:root {
    --primary-dark: #E6953E;
    --main-color: #E6953E;
    --primary-light: #1a4480;
    --accent: #D35400;
    --gold: #FFD700;
    --text-light: #e6f1ff;
    --text-dim: #4a5568;
    --white: #ffffff;
    --light-gray: #f4f7f6;
    --glass: rgba(255, 255, 255, 0.95);
    --shadow: 0 10px 30px -10px rgba(0, 45, 114, 0.2)
}

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

body {
    font-family: "Manrope", sans-serif;
    background-color: #F8F9FA;
    color: #60697b;
    line-height: 1.6;
    overflow-x: hidden;
    word-spacing: 2px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 700;
    color: #343f52;
    word-spacing: .1rem;
    letter-spacing: -.01rem;
}

/* Default state */
.navbar {
    transition: all 0.4s ease;
}

/* Sticky active state */
.navbar.nav-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    animation: slideDown 0.4s ease forwards;
}

/* Slide animation */
@keyframes slideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}


.content-wrapper {
    background-color: #F8F9FA;
}

a {
    text-decoration: none;
    transition: all 0.3s ease
}

.head-height {
    height: 45px;
}

.head-height address.mb-0 {
    font-size: 15px;
}

.head-height p {
    font-size: 15px;
}

.nav-link {
    font-size: 16px;
    font-weight: 700;
    color: #343f52 !important;
    padding: 20px 24px !important;
}

.navbar-expand-lg.navbar-light .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
    color: #e6953e;
}

.dropdown-item {
    padding: 6px 30px !important;
    font-weight: 700;
}

.dropdown-item:hover {
    /* background-color: #e6953e; */
    color: #e6953e;
    background-color: transparent;
}

.bg-soft-primary {
    background-color: #FDF5ED;
}

.dropdown-menu {
    padding: 20px 0px !important;
    border: none;
}

.enq-btn-head {
    background-color: var(--primary-dark);
    color: var(--white);
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 700;
}

/* Hover dropdown desktop */
@media (min-width: 992px) {
    .navbar .dropdown:hover>.dropdown-menu {
        display: block;
    }

    .dropdown-submenu:hover>.dropdown-menu {
        display: block;
    }
}

/* Submenu positioning */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: 0.1rem;
}

/* UI polish */
.dropdown-menu {
    border-radius: 10px;
    padding: 8px 0;
}

.dropdown-item {
    font-size: 14px;
    padding: 8px 18px;
}

.video-container video {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    z-index: -3;
}

.hero-bg {
    background-color: hsla(0, 0%, 6%, .5);
}

/* HERO SECTION MUST HOLD HEIGHT */
.hero-bg {
    position: relative;
    min-height: 100%;
    overflow: hidden;
    /* 🔥 MOST IMPORTANT */
}

.video-container {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

.video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.caption,
.divider {
    position: relative;
    z-index: 2;
}

.hero-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1;
}

.underline-3 {
    position: relative;
    z-index: 1;
}

.caption h1 {
    font-weight: 700;
    font-size: 56px !important;
    animation-name: slideInDown;
    animation-duration: 700ms;
    animation-timing-function: ease;
    animation-delay: 500ms;
    animation-direction: normal;
    animation-fill-mode: both;
    letter-spacing: -.035em !important;
}

