@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;600&display=swap');


/*
  1. Use a more-intuitive box-sizing model.
*/
*,
*::before,
*::after {
    box-sizing: border-box;
}

/*
    2. Remove default margin
  */
* {
    margin: 0;
}

/*
    Typographic tweaks!
    3. Add accessible line-height
    4. Improve text rendering
  */
body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

/*
    5. Improve media defaults
  */
img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
}

/*
    6. Remove built-in form typography styles
  */
input,
button,
textarea,
select {
    font: inherit;
}

/*
    7. Avoid text overflows
  */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word;
}

/*
    8. Create a root stacking context
  */
#root,
#__next {
    isolation: isolate;
}

/* Reset end */
.o-maintenance {
    background-color: rgba(30, 30, 30, 0.83);
    background-image: url('./img/background.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.o-maintenance__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgba(30, 30, 30, 0.83);
    min-height: 100vh;
    padding: 60px 3rem;
    padding: calc(10px + 5vh) 3rem;
}

.o-maintenance__icon svg {
    width: auto;
    height: 130px;
}

@media only screen and (min-width: 600px) {
    .o-maintenance__icon svg {
        width: 165px;
        height: 172px;
    }
}



.o-maintenance__title {
    margin: 0;
    margin-top: 120px;
    margin-top: clamp(50px, 10px + 12vh, 120px);
    color: #FFF;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 64px;
    font-size: calc(20px + 4vw);
    font-size: clamp(30px, 20px + 4vw, 64px);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.o-maintenance__desc {
    color: #FFF;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin: 0;
    margin-top: 20px;
}

.o-maintenance__btn {

    padding: 0 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: 100%;
    max-width: 280px;
    height: 65px;
    border-radius: 46px;
    background: linear-gradient(90deg, #348D48 0%, #42DA5D 100%);
    color: #FFF;
    text-align: center;
    white-space: nowrap;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
    margin-top: 70px;
    margin-top: clamp(40px, 20px + 5vh, 70px);
    text-decoration: none;

}

.o-maintenance__btn svg {
    width: 38px;
    height: 38px;
    min-width: 20px;
}