@import url('https://fonts.googleapis.com/css2?family=Momo+Trust+Display&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 40px;
}

body {
    position: relative;
    font-family: "Montserrat", sans-serif;
    background: #ffffff;
    color: #222222;
}

.full-body-wrap {
    overflow: hidden;
}

/* ------------------------------------------ common ----------------- */
/* -------------------------------------------------------------------- */
.font-one {
    font-family: "Momo Trust Display", sans-serif;
}

.font-two {
    font-family: "Montserrat", sans-serif;
}

.supporting-text {
    font-size: 1.2vw;
    color: #11a7c5ee;
    margin-bottom: 0.5vw;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 0.55vw;
    font-weight: 500;
}

.header-h2 {
    font-size: 3vw;
    color: #161616d3;
    line-height: 1;
    text-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.39);
    font-family: "Momo Trust Display", sans-serif;
    text-rendering: optimizeLegibility;
    font-weight: 200;
}

.header-h2-light {
    font-size: 3vw;
    color: #ffffffe0;
    line-height: 1.1;
    text-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.39);
    font-family: "Momo Trust Display", sans-serif;
    text-rendering: optimizeLegibility;
    font-weight: 200;
}

.para-dark {
    margin-top: 1.5vw;
    font-size: 1.2vw;
    text-align: justify;
    word-break: keep-all;
    color: #333333;
    font-family: "Montserrat", sans-serif;
    line-height: 1.5;
}

.para-normal {
    font-size: 1.2vw;
    text-align: justify;
    word-break: keep-all;
    color: #333333;
    font-family: "Montserrat", sans-serif;
    line-height: 1.5;
}

.para-light {
    margin-top: 1.5vw;
    margin-bottom: 3vw;
    font-size: 1.2vw;
    text-align: justify;
    word-break: keep-all;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    line-height: 1.5;
}

