*, html, body{

    margin: 0;

    padding: 0;
    

    scroll-behavior: smooth;

    box-sizing: border-box;

    /*font-family: 'Noto Sans', sans-serif;*/

	 font-family: "Roboto Slab", serif;
    
}



*, ::before, ::after{

    box-sizing: border-box;

}



.roboto-slab-<uniquifier> {

  font-family: "Roboto Slab", serif;

  font-optical-sizing: auto;

  font-weight: <weight>;

  font-style: normal;

}





h1, h2, h3, h4, h5, h6, p, ul, li{

    margin: 0;

    padding: 0;

}

ul{

    list-style: none;

    margin: 0;

    padding: 0;

}

ul li{

    margin: 0;

    padding: 0;

}

a{

    text-decoration: none !important;

    color: #6c6c6c;

}

a:hover{

    color: #6c6c6c;

}



@font-face {

    font-family: 'ProximaNovaAltRegular';

    src: url('../font/FontsFree-Net-ProximaNovaAltRegular.ttf') format('truetype');

}

@font-face {

    font-family: 'ProximaNova-Bold';

    src: url('../font/ProximaNova-Bold.otf') format('otf');

}

@font-face {

    font-family: 'ProximaNova-Extrabold';

    src: url('../font/ProximaNova-Extrabold.otf') format('otf');

}

@font-face {

    font-family: 'ProximaNova-Light';

    src: url('../font/ProximaNova-Light.otf') format('otf');

}

@font-face {

    font-family: 'ProximaNova-Regular';

    src: url('../font/ProximaNova-Regular.otf') format('otf');

}

