@font-face {
    font-family: 'TCCC-UnityHeadline-Regular';
    font-style: normal;
    font-weight: normal;
    src: local('TCCC-UnityHeadline-Regular'), url('fonts/TCCC-UnityHeadline-Regular.ttf') format('ttf');
}

@font-face {
    font-family: 'TCCC-UnityHeadline-Medium';
    font-style: normal;
    font-weight: 400;
    src: local('TCCC-UnityHeadline-Medium'), url('fonts/TCCC-UnityHeadline-Medium.ttf') format('ttf');
}

@font-face {
    font-family: 'TCCC-UnityHeadline-Black';
    font-style: normal;
    font-weight: 900;
    src: local('TCCC-UnityHeadline-Black'), url('fonts/TCCC-UnityHeadline-Black.ttf') format('ttf');
}

@media (min-width: 1200px) {



    .container,

    .container-lg,

    .container-md,

    .container-sm,

    .container-xl {

        max-width: 1340px;

    }

}



:root {

    --bs-white: #fff;

    --bs-black: #000;

    --bs-site-yellow: #faf60c;

    --bs-site-blue: #144f8b;

    /* --bs-site-navtext: #555555; */

    --bs-site-text: #5F5F5F;

    /* --bs-site-text2: #45474d;

    --bs-site-text3: #202226; */

    --bs-site-red: #ea2a18;

    --fontfamily-main: "TCCC-UnityHeadline-Regular", sans-serif;

    --fontfamily-main2: "TCCC-UnityHeadline-Regular", sans-serif;

    --inputcolor: #3e3e3e;

    --bgcolorfooter: #dbe8f9;

    --lightredcolor: #fff5f4;

    --grencolor: #18AA4A;

    --textcolor: #475166;

    --headingtextColor1: #222222;

    --textColor2: #333;

    --textColor3: #111111;

    --btnColor: #1090aa;

    --bgColor: ##FAFAFA
}



body {

    font-family: var(--fontfamily-main);

    color: var(--bs-black);

    font-size: 17px;

    line-height: 1.4em;

    font-weight: 400;

    color: var(--darkgrey);

}



* {

    padding: 0px;

    margin: 0px;

    transition: 0.5s ease-in-out;

}



a {

    text-decoration: none;

}



ul li {

    list-style: none;

}



h1,

h2,

h3,

h4,

h5,

h6,

p,

li,

ul {

    padding: 0px;

    margin: 0px;

}







img {

    max-width: 100%;

}



header {



    position: relative;

    z-index: 3;

    padding: 20px 0px;



}











@-moz-keyframes fadeIn {

    from {

        opacity: 0;

    }



    to {

        opacity: 1;

    }

}













@-moz-keyframes smallScale {

    from {

        transform: scale(1);

        opacity: 1;

    }



    to {

        transform: scale(1.5);

        opacity: 0;

    }

}



.relation-download-investor {

    margin-top: 50px;
}

.relation-download-inner a.btn-link.btn-link-icon img {
    width: 12px;
    margin-left: 5px;
}

div.relation-inner a.btn-link.btn-link-icon {
    font-size: 14px;
    font-weight: 400;
}

.body-wrapper .inner-main-container h6.subhead-sustainability {
    font-size: 18px;
    max-width: 725px;
    line-height: 28px;
}

.block-item h6 {
    background: rgba(0, 0, 0, 0.2);
    padding: 20px 30px;
}

.achievement-block .icon-ach {
    display: flex;
    align-items: center;
}

.achievement-block .icon-ach h3 {
    margin-top: 0px;
    line-height: 26px;

}


.spacing-section {

    padding-bottom: 90px;

}





.animate__animated {

    animation: 0.5s ease-out 0s 1 slideInFromLeft forwards;

    animation-delay: 0.2s;

}



.animate__animated_right {

    animation: 1.5s ease-out 0s 1 slideInFromRight forwards;

    animation-delay: 0.2s;

}



.animate__animated_zoom {

    /* animation: 1.5s ease-out animateZoom; */

    /* animation: animateZoom 1.5s ease-out; */

    animation: zoom-in-zoom-out 2s ease-out;

    animation-delay: 0.2s;

}



@keyframes slideInFromLeft {

    0% {

        transform: translateX(-50%);

    }



    100% {

        transform: translateX(0);

    }

}



@keyframes slideInFromRight {

    0% {

        transform: translateX(50%);

    }



    100% {

        transform: translateX(0);

    }

}



@keyframes animateZoom {

    0% {

        transform: scale3d(.3, .3, .3);

    }

}



@keyframes zoom-in-zoom-out {

    0% {

        transform: scale(0.7, 0.7);

    }



    50% {

        transform: scale(1.15, 1.15);

    }



    100% {

        transform: scale(1, 1);

    }

}



















.header-menu ul li {

    display: inline-block;

    font-family: var(--fontfamily-main2);



}



.header-menu ul li:not(:last-child) {

    margin-right: 32px;

}



.header-menu ul li a {

    color: white;

    font-size: 12px;

    line-height: 1.2em;

    text-transform: uppercase;

    font-weight: 600;

    letter-spacing: 1px;
    display: block;

}



.main-container {

    min-height: 570px;

    background-size: cover !important;

    margin-top: -113px;

}

.coca-cola-md {
    font-size: 20px;
    display: block;
    margin-top: 30px;
    font-weight: bold;
}

.coca-cola-postion {
    font-size: 18px;
    display: block;
    margin-top: 5px;
}

.img-coca-cola-md {
    border: 10px solid #fff;
}

img.quote-start {
    width: 60px;
    display: block;
}

img.quote-end {
    width: 60px;
    display: inline-block;
}

.bnl-readmore span.read-more,
.bntl-readmore span.read-more {
    background: var(--bs-site-red);
    color: #fff;
    padding: 8px 20px;
    display: inline-block;
    margin-top: 20px;
    border-radius: 24px;
    font-size: 14px;
    position: relative;
    z-index: 99;
    cursor: pointer;
}

.bnl-readmore span.show-less,
.bntl-readmore span.show-less {
    background: var(--bs-site-red);
    color: #fff;
    padding: 8px 20px;
    display: inline-block;
    margin-top: 20px;
    border-radius: 24px;
    font-size: 14px;
    position: relative;
    z-index: 99;
    cursor: pointer;
}

/*
.bnl-readmore p, .bntl-readmore p {
    display: none;
}*/
.sustain-detail-container .main-quote-message-wrapper p {
    margin: 10px 0px;
    font-weight: 300;
}

.quote-end-wrapper {
    text-align: right;
}

.main-quote-message-wrapper {

    background-color: #fff;
    padding: 20px;
}

.main-quote-message-wrapper {
    background-color: #fff;
    padding: 20px;
    font-weight: 200;
    line-height: 28px;
}

#header-container .col-md-3 {

    width: 28%;
    width: 24%;

}



#header-container .col-md-9 {

    width: 72%;
    width: 76%;

    justify-content: flex-end;

    display: flex;

}



.main-banner-top {

    padding-top: 150px;

    max-width: 500px;

}



.main-banner-top h6 {

    font-size: 23px;

    line-height: 1em;

    font-weight: 400;

    color: #fff;

}

.banner-stat-col-4 {
    flex-direction: column;
}



.main-banner-top h2 {
    font-family: TCCC-UnityHeadline-Regular;
    font-size: 60px;
    line-height: 1.3em;
    font-weight: 600;
    color: #fff;
    font-size: 38px;
    width: 100%;
    margin-bottom: 20px;
}



a.btn-link.btn-white,

#submit-btn {

    color: var(--bs-site-red);

    border-radius: 5px;

    padding: 23px 45px;

    background: #fff;

    position: relative;

    display: inline-block;

    text-align: center;

    text-decoration: none;

    font-weight: 500;

    font-size: 22px;

    line-height: 1em;



}



a.btn-link.btn-white:hover,

#submit-btn:hover,

#submit-btn:hover span a.btn-link.btn-white:hover span {

    color: white;

}



a.btn-link.btn-white:before,

#submit-btn:before {

    transition: 0.5s all ease;

    position: absolute;

    top: 0;

    left: 50%;

    right: 50%;

    bottom: 0;

    opacity: 0;

    content: "";

    background-color: var(--bs-site-red);

    z-index: -2;

    border-radius: 5px;

}



a.btn-link.btn-white:hover:before,

#submit-btn:hover:before {

    transition: 0.5s all ease;

    left: 0;

    right: 0;

    opacity: 1;

    z-index: 2;

}



a.btn-link.btn-white span {

    position: relative;

    z-index: 3;

}

.timeline-container {
    background-image: url(../images/history.png);
    background-repeat: no-repeat;
    background-size: 400px;
    background-position: 8% 200px;

}

.main-banner-bottom .col-md-2:first-child {

    width: 22%;
    padding-left: 0px !important;

}

.count-block-container .col-md-2 {
    width: 15%;
    margin-right: 1%;
}


.main-banner-bottom {

    padding-top: 25px;

}



.main-banner-bottom h2,

.plus-counter {

    color: #eeeeee;

    font-size: 55px;

    line-height: 1em;

    font-weight: 300;

}



.counter-top {

    display: flex;

    align-items: center;

    justify-content: center;

}



.count-block p {

    font-weight: 500;

    font-size: 16px;

    line-height: 1em;

    color: #eeeeee;

    padding-top: 15px;



}



.count-block {

    text-align: center;



}



.count-block {}



.main-container {

    position: relative;

}



.main-container:after {

    content: "";

    background-size: 100%;

    background: url(../images/banner-bottom.png) center bottom no-repeat;

    height: 97px;

    display: block;

    position: absolute;

    bottom: -15px;

    left: 0px;

    background-size: 100%;

    width: 100%;
    display: none;



}



.main-title {

    text-align: center;

    padding-bottom: 40px;

}



.main-title h2 {

    padding-top: 90px;

    color: var(--bs-site-red);

    font-family: var(--fontfamily-main2);

    font-weight: 700;

    font-size: 58px;

    line-height: 1.1em;

    letter-spacing: -0.5px;

    padding-bottom: 10px;

}

.main-title h2.heading-medium {
    font-size: 52px;
}

.main-title p {
    color: #000;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5em;
    max-width: 800px;
    margin: 0px auto;
}

.main-title p.full-width {
    width: 100%;
    max-width: 100%;
}

.main-title p.normal-size {
    font-size: 16px;
    font-weight: 400;
}

.footer-top-content .foo-phone a {
    display: inline-block;
}

.footer-top-content .foo-phone a:first-child {
    padding-right: 10px;
    margin-right: 5px;
    border-right: 1px solid #222;
    height: 15px;
    line-height: 15px;
}

html .owl-carousel .owl-item img {

    width: auto;

}



.slick-slide img {

    max-width: 100%;

    transition: all 0.4s ease-in-out;

    position: relative;

    z-index: 7;

}



.slick-center {

    transform: scale(1.3);

    position: relative;

}



.slick-center:before {

    content: "";

    background: url(../images/wave.png) top center no-repeat;

    position: absolute;

    top: 40px;

    left: 50%;



    transform: translateX(-50%)
}

.charged-berry-bolt.slick-center:before {
    background: url(../images/Charged-wave.png) top center no-repeat;
    height: 250px;
    width: 250px;
    background-size: 90%;


}

.coca-cola.slick-center:before,
.coca-cola-zero.slick-center:before {
    background: url(../images/Coke-wave.png) top center no-repeat;
    height: 250px;
    width: 250px;
    background-size: 90%;


}

.fanta.slick-center:before {
    background: url(../images/Fantaa-wave.png) top center no-repeat;
    height: 250px;
    width: 250px;
    background-size: 90%;


}

.sprite.slick-center:before {
    background: url(../images/sprite-wave.png) top center no-repeat;
    height: 250px;
    width: 250px;
    background-size: 90%;


}
.sprite-zero.slick-center:before {
    background: url(../images/sprite-wave.png) top center no-repeat;
    height: 250px;
    width: 250px;
    background-size: 90%;


}
.fanta-lemon.slick-center:before {
    background: url(../images/fanta-lemon-wave.png) top center no-repeat;
    height: 250px;
    width: 250px;
    background-size: 90%;


}

.kinley-soda.slick-center:before {
    background: url(../images/sprite-wave.png) top center no-repeat;
    height: 250px;
    width: 250px;
    background-size: 90%;
}

.kinley-water.slick-center:before {
    background: url(../images/water.png) top center no-repeat;
    height: 250px;
    width: 250px;
    background-size: 90%;


}


.pro-item:not(.slick-center) {

    cursor: pointer;

}



.product-slider-center .slick-list {

    padding: 60px 5px 50px 5px !important;

}



.pro-item.slick-slide {

    text-align: center;

}



.product-slider-center.slick-initialized .slick-slide {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}



.slick-center.pro-item.slick-slide P {

    font-size: 15px;

}



.pro-item.slick-slide P {

    font-weight: 600;

    font-size: 19px;

    line-height: 1em;

    padding-top: 15px;

}



.product-slider-container .container {

    max-width: 100%;

}

.community-banner-con.simple-breadcrumb {
    margin: 30px 0px;
}

.about-content {

    background-color: rgba(255, 255, 255, 0.55);

    border-radius: 100px;

    padding: 80px 60px;

    width: 170%;

    left: -300px;

    top: 50%;

    transform: translateY(-50%);

    position: absolute;

}



.about-bottom .about-content {

    left: unset;

    right: -300px;

    text-align: right;

}



.about-bottom {

    margin-top: 60px;

}



.about-col-con {

    position: relative;

}



.pagination {

    display: none;

}



.about-container {

    min-height: 800px;

}



.about-container {

    padding: 90px 0px;

    padding-bottom: 0px;

}



.about-content {

    font-family: var(--fontfamily-main2);



}



.about-content h6 {

    font-size: 20px;

    line-height: 1em;

    font-weight: 500;

    color: #000;



}



.about-content h2 {

    font-size: 52px;

    line-height: 1em;

    font-weight: 700;

    color: #000;

    padding: 15px 0px;



}



.about-content p {

    font-size: 22px;

    line-height: 1.5em;

    font-weight: 500;

    color: #000;



}



.about-content a {

    float: right;



}



a.btn-link.btn-red.btn-white,

#submit-btn {

    background-color: var(--bs-site-red);

    border: 1px solid var(--bs-site-red);

}



a.btn-link.btn-red.btn-white span,

#submit-btn span {

    color: #fff;

}



a.btn-link.btn-red.btn-white:before,

#submit-btn:before {

    background-color: #fff;

}



a.btn-link.btn-red.btn-white:hover span,

#submit-btn:hover span {

    color: var(--bs-site-red);

}



.celebrate-box a.btn-link,

.about-content a.btn-link {

    font-weight: 400;

    font-size: 19px;

    padding: 23px 60px;

    margin-top: 30px;

}



#submit-btn {

    width: 100%;

    font-size: 18px;

    padding: 16px 45px;

}



#submit-btn span {

    position: relative;

    z-index: 3;

}

.commnunity-banner-block.post-category-breadcrumb {
    padding: 20px 0px;
    background-color: #F9F9F9;
}

.commnunity-banner-block.post-category-breadcrumb .community-banner-con {
    margin-left: 0px;
}

