/* ==================================== banner section ==================================== */
/* .section-banner.small-banner .banner-content-wrap { padding: 80px 0 80px !important; justify-content: end !important;} */
.section-banner.small-banner .banner-content-wrap {  justify-content: end !important;}

/* ==================================== contact us section ==================================== */
.contact-info-wrap .row{row-gap:28px;}
.contact-info-inner {border:1px solid var(--dark-blue);border-radius:26px;height:100%;overflow: hidden;background-color:var(--body-bg);backdrop-filter:var(--blur-50);-webkit-backdrop-filter:var(--blur-50);}
.contact-info-inner .contact-info-image{position:relative;width:100%;padding-top:40%;}
.contact-info-inner .contact-info-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;}
.contact-info-inner .contact-info-content{padding:32px;}
.contact-info-content .bottom-line{position:relative;padding-bottom:14px;margin-bottom:14px;}
.contact-info-content .bottom-line:after{position:absolute;content:"";bottom:0;right:0;width:100%;height:1px;background: linear-gradient(90deg, rgba(39,166,239,0) 0%, #27A6EF 49.78%, rgba(39,166,239,0) 100%); opacity: 0.5; }
.contact-info-content .bottom-line:last-child:after{display: none;}
.contact-info-content .bottom-line:last-child{padding:0;margin:0;}
.contact-info-content a,.contact-info-content p{font-size: 16px;line-height: 22px;font-family:var(--space-grotesk);color:var(--white);transition:0.3s ease-in-out;}
.contact-info-content a{text-decoration:underline !important;}
.contact-info-content a.theme-btn{text-decoration:none !important;width:100%;}
.contact-info-content a:hover{color:var(--blue);}

.contact-info-inner:has(.contact-map){padding: 14px;}
.contact-map,.contact-map iframe{border-radius:20px;height:100%;min-height: 346px;width:100%;}
.dark-mode-map{filter: invert(100%) grayscale(100%) contrast(80%);}
@media (prefers-color-scheme: dark) {

    /* Optional: Apply filter automatically if the user's system is in dark mode */
    .map-container iframe {
        filter: invert(100%) grayscale(100%) contrast(80%);
    }
}

/* ======================================= section-tv-contact ======================================== */
.section-tv-contact,footer{position: relative;}
.section-tv-contact .container:after{position: absolute; content: ""; bottom: -60px; left: -251px; width: 540px; height: 100%; background: url(../images/rounded-blur-image.png) no-repeat center center / cover; pointer-events: none; z-index: 1;}
footer:after{position: absolute; content: ""; top: 60px; right: -180px; width: 370px; height: 370px; background: url(../images/rounded-blur-image.png) no-repeat center center / cover; pointer-events: none; z-index: 1;}


/* ======================================= Media query ======================================== */

@media screen and (max-width:1366px){
    /* ==================================== banner section ==================================== */
.contact-info-wrap{margin-top: 30px;}
    
}
@media screen and (max-width:1199px){
    /* ==================================== banner section ==================================== */
    /* ==================================== contact us section ==================================== */
    .contact-info-wrap .row{row-gap:20px;--bs-gutter-x: 20px;}
    .contact-info-inner {border-radius:24px;}
    .contact-info-inner .contact-info-content{padding:20px;}
    .contact-info-content .bottom-line{padding-bottom:12px;margin-bottom:12px;}
    .contact-info-content a,.contact-info-content p{font-size: 15px;line-height: 20px;}
    .contact-info-inner:has(.contact-map){padding: 12px;}
    .contact-map{border-radius:18px;}
}
@media screen and (max-width:991px){
    /* ==================================== banner section ==================================== */
}
@media screen and (max-width:767px){
    /* ==================================== contact us section ==================================== */
    .contact-info-wrap .row{row-gap:18px;--bs-gutter-x: 18px;}
    .contact-info-inner {border-radius:22px;}
    .contact-info-inner .contact-info-content{padding:16px;}
    .contact-info-content .bottom-line{padding-bottom:11px;margin-bottom:11px;}
    .contact-info-content a,.contact-info-content p{font-size: 14px;line-height: 18px;}
    .contact-info-inner:has(.contact-map){padding: 11px;}
    .contact-map{border-radius:16px;min-height: 270px;}
}
@media screen and (max-width:575px){
    
    
}