@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --primary-blue: #16A2DC;
    --primary-green: #4CC1BD;
    --dark-blue: #0a1930;
    --light-blue: #e6f0ff;
    --text-gray: #6c757d;
    --royal-blue:#0F2B62;
    --pure-white:#fff;
    --font-Montserrat: "Montserrat", sans-serif;
    --font-Geist: "Geist", sans-serif;
    --font-Inter: "Inter", sans-serif;
    --font-Poppins: "Poppins", sans-serif;
    --font-hanken-grotesk: "Hanken Grotesk", sans-serif;
    --charcoal-blue: #0D1B2A;
    --midnight-slate:#344054;
    }

.row{gap: 17px 0px;}
html, body{overflow-x: hidden;}
body {font-family: 'Inter', sans-serif;}
/* Custom-Color-Classess */
.midnight-slate{color: var(--midnight-slate);}
.charcoal-blue{color: var(--charcoal-blue);}
.bg-royal-blue{background-color: var(--royal-blue);}
.pure-white{color: var(--pure-white);}
.light-white {color: var(--pure-white);opacity: 0.7;}

/* Custom-Font-Classes */
.fs-72{font-size: 72px;font-family: var(--font-hanken-grotesk);}
.fs-54{font-size: 54px;font-family: var(--font-Montserrat);}
.fs-40{font-size: 40px;font-family: var(--font-Montserrat);}
.fs-16{font-size: 16px;font-family: var(--font-Inter);}
.fs-20{font-size: 20px;font-family: var(--font-Inter);}
.fs-16{font-size:16px;font-family: var(--font-Inter);}
.fs-14{font-size: 14px;font-family: var(--font-hanken-grotesk);}
.fs-18{font-size: 18px;font-family: var(--font-hanken-grotesk);line-height: 1.2;}
.font-montserrat{font-family: var(--font-Montserrat);}
.mont-24-600{color: #111;font-family: Montserrat;font-size: 24px;font-style: normal;font-weight: 600;line-height: 24px; }
.mont-48-600{color: #000;font-family: Montserrat;font-size: 48px;font-style: normal;font-weight: 600;line-height: 40px; }
/* custom-weight */
.fw-700{font-weight: 700;}
.fw-600{font-weight: 600;}
.fw-400{font-weight: 400;}
/* Header  */
.biscay-navbar ul {gap: 50px;}
.biscay-navbar{padding: 25px 0;}
.biscay-navbar ul li a:hover { color: var(--pure-white); }
.biscay-navbar .navbar-toggler {background-color: #fff;}
#kt_app_root .biscay-navbar ul li a.active { color: var(--pure-white); }
.biscay-navbar ul li a, .biscay-navbar ul li a:hover,.biscay-navbar ul li a:focus { color: var(--pure-white); font-family: var(--font-Geist); font-size: 18px;font-style: normal;font-weight: 400; }
.biscay-navbar .basket_item_count { color: var(--pure-white); font-family: var(--font-Geist); font-size: 16px;font-style: normal;font-weight: 400; }
.navbar span.header_item_count {width:18px;height:17px;background:#44c1bd;display:block;border-radius:50px;display:flex;justify-content:center;align-items:center;font-size:12px;color:#f6f6f7;}
.navbar .item_count_number a{text-decoration:none }
.biscay-navbar .basket_item_count{position:relative}
.biscay-navbar .basket_item_count .header_item_count{position:absolute;top:-8px;right:-14px}
/* Hero Section */
.hero-section {background: url("../media/images/hero-bg.png") no-repeat center center/cover;color: white;padding: 10rem 0 11rem 0;position: relative;background-size: cover;}
.hero-content {position: relative;z-index: 10; top: -35px;}
.hero-content h1 {font-family: var(--font-Montserrat);font-weight: 500;font-size: 64px;}
.hero-content p {font-family: var(--font-Inter);font-weight: 400;font-size: 18px;}
/* Mission Section */
.mission-section {background: url("../media/images/our-mission-bg.png") no-repeat center center/cover;color: white;padding: 12rem 0;position: relative;text-align: center;}
.mission-section h2, .cta_section h2 {font-family: var(--font-Montserrat);font-weight: 600;font-size: 54px;}
.mission-section p, .cta_section p {font-family: var(--font-Inter);font-weight: 600;font-size: 20px; color: #ffffffbb;}
/* .mission-section::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.7);} */
.mission-content {position: relative;z-index: 10;}
/* Why GOLE Section */
.why-gole-section {padding: 8rem 0;}
.why-gole-section img {max-width: 100%;height: auto;border-radius: 1rem;}
.why-gole-section h2 {font-family: var(--font-Montserrat);font-weight: 600;font-size: 54px;}
.why-gole-section p {font-family: var(--font-Inter);font-weight: 400;font-size: 20px;}
.why-gole-section p.lead {font-family: var(--font-Inter);font-weight: 600;font-size: 20px;}
/* Core Values Section */
.core-values-section {padding: 5rem 0;}
.core-values-section h2, .logo_slider h2, .testimonial-section h2, .pricing-section h2, .product_content .product-title, .product-optimize-content h1 {font-family: var(--font-Montserrat);font-weight: 600;font-size: 54px;}
.core-values-section p, .testimonial-section p, .pricing-section p, .logo_slider p {font-family: var(--font-Inter);font-weight: 400;font-size: 20px;color: #696969;max-width: 655px;margin: auto;}
.core-value-card {border-radius: 1rem;transition: transform 0.3s ease-in-out;border: none;box-shadow: 0px 0px 15px 0px #0000001A;}
.core-value-card .card-title {font-family: var(--font-Geist);font-weight: 500;font-size: 28px;}
.core-value-card .card-text {font-family: var(--font-Geist);font-weight: 400;font-size: 20px;color: #696969;}
.core-value-card:hover {transform: translateY(-10px);}
.core-value-card .card-body {text-align: start;padding: 24px;}
.core-value-card .card-body img{height: 297px;width: 100%;object-fit: cover;border-radius: 10px;margin-bottom: 15px;}
/* Testimonial Section */
.swiper-container {width: 100%;height: 100%;}
/* .testimonial-section .swiper-wrapper {padding: 30px 50px;} */
.testimonial-section .swiper-slide {padding: 2rem;border-radius: 30px;box-shadow: 10px 10px 30px 0px #0000001A;}
.testimonial-section .swiper-slide p {font-family: var(--font-Geist);font-weight: 500;font-size: 19px;color: #696969;transition: .3s ease-in;}
.testimonial-section .swiper-pagination-bullet-active {background-color: var(--primary-blue);}
.testimonial-section .swiper-button-next,
.swiper-button-prev {color: var(--primary-blue) !important;}
.testimonial-section .rating{color: #16A2DC;}
.testimonial-section .swiper-slide:hover {background: #0F2B62;transition: .3s ease-out;}
.testimonial-section .swiper-slide:hover p, .testimonial-section .swiper-slide:hover h6{color: #fff;transition: .3s ease-out;}
.testimonial-section .swiper-slide:hover .rating{color: #4CC1BD;transition: .3s ease-out;}
.testimonial-section .swiper-pagination{display: none;}
/* Pricing Section */
.pricing-section {padding: 5rem 0;}
.pricing-card {background-color: #fff;border-radius: 1rem;padding: 2rem;box-shadow: 0px 45.83px 37.1px 0px #5243C24B;transition: transform 0.3s ease-in-out;text-align: left;height: 100%;display: flex;flex-direction: column;}
.pricing-card:hover {transform: translateY(-10px);}
.pricing-card h4 {font-size: 30px;color: var(--primary-blue);font-family: var(--font-Poppins);font-weight: 500;}
.pricing-card p{font-size: 16px; font-weight: 500; font-family: var(--font-Inter);margin-bottom: 15px;color: #000000;}
.pricing-card ul li{color: #0D1B2A99;font-size: 16px; font-weight: 500; font-family: var(--font-Inter);}
.pricing-card ul li img{margin-right: 10px;}
.pricing-card .price{font-size: 40px;font-weight: 700;font-family: var(--font-Poppins);}
.pricing-card .price span{font-size: 19px;font-weight: 500;font-family: var(--font-Poppins);}
.pricing-card.premium{background: #0F2B62;}
.pricing-card.premium *{color: #fff;}
.pricing-card .badge {background: #4CC1BD3D;color: #4CC1BD;border-radius: 50px;padding: 6px 15px;margin-bottom: 10px;width: max-content;}
/* your journey section */
.your-journey-section {padding: 5rem 0;}
.your-journey-section .row{background: #0F2B62;border-radius: 20px;padding: 5rem 3rem;position: relative;overflow: hidden;}
.your-journey-section h2{font-size: 54px; color: #fff;font-family: var(--font-Montserrat);font-weight: 600;}
.your-journey-section p{font-size: 20px; color: #fff;font-family: var(--font-Inter);font-weight: 400;}
.your-journey-image .image-wrapper {position: absolute;top: -176px;right: -40px;width: 500px;height: 500px;border: 20px solid #00B5E2;border-radius: 60px;overflow: hidden;transform: rotate(-18deg);}
.your-journey-image .image-wrapper img {width: 100%;height: 100%;object-fit: cover;}
/* Footer */
.footer {background-color: #0F2B62;color: white;padding: 3rem 0 0 0;}
.footer .footer-title { color: var(--pure-white); -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: var(--pure-white); font-family: var(--font-Montserrat); font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.9px; margin: 0 0 20px 0; }
.footer .list-unstyled a {color: white;text-decoration: none;}
.footer .social-icons a {color: white; margin-right: 5px; border: 1px solid #fff; border-radius: 50px; display: inline-block; width: 30px; height: 30px;/* align-content: center;  */text-align: center;}
.btn-primary, .btn-primary:hover {width: max-content; background-color: var(--primary-blue);border-color: var(--primary-blue);padding: 0.63rem 1.5rem;font-weight: 500;font-family: var(--font-Geist);}
.btn-secondary, .btn-secondary:hover {background-color: var(--primary-green);border-color: var(--primary-green);padding: 0.63rem 1.5rem;font-weight: 500;font-family: var(--font-Geist);}
.btn-outline-primary {border-radius: 50rem;padding: 0.75rem 2rem;font-weight: 500;}
.btn_blue, .btn_blue:hover{background-color: var(--primary-blue);color: var(--pure-white);border: 1px solid var(--primary-blue);border-radius: 100px;}

/* Products-Section */
.products-section {padding: 50px 0;}
.product-optimize-content {width: 72%;margin: auto;text-align: center;}
.producct_img img { width: 100%;height: 540px;object-fit: cover;border-radius: 10px;transition: transform 0.3s ease;}
/* Content animations */
.product-title {transition: color 0.3s ease;}
.product_content .products_para {color: rgba(13, 27, 42, 0.73);font-family: Inter;font-size: 20px;font-style: normal;font-weight: 600;transition: color 0.3s ease;}
p.products_optimize_para {color: #696969;text-align: center;font-family: Inter;font-size: 20px;font-style: normal;font-weight: 400;line-height: 30px;width: 90%;margin: auto;transition: color 0.3s ease;}
/* Tab animations */
.product-enterprise-tab .nav-pills .nav-link:hover {color: #16A2DC;transform: translateY(-2px);}
.product-enterprise-tab .nav-pills .nav-link {display: flex;width: 260px;padding: 10px;justify-content: center;align-items: center;gap: 10px;background-color: transparent;border-radius: 0;color: #797777;font-family: Inter;font-size: 18px;font-style: normal;font-weight: 400;line-height: 30px;transition: all 0.3s ease;position: relative;}
.product-enterprise-tab .nav-pills .nav-link.active, .nav-pills .show>.nav-link {border-bottom: 1px solid #000;color: #000;font-family: Inter;font-size: 18px;font-style: normal;font-weight: 600;line-height: 30px;transform: translateY(-2px);}
/* Card animations */
.products_card_inner {transition: all 0.3s ease;}
.products_card_main:hover {transform: translateY(-8px);box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);}
.products_card_inner_content h4 span {color: #444;font-family: Montserrat;font-size: 14px;font-style: normal;font-weight: 400;line-height: 19.6px;transition: color 0.3s ease;}
.products_card_main {border-radius: 14px 14px 20px 20px;background: linear-gradient(258deg, #4CC1BD -8.97%, #16A2DC 97.99%), #EEE;padding: 6px;transition: all 0.3s ease;}
.products_card_inner_content {border-radius: 12px 12px 20px 20px;background: #FFF;box-shadow: 0 0.602px 0.602px -1px rgba(0, 0, 0, 0.05), 0 2.289px 2.289px -2px rgba(0, 0, 0, 0.04), 0 10px 10px -3px rgba(0, 0, 0, 0.03);padding: 16px 16px 24px 16px;transition: all 0.3s ease; /*height: 405px;*/}
.products_card_main .products_card_inner .products_card_inner_content h5 {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1;  line-clamp: 2;-webkit-box-orient: vertical;}
.products_card_inner_content h5, .products_card_inner_content h4 {transition: color 0.3s ease;}
.products_card_main:hover .products_card_inner_content h5,
.products_card_main:hover .products_card_inner_content h4 {color: #16A2DC;}
/* Button animations */
.btn-transparent:hover {transform: translateY(-2px);}
.btn-transparent i {transition: transform 0.3s ease;}
.btn-transparent:hover i {transform: translateX(5px);}
.btn-transparent { display: flex; padding: 16px 20px; gap: 10px; color: #FFF; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 600; background-color: transparent; border: 0; align-items: center; width: 100%; justify-content: center; transition: all 0.3s ease; position: relative; overflow: hidden; }
/* Stagger animation delays */
.producct_img { animation-delay: 0.1s; }
.product_content { animation-delay: 0.2s; }
.product-optimize-content { animation-delay: 0.3s; }
.product-enterprise-tab { animation-delay: 0.4s; }
.products_card_main:nth-child(1) { animation-delay: 0.5s; }
.products_card_main:nth-child(2) { animation-delay: 0.6s; }
/* About Section */
.about-section{padding:8rem 0;text-align: center;position: relative;}
.about-section h1{font-size: 64px;font-family: var(--font-Montserrat);font-weight: 500;}
.about-section p{font-size: 18px;font-family: var(--font-Inter);font-weight: 400;}
.about-section .vector-left{position: absolute;left: 0;top: 0;}
.about-section .vector-right{position: absolute;right: 0;top: 0;}
/* Our Values */
.our-values {position: relative;background-color: #002855;color: #fff;}
.our-values .values-row .col-md-4 {padding: 20px;}
.our-values h2 {font-size: 40px;font-weight: 600;font-family: var(--font-Montserrat);}
.our-values p {font-size: 16px;font-weight: 600;font-family: var(--font-Inter);max-width: 578px;color: #FFFFFFBB;}
.our-values .values-row h5{font-size: 24px;font-weight: 600;font-family: var(--font-Inter);}
.our-values .values-row p{font-size: 16px;font-weight: 400;font-family: var(--font-Inter);color: #fff;}
.our-values .values-row .col-md-4 {border-right: 1px solid #fff;}
.our-values .values-row .col-md-4:last-child {border-right: none;}
/* Contact-Us-Section */
.banner_section {background-image: url(../media/images/contact-us-bg.svg);background-repeat: no-repeat;background-size: cover;background-position: center;height: 400px;display: flex;align-items: center;justify-content: center;}
.get_touch_sec {background-image: url(../media/images/get-in-touch-bg.svg);background-repeat: no-repeat;background-size: cover;background-position: center;height: 100%; border-radius: 10px;padding: 25px;}
.email_sec i {color: #1591EA; display: flex; width: 37px; height: 37px; justify-content: center; align-items: center; border-radius: 4px; border: 1px solid rgba(59, 130, 246, 0.16); background: #FFF; }
.contact_form_sec {border-radius: 10px;background: #EEF6F5;padding: 30px;}
input[placeholder], textarea.form-control {color: #667085;font-family: Montserrat;font-size: 14px;font-style: normal;font-weight: 500;}
.form-control {border-bottom: 1px solid var(--Gray-300, #D0D5DD);background: var(--White, #FFF);box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);padding: 12px 16px;    border-radius: 0;border-top: 0;border-left: 0;border-right: 0;}
.form-control:focus {border: 1px solid #D0D5DD;background: var(--White, #FFF);box-shadow: none;   border-radius: 0;border-top: 0;border-left: 0;border-right: 0;}
.social-icons a img {transition: transform 0.3s ease, filter 0.3s ease; }
.social-icons a:hover img {transform: scale(1.1); filter: brightness(1.2);}

/* Logo Slider Section */
.logo_slider {background-color: #f8f9fa;border-top: 1px solid #e9ecef;border-bottom: 1px solid #e9ecef;}
.logo-slider-wrapper {position: relative;overflow: hidden;}
.logo-swiper {overflow: visible;}
.logo-swiper .swiper-wrapper {align-items: center;}
.logo-swiper .swiper-slide {height: auto;display: flex;align-items: center;justify-content: center;}
.logo-item {display: flex;align-items: center;justify-content: center;padding: 20px;transition: all 0.3s ease;border-radius: 8px;background: #fff;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);margin: 10px;height: 120px;}
.logo-item:hover {transform: translateY(-5px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);}
.logo-item img {max-width: 100%;max-height: 80px;width: auto;height: auto;object-fit: contain;filter: grayscale(100%);opacity: 0.7;transition: all 0.3s ease;}
.logo-item:hover img {filter: grayscale(0%);opacity: 1;}

/* Responsive adjustments */
@media (max-width: 768px) {
.logo-item {padding: 15px;height: 100px;margin: 5px;}
.logo-item img {max-height: 60px;}
}

/* CTA Section */
.cta_section { background: linear-gradient(#0F2B62CC, #0F2B62CC), url(../media/images/our-mission-bg.png) center / cover no-repeat;}
.cta-actions .btn-primary.mt-3 {width: 100%;}
.cta-features {border-top: 1px solid rgba(255, 255, 255, 0.2);padding-top: 30px;}
.cta-feature-item {text-align: center;color: var(--pure-white);}
.cta-icon {font-size: 24px;color: var(--primary-green);display: block;}
.cta-feature-title {font-size: 16px;font-weight: 600;font-family: var(--font-Inter);color: var(--pure-white);margin-bottom: 5px;}
.cta-feature-text {font-size: 14px;font-family: var(--font-Inter);color: rgba(255, 255, 255, 0.8);margin-bottom: 0;}


/* Professional Page Loader */
.page-loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%;
/* background: linear-gradient(#0F2B62CC, #0F2B62CC), url(../media/images/our-mission-bg.png) center / cover no-repeat; */
background: #0F2B62;
display: flex; align-items: center; justify-content: center; z-index: 9999; transition: opacity 0.5s ease-out; }
.loader-container {text-align: center;}
.loader-content {display: flex;flex-direction: column;align-items: center;gap: 30px;}
.logo-container {position: relative;}
.loader-logo {width: 80px;height: auto;animation: logoFade 2s ease-in-out infinite;}
.loading-bar { width: 200px; height: 4px; background-color: #f0f0f0; border-radius: 2px; overflow: hidden; position: relative; }
.loading-progress { height: 100%; background: linear-gradient(90deg, var(--primary-blue), var(--primary-green)); border-radius: 2px; animation: loadingProgress 2s ease-in-out infinite; }
.loading-text { color: #fff; font-family: var(--font-Inter); font-size: 14px; font-weight: 500; }
.loading-dots::after {content: '';animation: dots 1.5s steps(4, end) infinite;}
/* Professional Animations */
@keyframes logoFade {
0%, 100% {opacity: 0.7;transform: scale(1);}50% {opacity: 1;transform: scale(1.05);}}
@keyframes loadingProgress
{ 0% {width: 0%;transform: translateX(-100%);} 50% {width: 100%;transform: translateX(0%);} 100% { width: 100%;transform: translateX(100%);}}

@keyframes dots {
0%, 20% {content: '';}40% {content: '.'; }60% {content: '..'; }80%, 100% {content: '...'; }}

/* Locomotive Scroll Styles */

[data-scroll-container] {overflow: hidden;}
.c-scrollbar_thumb {width:8px;background-color:#16a2dc; border-radius: 6px;z-index: 999;}
[data-scroll] {opacity: 1;transform: translateY(50px);transition: opacity 0.8s ease-out, transform 0.8s ease-out; }
.biscay-navbar.sticky-top {z-index: 9;}
.c-scrollbar {

    background-color: transparent;
    z-index: 9999;
}


/* Table */
.table-sec {border-radius: 6px;border: 1px solid #E5E7EB;background: #FFF;box-shadow: 0 4px 6px -4px #F3F4F6, 0 10px 15px -3px #F3F4F6;}
.table-sec table.dataTable thead th {font-weight: 500;font-size: 12px;color: #6c757d; padding: 0px 20px !important;vertical-align: middle;height: 40px;border-bottom: 1px solid #E5E7EB;}
.table-sec table.dataTable tbody td {font-size: 13px;font-weight: 400;color: #000;padding: 0px 20px !important;vertical-align: middle;height: 56px;border-bottom: 1px solid #F9F9F9;}
.dataTables_wrapper .dataTables_paginate .paginate_button {margin: 0 3px;border-radius: 8px;border: none;background: #f8f9fa;color: #000 !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.page-item.active .page-link {background: #16A2DC14 !important;color: #16A2DC !important;border: 1px solid #16A2DC14 !important;}
.page-item .page-link {color: #000;}
.table-sec .search-wrapper {display: flex;align-items: center;gap: 10px;}
.table-sec .search-wrapper .btn_white {height: 30px;}
#customSearch {border: 1px solid #F0F0F0;border-radius: 100px;height: 30px;padding: 0px 14px 0px 30px;width: 100%;max-width: 220px;}
.table-sec .search-input {position: relative;display: inline-block;}
.table-sec .search-input::after {content: "\f002";font-family: "FontAwesome";position: absolute;left: 10px;top: 50%;transform: translateY(-50%);color: #b3b3b3;pointer-events: none;}
div.dataTables_wrapper div.dataTables_info{padding-left: 20px;}
div.dataTables_wrapper div.dataTables_paginate{padding-right:20px;}
.badge {padding: 6px;font-size: 12px; font-weight: 500;}
.badge.success{color: #027A48;background-color: #ecfdf3;}
.badge.pending{color: #B54708;background-color: #fffaeb;}
.badge.failed{color: #B42318;background-color: #fef3f2;}
.status-dot {width: 8px;height: 8px;border-radius: 50%;display: inline-block;margin-right: 6px;}
.badge.success .status-dot { background-color: #027A48; }
.badge.pending .status-dot { background-color: #B54708; }
.badge.failed .status-dot { background-color: #B42318; }

.storage-card { background:#fff; padding:20px; border-radius:6px;border: 1px solid #E5E7EB; box-shadow:0 10px 15px -3px #F3F4F6, 0 4px 6px -4px #F3F4F6; }
.storage-card p { font-size:15px; color:#000; opacity:0.6;font-weight: 400;margin: 0;}
.storage-card h4 { font-size:15px; color:#000;font-weight: 600; font-family: var(--font-Inter);}
.progress-bar { display:flex; height:40px; border-radius:8px; overflow:hidden; margin:15px 0; background:#ebebeb;flex-direction: row;justify-content: start;gap: 2px; }
.progress { height:100%; border-radius: 0px;}
.enterprise { background:#16A2DC; }
.smme1 { background:#4CC1BD; }
.smme2 { background:#F98DB1; }
.legend {display: flex;gap: 20px;font-size: 14px;color: #333;margin-top: 10px;}
.legend span {display: flex;align-items: center;gap: 6px;}
.legend .dot {width: 12px;height: 12px;border-radius: 50%;display: inline-block;}
.legend .enterprise { background:#16A2DC; }
.legend .smme1 { background:#4CC1BD; }
.legend .smme2 { background:#F98DB1; }

/* dropdown  */
.user_dropdown_sec .user_notify_icon, .biscay-navbar .basket_item_count, .toggle-card-icon { border-radius: 100px; background: #334B79; width: 40px; height: 40px; justify-content: center; display: flex ; align-items: center; }
.user_dropdown_inner { display: flex ; padding: 4px 8px; align-items: center; gap: 5px; border-radius: 100px; background: #334B79; }
.user_dropdown_inner .name, .user_dropdown_inner .email{font-size: 12px;margin:0px;font-weight:500;}
.user_dropdown_inner .email{color:#fff;opacity:0.5; font-weight:400;}
.user_dropdown_inner img.dropdown_icon {filter: invert(1);}
.user_dropdown_sec .dropdown ul li a { color: #181D27; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; padding: 11px 10px; }
.user_dropdown_sec ul.dropdown-menu.dropdown-menu-end.show { border-radius: 6px; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.09); border: 0; top: 56px; right: 0; width: 100%; padding: 0px; }
.biscay_header_dropdwon {
    overflow-wrap: anywhere;
    line-height: 1.2;
}

/* Product-details-section */
.products-details-section .product_image img { width: 100%;height: auto;object-fit: cover;border-radius: 8px;}
.products-details-section .product-enterprise-tab .nav-pills .nav-link {width: 100%;}
button#decrease-qty {border: 0; font-size: 23px; color: #000;padding: 0;}
button#increase-qty { border: 0; font-size: 23px; color: #000;padding: 0;}
input#quantity {box-shadow: none;border: 0;     padding:0;}
button#decrease-qty:hover {background-color: transparent;}
button#increase-qty:hover {background-color: transparent;}
.product-actions .input-group {border: 1px solid;border-radius: 6px; height: 44px;padding: 4px 15px;}

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

/* Add to Cart Page Styles */
.add-to-cart-section .breadcrumb { background: none;padding: 0;}
.add-to-cart-section .breadcrumb-item + .breadcrumb-item::before {content: ">";color: var(--text-gray);font-weight: 600;}
.cart-item-card {border-radius: 8px;padding: 24px;box-shadow: 0px 0px 15px 0px #0000001A;}

.cart-item-card .product-image img {object-fit: contain;border-radius: 8px;background: #f8f9fa; padding: 10px;}
.cart-item-card .quantity-input {max-width: 120px; border: 1px solid #ddd;border-radius: 6px;overflow: hidden;}
.cart-item-card .quantity-btn {background: #fff; border: none;width: 40px;height: 44px;font-size: 18px;font-weight: 600;color: #000;display: flex;align-items: center;justify-content: center;}
.cart-item-card .quantity-btn:hover {background: #f8f9fa;}
.cart-item-card .quantity-input input {border: none;height: 44px;font-size: 16px;font-weight: 600;}

.cart-item-card .quantity-input input:focus {box-shadow: none;border: none;}
.cart-summary-card { background: #fff;  border: 1px solid #e9ecef;  border-radius: 8px; padding: 24px; position: sticky; top: 20px; box-shadow: 0px 0px 15px 0px #0000001A;}

.cart-summary-card .summary-row {  display: flex; justify-content: space-between; align-items: center;margin-bottom: 16px;}

.cart-summary-card .summary-row:last-child { margin-bottom: 0;}
.cart-summary-card .summary-divider {border: none;border-top: 1px solid #e9ecef;margin: 20px 0;}
.cart-summary-card .summary-total {margin-bottom: 0;}

.cart-summary-card .discount-input { border: 1px solid #ddd; border-right: none; height: 44px; font-size: 14px; border-radius: 6px 0 0 6px;}

.cart-summary-card .discount-input:focus {border-color: var(--primary-blue);box-shadow: none;}
.cart-summary-card .apply-btn {border: 1px solid #ddd;border-left: none;background: #f8f9fa;color: #666;font-size: 14px;font-weight: 600; height: 44px; padding: 0 20px;border-radius: 0 6px 6px 0;}
.cart-summary-card .apply-btn:hover {background: #e9ecef;}

.cart-summary-card .checkout-btn { background-color: var(--primary-blue); border-color: var(--primary-blue); height: 50px; font-size: 16px; font-weight: 600;font-family: var(--font-Inter);border-radius: 6px;}

.cart-summary-card .checkout-btn:hover { background-color: #1391c7;border-color: #1391c7;}
.continue-shopping { text-decoration: none; font-weight: 500;}
.continue-shopping:hover {text-decoration: underline;}
.remove-item {text-decoration: none;font-weight: 500;}
.remove-item:hover {text-decoration: underline;}


/* Checkout  */
.form-check-input:checked {background-color: #16a2dc; border-color: #16a2dc;}
.payment-radio .form-check-input {position: absolute; opacity: 0;}
.payment-radio .form-check-input:checked + .form-check-label .payment-card {border-color: var(--primary-blue) !important;background-color: #f8f9ff !important;}
.payment-card:hover {border-color: var(--primary-blue) !important;background-color: #f8f9ff !important;}
.payment-option {position: relative;}
.payment-radio .form-check-input:checked + .form-check-label::after { content: '✓'; position: absolute; top: 7px; right: 10px; width: 20px; height: 20px; background-color: var(--primary-blue); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: bold; }


/* Card input focus styles */
.stripe-payment-form .form-control:focus,
.bank-transfer-info .form-control:focus {border-color: var(--primary-blue);box-shadow: 0 0 0 0.2rem rgba(22, 162, 220, 0.25);}
.security-info {border-top: 1px solid #e9ecef;padding-top: 15px;}
.bank-details .detail-row { display: flex;align-items: center;}
.bank-details .detail-label {min-width: 120px;color: var(--charcoal-blue);}
.bank-details .detail-value {color: var(--midnight-slate);}
h2.swal2-title {font-size: 20px;}












/*Header Dropdown Menu and Submenu */
.biscay-navbar li.nav-item.services_dropdown .dropdown-menu { background: #ffffff;min-width: 240px;border-radius: 8px;padding: 0;transition: opacity 0.3s, transform 0.3s;}
.biscay-navbar li.nav-item.services_dropdown:hover > .dropdown-menu {display: block; opacity: 1; transform: translateY(0); margin: 0;}
.biscay-navbar li.nav-item.services_dropdown .dropdown-menu li {position: relative;}
.biscay-navbar li.nav-item.services_dropdown .dropdown-menu li a {display: block;padding: 12px 20px;color: #333;text-decoration: none;transition: all 0.3s;font-size: 15px;}
.biscay-navbar li.nav-item.services_dropdown .dropdown-menu li a:hover {padding-left: 25px;}
.biscay-navbar li.nav-item.services_dropdown .dropdown-submenu {position: relative;}
.biscay-navbar li.nav-item.services_dropdown .dropdown-submenu > .dropdown-menu { display: none;top: 0;left: 100%; margin-left: 5px; margin-top: -10px;opacity: 0;transform: translateX(-10px);background: #ffffff;min-width: 200px;border-radius: 8px;padding: 0;transition: opacity 0.3s, transform 0.3s;z-index: 1000;}
.biscay-navbar li.nav-item.services_dropdown .dropdown-submenu:hover > .dropdown-menu { display: block;opacity: 1; transform: translateX(0);margin: 0;}
.biscay-navbar li.nav-item.services_dropdown .dropdown-menu li a.has-submenu {position: relative;padding-right: 40px;}
.biscay-navbar li.nav-item.services_dropdown .dropdown-menu li a.has-submenu::after {content: '›';position: absolute;right: 15px; top: 50%; transform: translateY(-50%); font-size: 20px; font-weight: bold; color: #999; transition: color 0.3s; }
.biscay-navbar li.nav-item.services_dropdown:before { content: '›'; position: absolute; right: -12px; top: 8px; font-size: 20px; font-weight: bold; color: #fff; transition: color 0.3s; transform: rotateZ(89deg); }
.biscay-navbar li.nav-item.services_dropdown .dropdown-submenu .dropdown-menu li a {color: #555;font-size: 14px;}
.biscay-navbar li.nav-item.services_dropdown {position: relative; text-align: center;}

/* Cyber Security Page Styles */
.cyber-security-page .cyber-hero-section{background-image: url('../media/images/cyber-banner.png'); background-size: cover; background-position: center; min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:80px 0}



.cyber-security-page .cyber-hero-content{padding:0 20px}
.cyber-security-page .cyber-hero-title{font-size:60px;font-weight:700;color:#141217;margin-bottom:20px;line-height:1.2}
.cyber-security-page .cyber-hero-subtitle{font-size:22px;color:#141217;margin-bottom:15px;font-weight:400}
.cyber-security-page .cyber-hero-description{font-size:16px;color:#141217;margin-bottom:40px;line-height:1.6;max-width:700px;}




.cyber-security-page .cyber-hero-buttons{display:flex; gap:15px; flex-wrap:wrap}
.cyber-security-page .cyber-why-gole-section{padding:80px 0; background: #F2F6FF;}
.cyber-security-page .why-gole-description{font-size:16px;color:#666;line-height:1.8}
.cyber-security-page .why-gole-title{font-size:42px;font-weight:700;color:#000; margin-bottom:20px}


.cyber-security-page .cyber-btn-primary{background:#fff;color:#001f54;padding:14px 32px;border-radius:6px;font-weight:600;font-size:15px;border:none;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-block}
.cyber-security-page .cyber-btn-primary:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15);color:#001f54}
.cyber-security-page .cyber-btn-secondary{background:transparent;color:#fff;padding:14px 32px;border-radius:6px;font-weight:600;font-size:15px;border:2px solid #fff;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-block}
.cyber-security-page .cyber-btn-secondary:hover{background:rgba(255,255,255,0.1);transform:translateY(-2px);color:#fff}
.cyber-security-page .cyber-hero-features{display:flex;gap:30px;justify-content:center;align-items:center;margin-top:50px;flex-wrap:wrap}
.cyber-security-page .cyber-feature-item{display:flex;align-items:center;gap:8px;color:#fffc;font-size:14px}
.cyber-security-page .cyber-feature-item i{font-size:18px;}
.cyber-security-page .why-gole-section{background:#f8f9fa;padding:0px 0}
.cyber-security-page .why-gole-content{display:flex;align-items:center; max-width:1200px;margin:0 auto}
.cyber-security-page .why-gole-features{flex:1}
.cyber-security-page .why-gole-feature-item{display:flex;gap:20px;margin-bottom:35px;align-items:flex-start}
.cyber-security-page .why-gole-icon{width:50px;height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;background:#e5e9f2;border-radius:50%;color:#002a80;font-size:24px}
.cyber-security-page .why-gole-feature-content h4{font-size:18px;font-weight:600;color:#fff;margin-bottom:8px}
.cyber-security-page .why-gole-feature-content p{font-size:14px;color:#fff;line-height:1.6;margin:0}
.cyber-security-page .why-gole-image{flex:1;position:relative}
.cyber-security-page .why-gole-image img{width:100%;height:100%;max-height: 550px;object-fit: contain; border-radius:12px;}
.cyber-security-page .security-suite-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}
.cyber-security-page .security-card{padding:0;overflow:hidden;text-align:center}
.cyber-security-page .security-card-icon{width:60px;height:60px;margin:0 auto 20px;background:#e5e9f2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#002a80;font-size:28px}
.cyber-security-page .security-card-content{padding:30px 25px 20px}
.cyber-security-page .security-card-title{font-size:18px;font-weight:600;color:#000;margin-bottom:12px;line-height:1.3}
.cyber-security-page .security-card-description{font-size:14px;color:#666;line-height:1.6;margin-bottom:20px}
.cyber-security-page .security-card-image{width:100%;height:200px;object-fit:cover;border-radius:12px}
.cyber-security-page .security-suite-title{font-size:42px;font-weight:700;color:#000}
.cyber-security-page .security-suite-subtitle{font-size:16px;color:#666;max-width:900px;margin:0 auto}
.cyber-security-page .confidence-section{padding:60px 0}
.cyber-security-page .confidence-title{font-size:42px;font-weight:700;color:#000;text-align:center;margin-bottom:20px;line-height:1.3}
.cyber-security-page .confidence-subtitle{font-size:16px;color:#666;text-align:center;max-width:800px;margin:0 auto 60px;line-height:1.6}
.cyber-security-page .confidence-content{display:flex;align-items:center;gap:80px;max-width:1200px;margin:0 auto}
.cyber-security-page .confidence-left{flex:1}
.cyber-security-page .confidence-left h3{font-size:24px;font-weight:700;color:#000;margin-bottom:30px}
.cyber-security-page .confidence-checklist{list-style:none;padding:0;margin:0}
.cyber-security-page .confidence-checklist li{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px;font-size:16px;color:#666;line-height:1.6}
.cyber-security-page .confidence-checklist li i{color:#4CAF50;font-size:20px;margin-top:2px;min-width:20px}
.cyber-security-page .confidence-right{flex:1;position:relative}
.cyber-security-page .confidence-image{width:100%;height:490px; border-radius:12px;background:#e3f2fd;display:flex;align-items:center;justify-content:center;overflow: hidden;}
.cyber-security-page .confidence-image img{width:100%;height:100%;object-fit: cover;}
.cyber-security-page .confidence-section-bg{background:#fff}
.cyber-security-page .final-cta-section{padding:80px 0;background:transparent;}
.cyber-security-page .final-cta-banner{border-radius:16px;padding:60px 40px;position:relative;overflow:hidden;box-shadow:0 10px 40px rgba(15,43,98,0.3);}
.cyber-security-page .final-cta-banner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%, rgba(255,255,255,0.05) 0%, transparent 50%),radial-gradient(circle at 80% 80%, rgba(255,255,255,0.03) 0%, transparent 50%),linear-gradient(135deg, transparent 0%, rgba(255,255,255,0.02) 50%, transparent 100%);pointer-events:none;}
.cyber-security-page .final-cta-content{position:relative;z-index:1;}
.cyber-security-page .final-cta-title{font-size:48px;font-weight:700;color:#fff;margin-bottom:20px;line-height:1.2;font-family:var(--font-Montserrat);}
.cyber-security-page .final-cta-description{font-size:18px;color:rgba(255,255,255,0.95);max-width:900px;line-height:1.6;font-family:var(--font-Inter);}
.cyber-security-page .final-cta-buttons{display:flex;gap:20px;justify-content:start;align-items:center;flex-wrap:wrap;margin-top:30px;}
.cyber-security-page .final-cta-btn-primary{background:#fff;color:#0F2B62;padding:10px 24px;border-radius:8px;font-weight:600;font-size:16px;border:2px solid #fff;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-block;font-family:var(--font-Inter);}
.cyber-security-page .final-cta-btn-primary:hover{background:rgba(255,255,255,0.95);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.2);color:#0F2B62;}
.cyber-security-page .final-cta-btn-secondary{background:transparent;color:#fff;padding:10px 24px;border-radius:8px;font-weight:600;font-size:16px;border:2px solid #fff;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-block;font-family:var(--font-Inter);}
.cyber-security-page .final-cta-btn-secondary:hover{background:rgba(255,255,255,0.1);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,255,255,0.1);color:#fff;border-color:rgba(255,255,255,0.8);}

.form-control.is-invalid, .was-validated .form-control:invalid {  background-image: unset; }
.toggle-card-icon {display: none;}
.notification-row {
    transition: all 0.3s ease;
    border-radius: 8px;
    margin-bottom: 5px;
}
.notification-row:hover {
    background-color: #f8f9fa !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.notification-row.unread {
    background-color: #e3f2fd !important;
    border-left: 4px solid var(--primary-blue);
}

.noti-image-parent {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f5f5;
    border-radius: 50%;
    margin-right: 15px;
}

.notification-row:hover .noti-image-parent {
    background-color: #e3f2fd;
}

.badge.bg-info {
    background-color: var(--primary-blue) !important;
    font-size: 10px;
    padding: 2px 6px;
}

/* Add visual indicator for clickable notifications */
.notification-row[data-action-url]:not([data-action-url="#"]):after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    opacity: 0.6;
}

.notification-row {
    position: relative;
}
.noti-image-parent {height: 48px;width: 48px;}
.noti-image-parent img {border-radius: 50px;}

.iti { display: block !important; }
body.iti-dropdown-open {overflow: hidden !important;position: fixed;width: 100%;}
.iti__country-list {touch-action: pan-y;}