.underline-3.style-3.yellow::after {
    content: "";
    position: absolute;
    left: -10px;
    bottom: -2px;
    width: 110%;
    height: 17px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 205 9.37'%3E%3Cpath fill='%23fab758' d='M202.47,9.37A1191.26,1191.26,0,0,0,1.79,7.48,1.67,1.67,0,0,1,0,5.92H0A1.76,1.76,0,0,1,1.63,4.21c67-5.71,133.83-5.43,200.8-.27A2.75,2.75,0,0,1,205,6.88h0A2.6,2.6,0,0,1,202.47,9.37Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.btn {
    transition: all 0.3s ease;
}

.btn:not(.btn-link):hover {
    transform: translateY(-.15rem);
    box-shadow: 0 .25rem .75rem rgba(30, 34, 40, .15);
    background-color: var(--primary-dark);
    transition: all 0.3s ease;
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

p.lead.fs-23.lh-sm.mb-7.pe-lg-5.pe-xl-5.pe-xxl-0 {
    font-size: 23px;
    margin-bottom: 30px;
    word-spacing: 4px;
    font-weight: 700
}

.contact-btn {
    padding: 13px 28px;
    background-color: var(--primary-dark);
    border: none;
    border-radius: 8px;
}

.text-muted {
    --bs-text-opacity: 1;
    color: #0c70b8 !important;
}

h3.fs-15.text-uppercase.text-muted.mb-3 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 15px;
    letter-spacing: .02rem;
    word-spacing: 4px;
}

.wrapper h2 {
    font-size: 36px;
    font-weight: 700;
}

.rounded-xl,
.rounded-xl img,
.rounded-xl>.plyr {
    border-radius: .8rem !important;
}

.img-mask img,
figure img {
    width: 100%;
    max-width: 100%;
}

.fs-20 {
    font-size: 19px !important;
    font-weight: 500;
}

.lead {
    line-height: 1.65;
}

.mark,
.rounded img,
mark {
    border-radius: .4rem;
}

.img-mask img,
figure img {
    width: 100%;
    max-width: 100%;
}

figure img {
    height: auto !important;
}

img,
svg {
    vertical-align: middle;
}

a.post-title.h3.d-flex.justify-content-center.btn-link {
    text-decoration: none;
    font-size: 22px;
    font-weight: 700;
}

a.post-title.h3.d-flex.justify-content-center.btn-link:hover {
    color: var(--primary-dark);
}

.image-wrapper.bg-overlay:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(30, 34, 40, .5);
}

.image-wrapper:not(.mobile) {
    background-attachment: fixed !important;
}

.image-wrapper {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    position: relative;
    z-index: 0;
}

.z-1 {
    z-index: 1;
}

.image-wrapper.bg-overlay.bg-content .content,
.image-wrapper.bg-overlay:not(.bg-content) * {
    position: relative;
    z-index: 2;
}

.text-line:not(.text-gradient) {
    display: inline-flex;
}

.fs-16 {
    font-size: 16px !important;
    letter-spacing: 0.5px;
}

.text-line.text-white:before {
    background-color: #fff;
}

.text-line:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: 50%;
    transform: translateY(-60%);
    left: 0;
    width: .75rem;
    height: .05rem;
    /* background: #e6953e; */
}

.display-4 {
    font-size: 36px;
    font-weight: 700;
}

.py-18 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
}

.sec-img img {
    width: 100%;
}

.sec-img p {
    font-weight: 500;
}

.mb-md-12 {
    margin-bottom: 60px;
}

.image-wrapper.bg-full {
    background-size: 100%;
}

.image-wrapper.bg-auto,
.image-wrapper.bg-full {
    background-position: 50%;
    background-repeat: no-repeat;
    background-attachment: scroll !important;
}

.card.image-wrapper.bg-full.bg-image.bg-overlay.bg-overlay-400.text-white.mt-n5.mt-lg-0.mt-lg-n50p.mb-lg-n50p.border-radius-lg-top {
    border-radius: 10px;
}

.card.image-wrapper.bg-full.bg-image.bg-overlay.bg-overlay-400.text-white.mt-n5.mt-lg-0.mt-lg-n50p.mb-lg-n50p.border-radius-lg-top.image-wrapper.bg-overlay-400:before {
    background: rgba(30, 34, 40, .4);
    border-radius: 10px;
}

.card[class*=bg-] {
    box-shadow: none !important;
}

.bg-white-900 {
    background: hsla(0, 0%, 100%, .9) !important;
}

.card.bg-white-900 {
    border-radius: 10px;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
    padding: 12px 20px;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: 50px;
    min-height: 50px;
    line-height: 1.25;
}

.form-control {
    display: block;
    width: 100%;
    padding: .6rem 1rem;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.7;
    color: #959ca9 !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(8, 60, 130, .07);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .4rem;
    box-shadow: 0 0 1.25rem rgba(30, 34, 40, .04);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    height: 50px;
    font-size: 15px;
}

.image-wrapper.bg-overlay .form-floating>label {
    position: absolute;
}

.image-wrapper.bg-overlay.bg-content .content,
.image-wrapper.bg-overlay:not(.bg-content) * {
    position: relative;
    z-index: 2;
}

.form-floating>label {
    color: #959ca9;
    font-size: 15px;
    font-weight: 500;
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    padding: .6rem 1rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out;
}

label {
    display: inline-block;
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: var(--primary-dark);
    outline: 0;
    box-shadow: none;
}

.form-floating>.form-select {
    padding-top: 1rem;
    padding-bottom: .2rem;
}

.form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    color: rgba(96, 105, 123, 1);
    transform: scale(.8) translateY(-.4rem) translateX(.2rem);
}

