:root {
    /* Font Sizes */
    --font-size-xxs: 12px;
    --font-size-xs: 14px;
    --font-size-sm: 15px;
    --font-size-md: 16px;
    --font-size-normal: 17px; 
    --font-size-value-h4: 18px; 
    --font-size-eco-p: 18px; 
    --font-size-journey-span: 20px; 
    --font-size-news: 21px; 
    --font-size-journey-p: 21px; 
    --font-size-lg: 1.813rem;
    --font-size-banner-h3: 30px;
    --font-size-xl: 32px;
    --font-size-result-h5: 30px;
    --font-size-result-li: 2.25rem;
    --font-size-xxl: 2.563rem;
    --font-size-xxxl: 2.625rem;
    --font-size-eco-h3: 45px;
    --font-size-journey-h3: 60px;
    --font-size-xxxxl: 4.75rem;

    --font-size-board-h2: 45px;
    --font-size-journey-h3: 60px;
    --font-size-xxxxl: 4.75rem;
  
    /* Line Heights */
    --line-height-normal: normal;
    --line-height-copyright: 30px;
    --footer-p: 23px;
    --line-height-xs: 18px;
    --line-height-sm: 20px;
    --line-height-values-p: 25px;
    --line-height-md: 26px;
    --line-height-xl: 27px; 
    --line-height-result-h5: 33px; 
    --line-height-journey-h2: 37px; 
    --line-height-banner-p: 41px; 
    --line-height-eco-p: 42px;
    --line-height-xxl: 43px;
    --line-height-journey-p: 43px;
    --line-height-journey-h3: 65px;
    --line-height-xxxl: 76px;
    --line-height-small-heading: 80px; 
  --line-height-large-heading: 82px;


  
    /* Font Weights */
    --font-weight-normal: 400;
    --font-weight-bold: 700;
    --font-weight-medium: 500;
  
    /* Letter Spacings */

    --letter-spacing-mier: 1.05px;
    --letter-spacing-xs: 0.68px;
    --letter-spacing-sm: 0.84px;
    --letter-spacing-md: 1.26px;
    --letter-spacing-lg: 1.32px;
    --letter-spacing-xl: 1.92px;
    --letter-spacing-xxl: 2.16px;
    --letter-spacing-xxxl: 2.46px;
    --letter-spacing-xxxxl: 2.52px;
    
  
    /* Colors */

    --color-about-banner: #fff;
    --color-white: #fff;
    --color-dark1: #4D3535;
    --color-dark2: #6A5453;
    --color-light1: #F8ECE4;
    --color-light2: #A78986;
    --color-accent: #F37225;
    --grid-background: #ECD4C4;
    --signaure-color: #393939;
    --section-background: #442E2E;
    --footer-background: #241717;
    --about-background-1: #2F1D1D;

    /* Font Families */
  --font-family-heading: 'Rufina', serif;
  --font-family-cursive: 'Beth Ellen', cursive;
  --josefin-sans-font: 'Josefin Sans', sans-serif;
  --lato-font: 'Lato', sans-serif;
    --fm-montserrat: "Montserrat", sans-serif;
  }

  
body{ 
    -webkit-font-smoothing: antialiased;
    font-family: var(--font-family-heading);
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


a{
    text-decoration: none;
}

input, select{
    padding: 0 10px;
}

textarea{
    padding: 10px;
}

.main_page_wrap{
    background-color: var(--color-light1);
}

.main_page_wrap a{
    text-decoration: none;
}

.main_page_wrap ul, footer ul{
    list-style: none;
}

.main_page_wrap img{
    display: block;
    width: 100%;
}

.header_wrap{
    position: relative;
    display: unset;
}

.logo{
    max-width: 150px;
    margin: 0 auto;
}

.mobile_ham_burger, .mob_nav_close{
    display: none;
}


.main_page_wrap header{
    position: fixed;
    top: 0;
    z-index: 99999;
    width: 100%;
    transition: all 0.5s ease-in-out;
    /* padding: 10px 0 0; */
}




header .container{
    max-width: 90%;
    width: 100%;
    margin: 0 auto;
}

header#header.header_transparent {
    background: #F6E3D6;
    box-shadow: 1px 1px 2px #c3a18ab3;
    padding: 0;
    transform: translateY(0);
    transition: 0.2s;
}
header#header.header_transparent .logo_text {
        visibility: hidden;
        max-height: 0;
}

header#header.scroll_down{
    transform: translateY(-100%);
    transition: 0.2s;
}


header#header.header_transparent .nav_links_sec ul>li a{
    color: var(--color-dark1);
}

header#header.header_transparent .logo_text svg *{
    fill:var(--color-dark1);
}

.main_header{
    /* display: grid; */
    display: flex;
    justify-content: space-between;
    /* grid-template-columns: 25% 60% 15%; */
    align-items: center;
    
}

header#header:hover .nav_links_sec ul>li a {
    color: var(--color-dark1);
}


header#header:hover .logo_text svg *{
    fill:var(--color-dark1);
}

.logo_sec {
    text-align: center;
}

.nav_links_sec ul.main_menu{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav_links_sec ul.main_menu li a{
    color: var(--color-white);
    font-family: var( --font-family-heading);
    font-size: var(--font-size-normal);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-normal);
    letter-spacing: var(--letter-spacing-xs);
    transition: all 0.2s ease-in-out;
    display: block;
    padding: 35px 15px;
    text-align: center;
}

