/* custom css here */
.header-middle {
    background-color: white !important;
    box-shadow: 0px 5px 9px 0px #0000002e;}
.logo-container {
    margin-top: 6px !important;
}

.horizontal-menu-block .navigation > ul > li > a {
    height: 60px;
    line-height: 60px !important;
    color: #000000 !important;}

.header-style-4 .horizontal-menu-block .navigation > ul > li.active > a, .header-style-4 .horizontal-menu-block .navigation > ul > li.has-active > a, .header-style-4 .horizontal-menu-block .navigation > ul > li:hover > a {
    background-color: #0fa755 !important;
}
.middle-content .customer-links .head-title {
    height: 60px;
    line-height: 60px;
}
.header-container .minicart-wrapper .action.showcart {
    position: relative;
    height: 60px;
    line-height: 60px;
}
.middle-content .header-wishlist .block-title{
 height: 60px;
    line-height: 60px;
}
.header-style-4 .header-top .customer-action .header-support ul li:before {
    color: #0a970d !important;
}
.header-container .minicart-wrapper .action.showcart .counter {
      height: 60px;
    line-height: 60px;
}
.header-container .minicart-wrapper .action.showcart .text {
    height: 60px;
    line-height: 60px;
}
.header-style-4.header-container .minicart-wrapper .action.showcart, .header-style-4 .middle-content .customer-links:hover .head-title, .header-style-4.header-container .middle-content .header-wishlist .block-title:hover {
    background-color: #16a658 !important;
    color: #FFFFFF !important;
}
.header-container .minicart-wrapper .action.showcart:after {
   line-height: 60px;

}
.header-style-4 .block-search .form.minisearch .actions button {
    background-color: #019851 !important;
    color: #ffffff;
}
.search-container .btn-search-header {
    height: 60px;
    line-height: 60px;    color: #000000;
}
.search-container .block-search {
    top: 10px;
}
.top-new {
    padding: 0px 3px 6px;
}
a:hover, .alink:hover {
    color: #0d930f !important;
}
.slider-style-1 .owl-theme .owl-dots .owl-dot:hover, .slider-style-1 .owl-theme .owl-dots .owl-dot.active, .slider-style-1 .owl-theme .owl-nav [class*="owl-"]:hover {
    background-color: #17a55b !important;
}
.title-color .block-title strong span {
    color: #12a953 !important;
}
.nav-style-3 .owl-theme .owl-nav [class*="owl-"]:hover {
    background-color: #28a745 !important;
}

.product-2-style .products-grid .product-item-info:hover .product-item-details .product-item-actions .actions-primary .tocart {
    background-color: #169e46 !important;
}
.product-2-style .products-grid .product-item-info .product-item-details .product-item-actions .actions-secondary .action:hover {
    background-color: #28a745 !important;
    color: #FFFFFF !important;
}
.product-labels .product-label.sale-label {
    background-color: #28a745;
}
.price-box .special-price .price {
    color: #28a745;
}
.deal-full .deals-countdown .deals-time .num-time {
    background-color: #28a745 !important;
    color: #FFFFFF;
}
.dots-style-1 .owl-theme .owl-dots .owl-dot.active span, .dots-style-1 .owl-theme .owl-dots .owl-dot:hover span{
    background-color: #28a745 !important;
}
.products-grid .product-item-info {
    box-shadow: -2px 4px 8px 0px #00000033;
margin-bottom:20px !important;
}
.products-grid .product-item-info .product-item-details .product-item-name {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 42px;
}

.products-grid .product-item-info .product-item-details .product-item-name a:hover {
   color: #040404 !important;
}
.price-box .special-price {
  font-size: 1.8rem;
}
.products-grid .product-item-info .product-item-details .price-box .old-price .price {
     top: 2px !important;
     font-size: 1.4rem !important;
}
.price-wrapper .price{
     font-size: 1.8rem !important;
}
.deal-full .products-grid .product-item-info .product-item-details .product-item-name {
    overflow: hidden;
}

.brand-slider-2 .item:hover {
    border-color: #28a745 !important;
}
.block-tablisting .sm-listing-tabs .ltabs-tabs-container .ltabs-tabs li.tab-sel, .block-tablisting .sm-listing-tabs .ltabs-tabs-container .ltabs-tabs li:hover {
    color: #000000 !important;
}
.block-tablisting .sm-listing-tabs .ltabs-tabs-container .ltabs-tabs li {
    color: #9d9d9d !important;
}
.clients-slider .slick-arrow:hover {
    background-color: #28a745 !important;
}
.footer-style-2 .list-services .icon-service {
    background-color: #28a745 !important;
}
.footer-style-2 .block-footer .footer-contact ul li:before {
    color: #28a745 !important;
}
.footer-style-2 .block-subscribe-footer .action-button button {
    background-color: #28a745 !important;
}
.middle-content .header-wishlist .block-title:before {
    color: white;
}

.text-theme-color {
    color: #28a745 !important;
}
.products-grid .product-item-info .image-product {    background: #c3edcc36 !important;
}
.sidebar .block .block-title {
    background-color: #333333 !important;
}
.price-slider-values {    text-align: left !important;
}
#price-slider .ui-slider-range {
    background-color: #0e0e0e !important;
}
.modes .modes-mode:hover, .modes .modes-mode.active {
    background-color: #000000 !important;
    border-color: #000000 !important;}

.product-home-full .products.wrapper.products-grid .product-items .product-item {
       padding: 0 10px !important;
}
.price-box .special-price, .price-box .old-price {    vertical-align: middle !important;
}
.product-info-main .box-tocart .action.tocart, .product-options-bottom .box-tocart .action.tocart {
    background-color: #28a745 !important;}
.page-title {
    text-transform: unset !important;
}
.product-info-main .product-social-links .action:hover, .product-info-main .product-addto-links .action:hover {
    background-color: #28a745 !important;}
.fotorama {    background: #9adaa921;
}
.action-dismiss{
background:red !important;
}
.minicart-items .product-item-details .price {
    color: #28a745;
}

.minicart-wrapper .block-minicart .minicart-items .product-item-name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.minicart-items .action.delete:before{
color:red !important
}
.product-info-main .page-title-wrapper .page-title {
    text-transform: normal;
        font-weight: 600;
        color: #000;
}
.bannersection{
           background-color: #16a658;
        color: white;
        margin-bottom: 20px;
        padding: 21px;
}
.bannersection .row{
align-items:center;
}

.knowmore{
               border-radius: 56px;
        display: flex;
        align-items: center;
}
.knowmore:hover{
        background-color: #16a658;
        color: white;
}
.circlepro{
        height: 100%;
        border-radius: 100%;
/*        clip-path: circle(46%);*/
        border: 2px solid white;
        background: #28a745;
        text-align: center;
}
.circlepro img{
        padding: 0;
        height: 68%;
        width: 100%;
        border-bottom: white 3px solid;
}
.circlepro p{
/*         height: 68px;*/
        background: #16a658;
        padding: 8px 0px;
        color: white;
        font-size: 15px;
        margin-bottom: 0;
    
}
.masking{
/*    clip-path: circle(44%);*/
    border: 1px solid white;
    background: white;
        padding: 8px;
}
.text-theme-color {
    color: #28a745 !important;
}
.header-mobile .mobile-top {
    background-color: #fff !important;
}
.title-color .block-title strong span {
    color: #28a745 !important;
}
.product-labels .product-label.sale-label {
    background-color: #28a745 !important;
}
.price-box .special-price .price {
    color: #28a745 !important;
}
.header-mobile .mobile-menu > a span {
    background-color: #090909 !important;
}
.minicart-mobile .minicart-wrapper .action.showcart:before {
    color: #090909 !important;
}
.home-page-4 .slider-style-1 .owl-theme .owl-dots {
    bottom: -20px !important;
}
.title-color .block-title strong {
    font-size: 166.142% !important;}
.title-color .block-title {
    text-align: center;
    margin-bottom: 10px !important;
}
.products-grid .product-item-info .product-item-details .product-item-name {
       white-space: wrap !important; 
}
    .deal-full .products-grid .product-item-info .image-product {
        width: 100% !important;
        background: #ffffff !important;
    }
.deal-full .products-grid .product-item-info {
    padding: 15px !important;
}
.product-labels .product-label.sale-label {
    left: 6px !important;
}
    .deal-full .products-grid .product-item-info .product-item-details {
       width: 100% !important;
    }
.deal-full .products-grid .product-item-info {
    width: 92% !important;
}
.deal-full .owl-stage-outer {
    margin-bottom: 5px !important;
}
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 5px !important;
}
.deal-full{
    margin-bottom: 20px !important;
    padding: 56px 0 56px !important;
}
    .mtitle {
        font-size: 166.142% !important;
        margin-bottom: 10px;
    }
    .sm-listing-tabs .ltabs-wrap .ltabs-tabs-container {
        padding: 0 10px !important;
    }
.clients-slider .client-main .info-content .name-client {
font-size: 166.142% !important;
}
    .columns {
        display: flex !important;
    }
.cat-slider .image-cat {
    padding: 0px;
    background: unset;
}
.cat-slider .content-box {
    text-align: center;
    width: auto;
    height: auto;
/*    border-radius: 100px;*/
    background: #ededed;
    overflow: hidden;
/*    padding: 10px;*/
margin: 2px;
}
.cat-slider .image-cat:before{
display: none
}
.cat-slider .image-cat img {
            opacity: 1;
        border-radius: 88px;
        height: 70px !important;
        width: 70px !important;
        margin: 0 auto;
}
.cat-slider .child-cat .cat-title {
          margin-top: -4px;
        font-size: 100%;
}
.cat-slider .child-cat .cat-title a{
color:black;
}

.deal-full .deals-countdown .deals-time{
    min-width: 80px;
}

/* Mobile New Menu CSS */

.header-mobile .sidebar-nav-mobile{
    padding: 0px !important;
}
.product.data.items .item.title > .switch {
    padding: 0px 15px 0px !important;
}
.sidebar-nav-mobile .item {
    border: none !important;
    font-size: 20px;
}
.sidebar-nav-mobile .item {
    font-size: 20px;
}
.sm_megamenu_firstcolumn {
    display: block !important;
    align-items: inherit;
}
.product.data.items > .item.title{
    margin: 0px !important;
}
.product.data.items > .item.content {
    padding: 10px 15px 10px !important;
    font-size: 18px;
}
.header-mobile .navigation-mobile .sm_megamenu_menu > li .sm_megamenu_firstcolumn {
    margin-bottom: 0px !important;
}
.sidebar-nav-mobile .active a {
    background: #28a745 !important;
    color: #fff !important;
}
.header-mobile .navigation-mobile .sm_megamenu_menu > li > div {
    padding: 12px;
    background: #f5f5f5;
}
.sm_megamenu_head_item {
    margin-bottom: 10px;
}

.bundle-options-container .block-bundle-summary {
    margin-bottom: 0px !important;
    border: none;
    padding: 0px !important;
}
.box-tocart button {
    padding: 0px 17px !important;
}
.header-mobile .mobile-menu > a span.s-top {
            margin-top: 12px;
}
.header-mobile .mobile-menu a span.s-middle {
    top: calc(50% - 9px);
}
.header-mobile .mobile-menu a span.s-bottom {
    top: calc(50% + 9px);
}
.header-mobile .mobile-menu > a span {
       background-color: #181717 !important;
        height: 1px;
        width: 24px;
        margin: 7px 0;
}

.block-search.search-pro .form.minisearch .field.search .searchbox-cat{
    display: none !important;
}

@media screen and (min-width: 768px) {
    .breadcrumbs{
        display: none !important;
    }
}

/* About US Page FS-SK 2/3/26 */

:root {
    --bs-body-font-family: "Roboto", sans-serif;
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-color: #666666;
    --bs-body-bg: #ffffff;
    --white: #ffffff;
    --bs-body-text-align: left;
    --bs-body-line-height: 1.5;
    --font-family-roboto: var(--bs-body-font-family);
    --font-family-lexend: "Lexend", sans-serif;
    --text-color-primary: #00a859;
    --border-primary: #8fccb3;
    --text-color: #181717;
    --text-color-2: #5e5e5e;
    --text-color-3: #0c0c13;
    --text-color-4: #d5d5d5;
    --text-color-5: #666666;
    --light-bg: #f6fbf8;
    --yellow: #ffec00;
    --heading-color: #2c2c2e;
    --text-color-5: #666666;
    --text-color-6: #424242;
    --text-color-7: #070710;
    --text-dark: #0c0c13;
    --secondary-color-s: 0, 168, 89
}

body {
    margin: 0;
    font-family: var(--font-family-roboto);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--text-color-5) !important;
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

::-moz-selection {
    color: var(--bs-body-bg);
    background: var(--text-color-primary)
}

::selection {
    color: var(--bs-body-bg);
    background: var(--text-color-primary)
}

.pos-rel {
    position: relative
}

.animate-mouse-move {
    position: relative
}

.animate-mouse-move .dot {
    position: absolute;
    border-radius: 50%;
    background-color: var(--text-color-primary);
    z-index: 99999;
    top: 0px
}

.scrollNone {
    overflow: hidden
}

*::-webkit-scrollbar {
    width: 4px
}

*::-webkit-scrollbar-thumb {
    background-color: var(--text-color-4)
}

*::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1)
}

body::-webkit-scrollbar {
    width: .5em
}

body::-webkit-scrollbar-thumb {
    background-color: var(--text-color-4)
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1)
}

.slick-dots {
    position: relative;
    bottom: 0px;
    padding-top: 25px
}

.slick-dots li button:before {
    font-size: 1rem;
    color: #ccc;
    opacity: 1
}

.slick-dots .slick-active button:before {
    color: #00a859 !important
}

@media(min-width: 1400px) {
    .custom-width {
        max-width: 1340px
    }

    .cms-about-us .container, .cms-terms-and-conditions .container, .faq-index-index .container, .cms-cancellation-returns .container{
        max-width: 1340px
    }
}

@media(min-width: 1600px) {
    .custom-width {
        max-width: 1600px
    }
}

ul,
ol {
    list-style: none
}

.white-color {
    background: #fff
}

.grey-light-color {
    background: #edf5f1
}

.grey-light-color-2 {
    background: #f6fbf8
}

.mrb-4 {
    margin-bottom: 40px
}

a {
    color: var(--text-color);
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none
}

a:hover {
    color: var(--text-color-primary)
}

.text-heading {
    font-family: var(--font-family-lexend);
    font-weight: 500;
    font-size: 1.25rem;
    color: var(--text-color)
}

.pb-10 {
    padding-bottom: 10px
}

.strip-bottom {
    position: relative;
    display: inline-block
}

.strip-bottom::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 27px;
    height: 2px;
    background: var(--text-color-primary)
}

.yellow-btn {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    padding: 15px;
    min-width: 120px;
    height: 44px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border: 0px;
    outline: none;
    background-color: var(--yellow);
    color: var(--text-color-3);
    position: relative;
    padding-right: 40px;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    align-items: center;
    gap: 10px
}

.yellow-btn span {
    position: relative;
    display: flex;
    z-index: 2;
    -moz-transition: all .1sease-in-out;
    -o-transition: all .1sease-in-out;
    -webkit-transition: all .1sease-in-out;
    transition: all .1sease-in-out
}

.yellow-btn::before {
    content: "";
    position: absolute;
    right: 10px;
    width: 14px;
    height: 10px;
    background: url(../images/btn-arrow.svg) center no-repeat;
    background-size: contain;
    z-index: 2
}

.yellow-btn:after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: var(--text-color-3)
}

.yellow-btn:hover span {
    color: var(--bs-body-bg)
}

.yellow-btn:hover:after {
    width: 100%
}

.yellow-btn:hover::before {
    content: "";
    background: url(../images/btn-arrow-white.svg) center no-repeat;
    background-size: contain
}

.yellow-btn.white-btn {
    background-color: #fff;
    border: 1px solid var(--text-color-primary)
}

.no-arrow:before {
    display: none
}

.round-shap:after {
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px
}

label.error {
    font-size: .875rem;
    font-style: italic;
    color: red !important
}

.form-control.error {
    border-color: red !important
}

#totop {
    font-weight: 900;
    color: #fff;
    display: none;
    position: fixed;
    right: 34px;
    bottom: 50px;
    z-index: 9;
    height: 0;
    width: 0;
    font-size: 0;
    text-align: center;
    padding-top: 3px;
    line-height: 34px;
    border-radius: 3px;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#totop.top-visible {
    height: 40px;
    width: 40px;
    font-size: 1rem;
    display: inline;
    background-color: var(--text-color-primary)
}

#totop.top-visible {
    animation: jump 4s infinite;
    -webkit-animation: jump 4s infinite
}

@keyframes jump {
    0% {
        bottom: 20px
    }

    50% {
        bottom: 40px
    }

    100% {
        bottom: 20px
    }
}

.title-small-top {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 3px;
    color: var(--text-color-primary);
    margin-bottom: 10px
}

.preloader {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 99999;
    background-color: var(--bs-body-bg);
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.preloader .dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px
}

.preloader .dual-ring::after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #00a859;
    border-color: #00a859 rgba(0, 0, 0, 0) #00a859 rgba(0, 0, 0, 0);
    -webkit-animation: dualring 1.2s linear infinite;
    animation: dualring 1.2s linear infinite
}

.group-heading {
    margin-bottom: 30px !important;
}

.group-heading.mb-0 {
    margin-bottom: 0
}

.group-heading h6 {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 3px;
    color: var(--text-color-primary);
    margin-bottom: 10px
}

.group-heading .text-heading {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    color: var(--text-color-3);
    margin-bottom: 1rem
}

.group-heading .text-heading.strip-bottom {
    padding-bottom: 10px
}

.group-heading .text-heading.strip-bottom:after {
    height: 4px;
    width: 200px;
    margin: 0 auto
}

.group-heading p {
    line-height: 30px;
    font-size: 16px;
    text-align: left;
    color: var(--text-color-5);
}

.group-heading p:last-child {
    margin-bottom: 0px
}

.group-heading.text-center .text-heading {
    display: inline-block
}

.group-heading.text-center .text-heading.strip-bottom:after {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0)
}

.group-heading.text-center p {
    text-align: center;
    max-width: 900px;
    margin: auto;
    color: var(--text-color-5);
}

@media(max-width: 767px) {
    .global-typo * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: var(--bs-body-font-family)
}
    .cms-about-us .d-box-container .container {
        padding: 0px !important;
        margin: 0;
        width: 100%;
    }
    .cms-about-us .global-typo {
        margin: 0px;
        padding: 0px;
    }
    .group-heading {
        margin: 20px 0
    }

    .group-heading p {
        font-size: 14px
    }

    .group-heading .text-heading {
        font-size: 1.6rem
    }

    .slick-dotted.slick-slider {
        margin-bottom: 0px
    }

    .yellow-btn {
        padding: 10px 40px 10px 15px;
        height: 37px
    }

    .order-ch>div:nth-child(1) {
        order: 2
    }

    .order-ch>div:nth-child(2) {
        order: 1;
        margin-bottom: 20px;
        margin-top: 0
    }
    .product-info-main .product.attribute.sku .type {
        font-weight: 600;
        color: #000;
    }
    .product-info-main .product-reviews-summary .reviews-actions {
        padding: 2px 15px;
        border: 1px solid #28a745;
        border-radius: 50px;
    }
    .price-box .special-price .price {
        font-size: 25px !important;
    }
    .pincode-input-box label{
        color: #000;
    }
    .custom-attribute ul li {
        color: #000;
    }
    .price-box .fotorama__arr{
        background-color: none !important;
    }
    .fotorama__active .fotorama__dot {
        background-color: #00d660;
        border-color: #00d660;
    }
    .product-info-main .price-box .old-price .price{
        font-size: 16px !important;
    }
    .unavailable{
        color: #ff0000 !important;
    }
.product-info-main .product-addto-links .tocompare:before{
    content: '\2696';
    font-size: 20px;
}
}

@-webkit-keyframes dualring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes dualring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.vbox-close {
    padding: 15px;
    opacity: 1
}

.global-typo {
    padding: 80px 0
}



.global-typo h2,
.global-typo h3,
.global-typo h5,
.global-typo h4 {
    padding: 0;
    font-family: var(--font-family-lexend)
}

.global-typo h3,
.global-typo .title-text {
    font-size: 25px;
    color: var(--text-color-3);
    text-decoration: none;
    text-align: left;
    font-weight: 600;
    display: block;
    position: relative;
    padding: 15px 0 10px;
    line-height: 1.5;
    text-transform: uppercase;
    position: relative
}

.global-typo h4 {
    font-size: 20px;
    color: var(--text-color-3);
    text-decoration: none;
    text-align: left;
    font-weight: 600;
    display: block;
    position: relative;
    padding: 15px 0 10px;
    margin: 0;
    line-height: 1.5;
    text-transform: uppercase
}

.global-typo h5 {
    font-size: 18px;
    color: var(--text-color-3);
    text-decoration: none;
    text-align: left;
    font-weight: 600;
    display: block;
    position: relative;
    padding: 15px 0 10px;
    margin: 0;
    line-height: 1.5;
    text-transform: uppercase
}

.ok-custom p {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 8px;
}

.banner-container.inner-banner .banner-caption span {
    font-size: 35px;
    line-height: 35px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, .25);
    font-family: var(--font-family-lexend);
}

.product-details-discription ul.faq-categoryl-list li h2 {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
}

.product-details-discription ul.faq-categoryl-list li.active h2 {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-size: 16px;
    font-weight: 600;

}

/*.video-container.spacer-grid-box .col-md-6.bs-grid-box:nth-child(5) {*/
/*    display: none !important;*/
/*}*/

/*.video-container.spacer-grid-box .col-md-6.bs-grid-box:nth-child(6) {*/
/*    display: none !important;*/
/*}*/
@media (max-width: 768px) {

    .banner-container.inner-banner .banner-caption span {
        font-size: 20px;
        line-height: 20px;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, .08);
    }

    .certificate-section .c-certificate-details h3 {
        display: none;
    }

    .certificate-section .c-product-category-list {
        display: block !important;
    }

    .certificate-section .c-certificate-details.current .c-certificate-conatiner {
        display: block;
    }

    .c-product-destils .text-box br {
        display: none;
    }
}

img.banners-okaya-topbottoms {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}

.okyy .b-info-o-container .info-content .text-title {
    color: #000 !important;
    word-break: break-word;
    display: block;
    font-size: 16px;
    padding-top: 15px;
}

img.banners-okaya-tops {
    width: 100%;
    height: auto;
}

.okyy .b-info-o-container .b-info-green a.col-2.info-o-cb {
    padding: 0px;
}

.okyy .b-info-o-container .b-info-green .info-content {
    border-right: 1px solid #1a9059;
    min-height: 92px;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    padding-left: 0px;
    padding-right: 0px !important;
    text-align: center;
}

.okyy .b-info-o-container .info-img {
    max-width: 100%;
    flex: 0 0 100%;
}

.okyy .info-img img {
    width: 65px;
    height: 60px;
}

.okyy .b-info-o-container .info-content .text-title {
    color: #000 !important;
    word-break: break-word;
    display: block;
    font-size: 16px;
    padding-top: 15px;
}

.okyy .b-info-o-container .info-o-cb:last-child .info-content {
    border-right: none;
}

.blog-inner-container.okzokaya {
    padding: 25px !important;
}

.blog-container.oksokza .blog-page .strip-bottom::after {
    left: 21%;
}

