/* fonts */

@font-face {
    font-family: Mulish;
    src: url(../fonts/Mulish/Mulish-VariableFont_wght.ttf);
}



a {
    text-decoration: none;
}
.form-control:focus{
    box-shadow: none !important;
}
/* index page */


.full-banner {
    height: 100vh;
    position: relative;
}


.left-section {
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../images/home/banner-bg.png);
}

.banner-body {
    display: flex;
    gap: 50px;
    padding-top: 120px;
    z-index: 2;

}

.right-section {
    padding: 0;
}

.mis-slider-image {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.carousel-inner {
    position: relative;
}

.image-number {
    position: absolute;
    top: 50%;
    right: 20px;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 5px 10px;
    font-size: 1.5rem;
    border-radius: 5px;
}

.carousel-control-prev {
    position: absolute;
    left: 80%;
    top: 60%;
}

.next-section {
    position: absolute;
    top: 0%;
    width: 100vw;
    z-index: 2;
}

.mis-navbar {
    padding-top: 10px;
    padding-bottom: 10px;
}

.mis-nav-text a {
    font-family: Mulish;

    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
}
.dropdown-menu{
    --bs-dropdown-link-active-bg:transparent;
}
.nav-link:hover{
    color: #009bf1 !important;
}

.index-nav-icon{
    display: none;
}
.nav-icon-1{
    width: 30px;
    height: 2px;
    background-color: white;
}
.nav-icon-2{
    width: 30px;
    height: 2px;
    background-color: white;
    margin-top: 6px;
}
.nav-icon-3{
    width: 30px;
    height: 2px;
    background-color: white;
    margin-top: 6px;

}
.navbar-toggler{
    border: none;
}

.navbar-toggler:focus{
    border: none;
    box-shadow: none;
}

.nav-line {
    opacity: 3;
    color: #616666;

}

.mis-drops {
    gap: 18px;
    width: 253px;
    height: 471px;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-radius: 12px;
}

.mis-nav-btn {
    background: #9A8870;
    border-radius: 8px;
    border: none;
    font-family: Mulish;

    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
    padding: 8px;

}

.banner-title {
    font-family: Mulish;

    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    color: #FFFFFF;
    padding-top: 60px;
}

.banner-head {
    font-family: Mulish;

    font-weight: 700;
    font-size: 46px;
    line-height: 100%;
    color: #FFFFFF;
}

.banner-text {
    font-family: Mulish;

    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #FFFFFF;
}

.banner-btn {
    padding: 13px 24px;
    background: #9A8870;
    border-radius: 8px;
    border: none;
    font-family: Mulish;

    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: #FFFFFF;
}

.curve-img {
    padding-left: 130px;
}



@media screen and (min-width:1400px) {
    .banner-head {
        width: 140%;
    }

    .banner-text {
        width: 140%;

    }

}

@media screen and (max-width:992px) {
    .curve-img {
        display: none;
    }

    .left-section {
        position: absolute;
        top: 20%;
        left: 30%;
        background-image: none;

    }

    .right-section {
        width: 100%;
    }

    .banner-title {
        padding-top: 0;
    }

    .banner-body {
        padding-top: 10px;
        padding-left: 10px;
    }

}

@media screen and (max-width:768px) {
    .left-section {
        left: 0;
    }

}

@media screen and (max-width:400px) {
    .banner-body {
        padding-left: 30px;
    }

    .banner-title {
        font-size: 27px;
    }

    .banner-head {
        font-size: 27px;
    }

    .banner-text {
        font-size: 14px;

    }
}




/* other pages navbar */


/* navbar start */

a {
    color: inherit;
}


.nav-link:hover {
    color: black;
}


.nav-link:active {
    color: #009BF1;
}

.company-logo {
    margin: 0 auto;
    width: 128.26px;
    height: 36px;
}

.navlink {
    font-family: Mulish;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #022335;

}

.request-but {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    gap: 10px;

    width: 154px;
    height: 39px;

    background: #9A8870;
    border-radius: 8px;


    font-family: Mulish;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
}

/* dropdownmenu  */
.dropdownmenu {

    padding: 24px;
    gap: 18px;
    width: 253px;
    height: 471px;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-radius: 12px;
}

.dropdownheader a {
    font-family: Mulish;
    font-style: normal;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.008em;
    color: #212121;
    font-weight: 700 !important;

}

.dropdownitem {
    font-family: Mulish !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 26px !important;
    color: #616666 !important;
}

/* navbar end */






/* whyus section */

.whyus-sec {
    margin-top: 70px;
}

.whyus-btn {
    padding: 10px 18px;
    border: 1px solid #9A8870;
    border-radius: 70px;
    font-family: Mulish;

    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    color: #022335;
}

.whyus-head {
    font-family: Mulish;

    font-weight: 700;
    font-size: 32px;
    letter-spacing: 0%;
    text-transform: capitalize;
    padding-top: 10px;
    color: #022335;
}

.why-span {
    font-family: Mulish;

    font-weight: 700;
    font-size: 32px;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: #9A8870;
}

.why-card-1,
.why-card-2,
.why-card-3,
.why-card-4 {
    background: #FBF8F5;
    border-radius: 20px;
    padding: 30px;
    /* width: 400px; */
    height: 307px;
    border: none;
    margin-top: 20px;
    margin-bottom: 20px;

}

.why-card-2,
.why-card-4,
.why-card-6 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.why-card-5 {
    background: #FBF8F5;
    border-radius: 20px;
    padding: 30px;
    /* width: 400px; */
    height: 245px;
    border: none;
    margin-top: 20px;
    margin-bottom: 20px;
}

.why-card-6 {
    background: #022335;
    /* width: 400px; */
    height: 367px;
    border-radius: 20px;

}

.whyus-text {
    font-family: Mulish;

    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #212121;
    padding-top: 20px;
}

.whyus-cover-img {
    margin-left: 80px;
}

.whyus-content {
    font-family: Mulish;

    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #475467;
}

.talk-text {
    font-family: Mulish;

    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 30px;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-bottom: 10px;
}

.talk-btn {
    padding: 10px;
    width: 160px;
    height: 50px;
    border: 1px solid #FFFFFF;
    border-radius: 60px;
    font-family: Mulish;

    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    color: #FFFFFF;

}

.talk-sec {
    padding: 30px;

}

.talk-img {
    padding-top: 20px;
    padding-bottom: 70px;
}


.talk-img{
    animation: moveUpDown 1.5s infinite alternate ease-in-out;
}


@keyframes moveUpDown {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(150px);
    }
}


