:root{
    --white-color: #fff;
    --black-color: #000;
    --dark-color: #272727;
    --ash-color: #00000029;
    --gold-color: #B88E16;
    --yellow-color: #DDBC60;
    --light-green-color: #539A4B;
    --dark-green-color: #27A11A;
}
*{
    font-family: 'Raleway', sans-serif;
}

.carousel-control-next, .carousel-control-prev{
    width: max-content;
    padding: 30px;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 60px;
    height: 60px;
}

.wpcf7 form.sent .wpcf7-response-output{
    color: var(--white-color);
}
h1, h2, h3, h4, h5, h6, p, ul{
    margin: 0;
}

ul{
    padding: 0;
}

a{
    text-decoration: none;
}

/* COMMON */
.slick-slider:not(.slick-initialized) { 
	display: none !important; 
}
    /* WRAPPERS */
        .middle-wrap{
            width: 85%;
            margin: auto;
        }
        .max-wrap{
            width: 90%;
            margin: auto;
        }
        .min-wrap{
            width: 60%;
            margin: auto;
        }
        .wrap-width-70{
            width: 70%;
            margin: auto;
        }
        .extra-small-wrap{
            width: 50%;
            margin: auto;
        }
        .wrap-width-40{
            width: 40%;
            margin: auto;
        }
        .right-aligned-wrap{
            width: 55%;
            margin-left: auto;
            padding-right: 5%;
        }
    /* WRAPPERS */
    /* PADDINGS */
        .padd-bot--15{
            padding-bottom: 15px;
        }
        .padd-top--15{
            padding-top: 15px;
        }

        .padd-bot--20{
            padding-bottom: 20px;
        }
        .padd-top--20{
            padding-top: 20px;
        }

        .padd-bot--30{
            padding-bottom: 30px;
        }
        .padd-top--30{
            padding-top: 30px;
        }

        .padd-bot--50{
            padding-bottom: 50px;
        }
        .padd-top--50{
            padding-top: 50px;
        }

        .padd-bot--100{
            padding-bottom: 100px;
        }
        .padd-top--100{
            padding-top: 100px;
        }
    /* PADDINGS */
    /* texts */
        .paragraph{
            font-size: 18px;
            line-height: 30px;
            font-weight: 600;
        }
        .txt--center{
            text-align: center;
        }
        .creative-heading{
            font-size: 18px;
            font-weight: 600;
            line-height: 21px;
            padding-bottom: 10px;
        }
        .section-heading{
            font-size: 35px;
            font-weight: bold;
            padding-bottom: 30px;
        }
       
    /* texts */
    /* COLORS */
        .txt--white{
            color: var(--white-color);
        }
        .txt--dark{
            color: var(--dark-color);
        }
        .txt--yellow{
            color: var(--yellow-color);
        }

        .bg--yellow{
            background-color: var(--yellow-color);
        }
        .bg--dark{
            background-color:var(--dark-color);
        }
    /* COLORS */
    /* BUTTONS */
        .btn{
            font-size: 18px;
            font-weight: 600;
            transition: all .5s;
        }
        .btn--rounded{
            border-radius: 37px;
            padding: 18px 47px;
        }

        .btn--dark-bg{
            background-color: var(--dark-color);
            color: var(--white-color);
            transition: all .5s;
        }
        .btn--dark-bg:hover{
            color: var(--gold-color);
            transition: all .5s;
        }

        .btn--yellow-bg{
            background-color:var(--yellow-color);
            transition: all .5s;
        }
        .btn--yellow-bg:hover{
            background-color: var(--white-color);
            color: var(--dark-color);
            transition: all .5s;
        }

        .btn--dark-outline{
            border: 1px solid var(--dark-color);
            color: var(--dark-color);
        }
        .btn--dark-outline:hover{
            border: 1px solid var(--white-color);
            box-shadow: 0px 3px 6px #00000029;
            background-color: var(--white-color);
            transition: all .5s;
        }

        
    /* BUTTONS */

    /* COMMON BANNER */
        .common-banner{
            height: 45vh;
            position: relative;
            margin-top: 160px;
        }
        .common-banner .bg-img{
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 1;
        }
        .common-banner::before,
        .common-banner::after{
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: '';           
        }
        .common-banner::before{
            background-color: #464646;
            opacity: 0.6;
            z-index: 2;
        }
        .common-banner::after{
            z-index: 3;
            background-repeat: no-repeat;
            background-position: right bottom;

            -webkit-animation: slidein-8 20s;
            animation: slidein-8 20s;
    
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    
            -webkit-animation-direction: alternate;
            animation-direction: alternate;    
        }

        /* BG ANIMATIONS */
            @-webkit-keyframes slidein-8 {
                from { background-size:30%; }
                to {background-size:50%;}
            }
            
            @keyframes slidein-8 {
                from {background-size:30%; }
                to {background-size:50%;}
            }
        /* BG ANIMATIONS */
        .common-banner .content-box{
            position: relative;
            z-index: 4;
            height: 45vh;
        }
        .common-banner .content-box h5{
            font-size: 56px;
            line-height: 75px;
            color: var(--white-color);
            font-weight: 600;
            padding-bottom: 10px;
        }
    /* COMMON BANNER */
    /* BREADCRUMB */
        .breadcrumb,
        .breadcrumb a{
            color:var(--white-color);
            font-size: 13px;
            font-weight: 300;
        }
        .breadcrumb a:hover{
            color: var(--white-color);
        }
    /* BREADCRUMB */
/* COMMON */