.okaydeal .col-12.col-lg-4.col-md-6 {
    margin-bottom: 25px;
}

a.yellow-btn.text-capitalize.okwatch {
    margin-top: 20px;
}

.blog-container .blog-inner-container .okwatch span {
    margin-bottom: 0px;
}

.product-o-cb .tab-container-product .tab-list li {
    padding: 10px 10px !important;
}

.product-o-cb .tab-container-product .tab-list {
    padding-left: 112px !important;
}

.ok-custom ul.list-item-inner {
    margin-top: 0px;
}

.ok-custom ul.list-item-inner li {
    font-size: 16px;
}

.ok-custom ul.list-item-inner li::before {
    left: 7px;
    top: 2px;
    width: 19px;
    height: 19px;
}

.d-box-container.customdx .list-item-inner li {
    font-size: 16px;
}

ul.list-item-inner.OKCUSTOMS {
    max-width: 100%;
}

ul.list-item-inner.OKCUSTOMS li {
    padding-right: 0px;
}

.product-o-cb .tab-container-product .tab-list li {
    padding: 10px 10px !important;
    position: relative;
    margin-bottom: 15px;
}

.col-lg-7.col-md-12.ok-custom.order-sm-2.order-md-1 {
    order: 2;
}

.col-lg-5.col-md-12.mb-order.order-sm-1.order-md-2 {
    order: 1;
}

.hi-ups+.mb-5 .product-o-cb.pos-rel .product-description p.high-ups-botms {
    display: none !important;
}

.home-ups+.mb-5 .product-o-cb.pos-rel .product-description p.home-ups-botms {
    display: none !important;
}

.product-o-cb .tab-container-product .tab-list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 120px;
    margin-bottom: 20px;
    padding-right: 0px !important;
}

.video-popup {
    display: none;
    position: fixed;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 13px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    width: 50%;
    cursor: pointer;
    z-index: 999999999999999999999999;
    height: 425px;
}

.video-popup video {
    width: 100%;
    height: auto;
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 500;
}

button.closed {
    position: absolute;
    top: -15px;
    right: -15px;
    background-color: #fff;
    border-radius: 50%;
    opacity: 1;
    width: 33px;
    height: 33px;
}

.closed {
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    right: 10px;
}

.okaya_video img {
    cursor: pointer;
}

.okaya_video button {
    background: transparent;
    border: none;
    padding: 0px;
}

.blog-container .blog-inner-container:hover .img-fluid {
    -moz-transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important;
}

.blog-container {
    z-index: 2 !important;
}

@media only screen and (max-width: 768px) {
    .blog-container.oksokza .blog-page .strip-bottom::after {
        left: 35% !important;
    }

    .blog-container.blog-page.blog-container .blog-inner-container {
        text-align: center !important;
        margin-bottom: 10px !important;
    }

    .okaya_video img {
        cursor: pointer !important;
        margin-bottom: 10px !important;
    }

    .video-popup h3.word_limit.blog-title {
        font-size: 20px !important;
        margin-bottom: 0px !important;
    }

    .video-popup p {
        font-size: 18px !important;
        margin-bottom: 0px !important;
    }

    a.yellow-btn.text-capitalize.okwatch {
        margin-top: 6px !important;
    }

    div#videoPopup iframe {
        width: 100% !important;
        height: 400px;
    }

    .video-popup {
        width: 95%;
    }

    .b-info-green .row {
        overflow-y: hidden;
        overflow-x: scroll;
        display: flex;
        flex-flow: row nowrap;
    }

    .okyy .b-info-o-container .b-info-green a.col-2.info-o-cb {
        padding: 0px;
        width: 65%;
    }

    .okyy .b-info-o-container .b-info-green .info-content {
        flex-wrap: nowrap !important;
    }

    .okyy .b-info-o-container .info-img {
        max-width: 50px;
        flex: 0 0 100%;
    }

    .okyy .b-info-o-container .b-info-green .info-content {
        border-right: 1px solid #1a9059;
        min-height: 50px;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;
        padding-left: 0px;
        padding-right: 0px !important;
        text-align: center;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .okyy .b-info-o-container .info-content .text-title {
        color: #fff !important;
        word-break: break-word;
        display: block;
        font-size: 16px;
        padding-top: 0px;
        padding-right: 0px;
    }

    .okyy .info-img img {
        width: 95px;
        height: 60px;
    }

    .b-info-o-container .b-info-green::before {
        content: "";
        background: var(--text-color-primary);
        position: absolute;
        top: 0px;
        left: 0;
        height: 100%;
        width: 100%;
    }

    .okyy .b-info-o-container .b-info-green a.col-2.info-o-cb {
        padding: 0px;
        width: 65%;
        align-items: center;
        padding-top: 0px;
        margin-bottom: -10px;
        margin-top: 10px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1350px) {
    .product-o-cb .tab-container-product .tab-list li {
        padding: 10px 5px !important;
    }

    .product-o-cb .tab-container-product .tab-list a {
        font-size: 15px;
    }
}

.global-typo ul,
.global-typo ol {
    padding-left: 0px;
    margin-bottom: 30px
}

.global-typo ol {
    padding-left: 20px
}

.global-typo ol li {
    margin-bottom: 5px;
    position: relative;
    font-size: 18px;
    line-height: 1.6;
    padding-left: 0px;
    margin-bottom: 10px;
    color: var(--text-color-5);
    margin-bottom: 10px;
    list-style: decimal
}

.accordian-body {
    position: relative;
    color: var(--text-color-5);
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    line-height: 30px;
    margin-bottom: 20px
}

.accordian-body {
    padding-top: 10px;
    padding-right: 20px;
    margin-bottom: 0
}

.accordian-body p {
    margin-bottom: 0 !important
}

.accordion_c_b {
    margin-bottom: 20px;
    margin-top: 15px
}

.global-typo-accordian {
    border: solid 1px #e9e9e9;
    padding: 15px 15px;
    position: relative;
    width: 100%;
    margin-bottom: 15px
}

.global-typo-accordian-title {
    font-size: 1rem;
    color: #000;
    text-decoration: none;
    text-align: left;
    font-weight: 600;
    display: block;
    position: relative;
    padding-right: 20px;
    cursor: pointer;
    line-height: 1.5;
    margin: 0;
    margin: 0
}

.active .global-typo-accordian-title:after {
    content: "-"
}

.global-typo-accordian-title:after {
    content: "+";
    position: absolute;
    top: 0px;
    right: 0;
    width: 12px;
    height: 12px;
    font-size: 23px;
    line-height: 20px;
    font-weight: 300 !important
}

@media(max-width: 767px) {
    .global-typo {
        padding: 40px 0
    }

    .global-typo .d-box-container {
        padding: 10px 0 !important
    }

    .global-typo h2,
    .global-typo h4,
    .global-typo h5,
    .global-typo h3 {
        margin: 20px 0 10px
    }

    .global-typo h2 {
        font-size: 22px
    }

    .global-typo h4 {
        font-size: 18px
    }

    .global-typo h5 {
        font-size: 16px
    }

    .global-typo h3 {
        margin: 20px 0 10px;
        font-size: 20px
    }

    .global-typo li {
        font-size: 16px !important
    }

    .global-typo p,
    .global-typo .accordian-body {
        position: relative;
        color: var(--text-color-5);
        font-size: 14px;
        font-weight: 400;
        margin: 0;
        padding: 0;
        line-height: 25px;
        margin-bottom: 20px
    }
}

.header {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, .07);
    position: relative;
    z-index: 999
}

.header.active-menu .sub-menu-container {
    right: 0%
}

.header-top-strip {
    position: relative;
    font-style: normal;
    font-weight: 400;
    font-size: .875rem;
    z-index: 10
}

.header-top-strip ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.header-top-strip .header-social {
    position: relative
}

.header-top-strip .header-social ul {
    gap: 20px
}

.header-top-strip .header-social a {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding: 5px 0;
    gap: 10px
}

.header-top-strip .header-social a i {
    color: var(--text-color-primary)
}

.header-top-strip .header-other-nav {
    position: relative;
    user-select: none
}

.header-top-strip .header-other-nav li {
    padding: 5px
}

.header-top-strip .header-other-nav li:last-child {
    padding-right: 0
}

.header-top-strip .header-other-nav a {
    padding: 5px 5px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.header-top-strip .header-other-nav .lang-container {
    position: relative;
    padding-left: 20px
}

.header-top-strip .header-other-nav .lang-container:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 12px;
    background: var(--bs-body-color);
    left: 5px;
    top: 50%;
    margin-top: -6px
}

.header-top-strip .header-other-nav .lang-container span {
    cursor: pointer;
    padding: 5px 5px;
    padding-right: 20px;
    display: block;
    color: var(--text-color)
}

.header-top-strip .header-other-nav .lang-container span:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: url(../images/dropdown-arrow.svg) center no-repeat;
    background-size: contain;
    right: 0px;
    top: 50%;
    margin-top: -5px;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.header-top-strip .header-other-nav .lang-container span:hover {
    color: var(--text-color-primary)
}

.header-top-strip .header-other-nav .lang-container span:hover:after {
    position: absolute;
    width: 10px;
    height: 10px;
    background: url(../images/dropdown-arrow-green.svg) center no-repeat;
    background-size: contain;
    right: 0px;
    top: 50%;
    margin-top: -5px;
    opacity: .7
}

.header-top-strip .header-other-nav .lang-container .lang-list {
    background-color: var(--bs-body-bg);
    position: absolute;
    top: 100%;
    padding: 6px 15px;
    -webkit-box-shadow: 0px 5px 41.5px rgba(9, 29, 62, .11);
    box-shadow: 0px 5px 41.5px rgba(9, 29, 62, .11);
    z-index: 5555;
    right: -5px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 0 0 8px 8px;
    min-width: 100px
}

.header-top-strip .header-other-nav .lang-container .lang-list ul {
    margin: 0;
    padding: 0
}

.header-top-strip .header-other-nav .lang-container .lang-list li {
    padding: 0
}

.header-top-strip .header-other-nav .lang-container .lang-list a {
    padding: 5px 0px;
    display: block;
    position: relative
}

.header-top-strip .header-other-nav .lang-container .lang-list a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 0px;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: rgba(0, 0, 0, 0)
}

.header-top-strip .header-other-nav .lang-container .lang-list a:hover:after {
    width: 100%;
    background-color: var(--text-color-primary)
}

.header-top-strip .header-other-nav .lang-container:hover .lang-list {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

@media(max-width: 767px) {
    .header-top-strip .header-social a span {
        display: none
    }

    .header-top-strip .header-social a i {
        font-size: 1.2rem
    }
}

.menu-btn {
    width: 30px;
    height: 30px;
    position: relative;
    z-index: 2;
    overflow: hidden;
    margin-left: 10px;
    cursor: pointer
}

.menu-btn .bar {
    width: 24px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #181717;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.menu-btn .bar:nth-of-type(2) {
    top: calc(50% - 9px)
}

.menu-btn .bar:nth-of-type(3) {
    top: calc(50% + 9px)
}

.menu-btn.active .bar:nth-of-type(1) {
    display: none
}

.menu-btn.active .bar:nth-of-type(2) {
    top: 50%;
    transform: translate(-50%, 0%) rotate(45deg)
}

.menu-btn.active .bar:nth-of-type(3) {
    top: 50%;
    transform: translate(-50%, 0%) rotate(-45deg)
}

.header-main {
    position: relative;
    z-index: 9
}

.header-main .nav li {
    list-style: none;
    line-height: 1.5;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.header-main .nav li.has-dd::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: url(../images/dropdown-arrow.svg) center no-repeat;
    background-size: contain;
    right: 5px;
    top: 50%;
    margin-top: -5px;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.header-main .nav li:hover.has-dd::after {
    transform: rotate(180deg)
}

.header-main .nav li .submenu-box {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: -11;
    visibility: hidden;
    opacity: 0;
    padding-top: 15px;
    min-width: 150px;
    padding-left: 0;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, .07);
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: 0;
    transform: translateY(20%)
}

.header-main .nav li .submenu-box.second-step {
    left: 100%;
    top: 0
}

.header-main .nav li .submenu-box li {
    display: block;
    position: relative;
    background-color: var(--bs-body-bg)
}

.header-main .nav li .submenu-box li a {
    line-height: 1.6em;
    padding: 5px 0;
    white-space: nowrap;
    border-bottom: 1px solid var(--bs-gray-200);
    display: block;
    padding: 14px 20px;
    color: var(--text-color-2);
    position: relative;
    z-index: 999
}

.header-main .nav li .submenu-box li a:hover {
    color: var(--white);
    border-bottom: 1px solid var(--text-color-primary)
}

.header-main .nav li .submenu-box li:last-child>a {
    border-bottom: none
}

.header-main .nav li .submenu-box li:after {
    position: absolute;
    background: var(--text-color-primary);
    content: "";
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    transition: all .3s ease-in-out
}

.header-main .nav li .submenu-box li.has-second-menu {
    border-bottom: 1px solid var(--bs-gray-200)
}

.header-main .nav li .submenu-box li.has-second-menu a {
    padding-right: 20px
}

.header-main .nav li .submenu-box li.has-second-menu.dd-arrow::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: url(../images/dropdown-arrow.svg) center no-repeat;
    background-size: contain;
    right: 5px;
    top: 50%;
    left: auto;
    margin-top: -5px;
    @includetransition (all0.4sease-in-out):;
    transform: rotate(268deg);
    -webkit-transform: rotate(268deg);
    -moz-transform: rotate(268deg);
    -ms-transform: rotate(268deg);
    -o-transform: rotate(268deg)
}

.header-main .nav li .submenu-box li.has-second-menu:hover>a {
    color: #fff !important
}

.header-main .nav li .submenu-box li.has-second-menu:hover>.submenu-box.second-step {
    visibility: visible;
    opacity: 1
}

.header-main .nav li .submenu-box li.has-second-menu:hover.dd-arrow::before {
    background: url(../images/dropdown-arrow-white.svg) center no-repeat;
    width: 8px;
    right: 5px;
    left: auto;
    z-index: 99;
    background-size: contain;
    transform: rotate(268deg);
    -webkit-transform: rotate(268deg);
    -moz-transform: rotate(268deg);
    -ms-transform: rotate(268deg);
    -o-transform: rotate(268deg)
}

.header-main .nav li .submenu-box li:hover::after {
    width: 100%
}

.header-main .nav li:hover>.submenu-box {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    display: block;
    z-index: 999
}

.header-main .nav .nav-link-item {
    padding: 8px 22px;
    color: var(--text-color-3)
}

.menu-outer-container {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    height: 100%
}

.sub-menu-container {
    position: fixed;
    right: -100%;
    top: 0px;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    z-index: 8;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.sub-menu-container .inner-sm {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 113px;
    top: 0;
    left: 0px
}

.sub-menu-container .inner-menu {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    overflow-x: auto;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.sub-menu-container .main-menu-container {
    border-right: 1px solid rgba(0, 0, 0, .1);
    height: 100%;
    width: 360px;
    padding: 20px 0 0px;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    left: 0
}

.sub-menu-container .main-menu-container .dd-menu {
    list-style: none;
    margin: 0;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%
}

.sub-menu-container .main-menu-container .dd-menu>li {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.sub-menu-container .main-menu-container .dd-menu>li:last-child {
    border-bottom: 0px
}

.sub-menu-container .main-menu-container .dd-menu>li.activeMainmenu a {
    color: var(--text-color-primary)
}

.sub-menu-container .main-menu-container .dd-menu>li.activeMainmenu .right-arrow {
    padding-right: 0px;
    padding-left: 10px
}

.sub-menu-container .main-menu-container .dd-menu>li>a {
    padding: 20px 10px 20px 0px;
    font-size: .95rem;
    font-weight: 500;
    display: block;
    position: relative;
    min-width: 300px;
    color: var(--text-color-3);
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%
}

.sub-menu-container .main-menu-container .dd-menu>li .right-arrow {
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding-right: 10px;
    padding-left: 0px
}

.sub-menu-container .main-menu-container .dd-menu>li:hover .right-arrow {
    padding-right: 0px;
    padding-left: 10px
}

.sub-menu-container .dd-submenu {
    height: 100%;
    width: calc(100% - 360px);
    padding: 30px 15px 30px 50px;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    left: 360px
}

.sub-menu-container .dd-submenu .submenu-list-item {
    display: none
}

.sub-menu-container .dd-submenu .submenu-list-item .text-heading {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 600;
    font-size: 2.1875rem;
    color: var(--text-color-3);
    margin-bottom: 1rem;
    padding-bottom: 10px;
    text-transform: capitalize !important
}

.sub-menu-container .dd-submenu .submenu-list-item .text-heading:after {
    height: 4px;
    width: 100%;
    max-width: 120px
}

.sub-menu-container .dd-submenu .submenu-list-item .dd_submenu_inner {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

.sub-menu-container .dd-submenu .submenu-list-item .dd_submenu_inner>li {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-right: 30px
}

.sub-menu-container .dd-submenu .submenu-list-item .dd_submenu_inner>li>a {
    padding: 20px 10px 20px 0px;
    font-size: .95rem;
    font-weight: 500;
    display: inline-flex;
    position: relative;
    min-width: 300px;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%;
    color: var(--text-color-2)
}

.sub-menu-container .dd-submenu .submenu-list-item .dd_submenu_inner>li>a:hover {
    color: var(--text-color-primary)
}

.sub-menu-container .dd-submenu .submenu-list-item.activeSubmenu {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    flex-direction: column
}

.sub-menu-container .dd-submenu .submenu-right-arrow {
    display: none
}

.sticky-header {
    position: fixed;
    background: var(--white);
    width: 100%;
    left: 0;
    top: 0;
    transition: all .3s ease;
    padding: 0px 37px;
    z-index: 999999;
    -webkit-box-shadow: 0px 4px 13px -5px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0px 4px 13px -5px rgba(0, 0, 0, .4);
    box-shadow: 0px 4px 13px -5px rgba(0, 0, 0, .4)
}

.sticky-header img {
    width: 130px !important
}

.search-box {
    position: absolute;
    width: 100%;
    left: 0;
    top: 70px;
    background: #f5f5f5;
    display: none;
    box-shadow: 3px 6px 5px rgba(0, 0, 0, .24)
}

.search-box .input-search-box {
    padding: 5px 0;
    box-shadow: 2px 2px 10px rgba(var(--black), 0.1);
    display: none;
    overflow-y: auto
}

.search-box .input-search-box .close {
    border: none;
    position: absolute;
    cursor: pointer;
    right: 15px;
    top: 15px;
    background: rgba(0, 0, 0, 0);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-size: 25px
}

.search-box .input-search-box .close:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.search-box .input-search-box .container {
    position: relative
}

.search-box .input-search-box input {
    width: 100%;
    padding: 20px 0 20px 35px;
    font-size: 16px;
    border-bottom: 2px solid rgba(var(--secondary-text-color), 0.2) !important;
    border: none;
    margin-bottom: 0px;
    background-color: rgba(0, 0, 0, 0)
}

.search-box .input-search-box input:focus {
    outline: none;
    border: 1px solid rgba(var(--black), 0.1)
}

.search-box .input-search-box .search-btn {
    border: none;
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    left: 10px;
    top: 15px;
    cursor: default
}

.search-box .input-search-box .search-btn img {
    width: 17px
}

.sticky-header .input-search-box img {
    max-width: 100%;
    width: auto !important
}

@media(min-width: 992px) {
    .dd_submenu_inner {
        display: flex !important
    }
}

@media(max-width: 991px) {
    .sticky-header {
        padding: 0 12px
    }

    .header-main .nav .nav-link-item {
        padding: 8px 15px
    }

    .header-main .nav .nav-link-item span i {
        font-size: 20px
    }

    .sub-menu-container .main-menu-container {
        display: none !important
    }

    .sub-menu-container .sticky-header {
        padding: 0px 12px
    }

    .sub-menu-container .dd-submenu {
        height: 100%;
        width: 100%;
        padding: 10px 10px 0 0;
        left: 0
    }

    .sub-menu-container .dd-submenu .submenu-right-arrow {
        display: flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        background-color: rgba(0, 168, 89, .05);
        border-radius: 50%;
        flex: 0 0 44px;
        cursor: pointer;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .sub-menu-container .dd-submenu .submenu-list-item {
        display: block;
        margin-bottom: 0px
    }

    .sub-menu-container .dd-submenu .submenu-list-item:last-child .strip-bottom:after {
        display: none
    }

    .sub-menu-container .dd-submenu .submenu-list-item .dd_submenu_inner {
        display: none;
        margin-bottom: 20px
    }

    .sub-menu-container .dd-submenu .submenu-list-item .dd_submenu_inner>li {
        margin-right: 0
    }

    .sub-menu-container .dd-submenu .submenu-list-item .text-heading {
        font-size: 1.125rem;
        padding-bottom: 0;
        margin-bottom: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 0px
    }

    .sub-menu-container .dd-submenu .submenu-list-item .text-heading a {
        padding: 25px 15px 25px 0;
        display: block;
        width: 100%
    }

    .sub-menu-container .dd-submenu .submenu-list-item .text-heading:after {
        height: 1px;
        width: 100%;
        max-width: 100%;
        background: rgba(0, 0, 0, .1)
    }

    .sub-menu-container .dd-submenu .submenu-list-item.activeSubmenu {
        height: auto;
        display: block
    }

    .sub-menu-container .dd-submenu .submenu-list-item.actioveMobileSubmenu h6>a {
        color: var(--text-color-primary)
    }

    .sub-menu-container .dd-submenu .submenu-list-item.actioveMobileSubmenu h6 .submenu-right-arrow {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .search-box .input-search-box .close {
        display: none
    }
}

.searchPopup .modal-content {
    border-radius: .375rem;
    -webkit-border-radius: .375rem;
    -moz-border-radius: .375rem;
    -ms-border-radius: .375rem;
    -o-border-radius: .375rem
}

.searchPopup .modal-body {
    padding-top: 30px;
    padding-bottom: 20px
}

.searchPopup .form-control {
    border-color: #c9c8d3;
    height: 46px
}

.breadcumbs {
    padding: 25px 0
}

.breadcumbs .breadcrumb .breadcrumb-item {
    display: inline-block
}

.breadcumbs .breadcrumb .breadcrumb-item a {
    color: var(--bs-body-color);
    font-size: 16px;
    line-height: 15px
}

.breadcumbs .breadcrumb .breadcrumb-item.active {
    color: var(--text-color-primary) !important;
    pointer-events: none
}

@media(max-width: 767px) {
    .breadcumbs ol li a {
        font-size: 14px;
        line-height: 14px
    }
}

.banner-container {
    position: relative;
    z-index: 0
}

.banner-container img {
    width: 100%;
    display: block
}

.banner-container .heroSlider.slick-dotted.slick-slider {
    margin-bottom: 0 !important
}

.banner-container .heroSlider .slick-dots {
    position: absolute;
    bottom: 20px;
    padding-top: 25px
}

.banner-container .heroSlider .slick-dots li button:before {
    font-size: 1rem;
    color: #f2f2f2;
    opacity: 1
}

.banner-container .heroSlider .slick-dots .slick-active button:before {
    color: #00a859
}

.banner-container.inner-banner img {
    height: 250px;
    object-fit: cover
}

.banner-container.inner-banner::before {
    content: "";
    background-color: var(--text-color-primary);
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.banner-container.inner-banner::after {
    content: "";
    /* background: linear-gradient(90deg, rgba(24, 23, 23, 0.67) 20.85%, rgba(24, 23, 23, 0.35) 26.2%, rgba(24, 23, 23, 0) 71%); */
    opacity: .4;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%
}

.banner-container.inner-banner .banner-caption {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    color: #fff;
    z-index: 99
}

.banner-container.inner-banner .banner-caption h1 {
    font-size: 35px;
    line-height: 35px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, .25);
    font-family: var(--font-family-lexend)
}

.banner-container.inner-banner .banner-caption p {
    font-family: var(--font-family-roboto);
    color: #fff;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, .35);
    margin-bottom: 0
}

.banner-container.inner-banner.no-layer:before {
    display: none
}

@media(max-width: 767px) {
    .banner-container.inner-banner {
        display: flex;
        flex-direction: column
    }

    .banner-container.inner-banner:after {
        display: none
    }

    .banner-container.inner-banner picture {
        order: 2
    }

    .banner-container.inner-banner .banner-caption {
        position: static;
        padding: 15px 10px;
        background-color: #C7C8CA !important;
        order: 1
    }

    .banner-container.inner-banner .banner-caption h1 {
        font-size: 20px;
        line-height: 20px;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, .08)
    }

    .banner-container.inner-banner .banner-caption p {
        font-size: 13px;
        line-height: 22px;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, .08)
    }
}

.b-info-o-container {
    position: relative;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, .07);
    margin-bottom: 20px
}

.b-info-o-container .b-info-green {
    color: var(--white);
    position: relative
}

.b-info-o-container .b-info-green::before {
    content: "";
    background: var(--text-color-primary);
    position: absolute;
    top: 0;
    left: 0;
    height: 92px;
    width: 100%
}

.b-info-o-container .b-info-green .info-content {
    border-right: 1px solid #1a9059;
    min-height: 92px
}

.b-info-o-container .info-img {
    max-width: 70px;
    flex: 0 0 70px
}

.b-info-o-container .info-o-cb:first-child .info-content {
    padding-right: 0
}

.b-info-o-container .info-content {
    gap: 15px;
    position: relative;
    height: 100%;
    padding-left: 30px;
    min-height: 80px
}

.b-info-o-container .info-content h6,
.b-info-o-container .info-content .text-title {
    margin: 0;
    padding: 0;
    color: var(--bs-body-bg);
    line-height: 25px;
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 500;
    font-size: 1.125rem
}

.b-info-o-container .info-content h6 span,
.b-info-o-container .info-content .text-title span {
    display: block
}

.b-info-o-container .info-content p {
    margin: 0;
    color: var(--text-color-5)
}

.b-info-o-container .info-content.bottom-box {
    border-right: 1px solid #e8e8e8;
    padding-right: 20px
}

@media(max-width: 1140px) {
    .b-info-reponsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        padding-bottom: 15px
    }

    .b-info-reponsive::-webkit-scrollbar {
        width: 4px;
        height: 4px
    }

    .b-info-reponsive::-webkit-scrollbar-thumb {
        background-color: var(--text-color-4)
    }

    .b-info-reponsive::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, .1)
    }

    .b-info-reponsive .container {
        max-width: 100%
    }

    .b-info-reponsive .b-info-o-container {
        margin-bottom: 0
    }
}

