html, body, *, *:after, *:before { margin: 0; padding: 0; }
body { font-family: 'Source Sans Pro'; font-weight: normal; font-size: 17px; line-height: 25px; color: #333333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-top: 82px; }
a, a:hover, a:focus, a:active { color: #333333; text-decoration: none; outline: none; }
img { max-width: 100%; }

/*General class*/
.container { max-width: 1320px; width: 100%; }
.section { padding: 60px 0; }
.bold { font-family: 'Source Sans Pro'; font-weight: 600; }

.blue-clr { color: #18027A; }
.green-clr { color: #3DB39E; }
.light-clr { color: #818181; }

.bg-blue { background-color: #F2F7FF; }
.bg-blue-dark, .bg-blue-dark a { background-color: #18027A; color: #fff; }

.xl3-font{ font-size: 42px !important; line-height: 52px !important; }
.xxl-font{ font-size: 32px !important; line-height: 40px !important; }
.xl-font{ font-size: 22px !important; line-height: 28px !important; }
.lg-font{ font-size: 26px !important; line-height: 33px !important; }
.md-font{ font-size: 19px !important; line-height: 24px !important; }
.reg-font{ font-size: 17px !important; line-height: 25px !important; }
.md-sm-font{ font-size: 16px !important; line-height: 22px !important; }
.sm-font{ font-size: 15px !important; line-height: 19px !important; }



/*css for button start*/
button:focus { outline: none; }
.btn, .btn:hover, .btn:active, .btn:focus { padding: 12px 26px; font-family: 'Source Sans Pro'; font-size: 22px; line-height: 28px; color: #18027A; background-color: transparent; border-radius: 50px; box-shadow: none; border: 2px solid #18027A; }
.btn:hover { opacity: 0.9; }
.btn-red, .btn-red:hover, .btn-red:active, .btn-red:focus { background-color: #D40001; border-color: #D40001; color: #fff; padding: 11px 33px; }
/*css for button end*/


/*css for menu start*/
.navbar-expand-md .nav .nav-link.btn { padding: 12px 26px; font-size: 22px; line-height: 28px; color: #18027A; background-color: transparent; border-radius: 50px; box-shadow: none; border: 2px solid #18027A; margin-right: 27px; }
/*css for menu end*/

/*css for banner start*/
.sec-title { margin: 0 0 28px; }
.banner ul li { padding-left: 32px; background: url(../img/checked.svg) left top 3px no-repeat; line-height: 23px; background-size: 20px; }
.banner ul li + li { margin-top: 12px; }
.banner .btn-red { margin: 52px 0 111px; }
/*css for banner end*/

/*css for trusted section start*/
.trusted-sec .item { padding: 10px; }
.trusted-sec .box { box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); border-radius: 6px; padding: 36px 20px 26px; }
.trusted-sec .owl-carousel .owl-item img { width: auto; height: auto; }
.trusted-sec .ratings img + img { margin-left: 8px; }

.trusted-sec .owl-nav { position: absolute; top: -75px; right: 0; }
.trusted-sec .owl-prev span, .trusted-sec .owl-next span { font-size: 0; }
.trusted-sec .owl-prev, .trusted-sec .owl-next { background: url(../img/pre-arrow.svg) no-repeat center !important; width: 35px; height: 34px; background-size: 30px 19px; }
.trusted-sec .owl-next { background: url(../img/next-arrow.svg) no-repeat center !important; margin-left: 26px; }
/*css for trusted section end*/


/*css for how-it-work section start*/
.work-info { position: relative; }
.work-info + .work-info:before { position: absolute; content: ""; top: 31px; width: 190px; left: -95px; height: 12px; background: url(../img/arrow.svg) right center; }
/*css for how-it-work section end*/

/*css for footer start*/
.top-footer { padding: 46px 0 54px; }
.bottom-footer { padding: 12px 0; }
/*css for footer end*/

/*css for form-sec start*/
.form-sec .box { box-shadow: 0 0 30px 0 rgba(0,0,0,0.1); border-radius: 6px; padding: 60px 0 45px; margin-top: 88px; }
.pattern-img { position: absolute; z-index: -1; top: 0; left: -93px; }

.form-group { position: relative; }
.control-label { font-size: 16px; line-height: 20px; margin: 0; position: absolute; top: 20px; left: 15px; transition: all 0.2s ease; }
.form-control, .form-control:focus { height: auto; line-height: normal; border: 1px solid #D7DCE3; border-radius: 6px; padding: 30px 15px 10px; }
.form-control:focus { border-bottom: none; box-shadow: inset 0 -2px 0 0 #18027A; }
input:placeholder-shown + .control-label { font-size: 16px; line-height: 20px; margin: 0; position: absolute; top: 20px; transition: all 0.2s ease; left: 15px; }
input::-webkit-input-placeholder { opacity: 0 !important; }
input::-moz-placeholder { opacity: 0 !important; }
input:-ms-input-placeholder { opacity: 0 !important; }
input:-moz-placeholder { opacity: 0 !important; }

input:focus::-webkit-input-placeholder { opacity: 0.8 !important;font-family: 'Source Sans Pro'; font-weight: normal; }
input:focus::-moz-placeholder {  opacity: 0.8 !important; font-family: 'Source Sans Pro'; font-weight: normal;}
input:focus:-ms-input-placeholder { opacity: 0.8 !important; font-family: 'Source Sans Pro'; font-weight: normal;}
input:focus:-moz-placeholder { opacity: 0.8 !important; font-family: 'Source Sans Pro'; font-weight: normal;}

input:not(:placeholder-shown) + label, .form-control:focus + label { color: #18027A; font-size: 13px; line-height: 17px; top: 10px; }

.custom-select, .custom-select:focus { padding: 20px 15px; background: url(../img/dropdown.svg) right 20px center no-repeat; }
/*css for form-sec end*/


/*responsive css start*/
@media screen and (min-width: 768px){
  .banner .banner-img { max-width: 100%; }
}

@media screen and (max-width: 991px){
.work-info + .work-info:before { width: 150px; left: -75px; }
}

@media screen and (max-width: 767px){
  .navbar-expand-md .nav .nav-link.btn { padding: 8px 15px; font-size: 17px; line-height: 23px; }
  .xl3-font{ font-size: 36px !important; line-height: 46px !important; }
  .xxl-font { font-size: 25px !important; line-height: 30px !important; }

  .banner .btn-red { margin: 30px 0; font-size: 18px !important; line-height: 23px !important;}
  .work-info + .work-info:before { display: none;}
  .trusted-logo { margin-bottom: 40px; }
  .form-sec .box { padding: 60px 15px 45px; }

}

@media screen and (max-width: 575px){
  body { padding-top: 56px; }
  .section { padding: 40px 0; }
.navbar-expand-md .nav .nav-link.btn { font-size: 12px; line-height: 20px; margin-right: 0; padding: 8px 11px; }
.navbar-expand-md .nav .nav-link.btn img { width: 14px; }
.trusted-sec .owl-nav {
    position: relative;
    top: auto;
    right: auto;
    text-align: center; margin-top: 20px;
}
.xxl-font { font-size: 20px !important; line-height: 25px !important; }
.btn-red { width: 100%; }
}
/*responsive css end*/