*,body{   font-family: 'Roboto', sans-serif;  }

header{  display: inline-block; width: 100%;     padding: 10px 0;}
.header-logo {
    float: left;
}
.mob-menu{ display: none; }
.s-m-t-30{ margin-top: 30px;}
.header-menu ul {
    padding: 0;
    margin: 0;
    float: right;
    padding-top: 20px;
}
.header-menu ul li{ list-style: none; float: left; }
.header-menu ul li a{ color: #434343; font-size: 18px; padding: 10px 25px;     font-weight: 500;}
.header-dial{ color: #1E4B98; font-size: 22px;}
.header-dial img{ margin-right: 5px; }


.main-content{ display: inline-block; width: 100%;}
.banner-sec{ display: inline-block; width: 100%; background-color: #fff;}
.banner-l{ width: 50%; float: left;}
.banner-l h4{ font-size: 32px; line-height: 40px; color: #000000; font-weight: 300; margin-bottom: 30px;}
.banner-l h5{ font-size: 22px; line-height: 32px; color: #0AA450; font-weight: 600;}
.banner-l h6{ font-size: 17px; line-height: 28px; color: #000000; font-weight: 300; margin-bottom: 30px;}

.banner-r{ float: right; width: 40%;}
.banner-r img{ width: 100%;}

a.a-btn{ padding: 10px 60px; color: #fff; font-size: 14px;}
a.a-btn-b{background: #4A5BBE;}
a.a-btn-g{background: #25AE63;     width: 100%; display: inline-block;
    text-align: center;}


.banner-two{ display: inline-block; width: 100%; background: #404459; padding: 40px 0   ;} 
.banner-t-l{ width: 30%; float: left;}
.banner-t-l img{ width: 100%;}

.banner-t-r{ float: right; width: 60%; color: #fff;}
.banner-t-r h3{ font-size: 36px; color: #fff; line-height: 46px; font-weight: 500  ;}
.banner-t-r-inn{ width: 70%;}
.banner-t-r-inn input.input-email{ color: #404459; background: transparent; padding: 10px 10px; margin: 20px 0 ;}
.banner-t-r p{ font-size: 16px; color: #fff; line-height: 26px; font-weight: 600  ; margin: 10px 0; font-family: 'Lato', sans-serif;}
.banner-t-r input.form-check-input{ font-size: 16px; color: #fff; line-height: 26px; font-weight: 600 ; font-family: 'Lato', sans-serif;}
.banner-t-r label{ font-size: 18px; color: #fff; line-height: 26px; font-weight: 300 ; font-family: 'Lato', sans-serif;}
.banner-t-r h4{ font-size: 14px; color: #fff; line-height: 20px; font-weight: 500;  font-family: 'Lato', sans-serif;}
.banner-t-r h5{ font-size: 12px; color: #8CC0FF; line-height: 18px; font-weight: 500;  font-family: 'Lato', sans-serif; margin-bottom: 30px;}


.work-sec{ display: inline-block; width: 100%; padding: 30px 0;}
h3.head-h3{ font-size: 30px; color: #000; line-height: 40px; font-weight: 700; text-align: center; margin-bottom: 80px;}
.work-list{ float: left; width: 30%;}
.work-list p{ font-size: 16px; color: #000; line-height: 24px; font-weight: 400; margin-top: 30px; width: 90%;}
.work-list-m{ margin: 0 30px;}


.tab-sec{ background: #ECEDF3;}
.tab-sec h3{ padding-top: 50px; margin-bottom: 20px;}
.tab-sec p{ text-align: center;}

.tab {
    overflow: hidden;
    margin-top: 40px;
  }

  /* Style the buttons inside the tab */
  .tab button {
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 30px;
    transition: 0.3s;
    font-size: 17px;
    background-color: #fff;
    color: #000000;
    margin: 0 10px;
    margin-left: 0; border-radius: 6px;
  }
  .tab button.active{    background: #4A5BBE; color: #fff;}
  .tabcontent .panel-heading {
    padding: 20px;
}
  /* Change background color of buttons on hover */
  .tab button:hover {
    background-color: #ddd;
    color: #000;
  }
  .panel-title a{ position: relative;
    width: 100%;
    display: inline-block;}
        /* a:not(.collapsed)::after {
            transform: rotate(-180deg); transition: transform .2s ease-in-out;
    } */
  .panel-title a:after{transition: transform .2s ease-in-out;
    content: "";
    background: url(../images/download.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 25px;
    width: 25px;
    position: absolute;
    right: 0;
  }

 
  /* Create an active/current tablink class */

  
  /* Style the tab content */
  .tabcontent {
    padding: 6px 0;
    border-top: none;
    margin-top: 20px;
  }
  



  .contact-main { display: inline-block; width: 100%;}
  .contact-main h3.head-h3 {
    margin: 50px;
}
  .contact-main .contact-inn{ padding: 80px; width: 50%; float: left; color: #fff;}
  .contact-l{background: #4A5BBE; border-top-left-radius: 20px;  border-bottom-left-radius: 20px;  }
  .contact-r{background: #25AE63; border-top-right-radius: 20px;  border-bottom-right-radius: 20px;}
  .contact-main .contact-inn p{ margin-top: 30px ; min-height: 70px;}
  .contact-main .contact-inn h4 {
    font-size: 12px; font-weight: normal;
}
.contact-main .contact-inn h4 a {
    font-size: 16px;
    display: block;
    color: #fff;
    margin-top: 2px;
    font-weight: bold;
}


.about-main{ display: inline-block; width: 100%; padding-bottom: 40px;}
.about-main h3.head-h3 {
    margin: 65px;
    margin-bottom: 30px;
}
.about-l {
    float: left;
    padding-left: 30px;
}
.about-l img {
    width: 61%;
}
.about-r {
    width: 70%;
    float: left;
}
.about-r p {
    line-height: 29px;
    font-size: 16px;
    padding-top: 16px;
    color: #000;
}

footer{ display: inline-block; width: 100%; background: #214066; padding: 20px 0;
 color: #fff;}
 .footer-l {
    float: left;
    width: 73%;
}
.footer-l p{ margin-bottom: 0;}
.footer-r {
    float: right; 
}
.footer-r a { color: #fff;
}