body {
    padding: 0;
    margin: 0;
 font-family: 'Roboto', sans-serif;
     overflow-x: hidden;
}
h1,h2,h3,h4{  
   font-family: 'Poppins', sans-serif;
}
ul {
    padding-left: 0
}
ul li {
    list-style-type: none;
}

p { font-size: 18px; }

a {

    font-size: 18px;
}


i {
    vertical-align: middle;
}
body a,
body a:hover {
    text-decoration: none;
}
.inputtext {
    border-radius: 0px !important;
    height: 37px !important;
    font-size: 12px;
    background: #fff;
}
input[type="text"] {
    font-size: 12px;
}
label{
    font-size: 14px;
}
.form .lead{
    font-weight: 600;
}
textarea.form-control {
    height: auto !important;
      font-size: 12px;
}

/*topbar Starts-------------------------------------------------------------------*/
.topbar {
     background: #fff; 
     padding: 7px 0;  
}
ul.top-contact li {
    display: inline-block;
    margin-right: 26px;
    transition: 0.6s all;
    line-height: 30px;
    margin-top: 9px;
}
ul.top-contact li a {
    color: #0d1845;
    font-size: 16px;/*
    font-weight: 600;*/
}
ul.top-contact li svg {
    color: #0d1845;
    margin-right: 10px;
}
ul.top-contact li:hover {
    transform: translate(0px, 13px);
}
ul.social-icon li a{
    color: #fff;
}
ul.social-icon li {
    /* display: inline-block; */
    float: left;
    /* margin: 0 5px; */
    /* background: #0e53e1; */
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
}
.gogle {
    background: #dc4a38;
}
.fb {
    background: #385da9;
}
/*Banner Starts=======================================*/
.banner-text p{
    color: #fff;
}
.banner{
    position: relative;
}
.banner-text{    
    position: absolute;
    bottom: 27%;
    left: 11%;
    width: 49%;
    background: rgba(59,45,130,0.8);
    padding: 22px;
}
.banner-form {
    width: 31%;
}
.head{
   font-size: 33px;
    font-weight:300;
    color: #fff;
    line-height: 38px;
}
.head span{
     font-weight:800;
}
/*About Starts=======================================*/
.about-img{
    flex:0 0 30%;
}
#about{
    background: #eff2f7;
}
.benifit-img{
    flex:0 0 45%;
    margin-right: 30px;
}
.zoom-img{
     flex:0 0 30%;
}
/*services Starts=======================================*/
#services {
    background: #eff2f7;    
}


#services::before {

    background: url(../images/patten.png) no-repeat;
    position: absolute;
    z-index: 9;
    right: 0;
    content: "";
    width: 348px;
    height: 629px;
    margin-top: -119px;



}




.service-sec{
       margin-bottom: 20px;
       background: #fff;    
       min-height: 443px;  
}
.service-sec a{
    color: #004198;
    font-weight: 300;
}
.service-icon{
    padding: 15px;
}
.ser-head{
    font-size: 20px;
    font-weight: 400;
}
.service-box {
    position: relative;
    padding: 15px;
    text-align: center;
  /* background: #f2f1f0;*/
    margin-bottom: 30px;/*
    min-height: 400px;*/
}
.text{
  /*  min-height: 145px;*/
  font-size: 13px;
    line-height: 27px;
}
/*Footer Starts======================================*/
#footer{
   background: #1f1f1f;
}
#footer p{
    color: #fff;
}
.footer-heading p{
    font-size: 24px;
    color: #fff;
    font-weight: 400;
  }
