.manufacturing-banner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: url('/assets/images/manufacturing/Manufacturing-Services-banner.webp');
    background-size: cover;
    background-position: center;
}

.manufacturing-heading {
    padding: 5rem 2rem;
}

.manufacturing-heading h2,
.manufacturing-heading h1 {
    font-size: 5rem !important;
    font-weight: 700;
    color: #E33237;
    line-height: 1;
}

.manufacturing-heading span {
    font-weight: 300;
    color: #000;
}

section.manufacturing {
    margin: 0 auto;
    width: 100%;
}

.align-left {
    margin: 0px 0px 10px 20px;
    max-width: 50px;
}

/* Construction page */
.construction-banner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: url('/assets/images/construction_eng/construction-banner.webp');
    background-size: cover;
    background-position: center;
}

.construction-heading {
    padding: 5rem 2rem;
}

.construction-heading h2,
.construction-heading h1 {
    font-size: 4rem !important;
    font-weight: 700;
    color: #E33237;
    line-height: 1;
}

/* .construction-heading span.headsubtxt{
    font-size: 2.5rem;
} */

.construction-heading span {
    font-weight: 300;
    color: #000;
}

section.construction {
    margin: 0 auto;
    width: 100%;
}

btn.btn.btn-know {
    border: 3px solid #e33237 !important;
}

btn.btn-know a {
    color: #e33237 !important;
    font-weight: 800;
    font-size: 1.1em;
}

/* Infrastructure page */

.infrastructure-banner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: url('/assets/images/Infrastructure Engineering/infrastructure-banner.webp');
    background-size: cover;
    background-position: center;
}

.infrastructure-heading {
    padding: 5rem 2rem;
}

.infrastructure-heading h2,
.infrastructure-heading h1 {
    font-size: 4rem !important;
    font-weight: 700;
    color: #E33237;
    line-height: 1;
}

.infrastructure-heading span {
    font-weight: 300;
    color: #000;
}

section.infrastructure {
    margin: 0 auto;
    width: 100%;
}

btn.btn.btn-know {
    border: 3px solid #e33237 !important;
}

btn.btn-know a {
    color: #e33237 !important;
    font-weight: 800;
    font-size: 1.1em;
}

/* service section start */
a#lumber-and-millwork-tab {
    /* background-image: url(/assets/images/construction_eng/archiectural.webp); */
    background-position: center;
}

a#architectural-services-tab {
    /* background-image: url(/assets/images/construction_eng/lumber.webp); */
    background-position: center;
}

a#rendering-animation-tab {
    /* background-image: url(/assets/images/construction_eng/3d-rendering-upscale.webp); */
    background-position: center;
}

/* Mechanical Servies */

a#mechanical-services-tab {
    /* background-image: url(/assets/images/manufacturing/mechanical%20engineering%20services.webp); */
}

a#engineering-analysis-services-tab {
    /* background-image: url(/assets/images/manufacturing/safe_relaible.webp); */
    background-position: center;
}

a#millwork-services-tab {
    /* background-image: url(/assets/images/manufacturing/ms_outsourcing_solution.webp); */
}

/* Infrastructure service*/
a#transportation-and-traffic-tab {
    /* background-image: url(/assets/images/Infrastructure%20Engineering/transportation-logistics-container-cargo-ship-cargo-plane%201.webp); */
    background-position: center;
}

a#gis-mapping-tab {
    /* background-image: url(/assets/images/Infrastructure%20Engineering/Rectangle%207563.webp); */
}

a#geo-technical-engineering-tab {
    /* background-image: url(/assets/images/Infrastructure%20Engineering/image%2025.webp); */

}

a#land-survey-service-tab {
    /* background-image: url(/assets/images/Infrastructure%20Engineering/land%20survey%202.webp); */
    background-position-y: 30%;
    background-position-x: 50%;
}

a#land-development-tab {
    /* background-image: url(/assets/images/Infrastructure%20Engineering/land%20development%202.webp); */
}