.nav_links_sec li:has( > ul) {
    /* position: relative; */
    transition: all 0.3s ease-in-out;
}

.nav_links_sec li ul li:has(> ul){
    float: left;
    width: 100%;
    max-width: 40%;
    padding-right: 30px;
}

.nav_links_sec li ul li:has(> ul):not(:first-child){
    max-width: 30%;
}

header#header .nav_links_sec li ul li ul li{
    float: none;
    max-width: 100%;
    padding: 0;
}

header ul li ul li:not(:has(> ul)) {
    width: 100%;
    max-width: 30%;
    margin: 0 0 0 auto;
}

.nav_links_sec li ul li:has( > ul li) {
    position: unset;
}

.nav_links_sec li ul li:has( > ul li):hover{
    background: unset;
}

.nav_links_sec li ul li a {
    position: relative;
}




@media screen and (min-width: 1024px){

    header#header:hover {
        background: var(--grid-background);
    }
    

    .nav_links_sec ul li:has(> ul):hover {
        background:#e4ccbb;
        
    }
    .nav_links_sec ul li a:hover {
        color: var(--color-accent) !important;
        
    }

    header li:has(ul):hover > ul,header ul li:has(a[data-about-dropdown]):hover > ul {
        opacity: 1;
        transform: scaleY(1)
      }
    
    
}



.back_button{
    display: none;
}

header .nav_links_sec ul.main_menu > li > ul > li > ul > li > ul > li > a{
    font-weight: normal;
}

header .nav_links_sec ul.main_menu > li ul li ul li a{
    font-size: 13px;
    margin: 0;
    text-transform: unset;
    font-weight: 600;
}


header#header .nav_links_sec ul.main_menu li > ul > li > a.active:hover{
    color: var(--color-dark1);
}

/* header#header .nav_links_sec ul.main_menu li > ul > li > a.active{
    color: var(--color-dark1);
} */

.nav_links_sec ul.main_menu li ul li a{
    padding: 10px 0;
    text-align: left;
    display: block;
    color: var(--color-dark1);
    text-transform: uppercase;
    font-weight: 700;
    font-family: var(--font-family-heading);
    font-size: 15px;
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: normal;
    font-weight: 800;
    letter-spacing: 0.56px;
    margin: 0 15px;    
    /* border-bottom: 1px solid #F6E8DF; */
    transition: 0.3s;
}



.nav_links_sec ul.main_menu li ul li:last-child a{
    border-bottom: none;
}

.nav_links_sec ul.main_menu li:first-child a{
   padding-left: 0;
}

.nav_links_sec ul.main_menu li:last-child a{
   padding-right: 0;
}

/* .nav_links_sec ul.main_menu li .active{
    color: var(--color-accent);
} */

header li:has(a[data-about-dropdown]){
    position: relative;
}

header li:has(a[data-about-dropdown]) li{
   max-width: 100%;
   margin: unset;
}


header .nav_links_sec ul li:has(a[data-about-dropdown]) > ul > li > a{
    padding: 15px 0;
    text-align: left;
    display: block;
    color: var(--color-dark2);
    font-family: var(--font-family-heading);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: normal;
    letter-spacing: 0.56px;
    margin: 0 15px;
    border-bottom: 1px solid #F6E8DF;
    transition: 0.3s;
    position: relative;
    text-transform: unset;
}

header li:has(a[data-about-dropdown]) > ul{
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top; 
    position: absolute;
    top: 100%;
    left: 0;
    width: 375px;
    /* min-height: 452px; */
    background-color: #E4CCBB;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; 
    padding: 0;
    /* column-count: unset; */
}

header li:has(ul) > ul {
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top; 
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    /* column-count: 3; */
    /* min-height: 452px; */
    background-color: #eacbb5;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; 
    padding: 20px 30px;
  }

  /* header li:has(a[data-about-dropdown]) > ul li:has(ul) > ul */

