.elementor-161 .elementor-element.elementor-element-f7ae3cd{--display:flex;}.elementor-161 .elementor-element.elementor-element-6457076e{--display:flex;}.elementor-161 .elementor-element.elementor-element-6457076e.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-161 .elementor-element.elementor-element-6457076e{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-161 .elementor-element.elementor-element-6457076e{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-0c40c63 *//*==========================
CONTACT + MAP
==========================*/

.contact-map-section{

    background:#0B0B0B;

    padding:110px 7%;

    direction:rtl;

    overflow:hidden;

}

.contact-map-section .container{

    max-width:1450px;

    margin:auto;

}

.contact-map{

    display:grid;

    grid-template-columns:430px 1fr;

    gap:45px;

    align-items:stretch;

}

/*==========================
CONTACT BOX
==========================*/

.contact-info{

    background:#151515;

    border:1px solid rgba(255,255,255,.08);

    border-radius:28px;

    padding:45px;

}

.section-badge{

    display:inline-block;

    background:rgba(10,132,255,.12);

    color:#0A84FF;

    border:1px solid rgba(10,132,255,.25);

    padding:10px 24px;

    border-radius:40px;

    font-weight:700;

    margin-bottom:25px;

}

.contact-info h2{

    color:#FFF;

    font-size:42px;

    margin-bottom:20px;

}

.contact-info>p{

    color:#CFCFCF;

    line-height:2;

    margin-bottom:40px;

}

.info-item{

    display:flex;

    gap:18px;

    align-items:flex-start;

    margin-bottom:28px;

}

.icon{

    width:62px;

    height:62px;

    min-width:62px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:linear-gradient(135deg,#0A84FF,#0062E3);

    color:#FFF;

    font-size:22px;

}

.info-item h4{

    color:#FFF;

    margin-bottom:8px;

    font-size:20px;

}

.info-item p{

    color:#CFCFCF;

    line-height:1.9;

    margin:0;

}

.info-item a{

    color:#FFF;

    text-decoration:none;

    transition:.3s;

}

.info-item a:hover{

    color:#0A84FF;

}

/*==========================
MAP
==========================*/

.map-box{

    border-radius:28px;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.08);

    min-height:620px;

    box-shadow:0 20px 50px rgba(0,0,0,.35);

}

.map-box iframe{

    width:100%;

    height:100%;

    min-height:620px;

    border:0;

    display:block;

}

/*==========================
RESPONSIVE
==========================*/

@media(max-width:992px){

.contact-map{

    grid-template-columns:1fr;

}

.contact-info{

    padding:35px;

}

.map-box{

    min-height:500px;

}

.map-box iframe{

    min-height:500px;

}

}

@media(max-width:767px){

.contact-map-section{

    padding:70px 20px;

}

.contact-info{

    padding:28px;

}

.contact-info h2{

    font-size:32px;

}

.contact-info>p{

    font-size:15px;

}

.info-item{

    gap:15px;

}

.icon{

    width:55px;

    height:55px;

    min-width:55px;

    font-size:20px;

}

.map-box{

    min-height:350px;

}

.map-box iframe{

    min-height:350px;

}

}/* End custom CSS */