.topsection .container{
    display: flex;
    justify-content: space-between;
    
}

html{
    scroll-behavior:smooth!important;
}


.nav-link{
    font-weight: 800!important;
    color: rgb(255 102 67);
}

.nav-link {
    color: rgb(255 104 70)!important;
}

body{
font-family: 'Archivo', sans-serif;
    /*background: url(https://media.istockphoto.com/vectors/abstract-white-background-geometric-texture-vector-id1069183510?b=1&k=6&m=1069183510&s=612x612&w=0&h=EVl3ff9O_9TF3XymYdEoUd1ZDlUT03Kf4qtd6WcF0bs=);*/
   
  
}
.topsection{
/*    background: #1a5abc;*/
    padding: 14px 0;
    background: #ff0332;
}

.topsection .container a{
    text-decoration: none;
    color: white;
}

.nav-item{
    margin: 0 15px;
    border-bottom: 1px solid transparent;
}

.nav-item:hover{
    border-bottom: 1px solid red;
}

.nav-item:hover .nav-link{
    color: red!important;
}
.actv{
    border-bottom: 1px solid red;
}
.actv .nav-link{
    color:red!important;
}

.topsection .fa{
    padding: 10px;
    border:1px solid white;
    border-radius: 50%;
    transition: all 0.4s;
}


.topsection .fa:hover{
    transform: rotate(280deg);
    box-shadow: 0px 0px 10px 10px white;
}


.aboutimgbox{

    width:100%;
    
   
}

.aboutimgbox .imgone img{
    width:auto;
    height: 400px;
   
  
}

.listtype li {
    list-style: none!important;

}

.footersection li{
    list-style: none;
  
}

.footersection li a:hover{
    color:#03dcff;
}

.footersection li a{
    display: flex;
    align-items: center;
}

.aboutimgbox .imgtwo img{
    width:100%;
    height: 200px;
   
}


/*
.sec-tl:before, .cnt-frm > h4:before, .cnt-inf-wrp > h4:before, .pg-tp-wrp h1:after, .rltd-wrp > h4:before, .cmts-wrp h4:before, .team-detail-desc h3:before {
    content: "";
    position: absolute;
    left: 0;
    width: 128px;
    height: 9px;
    background-image: url(../img/tl-shp.png);
    bottom: 0;
}*/


.srv-bx3 p, h4{
    margin-left: 17px;
   
}

a{
    text-decoration: none;
}
.srv-bx3 p{
    color: gray;
    font-size: 16px;
}

.srv-bx3 h4{
    font-size: 20px;
    font-weight: 600!important;
    color: black;
}

.borerbtm{
    margin:-7px 0 10px;
}
.aboutsection{
    padding: 60px 0;
}

.sec-tl span{
    color:#1a5abc;
}

.srvsbox img{
    display: block;
    margin:20px auto;
}

.srvsbox{
    text-align: center;
    margin:20px 10px;
    padding: 30px 20px;
    background: white;
    border-radius: 30px;
    transition:all 0.3s;
    border-bottom: 5px solid red;
    
}

.srvsbox:hover{
    border-bottom: 5px solid #1a5abc;
}

.navigatonsection{
    background: #ededff;
}

.srvcsction{
    background: ;
 
    background: url(../img/smock.jpg) no-repeat;
    background-size: cover;
}

.navbar{
    padding: 20px 0;

}

.imgforbox img{
    width:100%;
}

.postsection{
    padding: 50px 0;
}

.boxbanr{
    display: flex;
    justify-content: space-around;
}

.bannerfluid{
    background: url(../img/emrgncy-bg.jpg)no-repeat;
    background-size: cover;
    padding: 30px 0;
    color: white;
    margin-top: 30px;
}

.bannerfluid button{
    padding: 0px 30px;
    border-radius: 10px;
    outline: none;
    border:none;
}

.bannerfluid button a{
    color: brown;
    font-weight: 600;
}

.postbox img{
    width:100%;
}
.postbox{
    box-shadow: 1px 1px 19px #00000054;
    border-radius: 5px;
    background: white;
}

.postdata{
    padding: 20px;
}

.updatesection{
    padding: 60px 0;
}

.fa{
    margin:0 10px;
}

.btncall{
    padding: 10px 20px ;
    background: #ff0332;
    outline: none;
    border:none;
}
.btncall:hover{
    background: #1a5abc;
}

.btncall a{
    color: white;
    text-decoration: none;
}

.footersection{
    padding: 60px 0;
    background: url(../img/banner/black.jpg);
    color: white;
}

.addbnr{
    margin-bottom: 60px;
}

.readmorebtn{
    outline: none;
    border:none;
    padding: 5px 16px;
    background: #1a5abc;
    margin-top: 20px;
    border-radius: 20px;
}

.readmorebtn:hover{
    background: red;
}

.readmorebtn a{
    text-decoration: none;
    color: white;
    
}

.postdata a{
    text-decoration: none;
    color:red;
    font-weight: 600;
    font-size: 15px;
}

.logo{
    width:200px;
}
.footersection h2{
    font-weight: 600;
    margin-bottom: 30px;
}

