@font-face {
  font-family: iran;
  font-style: normal;
  src: url("../../fonts/IRANSansWeb\(FaNum\).eot");
  src: url("../../fonts/IRANSansWeb\(FaNum\).eot") format("embedded-opentype"), url("../../fonts/IRANSansWeb\(FaNum\).woff") format("woff2"), url("../../fonts/IRANSansWeb\(FaNum\).woff") format("woff"), url("../../fonts/IRANSansWeb\(FaNum\).ttf") format("truetype");
  font-display: swap; }
  @font-face {
    font-family: sans-Bold;
    font-style: normal;
    src: url("../../fonts/IRANSans_Bold.ttf");
    src: url("../../fonts/IRANSans_Bold.eot") format("embedded-opentype"), url("../../fonts/IRANSans_Bold.woff") format("woff2"), url("../../fonts/IRANSans_Bold.woff") format("woff"), url("../../fonts/IRANSans_Bold.ttf") format("truetype");
    font-display: swap; }
@font-face {
  font-family: ismb;
  font-style: normal;
  src: url("../../fonts/ismb.ttf");
  font-display: swap; }
  .sans-bold{
    font-family: sans-Bold;
  }


body {
  font-family: iran;
  background-color: #fff;
}

.ismb {
  font-family: ismb; }



