@font-face {
    font-family: Source_sans;
    src: url("../font/SourceSans3-Light.ttf");
    font-weight: 300;
}

@font-face {
    font-family: Source_sans;
    src: url("../font/SourceSans3-SemiBold.ttf");
    font-weight: 600;
}

* {
    margin: 0;
    padding: 0;
    font-size: 18px;
}

body {
    color: #ffffff;
    font-family: sans-serif;
    line-height: 1.8;
    font-family: "Source_sans";
}


h1,
h2 {
    font-weight: 300;
}


strong {
    font-weight: 600;
}

img {
    width: 100%;
    max-width: 1005;
}

a {
    color: inherit;
}



#main_section {
    background: linear-gradient(177deg, #00134C, #020E32);
    min-height: 100vh;
    align-content: center;
    position: relative;
    isolation: isolate;
}


#main_section::after {
    content: "";
    background: url(../images/desktop-bg.jpg) no-repeat top left;
    background-size: cover;
    position: fixed;
    inset: 0;
    z-index: -1;
}

.main_inner {
    max-width: 960px;
    margin-inline: auto;
    padding-block: 80px;
    padding-inline: 20px;
}

.main_inner img {
    max-width: 440px;
    margin-bottom: 40px;
}


ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

ul li {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

ul li::before {
    --size: 16px;
    content: "";
    background: url(../images/point.svg) no-repeat center;
    background-size: contain;
    width: var(--size);
    height: var(--size);
}

h2 {
    margin-block: 30px 20px;
}


.contact_info {
    margin-top: 40px;
    display: flex;
    gap: 8px;

}


.contact_info a {
    display: inline-flex;
    align-items: center;
    color: #fff;
    gap: 4px;
}

.contact_info a svg {
    fill: #fff;
    width: 16px;
}


hr {
    margin-block: 40px;
    opacity: 0.1;
}