/* NAV */
    /* HAMBURGER MENU */
        .navbar-toggler{
            display: none !important;
        }
        .three{
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            color: #ecf0f1;
            text-align: center;
        }
        .hamburger .line{
            width: 40px;
            height: 4px;
            background-color: var(--dark-color);
            display: block;
            margin: 6px auto;
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            border-radius: 15px;
        }

        .hamburger:hover{
            cursor: pointer;
        }
        #hamburger-1.is-active{
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            -webkit-transition-delay: 0.6s;
            -o-transition-delay: 0.6s;
            transition-delay: 0.6s;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        #hamburger-1.is-active .line:nth-child(2){
            width: 0px;
        }

        #hamburger-1.is-active .line:nth-child(1),
        #hamburger-1.is-active .line:nth-child(3){
            -webkit-transition-delay: 0.3s;
            -o-transition-delay: 0.3s;
            transition-delay: 0.3s;
        }

        #hamburger-1.is-active .line:nth-child(1){
            -webkit-transform: translateY(12px);
            -ms-transform: translateY(12px);
            -o-transform: translateY(12px);
            transform: translateY(12px);
        }

        #hamburger-1.is-active .line:nth-child(3){
            -webkit-transform: translateY(-9px) rotate(90deg);
            -ms-transform: translateY(-9px) rotate(90deg);
            -o-transform: translateY(-9px) rotate(90deg);
            transform: translateY(-9px) rotate(90deg);
        }
        .navbar-toggler:focus{
            outline: 0 !important;
            box-shadow: none !important;
        }
    /* HAMBURGER MENU */
    #navbar_main{
        display: none;
    }
    .header .gray-bar{
        padding: 10px 0;
    }
    .header .gray-bar .inner{
        width: 85%;
        margin: auto;
    }
    .header .gray-bar .email{
        gap: 10px;
        color: var(--white-color);
        font-size: 18px;
        font-weight: 600;
    }
    .header .gray-bar .email:hover{
        filter: brightness(0) saturate(100%) invert(81%) sepia(58%) saturate(428%) hue-rotate(346deg) brightness(91%) contrast(90%);
    }
    .header .gray-bar ul{
        list-style: none;
        gap: 30px;
    }
    .header .gray-bar ul li a:hover img{
        filter: brightness(0) saturate(100%) invert(83%) sepia(99%) saturate(390%) hue-rotate(321deg) brightness(91%) contrast(89%);
    }
    .header .navbar-expand-lg .navbar-collapse{
        justify-content: center;
    }
    .header .navbar-expand-lg .navbar-nav .nav-item{
        display: flex;
        flex-direction: column;
        padding: 30px 60px;
        position: relative;
        z-index: 1000;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu{
        padding: 0;
        border: 0;
        border-radius: 0;
        margin-top: 40px;
    }
    .header .navbar-expand-lg .dropdown-menu .nav-item{
        margin: 0;
        padding: 0;
    }
    .header .menu-item-has-children .dropdown-menu{
        transition: all .5s;
        background-color: transparent;
    }
    .header .menu-item-has-children:hover .dropdown-menu{
        display: block;
        transition: all .5s;
        padding-top: 75px;
        margin: 0;
    }
    .header .navbar-expand-lg .navbar-nav .dropdown-menu  .current-menu-item::after{
        display: none;
    }
    .header .navbar-expand-lg .navbar-nav .dropdown-menu  .current-menu-item{
        background-color: var(--dark-color);
    }
    .header .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item{
        padding: 20px 10px;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 600;
        background-color: var(--white-color);
    }
    .header .navbar-expand-lg .navbar-nav .dropdown-menu .current-menu-item .dropdown-item{
        background-color: var(--dark-color);
    }
    .header .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover{
        background-color: var(--dark-color);
        color: var(--white-color);
        transition: all .5s;
    }
    .header .navbar-expand-lg .navbar-nav .dropdown-menu  .current-menu-item .dropdown-item{
        color: var(--white-color);
    }
    .header .navbar-expand-lg .navbar-nav .nav-link{
        padding: 0;
        color: var(--dark-color);
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase;
    }
    .header .navbar-expand-lg .navbar-nav .current-menu-item::after,
    .header .navbar-expand-lg .navbar-nav .current-menu-parent::after{
        content: '';
        width: 100%;
        height: 3px;
        background-color: var(--yellow-color);
        border-radius: 12px;
        margin-top: 5px;
    }

    .header .navbar-expand-lg .navbar-nav .menu-item:hover::after{
        content: '';
        width: 100%;
        height: 3px;
        background-color: var(--yellow-color);
        border-radius: 12px;
        margin-top: 5px;
        transition: all .5s;
    }
    .header .navbar-expand-lg .navbar-nav .dropdown-menu .menu-item:hover::after{
        display: none;
    }
    
    .header .tp-no{
        cursor: pointer;
    }
    .header .tp-no .icon-box{
        animation: hithere 1s ease infinite;
    }
    .header .tp-no span{
        white-space: nowrap;
        font-size: 20px;
        font-weight: 600;
        padding-left: 12px;
        line-height: 24px;
    }
    .header .tp-no:hover span{
        color: var(--dark-color);
    }
    .header .tp-no:hover {
        filter: brightness(0) saturate(100%) invert(70%) sepia(48%) saturate(407%) hue-rotate(6deg) brightness(99%) contrast(91%);
    }
    /* SCROLL MENU */
        .header{
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            background-color: var(--white-color);
            box-shadow: 0px 0px 30px #00000029;
        }
        .header .menu-on-scroll{
            opacity: 0;
            /* transition: all .5s; */
            height: 0;
        }
        .header-scrolled .menu-on-scroll{
            opacity: 1;
            transition: all .5s;
            height: max-content;
        }
        .header-scrolled .normal-menu{
            display: none;
        }
        .header-scrolled .gray-bar{
            display: none;
        }
        
        .header .menu-on-scroll .navbar-brand img{
            width: 130px;
        }
        .header .menu-on-scroll .navbar-expand-lg .navbar-nav .nav-item {
            padding: 5px 60px;
        }
        .header .menu-on-scroll .navbar-expand-lg .dropdown-menu .nav-item{
            padding: 0;
        }
        .header .menu-on-scroll .navbar-expand-lg .navbar-nav .nav-link{
            font-size: 16px;
        }
        .header .menu-on-scroll  .tp-no img{
            transform: scale(.8);
        }
        .header .menu-on-scroll  .tp-no span{
            font-size: 18px;
        }
        .header-scrolled .menu-item-has-children:hover .dropdown-menu{
            padding-top: 59px;
        }
    /* SCROLL MENU */
/* NAV */


/* HOME */
    /* BANNER */
        .home-banner{
            margin-top: 160px;
        }
        .home-banner .left,
        .home-banner .right{
            width: 50%;
            height: 90vh;
        }
        .home-banner .left{
            padding: 6.5%;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;

            -webkit-animation: slidein 20s;
            animation: slidein 20s;
    
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    
            -webkit-animation-direction: alternate;
            animation-direction: alternate;    
        }

        /* BG ANIMATIONS */
            @-webkit-keyframes slidein {
                from {background-position: top; background-size:100%; }
                to {background-position: -100px 0px;background-size:150%;}
            }
            
            @keyframes slidein {
                from {background-position: top;background-size:100%; }
                to {background-position: -100px 0px;background-size:150%;}
            }
        /* BG ANIMATIONS */
      
            
        .home-banner .left h6{
            font-size: 30px;
            font-weight: 600;
            letter-spacing: 2.1px;
        }
        .home-banner .left h5{
            font-size: 56px;
            line-height: 75px;
            font-weight: 600;
        }
        .home-banner .left .btn-wrapper{
            gap: 20px;
        }
        .home-banner .right img{
            object-fit: cover;
        }
    /* BANNER */
    /* SERVICE BOXES */
        .home-service-boxes {
            margin-top: -120px;
            position: relative;
            z-index: 1;
        }
        .home-service-boxes .box{
            width: 25%;
            padding: 0 5px;
            transition: all .5s;
        }
        .home-service-boxes .box:hover{
            padding: 0 15px;
            transition: all .5s;
        }
        .home-service-boxes .rectangle{
            padding: 45px;
            box-shadow: 0px 0px 30px #00000029;
            border-radius: 8px;
            background-color: var(--white-color);
            position: relative;
            transition: all .5s;
            overflow: hidden;
            height: 270px;
        }
        .home-service-boxes .rectangle:hover{
            background-color: var(--yellow-color);
            transition: all .5s;
        }
        .home-service-boxes .rectangle h5{
            font-size: 22px;
            font-weight: bold;
        }
        .home-service-boxes .rectangle::before,
        .home-service-boxes .rectangle::after{
            content: '';
            position: absolute;
            left: 50px;
            right: 50px;
            height: 5px;
            border-radius: 5px;
            background-color:var(--yellow-color);
            transition: all .5s;
        }
        .home-service-boxes .rectangle::before{
            top: 0;
        }
        .home-service-boxes .rectangle::after{
            bottom: 0;
        }
        .home-service-boxes .rectangle:hover::before,
        .home-service-boxes .rectangle:hover::after{
            background-color: var(--dark-color);
            transition: all .5s;
        }
        .home-service-boxes .rectangle img{
            width: 100px;
            height: 100px;
            object-fit: contain;
        }
        .home-service-boxes .rectangle .hidden-content{
            /* transform: scale(0); */
            transform: translateY(270px);
            transition: all .5s;
            height: 185px;
        }
        .home-service-boxes .rectangle:hover .hidden-content{
            /* transform: scale(1); */
            transform: translateY(-100%);
            transition: all .5s;
        }
        .home-service-boxes .rectangle .normal-content{
            transform: scale(1);
            transition: all .5s;
            height: 185px;
        }
        .home-service-boxes .rectangle:hover .normal-content{
            /* transform: scale(0); */
            transform: translateY(-270px);
            transition: all .5s;
        }
    /* SERVICE BOXES */
    /* ABOUT */
        .home-about{
            background-repeat: no-repeat;
            background-position: left center;
            position: relative;

            -webkit-animation: slidein-2 20s;
            animation: slidein-2 20s;
    
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    
            -webkit-animation-direction: alternate;
            animation-direction: alternate;  
            
        }
        /* BG ANIMATIONS */
            @-webkit-keyframes slidein-2 {
                from {background-position: left center; background-size:10%; }
                to {background-position: -100px center;background-size:20%;}
            }
            
            @keyframes slidein-2 {
                from {background-position: left center;background-size:10%; }
                to {background-position: -100px center;background-size:20%;}
            }
        /* BG ANIMATIONS */
        .home-about .middle-wrap{
            position: relative;
            z-index: 10;
        }
        .home-about::after{
            position: absolute;
            content: '';
            right: 0;
            left: 0;
            bottom: -220px;
            height: 440px;
            background-repeat: no-repeat;
            background-position:center right 5%;
            z-index: 1;

            
        }
       
        .home-about .left{
            margin-right: 30px;
            overflow: hidden;
            border-radius: 0px 0px 159px 0px;
            box-shadow: 0px 3px 20px #00000029;
        }
        .home-about .left img{
            transition: all .5s;
        }
        .home-about .left:hover img{
            transform: scale(1.1);
            transition: all .5s;
        }
        .home-about img{
            height: 575px;
            object-fit: cover;
        }
        .home-about .right{
            padding-left: 30px;
        }
        .home-about .section-heading{
            width: 70%;
        }
    /* ABOUT */
    /* ROUNDED SOLUTIONS */
        .home-rounded-solutions{
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
        }
        .home-rounded-solutions .content-box{
            position: relative;
            z-index: 1;
        }
        .home-rounded-solutions h5{
            font-size: 50px;
            line-height: 60px;
            font-weight: bold;
            padding-bottom: 30px;
        }
        .home-rounded-solutions::after{
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color:var(--black-color);
            opacity: 0.69;
        }
    /* ROUNDED SOLUTIONS */
    /* WHAT WE OFFER */
        .home-what-we-offer{
            background-repeat: no-repeat;
            background-position: left;

            -webkit-animation: slidein-4 20s;
            animation: slidein-4 20s;
    
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    
            -webkit-animation-direction: alternate;
            animation-direction: alternate;    
        }

        /* BG ANIMATIONS */
            @-webkit-keyframes slidein-4 {
                from {background-position: left; background-size:60%; }
                to {background-position: -100px 0px;background-size:80%;}
            }
            
            @keyframes slidein-4 {
                from {background-position: left;background-size:60%; }
                to {background-position: -100px 0px;background-size:80%;}
            }
        /* BG ANIMATIONS */
        .home-what-we-offer .left{
            padding-right: 30px;
            padding-top: 20px;
        }
        .home-what-we-offer .right{
            padding-left: 30px;
            padding-top: 20px;
        }
        .home-what-we-offer .left .rectangle,
        .home-what-we-offer .right .rectangle{
            position: relative;
            height: 580px;
            overflow: hidden;
        }
        .home-what-we-offer .left .rectangle::after,
        .home-what-we-offer .right .rectangle::after{
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: var(--dark-color);
            opacity: 0.49;
        }
        .home-what-we-offer .left .rectangle{
            border-radius: 193px 0px 0px 0px;
        }
        .home-what-we-offer .right .rectangle{
            border-bottom-right-radius: 193px;
            overflow: hidden;
        }
        .home-what-we-offer .left .rectangle img,
        .home-what-we-offer .right .rectangle img{
            position: absolute;
            object-fit: cover;            
            transition: all .5s;
        }
        .home-what-we-offer .left .rectangle:hover img,
        .home-what-we-offer .right .rectangle:hover img{
            transform: scale(1.1);
            transition: all .5s;
        }
        .home-what-we-offer .rectangle .content{
            position: relative;
            z-index: 1;
            width: 60%;
            margin: auto;
        }
        .home-what-we-offer .rectangle .content h6{
            font-size: 30px;
            padding-bottom: 40px;
            font-weight: bold;
        }
        .home-what-we-offer .rectangle .content .paragraph{
            padding-bottom: 40px;
        }

    /* WHAT WE OFFER */
    /* WHY CHOOSE */
        .home-why-choose{
            position: relative;
        }
        .home-why-choose::after{
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: -280px;
            background-repeat: no-repeat;    
            background-size: auto 560px;  
            background-position: right bottom; 

            -webkit-animation: slidein-5 20s;
            animation: slidein-5 20s;
    
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    
            -webkit-animation-direction: alternate;
            animation-direction: alternate;    
        }

        /* BG ANIMATIONS */
            @-webkit-keyframes slidein-5 {
                from {background-position: right bottom; background-size:15%; }
                to {background-size:20%;}
            }
            
            @keyframes slidein-5 {
                from {background-position: right bottom;background-size:15%; }
                to {background-size:20%;}
            }
        /* BG ANIMATIONS */
        .home-why-choose .boxes-wrapper{
            padding-top: 20px;
            position: relative;
            z-index: 1;
        }
        .home-why-choose .box{
            width: 25%;
        }
        .home-why-choose .box .img-box{
            height: 100px;
        }
        .home-why-choose .box .img-box img{
            object-fit: contain;
        }
        .home-why-choose .box h6{
            font-size: 20px;
            line-height: 30px;
        }
        .home-why-choose .box:hover img{
            filter: brightness(0) saturate(100%) invert(69%) sepia(23%) saturate(6538%) hue-rotate(11deg) brightness(88%) contrast(83%);
        }
    /* WHY CHOOSE */
    /* OUR PACKAGE */
        .home-our-package{
            background-repeat: no-repeat;
            background-position: left bottom;

            -webkit-animation: slidein-6 10s;
            animation: slidein-6 10s;
    
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    
            -webkit-animation-direction: alternate;
            animation-direction: alternate;    
        }

        /* BG ANIMATIONS */
            @-webkit-keyframes slidein-6 {
                from { background-size:15%; }
                to {background-size:20%;}
            }
            
            @keyframes slidein-6 {
                from {background-size:15%; }
                to {background-size:20%;}
            }
        /* BG ANIMATIONS */
        .home-our-package .boxes-wrapper{
            margin: 0 -40px;
            padding-top: 20px;
        }
        .home-our-package .box{
            width: 50%;
            padding: 0 40px;
        }
        .home-our-package .box .rectangle{
            background-color: var(--dark-color);
            box-shadow: 0px 3px 20px #00000029;
            border-radius: 68px;
        }
        .home-our-package .box .heading-box{
            padding: 35px;
        }
        .home-our-package .box .heading-box h6{
            font-size: 30px;
            line-height: 35px;
        }
        .home-our-package .box .content-box{
            background-color: var(--white-color);
            padding: 60px 70px;
            border-radius: 68px;
        }
        .home-our-package .box .content-box p{
            text-align: center;
            padding-bottom: 30px;
        }
        .home-our-package .box .content-box ul{
            padding-left: 20px;
        }
        .home-our-package .box .content-box ul li{
            display: flex;
            align-items: flex-start;
            gap: 20px;
            padding-bottom: 30px;
        }
        .home-our-package .box .content-box ul li::before{
            content: '';
            min-width: 12px;
            min-height: 12px;
            border-radius: 50px;
            background-color: var(--dark-color);
            margin-top: 9px;
        }
        .home-our-package .box .content-box ul li::marker{
            display: none;
        }
    /* OUR PACKAGE */
    /* TESTIMONIALS */
        .home-testimonials{
            background-repeat: no-repeat;
            background-position: left bottom;
        }
        .home-testimonials .testimonials-slider{
            position: relative;
        }
        .home-testimonials .testimonials-slider .slick-prev,
        .home-testimonials .testimonials-slider .slick-next{
            position: absolute;
            top: 47%;
            padding: 0;
            border: 0;
            background-color: transparent;
            width: 16px;
            height: 28px;
            color: transparent;
            background-repeat: no-repeat;
            filter: brightness(0) saturate(100%) invert(49%) sepia(0%) saturate(29%) hue-rotate(235deg) brightness(88%) contrast(84%);
        }
        .home-testimonials .testimonials-slider .slick-prev:hover,
        .home-testimonials .testimonials-slider .slick-next:hover{
            filter: brightness(0) saturate(100%) invert(48%) sepia(83%) saturate(2776%) hue-rotate(27deg) brightness(107%) contrast(83%);
        }
        .home-testimonials .testimonials-slider .slick-prev{
            left: -30px;
        }
        .home-testimonials .testimonials-slider .slick-next{
            right: -30px;
        }
        .home-testimonials .box{
            padding:10px;
        }
        .home-testimonials .box .rectangle{
            padding: 30px 40px;
            box-shadow: 0px 3px 6px #00000029;
            border: 1px solid #707070;
            border-radius: 31px;
            height: 350px;
            background-color: var(--white-color);
        }
        .home-testimonials .person-name{
            font-weight: bold;
            line-height: 21px;
        }
        .home-testimonials .person-position{
            font-weight: 300;
            line-height: 21px;
        }
    /* TESTIMONIALS */
    /* FAQ */
        .home-faq{
            position: relative;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: left center;    
        }
        .home-faq .accordion{
            position: relative;
            z-index: 10;
            column-count: 2;
        }
        .home-faq::before{
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 50%;
            background-repeat: no-repeat;
            background-size: auto 100%;
            background-position: left center;
              -webkit-animation: slidein-7 10s;
            animation: slidein-7 10s;
    
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    
            -webkit-animation-direction: alternate;
            animation-direction: alternate;
        }
        .home-faq::after{
            content: '';
            position: absolute;
            left: 50%;
            top: 0;
            bottom: 0;
            right: 0;
            background-repeat: no-repeat;
            background-size: auto 100%;
            background-position: left center;
            transform: rotate(180deg);
              -webkit-animation: slidein-7 10s;
            animation: slidein-7 10s;
    
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    
            -webkit-animation-direction: alternate;
            animation-direction: alternate;
        }

        /* BG ANIMATIONS */
            @-webkit-keyframes slidein-7 {
                from { background-size: auto 100%; }
                to {background-size:auto 130%;}
            }
            
            @keyframes slidein-7 {
                from {background-size:auto 100%; }
                to {background-size:auto 130%;}
            }
        /* BG ANIMATIONS */
        .home-faq .accordion-body{
            padding-bottom: 0;
            padding-left: 40px;
            padding-top: 25px;
        }
        .home-faq .accordion-body ul{
            padding-left: 20px;
            font-weight: 600;
            font-size: 16px;
        }
        .home-faq .accordion-item{
            background-color: transparent;
            border: 0;
            padding-bottom: 30px;
            page-break-inside: avoid;
            break-inside: avoid-column;
            display: table;
            width: 100%;
        }
        .home-faq .accordion-button{
            background-color: var(--white-color);
            box-shadow: 0px 3px 12px #00000029;
            border-radius: 40px !important;
            transition: all .5s;
        }
        .home-faq .accordion-button span{
            font-weight: bold;
        }
        .home-faq .accordion-button:not(.collapsed){
            background-color: var(--dark-color);
            border: 0;
            transition: all .5s;
        }
        .home-faq .accordion-button:not(.collapsed) span{
            color: var(--white-color);           
        }
        .home-faq .accordion-button:not(.collapsed)::after{
            filter: brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(4%) hue-rotate(153deg) brightness(122%) contrast(100%);
        }
        .home-faq .accordion-button::after{
            filter: brightness(0) saturate(100%) invert(12%) sepia(91%) saturate(22%) hue-rotate(56deg) brightness(103%) contrast(97%);
        }
        .home-faq .accordion-button{
            padding: 25px 40px;
        }
        .home-faq .accordion-body p{
            font-weight: 600;
            font-size: 16px;
            line-height: 27px;
        }
    /* FAQ */
/* HOME */


/* ABOUT */
    /* ABOUT */
        .about-about{
            background-repeat: no-repeat;
            background-position: left center;

            -webkit-animation: slidein-9 20s;
            animation: slidein-9 20s;
    
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    
            -webkit-animation-direction: alternate;
            animation-direction: alternate;  
            
        }
        /* BG ANIMATIONS */
            @-webkit-keyframes slidein-9 {
                from {background-position: left center; background-size:15%; }
                to {background-size:25%;}
            }
            
            @keyframes slidein-9 {
                from {background-position: left center;background-size:15%; }
                to {background-size:25%;}
            }
        /* BG ANIMATIONS */
        .about-about .left{
            margin-right: 30px;
            overflow: hidden;
            box-shadow: 0px 3px 20px #00000029;
            border-radius: 0px 0px 159px 0px;
        }
        .about-about .left img{
            height: 900px;
            object-fit: cover;
            transition: all .5s;
        }
        .about-about .left:hover img{
            transform: scale(1.1);
            transition: all .5s;
        }
        .about-about .right{
            padding-left: 30px;
        }
        .about-about .section-heading{
            width: 75%;
        }
        .about-about-slider{
            position: relative;
        }
        .about-about-slider .box{
            padding: 10px;
        }
        .about-about-slider .rectangle{
            height: 260px;
            box-shadow: 0px 3px 12px #00000033;
            border-radius: 21px;
            position: relative;
        }
        .about-about-slider .rectangle::before,
        .about-about-slider .rectangle::after{
            content: '';
            position: absolute;
            top: 50px;
            bottom: 50px;
            width: 5px;
            background-color: var(--yellow-color);
            border-radius: 12px;
        }
        .about-about-slider .rectangle::before{
            left: 0;
        }
        .about-about-slider .rectangle::after{
            right: 0;
        }
        .about-about-slider h6{
            font-size: 20px;
            color: var(--dark-color);
            padding-top: 40px;
            font-weight: bold;
            text-transform: uppercase;
        }
        .about-about-slider .slick-prev,
        .about-about-slider .slick-next{
            position: absolute;
            top: 45%;
            background-color: transparent;
            border: 0;
            padding: 0;
            color: transparent;
            width: 16px;
            height: 28px;
            z-index: 1;
        }
        .about-about-slider .slick-prev{
            left: -30px;
        }
        .about-about-slider .slick-next{
            right: -30px;
        }

    /* ABOUT */
    /* WHAT WE DO */
        .process-boxes-slider{
            display: none;
        }
        .about-what-we-do{
            position: relative;
        }
        .about-what-we-do::after{
            position: absolute;
            content: '';
            left: 0;
            right: 0;
            height: 410px;
            bottom: -205px;
            background-repeat: no-repeat;
            background-position: right center;
            z-index: 1;

            -webkit-animation: slidein-11 10s;
            animation: slidein-11 10s;
    
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    
            -webkit-animation-direction: alternate;
            animation-direction: alternate;    
        }

        /* BG ANIMATIONS */
            @-webkit-keyframes slidein-11 {
                from { background-size:15%; }
                to {background-size:20%;}
            }
            
            @keyframes slidein-11 {
                from {background-size:15%; }
                to {background-size:20%;}
            }
        /* BG ANIMATIONS */
            .about-what-we-do .wrap-width-70{
                width: 72%;
            }
            .about-what-we-do .processes-wrapper .box{
                position: relative;
            }
            .about-what-we-do .processes-wrapper .box .rectangle{
                position: relative;
                z-index: 1;
            }
            .about-what-we-do .processes-wrapper .box:nth-child(odd){
                width: 19.5%;
            }
            .about-what-we-do .processes-wrapper .box:nth-child(even){
                width: 20.5%;
            }
            .about-what-we-do .processes-wrapper .box h6{
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 23%;
                display: flex;
                align-items: flex-end;
                justify-content: center;
                font-size: 18px;
                font-weight: bold;
                align-items: flex-end;
                -webkit-align-items: flex-end;
            }
            .about-what-we-do .processes-wrapper .box .img-abs{
                position: absolute;
                width: 59%;
            }
            .about-what-we-do .processes-wrapper .box:nth-child(odd) .img-abs{
                right: -28%;
                bottom: 30px;
            }
            .about-what-we-do .processes-wrapper .box:nth-child(even) .img-abs{
                right: -28%;
                top: 20px;
            }

    /* WHAT WE DO */
    /* VISION MISSION */
        .vision-mission{
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
        }
        .vision-mission::after{
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: var(--dark-color);
            opacity: 0.8;
        }
        .vision-mission .box{
            position: relative;
            z-index: 1;
            padding: 0px 55px;
        }
        .vision-mission .box img{
            width: 110px;
            height: 110px;
            object-fit: contain;
        }
        .vision-mission .box:hover img{
            filter: brightness(0) saturate(100%) invert(82%) sepia(78%) saturate(406%) hue-rotate(329deg) brightness(91%) contrast(90%);
        }
        .vision-mission .box .section-heading{
            padding-bottom: 15px;
            padding-top: 20px;
        }
    /* VISSION MISSION */
    /* DIR MSG */
        .dir-msg {
            background-repeat: no-repeat;
            background-position: left bottom;

            -webkit-animation: slidein-12 20s;
            animation: slidein-12 20s;
    
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    
            -webkit-animation-direction: alternate;
            animation-direction: alternate;    
        }

        /* BG ANIMATIONS */
            @-webkit-keyframes slidein-12 {
                from { background-size:30%; }
                to {background-size:40%;}
            }
            
            @keyframes slidein-12 {
                from {background-size:30%; }
                to {background-size:40%;}
            }
        /* BG ANIMATIONS */
        .dir-msg .left{
            width: 40%;
            position: relative;
            min-height: 100%;
            padding-right: 32px;
            padding-bottom: 25px;
        }
        .dir-msg .left img{
            position: absolute;
            left: -30px;
            top: -200px;
            box-shadow: 0px 3px 20px #00000029;
            border-radius: 172px 0px 0px 0px;
        }
        .dir-msg .left .section-heading{
            line-height: 41px;
        }
        .dir-msg .right{
            width: 60%;
            min-height: 100%;
            padding-left: 32px;
            position: relative;
            padding-right: 40px;
        }
        .dir-msg .right img{
            position: absolute;
            top: -35px;
            right: 40px;
        }
        .dir-msg .dir-msg-wrapper{
            border: 1px solid #707070;
            border-radius: 80px 0px 161px 0px;
            margin-top: 200px;
            background-color: var(--white-color);
            min-height: 450px;
        }
    /* DIR MSG */
    /* OUR VALUES */
        .about-our-values{
            position: relative;
        }
        .about-our-values::after{
            content: '';
            position: absolute;
            right: 0;
            left: 0;
            height: 415px;
            bottom: -273px;
            background-repeat: no-repeat;
            background-position: right center;
            z-index: 1;

            -webkit-animation: slidein-13 10s;
            animation: slidein-13 10s;
    
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    
            -webkit-animation-direction: alternate;
            animation-direction: alternate;    
        }

        /* BG ANIMATIONS */
            @-webkit-keyframes slidein-13 {
                from { background-size:15%; }
                to {background-size:20%;}
            }
            
            @keyframes slidein-13 {
                from {background-size:15%; }
                to {background-size:20%;}
            }
        /* BG ANIMATIONS */
        .about-our-values .boxes-wrapper{
            padding-top: 40px;
            position: relative;
            z-index: 10;
        }
        .about-our-values .box{
            width: 20%;
        }
        .about-our-values .box .icon-box{
            height: 120px;
            margin-bottom: 25px;
        }
        .about-our-values .box .icon-box img{
            max-height: 100%;
        }
        .about-our-values .box h6{
            font-size: 20px;
            font-weight: bold;
            text-transform: uppercase;
        }
        .about-our-values .box h6::after{
            content: '';
            width: 0px;
            height: 3px;
            background-color: var(--dark-color);
            margin-top: 10px;
            transition: all .5s;
        }
        .about-our-values .box:hover h6::after{
            width: 100%;
            transition: all .5s;
        }
    /* OUR VALUES */
    /* OUR TEAM */
        .our-team{
            position: relative;
        }
        .our-team::after{
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: var(--dark-color);
            opacity: 0.08;
        }
        .our-team .members-wrapper{
            position: relative;
            z-index: 3;
            padding-top: 10px;
        }
        .our-team .box{
            width: 25%;
            padding: 0 55px;
        }
        .our-team .rectangle{
            height: 340px;
            position: relative;
            overflow: hidden;
            border-radius: 94px 0px 0px 0px;
            box-shadow: 0px 3px 12px #00000029;
        }
        .our-team .rectangle img{
            object-fit: cover;
            transition: all .5s;
        }
        .our-team .box:hover img{
            transform: scale(1.1);
            transition: all .5s;
        }
        .our-team .content-box{
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: max-content;
            padding: 10px 10px 15px 10px;
            transform: translateX(0);
            transition: all .5s;
        }
        .our-team .box h5{
            font-size: 20px;
            line-height: 24px;
            font-weight: 600;
        }
        .our-team .box h6{
            font-size: 18px;
            line-height: 21px;
            font-weight: 300;
        }
        .our-team .box .hidden-content{
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            padding: 30px;
            z-index: 1;
            transform: translateX(-100%);
            transition: all .5s;
        }
        .our-team .rectangle::after{
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: var(--dark-color);
            opacity: 0;
            border-radius: 94px 0px 0px 0px;
            transition: all .5s;
        }
        .our-team .box .hidden-content h6{
            padding-bottom: 50px;
        }
        .our-team .box .hidden-content .paragraph{
            font-weight: 300;
            line-height: 21px;
        }
        .our-team .box:hover .content-box{
            transform: translateX(-100%);
            transition: all .5s;
        }
        .our-team .box:hover .hidden-content{
            transform: translateX(0);
            transition: all .5s;
        }
        .our-team .box:hover .rectangle::after{
            opacity: 0.68;
            transition: all .5s;
        }
    /* OUR TEAM */
/* ABOUT */


/* SINGLE SERVICE */
    /* CONTENT SECTION */
        .service-top-content{
            background-repeat: no-repeat;
            background-position: top;
     
             -webkit-animation: slidein-16 50s;
             animation: slidein-16 50s;
     
             -webkit-animation-fill-mode: forwards;
             animation-fill-mode: forwards;
     
             -webkit-animation-iteration-count: infinite;
             animation-iteration-count: infinite;
     
             -webkit-animation-direction: alternate;
             animation-direction: alternate;    
         }
     
         /* BG ANIMATIONS */
             @-webkit-keyframes slidein-16 {
                 from { background-position: left;}
                 to {background-position: right;}
             }
             
             @keyframes slidein-16 {
                 from {background-position: left;}
                 to {background-position: right;}
             }
         /* BG ANIMATIONS */
    /* CONTENT SECTION */
    /* BOXES */
        .services-service:nth-child(odd){
            background-repeat: no-repeat;
            background-position: right center;

            -webkit-animation: slidein-17 10s;
            animation: slidein-17 10s;
    
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    
            -webkit-animation-direction: alternate;
            animation-direction: alternate;  
            
        }
       
        .services-service:nth-child(even){
            background-repeat: no-repeat;
            background-position: left center;

            -webkit-animation: slidein-17 10s;
            animation: slidein-17 10s;
    
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    
            -webkit-animation-direction: alternate;
            animation-direction: alternate; 
        }
         /* BG ANIMATIONS */
            @-webkit-keyframes slidein-17 {
                from { background-size:15%; }
                to {background-size:25%;}
            }
            
            @keyframes slidein-17 {
                from {background-size:15%; }
                to {background-size:25%;}
            }
        /* BG ANIMATIONS */
        .services-service .left{
            width: 45%;
            overflow: hidden;
            height: max-content;
        }
        .services-service .left img{
            height: 510px;
            object-fit: cover;
            transition: all .5s;
        }
        .services-service:hover img{
            transform: scale(1.1);
            transition: all .5s;
        }
        .services-service:nth-child(even) .left{
            border-radius: 0px 117px 0px 0px;
        }
        .services-service:nth-child(odd) .left{
            border-radius: 117px 0px 0px 0px;
        }
        .services-service:nth-child(even) .right{
            width: 55%;
            padding-right: 60px;
        }
        .services-service:nth-child(odd) .right{
            width: 55%;
            padding-left: 60px;
        }
        .services-service .right{
            width: 55%;
        }
        .services-service .right .section-heading{
            padding-bottom: 15px;
        }
        .services-service .right ul{
            list-style: none;
            width: 80%;
        }
        .services-service .right ul li{
            display: flex;
            gap: 12px;
            align-items: flex-start;
        }
        .services-service .right ul li::before{
            margin-top: 9px;
            content: '';
            min-width: 12px;
            min-height: 12px;
            background-color: var(--dark-color);
            border-radius: 50%;
        }
        .services-service .right ul li::marker{
            font-size: 35px;
            color: var(--dark-color);
        }
        .services-service .right .txt--white ul li::marker{
            color: var(--white-color);
        }
    /* BOXES */
    /* OUR SERVICE */
        .service-our-services{
            background-repeat: no-repeat;
            background-size: cover;
        }
        .service-our-services .boxes-wrapper{
            padding-top: 50px;
        }
        .service-our-services .box{
            width: 25%;
        }
        .service-our-services .box img{
            width: 120px;
            height: 120px;
            object-fit: contain;
        }
        .service-our-services .box:hover img{
            filter: brightness(0) saturate(100%) invert(82%) sepia(78%) saturate(406%) hue-rotate(329deg) brightness(91%) contrast(90%);
        }
        .service-our-services .box h6{
            padding-top: 25px;
            font-size: 20px;
            line-height: 30px;
            font-weight: 600;
        }
    /* OUR SERVICE */
/* SINGLE SERVICE */


/* CONTACT */
    /* CONTACT INFO */
        .contact-contact-info .contact-info-wrapper{
            padding-top: 80px;
        }
        .contact-contact-info .main-para{
            font-size: 16px;
            font-weight: 500;
        }
        .contact-contact-info .paragraph{
            font-weight: 500;
        }
        .contact-contact-info .box{
            width: 33.33%;
        }
        .contact-contact-info .box:nth-last-child(2){
            border-left: 1px solid var(--dark-color);
            border-right: 1px solid var(--dark-color);
        }
        .contact-contact-info .rectangle{
            width: max-content;
            margin: auto;
        }
        .contact-contact-info img{
            width: 40px;
            height: 40px;
            object-fit: contain;
        }
        .contact-contact-info h6{
            font-size: 12px;
            padding: 20px 0;
            font-weight: bold;
        }
        .contact-contact-info .box a{
            transition: all .5s;
        }
        .contact-contact-info .box a:hover{
            color: var(--dark-color);
            text-decoration: underline;
            transition: all .5s;
        }
        .contact-contact-info .social-icons{
            list-style: none;
            gap: 50px;
            padding-top: 70px;
        }
        .contact-contact-info .social-icons img{
            height: 21px;
            width: 24px;
            object-fit: contain;
        }
        .contact-contact-info .social-icons a:hover img{
            filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(147deg) brightness(105%) contrast(102%);
        }
        
    /* CONTACT INFO */
    /* FORM */
        .contact-form .form-group{
            padding: 0 7px;
            position: relative;
        }
        .contact-form input,
        .contact-form textarea{
            width: 100%;
            border-radius: 16px;
            border: 0;
            outline: 0;
            padding: 30px;
            font-size: 16px;
            font-weight: 600;
        }
        .contact-form textarea{
            padding: 20px 30px;
        }
        .contact-form input{
            height: 60px;
        }
        .contact-form .form-label{
            position: absolute;
            left: 38px;
            top: 47px;
            z-index: 1;
            font-size: 12px;
            color: var(--dark-color);
            font-weight: 500;
            opacity: 0.59;
            transition: all .5s;
        }
        .contact-form .focused .form-label{
            opacity: 0;
            transition: all .5s;
        }
        .contact-form .btn-submit{
            padding: 15px 35px 20px 35px;
            background-color: var(--yellow-color);
            width: max-content;
            border-radius: 37px;
            margin-top: 15px;
            color: var(--white-color);
            font-size: 18px;
            font-weight: 600;
            line-height: 30px;
            transition: all .5s;
        }
        .contact-form .btn-submit:hover{
            color: var(--dark-color);
            transition: all .5s;
        }
        .wpcf7 form.invalid .wpcf7-response-output,
        .wpcf7 form.unaccepted .wpcf7-response-output,
        .wpcf7 form.payment-required .wpcf7-response-output,
        .wpcf7 form.failed .wpcf7-response-output, 
        .wpcf7 form.aborted .wpcf7-response-output{
            border: 1px solid var(--yellow-color);
            text-align: center;
            color: var(--white-color);
            font-size: 16px;
        }
        .wpcf7-not-valid-tip{
            padding-top: 5px;
            transition: all .5s;
        }
    /* FORM */
    /* MAP */
        .map iframe{
            width: 100%;
            height: 400px;
        }
    /* MAP */
/* CONTACT */


/* FOOTER */
    .whatapp-icon{
        position: fixed;
        right: 50px;
        bottom: 0;
        z-index: 1000;
        opacity: 0.6;
        transition: all .5s;
        cursor: pointer;
    }
    .whatapp-icon:hover{
        opacity: 1;
        transition: all .5s;
    }
    .whatsapp-scrolled{
        bottom: 130px;
    }
    #footer{
       background-repeat: no-repeat;
       background-position: right;
       background-size: auto 80%;
       background-color: #2F2F2F;

        -webkit-animation: slidein-14 20s;
        animation: slidein-14 20s;

        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;

        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;

        -webkit-animation-direction: alternate;
        animation-direction: alternate;    
    }

    /* BG ANIMATIONS */
        @-webkit-keyframes slidein-14 {
            from { background-size: auto 80%; }
            to {background-size: auto 130%;}
        }
        
        @keyframes slidein-14 {
            from {background-size: auto 80%; }
            to {background-size: auto 130%;}
        }
    /* BG ANIMATIONS */
    #footer .top-wrapper{
        padding-bottom: 80px;
    }
    #footer .main-heading{
        font-size: 30px;
        font-weight: bold;
    }
    #footer .tp-no{
        background-color: var(--white-color);
        box-shadow: 0px 3px 12px #00000029;
        border-radius: 40px;
    }
    #footer .tp-no .icon-box{
        padding: 20px 25px;
    }
    #footer .tp-no .icon-box img{
        animation: hithere 1s ease infinite;
    }
    #footer .tp-no span{
        background-color: var(--yellow-color);
        border-radius: 40px;
        padding: 16px 40px;
        font-size: 28px;
        line-height: 33px;
        font-weight: 500;
    }
    #footer .logo{
        margin-bottom: 20px;
    }
    #footer .open-hours-heading{
        font-size: 19px;
        font-weight: 300;
    }
    #footer ul.open-hours{
        list-style: none;
    }
    #footer ul.open-hours li{
        font-size: 14px;
        font-weight: 300;
    }
    #footer .box-heading{
        font-size: 23px;
        font-weight: 400;
    }
    #footer .contact-info{
        list-style: none;
    }
    #footer .contact-info li{
        padding-bottom: 60px;
    }
    #footer .contact-info a{
        color: var(--white-color);
        gap: 15px;
        transition: all .5s;
    }
    #footer .contact-info a:hover{
        color: var(--white-color);
        text-decoration: underline;
        transition: all .5s;
    }
    #footer .contact-info a.address:hover{
        text-decoration: none;
    }
    #footer .navbar-nav li{
        padding-bottom: 30px;
    }
    #footer .navbar-nav li a{
        color: var(--white-color);
        padding: 0;
        transition: all .5s;
    }
    #footer .navbar-nav li a:hover{
        color: var(--white-color);
        text-decoration: underline;
        transition: all .5s;
    }
    #footer .social-icons{
        list-style: none;
        gap: 40px;
    }
    #footer .social-icons a:hover img{
        filter: brightness(0) saturate(100%) invert(68%) sepia(30%) saturate(622%) hue-rotate(6deg) brightness(105%) contrast(93%);
    }
    #footer .copyright{
        background-color: var(--dark-color);
        font-size: 12px;
        font-weight: 300;
        position: relative;
    }
    #footer .copyright a{
        color: var(--white-color);
        transition: all .5s;
    }
    #footer .copyright a:hover{
        text-decoration: underline;
        transition: all .5s;
    }
    #footer .btn-top{
        position: absolute;
        right: 50px;
        top: -25px;
        cursor: pointer;
    }