header li:has(ul) > ul li:has(ul) > ul {
    opacity: 1;
    transform: scaleY(1); 
    transform-origin: top; 
    position: static;
    top: 0;
    left: 100%;
    width: 100%;
    padding: 0 0 0 25px;
    /* min-height: 452px; */
    background-color: #EACBB5;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    /* column-count: unset; */
    
  }

  .nav_links_sec ul li ul > li > ul > li > a::before {
    content: "";
    height: 8px;
    width: 8px;
    display: inline-block;
    background: url(https://www.vedantfashions.com/wp-content/themes/vedant/images/right-arrow-nav.svg) no-repeat;
    background-size: cover;
    position: absolute;
    left: -15px;
    top: 13px;
    /* transform: translateY(-50%); */
    transition: 0.3s;
}


 
.main_heading{
    padding: 55px 15px;
}

.main_heading h2 {
    text-align: center;
}



.main_heading h2 span{
    color: #6D4742;
    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;
    display: block;
    position: relative;
    z-index: 1;
    opacity: 0.86;
 }


 .main_heading h2 span:before{
    content: "";
    clear: both;
    height: 84px;
    width: 84px;
    display: block;
    margin: 0 auto 18px;
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
    background: url(https://www.vedantfashions.com/wp-content/themes/vedant/images/csr_heading_flower.svg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.banner_img{
    position: relative;
    height: 100%;
}

.banner_img:after {
    content: "";
    clear: both;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0px 0px 250px 0px #000 inset;
}

.banner_txt{
    position: absolute;
    /* bottom: 155px; */
    bottom: 16vh;
    padding-left: 126px;
    z-index: 99;
}

.hide_bnr_txt{
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}

.banner_txt h2{
    color: var(--color-white);
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.20);
    font-family: var( --font-family-heading);
    font-size: 50px;
    font-style: normal;
    font-weight: var(--font-weight-normal);
    /* line-height: var( --line-height-xxxl);  */
}

.founder_sec .container{
    padding: 100px 90px;
}

.banner_img video {
    width: 100%;
    height: unset;
    object-fit: cover;
}
.row_grid .row{
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
    background-color: var( --grid-background);
    
}

.row_grid .row .col-1{
    height: 100%;
}

.row_grid .row .col-1 img{
    height: 100%;
    object-fit: cover;
}

.row_grid .row .col-2{
    padding: 20px 90px;
}

.founder_sec .heading h3{
    font-family: var(--font-family-heading);
    font-size: var( --font-size-lg);
    line-height: var( --line-height-xxl);
    opacity: 0.83;
    color: var( --color-dark1);
    text-align: center;
    font-style: normal;
    font-weight: var( --font-weight-normal);
    letter-spacing: var(--letter-spacing-xl);
    text-transform: uppercase;
    position: relative;
}

.founder_sec .heading h3:before{
    content: "";
    clear: both;
    background: url(https://www.vedantfashions.com/wp-content/themes/vedant/images/responsibilty-circle-.svg);
    height: 84px;
    max-width: 84px;
    display: block;
    /* position: absolute; */
    width: 100%;
    margin: 0 auto 18px;
    background-repeat: no-repeat;
    /* top: 50%;
    left: 50%; */
    /* transform: translate(-50%, -50%); */
    z-index: -1;
    background-size: cover;
}

.col-paragraph{
    padding: 71px 0 40px;
}

.col-paragraph p{
    color: var(--color-dark2);
    text-align: center;
    font-family: var(--font-family-heading);
    font-size: var( --font-size-sm);
    font-style: normal;
    font-weight: var( --font-weight-normal);
    line-height: var(--line-height-xl); 
}

.signature h4{
    color: var(--color-dark2);
    text-align: center;
    font-family: var( --font-family-heading);
    font-size: 14px;
    font-style: normal;
    font-weight: var( --font-weight-normal);
    line-height: 36px;
    text-transform: uppercase;
}

.signature p{
    color: var(--color-dark2);
    text-align: center;
    font-family: var( --font-family-heading);
    font-size: var(  --font-size-md);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-xs);
}


.slider_sec{
    background-color:var(--section-background);
    box-shadow: 0px 0px 250px 220px rgba(0, 0, 0, 0.50) inset;
    padding: 78.48px 0 89px;
}

.brand_heading h3{
    color: var(--color-white);
text-align: center;
font-family: var(--font-family-heading);
font-size: var(--font-size-xxxl);
font-style: normal;
font-weight: var(--font-weight-normal);
line-height: var( --line-height-xxl); 
letter-spacing: var(--letter-spacing-xxxl);
text-transform: uppercase;

}

.brand_heading{
    width: 100%;
    max-width: 731px;
    margin: 0 auto;
}

/* .brand_heading h3:before{
  content: "";
  clear: both;
  background: url(https://www.vedantfashions.com/wp-content/themes/vedant/images/brand_flower.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 84px;
  width: 84px;
  margin: 0 auto 20.52px;
} */
.brand_heading .logocircle img{
    max-width: 84px;
    margin: 0 auto 18px;

}

.brand_heading p{
    color: var(--color-white);
    text-align: center;
    font-family: var(--font-family-heading);
    font-size: var(--font-size-sm);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-md); 
    padding-top: 16px;
}

.slider_grid_wrap .row .slick-list.draggable{
    padding: 0 25% 0 0;
}

