html{
    scroll-behavior: smooth;
}
body{
    margin-top:0px;
    margin-left: 0px;
    margin-right: 0px;
    
}
.Carrerbox-1:hover, .Carrerbox-2:hover, .Carrerbox-3:hover {
    background-color: #ADD8E6; /* Change background color of the box on hover */
}

/* Hover effect for the Careerbox header */
.Carrerbox-1:hover .Careerbox-head,
.Carrerbox-2:hover .Careerbox-head,
.Carrerbox-3:hover .Careerbox-head {
    background: #03a9f4; /* Change background color of the header on hover */
}
.Ourgoalbox-1:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-2:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-3:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-1:hover .Ourgoalbox-head,
.Ourgoalbox-3:hover .Ourgoalbox-head,
.Ourgoalbox-2:hover .Ourgoalbox-head
{
    background: #03a9f4;
}
*{
    font-family:sans-serif;
}
.teamats-width-750:hover{
        background-color: #ADD8E6;
        
    }
    .teamats-width-751:hover{
        background-color: #ADD8E6;
        
    }
    .teamats-width-752:hover{
        background-color: #ADD8E6;
        
    }



/***Screen-2***/
@media screen and (max-width:5500px)
{#Header{
    z-index: 1000;
    position:fixed;
    padding-top: 10px;
    background-color:white;
    height: 60px;
    display: flex;
    width: 100%; 
}

#Logo{
    margin-bottom: 10px;
    margin-left: 40px;
    cursor: pointer;

}
#Navul{
    margin-top: 20px;
    margin-left: 950px;
    
}
#li-nav{
    display: inline;
    margin-right: 23px;

}
a{
    text-decoration: none;
    color: black;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
}

.Scroll{
    scroll-behavior: smooth;
}
.active{
    color: #03a9f4;
}
a:hover{
    color: #03a9f4;
}
#Banner{
    overflow: hidden;
    background-image: url(images/home.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
    height: 810px;
    
}
#Bannername{
    
    font-family:'Courier New', Courier, monospace;
    margin-top: 300px;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-size: 70px;
    margin-top: 400px;
}
#btn{
    FONT-SIZE: 14PX;
    text-align: center;
    height: 45px;
    width: 120px;
    border-radius: 20px;
    font-size: large;
    border: none;
}
#btn:hover{
    color:white;
    background-color: transparent;
    border: 2px solid white;
}
#About{
    overflow: hidden;
    height: auto;
}
#Abouthead{
    margin-top: 90px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    
}
.abt{
    margin-bottom: 10px;
}
.abtmarque{
    margin-bottom: 30px;
}
#Aboutmarquee{
    margin-left: 200px;
    margin-right: 200px;
    color: rgb(20, 109, 210);
    font-size: large;
}
.borderline{
    width: 50px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
#Aboutbox1{
    display: flex;
   

}
.Aboutboxcommon1{
    display: flex;
    flex: 1;

}
#Aboutleftbox1{
    margin-bottom: 25px;
    height: auto;
    border-radius: 10px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Aboutrightbox1{
    height: auto;
    border-radius: 10px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}
#Aboutbox2{
    display: flex;
    

}
.Aboutboxcommon2{
    display: flex;
    flex: 1;

}

#Aboutleftbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 0px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Aboutrightbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 0px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}
.Aboutimg{
    width: 20%;
    height: 40%;
    margin-top: 35px;
    margin-left: 10px;
}

#Abouttext{
    color: #505050;
    margin-left: 30px;
    justify-content: center;
    text-align: justify;
    margin-right: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 20px;
}
#Service{
    overflow: hidden;
    height: auto;
}
#Servicehead{
    margin-top: 90px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;

}
#Servicemarq{
    margin-left: 200px;
    margin-right: 200px;
    color: rgb(20, 109, 210);
    font-size: large;
}
#Serviceborderline{
    width: 50px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
#Servicebox1{
    display: flex;

}

.Serviceboxcommon1{
    display: flex;
    flex: 1;
}
#Servicebox2{
    display: flex;

}
.Serviceboxcommon2{
    display: flex;
    flex: 1;
}
#Serviceleftbox1{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Serviceleftbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicerightbox1{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicerightbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicetext{
    color: #505050;
    margin-left: 30px;
    justify-content: center;
    text-align: justify;
    margin-right: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 20px;
}
.Serviceimg{
    width: 27%;
    height: 40%;
    margin-top: 35px;
    margin-left: 10px;
}
#Ourteam{
    overflow: hidden;
    height: auto;

}
#ourteam-head-para{
    text-align: center;

}
#ourteam-head{
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;

}
#ourteam-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 30px;

}
.Ourteamborderline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -30px;

}
#Ourteamets-name-1{
    display: flex;

}
.teamats-name-1,.teamats-width-752{
    flex: 1;
    border-radius: 20px;
    margin-right: 30px;
    margin-left: 70px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    

    
}
.teamats-name-2,.teamats-width-751{
    flex: 1;
    border-radius: 20px;
    margin-right: 30px;
    margin-left: 40px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}
.teamats-name-3,.teamats-width-750{
    flex: 1;
    border-radius: 20px;
    margin-right: 70px;
    margin-left: 30px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}


.teamates-describe{
    
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 1px;
    color: #444444;
    line-height: 24px;
    text-align: justify;
    margin-left: 15px;
    margin-right: 15px;
}
.teamates-name{
    margin-left: 20px;

}
.Ourteamates-position{
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: -9px;
}

#Ourteamets-name-2{
    display: flex;

}
.teamats-name-4{
    flex: 1;
    margin-top: 50px;
    border-radius: 20px;
    margin-right: 30px;
    margin-left: 70px;
    background: white;
    height: 240px;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  
}
.teamats-name-5{
    flex: 1;
    margin-top: 50px;
    border-radius: 20px;
    margin-right: 70px;
    margin-left: 30px;
    background: white;
    height: 240px;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  
}
.teamats-name-1:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-2:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-3:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-4:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-5:hover{
    background-color: #ADD8E6;
    
}
#Career{
    overflow: hidden;
    height: auto;
}
#Career-head-para{
    text-align: center;
}
#Career-head{
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}
#Career-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #444444;
}
#Careerbox{
    display: flex;

}
.Carrerbox-1{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 70px;
    margin-right: 40px;
}
.Carrerbox-2{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 40px;
    margin-right: 30px;
}
.Carrerbox-3{
    flex: 1;    
    background: #ebebeb;
    height: auto;
    margin-left: 40px;
    margin-right: 70px;
}
.Careerbox-head{
    margin: auto;
    text-align: center;
    color: white;  
    background: #474747;
    height: 50px;    
    line-height: 50px;
}

.li-career{
    font-family: 'Open Sans', sans-serif;
    margin-top: 25px;
    font-size: 15px;
    margin-left: 10px;
    margin-right: 10px;
}
.Carrerbox-1:hover{
    background-color:#ADD8E6;
}
.Carrerbox-2:hover{
    background-color:#ADD8E6;
}
.Carrerbox-3:hover{
    background-color:#ADD8E6;
}
.Careerbox-head:hover{
    background: #03a9f4;
}
#Career-goal{
    overflow: hidden;
    background-color: #03a9f4;
    height: 250px;
    margin-top: 52px;
}
#Career-goal-head{
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: white;
    margin-top: 58px;
    font-size: 35px;
}
#Career-goal-button{
    text-align: center;
    height: 35px;
    width: 110px;
    color:white;
    background-color: transparent;
    border: 2px solid white;
    border-radius: 20px;
}

#Career-goal-button:hover{
    border-radius: 20px;
    border: none;
    background-color: white;
    color: #03a9f4;
}
#Ourgoal{
    overflow: hidden;
    height: auto;
}
#Ourgoal-head-para{
    text-align: center;
}

#Ourgoal-para{
    margin-top: 50px;
    letter-spacing: 1px;
    color: #444444;

}
.Ourgoalline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -30px;

}
#Ourprocess{
    overflow: hidden;
    height: auto;
}
#Ourprocess-head{
    text-align: center;
}
.Ourprocessline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
#Ourprocess-box1{
    display: flex;
}
#Ourprocess-box-meet-1{
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color:white;
    border: none;
    height: auto;
    flex: 1;
    margin-left: 65px;
    margin-right: 740px;
    border-radius: 10px;
}
#Ourprocess-box-head{
    padding-top: 10px;
    margin-left: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #444444;
}
#Ourprocess-box-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 25px;
    margin-right: 10px;
    margin-left: 20px;
    letter-spacing: 1px;
    color: #444444;
}
#Ourprocess-box2{
    display: flex;
}
#Ourprocess-box-meet-2{
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color:white;
    border: none;
    height: auto;
    flex: 1;
    margin-top: 20px;
    margin-right: 65px;
    margin-left: 740px;
    border-radius: 10px;
}

#Ourgoalbox{
    display: flex;

}
.Ourgoalbox-1{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 70px;
    margin-right: 40px;
}
.Ourgoalbox-2{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 40px;
    margin-right: 30px;
}
.Ourgoalbox-3{
    flex: 1;    
    background: #ebebeb;
    height: auto;
    margin-left: 40px;
    margin-right: 70px;
}
.Ourgoalbox-head{
    margin: auto;
    text-align: center;
    color: white;  
    background: #474747;
    height: 50px;    
    line-height: 50px;
}
.Ourgoalbox-1:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-2:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-3:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-head:hover{
    background: #03a9f4;
}

#Contact{
    overflow: hidden;
    height: auto;
}

#Contact-head{
    text-align: center;
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}

.Ctbox{
    display: flex;
}
.Contact-icon{
    flex-direction: column;
    margin-top: 15px;
    margin-left: 30px;
}
.Contact-text{
    flex-direction: column;
    margin-top: 2px;
    margin-left: 10px;
    color: white;
    font-size: 16px;
   font-family: sans-serif;
}
.Contact-img-inner{
   height: 200px;
   width: 220px;
   margin-top: 20px;
   margin-left: 30px;
}
#Contact-box-1{
    display: flex;
  }
#Contact-box-left{
    flex: 0.45;
    background: rgb(5, 64, 124);
    margin-left: 200px;
    height: 500px;
    border: 1px solid burlywood;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#Contact-box-right{
    flex: 1;
    background-color:rgb(255, 255, 255);
    margin-right: 350px;
    height: 500px;border: none;
    border-top-right-radius: 15px ;
    border-bottom-right-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#Contact-gif{
    display: inline-block; 
    width: 50px; 
    height: 50px; 
    vertical-align: middle; 
    margin-right: 5px;
    margin-left: 5px; 
}
#Contact-box-right-head{
    font-family: sans-serif;
    font-size: 27px;
    margin-left: 5px;
    margin-right: 20px;
}
#email{
    outline: 0px;
    padding: 7px;
    border-radius: 5px;
    border-color: gainsboro;
    font-size: 15px;
    width: 670px;
    height: 30px; 
    margin-top: 15px;
    margin-left: 50px;
    
}
#number{
    outline: 0px;
    padding: 7px;
    font-size: 15px;
    width: 670px;
    height: 30px;
    border-radius: 5px;
    border-color: gainsboro;
    margin-top: 15px;
    margin-left: 50px;
}
#message{
    
    outline: 0px;
    padding: 7px;
    border-radius: 5px;
    font-size: 15px;
    width: 670px;
    height: 80px;
    margin-top: 15px;
    margin-left: 50px;
}
#Contactsub{
    
    padding: 7px;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    font-family: sans-serif;
    height: 40px;
    width: 685px;
    background: rgb(5, 64, 124);
    color: white;
    margin-top: 15px;
    margin-left: 50px;
    border-radius: 5px;
    cursor: pointer;
    border: none;
}
footer
{
            text-align: center;
            margin-top:20px; 
            background: rgb(5, 64, 124); 
            height: 40px; color: white; 
            padding-top: 20px;  
            font-size:larger;
}
}

/***Screen0***/
@media screen and (max-width:1900px)
{#Header{
    z-index: 1000;
    position:fixed;
    padding-top: 10px;
    background-color:white;
    height: 60px;
    display: flex;
    width: 100%; 
}

#Logo{
    margin-bottom: 10px;
    margin-left: 40px;
    cursor: pointer;

}
#Navul{
    margin-top: 20px;
    margin-left: 880px;
    
}
#li-nav{
    display: inline;
    margin-right: 23px;

}
a{
    text-decoration: none;
    color: black;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
}

.Scroll{
    scroll-behavior: smooth;
}
.active{
    color: #03a9f4;
}
a:hover{
    color: #03a9f4;
}
#Banner{
    overflow: hidden;
    background-image: url(images/home.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
    height: 830px;
    
}
#Bannername{
    margin-top: 350px;
    font-family:'Courier New', Courier, monospace;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-size: 70px;
}
#btn{
    FONT-SIZE: 14PX;
    text-align: center;
    height: 45px;
    width: 120px;
    border-radius: 20px;
    font-size: large;
    border: none;
}
#btn:hover{
    color:white;
    background-color: transparent;
    border: 2px solid white;
}
#About{
    overflow: hidden;
    height: auto;
}
#Abouthead{
    margin-top: 90px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    
}
.abt{
    margin-bottom: 10px;
}
.abtmarque{
    margin-bottom: 30px;
}
#Aboutmarquee{
    margin-left: 200px;
    margin-right: 200px;
    color: rgb(20, 109, 210);
    font-size: large;
}
.borderline{
    width: 50px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
#Aboutbox1{
    display: flex;
   

}
.Aboutboxcommon1{
    display: flex;
    flex: 1;

}
#Aboutleftbox1{
    margin-bottom: 25px;
    height: auto;
    border-radius: 10px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Aboutrightbox1{
    height: auto;
    border-radius: 10px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}
#Aboutbox2{
    display: flex;
    

}
.Aboutboxcommon2{
    display: flex;
    flex: 1;

}

#Aboutleftbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 0px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Aboutrightbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 0px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}
.Aboutimg{
    width: 20%;
    height: 40%;
    margin-top: 35px;
    margin-left: 10px;
}

#Abouttext{
    color: #505050;
    margin-left: 30px;
    justify-content: center;
    text-align: justify;
    margin-right: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 20px;
}
#Service{
    overflow: hidden;
    height: auto;
}
#Servicehead{
    margin-top: 90px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;

}
#Servicemarq{
    margin-left: 200px;
    margin-right: 200px;
    color: rgb(20, 109, 210);
    font-size: large;
}
#Serviceborderline{
    width: 50px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
#Servicebox1{
    display: flex;

}

.Serviceboxcommon1{
    display: flex;
    flex: 1;
}
#Servicebox2{
    display: flex;

}
.Serviceboxcommon2{
    display: flex;
    flex: 1;
}
#Serviceleftbox1{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Serviceleftbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicerightbox1{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicerightbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicetext{
    color: #505050;
    margin-left: 30px;
    justify-content: center;
    text-align: justify;
    margin-right: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 20px;
}
.Serviceimg{
    width: 27%;
    height: 40%;
    margin-top: 35px;
    margin-left: 10px;
}
#Ourteam{
    overflow: hidden;
    height: auto;

}
#ourteam-head-para{
    text-align: center;

}
#ourteam-head{
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;

}
#ourteam-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 30px;

}
.Ourteamborderline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -30px;

}
#Ourteamets-name-1{
    display: flex;

}
.teamats-name-1,.teamats-width-752{
    flex: 1;
    border-radius: 20px;
    margin-right: 30px;
    margin-left: 70px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    

    
}
.teamats-name-2,.teamats-width-751{
    flex: 1;
    border-radius: 20px;
    margin-right: 30px;
    margin-left: 40px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}
.teamats-name-3,.teamats-width-750{
    flex: 1;
    border-radius: 20px;
    margin-right: 70px;
    margin-left: 30px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}


.teamates-describe{
    
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 1px;
    color: #444444;
    line-height: 24px;
    text-align: justify;
    margin-left: 15px;
    margin-right: 15px;
}
.teamates-name{
    margin-left: 20px;

}
.Ourteamates-position{
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: -9px;
}

#Ourteamets-name-2{
    display: flex;

}
.teamats-name-4{
    flex: 1;
    margin-top: 50px;
    border-radius: 20px;
    margin-right: 30px;
    margin-left: 70px;
    background: white;
    height: 240px;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  
}
.teamats-name-5{
    flex: 1;
    margin-top: 50px;
    border-radius: 20px;
    margin-right: 70px;
    margin-left: 30px;
    background: white;
    height: 240px;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  
}
.teamats-name-1:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-2:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-3:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-4:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-5:hover{
    background-color: #ADD8E6;
    
}
#Career{
    overflow: hidden;
    height: auto;
}
#Career-head-para{
    text-align: center;
}
#Career-head{
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}
#Career-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #444444;
}
#Careerbox{
    display: flex;

}
.Carrerbox-1{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 70px;
    margin-right: 40px;
}
.Carrerbox-2{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 40px;
    margin-right: 30px;
}
.Carrerbox-3{
    flex: 1;    
    background: #ebebeb;
    height: auto;
    margin-left: 40px;
    margin-right: 70px;
}
.Careerbox-head{
    margin: auto;
    text-align: center;
    color: white;  
    background: #474747;
    height: 50px;    
    line-height: 50px;
}

.li-career{
    font-family: 'Open Sans', sans-serif;
    margin-top: 25px;
    font-size: 15px;
    margin-left: 10px;
    margin-right: 10px;
}
.Carrerbox-1:hover{
    background-color:#ADD8E6;
}
.Carrerbox-2:hover{
    background-color:#ADD8E6;
}
.Carrerbox-3:hover{
    background-color:#ADD8E6;
}
.Careerbox-head:hover{
    background: #03a9f4;
}
#Career-goal{
    overflow: hidden;
    background-color: #03a9f4;
    height: 250px;
    margin-top: 52px;
}
#Career-goal-head{
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: white;
    margin-top: 58px;
    font-size: 35px;
}
#Career-goal-button{
    text-align: center;
    height: 35px;
    width: 110px;
    color:white;
    background-color: transparent;
    border: 2px solid white;
    border-radius: 20px;
}

