:root {
    --primary-color: #5a2c1c;
    --dark-color: #1d1811;
    --secondary-color: #a7412b;
    --grey-color: #F1EEE6;
    --white-color: #ffffff;
    --light-white: #fed4bf;
    --light-black: #b98270;
    --body-fonts: "Hanken Grotesk", serif;
    --title-fonts: "Manrope", serif;
    --border-radius: 10px;
    --big--border-radius: 20px;
    --transition: all 0.5s ease-in-out;
    --background-color: #F1EEE6;
    --overlay-color: rgba(254, 212, 191, 0.6); /* 50% opacity */
}

#slider-2-slide-2-layer-0,
#slider-2-slide-10-layer-0,
#slider-2-slide-11-layer-0{
    margin-bottom: 100px;
    color: var(--secondary-color) !important;
    z-index: 26 !important;
    text-shadow: 1px 1px 3px rgba(36, 30, 30, 0.4);
}

#slider-2-slide-2-layer-2,
#slider-2-slide-2-layer-3,
#slider-2-slide-10-layer-2,
#slider-2-slide-10-layer-3,
#slider-2-slide-11-layer-2,
#slider-2-slide-11-layer-3{
    margin-top: 100px;
    color: var(--white-color) !important;
    z-index: 26 !important;
    text-shadow: 1px 1px 3px rgba(36, 30, 30, 0.7);


}

.slider-2-slide-11-layer-1{
    color: var(--primary-color) !important;
    z-index: 26 !important;
}

/* .col-lg-6{
    position: relative;
} */

.navbar navbar-expand-xl{
    position: relative;
    z-index: 999;
}

.navbar-brand{
    
    top: 0;
    left: 0;
    width: 250px !important;
    height: 100px !important;
}

.navbar-logo{
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}

.pq-header-contact{
    display: block !important;
}

.pq-about-media-block{
    position: relative;
    width: 100%;
    height: 100%;
}

rs-slides, rs-slide, rs-slide:before{
    background: var(--overlay-color) !important;
    z-index: 2 !important;
}

rs-slide::before {
    content: "";
    position: absolute!important;
    inset: 0;
    background: var(--overlay-color);
    z-index: 1;
    visibility: visible!important;
}




/* rs-module-wrap, rs-module-wrap *{
    background: var(--overlay-color) !important;
    z-index: 25 !important;
} */


.pq-about-image{
    position: absolute;
    top: 10%;
    right: 15%;
    height: 450px;
    width: 350px;
    border-radius: 20px;
    z-index: 25;
    overflow: hidden;
}

.pq-about-image2{
    position: absolute;
    top: 45%;
    left: 15%;
    height: 450px;
    width: 350px;
    border-radius: 20px !important;
    z-index: 26;
    overflow: hidden;
}

#why-image-2-responsive,
#about-image-2-responsive{
    display: none;
}

.about-image{
    width: 100%;
    height: 100%;
}

.pq-animation-button{
    width: 275px !important;
    height: 275px !important;
}

.pq-animation-block.pq-style-1 .pq-animation-button-inner img{
    width: 100% !important;
    height: 100% !important;
}


.pq-animation-button-icon{
    width: 135px !important;
    height: 135px !important;
    border-radius: 100% !important;
}

.logo-img{
    width: 100% ;
    height: 100% ;
}

.about-image-2{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pq-service-box-icon{
    width: 64px;
    height: 64px;
}

.icon-img{
    width: 100% !important;
    height: 100% !important;
}

.pq-hover-item:hover .pq-service-box-info .pq-service-box-icon .icon-img{
    color: white;
}

.icon-img-proccess {
    width: 70% !important;
    height: 70% !important;
    margin-left: 10px;
}

.icon-img-proccess-2{
    width: 70% !important;
    height: 70% !important;
    margin-left: 0 !important;
}

.pq-process-list.pq-style-1 .pq-process .pq-process-media .pq-process-icon{
    line-height: 70px;
}

.process-img-container{
    position: relative;
    overflow: hidden;
    border-radius: 100%;
}

.process-img-container::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    var(--overlay-color)
  );
  transform: rotate(-45deg);
  transition: all 0.75s ease;
  opacity: 0;
}

