:root {
    --color-primary: #f4a240;
    --secondary-color: #8BA3B3;
    --deep-gray: #4d5b63;
}

/* Home Video */
.video-overlay {
    background-color: rgba(0, 0, 0, 0.4);
    pointer-events: none;
}

.video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.bg-fallback-img {
    background-image: url(../images/home/sonu-infratech-banner.jpg);
    height: 750px;
    display: flex;
    align-items: center;
}

/* Home About */
.justify {
    text-align: justify;
}

.primary-root {
    color: var(--color-primary);
}

.b-radius {
    border-radius: 10px;
}

.bg-about {
    background-image: url(../images/home/home-about.jpg) !important;
}

.bg-about-img {
    background-image: url(../images/home/home-about-img.jpg) !important;
}

.gap-pad {
    padding: 80px 0px;
}

.gap-pad-60 {
    padding: 60px 0px;
}

/* Footer Section */
.ft-m-60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.ft-mt-40 {
    margin-top: 40px;
}

.ft-map {
    width: 300px;
    height: 230px;
    border-radius: 10px;
    border: 2px dotted var(--color-primary);
}

.pr-0 {
    padding-right: 0px;
}

/* Whatsapp */
.sticky-whatsapp {
    position: fixed;
    left: 24px;
    bottom: 35px;
    z-index: 1000;
    transition: transform 0.3s ease;
}

.set-whatsapp {
    height: 40px;
    width: 40px;
}

/* Contact Us */
.bg-height-250 {
    height: 250px;
}

.cnt-bg {
    background-image: url(../images/banner/contact-us-img.jpg) !important;

}

.bg-cover {
    background-size: cover;
    position: relative;
    z-index: 1;
}

.bg-overlay::before {
    border-radius: 14px;
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.705);
    z-index: -1;
}

.cnt-map {
    height: 430px;
    border-radius: 10px;
    border: 2px dotted var(--color-primary);
}

.error-msg {
    color: rgb(212, 80, 80) !important;
    margin-bottom: 0px !important;
    padding-bottom: 20px !important;
}

.cnt-form {
    padding: 30px 30px;
}

/* About Us */
.ab-bg {
    background-image: url(../images/banner/about-us-img.jpg) !important;

}

.pad-30 {
    padding: 30px 0px;
}

.ab-us-pad {
    padding: 30px 30px 30px !important;
}

.inner-content-team .team-fs {
    font-size: 20px !important;
}

.banner-fs-40 {
    font-size: 52px !important;
}

/* Vision, Mission */
.vision-bg {
    background-image: url(../images/banner/vision-mission-img.jpg) !important;
}

.mission-pr {
    padding-right: 65px;
}

/* Our Team */
.team-bg {
    background-image: url(../images/team/our-team-banner.jpg) !important;
}

.team-pad,
.team-img-pad {
    padding: 18px 18px 32px 18px !important;
}

.team-m {
    margin-top: 10px;
    margin-bottom: 16px !important;
}

/* Awards */
.awards-bg {
    background-image: url(../images/banner/awards-banner.jpg) !important;
}

.awards-fix {
    width: 359px;
    height: 485px;
}

/* HSE Policy */
.hse-bg {
    background-image: url(../images/banner/policy-banner.jpg) !important;
}

.black-hse {
    color: #0C0A0A !important;
}

.mb-50 {
    margin-bottom: 50px;
}

/* Gallery Page */
.gallery-bg {
    background-image: url(../images/banner/gallery-banner.jpg) !important;
}

.gallery-fix {
    width: 359px;
    height: 369px;
}

.btn-disable button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Investor*/
.quarterly-bg {
    background-image: url(../images/banner/quarterly-banner.jpg) !important;
}

li.has-dropdown .service-s-menu {
    min-width: 400px;
    padding: 4px 10px;
}

/* Services */
.blog-single-post-listing .ser-pad {
    padding: 24px 24px;
}

.constr-build-bg {
    background-image: url(../images/service/industrial-commercial/industrial-commercial-banner.jpg) !important;
}

.rcc-pipe-bg {
    background-image: url(../images/service/rcc-pipe-racks/rcc-pipe-racks-banner.jpg) !important;
}

.havy-eq-bg {
    background-image: url(../images/service/heavy-equipment-foundations/heavy-equipment-foundations-banner.jpg) !important;
}

.pre-cast-bg {
    background-image: url(../images/service/pre-cast-works/pre-cast-works-banner.jpg) !important;
}

.vas-found-bg {
    background-image: url(../images/service/heavy-vessel-foundations/heavy-vessel-foundations-banner.jpg) !important;
}

.cement-road-bg {
    background-image: url(../images/service/cement-concrete-roads/cement-concrete-roads-banner.jpg) !important;
}

.rcc-platform-bg {
    background-image: url(../images/service/construction-rcc-platform/construction-rcc-platform-banner.jpg) !important;
}

.tank-bg {
    background-image: url(../images/service/tank-foundation/tank-foundation-banner.jpg) !important;
}

.cooling-bg {
    background-image: url(../images/service/cooling-towers/cooling-towers-banner.jpg) !important;
}

.station-bg {
    background-image: url(../images/service/sub-stations/sub-stations-banner.jpg) !important;
}

.culverts-bg {
    background-image: url(../images/service/heavy-culverts-and-underpasses/heavy-culverts-and-underpasses-banner.jpg) !important;
}

.painting-bg {
    background-image: url(../images/service/industrial-structural-painting/industrial-structural-painting-banner.jpg) !important;
}