#Career-goal-button:hover{
    border-radius: 20px;
    border: none;
    background-color: white;
    color: #03a9f4;
}
#Ourgoal{
    overflow: hidden;
    height: auto;
}
#Ourgoal-head-para{
    text-align: center;
}

#Ourgoal-para{
    margin-top: 50px;
    letter-spacing: 1px;
    color: #444444;

}
.Ourgoalline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -30px;

}
#Ourprocess{
    overflow: hidden;
    height: auto;
}
#Ourprocess-head{
    text-align: center;
}
.Ourprocessline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
#Ourprocess-box1{
    display: flex;
}
#Ourprocess-box-meet-1{
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color:white;
    border: none;
    height: auto;
    flex: 1;
    margin-left: 65px;
    margin-right: 740px;
    border-radius: 10px;
}
#Ourprocess-box-head{
    padding-top: 10px;
    margin-left: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #444444;
}
#Ourprocess-box-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 25px;
    margin-right: 10px;
    margin-left: 20px;
    letter-spacing: 1px;
    color: #444444;
}
#Ourprocess-box2{
    display: flex;
}
#Ourprocess-box-meet-2{
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color:white;
    border: none;
    height: auto;
    flex: 1;
    margin-top: 20px;
    margin-right: 65px;
    margin-left: 740px;
    border-radius: 10px;
}

#Ourgoalbox{
    display: flex;

}
.Ourgoalbox-1{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 70px;
    margin-right: 40px;
}
.Ourgoalbox-2{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 40px;
    margin-right: 30px;
}
.Ourgoalbox-3{
    flex: 1;    
    background: #ebebeb;
    height: auto;
    margin-left: 40px;
    margin-right: 70px;
}
.Ourgoalbox-head{
    margin: auto;
    text-align: center;
    color: white;  
    background: #474747;
    height: 50px;    
    line-height: 50px;
}
.Ourgoalbox-1:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-2:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-3:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-head:hover{
    background: #03a9f4;
}
#Contact{
    overflow: hidden;
    height: auto;
}

#Contact-head{
    text-align: center;
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}

.Ctbox{
    display: flex;
}
.Contact-icon{
    flex-direction: column;
    margin-top: 15px;
    margin-left: 30px;
}
.Contact-text{
    flex-direction: column;
    margin-top: 2px;
    margin-left: 10px;
    color: white;
    font-size: 16px;
   font-family: sans-serif;
}
.Contact-img-inner{
   height: 200px;
   width: 220px;
   margin-top: 20px;
   margin-left: 30px;
}
#Contact-box-1{
    display: flex;
  }
#Contact-box-left{
    flex: 0.45;
    background: rgb(5, 64, 124);
    margin-left: 200px;
    height: 500px;
    border: 1px solid burlywood;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#Contact-box-right{
    flex: 1;
    background-color:rgb(255, 255, 255);
    margin-right: 350px;
    height: 500px;border: none;
    border-top-right-radius: 15px ;
    border-bottom-right-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#Contact-gif{
    display: inline-block; 
    width: 50px; 
    height: 50px; 
    vertical-align: middle; 
    margin-right: 5px;
    margin-left: 5px; 
}
#Contact-box-right-head{
    font-family: sans-serif;
    font-size: 27px;
    margin-left: 5px;
    margin-right: 20px;
}
#email{
    outline: 0px;
    padding: 7px;
    border-radius: 5px;
    border-color: gainsboro;
    font-size: 15px;
    width: 670px;
    height: 30px; 
    margin-top: 15px;
    margin-left: 50px;
    
}
#number{
    outline: 0px;
    padding: 7px;
    font-size: 15px;
    width: 670px;
    height: 30px;
    border-radius: 5px;
    border-color: gainsboro;
    margin-top: 15px;
    margin-left: 50px;
}
#message{
    
    outline: 0px;
    padding: 7px;
    border-radius: 5px;
    font-size: 15px;
    width: 670px;
    height: 80px;
    margin-top: 15px;
    margin-left: 50px;
}
#Contactsub{
    
    padding: 7px;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    font-family: sans-serif;
    height: 40px;
    width: 685px;
    background: rgb(5, 64, 124);
    color: white;
    margin-top: 15px;
    margin-left: 50px;
    border-radius: 5px;
    cursor: pointer;
    border: none;
}
#contact--para{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 25px;
    margin-right: 10px;
    margin-left: 20px;
    letter-spacing: 1px;
    color: white;
}
footer
{
            text-align: center;
            margin-top:20px; 
            background: rgb(5, 64, 124); 
            height: 40px; color: white; 
            padding-top: 20px;  
            font-size:larger;
}
}
/***Screen0***/
@media screen and (max-width:1800px)
{#Header{
    z-index: 1000;
    position:fixed;
    padding-top: 10px;
    background-color:white;
    height: 60px;
    display: flex;
    width: 100%; 
}

#Logo{
    margin-bottom: 10px;
    margin-left: 40px;
    cursor: pointer;

}
#Navul{
    margin-top: 20px;
    margin-left: 850px;
    
}
#li-nav{
    display: inline;
    margin-right: 23px;

}
a{
    text-decoration: none;
    color: black;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
}

.Scroll{
    scroll-behavior: smooth;
}
.active{
    color: #03a9f4;
}
a:hover{
    color: #03a9f4;
}
#Banner{
    overflow: hidden;
    background-image: url(images/home.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
    height: 780px;
    
}
#Bannername{
    margin-top: 300px;
    font-family:'Courier New', Courier, monospace;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-size: 60px;
}
#btn{
    FONT-SIZE: 14PX;
    text-align: center;
    height: 35px;
    width: 110px;
    border-radius: 20px;
    border: none;
}
#btn:hover{
    color:white;
    background-color: transparent;
    border: 2px solid white;
}
#About{
    overflow: hidden;
    height: auto;
}
#Abouthead{
    margin-top: 90px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    
}
.abt{
    margin-bottom: 10px;
}
.abtmarque{
    margin-bottom: 30px;
}
#Aboutmarquee{
    margin-left: 200px;
    margin-right: 200px;
    color: rgb(20, 109, 210);
    font-size: large;
}
.borderline{
    width: 50px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
#Aboutbox1{
    display: flex;
   

}
.Aboutboxcommon1{
    display: flex;
    flex: 1;

}
#Aboutleftbox1{
    margin-bottom: 25px;
    height: auto;
    border-radius: 10px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Aboutrightbox1{
    height: auto;
    border-radius: 10px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}
#Aboutbox2{
    display: flex;
    

}
.Aboutboxcommon2{
    display: flex;
    flex: 1;

}

#Aboutleftbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 0px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Aboutrightbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 0px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}
.Aboutimg{
    width: 20%;
    height: 40%;
    margin-top: 35px;
    margin-left: 10px;
}

#Abouttext{
    color: #505050;
    margin-left: 30px;
    justify-content: center;
    text-align: justify;
    margin-right: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 20px;
}
#Service{
    overflow: hidden;
    height: auto;
}
#Servicehead{
    margin-top: 90px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;

}
#Servicemarq{
    margin-left: 200px;
    margin-right: 200px;
    color: rgb(20, 109, 210);
    font-size: large;
}
#Serviceborderline{
    width: 50px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
#Servicebox1{
    display: flex;

}

.Serviceboxcommon1{
    display: flex;
    flex: 1;
}
#Servicebox2{
    display: flex;

}
.Serviceboxcommon2{
    display: flex;
    flex: 1;
}
#Serviceleftbox1{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Serviceleftbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicerightbox1{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicerightbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicetext{
    color: #505050;
    margin-left: 30px;
    justify-content: center;
    text-align: justify;
    margin-right: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 20px;
}
.Serviceimg{
    width: 27%;
    height: 40%;
    margin-top: 35px;
    margin-left: 10px;
}
#Ourteam{
    overflow: hidden;
    height: auto;

}
#ourteam-head-para{
    text-align: center;

}
#ourteam-head{
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;

}
#ourteam-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 30px;

}
.Ourteamborderline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -30px;

}
#Ourteamets-name-1{
    display: flex;

}
.teamats-name-1,.teamats-width-752{
    flex: 1;
    border-radius: 20px;
    margin-right: 30px;
    margin-left: 70px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    

    
}
.teamats-name-2,.teamats-width-751{
    flex: 1;
    border-radius: 20px;
    margin-right: 30px;
    margin-left: 40px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}
.teamats-name-3,.teamats-width-750{
    flex: 1;
    border-radius: 20px;
    margin-right: 70px;
    margin-left: 30px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}


.teamates-describe{
    
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 1px;
    color: #444444;
    line-height: 24px;
    text-align: justify;
    margin-left: 15px;
    margin-right: 15px;
}
.teamates-name{
    margin-left: 20px;

}
.Ourteamates-position{
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: -9px;
}

#Ourteamets-name-2{
    display: flex;

}
.teamats-name-4{
    flex: 1;
    margin-top: 50px;
    border-radius: 20px;
    margin-right: 30px;
    margin-left: 70px;
    background: white;
    height: 240px;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  
}
.teamats-name-5{
    flex: 1;
    margin-top: 50px;
    border-radius: 20px;
    margin-right: 70px;
    margin-left: 30px;
    background: white;
    height: 240px;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  
}
.teamats-name-1:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-2:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-3:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-4:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-5:hover{
    background-color: #ADD8E6;
    
}
#Career{
    overflow: hidden;
    height: auto;
}
#Career-head-para{
    text-align: center;
}
#Career-head{
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}
#Career-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #444444;
}
#Careerbox{
    display: flex;

}
.Carrerbox-1{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 70px;
    margin-right: 40px;
}
.Carrerbox-2{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 40px;
    margin-right: 30px;
}
.Carrerbox-3{
    flex: 1;    
    background: #ebebeb;
    height: auto;
    margin-left: 40px;
    margin-right: 70px;
}
.Careerbox-head{
    margin: auto;
    text-align: center;
    color: white;  
    background: #474747;
    height: 50px;    
    line-height: 50px;
}

.li-career{
    font-family: 'Open Sans', sans-serif;
    margin-top: 25px;
    font-size: 15px;
    margin-left: 10px;
    margin-right: 10px;
}
.Carrerbox-1:hover{
    background-color:#ADD8E6;
}
.Carrerbox-2:hover{
    background-color:#ADD8E6;
}
.Carrerbox-3:hover{
    background-color:#ADD8E6;
}
.Careerbox-head:hover{
    background: #03a9f4;
}
#Career-goal{
    overflow: hidden;
    background-color: #03a9f4;
    height: 250px;
    margin-top: 52px;
}
#Career-goal-head{
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: white;
    margin-top: 58px;
    font-size: 35px;
}
#Career-goal-button{
    text-align: center;
    height: 35px;
    width: 110px;
    color:white;
    background-color: transparent;
    border: 2px solid white;
    border-radius: 20px;
}

#Career-goal-button:hover{
    border-radius: 20px;
    border: none;
    background-color: white;
    color: #03a9f4;
}
#Ourgoal{
    overflow: hidden;
    height: auto;
}
#Ourgoal-head-para{
    text-align: center;
}

#Ourgoal-para{
    margin-top: 50px;
    letter-spacing: 1px;
    color: #444444;

}
.Ourgoalline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -30px;

}
#Ourprocess{
    overflow: hidden;
    height: auto;
}
#Ourprocess-head{
    text-align: center;
}
.Ourprocessline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
#Ourprocess-box1{
    display: flex;
}
#Ourprocess-box-meet-1{
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color:white;
    border: none;
    height: auto;
    flex: 1;
    margin-left: 65px;
    margin-right: 740px;
    border-radius: 10px;
}
#Ourprocess-box-head{
    padding-top: 10px;
    margin-left: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #444444;
}
#Ourprocess-box-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 25px;
    margin-right: 10px;
    margin-left: 20px;
    letter-spacing: 1px;
    color: #444444;
}
#Ourprocess-box2{
    display: flex;
}
#Ourprocess-box-meet-2{
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color:white;
    border: none;
    height: auto;
    flex: 1;
    margin-top: 20px;
    margin-right: 65px;
    margin-left: 740px;
    border-radius: 10px;
}

#Ourgoalbox{
    display: flex;

}
.Ourgoalbox-1{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 70px;
    margin-right: 40px;
}
.Ourgoalbox-2{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 40px;
    margin-right: 30px;
}
.Ourgoalbox-3{
    flex: 1;    
    background: #ebebeb;
    height: auto;
    margin-left: 40px;
    margin-right: 70px;
}
.Ourgoalbox-head{
    margin: auto;
    text-align: center;
    color: white;  
    background: #474747;
    height: 50px;    
    line-height: 50px;
}
.Ourgoalbox-1:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-2:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-3:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-head:hover{
    background: #03a9f4;
}

#Contact{
    overflow: hidden;
    height: auto;
}

#Contact-head{
    text-align: center;
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}

.Ctbox{
    display: flex;
}
.Contact-icon{
    flex-direction: column;
    margin-top: 15px;
    margin-left: 30px;
}
.Contact-text{
    flex-direction: column;
    margin-top: 2px;
    margin-left: 10px;
    color: white;
    font-size: 16px;
   font-family: sans-serif;
}
.Contact-img-inner{
   height: 200px;
   width: 220px;
   margin-top: 20px;
   margin-left: 30px;
}
#Contact-box-1{
    display: flex;
  }
#Contact-box-left{
    flex: 0.45;
    background: rgb(5, 64, 124);
    margin-left: 200px;
    height: 500px;
    border: 1px solid burlywood;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#Contact-box-right{
    flex: 1;
    background-color:rgb(255, 255, 255);
    margin-right: 350px;
    height: 500px;border: none;
    border-top-right-radius: 15px ;
    border-bottom-right-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#Contact-gif{
    display: inline-block; 
    width: 50px; 
    height: 50px; 
    vertical-align: middle; 
    margin-right: 5px;
    margin-left: 5px; 
}
#Contact-box-right-head{
    font-family: sans-serif;
    font-size: 27px;
    margin-left: 5px;
    margin-right: 20px;
}
#email{
    outline: 0px;
    padding: 7px;
    border-radius: 5px;
    border-color: gainsboro;
    font-size: 15px;
    width: 670px;
    height: 30px; 
    margin-top: 15px;
    margin-left: 50px;
    
}
#number{
    outline: 0px;
    padding: 7px;
    font-size: 15px;
    width: 670px;
    height: 30px;
    border-radius: 5px;
    border-color: gainsboro;
    margin-top: 15px;
    margin-left: 50px;
}
#message{
    
    outline: 0px;
    padding: 7px;
    border-radius: 5px;
    font-size: 15px;
    width: 670px;
    height: 80px;
    margin-top: 15px;
    margin-left: 50px;
}
#Contactsub{
    
    padding: 7px;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    font-family: sans-serif;
    height: 40px;
    width: 685px;
    background: rgb(5, 64, 124);
    color: white;
    margin-top: 15px;
    margin-left: 50px;
    border-radius: 5px;
    cursor: pointer;
    border: none;
}
footer
{
            text-align: center;
            margin-top:20px; 
            background: rgb(5, 64, 124); 
            height: 40px; color: white; 
            padding-top: 20px;  
            font-size:larger;
}
}
/***Screen-1***/
@media screen and (max-width:1700px)
{#Header{
    z-index: 1000;
    position:fixed;
    padding-top: 10px;
    background-color:white;
    height: 60px;
    display: flex;
    width: 100%; 
}

#Logo{
    margin-bottom: 10px;
    margin-left: 40px;
    cursor: pointer;

}
#Navul{
    margin-top: 20px;
    margin-left: 790px;
    
}
#li-nav{
    display: inline;
    margin-right: 23px;

}
a{
    text-decoration: none;
    color: black;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
}

.Scroll{
    scroll-behavior: smooth;
}
.active{
    color: #03a9f4;
}
a:hover{
    color: #03a9f4;
}
#Banner{
    overflow: hidden;
    background-image: url(images/home.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
    height: 790px;
    
}
#Bannername{
    margin-top: 300px;
    font-family:'Courier New', Courier, monospace;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-size: 60px;
}
#btn{
    FONT-SIZE: 14PX;
    text-align: center;
    height: 35px;
    width: 110px;
    border-radius: 20px;
    border: none;
}
#btn:hover{
    color:white;
    background-color: transparent;
    border: 2px solid white;
}
#About{
    overflow: hidden;
    height: auto;
}
#Abouthead{
    margin-top: 90px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    
}
.abt{
    margin-bottom: 10px;
}
.abtmarque{
    margin-bottom: 30px;
}
#Aboutmarquee{
    margin-left: 200px;
    margin-right: 200px;
    color: rgb(20, 109, 210);
    font-size: large;
}
.borderline{
    width: 50px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
#Aboutbox1{
    display: flex;
   

}
.Aboutboxcommon1{
    display: flex;
    flex: 1;

}
#Aboutleftbox1{
    margin-bottom: 25px;
    height: auto;
    border-radius: 10px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Aboutrightbox1{
    height: auto;
    border-radius: 10px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}
#Aboutbox2{
    display: flex;
    

}
.Aboutboxcommon2{
    display: flex;
    flex: 1;

}

#Aboutleftbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 0px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Aboutrightbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 0px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}
.Aboutimg{
    width: 20%;
    height: 40%;
    margin-top: 35px;
    margin-left: 10px;
}