.slider_grid_wrap .slick-prev{
    background: url(https://www.vedantfashions.com/wp-content/themes/vedant/images/home-left-arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 50px;
    width: 50px;
    display: inline-block;
    z-index: 1;
    left: -69px;
}

.slider_grid_wrap .slick-next{
    background: url(https://www.vedantfashions.com/wp-content/themes/vedant/images/home-right-arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 50px;
    width: 50px;
    display: inline-block;
    z-index: 1;
    right: 19px;
}

.slider_grid_wrap .row .col.item-1{
    position: relative;
}

.slider_grid_wrap .row .col.item-1 .slider_img_content{
    position: absolute;
    top: 50%;
    left: 132px;
    transform: translateY(-50%);
}
 
.slider_grid_wrap .row .col .slider_img_content:has(a[href^="https://www.twamev.com/"]) img{
   max-height: 65px;
   object-fit: contain;
}

.slider_img_content .read_more{
    text-align: center;
}

.slider_img_content .read_more a{
    color: var(--color-light1);
text-align: center;
font-family: var(--fm-montserrat);
font-size: var(--font-size-xxs);
font-style: normal;
font-weight: var(--font-weight-bold);
line-height: normal;
letter-spacing: var(--letter-spacing-sm);
background-color: var( --color-dark2);
width: 100%;
display: inline-block;
max-width: 120px;
padding: 12.5px 0;
transition: all 0.3s linear;
outline: 1px solid var(--color-dark2);
-webkit-font-smoothing: antialiased;
}

.slider_grid_wrap .slick-prev:before, .slider_grid_wrap .slick-next:before{
    content: none;
}

.slider_sec .slider_grid_wrap{
    padding: 57px 0px 0px 0px;
}


.slider_grid_wrap .row .col{
   padding-left: 37px;
}

.news_sec .container{
    padding: 82px 94px 92px 86px;
}

.news_heading{
    width: 100%;
    max-width: 731px;
    margin: 0 auto;
}

.news_heading h3{
    color: var(--color-dark1);
    text-align: center;
    font-family: var( --font-family-heading);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-large-heading);
    letter-spacing: var(--letter-spacing-xxxl);
    text-transform: uppercase;
    position: relative;
}

.news_heading h3:before{
    content: "";
    clear: both;
    background: url(https://www.vedantfashions.com/wp-content/themes/vedant/images/responsibilty-circle-.svg);
    height: 84px;
    width: 84px;
    display: block;
    /* position: absolute;     */
    background-size: cover;
    margin: 0 auto;
    background-repeat: no-repeat;
    /* top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
    z-index: -1;
    background-size: cover;
}

.news_heading p{
    color: var(  --color-dark2);
text-align: center;
font-family: var( --font-family-heading);
font-size: var(--font-size-sm);
font-style: normal;
font-weight: var(--font-weight-normal);
line-height: var(--line-height-md); 
padding-top: 33px;
}

.news_posts_wrap .row{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 63px;
    padding-top: 56px;
}

.news_content{
    width: 100%;
    max-width: 395px;
    padding-top: 40px;
}

.news_content h5{
    color: var(--color-light2);
font-family: var(--fm-montserrat);
font-size: var(--font-size-sm);
font-style: normal;
font-weight: var( --font-weight-medium);
line-height: normal;
letter-spacing: var(--letter-spacing-mier);
}

.news_content h4{
    color: var(--color-dark1);
    opacity: 0.83;
    font-family: var(--font-family-heading);
    font-size: var(--font-size-news);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    /* line-height: var(--line-height-large-heading); */
    letter-spacing: var(--letter-spacing-md);
    /* text-transform: uppercase; */
    padding: 10px 0;
}

.news_content p{
    color: var(--color-dark2);
    font-family: var(--font-family-heading);
    font-size: var(--font-size-md);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-md); 
}

.read_more_btn{
    padding-top: 15px;
}

.read_more_btn a{
    color: var( --color-light2);
    font-family: var(--fm-montserrat);
    font-size: var( --font-size-xxs);
font-style: normal;
font-weight: var(--font-weight-medium);
line-height: normal;
letter-spacing: var(--letter-spacing-sm);
display: inline-block;
transition: all 0.2s ease-in-out;
}
.read_more_btn a:hover{
    color:#6a5453;
}


 





.view_all_btn{
    padding-top: 73px;
    text-align: center;
}

.view_all_btn a{
    color: var(--color-light1);
text-align: center;
font-family: var(--fm-montserrat);
font-size: var(--font-size-xxs);
font-style: normal;
font-weight: var(--font-weight-bold);
line-height: normal;
letter-spacing: var(--letter-spacing-sm);
display: inline-block;
background-color: var(--color-dark2);
width: 100%;
max-width: 158px;
padding: 12.5px 0;
transition: all 0.3s linear;
outline: 1px solid var(--color-dark2);
}



.result_img{
    background-image: url(https://www.vedantfashions.com/wp-content/themes/vedant/images/results.jpg);
    background-position: center 79%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 49.85px 0 138px;
    background-attachment: fixed;
}




.result_heading h2{
    color: var(--color-light1);
text-align: center;
font-family: var( --font-family-heading);
  font-size: var(  --font-size-result-li);
font-style: normal;
font-weight: var(--font-weight-normal);
line-height: var(--font-size-xxxl);
letter-spacing: var(--letter-spacing-xxl);
text-transform: uppercase;
opacity: 0.83;
}

/* 
.result_heading h2:before{
    content: "";
    clear: both;
    background: url(https://www.vedantfashions.com/wp-content/themes/vedant/images/result_flower.png);
    height: 108px;
    max-width: 108px;
    background-size: cover;
    display: block;
    margin: 0 auto 17.15px;
    width: 100%;
    background-repeat: no-repeat;
} */
.result_heading .logocircle img{
    max-width: 108px;
    margin: 0 auto 18px;
}

.result_icons ul{
    max-width: 837px;
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    row-gap: 75px;
    flex-wrap: wrap;
    padding-top: 109px;
    text-align: center;
    align-items: baseline;
}

.result_icons ul li{
    width: 33.3%;
    
}

.result_icons ul li img{
   
    max-width: 62px;
    margin: 0 auto;
    max-height: 60px;
    width: auto;
}


.result_icons ul li h4{
    color: var(--color-light1);
    text-align: center;
    font-family: var(--font-family-heading);
    font-size: var(--font-size-result-h5);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-result-h5); 
    text-transform: uppercase;   
    padding-top: 20px; 
    -webkit-font-smoothing: antialiased;
   
}


.result_icons ul li p{
    color: var(--color-light1);
    text-align: center;
    font-family: var(--font-family-heading);
    font-size: var(--line-height-xs);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-result-h5); 
    text-transform: uppercase;
    padding: 7px 0;    
    -webkit-font-smoothing: antialiased;
}


