.contact-hero-content { padding: 0; }
.contact-hero-left{width: 50%;padding-left: 50px;position: relative;}
.contact-hero-text{padding: 78px 20% 90px 0;font-size: 25px; }
.contact-hero-text h1 { font-size: 72px; line-height: 0.85; letter-spacing: -0.01em; margin-bottom: 27px; }
.contact-hero-icon{width: 22.5%;aspect-ratio: 1/1;position: absolute;right: 100%;top: 272px;background: var(--kal-green);padding: 6.5%;}
.contact-hero-icon::after {content: '';position: absolute;  top: 100%; left: calc(100% - 1px); width: 1px; height: 100vh; background: var(--kal-grey); }
.chb-left{width: 47%;padding-right: 30px; padding-bottom: 30px;}
.chb-left-text ul{list-style: none;font-size: 20px;margin-left: 0;}
.chb-left-text ul li{position: relative;padding-left: 30px; }
.chb-left-text ul li:not(:last-child){margin-bottom: 25px;}
.chb-left-text ul li::before{content: '';width: 10px;height: 10px;position: absolute;top: 4px;left: 0;background: currentColor;}
.chb-right{width: 53%;}
.contact-hero-img {width: 100%;height: 100%;}
.contact-hero-right {width: 50%;position: relative; padding: 94px 10.1% 94px 11.1%; }
.contact-hero-right::before { content: ''; position: absolute;top: 0; left: 100%; width: 50vw; height: 100%; background: inherit; }
.contact-hero-form{position: relative;z-index: 9;}
.ch-form-row{gap: 20px;}
.ch-form-row:not(:last-child){margin-bottom: 24px;}
.ch-form-col{width: calc(50% - 10px);}
.ch-form-col > .form-group > .form-label{margin-bottom: 12px;}
.contact-hero-form .privacy-text{margin-top: 60px;}
.contact-hero-form .submit-btn-wrap{margin-top: 28px;}

.contact-hero-right.bg-black .btn{--kal-white: #19051C;--kal-black: #FFF;}



/* ========================================== 
! Large devices (desktops, less than 1400px)
=========================================== */
@media (max-width:1399.98px) { 
    .contact-hero-left{padding-left: 3px;}
    .contact-hero-text{padding: 51px 108px 30px 0;font-size: 20px;line-height: 1.2;}
    .contact-hero-text h1 { font-size: 50px; line-height: 1; margin-bottom: 21px; }
    .contact-hero-icon{width: 24.5%;right: 99%;top: auto;bottom: 120px;}
    .chb-left{width: 100%;}
    .chb-left-text ul li:not(:last-child){margin-bottom: 14px;}
    .chb-right{width: 50%;margin-left: auto;margin-top: 72px;}
    .contact-hero-right {padding: 95px 0 100px 9%; }
    .contact-hero-form{width: calc(100% + 24px);}
}

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) { 
    .contact-hero-left{width: 100%;padding: 74px 0 100px;}
    .contact-hero-text{width: 65%;padding: 0;margin-bottom: 22px;}
    .contact-hero-icon{width: 17%;right: 10.4%;top: auto;bottom: 0px;padding: 5%;}
    .contact-hero-icon::after { top: auto; bottom: 100%;left: 0; }
    .chb-right{margin-top: 0;position: absolute;top: 100%;left: calc(-10.5% - 13px);z-index: 1;width: 39.5%;}
    .contact-hero-img{height: 327px;}
    .contact-hero-right{width: 100%; padding: 43px 0 50px;}
    .contact-hero-right::before { position: absolute; content: ''; top: 0; left: 50%; transform: translateX(-50%); width: 100vw; height: 100%; background: inherit; }
    .contact-hero-form{width: 58.5%;margin-left: auto;}
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) { 
    .contact-hero-left{padding: 83px 0 50px;}
    .contact-hero-text{width: 100%;margin-bottom: 35px;}
    .contact-hero-text p{max-width: 65%;}
    .contact-hero-icon{width: 52%;left: 0;bottom: 100%;right: auto;padding: 15%;}
    .contact-hero-icon::after { display: none; }
    .chb-left{width: 65%;}
    .chb-right{margin-top: 0;top: auto;bottom: 0;right: calc(-23% + 13px);width: 50%;}
    .contact-hero-img{height: 274px;}
    .contact-hero-right{padding: 83px 0 46px;}
    .contact-hero-form{width: 100%;}
    .contact-hero-form .privacy-text{margin-top: 28px;}
    .contact-hero-form .submit-btn-wrap{margin-top: 30px;}
}

/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) { 
    .contact-hero-left{width: 100%;padding: 36px 0 0;}
    .contact-hero-text{width: 100%;}
    .contact-hero-text h1 { font-size: 45px;margin-bottom: 25px; }
    .contact-hero-text p{max-width: 100%;}
    .chb-left{width: 100%;margin-bottom: 50px; padding-bottom: 0;}
    .chb-right{position: relative;inset: 0;width: calc(100% + 30px);margin-left: -15px;padding-right: 0;}
    .contact-hero-img{height: auto;position: relative;padding-bottom: 58.2%;}
    .contact-hero-img img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
    .contact-hero-right{padding: 42px 0 46px;}
    .contact-hero-form .privacy-text{margin-top: 20px;}
    .contact-hero-form .submit-btn-wrap{margin-top: 24px;}
}

/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) { 

}

/* ======================================================
! Extra small devices (portrait phones, less than 370px)
====================================================== */
@media (max-width:369.98px) { }