#Abouttext{
    color: #505050;
    margin-left: 30px;
    justify-content: center;
    text-align: justify;
    margin-right: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 20px;
}
#Service{
    overflow: hidden;
    height: auto;
}
#Servicehead{
    margin-top: 90px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;

}
#Servicemarq{
    margin-left: 200px;
    margin-right: 200px;
    color: rgb(20, 109, 210);
    font-size: large;
}
#Serviceborderline{
    width: 50px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
#Servicebox1{
    display: flex;

}

.Serviceboxcommon1{
    display: flex;
    flex: 1;
}
#Servicebox2{
    display: flex;

}
.Serviceboxcommon2{
    display: flex;
    flex: 1;
}
#Serviceleftbox1{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Serviceleftbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicerightbox1{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicerightbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicetext{
    color: #505050;
    margin-left: 30px;
    justify-content: center;
    text-align: justify;
    margin-right: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 20px;
}
.Serviceimg{
    width: 27%;
    height: 40%;
    margin-top: 35px;
    margin-left: 10px;
}
#Ourteam{
    overflow: hidden;
    height: auto;

}
#ourteam-head-para{
    text-align: center;

}
#ourteam-head{
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;

}
#ourteam-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 30px;

}
.Ourteamborderline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -30px;

}
#Ourteamets-name-1{
    display: flex;

}
.teamats-name-1,.teamats-width-752{
    flex: 1;
    border-radius: 20px;
    margin-right: 30px;
    margin-left: 70px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    

    
}
.teamats-name-2,.teamats-width-751{
    flex: 1;
    border-radius: 20px;
    margin-right: 30px;
    margin-left: 40px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}
.teamats-name-3,.teamats-width-750{
    flex: 1;
    border-radius: 20px;
    margin-right: 70px;
    margin-left: 30px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}
.teamates-describe{
    
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 1px;
    color: #444444;
    line-height: 24px;
    text-align: justify;
    margin-left: 15px;
    margin-right: 15px;
}
.teamates-name{
    margin-left: 20px;

}
.Ourteamates-position{
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: -9px;
}

#Ourteamets-name-2{
    display: flex;

}
.teamats-name-4{
    flex: 1;
    margin-top: 50px;
    border-radius: 20px;
    margin-right: 30px;
    margin-left: 70px;
    background: white;
    height: 240px;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  
}
.teamats-name-5{
    flex: 1;
    margin-top: 50px;
    border-radius: 20px;
    margin-right: 70px;
    margin-left: 30px;
    background: white;
    height: 240px;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  
}
.teamats-name-1:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-2:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-3:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-4:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-5:hover{
    background-color: #ADD8E6;
    
}
#Career{
    overflow: hidden;
    height: auto;
}
#Career-head-para{
    text-align: center;
}
#Career-head{
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}
#Career-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #444444;
}
#Careerbox{
    display: flex;

}
.Carrerbox-1{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 70px;
    margin-right: 40px;
}
.Carrerbox-2{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 40px;
    margin-right: 30px;
}
.Carrerbox-3{
    flex: 1;    
    background: #ebebeb;
    height: auto;
    margin-left: 40px;
    margin-right: 70px;
}
.Careerbox-head{
    margin: auto;
    text-align: center;
    color: white;  
    background: #474747;
    height: 50px;    
    line-height: 50px;
}

.li-career{
    font-family: 'Open Sans', sans-serif;
    margin-top: 25px;
    font-size: 15px;
    margin-left: 10px;
    margin-right: 10px;
}
.Carrerbox-1:hover{
    background-color:#ADD8E6;
}
.Carrerbox-2:hover{
    background-color:#ADD8E6;
}
.Carrerbox-3:hover{
    background-color:#ADD8E6;
}
.Careerbox-head:hover{
    background: #03a9f4;
}
#Career-goal{
    overflow: hidden;
    background-color: #03a9f4;
    height: 250px;
    margin-top: 52px;
}
#Career-goal-head{
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: white;
    margin-top: 58px;
    font-size: 35px;
}
#Career-goal-button{
    text-align: center;
    height: 35px;
    width: 110px;
    color:white;
    background-color: transparent;
    border: 2px solid white;
    border-radius: 20px;
}

#Career-goal-button:hover{
    border-radius: 20px;
    border: none;
    background-color: white;
    color: #03a9f4;
}
#Ourgoal{
    overflow: hidden;
    height: auto;
}
#Ourgoal-head-para{
    text-align: center;
}

#Ourgoal-para{
    margin-top: 50px;
    letter-spacing: 1px;
    color: #444444;

}
.Ourgoalline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -30px;

}
#Ourprocess{
    overflow: hidden;
    height: auto;
}
#Ourprocess-head{
    text-align: center;
}
.Ourprocessline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
#Ourprocess-box1{
    display: flex;
}
#Ourprocess-box-meet-1{
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color:white;
    border: none;
    height: auto;
    flex: 1;
    margin-left: 65px;
    margin-right: 740px;
    border-radius: 10px;
}
#Ourprocess-box-head{
    padding-top: 10px;
    margin-left: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #444444;
}
#Ourprocess-box-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 25px;
    margin-right: 10px;
    margin-left: 20px;
    letter-spacing: 1px;
    color: #444444;
}
#Ourprocess-box2{
    display: flex;
}
#Ourprocess-box-meet-2{
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color:white;
    border: none;
    height: auto;
    flex: 1;
    margin-top: 20px;
    margin-right: 65px;
    margin-left: 740px;
    border-radius: 10px;
}

#Ourgoalbox{
    display: flex;

}
.Ourgoalbox-1{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 70px;
    margin-right: 40px;
}
.Ourgoalbox-2{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 40px;
    margin-right: 30px;
}
.Ourgoalbox-3{
    flex: 1;    
    background: #ebebeb;
    height: auto;
    margin-left: 40px;
    margin-right: 70px;
}
.Ourgoalbox-head{
    margin: auto;
    text-align: center;
    color: white;  
    background: #474747;
    height: 50px;    
    line-height: 50px;
}
.Ourgoalbox-1:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-2:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-3:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-head:hover{
    background: #03a9f4;
}
#Contact{
    overflow: hidden;
    height: auto;
}

#Contact-head{
    text-align: center;
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}

.Ctbox{
    display: flex;
}
.Contact-icon{
    flex-direction: column;
    margin-top: 15px;
    margin-left: 30px;
}
.Contact-text{
    flex-direction: column;
    margin-top: 2px;
    margin-left: 10px;
    color: white;
    font-size: 16px;
   font-family: sans-serif;
}
.Contact-img-inner{
   height: 200px;
   width: 220px;
   margin-top: 20px;
   margin-left: 30px;
}
#Contact-box-1{
    display: flex;
  }
#Contact-box-left{
    flex: 0.45;
    background: rgb(5, 64, 124);
    margin-left: 200px;
    height: 500px;
    border: 1px solid burlywood;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#Contact-box-right{
    flex: 1;
    background-color:rgb(255, 255, 255);
    margin-right: 200px;
    height: 500px;border: none;
    border-top-right-radius: 15px ;
    border-bottom-right-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#Contact-gif{
    display: inline-block; 
    width: 50px; 
    height: 50px; 
    vertical-align: middle; 
    margin-right: 5px;
    margin-left: 5px; 
}
#Contact-box-right-head{
    font-family: sans-serif;
    font-size: 27px;
    margin-left: 5px;
    margin-right: 20px;
}
#email{
    outline: 0px;
    padding: 7px;
    border-radius: 5px;
    border-color: gainsboro;
    font-size: 15px;
    width: 670px;
    height: 30px; 
    margin-top: 15px;
    margin-left: 50px;
    
}
#number{
    outline: 0px;
    padding: 7px;
    font-size: 15px;
    width: 670px;
    height: 30px;
    border-radius: 5px;
    border-color: gainsboro;
    margin-top: 15px;
    margin-left: 50px;
}
#message{
    
    outline: 0px;
    padding: 7px;
    border-radius: 5px;
    font-size: 15px;
    width: 670px;
    height: 80px;
    margin-top: 15px;
    margin-left: 50px;
}
#Contactsub{
    
    padding: 7px;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    font-family: sans-serif;
    height: 40px;
    width: 685px;
    background: rgb(5, 64, 124);
    color: white;
    margin-top: 15px;
    margin-left: 50px;
    border-radius: 5px;
    cursor: pointer;
    border: none;
}
   footer
{
            text-align: center;
            margin-top:20px; 
            background: rgb(5, 64, 124); 
            height: 40px; color: white; 
            padding-top: 20px;  
            font-size:larger;
}
}


/***Screen0***/
@media screen and (max-width:1600px)
{#Header{
    z-index: 1000;
    position:fixed;
    padding-top: 10px;
    background-color:white;
    height: 60px;
    display: flex;
    width: 100%; 
}

#Logo{
    margin-bottom: 10px;
    margin-left: 40px;
    cursor: pointer;

}
#Navul{
    margin-top: 20px;
    margin-left: 690px;
    
}
#li-nav{
    display: inline;
    margin-right: 23px;

}
a{
    text-decoration: none;
    color: black;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
}

.Scroll{
    scroll-behavior: smooth;
}
.active{
    color: #03a9f4;
}
a:hover{
    color: #03a9f4;
}
#Banner{
    overflow: hidden;
    background-image: url(images/home.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
    height: 740px;
    
}
#Bannername{
    margin-top: 300px;
    font-family:'Courier New', Courier, monospace;

    color: white;
    text-align: center;
    text-transform: uppercase;
    font-size: 60px;
}
#btn{
    FONT-SIZE: 14PX;
    text-align: center;
    height: 35px;
    width: 110px;
    border-radius: 20px;
    border: none;
}
#btn:hover{
    color:white;
    background-color: transparent;
    border: 2px solid white;
}
#About{
    overflow: hidden;
    height: auto;
}
#Abouthead{
    margin-top: 90px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    
}
.abt{
    margin-bottom: 10px;
}
.abtmarque{
    margin-bottom: 30px;
}
#Aboutmarquee{
    margin-left: 200px;
    margin-right: 200px;
    color: rgb(20, 109, 210);
    font-size: large;
}
.borderline{
    width: 50px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
#Aboutbox1{
    display: flex;
   

}
.Aboutboxcommon1{
    display: flex;
    flex: 1;

}
#Aboutleftbox1{
    margin-bottom: 25px;
    height: auto;
    border-radius: 10px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Aboutrightbox1{
    height: auto;
    border-radius: 10px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}
#Aboutbox2{
    display: flex;
    

}
.Aboutboxcommon2{
    display: flex;
    flex: 1;

}

#Aboutleftbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 0px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Aboutrightbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 0px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}
.Aboutimg{
    width: 20%;
    height: 40%;
    margin-top: 35px;
    margin-left: 10px;
}

#Abouttext{
    color: #505050;
    margin-left: 30px;
    justify-content: center;
    text-align: justify;
    margin-right: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 20px;
}
#Service{
    overflow: hidden;
    height: auto;
}
#Servicehead{
    margin-top: 90px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;

}
#Servicemarq{
    margin-left: 200px;
    margin-right: 200px;
    color: rgb(20, 109, 210);
    font-size: large;
}
#Serviceborderline{
    width: 50px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
#Servicebox1{
    display: flex;

}

.Serviceboxcommon1{
    display: flex;
    flex: 1;
}
#Servicebox2{
    display: flex;

}
.Serviceboxcommon2{
    display: flex;
    flex: 1;
}
#Serviceleftbox1{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Serviceleftbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicerightbox1{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicerightbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 40px;
    margin-left: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicetext{
    color: #505050;
    margin-left: 30px;
    justify-content: center;
    text-align: justify;
    margin-right: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 20px;
}
.Serviceimg{
    width: 27%;
    height: 40%;
    margin-top: 35px;
    margin-left: 10px;
}
#Ourteam{
    overflow: hidden;
    height: auto;

}
#ourteam-head-para{
    text-align: center;

}
#ourteam-head{
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;

}
#ourteam-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 30px;

}
.Ourteamborderline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -30px;

}
#Ourteamets-name-1{
    display: flex;

}
.teamats-name-1,.teamats-width-752{
    flex: 1;
    border-radius: 20px;
    margin-right: 30px;
    margin-left: 70px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    

    
}
.teamats-name-2,.teamats-width-751{
    flex: 1;
    border-radius: 20px;
    margin-right: 30px;
    margin-left: 40px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}
.teamats-name-3,.teamats-width-750{
    flex: 1;
    border-radius: 20px;
    margin-right: 70px;
    margin-left: 30px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}
.teamates-describe{
    
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 1px;
    color: #444444;
    line-height: 24px;
    text-align: justify;
    margin-left: 15px;
    margin-right: 15px;
}
.teamates-name{
    margin-left: 20px;

}
.Ourteamates-position{
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: -9px;
}

#Ourteamets-name-2{
    display: flex;

}
.teamats-name-4{
    flex: 1;
    margin-top: 50px;
    border-radius: 20px;
    margin-right: 30px;
    margin-left: 70px;
    background: white;
    height: 240px;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  
}
.teamats-name-5{
    flex: 1;
    margin-top: 50px;
    border-radius: 20px;
    margin-right: 70px;
    margin-left: 30px;
    background: white;
    height: 240px;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  
}
.teamats-name-1:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-2:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-3:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-4:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-5:hover{
    background-color: #ADD8E6;
    
}
#Career{
    overflow: hidden;
    height: auto;
}
#Career-head-para{
    text-align: center;
}
#Career-head{
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}
#Career-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #444444;
}
#Careerbox{
    display: flex;

}
.Carrerbox-1{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 70px;
    margin-right: 40px;
}
.Carrerbox-2{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 40px;
    margin-right: 30px;
}
.Carrerbox-3{
    flex: 1;    
    background: #ebebeb;
    height: auto;
    margin-left: 40px;
    margin-right: 70px;
}
.Careerbox-head{
    margin: auto;
    text-align: center;
    color: white;  
    background: #474747;
    height: 50px;    
    line-height: 50px;
}

.li-career{
    font-family: 'Open Sans', sans-serif;
    margin-top: 25px;
    font-size: 15px;
    margin-left: 10px;
    margin-right: 10px;
}
.Carrerbox-1:hover{
    background-color:#ADD8E6;
}
.Carrerbox-2:hover{
    background-color:#ADD8E6;
}
.Carrerbox-3:hover{
    background-color:#ADD8E6;
}
.Careerbox-head:hover{
    background: #03a9f4;
}
#Career-goal{
    overflow: hidden;
    background-color: #03a9f4;
    height: 250px;
    margin-top: 52px;
}
#Career-goal-head{
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: white;
    margin-top: 58px;
    font-size: 35px;
}
#Career-goal-button{
    text-align: center;
    height: 35px;
    width: 110px;
    color:white;
    background-color: transparent;
    border: 2px solid white;
    border-radius: 20px;
}

#Career-goal-button:hover{
    border-radius: 20px;
    border: none;
    background-color: white;
    color: #03a9f4;
}
#Ourgoal{
    overflow: hidden;
    height: auto;
}
#Ourgoal-head-para{
    text-align: center;
}

#Ourgoal-para{
    margin-top: 50px;
    letter-spacing: 1px;
    color: #444444;

}
.Ourgoalline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -30px;

}
#Ourprocess{
    overflow: hidden;
    height: auto;
}
#Ourprocess-head{
    text-align: center;
}
.Ourprocessline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
#Ourprocess-box1{
    display: flex;
}
#Ourprocess-box-meet-1{
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color:white;
    border: none;
    height: auto;
    flex: 1;
    margin-left: 65px;
    margin-right: 740px;
    border-radius: 10px;
}
#Ourprocess-box-head{
    padding-top: 10px;
    margin-left: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #444444;
}
#Ourprocess-box-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 25px;
    margin-right: 10px;
    margin-left: 20px;
    letter-spacing: 1px;
    color: #444444;
}
#Ourprocess-box2{
    display: flex;
}
#Ourprocess-box-meet-2{
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color:white;
    border: none;
    height: auto;
    flex: 1;
    margin-top: 20px;
    margin-right: 65px;
    margin-left: 740px;
    border-radius: 10px;
}

#Ourgoalbox{
    display: flex;

}
.Ourgoalbox-1{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 70px;
    margin-right: 40px;
}
.Ourgoalbox-2{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 40px;
    margin-right: 30px;
}
.Ourgoalbox-3{
    flex: 1;    
    background: #ebebeb;
    height: auto;
    margin-left: 40px;
    margin-right: 70px;
}
.Ourgoalbox-head{
    margin: auto;
    text-align: center;
    color: white;  
    background: #474747;
    height: 50px;    
    line-height: 50px;
}
.Ourgoalbox-1:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-2:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-3:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-head:hover{
    background: #03a9f4;
}

#Contact{
    overflow: hidden;
    height: auto;
}

#Contact-head{
    text-align: center;
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}

.Ctbox{
    display: flex;
}
.Contact-icon{
    flex-direction: column;
    margin-top: 15px;
    margin-left: 30px;
}
.Contact-text{
    flex-direction: column;
    margin-top: 2px;
    margin-left: 10px;
    color: white;
    font-size: 16px;
   font-family: sans-serif;
}
.Contact-img-inner{
   height: 200px;
   width: 220px;
   margin-top: 20px;
   margin-left: 30px;
}
#Contact-box-1{
    display: flex;
  }