.form-floating>.form-select~label:after {
    position: absolute;
    inset: .6rem .5rem;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: var(--bs-body-bg);
    border-radius: .4rem;
}

select#form-select {
    color: #959ca9;
    font-size: 15px;
    font-weight: 500;
    padding: 15px 0 0 14px;
}

.form-p {
    font-weight: 500;
}

.orange-icon {
    color: #e6953e;
}

.link-body {
    color: #60697b;
}

.text-reset a {
    color: inherit !important;
    transition: all .2s ease-in-out;
}

.icon-list:not(.row) li+li,
.unordered-list li+li,
.widget .list-unstyled:not(.tag-list) li+li {
    margin-top: 7px;
}

.social i.fa-brands.fa-facebook-f {
    color: #4470cf;
    margin-right: 15px;
    font-size: 20px;
}

.social i.fa-brands.fa-linkedin {
    color: #3393c1;
    font-size: 20px;
}

.progress-wrap {
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    width: 50px;
    height: 50px;
    cursor: pointer;
    border-radius: 50%;
    z-index: 1010;
    opacity: 0;
    visibility: hidden;
    transform: translateY(.75rem);
    transition: all .2s linear;
}

.progress-wrap.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.progress-wrap svg {
    transform: rotate(-90deg);
}

/* Grey background ring */
.progress-track {
    fill: none;
    stroke: #d3d3d3;
    stroke-width: 4;
}

/* Progress ring */
.progress-bar {
    fill: none;
    stroke: #e6953e;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-dasharray: 307.919;
    stroke-dashoffset: 307.919;
    transition: stroke-dashoffset 0.1s linear;
}

/* Center arrow */
.progress-wrap::after {
    content: "↑";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    color: #e6953e;
}

.breadcrumb.text-white .breadcrumb-item a,
.breadcrumb.text-white .breadcrumb-item.active,
.breadcrumb.text-white .breadcrumb-item:hover {
    color: #fff;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
}

.divider.text-white.mx-n2 {
    margin-bottom: -1px;
}

.lift {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transform: translateY(0);
    transition: all .3s ease;
}

.lift:hover {
    transform: translateY(-.4rem);
    box-shadow: 0 .25rem 1.25rem rgba(52, 63, 82, .1);
}

.bg-gradient-primary {
    background: linear-gradient(180deg, #fdf5ed, hsla(0, 0%, 100%, 0) 100%);
}

.abt-page h3 {
    font-size: 22px;
}

.py-md-9 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}

p.fs-lg.text-white {
    font-size: 20px;
}

.btn-group-sm>.btn.btn-circle,
.btn.btn-circle.btn-sm {
    width: 1.8rem;
    height: 1.8rem;
    font-size: 12px;
}

.btn.btn-circle {
    padding: 0;
    border-radius: 100% !important;
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #FBEEE0;
}

.mt-10 {
    margin-top: 2.5rem !important;
}

.mb-10 {
    margin-bottom: 2.5rem !important;
}

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

.bg-pale-yellow {
    background-color: #fef3e4 !important;
}

.bg-pale-red {
    background-color: #fae6e7 !important;
}

.bg-pale-leaf {
    background-color: #eaf3ef !important;
}

.bg-pale-blue {
    background-color: #e0e9fa !important;
}

.btn-navy {
    background-color: #343f52 !important;
}

.myIndustrySlider .card {
    border-radius: 8px;
    overflow: hidden;
    transition: 0.3s ease;
    border: none;
}

.myIndustrySlider .card:hover {
    transform: translateY(-8px);
}

.myIndustrySlider .card img {
    width: 100%;
    object-fit: cover;
}

.swiper-controls {
    position: absolute !important;
    pointer-events: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1111;
}

.myIndustrySlider h3 {
    text-align: center;
}

.swiper-container.nav-bottom .swiper-navigation {
    display: flex;
    flex-direction: row;
    justify-content: center;
    transform: none;
    position: absolute !important;
    bottom: 60px;
    left: 0;
    width: 100%;
}

.swiper-controls .swiper-navigation {
    pointer-events: all;
}

.swiper-container.nav-bottom .swiper-navigation .swiper-button {
    top: auto;
    left: auto;
    right: auto;
    bottom: 0;
    position: relative;
    margin: 0 15px;
}

.swiper-controls .swiper-navigation .swiper-button.swiper-button-prev {
    left: 1rem;
}