.nav-pills-custom .nav-link {
    color: #aaa;
    background: #fff;
    position: relative;
}

span.font-weight-bold.small.text-uppercase {
    text-align: center;
    color: #fff;
    z-index: 999;
    padding: 2rem 1rem;
}

.nav-pills-custom .nav-link.active {
    color: #45b649;
    background: #fff;
}

.manufacturing-overlay {
    position: absolute;
    background: #000000ed;
    width: 100%;
    top: 0;
    height: 100%;
    left: 0;
}

a.nav-link.mb-cust.p-3.active .manufacturing-overlay {
    background-color: #000000bd;
}

a.nav-link.mb-cust.p-3.active {
    border-left: 10px solid #E33237;
}

a.nav-link.mb-cust.p-3 {
    border-left: 7px solid rgb(46, 45, 45);
    border-radius: 0;
}

h4.manufacturing-tab-heading {
    font-size: 3rem;
    color: #E33237;
    font-weight: 700;
}

h4.manufacturing-tab-heading span {
    font-weight: 300;
}

.tab-content {
    text-wrap: wrap !important;
    width: auto;
}

.tab2 {
    width: 50% !important;
}

.solution-heading1 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.solution-heading1 span {
    font-size: 2rem;
    font-weight: 300;
}

.margin-bottom {
    margin-bottom: 1rem;
}

section.manufacturing-solution {
    padding: 50px 30px;
}

section.manufacturing-solution {
    padding: 50px 30px;
    background-color: #fef7f7;
}

.analysis-main {
    display: flex;
    justify-content: space-between;
}

/* section.manufacturing-solution .container {
    padding: 2rem 10rem;
} */

@media screen and (min-width: 1100px) and (max-width: 2460px) {
    h2.text-pink2.pb-4 {
        font-size: 2.4rem !important;
    }

    .services_text_cont h3 {
        min-height: 75px;
    }

    .text-block-about.common-padding {
        padding: 8rem 5rem !important;
    }
}

/* Add indicator arrow for the active tab */
@media (min-width: 992px) {
    .nav-pills-custom .nav-link::before {
        content: '';
        display: block;
        border-top: 15px solid white;
        border-left: 15px solid #000000bd;
        border-bottom: 15px solid white;
        position: absolute;
        top: 50%;
        right: -15px;
        transform: translateY(-50%);
        opacity: 0;
    }
}

.nav-pills-custom .nav-link.active::before {
    opacity: 1;
}

.first-wrapper {
    display: flex;
}

.analysis-cards .card {
    background-image: url(/assets/images/manufacturing/Mask/group.webp);
}

.analysis-cards .card p {
    padding: 2rem 2rem;
}

/* service section ends */


/* contact us faq section starts */

.collapsible-link {
    width: 100%;
    position: relative;
    text-align: left;
}

.collapsible-link::before {
    content: "\f055";
    position: absolute;
    top: 50%;
    right: 0.8rem;
    color: #E33237;
    transform: translateY(-50%);
    display: block;
    font-family: "FontAwesome";
    font-size: 1.1rem;
}

.collapsible-link[aria-expanded="true"]::before {
    content: "\f057";
    color: #fff;
}

button.btn1 {
    padding: 0.375rem 1.75rem;
    padding-bottom: 0.7rem;
}

.card-c-body {
    padding: 0.5rem 1.75rem 1.75rem 1.75rem;
}

section.contact.faq span {
    font-weight: 800;
}

section.contact.faq .faqh2 {
    padding: 2rem 0px;
    color: #000;
}

.card-c {
    margin-bottom: 1.5rem;
    box-shadow: 0px 28px 80px rgba(0, 0, 0, 0.11), 0px 11.6977px 33.4221px rgba(0, 0, 0, 0.079074), 0px 6.25417px 17.869px rgba(0, 0, 0, 0.0655718), 0px 3.50603px 10.0172px rgba(0, 0, 0, 0.055), 0px 1.86203px 5.32008px rgba(0, 0, 0, 0.0444282), 0px 0.774832px 2.21381px rgba(0, 0, 0, 0.030926);

}