.celebrate-container {

    padding-bottom: 70px;

    background: rgb(250, 250, 250);

    background: linear-gradient(90deg, rgba(250, 250, 250, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(250, 250, 250, 1) 100%);
    padding-top: 50px;

}



.celebrate-container h2 {

    padding-top: 50px;

}



.celebtate-block .col-md-6:nth-child(1) {

    padding-right: 40px;

}



.celebtate-block .col-md-6:nth-child(2) {

    padding-left: 40px;

}



.celebrate-box h3 {

    color: var(--bs-site-red);

    font-weight: 800;

    font-family: var(--fontfamily-main2);

    font-size: 25px;

    line-height: 1em;

    padding: 15px 0px;
    min-height: 80px;

}

.celebrate-box h3 a {
    color: var(--bs-site-red);
}



.celebrate-box p {

    color: #000;

    font-weight: 500;

    font-family: var(--fontfamily-main2);

    font-size: 18px;

    line-height: 1.5em;

    min-height: 82px;



}



.vision-container {

    /* background-color: #B41F24; */

    position: relative;

    padding: 128px 0px;
    padding: 100px 0px;

}



.vision-container:after {



    content: "";

    position: absolute;

    bottom: 0px;

    left: -4px;

    right: 0;

    height: 100px;

    background-image: url(../images/wave-white.svg);

    background-size: calc(100% + 8px);

    background-repeat: no-repeat;
    display: none;

}



.vision-container:before {

    content: "";
    /* background: url(../images/bottle-1.png) bottom right no-repeat; */
    position: absolute;
    bottom: -16px;
    right: 20px;
    width: 1224px;
    height: 1243px;
    display: inline-block;
    background-size: 39%;

}



.vision-content h2 {

    color: #000;

    font-weight: 600;

    font-size: 40px;

    line-height: 1.2em;

    max-width: 904px;

    margin-bottom: 80px;

}



.vision-content {

    position: relative;

    z-index: 8;

}



.vision-content h4 {

    font-family: var(--fontfamily-main2);

    font-weight: 600;

    font-size: 30px;

    line-height: 1em;

    margin-bottom: 15px;

    color: #000;
    min-width: 325px;
}



.vision-content p {

    color: #000;

    font-family: var(--fontfamily-main2);

    font-size: 17px;

    font-weight: 400;

    line-height: 1.5em;

}



.vision-container .row .row {

    padding-bottom: 0px;

}



.supporting-container {

    padding: 100px 0px;

    margin-top: -1px;

    background: #fff;

    position: relative;

    z-index: 5;

    padding-bottom: 0px;

}



.supporting-container .main-title {

    text-align: left;

    padding-bottom: 0px;

}



.supporting-container .main-title h2 {

    padding: 0px;

    color: #000;

    padding-top: 15px;

}



.supporting-inner {

    background: url(../images/wave-2.png) top center no-repeat;

    min-height: 579px;

    background-size: 100%;

}



.bottle-cap {

    /* background: url(../images/cap.png) center no-repeat; */

    min-height: 279px;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;



}



.bottle-cap h3 {

    color: #fff;

    font-family: var(--fontfamily-main2);

    font-size: 22px;

    font-weight: 400;

    max-width: 190px;

    margin: 0 auto;

    text-align: center;

    line-height: 1.6em;

    position: absolute;

}



@media (max-width: 1200px) {



    .container,

    .container-sm {

        max-width: 100%;

    }

}



@keyframes shake {

    0% {

        transform: rotate(2deg);

    }



    5% {

        transform: rotate(4deg);

    }



    10% {

        transform: rotate(6deg);

    }



    15% {

        transform: rotate(8deg);

    }



    20% {

        transform: rotate(10deg);

    }



    25% {

        transform: rotate(8deg);

    }



    30% {

        transform: rotate(6deg);

    }



    35% {

        transform: rotate(4deg);

    }



    40% {

        transform: rotate(2deg);

    }



    45% {

        transform: rotate(0deg);

    }



    50% {

        transform: rotate(-2deg);

    }



    55% {

        transform: rotate(-4deg);

    }



    60% {

        transform: rotate(-6deg);

    }



    65% {

        transform: rotate(-8deg);

    }



    70% {

        transform: rotate(-10deg);

    }



    75% {

        transform: rotate(-8deg);

    }



    80% {

        transform: rotate(-6deg);

    }



    85% {

        transform: rotate(-4deg);

    }



    90% {

        transform: rotate(-2deg);

    }



    100% {

        transform: rotate(0deg);

    }

}



@keyframes rotate360 {

    0% {

        transform: rotate(0deg);

    }



    100% {

        transform: rotate(360deg);

    }

}





.supporting-inner a .bottle-cap img {

    animation: rotate360 50s linear infinite;

    animation-iteration-count: infinite;





}



.supporting-inner a:hover .bottle-cap img {

    animation: rotate360 50s linear infinite paused;



}



/* .supporting-inner a:hover .bottle-cap img {

    animation: none;

} */



.supporting-inner .container {

    max-width: 900px;

    position: relative;



}



.supporting-inner .col-md-4:nth-child(2) {

    position: relative;

    top: 221px;



}



.supporting-inner .col-md-4:nth-child(1) {

    position: relative;

    top: 70px;

}



.slogon-supporting h2 {

    color: var(--bs-site-red);

    font-family: var(--fontfamily-main2);

    font-weight: 700;

    font-size: 48px;

    line-height: 1.1em;

    letter-spacing: -0.5px;

    max-width: 338px;

    position: relative;

    z-index: 5;



}



.slogon-supporting {



    display: flex;

    justify-content: flex-end;

    position: relative;

    /* top: -100px; */

    margin-top: -250px;





}



#footer-container {

    position: relative;

    z-index: 11;

    padding-top: 90px;

}



.footer-logo img {

    max-width: 300px;

}



.footer-top-content h2 {

    font-family: var(--fontfamily-main2);

    font-size: 22px;

    line-height: 1em;

    padding-bottom: 26px;

    font-weight: 500;

    text-transform: uppercase;

    color: var(--bs-site-red);

}



.footer-top-content {

    padding-top: 50px;

    font-family: var(--fontfamily-main2);

}



.footer-top-content h5 {

    color: #111111;

    font-size: 20px;

    line-height: 1em;

    padding-bottom: 10px;

    font-weight: 500;

}



.footer-top-content p,

.footer-top-content a {

    color: #111111;

    font-weight: 500;

    font-size: 15px;

    line-height: 1.6em;

    display: block;

}



.footer-top-content a:hover {

    color: var(--bs-site-red);

}



.footer-loco {

    display: flex;

}



.footer-loco-left {

    padding-right: 40px;

}



.footer-social ul li {

    display: inline-block;

}



.footer-social ul li a {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 40px;

    width: 40px;

    border-radius: 50%;

    background-color: #000;

    color: #fff;

    font-size: 22px;

}



.footer-social ul li:nth-child(2) a {

    background-color: var(--bs-site-red);

}



.footer-social ul li a:hover {

    color: #fff;

}



.footer-social ul li a:hover i {

    animation: zoom-in-zoom-out 2s ease-out;

    animation-delay: 0.2s;

}



.footer-social ul li:not(:last-child) {

    margin-right: 5px;

}



.footer-top-content .col-md-3 {

    padding-left: 70px;

}



.footer-top-content .footer-menu a {

    font-size: 16px;

}



.footer-bottom {

    position: relative;

}



.footer-bottom {

    content: "";

    background: #e61e2d url(../images/footer-bg.png) top center no-repeat;

    min-height: 253px;

    background-size: 100%;

    position: relative;

}



.footer-bottom:after {

    content: "";

    position: absolute;

    bottom: 0px;

    left: 0px;

    background: url(../images/footer-cap.png) left center no-repeat;

    height: 236px;

    width: 230px;

    /* background-size: 80%; */

}



.footer-copy {

    text-align: center;

    position: relative;

    top: 170px;

}



.footer-copy p {

    color: #fff;

    font-weight: 400;

    font-size: 15px;

    padding-top: 10px;

    font-family: var(--fontfamily-main2);

    letter-spacing: 0.5px;

}



.inner-main-container {

    height: 800px;

    background-size: contain !important;

    margin-top: -114px;
    height: 550px;
    position: relative;
    background-position: bottom right !important;

}

.inner-main-container:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(234, 42, 24, 0.7);
    z-index: 1;
    display: none;
}



.inner-main-container .row,

.inner-main-container .container {

    height: 100%;

}



.inner-main-banner-top {

    max-width: 100% !important;

    background: #fff;

    padding: 20px;

    border-radius: 12px;
    position: relative;
    z-index: 2;
    background: rgba(255, 255, 255, .9);
    padding: 0px;
    background: transparent;

}



.inner-main-banner-top h2 {

    color: var(--bs-site-red);

    font-size: 50px;

    line-height: 1.2em;

    font-weight: 600;
    margin-bottom: 10px;
    color: #fff;



}



.pro-list-con {

    min-height: 530px;

    padding: 64px 50px;

    box-shadow: 0 14px 18px rgba(0, 0, 0, .03);



    background-color: #fff;

    POSITION: ABSOLUTE;

    WIDTH: 50%;

    /* right: 30px; */



    margin-left: -100px;

    border-radius: 12px;



}



.row-interchange .pro-list-con {

    margin: 0px;

    margin-right: -100px;

}



.row-interchange.green .ingre-con span,

.row-interchange.green h2 {

    color: #11BE3E;

}



.row-interchange.green .ingre-con span {

    background-color: #f1fdf4;

}



.img-pro {

    margin-top: 60px;

}



.inner-main-banner-top h6 {

    font-weight: 400;
    color: #fff;
    font-size: 25px;

}



.product-brand-listing {

    background-color: #eee;

    position: relative;



}



.ingre-con p {

    font-weight: 400;

    color: #fff;

    font-size: 15px;

    line-height: 1em;



}



.ingre-con span {

    font-weight: 400;

    color: var(--bs-site-red);

    font-size: 13px;

    line-height: 1em;



}



.dai-val {

    display: flex;

    justify-content: space-between;

    margin: 10px 0px;

    margin-top: 0px;

    background-color: #f9f9f9;

    padding: 17px 18px;

    /* border-bottom: 1px solid #ccc; */

    border-radius: 5px 5px 0px 0px;

    align-items: center;

    background-color: var(--bs-site-red);

}



.green .dai-val {

    background-color: #11BE3E;

}



.img-pro img {

    max-width: 400px;
    max-height: 500px;

}



.ingre-con {



    padding-bottom: 20px;

    border-radius: 5px;

    margin-top: 30px;

    border-top: 0px;

}



.img-pro {

    background-color: #f9f4f4;

    border-radius: 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 30px;



}



.product-brand-listing .row {

    padding-top: 120px;

}

.product-brand-listing .row:first-child {
    padding-top: 90px;
}



.product-brand-listing {

    padding-bottom: 90px;

}



.pro-list-con h2 {

    font-size: 45px;

    line-height: 1.2em;

    font-weight: 600;

    color: var(--bs-site-red);

    margin-bottom: 15px;

}



.pro-list-con {

    font-family: var(--fontfamily-main2);

}



.pro-list-con h3 {

    margin: 15px 0px;

    font-weight: 500;

    font-size: 25px;

    line-height: 1em;

}



.ingre-list span {

    color: var(--bs-site-red);

    font-size: 13px;

    line-height: 1.2em;

    padding: 10px;

    border-radius: 5px;

    background-color: #f9f4f4;

    font-weight: 400;

    margin-top: 10px;

    display: inline-block;

    margin-right: 5px;

}



.ingre-list {

    padding: 0px 10px;

    display: flex;

    /* flex-direction: column; */
    padding: 0px;
    flex-wrap: wrap;

}



.marketing-block {

    padding: 0px 0px 90px;

    background-color: #FAFAFA;

    padding-bottom: 50px;



}



.marketing-block .container {

    max-width: 1200px;

}



.mar-img img {

    box-shadow: 0 14px 18px rgba(0, 0, 0, .03);

    border-radius: 12px;

    /* margin-right: 40px; */

}



.marketing-block .container .row {

    background-color: #fff;

    padding: 40px 20px;

    margin-bottom: 50px;

}



.marketing-block h2 {

    color: var(--bs-site-red);

    font-size: 30px;

    line-height: 1.2em;

    font-weight: 600;

    margin-bottom: 10px;

}



.marketing-block p {

    color: #333;

    font-weight: 300;

}



.sustain-container {

    background-color: #EEEEEE;

    padding: 90px 0px;

}



.sustain-container .container {

    max-width: 1100px;

}



.sus-image img {

    border-radius: 12px;

    box-shadow: 0 14px 18px rgba(0, 0, 0, .03);

}



.sus-content {

    padding-left: 40px;

}



.row-sus-interchnage .sus-content {

    padding: 0px;

    padding-right: 40px;

}



.sus-content h2 {

    color: var(--bs-site-red);

    font-size: 24px;

    line-height: 1.2em;

    font-weight: 600;

    margin-bottom: 20px;

}



.sus-content p {

    color: #333;

    font-weight: 300;

    margin-bottom: 50px;

    line-height: 1.6em;

}



.sustain-container .row:not(:last-child) {

    margin-bottom: 60px;

}



.sustain-detail-container,

.relation-download {

    background-color: #FFF4F5;

    padding: 90px 0px;





}



.sustain-detail-container .container,

.relation-download .container {

    max-width: 1100px;

}



.sustaindetail-inner,

.relation-inner,

.subdetail-inner {

    position: relative;

    z-index: 5;

    padding: 50px 60px;

    background-color: #fff;

    border-radius: 10px;

    border: 1px solid #feeaec;

    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.03);

}



.relation-inner a.btn-link {

    text-decoration: none;

    background-color: var(--bs-site-red);

    color: #fff;

    padding: 15px 60px;

    border-radius: 60px;

    font-size: 18px;

    text-transform: capitalize;

    font-weight: 300;

}



.relation-inner a.btn-link.btn-link-icon {

    border-radius: 3px;

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

    padding: 10px 14px;

    transition: all .3s ease-in-out;

    display: inline-block;

    font-size: 15px;

    font-weight: 600;

}



.relation-inner a.btn-link.btn-link-icon:hover {

    background-color: #000;

}



.relation-download-inner ul {

    border: 1px solid #ebebeb
}



.relation-download-inner ul li {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 10px 15px;

    font-weight: 400;

    font-family: var(--fontfamily-main2);

    font-size: 15px;

    line-height: 1em;

}



.relation-download-inner ul li:nth-child(even) {

    background-color: #FFF4F5;

}



.relation-download-inner ul li:not(:last-child) {

    border-bottom: 1px solid #ebebeb;

}





.featured-image:before {

    content: '';

    border: 2px solid #fff;

    position: absolute;

    left: 4px;

    top: 4px;

    right: 4px;

    bottom: 4px;

    z-index: 2;

}



.featured-image {

    margin: -50px -60px 40px;

    margin-bottom: 40px;

    position: relative;

    z-index: 2;

}



.sustain-content p:first-child:first-letter {

    color: var(--bs-site-red);

    float: left;

    font-size: 55px;

    line-height: 1em;

    padding: 10px 20px;

    border: 1px solid #ccc;

    margin: 0px 20px 20px 0px;

}



.sustain-content p,

.sub-content p {

    color: #333;

    font-weight: 300;

    margin-bottom: 20px;

    line-height: 1.6em;

    font-size: 16px;

}



.subdetail-inner h3 {

    color: var(--bs-site-red);

    font-size: 25px;

    line-height: 1em;

    font-weight: 600;

    margin-bottom: 10px;

    margin-top: 20px;

}



.subdetail-inner p a {

    color: var(--bs-site-red);

    font-weight: 500;

}



