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

body {
    margin: 0;
    box-sizing: border-box;
    font-family: "Montserrat", serif;
}

html {
    scroll-behavior: smooth;
}

/* --------------------- common ----- */
.pre-text {
    color: #f51307;
    font-size: 1.2vw;
    font-weight: 600;
    display: block;
    margin-bottom: 0.5vw;
    letter-spacing: 0.6vw;
}

.header-h3,
.header2-h3 {
    font-family: "Bebas Neue", serif;
    font-weight: 300;
    color: #2d2d2d;
    font-size: 3.5vw;
    margin: 0;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.30);
    text-transform: uppercase;
}

.header2-h3 {
    color: #ffffff;
}

.general-titles {
    font-size: 1.5vw;
    font-weight: 600;
}

.general-titles2 {
    font-size: 1.5vw;
    font-weight: 600;
    color: #ffffff;
}

.para {
    font-size: 1.2vw;
    line-height: 1.3;
}


.para2 {
    font-size: 1.2vw;
    line-height: 1.3;
    color: #ffffff;
}

.para-word-break {
    font-size: 1.2vw;
    text-align: justify;
    word-break: keep-all;
    line-height: 1.5vw;
}

/* -------------- common button ----- */
.hero-btn {
    display: block;
    width: max-content;
    margin-top: 2vw;
    text-decoration: none;
    font-size: 1.1vw;
    font-weight: 500;
    color: #ffffff;
    background-image: radial-gradient(100% 100% at 100% 0, #ce3229 0, #f51307 100%);
    padding: 1vw 2vw;
    border-radius: 0.5vw;
    transition: box-shadow .15s, transform .15s;
    touch-action: manipulation;
    will-change: box-shadow, transform;
}

.hero-btn:focus {
    box-shadow: #f51307 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #f51307 0 -3px 0 inset;
}

.hero-btn:hover {
    box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #f51307 0 -3px 0 inset;
    transform: translateY(-2px);
}

.hero-btn:active {
    box-shadow: #f51307 0 3px 7px inset;
    transform: translateY(2px);
}

/* -- ------------------ Hero-sec -- */
.sec-one {
    height: 44vw;
    position: relative;
    z-index: 1;
}

.hero-sec {
    z-index: 3;
    position: absolute;
    z-index: 20;
    top: 15vw;
    left: 8vw;
}

.hero-sec h1 {
    color: #ffffff;
    line-height: 1;
    font-size: 5vw;
    margin: 0;
    padding: 0;
    text-shadow: 2px 3px 1px #faf7f733;
}

.hero-sec h3 {
    color: #ffffff;
    font-size: 1.65vw;
    font-weight: 400;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.30);
    word-spacing: 0.7vw;
}

.hero-btn-wrap {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: left;
    gap: 1.5vw;
    margin-top: 2vw;
    padding: 0;
}

.hero-btn-hero {
    display: block;
    width: 15vw;
    text-decoration: none;
    text-align: center;
    font-size: 1.1vw;
    font-weight: 500;
    color: #ffffff;
    background-image: radial-gradient(100% 100% at 100% 0, #ce3229 0, #f51307 100%);
    padding: 1vw 2vw;
    border-radius: 0.5vw;
    transition: box-shadow .15s, transform .15s;
    touch-action: manipulation;
    will-change: box-shadow, transform;
}

.hero-btn-hero:focus {
    box-shadow: #f51307 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #f51307 0 -3px 0 inset;
}

.hero-btn-hero:hover {
    box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #f51307 0 -3px 0 inset;
    transform: translateY(-2px);
}

.hero-btn-hero:active {
    box-shadow: #f51307 0 3px 7px inset;
    transform: translateY(2px);
}

.sec-one-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to right, #020202f1, #ffffff00);
    z-index: 15;
}

.sec-one-owl-cont {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 40vw;
    z-index: 14;
}

.bg-slide-one,
.bg-slide-two,
.bg-slide-three,
.bg-slide-four {
    position: relative;
    height: 44vw;
    width: 100%;
    background-size: cover;
    background-attachment: fixed;
}

.bg-slide-one {
    background-image: url('/images/construction1.avif');
}

.bg-slide-two {
    background-image: url('/images/construction3.avif');
}

.bg-slide-three {
    background-image: url('/images/construction6.avif');
}

.bg-slide-four {
    background-image: url('/images/building5.avif');
}



/* -- ----------------------------------------------------section-two -- */
.sec-two {
    background-image: url('/images/pattern1.avif');
    background-size: contain;
    background-color: #ffffff80;
    background-blend-mode: overlay;
    text-align: center;
    padding: 8vw;
    position: relative;
}

.sec-two-box {
    display: grid;
    grid-template-columns: 31% 31% 31%;
    justify-content: space-between;
    gap: 3vw;
    margin-top: 6vw;
}

.sec-two-card {
    position: relative;
}

.pattern-img {
    position: absolute;
    z-index: 4;
    width: 8vw;
    left: -1.5vw;
    top: -1.5vw;
    opacity: 0.4;
}

.sec-two-wrap {
    height: 19vw;
    position: relative;
    z-index: 5;
    color: #2d2d2d;
    background-color: #ffffff;
    padding: 2.5vw;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    overflow: hidden;
    transition: 0.6s ease;
    border-radius: 0.5vw
}

.services-icon {
    color: #f51307;
    width: 5vw;
    display: block;
    text-align: left;
    transition: 0.6s ease;
}

.sec-two-wrap h3 {
    text-align: left;

}

.sec-two-wrap p {
    text-align: left;

}

.slide-btn {
    background-color: #2d2d2d;
    padding-block: 0.6vw;
    color: #ffffff;
    position: absolute;
    left: -11vw;
    bottom: 0;
    transition: 0.6s ease;
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    cursor: pointer;
    text-decoration: none;
}

.slide-txt {
    padding-left: 2vw;
    font-size: 1.1vw;
    width: 9vw;
}

.arrow-one {
    font-size: 2.4vw;
    padding-inline: 2vw;
}

.sec-two-wrap:hover .slide-btn {
    left: 0vw;
}

.sec-two-wrap:hover {
    background-color: #f51307;
    color: #ffffff;
}

.sec-two-wrap:hover .services-icon {
    color: #ffffff;
}