.swiper-container.nav-color .swiper-button {
    background: rgba(230, 149, 62, .9) !important;
    color: #fff !important;
}

.swiper-controls .swiper-navigation .swiper-button {
    background: hsla(0, 0%, 100%, .7);
    color: #343f52;
    border: 0;
    box-shadow: 0 .25rem .75rem rgba(30, 34, 40, .02);
    width: 44px;
    height: 44px;
    line-height: inherit;
    border-radius: 100%;
    text-shadow: none;
    transition: all .2s ease-in-out;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-size: 14px;
    font-weight: bold;
}

.industry-card h3 {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.industry-card img {
    border-radius: 8px 8px 0 0;
    width: 100%;
}

.industry-card {
    background-color: #fff;
    border-radius: 8px;
}

.wrapper.bg-light.angled.lower-end:after,
.wrapper.bg-light.angled.upper-end:before {
    border-right-color: #fefefe;
}

.wrapper.angled.upper-end:before {
    border-right-color: transparent;
    border-right-width: 100vw;
    border-top-width: 4rem;
    top: -4rem;
}

.wrapper.angled:after,
.wrapper.angled:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    z-index: 0;
    border: 0 solid transparent;
}

.wrapper.angled {
    position: relative;
    border: 0;
}

.mt-n19 {
    margin-top: -150px !important;
}

.modal-lg {
    width: 750px
}

.modal-dialog {
    margin: 7% auto
}

.inq-btn-home {
    position: fixed;
    top: 300px;
    left: 10px;
    width: 45px;
    height: 50px;
    z-index: 1111
}

.modal {
    z-index: 999999 !important
}

.modal-header {
    padding: 10px 15px 0 15px;
    background-color: #ff8300
}

.modal-title {
    font-size: 18px;
    color: #fff;
    text-align: left;
    padding-bottom: 9px
}

.modal-body {
    padding: 0 15px 10px 15px
}

.capside {
    float: left;
    margin-top: 25px
}

.close {
    position: absolute;
    right: 7px;
    top: 15px;
    font-size: 28px;
    color: #fff !important
}

.pop-img {
    margin-top: 10%;
    margin-bottom: 20px;
    width: 100%;
    height: auto
}

button.close {
    -webkit-appearance: none;
    cursor: pointer;
    background: 0 0;
    border: 0;
    background-color: #b52414 !important;
    padding: 1px 10px 17px 10px !important;
    margin-top: -15px !important;
    position: absolute;
    opacity: 1;
    color: #fff !important
}

button.btn.moClose {
    background-color: #b52414 !important;
    color: #fff !important
}

@media only screen and (max-width:425px) {
    .footer-divider.border-top.py-3 {
        text-align: center !important
    }

    .contact-main-2.py-5 {
        padding-top: 0 !important
    }
}

@media only screen and (max-width:768px) {
    .modal-lg {
        width: 75%;
        margin: 15px auto
    }

    .dmo {
        display: none
    }

    .modal-footer {
        padding: 15px 21px;
        text-align: right;
        border-top: none;
        margin-top: -120px;
        position: relative;
        z-index: 999;
        width: 100%;
        float: right
    }

    .inq-btn-home img {
        width: 30px;
        height: auto
    }



    .modal-body {
        padding: 0 15px 45px 15px
    }

    .modal-dialog {
        margin: 15% auto
    }
}

.form-group {
    margin: 15px 0 !important;

}

.form-group label {
    color: var(--bg-color);
    line-height: 1.75em;
    margin: 0 0 15px;
    font-size: 16px;
    line-height: 1.75em;
    letter-spacing: 0;
    text-transform: initial;
    line-height: 1.6em;
    font-weight: 400;
    margin-top: 5px
}


.Submit-box {
    background-color: var(--primary-dark);
    padding: 10px 15px;
    color: #fff;
    border-radius: 5px;
    border: none !important
}

/* --- Redesigned Enquiry Form --- */
/* .enq-sec-main {
    background: white;
    padding: 60px 40px;
    border-radius: 30px;
    box-shadow: 0 20px 60px rgba(46, 12, 89, 0.08);
    border: 1px solid rgba(46, 12, 89, 0.05);
    margin: 40px 0;
} */

