.urgent-offer-banner{background: linear-gradient(262.89deg, #71A6DB 0.44%, #C5E5FF 100%); border-radius: 24px; padding: 50px 60px; display: flex; justify-content: space-between; align-items: center; gap: 40px; color: #000; box-shadow: 0 20px 40px rgba(0,0,0,0.04); position: relative; overflow: hidden}
.urgent-offer-banner::before{content: ''; position: absolute; width: 300px; height: 300px; background: rgba(255, 255, 255, 0.05); border-radius: 50%; top: -100px; right: -50px; z-index: 1}
.urgent-offer-banner::after{content: ''; position: absolute; width: 200px; height: 200px; background: rgba(255, 255, 255, 0.05); border-radius: 50%; bottom: -50px; left: 30%; z-index: 1}
.urgent-offer-content{flex: 1; position: relative; z-index: 2}
.urgent-offer-form-wrapper{position: relative; z-index: 2; flex-shrink: 0; width: 100%; max-width: 420px; background: white; box-shadow: 0 20px 40px rgba(0,0,0,0.04); border-radius: 12px; padding: 40px; text-align: center; color: #1E293B}
.urgent-badge{background-color: #FCD34D; color: #1E293B; font-weight: 700; font-size: 0.85rem; text-transform: uppercase; padding: 6px 16px; border-radius: 100px; display: inline-block; margin-bottom: 25px; letter-spacing: 1px}
.urgent-title{font-size: 2.6rem; font-weight: 700; line-height: 1.1; margin-bottom: 30px; color: #000; margin-top: 10px}
.urgent-benefits{list-style: none; display: flex; flex-direction: column; gap: 15px; padding: 0; margin: 0}
.urgent-benefits li{display: flex; align-items: center; gap: 10px; font-size: 1.2rem; color: #000}
.urgent-benefits iconify-icon{font-size: 1.6rem; color: #ef1616; flex-shrink: 0}
.urgent-benefits strong{color: #000; font-weight: 800}
.form-title{margin: 0 0 25px 0; text-align: center}
.form-title-highlight{color: #71A6DB}
.urgent-form .measurement-phone{width: 100%; padding: 10px 20px; border: 1px solid #E2E8F0; background-color: #F8FAFC; border-radius: 50px; font-size: 1rem; font-family: inherit; margin-bottom: 15px; color: #1E293B; transition: border-color 0.3s ease; box-sizing: border-box}
.urgent-form .measurement-phone:focus{outline: none; border-color: #71A6DB}
.urgent-form .measurement-phone::placeholder{color: #94A3B8}
.urgent-offer-form-wrapper .btn-yellow{display: inline-flex; align-items: center; justify-content: center; width: 100%; background-color: #FCD34D; color: #1E293B; border: none; border-radius: 60px; font-family: 'Montserrat', sans-serif; font-weight: 600; cursor: pointer; transition: all 0.3s ease; margin-bottom: 20px}
.urgent-offer-form-wrapper .btn-yellow:hover{background-color: #eab308; transform: translateY(-2px)}
.checkbox-wrapper{display: flex; align-items: flex-start; gap: 10px; color: #64748B; text-align: left; margin: 0 auto; max-width: 300px; line-height: 1.4}
.checkbox-wrapper input[type="checkbox"]{margin-top: 3px; accent-color: #71A6DB; width: 16px; height: 16px; flex-shrink: 0}
.checkbox-wrapper label{font-size: 0.75rem; color: #64748B}
.checkbox-wrapper label a{color: #55A5BC; text-decoration: underline}
@media (max-width: 1229px){
	.urgent-offer-banner{padding: 40px 45px; gap: 30px; border-radius: 20px}
    .urgent-title{font-size: 2.2rem; margin-bottom: 25px}
    .urgent-benefits li{font-size: 1.1rem; gap: 12px}
    .urgent-benefits iconify-icon{font-size: 1.4rem}
    .urgent-offer-form-wrapper{padding: 32px; max-width: 380px}
}
@media (max-width: 991px){
	.urgent-offer-banner{flex-direction: column; padding: 35px 30px; gap: 30px; border-radius: 18px; text-align: center}
    .urgent-offer-content{width: 100%}
    .urgent-badge{margin-bottom: 20px; font-size: 0.8rem}
    .urgent-title{font-size: 2rem; margin-bottom: 20px}
    .urgent-benefits{align-items: center; width: 100%; max-width: 400px; margin: 0 auto}
    .urgent-benefits li{font-size: 1.05rem; justify-content: center; width: 100%}
    .urgent-offer-form-wrapper{padding: 30px 28px; max-width: 100%; width: 100%}
    .urgent-offer-banner::before{width: 200px; height: 200px; top: -80px; right: -30px}
    .urgent-offer-banner::after{width: 150px; height: 150px; bottom: -40px; left: 20%}
}
@media (max-width: 767px){
	.urgent-offer-banner{padding: 30px 20px; gap: 25px; border-radius: 16px}
    .urgent-badge{font-size: 0.75rem; padding: 5px 14px; margin-bottom: 16px}
    .urgent-title{font-size: 1.6rem; margin-bottom: 18px}
    .urgent-benefits{max-width: 100%; gap: 12px}
    .urgent-benefits li{font-size: 1rem; gap: 10px; justify-content: center}
    .urgent-benefits iconify-icon{font-size: 1.3rem}
    .urgent-offer-form-wrapper{padding: 25px 20px; border-radius: 10px}
    .form-title{margin-bottom: 20px}
    .urgent-form .measurement-phone{font-size: 0.92rem; margin-bottom: 12px}
    .urgent-offer-form-wrapper .btn-yellow{margin-bottom: 15px}
    .checkbox-wrapper{max-width: 100%}
    .checkbox-wrapper label{font-size: 0.7rem}
    .urgent-offer-banner::before{width: 150px; height: 150px; top: -60px; right: -20px}
    .urgent-offer-banner::after{width: 120px; height: 120px; bottom: -30px; left: 15%}
}
@media (max-width: 575px){
	.urgent-offer-banner{padding: 25px 16px; gap: 20px; border-radius: 14px}
    .urgent-title{margin-bottom: 15px}
    .urgent-benefits li{font-size: 0.92rem; gap: 8px}
    .urgent-benefits iconify-icon{font-size: 1.2rem}
    .urgent-offer-form-wrapper{padding: 20px 16px; border-radius: 8px}
    .form-title{margin-bottom: 16px}
    .urgent-form .measurement-phone{margin-bottom: 10px}
    .urgent-offer-form-wrapper .btn-yellow{margin-bottom: 12px}
    .checkbox-wrapper label{font-size: 0.7rem}
}
@media (max-width: 480px){
	.urgent-offer-banner{padding: 20px 14px; gap: 18px; border-radius: 12px}
    .urgent-badge{font-size: 0.7rem; padding: 4px 12px; margin-bottom: 12px}
    .urgent-benefits{gap: 10px}
    .urgent-benefits li{gap: 8px}
    .urgent-benefits iconify-icon{font-size: 1.1rem}
    .urgent-offer-form-wrapper{padding: 18px 14px; border-radius: 8px}
    .form-title{margin-bottom: 14px}
    .urgent-form .measurement-phone{margin-bottom: 10px}
    .urgent-offer-form-wrapper .btn-yellow{margin-bottom: 12px}
    .checkbox-wrapper{gap: 8px}
    .checkbox-wrapper label{font-size: 0.65rem}
    .checkbox-wrapper input[type="checkbox"]{width: 14px; height: 14px; margin-top: 2px}
}