@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root
{
    --yellow-color:rgba(250, 178, 20, 1);
    --dark-color:#000000;
    --light-color:#fff;
    --blue-color:#3b5998;
}

*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", "Montserrat", sans-serif;
    font-size: 12px;
    font-weight: 500;
    transition: all 0.2s linear;
}

::selection
{
    background-color: var(--yellow-color);
    color: #fff;
}

html,
body{
    width : 100%;
    overflow-x: hidden;
    scroll-behavior: smooth;
}
.disable-hover *:hover {
  pointer-events: none !important;
}
body:has(.full_page_loader){overflow: hidden;}
a { text-decoration: none; color: var(--dark-color); font-size: 15px; font-weight: 500;}
a:hover { color: var(--yellow-color);}
h1 {font-size: 28px; }
h2 { font-size: 24px; position: relative;}
h2::before { content: ""; position: absolute; left: 0; bottom: -10px; width: 20%; border-bottom: 3px solid rgb(250 178 20); z-index: -1;}
h2::after{ content: ""; position: absolute; left: 0; bottom: -9px; width: 100%; border-bottom: 1px solid var(--yellow-color); z-index: -1;}
h3 {font-size: 22px; font-weight: 500; margin-bottom: 10px;}
h4 {font-size: 18px; font-weight: 500;}
p, td, th { font-size: 16px;}
ol { padding-left: 15px;}
button { cursor: pointer; }
button:disabled{ cursor:not-allowed; }
ul { list-style: none; }
li, em, blockquote, span{font-size: 16px;}
strong, b{font-size: 16px; font-weight: 500;}
.text_center { text-align: center;}
.w_100 { width: 100%;}
.d-flex { display: flex; }
.d-grid { display: grid; justify-items: center; }
.d-grid.gtc-5 { grid-template-columns: repeat(5, 1fr); }
.d-grid.gtc-6 { grid-template-columns: repeat(6, 1fr); }
.align-center { align-items: center; }
.align-end { align-items: end; }
.gap-15 { gap: 15px; }
.gap-20 { gap: 20px; }
.row-gap-20 { row-gap:20px; }
.flex-column{flex-direction: column;}
.justify-content-center { justify-content: center; }
.justify-content-space-between { justify-content: space-between; align-items: center; }
.container { width:100%; margin: auto; }
.container_full { width: 100%;}
.row { display: flex; flex-wrap: wrap; }
.col-md-1 { width: 10%; padding: 10px; }
.col-md-15 { width: 15%; padding: 10px; }
.col-md-2 { width: 20%; padding: 10px; }
.col-md-25 { width: 25%; padding: 10px; }
.col-md-33 { width: 33%; padding: 10px; }
.col-md-3 { width: 30%; padding: 10px; }
.col-md-35 { width: 35%; padding: 10px; }
.col-md-4 { width: 40%; padding: 10px; }
.col-md-5 { width: 50%; padding: 10px; }
.col-md-6 { width: 60%; padding: 10px; }
.col-md-65 { width: 65%; padding: 10px; }
.col-md-7 { width: 70%; padding: 10px; }
.col-md-75 { width: 75%; padding: 10px; }
.col-md-8 { width: 80%; padding: 10px; }
.col-md-10 { width: 100%; padding: 10px; }
.m-auto{margin:auto}
.mb-2 { margin-bottom: 20px; }
.mb-0 { margin-bottom: 0px !important; }
.mt-1{margin-top: 10px;}
.mt-2 { margin-top: 20px; }
.mt-3 { margin-top: 25px; }
.mt-4{margin-top: 40px;}
.mt-5 { margin-top: 50px; }
.pt-5 { padding-top: 50px; }
.text-justify { text-align: justify; }
.text-center { text-align: center; }
.w-auto { width: auto; }
.btn.btn-dark.outline { color: var(--dark-color); font-size: 16px; font-weight: 600; border: 2px solid var(--dark-color); padding: 10px 20px; transition: all 0.3s linear; position: relative;}
.btn.btn-dark.outline:hover { background-color: var(--dark-color); color: var(--light-color); }
.btn.btn-primary { color: var(--light-color); font-size: 14px; font-weight: 500; line-height: 20px; background-color: var(--yellow-color); padding: 15px 50px; border-radius: 12px; position: relative; display: inline-block; border: 0px; overflow: hidden; z-index: 2;  }
.btn.btn-primary i, .btn.btn-secondary i { font-size: 14px; margin:0px 5px; }
.btn.btn-primary::before, .btn.btn-secondary::before { content: ""; height: 300px; width: 300px; background: var(--dark-color); border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%) scale(0); transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: -1; }
.btn.btn-primary:hover::before { transform: translateY(-50%) translateX(-50%) scale(1); }
.btn.btn-secondary { color: var(--light-color); font-size: 14px; font-weight: 500; text-align: center; align-content: center; line-height: 20px; background-color: var(--dark-color); border:0px; outline:none; padding: 15px 30px; border-radius: 12px; display: inline-block; position: relative; overflow: hidden; z-index: 2; }
.btn.btn.btn-secondary::before { background-color: var(--yellow-color); }
.btn.btn-secondary:hover::before { transform: translateY(-50%) translateX(-50%) scale(1); }
.btn.btn-primary.w-100 { display: inline-block; width: 100%; text-align: center; }
.btn.btn-primary.w-100::before, .btn.btn-secondary.w-100::before{width: 200%; aspect-ratio: 1/1; height: auto;}
.btn.btn-small-light{ background-color: transparent; color: white; font-size: 12px; border: 1.5px solid var(--light-color); padding: 8px; border-radius: 20px; cursor: pointer; transition: all 0.3s linear; }
.btn.btn-small-light:hover { background-color: var(--light-color); color: #3d3d3d; }
.btn.btn-small-dark{ background-color: transparent; color: var(--dark-color); font-size: 12px; border: 1.5px solid var(--dark-color); padding: 8px; border-radius: 20px; display: inline-block; cursor: pointer; transition: all 0.3s linear; }
.btn.btn-small-dark:hover{ background-color: var(--dark-color); color: var(--light-color); }
.btn.btn-under-light{ background-color: transparent; color: white; font-size: 12px; border: 0px; border-bottom: 1.5px solid var(--light-color); padding: 8px; cursor: pointer; transition: all 0.3s linear; margin: auto; animation: up 0.3s linear; }
.btn.btn-under-light:hover{ opacity: 0.7; }
.error { color: #ff0000 !important; font-size: 12px;}
p.success { color: #00c97a !important; font-size: 12px;}
.message{width: 100%;}
form .message { margin-top: -12px; margin-bottom: 12px;}
form .message.mt-1{margin-top: 10px;}
@keyframes up {
    0%{
        transform: translateY(40px);
    }
    100%{
        transform: translateY(0px);
    }
}

header { position: sticky; z-index: 9; }
header .top-head { position: relative; z-index: 99; background-color: transparent; padding: 20px 25px; border-top: 2px solid var(--yellow-color); border-bottom: 1px solid #00000014; } 
.top-head nav, h6.contact-detail{flex:0 0 auto}
.top-head marquee{color: rgb(0, 81, 255); font-size: 14px;}
.top-head ul.sub-menu { z-index: 1; right: 0;}
.top-head h6 a { font-size: 14px; font-weight: 500; margin-right: 10px; }
.top-head h6 a i { color: var(--yellow-color); margin-right: 5px; }
.top-head h6 a:hover { color: var(--yellow-color); }
nav ul:not(.sub-menu, .flex-wrap) { display: flex; gap: 10px; list-style: none; align-items: center;}
.main-head .navbar-menu { display: flex; gap: 10px; list-style: none; align-items: center;}
nav .nav-right-link.has-children.my_account ul{display: block;}
.top-head ul li, .main-head ul li { position: relative; }
.top-head ul li a { font-size: 14px; padding: 20px 10px 20px 5px; font-weight: 500;}
.top-head ul li a:hover, .main-head ul li a:hover, .nav-item.has-children:hover::after { color: var(--yellow-color);}
.nav-item.has-children a::after { position: absolute; content: "\f107"; font-family: 'FontAwesome'; font-weight: 400; font-size: 12px; top: 40%; right: -2px;}
.top-head .nav-item.has-children a::after{top: 30%;}
.navbar-menu .nav-item.has-children .drop-toggle{width: 30px; height: 30px; margin-top: 10px; color: #757f95;  float: right; border: 0px; background-color: transparent; text-align: center; align-content: center; border-radius: 50%; display: none; transition: all 0.3s linear;}
.navbar-menu .nav-item.has-children .drop-toggle.active{background-color: var(--yellow-color); color: white; border-color: white; transform: rotate(180deg);}
.nav-item.has-children .sub-menu { background-color: var(--light-color); padding: 30px 15px; border-radius: 14px; transform: rotateX(90deg); opacity: 0; visibility: hidden;}
.top-head .nav-item.has-children .sub-menu{max-height: 80vh; overflow-y: scroll;}
.nav-item.has-children .sub-menu::-webkit-scrollbar{display: none;}
ul.sub-menu { z-index: 1; position: absolute; top: 35px; box-shadow: 0px 0px 10px 0px #0000001a; transform: rotateX(70deg); opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; transform-origin: 0% 0%; }
.sub-menu li a::after, .sub-menu a::after { display: none; }
.sub-menu ul { display: block !important; max-width: 150px; }
.navbar-menu .back-btn{border-radius:0px; background-color: var(--yellow-color); min-height: 50px; color: var(--light-color); border: 0px; text-align: left; width: 100%; padding: 15px 25px; font-size: 14px; font-weight: 500; line-height: 20px; position: fixed; top:0%; left: 0%; z-index: 99999; transform: translateY(-100%); transition: all 0.3s linear;}
.offcanvas-header .back-btn.active{transform: translateY(0%);}
.nav-item.has-children:hover .sub-menu{ opacity: 1; visibility: visible; transform: rotateX(0deg); }
.nav-item .sub-menu .nav-item a::before, footer .single-box li a.nav-item::before, .archive-products .shop-category-list li a::before, .archive-products .shop-size-list li a::before, .archive-products .brand-wrapper li a::before { content: "\f111"; position: absolute; font-family: "FontAwesome"; left: 8px; top: 45%; color: var(--yellow-color); font-weight: bold; font-size: 6px; transform: scale(0, 0); transition: all 0.3s ease-in-out; z-index: -1; }
.nav-item .sub-menu .nav-item a:hover::before, footer .single-box li a.nav-item:hover::before, .archive-products .shop-category-list li a:hover::before, .archive-products .shop-size-list li a:hover::before, .archive-products .brand-wrapper li a:hover::before { opacity: 1; visibility: visible; transform: scale(1, 1); }
.search-popup{ position: fixed; top: 0; background-color: var(--dark-color); width: 100%; height: 100vh; align-content: center; z-index: 99; transform: translateY(-100%); transition: all 0.3s ease-in; }
.search-popup.active{ transform: translateX(0%); }
.search-popup .search-wrapper{ width: 70%; margin: auto; margin-top: 20px; display: flex; display:none; gap: 50px; flex-direction: column; align-items:center; justify-content: center; }
.search-popup .search-wrapper .close-search{ color: var(--light-color); background-color: var(--yellow-color); width: 50px; height: 50px; text-align: center; align-content: center; border-radius: 50%; transform: translateY(-200%); transition: all 800ms ease-in; }
.search-popup .search-wrapper .close-search i{ font-size: 24px; }
.search-popup .search-wrapper .close-search:hover{ background-color: var(--light-color); color: var(--dark-color); }
.search-popup .search-wrapper .close-search:hover i{ transform: rotate(180deg); }
.search-popup.active .close-search{ transform: translateY(0%); }
.search-popup .serach-form { width: 0%; margin: auto; transition: all 800ms ease-out; }
.search-popup .serach-form form{ display: flex; border-bottom:2px solid var(--light-color) ; }
.search-popup .serach-form input{ width: 100%; background: transparent; border: 0px; outline: 0px; height: 100px; font-size: 32px; color: var(--light-color); }
.search-popup.active .serach-form { width: 90%; }
.search-popup .serach-form input::placeholder{ color: var(--light-color); }
.search-popup .serach-form form button{ background: transparent; border: 0px; outline: 0px; color: var(--light-color); }
.search-popup .serach-form form button i{ font-size: 28px; }
.search-popup .serach-form form button:hover{ color: var(--yellow-color); }
.search-popup .search-result-wrapper{min-height: 60vh;}
.search-popup .search-result{ height: 60vh; background-color: white; opacity: 0; border-radius: 0px 0px 20px 20px; padding:20px 10px; transition: all 0.4ms ease-out; overflow-y: scroll;}
.search-popup.active .search-result.active{opacity:1;}
.search-popup .search-result .product-wrapper{height: 100%;}
.search-popup .search-result h4{margin-bottom: 10px; padding-bottom: 10px; border-bottom:1px solid #00000014;}
.search-popup .search-result .product-wrapper .product-list-content{padding:5px 0px;}
.search-popup .search-result .brands-wrapper{display: inline-block; width: 100%; height: max-content; border:1px solid #00000014; border-radius: 12px; padding: 5px;}
.search-popup .search-result .brands-wrapper img{width: 100%; height:auto;} 
button.close-search { background: var(--yellow-color); color: #fff; border: none; width: 30px; height: 30px; border-radius: 40px; }
.cart-sidebar { background-color: white; padding: 20px; width: 400px; height: 100vh; position: fixed; top: 0; right: 0; z-index: 999; box-shadow: 0px 0px 10px 0px #f3f3f3; border-top: 2px solid var(--yellow-color); transform: translateX(100%); transition: all 0.3s linear; }
.cart-sidebar.active  { transform: translateX(0); }
.cart-sidebar .sidebar-wrapper .empty { height: 100%; align-content: center; text-align: center; opacity: 0.5; }
.cart-sidebar .sidebar-wrapper .empty svg { width:150px; height:150px; }
.cart-sidebar .sidebar-wrapper { height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.cart-sidebar .sidebar-wrapper .wrap-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; }
.cart-sidebar .sidebar-wrapper .wrap-title h2 { font-size: 22px; font-weight:600 ; color: #333; }
.cart-sidebar .sidebar-wrapper .wrap-title button.close-cart{ background: transparent;border:0px; outline:none; }
.cart-sidebar .sidebar-wrapper .wrap-title button.close-cart i { font-size: 18px; padding: 10px; }
.cart-sidebar .sidebar-wrapper .wrap-title button:hover i { color: var(--yellow-color); transform: rotate(360deg); }
.cart-sidebar .sidebar-wrapper ul.cart-list { height: 72vh; overflow-y: scroll; overflow-x: hidden; padding-right: 10px; padding-bottom: 115px;}
.cart-sidebar .wrap-footer{position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 20px; background-color: var(--light-color);}
.cart-sidebar .sidebar-wrapper ul.cart-list::-webkit-scrollbar { width: 5px; }

.main-head .support-links .short-search{position: absolute; width: 0px; bottom: -50px; background-color: white; border: 1px solid var(--yellow-color); right: 0px; z-index: 99; transform: translateX(100%); transition: all 0.4s linear;}
.main-head .support-links .short-search form{display: flex;}
.main-head .support-links .short-search form .form-group{width: 100%; margin: 0px;}
.main-head .support-links .short-search form .form-group input {width: 100%; border: 0px; border-radius: 0px; box-shadow: none;}
.main-head .support-links .short-search form .btn.btn-primary{padding: 10px 20px 10px 15px; border-radius: 0px;}
.main-head .support-links .short-search.active{width: 300px; transform: translateX(0px);}
.main-head .responsive-hidden{display: none; width: 100%;}
/* Track */
.cart-sidebar .sidebar-wrapper ul.cart-list::-webkit-scrollbar-track { background: #f1f1f1; }

/* Handle */
.cart-sidebar .sidebar-wrapper ul.cart-list::-webkit-scrollbar-thumb { background: #cfcfcf; }
.cart-sidebar .sidebar-wrapper .cart-item  { display: flex; justify-content: space-between; padding: 10px 0px; margin-bottom: 10px; border-bottom:1px solid rgb(232, 232, 232); }
.cart-sidebar .sidebar-wrapper .cart-item .item-details { display: flex; gap: 20px; width: 90%; }
.cart-sidebar .sidebar-wrapper .cart-item .item-details img { width: 60px; min-height: 60px; border:1px solid rgb(232, 232, 232); border-radius: 12px; padding: 10px;  }
.cart-sidebar .sidebar-wrapper .cart-item .item-details .cart-info h4 a { font-size: 16px; font-weight:500; }
.cart-sidebar .sidebar-wrapper .cart-item a.cart-remove i { font-size: 14px; }
.cart-sidebar .sidebar-wrapper .cart-item a.cart-remove:hover i { color: var(--yellow-color); }
.cart-sidebar .sidebar-wrapper .cart-item .item-details .cart-info h4 a:hover { color: var(--yellow-color); }
.cart-sidebar .sidebar-wrapper .wrap-footer .total { display: flex; justify-content: space-between; margin-bottom: 20px; }
.cart-sidebar .sidebar-wrapper .wrap-footer .total h3 { font-size: 16px; color: #333; font-weight: 500; }
.cart-sidebar .sidebar-wrapper .wrap-footer .btn { width: 100%; text-align: center; }

header .main-head { padding: 10px 25px; }
.main-head .logo { padding: 10px 20px 10px 0px; }
.main-head .logo a img { width: 150px; height:auto;}
.main-head .support { text-align: center; }
header .main-head.fixed-top { position: fixed; top: 0; right: 0; left: 0; background-color: var(--light-color); z-index: 999; box-shadow: 0 0 15px rgba(0, 0, 0, 0.17); animation: slidedown 0.7s; }
.btn.btn-primary.login_btn, .btn.btn-secondary.small{ padding: 10px 14px; font-size: 12px; border-radius: 7px; }
.main-head .nav-right-link.my_account { border: 1px solid #fab214; border-radius: 7px; padding: 0px; font-size: 14px; font-weight: 500; cursor: pointer; width: max-content;}
.main-head .nav-right-link.my_account .clickBtn{padding: 10px 14px;}
.main-head .nav-right-link.my_account.open {background-color: var(--light-color);}
.main-head.fixed-top .nav-right-link.my_account.open {background-color: var(--yellow-color); color: var(--light-color);}
.main-head.fixed-top .nav-right-link.my_account.open>i{color: var(--light-color);}
.main-head .my_account i.fa-solid.fa-user {color: #fab214;font-size: 13px;}
.main-head .my_account i.fa-solid.fa-angle-down, .main-head .my_account i.fa-solid.fa-angle-up{ font-size: 12px; float: right; margin:3px 0px 0px 3px}

.main-head .nav-right-link.my_account ul { position: absolute; top: 49px; box-shadow: 0px 0px 10px 0px #0000001a; transform: rotateX(90deg); transition: all 0.3s linear; background-color: var(--light-color); padding: 30px 15px; border-radius: 14px; opacity: 0; visibility: hidden; right: -27px; width: 232px; transform-origin: 0% 0%;}
.main-head .nav-right-link.my_account ul li { padding: 8px 10px; }
.main-head .nav-right-link.my_account ul li a i, .main-head .nav-right-link.my_account ul li button i { font-size: 15px; margin-right: 4px; color: var(--yellow-color);}
.main-head .nav-right-link.my_account ul li button { background: none; border: none; font-size: 14px; font-weight: 500; color: #000; padding: 0 15px 0px 5px; }
.main-head .nav-right-link.my_account ul li button:hover { color: var(--yellow-color);}
.main-head .nav-right-link.my_account:hover ul, .main-head .nav-right-link.my_account ul.active{ opacity: 1; visibility: visible; transform: rotate(0deg);}

@keyframes slidedown{
    0%{
        transform: translateY(-100%);
    }100%{
        transform: translateY(0%);
    }
}

.main-head ul li a { font-size: 14px; font-weight: 500; color: #000; padding: 20px 15px 20px 5px; position: relative;}
ul.sub-menu li a, .main-head .sub-menu ul li a { font-size: 13px; font-weight: 500; display: inline-block; padding: 10px 10px; min-width: 140px; color: #838383; }
.main-head .nav-right-link { padding: 15px 5px; position: relative;background-color: transparent; outline: none; border: 0px; }
.main-head .nav-right-link i, .main-head .nav-right-link svg { font-size: 18px; color: var(--dark-color); }
.main-head .nav-right-link:hover i, .main-head a.nav-right-link:hover svg { color: var(--yellow-color); }
.main-head .nav-right-link .count { display: inline-block; width: 20px; height: 20px; text-align: center; align-content: center; font-size: 10px; border-radius: 50%; color: var(--light-color); background-color: var(--yellow-color); position: absolute; top: 6%; right:-40%; } 
.main-head .nav-right-link.cart-link .count{ top: 10%; right: -15%; }
.main-head .nav-right-link:hover .count { background-color: var(--dark-color); }
.bottom-head ul li a:hover { opacity: 0.7; }
.bottom-head .sub-menu ul li a:hover { opacity: 1; color: var(--dark-color); }
ul.sub-menu li a:hover { color: var(--yellow-color); opacity: 1; padding-left:20px;  }
.gallery-item a img { width: 100px; height: auto; filter: grayscale(1); }
.gallery-item a:hover { opacity: 1; }
.gallery-item a:hover img { filter: grayscale(0); }

.offcanvas-header { display: flex; justify-content: space-between; margin-bottom: 20px; display: none; }
.offcanvas-header .logo img { width: 150px; }
.offcanvas-header button.close-navbar { background-color: transparent; border: 0px; outline: none; }
.offcanvas-header button.close-navbar i { color: #333; font-size: 20px; }
button.navbar-toggler { background-color: transparent; border: 0px; outline:none; display: none; }
button.navbar-toggler span { display: block; width:25px; border-radius: 2px; height:3px; background-color: var(--yellow-color); }
button.navbar-toggler span:nth-child(2) { width: 20px; margin: 5px 0px; }
button.navbar-toggler:hover span { background-color: var(--dark-color); }
.body-overlay { background-color: #000; width: 100%; height:100vh; position: fixed; top: 0; right: 0; opacity: 0; display: none; transition: opacity 0.4s linear; z-index: 998; transition: display 0.2s linear; }
.body-overlay.active { display: block; opacity: 0.5; }

 /***************** Footer *********************/
section.pre-footer{background-color: var(--dark-color); padding: 25px 0px; border-bottom: 1px solid #333;}
.pre-footer .title h2{color: #fff; font-size: 36px; font-weight: 500;}
.pre-footer form .form-group{margin: 0px; width: 80%;}
.pre-footer form .form-group input{background-color: #333; color: white; font-size: 16px; font-weight: 500; border: 0px; border-radius: 40px; padding:15px 20px;}
.pre-footer form .btn.btn-primary{border-radius: 40px; font-size: 16px; width: 25%; padding: 0;}
.pre-footer form .btn.btn-primary::before{background-color: white;}
.pre-footer form .btn.btn-primary:hover{color: var(--dark-color);}
.pre-footer form .btn.btn-primary.loading:hover::before{background-color: var(--yellow-color);}
.pre-footer .row { align-items: center;}
footer { padding:25px 0px 0px; background-color:var(--dark-color); position: relative;}
footer .single-box { width: 100%; margin-bottom:25px ; color: var(--light-color); }
footer .single-box:first-child { min-width: 240px; }
footer .single-box .logo img { width: 150px; }
footer .single-box h3 { font-size: 18px; line-height: 22px; padding-bottom: 10px; margin-bottom: 15px; position: relative; }
footer .single-box h3::before { content: ''; width: 10px; height:2px; border-radius: 50px; background-color: var(--yellow-color); position: absolute; bottom: 0; left: 0; }
footer .single-box h3::after { content: ''; width: 22px; height:2px; border-radius: 50px; background-color: rgb(250 178 20 / 8%); position: absolute; bottom: 0; left: 14px; }
footer .single-box li a { font-size: 14px; padding: 10px 0px; display: flex; gap: 5px; transition: all 0.3s linear; color: var(--light-color); width: 100%; font-weight: 500; position: relative; z-index: 1; }
footer .single-box li a i { color: var(--light-color); background-color: var(--yellow-color); width: 30px; height: 30px; text-align: center; align-content: center; border-radius: 50%; margin-right: 5px; }
footer .single-box li a i.fa.fa-map-marker-alt{width: 40px;}
footer .single-box li a.nav-item:hover { color: var(--yellow-color); padding-left: 20px; }
footer .single-box li a.inquiry-link:hover { color: var(--yellow-color); }
footer .single-box img { margin: 0px 0px 20px 0px; }
footer .single-box img.ssl-image { margin: 20px 0px; }
footer hr { border-color: #ffffff60; }
footer .copyright { padding: 25px 0px; color: var(--light-color); display: flex; justify-content: space-between; font-size: 20px; align-items: center; }
footer .copyright .social-links a { margin: 0px 10px; background-color: var(--yellow-color); display: inline-block; width: 40px; height: 40px; border-radius: 50%; text-align: center; align-content: center; }
footer .copyright .social-links a i { color: var(--light-color); font-size: 16px; } 
footer .copyright .social-links a:hover{ background-color: var(--light-color); } 
footer .copyright .social-links a:hover i{  color: var(--dark-color); }
footer .copyright p { font-size: 14px; }
footer .copyright p .light { font-size: 14px; opacity: 0.7; }

button#scroll-top { background-color: var(--dark-color); display: inline-block; width: 50px; height: 50px; border-radius: 50%; border: 0px; outline: none; text-align: center; align-content: center; position: fixed; bottom: -5%; right: 5%; z-index: 99; transition: all .5s ease-in-out; opacity: 0; }
button#scroll-top.active{ opacity: 1; bottom: 5%; }
button#scroll-top:hover { background-color: var(--yellow-color); }

/******* Authentication ***********/

section.authentication{ min-height: 80vh; padding: 0 0px 50px; background-color: #F4F8FB; }
section.authentication .form-wrapper, .login-modal .form-wrapper { width: 500px; padding: 30px; border-radius: 30px; }
.enquiry-modal .form-wrapper{width: 800px; margin-top: 15vh;}
section.authentication .form-wrapper button, .login-modal .form-wrapper button[type=submit] { width: 100%; }
section.authentication .form-wrapper button::before, .login-modal .form-wrapper button::before, .cart-sidebar .sidebar-wrapper .wrap-footer .btn::before { width: 500px; height: 500px; }
section.authentication .form-wrapper .logo, .login-modal .form-wrapper .logo, .enquiry-modal .form-wrapper .logo { text-align: center; margin-bottom: 20px; }
section.authentication .form-wrapper .logo img, .login-modal .form-wrapper .logo img, .enquiry-modal .form-wrapper .logo img{ width: 150px; }
.authentication .form-wrapper .logo h2{font-weight: 500; font-size: 24px;}
.form-group { margin-bottom: 15px; position: relative;}
.form-group label, .form-check label { font-size: 14px; color: #333; font-weight: 500; display: inline-block; margin-bottom: 5px; }
.form-check label { margin: 0px; }
.form-check label a { color: var(--yellow-color); font-size: 14px; }
.form-group span.input-group-text{position: absolute; top: 41px; right: 5%; cursor: pointer;}
span.input-group-text i{color: #3333337a; font-size: 16px;}
.form-group input, .form-group textarea { width: 100%; resize: vertical; border: 1px solid rgb(232, 232, 232);; display: inline-block; outline: none; padding: 15px 10px; border-radius: 12px; font-size: 14px; }
.form-group select{ background-color: var(--light-color); outline: 0px; padding: 15px 10px; width: 100%; border-radius: 12px; border: 1px solid #e8e8e8; color: rgb(102 102 102); margin-right: 10px; font-size: 14px; }
.css-13cymwt-control, .css-t3ipsp-control{border-radius: 12px !important; padding: 8px; border-color: #e8e8e8 !important;}
.css-t3ipsp-control{box-shadow: 0 0 0 1px var(--yellow-color) !important;}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--yellow-color); } 
.form-check { display: flex; align-items: anchor-center; gap: 10px; }
.form-check.toggle{margin-bottom: 20px;}
.form-check .form-check-input { width: 20px; height:20px; border-color:#dee2e6 ; accent-color: var(--yellow-color); }
a.forgot-pass { font-size: 15px; margin-bottom: 10px; }
a.forgot-pass:hover { color: var(--yellow-color); } 
.social-divider { position: absolute; left: 50%; top: -21px; font-size: 16px; color: #333; transform: translateX(-50%); padding: 5px; background: var(--light-color); }
.authentication .authentication-footer, .login-modal .authentication-footer{ position: relative; padding: 20px 0px; margin-top: 35px; border-top: 1px solid rgb(232, 232, 232); }
.authentication .authentication-footer p, .login-modal .authentication-footer p{ font-size: 16px; color: #333; text-align: center; }
.authentication .authentication-footer p a, .login-modal .authentication-footer p a { color: var(--yellow-color); font-size: 16px; margin-left: 10px; }
.authentication .authentication-footer p a:hover, .login-modal .authentication-footer p a:hover{ transform: scale(0.9); color: var(--dark-color);}
.auth_page.page-title .title { width: 100%; text-align: center;}
.auth_page.page-title .title-wrapper { padding: 50px 0 20px;}


/*******************/
.banner{ background: url('../images/Gemini_Generated_Image_sfdgivsfdgivsfdg.webp'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 600px; margin-top:-104px; padding: 120px 0px 0px 0px; margin-bottom: 100px; }
.banner .hero-banner{ position: relative; }
.banner .hero-banner .swiper{z-index: 0; height:100%}
.banner .hero-banner .swiper .swiper-slide{align-content: end;}
.banner .hero-banner .col-md-5{ padding-bottom:0px; }
.banner .hero-banner .hero-content { padding: 20px 10px 75px 0px; height: 100%; }
.banner .hero-banner .hero-content h6{ font-size: 16px; text-transform: uppercase; text-align: center; background-color: var(--yellow-color); color: var(--light-color); padding: 10px 40px; width: max-content; clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%); }
.banner .hero-banner .hero-content h1{ font-size: 50px; line-height: 56px; color: #333; margin-top: 30px; }
.banner .hero-banner .hero-content h1 span.yellow{ font-size: 50px; color: var(--yellow-color); }
.banner .hero-banner .hero-content p{ font-size: 16px; font-weight: 500; color: #333; margin-top: 30px; line-height: 26px; }
.banner .hero-banner .hero-content .hero-btn{ display: flex; gap: 20px; margin: 30px 0px; }
.banner .hero-banner .hero-image { height: 100%; position: relative; }
.banner .hero-banner .hero-image a img { width: 70%; height:auto; margin-bottom: -10px;}
.banner .delivery-container { background-color: var(--light-color); padding: 10px; display: flex; gap: 10px; position: absolute; top: 20%; right: -10%; width: 250px; border-radius: 50px; justify-content: center; align-items: center; }
.banner .delivery-container .icon { background-color: var(--yellow-color); width: 70px; height: 70px; text-align: center; align-content: center; border-radius: 50%; }
.banner .delivery-container .icon svg { width: 50px; height:50px; color: var(--light-color); fill: var(--light-color); }
.banner .delivery-container h3 { color: #333; font-size: 16px; flex: 1; margin: 0; line-height: 20px;}

.banner .search-wrapper{ width: 70%; background-color: var(--light-color); border-radius: 25px; padding: 25px; box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%); position: absolute; bottom: -95px; }
.banner .search-wrapper .search-form h3{ color: #333; font-size: 22px; font-weight: 500; margin-bottom: 10px; }
.banner .search-wrapper .home_search_product{display: flex; align-items: center;}
.banner .search-wrapper .home_search_product>div { width:30%; font-size: 16px; color: rgb(102 102 102); margin-right: 10px; }

.banner .search-wrapper form select:focus, .banner .search-wrapper form input:focus{ border: 1px solid var(--yellow-color); }

/******** Top Category *********/
section.top-category { padding: 50px 0px 20px 0px; margin-top: 100px; }
.top-category .title, .popular-brands .title, .card-banner .title { width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px; }
.top-category .title a, .popular-brands .title a, .card-banner .title a { font-size: 20px; color: var(--yellow-color); font-weight: 500; }
.top-category .title a i, .popular-brands .title a i, .card-banner .title a i{ font-size: 20px; }
.top-category .title a:hover, .popular-brands .title a:hover, .card-banner .title a:hover{ color: #333; }
.top-category .category-wrap { width: 100%; display: flex; justify-content: space-between; }
.top-category .category-item { width: 24%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; text-align: center; padding: 20px; background-color: #fab11410; border-radius: 30px; border: 2px solid #fab11410; }
.top-category .category-item a { text-align: center; }
.top-category .category-item .icon-border { border: 2px dashed var(--yellow-color); width: max-content; padding: 10px; border-radius: 50%; margin: 0 auto; }
.top-category .category-item .icon { background-color: var(--yellow-color); width: 125px; height: 125px; text-align: center; align-content: center; border-radius: 50%; }
.top-category .category-item .icon svg { width:75px; height:75px; }
.top-category .category-item h3 { font-size: 18px; color: #333; margin-top: 15px; line-height: 21px; margin-bottom: 8px; }
.top-category .category-item p { font-size: 14px; font-weight: 500; color: var(--yellow-color); }
.top-category .category-item:hover a { border-color:var(--yellow-color); }
.top-category .category-item:hover .icon svg { transform: scale(1.1); }


/************** Card Banner ******************/
.card-banner { padding: 50px 0px 20px 0px; }
.brand-banner { position: relative; display: inline-block; width: 100%; height: 100%; }
.brand-banner .wrapper { height:100% }
.brand-banner .img-container { border-radius: 20px; overflow: hidden; height: 100%; }
.brand-banner .img-container img { border-radius: 20px; width: 100%; height: 100%; transition: all 0.3s linear;}
.brand-banner .desc { position: absolute; top:30px; left:30px; color: var(--light-color); max-width: 230px; height: max-content;}
.brand-banner .desc h3 { font-size: 26px; line-height: 34px; margin-bottom: 15px;}
.brand-banner .desc p { font-size: 16px; line-height: 24px; margin-bottom: 25px;}
.brand-banner:hover .img-container img { transform: scale(1.1);}

/************** Popular brands ****************/
.popular-brands { padding: 50px 0px 20px 0px; }
.popular-brands .slider-wrapper { background-color: var(--light-color); padding: 20px 10px; border-radius: 20px; overflow: hidden; }
.popular-brands .slider-wrapper .slider-track { display: flex; gap: 20px; justify-content: center; align-content: center; animation: scroll 10s linear infinite; }
.popular-brands .slider-wrapper .slider-track:hover { animation-play-state: paused; }

@keyframes scroll {
    0%{
        transform: translateX(0%);
    }100%{
        transform: translateX(-100%);
    }
}

.popular-brands .slider-wrapper .slide { align-content: center; border: 2px solid #00000021; padding: 10px; border-radius: 12px;}
.popular-brands .slider-wrapper .slide img { width: 125px; filter: grayscale(1);}
.popular-brands .slider-wrapper .slide:hover { border: 2px solid var(--yellow-color);}
.popular-brands .slider-wrapper .slide:hover img { filter: grayscale(0);}

/************* knowledge ************/
section.knowledge { padding: 50px 0px 20px 0px;}
.knowledge .title h2{ text-align: center; color: #333; position: relative; width: max-content; margin: 0px auto 40px auto;}
.knowledge .title h2::before { content: ""; position: absolute; left: 0; bottom: -8px; width: 100%; border-bottom: 1px solid var(--yellow-color); z-index: -1;}
.knowledge .title h2::after { content: ""; position: absolute; left: 32%; bottom: -9px; width: 35%; border-bottom: 3px solid var(--yellow-color); z-index: -1;}
.knowledge .article { background-color: var(--light-color); border:1px solid #00000014; padding: 20px; border-radius: 12px; width: 100%; height: 100%; position: relative; display: flex; flex-direction: column; justify-content: space-between; }
.knowledge .article .img-container { width: 100%; overflow: hidden; border-radius: 12px; margin-bottom: 20px; position: relative; }
.knowledge .article .img-container img { width: 100%; border-radius: 12px; }
.knowledge .article .date { background-color: var(--yellow-color); color: var(--dark-color); font-size: 18px; font-weight: 600; width: max-content; padding:10px 30px; border-radius: 50px 0px 0px 50px; position: absolute; right: 0; bottom: 10%; }
.knowledge .article .title { margin-bottom: 15px; }
.knowledge .article .title h3 { font-size: 15px; line-height: 24px; color: #333; font-weight: 500; }
.knowledge .btn-wrap{margin: 30px 0px 50px 0px; text-align: center;}
.knowledge .article .btn-area { height: max-content; }
.knowledge .article:hover img{transform: scale(1.1);}

/******** Category section *****/
.category-section { padding-bottom: 20px; }
.category-section .title { max-width: 80%; margin-bottom: 20px; }
.category-section .title h2 { margin-bottom: 30px; width: max-content; font-weight: 500;}
.category-section .title h2 a{font-size: 24px;}
.category-section .title p { color: #333; font-weight: 500; font-size: 16px; }
.category-section .category-item, .widget .category-item, .search-result .category-item{ position: relative; padding: 20px; display: flex; flex-direction: column; justify-content: end; border-radius: 20px; overflow: hidden; z-index: 1; height: 100%; }
.category-section .category-item::before, 
.widget .category-item::before, .search-result .category-item::before { content: ""; position: absolute; height: 80%; left: 0; right: 0; bottom: -50px; background: #fab21447; border-radius: 20px; transition: all 0.3s ease-in; transform: skewY(15deg); z-index: -1; }
.category-section .category-item:hover::before, .widget .category-item:hover::before, .search-result .category-item:hover::before{ height: 100%; }
.category-section .category-item .img-container, .widget .category-item .img-container, .search-result .category-item .img-container{ text-align: center; position: relative; }
.category-section .category-item .img-container img, .widget .category-item .img-container img, .search-result .category-item .img-container img{ width: 150px; }
.category-section .category-item .content h1 , .widget .category-item .content h1, .search-result .category-item .content h3 a{ font-weight: 600; font-size: 16px; line-height: 22px; margin: 30px 0px 10px 0px; display: inline-block; width: 100%; color: #333; }
.category-section .category-item .content h1:hover, .widget .category-item .content h3:hover a, .search-result .category-item .content h3:hover a{ color: var(--dark-color); }
.category-section .category-item .content p, .widget .category-item .content p, .search-result .category-item .content p{ color: var(--blue-color); font-weight: 600; font-size: 16px; }
.category-section .category-item .category-action button, .widget .category-item .category-action button, .product-wrapper .product-list-content .btn-area button, .btn.btn-wishlist, .rating-btn{background-color: transparent; border: 0px; outline: none; border-radius:50%; margin: 0px 5px;}
.category-section .category-item .category-action span i, .widget .category-item .category-action span i, .widget .category-item .category-action button i, .category-section .category-item .category-action button i, .product-wrapper .product-list-content .btn-area a i, .product-wrapper .product-list-content .btn-area button i, .btn.btn-wishlist i, .rating-btn i, .search-result .category-item .category-action a i{ background-color: var(--yellow-color); color: var(--light-color); padding: 12px; border-radius: 50%; }
.category-section .category-item .category-action span:hover i, .widget .category-item .category-action span:hover i, .category-section .category-item .category-action button:hover i, .widget .category-item .category-action button:hover i, .category-section .category-item .category-action button.active i, .widget .category-item .category-action button.active i, .product-wrapper .product-list-content a:hover i, .product-wrapper .product-list-content .btn-area button:hover i, .product-wrapper .product-list-content .btn-area button.active i, .btn.btn-wishlist.active i, .btn.btn-wishlist:hover i, .rating-btn:hover i, .rating-btn.active i, .search-result .category-item .category-action a:hover i{ background-color: var(--dark-color); color: var(--light-color); }
.category-section .category-item .category-action-wrap, .widget .category-item .category-action-wrap, .search-result .category-item .category-action-wrap { position: absolute; bottom: 0px; width: 100%; text-align: center; opacity: 0; visibility: hidden; transition: all 0.3s ease-in; }
.category-section .category-item:hover .category-action-wrap, 
.widget .category-item:hover .category-action-wrap, .search-result .category-item:hover .category-action-wrap{ opacity: 1; visibility: visible; bottom: -10px; }

section.feature-area { padding: 50px 0px 20px 0px; }
.related .widget .category-item .category-action-wrap { bottom: 36%;}
.feature-area .feature-wrapper { background-color: var(--dark-color); padding: 20px; border-radius: 24px; }
.feature-area .feature-wrapper .feature-item { display: flex; gap: 20px; }
.feature-area .feature-wrapper .feature-item .icon { width: 65px; height: 65px; line-height: 60px; background: var(--yellow-color); color: var(--light-color); border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; text-align: center; align-content: center; position: relative; }
.feature-area .feature-wrapper .feature-item .icon i { font-size: 30px; }
.feature-area .feature-wrapper .feature-item .icon::before { content: ""; position: absolute; border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; width: 65px; height: 65px; top: -5px; left: -5px; border: 2px solid var(--yellow-color); }
.feature-area .feature-wrapper .feature-item .content h2 { color: var(--light-color); font-size: 20px; font-weight: 500; }
.feature-area .feature-wrapper .feature-item .content p { color: #ffffffc4; font-size: 16px; line-height: 22px; }


section.info { padding: 50px 0px; background-color: var(--dark-color); margin: 50px 0px; }
/* .info .title { margin-bottom: 45px; } */
.info .title h2 { font-size: 40px; font-weight: 500; color: var(--light-color); margin-bottom: 10px; }
.info .title h2 span.colorful { font-size: 40px; color: var(--yellow-color); }
.info .title h3 { color: var(--light-color); font-weight: 400; font-size: 16px; }

.info .info-card { background-color: #F4F7F8; padding: 30px; border-radius: 50px; box-shadow: 0px 0px 5px 0px #dadada;height:100%; display: flex; flex-direction: column; justify-content: space-between; height: 100%; transition: all 0.3s linear; }

.info .info-card .img-container { display: flex; border-radius: 75px; gap: 20px; align-items: center; background-color: var(--dark-color); padding: 15px; margin-bottom: 30px; }
.info .info-card .img-container .img_wrp { width: 100px; height: 100px; border-radius: 50%; transition: all 0.3s linear; overflow: hidden; }
.info .info-card .img-container img { width: 100%;height: 100%; object-fit: cover;}
.info .info-card .img-container h3 { font-size: 20px; color: var(--light-color); }
.info .info-card .desc p { font-size: 16px; line-height: 22px; color: #333; margin-bottom: 20px; }
.info .info-card .btn.btn-primary { border-radius: 30px; width: max-content;}

.info .info-card:hover { transform: scale(1.02); box-shadow: 0px 0px 10px 0px #dadada; }
.info .info-card:hover .img-container img { transform: scale(1.05); }

section.choose-us { padding: 50px 0px 70px 0px; } 
.choose-us .img-area img{ width: 100%; border-radius: 125px; }
.choose-us .title { padding-left: 20px; }
.choose-us .title h2 { font-size: 28px; }
.choose-us .title h4 { font-size: 16px; color: #333; margin-top: 20px; font-weight: 500; }
.choose-us .desc p { text-align: justify; }

.choose-us .card { background-color: #F4F8FB; padding: 20px; border-radius: 50px 50px 50px 0; display: flex; gap: 20px; height: 100%; }
.choose-us .card .icon { background-color: var(--yellow-color); width: 75px; height:75px; text-align: center; align-content: center; border-radius: 50px 50px 50px 0; }
.choose-us .card .icon svg { width: 50px; height:50px; }
.choose-us .card .info { flex: 1; }
.choose-us .card .info h3 { font-size: 18px; font-weight: 600; margin-bottom: 5px; }
/* .choose-us .card .info p { color: #333333b3; font-size: 16px; line-height: 24px; } */

/*************** Blog Page ***********************/

.page-title { background: #F4F8FB; padding: 0px;}
.page-title .title-wrapper { padding:30px 0 20px 15px;}
/* .page-title .title-wrapper::before { content: ''; width: 250px; height: 250px; background-color: var(--yellow-color); border-radius: 50%; position: absolute; bottom: -30%; right: -8%;} */
.page-title .title { width:70%; text-align: left;}
.page-title .title h1 { font-size: 30px; font-weight: 700;}
.inner-page .page-title .title h1 { font-weight: 600;}
.archive-main .title h2::before, .blog-main .title h2::before { border-radius: 50px 50px 50px 50px; left: 10%;}
.archive-main .title h2::after, .blog-main .title h2::after { left:40%}
.page-title .title p { font-size: 16px; margin-top: 20px;}
.page-title .title p a { font-size: 16px; opacity:0.7;}


/*************** PRODUCT ARCHIVE ************/
section.archive-products,
section.checkout,
section.cart-main { background-color: #F4F8FB; padding: 0 0px 50px; }
.widget { background-color: var(--light-color); padding: 20px; border-radius: 12px; margin-bottom: 25px; box-shadow: 0px 0px 10px 0px #f3f3f3; }
.widget h4{ color: #333; font-size: 22px; font-weight: 500; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #dee2e6; }
.widget h4 a{font-size: 18px;}
.archive-products .search .form-group { width: 100%; border:1px solid #dee2e6; border-radius: 12px; padding: 0px 10px; display: flex; align-items: center;}
.archive-products .search .form-group input { border: 0px; outline: 0px; padding: 10px; font-size: 16px; width: 100%; }
.archive-products .search .form-group button { background-color: transparent; border: 0px; outline: 0px; padding: 10px; }
.archive-products .search .form-group button i { font-size: 18px; color: var(--yellow-color); }
.archive-products .search .form-group button:hover i { color: #333; }
.archive-products .shop-category-list li, .archive-products .shop-size-list li, .archive-products .brand-wrapper li { margin: 5px 0px; overflow: hidden; }
.archive-products .widget li .sub-list { padding-left: 25px; display: none; transform: translateY(-200%); }
.archive-products .shop-category-list li a, .archive-products .shop-size-list li a, .archive-products .brand-wrapper li a, .brand-wrapper li button{ color:#757f95; background-color: transparent; border: 0px; outline: none; font-size: 16px; padding: 10px 0px; display: flex; justify-content: space-between; position: relative; width: 100%;}
.archive-products .widget li.has-children>a { padding-right: 30px; position: relative; }
.archive-products .shop-category-list li.has-children  a, .archive-products .shop-size-list li.has-children  a, .archive-products .brand-wrapper li.has-children a{width: 90%; align-items: center;}
/* .archive-products .widget li.has-children>a:after { content: '\f078'; font-family: 'FontAwesome'; font-size: 10px; position: absolute; top: 22%; right: 0; border: 1px solid #757f95; border-radius: 50%; width: 20px; height:20px; text-align: center; align-content: center; } */
.archive-products .widget li a.open, .archive-products .widget li a.active { color: var(--yellow-color); }
/* .archive-products .widget li.has-children a.open::after { background-color: var(--yellow-color); color: var(--light-color); border: 0px; } */
.archive-products .shop-category-list li .list-text{display: flex; gap: 10px; justify-content: space-between; align-items: center;}
.archive-products .shop-category-list li .list-text button{background-color: transparent; font-size: 10px; color:#757f95; border: 1px solid #757f95; border-radius: 50%; width: 20px; height:20px; text-align: center; align-content: center;}
.archive-products .shop-category-list li .list-text button i{font-size: 10px;}
.archive-products .shop-category-list li .list-text button.active, .archive-products .shop-category-list li:has(.has-children.active) > .list-text button{background-color: var(--yellow-color); color: var(--light-color); border: 0px;}
.archive-products .shop-category-list li a::before, .archive-products .shop-size-list li a::before, .archive-products .brand-wrapper li a::before { z-index: 0; top: 45%; }
.archive-products .shop-category-list li a:hover, .archive-products .shop-size-list li a:hover, .archive-products .brand-wrapper li a:hover, .brand-wrapper li button:hover { color: var(--yellow-color); padding-left: 20px; }
.archive-products .widget li.has-children.active>.sub-list, .archive-products .widget li.has-children:has(.has-children.active)>.sub-list { display: block; transform: translateY(0); }
.archive-products .sorting-wrapper { display: flex; justify-content: space-between; align-items: center; }
.archive-products .sorting-wrapper .text { font-size: 14px; color: #757f95; }
.archive-products .sorting-wrapper .text select { border: 1px solid #e8e8e8; padding: 15px; border-radius: 12px; margin:0px 10px; font-size: 15px; color: #757f95; outline: none; background: transparent; }
.page-title.mobile_cate .title-wrapper .title .sort-icon { display: none;}
.page-title.mobile_cate .title-wrapper .title .sort-icon i.fa.fa-list { background-color: var(--yellow-color); color: var(--light-color); border-radius: 50%; display: inline-block; width: 35px; height: 35px; text-align: center; align-content:center ; }
.archive-products .widget .details-wrapper, .applications .widget .details-wrapper{ display: flex; }
.archive-products .widget .details-wrapper .img-area img, .applications .widget .details-wrapper .img-area img{ width: 100%; border-radius: 12px; }
.archive-products .widget .details-wrapper .text h1, .archive-products .widget .details-wrapper .text h2, .archive-products .widget .details-wrapper .text h3, .archive-products .widget .details-wrapper .text h4, .archive-products .widget .details-wrapper .text h5, .archive-products .widget .details-wrapper .text h6 { font-size: 20px; font-weight: 500; line-height: 28px; color: #333; margin-bottom: 15px; }
.applications .widget .details-wrapper .text h1, .applications .widget .details-wrapper .text h2, .applications .widget .details-wrapper .text h3, .applications .widget .details-wrapper .text h4, .applications .widget .details-wrapper .text h5, .applications .widget .details-wrapper .text h6 { font-size: 20px; font-weight: 600; color: #333; margin-bottom: 20px; }
.archive-products .widget .details-wrapper .text p, .applications .widget .details-wrapper .text p{ font-size: 15px; line-height: 26px; text-align: justify; color: #33333395; margin-bottom: 15px;}
.applications .widget .details-wrapper .text ul, .archive-products .widget .details-wrapper .text ul{list-style-type: disc; padding-left: 20px;}
.applications .widget .details-wrapper .text ul.list-none, .archive-products .widget .details-wrapper .text ul.list-none{ list-style-type: none;}
.applications .widget .details-wrapper .text li, .archive-products .widget .details-wrapper .text li{font-size: 16px; margin-bottom: 15px;}
.applications .widget .details-wrapper .text blockquote{font-size: 16px; margin-bottom: 10px; padding-left: 20px; border-left: 2px solid #000;}
.applications .widget .details-wrapper .text strong{font-size: 16px; margin-bottom: 10px; font-weight: 500; color: #000;}
.archive-products .widget .details-wrapper .text p strong{ font-size: 15px; line-height: 26px; font-weight: 500; text-align: justify; color:#000;}
.archive-products .widget .details-wrapper .text{width:100%;}
.archive-products .widget .details-wrapper .text .img-container, .archive-products .widget .details-wrapper .text .img-container img{width:100%;}
.archive-products .widget .details-wrapper .text .details, .applications .widget .details-wrapper .text .details{ display: block; height: 200px; overflow: hidden; position: relative; transition: all 0.3s linear; }
.archive-products .widget .details-wrapper .text .details .wd-collapsible-button{display: none;}
.archive-products .widget .details-wrapper .text .details .vc_row{display: flex; gap: 20px;}
.archive-products .widget .details-wrapper .text .details .vc_col-sm-3{width:25%;}
.archive-products .widget .details-wrapper .text .details .vc_col-sm-4{width:33.33%;}
.archive-products .widget .details-wrapper .text .details .vc_col-sm-6{width:50%;}
.archive-products .widget .details-wrapper .text .details .vc_col-sm-8{width:66.66%;}
.archive-products .widget .details-wrapper .text .details .vc_col-sm-12{width:100%;}
.archive-products .widget .details-wrapper .text .details figure img{width:100%; height:auto; border-radius: 12px;}
.archive-products .widget .details-wrapper .text .details.active, .applications .widget .details-wrapper .text .details.active{ height:max-content; transition: height 1s linear; }
.archive-products .widget .details-wrapper .text .details.active::before, .applications .widget .details-wrapper .text .details.active:before { display: none; }
.archive-products .widget .details-wrapper .text .details.active h2, .applications .widget .details-wrapper .text .details.active h2{ margin: 15px 0;}
.archive-products .widget .details-wrapper .text .details::before, .applications .widget .details-wrapper .text .details::before { content: ''; width: 100%; height:40px; background: linear-gradient(to bottom, transparent 1%, #ffffff 87%); position: absolute; bottom: 0; right: 0; }
.archive-products .widget .details-wrapper .text .details img{width: 100%; height: auto; border-radius: 12px;}
.archive-products .widget .details-wrapper .text .btn-collapse, .applications .widget .details-wrapper .text .btn-collapse {background-color: transparent; font-size: 16px; font-weight: 600; border: 0px; outline: none; margin-top: 20px; z-index: 2; }
.archive-products .widget {position: relative;}
.archive-products .widget .overlay{width:100%; height:100%; background-color: #ffffff94; position: absolute; top: 0; right: 0; z-index:9; text-align: center; align-content: center; display: none; }
.archive-products .widget .overlay .loader{width:50px; height:50px; border:8px dotted var(--yellow-color); border-radius: 50%; margin: auto; animation: roll 1s ease-in-out infinite;}
.archive-products .widget .overlay.active{display: block;}
@keyframes roll{0%{transform:rotate(0deg)} 100%{transform:rotate(360deg)}}
section.cart-main a.btn.btn-primary { padding: 15px;}
/*************** CART ************/


.cart-main .products-wrapper { margin-bottom: 45px; }
.cart-main .total-wrapper table.cart-total, .cart-main .prodcuts-wrapper table.cart-products { width: 100%; margin-bottom: 20px; border-collapse: collapse; }
.cart-main .total-wrapper table.cart-total tr th, .cart-main .total-wrapper table.cart-total tr td { display: inline-block; padding: 10px 0px; white-space: nowrap; margin: 10px 0px; width: 50%; font-size: 16px; text-align: left; border-bottom: 1px solid #767676; }
.cart-main .total-wrapper h2 { font-size: 24px; margin-bottom: 20px; }
.cart-main .total-wrapper table.cart-total tr td { text-align: right; }
.cart-main table.cart-total tr td.price, .checkout table.cart-total tr td.price{color:#00c97a}
.cart-main .products-wrapper table.cart-products tr { border-bottom: 1px solid #76767690; }
.cart-main .products-wrapper table.cart-products tr th { padding: 10px 0px; margin: 10px 0px; font-size: 16px; border-bottom: 1px solid #76767690; text-align: center; }
.cart-main .products-wrapper table.cart-products tr td { padding: 10px 15px; font-size: 14px; margin: 10px 0px; border-bottom: 1px solid #76767690; }
.cart-main .products-wrapper table.cart-products tr td b { font-size: 14px; }
.cart-main .products-wrapper table.cart-products tr td img, table.order tr td img{ width: 75px; height: 75px; border-radius: 12px; border: 1px solid #00000014; padding: 10px; }
.cart-main .products-wrapper table.cart-products tr td a, table.order tr td a{ font-size: 14px; font-weight: 500; }
.cart-main .products-wrapper table.cart-products tr td .remove-item, button.remove-item { font-size: 16px; font-weight: 600; background-color: transparent; border: 1px solid #76767690; border-radius: 50%; display: inline-block; width: 25px; height: 25px; text-align: center; align-content: center; line-height: 22px; }
.cart-main .products-wrapper table.cart-products tr td a:hover, table.order tr td a:hover{ opacity: 0.7; }
.cart-main .products-wrapper table.cart-products thead { margin-bottom: 20px; }
.quantity { display: flex; align-items: anchor-center;  background-color: white; border-radius: 20px; }
.quantity input.q-value { width: 50px; height: 50px; border: 0px; outline: 0px; padding: 10px; font-size: 14px; text-align: center; }
.quantity input.minus, .quantity input.plus{ background-color: rgb(250 178 20 / 8%); border-radius: 50%; border:0px; font-size: 20px; cursor: pointer; display: inline-block; width: 30px; height: 30px; text-align: center; align-content: center; }
.quantity input.minus:hover, .quantity input.plus:hover{ background-color: var(--dark-color); color: var(--light-color); }
.quantity h5{margin-left: 15px; font-size: 18px; font-weight: 500; color: #333;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }


.coupon-wrapper{ display: flex; justify-content: space-between; }
.coupon-wrapper input{width: 55%; padding: 5px; border: 0px; font-size: 16px; outline: 0px;}   
.coupon-wrapper .btn{padding:15px}

.coupon-wrapper form input{ background-color: var(--light-color); border: 0px; outline: 0px; padding: 10px 12px 10px 20px; font-size: 16px; }
.coupon-wrapper form button { border-radius: 50px; }
.coupon-wrapper .btn-area { align-content: center; }
.cart-message { padding: 50px 0px; }
.cart-message h5{ font-size: 16px; font-weight: 500; text-align: center; }
.cart-main .products-wrapper table.cart-products tr th:first-child { text-align: left;}
.cart-main .products-wrapper table.cart-products tr td:first-child { padding-left: 0;}

/**************** Checkout *****************/
.checkout table, .cart-main table { width: 100%; margin-bottom: 20px; }
.checkout tr th, .cart-main tr th { text-align: left; align-content: baseline; font-weight: 500; font-size: 14px; padding: 10px 0px; }
.checkout tr th:last-child, .cart-main tr th:last-child, .checkout tr td:last-child, .cart-main tr td:last-child{text-align: right;}
.checkout tr td hr{border-color: #00000014;}
.checkout tr td, .cart-main tr td { text-align: left; font-size: 13px; padding: 10px 0px; }
.checkout .accordion-item h2.accordion-header button { width: 100%; text-align: left; font-size: 18px; color: #333; font-weight: 600; align-content: center; background-color: transparent; border: 0px; outline: none; }
.checkout .accordion-item h2.accordion-header button:not(.collapsed) { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #dee2e6; color: var(--yellow-color); }
.checkout .accordion-item h2.accordion-header button i { float: right; font-size: 18px; }
.checkout .accordion-item .accordion-collapse { height: 0px; overflow: hidden; }
.checkout .accordion-item .accordion-collapse.show { height: 100%; }
.checkout .small-name{opacity:0.5; margin-top: 5px; font-size:13px; }
/******** Thank you ********/
.thankyou { height: 600px; align-content: center; text-align: center; }
.thankyou .thankyou-wrapper { margin-top: 75px; width: 375px; height:400px; padding: 20px; border-radius: 20px; background-color: var(--light-color); display: flex; flex-direction: column; gap: 20px; justify-content: center; align-items: center; }
.thankyou .thankyou-wrapper .icon { background-color: var(--yellow-color); width: 75px; height:75px; border-radius: 50%; text-align: center; align-content:center ; animation: shrink 0.5s ease-in infinite; animation-direction: alternate-reverse; }
.thankyou .thankyou-wrapper .icon i { color: var(--light-color); font-size: 48px; font-weight: 900; }
.thankyou .thankyou-wrapper .title h2 { font-size: 28px; color: #333; text-align: center;}
@keyframes shrink{
    0%{
        transform: scale(1);
    }100%{
        transform: scale(1.4);
    }   
}
.thankyou .thankyou-wrapper .title p { font-size: 13px; opacity: 0.8; margin-top: 10px; }

/********* Single Product ********/
section.single-main { padding: 50px 0px 0px 0px; }
.single-main .product-image-slider { width: 100%; height:500px; padding: 30px; border:1px solid rgba(0, 0, 0, 0.08); border-radius: 20px; text-align: center; align-content: center; }
.single-main .product-image-slider img { max-width: 80%; height: auto; }
.single-main .zoom-outer-container{height: 100%;}
.single-main .zoom-outer-container .overlay-img{width:100%; height: 100%; align-content:center; text-align: center; background-color: #000000db; position: fixed; top: 0; left: 0; opacity: 0; transform-origin: 50% 50%; transform: scale(0); transition: all 0.3s linear; z-index: 999;}
.single-main .zoom-outer-container .overlay-img img{width:30%; opacity: 1; margin: auto; border-radius: 12px;}
.single-main .zoom-outer-container .overlay-img.active{opacity: 1; transform: scale(1);}
.single-main .product-slider-controls { margin-top: 20px; list-style: none; display: flex; gap: 10px; }
.single-main .product-slider-controls li { padding: 20px; border-radius: 12px;     width: 100px;text-align: center;align-content: center; border: 1px solid rgba(0, 0, 0, 0.08); }
.single-main .product-slider-controls li:hover, .single-main .product-slider-controls li.active  { border-color: var(--yellow-color); }
.single-main .product-slider-controls li img { width: 100%; }
.single-main .short-description { padding-left: 40px; }
.single-main .short-description .sku{display: flex; gap: 10px; align-items: center; margin-bottom: 5px;}
.single-main .short-description .sku h3{ font-size: 20px; margin: 0px;}
.single-main .short-description .sku b{ font-size: 18px; color: var(--yellow-color);}
.single-main .short-description .title{display: flex;justify-content: space-between; gap: 20px; align-items: center;}
.single-main .short-description .title .title_p .price p{margin-top: 5px;}
.single-main .short-description .title .brands{width: 17%; display: flex; flex-wrap: wrap; gap: 10px;}
.single-main .short-description .title .brands .brand-img{display: inline-block; width: 115px; height: max-content; padding: 10px; border:2px solid rgba(0, 0, 0, 0.08); border-radius: 12px;}
.single-main .short-description .title .brands .brand-img:hover{border-color: var(--yellow-color);}
.single-main .short-description .title .brands .brand-img:hover img{transform: scale(1.2);}
.single-main .short-description .title .brands .brand-img img{width: 100%;}
.single-main .short-description .title h1 { font-size: 28px; font-weight: 600; margin-bottom: 10px; color: #333; margin-bottom: 0;}
.single-main .short-description .title .title_p { width: 80%;}
.single-main .short-description .price del { font-size: 18px; font-weight: 600; color: #333; }
.single-main .short-description .price span { font-size: 20px; font-weight: 600; margin-left: 5px; color: #11B76B; }
.single-main .short-description .price p{border-bottom: 0px; margin-bottom: 10px;}
.single-main .short-description p { font-size: 16px; color: #33333390; margin: 10px 0px; padding-bottom: 10px; }
.col-sm-1{width:8.33%; padding: 0px 10px; font-size: 14px; color: var(--dark-color);}
.col-sm-2{width:16.66%; padding: 0px 10px; font-size: 14px; color: var(--dark-color);}
.col-sm-3{width:25%; padding: 0px 10px; font-size: 14px; color: var(--dark-color);}
.col-sm-4{width:33.33%; padding: 0px 10px; font-size: 14px; color: var(--dark-color);}
.col-sm-5{width:41.66%; padding: 0px 10px; font-size: 14px; color: var(--dark-color);}
.col-sm-6{width:50%; padding: 0px 10px; font-size: 14px; color: var(--dark-color);}
.col-sm-7{width:58.33%; padding: 0px 10px; font-size: 14px; color: var(--dark-color);}
.col-sm-8{width:66.66%; padding: 0px 10px; font-size: 14px; color: var(--dark-color);}
.col-sm-9{width:75%; padding: 0px 10px; font-size: 14px; color: var(--dark-color);}
.col-sm-10{width:83.33%; padding: 0px 10px; font-size: 14px; color: var(--dark-color);}
.col-sm-10{width:91.66%; padding: 0px 10px; font-size: 14px; color: var(--dark-color);}
.col-sm-12{width:100%; padding: 0px 10px; font-size: 14px; color: var(--dark-color);}
.single-main .short-description .row{margin-bottom: 15px; padding-bottom: 15px; border-bottom: 2px solid var(--yellow-color);}
.single-main .short-description .row:last-child{margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px;}
.single-main .short-description .container, .single-main .short-description .container-fluid{padding: 20px 0px; margin: 20px 0px; background-color: #fab2141c; border: 2px solid var(--yellow-color); border-radius: 12px; border-collapse: collapse;}
.short-description p table.table{margin: 20px 0px; padding: 10px 0px; background-color: rgb(250 178 20 / 11%); border: 2px solid var(--yellow-color); border-radius: 12px; border-collapse: separate; border-spacing: 0;}
.short-description p table.table tr td{font-size: 16px; color: var(--dark-color); padding: 10px; border-bottom:2px solid var(--yellow-color)}
.short-description p table.table tr:last-child td{border:0px}
.single-main .short-description a{color: var(--blue-color); font-weight: 600;}
.single-main .short-description a:hover{color: var(--yellow-color);}
.single-main .short-description .shop-single-sortinfo ul li { font-size: 16px; color: #33333390; font-weight: 600; }
.single-main .short-description .shop-single-sortinfo ul li a { font-size: 16px; margin-left: 10px; font-weight: 400; color: #33333390;}
.single-main .short-description .shop-single-sortinfo ul li a:hover{ color: #00c97a;}
.single-main .btn-area { margin: 20px 0px 20px 0px; display: flex; align-items: center; gap: 20px; }
.svg_icon { width: 23px; height: 23px; fill: currentColor; margin: 5px auto; display: flex; align-items: center; gap: 20px; }
.single-main .short-description .extra-info{padding-top: 20px; margin-top: 10px; border-top:1px solid rgba(0, 0, 0, 0.08);}
.single-main .short-description a.btn-size-small{background-color: var(--yellow-color); color: #fff; padding: 5px 15px; margin: 5px; border-radius: 20px; font-weight: 500;}
.single-main .short-description a.btn-size-small:hover{background-color: var(--dark-color);}
.single-main .short-description .extra-info .share { font-size: 18px; color: #33333390; margin-bottom: 10px;}
.single-main .short-description .extra-info .share a{ display: inline-block; width: 40px; height: 40px; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 50%; text-align: center; align-content: center; margin-left: 10px; }
.single-main .short-description .extra-info .share a i{ font-size: 16px; color: #33333390; }
.single-main .short-description .extra-info .share a:hover{ background-color: var(--yellow-color); }
.single-main .short-description .extra-info .share a:hover i{ color: var(--light-color); }
section.single-product-details{ padding: 50px 0px; }
.single-product-details .tabs-wrapper{ width: 100%; }
.single-product-details .tabs-wrapper .nav-tabs{ border-bottom: 2px solid #dee2e6; width: 100%; }
.single-product-details .tabs-wrapper .nav-tabs button.nav-link  { padding: 15px 20px; font-size: 22px; font-weight: 500; background-color: transparent; border: 0px; outline: none; margin-bottom: -2px;}
.single-product-details .tabs-wrapper .nav-tabs button.nav-link.active, 
.single-product-details .tabs-wrapper .nav-tabs button.nav-link:hover  { color: var(--yellow-color); border-bottom: 2px solid var(--yellow-color);}
.single-product-details .tabs-wrapper .tab-content { padding: 30px 0px; font-size: 16px;}
.single-product-details .tabs-wrapper .tab-content .shop-single-desc div{ font-size: 16px; margin: 5px 0px 15px 0px;}
.single-product-details .tabs-wrapper .tab-content .shop-single-desc b, .single-product-details .tabs-wrapper .tab-content .shop-single-desc ul li strong, .single-product-details .tabs-wrapper .tab-content .shop-single-desc p strong, .single-product-details .tabs-wrapper .tab-content .shop-single-desc ol li strong{ font-size: 16px; margin: 5px 0px 15px 0px; font-weight:600;}
.single-product-details .tabs-wrapper .tab-content .shop-single-desc p { font-size: 16px; color: #333333; line-height: 28px;}
.single-product-details .tabs-wrapper .tab-content .shop-single-desc ol, .single-product-details .tabs-wrapper .tab-content .shop-single-desc ul{margin:5px 0px 15px 0px; padding-left: 10px;}
.single-product-details .tabs-wrapper .tab-content .shop-single-desc ol{padding-left: 30px;}
.single-product-details .tabs-wrapper .tab-content .shop-single-desc ol li { font-size: 16px; color: #333333; line-height: 28px;}
.single-product-details .tabs-wrapper .tab-content .shop-single-desc a { font-size: 16px; color:var(--yellow-color); line-height: 28px;}
.single-product-details .tabs-wrapper .tab-content .shop-single-desc div p { margin:5px 0px 10px 0px;}
.single-product-details .tabs-wrapper .tab-content .shop-single-desc h5 { font-size: 24px; color: #333; margin:5px 0px 15px 0px; font-weight: 600;}
.single-product-details .tabs-wrapper .tab-content .shop-single-desc ul li h3 strong, .single-product-details .tabs-wrapper .tab-content h2 strong, .single-product-details .tabs-wrapper .tab-content h2{ font-size: 24px; color: #333; margin:5px 0px 15px 0px; font-weight: 500;}
.single-product-details .tabs-wrapper .tab-content .shop-single-desc ul li { font-size: 16px; margin:5px 0px 10px 0px; color: #333333;}
.single-product-details .tabs-wrapper .tab-content .shop-single-desc ul li span { font-size: 16px; margin-right: 5px; color: #333;}
.single-product-details .tabs-wrapper .tab-content .shop-single-desc strong{ font-size: 16px; font-weight: 500; margin-right: 5px; color: #333;}
.single-product-details .tabs-wrapper .tab-content .tab-pane { display: none;}
.single-product-details .tabs-wrapper .tab-content .tab-pane.active { display: block;}

.single-product-details .tabs-wrapper .tab-content .shop-single-additional div{ font-size: 16px; line-height: 28px;}
.single-product-details .tabs-wrapper .tab-content .shop-single-additional b, .single-product-details .tabs-wrapper .tab-content .shop-single-additional ul li strong, .single-product-details .tabs-wrapper .tab-content .shop-single-additional strong, .single-product-details .tabs-wrapper .tab-content .shop-single-additional ol li strong{ font-size: 16px; margin: 5px 0px 15px 0px; font-weight:600;}
.single-product-details .tabs-wrapper .tab-content .shop-single-additional p, .single-product-details .tabs-wrapper .tab-content .shop-single-additional strong{ font-size: 16px; color: #333333; line-height: 28px;}
.single-product-details .tabs-wrapper .tab-content .shop-single-additional ol, .single-product-details .tabs-wrapper .tab-content .shop-single-desc ul{margin:5px 0px 15px 0px; padding-left: 10px;}
.single-product-details .tabs-wrapper .tab-content .shop-single-additional ol{padding-left: 30px;}
.single-product-details .tabs-wrapper .tab-content .shop-single-additional ol li { font-size: 16px; color: #333333; line-height: 28px;}
.single-product-details .tabs-wrapper .tab-content .shop-single-additional a { font-size: 16px; color:var(--yellow-color); line-height: 28px;}
.single-product-details .tabs-wrapper .tab-content .shop-single-additional div p{ margin:5px 0px 10px 0px;}
.single-product-details .tabs-wrapper .tab-content .shop-single-additional h5 { font-size: 24px; color: #333; margin:5px 0px 15px 0px; font-weight: 600;}
.single-product-details .tabs-wrapper .tab-content .shop-single-additional ul li h3 strong, .single-product-details .tabs-wrapper .tab-content h2 strong, .single-product-details .tabs-wrapper .tab-content h2{ font-size: 24px; color: #333; margin:5px 0px 15px 0px; font-weight: 500;}
.single-product-details .tabs-wrapper .tab-content .shop-single-additional ul li { font-size: 16px; margin:5px 0px 10px 0px; color: #333333;}
.single-product-details .tabs-wrapper .tab-content .shop-single-additional ul li span { font-size: 16px; margin-right: 5px; color: #333;}
.single-product-details .tabs-wrapper .tab-content .shop-single-additional div{padding: 3px 0px;}
.single-product-details .tabs-wrapper .tab-content .shop-single-additional div.row{border-bottom: 1px dashed var(--dark-color);}
.single-product-details .tabs-wrapper .tab-content .shop-single-additional h1 strong, .single-product-details .tabs-wrapper .tab-content .shop-single-additional h2 strong, .single-product-details .tabs-wrapper .tab-content .shop-single-additional h3 strong, .single-product-details .tabs-wrapper .tab-content .shop-single-additional h4 strong{font-size: 28px; font-weight: 500; padding-bottom: 5px; margin-bottom: 5px;}
.single-product-details .tabs-wrapper .tab-content .shop-single-additional h4{border-bottom: 1px solid var(--dark-color); padding-bottom: 5px;}


/* *******Form Common Inner Page******** */
.dawn_form { padding: 50px; border-radius: 20px; margin-bottom: 30px;}
.tab-pane .dawn_form { padding: 0px; border-radius: 0px; margin-bottom: 0px;}
.dawn_form .row { justify-content: space-between;}
.dawn_form .col_3 { width: 24%; }
.dawn_form .col_6 { width: 49%; }
.dawn_form .col_12 { width: 100%; }
.inner-page h2::before { display: none; }
.inner-page h2::after { display: none; }
.inner_banner { text-align: center; padding: 50px 0; }
.inner_banner h1{font-size: 36px; font-weight:500; margin-bottom: 20px;}
.inner_banner p{font-size: 16px; line-height: 24px;}
.back_yellow { background: #fef7e7;}
.back_gray { background: #F4F8FB;}
.back_yellow_dark { background: #fab214;}

/* ************About Page*************** */
.about_company { display: flex; align-items: flex-start; justify-content: space-between; background: #fab214; padding: 55px; border-radius: 25px; position: relative; z-index: 1;}
.about_brands { padding: 50px 0; }
.about_brands .about_brands_list { display: flex; flex-wrap: wrap; justify-content: space-evenly; }
.about_brands .about_brands_list .about_brands_box { width: 32%; border: 1px solid var(--yellow-color); background: #fff; padding: 20px; margin-bottom: 12px; border-radius: 10px; }
.about_brands .about_brands_list .about_brands_box h3 { font-size: 18px; font-weight: 600; }
.about_brands h2 { text-align: center; margin-bottom: 30px; }
.about_product_range { padding: 50px; background-color: #efefef; border-radius: 30px; }
.about_product_range h2 { margin-bottom: 30px; text-align: center; }
.about_product_range .about_product_range_list { display: flex; justify-content: center; flex-wrap: wrap;}
.about_product_range .about_product_range_list .about_product_range_box { background: #fff; width: 32%; padding: 26px; border-radius: 10px; box-shadow: 0 2px 2px rgb(0 0 0 / 10%); margin: 0 7px 18px;}
.about_product_range .about_product_range_list .about_product_range_box h3 { font-size: 18px; font-weight: 500; line-height: 24px; margin-bottom: 10px; }
.about_product_range_box .svg_icon { width: 45px; height: 45px; display: inline-block;}
.about_company .about_company_left { background: var(--yellow-color); width: 49%; }
.about_company .about_company_right { width: 49%; }
.about_company .about_company_right figure img { width: 100%; height: 100%; border-radius: 10px; overflow: hidden; }
.inner-page header .main-head { background: rgb(250 178 20 / 11%); }
.inner-page header .main-head.fixed-top { background: #fff; z-index: 998;}
.about_company .about_company_left img { width: 117px; margin-top: 18px; }
.about_why_choose { padding-top: 50px;}
.about_why_choose h2 { text-align: center; margin-bottom: 30px; }
.about_why_choose .about_why_choose_list { display: flex; align-items: center; justify-content: space-evenly; flex-wrap: wrap; }
.about_why_choose .about_why_choose_list .about_why_choose_box { width: 32%; margin-bottom: 19px; background: #fff; box-shadow: 0 2px 2px rgb(0 0 0 / 10%); padding: 20px; border-radius: 10px; }
.about_why_choose .about_why_choose_list .about_why_choose_box h3 { font-size: 18px; font-weight: 500; margin-bottom: 4px; }
.about_detail { padding: 50px 0; }
.about_journey { padding: 100px 0 50px; margin-top: -50px; }
.about_journey ul li { padding: 19px; font-size: 16px; background: #fff; margin-bottom: 11px; border-bottom: 1px solid var(--yellow-color); border-radius: 10px; border-left: 5px solid var(--yellow-color); }
.about_journey ul { margin-top: 30px; }
.about_journey ul li b { font-size: 16px; font-weight: 600; }
.about_industry { padding: 50px 0;}

/* *******Join Us******** */
.joinus_box {  display: flex; align-items: center; padding: 50px 0;}
.joinus_box .joinus_left { width: 40%; display: flex; align-items: end; padding: 50px 100px 0 50px; border-radius: 20px;}
.joinus_box .joinus_left img { width: 100%; }
.joinus_box .joinus_right { width: 60%; }
.joinus_box .joinus_right .dawn_form { margin: 0; margin-left: -60px;}

/* *****Literature******* */
.literature_row { padding: 50px 0;}
.literature_row .row { display: flex; justify-content: space-between; flex-wrap: wrap;}
.literature_row .literature_col { width: 24%; text-align: center;}
.literature_row .literature_col .literature_col_title h4 { font-size: 14px; line-height: 17px; margin-bottom: 10px; font-weight: 500; }
.literature_row .literature_col .literature_col_figure a { display: inline-block;}
.literature_row .literature_col a.download_btn { margin-top: 10px; display: inline-block;}
.literature_row .literature_col .literature_col_figure a img { width: 100%; background: #fff; border-radius: 10px; padding: 10px; box-shadow: 0 2px 2px rgb(0 0 0 / 10%);}
.literature_row .literature_col a { color: var(--yellow-color);}

/* *****FAQ***** */
.faq_page { padding: 50px 0;}
ul.accordion-list { position: relative; display: block; width: 100%; height: auto; padding: 10px; margin: 0; list-style: none; background-color: #f9f9fA; }
ul.accordion-list li:not(.faq-answer li){ position: relative; display: block; width: 100%; height: auto; background-color: #FFF; padding:0px 20px 0px; margin: 0 auto 15px auto; border: 1px solid #eee; border-radius: 5px; cursor: pointer; }
ul.accordion-list li.active h3:after { transform: rotate(45deg); }
ul.accordion-list li h3 { font-weight: 500; position: relative; display: block; width: 100%; height: auto; padding: 15px 0 15px 0; margin: 0; font-size: 18px; letter-spacing: 0.01em; cursor: pointer; }
ul.accordion-list li h3:after { content: "\2b"; font-family: "Font Awesome 6 Free"; position: absolute; right: 0; top: 35%; color: #Fcc110; transition: all 0.3s ease-in-out; font-size: 18px; }
ul.accordion-list li div.faq-answer { position: relative; display: block; width: 100%; height: 0px; margin: 0; padding: 0; transition: all 0.3s linear; overflow: hidden; cursor: pointer; font-weight: 300; cursor: pointer; line-height: 150%; font-size: 14px;}
ul.accordion-list li div.faq-answer.active{ height: auto; padding: 15px 0 0 20px; margin: 0 0 15px 0; }
ul.accordion-list li div.faq-answer p{font-size: 15px; line-height: 24px; margin-bottom: 10px; text-align: justify;}
ul.accordion-list li div.faq-answer ul{padding-left: 20px; list-style-type: circle;}
ul.accordion-list li div.faq-answer ul li{font-size: 15px; line-height: 24px; margin-bottom: 10px;}
ul.accordion-list li div.faq-answer img{width: 100%; height: auto;}

/* ******Contact Us******* */
.contact_box { display: flex; align-items: center;} 
.contact_box .contact_left { width: 49%;} 
.contact_box .contact_right { width: 49%; padding: 50px; display: flex; flex-direction: column; justify-content: center;} 
.contact_right>div { border-bottom: 1px solid #ddd; padding: 20px;}
.contact_right>div p { font-size: 18px; margin: 10px 0;}
.contact_box .contact_right .contact-icon p{display: flex; align-items: center;}
.contact_right>div p b { font-size: 18px; font-weight: 500;}
.contact_right>div p i { font-size: 16px; margin-right:10px; padding: 10px; color: var(--light-color); border-radius: 10px; background-color: var(--yellow-color);}
.contact_right>div p a { font-size: 18px;}

/* ******* My Account  ******** */
.account-wrapper{ background-color: #F4F8FB; padding: 0 0 25px; position: relative;}
.account-wrapper ul li a, .account-wrapper ul li button{padding:10px 10px; display: inline-block; width: 100%; margin: 5px 0px; background-color: transparent; border: 0px; text-align: left; font-size: 16px; font-weight: 500; color: #333; border-radius: 12px;}
.account-wrapper ul li a i, .account-wrapper ul li button i{font-size: 16px; margin-right: 10px; color: var(--yellow-color);}
.account-wrapper ul li a:hover, .account-wrapper ul li button:hover, .account-wrapper ul li a.active{background-color: var(--yellow-color); color: var(--light-color);}
.account-wrapper ul li a:hover i, .account-wrapper ul li button:hover i, .account-wrapper ul li a.active i{color: var(--light-color);}
.account-wrapper .dashboard-card{padding: 30px 20px; border-radius: 12px; display: flex; justify-content: space-between; align-items: center;}
.account-wrapper .dashboard-card.violet{background-color: rgba(168, 85, 247, .08); color: #A855F7;}
.account-wrapper .dashboard-card.green{background-color: rgba(17, 183, 107, .08); color: #11B76B;}
.account-wrapper .dashboard-card.red{background-color: rgba(240, 84, 84, .08); color: #F05454;}
.account-wrapper .dashboard-card .detail h2{font-size: 34px; margin-bottom: 10px;}
.account-wrapper .dashboard-card .detail p{font-size: 16px; font-weight: 600;}
.account-wrapper .dashboard-card .icon i{padding: 20px; font-size: 28px; border-radius: 50%; color: var(--light-color);}
.account-wrapper .dashboard-card.violet .icon i{background-color: #A855F7;}
.account-wrapper .dashboard-card.green .icon i{background-color: #11B76B;}
.account-wrapper .dashboard-card.red .icon i{background-color: #F05454;}
.account-wrapper table.order{width: 100%; text-align: left; border-collapse: collapse;}
.account-wrapper table.order tr{border-bottom: 1px solid #dee2e6;}
.account-wrapper table.order tr:last-child{border-bottom: 0px;}
.account-wrapper table.order th{padding: 20px 0px; font-size: 18px; font-weight: 500;}
.account-wrapper table.order td{padding: 20px 0px; font-size: 16px;}
.account-wrapper table.order td span.table-list-code{color: #333; font-weight: 600; font-size: 14px;}
.badge{border-radius: 50px; padding: 5px 12px; font-size: 12px; margin:0px 5px; border: 0px; outline:none;}
.badge.badge-info{background-color: #F3E8FF; color: #A855F7;}
.badge.badge-primary{background-color: #DBF7FD; color: #0DCAF0;}
.badge.badge-success{background-color: #DCFCE7; color: #22C79C;}
.badge.badge-danger{background-color: #FEE2E2; color: #EF4444;}
.badge.badge-yellow{background-color: #ffad004d; color: var(--dark-color);}
.btn.btn-outline.btn-sm{border: 1px solid #333; border-radius: 8px; padding: 10px; color: #333;}
.btn.btn-outline.btn-sm:hover{background-color: #333; color: #fff;}
.account-wrapper table.order tr td span, table.order tr td b{font-size: 13px;}
.account-wrapper table.order tr td span.quan{text-align: center; display: inline-block;  width: 100%;}
.account-wrapper .widget.address p{font-size: 16px; color: #333;}
.account-wrapper .widget.address p i, .checkout .address p i{font-size: 18px; margin-right: 10px;}
.account-wrapper .widget.address button.edit, .checkout .address button.edit{font-size: 16px; font-weight: 600; background-color: transparent; border: 0px;margin-bottom: 15px;}
.account-wrapper .widget.address button.edit i, .checkout .address button.edit i{font-size: 16px; margin-right: 10px;}
.account-wrapper .widget.address button.edit:hover, .checkout .address button.edit:hover{color: var(--yellow-color);}
.account-wrapper .form-wrapper{margin-top: 20px;}
.account-wrapper .form-wrapper textarea{width:100%; border:1px solid #dee2e6; border-radius: 12px; padding: 10px; font-size: 16px; min-height: 150px; margin-bottom: 20px;}
.checkout .previous-wrapper label.address-radio input{display: none;}
.checkout .address{background-color: #fff; padding: 20px; border-radius: 12px; border: 1px solid #d5d5d5; width: 100%;}
.checkout .previous-wrapper label{opacity:0.8; width: 100%; cursor: pointer;}
.checkout .previous-wrapper label:has(input:checked){opacity:1}
.checkout .previous-wrapper .address p{color:#646464; font-size: 16px;}
.checkout .previous-wrapper label:has(input:checked) .address p{color:var(--yellow-color);}
.checkout .previous-wrapper label:has(input:checked) .address { border: 1px solid var(--yellow-color);}
.checkout .previous-wrapper label input{display: inline-block; width: 20px; height: 20px; margin: auto 0px; accent-color: #b88515;}

.alert_mgs_fix { position: relative;}
.alert_mgs{ border-radius: 6px; padding: 12px 23px; font-size: 14px; position: absolute; right: 1%; top: 3%; font-weight: 500;}
.alert_mgs.alert_mgs_info{background-color: #F3E8FF; color: #A855F7; border: 1px solid #dcceec;}
.alert_mgs.alert_mgs_primary{background-color: #DBF7FD; color: #0DCAF0; border: 1px solid #cce8ee;}
.alert_mgs.alert_mgs_success{background-color: #DCFCE7; color: #22C79C; border: 1px solid #caecd6;}
.alert_mgs.alert_mgs_danger{background-color: #FEE2E2; color: #EF4444; border: 1px solid #e9c9c9;}

.align-content-center{align-content: center;}
/********** Career **********/
section.career-wrapper{background-color: #F4F8FB; padding: 0 0 25px;}
.career-wrapper .icon span {
    color: transparent;
    font-size: 38px;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--yellow-color);
    border: 1px solid var(--yellow-color);
    display: inline-block;
    text-align: center;
    align-content: center;
    border-radius: 50%;
    width: 90px;
    font-weight: 800;
    height: 90px;
}
.career-wrapper .content{padding-left: 25px;}
.career-wrapper .content h2{color: #333; font-weight: 600; font-size: 22px;margin-bottom: 15px; padding-bottom:10px; border-bottom: 1px solid rgb(232, 232, 232);}
.career-wrapper .content p{font-size: 15px; line-height:25px; text-align: justify;margin-bottom: 20px;}
.career-wrapper .content ul.skill-list li{list-style-type: "✔ "; font-size: 15px; padding: 5px 0px; opacity: 0.6;}
.career.skill h3 { font-size: 18px; padding-left: 12px; font-weight: 600; border-bottom: 1px solid #ddd; padding-bottom: 10px;}


/*********** Privacy Policy ************/
section.policy-wrapper{background-color: #F4F8FB; padding: 0 0 25px;}
.policy-wrapper p{font-size: 15px; line-height:24px; margin-bottom: 20px; text-align: justify; color: #000000bf;}
.policy-wrapper p strong,.policy-wrapper ol li strong,.policy-wrapper ul li strong{font-size: 15px; line-height:24px; margin-bottom: 20px; font-weight: 600;}
.policy-wrapper ol{padding-left: 25px; margin-bottom: 20px;}
.policy-wrapper ul{list-style-type:circle; padding-left: 25px; margin-bottom: 20px;}
.policy-wrapper ol li, .policy-wrapper ul li{font-size: 15px; line-height: 24px; margin-bottom: 10px; }
.policy-wrapper em, .policy-wrapper u { font-size: 14px;}

/************* Useful Links ****************/
section.useful-wrapper{background-color:#F4F8FB; padding: 0 0 25px; }
.usefullink_title.page-title .title { width: 100%; text-align: center;}
.useful-wrapper p{font-size: 15px; line-height: 24px; text-align: center; margin-bottom: 20px;}
.useful-wrapper table { border-collapse: collapse; padding: 10px; width: 100%; }
.useful-wrapper table tr th { font-weight: 500; font-size: 20px; text-align: left; padding: 10px; }
.useful-wrapper table tr td { font-size: 15px; padding: 20px 10px; border-bottom: 1px solid rgb(250 178 20 / 20%); }
.useful-wrapper table tr:last-child td { border: 0px; }
.useful-wrapper .toc_link .table_wrapper { height: auto; border: 1px solid rgb(250 178 20 / 20%); overflow: auto; border-radius: 10px; }
.useful-wrapper .toc_link .table_wrapper table { border-spacing: 0; }
.useful-wrapper .toc_link .table_wrapper table thead th { font-size: 16px; color: rgb(255 255 255); }
.useful-wrapper .toc_link .table_wrapper table tbody { font-size: 14px; }
.useful-wrapper .toc_link .table_wrapper table th, .useful-wrapper .toc_link .table_wrapper table td { padding: 15px 24px; white-space: nowrap; /* border-bottom: 1px solid #C9D1DC; */ }
.useful-wrapper .toc_link .table_wrapper table tr:last-child td { border-bottom: none; }
.useful-wrapper .toc_link .table_wrapper table tr.sticky { position: sticky; top: 0; z-index: 1; background: rgb(250 178 20); }
.useful-wrapper .toc_link .table_wrapper table th.sticky, .useful-wrapper .toc_link .table_wrapper table td.sticky { position: sticky; left: 0; background: #f5f5f5; }
.useful-wrapper .toc_link .table_wrapper table th.sticky::after, .useful-wrapper .toc_link .table_wrapper table td.sticky::after { content: ""; position: absolute; right: -6px; top: 0; bottom: -1px; width: 5px; border-left: 1px solid #C9D1DC; background: linear-gradient(90deg, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0) 100%); }
.useful-wrapper .toc_link .table_wrapper table th.sticky::before, .useful-wrapper .toc_link .table_wrapper table td.sticky::before { content: ""; position: absolute; left: -6px; top: 0; bottom: -1px; width: 5px; border-right: 1px solid #C9D1DC; background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.08) 100%); }
.useful-wrapper .toc_link .table_wrapper table tbody tr:nth-child(even) { background: rgb(250 178 20 / 5%); }
.toc_link h2 { font-size: 22px; margin-bottom: 11px; font-weight: 600; }
.useful-wrapper .toc.toc_link .table_wrapper table td:last-child, .useful-wrapper .toc.toc_link .table_wrapper table th:last-child { text-align: right;}
.useful-wrapper .links-table tr{cursor: pointer;}

.modal { visibility: hidden; opacity: 0; position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; background: rgba(77, 77, 77, .7); transition: all .4s linear; z-index: 9999; }
.modal::-webkit-scrollbar {width: 0px;}
.modal .form-group{margin-bottom: 10px;}
.modal.active { visibility: visible; opacity: 1; overflow-y: scroll;}
.modal__close {width:max-content; background-color: transparent; border: 0px; outline: none; position: absolute; top: -4px; right: 10px; color: #fff; text-decoration: none; font-size: 43px; }
.modal__close:hover{color: var(--yellow-color);}
.offer-modal.modal{transform: scale(0); transform-origin:50% 50%;}
.offer-modal.modal.active{transform: scale(1);}
.login-modal .widget, .address-modal .widget { box-shadow: none; }
.address-modal .form-wrapper{padding:30px; border-radius: 30px; width: 80%; max-width: 920px;}

.payment-wrapper .form-group label .title{display: flex; gap: 10px; align-items: center; font-size: 18px; font-weight: 600; cursor: pointer;}
.payment-wrapper .form-group label{ display: flex; align-items: center; width: 100%; justify-content: space-between; }
.payment-wrapper .form-group label img{ width: 45px; padding: 5px;}
.payment-wrapper .card-details{margin: 30px 0px;}
.payment-wrapper .form-check label, .checkout .form-check label{display: flex; gap:10px}
.payment-wrapper .form-check label p, .checkout .form-check label p{font-size: 14px;}
.payment-wrapper .form-check label .checkbox.toggle{margin-top: 5px;}
.payment-wrapper .form-check input.form-check-input{width:50px; height: 30px;}
.payment-wrapper .form-check input#term{width:65px; height: 40px;}



/*********** Blog Page *************/
.blog_page .knowledge .article .date { left: 0; border-radius: 0 6px 6px 0; padding: 4px 12px; font-size: 14px;}
.blog_page .knowledge .article .date p { font-size: 13px;}
.blog_page .knowledge .article { padding: 10px;}
.blog_page .knowledge .article .img-container img { border-radius: 5px;}
.blog_page .knowledge .article .img-container { margin-bottom: 10px;}
.blog_page .knowledge .article .title h3 { font-size: 16px; line-height: 22px; margin-bottom: 0; display: inline; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word;}
.blog_page .knowledge .article .title { margin-bottom: 10px;}
.blog_page .knowledge .article .btn_link { color: var(--yellow-color); font-size: 14px; font-weight: 500; text-decoration: underline;}

/*********** Blog Detail *************/
section.blog_detail { padding: 50px 0;}
section.blog_detail h1{font-size: 32px; font-weight: 500; margin-bottom: 15px;}
section.blog_detail a.blog_category, section.blog_detail a.blog_category.dark:hover{ background: #fab214; display: inline-block; color: #fff; padding: 12px 16px; border-radius: 6px; font-size: 14px; margin:0px 0px 10px 10px;}
section.blog_detail a.blog_category:hover, section.blog_detail a.blog_category.dark{text-decoration: none; background-color: var(--dark-color);}
section.blog_detail p.timeline { font-size: 14px; margin-bottom: 10px; color: #5c5757;}
section.blog_detail .blog_thumbnail { display: inline-block; border: 1px solid rgb(0 0 0 / 12%); width:40%; padding: 10px; border-radius: 10px; margin-bottom: 15px;}
section.blog_detail .blog_thumbnail img{width: 100%;}
section.blog_detail .blog_thumbnail img, section.blog_detail .desc img{border-radius: 12px;}
section.blog_detail .desc p, section.blog_detail .desc span { font-size: 15px; margin-bottom: 15px;}
section.blog_detail .desc strong { font-size: 15px; font-weight:500; margin-bottom: 15px;}
section.blog_detail .desc ul li, section.blog_detail strong { font-size: 16px;}
section.blog_detail .desc ul { list-style: circle; padding-left: 15px;}
section.blog_detail .desc li { padding: 2px 0; font-size: 15px;}
section.blog_detail .desc a { font-size:15px; color: var(--yellow-color);}
section.blog_detail .desc a:hover { text-decoration: underline;}
section.blog_detail .desc h1, section.blog_detail .desc h2, section.blog_detail .desc h3, section.blog_detail .desc h4, section.blog_detail .desc h5, section.blog_detail .desc h6, section.blog_detail .desc h1 strong, section.blog_detail .desc h1 em { margin-bottom: 15px; font-size: 26px; font-weight: 500;}

/*********** Supplier *************/
.suppliers_brands.container { padding: 0 15px 50px;}
.suppliers_brands .row { display: flex; flex-wrap: wrap; justify-content: center;}
.suppliers_brands .row .sp_col { width: 15%; margin: 5px; padding: 10px; border-radius: 6px; border: 1px solid #ddd;}
.suppliers_brands .row .sp_col img { width: 100%; height: 100%; aspect-ratio: 2/1;}

/*********** Industries  *************/
.industries_brands.container { padding: 0 0 50px;}
.industries_brands .row { display: flex; flex-wrap: wrap; justify-content: center;}
.industries_brands .row .ind_col { width: 23%; margin: 5px 5px 5px 5px; padding: 10px; border-radius: 6px; border: 1px solid #ddd; display: flex; flex-direction: column; justify-content: space-between;}
.industries_brands .row .ind_col .ind_fill { display: inline-block; width: 100%; text-align: center;}
.industries_brands .row .ind_col h3 { font-size: 18px; font-weight: 600; margin: 0; text-align: center;}
.industries_brands .row .ind_col img { width: 100%; height: 100%;}
.industries_brands.pages .row .ind_col{border-radius: 12px;}
.industries_brands.pages .row .ind_col .ind_fill img{border-radius: 10px; margin-bottom: 20px;}
.industries_brands.pages .row .ind_col h3{margin-top: 10px; font-weight: 500;}

/*********** Applications  *************/
.applications_brands.container { padding: 0 0 50px;}
.applications_brands .row { display: flex; flex-wrap: wrap; justify-content: center;}
.applications_brands .row .apl_col { width: 32%; margin: 5px; padding: 10px; border-radius: 6px; border: 1px solid var(--yellow-color); display: flex; flex-direction: column; justify-content: space-between;}
.applications_brands .row .apl_col .apl_fill { display: inline-block; width: 100%; text-align: center;}
.applications_brands .row .apl_col h3 { font-size: 18px; font-weight: 600; margin: 0; text-align: center;}
.applications_brands .row .apl_col .apl_link { color: var(--yellow-color); display: block; text-align: center;}
.applications_brands .row .apl_col img { width: 120px; height: auto;}


.applications_brands.container.applications_brands_inner { background: #fffbf3; border-radius: 20px; padding: 30px;}
.applications_inner .widget .details-wrapper .text .details{ display: block; height: 400px; overflow: hidden; position: relative; transition: all 0.3s linear; }
.applications.applications_inner .widget .details-wrapper .text h1 { font-size: 28px; margin: 0;}
.applications.applications_inner { padding: 50px 0;}
.applications.applications_inner .widget .details-wrapper .text h2 { margin: 10px 0; font-size: 18px;}
.applications.applications_inner .apl_col { width: 24%; background: #fff; border: none; box-shadow: 0 2px 2px rgb(0 0 0 / 5%); padding: 10px 10px 18px;}
.app_portfolio_title.container { padding: 20px; background: #fab214; margin-bottom: 20px; border-radius: 8px;}
.app_portfolio_title h4 { font-size: 20px;}
h2.app_inner_subtitle { border: 1px solid rgb(250 178 20 / 50%); padding: 10px 15px; border-radius: 8px; background: rgb(250 178 20 / 9%);}

/*********** Applications  *************/
.alcohols_brands.container { padding: 0 0 50px;}
.alcohols_brands .row { display: flex; flex-wrap: wrap; justify-content: center;}
.alcohols_brands .row .alc_col { width: 19%; margin: 5px; padding: 10px; border-radius: 6px; border: 1px solid var(--yellow-color); display: flex; flex-direction: column; justify-content: space-between;}
.alcohols_brands .row .alc_col .alc_fill { display: inline-block; width: 100%; text-align: center;}
.alcohols_brands .row .alc_col h3 { font-size: 18px; font-weight: 600; margin: 0; text-align: center;}
.alcohols_brands .row .alc_col p { font-size: 14px; text-align: center;}
.alcohols_brands .row .alc_col img { width: 100%; height: 100%;}


.ind_section { padding: 50px 0;}
.ind_section.pb_0 { padding-bottom: 0;}
.ind_section h1 { margin-bottom: 10px;}
.ind_section h2 { font-weight: 500; margin: 10px 0;}
.ind_section p { margin-bottom: 10px;}
.ind_section b { font-size: 16px; font-weight: 600;}
.ind_section hr { width: 100%; display: block; height: 2px; background: #000; margin: 10px 0;}
.ind_section .ind_table { display: flex; align-items: center; justify-content: space-between; width: 100%; flex-wrap: wrap;}
.ind_section .ind_table .table_responsice { width: 75%;}
.ind_section .ind_table .ind_img { width: 25%;}
.ind_section .ind_table .table_responsice.w_100 { width: 100%;}
.ind_section .ind_table .table_responsice table { width: 100%;}
.ind_section .ind_table .table_responsice table tr td { padding: 10px; border: 1px solid #ddd; font-size: 14px;}
.ind_section .ind_table .ind_img img { width: 15%;}
.ind_section .ind_table .ind_img img { width: 100%;}
.ind_section .ind_brands { display: flex; align-items: center; width: 100%;}
.ind_section .ind_brands .ind_products_bx { width: 15%; background: #fff; border-radius: 10px; padding: 10px; margin: 0 3px;}
.ind_section .ind_brands .ind_products_bx img { width: 100%;}

.ind_section .ind_products { display: flex; align-items: center; width: 100%; margin-top: 25px;}
.ind_section .ind_products .ind_products_bx {box-shadow: 0 2px 2px #ddd; width: 30%; background: #fff; border-radius: 10px; padding: 15px; margin: 0 3px; text-align: center;;}
.ind_section .ind_products .ind_products_bx h3 { font-size: 16px; text-align: center; margin-bottom: 5px; line-height: 19px;}
.ind_section .ind_products .ind_products_bx p { font-size: 14px; text-align: center; margin-bottom: 0;}
.ind_section .ind_products .ind_products_bx img { width: 130px; margin: 0 auto 14px;}

.ind_section .ind_rel_app { width: 100%; display: flex; margin-top: 15px; justify-content: space-between;}
.ind_section .ind_rel_app .ind_rel_app_bx { width: 24%; text-align: left; border: 1px solid #ddd; border-radius: 10px; padding: 18px; display: flex; align-items: center;}
.ind_section .ind_rel_app .ind_rel_app_bx h3 { font-size: 16px; margin: 0; line-height: 20px;}
.ind_section .ind_rel_app .ind_rel_app_bx img { width: 50px; margin-right: 13px;}
.margin_space { display: block; margin: 15px;}
.ind_section ul { margin: 10px 0; padding-left: 20px;}
.ind_section ul li { font-size: 16px; margin-bottom: 10px; list-style: disc;}

/*********** Loading *************/
.btn.loading{padding:25px 50px;}
.btn.loading::after{
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 6px dotted var(--light-color);
    position: absolute;
    top: 25%;
    left: 37%;
    animation: loading 1s ease-in-out infinite;
}
.btn.w-100.loading::after{left:47%;}
.w-100{width:100%}
.loading-wrapper, .search-loading{position: relative;overflow: hidden;}
.loading-wrapper::before, .search-loading::before{content: ''; width: 100%; height: 100%; background-color: #ffffff4b; position: absolute; top: 0; right: 0; z-index: 8;}

.search-loading::after{content: ''; display: inline-block; width: 30px; height:30px; border:10px dotted var(--dark-color); position: absolute; top:45%; left:50%; animation: loading 1s linear infinite;}


@keyframes loading{0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);}}

input[type="button"].loader{opacity:0.7; animation: loading 1s linear infinite;}

.full_page_loader{ 
    position: absolute;
    left: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    top: 0;
}
.full_page_loader::before{ content: ''; width: 100%; height: 100%; background-color: #fff; position: fixed; top: 0; right: 0; z-index: 998;}
.full_page_loader::after {
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 20px dotted var(--yellow-color);
    position: fixed;
    top: 43%;
    left: 47%;
    animation: loader 1s ease-in-out infinite;
    z-index: 999;
}

@keyframes loader {0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);}}


.zoom-container {position: relative;overflow: hidden; cursor: zoom-in; background-repeat: no-repeat; transition: background-position 0.2s ease-out;}
.zoom-container img {display: block;width: 100%;height: 100%;object-fit: cover;opacity: 0;}
 

.account-wrapper .table_wrapper, .address_box .table_wrapper { height: auto; border: 1px solid rgb(250 178 20 / 20%); overflow: auto; border-radius: 10px; }
.account-wrapper .table_wrapper table { border-collapse: collapse; padding: 10px; width: 100%; border-spacing: 0;}
.account-wrapper .table_wrapper table tr th { background: rgb(250 178 20); font-weight: 500; text-align: left; padding: 15px 10px; font-size: 16px; color: rgb(255 255 255); }
.account-wrapper .table_wrapper table tr td, .address-wrapper table tr td { font-size: 15px; padding: 20px 10px; border-bottom: 1px solid rgb(250 178 20 / 20%); }
.account-wrapper .table_wrapper table tr:last-child td, .address-wrapper table tr:last-child td { border: 0px; }
.account-wrapper .table_wrapper table tbody { font-size: 14px; }
.account-wrapper .table_wrapper table th, .account-wrapper .table_wrapper table td { padding: 15px 24px; white-space: nowrap;}
.account-wrapper .table_wrapper table tr:last-child td { border-bottom: none; }
.account-wrapper .table_wrapper table tbody tr:nth-child(even) { background: rgb(250 178 20 / 5%); }
.account-wrapper .table_wrapper table td:last-child, .account-wrapper .table_wrapper table th:last-child { text-align: right;}

.m_filter_title { display: none;}

.empty-wrapper{text-align: center; width: 100%;}
.empty-wrapper i{font-size: 250px;}
.empty-wrapper .icon{width: 100%; margin-bottom: 50px;}
.empty-wrapper .icon svg{width: 25vw; height: 25vw;}
.empty-wrapper h2{color: #333; font-size: 40px; font-weight: 500; margin: 20px 0px;}
.empty-wrapper a.btn{ margin-bottom:20px;}

.css-1nmdiq5-menu { z-index: 3 !important;}
.vartion-products {width:100%; overflow: auto;}
.vartion-products table{width:100%; margin: 5px 0px 15px 0px;}
.vartion-products table tr th{padding: 10px 8px; font-size: 16px; font-weight: 500; text-align: left;}
.vartion-products table tr td{ padding: 10px 8px; font-size: 16px; white-space: nowrap;}
.vartion-products table tr td .price{font-size: 16px; color:#11B76B; font-weight: 600;}
.vartion-products .btn.btn-primary{padding: 15px 10px;}
.vartion-products table tr th:first-child, .vartion-products table tr td:first-child{padding-left: 0px;}
.vartion-products table tr th:last-child, .vartion-products table tr td:last-child{padding-right: 0px;}

.swiper-button-prev:after, .swiper-button-next:after{font-size: 15px !important; font-weight: 900; color: var(--light-color);}
.swiper-button-prev, .swiper-button-next{background-color: var(--dark-color); width: 40px !important; height: 40px !important; text-align: center;align-content: center; border-radius: 50%;}
.swiper-button-prev:hover, .swiper-button-next:hover{background-color: var(--yellow-color);}
.swiper-button-prev:hover:after, .swiper-button-next:hover:after{color: var(--light-color);}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: var(--yellow-color) !important;}
section.info .swiper-pagination-bullet{background-color: #F4F7F8 !important;}

.form-check-input.toggle{visibility: hidden; opacity: 0; display: none;}
label .checkbox.toggle{width: 35px; height:20px; position: relative; border: 1px solid #33333340; border-radius: 20px; transition: all 0.2s linear; cursor: pointer; flex: 0 0 auto;}
label .checkbox.toggle::before{content:''; width: 15px; height:15px; border-radius: 50%; background-color: #33333340; position: absolute; top: 1.5px; left: 2px; transition: all 0.2s linear;}
label:has(input.toggle:checked) .checkbox.toggle{background-color: var(--yellow-color); border-color:var(--yellow-color);}
label:has(input.toggle:checked) .checkbox.toggle::before{background-color: var(--light-color); left:17px}
/* 
.col-sm-2{width:16.66%; font-size: 16px;}
.col-sm-2 strong{font-size: 16px; color: #333; font-weight: 500;} */

.widget .range-desc{display: flex; gap: 10px; align-items: center; justify-content: space-between; margin-top: 20px;}
.widget .range-desc h5{font-size: 16px; font-weight: 500;}
.widget .rc-slider-handle{top: 2px;}
.widget .rc-slider-handle.rc-slider-handle-dragging{box-shadow: 0 0 0 5px rgb(250 178 20 / 11%) !important;}


.pagination{margin:50px auto 20px auto;}
.pagination button{background-color: transparent; color: var(--dark-color); border: 0px; font-size: 16px; outline: none; padding: 5px; margin:5px}
.pagination button:hover, .pagination button.active{color: var(--yellow-color);}
.pagination button:disabled{cursor:context-menu; opacity: 0.5;}

.product-wrapper { width: 100%;}
.product-wrapper .product-list-content { width: 100%; background: #fff; border: 1.5px solid #e7eaee; box-shadow: 0 0 40px rgba(0, 0, 0, .05); border-radius: 20px; padding: 5px; margin-bottom: 10px; animation: fadeUp 0.5s linear;}
.product-wrapper .product-list-content .row { width: 100%;}
.product-wrapper .product-list-content .product_title, .product-wrapper .product-list-content .product_sku, .product-wrapper .product-list-content .brand_name{ font-size: 14px; font-weight: 500; line-height: 24px;}
.product-wrapper .product-list-content .product_title a{font-size: 14px;}
.product-wrapper .product-list-content .brand_name{text-align: left; margin-top: 0px;}
.product-wrapper .product-list-content .brand_name a{font-size: 13px; color: #757f95;}
.product-wrapper .product-list-content .brand_name a:hover{color:#00c97a}
.product-wrapper .product-list-content .product-brands-links { font-size: 16px; font-weight: 400;}
.product-wrapper .product-list-content .price { font-size: 16px; font-weight: 500; color: #11B76B;}
.product-wrapper .product-list-content .img-area img{width: 100%; border-radius: 10px;}
.product-wrapper .product-list-content .btn-area{display: flex; gap: 5px; justify-content: center;}
.product-wrapper .product-list-content .col-md-1, .product-wrapper .product-list-content .col-md-2, .product-wrapper .product-list-content .col-md-3, .product-wrapper .product-list-content .col-md-4, .product-wrapper .product-list-content .col-md-5, .product-wrapper .product-list-content .col-md-15, .product-wrapper .product-list-content .col-md-25{align-content: center; padding:5px}
.product-wrapper .product-list-content .product_sku .badge{font-size: 10px; margin: 0px; display: inline-block; line-height: 12px;}
.product-wrapper .product-list-content .product_sku{text-align: left;}
.product-wrapper .product-list-content .product_sku.text-center{text-align: center;}
.applied-filters{width: 40%;}
span.filter-tag{display: inline-block; margin: 5px;}
.applied-filters .badge{font-size: 10px;}
.applied-filters .remove-item{width: 20px; height: 20px; font-size: 10px;}
@keyframes fadeUp {0%{transform: translateY(100px);} 100%{transform: translateY(0px);}}
.archive-products h2.empty{font-weight: 500; font-size: 24px;}


.card-banner .tabs-head{display: flex; gap: 5px; overflow: auto;} 
.card-banner .tabs-head .btn-tabs{background-color: transparent; white-space: nowrap; outline:none; border: 1px solid #00000047; color: var(--dark-color); font-size: 14px; padding: 10px 20px; border-radius: 20px;}
.card-banner .tabs-head .btn-tabs.active, .card-banner .tabs-head .btn-tabs:hover{background-color: var(--dark-color); color: var(--light-color); border-color: var(--dark-color);}
.card-banner .tab-card{background-color: #F4F8FB; padding:15px; border-radius: 14px; height: 100%; display: flex;flex-direction: column; justify-content: space-between;}
.card-banner .tab-card .img-area{width:100%; overflow: hidden; height: 100%; min-height: 150px; background-color: white; border-radius: 12px; margin-bottom: 15px; text-align: center; align-content: center;}
.card-banner .tab-card.brands_logo .img-area{padding: 25px;}
.card-banner .tab-card .img-area img{width:70%; height:auto; transition: all 0.3s linear;}
.card-banner .tab-card .desc{display: flex; justify-content: space-between;}
.card-banner .tab-card .desc .btn-area{min-width: 75px; align-content: center;}
.card-banner .tab-card .desc .btn.btn-small{background-color: var(--dark-color); padding: 5px 10px; border-radius: 20px; font-size: 12px; color: var(--light-color); align-content: center;}
.card-banner .tab-card .desc .btn.btn-small:hover{background-color: transparent; color: var(--dark-color); border:1px solid var(--dark-color)}
.card-banner .tab-card .desc h2{font-size: 20px; font-weight: 500; line-height: 22px;}
.card-banner .tab-card:hover .img-area img{transform: scale(1.1);}

.single-review{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #dee2e6; }
.single-review .user-details{display: flex; gap: 20px; align-items: center;}
.single-review .user-details h4{font-size: 16px; font-weight: 500;}
.single-review .user-details .img-area img{width: 50px; height:50px; border-radius: 50%;}
.single-review .rating {padding-left: 70px;}
.single-review .rating p{font-size: 18px; margin:10px 0px;}
.single-review .rating span.rating-star{color: var(--yellow-color); font-size: 16px;}

.uppercase{text-transform: uppercase;}
.modal__content.offer{width: 50%; height: auto; background-color: var(--dark-color); min-height: 300px; padding: 20px; text-align: center; align-content: center;}
.modal__content.offer h2{font-size: 50px; width: 150px;height: 150px; text-align: center;align-content: center; margin: auto;margin-bottom: 20px; color: white;border: 5px solid white;border-radius: 50%; position: relative; animation: grow 1s alternate ease-in-out infinite;}
.modal__content.offer p{font-size: 18px;color: white; font-weight: 500; line-height: 32px; margin-bottom: 20px;}
.modal__content.offer .btn.btn-primary::before{background-color: var(--light-color);}
.modal__content.offer .btn.btn-primary:hover{color: var(--dark-color);}
.modal__content.offer img{width: 100%; height:400px;}

@keyframes grow {
    0%{transform: rotate(-10deg);}
    100%{transform: rotate(10deg);}
}
section.not-found{padding-bottom: 50px;}
section.not-found .img-area{width: 50%; margin: auto; margin-bottom:35px;}
section.not-found .img-area img{width: 80%; height: auto;}
section.not-found .title a{margin-top: 20px;}
.inner-page .inner-page-products { width: 100%;}
.inner-page-products .list-title h2{font-size: 24px; margin-top: 45px; margin-bottom: 20px; font-weight: 500;}
@keyframes bounce-scale {
  0% { transform: scale(1); }
  50% { transform: scale(0.9); }
  100% { transform: scale(1); }
}

.form-wrapper.animate-bounce {
  animation: bounce-scale 0.3s ease-in-out;
}