body {
    background-color: #000;
    color: rgb(var(--tw-darker-color));
    font-family: Montserrat, serif;
    line-height: 1.25;
}
#headerLogo{width:200px;} #mobileTitle{display:block;padding:1rem 0 .25rem 1.25rem;}

nav.active {background-color: rgb(255 255 255/1);}
nav.active ul li {border-color: rgb(238 241 246/1);}
nav.active ul li ul li a {border-color: rgba(238, 241, 246, .8);}
nav.active ul li a:not(.btn) {color:#000;}
nav ul li a {color: #FFF;}
nav ul li a:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: rgb(var(--tw-primary-color)/var(--tw-text-opacity))
}

#mobileOpen {background-color: rgba(0,0,0,.6); color: #FFF;}
#mobileOpen:hover {color: rgb(var(--tw-primary-color)/1);}
#mobileClose {background-color: rgb(229 231 235/1); color: rgb(156 163 175/1);}
#mobileClose:hover {background-color: rgb(156 163 175/1);color: rgb(255 255 255/1)}

.hero {background-size: cover; overflow:hidden;}
.hero-overlay{min-height: 90vh; background-color: rgba(0,0,0,0.5); color:#FFF; padding: 90px 0 45px 0;}
.hero-overlay .article h2{font-size: 2.9rem;line-height: 3.2rem;font-weight:600;}
.hero--mini .hero-overlay{min-height: 30vh;}
.hero-overlay p{line-height:1.35rem;}
.hero--contact{background-color: #f1f1f1;max-width:380px;margin:0 auto;}
.hero--contact h2{color: #000;font-weight:600;font-size: 1.6rem;}
#heroSkew,#heroSkewPrimary{height:0;}

.contact-icon{display:inline-block; color: rgba(var(--tw-primary-color)/1); vertical-align: top;}
.contact-icon svg{display:inline-block; width:34px;}

.contact-info{display:inline-block;padding:0 .5rem; color: #000; font-size:.9rem;}

.feature-1{color:#FFF;background-size: cover; overflow:hidden;}
.feature-1 > div{background-color: rgb(var(--tw-secondary-color-hover)/.6); line-height:1.35rem;}

.feature-2,.feature-3{font-size:.9rem; line-height:1.35rem;}

#servicesTitle,#believeTitle{font-weight:600;letter-spacing: 2px;color:#FFF;background-color: rgba(var(--tw-primary-color)/1);text-align:center; text-transform: uppercase;
    padding: 1rem 0;clip-path: polygon(4% 0,96% 0, 100% 100%, 0 100%);
}
.service-item{border-right: 1px solid rgba(var(--tw-dark-color)/.3); padding:2rem 1rem; text-align:center; }
.service-item:nth-child(3),.service-item:nth-child(6),.service-item:nth-child(9){border-width:0;}
.service-item h4{font-weight:600;}
.service-item_icon{overflow:hidden;width: 100px; height: 100px; margin:0px auto 0 auto; border-width:6px; border-color: rgba(var(--tw-light-color)/1); 
border-radius:50%; padding:.5rem; color: rgba(var(--tw-primary-color)/1);}
.service-item_icon svg {
    height: 40px; margin:1rem auto 0 auto;
}
.service-item p{font-size:.9rem; line-height:1.35rem; color: rgba(var(--tw-dark-color)/1);}

.testimonial--item{background-color:#000; padding:.6rem 1.5rem 1rem 1.5rem;border:1px solid #FFF;}
.testimonial--item_icon{
    position:relative;
    background-color:#FFF;
    color: #000; padding:.25rem; width: 70px; height: 70px;
    margin-top: -34px;
    display: inline-block;
    box-shadow: 3px 5px 7px rgba(0,0,0,0.25);
}   
.testimonial--item_icon svg{width: 85px;margin-top: -1px; margin-left: -15px;}
.testimonial--item h4{font-size: 1.15rem;line-height: 1.25rem;color: rgb(var(--tw-primary-color)/1);}
.testimonial--item_quote{font-size:.8rem; line-height:1.35rem; color:#FFF;}
.testimonial--item_stars{color: rgba(var(--tw-primary-color)/1);}

#why{position:relative;overflow:hidden;}
#whySkew{background-color: rgb(var(--tw-primary-color-hover)/1);padding:2rem;color:#FFF;}
#why img{position:relative; z-index:1;}

.awards-section{
    min-height:200px; overflow:hidden; background-color: #333;
}

.awards-section_primary{
    position:relative; z-index:5; width:100%; height:100%; padding:3rem 1rem 0 1rem;
    background-color: rgba(var(--tw-primary-color)/.7);
}

.awards-section_secondary{
    position:relative; z-index:5; width:100%; height:100%; color:#FFF; font-size: .9rem; padding:1rem;
    background-color: rgba(0,0,0,0.7);
}

.awards-section_img{position:absolute; z-index:1; top:0; left:0; width:100%;height:100%;}
.awards-section_img img{object-fit: cover;display: block;width:100%;height: 100%;}

.awards-item{
    border: 1px solid rgba(var(--tw-light-color)/1);
    padding:1rem .5rem; text-align:center; margin-bottom:1.3rem;
}

.awards-item_icon{width: 70px; height: 70px; margin:-50px auto 0 auto; background-color: rgba(var(--tw-secondary-color)/1); 
border-radius:50%; padding:.5rem; color:#FFF;}
.awards-item_icon svg {
    height: 40px; margin:.5rem auto 0 auto;
}
.awards-item p{font-size:.9rem; line-height:1.35rem;}

#contact{position:relative;background-color:#333;}
#contact .container{max-width:1000px;}
#contactMap{position:relative; z-index:1;display:none;}
#contact-overlay{position:relative; z-index:4; width:100%; height:100%;
    background-color: rgba(0,0,0,.7);
}
#contact h4{font-style: italic;line-height: 1rem;}
#contact form{margin: 0 auto;max-width: 400px;}

.pricing-item h2{color: rgb(var(--tw-primary-color-hover)/1); font-size:6rem;}
.pricing-item h2 sup{font-size:3rem;}

#about,#mission{position:relative;min-height:350px;}
#aboutOverlay,#missionOverlay{position:absolute;top:0;left:0;z-index:5;width:100%;height:100%;background-color: rgba(0,0,0,0.5);color:#FFF;display:flex;flex-direction: column;justify-content: center;}
#about img,#mission img{height:350px;object-fit: cover;}

#aboutOverlay > div,#missionOverlay > div{padding:2rem;}
#aboutOverlay h2,#missionOverlay h2{padding:.5rem 1.5rem; background-color: rgba(var(--tw-primary-color)/1); transform: skew(10deg,0); color:#FFF; margin-bottom:1.25rem; display:inline-block; text-transform: uppercase;}
#aboutOverlay h2 span,#missionOverlay h2 span{transform: skew(-10deg,0); display:inline-block;}

#aboutSkew{display:none;}

.watch-us{padding-top:3rem;text-align:center;}
.watch-us strong{font-weight: 800;font-size:2rem;display:block;}

.believe-item{margin-bottom:4%;}

#ourTeam{
    background-color:#3ac1cf; background-image: url('../img/team-bg-mobile.jpg'); background-position:center bottom; background-size: cover; color:#FFF;
}

#ourTeam h5{color:#000;text-transform:uppercase;letter-spacing: 3px; font-weight: 600;font-size: 1.2rem;line-height: 1.75rem;}
#ourTeam hr{border-color:#FFF;margin:1rem 0;}

.our-team-inner img{padding-bottom:2rem;}
.our-team-inner a{color:#FFF;}
.our-team-inner a:hover{color:#FFF;text-decoration:underline;}

@media (min-width: 768px){
    #mobileTitle{display:none;}
    nav ul li a:hover {color: rgb(var(--tw-secondary-color-hover)/1);}
    .hero-overlay{padding:0;}
    .awards-section_secondary{padding:2rem;}
    .awards-section_primary{padding:4rem 1.6rem 0 1.6rem;}
    #contactMap{display:block;min-height:480px;}
    #contact-overlay{position:absolute;}
    #contact form{margin: 0 auto;max-width: 100%;}
    
    #about,#mission{min-height:450px;}
    #about img,#mission img{height:450px;}
    #aboutOverlay > div,#missionOverlay > div{padding:0;max-width:350px;margin:0 auto;}
    
    .watch-us strong{font-size:3rem;display:inline-block;padding: 0 1rem 0 0;vertical-align: middle;line-height: 1rem;}
    .believe-item{width:50%;padding-right:2%;}
    .believe-item:nth-child(even){padding-right:0;padding-left:2%;}
    
    #ourTeam{background-image: url('../img/team-bg-3000.jpg');}
    .our-team-inner img{
        padding-bottom:0;
        position: absolute;
        top: 0;
        left: 113px;
        transform: rotate(90deg);
        transform-origin: top left;
        
    }
    .our-team-inner{position:relative;max-width:500px;padding-left:140px;}
}

@media (min-width: 1024px){
    .hero-overlay{position:relative;}
    .hero-overlay .container{position:relative; z-index:10;}
    .hero--contact{float:right;margin:0;}
    #heroSkew{    backdrop-filter: grayscale(1);background-color: rgba(255,255,255,0.35);position: absolute;z-index: 2;height: 100%;top: 0;width: 350px;transform: skew(15deg, 0deg);right: 200px;}
    #heroSkewPrimary{background-color: rgb(var(--tw-primary-color-hover)/1);position: absolute;z-index: 3;height: 100%;top: 0;width: 305px;transform: skew(15deg, 0deg);right: -105px;}
    #headerLogo{width:auto;}
    .awards-section_primary .grid {grid-auto-flow: column;}
    #contact-overlay{display: flex;flex-direction: column;justify-content: center;}
    
    #servicesContainer{margin-top:-200px;position: relative;z-index: 20;}
    #whySkew{position: absolute;z-index: 3;height: 100%;top: 0;width: 75%;transform: skew(15deg, 0deg);right: -155px;transform: skew(15deg, 0deg);display: flex;flex-direction: column;justify-content: center;}
    #whySkew > div{padding:0 1rem 0 4rem;width:80%;transform: skew(-15deg, 0);}
    
    #aboutWrapper{display:flex;position:relative;}
    #about,#mission{width:50;flex-basis:50%;}
    #aboutSkew{display:block; background-color:#000;width:40px;height:100%;position:absolute;top:0;left:45%;z-index:15;transform: skew(-15deg, 0deg);}
    .watch-us{padding-top:5rem;}
}

@media (min-width: 1200px){
    #whySkew{width:67%;}
    .watch-us strong{font-size:3.5rem;}
    .believe-item{width:33.24%;padding-right:2%;padding-left:0;margin-bottom:2%;}
    .believe-item:nth-child(3),.believe-item:nth-child(4){padding-right:0;padding-left:2% !important;}
    .believe-item:nth-child(even){padding-left:0;}
}

@media (min-width: 1280px){
    .believe-item:last-child{left:0 !important;margin-top:2%;}
}

@media (min-width: 1400px){
    #heroSkew{width:490px;}
    #heroSkewPrimary{width:350px;}
    #whySkew{width:57%;}
    #whySkew > div{padding:0 1rem 0 7rem;width:62%;}
    #aboutSkew{left:49%;}
}

@media (min-width: 1600px){
    #whySkew > div{width:70%;}
}

footer{background-color:#FFF; color:#000;}
footer a{color:#000;text-decoration:underline;}
footer a:hover{color:rgb(var(--tw-primary-color)/1);}