@media(max-width: 767px) {
    .b-info-o-container .b-info-green:before {
        height: 77px
    }

    .b-info-o-container .b-info-green .info-content {
        min-height: auto
    }

    .b-info-o-container .info-content {
        padding-left: 10px
    }

    .b-info-o-container .info-content p {
        font-size: 13px;
        line-height: 1.6
    }

    .b-info-o-container .info-content h6,
    .b-info-o-container .info-content .text-title {
        font-size: 14px;
        line-height: 1.6;
        padding-right: 16px
    }

    .b-info-o-container .info-img {
        max-width: 35px
    }

    .b-info-o-container .info-content.bottom-box {
        border-right: 1px solid #e8e8e8;
        padding-right: 10px;
        padding-bottom: 5px !important;
        display: none !important
    }
}

.slick-track .slick-active:nth-child(5n) .info-content {
    border-right: 0
}

.strip-info {
    padding: 40px 0;
    min-height: 360px
}

.strip-info .info-container-box {
    text-align: center;
    padding: 15px 0 40px
}

.strip-info .info-container-box .img-container {
    width: 100px;
    height: 100px;
    margin: 0 auto 25px;
    display: inline-flex;
    align-items: end;
    justify-content: center;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

@media(max-width: 479px) {
    .strip-info .info-container-box .img-container {
        margin-bottom: 10px
    }
}

.strip-info .info-container-box h6 {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 600;
    font-size: 1.25rem;
    text-align: center;
    text-transform: capitalize;
    color: #070710;
    margin-bottom: 5px
}

@media(max-width: 479px) {
    .strip-info .info-container-box h6 {
        font-size: 1rem
    }
}

.strip-info .info-container-box p {
    font-style: normal;
    font-weight: 400;
    font-size: .875rem;
    color: gray;
    max-width: 233px;
    margin: 0 auto;
    margin-bottom: 5px
}

.strip-info .info-container-box .green {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 400;
    font-size: .875rem;
    text-align: center;
    text-transform: capitalize;
    color: var(--text-color-primary)
}

.strip-info .info-container-box:hover {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, .08);
    margin-top: -10px
}

.strip-info .info-container-box:hover .img-container {
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1)
}

@media(max-width: 479px) {
    .strip-info .info-container-box {
        padding-bottom: 10px !important
    }
}

@media(max-width: 991px) {
    .strip-info .info-container-box {
        padding: 0 0 25px
    }
}

@media(max-width: 991px) {
    .strip-info .row>div p {
        display: none
    }

    .strip-info .row>div:first-child,
    .strip-info .row>div:nth-child(2) {
        border-bottom: 1px solid var(--text-color-primary)
    }

    .strip-info .row>div:first-child,
    .strip-info .row>div:nth-child(3) {
        border-right: 1px solid var(--text-color-primary)
    }
}

.d-box-container {
    position: relative;
    padding: 70px 0;
    z-index: 0
}

.d-box-container.bg-frame {
    background: #fff url(../images/bg-work.png) no-repeat;
    background-position: right bottom
}

.d-box-container .col-12 {
    position: relative
}

.d-box-container .col-12:hover .grid-box {
    bottom: 20px
}

.d-box-container h6 {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 3px;
    color: var(--text-color-primary);
    margin-bottom: 10px
}

.d-box-container .text-heading {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    color: var(--text-color-3);
    margin-bottom: 1rem
}

.d-box-container .text-heading.strip-bottom {
    padding-bottom: 10px
}

.d-box-container .text-heading.strip-bottom:after {
    height: 4px;
    width: 33%;
    max-width: 200px
}

@media(max-width: 479px) {
    .d-box-container .text-heading.strip-bottom:after {
        height: 2px;
        bottom: 5px
    }
}

@media(max-width: 479px) {
    .d-box-container .text-heading {
        margin-bottom: 5px
    }
}

.d-box-container p {
    line-height: 30px
}

.d-box-container .form-container .form-control {
    border-color: #8fccb3;
    height: 46px
}

.d-box-container .form-container .select-country-flag .country-container {
    position: absolute;
    top: 13px;
    left: 20px;
    border: none;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #666;
    background: none;
    outline: none
}

.d-box-container .form-container .select-country-flag .country-container::after {
    position: absolute;
    content: "";
    width: 18px;
    background: #666;
    height: 100px;
    left: 0
}

.d-box-container .form-container .select-country-flag input {
    padding-left: 70px
}

.d-box-container .form-container p {
    font-size: .813rem;
    line-height: 25px;
    color: #666
}

.d-box-container .content-holder {
    overflow: hidden
}

.d-box-container .content-holder .over-hidden {
    height: 204px;
    overflow: hidden
}

.d-box-container .content-holder img {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.d-box-container .content-holder:hover .over-hidden>img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.d-box-container .content-holder:hover .grid-box {
    bottom: 20px
}

.d-box-container .content-holder p {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 600;
    font-size: .91rem;
    line-height: 1.6;
    text-align: center;
    text-transform: capitalize;
    color: var(--text-color-3);
    margin-bottom: 0;
    margin-top: 10px;
    text-align: left
}

.d-box-container .content-holder p span {
    display: block
}

.d-box-container .grid-box {
    padding: 40px 15px 40px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, .08);
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    align-items: center;
    background: var(--bs-body-bg);
    width: 80px;
    height: 80px;
    position: absolute;
    right: 20px;
    bottom: 15px;
    transition: all .3s ease-in
}

.d-box-container .grid-box .grid-img {
    margin: 0 auto 15px;
    display: inline-flex;
    align-items: end;
    justify-content: center;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    justify-content: center
}

.d-box-container .grid-box .grid-img img {
    width: 50px
}

.d-box-container .list-item-inner {
    margin: 0;
    padding: 0;
    position: relative;
    margin-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
    max-width: 600px;
    margin-top: 20px;
    margin-bottom: 10px
}

.d-box-container .list-item-inner li {
    position: relative;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: var(--text-color-5);
    padding-left: 35px;
    margin-bottom: 10px;
    padding-right: 35px;
    min-width: 50%;
    flex: 0 0 50%
}

.d-box-container .list-item-inner li::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 2px;
    width: 22px;
    height: 22px;
    background: url(../images/tick-green.svg) no-repeat center;
    background-size: contain
}

@media(max-width: 767px) {
    .d-box-container .form-container .text-heading {
        font-size: 2rem
    }

    .d-box-container .form-container .list-item-inner {
        margin-bottom: 0px
    }

    .d-box-container .form-container .list-item-inner li {
        flex: 0 0 100%;
        max-width: fit-content
    }
}

@media(max-width: 440px) {
    .d-box-container .list-item-inner li {
        min-width: 100%
    }
}

@media(min-width: 768px) {
    .mobile-only {
        display: none !important
    }

    .mobile-only.yellow-btn {
        margin-top: 20px !important
    }
}

@media(max-width: 767px) {
    .desktop-only {
        display: none
    }

    .mobile-only.yellow-btn {
        margin-top: 20px !important
    }

    .slick-dots li {
        margin: 0 3px
    }

    .slick-dots li button {
        height: 12px;
        width: 12px
    }

    .slick-dots li button::before {
        font-size: .75rem !important
    }

    .d-box-container .form-container .form-control,
    .d-box-container p {
        font-size: 14px;
        line-height: 1.7
    }

    .d-box-container,
    .video-container,
    .blog-container {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }
}

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

    .d-box-container,
    .video-container,
    .blog-container {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }
}

@media(max-width: 767px) {
    .about-product {
        padding: 0 0 40px 0 !important
    }
}

@media(max-width: 767px)and (max-width: 479px) {
    .about-product {
        padding-bottom: 10px !important
    }
}

@media(max-width: 767px) {
    .right-b-box {
        margin-top: 40px
    }

    .right-b-box .row>div {
        width: 50%
    }

    .right-b-box .over-hidden {
        height: 120px !important
    }

    .right-b-box .grid-box {
        width: 50px;
        height: 50px;
        padding: 10px;
        bottom: 50px
    }
}

@media(max-width: 479px) {
    .download-catalogue-sec .c-img-container {
        margin-top: 0
    }

    .download-catalogue-sec p {
        margin-bottom: 0
    }
}

.product-o-cb {
    z-index: 0
}

.product-o-cb .slick-list {
    display: flex
}

.product-o-cb .slick-list .slick-track {
    display: flex
}

.product-o-cb .product-description {
    background: var(--text-color-primary);
    padding-top: 60px;
    padding-bottom: 60px;
    z-index: 1
}

.product-o-cb .yellow-btn:after {
    background-color: var(--text-color-3)
}

.product-o-cb .inner-product-cb {
    padding-right: 148px;
    max-width: 400px
}

.product-o-cb .inner-product-cb h6 {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    line-height: 20px;
    letter-spacing: 3px;
    color: var(--bs-body-bg)
}

.product-o-cb .inner-product-cb h6 span {
    display: block
}

.product-o-cb .inner-product-cb h5,
.product-o-cb .inner-product-cb .text-heading {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 45px;
    color: var(--bs-body-bg);
    padding-bottom: 10px;
    margin-bottom: 15px
}

.product-o-cb .inner-product-cb h5 span,
.product-o-cb .inner-product-cb .text-heading span {
    display: block
}

.product-o-cb .inner-product-cb h5.strip-bottom::after,
.product-o-cb .inner-product-cb .text-heading.strip-bottom::after {
    height: 4px;
    width: 100%;
    max-width: 200px;
    background: var(--bs-body-bg)
}

@media(max-width: 479px) {

    .product-o-cb .inner-product-cb h5.strip-bottom::after,
    .product-o-cb .inner-product-cb .text-heading.strip-bottom::after {
        height: 2px;
        bottom: 5px
    }
}

@media(max-width: 479px) {

    .product-o-cb .inner-product-cb h5,
    .product-o-cb .inner-product-cb .text-heading {
        margin-bottom: 5px
    }
}

.product-o-cb .inner-product-cb p {
    color: var(--bs-body-bg);
    line-height: 30px
}

.product-o-cb .tab-container-product {
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 2;
    margin-left: -120px;
    margin-top: 23px
}

.product-o-cb .tab-container-product .tab-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 120px;
    margin-bottom: 20px
}

@media(max-width: 479px) {
    .product-o-cb .tab-container-product .tab-list {
        margin-bottom: 0
    }
}

.product-o-cb .tab-container-product .tab-list li {
    padding: 10px 30px;
    position: relative;
    margin-bottom: 15px
}

.product-o-cb .tab-container-product .tab-list li.activeTab a {
    color: var(--text-color-3)
}

.product-o-cb .tab-container-product .tab-list li.activeTab a:after {
    background: var(--text-color-primary)
}

@media(max-width: 479px) {
    .product-o-cb .tab-container-product .tab-list li {
        margin-bottom: 0
    }
}

.product-o-cb .tab-container-product .tab-list a {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    text-transform: capitalize;
    color: var(--text-color-5);
    white-space: nowrap;
    position: relative;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px
}

.product-o-cb .tab-container-product .tab-list a:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 4px;
    background: rgba(0, 0, 0, 0)
}

.product-o-cb .tab-container-product .slider-item {
    position: relative;
    width: 100%;
    display: none
}

.product-o-cb .tab-container-product .slider-item.slick-initialized .slick-slide {
    display: block
}

.product-o-cb .tab-container-product .slider-item .slick-list {
    padding-right: 10%
}

.product-o-cb .tab-container-product .slider-item .slick-dots {
    position: relative;
    bottom: 0px;
    padding-top: 25px
}

@media(max-width: 479px) {
    .product-o-cb .tab-container-product .slider-item .slick-dots {
        padding-top: 5px
    }
}

.product-o-cb .tab-container-product .slider-item .slick-dots li button:before {
    font-size: 1rem;
    color: #f2f2f2;
    opacity: 1
}

.product-o-cb .tab-container-product .slider-item .slick-dots .slick-active button:before {
    color: #00a859
}

.product-o-cb .tab-container-product .slider-item .p-container {
    position: relative;
    background: var(--light-bg);
    padding: 15px 15px 0;
    width: 240px;
    flex: 0 0 auto;
    display: none
}

.product-o-cb .tab-container-product .slider-item .p-container .p-img-cb {
    background: var(--bs-body-bg);
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-o-cb .tab-container-product .slider-item .p-container h4,
.product-o-cb .tab-container-product .slider-item .p-container .p-product-title {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 20px;
    text-transform: capitalize;
    color: var(--text-color-3);
    margin-bottom: 5px
}

.product-o-cb .tab-container-product .slider-item .p-container h6,
.product-o-cb .tab-container-product .slider-item .p-container .p-product-sub-title {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 400;
    font-size: .938rem;
    line-height: 15px;
    text-transform: capitalize;
    color: var(--text-color-primary);
    margin-bottom: 15px;
    letter-spacing: 0
}

@media(max-width: 479px) {

    .product-o-cb .tab-container-product .slider-item .p-container h6,
    .product-o-cb .tab-container-product .slider-item .p-container .p-product-sub-title {
        line-height: 1.2;
        margin-bottom: 10px
    }
}

.product-o-cb .tab-container-product .slider-item .p-container p {
    font-family: var(--font-family-roboto);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: var(--bs-body-color)
}

.product-o-cb .tab-container-product .slider-item .p-container .p-spacer {
    padding: 15px;
    display: block
}

@media(max-width: 1200px) {
    .product-o-cb .product-description {
        padding-left: 0 !important
    }

    .product-o-cb .inner-product-cb {
        padding-right: 0px;
        max-width: 100%
    }

    .product-o-cb .inner-product-cb h6 span {
        display: inline
    }

    .product-o-cb .inner-product-cb h5 span {
        display: inline
    }

    .product-o-cb .tab-container-product {
        max-width: 100% !important;
        margin-left: 0px !important
    }

    .product-o-cb .tab-p-inner-container {
        padding-top: 40px;
        padding-bottom: 20px
    }

    .product-o-cb .tab-container-product .slider-item .slick-list {
        padding-right: 0
    }

    .product-o-cb .tab-container-product .tab-list {
        padding-left: 12px;
        overflow: hidden;
        overflow-x: auto;
        padding-right: 12px !important
    }

    .product-o-cb .tab-container-product .tab-list::-webkit-scrollbar {
        width: 4px;
        height: 4px
    }

    .product-o-cb .tab-container-product .tab-list::-webkit-scrollbar-thumb {
        background-color: var(--text-color-4)
    }

    .product-o-cb .tab-container-product .tab-list::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, .1)
    }

    .product-o-cb .tab-container-product .tab-list a {
        font-size: 1rem
    }

    .product-o-cb .tab-container-product .tab-list a:after {
        height: 2px
    }

    .product-o-cb .tab-container-product .tab-list li {
        padding: 10px
    }
}

@media(max-width: 767px) {
    .product-o-cb .inner-product-cb h5 {
        font-size: 30px
    }

    .product-o-cb .inner-product-cb p {
        font-size: 14px;
        line-height: 1.6
    }

    .product-o-cb .tab-container-product .tab-list {
        justify-content: flex-start
    }

    .product-o-cb .tab-container-product .slider-item .p-container .p-img-cb {
        display: inline-flex
    }

    .product-o-cb .tab-container-product .slider-item .p-container .p-spacer {
        text-align: center
    }

    .product-o-cb .product-description {
        padding: 20px 0 100px
    }

    .product-o-cb .tab-p-inner-container {
        padding-top: 0px;
        padding-bottom: 0px
    }

    .product-o-cb .tab-container-product {
        max-width: 94% !important;
        margin-left: 3% !important;
        margin-top: -70px;
        background: #fff
    }
}

.video-item {
    padding-left: 12px;
    padding-right: 12px;
    display: none
}

.video-container {
    position: relative;
    padding: 70px 0
}

.video-container .slick-list {
    padding-left: 5%;
    padding-right: 5%
}

.video-container .slick-dots {
    position: relative;
    bottom: 0px;
    padding-top: 25px
}

.video-container .slick-dots li button:before {
    font-size: 1rem;
    color: #ccc;
    opacity: 1
}

.video-container .slick-dots .slick-active button:before {
    color: #00a859
}

.video-container h6 {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 3px;
    color: var(--text-color-primary);
    margin-bottom: 10px
}

.video-container .text-heading {
    display: inline-flex;
    font-size: 2.1875rem;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--text-color-3)
}

.video-container .strip-bottom {
    padding-bottom: 10px
}

.video-container .strip-bottom::after {
    height: 4px;
    width: 180px;
    left: 50%;
    margin-left: -90px
}

.video-container .video-inner-box {
    position: relative
}

.video-container .video-inner-box .v-i-box {
    display: block;
    position: relative
}

.video-container .video-inner-box .v-i-box:hover .img-fluid {
    -moz-transform: scale(1.09);
    -webkit-transform: scale(1.09);
    -ms-transform: scale(1.09);
    transform: scale(1.09)
}

.video-container .video-inner-box .v-i-box span {
    display: block;
    position: relative;
    margin-bottom: 15px;
    overflow: hidden
}

.video-container .video-inner-box .v-i-box span .icon-video {
    background: url(../images/youtube-icon.png) no-repeat;
    width: 60px;
    height: 60px;
    background-size: contain;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    z-index: 5
}

.video-container .video-inner-box .v-i-box span::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0px;
    width: 100%;
    background: rgba(0, 0, 0, .2);
    height: 100%;
    background: rgba(0, 0, 0, .2);
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 1
}

.video-container .video-inner-box .v-i-box .img-fluid {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    width: 100%;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.video-container .video-inner-box p {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 25px;
    color: var(--text-color-3)
}

@media(max-width: 767px) {
    .video-container .text-heading {
        font-size: 1.6rem
    }
}

@media(max-width: 767px) {
    .video-container {
        padding: 40px 0
    }

    .video-container .video-inner-box p {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 0
    }

    .video-container .slick-dots {
        padding-top: 10px
    }
}

.blog-container {
    position: relative;
    padding: 70px 0;
    z-index: 0
}

.blog-container .text-heading {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 600;
    font-size: 2.1875rem;
    color: var(--text-color-3);
    margin-bottom: 1.5rem
}

.blog-container .text-heading.strip-bottom {
    padding-bottom: 10px
}

.blog-container .text-heading.strip-bottom::after {
    height: 4px;
    width: 200px
}

.blog-container .blogSliderItem p {
    padding-right: 80px
}

.blog-container .blog-box-container {
    background: #fff;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, .08);
    min-height: 200px;
    padding: 11px
}

.blog-container .blog-box-container .slick-next,
.blog-container .blog-box-container .slick-prev {
    width: 42px;
    height: 38px;
    top: auto;
    bottom: 0px;
    z-index: 9
}

.blog-container .blog-box-container .slick-next::after,
.blog-container .blog-box-container .slick-next::before,
.blog-container .blog-box-container .slick-prev::after,
.blog-container .blog-box-container .slick-prev::before {
    display: none
}

.blog-container .blog-box-container .slick-next {
    right: 12px;
    background: #ffec00 url(../images/arrow-right.svg) no-repeat center center;
    background-size: auto
}

.blog-container .blog-box-container .slick-prev {
    left: auto;
    right: 64px;
    background: #ffec00 url(../images/arrow-right.svg) no-repeat center center;
    background-size: auto;
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    bottom: 18px !important
}

.blog-container .blog-box-container .slick-disabled {
    background-color: #e3e3e3;
    cursor: not-allowed
}

.blog-container .blog-inner-container {
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    min-height: 448px;
    display: none
}

.blog-container .blog-inner-container .date {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px
}

.blog-container .blog-inner-container.slick-slide {
    display: block
}

.blog-container .blog-inner-container:hover .img-fluid {
    -moz-transform: scale(1.09);
    -webkit-transform: scale(1.09);
    -ms-transform: scale(1.09);
    transform: scale(1.09)
}

.blog-container .blog-inner-container span {
    display: block;
    position: relative;
    margin-bottom: 15px;
    overflow: hidden
}

.blog-container .blog-inner-container span::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0px;
    width: 100%;
    background: rgba(0, 0, 0, .2);
    height: 0;
    background: rgba(0, 0, 0, .2);
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 0
}