section.contact.faq .col-lg-5.mx-auto {
    margin-bottom: 1.5rem;
}

section.contact.faq .container {
    padding: 0;
}

/* contact us faq section ends */


@media screen and (max-width:500px) {
    section.bg-about.container-fluid.position-relative .mobile .col-md-2.icon {
        -ms-flex: 0 0 16.666667%;
        max-width: 33%;
    }

    .manufacturing-heading h2,
    .manufacturing-heading h1 {
        font-size: 3rem !important;
    }

    .input_subscribe {
        width: 100% !important;
    }

    .form-control {
        font-size: 1.2rem !important;
        height: calc(2.5em + 0.75rem + 2px) !important;
    }

    .col-md-12.d-flex.flex-row.flex-wrap.subcribe_box {
        justify-content: flex-start !important;
    }

    .carousel_se_01 .main_services {
        min-height: 425px !important;
    }

    .geo-para1 {
        font-size: 1.8rem !important;
        padding: 0 1rem !important;
    }

    #owl-example .text-pink {
        font-size: 2rem !important;
    }

}

@media only screen and (min-width: 768px) {
    .carousel_se_01 .main_services {
        min-height: 450px !important;
    }
}

@media screen and (max-width:780px) {
    #hide-mobile {
        display: none !important;
    }

    .footer-1,
    .footer-2,
    .footer-3,
    .footer-4 {
        width: 48%;
    }

    .title-holder {
        font-size: 30px;
        line-height: 1.8;
    }

    .bg-client {
        background-size: auto !important;
    }

    .main_services h3 {
        font-size: 2rem !important;
    }
}

/* home css */
.bg-black90 {
    background: rgba(0, 0, 0, 0.95);
}

span.subheadxt {
    font-size: 2rem;
}

/*Home- our team- carousel css*/
.carousel_se_01 .main_services {
    background: #f5f5f5;
    border: 1px solid #d4d4d4;
}

.carousel_se_01 .item {
    background: transparent !important;
}

.color-fade {
    color: #D9D9D9;
}

#newsletter .form-control:focus {
    box-shadow: none;
}

#newsletter input.form-control.form-controls {
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0;
}

.form-group.col-md-5.color-fade {
    padding: 10px;
}

.col-md-8.bg-black90.pt-5.px-5 {
    background-image: url('/assets/images/Group 1000002653.png');
    background-size: auto;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: 90%;
}

img.news-image {
    top: 20%;
    position: absolute;
    left: 0;
}

section.subscribe-cont.px-5 {
    position: relative;
}

.mobile {
    /* display: none !important; */
}

.desktop {
    /* display: block !important; */
}

section.testimonial-main {
    background-image: url('/assets/images/Group 1000002656.png');
    background-size: auto;
    background-repeat: no-repeat;
    background-position-x: left;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #ff0000 !important;
}

.owl-theme .owl-dots .owl-dot span {
    background: #fff !important;
    border: 1px solid #D6D6D6 !important;
    position: relative;
    top: 10px;
    bottom: 0;
}

.owl-theme .owl-nav {
    color: #F3F3F3;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    color: #E33237 !important;
    background: transparent !important;
}

.testimonial-content:hover {
    /* background-image: url('/assets/images/image.webp'); */
    background-size: cover;
}

span.black-bold {
    font-weight: 800;
}

/* Home css End */

/* arrow animation home page */
span.arrow-box {
    background: #000;
}

span.arrow-box img {
    width: 60px;
    padding-right: 10px;
    padding-left: 10px;
}

/* arrow animation home page ends*/
.col-lg-3.col-sm-4.col-md-4 {
    position: relative;
}

.col-lg-3.col-sm-4.col-md-4::before {
    content: '';
    width: 14rem;
    height: 5rem;
    position: absolute;
    bottom: 0;
    box-shadow: 0px 46px 33px 0px rgba(0, 0, 0, 0.1);
    right: 12%;
}

