@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
* { box-sizing: border-box!important; }
body, html {background-color: #d4d4d4; margin: 0; height: 100%; width: 100%; font-family: 'Poppins', sans-serif; overflow-x: hidden !important; scroll-behavior: smooth;}

#content.container-fluid {max-width: 1720px;}
a, a:hover, a:focus, a:active, a.active {outline: none; text-decoration: none;}

.navbar {background: #fff;}
.navbar .navbar-brand {color: #333; font-weight: 300; font-size: 2.5rem; text-transform: uppercase; padding: 25px 0;}
.navbar .navbar-nav {padding: 0;}
.navbar .navbar-nav .nav-item {background: transparent}
.navbar .navbar-nav .nav-item .nav-link {color: #333; text-transform: uppercase; font-weight: 400; font-size: 1.25rem;}
.navbar .navbar-toggler {border-color: transparent!important;}

#header {background: url('/Static/img/container04.jpg'); background-repeat: no-repeat; height: 100.45vh; margin-top: -13.5vh;}
#header .overlay {height: 100%; width: 100%; background: rgba(0,0,0,0.25)}
#header .overlay .title {font-weight: 800; color: #fff; font-size: 2.5rem; text-align: center; margin: 0 auto; text-transform: uppercase; width: 60%; padding-top: 50vh;}
#header .overlay .scroll {display: block; margin: 0 auto; max-width: 120px; padding-top: 27.5vh}

#section {padding: 0 0 75px 0;}
#section .title {color: #333; font-size: 2.3rem; font-weight: 600; text-transform: uppercase; text-align: center; letter-spacing: 4px;}
#section .line {display: block; margin: 0 auto; margin-top: 5px; width: 60px; height: 3px; background: #333;}

#services {background: #fff; padding: 75px 0 50px 0;}
#services .service {background: transparent; margin-bottom: 75px;}
#services .service .service__image {width: 25%; border-radius: 7.5px; margin: 0 auto; display: block;}
#services .service .service__name {font-size: 1.5rem; font-weight: 500; letter-spacing: 3px; text-transform: uppercase; text-align: center; padding-top: 10px;}
#services .service .service__description {font-size: 1.1rem; font-weight: 300; text-align: center;}

#about {padding: 0; margin: 0; min-width: 100%; display: table;}
#about #left {background: #ebebeb; max-height: 50vh; display: table-cell; width: 65%; max-width: 65%; padding-left: 150px;}
#about #left .about__title {font-weight: 600; font-size: 2rem; text-transform: uppercase; letter-spacing: 1.5px; transform: translateY(-90px);}
#about #left .about__text1 {font-weight: 600; font-size: 1.33rem; width: 90%; padding-top: 30px; transform: translateY(-90px);}
#about #left .about__text2 {font-weight: 300; font-size: 1.33rem; width: 90%; padding-top: 30px; transform: translateY(-90px);}
#about #right {background: transparent; max-height: 50vh; display: table-cell; width: 35%; max-width: 35%}
#about #right img {width: 100%; height: 50vh; background-repeat: no-repeat; object-fit: cover;}

#team {background: #fff; padding: 75px 0 50px 0;}
#team .team__image {display: block; margin: 0 auto; width: 60%; border-radius: 10px;}
#team .team__name {font-size: 1.5rem; color: #0c1017; text-align: center; padding-top: 20px; font-weight: 500;}
#team .team__position {font-size: 1.3rem; color: rgba(12,16,23,.77); text-align: center; padding-top: 5px;}
#team .team__location {font-size: .9rem; color: rgba(12,16,23,.5);  text-align: center; padding-top: 10px;}
#team .team__socials {color: #333; padding: 0; text-align: center; list-style: none;}
#team .team__socials li {text-align: center; display: inline-block; font-size: 1.6rem; padding-top: 15px;}
#team .team__socials li a {color: #85878b; padding-left: 5px; padding-right: 5px; transition: 250ms linear;}
#team .team__socials li a:hover,
#team .team__socials li a:focus  {color: #0062ff;}

#call {background: url('/Static/img/container07.jpg');}
#call .overlay {background: rgba(0,0,0,0.25);}
#call .overlay .text {color: #fff; padding: 50px 0; text-align: center; font-size: 1.8rem; font-weight: 400;}

#footer {background: #0f0f0f; padding: 100px 0 30px 0}
#footer .footer__title {font-size: 1.3rem; color: #6b6667; font-weight: 500; padding-bottom: 20px;}
#footer .footer__links {list-style: none; padding: 0;}
#footer .footer__links .footer__link {padding-bottom: 3.5px;}
#footer .footer__links .footer__link a {color: #fff; font-size: 1rem;}
#footer .footer__divider {background: #272727; height: 2px; display: block; width: 100%; margin-top: 50px;}
#footer .footer__copyright {font-size: .75rem; color: rgba(255,255,255,.5); padding-top: 30px;}

@media only screen and (max-width: 1735px) {
    #content.container-fluid {max-width: 100%; padding: 0; margin: 0}
}

@media only screen and (max-width: 992px) {
    #header .overlay .title {font-size: 2rem; width: 90%;}
    #header .overlay .scroll {padding-top: 22.5vh;}
    
    #about #left {width: 100%; padding: 75px 100px;}
    #about #left .about__title {transform: translateY(0); width: 100%;}
    #about #left .about__text1 {transform: translateY(0); width: 100%;}
    #about #left .about__text2 {transform: translateY(0); width: 100%;}
    #about #right {display: none;}
}

@media only screen and (max-width: 860px) {
    #about #left {padding: 75px 50px;}
}

@media only screen and (max-width: 576px) {
    #team .team__image {width: 40%;}
}

body::-webkit-scrollbar {width: 11px;}
body {scrollbar-width: thin; scrollbar-color: #0062ff #191919;}
body::-webkit-scrollbar-track {background: #191919;}
body::-webkit-scrollbar-thumb {background-color: #0062ff; border-radius: 6px; border: 3px solid #191919;}