#Contact-box-left{
    flex: 0.45;
    background: rgb(5, 64, 124);
    margin-left: 200px;
    height: 500px;
    border: 1px solid burlywood;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#Contact-box-right{
    flex: 1;
    background-color:rgb(255, 255, 255);
    margin-right: 200px;
    height: 500px;border: none;
    border-top-right-radius: 15px ;
    border-bottom-right-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#Contact-gif{
    display: inline-block; 
    width: 50px; 
    height: 50px; 
    vertical-align: middle; 
    margin-right: 5px;
    margin-left: 5px; 
}
#Contact-box-right-head{
    font-family: sans-serif;
    font-size: 27px;
    margin-left: 5px;
    margin-right: 20px;
}
#email{
    outline: 0px;
    padding: 7px;
    border-radius: 5px;
    border-color: gainsboro;
    font-size: 15px;
    width: 630px;
    height: 30px; 
    margin-top: 15px;
    margin-left: 50px;
    
}
#number{
    outline: 0px;
    padding: 7px;
    font-size: 15px;
    width: 630px;
    height: 30px;
    border-radius: 5px;
    border-color: gainsboro;
    margin-top: 15px;
    margin-left: 50px;
}
#message{
    
    outline: 0px;
    padding: 7px;
    border-radius: 5px;
    font-size: 15px;
    width: 630px;
    height: 80px;
    margin-top: 15px;
    margin-left: 50px;
}
#Contactsub{
    
    padding: 7px;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    font-family: sans-serif;
    height: 40px;
    width: 645px;
    background: rgb(5, 64, 124);
    color: white;
    margin-top: 15px;
    margin-left: 50px;
    border-radius: 5px;
    cursor: pointer;
    border: none;
}
footer
{
            text-align: center;
            margin-top:20px; 
            background: rgb(5, 64, 124); 
            height: 40px; color: white; 
            padding-top: 20px;  
            font-size:larger;
}
}

/***Screen1***/
@media screen and (max-width:1500px)
{#Header{
    z-index: 1000;
    position:fixed;
    padding-top: 10px;
    background-color:white;
    height: 60px;
    display: flex;
    width: 100%; 
}

#Logo{
    margin-bottom: 10px;
    margin-left: 40px;
    cursor: pointer;

}
#Navul{
    margin-top: 20px;
    margin-left: 600px;
    
}
#li-nav{
    display: inline;
    margin-right: 23px;

}
a{
    text-decoration: none;
    color: black;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
}

.Scroll{
    scroll-behavior: smooth;
}
.active{
    color: #03a9f4;
}
a:hover{
    color: #03a9f4;
}
#Banner{
    overflow: hidden;
    background-image: url(images/home.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
    height: 750px;
    
}
#Bannername{
    margin-top: 300px;
    font-family:'Courier New', Courier, monospace;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-size: 60px;
}
#btn{
    FONT-SIZE: 14PX;
    text-align: center;
    height: 35px;
    width: 110px;
    border-radius: 20px;
    border: none;
}
#btn:hover{
    color:white;
    background-color: transparent;
    border: 2px solid white;
}
#About{
    overflow: hidden;
    height: auto;
}
#Abouthead{
    margin-top: 90px;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    
}
#Aboutmarquee{
    margin-bottom: 10px;
    margin-left: 200px;
    margin-right: 200px;
    color: rgb(20, 109, 210);
    font-size: large;
}
.borderline{
    width: 50px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
#Aboutbox1{
    display: flex;

}
.Aboutboxcommon1{
    display: flex;
    flex: 1;

}
#Aboutleftbox1{
    height: auto;
    border-radius: 10px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Aboutrightbox1{
    height: auto;
    border-radius: 10px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}
#Aboutbox2{
    display: flex;

}
.Aboutboxcommon2{
    display: flex;
    flex: 1;

}

#Aboutleftbox2{
    height: auto;
    border-radius: 10px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Aboutrightbox2{
    height: auto;
    border-radius: 10px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}
.Aboutimg{
    width: 23%;
    height: 36%;
    margin-top: 35px;
    margin-left: 10px;
}

#Abouttext{
    color: #505050;
    margin-left: 30px;
    justify-content: center;
    text-align: justify;
    margin-right: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
}
#Service{
    overflow: hidden;
    height: auto;

}
#Servicehead{
    margin-top: 90px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;

}
#Servicemarq{
    margin-left: 200px;
    margin-right: 200px;
    color: rgb(20, 109, 210);
    font-size: large;
}
#Serviceborderline{
    width: 50px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
#Servicebox1{
    display: flex;

}

.Serviceboxcommon1{
    display: flex;
    flex: 1;
}
#Servicebox2{
    display: flex;

}
.Serviceboxcommon2{
    display: flex;
    flex: 1;
}
#Serviceleftbox1{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Serviceleftbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicerightbox1{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicerightbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicetext{
    color: #505050;
    margin-left: 30px;
    justify-content: center;
    text-align: justify;
    margin-right: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
}
.Serviceimg{
    width: 23%;
    height: 36%;
    margin-top: 35px;
    margin-left: 10px;
}
#Ourteam{
    overflow: hidden;
    height: auto;

}
#ourteam-head-para{
    text-align: center;

}
#ourteam-head{
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;

}
#ourteam-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 30px;

}
.Ourteamborderline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -30px;

}
#Ourteamets-name-1{
    display: flex;

}
.teamats-name-1,.teamats-width-752{
    flex: 1;
    border-radius: 20px;
    margin-right: 25px;
    margin-left: 25px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}
.teamats-name-2,.teamats-width-751{
    flex: 1;
    border-radius: 20px;
    margin-right: 25px;
    margin-left: 25px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}
.teamats-name-3,.teamats-width-750{
    flex: 1;
    border-radius: 20px;
    margin-right: 32px;
    margin-left: 25px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}

.teamates-describe{
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 1px;
    color: #444444;
    line-height: 24px;
    text-align: justify;
    margin-left: 15px;
    margin-right: 15px;
}
.teamates-name{
    margin-left: 20px;

}
.Ourteamates-position{
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: -9px;
}
#Ourteamets-name-2{
    display: flex;

}
.teamats-name-4{
    flex: 1;
    margin-top: 50px;
    border-radius: 20px;
    margin-right: 30px;
    margin-left: 40px;
    background: white;
    height: 280px;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  
}
.teamats-name-5{
    flex: 1;
    margin-top: 50px;
    border-radius: 20px;
    margin-right: 40px;
    margin-left: 30px;
    background: white;
    height: 280px;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  
}
   .teamats-name-4:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-5:hover{
    background-color: #ADD8E6;
    
}

.teamats-name-1:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-2:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-3:hover{
    background-color: #ADD8E6;
    
}

#Career{
    overflow: hidden;
    height: auto; 
}
#Career-head-para{
    text-align: center;
}
#Career-head{
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}
#Career-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #444444;
}
#Careerbox{
    display: flex;

}
.Carrerbox-1{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Carrerbox-2{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Carrerbox-3{
    flex: 1;    
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Careerbox-head{
    margin: auto;
    text-align: center;
    color: white;  
    background: #474747;
    height: 50px;    
    line-height: 50px;
}

.li-career{
    font-family: 'Open Sans', sans-serif;
    margin-top: 25px;
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px;
}
.Carrerbox-1:hover{
    background-color:#ADD8E6;
}
.Carrerbox-2:hover{
    background-color:#ADD8E6;
}
.Carrerbox-3:hover{
    background-color:#ADD8E6;
}
.Careerbox-head:hover{
    background: #03a9f4;
}
#Career-goal{
    overflow: hidden;
    background-color: #03a9f4;
    height: 250px;
    margin-top: 52px;
}
#Career-goal-head{
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: white;
    margin-top: 58px;
    font-size: 35px;
}
#Career-goal-button{
    text-align: center;
    height: 35px;
    width: 110px;
    color:white;
    background-color: transparent;
    border: 2px solid white;
    border-radius: 20px;
}

#Career-goal-button:hover{
    border-radius: 20px;
    border: none;
    background-color: white;
    color: #03a9f4;
}
#Ourgoal{
    overflow: hidden;
    height: auto;
}
#Ourgoal-head-para{
    text-align: center;
}

#Ourgoal-para{
    margin-top: 50px;
    letter-spacing: 1px;
    color: #444444;

}
.Ourgoalline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -30px;

}

#Ourgoalbox{
    display: flex;

}
.Ourgoalbox-1{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Ourgoalbox-2{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Ourgoalbox-3{
    flex: 1;    
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Ourgoalbox-head{
    margin: auto;
    text-align: center;
    color: white;  
    background: #474747;
    height: 50px;    
    line-height: 50px;
}
.Ourgoalbox-1:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-2:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-3:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-head:hover{
    background: #03a9f4;
}


#Ourprocess{
    overflow: hidden;
    height: auto;
}
#Ourprocess-head{
    text-align: center;
}
.Ourprocessline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
#Ourprocess-box1{
    display: flex;
}
#Ourprocess-box-meet-1{
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color:white;
    border: none;
    height: auto;
    flex: 1;
    margin-top: 30px;
    margin-left: 65px;
    margin-right: 450px;
    border-radius: 10px;
}
#Ourprocess-box-head{
    margin-left: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #444444;
}
#Ourprocess-box-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 25px;
    margin-right: 10px;
    margin-left: 20px;
    letter-spacing: 1px;
    color: #444444;
}
#Ourprocess-box2{
    display: flex;
}
#Ourprocess-box-meet-2{
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color:white;
    border: none;
    height: auto;
    flex: 1;
    margin-top: 30px;
    margin-right: 65px;
    margin-left: 450px;
    border-radius: 10px;
}
#Contact{
    overflow: hidden;
    height: auto;
}
#Contact-head{
    text-align: center;
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}

.Ctbox{
    display: flex;
}
.Contact-icon{
    flex-direction: column;
    margin-top: 15px;
    margin-left: 30px;
}
.Contact-text{
    flex-direction: column;
    margin-top: 2px;
    margin-left: 10px;
    color: white;
    font-size: 16px;
   font-family: sans-serif;
}
.Contact-img-inner{
   height: 200px;
   width: 220px;
   margin-top: 20px;
   margin-left: 30px;
}
#Contact-box-1{
    display: flex;
  }
#Contact-box-left{
    flex: 0.45;
    background: rgb(5, 64, 124);
    margin-left: 200px;
    height: 500px;
    border: 1px solid burlywood;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#Contact-box-right{
    flex: 1;
    background-color:rgb(255, 255, 255);
    margin-right: 200px;
    height: 500px;border: none;
    border-top-right-radius: 15px ;
    border-bottom-right-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#Contact-gif{
    display: inline-block; 
    width: 50px; 
    height: 50px; 
    vertical-align: middle; 
    margin-right: 5px;
    margin-left: 5px; 
}
#Contact-box-right-head{
    font-family: sans-serif;
    font-size: 27px;
    margin-left: 5px;
    margin-right: 20px;
}
#email{
    margin-right: 10px;
    outline: 0px;
    padding: 7px;
    border-radius: 5px;
    border-color: gainsboro;
    font-size: 15px;
    width: 595px;
    height: 30px; 
    margin-top: 15px;
    margin-left: 50px;
    
}
#number{
    outline: 0px;
    padding: 7px;
    font-size: 15px;
    width: 595px;
    height: 30px;
    border-radius: 5px;
    border-color: gainsboro;
    margin-top: 15px;
    margin-left: 50px;
}
#message{
    outline: 0px;
    padding: 7px;
    border-radius: 5px;
    font-size: 15px;
    height: 80px;
    width: 595px;
    margin-top: 15px;
    margin-left: 50px;
}
#Contactsub{
    
    padding: 7px;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    font-family: sans-serif;
    height: 40px;
    width: 605px;
    background: rgb(5, 64, 124);
    color: white;
    margin-top: 15px;
    margin-left: 50px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
}
footer
{
            text-align: center;
            margin-top:20px; 
            background: rgb(5, 64, 124); 
            height: 40px; color: white; 
            padding-top: 20px;  
            font-size:larger;
}
   
}


/***Screen1***/
@media screen and (max-width:1400px)
{#Header{
    z-index: 1000;
    position:fixed;
    padding-top: 10px;
    background-color:white;
    height: 60px;
    display: flex;
    width: 100%; 
}

#Logo{
    margin-bottom: 10px;
    margin-left: 40px;
    cursor: pointer;

}
#Navul{
    margin-top: 20px;
    margin-left: 500px;
    
}
#li-nav{
    display: inline;
    margin-right: 23px;

}
a{
    text-decoration: none;
    color: black;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
}
.Scroll{
    scroll-behavior: smooth;
}
.active{
    color: #03a9f4;
}
a:hover{
    color: #03a9f4;
}
#Banner{
    overflow: hidden;
    background-image: url(images/home.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
    height: 640px;
    
}
#Bannername{
    margin-top: 300px;
    font-family:'Courier New', Courier, monospace;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-size: 60px;
}
#btn{
    FONT-SIZE: 14PX;
    text-align: center;
    height: 35px;
    width: 110px;
    border-radius: 20px;
    border: none;
}
#btn:hover{
    color:white;
    background-color: transparent;
    border: 2px solid white;
}
#About{
    overflow: hidden;
    height: auto;
}
#Abouthead{
    margin-top: 90px;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    
}
#Aboutmarquee{
    margin-bottom: 10px;
    margin-left: 200px;
    margin-right: 200px;
    color: rgb(20, 109, 210);
    font-size: large;
}
.borderline{
    width: 50px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
#Aboutbox1{
    display: flex;

}
.Aboutboxcommon1{
    display: flex;
    flex: 1;

}
#Aboutleftbox1{
    height: auto;
    border-radius: 10px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Aboutrightbox1{
    height: auto;
    border-radius: 10px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}
#Aboutbox2{
    display: flex;

}
.Aboutboxcommon2{
    display: flex;
    flex: 1;

}

#Aboutleftbox2{
    height: auto;
    border-radius: 10px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Aboutrightbox2{
    height: auto;
    border-radius: 10px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}
.Aboutimg{
    width: 23%;
    height: 36%;
    margin-top: 35px;
    margin-left: 10px;
}

#Abouttext{
    color: #505050;
    margin-left: 30px;
    justify-content: center;
    text-align: justify;
    margin-right: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
}
#Service{
    overflow: hidden;
    height: auto;

}
#Servicehead{
    margin-top: 90px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;

}
#Servicemarq{
    margin-left: 200px;
    margin-right: 200px;
    color: rgb(20, 109, 210);
    font-size: large;
}
#Serviceborderline{
    width: 50px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
#Servicebox1{
    display: flex;

}

.Serviceboxcommon1{
    display: flex;
    flex: 1;
}
#Servicebox2{
    display: flex;

}
.Serviceboxcommon2{
    display: flex;
    flex: 1;
}
#Serviceleftbox1{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Serviceleftbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicerightbox1{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicerightbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicetext{
    color: #505050;
    margin-left: 30px;
    justify-content: center;
    text-align: justify;
    margin-right: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
}
.Serviceimg{
    width: 23%;
    height: 36%;
    margin-top: 35px;
    margin-left: 10px;
}
#Ourteam{
    overflow: hidden;
    height: auto;

}
#ourteam-head-para{
    text-align: center;

}
#ourteam-head{
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;

}
#ourteam-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 30px;

}
.Ourteamborderline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -30px;

}
#Ourteamets-name-1{
    display: flex;

}
.teamats-name-1,.teamats-width-752{
    flex: 1;
    border-radius: 20px;
    margin-right: 25px;
    margin-left: 25px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}
.teamats-name-2,.teamats-width-751{
    flex: 1;
    border-radius: 20px;
    margin-right: 25px;
    margin-left: 25px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}
.teamats-name-3,.teamats-width-750{
    flex: 1;
    border-radius: 20px;
    margin-right: 32px;
    margin-left: 25px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}

.teamates-describe{
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 1px;
    color: #444444;
    line-height: 24px;
    text-align: justify;
    margin-left: 15px;
    margin-right: 15px;
}
.teamates-name{
    margin-left: 20px;

}
.Ourteamates-position{
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: -9px;
}
#Ourteamets-name-2{
    display: flex;

}
.teamats-name-4{
    flex: 1;
    margin-top: 50px;
    border-radius: 20px;
    margin-right: 30px;
    margin-left: 40px;
    background: white;
    height: 280px;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  
}
.teamats-name-5{
    flex: 1;
    margin-top: 50px;
    border-radius: 20px;
    margin-right: 40px;
    margin-left: 30px;
    background: white;
    height: 280px;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  
}
   .teamats-name-4:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-5:hover{
    background-color: #ADD8E6;
    
}

.teamats-name-1:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-2:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-3:hover{
    background-color: #ADD8E6;
    
}

#Career{
    overflow: hidden;
    height: auto; 
}
#Career-head-para{
    text-align: center;
}
#Career-head{
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}
#Career-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #444444;
}
#Careerbox{
    display: flex;

}
.Carrerbox-1{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Carrerbox-2{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Carrerbox-3{
    flex: 1;    
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Careerbox-head{
    margin: auto;
    text-align: center;
    color: white;  
    background: #474747;
    height: 50px;    
    line-height: 50px;
}

.li-career{
    font-family: 'Open Sans', sans-serif;
    margin-top: 25px;
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px;
}
.Carrerbox-1:hover{
    background-color:#ADD8E6;
}
.Carrerbox-2:hover{
    background-color:#ADD8E6;
}
.Carrerbox-3:hover{
    background-color:#ADD8E6;
}
.Careerbox-head:hover{
    background: #03a9f4;
}
#Career-goal{
    overflow: hidden;
    background-color: #03a9f4;
    height: 250px;
    margin-top: 52px;
}
#Career-goal-head{
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: white;
    margin-top: 58px;
    font-size: 35px;
}
#Career-goal-button{
    text-align: center;
    height: 35px;
    width: 110px;
    color:white;
    background-color: transparent;
    border: 2px solid white;
    border-radius: 20px;
}