.result_icons ul li h6{
    color: var(--color-light1);
    text-align: center;
    font-family: var(--font-family-heading);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: var( --line-height-md);  
}

.responsibility_sec .container{
    padding: 103px 90px 103px;
}

.responsi_grid .row{
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
    background-color: var( --grid-background);
}

.responsi_grid .row .col-1{
    height: 100%;
}

.responsi_grid .row .col-1 img{
    height: 100%;
    object-fit: cover;
}

.responsi_grid .row .col-2 h3{
    font-family: var(--font-family-heading);
    font-size: var( --font-size-lg);
    line-height: var( --line-height-xxl);
    opacity: 0.83;
    color: var( --color-dark1);
    text-align: center;
    font-style: normal;
    font-weight: var( --font-weight-normal);
    letter-spacing: var(--letter-spacing-xl);
    text-transform: uppercase;
         line-height: 39px;
}

/* .responsi_grid .row .col-2 h3:before{
    content: "";
    clear: both;
    background: url(https://www.vedantfashions.com/wp-content/themes/vedant/images/sociel_flower.jpg);
    height: 84px;
    max-width: 84px;
    background-size: cover;
    display: block;
    margin: 0 auto 8.89px;
    width: 100%;
    background-repeat: no-repeat;
} */

.responsi_grid .row .col-2 {
    padding: 0 110px;
}

.responsi_grid .col-paragraph{
    padding: 24px 0 0 0;
}

.responsi_grid .col-paragraph p{
    color: var(--color-dark2);
    text-align: center;
    font-family: var(--font-family-heading);
    font-size: var( --font-size-sm);
    font-style: normal;
    font-weight: var( --font-weight-normal);
    line-height: var(--line-height-xl); 
}

.responsi_grid .col-paragraph p:first-child{
   padding-bottom: 35px;
}


.responsibility_sec .read_more_btn{
    text-align: center;
    padding-top: 30px;
}

.responsibility_sec .read_more_btn a{
    color: var(--color-light1);
text-align: center;
font-family: var( --fm-montserrat);
font-size:var( --font-size-xxs);
font-style: normal;
font-weight: var(--fm-montserrat);
line-height: normal;
letter-spacing: var( --letter-spacing-sm);
background-color: var(--color-dark2);
width: 100%;
display: inline-block;
max-width: 120px;
padding: 12.5px 0 ;
text-transform: uppercase;
transition: all 0.3s linear;
outline: 1px solid var(--color-dark2);
}

footer{
    background-color: var(--footer-background);
}

footer .container{
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
    padding: 81px 0 100px;
}

.footer_logo{
    text-align:center ;
}
/* 
.main_footer{
    max-width: 1260px;
    margin: 0 auto;
} */

.footer_nav_links{
    display: grid;
    grid-template-columns: 20% 30% 50%;
  
    padding-top: 104px;
}

ul.get_in_touch{
    max-width: 70%;
    width: 100%;
}

.our_brands{
    padding-top: 60px;
}

ul.navigate{
    position: relative;
}

