@charset "utf-8";
/* CSS Document */
body{ 
  width:100%;
  padding:0; 
  margin:0; 
  background:#fff; 
  color:#fff; 
  font-family: 'Poppins', sans-serif;
}

a{ 
  display:inline-block;
  text-decoration:none;
  padding:0; 
  margin:0; 
  transition:all 500ms ease-in-out;
}

a:focus, a:hover{ 
  outline:none; 
  text-decoration:none; 
}

h1, h2, h3, h4, h5, h6{
  margin:0;
  padding:0;
}

ul,li{ 
  padding:0; 
  margin:0; 
  list-style:none; 
}

button:focus{
  outline:none;
}

img{
  max-width:100%;
  height:auto;
}

/* ===== custom fonts ====== */
@font-face {
    font-family: 'Stem';
    src: url('../fonts/Stem-Light.eot');
    src: url('../fonts/Stem-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Stem-Light.woff2') format('woff2'),
        url('../fonts/Stem-Light.woff') format('woff'),
        url('../fonts/Stem-Light.ttf') format('truetype'),
        url('../fonts/Stem-Light.svg#Stem-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* ===== common css ====== */
.common_btn{
  font-size:16px;
  color:#fff;
  line-height:18px;
  background:#39b110;
  border-radius:12px;
  padding:15px 30px;
}

.common_btn:hover{
  background:#0c65a4;
  color:#fff;
  box-shadow: 0px 0.1em 0.2em rgb(45 35 66 / 40%), 
  0px 0.4em 0.7em -0.1em rgb(45 35 66 / 30%), 
  inset 0px -0.18em 0px #39b110;
}

.common_btn2{
  font-size:16px;
  color:#fff;
  line-height:18px;
  background:#0c65a4;
  border-radius:12px;
  padding:15px 30px;
}

.common_btn2:hover{
  background:#39b110;
  color:#fff;
  box-shadow: 0px 0.1em 0.2em rgb(45 35 66 / 40%), 
  0px 0.4em 0.7em -0.1em rgb(45 35 66 / 30%), 
  inset 0px -0.18em 0px #0c65a4;
}

.text-common{
  font-size:16px;
  color:#000;
  line-height:26px;
  padding-bottom:20px;
}

/* ===== Header Starts ====== */
.navbar-default{ 
  background:#fff; 
  border:none;
  padding:15px 0;
  margin:0; 
  transition:all 600ms ease-in-out; 
}

.hd-logo{
  width:160px;
  transition:all 600ms ease-in-out;
}

@media screen and (min-width:992px){
  .navbar-default.navbar-fixed{
    box-shadow:0 4px 6px rgba(0,0,0,.1);
    padding:10px 0;
  }

  .navbar-default.navbar-fixed .hd-logo{
    width:150px;
  }

}

.home-banner{
  margin-top:235px;
  padding:0 0 40px;
}

.home-banner:after{
  content:"";
  position:absolute;
  width:95%;
  height:90%;
  background:linear-gradient(to right, #87838b , #034e83);
  border-radius:40px 0 0 40px;
  right:0;
  top:-30px;
}

.banner-img{
  z-index:999;
}

.banner-img img{
  border-radius:40px;
}

.banner-content{
	position:relative;
	z-index:99;
}

.banner-sm-title{
  font-family: 'Stem';
  font-size:24px;
  color:#020101;
  line-height:26px;
  padding-bottom:10px;
}

.banner-sm-title strong{
  font-size:40px;
  line-height:42px;
}

.banner-sm-title strong.s{
  font-family: "Alex Brush", cursive;
}

.banner-bg-title{
  font-size:52px;
  color:#ffd700;
  line-height:58px;
  padding-bottom:20px;
}

.about-panel,
.service-panel,
.choose-panel,
.testimonial-panel{
  background:#f3f3f3;
  padding:60px 0;
}

.about-img{
  z-index:999;
}

.about-img:before{
  content:"";
  position:absolute;
  width:50%;
  height:60%;
  border:1px solid #000;
  left:-30px;
  top:-25px;
  z-index:-1;
}

.about-img:after{
  content:"";
  position:absolute;
  width:50%;
  height:60%;
  background:#39b110;
  right:22px;
  bottom:-25px;
  z-index:-1;
}

.about-bg-title,
.service-bg-title,
.choose-bg-title,
.testimonial-bg-title,
.home-form-title{
  font-size:48px;
  background-image:linear-gradient(#36ae22, #004d83);
  color:transparent;
  background-clip:text;
  line-height:56px;
  padding-bottom:25px;
}

.about-sm-title{
  font-size:26px;
  color:#000;
  line-height:32px;
  font-weight:600;
  padding-bottom:20px;
}

.service-bg-title{
  padding-bottom:35px;
}

.service-title{
  position:absolute;
  width:100%;
  left:0;
  bottom:30px;
  font-size:18px;
  color:#fff;
  line-height:25px;
  font-weight:600;
  text-shadow:4px 2px 4px #2b9109;
  padding:0 10px;
}

.h-cta-panel,
.home-form{
  background:url(../images/h-cta-bg.jpg) no-repeat center left;
  background-size:cover;
  padding:45px 0;
}

.h-cta-title{
  font-size:32px;
  line-height:42px;
  font-weight:600;
  padding-bottom:20px;
}

.h-cta-panel .cta-list{
  margin-bottom:25px;
}

.h-cta-panel .cta-list li{
  display:inline-block;
  font-size:20px;
  color:#fff;
  line-height:26px;
  font-weight:600;
  margin-right:30px;
  padding-left:22px;
  position:relative;
}

.h-cta-panel .cta-list li:last-child{
  margin-right:0;
}

.h-cta-panel .cta-list li:before{
  content:"";
  position:absolute;
  width:10px;
  height:10px;
  background:#fff;
  border-radius:50%;
  left:0;
  top:0;
  bottom:0;
  margin:auto 0;
}

.choose-panel{
  background:#8a858b;
}

.choose-content .block{
  margin-bottom:20px;
}

.choose-content .block:last-child{
  margin-bottom:0;
}

.choose-content .block .icon{
  display:inline-block;
}

.choose-content .block .text{
  display:inline-block;
  width:86%;
  vertical-align:top;
  padding-left:15px;
}

.choose-title{
  font-size:22px;
  color:#fff;
  line-height:28px;
  font-weight:600;
  padding-bottom:8px;
}

.testimonial-bg-title{
  color:#f4ce01;
  background-image:inherit;
}

.testimonial-box .sp-testimonial-free-section{
  margin:0 !important;
}

.testimonial-box .sp-testimonial-client-image{
  float:left;
  width:40%;
}

.testimonial-box .sp-testimonial-client-image img{
  width:100%;
  border-radius:0 !important;
}

.testimonial-box .sp-testimonial-client-testimonial,
.testimonial-box .sp-testimonial-client-name,
.testimonial-box .sp-testimonial-client-rating{
  float:right;
  width:60%;
  padding-left:30px !important;
}

.testimonial-box .sp-testimonial-client-testimonial{
  margin:0 !important;
}

.testimonial-box .sp-testimonial-client-testimonial p,
.testimonial-box .sp-testimonial-client-name{
  text-align:left !important;
}

.testimonial-box .sp-testimonial-client-testimonial p{
  padding:0 !important;
}

.testimonial-box .sp-testimonial-client-name,
.inner-testimonial .sp-testimonial-client-name{
  font-size:24px !important;
  color:#040401 !important;
  line-height:26px !important;
  font-weight:600 !important;
  font-style:italic !important;
}

.home-form{
  background:#000;
}

#footer{
  background:#004d83;
  padding:50px 0 20px;
}

.footer-title{
  font-size:24px;
  color:#fff;
  line-height:26px;
  font-weight:600;
  padding-bottom:22px;
}

.ft-link li{
  line-height:0;
  margin-bottom:10px;
}

.ft-link li:last-child,
.ft-contact li:last-child{
  margin-bottom:0;
}

.ft-link li a,
.ft-contact li{
  font-size:16px;
  color:#fff;
  line-height:20px;
}

.ft-link li a:hover,
.ft-contact li a:hover,
.footer-bottom .text-common a{
  color:#e7bd2d;
}

.ft-contact li{
  margin-bottom:15px;
}

.ft-contact li span{
  display:inline-block;
  width:22px;
  margin-right:10px;
}

.ft-contact li a{
  color:#fff;
}

.footer-mid{
  border-top:1px solid rgba(255,255,255,.15);
  border-bottom:1px solid rgba(255,255,255,.15);
  margin:30px 0 20px;
  padding:15px 0;
}

#back-button {
  display:inline-block;
  background-color:#39b110;
  width:50px;
  height:50px;
  line-height:50px;
  text-align:center;
  border-radius:50%;
  position:fixed;
  bottom:25px;
  right:25px;
  opacity:0;
  visibility:hidden;
  z-index:1000;
  cursor:pointer;
  box-shadow:0 6px 16px rgba(0,0,0,.4);
}

#back-button.show {
  opacity:1;
  visibility:visible;
}

.page .entry-header,
.error404 .page-header{
  background:linear-gradient(to right, #87838b , #034e83) !important;
  margin-top:186px !important;
  padding:120px 0 100px !important;
}

.page .entry-header .entry-title,
.error404 .page-header .page-title{
  display:inline-block;
  font-size:40px;
  color:#fff;
  line-height:42px;
  font-weight:700;
  margin-bottom:0;
  padding:0;
}

.thumb-conatct .section .icon{
  width:80px;
  height:80px;
  background:#004d83;
  line-height:80px;
  border-radius:50%;
  text-align:center;
}

.thumb-conatct .section .text{
  width:75%;
}

.contact-title{
  font-size:24px;
  color:#39b110;
  line-height:26px;
  font-weight:600;
}

.contact-main{
  font-size:17px;
  color:#000;
  line-height:24px;
}

.contact-main a{
  color:#1c1c1c;
  font-weight:500;
}

.contact-main a:hover{
  color:#004d83;
}

.thumb-conatct .form-box{
  background:#004d83;
}

.contact-form .block{
  margin-bottom:15px;
}

.contact-form .block p{
  margin-bottom:0;
}

.contact-form .block label{
  font-size:16px;
  color:#fff;
  line-height:18px;
  font-weight:500;
  margin-bottom:10px;
}

.contact-form .block .form-control{
  height:50px;
  border-radius:0;
  border:none;
  background:#fff;
  font-size:16px;
  color:#494848;
  line-height:20px;
  font-weight:500;
  padding:10px 20px;
}

.contact-form .block .form-control::placeholder{
  color:#494848;
  opacity:1;
}

.contact-form .block .form-control::-ms-input-placeholder{
  color:#494848
}

.contact-form .block .form-control:focus,
.contact-form .block .btn:focus{
  box-shadow:none;
}

.contact-form .block textarea.form-control{
  height:105px;
  resize:none;
}

.contact-form .block select{
  background:url(../images/down-arrow02.png) no-repeat 96% center, #fff !important;
}

.contact-form .block select option{
  color:#000;
}

.contact-form .block .wpcf7-list-item{
  display:block;
  margin-left:0;
}

.contact-form .block .btn{
  font-size:18px;
  color:#fff;
  line-height:20px;
  font-weight:600;
  text-transform:inherit;
  background:#39b110;
  border-radius:12px;
  padding:13px 30px;
}

.contact-form .block .btn:hover{
  background:#0c65a4;
  color:#fff;
  box-shadow: 0px 0.1em 0.2em rgb(45 35 66 / 40%), 
  0px 0.4em 0.7em -0.1em rgb(45 35 66 / 30%), 
  inset 0px -0.18em 0px #39b110;
}

.contact-form .block .wpcf7-spinner{
  display:none;
}

.contact-form .block .wpcf7-not-valid-tip{
  font-size:14px;
  margin-top:5px;
}

.contact-form .wpcf7-response-output{
  font-size:14px;
  color:#fff;
  border:none !important;
  margin:0 !important;
  padding:0 !important;
}

.inner-title{
  font-size:40px;
  color:#000;
  line-height:48px;
  font-weight:700;
}

.inner-title strong,
.cta-title strong{
  color:#39b110;
}

.inner-sm-title{
  font-size:24px;
  color:#1c1c1c;
  line-height:28px;
  font-weight:600;
}

.inner-list li{
  font-size:16px;
  color:#000;
  line-height:24px;
  background:url(../images/tick-icon001.png) no-repeat left 5px;
  margin-bottom:10px;
  padding-left:30px;
}

.inner-list li:last-child{
  margin-bottom:0;
}

.inner-testimonial .sp-testimonial-free{
	background:#fff !important;
	border:1px solid #39b110 !important;
	border-radius:12px !important;
	box-shadow:0 4px 15px rgba(0,0,0,.1) !important;
	margin:6px !important;
	padding:25px;
}

.inner-testimonial .sp-testimonial-client-image img{
	width:100px;
	height:100px !important;
	object-fit:cover;
}

.bg-color{
  background:#f7f7f7;
}

.cta-title{
  font-size:30px;
  color:#1c1c1c;
  line-height:35px;
}

.cta-title:after{
  content:"";
  position:absolute;
  width:61px;
  height:2px;
  background:#0c65a4;
  left:0;
  right:0;
  bottom:0;
  margin:0 auto;
}

.cta-btn{
  left:0;
  bottom:0;
  z-index:999;
}

.cta-btn li a{
  display:block;
  font-size:15px;
  color:#fff;
  line-height:17px;
  text-transform:uppercase;
  background:#39b110;
  padding:15px 20px;
}

.cta-btn li:last-child a{
  background:#0c65a4;
}

@media screen and (max-width:991px){
  .navbar-default{
    box-shadow:0 4px 6px rgba(0,0,0,.1);
    padding:10px 0;
  }

  .hd-logo{
    width:100px;
  }

  .banner-bg-title{
    font-size:40px;
    line-height:46px;
  }

  .choose-content .block .text{
    width:80%;
  }

  #footer{
    padding-bottom:70px;
  }

  #back-button{
    right:20px;
    bottom:35px;
  }

  .page .entry-header, 
  .error404 .page-header{
    margin-top:117px !important;
  }

  .thumb-conatct .section .text{
    width:72%;
  }


}