#Career-goal-button:hover{
    border-radius: 20px;
    border: none;
    background-color: white;
    color: #03a9f4;
}
#Ourgoal{
    overflow: hidden;
    height: auto;
}
#Ourgoal-head-para{
    text-align: center;
}

#Ourgoal-para{
    margin-top: 50px;
    letter-spacing: 1px;
    color: #444444;

}
.Ourgoalline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -30px;

}

#Ourgoalbox{
    display: flex;

}
.Ourgoalbox-1{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Ourgoalbox-2{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Ourgoalbox-3{
    flex: 1;    
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Ourgoalbox-head{
    margin: auto;
    text-align: center;
    color: white;  
    background: #474747;
    height: 50px;    
    line-height: 50px;
}
.Ourgoalbox-1:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-2:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-3:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-head:hover{
    background: #03a9f4;
}


#Ourprocess{
    overflow: hidden;
    height: auto;
}
#Ourprocess-head{
    text-align: center;
}
.Ourprocessline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
#Ourprocess-box1{
    display: flex;
}
#Ourprocess-box-meet-1{
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color:white;
    border: none;
    height: auto;
    flex: 1;
    margin-top: 30px;
    margin-left: 65px;
    margin-right: 450px;
    border-radius: 10px;
}
#Ourprocess-box-head{
    margin-left: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #444444;
}
#Ourprocess-box-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 25px;
    margin-right: 10px;
    margin-left: 20px;
    letter-spacing: 1px;
    color: #444444;
}
#Ourprocess-box2{
    display: flex;
}
#Ourprocess-box-meet-2{
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color:white;
    border: none;
    height: auto;
    flex: 1;
    margin-top: 30px;
    margin-right: 65px;
    margin-left: 450px;
    border-radius: 10px;
}
#Contact{
    overflow: hidden;
    height: auto;
}


#Contact-head{
    text-align: center;
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}

.Ctbox{
    display: flex;
}
.Contact-icon{
    flex-direction: column;
    margin-top: 15px;
    margin-left: 30px;
}
.Contact-text{
    flex-direction: column;
    margin-top: 2px;
    margin-left: 10px;
    color: white;
    font-size: 16px;
   font-family: sans-serif;
}
.Contact-img-inner{
   height: 200px;
   width: 220px;
   margin-top: 20px;
   margin-left: 30px;
}
#Contact-box-1{
    display: flex;
  }
#Contact-box-left{
    flex: 0.45;
    background: rgb(5, 64, 124);
    margin-left: 200px;
    height: 500px;
    border: 1px solid burlywood;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#Contact-box-right{
    flex: 1;
    background-color:rgb(255, 255, 255);
    margin-right: 200px;
    height: 500px;border: none;
    border-top-right-radius: 15px ;
    border-bottom-right-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#Contact-gif{
    display: inline-block; 
    width: 50px; 
    height: 50px; 
    vertical-align: middle; 
    margin-right: 5px;
    margin-left: 5px; 
}
#Contact-box-right-head{
    font-family: sans-serif;
    font-size: 27px;
    margin-left: 5px;
    margin-right: 20px;
}
#email{
    outline: 0px;
    padding: 7px;
    border-radius: 5px;
    border-color: gainsboro;
    font-size: 15px;
    width: 500px;
    height: 30px; 
    margin-top: 15px;
    margin-right: 10px;
    margin-left: 50px;
    
}
#number{
    outline: 0px;
    padding: 7px;
    font-size: 15px;
    width: 500px;
    height: 30px;
    border-radius: 5px;
    border-color: gainsboro;
    margin-top: 15px;
    margin-left: 50px;
}
#message{
    
    outline: 0px;
    padding: 7px;
    border-radius: 5px;
    font-size: 15px;
    width: 500px;
    height: 80px;
    margin-top: 15px;
    margin-left: 50px;
}
#Contactsub{
    
    padding: 7px;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    font-family: sans-serif;
    height: 40px;
    width: 515px;
    background: rgb(5, 64, 124);
    color: white;
    margin-top: 15px;
    margin-left: 50px;
    border-radius: 5px;
    cursor: pointer;
}
footer
{
            text-align: center;
            margin-top:20px; 
            background: rgb(5, 64, 124); 
            height: 40px; color: white; 
            padding-top: 20px;  
            font-size:larger;
}
   
}

/***Screen2***/
@media screen and (max-width:1300px)
{
 
#Header{
    padding-top: 10px;
    background-color:white;
    height: 60px;
    display: flex;
    position: fixed;
    width: 100%; 
}

#Logo{
    margin-bottom: 10px;
    margin-left: 40px;
    cursor: pointer;

}
#Navul{
    margin-top: 20px;
    margin-left: 380px;
    
}
#li-nav{
    display: inline;
    margin-right: 18px;

}
a{
    text-decoration: none;
    color: black;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
}
.Scroll{
    scroll-behavior: smooth;
}
.active{
    color: #03a9f4;
}
a:hover{
    color: #03a9f4;
}
#Banner{
    overflow: hidden;
    background-image: url(images/home.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
    height: 580px;
    
}
#Bannername{
    margin-top: 280px;
    font-family:'Courier New', Courier, monospace;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-size: 60px;
}
#btn{
    FONT-SIZE: 14PX;
    text-align: center;
    height: 35px;
    width: 110px;
    border-radius: 20px;
    border: none;
}
#btn:hover{
    color:white;
    background-color: transparent;
    border: 2px solid white;
}
#About{
    overflow: hidden;
    height: auto;
}
#Abouthead{
    margin-top: 90px;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    
}
#Aboutmarquee{
    margin-bottom: 10px;
    margin-left: 200px;
    margin-right: 200px;
    color: rgb(20, 109, 210);
    font-size: large;
}
.borderline{
    width: 50px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
#Aboutbox1{
    display: flex;

}
.Aboutboxcommon1{
    display: flex;
    flex: 1;

}
#Aboutleftbox1{
    height: auto;
    border-radius: 10px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Aboutrightbox1{
    height: auto;
    border-radius: 10px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}
#Aboutbox2{
    display: flex;

}
.Aboutboxcommon2{
    display: flex;
    flex: 1;

}

#Aboutleftbox2{
    height: auto;
    border-radius: 10px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Aboutrightbox2{
    height: auto;
    border-radius: 10px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}
.Aboutimg{
    width: 23%;
    height: 36%;
    margin-top: 35px;
    margin-left: 10px;
}

#Abouttext{
    color: #505050;
    margin-left: 30px;
    justify-content: center;
    text-align: justify;
    margin-right: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
}
#Service{
    overflow: hidden;
    height: auto;

}
#Servicehead{
    margin-top: 90px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;

}
#Servicemarq{
    margin-left: 200px;
    margin-right: 200px;
    color: rgb(20, 109, 210);
    font-size: large;
}
#Serviceborderline{
    width: 50px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
#Servicebox1{
    display: flex;

}

.Serviceboxcommon1{
    display: flex;
    flex: 1;
}
#Servicebox2{
    display: flex;

}
.Serviceboxcommon2{
    display: flex;
    flex: 1;
}
#Serviceleftbox1{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Serviceleftbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicerightbox1{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicerightbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicetext{
    color: #505050;
    margin-left: 30px;
    justify-content: center;
    text-align: justify;
    margin-right: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
}
.Serviceimg{
    width: 23%;
    height: 36%;
    margin-top: 35px;
    margin-left: 10px;
}
#Ourteam{
    overflow: hidden;
    height: auto;

}
#ourteam-head-para{
    text-align: center;

}
#ourteam-head{
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;

}
#ourteam-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 30px;

}
.Ourteamborderline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -30px;

}
#Ourteamets-name-1{
    display: flex;

}
.teamats-name-1,.teamats-width-752{
    flex: 1;
    border-radius: 20px;
    margin-right: 25px;
    margin-left: 25px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}
.teamats-name-2,.teamats-width-751{
    flex: 1;
    border-radius: 20px;
    margin-right: 25px;
    margin-left: 25px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}
.teamats-name-3,.teamats-width-750{
    flex: 1;
    border-radius: 20px;
    margin-right: 32px;
    margin-left: 25px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}

.teamates-describe{
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 1px;
    color: #444444;
    line-height: 24px;
    text-align: justify;
    margin-left: 15px;
    margin-right: 15px;
}
.teamates-name{
    margin-left: 20px;

}
.Ourteamates-position{
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: -9px;
}
#Ourteamets-name-2{
    display: flex;

}
.teamats-name-4{
    flex: 1;
    margin-top: 50px;
    border-radius: 20px;
    margin-right: 30px;
    margin-left: 40px;
    background: white;
    height: 280px;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  
}
.teamats-name-5{
    flex: 1;
    margin-top: 50px;
    border-radius: 20px;
    margin-right: 40px;
    margin-left: 30px;
    background: white;
    height: 280px;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  
}
   .teamats-name-4:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-5:hover{
    background-color: #ADD8E6;
    
}

.teamats-name-1:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-2:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-3:hover{
    background-color: #ADD8E6;
    
}

#Career{
    overflow: hidden;
    height: auto; 
}
#Career-head-para{
    text-align: center;
}
#Career-head{
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}
#Career-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #444444;
}
#Careerbox{
    display: flex;

}
.Carrerbox-1{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Carrerbox-2{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Carrerbox-3{
    flex: 1;    
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Careerbox-head{
    margin: auto;
    text-align: center;
    color: white;  
    background: #474747;
    height: 50px;    
    line-height: 50px;
}

.li-career{
    font-family: 'Open Sans', sans-serif;
    margin-top: 25px;
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px;
}
.Carrerbox-1:hover{
    background-color:#ADD8E6;
}
.Carrerbox-2:hover{
    background-color:#ADD8E6;
}
.Carrerbox-3:hover{
    background-color:#ADD8E6;
}
.Careerbox-head:hover{
    background: #03a9f4;
}
#Career-goal{
    overflow: hidden;
    background-color: #03a9f4;
    height: 250px;
    margin-top: 52px;
}
#Career-goal-head{
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: white;
    margin-top: 58px;
    font-size: 35px;
}
#Career-goal-button{
    text-align: center;
    height: 35px;
    width: 110px;
    color:white;
    background-color: transparent;
    border: 2px solid white;
    border-radius: 20px;
}

#Career-goal-button:hover{
    border-radius: 20px;
    border: none;
    background-color: white;
    color: #03a9f4;
}
#Ourgoal{
    overflow: hidden;
    height: auto;
}
#Ourgoal-head-para{
    text-align: center;
}

#Ourgoal-para{
    margin-top: 50px;
    letter-spacing: 1px;
    color: #444444;

}
.Ourgoalline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -30px;

}

#Ourgoalbox{
    display: flex;

}
.Ourgoalbox-1{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Ourgoalbox-2{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Ourgoalbox-3{
    flex: 1;    
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Ourgoalbox-head{
    margin: auto;
    text-align: center;
    color: white;  
    background: #474747;
    height: 50px;    
    line-height: 50px;
}
.Ourgoalbox-1:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-2:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-3:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-head:hover{
    background: #03a9f4;
}


#Ourprocess{
    overflow: hidden;
    height: auto;
}
#Ourprocess-head{
    text-align: center;
}
.Ourprocessline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
#Ourprocess-box1{
    display: flex;
}
#Ourprocess-box-meet-1{
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color:white;
    border: none;
    height: auto;
    flex: 1;
    margin-top: 30px;
    margin-left: 65px;
    margin-right: 450px;
    border-radius: 10px;
}
#Ourprocess-box-head{
    margin-left: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #444444;
}
#Ourprocess-box-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 25px;
    margin-right: 10px;
    margin-left: 20px;
    letter-spacing: 1px;
    color: #444444;
}
#Ourprocess-box2{
    display: flex;
}
#Ourprocess-box-meet-2{
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color:white;
    border: none;
    height: auto;
    flex: 1;
    margin-top: 30px;
    margin-right: 65px;
    margin-left: 450px;
    border-radius: 10px;
}
#Contact{
    overflow: hidden;
    height: auto;
}

#Contact-head{
    text-align: center;
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 40px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}

.Ctbox{
    display: flex;
}
.Contact-icon{
    flex-direction: column;
    margin-top: 15px;
    margin-left: 30px;
}
.Contact-text{
    flex-direction: column;
    margin-top: 2px;
    margin-left: 10px;
    color: white;
    font-size: 16px;
   font-family: sans-serif;
}
.Contact-img-inner{
   height: 200px;
   width: 220px;
   margin-top: 20px;
   margin-left: 30px;
}
#Contact-box-1{
    display: flex;
  }
#Contact-box-left{
    flex: 0.45;
    background: rgb(5, 64, 124);
    margin-left: 100px;
    height: 490px;
    border: none;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#Contact-box-right{
    flex: 1;
    background-color:rgb(255, 255, 255);
    margin-right: 80px;
    height: 490px;
    border: none;
    border-top-right-radius: 15px ;
    border-bottom-right-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#Contact-gif{
    display: inline-block; 
    width: 50px; 
    height: 50px; 
    vertical-align: middle; 
    margin-right: 5px;
    margin-left: 5px; 
}
#Contact-box-right-head{
    font-family: sans-serif;
    font-size: 27px;
    margin-left: 5px;
    margin-right: 20px;
}
#email{
    outline: 0px;
    padding: 7px;
    border-radius: 5px;
    border-color: gainsboro;
    font-size: 15px;
    width: 500px;
    height: 30px; 
    margin-top: 15px;
    margin-left: 50px;
    
}
#number{
    outline: 0px;
    padding: 7px;
    font-size: 15px;
    width: 500px;
    height: 30px;
    border-radius: 5px;
    border-color: gainsboro;
    margin-top: 15px;
    margin-left: 50px;
}
#message{
    
    outline: 0px;
    padding: 7px;
    border-radius: 5px;
    font-size: 15px;
    width: 500px;
    height: 80px;
    margin-top: 15px;
    margin-left: 50px;
}
#Contactsub{
    
    padding: 7px;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    font-family: sans-serif;
    height: 40px;
    width: 515px;
    background: rgb(5, 64, 124);
    color: white;
    margin-top: 15px;
    margin-left: 50px;
    border-radius: 5px;
    cursor: pointer;
}
footer
{
            text-align: center;
            margin-top:20px; 
            background: rgb(5, 64, 124); 
            height: 40px; color: white; 
            padding-top: 20px;  
            font-size:larger;
}
  

/***Screen3***/
}
@media screen and (max-width:1150px)
{
 
#Header{
    padding-top: 10px;
    background-color:white;
    height: 60px;
    display: flex;
    position: fixed;
    width: 100%; 
}

#Logo{
    margin-bottom: 10px;
    margin-left: 40px;
    cursor: pointer;

}
#Navul{
    margin-top: 20px;
    margin-left: 280px;
    
}
#li-nav{
    display: inline;
    margin-right: 18px;

}
a{
    text-decoration: none;
    color: black;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
}
.Scroll{
    scroll-behavior: smooth;
}
.active{
    color: #03a9f4;
}
a:hover{
    color: #03a9f4;
}
#Banner{
    overflow: hidden;
    background-image: url(images/home.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
    height: 600px;
    
}
#Bannername{
    margin-top: 300px;
    font-family:'Courier New', Courier, monospace;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-size: 60px;
}
#btn{
    FONT-SIZE: 14PX;
    text-align: center;
    height: 35px;
    width: 110px;
    border-radius: 20px;
    border: none;
}
#btn:hover{
    color:white;
    background-color: transparent;
    border: 2px solid white;
}
#About{
    overflow: hidden;
    height: auto;
}
#Abouthead{
    margin-top: 90px;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    
}
#Aboutmarquee{
    margin-bottom: 10px;
    margin-left: 200px;
    margin-right: 200px;
    color: rgb(20, 109, 210);
    font-size: large;
}
.borderline{
    width: 50px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
#Aboutbox1{
    display: flex;

}
.Aboutboxcommon1{
    display: flex;
    flex: 1;

}
#Aboutleftbox1{
    height: auto;
    border-radius: 10px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Aboutrightbox1{
    height: auto;
    border-radius: 10px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}
#Aboutbox2{
    display: flex;

}
.Aboutboxcommon2{
    display: flex;
    flex: 1;

}

#Aboutleftbox2{
    height: auto;
    border-radius: 10px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Aboutrightbox2{
    height: auto;
    border-radius: 10px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}
.Aboutimg{
    width: 23%;
    height: 36%;
    margin-top: 35px;
    margin-left: 10px;
}

#Abouttext{
    color: #505050;
    margin-left: 30px;
    justify-content: center;
    text-align: justify;
    margin-right: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
}
#Service{
    overflow: hidden;
    height: auto;

}
#Servicehead{
    margin-top: 90px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;

}
#Servicemarq{
    margin-left: 200px;
    margin-right: 200px;
    color: rgb(20, 109, 210);
    font-size: large;
}
#Serviceborderline{
    width: 50px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
#Servicebox1{
    display: flex;

}

.Serviceboxcommon1{
    display: flex;
    flex: 1;
}
#Servicebox2{
    display: flex;

}
.Serviceboxcommon2{
    display: flex;
    flex: 1;
}
#Serviceleftbox1{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Serviceleftbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicerightbox1{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicerightbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicetext{
    color: #505050;
    margin-left: 30px;
    justify-content: center;
    text-align: justify;
    margin-right: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
}
.Serviceimg{
    width: 23%;
    height: 36%;
    margin-top: 35px;
    margin-left: 10px;
}
#Ourteam{
    overflow: hidden;
    height: auto;

}
#ourteam-head-para{
    text-align: center;

}
#ourteam-head{
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;

}
#ourteam-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 30px;

}
.Ourteamborderline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -30px;

}
#Ourteamets-name-1{
    display: flex;

}
.teamats-name-1,.teamats-width-752{
    flex: 1;
    border-radius: 20px;
    margin-right: 25px;
    margin-left: 25px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}