/* FOOTER */

@keyframes hithere {
    30% { transform: scale(1.1); }
    40%, 60% { transform: rotate(-20deg) scale(1.1); }
    50% { transform: rotate(20deg) scale(1.1); }
    70% { transform: rotate(0deg) scale(1.1); }
    100% { transform: scale(1); }
}

/* ANIMATIONS SCROLL */
    .js-scroll {
        opacity: 0;
        transition: opacity 500ms;
    }
    .js-scroll.scrolled {
        opacity: 1;
    }
    .scrolled.fade-in-bottom {
        animation: fade-in-bottom 0.5s ease-in-out both;
        animation-delay: calc(0.1s * var(--i));
    }

    @keyframes fade-in-bottom {
        0% {
            -webkit-transform: translateY(50px);
            transform: translateY(50px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
        }
    }
/* ANIMATIONS SCROLL */



/* RESPONSIVE */
    @media only screen and (max-width: 1600px) {
        .carousel-control-next, .carousel-control-prev {
            width: max-content;
            padding: 3px;
        }
        .carousel-control-next-icon, .carousel-control-prev-icon {
            width: 50px;
            height: 50px;
        }
        /* COMMON */
            .btn {
                font-size: 16px;
            }
            .btn--rounded {
                padding: 15px 40px;
            }
            .creative-heading {
                font-size: 16px;
            }
            .section-heading {
                font-size: 30px;
                padding-bottom: 25px;
            }
            .paragraph {
                font-size: 16px;
                line-height: 28px;
            }
            .min-wrap{
                width: 65%;
                margin: auto;
            }
            .wrap-width-70{
                width: 75%;
                margin: auto;
            }
            .extra-small-wrap{
                width: 55%;
                margin: auto;
            }
            .wrap-width-40{
                width: 45%;
                margin: auto;
            }
            .right-aligned-wrap{
                width: 60%;
                margin-left: auto;
                padding-right: 5%;
            }

            .padd-bot--50{
                padding-bottom: 35px;
            }
            .padd-top--50{
                padding-top: 35px;
            }
            .padd-bot--100{
                padding-bottom: 80px;
            }
            .padd-top--100{
                padding-top: 80px;
            }

            .common-banner .content-box h5 {
                font-size: 50px;
                line-height: 65px;
            }
        /* COMMON */
        /* NAV */
       
            .header .gray-bar ul {
                gap: 25px;
            }
            .header .gray-bar ul img{
                transform: scale(.8);
            }
            .header .navbar-expand-lg .navbar-nav .nav-item {
                padding: 30px 50px;
            }
            .header .navbar-expand-lg .navbar-nav .nav-link {
                font-size: 16px;
            }
            .header .tp-no span {
                font-size: 18px;
            }
            .header .tp-no .icon-box img{
                transform: scale(.8);
            }
            .header .navbar-brand img{
                transform: scale(.8);
            }
            .header .menu-item-has-children:hover .dropdown-menu {
                padding-top: 74px;
            }
            .header .navbar-expand-lg .dropdown-menu .nav-item {
                margin: 0;
                padding: 0;
            }
            .header .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item {
                font-size: 16px;
            }
            .header .menu-on-scroll .navbar-expand-lg .navbar-nav .nav-link {
                font-size: 15px;
            }
            .header .menu-on-scroll .navbar-expand-lg .navbar-nav .nav-item {
                padding: 5px 50px;
            }
            .header .gray-bar .email {
                font-size: 16px;
            }
            .header-scrolled .menu-item-has-children:hover .dropdown-menu {
                padding-top: 58px;
            }
            .header .menu-on-scroll .navbar-expand-lg .dropdown-menu .nav-item {
                padding: 0;
            }
        /* NAV */
        /* HOME */
            .home-banner .left {
                padding: 4%;
            }
            .home-banner .left, .home-banner .right {
                height: 80vh;
            }
            .home-banner .left h6 {
                font-size: 25px;
            }
            .home-banner .left h5 {
                font-size: 45px;
                line-height: 60px;
            }
            .home-about img {
                height: 470px;
                border-radius: 0px 0px 150px 0px;
            }
            .home-rounded-solutions h5 {
                font-size: 45px;
                line-height: 57px;
                padding-bottom: 25px;
            }
            .home-what-we-offer .left .rectangle {
                border-radius: 155px 0px 0px 0px;
            }
            .home-what-we-offer .right .rectangle {
                border-bottom-right-radius: 155px;
            }
            .home-what-we-offer .left .rectangle, .home-what-we-offer .right .rectangle {
                height: 510px;
            }
            .home-what-we-offer .rectangle .content h6 {
                padding-bottom: 25px;
            }
            .home-why-choose .box .img-box {
                height: 80px;
            }
            .home-why-choose .box h6 {
                font-size: 18px;
                line-height: 25px;
            }
            .home-our-package .box .heading-box h6 {
                font-size: 25px;
                line-height: 32px;
            }
            .home-our-package .box .heading-box {
                padding: 25px;
            }
            .home-our-package .box .content-box {
                padding: 40px 50px;
            }
            .home-our-package .box .content-box ul li {
                padding-bottom: 20px;
            }
            .home-testimonials .box .rectangle {
                padding: 20px 30px;
                height: 370px;
            }
            .home-faq .accordion-body p {
                font-size: 15px;
                line-height: 25px;
            }
            .home-faq .accordion-body ul {
                font-size: 15px;
            }
        /* HOME */
        /* ABOUT */
            .about-what-we-do .wrap-width-70 {
                width: 75%;
            }
            .about-what-we-do .processes-wrapper .box h6 {
                font-size: 16px;
            }
            .about-about .left img {
                height: 720px;
                border-radius: 0px 0px 155px 0px;
            }
            .about-about-slider .rectangle img{
                transform: scale(.8);
            }
            .about-about-slider h6 {
                font-size: 16px;
                padding-top: 30px;
            }
            .vision-mission .box img {
                width: 90px;
                height: 90px;
            }
            .dir-msg .left img {
                top: -150px;
                border-radius: 155px 0px 0px 0px;
            }
            .dir-msg .dir-msg-wrapper {
                border-radius: 80px 0px 155px 0px;
            }
            .about-our-values .boxes-wrapper {
                padding-top: 20px;
            }
            .about-our-values .box .icon-box {
                margin-bottom: 0;
                transform: scale(.8);
            }
            .about-our-values .box h6 {
                font-size: 18px;
            }
            .our-team .box {
                padding: 0 30px;
            }
            .our-team .box h5 {
                font-size: 18px;
            }
            .our-team .box h6 {
                font-size: 16px;
            }
            .our-team .box .hidden-content h6 {
                padding-bottom: 40px;
            }
        /* ABOUT */
        /* SINGLE SERVICE */
            .services-service .left img {
                height: 465px;
            }
            .service-our-services .box img {
                width: 100px;
                height: 100px;
            }
            .service-our-services .box h6 {
                font-size: 18px;
                line-height: 25px;
            }
        /* SINGLE SERVICE */
        /* CONTACT */
            .contact-contact-info img {
                width: 30px;
                height: 30px;
            }
            .contact-contact-info h6 {
                padding-bottom: 10px;
            }
        /* CONTACT */

        /* FOOTER */
            #footer .main-heading {
                font-size: 25px;
            }
            #footer .tp-no span {
                font-size: 22px;
            }
            #footer .box-heading {
                font-size: 20px;
            }
            #footer .open-hours-heading {
                font-size: 17px;
                font-weight: 300;
                padding-bottom: 10px;
            }
            #footer ul.open-hours li {
                font-size: 13px;
                font-weight: 300;
                padding-bottom: 5px;
            }
            #footer .contact-info li {
                padding-bottom: 40px;
            }
            #footer .navbar-nav li {
                padding-bottom: 20px;
            }
            #footer .contact-info a {
                font-size: 15px;
            }
            #footer .navbar-nav li a {
                font-size: 15px;
            }
            #footer .logo {
                width: 220px;
            }
        /* FOOTER */
    }
    @media only screen and (max-width: 1536px) {
        .dir-msg .dir-msg-wrapper {
            min-height: 410px;
        }
    }

    @media only screen and (max-width: 1440px) {
        .dir-msg .dir-msg-wrapper {
            min-height: 380px;
        }
    }

    @media only screen and (max-width: 1400px) {
        .carousel-control-next, .carousel-control-prev {
            padding: 0;
        }
        .carousel-control-next-icon, .carousel-control-prev-icon {
            width: 35px;
            height: 35px;
        }
        /* COMMON */
            .btn {
                font-size: 15px;
            }
            .btn--rounded {
                padding: 10px 30px;
            }
            .creative-heading {
                font-size: 15px;
                padding-bottom: 5px;
            }
            .section-heading {
                font-size: 28px;
            }
            .paragraph {
                font-size: 15px;
                line-height: 24px;
            }
            .common-banner {
                height: 40vh;
            }
            .common-banner .content-box h5 {
                font-size: 45px;
                line-height: 60px;
            }
            .common-banner .content-box {
                height: 40vh;
            }
        /* COMMON */
        /* NAV */
            .header .gray-bar ul {
                gap: 20px;
            }
            .header .gray-bar ul img {
                transform: scale(.7);
            }
            .header .navbar-expand-lg .navbar-nav .nav-item {
                padding: 30px 35px;
            }
            .header .navbar-expand-lg .navbar-nav .nav-link {
                font-size: 15px;
            }
            .header .navbar-expand-lg .dropdown-menu .nav-item {
                margin: 0;
                padding: 0;
            }
            .header .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item {
                font-size: 15px;
            }
            .header .menu-on-scroll .navbar-expand-lg .navbar-nav .nav-link {
                font-size: 14px;
            }
            .header .menu-on-scroll .navbar-expand-lg .navbar-nav .nav-item {
                padding: 5px 35px;
            }
            .header .gray-bar .email {
                font-size: 15px;
            }
            .header .menu-on-scroll .navbar-expand-lg .dropdown-menu .nav-item {
                padding: 0;
            }
            .header-scrolled .menu-item-has-children:hover .dropdown-menu {
                padding-top: 57px;
            }
        /* NAV */
        /* HOME */
            .home-our-package .box .content-box .paragraph {
                padding-bottom: 20px;
            }
            .home-banner .left, .home-banner .right {
                height: 75vh;
            }
            .home-banner .left h6 {
                font-size: 20px;
            }
            .home-banner .left h5 {
                font-size: 35px;
                line-height: 45px;
            }
            .home-banner .left {
                padding: 3%;
            }
            .home-service-boxes .rectangle .normal-content .paragraph{
                font-size: 14px;
            }
            .home-service-boxes .rectangle h5 {
                font-size: 18px;
                font-weight: bold;
            }
            .home-about .left {
                border-radius: 0px 0px 150px 0px;
            }
            .home-about img {
                height: 415px;
            }
            .home-rounded-solutions h5 {
                font-size: 40px;
                line-height: 50px;
            }
            .home-what-we-offer .left .rectangle {
                border-radius: 130px 0px 0px 0px;
            }
            .home-what-we-offer .right .rectangle {
                border-bottom-right-radius: 130px;
            }
            .home-why-choose .box .img-box {
                height: 60px;
            }
            .home-why-choose .box h6 {
                font-size: 17px;
                line-height: 24px;
            }
            .home-our-package .box .heading-box h6 {
                font-size: 22px;
                line-height: 28px;
            }
            .home-our-package .box .content-box ul li {
                padding-bottom: 10px;
            }
            .home-testimonials .box .rectangle {
                padding: 15px 20px;
                height: 320px;
            }
            .home-faq .accordion-button {
                padding: 15px 30px;
            }
            .home-faq .accordion-body p {
                font-size: 14px;
                line-height: 22px;
            }
            .home-faq .accordion-body ul {
                font-size: 14px;
            }
        /* HOME */
        /* ABOUT */
            .about-what-we-do .processes-wrapper .box h6 {
                font-size: 15px;
            }
            .about-what-we-do .wrap-width-70 {
                width: 80%;
            }
            .about-about .left img {
                height: 645px;
                border-radius: 0px 0px 155px 0px;
            }
            .about-about-slider .rectangle img {
                transform: scale(.7);
            }
            .about-about-slider h6 {
                font-size: 15px;
                padding-top: 20px;
            }
            .vision-mission .box img {
                width: 80px;
                height: 80px;
            }
            .dir-msg .dir-msg-wrapper {
                border-radius: 80px 0px 130px 0px;
            }
            .dir-msg .left img {
                border-radius: 130px 0px 0px 0px;
            }
            .dir-msg .dir-msg-wrapper {
                min-height: 380px;
            }
            .about-our-values .box .icon-box {
                margin-bottom: 0;
                transform: scale(.7);
            }
            .about-our-values .box h6 {
                font-size: 16px;
            }
            .our-team .box {
                padding: 0 25px;
            }
            .our-team .box h5 {
                font-size: 17px;
            }
            .our-team .box h6 {
                font-size: 14px;
            }
            .our-team .box .hidden-content h6 {
                padding-bottom: 30px;
            }
        /* ABOUT */
        /* SINGLE SERVICE */
            .services-service .left img {
                height: 410px;
            }
            .service-our-services .box img {
                width: 80px;
                height: 80px;
            }
            .service-our-services .box h6 {
                font-size: 16px;
                line-height: 23px;
            }
        /* SINGLE SERVICE */
        /* CONTACT */
            .map iframe {
                height: 300px;
            }
        /* CONTACT */
        /* FOOTER */
            #footer .main-heading {
                font-size: 23px;
            }
            #footer .tp-no span {
                font-size: 20px;
            }
            #footer .tp-no .icon-box {
                padding: 10px 20px;
                display: flex;
                align-items: center;
                transform: scale(.8);
            }
            #footer .tp-no span {
                padding: 10px 30px;
            }
            #footer .social-icons {
                gap: 30px;
            }
            #footer .logo {
                width: 200px;
            }
        /* FOOTER */
    }
    @media only screen and (max-width: 1366px) {
        .dir-msg .dir-msg-wrapper {
            min-height: 350px;
        }
    }
    @media only screen and (max-width: 1280px) {
        .dir-msg .dir-msg-wrapper {
            min-height: 325px;
        }
    }
    @media only screen and (max-width: 1200px) {
        .carousel-control-next-icon, .carousel-control-prev-icon {
            width: 25px;
            height: 25px;
        }
        /* COMMON */
            .middle-wrap{
                width: 90%;
                margin: auto;
            }
            .max-wrap{
                width: 95%;
                margin: auto;
            }
            .min-wrap{
                width: 70%;
                margin: auto;
            }
            .wrap-width-70{
                width: 80%;
                margin: auto;
            }
            .extra-small-wrap{
                width: 60%;
                margin: auto;
            }
            .wrap-width-40{
                width: 50%;
                margin: auto;
            }
            .right-aligned-wrap{
                width: 65%;
                margin-left: auto;
                padding-right: 5%;
            }

            .creative-heading {
                font-size: 14px;
            }
            .section-heading {
                font-size: 24px;
            }
            .paragraph {
                font-size: 14px;
            }
            .btn--rounded {
                padding: 8px 20px;
            }
            .btn {
                font-size: 14px;
            }
            .common-banner {
                height: 35vh;
            }
            .common-banner .content-box h5 {
                font-size: 40px;
                line-height: 55px;
            }
            .common-banner .content-box {
                height: 35vh;
            }
        /* COMMON */
        /* NAV */
            .header .navbar-brand img {
                transform: scale(.7);
            }
            .header .navbar-expand-lg .navbar-nav .nav-item {
                padding: 30px 25px;
            }
            .header .navbar-expand-lg .navbar-nav .nav-link {
                font-size: 14px;
            }
            .header .tp-no .icon-box img {
                transform: scale(.6);
            }
            .header .tp-no span {
                font-size: 16px;
            }
            .header .menu-on-scroll .navbar-expand-lg .navbar-nav .nav-item {
                padding: 5px 25px;
            }
            .header .menu-on-scroll  .tp-no span {
                font-size: 16px;
            }
            .header .navbar-expand-lg .dropdown-menu .nav-item {
                margin: 0;
                padding: 0;
            }
            .header .menu-item-has-children:hover .dropdown-menu {
                padding-top: 73px;
            }
            .header .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item {
                font-size: 14px;
            }
            .header .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item {
                padding: 10px 10px;
            }
            .header-scrolled .menu-item-has-children:hover .dropdown-menu {
                padding-top: 57px;
            }
            .header .menu-on-scroll .navbar-expand-lg .dropdown-menu .nav-item {
                padding: 0;
            }
        /* NAV */
        /* HOME */
            .home-our-package .box .content-box {
                padding: 30px 35px;
            }
            .home-banner .left {
                padding: 2.5%;
            }
            .home-banner .left, .home-banner .right {
                height: 65vh;
            }
            .home-service-boxes .rectangle .normal-content {
                height: 175px;
            }
            .home-service-boxes .rectangle .hidden-content {
                height: 175px;
            }
            .home-service-boxes {
                margin-top: -100px;
            }
            .home-service-boxes .rectangle {
                padding: 30px;
                height: 230px;
            }
            .home-about img {
                height: 370px;
            }
            .home-rounded-solutions h5 {
                font-size: 35px;
                line-height: 45px;
            }
            .home-what-we-offer .left .rectangle, .home-what-we-offer .right .rectangle {
                height: 400px;
            }
            .home-what-we-offer .left .rectangle {
                border-radius: 100px 0px 0px 0px;
            }
            .home-what-we-offer .right .rectangle {
                border-bottom-right-radius: 100px;
            }
            .home-what-we-offer .rectangle .content h6 {
                font-size: 25px;
                padding-bottom: 20px;
            }
            .home-why-choose .box .img-box {
                height: 40px;
            }
            .home-our-package .box .heading-box h6 {
                font-size: 19px;
                line-height: 26px;
            }
            .home-why-choose .box h6 {
                font-size: 15px;
                line-height: 21px;
            }
        /* HOME */
        /* ABOUT */
            .about-what-we-do .wrap-width-70 {
                width: 85%;
            }
            .about-what-we-do .processes-wrapper .box h6 {
                font-size: 13px;
            }
            .about-about .left img {
                height: 580px;
            }
            .about-about-slider .rectangle {
                height: 210px;
            }
            .vision-mission .box img {
                width: 60px;
                height: 60px;
            }
            .dir-msg .dir-msg-wrapper {
                min-height: 335px;
            }
            .about-our-values .boxes-wrapper {
                padding-top: 0;
            }
            .about-our-values .box .icon-box {
                transform: scale(.5);
                height: 80px;
            }
            .our-team .box {
                padding: 0 15px;
            }
            .our-team .box h5 {
                font-size: 15px;
            }
            .our-team .box h6 {
                font-size: 13px;
            }
            .our-team .rectangle {
                height: 295px;
                border-radius: 65px 0px 0px 0px;
                overflow: hidden;
            }
            .our-team .rectangle::after {
                border-radius: 65px 0px 0px 0px;
            }
            .about-about .right {
                padding-left: 10px;
            }
            .about-about-slider h6 {
                font-size: 14px;
            }
        /* ABOUT */
        /* SINGLE SERVICE */
            .services-service .left img {
                height: 370px;
            }
            .service-our-services .box img {
                width: 60px;
                height: 60px;
            }
            .service-our-services .box h6 {
                font-size: 15px;
                line-height: 21px;
            }
        /* SINGLE SERVICE */
        /* FOOTER */
            #footer .main-heading {
                font-size: 20px;
            }
            #footer .tp-no span {
                font-size: 18px;
            }
            #footer .logo {
                width: 180px;
            }
            #footer .box-heading {
                font-size: 18px;
            }
            #footer .open-hours-heading {
                font-size: 16px;
            }
            #footer ul.open-hours li {
                font-size: 12px;
                font-weight: 300;
                padding-bottom: 5px;
            }
            #footer .contact-info a {
                font-size: 14px;
            }
            #footer .contact-info li {
                padding-bottom: 30px;
            }
            #footer .navbar-nav li {
                padding-bottom: 10px;
            }
            #footer .social-icons {
                gap: 20px;
            }
        /* FOOTER */
    }

    @media only screen and (max-width: 1024px) {
        .dir-msg .dir-msg-wrapper {
            min-height: 265px;
        }
        .dir-msg .dir-msg-wrapper {
            margin-top: 140px;
        }
    }

    @media only screen and (max-width: 991px) {
        .carousel-control-next-icon, .carousel-control-prev-icon {
            width: 50px;
            height: 50px;
        }
        .carousel-control-next, .carousel-control-prev {
            width: max-content;
            padding: 30px;
            top: 150px;
            align-items: flex-start;
        }
            .common-banner::after, 
            .home-banner .left,
            .home-about,
            .home-about::after,
            .home-what-we-offer,
            .home-our-package,
            .home-why-choose::after,
            .home-faq::before, .home-faq::after,
            #footer,
            .about-about,
            .about-what-we-do::after,
            .dir-msg,
            .service-top-content,
            .services-service:nth-child(odd),
            .services-service:nth-child(even){
                background-image: none !important;
            }
        /* ANIMATIONS */
        /* COMMON */
            .btn--rounded {
                padding: 15px 40px;
            }

            .middle-wrap{
                width: 95%;
                margin: auto;
            }
            .max-wrap{
                width: 95%;
                margin: auto;
            }
            .min-wrap{
                width: 95%;
                margin: auto;
            }
            .wrap-width-70{
                width: 95%;
                margin: auto;
            }
            .extra-small-wrap{
                width: 95%;
                margin: auto;
            }
            .wrap-width-40{
                width: 95%;
                margin: auto;
            }
            .right-aligned-wrap{
                width: 95%;
                margin: auto;
                padding-right: 0;
            }

            .padd-bot--100{
                padding-bottom: 50px;
            }
            .padd-top--100{
                padding-top: 50px;
            }

            .section-heading {
                padding-bottom: 20px;
            }
            .common-banner {
                height: 250px;
            }
            .common-banner .content-box{
                height: 250px;
            }
            .common-banner {
                margin-top: 96px;
            }
            .common-banner .content-box h5 {
                font-size: 30px;
                line-height: 50px;
            }
        /* COMMON */
        /* NAV */
            .navbar-dark .navbar-nav .nav-link:focus, 
            .navbar-dark .navbar-nav .nav-link:hover{
                color: var(--yellow-color);
                outline: 0;
            }
            .navbar-dark .navbar-nav .nav-link:focus-visible{
                outline: 0;
            }
            .current-menu-ancestor .current-menu-item .dropdown-item{
                color: var(--yellow-color);
            }
            .header .navbar-brand img{
                width: 150px;
            }
            .header .menu-on-scroll .navbar-brand img {
                width: 150px;
            }
            .header .tp-no {
                display: none !important;
            }
            .header .gray-bar {
                display: none;
            }
            .navbar-toggler {
                display: flex !important;
            }
            #navbar_main{
                background-color: var(--dark-color) !important;
                display: block;
            }
            .mobile-offcanvas {
                visibility: hidden;
                transform: translateX(-100%);
                border-radius: 0;
                display: block;
                position: fixed;
                top: 96px;
                left: 0;
                bottom: 0;
                z-index: 1200;
                width: 100%;
                overflow-y: scroll;
                overflow-x: hidden;
                transition: visibility .3s ease-in-out, transform .3s ease-in-out;
            }
            .mobile-offcanvas.show {
                visibility: visible;
                transform: translateX(0);
            }
            .header-scrolled .menu-on-scroll{
                transition: none;
            }
            .header .menu-on-scroll{
                transition: none;
            }
            .mobile-offcanvas .contact-info{
                gap: 20px;
                padding-bottom: 50px;
            }
            .mobile-offcanvas .tp-no{
                color: var(--white-color);
                gap: 10px;
                font-size: 20px;
            }
            .mobile-offcanvas .tp-no .icon-box{
                animation: hithere 1s ease infinite;
            }
            .mobile-offcanvas .tp-no .icon-box img{
                filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
                transform: scale(.8);
            }
            .mobile-offcanvas .email{
                font-size: 20px;
                color: var(--white-color);
                gap: 10px;
            }
            .mobile-offcanvas .contact-info ul{
                list-style: none;
                gap: 30px;
                padding-top: 15px;
            }
            .mobile-offcanvas .menu-main-menu-container{
                flex-grow: 1;
                width: 100%;
            }
            .mobile-offcanvas .navbar-nav{
                height: 100%;
                justify-content: center;
                align-items: center;
            }
            .mobile-offcanvas .navbar-nav .menu-item {
                width: 100%;
                display: flex;
                justify-content: center;
                flex-direction: column;
                align-items: center;
            }
            .mobile-offcanvas .navbar-nav .menu-item .nav-link{
                padding: 20px 0;
                font-size: 20px;
            }
            .navbar-expand-lg .navbar-nav .dropdown-menu {
                margin-top: 0;
                background: transparent;
                padding: 10px 0;
            }
            .dropdown-item {
                color: var(--white-color);
                font-size: 16px;
                padding: 10px 0;
            }
            .mobile-offcanvas .navbar-nav .current_page_item .nav-link{
                color: var(--yellow-color);
            }
            .menu-item-has-children.active .nav-link{
                color: var(--yellow-color);
            }
            .menu-item-has-children.active .current-menu-item.active .nav-link{
                color: var(--yellow-color);
            }
        /* NAV */
        /* HOME */
            .home-about .section-heading{
                width: 90%;
            }
            .home-service-boxes .rectangle .normal-content .paragraph {
                font-size: 13px;
            }
            .home-service-boxes .rectangle h5 {
                font-size: 16px;
            }
            .home-testimonials .testimonials-slider {
                margin-left: 30px;
                margin-right: 30px;
            }
            .home-banner .left h6 {
                font-size: 17px;
                padding-bottom: 15px;
            }
            .home-banner .left h5 {
                font-size: 25px;
                line-height: 35px;
            }
            .home-banner {
                margin-top: 97px;
            }
            .home-banner .box{
                flex-direction: column-reverse;
            }
            .home-banner .left, .home-banner .right {
                width: 100%;
                height: 400px;
            }
            .home-banner .left{
                align-items: center;
                text-align: center;
                height: 350px;
                padding-bottom: 50px;
            }
            .home-service-boxes .rectangle {
                height: 175px;
            }
            .home-service-boxes .rectangle img {
                width: 50px;
                height: 50px;
            }
            .home-service-boxes .service-boxes-slider{
                display: block !important;
                position: relative;
                margin-left: 30px;
                margin-right: 30px;
            }
            .home-service-boxes .service-boxes-slider .slick-next,
            .home-service-boxes .service-boxes-slider .slick-prev{
                position: absolute;
                top: 45%;
                background-color: transparent;
                color: transparent;
                padding: 0;
                border: 0;
                background-repeat: no-repeat;
                width: 16px;
                height: 28px;
            }
            .home-service-boxes .service-boxes-slider .slick-prev{
                left: -30px;
            }
            .home-service-boxes .service-boxes-slider .slick-next{
                right: -30px;
            }
            .home-service-boxes .box{
                width: unset;
                padding: 10px;
            }
            .home-service-boxes .rectangle {
                box-shadow: 0px 0px 10px #00000029;
            }
            .home-service-boxes .rectangle .hidden-content {
                transform: translateY(270px) !important;
            }
            .home-service-boxes .rectangle:hover {
                background-color: var(--white-color);
            }
            .home-service-boxes .rectangle:hover .normal-content {
                transform: translateY(0);
            }
            .home-service-boxes .box:hover {
                padding: 10px;
            }
            .home-service-boxes .rectangle:hover::before, 
            .home-service-boxes .rectangle:hover::after {
                background-color: var(--yellow-color);
            }
            .home-service-boxes {
                margin-top: -50px;
            }
            .home-about .left{
                margin-right: 0;
                width: 50%;
                margin: auto;
                border-radius: 100px 0px 0px 0px;
            }
            .home-about img {
                height: 285px;
            }
            .home-about .right {
                padding-left: 0;
                padding-top: 30px;
                align-items: center !important;
                text-align: center;
            }
            .home-rounded-solutions h5 {
                font-size: 30px;
                line-height: 40px;
                padding-bottom: 20px;
            }
            .home-what-we-offer .left {
                padding-right: 0;
                padding-top: 20px;
                width: 60%;
                margin: auto;
            }
            .home-what-we-offer .left .rectangle, .home-what-we-offer .right .rectangle {
                height: 345px;
            }
            .home-what-we-offer .right {
                padding-left: 0;
                width: 60%;
                margin: auto;
            }
            .home-our-package .boxes-wrapper {
                margin: 0;
                padding-top: 0;
            }
            .home-our-package .box{
                width: 100%;
                padding: 15px 0;
            }
            .home-our-package .box .heading-box h6 br{
                display: none;
            }
            .home-our-package .box .content-box ul{
                width: max-content;
                margin: auto;
            }
            .home-faq .accordion-item {
                padding-bottom: 20px;
                width: 100%;
            }
            .home-faq .accordion-button {
                padding: 15px 20px;
            }
            .home-testimonials .box {
                padding: 0 10px;
            }
            .home-testimonials .testimonials-slider .slick-prev {
                left: -30px;
            }
            .home-testimonials .testimonials-slider .slick-next {
                right: -30px;
            }
            .home-what-we-offer .rectangle .content {
                width: 100%;
                padding: 20px;
            }
        /* HOME */
        /* ABOUT */
            .process-boxes-slider{
                display: block;
            }
            .about-what-we-do .wrap-width-70 {
                width: 95%;
            }
            .about-what-we-do .processes-wrapper{
                display: none !important;
            }
            .about-what-we-do .process-boxes-slider{
                margin: 0 30px;
                position: relative;
                z-index: 10;
            }
            .about-what-we-do .process-boxes-slider .slick-prev,
            .about-what-we-do .process-boxes-slider .slick-next{
                position: absolute;
                top: 45%;
                background-color: transparent;
                color: transparent;
                padding: 0;
                border: 0;
                width: 16px;
                height: 28px;
                background-repeat: no-repeat;
            }
            .about-what-we-do .process-boxes-slider .slick-prev{
                left: -30px;
            }
            .about-what-we-do .process-boxes-slider .slick-next{
                right: -30px;
            }
            .about-what-we-do .process-boxes-slider .item{
                position: relative;
            }
            .about-what-we-do .process-boxes-slider h6{
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 23%;
                font-size: 16px;
                font-weight: bold;
            }
            .about-about .section-heading {
                width: 95%;
            }
            .about-about .left {
                margin-right: 0;
                border-radius: 150px 0px 0px 0px;
                width: 50%;
                margin: auto;
            }
            .about-about .left img {
                height: 445px;
            }
            .about-about .right {
                padding-left: 0;
                text-align: center;
                padding-top: 30px;
            }
            .about-about .right h5{
                margin: auto;
            }
            .about-about-slider {
                position: relative;
                margin: 0 30px;
            }
            .vision-mission .box {
                padding: 15px 0;
            }
            .about-about-slider .rectangle img {
                transform: scale(.6);
            }
            .about-about-slider h6 {
                font-size: 13px;
                padding-top: 10px;
            }
            .about-about-slider .rectangle {
                height: 185px;
            }
            .dir-msg .dir-msg-wrapper {
                min-height: 335px;
                flex-direction: column;
                align-items: center;
                text-align: center;
                padding-top: 94px;
            }
            .dir-msg .left img {
                top: -308px;
                border-radius: 115px 0px 0px 0px;
            }
            .dir-msg .right{
                padding-top: 15px;
            }
            .dir-msg .right img {
                position: relative;
                top: unset;
                right: unset;
                left: unset;
                margin-bottom: 20px;
            }
            .dir-msg .left img{
                left: 0;
            }
            .about-our-values .box h6 {
                font-size: 14px;
            }
            .our-team .box {
                width: 50%;
                padding: 15px;
            }
            .our-team .rectangle {
                height: 350px;
            }
            .dir-msg .left {
                width: 100%;
                padding-right: 0;
            }
            .dir-msg .left img {
                top: unset;
                position: relative;
                width: 50% !important;
                margin: auto;
                margin-top: -150px;
                margin-bottom: 20px;
            }
            .dir-msg .dir-msg-wrapper {
                min-height: 335px;
                flex-direction: column;
                align-items: center;
                text-align: center;
                padding-top: 0;
                margin-top: 150px;
                border-radius: 0 0px 130px 0px;
            }
            .dir-msg .right{
                width: 100%;
            }
            .our-team .content-box {
                transform: translateX(-100%);
            }
            .our-team .box .hidden-content {
                transform: translateX(0);
            }
            .our-team .box .rectangle::after {
                opacity: 0.68;
            }
        /* ABOUT */
        /* SINGLE SERVICE */
            .services-service .left{
                width: 50%;
                margin: auto;
            }
            .services-service:nth-child(odd) .right {
                width: 100%;
                padding-right: 0;
                padding-top: 30px;
                text-align: center;
                padding-left: 0;
            }
            .services-service .right ul {
                text-align: left;
                width: max-content;
                margin: auto;
            }
            .services-service .left img {
                height: 315px;
            }
            .services-service:nth-child(even) .right {
                width: 100%;
                padding-left: 0;
                text-align: center;
                padding-top: 30px;
                padding-right: 0;
            }
        /* SINGLE SERVICE */
        /* CONTACT */
            .contact-contact-info .box {
                width: 50%;
            }
            .contact-contact-info .contact-info-wrapper {
                padding-top: 40px;
                justify-content: center;
            }
            .contact-contact-info .box:nth-child(2) {
                border-left: 0;
                border-right: 0;
            }
            .contact-contact-info .box:nth-child(3){
                padding-top: 20px;
            }
            .contact-contact-info .social-icons {
                gap: 30px;
                padding-top: 50px;
            }
            .contact-form .w-50 {
                width: 100%!important;
            }
        /* CONTACT */

        /* FOOTER */
            #footer .top-wrapper{
                flex-direction: column;
                gap: 20px;
                text-align: center;
            }
            #footer .box:nth-child(1){
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                padding-bottom: 50px;
                text-align: center;
            }
            #footer .box:nth-child(2),
            #footer .box:nth-child(3),
            #footer .box:nth-child(4){
                width: 33.33%;
                display: flex;
                flex-direction: column;
                align-items: center;
                text-align: center;
            }
            #footer .box:nth-child(5){
                width: 100%;
                padding-top: 30px;
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            #footer .box-heading {
                padding-bottom: 15px;
                padding-top: 10px;
            }
            /* #footer .box:nth-child(4){
                padding-top: 20px;
            } */
            #footer .contact-info li {
                padding-bottom: 15px;
            }
        /* FOOTER */
    }

    @media only screen and (max-width: 600px) {
        .carousel-control-next-icon, .carousel-control-prev-icon {
            width: 40px;
            height: 40px;
        }
        .carousel-control-next, .carousel-control-prev {
            width: max-content;
            padding: 10px;
            top: 95px;
            align-items: flex-start;
        }
        .home-faq .accordion {
            column-count: 1;
        }
        /* COMMON */
            .section-heading {
                font-size: 20px;
            }
            .paragraph {
                font-size: 13px;
            }
            .btn--rounded {
                padding: 10px 30px;
            }
            .common-banner {
                height: 180px;
            }
            .common-banner .content-box {
                height: 180px;
                text-align: center;
            }
            .common-banner .content-box h5 {
                font-size: 25px;
                line-height: 25px;
            }
            .breadcrumb, .breadcrumb a {
                font-size: 12px;
            }
        /* COMMON */
        /* NAV */
            .mobile-offcanvas .navbar-nav .menu-item .nav-link {
                padding: 15px 0;
                font-size: 16px;
            }
            .mobile-offcanvas .email {
                font-size: 16px;
            }
            .mobile-offcanvas .tp-no {
                font-size: 16px;
            }
            .mobile-offcanvas .contact-info ul li img{
                transform: scale(.8);
            }
            .mobile-offcanvas .contact-info ul {
                gap: 20px;
            }
            .dropdown-item {
                font-size: 13px;
                padding: 5px 0;
            }
        /* NAV */
        /* HOME */
            .home-service-boxes .rectangle .normal-content .paragraph {
                font-size: 12px;
            }
            .home-service-boxes .rectangle h5 {
                font-size: 15px;
            }
            .right-aligned-wrap {
                width: 95%;
            }
            .home-testimonials .testimonials-slider {
                margin-left: 30px;
                margin-right: 30px;
            }
            .home-testimonials .testimonials-slider .slick-prev {
                left: -20px;
            }
            .home-testimonials .testimonials-slider .slick-next {
                right: -20px;
            }
            .home-banner .right{
                height: 250px;
            }
            .home-service-boxes .service-boxes-slider .slick-prev{
                left: -20px;
            }
            .home-service-boxes .service-boxes-slider .slick-next{
                right: -20px;
            }
            .home-service-boxes .rectangle img {
                width: 50px;
                height: 50px;
            }
            .home-service-boxes .rectangle {
                height: 175px;
            }
            .home-about .left {
                width: 100%;
            }
            .home-about img {
                height: 250px;
            }
            .home-rounded-solutions h5 {
                font-size: 25px;
                line-height: 33px;
            }
            .home-what-we-offer .left {
                width: 100%;
            }
            .home-what-we-offer .right {
                width: 100%;
            }
            .home-what-we-offer .rectangle .content h6 {
                font-size: 20px;
                padding-bottom: 10px;
            }
            .home-why-choose .box {
                width: 50%;
                padding: 10px 0;
            }
            .home-faq .accordion-button {
                padding: 15px 40px;
            }
            .home-what-we-offer .left .rectangle, .home-what-we-offer .right .rectangle {
                height: 275px;
            }
        /* HOME */
        /* ABOUT */
            .about-what-we-do .process-boxes-slider h6 {
                font-size: 10px;
                bottom: 21%;
            }
            .about-what-we-do .process-boxes-slider .slick-prev {
                left: -20px;
            }
            .about-what-we-do .process-boxes-slider .slick-next {
                right: -20px;
            }
            .about-about .left {
                width: 100%;
            }
            .about-about .left img {
                height: 400px;
            }
            .about-about-slider .rectangle img {
                transform: scale(.5);
            }
            .about-about-slider .slick-prev {
                left: -20px;
            }
            .about-about-slider .slick-next {
                right: -20px;
            }
            .vision-mission .box img {
                width: 50px;
                height: 50px;
            }
            .dir-msg .left{
                padding-bottom: 0;
            }
            .dir-msg .left img {
                width: 90% !important;
            }
            .dir-msg .right img {
                margin-bottom: 10px;
                transform: scale(.6);
            }
            .about-our-values .box {
                width: 50%;
            }
            .about-our-values .boxes-wrapper {
                justify-content: center;
            }
            .our-team .box {
                width: 100%;
                padding: 15px 0;
            }
        /* ABOUT */
        /* SINGLE SERVICE */
            .services-service .left {
                width: 100%;
            }
            .service-our-services .box {
                width: 50%;
                padding: 15px 5px;
            }
            .service-our-services .box img {
                width: 50px;
                height: 50px;
            }
            .service-our-services .box h6 {
                padding-top: 10px;
            }
            .service-our-services .boxes-wrapper {
                padding-top: 30px;
            }
        /* SINGLE SERVICE */
        /* CONTACT */
            .contact-contact-info .box {
                width: 100%;
                padding: 10px 0;
            }
            .contact-contact-info img {
                width: 20px;
                height: 20px;
            }
            .contact-contact-info .contact-info-wrapper {
                padding-top: 30px;
            }
            .contact-contact-info .social-icons {
                gap: 25px;
                padding-top: 30px;
            }
            .map iframe {
                height: 200px;
            }
            .contact-contact-info .main-para {
                font-size: 14px;
            }
        /* CONTACT */

        /* FOOTER */
            #footer .copyright {
                padding-left: 2.5%;
                padding-right: 2.5%;
            }
            #footer .copyright a img{
                transform: scale(.7);
            }
            #footer .social-icons a img {
                transform: scale(.8);
            }
            .whatapp-icon img{
                transform: scale(.7);
            }
            #footer .tp-no span {
                font-size: 15px;
                padding: 5px 20px;
            }
            #footer .tp-no .icon-box {
                padding: 8px 20px;
                transform: scale(.6);
            }
            #footer .logo{
                display: none;
            }
            #footer .box:nth-child(2), #footer .box:nth-child(3), #footer .box:nth-child(4) {
                width: 100%;
            }
            #footer .box:nth-child(1) {
                padding-bottom: 30px;
            }
            #footer .top-wrapper {
                padding-bottom: 40px;
            }
            .whatapp-icon {
                right: 20px;
            }
            #footer .btn-top {
                right: 20px;
            }
            #footer .box:nth-child(3){
                padding-top: 20px;
            }
        /* FOOTER */
    }
/* RESPONSIVE */