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

    .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: 30vw;
        font-size: 4vw;
        padding: 1vw;
        border-radius: 1vw;
    }

    .btn1-icon {
        width: 8vw;
    }

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

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

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

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

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

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

    .top-padding-adm {
        padding-block: 17vw;
    }

    /* ---------------------------------------------about-sec-one 500------*/
    /* ------------------------------------------------------------------- */
    .about-sec-one {
        height: 80vh;
    }

    .sliding-bg {
        height: 80vh;
    }

    .sliding-img-one,
    .sliding-img-two,
    .sliding-img-three,
    .sliding-img-four {
        height: 80vh;
    }

    .hero-text {
        margin-top: 45vw;
    }

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

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

    .hero-text p {
        font-size: 3vw;
        width: 90vw;
    }

    .hero-btns {
        width: 110vw;
        gap: 2.5vw;
    }

    .btn-hero {
        font-size: 4vw;
        padding: 1.5vw;
        border-radius: 1vw;
    }

    .btn-hero-icon {
        width: 8vw;
    }

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


    /* ------------------------------------------------sec-two 500 ------*/
    /* ----------------------------------------------------------------- */
    .sec-two {
        padding-block: 17vw;
    }

    .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: 55vw;
        width: 100%;
        border-radius: 1.5vw;
        padding: 5vw;
    }

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

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

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

    /* ------------------------------------------------sec-three 500 ------*/
    /* ------------------------------------------------------------------- */

    .sec-three {
        margin-top: 17vw;
    }

    .logo-sign img {
        max-width: 21vw;
    }

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

    /* ------------------------------------------------sec-four ---------*/
    /* ----------------------------------------------------------------- */
    .sec-four {
        background-attachment: unset;
    }

    .sec-four-child {
        padding-block: 17vw;
    }


    /* ------------------------------------------------sec-five 500 ------*/
    /* ------------------------------------------------------------------ */
    .sec-five {
        margin-inline: 3vw;
        margin-block: 17vw;
    }

    /* ------------------------------------------------sec-six 500 ------*/
    /* ----------------------------------------------------------------- */
    .sec-six {
        padding-block: 17vw;
        padding-inline: 3vw;
        background-attachment: unset;
    }

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

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

    .sec-six-aff2 details {
        margin-bottom: 5vw;
        color: #ffffff;
    }

    .sec-six-aff2 summary {
        background: linear-gradient(135deg, #ff0000, #970101);
        border-radius: 1.5vw;
        font-size: 4.5vw;
        padding: 4.5vw;
        color: #ffffff;
    }

    .sec-six-aff2 details ol {
        margin-inline: 2vw;
    }

    .sec-six-aff2 details li {
        padding-block: 4vw;
        border-bottom: 1px dotted #ff0000;
        color: #ffffff;
    }


    /* ------------------------------------------------sec-seven 500------*/
    /* ------------------------------------------------------------------ */
    .sec-seven {
        margin-block: 17vw;
    }

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

    .abs-close-btn {
        right: 5vw;
        margin-top: 5vw;
        font-size: 9vw;
    }

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

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

    .abs-imgs {
        width: 70vw;
    }

    /* ------------------------------------------------sec-eight 500------*/
    /* ------------------------------------------------------------------ */
    .sec-eight {
        padding-bottom: 17vw;
    }

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

    .card1 {
        border-radius: 1vw;
        padding-block: 4vw;
    }

    .card1-pa {
        font-size: 2.7vw;
        padding-bottom: 0.5vw;
    }

    .team-card-icon {
        width: 18vw;
        color: #ffffff7e;
        background-color: #97010123;
        top: -2vw;
        left: -3vw;
    }

    .card1-h {
        padding-top: 0.5vw;
        font-size: 4vw;
    }

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

    /* ------------------------------ user-contact-form 500 --------------- */
    /* -------------------------------------------------------------------- */
    .user-contact-form {
        padding-block: 17vw;
    }

    .userForm-and-userMap {
        display: grid;
        grid-template-columns: auto;
        gap: 3vw;
    }

    .userMap {
        margin-top: 3vw;
        border-radius: 1vw;
    }

    .userMap {
        margin-top: 4vw;
        height: 80vw;
    }

    .mapSide {
        border-radius: 1vw
    }

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

    .user-form-input {
        grid-template-columns: auto;
        gap: 2vw;
    }

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

    .user-form-btns {
        margin-top: 2vw;
        grid-template-columns: auto auto;
        justify-content: space-between;
        gap: unset;
    }

    .user-form-btns button {
        width: 42.2vw
    }

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

    .form-login {
        gap: 1vw;
        max-width: 100%;
        font-size: 4vw;
    }

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

    .form-btn {
        font-size: 4vw;
        padding: 1vw;
        border-radius: 1vw;
    }

    .form-btn:hover .btn1-icon {
        margin-right: -2.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 {
        margin-top: 3vw;
    }

    table,
    thead,
    tbody,
    th,
    td,
    tr {
        display: block;
    }

    thead tr {
        display: none;
    }

    tr {
        border: 1px solid #ccc;
        margin-bottom: 10px;
    }

    td {
        border: none;
        position: relative;
        padding-left: 50%;
    }

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

    /* ------------------------------- floating-whatsapp 500 -------------- */
    /* -------------------------------------------------------------------- */
    .float-whats-a {
        width: 15vw;
        height: 15vw;
        bottom: 2.5vw;
        right: 2.5vw;
        border-radius: 1.5vw;
    }

    .whats-icon {
        width: 12vw;
        bottom: 3.9vw;
        right: 3.9vw;
    }

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

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

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

    .services-hero-text {
        padding-top: 40vw;
    }

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

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

    /* --------------------------------- services-listing-top 500----------- */
    /* --------------------------------------------------------------------- */
    .services-listing-top {
        padding-top: 17vw;
        padding-bottom: 17vw;
    }

    .service-s-list {
        grid-template-columns: 42% 42%;
        gap: 4vw;
    }

    .service-card,
    .service-card-diff {
        padding: 5vw;
        border-radius: 1vw;
    }

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

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

    /* ---------------------------------------- services-sec-three 500------*/
    /* --------------------------------------------------------------------- */
    .services-sec-three {
        margin-block: 17vw;
    }

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

    details {
        padding-block: 4vw;
        margin-bottom: 4vw;
        border-radius: 1.5vw;
    }

    summary {
        border-radius: 1.5vw;
        font-size: 4.5vw;
    }

    details ol {
        padding-inline: 9vw;
    }

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

    /* ----------------------------------------- services-sec-four 500------*/
    /* --------------------------------------------------------------------- */
    .services-sec-four {
        padding-block: 17vw;
        background-attachment: unset;
    }

    /* ---------------------------------------- services-sec-six 500---------*/
    /* --------------------------------------------------------------------- */
    .services-sec-six {
        padding-block: 17vw;
    }

    /* ------------------------------------ services-inspection 500 -------- */
    /* --------------------------------------------------------------------- */
    .services-inspection {
        padding-inline: 3vw;
        padding-top: 17vw;
        padding-bottom: 17vw;
        background-attachment: unset;
    }

    /* ------------------------------------- services-testing 500---------- */
    /* --------------------------------------------------------------------- */
    .services-testing {
        padding-block: 17vw;
    }

    .ser-testing-txt-img img {
        border-radius: 1.5vw;
    }

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

    .services-certification {
        padding-block: 17vw;
    }

    /* -------------------------------------services-training 500 ---------- */
    /* --------------------------------------------------------------------- */
    .services-training {
        padding-block: 17vw;
        background-attachment: unset;
    }

    /* -----------------------------------services-consultancy 500 --------- */
    /* --------------------------------------------------------------------- */
    .services-consultancy {
        padding-block: 17vw;
    }

    /* -------------------------------------- services-IGBC 500 --------- */
    /* ------------------------------------------------------------------ */
    .services-igbc {
        padding-block: 17vw;
    }

    /* ----------------------------------------- contact-sec-one 500 -------*/
    /* --------------------------------------------------------------------- */
    .contact-sec-one {
        height: 80vw;
    }

    .contact-hero-text {
        padding-top: 40vw;
    }

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

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

    /* ---------------------------------------- contact-sec-two-500 -------*/
    /* ------------------------------------------------------------------ */
    .contact-sec-two-top {
        margin-top: 17vw;
    }

    .content-cards-two {
        grid-template-columns: auto;
        gap: 3vw;
    }

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

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

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

    .email-box,
    .address-box,
    .hour-box {
        border-radius: 1vw;
        font-size: 3vw;
    }

    .cinfo-a {
        font-size: 3vw;
        padding: 1vw;
    }

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

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

    .foo-icon2 {
        width: 4vw;
    }

    .contact-sec-even {
        margin-block: 17vw;
    }

    /* ---------------------------------------- cert-verify 500------------ */
    /* -------------------------------------------------------------------- */
    .cert-verify {
        padding-block: 17vw;
    }

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

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

    /* ----------------------------- admin-login-style -500---------------- */
    /* -------------------------------------------------------------------- */
    .admin-login-style {
        padding-block: 17vw;
    }

    /* ---------------------------------- admin-dashboardp-style -500----- */
    /* -------------------------------------------------------------------- */
    .admin-dashboard-style {
        padding-top: 17vw;
        padding-bottom: 17vw;
    }

    .admin-dash-links {
        justify-content: center;
        gap: 2vw;
        margin-bottom: 3vw;
    }

    /* ---------------------------------- privacy_policy 500------------- */
    /* -------------------------------------------------------------------- */
    .policy-content {
        padding-top: 17vw;
        font-size: 3.5vw;
    }

    .policy-headings {
        font-size: 6vw;
        margin-bottom: 3.5vw;
        margin-top: 6vw;
    }

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