:root {
    --ColorbtnWhite: #CDD7E4;
    --ColorBgPink: #FF365E;
    --ColorType1: #FF365E;
    --ColorBgWhite: #FFFFFF;
    --ColorWhite: #FFFFFF;
    --ColorBlack: #433337;
    --ColorBlack-2: #212121;
    --ColorGray: #414042;
    --ColorGray-2: #B4B4B4;
    --iconSize: clamp(12px, 1.7157rem + 0.6536vw, 40px);
}

footer>*,
header,
section:not(section[class~="banner"])>* {
    max-width: 1564px;
    margin: auto;
}

section[class~="banner"] {
    padding: 100px 18px 100px;
}

section[class~="banner"]>* {
    max-width: 1552px;
    margin: auto;
}

section,
footer {
    padding: 100px 0px;
}

img {
    max-width: 100%;
    height: auto;
}

.btn-container {
    display: flex;
}

h1 {
    font-family: 'Open Sans Bold', sans-serif;
    font-size: clamp(40px, 5vw + 1rem, 50px);
    line-height: clamp(50px, 6vw, 60px);
    font-style: normal;
    font-weight: 700;
    margin-bottom: 0;
}

h2 {
    font-family: 'Open Sans Bold', sans-serif;
    font-size: clamp(30px, 4vw, 35px);
    line-height: clamp(40px, 5vw, 45px);
    font-style: normal;
    font-weight: 700;
    margin-bottom: 0;
}

h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: clamp(20px, 3vw, 25px);
    line-height: clamp(30px, 4vw, 35px);
    font-style: normal;
    font-weight: 700;
    margin-bottom: 0;
}

h4 {
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0;
}

h5 {
    font-family: "Poppins", sans-serif;
    font-size: clamp(1.25rem, 1.1703rem + 0.3268vw, 1.5625rem);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0;
}

main {
    position: unset;
}

p {
    color: var(--ColorGray);
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
}

li {
    color: var(--ColorWhite);
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
}

p a {
    color: var(--ColorType1);
    font-family: "Poppins", sans-serif Medium;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
}

a {
    font-family: "Poppins", sans-serif Medium;
    text-decoration: none;
    font-weight: 600;
}

p:last-child {
    margin-bottom: 0;
}

@media (max-width:1600px) {
    section,
    footer {
        padding: 100px 30px;
    }
}

@media (max-width:1199px) {
    section:first-child {
        padding: 70px 30px;
    }
    section,
    footer {
        padding: 70px 30px;
    }
}

@media (max-width: 991px) {
    section p,
    section li {
        font-size: 18px;
        line-height: normal;
    }
    p {
        max-width: unset;
    }
}

@media (max-width: 767px) {
    section p {
        font-size: 18px;
        line-height: normal;
    }
    section[class~="banner"],
    section:first-child,
    section,
    footer {
        padding: 50px 8px;
    }
}