@font-face {
    font-family: 'Calibri';
    src: url('../fonts/calibri-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Calibri';
    src: url('../fonts/calibri-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Calibri';
    src: url('../fonts/calibri-bold-italic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Calibri';
    src: url('../fonts/calibri-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

:root {
    /*
    --font-bricolageGrotesque: "Bricolage Grotesque", sans-serif;
    --font-suse: "SUSE", sans-serif;
     */
    --font-bricolageGrotesque: 'Calibri', Arial, sans-serif;
    --font-suse: 'Calibri', Arial, sans-serif;
    --white-color: #fff;
    --white-color-opc: 255, 255, 255;
    --black-color: #0000ff;
    --black-color-opc: 17, 15, 15;
    --title-color: #020202;
    --title-color-opc: 17, 15, 15;
    --text-color: #525252;
    --dark-text-color: #AAAAAA;
    --primary-color1: #ff0000;
    --primary-color1-opc: 0, 0, 255;
    --primary-color2: #3655FF;
    --primary-color2-opc: 54, 85, 255;
    --borders-color: #E8E8E8;
    --border-color2: #FFFFFF1A;
    --border-color3: #EEEEEE;
}

header.style-1 {
    background-color: #ffffff;
}
header.style-1 .main-menu > ul > li > a,
header.style-1 .main-menu > ul > li > a i {
    color: var(--title-color);
}

header.style-1 .header-logo {
    width: 200px;
    background: #fff;
    border-radius: 24px;
    padding: 5px 10px;
}
.table>:not(caption)>*>* {
    background-color: rgba(255, 255, 255, 0.85);
}

header.style-1 .mobile-logo-area .mobile-logo-wrap img {
    width: 150px;
}

header.style-1.sticky {
    display: none;
}

.banner-video-area {
    background: #000;
}
.home1-banner-section .banner-wrapper .banner-video-area video {
    -o-object-fit: contain;
    object-fit: contain;
}

.primary-btn1 {
    color: var(--white-color);
}

.primary-btn1 svg {
    fill: var(--white-color);
}

.home1-contact-info .contact-wrapper .contact-area .single-contact .contact-content-wrap .content h6 a,
.home1-contact-info .contact-title-area h3,
.home1-contact-info .contact-wrapper .contact-area .single-contact h5 {
    color: var(--white-color);
}

.home1-service-section .service-btn span,
.home1-service-section .service-btn span a span{
    color: var(--white-color);
}

.footer-section {
    background-color: transparent;
    border-top: 1px solid #ddd;
}
.footer-section .footer-bottom {
    border-top: 1px solid #ddd;
}
.footer-section .company-logo-and-contact-area .contact-area h2,
.footer-section .mail-and-call li .content a,
.footer-section .footer-bottom p a,
.footer-section .footer-logo-and-social p ,
.footer-section .mail-and-call li .content p,
.footer-section .footer-bottom p{
    color: var(--title-color);
}

.footer-section .footer-logo-and-social .logo-area {
    width: 200px;
    background: #fff;
    border-radius: 24px;
    padding: 5px 10px;
}

@media (min-width: 1200px) {
    header.style-1 .primary-btn1:hover,
    header.style-1 .primary-btn1:hover svg {
        fill: var(--white-color);
        color: var(--white-color);
    }
}



.home1-banner-section .row{
    display:flex;
    align-items:stretch;
}

.home1-banner-section .col-lg-6{
    padding:0;
}


.map-container{
    max-width:1400px;
    margin:auto;
    padding:30px;
    position:relative;
}

#map{
    width:100%;
    height:700px;
    border-radius:15px;
    overflow:hidden;
}

.tooltip{
    position:absolute;
    display:none;
    background:#111;
    color:#fff;
    padding:8px 14px;
    border-radius:8px;
    font-size:14px;
    pointer-events:none;
    z-index:999;
}


.whatsapp {
    position:fixed;
    width:60px;
    bottom:25px;
    right:25px;
    z-index:99999;
}
.whatsapp img {
    height: 60px;
}


@media (max-width: 1199px) {
    header.style-1 .nav-right .mobile-menu-btn svg {
        fill: #ff0000;
    }
}