@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic);

:root {
    --color-beigeClr: #0466c8;
    --color-yellowClr: #FFCC00;
}

* {
    font-family: inherit;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;
}

::-moz-selection {
    color: white;
    background: var(--color-beigeClr);
}

::selection {
    color: white;
    background: var(--color-beigeClr);
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Montserrat', sans-serif;
    background-color: whitesmoke;
}

main {
    padding-top: 72px;
}

.customContainer {
    max-width: 1360px;
    margin-inline: auto;
}

.hideScrollbar::-webkit-scrollbar {
    display: none;
}

.hideScrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#child1Fields,
#child2Fields,
#child3Fields,
#child4Fields {
    display: none;
}

#splide .splide__slide,
#splide2 .splide__slide {
    padding-bottom: 8px;
}

.customBg {
    width: 100%;
    height: 100%;

    background: #000000;
    --gap: 5em;
    --line: 1px;
    --color: rgba(255, 255, 255, 0.2);

    background-image: linear-gradient(-90deg,
            transparent calc(var(--gap) - var(--line)),
            var(--color) calc(var(--gap) - var(--line) + 1px),
            var(--color) var(--gap)),
        linear-gradient(0deg,
            transparent calc(var(--gap) - var(--line)),
            var(--color) calc(var(--gap) - var(--line) + 1px),
            var(--color) var(--gap));
    background-size: var(--gap) var(--gap);
}


@media (width<=1360px) {
    .customContainer {
        padding-inline: 1rem;
    }
}

@media (width<=768px) {
    .customContainer {
        max-width: 95%;
    }
}

@media (width<=568px) {
    .customContainer {
        padding-inline: 0.25rem;
    }
}