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

        ::-webkit-scrollbar{
            display: none;
        }

        .div1{
            width: 100%;
            background-color: #ffffff;
        }

        .div2{
            width: 1728px;
            height: 111px;
            margin-left: auto;
            margin-right: auto;
        }

        #a{
            transition: .1s ease-out;
        }

        #a:hover{
            border-bottom: 2px solid #000000;
            font-weight: 500;
        }

        #nc{
            transition: .1s ease-out;
        }

        #nc:hover{
            border-bottom: 2px solid #000000;
            font-weight: 500;
        }

        #dropd{
            transition: .1s ease-out;
        }

        #dropd:hover{
            font-weight: 500;
        }

        #usa{
            transition: .1s ease-out;
        }

        #usa:hover{
            font-weight: 500;
            border-bottom: 2px solid #000000;
        }

        .div3{
            width: 1350px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            margin-left: auto;
            margin-right: auto;
        }

        .div3 a{
            text-decoration: none;
            margin: 20px;
            font-size: 22px;
            font-weight: 400;
            color: #000000;
            font-family: Roboto;
            line-height: 25.78px;
        }

        .c{
            display: flex;
            align-items: center;
        }

        .image{
            padding: 5px;
            margin-top: 5px;
        }

        #button{
            background-color: #F06129;
            padding: 20px 60px 20px 60px;
            color: #ffffff;
            border-radius: 60px;
            font-weight: 700;
            letter-spacing: 1px;
            cursor: pointer;
        }

        .div4{
            width: 100%;
            background: url('images/6489e9ced48e423ea5e6f5ef_img_Dallas_635413172_4_2.png');
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }

        .div5{
            width: 100%;
            height: 897px;
            font-family: Roboto;
            background: url('images/Rectangle_362.png');
            background-repeat: no-repeat;
            background-size: 100% 100%;
            margin-left: auto;
            margin-right: auto;
        }

        .back{
            width: 1728px;
            height: 897px;
            margin-left: auto;
            margin-right: auto;
        }

        form{
            height: 380px;
            width: 440.85px;
            padding: 10px;
            background-color: rgba(182, 201, 0, 0.3);
            border-radius: 22px;
            font-family: Roboto;
            text-align: center;
            margin-top: 80px;
        }

        form h1{
            font-size: 32.17px;
            line-height: 37.7px;
            font-weight: 600;
            color: #ffffff;
            padding: 10px;
        }

        input{
            width: 390.8px;
            border-radius: 58px;
            background-color: #ffffff;
            margin: 10px;
            font-size: 20px;
            padding: 15px;
            font-weight: 500;
            font-family: Roboto;
            color: #6C6E72;
            border: none;
        }

        .div8{
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            width: 1300px;
            height: 400px;
            padding-top: 230px;
            margin-left: auto;
            margin-right: auto;
        }

        .div6{
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            height: 600px;
        }

        .div6 h1{
            font-size: 57px;
            line-height: 65px;
            font-weight: 700;
            color: #ffffff;
        }

        .div6 p{
            font-size: 29px;
            line-height: 34px;
            font-weight: 400;
            color: #ffffff;
        }



        #submit{
            padding: 18px;
            width: 410px;
            border: 1px solid #ffffff;
            background-color: #F06129;
            color: #ffffff;
            font-family: Roboto;
            font-weight: 500;
            cursor: pointer;
        }

        .row{
            display: flex;
            flex-direction: row;
            position: absolute;
            justify-content: space-between;
            width: 1000px;
            margin-top: 170px;
            margin-left: 370px;
        }

        .row1{
            width: 239px;
            height: 200px;
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            text-align: center;
            background-color: #ffffff;
            align-items: center;
            border-radius: 10px;
            align-items: center;
            font-family: Roboto;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0,0), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
            transition: .2s ease-in;
        }

        .row1:hover{
            transform: scale(1.1);
        }


        .row1 img{
            height: 56px;
            width: 56px;
        }

        .row1 h1{
            font-family: Roboto;
            font-size: 30px;
            font-weight: 700;
            line-height: 50.7px;
            color: #07568C;
        }

        .row1 p{
            font-family: Roboto;
            font-size: 20px;
            font-weight: 500;
            line-height: 24px;
            color: #777777;
        }

        .col1{
            width: 100%;
            background-color: #F4FAFF;
        }

        .margin{
            width: 1728px;
            height: 850px;
            margin-left: auto;
            margin-right: auto;
        }

        .main{
            width: 1728px;
            height: 700px;
            margin-left: auto;
            margin-right: auto;
            padding-top: 100px;
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            text-align: center;
        }

        .main p{
            font-size: 19px;
            font-family: Roboto;
            line-height: 24px;
            font-weight: 400;
            color: #323C6A;
        }


        .fix{
            width: 1154px;
            height: 691px;
            margin-left: auto;
            margin-right: auto;
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
        }

        .person{
            display: flex;
            flex-direction: row;
            height: 503px;
            margin-left: auto;
            margin-right: auto;
            box-shadow: 1px 1px 9px #000000;
        }

        .person1{
            position: relative;
        }


        .h1{
           background: url('images/Rectangle_395.png');
           background-repeat: no-repeat;
           position: absolute;
           height: 503px;
           width: 270px;
           display: flex;
           flex-direction: column;
           justify-content: center;
           padding-left: 19px;
           transition: .2s ease-in;
           cursor: pointer;
           text-align: left;
        }

        .h1:hover{
            letter-spacing: 1px;
        }

        .h1 h1{
            font-size: 30px;
            font-weight: 600;
            line-height: 42px;
            color: #ffffff;
            font-family: Roboto;
        }

        .h1 p{
            font-size: 20px;
            font-weight: 400;
            line-height: 24px;
            font-family: Roboto;
            color: #ffffff;
            padding-top: 10px;
        }


        .person2{
            position: relative;
        }

        .h2{
           position: absolute;
           margin-left: 289px;
           background: url('images/Rectangle_395.png');
           background-repeat: no-repeat;
           height: 503px;
           width: 270px;
           display: flex;
           flex-direction: column;
           justify-content: center;
           padding-left: 19px;
           transition: .2s ease-in;
           text-align: left;
           cursor: pointer;
        }

        .h2:hover{
            letter-spacing: 1px;
        }

        .h2 h1{
            font-size: 30px;
            font-weight: 600;
            line-height: 42px;
            color: #ffffff;
            font-family: Roboto;
        }

        .h2 p{
            font-size: 20px;
            font-weight: 400;
            line-height: 24px;
            font-family: Roboto;
            color: #ffffff;
            padding-top: 10px;
        }

        .person3{
            position: relative;
        }

        .h3{
            position: absolute;
            margin-left: 578px;
            background: url('images/Rectangle_395.png');
            background-repeat: no-repeat;
            height: 503px;
            width: 270px;
            text-align: left;
            display: flex;
           flex-direction: column;
           justify-content: center;
           padding-left: 19px;
           transition: .3s ease-in;
           cursor: pointer;
        }

        .h3:hover{
            letter-spacing: 1px;
        }

        .h3 h1{
            font-size: 30px;
            font-weight: 600;
            line-height: 42px;
            color: #ffffff;
            font-family: Roboto;
        }

        .h3 p{
            font-size: 20px;
            font-weight: 400;
            line-height: 24px;
            font-family: Roboto;
            color: #ffffff;
            padding-top: 10px;
        }

        .person4{
            position: relative;
        }

       .h4{
            position: absolute;
            margin-left: 867px;
            background: url('images/Rectangle_395.png');
            background-repeat: no-repeat;
            height: 503px;
            width: 268px;
            display: flex;
            text-align: left;
            flex-direction: column;
            justify-content: center;
            padding-left: 19px;
            transition: .2s ease-in;
            cursor: pointer;
        }

        .h4:hover{
            letter-spacing: 1px;
        }

        .h4 h1{
            font-size: 30px;
            font-weight: 600;
            line-height: 42px;
            color: #ffffff;
            font-family: Roboto;
        }

        .h4 p{
            font-size: 20px;
            font-weight: 400;
            line-height: 24px;
            font-family: Roboto;
            color: #ffffff;
            padding-top: 10px;
        }
        

        .cen{
            text-align: center;
            font-family: Roboto;
            font-weight: 600;
            font-size: 50px;
            line-height: 59px;
            color: #323C6A;
        }

        #active{
            color: #FF895A;
            font-size: 20px;
            font-weight: 500;
            font-family: Roboto;
            line-height: 28px;
            padding-top: 10px;
            text-decoration: none;
        }

        #active img{
            height: 13px;
        }

        .five{
            width: 100%;
            background-color: #FFFFFF;
        }

        .five1{
            width: 1728px;
            height: 1320px;
            margin-left: auto;
            margin-right: auto;
        }

        .pos{
            width: 1300px;
            height: 1320px;
            margin-left: auto;
            margin-right: auto;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .service{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 1300px;
            margin-top: 40px;
        }

        .our{
            position: relative;
            margin-left: 35px;
        }

        .our img{
            height: 357px;
            width: 390px;
            border-radius: 15px;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
        }

        .os{
           position: absolute;
           background: url('images/Rectangle_396.png');
           background-repeat: no-repeat;
           background-size: 390px 357px;
           border-radius: 15px;
           height: 357px;
           width: 371px;
           display: flex;
           flex-direction: column;
           justify-content: end;
           padding-left: 19px;
           margin-left: 35px;
        }


        .os h1{
            font-size: 30px;
            font-weight: 700;
            line-height: 34px;
            font-family: Roboto;
            padding-bottom: 50px;
            color: #ffffff;
            transition: .2s ease-in;
        }

        .os:hover h1{
            transform: scale(1.1);
            color: #ff753e;
            padding-left: 10px;
        }

        .os1:hover h1{
            transform: scale(1.1);
            color: #ff753e;
            padding-left: 10px;
        }

        .os2:hover h1{
            transform: scale(1.1);
            color: #ff753e;
            padding-left: 10px;
        }
        .os3:hover h1{
            transform: scale(1.1);
            color: #ff753e;
            padding-left: 10px;
        }

        .os4:hover h1{
            transform: scale(1.1);
            color: #ff753e;
            padding-left: 10px;
        }

        .os5:hover h1{
            transform: scale(1.1);
            color: #ff753e;
            padding-left: 10px;
        }

        .os6:hover h1{
            transform: scale(1.1);
            color: #ff753e;
            padding-left: 10px;
        }

        .os7:hover h1{
            transform: scale(1.1);
            color: #ff753e;
            padding-left: 10px;
        }


        .our1{
            position: relative;
            margin-left: 35px;
        }

        .our1 img{
            height: 357px;
            width: 390px;
            border-radius: 15px;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
        }

        .os1{
           position: absolute;
           margin-left: 460px;
           background: url('images/Rectangle_396.png');
           background-repeat: no-repeat;
           background-size: 390px 357px;
           border-radius: 15px;
           height: 357px;
           width: 371px;
           display: flex;
           flex-direction: column;
           justify-content: end;
           padding-left: 19px;
        }

        .os1 h1{
            font-size: 30px;
            font-weight: 700;
            line-height: 34px;
            font-family: Roboto;
            color: #ffffff;
            padding-bottom: 80px;
            transition: .2s ease-in;
        }


        .our2{
            position: relative;
            margin-left: 35px;
        }

        .our2 img{
            height: 357px;
            width: 390px;
            border-radius: 15px;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
        }

        .os2{
            position: absolute;
            margin-left: 885px;
            background: url('images/Rectangle_396.png');
            background-repeat: no-repeat;
            background-size: 390px 357px;
            border-radius: 15px;
            height: 357px;
            width: 371px;
            display: flex;
            flex-direction: column;
            justify-content: end;
            padding-left: 19px;
        }

        .os2 h1{
            font-size: 30px;
            font-weight: 700;
            line-height: 34px;
            font-family: Roboto;
            color: #ffffff;
            padding-bottom: 50px;
            transition: .2s ease-in;
        }

        .our3{
            position: relative;
            margin-left: 35px;
            margin-top: 35px;
        }

        .our3 img{
            height: 357px;
            width: 390px;
            border-radius: 15px;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
        }

        .os3{
            position: absolute;
            margin-top: 396px;
            margin-left: 35px;
            background: url('images/Rectangle_396.png');
            background-repeat: no-repeat;
            background-size: 390px 360px;
            border-radius: 15px;
            height: 359px;
            width: 372px;
            display: flex;
            flex-direction: column;
            justify-content: end;
            padding-left: 19px;
        }

        .os3 h1{
            font-size: 30px;
            font-weight: 700;
            line-height: 34px;
            font-family: Roboto;
            color: #ffffff;
            padding-bottom: 80px;
            transition: .2s ease-in;
        }


        .our4{
            position: relative;
            margin-left: 35px;
            margin-top: 35px;
        }

        .our4 img{
            height: 357px;
            width: 390px;
            border-radius: 15px;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
        }

        .os4{
            position: absolute;
            margin-top: 395px;
            margin-left: 460px;
            background: url('images/Rectangle_396.png');
            background-repeat: no-repeat;
            background-size: 390px 360px;
            border-radius: 15px;
            height: 359px;
            width: 372px;
            display: flex;
            flex-direction: column;
            justify-content: end;
            padding-left: 19px;       
        }

        .os4 h1{
            font-size: 30px;
            font-weight: 700;
            line-height: 34px;
            font-family: Roboto;
            color: #ffffff;
            padding-bottom: 50px;
            transition: .2s ease-in;
        }


        .our5{
            position: relative;
            margin-left: 35px;
            margin-top: 35px;
        }

        .our5 img{
            height: 357px;
            width: 390px;
            border-radius: 15px;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
        }

        .os5{
            position: absolute;
            margin-top: 396px;
            margin-left: 885px;
            background: url('images/Rectangle_396.png');
            background-repeat: no-repeat;
            background-size: 390px 360px;
            border-radius: 15px;
            height: 359px;
            width: 372px;
            display: flex;
            flex-direction: column;
            justify-content: end;
            padding-left: 19px;
        }

        .os5 h1{
            font-size: 30px;
            font-weight: 700;
            line-height: 34px;
            font-family: Roboto;
            color: #ffffff;
            padding-bottom: 80px;
            transition: .2s ease-in;
        }


        .our6{
            position: relative;
            margin-left: 35px;
            margin-top: 35px;
        }

        .our6 img{
            height: 357px;
            width: 390px;
            border-radius: 15px;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
        }

        .os6{
            position: absolute;
            margin-top: 790px;
            margin-left: 35px;
            background: url('images/Rectangle_396.png');
            background-repeat: no-repeat;
            background-size: 390px 360px;
            border-radius: 15px;
            height: 359px;
            width: 372px;
            display: flex;
            flex-direction: column;
            justify-content: end;
            padding-left: 19px;
        }

        .os6 h1{
            font-size: 30px;
            font-weight: 700;
            line-height: 34px;
            font-family: Roboto;
            color: #ffffff;
            padding-bottom: 80px;
            transition: .2s ease-in;
        }

        .our7{
            position: relative;
            margin-left: 35px;
            margin-top: 35px;
        }

        .our7 img{
            height: 357px;
            width: 390px;
            border-radius: 15px;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
        }

        .os7{
            position: absolute;
            margin-top: 790px;
            margin-left: 460px;
            background: url('images/Rectangle_396.png');
            background-repeat: no-repeat;
            background-size: 390px 360px;
            border-radius: 15px;
            height: 359px;
            width: 372px;
            display: flex;
            flex-direction: column;
            justify-content: end;
            padding-left: 19px;
        }

        .os7 h1{
            font-size: 30px;
            font-weight: 700;
            line-height: 34px;
            font-family: Roboto;
            color: #ffffff;
            padding-bottom: 50px;
            transition: .2s ease-in;
        }


        .final{
            margin-top: 40px;
            font-family: Roboto;
            font-weight: 700;
            font-size: 50px;
            line-height: 52px;
            color: #323C6A;
        }


        .six{
            width: 100%;
            background-color: #F4FAFF;
        }

        .six1{
            width: 1728px;
            height: 1000px;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }

        .mar{
            margin-top: 0px;
        }

        .mar h1{
            font-family: Roboto;
            font-weight: 600;
            font-size: 50px;
            line-height: 59px;
            padding-top: 70px;
            color: #323C6A;
        }

        .mar p{
            font-family: Roboto;
            font-weight: 400;
            font-size: 23px;
            line-height: 27px;
            color: #323C6A;
            padding-top: 36px;
        }

        .map{
           text-align: center;
        }

        .i{
            background: url('images/Group_616.png');
            background-repeat: no-repeat;
            background-position: center;
            height: 700px;
            margin-left: auto;
            margin-right: auto;
        }


        .seven{
            width: 100%;
            background: url('images/48vyiD_1.png');
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }

        .seven1{
            width: 1728px;
            height: 527px;
            margin-left: auto;
            margin-right: auto;
        }

        .frame{
            width: 1228px;
            height: 280px;
            margin-left: auto;
            margin-right: auto;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
        }

        .frame1{
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin-top: 40px;
        }

        .slide1{
            height: 32.6px;
            width: 30px;
            background-color: #F06129;
            color: #FFFFFF;
            border-radius: 5px;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 5px;
            font-size: 30px;
            font-weight: 700;
            margin-top: 125px;
            margin-right: 40px;
            cursor: pointer;
            border: 2px solid transparent;
            transition: .2s ease-in;
        }

        .slide1:hover{
            background-color: #ffffff;
            border: 2px solid #F06129;
            color: #000000;
        }

        .slide2{
            height: 32.6px;
            width: 30px;
            background-color: #F06129;
            color: #FFFFFF;
            border-radius: 5px;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 5px;
            font-size: 30px;
            font-weight: 700;
            margin-top: 125px;
            margin-left: 40px;
            cursor: pointer;
            border: 2px solid transparent;
            transition: .2s ease-in;
        }

        .slide2:hover{
            background-color: #ffffff;
            border: 2px solid #F06129;
            color: #000000;
        }

        .in1{
            height: 240px;
            width: 270px;
            padding: 30px;
            background-color: rgba(131, 134, 255, 0.3);
            border: 2px solid rgb(131, 134, 255);
            border-radius: 28px;
            transition: .2s ease-in;
        }

        .in1:hover{
            transform: scale(1.10);
        }

        .in1 a{
            display: flex;
            text-decoration: none;
            margin-top: 15px;
            font-size: 16px;
            font-weight: 600;
            color: #FFFFFF;
        }

        .marge{
            margin-top: 5px;
            color: #FFFFFF;
            font-family: Roboto;
            font-weight: 400;
            font-size: 15px;
            line-height: 18px;
        }
        
        .star{
            margin-top: -15px;
        }

        .us{
            margin-left: 5px;
            font-family: Roboto;
        }

        .in2{
            height: 200px;
            width: 300px;
            padding: 30px;
            background-color: rgba(131, 134, 255, 0.3);
            border: 2px solid rgb(131, 134, 255);
            border-radius: 28px;
            transition: .2s ease-in;
        }

        .in2:hover{
            transform: scale(1.10);
        }

        .in2 a{
            display: flex;
            text-decoration: none;
            margin-top: 15px;
            font-size: 16px;
            font-weight: 600;
            color: #FFFFFF;
            margin-left: -3px;
            margin-right: -3px;
            text-align: center;
        }

        .ind{
            margin-left: 5px;
        }

        .marge2{
            margin-top: 5px;
            color: #FFFFFF;
            font-family: Roboto;
            font-weight: 400;
            font-size: 15px;
            line-height: 18px;
        }

        .star2{
            margin-top: -15px;
        }
        
        .in3{
            height: 240px;
            width: 270px;
            padding: 30px;
            background-color: rgba(131, 134, 255, 0.3);
            border: 2px solid rgb(131, 134, 255);
            border-radius: 28px;
            transition: .2s ease-in;
        }

        .in3:hover{
            transform: scale(1.10);
        }

        .star3{
            margin-top: -15px;
        }

        .in3 a{
            display: flex;
            text-decoration: none;
            margin-top: 15px;
            font-size: 16px;
            font-weight: 600;
            color: #FFFFFF;
        }

        .marge3{
            margin-top: 5px;
            color: #FFFFFF;
            font-family: Roboto;
            font-weight: 400;
            font-size: 15px;
            line-height: 18px;
        }

        .text{
            font-weight: 500;
            font-family: Roboto;
            font-size: 60px;
            line-height: 70px;
            color: #ffffff;
            text-align: center;
            margin-top: 25px;
        }

        .text1{
            font-weight: 400;
            font-family: Roboto;
            font-size: 30px;
            line-height: 35px;
            color: #ffffff;
            text-align: center;
            margin-top: 20px;
        }

        .eight{
            width: 100%;
            background-color: #152263;
        }

        .eight1{
            width: 1728px;
            height: 418px;
            margin-left: auto;
            margin-right: auto;
        }

        .e1{
            width: 1228px;
            height: 300px;
            margin-left: auto;
            margin-right: auto;
            padding-top: 50px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
        }

        .s1{
            width: 305px;
            height: 300px;
            display: flex;
            flex-direction: column;
        }

        .s2{
            width: 250px;
            height: 300px;
            display: flex;
            flex-direction: column;
        }

        .sg{
            width: 216px;
            height: 97px;
        }

        .we{
            font-family: Roboto;
            font-weight: 400;
            font-size: 18px;
            line-height: 21px;
            color: #FFFFFF;
        }

        .use{
            font-family: Roboto;
            font-size: 20px;
            line-height: 24px;
            font-weight: 400;
            color: #F2DD16; 
            padding-bottom: 
            10px;
            padding-left: 20px;
        }

        .aql{
            font-family: Roboto;
            font-size: 15px;
            line-height: 30px;
            font-weight: 400;
            color: #FFFFFF; 
            text-decoration: none;
            padding-left: 20px;
            transition: .2s ease-in;
        }

        .aql:hover{
            color: #ff753e;
        }

        #search{
            width: 250px;
            border-radius: 5px 0px 0px 5px;
            height: 50px;
            margin: 0px;
            font-size: 20px;
            padding: 17px;
            font-weight: 500;
            font-family: Roboto;
            color: #6C6E72;
            border: none;
        }

        .sp{
            border-radius: 0px 5px 5px 0px;
            height: 50px;
            cursor: pointer;
        }

        .spa{
            display: flex;
            flex-direction: row;
        }

        .social{
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            width: 295px;
        }

        .pc{
            text-align: center;
            margin-top: 40px;
            font-family: Roboto;
            font-size: 18px;
            font-weight: 400;
            line-height: 21px;
            color: #ffffff;
        }

        video{
            border-radius: 15px;
        }

        .down{
            position: relative;
            margin-left: -80px;
        }

        .hide{
            width: 270px;
            position: absolute;
            display: none;
        }

        .hide a{
            text-decoration: none;
            margin: 16px;
            margin-top: 0;
            font-size: 18px;
            font-family: Roboto;
            font-weight: 400;
            color: #3d3d3f;
            border-bottom: 1px solid #777777;
            padding: 5px;
        }

        .hide a:hover{
            border-bottom: 1px solid #F06129;
            color: #F06129;
        }


        .down:hover .hide{
            display: flex;
            flex-direction: column;
            margin-top: 0px;
            justify-content: space-evenly;
            border-bottom: 2px solid transparent;
            background-color: #FFFFFF;
        } 

        .down2{
            position: relative;
            margin-left: -80px;
        }

        .hide2{
            width: 270px;
            position: absolute;
            display: none;
        }

        .hide2 a{
            text-decoration: none;
            margin: 16px;
            margin-top: 0;
            font-size: 18px;
            font-family: Roboto;
            font-weight: 400;
            color: #3d3d3f;
            border-bottom: 1px solid #777777;
            padding: 5px;
        }

        .hide2 a:hover{
            border-bottom: 1px solid #F06129;
            color: #F06129;
        }


        .down2:hover .hide2{
            display: flex;
            flex-direction: column;
            margin-top: 0px;
            justify-content: space-evenly;
            border-bottom: 2px solid transparent;
            background-color: #FFFFFF;
        } 

        .mobile{
            display: none;
        }

        .row2{
            display: none;
        }

        .pc1{
            display: none;
        }

        .mobilere{
            display: none;
        }

        .insta:hover{
            filter: brightness(0) blur(1px);
        }

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

