@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff'),
        url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Italic.eot');
    src: url('../fonts/Poppins-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Italic.woff2') format('woff2'),
        url('../fonts/Poppins-Italic.woff') format('woff'),
        url('../fonts/Poppins-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium.woff') format('woff'),
        url('../fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-MediumItalic.eot');
    src: url('../fonts/Poppins-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-MediumItalic.woff2') format('woff2'),
        url('../fonts/Poppins-MediumItalic.woff') format('woff'),
        url('../fonts/Poppins-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff'),
        url('../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBoldItalic.eot');
    src: url('../fonts/Poppins-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBoldItalic.woff') format('woff'),
        url('../fonts/Poppins-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.eot');
    src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff'),
        url('../fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-BoldItalic.eot');
    src: url('../fonts/Poppins-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-BoldItalic.woff2') format('woff2'),
        url('../fonts/Poppins-BoldItalic.woff') format('woff'),
        url('../fonts/Poppins-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
:root {
    --color-TurquoiseSurf: #00C5BF;
    --color-DarkGreen: #00201F;
    --color-Dark-Cyan: #008E8A;
    --color-lightBlue: #C1F5F3;
    --color-Blue:#077091;
    --color-LightGreen: #15B1AC;

    --font-size-10: 10px;
    --font-size-12: 12px;
    --font-size-14: 14px;
    --font-size-16: 16px;
    --font-size-18: 18px;
    --font-size-20: 20px;
    --font-size-22: 22px;
    --font-size-22: 24px;
    --font-size-28: 28px;
    --font-size-32: 32px;
    --font-size-54: 54px;
}
body {
    font-family: 'Poppins';
    font-size: var(--font-size-16);
    color: var(--color-DarkGreen);
    line-height: 1.5;
    min-height: 100dvh;
    background-color: #f7faf9;
}

.f-W-N {font-weight: normal !important;}
.f-W-M {font-weight: 500 !important;}
.f-W-SB {font-weight: 600 !important;}
.f-W-B {font-weight: bold !important;}

img {max-width: 100%;}

a{text-decoration: none; color: var(--color-DarkGreen);}
.text-DarkGreen {color: var(--color-DarkGreen) !important;}
.text-LightGreen {color: var(--color-LightGreen) !important}

.f-size-10{font-size: var(--font-size-10) !important;}
.f-size-12{font-size: var(--font-size-12) !important;}
.f-size-14{font-size: var(--font-size-14) !important;}
.f-size-16{font-size: var(--font-size-16) !important;}
.f-size-18{font-size: var(--font-size-18) !important;}
.f-size-20{font-size: var(--font-size-20) !important;}
.f-size-22{font-size: var(--font-size-22) !important;}
.f-size-28{font-size: var(--font-size-28) !important;}
.f-size-32{font-size: var(--font-size-32) !important;}
.f-size-54{font-size: var(--font-size-54) !important;}

.mb__5{margin-bottom: 5px !important;}
.mb__10{margin-bottom: 10px !important;}
.mb__15{margin-bottom: 15px !important;}
.mb__20{margin-bottom: 20px !important;}
.mb__25{margin-bottom: 25px !important;}
.mb__30{margin-bottom: 30px !important;}
.mb__35{margin-bottom: 35px !important;}

.line-H-0 { line-height:0; }
.line-H_9 { line-height:.9; }
.line-H-1 { line-height:1; }
.line-H-1_1 { line-height:1.1; }
.line-H-1_2 { line-height:1.2; }
.line-H-1_3 { line-height:1.3; }
.line-H-1_4 { line-height:1.4; }
.line-H-1_5 { line-height:1.5; }
.line-H-1_6 { line-height:1.6; }
.line-H-1_7 { line-height:1.7; }
.line-H-1_8 { line-height:1.8; }
.line-H-1_9 { line-height:1.9; }

.rounded-8{border-radius: 8px;}
.clr-Prime{color: var(--color-TurquoiseSurf);}
.clr-Gray{color: #ff0000;}
/* .clr-Gray{color: #9F9F9F;} */
.clr-Silver{color: #767676;}
.gp-c-gap-20{gap: 20px;}
.gp-c-gap-10{gap: 10px;}

.gp-r-gap-10{row-gap: 10px;}
.gp-r-gap-20{row-gap: 20px;}
p:last-child{margin-bottom: 0;}
.headerWrp{padding:5px 0 10px 0;}
.siteLogo{max-width: 300px;}
.headerWrp .headItems{position: relative; line-height: 1;}
.headerWrp .headItems:last-child::after{display: none;}
.headerWrp .headItems::after{content: ""; width: 1px; height: 100%;background-color: var(--color-DarkGreen); position: absolute; top: 0; right: -12px; }
.headerWrp .headItems a{color:var(--color-DarkGreen); font-size: var(--font-size-12); line-height: 1;}
.headerWrp .headItems .storeIcon{font-size: 18px;}
.header_TopMenu{display: flex; column-gap: 24px; align-items: center;}
.topsearchBox{max-width:600px ;  margin-left: auto;}
.header_bottom-Menu {display: flex; column-gap: 20px; width: 100%; justify-content: end;}
.header_bottom-Menu .headItem .head-Item-Link{width: 52px; height: 52px; display: block; border-radius: 100%; border: 1px solid var(--color-TurquoiseSurf); color: var(--color-TurquoiseSurf); text-align: center; line-height: 52px; font-size: 20px; transition: .3s;}
.header_bottom-Menu .headItem .head-Item-Link:hover{color:#ffffff; background-color: var(--color-TurquoiseSurf);}
.header_bottom-Menu .headItem .topsearchBox .topsearch-input{width:100%; height: 52px; display: block; border-radius: 70px; border: 1px solid var(--color-TurquoiseSurf) !important; color: #909090; padding: 15px 15px 15px 50px; outline: none; background-color: transparent;}
.topsearchIcon{position: absolute; top: 50%; transform: translateY(-50%); left: 20px; color: #909090;}
.tp_offerRow {padding: 0;margin: 0;border: none;border-radius: 0;}
.tp-offerWrap {position: relative;background-color: #00201F;border-radius: 0px 0px 10px 10px;color: #fff;padding: 10px ;font-size: 15px;line-height: 1.2;}
.tp_offerRow .btn-close { padding: 0; filter: invert(1); opacity: 1; width: 20px; height: 20px; background-position: center center; background-size: 12px; position: absolute; top: 50%; transform: translateY(-50%); right: 8px; box-shadow: none !important; }
.tp-offersSlider {overflow: hidden;}
.tp-offersSlider:not(.slick-slider) {visibility: hidden;}
.tp-offersSlider, .tp-offersSlider .slick-list .slick-track {display: flex; gap: 20px;}
.tp-offersSlider .offer-item {position: relative;padding-left: 18px;}
.tp-offersSlider .offer-item::before {content: "";width: 8px;height: 8px;background-color: #fff;border-radius: 100px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.tp-offersSlider .slick-list {padding: 0;}

.header-bottom .cstHeader{background-color: var(--color-TurquoiseSurf); border-radius: 10px 10px 0px 0px; padding: 0;}
.header-bottom { background-color: var(--color-TurquoiseSurf); }
.header-bottom .cstHeader .nav-link, .whatsappOrder{color: #ffffff; font-size: var(--font-size-16); padding: 10px;}
.header-bottom .cstHeader .nav-item .dropdown-toggle::after{display: none;}
/* .header-bottom .cstHeader .nav-item .nav-link.active{border-bottom:solid 3px var(--color-DarkGreen); } */
.header-bottom .cstHeader .nav-item .nav-link{position: relative;}
/* .header-bottom .cstHeader .nav-item .nav-link.active::before{width: 100%;} */
.header-bottom .cstHeader .nav-item .nav-link::before{content: ""; position: absolute; bottom: 0; transition: all .3s; right: 0; left: auto; width: 0; height: 3px; background-color: var(--color-DarkGreen);}
.header-bottom .cstHeader .nav-item .nav-link:hover:before{ width: 100%; left: 0; right: auto;}
.header-bottom .cstHeader .nav-item:hover .fa-bars:before, .fa-navicon:before{ content: "\f00d"; }
.header-bottom .cstHeader .nav-item i{ min-width: 16px; }

.categoriesMenu{padding: 0; border-radius: 0; border: none; box-shadow: none; border: 1px solid #C5F2F0; width: 250px;}
.categoriesMenu .dropdown-item{padding: 0; border-radius: 0; font-size: var(--font-size-14); padding: 7px 11px; border: none; color: var(--color-DarkGreen); background-color: #ffffff;}
.categoriesMenu .dropdown-item:hover{background-color: #C5F2F0; color: var(--color-DarkGreen);}

/* mega-menu */
.dropdown:hover .dropdown-menu.categories-megaMenu, .dropdown:hover>.mega_subMenu.dropdown-menu { display: block; margin-top: 0; /* remove the gap so it doesn't close */ }
.mega_subMenu.dropdown-menu{ position: absolute; left: 100%; text-align: 0; top: 0; width: 1045px; max-height: calc(100vh - 200px); }
.mega_subMenu{padding: 16px; height:700px}
/* .menu-title{font-size: var(--font-size-14); font-weight: 700; color: var(--color-DarkGreen); padding-bottom: 12px; margin-bottom: 10px; border-bottom: 1px solid rgba(0, 32, 31, 0.2); display: block;} */
.menu-title {
    font-size: var(--font-size-14);
    font-weight: 400;
    color: var(--color-DarkGreen);
    margin: 0;
    display: block;
    border: 1px solid #00d3cc78;
    border-radius: 5px;
    padding: 5px 10px;
    background-color: #c5f2f082;
    height: 100%;
    vertical-align: middle;
    display: flex;
    align-items: center;
}
.megaMenu-List .maga-links{font-size: var(--font-size-14); color:#6D7F7F; margin-bottom:10px; display: block;}
.megaMenu-List .maga-links:hover, .megaMenu-List .maga-links.active{color:var(--color-DarkGreen);}

.heroSection{padding: 20px 0 20px 0px;}
.hero_slider{border-radius:10px; overflow: hidden;}
.hero_slider.slick-dotted{margin-bottom: 0;}
.hero_slider .slick-dots{bottom: 25px; text-align: left; left: 36px;}
.hero_slider .slick-dots li{width: auto; height: auto;}
.hero_slider .slick-dots li button::before{font-size: 0; width: auto; height: auto;}
.hero_slider .slick-dots li button{width: 11px; height: 11px; border-radius: 100%; border: 1px solid var(--color-Blue); background-color: #d4f0fb;}
.hero_slider .slick-dots li.slick-active button{background-color: var(--color-Blue);}

.top_adsBanner{margin-top:20px}
.e-Prescription-banner{background-color:#C1F5F3; border-radius: 10px; overflow: hidden; position: relative;}
.e-Prescription-banner::after, .e-Prescription-banner::before{content: ""; width: 150px; height:150px; position: absolute; border-radius: 100%; background-color: #84E3E0; }
.e-Prescription-banner.poster-2{background-color: #B6EDB1;}
.e-Prescription-banner.poster-2::after, .e-Prescription-banner.poster-2::before{background-color: #95DE8E;}

.e-Prescription-banner::after{ right: 15px; top: -20%;}
.e-Prescription-banner::before{right: 20%; bottom: -20%;}
.e-Prescription-banner .pre-bnrImg{height: 135px; display: flex; justify-content: center;}
.e-Prescription-banner .pre-bnrImg img{height: 100%; object-fit: contain; }
.e-Prescription-banner .textPd{ padding:18px;}
.cstBtn.bg-white{background-color:#ffffff;}
.cstBtn{font-size: var(--font-size-18); padding: 12px 30px; line-height: 1; border: 1px solid var(--color-Dark-Cyan) !important; color: var(--color-Dark-Cyan) !important; border-radius: 40px; font-weight: 600; display:flex; column-gap: 10px; width: fit-content; transition: all .3s ease-in-out;}
/* .cstBtn:hover, .cstBtn:active{color: #ffffff !important; background-color: var(--color-Dark-Cyan) !important;} */
.cstBtn .btnArrow{transition: all .3s ease-in-out;}
.cstBtn:hover .btnArrow{transform: translateX(5px); }
.cstBtn.ctaGray{border-color: #CCCCCC !important; color: #737373 !important;padding-left: 16px;padding-right: 16px;column-gap:8px;}
.cstBtn.ctaGray:hover{background-color: transparent !important;}
.bnr-ctaArrow{color: #656565;}
.border-none{border: none !important;}
.offerLable{font-size: var(--font-size-12); background-color: #FF3D3D; color: #ffffff; border-radius: 10px; padding: 1px 5px; width: fit-content; margin: auto;}
.section-Wrp{padding: 40px 0;}
.cstSlider.slick-slider .slick-track{display: flex; column-gap: 25px;}
.cstSlider .slick-arrow{width: 40px; height: 40px; top: 40%; border-radius: 100%; background-color: #ffffff; color: #D9D9D9; font-family: "Font Awesome 6 Free"; font-weight: 900; z-index: 98; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);}
.cstSlider .slick-arrow.slick-next::before, .cstSlider .slick-arrow.slick-prev::before { opacity: 1; color: #D9D9D9;}
.cstSlider .slick-arrow.slick-next::before { content: "\f054";}
.cstSlider .slick-arrow.slick-prev::before { content: "\f053";}
.cstSlider .slick-arrow.slick-next { right: -30px;}
.cstSlider .slick-arrow.slick-prev { left: -30px;}
.arrow-alignTop.cstSlider .slick-arrow{top: 33%;}
.cstSlider .slick-list.draggable{margin:0 -25px;}
.cstSlider .slick-dots li{width: auto; height: auto;}
.cstSlider .slick-dots li button::before{font-size: 0; width: auto; height: auto;}
.cstSlider .slick-dots li button{width: 11px; height: 11px; border-radius: 100%; border: 1px solid var(--color-Blue); background-color: #d4f0fb;}
.cstSlider .slick-dots li.slick-active button{background-color: var(--color-Blue);}
.symptoms-Item{transition: all .3s;}
.symptoms-Item:hover .symptoms-txt{font-weight: 900 !important;}
.ctaWrp-mt{margin-top: 35px;}


.featured-Products .f-Product-Img.proHeight { background: #fff; border-radius: 10px; cursor: pointer;  display: flex; height: 330px; justify-content: center; overflow: hidden; padding:30px; }
.featured-Products .f-Product-Img.proHeight img{ align-items: center; display: flex; justify-content: center; margin:auto auto 0; max-height:100%; width: 100%; object-fit: contain; }

.featured-Products .f-Product-Img{border-radius: 10px; overflow: hidden;}
.featured-Products .product_Rating li{color: #FF9F1C;}
/* .featured-Products .product_Rating li{color: #6F6F6F;} */
.featured-Products  .productName{transition:all .3s; display: -webkit-box; max-width: 200px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.featured-Products .f-Product-Details{padding:20px 5px;}
.addcart{padding: 7px 20px;background-color: var(--color-TurquoiseSurf) !important; width: fit-content; border: 1px solid var(--color-TurquoiseSurf) !important; border-radius: 30px; color: #ffffff !important; font-weight: 600; font-size: var(--font-size-14);}
.addcart:hover{background-color: var(--color-Dark-Cyan) !important; border-color: var(--color-Dark-Cyan) !important;}
.addcart.addcart-Cta2{background-color: transparent !important; border: 1px solid var(--color-Dark-Cyan) !important; color: var(--color-Dark-Cyan) !important;}
.addcart.addcart-Cta2:hover{ border-color: var(--color-Dark-Cyan) !important;}

.addcart2{padding: 7px 20px; width: fit-content; background-color:transparent !important; border: 1px solid var(--color-TurquoiseSurf) !important; border-radius: 30px; color: var(--color-TurquoiseSurf) !important; font-weight: 600;}
.addcart2:hover{border-color: var(--color-Dark-Cyan) !important; color: var(--color-Dark-Cyan) !important;}

.featured-Products:hover .productName, .featured-Products:hover .productName a{color:#0069C5;}
.bg-lightBlue{background-color: #C1F5F3;}
.section-Categories{padding: 75px 0;}

.categoriesBox{position: relative; overflow: hidden; }
.offerlable{position: absolute; background-color: #FF3D3D; padding: 15px 10px; color: #ffffff; text-align: center; right: 0; border-radius:5px;}
.categoriesBox .categories-Img { border-radius: 5px; cursor: pointer;  display: flex; width: 182px; justify-content: center; }
/* .categoriesBox .categories-Img { background: #fff; border-radius: 5px; cursor: pointer;  display: flex; height: 182px; width: 182px; justify-content: center; overflow: hidden; padding: 7px; } */
.categoriesBox .categories-Img img{ align-items: center; display: flex; justify-content: center; margin:auto auto 0; width: auto; border-radius: 4px; }
.categoriesBox:hover .categories-name{font-weight: 900 !important;}

.best-sellTabs{justify-content: center; }
.best-sellTabs .nav-link{padding: 12px 20px; border-bottom: 2px solid #00C5BF; line-height: 1; font-size: var(--font-size-22); color: var(--color-DarkGreen); font-weight: 500; text-wrap: nowrap;}
.best-sellTabs .nav-link.active{ background-color: #00C5BF; color:#ffffff}
.sellerContent{padding-top: 40px;}

.news-latter{display: flex; gap: 13px; flex-direction: column;}
.news-latter-input{ font-size: var(--font-size-18); padding: 10px 30px; border: none !important; color: var(--color-DarkGreen) !important; border-radius: 40px; font-weight: 600; display: flex; column-gap: 10px; width: fit-content; transition: all .3s ease-in-out; width: 100%; outline: none; background-color: #ffffff; }
.news-latter-input::placeholder{color: var(--color-DarkGreen);}
.sepratorLine{border-bottom: 1px solid var(--color-TurquoiseSurf);}
.ftr-service-item .serviceICon{width: 42px; height: 42px; line-height: 42px; font-size: var(--font-size-22); border-radius: 100%; border: 1px solid var(--color-DarkGreen); text-align: center;}

.categories-megaMenu .dropdown{position: unset;}
.more{font-size: var(--font-size-14); color: var(--color-Dark-Cyan);}
.downloadApp{max-width: 136px;}

.gulfP-FtrLogo{max-width: 275px;}
.gulf-parm-Footer{background-color:var(--color-TurquoiseSurf); padding: 30px 0; color: #ffffff;}
.ftr-socials .ftr-social-item a{min-width: 38px; width: 38px; height: 38px; line-height: 38px; transition: all .3s; font-size: var(--font-size-16); color: #ffffff; text-align: center;  display: block; border: 1px solid #ffffff; background-color:var(--color-TurquoiseSurf); border-radius: 100%;}
.ftr-socials .ftr-social-item a:hover{background-color: var(--color-DarkGreen);}
.gulfP-ftr-items .gulfP-ftr-Link a{color:#ffffff; font-size:var(--font-size-14); font-weight: 500; margin-bottom:10px; display: block; line-height: 1;}
.gulfP-FtrContact .ftr-Icon{max-width: 27px;}
.frt-copyRight{padding: 20px 0;}

/* Product Page Stert */
.gp-sub_pgTop{ margin: 30px 0 15px;}
.gp-sub_pgHead{height: 220px; margin-bottom: 32px;}
.gp-subpg-bg{ padding: 35px; border-radius: 10px;height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;  background-color: var(--color-TurquoiseSurf);}
.gp-breadcrumb .breadcrumb-item{font-size: var(--font-size-12); color: var(--color-DarkGreen); font-weight: 600;}

.gp-breadcrumb .breadcrumb-item+.breadcrumb-item::before{content: ">" !important;}
.gp-lisingRow{display: flex; column-gap: 30px;}
.gp-lisingRow>.gp-proFilterWrp{max-width: 300px; width: 100%;}
.gp-productFilter .accordion-item{ background-color: transparent; border: none; border-bottom: 1px solid #B3C8C7; border-radius: 0;}
.gp-productFilter .accordion-item .accordion-button{padding:15px 0; font-size: var(--font-size-18); font-weight: 500; background-color: transparent; border: none; box-shadow: none; border-radius: 0;}
.gp-productFilter .accordion-item .accordion-body{padding:0 ; padding-bottom: 20px;  background-color: transparent; box-shadow: none; border-radius: 0;}
.accordion-button::after{width: 15px;height: 15px;background-size: contain;}
.gp-filter-item .gp-filter-link{display: flex; column-gap: 10px; align-items: center; font-weight: 500; transition: all .3s; font-size: var(--font-size-14);}
.gp-filter-item .gp-filter-link i{transition: all .3s;}
.gp-filter-item .gp-filter-link:hover i{transform: translateX(3px);}

.clear-ctaWrp{border: 1px solid #737373 !important; border-radius: 30px; color: #737373;}



.price-range-slider { width: 100%; margin-bottom: 10px; padding: 2px;}
.price-range-slider .range-value { margin: 0; font-size: var(--font-size-14 ); font-weight: 500; color: var(--color-DarkGreen); margin-bottom: 20px;}
.price-range-slider .range-value input { width: 100%; background: none; color: #1596B2; box-shadow: none; border: none; outline: none; }
.price-range-slider .range-bar { border: none; background: #000; height: 3px; width: 96%; margin-left: 8px; }
.price-range-slider .range-bar .ui-slider-range { background: var(--color-TurquoiseSurf); }
.price-range-slider .range-bar .ui-slider-handle { border: none; border-radius: 25px; background: #fff; border: 1px solid #000000; height: 17px; width: 17px; top: -8px; cursor: pointer; }

.pl-check-Group{display: flex; flex-direction: column; row-gap: 20px; margin: 2px;}
.ctm-checkbox input[type="checkbox"] { appearance: none; position: relative; }
.ctm-checkbox{display: flex; align-items: center; color: var(--color-DarkGreen); font-weight: 500; font-size: var(--font-size-14);}
.ctm-checkbox .checkbox { display: inline-block; height: 10px; border-radius: 4px; width: 10px; transition: 100ms ease-in; cursor: pointer; margin-right:10px; box-shadow: 0px 0px 0px 1px var(--color-TurquoiseSurf);  border: 1px solid #ffffff;}
.ctm-checkbox input:checked ~ .checkbox { background: var(--color-TurquoiseSurf); border: 5px solid #ffffff;}
.ctm-checkbox input:checked ~ .checkboxTxt {color: var(--color-TurquoiseSurf);}

.gp-productListing-pg{padding-bottom: 30px;}
.productView.listView .featured-Products{display: flex; column-gap: 20px; align-items: center; border-radius: 10px; overflow: hidden;}
.listView>.col, .listView>[class*=col] { width: 100%; }
.productView.listView .featured-Products .f-Product-Img.proHeight{aspect-ratio: 1 / 1;}
.productView.listView .featured-Products .f-Product-Img.proHeight{height: 220px;}
.gridCta{color: #151875; padding: 0; line-height: 1; border: none;}
.poppular-btn{color: #737373 !important; border: 1px solid #737373 !important; border-radius: 10px;}
.productView .featured-Products .f-Product-Img.proHeight a{ display: flex; justify-content: center; }
.productView .featured-Products .f-Product-Img.proHeight img{margin: auto;}
.clr-subpg-Txt{color: #856744;}
.productCount{color: #6D7F7F;}

/* Product Details Stert */

.product_List .gp-product-slide-item{height:78px; max-width: 78px; border-radius: 8px; padding: 10px; background-color: #ffffff; aspect-ratio: 1 / 1;}
.product_List .gp-product-slide-item img{align-items: center; display: flex; justify-content: center; margin: auto auto 0; max-height: 100%; width: 100%; object-fit: contain;}
.product-reference .product_Rating li{color: #BDBDBD;  font-size: var(--font-size-14);}
.product-reference .product_Rating li.active{color: #FF9F1C;}

.product-reference .gpPro-Number{color: #8D8D8D;}
.gp-product-Lable{background-color: #53ACFF; padding:1px 5px; border-radius: 4px; color: #ffffff;}
.gp-proTagsWrp .gp-proTags a{ padding:1px 20px; font-size: var(--font-size-12); border: 1px solid var(--color-TurquoiseSurf); border-radius: 35px; font-weight: 500;}
.cst-badge{background-color: #00C55C; display:inline-block; font-weight: 400; padding:5px 10px; border-radius: 10px; color: #ffffff; font-size: var(--font-size-12); }
.cst-badge.badge-yellow{background-color: #FADF6C; color: var(--color-DarkGreen); font-weight: 600;  font-size: 10px;}
.pro-summary{color: #5B5B5B;}
.btn-View-Details{font-size: var(--font-size-12); color:#000000; text-decoration: underline;}
.addTocart-CtaWrp{margin-top: 30px;}
.addCart-CountCta{padding: 7px 15px;display: flex; column-gap:5px; background-color: var(--color-TurquoiseSurf) !important; border: 1px solid var(--color-TurquoiseSurf) !important; border-radius: 30px; color: #ffffff !important; font-weight: 600;}
.addCart-CountCta input, .addCart-CountCta button { text-align: center; font-size: var(--font-size-14); font-weight: 600; color: #ffffff;  background: transparent; padding: 0; border: none; }
.addCart-CountCta{width: 85px; text-align: center;}
.addCart-CountCta input{border: none; outline: none;}
.text-Green{color: #40C351;}
.addCart-CountCta.addCart-2{background-color: transparent !important; border-color: var(--color-Dark-Cyan) !important; color: var(--color-Dark-Cyan) !important;}
.addCart-CountCta.addCart-2 input, .addCart-CountCta.addCart-2 button{color: var(--color-Dark-Cyan) !important;outline: none !important;}
.gd-product-service{padding: 24px; background-color: #ffffff; border-radius: 8px; display: flex; column-gap: 10px; margin-bottom: 15px;}
.gd-product-service .gd-Pservice-ICon{min-width: 42px; width: 42px; height: 42px; line-height: 42px; font-size: var(--font-size-22); border-radius: 100%; border: 1px solid rgba(0, 0, 0, 0.5); text-align: center; color: rgba(0, 0, 0, 0.5);;}
.gd-productTabs ul {border-bottom: 1px solid #00C5BF; overflow: auto; flex-wrap: nowrap;}
.gd-productTabs ul li .nav-link{border-right: 1px solid #00C5BF; color: var(--color-DarkGreen); border-bottom: 0px solid transparent; min-width: 235px; text-align: center; padding: 12px 25px;}
.gd-productTabs ul li .nav-link.active{ background-color:#00C5BF; color:#ffffff;}
.gd-productTabs .tab-content{padding: 35px 0;}
.gp-pro_description strong{font-weight: 600;}

.product_ListSlider .lSSlideOuter.vertical .lSGallery { right: auto; left: 0; margin-left: 0 !important; }
.product_ListSlider .lSSlideOuter .lSPager.lSGallery li.active{border: 1px solid var(--color-TurquoiseSurf);}
.product_ListSlider .lSSlideOuter .lSPager.lSGallery li{height:78px !important; width: 78px; border-radius: 8px; padding: 10px; background-color: #ffffff; aspect-ratio: 1 / 1;}
.product_ListSlider .lSSlideOuter .lSPager.lSGallery li img{align-items: center; display: flex; justify-content: center; margin: auto auto 0; max-height: 100%; width: 100%; object-fit: contain;}
.product_ListSlider .lSSlideOuter.vertical{ padding-left:100px; padding-right: 0 !important }
.product_ListSlider .lSSlideOuter .lSPager.lSGallery img { display: block; height: auto; max-width: 100%; height: 100%; }
.gp-showPro-thumb{background: #fff; position: relative; border-radius: 10px; cursor: pointer; display: flex; height: 400px; justify-content: center; overflow: hidden; padding: 30px;}
.gp-showPro-thumb img{ align-items: center; display: flex; justify-content: center; margin: auto; max-height: 100%; width: 100%; object-fit: contain;}

.cst-scrollbar { overflow: auto; overflow-x: hidden; }
.cst-scrollbar::-webkit-scrollbar{ width: 5px; height: 5px; background-color: transparent; }
.cst-scrollbar::-webkit-scrollbar-track{ background-color: rgba(101, 104, 228, 0.1); }
.cst-scrollbar::-webkit-scrollbar-thumb { background-color: var(--color-TurquoiseSurf); }

/* header.sticky { position: fixed; top: 0; background-color: var(--color-White); box-shadow: 0 10px 20px #00c5bf0f; animation: smoothScroll 1s forwards; width: 100%; background-color: #ffffff; z-index: 999; }
header.sticky .siteLogo {max-width: 240px;}
header.sticky {padding: 10px 0;}
@keyframes smoothScroll{
    0% {
        transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
    }

    100% {
        transform: translateY(0);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
    }
} */


/* cart-check-out */

  .progress-steps-Wrp { display: flex; width: 100%; justify-content: space-between; position: relative;  }
  .progress-steps-Wrp .progress-steps{position: relative; width: 100%; height: 24px; text-align: center;}
  .progress-steps-Wrp .progress-steps::before{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); left:50%; width: 100%; height: 2px; background-color: #C4C4C4; }
  .progress-steps-Wrp .progress-steps::after{ content: ""; position: absolute; top: 0; transform: translateX(-50%); left:50%; width:24px; height: 24px; background-color: #ffffff; border-radius: 100%; border: 6px solid #ffffff; box-shadow:0 0 0 2px #C4C4C4; }
  .progress-steps-Wrp .progress-steps.active::after{ background-color: var(--color-TurquoiseSurf); border-radius: 100%; border: 6px solid #ffffff; box-shadow:0 0 0 2px var(--color-TurquoiseSurf); }
  .progress-steps-Wrp .progress-steps:last-child:before{display: none;}
  .serv_PolicyBox{padding: 11px 12px; border: 1px solid var(--color-TurquoiseSurf); border-radius: 8px; font-size: var(--font-size-22); line-height: 1;}

  .selectPro_Item {padding-bottom: 20px; border-bottom: 1px solid #C4C4C4; margin-bottom: 20px; display: flex; column-gap: 30px;}
  .selectPro_Item .selectPro_Image{ background: #fff; border-radius: 10px; cursor: pointer; display: flex; height: 190px; width: 190px; justify-content: center; overflow: hidden; padding: 30px; }
  .selectPro_Item .selectPro_Image img{ align-items: center; display: flex; justify-content: center; margin: auto auto 0; max-height: 100%; width: 100%; object-fit: contain; }
  .selected_Product .selectPro_Item:last-child {border-bottom: none !important;}
  .pro_numbert{color: #8D8D8D;}
  .linkClr{color:#0069C5;}
  .coupon_Input{font-size: 10px; border: none; color: #83848B; border-bottom: 1px dashed #C4C4C4; width: 100%; background-color: transparent; outline: none;}
  .coupon_Input.border-b-solid {border-bottom-style: solid;}
  .checkout_Summery-Bx{background-color: #D6F7F6; border-radius: 8px; padding: 20px;}
  .checkout_SummeryTable tr td{padding: 16px 0; border-top: 1px solid #00C5BF; line-height: 1; color: #000000;}
  .checkout_SummeryTable tr:last-child td,  .checkout_SummeryTable tr:first-child td{border-top: 3px solid #00C5BF; }
  .cash_DeslivryBx{background-color: #ffffff; border-radius: 8px; padding: 9px 13px;}

/* cart-check-out */


/* user-account */
.gp-subSec-Wrp{padding: 20px 0 40px;}
.accountTabs .nav-link{padding: 13px 15px; font-size: var(--font-size-14); background-color: transparent; text-align: left; border-radius: 8px; color: var(--color-DarkGreen); font-weight: 500; display: flex; align-items: center; column-gap: 10px;}
.accountTabs .nav-link.active{background-color: var(--color-TurquoiseSurf); color: #ffffff;}
.accountTabs .nav-link .gp-ac-Icon{font-size: var(--font-size-20); color: #737373;}
.accountTabs .nav-link.active .gp-ac-Icon{color: #ffffff;}

.edit-InfoWrp .editLable{font-size: var(--font-size-14); font-weight: 500; color: var(--color-Dark-Cyan); margin-right: 5px;}
.edit-InfoBtn{font-size: var(--font-size-16); width: 30px; height: 30px; padding: 5px; border-radius: 8px; border: 1px solid var(--color-TurquoiseSurf) !important; line-height: 1; color: #737373 !important;}
.form_group{margin-bottom: 15px;}
.form_group .cstInput{padding:10px 15px; line-height: 1 ; background-color: #f7faf9; border: 1px solid #CCCCCC; outline: none; border-radius: 8px; font-size: var(--font-size-14); font-weight: 500; color: var(--color-DarkGreen); box-shadow: none !important; height: 47px;}
.form_group .cstInput::placeholder{color: var(--color-DarkGreen);}
.form_group .cstInput::-webkit-outer-spin-button,
.form_group .cstInput::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form_group .cstInput[type=number] { -moz-appearance: textfield; }
.form_group textarea.cstInput{height: auto;}
.showAddress-Box{border: 1px solid #CCCCCC; border-radius: 8px; padding: 10px; min-height: 75px;}
.btn-TopFix{position: absolute; top: 10px; right: 10px;}

.ad_mapWrp{ height: 400px; border-radius: 10px; overflow: hidden;}

.form_mapSearch{position: absolute;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 10px; max-width: 400px; width: 100%; top: 10px; left: 10px; display: flex; background-color: #ffffff; border-radius: 8px; overflow: hidden;}
.form_mapSearch input{border: none; outline: none; padding: 10px; font-size: var(--font-size-14); width: 100%; border-radius: 8px;}
.form_mapSearch .searchCta{background-color: var(--color-TurquoiseSurf); color: #ffffff; border-radius: 0; font-size: var(--font-size-14);}
.inp-note{color: #7C7C7C;}
.tag-box{font-size: var(--font-size-12); width: 30px; height: 30px; padding: 5px 8px;  border-radius: 8px; border: 1px solid var(--color-TurquoiseSurf) !important; line-height: 1; color: #737373 !important;}


.prev_orderTab li{font-size: var(--font-size-16); padding-right: 5px; margin-right: 5px; border-right: 2px solid var(--color-DarkGreen); line-height: 1;}
.prev_orderTab li.active{font-weight: 600;}
.prev_orderTab li:last-child{border: none; margin: 0; padding: 0;}
.orderShowBox{padding: 10px; border: 1px solid #CCCCCC; border-radius: 8px; min-height: 300px;}
.pg-back{display: none; border: none;}

.formRow { margin-right: -9px; margin-left: -9px; }
.formRow>.col, .formRow>[class*=col] { padding-right: 9px; padding-left: 9px; }

.req_product-drop-zone { background: transparent; border-radius: 8px; cursor: pointer; display: flex; aspect-ratio: 1 / 1; justify-content: center; overflow: hidden; border: 1px solid #CCCCCC; width: 100%;}
.req_product-drop-zone__input { display: none; }
.req_product-drop-zone__thumb { position: relative; align-items: center; display: flex; justify-content: center; max-height: 100%; width: 100%; object-fit: contain; background-repeat: no-repeat; background-size: contain; background-position: center; }
.submit_MsgBox{border: 1px solid #CCCCCC; padding: 65px; border-radius: 8px; text-align: center;}
.submit_MsgBox .submit_Icon{color: var(--color-TurquoiseSurf); font-size: var(--font-size-32);}
.submit_MsgBox .submit_Msg{font-size: var(--font-size-14); color: #000000; font-weight: 500; max-width: 50%;}
.upload_btn{display: flex; position: relative; align-items: center; column-gap: 5px; padding: 10px 15px; line-height: 1; background-color: #f7faf9; border: 1px solid #CCCCCC; outline: none; border-radius: 8px; font-size: var(--font-size-14); font-weight: 500; color: #767676; box-shadow: none !important; height: 47px; width: fit-content;}
.upload_btn input{position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; z-index: 10; cursor: pointer;}

.preImg-Wrp{width: 18px; height: 18px;}
.preImg-Wrp img{height: 100%; object-fit: cover;}
.preImg-Wrp .req_product-drop-zone__thumb{width: 18px; height: 18px; background-size:cover; }
/*** Sign In ***/
.cursor-pointer {cursor: pointer;}
.text-Gray1 {color: #ADB3BC !important;}
.gp_pgSpace {padding-top: 30px;padding-bottom: 20px;}
.gp_signinCard {border-radius: 10px;background-color: #fff;}
.gp_signinCard .cardHead-wrap, .gp_signinCard .card-contentWrap {padding-left: 30px;padding-right: 30px;}
.gp_signinCard .cardHead-wrap {background-color: rgba(0, 197, 191, 0.10);padding-top: 28px;padding-bottom: 1px;margin-bottom: 50px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.signinHead-imgWrap { max-width: 415px; margin-bottom: -60px; position: relative; }
.gp_signinCard .card-contentWrap { padding-top: 10px; padding-bottom: 40px; }
.gf_signin_mx_W {max-width: 345px;}
.roundField-1 { height: 46px; border-radius: 30px; border: 1px solid #CCCCCC; padding: 12px 20px; font-size: 14px; color: #00201F; outline: none !important; box-shadow: none !important; }
.roundField-1:focus {border-color: #37B9C5;}
.roundField-1::-ms-input-placeholder {color: #00201F;}
.roundField-1::placeholder {color: #00201F;}
.roundField-1::-webkit-inner-spin-button, .roundField-1::-webkit-outer-spin-button,
.float_Field .cstfld_control::-webkit-inner-spin-button, .float_Field .cstfld_control::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }
.btn.gp_btnSz { min-height: 46px; display: inline-flex; justify-content: center; align-items: center; gap: 10px; }
.addcart.gp_btnBrd { background-color: #fff !important; color: #50555C !important; border-color: #ADB3BC !important; }
.addcart.gp_btnBrd:hover {border-color: #37B9C5 !important;color: #37B9C5 !important;}
.addcart.gp_btnGray {background-color: #ADB3BC !important;color: #fff !important;border-color: transparent !important;min-width: 120px;}
.addcart.gp_btnGray:hover {background-color: #8d9095 !important;}

.sentCode-inst { max-width: 290px; }
.opacity-45 {opacity: .45;}
.fieldOTP-wrap {display: flex;gap: 16px;}
.roundField-1.fieldOTP { border-radius: 8px; background-color: #F0F3F6; border-color: transparent; text-align: center; font-size: 24px; font-weight: 600; height: 50px; }
.roundField-1.fieldOTP:focus { background-color: #fff; border-color: #37B9C5; }
.gf_multiLinks {list-style-type: none;padding: 0;margin: 0 -18px;display: flex;flex-wrap: wrap;}
.gf_multiLinks > li {display: inline-flex; padding-left: 18px;padding-right: 18px;}
.gf_multiLinks > li:not(:first-child) {border-left: 2px solid var(--color-TurquoiseSurf);}

.float_Field {position: relative;margin-top: 5px;}
.float_Field .cstfld_control { font-size: var(--font-size-14); border-radius: 0; border-width: 0 0 1px 0; padding: 10px 0; height: 40px; box-shadow: none !important; color: #111111; }
.float_Field .cstfld_control::-ms-input-placeholder {color: #9093AC;}
.float_Field .cstfld_control::placeholder {color: #9093AC;}
.float_Field .cstfld_control:focus {border-color: #37B9C5;}
.float_Field .cst-label { font-size: var(--font-size-14); line-height: 1; position: absolute; left: 0; top: 12px; pointer-events: none; transition: all 0.2s linear; color: #9093AC; margin: 0; }
.float_Field.ffl-floated .cst-label { font-size: 11px; top: -5px; }
.float_Field.fieldIcon-R {position: relative;}
.float_Field.fieldIcon-R  .cstfld_control {padding-right: 30px;}
.float_Field.fieldIcon-R .icon { position: absolute; z-index: 1; right: 0; top: 10px; display: flex; justify-content: center; align-items: center; width: 15px; height: 15px; font-size: var(--font-size-14);}
.float_Field.fieldIcon-L .cstfld_control {padding-left: 35px;}
.float_Field.fieldIcon-L .cst-label {left: 35px;}
.float_Field.fieldIcon-L .icon { position: absolute; left: 0; top: 9px; font-size: 16px; width: 18px; height: 18px; display: inline-flex; justify-content: center; align-items: center; }
.float_Field  .passRemember-text { position: absolute; right: 0; top: 10px; line-height: 1; z-index: 1; background-color: #fff; padding: 3px 0 3px 5px; }
.gp-lg-btnW { max-width: 345px; }
/*** End Sign In ***/
/*** Store Finder ***/
.gp_cstAccordion {background-color: transparent;color: #000;}
.gp_cstAccordion .accordion-item { border-radius: 0; border-width: 0 0 1px 0; border-color: #CCCCCC; background-color: transparent; }
.gp_cstAccordion .accordion-item .accordion-button { border-radius: 0; padding: 14px 0; background-color: transparent;border: none; box-shadow: none !important; color: #000; }
.gp_cstAccordion .accordion-item .accordion-body {padding: 0 0 13px 0;}
.gp_cstAccordion .accordion-button::after {transform: rotate(-180deg);}
.gp_cstAccordion .accordion-button:not(.collapsed)::after {transform: rotate(0deg);}
.gp_hoursList {margin: 0;}
.gp_hoursList > li:not(:last-child) {margin-bottom: 4px;}
.gp_storeMap {border-radius: 15px;}
.gp_storeMap iframe { border: none; height: 515px; width: 100%; }
/*** End Store Finder ***/
/*** Contact ***/
.contactHeading {display: flex; align-items: center;gap: 8px;}
.contactHeading .icon { font-size: 24px; }
.contactLeft-col { position: relative; margin-right: -40px; }
.contactRight-col { position: relative; margin-left: 50px; }
/*** End Contact ***/
.cms-textEdit-cont h1, .cms-textEdit-cont h2, .cms-textEdit-cont h3, .cms-textEdit-cont h4, .cms-textEdit-cont h5, .cms-textEdit-cont h6, .cms-textEdit-cont strong, .cms-textEdit-cont b {font-weight: 600;}

/*** Checkout 2 ***/
.gp_checkout-back {position: absolute;left: 0;top: 2px;z-index: 1;}
.gp_checkout-back a {color: #37B9C5;}
.checkout-prod-list { display: flex; gap: 20px 20px; flex-wrap: wrap; }
.checkSm-prod { width: 74px; height: 74px; background-color: #fff; border-radius: 8px; padding: 16px; display: flex; justify-content: center; align-items: center; position: relative; }
.checkSm-prod .prod-img { max-height: 100%; width: 100%; object-fit: contain;}
.checkSm-prod .countBadge { display: inline-flex; justify-content: center; align-items: center; background-color: var(--color-TurquoiseSurf); color: #fff; border-radius: 100%; font-size: 10px; font-weight: 500; min-width: 20px; min-height: 20px; line-height: 1; position: absolute; left: 7px; top: -8px; }
.gp_deliveryType, .gp_deliveryInstr, .gp_payMethod {position: relative;}
.gp_deliveryType .cstInput,  .gp_deliveryInstr .cstInput, .gp_payMethod .cstInput {width: 0;height: 0;position: absolute;}
.gp_deliveryType .labelWrap { border: 1px solid var(--color-TurquoiseSurf); display: flex; align-items: center; padding: 14px 12px; border-radius: 8px; position: relative; gap: 8px; }
.gp_deliveryType .labelWrap:before { content: '';min-width: 20px; width: 20px;height: 20px;border-radius: 100%;display: block;border: 1px solid #393838;background-color: #dfcece;box-shadow: 0 0 0 4px #f7faf9 inset; margin-right: 5px; cursor: pointer; }
.gp_deliveryType .cstInput:checked ~ .labelWrap:before {background-color: var(--color-TurquoiseSurf);border-color: var(--color-TurquoiseSurf);}
.gp_cstTag { line-height: 1; font-size: var(--font-size-12); font-weight: 500; background-color: #FF9F1C; padding: 2px 4px; position: relative; display: inline-flex; align-items: center; }
.gp_cstTag::after { content: ""; position: absolute; left: 100%; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 7px solid #FF9F1C; }
.gp_cstTag.tagYellow {background-color: #FFF500;color: var(--color-DarkGreen);}
.gp_cstTag.tagYellow:after {border-left-color: #FFF500;}
.gp_deliveryInstr .labelWrap  {border: 1px solid #83848B;border-radius: 8px;display: flex;gap: 10px; padding: 11px 13px;font-size: 12px; line-height: 1.3; color: #83848B; cursor: pointer; min-height: 56px;}
.gp_deliveryInstr .labelWrap .icon {min-width: 24px;width: 24px;font-size: 26px; line-height: 1; display: inline-flex;justify-content: center;align-items: center;}
.gp_deliveryInstr .cstInput:checked ~ .labelWrap {background-color: rgba(0, 197, 191, 0.5); border-color: transparent; color: var(--color-DarkGreen); }
.row-deliveryInstr {margin-left: -10px;margin-right: -10px;}
.row-deliveryInstr>[class*=col] {padding-left: 10px;padding-right: 10px;}
.gp_cstModal .modal-content { box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.15); border-radius: 8px; border: none; }
.gp_cstModal .btn-close { position: absolute; z-index: 1; right: 16px; top: 14px; outline: none !important; box-shadow: none !important; padding: 0; width: 14px; height: 14px; background-size: contain; }
.gp_cstModal .modal-body {padding: 24px;}
.modal-backdrop.show { opacity: .3; }
.gp_payMethod .labelWrap { display: flex; align-items: center; gap: 8px; border: 1px solid #C8C8C8; border-radius: 8px; min-height: 48px; padding: 8px 12px; position: relative; }
.gp_payMethod .labelWrap .contWrapp {flex-grow: 1;}
.gp_payMethod .labelWrap .subText {color: #83848B;font-size: var(--font-size-10);}
.gp_payMethod .labelWrap::before {content: "";min-width: 18px;width: 18px;height: 18px;border: 1px solid #C8C8C8; display: block; border-radius: 100%;background-color: #fff;box-shadow: 0 0 0 3px #fff inset; cursor: pointer;}
.gp_payMethod .cstInput:checked ~ .labelWrap::before {background-color: var(--color-TurquoiseSurf);border-color: var(--color-TurquoiseSurf);}
.gp_payMethod .labelWrap .iconText { font-size: var(--font-size-28); color: #C8C8C8; }
.gp_payMethod .labelWrap .pay-Img-icon { width: 36px; min-width: 36px; height: 19px; object-fit: contain; border-radius: 4px; }
/*** End Checkout 2 ***/
/*** Brands ***/
.brandsNav { display: flex; flex-wrap: wrap; gap: 8px; }
.brandsNav .linkItem { display: inline-flex; min-width: 35px; min-height: 31px; font-size: var(--font-size-16); border: 1px solid #00C5BF; color: var(--color-DarkGreen); border-radius: 8px; justify-content: center; align-items: center; padding: 5px; line-height: 1; text-transform: uppercase; }
.brandSec-Wrap {padding-top: 16px;padding-bottom: 16px;}
.brand-sec-head  {border-bottom: 1px solid #B3C8C7;margin-bottom: 15px;padding-bottom: 6px;}
.gp_brandsRow {row-gap: 24px;}
.gp_brandCard {display: flex;justify-content: center; align-items: center; border-radius: 8px;overflow: hidden;}
.gp_brandCard img {width: 100%;object-fit: contain;}
/*** End Brands ***/


.toast {
  position: fixed;
  top: 25px;
  right: 30px;
  border-radius: 12px;
  background: #fff;
  padding: 15px 25px; /* Reduce padding to decrease height */
  box-shadow: 0 6px 20px -5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transform: translateX(calc(100% + 30px));
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35);
  z-index: 100;
}

.toast.active {
  transform: translateX(0%);
}

.toast .toast-content {
  display: flex;
  align-items: center;
}

.toast-content .check {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px; /* Reduce height of the check icon */
  min-width: 20px; /* Reduce width */
  background-color: #00C5BF;
  color: #fff;
  font-size: 16px; /* Reduce font size */
  border-radius: 50%;
}

.toast-content .error {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px; /* Reduce height of the check icon */
  min-width: 20px; /* Reduce width */
  background-color: #ff0000;
  color: #fff;
  font-size: 16px; /* Reduce font size */
  border-radius: 50%;
}

.toast-content .message {
  display: flex;
  flex-direction: column;
  margin: 0 10px; /* Reduce margin */
}

.message .text {
  font-size: 14px; /* Reduce font size */
  font-weight: 400;
  color: #666666;
}

.message .text.text-1 {
  font-weight: 600;
  color: #333;
}

.toast .close {
  position: absolute;
  top: 5px; /* Adjust position */
  right: 10px; /* Adjust position */
  padding: 3px; /* Reduce padding */
  cursor: pointer;
  opacity: 0.7;
}

.toast .progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px; /* Reduce height of the progress bar */
  width: 100%;
}

.toast .progress:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: #00C5BF;
}


  .progress.active:before {
    animation: progress 5s linear forwards;
  }

  @keyframes progress {
    100% {
      right: 100%;
    }
  }

  /* button {
    padding: 12px 20px;
    font-size: 20px;
    outline: none;
    border: none;
    background-color: #4070f4;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.3s;
  }

  button:hover {
    background-color: #0e4bf1;
  }
   */
  /* .toast.active ~ button {
    pointer-events: none;
  }


  .badge-yellow {
    background-color: #e9bf53;
  }
  .badge-red {
    background-color: #c93b32;
}
  .badge {
    border-radius: 6px;
    color: #fff;
    font-size: .65rem;
    line-height: 5px;
    padding: 12px 10px;
    text-transform: uppercase;
}

.orederItem{padding: 15px;border-bottom: 1px solid #c7c7c7;} */



.prev_orderTab .tab-nav-link{padding: 0; color: #000000;}
.prev_orderTab li .tab-nav-link.active {font-weight: 600;}
.cst-badge.badge-red{background-color: #f20b0b;}
.cst-badge.badge-green{background-color:#00C55C;}
.orders_accrdion .accordion-item{border: none;}
.orders_accrdion .accordion-button{background-color: rgba(193, 245, 243, 0.2); box-shadow: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.cart_productWrp{display: flex; align-items: center; column-gap: 15px;}
.cart_productWrp .product-cart-img { background: #fff; aspect-ratio: 1 / 1;  cursor: pointer; display: flex; width:fit-content; height: 120px; justify-content: center; overflow: hidden; padding:10px; border: 1px solid rgba(0, 0, 0, 0.1); }
.cart_productWrp .product-cart-img img{  height: 100%; object-fit: contain;}
.ordered_proBx{margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}

.view-Product-Img{ background: #fff; cursor: pointer; display: flex; height: 200px; justify-content: center; overflow: hidden; padding: 8px; aspect-ratio: 1 / 1; margin-left: auto; margin-right: auto; border: 1px solid rgba(0, 0, 0, 0.1); }
.view-Product-Img img{height: 100%; width: 100%; object-fit: cover;}
.order_BoxWrp{max-height: 600px; min-height: auto; overflow: auto; }
.cst-scrollbar::-webkit-scrollbar-track { background-color: #F5F5F5; }
.cst-scrollbar::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; }
.cst-scrollbar::-webkit-scrollbar-thumb { background-color: var(--color-TurquoiseSurf); }

.cst-pagination{gap: 10px; margin: 25px 0;}
.cst-pagination .page-item .page-link{width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; text-align: center; border-radius: 5px; font-size: var(--font-size-14); color: var(--color-DarkGreen); border: 1px solid var(--color-TurquoiseSurf);}
.cst-pagination .page-item.active .page-link{background-color: var(--color-TurquoiseSurf); color: #ffffff;}
.cst-pagination .page-item:hover:not(.disabled) .page-link{background-color: var(--color-TurquoiseSurf); color: #ffffff;}

.mxh-Bx{max-height: 400px; overflow: auto;}
.icon-color i{color: var(--color-TurquoiseSurf);}
.prog_Image{max-width: 300px;}


.featured-Products .f-Product-Img.sm-proHeight { background: #fff; border-radius: 10px; cursor: pointer;  display: flex; height: 200px; justify-content: center; overflow: hidden; padding:30px; }
.featured-Products .f-Product-Img.sm-proHeight img{ align-items: center; display: flex; justify-content: center; margin:auto auto 0; max-height:100%; width: 100%; object-fit: contain; }
.ftrPaymentLogo{min-width: 90px;}

.request-ProductsBx{ background-color: rgba(193, 245, 243, 0.2); box-shadow: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding:15px 20px;}

.featured-Products {
  position: relative;
}
.offerLable_tag {
  position: absolute;
  background-color: #00C55C;
  color: #ffffff;
  font-size: var(--font-size-12);
  font-weight: 500;
  display: inline-block;
  padding: 6px 15px;
  line-height: 1;
  color: #FFF;
  left: 0px;
  top: 0px;
  border-radius: 10px 0 0 0;
}

.drift-zoom-pane {width:600px; height: 600px;}
.drift-zoom-pane { background: #fff;}
.drift-zoom-pane img{ object-fit: contain; }

li div.collapse.show {
  max-height: 450px;
  overflow: overlay;
}

.symptoms-thumb {
  overflow: hidden;
  object-fit: fill;
  /* height: 200px;
  width: 200px; */
  border-radius: 100% !important;
}

/****************************************
            Responsive
****************************************/

@media (max-width:1399px) {
    .mega_subMenu.dropdown-menu{width: 865px;}
    /*** Contact ***/
    .contactLeft-col { margin-right:15px; }
    .contactRight-col { margin-left: -5px; }
    /*** End Contact ***/
    /*** Checkout 2 ***/
    .gp_deliveryInstr .labelWrap { font-size: 11px; min-height: 52px; }
    /*** End Checkout 2 ***/
}


@media (min-width:992px) {
.cst-row {
    margin-right: -9px;
    margin-left: -9px;
  }

  .cst-row>.col,
  .cst-row>[class*=col] {
    padding-right: 9px;
    padding-left: 9px;
  }
    .ftr-Row {
        margin-right: -15px;
        margin-left: -15px;
    }

    .ftr-Row>.col,
    .ftr-Row>[class*=col] {
        padding-right: 15px;
        padding-left: 15px;
    }
    .account_row {
        margin-right: -16px;
        margin-left: -16px;
    }
    .account_row>.col,
    .account_row>[class*=col] {
        padding-right: 16px;
        padding-left: 16px;
    }

     /*** Sign In ***/
     .rowGap-20 { margin-right: -20px; margin-left: -20px; }
     .rowGap-20>[class*=col] { padding-right: 20px; padding-left: 20px;}
     /*** End Sign In ***/



}


@media (max-width: 1199px) {

    :root{
        --font-size-10: 9px;
        --font-size-12: 10px;
        --font-size-14: 12px;
        --font-size-16: 13px;
        --font-size-18: 15px;
        --font-size-20: 17px;
        --font-size-22: 18px;
        --font-size-28: 20px;
        --font-size-32: 25px;
        --font-size-54: 35px;
    }
    .mega_subMenu.dropdown-menu{width: 685px;}
    .gp-c-gap-20{gap: 15px;}
    .siteLogo {max-width: 210px;}
    .header_bottom-Menu .headItem .topsearchBox .topsearch-input {height: 45px; border-radius: 70px; padding: 15px 15px 15px 50px;}
    .header_bottom-Menu .headItem .head-Item-Link { width: 45px; height: 45px; line-height: 45px; font-size: 17px; }
    .header-bottom .cstHeader .nav-link, .whatsappOrder { padding: 14px 12px; }
    .cstHeader{overflow-x: auto !important; overflow-x: visible !important;}
    .header-bottom .cstHeader .nav-link, .whatsappOrder { text-wrap: nowrap;}
    .whatsapp-Icon img{max-width: 20px;}
    .tp-offerWrap { padding: 8px; font-size: 13px; }
    .tp_offerRow .btn-close { width: 15px; height: 15px; right: 8px; }
    .heroSection { padding: 20px 0 30px; }


    .featured-Products .f-Product-Img.proHeight {height: 250px;padding: 20px;}
    .section-Categories {padding: 50px 0;}
    .offerlable {border-radius: 0 10px 0 10px;}
    .categoriesBox .categories-Img {height: 160px;padding:15px;}

    /* our-product */
    .gp-lisingRow>.gp-proFilterWrp { max-width: 200px; width: 100%; }
    .gp-sub_pgTop{ margin: 20px 0 10px;}
    .gp-sub_pgHead { height: 160px; margin-bottom: 20px;}

    /* product-detail */

    .addTocart-CtaWrp {margin-top: 20px;}
    .gd-product-service {padding: 15px;}
    .product_ListSlider .lSSlideOuter.vertical {padding-left: 70px; padding-right: 0 !important;}
    .gd-product-service{gap: 8px;}
    .gd-product-service .gd-Pservice-ICon {min-width: 30px; width: 30px; height: 30px; line-height: 30px; font-size: 15px;}
    .product_ListSlider .lSSlideOuter .lSPager.lSGallery li { height: 60px !important; }
    /*** Contact ***/
    .contactLeft-col { margin-right:0; }
    .contactRight-col { margin-left: 0; }
    /*** End Contact ***/

    /*** Checkout 2 ***/
    .gp_deliveryType .labelWrap:before { content: ''; min-width: 18px; width: 18px; height: 18px; margin-right: 3px; }
    .gp_cstTag::after { border-top-width: 7px; border-bottom-width: 7px; border-left-width: 6px; }
    .row-deliveryInstr { margin-left: -8px; margin-right: -8px; row-gap: 10px; }
    .row-deliveryInstr>[class*=col] { padding-left: 8px; padding-right: 8px; }
    .gp_deliveryInstr .labelWrap { font-size: 10px; min-height: 48px; padding: 10px 12px; }
    .gp_deliveryInstr .labelWrap .icon { min-width: 22px; width: 22px; font-size: 24px; }
    /*** End Checkout 2 ***/
    /*** Brands ***/
    .brandsNav { gap: 6px; }
    .brandsNav .linkItem { min-width: 28px; min-height: 27px; border-radius: 6px; }
    .gp_brandsRow {margin-left: -7px;margin-right: -7px;row-gap: 14px;}
    .gp_brandsRow > [class*=col] {padding-left: 7px;padding-right: 7px;}
    /*** End Brands ***/

 }

 @media (max-width: 991px) {

    :root{
        --font-size-54: 30px;
        --font-size-22: 16px;
        --font-size-28: 18px;
    }
    .mb__5{margin-bottom: 5px;}
    .mb__10{margin-bottom: 8px;}
    .mb__15{margin-bottom: 12px;}
    .mb__20{margin-bottom: 15px;}
    .mb__25{margin-bottom: 18px;}
    .mb__30{margin-bottom: 20px;}
    .mb__35{margin-bottom: 25px;}
    .gp-c-gap-20 {
        gap: 10px;
    }
    body{padding-bottom:80px}
    .container{max-width: 100%;}
    .cstHeader{display: none;}
    .heroSection {padding: 15px 0 30px;}
    .header_bottom-Menu {column-gap:10px;}
    .headerWrp{border-bottom: 1px solid var(--color-TurquoiseSurf);}
    .header_bottom-Menu .headItem .head-Item-Link {width: 40px; height: 40px; line-height: 40px; font-size: 15px;}
    .header_bottom-Menu .headItem .topsearchBox .topsearch-input {height: 40px; padding: 15px 15px 15px 50px;}

    .headMenuIcon .headItem:not(:first-child) {display: none;}
    .hero_slider .slick-dots {bottom: 25px; text-align: left; left: 26px;}
    .section-Wrp {padding: 30px 0;}
    .cstSlider{padding-bottom: 15px;}
    .cstSlider .slick-list.draggable{margin:0;}
    .cstSlider.slick-dotted.slick-slider{margin-bottom: 50px;}

    .featured-Products .f-Product-Img.proHeight {height: 200px;padding: 15px;}
    .section-Categories {padding: 40px 0;}
    .best-sellTabs { justify-content: flex-start; flex-wrap: nowrap; flex: none; overflow: auto;padding-bottom: 5px;}
    .ftr-service-sec{padding: 40px 0;}

    .mobile-fixed-nav{background-color: #ffffff; padding: 20px 0;}
    .mobile-fixed-nav{display: flex; align-items: center;}
    a.mob-navLink { flex-grow: 1; color: #7C7C7C; display: flex; flex-basis: 100%; flex-direction: column; justify-content: center; text-align: center;}
    a.mob-navLink .menu-icon{font-size: var(--font-size-20); margin-bottom: 3px;}
    a.mob-navLink.link-active{ color: var(--color-TurquoiseSurf);}

    /* our-product */

    .gp-proFilterWrp.gp-Filter-Mob{position: fixed; max-width: 300px; top: 0; left: -100%;  height: 100vh; transition: 0.3s ease-in-out; }
    .gp-proFilterWrp.gp-Filter-Mob::before{content: ""; position: fixed; top: 0; left: 0; width: 100%; display: none; height: 100%; background-color: rgba(0, 0, 0, 0.3); transition: .3s all ease-in-out; opacity: 0;}
    .gp-proFilterWrp.gp-Filter-Mob.show-Filter::before{opacity: 1; z-index: 99; display: block;}
    .gp-proFilterWrp.gp-Filter-Mob.show-Filter{left: 0;}
    .gp-proFilterWrp.gp-Filter-Mob .gp-productFilter{position: relative; z-index: 99; padding: 25px 0 80px; background-color: #ffffff; height: 100%;  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
    .gp-proFilterWrp.gp-Filter-Mob .gp-productFilter .filter_InnerWrp{padding:0 25px; height: 100%; overflow: auto;}
    .gp-productFilter .accordion .accordion-item:last-child{ border:none !important;}
    .filterClose{width: 35px; height: 35px; position: absolute; top: 20px; right: -18px; background-color: var(--color-TurquoiseSurf); border-radius: 100%; color: #ffffff; border: none;}
    .gp-sub_pgTop{ margin:15px 0;}

    /* product-detail */

    .product-reference .product_Rating li, .gpPro-Number, .gp-product-Lable{font-size: 10px;}
    .gd-productTabs ul li .nav-link{min-width: 150px;}
    .addTocart-CtaWrp {margin-top: 10px;}
    .gd-product-service{margin-bottom: 10px; padding: 10px;}
    .gd-productTabs .tab-content { padding:20px 0; padding-bottom: 0;}

    /* cart-check-out */
    .selectPro_Item {column-gap: 15px;}
    .selectPro_Item .selectPro_Image{width: 150px; height: 150px;}
    .serv_PolicyBox {padding: 10px 13px;}

    /* user-account */
    .ad_mapWrp {height: 270px; border-radius: 10px;}
    .form_mapSearch {max-width: 300px;}
    .orderShowBox {min-height: 130px;}
    .submit_MsgBox .submit_Msg{max-width: 70%;}

    /*** Brands ***/
    .brandsNav .linkItem { min-width: 25px; min-height: 25px; border-radius: 6px; padding: 3px; }
    /*** End Brands ***/


     /*** order pg ***/
     .orders_accrdion .addcart{padding: 5px 10px;}
     .gp_cstModal .modal-body {padding: 24px 15px;}
     .mb__30{margin-bottom: 20px !important;}

     .prog_Image{max-width: 100px;}
 }

@media (max-width: 767px) {

    .row { margin-right: -5px; margin-left: -5px; }
      .row>.col, .row>[class*=col] {padding-right: 5px; padding-left: 5px;}
      body{padding-bottom:57px}
    .header_TopMenu{display: none;}
    .mobile-fixed-nav{padding: 10px 0;}
    .gp-proFilterWrp.gp-Filter-Mob .gp-productFilter {
        padding: 20px 0 60px;
    }
    a.text-truncate.mob-navLink img{ width: 20px; margin: auto;}
    a.text-truncate.mob-navLink{font-size: 11px;}
    /* .header_bottom-Menu{flex-direction: column-reverse;} */

    .siteLogo { max-width: 130px; }
    .hero_slider .slick-dots {bottom:10px;left: 15px;}
    .hero_slider .slick-dots li button{padding: 3px; width: 7px; height: 7px;}
    .cstSlider .slick-dots li{margin: 0 3px;}
    .cstSlider .slick-dots li button{padding: 3px; width: 7px; height: 7px;}
    .cstSlider .slick-dots li{margin: 0 3px;}

    .section-Wrp {padding: 20px 0;}
    .heroSection {padding: 10px 0 15px;}
    .cstSlider {padding-bottom: 0px;}
    .cstSlider.slick-slider .slick-track {column-gap: 10px;}
    .cstBtn {padding: 10px 20px; display: flex; column-gap: 6px;}

    .featured-Products .f-Product-Details {padding: 10px 5px;}
    .featured-Products .f-Product-Img.proHeight {height: 170px;padding: 15px;}
    /* .frt-copyRight{text-align: center;} */
    .gulfP-FtrLogo { max-width: 185px;}

    .ftr-socials .ftr-social-item a {min-width: 30px; width: 30px; height: 30px; line-height: 30px;}
    .ftr-service-sec{padding: 30px 0;}

    .gp-subpg-bg { padding: 15px; }
    .productView.listView .featured-Products {column-gap: 10px;}
    .f-Product-Img.pro-min-w{min-width: 130px;}

    .product_ListSlider{margin-bottom: 20px;}

    /* cart-check-out */

    .selectPro_Item{ row-gap: 20px; align-items: start !important;}
    .selectPro_Item .selectPro_Image { width: 90px; height: 90px; padding: 10px; }

    .progress-steps-Wrp .progress-steps {height: 15px;}
    .progress-steps-Wrp .progress-steps::after {  width: 15px; height: 15px; border: 3px solid #ffffff; }
    .progress-steps-Wrp .progress-steps.active::after { border: 3px solid #ffffff; }
    .progress-steps-Wrp {font-size: 10px;}

    /* user-account */
    .gp-subSec-Wrp { padding: 0px; }
    .accountTabs .nav-link{background-color: #ffffff !important; color: var(--color-DarkGreen) !important;}
    .accountTabs .nav-link .gp-ac-Icon {color: #737373 !important;}

    /*** Sign In ***/
    .gp_signinCard .cardHead-wrap, .gp_signinCard .card-contentWrap { padding-left: 20px; padding-right: 20px; }
    .signinHead-imgWrap { max-width: 350px; margin-bottom: -50px; }
    .roundField-1 { height: 40px; }
    .btn.gp_btnSz { min-height: 40px; }
    /*** End Sign In ***/
    /*** Store Finder ***/
    .gp_storeMap iframe { height: 300px; }
    /*** End Store Finder ***/

    .req_product-drop-zone{max-width: 250px; margin-left: auto; margin-right: auto; margin-bottom: 25px;}
    .submit_MsgBox {padding: 40px;}
    .submit_MsgBox .submit_Msg{max-width: 100%;}

    .gp_checkout-back {position: relative;margin-bottom: 15px;}

     /*** order pg ***/
     .orders_accrdion .accordion-body{padding: 10px;}
     .cart_productWrp .product-cart-img { height: 70px; padding: 4px; }
     .orders_accrdion .accordion-button{padding: 10px;}

     .prog_Image{max-width: 60px;}
     .min-wTab{min-width: 600px;}
     .request-ProductsBx{padding:10px}
       .cstSlider .slick-arrow.slick-prev {
    left: -10px;
  }

  .cstSlider .slick-arrow.slick-next {
    right: -10px;
  }

  .cstSlider .slick-arrow {
    width: 30px;
    height: 30px;
    top: 30%;
  }
 }
 @media (min-width: 576px) {
    .modal-sz-sm {
        max-width: 400px;
    }
 }
@media (max-width: 575px) {
    :root{
        --font-size-54: 28px;
    }
    .siteLogo { max-width: 100px;}
    .header_bottom-Menu .headItem .topsearchBox .topsearch-input {height: 35px; padding: 10px 15px 10px 30px;}
    .header_bottom-Menu .headItem .head-Item-Link {width: 35px; height: 35px; line-height: 35px; font-size: 15px;}
    .newsL-info, .appDownlod-icon{text-align: center;}
    .news-latter{justify-content: center; align-items: center;}
    .storebtn{justify-content: center;}
    .topsearchIcon {left: 10px;}
    /*** Brands ***/
    .gp_brandsRow { margin-left: -4px; margin-right: -4px; row-gap: 8px; }
    .gp_brandsRow > [class*=col] { padding-left: 4px; padding-right: 4px; }
    /*** End Brands ***/
    .prev_orderTab {overflow-X: auto; flex-wrap:nowrap; padding-bottom:5px}
    .prev_orderTab li{text-wrap: nowrap;}
 }


/* filter-script no  products found messsage */
.no-products {
  text-align: center; /* Center-align the text */
  margin: 20px 0; /* Add margin for spacing */
}

.headItem{position: relative;}
.cart-lable{position: absolute; text-align:center; top: 0; right: -5px; display:block; font-size:12px;line-height: 20px; width:20px; height:20px; background-color:#00C5BF; border:1px solid #ffffff; color:#ffffff !important; border-radius:100%;}
.lSAction{display: none !important;}
.product-ZoomShow {position: relative; width: 100%; height: 100%; float: left;}
.wishList{position: absolute; right:20px; top: 20px; border:none; color: var(--color-TurquoiseSurf) !important; }
.wishList.added .fa-heart:before {font-weight: 900; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }


.btn-toggle {
  display: inline-flex;
  align-items: center;
  padding: .25rem .5rem;
  font-size: 16px;
  font-weight: 500;
  color: #00C5BF !important;
  background-color: transparent;
  border: 0;
}

.btn-toggle.rounded { color: #00C5BF !important; }
.btn-toggle.collapsed { color: #000 !important; }

.btn-toggle:hover {
  color: #00C5BF !important;
  /* background-color: #d2f4ea; */
}

.btn-toggle::before {
  width: 1.25em;
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform .35s ease;
  transform-origin: .5em 50%;
}

.btn-toggle[aria-expanded="true"] { color: rgba(0, 0, 0, .85); }
.btn-toggle[aria-expanded="true"]::before { transform: rotate(90deg); }

.btn-toggle-nav a {
  display: inline-flex;
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: 1.25rem;
  text-decoration: none;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus { background-color: #d2f4ea; }

a.catactive{color:#00C5BF !important;}
.category{font-size: 16px !important; font-weight: 500 !important; margin-left: -0px;}


.scrollarea { overflow-y: auto; }

.status_icons { position: relative; bottom: 10px; height:15px; }

.dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
}
 
.dropdown-toggle::after{
  display: none;
}
.menu-W{width: 300px; max-height: 500px; overflow: auto; font-size: var(--font-size-14);}
.menu-W .dropdown-item{text-wrap: wrap !important; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #dddddd;}