.blog-container .blog-inner-container span .img-fluid {
    width: 100%;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    width: 100%;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.blog-container .blog-inner-container h5,
.blog-container .blog-inner-container .blog-title {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 27px;
    text-transform: uppercase;
    color: var(--text-color-3)
}

.blog-container .blog-inner-container p {
    color: var(--text-color-5);
    margin-bottom: 0;
    line-height: 27px
}

.blog-container .grid-box-cb {
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    display: block
}

.blog-container .grid-box-cb:hover .img-fluid {
    -moz-transform: scale(1.09);
    -webkit-transform: scale(1.09);
    -ms-transform: scale(1.09);
    transform: scale(1.09)
}

.blog-container .grid-box-cb p {
    color: var(--bs-body-bg);
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 2;
    padding: 10px;
    margin-bottom: 0
}

.blog-container .grid-box-cb span {
    position: relative;
    display: block;
    overflow: hidden
}

.blog-container .grid-box-cb span p {
    font-size: .938rem;
    line-height: 20px
}

.blog-container .grid-box-cb span::before {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20.6%, rgba(0, 0, 0, 0.8) 77%)
}

.blog-container .grid-box-cb span .img-fluid {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    width: 100%;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

@media(max-width: 1200px) {
    .blog-container .blog-inner-container {
        min-height: 1px
    }
}

@media(max-width: 767px) {
    .blog-container .blog-container p {
        font-size: 14px
    }

    .blog-container .text-heading {
        font-size: 1.6rem
    }

    .blog-container .blog-box-container {
        background: #fff;
        box-shadow: none;
        min-height: 200px;
        padding: 0
    }

    .blog-container .w-50 {
        width: 50%
    }

    .blog-container .blog-inner-container p,
    .blog-container .grid-box-cb span p {
        font-size: 14px
    }

    .blog-container .blogSliderItem p {
        padding-right: 86px
    }
}

.blog-container .word_limit {
    height: 30px;
    overflow: hidden
}

.blog-container .word_limit_desc {
    height: 85px;
    overflow: hidden
}

.blog-container.blog-page .strip-bottom::after {
    left: 50%;
    width: 100px !important;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0)
}

.blog-container.blog-page.blog-container .blog-inner-container {
    -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, .08);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, .08);
    padding: 20px;
    overflow: hidden;
    display: block !important;
    min-height: auto;
    margin-bottom: 30px;
    height: 100%
}

.blog-container.blog-page.blog-container .blog-inner-container span img {
    height: 200px;
    object-fit: cover
}

.blog-details {
    padding: 40px 0 80px
}

.blog-details .global-typo {
    padding: 0;
    padding-right: 30px
}

.blog-details .global-typo h3 {
    text-transform: initial
}

.blog-details .blog-details-img {
    width: 100%;
    display: block;
    height: 250px;
    object-fit: cover;
    margin-bottom: 40px
}

.blog-details .date {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px
}

.blog-details .okaya-side-bar .img-box img {
    width: 100%
}

.blog-details .okaya-side-bar .text-box {
    background-color: var(--text-color-primary);
    padding: 46px 26px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center
}

.blog-details .okaya-side-bar .text-box .icon-box {
    background-color: #fff;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px
}

.blog-details .okaya-side-bar .text-box h4 {
    font-weight: 600;
    font-size: 23px;
    line-height: 35px;
    font-family: var(--font-family-lexend)
}

.blog-details .okaya-side-bar .text-box a {
    padding: 15px 20px;
    background: var(--yellow);
    border-radius: 100px;
    font-weight: 500;
    font-family: var(--font-family-lexend);
    font-size: 16px;
    line-height: 20px;
    width: 100%;
    justify-content: center;
    margin-bottom: 10px;
    color: var(--text-dark)
}

.blog-details .btSidebar .text-heading {
    font-size: 22px
}

.blog-details .btSidebar .text-heading:after {
    width: 100px;
    height: 3px
}

.blog-details .btSidebar ul {
    padding: 0;
    margin-bottom: 80px
}

.blog-details .btSidebar ul li {
    padding: 0
}

.blog-details .btSidebar .recent-post-holder li {
    margin-bottom: 20px
}

.blog-details .btSidebar .recent-post-holder .d-flex {
    gap: 10px;
    align-items: center
}

.blog-details .btSidebar .recent-post-holder .d-flex .post-details h5 {
    font-size: 18px
}

.blog-details .btSidebar .recent-post-holder .d-flex .post-details .date {
    margin-bottom: 0
}

.blog-details .btSidebar .recent-post-holder .d-flex .post-details {
    width: calc(100% - 110px)
}

.blog-details .btSidebar .recent-post-holder .d-flex .post-details h5 {
    max-height: 40px;
    overflow: hidden
}

.blog-details .btSidebar .recent-post-holder .d-flex .recent-post {
    width: 100px;
    height: 100px;
    object-fit: cover
}

.blog-details .btSidebar .widget_archive ul li {
    padding: 15px 0;
    border-top: 1px solid var(--border-primary);
    border-bottom: 1px solid var(--border-primary);
    margin-top: -1px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.blog-details .btSidebar .widget_categories .product_category {
    height: 47px;
    margin-bottom: 80px;
    border: 1px solid var(--border-primary)
}

@media(max-width: 767px) {
    .blog-details {
        padding: 20px 0 40px
    }

    .blog-details .global-typo {
        padding-right: 0
    }

    .blog-details .btSidebar ul {
        margin-bottom: 40px
    }

    .blog-details .btSidebar .widget_categories .product_category {
        margin-bottom: 40px
    }
}

.about-product {
    padding: 0 0 70px 0
}

.about-product .about-box {
    z-index: 0;
    min-height: 250px;
    color: #fff;
    position: relative;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px;
    overflow: hidden
}

.about-product .about-box:before {
    content: "";
    background-color: #070710;
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.about-product .about-box>img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.about-product .about-box:hover>img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.about-product .about-box:hover span {
    padding-left: 10px
}

.about-product .about-box a {
    color: var(--white);
    display: block
}

.about-product .about-box div {
    position: relative;
    z-index: 1
}

.about-product .about-box div h4,
.about-product .about-box div .title {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 600;
    font-size: 1.78rem;
    line-height: 1.4;
    margin-top: 10px;
    text-transform: uppercase
}

.about-product .about-box div p,
.about-product .about-box div a {
    font-family: var(--font-family-roboto);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6
}

.about-product .about-box div span {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.about-product .about-box div span::before {
    content: "";
    position: relative;
    width: 14px;
    height: 10px;
    background: url(../images/yellow-arrow.svg) center no-repeat;
    background-size: contain;
    z-index: 2
}

@media(max-width: 1199px) {

    .about-product .about-box div h4,
    .about-product .about-box div .title {
        font-size: 1.18rem
    }
}

@media(max-width: 767px) {
    .about-product .about-box {
        padding: 15px;
        margin-bottom: 15px;
        min-height: 180px
    }

    .about-product .about-box>div .title,
    .about-product .about-box>div h4 {
        font-size: 1.2rem
    }

    .about-product .about-box div p {
        display: none
    }
}

.breadcumbs {
    padding: 25px 0 0
}

.breadcumbs ul {
    padding: 0;
    margin: 0
}

.breadcumbs ul li {
    display: inline-block;
    margin: 0
}

.breadcumbs ul li a {
    color: var(--bs-body-color);
    font-size: 16px;
    line-height: 16px
}

.breadcumbs ul li:after {
    content: "/";
    position: "";
    margin-left: 5px
}

.breadcumbs ul li.active a {
    color: var(--text-color-primary);
    pointer-events: none
}

.breadcumbs ul li.active:after {
    display: none
}

.corevalue {
    padding: 70px 0;
    background-color: var(--light-bg)
}

.corevalue .bg-box {
    background-color: var(--text-color-primary);
    width: 240px;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding: 10px;
    padding-top: 30px
}

.corevalue .bg-box .img-box {
    margin-bottom: 10px;
    height: 70px
}

.corevalue .bg-box h3 {
    font-size: 17.6px;
    font-weight: 600;
    font-family: var(--font-family-lexend);
    color: var(--white);
    margin-bottom: 8px
}

.corevalue .bg-box h3 span {
    font-size: 35.2px
}

.corevalue .bg-box p {
    font-size: 16px;
    color: var(--white)
}

.corevalue .bg-box p span {
    display: block
}

.pad-40 {
    padding: 40px 0
}

.padd-first {
    padding: 40px 0 70px
}

.padd-first .group-heading {
    margin-bottom: 0
}

.padd-first .group-heading .list-item-inner {
    margin-bottom: 0
}

.mission-vission {
    padding: 70px 0
}

.mission-vission img {
    max-width: 100%
}

.mission-vission .msv-box {
    border-left: 4px solid var(--text-color-primary);
    margin-bottom: 40px;
    padding: 28px 20px;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .05);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .05);
    background-repeat: no-repeat;
    background-position: right 20px top 20px
}

.mission-vission .msv-box:last-child {
    margin-bottom: 0
}

.mission-vission .msv-box .d-fx {
    display: flex;
    align-items: flex-start;
    gap: 20px
}

.mission-vission .msv-box .d-fx h4,
.mission-vission .msv-box .d-fx .title-text {
    font-weight: 600;
    font-family: var(--font-family-lexend);
    font-size: 28.8px;
    line-height: 1.6rem;
    color: var(--heading-color);
    margin-bottom: 10px
}

.mission-vission .msv-box .d-fx p {
    font-size: 16px;
    line-height: 30px;
    color: var(--text-color-5);
    max-width: 450px;
    margin-bottom: 0
}

.counter-section {
    padding: 70px 0;
    text-align: center
}

.counter-section .keys {
    margin: 0
}

.counter-section .keys>div {
    padding: 0;
    border: 1px solid #ddd;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-left: -1px
}

.counter-section h3,
.counter-section .heading {
    font-weight: 600;
    font-size: 35.008px;
    line-height: 40px;
    color: var(--text-color-primary);
    margin: 0
}

.counter-section h4,
.counter-section .sub-heading {
    font-size: 16px;
    line-height: 20px;
    color: var(--heading-color);
    max-width: 450px;
    font-weight: 400;
    margin: 0
}

.counter-section h4 span,
.counter-section .sub-heading span {
    display: block
}

.inhouse-menufecturing {
    padding: 70px 0;
    background-color: var(--light-bg);
    text-align: left
}

.inhouse-menufecturing img {
    max-width: 100%
}

.inhouse-menufecturing .group-heading {
    padding-left: 20px
}

.download-catalogue {
    background-color: var(--text-color-primary);
    padding: 20px 30px;
    margin-bottom: 40px
}

.download-catalogue .group-heading,
.download-catalogue p {
    margin: 0
}

.download-catalogue .d-fx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    justify-content: center
}

.download-catalogue .d-fx>div {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%
}

.download-catalogue .d-fx h4,
.download-catalogue .d-fx .text-heading {
    color: #fff;
    margin: 0;
    font-size: 32px;
    margin-bottom: 10px
}

.download-catalogue .d-fx p {
    color: #fff;
    max-width: 800px;
    line-height: 1.6
}

.download-catalogue .d-fx .yellow-btn {
    flex-direction: row-reverse;
    min-width: 180px;
    margin-left: 0 !important;
}

.company-history {
    padding: 70px 0
}

.company-history .tab-box-section ul {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 50px;
    position: relative;
    padding: 0
}

.company-history .tab-box-section ul:after {
    content: "";
    width: 100%;
    height: 4px;
    background-color: var(--light-bg);
    position: absolute;
    left: 0;
    bottom: -10px
}

.company-history .tab-box-section ul li {
    padding: 0 10px;
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: rgba(102, 102, 102, .8);
    position: relative;
    line-height: 20px;
    cursor: pointer;
    white-space: nowrap
}

.company-history .tab-box-section ul li.active {
    color: var(--text-color-primary)
}

.company-history .tab-box-section ul li.active:after {
    content: "";
    width: 100%;
    height: 4px;
    background-color: var(--text-color-primary);
    position: absolute;
    left: 0;
    bottom: -10px;
    z-index: 99
}

.company-history .bg-box {
    background-color: var(--light-bg);
    padding: 25px;
    margin-right: 20px
}

.company-history .bg-box .d-fx {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px
}

.company-history .bg-box .d-fx img {
    border: 4px solid var(--white);
    width: 250px
}

.company-history .bg-box .d-fx .text-box {
    width: calc(100% - 270px)
}

.company-history .bg-box .d-fx h2 {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 600;
    font-size: 2.1875rem;
    color: var(--text-color-3)
}

.company-history .bg-box .d-fx ul li {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
    color: var(--bs-body-color);
    list-style: disc
}

.company-history .slick-next,
.company-history .slick-prev {
    width: 42px;
    height: 38px;
    top: auto;
    bottom: -83px;
    z-index: 9
}

.company-history .slick-next::after,
.company-history .slick-next::before,
.company-history .slick-prev::after,
.company-history .slick-prev::before {
    display: none
}

.company-history .slick-next {
    right: 12px;
    background: #ffdd02 url(../images/arrow-right.svg) no-repeat center center;
    background-size: auto
}

.company-history .slick-prev {
    left: auto;
    right: 64px;
    background: #ffdd02 url(../images/arrow-right.svg) no-repeat center center;
    background-size: auto;
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    bottom: -64px !important
}

.company-history .slick-disabled {
    background-color: #e3e3e3;
    cursor: not-allowed
}

.company-history .slick-dots {
    display: none !important
}

.download-catalogue-popup .d-box-container {
    border-radius: 0;
    padding: 0px !important;
    border: none
}

.download-catalogue-popup .d-box-container .modal-header {
    background-color: var(--text-color-primary);
    padding: 30px;
    border-radius: 0
}

.download-catalogue-popup .d-box-container .modal-header h5 {
    color: var(--white);
    font-size: 1.875rem;
    margin-bottom: 0
}

.download-catalogue-popup .d-box-container .modal-header h5:after {
    background-color: var(--white)
}

.download-catalogue-popup .d-box-container .modal-header h6 {
    color: var(--white);
    font-size: 1rem
}

.download-catalogue-popup .btn-close {
    position: absolute;
    top: -15px;
    right: -15px;
    background-color: #fff;
    border-radius: 50%;
    opacity: 1;
    width: 33px;
    height: 33px;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.download-catalogue-popup .btn-close:hover {
    background-color: #d1cece
}

.download-catalogue-popup .modal-body {
    padding: 25px 35px 45px
}

@media(min-width: 992px) {
    .counter-section .keys>div:nth-child(1) {
        border-left: none
    }

    .counter-section .keys>div:last-child {
        border-right: none
    }
}

@media(max-width: 1399px) {
    .company-history .tab-box-section ul {
        gap: 20px;
        overflow: scroll;
        padding-bottom: 20px;
        margin-bottom: 10px
    }

    .company-history .tab-box-section ul:after {
        bottom: 10px
    }

    .company-history .tab-box-section ul li {
        white-space: nowrap
    }

    .corevalue .bg-box {
        background-color: var(--text-color-primary);
        width: auto;
        margin-right: 10px
    }
}

@media(max-width: 991px) {
    .counter-section .keys>div {
        border: none
    }

    .counter-section .keys>div:nth-child(odd) {
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd
    }

    .counter-section .keys>div:nth-child(even) {
        border-bottom: 1px solid #ddd
    }

    .counter-section .keys>div:nth-child(5),
    .counter-section .keys>div:nth-child(6) {
        border-bottom: 0
    }

    .download-catalogue .d-fx {
        flex-wrap: wrap
    }

    .download-catalogue .d-fx>div .group-heading {
        width: calc(100% - 150px)
    }
}

@media(max-width: 767px) {
    .download-catalogue-popup .d-box-container {
        border-radius: 0;
        padding: 0px 0
    }

    .download-catalogue-popup .d-box-container .modal-header {
        background-color: var(--text-color-primary);
        padding: 30px 60px 30px 20px;
        border-radius: 0
    }

    .download-catalogue-popup .d-box-container .modal-header h5 {
        color: var(--white);
        font-size: 1.275rem;
        margin-bottom: 0
    }

    .download-catalogue-popup .d-box-container .modal-header h5:after {
        background-color: var(--white)
    }

    .download-catalogue-popup .d-box-container .modal-header h6 {
        color: var(--white);
        font-size: 1rem
    }

    .download-catalogue-popup .btn-close {
        right: 20px;
        top: 20px;
        width: 25px;
        height: 25px
    }

    .download-catalogue-popup .modal-body {
        padding: 25px 15px 25px
    }

    .d-box-container .text-heading {
        font-size: 1.6rem
    }

    .corevalue .bg-box {
        margin: 0
    }

    .company-history .tab-box-section ul {
        gap: 20px;
        overflow: scroll;
        padding-bottom: 20px;
        margin-bottom: 10px
    }

    .company-history .tab-box-section ul:after {
        bottom: 10px
    }

    .company-history .tab-box-section ul li {
        white-space: nowrap
    }

    .company-history .bg-box .d-fx .text-box {
        width: 100%
    }

    .company-history .bg-box .d-fx h2 {
        font-size: 1.8rem
    }

    .company-history .bg-box .d-fx ul li {
        margin-bottom: 4px;
        font-size: 14px;
        line-height: 26px !important;
    }

    .mission-vission .msv-box {
        margin-bottom: 20px
    }

    .mission-vission .msv-box:last-child {
        margin-bottom: 20px
    }

    .download-catalogue .d-fx {
        flex-wrap: wrap
    }

    .download-catalogue .d-fx>div {
        flex-wrap: wrap;
        justify-content: center
    }

    .download-catalogue .d-fx>div img {
        width: 200px
    }

    .download-catalogue .d-fx>div .group-heading {
        width: 100%
    }

    .download-catalogue .d-fx>div .group-heading p {
        text-align: center
    }

    .download-catalogue .d-fx>div .group-heading h4,
    .download-catalogue .d-fx>div .group-heading .text-heading {
        text-align: center
    }

    .inhouse-menufecturing .group-heading {
        padding-left: 0
    }

    .corevalue,
    .mission-vission,
    .inhouse-menufecturing,
    .company-history,
    .counter-section {
        padding: 40px 0
    }

    .padd-first {
        padding-bottom: 40px
    }

    .padd-first .group-heading .list-item-inner {
        margin-bottom: 30px
    }

    .download-catalogue {
        padding-left: 15px;
        padding-right: 15px
    }
}

.p-info-cb {
    position: relative;
    gap: 30px;
    display: flex
}

.p-info-cb .i-img-cb {
    display: flex;
    align-items: flex-start;
    width: 130px
}

.p-info-cb .i-img-cb img {
    border: 2px solid #f1f1f1
}

.p-info-cb .i-content-cb {
    position: relative
}

.p-info-cb .i-content-cb h5,
.p-info-cb .i-content-cb .emp-name {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: normal;
    margin-bottom: 10px
}

.p-info-cb .i-content-cb h5 span,
.p-info-cb .i-content-cb .emp-name span {
    display: block
}

.p-info-cb .i-content-cb h6,
.p-info-cb .i-content-cb .emp-designation {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 16px;
    color: #fff;
    letter-spacing: normal;
    margin-bottom: 10px
}

.p-info-cb .i-content-cb .s-link-container {
    margin-bottom: 5px
}

.p-info-cb .i-content-cb .s-link-container a {
    color: #fff
}

.coreslide .slick-track {
    display: flex;
    gap: 0 20px
}

.coreslide .slick-track .itembox {
    width: 20%
}

.coreslide .slick-track .itembox .bg-box {
    width: 100%
}

@media(max-width: 991px) {
    .coreslide .slick-track .itembox {
        width: 70%;
        margin: auto;
        border-bottom: 1px solid rgba(143, 204, 179, .7) !important
    }
}

@media(max-width: 767px) {
    .coreslide .slick-track .itembox {
        width: 100%
    }
}

@media(max-width: 991px) {
    .coreslide .slick-track {
        flex-direction: column;
        height: auto
    }

    .coreslide .slick-track .bg-box {
        background-color: var(--light-bg);
        flex-direction: row;
        grid-gap: 20px;
        padding: 15px
    }

    .coreslide .slick-track .bg-box .img-box {
        margin-bottom: 0;
        width: 70px
    }

    .coreslide .slick-track .bg-box h3 {
        color: var(--text-color-3);
        text-align: left
    }

    .coreslide .slick-track .bg-box h3 span {
        color: var(--text-color-primary)
    }

    .coreslide .slick-track .bg-box p {
        color: var(--text-color-5);
        text-align: left;
        line-height: 24px;
        margin-bottom: 0
    }

    .coreslide .slick-track .bg-box p span {
        display: inline-block
    }
}

.coreslide .slick-track .slick-slide {
    height: auto
}

@media(max-width: 991px) {
    .coreslide .slick-track .slick-slide:not(:last-child) {
        border-bottom: 1px solid rgba(143, 204, 179, .7) !important
    }
}

@media(max-width: 480px) {
    .p-info-cb {
        gap: 0px;
        display: block
    }

    .p-info-cb .i-img-cb {
        margin-bottom: 20px
    }

    .p-info-cb .i-content-cb h5 span {
        display: initial
    }
}

.coreslide-container {
    max-width: 1160px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 1400px) {
    .coreslide-container {
        max-width: 1360px
    }
}

@media(max-width: 1199px) {
    .coreslide-container {
        max-width: 960px
    }
}

@media(max-width: 767px) {
    .coreslide-container {
        max-width: 90%
    }
}

.main-form-bx {
    margin-top: 44px;
    margin-bottom: 20px;
    max-width: 1034px
}

.main-form-bx .d-box-container {
    padding: 11px 0
}

.mobile-bx {
    display: flex;
    align-items: center;
    padding: 35px 0 25px;
    margin: 0;
    border-bottom: 1px solid var(--border-primary);
    max-width: 278px
}

.mobile-bx1 {
    padding: 24px 0;
    margin: 0
}

.mobile-bx1 h4 {
    text-transform: uppercase;
    font-size: 18px;
    margin: 0px;
    padding: 9px 0 14px 0
}

.mobile-bx1 a {
    font-size: 14px;
    color: #070710;
    font-weight: 500
}

.mobile-bx1 a i {
    color: var(--text-color-primary);
    margin: 0px 4px 0 0px
}

.mobile-bx1 a:hover {
    padding-left: 7px
}

.lt-icon {
    background: var(--text-color-primary);
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    margin: 0 10px 0 0
}

.rt-number .text-title,
.rt-number h4 {
    color: #0c0c13;
    font-size: 16px;
    margin: 0;
    font-weight: 500
}

ul.ct-social-icon {
    display: flex;
    padding: 0px;
    margin: 0 auto;
    gap: 24px
}

ul.ct-social-icon li a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

ul.ct-social-icon li a:hover {
    background-color: var(--text-color-primary)
}

.cl-fb {
    background-color: #1877f2
}

.cl-in {
    background-color: #1da1f2
}

.cl-tw {
    background-color: #2867b2
}

.cl-yt {
    background-color: red
}

.cl-ints {
    background-color: #f00073
}

.contact-form {
    background: var(--light-bg);
    padding: 40px;
    margin: 0;
    max-width: 620px;
    margin-left: auto
}

.blog-container h5 {
    font-size: 25px
}

.check-item-container {
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 10px
}

.check-item-container .check-item {
    margin-bottom: 20px
}

.check-item-container label.error {
    position: absolute;
    bottom: -4px;
    left: 0
}

.check-item-container .form-check-input.error {
    border: 1px solid red
}

.form-check.radio-checkbx {
    border: 1px solid var(--text-color-primary);
    border-radius: 5px;
    padding: 8px 32px 8px 32px;
    width: auto;
    cursor: pointer
}

.form-check.radio-checkbx label {
    cursor: pointer;
    color: #000;
    padding: 3px 0 0 0
}

.radio-checkbx .form-check-input:checked {
    background-color: var(--text-color-primary);
    border-color: var(--text-color-primary)
}

.radio-checkbx .form-check-input {
    width: 1.2em;
    height: 1.2em
}

.radio-checkbx .form-check-input:focus {
    box-shadow: none
}

.contact-form .text-heading {
    font-size: 25px
}

.contact-form .text-heading.strip-bottom::after {
    width: 124px
}

.map-contact {
    background-image: url("../images/dotted-world-map-png.png");
    background-size: 78%;
    padding: 0px;
    margin: 0;
    width: 100%;
    height: 650px;
    background-repeat: no-repeat;
    background-position: center
}

.map-contact h2 {
    font-family: "Lexend";
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 50px;
    text-align: center;
    color: #000;
    margin: auto;
    padding-top: 160px
}

.dealrs-number ul {
    background: rgba(255, 255, 255, .76);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    margin: 50px 0 0 0;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    max-width: 800px;
    margin: 25px auto 0
}

.dealrs-number ul li {
    border-right: 1px solid #ededed;
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center
}

.dealrs-number ul li:last-child {
    border-right: none
}

.dealrs-number ul li p.heading {
    width: 100%;
    margin: auto;
    text-align: center;
    color: var(--text-color-primary);
    font-family: "Roboto";
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 30px;
    padding: 20px 0 0 0
}

.dealrs-number ul li p {
    width: 49%;
    padding-top: 8px;
    color: var(--heading-color);
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase
}

.iti {
    width: 100%
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0);
    border-right: 1px solid;
    height: 24px;
    margin-top: 11px
}