@media screen and (max-width:992px) {
    .why-card-6 {
        height: auto;
    }

}

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

    .whyus-head,
    .why-span {
        font-size: 21px;
    }

    .whyus-btn {
        font-size: 14px;
    }

    .whyus-text,
    .talk-btn {
        font-size: 18px;
    }

    .whyus-content {
        font-size: 14px;
    }


    .process-card-text {
        font-size: 15px;
    }
    .talk-text{
        font-size: 20px;
    }
}


/* services */

.services-sec {
    margin-top: 80px;
    text-align: center;
}

.services-head {
    font-family: Mulish;

    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    color: #212121;
}

.services-text {
    font-family: Mulish;

    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #7C7974;
    padding: 10px;

}

.services-btn {
    padding: 13px 24px;
    width: 106px;
    height: 49px;
    background: #9A8870;
    border-radius: 8px;
    font-family: Mulish;
    margin-bottom: 70px;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
}

@media screen and (min-width:1400px) {
    .services-text {
        padding: 0 170px 20px 170px;
    }
}








/* home sliding */



.sliding-service {
    height: 100vh;
    transition: background-image 0.5s ease-in-out;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    background-image: url(../images/home/home-electrical.jpeg);
    padding: 20px;
    margin-top: 40px;
}

.service {
    opacity: 0;
    display: none;
    position: absolute;
    background-color: white;
    font-family: Mulish;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0%;
    color: #7C7974;
    padding: 25px;
    max-width: 24.5%;
    transition: opacity 0.3s ease-in-out;

}

.e-head,
.s-head,
.shel-head,
.frige-head {
    font-family: Mulish;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0%;
    color: #212121;
}

