/* contact banner */
.page-template-contact-us .detail_title span{display: inline-block;}
.page-template-contact-us .business_risk_section{padding-bottom: 200px;}


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

    .page-template-contact-us  .business_risk_section{padding-bottom: 178px;}
}

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

    .page-template-contact-us .business_risk_section{padding-bottom: 150px;}
}

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

    .page-template-contact-us .business_risk_section{padding-bottom: 78px;}
}


/* contact map */

.contact-map-section {background: #FFF8F1; color: #222;}
.map-area {display: flex; justify-content: space-between; align-items: flex-start; gap: 60px; max-width: 1500px; margin: auto;}
.map-left-area {flex: 0.9;}

.map-sub-text {font-size: 18px; margin-bottom: 12px; line-height: 1.6; font-weight: 500; color: #404040; font-style: italic;}
.map-sub-text.big{margin: 40px 0;}
.map-sub-text.small{font-size: 16px; font-weight: 400; color: #404040; line-height: 1.5; font-style: normal;}
.map-sub-text a {color: #404040; text-decoration: none; border-bottom: 1px solid #404040;}
.map-sub-text.big a{border: 0;}
/* .map-sub-text a::after{content: ""; width: 100%; height: 1px; border} */
/* Map area */
.map-right-area {flex: 1.3; position: relative;}
.map-img {position: relative; width: 100%;}
.map-img img {width: 100%; height: auto;display: block; border-radius: 10px;}

/* Map cards */
.map-card {position: absolute; background: #fff; padding: 18px 15px 20px 10px; border-radius: 14px; 
    box-shadow: 0px 48px 30px rgba(0,0,0,0.12); font-size: 14px; line-height: 1.5; transition: all 0.3s ease; 
    border: 1px solid rgba(0,0,0,0.05);right: -9px;
    top: 30px;}
.map-card:hover {transform: translateY(-6px); box-shadow: 0px 12px 35px rgba(0,0,0,0.18);    }
.map-card h4 {font-size: 16px; font-weight: 600; margin: 0 0 6px 0; color: #1d1d1d;}
.map-card p {font-size: 14px; line-height: 1.5; font-weight: 400; color: #404040; margin: 0;}
.map-card-wrapper{display: flex; gap: 10px;}
.map-card .flag {width: 30px; height: 30px;}
.map-card .flag img{width: 100%; height: 100%;}
.map-card .map-card-text{width: calc(100% - 40px);}

/* Positioning cards (adjust according to your map) */
.washington-office { top: 8%; left: 0%; max-width: 240px;}
.jaipur-office     { top: 9%; right: 20%; max-width: 240px;}
.bangalore-office  { bottom: 28%; left: 32%; max-width: 270px;}
.chandigarh-office { bottom: 20%; right: 6%; max-width: 225px;}

/* Small animated marker circle */
.map-card::after {content: ""; position: absolute;  top: -7px; right: 15px; width: 14px; height: 14px; background-color: #fff; transform: rotate(45deg);}
.jaipur-office.map-card::after{right: 60px;}
.bangalore-office.map-card::after{right: -7px; bottom: initial; top: 20px;}
.chandigarh-office.map-card::after{right: initial; bottom: initial; top: -7px; left: 20px;}

.map-mobile-slider{display: none;}

/* Responsive */





.right-talk-area .checkbox label input[type="checkbox"]{display: block;position: absolute;width: 15px;height: 15px;left: 0px;top: 5px;height: 0px;width: 0px;}
.right-talk-area .checkbox label{position: relative;padding-left: 30px;cursor: pointer;font-size: 14px;}
.right-talk-area .checkbox label input[type="checkbox"]:after{
     content: '';
        width: 18px;
    height: 18px;
    left: 0px;
    top: -3px;
    background: #FFFFFF1A;
    position: absolute;
    transition: all 0.3s;
    clip-path: polygon(3px 0%, /* top-left cut */ 100% 0%, 100% calc(100% - 3px), calc(100% - 3px) 100%, /* bottom-right cut */ 0% 100%, 0% 3px);
}
.right-talk-area .checkbox label input[type="checkbox"]:checked:after{background: #00a892;}
.right-talk-area .checkbox label input[type="checkbox"]:checked:before{
    content: '✓';
    position: absolute;
    left: 10px;
    top: 5px;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    z-index: 2;
}












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

    .washington-office {top: 7%; left: -3%;}
    .bangalore-office  {left: 27%; }
    .jaipur-office   {top: 6%; }
    .chandigarh-office {right: 2%; bottom: 14%;}
    /* .map-card{max-width: 240px;} */

}

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

    .washington-office { top: 5%; left: -4%; }
    .bangalore-office  { bottom: 24%; left: 24%; }
    .jaipur-office     { top: 6%; right: 18%; }
    .chandigarh-office { bottom: 12%; right: 1%; }
}

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

    .map-card h4{font-size: 16px;}
    .map-card p{font-size: 12px;}
    .map-card .flag{width: 25px; height: 25px;} 

    .washington-office { top: 5%; left: -7%; }
    .bangalore-office  { bottom: 24%; left: 22%; }
    .jaipur-office     { top: 4%; right: 17%; }
    .chandigarh-office { bottom: 12%; right: -3%; }
}

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

    .map-area{gap: 0;}
    .chandigarh-office { bottom: 12%; right: -4%; }
}

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

    .map-area{display: block;}
    .map-right-area{max-width: 740px; margin: auto;}
    .bangalore{bottom: 28%; left: 35%;}
    .chandigarh{bottom: 14%; right: 5%;}
    .map-sub-text.big{margin: 30px 0;}
    .washington-office { top: 7%; left: -3%; }
    .chandigarh-office{right: 2%; bottom: 15%;} 
    .jaipur-office{top: 5%; right: 19%;}
    .bangalore-office{bottom: 30%; left: 27%;}
}


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

    .map-right-area{display: none;}
    .map-card{position: static; box-shadow: none; border-radius: 8px; height: 100%; max-width: 100%;}
    .map-card br{display: none;}
    .map-card::after{display: none;}
    .map-item-slide-a{height: auto;}
    .map-sub-text.big{margin: 15px 0;}
    .map-card-text{width: calc(100% - 35px);}
    .map-sub-text{font-size: 16px;}
    .map-sub-text.small{font-size: 14px;}
    .map-card:hover{transform: translateY(0px); box-shadow: none;}
    .map-mobile-slider{display: block;}

}


/* contact item */

.contact-item-section{background: radial-gradient(133.43% 133.43% at 50% -47.54%, #050321 25%, #213B87 100%);}
.contact-item{padding: 40px 25px 40px 40px; background: #FFFFFF0F;}
.contact-item-img{width: 54px; height: 54px;}
.contact-item-img img{width: 100%;}
.contact-item-detail{margin: 30px 0 35px 0;}
.contact-item-detail .contact-detail-title{font-size: 18px; font-weight: 500; color: #F3F3F3; line-height: 1.5;}
.contact-item-detail p{font-size: 16px; font-weight: 400; color: #fff; opacity: 60%; padding-top: 6px; letter-spacing: 0.3px;}
.contact-item-link{display: flex; justify-content: space-between; align-items: center;}
.contact-item-link a{font-size: 16px; font-weight: 500; color: #00BBA2; text-decoration: none; border-bottom: 1px solid #00BBA2;}
.contact-item-link .contact-item-number{font-size: 14px; font-weight: 400; color: #fff; }
.contact-items-wrapper{display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px;}

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

    .contact-item{padding: 25px 15px 25px 25px;}
    .contact-items-wrapper{gap: 30px;}
}

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

    .contact-item-detail .contact-detail-title{font-size: 16px;}
    .contact-item-detail p{font-size: 14px;}
    .contact-item-link a{font-size: 14px;}
    .contact-item-link .contact-item-number{font-size: 12px;}
    .contact-item-detail{margin: 20px 0 25px 0;}
    .contact-item-img{width: 45px; height: 45px;}
}

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

    .contact-items-wrapper{grid-template-columns: repeat(2, 1fr);}
}

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

    .contact-items-wrapper{grid-template-columns: repeat(1, 1fr); gap: 20px;}
}


/* follow section */

.follow-section{text-align: center;}
.follow-section .section_titile_wrapper{text-align: center;}
.follow-text p{font-size: 24px; font-weight: 400; color: #404040; letter-spacing: 0.5px; line-height: 1.4;}
.follow-text{max-width: 800px; margin: auto;}
.follow-icons{margin-top: 30px; display: flex; gap: 20px; justify-content: center; align-items: center;}
.follow-icons img{width: 35px;}

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

    .follow-text p{font-size: 22px;}
}

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

    .follow-text p{font-size: 20px;}
}



/* ready to talk  */

.ready-to-talk-section{background: radial-gradient(133.43% 133.43% at 50% -47.54%, #050321 25%, #213B87 100%);}
.talk-area{background: url("../images/services/expert_bg.png"), radial-gradient(147.54% 147.54% at 50% -47.54%, #213B87 45%, #050321 130%); padding: 60px 150px 60px 60px;}
.talk-area .left-talk-area p{font-size: 18px; font-weight: 400; color: #fff; letter-spacing: 1px; line-height: 1.4;}
.talk-area{display: flex; justify-content: space-between;}
.left-talk-area{width: 40%;}
.right-talk-area{width: 40%;}


.contact-form{background-color: #2C3E86; padding: 30px; clip-path: polygon(0% 5%, 4% 0%, 100% 0%, 100% 95%, 96% 100%, 0% 100%); position: relative; z-index: 13;}
.right-talk-area{position: relative; z-index: 11;}
.right-talk-area::before{content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: -5px; bottom: 0; right: 0; z-index: 9; clip-path: polygon(0% 5%, 4% 0%, 100% 0%, 100% 95%, 96% 100%, 0% 100%); transform: rotate(-5deg); background: #A9B9FF99;}
.form-container {background: #2b367a; padding: 30px;border-radius: 8px; width: 350px; color: #fff;}
.form-group {margin-bottom: 25px;}
label {display: block; font-weight: 600; margin-bottom: 6px; font-size: 18px; font-weight: 500; color: #fff; }
input, select {width: 100%; padding: 10px 0; border: none; border-bottom: 1px solid #FFFFFF1A; background: transparent; font-size: 16px; font-weight: 400; color: #FFFFFF80; font-family: 'Metrik';}
input::placeholder, select {font-size: 16px; font-weight: 400; color: #FFFFFF80; font-family: 'Metrik';}
select {appearance: none; background: transparent;}
.submit-btn {background: #07bfbf; border: none; width: 100%; padding: 14px; font-size: 14px; font-weight: 500; color: #fff; cursor: pointer; position: relative; clip-path: polygon(0% 21%, 3% 0%, 100% 0%, 100% 78%, 97% 100%, 0% 100%); } 
.submit-btn:hover {opacity: 0.9;}

select {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

select option {color: #000; background: #fff; font-family: 'Metrik';}

input:-webkit-autofill {
    -webkit-box-shadow: none !important; /* white background */
    -webkit-text-fill-color: #FFFFFF80 !important; /* text color */
    transition: background-color 5000s ease-in-out 0s; /* hack to prevent yellow */
}

/* Firefox ke liye */
input:-moz-autofill {
    box-shadow: 0 0 0px 1000px #fff inset !important;
    -moz-text-fill-color: #000 !important;
}

.wpcf7 form .wpcf7-response-output{font-size: 13px; color: #dc3232; position: relative; z-index: 10; padding: 3px; width: max-content; margin-left: auto; margin-right: auto; text-shadow: 0 0 black; border: 0;} 
.wpcf7 form.sent .wpcf7-response-output{color: #46b450; background-color: #ffffffbd;}

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

    .talk-area{padding: 40px 70px 40px 40px;}
    .right-talk-area{width: 50%;}
}

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

    .talk-area{padding: 40px 40px 40px 40px;}
    .left-talk-area{width: 45%;}
}

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

    .talk-area{flex-direction: column; gap: 70px;}
    .right-talk-area{width: 100%;}
    .left-talk-area{width: 100%;}
}

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

    .wpcf7 form .wpcf7-response-output{font-size: 12px; margin-right: 30px; width: auto;}
}

.form_group.checkbox .wpcf7-list-item-label{
    color: rgb(255 255 255 / 55%);
}