.whatsappModal,
.turboModal {
    width: 100vw;
    height: 100vh;
    background-color: var(--white);
    position: fixed;
    padding: calc(158 / var(--variable-desktop-1440) * var(--viewport-unit)) calc(156 / var(--variable-desktop-1440) * var(--viewport-unit)) 0;
    top: 0;
    left: 0;
    color: var(--dark-grey);
    z-index: 9999;
    overflow-y: scroll;
    text-align: center;
}

.whatsappModal::-webkit-scrollbar,
.turboModal::-webkit-scrollbar {
    display: none;
}

.whatsappModal__closeIcon,
.turboModal__closeIcon {
    width: calc(24 / var(--variable-desktop-1440) * var(--viewport-unit));
    height: calc(24 / var(--variable-desktop-1440) * var(--viewport-unit));
    position: absolute;
    top: calc(40 / var(--variable-desktop-1440) * var(--viewport-unit));
    right: calc(40 / var(--variable-desktop-1440) * var(--viewport-unit));
    background-image: url("/etc/designs/lean/i/close-grey.svg");
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

.whatsappTurboModal__container {
    width: calc(550 / var(--variable-desktop-1440) * var(--viewport-unit));
    margin: 0 auto;
}

.whatsappModal__logo {
    width: calc(70 / var(--variable-desktop-1440) * var(--viewport-unit));
    height: calc(44 / var(--variable-desktop-1440) * var(--viewport-unit));
    margin-bottom: calc(8 / var(--variable-desktop-1440) * var(--viewport-unit));
    background-image: url("/etc/designs/lean/img/ho-logo.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto calc(8 / var(--variable-desktop-1440) * var(--viewport-unit));
}

.turboModal__logo {
    width: calc(57 / var(--variable-desktop-1440) * var(--viewport-unit));
    height: calc(36 / var(--variable-desktop-1440) * var(--viewport-unit));
    margin-bottom: calc(8 / var(--variable-desktop-1440) * var(--viewport-unit));
    background-image: url("/etc/designs/lean/img/ho-logo.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

.whatsappModal__title {
    font-family: "ho-Medium";
    font-size: calc(28 / var(--variable-desktop-1440) * var(--viewport-unit));
    line-height: 1.42;
    margin-bottom: calc(32 / var(--variable-desktop-1440) * var(--viewport-unit));
}

.turboModal__title {
	justify-content: center;
   	display: flex;
    align-items: baseline;
    gap: 4px;
	font-family: "ho-Medium";
	font-size: calc(40 / var(--variable-desktop-1440) * var(--viewport-unit));
    line-height: 1.42;
    margin-bottom: calc(32 / var(--variable-desktop-1440) * var(--viewport-unit));
}

.whatsappTurboModal__description {
    margin: calc(32 / var(--variable-desktop-1440) * var(--viewport-unit)) auto;
    font-family: "ho-Book";
    font-size: calc(20 / var(--variable-desktop-1440) * var(--viewport-unit));
    line-height: 1.4;
}

.whatsappTurboModal__description span {
    font-family: "ho-Bold";
}

.whatsappTurboModal__alertBox {
    margin: calc(32 / var(--variable-desktop-1440) * var(--viewport-unit)) auto calc(56 / var(--variable-desktop-1440) * var(--viewport-unit));
    border-radius: calc(8 / var(--variable-desktop-1440) * var(--viewport-unit));
    color: #82378C;
    background-color: #82368c1a;
    padding: calc(16 / var(--variable-desktop-1440) * var(--viewport-unit));
    font-family: "ho-Bold";
    font-size: calc(18 / var(--variable-desktop-1440) * var(--viewport-unit));
    line-height: 1.44;
}

.whatsappTurboModal__cta {
    width: calc(264 / var(--variable-desktop-1440) * var(--viewport-unit));
    padding: calc(12 / var(--variable-desktop-1440) * var(--viewport-unit));
    border-radius: calc(24 / var(--variable-desktop-1440) * var(--viewport-unit));
    margin: calc(56 / var(--variable-desktop-1440) * var(--viewport-unit)) auto 0;
    color: var(--white);
    font-family: "ho-Medium";
    font-size: calc(16 / var(--variable-desktop-1440) * var(--viewport-unit));
    text-transform: uppercase;
    cursor: pointer;
}


@media screen and (min-width:1680px) {
    .whatsappModal,
    .turboModal {
        padding: calc(200 / var(--variable-large-desktop) * var(--viewport-unit)) calc(400 / var(--variable-large-desktop) * var(--viewport-unit)) 0;
    }

    .whatsappModal__closeIcon,
    .turboModal__closeIcon {
        width: calc(24 / var(--variable-large-desktop) * var(--viewport-unit));
        height: calc(24 / var(--variable-large-desktop) * var(--viewport-unit));
        top: calc(64 / var(--variable-large-desktop) * var(--viewport-unit));
        right: calc(64 / var(--variable-large-desktop) * var(--viewport-unit));
    }

    .whatsappTurboModal__container {
        width: calc(550 / var(--variable-large-desktop) * var(--viewport-unit));
    }
    
	.whatsappModal__logo {
	    width: calc(70 / var(--variable-large-desktop) * var(--viewport-unit));
	    height: calc(44 / var(--variable-large-desktop) * var(--viewport-unit));
	    margin-bottom: calc(8 / var(--variable-large-desktop) * var(--viewport-unit));
	    margin: 0 auto calc(8 / var(--variable-large-desktop) * var(--viewport-unit));
	}
	
	.turboModal__logo {
	    width: calc(57 / var(--variable-large-desktop) * var(--viewport-unit));
	    height: calc(36 / var(--variable-large-desktop) * var(--viewport-unit));
	    margin-bottom: calc(8 / var(--variable-large-desktop) * var(--viewport-unit));
	}
	
	.whatsappModal__title {
	    font-size: calc(28 / var(--variable-large-desktop) * var(--viewport-unit));
	    margin-bottom: calc(32 / var(--variable-large-desktop) * var(--viewport-unit));
	}
	
	.turboModal__title {
		font-size: calc(40 / var(--variable-large-desktop) * var(--viewport-unit));
	    margin-bottom: calc(32 / var(--variable-large-desktop) * var(--viewport-unit));
	}
    
    .whatsappTurboModal__description {
        margin: calc(32 / var(--variable-large-desktop) * var(--viewport-unit)) auto;
        font-size: calc(20 / var(--variable-large-desktop) * var(--viewport-unit));
    }
    
    .whatsappTurboModal__alertBox {
        margin: calc(32 / var(--variable-large-desktop) * var(--viewport-unit)) auto calc(56 / var(--variable-large-desktop) * var(--viewport-unit));
        border-radius: calc(8 / var(--variable-large-desktop) * var(--viewport-unit));
        padding: calc(16 / var(--variable-large-desktop) * var(--viewport-unit));
        font-size: calc(18 / var(--variable-large-desktop) * var(--viewport-unit));
    }
    
    .whatsappTurboModal__cta {
        width: calc(264 / var(--variable-large-desktop) * var(--viewport-unit));
        padding: calc(12 / var(--variable-large-desktop) * var(--viewport-unit));
        border-radius: calc(24 / var(--variable-large-desktop) * var(--viewport-unit));
        margin: calc(56 / var(--variable-large-desktop) * var(--viewport-unit)) auto 0;
        font-size: calc(16 / var(--variable-large-desktop) * var(--viewport-unit));
    }
}

@media screen and (max-width:1280px) {
    .whatsappModal,
    .turboModal {
        padding: calc(158 / var(--variable-tablet-l) * var(--viewport-unit)) calc(156 / var(--variable-tablet-l) * var(--viewport-unit)) 0;
    }

    .whatsappModal__closeIcon,
    .turboModal__closeIcon {
        width: calc(24 / var(--variable-tablet-l) * var(--viewport-unit));
        height: calc(24 / var(--variable-tablet-l) * var(--viewport-unit));
        top: calc(40 / var(--variable-tablet-l) * var(--viewport-unit));
        right: calc(40 / var(--variable-tablet-l) * var(--viewport-unit));
    }

    .whatsappTurboModal__container {
        width: calc(550 / var(--variable-tablet-l) * var(--viewport-unit));
    }
    
	.whatsappModal__logo {
	    width: calc(70 / var(--variable-tablet-l) * var(--viewport-unit));
	    height: calc(44 / var(--variable-tablet-l) * var(--viewport-unit));
	    margin-bottom: calc(8 / var(--variable-tablet-l) * var(--viewport-unit));
	    margin: 0 auto calc(8 / var(--variable-tablet-l) * var(--viewport-unit));
	}
	
	.turboModal__logo {
	    width: calc(57 / var(--variable-tablet-l) * var(--viewport-unit));
	    height: calc(36 / var(--variable-tablet-l) * var(--viewport-unit));
	    margin-bottom: calc(8 / var(--variable-tablet-l) * var(--viewport-unit));
	}
	
	.whatsappModal__title {
	    font-size: calc(28 / var(--variable-tablet-l) * var(--viewport-unit));
	    margin-bottom: calc(32 / var(--variable-tablet-l) * var(--viewport-unit));
	}
	
	.turboModal__title {
		font-size: calc(40 / var(--variable-tablet-l) * var(--viewport-unit));
	    margin-bottom: calc(32 / var(--variable-tablet-l) * var(--viewport-unit));
	}
    
    .whatsappTurboModal__description {
        margin: calc(32 / var(--variable-tablet-l) * var(--viewport-unit)) auto;
        font-size: calc(20 / var(--variable-tablet-l) * var(--viewport-unit));
    }
    
    .whatsappTurboModal__alertBox {
        margin: calc(32 / var(--variable-tablet-l) * var(--viewport-unit)) auto calc(56 / var(--variable-tablet-l) * var(--viewport-unit));
        border-radius: calc(8 / var(--variable-tablet-l) * var(--viewport-unit));
        padding: calc(16 / var(--variable-tablet-l) * var(--viewport-unit));
        font-size: calc(18 / var(--variable-tablet-l) * var(--viewport-unit));
    }
    
    .whatsappTurboModal__cta {
        width: calc(264 / var(--variable-tablet-l) * var(--viewport-unit));
        padding: calc(12 / var(--variable-tablet-l) * var(--viewport-unit));
        border-radius: calc(24 / var(--variable-tablet-l) * var(--viewport-unit));
        margin: calc(56 / var(--variable-tablet-l) * var(--viewport-unit)) auto 0;
        font-size: calc(16 / var(--variable-tablet-l) * var(--viewport-unit));
    }
}

@media screen and (max-width:768px) {
    .whatsappModal,
    .turboModal {
        padding: calc(176 / var(--variable-tablet-p) * var(--viewport-unit)) calc(100 / var(--variable-tablet-p) * var(--viewport-unit)) 0;
    }

    .whatsappModal__closeIcon,
    .turboModal__closeIcon {
        width: calc(24 / var(--variable-tablet-p) * var(--viewport-unit));
        height: calc(24 / var(--variable-tablet-p) * var(--viewport-unit));
        top: calc(42 / var(--variable-tablet-p) * var(--viewport-unit));
        right: calc(42 / var(--variable-tablet-p) * var(--viewport-unit));
    }

    .whatsappTurboModal__container {
        width: calc(550 / var(--variable-tablet-p) * var(--viewport-unit));
    }
    
	.whatsappModal__logo {
	    width: calc(70 / var(--variable-tablet-p) * var(--viewport-unit));
	    height: calc(44 / var(--variable-tablet-p) * var(--viewport-unit));
	    margin-bottom: calc(8 / var(--variable-tablet-p) * var(--viewport-unit));
	    margin: 0 auto calc(8 / var(--variable-tablet-p) * var(--viewport-unit));
	}
	
	.turboModal__logo {
	    width: calc(57 / var(--variable-tablet-p) * var(--viewport-unit));
	    height: calc(36 / var(--variable-tablet-p) * var(--viewport-unit));
	    margin-bottom: calc(8 / var(--variable-tablet-p) * var(--viewport-unit));
	}
	
	.whatsappModal__title {
	    font-size: calc(28 / var(--variable-tablet-p) * var(--viewport-unit));
	    margin-bottom: calc(32 / var(--variable-tablet-p) * var(--viewport-unit));
	}
	
	.turboModal__title {
		font-size: calc(40 / var(--variable-tablet-p) * var(--viewport-unit));
	    margin-bottom: calc(32 / var(--variable-tablet-p) * var(--viewport-unit));
	}
    
    .whatsappTurboModal__description {
        margin: calc(16 / var(--variable-tablet-p) * var(--viewport-unit)) auto;
        font-size: calc(18 / var(--variable-tablet-p) * var(--viewport-unit));
    }
    
    .whatsappTurboModal__alertBox {
        margin: calc(16 / var(--variable-tablet-p) * var(--viewport-unit)) auto calc(64 / var(--variable-tablet-p) * var(--viewport-unit));
        border-radius: calc(8 / var(--variable-tablet-p) * var(--viewport-unit));
        padding: calc(16 / var(--variable-tablet-p) * var(--viewport-unit));
        font-size: calc(16 / var(--variable-tablet-p) * var(--viewport-unit));
    }
    
    .whatsappTurboModal__cta {
        width: calc(264 / var(--variable-tablet-p) * var(--viewport-unit));
        padding: calc(12 / var(--variable-tablet-p) * var(--viewport-unit));
        border-radius: calc(24 / var(--variable-tablet-p) * var(--viewport-unit));
        margin: calc(64 / var(--variable-tablet-p) * var(--viewport-unit)) auto 0;
        font-size: calc(16 / var(--variable-tablet-p) * var(--viewport-unit));
    }
}

@media screen and (max-width:576px) {
    .whatsappModal,
    .turboModal {
        padding: calc(72 / var(--variable-mobile) * var(--viewport-unit)) calc(20 / var(--variable-mobile) * var(--viewport-unit)) 0;
    }

    .whatsappModal__closeIcon,
    .turboModal__closeIcon {
        width: calc(24 / var(--variable-mobile) * var(--viewport-unit));
        height: calc(24 / var(--variable-mobile) * var(--viewport-unit));
        top: calc(24 / var(--variable-mobile) * var(--viewport-unit));
        right: calc(24 / var(--variable-mobile) * var(--viewport-unit));
    }

    .whatsappTurboModal__container {
        width: calc(312 / var(--variable-mobile) * var(--viewport-unit));
    }
    
    .whatsappModal__logo {
        width: calc(29 / var(--variable-mobile) * var(--viewport-unit));
        height: calc(19 / var(--variable-mobile) * var(--viewport-unit));
        margin-bottom: calc(8 / var(--variable-mobile) * var(--viewport-unit));
    }
    
    .turboModal__logo {
        width: calc(40 / var(--variable-mobile) * var(--viewport-unit));
        height: calc(25 / var(--variable-mobile) * var(--viewport-unit));
        margin-bottom: calc(8 / var(--variable-mobile) * var(--viewport-unit));
    }
        
    .whatsappModal__title {
        justify-content: center;
    	display: flex;
    	align-items: baseline;
    	gap: 4px;
    	font-size: calc(20 / var(--variable-mobile) * var(--viewport-unit));
        margin-bottom: calc(16 / var(--variable-mobile) * var(--viewport-unit));
    }
    
    .turboModal__title {
        font-size: calc(24 / var(--variable-mobile) * var(--viewport-unit));
        margin-bottom: calc(16 / var(--variable-mobile) * var(--viewport-unit));
    }
    
    .whatsappTurboModal__description {
        margin: calc(16 / var(--variable-mobile) * var(--viewport-unit)) auto;
        font-size: calc(18 / var(--variable-mobile) * var(--viewport-unit));
    }
    
    .whatsappTurboModal__alertBox {
        margin: calc(32 / var(--variable-mobile) * var(--viewport-unit)) auto calc(40 / var(--variable-mobile) * var(--viewport-unit));
        border-radius: calc(8 / var(--variable-mobile) * var(--viewport-unit));
        padding: calc(16 / var(--variable-mobile) * var(--viewport-unit));
        font-size: calc(16 / var(--variable-mobile) * var(--viewport-unit));
        line-height: 1.5;
    }
    
    .whatsappTurboModal__cta {
        width: calc(264 / var(--variable-mobile) * var(--viewport-unit));
        padding: calc(12 / var(--variable-mobile) * var(--viewport-unit));
        border-radius: calc(24 / var(--variable-mobile) * var(--viewport-unit));
        margin: calc(40 / var(--variable-mobile) * var(--viewport-unit)) auto 0;
        font-size: calc(16 / var(--variable-mobile) * var(--viewport-unit));
    }
}