section.contact-map { padding: 120px 0; }
section.contact-map .contact-map-wrapper { position: var(--positionrelative); }
section.contact-map .contact-map-wrapper .map-wrapper { max-width: 931px; border-radius: 30px; overflow: hidden; display: var(--flex); align-items: stretch; height: 92vh; }
section.contact-map .contact-map-wrapper .map-wrapper iframe { width: 100%; height: 100%; border: none; }
section.contact-map .contact-map-wrapper .contact-details { box-shadow: 0px 4px 152.6px 0px #0000000F; border-radius: 30px; padding: 50px; width: 646px; position: absolute; right: 0; top: -65px; z-index: 1; background-color: #ffffff; }
section.contact-map .contact-map-wrapper .contact-details .listing { margin: 30px 0 0 0; }
section.contact-map .contact-map-wrapper .contact-details .listing .list { position: var(--positionrelative); transition: var(--transition400ms); padding: 20px 40px 40px 40px; background-color: #F6F8F9; border-radius: 20px; }
section.contact-map .contact-map-wrapper .contact-details .listing .list a { position: absolute; font-size: 0; left: 0; top: 0; width: 100%; height: 100%; }
section.contact-map .contact-map-wrapper .contact-details .listing .list .list-wrapper { display: var(--flex); align-items: var(--alignitemscenter); }
section.contact-map .contact-map-wrapper .contact-details .listing .list .list-wrapper .icon { width: 60px; transform: translateY(5px); }
section.contact-map .contact-map-wrapper .contact-details .listing .list .list-wrapper .details { width: calc(100% - 60px); padding: 0 0 0 20px; }
section.contact-map .contact-map-wrapper .contact-details .listing .list .list-wrapper .icon img { max-width: 60px; max-height: 60px; transition: var(--transition400ms); }
section.contact-map .contact-map-wrapper .contact-details .listing .list + .list { margin: 20px 0 0 0; }
section.contact-map .contact-map-wrapper .contact-details .listing .list.telephone .list-wrapper .icon svg path { fill: transparent; stroke: #1A293C; }
section.contact-map .contact-map-wrapper .contact-details .title h2.main-title { line-height: 1; }

section.contact-map .contact-map-wrapper .contact-details .listing .list:hover { background-color: var(--secondarycolor); }
section.contact-map .contact-map-wrapper .contact-details .listing .list:hover .list-wrapper .details h3,
section.contact-map .contact-map-wrapper .contact-details .listing .list:hover .list-wrapper .details h6 { color: var(--whitecolor); }
section.contact-map .contact-map-wrapper .contact-details .listing .list:hover .list-wrapper .icon img { filter: brightness(0) invert(1); }


@media screen and (min-width:1920.02px) {
    section.contact-map { padding: 180px 0; }
    section.contact-map .contact-map-wrapper .map-wrapper { width: 50%; max-width: 100%; }
    section.contact-map .contact-map-wrapper .contact-details { width: 40%; left: 50%; right: auto; top: 50%; transform: translateY(-50%); }
}


@media screen and (max-width:1199px) {
    section.contact-map { padding: 60px 0; }
    
    section.contact-map .contact-map-wrapper .map-wrapper { height: 40vh; }
    section.contact-map .contact-map-wrapper .contact-details { position: static; width: 100%; padding:30px; }
}
@media screen and (max-width:767px) {
    section.contact-map .contact-map-wrapper .contact-details .listing .list .list-wrapper { flex-direction: var(--flexdirectioncolumn); align-items: var(--alignitemsstart); }
    section.contact-map .contact-map-wrapper .contact-details .listing .list { padding: 10px 20px 20px 20px; }
    section.contact-map .contact-map-wrapper .contact-details .listing .list .list-wrapper .details { width: 100%; padding: 0; }
    section.contact-map .contact-map-wrapper .contact-details .listing .list .list-wrapper .icon { width: 100%; transform: none; }
    section.contact-map .contact-map-wrapper .contact-details .listing .list .list-wrapper .icon img { max-width: 30px; max-height: 43px; }
}