/* .background-over {
    background-image: url('/assets/images/Group 1000002631.png');
    background-size: calc(100% - 84px);
    background-repeat: no-repeat;
    background-position-x: 84%;
} */
div#testimonial-slider .owl-nav i {
    font-size: 2rem;
}

/* stategic alliance style starts */
.statmain-banner {
    background-image: url('/assets/images/about/banner/strategic-alliance-banner.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right top;
    position: relative;
}

p.stat-btn {
    border: 3px solid #E33237;
    width: max-content;
    color: #E33237;
    font-weight: 800;
    padding: 10px 20px;
}

section#stategic-banner {
    padding: 0 !important;
}

.rt-heading {
    font-weight: 300;
}

.text-black {
    font-weight: 800;
}

span.stat-enq-btn {
    background: #E33237;
    color: #fff;
    font-weight: 800;
    padding: 10px 15px;
}

section.left-bg-img-with-right-content.pt-0 .col-lg-7 {
    padding: 4rem;
}

.bgimg-content {
    display: inline-flex;
    gap: 1rem;
}

.bgimg-tick img {
    width: 70px;
}

.bgimg-text p {
    color: #fff;
}

.text-white-stat {
    color: #e33237 !important;
    font-size: 4rem !important;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 2px 0 #fff;
    padding-bottom: 2rem;
}

.red-box-with-bg-stat {
    padding: 4rem;
}

.weight800 {
    font-weight: 800
}

