@import url('https://fonts.googleapis.com/css?family=Poppins:400,700,900');
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700,900');
html, body, html * {

  scroll-behavior: smooth;
}

body {font-family: 'Poppins';}

ul {list-style: none; padding: 0; margin: 0;}
a {text-decoration: none;}
a:hover {text-decoration: none;}



.header-top {background: #011659; padding: 5px 0;}
.header-top .top-cont ul li { display: inline-block; color: #fff; font-size: 12px; padding: 5px 10px;}
.header-top .top-cont ul li .fa {color: #ff5e15; margin-right: 5px;}
.ham {display: none;}
.header-top .top-cont ul li a {color: #fff;}
.menu {padding: 25px 0;}
.menu img {width: 180px;}
.menu span {font-size: 11px; font-weight: 600; color: #9eaded; display: block;}
.menu ul {text-align: left;}
.menu ul li{display: inline-block; margin: 0 20px; }
.menu ul li a{color: #011659; font-size: 15px;}
.menu ul li a:hover {color: #ff5e15}
 .carousel-inner img {width: 100%; height: 520px;}

.social ul {list-style: none; text-align: right;}
.social li {position: relative; float: left; line-height: 30px;  margin-right: 20px;}
.social li a .fa{color: #fff;}

#header {z-index: 100; width: 100%; }
.fixed#header{background: #ffffff; border-bottom:1px solid #e6ebff; width: 100%; position: fixed; top: 0; left: 0; line-height: 20px; /* box-shadow: 0px 1px 5px #999; */
    transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s; z-index: 10;}
.fixed#header .logo img{ width: 60px; }

.fixed#header .head-menu .menu ul{ margin-top: 25px; }
.searchbar {display: none;}

.fixed#header span {font-size: 10px; font-weight: 600; color: #9eaded; display: block;}
.fixed#header .searchbar  {display: block;}


.head-top .search-home{padding-top: 10px;}
.head-top .search-home .fa{margin-top: 24px;}
.head-top .search-home button {margin-top: 20px;}

.topmenu {position: relative;}
.callnow button {border: none; background: #ff5e15; box-shadow: #f9e0d41a 0 0 20px 16px; border-radius: 50px;
    color: #fff; position: absolute; right: -80px; top: -11px; padding: 12px 45px; text-align: center;
    font-size: 16px; font-weight: 600; display: none}
.callnow button:focus {outline: none; ;}
.callnow button a{color: #fff;}
.callnow button a .fa {font-size: 18px; position: absolute; left: 24px; top: 16px;}

.fixed#header .callnow button  {display: block;}
.carousel-inner {position: inherit; overflow: inherit;}
textarea {
  resize: none;}

.banner {position: relative;}
.carousel-control-prev-icon {display: none;}
.carousel-control-next-icon {display: none;}


.ban-form {width:350px; border-radius: 8px; background: #fff; position: absolute; right: 100px; top: 25px; z-index: 1;
 padding:0 0 0 0;}
.ban-form .form-control {border: none; border-bottom: 1px solid #f1f1f1; font-size: 13px;}

.ban-form .form-control:focus {outline: none; box-shadow: none;}


.ban-form button {border: none; background: #ff5e15;  color:#fff; font-weight: 500;
margin: 0 auto; display: block; cursor: pointer; padding: 12px 45px; width: 100%;}
.ban-form button:focus {outline: none;}

.ban-form h3 {background: #011659; font-size: 15px; font-weight: 600; color: #fff; text-align: center;  padding: 18px;
    border-radius: 7px 7px 0 0;}

.carousel-caption {position: absolute; right: 0; top:200px; left: 140px; z-index: 100000; padding-top: 20px;
    padding-bottom: 20px; color: #fff; font-size: 40px; text-align: left; font-weight: 600; line-height: 50px;}


.about {padding: 100px 0;}
.abt-lft img{width: 450px;}
.abt-lft {position: relative;}
.exp {width: 200px; height: 120px; background: #fff; position: absolute; bottom: 0px; right: 90px;
    font-size: 55px; font-weight: 600; text-align: center; padding-top: 28px; line-height: 40px;}

.exp span {font-size: 16px; font-weight: 600; color: #f1763e; display: block;}

.moretext {display: none;}

p.moreless-button {color: #ff5e15 !important; cursor: pointer;}

.about h2{font-size: 36px; font-weight: 600; padding-bottom: 25px;}
.about h2 span {color: #ff5e15; font-size: 15px; font-weight: 500; display: block; padding-bottom: 5px;}
.about p{color: #7e7e7e; font-size: 15px; padding-top: 0px; }

.about-mid ul {list-style: disc; text-align: center; }
.about-mid ul li { color: #333; display: block; font-weight: 600; font-size: 12px; padding: 5px 15px; margin: 5px 0px;
text-align:left; position:relative; }
.about-mid ul li:before {content: ''; background: #000; width: 5px; height: 5px; border-radius: 50px;
    left: 0; position: absolute; top: 11px;}
.services {background: #fbfbfb; padding: 100px 0;}
.services h2{font-size: 36px; font-weight: 600; text-align: center;}
.services .serv-in {box-shadow: #cbcbcb2b 0 0 20px 16px; background: #fff;     border-radius: 0 0 10px 10px;
 padding-bottom: 20px; border: 1px solid #f1f1f1;}
.services .serv-in:hover {box-shadow: none; transition: 1s ease; cursor: pointer; border: #ff5e151f 1px solid;}
.services .serv-in img{width: 100%;}
.services .serv-in h3{font-size: 18px; font-weight: 600; padding-top: 20px; padding-left: 20px; margin: 0; line-height: 22px; text-align: left;}
.services .serv-in p{color: #7e7e7e; font-size: 14px;  padding-top: 10px; margin: 0; padding-left: 20px; padding-right: 20px; }
.services .col-md-3 {display: flex;}

.services .col-md-4 {display: flex; padding-bottom: 30px;}

.services .modal-body p{font-size: 14px; line-height: 24px;}
.services .modal-title {font-weight: 600;}
.services .modal-footer button{background: #ff5e15; border: none;}
.modal-header button:focus {outline: none;}

.quote {
    background-image: url(../img/backgound-line-bg.png);
    padding: 50px 0;
    background-color: #011659;
    background-size: 100% 100%;
}

.quote .quote-font {font-size: 34px; color: #fff; font-weight: 600; position: relative; text-align: center;}
.quote .quote-font img {display: inline-block; width: 50px; margin-right: 10px; position: absolute; left:0; top: 15px;}
.free-quote-btn button  {border: none; background: #fff; color: #333; font-weight: 600; margin:15px 0 0 auto; 
    display: block; padding: 18px 60px; 
    cursor: pointer;}

.free-quote-btn button:focus {outline: none;}
.quote h2{font-size: 30px; color: #fff; font-weight: 600; text-align: center;}

.whatcan h4 {color: #ff5f17; font-size: 20px; font-weight: 600; padding-top: 35px;}

.whatcan ul {list-style: disc; margin: 0 0 0 18px; padding: 0;}
.whatcan ul li {color: #fff; font-size: 14px; padding-bottom: 10px;}


.quote-data {background: #fff; box-shadow: #3e3e3e14 0 0 17px 8px; font-size: 18px; 
    padding: 20px 50px 50px 50px; margin-top: 40px; text-align: center; }
.quote-data span{font-weight: 700; display: block;}
.free-quote-btn button {background:#ff5e15; color: #fff; margin: 60px auto 0;}
.quote-data img {width: 70px; margin: 20px auto; display: block;}

.ban-form-pop  .form-control {border: none; border-bottom: 1px solid #f1f1f1; font-size: 13px;}

.ban-form-pop  .form-control:focus {outline: none; box-shadow: none;}


.frm-submit  button {border: none; background: #ff5e15;  color:#fff; font-weight: 500;
margin: 0 auto; display: block; cursor: pointer; padding: 12px 45px; width: 100%;}
.frm-submit  button:focus {outline: none;}

.ban-form-pop  h3 {background: #011659; font-size: 15px; color: #fff; text-align: center;  padding: 18px;
    border-radius:4px 4px 0 0;}

.ban-form-pop {position: relative;}
.cls-button  {position: absolute; right: 10px; top: 12px;}
.quote .modal-body {padding: 0;}
button.close {background: inherit;}
.close {color: #fff; opacity: inherit;}
.close:hover {color: #fff;}
.close:focus, .close:hover {outline: none; opacity: inherit;}
.why-perfect-test {padding: 100px 0; background: #fdfdfd; }
.why-perfect-test .why-text {font-size: 20px;  color: #011659; font-weight: 600; line-height: 28px;}
.why-perfect-test p{color: #7e7e7e; font-size: 15px;  padding-top: 15px; font-weight: 500;}
.why-perfect-test img{width: 100%;}

.why-doc ul {list-style:disc; padding-left: 20px; padding-top: 20px;}
.why-doc ul li{font-size: 13px; padding-bottom: 10px;}
.abut-test {padding-top: 10px;}

.abut-test ul {list-style:none; margin:0; padding: 0;}
.abut-test ul li { display: inline-block; font-size: 30px; color: #ff5d15; font-weight: 600; margin: 0px 25px 0 0;
    text-align: center; box-shadow: #dbdbdb21 0 0 20px 13px; border-radius: 6px; width: 160px;
    height: 90px; padding-top: 10px; border: 1px solid #e1e0e0;}




.abut-test ul li span {font-size: 13px; color: #001659; display: block;}


.client-list {padding: 55px 0;}
.client-list ul {text-align: center;}
.client-list ul li {display: inline-block; margin:0 25px; padding-bottom: 55px;}
.client-list ul li img{width: 80px;}

.client-list h2{font-size: 30px; color: #333; font-weight: 600; text-align: center;}





.testimonial {background: #fdfdfd; padding: 100px 0;}
.testi-in p {color: #7e7e7e; font-size: 15px;  padding-top: 15px; font-weight: 500; position: relative; text-align: center;}
.testi-in p span {width: 100px; font-size: 40px; opacity: 0.1; position: absolute; top: -26px;    left: -8px;}

.item .testi-img img {width: 80px; margin: 0 auto;}
.testi-in h4 { font-size: 16px; font-weight: 600; padding-top: 10px; text-align: center;}
.testi-in h4 span {font-size: 14px; display: block; font-weight: 500;;}
.testi-in {background: #fff;     border: 1px solid #ededed; border-radius: 8px; padding: 30px 20px;}


.testimonial h2{font-size: 30px; color: #333; font-weight: 600; text-align: center;}


.foot {background: #011659; padding: 100px 0; position: relative;}
.watsup img {position: fixed; top: 50%; right: 22px; margin-top: 135px; width: 55px; z-index: 1000; cursor: pointer;}
.foot h3 {color: #fff; font-weight: 600; font-size: 20px; padding-bottom: 40px;}
.foot .foot-r-data ul {list-style: none; margin:0; padding: 0;}
.foot .foot-r-data ul li { padding-bottom: 20px; color: #ced4e5; padding-left: 45px; position: relative;  font-weight: 400;
    font-size: 14px; display: block;}
.foot .foot-r-data ul li img {width: 16px; margin-right: 15px; position: absolute;  left: 0;}
.foot .foot-r-data ul li span {font-weight: 600; color: #fff; display: inline-block;}
.add-1 { padding-bottom: 16px; padding-right: 50px;}
.foot .foot-r-data ul li .add-1  span img {position: inherit !important; margin-left: 5px;}
.foot .foot-m-data ul {list-style: disc;}
.foot .foot-m-data ul li {padding-bottom: 20px; color: #ced4e5;  position: relative;  font-weight: 400;
    font-size: 14px;}

.foot-l-data img{width: 100%;}




.copyrgt {padding: 10px 0; margin: 0;}
.copyrgt h5 {color: #011659; font-size: 12px; font-weight: 600; padding:0; margin: 0;}
.lets-connect {display: none;}



.thankyou-msg {border-top: 1px solid #f1f1f1; padding: 100px 0;}
.thankyou-msg .check {background: #64b16124; width: 75px; height: 75px; border-radius: 50px; 
 line-height: 75px; margin:0 auto; padding-top: 10px; text-align: center;}
.thankyou-msg .check .fa{color: #64b161; font-size: 40px;}
.thankyou-msg h1{font-size: 40px; font-weight: 600; padding-top: 40px; text-align: center;}
.thankyou-msg p{padding-top: 10px; text-align: center;}
.thankyou-msg button {border: none; background: #ff5e15; border-radius: 10px; color: #fff; display: block; text-align: center; 
   margin:35px auto;}
    .thankyou-msg button:focus {outline: none;}
.thankyou-msg button a{ color: #fff; display:block;   padding: 15px 30px; text-decoration: none; }



@media screen and (max-width: 767px) { 

.ham {display: block; width: 100%; position: relative;}
.ham .fa {color: #000; font-size: 26px; position: absolute; right: 10px; margin-top: -30px;}
.menu-nav {display: none;}
.menu-nav ul li {display: block; padding: 20px 0; text-align: left; border-bottom: 1px solid #e9e9e9;}
.menu-nav ul li a {color: #333; font-size: 15px;}
.abt-lft img {width: 100%;}
.header-top .top-cont ul li:nth-child(2) {display: none;}


.header-top .top-cont ul{text-align: center;}
.social ul {text-align: center;}
.social ul li {float: inherit; display: inline-block;}
.services {padding: 50px 0;}
.services .col-md-3 {padding-bottom: 20px;}

.about h2 {padding-top: 25px;}

.about {padding: 50px 0;}
.why-perfect-test {padding: 50px 0;}
.abut-test ul li {margin: 0px 0 8px 0; width: 100%; height: 90px;}
.why-perfect-test img {width: 100%; margin-top: 15px;}
.testimonial {padding: 50px 0;}
.foot {padding: 50px 0;}
.foot .foot-m-data ul {list-style: disc; padding-left: 15px;}
.quote .quote-font {padding: 0; text-align: center;}
.quote .quote-font img {display: none;}
.free-quote-btn button {display: block; margin:25px auto;}
.quote {background: #ff5e15; padding: 30px 0;}
.exp {width: 100%; /* height: 120px; */ background: #ff5e15; color: #fff; position: inherit; bottom: 0px;
    right: inherit; font-size: 55px; font-weight: 600; text-align: center; padding-top: 28px; line-height: 40px;
    text-align: center; margin: 0 auto; display: block;}
.exp span {color: #ffffff; display: block;}
.lets-connect {display: block;}
.lets-connect button {border: none; border-top: 1px solid #ffad88; background: #ff5e15; color: #fff; font-weight: 600; width: 100%; position: fixed; bottom: 0; left: 0; 
    padding:18px 10px; text-align: center; z-index: 1000;}
.copyrgt {padding: 14px 0 71px 0px; margin: 0; text-align: center;}
.copyrgt h5 {text-align: center;}
.ban-form {display: none;}
.carousel-caption {position: absolute; right: 0; top: 50px; left: 0; z-index: 100000; padding: 20px;
    color: #fff;font-size: 30px; font-weight: 600; line-height: 40px; text-align: center;}
.carousel-inner img { width: 100%; height: 360px;}
}