.div1{
    width: 1660px;
    margin-left: auto;
    margin-right: auto;
}

.div2{
    width: 1600px;
}

.div3{
    width: 1600px;
}

.div4{
    width: 1660px;
    margin-left: auto;
    margin-right: auto;
}

.div5{
    width: 1660px;
    margin-left: auto;
    margin-right: auto;
}

.back{
    width: 1600px;
}

.row{
    margin-top: 170px;
    margin-left: 300px;
}

.col1{
    width: 1660px;
    margin-left: auto;
    margin-right: auto;
}

.margin{
    width: 1439px;
}

.main{
    width: 1439px;
}

.forth{
    width: 1660px;
    margin-left: auto;
    margin-right: auto;
}

.forth1{
    width: 1600px;
}

.fix{
    width: 1439px;
}

.five{
    width: 1660px;
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
}

.five1{
    width: 1600px;
}

.pos{
    width: 1320px;
}

.service{
    width: 1320px;
}

.six{
    width: 1660px;
    margin-left: auto;
    margin-right: auto;
}

.six1{
    width: 1600px;
}

.seven{
    width: 1660px;
    margin-left: auto;
    margin-right: auto;
}

.seven1{
    width: 1600px;
}

.frame{
    width: 90%;
}

.frame1{
    width: 100%;
}

