.main_banner_sec .banner_img{
    position: relative;
    box-shadow: 100px -76px 250px 0px rgba(0, 0, 0, 0.60) inset;
}


.main_banner_sec .banner_img .banner_txt{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    bottom: unset;
    padding-left: 0;
}

.main_banner_sec .banner_img .banner_txt img{
  max-width: 84px;
  margin: 0 auto;
}

.mission_txt{
    padding-top: 73px;
}

.main_banner_sec .banner_img .banner_txt h3{
    color: var(--color-light1);
text-align: center;
font-family: var(--font-family-heading);
font-size: var(--font-size-xl);
font-style: normal;
font-weight: var(--font-weight-normal);
line-height: var(--line-height-xxl);
letter-spacing: var(--letter-spacing-xl);
text-transform: uppercase;
opacity: 0.83;
padding: 10px 0 7px;
}

.main_banner_sec .banner_img .banner_txt p{
    color: var(--color-about-banner);
    text-align: center;
    font-family: var(--font-family-heading);
    font-size: var(--font-size-banner-h3);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: var( --line-height-banner-p);
}



.main_banner_sec .banner_img:after{
    content: "";
    clear: both;
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
}

.main_banner_sec .banner_txt{
    z-index: 9;
}

.values_sec{
    background-color: var(--footer-background);
    margin-top: 100vh;
    position: relative;
}

.values_heading h2{
    color: var(--color-light1);
text-align: center;
font-family: var(--font-family-heading);
font-size: var(--font-size-xl);
font-style: normal;
font-weight: var(--font-weight-normal);
line-height: var(--line-height-xxl);
letter-spacing: var(--letter-spacing-xl);
text-transform: uppercase;
}

.values_heading p{
    color: var(--color-light1);
    text-align: center;
    font-family: var(--font-family-heading);
    font-size: var(--font-size-news);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-xl);
}

.values_heading img{
    max-width: 84px;
    margin: 0 auto;
}

.values_sec .container{
    padding: 104px 90px;
}

.values_icons{
    background-color: var(--about-background-1);
    padding: 106px 0 167px;
}

.values_icons .values_icons_grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: baseline;
    column-gap: 50px;
    padding: 58px 25px 0;
}

.values_icons .values_icons_grid .values_grid_item img{
   max-width: 88px;
   margin: 0 auto;
   max-height: 90px;
}

.values_icons .values_icons_grid .values_grid_item h4{
    color: var(--color-light1);
    text-align: center;
    font-family: var(--font-family-heading);
    font-size: var(--font-size-value-h4);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-xl);
    text-transform: uppercase;
    padding: 43px 0 14px;
}

.values_icons .values_icons_grid .values_grid_item p{
    color: var(--color-light1);
    text-align: center;
    font-family: var(--font-family-heading);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-values-p);
}


.journey_slider{  
    /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), url(https://www.vedantfashions.com/wp-content/themes/vedant/images/journey_bg.jpg) lightgray 50% / cover no-repeat; */
    background-attachment: fixed;
    background-position: 100% -37%;
    background-position: top left;
    background-size: cover;
    transition: background-image 1s ease;
    position: relative;
}
 
.journey_slider_wrap{
    padding: 190px 80px 0px 90px;
}

/* .journey_heading h3 span{
    color: var(--color-light1);
font-family: var(--font-family-heading);
font-size: var(--font-size-xl);
font-style: normal;
font-weight: var(--font-weight-normal);
line-height: var(--line-height-xxl);
letter-spacing: var(--letter-spacing-xl);
text-transform: uppercase;
} */

.jou_slider_item h2{
    color: var( --color-accent);
font-family: "Josefin Sans", sans-serif;
font-size: 128px;
font-style: normal;
font-weight: 200;
line-height: var(--line-height-journey-h2);
letter-spacing: -5.12px;
text-transform: uppercase;

}

.journey_heading{
    padding-left: 117px;
}
/* 
.journey_heading h3{
    position: relative;
    display: inline-block;
    z-index: 1;
}

.journey_heading h3:before{
    content: "";
    clear: both;
    background: url(https://www.vedantfashions.com/wp-content/themes/vedant/images/journey_flower.svg);
    height: 84px;
    width: 84px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -50%;
    transform: translate(100%, -50%);
    z-index: -1;
} */

.jou_slider_item h3{
    color: var(--color-light1);
    font-family: var(--fm-montserrat);
    font-size: 35px;
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: var( --line-height-journey-h3);
    letter-spacing: -1.8px;
    padding-top: 45px;
}

.jou_slider_item p{
    color: var(--color-light1);
    font-family: var(--font-family-heading);
    font-size: var(--font-size-journey-p);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-journey-p);
    letter-spacing: -0.69px;
}

.jou_slider_item{
    padding: 192px 0 119px 75px;
 
}

.slider_wrap {
    z-index: 9;
}


