@import url("plugins/bootstrap-5.1.3-dist/css/bootstrap.min.css");
/* @import url("css/swiper.min.css"); */
@import url('https://unpkg.com/swiper/swiper-bundle.min.css');
@import url("plugins/hy-drawer/style.css");
@import url("css/theme.css");
@import url("plugins/photoswipe/default-skin/default-skin.css");
@import url("plugins/photoswipe/photoswipe.css");

.hy-drawer-content {
    background-color: #fff !important;
    z-index: 110 !important;
}
/* general */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    font-family: 'Montserrat SemiBold' !important;
    font-weight: unset;
}

img {
    pointer-events: none;
}
.img-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.img-background > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section {
    padding: 3rem 0rem ;
}
/* @media (max-width:767px) {
    section {
        padding: 2rem 0rem;
    }
} */
.material-icons{
    font-size: 1.5rem;
}
.btn-icons-xl .material-icons {
    font-size: 2.25rem;
}


main.only-page {
    min-height: 57vh;
}
section .offercard{
    min-height: 300px;
    padding: 3rem;
}
@media (max-width:575px) {
    section .offercard{
        padding: 3rem 1.5rem;
    }
}
/*  */

/* modal */
.modal-page {
    background-color: rgba(255, 255, 255, 97%) !important;
}

/*  */



/* left_menu  */
/* .hy-drawer-scrim{
    opacity: 1;
    display: block;
    pointer-events: all;
}
.hy-drawer-content{
    transform: translate(304px, 0px);
    transition: translate 5s linear 2.5s;
} */
.hy-drawer-scrim[style*="opacity: 0"] + div {
    box-shadow: none !important;
}
/*  */

/* plugin swiper */
.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    background: #f1f1f1;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-button-prev{
    left: 1rem;
}
.swiper-button-next{
    right: 1rem;
}
.swiper-button-next, .swiper-button-prev {
    color: #333;
    background-color: #fff;
    display: flex;
    width: 50px;
    height: 50px;
    border-radius: 100%;
}
.swiper-button-next::after, .swiper-button-prev::after {
    font-size: 1.5rem;
}
/*  */
.marquee {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    animation:  marqueeLeft 50s linear 0s infinite;
    -moz-animation:  marqueeLeft 50s linear 0s infinite;
    -webkit-animation:  marqueeLeft 50s linear 0s infinite;
}
.marquee:nth-child(2){
    left: 150px;
}
.marquee:nth-child(3){
    left: -270px;
}
@keyframes marqueeLeft { 
    0% { margin-left:0%; } 100% { margin-left:-4200px; }  
}
@-moz-keyframes marqueeLeft { 
    0% { margin-left:0%; } 100% { margin-left:-4200px; }  
}
@-webkit-keyframes marqueeLeft { 
    0% { margin-left:0%; } 100% { margin-left:-4200px; }  
}


/* navigation menu */
#header nav a {
    padding: 1rem;
    margin-right: 1rem;
}
#header nav a:hover, nav a.active {
    color:#333 !important;
}
#header nav a.active {
    border-bottom: 3px solid var(--primary-color);
    font-weight: bold;
}
#left_menu .accordion-button:not(.collapsed) {
    box-shadow: none;
}
#left_menu .accordion-item {
    border-radius: 0 !important;
}
#left_menu .accordion-button {
    padding: 1rem;
}
#header .material-icons {
    font-size: 2rem;
}
/*  */



/* Banner */

#banner{
    height: 450px;
    background-color: #f3f3f3;
}
#banner .slide.bg-dark-primary-gradient{
    /* background: rgb(36,58,83);
    background: -moz-linear-gradient(90deg, rgba(36,58,83,1) 0%, rgba(113,139,164,1) 71%, rgba(36,58,83,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(36,58,83,1) 0%, rgba(113,139,164,1) 71%, rgba(36,58,83,1) 100%);
    background: linear-gradient(90deg, rgba(36,58,83,1) 0%, rgba(113,139,164,1) 71%, rgba(36,58,83,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#243a53",endColorstr="#243a53",GradientType=1); */

    background: #718BA4;
    background: -webkit-radial-gradient(right, #718BA4, #243B53);
    background: -moz-radial-gradient(right, #718BA4, #243B53);
    background: radial-gradient(to right, #718BA4, #243B53);
}
#banner .img-background img {
    width: 50%;
    height: 95%;
    object-fit: contain;
    object-position: bottom;
    top: unset;
    bottom: 0;
    left: unset;
    position: absolute;
    right: 5%;
}
@media (max-width:1199px) {
    #banner .btn {
        /* margin-top: 160px; */
    }
}
@media (max-width:991px) {
    #banner {
        height: 480px;
    }
    #banner .img-background img{
        width: 90%;
        height: 75%;
        bottom: 0;
        position: absolute;
        right: -5%;
    }
    #actual_services img{
        height: 280px;
    }
    #uniform-page #banner .img-background img{
        width: 114%;
        right: -10%;
    }
    #banner .slide {
        align-items: flex-start;
        padding-top: 3rem;
    }
    #banner .btn {
        margin-top: 140px;
    }

    .btn-lg, .btn-group-lg > .btn {
        padding-top: 1.2rem !important;
        padding-bottom: 1.2rem !important;
    }
}
@media (max-width:767px) {
    #banner {
        height: 480px;
    }
    #banner .img-background img{
        width: 90%;
        height: 100%;
        object-fit: contain;
        /* top: unset; */
        bottom: 0;
        /* left: unset; */
        position: absolute;
        right: 5%;
        /* width: 130%;
        height: 104%;
        object-fit: contain;
        bottom: 0;
        position: absolute;
        right: -30%; */
    }
    #uniform-page #banner .img-background img{
        width: 114%;
        right: -10%;
    }
    #banner .slide {
        align-items: flex-start;
        padding-top: 3rem;
    }
    #banner .btn {
        margin-top: 30% !important;
    }

    .btn-lg, .btn-group-lg > .btn {
        padding-top: 1.2rem !important;
        padding-bottom: 1.2rem !important;
    }
}
/*  */


/* footer */
#footer .accordion-item, #footer .accordion-button{
    background-color: unset;
}
#footer .accordion-item{
    border: none;
    border-bottom: 1px solid #e5e5e5;
}
#footer .accordion-button:focus {
    border-color: unset;
    box-shadow: none;
}
#footer .accordion-button::after{
    /* background-image: url('/assets/img/icons/chevron-light.svg'); */
    color: var(--light-color) !important
}
/*  */


/* UNIFORMS */
.uniform-block {
    height: 480px;
}
@media (max-width:1199px) {
    .uniform-block {
        height: 320px;
    }
}
@media (max-width:991px) {
    .uniform-block {
        height: 260px;
    }
}
@media (max-width:767px) {
    .uniform-block {
        height: 320px;
    }
}
.uniform-block .img-background {
    height: 120%;
    top: unset;
    bottom: 0;
}
.uniform-block .img-background img{
    object-fit: contain;
}