/* -------------------------------------------screen size 800px ------- */
/* -------------------------------------------------------------------- */
@media screen and (max-width: 800px) {

    /* ------------------------------------------ common 800px ------------ */
    /* -------------------------------------------------------------------- */

    .supporting-text {
        font-size: 2vw;
    }

    .header-h2 {
        font-size: 4.5vw;
        line-height: 1;
    }

    .header-h2-light {
        font-size: 4.5vw;
    }

    .para-dark {
        font-size: 2vw;
    }

    .para-normal {
        font-size: 2vw;
    }

    .para-light {
        font-size: 2vw;
    }

    .btn1 {
        width: 25vw;
        font-size: 2vw;
        padding: 0.8vw;
        border-radius: 0.8vw;
    }

    .btn1-icon {
        width: 4vw;
    }

    .btn1:hover .btn1-icon {
        margin-right: -2vw;
    }

    .admin-btns-others {
        padding: 1vw 2vw;
        border-radius: 0.8vw;
    }

    .custom-heading-h1 {
        font-size: 3vw;
    }

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

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

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

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


    /* ----------------------------------------- about-sec-one 800 ----- */
    /* ----------------------------------------------------------------- */
    .about-sec-one {
        height: 60vw;
    }

    .sliding-bg {
        height: 60vw;
    }

    .sliding-img-one,
    .sliding-img-two,
    .sliding-img-three,
    .sliding-img-four {
        height: 60vw;
    }

    .top-bar {
        display: none;
    }

    .hero-text {
        padding-inline: 3vw;
        margin-top: 20vw;
    }

    .hero-text h1 {
        font-size: 7vw;
    }

    .hero-text h3 {
        font-size: 3.2vw;
    }

    .hero-text p {
        font-size: 1.27vw;
        width: 70vw;
    }

    .hero-btns {
        width: 81vw;
        gap: 2vw;
    }

    .btn-hero {
        font-size: 2vw;
        padding: 0.8vw;
        border-radius: 0.8vw;
    }

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

    .btn-hero:hover .btn-hero-icon {
        margin-right: -2vw;
    }

    /* ------------------------------------------- sec-two 800------------- */
    /* -------------------------------------------------------------------- */
    .sec-two {
        padding-inline: 3vw;
    }

    .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: 25vw;
        width: 29.5vw;
        border-radius: 0.8vw;
        padding: 2vw;
    }

    .sec-two-child {
        margin-top: 1vw;
    }

    .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: 2.8vw;
    }

    .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;
        font-size: 2vw;
    }

    /* ------------------------------------------------ sec-three 800 ------*/
    /* -------------------------------------------------------------------- */
    .sec-three {
        height: min-content;
        margin-inline: 3vw;
        grid-template-columns: auto;
    }

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

    .sec-three-img {
        height: 50vw;
        width: 100%;
        margin-right: unset;
        background-image: url(/images/newImg2026-1.avif);
        background-size: cover;
        margin-bottom: 2vw;
    }

    .sec-three-img img {
        display: none;
    }

    .logo-sign {
        margin-inline: 3vw;
    }

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

    .logo-sign hr {
        margin-top: 3.9vw;
    }

    /* ------------------------------------------------ sec-four 800 ------*/
    /* -------------------------------------------------------------------- */

    .sec-four-child {
        padding-inline: 3vw;
    }

    /* ------------------------------------------------ sec-five 800 -------*/
    /* -------------------------------------------------------------------- */
    .sec-five {
        margin-inline: 3vw;
    }

    /* ------------------------------------------------ sec-six 800 --------*/
    /* -------------------------------------------------------------------- */
    .sec-six {
        padding-inline: 3vw;
    }

    .sec-six-aff {
        gap: 2%;
    }

    .aff-btns li {
        font-size: 2vw;
        border-radius: 0.8vw;
        padding: 1.4vw;
    }

    .arrowOne,
    .arrowTwo,
    .arrowThree {
        position: absolute;
        font-size: 7vw;
        right: -8vw;
    }

    .aff-txt li {
        font-size: 2vw;
        padding-bottom: 1vw;
    }

    /* ------------------------------------------ sec-seven 800 ------*/
    /* -------------------------------------------------------------- */

    .sec-seven {
        margin-inline: 3vw;
    }

    .sec-seven-child {
        margin-top: 5vw;
        grid-template-columns: auto auto;
    }

    .hide-in-800 {
        display: none;
    }

    .tilted {
        width: 45.6vw;
        transform: rotate(0deg);
    }

    .tilted:hover {
        transform: rotate(0deg);
        box-shadow: none;
    }

    .sec-seven span {
        margin-top: 5vw;
    }

    .logo-sign2 img {
        max-width: 15vw;
    }

    .abs-close-btn {
        right: 5vw;
        top: 2.5vw;
    }

    .sec-seven-abs-child {
        padding-top: 50vw;
    }

    .sec-seven-abs-child i {
        font-size: 8vw;
    }

    .abs-imgs {
        width: 65vw;
    }

    /* -------------------------------------------- sec-eight --800------- */
    /* ------------------------------------------------------------------- */
    .sec-eight {
        padding-inline: 3vw;
    }

    .sec-eight-child {
        grid-template-columns: auto auto auto;
        gap: 2vw;
    }

    .card1 {
        border-radius: 0.8vw;
    }

    .card1-pa {
        font-size: 1.2vw;
    }

    .team-card-icon {
        width: 8vw;
        color: #ffffff70;
        background-color: #97010115;
        top: -0.8vw;
    }

    .card1-h {
        padding-top: 0.2vw;
        font-size: 2vw;
    }

    /* ------------------------------ user-contact-form 800 --------------- */
    /* -------------------------------------------------------------------- */
    .user-contact-form {
        padding-inline: 3vw;
    }

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

    /* .userForm {
        flex: 50%;
    } */

    /* .userMap {
        flex: 50%;
        margin-top: 2.5vw;
        width: 100%;
        border-radius: 0.4vw;
    } */
    .userMap {
        margin-top: 4vw;
    }

    .mapSide {
        /* width: 100%;
        height: 100%; */
        border-radius: 0.8vw
    }

    .user-form-section fieldset {
        border-radius: 0.8vw;
    }

    /* .user-form-section legend {
        padding-inline: 1.5vw;
    } */

    .user-form-input {
        grid-template-columns: auto 60%;
        gap: 0.8vw;
    }

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

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

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

    /* ------------------------ Login and verification forms  800------------- */
    /* ----------------------------not done fot 500px yet--------------------- */

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

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

    .form-btn {
        font-size: 2vw;
        padding: 0.8vw;
        border-radius: 0.8vw;
    }

    .form-btn:hover .btn1-icon {
        margin-right: -1.5vw;
    }

    /* .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;
    }

    /* ------------------------------- floating-whatsapp 800 -------------- */
    /* -------------------------------------------------------------------- */
    .float-whats-a {
        width: 7vw;
        height: 7vw;
        bottom: 1.75vw;
        right: 1.75vw;
        border-radius: 0.8vw;
    }

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

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

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

    /* ---------------------------------- services-sec-one 800 ------*/
    /* ------------------------------------------------------------ */
    .services-sec-one {
        height: 60vw;
        background-attachment: unset;
    }

    .top-bar {
        display: none;
    }

    .services-hero-text {
        padding-inline: 3vw;
        padding-top: 30vw;
        margin-top: 0;
    }

    .services-hero-text h1 {
        font-size: 7vw;
    }

    .services-hero-text h3 {
        font-size: 3.2vw;
    }

    /* --------------------------------- services-listing-top 800----------- */
    /* --------------------------------------------------------------------- */
    .services-listing-top {
        padding-top: 7vw;
        padding-inline: 3vw;
        /*padding-bottom: 7vw;*/
    }

    .service-s-list {
        grid-template-columns: 23% 23% 23% 23%;
        /*  gap: 2vw;*/
    }

    .service-card,
    .service-card-diff {
        padding: 4vw 2vw;
        border-radius: 0.8vw;
    }

    .serv-card-icon {
        width: 5vw;
    }

    .ser-card-text h4 {
        font-size: 2vw;
    }

    .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 800------*/
    /* --------------------------------------------------------------------- */
    .services-sec-three {
        margin-inline: 3vw;
    }

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

    details {
        padding-block: 2vw;
        margin-bottom: 2vw;
        border-radius: 1vw;
    }

    summary {
        border-radius: 1vw;
        font-size: 2.3vw;
    }

    details ol {
        padding-inline: 4vw;
    }

    details li {
        margin-bottom: 2vw;
        font-size: 2vw;
    }


    /* ----------------------------------------- services-sec-four 800------*/
    /* --------------------------------------------------------------------- */
    .services-sec-four {
        padding-inline: 3vw;
        background-attachment: unset;
    }

    /* ------------------------------------------services-sec-five 800------*/
    /* --------------------------------------------------------------------- */
    .services-sec-five {
        margin-inline: 3vw;
    }

    /* ---------------------------------------- services-sec-six 800---------*/
    /* --------------------------------------------------------------------- */
    .services-sec-six {
        padding-inline: 3vw;
    }

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

    /* ------------------------------------ services-inspection 800 -------- */
    /* --------------------------------------------------------------------- */
    .services-inspection {
        padding-inline: 3vw;
        /* padding-top: 7vw;
        padding-bottom: 7vw;*/
    }

    /* ------------------------------------- services-testing 800---------- */
    /* --------------------------------------------------------------------- */
    .services-testing {
        padding-inline: 3vw;
    }

    .ser-testing-txt-img {
        padding-top: 3vw;
        grid-template-columns: auto;
    }

    .ser-testing-txt-img img {
        width: 100%;
        border-radius: 0.8vw;
    }

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

    .services-certification {
        padding-inline: 3vw;
    }

    /* -------------------------------------services-training 800 ---------- */
    /* --------------------------------------------------------------------- */
    .services-training {
        padding-inline: 3vw;
    }

    /* -----------------------------------services-consultancy 800 --------- */
    /* --------------------------------------------------------------------- */
    .services-consultancy {
        padding-inline: 3vw;
    }

    /* -------------------------------------- services-IGBC 800 --------- */
    /* ------------------------------------------------------------------ */
    .services-igbc {
        padding-inline: 3vw;
    }

    /* ---------------------------------------- contact-sec-one 800 -------*/
    /* ------------------------------------------------------------------ */
    .contact-sec-one {
        height: 60vw;
        background-attachment: unset;
    }


    .contact-hero-text {
        padding-inline: 3vw;
        padding-top: 30vw;
        margin-top: 0;
    }

    .contact-hero-text h1 {
        font-size: 7vw;
    }

    .contact-hero-text h3 {
        font-size: 3.2vw;
    }

    /* --------------------------------------- contact-sec-two 800 ------*/
    /* ------------------------------------------------------------------ */
    .contact-sec-two-top {
        margin-inline: 3vw;
    }

    .contact-sec-even {
        margin-inline: 3vw;
    }

    .content-cards-two {
        grid-template-columns: 60% auto;
        gap: 1vw;
    }

    .head-office-container {
        border-radius: 0.8vw;
    }

    .contact-headoffice {
        font-size: 2vw;
    }

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

    .email-box,
    .address-box,
    .hour-box {
        height: auto;
        border-radius: 0.8vw;
        font-size: 2vw;
    }

    .cinfo-a {
        font-size: 2vw;
        padding: 0.8vw;
    }

    .cont-per {
        font-size: 2vw;
    }

    .con-icon-bg {
        border-radius: 0.8vw;
    }

    .foo-icon2 {
        width: 3vw;
    }

    /* ---------------------------------------- cert-verify 800------------ */
    /* -------------------------------------------------------------------- */
    .cert-verify {
        padding-inline: 3vw;
        padding-block: 7vw;
    }

    .custom-heading-h1 {
        font-size: 4vw;
        padding-bottom: 1vw;
    }

    .verify-p {
        font-size: 2vw;
        padding-bottom: 1vw;
    }

    /* ----------------------------- admin-login-style -800---------------- */
    /* -------------------------------------------------------------------- */
    .admin-login-style {
        padding-inline: 3vw;
        padding-block: 7vw;
    }

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

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

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

    .policy-headings {
        font-size: 3vw;
        font-weight: 800;
        margin-top: 3vw;
        margin-bottom: 2.5vw;
    }

    .policy-ul {
        padding: 2vw;
    }
}