.teamats-name-2,.teamats-width-751{
    flex: 1;
    border-radius: 20px;
    margin-right: 25px;
    margin-left: 25px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}
.teamats-name-3,.teamats-width-750{
    flex: 1;
    border-radius: 20px;
    margin-right: 32px;
    margin-left: 25px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}
.teamates-describe{
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 1px;
    color: #444444;
    line-height: 24px;
    text-align: justify;
    margin-left: 15px;
    margin-right: 15px;
}
.teamates-name{
    margin-left: 20px;

}
.Ourteamates-position{
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: -9px;
}
#Ourteamets-name-2{
    display: flex;

}
.teamats-name-4{
    flex: 1;
    margin-top: 50px;
    border-radius: 20px;
    margin-right: 30px;
    margin-left: 40px;
    background: white;
    height: 280px;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  
}
.teamats-name-5{
    flex: 1;
    margin-top: 50px;
    border-radius: 20px;
    margin-right: 40px;
    margin-left: 30px;
    background: white;
    height: 280px;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  
}
   .teamats-name-4:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-5:hover{
    background-color: #ADD8E6;
    
}

.teamats-name-1:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-2:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-3:hover{
    background-color: #ADD8E6;
    
}

#Career{
    overflow: hidden;
    height: auto; 
}
#Career-head-para{
    text-align: center;
}
#Career-head{
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}
#Career-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #444444;
}
#Careerbox{
    display: flex;

}
.Carrerbox-1{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Carrerbox-2{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Carrerbox-3{
    flex: 1;    
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Careerbox-head{
    margin: auto;
    text-align: center;
    color: white;  
    background: #474747;
    height: 50px;    
    line-height: 50px;
}

.li-career{
    font-family: 'Open Sans', sans-serif;
    margin-top: 25px;
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px;
}
.Carrerbox-1:hover{
    background-color:#ADD8E6;
}
.Carrerbox-2:hover{
    background-color:#ADD8E6;
}
.Carrerbox-3:hover{
    background-color:#ADD8E6;
}
.Careerbox-head:hover{
    background: #03a9f4;
}
#Career-goal{
    overflow: hidden;
    background-color: #03a9f4;
    height: 250px;
    margin-top: 52px;
}
#Career-goal-head{
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: white;
    margin-top: 58px;
    font-size: 35px;
}
#Career-goal-button{
    text-align: center;
    height: 35px;
    width: 110px;
    color:white;
    background-color: transparent;
    border: 2px solid white;
    border-radius: 20px;
}

#Career-goal-button:hover{
    border-radius: 20px;
    border: none;
    background-color: white;
    color: #03a9f4;
}
#Ourgoal{
    overflow: hidden;
    height: auto;
}
#Ourgoal-head-para{
    text-align: center;
}

#Ourgoal-para{
    margin-top: 50px;
    letter-spacing: 1px;
    color: #444444;

}
.Ourgoalline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -30px;

}

#Ourgoalbox{
    display: flex;

}
.Ourgoalbox-1{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Ourgoalbox-2{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Ourgoalbox-3{
    flex: 1;    
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Ourgoalbox-head{
    margin: auto;
    text-align: center;
    color: white;  
    background: #474747;
    height: 50px;    
    line-height: 50px;
}
.Ourgoalbox-1:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-2:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-3:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-head:hover{
    background: #03a9f4;
}


#Ourprocess{
    overflow: hidden;
    height: auto;
}
#Ourprocess-head{
    text-align: center;
}
.Ourprocessline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
#Ourprocess-box1{
    display: flex;
}
#Ourprocess-box-meet-1{
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color:white;
    border: none;
    height: auto;
    flex: 1;
    margin-top: 30px;
    margin-left: 65px;
    margin-right: 450px;
    border-radius: 10px;
}
#Ourprocess-box-head{
    margin-left: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #444444;
}
#Ourprocess-box-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 25px;
    margin-right: 10px;
    margin-left: 20px;
    letter-spacing: 1px;
    color: #444444;
}
#Ourprocess-box2{
    display: flex;
}
#Ourprocess-box-meet-2{
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color:white;
    border: none;
    height: auto;
    flex: 1;
    margin-top: 30px;
    margin-right: 65px;
    margin-left: 450px;
    border-radius: 10px;
}
#Contact{
    overflow: hidden;
    height: auto;
}

#Contact-head{
    text-align: center;
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}

.Ctbox{
    display: flex;
}
.Contact-icon{
    flex-direction: column;
    margin-top: 15px;
    margin-left: 30px;
}
.Contact-text{
    flex-direction: column;
    margin-top: 2px;
    margin-left: 10px;
    color: white;
    font-size: 16px;
   font-family: sans-serif;
}
.Contact-img-inner{
   height: 200px;
   width: 220px;
   margin-top: 20px;
   margin-left: 30px;
}
#Contact-box-1{
    display: flex;
  }
#Contact-box-left{
    flex: 0.45;
    background: rgb(5, 64, 124);
    margin-left: 100px;
    height: 495px;
    border: none;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#Contact-box-right{
    flex: 1;
    background-color:rgb(255, 255, 255);
    margin-right: 80px;
    height: 495px;
    border: none;
    border-top-right-radius: 15px ;
    border-bottom-right-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#Contact-gif{
    display: inline-block; 
    width: 50px; 
    height: 50px; 
    vertical-align: middle; 
    margin-right: 5px;
    margin-left: 5px; 
}
#Contact-box-right-head{
    font-family: sans-serif;
    font-size: 27px;
    margin-left: 5px;
    margin-right: 20px;
}
#email{
    outline: 0px;
    padding: 7px;
    border-radius: 5px;
    border-color: gainsboro;
    font-size: 15px;
    width: 480px;
    height: 30px; 
    margin-top: 15px;
    margin-left: 50px;
    
}
#number{
    outline: 0px;
    padding: 7px;
    font-size: 15px;
    width: 480px;
    height: 30px;
    border-radius: 5px;
    border-color: gainsboro;
    margin-top: 15px;
    margin-right: 10px;
    margin-left: 50px;
}
#message{
    
    outline: 0px;
    padding: 7px;
    border-radius: 5px;
    font-size: 15px;
    width: 480px;
    height: 80px;
    margin-top: 15px;
    
    margin-right: 10px;
    margin-left: 50px;
}
#Contactsub{
    
    padding: 7px;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    font-family: sans-serif;
    height: 40px;
    width: 495px;
    background: rgb(5, 64, 124);
    color: white;
    margin-right: 10px;
    margin-top: 15px;
    margin-left: 50px;
    border-radius: 5px;
    cursor: pointer;
}
footer
{
            text-align: center;
            margin-top:20px; 
            background: rgb(5, 64, 124); 
            height: 40px; color: white; 
            padding-top: 20px;  
            font-size:medium;
}
   
}
/*** Screen4***/
@media screen and (max-width:1050px)
{
 
#Header{
    padding-top: 10px;
    background-color:white;
    height: 60px;
    display: flex;
    position: fixed;
    width: 100%; 
}

#Logo{
    margin-bottom: 10px;
    margin-left: 40px;
    cursor: pointer;

}
#Navul{
    margin-top: 20px;
    margin-left: 160px;
    
}
#li-nav{
    display: inline;
    margin-right: 20px;

}
a{
    text-decoration: none;
    color: black;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
}
.Scroll{
    scroll-behavior: smooth;
}
.active{
    color: #03a9f4;
}
a:hover{
    color: #03a9f4;
}
#Banner{
    overflow: hidden;
    background-image: url(images/home.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
    height: 600px;
    
}
#Bannername{
    margin-top: 280px;
    font-family:'Courier New', Courier, monospace;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-size: 60px;
}
#btn{
    FONT-SIZE: 14PX;
    text-align: center;
    height: 35px;
    width: 110px;
    border-radius: 20px;
    border: none;
}
#btn:hover{
    color:white;
    background-color: transparent;
    border: 2px solid white;
}
#About{
    overflow: hidden;
    height: 730px;
}
#Abouthead{
    margin-top: 90px;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    
}
#Aboutmarquee{
    margin-bottom: 10px;
    margin-left: 200px;
    margin-right: 200px;
    color: rgb(20, 109, 210);
    font-size: large;
}
.borderline{
    width: 50px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
#Aboutbox1{
    display: flex;

}
.Aboutboxcommon1{
    display: flex;
    flex: 1;

}
#Aboutleftbox1{
    height: auto;
    border-radius: 10px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Aboutrightbox1{
    height: auto;
    border-radius: 10px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}
#Aboutbox2{
    display: flex;

}
.Aboutboxcommon2{
    display: flex;
    flex: 1;

}

#Aboutleftbox2{
    height: auto;
    border-radius: 10px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Aboutrightbox2{
    height: auto;
    border-radius: 10px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}
.Aboutimg{
    width: 23%;
    height: 36%;
    margin-top: 35px;
    margin-left: 10px;
}

#Abouttext{
    color: #505050;
    margin-left: 30px;
    justify-content: center;
    text-align: justify;
    margin-right: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
}
#Service{
    overflow: hidden;
    height: 910px;

}
#Servicehead{
    margin-top: 90px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;

}
#Servicemarq{
    margin-left: 200px;
    margin-right: 200px;
    color: rgb(20, 109, 210);
    font-size: large;
}
#Serviceborderline{
    width: 50px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
#Servicebox1{
    display: flex;

}

.Serviceboxcommon1{
    display: flex;
    flex: 1;
}
#Servicebox2{
    display: flex;

}
.Serviceboxcommon2{
    display: flex;
    flex: 1;
}
#Serviceleftbox1{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Serviceleftbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicerightbox1{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicerightbox2{
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicetext{
    color: #505050;
    margin-left: 30px;
    justify-content: center;
    text-align: justify;
    margin-right: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
}
.Serviceimg{
    width: 23%;
    height: 36%;
    margin-top: 35px;
    margin-left: 10px;
}
#Ourteam{
    overflow: hidden;
    height: auto;

}
#ourteam-head-para{
    text-align: center;

}
#ourteam-head{
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;

}
#ourteam-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 30px;

}
.Ourteamborderline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -30px;

}
#Ourteamets-name-1{
    display: flex;

}
.teamats-name-1,.teamats-width-752{
    flex: 1;
    border-radius: 20px;
    margin-right: 25px;
    margin-left: 25px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}
.teamats-name-2,.teamats-width-751{
    flex: 1;
    border-radius: 20px;
    margin-right: 25px;
    margin-left: 25px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}
.teamats-name-3,.teamats-width-750{
    flex: 1;
    border-radius: 20px;
    margin-right: 32px;
    margin-left: 25px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}

.teamates-describe{
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 1px;
    color: #444444;
    line-height: 24px;
    text-align: justify;
    margin-left: 15px;
    margin-right: 15px;
}
.teamates-name{
    margin-left: 20px;

}
.Ourteamates-position{
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: -9px;
}
#Ourteamets-name-2{
    display: flex;

}
.teamats-name-4{
    flex: 1;
    margin-top: 50px;
    border-radius: 20px;
    margin-right: 30px;
    margin-left: 30px;
    background: white;
    height: 300px;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  
}
.teamats-name-5{
    flex: 1;
    margin-top: 50px;
    border-radius: 20px;
    margin-right: 30px;
    margin-left: 30px;
    background: white;
    height: 300px;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  
}
   .teamats-name-4:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-5:hover{
    background-color: #ADD8E6;
    
}

.teamats-name-1:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-2:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-3:hover{
    background-color: #ADD8E6;
    
}

#Career{
    overflow: hidden;
    height: auto; 
}
#Career-head-para{
    text-align: center;
}
#Career-head{
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}
#Career-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #444444;
}
#Careerbox{
    display: flex;

}
.Carrerbox-1{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Carrerbox-2{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Carrerbox-3{
    flex: 1;    
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Careerbox-head{
    margin: auto;
    text-align: center;
    color: white;  
    background: #474747;
    height: 50px;    
    line-height: 50px;
}

.li-career{
    font-family: 'Open Sans', sans-serif;
    margin-top: 25px;
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px;
}
.Carrerbox-1:hover{
    background-color:#ADD8E6;
}
.Carrerbox-2:hover{
    background-color:#ADD8E6;
}
.Carrerbox-3:hover{
    background-color:#ADD8E6;
}
.Careerbox-head:hover{
    background: #03a9f4;
}
#Career-goal{
    overflow: hidden;
    background-color: #03a9f4;
    height: 250px;
    margin-top: 52px;
}
#Career-goal-head{
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: white;
    margin-top: 58px;
    font-size: 35px;
}
#Career-goal-button{
    text-align: center;
    height: 35px;
    width: 110px;
    color:white;
    background-color: transparent;
    border: 2px solid white;
    border-radius: 20px;
}

#Career-goal-button:hover{
    border-radius: 20px;
    border: none;
    background-color: white;
    color: #03a9f4;
}
#Ourgoal{
    overflow: hidden;
    height: 620px;
}
#Ourgoal-head-para{
    text-align: center;
}

#Ourgoal-para{
    margin-top: 50px;
    letter-spacing: 1px;
    color: #444444;

}
.Ourgoalline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -30px;

}

#Ourgoalbox{
    display: flex;

}
.Ourgoalbox-1{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Ourgoalbox-2{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Ourgoalbox-3{
    flex: 1;    
    background: #ebebeb;
    height: auto;
    margin-left: 30px;
    margin-right: 30px;
}
.Ourgoalbox-head{
    margin: auto;
    text-align: center;
    color: white;  
    background: #474747;
    height: 50px;    
    line-height: 50px;
}
.Ourgoalbox-1:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-2:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-3:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-head:hover{
    background: #03a9f4;
}


#Ourprocess{
    overflow: hidden;
    height: auto;
}
#Ourprocess-head{
    text-align: center;
}
.Ourprocessline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
#Ourprocess-box1{
    display: flex;
}
#Ourprocess-box-meet-1{
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color:white;
    border: none;
    height: auto;
    flex: 1;
    margin-top: 30px;
    margin-left: 65px;
    margin-right: 450px;
    border-radius: 10px;
}
#Ourprocess-box-head{
    margin-left: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #444444;
}
#Ourprocess-box-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 25px;
    margin-right: 10px;
    margin-left: 20px;
    letter-spacing: 1px;
    color: #444444;
}
#Ourprocess-box2{
    display: flex;
}
#Ourprocess-box-meet-2{
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color:white;
    border: none;
    height: auto;
    flex: 1;
    margin-top: 30px;
    margin-right: 65px;
    margin-left: 450px;
    border-radius: 10px;
}#Contact{
    overflow: hidden;
    height: auto;
}

#Contact-head{
    text-align: center;
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}

.Ctbox{
    display: flex;
}
.Contact-icon{
    flex-direction: column;
    margin-top: 15px;
    margin-left: 30px;
}
.Contact-text{
    flex-direction: column;
    margin-top: 2px;
    margin-left: 10px;
    color: white;
    font-size: 16px;
   font-family: sans-serif;
}
.Contact-img-inner{
   height: 200px;
   width: 220px;
   margin-top: 20px;
   margin-left: 30px;
}
#Contact-box-1{
    display: flex;
  }
#Contact-box-left{
    flex: 0.45;
    background: rgb(5, 64, 124);
    margin-left: 30px;
    height: auto;
    border: none;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#Contact-box-right{
    flex: 1;
    background-color:rgb(255, 255, 255);
    margin-right: 30px;
    height: auto;
    border: none;
    border-top-right-radius: 15px ;
    border-bottom-right-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#Contact-gif{
    display: inline-block; 
    width: 50px; 
    height: 50px; 
    vertical-align: middle; 
    margin-right: 5px;
    margin-left: 5px; 
}
#Contact-box-right-head{
    font-family: sans-serif;
    font-size: 27px;
    margin-left: 5px;
    margin-right: 20px;
}
#email{
    outline: 0px;
    padding: 7px;
    border-radius: 5px;
    border-color: gainsboro;
    font-size: 15px;
    width: 450px;
    height: 30px; 
    margin-top: 15px;
    margin-left: 50px;
    
}
#number{
    outline: 0px;
    padding: 7px;
    font-size: 15px;
    width: 450px;
    height: 30px;
    border-radius: 5px;
    border-color: gainsboro;
    margin-top: 15px;
    margin-left: 50px;
}
#message{
    
    outline: 0px;
    padding: 7px;
    border-radius: 5px;
    font-size: 15px;
    width: 500px;
    width: 450px;
    margin-top: 15px;
    margin-left: 50px;
}
#Contactsub{
    
    padding: 7px;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    font-family: sans-serif;
    height: 40px;
    width: 465px;
    background: rgb(5, 64, 124);
    color: white;
    margin-top: 15px;
    margin-left: 50px;
    border-radius: 5px;
    cursor: pointer;
}
footer
{
            text-align: center;
            margin-top:20px; 
            background: rgb(5, 64, 124); 
            height: 40px; color: white; 
            padding-top: 20px;  
            font-size:medium;
}

/***Screen5***/
}
@media screen and (min-width:851px) and (max-width:950px)
{

#Header{
    padding-top: 10px;
    background-color:white;
    height: 60px;
    display: flex;
    position: fixed;
    width: 100%; 
}

