:root {
    --bg-gradient: radial-gradient(circle at 80.273% 100%, #151025 0%, rgba(21, 16, 37, 0) 35%),
    radial-gradient(circle at 98.46% 68.67%, #490094 0%, rgba(73, 0, 148, 0) 40%),
    radial-gradient(circle at 0% 0%, rgba(73, 0, 148, 0.99) 0%, rgba(73, 0, 148, 0) 50%),
    radial-gradient(circle at 48.9% 49.52%, #151025 0%, rgba(21, 16, 37, 0) 100%);
}

.clear{
    clear: both;
}

.bodyColour {
    background: var(--bg-gradient) !important;
    background-color: #151025 !important;

}

/*.category-header-2 .navbar-menu{*/
/*    display: none;*/
/*}*/

.brand-logo a img {
    border-radius: 50px;
    width: 100px;
    margin-right: 10px;
}

.header-right .icon-block ul .item-count .cart-block .cart-item h5 {
    color: #fff;
}

.top-header .top-header-right ul li {
    margin-left: 10px;
}

.top-header .top-header-right ul li a .fa {
    color: #fff;
}

.top-header .top-header-right ul li:hover a .fa {
    color: #000000;
}


.top-header .top-header-left ul li {
    margin-left: 15px;
}

.top-header .top-header-left ul li a {
    color: #fff;
}

.top-header .top-header-left ul li:hover a {
    color: #3b90b7;
}

.top-header .top-header-left ul li a .fa {
    color: #fff;
}

.gift-offer {
    padding: 2px 0px;
}


@media (min-width: 1140px) {
    .sticky .category-header-2 .navbar-menu .nav-block {
        display: block;
    }
}

@media (min-width: 992px) {
    .sticky .category-header-2 .navbar-menu .nav-block {
        display: block;
    }
}

@media (min-width: 768px) {
    .sticky .category-header-2 .navbar-menu .nav-block {
        display: none;
    }
}

@media (min-width: 576px) {
    .sticky .category-header-2 .navbar-menu .nav-block {
        display: none;
    }
}

@media (min-width: 425px) {
    .sticky .category-header-2 .navbar-menu .nav-block {
        display: none;
    }
}

@media (min-width: 375px) {
    .sticky .category-header-2 .navbar-menu .nav-block {
        display: none;
    }
}

@media (min-width: 320px) {
    .sticky .category-header-2 .navbar-menu .nav-block {
        display: none;
    }
}


.allBrandes-section {
    /*padding: 20px 0px;*/
    padding-top: 40px;
    /*padding-bottom: 70px;*/
    /*background-color: #A8BBA3;*/
    background-color: #009fd9;

}


.allBrandes-box {
    margin-bottom: 20px;
    text-align: center;
}

.allBrandes-box img {
    border-radius: 5px;

}

.allBrandes-box h4 {
    margin-top: 8px;
    margin-left: 5px;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
}

.allBrandes-box p {
    margin-left: 5px;
    font-size: 16px;
}

.Surface-title-box img {
    margin-bottom: 15px;
}

.Surface-title-box {
    text-align: center;
}
.allBrandes-box-Surface{
    margin-bottom: 10px;
}
.allBrandes-box-Surface img {
    background: #fff;
    border-radius: 5px;
}

.allBrandes-box-Surface h4 {
    margin-top: 8px;
    margin-left: 5px;
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 700;
}

.features-box {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #ccc;
    padding: 10px;
    scrollbar-width: thin;
}

.specificationText-main {
    padding: 20px 0px;
}

.specificationText-main h4 {
    color: #000;
}

.spec-section {
    margin-bottom: 40px;
    color: #000;
}

.spec-item {
    margin-bottom: 10px;
}

.spec-item strong {
    display: inline-block;
    width: 180px;
}

hr {
    border: none;
    border-top: 1px solid #ccc;
    margin: 1rem 0;
}


.keyFeatures {
    list-style-type: circle;
}

.keyFeatures li {
    display: list-item;
}

.nav-cat {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Default hidden submenu */
.nav-cat .leftCategoriesSub {
    position: absolute;
    top: 0;
    left: 109%;
    opacity: 0;
    visibility: hidden;
    transform: translateX(20px);
    transition: all 0.4s ease;
    background: #fff;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    z-index: 999;
    min-width: 180px;
}

/* On hover show submenu */
.nav-cat li:hover > .leftCategoriesSub {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

/* Optional - for better positioning */
.nav-cat li {
    position: relative;
}


/* Submenu text color */
.nav-cat .leftCategoriesSub li {
    border-bottom: 1px solid #cecece;
}

.nav-cat .leftCategoriesSub li::before {
    display: none;
}

.nav-cat .leftCategoriesSub li a {
    color: #000000 !important;
}


.media-banner-box .media a img {
    width: 100px !important;
}

.productDetailTable .table tbody tr td {
    color: #fff;
}

/*modal*/
.modal-content {
    border-radius: 12px;
}

.modal-header {
    border-bottom: none;
}

.nav-tabs .nav-link.active {
    background-color: #f5f5f5;
    border-bottom: 2px solid #000;
    font-weight: 500;
}

.table td, .table th {
    vertical-align: middle;
}

.bank-logo {
    height: 25px;
    margin-right: 8px;
}

.emi-plan {
    font-weight: 500;
}

.interest {
    color: #c00;
    font-weight: 500;
}

.accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #e7f1ff;
    border: none;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #919497;

}

.nav-pills .nav-link {
    border: none;
    margin-right: 10px;
}

.accordion-flush .accordion-button {
    color: #fff;
}

.extraDealsModal {
    background: rgba(255, 255, 255, 0.15); /* translucent white */
    backdrop-filter: blur(10px) saturate(150%);
    -webkit-backdrop-filter: blur(10px) saturate(150%);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 1rem;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
}

.accordion-button::after {
    background-image: url('../images/down-arrow-1.svg');
}

.logo-section {
    display: flex;
}

/*.slick-slide img{*/
/*    height: 450px;*/
/*}*/


.inputSearchMain {
    transition: all 1.3s ease;
    margin-top: 25px;
    margin-left: 10px;
    width: 100%;
}

.companey-logo img {
    /*height: 100px;*/
    height: 75px;
    transition: all 1.3s ease;
}

@media (max-width: 769px) {
    .brand-panel {
        margin-top: 218px;
    }

}

@media (min-width: 768px) {
    .companey-logo img {
        /*height: auto;*/
    }

    .brand-logo a img {
        /*width: 100px;*/
        width: 75px;
    }

    .logo-section {
        display: ruby-text;
    }


    /*.slick-slide img{*/
    /*    height: 450px;*/
    /*}*/
}

@media (max-width: 557px) {
    .inputSearchMain {
        /*margin-top: 10px;*/
    }

    .brand-panel {
        margin-top: 210px !important;
    }
}
@media (max-width: 425px) {
    .inputSearchMain {
        margin-top: 10px;
    }

    .brand-panel {
        margin-top: 210px !important;
    }
}


/*about*/
.about-section {
    padding: 70px 0px;
    background-color: #cecece;
}

.aboutOverview {
    animation-delay: 0.2s;
    animation-duration: 1s;
}

.img-fluid {
    animation-delay: 0.5s;
    animation-duration: 1.2s;
}

.aboutOverview img {
    width: 100%;
    max-width: 400px;
    border-radius: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

/* Hover animation */
.aboutOverview img:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

.aboutOverview h3 {
    margin-bottom: 20px;
    /*color: #3d8fb5;*/
    color: #0a53be;
}

.aboutOverview p {
    margin-bottom: 20px;
}

.team-section{
    background-color: #000;
}
.teamBox-title {
    padding: 20px 0px;
    text-align: center;
}

.teamBox-title h2 {
    font-weight: 700;
    color: #fff;
}
.teamBox-title p{
    color: #ffffff;
}
.teamBox {
    padding: 10px;
    background: #ffffff;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 15px;
}

.teamBox img {
    margin-bottom: 10px;
}

.teamBox h3 {
    color: #000000;
    font-size: 16px;
}

.teamBox p {
    color: #000000;

}

/*Services*/

.yellow {
    color: #F5AD18;
}
.logoBlue{
    /*color: #0a53be;*/
    color: #3d8fb5;
    font-weight: 900;
    /*color: #1d84e3;*/
    /*color: #3d8fb5;*/
}

.es-review-layout-classic {
    background: #fff;
}

.dlsxaN {
    color: #ffffff !important;
}


.serviceProducts-box ul {
    padding-top: 15px;
    position: relative;
}

.serviceProducts-box ul li {
    margin-bottom: 10px;
    padding-left: 30px;
    font-size: 14px;
    display: block;
    color: #000;
}

.serviceProducts-box ul li::before {
    /*content: "\f046";*/
    content: "\f058";
    font-family: fontAwesome;
    position: absolute;
    /*top: 15px;*/
    left: 5px;
    color: #0a53be;
    /*color: #fff;*/
    font-size: 16px;

}

.contactDetails-box {
    padding: 10px;
}

.contactDetails-box ul {
    position: relative;
    margin-bottom: 50px;
}

.contactDetails-box ul li {
    margin-bottom: 50px;
    display: block !important;
    padding-left: 40px;
}

.contactDetails-box ul .call-li::before {
    content: "\f095";
    font-family: fontAwesome;
    position: absolute;
    /*top: 15px;*/
    left: 5px;
    color: #0a53be;
    font-size: 18px;

}

.contactDetails-box ul .email-li::before {
    content: "\f003";
    font-family: fontAwesome;
    position: absolute;
    /*top: 15px;*/
    left: 5px;
    color: #0a53be;
    font-size: 18px;

}

.contactDetails-box ul .location-li::before {
    content: "\f041";
    font-family: fontAwesome;
    position: absolute;
    /*top: 15px;*/
    left: 5px;
    color: #0a53be;
    font-size: 18px;

}

.blogDetails h3{
    margin-top: 20px;
    margin-bottom: 10px;
}

.blogDetails ul{
    list-style-type: circle;
}

.blogDetails ul li{
    display: block;
    color: #777777;
    margin-bottom: 10px;
}

.policyText-box h4{
    margin-top: 20px;
    margin-bottom: 7px;
}

.policyText-box h3{
    margin-top: 20px;
    margin-bottom: 7px;
}

.custom_btns{
    background: #0a53be;
    color: #fff;
    transition: 1s;
    padding: 5px 35px;
    border-radius: 30px;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
}
.custom_btns .fa{
    color: #ffffff;
}
.custom_btns:hover{
    transition: 1s;
    background: #000000;
    color: #ffffff;
}

.breadcrumb-contain div ul li a{
    text-transform: uppercase;
    color: #0a53be;
}

.box-show{
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
    /*box-shadow: 0 6px 12px rgba(255, 255, 255, 0.25);*/
    box-shadow: 0 6px 12px rgb(116 112 112 / 25%);

    /*box-shadow: 0 0 8px rgba(255, 255, 255, 0.4);*/
    /*box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);*/

    background-color: #ffffff;


}

.box-showImg img {
    animation: floatUpDown 3s ease-in-out infinite;
}

/* Keyframes */
@keyframes floatUpDown {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px); /* Move up */
    }
    100% {
        transform: translateY(0px); /* Back down */
    }
}


/* Base Style - Desktop/Tablets */
.fixed-app-icons {
    position: fixed;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    z-index: 9999;
}

.fixed-app-icons ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;   /* vertical layout */
    gap: 5px;
}

.fixed-app-icons ul li a {
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.fixed-app-icons ul li a i {
    font-size: 32px;
    color: #000;
}
.fixed-app-icons ul li a .fa-windows {
    font-size: 32px;
    color: #0dcaf0;
}



/* -----------------------------
   📱 Mobile Responsive Style
--------------------------------*/
@media (max-width: 576px) {
    .fixed-app-icons {
        left: 5px;                /* closer to the corner */
    }

    .fixed-app-icons ul {
        gap: 12px;
    }

    .fixed-app-icons ul li a {
        width: 45px;              /* smaller box */
        height: 45px;
        border-radius: 12px;
    }

    .fixed-app-icons ul li a i {
        font-size: 24px;          /* smaller icons */
    }
}


/* -----------------------------
   📱📱 Small Phones Extra Small
--------------------------------*/
@media (max-width: 400px) {
    .fixed-app-icons ul li a {
        width: 40px;
        height: 40px;
    }

    .fixed-app-icons ul li a i {
        font-size: 22px;
    }
}

.services-section {
    background: #0a53be;
    color: #ffffff;
    padding: 20px 0px;
    margin: 10px 0px;
}

.services-section .box-show h4 {
    color: #0a53be;
}

.box-show h4{
    color: #0a53be;
}