.sustain-content ul,

.sub-content ul {

    margin: 32px 0px;



}



.sustain-content ul li,

.sub-content ul li {

    color: #333;

    font-weight: 300;

    line-height: 1.6em;

    position: relative;

    padding-left: 40px;

    font-size: 16px;



}



.sustain-content ul li:before,

.sub-content ul li:before {

    content: '';

    width: 4px;

    height: 4px;

    margin-top: 12px;

    left: 16px;

    background-color: var(--bs-site-red);

    border-radius: 50%;

    top: 0px;

    position: absolute;

}





.contact-area {

    border: 1px solid #eee;

    border-radius: 4px;

    padding: 30px;

    margin-bottom: 50px;

}



.contact-inner-container h4 {

    font-size: 24px;

    line-height: 28px;

    margin-bottom: 15px;

    font-weight: 500;

}



.contact-inner-container p {

    color: #333;

    font-weight: 400;

    line-height: 1.6em;

    font-family: var(--fontfamily-main2);

    font-size: 15px;

    color: #6f6f6f;

}



.icon-bx-wraper {

    position: relative;

    margin-bottom: 20px;

}



.icon-bx-wraper .icon-bx-xs {

    float: left;

    margin-right: 20px;

    border: 1px solid #eee;

    padding: 10px;

}



.icon-bx-wraper .icon-bx-xs i {

    color: var(--bs-site-red);

    font-size: 20px;

}



.contact-inner-container h6 {

    font-size: 18px;

    line-height: 1em;

    margin-bottom: 6px;

    font-weight: 500;

    text-transform: uppercase;



}



.icon-bx-wraper {

    display: flex;

    align-items: start;

}



.contact-inner-container {

    padding: 90px 0px;

    padding-bottom: 0px;

}



.contact-area ul.contact-ul {

    margin-top: 20px;

}



.social-contact {

    border-top: 1px solid #eeeeee;

    padding-top: 20px;

    text-align: left;

    width: 100%;

    margin: 0;

    margin-top: 20px;

}



.dez-social-icon li {

    display: inline-block;

}



.social-icon {

    height: 40px;

    width: 40px;

    border-radius: 5px;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: var(--bs-site-red);

    color: #fff;

    font-size: 20px;

}



.contact-form {

    background-color: #f3f3f3;

    padding: 30px;

    border-radius: 4px;

}



.contact-form .form-control:focus,

.contact-form .form-control:hover {

    border-color: #c0c0c0;

}



.contact-form .form-control {

    padding: 10px 20px;

    border: 1px solid #ced4da;

    color: #212529;

    font-weight: 300;

    transition: all 0.2s linear;

    width: 100%;

}



.contact-form textarea.form-control {

    min-height: 115px;

}



.contact-form .form-group:not(:last-child) {

    margin-bottom: 20px;

}

.row.orange .dai-val {
    background-color: #ec5d00;
}

.row.orange .ingre-list span {
    color: #ec5d00;
    background-color: #fce5d6;
}

.row.orange .pro-list-con h2 {
    color: #ec5d00;
}

.row.orange .ingre-list span,
.row.marron .ingre-list span,
.row.red .ingre-list span,
.row.green .ingre-list span,
.row.grey .ingre-list span,
.row.blue .ingre-list span {
    width: 48%;
}

.row.orange .ingre-list,
.row.marron .ingre-list {

    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: inherit;
}

.row.grey .dai-val {
    background-color: #333;
}

.row.grey .ingre-list span {
    color: #333;
    background-color: #f9f9f9;
}

.row.grey .pro-list-con h2 {
    color: #333;
}

.row.grey,
.row.orange {
    padding-top: 100px;
}

.row.red {
    padding-top: 180px;
}

.row.marron {
    padding-top: 200px;
}

.row.blue .dai-val {
    background-color: #0465A2;
}

.row.blue .ingre-list span {
    color: #0465A2;
    background-color: #BDE1F7;
}

.row.blue .pro-list-con h2 {
    color: #0465A2;
}

.row.marron .dai-val {
    background-color: #931820;
}

.row.marron .ingre-list span {
    color: #931820;
    background-color: #fae8e9;
}

.row.marron .pro-list-con h2 {
    color: #931820;
}

.row.marron {
    padding-bottom: 80px;
}

.contact-inner-container h2 {

    font-size: 28px;
    line-height: 1.3em;
    margin-bottom: 15px;
    font-weight: 500;
    color: var(--bs-site-red);
}

.form-contact-block {
    background-color: #f9f9f9;
    padding: 60px 0px;
}

.form-contact-block .col-md-5 {
    margin: 0 auto;
}

.bottlers-container-comp {
    background-color: #fafafa;
    padding: 60px 0px;
    padding: 120px 0px;
    text-align: center;
    padding-bottom: 90px;
}

.img-company {
    background-color: #fff;

    text-align: center;
    border-radius: 12px;
}

.company-content h2 {
    color: var(--bs-site-red);
    font-size: 30px;
    line-height: 1.2em;
    font-weight: 600;
    margin-bottom: 20px;

}

.company-block .company-content p {

    color: #333;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 1.6em;

}

.company-content {
    padding-left: 60px;
    text-align: left;
}

#bottlers-terrai .company-content {
    padding-left: 0px;
    padding-right: 60px;
    text-align: left;
}

#bottlers-terrai {
    margin-top: 60px;
}

.img-company img {}