#footer p a {
    color: #fff;
}
ul.footer-address li span {
    color: #fff;
}
ul.footer-address li {
    line-height: 30px;
    color: #fff;
    font-size: 15px;
    display: flex;
    margin-bottom: 17px;
}
ul.footer-address li span {
    margin-right: 20px;
}
ul.footer-address li a {
    color: #bcd7ff;
}
#bottom-footer {
    background: #1f1f1f;
}
#bottom-footer p {
    color: #fff;
    font-size: 12px;
    margin-top: 5px;
}
#bottom-footer p a {
    color: #bcd7ff;
}
/*media queries======================================*/
@media (max-width: 991.98px) {   
    #footer {
        margin-top: 0;
    }
}
@media (max-width: 832px) { 
    .top-flex{
        display: block;
        text-align: center;
        padding: 12px;
    }
    .banner-form {
    width: 41%;
}
    body p {
        font-size: 15px;        
    }
  
.head {
    font-size: 20px;  
    line-height: 25px;
    }    
}
@media (max-width: 760px) {
               ul.top-contact li a {
            font-size: 13px;
        }
        ul.top-contact li {
            line-height: 7px;
        }
        #footer {
            margin-top: 0;
        }

        .top_banner  {

            padding: 0 !important;

        }


        #benifit {

            padding:0 !important;
        }

        .service .col-md-4 {

            margin-top: 22px !important;

        }


        .about   {

            padding: 0!important;

        }
        


        header {

            position: unset !important;

        }

        .benifit-img {

             margin-right: 0;

        }


    }
    @media (max-width: 767.98px) {
        .topbar{
            text-align: center;
        }
              .banner-text{
            position: relative;
            bottom: 0;
            left: 0;          
            width: 100%;

        }
      
.banner-form{
    width: 100%;
}
ul.social-icon li{
    display: inline-block;
    float: none;
}
       
    }
    @media (max-width: 575.98px) {
       
    }    


    .service {
        margin-top: -50px;
        padding-bottom: 50px;
    }

    .bg-primary {
        background-color: #3b2d82!important;
    }


    .mt-n5, .my-n5 {
        margin-top: -3rem!important;
    }

    .pl-8 {
        padding-left: 100px;
    }

    .bg-light {
        background-color: #eff2f7!important;
    }

    .text-primary {
        color: #3b2d82!important;
    }


    .btn-primary {
        color: #fff;
        background-color: #3b2d82!important;
        border-color: #3b2d82!important;
    }


    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        margin-bottom: .5rem;
        font-weight: 400;
        line-height: 1.2;
    }

    .clint-area {
        background: url(../images/sofa.jpg) no-repeat;
        background-size: cover;
    }

    .btn-white {
        background-color: #fff !important;
        padding: 13px 30px;
        height: 48px;
    }

    .form-control {
        height: 40px;
        background-repeat: no-repeat;
        background-color: #fff !important;
        border-radius: 0;
        border: none;
        color: #fff;
    }


    hr {
        margin-top: 1rem;
        margin-bottom: 1rem;
        border: 0;
        border-top: 1px solid rgba(243, 237, 237, 0.5);
    }


    b, strong {
        font-weight: 600;
    }

    .map iframe {

       

    }


    header {
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
        position: absolute;
        z-index: 9;
        width: 100%;
        background: #fff;
    }

    body::-webkit-scrollbar {
        width: .5em;
      }
       
      body::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      }
       
      body::-webkit-scrollbar-thumb {
        background-color: #1098B8;
        outline: 1px solid slategrey;
      }
    

      .navbar-fixed {

        position: fixed;
        z-index: 99;
        width: 100%;
        background: #fff;
        top: 0;
       
        -webkit-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.24);
       -moz-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.24);
       box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.24);
       
       }


       .blue-text {
        color: #3f51b5;
        font-weight: 600;
    }




    .section-wrapper {
        padding: 40px 0px;
    }


    .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: -34px;
        left: 0;
        z-index: 15;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0;
        margin-right: 15%;
        margin-left: 15%;
        list-style: none;
    }


    .meeting-wrap {
        font-size: 18px;
        color: #000;
    }


    section {
        padding: 45px 0 55px;
    }

    .meeting-wrap span {
        font-weight: 600;
        color: #f44336;
    }


    .carousel-indicators li {
        width: 12px;
        height: 12px;
        background: #0d1845;
        border-radius: 50%;
        border: 0;
        opacity: 1;
    }


    .carousel-indicators li.active {
        background: #106eea;
    }