.eight{
    width: 1660px;
    margin-left: auto;
    margin-right: auto;
}

.eight1{
    width: 1600px;
}


}

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

            body{
                width: 100%;
                margin: 0 auto;
            }

        .div1{
            width: 100%;
            margin: 0 auto;
        }

        .div2{
            width: 100%;
            margin: 0 auto;
        }

        .div3{
            width: 100%;
            margin: 0 auto;
        }

        .div4{
            width: 100%;
            margin: 0 auto;
        }

        .div5{
            width: 100%;
            margin: 0 auto;
        }

        .back{
            width: 100%;
            margin: 0 auto;
        }

        .div8{
            width: 95%;
        }

        .row{
            margin-top: 170px;
            margin-left: 190px;
        }

        .col1{
            width: 100%;
            margin: 0 auto;
        }

        .margin{
            width: 100%;
            margin: 0 auto;
        }

        .main{
            width: 100%;
            margin: 0 auto;
        }

        .forth{
            width: 100%;
            margin: 0 auto;
        }

        .forth1{
            width: 100%;
            margin: 0 auto;
        }

        .fix{
            width: 100%;
            margin: 0 auto;
        }

        .five{
            width: 100%;
            background-color: #FFFFFF;
            margin: 0 auto;
        }

        .five1{
            width: 100%;
            margin: 0 auto;
        }

        .pos{
            width: 1300px;
            margin: 0 auto;
        }

        .service{
            width: 1300px;
            margin: 0 auto;
            margin-top: 20px;
        }

        .six{
            width: 100%;
            margin: 0 auto;
        }

        .six1{
            width: 100%;
            margin: 0 auto;
        }

        .seven{
            width: 100%;
            margin: 0 auto;
        }

        .seven1{
            width: 100%;
            margin: 0 auto;
        }

        .frame{
            width: 90%;
        }

        .frame1{
            width: 100%;
        }

        .eight{
            width: 100%;
            margin: 0 auto;
        }

        .eight1{
            width: 100%;
            margin: 0 auto;
        }
        .e1{
            width: 95%;
        }
     
}

@media screen and (max-width: 1280px){
            .pos{
                width: 100%;
                margin: 0 auto;
            }
    
            .service{
                width: 97%;
                margin: 0 auto;
                margin-top: 20px;
            }

            .our{
                margin-left: 17px;
            }

            .os{
                margin-left: 17px;
            }

            .our{
                margin-left: 17px;
            }

            .os{
                margin-left: 17px;
            }

            .our1{
                margin-left: 17px;
            }

            .os1{
                margin-left: 424px;
            }

            .our2{
                margin-left: 17px;
            }

            .os2{
                margin-left: 831px;
            }
            .our3{
                margin-left: 17px;
            }

            .os3{
                margin-left: 17px;
            }

            .our4{
                margin-left: 17px;
            }

            .os4{
                margin-left: 424px;
            }

            .our5{
                margin-left: 17px;
            }

            .os5{
                margin-left: 831px;
            }

            .our6{
                margin-left: 17px;
            }

            .os6{
                margin-left: 17px;
            }

            .our7{
                margin-left: 17px;
            }

            .os7{
                margin-left: 424px;
            }

            .slide1{
                margin-right: 5px;
            }

            .slide2{
                margin-left: 5px;
            }

}

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

            body{
                width: 100%;
                margin: 0 auto;
            }
    
            .div1{
                width: 100%;
                margin: 0 auto;
            }
    
            #button{
                font-size: 20px;
                padding: 20px 30px 20px 30px;
            }
    
            .div8{
                width: 97%;
            }
    
            .div2{
                width: 100%;
                margin: 0 auto;
            }
    
            .div3{
                width: 100%;
                margin: 0 auto;
            }
            .div3 a{
                font-size: 18px;
            }
    
            .div6 h1{
                font-size: 40px;
            }
    
            .div6 p{
                font-size: 20px;
            }
    
            .div6{
                height: 400px;
            }
    
            #nc{
                margin-left: 10px;
            }
    
            #dropd{
                margin-right: 0;
                margin-left: 50px;
            }
    
            .div4{
                width: 100%;
                margin: 0 auto;
            }
    
            .div5{
                width: 100%;
                margin: 0 auto;
            }
    
            .back{
                width: 100%;
                margin: 0 auto;
            }
    
            .row{
                margin-top: 170px;
                margin-left: 10px;
                width: 98%;
                margin-left: 6px;
                left: auto;
                right: auto;
            }

    
            .person{
                width: 99%;
                margin-left: auto;
                margin-right: auto;
            }
    
            .person1{
                width: 24.8%;
            }
    
            .person2{
                width: 24.8%;
            }
    
            .person3{
                width: 24.8%;
            }
    
            .person4{
                width: 24.8%;
            }
            .person1 img{
                width: 100%;
                height: 503px;
            }
    
            .person2 img{
                width: 100%;
                height: 503px;
            }
    
            .person3 img{
                width: 100%;
                height: 503px;
            }
    
            .person4 img{
                width: 100%;
                height: 503px;
            }
    
            .h1{
                width: 23%;
            }
    
            .h2{
                width: 23%;
                margin-left: 252px;
            }
    
            .h3{
                width: 23.1%;
                margin-left: 503px;
            }
    
            .h4{
                width: 23%;
                margin-left: 755px;
            }
            
    
            .col1{
                width: 100%;
                margin: 0 auto;
            }
    
            .margin{
                width: 100%;
                margin: 0 auto;
            }
    
            .main{
                width: 100%;
                margin: 0 auto;
            }
    
            .forth{
                width: 100%;
                margin: 0 auto;
            }
    
            .forth1{
                width: 100%;
                margin: 0 auto;
            }
    
            .fix{
                width: 100%;
                margin: 0 auto;
            }
    
            .five{
                width: 100%;
                background-color: #FFFFFF;
                margin: 0 auto;
                height: 1800px;
            }
    
            .five1{
                width: 100%;
                height: 1700px;
                margin: 0 auto;
            }
    
            .pos{
                width: 100%;
                margin: 0 auto;
            }
    
            .service{
                width: 81%;
                height: 1700px;
                margin: 0 auto;
                margin-top: 30px;
            }
    
            .i{
                width: 90%;
                background-size: 90% 90%;
            }
    
            .mar{
                width: 90%;
                margin-left: auto;
                margin-right: auto;
            }
    
            .os{
                margin-left: 0;
            }
    
            .our{
                margin-left: 0;
            }

            .our1{
                margin-left: 35px;
            }
    
            .os1{
                margin-left: 425px;
            }
    
            .our2{
                margin-top: 30px;
                margin-left: 0;
            }
    
            .os2{
                margin-top: 392px;
                margin-left: 0;
            }
    
            .our3{
                margin-top: 30px;
                margin-left: 35px;
            }
    
            .os3{
                margin-left: 424px;
                margin-top: 392px;
            }
    
            .our4{
                margin-top: 30px;
                margin-left: 0;
            }
    
            .os4{
                margin-left: 0;
                margin-top: 780px;
            }
    
            .our5{
                margin-top: 30px;
                margin-left: 35px;
            }
    
            .os5{
                margin-left: 425px;
                margin-top: 780px;
            }
    
            .our6{
                margin-top: 30px;
                margin-left: 0;
            }
    
            .os6{
                margin-left: 0;
                margin-top: 1171px;
            }
    
            .our7{
                margin-top: 30px;
                margin-left: 35px;
            }
    
            .os7{
                margin-left: 425px;
                margin-top: 1171px;
            }
    
    
            .six{
                width: 100%;
                margin: 0 auto;
            }
    
            .six1{
                width: 100%;
                margin: 0 auto;
            }
    
            .seven{
                width: 100%;
                margin: 0 auto;
            }
    
            .seven1{
                width: 100%;
                margin: 0 auto;
            }
    
            .in1{
                height: 210px;
                padding-left: 15px;
                padding-right: 15px;
            }
    
            .in2{
                height: 160px;
                padding-left: 15px;
                padding-right: 15px;
                margin-left: 10px;
            }
    
            .in3{
                height: 210px;
                padding-left: 15px;
                margin-left: 10px;
            }
    
            .slide1{
                margin-right: 5px;
            }
    
            .slide2{
                margin-left: 5px;
            }
    
            .marge{
                font-size: 10px;
            }
    
            .marge2{
                font-size: 10px;
            }
    
            .marge3{
                font-size: 10px;
            }
    
            .us{
                font-size: 13px;
            }
    
            .ind{
                font-size: 13px;
            }
    
            .eight{
                width: 100%;
                height: 380px;
                margin: 0 auto;
            }
    
            .eight1{
                width: 100%;
                margin: 0 auto;
                height: 380px;
    
            }
            .e1{
                width: 95%;
            }
    
            .we{
                font-size: 15px;
            }
    
            .s2{
                font-size: 15px;
            }
         
}