.mission-left {
    background-color: var(--bs-site-red);
    padding: 40px;
    border-radius: 12px;
    margin-right: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mission-right {
    background-color: #fff;
    padding: 40px;
    border-radius: 12px;
    margin-left: 20px;
}

.mission-container h2 {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
}

.mission-container h2 span {
    color: #fff27e;
}

.mission-container p {
    font-family: var(--fontfamily-main2);
    font-size: 16px;
    line-height: 1.6em;
    color: #fff;
    margin-top: 20px;
}

.mission-container {
    background-color: #f9f9f9;
    padding: 80px 0px;
    /* padding-top: 0px; */
    background-color: #fff;
}

/* .mission-container .container {
    max-width: 900px;
} */

.mission-right h2 {
    color: red;
}

.mission-right h2 span {
    color: #000;
}

.mission-right p {
    color: #333;
}

.icon-ach {
    background: #FFFFFF;
    box-shadow: 0px 6px 30px rgba(14, 18, 29, 0.06);
    border-radius: 10px;
    position: relative;
    padding: 24px 10px 24px 125px;
    min-height: 120px;
}

.achive-icon {
    display: inline-block;
    width: 90px;
    width: 80px;
    line-height: 90px;
    background-color: #fae8e9;
    position: absolute;
    top: 19px;
    left: 30px;
    text-align: center;
    border-radius: 50%;
    height: 100px;
    /* background-color: #EA2A18; */
    transition: 0.4s;
    height: 80px;
}

.achive-icon img {

    width: 60px;
    margin-top: 19px;
}

.icon-ach:hover img {

    transform: rotateY(180deg);
}

.icon-ach h3 {
    font-family: var(--fontfamily-main2);
    color: #333;
    font-size: 16px;
    line-height: 1em;
    font-weight: 600;
    margin-top: 22px;
}

.achive-inner-block {
    background-color: #FDFDFE;
}

.ar-inner-left {
    background-size: cover !important;
    height: 440px;
}

.ar-inner-right {
    background-color: var(--bs-site-red);
    padding: 90px 50px;
}

.ar-inner-right h2 {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
}

.ar-inner-right h2 span {
    color: #fff27e;
}

.ar-inner-right p {

    font-family: var(--fontfamily-main2);
    font-size: 16px;
    line-height: 1.6em;
    color: #fff;
    margin-top: 20px;
}

.achive-inner-block {
    margin-top: 60px;
}

.achive-inner-block .col-md-6:first-child {
    padding-right: 0px;
}

.achive-inner-block .col-md-6:last-child {
    padding-left: 0px;
}

.members-container .col-md-7 {
    padding-right: 0px;
}

.members-container .col-md-5 {
    padding-left: 0px;
}

.member-right {
    background-color: #fafafa;
    padding: 50px 70px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    border-radius: 0px 12px 12px 0px;
}

.member-right h2 {
    font-weight: 800;
    font-size: 40px;
    color: var(--bs-site-red);
    line-height: 1em;
}

.member-right h2 span {
    color: #000;
}

.member-right p {

    font-family: var(--fontfamily-main2);
    font-size: 16px;
    line-height: 1.6em;
    color: #333;
    margin-top: 20px;
}

.members-container {
    padding-top: 90px;
}

.members-container .owl-prev {
    position: absolute;
    left: 20px;
    top: 50%;
}

.members-container .owl-next {
    position: absolute;
    right: 20px;
    top: 50%;
}

.slider-members .item img {
    border-radius: 12px 0px 0px 12px;
    height: 100%;
}

.product-slider-container .slick-slide img {
    max-height: 280px;

}

.celebrate-box img {
    height: 540px;
    width: auto;
    max-width: 100%;
}

.celebrate-box {
    position: relative;
    z-index: 99;
}

.celebrate-box p {
    font-size: 18px;
    font-weight: 300;
}

.celebrate-box p:empty {
    display: none;
}

.celebrate-box p a {
    color: var(--bs-site-red);
}

.ing-left {
    width: 50%;
    padding-right: 15px;
}

.ing-right {
    width: 50%;
    padding-right: 15px;
}

.ingre-con {
    display: flex;
}

.read-sus-container h2 {
    color: var(--bs-site-red);
}

.read-sus-container a {
    color: #333;
    font-family: var(--fontfamily-main2);
    font-weight: 400;
    margin-top: 10px;
    display: block;
}

.read-sus-container a:hover {
    color: var(--bs-site-red);
}

ol.sustainability-list {
    padding-left: 20px;
    padding-top: 20px;
}

.sustain-detail-container.read-sus-container {
    padding-top: 0px;
}

.sus-video-container {
    padding: 80px 0px;
    background-color: #fafafa;
    padding-top: 0px;
}

.sus-video-container .main-title h2 {
    font-size: 40px;
    padding-bottom: 0px;
}

.button-play {
    display: inline-block;
    position: relative;
}

.button-play.is-play {
    background-color: #fff;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    z-index: 9;
}

.button-play.is-play .button-outer-circle {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.button-play.is-play .button-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    transform: translate(-50%, -50%);
}

.button-play.is-play .button-icon .triangle {
    animation: fadeIn 7s ease;
}

.button-play.is-play .button-icon .path {
    stroke-dasharray: 90;
    stroke-dashoffset: 0;
    animation: triangleStroke 3s;
    animation-timing-function: ease;
}

.has-scale-animation {
    animation: smallScale 3s infinite;
}

.has-delay-short {
    animation-delay: 0.5s;
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes triangleStroke {
    from {
        stroke-dashoffset: 90;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes triangleStroke {
    from {
        stroke-dashoffset: 90;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@-o-keyframes triangleStroke {
    from {
        stroke-dashoffset: 90;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@keyframes triangleStroke {
    from {
        stroke-dashoffset: 90;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@-moz-keyframes smallScale {
    from {
        transform: scale(1);
        opacity: 1;
    }

    to {
        transform: scale(1.5);
        opacity: 0;
    }
}

@-webkit-keyframes smallScale {
    from {
        transform: scale(1);
        opacity: 1;
    }

    to {
        transform: scale(1.5);
        opacity: 0;
    }
}

@-o-keyframes smallScale {
    from {
        transform: scale(1);
        opacity: 1;
    }

    to {
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes smallScale {
    from {
        transform: scale(1);
        opacity: 1;
    }

    to {
        transform: scale(1.5);
        opacity: 0;
    }
}

#youtubePlayerOverlay {
    display: block;
    border: 5px solid var(--bs-site-red);
    margin: 5px;
    background-color: rgba(0, 0, 0, 1);
}

#youtubePlayerOverlay .closeIcon:hover {
    background: rgba(255, 255, 255, 0.9);
}

#youtubePlayerOverlay {
    display: none;
}

.video-container .container {
    max-width: 900px;
}

.video-inner {
    height: 500px;
    background-size: cover !important;
    position: relative;
    border-radius: 12px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    border: 10px solid #fff;
}

.video-inner:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(234, 42, 24, 0.5);
    z-index: 2;
    /* cursor: pointer; */
    border-radius: 12px;
}

.video-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 9;
    height: 100%;
}

.video-link h3 {
    color: #fff;
    margin-top: 20px;
    font-size: 35px;
    font-weight: 800;
    font-family: var(--fontfamily-main2);
}

button.archive {
    background-color: #000;
    padding: 10px 25px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .16);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    margin-top: 20px;
    font-family: var(--fontfamily-main2);
    border: 0px;
    margin-bottom: 20px;
}

button.archive:hover {
    background-color: var(--bs-site-red);
}

.inner-content-sub .subdetail-inner h3 {
    font-size: 20px;
}

.inner-content-sub .subdetail-inner ul {
    margin: 20px 0px;
}

.inner-content-sub.inner-content-sub-1 .subdetail-inner ul li {
    padding: 0px;
}

.inner-content-sub.inner-content-sub-1 .subdetail-inner ul li h3 {
    color: #333;
    font-size: 17px;
}

.inner-sub-block h3 {
    position: relative;
    z-index: 2;
}

.sustaining-container {
    background-color: #fafafa;
    padding: 90px 0px;
    padding-top: 0px;
}

.sustaining-container .col-md-2 {
    width: 20%;
}

.sustaining-container .sustain-box {
    height: 300px;
    background-size: cover !important;
    margin-top: 20px;
    border-radius: 12px;
    position: relative;
    overflow: hidden;

}

.purpose-container {

    margin-top: 100px;
    margin-bottom: 100px;
    position: relative;

}

/*
.purpose-container:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0px;
    left: 0px;
}
*/
.sustaining-container .sustain-box p {
    color: #fff;
    font-weight: 500;
    font-size: 22px;
    line-height: 1em;
    z-index: 6;
    position: relative;
}

.purpose-container h2 {
    color: #fff;
    font-weight: 700;
    font-size: 58px;
    line-height: 1em;
    z-index: 6;
    position: relative;
    margin-bottom: 10px;
    text-align: center;
    text-shadow: 1px 1px 15px #222;
    /* color: var(--bs-site-red); */
}

.purpose-container p {
    color: #fff;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.5em;
    z-index: 6;
    position: relative;
    text-align: center;
    padding: 0px 70px;
    font-family: var(--fontfamily-main2);

}

.purpose-container .row,
.purpose-container .container {
    height: 100%;
}

.sustaining-container .sustain-box:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    /* background-image: linear-gradient(to right, rgba(250, 224, 107, 0.8), rgba(234, 42, 24, 0.8)); */
    background: rgba(234, 42, 24, 0.8);
    top: 0px;
    left: 0px;

}

.sustaining-container .sustain-box .box-sus-content {
    display: flex;
    align-items: c;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.sustaining-container .sustain-box .box-sus-content p {
    /* color: var(--bs-site-red);
    font-weight: 500;
    font-size: 18px;
    line-height: 1.3em;
    min-height: 47px; */
}

.sustaining-container .sustain-box img {
    /* border-radius: 5px 5px 0px 0px; */
}

.content-sustain a:hover .sustain-box {
    box-shadow: 4px 4px 40px rgba(0, 0, 0, .1)
}

.box-sus-img {
    overflow: hidden;
}

.content-sustain a:hover .sustain-box p {
    transform: scale(1.1);
}

/* Edited Banner */

.home-main-full-image-banner {
    height: 500px;
    background-size: cover !important;
    background-size: cover !important;
    background-position: bottom center !important;


}


/* End Edited Banner */

.main-banner-top {
    padding-top: 80px;
}

.count-block {
    display: flex;
    align-items: center;
}

.count-block p {
    padding-top: 0px;
    padding-left: 5px;
}

.main-banner-bottom h2,
.plus-counter {

    font-size: 28px;

}

.count-block {
    flex-direction: column;
}

.count-block img {
    /* filter: invert(94%) sepia(0%) saturate(7475%) hue-rotate(123deg) brightness(104%) contrast(104%);
    filter: invert(20%) sepia(56%) saturate(5180%) hue-rotate(355deg) brightness(96%) contrast(91%); */
    height: 60px;
    margin-bottom: 10px;
}

.count-top-inner {
    display: flex;
    align-items: center;
}

.count-block {
    background-color: #fff;
    border-radius: 5px;
    padding: 20px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.count-block p,
.main-banner-bottom h2,
.plus-counter {
    color: #333;
}

.count-block p.lower-title {

    padding-top: 5px;
    font-size: 12px;
    color: #999;

}

.count-block p.lower-title span {
    display: block;
    font-size: 16px;
    color: #333;
    padding-bottom: 5px;

}

.plus-counter {
    padding-left: 3px;
}

.counter-top h2 {
    color: var(--bs-site-red);
    font-weight: 500;
}

.count-block {
    margin-top: -3px;
    height: 140px;
}

.sustaining-container {
    margin-top: 60px;
}

.sustaining-container .sustain-box:after {
    background: linear-gradient(0deg, #333, hsla(0, 0%, 96.1%, 0) 35%);
}

.sustaining-container .sustain-box p {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    font-size: 17px;
}

.sustaining-container .sustain-box .box-sus-content {

    align-items: flex-end;
    padding-bottom: 30px;
}

.sustaining-container .sustain-box {
    margin-top: 12px;
}

.container-title {
    background: var(--bs-site-red) url(../images/download-bg.png) center no-repeat;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    background-size: contain !important;
    margin-top: 12px;
    border-radius: 5px;
    height: 578px;
}

.container-title h2 {
    color: #fff;
    font-size: 31px;
    line-height: 1em;
    font-weight: 600;
    margin-block: 10px
}

.container-title p {
    color: #fff;
    font-size: 15px;
    line-height: 1.4em;
    text-align: center;
    font-weight: 400;
}

.content-sustain {
    padding-top: 40px;
}


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

    .content-sustain .col-md-4,
    .content-sustain .col-md-6 {
        padding: 0px 6px;
    }

    .content-sustain .container {
        max-width: 1324px;

    }
}

.sustaining-container .sustain-box {
    height: 282px;
}

.ach .achievement-block .main-title h2 {
    padding-top: 36px;
    color: var(--bs-site-red);
    font-family: var(--fontfamily-main2);
    font-weight: 700;
    font-size: 38px;
    line-height: 1.1em;
    letter-spacing: -0.5px;
    padding-bottom: 0px;
    text-align: left;

}

.ach .achievement-block .main-title {
    padding-bottom: 30px;
}

.ach .icon-ach h3 {

    font-size: 15px;
}

.ach .achievement-block .col-md-6:nth-child(1),
.achievement-block .col-md-6:nth-child(2) {
    margin-bottom: 20px;
}

/* .content-sustain .col-md-6 .sustain-box{
    height: 646px;
} */
/* .content-sustain a:hover .sustain-box::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 0px 0px 5px 5px;

    border-bottom: 5px solid transparent;
    background: linear-gradient(45deg, #ea2a18, #FAE06B) border-box;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
} */

.news-block {
    border-radius: 20px;
    background-color: rgb(240, 240, 240);
    box-shadow: 0px 0px 187.21px 5.79px rgba(0, 0, 0, 0.41);
    margin-top: 30px;


}

.news-block img {
    border-radius: 20px 20px 0px 0px;
}

.news-content {
    padding: 30px;
    font-family: var(--fontfamily-main2);
    min-height: 280px;
    position: relative;
}

.news-container {
    padding: 60px 0px;
}

.news-content .date {
    color: #000000;
    font-size: 300px;
    font-size: 14px;
    margin-bottom: 10px;

}

.news-content h2 {
    color: #000;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2em;
}

.news-content p {
    color: #000;
    font-size: 15px;
    line-height: 1.4em;
    font-weight: 400;
    padding: 10px 0px;
}

.news-content a.link {
    color: #000;
    font-size: 15px;
    text-align: right;
    position: absolute;
    bottom: 30px;
    right: 30px;
    font-weight: 500;
}

.news-img {
    overflow: hidden;
}

.news-block:hover .news-img img {
    transform: scale(1.1);
}

.news-content a.link:hover {
    color: var(--bs-site-red);
}

.mission-banner {
    height: 435px;
    background-size: cover !important;
    position: relative;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 20px;
}

.mission-banner:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    /* background-image: linear-gradient(to right, rgba(250, 224, 107, 0.8), rgba(234, 42, 24, 0.8)); */
    background: rgba(234, 42, 24, 0.5);
    top: 0px;
    left: 0px;

}

.mission-container {
    font-family: var(--fontfamily-main);
}

.mission-container h2 {
    position: relative;
    color: #fff;
    z-index: 9;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
}

.mission-container p {
    margin: 0px;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.4em;
    position: relative;
    color: #fff;
    z-index: 9;
    text-align: center;
    padding-top: 10px;
}

.mission-bo {
    /* border: 1px solid rgba(204, 204, 204, .4509803922); */
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #fff;
    min-height: 200px;
    padding: 20px;
    margin-top: 20px;
}

.mission-container .mission-bo h2,
.mission-container .mission-bo p {
    color: #333;
}

.mission-bo-left {
    height: 70px;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, rgba(234, 42, 24, 1) 0%, rgba(214, 26, 8, 1) 50%);
    border-radius: 50%;
    margin-bottom: 15px;
}

.mission-container .mission-bo h2 {
    color: var(--bs-site-red);
}

.mission-bo-left img {
    filter: brightness(0) invert(1);
    height: 40px;
}

.mssion-right-content .col-md-6:nth-child(2) .mission-bo-left {
    background: linear-gradient(90deg, rgba(4, 101, 162, 1) 0%, rgba(8, 128, 203, 1) 50%);
}

.mssion-right-content .col-md-6:nth-child(2) h2 {
    color: rgba(4, 101, 162, 1);
}

.mssion-right-content .col-md-6:nth-child(3) .mission-bo-left {
    background: linear-gradient(90deg, rgba(17, 190, 62, 1) 0%, rgba(13, 215, 66, 1) 50%);
}

.mssion-right-content .col-md-6:nth-child(3) h2 {
    color: rgba(17, 190, 62, 1);
}

.mssion-right-content .col-md-6:nth-child(1) .mission-bo-left {
    background: linear-gradient(90deg, rgba(236, 93, 0, 1) 0%, rgba(244, 127, 52, 1) 50%);
}

.mssion-right-content .col-md-6:nth-child(1) h2 {
    color: rgba(236, 93, 0, 1);
}

.mssion-right-content .col-md-6:nth-child(1) .mission-bo {
    background-color: #fff2ea;
}

.mssion-right-content .col-md-6:nth-child(2) .mission-bo {
    background-color: #ddf0fc;
}

.mssion-right-content .col-md-6:nth-child(3) .mission-bo {
    background-color: #eefbf2;
}

.mssion-right-content .col-md-6:nth-child(4) .mission-bo {
    background-color: #f9e5e4;
}

.team-content {
    display: flex;
    justify-content: center;
    opacity: 1;
    position: relative;
    border-radius: 0 0 5px 5px;
    padding: 20px 35px 17px;
    box-shadow: 0 5px 20px rgba(34, 34, 34, 0.1);
    background-color: #FFFFFF;
    flex-direction: column;
    min-height: 107px;
    margin-bottom: 20px;
}

.team-img {
    position: relative;
    overflow: hidden;
}

.block-members:hover .team-img img {
    transform: scale(1.05);
    opacity: 0.7;
    border-radius: 5px 5px 0 0;
}

.block-members .team-img img {
    border-radius: 0 0 0 0;
    transform: scale(1);
    transition: 0.3s ease-in-out;
    opacity: 1;
}

.block-members .team-content {
    font-family: var(--fontfamily-main2);
}

.block-members .team-content h5 {
    color: var(--bs-site-red);
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

.block-members .team-content p {
    color: #333;
    font-weight: 400;
    font-size: 16px;
    line-height: 1em;
    margin: 0px;
}

.team-members-block {
    padding: 90px 0px;
}

.main-tite {
    padding-top: 90px;
    text-align: center;
}

.main-tite h2 {
    color: var(--bs-site-red);
    font-size: 30px;
    font-weight: 600;
    line-height: 1em;
}

.main-tite h3 {
    color: #333;
    font-size: 20px;
    font-weight: 500;
    line-height: 1em;
    margin: 10px 0px 40px 0px;
}

.news-detail-block {
    background-color: #fafafa;
    padding: 30px;
}

.news-detail-block {
    font-family: var(--fontfamily-main2);
}

.news-detail-block h2 {
    color: #000;
    font-size: 25px;
    font-weight: 600;
    margin: 20px 0px;

}

.date-block-1 {
    background-color: var(--bs-site-red);
    padding: 10px 20px;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 30px;
}

.date-block-1 i {
    font-size: 18px;
}

.news-container-detail {
    background-color: #fff;
}

.news-detail-block p {
    color: #333;
    font-size: 16px;
    line-height: 1.6em;
    margin-bottom: 20px;
    font-weight: 400;
}

.news-detail-block p:last-child {
    margin-bottom: 0px;
}

.content-page {
    min-height: 400px;
}

.job-container {
    font-family: "Poppins", sans-serif;
}

a.apply-btn {
    margin: 20px 0px;
    color: white;
    font-size: 12px;
    line-height: 1.2em;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    display: block;
    background: var(--bs-site-red);
    text-align: center;
    padding: 12px 35px;
    border-radius: 20px;
    color: white;
    text-decoration: none;
    display: inline-block;
}

.job-container h3 {
    background-color: #fae4e2;
    color: #d53024;
    margin: 0px;
    padding: 10px;
    margin: 10px 0px;
    font-weight: 400;
    font-size: 16px;
    display: inline-block;
    margin-right: 10px;
}

.job-container h3 span {
    font-weight: 600;
}

.job-container h3 span {
    color: #000;
}

.job-container h2 {
    padding-top: 30px;
    color: #000;
    font-family: var(--fontfamily-main2);
    font-weight: 700;
    font-size: 28px;
    line-height: 1.1em;
    letter-spacing: -0.5px;
    padding-bottom: 10px;
}

.job-container h4 {
    color: var(--bs-site-red);
    font-size: 20px;
    line-height: 1em;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 20px
}

.job-container p {
    color: #333;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 1.6em;
    font-size: 16px;
}

.job-container li {
    color: #333;
    font-weight: 400;
    line-height: 1.6em;
    font-size: 16px;
    position: relative;
    padding-left: 40px;
}

.job-container li:before {
    content: '';
    width: 4px;
    height: 4px;
    margin-top: 12px;
    left: 16px;
    background-color: var(--bs-site-red);
    border-radius: 50%;
    top: 0px;
    position: absolute;
}

.job-container li:not(:last-child) {
    margin-bottom: 10px;
}

.job-container p strong {
    margin-top: 20px;
    display: block;
}

.form-main-block .form-group {
    display: flex;
    /* align-items: center; */
}

.form-main-block .form-group .form-left {
    width: 50%;
    padding-right: 10px;
}

.form-main-block .form-group .form-right {
    width: 50%;
    padding-left: 10px;
}

.form-main-block .form-group label {
    color: #333;
    font-weight: 400;
    line-height: 1.2em;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;

}

.form-main-block .form-group label span {
    color: var(--bs-site-red);
    padding-left: 3px;
}

.form-main-block .form-group {
    margin-bottom: 15px;
}

.form-main-block [type="radio"]:checked,
.form-main-block [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.form-main-block [type="radio"]:checked+label,
.form-main-block [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

.form-main-block [type="radio"]:checked+label:before,
.form-main-block [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

.form-main-block [type="radio"]:checked+label:after,
.form-main-block [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: var(--bs-site-red);
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.form-main-block [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.form-main-block [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.form-main-block div.error {
    background-color: #fafafa;
    padding: 5px;
    color: var(--bs-site-red);
    width: 100%;
    margin-top: 5px;
    font-size: 14px;
    line-height: 1em;
}

@media (min-width: 576px) {
    .modal {
        --bs-modal-width: 800px;
    }
}

.job-container .form-container {
    background-color: #fae4e2;

    padding: 20px;
    margin: 40px 0px;
    font-weight: 400;
    font-size: 16px;
    max-width: 1250px;



}

.job-container .form-container li:before {
    display: none;
}

.job-container .form-container li {
    padding: 0px;
    margin: 0px;
}

.job-container .form-container ul {
    display: flex;
    /* align-items: center; */
    gap: 20px;
}

.job-container .form-container .form-control {
    border: 1px solid #ebebeb;
    padding: 11px 15px;
    color: #333;
    font-weight: 400;
    line-height: 1.2em;
    font-size: 14px;
    font-weight: 400;
}

.input-with-file {
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid #fee6e4;
    padding: 15px;
}

.content-header.content-title {
    background-color: var(--bs-site-red);
    padding: 40px 0px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 1em;
    font-weight: 700;
    background-color: #000;
}
 .form-container-block label.error {
    color: var(--bs-site-red);
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 400;
    background: #fff;
    line-height: 1em;
}
 div.text-danger .error-message {
     color: var(--bs-site-red);
    background: #fff;
    padding: 4px 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 1em;
}
#submitBtn{
    font-size: 22px;
    padding: 10px 35px 10px 26px;
}
.form-container-top select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #fff url(../images/chevron-down.svg) no-repeat center;
    background-position: 97% 54%;
    background-size: 11px;
}
.form-last-inner .form-last-right .image-vid-container {
    /* max-width: 800px; */
    margin: 0 auto;
    display: flex
;
    gap: 20px;
    margin-bottom: 20px;
    width: 100%;
    /* justify-content: center; */
    align-items: center;
}
.form-last-right img {
    background-color: #fff;
    padding: 10px;
    box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 7%);
    margin-top: 15px;
    width: 50%;
    height: 420px;
    object-fit: cover;
    object-position: top;
}
.steps-last h2 {
    text-align: center;
    font-weight: 700;
    color: #000;
    font-size: 28px;
    margin: 20px 0px;
}
.form-last-right .main-checkbox {
    background-color: #FFD6DB;
    padding: 6px 10px;
    margin-top: 10px;
    display: flex
;
    align-items: center;
}
 html .main-checkbox.main-checkbox-ap {
    background-color: #FFD6DB;
    padding: 6px 10px;
    margin-top: 10px;
    display: flex
;
    align-items: center;
    border: 0px;
}
 html .main-checkbox.main-checkbox-ap  label{
    color: #BB1823;
 }
 .card-body .form-control {
    font-size: 18px;
    color: #000;
    font-size: 18px;
    padding: 12px 15px;
    color: #333;
    height: auto;
}
#sub1 ,.qr-container-main .btn.btn-success{
    font-size: 22px;
    padding: 10px 35px 10px 26px;
}
.card-body.market-body {
    background-color: #f8f8f8;
}
.market-body {
    font-size: 16px;
    padding: 28px;
}
.main-checkbox input[type=checkbox] + label {
    display: block;
    margin: 0.2em;
    cursor: pointer;
    padding: 0.2em;
    line-height: 1em;
  }
  
.main-checkbox  input[type=checkbox] {
    display: none;
  }
  
 .main-checkbox input[type=checkbox] + label:before {
    content: "\2714";
    border: 0.1em solid #ccc;
    border-radius: 0.2em;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding-left: 3px;
    padding-bottom: 0px;
    margin-right: 5px;
    vertical-align: bottom;
    color: transparent;
    transition: .2s;
    background-color: #fff;
    padding-top: 0px;
  }


 .main-checkbox input[type=checkbox] + label:active:before {
    transform: scale(0);
  }
  
 .main-checkbox input[type=checkbox]:checked + label:before {
    background-color: #BB1823;
    border-color: #BB1823;
    color: #fff;
  }
 html .form-last-left .main-checkbox-ap input[type=checkbox]:checked + label:before {
    background-color: #BB1823;
    border-color: #BB1823;
    color: #fff;
    padding-top: 2px;
  }
  
 .main-checkbox input[type=checkbox]:disabled + label:before {
    transform: scale(1);
    border-color: #aaa;
  }
  
  .main-checkbox input[type=checkbox]:checked:disabled + label:before {
    transform: scale(1);
    background-color: #e1eaf4;
    border-color: #e1eaf4;
  }
#datetimepicker3 #basicDate-error {
    position: absolute;
    left: 0px;
    top: 38px;
}
.input-file-upload {
    background-color: #DBF0F2;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    background-color: #fff4f3;
    border: 1px solid #fee6e4;
    border-radius: 5px;
    height: 42px;
    max-width: 100%;
    color: #e8232e;
    width: 100%;
}
.search-bar  {
      background-color: #fff4f3;
    border: 1px solid #fee6e4;
    padding: 20px 0px;
    margin-bottom: 30px;
}
.visitor-company, .company-block {
    background: #fee6e4;
    padding: 15px;
    padding-bottom: 0px;
    padding-top: 20px;
    margin-bottom: 20px;
}
html .form-container-top h3 {
    background-color: var(--bs-site-red);
    padding: 10px;
    margin: 0px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #fff;
}
.card-no-order{
    border: 0px;
}
.pic-vist {
    margin: 0px;
    padding: 15px 20px;
    background-color: #def4ea;
}
.snapshot-button, .btn-take-snapshop-again {
    margin-top: 10px;
    padding: 15px 25px;
    font-size: 20px;
    background: #198754;
    color: #fff;
    border: 0px;
}
.form-container-top .col-md-6.left {
    padding-left: 50px;
}
.input-file-upload::file-selector-button {
    border: none;
    border-radius: 0px 0px 0px 0px;
    color: white;
    background-color: #e8232e;
    border: 1px solid #e8232e;
    height: 42px;
    cursor: pointer;
    transition: all .25s ease-in;
    cursor: pointer;

}

.input-file-upload::file-selector-button:hover {
    background-color: #000;
    color: #fff;
    transition: all .25s ease-in;
    border-color: #000;
}

.job-container .sub-btn {
    color: white;
    font-size: 14px;
    line-height: 1.2em;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    background: var(--bs-site-red);
    text-align: center;
    padding: 12px 35px;
    border-radius: 20px;
    color: white;
    text-decoration: none;
    display: inline-block;
    margin-top: 20px;
    border: 0px;
}

/* #radiogroup-error{
    position: absolute;
    left: 0px;
    top:30px
} */
 .ack-block{
    background-color: #fafafa;
    padding: 12px 20px;
    margin:0px;
    margin: 80px 0px;
      
    background-color: #d4edda;
    border:1px solid #c3e6cb;
    border: 0px;
}

.ack-block h3{
    font-size: 15px;
    line-height: 1.2em;
    font-weight: 400;
    margin: 0px;
      color: #155724;
}
.form-last-left .main-checkbox {
    background-color: #e2fff1;
    padding: 6px 10px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    border: 1px solid #cce4d8;
    border: 0px;
}
.thankyou-main-inner{
    margin: 60px 0px;
    background-color: #fafafa;
    padding: 30px 20px;
}
.thankyou-main-inner h3{
    font-weight: 700;
    color: #000;
    font-size: 25px;
    line-height: 1.2em;
    margin: 0px;
    margin-bottom: 15px;
}
.thankyou-main-inner p{
    font-size: 15px;
    line-height: 1.5em;
    font-weight: 400;
    color: #666;
}
.icon-circle{
    height: 35px;
    width: 35px;
    border-radius: 50%;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    background-color: #18AA4A;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
}
.thankyou-main-inner ul li{
    display: flex;
    padding: 6px 10px;
    background: #b8f1cc;
    margin-bottom: 15px;
}
.icon-circle i{
    font-size: 17px;
}
.thankyou-main-inner ul li:nth-child(3),.thankyou-main-inner ul li:nth-child(4){
    background-color: #fff;
}
.thankyou-main-inner ul li:nth-child(3) .icon-circle,.thankyou-main-inner ul li:nth-child(4) .icon-circle{
    background: #BB1823;
}
.thankyou-main-inner ul{
    margin-top: 20px;
}
.thankyou-main-inner ul li span p:first-child{
    font-weight: 700;
    color: #137649;
}
.thankyou-main-inner ul li:nth-child(3) span p,.thankyou-main-inner ul li:nth-child(4) span p{
    color: #000;
}
.thankyou-main-inner ul li:nth-child(3) span i,.thankyou-main-inner ul li:nth-child(4) span i{
   font-size: 25px;
}
.thankyou-main-inner ul li span p{
    color: #137649;
}
.form-last-left .main-checkbox label {
    color: #137649;
    font-size: 14px;
    font-weight: 400;
    margin: 0px !important;
    display: flex !important;
    align-items: center;
}
.form-last-left .main-checkbox input[type=checkbox]:checked + label:before {
    background-color: #137649;
    border-color: #137649;
    color: #fff;
}
.eng-vid{
    display: none;
}
.form-last-left.active .eng-vid{
    display: block;
}
.form-last-left.active .nepali-vid{
    display: none;
}
.form-last-left-in{
    max-width: 638px;
    margin: 30px auto;
}
.form-last-left-in video{
    box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 7%);
  border: 6px solid #ffff;
}
.check-list {
    position: relative;
}
.main-checkbox-ins input[type=checkbox] + label:before{
    padding-top: 3px;
    padding-left: 2px;
}
.qr-generated {
    background-color: #f8f8f8;
    padding: 60px 0px;
}
.qr-main-generated h3{
    font-weight: 700;
    font-size: 25px;
    line-height: 1.2em;
    color: #155724;
}
.qr-main-generated p{
    font-size: 15px;
    line-height: 1.4em;
    font-weight: 400;
    color: #666;
    margin: 20px 0px;
}
.qr-main-generated .success-button{
    display: block;
    margin-top: 20px;
}
.qr-main-generated img{
    box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 7%);
}
.load-popup#myModal  .modal-header .btn-close,.load-popup#myModal1  .modal-header .btn-close,.load-popup#myModal2  .modal-header .btn-close,.load-popup#myModal3  .modal-header .btn-close {
    color: #fff;
    --bs-btn-close-bg: url(data:../img/downlod.png);
    opacity: 1;
    font-size: 40px;
    --cui-btn-close-bg: none;
}
.load-popup#myModal  .modal-header,.load-popup#myModal1  .modal-header,.load-popup#myModal2  .modal-header, .load-popup#myModal3  .modal-header {
    background-color: var(--bs-site-red);
    border: 0px;
}
.load-popup#myModal  .modal-header h1,.load-popup#myModal1  .modal-header h1,.load-popup#myModal2  .modal-header h1,.load-popup#myModal3  .modal-header h1{
    color: #fff;
}
.load-popup .modal-body img{
    width: 100% !important;
}

.load-popup#myModal1 a.btn-link{
    
    padding: 15px 25px;
    background: var(--bs-site-red);
    font-size: 16px;
 margin: 0 auto;
    text-align: center;
    display: block;
    max-width: 300px;
    margin-bottom: 20px;
}
    .load-popup#myModal1 a.btn-link:hover{
         color: var(--bs-site-red);
          background: #fff;

    }