.enq-sec-main h2 {
    font-size: 2rem;
    margin-bottom: 20px;
    background: linear-gradient(135deg, #2e0c59, #6832a8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.enq-sec-main .form-group {
    margin-bottom: 25px !important;
}

.enq-sec-main .form-control {
    background: #ffffff;
    border: none !important;
    border-radius: 8px;
    border: 1px solid #e6e6e6 !important;
    margin-left: 3px;
    /* padding: 18px 25px; */
    font-size: 1rem;
    color: #1b1b1b;
    font-weight: 500;
    transition: all 0.3s ease;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.02);

}

.enq-sec-main .form-control::placeholder {
    color: #888;
    font-weight: 400;
}

.enq-sec-main .form-control:focus {
    background: white;
    box-shadow: 0 5px 20px rgba(104, 50, 168, 0.15);
    transform: translateY(-2px);
    outline: none;
}

/* Override existing form styles */
.enq-sec-main .form-group input,
.enq-sec-main .form-group textarea,
.enq-sec-main .form-group select {
    /* border-left: none !important; */
    /* Remove the old left border */
}

/* Submit & Reset Buttons */
.enq-sec-main .Submit-box {
    background: linear-gradient(135deg, #E6953E, #fc8b13);
    color: white;
    border: none !important;
    border-radius: 8px;
    padding: 15px 40px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(255, 184, 53, 0.3);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    margin-right: 15px;
    min-width: 150px;
}

.enq-sec-main .Submit-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px #ffa22980;
    background: linear-gradient(135deg, #fc8b13, #E6953E);
}

.enq-sec-main input[type="reset"].Submit-box {
    background: white;
    color: #E6953E;
    border: 2px solid #E6953E !important;
    box-shadow: none;
}

.enq-sec-main input[type="reset"].Submit-box:hover {
    background: #fda500;
    color: white;
}

/* Captcha Styling */
#uCaptcha {
    text-align: center;
    font-weight: bold;
    /* font-size: 1.2rem; */
    letter-spacing: 5px;
}

.right-ok {
    background-image: url(../img/right-icon.webp);
    background-repeat: no-repeat;
    background-position: 8px;
    height: auto
}

.wrong-icon {
    background-image: url(../img/wrong-icon.webp);
    background-repeat: no-repeat;
    background-position: 8px;
    height: auto
}

.privacy-head h2 {
    font-size: 26px;
    margin-bottom: 10px;
}

.privacy-head h3 {
    font-size: 22px;
    margin-bottom: 10px;
}

.product-card img {
    width: 100%;
    border-radius: 8px 8px 0 0;

}

.product-card {
    background: white;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    transition: all 0.3s ease;
    border-bottom: 3px solid transparent;
}

.product-card:hover {
    transform: translateY(-5px);
    border-bottom: 3px solid #f0ad4e;
}

.product-title {
    padding: 20px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #0d2c5e;
    margin: 0;
}

.section-title {
    color: #0d2c5e;
    font-weight: 800;
    font-size: 36px;
    margin-bottom: 20px;
    text-transform: capitalize;
    position: relative;
}

.section-title::after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: #f0ad4e;
    margin-top: 15px;
}

.text-center .section-title::after {
    margin-left: auto;
    margin-right: auto;
}

.section-subtitle {
    color: #f0ad4e;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
}

.container.pb-11 .row.mb-5.pb-lg-4 {
    border-bottom: 1px solid #adadad;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 18px !important;
}

@media (max-width: 1340px) {
    .hero-bg .text-center.text-sm-start.d-flex.flex-column.justify-content-center {
        padding: 80px 0 !important;
    }
}

@media (min-width: 1400px) {
    .py-xxl-20 {
        padding-top: 200px !important;
        padding-bottom: 200px !important;
    }

}

@media (min-width: 1200px) {
    .p-xl-10 {
        padding: 50px !important;
    }

    .counter-wrapper .counter.counter-lg {
        font-size: 44px;
    }

    .display-1 {
        font-size: 48px;
        font-weight: 700;
    }

    .display-2 {
        font-size: 44px !important;
    }
}

@media (min-width: 992px) {
    .py-lg-13 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .px-lg-16 {
        padding-right: 6rem !important;
        padding-left: 6rem !important;
    }

    .p-lg-14 {
        padding: 90px !important;
    }
}

@media (min-width: 768px) {
    .py-md-17 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important;
    }

    .pt-md-12 {
        padding-top: 70px !important;
    }

    .pb-md-18 {
        padding: 160px !important;
    }

    .pb-md-21 {
        padding-bottom: 200px !important;
        padding-top: 200px !important;
    }
}

