.animate-up {
  opacity: 0;
  transition: opacity 1s ease-out;
}

.animate-up.visible {
  opacity: 1;
}
.mt-n4 {
  margin-top: -1.5rem;
}
.mt-n5 {
  margin-top: -3rem;
}
.pl-4{
  padding-left: 1.5rem;
}
.border-gradient-lb{
  border-right: 2px solid transparent;
  border-image-source: linear-gradient(0deg, #0E6456 0%, #FFFFFF 50%, #0E6456 100%);
  border-image-slice: 1;  
}
.border-gradient-b{
  border-bottom: 2px solid transparent;
  border-image-source: linear-gradient(90deg, #0E6456 0%, #FFFFFF 50%, #0E6456 100%);
  border-image-slice: 1; 
}
.mega-menu-toggle {
  display: none !important;
}





.both {
  clear: both;
  height: 95px;
}
.header-nav {
  position: absolute;
  top: 0;
  width: 100%;
  font-family: "Montserrat";
}
#mega-menu-main-menu-1 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}

#mega-menu-main-menu-1 li {
  position: relative;
  padding: 0 10px; /* فاصله‌ای برای خط */
}
.border-r10 {
  border-radius: 10px !important;
}
.border-r8 {
  border-radius: 8px !important;
}
#mega-menu-main-menu-1 li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -8px;
  transform: translateY(-50%);
  width: 2px;
  height: 1.5em;
  background: linear-gradient(
    rgba(255, 255, 255, 0) 0%,
    #fff 50%,
    rgba(255, 255, 255, 0) 100%
  );
}
#mega-menu-main-menu-1 a {
  color: black;
}

.main-menu2 a {
  color: white;
}

.main-navigation {
  background: rgba(0, 78, 66, 0.8);
  .mobile {
    display: none;
  }
  .menu-main-manu-container {
    display: flex;
    align-items: center;
  }
}

.icon-container {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.icon-container::before {
  content: "";
  position: absolute;
  top: 76%;
  width: 149%;
  height: 118%;
  aspect-ratio: 3 / 1;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 50%;
  border: 6px solid #f5b800;
  clip-path: polygon(0 0, 50% 50%, 100% 0);
  bottom: -9px;
  z-index: -1;
}
/*//////////////////////START HEADER1////////////////////////*/

section.search-box {
  background: rgba(0, 0, 0, 0.62);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(11.2px);
  -webkit-backdrop-filter: blur(11.2px);
  border: 1px solid rgba(0, 0, 0, 0.25);
  z-index: 1000;
  display: block;
  overflow: scroll;
  opacity: 1;
}
section.search-box .close-search-box {
  top: 1rem;
  right: 1rem;
  svg {
    color: white;
  }
}
#btn-search-header {
  cursor: pointer;
}
.search-box #search-results ul {
  padding: 0;
}
.search-box #search-results ul li {
  margin-bottom: 1rem;
  /*margin-left: 1rem;*/
}
.search-box #search-results ul li a {
  color: white;
}
.search-box #search-results .search-result-item {
  .search-result-excerpt {
    color: #bfbfbf;
  }
  .search-result-date {
    color: #bfbfbf;
  }
}
.search-box #search-results .search-result-item {
  position: relative;
  overflow: hidden;
  padding-left: 16px; /* Adjust based on the width of the before pseudo-element */
  margin-bottom: 15px; /* Adjust as needed */
}

.search-box #search-results .search-result-item::before {
  content: "";
  width: 0;
  height: 100%;
  background: #f0b323;
  position: absolute;
  top: 0;
  left: -16px; /* Adjust to the left margin */
  z-index: 1000;
  transition: width 0.3s ease; /* Adjust timing and easing function as needed */
}

.search-box #search-results .search-result-item:hover::before {
  width: 5px;
}

.search-box #search-results .search-result-item:hover {
  color: #f0b323 !important;
  .search-result-excerpt {
    color: #fff;
  }
  .search-result-date {
    color: #fff;
  }
}

/*===================== Footer =======================*/
footer.footer-site {
  .info {
    img {
      width: 200px;
    }
    p {
      font-weight: 100;
      span {
        font-weight: 600;
      }
    }
}
}
#menu-footer a{
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.latest_news {
  width: 365px;
  .slide-post {
    h3 {
      a {
        color: white;
        &:hover {
          color: rgba(255, 212, 82, 1);
        }
      }
      color: white;
      font-size: 1.3rem;
    }
  }
}
.footer-menu1 {
  a {
    color: white;
  }
}







.row {
  width: 100%;
}


.header-content {
  display: flex;
  flex-direction: column;
  top: 30%;
  p.sub-content {
    letter-spacing: 5px;
  }

  p {
    color: white;
  }
}
.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  pointer-events: none;
}
/*===================== Hero =======================*/
/* .hero {
  position: relative;
} */

.hero .background {
  min-width: 100%;
  min-height: 100%;
  position: absolute; /* اگر می‌خواهید در پس‌زمینه بماند */
  top: 0;
  left: 0;
}
.hero-video {
    object-fit: cover;
    /* height: auto; */
    width: 100%;
  }


