body {
  font-family: 'Segoe UI', sans-serif;
  /*font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;*/
}

  /*HEADER CSS*/
.active{color:#f6a200 !important}
.header-section {position: fixed;top: 0;left: 0;width: 100%;z-index: 1030;box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.header-gap{margin-top:100px;}
header .navbar .navbar-nav li .nav-link{font-size: 16px;line-height: 20px;padding: 10px 20px;position: relative;font-weight: 500;opacity: 1;word-break: normal;transition: all 0.3s ease-in-out;color: #232323;display: flex;flex-wrap: nowrap;align-self: stretch;align-items: center;}
.getapp_cta{text-align: center;outline: none;letter-spacing: normal;line-height: 1.5;color: #fff;background: #f6a200;border-radius: 6px;padding: 13px 26px 13px 26px;border-radius: 0;font-weight: 500;box-shadow: none;white-space: nowrap;text-decoration: none;transition: all .3s ease-in-out;vertical-align: middle;}
.getapp_cta:hover {background:#0c2f45 !important;color: #fff !important;}
.logo img{ height:75px;}
.footerlogo img{ height:75px;}
.section-title {font-size: 28px;font-weight: 600;color: #333;}
.highlight {color: #ffb300;}
.btn-yellow {background: #ffb300;color: #fff;border: none;}
.stat-box {text-align: center;padding: 20px 10px;}
.hero .stat-box {padding: 10px 10px;}
.hero .right-border-mob{border-right: 1px solid #ccc;}
.hero .right-border-desk{border-right: 1px solid #ccc;}
.hero .right-border{border-right: 0px;}
.testimonial-card {border: 1px solid #ddd;border-radius: 10px;padding: 20px;margin: 10px;}
.footer {background: #e6f2fb;padding: 40px 0;width: 100%;float: left;}
.footer a {color: #333;text-decoration: none;}
.rating-stars span {color: #000;}
.hero {min-height: 100vh;display: flex;align-items: center;justify-content: center;padding: 60px 20px;background: linear-gradient(90deg, #fff8e1 0%, #e0f7fa 100%);}

.section-title {font-size: 2.5rem;font-weight: 700;}
h3.section-subline {font-size: 1.5rem;}

.highlight {color: #198754; /* Bootstrap success green */}

.rating-stars {font-size: 1rem;color: #ffc107; /* gold */margin-bottom: 1rem;}
.appstoreimg{border-radius: 0.5rem;min-width:120px;height:40px}
.section-title {font-size: 2.5rem;font-weight: bold;}
.section-title span{color: #f6a200;}
.section-list {list-style-type: none;padding-left: 25px;}
.section-list li {position: relative;}
.section-list li i {position: absolute; left:-25px;top:5px;}
.title-span{color: #f6a200;}
.feature-item {padding: 1.5rem;background-color: white;border-radius: 0.5rem;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);margin-bottom: 1rem;}
.feature-title {font-weight: 600;}
.faq-section .container {max-width: 75%;}
.home-image{max-width: 75%;}
.review-image{max-width: 85%;max-height: 70px;}

/*WHAT WE OFFER*/
section{width: 100%; float: left;}
.section {padding: 80px 0;}
.whatweofferbox{padding:120px 0px;}
.banner {background: linear-gradient(135deg, #0d6efd, #3f87f5);color: white;padding: 80px 20px;text-align: center;}
.section-title {font-weight: 700;color: #0d2b5f;margin-bottom: 1rem;}
.section-subtitle {font-size: 1.1rem;color: #555;font-style: italic;margin-bottom: 1.5rem;}
.icon-box {background-color: #ffffff;border-radius: 12px;padding: 30px 20px;box-shadow: 0 2px 10px rgb(246 162 0 / 46%);transition: all 0.3s ease-in-out;text-align: center;}
.icon-box:hover {box-shadow: 0 4px 16px rgba(0,0,0,0.1);transform: translateY(-3px);}
.icon-box i {font-size: 2.5rem;color: #f6a200;margin-bottom: 0px;display: block;}
.icon-box h5 {font-weight: 700;}
.box-height-min,.box-height-min-2 {min-height:175px}
.list-check li::before {content: "✔️ ";margin-right: 5px;color: green;}
ol li {margin-bottom: 15px;}
.icon-circle {width: 70px;height: 70px;background-color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 28px;}
.parallax-section {background-image: url('../images/what-we-offer-bg.jpg');background-size: cover;background-position: center;background-attachment: fixed;background-repeat: no-repeat;}
.overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5); z-index: 1;}
.z-index-2{z-index: 2;}
.icon-circle-clean {width: 70px;height: 70px;background-color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 28px}
.icon-circle-clean i{font-size: 30px;}
.whatweoffer-banner {height: 50vh; background-image: url('../images/WHAT-WE-OFFER-BANNER-New.png'); background-size: cover;background-position: center;background-attachment: fixed;background-repeat: no-repeat;position: relative;}
.whatweoffer-banner::before {content: '';position: absolute;top: 0; left: 0; right: 0; bottom: 0;background-color: rgba(0, 0, 0, 0.5); z-index: -1;}
.register-banner {height: 50vh; background-image: url('../images/REGISTER/REGISTER-PAGE-BANNER.png?1'); background-size: cover;background-position: center;background-attachment: fixed;background-repeat: no-repeat;position: relative;}
.register-banner::before {content: '';position: absolute;top: 0; left: 0; right: 0; bottom: 0;background-color: rgba(0, 0, 0, 0.5); z-index: -1;}

/*HOME PAGE CSS START*/
section{width: 100%;float: left;}
.statics{border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb;}
.stat-box h4 {font-size: 40px;font-weight: 900;color: #343a40; margin-bottom: 0px;}
.stat-box p {color: #6c757d;margin: 0; font-size: 18px;}
.empower{padding: 100px 0px;}

/*STATS SECTION*/
.stats-section {padding: 50px 0;background: #fff;}
.progress-circle {width: 100px;height: 100px;margin: 0 auto 0px;position: relative;}
.progress-circle svg {transform: rotate(-90deg);width: 100%;height: auto;display: block;margin-top:10px;}
.progress-circle circle {fill: none;stroke-width: 8;stroke-linecap: round;}
.progress-bg {stroke: #f1f1f1;}
.progress-value {stroke: #f5a623;transition: stroke-dashoffset 1s ease;}
.circle-icon {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 28px;color: #333;}
.stats-box h5 {font-weight: 700;margin-top: 24px;text-align: left;}
.stats-box p {color: #6c757d;font-size: 14px;text-align: left;}

/*ABOUT US PAGE CSS START*/
/*.about-banner{background-image: url(../images/banner.webp);background-repeat: no-repeat;background-size: cover;overflow: hidden;background-color: #f7f7f7;position: relative;background-position: center center;padding: 210px 0px 210px 0px;}
.about-banner h1{font-size: 4.875rem;font-weight: 400;line-height: 5.625rem;letter-spacing: -2px;max-width: 59%;margin: 0px 0px 45px 0px;color: #fff;}*/
.about-banner {height: 50vh; background-image: url('../images/ABOUT-US/ABOUT-US-BANNER-IMAGE.png?1'); background-size: cover;background-position: center;background-attachment: fixed;background-repeat: no-repeat;position: relative;}
.about-banner::before {content: '';position: absolute;top: 0; left: 0; right: 0; bottom: 0;background-color: rgba(0, 0, 0, 0.5); z-index: -1;}

.about-banner .b_bta{margin:20px 0px;}
.about-banner a{font-size: 14px;text-align: center;outline: none;letter-spacing: normal;line-height: 1.5;color: #fff;
background-color: #0c2f45;padding: 15px 26px 15px 26px;border-radius: 0;font-weight: 500;box-shadow: none;white-space: nowrap;text-decoration: none;transition: all .3s ease-in-out;
vertical-align: middle;border-radius: 7px;text-transform: uppercase;}
.know_more_cta{margin-right:20px;}
.explore_cta{background: none !important;border:1px solid #ffffff;color: #fff !important;;}
.the_story .text-box p {color: #212529; font-size: 18px; max-width: 80%;}
.the_story .text-box ul li {color: #212529;}
.read_more_cta{padding: 15px 30px; background:#262626; font-weight: 500; text-decoration: none; color: #fff; text-transform: uppercase; font-size: 16px; margin:20px 0px; float: left; border-radius: 4px;}
.read_more_cta:hover{background:#0c2f45; }
.submit_button_cta{padding: 15px 30px; background:#262626; font-weight: 500; text-decoration: none; color: #fff; text-transform: uppercase; font-size: 16px; border-radius: 4px;}
.submit_button_cta:hover{background:#0c2f45; }
.the_story h2{ font-size: 2.5rem; color: #0d2b5f; margin-bottom: 30px;}
.the_story h2 span{color: #f6a200; font-size: 2.5rem; line-height: 30px;}
.f_gap{width: 100%; float: left; height: 100px;}


/*FAQs*/
/*.faq-banner {background: url('../images/faqbg.webp') no-repeat center center;background-size: cover;padding: 90px 0;color: #333;text-align: center;position: relative;}*/
.faq-banner {height: 50vh; background-image: url('../images/FAQ/FAQ-Banner.png?1'); background-size: cover;background-position: right;background-attachment: fixed;background-repeat: no-repeat;position: relative;}
.faq-banner::after {content: '';position: absolute;top: 0; left: 0; right: 0; bottom: 0;background-color: rgba(255, 255, 255, 0); /* overlay */}
.faq-banner h1 {position: relative;z-index: 1;font-size: 48px;font-weight: bold;}
.breadcrumb-custom {position: relative;z-index: 1;display: inline-block;margin-top: 10px;background-color: transparent;}
.breadcrumb-custom a {color: #333;text-decoration: none;}
.breadcrumb-custom a:hover {text-decoration: underline;}
.accordion-button{font-size: 20px; font-weight: 500;}
.accordion-button:not(.collapsed) {background-color: #f6a20075; color: #000;}
.accordion-button:focus{border-color: #f6a20075;box-shadow: none;}

footer{width: 100%; float: left; background-color: #eef9ff !important;}
.fw-semi-bold{font-weight: 500;}
.privacy-btn{color:#f6a200;text-decoration: none;}
.privacy-btn:hover{text-decoration: underline;}

/*TESTIMONAL CARD*/
.testimonial-card h5{font-size: 14px;}
.testimonial-card p{font-size: 13px;}
.testimonial-card img{height: 50px;}
.testimonial-card {background: #fff;border-radius: 12px;padding: 20px;margin:20px;box-shadow: 0 4px 12px rgba(0,0,0,0.1);min-height: 250px;}
.swiper {padding: 30px 0;}
/* Make arrows outside */
.swiper-button-next,
.swiper-button-prev {color: white !important;background-color:#f6a200 !important;border-radius: 15px !important;height: 28px !important; transform: translateY(-50%);}
.swiper-button-next::after,
.swiper-button-prev::after {font-size:12px !important;}
.swiper-pagination-bullet-active {background: #f6a200 !important;}

.badge-custom {background: linear-gradient(135deg, #007bff, #0056b3);color: #fff;font-weight: 600;padding: 0.6rem 1.2rem;border-radius: 50rem;font-size: 0.95rem;letter-spacing: 0.5px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);display: inline-block;}

/*CONTACT US*/
.map-section {position: relative;width: 100%;height: 100vh;background-image: url('../images/Brokarta-Map-Desktop.png');background-size: cover;background-position: center;background-attachment: fixed;background-repeat: no-repeat;}
.map-section iframe {position: absolute;top: 0; left: 0;width: 100%;height: 100%;border: none;filter: brightness(65%);}
.contact-card {position: relative;z-index: 2;background: rgb(255 255 255);backdrop-filter: blur(10px);border-radius: 15px;padding: 40px;color: #393939;box-shadow: 0 8px 32px rgba(0,0,0,0.3);}
.contact-card h3 {font-weight: 600;}
.form-control, .btn {border-radius: 8px;}
.form-control {background: rgba(255,255,255,0.9);}
.btn-primary {background: linear-gradient(90deg, #007bff, #00b4d8);border: none;}
.info-item {display: flex;align-items: center;margin-bottom: 15px;}
.info-item i {font-size: 0.9rem;margin-right: 10px;}
.desktop{display: block;}
.mobile{display: none;}

.about-banner, .whatweoffer-banner, .register-banner {text-align: left !important;}
.get-app{display:inline-block;text-align: center;border:1px solid #000;color: #000;background: #fff;border-radius: 6px;padding: 13px 26px 13px 26px;font-weight: 500;text-transform: uppercase;text-decoration: none;}
.get-app:hover {background:#0c2f45 !important;color: #fff !important;}
.mobile-getApp{display: none;}
.subtext{margin-bottom: 0px;}

.masterHead{font-size: 6rem;font-weight: 700;color: #0d2b5f;font-family: "Oswald", sans-serif;font-optical-sizing: auto;font-style: normal;}

@media (max-width: 768px) {
  .map-section {position: relative;width: 100%;height: 100vh;background-image: url('../images/Brokarta-Map-Mobile.png');background-size: cover;background-position: center;}
  .header-gap-mobile{margin-top:100px;}
  .subtext{margin-bottom: 1rem;}
  .section-title {font-size: 1.5rem;text-align: center;}
  .section-subtitle{font-size:14px;}
  h3.section-subline {font-size: 14px; text-align: center;}
  .desktop{display: none !important;}
  .mobile{display: inline-block;}
  .hero .right-border-desk{border-right: 0px;}
  .hero .right-border-mob{border-right: 1px solid #ccc;}
  .box-height-min, .box-height-min-2 {min-height:150px}
  .empower {padding: 50px 0px;}
  .empower .w-50{width: 90% !important;}
  .testimonial-card {text-align: center;}
  .display-5{font-size: 2rem;}
  header .navbar .navbar-nav li .nav-link{padding:10px;}
  .about-banner, .whatweoffer-banner, .register-banner, .faq-banner {height: 40vh; text-align: center !important;}
  .the_story h2{text-align: center;font-size: 1.5rem;}
  .the_story h2 span{font-size: 1.5rem;}
  .the_story .text-box {text-align: center;}
  .the_story .text-box p {max-width: 100%;}
  .the_story .text-box a {float: none; display: inline-block;}
  .the_story .text-box ul li{text-align: left;}
  .contact-box{padding-left: 20px; padding-right: 0px;}
  footer {text-align: center;}
  footer .row .mt-3 {margin-top: 0px !important;}
  footer p {margin-bottom: 0.5rem !important;}
  .stats-box h5 {margin-top:10px;margin-bottom: 10px;}
  .masterHead{font-size: 2rem;}
  .small-text{font-size: 0.75rem;font-weight: 400;}
  .medium-text{font-size: 1rem;font-weight: 600;}
}
@media (max-width: 992px) {
  .mobile-getApp{display: block; margin-right: 10px;}
  .stat-box h4 {font-size:30px;}
  .stat-box p {font-size: 14px;}
  .stats-box h5 {text-align: center;}
  .stats-box p {text-align: center;}
}