#Logo{
    margin-bottom: 10px;
    margin-left: 40px;
    cursor: pointer;

}
#Navul{
    margin-top: 20px;
    margin-left: 75px;
    
}
#li-nav{
    display: inline;
    margin-right: 12px;

}
a{
    text-decoration: none;
    color: black;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
}
.Scroll{
    scroll-behavior: smooth;
}
.active{
    color: #03a9f4;
}
a:hover{
    color: #03a9f4;
}
#Banner{
    overflow: hidden;
    background-image: url(images/home.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
    height: 560px;
    
}
#Bannername{
    margin-top: 280px;
    font-family:'Courier New', Courier, monospace;
    margin-right: 10px;
    margin-left: 10px;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-size: 45px;
}
#btn{
    FONT-SIZE: 14PX;
    text-align: center;
    height: 35px;
    width: 110px;
    border-radius: 20px;
    border: none;
}
#btn:hover{
    color:white;
    background-color: transparent;
    border: 2px solid white;
}
#About{
    overflow: hidden;
    height: 690px;
}
#Abouthead{
    margin-top: 90px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 30px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    
}
#Aboutmarquee{
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 150px;
    margin-right: 150px;
    color: rgb(20, 109, 210);
    font-size: large;
}
.borderline{
    width: 50px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
#Aboutbox1{
    display: flex;

}
.Aboutboxcommon1{
    display: flex;
    flex: 1;

}
#Aboutleftbox1{
    height: 180px;
    border-radius: 10px;
    margin-right: 20px;
    margin-left: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Aboutrightbox1{
    height: 180px;
    border-radius: 10px;
    margin-right: 20px;
    margin-left: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}
#Aboutbox2{
    display: flex;

}
.Aboutboxcommon2{
    display: flex;
    flex: 1;

}

#Aboutleftbox2{
    height: 180px;
    border-radius: 10px;
    margin-top: 0px;
    margin-right: 20px;
    margin-left: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Aboutrightbox2{
    height: 180px;
    border-radius: 10px;
    margin-top: 0px;
    margin-right: 20px;
    margin-left: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}
.Aboutimg{
    width: 17%;
    height: 20%;
    margin-top: 35px;
    margin-left: 10px;
}

#Abouttext{
    color: #505050;
    margin-left: 20px;
    justify-content: center;
    text-align: justify;
    margin-right: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
}
#Service{
    overflow: hidden;
    height: 850px;

}
#Servicehead{
    margin-top: 90px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 30px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;

}
#Servicemarq{
    margin-left: 150px;
    margin-right: 150px;
    color: rgb(20, 109, 210);
    font-size: large;
}
#Serviceborderline{
    width: 50px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
#Servicebox1{
    display: flex;

}

.Serviceboxcommon1{
    display: flex;
    flex: 1;
}
#Servicebox2{
    display: flex;

}
.Serviceboxcommon2{
    display: flex;
    flex: 1;
}
#Serviceleftbox1{
    height: 290px;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 20px;
    margin-left: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Serviceleftbox2{
    height: 270px;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 20px;
    margin-left: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicerightbox1{
    height: 290px;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 20px;
    margin-left: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicerightbox2{
    height: 270px;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 20px;
    margin-left: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicetext{
    color: #505050;
    margin-left: 30px;
    justify-content: center;
    text-align: justify;
    margin-right: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
}
.Serviceimg{
    width:17%;
    height:20%;
    margin-top: 35px;
    margin-left: 10px;
}
#Ourteam{
    overflow: hidden;
    height: auto;

}
#ourteam-head-para{
    text-align: center;

}
#ourteam-head{
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 30px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;

}
#ourteam-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 30px;

}
.Ourteamborderline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -30px;

}
#Ourteamets-name-1{
    display: flex;

}
.teamats-name-1,.teamats-width-752{
    flex: 1;
    border-radius: 20px;
    margin-right: 15px;
    margin-left:15px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}
.teamats-name-2,.teamats-width-751{
    flex: 1;
    border-radius: 20px;
    margin-right: 15px;
    margin-left: 15px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}
.teamats-name-3 ,.teamats-width-750{
    flex: 1;
    border-radius: 20px;
    margin-right: 15px;
    margin-left: 15px;
    background: white;
    height: auto;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}


.teamats-name-4{
    flex: 1;
    border-radius: 20px;
    margin-right: 15px;
    margin-left: 15px;
    background: white;
    height: 690px;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}
.teamats-name-5{
    flex: 1;
    border-radius: 20px;
    margin-right: 15px;
    margin-left: 15px;
    background: white;
    height: 590px;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}
.teamates-describe{
    font-weight: 300;
    font-size: 13px;
    letter-spacing: 1px;
    color: #444444;
    line-height: 24px;
    text-align: justify;
    margin-left: 10px;
    margin-right: 10px;
}
.teamates-name{
    margin-left: 10px;

}
.Ourteamates-position{
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: -9px;
}
#Ourteamets-name-2{
    display: flex;

}
.teamats-name-4{
    flex: 1;
    margin-top: 50px;
    border-radius: 20px;
    margin-right: 30px;
    margin-left: 30px;
    background: white;
    height: 300px;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  
}
.teamats-name-5{
    flex: 1;
    margin-top: 50px;
    border-radius: 20px;
    margin-right: 30px;
    margin-left: 30px;
    background: white;
    height: 300px;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  
}
   .teamats-name-4:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-5:hover{
    background-color: #ADD8E6;
    
}

.teamats-name-1:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-2:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-3:hover{
    background-color: #ADD8E6;
    
}

#Career{
    overflow: hidden;
    height: auto; 
}
#Career-head-para{
    text-align: center;
}
#Career-head{
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 30px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}
#Career-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #444444;
}
#Careerbox{
    display: flex;

}
.Carrerbox-1{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 20px;
    margin-right: 20px;
}
.Carrerbox-2{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 20px;
    margin-right: 20px;
}
.Carrerbox-3{
    flex: 1;    
    background: #ebebeb;
    height: auto;
    margin-left: 20px;
    margin-right: 20px;
}
.Careerbox-head{
    margin: auto;
    text-align: center;
    color: white;  
    background: #474747;
    height: 50px;    
    line-height: 50px;
}

.li-career{
    font-family: 'Open Sans', sans-serif;
    margin-top: 25px;
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px;
}
.Carrerbox-1:hover{
    background-color:#ADD8E6;
}
.Carrerbox-2:hover{
    background-color:#ADD8E6;
}
.Carrerbox-3:hover{
    background-color:#ADD8E6;
}
.Careerbox-head:hover{
    background: #03a9f4;
}
#Career-goal{
    overflow: hidden;
    background-color: #03a9f4;
    height: 250px;
    margin-top: 52px;
}
#Career-goal-head{
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: white;
    margin-top: 58px;
    font-size: 30px;
}
#Career-goal-button{
    text-align: center;
    height: 35px;
    width: 110px;
    color:white;
    background-color: transparent;
    border: 2px solid white;
    border-radius: 20px;
}

#Career-goal-button:hover{
    border-radius: 20px;
    border: none;
    background-color: white;
    color: #03a9f4;
}
#Ourgoal{
    overflow: hidden;
    height:590px;
}
#Ourgoal-head-para{
    text-align: center;
}

#Ourgoal-para{
    margin-top: 50px;
    letter-spacing: 1px;
    color: #444444;

}
.Ourgoalline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -30px;

}
#Ourgoalbox{
    display: flex;

}
.Ourgoalbox-1{
    flex: 1;
    background: #ebebeb;
    height: 345px;
    margin-left: 20px;
    margin-right: 20px;
}
.Ourgoalbox-2{
    flex: 1;
    background: #ebebeb;
    height: 345px;
    margin-left: 10px;
    margin-right: 10px;
}
.Ourgoalbox-3{
    flex: 1;    
    background: #ebebeb;
    height: 345px;
    margin-left: 20px;
    margin-right: 20px;
}
.Ourgoalbox-head{
    margin: auto;
    text-align: center;
    color: white;  
    background: #474747;
    height: 50px;    
    line-height: 50px;
}
.Ourgoalbox-1:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-2:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-3:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-head:hover{
    background: #03a9f4;
}

#Ourprocess{
    overflow: hidden;
    height: 1650px;
}
#Ourprocess-head{
    text-align: center;
}
.Ourprocessline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
#Ourprocess-box1{
    display: flex;
}
#Ourprocess-box-meet-1{
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color:white;
    border: none;
    height: 245px;
    flex: 1;
    margin-top: 30px;
    margin-left: 65px;
    margin-right: 330px;
    border-radius: 10px;
}
#Ourprocess-box-head{
    margin-left: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #444444;
}
#Ourprocess-box-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 25px;
    margin-right: 10px;
    margin-left: 20px;
    letter-spacing: 1px;
    color: #444444;
}
#Ourprocess-box2{
    display: flex;
}
#Ourprocess-box-meet-2{
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color:white;
    border: none;
    height: 245px;
    flex: 1;
    margin-top: 30px;
    margin-right: 65px;
    margin-left: 330px;
    border-radius: 10px;
}

#Contact{
    overflow: hidden;
    height: auto;
}

#Contact-head{
    text-align: center;
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 30px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}

.Ctbox{
    display: flex;
}
.Contact-icon{
    flex-direction: column;
    margin-top: 15px;
    margin-left: 30px;
}
.Contact-text{
    flex-direction: column;
    margin-top: 2px;
    margin-left: 10px;
    color: white;
    font-size: 15px;
   font-family: sans-serif;
}
.Contact-img-inner{
   height: 200px;
   width: 220px;
   margin-top: 20px;
   margin-left: 20px;
}
#Contact-box-1{
    display: flex;
  }
#Contact-box-left{
    flex: 0.45;
    background: rgb(5, 64, 124);
    margin-left: 10px;
    height: 490px;
    border: none;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#Contact-box-right{
    flex: 1;
    background-color:rgb(255, 255, 255);
    margin-right: 10px;
    height: 490px;
    border: none;
    border-top-right-radius: 15px ;
    border-bottom-right-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#Contact-gif{
    display: inline-block; 
    width: 50px; 
    height: 50px; 
    vertical-align: middle; 
    margin-right: 5px;
    margin-left: 5px; 
}
#Contact-box-right-head{
    font-family: sans-serif;
    font-size: 24px;
    margin-left: 5px;
    margin-right: 20px;
}
#email{
    outline: 0px;
    padding: 7px;
    border-radius: 5px;
    border-color: gainsboro;
    font-size: 15px;
    width: 400px;
    height: 30px; 
    margin-top: 15px;
    margin-left: 50px;
    
}
#number{
    outline: 0px;
    padding: 7px;
    font-size: 15px;
    width: 400px;
    height: 30px;
    border-radius: 5px;
    border-color: gainsboro;
    margin-top: 15px;
    margin-left: 50px;
}
#message{
    
    outline: 0px;
    padding: 7px;
    border-radius: 5px;
    font-size: 15px;
    width: 400px;
    height: 80px;
    margin-top: 15px;
    margin-left: 50px;
}
#Contactsub{
    
    padding: 7px;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    font-family: sans-serif;
    height: 40px;
    width: 415px;
    background: rgb(5, 64, 124);
    color: white;
    margin-top: 15px;
    margin-left: 50px;
    border-radius: 5px;
    cursor: pointer;
}
footer
{
            text-align: center;
            margin-top:20px; 
            background: rgb(5, 64, 124); 
            height: 40px; color: white; 
            padding-top: 20px;  
            font-size:medium;
}
 
   
}

/*** Screen6 ***/
@media screen and (min-width:800px) and (max-width:851px)
{
 
#Header{
    padding-top: 10px;
    background-color:white;
    height: 60px;
    display: flex;
    position: fixed;
    width: 100%; 
}

#Logo{
    margin-bottom: 10px;
    margin-left: 40px;
    cursor: pointer;

}
#Navul{
    margin-top: 20px;
    margin-left: 70px;
    
}
#li-nav{
    display: inline;
    margin-right: 10px;

}
a{
    text-decoration: none;
    color: black;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}
.Scroll{
    scroll-behavior: smooth;
}
.active{
    color: #03a9f4;
}
a:hover{
    color: #03a9f4;
}
#Banner{
    overflow: hidden;
    background-image: url(images/home.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
    height: 570px;
    
}
#Bannername{
    margin-top: 270px;
    font-family:'Courier New', Courier, monospace;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-size: 45px;
    margin-right: 10px;
    margin-left: 10px;
}
#btn{
    FONT-SIZE: 14PX;
    text-align: center;
    height: 35px;
    width: 110px;
    border-radius: 20px;
    border: none;
}
#btn:hover{
    color:white;
    background-color: transparent;
    border: 2px solid white;
}
#About{
    overflow: hidden;
    height: 730px;
}
#Abouthead{
    margin-top: 90px;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 30px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    
}
#Aboutmarquee{
    margin-left: 150px;
    margin-right: 150px;
    color: rgb(20, 109, 210);
    font-size: large;
}
.borderline{
    width: 50px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
#Aboutbox1{
    display: flex;

}
.Aboutboxcommon1{
    margin-top: 5px;
    display: flex;
    flex: 1;

}
#Aboutleftbox1{
    height: 190px;
    border-radius: 10px;
    margin-right: 20px;
    margin-left: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Aboutrightbox1{
    height: 190px;
    border-radius: 10px;
    margin-right: 20px;
    margin-left: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}
#Aboutbox2{
    display: flex;

}
.Aboutboxcommon2{
    display: flex;
    flex: 1;

}

#Aboutleftbox2{
    height: 205px;
    border-radius: 10px;
    margin-top: 0px;
    margin-right: 20px;
    margin-left: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Aboutrightbox2{
    height: 205px;
    border-radius: 10px;
    margin-top: 0px;
    margin-right: 20px;
    margin-left: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}
.Aboutimg{
    width: 17%;
    height: 20%;
    margin-top: 35px;
    margin-left: 10px;
}

#Abouttext{
    color: #505050;
    margin-left: 20px;
    justify-content: center;
    text-align: justify;
    margin-right: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
}
#Service{
    overflow: hidden;
    height: 1000px;

}
#Servicehead{
    margin-top: 90px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 30px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;

}
#Servicemarq{
    margin-left: 150px;
    margin-right: 150px;
    color: rgb(20, 109, 210);
    font-size: large;
}
#Serviceborderline{
    width: 50px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
#Servicebox1{
    display: flex;

}

.Serviceboxcommon1{
    display: flex;
    flex: 1;
}
#Servicebox2{
    display: flex;

}
.Serviceboxcommon2{
    display: flex;
    flex: 1;
}
#Serviceleftbox1{
    height: 360px;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 20px;
    margin-left: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Serviceleftbox2{
    height: 350px;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 20px;
    margin-left: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicerightbox1{
    height: 360px;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 20px;
    margin-left: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicerightbox2{
    height: 350px;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 20px;
    margin-left: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicetext{
    color: #505050;
    margin-left: 30px;
    justify-content: center;
    text-align: justify;
    margin-right: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
}
.Serviceimg{
    width:17%;
    height:20%;
    margin-top: 35px;
    margin-left: 10px;
}
#Ourteam{
    overflow: hidden;
    height: auto;

}
#ourteam-head-para{
    text-align: center;

}
#ourteam-head{
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 30px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;

}
#ourteam-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 30px;

}
.Ourteamborderline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -30px;

}
#Ourteamets-name-1{
    display: flex;

}
.teamats-name-1 , .teamats-width-752{
    flex: 1;
    border-radius: 20px;
    margin-right: 15px;
    margin-left:15px;
    background: white;
    height: auto;
    font-family: 'Open Sans', sans-serif;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}
.teamats-name-2 ,.teamats-width-751{
    flex: 1;
    border-radius: 20px;
    margin-right: 15px;
    margin-left: 15px;
    background: white;
    height: auto;
    font-family: 'Open Sans', sans-serif;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}
.teamats-name-3 , .teamats-width-750{
    flex: 1;
    border-radius: 20px;
    margin-right: 15px;
    margin-left: 15px;
    background: white;
    
    height: auto;
    font-family: 'Open Sans', sans-serif;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    
}




.teamates-describe{
    font-weight: 300;
    font-size: 13px;
    letter-spacing: 1px;
    color: #444444;
    line-height: 24px;
    text-align: justify;
    margin-left: 10px;
    margin-right: 10px;
}
.teamates-name{
    margin-left: 10px;

}
.Ourteamates-position{
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: -9px;
}

#Ourteamets-name-2{
    display: flex;

}
.teamats-name-4{
    flex: 1;
    border-radius: 20px;
    margin-right: 15px;
    margin-left: 15px;
    font-family: 'Open Sans', sans-serif;
    background: white;
    height: 500px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.teamats-name-5{
    flex: 1;
    border-radius: 20px;
    margin-right: 15px;
    margin-left: 15px;
    font-family: 'Open Sans', sans-serif;
    background: white;
    height: 500px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); 
}
   .teamats-name-4:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-5:hover{
    background-color: #ADD8E6;
    
}

.teamats-name-1:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-2:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-3:hover{
    background-color: #ADD8E6;
    
}

#Career{
    overflow: hidden;
    height: auto; 
}
#Career-head-para{
    text-align: center;
}
#Career-head{
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 30px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}
#Career-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #444444;
}
#Careerbox{
    display: flex;

}
.Carrerbox-1{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 20px;
    margin-right: 20px;
}
.Carrerbox-2{
    flex: 1;
    background: #ebebeb;
    height: auto;
    margin-left: 20px;
    margin-right: 20px;
}
.Carrerbox-3{
    flex: 1;    
    background: #ebebeb;
    height: auto;
    margin-left: 20px;
    margin-right: 20px;
}
#Career-button-1{
    margin-top: 70px;
    
 }
#Career-button-2{
     margin-top: 40px;
  }
#Career-button-3{
     margin-top: 10px;
  }
.Careerbox-head{
    margin: auto;
    text-align: center;
    color: white;  
    background: #474747;
    height: 50px;    
    line-height: 50px;
}