@font-face {

    font-family: 'Ruthie-Regular';

    src: url('../font/Ruthie-Regular.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}


.custom-container{

    max-width: 1260px;

     margin-left: auto;

	

}

/* ==== main header ==== */



.header-menu{

    background-color: #f4efe9;

    min-height: 80px;

    display: flex;

    align-items: center;

    transition: .5s all;

}



.header-top {

   
    background-color: #b24237;

    min-height: 30px;

    align-items: center;

   color:#d8756c;

   padding:5px 5px; text-align:right;

}

.header-top p{color:#fff; text-align:center; font-size:16px;}

.header-top a{ color:#fff; padding:0px 10px; font-size: 14px;}

.sticky-header{

    position: fixed;

    top: 0;

    z-index: 9;

    background-color: #f4efe9;

    box-shadow: 0 4px 2px -2px rgba(0,0,0,.2);

    width: 100%;

    padding: 5px 0;

    transition: .5s all;

}

.navbar-brand img{

    width: auto;

}

.mobile_primary {

    position: relative;

    transition: all .6s;

    padding: 0;

    z-index: 9999;

}

.mobile_primary ul{

    margin: 0;

    padding: 0;

}

.mobile_primary ul li{

    cursor: pointer;

    display: inline-block;

}

.mobile_primary ul li a{

    color: #6D3416;

    padding: 10px 14px;

    font-size: 14px;

    font-weight: 600;

    position: relative;

    z-index: 99;

    display: block;

    text-decoration: none;

    text-align: center;

    text-transform: uppercase;

    transition: all .6s;  

}

.mobile_primary ul li a:hover{ color:#d0982b}

.mobile_primary ul li a:focus  { color:#000 !important}



/* .mobile_primary .sub-menu{ 

    background: #fff none repeat scroll 0 0;

    text-align: left;

    list-style: outside none none;

    margin: 0;

    padding: 10px;

    position: absolute;

    top: 100%;

    left: 0;

    width: 100%;

    visibility: hidden;

    opacity: 0;

    border-radius: 0;

    border-bottom: 0;

    transition: .3s;

    transform-origin: 0 0 0;

    -webkit-transform-origin: 0 0 0;

    -webkit-box-shadow: 0 8px 20px 0 rgb(0 0 0/6%);

    box-shadow: 0 8px 20px 0 rgb(0 0 0/6%) !important;

}

.mobile_primary li:hover > .sub-menu{

    opacity: 1;

    visibility: visible;

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    z-index: 9;

}

.sub-menu-details h3{

    font-size: 16px;

    line-height: 22px;

    font-weight: 500;

    color: #082640;

    border-bottom: 1px solid #082640;

    padding: 0px 0 8px;

    margin-bottom: 8px;

    text-transform: capitalize;

}

.sub-menu-details ul{

    margin: 0;

    padding: 0;

}

.mobile_primary .sub-menu li{

    display: block;

    position: relative;

    margin: 0;

    padding: 0;

}

.mobile_primary li .sub-menu ul li a{

    background-color: #fff;

    color: #000;

    border-bottom: 1px solid #ccc;

    display: flex;

    align-items: baseline;

    position: relative;

    font-size: 14px;

    text-transform: inherit;

    font-weight: 400;

    line-height: 20px;

    text-align: left;

    padding: 0 0 8px 0;

    margin: 1px 0;

} 

.sub-menu-button {

    position: absolute;

    top: 0;

    right: 0;

    display: none;

}*/

.menu-button{

    display: none;

}



/* ==== Banner Start ==== */



.carousel-container {

    display: flex;

    align-items: left;

    justify-content: left;

    position: absolute;

    bottom: 0;

    top: 40px;

    left: 0px;

    right: 100px; text-align:left;

}

.carousel-container img {

   

}


.carousel-container h2 {

    color: #fff;

    font-size:66px; margin:0px; padding:0px;

   

    font-weight:500; margin-bottom:20px; 

  

}

.carousel-container h2 span{ color:#eaab37}



.carousel-container h3 {

    color: #fff;

    font-size:28px;

    

    font-weight:500;

    margin-bottom: 20px; margin-top:0px;

}


.carousel-container p{

    color: #fff;

    font-size: 19px;

    

    font-weight: 400;

   

	

}

.carousel-container a{font-size:22px;}

html a:hover{

    text-decoration: none;

}

.banner-btn a {

	font-size:16px;

    background: #2f9740;

    border-radius: 30px;

    padding: 10px 30px;

    color: #fff;

    display: inline-block;

    border: 1px solid #fff;

    box-shadow: 10px 10px 0px 0px rgb(0 0 0 / 2%);

    font-weight: 500;

}

.banner-btn i {padding-left:5px;}



.owl-theme .owl-nav [class*=owl-]:hover{

    background-color: #fff;

    color: #000;

}

.p-left{padding-left:25px;}

.menu-navigation .active{color: #b24237}





/* ==== Banner end ==== */

.section-title{

   

    margin-bottom:90px;

}



html .btn-black {

    color: #000;

    text-decoration: none;

}

html .btn-black i{

    font-weight: 400;

}

html .btn-black span, 

html .banner-btn span, 

html .btn-white span{

    height: 25px;

    width: 25px;

    border-radius: 50%;

    transition: all 0.1s linear;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    margin-right: 12px;

}

html .btn-black span {

    background-color: transparent;

    border: 2px solid #000;

}

html .btn-white span{

    background-color: transparent;

    border: 2px solid #fff;

}

html .btn-white{

    color: #fff;

    text-decoration: none;

}



section.section {

    padding: 50px 0;

    position: relative;

}



.brand-wrapper {

    background: linear-gradient(0deg, #F26848 -14.1%, #FFC711 107%);

    background: -webkit-linear-gradient(0deg, #F26848 -14.1%, #FFC711 107%);

    padding: 4px;

    height: 100%;

}



.brand-content {

    background-color: #fff;

    padding: 65px 25px 30px 25px;

    height: 100%;

}

.brand-content h2 {

    font-size:30px;

    color: #141616;

    font-weight: 500;

    margin-bottom: 20px;

    position: relative;

    padding-left: 15px;

    line-height: 36px;

}

.about-content h2::before, 

.brand-content h2::before {

    content: "";

    position: absolute;

    width: 3px;

    height: 100%;

    background: #BA2025;

    left: 0;

    top: 0;

}

.about-content h4, 

.brand-content h4, 

.achievement-accolades h4, 

.about-us-inner h4, 

.board-director-content h4 {

    color: #BA2025;

    font-size:22px;

    font-weight: 900;

    letter-spacing: -1px;

    text-transform: uppercase;

    font-family: 'Noto Sans';

    margin-bottom:35px;

	 

    line-height: 25px;

}

#brandSlider .owl-nav{

    margin: 0;

}

#brandSlider .owl-nav .owl-prev img, 

#brandSlider .owl-nav .owl-next img, 

#goalSlider .owl-nav .owl-prev img, 

#goalSlider .owl-nav .owl-next img, 

#directorSlider .owl-nav .owl-prev img, 

#directorSlider .owl-nav .owl-next img, 

#missionSlider .owl-nav .owl-prev img, 

#missionSlider .owl-nav .owl-next img, 

#directorsSlider .owl-nav .owl-prev img, 

#directorsSlider .owl-nav .owl-next img, 

#investorSlider .owl-nav .owl-prev img, 

#investorSlider .owl-nav .owl-next img,

#journeySlider .owl-nav .owl-next, img,

#journeySlider .owl-nav .owl-prev, img,

#guidelineSlider .owl-nav .owl-prev img, 

#guidelineSlider .owl-nav .owl-next img{

    width: 10px;

}

#brandSlider .owl-nav .owl-prev, 

#brandSlider .owl-nav .owl-next, 

#goalSlider .owl-nav .owl-prev, 

#goalSlider .owl-nav .owl-next, 

#directorSlider .owl-nav .owl-prev, 

#directorSlider .owl-nav .owl-next, 

#missionSlider .owl-nav .owl-prev, 

#missionSlider .owl-nav .owl-next, 

#directorsSlider .owl-nav .owl-prev, 

#directorsSlider .owl-nav .owl-next, 

#investorSlider .owl-nav .owl-prev, 

#investorSlider .owl-nav .owl-next,

#journeySlider .owl-nav .owl-next, 

#journeySlider .owl-nav .owl-prev,  

#guidelineSlider .owl-nav .owl-prev, 

#guidelineSlider .owl-nav .owl-next{

    display: flex;

    align-items: center;

    justify-content: center;

    width: 40px;

    height: 40px;

	 background: #f3e4b1;

    border: 1px solid #f3e4b1;

    border-radius: 50%;

}

#brandSlider .owl-nav .owl-prev, 

#brandSlider .owl-nav .owl-next, 

#goalSlider .owl-nav .owl-prev, 

#goalSlider .owl-nav .owl-next, 

#directorSlider .owl-nav .owl-prev, 

#directorSlider .owl-nav .owl-next, 

#missionSlider .owl-nav .owl-prev, 

#missionSlider .owl-nav .owl-next, 

#directorsSlider .owl-nav .owl-prev, 

#directorsSlider .owl-nav .owl-next, 

#investorSlider .owl-nav .owl-prev, 

#investorSlider .owl-nav .owl-next,

#journeySlider .owl-nav .owl-next, 

#journeySlider .owl-nav .owl-prev,  

#guidelineSlider .owl-nav .owl-prev, 

#guidelineSlider .owl-nav .owl-next{

    position: absolute;

}

#brandSlider .owl-nav .owl-prev{

    top:40%;

    left:0;

}

#brandSlider .owl-nav .owl-next{

    top:40%;

    right:0;

}

#goalSlider .owl-nav .owl-prev{

    top: 40%;

    left:0;

}

#goalSlider .owl-nav .owl-next{

   top: 40%;

     right:0;

}

#journeySlider .owl-nav .owl-prev{

    top: 135%;

    left: 0%;

}

#journeySlider .owl-nav .owl-next{

    top: 135%;

    right:0;

}

#directorSlider .owl-nav .owl-prev{

    top: 7%;

    left:0;

}

#directorSlider .owl-nav .owl-next{

     top: 7%;

     right:0;

}