.arrow-up {
    float: inline-end;
    margin: 10px 40px 10px 0;
    color: #9A8870;
    border-radius: 50px;
    border: 3px solid #9A8870;
    opacity: 10;
    width: 40px;
    height: 40px;
}

.service-1 {
    position: absolute;
    left: 0%;
    top: 0%;
    z-index: 1;
}

.service-2 {
    position: absolute;
    left: 25%;
    top: 0%;
    z-index: 1;
}

.service-3 {
    position: absolute;
    left: 50.3%;
    top: 0%;
    z-index: 1;
}

.service-4 {
    position: absolute;
    left: 75.5%;
    top: 0%;
    z-index: 1;
}

.hover-container {
    display: flex;
    width: 100%;
    position: absolute;
    top: 0%;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    height: 100%;

}

.hover-trigger {
    cursor: pointer;
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    border-radius: 10px;
    transition: background 0.3s;
    text-align: center;
    flex: 1;
    min-width: 150px;

}

@media screen and (min-width:1500px) {
    .hover-trigger {
        border-right: 3px solid white;
    }

}

@media (max-width: 992px) {
    .hover-container {
        flex-direction: column;
        height: auto;
        position: static;
    }

    .sliding-service {
        max-width: 100%;
        height: auto;
    }

    .arrow-up {
        display: none;
    }

    .service {
        position: static;
        max-width: 350px;

    }


    .hover-trigger {
        padding: 10px;
        text-align: center;
        margin-top: 10px;
    }
}

@media (max-width: 428px) {

    .service {
        padding: 10px;
    }

}

@media (max-width: 400px) {

    .service,
    .hover-trigger {
        font-size: 13px;
    }

    .e-head,
    .s-head,
    .shel-head,
    .frige-head {
        font-size: 15px;
    }
}



/* process sec */

.process-sec {
    padding-top: 90px;
    
}

.process-head {
    font-family: Mulish;

    font-weight: 700;
    font-size: 32px;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: #9A8870;
    padding-top: 20px;

}

.process-span {
    font-family: Mulish;

    font-weight: 700;
    font-size: 32px;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: #022335;
}

.process-card {
    padding-top: 20px;
}

.process-card-1:hover {
    background-color: #022335;
}

.process-card-2:hover {
    background-color: #022335;
}

.process-card-3:hover {
    background-color: #022335;
}

.process-card-4:hover {
    background-color: #022335;
}

.process-card-5:hover {
    background-color: #022335;
}


.process-card-1:hover .process-card-title {
    color: #FFFFFF;
}

.process-card-2:hover .process-card-title {
    color: #FFFFFF;
}

.process-card-3:hover .process-card-title {
    color: #FFFFFF;
}

.process-card-4:hover .process-card-title {
    color: #FFFFFF;
}

.process-card-5:hover .process-card-title {
    color: #FFFFFF;
}

.process-card-1:hover .process-card-text {
    color: #9AA7AE;
}

.process-card-2:hover .process-card-text {
    color: #9AA7AE;
}

.process-card-3:hover .process-card-text {
    color: #9AA7AE;
}

.process-card-4:hover .process-card-text {
    color: #9AA7AE;
}

.process-card-5:hover .process-card-text {
    color: #9AA7AE;
}


.process-card-1,
.process-card-2,
.process-card-3,
.process-card-4,
.process-card-5 {
    height: 100%;
    background: #FCFAF9;
    border: none;
    border-radius: 8px;

}

.process-card-text {
    padding-top: 100px;
    font-family: Mulish;

    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #7C7974;

}

.process-card-title {
    font-family: Mulish;

    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #212121;
    position: relative;
    top: 30px;
}

.process-01,
.process-02,
.process-03,
.process-04,
.process-05 {
    position: absolute;
}


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

    .process-head,
    .process-span,
    .process-card-title {
        font-size: 21px;
    }

}


/* project section */


