@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@font-face {
    font-family: 'sf_pro_displayregular';
    src: url('../fonts/sfprodisplayregular-webfont.woff2') format('woff2'),
    url('../fonts/sfprodisplayregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} 
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.fa-facebook-f {
    color: #1877F2;
}

.fa-tiktok {
    color: #000;
}

.fa-youtube {
    color: #FF0000;
}

.fa-instagram {
    color: #E4405F;
    /* or use a gradient background on the parent if desired */
}
:root {
    --main-color: #03786c;
    --secondary-color: #03786c59;
    --white-color: #fff;
    --text-color:#000;
    --paragraph-color:#666;
    --link-color:#03786c;
    --radius:10px;
    --border-color: #03786c;
    --gradient:linear-gradient(  180deg,  #077b62 0%,  #0177662e 50%,  #0575682e 100%);
}
.bg-grey{
    background: var(--light-grey-color);
}
.border-radius{
    border-radius: var(--radius);
}
.alert_box {
background: #03786c;
    padding: 5px 8px;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    margin-bottom: 15px;
}
.alert_payment {
    border-top: 4px solid #03786c;
    padding: 5px 8px;
    color: #000000;
    font-size: 14px;
    margin-bottom: 15px;
    background: #f6f6f6;
}
.p-5{
    padding: 10px;
}
.black-color{
    font-weight: 500;
    color: var( --text-color);
}
body{
    color: var(--paragraph-color);
    font-family: "Noto Sans", sans-serif;
}
.wrapper{
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
    padding: 0 20px;
}
.content_wrapper{
    width: calc(100% - 80px);
    margin-left: auto;
}
/*Header*/
/*Header*/
.show-up-it{
	display:block !important;
}
.top-search-content {
    width: 100%;
}
.psearch-content {
    border-radius: 5px;
    display: flex;
    border: 1px solid #ccc;
   color: var(--text-color);
    height: 40px;
}
.psearch-content select {
    border: none;
    background: #fff;
    border-radius: 5px 0 0 5px;
    padding: 0 15px;
    border-right: 1px solid #ccc;
    appearance: none;
    cursor: pointer;
    background: #fff url(../Image/angle-down.png) no-repeat 92% 52%;
}
.header_extras {
    gap: 40px;
    display: flex;
    align-items: center;
    width: 70%;
    justify-content: space-between;
}
.account_txt{
    font-size: 14px;
    color: var(--text-color);
    font-weight: 500;
}
.extras-menu ul {
    gap: 30px;
    display: flex;
    align-items: center;
}
.extras-menu ul a{
    display: flex;
    gap: 10px;
    align-items: center;
    color: var(--text-color);
    position: relative;
    text-decoration: none;
}
.mini-item-counter{
    position: absolute;
    bottom: -3px;
    right: -4px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    color: #fff;
    background: var(--main-color);
    display: flex
;
    align-items: center;
    justify-content: center;
}
.extras-menu ul a i{
    font-size: 26px;
}
#dynamicSelect {
    width: auto;
    min-width: 10px; /* Optional minimum width */
}
.search_btn{
    font-size: 14px;
    font-weight: 700;
    border-radius: 0 5px 5px 0;
    background:  var(--main-color);
    border: none;
    color: #fff;
    padding: 0 27px;
    cursor: pointer;
}
.psearch-content input{
    border: none;
    padding-right: 20px;
    padding-left: 20px;
    width: 433px;
    border-radius: 5px 0 0 5px;
}
.psearch-content input:focus,.psearch-content select{
    outline: none;
}
.header-main{
    padding-block: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.site_logo{
    gap: 40px;
    display: flex;
    align-items: center;
}
.cats-menu-title a{
    text-decoration: none;
}
.cats-menu-title a i{
    font-size: 22px;
    color: var(--text-color);
}
.top_bar_con{
    color: var(--white-color);
    padding: 5px 10px;
    background-color: var(--main-color);
}
.top_bar_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.topbar_right{
    display: flex;
    align-items: center;
}
.language_con ul,.currancy_box ul,.cats-menu-list{
    opacity: 0;
    visibility: hidden;
}
.topbar_right a{
    color: var(--white-color);
    font-size: 14px;
    text-decoration: none;
}
ul.language_con,.currancy_box,.track_link {
    padding: 0 15px;
    position: relative;
}
ul.language_con, .currancy_box{
    padding-right: 30px;
}
/* ul.language_con:after,.track_link:after, */
.currancy_box:after {
    background-color: #e1e1e1;
    width: 2px;
    height: 14px;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

ul.language_con:before,.currancy_box:before{
    content: "\f107";
    display: inline-block;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    right: 0;
    top: 50%;
    padding-right: 15px;
    transform: translateY(-50%);
    font-size: 12px;
}
.banner_slider{
    position: relative;
}
.banner_slider img{
    width: 100%;
}
.banner_con .swiper-button-next {
    right: 60px;
}
.banner_con .swiper-button-prev{
    left: 60px;
}
.store_location{
    padding-left: 15px;
}
.phone_num{
    font-size: 14px;
}
.language_con > li a,.currancy_box > li a {
    padding-right: 10px;

}
.currancy_box ul,.language_con ul,.cats-menu-list{
    transform: translateY(20px);
    transition: all 0.5s ease-in-out;
}
.currancy_box ul,.language_con ul,.cats-menu-list{
    border: 1px solid #e7e7e7;
    min-width: 120px;
    position: absolute;
    top: 33px;
    background: #fff;
    left: -6px;
    z-index: 9;

}

.cats-menu-list{
    min-width: 220px;
}
.currancy_box:hover ul,.language_con:hover ul, .cats-menu:hover .cats-menu-list{
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
.currancy_box ul li a,.language_con ul li a,.cats-menu-list li a{
    padding: 8px 15px;
    text-decoration: none;
    display: block;
    color: var(--text-color);
}
.icon_con {
    padding-block: 45px;
}
.icon_box_title h4{
    font-size: 18px;
    font-weight: 500;
   color: var(--text-color);
}
.icon_box_title span{
    font-size: 14px;
    color: var(--paragraph-color);
    display: inline-block;
}

.icon_box_item {
    gap: 25px;
    display: flex;
    align-items: center;
    border-right: 1px solid #dadada;
    padding-right: 65px;
}
.icon_box .icon_box_item:last-child {
    border-right: none;
    padding-right: 0;
}
.icon_box_item i {
    font-size: 40px;
    color:  var(--main-color);
}
.icon_box{
    display: flex;
    justify-content: space-between;
}
.primary_nav{
    padding: 12px 10px;
    background:  var(--secondary-color);
}
.nav_item{
    gap: 36px;
    display: flex;
    justify-content: space-around;
}
.nav_item li a{
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--text-color);
    text-decoration: none;
}
.nav_item li a i{
    padding-right: 5px;
}
/*Sidebar*/
ul{
    list-style: none;
}
.sidebar{
    left: 0;
    /* top: 0; */
    z-index: 9999;
    height: 100dvh;
    position: fixed;
    background: #fff;
    border-right: 1px solid rgba(119, 119, 119, 0.12);
    font-family: "Open Sans", sans-serif;
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    width: 80px;
}
.sidebar {
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.your-container-class::-webkit-scrollbar {
    display: none;
}
.sidebar-link-text {
    width: 100%;
    display: flex;
    height: 55px;
    padding: 0px 10px;
    align-items: center;
    text-decoration: none;
    position: relative;
    color: var(--paragraph-color);
    overflow: hidden;
}
.sidebar-link-text img {
    width: 60px;

}
.sidebar-link-text span{
    margin-left: 10px;
    font-size: 14px;
    line-height: 14px;
    opacity: 0;
}
.bar_btn{
    font-size: 15px;
    line-height: 15px;
    background:  var(--main-color);
    border: none;
    margin: 8px;
    padding: 0 12px;
    height: 44px;
    color: #fff;
    cursor: pointer;
    width: 44px;
    text-align: left;
    border-radius: calc(10px * 100);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
}

.sidebar-link-text::after {
    content: "\f105"; /* Correct Font Awesome icon code */
    position: absolute;
    top: 50%;
    right: 20px;
    color: #52525273;
    transform: translateY(-50%); /* Center vertically */
    font-family: "Font Awesome 6 Free";
    font-weight: 900; /* Optional: ensures solid icon style */
    opacity: 0;
}

.sidebar-dropdown{
    top: 10px;
    width: 220px;
    right: -220px;
    padding: 12px 0;
    background: #fff;
    position: absolute;
    border-radius: 0 10px 10px 0;
    display: none;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
.sidebar-dropdown .sidebar-link-text{
   color: var(--text-color);
}
.sidebar-item{
    position: relative;
    margin: 5px 0;
}
.sidebar-inner-dropdown{
    border-radius: 10px;
}
.sidebar-inner-link{
    padding-inline: 12px;
    font-size: 14px;
   color: var(--text-color);
    height: 36px;
    text-decoration: none;
    display: flex;
    align-items: center;
}
.sidebar-item:hover > .sidebar-dropdown,.sidebar-dropdown li:hover .sidebar-inner-dropdown{
    display: block;
}
.sidebar-link-text:hover,.sidebar-dropdown .sidebar-link-text:hover,.sidebar-inner-link:hover{
    color:  var(--link-color);
}
.bar_btn span{
    opacity: 0;
}
.sidebar:hover{
    width: 275px;
}
.sidebar:hover .sidebar-link-text span,.sidebar:hover .sidebar-link-text::after,.sidebar:hover .bar_btn span{
    opacity: 1;
}
.sidebar:hover .bar_btn{
    width: calc(100% - 16px);
    justify-content: flex-start;
}
.bar_btn i{
    position: absolute;
    left: 16px;
    top: 14px;
}
.bar_btn span{
    margin-left: 30px;
    white-space: nowrap;
}
/*Sidebar*/
/*categories Section*/
.categories-con{
    padding: 50px 0 0;
}
.categories_item a{
    display: inline-block;
    text-decoration: none;
    text-align: center;
    color: var(--paragraph-color);
}
.categories_item a figure {
   border: 1px solid #e2e2e2;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.categories_item a figure img {
    width: 80%;
    height: auto;
    object-fit: cover;
}
.categories_item a span{
    display: inline-block;
    margin-top: 16px;
}
.swiper-button-next svg,.swiper-button-prev svg{
    display: none;
}
.swiper-button-prev i,.swiper-button-next i{
    font-size: 20px;
}
.swiper-button-prev, .swiper-button-next{
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    border: 1px solid #e2e2e2 !important;
    background: #fff;
    color: var(--paragraph-color);
}

.swiper-button-next, .swiper-button-prev {
    &.swiper-button-disabled {
        cursor: auto;
        opacity: 1;
        pointer-events: none;
    }
}
.categories-slider{
    position: relative;
}
.swiper-button-prev{
    left: -10px;
}
.swiper-button-next{
    right: -10px;
}

.showcasing_box {
 display: block;
}

.showcasing_box ul{
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.showcasing_box ul a{
    border: 3px solid #f5f8f7;
    border-radius: 10px;
}
.showcasing_box ul li a{
    text-decoration: none;
    display: inline-block;
}
.showcasing_box ul li a img{
    width: 100%;
    border-radius: var(--radius);
    display: block;
}
/* .showcasing_box ul li:last-child a img{
    border: 1px solid #e3dfdf;
} */
.categories-slider,.showcasing_box,.Banner-ad-home-page,.latest_products{
    margin-bottom: 50px;
}
.Banner-ad-home-page a{
    display: block;
    text-decoration: none;
}
.Banner-ad-home-page img{
    width: 100%;
    border-radius: var(--radius);
}
.latest_products{
    background: #f6f6f6;
    padding: 24px 20px;
    border-radius: 20px;
    padding-inline: 45px;
}
.latest_products_title h3{
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 8px;
    color: var(--text-color);
    font-weight: 700;
    font-family: 'sf_pro_displayregular';
}
.latest_products_title p a{
    font-size: 20px;
    line-height: 22px;
    color: var(--paragraph-color);
    text-decoration: none;
    font-family: 'sf_pro_displayregular';
}
.view_btn a{
    text-decoration: none;
    padding: 13px 27px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    background: var(--main-color);
    font-family: 'sf_pro_displayregular';
    border-radius: 20px;
}
.latest_products_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.latest_products_box{
    margin-bottom: 32px;
}
.black-card{
    background: black;
    border: 3px solid #dbd9d9;
    border-radius: var(--radius);
    overflow: hidden;
}
.card-title h3 {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    font-family: 'sf_pro_displayregular';
    color: #fff;
    text-align: center;
    padding-block: 24px;
}
.latest_products-slider {
    display: grid;
    grid-template-columns: 23.3% 75%;
    gap: 20px;
}
.apple_products_card{
    width: 100%;
    height: 100%;
    text-align: center;
    border-radius: var(--radius);
    border: 1px solid #ddd;
    overflow: hidden;
}
.apple_products_price{
    font-size: 16px;
    line-height: 16px;
    color: var(--text-color);
    font-family: 'sf_pro_displayregular';
    margin-bottom: 20px;
}
.apple_products_footer{
    padding-block: 20px;
}
.apple_products_footer button{
    font-size: 14px;
    line-height: 14px;
    cursor: pointer;
    border: 1px solid #ddd;
    padding: 13px 24px;
    background: #fff;
    border-radius: 22px;
}
.apple_products_card figure img{
    width: 100%;
    border-radius: 22px;
     height: 236px;
	    object-fit: contain;
}
.latest_products_inner_box{
    position: relative;
}
.black-card{
    color: #fff;
}
.latest_products_inner_box{
    margin: 0 20px;
}
.latest_products_inner_box .swiper-button-prev,.latest_products_inner_box .swiper-button-next{
    background: transparent;
    border: none;
    width: auto;
    height: auto;
}
.latest_products_inner_box .swiper-button-prev{
    left: -30px;
}
.latest_products_inner_box .swiper-button-next {
    right: -30px;
}

.apple_products_card a{
        background: #fff !important;
    display: block;
    border-radius: 10px;
}

.card-title{
    color:#fff;
    text-align:center;
    padding:20px 15px;
}

.video-container{
    width:100%;
    height:calc(100% - 70px);
    position:relative;
    overflow:hidden;
    background:#000;
}

.video-container iframe{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    display:block;
}




/*categories Section*/
.service_card_item{
    background: var(--gradient);
    border: 1px solid var(--border-color);
    padding: 30px 20px;
    display: flex;
    align-items: center;
    border-radius: var(--radius);
    gap: 20px;
}
.service_card_title h4{
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 10px;
    color: var(--text-color);
}
.service_card_title span{
    font-size: 18px;
    display: inline-block;
}
.home_appliances_box {
    gap: 24px;
    display: grid;
    grid-template-columns: 49.2% 51.5%;
}
.service_card_box {
    gap: 24px;
    display: grid;
    grid-template-columns: 45.6% 45.6%;
}
.service_card_img{
    width: 120px;
}
.service_card_img img{
    width: 100%;
}
.home_appliances{
    background: var(--gradient);
    border: 1px solid var(--border-color);
    padding: 30px 20px;
    border-radius: var(--radius);
    text-align: center;
    height: 100%;
}
.home_appliances_box a{
    text-decoration: none;
    font-size: inherit;
    color: inherit;
}
.home_appliances h3{
    font-size: 26px;
    color: var(--text-color);
    margin-bottom: 10px;
}
.home_appliances img {
    width: 240px;
}
.main_title h2{
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 34px;
    text-align: center;
    color: var(--text-color);
}
.home_appliances_box,.brands_con{
    margin-bottom: 50px;
}

.four_grid_card {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(4, 1fr);
}
.brands_box ul {
    display: grid;
    grid-template-columns: repeat(6, 1fr); /* 6 items per row */
    gap: 20px; /* space between items */
    list-style: none;
    padding: 0;
    margin: 0;
    justify-items: center; /* center images */
}
.brands_box ul li img {
    max-width: 100%;
    height: auto;
    display: block;
}
/*FOOTER SECTION*/
.footer_box{
    padding-top: 70px;
    padding-bottom: 70px;

    border-bottom: 1px solid #e1e1e1;
}
.footer_inner_box{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 70px;
}
.footer_item h4{
    font-size: 16px;
    font-weight: 600;
   color: var(--text-color);
    margin-bottom: 30px;
}
.footer_item > ul li{
    margin-bottom: 10px;
}
.footer_item ul li:last-child{
    margin-bottom: 0;
}
.footer_item ul li a{
    color: var(--paragraph-color);
    font-size: 14px;
    text-decoration: none;
    position: relative;
}
.footer_item p{
    color: var(--paragraph-color);
    font-size: 14px;
    margin-bottom: 24px;
}
.newsletter{
    display: flex;
    border: 1px solid #ccc;
    width: 100%;
    height: 48px;
    border-radius: 3px 0 0 3px;
    background-color: #fff;
    margin-bottom: 40px;
    justify-content: space-between;
}
.newsletter input{
    width: 70%;
    border: none;
    padding-inline: 15px;
}
.newsletter input:focus,.subscribe_btn:focus{
    outline: none;
}
.subscribe_btn{
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    border: none;
    background:  var(--main-color);
    color: #fff;
    border-radius: 0 3px 3px 0;
    padding: 10px 26px;
    cursor: pointer;
}
.social_icon ul{
    gap: 20px;
    display: flex;
    align-items: center;
}
.social_icon ul li a{
    font-size: 14px;
    line-height: 14px;
    text-decoration: none;
}
.footer_con {
    border-top: 1px solid #e1e1e1;
}

.copyright{
    padding-top: 35px;
    padding-bottom: 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.copyright_txt{
	padding-bottom: 70px;
    font-size: 14px;
   color: var(--text-color);
}
.payments_box{
    gap: 30px;
    font-size: 14px;
   color: var(--text-color);
    align-items: center;
    display: flex;
}
.payments_item{
    gap: 15px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.payments_item li {
    width: 80px;
    height: 80px;
    background: #fff;
}
.payments_item li a{
	display:inline-block;
}
.payments_item li img{
    width: 100%;
}
#footer_slider a{
    text-decoration: none;
    width: 130px;
    height: 130px;
    background: #fff;
    padding: 10px;
    display: block;
    margin: 0 auto;
}
#footer_slider a img{
    width: 100%;
    object-fit: cover;
}
/*ORDER SECTION*/
.order_item{
    text-align: center;
   color: var(--text-color);
}
.order_item span{
    display: block;
    font-size: 16px;
    line-height: 20px;
}
.order_box {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(5, 1fr);
}
.order_con {
    padding-block: 70px;
    background: #f6f6f6;
}
.cart_main_box{
    margin-bottom: 50px;
}
.shop_banner-item {
    position: relative;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: var(--radius);
    overflow: hidden;
}
.shop_banner-content{
    top: 0;
    position: absolute;
}
.shop_banner-item img{
    width: 100%;
}
.shop_banner-item a{
   color: var(--text-color);
    text-decoration: none;
}
.shop_banner-content {
    top: 25px;
    left: 30px;
    position: absolute;
}
.shop_banner_title .title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 300;
    margin-bottom: 10px;
    color: var(--text-color);
	font-weight: bold;
}
.shop_banner_title .title strong {
    font-weight: 700;
}
.shop_banner_title .desc{
    font-size: 16px;
    color: var(--paragraph-color);
    font-weight: 300;
    margin-bottom: 40px;
}
.shop_banner {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
.shop_banner_title .desc{
    color: var(--main-color);
}
.link-box{
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    border: none;
    height: 35px;
    line-height: 35px;
    padding: 0 17px;
    display: inline-block;
    border-radius: 4px;
    white-space: normal;
    text-decoration: none;
    background:  var(--main-color);
    color: #fff;
}
.shop_banner_title  .r-price{
    color: red;
}
.shop_banner{
    margin-bottom: 50px;
}
.tablets-cat figure, .banner_events_box figure{
    background-image: url('../Image/test.png');
}
.shop_banner.single{
    display: inline-block;
    max-height: 100%;
    width: 100%;
    margin-bottom: 50px;
}
.shop_banner.single img{
    max-height: unset;
}
.categories_month h3{
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--text-color);
}
.categories_month_item{
    text-align: center;
    border: 1px solid #bfbfbf;
    padding: 15px;
    background: #fff;
    position: relative;
    border-radius: var(--radius);
}
.categories_month_item a{
    text-decoration: none;
   color: var(--text-color);
}
.categories_month_item a img{
    width: 100%;
    object-fit: cover;
}
.categories_month_box {
    gap: 24px;
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(6, 15.1%);
}
.cart_main_box .categories_month_box{
    margin-bottom: 50px;
}
/*ORDER SECTION*/
/*Tab and slider*/
.tabs {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}
.tab {
    cursor: pointer;
    transition: all 0.3s
    ease;
    font-size: 14px;
    color: var(--paragraph-color);
    font-weight: 400;
}
.tab.active {
    color: var(--link-color);
}
.tab-content {
    display: none;
}
.tab-content.active {
    display: block;
}
.cat_title{
    font-size: 20px;
    line-height: 20px;
    color: var(--text-color);
}
.product_listing_slider .product_listing img{
    width: 100%;
	height:100%;
    object-fit: cover;
} 
.product_listing {
    background: #fff;
    border: 1px solid silver;
    padding: 20px;
    position: relative;
    overflow: hidden;
    height: 100%;
    border-radius: var(--radius);
}
.launch_tiles {
    position: absolute;
    top: 47%;
    transform: translateY(-50%);
    left: 0;
}
.launch_tiles ul{
    display: flex;
    gap: 2px;
    flex-direction: column;
}
.swiper-slide{
    height: auto;
}
.launch_tiles ul li {
    font-size: 12px;
    text-transform: uppercase;
    background: var(--main-color);
    color: var(--white-color);
    padding: 5px 10px;
    text-align: center;
    width: fit-content;
}
.offer_label {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #f14705;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    padding: 4px 24px;
    border-radius: 3px;
}
.product_listing_content h5 a {
    font-size: 14px;
    text-decoration: none;
    color: var(--link-color);
    display: inline-block;
    font-weight: 400;
    margin-bottom: 5px;
}
.product_listing_content {
    margin: auto;
}
.rating{
    margin-bottom: 6px;
}
.rating i {
    color: #ccc;
    font-size: 12px;
}
.rating span{
    font-size: 14px;
   color: var(--text-color);
    margin-left: 10px;
}

.new_price{
    color: #f30;
    font-size: 16px;
    font-weight: 400;
}
.old_price{
    font-size: 14px;
    color: #999;
    text-decoration: none;
}
.outstock_label{
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    padding: 4px 24px;
    border-radius: 3px;
    background-color: #000;
}
.product_listing_footer ul{
    background: #fff;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    flex-direction: column;
}
.product_listing_footer ul li a{
    background-color: transparent;
    width: 34px;
    height: 34px;
   color: var(--text-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease-in-out;
    text-decoration: none;
}
.product_listing_footer ul li a:hover{
    background:  var(--main-color);
    color: #fff;
}
.product_listing_footer {
    opacity: 0;
    position: absolute;
    visibility: hidden;
    transition: all 0.5s
    ease-in-out;
    top: 45%;
    right: 0;
    transform: translate(58px, -50%);
    z-index: -1;
}
.product_listing:hover .product_listing_footer {
    opacity: 1;
    visibility: visible;
    z-index: 1;
    transform: translate(0, -50%);
}
.cat_header{
    padding: 16px 20px;
    background-color: #f4f4f4;
    border: 1px solid #e3e3e3;
    margin-bottom: 20px;
    display: flex;
    border-radius: var(--radius);
    align-items: center;
    justify-content: space-between;
}
.slider_icon_controls{
    position: relative;
}
.slider_icon_controls .swiper-button-next,.slider_icon_controls .swiper-button-prev {
    right: -30px;
    width: auto;
    height: auto;
    border: 0;
    background: transparent;
}
.slider_icon_controls .swiper-button-prev{
    left: -30px;
    right: auto;
}
.Smartphones_box{
    margin-bottom: 50px;
}
/* Swiper Styling */


.latest-tabs-con {
    display: flex;
    gap: 15px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.latest-tabs {
    transition: all 0.3s
    ease;
    padding: 10px 20px;
    background: rgb(255, 255, 255);
    cursor: pointer;
    border: 1px solid rgb(151, 151, 151);
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-color);
}

.latest-tabs.tabactive {
    color: var(--white-color);
    background: var(--main-color);
    border-color: var(--main-color);
}

.latest-tab-content {
    display: none;
    animation: fadeIn 0.5s ease;
}

.latest-tab-content.tabactive {
    display: block;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.latest-tabs-main-con,.interest_main_con{
    margin-bottom: 50px;
}

.interest_main_box {
    gap: 24px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.interest_box_item {
    border-radius: var(--radius);
    overflow: hidden;
}
.interest_box_item img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: fill;
}
.banner_slider .swiper-pagination-bullets.swiper-pagination-horizontal{
	    bottom: 28px;
}
.products_interest_box{
    background-color: #f2f2f2;
    border-radius: var(--radius);
    padding: 16px;
}
.products_interest_box h4 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
    text-align: center;
    color: var(--text-color);
}
.products_interest_item a {
    display: inline-block;
    padding: 10px;
    text-decoration: none;
    background: #fff;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    width: calc(50% - 8px);
    border-radius: 8px;
}
.products_interest_item {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
	justify-content: space-between;
}
.products_interest_item img {
    width: 100%;
    height: auto;
}
.interest_box_item a {
    height: 100%;
    display: block;
}
.interest_box_item a figure {
    width: 100%;
    height: 100%;
}


/**/
.usp_container_box {
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.usp_container_box li a{
    text-decoration: none;
    padding: 13px;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    transition: 0.3s;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-weight: 500;
    color: #212529;
    gap: 10px;
    width: 100%;
    justify-content: center;
}
.usp_container_box li a figure {
    background: var(--main-color);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
	margin: 0;
}
.swiper-pagination-bullet-active{
    background: var(--main-color) !important;
}
/*SHOP PAGE CSS*/
.shop__page_banner{
    padding: 16px 0 50px;
}
.shop__page_banner figure img{
    width: 100%;
}
.breadcrumb_con {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-block: 10px;
    font-size: 14px;
    flex-wrap: wrap;
}
.breadcrumb_con li{
    color: var(--link-color);
}
.breadcrumb_con li a{
    text-decoration: none;
    color: var(--paragraph-color);
}
.shop__page_categories .categories-slider{
    padding: 34px 60px;
    background-color: var(--white-color);
    border-radius: var(--radius);
    border: 1px solid rgba(119, 119, 119, 0.12);
}
.shop__page_categories .categories_item{
    h4{
        font-size: 18px;
        line-height: 24px;
        color: var(--text-color);
    }
    span{
        margin-top: 6px;
    }
    text-align: center;
}
.shop_view_inner_con{
    gap: 30px;
    display: flex;
}
.filter_con {
    width: 24%;
    background: #f6f6f6;
    border-radius: var(--radius);
    height: max-content;
}
.shop_view_con{
    margin-bottom: 50px;
}
.shop_view_box{
    width: 74%;
}
.shop_view_title{
    background: #f6f6f6;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    border-radius: var(--radius);
}
.shop_view_title h6{
    font-size: 16px;
    font-weight: 400;
    span{
        font-weight: 700;
        color: var(--text-color);
    }
}
.grid_list_btn{
    display: flex;
    gap: 15px;
    align-items: center;
    button{
        border: none;
        cursor: pointer;
        background: transparent;
        i{
            font-size: 22px;
            font-weight: 600;
        }
    }
    span{
        font-size: 14px;
    }
}
.shop_view_title{
    margin-bottom: 20px;
}
.grid_table{
    gap: 24px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.list_footer-button{
    display: none;
}
.gird_list_table .product_listing figure {
    flex-shrink: 0;

}
.gird_list_table{
    gap: 24px;
    display: grid;
    grid-template-columns: 100%;
    .product_listing {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .product_listing img {
        width: 150px;
    }
    .product_listing_footer{
        display: none;
    }
    .product_inner_listing{
        display: flex;
                gap: 20px;
    }
    .list_footer-button{
        display: block;
    }
    .list_cart_btn{
        font-size: 16px;
        font-weight: 600;
        text-align: center;
        border: none;
        height: 35px;
        line-height: 35px;
        padding: 0 17px;
        display: inline-block;
        border-radius: 4px;
        white-space: normal;
        text-decoration: none;
        background: var(--main-color);
        color: #fff;
        margin-top: 10px;
        width: 160px;
    }
    .action-button{
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 10px;

    }
    .price-con{
        text-align: center;
    }
    .action-button a{
        color: var(--paragraph-color);
        text-decoration: none;
        font-size: 14px;

    }
}
.woocommerce-product-details__short-description{
    display: none;
}
.gird_list_table .woocommerce-product-details__short-description,
.Products_tabs .woocommerce-product-details__short-description{
    display: block;
    ul li{
        font-size: 14px;
        margin-bottom: 4px;
        font-weight: 400;
    }
}
.promo_outer_box{
    margin-bottom: 70px;
}
.promo_box{
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.promo_box_item{
    background-color: var(--white-color);
    border: 2px solid #eee;
    border-radius: var(--radius);
    transition: transform 0.3s ease;
    &:hover{
        transform: scale(1.05);
    }
    figure img{
        width: 100%;
        height: 100%;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
}
.offer-details {
    padding: 15px;
    .offer-title{
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
        color: var(--text-color);
		overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
    }
    .offer-description{
        font-size: 14px;
        margin-bottom: 10px;
		overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            line-clamp: 3;
            -webkit-box-orient: vertical;
    }
    .offer-expiry{
        color: #999;
        font-size: 12px;
        font-style: italic;
        display: block;
    }
    .offer-button{
        font-size: 14px;
        font-weight: 600;
        text-align: center;
        line-height: 14px;
        padding: 11px 17px 10px;
        display: inline-block;
        border-radius: 4px;
        white-space: normal;
        text-decoration: none;
        background: var(--main-color);
        color: #fff;
        margin-bottom: 10px;
    }
}
.fab_inner_con{
    padding: 48px;
    margin: 20px 0 50px;
    background: #f6f6f6;
    figure img{
        width: 100%;
        margin-bottom: 30px;
    }
    h3{
      font-size: 20px;
      line-height: 20px;
        color: var(--text-color);
        margin-bottom: 10px;
        padding-top: 10px;
    }
    ul li{
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .shop_btn {
        margin-top: 50px;
        text-align: center;
    }
    .shop_btn a{
        font-size: 14px;
        FONT-WEIGHT: 400;
        text-align: center;
        line-height: 14px;
        padding: 11px 17px 10px;
        display: inline-block;
        border-radius: 4px;
        white-space: normal;
        text-decoration: none;
        background: var(--main-color);
        color: #fff;
    }
}
.shop_category_box{
    padding: 13px;
    border: 1px solid #f2f2f2;
    border-radius: var(--radius);
    h4{
        font-size: 24px;
        line-height: 24px;
        color: var(--text-color);
        padding-bottom: 25px;
    }
    .shop_category_item{
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
         a {
             width: 47.2%;
             text-decoration: none;
             img{
                 width: 100%;
             }
             span{
                 font-size: 14px;
                 display: block;
                 color: var(--text-color);
                 text-align: center;
             }

         }
    }
}
.deal_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: center;
    h3{
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 10px;
        font-weight: 400;
    }
    button{
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        border: none;
        line-height: 16px;
        padding: 17px 37px;
        display: inline-block;
        border-radius: 50px;
        white-space: normal;
        text-decoration: none;
        background: var(--main-color);
        color: #fff;
        cursor: pointer;
    }

}
.shop_category_con{
    margin-top: 20px;
    margin-bottom: 50px;
    .interest_main_box{
        margin-bottom: 50px;
    }
    .shop_banner{
        margin-bottom: 70px;
    }
}
.banner_events_box{
    gap: 24px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    margin-bottom: 70px;
    .banner_events_item{
        background-color: var(--white-color);
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        border-radius: var(--radius);
        a{
            text-decoration: none;
            color: var(--text-color);
        }
        img{
            width: 100%;
            border-top-left-radius: var(--radius);
            border-top-right-radius: var(--radius);
        }
        div{
            padding: 10px;
        h6{
            font-size: 16px;
            text-align: center;
            overflow: hidden;
            -webkit-line-clamp: 2;
            display: -webkit-box;
            -webkit-box-orient: vertical;
        }
        }
    }
}
.main_brands_con{
    margin-bottom: 50px;
    margin-top: 10px;
    .main_title{
        text-align: center;
    }
    h2{
        display: inline-block;
        background-color: #e8f4fa;
        padding: 10px 35px;
    }
    .brands_box{
        margin-bottom: 80px;
    }
    .brands_box li{
        border: 1px solid #c8c6c6;
        border-radius: var(--radius);
        img{
            border-radius: var(--radius);
        }
    }
}

.hidden{
    display: none;
}
.price-selector {
    display: flex;
    gap: 15px;
    padding-top: 24px;
    scrollbar-width: none;
    margin-bottom: 30px;
}
.price-selector-heading {
    display: flex;
    gap: 20px;
    color: #000;
    align-items: center;
    justify-content: space-between;
}
.price-selector-heading h3 {
    display: flex;
    gap: 4px;
    font-size: 22px;
    line-height: 22px;
    align-items: center;
    white-space: nowrap;
    text-transform: capitalize;
}
.price-selector-box {
    flex: 0 0 auto;
}
.price-selector-box p{
    padding: 15px 20px;
    font-size: 16px;
    color: #000;
    line-height: 16px;
    border-radius: 10px;
    background: var(--secondary-color);
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    width: 100%;
    text-align: center;
}
.price-selector-box p:hover{
    background-color: var(--main-color);
    color: #fff;
}
.mobile_menu,.mobile_menu_btn,.mobile_input-con{
    display: none;
}
.mobile_menu{
    transform: translateX(-100%);
    transition: all  0.5s ease-in-out;
}
.cats-menu{
    position: relative;
}
.swiper-wrapper {
    transition-timing-function: linear !important;
}
.mobile_men{
    position: relative;
}
body{
    position: relative;
}
.menu-open{
    overflow: hidden;
}
.menu-open:after{
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    transition: all 0.5s
    ease-in-out;
    background: rgb(0 0 0 / 60%);
    z-index: 99;
}
.price-tag .swiper-slide {
    width: auto !important;              /* prevent shrinking */
}
.site_logo img{
    width: 150px;
    object-fit: cover;
}
/**/
.cart-header {
    padding-bottom: 10px;
    border-bottom: 2px solid #eee;
    margin-bottom: 10px;
    gap: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--text-color);
}
.cart-header span{
    font-weight: 700;
}
.cart-header span:nth-child(2){
    flex: 1;
    display: flex;
}
.product_cart {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 30px;
    padding-top: 30px;
    padding-bottom: 10px;
}

.cart-items {
    background: #fff;
    border-radius: var(--radius);
    padding: 20px;
    box-shadow: 0 2px 8px rgb(0 0 0 / 16%);
}

.cart-item {
    gap: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

.cart-item:last-child {
    border-bottom: none;
}

.cart-item img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    margin-right: 20px;
}

.item-details {
    flex: 2;
    display: flex;
    align-items: center;
}

.item-details h3 {
    font-size: 1rem;
    margin-bottom: 5px;
    color: var(--text-color);
}

.item-details p {
    font-size: 0.9rem;
    color: #666;
}

.item-actions {
    display: flex;
    align-items: center;
    gap: 40px;
}

.qty-control {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
    margin: 30px 0;
    width: fit-content;
}

.qty-control button {
    background: #f2f2f2;
    border: none;
    width: 30px;
    height: 30px;
    font-size: 1.2rem;
    cursor: pointer;
    transition: background 0.3s;
}

.qty-control button:hover {
    background: #e0e0e0;
}

.qty-control input {
    width: 50px;
    text-align: center;
    border: none;
    outline: none;
}

.remove-btn {
    background: none;
    border: none;
    color: var(--paragraph-color);
    font-size: 0.9rem;
    cursor: pointer;
}

.cart-summary {
    background: #fff;
    border-radius: var(--radius);
    padding: 20px;
    box-shadow: 0 2px 8px rgb(0 0 0 / 16%);
    height: fit-content;
}

.summary-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    font-size: 1rem;
}
#total{
    color: var(--text-color);
}

.summary-row.total {
    font-weight: bold;
    border-top: 1px solid #eee;
    padding-top: 10px;
    font-size: 1.1rem;
}

.checkout-btn {
    width: 100%;
    background: var(--main-color);
    color: #fff;
    border: none;
    padding: 12px;
    border-radius: 4px;
    font-size: 1rem;
    cursor: pointer;
    margin-top: 15px;
    transition: background 0.3s;
    display: inline-block;
    text-decoration: none;
    text-align: center;
}

@media (max-width: 768px) {
    .cart {
        grid-template-columns: 1fr;
    }
}
.interested_con{
    margin: 50px 0;
}
.interested_slider_con {
    position: relative;
}
.coupon-container{
    margin-top: 20px;
}
.coupon-container input {
    width: 230px;
    font-size: 14px;
    border: 1px solid silver;
    padding: 12px 20px;
    border-radius: 4px;
    line-height: 14px;
    &:focus{
        outline: none;
    }
}
.coupon-button {
    font-size: 14px;
    padding: 13px 20px;
    border-radius: 4px;
    border: none;
    background: var(--main-color);
    color: #fff;
        width: fit-content;
}
.items_main_con {
    display: flex;
    align-items: center;
    gap: 50px;

}
.items_main_con span.subt {
        display: none;
    }

.coupons_con {
    padding: 30px 0 70px 0;
    .main_title h2{
        margin-bottom: 10px;
    }
    .main_title p{
        text-align: center;
        margin-bottom: 50px;
        font-size: 14px;
    }
}
.coupon-container {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 30px;
    align-items: center;
    /* padding: 0 30px; */
}

.coupon-code {
    border-left: 2px solid var(--main-color);
    padding: 15px 20px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    text-align: center;
    background: var(--secondary-color);
}
.coupon-details h2 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--main-color);
}
.coupon-details p {
    margin: 5px 0;
    color: var(--text-color);
    font-size: 14px;
}
.coupon-meta {
    margin-top: 6px;
    font-size: 12px;
    color: #777;
    display: flex;
    align-items: center;
    gap: 6px;
}
.coupons_box ul{
    width: 60%;
    margin: 0 auto;
}
.coupons_box ul li{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e1e1e1;
    &:last-child{
        margin-bottom: 0;
    }
}
/**/
.generic_banner{
    padding-block:40px ;
    background-color: var(--main-color);
    color: #fff;
    text-align: center;
    .breadcrumb_con{
        justify-content: center;
        li{
            color: #fff;
        }
        li a{
            color: #fff;
        }
    }
}
.generic_banner h1{
    font-size: 44px;
    line-height: 44px;
}
.generic_box_con{
    padding:10px 0 50px 0;
}
.generic_box {
    padding: 70px;
    background: #f6f6f6;
    border-radius: var(--radius);
}
.generic_img_box {
    display: grid;
    grid-template-columns: 48% 47%;
    gap: 30px;
    align-items: center;
    justify-content: space-between;
    p{
        margin-bottom: 15px;
        color: var(--text-color);
        a{
            color: var(--link-color);
        }
    }
    margin-bottom: 30px;
}
.generic_img_box img{
    width: 100%;
    border-radius: var(--radius);
}
.generic_box p{
    margin-bottom: 15px;
    color: var(--text-color);
    a{
        color: var(--link-color);
    }
}
.Contact_information_box {
    display: grid;
    grid-template-columns: 47.5% 50%;
    gap: 30px;
}
.Contact_information h5,.Contact_information h6{
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 20px;
    color: var(--text-color);
}
.Contact_information h6{
    margin-bottom: 30px;
}
.Contact_information span{
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 20px;
    color: var(--text-color);
}
.Contact_information_items{
    border-bottom: 2px dotted #e1e1e1;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.Contact_information_items li,.Contact_information_items li a {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 14px;
    color: var(--text-color);
    text-decoration: none;
}
.Contact_information_items li{
    margin-bottom: 10px;
    &:last-child{
        margin-bottom: 0;
    }
}
.Contact_information i.fa-solid.fa-clock {
    color: #fe5878;
}
.Contact_information i.fa-solid.fa-phone {
    color: #1c61e7;
}
.Contact_information i.fa-solid.fa-envelope {
    color: #e7961c;
}
.Contact_information i.fa-solid.fa-clock,
.Contact_information i.fa-solid.fa-phone,
.Contact_information i.fa-solid.fa-envelope {
    font-size: 18px;
    margin: 5px 5px 5px 0px;
    text-align: center;
    vertical-align: middle;
}
.contact_us_img{
    margin-bottom: 20px;
	width: 100%;
}
.Contact_information_box .forminator-ui#forminator-module-103187.forminator-design--default .forminator-input,
.Contact_information_box .forminator-ui#forminator-module-103187.forminator-design--default .forminator-textarea,
.Contact_information_box .forminator-ui#forminator-module-103187.forminator-design--default .forminator-button-submit {
    border-radius: 30px;
}
.Contact_information_box .forminator-ui#forminator-module-103187.forminator-design--default .forminator-button-submit {
    background-color: #03786c;
    color: #fff;
    width: 35%;
}.Contact_information_box .forminator-ui#forminator-module-103187.forminator-design--default .forminator-button-submit:hover {
    border: 1px solid #03786c;
    color: #03786c;
    background: #fff;
}
.map_con .embed-map-fixed,.map_con .embed-map-container, .map_con .embed-map-frame{
    width: 100% !important;
}
.map_con{
    padding-bottom: 50px;
}
/*form*/
.login-container {
    width: 500px;
    text-align: center;
    margin: 0 auto;
    padding: 100px 0;
}
.login-container h1 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 5px;
    color: var(--text-color);
}
.login-container p {
    font-size: 14px;
    color: #555;
    margin-bottom: 20px;
}
.login-container input:not(input[type="checkbox"]) {
    width: 100%;
    padding: 15px 20px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: var(--radius);
    font-size: 14px;
    &:focus{
        outline: none;
    }
}
.btn {
    width: 100%;
    padding: 15px;
    background-color: var(--main-color);
    color: white;
    border: none;
    border-radius: var(--radius);
    font-size: 14px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 20px 0;
    font-size: 12px;
    color: #888;
}

.divider::before,
.divider::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #ccc;
}
.divider::before {
    margin-right: 10px;
}
.divider::after {
    margin-left: 10px;
}
.google-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: var(--radius);
    cursor: pointer;
    font-size: 14px;
    margin-bottom: 20px;
    color: var(--text-color);
    i{
      margin-right: 10px;
    }
}
.google-btn img {
    width: 18px;
    margin-right: 10px;
}
.terms {
    font-size: 12px;
    color: #555;
    margin-bottom: 20px;
}
.terms a {
    color:var(--main-color);
    text-decoration: none;
}
.create-account {
    font-size: 14px;
    color: var(--main-color);
    border: 1px solid var(--main-color);
    padding: 15px;
    width: 100%;
    border-radius: var(--radius);
    cursor: pointer;
    background-color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.create-account:hover {
    color: #fff;
    background-color: var(--main-color);
}
/**/
.login-google {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    cursor: pointer;
}

.login-google img {
    width: 25px;
    margin-right: 10px;
}
.form_label {
    text-align: left;
    font-size: 10px;
    line-height: 10px;
    background: #fff;
    padding: 4px;
    display: inline-block;
    position: absolute;
    left: 10px;
    top: -9px;
    z-index: 1;
}
.password-container {
    position: relative;
}
.password-container .toggle-password {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.checkbox-container {
    display: flex;
    align-items: center;
    margin: 15px 0;
    font-size: 14px;
}
.checkbox-container input {
    margin-right: 10px;
}
.checkbox-container a {
    color:var(--main-color);
    text-decoration: none;
}
.login-link {
    text-align: center;
    margin-top: 15px;
    font-size: 14px;
}
.login-link a {
    text-decoration: none;
    color: var(--main-color);
}
.form_group {
    position: relative;
}
.login-container2 h1{
    margin-bottom: 20px;
}
.feature_slider_item figure img{
    width: 100%;
}
.feature_slider_item > span {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 15px;
}
.feature_slider_item h5 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 20px;
    font-weight: 500;
    color: var(--text-color);
}
.feature_price{
    color: var(--text-color);
}
.feature_slider_con {
    position: relative;
}
.feature_slider_con .swiper-button-prev {
    left: -50px;
}
.feature_slider_con .swiper-button-next {
    right: -50px;
}
.new_products_con{
    padding-block: 50px;
}
.new_products_con .main_title h2{
    text-align: left;
}
.products_con{
    padding: 20px 0 100px 0;
}
.products_inner_box {
    display: grid;
    grid-template-columns: 47% 40%;
    gap: 40px;
    justify-content: center;
}
.products_sldier_thumbs {
    height: 130px;
    border: 1px solid #2525254D;
    padding: 10px;
    border-radius: var(--radius);
}
.main-products-swiper{
    margin-bottom: 20px;
}
.products_sldier_item {
    width: 100%;
    height: 400px;
    border: 1px solid #2525254D;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    img{
        width: 100%;
        object-fit: contain;
        height: 100% !important;
    }
}
.products_sldier_thumbs img {
    width: 90%;
}
.product-sub-title{
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 24px;
    display: inline-block;
}
.product-info h1 {
    font-size: 26px;
    line-height: 42px;
    margin-bottom: 15px;
    color: #000;
}
.sale_price {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 5px;
    color: #000;
    font-weight: 700;
    span{
        font-weight: 400;
        font-size: 16px;
        line-height: 16px;
        display: inline-block;
    }
    del,
    del .woocommerce-Price-amount {
        font-size: 16px;
        line-height: 16px;
        font-weight: 400;
        color: #888;
        text-decoration: line-through;
    }
    ins {
        text-decoration: none;
    }
}
.product-info .single_variation_wrap .single_variation {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    position: absolute !important;
    pointer-events: none !important;
}
.product-afterpay-placement {
    margin-top: -100px;
    margin-bottom: 15px;
}
.main-productreturns{
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 15px;
    display: inline-block;
}
.product-info h3 {
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    color: var(--text-color);
    margin-bottom: 12px;
}
.specfication_box{
    margin-bottom: 15px !important;
}
.pricing-boxes {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    button{
        border-radius: 5px;
        font-size: 14px;
        line-height: 14px;
        padding: 6px 10px;
        background: #2525250D;
        text-align: center;
        color: #000;
        border-color: transparent;
        cursor: pointer;
    }
    .btn-active {
        background: #000;
        color: #fff;
    }
}
.ratings {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    ul{
        gap: 6px;
        display: flex;
        li i{
            color: #EB9B00;
        }
    }
    span{
        font-size: 14px;
        line-height: 14px;
        display: inline-block;
        margin-left: 10px;
        color: #000;
    }
}
.storage_box{
    margin-bottom: 25px;
    h5{
        font-size: 16px;
        line-height: 16px;
        font-weight: 600;
        color: var(--text-color);
        margin-bottom: 12px;
    }
    select.storage_input {
        width: 100%;
        border: 1px solid #2525254D;
        padding: 10px;
        border-radius: 5px;
        font-size: 16px;
        line-height: 16px;
        &:focus{
            outline: none;
        }
    }
}
.product_btn {
    display: flex;
    gap: 10px;
    margin-bottom: 25px;
    .cart_btn{
        background: var(--main-color);
    }
    .buy_btn {
        background: transparent;
        color: #000;
        border: 1px solid var(--main-color);
    }
    .cart_btn:hover{
        background: white;		
        color: #000;
        border: 1px solid var(--main-color);
    }
    .buy_btn:hover {
        background: var(--main-color);
        color: #fff;
    }
}
.product_content{
    h5{
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 15px;
        color: var(--text-color);
    }
    p{
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 25px;
    }
    ul{
        padding-left: 16px;
        list-style: disc;
        font-size: 14px;
        line-height: 14px;
        li{
            margin-bottom: 8px;
        }
    }
}
/**/
.faq_con{
    padding: 30px 0 70px 0;
}
.accordion .accordion-item {
    border-bottom: 1px solid #e5e5e5;
}
.accordion .accordion-item button[aria-expanded='true'] {
    border-bottom: 1px solid var(--main-color);
}
.accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 1em 0;
    color: #7288a2;
    font-size: 1.15rem;
    font-weight: 400;
    border: none;
    background: none;
    outline: none;
}
.accordion button:hover,
.accordion button:focus {
    cursor: pointer;
    color: var(--main-color);
}
.accordion button:hover::after,
.accordion button:focus::after {
    cursor: pointer;
    color: var(--main-color);
    border: 1px solid var(--main-color);
}
.accordion button .accordion-title {
    padding: 1em 1.5em 1em 0;
    font-size: 24px;
    line-height: 24px;
    color: var(--text-color);
}
.accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 0;
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 22px;
}
.accordion button .icon::before {
    display: block;
    position: absolute;
    content: '';
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: var(--main-color);
}
.accordion button .icon::after {
    display: block;
    position: absolute;
    content: '';
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: var(--main-color);
}
.accordion button[aria-expanded='true'] .accordion-title{
    color: var(--main-color);
}
.accordion button[aria-expanded='true'] .icon::after {
    width: 0;
}
.accordion button[aria-expanded='true'] + .accordion-content {
    opacity: 1;
    max-height: 9em;
    transition: all 200ms ease-in-out;
    will-change: opacity, max-height;
}
.accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: unset !important;
    will-change: unset !important;
}
.accordion .accordion-content p {
    font-size: 1rem;
    font-weight: 300;
    margin: 2em 0;
}
.Products_tabs{
    padding-block: 70px;
    background: var(--light-grey-color);
}
.Products_tabs_box {
    width: 100%;
    margin: 0 auto;
    .tabs {
        gap: 60px;
/*         margin-bottom: 20px; */
        border-bottom: 1px solid;
		margin-bottom: 40px;
    }
    .tab{
        font-size: 20px;
        line-height: 24px;
        padding-bottom: 5px;
        color: var(--text-color);
        transition: all 0.5s ease-in-out;
    }
    .tab.active{
        color: var(--link-color);
        border-bottom: 3px solid var(--link-color);
    }
    .tab-content p{
        margin-bottom: 20px;
    }
}
.Products_tabs_title {
    h4{
        font-size: 24px;
        line-height: 24px;
        color: var(--text-color);
        margin-bottom: 20px;
    }
}
.Products_tabs_img img{
    max-width: 100%;
}
.product_table table {
    width: 100%;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    font-size: 18px;
    border-collapse: collapse;
    color: var(--text-color);
    tr td:first-child{
        color: var(--text-color);
        border-bottom: 1px solid rgb(3 120 108 / 32%);
        background: rgb(3 120 108 / 11%);
    }
    tr td{
        padding: 10px;
    }
    tr th{
        padding: 5px 10px;
        border-bottom: 1px solid rgb(3 120 108 / 32%);
    }
    tr td:last-child{
        border-bottom: 1px solid rgb(3 120 108 / 32%);
    }
}
#fixed_button {
    position: fixed;
	right: 20px;
    bottom: 90px;
    background-color:var(--main-color);
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    z-index: 9999;
    text-decoration: none;
    animation: spineer 2s infinite;
    i{
        font-size: 35px;
    }
}
@-webkit-keyframes spineer {
    from {
        box-shadow: 0 0 0 0 rgba(3, 120, 108, .99)
    }
    to {
        box-shadow: 0 0 0 45px rgba(3, 120, 108, .01)
    }
}
@keyframes spineer {
    from {
        box-shadow: 0 0 0 0 rgba(3, 120, 108, .99)
    }
    to {
        box-shadow: 0 0 0 45px rgba(3, 120, 108, .01)
    }
}