ul.navigate:before{
    content: "";
    clear: both;
    width: 138px;
    height: 135.488px;
    background: url(https://www.vedantfashions.com/wp-content/themes/vedant/images/responsibilty-circle-.svg);
 
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    bottom: -30px;
    left: -45px;
    background-size: cover;
    opacity: 0.6;
    z-index: -1;
}

.footer_nav_item ul li a h4{
    color: var(--color-white);
font-family: var(--josefin-sans-font);
font-size: var(--font-size-sm);
font-style: normal;
font-weight: var(--font-weight-bold);
line-height: normal;
padding-bottom: 10px;
}

.footer_nav_item ul li a{
    color: var(--color-light1);
    font-family: var(--fm-montserrat);
    font-size: var(--font-size-sm);
    font-style: normal;
    font-weight: 300;
    line-height: var(--font-size-result-h5);
    letter-spacing: var(--letter-spacing-xs);
}

.footer_nav_item ul li p{
    color: var(--color-light1);
    font-family: var(--fm-montserrat);
    font-size: var(--font-size-sm);
    font-style: normal;
    font-weight: 300;
    line-height: var( --footer-p); 
}

.footer_nav_links .footer_nav_item:last-child{
    display: grid;
    grid-template-columns: 55% 45%;
    height: fit-content;
}

.footer_nav_links .footer_nav_item:last-child .footer_nav_logo{
    display: flex;
    justify-content: end;
    align-items: end;
}

.footer_nav_links .footer_nav_item:last-child a{
    display: block;
} 

.footer_copyright_row{
    display: flex;
  justify-content: space-between;
    align-items: center;
    padding-top: 71px;
}

.footer_copyright_row .col p{
    color: var(--color-light1);
    font-family: var(--lato-font);
    font-size: var(--font-size-sm);
font-style: normal;
font-weight: var(--font-weight-normal);
line-height: var(--line-height-copyright);
letter-spacing: var(--letter-spacing-xs);
}



.footer_copyright_row .col:not(:first-child){
    text-align: center;
}

.footer_copyright_row .col ul{
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer_copyright_row .col ul li:after{
    content: "";
    clear: both;
    height: 14px;
    vertical-align: middle;
    width: 0.5px;
    display: inline-block;
    background-color: var(--color-light1);
    margin: 0 18px;
}

.footer_copyright_row .col ul li:last-child:after{
    content: none;
}


.footer_copyright_row a{
    color: var(--color-light1);
    font-family: var(--fm-montserrat);
    font-size: var(--font-size-sm);
    font-style: normal;
    font-weight: 300;
    line-height: var(--font-size-result-h5);
    letter-spacing: var(--letter-spacing-xs);
    transition: all 0.2s ease-in-out;
}
.footer_copyright_row a:hover , .footer_nav_item ul li a:hover{
    color: var(--color-accent);
}
.banner_img_wrap{
    height: 100vh;
    overflow: hidden;
}
.home .banner_img_wrap{
    height: 100%;
    overflow: hidden;
}

/* .news_img a{
    overflow: hidden; 
     transform: scale(1);
     display:block;
     line-height: 0px;
}
.news_img img{
    transition: all ease-in-out 2s;
    transform: scale(1);
}
.news_img a:hover img {
    transform: scale(1.05);
} */


section.founder_sec , section.slider_sec, section.news_sec, section.results_sec, section.responsibility_sec, footer{
    position: relative;
    z-index: 9;
}

.founder_sec .col-paragraph{
    padding-top: 50px;
}
/* .responsi_grid .logocircle img {
    max-width: 84px;
} */
.responsi_grid .logocircle img{
    max-width: 84px;
    margin: 0 auto 18px; 
}

footer .footer_logo_img{
    display: none;
}

@media screen and (min-width: 768px){

    .hover_btn{
        transition: all 0.3s linear;
    }

   body .main_page_wrap input[type="file"]:after{
    transition: all 0.3s linear;
    outline: 1px solid var(--color-dark2);
   }

   .main_page_wrap input[type="file"]:hover:after{
    box-shadow: inset 10em 0 0 0 var(--color-light1), inset -10em 0 0 0 var(--color-light1);
    color: var(--color-dark2);
    outline: 1px solid var(--color-dark2);
    font-weight: bold;
    background-color: var(--color-dark2);
   }
    
.view_all_btn a:hover, .responsibility_sec .read_more_btn a:hover, .slider_img_content .read_more a:hover, .hover_btn:hover{
    box-shadow: inset 10em 0 0 0 var(--color-light1), inset -10em 0 0 0 var(--color-light1);
    color: var(--color-dark2);
    outline: 1px solid var(--color-dark2);
    font-weight: bold;
    background-color: var(--color-dark2);
}


.responsibility_sec .read_more_btn a:hover{
    box-shadow: inset 10em 0 0 0 var( --grid-background), inset -10em 0 0 0 var( --grid-background);
}

.slider_img_content .read_more a:hover{
    box-shadow: inset 10em 0 0 0 #e2d0c6, inset -10em 0 0 0 #e2d0c6;
}
}



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

    .founder_sec .container{
        padding:80px 70px;

        
    }
   
  
    .news_sec .container {
        padding: 82px 70px 92px 70px;
    }
    .responsibility_sec .container {
        padding: 80px 70px;
    }
    .slider_grid_wrap .slick-prev{
        left: 14px;
    }
    /* .slider_grid_wrap .slick-next{
        right: 14px;
    } */
}
@media screen and (max-width: 1441px){
    .row_grid .row .col-2 {
        padding: 20px 62px;
    }
    .col-paragraph p,  .responsi_grid .col-paragraph p{
        font-size: 14px;
    }
    .founder_sec .heading h3:before{
        background-size: cover;
        height: 84px;
        max-width: 84px;
    }
    .responsi_grid .row .col-2{
        padding: 20px 75px;
    }
    .founder_sec .container{
        padding:60px 50px;

        
    }
   
    }
    
    @media screen and (max-width: 1281px){
    
        .responsi_grid .row .col-2{
            padding: 20px 55px;
    
        } 
        
        .row_grid .row .col-2 {
            padding: 20px 50px;
        }
        .col-paragraph p,  .responsi_grid .col-paragraph p{
            font-size: 14px;
        }
        .signature h4{
            font-size: 14px;
        }
        .signature p{
            font-size: 14px;
    
        }
        .founder_sec .col-paragraph{ 
            padding-bottom: 30px;
        }
     
        .founder_sec .container{
            padding-left:50px;
            padding-right:50px;
    
        }
    }

    


    @media screen and (max-width: 768px), screen and (max-device-width: 1024px){

       html body{
            padding-top: 0;
        }

        .nav_links_sec li ul li:has(> ul){
            float: none;
            padding-right: 0;
        }

        header ul li ul li:not(:has(> ul)), .nav_links_sec li ul li:has(> ul):not(:first-child){
            max-width: 100%;
        }


        header .container{
            max-width: 100%;
        }

        header#header.scroll_down{
            transform: none;
        }

        header#header.header_transparent{
            padding: 20px 15px;
            background-color: #F6E3D6;
        }

    
        .main_page_wrap header{
            padding: 20px 15px;
            position: sticky;
            top: 0;
            background-color: #F6E3D6;
        }
        
        .mobile_ham_burger, .mob_nav_close{
            display: block;
        }

        .logo_sec{
            display: none;
        }

        .main_header{
            display: block;
        }

        header#header .nav_links_sec ul>li{
            padding-bottom: 0;
            position: unset;
        }



        header#header .nav_links_sec ul>li a{
            padding: 10px 0;
            color: var(--color-dark2);
           font-size: 15px;
           text-align: left;
           text-transform: unset;
           margin: unset;
           border: none;
        }

        .nav_links_sec ul li ul > li > ul > li > a::before{
            content: none;
        }

        .nav_links_sec ul.main_menu li ul li a{
            margin: unset;
        }

        .mob_nav_close{
            text-align: end;
            color: var(--color-dark2);
            font-family: var(--font-family-heading);
            padding: 20px 15px 0;
            font-size: 20px;
            font-weight: var(--font-weight-normal);
        }
        /* span#nav_open_btn{
            color: #000000;
            font-size: 60px;
            font-weight: var(--font-weight-normal);
        } */

        .mobile_ham_burger{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            align-items: center;
        }

        .mobile_logo{
            text-align: center;
        }   

        div#side_nav{
            background: var(--color-light1);
            height: 100vh;
            position: fixed;
            top: 0;
            z-index: 99;
            width: 100%;
            max-width: 300px;
            left: 0;
            overflow-x: hidden;
            transition: 0.5s;
            white-space: nowrap;
            transform: translate3d(-100%, 0, 0);
        }

        div#side_nav.open_nav{
            transform: translateZ(0);
        }

        .nav_links_sec li:has( > ul){
            display: flex;
            justify-content: space-between;
            align-items: center;
        }


        .nav_links_sec ul li ul > li:has(> ul) > a::after {
            content: none;
        }

        .nav_links_sec li:has( > ul):after{
            content: "";
            height: 10px;
            width: 10px;
            display: inline-block;
            background: url(https://www.vedantfashions.com/wp-content/themes/vedant/images/right-arrow-nav.svg) no-repeat;
            background-size: cover;
            
        }

        header#header .nav_links_sec li.back_button{
            margin-bottom: 20px;
            color: var(--color-dark1);
            font-family: 'Mier B regular';
            font-size: 15px;
            display: flex;
            align-items: center;
            display: inline-block;
        }
        li.back_button:before{
            content: "";
            height: 10px;
            width: 10px;
            display: inline-block;
            background: url(https://www.vedantfashions.com/wp-content/themes/vedant/images/right-arrow-nav.svg) no-repeat;
            background-size: cover;
           rotate: 180deg;

        }

        header li:has(ul) > ul, header li:has(ul) > ul li:has(ul) > ul, header li:has(a[data-about-dropdown]) > ul{
            transform: none;
            position: absolute;
            /* column-count: unset; */
            transform-origin: unset;
            opacity: 1;
            top: 0;
            left: unset;
            right: -100%;
            height: 100%;
            width: 100%;
            white-space: normal;
            transition: 0.5s;
            z-index: 99;
            background: #eacbb5;
        }

        

       header .nav_links_sec .sub_menu_nav{
            right: 0;
        }
        
        div#side_nav ul{
            display: block;
            padding: 20px;
        }
        
        /* .main_page_wrap .main_heading{
            padding: 55px 0px;
        } */
      