.fluid-background {
    background: linear-gradient(to right, #e33237 0%, #e33237 52%, transparent 52%, transparent 100%);
    padding: 1rem;
    color: #fff;
}

.top-bottom-padding {
    padding: 2rem 0rem;
    margin-bottom: 0;
}

section#savy-section {
    background-image: linear-gradient(#faf8fbd4, #faf8fb8f), url(/assets/images/texture.png);
    background-position: right;
    background-repeat: no-repeat;
}

.savy-section {
    background-image: linear-gradient(#faf8fbd4, #faf8fb8f), url(/assets/images/texture.png);
    background-position: left;
    background-repeat: no-repeat;
}

.card-serve {
    background-image: linear-gradient(rgb(227 50 55 / 70%),
            rgb(227 50 55 / 70%)), url('/assets/images/overlay3.webp');
    min-height: 400px;
    height: auto;
    padding: 5rem 2rem;

}

.card-serve.cs1 {
    background-image: linear-gradient(#00215bdb,
            #00215bdb), url('/assets/images/bg-black-white/Transportation.webp') !important;

}

.card-serve.cs2 {
    background-image: linear-gradient(rgb(227 50 55 / 70%),
            rgb(227 50 55 / 70%)), url('/assets/images/bg-black-white/Infrastructure.webp') !important;

}

.card-serve.cs3 {
    background-image: linear-gradient(#00215bdb,
            #00215bdb), url('/assets/images/bg-black-white/Telecommunication.webp') !important;

}

.card-serve.cs4 {
    background-image: linear-gradient(rgb(227 50 55 / 70%),
            rgb(227 50 55 / 70%)), url('/assets/images/bg-black-white/Healthcare Equipment.webp') !important;

}

.card-serve.cs5 {
    background-image: linear-gradient(#00215bdb,
            #00215bdb), url('/assets/images/bg-black-white/Oil and Gas.webp') !important;

}

.card-serve.cs6 {
    background-image: linear-gradient(rgb(227 50 55 / 70%),
            rgb(227 50 55 / 70%)), url('/assets/images/bg-black-white/Manufacturing.webp') !important;

}

.card-serve.cs7 {
    background-image: linear-gradient(#00215bdb,
            #00215bdb), url('/assets/images/bg-black-white/land survey 4.webp') !important;

}

.card-serve.cs8 {
    background-image: linear-gradient(rgb(227 50 55 / 70%),
            rgb(227 50 55 / 70%)), url('/assets/images/bg-black-white/image 40.webp') !important;

}

.card-serve.cs9 {
    background-image: linear-gradient(#00215bdb,
            #00215bdb), url('/assets/images/bg-black-white/overlay-1.webp') !important;

}

.card-serve.cs10 {
    background-image: linear-gradient(rgb(227 50 55 / 70%),
            rgb(227 50 55 / 70%)), url('/assets/images/bg-black-white/overlay.webp') !important;

}

.card-serve.cs11 {
    background-image: linear-gradient(#00215bdb,
            #00215bdb), url('/assets/images/bg-black-white/overlay.webp') !important;

}

section#weserve .item {
    margin-right: 0;
}

.weservetext {
    text-align: center;
}

.weservetext p {
    margin: 2rem 10rem 3rem 10rem;
}

section.stat-abord h2.rt-heading {
    text-align: center;
}

#stat-abord {
    background-image: url('/assets/images/Vector.png');
    background-repeat: no-repeat;
    background-position-y: 175px;
}

.abord1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}

.abord.main {
    display: flex;
    align-items: flex-start;
}

.abord1 h6 {
    padding-left: 20px;
}

h6.pink-ct {
    font-size: 2rem !important;
    color: #E33237;
    font-weight: 600;
    margin-left: 27%;
}

.abord1 ul {
    margin-left: 25%;
}

.card-serve h2 {
    font-size: 2.2rem !important;
    font-weight: 800;
}

/* stategic alliance style ends */




/* Contsruction_eng Start  */
.section-padding {
    padding: 0 !important;
}

.construction_eng_banner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: url(/assets/images/construction_eng/construction-banner.webp);
    background-size: cover;
    background-position: center;
}

.main_banner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-size: cover;
    background-position: center;
}

.construction_eng_heading {
    padding: 5rem 2rem;
}

.construction_eng_heading h1 {
    font-size: 5rem !important;
    font-weight: 700;
    color: #E33237;
    line-height: 1;
}

.construction_eng {
    background-image: url(assets/images/manufacturing/Manufacturing-Services-banner.webp);
    background-size: cover;
    background-position: center;
}

/* construction section */
.construction_eng_section h3 {
    color: #fff;
    text-align: center;

}

.construction_eng_section h3 span {

    font-weight: 600;
}

.construction_eng_card_container {
    margin: 3rem 2rem;
}

.construction_eng_heading span {
    font-weight: 300;
    color: #000;
}

.construction_eng_section {
    background: #E33237;
    padding: 1rem;
}

.construction_eng_section p {
    text-align: center;
    font-size: 1rem !important;
    color: #fff;
}

/* construction service */
.construction_eng_service h4 {
    font-size: 4.2rem !important;
    color: #E33237;
}

.construction_eng_service h4 span {
    font-size: 2.76rem !important;
    color: #000;
}

.construction_eng_service p {
    font-size: 1rem !important;
}

.construction_eng_service button {
    background-color: #E33237;
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    padding: 0.5rem 2rem;
    cursor: pointer;
}


/* construction_eng cards section */
section.construction_eng_cards_section {
    margin: 1rem auto;
    padding: 0 8rem;
}

.construction_eng_cards_section h3 {
    font-size: 2.55rem !important;
    margin: 2.5rem auto;
    text-align: center;
}

.construction_eng_cards_section p {
    font-size: 1rem;
    text-align: center;
}

.construction_eng_card {
    padding: 3rem 2.5rem !important;
    position: relative;
    min-width: 20rem !important;
    max-width: 100% !important;
}

.construction_eng_card_text {
    background: #E33237;
    color: #fff;
    padding: 0.75rem 1.49rem;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60%;
    height: 18%;
    display: flex;
    align-items: center;
}

.construction_eng_card_text p {
    font-weight: 600;
    line-height: 1.3rem !important;
    text-align: start;
    margin-bottom: 0 !important;
}

/* Contsruction_eng End */


/* About page style starts */
.about-banner {
    background-image: url('/assets/images/about/banner/about-banner.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

section.description-section {
    background-image: url('/assets/images/about/49071571.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
}

.column1-box,
.column2-box {
    width: 50%;
}

h3.pink-higlight {
    font-size: 4rem !important;
}

.col-md-6.flex-box-about {
    display: flex;
    gap: 1rem;
}

.column2-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.text-pink2 {
    color: #e33237;
    font-weight: 300;
}

.icon-part img {
    max-width: none;
}

section.faq1 {
    background: #cccccc2e;
}

/* about page style ends */

/* header csss */
ul.sitemenu-inner-in {
    display: none;
    position: absolute;
}


ul.sitemenu-inner-in li {
    list-style-type: none;
}

ul.sitemenu-inner-in {
    padding: 0px;
}

/* Grow together page style */
.growmain-banner {
    background: url('/assets/images/grow/growtbanner.webp');
    background-repeat: no-repeat;
    background-position: right;
    background-size: 100%;
}

.letsgrow {
    background: url('/assets/images/grow/490715771.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

.card-header-new {
    display: flex;
    justify-content: center;
}

.findout .nav-tabs>.nav-item>.nav-link.active:after {
    content: " ";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #E33237;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.findout .nav-tabs>.nav-item>.nav-link.active {
    border-radius: 0;
}

.findout .nav-tabs>.nav-item>.nav-link {
    border-radius: 0;
}

/* findout slider style starts */

.findslider {
    display: flex;
    background: #080808;
}

.findimg {
    border-left: 45px solid #080808;
    background: #E33237;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.findalltext {
    padding: 5rem 10rem 4rem 5rem;
    width: 70%;
    text-align: left;
}

.findtestcontent p {
    color: #fff;
}

.backforimg img {
    width: auto !important;
}

.findtestname h3 {
    color: #E33237;
    font-weight: 800;
}

#newslider .owl-dots,
#newslider3 .owl-dots,
#newslider4 .owl-dots {
    position: absolute;
    right: 101px;
    top: 50%;
    display: flex;
    transform: rotate(90deg);
}

#newslider4 .owl-nav {
    position: absolute;
    right: 59px;
    gap: 6rem;
    display: flex;
    top: 47%;
    transform: rotate(90deg);
}

#newslider2 .owl-dots {
    position: absolute;
    right: 79px;
    top: 50%;
    display: flex;
    transform: rotate(90deg);
}

#newslider2 .owl-nav {
    position: absolute;
    right: 50px;
    gap: 8rem;
    display: flex;
    top: 47%;
    transform: rotate(90deg);
}

#newslider .owl-nav,
#newslider3 .owl-nav {
    position: absolute;
    right: 50px;
    gap: 6rem;
    display: flex;
    top: 47%;
    transform: rotate(90deg);
}

#newslider button.owl-dot.active span,
#newslider2 button.owl-dot.active span,
#newslider3 button.owl-dot.active span,
#newslider4 button.owl-dot.active span {
    background: #E33237 !important;
    border: none !important;
}

#newslider button.owl-dot span,
#newslider2 button.owl-dot span,
#newslider3 button.owl-dot span,
#newslider4 button.owl-dot span {
    background: transparent !important;
    width: 5px !important;
    height: 5px !important;
}

#newslider button.owl-dot.active span,
#newslider2 button.owl-dot.active span,
#newslider3 button.owl-dot.active span,
#newslider4 button.owl-dot.active span {
    background: #E33237 !important;
    border: none !important;
    height: 10px !important;
    width: 10px !important;
}