@media screen and (max-width:767px){
  .home-banner{
    margin-top:150px;
    padding:0 0 35px;
  }

  .home-banner:after{
    display:none;
  }

  .banner-img{
    padding-top:30px;
  }

  .banner-img:after{
    content:"";
    position:absolute;
    width:90%;
    height:92%;
    background:linear-gradient(to right, #87838b , #034e83);
    border-radius:40px 0 0 40px;
    right:-30px;
    top:0;
    z-index:-1;
  }

  .banner-sm-title{
    font-size:18px;
    line-height:20px;
  }

  .banner-sm-title strong{
    font-size:26px;
    line-height:30px;
  }

  .banner-bg-title,
  .page .entry-header .entry-title, 
  .error404 .page-header .page-title{
    font-size:28px;
    line-height:34px;
  }

  .common_btn,
  .common_btn2,
  .contact-form .block .btn{
    font-size:14px;
    line-height:16px;
    padding:12px 20px;
  }

  .about-panel, 
  .service-panel, 
  .choose-panel, 
  .testimonial-panel,
  .h-cta-panel, 
  .home-form{
    padding:35px 0;
  }

  .about-img:before{
    top:-12px;
    left:-12px;
  }

  .about-img:after{
    right:-12px;
    bottom:-12px;
  }

  .about-bg-title, 
  .service-bg-title, 
  .choose-bg-title, 
  .testimonial-bg-title, 
  .home-form-title,
  .inner-title,
  .cta-title{
    font-size:26px;
    line-height:32px;
    padding-bottom:16px;
  }

  .about-sm-title{
    font-size:20px;
    line-height:24px;
    padding-bottom:12px;
  }

  .text-common{
    font-size:14px;
    line-height:22px;
  }

  .service-title{
    font-size:16px;
    line-height:22px;
    bottom:20px;
  }

  .h-cta-title{
    font-size:22px;
    line-height:28px;
  }

  .h-cta-panel .cta-list{
    margin-bottom:15px;
  }

  .h-cta-panel .cta-list li{
    font-size:16px;
    line-height:20px;
    margin-right:8px;
    margin-bottom:6px;
    padding-left:16px;
  }

  .choose-content .block{
    margin-bottom:12px;
  }

  .choose-title{
    font-size:16px;
    line-height:22px;
  }

  .testimonial-box .sp-testimonial-client-testimonial p,
  .inner-testimonial .sp-testimonial-client-testimonial p{
    font-size:14px !important;
    line-height:22px !important;
  }

  .testimonial-box .sp-testimonial-client-name,
  .inner-testimonial .sp-testimonial-client-name{
    font-size:18px !important;
    line-height:20px !important;
  }

  .contact-form .block .form-control{
    height:42px;
    font-size:14px;
  }

  .contact-form .block textarea.form-control{
    height:85px;
  }

  #footer{
    padding-top:30px;
  }

  .footer-title{
    font-size:20px;
    line-height:22px;
    padding-bottom:18px;
  }

  .ft-link li a, 
  .ft-contact li{
    font-size:14px;
    line-height:16px;
  }

  .page .entry-header, 
  .error404 .page-header{
    padding:80px 0 60px !important;
  }
	
	.inner-list li{
		font-size:14px;
		line-height:22px;
	}

  .thumb-conatct .section .icon{
    width:65px;
    height:65px;
    line-height:65px;
  }

  .contact-title{
    font-size:20px;
    line-height:22px;
  }

  .contact-main{
    font-size:15px;
  }
	
	.thankyou-sec img,
	.error404 .page-content img{
		width:200px;
	}
  
}

@media screen and (max-width:575px){
  .banner-img:after{
    right:-12px;
  }

  .about-img::before{
    top:-8px;
    left:-8px;
  }

  .about-img:after{
    right:-8px;
    bottom:-8px;
  }

  .testimonial-box .sp-testimonial-client-image,
  .testimonial-box .sp-testimonial-client-testimonial, 
  .testimonial-box .sp-testimonial-client-name, 
  .testimonial-box .sp-testimonial-client-rating{
    float:none;
    width:100%;
    padding-left:0 !important;
  }

  .ft-contact li{
    font-size:13px;
  }

  .ft-social{
    justify-content:center;
  }

  
}