/* -- ---------------------section-three -- */
.sec-three {
    padding: 8vw;
    display: grid;
    grid-template-columns: 45% 45%;
    justify-content: space-between;
}

.sec-three-first {
    position: relative;
}

.secthree-img-one {
    background-color: #7494ee;
    width: 22vw;
    height: 28vw;
    position: absolute;
    top: 0;
    left: 0;
    border: 0.5vw solid #ffffff;
    box-shadow: rgba(0, 0, 0, 0.15) -1.95px -1.95px 2.6px;
    z-index: 4;
    cursor: pointer;
    transition: 0.6s ease;
}

.secthree-img-two {
    background-color: #7494ee;
    width: 22vw;
    height: 28vw;
    position: absolute;
    bottom: -0.6vw;
    right: 0;
    z-index: 5;
    border: 0.5vw solid #ffffff;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    transform: rotate(5deg);
    cursor: pointer;
    transition: 0.6s ease;
}

.secthree-img-one:hover {
    width: 24vw;
    height: 30vw;
    z-index: 6;
    left: 2vw;
}

.secthree-img-two:hover {
    transform: rotate(0deg);
    width: 24vw;
    height: 30vw;
    top: 0;
    right: 1vw;
}

.secthree-img-three {
    position: absolute;
    background: transparent;
    border: 1px solid #f51307;
    width: 22vw;
    height: 28vw;
    top: 2vw;
    right: 8vw;
    z-index: 3;
}

.secthree-img-four {
    position: absolute;
    padding: 1vw;
    z-index: 6;
    background-color: #2d2d2d;
    color: #ffffff;
    border: 0.5vw solid #ffffff;
    border-radius: 50%;
    right: -3.5vw;
    top: 1vw;
}

.img-four-icon {
    width: 5vw;
}

.service-list {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: left;
    gap: 4vw;
}

.list-item {
    display: grid;
    grid-template-columns: auto auto;
    gap: 0.6vw;
    width: max-content;
    align-items: end;
}

.services-icon2 {
    color: #ffffff;
    width: 3vw;
    height: 3vw;
    display: block;
    transition: 0.6s ease;
    background-color: #f51307;
    border-radius: 50%;
    padding: 1vw;
}

/* -- ---------------------section-four -- */

.sec-four {
    padding-top: 8vw;
    padding-bottom: 7vw;
    position: relative;
    background-color: #ffffff;

}

.four-bg-img {
    background-image: url('/images/building3.avif');
    background-color: #101010af;
    background-blend-mode: overlay;
    background-attachment: fixed;
    height: 33vw;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4;
}

.sec-four-wrap {
    position: relative;
    z-index: 5;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    padding-inline: 8vw;
}


.four-wrap-btn {
    margin-top: 0vw;
}

.project-owl-margin {
    margin-inline: 7vw;
}

.sliding-imgs {
    position: relative;
    z-index: 6;
    margin-top: 5vw;
}

.img-card {
    height: 32vw;
    background-color: #bedda9;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    position: relative;
    margin-inline: 1vw;
    overflow: hidden;
    border-radius: 0.5vw;
}

.zoom-img {
    width: 100%;
    height: 100%;
}

.zoom-btn {
    position: absolute;
    padding: 1.5vw;
    right: 0;
    left: 0;
    bottom: -9vw;
    height: 10vw;
    background-color: #2d2d2d;
    color: #ffffff;
    display: block;
    text-align: center;
    transition: 0.6s ease;
    box-shadow: 0px -11px 15px -3px rgba(0, 0, 0, 0.1);
    cursor: pointer;

}

.zoom-icon {
    color: #ffffff;
    width: 1.2vw;
    transition: 0.6s ease;
    transform: rotate(90deg);
    margin-bottom: 1vw;
}