.btn1 {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 11.1vw;
    font-size: 1.1vw;
    font-family: "Montserrat", sans-serif;
    padding: 0.5vw;
    border-radius: 0.4vw;
    text-decoration: none;
    text-align: center;
    background: linear-gradient(135deg, #ff0000, #970101);
    color: #ffffff;
    box-shadow: rgba(0, 0, 0, .2) 0 3px 5px -1px, rgba(0, 0, 0, .14) 0 6px 10px 0, rgba(0, 0, 0, .12) 0 1px 18px 0;
    border: none;
    cursor: pointer;
}

.btn1-icon {
    width: 2vw;
    transition: 0.6s ease;
}

.btn1:hover .btn1-icon {
    margin-right: -1vw;
    color: #cbe007;
}

.btn.danger {
    background: #c00;
}

.btn.danger:hover {
    background: #900;
}

.admin-btns-others {
    text-decoration: none;
    display: block;
    padding: 1vw 2vw;
    border-radius: 0.4vw;
    background: linear-gradient(135deg, #ff0000, #970101);
    color: #ffffff;
    box-shadow: rgba(0, 0, 0, .2) 0 3px 5px -1px, rgba(0, 0, 0, .14) 0 6px 10px 0, rgba(0, 0, 0, .12) 0 1px 18px 0;
}

.custom-heading-h1 {
    font-size: 2.5vw;
    font-weight: 800;
    color: #161616;
}

.padding-wrap-content {
    padding-block: 2vw;
}

.logged-das-para {
    font-size: 1.5vw;
}

.create-btns-top {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: left;
    gap: 1.5vw;
    padding-block: 2vw;
}

.top-padding-adm {
    padding: 5vw;
}

.mark-header {
    background: none;
    color: #ff0000de;
}

/* ------------------------ about-sec-one ----------------- */
/* -------------------------------------------------------- */
.about-sec-one {
    height: 38vw;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    position: relative;
    overflow: hidden;
}

.sliding-bg-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 8;
}

.sliding-bg {
    position: relative;
    width: 100%;
    height: 38vw;
    z-index: 8;
}

.sliding-img-one,
.sliding-img-two,
.sliding-img-three,
.sliding-img-four {
    width: 100%;
    height: 38vw;
    z-index: 8;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.sliding-img-one {
    background-image: url(/images/pipeline.avif);
}

.sliding-img-two {
    background-image: url(/images/pipelines.avif);
}

.sliding-img-three {
    background-image: url(/images/Canopie.avif);
}

.sliding-img-four {
    background-image: url(/images/solar.avif);
}

.sec-one-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(37deg, #141414e5 40%, #05050541);
    z-index: 10;
}

.hero-text {
    position: relative;
    padding-inline: 5vw;
    color: #ffffffd2;
    margin-top: 9vw;
    z-index: 14;
}

.hero-text h1 {
    font-size: 5vw;
    line-height: 1.1;
    padding-bottom: 1vw;
    font-family: "Momo Trust Display", sans-serif;
    border-radius: 0.5vw;
    text-shadow: 2px 8px 6px rgba(0, 0, 0, 0.2), 0px -5px 35px rgba(10, 10, 10, 0.3);
}

.hero-text mark {
    background-color: unset;
    color: #ff0000dc;
}

.hero-text h3 {
    font-size: 1.8vw;
    letter-spacing: .57vw;
    padding-bottom: 0vw;
    font-weight: 300;
    text-shadow: 2px 1px 4px rgba(0, 0, 0, 0.61);
    font-family: Arial, Helvetica, sans-serif;
}

.hero-text p {
    font-size: 0.87vw;
    margin-bottom: 1vw;
    width: 55.5vw;
    padding: 0;
    font-weight: 200;
    text-align: justify;
    word-break: keep-all;
}

.hero-btns {
    width: 55.5vw;
    margin-top: 2vw;
    display: grid;
    grid-template-columns: 40% 40%;
    justify-content: left;
    gap: 1vw;
}

.btn-hero {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    font-size: 1.1vw;
    font-family: "Montserrat", sans-serif;
    padding: 0.5vw;
    border-radius: 0.4vw;
    text-decoration: none;
    text-align: center;
    background: linear-gradient(135deg, #ff00007c, #97010177);
    color: #ffffff;
    box-shadow: rgba(0, 0, 0, .2) 0 3px 5px -1px, rgba(0, 0, 0, .14) 0 6px 10px 0, rgba(0, 0, 0, .12) 0 1px 18px 0;
}

.btn-hero-icon {
    width: 2vw;
    transition: 0.6s ease;
}

.btn-hero:hover .btn-hero-icon {
    margin-right: -1vw;
    color: #cbe007;
}


/* ------------------------------------------------sec-two ------------- */
/* --------------------------------------------------------------------- */
.sec-two {
    padding-inline: 5vw;
    padding-bottom: 7vw;
    padding-top: 7vw;
    overflow: hidden;
    background: linear-gradient(180deg, #ffffff 70%, #e2111133);
}

.sec-two-card1,
.sec-two-card2,
.sec-two-card3,
.sec-two-card4,
.sec-two-card5,
.sec-two-card6,
.sec-two-card7,
.sec-two-card8 {
    height: 20vw;
    width: 28vw;
    background-size: cover;
    border-radius: 0.5vw;
    text-align: left;
    color: #ffffff;
    padding: 1.5vw;
    position: relative;
    overflow: hidden;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.sec-two-card1 {
    background-image: url(/images/isoSystems.avif);

}

.sec-two-card2 {
    background-image: url(/images/Testing.avif);
}

.sec-two-card3 {
    background-image: url(/images/carbonFootprinting.avif);
}

.sec-two-card4 {
    background-image: url(/images/energyEcellence.avif);
}

.sec-two-card5 {
    background-image: url(/images/watermanagement.avif);
}

.sec-two-card6 {
    background-image: url(/images/skilldevelopment.avif);
}

.sec-two-card7 {
    background-image: url(/images/safteyAuditing.avif);
}

.sec-two-card8 {
    background-image: url(/images/softwatredev.avif);
}

.sec-two-card-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(30deg, #141414e7 20%, #9605056b 40%, #0c0000b6);
    transition: 0.6s ease;
}

.sec-two-child {
    position: relative;
    margin-top: 10vw;
}

.sec-two-card1 h3,
.sec-two-card2 h3,
.sec-two-card3 h3,
.sec-two-card4 h3,
.sec-two-card5 h3,
.sec-two-card6 h3,
.sec-two-card7 h3,
.sec-two-card8 h3 {
    font-size: 2vw;
    font-family: "Momo Trust Display", sans-serif;
    line-height: 1;
    text-shadow: 2px 3px 4px rgba(16, 16, 16, 0.349);
    font-weight: 600;
    color: #ffffff;
}

.sec-two-card1 p,
.sec-two-card2 p,
.sec-two-card3 p,
.sec-two-card4 p,
.sec-two-card5 p,
.sec-two-card6 p,
.sec-two-card7 p,
.sec-two-card8 p {
    padding-top: 0.5vw;
    font-size: 1.3vw;
}

/* ------------------------------------------------sec-three ----------- */
/* --------------------------------------------------------------------- */
.sec-three {
    margin-top: 7vw;
    margin-inline: 5vw;
    display: grid;
    grid-template-columns: auto auto;
    gap: 3vw;
}

.sec-three-txt mark {
    background: none;
    color: #ff0000;
}

.sec-three-txt p {
    margin-right: 2vw;
}

.sec-three-img {
    position: relative;
    height: 30vw;
    width: 30vw;
    margin-right: 2vw;
    margin-top: 2vw;
    border-radius: 0.5vw;
    border: 2px solid #ff000054;
}

.sec-three-img img {
    height: 30vw;
    width: 30vw;
    position: absolute;
    bottom: -2vw;
    left: 2vw;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, .2) 0 3px 5px -1px, rgba(0, 0, 0, .14) 0 6px 10px 0, rgba(0, 0, 0, .12) 0 1px 18px 0;
}

.logo-sign {
    margin-inline: 5vw;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.logo-sign img {
    flex: 10%;
    max-width: 10vw;
}

.logo-sign hr {
    flex: 80%;
    width: 50vw;
    margin-top: 2.7vw;
    height: 1px;
}

/* ------------------------------------------------sec-four ------------ */
/* --------------------------------------------------------------------- */
.sec-four {
    margin-top: 7vw;
    background-image: url(/images/secFourImg.avif);
    background-color: #000000e1;
    background-size: cover;
    background-blend-mode: overlay;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}

.sec-four-child {
    padding-block: 7vw;
    padding-inline: 5vw;
}

.sec-four-child mark {
    background: none;
    color: #ff0000;
}

/* ------------------------------------------------sec-five ------------ */
/* --------------------------------------------------------------------- */
.sec-five {
    margin-inline: 5vw;
    margin-block: 7vw;
}

.sec-five mark {
    background: none;
    color: #ff0000;
}

.slider {
    background: white;
    padding-top: 3vw;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.slider::before,
.slider::after {
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    content: "";
    height: 150px;
    position: absolute;
    width: 180px;
    z-index: 1;
}

.slider::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}

.slider::before {
    left: 0;
    top: 0;
}

.slider .slide-track {
    animation: scroll 100s linear infinite;
    display: flex;
    width: calc(100px * 50);
}

.slider .slide {
    height: 100px;
    width: 250px;
}

.slide img {
    width: 100px;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-100px * 38));
    }
}

/* ---------------------------------------------sec-six ------------- */
/* ------------------------------------------------------------------ */
.sec-six {
    padding-block: 7vw;
    padding-inline: 5vw;
    background-color: #000000da;
    background-image: url(/images/member2.avif);
    background-size: cover;
    background-blend-mode: overlay;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}

.sec-six mark {
    background: none;
    color: #ff0000;
}

.sec-six-aff2 {
    display: none;
}

.sec-six-aff {
    color: #ffffff;
    padding-top: 3vw;
    display: grid;
    grid-template-columns: 20% 60%;
    gap: 10%;
    justify-content: space-between;
}

.aff-btns li {
    list-style-type: none;
    font-size: 1.5vw;
    background-color: #ff0000;
    border-radius: 0.5vw;
    margin-block: 1vw;
    padding: 1.2vw;
    text-align: center;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, .2) 0 3px 5px -1px, rgba(0, 0, 0, .14) 0 6px 10px 0, rgba(0, 0, 0, .12) 0 1px 18px 0;
    position: relative;
}

.aff-btns li:hover {
    background-color: #ffffff;
    color: #dd6340;
    transition: 0.6s ease;
}

.arrowOne,
.arrowTwo,
.arrowThree {
    position: absolute;
    font-size: 5vw;
    bottom: -0.7vw;
    right: -5vw;
}

.arrowTwo,
.arrowThree {
    display: none;
}

.aff-txt li {
    font-size: 1.3vw;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    border-bottom: 1px dotted #ff0000;
}

.aff-txt li:hover {
    background-color: #ff00008c;
}

.secondList,
.thirdList {
    display: none;
}

/* ------------------------------------------------sec-seven --------- */
/* ------------------------------------------------------------------- */
.sec-seven {
    margin-block: 7vw;
    margin-inline: 5vw;
    position: relative;
}

.sec-seven mark {
    background: none;
    color: #ff0000;
}

.sec-seven-child {
    margin-top: 4vw;
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 2vw;
    justify-content: space-between;
    margin-bottom: 4vw;
}

.tilted {
    width: 28.6vw;
    border: 6px solid #e2111133;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    transition: 0.6s ease;
}

.logo-sign2 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.logo-sign2 img {
    flex: 10%;
    max-width: 10vw;
}

.logo-sign2 hr {
    flex: 80%;
    width: 50vw;
    margin-top: 2.7vw;
    height: 1px;
}

.sec-seven-abs {
    height: 100vh;
    width: 100vw;
    background-color: #131212d8;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    display: none;
}

.abs-close-btn {
    position: absolute;
    font-size: 4vw;
    color: #ffffff;
    right: 4vw;
    top: 1.5vw;
    transition: 0.6s ease;
}

.sec-seven-abs-child {
    height: 48vw;
    width: 99vw;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 4vw;
    background-color: #00000050;
}

.sec-seven-abs-child i {
    font-size: 6vw;
    color: #ffffff;
    transition: 0.6s ease;
}

.sec-seven-abs-child i:hover,
.abs-close-btn:hover {
    color: #ff0000;
}

.abs-imgs {
    width: 45vw;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

/* ------------------------------------------------sec-eight --------- */
/* -------------------------------------------------------------------- */
.sec-eight {
    padding-inline: 5vw;
    padding-bottom: 7vw;
    background: linear-gradient(180deg, #ffffff 70%, #e2111133);
}

.sec-eight mark {
    background: none;
    color: #ff0000e3;
}

.sec-eight-child {
    padding-top: 4vw;
    display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 1.5vw;
}

.card1 {
    border-radius: 0.5vw;
    text-align: center;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    background: linear-gradient(180deg, #ffffff 70%, #e2111133);
    position: relative;
    display: grid;
    /* height: 4.5vw;*/
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: 2vw 1vw;
}

.card1-pa {
    font-size: 0.8vw;
    color: #0c0b0be5;
    font-weight: 600;
    letter-spacing: 0.15vw;
    font-family: "Montserrat", sans-serif;
    z-index: 5;
    padding-bottom: 0.2vw;
}

.team-card-icon {
    width: 5vw;
    color: #ffffff70;
    background-color: #97010115;
    top: -0.4vw;
    left: -1vw;
    border-radius: 50%;
    position: absolute;
    z-index: 4;
    transition: 0.5s ease;
}

.card1-h {
    padding-top: 0.2vw;
    font-size: 1.3vw;
    color: #333333e7;
    font-family: "Montserrat", sans-serif;
    text-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    font-weight: 400;
    z-index: 5;
    border-top: 1px solid #970101bd;
}

.technical-experts {
    margin-top: 4vw;
}

/* ------------------------------services-sec-one --------- */
/* -------------------------------------------------------- */
.services-sec-one {
    height: 30vw;
    background-image: url(/images/servicesFirstImg.avif);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    position: relative;
}

.services-hero-text {
    position: relative;
    padding-inline: 5vw;
    color: #ffffff;
    padding-top: 10vw;
    z-index: 14;
}

.services-hero-text h1 {
    font-size: 5vw;
    line-height: 1.1;
    padding-bottom: 1vw;
    font-family: "Momo Trust Display", sans-serif;
    border-radius: 0.5vw;
    text-shadow: 2px 8px 6px rgba(0, 0, 0, 0.2), 0px -5px 35px rgba(10, 10, 10, 0.3);
}

.services-hero-text mark {
    background-color: unset;
    color: #ff0000ee;
}

.services-hero-text h3 {
    font-size: 1.8vw;
    letter-spacing: .57vw;
    padding-bottom: 0vw;
    font-weight: 300;
    text-shadow: 2px 1px 4px rgba(0, 0, 0, 0.61);
    font-family: Arial, Helvetica, sans-serif;
}

.services-hero-text p {
    font-size: 0.87vw;
    margin-bottom: 1vw;
    width: 55.5vw;
    padding: 0;
    font-weight: 200;
    text-align: justify;
    word-break: keep-all;
}

.hero-btns {
    margin-top: 2vw;
}

/* --------------------------------- services-listing-top -------------- */
/* --------------------------------------------------------------------- */
.services-listing-top {
    padding-top: 5vw;
    padding-inline: 5vw;
    padding-bottom: 7vw;
    background: linear-gradient(180deg, #ffffff 70%, #e2111133);
}

.service-s-list {
    margin-top: 3vw;
    display: grid;
    grid-template-columns: 20% 20% 20% 20%;
    justify-content: center;
    gap: 2vw;
}

.service-card,
.service-card-diff {
    padding: 3vw 2vw;
    border-radius: 0.5vw;
    text-align: center;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    transition: 0.5s ease;
    cursor: pointer;
    text-decoration: none;

}

.service-card {
    background: linear-gradient(270deg, #ffffff 60%, #11a7c575);
}

.service-card-diff {
    background: linear-gradient(90deg, #ffffff 60%, #11a7c579);
}

.serv-card-icon {
    width: 3vw;
    color: #f50505d8;
    transition: 0.5s ease;
}

.ser-card-text h4 {
    font-size: 1.6vw;
    transition: 0.5s ease;
    color: #2b3b42e3;
}

.service-card:hover,
.service-card-diff:hover {
    background: #970101d7;
}

.service-card:hover .ser-card-text h4,
.service-card-diff:hover .ser-card-text h4 {
    color: #ffffff;
}

.service-card:hover .serv-card-icon,
.service-card-diff:hover .serv-card-icon {
    color: #ffffff;
}



/* ------------------------------------ services-sec-three --------- */
/* ----------------------------------------------------------------- */
.services-sec-three {
    margin-top: 7vw;
    margin-inline: 5vw;
}

.services-sec-three mark {
    background: none;
    color: #ff0000;
}

.services-sec-three-child {
    margin-top: 4vw;
}

details {
    border: 1px dotted black;
    padding-block: 1vw;
    margin-bottom: 1vw;
    border-radius: 0.5vw;
    cursor: pointer;
}

summary {
    border-radius: 0.5vw;
    padding-inline: 1vw;
    font-size: 1.3vw;
    font-weight: 500;
    color: #ff0000e3;
    font-family: "Montserrat", sans-serif;
}

details ol {
    color: rgb(17, 58, 58);
    padding-inline: 4vw;
    padding-block: 1.5vw;
    cursor: context-menu;
}

details li {
    margin-bottom: 1vw;
    font-size: 1.2vw;
    color: #000000;
    font-family: "Montserrat", sans-serif;
}

.services-sec-three-child hr {
    margin-inline: 1.5vw;
    margin-top: 2vw;

}

/* --------------------------------------------- services-sec-four ----- */
/* --------------------------------------------------------------------- */
.services-sec-four {
    margin-top: 7vw;
    padding-inline: 5vw;
    padding-top: 7vw;
    padding-bottom: 7vw;
    background-color: #000000e1;
    background-image: url(/images/auditImg1.avif);
    background-blend-mode: overlay;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.services-sec-four mark {
    background: none;
    color: #ff0000;
}

/* ------------------------------------------ services-sec-five -------- */
/* --------------------------------------------------------------------- */
.services-sec-five {
    padding-block: 7vw;
    margin-inline: 5vw;
}

.services-sec-five mark {
    background: none;
    color: #ff0000;
}

.services-sec-five-ul {
    margin-inline: 4vw;
}

/* ------------------------------------------- services-sec-six ---------*/
/* --------------------------------------------------------------------- */
.services-sec-six {
    padding-inline: 5vw;
    padding-block: 7vw;
}

.services-sec-six mark {
    background: none;
    color: #ff0000;
}

.services-sec-six-ul {
    margin-inline: 4vw;
}

/* ----------------------------------------------services-inspection --- */
/* --------------------------------------------------------------------- */
.services-inspection {
    padding-inline: 5vw;
    padding-top: 7vw;
    padding-bottom: 7vw;
    background-color: #000000e1;
    background-image: url(/images/demoInspection.avif);
    background-blend-mode: overlay;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* -------------------------------------------------services-testing --- */
/* --------------------------------------------------------------------- */
.services-testing {
    padding-inline: 5vw;
    padding-top: 7vw;
    padding-bottom: 7vw;
    background: linear-gradient(180deg, #ffffff 70%, #e2111133);
}

.ser-testing-txt-img {
    padding-top: 3vw;
    display: grid;
    grid-template-columns: auto auto;
    gap: 2vw;
    justify-content: space-between;
}

.ser-testing-txt-img img {
    width: 30vw;
    border-radius: 0.5vw;
}

/* ------------------------------------------ services-certification --- */
/* --------------------------------------------------------------------- */

.services-certification {
    padding-inline: 5vw;
    padding-top: 7vw;
    padding-bottom: 7vw;
}

/* ------------------------------------------------services-training --- */
/* --------------------------------------------------------------------- */
.services-training {
    padding-inline: 5vw;
    padding-top: 7vw;
    padding-bottom: 7vw;
    background-color: #000000e1;
    background-image: url(/images/serTraining2.avif);
    background-blend-mode: overlay;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* ---------------------------------------------services-consultancy --- */
/* --------------------------------------------------------------------- */
.services-consultancy {
    padding-inline: 5vw;
    padding-top: 7vw;
    padding-bottom: 7vw;
    background: linear-gradient(180deg, #ffffff 70%, #e2111133);
}

/* ------------------------------------------------ services-IGBC --- */
/* ------------------------------------------------------------------ */
.services-igbc {
    padding-inline: 5vw;
    padding-top: 7vw;
    padding-bottom: 7vw;
}

/* -------------------------------------------- contact-sec-one ---------*/
/* --------------------------------------------------------------------- */
.contact-sec-one {
    height: 30vw;
    background-image: url(/images/map-bg.avif);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    position: relative;
}

.contact-hero-text {
    position: relative;
    padding-inline: 5vw;
    color: #ffffff;
    padding-top: 7vw;
    z-index: 14;
}

.contact-hero-text h1 {
    font-size: 5vw;
    line-height: 1.1;
    padding-bottom: 1vw;
    font-family: "Momo Trust Display", sans-serif;
    border-radius: 0.5vw;
    text-shadow: 2px 8px 6px rgba(0, 0, 0, 0.2), 0px -5px 35px rgba(10, 10, 10, 0.3);
}

.contact-hero-text mark {
    background-color: unset;
    color: #ff0000ee;
}

.contact-hero-text h3 {
    font-size: 1.8vw;
    letter-spacing: .57vw;
    padding-bottom: 0vw;
    font-weight: 300;
    text-shadow: 2px 1px 4px rgba(0, 0, 0, 0.61);
    font-family: Arial, Helvetica, sans-serif;
}

.contact-hero-text p {
    font-size: 0.87vw;
    margin-bottom: 1vw;
    width: 55.5vw;
    padding: 0;
    font-weight: 200;
    text-align: justify;
    word-break: keep-all;
}

/* -------------------------------------------- contact-sec-two -------- */
/* --------------------------------------------------------------------- */
.contact-sec-two-top {
    margin-top: 7vw;
    margin-inline: 5vw;
}

.form-contact-page {
    background: linear-gradient(180deg, #ffffff 70%, #e2111133);
}

.contact-sec-even {
    margin-block: 7vw;
    margin-inline: 5vw;
}

.note-headOffice {
    margin-top: 2vw;
}

.content-cards-two {
    margin-top: 3vw;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    gap: 2vw;
}

.head-office-container {
    padding: 2vw;
    padding-inline: 4vw;
    background: linear-gradient(90deg, #ffffff 60%, #11a7c5b0);
    border-radius: 0.5vw;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.contact-headoffice {
    list-style-type: none;
    font-size: 1vw;
    color: #303030;
}

.contact-headoffice li {
    padding-block: 0.5vw;
}

.contact-sec-mark {
    background: none;
    color: #ff0000;
}

.contact-sec-two-child {
    display: grid;
    grid-template-columns: auto;
    justify-content: space-between;
    gap: 2vw;
}

.cont-num {
    margin-left: 2vw;
}

.email-box,
.address-box,
.hour-box {
    height: 15vw;
    border-radius: 0.5vw;
    padding: 2vw;
    background: linear-gradient(270deg, #ffffff 60%, #11a7c5b0);
    font-size: 1.2vw;
    color: #303030;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.cinfo-a {
    text-decoration: none;
    color: inherit;
    font-size: 1.2vw;
    display: block;
    padding: 0.5vw;
}

.cont-per {
    padding-top: 2vw;
    display: block;
    font-size: 1.2vw;
}

.con-icon-bg {
    display: block;
    padding: 1vw;
    background-color: #00000025;
    width: 100%;
    border-radius: 0.5vw;
}

.foo-icon2 {
    width: 1.2vw;
    margin-right: 1vw;
    color: 303030;
}

.map-box {
    margin-top: 1.5vw;
    width: 100%;
    height: 20vw;
    border-radius: 0.5vw;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

/* --------------------------- Login and verification forms  ------------- */
/* ----------------------------------------------------------------------- */

.form-login {
    display: grid;
    gap: 0.8vw;
    max-width: 40vw;
    font-size: 1.2vw;
}

.input-login,
.form-btn,
textarea,
.label-text {
    padding: 0.5vw;
    font-size: 1.2vw;
}

.form-btn {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    font-size: 1.1vw;
    font-family: "Montserrat", sans-serif;
    padding: 0.4vw;
    border-radius: 0.4vw;
    text-decoration: none;
    text-align: center;
    background: linear-gradient(135deg, #ff0000, #970101);
    color: #ffffff;
    box-shadow: rgba(0, 0, 0, .2) 0 3px 5px -1px, rgba(0, 0, 0, .14) 0 6px 10px 0, rgba(0, 0, 0, .12) 0 1px 18px 0;
    cursor: pointer;
    border: none;
}

.form-btn:hover .btn1-icon {
    margin-right: -1vw;
    color: #cbe007;
}

.alert {
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    margin-top: 0.75rem;
}

.alert.success {
    background: #e6ffef;
    border: 1px solid #b3f5c9;
}

.alert.error {
    background: #ffeaea;
    border: 1px solid #f5b3b3;
}

.alert.warning {
    background: #fff7e6;
    border: 1px solid #f5d6b3;
}

.table {
    width: 100%;
    border-collapse: collapse;
}

.table th,
.table td {
    border: 1px solid #ddd;
    padding: 0.5rem;
    text-align: left;
}

.cert-result-card {
    border: 1px solid #ddd;
    padding: 1vw;
    border-radius: 0.4vw;
    margin-top: 1vw;
}

/* ------------------------------- user-contact-form ------------------ */
/* -------------------------------------------------------------------- */
.user-contact-form {
    padding-inline: 5vw;
    padding-block: 7vw;
}

.user-contact-child mark {
    background: none;
    color: #ff0000ec;
}

.userForm-and-userMap {
    display: flex;
    gap: 2vw;
}

.user-form-section {
    margin-top: 2vw;
}

.userForm {
    flex: 50%;
}

.userMap {
    flex: 50%;
    margin-top: 2.5vw;
    width: 100%;
    border-radius: 0.4vw;
    box-shadow: rgba(0, 0, 0, .2) 0 3px 5px -1px, rgba(0, 0, 0, .14) 0 6px 10px 0, rgba(0, 0, 0, .12) 0 1px 18px 0;
}

.mapSide {
    width: 100%;
    height: 100%;
    border-radius: 0.4vw
}

.user-form-section fieldset {
    padding: 2vw;
    border-radius: 0.4vw;
}

.user-form-section legend {
    font-weight: 600;
    padding-inline: 1.5vw;
}

.user-form-input {
    display: grid;
    grid-template-columns: 30% auto;
    gap: 0.5vw;
}

.user-form-input label {
    font-size: 1.2vw;
}

.user-form-btns {
    margin-top: 0.5vw;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: right;
    gap: 1.5vw;
}

.user-form-btns button {
    width: 15vw;
}

/* -------------------------------------------- cert-verify ------------ */
/* -------------------------------------------------------------------- */
.cert-verify {
    padding: 5vw;
}

.verify-h2 {
    font-size: 2vw;
    padding-bottom: 1.5vw;
}

.verify-p {
    font-size: 1.2vw;
    padding-bottom: 0.5vw;
}

/* ----------------------------- admin-login-style ------------------- */
/* -------------------------------------------------------------------- */
.admin-login-style {
    padding: 5vw;
}
.admin-login-oms-btn{
    display: flex;
    justify-content: space-between;
}

.admin-login-oms-btn a{
    display: block;
    font-size: 1vw;
}
/* --------- next and prev icon at the bottom of admin index page ------------------- */
.w-5{
    width:3vw;
}

/* -------------------------------------- admin-dashboardp-style ------ */
/* -------------------------------------------------------------------- */
.admin-dashboard-style {
    padding-inline: 5vw;
    padding-top: 5vw;
    padding-bottom: 7vw;
}

.admin-dash-links {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: left;
    gap: 1.5vw;
    margin-top: 2vw;
}

/* -------------------------------------- privacy_policy ------------- */
/* -------------------------------------------------------------------- */
.policy-content {
    padding-top: 2vw;
    font-size: 1.2vw;
}

.policy-headings {
    display: block;
    font-size: 2vw;
    font-weight: 800;
    margin-top: 2vw;
    margin-bottom: 1.5vw;
}

.policy-ul {
    margin-left: 3vw;
    padding: 1.5vw;
}

.policy-para {
    color: #000000;
}

/* -------------------------------------- floating-whatsapp ----------- */
/* -------------------------------------------------------------------- */
.float-whats-a {
    display: block;
    width: 3.5vw;
    height: 3.5vw;
    position: fixed;
    bottom: 1.75vw;
    right: 1.75vw;
    background-color: #4ac958;
    box-shadow: rgba(0, 0, 0, .2) 0 3px 5px -1px, rgba(0, 0, 0, .14) 0 6px 10px 0, rgba(0, 0, 0, .12) 0 1px 18px 0;
    border-radius: 0.5vw;
    text-decoration: none;
    z-index: 100;
}

.whats-icon {
    width: 3vw;
    position: fixed;
    bottom: 2vw;
    right: 2vw;
    z-index: 100;
    transition: 0.6s ease;
}

.whats-icon:hover {
    right: 3vw;
}

.float-whats-a:hover .whats-icon {
    right: 3vw;
}