@charset "UTF-8";
header h1{margin:0;color:#fff;}
    header p{margin:5px 0 0 0;font-weight:600;font-size:18px;}
        header p a{color:var(--primary);}
        header p i{margin:0 5px;font-size:14px;}

#about section:nth-child(1) h6{margin-top:15px;}
#about section:nth-child(1) .bg{height:100%;border-radius:10px;background-position-y:-100px;}
#about section:nth-child(1) img{width:50px;}
#about section:nth-child(1) h5{margin-top:0;font-weight:600;}
#about section:nth-child(2) h3{color:var(--primary);}
#about section:nth-child(2) h5{font-weight:600;color:var(--secondary);}
#about section:nth-child(2) img{width:100px;}
#about section:nth-child(3) .icon{margin:25px 0;width:80px;height:80px;border-radius:50%;background-color:var(--primary);color:#fff;box-shadow:0px 16px 32px 0px rgba(0,169,142,0.4);}
    #about section:nth-child(3) .icon i{font-size:25px;}

#services section:nth-child(1) .separator{margin-left:auto;margin-right:0;}
#services section:nth-child(1) .box{margin:10px 0;padding:25px;width:100%;height:400px;border:2px solid var(--light);border-radius:5px;background-color:#fff;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;}
#services section:nth-child(1) .box h5{font-weight:600;color:var(--secondary);}
#services section:nth-child(1) .box img{width:100px;}
#services section:nth-child(1) .box:hover,
#services section:nth-child(1) .box:focus,
#services section:nth-child(1) .box:active{box-shadow:0px 16px 32px 0px rgba(196, 203, 255, 0.3);border-color:transparent;}
#services .parallax-container h4,
#services .parallax-container p{color:#fff;}
#services section:nth-child(3){padding:0;}
    #services section:nth-child(3) .bg{height:800px;}

#testimonialsCarousel p{font-size:20px;}

#products .box{width:100%;height:auto;margin:10px 0;text-align:center;}
    #products .box .bg{width:100%;height:300px;background-color:var(--light);background-size:contain;position:relative;overflow:hidden;}
        #products .box .bg .buttons{width:100%;height:auto;position:absolute;left:0;top:110%;transition:all 0.5s ease-in-out;}
            #products .box .bg .buttons a{display:inline-block;width:50px;height:50px;line-height:50px;border-radius:50%;background-color:#fff;font-size:20px;color:#ccc;transition:all 0.3s ease-in;}
            #products .box .bg .buttons a:hover,
            #products .box .bg .buttons a:focus,
            #products .box .bg .buttons a:active{background-color:var(--primary);color:#fff;}
    #products .box h6{color:var(--primary);}
    #products .box h5{margin:10px 0;font-weight:600;color:var(--secondary);}
    #products .box:hover > .bg .buttons,
    #products .box:focus > .bg .buttons,
    #products .box:active > .bg .buttons{top:50%;transform:translateY(-50%);}

#contact section:nth-child(1) .box{margin:10px 0;padding:25px;width:100%;height:300px;border:2px solid var(--light);border-radius:10px;background-color:#fff;}
    #contact section:nth-child(1) .box .icon{width:120px;height:120px;background-color:var(--primary);border:8px solid #fff;box-shadow:0 0 20px rgba(0,0,0,0.1);border-radius:50%;}
        #contact section:nth-child(1) .box .icon i{font-size:40px;color:#fff;}
    #contact section:nth-child(1) .box h5{color:var(--secondary);font-weight:600;}

.banner{padding:0;}    
.banner .bg{height:500px;}

#map{width:100%;height:500px;background-color:var(--light);}

#product.window .bg{height:100%;background-color:var(--light);background-size:contain;}

@media(max-width:992px){
    #about section:nth-child(1) .bg{height:500px;margin-bottom:50px;}
    #about section:nth-child(1) h6{margin-top:0;}
    #services section:nth-child(3){padding-bottom:100px;}
        #services section:nth-child(3) .bg{height:400px;margin-bottom:50px;background-position-y:15%;}
    .banner{padding:100px 0 150px 0;}
        .banner .bg{display:none;}

    #product.window .bg{height:250px;}
    #product.window h6{margin-top:50px;}
}

@media(max-width:600px){
    header h1{font-size:40px;}
    #about section,
    #services section,
    #products section{text-align:center;}
        #about section .separator,
        #services section .separator,
        #products section .separator{margin-left:auto;margin-right:auto!important;}
    #services .right-align{text-align:center;}
    #services .parallax-container{text-align:center;}
}