body {font-family: 'Rubik', sans-serif;color: #737373; font-size: 14px; line-height: 1.8;}
section { overflow:hidden!important;}
a, a:hover {text-decoration: none;}
.section-padding { padding: 90px 0;}
.top-banner { width: 100%; position: relative; background: #AAFFA9; height: 100vh;
  background: -webkit-linear-gradient(to right, #11FFBD, #AAFFA9);
  background: linear-gradient(to right, #11FFBD, #AAFFA9);}
.heading {font-size: 3rem;line-height: 1;margin-bottom: 0;}
 .heading-small {font-family: 'Caveat', cursive; font-size: 30px;line-height: normal;}
 .heading-extrasmall {font-family: 'Caveat', cursive; font-size: 20px;line-height: normal;}
 .colored { color: #ED213A;}
 .banner-heading { color: #fff;font-size: 4rem;line-height: 1;}
 .banner-heading span {font-family: 'Caveat', cursive;}
 .banner-content { padding-top: 220px;}
 .banner-content p { font-size: 28px;}
.btn-white { font-weight: 600; background: #fff; display: inline-block; color: #ED213A; border-radius:30px;
    padding: 15px 30px; font-size: 18px;}
.btn-white:hover { color: #fff; background:#ED213A ;}
.btn-green { font-weight: 600;  background: #a8ff78; z-index: 1;
    background: -webkit-linear-gradient(to right, #78ffd6, #a8ff78);  background: linear-gradient(to right, #78ffd6, #a8ff78); display: inline-block; color: #000; border-radius:30px;
    padding: 10px 20px; font-size: 14px;}
.btn-green:hover { color: #fff; background:#ED213A ;}
.logo { position: absolute; padding: 20px 0 0 0; z-index: 1;}

.menu-btn { background: #D31027;transition: all 0.3s ease-out 0s;
  background: -webkit-linear-gradient(to right, #EA384D, #D31027);
  background: linear-gradient(to right, #EA384D, #D31027);
   width: 64px; height: 64px; position: fixed; top: 30px; right: 30px; z-index: 100; color: #fff; border: none; border-radius:100%; outline: none; padding: 10px; font-size: 13px;}
button:focus { outline: none; }
.menu-btn:hover { background: #fff; color:#a8ff78;}


.callback-btn {background: #11FFBD;transition: all 0.3s ease-out 0s;
   width: 50px; height: 50px; line-height: 32px; position: fixed; top: 38px; right: 105px; z-index: 100; color: #fff; border: none; border-radius:100%; outline: none; padding: 10px; font-size: 13px;}
   .callback-btn:hover { background: #D31027;}
.highlights {  padding-left: 4.65em;
    position: relative;}
.highlights:before {
    border: 1px dashed #ddd;
    content: '';
    position: absolute;
    left: 9px;
    top: 0;
    height: 100%;
}
.highlights li { position: relative;padding-bottom: 0.2em; list-style: none;}
.highlights li h4 {  font-size: 18px;   line-height: 26px!important;
    margin-top: 1.2em;
    margin-bottom: 0.4em;}
.highlights li:before {
    content: '+';
    font-size: 0.8em;
    left: -6.2em;
    top: -0.2em;
    width: 2.7em;
    height: 2.7em;
    background-color: #D31027;
    border-radius: 50%;
    line-height: 2.8em;
    text-align: center;
    color: #fff;display: inline-block;
    position: absolute;
}
.title {margin-bottom: 40px;}

.service-image {padding:20px; width: 110px; height: 110px; margin: 30px auto; border-radius: 50%; text-align: center;background-color: #eaffde; line-height: 70px;    transition: all 0.3s ease-out 0s;}
.service-image:hover { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;background-color: #fff;}

.card {
  border-radius: 11px;
  border: 1px solid #a8ff78;
}
.full-image {
    width: 100%;
    height: 100%;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.bg1 { position: relative; background: #AAFFA9;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #11FFBD, #AAFFA9);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #11FFBD, #AAFFA9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  
  }

.bg2 { position: relative; background: #D31027;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #EA384D, #D31027);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #EA384D, #D31027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  }

#calculator .form-control { border: none; background: #f2f2f2;height: 50px;}
  .testimonial1 .testi1 .card-body {
    padding: 35px;
  }
  
  .testimonial1 .testi1 .thumb {
    padding: 10px 20px 10px;
    padding-left: 90px;
    margin-left: -35px;
  }
  
  .testimonial1 .testi1 .thumb .thumb-img {
    width: 60px;
    left: 20px;
    top: -10px;
  }
  
  .testimonial1 .testi1 h5 {
    line-height: 30px;
    font-size: 18px;
  }
  
  .testimonial1 .testi1 .devider {
    height: 1px;
    background: rgba(120, 130, 140, 0.13);
    width: 100px;
  }
  
  .testimonial1 .bg-success-gradiant {
    background: #D31027;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #EA384D, #D31027);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #EA384D, #D31027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    
  }
  
  .testimonial1 .card.card-shadow {
    -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
    box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
  }
  
  .testimonial1 .owl-theme .owl-dots .owl-dot.active span,
  .testimonial1 .owl-theme .owl-dots .owl-dot:hover span {
    background: #316ce8;
  }

  .footer-side { background: #D31027;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #EA384D, #D31027);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #EA384D, #D31027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
     width: 100%; height: 100%; padding: 130px 50px; color: #f2f2f2;}

  .copyright { font-size: 12px; color: #f2f2f2; margin-top: 50px;}

  .footer-social a {transition: all 0.3s ease-out 0s;
    display: inline-block;    padding: 0 !important;
    height: 35px;
    width: 35px;
    margin-right: 15px;
    display: inline-block !important;
    background: #a8ff78;
    line-height: 35px !important;
    border-radius: 50%;
    text-align: center;
}
.footer-social a:hover {background: #ED213A;}

.inner-header { padding-top: 220px;}
.inner-header2 { padding: 200px 0 100px 0;}
.inner-section { background: #AAFFA9;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #11FFBD, #AAFFA9);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #11FFBD, #AAFFA9);}
.inner-section:before {
  right: 0;
  width: 80%;
  content: '';
  top: -115px;
  height: 115%;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url(../images/b-shape1.png);
}

.inner-bg { position: relative; bottom: -30px;}

.freeplan { background-repeat: no-repeat; background-position: right bottom; background-size: cover; padding: 80px 0;}

  .batch {top:0; padding: 10px;
    background: #D31027;
    color: #fff;
    font-size: 40px;
    border-radius: 50%;
    width: 170px;
    height: 170px;
    display: inline-block;
    text-align: center;
    line-height: 1;
    position: absolute;
    font-family: 'Caveat', cursive;
    padding-top: 50px;
    right: 30%;
}
.features-one {margin-bottom: 5em;}
.features-one h5 {
  font-size: 18px;
  line-height: 45px;
  display: inline-block;
  margin: 0 10px .5rem;
}
.features-one .icon { float: right; margin-left: 10px;} 


.circle {position: absolute;
  top: 100px;
  left: 0; border-radius: 50%;
  right: 0;width: 500px; height: 500px;
  max-width: 100%;
  margin: 0 auto;-webkit-animation:spin 10s linear infinite;
  -moz-animation:spin 10s linear infinite;
  animation:spin 10s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

  .left-side .features-one:nth-child(1), .left-side .features-one:nth-child(3) {
    position: relative;
    left: 50px;
}
.right-side .features-one:nth-child(1), .right-side .features-one:nth-child(3) {
  position: relative;
  right: 50px;
}

.list-style-one { margin: 0; padding: 0;}
.list-style-one li { margin-bottom: 10px; position: relative; list-style: none; padding-left: 30px;}
.list-style-one li:before { position: absolute; content: ''; background: url('../images/check.svg') no-repeat ;    left: 0; top: 5px; width: 16px; height: 16px;}

.green {color: #45B649;}


.collapsible-link:before {
  content: '';
  width: 14px;
  height: 2px;
  background: #333;
  position: absolute;
  top: calc(50% - 1px);
  right: 1rem;
  display: block;
  transition: all 0.3s;
}

/* Vertical line */
.collapsible-link:after {
  content: '';
  width: 2px;
  height: 14px;
  background: #333;
  position: absolute;
  top: calc(50% - 7px);
  right: calc(1rem + 6px);
  display: block;
  transition: all 0.3s;
}

.collapsible-link[aria-expanded='true']:after {
  transform: rotate(90deg) translateX(-1px);
}

.collapsible-link[aria-expanded='true']:before {
  transform: rotate(180deg);
}

.contact {
  border-radius: 50%;
  width: 90px;
  height: 90px;
  display: inline-block;
  line-height: 90px;
  margin-bottom: 10px;
}
.top-banner:before {content: ''; position: absolute;  left: 0; bottom: 0; background: url(../images/bg-banner.png) no-repeat; height: 100%; width: 100%; background-position: left bottom; background-size: cover;}

.bg2:before {content: ''; position: absolute;  left: 0; bottom: 0; background: url(../images/bg-pattern.png) no-repeat; height: 100%; width: 100%; background-position: left top; background-size: cover;}

.bg1:before{content: ''; position: absolute;  left: 0; bottom: 0; background: url(../images/bg-pattern2.png) no-repeat; height: 100%; width: 100%; background-position: left center; background-size: cover;}

.top-image { position: absolute; right: 0; bottom: -70px;}



@media (max-width: 767px) {
  .full-image { min-height: 390px;height: auto;}
  .fullmargin1 { margin-top: 40px;}
  .fullmargin2 { margin-bottom: 40px;}
  .banner-heading {font-size: 3rem;}
.section-padding {padding: 80px 0;}
.top-banner {height: 100%;}
  .banner-content {padding-top: 180px; text-align: center;}
  .top-banner img { width: 100%;}
  .heading {font-size: 2.3rem;}
  .offset-1 { margin-left: auto;}
  .inner-header { padding-top: 180px;}
  .display-4 {font-size: 2.3rem;line-height: 1;}
  .inner-bg {width: 100%;}
  .batch { top: inherit; bottom: -100%;font-size: 20px;padding: 10px; width: 90px; height: 90px;
padding-top: 30px;right: 0%;}
.inner-section { height: 100%;}
.features-one {left: 0 !important;}
.features-one h5 {margin: 0;}
.circle  {width: 320px; height: 320px;}
.footer-side { padding: 80px 15px;}
.container-fluid.px-0 {padding-right: 15px !important;padding-left: 15px !important;margin-right: auto;
 margin-left: auto;}
.no-gutters>.col, .no-gutters>[class*=col-] { padding-right: 0 !important; padding-left: 0 !important;}
.footer .no-gutters {margin-right: -15px;margin-left: -15px; }
.form-holder{ margin: 0 15px;}
.top-image { position: relative; right: 0; bottom: -70px;}
}


.funfct {  transition: all 0.3s;
  line-height: 26px;
  padding: 30px;
  border-radius: 8px 8px 8px 40px;
  margin-bottom: 20px;
  min-height: 188px;
}
.funfct, .service-card-app {
  box-shadow: 0 11px 20px rgb(123 149 162 / 15%);
}

.funfct .services-cuntr {
  display: block;
  font-size: 30px;
  color: #333;
  padding: 15px 0;
}
.srcl1 {
  background: #f3f5ff;
  border-bottom: 4px solid #b0bdff;
}
.srcl2 {
  background: #fff3e6;
  border-bottom: 4px solid #ffc093;
}
.srcl3 {
  background: #fbeefd;
  border-bottom: 4px solid #f6bcff;
}
.srcl4 {
  background: #effdff;
  border-bottom: 4px solid #9ff3ff;
}
.funfct:hover {background: #AAFFA9;
  border-bottom: 4px solid #11FFBD;}

.enquiry { border-radius: 20px; padding: 30px 30px; text-align: center;}

.form-control { height: auto;
  padding: 1rem 1.5rem;
  border-radius: 5px;
  color: #232931;
  font-size: 1rem;
  border: solid 2px #999999;
}

.features-one .icon2 {
  float: left;
  margin-right: 10px;
}