.text-a {
  color: #FC8B2F !important; }

.text-a-dark {
  color: #FC8B2F; }

.text-b {
  color: #f0f0f0; }
  .text-title{
    color: #1B2A41;
  }

.bg-a {
  background-color: #FC8B2F; }

.bg-b {
  background-color: #f0f0f0; }

.btn-a {
  transition: 0.5s;
  background-color: #FC8B2F;
  color: #fff; }
  .btn-a:hover {
    background-color: #fff;
    border: 1px solid #FC8B2F;
    color: #FC8B2F; }

.btn-outline-a {
  border: 1px solid #FC8B2F;
  background-color: transparent;
  color: #FC8B2F;
  transition: 0.5s; }
  .btn-outline-a:hover {
    background-color: #FC8B2F;
    color: #fff; }

a {
  text-decoration: none; }

  nav {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1002; }
  nav.scrolled{
    background-color: rgba(0,0,0,0.6);
    backdrop-filter: blur(4px);
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.1);
  }
.menu-mobile {
    background-color: #1B2A41DE; }
  .menu-mobile-off .offcanvas{
    background-image: url("../../images/map.webp");
    background-size: cover;
    background-position: top right;
  }
  .menu-mobile-off .offcanvas li{
    margin-bottom: 12px;
    border-radius: 14px;
    background-color: rgba(176, 176, 176, .23);
  }

    nav .main-menu {
    background-color: #1B2A41DE; }
    nav .main-menu .navbar .right .nav-link {
      margin-left: 1rem;
      color: #fff;
      transition: 0.5s;
      padding: 0.75rem 1rem; }
      nav .main-menu .navbar .right .nav-link.active {
        color: #FC8B2F;
        border-bottom: 1px solid #FC8B2F; }
        nav .main-menu .navbar .right .nav-link:hover {
        color: #FC8B2F;
        border-bottom: 1px solid #FC8B2F; }
.manu-top .left .nav-link{
  padding:.5rem 1rem
}
        nav .mega-box {
          left: 0;
          right: 0;
          top: 98%;
          background-color: #fff;
          box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
          padding: 5px;
          border-radius: 0 0 10px 10px;
          display: none;
        }
        nav .mega-item:hover .mega-box {
          display: block;
          top: 98%;
          opacity: 1;
          animation: mega 0.5s ease-in-out;
        }
        nav .mega-box .icon{
          transform: translate(10px);
          transition: 0.5s;
          opacity: 0;
          display: none !important;
          color: #fff;
        }
        nav .mega-box .btn-mega.active .icon{
          transform: unset;
          opacity: 1;
          display: flex !important;
          animation: icons 0.3s ease-in-out;
        }
nav .mega-box .btn-mega:hover{
  border-right: 4px solid #FC8B2F !important;
  border-bottom: 0 !important;
}
nav .mega-box .btn-mega.active{
  background: #1B2A41;
  color: #fff !important;
  border-right: 4px solid #FC8B2F !important;
}
        nav .mega-box .btn-mega{
          margin-left:0 ;
          background: #f0f0f0;
          color: #555 !important;
          border-radius: 8px;
          margin-top: 8px;
          transition: 0.3s !important;
          border-bottom: 0 !important;
        }
nav .mega-box .btn-mega:last-child{
  margin-bottom: 0;
}
.menu-mobile-off .offcanvas .card-body {
  border-radius: 14px;
  background-color: transparent;
  border: 0;
}
.menu-mobile-off .offcanvas .mega-mobile .accordion-item{
  background-color: #ffffff63;
  border-radius: 14px;
  overflow: hidden;
  border: 0;
  margin-bottom: .5rem;
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, .05);
  backdrop-filter: blur(8px);
}
.menu-mobile-off .offcanvas .mega-mobile .accordion-item .accordion-button{
  background-color: transparent;
  color: #4b5259;
  box-shadow: none !important;
  padding: 10px;
}
.menu-mobile-off .offcanvas .mega-mobile .link-mega{
  padding: 6px 8px;
  display: block;
}
.menu-mobile-off .offcanvas .mega-mobile .sub-cat{
  background-color: transparent;
  color: #4b5259;
  margin-bottom: 12px;
  font-size: 14px;
}
.menu-mobile-off .offcanvas .mega-mobile .sub-cat:last-child{
  margin-bottom: 0;
}
.menu-mobile-off .offcanvas .mega-mobile .sub-cat a{
  padding: 0 10px;
}
.menu-mobile-off .offcanvas .mega-mobile .see-all{
  font-size: 14px;
  color: #000;
  padding: 0 10px;
  margin-bottom: 12px;
}
.menu-mobile-off .offcanvas .mega-mobile .accordion-button:not(.collapsed){
  border-bottom: 1px solid rgba(0,0,0,.1) !important;
}
.logo-off{
  filter: brightness(0);
}

.bar hr {
  opacity: 1;
  background: #1B2A41;
  height: 2px; }

header .carousel-inner .carousel-item {
  position: relative; }
  header .carousel-inner .carousel-item::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4); }
    header .carousel-inner .overlay{
      z-index: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #1B2A4154;
      color: #fff;
      line-height: 2;
    }
    header .carousel-inner .overlay h1{
      font-size: 42px;
      font-family: sans-Bold;
    }

header .carousel-indicators [data-bs-target] {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #FC8B2F; }

.services .services-in {
  position: relative;
  overflow: hidden;
  border-radius: 1rem; }
  .services .services-in:hover img {
    transform: scale(1.2); }
  .services .services-in img {
    transition: 0.5s;
    border-radius: 1rem; }
  .services .services-in .over {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center; }
    .services .services-in .over p {
      font-size: 20px; }

.projects .card {
  border-radius: 1rem;
  overflow: hidden;
  transition: 0.5s; }
  .projects .card:hover {
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.1); }

.banner .banner-in .over {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .banner .banner-in .over p {
    line-height: 1.75; }

.brands .swiper-button-next,
.brands .swiper-button-prev {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.1);
  top: 54% !important; }
  .brands .swiper-button-next::after,
  .brands .swiper-button-prev::after {
    color: #000;
    font-size: 16px; }

.brands .swiper-slide {
  overflow: hidden; }

.brands .brand-in {
  position: relative; }
  .brands .brand-in figure {
    height: 4rem; }
    .brands .brand-in figure .figure-in {
      display: flex;
      width: 100%;
      height: 100%;
      overflow: hidden;
      align-items: center;
      justify-content: center; }
      .brands .brand-in figure .figure-in img {
        display: inline-block;
        width: auto;
        height: auto;
        max-height: 100%;
        max-width: 100%;
        vertical-align: middle;
        filter: grayscale(1);
        transition: 0.5s; }
  .brands .brand-in:hover img {
    filter: grayscale(0) !important; }

.aboutus .about-text {
  border-radius: 0.5em;
  top: 5rem;
  display: flex;
  align-items: center;
  position: absolute;
  width: 50%;
  height: 30rem;
  background-color: #FC8B2F;
  z-index: 1000; }
  .aboutus .experience img{
    border-radius: 20px;
  }
  .aboutus .about-text .box {
    position: absolute;
    right: -0.5rem;
    top: -0.5rem;
    height: 30rem;
    width: 100%;
    background-color: #fff;
    overflow-y: auto;
    padding: 2rem;
    display: flex;
    align-items: center;
    z-index: 1001;
    border-radius: 0.5rem; }
    .aboutus .about-text .box .description {
      text-align: justify;
      line-height: 1.75rem; }
      .aboutus .about-text .box .description p {
        margin: 0; }

.aboutus .about-img {
  border-radius: 1.5rem;
  height: 40rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  transform: scale(1); }
  .aboutus .about-img .why-item{
    border-bottom: 3px solid #FC8B2F;
    border-radius: 20px;
    padding: 0.75rem;
    background: #fc8b2f0a;
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.1);
  }
  .aboutus .about-img .why-item .title{
    color: #1B2A41;
  }
  .aboutus .about-img .why-item img{
    width: 75px !important;
  }
  .aboutus .about-img .award:hover {
    outline: 1px solid #FC8B2F;
    border-radius: 0.5rem; }
    .aboutus .about-img{
      position: relative;
    }
    .aboutus .about-img .after::before{
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg,transparent,#fff);
    }

.team .swiper-pagination-bullet-active {
  background-color: #FC8B2F !important; }

.team .swiper-pagination-bullet {
  width: 0.75rem;
  height: 0.75rem; }

.team .swiper-horizontal > .swiper-pagination-bullets, .team .swiper-pagination-bullets.swiper-pagination-horizontal, .team .swiper-pagination-custom, .team .swiper-pagination-fraction {
  bottom: -5px !important; }

.team .swiper-slide {
  border-radius: 1rem;
  outline: 1px solid #FC8B2F;
  transition: 0.5s;
  overflow: hidden; }
  .team .swiper-slide:hover  {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); }
  .team .swiper-slide .over {
    display: none;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.3);
    transition: 0.5s;
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0;
    animation: over 5s; }
    .team .swiper-slide .over a {
      margin: 0.75rem;
      padding: 0.35rem;
      background-color: #fff;
      color: #fff !important;
      border-radius: 50%; }

.team .swiper-slide-active {
  transform: scale(1.07);
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.1);
  transition: 0.5s; }

.team .team-in .img-box {
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center; }
  .team .team-in .img-box .img {
    width: 7rem;
    height: 7rem;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .team .team-in .img-box .img img {
      width: 6.5rem;
      height: 6.5rem; }

@keyframes over {
  0% {
    top: -50px !important; }
  100% {
    top: 0px !important; } }

/* cat */
.cat .blog-item img{
  border-radius: 10px;
}
.cat .blog-item .over{
  background: linear-gradient(transparent,#1b2a41);
  border-radius: 10px;
}
#wrapper {
  display: flex;
  height: 550px; }

.column {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column; }

.item {
  margin: 4px;
  padding: 1em;
  flex-grow: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1rem; }

.item1 {
  background-position: top center;
  background-size: cover;
  flex-grow: 2;
  position: relative; }

.item1 div {
  bottom: 0.5rem;
  left: 0.5rem;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem; }

.item2 {
  background-position: top center;
  background-size: cover;
  flex-grow: 2;
  position: relative; }

.item2 div {
  bottom: 0.5rem;
  right: 0.5rem;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem; }

.item2 span {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: max-content;
  height: 1.5rem;
  font-size: 13px;
  background: #787878;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  padding: 0 0.5rem; }

.item2 span::after {
  content: "";
  border-left: solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #787878;
  position: absolute;
  top: 99%;
  left: 0px; }

.item3 {
  background-position: top center;
  background-size: cover;
  position: relative; }
  .item3 img {
    border-radius: 1rem; }

.item3 div {
  bottom: 0.5rem;
  left: 0.5rem;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem; }

.item3 span {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: max-content;
  height: 1.5rem;
  font-size: 13px;
  background: #787878;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  padding: 0 0.5rem; }

.item3 span::after {
  content: "";
  border-left: solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #787878;
  position: absolute;
  top: 99%;
  left: 0px; }

.item span {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: max-content;
  height: 1.5rem;
  font-size: 13px;
  background: #1b2a41b3;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  padding: 0 0.5rem; }

.item span::after {
  content: "";
  border-left: solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #1b2a41b3;
  position: absolute;
  top: 99%;
  left: 0px; }

.item3 .btn-cat {
  background-color: #000;
  color: #fff;
  border-radius: 1rem;
  font-size: 14px;
  text-align: end; }

.item3 .btn-cat:focus {
  box-shadow: none !important;
  border: 0 !important; }

.item4 {
  background-position: top center;
  background-size: cover;
  flex-grow: 3;
  position: relative; }

.item4 div {
  bottom: 0.5rem;
  right: 0.5rem;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem; }

.item5 {
  background-position: top center;
  background-size: cover;
  position: relative; }

.item5 div {
  bottom: 0.5rem;
  left: 0.5rem;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem; }

.vasat {
  flex: 1.5 !important; }

/* .column:first-child > :last-child, .column:last-child > :first-child {
    flex-grow: 2;
  } */
@media (min-width: 1200px) {
  .product-list .col-xl-custom{
    width: 20% !important;
  }
  .container-d {
    max-width: 75%;
    width: 75% !important;
    margin: auto; } }
    .footer{
      background: #1B2A41;
    }

.footer ul li a {
  transition: 0.5s; }
  .footer ul li a:hover {
    color: #FC8B2F !important; }

.footer .description {
  text-align: justify;
  line-height: 1.5; }

.blogs .blog-in {
  border-radius: 1rem;
  border: 1px solid #ccc;
  overflow: hidden;
  position: relative;
  transition: 0.5s; }
  .blogs .blog-in .img-box {
    position: relative; }
    .blogs .blog-in .img-box span {
      position: absolute;
      bottom: 0.5rem;
      left: 0rem;
      width: max-content;
      height: 1.5rem;
      font-size: 13px;
      background: rgba(243, 243, 243, 0.823);
      display: flex;
      justify-content: center;
      align-items: center;
      color: #000;
      font-weight: 900;
      padding: 0 0.5rem;
      z-index: 1200; }
  .blogs .blog-in .body p {
    line-height: 1.5;
    text-align: justify; }
  .blogs .blog-in:hover {
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1); }

.detail-blog {
  background-color: #fff; }
  .detail-blog .detail-in .description {
    line-height: 1.75;
    text-align: justify; }
  .detail-blog .related {
    position: sticky;
    top: 7.5rem; }
    .detail-blog .related .related-in {
      border-radius: 16px;
      box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); }
.detail-blog .related .related-in img{
  border-radius: 10px;
}
      .detail-blog .related .related-in p {
        margin: auto; }
    .detail-blog .related .category li {
      padding: 0.25rem;
      margin-bottom: 0.5rem;
      background-color: #f8f8f8; }
      .detail-blog .related .category li a {
        font-weight: bolder;
        display: flex;
        align-items: center;
        color: #000;
        transition: 0.5s; }
        .detail-blog .related .category li a:hover {
          margin-right: 0.25rem;
          color: #FC8B2F; }
    .detail-blog .related .social li {
      padding: 0.5rem;
      border-radius: 5px;
      margin-left: 0.5rem;
      background-color: #FC8B2F;
      transition: 0.5s; }
      .detail-blog .related .social li:hover {
        background-color: #000; }
      .detail-blog .related .social li a {
        color: #fff !important; }
        .detail-blog .related .social li a i {
          color: #fff !important;
          -webkit-text-fill-color: unset !important;
          background: unset !important; }
          .detail-blog .related .social li a i:hover {
            color: #fff !important; }
  .detail-blog .tabs .rate .star-rating {
    direction: rtl;
    display: inline-block;
    cursor: pointer;
    flex-direction: row-reverse;
    display: flex;
    justify-content: flex-end; }
    .detail-blog .tabs .rate .star-rating input[type="radio"] {
      display: none; }
    .detail-blog .tabs .rate .star-rating label {
      color: #bbb;
      font-size: 1.5rem;
      margin-left: 0.5rem;
      padding: 0;
      cursor: pointer;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .detail-blog .tabs .rate .star-rating label:hover,
    .detail-blog .tabs .rate .star-rating label:hover ~ label,
    .detail-blog .tabs .rate .star-rating input[type="radio"]:checked ~ label {
      color: #f2b600; }
  .detail-blog .tabs .tabs .nav-tabs .nav-link {
    color: #000 !important; }
    .detail-blog .tabs .tabs .nav-tabs .nav-link.active {
      color: #FC8B2F !important;
      font-weight: 900 !important; }
  .detail-blog .tabs .tabs .tab-pane {
    text-align: justify; }

.about-us .about-in p {
  text-align: justify;
  line-height: 2; }

.swiper {
  width: 100%;
  height: 100%; }

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; }

@media (max-width: 576px) {
  .aboutus .about-text{
    position: unset !important;
    width: 100% !important;
  }
  .product-details .id{
    top: -4rem !important;
  }
  .fixed{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
    z-index: 12;
    padding: 4px 6px;
    margin-top: 0 !important;
  }
  .product-details .tabs ul{
    flex-direction: row !important;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .product-details .tabs ul li,  .product-details .tabs ul a{
    white-space: nowrap;
  }
  .product-details .tabs ul a{
    justify-content: center;
    border: 1px solid #ddd !important;
    border-radius: 10px !important;
  }
  .product-details .description img{
    width: 100%;
    height: auto;
    margin: 6px auto;
    border-radius: 10px;
    display: block;
  }
  /*موقته*/
  header .carousel .carousel-inner .carousel-item img{
    height: 30rem !important;
    width: auto !important;
  }
  /*موقته*/
  header .carousel-inner .overlay h1{
    font-size: 28px;
  }
  header .carousel .carousel-control-next,header .carousel .carousel-control-prev{
    height: max-content;
    top: unset;
    bottom: 5rem;
    opacity: 1;
  }
  .about-us .about-in img {
    width: 100%;
    display: flex;
    margin: auto; }
  .project-detail .title-bar p {
    font-size: 20px; }
  .detail-blog .detail-in .description img {
    width: 100%;
    display: flex;
    margin: auto; }
  .services-detail .detail .description img {
    width: 100%;
    display: flex;
    margin: auto; }
  .menu-mobile {
    border-top: 3px solid #FC8B2F; }
  .aboutus .about-text {
    top: 5rem;
    display: flex;
    align-items: center;
    position: unset;
    width: 100% !important;
    height: 30rem;
    background-color: #FC8B2F;
    z-index: 1000; }
  .vasat {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 992px) {
  .product-details .sticky{
    position: sticky;
    top: 7rem;
  }
  .product-details .description img{
    width: 90%;
    height: auto;
    margin: 6px auto;
    border-radius: 10px;
    display: block;
  }

  .about-us .about-in img {
    width: 80%;
    display: flex;
    margin: auto; }
  .detail-blog .detail-in .description img {
    width: 80%;
    display: flex;
    margin: auto; }
  .container {
    width: 95%;
    max-width: 95%; }
}

@media (max-width: 992px) {
  .banner .banner-in .over {
    right: unset !important;
    left: 0;
    width: 65% !important; }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1050;
    top: 0;
    right: 0;
    background-color: #f0f0f0;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    box-shadow: -107px 0px 94px 0 rgba(0, 0, 0, 0.2); }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 20px;
    color: #444;
    display: block;
    transition: 0.3s; }
  .sidenav a:hover {
    color: #888; }
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    font-size: 36px;
    margin-right: 50px;
    left: 0;
    padding: 8px; } }

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px; }
  .sidenav a {
    font-size: 18px; } }

@media (min-width: 576px) and (max-width: 768px) {
  header .carousel-control-next,header .carousel-control-prev{
    width: 3%;
  }
  .aboutus .about-img{
    height: unset !important;
  }
  .aboutus .about-text{
    position: unset !important;
    width: 100% !important;
  }
  .product-details .id{
    top: -4rem !important;
  }
  .fixed{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
    z-index: 12;
    padding: 4px 6px;
    margin-top: 0 !important;
  }
  .product-details .tabs ul{
    flex-direction: row !important;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .product-details .tabs ul li,  .product-details .tabs ul a{
    white-space: nowrap;
  }
  .product-details .tabs ul a{
    justify-content: center;
    border: 1px solid #ddd !important;
    border-radius: 10px !important;
  }

  .product-details .description img{
    width: 90%;
    height: auto;
    margin: 6px auto;
    border-radius: 10px;
    display: block;
  }
  header .carousel .carousel-inner .carousel-item img{
    height: 30rem !important;
    width: auto !important;
  }
  .about-us .about-in img {
    width: 90%;
    display: flex;
    margin: auto; }
  .detail-blog .detail-in .description img {
    width: 90%;
    display: flex;
    margin: auto; }
  .container {
    width: 95%;
    max-width: 95%; }
 }
@media (min-width: 768px) and (max-width: 992px) {
  header .carousel-control-next,header .carousel-control-prev{
    width: 3%;
  }
  header .carousel .carousel-inner .carousel-item img{
    height: 30rem !important;
    width: auto !important;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  header .carousel-control-next,header .carousel-control-prev{
    width: 3%;
  }
  .product-details .sticky{
    position: sticky;
    top: 7rem;
  }
  .product-details .description img{
    width: 80%;
    height: auto;
    margin: 6px auto;
    border-radius: 10px;
    display: block;
  }
  nav .main-menu .navbar .right .nav-link{
    padding: 0.5rem !important;
    font-size: 14px;
  }
  .about-us .about-in img {
    width: 80%;
    display: flex;
    margin: auto; }
  .detail-blog .detail-in .description img {
    width: 80%;
    display: flex;
    margin: auto; }
 }

@media (min-width: 1200px) and (max-width: 1400px) {
  header .carousel-control-next,header .carousel-control-prev{
    width: 3%;
  }
  .product-details .sticky{
    position: sticky;
    top: 7rem;
  }
  .about-us .about-in img {
    width: 70%;
    display: flex;
    margin: auto; }
  .detail-blog .detail-in .description img {
    width: 70%;
    display: flex;
    margin: auto; }
  .product-details .description img{
    width: 70%;
    height: auto;
    margin: 6px auto;
    border-radius: 10px;
    display: block;
  }
}

@media (min-width: 1400px) {
  header .carousel-control-next,header .carousel-control-prev{
    width: 3%;
  }
  .product-details .sticky{
    position: sticky;
    top: 7rem;
  }
  .about-us .about-in img {
    width: 60%;
    display: flex;
    margin: auto; }
  .detail-blog .detail-in .description img {
    width: 60%;
    display: flex;
    margin: auto; }
  .product-details .description img{
    width: 70%;
    height: auto;
    margin: 6px auto;
    border-radius: 10px;
    display: block;
  }
 }
@keyframes mega {
  0% {
    top: 50%;
    opacity: 0;
  }
  100%{
    top: 98%;
    opacity: 1;
  }
}
@keyframes icons {
  0% {
    transform: translate(10px);
    display: none;
  }
  100%{
    transform:unset;
    display: flex;
  }
}
.header-inner{
  height: 15rem;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  background-position: center;
  position: relative;
}
.header-inner::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.4);
}
.header-inner .breadcrumb-item{
  font-size: 14px;
}
.header-inner .breadcrumb-item+.breadcrumb-item::before{
  color: #fff;
}
.product-list .team-in{
  border-radius: 1rem;
  outline: 1px solid #FC8B2F;
  transition: 0.5s;
  overflow: hidden;
}
.product-list .team-in:hover{
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
}
.product-details .breadcrumb-item,.product-details .breadcrumb-item a{
  color: #444;
  font-size: 14px;
}
.product-details .breadcrumb-item+.breadcrumb-item::before{
  color: #444;
}
.product-details .bi-instagram {
  background: -webkit-linear-gradient(#4762d8, #da2981, #ffd369);
  background-clip: border-box;
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.product-details .bi-whatsapp {
  color: #25D366; }
.product-details .bi-telegram {
  color: #32afed; }
.product-details .short-ex .description{
  line-height: 2;
}
.product-details .id{
  position: absolute;
  top: -4rem;
}
.product-details .tabs .tab-link{
  padding: 6px 16px;
  border-bottom: 1px solid #ddd !important;
  border-radius: 6px 6px 0 0;
  color: #000;
  transition: 0.5s;
}
.product-details .tabs .tab-link i{
  display: none !important;
}
.product-details .tabs .tab-link.active{
  background: #FC8B2F;
  border-color: #FC8B2F;
  color: #fff;
  font-family: sans-Bold !important;
  border-radius: 6px;
}
.product-details .tabs .tab-link.active i{
  display: flex !important;
}
.product-details .question .accordion-item{
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 10px;
  border: 1px solid #dee2e6 !important;
}
.product-details .question .accordion-button{
  box-shadow: none !important;
}
.product-details .question .accordion-button:not(.collapsed){
  background: #1B2A41;
  box-shadow: none !important;
  outline: none !important;
  color: #fff !important;
}
.product-details .question .accordion-button:not(.collapsed)::after{
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(222deg) brightness(100%) contrast(104%);
}
.product-details .description h1,.product-details .description h2,.product-details .description h3,.product-details .description h4,.product-details .description h5,.product-details .description h6{
  font-family: sans-Bold !important;
  color: #393939 !important;
}
.product-details .description h2 strong,.product-details .description h3 strong,.product-details .description h4 strong,.product-details .description h5 strong,.product-details .description h6 strong{
  font-family: sans-Bold !important;
  color: #393939 !important;
}
.product-details strong{
  color: #FC8B2F;
}
.product-details .description a{
  color: #609fff;
}
.product-details .img-box{
  box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);
}
.product-details .img-box figure figcaption{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,.4);
  padding: 4px 0;
  color: #fff;
}
.detail-blog .description{
  line-height: 2 !important;
}
.detail-blog .description{
  color: #444;
}
.detail-blog .description h1,.detail-blog .description h2,.detail-blog .description h3,.detail-blog .description h4,.detail-blog .description h5,.detail-blog .description h6{
  font-family: sans-Bold !important;
  color: #393939 !important;
}
.detail-blog .description h1 strong,.detail-blog .description h2 strong,.detail-blog .description h3 strong,.detail-blog .description h4 strong,.detail-blog .description h5 strong,.detail-blog .description h6 strong{
  font-family: sans-Bold !important;
  color: #393939 !important;
}
.detail-blog strong{
  color: #FC8B2F;
}
.detail-blog .description a{
  color: #609fff;
}
.detail-blog .detail-in figure figcaption{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.4);
  padding: 4px 0;
  color: #fff;
}
.contact-us input,.contact-us textarea{
  border:1px solid #ddd !important;
  outline: none !important;
}
.table-striped>tbody>tr:nth-of-type(odd)>*{
  --bs-table-bg-type : rgb(252 139 47 / 13%);
}