@media screen and  (min-device-width: 800px) and (max-device-width: 1000px){

            .mobile{
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-self: center;
            }
    
            .icon{
                display: flex;
                flex-direction: row;
                justify-content: right;
                align-items: center;
                position: absolute;
                top: 0px;
                right: 0px;
                left: 0px;
                margin-top: 18px;
                margin-left: 0;
                width: 99%;
            }
    
            .mobilere{
                background: white;
                text-align: center;
                height: 200px;
                width: 766px;
                position: absolute;
                z-index: 1;
                top: 70px;
                right: 0;
                left: 0;
                margin-left:auto;
                margin-right: auto;
                border: 1px solid #F06129;
            }
    
            .mobilere a{
                text-decoration: underline;
                margin: 20px;
                font-size: 22px;
                font-weight: 400;
                color: #000000;
                font-family: Roboto;
                display: flex;
                flex-direction: column;
                justify-content: space-evenly;
                line-height: 25.78px;
                text-decoration: none;
                transition: .3s ease-in;
            }
    
            .mobilere a:hover{
                color: #F06129;
                transform: scale(1.1);
            }
    
            .mobilere a.c{
                margin-left: 100px;
                margin-top: 10px;
                margin-bottom: 0px;
            }
    
            .mobilere a#a{
                margin-bottom: 0px;
                margin-top: 20px;
            }
    
    
            .mobilere a.cv{
                margin-left: 100px;
                margin-top: 10px;
            }
    
            .mobilere a.about{
                margin-top: 20px;
            }

            #a:hover{
                border-bottom: none;
            }
    

            .div7{
                display: none;
            }

            .div3{
                display: none;
            }

            .mobile{
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                width: 100%;
                margin-top: 10px;
            }

            .div2{
            height: 80px;
            }

            .icon{
                margin-right: 10px;
            }

            .div8{
                width: 100%;
                padding-top: 100px;
            }

            .div6{
                margin-left: auto;
                margin-right: auto;
                width: 80%;
                height: 500px;
            }

            .back{
                height: 700px;
            }

            .div5{
                height: 700px;
            }

            .row{
                margin-top: 100px;
                width: 95%;
                margin-left: 18px;
                margin-right: auto;
            }

            .row1{
                width: 170px;
                height: 200px;
            }

            .row1 p{
                font-size: 15px;
            }

            .person{
                width: 100%;
                height: 403px;
            }
    
            .person1{
                width: 25%;
                height: 403px;
            }
    
            .person2{
                width: 25%;
            }
    
            .person3{
                width: 25%;
            }
    
            .person4{
                width: 25%;
            }
            .person1 img{
                width: 100%;
                height: 403px;
            }
    
            .person2 img{
                width: 100%;
                height: 403px;
            }
    
            .person3 img{
                width: 100%;
                height: 403px;
            }
    
            .person4 img{
                width: 100%;
                height: 403px;
            }
    
            .h1{
                width: 25%;
                height: 403px;
                padding: 0;
            }

            .h1 h1{
                padding-left: 15px;
            }

            .h1 p{
                padding-left: 15px;
            }

            .h2 h1{
                padding-left: 15px;
            }

            .h2 p{
                padding-left: 15px;
            }

            .h3 h1{
                padding-left: 15px;
            }

            .h3 p{
                padding-left: 15px;
            }

            .h4 h1{
                padding-left: 15px;
            }

            .h4 p{
                padding-left: 15px;
            }
    
            .h2{
                width: 25%;
                height: 403px;
                margin-left: 190px;
                padding: 0;
            }
    
            .h3{
                width: 25%;
                height: 403px;
                margin-left: 380px;
                padding: 0;
            }
    
            .h4{
                width: 25%;
                height: 403px;
                margin-left: 573px;
                padding: 0;
            }

            #active{
                padding-left: 15px;
            }

            .five{
                width: 100%;
                height: 1500px;
            }

            .service{
                width: 83%;
            }

            .our{
                height: 300px;
                width: 300px;
            }

            .our1{
                height: 300px;
                width: 300px;
            }

            .our2{
                height: 300px;
                width: 300px;
            }

            .our3{
                height: 300px;
                width: 300px;
            }

            .our4{
                height: 300px;
                width: 300px;
            }

            .our5{
                height: 300px;
                width: 300px;
            }

            .our6{
                height: 300px;
                width: 300px;
            }

            .our7{
                height: 300px;
                width: 300px;
            }

            .our img{
                height: 300px;
                width: 300px;
            }

            .our1 img{
                height: 300px;
                width: 300px;
            }

            .our2 img{
                height: 300px;
                width: 300px;
            }

            .our3 img{
                height: 300px;
                width: 300px;
            }

            .our4 img{
                height: 300px;
                width: 300px;
            }

            .our5 img{ 
                height: 300px;
                width: 300px;
            }

            .our6 img{
                height: 300px;
                width: 300px;
            }

            .our7 img{
                height: 300px;
                width: 300px;
            }

            .os{
                height: 300px;
                width: 281px;
            }

            .os1{
                height: 300px;
                width: 281px;
                margin-left: 335px;
            }

            .os2{
                height: 300px;
                width: 281px;
                margin-top: 330px;
            }

            .os3{
                height: 300px;
                width: 281px;
                margin-left: 335px;
                margin-top: 330px;
            }

            .os4{
                height: 300px;
                width: 281px;
                margin-top: 660px;
            }

            .os5{
                height: 300px;
                width: 281px;
                margin-left: 335px;
                margin-top: 660px;
            }

            .os6{
                height: 300px;
                width: 281px;
                margin-top: 990px;
            }

            .os7{
                height: 300px;
                width: 281px;
                margin-left: 335px;
                margin-top: 990px;
            }

            .e1{
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: space-between;
                height: 700px;
                width: 80%;
            }

            .eight{
                height: 800px;
            }

            .eight1{
                height: 800px;
            }

            .ss{
                height: 100px;
            }

            .s1{
                height: 250px;
            }

            .s2{
                height: 250px;
            }

            .frame{
                width: 100%;
            }

            .frame1{
                width: 100%;
                margin-left: auto;
                margin-right: auto;
            }

            .marge{
                font-size: 9px;
            }

            .marge2{
                font-size: 9px;
            }

            .marge3{
                font-size: 9px;
            }

            .in3 a{
                margin-top: 0;
            }

            .us{
                font-size: 11px;
            }

            .ind{
                font-size: 10px;
                margin-left: 0;
            }

            .po{
                font-size: 11px;
            }

            .in1{
                padding-top: 10px;
            }

            .in2{
                padding-top: 10px;
            }

            .in3{
                padding-top: 10px;
            }

}

@media screen and (max-width: 912px) {
    .h2{
        width: 25%;
        height: 403px;
        margin-left: 228px;
        padding: 0;
    }

    .h3{
        width: 25%;
        height: 403px;
        margin-left: 456px;
        padding: 0;
    }

    .h4{
        width: 25%;
        height: 403px;
        margin-left: 684px;
        padding: 0;
    }

    .row{
        margin-left: 20px;
    }

    .service{
        width: 70%;
    }
}

@media screen and (max-width: 853px) {
    .h2{
        width: 25%;
        height: 403px;
        margin-left: 213px;
        padding: 0;
    }

    .h3{
        width: 25%;
        height: 403px;
        margin-left: 427px;
        padding: 0;
    }

    .h4{
        width: 25%;
        height: 403px;
        margin-left: 638px;
        padding: 0;
    }

    .row{
        margin-left: 20px;
    }

    .service{
        width: 78%;
    }
}


