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

a {
    text-decoration: none;
}


.roboto {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings:
        "wdth" 100;
}

/* Header Css  */

.hamMenu {
    font-size: 24px;
    color: #1c1c1c;
    display: none !important;
}

nav {
    margin-top: 0.5rem;
    height: 8rem;
    width: 100%;
    align-self: center;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999999;
    position: absolute;
    top: 0;
}

.insideNav {
    height: 100%;
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.upperNav {
    height: 30%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: none;
}

.lowerNav {
    padding: 0 0.5rem;
    padding-right: 0;
    height: 75%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
}

.socialIcon {
    height: 100%;
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.upperA {
    display: flex;
    justify-content: center;
    align-items: center;
}

.upperA a p {
    padding: 0.2rem;
    margin: 0.25rem;
    color: #0e0e0e;
    font-size: 14px;
    font-weight: 500;
}

.bothBorder {
    border-inline: 1px solid #969696;
}

.logo {
    height: 5rem;
}

.menuLinks {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.menuLinks a p {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: #0e0e0e;
    padding: 0.2rem;
    margin: 0.5rem;
}

.catalogue {
    background-color: #fdb400;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
    width: 10rem;
    padding-left: 1.5rem;
}

.catalogue p {
    color: #fff !important;
}

/* Header Css End  */


/* First Section  */

.firstSection {
    height: 100vh;
    width: 100%;
    overflow: hidden;
}

/* First Section End  */

/* Second Section  */


.secondSection {
    padding: 4rem 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.insideSecondSection {
    max-width: 1800px;
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.innerSecondSectionCard {
    height: 30rem;
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0.15rem;
}


.secondIMG img {
    padding: 1rem;
    /* height: 100%; */
    width: 100%;
    background-color: #fdb400;
    margin-right: 4rem;
}

.secondUpperContent {
    height: 7rem;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.secondUpperContent span {
    border: 4px solid #fdb400;
    height: 100%;
    padding: 1rem;
    font-size: 52px;
    font-weight: 500;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.secondUpperContent p {
    padding-left: 1rem;
    color: #0e0e0e;
    font-weight: 400;
    font-size: 14px;
}


.innerSecondSectionCard h2 {
    align-self: flex-start;
    margin-top: 2rem;
    font-size: 36px;
    font-weight: 600;
    color: #0e0e0e;
    margin-bottom: 1rem;
}

.innerSecondSectionCard p {
    font-size: 15px;
    font-weight: 400;
    color: #0e0e0e;
    line-height: 1.5rem;
}

.aboutBTN {
    background-color: #fdb400;
    color: #fff;
    padding: 1rem 2rem;
    font-size: 14px;
    font-weight: 500;
    align-self: flex-start;
    margin-top: 2rem;
}

/* Second Section End  */


/* Third Section  */

.thirdSection {
    padding: 4rem 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.thirdSection::before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: '';
    background-image: url("https://industry-nuxt-three.vercel.app/images/background/bg11.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}

.insideThirdSection {
    width: 80%;
    max-width: 1800px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.innerThirdCard {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0.1rem;
}

.innerThirdCard h2 {
    align-self: flex-start;
    margin-top: 2rem;
    font-size: 36px;
    font-weight: 600;
    color: #0e0e0e;
    margin-bottom: 1rem;
}

.innerThirdCard p {
    font-size: 15px;
    font-weight: 400;
    color: #0e0e0e;
    line-height: 1.5rem;
}

.itc1 {
    padding-left: 2rem;
}

/* Third Section End  */

/* Fourth Section  */

.fourthSection {
    padding: 4rem 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.insideFourthSection {
    padding-top: 2rem;
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fourthSection h2 {
    margin-top: 2rem;
    font-size: 36px;
    font-weight: 600;
    color: #0e0e0e;
    margin-bottom: 1rem;
}


.fourthSection p {
    font-size: 15px;
    font-weight: 400;
    color: #0e0e0e;
    width: 70%;
    text-align: center;
    line-height: 1.5rem;
}


/* Fourth Section End  */

/* Fifth Section  */

.fifthSection {
    padding: 4rem 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.insideFifthSection {
    width: 80%;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.fifthSectionCard {
    height: 15rem;
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin: 1rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 0.5rem;
    padding: 1rem;
}

.fifthSectionCard img {
    height: 4rem;
    width: 4rem;
    background-color: #7e7e7e;
}

.fifthSectionCard h3 {
    font-weight: 500;
    font-size: 18px;
    margin: 1rem 0;
    color: #0e0e0e;
}

.fifthSectionCard p {
    font-size: 15px;
    font-weight: 400;
    color: #0e0e0e;
    line-height: 1.5rem;
}

/* Fifth Section End  */


/* Sixth Section  */

.sixthSection {
    padding: 4rem 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #f7f9fb;
}

.insideSixthSection {
    padding-top: 2rem;
    width: 98%;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.sixthSection h2 {
    margin-top: 2rem;
    font-size: 36px;
    font-weight: 600;
    color: #0e0e0e;
    margin-bottom: 1rem;
}


.sixthSection p {
    font-size: 15px;
    font-weight: 400;
    color: #0e0e0e;
    width: 70%;
    text-align: center;
    line-height: 1.5rem;
}

.ourTeamCard {
    height: 20rem;
    width: 16rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem;
    position: relative;
    background-color: #fff;
}

.insideOurTeamCard {
    height: 96%;
    width: 96%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: aqua;
    z-index: 9999999;
    overflow: hidden;
}

.teamCorner {
    height: 4rem;
    width: 4rem;
    background-color: #fdb400;
    position: absolute;
}

.tc1 {
    top: 0;
    left: 0;
}

.tc2 {
    top: 0;
    right: 0;
}

.tc3 {
    bottom: 0;
    left: 0;
}

.tc4 {
    bottom: 0;
    right: 0;
}

.insideOurTeamCard img {
    height: 100%;
}

/* Sixth Section End  */

/* Seventh Sdection  */

.seventhSection {
    padding: 4rem 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.seventhSection::before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: '';
    background-image: url('/assets/images/map.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.insideSeventhSection {
    padding-top: 2rem;
    height: 80%;
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.seventhSection h2 {
    margin-top: 2rem;
    font-size: 36px;
    font-weight: 600;
    color: #0e0e0e;
    margin-bottom: 1rem;
}


.seventhSection p {
    font-size: 15px;
    font-weight: 400;
    color: #0e0e0e;
    width: 70%;
    text-align: center;
    line-height: 1.5rem;
}

/* Seventh Section End  */

/* Eight Section  */

.eightSection {
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.insideEightSection {
    height: 80%;
    width: 80%;
    display: flex;
    justify-items: start;
    align-items: center;
}

footer {
    padding: 4rem 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #1c1c1c;
}

img.footer-logo {
    height: 6rem;
}

footer::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: url('/assets/images/bg2.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* z-index: -1; */
}

.insideFooter {
    width: 80%;
    display: flex;
    justify-items: start;
    align-items: center;
}

/* Eight Section end  */

.footerWidget {
    height: 20rem;
    width: 20rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    margin: 1rem;
    position: relative;
}

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

.footerWidget p {
    color: #ffffffb5;
    line-height: 23px;
}

.footerWidget h2 {
    color: #d4cfcf;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 1rem;
}

.footerWidget h3 {
    color: #cccccc;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

.footerWidget a {
    font-size: 16px;
    margin-bottom: 0.5rem;
}

.footerWidget p {
    font-size: 16px !important;
}

.fifthSectionCard i {
    color: #fdb400;
    font-size: 42px;
}

footer::before {
    top: 0;
}

footer {
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

marquee a {
    color: #fff;
    margin: 0 10px;
    text-transform: capitalize;
}

marquee {
    padding: 1rem;
}

.map {
    width: 100%;
    height: 100%;
}

.map iframe {
    width: 100%;
    height: 100%;
}

.hn-menu a {
    padding: 1rem;
    border-bottom: 1px solid #d3cfcf;
    color: #000;
}

.hn-menu {
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 0;
    background: #fff;
    padding: 2rem;
    width: 35vw;
    height: 100vh;
    transform: translate(-100%);
    z-index: 100;
    top: 0;
    transition: transform 0.3s ease;
}

.hn-menu.active {
    transform: translate(0%);
}

i.fa-solid.fa-xmark.cross {
    position: absolute;
    right: 10%;
    top: 5%;
    font-size: 23px;
}

@media (max-width: 1150px) {
    .insideFooter {
        width: 90%;
    }
}

@media screen and (max-width:1024px) {

    .insideSecondSection,
    .insideThirdSection {
        width: 90%;
    }

    .insideSeventhSection {
        overflow: hidden;
    }

    .insideFooter {
        flex-wrap: wrap;
        justify-content: center;
    }

    .firstSection {
        height: 90vh;
    }
}

@media screen and (max-width:900px) {

    .menuLinks {
        display: none;
    }

    .hamMenu {
        display: flex !important;
        margin-right: 1rem;
    }

    .insideSecondSection {
        flex-direction: column-reverse;
    }

    .innerSecondSectionCard {
        width: 100%;
    }

    .secondIMG img {
        margin-right: 0;
    }

    .insideFourthSection {
        width: 90%;
    }

    .gallery {
        flex-direction: row !important;
    }

    .fifthSectionCard {
        width: 45%;
    }

    .testi-container {
        padding: 0 !important;
    }

    .testi-slide {
        flex-direction: column;
    }

    .testi-slide img.testi-image {
        margin-right: 0;
        margin-bottom: 0.5rem;
    }

    .firstSection {
        height: 75vh;
    }
}

@media screen and (max-width:767px) {
    nav {
        overflow: hidden;
    }

    .thirdSection {
        padding-top: 0;
    }

    .insideThirdSection {
        flex-direction: column-reverse;
    }

    .innerThirdCard {
        width: 100%;
    }

    .secondSection {
        padding-bottom: 0;
    }

    .itc1 {
        padding-left: 0;
        padding-bottom: 2rem;
    }

    .fourthSection {
        padding-top: 0;
    }

    .fourthSection h2 {
        text-align: center;
    }

    .gallery img {
        width: 100%;
        max-width: 48% !important;
        height: 12rem !important;
    }

    .fifthSectionCard {
        width: 44%;
    }

    .fifthSection {
        padding-top: 0;
    }

    .seventhSection h2 {
        margin-top: 0;
    }

    p.testi-text {
        width: auto;
        margin: auto;
        padding: 1rem 0;
    }

    .footerWidget {
        height: 17rem;
        width: 17rem;
    }

    .hn-menu {
        width: 55vw;
    }

    .firstSection {
        height: 65vh;
    }
}

@media screen and (max-width:600px) {
    footer {
        overflow: hidden;
    }

    .innerSecondSectionCard {
        height: 28rem;
        padding-top: 4rem;
    }

    .fourthSection h2 {
        text-align: center;
        margin-top: 0;
    }

    .gallery img {
        max-width: 100% !important;
        height: auto !important;
    }

    .fifthSectionCard {
        width: 100%;
    }

    .sixthSection h2 {
        margin-top: 0;
    }

    .testi-slide img.testi-image {
        margin-right: 0;
    }

    .testi-content {
        max-width: 55% !important;
    }

    .footerWidget {
        height: 20rem;
        width: 15rem;
    }

    .firstSection {
        height: 55vh;
    }

    nav {
        height: 6rem;
        position: unset;
    }

    .lowerNav {
        height: 100%;
    }

    .insideNav {
        height: 100%;
        width: 97%;
    }
}

@media (max-width: 500px) {
    .firstSection {
        height: 45vh;
    }
}

@media (max-width: 487px) {
    .footerWidget {
        height: 16rem;
        width: 100%;
    }
}

@media screen and (max-width:450px) {
    .innerThirdCard h2 {
        margin-top: 0;
    }

    .innerSecondSectionCard h2,
    .innerThirdCard h2,
    .fourthSection h2,
    .sixthSection h2 {
        font-size: 32px;
    }

    .fourthSection p,
    .sixthSection p {
        width: 90%;
    }

    .seventhSection h2 {
        margin-top: 0;
        text-align: center;
        font-size: 32px;
    }

    .testi-content {
        max-width: 40% !important;
    }

    .hn-menu {
        width: 100%;
    }
}

@media (max-width: 400px) {
    .firstSection {
        height: 35vh;
    }
}