*{
    margin: 0%;
    padding: 0%;
    box-sizing: border-box;
}
html{
    font-size: 62.5%;
}
body{
    background-color: white;
    /* height:125rem;
    width: 100%; */
}
.manu_bar{
    height:3.75rem;
    width: 100%;
    background-color: #213555;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-around;
   
}
.logo{
    height: 2.5rem;
    width:2.5rem;
    /* position: relative;
    margin-left:-3.125rem; */
   
}
.logo img{
    height: 2.5rem;
    width: 2.5rem;
    background-size: contain;
    /* position: absolute;
    top:0rem;
    left:-11.25rem; */
   
}
.logotext{
    height:1.875rem;
    /* position: absolute;
    top:0.6875rem;
    left:6.25rem; */
    
}
.logotext h1{
    color:white;
    font-size: larger;
    font-weight: bolder;
    font-stretch: extra-expanded;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    
}
.logotext p{
    color: white;
}
.logotext span{
    color:rgb(214, 96, 22);
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    
}
.search i{
    color: white;
    font-size: 1.3rem;
    font-weight:1.5rem;
}
.search input{
    border-radius:1rem;
}
.manu ul{
    display: inline-flex;
    list-style: none;
    padding:0.375rem;
    
}
.manu ul li{
    background-color: white;
    padding: 0.5rem 0.75rem;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    
}
.manu ul li:hover{
    background-color:rgb(214, 96, 22);
    color: white;
    transition: 0.5s;
   
}
.manu ul li a{
    text-decoration: none;
    color:rgb(10, 10, 60);
    padding: 0.5rem 0.5rem;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    
}
.manu ul li a:hover{
    background-color:rgb(214, 96, 22);
    color: white;
    padding: 0.5rem 0.5rem;
    transition: 0.5s;
   
}
.last_manu h3{
   background-color:white;
   color:black;
   font-style: oblique;
   padding: 0.375rem 0.75rem;
   border-radius: 0.25rem;
   /* position: absolute;
   top: 0.8125rem;
   left:52.5rem; */
   font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
   
}
.last_manu h3:hover{
    background-color:rgb(214, 96, 22);
    color:white;
    transition: 0.5s;
}
/* .nav-toggle{
    display: none;
} */
    
/* Hero section */
.hero_section{
   height: 30rem;
   width:auto;
   /* position: relative;
   margin-top:0rem; */
   background:linear-gradient(to top,rgb(0,0,0,0.8),rgb(0,0,0,0.2)) ,url(/heropic.jpg);
   display: flex;
   justify-content: center;
   align-items: center;

}
.hero_text h1{
    font-style: oblique;
    color: white;
    font-weight:100rem;
    /* position: absolute;
    top:4.375rem;
    left:14.0625rem; */
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

}
.hero_text h2{
    font-style: oblique;
    color: white;
    font-weight: 60rem;
    padding-left:5rem;
    /* position: absolute;
    top: 6.875rem;
    left: 18.5rem; */
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  
}
/* .hero_section img{
    height: 400px;
    width: 100%;
    background-size: contain;



} */
/* .hero_section .hero_text h1{
    position: absolute;
    margin-top: -320px;
    margin-left: 250px;
    font-size:2rem;
    font-weight: 4rem;
    background-color:rgb(10, 10, 60) ;
    
    color: white;
   
    
}
.hero_section .hero_text h2{
    position: absolute;
    margin-top: -290px;
    margin-left: 320px;
    font-size:1.5rem;
    background-color:rgb(10, 10, 60) ;
    opacity: 70%;
    color: white;
   
} */
.hero_text h1:hover{
    color: rgb(214, 96, 22);
    transition: 0.5s;
    animation: alternate-reverse;
 
}
.hero_text h2:hover{
    color: rgb(214, 96, 22);
    transition: 0.5s;
    animation: backwards;
   
}
/* .circle{
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: rgb(10, 10, 60);
    color: white;
    padding: 4px 4px;
}
.circle:hover{
    background-color:rgb(214, 96, 22);
    color: white;
    transition: 0.5s;
}
.circle:before{

} */

/* .hero_section boxes */