.owl-thumbs .owl-thumb-item {
    height: 150px;
    width: 100%;
    max-width: 150px;
    background: transparent;
    border: none;
    overflow: hidden;
}

.owl-thumbs .owl-thumb-item img {
    max-width: 100%;
    height: auto;
}

section#findout a.nav-link.active {
    transform: scale(1.2);
    background: linear-gradient(45deg, #e33237f0, #e33237f0), url('/assets/images/grow/people-sitting-desk-smiling-shaking-hands.webp');
    background-size: cover;
    background-position: inherit;
}

.testi {
    margin-top: 2rem;
}

/* findout slider style ends */


/* Compability page css */
html {
    scroll-behavior: smooth;
}

.overlay-compability {
    position: absolute;
    display: flex;
    height: 100%;
    top: 0;
    width: 100%;
    color: #fff;
    background: #e33237ed;
    align-items: center;
    justify-content: center;
}

.compabilitymain-banner {
    position: relative;
}

.compability-content {
    display: flex;
    padding: 1rem 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.compability-text {
    width: 50%;
}

.compability-img {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

span.pink-text {
    color: #E33237;
    font-weight: 700;
}

.compability-numbers {
    font-size: 22pt;
    color: white;
    text-shadow: -1px -1px 0 #00000033, 1px -1px 0 #00000033, -1px 1px 0 #00000033, 1px 1px 0 #00000033;
}

.compabilityhead {
    width: 20%;
}

.compability-numbers {
    width: 10%;
}

.testcomp {
    width: 70%;
}

.compability-card:hover .compability-numbers {
    text-shadow: -1px -1px 0 #000000cc, 1px -1px 0 #000000cc, -1px 1px 0 #000000cc, 1px 1px 0 #000000cc;
}

.compability-card:hover {
    display: flex;
    padding: 2rem;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0px 4px 8px rgba(227, 50, 55, 0.15);
    border-left: 10px solid #E33237;
    align-items: center;
}

.compability-card {
    display: flex;
    padding: 2rem;
    background: rgba(255, 255, 255, 0.25);
    border-top: 1px solid #e3323740;
    border-left: 5px solid #fff;
    align-items: center;
}

.compinputs {
    display: flex;
    gap: 1rem;
}

.compinputs p {
    margin-bottom: 0;
    margin-right: 4rem;
}

.submit-test input[type="button"] {
    background: #E33237;
    border: none;
    color: #fff;
    padding: 0.5rem 2rem;
}

.submit-test {
    text-align: center;
    margin-top: 2rem;
}

.testform {
    margin-top: 2rem;
}

.overlay-compability h2 {
    position: absolute;
    top: 25%;
}

section.container.compability-test-main {
    transform: translate(0%, 0%);
    margin-top: -500px;
    background: #fff;
}

.testcomp label {
    font-size: 1rem;
}


@keyframes slide {
    0% {
        transform: translate(05px, 0);
    }

    100% {
        transform: translate(55px, 0);
    }
}

span.arrow-box i.fa.fa-arrow-right-long {
    animation: slide 1.5s linear;
    animation-iteration-count: infinite;
    color: #fff;
}

span.arrow-box {
    background: #000;
    display: inline-block;
    width: 60px;
}

.sitelogo {
    max-width: 303.45px;
    width: 100%;
}

.counter-indo {
    font-size: 2rem;
    font-weight: 900 !important;
}

.CAD-icon-box-sec img:hover {
    transform: scale(1.1);
}

.CAD-icon-box img {
    transition: 0.5s ease-in-out
}

.head-section2.flex-center {
    padding-top: 1rem;
}

li.dropdown-menu2 ul.sitemenu-inner-in {
    display: none;
    position: absolute;
    right: 100%;
    top: 0%;
}

li.dropdown-menu2:hover ul.sitemenu-inner-in {
    display: block !important;
    position: static;
    width: 100%;
}

li.dropdown-menu2 ul.sitemenu-inner-in li:hover {
    background: #e33237;
    color: #fff !important;
}

.carousel-indicators {
    position: inherit !important;
}

ul.sidebarMenuInner.indomenu-mobile {
    display: none;
}

ul.sitemenu-inner-in li {
    padding: 10px 20px;
}

section.construction_eng_section h3,
section.construction_eng_section p {
    text-align: left;
}

.site-menu ul.sitemenu-inner-in {
    background: white;
}

#sidebarMenu .site-menu ul.sitemenu-inner-in {
    background: rgba(255, 255, 255, 0);
}

#testim-dots {
    display: none;
}

