/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@import url(fonts.css);
@import url(grid.css);
@import url(global.css);
@import url(header.css);
@import url(owl.carousel.min.css);
@import url(owl.theme.default.min.css);


p,
div,
h1,
h2,
h3,
h4,
h5,
h6,
a {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hero__section{
  width: 90%;
  margin: auto;
}
.section__box{
  background-color: #fff;
  border-radius: 38px;
  box-shadow: 0 2px 30px rgba(0, 0, 0, 45%);
}
.section__title{
  font-family: "nimkat";
  font-weight: normal;
  padding:26px ;
  margin: auto;
  text-align: center;
  font-size: 32px;
  letter-spacing: -0.5px;
}
.category__section{
  margin-top: -15%;
  z-index: 5;
  position: relative;
  margin-bottom: 60px;
}
.category__section .section__title{
  color: var(--color-blue-primary);
}
.category__slider-wrapper{
   padding: 0 66px;
  position: relative;
}
.category__slider{
 
}
.category__item{
  padding: 30px 40px;
  border: 1px solid #D6D7D9;
  border-radius: 30px;
  height: 100%;
}
.category__item a{
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.cetegory__img{
  display: flex;
  justify-content: center;
}
.category__title{
  font-size: 24px;
  font-family: "nimkat";
  color: var(--color-text-primary);
  font-weight: normal;
  text-align: center;
}
.owl-stage{
  display: flex;
}
.owl-stage-outer{
  overflow: hidden;
}
/* .owl-item{
  margin: 0 12px;
} */
.category__slider .owl-prev,.category__slider .owl-next{
  position: absolute;
  top:30%
}
.category__slider .owl-prev{
  right: 0;
  border-radius: 10px 0 0 10px;
}
.category__slider .owl-next{
  left: 0;
  border-radius: 0 10px 10px 0;
}
.category__slider .owl-next,.category__slider .owl-prev{
  background-color: var(--color-blue-primary);
  border: 0;
  height: 69px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.category__slider-wrapper{
  padding-bottom: 20px;
}
.quick-access__section .section__title{
  color: #fff;
}
.quick-access__wrapper{
  height: 254px;
}
.quick-access__section .section__box{
  padding: 48px;
  margin-top: -145px;
  margin-bottom: 50px;
}
.tab-menu{
  border-bottom: 2px solid #D6D7D9;
  padding-bottom: 6px;
  margin-bottom: 30px;
}
.tab-menu__text{
  font-weight: normal;
  font-size: var(--font-size-2);
  cursor: pointer;
}
.tab-menu__text:hover{
  color: var(--color-red-primary);
}
.tab-menu__item.active{
  border-bottom: 2px solid var(--color-red-primary);
  margin-bottom: -8px;
}
.tab-menu__item.active .tab-menu__text{
  font-size: var(--font-size-3);
  color: var(--color-red-primary);
  font-family: var(--font-yekan-bold);
}
.tab-item{
  display: none;
}
.tab-item .row > div{
  padding-left: 6px;
  padding-right: 6px;
}
.tab-item.show{
  display: block;
}
.product{
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
.product:hover .product__title{
  height: 130px;
}
.product__title{
  position: absolute;
  height: 100px;
  bottom: 0;
  right: 0;
  text-align: center;
  width: 100%;
  display: flex;
  align-items: flex-end;
  padding: 12px;
  justify-content: center;
  color: #ffffff;
  font-family: var(--font-yekan-light);
  font-weight: normal;
  font-size: 20px;
  transition: all 0.5s;
  background: linear-gradient(360deg, #2F2962 0%, rgba(217, 217, 217, 0) 100%, rgba(41, 52, 98, 0.3) 100%);
}
.product__img{
  display: flex;
  align-items: stretch;
}
.product__img img{
  width: 100%;
  height: 100%;
}
/* ------------------------------------- order-level-section ----------------- */
.level__img img{
  max-width: 80%;
}
.order-level__section .section__title{
  color: var(--color-text-primary);
  margin-bottom: 25px;
}
.order-level__wrapper{
  background-color: #f9f9f9;
  padding: 70px 0;
  margin-bottom: 40px;
}
.order-level__section .row > div {
  padding: 0;
  margin-bottom: 50px;
}
.order-level__section .row  {
  margin: 0;
}
.level__title{
  font-size: var(--font-size-3);
  color: var(--color-blue-primary);
  margin-top: 10px;
}
.col-lg-20:nth-child(odd) .half-box{
  height: 50%;
  border: 3px solid var(--color-blue-primary);
  border-top: transparent;
  border-radius: 0 0 35px 35px;
  bottom: -18px;
  width: calc(100% + 3px);
 
}
.col-lg-20{
  display:flex;
  flex-direction: column;
  justify-content: space-between;
}
.col-lg-20:nth-child(even) .half-box{
  height: 50%;
  border: 3px solid var(--color-blue-primary);
  border-bottom: transparent;
  border-radius:  35px 35px 0 0;
  top: -18px;
  width: calc(100% + 3px);
}
.col-lg-20::before{
  content: " ";
  width: 20px;
  height: 20px;
  display: block;
  border-radius: 50%;
  border: 3px solid var(--color-blue-primary);
  position: absolute;
  top: 45%;
  right: -8px;
  animation: lamp infinite 2s ;
}
.col-lg-20:nth-child(1)::before{
  background-color: var(--color-yellow-primary);
}
.col-lg-20:nth-child(2)::before{
  background-color: var(--color-red-primary);
}
.col-lg-20:nth-child(3)::before{
  background-color: var(--color-green-primary);
}
.col-lg-20:nth-child(4)::before{
  background-color: var(--color-yellow-primary);
}
.col-lg-20:nth-child(5)::before{
  background-color: var(--color-red-primary);
}
@keyframes lamp{
  0%{
    opacity: 0.2;

  }
  50%{
     opacity: 1;
  }
  100%{
    opacity: 0.2;
  }
}
.blog__section .section__title{
  color: var(--color-blue-primary);
}
.blog__item{
  transition: all 0.3s;
}
.blog__item:hover{
  transform: translateY(-10px)
}
.blog__item:hover .blog__title{
  color: var(--color-red-primary);
}
.blog__img img{
  border-radius: 50px;
}
.blog__details{
  gap: 15px;
  margin: 10px 0;
}
.blog__details p{
  gap: 5px;
  font-family: var(--font-yekan-medium);
  font-size: var(--font-size-0);
  color: #C8C8C8;
}
.blog__title{
  font-family: var(--font-yekan-bold);
  color: var(--color-blue-primary);
  font-size: var(--font-size-2);
}
.blog__section{
  margin-bottom: 60px;
}
.blog__content{
  margin-top: 12px;
  /* text-align: justify; */
  color: #515152;
  line-height: 25px;
  font-size: var(--font-size-1);
}

.services-section {
  padding: 80px 0;
}
.services-section .section__title{
  color: #6C6C6C;
}
.service-item {
  width: 150px;
  height: 150px;
  border-radius: 15px;
  padding: 16px 5px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.service-item--one {
  background: linear-gradient(180deg, #00AEEF 0%, rgba(0, 174, 239, 0.5) 100%);
}
.service-item--two {
  background: linear-gradient(180deg, #EC008C 0%, rgba(236, 0, 140, 0.5) 100%);
}
.service-item--three {
  background: linear-gradient(180deg, #FFF200 0%, rgba(255, 242, 0, 0.5) 100%);
}
.service-item--four {
  background: linear-gradient(180deg, #231F20 0%, rgba(35, 31, 32, 0.5) 100%);
}
.service-item__title {
  font-family: "nimkat",sans-serif;
  font-size: var(--font-size-0);
  color: #fff;
  margin-bottom: 0;
  font-weight: normal;
}
.services__row{
  flex-wrap: nowrap;
}
.comments__section{
  background-color: #F9F9F9;
  padding-bottom: 50px;
}
.comments__section .section__title{
  color: var(--color-blue-primary);
}
.comment-item__content{
  background-color:#fff;
  border-radius: 20px;
  padding: 45px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05);
  margin-bottom: 56px;
}
.comment-item__content::before{
  content: " ";
  display: block;
  position: absolute;
  width: 0;
height: 0;
border-style: solid;
border-width: 40px 27.5px 0 27.5px;
border-color: #ffffff transparent transparent transparent;
bottom: -40px;
left: 50%;
transform: translateX(-50%);
}
.comment-item__text{
  font-family: var(--font-yekan-regular);
  font-size: var(--font-size-0);
  line-height: 22px;
}
.comment-item__img{
  width: 64px;
  height: 64px;
  border-radius: 50%;
  margin: auto;
  box-shadow: 0px 2px 50px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.comment-item__author{
  color: var(--color-blue-primary);
  font-family: var(--font-yekan-bold);
  font-size: 20px;
  margin-top: 16px;
}
.comment-item__position{
  color: var(--color-text-primary);
  font-size: var(--font-size-0);
  font-family: var(--font-yekan-regular);
}
.comments__section .owl-dot{
   width: 10px;
   height: 8px;
   background: rgba(41, 52, 98, 0.5);
   border-radius: 50%;
   border: 0;
}
.comments__section .owl-dots{
  display: flex;
    justify-content: center;
    gap: 4px;
    margin-top: 30px;
}
.comments__section .owl-dot.active{
  width: 24px;
  background-color: var(--color-blue-primary);
  border-radius: 25px;
}
.comments__section .owl-nav{
  display: none;
}

/* ---------------------------- faq section ------------------- */
.faq-section .section__title{
  color: var(--color-red-primary);
}
.faq {
  max-width: 1111px;
  padding: 30px 0;
  border-bottom: 1px solid #d9d9d9;
  display: flex;
  flex-direction: column;
}

.faq-question , .faq p:nth-child(1){
  font-family: var(--font-yekan-bold);
  font-size: 22px;
  color: #000000;
  margin-bottom: 0;
  cursor: pointer;
  position: relative;
}
.faq-question::before ,.faq p:nth-child(1)::before{
  content: " ";
  width: 30px;
  height: 30px;
  float: left;

  left: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.1649 15C6.1649 14.2682 6.75912 13.6749 7.49213 13.6749H13.6728V7.5042C13.6728 6.77238 14.267 6.17912 15 6.17912C15.733 6.17912 16.3273 6.77238 16.3273 7.5042V13.6749H22.508C23.241 13.6749 23.8353 14.2682 23.8353 15C23.8353 15.7318 23.241 16.3251 22.508 16.3251H16.3273V22.4958C16.3273 23.2276 15.733 23.8208 15 23.8208C14.267 23.8208 13.6728 23.2276 13.6728 22.4958V16.3251H7.49213C6.75912 16.3251 6.1649 15.7318 6.1649 15Z' fill='%23D61C4E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.71234 0.457258C12.1762 -0.152419 17.8238 -0.152419 23.2877 0.457258C26.5197 0.8179 29.1297 3.35965 29.5099 6.60515C30.1634 12.1827 30.1634 17.8173 29.5099 23.3949C29.1297 26.6403 26.5197 29.1821 23.2877 29.5427C17.8238 30.1524 12.1762 30.1524 6.71233 29.5427C3.4803 29.1821 0.87026 26.6403 0.490054 23.3949C-0.163351 17.8173 -0.163351 12.1827 0.490054 6.60515C0.87026 3.35965 3.4803 0.8179 6.71234 0.457258ZM22.9928 3.09102C17.7249 2.50321 12.2751 2.50321 7.00718 3.09102C4.98194 3.317 3.36086 4.91283 3.12654 6.91301C2.4971 12.286 2.4971 17.714 3.12654 23.087C3.36086 25.0872 4.98194 26.683 7.00717 26.909C12.2751 27.4968 17.7249 27.4968 22.9928 26.909C25.0181 26.683 26.6391 25.0872 26.8735 23.087C27.5029 17.714 27.5029 12.286 26.8735 6.91301C26.6391 4.91283 25.0181 3.317 22.9928 3.09102Z' fill='%23D61C4E'/%3E%3C/svg%3E");
  
}
.faq-question.active::before ,.faq p:nth-child(1).active::before{

    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.71234 0.457258C12.1762 -0.152419 17.8238 -0.152419 23.2877 0.457258C26.5197 0.8179 29.1297 3.35965 29.5099 6.60515C30.1634 12.1827 30.1634 17.8173 29.5099 23.3949C29.1297 26.6403 26.5197 29.1821 23.2877 29.5427C17.8238 30.1524 12.1762 30.1524 6.71233 29.5427C3.4803 29.1821 0.87026 26.6403 0.490054 23.3949C-0.163351 17.8173 -0.163351 12.1827 0.490054 6.60515C0.87026 3.35965 3.4803 0.8179 6.71234 0.457258ZM22.9928 3.09102C17.7249 2.50321 12.2751 2.50321 7.00718 3.09102C4.98194 3.317 3.36086 4.91283 3.12654 6.91301C2.4971 12.286 2.4971 17.714 3.12654 23.087C3.36086 25.0872 4.98194 26.683 7.00717 26.909C12.2751 27.4968 17.7249 27.4968 22.9928 26.909C25.0181 26.683 26.6391 25.0872 26.8735 23.087C27.5029 17.714 27.5029 12.286 26.8735 6.91301C26.6391 4.91283 25.0181 3.317 22.9928 3.09102Z' fill='%23D61C4E'/%3E%3Cline x1='7.5' y1='14.5' x2='22.5' y2='14.5' stroke='%23D61C4E' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
  
}
.faq-answer{
  font-family: var(--font-yekan-regular);
  font-size: 17px;
  margin-right: 45px;
  padding-right: 14px;
  border-right: 3px solid var(--color-red-primary);
  margin-bottom: 0;
  display: none;
  padding-bottom: 16px;
}
.faq p:not(:first-child){
  font-family: var(--font-yekan-regular);
  font-size: 17px;
  margin-right: 45px;
  padding-right: 14px;
  border-right: 3px solid var(--color-red-primary);
  margin-bottom: 0;
  display: none;
  padding-bottom: 16px;
}
.faq p:nth-child(2){
  margin-top: 16px;
}
.faq-section{
  margin-bottom: 80px;
}
.services-wrapper{

}
@media only screen and (max-width: 992px){
.service-item {
    margin: 0 5px;
}
.hero__section{
  width: 99%;
}
.category__title{
  font-size: 20px;
}
.product__title{
  font-size: 16px;
  height: 60px;
}
.tab-menu__text{
  font-size: var(--font-size-1);
}
.tab-menu{
  flex-wrap: wrap;
  gap: 10px;
  column-gap: 20px;
  row-gap: 20px;
  justify-content: center !important;
}
.tab-menu__item.active .tab-menu__text{
  font-size: var(--font-size-1);
}
.tab-menu__item{
  
  text-align: center;
}
.blog__item{
  margin-bottom: 15px;
}

}
@media only screen and (max-width:768px){
  .services__row{
    flex-wrap: wrap;
  }
  .faq p:nth-child(1){
    font-size: 20px;
  }
  .faq p:not(:first-child){
    font-size: var(--font-size-1);
  }
  .faq-question::before ,.faq p:nth-child(1)::before{
      width: 20px;
      height: 20px;
      background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.1649 15C6.1649 14.2682 6.75912 13.6749 7.49213 13.6749H13.6728V7.5042C13.6728 6.77238 14.267 6.17912 15 6.17912C15.733 6.17912 16.3273 6.77238 16.3273 7.5042V13.6749H22.508C23.241 13.6749 23.8353 14.2682 23.8353 15C23.8353 15.7318 23.241 16.3251 22.508 16.3251H16.3273V22.4958C16.3273 23.2276 15.733 23.8208 15 23.8208C14.267 23.8208 13.6728 23.2276 13.6728 22.4958V16.3251H7.49213C6.75912 16.3251 6.1649 15.7318 6.1649 15Z' fill='%23D61C4E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.71234 0.457258C12.1762 -0.152419 17.8238 -0.152419 23.2877 0.457258C26.5197 0.8179 29.1297 3.35965 29.5099 6.60515C30.1634 12.1827 30.1634 17.8173 29.5099 23.3949C29.1297 26.6403 26.5197 29.1821 23.2877 29.5427C17.8238 30.1524 12.1762 30.1524 6.71233 29.5427C3.4803 29.1821 0.87026 26.6403 0.490054 23.3949C-0.163351 17.8173 -0.163351 12.1827 0.490054 6.60515C0.87026 3.35965 3.4803 0.8179 6.71234 0.457258ZM22.9928 3.09102C17.7249 2.50321 12.2751 2.50321 7.00718 3.09102C4.98194 3.317 3.36086 4.91283 3.12654 6.91301C2.4971 12.286 2.4971 17.714 3.12654 23.087C3.36086 25.0872 4.98194 26.683 7.00717 26.909C12.2751 27.4968 17.7249 27.4968 22.9928 26.909C25.0181 26.683 26.6391 25.0872 26.8735 23.087C27.5029 17.714 27.5029 12.286 26.8735 6.91301C26.6391 4.91283 25.0181 3.317 22.9928 3.09102Z' fill='%23D61C4E'/%3E%3C/svg%3E");
    
  }
  .faq-question.active::before ,.faq p:nth-child(1).active::before{
  
      background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.71234 0.457258C12.1762 -0.152419 17.8238 -0.152419 23.2877 0.457258C26.5197 0.8179 29.1297 3.35965 29.5099 6.60515C30.1634 12.1827 30.1634 17.8173 29.5099 23.3949C29.1297 26.6403 26.5197 29.1821 23.2877 29.5427C17.8238 30.1524 12.1762 30.1524 6.71233 29.5427C3.4803 29.1821 0.87026 26.6403 0.490054 23.3949C-0.163351 17.8173 -0.163351 12.1827 0.490054 6.60515C0.87026 3.35965 3.4803 0.8179 6.71234 0.457258ZM22.9928 3.09102C17.7249 2.50321 12.2751 2.50321 7.00718 3.09102C4.98194 3.317 3.36086 4.91283 3.12654 6.91301C2.4971 12.286 2.4971 17.714 3.12654 23.087C3.36086 25.0872 4.98194 26.683 7.00717 26.909C12.2751 27.4968 17.7249 27.4968 22.9928 26.909C25.0181 26.683 26.6391 25.0872 26.8735 23.087C27.5029 17.714 27.5029 12.286 26.8735 6.91301C26.6391 4.91283 25.0181 3.317 22.9928 3.09102Z' fill='%23D61C4E'/%3E%3Cline x1='7.5' y1='14.5' x2='22.5' y2='14.5' stroke='%23D61C4E' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
    
  }
  .section__title{
    font-size: 28px;
  }
  .section__box{
    padding: 24px 15px !important;
  }
  .tab-menu__item {
    width: 30%;
  }

}
@media only screen and (max-width: 576px){
 
.service-item {
    width: 120px;
    height: 120px;
}
.faq p:first-child{
  font-size: 17px;
}
.section__title{
  font-size: 20px;
  /* padding: 10px 0; */
}
.category__item{
  padding: 16px;
}
.category__title{
  font-size: 16px;
}
.category__slider .owl-nav{
  display: none
}
.category__slider-wrapper{
  padding-left: 0;
  padding-right: 0;
}
.cetegory__img svg{
   max-width: 70%;
}
.tab-menu__item {
  width: 45%;
}
.product__title {
  padding-left:5px ;
  padding-right: 5px;
  font-size: 12px;
}
.col-lg-20:nth-child(odd) .half-box {
  width: 45% !important;
  border: 3px solid var(--color-blue-primary);
  border-left: transparent;
  border-radius: 0 35px 35px 0;
  bottom: -18px;
  width: calc(100% + 3px);
  height: 100%;
  top:-3px
}
.col-lg-20:nth-child(even) .half-box {
  
    width: 45% !important;
    border: 3px solid var(--color-blue-primary);
    border-right: transparent;
    border-radius: 35px 0 0 35px;
    top: -5px;
    left: 0;
    height: calc(100% + 6px);

}
.order-level__section .row > div{
  padding: 25px 0;
  margin: 0;
}
.col-lg-20::before{
  bottom: 0;
  left: 50% !important;
  right: 50%;
  top:94%;
  transform: translateX(50%);
}
.order-level__wrapper{
  margin-bottom: 20px;
}
.services-section {
  padding: 30px 0;
}
.blog__section{
  margin-bottom: 20px;
}
.service-item{
  width: 45%;
  margin-bottom: 10px;
}
.services-wrapper{
  flex-wrap: wrap;
  justify-content: center;
}
.order-level__wrapper{
  padding: 20px 0;
}
}