@import url(./hero.css);
@import url(./FAQ.css);
@import url(./details.css);

* {
    box-sizing: border-box;
}

body {
    background-color: #f1f1ed;
    height: 100%;
    width: 100%;
    position: absolute;
    inset: 0;
    margin: 0px;
    overflow-x: clip;
}

.main {
    height: fit-content;
    position: relative;
    z-index: 0;
}

.no-deco {
    text-decoration: none;
}

.info-cont {
    max-width: 678px;
}

.FAQ-content-cont,
.FAQ-dropdown,
.countdown-cont {
    max-width: 848px;
}

@media(max-width: 1182px) {
    .countdown-cont{
        min-width: 768px;
    }
}


@media(max-width: 930px) {
    
    .countdown-cont {
        min-width: 768px;
    }
}

@media(max-width: 830px) {
    .countdown-cont {
        min-width: 668px;
    }
}

@media(max-width: 760px) {
    
    .countdown-cont {
        min-width: 630px;
    }
}

@media(max-width: 690px) {
    
    .countdown-cont {
        min-width: 520px;
    }
}

@media(max-width: 600px) {
    
    .countdown-cont {
        min-width: 436px;
    }
}

@media(max-width: 530px) {
    
    .countdown-cont {
        min-width: 390px;
    }
}

@media(max-width: 440px) {
    
    .countdown-cont {
        min-width: 330px;
    }
}