:root{
    --secondary-color : #237ee6;
    --primary-color : #125e91;
    --primary-color-2 : #113768;
    --primary-color-opacity-8 : #11376897;
    --primary-opacity : #113768;
    --anouncment-bg : rgb(240, 240, 240);
    --body-text-color : 'gray'
}
@font-face {
    font-family: 'primary-font-regular';
    src: url('../fonts/Rajdhani/Rajdhani-Regular.ttf');
}

@font-face {
    font-family: 'primary-font-medium';
    src: url('../fonts/Rajdhani/Rajdhani-Medium.ttf');
}

@font-face {
    font-family: 'primary-font-bold';
    src: url('../fonts/Rajdhani/Rajdhani-Bold.ttf');
}

@font-face {
    font-family: 'primary-font-semibold';
    src: url('../fonts/Rajdhani/Rajdhani-SemiBold.ttf');
}

*{
    font-family: 'primary-font-regular';
    /* border: solid 1px; */
}

img {
     border-radius: 5%;
}

.top-bar-wrapper{
    background: var(--secondary-color);
    width: 100%;
    height: 40px;
    color: white;
    /* font-weight: 400; */
    font-size: 14px;
    font-family: 'primary-font-medium' !important;

}

/* .top-bar-wrapper .top-bar-address {
    margin-top: 12px;
    
} */
.top-bar-social-icon a{
    text-decoration: none;
    display: inline-block;
    margin-right: 5px ;
    /* width: 23px;height: 23px; */
}
.top-bar-social-icon a:hover{
    text-decoration: none;
}
.mt-auto{
    margin-top: unset !important;
}
.top-bar-social-wrapper{
    margin-top: 10px;
}

.png-gray {
    filter: grayscale(100%) brightness(10%) !important;
  } 
  
.top-bar-address {
    /* padding-top: 08px; */
    height: 100%;
    margin-top: 10px;
}
.top-bar-social-icon i.fa{
    border: solid 1px white;
    border-radius: 100%;
    /* padding: 8px; */
    font-size: 10px !important;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: white;
    flex-direction: column-reverse;
}

.customer-support a{
    text-decoration: none;
    color: white;
}
.customer-support img{
    filter:  brightness(0) invert(1);
}

/* Navigation */

.custom-top-nav-wrapper{
    width: 100%;
    height: 80px;
    position: sticky;
    top: 0;
    background: var(--primary-opacity);
    z-index: 100;
}
.custom-top-nav-secondary-wrapper{
    background: rgba(255, 255, 255, 0.901);
}
.custom-top-nav-secondary-wrapper .nav-item > a {
    color: var(--primary-color) ;
}

.custom-top-nav-secondary-wrapper .contact-number{
    color: var(--secondary-color) !important;
}
.custom-top-nav{
    height: 100%;
}
.nav-items-wrapper{
    height: 100%;
}

.mobile-bars{
    display: none;
    cursor : pointer
}

.custom-top-nav-secondary-wrapper .mobile-bars  *{
    color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
}
.nav-items{
    height: 100%;
    /* padding: 0 30px; */
    padding-left: 30px;
}
.nav-items > div{
    height: 100%;
    position: relative;
    /* display: inline-block; */
}
.nav-brand::after{
    position: absolute;
    width: 2px;
    margin-top: 0px;
    height: 60px;
    content: "";
    top: 0;
    right: 0;
    background:gray;
}
.nav-items .nav-item{
    margin: 0 15px;
    
}
.nav-item > a {
    font-family: 'primary-font-bold' !important;
    color: white;
    text-decoration: none;
    transition: .3s;
}
.nav-item a:hover, .nav-item a.active{
    color: var(--secondary-color);
}
.nav-item a:hover , .nav-item a.active {
    position: relative;
}
.nav-item a.active::after, .nav-item a:hover::after{
    position: absolute;
    content: "";
    width: 80%;
    height: 5px;
    background: var(--secondary-color);
    bottom: -145%;
    left: 10%;
}

.top-contact-highlight{
    font-size: 12px;
    display: block;
    margin-bottom: -5px;
    color: gray;
}

.top-contact-content .contact-number{
    color: white;
    font-family: 'primary-font-bold' !important;
    font-size: 18px;
}
.bar-icon-top i.fa{
    color: white;
    border-radius: 100%;
    border: solid 2px white;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
}