.main_heading h2 span{
    font-size: 28px;
 }


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

        section.main_banner_sec .banner_img_wrap .banner_txt{
            bottom: 40px;
            left: 48px;
            padding-left: 0;
            width: 100%;
            text-align: left;
        }
    
        .banner_txt h2{
            font-size: 33px;
            line-height: 48px;
            text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.20);
        }

        .founder_sec .container{
            padding: 40px 15px 40px;
        }

        .founder_sec .heading h3, .responsi_grid .row .col-2 h3{
            font-size: 20px;
            line-height: normal;
        }

        .founder_sec .heading h3:before, .news_heading h3:before{
            height: 84px;
            max-width: 84px;
        }

        .result_heading .logocircle img{
            max-width: 84px;
        }

        .brand_heading h3, .news_heading h3, .result_heading h2{
            font-size: 30px;
        }
    
        .row_grid .row{
            display: block;
        }
        .row_grid .row .col-2 {
            padding: 40px 15px;
        }
    
        .col-paragraph{
            padding: 40px 0 20px;
        }

        .brand_heading{
            padding: 0 15px;
        }
    
        .slider_sec{
            padding: 40px 0;
        }
    
        .slider_grid_wrap .row .slick-list.draggable{
            padding: 0;
        }
    
        .slider_sec .slider_grid_wrap{
            padding: 40px 0px 0;
        }
    
        .slider_grid_wrap .row .col{
            padding: 0;
        }
    
        .slider_grid_wrap .row .col.item-1 .slider_img_content{
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    
        .slider_grid_wrap .row .col.item-1 .slider_img_content img{
           max-width: 100px;
        }
    
      
    
        /* .slider_grid_wrap .slick-next{
            height: 25px;
            width: 25px;
            right: -12.5px;
        } */

        .slider_grid_wrap .row{
            margin-bottom: 0;
        }

        .slick-dots li{
            height: 10px;
            width: 10px;
            margin: 0 5px 0 0;
        }

        .slick-dots li:last-child{
            margin: 0;
        }


        .slick-dots li button{
            height: 10px;
            width: 10px;
            padding: 0;
        }

        .slick-dots li.slick-active button:before{
            color: #9A8C82;
            opacity: unset;
        }

        .slick-dots li button:before{
            height: 10px;
            width: 10px;
            font-size: 10px;
            color: #DBD0C8;
            line-height: 10px;
            opacity: unset;
        }

        .news_heading{
            max-width: 100%;
        }
    
        .news_sec .container{
            padding: 40px 15px;
        }

        .news_posts_wrap{
            padding-top: 30px;
        }
    

       
    
        .news_posts_wrap .row{
           display: unset;
           padding-top: 0;
        }
    
        .news_posts_wrap .slick-dots{
          position: unset;
          padding: 28px;
        }
    
        .news_content{
            padding-top: 20px;
        }
    
        .news_content h4{
            padding: 10px 0;
            font-size: 18px;
        }
    
        .view_all_btn{
            padding-top: 0px;
        }
    
        /* .news_posts_wrap .row .col{
            min-width: 65%;
        } */

        
    
        .result_img{
            padding: 40px 15px;
        }
    
     
    
        .result_icons ul{
            justify-content: center;
            padding-top: 70px;
            column-gap: 15px;
        }

        .result_icons ul li h4{
            font-size: 22px;
        }

        .result_icons ul li p{
            font-size: 15px;
            line-height: normal;
        }

        .result_icons ul li h6{
            font-size: 14px;
            line-height: 21px;
        }
    
        .result_icons ul li{
            flex: 0 0 calc(50% - 10px);
        }
    
        .result_icons ul li:nth-child(5){
            order: 7;
        }
    
        .result_icons ul li:nth-child(6){
            order: 6;
        }
    
        .responsibility_sec .container{
            padding: 40px 15px;
        }
    
        .responsi_grid .row{
            display: block;
        }
    
        .responsi_grid .row .col-2{
            padding: 40px 15px;
        }
    

        footer .footer_logo_img{
            display: block;
            padding-bottom: 14px;
        }
    
        .footer_nav_links{
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
            padding: 40px 0px 60px;
            position: relative;
            justify-content: space-between;
            word-wrap: break-word;
        }

        .footer_nav_item ul li a[href^="mailto"]{
            line-height: normal;
        }

        .footer_nav_item{
            width: 100%;
            max-width: calc(50% - 30px);
        }

        .our_brands{
            padding-top: 30px;
        }
    
        ul.get_in_touch{
            max-width: 100%;
        }
    
        ul.navigate:before{
          content: none;
        }

        footer .container{
            max-width: 100%;
            padding: 40px 15px 125px;
        }
    
        .footer_nav_links:before{
            content: "";
            clear: both;
            width: 138px;
            height: 135.488px;
            background: url(images/footer_flower.png);
            background-size: cover;
            background-repeat: no-repeat;
            display: inline-block;
            position: absolute;
           top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    
        .footer_nav_links .footer_nav_item:last-child{
            grid-template-columns: auto;
            max-width: 100%;
            gap: 30px;
        }
    
        .footer_nav_links .footer_nav_item:last-child .footer_nav_logo{
            display: none;
        }
    
        /* .footer_nav_links .footer_nav_item:last-child .footer_nav_logo svg{
           max-width: 80px;
        } */
    
        .footer_copyright_row{
         display: flex;
         flex-wrap: wrap;
         align-items: center;
         padding-top: 0;
        }

        .footer_copyright_row .col{
            width: 100%;
        }
    

        .footer_copyright_row .col-2{
           padding-bottom: 85px;
        }
    
        .footer_copyright_row .col-3{
            position: relative;
            z-index: 1;
        }

        .footer_copyright_row .col-3:after{
            content: "";
            clear: both;
            background: url(https://vd.di91.com/wp-content/themes/vedant/images/flowr_footer.svg);
            height: 138px;
            width: 138px;
            display: inline-block;
            position: absolute;
            top: 0%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: -1;
        }

        ul.navigate:before{
            content: none;
        }
    

        .footer_copyright_row .col ul li{
            display: inline-block;
            position: relative;
            padding-right: 10px;
        }
        .footer_copyright_row .col ul li:last-child{
            padding-right: 0px;
        }

        .footer_copyright_row .col ul li a{
            font-size: 13px;
           letter-spacing: 0.52px;
            line-height: normal;
        }

        .footer_copyright_row .col ul li:after{
            content: "";
            top: 50%;
            position: absolute;
            transform: translateY(-50%);
            right: 4px;
            margin: 0;
            width: 1px;
        }
    
        .footer_copyright_row .col:first-child{
        order: 1;
        text-align: center;
        }
    
        .footer_copyright_row .col:last-child{
        order: 3;
        }
    
        .footer_copyright_row .col ul{
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
    
        
    }

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


.footer_copyright_row .col ul{
justify-content: center;
}

.slider_grid_wrap .slick-prev{
left: 15px;
width:25px;
height:25px;
}

.slider_grid_wrap .slick-next{
width:25px;
height:25px;
right: 15px;
}
.slider_sec {
padding: 40px 0px 0px 0px;
}
.news_posts_wrap .col {
margin-bottom: 40px;
}
section.main_banner_sec .banner_img_wrap .banner_txt{
left: 50%;
}

    }