.footersection li a{
    text-decoration: none;
    color: lightgray;
}
.footersection  p{
    color: lightgray;
    line-height: 35px;
}

.footersection li{
     color: lightgray;
    padding: 10px 0;
}

.foot{
    padding: 20px 0;
    background:#8080806b;
    margin-top: 40px;
}

.foot p{
    margin-bottom: 0;
}

.container-fluid{
    max-width: 1200px!important;
    margin:0 auto;
}

.dropdown-menu{
    border-top: 3px solid #1a5abc;
    border-bottom: 3px solid #1a5abc;
    border-radius: 10px;
    margin-top: 30px;
    top: 30px;
    text-align: center;
}

.dropdown-item{
    color:  #1a5abc;
    
}

.class{
    display: flex;
}
.aboutpage{
    padding:50px 0;
}

.newimg img{
    border-radius: 50%;
    margin-bottom: 10px;
    width:100px;
}

.aboutpage h2{
    font-weight: 600;
    margin-bottom: 50px;
    color: #183c5a;
}

.aboutpage h2::before{
    content: "";
    position: absolute;
    width:150px;
    height: 2px;
    background: red;
    top: 50px;
}

.classn p{
    font-size: 15px;
    margin-bottom: 50px;
}

.pol{
    font-size: 19px;
    margin-bottom: 51px;
    color: #183c5a;
}




                                                   
/*-----------------------------------*/
.animationbox{
    position: absolute;
    top:20%;
    left:50%;
    background: #000000bd;
    color: white;
    padding: 50px;
    animation: animationnew 3s ;
   width: 50%;
    overflow: hidden;
}




@keyframes animationnew{
    0%{
        left: 0%;
       
    }
  
   
     100%{
        left: 50%;
       
    }
}


/*-------------------------*/

.contactform form{
    width: 100%;
}

.contactform form input{
    width: 80%;
    padding: 10px;
    margin: 2px auto;
    display: block;
    outline: none;
    border: none;
    border: 1px solid lightgray;
     border-radius: 20px 0 20px 0;
    border-bottom: 2px solid lightgray;
}

.contactform form textarea{
    width: 80%;
    padding: 10px;
    margin: 2px auto;
    display: block;
    outline: none;
    border: none;
    border: 1px solid lightgray;
    border-radius: 20px 0 20px 0;
    border-bottom: 2px solid lightgray;
}

.contactform{
    padding: 30px 0;
}

.contactform button{
    padding: 8px 16px;
    background: red;
    outline: none;
    border: none;
    border-radius: 10px;
    color: white;
    display: block;
    margin:10px auto;
    
}

.contactform button:hover{
    background: #183c5a;
}

.productpage{
    padding: 50px 0;
}


.productbox{
    border: 3px solid red;
   width: 100%;
    margin-bottom:20px;
    height: auto;
    overflow: hidden;

}

.productbox img{
    width: 100%;
}

.productbox .a{
    text-decoration: none;
    color: white;
    background: red;
    text-align: center;
    padding: 5px 0;
    
}

.productbox a{
    text-decoration: none;
    color: white;
   
    
}

.discriptionpage{
    padding: 50px 0;
}



.discriptionpage button{
    padding: 5px 15px;
    outline: none;
    border: none;
    color: white;
    background: red;
}
.modal-body input, .modal-body textarea{
   padding: 5px;
    margin: 5px 0;
    width: 98%;
    display: block;
    margin: 5px auto;   
    border: 1px solid lightgray;
}

#signupForm{
    width: 350px;
    margin: 0 auto;
}

.modal-footer input{
    background: red;
     outline: none;
    border: none;
    color: white;
    padding: 5px 16px;
}


/*------------------------------------------------*/



@media screen and (max-width:1200px){
    .nav-item {
    margin: 0 5px;
}
    
    
}


@media screen and (max-width:984px){
    .navbar-nav{
        text-align: center;
    }
    
    .form-inline{
        display: flex;
        justify-content: center;
    }
    
    .aboutimgbox{
        margin-bottom: 30px;
    }
    
    .postbox{
        margin-bottom: 30px;
    }
    .boxbanr h2{
        font-size: 15px;
        display: block;
        width: 50%;
    }
    .boxbanr button{
        padding: 5px 10px;
    }
    
    .heading h1{
        font-size: 24px;
        font-weight: 600;
    }
    
    .footersection {
        text-align: center;
    }
    
    .footersection ul li{
        list-style: none;
    }
    
    .footersection h2 {
    font-weight: 600;
    margin-top: 30px;
}
    
    .navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
    margin-right: 17px;
}
    .footersection ul{
        padding-left: 0;
    }
       .animationbox{
  top:20px;
           padding: 10px;
}
     .footersection li a {
    display: flex;
    align-items: center;
    justify-content: center;
}
  
    }


@media screen and (max-width:420px){
    .emailsection{
        display: none;
    }
    .imgone{
        display: none;
    }
    
    .topsection .container {
    display: flex;
    justify-content: center;
}
    .footersection ul{
        padding-left: 0;
    }
    
    .animationbox{
   display: none;
}
  
    
}