/*====================================================== Responsive =========================*/
@media only screen and (max-width:1520.98px) {}

@media only screen and (max-width:1440.98px) {
    .container {
        max-width: 1214px !important;
    }
}

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

    .hero-text-content h1 {
        font-size: 52px;
        line-height: 62px;
    }

    .hero-sec {
        padding: 130px 0 227px;
        min-height: auto;
    }

    .thankyou-sec {
        padding: 65px 0;
    }

    .thankyou-text-content h1 {
        font-size: 56px;
        line-height: 66px;
    }

    .thankyou-text-content h2 {
        font-size: 38px;
        line-height: 68px;
    }

    .martina-info-right h2 {
        font-size: 42px;
        line-height: 52px;
    }

    .step.step5 {
        margin: 29px 0 29px 0;
    }
	
	.hero-sec::before, 
	.thankyou-sec::before {
		background-size: 60%;
	}

}

@media only screen and (max-width:991.98px) {
    .custom-label {
        font-size: 20px;
        line-height: 32px;
        padding-left: 100px;
        padding-top: 2px;
    }

    .custom-label span {
        font-size: 28px;
    }

    .custom-radios {
        padding-left: 100px;
        gap: 24px;
    }

    a.next-btn {
        margin-left: 100px;
    }

    .step-form-wrapper .top-text p {
        font-size: 20px;
        line-height: 30px;
    }

    .custom-radios .form-check label.form-check-label {
        font-size: 18px;
    }

    .custom-radios .form-check .form-check-input {
        margin-left: -24px;
        width: 24px;
        height: 24px;
        background-position: center top 0.5px;
    }

    .custom-radios .form-check {
        padding-left: 24px;
        gap: 15px;
    }

    .hero-text-content {
        padding: 50px 44px;
        border-radius: 26px;
    }

    .hero-text-content h1 {
        font-size: 40px;
        line-height: 50px;
        text-shadow: 2px 3px 0 #FFEC84;
    }

    .thankyou-text-content {
        max-width: 820px;
    }

    .thankyou-text-content h3 {
        font-size: 22px;
        line-height: 35px;
    }

    .thankyou-text-content p {
        font-size: 16px;
        line-height: 26px;
    }


}


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

    .form-light-box {
        border-radius: 22px;
        padding: 30px 25px;
    }

    .step-each-fill-item p {
        font-size: 12px;
        line-height: 22px;
    }

    .hero-text-content {
        padding: 35px 25px;
        border-radius: 26px;
    }

    .hero-text-content h1 {
        font-size: 32px;
        line-height: 44px;
    }

    .step-form-row {
        padding: 40px 24px;
        border-radius: 20px;
    }

    .custom-radios {
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
    }

    .custom-label span {
        font-size: 18px;
    }

    .custom-label {
        font-size: 18px;
        line-height: 20px;
        padding-left: 56px;
        padding-top: 0px;
    }

    .custom-radios {
        padding-left: 0;
    }

    a.next-btn {
        margin-left: 0;
    }

    .thankyou-text-content h1 {
        font-size: 38px;
        line-height: 52px;
        text-shadow: 2px 3px 0 var(--darkColor);
    }

    .thankyou-text-content h2 {
        font-size: 28px;
        line-height: 42px;
        text-shadow: 2px 3px 0 var(--darkColor);
    }

    .thankyou-text-content h3 {
        font-size: 18px;
        line-height: 30px;
    }

    .martina-info-left {
        min-width: 220px;
    }

    .martina-info-left img {
        width: 220px;
        height: 220px !important;
    }

    .thankyou-sec {
        padding: 40px 0;
    }

    .common-btn {
        padding: 0 20px;
    }

}

@media only screen and (max-width:575.98px) {
    .custom-label {
        font-size: 16px;
    }

    .custom-radios .form-check label.form-check-label {
        font-size: 16px;
    }

    .step-form-row {
        padding: 40px 15px;
    }

    .step-form-wrapper .top-text p {
        font-size: 16px;
        line-height: 26px;
    }

    .hero-sec {
        padding: 60px 0 200px;
    }

    .hero-text-content {
        padding: 25px 20px;
        border-radius: 20px;
    }

    .hero-text-content h1 {
        font-size: 40px;
        line-height: 50px;
        text-shadow: 1px 2px 0 #FFEC84;
    }

    .step-form-section {
        padding-top: 20px;
    }

    .step-form-row {
        margin-top: 0;
    }

    .step-each-fill-item p {
        display: none;
    }

    .step-on-progress,
    .step-done {
        width: 30px;
        height: 30px;
        font-size: 12px;
        padding: 10px 0;
    }

    .step-each-fill-item:not(:last-child)::after,
    .step-each-fill-item:not(:last-child)::before {
        top: 15px;
    }


    .form-light-box {
        border-radius: 12px;
        padding: 30px 15px;
    }

    .thankyou-blue-wrap {
        padding: 40px 15px 23px;
        border-radius: 20px;
    }

    .martina-info {
        flex-direction: column;
        margin-top: 50px;
        margin-bottom: 30px;
    }

    .martina-info-right {
        text-align: center;
    }

    .martina-info-right .btns-group {
        justify-content: center;
    }

    .thankyou-text-content h1 {
        font-size: 32px;
        line-height: 48px;
    }

    .thankyou-text-content h2 {
        font-size: 24px;
        line-height: 36px;
    }

    .step.step5 {
        margin: 0;
    }
}

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

    .hero-text-content h1 {
        font-size: 20px;
        line-height: 29px;
    }

    .hero-sec {
        padding: 28px 0 180px;
    }

    .hero-text-content {
        padding: 18px 15px;
    }
}

@media only screen and (max-width:380.98px) {
    .hero-sec {
        padding: 28px 0 125px;
    }
}