@media screen and (max-width: 1200px) and (min-width:1100px) {
    .header-menu ul li:not(:last-child) {
        margin-right: 25px;
    }
}

@media screen and (max-width: 1100px) and (min-width:769px) {

    #header-container .col-md-3 {

        width: 20%;

    }



    #header-container .col-md-9 {

        width: 80%;

        padding-left: 0px;

    }



    .header-menu ul li a {



        font-size: 10px;



    }



    .header-menu ul li:not(:last-child) {

        margin-right: 6px;

    }



    html .header-menu ul li a.btn-link {



        padding: 8px 10px;

        border-radius: 10px;

        font-size: 9px;

    }



    .main-banner-top {



        max-width: 100%;

        padding-top: 100px;

    }



    a.btn-link.btn-white {



        padding: 18px 28px;



        font-size: 15px;

        line-height: 1em;

    }



    .main-banner-bottom h2,

    .plus-counter {

        color: #eeeeee;

        font-size: 33px;

    }



    .count-block p {



        font-size: 15px;

        padding-top: 10px;

    }



    .main-container {

        min-height: 479px;

        margin-top: -67px;

    }



    .main-container:after {

        bottom: -7px;

    }



    .about-content {

        padding: 40px 30px;

    }



    .about-content h2 {

        font-size: 28px;

    }



    .about-content p {

        font-size: 15px;

    }



    .vision-content h2 {



        font-size: 26px;

    }



    .vision-content h4 {



        font-size: 23px;

        margin-bottom: 10px;

    }



    .vision-content p {



        font-size: 15px;

    }



    .vision-container {



        padding: 70px 0px;

    }



    .vision-container:before {

        background-size: 30%;

    }



    .vision-container:after {

        bottom: -44px;

        left: 0px;

    }



    .bottle-cap {

        min-height: inherit;

    }



    .footer-loco {

        display: block;

    }



    .footer-top-content .col-md-5 {

        width: 34.666667%;

    }



    .footer-top-content .col-12:nth-child(2) {

        width: 23.66666667%;

    }



    .footer-top-content .footer-menu a {

        font-size: 15px;

    }



    .footer-top-content h2 {



        font-size: 20px;

        line-height: 1em;

        padding-bottom: 15px;

    }



    .footer-top-content .col-md-3 {

        padding-left: 20px;

        width: 20%;

    }



    .footer-top-content .col-12:nth-child(4) {

        width: 21.66666667%;

    }



    .footer-social ul li:not(:last-child) {

        margin-right: 0px;

    }



    .footer-loco-right {

        margin-top: 15px;

    }



    .footer-copy p {



        font-size: 13px;

        padding-top: 10px;

        line-height: 1.3em;

    }



    .footer-bottom:after {



        height: 136px;

        width: 130px;

        background-size: 100%;

    }



    .footer-copy {

        top: 100px;

    }



    .header-menu li:hover ul {

        height: 186px;

    }

}

.mar-con a {
    color: var(--bs-site-red);
}


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

    .header-menu ul li a.btn-link {

        background: var(--bs-site-red);

        text-align: center;

        padding: 12px 35px;

        border-radius: 20px;

        color: white;

        text-decoration: none;





    }



    .submenu {

        display: block;

        position: absolute;

        left: 0;

        top: 145%;

        height: 0;

        width: 100%;

        overflow: hidden;

        background: #fff;

        transition: .2s;

        min-width: 200px;
        z-index: 99;

    }



    .submenu li:hover {

        background: var(--bs-black)
    }



    .header-menu li:hover ul {

        height: 240px;

    }

    .header-menu li:hover ul.about-sub {

        height: 240px;

    }

    .header-menu li:hover ul.submenu.sus-sub {

        height: 184px;

    }

    .header-menu li:hover ul.submenu.real-sub {

        height: 205px;

    }



    .submenu li {

        display: block;

        position: relative;

        margin: 0;

        padding: 10px 20px;

        cursor: pointer;

        width: 100%;

        border-bottom: 1px solid #ebebeb;
        line-height: 1em;
        padding: 0px;

    }



    .header-menu ul li {

        position: relative;

    }



    .header-menu .submenu li a {

        color: var(--bs-site-red);
        padding: 10px 20px;

    }



    .header-menu .submenu li:hover a {

        color: #fff;

    }



}



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

    .mean-container .mean-nav ul li a {

        text-transform: capitalize;

        font-size: 15px;

        line-height: 15px;

        background-color: var(--bs-black);

        text-transform: uppercase;

        font-size: 13px;

        line-height: 13px;

    }



    .mean-container .mean-nav ul li a.mean-expand {

        height: 15px;

    }



    .mean-container .mean-nav ul li {

        background: none;

    }



    .sf-menu ul {

        position: static;

    }



    .mean-container .mean-nav ul ul li a:hover {

        background-color: rgba(246, 21, 18, 0.83);

    }



    .mean-container .mean-nav ul ul {

        /* background-color: rgba(30, 95, 182, 0.83); */

    }



    .mean-container .mean-bar {

        background-color: transparent;

        z-index: 999;

        right: 0px;

        top: 2px;

        top: 13px;

        top: -40px;

    }





    html .mean-container a.meanmenu-reveal {

        width: auto;

        height: auto;

        padding: 0px;

        position: absolute;

        top: 35px;

        right: 10px !important;

        cursor: pointer;

        color: #fff;

        text-decoration: none;

        font-size: 16px;

        text-indent: inherit;

        line-height: 22px;

        font-size: 32px !important;

        display: inline-block;

        background-color: transparent !important;

        /* font-family: Arial, Helvetica, sans-serif; */

        color: var(--bs-site-red);

    }



    .header-menu {

        display: none;

    }



    html .mean-container a.meanmenu-reveal.meanclose {

        background-color: transparent !important;

        color: var(--bs-site-blue);

        color: var(--bs-white);

        top: 35px;

        color: black;

    }







    .mean-container .mean-nav ul li a {

        border-radius: 0px;

    }



    html .mean-container .mean-nav {

        margin-top: 76px;

    }



    /* .listing-sim li {

        display: block;

    } */



    .header-menu {

        display: none;

    }



    .main-container {

        margin-top: 0px;

    }



    .about-bottom .about-content {

        position: static;

        text-align: left;

        padding-bottom: 30px;

    }



    .about-content {

        position: static;

        width: 100%;

        transform: none;

        border-radius: 0px;

        padding: 0px;

        padding-top: 20px;

    }



    .footer-loco {

        display: block;

    }



    .about-content h2 {

        font-size: 25px;
        line-height: 1.2em;
        padding: 5px 0px;

    }

    .sustaining-container .sustain-box {
        height: 200px;
    }



    .about-content p {

        font-size: 15px;

        line-height: 1.6em;

    }

    .about-content p span {
        font-size: 15px !important;
    }



    .main-title h2 {

        padding-top: 30px;

        font-size: 28px;

        padding-bottom: 5px;

    }



    .main-title p {



        font-size: 16px;

        line-height: 1.4em;

    }



    .pro-item.slick-slide P {



        font-size: 16px;

        padding-top: 10px;

    }



    .celebrate-box a.btn-link,

    .about-content a.btn-link {

        font-weight: 400;

        font-size: 16px;

        padding: 15px 30px;

        margin-top: 15px;

    }



    .about-content a {

        float: none;

    }



    .about-bottom .col-md-4 {

        order: 2;

    }



    .about-bottom {

        margin-top: 30px;

    }



    .celebtate-block .col-md-6:nth-child(1) {

        padding-right: 12px;

    }



    .celebtate-block .col-md-6:nth-child(2) {

        padding-left: 12px;

        margin-top: 30px;

    }



    .main-title {

        text-align: center;

        padding-bottom: 20px;

    }



    .celebrate-box h3 {



        font-size: 20px;

        line-height: 1em;

        padding: 10px 0px;

    }



    .celebrate-box p {



        font-size: 16px;

        line-height: 1.5em;

        min-height: inherit;

    }



    .celebrate-container {

        padding-bottom: 0px;
        padding-top: 0px;

    }



    .vision-content h2 {

        font-size: 26px;

        margin-bottom: 0px;

    }
    .celebrate-box-con{
        margin-bottom: 30px;
    }