@media (max-width: 1024px) {
    .nav-link {
        padding: 20px 20px !important;
    }

    .caption h1 {
        font-size: 44px !important;
    }

    .container.pt-17.pb-15.py-sm-17.py-xxl-20.caption {
        padding: 30px 0;
    }

    .py-md-9 {
        padding: 20px 0 !important;
    }

    .card-body.p-9.p-xl-10 {
        padding: 25px 0;
    }

    .row.align-items-center.counter-wrapper.gy-4.text-center {
        --bs-gutter-x: 0 !important;
    }

    .wrapper h2 {
        font-size: 30px;
        font-weight: 700;
    }

    .pb-md-18 {
        padding: 100px !important;
    }

    .mt-n19 {
        margin-top: -100px !important;
    }

    .pb-md-21 {
        padding-bottom: 170px !important;
        padding-top: 100px !important;
    }

    section.wrapper.bg-light.py-5.abt-page .swiper-slide {
        width: 100% !important;
    }


}

@media (max-width: 768px) {
    li.dropdown-submenu.dropend ul.dropdown-menu.show {
        border: 1px solid orange;
    }

    a.btn.btn-primary.btn-sm.rounded.enq-btn-head {
        margin-bottom: 25px !important;
    }

    .bg-primary.text-white.fw-bold.fs-15.d-none.d-md-block {
        display: none !important;
    }

    .enq-sec-main .Submit-box {
        padding: 10px 30px;
        min-width: 130px;
    }

    footer .widget {
        margin-bottom: 20px;
    }

    footer {
        padding-top: 30px;
    }

    .row.gx-lg-8.gx-xl-12.gy-10.mb-lg-12.align-items-center.abt-page .col-lg-5 {
        margin-bottom: 30px;
    }

    .row.grid-view.gx-md-8.gx-xl-10.gy-8.gy-lg-0.text-center.abt-page .col-md-6.col-lg-4.mx-auto {
        margin-bottom: 20px;
    }

    .container.pt-10.pb-14.pb-md-16.mb-5 {
        margin-bottom: 0 !important;
    }

    .nav-link {
        padding: 8px 20px !important;
    }

    .p-10.p-md-11.p-lg-14 {
        padding: 25px;
    }
}

@media (max-width: 576px) {

    body {
        overflow-x: hidden;
    }

    img {
        width: 100%;
    }

    .mx-n2 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* Fix video overflow */
    .video-container video {
        width: 100%;
        height: auto;
    }

    /* Make all images responsive */
    img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* Prevent long buttons from expanding */
    .btn {
        white-space: normal;
    }

    #pricing .container {
        padding: 50px 0;
    }

    .divider.text-white.mx-n2 {
        margin-bottom: -4px;
    }

    .video-container video {
        width: 100%;
        height: 100%;
    }

    .wrapper h2 {
        font-size: 32px;
        font-weight: 700;
    }

    .display-4 {
        font-size: 30px;
        font-weight: 700;
    }

    .caption h1 {
        font-size: 36px !important;
    }

    p.lead.fs-23.lh-sm.mb-7.pe-lg-5.pe-xl-5.pe-xxl-0 {
        font-size: 20px;
    }

    .pb-md-18 {
        padding: 60px 0 !important;
    }

    h2.display-2.mb-0.text-white {
        border-right: 0 !important;
    }

    .cnct-pad {
        padding: 0;
    }

    .card-img-top a img {
        width: 80px;
    }

    .myIndustrySlider h3 {
        text-align: center;
        font-size: 18px;
    }
}

@media screen and (max-width: 375px) {
    .enq-sec-main .col-sm-6 {
        padding: 0;
    }

    .enq-sec-main .col-5 {
        padding: 3px;
    }

    .enq-sec-main .col-2 {
        padding: 3px 0;
    }

    .enq-sec-main .Submit-box {
        min-width: 120px;
        margin-right: 5px;
    }

    .card.image-wrapper.bg-full.bg-image.bg-overlay.bg-overlay-400.text-white.mt-n5.mt-lg-0.mt-lg-n50p.mb-lg-n50p.border-radius-lg-top {
        background-size: 100% 100%;
    }

    .divider.text-white.mx-n2 {
        margin-bottom: -5px;
    }

    h1.display-1.mb-3.text-white {
        font-size: 36px;
    }


}
   #chatBtn {
            position: fixed;
            bottom: 10px;
            right: 10px;
            background-color: black;
            color: white;
            padding: 10px 20px;
            border: none;
            cursor: pointer;
            border-radius: 30px;
            z-index: 9999;
        }