.iti--separate-dial-code .iti__selected-flag:hover {
    background-color: rgba(0, 0, 0, 0)
}

.contact-form p a {
    color: var(--text-color-primary);
    text-decoration: underline
}

.contact-form p a:hover {
    font-weight: 600;
    text-decoration: none
}

@media(max-width: 991px) {

    .mobile-bx,
    .mobile-bx1 {
        width: 100%
    }

    .lt-icon {
        margin: 0 6px 0 0
    }

    ul.ct-social-icon {
        margin: 0 0 0 16px
    }

    .map-contact {
        background-size: 100%;
        margin: 0;
        height: auto
    }

    .map-contact h2 {
        font-size: 27px;
        padding-top: 40px
    }

    .dealrs-number ul {
        margin-bottom: 30px
    }

    .dealrs-number ul li p {
        width: 80%
    }

    .pt-text h3 {
        font-size: 22px
    }

    .pt-text {
        width: 54%
    }

    ul.ct-social-icon {
        margin-left: 0px
    }
}

@media(max-width: 767px) {
    .main-form-bx {
        margin-top: 20px
    }

    .contact-form {
        padding-left: 15px;
        padding-right: 15px
    }

    .main-form-bx {
        max-width: 540px
    }

    .mobile-bx {
        padding: 20px 0;
        margin: auto;
        max-width: 100%
    }

    .mobile-bx1 {
        text-align: center
    }

    .contact-form {
        background: var(--light-bg);
        padding: 10px;
        max-width: 540px;
        margin: 0 auto
    }

    .main-form-bx .row {
        margin: 0 -5px
    }

    .main-form-bx .row>* {
        padding: 0 5px
    }

    .form-check.radio-checkbx label {
        font-size: 14px
    }

    .check-item-container {
        gap: 0
    }

    .check-item-container .check-item {
        width: 48%
    }

    .check-item-container .check-item:last-child {
        width: 100%
    }
}

@media(max-width: 650px) {
    .map-contact h2 {
        font-size: 14px;
        padding-top: 0;
        line-height: 20px
    }

    .dealrs-number ul {
        margin: 10px 0;
        flex-direction: column;
        flex-wrap: wrap
    }

    .dealrs-number ul li {
        border-right: none;
        border-bottom: 1px solid #ededed;
        width: 100%
    }

    .product-image {
        flex-wrap: wrap;
        justify-content: center;
        width: 100%
    }

    .pt-text {
        width: 100%
    }

    .pt-image {
        margin-bottom: 6px
    }

    .pt-text h3 {
        font-size: 20px
    }

    .btn-download-now {
        margin-top: 20px
    }

    ul.ct-social-icon {
        gap: 0
    }

    .ct-social-icon li {
        padding: 5px
    }
}

.d-box-container.ib-first .group-heading {
    margin-bottom: 0
}

.d-box-container.ib-first .counter-section {
    padding: 0
}

.d-box-container.ib-first .counter-section .keys>div {
    height: 120px
}

.d-box-container.ib-first .counter-section .keys>div h3 {
    margin-bottom: 13px
}

.continents {
    margin-bottom: 70px
}

.continents .slick-track>div {
    padding: 20px 0;
    margin: 0 12px
}

.continents h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--text-color-primary);
    font-family: var(--font-family-lexend)
}

.continents h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 50px;
    font-family: var(--font-family-lexend);
    text-transform: uppercase;
    color: #2c2c2e;
    position: relative;
    margin-bottom: 50px
}

.continents h2::after {
    position: absolute;
    content: "";
    background: var(--text-color-primary);
    width: 200px;
    height: 4px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px
}

.continents p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    font-family: var(--font-family-roboto);
    text-align: center;
    color: #666;
    padding-top: 15px;
    max-width: 900px;
    margin: 0px auto
}

.continents a {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, .08);
    display: block;
    padding: 20px;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.continents a .d-flex {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 385px
}

.continents a .d-flex .text-content {
    margin-top: 20px;
    text-align: center
}

.continents a .d-flex .text-content h4,
.continents a .d-flex .text-content .text-heading {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 600;
    font-size: 1.75rem;
    color: var(--text-color-3);
    margin-bottom: 1rem
}

.continents a .d-flex .text-content h4.strip-bottom:after,
.continents a .d-flex .text-content .text-heading.strip-bottom:after {
    height: 3px;
    width: 85px;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%, 0)
}

.continents a .d-flex .text-content p {
    font-size: 1rem;
    line-height: 30px;
    color: var(--text-color-5);
    max-width: 450px;
    margin-bottom: 15px
}

.continents a .d-flex .text-content span {
    text-transform: uppercase;
    position: relative;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: .875rem;
    gap: 10px;
    justify-content: center;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.continents a .d-flex .text-content span::before {
    content: "";
    position: relative;
    width: 14px;
    height: 10px;
    background: url(../images/green-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2
}

.continents a:hover {
    background-color: var(--text-color-primary)
}

.continents a:hover .d-flex .img-content {
    filter: brightness(0) invert(1)
}

.continents a:hover .d-flex .text-content {
    text-align: center
}

.continents a:hover .d-flex .text-content h4,
.continents a:hover .d-flex .text-content p {
    color: var(--white)
}

.continents a:hover .d-flex .text-content h4:after {
    background-color: var(--white)
}

.continents a:hover .d-flex .text-content span {
    color: var(--yellow)
}

.continents a:hover .d-flex .text-content span::before {
    background: url(../images/yellow-arrow.svg)
}

.map-section {
    padding: 0 0 80px 0
}

.map-section .title-global-border-center {
    margin-bottom: 50px;
    padding-top: 15px
}

.map-section .title-global-border-center h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--text-color-primary);
    font-family: var(--font-family-lexend)
}

.map-section .title-global-border-center h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 50px;
    font-family: var(--font-family-lexend);
    text-transform: uppercase;
    color: #2c2c2e;
    position: relative
}

.map-section .title-global-border-center h2::after {
    position: absolute;
    content: "";
    background: var(--text-color-primary);
    width: 200px;
    height: 4px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px
}

.map-section .title-global-border-center p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    font-family: var(--font-family-roboto);
    text-align: center;
    color: #666;
    padding-top: 15px;
    max-width: 900px;
    margin: 0px auto
}

.map-section .map-box {
    position: relative
}

.map-section .click-to-open {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--text-color-primary);
    animation-name: wave;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    cursor: pointer;
    position: absolute;
    font-size: 0
}

.map-section .tooltip-box {
    display: none;
    border-radius: 8px;
    width: 160px;
    margin: 15px 0 0 -80px;
    min-height: 118px;
    z-index: 9;
    text-align: center;
    padding: 15px;
    position: absolute;
    background-color: var(--white);
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, .08), 0px 4px 6px -2px rgba(16, 24, 40, .03);
    word-break: break-all
}

.map-section .tooltip-box .flag-icon {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.map-section .tooltip-box h3 {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    color: var(--text-color-3)
}

.map-section .tooltip-box h4 {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: var(--text-color-5);
    max-width: 450px
}

.map-section .country1 {
    top: 34%;
    left: 16%
}

.map-section .country2 {
    top: 44%;
    left: 66%
}

.map-section .country3 {
    top: 50%;
    left: 72%
}

.map-section .country4 {
    top: 59%;
    left: 48%
}

.map-section .country5 {
    top: 67%;
    right: 42%
}

.map-section .country6 {
    top: 38%;
    right: 50.5%
}

.map-section .country7 {
    top: 62%;
    right: 46%
}

.map-section .country8 {
    top: 56%;
    right: 55%
}

.map-section .country9 {
    top: 47%;
    left: 69%
}

.map-section .country10 {
    top: 42%;
    left: 60%
}

.map-section .country11 {
    top: 64%;
    left: 80%
}

.map-section .country12 {
    top: 63%;
    left: 59%
}

.map-section .country13 {
    top: 47%;
    left: 60.5%
}

.map-section .country14 {
    top: 47%;
    left: 58.5%
}

.map-section .country15 {
    top: 61%;
    left: 67.5%
}

.map-section .country16 {
    top: 54%;
    left: 45.5%
}

.map-section .country17 {
    top: 50%;
    left: 74%
}

.map-section .country18 {
    top: 48%;
    left: 70.5%
}

.map-section .country19 {
    top: 59%;
    left: 49.5%
}

.map-section .country20 {
    top: 52%;
    left: 63.5%
}

.map-section .country21 {
    top: 49%;
    left: 61.5%
}

.map-section .country22 {
    top: 22%;
    left: 76.5%
}

.map-section .country23 {
    top: 54%;
    left: 43.5%
}

.map-section .country24 {
    top: 61%;
    left: 50.5%
}

.map-section .country25 {
    top: 60%;
    left: 70.5%
}

.map-section .country26 {
    top: 58%;
    left: 56.5%
}

.map-section .country27 {
    top: 45%;
    left: 58.5%
}

.map-section .country28 {
    top: 54%;
    left: 74.5%
}

.map-section .country29 {
    top: 42%;
    left: 58.5%
}

.map-section .country30 {
    top: 50%;
    left: 62.5%
}

.map-section .country31 {
    top: 64%;
    left: 57.5%
}

.map-section .country32 {
    top: 37%;
    left: 17.5%
}

.map-section .country33 {
    top: 55%;
    left: 60.5%
}

@keyframes wave {
    0% {
        box-shadow: 0 0 0px 0px rgba(var(--secondary-color-s), 0.5)
    }

    100% {
        box-shadow: 0 0 0px 10px rgba(var(--secondary-color-s), 0)
    }
}

@media(max-width: 1299px) {
    .map-section .map-box {
        display: flex;
        align-items: stretch;
        justify-content: center;
        gap: 20px;
        column-gap: 20px;
        flex-wrap: wrap
    }

    .map-section .map-box .w-100 {
        display: none
    }

    .map-section .map-box .click-to-open {
        position: static;
        width: auto;
        animation: none;
        font-size: 18px;
        padding: 20px 30px;
        width: 220px;
        height: auto;
        -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, .3);
        box-shadow: 0px 0px 4px rgba(0, 0, 0, .3);
        background: #fff;
        border-radius: 4px;
        display: inline-flex;
        gap: 10px;
        pointer-events: none;
        justify-content: center
    }
}

@media(max-width: 767px) {
    .map-section .map-box .click-to-open {
        width: 45%;
        padding: 10px
    }
}

.explore-products-int {
    margin-bottom: 70px
}

.explore-products-int h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--text-color-primary);
    font-family: var(--font-family-lexend)
}

.explore-products-int h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 50px;
    font-family: var(--font-family-lexend);
    text-transform: uppercase;
    color: #2c2c2e;
    position: relative
}

.explore-products-int h2::after {
    position: absolute;
    content: "";
    background: var(--text-color-primary);
    width: 200px;
    height: 4px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px
}

.explore-products-int p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    font-family: var(--font-family-roboto);
    text-align: center;
    color: #666;
    padding-top: 15px;
    max-width: 900px;
    margin: 0px auto;
    margin-bottom: 30px
}

.explore-products-int .inner-explore-product {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, .1);
    background: var(--text-color-primary);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.explore-products-int .inner-explore-product>a {
    padding: 30px;
    padding-left: 15px;
    padding-right: 15px;
    display: block
}

.explore-products-int .inner-explore-product>a .img-box {
    height: 70px;
    width: auto
}

.explore-products-int .inner-explore-product>a .img-box img {
    height: 60px
}

.explore-products-int .inner-explore-product h4,
.explore-products-int .inner-explore-product .title-text {
    color: var(--white);
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    font-family: var(--font-family-lexend);
    display: flex;
    align-items: center;
    text-align: center;
    padding-top: 8px;
    margin: 0
}

.explore-products-int .inner-explore-product:hover {
    margin-top: -10px
}

.gallery {
    padding: 70px 0 90px;
    background-color: var(--light-bg)
}

.gallery .container:nth-child(2) {
    margin-top: 36px
}

.gallery h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--text-color-primary);
    font-family: var(--font-family-lexend)
}

.gallery h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 50px;
    font-family: var(--font-family-lexend);
    text-transform: uppercase;
    color: #2c2c2e;
    position: relative
}

.gallery h2::after {
    position: absolute;
    content: "";
    background: var(--text-color-primary);
    width: 200px;
    height: 4px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px
}

.gallery p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    font-family: var(--font-family-roboto);
    text-align: center;
    color: #666;
    padding-top: 15px;
    max-width: 900px;
    margin: 0px auto
}

.gallery .gallery-container {
    margin-top: 14px;
    position: relative;
    margin-bottom: 15px
}

.gallery .gallery-container img {
    width: 100%;
    object-fit: cover
}

.gallery .gallery-container.r-11 img {
    height: 239px
}

.gallery .gallery-container.r-12 img {
    height: 231px
}

.gallery .gallery-container.r-21 img {
    height: 192px
}

.gallery .gallery-container.r-22 img {
    height: 276px
}

.gallery .gallery-container.r-31 img {
    height: 279px
}

.gallery .gallery-container.r-32 img {
    height: 191px
}

.gallery .gallery-container.r-41 img {
    height: 249px
}

.gallery .gallery-container.r-42 img {
    height: 220px
}

.gallery .gallery-container a {
    position: relative;
    display: block;
    height: 100%;
    overflow: hidden
}

.gallery .gallery-container span {
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20.6%, rgba(0, 0, 0, 0.8) 77%);
    width: 100%;
    padding: 25px 20px;
    color: var(--white);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    font-family: var(--font-family-roboto);
    transition: all .3s ease-in-out;
    height: 0;
    opacity: 0;
    z-index: 999
}

.gallery .gallery-container:hover span {
    opacity: 1
}

.certifications {
    padding: 70px 0
}

.certifications h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--text-color-primary);
    font-family: var(--font-family-lexend)
}

.certifications h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 50px;
    font-family: var(--font-family-lexend);
    text-transform: uppercase;
    color: #2c2c2e;
    position: relative
}

.certifications h2::after {
    position: absolute;
    content: "";
    background: var(--text-color-primary);
    width: 200px;
    height: 4px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px
}

.certifications p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    font-family: var(--font-family-roboto);
    text-align: center;
    color: #666;
    padding-top: 15px;
    max-width: 900px;
    margin: 0px auto
}

.certifications .certificate-inner {
    padding: 20px 28px;
    background: var(--white);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, .1)
}

.certifications .slick-certificate {
    margin-top: 50px;
    margin-bottom: 0
}

.certifications .slick-certificate .slick-slide {
    margin: 15px
}

.certifications .slick-certificate .slick-list {
    margin: 0 -20px
}

.certifications .slick-certificate .slick-dots {
    bottom: -30px;
    padding-top: 0
}

.certifications .slick-certificate .slick-dots li {
    width: auto;
    height: auto;
    margin: 0 4px
}

.certifications .slick-certificate .slick-dots li button {
    width: 12px;
    height: 12px
}

.certifications .slick-certificate .slick-dots li button:before {
    font-size: .75rem;
    color: #ccc;
    opacity: 1
}

.certifications .slick-certificate .slick-dots .slick-active button::before {
    color: var(--text-color-primary)
}

