*{
    margin: 0;
    padding: 0;
    
}

body{
    background-color:#ffffff;
}


@keyframes fadein {
    0% {
    opacity:0;
    }
    50%{
    opacity:0.5;
    }
    100% {
    opacity:1;
    }
   }
   
.header{
  height: 80px;
    width:100%;
    background-color:#021B5E;
    background-size: cover;
    background-position: center;
    position: relative;
}

.slider{
   
    min-height: 60vh;
    width:100%;
    background-image:linear-gradient(rgba(0, 0, 0, 0.2),
    rgba(0, 0, 0, 0.4)), url( assets/images/about.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
}
.sliderCa{
    min-height: 60vh;
    width:100%;
    background-image:linear-gradient(rgba(0, 0, 0, 0.2),
    rgba(0, 0, 0, 0.4)), url( assets/images/capablities.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
}
.sliderContact{
    min-height: 60vh;
    width:100%;
    background-image:linear-gradient(rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.217)), url( assets/images/contact.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
}


.about-text{
    /* height: 60vh; */
    width:100%;
    padding-top:60px;
    padding-bottom:60px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction: column;
    background-image:linear-gradient(rgba(255, 255, 255, 0.90),
    rgba(255, 255, 255, 0.903)), url( assets/images/aboutText1.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
}

.capablities-delivery{
    min-height: 35vh;
    width:100%;
    padding-top:60px;
    padding-bottom:60px;
    padding-left: 60px;
    padding-right: 60px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction: column;
    background-image:linear-gradient(rgba(255, 255, 255, 0.90),
    rgba(255, 255, 255, 0.903)), url( assets/images/aboutText1.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
}

.about-capa-section h4{
    font-size: 30px;
    font-family: 'Avenir';
    font-weight: 700;
}

.index-partner{
    background-color: #021B5E;
    width: 100%;
    height: 15vh;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row

}

.logoWithParner{
    background-color: #021B5E;
    height: 15vh;
  
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column
}

.index-partner p{
    color: white;
    margin-top: 10px;
    font-family: 'Avenir';
    font-weight: 300;
    font-size:18px;
    text-align: center;
}

.index-partner img{
    width:250px;
    margin-right:80px;
}









.about-capa-section{
    min-height: 45vh;
    width:100%;
    padding-top:60px;
    padding-bottom:60px;
    padding-left: 60px;
    padding-right: 60px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction: column;
    background-image:linear-gradient(rgba(255, 255, 255, 0.90),
    rgba(255, 255, 255, 0.903)), url( assets/images/aboutText1.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
}
.image-capa img{
margin: 10px;

}
.image-capa{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    /* flex-direction: column; */
}




.heavy-vehicle h4{
    font-weight: 900;
    font-family: 'Roboto';
    font-size: 30;
    color: #BD8903;
    margin-bottom:20px;
    text-align: center;
}

.heavy-vehicle p{
    width:80%;
    font-weight: 400;
    font-family: 'Roboto';
    font-size: 22;
    color: #ffffff;
    
    
}

.bullets{
    display: flex;
    flex-direction: row;
    width:80%;
    align-items: center;
    justify-content: space-around;
    margin-top: 30px;
    margin-bottom: 30px;
}

.bullets li{
    color: #ffffff;
    margin-bottom:10px;
    margin-top:10px
}

.heavy-vehicle{
    min-height: 35vh;
    width:100%;
    padding-top:60px;
    padding-bottom:60px;
    padding-left: 60px;
    padding-right: 60px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction: column;
    background-image:linear-gradient(rgba(0, 0, 0, 0.77),
    rgba(0, 0, 0, 0.77)), url( assets/images/heavy.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
}
.capablities-delivery h4{
    font-weight: 900;
    font-family: 'Roboto';
    font-size: 30;
    color: #BD8903;
    margin-bottom:20px;
    text-align: center;
}
.capablities-delivery p{
    font-weight: 400;
    width:80%;
    font-family: 'Roboto';
    font-size: 22;
    color: #0f0f0f;
    
    
}
.capablities-manpower p{
    width:80%;
    font-weight: 400;
    font-family: 'Roboto';
    font-size: 22;
    color: #ffffff;
    
    
}

.capablities-manpower h4{
    font-weight: 900;
    font-family: 'Roboto';
    font-size: 30;
    color: #FFB906;
    margin-bottom:20px;
    text-align: center;
}

.capablities-manpower{
    min-height: 35vh;
    width:100%;
    padding-top:60px;
    padding-bottom:60px;
    padding-left: 60px;
    padding-right: 60px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction: column;
    background-image:linear-gradient(#021b5e8b,
    #021b5e8b), url( assets/images/capablity-manpower.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
}

.capa-section h4{
    color:#FFB906
}
.capa-section{
    min-height: 35vh;
    width:100%;
    padding-top:60px;
    padding-bottom:60px;
    padding-left: 60px;
    padding-right: 60px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction: column;
    background-image:linear-gradient(#01081fb2,
    #01081fb2), url( assets/images/capa.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
}

.scroller{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction: row;
}

.scroller img{
    height: 300px;
    margin:10px;
    box-shadow: 0px 4px 20px 3px rgba(0, 0, 0, 0.25);
border-radius: 10px;
}

.rendered-form{
    display:flex;
    flex-direction: column;
    align-items: stretch;
    justify-content:center;
}

.sub{
    margin-top: 30px;
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content:center;
}

.btn1 {
    /* width:150px; */
    background: #001143;
border-radius: 5px;

padding-left: 14px;
padding-right: 15px;
padding-top: 8px;
padding-bottom: 8px;
color:white;
font-family:'Avenir';
border: 0;
text-decoration: none;
font-weight: normal;
box-shadow: none;
}
.misc-section1 p {
    text-align: center;
    color:#001143
}
.optionsSec{
    display:flex;
    align-items: center;
    flex-direction: row;
    justify-content:space-around;
}
.p1{
    font-size:28px ;
    font-family: 'Avenir';
    text-align: center;
    color:#001143
}

.btn1:hover {
    /* width:150px; */
    background: #024f96;

color:white;
text-decoration: none;
transition:1s
}

.btn{
    width:100px;
    background: #001143;
border-radius: 10px;
color:white;
font-family:'Avenir'
}

#mc-embedded-subscribe{
    width:100px;
    background: #001143;
border-radius: 10px;
color:white;
font-family:'Avenir'
}



.contact-form{
    width: 100%;
    min-width: 50vh;
    min-height: 50vh;
    border-radius: 20px;
    padding: 20px;
    background:#FDFDFD;
    margin: 10px;
    box-shadow: 5px 5px 10px 0px #c1c1c1;
}

.contact-form1{
    width: 60vh;
    min-height: 400px;
    max-height: 400px;
    border-radius: 10px;
    padding: 20px;
    background:#FDFDFD;
    margin: 10px;
    box-shadow: 5px 5px 10px 0px #c1c1c1;
}
.contact-text{
    min-height: 60vh;
    width:100%;
     
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction: column;
    background-image:linear-gradient(rgba(255, 255, 255, 0.90),
    rgba(255, 255, 255, 0.903)), url( assets/images/contact-index.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
}
.contact-form-footer-inner-container{
    display:flex;
    align-items:end;
    justify-content:center;
    flex-direction: column;
    min-height: 50vh;
    width:80%;
}
.contact-form-footer{
    min-height: 50vh;
    width:100%;
     
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction: column;
    background-image:linear-gradient(rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0)), url( assets/images/contact-footer.png);
    background-size: cover;
    background-position: center;
    position: relative;
}

.about-text h3{
    font-size: 35px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    color: #363636;
    margin-bottom: 20px;
    
     
}

.about-text-first-first{
    background:#162651;
    border-radius:5px;
    margin: 10px;
    padding-top:30px;
    padding-bottom:30px;
    padding-left: 20px;
    padding-right: 20px;
     
}

.about-text-first h3{
    font-size: 22px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    color: #FFB906;
    text-align: center;
   
}

.about-text-first p{
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    color: #ffffff;
    text-align: center;
 
}

.first-row {
    display:flex;
    flex-direction: row;
    

}

.first-row1 {
    display:flex;
    flex-direction: row;
    

}

.close{
    text-decoration: none;
    color: black;
}

.close:hover{
    text-decoration:none;
    color: black;
}

.contact-form1 h2{
    font-family: 'Avenir';
    font-weight: bold;
    color: #001143;
    text-align: center;
}
.contact-form h2{
    font-family: 'Avenir';
    font-weight: bold;
    color: #001143;
    text-align: center;
}


.contact-form1 input{
    margin-left: 5px;
    margin-right:5px;
    background-color:#F2F1F1;
    /* padding:10px; */
    border-radius: 5px;
}
.contact-form1 select{
    margin-left: 5px;
    margin-right:5px;
    background-color:#F2F1F1;
    
  
  padding: 0 1em 0 0;
  
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
    
    border-radius: 5px;
}

.contact-form1 textarea{
    margin-left: 5px;
    margin-right:5px;
    background-color:#F2F1F1;
    padding:10px;
    border-radius: 5px;
}




.about-text-first{
    width:70%;
    display:flex;
    align-items:center;
    justify-content:space-around;
    flex-direction: row;
}
.contact-text-second{
    width:90%;
    display:flex;
    align-items:center;
    justify-content:space-around;
    flex-direction: row;
}

.country{
    margin-right:10px;
    
}

.contact-form input{
    margin-left: 5px;
    margin-right:5px;
    background-color:#F2F1F1;
    /* padding:10px; */
    border-radius: 5px;
}
.contact-form select{
    margin-left: 5px;
    margin-right:5px;
    background-color:#F2F1F1;
    
  
  padding: 0 1em 0 0;
  
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
    
    border-radius: 5px;
}

.contact-form textarea{
    margin-left: 5px;
    margin-right:5px;
    background-color:#F2F1F1;
    padding:10px;
    border-radius: 5px;
}
.about-text-second{
    width:70%;
    display:flex;
    align-items:center;
    justify-content:space-around;
    flex-direction: row;
}
.ytext{
    color:#FFB906;
}

.about-text-second-second p{
color: white;
animation: fadein 2s;
}

.wtext{
    color:#FFffff;
}

.about-text-first1{
    width:70%;
  
}

.about-text-first1 h3{
    font-size: 22px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    color: #FFB906;
    text-align: center;
}

.about-text-first1 p{
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    color: #ffffff;
    text-align: center;
}


.about-text-2{
    min-height: 60vh;
    padding-top:30px;
    padding-bottom:30px;
    width:100%;
    padding-top:40px;
    display:flex;
    align-items:center;
    justify-content:space-around;
    background-image:linear-gradient(rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.7)), url( assets/images/aboutText.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
}





nav{
    display: flex;
    padding:25px 20px;
    justify-content: space-between;
    align-items: center;
}
nav img{
    position: absolute;
    width: 300px;
    
    left: 43px;
    top: 25px;
}

.nav-links{
    flex:1;
    text-align: right;

}

.nav-links ul li{
    list-style:none;
    display: inline-block;
    padding:8px 12px;
    position: relative;
    font-family: 'Avenir';
    font-family: 900;
    
    
}

.nav-links ul li a{
    color:white;
    text-decoration: none;
    font-size:15px;
}

.nav-links ul li a:hover{
    color:rgb(165, 165, 165);
    text-decoration: none;
    font-size:15px;
}


.getAQuote{
    position: absolute;
width: 158px;
height: 38px;
background: #B7EFF7;
box-sizing: border-box;
border-radius: 5px;
text-align: center;
color:black;
font-family: 'Avenir';
}

.getAQuote:hover{
    transition: 1s;
background: #6bdff1;

}

.quote{
    color:black;
font-family: 'Avenir';
font-size:15px;
}


.slider img{
    height:70vh;
}

.slider1Home img {
    height:70vh;
}

.sliderContact img{
    height:70vh;

}

nav .fa { 
    display:none;
}

.content{
    position: relative;
    width: 100%;
    /* height: 250px; */
    bottom: 0px;
    background: white;
}

.hero-footer{
    position: relative;
width: 100%;
height: 250px;
bottom: 0px;
background: #021B5E;
display: flex;
align-items: center;
justify-content: space-around;
flex-direction: row;

}


.menu h5{
    font-size:16px;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.menu p{
    font-size:13px;
    color: white;
    font-family: 'Roboto', sans-serif;
    
}

.menu ul li{
    list-style:none;

    
}
.menu ul li a{
    color:white;
    text-decoration: none;
    font-size:13px;
}

.menu ul li a:hover{
    color:rgb(165, 165, 165);
    text-decoration: none;
    font-size:13px;
}

.footMenu{
    width:40%;
    display:flex;
    align-items: flex-start;
justify-content: space-around;
flex-direction: row;
}

.address{
    flex:0 0 55%;
    margin-right: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.menu{
    flex:1;
}


.address ul li{
    list-style:none;

    
}
.address ul li {
    color:white;
    text-decoration: none;
    font-size:13px;
    padding:2.2px
}
.address h5{
    font-size:16px;
    color: white;
    font-family: 'Roboto';
    font-weight: bold;
}

.address p{
    font-size:13px;
    color: white;
    font-family: 'Roboto';
    
}

.hero-footer img{
    position: absolute;
width: 250px;



}



.text-box{
    width:70%;
    color: white;
    position: absolute;
    top:50%;
    left:50%;
    text-align: center;
    transform: translate(-50%,-50%);
  
}

.text-box h1{
    font-size: 38px;
    font-family: 'Times';
    font-weight: bold;
    

}

.text-box p { 
    margin:10px 0 40px;
    font-size: 16px;
    
}



.hero-btn{ 
display: inline-block;
text-decoration: none ;
padding:12px 34px;
color: black;
font-size: 13px;
background: #B7EFF7;
border-radius:10px;
position: relative;
cursor: pointer;
text-decoration: none;
}

.hero-btn:hover{ 
    transition: 1s;
    text-decoration: none;
   background: #6bdff1;
   color: black;
    }
 
    .about{
        font-size: 40px;
        font-family: 'Times';
        font-weight: bold;
    }

    .aboutContainer{
        width:100%;
        /* height:50vh; */
        
        display:flex;
        background-image:linear-gradient(rgba(255, 255, 255, 0.90),
    rgba(255, 255, 255, 0.903)), url( assets/images/aboutText1.jpg);
        align-items:flex-start;
        justify-content:space-around;
        flex-direction: row;
         
        background-size: cover;
        background-position: center;
        position: relative;
        padding: 20px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .misc-section1{
        width:100%;
        /* height:50vh; */
        
        display:flex;
        background-image:linear-gradient(rgba(255, 255, 255, 0.90),
    rgba(255, 255, 255, 0.903)), url( assets/images/aboutText1.jpg);
        align-items:center;
        justify-content:space-around;
        flex-direction: column;
         
        background-size: cover;
        background-position: center;
        position: relative;
        padding: 20px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .misc-circle{
        height:70%;
        width:40%;
        background: white;
        border-radius:20px;
        

    }

    .quote-box{
        background:#FFB906;
        padding-top: 10px;
        padding-bottom: 0px;
        padding-left: 20px;
        padding-right: 20px;
        border-radius:10px;
        
    }

    .inner-con{
        width:100%;
        height:100%;
        display:flex;
        background-size: cover;
        background-position: center;
        background-image:linear-gradient(rgba(255, 255, 255, 0.90),
        rgba(255, 255, 255, 0.903)), url( assets/images/business.jpg);
        align-items:center;
        justify-content:center;
        border-radius:15px;
    }

    .misc-circle h3{
        font-family: 'Avenir';
        font-size: 30px;
        color:#ffffff;
    
    }


    .misc-section{
        width:100%;
        height:40vh;
        
        display:flex;
        background-image:linear-gradient(#001143a1,
    #001143a1), url( assets/images/requestQuote.jpg);
        align-items:center;
        justify-content:center;
        flex-direction: row;
         
        background-size: cover;
        background-position: center;
        position: relative;
        padding: 20px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .mapView{
        width:100%;
        height:50vh;
        
        display:flex;
        background-image:url( assets/images/map.png);
       
        background-size: cover;
        background-position: center;
        position: relative;
        
    }

    .about-text-second{
        display:flex;
        flex-direction: row;
    }

    .contact-text-second{
        display:flex;
        flex-direction: row;
    }
    .aboutText{
        flex:0 0 45%;
        margin-top: 0px;
    }

    .aboutText1{
        flex:0 0 45%;
        margin-top: 40px;
         
        
    }


    .containerf
    {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color:#021B5E;
        
    }
    .containerf p
    {
        color:white;
        font-size: 14px;
        
    }

    .contactText1{
        flex:0 0 45%;
        margin-top: 40px;
        
    }
    .address-text-hq p {
        text-align: right;
    }
    .address-text-hq{
        display:flex;
        align-items:flex-end;
        justify-content:end;
        flex-direction: column;
    }
    .contactText1 h5{
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
        color:#021B5E
    }
    .contactText1 p {
        font-family: 'Avenir';
        font-size: 18px;
        font-weight:600
        
    }
    .aboutText1 h1{
        font-size: 35px;
        font-family: 'Avenir';
    }

    .aboutText h1{
        font-size: 35px;
        font-family: 'Avenir';
        margin-bottom: 10px;
   
    }
    .aboutText p{
        font-size: 18px;
        font-family: 'Avenir';
    }


.aboutImg{
    
    height:50vh;
    width:50vh;
    background-size: cover;
    background-position: center;
    position: relative;
    background-image: url( assets/images/about_index.jpg);
    border-radius: 10px;
}

.yytext{
    color:#FFB906
}  
.btext{
    color:#021A5E
}


.misc-circle a{
    text-decoration:none;
}

.misc-circle a:hover{
    text-decoration:none;
    
}
.misc-circle h3:hover{
    color:gray;
    
}

@media (max-width:700px) {

    .index-partner img{
        margin-right: 0;
        margin-bottom: 30px;
    }
    .index-partner{
        background-color: #021B5E;
        width: 100%;
        height: 30vh;
        display:flex;
        align-items:center;
        justify-content:center;
        flex-direction:column
    
    }
    
}




    @media(max-width:900px){


    

        .image-capa{
            width:100%;
            display:flex;
            align-items:center;
            justify-content:center;
            flex-direction: column;
        }

.bullets ul{
    list-style-type:none;
}

        .misc-circle{
            height:70%;
            width:80%;
        
            
    
        }

        .misc-circle h3{
            font-size: 20px;
        }
        .scroller{
        
            flex-direction: column;
        }
        .optionsSec{
           
            align-items: center;
            flex-direction: column;
            justify-content:space-around;
        }
        .bullets{
            display: flex;
            flex-direction: column;
            width:100%;
            align-items:center;
            justify-content: space-between;
            margin-top: 30px;
           
            margin-bottom: 30px;
        }

        .bullets li{
            text-align: center;
            /* width:100%; */
            /* margin-left: 10px;
            margin-right: 10px; */
        }

        .capablities-delivery p{
            
            width:90%;
           
            
            
        }
     
       
        .heavy-vehicle p {
            width:90%;

        }
        .capablities-manpower p{
            width:90%;
            
            
        }
        
        .HIDDENALL{
            display:none;
            visibility: none;
        }

        .contact-form1{
            width: 100%;
            min-height: 350px;
            border-radius: 10px;
            padding: 20px;
            background:#FDFDFD;
            margin: 0px;
            box-shadow: 5px 5px 10px 0px #c1c1c1;
        }

        .contact-form-footer-inner-container{
            display:flex;
            align-items:end;
            justify-content:center;
            flex-direction: column;
            min-height: 60vh;
            padding: 10px;
            width:90%;
        }

        .contact-form{
            min-width: 40vh;
            margin-bottom: 20px;
        }

        .about-text-second{
            display:flex;
            flex-direction: column;
        }

        .contact-text-second{
            display:flex;
            flex-direction: column;
        }

        .about-text-first{
            width:70%;
            /* display:flex;
            align-items:center;
            justify-content:space-around; */
            flex-direction: column;
        }

        .aboutContainer{
            width:100%;
            /* height:50vh; */
            /* display:flex; */
            align-items:center;
            justify-content:space-around;
            flex-direction: column;
            /* padding: 20px;
            margin-top: 40px;
            margin-bottom: 40px; */
        }

        .aboutText{
            flex:0 0 45%;
            margin-top: 40px;
            order:2
        }
    
        .aboutText h1{
            font-size: 25px;
            font-family: 'Avenir';
            text-align: center;
        }
      
        .aboutText p{
            font-size: 15px;
            font-family: 'Avenir';
        }
    
    
    .aboutImg{
        
        height:50vh;
        width:100%;
        background-size: cover;
        background-position: center;
        position: relative;
        background-image: url( assets/images/about_index.jpg);
        border-radius: 20px;
    }

        .sliderCa{
            min-height: 30vh;
        }
        .slider {
   
            min-height: 30vh;
        }
        .sliderContact{
            min-height: 30vh;
        }
        .slider img{
            height:30vh;
        }
        .sliderCa img{
            height:60vh;
        }
        .slider1Home img{
            height:70vh;
        }
        .slider1Home img {
            min-height: 70vh;
        }
        .sliderContact img{
            height:70vh;
        }
        .sliderContact img {
            height:70vh;
        }
.footMenu{
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
}

.hero-footer{
    flex-direction: column;
    height: 450px;
    align-items: center;
    justify-content: space-around;
}

.hero-footer img{
    position: relative;
width: 300px;



}

.address{
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
        
        .getAQuote{
           margin-left: 10px;
        }
        
        nav img{
            position:absolute;
            width: 200px;
            
            left: 10px;
            top: 37px;
        }
      

        .fa-bars{
            text-align: right;
            
        }
        .text-box{
            width:75%;
            
            background:rgba(0, 0, 0, 0.727);
            border-radius: 10px;
            padding: 10px;
            position: absolute;
            top:46%;
            left:50%;
            text-align: center;
            transform: translate(-50%,-50%);
        }
        .text-box h1{
            font-size: 1.2em;
            margin-bottom:4%;
            color: white;
        }

        .about{
            font-size: 40px;
            
        }
        
        .text-box p { 
            margin-bottom:4%;
            font-size: 0.8em;
            /* display:none; */
            color: white;
        }
       
        .nav-links ul li{
         
            display: block;
            
            
         
        }
      
        .nav-links{
         
            position: fixed;
            background: #021B5E; 
            height:100vh;
            width: 200px;
            top: 0;
            right: -200px;
            text-align: left;
            z-index: 2;
            transition:1s;
         
        }

        nav .fa { 
            display:block;
            color: #fff;
            margin: 10px;
            cursor: pointer;
            font-size: 22px;

        }
    }