.process-img-container.hover-active::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}

.process-img-container:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}

.pq-process-icon-2{
    line-height: 80px !important;
}

.why-choose-us{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-bottom: 80px;
}

.left-container{
    flex-basis: 50%;

    position: relative;
}

.right-container{
    flex-basis: 50%;
}

.pq-section-title{
    padding: 0px !important;
}

.pq-why-image,
.pq-why-image2{
    position: absolute;
    height: 375px;
    width: 300px;
}
.pq-why-image{
    top: 0%;
    right: 10%;
    border-radius: 20px;
    z-index: 25;
    overflow: hidden;
}

.pq-why-image2{
    top: 35%;
    right: 10%;
    border-radius: 20px;
    z-index: 25;
    overflow: hidden;
}

.why-image,
.why-image-2{
    width: 100%;
    height: 100%;
}

.why-circle{
    top: 100% !important;
    z-index: 27 !important;
}

.pq-testimonial-info{
    position: relative;
}

.pq-testimonial-team{
    position: absolute;
    top: 0;
    right: 50%;
}

.testimonial-img{
    height: 115px;
    width: 50px;
}

.pq-service-box-style-1 .pq-service-box.pq-active .pq-service-box-info .pq-service-box-icon a{
    color: var(--white-color) !important;
}

.pq-button .pq-button-block{
    text-align: center !important;
}






/* contact */

.pq-map-box.pq-style-1 .pq-map-box-list:nth-child(2) {
    top: 70% !important;
    left: 45% !important;
    position: absolute !important;
}

.pq-client-image{
    display: flex;
    flex-direction: column;
}

.pq-client-image h4{
    color: var(--primary-color);
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 700;
}

.pq-client-image p{
    color: var(--secondary-color);
    font-size: 16px;
    line-height: 1.5;
}

.owl-item {
    transition: all 300ms ease-in-out !important;
}

.owl-item:hover .item .pq-client-box .pq-client-image h4,
.owl-item:hover .item .pq-client-box .pq-client-image p{
    color: var(--white-color);
}







/* footer */

.pq-bottom-footer{
    display: flex;
    align-items: center;
    width: 100%;
}

.pq-footer-logo{
    overflow: hidden;
}

.pq-footer-logo img{
    height: 125px !important;
    width: 80px;
    margin-bottom: 0 !important;
}

.pq-footer-copyright{
    flex-basis: 50%;
}

.pq-footer-copyright a{
    color: var(--background-color);
}

.pq-footer-privacy-policy{
    flex-basis: 50%;
    border-top: 2px solid var(--light-white);
}

.pq-footer-privacy-policy ul{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    padding-top: 12px;
}

.pq-footer-privacy-policy ul li a{
    color: var(--white-color);
    transition: all 300ms ease-in-out;
}

.pq-footer-privacy-policy ul li:hover{
    color: var(--white-color);
    transform: scaleY(1.1);
}

#why-description{
    width: 95%;
}

.pq-phone a{
    color: var(--white-color);
}

.pq-footer-main-title{
    width: 100%;
}



/* responsive */