@media(max-width: 1199px) {
    .explore-products-int .inner-explore-product h4 {
        font-size: 15px
    }

    .explore-products-int .inner-explore-product>a {
        padding: 9px;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(max-width: 911px) {
    .explore-products-int h2 {
        font-size: 1.6rem
    }
}

@media(max-width: 911px) {
    .explore-products-int .inner-explore-product {
        height: 170px;
        margin-bottom: 20px
    }

    .padd-first .counter-section {
        margin-bottom: 20px
    }

    .padd-first .counter-section .keys>div:nth-child(3) {
        border-bottom: beige
    }

    .padd-first .counter-section .keys>div:nth-child(4) {
        border-bottom: beige
    }
}

@media(max-width: 767px) {
    .continents {
        margin-bottom: 20px
    }

    .continents .slick-dots {
        position: relative;
        bottom: 0px;
        padding-top: 0px
    }

    .map-section .title-global-border-center h2,
    .continents h2,
    .gallery h2,
    .certifications h2 {
        font-size: 1.6rem;
        line-height: 1.2em
    }

    .gallery .gallery-container {
        height: 200px;
        margin-bottom: 10px
    }

    .gallery .gallery-container img {
        height: 200px !important
    }

    .gallery,
    .certifications,
    .map-section {
        padding: 40px 0
    }

    .padd-first .counter-section {
        margin-bottom: 0px
    }

    .certificate .slick-slide {
        margin: 8px
    }

    .explore-products-int p,
    .map-section .title-global-border-center p,
    .gallery p,
    .certifications p {
        font-size: 14px;
        line-height: 1.6
    }
}

.country-lang-cb {
    position: absolute;
    right: 0px;
    top: -31px
}

.country-lang-cb .cl-outer-cb {
    position: relative
}

.country-lang-cb .cl-outer-cb .cl-inner-cb {
    position: relative;
    padding: 10px 15px;
    gap: 10px;
    min-height: 38px;
    background: #fff;
    border: 1px solid #070710;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    gap: 10px;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    user-select: none
}

.country-lang-cb .cl-outer-cb p {
    margin: 0
}

.country-lang-cb .cl-dd-outer-cb {
    background-color: var(--bs-body-bg);
    position: absolute;
    top: 100%;
    padding: 6px 15px;
    -webkit-box-shadow: 0px 5px 41.5px rgba(9, 29, 62, .11);
    box-shadow: 0px 5px 41.5px rgba(9, 29, 62, .11);
    z-index: 1;
    right: 0px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    min-width: 150px;
    font-size: 14px
}

.country-lang-cb .cl-dd-outer-cb ul {
    margin: 0;
    padding: 0
}

.country-lang-cb .cl-dd-outer-cb li {
    padding: 0
}

.country-lang-cb .cl-dd-outer-cb li.selected a {
    color: var(--text-color-primary)
}

.country-lang-cb .cl-dd-outer-cb li.selected a:after {
    width: 100%;
    background-color: var(--text-color-primary)
}

.country-lang-cb .cl-dd-outer-cb a {
    padding: 8px 0px;
    display: block;
    position: relative
}

.country-lang-cb .cl-dd-outer-cb a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 0px;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: rgba(0, 0, 0, 0)
}

.country-lang-cb .cl-dd-outer-cb a:hover:after {
    width: 100%;
    background-color: var(--text-color-primary)
}

.country-lang-cb .activeCL .cl-dd-outer-cb {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

@media(max-width: 767px) {
    .country-lang-cb {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 30px
    }
}

.country-specific-container .contact-form {
    max-width: 100%;
    padding: 30px 40px
}

.country-specific-container .contact-form .text-heading {
    font-size: 1.563rem;
    margin-bottom: 15px
}

.country-specific-container .contact-form .text-heading.strip-bottom::after {
    height: 3px;
    width: 94px;
    left: 0;
    margin-left: 0px
}

.country-specific-container .d-box-container {
    padding: 0
}

.country-specific-container .info-solutions {
    position: relative;
    width: 100%;
    height: 100%;
    background: var(--text-color-primary);
    padding: 40px 40px;
    color: var(--bs-body-bg)
}

.country-specific-container .info-solutions h6 {
    color: var(--bs-body-bg)
}

.country-specific-container .info-solutions .text-heading {
    color: var(--bs-body-bg);
    margin-bottom: 10px
}

.country-specific-container .info-solutions .text-heading.strip-bottom::after {
    background: var(--bs-body-bg);
    height: 3px;
    width: 124px;
    left: 0;
    margin-left: 0
}

.country-specific-container .left-padding-0 {
    padding-left: 0
}

.country-specific-container .right-padding-0 {
    padding-right: 0
}

@media(max-width: 991px) {

    .country-specific-container .contact-form,
    .country-specific-container .info-solutions {
        padding-left: 15px;
        padding-right: 15px
    }

    .country-specific-container .left-padding-0 {
        padding-left: 12px
    }

    .country-specific-container .right-padding-0 {
        padding-right: 12px
    }
}

.social-media-container {
    margin-bottom: 70px
}

.social-media-container .sm-text-container {
    position: relative
}

.social-media-container .sm-text-container .sm-title {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 600;
    font-size: 1.875rem;
    line-height: 30px;
    text-transform: uppercase;
    color: var(--heading-color)
}

.social-media-container .sm-text-container p {
    margin-bottom: 0
}

.social-media-container .social-m-i-cb {
    background: #fff;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, .08);
    padding: 25px 28px
}

.social-media-container .social-media-icon-container {
    justify-content: flex-end
}

.social-media-container .social-media-icon-container li a {
    width: 48px;
    height: 48px;
    font-size: 1.5rem
}

@media(max-width: 991px) {
    .social-media-container .social-m-i-cb {
        text-align: center;
        padding-top: 30px;
        padding-left: 15px;
        padding-right: 15px
    }

    .social-media-container .social-media-icon-container {
        justify-content: center;
        margin-top: 20px
    }

    .social-media-container .social-media-icon-container li {
        padding: 8px 5px
    }

    .social-media-container .sm-text-container .sm-title {
        font-size: 1.6rem
    }
}

@media(max-width: 767px) {
    .country-specific-container .blog-container {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .explore-products-int {
        margin-bottom: 20px
    }

    .country-specific-container .right-padding-0 {
        margin-bottom: 20px
    }
}

.spacer-grid-box {
    padding-top: 40px;
    padding-bottom: 64px
}

.bs-grid-box {
    position: relative;
    font-family: var(--bs-body-font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #666;
    margin-bottom: 24px
}

.bs-grid-box * {
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.bs-grid-box .bs-grid-inner-box {
    background: #fff;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, .08);
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.bs-grid-box .img-con-box {
    overflow: hidden
}

.bs-grid-box .img-con-box .fullImg {
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.bs-grid-box .bs-img-box {
    position: relative
}

.bs-grid-box .bs-img-box .fullImg {
    width: 100%
}

.bs-grid-box .bs-img-box span {
    position: absolute;
    width: 90px;
    height: 90px;
    z-index: 1;
    background: #fff;
    right: 30px;
    bottom: -45px;
    filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.1))
}

.bs-grid-box .bs-content-box {
    position: relative;
    padding: 30px;
    padding-bottom: 14px
}

.bs-grid-box .bs-content-box .bs-heading {
    font-size: 28px;
    line-height: 28px;
    color: #2c2c2e;
    padding-right: 105px
}

.bs-grid-box .bs-content-box p {
    color: #666
}

.bs-grid-box .bs-content-box .strip-bottom {
    padding-bottom: 14px
}

.bs-grid-box .bs-content-box .strip-bottom::after {
    height: 4px;
    width: 150px;
    left: 0;
    margin-left: 0px
}

.bs-grid-box .bs-btn-box {
    margin-top: auto;
    padding: 30px;
    padding-top: 0px
}

.bs-grid-box .bs-btn-box .yellow-btn {
    border: 1px solid var(--text-color-primary);
    background: rgba(0, 0, 0, 0)
}

.bs-grid-box .bs-grid-inner-box:hover {
    background: var(--text-color-primary)
}

.bs-grid-box .bs-grid-inner-box:hover .bs-img-box .img-con-box .fullImg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.bs-grid-box .bs-grid-inner-box:hover .bs-img-box span {
    bottom: -25px
}

.bs-grid-box .bs-grid-inner-box:hover .bs-content-box .strip-bottom:after {
    background: #fff
}

.bs-grid-box .bs-grid-inner-box:hover .bs-content-box .text-heading,
.bs-grid-box .bs-grid-inner-box:hover .bs-content-box p {
    color: #fff
}

.bs-grid-box .bs-grid-inner-box:hover .bs-btn-box .yellow-btn {
    background-color: var(--yellow)
}

@media(max-width: 991px) {

    .bs-grid-box .bs-content-box,
    .bs-grid-box .bs-btn-box {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media(max-width: 767px) {
    .bs-grid-box .bs-content-box .bs-heading {
        font-size: 1.6rem
    }
}

@media(max-width: 767px) {
    .bs-grid-box:last-child {
        margin-bottom: 0
    }
}

.product-listing {
    position: relative;
    margin: 40px 0 70px
}

.product-listing * {
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.product-listing .pl-inner-cb {
    margin-bottom: 24px
}

.product-listing .pl-outer-cb {
    position: relative;
    width: 100%;
    background: #f6fbf8;
    padding: 32px 33px 19px 33px;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: block;
    height: 100%
}

.product-listing .pl-outer-cb:hover {
    background: #fff;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, .08);
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.product-listing .pl-outer-cb .pl-image-cb {
    position: relative;
    width: 100%;
    height: 185px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 15px;
    margin-bottom: 18px
}

.product-listing .pl-outer-cb .img-cb {
    max-width: 100%;
    max-height: 100%
}

.product-listing .pl-outer-cb .pl-content-cb {
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    text-transform: uppercase;
    color: #666
}

.product-listing .pl-outer-cb .pl-content-cb h5 {
    font-family: "Lexend";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    text-transform: capitalize;
    color: #070710;
    margin-bottom: 10px
}

.product-listing .pl-outer-cb .pl-content-cb h6 {
    font-family: "Lexend";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    text-transform: capitalize;
    color: #00a859;
    margin-bottom: 10px
}

.product-listing .pl-outer-cb .pl-content-cb p {
    margin-bottom: 10px
}

.product-listing .pl-outer-cb .pl-content-cb .pl-total-price {
    border-top: 1px solid #8fccb3;
    padding-top: 10px;
    gap: 5px
}

.product-listing .pl-outer-cb .pl-content-cb .pl-total-price span {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    color: #666
}

.product-listing .pl-outer-cb .pl-content-cb .pl-total-price h4 {
    font-family: "Lexend";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #070710;
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap
}

@media(max-width: 1400px) {
    .product-listing .pl-outer-cb {
        padding-left: 15px;
        padding-right: 15px
    }
}

.product-listing.list-view-listing .pl-inner-cb {
    width: 50%
}

.product-listing.list-view-listing .pl-inner-cb .pl-outer-cb {
    display: flex;
    gap: 15px;
    padding: 25px
}

.product-listing.list-view-listing .pl-inner-cb .pl-outer-cb .pl-image-cb {
    width: 40%
}

.product-listing.list-view-listing .pl-inner-cb .pl-outer-cb .pl-content-cb {
    width: 60%
}

@media(max-width: 991px) {
    .product-listing.list-view-listing .pl-inner-cb {
        width: 100%
    }

    .product-listing.list-view-listing .pl-outer-cb {
        padding: 10px
    }
}

.pl-pagination {
    padding-top: 14px;
    padding-bottom: 40px
}

.pl-pagination ul {
    margin: 0
}

.pl-pagination .page-item {
    margin: 0px 10px
}

.pl-pagination .page-item .page-link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    width: 30px;
    height: 30px;
    background: #f6fbf8;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #666;
    border: 0px
}

.pl-pagination .page-item.active .page-link {
    background: #00a859;
    color: #fff
}

.pl-pagination .page-item.pg-first-child .page-link,
.pl-pagination .page-item.pg-last-child .page-link {
    background: rgba(0, 0, 0, 0)
}

.filter-bar {
    margin: 45px 0 0 0;
    flex-wrap: wrap
}

.filter-bar button {
    background-color: #fff
}

.filter-bar .left-filter-box {
    width: 60%
}

.filter-bar .left-filter-box .filter-btn {
    min-width: 100px;
    height: 38px;
    border: 1px solid #070710;
    border-radius: 2px;
    padding: 10px 15px;
    font-weight: 500;
    font-size: 14px;
    color: #070710;
    line-height: 14px
}

.filter-bar .left-filter-box .filter-btn i {
    color: var(--text-color-primary);
    margin-right: 5px
}

.filter-bar .left-filter-box .filter-selection.d-flex {
    gap: 4px;
    margin: 0;
    padding: 0;
    margin-left: 25px;
    flex-wrap: wrap
}

.filter-bar .left-filter-box .filter-selection.d-flex input {
    display: none
}

.filter-bar .left-filter-box .filter-selection.d-flex .remove-all,
.filter-bar .left-filter-box .filter-selection.d-flex span {
    border: 1px solid #858585;
    border-radius: 2px;
    height: 26px;
    padding: 7px 5px 7px 10px;
    font-size: 12px;
    line-height: 12px;
    color: #858585;
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    cursor: pointer;
    user-select: none
}

.filter-bar .left-filter-box .filter-selection.d-flex .remove-all:after,
.filter-bar .left-filter-box .filter-selection.d-flex span:after {
    content: "";
    background-image: url(../images/close-small.svg);
    width: 10px;
    height: 24px;
    background-repeat: no-repeat;
    z-index: 9;
    cursor: pointer;
    background-position: center
}

.filter-bar .left-filter-box .filter-selection.d-flex .remove-all span,
.filter-bar .left-filter-box .filter-selection.d-flex span span {
    font-size: 10px;
    cursor: pointer
}

.filter-bar .left-filter-box .filter-selection.d-flex .remove-all.remove-all,
.filter-bar .left-filter-box .filter-selection.d-flex span.remove-all {
    cursor: pointer
}

.filter-bar .right-sort-box {
    width: 40%
}

.filter-bar .right-sort-box>.d-flex {
    gap: 10px;
    justify-content: flex-end
}

.filter-bar .right-sort-box>.d-flex .sort-btn {
    width: 30px;
    height: 30px;
    border: 1px solid var(--text-color-primary);
    color: var(--text-color-primary);
    border-radius: 2px;
    opacity: .5
}

.filter-bar .right-sort-box>.d-flex .sort-btn.active {
    opacity: 1
}

.filter-bar .sorting-option {
    margin-left: 10px
}

.filter-bar .sorting-option .cl-outer-cb {
    position: relative
}

.filter-bar .sorting-option .cl-outer-cb .cl-inner-cb {
    position: relative;
    padding: 9px 15px;
    gap: 10px;
    min-width: 152px;
    min-height: 36px;
    background: #fff;
    border: 1px solid var(--text-color-primary);
    text-align: left;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    gap: 10px;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    user-select: none
}

.filter-bar .sorting-option .cl-outer-cb p {
    margin: 0;
    white-space: nowrap;
    color: var(--text-color-6);
    text-transform: none
}

.filter-bar .sorting-option .cl-outer-cb span {
    width: 10px;
    height: 13px
}

.filter-bar .sorting-option .cl-dd-outer-cb {
    background-color: var(--bs-body-bg);
    position: absolute;
    top: 100%;
    padding: 6px 15px;
    -webkit-box-shadow: 0px 5px 41.5px rgba(9, 29, 62, .11);
    box-shadow: 0px 5px 41.5px rgba(9, 29, 62, .11);
    z-index: 1;
    right: 0px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    min-width: 152px;
    font-size: 14px
}

.filter-bar .sorting-option .cl-dd-outer-cb ul {
    margin: 0;
    padding: 0
}

.filter-bar .sorting-option .cl-dd-outer-cb li {
    padding: 0
}

.filter-bar .sorting-option .cl-dd-outer-cb li.selected button {
    color: var(--text-color-primary)
}

.filter-bar .sorting-option .cl-dd-outer-cb li.selected button:after {
    width: 100%;
    background-color: var(--text-color-primary)
}

.filter-bar .sorting-option .cl-dd-outer-cb button {
    padding: 8px 0px;
    display: block;
    position: relative
}

.filter-bar .sorting-option .cl-dd-outer-cb button::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 0px;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: rgba(0, 0, 0, 0)
}

.filter-bar .sorting-option .cl-dd-outer-cb button:hover:after {
    width: 100%;
    background-color: var(--text-color-primary)
}

.filter-bar .sorting-option .activeCL .cl-dd-outer-cb {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.layer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    background-color: rgba(0, 0, 0, .5);
    z-index: 9991;
    display: none
}

.filter-slider-box {
    width: 335px;
    padding: 20px 20px 20px 30px;
    min-height: 100vh;
    position: fixed;
    z-index: 9992;
    left: -100%;
    top: 0px;
    background: #fff;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    overflow-y: scroll;
    height: 100%
}

.filter-slider-box.active {
    left: 0
}

.filter-slider-box .close-btn {
    margin-bottom: 15px
}

.filter-slider-box .close-btn span {
    width: 45px;
    height: 45px;
    display: flex;
    margin-left: auto;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border-radius: 50%;
    font-weight: 600;
    cursor: pointer;
    background: #e3e3e3;
    color: var(--text-color-6);
    -moz-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s
}

.filter-slider-box .close-btn span:hover {
    -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, .08);
    -ms-box-shadow: 0px 4px 20px rgba(0, 0, 0, .08);
    -moz-shadow: 0px 4px 20px rgba(0, 0, 0, .08);
    -o-shadow: 0px 4px 20px rgba(0, 0, 0, .08);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, .08);
    background: #d1cece
}

.filter-slider-box .clear-all {
    text-align: right;
    font-size: 13px;
    color: var(--text-color-5);
    margin-bottom: 13px
}

.filter-slider-box .clear-all span {
    cursor: pointer
}

.filter-slider-box .warranty {
    text-align: left;
    font-size: 1rem;
    color: #8f8f8f;
    margin-bottom: 13px
}

.filter-slider-box h4 {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 600;
    font-size: 1.563;
    color: var(--text-color-3);
    margin-bottom: 1rem;
    position: relative
}

.filter-slider-box h4.strip-bottom:after {
    content: "";
    height: 4px;
    width: 110px;
    bottom: -10px
}

.filter-slider-box .category h5 {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 600;
    font-size: 1.25rem;
    cursor: pointer;
    color: var(--text-color-3);
    margin-bottom: 1.5rem;
    position: relative;
    background-image: url(../images/chevron-down.svg);
    background-position: right center;
    background-repeat: no-repeat
}

.filter-slider-box .category h5.strip-bottom:after {
    content: "";
    height: 2px;
    width: 30px;
    bottom: -10px
}

.filter-slider-box ul.flList {
    padding: 0;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #8fccb3
}

.filter-slider-box ul.flList li {
    font-size: 1rem;
    color: var(--text-color-5);
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between
}

.filter-slider-box ul.flList li div:nth-child(2) {
    opacity: .5;
    font-size: 14px
}

.filter-slider-box ul.flList li input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    cursor: pointer;
    opacity: 0;
    width: 1px;
    height: 1px;
    left: 0;
    top: 0px;
    position: absolute;
    z-index: 9;
    background: #000
}

.filter-slider-box ul.flList li span {
    position: relative;
    cursor: pointer
}

.filter-slider-box ul.flList li span:before {
    content: "";
    -webkit-appearance: none;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #c2c2c2;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0px -15px 10px -12px rgba(0, 0, 0, .05);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px
}

.filter-slider-box ul.flList li input:checked+span:before {
    background-color: var(--text-color-primary)
}

.filter-slider-box ul.flList li input:checked+span:after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 6px;
    width: 6px;
    height: 10px;
    border: solid var(--white);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.filter-slider-box ul.flList.radiobox li span:before {
    border-radius: 50%
}

.filter-slider-box ul.flList.radiobox li input:checked+span:before {
    border-color: var(--text-color-primary)
}

.filter-slider-box ul.flList.radiobox li input:checked+span:after {
    top: 6px;
    left: 5px;
    width: 6px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #fff
}

.filter-slider-box .capacity .flList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.filter-slider-box .capacity .flList>* {
    width: 50%
}

.filter-slider-box .capacity .flList li input {
    width: 100px
}

.filter-slider-box .price-input-range * {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.filter-slider-box .price-input-range {
    margin-top: 40px
}

.filter-slider-box .price-input-range .price-input {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 5px;
    justify-content: space-evenly
}

.filter-slider-box .price-input-range .price-input span {
    width: 100%;
    display: block;
    font-family: var(--font-family-lexend);
    color: var(--text-color-3);
    text-transform: uppercase;
    font-weight: 600
}

.filter-slider-box .price-input-range .price-input .field {
    display: flex;
    width: 50%;
    align-items: center;
    flex-wrap: wrap
}

.filter-slider-box .price-input-range .field input {
    width: 100px;
    height: 35px;
    font-family: inherit;
    outline: none;
    padding: 4px 10px;
    text-align: left;
    font-size: 14px;
    border-radius: 4px;
    margin-top: 3px;
    border: 1px solid var(--text-color-primary);
    -moz-appearance: textfield;
    color: var(--text-color-5)
}

.filter-slider-box .price-input-range input[type=number]::-webkit-outer-spin-button,
.filter-slider-box .price-input-range input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.filter-slider-box .price-input-range .price-input .separator {
    width: 130px;
    display: flex;
    font-size: 19px;
    align-items: center;
    justify-content: center
}

.filter-slider-box .price-input-range .slider {
    height: 4px;
    position: relative;
    background: #ddd;
    border-radius: 5px
}

.filter-slider-box .price-input-range .slider .progress {
    height: 100%;
    left: 0;
    right: 0;
    position: absolute;
    border-radius: 5px;
    background: var(--text-color-primary)
}

.filter-slider-box .price-input-range .range-input {
    position: relative
}

.filter-slider-box .price-input-range .range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.filter-slider-box .price-input-range input[type=range]::-webkit-slider-thumb {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    border: 1px solid var(--text-color-primary);
    background-color: #fff;
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, .05)
}

.filter-slider-box .price-input-range input[type=range]::-moz-range-thumb {
    height: 17px;
    width: 17px;
    border: none;
    border-radius: 50%;
    background: var(--text-color-primary);
    pointer-events: auto;
    -moz-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, .05)
}

@media(max-width: 991px) {
    .filter-bar .left-filter-box {
        width: 100%;
        margin-bottom: 10px;
        flex-wrap: wrap
    }

    .filter-bar .right-sort-box {
        width: 100%
    }

    .filter-bar .right-sort-box .d-flex {
        justify-content: flex-start;
        flex-wrap: wrap
    }

    .filter-bar .sorting-option {
        margin: 0
    }
}

@media(max-width: 767px) {
    .product-listing {
        margin-top: 0
    }

    .filter-slider-box {
        width: 100%
    }

    .filter-bar {
        position: relative;
        margin-top: 20px
    }

    .filter-bar a .filter-btn {
        font-size: 0;
        width: auto;
        padding: 10px 10px;
        min-width: auto
    }

    .filter-bar a .filter-btn i {
        font-size: 16px
    }

    .filter-bar .filter-selection.d-flex {
        margin: 10px 0 !important;
        width: 100%
    }

    .right-sort-box {
        margin-bottom: 10px;
        margin-bottom: 10px;
        position: absolute;
        right: 0;
        display: block;
        top: 0;
        width: auto !important
    }

    .right-sort-box .desktop-only {
        display: none !important
    }

    .sort-btn {
        display: none
    }
}

.hide-element {
    display: none !important
}

.experiance-okaya .d-box-container {
    padding-top: 40px
}

.experiance-okaya .d-box-container .group-heading {
    margin-bottom: 40px
}

.experiance-okaya .d-box-container .text-heading.strip-bottom:after {
    height: 4px;
    width: 119px
}

.experiance-okaya .d-box-container .c-img-container {
    width: 100%
}

.experiance-okaya .d-box-container .c-img-container img {
    width: 100%
}

.experiance-okaya .d-box-container .main-color-bg {
    background-color: var(--text-color-primary);
    padding: 35px
}

.experiance-okaya .d-box-container .main-color-bg h5,
.experiance-okaya .d-box-container .main-color-bg h6 {
    color: #fff
}

.experiance-okaya .d-box-container .main-color-bg h5 {
    font-size: 25px
}

.experiance-okaya .d-box-container .main-color-bg .strip-bottom:after {
    background-color: var(--white)
}

.experiance-okaya .d-box-container .main-color-bg .mb-4 {
    margin-bottom: 15px !important
}

.experiance-okaya .d-box-container .main-color-bg p {
    color: var(--white)
}

.experiance-okaya .d-box-container .main-color-bg a {
    color: var(--white);
    text-decoration: underline
}

.experiance-okaya .d-box-container .main-color-bg a:hover {
    font-weight: bold;
    color: var(--white)
}

@media(max-width: 767px) {
    .experiance-okaya .d-box-container .group-heading {
        margin-bottom: 20px;
        margin-top: 0
    }

    .experiance-okaya .d-box-container .c-img-container {
        margin-top: 0
    }

    .experiance-okaya .d-box-container .main-color-bg {
        background-color: var(--text-color-primary);
        padding: 15px
    }
}

.technology-points {
    z-index: 9;
    position: relative
}

.technology-points .pad-setting {
    padding: 0 30px
}

.technology-points .pad-setting .d-flex {
    background-color: #fff;
    padding: 30px 70px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, .1);
    justify-content: space-between;
    flex-wrap: wrap
}

.technology-points .pad-setting .d-flex .technologies-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px
}

.technology-points .pad-setting .d-flex .technologies-holder h5,
.technology-points .pad-setting .d-flex .technologies-holder .title-text {
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: var(--text-color-3);
    font-family: var(--font-family-lexend);
    margin-bottom: 0
}

@media(max-width: 479px) {

    .technology-points .pad-setting .d-flex .technologies-holder h5,
    .technology-points .pad-setting .d-flex .technologies-holder .title-text {
        font-size: 12px !important;
        text-transform: capitalize
    }
}

@media(max-width: 1499px) {
    .technology-points .pad-setting .d-flex {
        padding: 30px 22px
    }

    .technology-points .pad-setting .d-flex .technologies-holder h5 {
        font-size: 16px
    }
}

@media(max-width: 1199px) {
    .technology-points .pad-setting {
        padding: 0
    }

    .technology-points .pad-setting .d-flex {
        padding: 30px 20px
    }

    .technology-points .pad-setting .d-flex .technologies-holder h5 {
        font-size: 16px;
        line-height: 1.4
    }
}

@media(max-width: 991px) {
    .technology-points .pad-setting .d-flex {
        padding-bottom: 0
    }

    .technology-points .pad-setting .d-flex .technologies-holder {
        width: 50%;
        margin-bottom: 30px;
        justify-content: flex-start
    }
}

@media(max-width: 767px) {
    .technology-points .pad-setting .d-flex {
        padding: 15px;
        padding-bottom: 0;
        justify-content: center
    }

    .technology-points .pad-setting .d-flex .technologies-holder {
        margin-bottom: 20px;
        justify-content: flex-start;
        width: 50%
    }

    .technology-points .pad-setting .d-flex .technologies-holder img {
        width: 30px
    }
}

.extra-feature {
    background-color: var(--light-bg);
    padding-top: 130px;
    margin-top: -60px;
    position: relative;
    z-index: 1
}

.extra-feature .list-item-inner li {
    width: 100%;
    flex: none;
    margin-bottom: 15px
}

@media(max-width: 991px) {
    .extra-feature {
        margin-top: 30px
    }

    .list-item-inner li {
        padding-right: 0
    }
}

@media(max-width: 767px) {
    .d-box-container .list-item-inner li {
        font-size: 14px
    }
}

.certified-backup {
    padding-bottom: 0
}

.certified-backup.cbh-certified {
    margin-bottom: 130px
}

@media(max-width: 991px) {
    .certified-backup.cbh-certified {
        margin-bottom: 70px
    }

    .certified-backup.cbh-certified .list-item-inner {
        margin-bottom: 0
    }

    .certified-backup.cbh-certified .list-item-inner li:last-child {
        margin-bottom: 0
    }
}

@media(max-width: 991px)and (max-width: 767px) {
    .certified-backup.cbh-certified {
        margin-bottom: 20px
    }
}

.certified-backup .list-item-inner li {
    width: 100%;
    flex: none;
    margin-bottom: 15px
}

@media(max-width: 991px) {
    .certified-backup .c-text-container {
        margin-top: 20px
    }
}

@media(max-width: 767px) {
    .certified-backup {
        padding-bottom: 0 !important
    }

    .certified-backup .c-img-container {
        margin-top: 0px
    }

    .certified-backup .list-item-inner li {
        padding-right: 0
    }
}

.enquire-section.cbh-enq-sec {
    margin-top: -60px;
    margin-bottom: 130px
}

@media(max-width: 991px) {
    .enquire-section.cbh-enq-sec {
        margin-bottom: 70px;
        margin-top: 0
    }
}

@media(max-width: 991px)and (max-width: 767px) {
    .enquire-section.cbh-enq-sec {
        margin-bottom: 20px
    }
}

.enquire-section .enquire-catalogue {
    background-color: #f6fbf8;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, .08);
    margin: 40px 0
}

.enquire-section .enquire-catalogue .enquire-btn {
    background: none;
    border: 1px solid #00a859
}

.enquire-section .enquire-catalogue .enquire-btn:hover {
    border-color: var(--text-color-3)
}

.enquire-section .enquire-catalogue .c-gap {
    gap: 10px
}

@media(max-width: 991px) {
    .enquire-section .enquire-catalogue .c-gap {
        flex-wrap: wrap;
        gap: 20px
    }

    .enquire-section .enquire-catalogue .c-gap>div {
        width: 100%
    }
}

.enquire-section .enquire-catalogue .text-heading {
    font-size: 27px;
    font-weight: 600;
    line-height: 35px
}

@media(max-width: 1199px) {
    .enquire-section .enquire-catalogue .text-heading {
        font-size: 22px
    }
}

@media(max-width: 767px) {
    .enquire-section .enquire-catalogue .text-heading {
        font-size: 20px
    }
}

.enquire-section .enquire-catalogue .enquire-btn {
    min-width: 150px
}

.spaceing-satter {
    padding: 70px 0 0 !important
}

.dependable-okaya .group-heading {
    margin-bottom: 0px
}

.find-your-battery {
    text-align: center
}

.find-your-battery .find-box-container {
    max-width: 818px;
    padding: 30px;
    -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, .1);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, .1);
    margin: 0 auto 70px
}

