@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&display=swap');

:root {
    --brand: #32aee2;
    --dark: #092032;
    --body: #516171;
    --border: rgba(0,0,0,0.08);
    --shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
    
}

body {
    font-family: "Barlow", sans-serif;
    color: var(--body);
    line-height: 1.7;
}

h1,h2,h3,h4,h5,h6,
.display-1,.display-2,.display-3,.display-4 {
    font-weight: 700;
    color: var(--dark);
}

.bg-cover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

img {
    width: 100%;
}

a {
    color: var(--dark);
    transition: all 0.4s ease;
    font-weight: 500;
}

a:hover {
    color: var(--brand);
}

section {
    padding-top: 80px;
    padding-bottom: 80px;
}

.text-brand {
    color: var(--brand) !important;
}

.hero-slider .owl-next,.hero-slider .owl-prev{background-color:rgba(255,255,255,.3)!important;width:60px!important;height:60px!important;display:block;display:grid;place-items:center;color:#fff!important;border-radius:100px;line-height:0;border-radius:100px!important;position:absolute;top:50%;font-weight:600!important;font-size:12px!important;transition:all .4s ease;margin-top:-30px!important}
.owl-prev{left:0}
.owl-next{right:0}
.hero-slider .owl-next:hover,.hero-slider .owl-prev:hover{background-color:var(--brand)!important}
.owl-dot.active span{background-color:var(--brand)!important}
.slide{min-height:calc(100vh - 112px);display:flex;align-items:center;justify-content:center;position:relative}
.slide1{background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(../img/bg_banner2.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}
.slide2{background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(../img/bg_banner1.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}
.slide .display-3{text-transform:uppercase;color:#fff}
.top-nav{background-color:var(--brand);color:#fff;padding-top:5px;padding-bottom:5px}
.top-nav p{display:inline-block;margin-bottom:0;margin-right:10px}
.top-nav i,.top-nav span{vertical-align:middle}
.navbar{box-shadow:var(--shadow)}
.social-icons a{width:28px;height:28px;display:inline-flex;color:#fff;background-color:rgba(255,255,255,.25);text-decoration:none;align-items:center;justify-content:center;border-radius:100px}
.social-icons a:hover{background-color:#fff;color:var(--brand)}
.conditions-section{margin:20px 0}
.conditions-section a{color:#fff;margin:0 10px}
.navbar .navbar-nav .nav-link{color:var(--dark)}
.navbar .navbar-nav .nav-link:hover{color:var(--brand)}
.navbar .navbar-nav .nav-link.active{color:var(--brand)}
.navbar-brand{font-size:28px;font-weight:700}
.navbar-brand .dot{color:var(--brand)}
.btn{padding:8px 26px}
.btn-brand{border-color:var(--brand);background-color:var(--brand);color:#fff}
.btn-brand:hover{background-color:#46a8d1;border-color:#46a8d1;color:#fff}
.intro{margin-bottom:36px;text-align:center}
.intro p{max-width:500px}
.intro h6{color:var(--brand);font-weight:400;text-transform:uppercase}
.intro h1{margin-top:15px;margin-bottom:15px}
.info-box{align-items:flex-start;display:flex}
.info-box img{width:90px}
#milestone{background:linear-gradient(rgba(8,32,50,.85),rgba(8,32,50,.85)),url(../img/bg_banner1.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}
#milestone h1,#milestone p{color:#fff}
.service{padding:32px;background-color:#fff;box-shadow:var(--shadow)}
.service h5{margin-top:24px;margin-bottom:14px}
.service img{width:90px}
.project{position:relative;overflow:hidden;z-index:2}
.project h6{font-weight:400}
.project h6::before{content:"";height:2px;width:30px;display:inline-block;background:var(--brand);vertical-align:middle;margin-right:10px}
.project .overlay{width:100%;height:220px;position:absolute;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,76,41,0) 0,var(--dark) 100%)}
.project .content{position:absolute;left:10%;bottom:10%}
.project h2,.project h6{color:#fff}
.team-member{text-align:center}
.team-member .image{position:relative;z-index:2;overflow:hidden}
.team-member .overlay{width:100%;height:100%;position:absolute;left:0;top:-10%;background-color:rgba(50,131,226,.7);opacity:0;transition:all .4s ease}
.team-member h5{margin-top:16px;margin-bottom:4px}
.team-member .social-icons{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);z-index:2;opacity:0;transition:all .4s ease}
.team-member .social-icons a{width:40px;height:40px}
.team-member:hover .social-icons{top:50%;opacity:1}
.team-member:hover .overlay{top:0;opacity:1}
#reviews{background:linear-gradient(-90deg,rgba(8,32,50,.8),rgba(8,32,50,.8)),url(../img/bg_banner1.jpg),#082032;background-size:cover;background-position:center;background-repeat:no-repeat}
.review{text-align:center;z-index:2;position:relative;margin:15px;max-width:768px;margin:auto}
.review .bxs-quote-alt-left{font-size:120px;position:absolute;opacity:.1;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff}
.review img{width:80px!important;height:80px;border-radius:100px;margin:auto}
.review h5{margin-top:16px;margin-bottom:4px;color:#fff}
.review h3{margin-top:26px;margin-bottom:26px;font-size:22px;color:#fff;font-weight:400;line-height:1.7}
.review small{color:var(--brand)}
.review .stars{color:var(--brand)}
.blog-post{position:relative;background-color:#fff;box-shadow:var(--shadow)}
.blog-post .content{padding:32px}
.blog-post a{position:absolute;top:20px;left:20px;background-color:var(--brand);padding:2px 12px;border-radius:100px;text-decoration:none;color:#fff}
.blog-post h5{margin-top:12px;margin-bottom:12px}
.blog-post small{text-transform:uppercase;color:var(--brand);text-decoration:underline}
.review .person img { background-color: #fff; padding: 11px; object-fit: contain; object-position: center center; width: 100px !important; height: 100px; border-radius: 0; }
footer{background:linear-gradient(0deg,rgba(8,32,50,.9),rgba(8,32,50,.9)),url(../img/bg_banner1.jpg),#082032;background-size:cover;background-position:center;background-repeat:no-repeat}
footer .footer-top{padding-top:80px;padding-bottom:40px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-bottom:20px;padding-top:20px}
footer .navbar-brand{color:#fff}
footer p{color:#adb3b9}
footer .social-icons a{width:50px;height:50px;font-size:20px;margin-left:4px;margin-right:4px}
.loader{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:red;z-index:99999;position:fixed;left:0;right:0}
input.form-control{border-color:transparent;height:44px}
.form-control{background-color:rgba(0,0,0,.04);border-color:rgba(0,0,0,.04)}
.form-control:focus{box-shadow:none;border-color:var(--brand)}
.info-animate-img{background-color:#32aee2;width:90px;height:90px;border-radius:50px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:0 auto}
.info-animate-img img{max-width:50px}
.info-animate-img+div.ms-4{width:calc(100% - 120px)}
section#about .row.justify-content-center .col-lg-5+.col-lg-5 img{border-radius:10px;max-width:100%!important;width:100%!important}
footer .navbar-brand img{max-width:124px}
.col-auto.cont-info p a{color:inherit;text-decoration:inherit;line-height:inherit;font-size:inherit;display:inline-block}
.info-box .info-animate-img+.ms-4 p{margin-bottom:0}
.navbar-light .navbar-brand img{max-width:125px}
.info-graphic+img{position:absolute;top:50%;transform:translate(-50% ,-50%);left:50%;max-width:75%}
.about-inner{align-items:center}
.navbar-toggler:focus { box-shadow: none !important; }
@media (max-width: 991px){
.about-inner .col-lg-5.py-5 { padding-top: 0 !important; }
}
@media (max-width: 420px){
.top-nav .row { align-items: center; justify-content: center !important; }
.top-nav { padding-bottom: 13px; }
.top-nav .social-icons { margin-top: 8px; }
.slide { min-height: calc(100vh - 157px); }
}