.contact-form-wrapper{width: 60%;}
.form-container{margin-top: 40px;}
.form-container form {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.form-item {flex: 1; display: flex; flex-direction: column;}
label {font-weight: 600; font-size: 16px; color: #4F4F4F; line-height: 1;}
input, select, textarea {border: none; border-bottom: 1px solid #DDDDDD; border-radius: 0; padding: 17px 0; font-size: 14px; font-weight: 300; color: #4F4F4F; line-height: 1; outline: none;}
::placeholder{font-size: 14px; font-weight: 300; color: #4F4F4F; line-height: 1; font-family: "Open Sans", sans-serif;}
textarea {resize: vertical; min-height: 80px;}
.form-item small {color: red;}

.form-item.message{grid-column: 1 / span 3;}

.contact-map-wrapper{padding: 35px; border-radius: 16px; background-color: #F9F9F9; display: flex; justify-content: space-between;}
.map-address-tadding .office-name{font-size: 15px; line-height: 1.4; font-weight: 600; padding-bottom: 15px; border-bottom: 1px solid #D2D1D1;}
.map-address-tadding .office-address{font-size: 15px; font-weight: 400; line-height: 1.6; color: #4D4D4D; padding-top: 0px;}
.map-address-tadding .map-tab-a{padding-top: 20px; cursor: pointer;}
.map-address-tadding .map-tab-a:first-child{padding-top: 20px;}
.map-address-tadding{padding-bottom: 80px; padding-top: 40px;}

.right-map-area{width: 65%; height: auto;}
.right-map-area .tab-content-a{height: 100%; display: none;}
.right-map-area iframe{width: 100%; border-radius: 16px;}

/* .map-tab-a.active .office-name{border-bottom: 2px solid #C02121;} */
.map-tab-a.active .office-name{border:0;}
.right-map-area .tab-content-a.active{display: block;}



/* contact slider */

.contact-slider-section .legacy-deatils p, .contact-slider-section .fixed-top-section .legacy-deatils h3{color: #fff;}
.contact-slider-wrapper{padding: 70px 0 70px 50px; background: linear-gradient(90deg, #09809A 0%, #23428D 100%); border-radius: 24px; overflow: hidden;}

.swiper-wrapper{padding-top: 30px;}
.contact-slide-a{height: auto; width: 100%;}
.contact-slide-name{font-size: 15px; font-weight: 500; color: #fff; padding: 20px; height: 100%; width: 100%; border: 1px solid #FFFFFF1C; backdrop-filter: blur(20px); background: #FFFFFF0A; border-radius: 12px; display: flex; align-items: center; justify-content: center; text-align: center;} 

.map-tab-a .office-address{display: none;}
.map-tab-a.active .office-address{display: block; border-bottom: 2px solid #C02121; padding-bottom: 20px;}
.contact-map-wrapper .left-map-area{width: 25%;}
.map-address-tadding .office-name{display: flex; justify-content: space-between; align-items: center;}
.map-tab-a.active .office-name .acc-arrow{transform: rotate(180deg);}

.mobile-off-address{display: none;}

.contact-slider-wrapper{position: relative;}
.featured-slide-btn-box{position: absolute; top: 25%; right: 40px; display: flex; gap: 10px; }
.featured-pagination-btn {
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ffffff;
    border-radius: 50%;
    cursor: pointer;
}

.featured-pagination-btn.swiper-button-disabled {
    border-color: #BCBCBC;
    cursor: default;
}

.featured-pagination-btn.swiper-button-disabled svg {
    opacity: 0.5;
}



@media screen and (min-width:1699px) {

    .map-address-tadding .office-name{font-size: 18px;}
    .map-address-tadding .office-address{font-size: 18px;}
    .contact-map-wrapper{padding: 60px;}
    .contact-slide-name{font-size: 18px;}
}

@media screen and (max-width:991px) {

    .contact-map-wrapper{display: block;}
    .right-map-area{width: 100%; height: 400px;}
    .map-address-tadding .map-tab-a{padding-top: 30px; width: 50%;}
    .map-tab-a.active .office-name{border-bottom: 1px solid #d2d1d1; position: relative;}
    .map-tab-a.active .office-name::after{content: ""; display: block; width: 90%; height: 1px; border-bottom: 2px solid #C02121; position: absolute; bottom: -1px;}
    
    .map-address-tadding{padding-bottom: 30px; display: flex; align-items: flex-start;}
    .map-address-tadding .map-tab-a:first-child{padding-top: 30px;}

    .contact-map-wrapper{padding: 20px;}
    .contact-slider-wrapper{padding: 40px 0 40px 20px;}
    .map-address-tadding{position: relative; padding-bottom: 0px; padding-top: 20px;}
    .map-address-tadding .office-address{display: none; position: absolute; left: 0; top: 75px; font-size: 14px;}
    .map-address-tadding .office-name{font-size: 14px;}
    .map-tab-a.active .office-address{display: block;}
    .contact-slide-name{font-size: 14px; padding: 10px;}

    .map-address-tadding{overflow: auto; border-bottom: 1px solid #d2d1d1;}
    .contact-map-wrapper .left-map-area{width: 100%;}
    .map-address-tadding .office-name{white-space: nowrap; border-bottom: 0;}
    .map-tab-a.active .office-address{ padding: 40px 0;}
    .map-address-tadding .map-tab-a{width: 100%;}
    .map-tab-a .office-name{gap: 10px; margin: 0 10px;} 
    .map-tab-a.active .office-address{border-bottom: 0; display: none; position: inherit;}
    .right-map-area iframe {height: 300px;}

    .office-address{display: none;}
    .mobile-off-address{display: block; padding: 24px 0; font-size: 18px; font-weight: 400; color: #4d4d4d; line-height: 1.6;}


}

@media screen and (max-width:767px) {

    .contact-map-wrapper{padding: 20px;}
    .contact-slider-wrapper{padding: 40px 0 40px 20px;}
    .map-address-tadding{position: relative; padding-bottom: 0px; padding-top: 20px;}
    .map-address-tadding .office-address{display: none; position: absolute; left: 0; top: 75px; font-size: 14px;}
    .map-address-tadding .office-name{font-size: 14px;}
    /* .map-tab-a.active .office-address{display: block;} */
    .contact-slide-name{font-size: 14px; padding: 10px;}

    .mobile-off-address{font-size: 16px;}

    .featured-slide-btn-box{position: absolute; top: 23%; right: 20px;}
    .featured-pagination-btn{width: 34px; height: 34px;}

    .contact-slider-section{margin-top: 40px;}
    .office-address br{display: none;}
    .office-address{font-size: 14px;}
    
}

@media screen and (max-width:480px) {

    .map-tab-a.active .office-name::after{width: 100%;}
    .contact-slide-name{font-size: 13px;}
}