/*-----------slider---------------*/


/* ساختار کلی */
#carouselExample {
  position: relative;
  height: 70vh;
  overflow: hidden;
  transition: height 0.5s ease-in-out;
}

.slider-collapse {
  height: 20vh !important;
  transition: height 0.5s ease-in-out;
  overflow: hidden;
}

/* ارتفاع عکس‌ها */
.swiper-slide img,
.swiper-slide video {
  height: 70vh;
  object-fit: cover;
  width: 100%;
  display: block;
}

.carousel-text {
  height: 100%;
}

.carousel-text h2 {
  font-size: 2rem;
  font-weight: bold;
}

/* دایره‌های پایین (pagination) */
.swiper-pagination-bullet {
  width: 15px !important;
  height: 15px !important;
  border-radius: 50% !important;
  background-color: transparent !important;
  border: 2px solid #fff !important;
  opacity: 0.7 !important;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.swiper-pagination-bullet-active {
  border: 3px solid #fff !important;
  background: #A5A5A5 !important;
  opacity: 1 !important;
}

/* متن پایین عکس */
.slider_text1 {
  position: absolute;
  font-size: 1.5rem;
  display: block;
  width: 100%;
  left: 0;
  bottom: 50px;
  color: #fff;
  padding: 35px 50px;
  text-align: left;
}

/* ویدیو */
.slider-video {
  width: 100% !important;
  height: 70vh;
  object-fit: cover;
}

/* موقعیت نقاط پایین */
@media only screen and (min-width: 1024px) {
  .swiper-pagination {
    bottom: 40px !important;
    text-align: center;
  }
}

/* برای موبایل */
@media only screen and (max-width: 991px) {
  #carouselExample {
    height: 30vh;
  }
  .swiper-slide img,
  .swiper-slide video {
    height: 30vh;
  }
}
.hero-slider {
  opacity: 0;
  transform: scale(1.15);
  transition: 
    opacity 1.6s cubic-bezier(0.25, 1, 0.5, 1),
    transform 1.6s cubic-bezier(0.25, 1, 0.5, 1);
}

/* بعد از لود صفحه */
.hero-slider.is-loaded {
  opacity: 1;
  transform: scale(1);
}

.swiper-slide-active img {
  animation: kenburnsZoom 6s linear forwards;
}

@keyframes kenburnsZoom {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.12);
  }
}

/*-----------section1---------------*/
.section1{
 margin-top: 50px;
 margin-bottom: 50px;
 position: relative;
}