.mechanical-bg {
    background-image: url(../images/service/mechanical-scaffolding-job/mechanical-scaffolding-job-banner.jpg) !important;
}

.civil-bg {
    background-image: url(../images/service/civil-maintenance-job/civil-maintenance-job-banner.jpg) !important;
}

.mech-works-bg {
    background-image: url(../images/service/mechanical-works/mechanical-works-banner.jpg) !important;
}

/* Service List Active */
.service-list li.active a,
.service-list li.active a i {
    background-color: var(--color-primary);
    color: #fff;
}

/* Header Sub Menu Active */
.active-menu {
    color: var(--color-primary) !important;
    background: #F2F2F8 !important;
}

/* Header Menu Active */
.sonu-menu ul li a.active {
    color: var(--color-primary) !important;
}

/* Inquiry Modal */
.inquiry-form {
    padding: 0px 30px;
    padding-bottom: 30px;
}

.inq-text {
    padding: 12px 0px;
    padding-bottom: 24px;
}

.social-link ul li a {
    padding: 6px 0 !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .bg-fallback-img {
        height: 450px;
    }

    .rp-banner-title {
        font-size: 28px !important;
    }

    .rp-banner-text {
        font-size: 17px !important;
    }

    .rp-pad {
        padding: 30px 0px !important;
    }

    .rp-height {
        height: 500px;
    }

    .rp-pt-26 {
        padding-top: 26px;
    }

    .rp-mb-35 {
        margin-bottom: 35px !important;
    }

    .rp-pb-12 {
        padding-bottom: 12px !important;
    }

    .ft-m-60 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .bg-height-250 {
        height: 200px;
    }

    .bg-cover {
        margin: 12px 12px;
    }

    .banner-fs-40 {
        font-size: 40px !important;
    }

    .rp-mb-0 {
        margin-bottom: 0px !important;
    }

    .rp-mt-30 {
        margin-top: 30px !important;
    }

    .rp-vi-title {
        font-size: 26px !important;
        margin-bottom: 75px;
    }

    .rp-pl-0 {
        padding-left: 15px;
    }

    .mission-pr {
        padding-right: 15px;
    }

    .rp-m-12 {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
    }

    .team-pad,
    .team-img-pad {
        padding: 0px 18px 12px 18px !important;
    }

    .rp-su-tex {
        font-size: 12px !important;
    }

    .rp-m-30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .active-menu {
        padding-inline-start: 6px !important;
    }

    .rp-mr-0 {
        margin-right: 0px !important;
    }

    .rp-ml-0 {
        margin-left: 0px !important;
    }

    .rp-mb-50 {
        margin-bottom: 50px !important;
    }

    .inq-text {
        padding: 24px 0px !important;
        padding-bottom: 28px !important;
    }

    .inquiry-form {
        padding: 0px 20px !important;
        padding-bottom: 30px !important;
    }
}

/* about us page */
.single-choose-us-one .icon span {
    color: var(--color-primary) !important;
}

header .nav-area ul li.main-nav:hover>a {
    color: var(--color-primary) !important;
}

header .nav-area ul li.main-nav:hover::after {
    color: var(--secondary-color) !important;
}

.bg-dark-large {
    background: #ffffff !important;
}

.color {
    color: #141416 !important;
}

.white-color{
    color: #ffffff !important;
}

.bg-color {
    background: #ffffff !important;
}

.counter-area-wrapper-about-4 .single-counter .right-content-wrapper span.ss {
    color: #ffffff;
}

.counter-area-wrapper-about-4 .single-counter {
    background: var(--deep-gray);
}

.header-four {
    background: var(--deep-gray);
}

.bg-color-section{
 background: var(--deep-gray);
}

.single-process-wrapper-4 p.disc {
    color: #ffffff;
}

.bg-home-4 {
    background: var(--deep-gray);
}

.our-working-process-area-4 {
    height: 380px !important;
}

.single-process-wrapper-4 span.number {
    background:var(--color-primary) ;
}

.single-process-wrapper-4 span.number::after {
    background: var(--deep-gray);
}

.single-contact-area-box a{
    color: #ffffff !important;
}

.single-contact-area-box a:hover{
    color: var(--color-primary) !important;
}

.footer-wrapper-left-one p.disc {
    color: #ffffff !important;
}

.team-area-swiper-main-4 .swiper-button-next, .team-area-swiper-main-4 .swiper-button-prev {
    background: var(--deep-gray) !important;
}

.single-nav-area-footer.use-link a {
    color: #ffffff !important;
}


.single-nav-area-footer.use-link a:hover {
    color: var(--color-primary) !important;
}

.single-service-style-4 {
    background: var(--color-primary);
}

.single-service-style-4 .top p.disc {
    color: #ffffff !important;
}

.single-contact-area-box .icon {
    background: var(--color-primary);
}

.social-area-wrapper-one ul li a {
    background: var(--color-primary);
}

.reveal-animation.reveal-primary::before {
    background: var(--secondary-color);
}

.single-service-style-4 .top .icon {
    background: var(--deep-gray);
}

.header-four .header-bottom {
    margin-top: -20px;
    margin-bottom: -20px;
}

.header--sticky.sticky {
  padding-top: 20px;
  padding-bottom: 20px;
}

.rts-elevate-pagination ul li.active button {
    background: var(--color-primary);
    color: #fff;
    border-color: var(--color-primary);
}

.rts-elevate-pagination ul li a:hover {
    color: white;
}

/* form bot field */
.field-bot {
  position: absolute;
  left: -9999px;
  height: 1px !important;
  width: 1px !important;
  opacity: 0 !important;
}