/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

*{
    margin: 0%;
    padding: 0%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: Inter;
    }
    html,body{
    height: 100%;
    width: 100%;
    }

    .main{

        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .home{
        height: 120vh;
        width: 100%;
        background-color: black;
        color: #fff;
        background-image: url("./partOnebgimg.jpg");
        background-position: top;
        background-size: cover;
    }
    nav{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 30px 50px;
        padding-right: 90px;
        margin-bottom: 60px;
    }
     .part1 img{
        height: 8vw;
        width: 8vw;
    }
     .part1 h4{
        font-size: 1.8vw;
        font-weight: 600;
    }

    nav .part2{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 55%;
        height: 100%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
    }
    nav .part2 h5 {
        font-size: 1.6vw;
        margin-bottom: 30px;
        font-weight: 500;
    }
    nav a {
        text-decoration: none;
        /* background-color: red; */
        color: #fff;
        font-size: 24px;
    }
    .home-center{
        margin-left: 200px;
        line-height: 1.3;
        text-align: center;
    }
    .first-text{
        padding-bottom: 3px;
        /* background-color: red; */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    h5 span{
        font-size: 3vw;
        margin-top: -1vw;
        margin-right: 10px;
        color: #fff;
    }
    .home-center h5 {
        font-size:3.4vw;
        /* background-color: red; */
        font-weight: 500;
    }
    #span-first{
        /* height: 1px; */
        margin-bottom: -25px;
    }
    #box{
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        /* padding-bottom: 2px; */
        /* margin-bottom: 10px; */
        /* background-color: yellow; */
        overflow: hidden;
    }
    #box2{
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        width: 100%;
        text-align: center;
        background-color: transparent;
        overflow: hidden;
    }
    #box3{
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        width: 100%;
        text-align: center;
        background-color: yellow;
        overflow: hidden;
    }
    h1 span {
        color: #f24822;
    }
    .home h1{
        font-size: 7vw;
        font-weight: 500;
    }
    #gap{
        gap: 15px;
    }

    #telephone{
        height: 73px;
        width: 70px;
        margin-top: 20px;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
    }
    #home-last-text{
        /* margin-top: 30px; */
        /* font-size: 45px; */
        font-weight: 500;
        font-size: 30px;
    }

    .page2{
        height: 90vh;
        width: 100%;
        padding: 30px 30px;
        overflow: hidden;
    }
    .page2 h1{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-weight: 600;
        margin-bottom: 20px;
        font-size: 80px;
    }
    .page2-center{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 100px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .page2 .page2left {
        width: 30%;
        /* gap: 30px; */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
    }
    .page2left  button , .page3 button {
        border-radius: 10px;
        background-color: #f24822;
        color: #fff;
        padding: 8px 50px;
        border: none;
        font-size: 20px;
    }
    .page2left>button{
        margin-top: 30px;
    }
    .page2right{
        width: 50%;
        background-color: #f24822;
        /* height: 50%; */
        padding: 30px 0px;
        height: 390px;
        margin-top: 30px;
        background-image: url("./business-meeting-office.jpg");
        background-size: cover;
        background-position: center;
        border-radius: 30px;
    }
    .page3{
        height: 100vh;
        width: 100%;
        padding-top: 20px;
        background-color: #E2E2E2;
        padding-left: 60px;
        padding-right: 60px;
        overflow: hidden;
    }
    .page3 h1 , .page4 h1{
        margin-bottom: 0px;
        color: #0C164D;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-size: 60px;
    }
    #page3btn{
        text-decoration: none;
    }
    .center-page3{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 50px;
        width: 100%;
        height: 90%;

    }
    .services{
        gap: 80px;
        width: 40%;
    }

    .service{
        height: 190px;
        width: 190px;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
    }
    .service-top{
        gap: 90px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: 0px;
    }
    .service-bottom{
        margin-top: 90px;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 90px ;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .page3 h5{
        font-size: 20px;
        text-align: center;
        font-weight: 600;
    }

    #page3btn{
        border-radius: 10px;
        background-color: #f24822;
        color: #fff;
        padding: 8px 30px;
        border: none;
        font-size: 20px;
    }


    .service-image-contain{
        padding: 30px;
        background-color: #fff;
        height: 200px;
        width: 200px;
        margin-bottom: 10px;
        border-radius: 50%;
    }
    .service-image-contain img{
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
    }
    .page3-middle{
        height: 80%;
        width: 30%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .page4{
        width: 100%;
        padding: 0px 150px;
        padding-top: 30px;
        padding-right: 200px;
        overflow: hidden;
    }

    #page4-header{
        margin-bottom: 10px;
    }

    .page4-section{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 30px;
        gap: 130px;
        margin-bottom: 0px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .page4-image{
        height: 230px;
        width: 190px;

    }
    .page4-image img{
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: full center;
           object-position: full center;
    }
    .page4-discription{
        width: 50%;
        font-size: 20px;
    }
    .page4-discription h2{
        margin-bottom: 20px;
    }
    .page4-discription p{
        margin-left: 40px;
    }
    .mission{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 90px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    #discription-mission{
        text-align: right;
        margin-top: 30px;
        font-size: 20px;
        width: 70%;
    }
    #discription-mission p{
        width: 100%;
        margin-top: 20px;
        text-align: right;
        padding-left: 25%;
    }
    .page5{
        width: 100%;
        overflow: hidden;
        position: relative;
        padding: 30px;
    }
    #outline{
        border-radius: 10px;
        border: 3px solid #0C164D;
        padding: 30px 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
    }
    #box3{
        /* height: fit-content; */
        width: 100%;
        /* text-align: center; */
        background-color: transparent;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
    }
    #box4{
        width: 100%;

        /* text-align: center; */
        /* background-color: red; */
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
    }
    .page5-top h1{
        color: #0C164D;
        font-size: 55px;

        /* margin-bottom: 30px; */
    }
    .page5-top p{
        color: #0C164D;
        font-size: 25px;
        width: 95%;
        margin-bottom: 15px;
    }

    .page5-top h2{
        font-size: 40px;
        color: #0C164D;
    }
    .page5-bottom{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
    }

    .page5-bottom-left{
        width: 50%;
    }
    .page5-bottom-right{
        width: 50%;
        background-color: gray;
        overflow: hidden;
        border-radius: 10px;
    }
    .page5-bottom-right img{
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
    }
    .page5-bottom-left span{
        font-size: 40px;
        margin-top: 10px;
        margin-right: 10px;
    }
    .page5-bottom-left h4{
        line-height: 0.8;
        font-size: 25px;
        font-weight: 400;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: #0C164D;
    }

    .page6{
        width: 100%;
        overflow: hidden;
        padding: 100px 30px;
        background-color:#E2E2E2;
    }

    .page6 h1{
        color: #0C164D;
        font-size: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-bottom: 30px;
    }
    .page6>p{
        color: #0C164D;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 100px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .page6 .industry-card-top{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 60px;
    }

    .page6 .card{
        height: 370px;
        width: 410px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 30px;
        /* padding-top: 30px; */
        padding: 0px 20px;
        background-color: #fff;
        border-radius: 10px;
        border-radius: 17px;
    background: #ffffff;
    -webkit-box-shadow:  13px 13px 39px #9c9c9c,
                -13px -13px 39px #ffffff;
            box-shadow:  13px 13px 39px #9c9c9c,
                -13px -13px 39px #ffffff;
    }

    .industry-card-container {
        height: 100px;
        padding: 30px;
        width: 90px;
        /* background-color: red; */
    }
    .card img{
        height: 100px;
        width: 100px;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
    }
    .card h5{
        font-size: 2vw;
        text-align: center;
    }
    .card p{
        text-align: center;
        width: 80%;
        line-height: 2;
        opacity: 0.5;
    }
    .page6 .industry-card-bottom{
        margin-top: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 60px;
    }

    .page7{
        width: 100%;
        min-height: 100vh;
        padding: 0px 0px;
        padding-bottom: 100px;
    }
    .page7 .choose-sections{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0px 90px;
        gap: 10px;
        margin-top: -300px;

    }
    .page7-image-containers{
        padding-top: 50px;
        height: 100vh;
        width: 100%;
        background-size: cover;
        background-position: center;
        background-image: url("./mettingrooms1.jpg");
    }
    .page7-image-containers h1{
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: center;
        color: #000000;
        /* background-color: red; */
        font-size: 100px;
        margin-bottom: 0px;
    }
    .choose{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 20px;
        width: 35%;
        border-radius: 70px;
        border: 4px solid #c3c3c3;
        padding: 30px;
        background-color: #fff;
    }
    .choose img{
        height: 90px;
        width: 90px;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
    }
    .choose>h5{
        width: 100%;
        text-align: center;
        font-size: 40px;
    }
    .choose p{
        font-size: 25px;
        width: 90%;
        text-align: center;
        margin-bottom: 200px;
    }
    .page8{
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 40px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 90px;
        padding-top: 0px;
        padding-bottom: 10;
    }
    .page8 span{
        color: #f24822;
    }
    .page8 h1{
        font-size: 60px;
    }
    .question{
        border-radius: 10px;
        border: 3px solid #0C164D;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 40px 30px;
        background-color: #f1efef9e;
    }

    .question span {
        font-size: 50px;
        font-weight: 600;
    }

    .question h4{
        font-size: 30px;
        width: 70%;
    }
    .question button{
        background-color: #f1efef9e;
        border: none;
    }

    .question i{
        font-size: 60px;
    }

    .page9 {
        width: 100%;
        padding: 0px 0px;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .page9left{
        width: 50%;
        height: 100%;
    }
    .page9-image-container{
        padding: 30px;
        min-height: 100vh;
        background-size: cover;
        background-position: center;
        background-image: url("./handhand.jpeg");
    }
    .page9right{
        padding: 10px;
        width: 50%;
        min-height: 40px;
        background-color:#fff;
        padding: 20px 10px;
        padding-bottom: 0px;
    }


    .inner-page9-right{
        padding: 30px;
        min-height: 600px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 30px;
    }
    .inner-page9-right h4{
        font-size: 30px;
        font-weight: 500;
        text-align: center;
    }
    .inner-page9-right button{
        padding: 8px 30px;
        border: none;
        width: 190px;
        color: #fff;
        background-color: #f24822;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
        border-radius: 8px;
        font-size: 15px;
    }

    .page9 input{
        background-color: #e5e6e8;
        border-radius: 8px;
        border-radius: 8px;
        border: none;
        width: 310px;
        padding: 10px;
    }
    .footer{
        background-color:#141F39;
        color: #fff;
    }
    .lower{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .content{
        line-height: 2;
    }

    .content h3{
        font-size: 25px;
        margin-bottom: 30px;
        font-weight: 500;
    }
    .content h5{
        font-weight: 300;
        font-size: 20px;
    }

    .lower{
        padding: 45px;
        background-color:#141F39;
    }
    .lower-most{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color:#141F39;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%;
        padding: 40px;
        margin-top: 30px;
    }

    .lower-most-right {
        width: 30%;
    }
    .back-to-top{

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%;
        background-color: #1E2F56;
        padding: 30px;
    }
    .back-to-top h4{
        font-weight: 400;
        font-size: 30px;
    }

    .lower-most-left h3 ,.lower-most-left h5 , .lower-most-right h2{
        font-weight: 400;
    }
    .insta{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 15px;
    }
    .insta img{
        height: 50px;
        width: 50px;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
    }

    #use-me-in-mobile{
        display: none;
    }
    /* services sections */


    .real-services{
        with: 100%;
        position: relative;
        overflow: hidden;
        padding: 40px 10px;

    }

    .real-services h1{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 60px;
        gap: 20px;
        margin-bottom: 40px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
    }

    .real-service {
        /* background-color: green; */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 75%;
        height: 45vh;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-left: auto;
        margin-bottom: 60px;
    }

    .left-real-service{
        height: 100%;
        width: 50%;
        background-color: #ECECEC;
        padding: 30px;

    }

    .left-real-service h2{

        font-size: 26px;
        margin-bottom: 15px;
    }
    .left-real-service p{
        opacity: 0.7;
        font-size: 16px;
    }

    .right-real-service{
        height: 100%;
        width: 50%;
        background-size: cover;
        background-position: center;
        background-image: url("./services-one.jpg");
    }
    /* ------------ */

    .right-service {
        /* background-color: green; */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 75%;
        height: 45vh;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-right: auto;
        margin-bottom: 60px;
    }

    .left-right-service{
        height: 100%;
        width: 50%;
        background-color: #ECECEC;
        padding: 30px;
    }

    .left-right-service h2{

        font-size: 26px;
        margin-bottom: 15px;
    }
    .left-right-service p{
        opacity: 0.7;
        font-size: 16px;
    }

    .right-right-service{
        height: 100%;
        width: 50%;
        background-size: cover;
        background-position: center;
        background-image: url("./servicesimageOne.webp");
    }
    a{
        text-decoration: none;
        color: #fff;
    }


    #service-two-image{
        background-image: url("./services-two.jpg");
    }
    #service-three-image{
        background-image: url("./services-three.jpg");
    }
    #service-four-image{
        background-image: url("./services-four.jpg");
    }
    #service-five-image{
        background-image: url("./services-five.jpg");
    }
    #service-six-image{
        background-image: url("./services-six.png");
    }
    #service-seven-image{
        background-image: url("./services-seven.jpg");
    }
    #service-eight-image{
        background-image: url("./services-eight.jpg");
    }
        /* about */

        .about{
            width: 100%;
            overflow: hidden;
        }
        .about1{
            background-color: #E2E2E2;
            padding: 0px 0px;
        }
        .about1-top{
            height: 100vh;
            width: 100%;
            background-image: url("./real-about-us.jpg");
            background-position: bottom;
            background-size: cover;
        }
        .about1-top h1{
            font-size: 70px;
            text-align: center;
            color: #fff;
            padding-top: 50px;
        }

        .about1-bottom{
            padding: 50px 140px;
        }
        .about1-heading{
            text-align: center;
            padding-bottom: 70px;
        }
        .about1-heading h1{
            font-size: 50px;
        }
        .about1-bottom p {
            width: 95%;
            margin-bottom: 30px;
            font-size: 19px;
            line-height: 1.4;
        }
        .about1-bottom h4 {
            font-size: 25px;
            margin-bottom: 30px;
        }
        .about1-bottom h5 {
            font-size: 20px;
            margin-bottom: 5px;
        }
        /* about2 */
        .about2{
            width: 100%;
            padding: 30px 20px;

        }
        .about2 h1{
            font-size: 60px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;-ms-flex-line-pack: center;align-content: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            font-weight: 500;
        }
        .about2 h2{
            font-size: 60px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;-ms-flex-line-pack: center;align-content: center;
            font-weight: 500;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            margin-left: 90px;
            gap: 10px;

        }
        .about2 span{
            color:#F24822;
        }
        .face-image-container{
            height: 100vh;
            width: 50%;
            /* background-color: red; */
            padding: 30px;
            margin-left: auto;
            margin-top: 30px;
            margin-right: auto;
            background-image: url("./face-behind-novo.jpeg");
            background-size: cover;
            background-position: center;
        }

        /* about3 */
        .about3{
            width: 100%;
            padding: 40px 30px;
        }
        .about3-top{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
        }

        .about3-top-left{
            width: 70%;
            padding: 40px;
        }
        .about3-top-left p{
            font-size: 20px;
            line-height: 1.4;
        }
        .about3-top-left h4{
            color:#0C164D;
            font-size: 30px;
            font-weight: 500;
            margin-bottom: 20px;
        }
        .about3-top-right{
            padding: 10px;
            width: 40%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
        }
        .president-box{
            padding: 10px 10px;
            width: 75%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            gap: 10px;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            height: 85%;
            background-color: #F24822;
        -webkit-box-shadow: -30px -30px 0px 0px #8B849F;
                box-shadow: -30px -30px 0px 0px #8B849F;
        border-radius: 5px;
        }
        .president-image-container{
            background-image: url("./presidentji.jpg");
            height: 85%;
            background-size: cover;
            background-position: center;
            width: 90%;
            border-radius: 5px;
        }
        #the-ceo{
            background-image: url("./ceo-mam.jpeg");
            background-position: top;
        }
        .president-box h3{
            font-size: 25px;
            background-color: white;
            padding: 2px 6px;
            border-radius: 50px;
            color:#0C164D;
        }

        .about3-bottom{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 10px;
            /* background-color: red; */
            padding: 0px 40px;
        }
        .member{
            padding: 10px 20px;
            width: 50%;
            background-color: #F6F6F6;
            border: 3px solid #c3c2c2;
            border-radius: 5px;
        }
        .Qualification{
            padding: 10px 20px;
            width: 50%;
            background-color: #F6F6F6;
            border: 3px solid #c3c2c2;
            border-radius: 5px;
        }
        /* height: 20px; */
        .about3-bottom h2{
            font-size: 25px;
            margin-bottom: 10px;
        }
        .about3-bottom h3{
            font-size: 20px;
            font-weight: 500;
        }
    /* memories */
    .memories{
        width: 100%;
        background-color: #fff;
        overflow: hidden;
        padding: auto;
        padding-top: 20px;
    }
    .memories h1{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
        width: 100%;
        font-size: 50px;
        gap: 10px;
    }
    .memories span{
        color: #F24822;
    }
    .memories h2{
        font-size: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
        width: 100%;
        margin-left: 250px;
        margin-bottom: 30px;
    }

    .memories-photos{
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
    }
    .memories-left{
        width: 480px;
        height: 100%;
    }
    .photo{
        width: 100%;
        background-position: center;
        background-size: cover;
        margin-bottom: 25px;
    }
    #photo1{
        background-image: url("./photo1.jpeg");
        height: 82vh;
    }
    #photo2{
        height: 60vh;
        background-image: url("./photo4.jpeg");
        /* background-color: rgb(131, 153, 195); */
    }

    #two-photo{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 25px;
        width: 100%;
        margin-bottom: 25px;
        height: 27vh;

    }
    #photo3{
        height: 100%;
    }
    #photo4{
        height: 100%;
        /* background-color: rgb(94, 128, 0); */
    }

    #photo5{
        background-image: url("./photo5.jpeg");
        height: 55vh;
        /* background-color: rgb(131, 153, 195); */
    }

    #photo6{
        height: 100%;
        /* background-color: green; */
    }
    #photo7{
        height: 100%;
        /* background-color: rgb(94, 128, 0); */

    }
    #photo8{
        height: 35vh;
        background-image: url("./photo8.jpeg");
    }
    .memories-right{
        width: 480px;
        height: 100%;
    }

    #photo9{
        height: 48vh;
        background-image: url("./photo9.jpeg");
    }
    #two-photo-2{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 25px;
        width: 100%;
        margin-bottom: 25px;
        height: 25vh;
        background-image: url("./photo10.jpeg");
    }
    #photo10{
        height: 100%;
        width: 68%;
        background-image: url("./photo10.jpeg");
    }
    #photo11{
        height: 100%;
        width: 32%;
        background-image: url("./photo11.jpeg");
    }
    #photo12{
        height:48vh;
        /* background-color: #e65151; */
        background-image: url("./photo12.jpeg");
    }
    #photo13{
        height: 100%;
        /* background-color: rgb(217, 86, 212); */
    }
    #photo14{
        height: 100%;
        /* background-color: rgb(81, 223, 114); */
    }

    #photo15{
        background-image: url("");
        height: 44vh;
        /* background-color: rgb(131, 153, 195); */
    }
    #photo16{
        background-image: url("./photo16.jpeg");
        height: 33.7vh;
        /* background-color: rgb(140, 191, 96); */
    }
    #photo17{
        background-image: url("");
        height: 50vh;
        /* background-color: rgb(98, 165, 174); */
    }



    #scrollToTopBtn {
        bottom: 20px;
        display: none;
        padding: 10px 20px;
        background-color: #1E2F56;
        width: 100%;
        color: white;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        font-size: 30px;
    }

    #scrollToTopBtn.show {
        display: block;
    }

    #btn1{
        cursor: pointer;
    }
    #btn2{
        cursor: pointer;
    }
    #btn3{
        cursor: pointer;
    }

    #overlay-answer1{
        height: 60vh;
        background-color: #F6F5F5;

        border: 3px solid #0C164D;
        border-radius: 20px;
        z-index: 999;
        position: fixed;
        top: 50%;
        width: 50%;
        -webkit-transform: translate(0% ,-50%);
            -ms-transform: translate(0% ,-50%);
                transform: translate(0% ,-50%);
        display: none;
        padding: 40px;
    }
    #overlay-answer2{
        height: 60vh;
        background-color: #F6F5F5;

        border: 3px solid #0C164D;
        border-radius: 20px;
        z-index: 999;
        position: fixed;
        top: 50%;
        width: 50%;
        -webkit-transform: translate(0% ,-50%);
            -ms-transform: translate(0% ,-50%);
                transform: translate(0% ,-50%);
        display: none;
        padding: 40px;
    }
    #overlay-answer3{
        height: 60vh;
        background-color: #F6F5F5;

        border: 3px solid #0C164D;
        border-radius: 20px;
        z-index: 999;
        position: fixed;
        top: 50%;
        width: 50%;
        -webkit-transform: translate(0% ,-50%);
            -ms-transform: translate(0% ,-50%);
                transform: translate(0% ,-50%);
        display: none;
        padding: 40px;
    }
    .close{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        font-size: 30px;
    }
    #close{
        cursor: pointer;
    }
    .options{
        padding-right: 20px;
    }
    .solution{
        margin-top: 16%;
    }
    .solution h6{
        font-size: 20px;
    }


    .industryExperience{
        min-height: 100vh;
        width: 100%;
        overflow: hidden;
        position: relative;
        padding: 10px 70px;
        color:#0C164D;
        padding-bottom: 30px;
    }

    .industryExperience h1{
        font-size: 5vw;
        display: flex;
        align-items: center;justify-content: center;
        font-weight: 500;
        color: #0C164D;
        margin-bottom: 20px;
    }
    .industryExperience h4{
        font-size: 28px;
        display: flex;
        /* align-items: center;justify-content: center; */
        font-weight: 500;
        color: #0C164D;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .industryExperience h6{
        font-size: 16px;
        display: flex;
        /* align-items: center;justify-content: center; */
        font-weight: 500;
        color: #0C164D;
        /* margin-top: 10px;
        margin-bottom: 10px; */
    }


    @media (max-width: 1024px) {

        .part1>h4{
            font-size: 17px !important;
        }
    }

    @media (max-width: 1200px) {
        .home-center {
            margin-left: 100px;
            /* background-color: red; */
            line-height: 1.4;
        }
        .part1 h4 {
            font-size: 2.5vw;
        }
        nav{
            margin-bottom: 60px;
        }
        nav .part2>a {
            font-size: 2vw;
        }
         h5 {
            font-size: 2.5vw;
            /* background-color: red; */
        }
        .home h1 {
            font-size: 8vw;
            /* background-color: red; */
        }
        /* page 3 */
        .page3 {
            padding-left: 30px;
            padding-right: 30px;
        }
        .page3 h1, .page4 h1 {
            font-size: 50px;
        }
        .center-page3 {
        }
        .services {
            width: 70%;
        }
        .service {
            height: 120px;
            width: 120px;
        }
        .service-image-contain {
            height: 140px;
            width: 140px;
        }
        .page3 h5 {
            font-size: 16px;
        }
        .page3-middle{
            height: 55%;
        }

        /* page 6 */

        .page6{
            width: 100%;
            overflow: hidden;
            padding: 40px 30px;
            background-color:#E2E2E2;
        }

        .page6 h1{
            color: #0C164D;
            font-size: 50px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            margin-bottom: 30px;
        }
        .page6>p{
            color: #0C164D;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            font-size: 20px;
            margin-bottom: 30px;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
        }
        .page6 .industry-card-top{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            gap: 60px;
        }

        .page6 .card{
            -ms-flex-negative: none;
                flex-shrink: none;
            height: 370px;
            width: 410px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            gap: 30px;
            padding: 0px 20px;
            background-color: #fff;
            border-radius: 10px;
            border-radius: 17px;
            background: #ffffff;
            -webkit-box-shadow:  13px 13px 39px #9c9c9c,
            -13px -13px 39px #ffffff;
                    box-shadow:  13px 13px 39px #9c9c9c,
            -13px -13px 39px #ffffff;
        }

        .industry-card-container {
            height: 100px;
            padding: 30px;
            width: 90px;
            /* background-color: red; */
        }
        .card img{
            height: 100px;
            width: 100px;
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: center;
               object-position: center;
        }
        .card h5{
            text-align: center;
            font-size: 3vw;
            /* background-color: ; */
        }
        .card p{
            text-align: center;
            width: 80%;
            line-height: 2;
            opacity: 0.5;
        }
        .page6 .industry-card-bottom{
            margin-top: 60px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            gap: 60px;
        }
        /* page 7 */

        .page7{
            width: 100%;
            min-height: 100vh;
            padding: 0px 0px;
            padding-bottom: 100px;
        }
        .page7 .choose-sections{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding: 0px 30px;
            gap: 10px;
            margin-top: -300px;

        }
        .page7-image-containers{
            padding-top: 50px;
            height: 100vh;
            width: 100%;
            background-size: cover;
            background-position: center;
            background-image: url("./mettingrooms1.jpg");
        }
        .page7-image-containers h1{
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            text-align: center;
            color: #fff;
            font-size: 80px;
            margin-bottom: 0px;
        }
        .choose{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            gap: 20px;
            width: 35%;
            border-radius: 50px;
            border: 3px solid #c3c3c3;
            padding: 30px;
            background-color: #fff;
        }
        .choose img{
            height: 90px;
            width: 90px;
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: center;
               object-position: center;
        }
        .choose>h5{
            width: 100%;
            text-align: center;
            font-size: 35px;
            font-weight: 600;
        }
        #section-one>h5{
            margin-bottom: 40px;
        }
        .choose p{
            font-size: 20px;
            width: 90%;
            text-align: center;
            margin-bottom: 200px;
        }
        /* footer */

        .footer{
            background-color:#141F39;
            color: #fff;
        }
        .lower{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
        }
        .content{
            line-height: 2;
        }

        .content h3{
            font-size: 20px;
            margin-bottom: 30px;
            font-weight: 500;
        }
        .content h5{
            font-weight: 300;
            font-size: 15px;
        }

        .lower{
            padding: 25px;
            background-color:#141F39;
        }
        .lower-most{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            background-color:#141F39;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            width: 100%;
            padding: 20px;
            margin-top: 0px;
        }

        .lower-most-right {
            width: 30%;
        }
        .back-to-top{

            display: -webkit-box;

            display: -ms-flexbox;

            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            width: 100%;
            background-color: #1E2F56;
            padding: 20px;
        }
        .back-to-top h4{
            font-weight: 400;
            font-size: 20px;
        }

        .lower-most-left h3 ,.lower-most-left h5 , .lower-most-right h2{
            font-weight: 400;
        }
        .insta{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 15px;
        }
        .insta img{
            height: 30px;
            width: 30px;
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: center;
               object-position: center;
        }

        .lower-most-left h3{
            margin-bottom: 10px;
            font-size: 20px;
        }
        .lower-most-left h5{
            font-size: 12px;
        }

        .lower-most-right h2{
                font-size: 12px;
        }
        /* services section */



        .real-services{
            width: 100%;
            position: relative;
            overflow: hidden;
            padding: 20px 10px;
        }

        .real-services h1{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            font-size: 50px;
            gap: 20px;
            margin-bottom: 20px;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
        }

        .real-service {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 50%;
            height: 90vh;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 30px;
        }



        .left-real-service{
            width: 100%;
            padding: 30px;
            min-height: 41px;
        }

        .left-real-service h2{

            font-size: 23px;
            margin-bottom: 10px;
        }
        .left-real-service p{
            opacity: 1;
            font-size: 16px;
        }

        .right-real-service{
            height: 100%;
            width: 100%;
            background-size: cover;
            background-position: left;
            background-image: url("./services-one.jpg");
        }
        /* ------------ */


        .right-service {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 50%;
            height: 90vh;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            margin-left: auto;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            margin-bottom: 30px;
        }

        .left-right-service{
            height: 100%;
            width:100%;
            background-color: #ECECEC;
            padding: 30px;
        }

        .left-right-service h2{

            font-size: 22px;
            margin-bottom: 10px;
        }
        .left-right-service p{
            opacity: 1;
            font-size: 16px;
        }

        .right-right-service{
            height:100%;
            width: 100%;
            background-size: cover;
            background-position: center;
            background-image: url("./servicesimageOne.webp");
        }


        #service-two-image{
            background-image: url("./services-two.jpg");
        }
        #service-three-image{
            background-image: url("./services-three.jpg");
        }
        #service-four-image{
            background-image: url("./services-four.jpg");
        }
        #service-five-image{
            background-image: url("./services-five.jpg");
        }
        #service-six-image{
            background-image: url("./services-six.png");
        }
        #service-seven-image{
            background-image: url("./services-seven.jpg");
        }
        #service-eight-image{
            background-image: url("./services-eight.jpg");
        }


        .about{
            width: 100%;
            overflow: hidden;
        }
        .about1{
            padding: 0px 0px;
        }
        .about1-top{
            height: 70vh;
            width: 100%;
            background-image: url("./real-about-us.jpg");
            background-position: bottom;
            background-size: cover;
        }
        .about1-top h1{
            font-size: 50px;
            text-align: center;
            color: #fff;
            padding-top: 50px;
        }

        .about1-bottom{
            padding: 20px 80px;
        }
        .about1-heading{
            text-align: center;
            padding-bottom: 30px;
        }
        .about1-heading h1{
            font-size: 40px;
        }
        .about1-bottom p {
            width: 95%;
            margin-bottom: 30px;
            font-size: 19px;
            line-height: 1.4;
        }
        .about1-bottom h4 {
            font-size: 25px;
            margin-bottom: 30px;
        }
        .about1-bottom h5 {
            font-size: 20px;
            margin-bottom: 5px;
        }
        /* about2 */
        .about2{
            width: 100%;
            padding: 10px 20px;
        }
        .about2 h1{
            font-size: 40px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;-ms-flex-line-pack: center;align-content: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            font-weight: 500;
        }
        .about2 h2{
            font-size: 40px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;-ms-flex-line-pack: center;align-content: center;
            font-weight: 500;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            margin-left: 90px;
            gap: 10px;

        }
        .about2 span{
            color:#F24822;
        }
        .face-image-container{
            height: 100vh;
            width: 65%;
            padding: 30px;
            margin-left: auto;
            margin-top: 30px;
            margin-right: auto;
            background-image: url("./face-behind-novo.jpeg");
            background-size: cover;
            background-position: center;
        }

        /* about3 */
        .about3{
            width: 100%;
            padding: 0px 0px;
            padding-top: 20px;
        }
        .about3-top{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
        }

        .about3-top-left{
            width: 60%;
            padding: 20px 40px;
        }
        .about3-top-left p{
            font-size: 17px;
            line-height: 1.4;
        }
        .about3-top-left h4{
            color:#0C164D;
            font-size: 30px;
            font-weight: 500;
            margin-bottom: 20px;
        }
        .about3-top-right{
            padding: 0px;
            width: 50%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
        }
        .president-box{
            padding: 10px 10px;
            width: 75%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            gap: 10px;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            height: 85%;
            background-color: #F24822;
            -webkit-box-shadow: -30px -30px 0px 0px #8B849F;
                    box-shadow: -30px -30px 0px 0px #8B849F;
            border-radius: 5px;
        }
        .president-image-container{
            background-image: url("./presidentji.jpg");
            height: 80%;
            background-size: cover;
            background-position: center;
            width: 90%;

            border-radius: 5px;
        }
        #the-ceo{
            background-image: url("./ceo-mam.jpeg");
            background-position: top;
        }
        .president-box h3{
            font-size: 20px;
            /* background-color: red; */
            background-color: white;
            padding: 2px 6px;
            border-radius: 50px;
            color:#0C164D;
        }

        .about3-bottom{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 10px;
            padding: 30px 40px;
        }
        .member{
            padding: 10px 20px;
            width: 50%;
            background-color: #F6F6F6;
            border: 3px solid #c3c2c2;
            border-radius: 5px;
        }
        .Qualification{
            padding: 10px 20px;
            width: 50%;
            background-color: #F6F6F6;
            border: 3px solid #c3c2c2;
            border-radius: 5px;
        }
        /* height: 20px; */
        .about3-bottom h2{
            font-size: 20px;
            margin-bottom: 10px;
        }
        .about3-bottom h3{
            margin-bottom: 20px;
            font-size: 17px;
            font-weight: 500;
        }



        /* memories */
        .memories{
            width: 100%;
            overflow: hidden;
            padding: auto;
        }
        .memories h1{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
            width: 100%;
            font-size: 50px;
            gap: 10px;
        }
        .memories span{
            color: #F24822;
        }
        .memories h2{
            font-size: 50px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
            width: 100%;
            margin-left: 250px;
            margin-bottom: 30px;
        }

        .memories-photos{
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 20px;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
        }
        .memories-left{
            width: 480px;
            height: 100%;
        }
        .photo{
            width: 100%;
            background-position: center;
            background-size: cover;
            margin-bottom: 25px;
        }

        .memories-right{
            width: 480px;
            height: 100%;
        }

    }

    @media (max-width: 1111px) {
        .page2 {
            padding-left: 10px;
            padding-right: 10px;
        }
        .page2 h1 {
            font-size: 60px;
        }
        .page2left{
            text-align: center;
            width: 100% !important;
            padding: 0px 30px;
        }
        .page2left h3{
            padding-right: 0px;
            text-align: center;
        }
        .page2left button{

        }
        #span-first{
            margin-top: -20px;
        }
        .page2-center {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding-right: 0px;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            gap: 0px;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }
        .page2right{
            width: 40%;
        background-color: #f24822;
        padding: 30px 0px;
        height: 200px;
        margin-top: 20px;
        background-image: url("./business-meeting-office.jpg");
        background-size: cover;
        background-position: center;
        border-radius: 20px;
        }

        #page3btn{
            margin-top: 10px;
        }

        /* page4 */
        .page4{
            width: 100%;
            padding: 40px 30px;
            overflow: hidden;
        }
        #page4-header{
            text-align: center;
        }

        .page4-section{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-top: 100px;
            gap: 120px;
            margin-bottom: 30px;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }
        .page4-image{
            height: 40%;
            width: 30%;

        }
        .page4-image img{
            height: 100%;
            width: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: full center;
               object-position: full center;
        }
        .page4-discription{
            width: 50%;
            font-size: 20px;
        }
        .page4-discription h2{
            margin-bottom: 10px;
        }
        .page4-discription p{
            margin-left: 40px;
        }
        .mission{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 20px;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
        }
        #discription-mission{
            text-align: right;
            margin-top: 10px;
            font-size: 20px;
            width: 70%;
        }
        #discription-mission p{
            width: 100%;
            margin-top: 20px;
            text-align: right;
            padding-left: 25%;
        }
        /* page 5 */


        .page5{
            width: 100%;
            overflow: hidden;
            position: relative;
            padding: 30px;
        }
        #outline{
            border-radius: 10px;
            border: 3px solid #0C164D;
            padding: 10px 20px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            gap: 10px;
            text-align: center;
        }
        .page5-top h1{
            color: #0C164D;
            font-size: 40px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: start;
            margin-bottom: 10px;
        }
        .page5-top p{
            color: #0C164D;
            font-size: 22px;
            width: 100%;
            text-align: left;
            margin-bottom: 15px;
        }

        .page5-top h2{
            font-size: 35px;
            color: #0C164D;
        }
        .page5-bottom{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            background-color: #fff;
            gap: 0px;
        }

        .page5-bottom-left{
            width: 45%;
            text-align: left;
        }
        .page5-bottom-right{
            width: 50%;
            background-color: #fff;
        }
        .page5-bottom-right img{
            height: 100%;
            width: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: center;
               object-position: center;
        }
        .page5-bottom-left span{
            font-size: 30px;
            margin-top: 10px;
            margin-right: 10px;
        }
        .page5-bottom-left h4{
            line-height: 1;
            font-size: 22px;
            font-weight: 500;
            color: #0C164D;
        }
        .page5-bottom-right{
            width: 55%;
            border-radius: 50px;
        }
        .page5-bottom-right img{
            width: 100%;
            height: 100%;
            border-radius: 50px;
        }
        /* page  */
    }

    @media (max-width: 768px) {
        nav a {
            text-decoration: none;
            color: #fff;
            font-size: 14px !important;
            /* background-color: red; */
        }
        .home {
            height: fit-content;

            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            background-image: url("./home-responsive-image.jpeg");
            gap: 40px;
        }
        nav {
            /* background-color: red; */
            padding: 20px;
            margin-bottom: 70px;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
        }
        .part1 img {
            height: 80px;
            width: 80px;
        }
        .part1 h4 {
            font-size: 18px;
            /* background-color: red; */
        }
        nav .part2 {
            width: 70%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;

        }
        nav .part2 h5 {
            /* font-size: 2.5vw; */
            margin-bottom: 20px;
            /* background-color: red; */
        }
        .home-center {
            line-height: 1.3;
            margin-left: 20px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            text-align: center;
        }
        .home-center span{
            font-size: 17vw;
            text-align: center;
            font-weight: 500;
            /* background-color: red; */
        }
        #span-first{
            display: none;
        }
        .first-text {
            /* font-size: px; */
            /* background-color: red; */
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
        }

        .home-center h5 {
            font-size: 6vw;
            /* background-color: red; */
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }

        .home h1 {
            font-size: 18vw;
        }
        #telephone {
            height: 54px;
            width: 50px;
            margin-top: 10px;
        }
        #home-last-text {
            margin-top: 20px;
            font-size: 6vw;
        }
        /* page 2 */
        .page2 {
            padding: 20px 20px;
            padding-bottom: 0px;
            height: -webkit-fit-content;
            height: -moz-fit-content;
            height: fit-content;
        }
        .page2 h1 {
            font-size: 40px !important;
            text-align: center;
            /* background-color: red; */
            margin-bottom: 10px;
        }
        .page2left h3{
            font-size: 17px;
        }
        .page2left button, .page3 button {
            padding: 10px 20px;
            font-size: 16px;
        }
        .page2right {
            height: 200px;
            width: 70%;
            border-radius: 10px;
        }


        /* page 3 */
        .page3 {
            padding-left: 20px;
            padding-bottom: 80px;
            padding-right: 20px;
            /* min-height: 160vh; */
            height: -webkit-fit-content;
            height: -moz-fit-content;
            height: fit-content;
            /* background-color: red; */
        }
        .page3 h1 {
            font-size: 40px;
            margin-bottom: 30px;
        }
        .services {
            gap: 0px;
        }
        .service {
            height: 120px;
            gap: 0px;
            width: 120px;
        }
        .service-image-contain {
            height: 120px;
            width: 120px;
        }
        .page3 h5 {
            gap: 0px;
            font-size: 14px;
        }
        .center-page3{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            height: 75%;
        }

        .service-top{
            gap: 50px;
        }
        .service-bottom{
            gap: 50px;
        }
        .page3-middle{
            margin-top: 50px;
        }
        #page3btn{
            font-size: 15px;
            margin-top: 10px;
        }


        /* page 4 */

        .page4{
            width: 100%;
            padding: 30px 30px;
            overflow: hidden;
        }
        #page4-header{
            text-align: center;
            font-size: 30px;
        }

        .page4-section{
            gap: 10px;
            margin-top: 30px;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }
        .page4-image{
            height: 50%;
            width: 35%;
        }
        .page4-image img{
            height: 100%;
            width: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: full center;
               object-position: full center;
        }
        .page4-discription{
            width: 80%;
            font-size: 15px;
        }
        .page4-discription h2{
            margin-bottom: 10px;
        }
        .page4-discription p{
            margin-left: 40px;
        }
        .mission{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 30px;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }
        #discription-mission{
            text-align: right;
            margin-top: 10px;
            font-size: 15px;
            width: 100%;
        }

        #discription-mission p{
            width: 100%;
            margin-top: 10px;
            text-align: right;
            padding-left: 15%;
        }

        #page4-missionimage-container {
            height: 50%;
            width: 35%;
        }

        /* page 5 */

        .page5{
            width: 100%;
            overflow: hidden;
            position: relative;
            padding: 10px;
        }

        #outline{
            border-radius: 10px;
            border: 2.5px solid #0C164D;
            padding: 10px 20px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            gap: 10px;
            text-align: center;
        }

        .page5-top h1{
            color: #0C164D;
            font-size: 30px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: start;
            margin-bottom: 10px;
        }

        .page5-top p{
            color: #0C164D;
            font-size: 17px;
            width: 100%;
            text-align: left;
            margin-bottom: 15px;
        }

        .page5-top h2{
            font-size: 27px;
            color: #0C164D;
        }

        .page5-bottom{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            gap: 10px;
        }

        .page5-bottom-left{
            width: 100%;
            text-align: left;
        }

        .page5-bottom-right{
            width: 50%;
            background-color: gray;
        }

        .page5-bottom-right img{
            height: 100%;
            width: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: center;
               object-position: center;
        }

        .page5-bottom-left span{
            font-size: 30px;
            margin-top: 10px;
            margin-right: 10px;
        }

        .page5-bottom-left h4{
            line-height: 1;
            font-size: 17px;
            font-weight: 500;
            color: #0C164D;
        }
        .page5-bottom-right{
            display: none;
        }

        /* page 6*/

        .page6{
            width: 100%;
            overflow: hidden;
            padding: 20px 30px;
            background-color:#E2E2E2;
            padding-bottom: 40px;
        }

        .page6 h1{
            color: #0C164D;
            font-size: 27px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            margin-bottom: 10px;
        }

        .page6>p{
            color: #0C164D;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-bottom: 30px;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
        }

        .page6 .industry-card-top{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            gap: 60px;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
        }

        .page6 .card{
            gap: 0px;
            height: 240px;
            width: 260px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding: 0px 20px;
            padding-top: 20px;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            border-radius: 17px;
            background: #ffffff;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            background-color: #fff;
            -webkit-box-shadow:  13px 13px 39px #9c9c9c,
            -13px -13px 39px #ffffff;
                    box-shadow:  13px 13px 39px #9c9c9c,
            -13px -13px 39px #ffffff;
        }

        .industry-card-container {
            height: 100px;
            padding: 30px;
            width: 90px;
        }

        .card img{
            height: 60px;
            width: 60px;
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: center;
               object-position: center;
        }

        .card h5{
            text-align: center;
            font-size: 17px;
            margin-bottom: 10px;
            font-weight: 500;
        }

        .card p{
            text-align: center;
            width: 80%;
            line-height: 1.4;
            opacity: 0.5;
        }

        .page6 .industry-card-bottom{
            margin-top: 60px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            gap: 60px;
        }
        .page7{
            width: 100%;
            min-height: 100vh;
            padding: 40px 0px;
            padding-bottom: 80px;
            background-color: #E2E2E2;
        }
        #use-me-in-mobile{
            margin-bottom: 30px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
        }
        .page7-image-containers{
            display: none;
        }
        .page7 .choose-sections{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            padding: 0px 10px;
            gap: 30px;
            margin-top: 0px;
        }
        #section-one h5{
            margin-bottom: 0px;
        }
        .choose{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            gap: 20px;
            width: 80%;
            border: none;
            padding: 30px;
            background-color: #fff;
            border-radius: 31px;
            -webkit-box-shadow:  21px 21px 42px #9e9e9e,
            -21px -21px 42px #ffffff;
                    box-shadow:  21px 21px 42px #9e9e9e,
            -21px -21px 42px #ffffff;
        }
        .choose img{
            height: 90px;
            width: 90px;
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: center;
               object-position: center;
        }
        .choose>h5{
            width: 100%;

            font-size: 22px;
        }
        .choose p{
            font-size: 15px;
            width: 90%;
            opacity: 0.5;
            margin-bottom: 10px;
        }
        /* page 8 */


        .page8{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 40px;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            padding: 20px 40px;
        }
        .page8 span{
            color: #f24822;
        }
        .page8 h1{
            font-size: 60px;
            /* background-color: red; */
        }
        .question{
            border-radius: 10px;
            border: 2.5px solid #0C164D;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            padding: 10px 8px;
            background-color: #f1efef9e;
        }

        .question span {
            font-size: 20px;
            font-weight: 600;
        }

        .question h4{
            font-size: 12px;
            width: 80%;
        }
        .question button{
            background-color: #f1efef9e;
            border: none;
        }

        .question i{
            font-size: 25px;
        }
        /* page 9 */


        .page9 {
            width: 100%;
            padding: 20px 0px;
            overflow: hidden;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            padding-bottom: 50px;
        }

        .page9left{
            width: 100%;
            height: 50%;
        }
        .page9-image-container{
            /* padding: 30px; */
            min-height: 59vh;
            background-size: cover;
            background-position: top;
            background-image: url("./handhand.jpeg");
        }
        .page9right{
            padding: 10px;
            width: 100%;
            min-height: 100px;
            background-color:#fff;
            padding: 0px 10px;
        }


        .inner-page9-right{
            padding: 0px;
            padding-top: 40px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            gap: 30px;
            min-height: 70px;
        }
        .inner-page9-right h4{
            font-size: 30px;
            font-weight: 500;
            text-align: center;
        }
        .inner-page9-right button{
            padding: 8px 30px;
            border: none;
            width: 190px;
            color: #fff;
            background-color: #f24822;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
            border-radius: 8px;
            font-size: 15px;
        }

        .page9 input{
            background-color: #e5e6e8;
            border-radius: 8px;
            border-radius: 8px;
            border: none;
            width: 310px;
            padding: 10px;
        }
        /* footer */

        .footer{
            background-color:#141F39;
            color: #fff;
            padding-bottom: 20px;
        }
        .lower{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            text-align: center;
            gap: 25px;
        }
        .content{
            line-height: 1.6;
        }

        .content h3{
            font-size: 15px;
            margin-bottom: 10px;
            font-weight: 500;
        }
        .content h5{
            font-weight: 300;
            font-size: 13px;
        }

        .lower{
            padding: 15px;
            background-color:#141F39;
        }
        .lower-most{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            width: 100%;
            padding: 0px;
            margin-top: 0px;
            gap: 30px;
        }

        .lower-most-right {
            /* width: 30%; */
        }
        .back-to-top{

            display: -webkit-box;

            display: -ms-flexbox;

            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            width: 100%;
            background-color: #1E2F56;
            padding: 20px;
        }
        .back-to-top h4{
            font-weight: 400;
            font-size: 15px;
        }

        .lower-most-left h3 ,.lower-most-left h5 , .lower-most-right h2{
            font-weight: 400;
        }
        .insta{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 15px;
        }
        .insta img{
            height: 30px;
            width: 30px;
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: center;
               object-position: center;
        }

        .lower-most-left h3{
            margin-bottom: 10px;
            font-size: 22px;
        }
        .lower-most-left h5{
            font-size: 12px;
        }

        .lower-most-right h2{
                font-size: 12px;
        }

        /* service part responsive */

        .real-services{
            width: 100%;
            position: relative;
            overflow: hidden;
            padding:20px 0px;
        }

        .real-services h1{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            font-size: 30px;
            gap: 10px;
            margin-bottom: 20px;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
        }

        .real-service {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            height: 70vh;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 20px;
        }

        .left-real-service{
            width: 100%;
            padding: 10px 20px;
            /* min-height: 41px; */
            padding-bottom: 30px;
        }

        .left-real-service h2{
            font-size: 23px;
            margin-bottom: 10px;
        }
        .left-real-service p{
            opacity: 1;
            font-size: 13px;
            margin-bottom: 30px;
        }

        .right-real-service{
            height: 100%;
            width: 100%;
            background-size: cover;
            background-position: left;
            background-image: url("./services-one.jpg");
        }
        /* ------------ */


        .right-service {
            /* background-color: green; */
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            height: 70vh;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            margin-left: auto;
            margin-right: auto;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            margin-bottom: 20px;
        }

        .left-right-service{
            width:100%;
            background-color: #ECECEC;
            padding: 10px 20px;
            padding-bottom: 10px;
        }


        .left-right-service h2{

            font-size: 23px;
            margin-bottom: 10px;
        }
        .left-right-service p{
            opacity: 1;
            font-size: 13px;
            margin-bottom: 20px;
        }

        .right-right-service{
            height: 100%;
            width: 100%;
            background-size: cover;
            background-position: center;
            background-image: url("./servicesimageOne.webp");
        }


        #service-two-image{
            background-image: url("./services-two.jpg");
        }
        #service-three-image{
            background-image: url("./services-three.jpg");
        }
        #service-four-image{
            background-image: url("./services-four.jpg");
        }
        #service-five-image{
            background-image: url("./services-five.jpg");
        }
        #service-six-image{
            background-image: url("./services-six.png");
        }
        #service-seven-image{
            background-image: url("./services-seven.jpg");
        }
        #service-eight-image{
            background-image: url("./services-eight.jpg");
        }




            /* about */

            .about{
                width: 100%;
                overflow: hidden;
            }
            .about1{
                background-color: #E2E2E2;
                padding: 0px 0px;

            }
            .about1-top{
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
                height: 50vh;
                width: 100%;
                background-image: url("./real-about-us.jpg");
                background-position: bottom;
                background-size: cover;
            }
            .about1-top h1{
                font-size: 50px;
                text-align: center;
                margin-top: 4vh;
                color: #fff;
                padding-top: 50px;
            }

            .about1-bottom{
                padding: 20px 20px;
            }
            .about1-heading{
                text-align: center;
                padding-bottom: 30px;
            }
            .about1-heading h1{
                font-size: 30px;
            }
            .about1-bottom p {
                width: 95%;
                margin-bottom: 30px;
                font-size: 19px;
                line-height: 1.4;
            }
            .about1-bottom h4 {
                font-size: 25px;
                margin-bottom: 30px;
            }
            .about1-bottom h5 {
                font-size: 20px;
                margin-bottom: 5px;
            }
            /* about2 */
            .about2{
                width: 100%;
                padding: 10px 20px;

            }
            .about2 h1{
                font-size: 35px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;-ms-flex-line-pack: center;align-content: center;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                font-weight: 500;
            }
            .about2 h2{
                font-size: 35px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;-ms-flex-line-pack: center;align-content: center;
                font-weight: 500;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                margin-left: 90px;
                gap: 10px;

            }
            .about2 span{
                color:#F24822;
            }
            .face-image-container{
                height: 55vh;
                width: 95%;
                padding: 30px;
                margin-left: auto;
                margin-top: 30px;
                margin-right: auto;
                background-image: url("./face-behind-novo.jpeg");
                background-size: cover;
                background-position: center;
            }

            /* about3 */
            .about3{
                width: 100%;
                padding: 10px 0px;

            }
            .about3-top{
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                width: 100%;
            }

            .about3-top-left{
                width: 100%;
                padding: 20px 30px;
            }
            .about3-top-left p{
                font-size: 14px;
                line-height: 1.4;
            }
            .about3-top-left h4{
                color:#0C164D;
                font-size: 30px;
                font-weight: 500;
                margin-bottom: 20px;
            }
            .about3-top-right{
                padding: 10px;
                width: 100%;
                height: 55vh;
                /* background-color: red; */
                padding-top: 30px;
                padding-left: 40px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
            }
            .president-box{
                padding: 10px 10px;
                width: 85%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                gap: 10px;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                height: 90%;
                background-color: #F24822;
            -webkit-box-shadow: -30px -30px 0px 0px #8B849F;
                    box-shadow: -30px -30px 0px 0px #8B849F;
            border-radius: 5px;
            }
            .president-image-container{
                background-image: url("./presidentji.jpg");
                height: 85%;
                background-size: cover;
                background-position: center;
                width: 90%;
                border-radius: 5px;
            }
            #the-ceo{
                background-image: url("./ceo-mam.jpeg");
                background-position: top;
            }
            .president-box h3{
                font-size: 17px;
                background-color: white;
                padding: 2px 6px;
                border-radius: 50px;
                color:#0C164D;
            }

            .about3-bottom{
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                gap: 10px;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                padding: 0px 40px;
            }
            .member{
                padding: 10px 20px;
                width: 100%;
                background-color: #F6F6F6;
                border: 3px solid #c3c2c2;
                border-radius: 5px;
            }
            .Qualification{
                padding: 10px 20px;
                width: 100%;
                background-color: #F6F6F6;
                border: 3px solid #c3c2c2;
                border-radius: 5px;
            }
            .about3-bottom h2{
                font-size: 20px;
                margin-bottom: 10px;
            }
            .about3-bottom h3{
                font-size: 15px;
                font-weight: 500;
            }




        /* memories */
        .memories{
            width: 100%;
            background-color: #fff;
            overflow: hidden;
            padding: auto;
        }
        .memories h1{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
            width: 100%;
            font-size: 25px;
            gap: 10px;
        }
        .memories span{
            color: #F24822;
        }
        .memories h2{
            font-size: 25px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
            width: 100%;
            margin-left: 50px;
            margin-bottom: 30px;
        }

        .memories-photos{
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 10px;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
        }
        .memories-left{
            width: 320px;
            height: 100%;
        }
        .photo{
            width: 100%;
            background-position: center;
            background-size: cover;
            margin-bottom: 25px;
        }
         #photo1{
            height: 60Vh;
            background-color: rgb(195, 131, 131);
        }
        /*
        #photo2{
            background-image: url("");
            height: 50vh;
            background-color: rgb(131, 153, 195);
        }

        #two-photo{
            display: flex;
            gap: 25px;
            width: 100%;
            margin-bottom: 25px;
            height: 23vh;

        }
        #photo3{
            height: 100%;
            background-color: green;
        }
        #photo4{
            height: 100%;
            background-color: rgb(94, 128, 0);

        }

        #photo5{
            background-image: url("");
            height: 45vh;
            background-color: rgb(131, 153, 195);
        }

        #photo6{
            height: 100%;
            background-color: green;
        }
        #photo7{
            height: 100%;
            background-color: rgb(94, 128, 0);

        }
        #photo8{
            height: 30vh;
            background-color: rgb(0, 128, 128);

        } */
        .memories-right{
            width: 320px;
            height: 100%;
        }

        /* #photo9{
            height: 40vh;
            background-color: rgb(0, 128, 26);
        }
        #two-photo-2{
            display: flex;
            gap: 25px;
            width: 100%;
            margin-bottom: 25px;
            height: 20vh;

        }
        #photo10{
            height: 100%;
            width: 68%;
            background-color: rgb(0, 128, 26);
        }
        #photo11{
            height: 100%;
            width: 32%;
            background-color: rgb(0, 128, 26);
        }
        #photo12{
            height:45vh;
            background-color: #e65151;
        }
        #photo13{
            height: 100%;
            background-color: rgb(217, 86, 212);
        }
        #photo14{
            height: 100%;
            background-color: rgb(81, 223, 114);
        }

        #photo15{
            background-image: url("");
            height: 40vh;
            background-color: rgb(131, 153, 195);
        }
        #photo16{
            background-image: url("");
            height: 30vh;
            background-color: rgb(140, 191, 96);
        }
        #photo17{
            background-image: url("");
            height: 40vh;
            background-color: rgb(98, 165, 174);
        } */

        #span1 {
            /* font-size: 24px; */
            /* margin: 0; */
            /* z-index: 9999; */
            /* position: absolute;
            top: 0;
            left:0; */
            /* background-color: red; */
        }

        /* fqa  */

        #scrollToTopBtn {
            /* bottom: 20px; */
            display: none;
            padding: 0px 0px;
            background-color: #1E2F56;
            width: 100%;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 30px;
        }

        #scrollToTopBtn.show {
            display: block;
        }

        #btn1{
            cursor: pointer;
        }


    #overlay-answer1{
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        background-color: #F6F5F5;
        /* font-size: 40px !important; */
        border: 3px solid #0C164D;
        border-radius: 20px;
        z-index: 999;
        position: fixed;
        top: 50%;
        width: 80%;
        -webkit-transform: translate(0% ,-50%);
            -ms-transform: translate(0% ,-50%);
                transform: translate(0% ,-50%);
        display: none;
        padding: 40px;
    }
    #overlay-answer2{
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        background-color: #F6F5F5;

        border: 3px solid #0C164D;
        border-radius: 20px;
        z-index: 999;
        position: fixed;
        top: 50%;
        width: 80%;
        -webkit-transform: translate(0% ,-50%);
            -ms-transform: translate(0% ,-50%);
                transform: translate(0% ,-50%);
        display: none;
        padding: 40px;
    }
    #overlay-answer3{
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        background-color: #F6F5F5;

        border: 3px solid #0C164D;
        border-radius: 20px;
        z-index: 999;
        position: fixed;
        top: 50%;
        width: 80%;
        -webkit-transform: translate(0% ,-50%);
            -ms-transform: translate(0% ,-50%);
                transform: translate(0% ,-50%);
        display: none;
        padding: 40px;
    }
        .close{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: flex-end;
            font-size: 20px;
        }
        #close{
            cursor: pointer;
        }
        .options{
            padding-right: 20px;
        }
        .solution{
            /* background-color: red; */
            margin-top: 13%;
        }
        .solution>h6{
            font-size: 15px;
            color: #0C164D;
        }


        /* addtional page */



    .industryExperience{
        min-height: 100vh;
        width: 100%;
        overflow: hidden;
        position: relative;
        padding: 10px 40px;
        color:#0C164D;
    }

    .industryExperience h1{
        font-size: 7vw;
        display: flex;
        align-items: center;justify-content: center;
        font-weight: 700;
        color: #0C164D;
        margin-bottom: 20px;
    }
    .industryExperience h4{
        font-size: 19px;
        display: flex;
        /* align-items: center;justify-content: center; */
        font-weight: 700;
        color: #0C164D;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .industryExperience h6{
        font-size: 15px;
        display: flex;
        /* align-items: center;justify-content: center; */
        font-weight: 500;
        color: #0C164D;
        /* margin-top: 10px;
        margin-bottom: 10px; */
    }
    .industryExperience p{
        font-size: 14px;
        font-weight: 700;
    }

    .page2-1{
        padding: 5px;
    }

    .page2-1 h1 {
        text-align: center;
    }

    }