.li-career{
    font-family: 'Open Sans', sans-serif;
    margin-top: 25px;
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px;
}
.Carrerbox-1:hover{
    background-color:#ADD8E6;
}
.Carrerbox-2:hover{
    background-color:#ADD8E6;
}
.Carrerbox-3:hover{
    background-color:#ADD8E6;
}
.Careerbox-head:hover{
    background: #03a9f4;
}
#Career-goal{
    overflow: hidden;
    background-color: #03a9f4;
    height: 250px;
    margin-top: 52px;
}
#Career-goal-head{
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: white;
    margin-top: 58px;
    font-size: 30px;
}
#Career-goal-button{
    text-align: center;
    height: 35px;
    width: 110px;
    color:white;
    background-color: transparent;
    border: 2px solid white;
    border-radius: 20px;
}

#Career-goal-button:hover{
    border-radius: 20px;
    border: none;
    background-color: white;
    color: #03a9f4;
}
#Ourgoal{
    overflow: hidden;
    height:650px;
}
#Ourgoal-head-para{
    text-align: center;
}

#Ourgoal-para{
    margin-top: 50px;
    letter-spacing: 1px;
    color: #444444;

}
.Ourgoalline{
    width: 50px;
    margin-top: -20px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -30px;

}
#Ourgoalbox{
    display: flex;

}
.Ourgoalbox-1{
    flex: 1;
    background: #ebebeb;
    height: 410px;
    margin-left: 20px;
    margin-right: 20px;
}
.Ourgoalbox-2{
    flex: 1;
    background: #ebebeb;
    height: 410px;
    margin-left: 10px;
    margin-right: 10px;
}
.Ourgoalbox-3{
    flex: 1;    
    background: #ebebeb;
    height: 410px;
    margin-left: 20px;
    margin-right: 20px;
}
.Ourgoalbox-head{
    margin: auto;
    text-align: center;
    color: white;  
    background: #474747;
    height: 50px;    
    line-height: 50px;
}
.Ourgoalbox-1:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-2:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-3:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-head:hover{
    background: #03a9f4;
}

#Ourprocess{
    overflow: hidden;
    height: 1800px;
}
#Ourprocess-head{
    text-align: center;
}
.Ourprocessline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
#Ourprocess-box1{
    display: flex;
}
#Ourprocess-box-meet-1{
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color:white;
    height: 285px;
    flex: 1;
    border: none;
    margin-top: 30px;
    margin-left: 65px;
    margin-right: 330px;
    border-radius: 10px;
}
#Ourprocess-box-head{
    margin-left: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #444444;
}
#Ourprocess-box-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 25px;
    margin-right: 10px;
    margin-left: 20px;
    letter-spacing: 1px;
    color: #444444;
}
#Ourprocess-box2{
    display: flex;
}
#Ourprocess-box-meet-2{
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border: none;
    background-color:white;
    height: 265px;
    flex: 1;
    margin-top: 30px;
    margin-right: 65px;
    margin-left: 330px;
    border-radius: 10px;
}
#Contact{
    overflow: hidden;
    height: auto;
}

#Contact-head{
    text-align: center;
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 35px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}

.Ctbox{
    display: flex;
}
.Contact-icon{
    flex-direction: column;
    margin-top: 15px;
    margin-left: 30px;
}
.Contact-text{
    flex-direction: column;
    margin-top: 2px;
    margin-left: 10px;
    color: white;
    font-size: 16px;
   font-family: sans-serif;
}
.Contact-img-inner{
   height: 200px;
   width: 220px;
   margin-top: 20px;
   margin-left: 30px;
}
#Contact-box-1{
    display: flex;
  }
#Contact-box-left{
    flex: 0.45;
    background: rgb(5, 64, 124);
    margin-left: 30px;
    height: 495px;
    border: none;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#Contact-box-right{
    flex: 1;
    background-color:rgb(255, 255, 255);
    margin-right: 30px;
    height: 495px;
    border: none;
    border-top-right-radius: 15px ;
    border-bottom-right-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#Contact-gif{
    display: inline-block; 
    width: 50px; 
    height: 50px; 
    vertical-align: middle; 
    margin-right: 5px;
    margin-left: 5px; 
}
#Contact-box-right-head{
    font-family: sans-serif;
    font-size: 27px;
    margin-left: 5px;
    margin-right: 20px;
}
#email{
    outline: 0px;
    padding: 7px;
    border-radius: 5px;
    border-color: gainsboro;
    font-size: 15px;
    width: 270px;
    height: 30px; 
    margin-top: 15px;
    margin-left: 50px;
    
}
#number{
    outline: 0px;
    padding: 7px;
    font-size: 15px;
    width: 270px;
    height: 30px;
    border-radius: 5px;
    border-color: gainsboro;
    margin-top: 15px;
    margin-left: 50px;
}
#message{
    
    outline: 0px;
    padding: 7px;
    border-radius: 5px;
    font-size: 15px;
    width: 270px;
    height: 80px;
    margin-top: 15px;
    margin-left: 50px;
}
#Contactsub{
    
    padding: 7px;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    font-family: sans-serif;
    height: 40px;
    width: 280px;
    background: rgb(5, 64, 124);
    color: white;
    margin-top: 15px;
    margin-left: 50px;
    margin-right: 20px;
    border-radius: 5px;
    cursor: pointer;
}

footer
{
            text-align: center;
            margin-top:20px; 
            background: rgb(5, 64, 124); 
            height: 40px; color: white; 
            padding-top: 20px;  
            font-size:medium;
}
 
}










/***Screen11***/
@media screen and (max-width:800px)
{
    .all text{
    font-size: 13px;
} 
 
*{
    font-family:sans-serif;
}

#Header{
    z-index: 1000;
    position:fixed;
    padding-top: 10px;
    background-color:white;
    height: 60px;
    display: flex;
    width: 100%; 
}
#Logo{
    margin-bottom: 10px;
    margin-left: 20px;
    cursor: pointer;

}
#Navul{
    margin-top: 20px;
    margin-left: 400px;
    
}
#li-nav{
    display: none;
    margin-right: 20px;

}
a{
    text-decoration: none;
    color: black;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
}
.Scroll{
    scroll-behavior: smooth;
}
.active{
    color: #03a9f4;
}
a:hover{
    color: #03a9f4;
}
#Banner{
    overflow: hidden;
    background-image: url(images/home.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
    height: 330px;
    
}
#Bannername{
    margin-top: 160px;
    font-family:'Courier New', Courier, monospace;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
}
#btn{
    FONT-SIZE: 13PX;
    text-align: center;
    height: 30px;
    width: 100px;
    border-radius: 20px;
    border: none;
}
#btn:hover{
    color:white;
    background-color: transparent;
    border: 2px solid white;
}
#About{
    overflow: hidden;
    height: auto;
}
#Abouthead{
    margin-top: 50px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    
}
#Aboutmarquee{
    margin-left: 20px;
    margin-right: 20px;
    color: rgb(20, 109, 210);
    font-size: medium;
}
.borderline{
    width: 50px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
#Aboutbox1{
    display: block;

}
.Aboutboxcommon1{
    margin-top: 25px;
    display: flex;
    flex: 1;

}
#Aboutleftbox1{
    height: 0%;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Aboutrightbox1{
    height: 0%;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Aboutbox2{
    display: block;

}
.Aboutboxcommon2{
    display: flex;
    flex: 1;

}

#Aboutleftbox2{
    height: 0%;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Aboutrightbox2{
    height: 0%;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}
.Aboutimg{
    width: 17%;
    height: 10%;
    margin-top: 20px;
    margin-left: 10px;
}

#Abouttext{
    color: #505050;
    margin-left: 20px;
    justify-content: center;
    text-align: justify;
    margin-right: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 20px;
}
#Service{
    overflow: hidden;
    height: 2100%;

}
#Servicehead{
    margin-top: 70px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;

}
#Servicemarq{
    margin-left: 20px;
    margin-right: 20px;
    color: rgb(20, 109, 210);
    font-size: medium;
}
#Serviceborderline{
    width: 50px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
#Servicebox1{
    display: block;

}

.Serviceboxcommon1{
    display: flex;
    flex: 1;
}
#Servicebox2{
    display: block;

}
.Serviceboxcommon2{
    display: flex;
    flex: 1;
}
#Serviceleftbox1{
    height: 0%;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Serviceleftbox2{
    height: 0%;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicerightbox1{
    height: 0%;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#Servicerightbox2{
    height: 0%;
    border-radius: 10px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

#Servicetext{
    color: #505050;
    margin-left: 20px;
    justify-content: center;
    text-align: justify;
    margin-right: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 20px;
}
.Serviceimg{
    width: 17%;
    height: 14%;
    margin-top: 35px;
    margin-left: 10px;
}
#Ourteam{
    overflow: hidden;
    height: 1720%;

}
#ourteam-head-para{
    text-align: center;

}
#ourteam-head{
    margin-top: 70px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;

}
#ourteam-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 30px;
    margin-left: 18px;
    margin-right: 10px;
    text-align: justify;

}
.Ourteamborderline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -30px;

}
#Ourteamets-name-1{
    display: block;

}
.teamats-name-1{
    flex: 1;
    border-radius: 20px;
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
    background: white;
    height: 0%;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}
.teamats-name-2{
    flex: 1;
    border-radius: 20px;
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
    background: white;
    height: 0%;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}
.teamats-name-3{
    flex: 1;
    border-radius: 20px;
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
    background: white;
    height: 0%;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    
}
.teamats-width-750 , .teamats-width-751,.teamats-width-752{
    flex: 1;
    border-radius: 20px;
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
    background: white;
    height: 0%;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
   
}

.teamates-describe{
    font-weight: 300;
    font-size: 13px;
    letter-spacing: 1px;
    color: #444444;
    line-height: 24px;
    margin-left: 15px;
    margin-right: 15px;
}
.teamates-name{
    margin-left: 20px;

}
.Ourteamates-position{
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: -9px;
}

.teamats-name-1:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-2:hover{
    background-color: #ADD8E6;
    
}
.teamats-name-3:hover{
    background-color: #ADD8E6;
    
}

#Career{
    overflow: hidden;
    height: 1750%
}
#Career-head-para{
    text-align: center;
}
#Career-head{
    margin-top: 40px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}
#Career-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #444444;
    margin-right: 20px;
    margin-left: 20px;
}
#Careerbox{
    display: block;

}
.Carrerbox-1{
    flex: 1;
    background: #ebebeb;
    height: 0%;
    margin-left: 20px;
    margin-right: 20px;
}
.Carrerbox-2{
    flex: 1;
    background: #ebebeb;
    height: 0%;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
}
.Carrerbox-3{
    flex: 1;    
    background: #ebebeb;
    height: 0%;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
}
#Career-button-1{
   margin-bottom: 10px;
}
#Career-button-2{
    margin-bottom: 10px;
 }
 #Career-button-3{
    margin-bottom: 10px;
 }
.Careerbox-head{
    margin: auto;
    text-align: center;
    color: white;  
    background: #474747;
    height: 50px;    
    line-height: 50px;
}

.li-career{
    font-family: 'Open Sans', sans-serif;
    margin-top: 25px;
    font-size: 13px;
    margin-left: 10px;
    margin-right: 10px;
}
.Carrerbox-1:hover{
    background: color #77cdd8;
}
.Carrerbox-2:hover{
    background: color #77cdd8;
}
.Carrerbox-3:hover{ background: color #77cdd8;
}
.Careerbox-head:hover{ background: color #77cdd8;
}
#Career-goal{
    overflow: hidden;
    background-color: #03a9f4;
    height: 0%;
    margin-top: 52px;
}
#Career-goal-head{
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: white;
    margin-top: 20px;
    font-size: 20px;
}
#Career-goal-button{
    text-align: center;
    height: 35px;
    width: 110px;
    color:white;
    background-color: transparent;
    border: 2px solid white;
    border-radius: 20px;
}

#Career-goal-button:hover{
    border-radius: 20px;
    border: none;
    background-color: white;
    color: #03a9f4;
}
#Ourgoal{
    overflow: hidden;
    height: 1100%;
}
#Ourgoal-head-para{
    text-align: center;
    margin-right: 20px;
    margin-left: 20px;
}

#Ourgoal-para{
    font-size: medium;
    margin-top: 40px;
    letter-spacing: 1px;
    color: #444444;

}
.Ourgoalline{
    width: 50px;
    margin-top: -20px;
    height: 1px;
    text-align: center;
    
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    

}
#Ourprocess{
    overflow: hidden;
    height: 1750%;
}
#Ourprocess-head{
    text-align: center;
}
.Ourprocessline{
    width: 50px;
    margin-top: 27px;
    height: 1px;
    text-align: center;
    display: block;
    background-color: #03a9f4;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
#Ourprocess-box1{
    display: block;
}
#Ourprocess-box-meet-1{
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color:white;
    border:none;
    height: 0%;
    flex: 1;
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 10px;
}
#Ourprocess-box-head{
    margin-left: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #444444;
}
#Ourprocess-box-para{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 25px;
    margin-right: 10px;
    margin-left: 20px;
    letter-spacing: 1px;
    color: #444444;
}
#Ourprocess-box2{
    display: block;
}
#Ourprocess-box-meet-2{
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color:white;
    border: none;
    height: 0%;
    flex: 1;
    margin-top: 30px;
    margin-right: 20px;
    margin-left: 20px;
    border-radius: 10px;
}

#Ourgoalbox{
    display: block;

}
.Ourgoalbox-1{
    flex: 1;
    background: #ebebeb;
    height: 0%;
    margin-left: 20px;
    margin-right: 20px;
}
.Ourgoalbox-2{
    flex: 1;
    background: #ebebeb;
    height: 0%;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
}
.Ourgoalbox-3{
    flex: 1;    
    background: #ebebeb;
    height: 0%;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
}
.Ourgoalbox-head{
    margin: auto;
    text-align: center;
    color: white;  
    background: #474747;
    height: 50px;    
    line-height: 50px;
}
.Ourgoalbox-1:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-2:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-3:hover{
    background-color:#ADD8E6;
}
.Ourgoalbox-head:hover{
    background: #03a9f4;
}

#Contact{
    overflow: hidden;
    height: auto;
}
#Contact-head{
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 25px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}

.Ctbox{
    display: flex;
}
.Contact-icon{
    flex-direction: column;
    margin-top: 15px;
    margin-left: 40px;
}
.Contact-text{
    flex-direction: column;
    margin-top: 2px;
    margin-left: 10px;
    margin-right: 40px;
    color: white;
    font-size: 15px;
   font-family: sans-serif;
}
.Contact-img-inner{
   height: 180px;
   width: 200px;
   margin-top: 30px;
   margin-left: 40px;
}
#Contact-box-1{
    display: block;
  }
#Contact-box-left{
    flex: 1;
    background: rgb(5, 64, 124);
    margin-left: 20px;
    margin-right: 20px;
    height: 0%;
    border-top-left-radius: 15px ;
    border-top-right-radius: 15px;
    border-bottom-left-radius:00px;
    border: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#Contact-box-right{
    flex: 1;
    margin-top:-10px;
    background-color:rgb(255, 255, 255);
    margin-left: 20px;
    margin-right: 20px;
    height: 0%;
    border-top-left-radius: 0px ;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#Contact-gif{
    display: inline-block; 
    width: 50px; 
    height: 40px; 
    vertical-align: middle; 
    margin-right: 5px;
    margin-left: 15px;
}
#Contact-box-right-head{
    font-family: sans-serif;
    font-size: 17px;
    margin-left: 10px;
    margin-right: 20px;
}#email {
    display: block;
    outline: none;
    padding: 7px;
    border-radius: 5px;
    border: 1px solid gainsboro;
    font-size: 14px;
    width: 100%; /* Makes it responsive */
    max-width: 400px; /* Limits the max width */
    height: 30px;
    margin-top: 15px;
    margin-left: 30px;
    box-sizing: border-box; /* Prevents padding from affecting width */
}
#email {
    max-width: 100%; /* Full width for small screens */
    margin-left: 10px; /* Adjust margin */
}
#number{
    outline: 0px;
    padding: 7px;
    font-size: 14px;
    width: 190px;
    height: 30px;
    border-radius: 5px;
    border-color: gainsboro;
    margin-top: 15px;
    margin-left: 30px;
    margin-right: 10px;
}
#message{
    
    outline: 0px;
    padding: 7px;
    border-radius: 5px;
    font-size: 14px;
    width: 190px;
    height: 80px;
    margin-top: 15px;
    margin-left: 30px;
}
#Contactsub{
    
    padding: 7px;
    font-weight: 300;
    font-size: 15px;
    text-align: center;
    font-family: sans-serif;
    height: 40px;
    width: 205px;
    background: rgb(5, 64, 124);
    color: white;
    margin-top: 15px;
    margin-left: 30px;
    border-radius: 5px;
    cursor: pointer;
}
#contact--para{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 25px;
    margin-right: 10px;
    margin-left: 20px;
    letter-spacing: 1px;
    color: white;
}




/* Form container */
#form {
    max-width: 400px; /* Set a max width for the form */
    margin: 0 auto; /* Center the form */
    text-align: center;
    padding: 20px; /* Add padding for spacing */
}

/* Input fields, textarea, and button */
#form input,
#form textarea,
#Contactsub {
    width: calc(100% - 20px); /* Reduce width to accommodate margins */
    padding: 12px;
    margin: 8px 10px; /* Add 10px left and right margin */
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    box-sizing: border-box; /* Ensures padding doesn't affect width */
}

/* Fix button alignment */
#Contactsub {
    background: #003366;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    margin: 10px 10px; /* 10px left and right margin */
    display: block;
}

/* Button hover effect */
#Contactsub:hover {
    background: #002244;
}


footer
{
            text-align: center;
            margin-top:20px; 
            background: rgb(5, 64, 124); 
            height: 30px; color: white; 
            padding-top: 15px;  
            font-size: small;
}



}