@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

* { margin: 0; padding: 0;}
.container { max-width: 1199px}
body { background-color: #fff; font-family: 'Inter';}
h1 { font-size: 700; font-size: 40px; line-height: 48px; font-family: 'Inter'; box-shadow: #737373; }
h2 {margin-bottom: 28px;}
h5 {font-weight: 700; font-size: 16px; line-height: 24px; color: #0073E3; }
h6{line-height: 33px;}
p{margin-bottom: -1px; line-height: 33px; color: #666666;}
/*---Common classes---*/
.titles {color: #0073E3; font-weight: 500; margin-bottom: 15px;}
.column-title {color: #0073E3;}
/* ------------------------------------------------------------ */
.navbar { padding: 24px 0; box-shadow: 0 1px 3px rgba(0,0,0,0.1);}
.navbar-brand img { height: 40px;}
.navbar-nav { margin-left: auto;margin-right: 0; }
.nav-item { padding: 0 8px;}
.nav-link {color: #333 !important;font-weight: 500;transition: color 0.3s ease;}
.nav-link:hover {color: #0078D7 !important;}
.contact-corner-btn { background-color: white; border: 1px solid #333;border-radius: 20px;
    padding: 6px 15px;color: #333;font-weight: 500; text-decoration: none; transition: all 0.3s ease; display: inline-block;}
.contact-corner-btn:hover { background-color: #f8f8f8; color: #0078D7; text-decoration: none !important;}
.contact-btn-container { margin-left: 0;padding-left: 8px; }
/* Mobile navbar styles */
@media (max-width: 991px) {
.navbar { position: relative;}    
.navbar-collapse {text-align: center;position: absolute;top: 100%; left: 0; right: 0;
        background-color: white; box-shadow: 0 4px 6px rgba(0,0,0,0.1); z-index: 1000; padding: 10px;}
.navbar-nav { margin-right: auto; width: 100%;}
.contact-btn-container { text-align: center; margin-top: 10px; margin-bottom: 10px;}
}
.btn-signup:hover { background-color: #fb9420; color: white; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(253, 167, 65, 0.3);}
.btn-login { color: #2D3748; font-weight: 500; transition: all 0.3s ease;}
.btn-login:hover { color: #FDA741; transform: translateY(-1px);}
/*---BANNER---*/
.hero-title {font-weight: 500; color: #fff; font-size: 35px;}
.educational-platform {color: #4299E1;font-weight: 600; font-size: 0.9rem;}
.floating { animation: floating 3s ease-in-out infinite;}
.floating-delayed {  animation: floating 3s ease-in-out 1.5s infinite;}
@keyframes floating { 0% { transform: translateY(0px); }
                      50% { transform: translateY(-11px);}
                      100% { transform: translateY(0px); }
}
.btn-discover { background-color: #fff; border: none; color: #0071e3;padding: 12px 32px; border-radius: 8px; font-weight: 500; transition: all 0.3s ease;}
.btn-discover:hover { background-color: #fff; color: #0071e3;  transform: translateY(-2px);}
.hero-section { min-height: calc(80vh - 80px); background: #000; position: relative;  overflow: hidden;}
.decorative-icon { position: absolute; width: 80px; height: auto; z-index: 1;}
.icon-books {left: 54%; top: 38%;}
.icon-globe { right: 10%; top: 10%;}
@media (max-width: 768px) {
    .decorative-icon { width: 60px;}
    .icon-books { left: 10%; top: 58%;}
    .icon-globe {right: 10%; top: 42%;}
}
/* SB Card benefits */
.carousel-container { border-radius: 20px; overflow: hidden;  padding: 30px; max-width: 1100px; margin: 0 auto;}                            
/* SBC Business benefits */
.carousel-container-card { background-color: #f5f5f5; border-radius: 30px; overflow: hidden;  padding: 30px; max-width: 1100px; margin: 0 auto;}
.image-container {  position: relative;  z-index: 1;}
.image-container img {  max-width: 100%; height: auto;}
.carousel-indicators { position: relative; bottom: auto; margin-top: 30px;  margin-bottom: 0; justify-content: center;}
.carousel-indicators [data-bs-target] {  width: 10px;  height: 10px; border-radius: 50%; background-color: #ccc;  border: none;  margin: 0 5px;opacity: 1;}
.carousel-indicators .active { background-color: #0073E3;  width: 30px; border-radius: 10px;}
.controls-container {display: flex; justify-content: center; align-items: center; margin-top: 10px;}
.carousel-control-prev, .carousel-control-next { position: relative;width: 40px;  height: 40px; background-color: white; border-radius: 50%; opacity: 1;  box-shadow: 0 2px 5px rgba(0,0,0,0.1);margin: 0 5px; inset: auto;}
.carousel-control-prev:hover, .carousel-control-next:hover { background-color: #0073E3;}
.carousel-control-prev-icon, .carousel-control-next-icon { width: 20px; height: 20px;}
.carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230073E3'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");}
.carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230073E3'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.carousel-control-prev:hover .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");}
.carousel-control-next:hover .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.content-slide { min-height: 300px;  display: flex; flex-direction: column; justify-content: center;}
.content-title { color: #0073E3;font-size: 14px;font-weight: 600; margin-bottom: 10px;}
.content-heading { font-size: 28px; font-weight: 700; margin-bottom: 20px; color: #333;}
.content-text { color: #666; line-height: 1.6;}
@media (max-width: 767px) {  
    .carousel-container { padding: 15px;}
    .content-slide { padding-top: 20px;}
    .carousel-indicators { margin-top: 15px;}
}
/*---Faq---*/
.accordion-item {border: none; background-color: #F3F3F3; border-radius: 20px !important; margin-bottom: 20px;}
.accordion-button {background-color: #F3F3F3; border-radius: 30px !important;font-weight: 500;box-shadow: none; padding: 35px 40px 30px 40px;}
.accordion-button:not(.collapsed) {background-color: #f8f9fa;color: #212529; box-shadow: none;}
.accordion-button:focus { box-shadow: none;}
.accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230d6efd' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
    transition: transform 0.2s ease-in-out;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230d6efd' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");}
.accordion-body {padding: 0 20px 35px 40px; color: #6c757d;}
.faq-container { max-width: 1100px; margin: 0 auto; padding: 40px 20px;}
/*motive - quadrant cards*/
.card {height: 100%;border-radius: 20px;border: none;box-shadow: 0 4px 6px rgba(0,0,0,0.05);text-align: center;}
.card-title {font-weight: 600;margin-bottom: 15px;}
.card-text {color: #666; font-size: 14px;line-height: 1.5;}
.image-side {height: 100%;border-radius: 0;overflow: hidden;padding: 0;}
.image-side img {width: 100%;height: 100%;object-fit: cover;}
.content-row {margin-bottom: 20px;}
@media (max-width: 767.98px) {
    .content-row { margin-bottom: 15px;}
    .image-side { margin-top: 20px; height: 400px;}
}

/* Footer Styles */
.footer-dark {background-color: #1a1a1a; color: #ffffff; padding: 20px 0;}
/* App Links Section */
.app-links-title {color: #0073E3;font-size: 1.2rem;font-weight: 500; margin-bottom: 15px;}
.app-store-badge {height: 40px;}
.google-play-badge { height: 60px; margin-top: -10px;}
.vertical-divider {height: 100%; width: 1px; background-color: rgba(255, 255, 255, 0.2); margin: 0 auto;}
/*appstore n playstore buttons*/
.app-buttons-container {
    justify-content: flex-start !important;
  }
  
  /* Optional: If you want to keep some spacing from the left edge */
  .app-buttons-container {
    padding-left: 0px;
  }
  @media (min-width: 992px) {.app-buttons-container { justify-content: flex-start !important;}}
.market-btn {display: inline-block;padding: 0.3125rem 0.875rem; padding-left: 2.8125rem;
    -webkit-transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;border: 1px solid #e7e7e7;
    background-position: center left 0.75rem; background-color: #fff;
    background-size: 1.5rem 1.5rem; background-repeat: no-repeat; text-decoration: none;border-radius: 12px; margin: 0 10px 0 10px;
}
.market-btn .market-button-title {display: block;color: #222;font-size: 1.125rem;}
.market-btn .market-button-subtitle {display: block; margin-bottom: -0.25rem; color: #888;font-size: 0.58rem;}
.market-btn:hover {background-color: #f7f7f7;text-decoration: none;}
.apple-btn {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMDUgMzA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDUgMzA1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnIGlkPSJYTUxJRF8yMjhfIj4KCTxwYXRoIGlkPSJYTUxJRF8yMjlfIiBkPSJNNDAuNzM4LDExMi4xMTljLTI1Ljc4NSw0NC43NDUtOS4zOTMsMTEyLjY0OCwxOS4xMjEsMTUzLjgyQzc0LjA5MiwyODYuNTIzLDg4LjUwMiwzMDUsMTA4LjIzOSwzMDUgICBjMC4zNzIsMCwwLjc0NS0wLjAwNywxLjEyNy0wLjAyMmM5LjI3My0wLjM3LDE1Ljk3NC0zLjIyNSwyMi40NTMtNS45ODRjNy4yNzQtMy4xLDE0Ljc5Ny02LjMwNSwyNi41OTctNi4zMDUgICBjMTEuMjI2LDAsMTguMzksMy4xMDEsMjUuMzE4LDYuMDk5YzYuODI4LDIuOTU0LDEzLjg2MSw2LjAxLDI0LjI1Myw1LjgxNWMyMi4yMzItMC40MTQsMzUuODgyLTIwLjM1Miw0Ny45MjUtMzcuOTQxICAgYzEyLjU2Ny0xOC4zNjUsMTguODcxLTM2LjE5NiwyMC45OTgtNDMuMDFsMC4wODYtMC4yNzFjMC40MDUtMS4yMTEtMC4xNjctMi41MzMtMS4zMjgtMy4wNjZjLTAuMDMyLTAuMDE1LTAuMTUtMC4wNjQtMC4xODMtMC4wNzggICBjLTMuOTE1LTEuNjAxLTM4LjI1Ny0xNi44MzYtMzguNjE4LTU4LjM2Yy0wLjMzNS0zMy43MzYsMjUuNzYzLTUxLjYwMSwzMC45OTctNTQuODM5bDAuMjQ0LTAuMTUyICAgYzAuNTY3LTAuMzY1LDAuOTYyLTAuOTQ0LDEuMDk2LTEuNjA2YzAuMTM0LTAuNjYxLTAuMDA2LTEuMzQ5LTAuMzg2LTEuOTA1Yy0xOC4wMTQtMjYuMzYyLTQ1LjYyNC0zMC4zMzUtNTYuNzQtMzAuODEzICAgYy0xLjYxMy0wLjE2MS0zLjI3OC0wLjI0Mi00Ljk1LTAuMjQyYy0xMy4wNTYsMC0yNS41NjMsNC45MzEtMzUuNjExLDguODkzYy02LjkzNiwyLjczNS0xMi45MjcsNS4wOTctMTcuMDU5LDUuMDk3ICAgYy00LjY0MywwLTEwLjY2OC0yLjM5MS0xNy42NDUtNS4xNTljLTkuMzMtMy43MDMtMTkuOTA1LTcuODk5LTMxLjEtNy44OTljLTAuMjY3LDAtMC41MywwLjAwMy0wLjc4OSwwLjAwOCAgIEM3OC44OTQsNzMuNjQzLDU0LjI5OCw4OC41MzUsNDAuNzM4LDExMi4xMTl6IiBmaWxsPSIjMmUyZTJlIi8+Cgk8cGF0aCBpZD0iWE1MSURfMjMwXyIgZD0iTTIxMi4xMDEsMC4wMDJjLTE1Ljc2MywwLjY0Mi0zNC42NzIsMTAuMzQ1LTQ1Ljk3NCwyMy41ODNjLTkuNjA1LDExLjEyNy0xOC45ODgsMjkuNjc5LTE2LjUxNiw0OC4zNzkgICBjMC4xNTUsMS4xNywxLjEwNywyLjA3MywyLjI4NCwyLjE2NGMxLjA2NCwwLjA4MywyLjE1LDAuMTI1LDMuMjMyLDAuMTI2YzE1LjQxMywwLDMyLjA0LTguNTI3LDQzLjM5NS0yMi4yNTcgICBjMTEuOTUxLTE0LjQ5OCwxNy45OTQtMzMuMTA0LDE2LjE2Ni00OS43N0MyMTQuNTQ0LDAuOTIxLDIxMy4zOTUtMC4wNDksMjEyLjEwMSwwLjAwMnoiIGZpbGw9IiMyZTJlMmUiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);  
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.google-btn {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPHBvbHlnb24gc3R5bGU9ImZpbGw6IzVDREFERDsiIHBvaW50cz0iMjkuNTMsMCAyOS41MywyNTEuNTA5IDI5LjUzLDUxMiAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNCREVDQzQ7IiBwb2ludHM9IjM2OS4wNjcsMTgwLjU0NyAyNjIuMTc1LDExOS40NjcgMjkuNTMsMCAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNEQzY4QTE7IiBwb2ludHM9IjI5LjUzLDUxMiAyOS41Myw1MTIgMjYyLjE3NSwzODMuNTUxIDM2OS4wNjcsMzIyLjQ3IDI5OS4wMDQsMjUxLjUwOSAiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0ZGQ0E5NjsiIGQ9Ik0zNjkuMDY3LDE4MC41NDdsLTcwLjA2Myw3MC45NjFsNzAuMDYzLDcwLjk2MWwxMDguNjg4LTYyLjg3N2M2LjI4OC0zLjU5Myw2LjI4OC0xMS42NzcsMC0xNS4yNyAgTDM2OS4wNjcsMTgwLjU0N3oiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.horizontal-divider {height: 1px;width: 100%; background-color: rgba(255, 255, 255, 0.2);margin: 20px 0;}
/* Footer Links */
/* .footer-column-title {color: #0073E3;} */
.footer-links ul li {margin-bottom: 10px;}
.footer-links ul li a {color: #ffffff;text-decoration: none;transition: color 0.3s ease;font-size: 0.9rem;}
.footer-links ul li a:hover {color: #3498db;text-decoration: none;}
.address-item {color: #ffffff;font-size: 0.9rem;line-height: 1.5;margin-top: 10px;}
.copyright {color: #fff;font-size: 0.95rem;}
/* Responsive Adjustments */
@media (max-width: 767.98px) {
    .app-links-section {text-align: center;}
    .footer-column-title {margin-top: 20px;}
    .vertical-divider {display: none;}
}
@media (max-width: 575.98px) {
    .app-store-badge, .google-play-badge {height: 35px;}
    .google-play-badge {margin-top: -5px;} 
    .footer-links ul li { margin-bottom: 8px;}
}
/* Business App */
.category-card {background-color: white; border-radius: 20px; overflow: hidden;box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: transform 0.3s; margin-bottom: 25px; height: 100%;}
.category-card:hover { transform: translateY(-5px);}
.card-img-container { overflow: hidden; border-radius: 15px; margin: 15px;}
.card-img { width: 100%; height: 200px; object-fit: cover; border-radius: 15px;}
.card-label { text-align: center; padding: 10px 15px 20px; font-weight: 500; font-size: 1.1rem;}
/* userapp */
.sb-top-section {background-color: #f8f9fa;}
.placeholder-img {background-color: #e9ecef;height: 200px;border-radius: 8px;}
/* Benefit cards */
.benefit-card {background-color: #fff;border-radius: 8px; height: 100%; }
.benefit-number {font-size: 3rem; font-weight: 700;color: #0d6efd;line-height: 1.5;}

.sb-bottom-section { background-color: #fff;border-radius: 20px; margin: 0 15px;}
.icon-circle {width: 100px; height: 100px; background-color: #fff; border-radius: 50%;display: flex; align-items: center;justify-content: center; margin: 0 auto; box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);}
.feature-title {font-size: 1rem; font-weight: 500;}
@media (max-width: 767px) {
.icon-circle { width: 80px; height: 80px;}
.plaintext .icon-circle img { width: 32px;}
.feature-title {font-size: 0.9rem;}
}
/* about us */
.card {border-radius: 15px;overflow: hidden; border: none; height: 100%; position: relative; margin-bottom: 20px;}
.card-img {width: 100%;height: auto;object-fit: cover;}
.blue-overlay {position: absolute;bottom: 40px;left: 0;right: 0;background: linear-gradient(90deg, #0d6efd 70%, rgba(13, 110, 253, 0) 100%);
    color: white;padding: 15px; font-weight: bold; font-size: 1.2rem; line-height: 1.4;}
.section-title {font-size: 2.5rem; font-weight: bold; margin-bottom: 40px; text-align: center;}
@media (max-width: 768px) {.card {margin-bottom: 15px;}}
/* contact */
.contact-section {padding: 60px 0;}
.contact-title {font-size: 3rem;font-weight: bold; color: #333; margin-bottom: 60px; text-align: center;}
.contact-icon { color: #0073E3; font-size: 2.5rem; margin-bottom: 15px;}
.contact-label { color: #0073E3;font-weight: bold;font-size: 1.2rem; margin-bottom: 15px;}
.contact-info { text-align: center; padding: 0 15px;}
.contact-text { color: #333; font-size: 1rem;}
.divider { width: 1px; background-color: #0071e3; height: 100%;}
/* Responsive adjustments */
@media (max-width: 991.98px) {
    .divider { display: none;}
    .contact-info { margin-bottom: 40px;} 
    .contact-title { margin-bottom: 40px;}
}
@media (max-width: 767.98px) { .contact-title { font-size: 2.5rem;margin-bottom: 30px; }}
.bg-hero {
    background: linear-gradient(rgba(0, 0, 100, 0.5), rgba(0, 0, 100, 0.5)), 
                url('../img/sbc-is-here.png') no-repeat fixed center center;
    background-size: cover;min-height: 100vh; position: relative;}
.contact-info-box { position: relative;border-left: 5px solid #0073E3; background-color: white;margin-bottom: 20px;padding: 20px; overflow: hidden;transition: all 0.3s ease; border-radius: 15px;}
.contact-info-box::before { content: '';position: absolute;top: 0;left: 0;width: 0%;height: 100%; background-color: #e5f1ff; transition: all 0.3s ease; z-index: 0;}
.contact-info-box:hover::before {width: 100%;}
.contact-info-box .content { position: relative;  z-index: 1;}
.contact-form { background-color: white; padding: 60px;  border-radius: 15px;}
.btn-send { background-color: #0073E3; color: white; padding: 8px 30px;}
.navbar { background-color: white !important;}
.nav-link { color: #333 !important;font-weight: 500;}
.btn-contact {background-color: #0073E3; color: white;}
.contact-heading {color: white; font-size: 3rem; font-weight: bold; margin-bottom: 30px;}
.icon-container {width: 40px;display: inline-block; vertical-align: top;}