.hero-wrapper{
    width: 100%;
    height: fit-content;
    background: url('../Images//new-york-city-with-empire-state-building.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 1;
    /* margin-top: -30px; */
    /* padding-top: 10px; */
}
.hero-wrapper::after{
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.937);
    position: absolute;
    z-index: -1;
}
.hero-box-wrapper{
    /* padding: 10px 10px; */
    text-align: center;
    
}
.hero-box{
    padding: 20px 0;
}
.hero-icon-wrapper .hero-icon-title{
    font-family: "primary-font-medium" !important;
    font-size: 24px;
    /* font-weight: 600; */
    margin-left: 10px;
    color: gray;
}
.hero-box.active{
    background-color: var(--secondary-color) !important;
    color: white !important;
}
.hero-box.active .hero-icon-title{
    color: white;
}
.hero-content p {
    font-family: "primary-font-medium" !important;
    margin-bottom: 0 !important;
    padding: 10px 20px;
}
.about-us-wrapper{
    width: 100%;
    /* margin-top: 100px; */
    margin-bottom: 40px;
    background: url("../Images/bgn-industries.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-title {
    color: var(--primary-color);
    font-family: 'primary-font-medium';
    position: relative;
    font-size: 20px;
    margin-left: 40px;
}
.section-title::before{
    content: "";
    position: absolute;
    top: 7.5px;
    left: -40px;
    width: 8px;
    height: 8px;
    background: var(--primary-color);
}

.section-title::after{
    content: "";
    position: absolute;
    top: 9.6px;
    left: -33px;
    width: 20px;
    height: 4px;
    background: var(--primary-color);
}
.about-us-images-wrapper{
    width: 100%;
}
.about-us-images{
    width: 100%;
    position: relative;
    height: fit-content;
}
.about-us-img-1{
    height: 500px;
    width: 70%;
    background: url('../Images/b-image.jpg');
    background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 10px;
    box-shadow: 1px 1px 20px 2px #575656

}

.about-us-img-2{
    width: 350px;
    height: 250px;
    background: url('../Images/body-image.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    bottom: -30px;
    right: 10%;
    border-radius: 10px;
    box-shadow: 1px 1px 20px 2px #575656
}

.color-primary{
    color: var(--secondary-color);
}
.color-secondary{
    color: var(--secondary-color);
}
.color-primary-2{
    color: var(--primary-color-2);
}

.title-primary{
    font-size: 30px;
    font-family: 'primary-font-bold';
}

.title-secondary{
    font-size: 24px;
    font-family: 'primary-font-bold';
}

.body-text{
    font-size: 16px;
    color: var(--primary-color);
}

.primary-btn{
    border-radius: 5px;
    padding: 5px 20px;
    background: transparent;
    border: solid 2px var(--primary-color);
    font-family: 'primary-font-medium';
    position: relative;
}

.primary-btn .btn-sign{
    /* margin-bottom: -10px ; */
    font-weight: 600;
    margin-left: 5px;
}

.secondary-btn{
    border-radius: 5px;
    padding: 5px 20px;
    /* background: transparent; */
    background: var(--secondary-color);
    font-family: 'primary-font-medium';
    position: relative;
    border: solid 2px var(--secondary-color);
    color: white;
}

.secondary-btn .btn-sign{
    /* margin-bottom: -10px ; */
    font-weight: 600;
    margin-left: 5px;
}

.btn-triangle-shape {
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 5px 7px 5px;
    border-color: transparent transparent var(--secondary-color) transparent;
    transform: rotate(125deg);
 }

 .btn-secnodary-triangle-shape {
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 5px 7px 5px;
    border-color: transparent transparent white transparent;
    transform: rotate(125deg);
 }
.about-us-info-wrapper{

}

.about-us-info{

}
.about-us-info .mission-item{

}

.about-us-info .mission-item .mission-icon{
    background: var(--primary-color);
    padding: 10px;
    width: fit-content;
    border-radius: 100%;
}

.about-us-info .mission-item .mission-icon img{
    filter: invert(1);
}

.about-us-info .advisory-item .advisory-icon{
    background: var(--secondary-color);
    padding: 10px;
    width: fit-content;
    /* border-radius: 100%; */
}

.about-us-info .advisory-item .advisory-icon img{
    filter: invert(1);
}
.font-bold{
    font-family: 'primary-font-bold';
}

.consultant-wrapper{
    position: relative;
    width: 100%;
    height: 130px;
    background:url('../Images/nyc-aerial-view-new-york-city-night.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
}
.consultant-wrapper::after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--primary-color-opacity-8);
    z-index: -1;
}

.container .consultant, .consultant-wrapper .container{
    height: 100% !important;
}

/* Services */
.services-wrapper{
    width: 100%;
    background: url('../Images/section-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.section-title2 {
    color: var(--primary-color);
    font-family: 'primary-font-medium';
    position: relative;
    font-size: 20px;
    text-align: center;
    /* margin-left: 40px; */
}
.section-title2 .title-icon1,.section-title2 .title-icon2{
    position: relative;
    width: 40px;
}
.section-title2 .title-icon1::before{
    content: "";
    position: absolute;
    top: 10px;
    left: -40px;
    background: var(--primary-color);
    width: 8px;
    height: 8px;
}

.section-title2 .title-icon1::after{
    content: "";
    position: absolute;
    top: 11.906px;
    left: -40px;
    background: var(--primary-color);;
    width: 30px;
    height: 5px;
}

.section-title2 .title-icon2::before{
    content: "";
    position: absolute;
    top: 10px;
    right: -40px;
    background: var(--primary-color);;
    width: 8px;
    height: 8px;
}

.section-title2 .title-icon2::after{
    content: "";
    position: absolute;
    top: 11.906px;
    right: -40px;
    background: var(--primary-color);;
    width: 30px;
    height: 5px;
}

/* Extras */
.slick-dotted.slick-slider{
    margin-bottom: 0 !important;
}

.bg-secondary{
    background-color:  var(--secondary-color) !important;
}
/* Extras */

.service-box-wrapper{
    background: white;
    border-radius: 10px;
    padding: 30px 10px;
    transition: .4s;
    cursor: pointer;
}
.service-box{
    flex-direction: column !important;
}

.border-color-secondary{
    border-color: var(--secondary-color) !important;
}
.service-box-wrapper:hover {
    background: var(--secondary-color);
}
.service-box-wrapper:hover  *{
    color: white !important;
}
.service-box-wrapper:hover .primary-btn {
    border-color: white !important;
}
.service-box-wrapper:hover .btn-triangle-shape{
    border-color:  white transparent !important;

}
.cto-banner-wrapper{
    margin-top: -60px;
}
.cto-banner{
    background: var(--primary-color);
    width: 100%;
    border-radius: 10px;
}

.one-stop-solution-wrapper{
    background: url('../Images/bgn-industries.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* Apply styles to the specific class */
.one-stop-list {
    list-style-type: none; /* Remove default bullet points */
    padding-left: 20px; /* Add padding for the icon */
  }
  
  .one-stop-list li {
    position: relative; /* Position the icon */
    padding-left: 30px; /* Space between icon and text */
  }
  
  .one-stop-list li::before {
    content: ""; /* Empty content */
    position: absolute;
    left: 0;
    top: 50%; /* Adjust the vertical alignment */
    transform: translateY(-50%);
    width: 16px; /* Adjust width and height according to your icon */
    height: 16px;
    background-image: url('../icons/check.png'); /* Replace with your icon path */
    background-size: cover; /* Adjust the size of the icon */
  }
  /*  Process Section */
  .process-box-wrapper .process-box-icon{
    width: fit-content;
    border: solid 2px rgb(56, 56, 56);
    padding: 5px;
    border-radius: 100%;
  }
  .process-box-icon img{
    border-radius: 100% !important;
  }
  .process-box-wrapper{
    flex-direction: column !important;
  }

  .title-secondary2{
    font-family: 'primary-font-semibold';
    font-size: 20px;
  }
  .color-gray
  {
    color: rgb(56, 56, 56);
  }

  .font-medium{
    font-family: 'primary-font-medium' !important;
  }
  .color-gray-light{
    color: gray;
  }

  .title-secondary2 {
    transition: .2s;
  }
  .process-box-wrapper:hover .title-secondary2 {
    color: var(--secondary-color) !important;
    cursor: pointer;
  }
  .contact-section-wrapper{
    background: url('../Images/bgn-industries.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .contact-form input, .contact-form select, .contact-form textarea{
    display: block;
    margin: 10px 0;
    width: 80%;
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
    background: rgba(226, 226, 226, 0.367);
  }

  /* CLient  */
  .our-client-wrapper{
    background: url('../Images/section-bg.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }

  /* Faq */
  .faq-wrapper{
    background: url('../Images/bgn-industries.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }

  .faq-wrapper .accordion-button {
    height: 40px;
    outline-width: 0;
    font-family: 'primary-font-semibold';
    background: rgba(237, 237, 237, 0.524);
    margin-bottom: 10px;
    border-radius: 5px;
  }
  .faq-wrapper .accordion{
    border: none;
  }
  .faq-wrapper .accordion-item{
    border: none !important;
  }
  .testimonial-wrapper{
    background: url('../Images/new-york-city-with-empire-state-building.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 1;
    position: relative;
}

/* Testimonial */
  .testimonial-wrapper::after{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background: rgba(255, 255, 255, 0.944);
    z-index: -1;
    width: 100%;
    height: 100%;
  }
  .testimonial-slider-wrapper{
    background: var(--primary-color);
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }

  .testimonial-img{
    position: relative;
    width: 80px;
    height: 80px;
    z-index: 1;

  }
  .testimonial-item{
    cursor: pointer;
  }

  .quoation{
    position: absolute;
    top: -10px;
    right: -10px;
    background: var(--secondary-color);
    padding: 0px 5px;
    border-radius: 100%;
   
  }

  .stars i.fa{
    color: gold;
    
  }

  .testimonial-slider{
    z-index: 4;
  }
  .testimonial-slider-dots {
    margin-left: -40px;
  }
  .testimonial-slider-dots li {
    margin: 0 4px;
    display: inline-block;
    
  }

  .testimonial-slider-dots li button {
    font-size: 0;
    width: 12px;
    height: 12px;

    border: none;
    background-color: white;
    color: red;
    border-radius: 100%;
    opacity: 1;
  }

  .testimonial-slider-dots li.slick-active button {
    opacity: 1;
    background: var(--secondary-color);
  }

  .testimonial-footer-icon{
    filter: invert(1);
  }

  .testimonial-main-wrapper{
    position: relative;
    /* min-height: 500px; */
  }
  .testimonial-wrapper{
    z-index: 2;
    height: 650px;
  }
  .testimonial-footer-wrapper{
    z-index: 1;
    position: absolute;
    width: 100%;
    height: fit-content;
    background: var(--secondary-color);
    /* margin-top:-100px ; */
    bottom: 0px;
    
  }

  .testimonial{
    z-index: 2;
    position: absolute;
    height: fit-content;
    width: 100%;
  }

  .footer-wrapper{
    background: url('../Images/bgn-industries.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 1;
    position: relative;
    border-top: 1px rgba(128, 128, 128, 0.249) solid;
  }

  .footer a{
    text-decoration: none;
    color: gray;

  }
  .footer .widget-footer-2 ul li{
    list-style: none;
    margin-left: -30px;
  }

  .footer-social-icons a{
    display: inline-block;
  }
  .footer-social-icons i.fa{
        border: solid 1px rgb(56, 56, 56);
        border-radius: 100%;
        /* padding: 8px; */
        font-size: 14px !important;
        width: 22px;
        height: 22px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        color: rgb(56, 56, 56);
        margin-right: 5px;
        flex-direction: column-reverse;
    }
  
    .footer-copyright{
        background:  var(--primary-color);
    }
    .footer-copyright .row{
        height: 100%;
    }

    .home-slider{
        height: 500px;
        background: transparent;
    }

    .home-slider-item-wrapper{
        height: 100%;
        position: relative;
        overflow: hidden;
        z-index: 1;
    }
    .home-slider-item-wrapper img.slider-img{
        width: 100%;
        height: 100%;
        display: block;
        margin: auto;
        /* margin-top: -100px; */
        position: absolute;
        /* top: -100px; */
        left: 0;
        z-index: -1;

    }
    .image-slider-after{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        background: var(--primary-opacity);
        z-index: -1;
    }

    .slider-title
    {
        font-family: 'primary-font-semibold';
        font-size: 32px;
    }
    .slider-content {
        /* z-index: ; */
        height: 100%;
    }
    .slider-btn{
        border-color: white !important;
        color: white !important;
    }

    .slider-inner-img img {
        /* Set image width and height to fill the container */
        filter: drop-shadow(5px 5px 10px white); /* Optional: Add border-radius for rounded corners */
        margin-top: 80px;
        width: 250px;

    }

    .home-slider-dots{
        position: absolute;
        bottom: 0;
        right: 40px;
    }
    .home-slider-dots li {
        margin: 0 5px;
        display: inline-block;
        /* margin-top: -100px; */
      }
  
      .home-slider-dots li button {
        font-size: 0;
        width: 10px;
        height: 12px;
        border-radius: 100%;
        background:white;
        border: none;
        /* background-color: transparent; */
        /* color: #333; */
        opacity: 1;
      }
  
      .home-slider-dots li.slick-active button {
        opacity: 1;
        background: var(--secondary-color);
      }

        .slick-prev,
        .slick-next {
        width: 50px; /* Adjust arrow width */
        height: 50px; /* Adjust arrow height */
        background-color: transparent; /* Arrow background color */
        color: white; /* Arrow text color */
        border: none;
        border-radius: 50%; /* Make arrows circular */
        font-size: 30px; /* Adjust arrow text size */
        cursor: pointer;
        z-index: 10;
        }

        .slick-prev {
            left: 20px !important;
        }
        .slick-next {
            right: 20px !important;
           
        }

        /* Styling when arrow is hovered */
        .slick-prev:hover,
        .slick-next:hover {
        background-color: none;
        color: white;
        ; /* Arrow background color on hover */
        }
        .slick-next:before,  .slick-prev::before {
            content: unset !important;
        }
        /* @import url('./media-queries.css'); */

        @media screen and (max-width: 1000px) {

            .services-footer-wrapper{
                display: none;
            }
            .custom-top-nav-secondary-wrapper .nav-item > a {
                color: white ;
            }

            .mobile-bars{
                display: block;
            }
            .slider-inner-img {
                display: none !important;
            }
            .slick-dotted.slick-slider.home-slider{
                margin-bottom: 0 !important;
            }
            .home-slider{
                height: 50vh;
            }
            .home-slider-item-wrapper{
                height: 100%;
            }
            .slider-title{
                font-size: 23px;
                padding-top: 10px !important;
            }
            .top-bar-wrapper{
                display: none !important;
            }
            .slider-btn{
                margin-bottom: 30px;
            }
            .nav-items-wrapper{
                /* display: block !important; */
                /* flex-direction:  column !important; */
            }
            .nav-items{
                position: absolute;
                left: 0;
                top: 0px;
                /* width: 80%; */
                transition: 1s !important;
                display: none ;
                width: 80%;
                height: 100vh;
                overflow: hidden;
                background: var(--primary-color);
            }
            .nav-items .nav-item{
                display: block !important;
                margin: 20px 0;
            }
            .nav-item a::after, .nav-item a.active::after{
                content: unset !important;
            }
            .nav-items > div{
                display: block !important;
            }
            .nav-contact-wrapper{
                display: none !important;
            }
            .nav-brand::after{
                content: unset !important;
            }
            .mobile-bars{
                position: absolute;
                right: 20px;
                top: 25px;
            }

            .about-us-img-2{
                display: none;
            }

            .about-us-img-1{
                width: 100%;
            }

            .home-slider-dots {
                display: none !important;
            }
            .home-slider-btns{
                display: none !important;
            }
            .hero-section{
                padding-top: 20px;
            }
            .container .consultant{
                flex-direction: column !important;
                align-items: start !important;
            }
            .consultant-wrapper {
                height:  fit-content;
                padding: 10px 0;
                /* text-align: center; */
            }
            .contact-form input, .contact-form select, .contact-form textarea {
                width: 100%;
            }
            .faq-wrapper img{
                display: none;
            }

            .testimonial-footer-wrapper{
                display: none !important;
            }
            .testimonial-main-wrapper{
                position: static;
                height: fit-content;
            }
            .slick-arrow {
                display: none !important;
            }
            .testimonial-wrapper{
                height: 760px
            }

            .footer-copyright,  .footer-copyright .body-text{
                text-align:center !important;
            }
            .footer {
                text-align: center;
            }
            .services-footer-wrapper{
                background: var(--secondary-color) !important;
            }
        }

        /* Media query to hide images when screen width is less than 403 pixels */
        @media screen and (max-width: 425px) {
            .home-slider-item-wrapper{
                height: 120%;
            }
            .home-slider{
                height: 60vh;
            }
        }

         /* Media query to hide images when screen width is less than 403 pixels */
         @media screen and (max-width: 450px) {
            .testimonial-wrapper{
                height: 1000px
            }
        }

        /* Services Page */
        .page-header-wrapper{
        width: 100%;
        position: relative; 
        background: url('../Images/nyc-aerial-view-new-york-city-night.jpg');
            background-position: center;
            background-size: cover; 
            z-index: 1;          
        }
        .page-header-wrapper::after{
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            background-color: var(--primary-opacity);
            width: 100%;
            height: 100%;
            z-index: -1;
        }

        .page-title
        {
            font-size: 35px;
            font-family: 'primary-font-bold';
            color: white;
        }
        .custom-page-breacrumb-item.active{
            color: var(--secondary-color);
        }
        .custom-page-breacrumb-item.active a{
            color: inherit;
            text-decoration: none;
        }

        .page-service-item-wrapper{
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .price-box{
            /* rotate:-90deg; */
            writing-mode: vertical-rl;
            /* width: 200px; */
            height: 130px;
            text-align: center;
            background: var(--primary-color);
            color: white;
            padding: 0 10px ;
            border-top-right-radius: 10px;
            rotate: 180deg;
            border-bottom-right-radius: 10px;
        }
        .price-box .price{
            font-size: 24px;
            font-family: 'primary-font-bold';
        }
        .price-box .price-content{
            font-family: 'primary-font-semibold';
            
        }

        .pkg-details{
            border-radius: 10px;
            background: white;
            box-shadow: 2px -0px 10px whitesmoke;
            min-height: 300px;
            border: solid 2px transparent;
            flex-direction: column;
        }

        .page-service-item-wrapper.active .pkg-details{
            border-color: var(--secondary-color);

        }
        .page-service-item-wrapper.active .price-box{
            background: var(--secondary-color);
        }

        .page-service-item-wrapper.active .pkg-details .title-primary{
            color: var(--secondary-color);
        }
        .page-service-item-wrapper.active .pkg-details button.primary-btn{
            color: var(--secondary-color);
            border-color: var(--secondary-color);
        }
        .btn-center{
            margin-left: auto;
            margin-right: auto;
        }

        .service-page-img-1{
            width: 80%;
            min-height: 400px;
            height: 100%;
            max-height: 100%;
            background-image: url('../Images/7xm.xyz964369.jpg') ;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            transform: scaleX(-1);
            border-top-right-radius: 10px;
            /* rotate: 180deg; */
        }

        .service-page-img-2{
            width: 280px;
            height: 230px;
            background-image: url('../Images/7xm.xyz820339.jpg') ;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            position: absolute;
            top: 100px;
            box-shadow: 2px 2px 10px white;
            border-radius: 5px;
            left: 0px;
        }

        /* Apply styles to the specific class */
.services-list {
    list-style-type: none; /* Remove default bullet points */
    padding-left: 20px; /* Add padding for the icon */
  }
  
  .services-list li {
    position: relative; /* Position the icon */
    padding-left: 30px; /* Space between icon and text */
  }
  
  .services-list li::before {
    content: ""; /* Empty content */
    position: absolute;
    left: 0;
    top: 50%; /* Adjust the vertical alignment */
    transform: translateY(-50%);
    width: 16px; /* Adjust width and height according to your icon */
    height: 16px;
    background-image: url('../icons/checked.png'); /* Replace with your icon path */
    background-size: cover; /* Adjust the size of the icon */
  }

  .services-step-wrapper{
    width: 100%;
    min-height: 200px;
    background: url('../Images/7xm.xyz672195.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    z-index: 1;
  }

  .services-step-wrapper::after{
    background: var(--primary-opacity);
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.color-secondary-force{
    color: var(--secondary-color) !important;
}

.step-box-wrapper{
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
    height: 100%;
}

.step-main-wrapper{
    /* position: absolute; */
    height: 100%;
    bottom: 100px;
}
.step-box-wrapper .step-box-number{
    /* width: 40px;
    height: 40px; */

    background: white;
    border: solid 2px gray;
    border-radius:100% ;
    text-align: center;
    padding: 10px 28px;
    font-size: 28px;
    color: gray;
    font-family: 'primary-font-bold';
    top: 10px;
    position: absolute;
    box-shadow: 1px 1px 5px var(--primary-color);

}

.step-box-wrapper .step-box{
    width: 100%;
    min-height: 300px;
    background: white;
    box-shadow: 2px 2px 10px gray;
    border-top-left-radius: 10px;
    /* position: absolute;
    top: 0; */
    border-bottom-right-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.step-box-wrapper.active .step-box-number{
    border-color: var(--secondary-color);
    color: var(--secondary-color);
}

.step-box-wrapper.active .step-box{
    background: var(--secondary-color);
    color: white !important;
}
.step-box-wrapper.active .step-icon{
    filter: invert(1);
}
.step-box-wrapper.active .body-text{
    color: white;
}

.services-footer-wrapper{
    background: linear-gradient(90deg,var(--secondary-color) 50%, var(--primary-color)50%);
}

/* About us page */
.primary-rounded{
    border-top-left-radius:10px ;
    border-bottom-right-radius:10px ;
}

.mission-vission-img{
    background: var(--primary-color);
    padding: 10px;
    border-radius: 100%;

}

.mission-vission-img img{
    filter: invert(1);
}

.about-us-mission-wrapper{
    width: 100%;
    height: fit-content;
    background: rgb(243, 243, 243);
}
.about-us-vission-wrapper{
    width: 100%;
    height: fit-content;
    background: white 
}

/* Contact Page */
.contact-page-form-wrapper input,
.contact-page-form-wrapper textarea,
.contact-page-form-wrapper select
{
    width: 100%;
    outline-width: 0;
}
.contact-map-wrapper {
    width: 100%;
    min-height: 350px;
    background: red;
    position: relative;
    z-index: 1;
}

.contact-map-wrapper iframe{
    margin-bottom: -20px;
}
.contact-map-wrapper::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.507);
    z-index: 2;
}

/* HomeMap */
.map-img iframe{
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    box-shadow: -10px -10px 0px var(--secondary-color);
}

.png-white{
    filter: brightness(0) invert(1);
}

/* extra */

.home-slider-wrapper{
    position: relative;
}
.cursor-down{
    width: 100%;
    bottom: 50px;
    text-align: center;
    z-index: 100; 
    position: absolute;
}

.text-white {
    /* color: white !important; */
}

.announcment-slider{
    width: 100%;
    background-color: var(--secondary-color);   
    height: fit-content;
    padding: 10px  0 ;
    /* margin-top: 100px;  */
}
.announcment-slider-item{
    margin: 0 5px;

}
.announcment-title {
    font-size: 20px;
    font-weight: 800 !important;
    text-transform: uppercase;
    color: rgb(47, 47, 47);
    font-family: 'primary-font-bold';
}

.announcment-slider-item a
{
    font-size: 13px;
    color: var(--primary-color);
    font-weight: 700;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
}

.card-events-wrapper{
    width: 100%;
    min-height: 200px;
    background: red;
}

/* Card CSS */
/* DEFAULT STYLE */
:root {
    --card-img-height: 200px;
}
  .card-container {
    width: 100%;
    height: auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    transition: all 200ms ease-in-out;
    font-family: 'primary-font-medium' !important;
  }
  .card {
    align-self: flex-start;
    position: relative;
    width: 325px;
    min-width: 275px;
    margin: 1.25rem 0.75rem;
    background: white;
    transition: all 300ms ease-in-out;
  }
  .card .card-img {
    visibility: hidden;
    width: 100%;
    height: var(--card-img-height);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .card .card-img-hovered {
    --card-img-hovered-overlay: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    transition: all 350ms ease-in-out;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    position: absolute;
    height: var(--card-img-height);
    top: 0;
  }
  .card .card-info {
    position: relative;
    padding: 0.75rem 1.25rem;
    transition: all 200ms ease-in-out;
  }
  .card .card-info .card-about {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    transition: all 200ms ease-in-out;
  }
  .card .card-info .card-about .card-tag {
    width: 60px;
    max-width: 100px;
    padding: 0.2rem 0.5rem;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #505f79;
    color: #fff;
  }
  .card .card-info .card-about .card-tag.tag-news {
    background: #36b37e;
  }
  .card .card-info .card-about .card-tag.tag-deals {
    background: #ffab00;
  }
  .card .card-info .card-about .card-tag.tag-politics {
    width: 71px;
    background: #ff5630;
  }
  .card .card-info .card-title {
    z-index: 10;
    color: var(--secondary-color);
    /* font-family: 'primary-font-bold'; */
    /* text-transform: uppercase; */
    font-size: 1.2rem;
    padding-bottom: .25rem;
    transition: all 350ms ease-in-out;
  }
  .card .card-info .card-creator {
    padding-bottom: 0.75rem;
    transition: all 250ms ease-in-out;
  }
  .card:hover {
    cursor: pointer;
    box-shadow: 0px 15px 35px rgba(227, 252, 239, 0.1), 0px 5px 15px rgba(0, 0, 0, 0.07);
    transform: scale(1.025);
  }
  .card:hover .card-img-hovered {
    --card-img-hovered-overlay: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65));
    height: 100%;
  }
  .card:hover .card-about, .card:hover .card-creator {
    opacity: 0;
  }
  .card:hover .card-info {
    background-color: transparent;
  }
  .card:hover .card-title {
    color: #ebecf0;
    padding-bottom: 2rem;
    transform: translate(0, 40px);
  }
  .card-1 .card-img, .card-1 .card-img-hovered {
    background-image: var(--card-img-hovered-overlay), url(https://source.unsplash.com/Qm_n6aoYzDs);
  }
  .card-2 .card-img, .card-2 .card-img-hovered {
    background-image: var(--card-img-hovered-overlay), url(https://source.unsplash.com/C-v1p2DTakA);
  }
  .card-3 .card-img, .card-3 .card-img-hovered {
    background-image: var(--card-img-hovered-overlay), url(https://source.unsplash.com/V0L1LH7qWOQ);
  }
  .card-4 .card-img, .card-4 .card-img-hovered {
    background-image: var(--card-img-hovered-overlay), url(https://source.unsplash.com/zAi2Is48-MA);
  }

  /* Announcment styles */
  .announcment{
    width: 100%;
    display: flex;
    justify-content: space-between;
    /* box-shadow: 1px 10px 10px; */
    align-items: center;  
    border-radius: 105%; 
    background-color: transparent !important; 
  }

  .announcment > .announcment-title {
    width: 20%;
    background: var(--primary-color);
    padding: 5px 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;

  }
  .announcment > .announcment-slider-container {
    width: 80%;
    padding: 5px 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background: rgb(226, 225, 225);
    color: var(--primary-color);
    font-family: 'primary-font-bold';
    /* border: black solid 2px; */
  }

  /* Media query */

  @media (max-width: 1000px) {
    .announcment{
        /* width: 100%; */
        display: block;
    }
    .announcment > .announcment-slider-container {
        width: 100%;
        text-align: center;
        border-radius: 10px;
    }
    .announcment > .announcment-title {
        width: 100%;
        display: none ;
        text-align: center;
        border-radius: 10px;
    }
}

  .announcment  a {
    text-decoration: none;
    color:var(--secondary-color) !important
  }

  /* Navigation */

  .custom-top-nav-secondary-wrapper .nav-items ul  li.menu-item  a {
    color: var(--primary-opacity) ;
}
.nav-items ul li.menu-item {
    margin: 5px;
    margin-top: 25px;
}

.nav-items ul  li.menu-item  a {
    color: white ;
    text-decoration: none ;
    font-family: 'primary-font-bold';
    padding: 2px 10px;
    transition: .5s;
    border-bottom: solid 2px transparent;
    border-left: 2px solid transparent;
}

.nav-items ul li.menu-item a:hover, .nav-items ul li.menu-item.current-menu-item a{
    color: var(--secondary-color) ;
    /* transition: .2s; */
    border-bottom: solid 2px var(--secondary-color);
    border-left: 2px solid var(--secondary-color);
    border-bottom-left-radius: 7px;
}

.nav-items ul  li ul.sub-menu {
    display: none;
}
.mbl-navigation {
    display: none !important;
    background: red;
}

.mbl-navigation  ul  {
    display: none;
    margin-left: -40px;
    margin-top: 10px;
}
.mbl-navigation .nav-items ul li.menu-item{
    margin: 5px ;
}

.mbl-navigation .nav-items ul li.menu-item.current-menu-item a {
    color: var(--primary-opacity);
    border-color: var(--primary-opacity);
}
@media (max-width: 1000px) {
    .mbl-navigation {
        display: block;
    }
    .mbl-navigation  ul  {
        display: block;
    }
}

.body-text{
    color: var(--body-text-color);
}

#wpforms-328-header-error > *, .wpforms-error{
    color: red !important;
}
.contact-boxes {
    width: 100%;
    /* background:var(--primary-color-opacity-8); */
    padding: 40px 0;
    /* background: rgb(239, 239, 239); */

}

.contact-item-box{
    width: 100%;
    padding: 10px;
    flex-direction: column;
    cursor: pointer;
    display: flex;
    align-items: center;
    box-shadow: 0 0  10px rgb(200, 200, 200);
    justify-content: center;
    border: solid 2px var(--secondary-color);
    border-radius: 10px;
    font-weight: 700;
    text-align: center;
    /* border-bottom: solid 5px var(--primary-color);
    border-top: solid 5px var(--primary-color); */
    min-height: 200px;
    /* color: white; */
    background:white;
    color: rgb(40, 40, 40);
    background: rgba(255, 255, 255, 0.6);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(0px);
-webkit-backdrop-filter: blur(0px);
border: 1px solid rgba(255, 255, 255, 0.1);
margin-bottom: 20px;
}

.icon-contact{
    color: var(--secondary-color);
    /* background: var(--secondary-color); */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    border-radius: 100px;
    width: 50px;
    border: solid 1px var(--secondary-color);
    margin-bottom: 10px;
    height: 50px;
    /* border: solid ; */
}