/* CONTACT */
.contact{position:relative;padding:70px 0!important;background:#fff;overflow:hidden}
.contact .container{position:relative;z-index:2}
.contact .section-subtitle{display:inline-block;margin-bottom:12px;color:#d87913;font-size:11px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase}
.contact .section-title{margin:0 0 14px;color:#173e30;font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,3.7vw,50px);font-weight:700;line-height:1.08;letter-spacing:-.8px}
.contact .section-description{max-width:700px;color:#687770;font-size:13px;line-height:1.8}

/* MAIN SPLIT */
.contact .row.g-5{--bs-gutter-x:0;--bs-gutter-y:0}
.contact-info{position:relative;height:100%;padding:38px 40px;background:#173f35;color:#fff;overflow:hidden}
.contact-info:before{content:"";position:absolute;top:-100px;right:-100px;width:260px;height:260px;border:1px solid rgba(99,201,161,.12);border-radius:50%}
.contact-info:after{content:"";position:absolute;bottom:-120px;left:-100px;width:260px;height:260px;border:1px solid rgba(240,160,68,.1);border-radius:50%}
.contact-info>*{position:relative;z-index:2}
.contact-info h3{margin:0 0 12px;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:29px;font-weight:700}
.contact-info>p{max-width:440px;margin:0 0 25px;color:rgba(255,255,255,.72);font-size:12px;line-height:1.8}

/* CONTACT ITEMS */
.contact-item{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-top:1px solid rgba(255,255,255,.1)}
.contact-item:last-child{border-bottom:1px solid rgba(255,255,255,.1)}
.contact-icon{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;color:#173f35;background:#63c9a1;font-size:15px}
.contact-item h5{margin:0 0 4px;color:#fff;font-size:12px;font-weight:800}
.contact-item span{display:block;color:rgba(255,255,255,.65);font-size:10px;line-height:1.6}

/* FORM */
.contact-form{height:100%;padding:38px 40px;background:#f8fbf9;border:1px solid #e3ebe7}
.contact-form .form-control,
.contact-form .form-select{height:44px;padding:10px 13px;color:#294b3a;background:#fff;border:1px solid #dce7e1;border-radius:0!important;box-shadow:none!important;font-size:11px;transition:.3s ease}
.contact-form textarea.form-control{height:auto;min-height:125px;resize:vertical}
.contact-form .form-control::placeholder{color:#9aa7a1}
.contact-form .form-control:focus,
.contact-form .form-select:focus{border-color:#0e7658;background:#fff}
.contact-form .form-select{cursor:pointer}
.contact-form .btn{min-height:40px;padding:9px 18px;border-radius:0!important;font-size:10px;font-weight:750;transition:.3s ease}
.contact-form .btn-success{color:#fff;background:#0e7658;border-color:#0e7658;box-shadow:0 7px 17px rgba(14,118,88,.16)}
.contact-form .btn-success:hover{color:#fff;background:#095b44;border-color:#095b44;transform:translateY(-2px)}
.contact-form .btn-outline-success{color:#0e7658;background:#fff;border-color:#0e7658}
.contact-form .btn-outline-success:hover{color:#fff;background:#0e7658;border-color:#0e7658;transform:translateY(-2px)}

/* BOTTOM CTA */
.contact .row.mt-5{margin-top:45px!important}
.contact .row.mt-5>div>div{padding:28px 35px!important;border:1px solid #e1e9e5!important;border-radius:0!important;background:#f8fbf9!important;box-shadow:none!important}
.contact .row.mt-5 h3{margin:0 0 9px;color:#173e30;font-family:Georgia,"Times New Roman",serif;font-size:26px;font-weight:700}
.contact .row.mt-5 p{max-width:650px;margin:0 auto 18px;color:#718079!important;font-size:11px;line-height:1.75}
.contact .row.mt-5 .btn{min-height:38px;padding:8px 17px;border-radius:0!important;font-size:10px;font-weight:750}
.contact .row.mt-5 .btn-warning{color:#fff;background:#d98218;border-color:#d98218}
.contact .row.mt-5 .btn-success{color:#fff;background:#0e7658;border-color:#0e7658}
.contact .row.mt-5 .btn:hover{transform:translateY(-2px)}

/* DECORATION */
.contact:before{content:"";position:absolute;top:-130px;right:-100px;width:280px;height:280px;border:1px solid rgba(14,118,88,.055);border-radius:50%;pointer-events:none}
.contact:after{content:"";position:absolute;bottom:-140px;left:-110px;width:300px;height:300px;border:1px solid rgba(217,134,28,.055);border-radius:50%;pointer-events:none}

/* TABLET */
@media(max-width:991px){
.contact{padding:65px 0!important}
.contact-info{padding:32px 30px}
.contact-form{padding:32px 30px}
.contact-info h3{font-size:27px}
.contact .section-title{font-size:42px}
}

/* MOBILE */
@media(max-width:576px){
.contact{padding:55px 0!important}
.contact .section-subtitle{font-size:9px;letter-spacing:2px}
.contact .section-title{font-size:32px;line-height:1.12}
.contact .section-description{font-size:11px;line-height:1.7}
.contact-info{padding:27px 18px}
.contact-info h3{font-size:24px}
.contact-info>p{font-size:10px;line-height:1.7;margin-bottom:20px}
.contact-item{gap:9px;padding:12px 0}
.contact-icon{width:34px;height:34px;flex-basis:34px;font-size:13px}
.contact-item h5{font-size:11px}
.contact-item span{font-size:9px}
.contact-form{padding:24px 15px}
.contact-form .form-control,
.contact-form .form-select{height:41px;font-size:10px;padding:9px 11px}
.contact-form textarea.form-control{min-height:105px}
.contact-form .btn{min-height:36px;padding:8px 13px;font-size:9px}
.contact .row.mt-5{margin-top:30px!important}
.contact .row.mt-5>div>div{padding:23px 15px!important}
.contact .row.mt-5 h3{font-size:22px}
.contact .row.mt-5 p{font-size:9px;line-height:1.7}
.contact .row.mt-5 .btn{min-height:35px;padding:7px 12px;font-size:9px}
}