.zoom-btn:hover {
    bottom: 0;
    opacity: 0.9;
    background-image: radial-gradient(100% 100% at 100% 0, #ce3229 0, #f51307 100%);
}

.zoom-btn:hover .zoom-icon {
    transform: rotate(270deg);
}

.para-zoom-txt {
    font-size: 1.2vw;
    color: #ffffff;
}

.slide-btns {
    width: 94vw;
    margin-top: 3vw;
    list-style-type: none;
    display: grid;
    grid-template-columns: auto auto auto auto;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.bottom-line {
    width: 4vw;
    height: 1px;
    background-color: #2d2d2d;
    margin-inline: 2vw;
}

.slide-next,
.slide-prev {
    width: 4vw;
    color: #2d2d2d;
    cursor: pointer;
    transition: 0.6s ease;
}

.slide-prev {
    transform: rotate(180deg);
}

.slide-next:hover,
.slide-prev:hover {
    color: #f51307;
}

/* -- -------------project-sec-two --------- -- */
.projects-sec-two {
    padding: 8vw;
}

/* -- --------------------section-five -- */
.sec-five {
    background-image: url('/images/pattern1.avif');
    background-size: contain;
    background-color: #ffffff80;
    background-blend-mode: overlay;
    padding-inline: 7vw;
    padding-top: 8vw;
    padding-bottom: 7vw;
    text-align: center;
}

.sliding-reviews {
    display: grid;
}

.card-wrap {
    margin-top: 5vw;
    margin-inline: 1vw;
    padding-bottom: 2.5vw;
}


.review-card {
    background-color: #ffffff;
    height: 20vw;
    border-bottom: 4px solid #f51307;
    border-radius: 1.5vw 1.5vw 0 0;
    box-shadow: rgba(50, 50, 93, 0.25) 6px 0px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.review-card-top {
    position: relative;
    padding-top: 2vw;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: left;
    gap: 1.5vw;
}

.name-n-stars {
    text-align: left;
}

.client-image {
    width: 7vw;
    border-radius: 50%;
    margin-left: 3.5vw;
    z-index: 7;
}

.client-design {
    position: absolute;
    width: 7vw;
    left: 0;
    top: 2vw;
    opacity: 0.3;
}

.review-add {
    display: block;
    padding-block: 1vw;
    font-size: 1.2vw;
    color: #2d2d2d;
}

.star-icon {
    width: 1.6vw;
    color: #fcb624;
}

.review-card-bottom {
    position: relative;
    padding-inline: 3.5vw;
    text-align: justify;
    word-break: keep-all;
}

.review-card-bottom p {
    min-height: 2.5vw;
}

.quote-icon {
    position: absolute;
    width: 3vw;
    background-color: #f51307;
    color: #ffffff;
    border-radius: 50%;
    padding: 0.6vw;
    right: 4vw;
}

/* -- ------------------------section-six -- */
.sec-six {
    padding-block: 5vw;
    background-color: #f51307f3;
    background-image: url('/images/line-pattern1.avif');
    padding-inline: 8vw;
    display: grid;
    grid-template-columns: auto auto auto auto;
    align-items: center;
    justify-content: space-between;
}

.counter-projects {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: left;
    gap: 1vw;
}

.counter-img {
    width: 6vw;
    color: #ffffff;
}

.number {
    font-size: 3.5vw;
    display: block;
    font-weight: 600;
    color: #ffffff;
}

.counter-title {
    margin: 0;
    color: #ffffff;
    font-size: 1.3vw;
    font-weight: 300;
}

/* -- ------------------------section-seven -- */
.sec-seven {
    background-color: #ffffff80;
    text-align: center;
    padding-block: 8vw;
    position: relative;
}

.for-btns-only-wrap {
    position: relative;
    margin-inline: 7vw;
}

.sliding-news {
    padding-top: 4vw;
    display: grid;
    grid-template-columns: 31.5% 31.5% 31.5%;
    justify-content: space-between;
}

.news-card {
    margin-inline: 1vw;
}

.news-card-img0,
.news-card-img1,
.news-card-img2 {
    width: 100%;
    height: 18vw;
    background-color: #00000086;
    background-size: cover;
    background-blend-mode: overlay;
    z-index: 6;
    position: relative;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    text-align: center;
    text-shadow: -2px 0px 2px rgba(0, 0, 0, 0.6);
}

.news-card-img0 {
    background-image: url('/images/news1.avif');
}

.news-card-img1 {
    background-image: url('/images/news2.avif');
}

.news-card-img2 {
    background-image: url('/images/news3.avif');
}

.news-card-span {
    width: 100%;
    height: 15vw;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
    align-items: center;
    align-content: center;
    color: #f51307;
    font-size: 3vw;
    font-weight: 800;
    z-index: 7;
}

.news-card-span b {
    color: #ffffff;
    font-weight: 500;
}

.news-txt {
    background-color: #ffffff;
    width: 21.3vw;
    margin-left: 2vw;
    margin-top: -4vw;
    z-index: 7;
    position: relative;
    text-align: left;
    padding: 1.6vw;
}

.news-span1 {
    margin: 0;
    display: block;
    padding-bottom: 1.5vw;
    color: #474747;
    font-size: 1vw;
}

.news-txt h3 {
    padding-top: 0;
    margin: 0;
    padding-bottom: 1.5vw;
}

.news-txt p {
    margin: 0;
    padding: 0;
}

.news-span2 {
    display: grid;
    justify-content: center;
    align-content: center;
    text-align: center;
    position: absolute;
    z-index: 8;
    background-color: #f51307;
    color: #ffffff;
    width: 6vw;
    height: 6vw;
    border-radius: 50%;
    font-size: 1.3vw;
    right: 2vw;
    top: -3vw;
}

.news-span2 b {
    font-size: 2.5vw;
    margin-bottom: -0.4vw;
}

.news-slide-next,
.news-slide-prev {
    width: 4vw;
    color: #2d2d2d;
    position: absolute;
    top: 22vw;
    z-index: 10;
    transition: 0.6s ease;
}

.news-slide-prev {
    transform: rotate(180deg);
    left: -4vw;
}

.news-slide-next {
    right: -4vw;
}

.news-slide-next:hover,
.news-slide-prev:hover {
    color: #f51307;
}

/* -- ---------------------section-eight -- */
.sec-eight {
    padding: 8vw;
    background-image: url('/images/construction2.avif');
    background-size: cover;
    position: relative;
}

.sec-eight-layer2 {
    position: relative;
    z-index: 16;
}

.sec-eight-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to right, #020202f1, #ffffff00);
    z-index: 15;
}

.pre-text2 {
    color: #ffffff;
    font-size: 1.2vw;
    font-weight: 600;
    display: block;
    margin-bottom: 0.5vw;
    letter-spacing: 0.6vw;
}

.form-sec {
    padding-top: 4vw;
}

form {
    display: grid;
    grid-template-columns: auto;
    justify-content: left;
}

.input-name,
.input-mail,
.input-tel,
.input-txt {
    width: 28vw;
    padding: 1.2vw;
    border-top: none;
    border-left: none;
    border-right: none;
    outline: none;
    margin-top: 0.5vw;
    border-radius: 0.5vw;
    background-color: #ffffffe3;
}

.remove-default {
    border: none;
    margin-top: 0.5vw;
    padding-inline: 5vw;
}

input::placeholder {
    font-size: 1.2vw;
}

textarea::placeholder {
    font-size: 1.2vw;
    font-family: "Montserrat", serif;
}

.sucess-style {
    background-color: chartreuse;
    color: black;
    border-radius: 0.5vw;
}

/*-----hero-sec-of-pages--------------------- -- */
.other-sec-one,
.about-sec-one,
.projects-sec-one,
.safety-sec-one,
.blogs-sec-one,
.policy-sec-one,
.careers-sec-one,
.login-sec-one,
.contact-sec-one {
    height: 30vw;
    position: relative;
    background-size: cover;
    background-attachment: fixed;
    z-index: 1;
}

.other-sec-one {
    background-image: url('/images/construction3.avif');
}

.about-sec-one {
    background-image: url('/images/group001.avif');
}

.projects-sec-one {
    background-image: url('/images/building7.avif');
}

.safety-sec-one {
    background-image: url('/images/safety2.avif');
}

.blogs-sec-one {
    background-image: url('/images/blogs.avif');
}

.policy-sec-one {
    background-image: url('/images/security.avif');
}

.careers-sec-one {
    background-image: url('/images/careers001.avif');
}

.login-sec-one {
    background-image: url('/images/network.avif');
}

.contact-sec-one {
    background-image: url('/images/construction5.avif');
}

.other-sec-one-child {
    z-index: 3;
    position: absolute;
    z-index: 20;
    top: 15vw;
    left: 8vw;
}

.other-sec-one-child h1 {
    color: #ffffff;
    line-height: 1;
    font-size: 5vw;
    margin: 0;
    padding: 0;
    text-shadow: 2px 3px 1px #faf7f733;
}

.other-sec-one-child h3 {
    color: #ffffff;
    font-size: 1.65vw;
    font-weight: 400;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.30);
    word-spacing: 0.7vw;
}

/* ----------- about-us-sec-three ----------- */
.about-us-sec-three {
    padding: 8vw;
}

.about-us-child {
    display: grid;
    grid-template-columns: 45% 45%;
    justify-content: space-between;
}

.about-vision-ul li {
    list-style-type: square;
}

.about-us-philosophy {
    display: grid;
    grid-template-columns: 19% 19% 19% 19% 19%;
    justify-content: space-between;
    margin-top: 4vw;
    margin-bottom: 2vw;
}

.philosophy-child {
    padding: 1vw;
    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;
}

.philosophy-child2 {
    padding: 1vw;
    border-radius: 0.5vw;
    text-align: center;
    background-image: radial-gradient(100% 100% at 100% 0, #ce3229 0, #f51307 100%);
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.philosophy-icon {
    width: 5vw;
    color: #2d2d2d;
}

.philosophy-icon2 {
    width: 5vw;
    color: #ffffff;
}

/* -------------- about-sec-four ----------- */
.about-sec-four {
    padding: 8vw;
    background-image: url('/images/pattern1.avif');
    background-size: cover;
    display: grid;
    grid-template-columns: auto auto;
    gap: 5%;
}

.about-four-img {
    width: 33vw;
    border: 0.5vw solid #ffffff;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

/* ------------- about-sec-five ----------- */
.about-sec-five {
    margin: 8vw;
    padding-bottom: 5vw;
    text-align: center;
}

.about-five-wrap {
    margin-top: 5vw;
    display: grid;
    grid-template-columns: 33.3% 33.3%;
    position: relative;
    justify-content: space-between;
}

.about-five-first,
.about-five-last {

    padding: 0;
    margin: 0;
    list-style-type: none;
}

.about-five-first li,
.about-five-last li {
    position: relative;
    width: 30vw;
    margin: 0;
    padding: 0;
    display: grid;
    margin-bottom: 1vw;
    z-index: 6;
}

.about-five-first li {
    grid-template-columns: 70% auto;
    justify-content: space-between;
    align-items: center;
    text-align: right;
}

.about-five-last li {
    grid-template-columns: auto 70%;
    justify-content: space-between;
    align-items: center;
    text-align: left;
}


.icon-wrap {
    background-color: #f5130754;
    width: 7vw;
    height: 7vw;
    display: grid;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.about-five-img {
    position: absolute;
    width: 35vw;
    top: 0;
    left: 25vw;
    z-index: 5;
}

/* --------- details-owl-wrap           ------ */

.details-owl-wrap {
    margin-inline: 8vw;
}

.projects-slide-sec {
    margin-top: 4vw;
    padding-bottom: 8vw;
    width: 100%;
}

.project-details-slide {
    height: 25vw;
    padding: 4vw;
    border-radius: 0.5vw;
    border: 1px solid #2d2d2d6e;
    position: relative;
    z-index: 3;
    background-image: url('/images/image009.avif');
    background-size: cover;
}

.project-details-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(90deg, #ffffff00 10%, #ffffff 70%);
    border-radius: 0.5vw;
    z-index: 4;
}

.project-slide-heading {
    font-size: 2vw;
    font-weight: 900;
    color: #2d2d2d;
    position: relative;
    z-index: 5;
    background-color: #ffffffa1;
    padding: 1.5vw;
    border-radius: 0.5vw;
}

.project-details-slide u {
    color: #7494ee;
    display: block;
    font-size: 2.5vw;
}

.project-ul {
    position: absolute;
    width: min-content;
    height: min-content;
    bottom: 2vw;
    right: 3.5vw;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
    gap: 1vw;
    background-image: radial-gradient(100% 100% at 100% 0, #ce3229 0, #f51307 100%);
    padding: 2vw;
    border-radius: 0.5vw;
    z-index: 5;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.project-ul li {
    width: 15vw;
    color: #ffffff;
    font-size: 1.2vw;
    display: inline-block;
}

.project-ul li b {
    color: #2d2d2d;
    display: block;
}

/* ----------- team login ----------------- */
.team-log {
    display: grid;
    grid-template-columns: auto;
}

.team-log-two {
    padding: 8vw;
    text-align: center;
    display: grid;
    justify-content: center;
}

.team-login-form {
    display: grid;
    justify-content: center;
    background-color: #2b4a983d;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 2vw;
    border-radius: 0.5vw;
}

.team-login-form input {
    padding: 1vw;
    width: 25vw;
    font-size: 1.2vw;
    margin-bottom: 1vw;
    border-radius: 0.5vw;
}

.team-login-form button {
    padding: 1vw;
    width: 100%;
    font-size: 1.5vw;
    color: #ffffff;
    border-radius: 0.5vw;
    background-image: radial-gradient(100% 100% at 100% 0, #ce3229 0, #f51307 100%);
}

.form-icons {
    display: grid;
    grid-template-columns: auto auto;
    gap: 0.5vw;
    justify-content: center;
    margin-bottom: 1vw;
}

.eye-icon {
    width: 1.5vw;
}

/* --------- Services Page ------------- */
.services-even {
    padding-block: 8vw;
    margin-inline: 8vw;
    border-bottom: 1px solid #f51307;
}

.services-odd {
    padding-block: 8vw;
    margin-inline: 8vw;
    border-bottom: 1px solid #f51307;
}

.services-img1 {
    margin-top: 1.5vw;
    width: 28vw;
    height: 20vw;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 0.5vw;
}

.services-img2 {
    margin-top: 1.5vw;
    width: 15vw;
    height: 20vw;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 0.5vw;
}

.even-wrap {
    margin-top: 3vw;
    display: grid;
    grid-template-columns: 36vw 45vw;
    justify-content: space-between;
}

.odd-wrap {
    margin-top: 3vw;
    display: grid;
    grid-template-columns: 45vw 36vw;
    justify-content: space-between;
}

.even-img {
    display: grid;
    grid-template-columns: 15vw 28vw;
    justify-content: space-between;
}

.odd-img {
    display: grid;
    grid-template-columns: 28vw 15vw;
    justify-content: space-between;
}

.service-btn-wrap {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: left;
    gap: 1.5vw;
}

.general-supply-more {
    margin-top: 4vw;
}

.equipment-boxes {
    display: grid;
    grid-template-columns: 30% 30% 30%;
    justify-content: space-between;
}

.equip-box {
    margin-bottom: 2vw;
    border-radius: 0.5vw;
    position: relative;
    height: 20vw;
    width: 25vw;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.equip-img1,
.equip-img2,
.equip-img3 {
    position: absolute;
    bottom: 1vw;
    transition: 0.6s ease;
}

.equip-img1 {
    width: 27vw;

}

.equip-img2 {
    width: 24vw;
    left: 0.5vw;
}

.equip-img3 {
    width: 23vw;
    left: 1vw;
}

.equip-img1:hover,
.equip-img2:hover,
.equip-img3:hover {
    transform: scale(1.1);
}

/* --------------  privacy policy ---------- */
.policy-sec {
    padding-top: 6vw;
    padding-bottom: 8vw;
    padding-inline: 8vw;
}

.policy-sec li {
    font-size: 1.2vw;
    text-align: justify;
    word-break: keep-all;
}

/* -- -----------------safety-sec -- */
.safety-sec-two {
    padding: 8vw;
}

.safety-two-ol li,
.safety-three-ul li {
    padding-bottom: 0.5vw;
    font-size: 1.2vw;
}

.safety-sec-three {
    padding: 8vw;
    background-image: url('/images/pattern1.avif');
    background-size: contain;
    display: grid;
    grid-template-columns: 60% auto;
    gap: 2vw;
    justify-content: space-between;
}

.safety-three-img {
    position: relative;
}

.three-img-img {
    width: 28vw;
    border-radius: 0.5vw;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border: 0.5vw solid #ffffff;
}

.safety-sec-four {
    padding: 8vw;
}

.pledge-wrap {
    padding-top: 4vw;
    display: grid;
    grid-template-columns: auto 48vw;
    justify-content: space-between;
}

.pledge-boxes {
    display: grid;
    grid-template-columns: auto auto;
    gap: 1.5vw;
}

.pledge-box {
    width: 15vw;
    height: 10vw;
    background-image: radial-gradient(100% 100% at 100% 0, #ce3229 0, #f51307 100%);
    border-radius: 0.5vw;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    position: relative;
    text-align: center;
}

.box-num {
    display: block;
    position: absolute;
    font-size: 6vw;
    font-weight: 800;
    top: -2vw;
    left: -1vw;
    color: #ffffffee;
    text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.48);
}

.pledge-icon {
    width: 4vw;
    color: #ffffff;
    margin-top: 1.5vw;
    padding: 0.5vw;
    border-radius: 50%;
    border: 2px solid #ffffff;
}

.span-box-txt {
    display: block;
    font-size: 1.2vw;
    color: #ffffff;
}

.safety-sec-four li {
    padding-bottom: 0.5vw;
    font-size: 1.2vw;
}

/* ----------------newsBlog page -------------- */
.blogs-sec-two {
    padding: 8vw;
}

.blogs-sec-wrap {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    gap: 2%;
    justify-content: space-between;
}

.blog-box-sec {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    border-radius: 0.5vw;
}

.blog-box-sec img {
    width: 100%;
    height: 15vw;
    border-radius: 0.5vw 0.5vw 0 0;
}

.blog-box-txt {
    padding-inline: 1vw;
    padding-top: 1vw;
    height: 25vw;
    position: relative;
}

.blog-box-txt ul {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-inline: 0;
    padding-bottom: 0.5vw;
    margin: 0;
    border-top: 1px solid #4747474d;
}

.blog-box-txt li {
    list-style: none;
    display: inline-block;
    text-align: left;
    margin-right: 1vw;
    font-size: 1vw;
    color: #474747;
    margin-left: 1vw;
}

.a-dot {
    font-weight: 900;
    font-size: 2vw;
}

.down-btn-box {
    margin-top: 2vw;
    display: grid;
    justify-content: center;
}

.load-more-btn {
    border: unset;
}

.blogs-sec-three {
    margin-top: -6.5vw;
    padding-inline: 8vw;
    padding-bottom: 8vw;
}

/* -------------------- careers-sec ---------- */
.careers-sec {
    padding: 6vw 8vw 4vw 8vw;
}

/* -------------------- job opening section ---------- */
.job-section {
    max-width: 70vw;
    margin: 0 auto;
    padding: 2vw;
    margin-bottom: 8vw;
    background: #ffffff;
    border-radius: 0.5vw;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.job-header {
    text-align: center;
    margin-bottom: 1.5vw;
}


.job-listing {
    display: flex;
    flex-direction: column;
    gap: 2vw;
}

.job-card {
    padding: 2vw;
    border: 1px solid #ddd;
    border-radius: 0.6vw;
    transition: box-shadow 0.3s ease;
}

.job-card:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.job-title {
    font-size: 2vw;
    color: #0077cc;
    margin-bottom: 1vw;
}

.job-details {
    color: #555;
}

.apply-btn {
    text-decoration: none;
    font-size: 1.2vw;
    width: max-content;
    display: block;
    margin-top: 2vw;
    padding: 1vw 2vw;
    background: #0077cc;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.apply-btn:hover {
    background: #005fa3;
}

/* -------------------- contact-sec ---------- */
.contact-txt {
    padding: 8vw;
}




/* --------------------------- screen 800--------  */
@media screen and (max-width: 800px) {
    .complete-wrap {
        overflow: hidden;
        position: relative;
    }

    /* --------------------- common 800--- */
    .pre-text {
        font-size: 2.5vw;
    }

    .pre-text2 {
        font-size: 2.5vw;
    }

    .header-h3,
    .header2-h3 {
        font-size: 5.5vw;
    }

    .general-titles {
        font-size: 2.5vw;
    }

    .general-titles2 {
        font-size: 2.5vw;
    }

    .para {
        font-size: 2vw;
    }

    .para2 {
        font-size: 2vw;
    }

    .para-word-break {
        font-size: 2vw;
        line-height: unset;
    }

    /* -------------- common button 800---- */
    .hero-btn {
        text-decoration: none;
        font-size: 2.1vw;
        padding: 1.5vw 2.5vw;
    }

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

    .hero-sec {
        top: 23vw;
    }

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

    .hero-sec h3 {
        font-size: 2.4vw;
    }

    .hero-btn-wrap {
        gap: 1.5vw;
    }

    .hero-btn-hero {
        width: 26vw;
        font-size: 2vw;
        padding: 1.5vw 2.5vw;
    }

    .sec-one-owl-cont {
        height: 60vw;
    }

    .bg-slide-one,
    .bg-slide-two,
    .bg-slide-three,
    .bg-slide-four {
        height: 60vw;
        background-attachment: unset;
    }

    /* -- ----------------section-two 800-- */

    .sec-two-box {
        display: grid;
        grid-template-columns: 46% 46%;
        justify-content: space-between;
        margin-top: 6vw;
    }

    .sec-two-wrap {
        height: 32vw;
    }

    .services-icon {
        width: 8vw;
    }

    .slide-btn {
        left: -23vw;
    }

    .slide-txt {
        padding-left: 2vw;
        font-size: 2.1vw;
        width: 20vw;
    }

    .arrow-one {
        font-size: 4vw;
        padding-inline: 4vw;
    }

    /* --------------------section-three 800-- */
    .sec-three {
        grid-template-columns: auto;
        justify-content: unset;
    }

    .sec-three-first {
        position: relative;
        display: none;
    }

    .list-item {
        display: grid;
        grid-template-columns: auto auto;
        gap: 0.6vw;
        width: max-content;
        align-items: end;
    }

    .services-icon2 {
        width: 6vw;
        height: 6vw;
    }

    .br-temp {
        display: none;
    }

    /* -- -----------------section-four 800-- */

    .four-bg-img {
        background-attachment: unset;
        height: 45vw;
    }

    .img-card {
        height: 48vw;
    }

    .zoom-btn {
        padding: 2.5vw;
        bottom: -18vw;
        height: 20vw;
    }

    .zoom-icon {
        width: 2.1vw;
        margin-bottom: 2vw;
    }

    .para-zoom-txt {
        font-size: 2.1vw;
    }

    .slide-btns {
        width: 90vw;
    }

    .bottom-line {
        width: 10vw;
        height: 1px;
    }

    .slide-next,
    .slide-prev {
        width: 8vw;
    }

    /* -- ------------------section-five 800-- */

    .review-card {
        height: 35vw;
    }

    .review-add {
        font-size: 2.1vw;
    }

    .star-icon {
        width: 2.6vw;
    }

    .review-card-bottom {
        position: relative;
        height: 16vw;
    }

    .review-card-bottom p {
        min-height: 2.5vw;
    }

    .quote-icon {
        width: 5vw;
        right: 4vw;
        bottom: 0;
    }

    /* -- -------------------section-six 800-- */
    .sec-six {
        padding-block: 8vw;
        grid-template-columns: auto auto;
        justify-content: center;
        gap: 5vw;
    }

    .counter-img {
        width: 8vw;
    }

    .number {
        font-size: 4.5vw;
    }

    .counter-title {
        font-size: 2.1vw;
    }

    /* -- -------------------section-seven 800-- */

    .for-btns-only-wrap {
        position: relative;
        margin-inline: 7vw;
    }

    .news-card-img0,
    .news-card-img1,
    .news-card-img2 {
        height: 25vw;
    }

    .news-card-span {
        height: 25vw;
        font-size: 5vw;
    }

    .news-txt {
        width: 35.5vw;
    }

    .news-span1 {
        font-size: 1.7vw;
    }

    .news-span2 {
        width: 8vw;
        height: 7.8vw;
        font-size: 2.1vw;
        top: -4vw;
    }

    .news-span2 b {
        font-size: 2.5vw;
    }

    .news-slide-next,
    .news-slide-prev {
        width: 7vw;
    }

    .news-slide-prev {
        left: -6vw;
    }

    .news-slide-next {
        right: -6vw;
    }

    /* -- ------------------section-eight 800-- */

    .input-name,
    .input-mail,
    .input-tel,
    .input-txt {
        width: 40vw;
        padding: 1.2vw;
    }

    input::placeholder {
        font-size: 2.1vw;
    }

    textarea::placeholder {
        font-size: 2.1vw;
    }

    /* --hero-sec-of-pages--services-sec-one 800-- */
    .other-sec-one,
    .about-sec-one,
    .projects-sec-one,
    .safety-sec-one,
    .blogs-sec-one,
    .policy-sec-one,
    .careers-sec-one,
    .login-sec-one,
    .contact-sec-one {
        height: 50vw;
        background-attachment: unset;
    }

    .other-sec-one-child {
        top: 23vw;
    }

    .other-sec-one-child h1 {
        font-size: 7vw;
    }

    .other-sec-one-child h3 {
        font-size: 2.4vw;
    }

    /* ----------- about-us-sec-three 800--------- */

    .about-us-philosophy {
        grid-template-columns: 32% 32% 32%;
    }

    .punctuality {
        display: none;
    }

    /* -------------- about-sec-four 800--------- */
    .about-sec-four {
        background-size: contain;
        grid-template-columns: auto;
        gap: 5%;
    }

    .about-four-img {
        width: 40vw;
    }

    /* ------------- about-sec-five 800-------- */

    .about-five-wrap {
        grid-template-columns: 45% 45%;
    }

    .about-five-first li,
    .about-five-last li {
        width: 38vw;
        height: 20vw;
        background-color: #2b4a982d;
    }

    .icon-wrap {
        width: 10vw;
        height: 10vw;
    }

    .repo {
        display: none;
    }

    /* ----------- team login --800------------- */

    .team-login-form {
        padding: 5vw;
    }

    .team-login-form input {
        padding: 2vw;
        width: 35vw;
        font-size: 2.2vw;
        margin-bottom: 2vw;
    }

    .team-login-form button {
        padding: 2vw;
        font-size: 2.5vw;
    }

    .eye-icon {
        width: 2.5vw;
    }

    /* -----------newsBlog page 800----------- */

    .blogs-sec-wrap {
        grid-template-columns: 48% 48%;
        gap: 4vw;
    }

    .blog-box-sec img {
        height: 25vw;
    }

    .blog-box-txt {
        padding-inline: 2vw;
        padding-top: 2vw;
        height: 45vw;
    }

    .blog-box-txt li {
        font-size: 1.7vw;
        margin-left: 2vw;
    }

    .a-dot {
        font-size: 1.2vw;
    }

    .down-btn-box {
        margin-top: 3vw;
    }

    .blogs-sec-three {
        margin-top: -6.5vw;
    }
    
     /* -------------------- job opening section 800-------- */
    .job-section {
        padding: 3vw;
    }

    .job-listing {
        gap: 3vw;
    }

    .job-card {
        padding: 3vw;
    }

    .job-title {
        font-size: 3vw;
    }

    .apply-btn {
        font-size: 2vw;
    }

    /* --------------  privacy policy 800------- */

    .policy-sec li {
        font-size: 2vw;
    }

    /* ------ details-owl-wrap 800 ------------- */

    .project-details-slide {
        height: 45vw;
    }

    .project-slide-heading {
        font-size: 3vw;

    }

    .project-details-slide u {
        font-size: 3.5vw;
    }

    .project-ul li {
        width: 25vw;
        font-size: 2vw;
    }

    /* --------- Services Page 800----------- */

    .services-img1 {
        width: 38vw;
        height: 30vw;
    }

    .services-img2 {
        width: 25vw;
        height: 30vw;
    }

    .even-wrap,
    .odd-wrap {
        grid-template-columns: auto;
    }

    .even-img {
        display: none;
    }

    .odd-img {
        grid-template-columns: auto auto;
        justify-content: left;
        gap: 2vw;
    }


}

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

    /* --------------------- common 500--- */
    .pre-text {
        font-size: 4vw;
    }

    .pre-text2 {
        font-size: 4vw;
    }

    .header-h3,
    .header2-h3 {
        font-size: 7vw;
    }

    .general-titles {
        font-size: 4.5vw;
    }

    .general-titles2 {
        font-size: 4.5vw;
    }

    .para {
        font-size: 3.8vw;
    }

    .para2 {
        font-size: 3.8vw;
    }

    .para-word-break {
        font-size: 3.8vw;
        line-height: unset;
    }

    /* -------------- common button 500---- */
    .hero-btn {
        text-decoration: none;
        font-size: 3.1vw;
        padding: 2vw 3vw;
    }

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

    .hero-sec {
        top: 30vw;
    }

    .hero-sec h1 {
        font-size: 8vw;
    }

    .hero-sec h3 {
        font-size: 2.8vw;
    }

    .hero-btn-wrap {
        gap: 2vw;
    }

    .hero-btn-hero {
        width: 35vw;
        font-size: 3vw;
        padding: 2vw 3vw;
    }

    .sec-one-owl-cont {
        height: 80vw;
    }

    .bg-slide-one,
    .bg-slide-two,
    .bg-slide-three,
    .bg-slide-four {
        height: 80vw;
    }


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

    .sec-two-box {
        grid-template-columns: auto;
        gap: 8vw;
    }

    .sec-two-wrap {
        height: 55vw;
    }

    .services-icon {
        width: 10vw;
    }

    .slide-btn {
        left: -36vw;
        padding: 2vw 0;
    }

    .slide-txt {
        font-size: 4.1vw;
        width: 34vw;
    }

    .arrow-one {
        font-size: 8vw;
        padding-inline: 6vw;
    }


    /* --------------------section-three 500-- */
    .sec-three {
        padding-block: 15vw;
    }

    .service-list {
        grid-template-columns: auto;
        gap: 3vw;
        margin-bottom: 5vw;
    }

    .list-item {
        gap: 1vw;
    }

    .services-icon2 {
        width: 8vw;
        height: 8vw;
    }

    /* -- -----------------section-four 500-- */

    .sec-four {
        padding-top: 15vw;
        padding-bottom: 12vw;
    }

    .four-bg-img {
        height: 55vw;
    }

    .img-card {
        height: 100vw;
    }

    .zoom-btn {
        padding: 4vw;
        bottom: -27vw;
        height: 30vw;
    }

    .zoom-icon {
        width: 4vw;
        margin-bottom: 3vw;
    }

    .para-zoom-txt {
        font-size: 3.8vw;
    }

    .slide-btns {
        width: 82vw;
    }

    .bottom-line {
        width: 18vw;
    }

    .slide-next,
    .slide-prev {
        width: 10vw;
    }

    /* -- ------------------section-five 500-- */
    .sec-five {
        padding-top: 15vw;
        padding-bottom: 12vw;
    }

    .review-card {
        height: 55vw;
    }

    .client-image {
        width: 15vw;
    }

    .client-design {
        width: 15vw;
    }

    .review-add {
        font-size: 4vw;
    }

    .star-icon {
        width: 5vw;
    }

    .review-card-bottom {
        height: 19vw;
    }

    .quote-icon {
        width: 10vw;
        right: 4vw;
        bottom: -3vw;
    }

    /* -- -------------------section-six 500-- */
    .sec-six {
        padding-block: 15vw;
        justify-content: space-between;
        gap: 5vw;
    }

    .counter-img {
        width: 10vw;
    }

    .number {
        font-size: 6vw;
    }

    .counter-title {
        font-size: 3vw;
    }

    /* -- -------------------section-seven 500-- */
    .sec-seven {
        padding-block: 15vw;
    }

    .news-card-img0,
    .news-card-img1,
    .news-card-img2 {
        height: 35vw;
    }

    .news-card-span {
        height: 35vw;
        font-size: 8vw;
    }

    .news-txt {
        width: 78.5vw;
    }

    .news-txt h3 {
        height: 12vw;
    }

    .news-txt p {
        height: 20vw;
    }

    .news-span1 {
        font-size: 3.2vw;
    }

    .news-span2 {
        width: 12vw;
        height: 11.8vw;
        font-size: 3vw;
        top: -5vw;
    }

    .news-span2 b {
        font-size: 3.8vw;
    }

    .news-slide-next,
    .news-slide-prev {
        width: 10vw;
    }

    /* -- ------------------section-eight 500-- */
    .sec-eight {
        padding-block: 15vw;
    }

    .input-name,
    .input-mail,
    .input-tel,
    .input-txt {
        width: 70vw;
        padding: 2vw;
    }

    input::placeholder {
        font-size: 3.8vw;
    }

    textarea::placeholder {
        font-size: 3.8vw;
    }

    /* --hero-sec-of-pages--services-sec-one 500-- */
    .other-sec-one,
    .about-sec-one,
    .projects-sec-one,
    .safety-sec-one,
    .blogs-sec-one,
    .policy-sec-one,
    .careers-sec-one,
    .login-sec-one,
    .contact-sec-one {
        height: 70vw;
        background-attachment: unset;
    }

    .other-sec-one-child {
        top: 30vw;
    }

    .other-sec-one-child h1 {
        font-size: 8vw;
    }

    .other-sec-one-child h3 {
        font-size: 2.8vw;
    }

    /* ----------- about-us-sec-three 500--------- */
    .about-us-sec-three {
        padding-block: 15vw;
    }

    .about-us-child {
        grid-template-columns: auto;
    }

    .about-us-philosophy {
        grid-template-columns: auto;
        gap: 5vw;
        margin-top: 8vw;
        margin-bottom: 4vw;
    }

    .philosophy-child,
    .philosophy-child2 {
        padding: 5vw;
        background-color: #2b4a982a;
    }

    .punctuality {
        display: block;
    }

    .philosophy-icon {
        width: 15vw;
    }

    .philosophy-icon2 {
        width: 15vw;
    }

    /* -------------- about-sec-four 500--------- */
    .about-sec-four {
        padding-top: 15vw;
        padding-bottom: 17vw;
        gap: 1%;
    }

    .about-four-img {
        width: 100%;
    }

    /* ------------- about-sec-five 500-------- */
    .about-sec-five {
        margin-top: 15vw;
        margin-bottom: 10vw;
    }

    .about-five-wrap {
        grid-template-columns: auto;
    }

    .about-five-first li,
    .about-five-last li {
        width: 100%;
        height: 40vw;
        margin-bottom: 5vw;
        background-color: #2b4a982d;
        border-radius: 0.5vw;
    }

    .icon-wrap {
        width: 12vw;
        height: 12vw;
    }

    .about-five-img {
        display: none;
    }

    .repo {
        display: block;
    }

    /* ----------- team login --500------------- */

    .team-log-two {
        padding-block: 15vw;
    }

    .team-login-form {
        padding: 8vw;
    }

    .team-login-form input {
        padding: 4vw;
        width: 55vw;
        font-size: 3.8vw;
        margin-bottom: 4vw;
    }

    .team-login-form button {
        padding: 4vw;
        font-size: 5vw;
    }

    .form-icons {
        margin-bottom: 4vw;
    }

    .eye-icon {
        width: 3.8vw;
    }

    /* -------------------- careers-sec 500------- */
    .careers-sec {
        padding-block: 15vw;
    }
    
     /* -------------------- job opening section 500-------- */
    .job-section {
        padding: 4vw;
    }

    .job-card {
        padding: 4vw;
    }

    .job-title {
        font-size: 4.5vw;
    }

    .apply-btn {
        font-size: 3.5vw;
    }

    /* -----------newsBlog page 500----------- */
    .blogs-sec-two {
        padding-block: 15vw;
    }

    .blogs-sec-wrap {
        grid-template-columns: auto;
        gap: 12vw;
    }

    .blog-box-sec img {
        height: 55vw;
    }

    .blog-box-txt {
        padding-inline: 4vw;
        padding-top: 4vw;
        height: 85vw;
    }

    .blog-box-txt li {
        font-size: 3vw;
        margin-left: 4vw;
    }

    .a-dot {
        font-size: 2vw;
    }

    .down-btn-box {
        margin-top: 5vw;
    }

    /* --------------  privacy policy 500------- */
    .policy-sec {
        padding-top: 13vw;
        padding-bottom: 15vw;
    }

    .policy-sec li {
        font-size: 3.8vw;
    }

    /* -- -----------project-sec-two 500------ -- */
    .projects-sec-two {
        padding-block: 15vw;
    }

    /* ------ details-owl-wrap 500 ------------- */


    .project-details-slide {
        height: 65vw;
    }

    .project-slide-heading {
        font-size: 4vw;

    }

    .project-details-slide u {
        font-size: 4.5vw;
    }

    .project-ul {
        position: absolute;
    }

    .project-ul li {
        width: 30vw;
        color: #ffffff;
        font-size: 3vw;
    }

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

    .safety-two-ol li,
    .safety-three-ul li {
        font-size: 3.8vw;
    }

    .safety-sec-three {
        padding-block: 15vw;
        grid-template-columns: auto;
        gap: 5vw;
        justify-content: center;
    }

    .three-img-img {
        width: 100%;
    }

    .safety-sec-four {
        padding-block: 15vw;
    }

    .pledge-wrap {
        grid-template-columns: auto;
        justify-content: center;
        gap: 5vw;
    }

    .pledge-boxes {
        grid-template-columns: auto;
        justify-content: center;
        gap: 5vw;
    }

    .pledge-box {
        width: 65vw;
        height: 45vw;
    }

    .box-num {
        font-size: 38vw;
        top: 0;
        left: -8vw;
    }

    .pledge-icon {
        width: 18vw;
        margin-top: 6vw;
    }

    .span-box-txt {
        font-size: 3.8vw;
    }

    .safety-sec-four li {
        font-size: 3.8vw;
    }

    /* --------- Services Page 500----------- */
    .services-even {
        padding-block: 15vw;
    }

    .services-odd {
        padding-block: 15vw;
    }

    .services-img1 {
        width: 48vw;
        height: 40vw;
    }

    .services-img2 {
        width: 35vw;
        height: 40vw;
    }

    /* -------------------- contact-sec ---------- */
    .contact-txt {
        padding-block: 15vw;
    }

}