@font-face {
    font-family: 'NexaBold';
    src: url(font/NexaBold.otf);
}

@font-face {
    font-family: 'Nexalight';
    src: url(font/Nexa\ Light.otf)
}

section {
    width: 100%;
    float: left;
}

.container {
    width: 400px;
    margin: auto;
}

.bgimage {
    background-image: url(images/imgi_1_computer.jpg);
    background-size: auto;
    min-height: 250px;
}

.bgoverlay {
    padding-bottom: 9%;
    float: left;
    background-color: #d3d3d33b;
    width: 100%;
}

.bg2overlay {
    float: left;
    background-color: #d3d3d33b;
    width: 100%;
}

.bg2 {
    width: 100%;
    float: left;
    background-image: url(images/bg.jpg);
    background-size: cover;
}

.sv {
    width: 100%;

}

.sv h2 {
    text-align: center;
    font-size: 18px;
    color: white;
    font-family: 'Nexalight';
    letter-spacing: 2px;
    margin: 0px;
    background-color: #223162;
    padding-top: 4%;
    padding-bottom: 4%;
}

.logo {
    width: 120px;
    float: left;
    margin-left: 8%;
    margin-top: 25px;
}

.logo img {
    width: 100%;
    height: auto;
}

.GN {
    width: 100%;
    float: left;

}

.GN h1 {
    text-align: center;
    font-size: 35px;
    color: #324890;
    font-family: 'Nexalight';
    letter-spacing: 2px;
    margin-top: 15px;
}

.SC {
    width: 100%;
    float: left;

}

.SC h2 {
    text-align: center;
    font-size: 20px;
    font-family: 'NexaBold';
    color: #f68532;
    margin-top: -25px;
    letter-spacing: 2px;
}

.info {
    width: 100%;
    display: inline-block;
    line-height: 25px;

}


ul {
    margin: 0px;
    padding: 0px;
}

.info li {
    list-style: none;
}

.info ul li i {
    padding: 5px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    font-size: 15px;
    background-color: #223162;
    color: #f68532;
    border-radius: 35px;
    text-align: center;
    margin-left: 10%;
    margin-right: 5%;
    margin-bottom: 5%;
}

.info a {
    text-decoration: none;
    color: #223162;
    font-size: 15px;
    font-family: 'NexaBold';
    display: flex;
}

.icons {
    width: 40%;
    float: left;

}

.icons ul li {
    list-style: none;
    display: inline-block;
}

.icons ul li i {
    padding: 5px;
    height: 25px;
    width: 25px;
    line-height: 25px;
    font-size: 20px;
    color: white;
    border-radius: 35px;
    text-align: center;
    margin-left: 30px;
    margin-top: 75px;
    margin-bottom: 15px;
}

.icons1 {
    width: 40%;
    float: right;
    text-align: right;
}

.icons1 ul li {
    list-style: none;
    display: inline-block;
}

.icons1 ul li i {
    padding: 5px;
    height: 25px;
    width: 25px;
    line-height: 25px;
    font-size: 20px;
    color: white;
    border-radius: 35px;
    text-align: center;
    margin-right: 30px;
    margin-top: 75px;
    margin-bottom: 15px;
}

.scannerimg {
    width: 20%;
    float: left;
    text-align: center;
}

.scannerimg img {
    width: 50px;
    height: auto;
    margin-top: 70px;
}

i.fa.fa-facebook {
    background: blue;
}

i.fa.fa-instagram {
    background: #d73053;
}

i.fa.fa-youtube-play {
    background: #e73f39;
}

i.fa.fa-whatsapp {
    background: #2ba64a;
}

i.fa.fa-linkedin {
    background-color: #0d57ab;
}

.website {
    width: 100%;
    float: left;
    background-color: #223162;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.website a {
    color: white;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 5px;
    font-family: 'Nexalight';
    font-weight: 600;
}

button {
    border: none;
    background-color: #223162;
    margin-left: 4%;
    margin-top: 17%;
    padding: 6px;
}

button a {
    color: white;
    text-decoration: none;
    font-family: 'Nexalight';
    font-weight: 600;

}