.products_sldier {
  grid-area: slider;
}
.product-info {
  grid-area: info;
}
.trust-container {
  grid-area: trust;
}
.products_inner_box {
  display: grid;
  gap: 24px;
  grid-template-areas: 
    "slider info"
    "trust  info";
}

@media (max-width: 768px) {
  .products_inner_box {
    gap: 16px;
    grid-template-areas: 
      "slider"
      "info"
      "trust";
  }
  .Contact_information_box {
    grid-template-columns: 100%;
    gap: 20px;
}
}
 /* Import Google Font for a clean, modern look */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');


/* Main Container to match the red outlined box width */
.trust-container {
    width: 100%;
    box-sizing: border-box;
}

/* 4 Small Boxes Grid Layout */
.small-boxes-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 12px;
}

/* Individual Small Box Styling */
.badge-box {
    background-color: #f5f7f8;
    border: 1px solid #eef1f2;
    border-radius: 12px;
    padding: 16px 8px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.badge-box:hover {
    background-color: #edf0f2;
}

/* Icon Tweak (Can replace with SVGs or FontAwesome easily) */
.icon {
    font-size: 22px;
    margin-bottom: 8px;
    color: #00665c; /* Approximate matching dark teal color */
}

/* Badges Text Styling */
.badge-text {
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;
    color: #015249;
}

/* 1 Large Box Layout Below */
.large-info-box {
    background-color: #f5f7f8;
    border: 1px solid #eef1f2;
    border-radius: 12px;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    justify-content: center;
}

.phone-icon {
    font-size: 24px;
}

.info-text {
    font-size: 13px;
    line-height: 1.5;
}

/* Text Element Styling */
.sku-label {
    font-weight: 700;
    color: #015249;
}

.sku-value {
    font-weight: 500;
    color: #4a5568;
    margin-left: 4px;
}

.brand-label {
    font-weight: 700;
    color: #015249;
}

.brand-value {
    font-weight: 600;
    color: #015249;
    margin-left: 4px;
}

/* Responsive adjustment for mobile screens */
@media (max-width: 480px) {
    .small-boxes-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.cwce-checkout-wrapper {
    padding: 50px;
}
.black-card.video-card h3 {
    padding: 0;
}
.video-card .video-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 8px;
    padding: 10px;
}

.video-card .video-container video {
    width: 100%;
    height: 300px;
    object-fit: fill;
    display: block;
    border-radius: 8px;
}
.footer_logo img{
	width: 150px;
}
.interested_slider_con .product_listing img{
	width:100%;
}
.shop_view_product{
	gap: 24px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.thumbs-container:not(.swiper-initialized) {
    display: none;
}
.interested_slider:not(.swiper-initialized) {
    display: none;
}

.interested_slider.swiper-initialized {
    display: grid;
}

.banner_slider figure, .shop_banner figure, .products_interest_item figure, .banner_events_item figure, .promo_outer_box figure, .shop__page_banner figure, .categories_month_box figure, .categories-slider figure, .order_con figure, .banner_slider figure, .footer_slider figure, .header-main figure{
	margin: 0;
}
.shop_banner-item img{
	display:  block;
}
.social_icon .fa-brands{
	font-size: 34px;
}
.Smartphones_box .tabs .tab{
	font-size: 16px;
}
.Smartphones_box .tabs .tab.active{
	font-weight: 700;
}
.sidebar-item{
	position: unset;
}
.sidebar-box{
	padding-bottom:30px;
}

/* new menu updates for categories */
.cats-parent-wrapp.cats-menu{
    position:relative;
}

.cats-parent-wrapp .cats-menu-list{
    position:absolute;
    top:100%;
    left:0;
    width:280px;
    background:#fff;
    border:1px solid #e5e5e5;
    padding:0;
    margin:0;
    list-style:none;
    z-index:999;
}

.cats-parent-wrapp .cats-menu-list .cat-item{
    position:relative;
}

.cats-parent-wrapp .cats-menu-list .cat-item>a{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 18px;
    color:#222;
    text-decoration:none;
    border-bottom:1px solid #f2f2f2;
    transition:.25s;
}

.cats-parent-wrapp .cats-menu-list .cat-item>a:hover{
    background:#f7f7f7;
    color:#009688;
}

.cats-parent-wrapp .cats-menu-list .cat-item>a i{
    font-size:12px;
    color:#888;
}

/* Dropdown */

.cats-parent-wrapp .cat-dropdown{
    position:absolute;
    left:100%;
    top:0;
    min-width:280px;
    background:#fff;
    border:1px solid #e5e5e5;
    box-shadow:0 10px 25px rgba(0,0,0,.12);

    opacity:0;
    visibility:hidden;
    transform:translateX(15px);
    transition:.25s;

    padding:20px;
}

.cats-parent-wrapp .cat-item:hover>.cat-dropdown{
    opacity:1;
    visibility:visible;
    transform:translateX(0);
}

.cats-parent-wrapp .cat-dropdown h4{
    margin:0 0 15px;
    font-size:18px;
    border-bottom:1px solid #eee;
    padding-bottom:10px;
}

.cats-parent-wrapp .cat-dropdown ul{
    margin:0;
    padding:0;
    list-style:none;
}

.cats-parent-wrapp .cat-dropdown li{
    margin-bottom:10px;
}

.cats-parent-wrapp .cat-dropdown li a{
    color:#555;
    text-decoration:none;
}

.cats-parent-wrapp .cat-dropdown li a:hover{
    color:#009688;
}
.cats-parent-wrapp .first-menu-margin-bottom{
	margin-bottom: 30px;
}
.wd-nav-opener.wd-active.cat-wraper.arrowactive{
    background: #eeeeeead !important;
}
.wd-nav-opener.wd-active.cat-wraper.arrowactive i.fa-solid.fa-angle-right::before{
	color: #000 !important;
}

/* Make CF7 render flat inside .newsletter, matching plain HTML structure */
.newsletter p,
.newsletter span.wpcf7-form-control-wrap {
    display: contents;
}

.newsletter br {
    display: none;
}

.newsletter input.wpcf7-form-control.newsletter-input {
    flex: 1;
    height: 100%;
    border: none;
    outline: none;
    padding: 0 15px;
    background: transparent;
    font-size: 16px;
}

.newsletter input.wpcf7-form-control.newsletter-input::placeholder {
    color: #999;
}

.newsletter input[type="submit"].popup-btn.subscribe_btn {
    flex-shrink: 0;
}

.newsletter .wpcf7-spinner {
    display: none;
}
.newsletter input.wpcf7-form-control.wpcf7-submit.has-spinner.popup-btn.subscribe_btn {
    width: 35%;
}


.Products_tabs_box .Products_tabs_data h2 {
    font-size: 20px;
    margin: 30px 0 10px 0;
}
.Products_tabs_box .Products_tabs_data h3 {
    font-size: 16px;
    margin-bottom: 5px;
}
.Products_tabs_box {
    .tab-content p {
        margin-bottom: 20px;
        font-size: 16px;
    }
}
.custom-account-wrapper {
	.woocommerce .col2-set::after, .woocommerce .col2-set::before, .woocommerce-page .col2-set::after, .woocommerce-page .col2-set::before{
		content: unset;
	}
	.woocommerce .col2-set, .woocommerce-page .col2-set {
    margin-top: 25px;
}
}
.coupon-container button.coupon-button, .product_cart .checkout-btn {
	border: 1px solid #00947c;
}
.coupon-container button.coupon-button:hover, .product_cart .checkout-btn:hover {
    background: #fff;
    color: #00947c;
    border: 1px solid #00947c;
}



/*apple section*/

h4.apple_products_title {
    font-size: 13px;
    color: #000;
    margin-bottom: 10px;
    height: 30px;
}
h4.apple_products_title a{
	background: unset !important;
    display: unset !important;
    border-radius: unset !important;
    font-size: 13px;
    color: #000;
	text-decoration: none;
}
.product-title-con {
    width: 80%;
    margin: 0 auto;
}
.apple_products_price{
	margin-bottom: 10px;
}
.apple_products_footer {
    padding: 0 0 20px 0;
}


.category-bnr-con{
	padding: 0;
}
.category-bnr-con figure{
	margin: 0;
}
.woocommerce-privacy-policy-text p{
    margin-bottom: 20px;
}
.promo_outer_box h3.offer-title a{
	font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
        color: #03786c;
    text-decoration: none;
}

/*contact for 7 footer submission*/
.subscribe_btn.locked {
    opacity: 0.45;
    filter: blur(0.5px);
    cursor: not-allowed;
    pointer-events: none;
}

.subscribe_btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}
.newsletter .wpcf7-not-valid-tip{
	display: none;
}