/*===================== Features =======================*/
.bottom-section-header {
  background: rgba(0, 78, 66, 1);
  color: white;
  z-index: 0;

  .icon-container:before {
    bottom: -30px;
    width: auto;
    left: 86px;
    z-index: -1;
  }

  .card {
    background: inherit;
    border: 0;
    overflow: hidden;
    position: relative;

    p.card-content {
      margin-bottom: 15px;
    }

    img {
      max-width: 70px;
      max-height: 60px;
    }

    a {
      color: white;
      display: inline-block;
      position: absolute;
      bottom: -30px;
      left: 0;
      transition: bottom 0.3s ease-in-out; /* انیمیشن هنگام ورود */
    }

    &:after {
      content: "";
      position: absolute;
      top: -40px;
      right: -40px;
      display: block;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background: rgba(0, 78, 66, 0.5);
      transition: top 0.4s ease-in-out, right 0.4s ease-in-out,
        width 0.4s ease-in-out, height 0.4s ease-in-out;
      opacity: 0;
    }

    &:hover {
      padding-bottom: 1rem;
      background: rgba(0, 104, 81, 1);

      p.card-content {
        margin-bottom: 1rem;
      }

      a {
        bottom: 10px;
      }

      &:after {
        top: -20px;
        right: -20px;
        width: 90px;
        height: 90px;
        background: rgba(0, 78, 66, 0.5);
        opacity: 1;
      }
    }
  }
}
.m-left{
    margin-left:10px;
}
/*===================== Overview =======================*/
.overview-height{
  height: 250px;
}

.overview-section {
  margin-top: 80px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;

  .hashed-text {
    position: relative;
    font-size: 3rem;
    font-weight: bold;
    color: transparent;
    background: repeating-linear-gradient(
      -45deg,
      transparent,
      transparent 2px,
      rgba(0, 0, 0, 0.6) 1px,
      rgba(0, 0, 0, 0.6) 5px
    );
    -webkit-background-clip: text; /* For WebKit browsers */
    background-clip: text; /* For other browsers */
  }
}
/*===================== About =======================*/
.about-section {
  margin-top: 80px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  .left {
    width: 40%;
  }
  .right {
    width: 58%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    .left,
    .right {
      width: 48%;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
  }

  .icon-container:before {
    z-index: -1;
    bottom: -30px;
  }

  .hashed-text {
    position: relative;
    font-size: 3rem;
    font-weight: bold;
    color: transparent;
    background: repeating-linear-gradient(
      -45deg,
      transparent,
      transparent 2px,
      rgba(0, 0, 0, 0.6) 1px,
      rgba(0, 0, 0, 0.6) 5px
    );
    -webkit-background-clip: text; /* For WebKit browsers */
    background-clip: text; /* For other browsers */

    &:before {
      content: "";
      display: block;
      position: absolute;
      top: -2px;
      right: 9px;
      width: 47px;
      height: 47px;
      border-radius: 50%;
      background: rgba(76, 149, 108, 0.05);
      z-index: -1;
    }
  }

  .position-absolute {
    right: -8vw;
    bottom: 63px;
  }
}
/*===================== Education =======================*/
.Education-section {
  margin-top: 100px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;

  .icon-container:before {
    z-index: -1;
    bottom: -30px;
    
  }
  .card {
    height: 230px;
    background: inherit;
    border: 0;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 25px rgba(0, 78, 66, 0.05);
    transition: padding-bottom 0.3s ease-in-out;

    p.card-content {
      margin-bottom: 0;
    }

    img {
      width: 55px;
      height: 50px;
    }
    h3 {
      font-size: 1.5rem;
    }
    a {
      color: white;
      display: inline-block;
      position: absolute;
      bottom: -30px;
      left: 0;
      transition: bottom 0.3s ease-in-out; /* انیمیشن هنگام ورود */
    }

    &:after {
      content: "";
      position: absolute;
      top: -40px;
      right: -40px;
      display: block;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background: rgba(0, 78, 66, 0.5);
      transition: top 0.4s ease-in-out, right 0.4s ease-in-out,
        width 0.4s ease-in-out, height 0.4s ease-in-out;
      opacity: 0;
    }

    &:hover {
      background: rgba(0, 104, 81, 1);
      color: white;

      

      a {
        bottom: 10px;
      }

      &:after {
        top: -20px;
        right: -20px;
        width: 90px;
        height: 90px;
        background: rgba(0, 78, 66, 0.5);
        opacity: 1;
      }
    }
  }
}
.Education-section .left img {
  border-radius: 10px;
}
/*===================== Why Azia =======================*/
.Why-section {
  margin-top: 100px;
  background: rgba(0, 78, 66, 1);
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  .left,
  
  .right {
    width: 50%;
  }
  .why-photo-2{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom;
  }
 
  span.icon-container:before {
    bottom: -20px;
    z-index: -1;
  }
  a {
    color: white;
    font-weight: 400;
    svg {
      font-weight: 400;
    }
  }
  img.icon-1 {
    /*  دلیل بهم ریختگی در ریسپانسیو سایت  */
    
    right: -8px;
    width: 100px;
    bottom: -26px;
  }
  
}
.icone-2 {
  width: 100px;
  left: 41px;
}
.icone-3 {
  width: 100px;
  top: 5%;
  left: 25px;
}
/*===================== Our Staff =======================*/
.our-section {
  margin-top: 100px;
  h2 {
    
    span.icon-container:before {
      bottom: -20px;
      z-index: -1;
    }
  }
  p{
    text-align: center;
  }
  .swiper-support-team .swiper-wrapper .swiper-slide .support-img {
    position: relative;
    width: 150px;
    height: 174px;
  }
  .swiper-support-team .swiper-wrapper .swiper-slide .support-img:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 150px;
    height: 150px;
    border-radius: 10px;
    background-color: #f57400;
    z-index: -1;
  }
  .swiper-support-team .swiper-wrapper .swiper-slide .support-img img {
    max-width: 150px;
    height: auto;
    border-radius: 15px;
  }
}
/*calendar section*/
.Calendar-section {
  margin-top: 100px;
  background-color: rgba(0, 78, 66, 1);
  color: white;
}
.Calendar-section .title-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.Calendar-section .title-col h2 .icon-container:before {
  bottom: -1vw;
  z-index: -1;
}