.testim .cont>div {
    margin: 30px 0px 50px 0px !important;
}

/* change transition duration to control the speed of fade effect */
.owl-item.active h2 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
}

.owl-item.active h4 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.3s;
}

.owl-carousel h2 {
    -webkit-animation: 10s slide-up;
    animation: 10s slide-up;
}

/*typewriter css*/
.title-holder {
    top: 0;
    left: 0;
    position: relative;
}

.typewriter {
    overflow: hidden;
    white-space: nowrap;
    display: block;
    border-right: 3px solid #f9d566;
    font-weight: 300;
    color: #303030;
    animation: typewriter 5s steps(30) infinite, blinking-cursor 0.6s infinite;
    animation-fill-mode: forwards
}

@keyframes typewriter {
    0% {
        width: 0
    }

    25% {
        width: 50%
    }

    48% {
        width: 100%
    }

    50% {
        width: 100%
    }

    55% {
        width: 100%
    }

    75% {
        width: 70%;
    }

    85% {
        width: 30%;
    }

    100% {
        width: 0;
    }
}

@keyframes blinking-cursor {
    from {
        border-color: transparent
    }

    to {
        border-color: #7e7e7e
    }
}

button-submit {
    background: #E33237;
    color: #fff;
    border: none !important;
    position: relative;
    font-size: 1.2em !important;
    padding: 0.7rem 1.4rem !important;
    cursor: pointer;
    transition: 800ms ease all;
    outline: none;
    font-weight: 700 !important;
}