@media screen and (max-width: 820px) {
    .h2{
        width: 25%;
        height: 403px;
        margin-left: 204px;
        padding: 0;
    }

    .h3{
        width: 25%;
        height: 403px;
        margin-left: 410px;
        padding: 0;
    }

    .h4{
        width: 25%;
        height: 403px;
        margin-left: 613px;
        padding: 0;
    }

    .row{
        margin-left: 20px;
    }

    .service{
        width: 80%;
    }
}

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


    .five{
        height: 1500px;
    }

    .five1{
        height: 1500px;
    }

    .mobile{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-self: center;
    }

    .icon{
        display: flex;
        flex-direction: row;
        justify-content: right;
        align-items: center;
        position: absolute;
        top: 0px;
        right: 0px;
        left: 0px;
        margin-top: 18px;
        margin-left: 0;
        width: 99%;
    }

    .mobilere{
        background: white;
        text-align: center;
        height: 200px;
        width: 766px;
        position: absolute;
        z-index: 1;
        top: 70px;
        right: 0;
        left: 0;
        margin-left:auto;
        margin-right: auto;
        border: 1px solid #F06129;
    }

    .mobilere a{
        text-decoration: underline;
        margin: 20px;
        font-size: 22px;
        font-weight: 400;
        color: #000000;
        font-family: Roboto;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        line-height: 25.78px;
        text-decoration: none;
        transition: .3s ease-in;
    }

    .mobilere a:hover{
        color: #F06129;
        transform: scale(1.1);
    }

    .mobilere a.c{
        margin-left: 100px;
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .mobilere a#a{
        margin-bottom: 0px;
        margin-top: 20px;
    }


    .mobilere a.cv{
        margin-left: 100px;
        margin-top: 10px;
    }

    .mobilere a.about{
        margin-top: 20px;
    }

    #a:hover{
        border-bottom: none;
    }


    .div7{
        display: none;
    }

    .div3{
        display: none;
    }

    .mobile{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin-top: 10px;
    }

    .div2{
    height: 80px;
    }

    .icon{
        margin-right: 10px;
    }

    .div8{
        width: 100%;
        padding-top: 100px;
    }

    .div6{
        margin-left: auto;
        margin-right: auto;
        width: 80%;
        height: 500px;
    }

    .back{
        height: 700px;
    }

    .div5{
        height: 700px;
    }

    .row{
        margin-top: 100px;
        width: 95%;
        margin-left: 18px;
        margin-right: auto;
    }

    .row1{
        width: 170px;
        height: 200px;
    }

    .row1 p{
        font-size: 15px;
    }

    .person{
        width: 100%;
        height: 403px;
    }

    .person1{
        width: 25%;
        height: 403px;
    }

    .person2{
        width: 25%;
    }

    .person3{
        width: 25%;
    }

    .person4{
        width: 25%;
    }
    .person1 img{
        width: 100%;
        height: 403px;
    }

    .person2 img{
        width: 100%;
        height: 403px;
    }

    .person3 img{
        width: 100%;
        height: 403px;
    }

    .person4 img{
        width: 100%;
        height: 403px;
    }

    .h1{
        width: 25%;
        height: 403px;
        padding: 0;
    }

    .h1 h1{
        padding-left: 15px;
    }

    .h1 p{
        padding-left: 15px;
    }

    .h2 h1{
        padding-left: 15px;
    }

    .h2 p{
        padding-left: 15px;
    }

    .h3 h1{
        padding-left: 15px;
    }

    .h3 p{
        padding-left: 15px;
    }

    .h4 h1{
        padding-left: 15px;
    }

    .h4 p{
        padding-left: 15px;
    }

    .h2{
        width: 25%;
        height: 403px;
        margin-left: 191px;
        padding: 0;
    }

    .h3{
        width: 25%;
        height: 403px;
        margin-left: 383px;
        padding: 0;
    }

    .h4{
        width: 25%;
        height: 403px;
        margin-left: 575px;
        padding: 0;
    }

    #active{
        padding-left: 15px;
    }

    .five{
        width: 100%;
        height: 1500px;
    }

    .service{
        width: 83%;
    }

    .our{
        height: 300px;
        width: 300px;
    }

    .our1{
        height: 300px;
        width: 300px;
    }

    .our2{
        height: 300px;
        width: 300px;
    }

    .our3{
        height: 300px;
        width: 300px;
    }

    .our4{
        height: 300px;
        width: 300px;
    }

    .our5{
        height: 300px;
        width: 300px;
    }

    .our6{
        height: 300px;
        width: 300px;
    }

    .our7{
        height: 300px;
        width: 300px;
    }

    .our img{
        height: 300px;
        width: 300px;
    }

    .our1 img{
        height: 300px;
        width: 300px;
    }

    .our2 img{
        height: 300px;
        width: 300px;
    }

    .our3 img{
        height: 300px;
        width: 300px;
    }

    .our4 img{
        height: 300px;
        width: 300px;
    }

    .our5 img{ 
        height: 300px;
        width: 300px;
    }

    .our6 img{
        height: 300px;
        width: 300px;
    }

    .our7 img{
        height: 300px;
        width: 300px;
    }

    .os{
        height: 300px;
        width: 281px;
    }

    .os1{
        height: 300px;
        width: 281px;
        margin-left: 335px;
    }

    .os2{
        height: 300px;
        width: 281px;
        margin-top: 330px;
    }

    .os3{
        height: 300px;
        width: 281px;
        margin-left: 335px;
        margin-top: 330px;
    }

    .os4{
        height: 300px;
        width: 281px;
        margin-top: 660px;
    }

    .os5{
        height: 300px;
        width: 281px;
        margin-left: 335px;
        margin-top: 660px;
    }

    .os6{
        height: 300px;
        width: 281px;
        margin-top: 990px;
    }

    .os7{
        height: 300px;
        width: 281px;
        margin-left: 335px;
        margin-top: 990px;
    }

    .e1{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        height: 700px;
        width: 80%;
    }

    .eight{
        height: 800px;
    }

    .eight1{
        height: 800px;
    }

    .ss{
        height: 100px;
    }

    .s1{
        height: 250px;
    }

    .s2{
        height: 250px;
    }

    .frame{
        width: 100%;
    }

    .frame1{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .marge{
        font-size: 9px;
    }

    .marge2{
        font-size: 9px;
    }

    .marge3{
        font-size: 9px;
    }

    .in3 a{
        margin-top: 0;
    }

    .us{
        font-size: 11px;
    }

    .ind{
        font-size: 10px;
        margin-left: 0;
    }

    .po{
        font-size: 11px;
    }

    .in1{
        padding-top: 10px;
    }

    .in2{
        padding-top: 10px;
    }

    .in3{
        padding-top: 10px;
    }

}

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

    element.style{
        margin-left: 150px;
    }
    .div1{
        width: 100%;
        background-color: #ffffff;
    }

    .div2{
        width: 100%;
        height: 70px;
        margin-left: auto;
        margin-right: auto;
    }

    .div3{
        display: none;
    }

    .mobile{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-self: center;
    }

    .icon{
        display: flex;
        flex-direction: row;
        justify-content: right;
        align-items: center;
        position: absolute;
        top: 0px;
        right: 0px;
        left: 0px;
        margin-top: 15px;
        margin-left: 0;
        width: 99%;
        margin-right: 0;
    }

    .mobilere{
        background: white;
        text-align: center;
        height: 200px;
        width: 420px;
        position: absolute;
        z-index: 1;
        top: 70px;
        right: 0;
        left: 0;
        margin-left:auto;
        margin-right: auto;
        border: 1px solid #F06129;
    }

    .mobilere a{
        text-decoration: underline;
        margin: 20px;
        font-size: 22px;
        font-weight: 400;
        color: #000000;
        font-family: Roboto;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        line-height: 25.78px;
        text-decoration: none;
        transition: .3s ease-in;
    }

    .mobilere a:hover{
        color: #F06129;
        transform: scale(1.1);
    }

    .mobilere a.c{
        margin-left: 100px;
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .mobilere a#a{
        margin-bottom: 0px;
        margin-top: 20px;
    }


    .mobilere a.cv{
        margin-left: 100px;
        margin-top: 10px;
    }

    .mobilere a.about{
        margin-top: 20px;
    }

    .div3 a.d{
        display: none;
    }

    .div3 a#button{
        display: none;
    }


    .div7{
        display: none;
    }


    .div4{
        width: 100%;
        background: url('images/Group_1000003599.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .div5{
        width: 100%;
        height: 301px;
        font-family: Roboto;
        background: none;
        margin-left: auto;
        margin-right: auto;
    }

    .back{
        width: 100%;
        height: 301px;
        margin-left: auto;
        margin-right: auto;
    }

 
    .div8{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 90%;
        height: 200px;
        padding-top: 15px;
        margin-left: auto;
        margin-right: auto;
    }

    .div6{
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        height: 200px;
    }

    .div6 h1{
        font-size: 22px;
        line-height: 25px;
        font-weight: 700;
        color: #ffffff;
    }

    .div6 p{
        font-size: 10px;
        line-height: 12px;
        font-weight: 400;
        color: #ffffff;
    }

    .row{
        display: none;
    }

    .row2{
        display: flex;
        flex-direction: column;
        position: absolute;
        justify-content: space-between;
        width: 200px;
        height: 840px;
        top: 0;
        left: 0;
        margin-left: 150px;
        margin-top: 300px;
    }

    .row3{
        width: 239px;
        height: 200px;
        display: block;
        background-color: #ffffff;
        align-items: center;
        border-radius: 10px;
        align-items: center;
        font-family: Roboto;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0,0), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
    }

    .row3 img{
        height: 56px;
        width: 56px;
        margin-top: 30px;
    }

    .row3 h1{
        font-family: Roboto;
        font-size: 30px;
        font-weight: 700;
        line-height: 50.7px;
        color: #07568C;
    }

    .row3 p{
        font-family: Roboto;
        font-size: 20px;
        font-weight: 500;
        line-height: 24px;
        color: #777777;
    }

    video{
        margin-top: 620px;
        width: 295px;
        height: 161px;
    }

    .col1{
        width: 100%;
        height: 2250px;
    }

    .margin{
        width: 100%;
        height: 2350px;
        margin-left: auto;
        margin-right: auto;
    }

    .main{
        width: 100%;
        height: 2200px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 142px;
        display: flex;
        flex-direction: column;
    }

    .main p{
        font-size: 11.70px;
        font-family: Roboto;
        line-height: 18px;
        font-weight: 400;
        color: #323C6A;
        margin-top: -100px;
    }


    .forth{
        width: 100%;
        background-color: #FFFFFFFC;
    }

    .forth1{
        height: 1412px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .fix{
        width: 100%;
        height: 1000px;
        margin-left: 0px;
        margin-top: 50px;
        margin-right: auto;
        display: block;
        flex-direction: column;
    }

    .person{
        display: flex;
        flex-direction: column;
        height: 425px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        box-shadow: none;
    }

    .person1{
        position: relative;
        width: 100%;
        height: 425px;
    }

    .person1 img{
        height: 425px;
        width: 100%;
    }

    .person2 img{
        height: 425px;
        width: 100%;
    }

    .person3 img{
        height: 425px;
        width: 100%;
    }

    .person4 img{
        height: 425px;
        width: 100%;
    }


    .h1{
       background: url('images/Rectangle_395.png');
       background-repeat: no-repeat;
       position: absolute;
       height: 425px;
       width: 99.9%;
       display: flex;
       flex-direction: column;
       justify-content: end;
       padding-left: 10px;
       transition: .2s ease-in;
       cursor: pointer;
       padding: 0;
    }

    .h1:hover{
        letter-spacing: 1px;
    }

    .h1 h1{
        padding-left: 15px;
        font-size: 30px;
        font-weight: 600;
        line-height: 42px;
        color: #ffffff;
        font-family: Roboto;
    }

    .h1 p{
        padding-left: 15px;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        font-family: Roboto;
        color: #ffffff;
        padding-top: 110px;
    }



    .person2{
        position: relative;
        width: 100%;
        height: 425px;
    }

    .h2{
       position: absolute;
       margin-left: 0px;
       background: url('images/Rectangle_395.png');
       background-repeat: no-repeat;
       height: 425px;
       width: 99.9%;
       display: flex;
       flex-direction: column;
       justify-content: end;
       padding-left: 10px;
       transition: .2s ease-in;
       cursor: pointer;
       margin-top: 425px;
       padding: 0;
    }

    .h2:hover{
        letter-spacing: 1px;
    }

    .h2 h1{
        padding-left: 15px;
        font-size: 30px;
        font-weight: 600;
        line-height: 42px;
        color: #ffffff;
        font-family: Roboto;
    }

    .h2 p{
        padding-left: 15px;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        font-family: Roboto;
        color: #ffffff;
        padding-top: 100px;
    }

    .person3{
        position: relative;
        width: 100%;
        height: 425px;
    }

    .h3{
       position: absolute;
       margin-left: 0px;
       background: url('images/Rectangle_395.png');
       background-repeat: no-repeat;
       height: 425px;
        width: 99.9%;
       display: flex;
       flex-direction: column;
       justify-content: end;
       padding-left: 10px;
       transition: .3s ease-in;
       cursor: pointer;
       margin-top: 849px;
       padding: 0;
    }

    .h3:hover{
        letter-spacing: 1px;
    }

    .h3 h1{
        padding-left: 15px;
        font-size: 30px;
        font-weight: 600;
        line-height: 42px;
        color: #ffffff;
        font-family: Roboto;
    }

    .h3 p{
        padding-left: 15px;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        font-family: Roboto;
        color: #ffffff;
        padding-top: 100px;
    }


    .person4{
        position: relative;
        width: 100%;
        height: 425px;
    }

   .h4{
        position: absolute;
        margin-left: 0px;
        background: url('images/Rectangle_395.png');
        background-repeat: no-repeat;
        height: 425px;
        width: 99.9%;
        display: flex;
        flex-direction: column;
        justify-content: end;
        padding-left: 10px;
        transition: .2s ease-in;
        cursor: pointer;
        margin-top: 1274px;
        padding: 0;
    }

    .h4:hover{
        letter-spacing: 1px;
    }

    .h4 h1{
        font-size: 30px;
        font-weight: 600;
        line-height: 42px;
        color: #ffffff;
        font-family: Roboto;
        padding-left: 15px;
    }

    .h4 p{
        padding-left: 15px;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        font-family: Roboto;
        color: #ffffff;
        padding-top: 100px;
    }
    

    .cen{
        text-align: center;
        font-family: Roboto;
        font-weight: 700;
        font-size: 27px;
        line-height: 31px;
        color: #323C6A;
        margin-top: 70px;
        margin-bottom: 70px;
    }

    #active{
        color: #FF895A;
        font-size: 25px;
        font-weight: 500;
        font-family: Roboto;
        line-height: 40px;
        padding-top: 10px;
        text-decoration: none;
        padding-bottom: 30px;
        padding-left: 15px;
    }


    #active img{
        height: 13px;
    }

   .five{
        width: 100%;
        height: 2750px;
        background-color: #FFFFFF;
    }

    .five1{
        width: 100%;
        height: 2600px;
        margin-top: 400px;
        margin-left: auto;
        margin-right: auto;
    }

    .pos{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .service{
        display: inline-block;
        width: 294px;
        margin-top: 40px;
    }

    .our{
        position: relative;
        margin-left: 0;
    }

    .our img{
        height: 269px;
        width: 294px;
        border-radius: 15px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
    }

    .os{
       position: absolute;
       background: url('images/Rectangle_396.png');
       background-repeat: no-repeat;
       background-size: 294px 269px;
       border-radius: 15px;
       height: 269px;
       width: 294px;
       display: flex;
       flex-direction: column;
       justify-content: end;
       padding-left: 0px;
       margin-top: -300px;
       margin-left: 0;
    }

    .os h1{
        font-size: 25px;
        margin-left: 12px;
        font-weight: 700;
        line-height: 25px;
        font-family: Roboto;
        color: #ffffff;
    }

    .our1{
        position: relative;
        margin-left: 0px;
        margin-top: 35px;
    }

    .our1 img{
        height: 269px;
        width: 294px;
        border-radius: 15px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
    }

    .os1{
       position: absolute;
       background: url('images/Rectangle_396.png');
       background-repeat: no-repeat;
       background-size: 294px 269px;
       border-radius: 15px;
       height: 269px;
       width: 294px;
       display: flex;
       flex-direction: column;
       justify-content: end;
       padding-left: 0px;
       margin-top: -300px;
       margin-left: 0;
    }

    .os1 h1{
        font-size: 25px;
        margin-left: 12px;
        font-weight: 700;
        line-height: 25px;
        font-family: Roboto;
        color: #ffffff;
        padding-bottom: 50px;
    }


    .our2{
        position: relative;
        margin-left: 0;
    }

    .our2 img{
        height: 269px;
        width: 294px;
        border-radius: 15px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
    }

    .os2{
        position: absolute;
        background: url('images/Rectangle_396.png');
        background-repeat: no-repeat;
        background-size: 294px 269px;
        border-radius: 15px;
        height: 269px;
        width: 294px;
        display: flex;
        flex-direction: column;
        justify-content: end;
        margin-top: -300px;
        margin-left: 0;
        padding-left: 0;
    }

    .os2 h1{
        font-size: 25px;
        margin-left: 12px;
        font-weight: 700;
        line-height: 25px;
        font-family: Roboto;
        color: #ffffff;
    }


    .our3{
        position: relative;
        margin-left: 0;
    }

    .our3 img{
        height: 269px;
        width: 294px;
        border-radius: 15px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
    }

    .os3{
        position: absolute;
        background: url('images/Rectangle_396.png');
        background-repeat: no-repeat;
        background-size: 294px 269px;
        border-radius: 15px;
        height: 269px;
        width: 294px;
        display: flex;
        flex-direction: column;
        justify-content: end;
        padding-left: 0px;
        margin-top: -300px;
        margin-left: 0;
    }

    .os3 h1{
        font-size: 25px;
        margin-left: 12px;
        font-weight: 700;
        line-height: 25px;
        font-family: Roboto;
        color: #ffffff;
        padding-bottom: 50px;
    }

    .our4{
        position: relative;
        margin-left: 0;
    }

    .our4 img{
        height: 269px;
        width: 294px;
        border-radius: 15px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
    }

    .os4{
        position: absolute;
        background: url('images/Rectangle_396.png');
        background-repeat: no-repeat;
        background-size: 294px 269px;
        border-radius: 15px;
        height: 269px;
        width: 294px;
        display: flex;
        flex-direction: column;
        justify-content: end;
        padding-left: 0px;  
        margin-left: 0;   
        margin-top: -300px;     
    }

    .os4 h1{
        font-size: 25px;
        margin-left: 12px;
        font-weight: 700;
        line-height: 25px;
        font-family: Roboto;
        color: #ffffff;
    }

    .our5{
        position: relative;
        margin-left: 0;
        margin-top: 0;
    }

    .our5 img{
        height: 269px;
        width: 294px;
        border-radius: 15px;
        margin-top: 30px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
    }

    .os5{
        position: absolute;
        background: url('images/Rectangle_396.png');
        background-repeat: no-repeat;
        background-size: 294px 269px;
        border-radius: 15px;
        height: 269px;
        width: 294px;
        display: flex;
        flex-direction: column;
        justify-content: end;
        padding-left: 0px;
        margin-left: 0;
        margin-top: -270px;
    }

    .os5 h1{
        font-size: 25px;
        margin-left: 12px;
        font-weight: 700;
        line-height: 25px;
        font-family: Roboto;
        color: #ffffff;
        padding-bottom: 50px;
    }


    .our6{
        position: relative;
        margin-left: 0;
        margin-top: 70px;
    }

    .our6 img{
        height: 269px;
        width: 294px;
        border-radius: 15px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
    }

    .os6{
        position: absolute;
        background: url('images/Rectangle_396.png');
        background-repeat: no-repeat;
        background-size: 294px 269px;
        border-radius: 15px;
        height: 269px;
        width: 294px;
        display: flex;
        flex-direction: column;
        justify-content: end;
        padding-left: 0px;
        margin-top: -300px;
        margin-left: 0;
    }

    .os6 h1{
        font-size: 25px;
        margin-left: 12px;
        font-weight: 700;
        line-height: 25px;
        font-family: Roboto;
        color: #ffffff;
        padding-bottom: 50px;
    }


    .our7{
        position: relative;
        margin-left: 0;
    }

    .our7 img{
        height: 269px;
        width: 294px;
        border-radius: 15px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
    }

    .os7{
        position: absolute;
        background: url('images/Rectangle_396.png');
        background-repeat: no-repeat;
        background-size: 294px 269px;
        border-radius: 15px;
        height: 269px;
        width: 294px;
        display: flex;
        flex-direction: column;
        justify-content: end;
        padding-left: 0px;
        margin-top: -300px;
        margin-left: 0;
    }

    .os7 h1{
        font-size: 25px;
        margin-left: 12px;
        font-weight: 700;
        line-height: 25px;
        font-family: Roboto;
        color: #ffffff;
    }


    .final{
        margin-top: 40px;
        font-family: Roboto;
        font-weight: 700;
        font-size: 32px;
        line-height: 52px;
        color: #323C6A;
    }


    .six{
        width: 100%;
        background-color: #F4FAFF;
    }

    .six1{
        width: 100%;
        height: 350px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .mar{
        margin-top: 30px;
        height: 76px;
    }

    .mar h1{
        font-family: Roboto;
        font-weight: 600;
        font-size: 27px;
        line-height: 32px;
        padding-top: 30px;
        color: #323C6A;
    }

    .mar p{
        font-family: Roboto;
        font-weight: 400;
        font-size: 10px;
        line-height: 11px;
        color: #323C6A;
        padding-top: 20px;
    }

    .map{
       text-align: center;
       height: 0;
    }

    .i{
        background: url('images/naksha.png');
        background-repeat: no-repeat;
        background-position: center;
        height: 400px;
        margin-left: auto;
        margin-right: auto;
    }




    .seven{
        width: 100%;
        background: #FFFFFF;
    }

    .seven1{
        width: 100%;
        height: 1050px;
        margin-left: auto;
        margin-right: auto;
    }

    .frame{
        width: 100%;
        height: 1100px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

    .frame1{
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        margin-top: -170px;
        height: 820px;
        width: 100%;
    }

    .slide1{
        height: 32.6px;
        width: 30px;
        background-color: #F06129;
        color: #FFFFFF;
        border-radius: 5px;
        display: none;
        justify-content: center;
        align-items: center;
        padding: 5px;
        font-size: 30px;
        font-weight: 700;
        margin-top: 125px;
        margin-right: 40px;
        cursor: pointer;
        border: 2px solid transparent;
        transition: .2s ease-in;
    }

    .slide1:hover{
        background-color: #ffffff;
        border: 2px solid #F06129;
        color: #000000;
    }

    .slide2{
        height: 32.6px;
        width: 30px;
        background-color: #F06129;
        color: #FFFFFF;
        border-radius: 5px;
        display: none;
        justify-content: center;
        align-items: center;
        padding: 5px;
        font-size: 30px;
        font-weight: 700;
        margin-top: 125px;
        margin-left: 40px;
        cursor: pointer;
        border: 2px solid transparent;
        transition: .2s ease-in;
    }

    .slide2:hover{
        background-color: #ffffff;
        border: 2px solid #F06129;
        color: #000000;
    }

    .in1{
        height: 210px;
        width: 253px;
        padding: 30px;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: auto;
        margin-right: auto;
        background-color: #4B4F69;
        border: 2px solid rgb(131, 134, 255);
        border-radius: 28px;
        transition: .2s ease-in;
        padding-top: 15px;
    }

    .in1:hover{
        transform: scale(1.10);
    }

    .in1 a{
        display: flex;
        text-decoration: none;
        margin-top: 20px;
        font-size: 14px;
        font-weight: 600;
        color: #FFFFFF;
    }

    .marge{
        margin-top: 10px;
        color: #FFFFFF;
        font-family: Roboto;
        font-weight: 400;
        font-size: 12.42px;
        line-height: 16px;
    }
    
    .star{
        margin-top: -15px;
    }

    .us{
        margin-left: 5px;
        font-family: Roboto;
    }

    .in2{
        height: 180px;
        width: 250px;
        padding: 30px;
        background-color: #4B4F69;
        border: 2px solid rgb(131, 134, 255);
        border-radius: 28px;
        transition: .2s ease-in;
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: auto;
        margin-right: auto;
    }

    .in2:hover{
        transform: scale(1.10);
    }

    .in2 a{
        display: flex;
        text-decoration: none;
        margin-top: 25px;
        font-size: 13px;
        font-weight: 600;
        color: #FFFFFF;
        margin-left: -5px;
        margin-right: -20px;
        text-align: center;
    }

    .ind{
        margin-left: 5px;
    }

    .marge2{
        margin-top: 10px;
        color: #FFFFFF;
        font-family: Roboto;
        font-weight: 400;
        font-size: 12.42px;
        line-height: 16px;
    }

    .star2{
        margin-top: -15px;
    }
    
    .in3{
        height: 230px;
        width: 250px;
        padding: 30px;
        background-color: #4B4F69;
        border: 2px solid rgb(131, 134, 255);
        border-radius: 28px;
        transition: .2s ease-in;
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: auto;
        margin-right: auto;
    }

    .in3:hover{
        transform: scale(1.10);
    }

    .star3{
        margin-top: -15px;
    }

    .in3 a{
        display: flex;
        flex-direction: row;
        align-items: center;
        text-decoration: none;
        margin-top: 20px;
        font-size: 13px;
        font-weight: 600;
        color: #FFFFFF;
    }

    .marge3{
        margin-top: 10px;
        color: #FFFFFF;
        font-family: Roboto;
        font-weight: 400;
        font-size: 12.42px;
        line-height: 16px;
    }

    .text{
        font-weight: 500;
        font-family: Roboto;
        font-size: 25px;
        margin-left: -10px;
        line-height: 31px;
        color: #323C6A;
        text-align: center;
        margin-top: -50px;
    }

    .text1{
        font-weight: 400;
        font-family: Roboto;
        font-size: 15px;
        margin-left: -10px;
        line-height: 18px;
        color: #323C6A;
        text-align: center;
        margin-top: -180px;
    }

    .usimage{
        width: 25px;
    }

    .widt{
        height: 15px;
    }

    .hei{
        height: 20px;
    }

    .po{
        margin-left: 5px;
    }

    .eight{
        width: 100%;
        background-color: #152263;
        height: 1200px;
    }

    .eight1{
        width: 100%;
        height: 1200px;
        margin-left: auto;
        margin-right: auto;
    }

    .e1{
        width: 350px;
        height: 1100px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 50px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }


    .s1{
        width: 320px;
        height: 150px;
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .s2{
        width: 320px;
        height: 280px;
        display: flex;
        flex-direction: column;
    }

    .sg{
        width: 216px;
        height: 97px;
    }

    .we{
        font-family: Roboto;
        font-weight: 400;
        font-size: 18px;
        line-height: 21px;
        color: #FFFFFF;
    }

    .use{
        font-family: Roboto;
        font-size: 20px;
        line-height: 24px;
        font-weight: 400;
        color: #F2DD16; 
        padding-bottom: 
        10px;
        padding-left: 0px;
    }

    .aql{
        font-family: Roboto;
        font-size: 15px;
        line-height: 30px;
        font-weight: 400;
        color: #FFFFFF; 
        text-decoration: none;
        padding-left: 0px;
    }

    #search{
        width: 250px;
        border-radius: 5px 0px 0px 5px;
        height: 50px;
        margin: 0px;
        font-size: 20px;
        padding: 17px;
        font-weight: 500;
        font-family: Roboto;
        color: #6C6E72;
        border: none;
    }

    .sp{
        border-radius: 0px 5px 5px 0px;
        height: 50px;
        cursor: pointer;
    }

    .spa{
        display: flex;
        flex-direction: row;
    }

    .social{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 295px;
    }

    .pc{
        display: none;
    }

    .pc1{
        display: inline;
        text-align: center;
        font-family: Roboto;
        font-size: 18px;
        font-weight: 400;
        line-height: 21px;
        color: #ffffff;
    }

    .ss{
        height: 100px;
    }

    .ss1{
        height: 250px;
    }

    .aut{
        margin-left: auto;
        margin-right: auto;
    }

    .row3 .division{
        margin-top: 0;
        font-size: 20px;
        font-weight: 500;
        color: #07568C;
    }

    #a:hover{
        border-bottom: none;
        font-weight: normal;
    }

}

@media screen and  (min-device-width: 320px) and (max-device-width: 539px){

    .div1{
        width: 100%;
        background-color: #ffffff;
    }

    .div2{
        width: 100%;
        height: 70px;
        margin-left: auto;
        margin-right: auto;
    }

    .div3{
        display: none;
    }

    .mobile{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-self: center;
    }

    .icon{
        display: flex;
        flex-direction: row;
        justify-content: right;
        align-items: center;
        position: absolute;
        top: 0px;
        right: 0px;
        left: 0px;
        margin-top: 15px;
        margin-left: 0;
        width: 99%;
        margin-right: 0;
    }

    .mobilere{
        background: white;
        text-align: center;
        height: 200px;
        width: 420px;
        position: absolute;
        z-index: 1;
        top: 70px;
        right: 0;
        left: 0;
        margin-left:auto;
        margin-right: auto;
        border: 1px solid #F06129;
    }

    .mobilere a{
        text-decoration: underline;
        margin: 20px;
        font-size: 22px;
        font-weight: 400;
        color: #000000;
        font-family: Roboto;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        line-height: 25.78px;
        text-decoration: none;
        transition: .3s ease-in;
    }

    .mobilere a:hover{
        color: #F06129;
        transform: scale(1.1);
    }

    .mobilere a.c{
        margin-left: 100px;
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .mobilere a#a{
        margin-bottom: 0px;
        margin-top: 20px;
    }


    .mobilere a.cv{
        margin-left: 100px;
        margin-top: 10px;
    }

    .mobilere a.about{
        margin-top: 20px;
    }

    .div3 a.d{
        display: none;
    }

    .div3 a#button{
        display: none;
    }


    .div7{
        display: none;
    }


    .div4{
        width: 100%;
        background: url('images/Group_1000003599.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .div5{
        width: 100%;
        height: 301px;
        font-family: Roboto;
        background: none;
        margin-left: auto;
        margin-right: auto;
    }

    .back{
        width: 100%;
        height: 301px;
        margin-left: auto;
        margin-right: auto;
    }

 
    .div8{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 95%;
        height: 200px;
        padding-top: 15px;
        margin-left: auto;
        margin-right: auto;
    }

    .div6{
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        height: 200px;
        width: 100%;
    }

    .div6 h1{
        font-size: 22px;
        line-height: 25px;
        font-weight: 700;
        color: #ffffff;
    }

    .div6 p{
        font-size: 10px;
        line-height: 12px;
        font-weight: 400;
        color: #ffffff;
    }

    .row{
        display: none;
    }

    .row2{
        display: flex;
        flex-direction: column;
        position: absolute;
        justify-content: space-between;
        width: 200px;
        height: 840px;
        top: 0;
        left: 0;
        margin-left: 93px;
        margin-top: 300px;
    }

    .row3{
        width: 239px;
        height: 200px;
        display: block;
        background-color: #ffffff;
        align-items: center;
        border-radius: 10px;
        align-items: center;
        font-family: Roboto;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0,0), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
    }

    .row3 img{
        height: 56px;
        width: 56px;
        margin-top: 30px;
    }

    .row3 h1{
        font-family: Roboto;
        font-size: 30px;
        font-weight: 700;
        line-height: 50.7px;
        color: #07568C;
    }

    .row3 p{
        font-family: Roboto;
        font-size: 20px;
        font-weight: 500;
        line-height: 24px;
        color: #777777;
    }

    video{
        margin-top: 620px;
        width: 295px;
        height: 161px;
    }

    .col1{
        width: 100%;
        height: 2250px;
    }

    .margin{
        width: 100%;
        height: 2350px;
        margin-left: auto;
        margin-right: auto;
    }

    .main{
        width: 100%;
        height: 2200px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 142px;
        display: flex;
        flex-direction: column;
    }

    .main p{
        font-size: 11.70px;
        font-family: Roboto;
        line-height: 18px;
        font-weight: 400;
        color: #323C6A;
        margin-top: -100px;
    }


    .forth{
        width: 100%;
        background-color: #FFFFFFFC;
    }

    .forth1{
        height: 1412px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .fix{
        width: 100%;
        height: 1000px;
        margin-left: 0px;
        margin-top: 50px;
        margin-right: auto;
        display: block;
        flex-direction: column;
    }

    .person{
        display: flex;
        flex-direction: column;
        height: 425px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        box-shadow: none;
    }

    .person1{
        position: relative;
        width: 100%;
        height: 425px;
    }

    .person1 img{
        height: 425px;
        width: 100%;
    }

    .person2 img{
        height: 425px;
        width: 100%;
    }

    .person3 img{
        height: 425px;
        width: 100%;
    }

    .person4 img{
        height: 425px;
        width: 100%;
    }


    .h1{
       background: url('images/Rectangle_395.png');
       background-repeat: no-repeat;
       position: absolute;
       height: 425px;
       width: 99.9%;
       display: flex;
       flex-direction: column;
       justify-content: end;
       padding-left: 10px;
       transition: .2s ease-in;
       cursor: pointer;
       padding: 0;
    }

    .h1:hover{
        letter-spacing: 1px;
    }

    .h1 h1{
        padding-left: 15px;
        font-size: 30px;
        font-weight: 600;
        line-height: 42px;
        color: #ffffff;
        font-family: Roboto;
    }

    .h1 p{
        padding-left: 15px;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        font-family: Roboto;
        color: #ffffff;
        padding-top: 110px;
    }



    .person2{
        position: relative;
        width: 100%;
        height: 425px;
    }

    .h2{
       position: absolute;
       margin-left: 0px;
       background: url('images/Rectangle_395.png');
       background-repeat: no-repeat;
       height: 425px;
       width: 99.9%;
       display: flex;
       flex-direction: column;
       justify-content: end;
       padding-left: 10px;
       transition: .2s ease-in;
       cursor: pointer;
       margin-top: 425px;
       padding: 0;
    }

    .h2:hover{
        letter-spacing: 1px;
    }

    .h2 h1{
        padding-left: 15px;
        font-size: 30px;
        font-weight: 600;
        line-height: 42px;
        color: #ffffff;
        font-family: Roboto;
    }

    .h2 p{
        padding-left: 15px;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        font-family: Roboto;
        color: #ffffff;
        padding-top: 100px;
    }

    .person3{
        position: relative;
        width: 100%;
        height: 425px;
    }

    .h3{
       position: absolute;
       margin-left: 0px;
       background: url('images/Rectangle_395.png');
       background-repeat: no-repeat;
       height: 425px;
        width: 99.9%;
       display: flex;
       flex-direction: column;
       justify-content: end;
       padding-left: 10px;
       transition: .3s ease-in;
       cursor: pointer;
       margin-top: 849px;
       padding: 0;
    }

    .h3:hover{
        letter-spacing: 1px;
    }

    .h3 h1{
        padding-left: 15px;
        font-size: 30px;
        font-weight: 600;
        line-height: 42px;
        color: #ffffff;
        font-family: Roboto;
    }

    .h3 p{
        padding-left: 15px;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        font-family: Roboto;
        color: #ffffff;
        padding-top: 100px;
    }


    .person4{
        position: relative;
        width: 100%;
        height: 425px;
    }

   .h4{
        position: absolute;
        margin-left: 0px;
        background: url('images/Rectangle_395.png');
        background-repeat: no-repeat;
        height: 425px;
        width: 99.9%;
        display: flex;
        flex-direction: column;
        justify-content: end;
        padding-left: 10px;
        transition: .2s ease-in;
        cursor: pointer;
        margin-top: 1274px;
        padding: 0;
    }

    .h4:hover{
        letter-spacing: 1px;
    }

    .h4 h1{
        font-size: 30px;
        font-weight: 600;
        line-height: 42px;
        color: #ffffff;
        font-family: Roboto;
        padding-left: 15px;
    }

    .h4 p{
        padding-left: 15px;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        font-family: Roboto;
        color: #ffffff;
        padding-top: 100px;
    }
    

    .cen{
        text-align: center;
        font-family: Roboto;
        font-weight: 700;
        font-size: 27px;
        line-height: 31px;
        color: #323C6A;
        margin-top: 70px;
        margin-bottom: 70px;
    }

    #active{
        color: #FF895A;
        font-size: 25px;
        font-weight: 500;
        font-family: Roboto;
        line-height: 40px;
        padding-top: 10px;
        text-decoration: none;
        padding-bottom: 30px;
        padding-left: 15px;
    }


    #active img{
        height: 13px;
    }

   .five{
        width: 100%;
        height: 2800px;
        background-color: #FFFFFF;
    }

    .five1{
        width: 100%;
        height: 2800px;
        margin-top: 400px;
        margin-left: auto;
        margin-right: auto;
    }

    .pos{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .service{
        display: inline-block;
        width: 294px;
        margin-top: 40px;
    }

    .our{
        position: relative;
        margin-left: 0;
    }

    .our img{
        height: 269px;
        width: 294px;
        border-radius: 15px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
    }

    .os{
       position: absolute;
       background: url('images/Rectangle_396.png');
       background-repeat: no-repeat;
       background-size: 294px 269px;
       border-radius: 15px;
       height: 269px;
       width: 294px;
       display: flex;
       flex-direction: column;
       justify-content: end;
       padding-left: 0px;
       margin-top: -300px;
       margin-left: 0;
    }

    .os h1{
        font-size: 25px;
        margin-left: 12px;
        font-weight: 700;
        line-height: 25px;
        font-family: Roboto;
        color: #ffffff;
    }

    .our1{
        position: relative;
        margin-left: 0px;
        margin-top: 35px;
    }

    .our1 img{
        height: 269px;
        width: 294px;
        border-radius: 15px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
    }

    .os1{
       position: absolute;
       background: url('images/Rectangle_396.png');
       background-repeat: no-repeat;
       background-size: 294px 269px;
       border-radius: 15px;
       height: 269px;
       width: 294px;
       display: flex;
       flex-direction: column;
       justify-content: end;
       padding-left: 0px;
       margin-top: -300px;
       margin-left: 0;
    }

    .os1 h1{
        font-size: 25px;
        margin-left: 12px;
        font-weight: 700;
        line-height: 25px;
        font-family: Roboto;
        color: #ffffff;
        padding-bottom: 50px;
    }


    .our2{
        position: relative;
        margin-left: 0;
    }

    .our2 img{
        height: 269px;
        width: 294px;
        border-radius: 15px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
    }

    .os2{
        position: absolute;
        background: url('images/Rectangle_396.png');
        background-repeat: no-repeat;
        background-size: 294px 269px;
        border-radius: 15px;
        height: 269px;
        width: 294px;
        display: flex;
        flex-direction: column;
        justify-content: end;
        margin-top: -300px;
        margin-left: 0;
        padding-left: 0;
    }

    .os2 h1{
        font-size: 25px;
        margin-left: 12px;
        font-weight: 700;
        line-height: 25px;
        font-family: Roboto;
        color: #ffffff;
    }


    .our3{
        position: relative;
        margin-left: 0;
    }

    .our3 img{
        height: 269px;
        width: 294px;
        border-radius: 15px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
    }

    .os3{
        position: absolute;
        background: url('images/Rectangle_396.png');
        background-repeat: no-repeat;
        background-size: 294px 269px;
        border-radius: 15px;
        height: 269px;
        width: 294px;
        display: flex;
        flex-direction: column;
        justify-content: end;
        padding-left: 0px;
        margin-top: -300px;
        margin-left: 0;
    }

    .os3 h1{
        font-size: 25px;
        margin-left: 12px;
        font-weight: 700;
        line-height: 25px;
        font-family: Roboto;
        color: #ffffff;
        padding-bottom: 50px;
    }

    .our4{
        position: relative;
        margin-left: 0;
    }

    .our4 img{
        height: 269px;
        width: 294px;
        border-radius: 15px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
    }

    .os4{
        position: absolute;
        background: url('images/Rectangle_396.png');
        background-repeat: no-repeat;
        background-size: 294px 269px;
        border-radius: 15px;
        height: 269px;
        width: 294px;
        display: flex;
        flex-direction: column;
        justify-content: end;
        padding-left: 0px;  
        margin-left: 0;   
        margin-top: -300px;     
    }

    .os4 h1{
        font-size: 25px;
        margin-left: 12px;
        font-weight: 700;
        line-height: 25px;
        font-family: Roboto;
        color: #ffffff;
    }

    .our5{
        position: relative;
        margin-left: 0;
        margin-top: 0;
    }

    .our5 img{
        height: 269px;
        width: 294px;
        border-radius: 15px;
        margin-top: 30px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
    }

    .os5{
        position: absolute;
        background: url('images/Rectangle_396.png');
        background-repeat: no-repeat;
        background-size: 294px 269px;
        border-radius: 15px;
        height: 269px;
        width: 294px;
        display: flex;
        flex-direction: column;
        justify-content: end;
        padding-left: 0px;
        margin-left: 0;
        margin-top: -270px;
    }

    .os5 h1{
        font-size: 25px;
        margin-left: 12px;
        font-weight: 700;
        line-height: 25px;
        font-family: Roboto;
        color: #ffffff;
        padding-bottom: 50px;
    }


    .our6{
        position: relative;
        margin-left: 0;
    }

    .our6 img{
        height: 269px;
        width: 294px;
        border-radius: 15px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
    }

    .os6{
        position: absolute;
        background: url('images/Rectangle_396.png');
        background-repeat: no-repeat;
        background-size: 294px 269px;
        border-radius: 15px;
        height: 269px;
        width: 294px;
        display: flex;
        flex-direction: column;
        justify-content: end;
        padding-left: 0px;
        margin-top: -300px;
        margin-left: 0;
    }

    .os6 h1{
        font-size: 25px;
        margin-left: 12px;
        font-weight: 700;
        line-height: 25px;
        font-family: Roboto;
        color: #ffffff;
        padding-bottom: 50px;
    }


    .our7{
        position: relative;
        margin-left: 0;
    }

    .our7 img{
        height: 269px;
        width: 294px;
        border-radius: 15px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
    }

    .os7{
        position: absolute;
        background: url('images/Rectangle_396.png');
        background-repeat: no-repeat;
        background-size: 294px 269px;
        border-radius: 15px;
        height: 269px;
        width: 294px;
        display: flex;
        flex-direction: column;
        justify-content: end;
        padding-left: 0px;
        margin-top: -300px;
        margin-left: 0;
    }

    .os7 h1{
        font-size: 25px;
        margin-left: 12px;
        font-weight: 700;
        line-height: 25px;
        font-family: Roboto;
        color: #ffffff;
    }


    .final{
        margin-top: 40px;
        font-family: Roboto;
        font-weight: 700;
        font-size: 32px;
        line-height: 52px;
        color: #323C6A;
    }


    .six{
        width: 100%;
        background-color: #F4FAFF;
    }

    .six1{
        width: 100%;
        height: 350px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .mar{
        margin-top: 30px;
        height: 76px;
    }

    .mar h1{
        font-family: Roboto;
        font-weight: 600;
        font-size: 27px;
        line-height: 32px;
        padding-top: 30px;
        color: #323C6A;
    }

    .mar p{
        font-family: Roboto;
        font-weight: 400;
        font-size: 10px;
        line-height: 11px;
        color: #323C6A;
        padding-top: 20px;
    }

    .map{
       text-align: center;
       height: 0;
    }

    .i{
        background: url('images/naksha.png');
        background-repeat: no-repeat;
        background-position: center;
        height: 400px;
        margin-left: auto;
        margin-right: auto;
    }




    .seven{
        width: 100%;
        background: #FFFFFF;
    }

    .seven1{
        width: 100%;
        height: 1050px;
        margin-left: auto;
        margin-right: auto;
    }

    .frame{
        width: 100%;
        height: 1100px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

    .frame1{
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        margin-top: -170px;
        height: 820px;
        width: 100%;
    }

    .slide1{
        height: 32.6px;
        width: 30px;
        background-color: #F06129;
        color: #FFFFFF;
        border-radius: 5px;
        display: none;
        justify-content: center;
        align-items: center;
        padding: 5px;
        font-size: 30px;
        font-weight: 700;
        margin-top: 125px;
        margin-right: 40px;
        cursor: pointer;
        border: 2px solid transparent;
        transition: .2s ease-in;
    }

    .slide1:hover{
        background-color: #ffffff;
        border: 2px solid #F06129;
        color: #000000;
    }

    .slide2{
        height: 32.6px;
        width: 30px;
        background-color: #F06129;
        color: #FFFFFF;
        border-radius: 5px;
        display: none;
        justify-content: center;
        align-items: center;
        padding: 5px;
        font-size: 30px;
        font-weight: 700;
        margin-top: 125px;
        margin-left: 40px;
        cursor: pointer;
        border: 2px solid transparent;
        transition: .2s ease-in;
    }

    .slide2:hover{
        background-color: #ffffff;
        border: 2px solid #F06129;
        color: #000000;
    }

    .in1{
        height: 210px;
        width: 253px;
        padding: 30px;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: auto;
        margin-right: auto;
        background-color: #4B4F69;
        border: 2px solid rgb(131, 134, 255);
        border-radius: 28px;
        transition: .2s ease-in;
        padding-top: 15px;
    }

    .in1:hover{
        transform: scale(1.10);
    }

    .in1 a{
        display: flex;
        text-decoration: none;
        margin-top: 20px;
        font-size: 14px;
        font-weight: 600;
        color: #FFFFFF;
    }

    .marge{
        margin-top: 10px;
        color: #FFFFFF;
        font-family: Roboto;
        font-weight: 400;
        font-size: 12.42px;
        line-height: 16px;
    }
    
    .star{
        margin-top: -15px;
    }

    .us{
        margin-left: 5px;
        font-family: Roboto;
    }

    .in2{
        height: 180px;
        width: 250px;
        padding: 30px;
        background-color: #4B4F69;
        border: 2px solid rgb(131, 134, 255);
        border-radius: 28px;
        transition: .2s ease-in;
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: auto;
        margin-right: auto;
    }

    .in2:hover{
        transform: scale(1.10);
    }

    .in2 a{
        display: flex;
        text-decoration: none;
        margin-top: 25px;
        font-size: 13px;
        font-weight: 600;
        color: #FFFFFF;
        margin-left: -5px;
        margin-right: -20px;
        text-align: center;
    }

    .ind{
        margin-left: 5px;
    }

    .marge2{
        margin-top: 10px;
        color: #FFFFFF;
        font-family: Roboto;
        font-weight: 400;
        font-size: 12.42px;
        line-height: 16px;
    }

    .star2{
        margin-top: -15px;
    }
    
    .in3{
        height: 230px;
        width: 250px;
        padding: 30px;
        background-color: #4B4F69;
        border: 2px solid rgb(131, 134, 255);
        border-radius: 28px;
        transition: .2s ease-in;
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: auto;
        margin-right: auto;
    }

    .in3:hover{
        transform: scale(1.10);
    }

    .star3{
        margin-top: -15px;
    }

    .in3 a{
        display: flex;
        flex-direction: row;
        align-items: center;
        text-decoration: none;
        margin-top: 20px;
        font-size: 13px;
        font-weight: 600;
        color: #FFFFFF;
    }

    .marge3{
        margin-top: 10px;
        color: #FFFFFF;
        font-family: Roboto;
        font-weight: 400;
        font-size: 12.42px;
        line-height: 16px;
    }

    .text{
        font-weight: 500;
        font-family: Roboto;
        font-size: 25px;
        margin-left: -10px;
        line-height: 31px;
        color: #323C6A;
        text-align: center;
        margin-top: -50px;
    }

    .text1{
        font-weight: 400;
        font-family: Roboto;
        font-size: 15px;
        margin-left: -10px;
        line-height: 18px;
        color: #323C6A;
        text-align: center;
        margin-top: -180px;
    }

    .usimage{
        width: 25px;
    }

    .widt{
        height: 15px;
    }

    .hei{
        height: 20px;
    }

    .po{
        margin-left: 5px;
    }

    .eight{
        width: 100%;
        background-color: #152263;
        height: 1200px;
    }

    .eight1{
        width: 100%;
        height: 1200px;
        margin-left: auto;
        margin-right: auto;
    }

    .e1{
        width: 350px;
        height: 1100px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 50px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }


    .s1{
        width: 320px;
        height: 150px;
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .s2{
        width: 320px;
        height: 280px;
        display: flex;
        flex-direction: column;
    }

    .sg{
        width: 216px;
        height: 97px;
    }

    .we{
        font-family: Roboto;
        font-weight: 400;
        font-size: 18px;
        line-height: 21px;
        color: #FFFFFF;
    }

    .use{
        font-family: Roboto;
        font-size: 20px;
        line-height: 24px;
        font-weight: 400;
        color: #F2DD16; 
        padding-bottom: 
        10px;
        padding-left: 0px;
    }

    .aql{
        font-family: Roboto;
        font-size: 15px;
        line-height: 30px;
        font-weight: 400;
        color: #FFFFFF; 
        text-decoration: none;
        padding-left: 0px;
    }

    #search{
        width: 250px;
        border-radius: 5px 0px 0px 5px;
        height: 50px;
        margin: 0px;
        font-size: 20px;
        padding: 17px;
        font-weight: 500;
        font-family: Roboto;
        color: #6C6E72;
        border: none;
    }

    .sp{
        border-radius: 0px 5px 5px 0px;
        height: 50px;
        cursor: pointer;
    }

    .spa{
        display: flex;
        flex-direction: row;
    }

    .social{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 295px;
    }

    .pc{
        display: none;
    }

    .pc1{
        display: inline;
        text-align: center;
        font-family: Roboto;
        font-size: 18px;
        font-weight: 400;
        line-height: 21px;
        color: #ffffff;
    }

    .ss{
        height: 100px;
    }

    .ss1{
        height: 250px;
    }

    .aut{
        margin-left: auto;
        margin-right: auto;
    }

    .row3 .division{
        margin-top: 0;
        font-size: 20px;
        font-weight: 500;
        color: #07568C;
    }

    #a:hover{
        border-bottom: none;
        font-weight: normal;
    }

}

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

    .row2{
        margin-left: 65px;
    }

    .mobilere{
        width: 100%;
    }

    .mobile{
        width: 300px;
    }

    .icon{
        margin-left: 0;
        width: 99%;
        justify-content: right;
        margin-right: 0;
    }

    .div1{
        width: 100%;
    }

    .div2{
        width: 100%;
    }

    .back{
        width: 320px;
    }

    .div4{
        width: 100%;
    }

    .div5{
        width: 320px;
    }

    .six{
        width: 320px;
    }

    .six1{
        width: 320px;
    }

    .mar h1{
        width: 320px;
    }

    .mar p{
        width: 320px;
    }

    .map{
        width: 320px;
    }

    .col1{
        width: 100%;
    }

    .margin{
        width: 100%;
    }

    .main{
        width: 100%;
    }

    .fix{
        width: 100%;
    }

    .person{
        width: 100%;
    }

    .person1{
        width: 100%;
    }

    .person2{
        width: 100%;
    }

    .person3{
        width: 100%;
    }

    .person4{
        width: 100%;
    }

    .person1 img{
        width: 100%;
    }

    .person2 img{
        width: 100%;
    }

    .person3 img{
        width: 100%;
    }

    .person4 img{
        width: 100%;
    }

    .h1{
        width: 100%;
    }

    .h2{
        margin-left: 0;
        width: 100%
    }

    .h3{
        margin-left: 0;
        width: 100%
    }

    .h4{
        margin-left: 0;
        width: 100%
    }

    .pos{
        width: 100%;
    }

    .five{
        width: 100%;
    }

    .five1{
        width: 100%;
    }

    .six{
        width: 100%;
    }

    .six1{
        width: 100%;
    }

    .mar{
        width: 100%;
    }

    .mar h1{
        width: 100%;
    }

    .mar p{
        width: 100%;
    }

    .map{
        width: 100%;
    }

    .map .i{
        width: 100%;
    }

    .seven{
        width: 100%;
    }

    .seven1{
        width: 100%;
    }

    .frame{
        width: 320px;
    }

    .frame1{
        width: 320px;
    }

    .eight{
        width: 100%;
    }

    .eight1{
        width: 100%;
    }

    .eight1 .e1{
        width: 100%;
    }
    
}

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