@media (max-width: 768px) {
    #navbar-btn{
        display: none !important;
    }

    #slider-2-slide-11-layer-1,
    #slider-2-slide-2-layer-1,
    #slider-2-slide-10-layer-1{
        font-size: 36px !important;
    }

    .pq-about-media-block{
        height: 600px !important;
    }

    #slider-2-slide-2-layer-0,
    #slider-2-slide-10-layer-0,
    #slider-2-slide-11-layer-0{
        font-size: 16px !important;
    }

    .pq-button .pq-button-block{
        text-align: center !important;
    }

    .pq-about-image{
        position: absolute;
        top: 0%;
        right: 20%;
        height: 400px !important;
        width: 300px !important;
    }

    .pq-about-image2{
        position: absolute;
        top: 40%;
        left: 25%;
        height: 300px !important;
        width: 200px !important;
    }

    .pq-ineer-page{
        justify-content: center !important;
    }

    .pq-section-main-title,
    .pq-footer-main-title h3{
        font-size: 36px !important;
    }

    .pq-section-description,
    .pq-service-box-description,
    .pq-about-description{
        font-size: 16px !important;
    }

    .pq-service-box-title,
    .pq-process-title{
        font-size: 24px !important;
    }

    .why-choose-us{
        flex-direction: column !important;
        margin-bottom: 10px !important;
    }

    .left-container{
        flex-basis: auto !important;
        height: 600px !important;
    }

    .pq-why-image{
        top: 15% !important;
    }

    .pq-why-image2{
        top: 45% !important;
    }

    .pq-about-image2 img.about-image-2 {
  max-width: 100%;   /* shrink if needed */    /* maintain aspect ratio */
}


        .pq-why-image2 img.why-image-2 {
            width: 100%;
            object-fit: cover;
            /* fills the container, crops if necessary */
        }


    .why-circle {
        top: 20% !important;
        right: 5% !important;
    }

    .footer-logo-container{
        display: flex !important;
        justify-content: center !important;
    }


    #pq-loading{
        width: 768px !important;
        height: 100vh;
        overflow: hidden;
    }

    #pq-loading-center{
    overflow: hidden !important;
}
    #pq-loading-center video {
    height: 200px;
    border: none;          /* remove borders */
    outline: none;         /* remove focus outlines */
    margin: 0;             /* reset margin */
    padding: 0;            /* reset padding */
    object-fit: cover; 
    transform: translateZ(0); /* forces GPU layer, reduces seams */
}
}

@media (max-width: 426px) {
    #pq-loading{
        width: 425px !important;
    }
    
    .pq-header-contact{
            display: none !important;
    }

    #slider-2-slide-2-layer-0,
    #slider-2-slide-10-layer-0,
    #slider-2-slide-11-layer-0{
        font-size: 16px !important;
    }

    #slider-2-slide-11-layer-1,
    #slider-2-slide-2-layer-1,
    #slider-2-slide-10-layer-1{
        font-size: 26px !important;
    }

    .pq-about-image{
        height: 350px !important;
        width: 250px !important;
        top: 10% !important;
        right: 6% !important;
    }

    .pq-about-image2{
        left: 5% !important;
    }

    .pq-section-sub-title,
    .pq-process-title,
    .pq-section-sub-title,
    .pq-section-sub-title,
    .pq-menu-item a{
        font-size: 16px !important;
    }

    .pq-section-main-title,
    .pq-section-main-title,
    .pq-section-main-title,
    .pq-title,
    .pq-section-main-title,
    .pq-footer-main-title   h3{
        font-size: 26px !important;
    }

    .pq-section-description,
    .pq-service-box-description,
    .pq-about-description,
    .pq-testimonial-decription{
        font-size: 14px !important;
    }

    .pq-button-container{
        display: flex !important;
        justify-content: center !important;
    }

    .pq-image-box-content{
        display: flex !important;
        justify-content: space-around !important;
    }

    .pq-bottom-footer{
        flex-direction: column;
    }

    .pq-image-box-description,
    .pq-testimonial-author-designation,
    .pq-footer-description,
    .pq-footer-copyright{
        font-size: 14px !important;
    }

    .pq-button.pq-button-flat{
        padding: 8px 26px !important;
    }

    .pq-button-text,
    .pq-address p,
    .pq-menu-item a{
        font-size: 16px !important;
    }

    .pq-button-block{
        height: 30px !important;
    }

    .pq-service-box-title,
    .pq-testimonial-author-name,
    .pq-footer-title h3{
        font-size: 20px !important;
    }

    .pq-service-box-icon,
    .pq-fancy-box-icon,
    .pq-icon-button{
        width: 100% !important;
        text-align: center !important;
    }

    .pq-testimonial-media{
        justify-content: center !important;
    }

    /* .pq-footer-logo{
        display: none !important;
    } */

    .pq-title{
        font-size: 18px !important;
    }

    .why-circle {
        top: 10% !important;
        right: 35% !important;
    }

    .pq-phone p,
    .pq-email p,
    .pq-address p{
        font-size: 16px !important;
    }

    .pq-service-box-icon a{
        color: var(--white-color);
    }
}