button-submit:hover {
    background: #fff;
    color: #E33237 !important;
}

button-submit a {
    color: #E33237 !important;
}

button-submit:before,
button-submit:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 2px;
    width: 0;
    background: #E33237;
    transition: 400ms ease all;
}

button-submit:after {
    right: inherit;
    top: inherit;
    left: 0;
    bottom: 0;
}

button-submit:hover:before,
button-submit:hover:after {
    width: 100%;
    transition: 800ms ease all;
}

/**/

.hover-btn {
    background: #E33237;
    color: #fff;
    border: none !important;
    position: relative;
    font-size: 1.2em !important;
    padding: 0.7rem 1.4rem !important;
    cursor: pointer;
    transition: 800ms ease all;
    outline: none;
    font-weight: 700 !important;
}

.hover-btn:hover {
    background: #fff;
    color: #E33237 !important;
}

.hover-btn a {
    color: #E33237 !important;
}

.hover-btn:before,
.hover-btn:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 2px;
    width: 0;
    background: #E33237;
    transition: 400ms ease all;
}

.hover-btn:after {
    right: inherit;
    top: inherit;
    left: 0;
    bottom: 0;
}

.hover-btn:hover:before,
.hover-btn:hover:after {
    width: 100%;
    transition: 800ms ease all;
}

.environmental-services span.font-weight-bold.small.text-uppercase {
    padding: 1rem 1rem !important;
}

h2.head_outxt {
    font-size: 2rem !important;
}


/* digital signage page  start*/
.text-start {
    text-align: start !important;
}
.shop_drawing_cards_section h3 {
    margin-left: 1rem;
    margin-top: .5rem;
}
ul.d-flex.flex-wrap.adalist {
    gap: 1rem;
    justify-content: space-between;
}
ul.d-flex.flex-wrap.adalist li {
    width: 40%;
}

/* digital signage page  ends*/

.button-submit1 {
    /* background: #E33237; */
    color: #E33237;
    background-color: #ffff;
    border: none !important;
    position: relative;
    font-size: 1.2em !important;
    padding: 0.7rem 1.4rem !important;
    cursor: pointer;
    transition: 800ms ease all;
    outline: none;
    font-weight: 700 !important;
}