.slider_wrap ul.slick-dots{
    position: unset;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.slider_wrap ul.slick-dots li{
    width: 32px;
    height: 32px;
    position: relative;
}

.slider_wrap ul.slick-dots li button{
    width: 32px;
    height: 32px;
    padding: 0;
    border: 2px solid #fff;
    border-radius: 50%;
}

.slider_wrap ul.slick-dots .slick-active button{
    border: 2px solid #F37225;
}

.slider_wrap ul.slick-dots .slick-active button:before{
    width: 18px;
    height: 18px;
    background: #F37225;
    border-radius: 50%;
    opacity: unset;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    color: transparent;
}

.slider_wrap ul.slick-dots li button:before{
    width: 18px;
    height: 18px;
    background: transparent;
    border-radius: 50%;
    opacity: unset;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0px;
    color: transparent;
}

.slider_wrap ul.slick-dots li:after{
    content: "";
    clear: both;
    height: 1px;
    width: 56px;
    display: inline-block;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(25%, -50%);
}

.ecosystem_slider{
    /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), url(https://www.vedantfashions.com/wp-content/themes/vedant/images/ecosystem.jpg) lightgray 50% / cover no-repeat; */
    padding: 190px 80px 70px 90px;
    background-attachment: fixed; 
    background-position: top left;
    background-size: cover;
    transition: background-image 1s ease;
    position: relative;
}

.ecosystem_slider:after, .journey_slider:after{
    content: "";
    clear: both;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
}


.ecosystem_heading h3, .journey_heading h3 {
    position: relative;
    display: inline-block;
}


.ecosystem_heading h3 span:before, .journey_heading h3 span:before{
    content: "";
    clear: both;
    background: url(https://www.vedantfashions.com/wp-content/themes/vedant/images/journey_flower.svg);
    height: 84px;
    width: 84px;
    display: block;
    margin: 0 auto 18px;
}




.ecosystem_heading h3 span, .journey_heading h3 span{
    color: var(--color-light1);
    font-family: var(--font-family-heading);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-xxl);
    letter-spacing: var(--letter-spacing-xl);
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}

.eco_slider_wrap{
    padding: 107px 0 0 0;
    z-index: 99;
}

.ecosystem_heading{
    padding-left: calc(150px + 42px);
}
 

.eco_slider_content{
    width: 100%;
    max-width: 60%;
    padding-left: calc(75px + 75px);
}

.eco_slider_content h3{
    color: var(--color-light1);
    font-family: var( --font-family-heading);
    font-size: var(--font-size-eco-h3);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-eco-p);
    text-transform: uppercase;
    word-break: break-word;
}

.eco_slider_content p{
    color: var(--color-light1);
    font-family: var( --font-family-heading);
    font-size: var( --font-size-eco-p);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-journey-h2);
    padding-top: 21px;
}

.slider_wrap .slick-next{
   right: 0px;
}

.slider_wrap .slick-prev{
 left: 0px;
 z-index: 1;
}