@media (max-width: 320px) {

    #pq-loading{
        width: 320px !important;
    }

    .pq-header-contact{
            display: none !important;
    }

    .navbar-brand{
        width: 200px !important;
        height: 100px !important;
    }

    #slider-2-slide-2-layer-0,
    #slider-2-slide-10-layer-0,
    #slider-2-slide-11-layer-0{
        font-size: 14px !important;
    }

    #slider-2-slide-11-layer-1,
    #slider-2-slide-2-layer-1,
    #slider-2-slide-10-layer-1{
        font-size: 24px !important;
    }

    .rev-btn .pq-button.pq-button-flat .pq-button-block {
        text-align: center !important;
    }

    .pq-section-title.pq-style-1 .pq-section-sub-title span,
    .pq-image-box-title,
    .pq-section-sub-title,
    .pq-client-image h4{
        font-size: 16px !important;
    }

    .pq-section-title .pq-section-main-title,
    .pq-section-main-title,
    .pq-section-main-title,
    .pq-footer-main-title h3{
        font-size: 24px !important;
    }

    .pq-section-title .pq-section-description,
    .pq-button.pq-button-flat,
    .pq-image-box-description,
    .pq-service-box-description,
    .pq-process-contain,
    .pq-testimonial-decription,
    .pq-testimonial-author-designation,
    .pq-client-image p,
    .pq-footer-description,
    .pq-menu-item a,
    .pq-address p,
    .pq-footer-details p,
    .pq-footer-copyright {
        font-size: 14px !important;
    }

    .pq-ineer-page{
        display: flex !important;
        flex-direction: column !important;
    }

    .pq-button-container{
        display: flex !important;
        justify-content: center !important;
    }

    .pq-button.pq-button-flat{
        padding: 8px 26px !important;

    }

    .pq-button .pq-button-block{
        height: 25px !important;
    }

    .pq-image-box-content{
        display: flex !important;
        justify-content: space-between !important;
    }
    .col-lg-6:first-child{
            position: relative;
            width: 320px !important;
            height: 320px !important;
    }
    .pq-about-image{
        height: 250px !important;
        width: 200px !important;
    }

    .pq-about-image{
        top: 0% !important;
        right: 0% !important;
    }

    .pq-about-image2{
        top: 17% !important;
        left: 0% !important;
        height: 200px !important;
        width: 150px !important;
    }

    .about-image-2,
    .why-image-2{
        display: none;
    }

    #why-image-2-responsive,
    #about-image-2-responsive{
        display: block;
        object-fit: fill;
    }

    .pq-service-box-title{
        font-size: 18px !important;
    }

    .pq-service-box-icon,
    .pq-icon-button{
        width: 100% !important;
        text-align: center !important;
    }

    .pq-process-title,
    .pq-title,
    .pq-testimonial-author-name,
    .pq-footer-title h3{
        font-size: 20px !important;
    }

    .why-choose-us{
        flex-direction: column !important;
    }

    .left-container{
        flex-basis: auto !important;
        height: 320px !important;
        width: 320px !important;
    }

    .pq-why-image{
        top: 0% !important;
        right: 0% !important;
    }

    .pq-why-image2{
        top: 30% !important;
        left: 10% !important;
    }

    .why-circle{
        top: 0% !important;
        left: 10% !important;
    }

    .pq-animation-button{
        width: 200px !important;
        height: 200px !important;
    }

    .pq-animation-button-icon{
        width: 105px !important;
        height: 105px !important;
    }

    #input{
        height: auto !important;
    }

    #btn{
        width: 320px !important;
    }

    .form-control.submit{
        font-size: 16px !important;
        height: 50px !important;
        max-width: 170px !important ;
    }

    .footer-logo-container{
        display: flex !important;
        justify-content: center !important;
    }

    

    .footer-logo-img{
        display: none !important;
    }

    .pq-bottom-footer{
        flex-direction: column;
    }

    #pq-loading {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }

    
    
}