#missionSlider .owl-nav .owl-prev{

    top: 80%;

    left: -32%;

}

#missionSlider .owl-nav .owl-next{

    top: 80%;

    right: 118%;

}

#directorsSlider .owl-nav .owl-prev{

    top: 50%;

    left: -5%;

}

#directorsSlider .owl-nav .owl-next{

    top: 50%;

    right: -5%;

}

#investorSlider .owl-nav .owl-prev{

    top: 50%;

    left: -5%;

}

#investorSlider .owl-nav .owl-next{

    top: 50%;

    right: -5%;

}

 

#guidelineSlider .owl-nav .owl-prev{

    top: 84%;

    left: -34%;

}

#guidelineSlider .owl-nav .owl-next{

    top: 84%;

    right: 120%;

}

/* ==== about us ==== */



.about-us {

    background: #f5f1ef;

}

.about-wrapper {

    background: linear-gradient(356deg, #438DCB 17.24%, #FFC711 103.87%);

    background: -webkit-linear-gradient(356deg, #438DCB 17.24%, #FFC711 103.87%);

    padding: 4px;

}

.about-content {

    background-color: #f5f1ef;

    padding: 50px;

}

.about-content h2 {

    color: #141616;

    font-size: 60px;

    font-weight: 800;

    font-family: 'Noto Sans';

    margin-bottom:40px;

    line-height: 55px;

    position: relative;

    padding-left: 15px;

	 letter-spacing: -2px;

}

.about-content p {

    margin-bottom:40px;

    color: #141616;

    font-size:26px;

    line-height:36px;

}

.about-content a{ font-size:22px;}

.vission-content{

    

    padding: 50px 100px 50px 100px;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.vission-content h2{

    color: #fff;

    font-size:60px;

    font-weight: 800;

    margin-bottom: 20px;

}

.vission-content p{

    font-size:40px;

    font-weight: 300;

    line-height:50px;

    color: #fff;

    margin-bottom: 20px;

}

.custom-border{

    border-left: 2px solid #fff;

}

.achievement-accolades{

    padding: 0 35px;

}

.achievement-accolades p{

    position: relative;

    padding-left: 15px;

    border-left: 2px solid #BA2025;

    font-size: 26px;

    line-height: 30px;

    color: #141616;

    font-weight: 500;

}

.accolades-cert{

    padding: 50px 60px;

    border: 2px solid #BA2025;

}

/* .accolades-cert img{

    width: 135px;

} */

.achievement-accolades img{

    width: 80px; padding-bottom:20px;

}

.world-section h2{

    color: #EC6E7F;

    font-size:60px;

    font-weight: 800;

    margin-bottom: 25px;

    line-height: 50px;

}

.globe-world{

    width: 80px;

}

.globe-content h3{

    font-size:37px;

    color: #EC6E7F;

    margin-top: 15px;

}

.globe-content span{

    font-size:50px;

    color: #EC6E7F;

    font-weight: 800;

}

.globe-content {

        padding: 172px 5px 0px 90px;

}

.journey-section h2, 

.core-values h2{

    color: #BA2025;

    font-size:60px;

    font-weight: 800;

    margin-bottom: 10px;

    line-height: 50px;

}

.journey-section p{

    font-size:30px;

    color: #141616;

    font-weight: 400;

}

/* background: linear-gradient(270deg, #EC6E7F 6.14%, #438DCB 22.96%, #BA2025 38.68%, #FBDB37 56.5%, #7CC243 71.53%, #F26848 88.09%, #FEC20E 99.34%); */



.history-box{

    border: 5px solid #FEC20E;

}

.founder-content h4{

    font-weight: 500;

    font-size: 30px;

    color: #141616;

}

.founder-content h2{

    color: #FEC20E;

    font-size: 40px;

    font-weight: 800;

    line-height: 40px;

}

.focus-box{ font-family: 'Noto Sans', sans-serif !important; 

    border: 5px solid #F26848;

}

.focus-box img{

    width: 325px;

    position: relative;

    margin-bottom: -5px;

}

.focus-text{

    color: #F26848;

    font-weight: 800;

    font-size: 35px;

}



/* ==== footer ==== */



.footer-section{  font-family: 'Noto Sans', sans-serif !important; 

    

}

.footer-logo img{

    width:100px;

}

.footer-logo p{ font-family: 'Noto Sans', sans-serif !important; 

    font-size: 14px;

    margin-top: 15px;    

}

.footer-section h5{ font-family: 'Noto Sans', sans-serif !important; 

    font-weight: 600;

    font-size:22px;

    text-transform: capitalize;   

}

.footer-menu ul{  font-family: 'Noto Sans', sans-serif !important; 

    list-style: none;

    padding-left: 0;

    padding-right: 0;

    margin-bottom: 16px;

}

.footer-menu ul li{font-family: 'Noto Sans', sans-serif !important; }

.footer-menu ul li p{font-family: 'Noto Sans', sans-serif !important; }

.footer-menu ul.list-widget li {

    padding-left: 15px; font-family: 'Noto Sans', sans-serif !important; 

    margin-bottom: 5px;

}

.footer-menu .list-widget-lg li{

    margin-bottom: 8px;

}

.list-widget li { font-family: 'Noto Sans', sans-serif !important; 

    position: relative;

    line-height: 24px;

}

ul.list-widget li::before{ font-family: 'Noto Sans', sans-serif !important; 

    content: '';

    position: absolute;

    height: 6px;

    width: 6px;

    background-color: #fff;

    border-radius: 50%;

    top: 9px;

    left: 2px;

}

.footer-menu li a{ font-family: 'Noto Sans', sans-serif !important; 

    font-size: 15px;

    

}

.social-icons {

    margin-top: 20px;

    margin-bottom: 20px;

}

.social-icons li {

    display: inline-block;

    margin: -1px 5px 0 0;

    padding: 2px;

    border-radius: 100%;

    overflow: visible;

    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 20%);

}

.social-icons li a {

    transition: all 0.3s ease;

    background-color: #fff;

    border-radius: 100%;

    color: #333;

    display: block;

    height: 28px;

    line-height: 30px;

    width: 28px;

    text-align: center;

    text-decoration: none;

    font-size: 12.8px;

    font-size: 0.8rem;

    display: flex;

    align-items: center;

    justify-content: center;

}

/* ==== footer end ==== */



.about-section, .board-directors{

    background-color: #F2F7FB;

}

.about-us-wrapper{

    background: linear-gradient(200deg, #3DA448 0%, rgba(61, 164, 72, 0) 39.62%), linear-gradient(380deg, #438DCB 7.99%, rgba(67, 141, 203, 0) 77.1%);

    padding: 2px 2px 4px 4px;

    height: 100%;

}

.about-us-inner{

    background-color: #F2F7FB;

    padding: 60px 40px 50px;

    height: 100%;

}

.about-left-border{

    padding-left: 35px;

    position: relative;

}

.about-left-border::before{

    content: "";

    position: absolute;

    top: 10px;

    width: 2px;

    height: 96%;

    background-color: #BA2025;

    left: -1px;

}

.about-section h2{

    color: #141616;

    font-size: 50px;

    font-weight: 800;

    margin-bottom: 20px;

    line-height: 55px;

}

.board-director-content h2{

    color: #141616;

    font-size: 50px;

    font-weight: 900;

    margin-bottom: 15px;

}

.member-profile h2{

    font-size: 22px;

    font-weight: 500;

    margin-top: 15px;

    color: #141616;

    margin-bottom: 6px;

}

.member-profile p{

    font-size: 16px;

    color: #141616;

    font-weight: 400;

}

.vission-section{

    background-image: url('../img/vission-bg.jpg');

    background-size: cover;

    background-position: center;

    height: 580px;

}

.vission-inner{

    padding-left: 25px;

    position: relative;

}

.vission-inner::before{

    content: "";

    position: absolute;

    width: 4px;

    height: 95%;

    background-color: #BA2025;

    top: 10px;

    left: -5px;

}

.vission-inner h2{

    color: #fff;

    font-size: 50px;

    font-weight: 800;

    margin-bottom: 15px;

}

.vission-inner p{

    font-size: 27px;

    color: #fff;

    line-height: 30px;

}

.mission-section, 

.policy-guideline-section{

    background-color: #FFF9E7;

}

.mission-section h2{

    font-size: 50px;

    color: #7CC243;

    font-weight: 800;

    margin-bottom: 10px;

}

.mission-item{

    border-left: 3px solid #BA2025;

    padding-left: 20px;

}

.mission-item p{

    color: #438DCB;

    font-size: 25px;

}

.btn-arrow, #goalSlider .owl-carousel .owl-item img {

    width: 8px !important;

    height: auto;

}

.core-wrapper{

    background: linear-gradient(75deg, #F26848 0%, rgba(242, 104, 72, 0) 39.62%), linear-gradient(254deg, #438DCB 7.99%, rgba(67, 141, 203, 0) 77.1%);

    padding: 2px;

    transition: .5s all;

}

.core-item{

    background-color: #fff;

    padding: 55px 25px;

    min-height: 200px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



.core-item h3{

    font-size: 26px;

    font-weight: 600;

    line-height: normal;

}

.core-wrapper:hover{

    background: none;

}

.core-wrapper:hover .core-item{

    background-color: #F26848;

    color: #fff;

    transition: .5s all;

}

.commitment-wrapper{

    background: linear-gradient(198deg, #F26848 0%, rgba(242, 104, 72, 0) 39.62%), linear-gradient(40deg, #438DCB 7.99%, rgba(67, 141, 203, 0) 77.1%);

    padding: 2px 2px 4px 4px;

}

.commitment-inner{

    padding: 65px 40px;

    background-color: #fff;

}

.commitment-inner h3{

    font-size: 42px;

    font-weight: 900;

    margin-bottom: 8px;

    color: #141616;

}

.commitment-inner p{

    font-size: 17px;

}

.gov-wrapper{

    background: linear-gradient(7deg, #FEC20E 0%, rgba(254, 194, 14, 0) 39.62%), linear-gradient(189deg, #3DA448 7.99%, rgba(61, 164, 72, 0) 77.1%);

    padding: 4px 4px 2px 2px;

}

.wrapper-inner{

    padding: 50px;

    background-color: #fff;

}

.wrapper-inner h3{

    font-size: 45px;

    font-weight: 900;

}

.corporate-gov{

    position: relative;

    margin-top: -12%;

}

.banner-container{

    position: absolute;

    top: 32%;

    left: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.banner-container h3{

    color: #fff;

    font-size: 45px;

    font-weight: 800;

    text-align: left;

}

.key-financial h2{

    font-size: 40px;

    font-weight: 800;

    text-align: left;

    color: #141616;

}

.board-directors h2{

    font-size: 45px;

    font-weight: 900;

    color: #BA2025;

}

.board-member h4{

    font-size: 27px;

    font-weight: 500;

    margin-top: 15px;

    margin-bottom: 6px;

    color: #141616;

}

.board-member p{

    font-size: 18px;

}

.investor-section h2{

    font-size: 45px;

    font-weight: 900;

    color: #3DA448;

}

.investor-notice-wrapper{

    background: linear-gradient(50deg, #3DA448 7.99%, rgba(67, 141, 203, 0) 77.1%), linear-gradient(232deg, #EC6E7F 0%, rgba(236, 110, 127, 0) 39.62%);

    padding: 2px 2px 4px 4px;

}

.investor-item{

    background-color: #fff;

    padding: 25px 30px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    min-height: 230px;

}

.investor-item h3{

    font-size: 30px;

    font-weight: 400;

    line-height: 40px;

}

.policy-guideline-section h2{

    font-size: 45px;

    font-weight: 900;

    color: #712266;

    margin-bottom: 15px;

}

.guideline-item{

    position: relative;

    padding-left: 20px;

    border-left: 4px solid #BA2025;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    min-height: 196px;

}

.guideline-item p{

    font-size: 24px;

    font-weight: 500;

    color: #438DCB;

}

#directorSlider.owl-theme .owl-dots .owl-dot.active span{

    background-color: #D9D9D9;

}

#directorSlider.owl-theme .owl-dots span{

    border-radius: 0;

    background: #fff;

    border: 2px solid #D9D9D9;

}

#directorSlider.owl-theme .owl-dots{

    margin-top: 50px;

	display:none;

}

.border-green{

    border: 2px solid #7CC243;

}

.btn-green, .btn-yellow{

    padding: 8px 10px;

    font-size: 15px;

    text-transform: uppercase;

    font-weight: 500;

    color: #141616;

    background-color: #fff;

    -webkit-appearance: none;

    appearance: none;

    width: 14%;

    margin: 0 12px;

}

.border-yellow{

    border: 2px solid #FEC20E;

}

.carousel-item img{ width:100%;}



.vision-bg1{     background: -webkit-linear-gradient(50deg, #F26848 -14.1%, #FFC711 107%);}

.vision-bg1 a{ font-size:22px;}



.vision-bg{ background:url(../img/slide-bg.jpg) no-repeat top left; background-size:cover}

.vision-bg a{ font-size:22px;}

.about-us  img{ width:100%}

.journey-bg-line-bot{background: -webkit-linear-gradient(50deg, #F26848 -14.1%, #FFC711 107%); height:40px; width:100%; margin-top:40px;}

.world-section .right img, .accolades-cert img{ width:100%}





/* new-10.08.23 */



.nusyllium-fiber-section{padding:4rem 0rem 0rem 0rem; width:100%; display:block; background:#fffdf8}

.nusyllium-fiber-section h2{color:#000; text-align:center;font-size:42px; margin-bottom:20px;padding-top:10px;}

.nusyllium-fiber-section h2 span{color:#ac3f38; font-size: 58px;

} 

.nusyllium-fiber-section p{color:#ac3f38; text-align:center;font-size:22px; }

.banner-btn-01 a {

	font-size:16px;

    background: #fff;

    border-radius: 30px;

    padding: 10px 30px;

    color: #111111;

    display: inline-block;

    border: 1px solid #111111;

    font-weight: 500;

}







 



.our-product-section{padding:4rem 0rem; width:100%; display:block; background:#fffdf8 }

.our-product-section h2{color:#000; text-align:center;font-size:36px; padding-bottom:40px;}

.our-product-section p{color:#000; text-align:center;font-size:16px; margin-bottom:5px; font-weight: 500;}



.product-area{ width:100%;  padding:0px; margin:0px;  min-height:330px; border:1px solid #ddd; border-radius:5px; }

.product-area .left{    width:100%; display:block;   }

.product-area .left img{ width:40% !important; padding-left:30px }

.product-area .right{   background:#fff; width:100%;

  }

.product-area .right .text{padding:0px 20px 20px 30px; }

.product-area .right .text h3{color:#ac3f38;font-size:22px; text-align:left; margin-bottom:10px; padding-top:25px}

.product-area .right .text p{color:#7d582e;font-size:16px;text-align:left;}

.product-area .right .text p span{color:#35ac44;}

.btn-area{width:100%;}

.banner-btn-02  {

	font-size:14px;

    background: #fff;

    border-radius: 30px;

    padding: 8px 15px;

    color: #2f9740;

    display: inline-block;

    border: 1px solid #2f9740;

    font-weight: 500;

}



.banner-btn-03  {

	font-size:14px;

    background: #fff;

    border-radius: 30px;

    padding: 8px 15px;

    color: #111111;

    display: inline-block;

    border: 1px solid #111111;

    font-weight: 500; 

	margin-right:10px;

}





.blend-section{ width:100%; display:block; padding-bottom:4rem; margin-top:-12rem;}



.blend-area{position:relative; width:100%; display:inline-block; height:400px; }

.blend-area .left{ position:absolute; background:#35ac44; z-index:12 ;width:50%;

padding:20px;left:0; top:55px;}

.blend-area .left .text{padding:20px;}

.blend-area .left .text h3{color:#fff;    font-size: 36px; padding-bottom: 30px;}

.blend-area .left .text p{color:#fff; font-size: 16px;}



.blend-area .right{ position:absolute; z-index:10;width:55%;right:0; }

.blend-area .right img{  border:15px solid #efefef; }

.img-fluid{width:100% !important ;}

.btn-area-01{width:100%; margin-bottom: -40px;}





.testimonials-section{width:100%;display:block; padding:4rem 0rem; background: url(../images/testimonials-bg.jpg) no-repeat top center;

    background-size: cover; }

.testimonials-section  h2{color:#000; text-align:center;font-size:36px; padding-bottom:40px;}

.testimonials-section .box-area{background:#fff;width: 100%; display: inline-block; border-left:10px solid #35ac44;

 border-radius:5px; padding:30px 20px 20px 20px; box-shadow:0px 0px 7px #ddd; }

.testimonials-section .box-area p{color:#434343;font-size:15px;text-align:left;}

.icon-area{width:20%; float:left;padding-top:10px; }

.icon-area img{width:100%;}

.text-area{width:80%; float:left; padding:28px 0px 0px 15px;}

.text-area h2{font-size:21px; color:#434343;margin:0px; text-align:left;padding-bottom:5px;}

.text-area p{color:#434343;font-size:16px; margin:0px; padding:0px;padding-bottom:30px;text-align:left;}





.new-look-section{width:100%;display:block; padding:4rem 0rem;}

.new-look-area{width:100%; display: flex;padding-top: 60px; padding-bottom:20px;}

.new-look-area .left {width:30%; height: fit-content; padding:10px; background:#35ac44;}

.new-look-area .left p{color:#fff; text-transform:uppercase;text-align:center; font-weight:600;font-size:22px;}

.new-look-area .right{width:30%;}    

.new-look-area .right img{margin-top: -40px; padding-left: 30px;} 

.new-look-text p{font-size:16px; padding-bottom:20px;}





.request-section{  z-index:1111; position:relative; }

.request-area{  background:#35ac44; padding:3rem;   background-size: 100%; }

.request-section h2{font-size: 65px;  color:#fff;}

.request-section p{ font-size:22px; padding-top: 35px;  color:#fff; }



.form-control {display: block; width: 100%; padding:8px; font-size: 16px; font-weight: 400; line-height: 1.5; color: #666;

    background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius:1px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

    margin-bottom: 20px;}



.submit-btn  {

	font-size:16px;

    background: #eaab37; 

    padding:10px 30px;

    color: #000;

    display: inline-block;

    border: 1px solid #eaab37;

    font-weight: 500;
   

}

.submit-btn:hover{ color:#000}



.footer{ background:#dde6eb;}

.space150{width:100%; float:left; padding-top:150px;}



.footerbox{margin-top: 60px; padding:1rem 0rem 0rem 1rem;}

.footerbox img{ width:50%; text-align:center}

.titlefooter{font-size:22px;color: #000;font-weight:500;padding-bottom: 10px;}

.footerbox p{color: #000;font-size: 14px; margin: 0;}

.footerbox span{color: #c6b27f;}

.side-bg{ background:url(../images/footer-side-bg.png) no-repeat left; padding-left:40px;}

.socials-net li{ display: inline-block;}

.socials-net li a{

    width:45px;

    height:45px;

    line-height:48px;

    background: #000;

    text-align: center;

    border-radius: 4px;

    color: #153f74;

    margin: 10px;

    display: inline-block;;

}



.socials-net li a:hover{ background:#c6b27f;}

.footernav li a{

    color: #000;

    font-size:14px;

     display: inline-block;

    padding:7px 0;

}

.footernav li a:hover{color:#b24237;}

.footernav p{font-size: 14px;padding-bottom: 20px;}



.footernav i{margin-right:10px;}

.footernav .social-nav i { font-size:22px !important; color:#fff; border:1px solid #fff; padding:10px; 

 width:40px; height:40px; text-align:center; border-radius:100%; margin-right:10px;

}

.disclaimer{background:#303030;padding:20px;border-radius: 10px;}



.copy-right-section{padding:10px 0px;  background:#dde6eb; width:100%; display:inline-block;}

.copy p{color:#000; text-align:center; font-size:14px;}

.copy p span{color:#7ddc89;}



.contact-side{ width:160px; height:auto;   position:fixed; left:-33px; top:80px; 

  z-index:99999999; }

  

 .right-leaf{ width:100px; height:auto;   position:fixed; right:0; top:350px; 

  z-index:99999999; }



.contact-side a img{ padding-top:10px;width: 100%;}

.quick-contact{padding-bottom:10px;  display: inline-block;}

.quick-text{transform: rotate(90deg);}



.footer-left-side{ width:auto; position:fixed; left:15px; top:86%; z-index:99999999;}

.footer-left-side img{ width:100%;}



.footer-right-side{ width:auto;  background:#b24237; position:fixed; right:15px; top:90%; padding:8px 15px; 

color:#fff; box-shadow:0px 0px 7px #343432; z-index:99999999;border-radius: 100%;}

.footer-right-side a{color:#fff;}









/************inner pages start***********/

.inner-banner{background:url(../images/about-banner.jpg) no-repeat top center; padding:4rem 0rem;}

.inner-banner-facts{background:#bb272d url(../images/facts-bg.jpg) no-repeat top center; padding:4rem 0rem;}

.inner-content{ }

.inner-content h2{font-size:38px; color:#fff;text-align: left; padding-bottom:15px;}

.inner-content p{color:#fff;}

.inner-content a{color:#fff; font-weight:600;}

.inner-content a:hover{color:#f6a726;}

.inner-content span{color:#fff; padding:0px 10px;}



.our-story-section{padding:4rem 0rem; width:100%; display:block;}

.our-story-section h2{color:#000; text-align:left;font-size:36px; margin-bottom:20px;}

.our-story-section p{color:#111111; text-align:left;font-size:16px;margin-bottom:20px;}



.trusted-section{padding:4rem 0rem; width:100%; display:block; background:#f4f4f4;}

.trusted-section h2{color:#000; text-align:left;font-size:36px; margin-bottom:20px;}

.trusted-section p{color:#111111; text-align:left;font-size:16px;margin-bottom:20px;}



.talk-area{  background:#2f9d3d; padding:20px; margin-right: 20px;  background-size: 100%; }

.talk-area p{ font-size:20px; color:#fff; padding:0px;}

.talk-area p span{font-weight:bold;}

.pa-left{padding-left:40px;}

.pa-right{padding-right:40px;}

.contact-us-section{padding:4rem 0rem; width:100%; display:block;}

.contact-left{ background:#b24237; padding:60px 40px;border-radius:6px;}

.contact-left h2{ font-size:26px; color:#fff;padding-bottom:25px;}

.contact-left p{color:#fff; padding-bottom:20px;}

.icon-call{ font-size:18px; width:30px;  }

.min-h{ height:50px;}

.contact-right h2{font-size:26px; margin-bottom:20px; margin-top:40px; }

.contact-right input{ width:48%; margin-left:1%; margin-bottom:20px; padding:6px; border:none; border-bottom:1px solid #ddd }

.contact-right input:focus{ outline:none}

.contact-right textarea{ width:100%; margin-bottom:20px; padding:6px; border:none; border-bottom:1px solid #ddd }

.contact-right textarea:focus{ outline:none}

.send-btn{ background:#eca740; color:#fff; width:150px !important; padding:10px 20px; border-radius:30px;}

.m-0{margin:0px;}





/**************contact-section*************/

.contact-us-section{padding:4rem 0rem; width:100%; display:block;}



.info-area{background:#43b251; width:100%; display:inline-block; }



.address-area-01{width:100%; display:block;float:left;padding-bottom: 30px;}

.address-area-01 .icon-area{width:12%; float:left;}

.address-area-01 .icon-area img{ margin:8px;width:35px;}

.address-area-01 .text-area {width:50%;float:left;margin-top:5px;}

.address-area-01 .text-area h4 {color:#262626;font-size: 24px; margin:0px; padding:0px;}

.address-area-01 .text-area p{color:#2d4f98;font-size: 19px;margin:0px; padding:0px; }

 

.daily-dose-section{padding:4rem 0rem; width:100%; display:block;background:url(../images/daily-bg.jpg) no-repeat bottom left;}

.daily-dose-section h2{color:#000; text-align:left;font-size:36px; margin-bottom:20px;}

.daily-dose-section h2 span{color:#2f9740; }

.daily-dose-section p{color:#111111; text-align:left;font-size:16px;margin-bottom:20px;}

.pa-top{padding-top:4rem;}

 

.mobile{ display:none}



/**************whare-section*************/

.inner-banner-where{background:url(../images/where-to-bg.jpg) no-repeat top center; padding:4rem 0rem;}

.where-section{padding:4rem 0rem; width:100%; display:block;background:#fff;}

.store-locator{min-height: 85px; background:#f4f4f2; padding:20px; border:1px solid #e7e7e6; box-shadow:0px 0px 7px #ddd}

.store-locator .left{ width:20%; margin-right:20px; float:left}

.store-locator .left h2{ font-size: 30px;

    text-align: center;}

.store-locator .right{ width:75%;float: left;}

.store-locator .right .input-group .btn{ background:#299737;background: #299737;

    border-radius: 0px; border:none;padding: 9px 20px;}

	.maps{ margin:20px 0px;}

	.map{ margin:100px 0px 0px 0px; border:1px solid #999}



.where-to-by-section{padding:4rem 0rem; width:100%; display:block; background:#f7f3f0;}

.where-to-by-section h2{color:#000; text-align:center;font-size:36px; padding-bottom:40px;}

.where-to-by-section p{color:#000; text-align:center;font-size:16px; margin-bottom:5px; font-weight: 500;}



.where-to-by-area{position:relative; width:100%;  padding:0px; margin:0px; margin-bottom:40px; }

.where-to-by-area .left{ position:absolute; z-index:12; width:16%; top:20px; }

.where-to-by-area .left img{ width:100% !important;  }

.where-to-by-area .right{   background:#fff; border:1px solid #ddd; border-radius:5px; z-index:10 ;width:90%;box-shadow:0px 0px 7px #ddd;

margin-left:0;  height: 230px;}

.where-to-by-area .right .text{padding:20px 20px 20px 70px; }

.where-to-by-area .right .text h3{color:#000;font-size:36px; text-align:left; margin-bottom:10px;}

.where-to-by-area .right .text p{color:#000;font-size:22px;text-align:left;}

.where-to-by-area .right .text p span{color:#35ac44;}





.logo-section{padding:4rem 0rem; width:100%; display:block;}

.logo-section .box-area{border:1px solid #ddd; padding:10px; }





.accordion-button:not(.collapsed) {

    color: #fff;

    background-color:#43b251;

    box-shadow: none;

}

.inner-banner-faq{background:url(../images/faq-bg.jpg) no-repeat top center; padding:4rem 0rem;width:100%; 

background-size:cover;}

.inner-banner-contact{background:url(../images/contact-bg.jpg) no-repeat top center; padding:4rem 0rem;width:100%; 

background-size:cover;}



.form-area{  background: rgba(0,0,0,0.5);

 padding:10px; margin-top:40px}

.form-area input{ padding:10px; width:232px}

textarea:focus, input:focus{

    outline: none;

}







/*16/04/2025*/



.why-choose-us{background:url(../images/why-choose-bg.jpg) repeat-x top center; padding:4rem 0rem;width:100%; text-align:center;}

.choose-area h2{color:#fff; font-size:42px; padding-bottom:20px; }

.choose-area p{color:#fff; font-size:18px; padding-bottom:80px; }

.choose-box-area{padding:30px;background:#fff; border:2px solid #ddd; border-radius:6px; margin-bottom:80px;}

.choose-box-area h4{color:#000; font-size:22px; padding-bottom:10px; }

.choose-box-area p{color:#000; font-size:16px;  }

.choose-box-area img{width:30%;  padding-bottom:20px;}

.extra-gap{margin-right: 55px;}



.count-area{margin:0px; border-top:2px solid #ecac30; border-bottom:2px solid #ecac30; padding:30px;width:100%;float:left; display:block;}

.count-area .left{width:20%; float:left;}

.count-area .left img{width:100%;}

.count-area .right{width:80%;float:left;padding-left: 15px;}

.count-area .right h4{color:#b0413b; font-size:36px; padding-bottom:5px; text-align:left; line-height:25px;}

.count-area .right p{color:#000; font-size:16px; text-align:left; letter-spacing:2px;}

.b-right{border-right:1px solid #ecac30; margin:0px; padding:0px;}

.m-p-0{ margin:0px; padding:0px;}



.our-package{padding:2rem 0rem;width:100%; }

.our-package h2{color:#000; font-size:42px; padding-bottom:20px; text-align:center;}

.our-package p{color:#000; font-size:18px; padding:0px 100px 80px 100px;text-align:center;}

.package-box-area{padding:30px; margin:40px 0px 30px 40px; background:#f4efeb; border:2px solid #ddd;border-radius:6px 0px 0px 6px ;}

.package-box-area h4{color:#000; font-size:26px; padding-bottom:5px;}

.package-box-area p{color:#000; font-size:14px;padding:0px; padding-bottom:35px;text-align:left; }

.package-box-area ul{margin:0px; padding:0px;}

.package-box-area ul li{color:#000; font-size:14px; border-left:2px solid #b24237; padding-left:20px; margin-bottom:35px; }

.package-btn a{font-size: 14px;background: #b24237;border-radius: 6px; padding: 8px 25px; color: #fff; display: inline-block;  

border: 1px solid #b24237;font-weight: 500;}

.package-box-gold{padding:30px; margin:40px 40px 30px 0px; background:#ecac30; border:2px solid #ddd;border-radius:0px 6px 6px 0px;}

.package-box-gold h4{color:#000; font-size:26px; padding-bottom:5px;}

.package-box-gold p{color:#000; font-size:14px;padding:0px; padding-bottom:35px; text-align:left;}

.package-box-gold ul{margin:0px; padding:0px;}

.package-box-gold ul li{color:#000; font-size:14px; border-left:2px solid #b24237; padding-left:20px; margin-bottom:35px; }

.package-btn-gold a{font-size: 14px;background: #f4efeb;border-radius: 6px; padding: 8px 25px; color: #b24237; display: inline-block;  

border: 1px solid #f4efeb;font-weight: 500;}

.package-box-silver{padding:30px; margin:0px; background:#b24237;border-radius:6px;}

.package-box-silver h4{color:#fff; font-size:26px; padding-bottom:5px;}

.package-box-silver p{color:#fff; font-size:14px;padding:0px; padding-bottom:35px; text-align:left;}

.package-box-silver ul{margin:0px; padding:0px;}

.package-box-silver ul li{color:#fff; font-size:14px; border-left:2px solid #fff; padding-left:20px; margin-bottom:35px; }

.package-btn-silver a{font-size: 14px;background:#ecac30;border-radius: 6px; padding: 8px 25px; color: #b24237; display: inline-block;  

border: 1px solid #ecac30;font-weight: 500;}



.director-section{padding:4rem 0rem;width:100%;background:url(../images/director-bg.png) no-repeat top center;}

.director-section img{width:100%;}

.director-section h2{color:#000; font-size:36px; padding-bottom:10px;  }

.director-section p{color:#000; font-size:16px; padding-bottom:20px;}

.director-section a{color:#000; font-size:16px; font-weight:600;}

.vidya-gupta{ background:#f1e5bd; padding:10px; color:#bf3b37;  text-align:center; font-weight:600; font-size:22px}



.footer-top{ width:100%; background:#fff; background:#fff url(../images/grass.png) no-repeat top center; height:27px;}

.support-area { width:600px; background:#ecac30; padding:20px; text-align:center; color:#000; margin:auto; margin-top:-35px; color:#000;border-radius: 6px;

border: 1px solid #ddd;}

.support-area  a{ color:#000}



.modal-header{ border: none;

    margin: 0px;

    padding: 0px;}

.modal-title{ display:block; width:100%}

.modal-header h2{ display:block; width:100%}

.btn-close{    background: #d20000; color:#fff;opacity:1;line-height: 12px;

    font-size: 22px; border-radius:100% }

	.btn-close:hover{opacity:1; background:#c10202}

.b-bottom{ width:50px; border-bottom:4px solid #ecac30;margin-bottom:20px;}

.f-b-right{    border-right: 1px solid #c1bfbf;  height: 265px;  margin: 85px 5px 10px 0px;}

.f-b-right-no{ margin: 85px 0px 10px 0px;}

.copy-border { border-top: 1px solid #c1bfbf;  padding:20px 0px;}

.im-b{   border-radius: 10px;}

.stories-01{padding:4rem 0rem; width:100%; display:block; background:#b24237 url(../images/pattern.jpg) repeat; color:#fff}

.stories-01 img{ border:6px solid #eeb22b; border-radius:10px}

.stories-01 h2{ padding-bottom:25px; color:#eeb22b}

.stories-01 p{ padding-bottom:25px;}

.stories-01 .left{ padding-right:40px}

.stories-01 .right{ padding-right:40px; border-left:1px solid #c45247; padding-left:40px}



.stories-02{padding:4rem 0rem; width:100%; display:block; background:#fff; color:#000}

.stories-02 img{ border:6px solid #b24237; border-radius:10px}

.stories-02 h2{ padding-bottom:25px; color:#b24237}

.stories-02 p{ padding-bottom:25px;}

.stories-02 .left{ padding-right:40px}

.stories-02 .right{ padding-right:40px; border-left:1px solid #c45247; padding-left:40px}

.space50{width:100%; float:left; padding-top:50px;}

.contact-left a{ color:#fff; padding-right:5px}



.Services-box-area{padding:30px;  background:#f4efeb; border:2px solid #ddd;border-radius:6px ;text-align:left; margin-bottom:25px;}

.Services-box-area h4{color:#b24237; font-size:26px; padding-bottom:10px;text-align:left;}

.Services-box-area p{color:#000; font-size:14px;padding:0px;text-align:left; padding-bottom:25px }

.Services-box-area ul{margin:0px; padding:0px;}

.Services-box-area ul li{color:#000; font-size:14px; border-left:2px solid #b24237; padding-left:20px; margin-bottom:35px; text-align:left; }





.footer-right-side-whatsapp{ width:auto;    position:fixed; right:15px; top:90%; 
  z-index:99999999;border-radius: 100%;}

.footer-right-side-whatsapp a{color: #19995d; font-size: 50px;}
.footer-right-side-whatsapp{ display:none}

.footer-right-side-call{ display:none}

.carousel-indicators{ display:none}




/* Responsive margin adjustments to avoid horizontal overflow */
@media (max-width: 991px) {
  .package-box-area,
  .package-box-gold {
    margin: 20px 0 !important;
  }
}


/* Global safeguard against horizontal overflow */
html, body {
    overflow-x: hidden;
}


.header-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

body{
    padding-top: 120px;
}

.hero-phone-bar {
    width: 100%;
    background: linear-gradient(135deg, #821E1C, #903);
    text-align: center;
    padding: 14px 10px;
    border-radius:12px;
    margin-top:20px;
}

.hero-phone-bar a {
    color: #fff;
    text-decoration: none;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.hero-phone-bar i {
    font-size: 30px;
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.15); }
    100% { transform: scale(1); }
}