html .main-title h2.heading-medium {
    font-size: 28px;
    
}
html .count-block{
    height: 90px;
}
html .celebrate-box-con p{
    height: auto;
    min-height: inherit;
}
html .block-item.block-3 img,html .block-item.block-5 img{
    height: 200px;
}
.block-item.block-5 {
    margin-top: 12px;
}
html .content-sustain {
    padding-top: 0px;
}
html .block-item h6 {
   
    padding: 15px 15px;
    font-size: 16px;
}
html .block-item {
  
    height: 200px;
}


    .vision-container {



        padding: 48px 0px;

        padding-bottom: 0px;

    }



    .vision-content h4 {



        font-size: 20px;

        margin-bottom: 5px;

        margin-top: 20px;



    }



    .vision-container:before {



        background-size: 20%;

    }



    .vision-container:after {



        bottom: -75px;





    }



    .vision-content p {



        font-size: 15px;



    }



    .supporting-inner .col-md-4:nth-child(2),

    .supporting-inner .col-md-4:nth-child(1) {

        position: static;

    }



    .slogon-supporting {

        display: block;

        position: static;

        margin: 0px;

        margin-top: 0px;

    }



    .header-menu {

        display: none;

    }



    .supporting-container {

        padding: 40px 0px;

        padding-bottom: 20px;

    }



    .slogon-supporting h2 {



        font-size: 28px;

        max-width: inherit;

        position: static;

        text-align: center;



    }



    #footer-container {

        padding-top: 40px;

    }



    .footer-logo img {

        max-width: 200px;

    }



    .footer-top-content {

        padding-top: 20px;

        margin-bottom: -1px;

        background: #fff;

        position: relative;

        z-index: 9;

    }



    #header-container {

        height: 60px;

    }



    .footer-top-content h2 {



        font-size: 18px;

        line-height: 1em;

        padding-bottom: 8px;

    }



    .footer-top-content h5 {



        font-size: 16px;

        padding-bottom: 8px;

    }



    .footer-top-content p,

    .footer-top-content a {



        font-size: 13px;

        line-height: 1.6em;



    }



    .footer-top-content .col-md-3 {

        padding-left: 12px;

        margin: 20px 0px;

    }



    .footer-loco-right {

        margin: 10px 0px 20px 0px;

    }



    .footer-top-content .footer-menu a {

        font-size: 14px;

    }



    .footer-bottom:after {

        display: none;

    }



    .footer-copy {

        text-align: center;

        position: relative;

        top: 50px;

    }



    .footer-copy p {



        font-size: 12px;

        padding-top: 0px;

        line-height: 1.6em;

        padding: 0px 10px;

    }



    .footer-bottom {

        min-height: 150px;

        margin-top: 0px;

    }



    .main-banner-top h2 {

        font-size: 18px;



    }



    .main-banner-top h6 {

        font-size: 16px;

    }



    .header-logo {

        position: absolute;

        top: 15px;

        left: 0px;

        z-index: 999;

    }



    .header-logo img {

        max-width: 170px;

    }



    .mean-nav li a i {

        display: none;

    }



    .supporting-inner a .bottle-cap img {

        max-width: 200px;

    }



    .bottle-cap {

        min-height: inherit;

    }



    .bottle-cap h3 {



        font-size: 16px;



        max-width: 131px;



        line-height: 1.6em;



    }



    .main-banner-top {

        padding-top: 20px;

        max-width: 100%;

    }



    .main-banner-bottom .col-md-2:first-child {

        width: 100%;

        padding: 0px;

        margin-bottom: 20px;



    }



    .count-block {

        margin: 0px;



    }



    .main-banner-bottom h2,

    .plus-counter {



        font-size: 32px;



    }



    .count-block p {



        font-size: 12px;

        padding-top: 6px;

        padding-bottom: 0px;

    }



    .count-block-container .col-md-2:not(:first-child) {

        width: 50%;

        margin: 10px 0px;

        padding: 0px 5px;

    }



    a.btn-link.btn-white {



        padding: 15px 30px;

        font-size: 15px;



    }



    .main-container {

        min-height: 430px;

    }



    .main-container:after {

        display: none;

    }

    .celebrate-box h3 {
        min-height: inherit;
    }

    .celebrate-box img {
        height: auto;
        width: 100%;
    }

    .inner-main-container {

        margin-top: 0px;
        height: 250px;
        position: relative;

    }

    .inner-main-container.sus-main-content {
        height: 250px !important;
        min-height: 200px;
    }

    .inner-main-container.sus-main-content .inner-sub-block h3 {
        margin-top: 0px !important;
        font-size: 19px;
        line-height: 1.4em;
    }

    .inner-main-container.sus-main-content .col-1 {
        display: none;
    }

    .inner-main-container.sus-main-content .col-10 {
        width: 100%;
    }

    .inner-main-container .inner-main-banner-top {


        /* background: rgba(255, 255, 255, .9);
        padding: 15px; */
        /* margin-top: 45px; */
    }

    .inner-main-banner-top h2 {
        /* color: var(--bs-site-red); */
        font-size: 25px;
        line-height: 1.2em;
        font-weight: 600;
        margin-bottom: 0px;
    }

    .inner-main-container .align-items-center {
        /* align-items: inherit !important; */
        position: absolute;
        top: 0px;
        width: 100%;
    }

    .inner-main-container .container {
        position: relative;
    }

    .inner-main-banner-top h6 {
        font-weight: 400;
        font-size: 14px;
    }

    .sustain-detail-container,
    .relation-download {

        padding: 30px 0px;
    }

    .sustaindetail-inner,
    .relation-inner,
    .subdetail-inner {
        padding: 20px;
    }

    .sustain-content p,
    .sub-content p {
        font-size: 15px !important;
    }

    .sustain-detail-container.read-sus-container h2 {
        font-size: 20px;
    }

    .sustain-detail-container.read-sus-container {
        padding-top: 0px;
    }

    .read-sus-container a {

        margin-top: 5px;
        font-size: 15px;
    }

    ol.sustainability-list {
        padding-top: 10px;
    }

    .pro-list-con {
        position: relative;
        margin: 0px;
        width: 100%;
        max-height: inherit;
        border-radius: 0px 0px 12px 12px;
        padding: 20px 15px;
        min-height: inherit;
    }

    .img-pro {
        margin: 0px;
        padding: 30px 20px;
        border-radius: 12px 12px 0px 0px;
    }

    .img-pro img {
        max-height: 200px;
    }

    .pro-list-con h2 {
        font-size: 30px;
        margin-bottom: 5px;
    }

    .pro-list-con p {
        font-size: 15px;
    }

    .product-brand-listing .row:first-child {
        padding-top: 40px;
    }

    .ingre-list span {
        font-size: 12px;
        padding: 6px;
        word-break: break-all;
        margin-right: 3px;
        margin-top: 6px;
    }

    .dai-val {

        margin: 10px 0px;
        padding: 10px 12px;
    }

    .ingre-con {
        margin-top: 15px;
        padding-bottom: 0px;
    }

    .row-interchange .pro-list-con {
        margin: 0px;
    }

    .row-interchange .col-md-6:first-child {
        order: 2;
    }

    .row.grey,
    .row.orange,
    .product-brand-listing .row {
        padding-top: 30px;
    }

    .row.marron {
        padding-bottom: 40px;
    }

    .marketing-block {
        padding: 30px 0px;
        padding-bottom: 40px;
    }

    .marketing-block h2 {

        font-size: 20px;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .marketing-block p {
        color: #333;
        font-weight: 300;
        font-size: 15px;
    }

    .timeline-container {

        padding: 30px 12px;
    }

    html .cd-h-timeline__event-date {
        font-size: 80px;
    }

    .cd-h-timeline__container.container {

        margin-bottom: 10px;
    }

    .cd-h-timeline__event {

        padding: 10px 15px;
    }

    .bottlers-container-comp {
        padding: 30px 0px;
    }

    .company-content {
        padding: 0px;
    }

    #bottlers-terrai .col-md-6:nth-child(1) {
        order: 2;
    }

    .company-content h2 {

        font-size: 22px;
        margin-bottom: 10px;
        margin-top: 15px;
    }

    .company-content p {

        font-size: 15px;
    }

    #bottlers-terrai .company-content {
        padding: 0px;
    }

    .img-company {

        padding: 40px 0px;

    }

    .img-company img {
        max-width: 200px;
    }

    #bottlers-terrai {
        margin-top: 30px;
    }

    .mission-container h2 {
        font-size: 33px;
    }

    .mission-left {

        padding: 20px;
    }

    .mission-right {

        padding: 20px;
        margin-left: 0px;
        margin-top: 20px;
    }

    .mission-left {
        margin: 0px;
    }

    .mission-container p {

        font-size: 15px;
    }

    .mission-container {
        padding: 30px 0px;
        padding-top: 0px;
    }

    .members-container {
        padding-top: 0px;
    }

    .members-container .col-md-7 {
        padding: 0px 12px;
    }

    .slider-members .item img {
        border-radius: 12px 12px 0px 0px;
    }

    .member-right {

        padding: 20px;

        border-radius: 0px 0px 12px 12px;
    }

    .member-right h2 {

        font-size: 30px;
    }

    .member-right p {

        font-size: 15px;

        margin-top: 10px;
    }

    .members-container .owl-prev,
    .members-container .owl-next {

        margin-top: -20px !important;
    }

    .icon-ach {


        min-height: inherit;
        margin-bottom: 20px;
        padding-bottom: 54px;
    }

    .icon-ach h3 {

        font-size: 14px;
    }

    .ar-inner-left {

        height: 250px;
    }

    html .achive-inner-block .col-md-6 {
        padding: 0px;
    }

    .ar-inner-right {

        padding: 20px;
    }

    .ar-inner-right h2 {
        font-size: 25px;
    }

    .ar-inner-right p {

        font-size: 15px;
        margin-top: 10px;
    }

    .achive-inner-block {
        margin-top: 30px;
    }

    .marketing-block .container .row {
        background-color: #fff;
        padding: 20px 0px;
        margin-bottom: 20px;
    }

    .contact-area {

        border-radius: 4px;
        padding: 15px;
        margin-bottom: 30px;
    }

    .contact-inner-container h2 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .contact-inner-container {
        padding: 30px 0px
    }

    .map-container iframe {
        height: 250px !important;
        margin-bottom: 20px;
    }

    .contact-inner-container h4 {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .contact-inner-container p {

        font-size: 14px;
    }

    .contact-form {
        padding: 20px 15px;
    }

    .form-contact-block {
        padding: 30px 0px;
    }

    .sus-video-container .main-title h2 {
        font-size: 25px;
        padding-top: 0px;
    }

    .video-link h3 {

        margin-top: 20px;
        font-size: 25px
    }

    .video-inner {
        height: 250px;
    }

    /* .button-play.is-play .button-icon {
        height: 20px;
        width: 20px;
    } */

    .button-play.is-play {

        width: 60px;
        height: 60px;
    }

    .sustain-container {
        padding: 30px 0px;
    }

    .sus-video-container {
        padding: 30px 0px;
    }

    .sus-content {
        padding-left: 0px;
    }

    .sus-content h2 {

        font-size: 20px;
        margin-bottom: 6px;
    }

    .sus-content p {
        color: #333;
        font-weight: 300;
        margin-bottom: 20px;
        line-height: 1.6em;
        font-size: 15px;
    }

    .row-sus-interchnage .col-md-6:first-child {
        order: 2;
    }

    .sus-image img {
        margin-bottom: 20px;
    }

    .row-sus-interchnage .sus-content {
        padding: 0px;
        padding-right: 0px;
    }

    .sustain-container .row:not(:last-child) {
        margin-bottom: 30px;
    }

    .inner-content-sub .subdetail-inner h3 {
        font-size: 18px;
        line-height: 1.3em;
    }

    .sustain-content ul li,
    .sub-content ul li {

        font-size: 15px;
        padding-left: 26px;
    }

    .sustain-content ul li:before,
    .sub-content ul li:before {
        left: 10px;
    }

    .featured-image {
        margin: 0px;
        margin-bottom: 20px;

    }

    .sustain-content p span {
        font-size: 15px !important;
    }

    .relation-inner a.btn-link.btn-link-icon {

        padding: 7px 14px;
        font-size: 14px;

    }

    .relation-inner span {
        font-size: 14px;
    }

    .relation-inner a.btn-link.btn-link-icon img {
        width: 13px;
    }

    button.archive {
        font-size: 14px;
    }

    .news-detail-block {
        padding: 12px;
    }

    .news-detail-block h2 {

        font-size: 20px;
        margin: 10px 0px;
    }

    .date-block-1 {

        padding: 7px 15px;
        font-size: 12px;
        margin-bottom: 15px;
    }

    .news-detail-block p {

        font-size: 14px;
        margin-bottom: 10px;


    }

    html .header .company-block p span {
        color: #333 !important;
        font-size: 13px !important;
    }

    .main-tite h2 {
        color: var(--bs-site-red);
        font-size: 24px;
    }

    .main-tite {
        padding-top: 30px;
        text-align: center;
    }

    .team-members-block {
        padding: 30px 0px;
        padding-top: 0px;
    }

    .team-content {
        padding: 20px 20px 17px;
    }

    .block-members .team-content h5 {
        color: var(--bs-site-red);
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 5px;
    }

    html .main-slider {
        height: 300px;
    }

    html .main-slider .slick-slide {
        height: 300px;
    }


    .count-block-container .col-md-2:not(:first-child) {

        width: 32%;

        margin: 5px 0px;

        padding: 0px 5px;

    }

    .main-slider a.btn-link.btn-white {
        padding: 12px 20px;
        font-size: 13px;
    }

    .main-banner-bottom {
        padding-top: 15px;
    }

    .main-banner-bottom h2,
    .plus-counter {
        font-size: 25px;
    }

    .sustaining-container .sustain-box {
        height: 200px;
    }

    .purpose-container p {

        font-size: 15px;

        padding: 0px 20px;

    }

    .purpose-container {
        height: 300px;
    }

    .sustaining-container {
        padding: 30px 0px;
        padding-top: 10px;
    }
    html .purpose-container {
    margin-top: 30px;
    }
    html .main-title.team-main-title p {
   
    font-size: 15px;
    line-height: 1.5em;
    padding-bottom: 0px;
}
html .people-container{
    height: 200px;
}
html .product-slider-center .slick-center:before{
    height: 200px;
    width: 200px;
}
.product-slider-container .slick-slide img{
    height: 200px;
}
html .members-container div.owl-carousel .owl-nav button.owl-prev, html .members-container div.owl-carousel .owl-nav button.owl-next{
    height: 40px;
    width:40px;
}
html .purpose-container.members-container {
    
    height: auto;
    margin-bottom: 0px;
}
html .ach .achievement-block .main-title h2 {
    padding-top: 26px;
    font-size: 28px;
    line-height: 1.1em;
    letter-spacing: -0.5px;
    padding-bottom: 0px;
   
}
html .achievement-block-1#achi-block .col-md-2 {
    flex: 0 0 auto;
    width: 100%;
}
html .achievement-block .icon-ach{
    min-height: auto;
}
html .achievement-block-1#achi-block .col-md-2:last-child .icon-ach{
    margin-bottom: 0px;
}
}