.find-your-battery .find-box-container img {
    margin-bottom: 25px
}

.find-your-battery .find-box-container .group-heading {
    margin-bottom: 15px
}

@media(max-width: 757px) {
    .dependable-okaya .group-heading {
        margin-top: 0
    }

    .extra-feature .c-text-container {
        margin-top: 20px
    }

    .find-your-battery .find-box-container {
        margin-bottom: 40px
    }

    .spaceing-satter {
        padding-top: 40px !important
    }
}

.repeate-extra-feature {
    position: static;
    background-color: rgba(0, 0, 0, 0);
    padding: 80px 0 80px;
    margin: 0
}

@media(max-width: 767px) {
    .repeate-extra-feature {
        padding: 20px 0 0 0 !important
    }
}

.social-strip {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px
}

.social-strip .social-box {
    margin: 0;
    padding: 0;
    gap: 20px;
    justify-content: space-evenly !important
}

.social-strip .social-box li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--text-color);
    font-family: var(--font-family-roboto);
    font-weight: 400
}

.social-strip .social-box li .box-content {
    margin-bottom: 0
}

.social-strip .social-box li span {
    font-weight: 500;
    display: block;
    color: var(--text-dark)
}

.social-strip .social-box li a {
    color: var(--text-dark);
    font-family: var(--font-family-roboto)
}

.social-strip .social-box li a:hover {
    color: var(--text-color-primary)
}

.social-strip .social-box .icon-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 32px;
    height: 40px;
    font-size: 1.3rem;
    color: var(--text-color-primary)
}

.footer {
    padding-top: 0;
    padding-bottom: 0;
    position: relative
}

.footer .footer-top {
    padding: 40px 0px
}

.footer .footer-top .text-heading {
    color: var(--text-dark)
}

.footer .footer-logo-container .footer-logo {
    display: inline-flex;
    margin-bottom: 24px
}

.footer .footer-logo-container .address-container {
    font-family: var(--font-family-roboto);
    line-height: 2rem;
    color: var(--text-dark)
}

.footer .footer-logo-container .address-container span {
    display: block
}

.footer .footer-link ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer .footer-link a {
    color: var(--text-dark);
    font-family: var(--font-family-roboto);
    padding-top: 5px;
    padding-bottom: 2px;
    text-decoration: none;
    line-height: 39px
}

.footer .footer-link a:hover {
    color: var(--text-color-primary)
}

.footer .social-container {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.footer .social-container li {
    display: block;
    margin-right: 14px
}

.footer .social-container a {
    border: 1px solid rgba(94, 94, 94, .25);
    color: #5e5e5e;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.footer .social-container a:hover {
    color: var(--text-color-primary);
    border: 1px solid var(--text-color-primary);
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2)
}

.footer .copyright-container {
    background: var(--bs-body-bg);
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: var(--font-family-roboto);
    font-weight: 400;
    font-size: .875rem
}

.footer .copyright-container p {
    margin: 0;
    text-align: center
}

.footer .copyright-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.footer .copyright-container ul li {
    padding: 0 15px
}

.footer .copyright-container ul li:last-child {
    padding-right: 0
}

.footer .copyright-container ul a {
    display: block;
    color: var(--text-color-2)
}

.footer .copyright-container ul a:hover {
    color: var(--text-color-primary)
}

.footer .text-heading.accordion-container {
    font-size: 1rem
}

.footer .accordion-container {
    pointer-events: none
}

.footer .accordion-container span {
    display: none
}

@media(min-width: 768px) {
    .footer .footer-link ul {
        display: block !important
    }
}

@media(max-width: 991px) {
    .footer .footer-top {
        padding-left: 0px;
        padding-right: 0px
    }

    .footer .footer-logo-container {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .footer .footer-logo-container .footer-logo,
    .footer .footer-logo-container .address-container {
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }

    .footer .social-container {
        margin: 0 auto
    }

    .footer .copyright-container li {
        margin-bottom: 15px
    }
}

@media(max-width: 767px) {
    .footer .accordion-container {
        pointer-events: initial;
        display: block;
        cursor: pointer;
        padding-top: 10px
    }

    .footer .accordion-container span {
        position: absolute;
        right: 0px;
        top: 14px;
        width: 16px;
        height: 16px;
        font-size: .9rem;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .footer .accordion-container.active-accordion {
        color: var(--text-color-primary)
    }

    .footer .footer-link .strip-bottom::after {
        width: 100%;
        height: 1px;
        background: rgba(0, 0, 0, .1)
    }

    .footer .footer-link ul {
        display: none;
        margin-bottom: 20px
    }
}

@media(max-width: 767px) {
    .footer .footer-logo-container .address-container {
        font-size: 14px !important;
        line-height: 2
    }

    .social-strip .social-box {
        gap: 10px
    }

    .social-strip .social-box li {
        width: 48%;
        font-size: 14px
    }

    .social-strip .social-box li .icon-box {
        width: 20px;
        height: 20px
    }

    .social-strip .social-box li span {
        display: none
    }

    .social-strip .social-box li:last-child {
        display: none
    }
}

.social-open-menu button img {
    width: 30px
}

.social-itens {
    transition: opacity 3s ease
}

#social-share {
    position: fixed;
    bottom: 100px;
    right: 30px;
    z-index: 20
}

#social-share i {
    font-style: normal;
    font-size: 30px
}

#social-share div.social-open-menu .btn-share,
#social-share ul.social-itens .btn-share {
    position: relative;
    cursor: pointer;
    border-radius: 50%;
    color: #fff;
    line-height: 1;
    outline: 0;
    border: 0;
    margin-top: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}

#social-share div.social-open-menu .btn-share:hover,
#social-share ul.social-itens .btn-share:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

#social-share ul.social-itens {
    list-style: none;
    text-decoration: none;
    text-align: center;
    position: relative;
    padding: 0;
    display: none
}

#social-share ul.social-itens.open {
    opacity: 1;
    display: block
}

#social-share ul.social-itens .btn-share {
    width: 50px;
    height: 50px;
    padding: 0;
    z-index: 2;
    background-color: var(--text-color-primary);
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

#social-share ul.social-itens .btn-share img {
    width: 48px;
    height: 48px;
    object-fit: cover;
    object-position: bottom
}

#social-share ul.social-itens.open .btn-share {
    transform: scale(1);
    opacity: 1
}

#social-share ul.social-itens li {
    position: relative
}

#social-share ul.social-itens li .btn-share-text {
    position: absolute;
    z-index: 1;
    height: 50px;
    right: 100%;
    bottom: 0;
    margin-right: -40px;
    text-align: left;
    border-radius: 50px;
    font-family: var(--font-family-lexend);
    background-color: var(--text-color-primary);
    color: #fff;
    padding: 14px 50px 5px 25px;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    -webkit-border-radius: 50px;
    white-space: nowrap;
    width: 0;
    opacity: 0;
    overflow: hidden;
    text-transform: uppercase;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

#social-share ul.social-itens li .btn-share-text a i {
    font-size: 16px;
    background-color: #f6fbf8;
    color: var(--text-color-3);
    margin: 0 5px
}

#social-share ul.social-itens li .btn-share-text a i:hover {
    color: #fff
}

#social-share ul.social-itens li:hover .btn-share-text {
    width: 190px;
    opacity: 1
}

#social-share ul.social-itens li:hover .floating-social {
    width: 255px;
    opacity: 1
}

#social-share ul.social-itens li:hover .btn-share {
    background-color: #fff
}

#social-share ul.social-itens li:hover .btn-share img {
    object-position: top
}

#social-share .floating-social {
    opacity: 1;
    justify-content: flex-start;
    gap: 7px;
    padding-top: 9px !important
}

#social-share .floating-social li a i {
    background-color: rgba(0, 0, 0, 0) !important;
    color: #fff !important
}

#social-share .floating-social li a.cl-fb:hover {
    background-color: #1877f2
}

#social-share .floating-social li a.cl-in:hover {
    background-color: #1da1f2
}

#social-share .floating-social li a.cl-tw:hover {
    background-color: #2867b2
}

#social-share .floating-social li a.cl-yt:hover {
    background-color: red
}

#social-share .floating-social li a.cl-ints:hover {
    background-color: #f00073
}

#social-share div.social-open-menu .btn-share {
    width: 50px;
    height: 50px;
    font-size: 25px;
    color: var(--text-color-3);
    background-color: var(--yellow);
    display: flex;
    align-items: center;
    justify-content: center
}

.okaya-care-page .blog-container {
    padding-bottom: 40px
}

.okaya-care-page .blog-container p {
    max-width: 1000px;
    margin: 0 auto
}

.okaya-care-page .strip-center:after {
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0)
}

.okaya-care-page .bg-light-care {
    background-color: var(--light-bg);
    padding: 40px;
    padding-right: 90px;
    height: 100%
}

.okaya-care-page .check-item-container .check-item {
    margin-bottom: 30px
}

.okaya-care-page .label {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    font-family: var(--font-family-lexend);
    color: #070710;
    margin-bottom: 15px
}

.okaya-care-page .label sup {
    color: #e01010;
    font-size: 16px;
    top: -2px
}

.okaya-care-page .margin-setting {
    margin-left: 10px;
    cursor: pointer;
    text-align: center
}

.okaya-care-page .margin-setting.disableBtn {
    pointer-events: none;
    opacity: .3;
    cursor: not-allowed
}

.okaya-care-page .form-control {
    border-color: #8fccb3;
    height: 47px;
    font-size: 14px;
    padding: 13px 20px;
    margin-bottom: 30px
}

.okaya-care-page .iti input,
.okaya-care-page .iti input[type=text],
.okaya-care-page .iti input[type=tel] {
    margin-bottom: 30px !important
}

.okaya-care-page h5 {
    font-weight: 600;
    font-size: 22px;
    line-height: 35px;
    margin-bottom: 25px
}

.okaya-care-page h5:after {
    width: 110px;
    height: 3px;
    bottom: -4px
}

.okaya-care-page .okaya-side-bar .img-box img {
    width: 100%
}

.okaya-care-page .okaya-side-bar .text-box {
    background-color: var(--text-color-primary);
    padding: 46px 36px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center
}

.okaya-care-page .okaya-side-bar .text-box .icon-box {
    background-color: #fff;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px
}

.okaya-care-page .okaya-side-bar .text-box h4 {
    font-weight: 600;
    font-size: 23px;
    line-height: 35px;
    font-family: var(--font-family-lexend)
}

.okaya-care-page .okaya-side-bar .text-box a {
    padding: 15px 20px;
    background: var(--yellow);
    border-radius: 100px;
    font-weight: 500;
    font-family: var(--font-family-lexend);
    font-size: 20px;
    line-height: 20px;
    color: var(--text-dark)
}

.okaya-care-page .not-register {
    font-size: 12px
}

.okaya-care-page .not-register.hidden {
    display: none
}

.okaya-care-page label.error,
.okaya-care-page .not-register {
    position: absolute;
    margin-top: -25px
}

.okaya-care-page .serial-no .d-flex {
    position: relative
}

.okaya-care-page .serial-no .d-flex label.error {
    margin: 0;
    bottom: 4px
}

.okaya-care-page .serial-no .add-btn {
    background: #ceeee1;
    padding: 12px 28px;
    font-weight: 400;
    font-size: 14px;
    color: #0c0c13;
    margin: 0;
    height: 45px;
    position: absolute;
    right: 1px;
    border-radius: 0 6px 6px 0;
    top: 1px
}

@media(max-width: 1199px) {
    .okaya-care-page .serial-no .add-btn {
        padding: 12px 10px;
        min-width: 72px
    }
}

.okaya-care-page .serial-no .remove-btn {
    background: #eecece;
    padding: 12px 8px;
    font-weight: 400;
    font-size: 14px;
    color: #0c0c13 !important;
    margin: 0;
    height: 45px;
    position: absolute;
    right: 1px;
    border-radius: 0 6px 6px 0;
    top: 1px
}

.okaya-care-page .uploadFile {
    width: 100%;
    background-color: #fff;
    font-size: 16px;
    line-height: 23px;
    overflow: hidden;
    height: 47px;
    font-size: 14px;
    padding: 13px 20px;
    border-radius: 5px;
    position: relative;
    resize: none;
    border: 1px solid #8fccb3
}

.okaya-care-page .uploadFile .browser {
    position: absolute;
    top: 0;
    right: 0;
    height: 45px;
    border-radius: 0 5px 5px 0;
    background: #ceeee1;
    padding: 12px 8px;
    font-weight: 400;
    font-size: 14px;
    color: #0c0c13
}

@media(max-width: 1199px) {
    .okaya-care-page .uploadFile .browser {
        padding: 12px 10px
    }
}

.okaya-care-page .uploadFile [type=file] {
    cursor: pointer !important;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0px;
    text-align: right;
    top: 0px;
    z-index: 1
}

@media(max-width: 1399px) {
    .okaya-care-page .bg-light-care {
        padding-right: 40px
    }

    .okaya-care-page .form-check.radio-checkbx {
        padding: 8px 10px 8px 30px
    }

    .okaya-care-page .okaya-side-bar .text-box {
        padding: 46px 21px
    }

    .okaya-care-page .okaya-side-bar .text-box h4 {
        font-size: 20px;
        line-height: 30px
    }
}

@media(max-width: 1199px) {
    .okaya-care-page .check-item-container {
        gap: 0
    }

    .okaya-care-page .check-item-container .check-item {
        margin-bottom: 30px;
        width: 48%
    }

    .okaya-care-page .okaya-side-bar .text-box a {
        font-size: 16px;
        padding: 10px 13px
    }
}

@media(max-width: 991px)and (min-width: 768px) {
    .okaya-care-page .okaya-side-bar {
        display: flex;
        align-items: stretch
    }

    .okaya-care-page .okaya-side-bar .img-box {
        margin-top: 0 !important
    }
}

@media(max-width: 991px) {
    .okaya-care-page .okaya-side-bar .img-box {
        margin-top: 40px;
        text-align: center
    }

    .okaya-care-page .okaya-side-bar .img-box img {
        max-width: 100% !important;
        width: auto
    }

    .okaya-care-page .okaya-side-bar .text-box {
        padding: 46px 21px
    }

    .okaya-care-page .okaya-side-bar .text-box h4 {
        font-size: 20px;
        line-height: 30px
    }
}

@media(max-width: 767px) {
    .okaya-care-page .bg-light-care {
        padding: 20px
    }

    .okaya-care-page label.error {
        position: static
    }

    .okaya-care-page .iti input,
    .okaya-care-page .iti input[type=text],
    .okaya-care-page .iti input[type=tel] {
        margin-bottom: 10px !important
    }

    .okaya-care-page .form-control {
        margin-bottom: 10px
    }

    .okaya-care-page .check-item-container {
        gap: 0
    }

    .okaya-care-page .check-item-container .check-item {
        margin-bottom: 10px;
        width: 100%
    }

    .okaya-care-page .okaya-side-bar .img-box {
        margin-top: 40px;
        text-align: center
    }

    .okaya-care-page .okaya-side-bar .img-box img {
        width: 100% !important
    }
}

.custom-check .checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 30px;
    font-weight: 400;
    color: var(--text-color-5);
    line-height: 30px;
    cursor: pointer;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.custom-check .checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.custom-check .checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 1px solid var(--text-color-primary);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.custom-check .checkbox-container input:checked~.checkmark {
    background-color: var(--text-color-primary)
}

.custom-check .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.custom-check .checkbox-container input:checked~.checkmark:after {
    display: block
}

.custom-check .checkbox-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.custom-check label.error {
    position: static;
    margin-top: 0;
    display: block
}

.iti__country-list {
    z-index: 9
}

.mobile-validation .yellow-btn {
    min-width: 90px
}

.c_otp .v-m-n::after,
.w_otp .v-m-n::after {
    content: "";
    position: absolute;
    top: 25px;
    right: 0px;
    background: url(../images/sprite.png) no-repeat;
    width: 30px;
    height: 30px;
    margin-top: -15px
}

.w_otp .v-m-n::after {
    background-position: -283px -19px
}

.c_otp .v-m-n::after {
    background-position: -207px -20px
}

.w_otp_msg {
    margin-bottom: 20px
}

.v-m-n {
    max-width: 350px;
    display: flex;
    gap: 25px;
    padding-right: 50px;
    position: relative
}

.v-m-n .form-control {
    margin-bottom: 10px
}

.deactive .d-r-o,
.deactive .r-m-v-c {
    pointer-events: none;
    opacity: .3;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#countup {
    margin: 0 0 10px 0
}

.progressbar-text {
    margin: 10px 0
}

.d_hidden {
    visibility: hidden;
    display: none
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

label a,
.d-r-o a,
.link {
    color: var(--text-color-primary);
    text-decoration: underline;
    cursor: pointer
}

.arrow-list-right {
    padding: 0
}

.arrow-list-right li {
    background-image: url(../images/list-arrow-icon.svg);
    background-repeat: no-repeat;
    background-position: left top 8px;
    padding-left: 12px;
    margin-bottom: 9px
}

.verify-mobile-number label.w_otp_msg {
    display: none
}

.verify-mobile-number.w_otp label.w_otp_msg {
    color: #e00004;
    font-size: 16px;
    padding-top: 5px;
    display: block
}

input[type=number] {
    -moz-appearance: textfield
}

.uploadFile {
    overflow: inherit !important
}

.uploadFile #upload_invoice-error,
.uploadFile #upload_warranty-error {
    bottom: -25px;
    left: 0
}

@media(max-width: 479px) {
    .uploadWarranty {
        margin-bottom: 20px
    }

    .uploadWarranty #upload_warranty-error {
        margin-top: 0 !important;
        margin-left: 0
    }
}

@media(max-width: 479px)and (max-width: 375px) {
    .uploadWarranty #upload_warranty-error {
        margin-left: -20px;
        display: block;
        margin-top: 10px !important
    }
}

.pr_list-view {
    border: 1px solid #fff;
    margin: 20px 0
}

.pr_list-view tbody,
.pr_list-view td,
.pr_list-view tfoot,
.pr_list-view th,
.pr_list-view thead,
.pr_list-view tr {
    border-width: 1px
}

.pr_list-view td {
    padding: 5px
}

.pr_list-view thead tr {
    background-color: #70ad47;
    color: #fff
}

.pr_list-view tr {
    background-color: #d4e2ce;
    color: #000
}

.pr_list-view tr:nth-child(even) {
    background-color: #ebf1e8
}

.verify-number a {
    text-decoration: underline
}

.display-middle {
    display: flex;
    align-items: center
}

.mgb-10 .form-control {
    margin-bottom: 10px
}

.remove_current_row {
    cursor: pointer
}

.fullWidth {
    width: 100%
}

.n-box-cb-outer {
    margin-bottom: 24px
}

.n-box-cb-outer .cursor_pointer {
    cursor: pointer
}

.n-box-cb-outer * {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.n-box-cb-outer .n-box-cb-inner {
    padding: 20px;
    position: relative;
    background: #f6fbf8;
    height: 100%
}

.n-box-cb-outer .n-box-cb-inner:hover {
    background: var(--text-color-primary);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, .08)
}

.n-box-cb-outer .n-box-cb-inner:hover .n-img-box .img-fluid {
    -moz-transform: scale(1.09);
    -webkit-transform: scale(1.09);
    -ms-transform: scale(1.09);
    transform: scale(1.09)
}

.n-box-cb-outer .n-box-cb-inner:hover h6,
.n-box-cb-outer .n-box-cb-inner:hover .get_name {
    color: var(--bs-body-bg)
}

.n-box-cb-outer .n-box-cb-inner:hover .text-h-cb {
    color: var(--bs-body-bg)
}

.n-box-cb-outer .n-box-cb-inner:hover .text-h-cb:after {
    background: var(--bs-body-bg)
}

.n-box-cb-outer .n-box-cb-inner:hover .team-title {
    color: var(--bs-body-bg)
}

.n-box-cb-outer .n-box-cb-inner:hover p {
    color: var(--bs-body-bg)
}

.n-box-cb-outer .n-img-box {
    margin-bottom: 20px;
    position: relative;
    overflow: hidden
}

.n-box-cb-outer .n-img-box .img-fluid {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.n-box-cb-outer h6,
.n-box-cb-outer .get_name {
    font-family: var(--font-family-lexend);
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--text-color-primary);
    margin: 0;
    margin-bottom: 10px
}

.n-box-cb-outer .team-title {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    text-align: center;
    color: var(--text-color-3);
    margin: 0
}

.n-box-cb-outer p {
    margin: 0;
    color: var(--text-color-2);
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px
}

.n-box-cb-outer .text-h-cb {
    font-family: var(--font-family-lexend);
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    color: var(--text-color-3);
    margin: 0;
    margin-bottom: 10px
}