.project-sec {
    padding-top: 60px;
    background: linear-gradient(180deg, #FFFFFF 0%, #FFF9F1 100%);

}
.ceil-card{
    margin-bottom: 90px !important;
}

.project-head {
    font-family: Mulish;

    font-weight: 700;
    font-size: 32px;
    letter-spacing: 0%;
    color: #9A8870;
    padding-top: 20px;

}

.project-span {
    font-family: Mulish;

    font-weight: 700;
    font-size: 32px;
    letter-spacing: 0%;
    color: #022335;
}

.project-btn {
    padding: 15px;
    width: 106px;
    height: 49px;
    background: #9A8870;
    border-radius: 8px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
}

.project-btn-2 {
    padding: 10px;
    width: 106px;
    height: 49px;
    background: #9A8870;
    border-radius: 8px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
}

.project-card {
    border-radius: 12px;
    padding: 10px;
    margin-top: 30px;
    margin-bottom: 20px;
}
.project-card:hover{
    background-color: #022335;
}
.project-card:hover .project-title{
    color: #FFFFFF;
}
.project-card:hover .project-text{
    color: #9AA7AE;
}
.project-title {
    font-family: Mulish;

    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #212121;
    padding-top: 25px;

}

.project-text {
    font-family: Mulish;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #7C7974;
}

@media screen and (min-width:1400px) {
    .project-btn-2 {
        display: none;
    }
}

@media screen and (max-width:1400px) {
    .project-btn {
        display: none;
    }
}
@media screen and (max-width:992px) {
    .ceil-card{
        margin-bottom: 10px !important;
    }
    
}
@media screen and (max-width:400px) {

    .project-span,
    .project-head {
        font-size: 21px;
    }

    .project-btn-2,
    .project-text {
        font-size: 14px;
    }

    .project-title {
        font-size: 16px;
    }
}




/* testimonial start */

.owl-next,.owl-prev{
    border: none;
    font-size: 20px;
}
.owl-icon{
    float: inline-end;
}
.owl-carousel .owl-item img{
    width: auto !important;
}
.testimonialbut {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 18px;
    gap: 10px;
    width: 169px;
    height: 43px;
    border: 1px solid #9A8870;
    border-radius: 70px;
    font-family: Mulish;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    text-transform: uppercase;
    color: #022335;
}

.testimonihead {
    font-family: Mulish;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 30px;
    text-transform: capitalize;

    color: #022335;
}

.say {
    color: #9A8870;
}


/* card section */

.cardsec {
    background: #FBF8F5;
    border-radius: 20px;
    border: none;
}

.cardcontent {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #7C7974;
}

/* cardname */
.cardname {
    font-family: Mulish;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;

    color: #212121;
}

/* cardshopname */
.cardshop {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #475467;
}


@media screen and (max-width:400px) {
    .testimonihead {
        font-size: 24px;
    }

    .testimonialbut,.cardname {
        font-size: 15px;
    }

}


/* services page */


.services-page {
    padding-top: 70px;
}

.service-description {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #475467;
    padding-top: 40px;

}

.electrical-head {
    font-family: Mulish;
    font-weight: 700;
    font-size: 32px;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: #022335;

}

.electrical-text {
    font-family: Mulish;
    font-weight: 400;
    font-size: 18px;
    line-height: 143%;
    letter-spacing: 0%;
    color: #475467;
}

.e-contents {
    padding-top: 80px;
}

.e-features {
    font-family: Mulish;
    font-weight: 600;
    font-size: 26px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #022335;
}

.e-arrow {
    display: flex;
    gap: 5px;
    padding-bottom: 20px;
    font-family: Mulish;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0%;
    color: #475467;
}

.service-tab {
    cursor: pointer;
    color: #475467;
    font-family: Mulish;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: capitalize;
}

.electrical-img img {
    width: 100%;
    padding-top: 30px;
}

.s-text {
    padding-top: 40px !important;
}



/* electrical work page */

.electrical-page,
.shelving-page,
.counters-page,
.cctv-page,
.flooring-page,
.interior-page,
.ceiling-page,
.lighting-page,
.refrigeration-page,
.building-page {
    padding-top: 50px;

}

.electric {
    padding-top: 30px;

}

.works-img {
    padding-top: 40px;
}

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

@media screen and (max-width:576px) {
    .electrical-head,.e-features {
        font-size: 21px;
    }

    .electrical-text,
    .e-arrow {
        font-size: 15px;
    }


}





/* projects page */

.project-tabs {
    cursor: pointer;
    color: #475467;
    font-family: Mulish;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: capitalize;

}

.project-tabs:active {
    color: #009BF1;
}


/* project page end */



/* about-content section  start*/


.about-but {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 18px;
    gap: 10px;
    margin-top: 40px;
    width: 131px;
    height: 43px;
    font-family: Mulish;
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 23px;
    text-transform: uppercase;
    color: #022335;
    border: 1px solid #9A8870;
    border-radius: 70px;
    background-color: white;
}

.about-content {
    font-family: Mulish;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 30px;
    text-transform: capitalize;
    color: #022335;
}

.about-content span {
    color: #9A8870;
}

.about-img {
    max-width: 100%;
    display: flex;
    justify-content: center !important;
    align-items: center !important;
}

.content-head {
    font-family: Mulish;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #022335;
}

.content-head span {
    color: #9A8870;
}

.content-para {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #475467;
    position: relative;
    left: 80px;
}

@media(max-width :991px) {
    .content-para {
        position: relative;
        left: 0px !important;

    }

    .vm-content li {
        position: relative;
        left: 0px !important;

    }

    .list-content {
        padding-left: 50px;
    }
}

/* vision misiion */

.about-vm {

    background-color: #FBF8F5;
    border-radius: 20px;
}

.vm-head {
    font-family: Mulish;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 33px;
    color: #022335;
}

.vm-head span {
    color: #9A8870;
}

.vm-content li {
    display: flex;
    justify-content: start;
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    position: relative;
    left: 30px;
    color: #475467;
}





/* Get in Touch start */


.gethead {
    font-family: Mulish;
    font-style: normal;
    font-weight: 500;
    font-size: 34px;
    line-height: 44px;
    color: #FFFFFF;
}

.getcontent {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #BDBDBD;
}

.getbutton {
    justify-content: center;
    align-items: center;
    padding: 13px 24px;
    gap: 10px;
    color: #FFFFFF;

    width: 153px;
    height: 49px;

    background: #9A8870;
    border-radius: 8px;
}

.getbutton a {
    color: inherit !important;
    text-decoration: none;
}

.getbutton:hover {
    background-color: white;
    color: black;
}

.getbutton a:hover {
    color: inherit !important;
    text-decoration: none;

}

.footer a {
    color: inherit !important;
    text-decoration: none;
}

/* Get in touch end */


/* contact page start */

.contact-head {
    font-family: Mulish;
    font-style: normal;
    font-weight: 700;
    font-size: 51px;
    line-height: 48px;
    text-transform: capitalize;

    color: #022335;
}

.contact-con {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 143.1%;
    color: #475467;
}

.gettoch-con,
.gettouch-details {
    padding-left: 40px;
    padding-right: 40px;
}

.gettoch-con {
    padding: 24px;
    gap: 10px;
    left: 100px;
    top: 30px;
    background: #F5F5F5;
    border-radius: 12px;
}

/* container right */


.gettouch-head {
    font-family: Mulish;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 48px;
    text-transform: capitalize;
    color: #022335;
}

.gettouch-label {
    font-family: Mulish;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #000000;

}

.gettouch-input {
    align-items: center;
    padding: 14px 16px;
    gap: 10px;
    background: #FFFFFF;
    border-radius: 8px;
    /* input text */
    font-family: Mulish;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;

    color: #7C7974;
}

.gettouch-but {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px;
    gap: 10px;

    width: 143px;
    height: 52px;

    background: #9A8870;
    border-radius: 8px;
    font-family: Mulish;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    color: #FFFFFF;
}

/* first box right side */
.first-box {
    background: #F5F5F5;
    border-radius: 12px;
}

.boxone-head {
    font-family: Mulish;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 48px;
    text-transform: capitalize;

    color: #022335;
}

.contact-details {
    font-family: Mulish;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;

    color: #212121;

}

.contact-email {
    position: relative;
    right: 25px;
}

.contact-con {
    font-family: Mulish;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 23px;

    color: #7C7974;
}

.mor-inespace {
    color: inherit !important;
    text-decoration: none;

}


/* second box */

.second-box {
    height: 275px;
    background: #F5F5F5;
    border-radius: 12px;
}

.boxtwo-head {
    font-family: Mulish;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 48px;
    text-transform: capitalize;

    color: #022335;
}

.contact-day {
    font-family: Mulish;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;

    color: #212121;

}

.contact-time {
    font-family: Mulish;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 23px;
    text-align: center;

    color: #7C7974;

}

.business-hours {
    position: relative;
    top: 80px;
}

@media(max-width :991px) {

    .first-box {
        margin-top: 30px;
    }

    .business-hours {
        position: static;
        top: 0;
    }

    .gettoch-con,
    .gettouch-details {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .contact-address {
        padding-left: 30px;
    }

}
@media screen and (max-width:500px) {
    .contact-head{
        font-size: 27px;
    }    
    .gettouch-head,.boxone-head,.boxtwo-head{
        font-size: 20px;
    }
}

/* contact us page end */

/* terms & conditions starts */
.terms {
    height: 70px;
    background-image: url('../images/terms/Terms\ and\ Conditions.png');
    background-size: 700px 80px;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.terms-topic {
    position: relative;
    top: 35px;
}

.terms-head {
    font-family: Mulish;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;

    color: #212121;

}

.terms-con {
    font-family: Mulish;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    color: #7C7974;

}

/* privacy conditions */

.privacy {
    height: 70px;
    background-image: url('../images/privacy/Privacy\ Policy.png');
    background-size: 600px 80px;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;

}

.privacy-topic {
    position: relative;
    top: 30px;
}

.privacy-mail {
    font-family: Mulish;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;

    color: #4A4844;
}

.privacy-para {
    font-family: Mulish;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    text-align: center;

    color: #7C7974;
}

@media(max-width:991px) {
    .terms {
        background-size: 500px 80px;

    }
}

@media(max-width:775px) {

    .terms {
        background-size: 400px 80px;

    }

    .privacy {
        background-size: 400px 80px;
    }
}

@media(max-width:500px) {
    .terms {
        background-size: 250px 80px;

    }

    .privacy {
        background-size: 250px 80px;
    }
}

@media(max-width:300px) {
    .terms {
        background-size: 150px 80px;

    }

    .privacy {
        background-size: 200px 80px;
    }
}




















































/* footer section start */

.footer {
    background-color: #022335;
    color: white;
}

.content {
    color: #FFFFFF;
    font-family: Mulish;
    font-weight: 400;
    font-size: 16px;
}

.listhead {
    font-family: Mulish;
    font-weight: 500;
    font-size: 20px;
}

.listcontent {
    color: #FFFFFFCC;
    font-family: Mulish;
    font-weight: 400;
    font-size: 15px;
}

.listcontact {
    color: #FFFFFFCC;
    font-family: Mulish;
    font-weight: 500;
    font-size: 15px;
}

.listcontact img {
    width: 20px;

}

.icon {
    position: relative;
    top: 100px;
}


/* Get in Touch */
.gethead {
    font-family: Mulish;
    font-style: normal;
    font-weight: 500;
    font-size: 34px;
    line-height: 44px;
    color: #FFFFFF;
}

.getcontent {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #BDBDBD;
}

.getbutton {
    justify-content: center;
    align-items: center;
    padding: 13px 24px;
    gap: 10px;
    color: #FFFFFF;

    width: 153px;
    height: 49px;

    background: #9A8870;
    border-radius: 8px;
}



.getdemo-arrow{
    animation: moveUpDown 1.5s infinite alternate ease-in-out;
}



@media(max-width :991px) {
    .icon {
        position: static;
        top: 0;
    }

    .getdemo-arrow {
        display: none;
    }

}
@media screen and (max-width:500px) {
    .gethead {
        font-size: 25px;
    }   
    .getcontent{
        font-size: 14px;
    } 
}



@keyframes moveUpDown {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(30px);
    }
}


/* footer section end */