html .members-container .owl-carousel .owl-nav button.owl-prev,
html .members-container .owl-carousel .owl-nav button.owl-next {
    background: #fff !important;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    font-size: 30px;
    color: var(--bs-site-red);
    box-shadow: 0px 6px 30px rgba(14, 18, 29, 0.06);
}

html .members-container .owl-carousel .owl-nav button.owl-prev:hover,
html .members-container .owl-carousel .owl-nav button.owl-next:hover {
    background-color: var(--bs-site-red) !important;
    color: #fff;
}






@media (min-width: 1200px) {

    .container {

        max-width: 1340px;

    }

}

@media (min-width: 1500px) {

    .supporting-inner {

        min-height: 700px;

    }

}



@media only screen and (max-width: 600px) {}



@media (max-width: 500px) {

    .row.orange .ingre-list span,
    .row.marron .ingre-list span,
    .row.red .ingre-list span,
    .row.green .ingre-list span,
    .row.grey .ingre-list span,
    .row.blue .ingre-list span {
        width: 100%;
    }

    .relation-download-inner ul li {
        display: block;
    }

    .relation-inner span {
        width: 100%;
        display: block;

    }

    .relation-inner span a {

        margin-top: 10px;
        display: inline-block;
    }

    html .mission-banner {
        height: 300px;
    }

    html .mission-container h2 {
        font-size: 20px;
    }

    html .main-slider .slick-dots li button {
        width: 18px;
        height: 18px;
    }

    html .main-slider .slick-dots {
        text-align: center;
        padding-top: 15px;
        bottom: -40px;
    }

    html .main-slider .slick-dots li button:before {
        font-family: 'slick';
        font-size: 9px;
        position: absolute;
        top: 0px;
        left: -1px;

    }
}



@media (max-width: 767px) {



    .container,

    .container-sm {

        max-width: 100%;

    }

}

/* Pagination */
.navigation-block .hidden {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 40px;
    margin-top: 20px;
}

.paging-bar svg {
    width: 25px;
}

.navigation-block .bg-white {
    padding: 3px !important;
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.navigation-block .relative.z-0.inline-flex.shadow-sm.rounded-md {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.navigation-block .flex.justify-between.flex-1 {
    display: none;
}

.paging-bar div:first-child {
    display: none;
}

.banner-inner-container {
    width: auto;
}

/* Mega Menu */
#header-container .v-center {
    align-items: center;
}

#header-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#header-container a {
    text-decoration: none;
}

/* header */
#header-container.header {
    display: block;
    width: 100%;
    position: relative;
    z-index: 99;
    padding: 0px;
}

.header .item-left {
    flex: 0 0 17%;
}

.header .logo a {
    font-size: 30px;
    color: #000000;
    font-weight: 700;
    text-decoration: none;
}

/* .header .item-center {
    flex: 0 0 66%;
} */

.header .item-right {
    flex: 0 0 17%;
    display: flex;
    justify-content: flex-end;
}

.header .item-right a {
    text-decoration: none;
    font-size: 16px;
    color: #555555;
    display: inline-block;
    margin-left: 10px;
    transition: color 0.3s ease;
}

.header .menu>ul>li {
    display: inline-block;
    line-height: 1em;
    margin-left: 10px;
}

.header .menu>ul>li>a {
    font-size: 15px;
    font-weight: 500;
    color: #000000;
    position: relative;
    text-transform: capitalize;
    transition: color 0.3s ease;
}

.header .menu>ul>li .sub-menu {
    position: absolute;
    z-index: 500;
    background-color: #ffffff;
    box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, 0.3);
    padding: 20px 30px;
    transition: all 0.5s ease;
    margin-top: 25px;
    opacity: 0;
    visibility: hidden;
}

.sust-content {
    padding: 10px 5px;
    background-color: #fff;
    font-family: var(--fontfamily-main2);
    border-radius: 0px 0px 5px 5px;
}

#header-container .sustain-mega-container a {
    padding: 0px;
}

.sustain-mega-box {
    border-radius: 5px;
}

.sust-content p {
    font-size: 14px;
    font-weight: 400;
    color: #475166;
    line-height: 1em;
    text-transform: capitalize;
}

.sust-content p:first-child {
    color: #222;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4em;
    text-transform: capitalize;
    padding-bottom: 5px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4em;
    text-transform: capitalize;
    padding-bottom: 5px;
    min-height: 47px;
    text-align: center;
}

#header-container .sustain-mega-container .col-md-2 {
    flex: 0 0 auto;
    width: 20%;

}

.img-sust img {
    border-radius: 5px 5px 0px 0px;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .5);
    height: 195px;
    object-fit: cover;
    width: 100%;
}

.img-sust {
    overflow: hidden;
    border-radius: 5px 5px 0px 0px;

}

#header-container .sustain-mega-container .col-md-2 a:hover img {
    transform: scale(1.1);
}

#header-container .single-column-menu ul a {
    color: #fff;
    font-size: 12px;
    line-height: 1.2em;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    display: block;
    font-family: var(--fontfamily-main2);
    color: #333;
}

#header-container .single-column-menu ul li:hover {
    background: transparent !important;
    color: #333;
}

#header-container .brand-last-ul li,
#header-container .brand-last-ul {
    width: 100%;
}

.block-item h6 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
    919 max-width: 100%;
    box-sizing: border-box;
    position: absolute;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-shadow: 1px 1px 5px #111;
    text-transform: uppercase;
}

.block-item {
    position: relative;
    overflow: hidden;
}

.block-item img {
    object-fit: cover;
    width: 100%;
}

.block-item.block-1 img {
    height: 375px;
}

.block-item.block-2 img {
    height: 187px;

}

.block-item.block-2,
.block-item.block-4 {
    margin-top: 12px;
}

.block-item.block-3 img {
    height: 262px;

}

.block-item.block-4 img {
    height: 300px;

}

.block-item.block-5 img {
    height: 576px;

}

.content-sustain .container-fluid {
    padding: 0px;
    overflow: hidden;
}

.overlay-block {
    transition: .3s ease-out;
    transition-property: opacity, transform, filter;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(-100%);
    background: rgba(0, 0, 0, .52);
}

.block-item:hover .overlay-block {
    opacity: 1;
    transform: translate(0, 0);
}


@media (min-width: 992px) {

    .header .menu>ul>li .sub-menu.mega-menu-column-4 {
        pointer-events: none;

    }

    /* .header .menu>ul>li.menu-item-has-children:hover .sub-menu {
        margin-top: 21px;
        visibility: visible;
        opacity: 1;
        margin-top: 0px;
    } */
    .header .menu ul li.menu-item-has-children.menu-item-has-children-1:hover .sub-menu-1 {
        margin-top: 21px;
        visibility: visible;
        opacity: 1;
        margin-top: 0px;
        display: block;

        pointer-events: all;
    }

    .header .menu ul li.menu-item-has-children.menu-item-has-children-2:hover .sub-menu-2 {
        margin-top: 21px;
        visibility: visible;
        opacity: 1;
        margin-top: 0px;
        display: block;
        pointer-events: all;
    }

    .header .menu ul li.menu-item-has-children.menu-item-has-children-3:hover .sub-menu {
        margin-top: 21px;
        visibility: visible;
        opacity: 1;
        margin-top: 0px;
        pointer-events: all;
    }

    .header .menu ul li.menu-item-has-children.menu-item-has-children-4:hover .sub-menu {
        margin-top: 21px;
        visibility: visible;
        opacity: 1;
        margin-top: 0px;
        pointer-events: all;
    }

    .header .menu ul li.menu-item-has-children.menu-item-has-children-1:hover .sub-menu {
        margin-top: 21px;
        visibility: visible;
        opacity: 1;
        margin-top: 0px;
        pointer-events: all;
    }

    .menu-main li:nth-child(1):hover {
        background: linear-gradient(90deg, rgba(234, 42, 24, 1) 0%, rgba(214, 26, 8, 1) 50%);
        color: #fff;
    }

    .menu-main li:nth-child(6):hover {
        background: #b59e74;
        color: #fff;
    }

    .menu-main li.menu-item-has-children:nth-child(1):hover .sub-menu {
        background: linear-gradient(90deg, rgba(234, 42, 24, 1) 0%, rgba(214, 26, 8, 1) 50%);
        color: #fff;
        background: #fff;
        border-top: 6px solid rgba(214, 26, 8, 1);
    }

    .menu-main li:nth-child(3):hover {
        background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(37, 36, 36, 1) 50%);
        color: #fff;
    }

    .menu-main li:nth-child(2):hover {
        background: linear-gradient(90deg, rgba(4, 101, 162, 1) 0%, rgba(8, 128, 203, 1) 50%);
        background: linear-gradient(90deg, rgba(255, 149, 0, 1) 0%, rgba(255, 149, 0, 1) 0%);
        color: #fff;
    }

    .menu-main li.menu-item-has-children:nth-child(2):hover .sub-menu {
        background: linear-gradient(90deg, rgba(4, 101, 162, 1) 0%, rgba(8, 128, 203, 1) 50%);
        background: linear-gradient(90deg, rgba(255, 149, 0, 1) 0%, rgba(255, 123, 0, 1) 0%, rgba(255, 149, 0, 1) 100%);

        color: #fff;
        background: #fff;
        border-top: 6px solid rgba(255, 123, 0, 1);
    }

    .menu-main li.menu-item-has-children:nth-child(3):hover .sub-menu {


        color: #fff;
        background: #fff;
        border-top: 6px solid #000;
    }

    .menu-main li:nth-child(4):hover {
        background: #6ace7f;
        color: #fff;
    }

    .menu-main li:nth-child(5):hover {
        background: linear-gradient(90deg, rgba(236, 93, 0, 1) 0%, rgba(244, 127, 52, 1) 50%);
        background: linear-gradient(90deg, rgba(4, 101, 162, 1) 0%, rgba(8, 128, 203, 1) 50%);
        color: #fff;
    }



    .menu-main li.menu-item-has-children:nth-child(4):hover .sub-menu {

        color: #fff;
        background: #fff;
        border-top: 6px solid #6ace7f;
    }

    .menu-main li.menu-item-has-children:nth-child(5):hover .sub-menu {
        background: linear-gradient(90deg, rgba(236, 93, 0, 1) 0%, rgba(244, 127, 52, 1) 50%);
        background: linear-gradient(90deg, rgba(4, 101, 162, 1) 0%, rgba(8, 128, 203, 1) 50%);
        color: #fff;
        background: #fff;
        border-top: 6px solid rgba(8, 128, 203, 1);
    }

    .menu-main li:nth-child(1):hover {
        color: #fff;
    }

    #header-container ul.menu-main {
        display: flex;
        align-items: center;
    }

    #header-container a {
        padding: 23px 10px;
    }

    #header-container.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a:hover,
    #header-container.header .menu>ul>li .sub-menu>ul>li>a:hover,
    #header-container.header .item-right a:hover,
    #header-container.header .menu>ul>li:hover>a {
        color: #fff;

    }

    #header-container.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a:hover,
    #header-container.header .menu>ul>li .sub-menu>ul>li>a:hover {
        color: #fff;
        color: var(--bs-site-red);
    }

    #header-container ul ul a {
        padding: 10px 0;
        color: #555;
    }

    #header-container .menu-main li.menu-item-has-children:nth-child(2):hover .sub-menu a {
        color: #fff;
    }

    #header-container.header a.btn-link {
        color: white;
        font-size: 12px;
        line-height: 1.2em;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px;
        display: block;
        background: var(--bs-site-red);
        text-align: center;
        padding: 12px 35px;
        border-radius: 20px;
        color: white;
        text-decoration: none;
    }
}




.header .menu>ul>li .sub-menu>ul>li {
    line-height: 1;
}

.header .menu>ul>li .sub-menu>ul>li>a {
    display: inline-block;
    padding: 10px 0;
    font-size: 15px;
    color: #555555;
    transition: color 0.3s ease;
    text-decoration: none;
    text-transform: capitalize;
}

.header .menu>ul>li .single-column-menu {
    min-width: 280px;
    max-width: 350px;

}

.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li {
    line-height: 1;
    display: block;
}

.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {
    padding: 10px 0;
    display: inline-block;
    font-size: 15px;
    color: #555555;
    transition: color 0.3s ease;
}

.header .menu>ul>li .sub-menu.mega-menu {
    left: 50%;
    transform: translateX(-50%);
}

.header .menu>ul>li .sub-menu.mega-menu-column-4 {
    max-width: 1100px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 15px;
}

.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {
    flex: 0 0 25%;
    padding: 0 15px;
}

.header .menu {
    font-family: var(--fontfamily-main2);

}

.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .title {
    font-size: 16px;
    color: #ea4636;
    font-weight: 500;
    line-height: 1;
    padding: 10px 0;
}

.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title {
    text-align: center;
}

.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img {
    max-width: 100%;
    width: 100%;
    vertical-align: middle;
    margin-top: 10px;
    height: 300px;
    object-fit: cover;
}

.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a:hover,
.header .menu>ul>li .sub-menu>ul>li>a:hover,
.header .item-right a:hover,
.header .menu>ul>li:hover>a {
    color: #ea4636;
}

/* banner section */
.banner-section {
    background-image: url("../img/banner.jpg");
    background-size: cover;
    background-position: center;
    height: 700px;
    width: 100%;
    display: block;
}

.mobile-menu-head,
.mobile-menu-trigger {
    display: none;
}

.header .header-item ul li a {

    color: #333;
    font-size: 12px;
    line-height: 1.2em;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    display: block;
    font-family: var(--fontfamily-main2);

}
.header .header-item ul li a:hover i{
    color: #fff;
}

.header .company-block img {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    height: 69px;
}

.header .company-block p {
    font-size: 14px;
    line-height: 1.8em;
    padding: 0px;
    color: #fff;
    font-weight: 400;
}

.header .company-block p span {
    font-size: 14px !important;
    line-height: 1.8em !important;
    padding: 0px !important;
    color: #fff !important;
    font-weight: 400 !important;
    background: transparent !important;
}

.company-block h3 {
    color: #ffe57c;
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0px;
}

#header-container .submenu-sub {

    padding-left: 40px;
}

#header-container.header .submenu-sub li a {
    color: #fff;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.3em;
    text-transform: capitalize;
    padding: 0px;
    padding-bottom: 10px;
    color: #333;

}

h3.menu-link-item {
    margin-top: 18px;
    background-color: var(--bs-site-red);
    padding: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-left: 40px;
    margin-bottom: 20px;
    color: #fff
}

html #header-container.header .submenu-sub li:hover,
html #header-container.header .submenu-sub li a:hover {
    background: transparent !important;
    color: var(--bs-site-red);
}

.brand-listing-sub ul {
    display: flex;
    flex-wrap: wrap;
}