.n-box-cb-outer .text-h-cb:after {
    height: 4px;
    width: 130px;
    left: 0;
    margin-left: 0px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.p-scrollNone {
    overflow: hidden
}

.p-popup-o-cb {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 99999;
    display: none
}

.p-popup-o-cb.p-activePopup {
    display: block
}

.p-popup-o-cb .p-popup-i-cb {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    top: 0px;
    left: 0px
}

.p-popup-o-cb .p-popup-r-cb {
    position: relative;
    width: 100%;
    padding: 80px 20px 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.p-popup-o-cb .p-popup-c-cb {
    background: #fff;
    max-width: 1280px;
    position: relative
}

.p-popup-o-cb .p-popup-icb {
    padding: 50px;
    display: flex;
    align-items: flex-start;
    gap: 30px
}

.p-popup-o-cb .p-popup-img-cb {
    width: 250px;
    background: rgba(217, 217, 217, .35);
    padding: 10px;
    flex: 1 0 250px
}

.p-popup-o-cb .text-heading {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    color: var(--text-color-3);
    margin: 0;
    margin-bottom: 15px
}

.p-popup-o-cb .text-heading.strip-bottom {
    padding-bottom: 10px
}

.p-popup-o-cb .text-heading.strip-bottom:after {
    height: 4px;
    width: 200px
}

.p-popup-o-cb .p-close {
    background: var(--text-color-primary);
    width: 33px;
    height: 33px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -16px;
    top: -16px;
    cursor: pointer
}

.p-popup-o-cb .p-close img {
    width: 100%
}

@media(max-width: 767px) {
    .p-popup-o-cb .p-popup-icb {
        gap: 0px;
        flex-direction: column;
        padding: 30px 15px 10px;
        font-size: 14px
    }

    .p-popup-o-cb .p-popup-txt-cb {
        margin-top: 30px
    }

    .p-popup-o-cb .text-heading {
        font-size: 1.6rem
    }

    .p-popup-o-cb .p-popup-img-cb {
        margin-left: auto;
        margin-right: auto
    }
}

.certificate-section {
    padding: 50px 0 80px
}

.certificate-section .c-product-category-list {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 40px
}

.certificate-section .c-product-category-list .c-product-destils {
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    padding: 20px;
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, .07);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, .07);
    width: 100%;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.certificate-section .c-product-category-list .c-product-destils .text-box {
    color: var(--text-color-3);
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    font-family: var(--font-family-lexend);
    text-transform: uppercase
}

.certificate-section .c-product-category-list .c-product-destils .img-box {
    width: 50px
}

.certificate-section .c-product-category-list .c-product-destils .img-box img {
    width: 100%;
    height: 40px;
    object-fit: none;
    object-position: top
}

.certificate-section .c-product-category-list .c-product-destils:hover,
.certificate-section .c-product-category-list .c-product-destils.active {
    background-color: var(--text-color-primary)
}

.certificate-section .c-product-category-list .c-product-destils:hover .text-box,
.certificate-section .c-product-category-list .c-product-destils.active .text-box {
    color: #fff
}

.certificate-section .c-product-category-list .c-product-destils:hover .img-box img,
.certificate-section .c-product-category-list .c-product-destils.active .img-box img {
    object-position: bottom
}

.certificate-section .c-certificate-details {
    margin: 40px 0 0;
    display: none
}

.certificate-section .c-certificate-details.current {
    display: block
}

.certificate-section .c-certificate-details h4,
.certificate-section .c-certificate-details .battery-type-title {
    color: var(--text-color-3);
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    font-family: var(--font-family-lexend);
    text-align: center;
    margin-bottom: 35px
}

.certificate-section .c-certificate-details .c-certificate-conatiner {
    margin: 0 auto;
    display: flex;
    align-items: stretch;
    justify-content: center;
    column-gap: 45px;
    row-gap: 40px;
    flex-wrap: wrap
}

.certificate-section .c-certificate-details .c-certificate-conatiner .c-certificate {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 15px 20px;
    border: 1px solid #c9c8d3
}

.certificate-section .c-certificate-details .c-certificate-conatiner .c-certificate .text-box {
    color: var(--text-color-3);
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase
}

.certificate-section .c-certificate-details .c-certificate-conatiner .c-certificate:hover {
    background-color: var(--light-bg)
}

.certificate-page-slider .certificate-inner {
    padding: 0;
    min-height: 132px;
    display: flex;
    align-items: center;
    justify-content: center
}

.certificate-page-slider .certificate-inner img {
    max-height: 104px
}

.slick-certificate .slick-arrow {
    display: none
}

.c-awards.video-container .slick-list {
    padding: 0
}

.c-awards .video-inner-box {
    margin: 15px
}

.c-awards .video-inner-box span {
    padding: 8px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, .1)
}

.c-awards .video-inner-box p {
    font-size: 17px;
    text-align: center;
    font-weight: 600;
    padding: 0 10px
}

.c-awards .video-inner-box .v-i-box span::before {
    display: none
}

.c-awards .video-inner-box .v-i-box:hover img {
    transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important
}

.c-awards .slick-dotted.slick-slider {
    margin-bottom: 0
}

.c-awards .slick-dots {
    padding-top: 10px
}

.c-awards .slick-dots li button:before {
    font-size: .75rem
}

@media(max-width: 1399px) {
    .certificate-section .c-product-category-list {
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center
    }

    .certificate-section .c-product-category-list .c-product-destils {
        width: auto;
        padding: 12px
    }
}

@media(max-width: 1299px) {
    .certificate-section .c-product-category-list {
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center
    }

    .certificate-section .c-product-category-list .c-product-destils {
        width: auto
    }
}

@media(max-width: 1030px) {
    .certificate-section .c-product-category-list {
        display: none
    }

    .certificate-section .c-certificate-details {
        display: block;
        margin: 0
    }

    .certificate-section .c-certificate-details h4 {
        text-align: left;
        position: relative;
        padding: 24px 0;
        margin-bottom: 0;
        margin-top: -1px;
        border: solid 1px #e9e9e9;
        border-left: 0px;
        border-right: 0px;
        font-size: 18px;
        padding-right: 40px
    }

    .certificate-section .c-certificate-details h4:after {
        content: "+";
        position: absolute;
        top: 22px;
        right: 0;
        width: 12px;
        height: 12px;
        font-size: 23px;
        line-height: 20px;
        font-weight: 300 !important
    }

    .certificate-section .c-certificate-details h4.active:after {
        content: "-"
    }

    .certificate-section .c-certificate-details .c-certificate-conatiner {
        display: none;
        max-width: 100%;
        padding: 20px 0
    }

    .certificate-section .c-certificate-details .c-certificate-conatiner .c-certificate {
        display: inline-flex;
        margin: 5px 0
    }
}

@media(max-width: 767px) {
    .certificate-section {
        padding: 20px 0 40px
    }

    .certificate-section .c-certificate-details .c-certificate-conatiner .c-certificate .text-box {
        font-size: 14px
    }

    .certifications .slick-certificate .slick-list {
        margin: 0 -5px
    }

    .certifications .slick-certificate .slick-slide {
        margin: 5px
    }
}

@media(max-width: 570px) {
    .certificate-section .c-certificate-details .c-certificate-conatiner .c-certificate {
        width: 100%
    }
}

.d-box-container.pad-0 {
    padding: 0;
    margin-bottom: 30px
}

.d-box-container.pad-btm {
    padding-bottom: 80px;
    margin: 0
}

.d-box-container.mar-btm {
    margin-bottom: 80px
}

.d-box-container.half-bg .container {
    padding: 50px 0 50px 45px;
    position: relative;
    z-index: 1
}

.d-box-container.half-bg .container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 15px;
    background-color: var(--light-bg);
    height: 100%;
    width: 80%;
    z-index: -1
}

.d-box-container.typo-setting .strip-bottom:after {
    width: 80px !important
}

.d-box-container.typo-setting .list-item-inner {
    max-width: 100%
}

.d-box-container.typo-setting .c-img-container {
    position: relative;
    padding-right: 120px
}

.d-box-container.typo-setting .c-img-container>img {
    height: 100%;
    object-fit: cover;
    max-height: 310px
}

.d-box-container.typo-setting .c-img-container .floating-logo {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    background-color: #fff;
    padding: 30px;
    width: 210px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, .1)
}

.d-box-container.typo-setting .c-img-container .floating-logo img {
    width: 100% !important
}

@media(max-width: 767px) {
    .d-box-container.typo-setting .c-img-container .floating-logo {
        right: 20px;
        margin: auto;
        top: 0%;
        padding: 20px;
        width: 160px;
        height: 110px
    }
}

.d-box-container.left-content .c-img-container {
    padding-left: 120px;
    padding-right: 0
}

.d-box-container.left-content .c-img-container .floating-logo {
    left: 20px;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%)
}

.d-box-container.half-bg-right {
    padding: 50px 0;
    position: relative
}

.d-box-container.half-bg-right:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--light-bg);
    height: 100%;
    width: 75%;
    z-index: -1
}

@media(max-width: 991px) {
    .d-box-container .container {
        padding: 0 15px !important
    }

    .d-box-container.typo-setting {
        background-color: var(--light-bg);
        padding: 40px 0 !important;
        margin-bottom: 40px !important
    }

    .d-box-container.typo-setting .c-img-container {
        padding: 0 !important;
        margin-bottom: 40px
    }

    .d-box-container.typo-setting .group-heading {
        margin-bottom: 0
    }

    .d-box-container.typo-setting .gc-order-1 {
        order: 1
    }

    .d-box-container.typo-setting .gc-order-2 {
        order: 2
    }

    .d-box-container .c-img-container .floating-logo {
        left: 20px
    }
}

@media(max-width: 767px) {
    .d-box-container.typo-setting .c-img-container {
        margin-top: 0
    }

    .d-box-container.plain-html {
        padding: 0 0 20px !important
    }

    .d-box-container.gc-first {
        margin-top: 40px
    }
}

.mc-explore {
    z-index: 3;
    position: relative
}

.mc-explore .pad-setting {
    padding: 0
}

.mc-explore .pad-setting .d-flex {
    align-items: center;
    padding: 38px
}

.mc-explore .pad-setting .d-flex h4,
.mc-explore .pad-setting .d-flex .text-title {
    font-size: 27px;
    color: var(--heading-color);
    font-family: var(--font-family-lexend);
    font-weight: 600;
    font-size: 27px;
    line-height: 35px;
    width: calc(100% - 200px)
}

.mc-explore .pad-setting .d-flex .transeparent-bg {
    background-color: #fff;
    border: 1px solid var(--text-color-primary);
    z-index: 2
}

.mc-explore .pad-setting .d-flex .transeparent-bg:hover {
    color: #fff
}

.mc-facilities {
    z-index: 2
}

.mc-facilities .video-item {
    display: block;
    padding: 0
}

.mc-facilities .video-item .v-i-box {
    position: relative
}

.mc-facilities .video-item .v-i-box span>img {
    width: 100%;
    height: 300px;
    object-fit: cover
}

.mc-facilities .video-item .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    animation-name: video-wave;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

@keyframes video-wave {
    0% {
        box-shadow: 0 0 0px 0px rgba(var(--secondary-color-s), 0.5)
    }

    100% {
        box-shadow: 0 0 0px 22px rgba(var(--secondary-color-s), 0)
    }
}

.mc-commitments .c-img-container {
    padding-right: 20px
}

.mc-commitments .c-img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.mc-commitments .list-item-inner.arrow-list li {
    min-width: 32%;
    flex: 0 32%;
    font-size: 16px;
    padding: 0 14px;
    line-height: 1.6
}

.mc-commitments .list-item-inner.arrow-list li:before {
    background-image: url(../images/light-right-chevron.svg);
    background-position: top 5px left;
    width: 7px
}

.plant-details .plant-conatiner {
    gap: 30px;
    flex-wrap: wrap
}

.plant-details .plant-conatiner .plant-loaction-area {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, .08);
    width: calc(33.33% - 30px)
}

.plant-details .plant-conatiner .plant-loaction-area .plant-image img {
    width: 100%;
    height: 160px;
    object-fit: cover
}

.plant-details .plant-conatiner .plant-loaction-area .plant-name {
    padding: 30px;
    padding-top: 10px;
    text-align: center
}

.plant-details .plant-conatiner .plant-loaction-area .plant-name h5,
.plant-details .plant-conatiner .plant-loaction-area .plant-name .plant-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: var(--text-color-3);
    font-family: var(--font-family-lexend);
    margin: 0
}

.plant-details .plant-conatiner .plant-loaction-area .plant-name h6,
.plant-details .plant-conatiner .plant-loaction-area .plant-name .plant-location {
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    color: var(--text-color-2);
    font-family: var(--font-family-lexend);
    margin: 0;
    position: relative
}

.plant-details .plant-conatiner .plant-loaction-area .plant-name h6:after,
.plant-details .plant-conatiner .plant-loaction-area .plant-name .plant-location:after {
    content: "";
    width: 50px;
    height: 2px;
    background-color: var(--text-color-primary);
    position: absolute;
    left: 50%;
    bottom: -5px;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0)
}

@media(max-width: 991px) {
    .dependable-okaya .c-img-container {
        margin-top: 20px
    }

    .mc-facilities {
        margin-top: -65px
    }

    .mc-commitments .c-text-container {
        margin-top: 20px
    }

    .plant-details .plant-conatiner .plant-loaction-area {
        width: calc(50% - 15px)
    }
}

@media(max-width: 767px) {
    .dependable-okaya.padd-first {
        padding-top: 0
    }

    .mc-explore .pad-setting .d-flex {
        padding: 20px
    }

    .mc-explore .pad-setting .d-flex h4,
    .mc-explore .pad-setting .d-flex .text-title {
        font-size: 20px;
        line-height: 1.6;
        width: 100%
    }

    .mc-facilities {
        margin-top: 35px
    }

    .mc-commitments .c-img-container {
        padding: 0
    }

    .plant-details .group-heading {
        margin-top: 0
    }

    .plant-details .plant-conatiner .plant-loaction-area {
        width: 100%
    }
}

.product-feature {
    padding: 80px 0 60px 0;
    margin: 0 0 80px
}

.product-details-discription {
    padding: 80px 0 60px 0
}

.product-details-discription ul.faq-categoryl-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px
}

.product-details-discription ul.faq-categoryl-list li {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: var(--text-color-7);
    border-bottom: 2px solid #dbdbdb;
    padding: 12px 20px;
    cursor: pointer;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.product-details-discription ul.faq-categoryl-list li.active {
    font-weight: 600;
    border-bottom: 3px solid var(--text-color-primary)
}

.product-details-discription .global-typo .accordion_c_b {
    margin-bottom: 10px;
    margin-top: 25px
}

.product-details-discription .arrow-list li {
    font-size: 16px;
    padding: 0 14px;
    line-height: 1.6
}

.product-details-discription .arrow-list li:before {
    background-image: url(../images/light-right-chevron.svg);
    background-position: top 5px left;
    width: 7px
}

.product-details-discription .accordion_c_b {
    display: none
}

.product-details-discription .accordion_c_b.activetab {
    display: block
}

.pd-about-product {
    margin-top: 50px
}

.pd-about-product .item-slick.slick-slide.slick-current.slick-active {
    outline: none !important
}

.pd-about-product .slider-for {
    margin-bottom: 15px
}

.pd-about-product .slider-for img {
    width: 100%;
    min-height: 100%
}

.pd-about-product .slider-nav {
    margin: auto
}

.pd-about-product .slick-next:before,
.pd-about-product .slick-prev:before {
    font-family: slick;
    font-size: 25px;
    line-height: 1;
    opacity: .75;
    color: #313030;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.pd-about-product .slider-nav .item-slick {
    max-width: 80px;
    margin-right: 15px;
    padding: 10px;
    cursor: pointer;
    outline: none !important;
    height: 80px;
    object-fit: cover;
    border: 1px solid rgba(143, 204, 179, .4)
}

.pd-about-product .slider-nav .item-slick.slick-current {
    border: 1px solid var(--text-color-primary)
}

.pd-about-product .slider-nav {
    padding: 0 100px
}

.pd-about-product .slick-next:before,
.pd-about-product .slick-prev:before {
    content: ""
}

.pd-about-product .slick-prev {
    background-image: url(../images/pd-prev.svg);
    height: 28px;
    width: 24px
}

.pd-about-product .slick-next {
    background-image: url(../images/pd-next.svg);
    height: 28px;
    width: 24px
}

.pd-about-product .slider-nav .item-slick img {
    max-width: 100%;
    background-size: cover;
    background-position: center
}

.pd-about-product .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 50
}

.pd-about-product .slick-prev {
    left: 20px
}

.pd-about-product .slick-next {
    right: 20px
}

.pd-about-product .slider-for {
    padding: 30px;
    border: 2px solid #f5f5f5
}

.pd-about-product .slider-for .slick-track {
    display: flex;
    align-items: center
}

.pd-about-product .pd-main-pad {
    padding-left: 20px
}

.pd-about-product .price-rating {
    justify-content: space-between;
    align-items: center
}

.pd-about-product .price-rating h4 {
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 18px;
    text-transform: uppercase;
    font-family: var(--font-family-lexend);
    color: var(--text-color-7)
}

.pd-about-product .price-rating h4 span {
    font-family: var(--bs-body-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    margin-top: 10px;
    line-height: 11px;
    display: block;
    text-transform: uppercase;
    color: var(--text-color-5)
}

.pd-about-product .price-rating .pd-rating {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.pd-about-product .price-rating .pd-rating i {
    color: #ffc41f;
    font-size: 12px;
    margin-right: 3px
}

.pd-about-product .price-rating .pd-rating h5 {
    margin-bottom: 0;
    margin-left: 10px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-color-7)
}

.pd-about-product .price-rating .pd-rating h5 span {
    color: #a2a3b1
}

.pd-about-product .pd-discption {
    margin: 20px 0 !important;
    line-height: 30px
}

.pd-about-product .pd-product-category {
    background-color: var(--light-bg);
    border-bottom: 1px solid rgba(143, 204, 179, .3);
    border-top: 1px solid rgba(143, 204, 179, .3);
    padding: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 25px
}

.pd-about-product .pd-product-category>div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px 33px;
    border-right: 1px solid rgba(143, 204, 179, .3);
    width: 33%
}

.pd-about-product .pd-product-category>div:last-child {
    border: none
}

.pd-about-product .pd-product-category>div h4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    color: var(--text-color-primary);
    font-family: var(--font-family-lexend)
}

.pd-about-product .pd-product-category>div h5 {
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase;
    color: var(--text-color-7)
}

.pd-about-product .pd-stare {
    margin: 25px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    cursor: pointer
}

.pd-about-product .pd-stare i {
    margin-right: 10px
}

.pd-about-product .pd-stare .pd-social-share .product-details-share {
    display: none;
    flex-direction: column;
    row-gap: 10px;
    position: absolute;
    background-color: var(--light-bg);
    padding: 10px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, .07)
}

.pd-about-product .pd-stare .pd-social-share .product-details-share li a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px
}

.pd-about-product .pd-stare .pd-social-share .product-details-share li a i {
    margin-right: 0
}

.pd-about-product .pd-stare .pd-social-share:hover .product-details-share {
    display: block
}

.pd-about-product .pd-expert-feature {
    border-top: 1px solid #ededed;
    padding-top: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.pd-about-product .pd-expert-feature>div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 15px
}

.pd-about-product .pd-expert-feature>div h6 {
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase;
    color: var(--text-color-7)
}

.product-listing.product-feature .pl-outer-cb {
    background-color: #fff
}

@media(max-width: 991px) {
    .pd-main-pad {
        padding-left: 0;
        margin-top: 50px
    }
}

@media(max-width: 767px) {
    .pd-about-product {
        margin-top: 20px
    }

    .pd-about-product .slider-for {
        height: auto
    }

    .pd-about-product .pd-product-category {
        flex-direction: column
    }

    .pd-about-product .pd-product-category>div {
        width: 100%;
        border: none;
        border-bottom: 1px solid rgba(143, 204, 179, .3)
    }

    .pd-about-product .price-rating {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .product-details-discriptio {
        padding: 40px 0 20px
    }

    .product-details-discription {
        display: block
    }

    .product-details-discription .faq-categoryl-list {
        display: none !important
    }

    .product-details-discription .accordion_c_b {
        display: block
    }

    .product-details-discription .accordion_c_b h5 {
        list-style: none;
        font-weight: 500;
        font-size: 18px;
        line-height: 18px;
        color: var(--heading-color);
        font-family: var(--font-family-lexend);
        background-color: var(--light-bg);
        padding: 18px 20px;
        margin-bottom: 10px;
        border-left: 2px solid var(--text-color-primary);
        cursor: pointer;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    .product-details-discription .accordion_c_b h5.mobile-active:after {
        content: "-"
    }

    .product-details-discription .accordion_c_b h5:after {
        content: "+";
        position: absolute;
        top: 15px;
        right: 15px;
        width: 12px;
        height: 12px;
        font-size: 23px;
        line-height: 20px;
        font-weight: 300 !important
    }

    .product-details-discription .accordion_c_b .mobile-main-accr {
        display: none
    }

    .product-listing {
        padding: 40px 0 20px;
        margin-bottom: 40px
    }
}

.qa-section {
    position: static;
    padding: 80px 0 80px;
    margin: 0
}

.qa-section .list-item-inner li {
    width: 100%;
    flex: none;
    margin-bottom: 15px
}

.pl-20 {
    padding-left: 20px
}

.section-padding .c-text-container {
    padding: 60px 30px
}

.read-expend-btn {
    background: url(../images/green-down-arrow.svg) no-repeat right center;
    display: inline-block;
    vertical-align: middle;
    padding-right: 40px
}

.read-expend-btn.active {
    background: url(../images/green-up-arrow.png) no-repeat right center
}

@media(max-width: 767px) {
    .pl-20 {
        padding-left: 0px
    }

    .qa-section .mt-5 {
        margin-top: 0 !important;
        margin-bottom: 20px
    }

    .section-padding {
        padding: 40px 0
    }

    .mb-order-1 {
        order: 1
    }

    .mb-order-2 {
        order: 2
    }

    .mb-p0 {
        padding: 0
    }
}

.home-banner-container {
    overflow: hidden
}

.home-banner-container .slick-prev,
.home-banner-container .slick-next {
    border-radius: 0%;
    text-align: center;
    left: 0px;
    top: 50%;
    width: 30px;
    height: 50px;
    z-index: 9;
    color: rgba(0, 0, 0, 0);
    height: 30px;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-style: solid;
    border-width: 30px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.home-banner-container .slick-prev {
    left: -60px;
    background: rgba(36, 39, 44, .3);
    border: none
}

.home-banner-container .slick-prev:before {
    content: "";
    display: block;
    background: url(../images/white-arrow-left.svg) no-repeat center;
    width: 10px;
    height: 12px;
    background-size: contain;
    position: absolute;
    left: 8px;
    top: 8px
}

.home-banner-container .slick-next {
    left: auto;
    right: -60px;
    background: rgba(36, 39, 44, .3);
    border: none
}

.home-banner-container .slick-next:before {
    content: "";
    display: block;
    background: url(../images/white-arrow-right.svg) no-repeat center;
    width: 10px;
    height: 12px;
    background-size: contain;
    position: absolute;
    right: 8px;
    top: 9px
}

.home-banner-container:hover .slick-prev,
.home-banner-container:hover .slick-next {
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.home-banner-container:hover .slick-prev {
    left: 0
}

.home-banner-container:hover .slick-next {
    right: 0px
}

.type-bottom {
    font-family: var(--bs-body-font-family);
    background-color: var(--text-color-primary);;
    color: #ffffff;
    border-radius: 0;
    padding: 10px 20px;    
    text-align: center;
    text-decoration: none;   
    width: 200px;
    font-size: 15px;
    margin: 2px;
}

.type-bottom:hover {
    background-color: #008f47;
    color: #ffffff;
}

@media(max-width: 767px) {

    .home-banner-container .slick-prev,
    .home-banner-container .slick-next {
        opacity: .7
    }

    .home-banner-container .slick-prev {
        left: 0
    }

    .home-banner-container .slick-next {
        right: 0px
    }
}

@media(max-width: 767px) {
    .text-heading.strip-bottom:not(.get_position) {
        font-size: 20px;
        line-height: 1.4
    }

    .title-small-top {
        display: none
    }
}

/* CMS Pages */
.cms-terms-and-conditions .page-main{
    padding-top: 0px;
}

.cms-terms-and-conditions .page-title {
    font-family: var(--font-family-lexend);
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    color: var(--text-color-3);
    margin-bottom: 20px;
    position: relative;
}
.cms-terms-and-conditions .page-title::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 27px;
    height: 2px;
    background: var(--text-color-primary);
}

.cmscontentpage strong {
    margin-top: 25px;
    display: block;
    margin-bottom: 4px;
    font-size: 20px;
    color: #000;
}
.cmscontentpage p {
    line-height: 28px;
    font-size: 16px;
    text-align: left;
    color: var(--text-color-5);
    margin-bottom: 10px;
}

/* 07/03/2026 */
.price-box .special-price .price-label, .price-box .old-price .price-label {
    display: inline;
    font-size: 16px;
}
span.price-inclusive-label{
    display: block;
}