.slider_wrap .slick-next:before{
    content: "";
    clear: both;
    display: inline-block;
    height: 39px;
    width: 20.8px;
    background: url(https://www.vedantfashions.com/wp-content/themes/vedant/images/right-arrow.svg);
}

.slider_wrap .slick-prev:before{
    content: "";
    clear: both;
    display: inline-block;
    height: 39px;
    width: 20.8px;
    background: url(https://www.vedantfashions.com/wp-content/themes/vedant/images/left-arrow.svg);
}

.journey_year_dots{
    padding: 0 45px 70px 90px;
    z-index: 99;
}

.journey_year_dots .slick-track{
    padding: 0 10px;
}



.year_dot .dots{
    position: relative;
    height: 32px;
    width: 32px;
    display: block;
    border: 2px solid #fff;
    border-radius: 50%;
}

.year_dot{
    position: relative;
    cursor: pointer;
}


.year_dot:after {
    content: '';
    position: absolute;
    right: 10px;
    width: calc(100% - 52px);
    height: 1px;
    background: #fff;
    left: 42px;
    top: 16px;
}

.year_dot:last-child:after{
    content: none;
   
}

.year_dot.slick-slide.slick-current.slick-active .dots{
    border: 2px solid #F37225;
    transition: 0.2s;
}

.year_dot.slick-slide.slick-current.slick-active .dots:before {
    content: "";
    clear: both;
   background-color: #F37225;
   height: 18px;
   width: 18px;
   display: inline-block;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   border-radius: 50%;
   transition: 0.2s;

}

.year_dot span{
    color: var(--color-light1);
text-align: center;
font-family:var(--fm-montserrat);
font-size: var(--font-size-journey-span);
font-style: normal;
font-weight: var(--font-weight-normal);
line-height: var(--line-height-journey-h2);
text-transform: uppercase;
margin-left: -8px;
}

.year_dot .dots:hover {
    border-color: #f07238;
}

.ecosystem_text span{
    color: var(--color-light1);
font-family: var( --font-family-heading);
font-size: var( --font-size-eco-p);
font-style: normal;
font-weight: var(--font-weight-normal);
line-height:var( --line-height-xl);
text-transform: uppercase;
/* word-break: break-word; */
}

.eco_slider_box{
    padding: 0 0 119px 0;
}


.eco_slider_wrap .slick-next{
    right: 0px;
 }
 
 .eco_slider_wrap .slick-prev{
  left: 0px;
  z-index: 1;
 }
 
 .eco_slider_wrap .slick-next:before{
     content: "";
     clear: both;
     display: inline-block;
     height: 39px;
     width: 20.8px;
     background: url(https://www.vedantfashions.com/wp-content/themes/vedant/images/right-arrow.svg);
 }
 
 .eco_slider_wrap .slick-prev:before{
     content: "";
     clear: both;
     display: inline-block;
     height: 39px;
     width: 20.8px;
     background: url(https://www.vedantfashions.com/wp-content/themes/vedant/images/left-arrow.svg);
 }

 .ecosystem_dots{
    z-index: 99;
 }

 .ecosystem_dots .ecosystem_text{
    padding-right: 20px;
 }
 .ecosystem_dots .ecosystem_text:last-child{
    padding-right: 0px;
 }

 .ecosystem_text .dots{
    padding: 8px;
    border: 1px solid transparent;
    cursor: pointer;
    min-height: 71px;
 }

 .ecosystem_text.slick-slide.slick-current.slick-active .dots{
    border: 1px solid var(--color-light1);
background: rgba(0, 0, 0, 0.19);
display: inline-block;

 }

 .eco_slider_wrap .slick-track{
    margin-left: 0;
 }
 .main_banner_sec{
    left: 0;
    top: 0;
    position: fixed;
    width: 100%;
 }
 section.journey_sec{
    position: relative;
 }
 section.ecosystem_sec{
    z-index: 1;
    position: relative;
 }

 @media screen and (max-width: 1320px){
    .ecosystem_text span{
        font-size: var(--font-size-md);
    }
 }

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

   
    .main_banner_sec{
        position: sticky;
    }

    .banner_img_wrap, .banner_img video{
        height: 100vh;
    }

    section.main_banner_sec .banner_img_wrap .banner_txt{
        padding: 0 15px;
        top: 50%;
        left: 50%;
        bottom: unset;
    }

   

    .main_banner_sec .banner_img .banner_txt p{
        font-size: 24px;
        line-height: 36px;
        color: #F6E3D6;
    }

    .mission_txt{
        padding-top: 40px;
    }

    .values_sec {
      
        margin-top: 0px;
    }
    .values_sec .container {
        padding: 40px 15px;
    }
    .values_icons{
        padding: 40px 15px;

    } 

    .values_icons .slick-dots{
        position: unset;
        padding: 40px 0 0;
    }

    .values_icons .values_icons_grid{
        margin-bottom: 0;
    }

    .values_icons .values_icons_grid .values_grid_item img{
        max-width: 62px;
    } 
    
    .values_icons .values_icons_grid{
        padding: 58px 0 0;
        display: block;
    }
    .journey_slider_wrap{
        padding: 100px 15px 70px;
    }

    .ecosystem_slider {
        padding: 100px 0px 70px;
    }

    .ecosystem_dots{
        padding-left: 15px;
    }

    .ecosystem_dots .slick-list.draggable{
        padding: 0 10% 0 0;
    }

    .jou_slider_item {
        padding: 40px 30px 0;
    }
    .journey_heading {
        padding-left: 70px;
    }
   
   
    .journey_slider_wrap .slider_wrap .slick-prev, .eco_slider_wrap .slick-prev{
        left: -10px;
    }
    .journey_slider_wrap .slider_wrap .slick-next, .eco_slider_wrap .slick-next{
        right: -10px;
    }

    .journey_year_dots{
        padding: 0 0px 70px 15px;
    }

   .slider_wrap{
        padding-top: 107px;
    }


    .jou_slider_item h3{
        line-height: normal;
    }

    .eco_slider_content p{
        line-height: 32px;
    }

    .eco_slider_box{
        padding-bottom: 60px;
    }

    .ecosystem_heading{
        padding-left: calc(50px + 20px);
    }

    .eco_slider_content{
        max-width: 100%;
        padding: 0 30px;
    }
 }


 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait),
 only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

    .values_icons .values_icons_grid{
        grid-template-columns: repeat(2, 1fr);
        }
        .values_grid_item {
        margin-bottom: 100px;
        }
        .values_sec .container {
        padding: 80px 20px;
        }
        
        .values_icons {
        padding: 106px 0px 0px;
        }
        .journey_slider_wrap {
        padding: 190px 30px 0px 30px;
        }
        .jou_slider_item h3{
        font-size: 31px;
        line-height: 37px;
        }
        
        .page-template-about-us .banner_img video , .page-template-about-us .banner_img_wrap  {
            height: 100vh;
            }
        
        
            .eco_slider_content{
                  max-width: 90%;
                  padding-left: 13%;
            }


            .ecosystem_heading{
                padding-left: 13%;
            }

            .journey_heading{
                padding-left: 75px;
            }

            .ecosystem_dots .ecosystem_text{
                padding-right: 5px;
            }
 }