html #header-container.header li .col-md-9 {
    justify-content: inherit;
    width: 75%;
}

html #header-container.header li .col-md-3 {

    width: 25%;
}

.brand-listing-sub {
    width: 100%;
    padding-right: 30px;
}

.brand-listing-sub ul li {
    width: 18%;
    background-color: #fff;
    border-radius: 12px;
    margin-bottom: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3px 10px;
    margin-right: 10px;
    overflow: hidden;
    padding-bottom: 5px;
}

html #header-container.header .brand-listing-sub ul li:hover {
    background: #fff !important;

}

html #header-container.header .brand-listing-sub ul li:hover img {
    transform: scale(1.1);

}

html #header-container.header .brand-listing-sub ul li:hover p {
    color: var(--bs-site-red);
}

.brand-listing-sub ul li:nth-child(3) {
    background-color: var(--bs-site-red);
}

.brand-listing-sub ul li:nth-child(4),
.brand-listing-sub ul li:nth-child(5),
.brand-listing-sub ul li:nth-child(3),
.brand-listing-sub ul li:nth-child(7) {
    background-color: #fafafa;
    border: 1px solid #ebebeb;
    background: #fff;

}

.brand-listing-sub ul li {
    box-shadow: 0px 0px 17px 1px #ddd;
}

.brand-listing-sub ul li:nth-child(1) {
    background: #11BE3E;
    background-color: #fafafa;
    border: 1px solid #ebebeb;
    background: #fff;
}

html #header-container.header .brand-listing-sub ul li p,
html #header-container.header .brand-listing-sub ul li p,
html #header-container.header .brand-listing-sub ul li p,
html #header-container.header .brand-listing-sub ul li p {
    color: var(--bs-site-red);
}


.brand-listing-sub ul li:nth-child(2) {
    background-color: #fafafa;
    border: 1px solid #ebebeb;
    background: #fff;
}


.brand-listing-sub ul li:nth-child(6) {
    background: #333;
    background-color: #fafafa;
    border: 1px solid #ebebeb;
    background: #fff;
}

.brand-menu-container,
.brand-menu-container .row {
    width: 100%;
}

.brand-listing-sub ul li img {
    height: 105px;
}

#header-container ul.menu-main li.menu-all-brands .sub-menu-all-brands {
    background-color: #eee;
}

html #header-container.header .brand-listing-sub ul li p {
    padding: 0px;
    color: var(--bs-site-red);
    font-weight: 600;
    font-size: 15px;
    line-height: 1em;
    padding-top: 12px;
    text-transform: capitalize;
}

.brand-listing-sub h3 {
    color: #fff;
    font-weight: 600;
    font-size: 26px;
    line-height: 1em;
    padding-bottom: 16px;
    color: var(--bs-site-red);
    text-transform: uppercase;
}

.brand-listing-sub.brand-listing-sub-right ul li {
    width: 100%;
    background-color: #0465A2;
    max-width: 179px;
    background-color: #fafafa;
    border: 1px solid #ebebeb;
    background: #fff;
}


.header .menu>ul>li .sub-menu.mega-menu-column-4 {
    max-width: 100%;
}

.sub-menu.mega-menu {
    padding: 20px;
}

/*responsive*/
@media (max-width: 991px) {
    .header .item-center {
        order: 3;
        flex: 0 0 100%;
    }

    .header .item-left,
    .header .item-right {
        flex: 0 0 auto;
    }

    #header-container .v-center {
        justify-content: space-between;
    }

    .header .mobile-menu-trigger {
        display: flex;
        height: 30px;
        width: 30px;
        margin-left: 15px;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 15px;
    }
.header .header-item ul li a:hover i{
    color: #333;
}
    .header .mobile-menu-trigger span {
        display: block;
        height: 2px;
        background-color: #333333;
        width: 24px;
        position: relative;
    }

    .header .mobile-menu-trigger span:before,
    .header .mobile-menu-trigger span:after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #333333;
    }

    .header .mobile-menu-trigger span:before {
        top: -6px;
    }

    .header .mobile-menu-trigger span:after {
        top: 6px;
    }

    .header .item-right {
        align-items: center;
    }

    .header .menu {
        position: fixed;
        width: 320px;
        background-color: #ffffff;
        left: 0;
        top: 0;
        height: 100%;
        overflow: hidden;
        transform: translate(-100%);
        transition: all 0.5s ease;
        z-index: 1099;
    }

    .header .menu.active {
        transform: translate(0%);
    }

    .header .menu>ul>li {
        line-height: 1;
        margin: 0;
        display: block;
    }

    .header .menu>ul>li>a {
        line-height: 50px;
        height: 50px;
        padding: 0 50px 0 15px;
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .header .menu>ul>li>a .submenu-toggle {
               position: absolute;
        height: 30px;
        width: 30px;
        top: 0;
        right: 0;
        text-align: center;
        line-height: 50px;
        transform: rotate(-90deg);
        background: var(--bs-site-red);
        border: 0px;
        padding: 0px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 10px;
        right: 10px;
    }

    .header .menu .mobile-menu-head {
        display: flex;
        height: 50px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        justify-content: space-between;
        align-items: center;
        position: relative;
        z-index: 501;
        position: sticky;
        background-color: var(--bs-site-red);
        top: 0;
        border: 0px;
    }

    .header .menu .mobile-menu-head .go-back {
        height: 50px;
        width: 50px;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        cursor: pointer;
        line-height: 50px;
        text-align: center;
        color: #fff;
        font-size: 16px;
        display: none;
    }

    .header .menu .mobile-menu-head.active .go-back {
        display: block;
    }

    .header .menu .mobile-menu-head .current-menu-title {
        font-size: 15px;
        font-weight: 500;
        color: #fff;
    }

    .header .menu {
        font-family: var(--fontfamily-main2);
    }

    .header .menu .mobile-menu-head .mobile-menu-close {
        height: 50px;
        width: 50px;
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        cursor: pointer;
        line-height: 50px;
        text-align: center;
        color: #fff;
        font-size: 25px;
    }

    .header .menu .menu-main {
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .header .menu>ul>li .sub-menu.mega-menu,
    .header .menu>ul>li .sub-menu {
        visibility: visible;
        opacity: 1;
        position: absolute;
        box-shadow: none;
        margin: 0;
        padding: 15px;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 65px;
        max-width: none;
        min-width: auto;
        display: none;
        transform: translateX(0%);
        overflow-y: auto;
    }

    .header .menu>ul>li .sub-menu.active {
        display: block;
    }

    @keyframes slideLeft {
        0% {
            opacity: 0;
            transform: translateX(100%);
        }

        100% {
            opacity: 1;
            transform: translateX(0%);
        }
    }

    @keyframes slideRight {
        0% {
            opacity: 1;
            transform: translateX(0%);
        }

        100% {
            opacity: 0;
            transform: translateX(100%);
        }
    }

    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img {
        margin-top: 0;
    }

    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title {
        margin-bottom: 20px;
    }

    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center:last-child .title {
        margin-bottom: 0px;
    }

    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {
        flex: 0 0 100%;
        padding: 0px;
    }

    .header .menu>ul>li .sub-menu>ul>li>a,
    .header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {
        display: block;
    }

    .header .menu>ul>li .sub-menu.mega-menu>.list-item>ul {
        margin-bottom: 15px;
    }

    .menu-overlay {
        position: fixed;
        background-color: rgba(0, 0, 0, 0.5);
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1098;
        visibility: hidden;
        opacity: 0;
        transition: all 0.5s ease;
    }

    .menu-overlay.active {
        visibility: visible;
        opacity: 1;
    }

    .header .company-block img {

        border-radius: 5px;
        height: 60px;
        border: 1px solid #ebebeb;
    }

    .header .company-block p {
        color: #333;
        font-size: 13px;
        margin-bottom: 30px;
    }

    h3.menu-link-item {
        margin-top: 0px;
        margin-left: 0px;
        margin-bottom: 20px;
        background: #ebebeb;
    }

    #header-container.header .submenu-sub li a {
        color: #333;
        font-size: 13px;
    }

    #header-container .submenu-sub {
        padding-left: 0px;
    }

    .company-block h3 {
        color: var(--bs-site-red);
        font-size: 17px;
    }

    html #header-container.header li .col-md-9 {
        width: 100%;
        padding: 0px;
    }

    html #header-container.header li .col-md-3 {
        width: 100%;
        padding: 0px;
    }

    .brand-listing-sub {
        padding: 0px;
    }

    .brand-listing-sub ul li:nth-child(even) {
        margin-right: 0px;
    }

       html .brand-listing-sub ul li {
        width: 48%;
        margin: 0px;
    }

    .brand-menu-container,
    .brand-menu-container .row {
        margin: 0px;
    }

    .brand-listing-sub ul li img {
        height: 92px;
    }

   
    html  #header-container.header .container div.brand-listing-sub ul li p {
    font-size: 12px;
    
    line-height: 1.3em;
    text-transform: capitalize;
    padding-top: 5px;
    height: auto;
}
.sust-content p:first-child {

    font-size: 15px;
    line-height: 1.4em;
    text-transform: capitalize;
    padding-bottom: 0PX;
    min-height: auto;
    text-align: center;
}

    .brand-listing-sub h3 {
        color: var(--bs-site-red);
        padding-bottom: 10px;
        margin-top: 10px;
        font-size: 22px;
    }

    html #header-container.header .submenu-sub.about-sub li a:hover {
        color: var(--bs-site-red);
    }

    #header-container .sub-menu.single-column-menu.active {
        background-color: #fafafa;
    }

    #header-container .sub-menu.single-column-menu.active li:not(:last-child) {
        border-bottom: 1px solid rgba(255, 255, 255, .3);
    }

    #header-container .sub-menu.single-column-menu.active li a {
        padding: 12px 0px;
    }
    .brand-listing-sub ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

    #header-container .sustain-mega-container .col-md-2 {
        flex: 0 0 auto;
        width: 100%;
    }

    .sust-content {
        background-color: #fafafa;
        margin-bottom: 20px;
    }

    .brand-listing-sub.brand-listing-sub-right ul li {

        max-width: 140px;
    }

    .brand-listing-sub.brand-listing-sub-right h2 {
        margin-top: 20px;
    }



}

@media (min-width: 768px) {
    .main-container {
        margin-top: 0px;
    }

    #header-container {
        background: #fff;
    }
}

.main-slider .slick-slide,
.main-slider .slick-slide::before,
.main-slider .caption {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.main-slider .slick-slide::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.main-slider {
    position: relative;
    width: 100%;
    height: 41vw;
    min-height: 8vw;
    margin-bottom: 80px;
    opacity: 0;
    visibility: hidden;
    transition: all 1.2s ease;
}

.main-slider.slick-initialized {
    opacity: 1;
    visibility: visible;
}

.main-slider .slick-slide {
    position: relative;
    height: 38vw;
    height: 41vw;
}

/* .main-slider .slick-slide::before {
    background-color: #000;
    opacity: 0.3;
    z-index: 1;
} */

.main-slider .slick-slide video {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
}

.main-slider .slick-slide iframe {
    position: relative;
    pointer-events: none;
}

.main-slider .slick-slide figure {
    position: relative;
    height: 100%;
}

.main-slider .slick-slide .slide-image {
    opacity: 0;
    height: 100%;
    background-size: cover !important;
    background-position: center !important;
    transition: all 0.8s ease;
    opacity: 1;
}

.main-slider .slick-slide .slide-image.show {
    opacity: 1;
}

.main-slider .slick-slide .image-entity {
    width: 100%;
    opacity: 0;
    visibility: hidden;
}

.main-slider .slick-slide .loading {
    position: absolute;
    top: 44%;
    left: 0;
    width: 100%;
}

.main-slider .slick-slide .slide-media {
    animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}

.main-slider .slick-slide.slick-active {
    z-index: 1;
}

.main-slider .slick-slide.slick-active .slide-media {
    animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}

.main-slider .slick-slide.slick-active .caption {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
}

.caption {
    position: absolute;
    top: 44%;
    left: 5%;
    text-align: center;
    padding: 20px;
    border: 3px solid;
    color: #fff;
    margin: 0;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0.02em;
    opacity: 0;
    z-index: 1;
    transition: all 0.3s ease;
    transform: translateY(100px);
}

.main-slider .slick-dots {
    text-align: center;
    padding-top: 15px;
    bottom: -55px;

}

.main-slider .slick-dots li {
    display: inline-block;
    vertical-align: top;
    margin: 0 8px;
}

.main-slider .slick-dots li button {
    width: 25px;
    height: 25px;
    border: none;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid var(--bs-site-red);
    box-shadow: 0 0 0 0 transparent;
    vertical-align: middle;
    color: #fff;
    background-color: var(--bs-site-red);
    transition: all 0.3s ease;
    opacity: 0.4;
}

.main-slider .slick-dots li button:focus {
    outline: none;
}

.main-slider .slick-dots li button:hover {
    opacity: 1;
}

.main-slider .slick-dots li.slick-active button {
    border-color: var(--bs-site-red);
    box-shadow: 0 0 0 2px #fff;
    opacity: 1;
}

.main-slider .slick-dots li.slick-active button:before,
.main-slider .slick-dots li:hover button:before {
    color: #fff;
    opacity: 1;
}

.main-slider .main-slider .slick-dots li button,
.main-slider .slick-dots li button {
    opacity: 1;
}

.main-slider .slick-dots li button:before {
    font-family: 'slick';
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    top: 4px;
    left: 2px;
    color: var(--bs-site-red);
    opacity: 1;
}

@keyframes slideIn {
    from {
        filter: blur(15px);
    }

    to {
        filter: blur(0);
    }
}

@keyframes slideOut {
    from {
        filter: blur(0);
    }

    to {
        filter: blur(15px);
    }
}

.mission-container .mission-banner {
    justify-content: start;
}

.brand-listing-sub.brand-listing-sub-right ul li {
    width: 48%;
}

.brand-listing-sub ul li {
    width: 15%;
}

html #header-container.header div.brand-listing-sub ul li p {
    font-size: 13px;
    font-family: TCCC-UnityHeadline-medium;
    font-weight: 100;
    color: #000;
    line-height: 18px;
    text-transform: uppercase;
    padding-top: 8px;
    height:
        38px;
}

.sustaindetail-inner .featured-image {
    margin: 0px;
}

.counter-top .plus-counter {
    font-weight: 600;
    font-size: 28px;
    color: var(--bs-site-red);
}

div.achive-icon img {
    margin-top: -5px;
}

div.purpose-container p {
    font-weight: 300;
    font-size: 20px;
    text-shadow: 1px 1px 5px #111;
    margin-top: 28px;
}

.form-container-top,
.form-container-last {
    transition: opacity .15s linear;

}

.form-container-last {
    display: none;
}

.lnk-visitor-epass{
    text-align: right;
    float: right;
    color: white;
    background: red;
    padding: 5px 10px;
    border-radius: 25px;
}
.login-body-wrapper .input-with-icon-left input{
    height: 52px;
    padding-left: 64px;
}
html .login-banner {
   
    padding: 80px 0px;
    margin-top: 0px;
    
}
/* header .submenu-toggle{
    background-color: transparent;
    border: 0px;
    box-shadow: none;
}
.submenu-toggle i {
    transition: transform 0.3s ease;
}

.menu-item-has-children a:hover .submenu-toggle i {
    transform: rotate(180deg);
} */

button.submenu-toggle{
    background-color: transparent;
    border: 0px;
}