/*
Theme Name: WSE Theme
Author: Anakle
Description: WSE Limited is a pioneering indigenous systems integration company based in Nigeria. We don't just install electronics, we create experiences. We are the artisans of automation, meticulously crafting custom solutions that are as sophisticated as they are simple to use.With over 30 years of experience, we specialize in the design, installation, and maintenance of custom electronics solutions for both residential and commercial developments. We are your trusted partner in transforming your space into one that is effortlessly efficient and luxurious, leaving you free to enjoy the art of living.
Version: 1.0
*/
body{
    font-family: "Swis721", sans-serif;
}
.home.header--bg,
.page-template-page-about.header--bg{
    height: 900px;
    overflow: hidden;
}

@keyframes shrink {
    0% {
        background-size: 100% 100%;
    }
    100% {
        background-size: 110% 110%;
    }
}
.home.header--bg{
    background: url('assets/img/header-component-bg.png') no-repeat center;
    background-size: 100% 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-animation: shrink 10s forwards;
    animation: shrink 10s forwards;
    transition: all .5s ease-in-out;
    animation-iteration-count: 1
}
.page-template-page-about.header--bg {
    background: url("assets/img/about-background-image.png") no-repeat center;
    background-size: 100%;
    height: 450px;
}
.page-template-page-about.header--bg .container{
    height: 100%;
}
#teamMemberModal .modal-dialog{
    max-width: 50%;
}
.nav-link{
    font-size: 15px;
    font-family: 'Swis721', sans-serif;
}
.dropdown-item.active, .dropdown-item:active{
    background: transparent;
    color:inherit;
}
.resential-wse-margin-sec .col-lg-6:last-child{
    padding-left: 60px;
}
/* LITTLE SCREENS */
@media screen and (max-width: 1200px) {
    #teamMemberModal .modal-dialog{
        max-width: 95%;
    }
    .about-wse-mission-sec-txt{
        height: 80%;
    }
}
@media screen and (max-width: 992px) {
    .menu.navbar-collapse{
        background: #000;
        padding: 20px;
    }
    .navbar-nav.ml-auto{
        gap: 1em;
    }
    .faq-bg{
        padding: 3em 0;
    }
}
@media screen and (max-width: 768px) {
    .modal-dialog, #teamMemberModal .modal-dialog{
        max-width: 95%;
    }
    .team-member{
        margin-bottom: 50px;
    }
    .team-wse-about h1{
        margin-top: 10px;
    }
    .resential-wse-margin-sec .col-lg-6:last-child{
        padding-left: 20px;
    }
}
@media screen and (max-width: 576px) {
    .carousel-control-prev.carousel-control-next-wse-hme-explore-next,
    .carousel-control-next.carousel-control-next-wse-hme-explore-prev{
        width: 35px;
        height: 35px;
        padding: 8px;
        bottom: 8em;
    }
    .carousel-control-prev img,
    .carousel-control-next img{
        max-width: 100%;
    }
    .footer-hme .container,
    .header--bg .container,
    #portfolio .container{
        max-width: 97%;
    }
    .modal-explore-text{
        margin-top: 0;
    }
    .m-t-7em {
        margin-top: 4em;
    }
    .modal-body-explore-hme{
        height:75vh;
    }
    .about-us-wse-text-top-m{
        padding: 80px 20px;
    }
    .about-wse-mission-sec-txt{
        width: 90%;
    }
    .about-wse-mission-sec-txt p{
        font-size: 16px;
    }
    .our-process-txt-about-mg .row{
        flex-direction: column;
    }
    .our-process-txt-about-mg .row .col{
        margin-bottom: 30px;
    }
    .our-process-txt-about-mg .row.m-t-40{
        margin-top: 0;
    }
    .team-wse-about-tp{
        margin-top: 7em;
    }
    .meettheteamtxt{
        margin-bottom: 2em;
    }
    .home.header--bg{
        animation:none;
        background-size: cover;
    }
    .about-us-wse-text-top-m:after{
        height:60px;
    }
}
@media screen and (max-width: 480px) {
    .about-us-wse-text-top-m:after{
        height:30px;
    }
    .home-top-text{
        margin-top: 8em;
    }
    .row.resential-wse-margin-sec{
        padding-left: 0;
    }
    .container.resential-wse-margin,
    .exploreour-project-marg,
    .book-a-consultation-with-us-bg + .container .row{
        padding: 0 20px;
    }
    .container.resential-wse-margin .row{
        flex-direction: column-reverse;
    }
    .container.resential-wse-margin .row.resential-wse-margin-sec{
        flex-direction: column;
    }
    .home.header--bg, .page-template-page-about.header--bg{
        height: auto;
        padding-bottom: 150px;
    }
    .about-us-wse-p h1{
        padding-top: 2.5em;
    }
    .about-us-wse-text-top-m{
        padding: 20px 20px;
    }
    .page-template-page-about.header--bg{
        background-position: top center;
        padding-bottom: 72px;
    }
    .resential-wse{
        margin-top:30px;
    }
    .hme-testimonial-bg{
        margin-top: 5em;
    }
    .hme-custm-testimonial{
        margin-bottom: 25px;
    }
    .exploreour-project-marginbottom img{
        margin-bottom: 10px;
    }
    .exploreour-project-marginbottom .row .col-lg-6:first-child{
        padding-right:5px;
    }
    .exploreour-project-marginbottom .row .col-lg-6:last-child{
        padding-left:5px;
    }
    .customer-testmonial-text h6{
        margin-bottom: 0;
    }
}
@media screen and (max-width: 430px) {
    .home-top-text h1{
        height: auto;
    }
}

/** slick main css*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}