.boxes{
    width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:8rem;
    position: absolute;
    top: 26rem;
    left: 6rem;

}


.box1{
    height:16rem;
    width:14rem;
    padding: 1.25rem 0.75rem;
    background-color: rgb(223, 222, 222);
    color: rgb(10, 10, 60);
    box-shadow: 0rem 0rem 6rem 6rem rgb(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* position: absolute;
    margin-top: -6.25rem;
    margin-left:9.375rem; */
    
}
.box1_logo img{
    height:8rem;
    width:auto;
    /* position: relative;
    margin-top:0.3125rem;
    margin-left:1.875rem; */
    
 
}
.box1_content h3{
    margin-right:0.7rem;
    margin-bottom:-1;
}

.box1 h3 {
    /* position: absolute;
    top:7.5rem;
    left:1.875rem; */
    font-style: oblique;
    margin-left:2rem;
    margin-bottom:0.5rem;
    
}
.box1:hover{
    background:linear-gradient(rgb(214, 96, 22),rgb(158, 71, 17)); 
    color: white;
    transition: 0.5s;
 
}
.box2{
    height:16rem;
    width:14rem;
    padding: 1.25rem 0.75rem;
    background-color: rgb(223, 222, 222);
    color: rgb(10, 10, 60);
    box-shadow: 0rem 0rem 0.125rem rgb(152, 149, 149) ;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* position: absolute;
    margin-top: -6.25rem;
    margin-left:21.25rem; */
  
}    
.box2 img{
    height:8rem;
    width:auto;
    /* position: relative;
    margin-top:0.3125rem;
    margin-left:1.875rem; */
    
}
.box2 h3 {
    /* position: absolute;
    top: 7.1825rem;
    left:1.6875rem; */
    font-style: oblique;
    margin-left:2rem;
    margin-bottom:0.5rem;
 
}
.box2:hover{
    background:linear-gradient(rgb(214, 96, 22),rgb(158, 71, 17)); 
    color: white;
    transition: 0.5s;
 
}

.box3{
    height:16rem;
    width:14rem;
    padding: 1.25rem 0.75rem;
    background-color: rgb(223, 222, 222);
    color: rgb(10, 10, 60);
    box-shadow: 0rem 0rem 0.125rem rgb(152, 149, 149);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* position: absolute;
    margin-top: -6.25rem;
    margin-left:33.125rem; */
 
}    
.box3 img{
    height:8rem;
    width:auto;
    /* position: relative;
    margin-top:0.3125rem;
    margin-left:1.875rem;
     */
}
.box3 h3 {
    /* position: absolute;
    top: 7.1875rem;
    left: 1.625rem; */
    margin-left:2rem;
    margin-bottom:0.5rem;
    font-style: oblique;
   
}
.box3:hover{
    background:linear-gradient(rgb(214, 96, 22),rgb(158, 71, 17)); 
    color: white;
    transition: 0.5s;
   
}

.box4{
    height:16rem;
    width:14rem;
    padding: 1.25rem 0.75rem;
    background-color: rgb(223, 222, 222);
    color: rgb(10, 10, 60);
    box-shadow: 0rem 0rem 0.125rem rgb(152, 149, 149);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* position: absolute;
    margin-top: -6.25rem;
    margin-left:45rem; */

}  
.box4 img{
    height:8rem;
    width:auto;
    /* position: relative;
    margin-top:0.3125rem;
    margin-left:1.875rem; */
   
}
.box4 h3 {
    /* position: absolute;
    top: 7.1875rem;
    left:2.1875rem; */
    margin-left:2rem;
    margin-bottom:0.5rem;
    font-style: oblique;
  
}
.box4:hover{
    background:linear-gradient(rgb(214, 96, 22),rgb(158, 71, 17)); 
    color: white;
    transition: 1s;
   
}   

/* mid section */

.mid_sec_box{
    height:25rem;
    width:90%;
    display: flex;
    justify-content:space-around;
    align-items:end;
    
}

.mid_section{
    height:30rem;
    width:auto;
    background-color: white;
    
} 
.mid_section .img_box img{
    height:12.5rem;
    width:auto;
    /* margin-top:6.25rem;
    margin-left:687px; */
  
}


.mid_section .text_box h3{
    color:rgb(10, 10, 60);
    /* position: absolute;
    margin-top:-11.25rem;
    margin-left:18.75rem; */
    font-style: oblique;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  
}
.mid_section .text_box span{
    color:rgb(214, 96, 22);
    font-style: oblique;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
   
}
.mid_section .text_box p{
    color: black;
    /* position: absolute;
    margin-top: -10rem;
    margin-left: 18.75rem; */
    font-style:inherit;
    font-family: Arial, Helvetica, sans-serif;
    
}
.bullet{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    margin-bottom: 2rem;
}
/* .bullet1{
    height: 1.25rem;
    width: 1.25rem;
    color: black;
    position: absolute;
    margin-top: -0rem;
    margin-left:0.125rem;
    font-family: Arial, Helvetica, sans-serif;
    
}
.bullet2{
    height: 1.25rem;
    width: 1.25rem;
    color: black;
    position: absolute;
    margin-top: -0rem;
    margin-left:6.25rem;
    font-family: Arial, Helvetica, sans-serif;
   
}
.bullet3{
    height: 1.25rem;
    width: 1.25rem;
    color: black;
    height: 18.75rem;
    width:3.125rem;
    position:absolute;
    margin-top:-0rem;
    margin-left:12.5rem;
    font-family: Arial, Helvetica, sans-serif;
    
} */
/* third section */

.third_section{
    height: 18.75rem;
    width: 100%;
    display: flex;
    justify-content: center;
    justify-content:space-around;
    background-color: white;


}
.one{
    height:25rem;
    width: 47vw;
}
.one img{
    height: 25rem;
    width: 47vw;
    background-size:auto;
}
.two{
    height:25rem;
    width: 47vw;

}
.three{
    height:12.5rem;
    width: 47vw;
    background-color:#213555;

}
.three h1{
    color: white;
    position: relative;
    bottom: -1.875rem;
    left:1.25rem;
    font-style: oblique;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.three span h1{
    color: white;
    position: relative;
    bottom: -1.875rem;
    left: 1.25rem;
    font-style: oblique;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.four{
    height:12.5rem;
    width: 47vw;
    background-color: #213555;
}
.four p{
    color: white;
    position: relative;
    bottom: -1.25rem;
    left:1.25rem;
    font-style: oblique;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

}
.four p span{
    color: rgb(214, 96, 22);
    font-size: larger;
    font-style: oblique;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

/* fourth section */
.fourth_section{
    height:35rem;
    width: 100%;
    background-color: white;
}

.blog_section{
    height:6rem;
    width: auto;
    background-color: white;
    margin-top:10rem;
    padding-left:1.5rem;
}
.common_heading h2{
    font-style: oblique;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: 2rem;
    color: black;
}
.common_subheading{
    margin-top: 1rem;
}
.common_subheading p{
    font-style: oblique;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: 1rem;
}
.blogs{
    height:30rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4rem;
}
.blog1_box{
    height: 12rem;
    width: auto;
    box-shadow: 0rem 0rem 4rem 4rem rgb(0,0,0,0.05);
    
}
.blog1_img figure img{
    height:6rem;
    width:auto;
    background-size:contain;
}
.blog1_content{
    height: 6rem;
    width: auto;
    padding: 2rem 0.5rem 2rem;
}
.blog1_date{
    display: flex;
    justify-content:space-between;
}
blog1_subheading{
   
}
blog1_subheading p{
    font-size: larger;
    padding: 0rem 0.5rem 0rem;
}

/* blogs2 */
.blog2_box{
    height: 12rem;
    width:auto;
    box-shadow: 0rem 0rem 4rem 4rem rgb(0,0,0,0.05);
    
}
.blog2_img figure img{
    height:6rem;
    width:auto;
    background-size:contain;
}
.blog2_content{
    height: 6rem;
    width:auto;
    padding: 2rem 0.5rem 2rem;
}
.blog2_date{
    display: flex;
    justify-content:space-between;
}
blog2_subheading{
   
}
blog2_subheading p{
    font-size: larger;
    padding: 0rem 0.5rem 0rem;
}
/* blogs3 */

.blog3_box{
    height: 12rem;
    width: auto;
    box-shadow: 0rem 0rem 4rem 4rem rgb(0,0,0,0.05);
    
}
.blog3_img figure img{
    height:6rem;
    width:auto;
    background-size:contain;
}
.blog3_content{
    height: 6rem;
    width:auto;
    padding: 2rem 0.5rem 2rem;
}
.blog3_date{
    display: flex;
    justify-content:space-between;
}
blog3_subheading{
   
}
blog3_subheading p{
    font-size: larger;
    padding: 0rem 0.5rem 0rem;
}

/* blogs4 */

.blog4_box{
    height: 12rem;
    width:auto;
    box-shadow: 0rem 0rem 4rem 4rem rgb(0,0,0,0.05);
    
}
.blog4_img figure img{
    height:6rem;
    width:auto;
    background-size:contain;
}
.blog4_content{
    height: 6rem;
    width: auto;
    padding: 2rem 0.5rem 2rem;
}
.blog4_date{
    display: flex;
    justify-content:space-between;
}
blog4_subheading{
   
}
blog4_subheading p{
    font-size: larger;
    padding: 0rem 0.5rem 0rem;
}

/* fifth section */


.fifth_section{
    height:25rem;
    width: 100%;
    display: flex;
    margin-top:1.25rem;
    gap: 3rem;
    
}
.fifth_sec3{
    height:25rem;
    width: 47vw;
    margin-left: 1.5rem;
    background-size: contain;
}
.fifth_sec3 img{
     height:25rem;
     width: 47vw;
     background-size: contain;
     background-color: white;
     opacity: 100%;
}
.fifth_sec4{
    height:25rem;
    width: 47vw;
    margin-right: 1.5rem;
    background-color: #213555;
    display: flex;
    justify-content: center;
}
.fifth_sec4 form{
    margin-top:3.125rem;
    
}
.fifth_sec4 h2{
    color: rgb(214, 96, 22);
    font-style: oblique;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.fifth_sec4 a{
    padding: 0.375rem 1.875rem;
    background-color:rgb(214, 96, 22);
    color: white; 
    text-decoration: none;
    font-style: oblique;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
      
}
.fifth_sec4 a:hover{
    background-color: rgb(10, 10, 60);
}
.fifth_sec4 label{
    color:white;
    font-style: oblique;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.fifth_sec4 input{
    border: none;
    border-bottom: 0.0625rem solid black;
}

.sixth{
    height:5rem;
    width: 100%;
    background-color: white;
}
/* .ball1{
    height: 0.3125rem;
    width: 0.3125rem;
    border-radius: 50%;
    padding: 0.5rem 0.5rem;
    background-color:#213555;
}
.ball1 h2{
    color: white;
    margin-top: 1.5625rem;
    font-style: oblique;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.ball1 span{
    color: rgb(214, 96, 22);
    font-style: oblique;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

/*  1st ball */

/* .ball1 {
    display: block;
   transition: 1s ease-in-out;
   }
.ball1:hover {
   animation: animate2 5s linear; 
   }
    @keyframes animate2 {
       0%{
           transform: rotate(0deg);
           left:0;
       }
       50%{
           transform: rotate(360deg);
           left:calc(100% - 50px);
       }
       100%{
           transform: rotate(0deg);
           left:0;
       }
    }   */
.footer_box{
        height:20rem;
        width: 100%;
        background-color:#213555;
        display:flex;
        justify-content: center;
        margin-top: 1.25rem;
        justify-content: space-around;
        color: white;
    }
.sec11 ul li{
    list-style: none;
    margin-top:0.5rem;
    font-style: oblique;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.sec11 ul{
    margin-top: 1.875rem;
}
.sec11 h3{
    margin-bottom: 1.25rem;
    margin-top: 1.875rem;
    color:#5F6F65;
    opacity: 70%;
    font-style: oblique;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.sec22 ul li{
    list-style: none;
    margin-top:0.5rem;
    font-style: oblique;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.sec22 ul{
    margin-top: 1.875rem;
}
.sec22 h3{
    margin-bottom: 1.25rem;
    margin-top: 1.875rem;
    font-style: oblique;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color:#5F6F65;
    opacity: 70%;
    
}

.sec33 ul li{
    list-style: none;
    margin-top:0.5rem;
    font-style: oblique;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.sec33 ul{
    margin-top: 1.875rem;
}
.sec33 h3{
    margin-bottom: 1.25rem;
    margin-top: 1.875rem;
    font-style: oblique;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color:#5F6F65;
    opacity: 70%;
}
.sec44 ul li{
    list-style: none;
    margin-top:0.5rem;
    font-style: oblique;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.sec44 ul{
    margin-top: 1.875rem;
}
.sec44 h3{
    margin-bottom: 1.25rem;
    margin-top: 1.875rem;
    font-style: oblique;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color:#5F6F65;
    opacity: 70%;
}


.footer_box1{
    height:6.25rem;
    width: 100%;
    background-color:#3E5879;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

 .seclast{
    height: 2.5rem;
    width: 3.75rem;
    /* position:absolute;
    bottom:-115.25rem;
    left: 9.375rem; */

}
.seclast h1{
    color:white;
    font-style: oblique;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.seclast span{
    color:rgb(214, 96, 22) ;
    font-style: oblique;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.seclast p{
    color: white;
}

/* .icons a{
    text-decoration: none;
    color: white;

} */
.iconss{
    display:flex;
}
.icon1 a{
   color: white;
   padding: 0.625rem;
   font-size: larger;
   font-weight: bolder;
   
}
.email{
    display: flex;
    color:white;
    position: absolute;
    /* bottom: -2040px; */
    gap: 1.25rem;
}
.email a{
    color: white;
}

/* media queries */

@media(width <=1380px){
    html{
        font-size: 56.25%;
    }
}
@media(width <=820px){
    html{
        font-size:48%;
    }
    fifth_section{
        height: 26rem;
    }
    .fifth_sec3{
        height: 26rem;
    }
    .fifth_sec3 img{
        height: 26rem;
    }
    .fifth_sec4{
        height: 26rem;
    }
   

}
@media(width <=660px){
    html{
        font-size:44%;
    }
    .fifth_sec3{
        height: 28rem;
    }
    .fifth_sec3 img{
        height: 28rem;
    }
    .fifth_sec4{
        height: 28rem;
    }
    .sixth{
        height: 8rem;
    }

    .search input{
        display: none;
    }
    .search i{
        display: none;
    }
}
@media(width <=570px){
    html{
        font-size:34%;
    }
    .fifth_sec3{
        height:32rem;
    }
    .fifth_sec3 img{
        height: 32rem;
    }
    .fifth_sec4{
        height: 32rem;
    }
    .sixth{
        height: 12rem;
    }
  
}
@media(width <=478px){
    html{
        font-size:32%;
    }
    .fifth_sec3{
        height: 34rem;
    }
    .fifth_sec3 img{
        height: 34rem;
    }
    .fifth_sec4{
        height: 34rem;
    }
    .sixth{
        height: 14rem;
    }
   

}
@media(width <=440px){
    html{
        font-size:28%;
    }
    .fifth_sec3{
        height:37rem;
    }
    .fifth_sec3 img{
        height: 37rem;
    }
    .fifth_sec4{
        height: 37rem;
    }
    .sixth{
        height: 16rem;
    }
    .logotext p{
       display: none;
    }
    .logotext h1{
        font-size:2.2rem;
    }
 

}
@media(width <=390px){
    html{
        font-size:26%;
    }
    .fifth_sec3{
        height:40rem;
    }
    .fifth_sec3 img{
        height: 40rem;
    }
    .fifth_sec4{
        height: 40rem;
    }
    .sixth{
        height:18rem;
    }
    .text_box{
        margin: 0rem 4rem;
    }
    .email{
        margin-right: 3rem;
    }
   

}


@media(width <=370px){
    html{
        font-size:26%;
    }
    .fifth_sec4 form input{
        width: 80%;
        height: 3rem;
    }
    .fifth_sec4 form textarea{
        width: 80%;
        height: 6rem;
    }
    .fifth_sec4 form{
        margin-left: 2rem;
    }
   
   
    

}