.Calendar-section .calendar .title-calendar a {
  color: white;
  font-size: 1.3rem;
}
.Calendar-section .calendar .date {
  text-align: center;
  position: relative;
}
.Calendar-section .calendar .date:after {
  content: "";
  display: block;
  position: absolute;
  top: -7px;
  right: 18px;
  width: 7px;
  height: 13px;
  border-radius: 37%;
  background-color: #3d3d3d;
}
.Calendar-section .calendar .date:before {
  content: "";
  display: block;
  position: absolute;
  top: -7px;
  left: 18px;
  width: 7px;
  height: 13px;
  border-radius: 37%;
  background-color: #3d3d3d;
}
.Calendar-section .calendar .date .month {
  background-color: #f5b800;
  border-radius: 10px 10px 0 0;
}
.Calendar-section .calendar .date .day {
  background-color: white;
  border-radius: 0 0 10px 10px;
}
.calendar .item {
  position: relative;
}
.calendar .item.underline:after {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  right: 0;
  bottom: -23px;
  background: linear-gradient(90deg, #004e42 0%, #ffffffcf 50%, #004e42 100%);
}
.calendar .calendar-box {
  position: relative;
  overflow: hidden;
  a {
    transition: color 0.1s ease-in;
  }
  a.btn-more {
    position: absolute;
    bottom: -25px;
    color: white;
    transition: bottom 0.47s ease-in, color 0.1s ease-in;
    font-weight: 400;
  }
  &:before {
    content: "";
    display: block;
    position: absolute;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    background: rgba(0, 78, 66, 0.5);
    top: -98px;
    right: -98px;
    opacity: 0;
    transition: opacity 0.5s ease-in, top 0.5s ease-in, right 0.5s ease-in;
  }
}
.calendar .calendar-box:hover {
  background: rgba(14, 100, 86, 1);
  border-radius: 10px;
  a.btn-more {
    bottom: 17px;
    &:hover {
      color: #f5b800;
    }
  }
  &:before {
    top: -23px;
    right: -23px;
    opacity: 1;
  }
  .underline:after {
    background: linear-gradient(90deg, #0e6456 0%, #ffffffcf 50%, #0e6456 100%);
  }
}
.calendar .calendar-box a:hover {
  color: #f5b800;
}
section.to-make {
  margin-top: 100px;
  .header {
    p {
      text-align: center;
    }
    .icon-container:before {
      z-index: -1;
    }
  }
  .to-make-mobile {
    display: none;
  }
  .to-make-desktop {
    display: block;
  }
  .content {
    .left-box {
      width: 100%;
      overflow: hidden;
      position: relative;
      img {
        width: 100%;
        border-radius: 10px;
      }
      .bg {
        position: absolute;
        bottom: 0;
        z-index: -1;
        width: 100%;
        height: 70%;
        border-radius: 10px;
        background: rgba(245, 116, 0, 1);
      }
    }
    .right-box {
      width: 100%;
      overflow: hidden;
      position: relative;
      img {
        width: 100%;
        border-radius: 10px;
      }
      .bg {
        position: absolute;
        bottom: 0;
        z-index: -1;
        width: 100%;
        height: 70%;
        border-radius: 10px;
        background: rgba(255, 212, 82, 1);
      }
    }
    .center-box {
      & .hashed-text {
        position: relative;
        font-size: 3rem;
        font-weight: bold;
        color: transparent;
        background: repeating-linear-gradient(
          -45deg,
          transparent,
          transparent 2px,
          rgba(0, 0, 0, 0.6) 1px,
          rgba(0, 0, 0, 0.6) 5px
        );
        background-clip: border-box;
        -webkit-background-clip: text;
        background-clip: text;
        &::before {
          content: "";
          display: block;
          position: absolute;
          top: -14px;
          right: 30px;
          width: 70px;
          height: 70px;
          border-radius: 50%;
          background: rgba(76, 149, 108, 0.05);
          z-index: -1;
        }
      }
      .center-box-text {
        position: relative;
        &:before {
          content: "";
          display: block;
          width: 29px;
          height: 2px;
          background-color: rgba(0, 104, 81, 1);
          position: absolute;
          top: 13px;
          left: -45px;
        }
      }
    }
  }
}



.blog-slider {
  margin-top: 100px;
  z-index: 0;
  .bg {
    z-index: -1;
    top: 0;
    right: 0;
    width: 100%;
    height: 83%;
    background: rgba(0, 78, 66, 1);
  }
  .right {
    display: flex;
    flex-direction: column;
    margin-left: 3rem;
    width: 24%;
    float: right;
    color: white;
    position: relative;
    .content {
      .button-prev,
      .button-next {
        color: black;
        background: white;
        box-shadow: 0px 2px 12px 0px rgba(0, 78, 66, 0.08);
        padding: 3px 8px 8px 8px;
      }
      h2 {
        .icon-container::before {
          bottom: -15px;
          z-index: -1;
        }
      }
    }
  }
  .left {
    direction: rtl;
    width: 70%;
    left: 0;
  }
  .blog-slider .mySwiper {
    .swiper-slide {
      width: 300px !important ;
      height: 401px !important;
      position: relative;
      border-radius: 10px;
    }
    .swiper-slide img {
      width: 100%;
      object-fit: cover;
      height: 358px;
      border-radius: 10px;
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    }
    .overlay {
      position: absolute;
      bottom: 15px;
      left: 50%;
      transform: translateX(-50%);
      width: 92%;
      border-radius: 10px;
      box-shadow: 1px 1px 10px -1px #00000036;
      background-color: #f8f9fa;
      padding: 1rem;
      display: flex;
      flex-direction: column;
      direction: ltr;
      h3 {
        font-size: 1rem;
        font-weight: 500;
        a:hover {
          color: rgb(0, 78, 66);
        }
      }
    }
  }
}
.Request-Explore {
  padding-top: 50px;
  padding-bottom: 50px;
    img {
      width: 40px;
    }
    h3 {
      font-size: 2.7rem;
      z-index: 100;
      .icon-container {
        z-index: -1;
      }
    }
    a {
      font-weight: 600;
    }
}
.Future {
  .left {
    background: rgba(255, 212, 82, 1);
    h2 {
      .icon-container:before {
        bottom: -14px;
      }
    }
    img {
      width: 90px;
    }
    .icon-1 {
      bottom: -5px;
      right: 7vw;
      width: 78px;
    }
  }

}
.Features-mobile {
  display: none;
}

/*===================== START HEADER nav=======================*/
.header-nav2 {
  #mega-menu-main-menu-1 a {
    color: #004e42;
  }
  .main-navigation {
    background: rgba(0, 78, 66, 1);
  }
}
.mobile-nav {
  .offcanvas {
    z-index: 10000;
  }
}
.navbar-toggler:focus {
  box-shadow: none;
}
.modal-backdrop {
  z-index: 100;
}
.offcanvas-body {
  .menu {
    li {
      margin-bottom: 1rem;
    }
  }
}
/*===================== END HEADER nav=======================*/

/*======================== RESPONSIVE ============================*/

/*header section start*/

.header-main .main-navigation .mobile {
    display: none;
}

/*header section end*/

/*home page start*/
/* دلیل بهم ریختگی در رسپانسیو سایت */
/*
.home .hero .header-content .container > div{
    gap: 25px;
}
*/



.home .bottom-section-header > div {
    padding: 50px 25px;
}



.home .about-section > div {
    width: 50%;
}

.home .Education-section {
    flex-direction: row;
}



.home .Education-section > div {
    width: 50%;
} 

.home .Why-section > div {
    min-height: 300px;
}



.to-make .row {
    overflow: hidden;
    margin: auto;
}

.to-make .row .element-container {
    padding: 0 25px;
}



.home .to-make-desktop .center-box-text {
    margin-bottom: 50px;
}

.home .to-make-desktop .element-box {
    gap: 20px;
}

.home .blog-slider {
    padding: 50px 0 0 0;
}

.home .blog-slider h2{
    margin: 50px 0;
}

.home .blog-slider .content {
    position: relative;
    /* M.R */
    bottom: 0 !important;
}






.home .Request-Explore .box {
    display: flex;
    position: relative;
    overflow: hidden;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: 0px 0px 25px 0px rgba(0, 78, 66, 0.05);
    padding: 25px 50px;
}

.home .Request-Explore .box::before {
    content: "";
    display: block;
    position: absolute;
    width: 115px;
    height: 115px;
    border-radius: 50%;
    background: rgba(0, 78, 66, 0.5);
    top: -96px;
    right: -96px;
    opacity: 0;
    transition: opacity 0.5s ease, top 0.5s ease, right 0.5s ease;
}

.home .Request-Explore .box:hover {
    background: rgba(14, 100, 86, 1);
    color: white;
}

.home .Request-Explore .box:hover::before {
    top: -25px;
    right: -34px;
    opacity: 1;
}

.home .Request-Explore .box:hover a{
    color: white;
}

.home .Future {
  height:400px ;
    display: flex;
    flex-direction: row;
}

.home .Future .right , .home .Future .left{
    padding: 25px 50px;
    overflow: hidden;

}

.home .Future .right .bg {
    width: 100%;
    height: calc(100% + 25px);
    top: -25px;
}

.home .Future .right .girl {
    max-height: 350px;
    right: 0;
    transform: translateX(-50%);
}



/*home page end*/

/*static page single start*/

.single-post-content {
    display: flex;
}

.single-static_pages .sidebar {
    width: 25%;
}

/* .single-static_pages .post-content .post{
    flex-wrap: nowrap;
    align-items: flex-start;
} */

.single-static_pages .post-content{
    width: 73%;
    margin-left: 2rem;
    box-shadow: 0px 0px 25px 0px rgba(0, 78, 66, 0.05);
    border-radius: 10px;
    padding: 2rem;
}

.single-static_pages .sidebar .category-list {
    list-style: none;
    padding: .5rem 1rem;
    margin: 0;
    color: white;
    background: rgba(14, 100, 86, 1);
    border-radius: 10px;
}

.single-static_pages .sidebar .category-list .category-item {
    border-bottom: 2px solid transparent;
    border-image-source: linear-gradient(90deg, #0E6456 0%, #FFFFFF 50%, #0E6456 100%);
    border-image-slice: 1;
}

.single-static_pages .sidebar .category-list .category-item a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    display: block;
}

.single-static_pages .sidebar .category-list .category-item:last-child {
    border-bottom: 2px solid transparent;
    border-image: none;
}

.sidebar-mobile {
    display: none;
    width: 100% !important;
}

.single-post-content select{
  width: 100%;
  padding: 8px 36px 8px 18px;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  background-color: #0E6456;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 18px center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 50px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.single-post-content select option {
  background-color: rgb(255, 255, 255); 
  color: rgb(0, 0, 0); /* رنگ متن گزینه‌ها */
}
.sidebar-mobile select {
    width: 100%;
    padding: 8px 36px 8px 18px;
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    background-color: #0E6456;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 18px center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.sidebar-mobile select option {
  background-color: rgb(255, 255, 255); 
  color: rgb(0, 0, 0); /* رنگ متن گزینه‌ها */
}


.w-100{
  max-width: 100% !important;
}
/*.gap-5{*/
/*gap: 10px !important;*/
/*}*/

/*  remove for mobile show menu by M.R S.B  */
/*static page single end*/
/* @media screen and (max-width: 1200px) {
.header-main .main-navigation .mobile {
  display: block;
}
#mega-menu-wrap-main-menu-2{
  display: none !important;
}
} */
@media screen and (max-width: 1024px) {
    .header-main .main-navigation .mobile {
        display: block;
    }
    
    .header-main .main-navigation .mega-menu-wrap {
        display: none !important;
    }
    
  
    
}

@media (max-width: 992px) {
  .hero-video{
    height: 700px !important;
  }
  .hashed-text {
    font-size: 2rem !important;
  }
  .bottom-section-header .icon-container:before {
    bottom: -30px;
    width: auto;
    left: 55px;
    z-index: -1;
  }

  .about-section {
    flex-direction: column;
    flex-flow: wrap-reverse;
  }
  .home .about-section > div {
    width: 100%;
}
.home .about-section > div {
  width: 100%;
}
.home .Education-section > div {
  width: 100%;
}
.home .Education-section {
  flex-direction: column;
}
.img-fluid {
  border-radius: 10px;
  width: 100%;
  height: 300px;
  object-fit: cover;
}
.blog-slider{
  .left{
    width: 60%;
  }
  .right{
    width: 32%;
  }
} 
.flesh{
  object-fit: contain;
  width: 70px;
}

}


 


@media (max-width: 768px) {
 
	/*  add for mobile show menu by M.R S.B  */
    #mega-menu-wrap-main-menu-2 .mega-menu-toggle + #mega-menu-main-menu-2 {
		display: block !important;
	}
.border-gradient-lb {
  border-right: 0px solid transparent;
  border-bottom: 2px solid transparent;
  border-image-source: linear-gradient(90deg, #0E6456 0%, #FFFFFF 50%, #0E6456 100%);
  border-image-slice: 1;
}


.blog-slider > div {
  flex-direction: column-reverse !important;
  gap: 50px;
}
.blog-slider{
  .left{
    width: 100%;
  }
  .right{
    width: 85%;
  }

  
} 
.about-section {
  flex-direction: column;
  flex-flow: wrap;
}
  /* .OH{
    overflow-x: hidden !important;
  } */

  .single-static_pages .post-content{
    width: 100%;
    margin-left: 0rem;
    box-shadow: 0px 0px 25px 0px rgba(0, 78, 66, 0.05);
    border-radius: 10px;
    padding: 2rem;
}
.home .about-section > div {
  width: 100%;
}
  .sidebar {
    display: none;
  }
  .sidebar-mobile {
    display: block !important;
}
.single-post-content{
  flex-direction:column;
}
.home .Future .right , .home .Future .left{
  height: 400px;
  padding: 25px;
  width: 100%;
}

.home .Future {
  height:auto ;
    display: flex;
    flex-direction: row;
    
}




.Education-section {
  & .card {
      a {
          color: #004e42;
          display: inline-block;
          position: absolute;
          bottom: 10px;
          left: 0;
          transition: bottom 0.3s ease-in-out;
      }
     
  }
  .card:hover a {
    color: #ffffff;

}
}
.img-tomake{
  width: 80px;
}

.flesh{
  object-fit: contain;
  width: 50px;
}
.to-make .hashed-text {
  font-size: 20px !important;
}
.p2-tomake{
  font-size: 14px ;

}
.to-make-first-img:nth-child(1) { order: 2; } 
  .to-make-desktop:nth-child(2) { order: 1; } 
  .to-make-second-img:nth-child(3) { order: 3; } 
  .left-box img, .right-box img {
    height: 300px;
    object-fit: cover;
  }
  
}


@media screen and (max-width: 576px) {

  
  /*===================== Hero =======================*/
  .hero{
    height: 700px!important;
  }
    .home .hero .header-content {
        top: 25% ;
    }
    
    .hero-video{
      height: 700px !important;
    }
    
    
    .home .hero .header-content p{
        text-align: center;
    }
    
    
    .home .bottom-section-header > div {
        padding: 25px;
    }
    
    
    
    
    
     
    
    
    
    .home .Education-section > div {
        width: 100%;
    }
    
    .to-make-first-img , .to-make-second-img {
      width: 50%;
    }


    .Why-section {
        flex-direction: column-reverse;
    }
    
    .Why-section > div:first-child {
        min-height: 300px;
    }
    
    .Why-section .icon-1 {
        right: 10px;
    }
    .overview-mobile{
      height: 150px ;
    }

    img.icon-1 {
      /*  دلیل بهم ریختگی در ریسپانسیو سایت  */
      display: none;
    }
    .icon-2 {
      display: none;
    }
    .icon-3 {
      display: none;
    }
    
    
    .Calendar-section .title-col .btn-main {
        margin-left: auto;
    }
    
    .home .to-make h2{
        
        font-weight: 500;
    }
    
    .to-make .row .element-container {
        padding: 25px 0;
    }
    
    .home .to-make-desktop .to-make-text {
        width: 100%;
    }
    
    .home .to-make-desktop .center-box-text {
        margin-bottom: 25px;
    }
    
    .home .to-make-desktop .element-box {
        gap: 0;
    }
    
    .home .blog-slider {
        padding: 25px;
    }
    
    
    
    .home .blog-slider h2{
      
        margin: 12.5px 0;
    }
    
    .blog-slider .right {
        width: 100%;
        margin: 0;
    }
    
    .blog-slider .left {
        width: 100%;
    }
    
    
    
    .home .Request-Explore .box {
        width: 100%;
        padding: 25px;
    }
    
    .home .Future {
        flex-direction: column;
    }
    
   
    
    .to-make-desktop {
      width: 100%;
  }
  
  
  
    .icoon{
      display: none;
    }
    /*home page responeive end*/
    
    /*static page single responsive start*/
    
    .single-post-content {
        flex-direction: column;
        gap: 25px;
    }

    .single-static_pages .sidebar {
        display: none;
    }
    
    .single-static_pages .post-content {
        width: 100%;
        margin: 0;
        padding: 10px;
    }
    
    .sidebar-mobile {
        display: block !important;
    }
     
    .blog-slider .mySwiper .swiper-slide {
        width: 100% ;
        height: 401px ;
        position: relative;
        border-radius: 10px;
      }
    
    /*static page single responsive start*/


   .to-make .hashed-text {
      font-size: 1.2rem !important;
  }
  
}

/*@media screen and (max-width: 1400px) {*/
/*  .about-section {*/
/*    .position-absolute {*/
/*      right: -4vw;*/
/*      bottom: 61px;*/
/*      width: 30px;*/
/*      height: 55px;*/
/*    }*/
/*  }*/
/*  .Features-desktop {*/
/*    display: none;*/
/*  }*/
/*  .Features-mobile {*/
/*    display: block;*/
/*  }*/
/*  .header-content {*/
/*    h2 {*/
/*      font-size: 4vw;*/
/*    }*/
/*    p.sub-content {*/
/*      font-size: 2vw;*/
/*    }*/
/*  }*/
/*}*/
/*@media screen and (max-width: 1200px) {*/
/*  #mega-menu-main-menu-1 {*/
/*    display: none !important;*/
/*  }*/
/*  .Why-section .container {*/
    /*flex-direction: column;*/
/*    .right {*/
/*      width: 60%;*/
/*      .p-5 {*/
/*        padding: 1rem !important;*/
/*      }*/
/*    }*/
/*    .left {*/
/*      width: 40%;*/
/*    }*/
/*  }*/
/*  .main-menu-2,*/
/*  #menu-main-manu,*/
/*  .menu-top-menu-container,*/
/*  .btn-search {*/
/*    display: none !important;*/
/*    svg {*/
/*      z-index: 0;*/
/*    }*/
/*  }*/
/*  .btn-search {*/
/*    display: none !important;*/
/*  }*/
/*  .header-nav {*/
/*    position: relative !important;*/
/*  }*/
/*  .main-navigation {*/
/*    .mobile {*/
/*      display: block;*/
/*    }*/
/*    background-color: rgba(0, 78, 66, 1);*/
/*  }*/
/*}*/
/*@media screen and (max-width: 992px) {*/
/*  .Why-section .container {*/
/*    flex-direction: column;*/
/*    .right {*/
/*      width: 100%;*/
/*      .p-5 {*/
/*        padding: 1rem !important;*/
/*      }*/
/*    }*/
/*    .left {*/
/*      width: 100%;*/
/*    }*/
/*  }*/
/*  .our-section h2 {*/
/*    font-size: 4.5vw;*/
/*    font-weight: 500;*/
/*  }*/
/*  .Why-section {*/
/*    overflow: hidden;*/
/*  }*/
/*  .Why-section .container {*/
/*    margin-top: 0rem;*/
/*    .right {*/
/*      width: 100%;*/
/*    }*/
/*    .left {*/
/*      display: none;*/
/*    }*/
/*  }*/
/*  .about-section {*/
/*    .position-absolute {*/
/*      right: -7vw;*/
/*    }*/
/*    flex-direction: column;*/
/*    .left {*/
/*      margin-bottom: 2rem;*/
/*      width: 100%;*/
/*    }*/
/*    .right {*/
/*      width: 100%;*/
/*      .left,*/
/*      .right {*/
/*        width: 48%;*/
/*      }*/
/*    }*/
/*  }*/
/*  .bottom-section-header {*/
/*    h2 {*/
/*      font-weight: 500;*/
/*      font-size: 4vw;*/
/*    }*/
/*  }*/
/*  .Future {*/
/*    flex-direction: column;*/
/*    .right {*/
/*      height: 400px;*/
/*      width: 100%;*/
/*    }*/
/*    .left {*/
/*      width: 100%;*/
/*    }*/
/*  }*/
/*  .blog-slider {*/
/*    .right {*/
/*      .content {*/
/*        h2 {*/
/*          font-size: 2.3rem;*/
/*        }*/
/*      }*/
/*    }*/
/*  }*/
/*  .header-content {*/
/*    top: 12vw;*/

/*    h2 {*/
/*      font-size: 6vw;*/
/*      .icon-container:before {*/
/*        top: 5.5vw;*/
/*        z-index: 0;*/
/*        border-width: 8px;*/
/*      }*/
/*    }*/
/*    p.sub-content {*/
/*      font-size: 3vw;*/
/*      font-weight: 400;*/
/*    }*/
/*  }*/
/*  .both {*/
/*    display: none !important;*/
/*    height: 120px;*/
/*  }*/
/*  .about-section {*/
/*    h2 {*/
/*      font-size: 5vw;*/
/*    }*/
/*  }*/
/*  .Education-section .container {*/
/*    flex-direction: column;*/
/*    .right {*/
/*      width: 100%;*/
/*      .right {*/
/*        h2 {*/
/*          font-size: 5vw;*/
/*        }*/
/*      }*/
/*    }*/
/*    .left {*/
/*      margin-bottom: 2rem;*/
/*      height: 375px;*/
/*      width: 100%;*/
/*    }*/
/*  }*/
/*  .Calendar-section .title-col h2 {*/
/*    font-size: 5vw;*/
/*  }*/
/*  section.to-make {*/
/*    .header {*/
/*      h2 {*/
/*        font-size: 4vw;*/
/*      }*/
/*    }*/
/*    .to-make-mobile {*/
/*      display: block;*/
/*    }*/
/*    .to-make-desktop {*/
/*      display: none !important;*/
/*    }*/
/*  }*/
/*  .Why-section {*/
/*    & .container {*/
/*      & .left {*/
/*        height: 400px;*/
/*      }*/
/*    }*/
/*  }*/
/*  .Request-Explore {*/
/*    .direction {*/
/*      flex-direction: column;*/
/*    }*/
/*    .box {*/
/*      width: 100%;*/
/*    }*/
/*  }*/
/*}*/
/*@media screen and (max-width: 768px) {*/
/*  .blog-slider {*/
/*    .right {*/
/*      .content {*/
/*        .button-prev,*/
/*        .button-next {*/
/*          display: none;*/
/*        }*/
/*      }*/
/*    }*/
/*  }*/
/*  .about-section {*/
/*    .position-absolute {*/
/*      right: -29vw;*/
/*      bottom: 63px;*/
/*    }*/
/*  }*/
/*  .header-content {*/
/*    top: 28%;*/
/*    p {*/
/*      font-size: 0.7rem;*/
/*    }*/
/*    .icon-container:before {*/
/*      bottom: -2vw;*/
/*    }*/
/*  }*/
/*  .about-section {*/
/*    h2 {*/
/*      font-size: 7vw !important;*/
/*    }*/
/*    img.w-100 {*/
/*      margin-bottom: 2rem;*/
/*    }*/
/*    .position-absolute {*/
/*      right: -25vw;*/
/*    }*/
/*  }*/
/*  .Calendar-section .title-col {*/
/*    flex-direction: row;*/
/*    justify-content: space-between;*/
/*    margin-bottom: 2rem;*/
/*    a {*/
/*      margin-left: 1rem;*/
/*    }*/
/*  }*/
/*  .opening_hours {*/
/*  }*/
/*  .to-make {*/
/*    img.flesh {*/
/*      width: 80px;*/
/*      height: 80px;*/
/*    }*/
/*  }*/
/*  .our-section {*/
/*    .flesh {*/
/*      width: 44px;*/
/*    }*/
/*  }*/
/*  .Education-section {*/
/*    .right {*/
/*      h2 {*/
/*        font-size: 7vw;*/
/*      }*/
/*    }*/
/*  }*/
/*}*/
/*@media screen and (max-width: 800px) {*/
/*  .Why-section .container .title {*/
/*    font-size: 7vw;*/
/*  }*/
/*  .Calendar-section {*/
/*    background-attachment: fixed;*/
/*  }*/
/*}*/
/*@media screen and (max-width: 576px) {*/
/*  .bottom-section-header {*/
/*    h2 {*/
/*      font-size: 6vw;*/
/*    }*/
/*  }*/
/*  .about-section {*/
/*    .position-absolute {*/
/*      display: none;*/
/*    }*/
/*    .hashed-text {*/
/*      font-size: 9vw;*/
/*      margin-bottom: 0;*/
/*    }*/
/*    img.me-3 {*/
/*      width: 12vw;*/
/*    }*/
/*    .under-hashed-text {*/
/*      font-size: 3.5vw;*/
/*    }*/
/*  }*/
/*  .blog-slider {*/
/*    .right {*/
/*      .content {*/
/*        h2 {*/
/*          font-size: 1.34rem;*/
/*        }*/
/*      }*/
/*    }*/
/*  }*/
/*  section.to-make {*/
/*    .content {*/
/*      .center-box {*/
/*        .hashed-text {*/
/*          font-size: 11vw;*/
/*        }*/
/*      }*/
/*    }*/
/*  }*/
/*}*/
/*@media screen and (max-width: 500px) {*/
/*  .btn-main {*/
/*    margin-left: 0 !important;*/
/*    padding: 0.2rem 0.3rem 0.24rem 0.5rem !important;*/
/*    font-size: 1rem !important;*/
/*  }*/
/*  .header-content {*/
/*    top: 30%;*/
/*    h2 {*/
/*      font-size: 9vw;*/
/*      .icon-container:before {*/
/*        top: 8vw;*/
/*        border-width: 4px;*/
/*      }*/
/*    }*/
/*  }*/
/*  .about-section {*/
/*    .position-absolute {*/
/*      right: -8vw;*/
/*      bottom: 63px;*/
/*    }*/
/*  }*/
/*  .to-make {*/
/*    img.flesh {*/
/*      display: none;*/
/*    }*/
/*  }*/
/*  section.to-make {*/
/*    .header {*/
/*      h2 {*/
/*        font-size: 7vw;*/
/*        text-align: center;*/
/*      }*/
/*    }*/
/*  }*/
/*  .blog-slider {*/
/*    .mySwiper {*/
/*      height: 244px;*/
/*      .swiper-slide {*/
/*        width: 183px !important;*/
/*        height: 281px !important;*/
/*      }*/
/*      .overlay {*/
/*        h3 {*/
/*          font-size: 0.9rem;*/
/*        }*/
/*      }*/
/*    }*/
/*    .bg {*/
/*      height: 75%;*/
/*    }*/
/*    .btn-main {*/
/*      font-size: 1rem;*/
/*    }*/
/*  }*/
/*  .Education-section {*/
/*    margin-top: 0 !important;*/
/*  }*/
/*}*/
/*@media screen and (max-width: 400px) {*/
/*  .btn-main {*/
/*    margin-left: 0 !important;*/
/*    padding: 0.2rem 0.3rem 0.24rem 0.5rem !important;*/
/*    font-size: 1rem !important;*/
/*  }*/
/*  .Calendar-section .title-col {*/
/*    a {*/
/*      margin-left: 0 !important;*/
/*      padding: 0.2rem 0.3rem 0.24rem 0.5rem !important;*/
/*      font-size: 1rem !important;*/
/*    }*/
/*  }*/
/*  .blog-slider {*/
/*    .mySwiper {*/
/*      height: 265px !important;*/

/*      .swiper-slide {*/
/*        width: 183px !important;*/

/*        img {*/
/*          height: 76%;*/
/*        }*/
/*      }*/

/*      .overlay {*/
/*        bottom: 27%;*/

/*        h3 {*/
/*          font-size: 0.9rem;*/
/*        }*/
/*      }*/
/*    }*/
/*    .right {*/
/*      margin-left: 1rem;*/
/*      width: 38vw;*/
/*    }*/
/*  }*/
/*  .bg {*/
/*    height: 75%;*/
/*  }*/
/*  .blog-slider {*/
/*    .right {*/
/*      .content {*/
/*        h2 {*/
/*          font-size: 1.5rem;*/
/*        }*/
/*      }*/
/*    }*/
/*  }*/
/*  .bottom-section-header {*/
/*    & h2 {*/
/*      font-size: 10vw;*/
/*    }*/
/*  }*/
/*  .our-section {*/
/*    h2 {*/
/*      font-size: 7vw;*/
/*    }*/
/*    .flesh {*/
/*      width: 33px;*/
/*    }*/
/*  }*/
/*  .icon-container::before {*/
/*    border-width: 4px;*/
/*  }*/
/*  .Calendar-section .title-col {*/
/*    h2 {*/
/*      font-size: 6vw;*/
/*    }*/
/*    margin-bottom: 1rem;*/
/*  }*/
.mega-sub-menu{
  padding: 5px;
  border-radius: 10px;
}

.gallery-slider::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%; /* یا هر مقدار مناسب */
  background: linear-gradient(to top, rgba(14, 100, 86, 0.407), transparent ,rgba(14, 100, 86, 0.407));
  z-index: 1;
}
.header-main{
  z-index: 9999;
}








.blog-slider {
  & .mySwiper {
      .swiper-slide {
          height: 401px ;
          border-radius: 10px;
      }
  }
}
.blog-slider {
  & .mySwiper {
      .overlay {
          position: absolute;
          bottom: 15px;
          left: 50%;
          transform: translateX(-50%);
          width: 92%;
          border-radius: 10px;
          box-shadow: 1px 1px 10px -1px #00000036;
          background-color: #f8f9fa;
          padding: 1rem;
          display: flex;
          flex-direction: column;
          direction: ltr;
      }
  }
}
.blog-slider {
  & .mySwiper {
      .swiper-slide img {
          width: 100%;
          object-fit: cover;
          height: 358px;
          border-radius: 10px;
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
      }
  }
}

ba{
  background-image: url();
  object-fit: cover;
}