.section1::after{
       position: absolute;
    content: "";
    background: url(../image/1.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    height: 300px;
    width: 200px;
    left: 39px;
    top: -186px;
    pointer-events: none;
    z-index: 2;
}
@media only screen and (max-width: 991px) {
.section1::after {
  
    height: 300px;
    width: 130px;
    left: 14px;
    top: -193px;
   
}
}
.section1::before{

  position: absolute;
  content: "";
  background: url("../image/leaf1.png");
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  height: 400px;
    width: 178px;
    right: -28px;
    bottom: -31px;
        pointer-events: none;
}


.section1_title
{
 color:  #FFBC05;
 font-weight: 500;
 font-size: 20px;
}
.section1_subtitle{

font-size: 30px;
font-family: 'GeneralSans-Semibold';

}
.section1_txt{
  color: #939393;
  text-align: justify;
  font-size: 18px;

}

.section1_button_link
{
 
padding: 16px 40px;
width: 200px;
height: 54px;
background: #EF4B22;
border-radius: 71px;
color: #fff;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
        margin-right: auto;

}

.section1_button_holder
{
  display: flex;
    align-items: center;
    justify-content: space-between;
}


.section1_button_holder_right{
      gap: 16px;
    display: flex;
    align-items: center;
}
.section1_num
{
      font-weight: 600;
    font-size: 25px;
}
.section1_num_txt
{
      color: #939393;
   
}


/*----------------*/

.section2{
  margin-bottom: 80px;
}

.section2-top-img {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.section2_title {
       color: #EF4B22;
        font-weight: 500;
      font-size: 20px;
      display: block;
}

.section2_subtitle {
font-size: 30px;
font-family: 'GeneralSans-Semibold';
}

.section2_button_link {
    color: #000;
    border: 1px solid #E8E8E8;
   border-radius: 71px;
    padding: 16px 30px;
    width: 145px;
height: 54px;
display: flex;
align-items: center;
justify-content: center;
}




/*----------------*/

.section3{
  margin-bottom: 80px;
  padding-bottom: 80px;
  position: relative;
}


.section3::before{
  content: "";
  background: url("../image/Mask\ group.png");
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
      z-index: -1;

}


.section3_title {
       color: #FFBC05;
        font-weight: 500;
      font-size: 20px;
      display: block;
}

.marks-holder{
  display: flex;
  justify-content: center;
  gap: 30px;
      padding: 100px 0;
 
}

.marks-item
{
width: 257px;
height: 257px;
background: #FFFFFF;
border-radius: 24px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    transition: all .3s cubic-bezier(0.075, 0.82, 0.165, 1);
box-shadow: 0 1px 3px rgb(0 0 0 / 0%), 0 1px 2px rgb(0 0 0 / 9%);
}

.marks-item:hover
{
 background-color:  #EF4B22;
 color: #fff;
}
.marks-item:hover .marks-item-arrow {

background-color: #C92800;

}

.marks-item:hover .marks-item-subtitle
{
 color: #fff;
}
.marks-item:hover svg path{ 
  fill: #fff;
}

.marks-item.even{
  -webkit-transform: translateY(6rem);
    transform: translateY(6rem);
} 
.marks-item-arrow
{
  width: 56px;
    height: 56px;
    background: #F9F9F9;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: auto;
    transition: all .3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.marks-item-title{
  font-size: 30px;
font-family: 'GeneralSans-Semibold';
}

.marks-item-subtitle
{
  color:#939393;
  font-size: 20px;
   transition: all .3s cubic-bezier(0.075, 0.82, 0.165, 1);
}


/*-----------------*/

.section4{
  margin-bottom: 80px;
  position: relative;
  
}
.leaf-box{

  position: absolute;
  content: "";
  background: url("../image/leaf2.png");
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  height: 400px;
    width: 178px;
    left: -28px;
    top: -270px;
        pointer-events: none;
}
.section2-top-left {
 
   font-family: 'GeneralSans-Semibold';
    font-size: 30px;
}

.section2-top-right
{
  flex: 0 0 70%;
    color: #939393;
    font-size: 18px;
}
.section4-img
{
border-radius: 20px;
width: 100%;
}

.cat-holder{
  position: relative;
  transition: all .3s ease-in-out;
}
.cat-holder::after{
   content: "";
  background: linear-gradient(180deg, rgba(255, 188, 5, 0) 0%, #FFBC05 100%);

position: absolute;
width: 100%;
height: 0;
bottom: 0;
border-radius: 20px;
  transition: all .3s ease-in-out;

}

.cat-holder:hover::after{
  height: 100%;
}


.cat-holder::before
{
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
opacity: 0.83;
border-radius: 20px;
}

.cat-holder .cat-svg
{
      position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
    opacity: 0;
     transition: all .3s ease-in-out;
         width: 100px;
    height: 100px;
    border-radius: 100%;
 
    background: linear-gradient(90deg, rgba(238, 199, 122, 1) 0%, rgba(249, 191, 83, 1) 100%);
}

.cat-holder:hover .cat-svg{

  opacity: 1;
}


.cat-name{
    position: absolute;
    bottom: 30px;
        left: 0;
    right: 0;
      display: flex;
    justify-content: center;
    margin: auto;
        z-index: 2;
   
}
.cat-name a{
    color: #fff;
  
}
/*----------------*/

.section5{
  margin-bottom: 50px;
  position: relative;
}


.section6_title {
       color: #00A550;
        font-weight: 500;
      font-size: 20px;
      display: block;
}



.section5::before{

      position: absolute;
    content: "";
    background: url(../image/leaf1.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    height: 350px;
    width: 178px;
    right: -28px;
    bottom: -283px;
        pointer-events: none;
}

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


.section1_button_holder {
  
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;

}


.section1_button_link{
  order:1
}

.section3_title ,.section1_title,.section2_title,.section6_title{
  
    font-size: 16px;
}

.section2_subtitle,.section1_subtitle ,.section2-top-left{
    font-size: 22px;

}

.section2_subtitle, .section1_subtitle {
    
        width: 200px;
        display: block;
    }


.section2-top-img {

    align-items: flex-end;

}

.section2_button_link {

           padding: 12px 10px;
        width: 95px;
        height: 35px;
        font-size: 14px;
   
}
.section1::before {
 
    height: 250px;
    width: 178px;
    right: -28px;
    bottom: -111px;
  
}


.marks-holder {

    gap: 15px;
    padding: 70px 0;

}
.marks-holder {
  
    flex-wrap: wrap;
}
.marks-item {
       height: 190px;
    flex: 33%;


}
.marks-item-subtitle {

    font-size: 14px;
}

    .section4-top-img {
                align-items: flex-start;
        flex-direction: column;
    }

.section5::before {
   
    height: 300px;
}

}