.row2{
    margin-left: 40px;
}

.mobilere{
        width: 320px;
    }

.icon{
    margin-left: 0px;
    width: 99%;
}

.div1{
    width: 320px;
}

.div4{
    width: 320px;
}

.col1{
    width: 320px;
}

.margin{
    width: 320px;
}

.main{
    width: 320px;
}

.fix{
    width: 320px;
}

.cen{
    width: 320px;
}

.person{
    width: 320px;
}

.person1{
    width: 320px;
}

.person1 img{
    width: 320px;
}

.h1{
    width: 320px;
}

.person2{
    width: 320px;
}

.person2 img{
    width: 320px;
}

.h2{
    width: 320px;
    margin-left: 0;
}

.person3{
    width: 320px;
}

.person3 img{
    width: 320px;
}

.h3{
    width: 320px;
    margin-left: 0;
}

.person4{
    width: 320px;
}

.person4 img{
    width: 320px;
}

element.style{
    margin-left: 0;
}

.h4{
    width: 320px;
    margin-left: 0;
}

.five{
    width: 320px;
}

.five1{
    width: 320px;
}

.pos{
    width: 320px;
}

.six{
    width: 320px;
}

.six1{
    width: 320px;
}

.mar{
    width: 320px;
}

.mar h1{
    width: 320px;
}

.mar p{
    width: 320px;
}

.map{
    width: 320px;
}

.map .i{
    width: 320px;
}

.seven{
    width: 320px;
}

.seven1{
    width: 320px;
}

.eight{
    width: 320px;
}

.eight1{
    width: 320px;
}

.eight1 .e1{
    width: 300px;
}

.we{
    font-size: 15px;
}

.s1{
    width: 300px;
}

.s2{
    width: 300px;
}


}