body {

  font-family: 'Poppins', sans-serif;

  color: #000;

}



/*--------------------------------------------------------------

# Back to top button

--------------------------------------------------------------*/

.back-to-top {

  position: fixed;

  visibility: hidden;

  opacity: 0;

  right: 15px;

  bottom: 15px;

  z-index: 996;

  background: #000;

  width: 40px;

  height: 40px;

  border-radius: 4px;

  transition: all 0.4s;

}



.back-to-top i {

  font-size: 28px;

  color: #fff;

  line-height: 0;

}



.back-to-top:hover {

  background: #333;

  color: #fff;

}



.back-to-top.active {

  visibility: visible;

  opacity: 1;

}



/*--------------------------------------------------------------

# Hero Section

--------------------------------------------------------------*/

#hero {

  width: 100%;

  position: relative;

  background: #f2f2f2;

  background-size: cover;

  position: relative;

  padding: 0;

}



#hero .full {

  display: grid;

  grid-template-columns: 1fr 1fr;

  grid-gap: 60px;

  align-items: center;

}



#hero .full .left {

  height: 100%;

  padding: 80px 0;

}



#hero .full .right {

  height: 90%;

  background: #fff;

  padding: 60px;

  margin: 0 auto;

  box-shadow: 0px 0px 8px rgb(0 0 0 / 25%);

  border-radius: 15px;

  display: flex;

  align-items: center;

}



#hero h1 {

  margin: 0 auto;

  font-size: 40px;

  font-weight: 700;

  line-height: 60px;

  color: #000;

  text-align: left;

  font-family: "Poppins", sans-serif;

}



#hero .icon-boxes {

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  grid-gap: 20px;

  margin: 30px 0;

}



#hero .icon-boxes .ads-logo {

  margin: 0;

  padding: 0;

}



#hero .icon-boxes img {

  width: 100%;

}



#hero .icon-box {

  padding: 15px;

  position: relative;

  overflow: hidden;

  transition: all 0.3s ease-in-out;

  z-index: 1;

  cursor: pointer;

}



#hero .icon-box:hover {

  transform: scale(1.08);

}



#top {

  padding: 11px 10px;

  text-align: center;

  background: #000;

  color: #fff;

  font-size: 30px;

  font-weight: 600;

}



.fom-section {

  clear: both;

}



.input-form {

  display: grid;

  grid-template-columns: 1fr;

}



.form-inner h2 {

  text-align: center;

  margin: 0 0 30px 0;

  font-size: 45px;

  color: #000;

  font-weight: 600;

}



.form-inner input {

  width: 100%;

  margin: 0 0 15px 0;

  border: 2px solid #e0e2e5;

  padding: 17px 15px;

  color: #818181;

  border-radius: 0;

}



.form-inner input::-webkit-input-placeholder { /* Edge */

  color: #818181;

}



.form-inner input:-ms-input-placeholder { /* Internet Explorer 10-11 */

  color: #818181;

}



.form-inner input::placeholder {

  color: #818181;

}



.form-inner .btn {

  background: #1b75f2;

  padding: 12px 20px;

  text-align: center;

  color: #fff;

  font-size: 24px;

  font-weight: 500;

  border: 0;

  border-radius: 0;

}



.form-inner .btn:hover {

  background: #000;

}



.form-inner p {

  text-align: center;

  margin: 10px 0 0;

  padding: 0;

  font-size: 22px;

  line-height: normal;

  color: #000;

  font-weight: 500;

}



/*--------------------------------------------------------------

# Sections General

--------------------------------------------------------------*/

section {

  padding: 100px 0;

  overflow: hidden;

}



.section-title {

  text-align: center;

}



.section-title h2 {

  font-size: 40px;

  font-weight: 700;

  text-transform: capitalize;

  margin-bottom: 80px;

  padding-bottom: 0;

  color: #000;

}

.section-title p {

  margin-bottom: 0;

  font-size: 14px;

  color: #919191;

}



/*--------------------------------------------------------------

# Counts

--------------------------------------------------------------*/

.count-box-section {

  display: grid;

  grid-template-columns: 1fr 1fr 1fr 1fr;

  grid-gap: 30px;

  margin: 0;

  text-align: center;

}



.count-box-section .count-box-wrapper {

  margin: 0;

  padding: 0;

}



.count-box-section .count-box {

  padding: 70px 20px;

  position: relative;

  overflow: hidden;

  background: #f2f2f2;

  box-shadow: 0px 0px 8px rgb(0 0 0 / 25%);

  transition: all 0.3s ease-in-out;

  border-radius: 5px;

  z-index: 1;

  cursor: pointer;

}



.count-box-section .count-box:hover {

  transform: scale(1.08);

}



.count-box-section .count-box span {

  color: #000;

  font-weight: 700;

  font-size: 54px;

  line-height: 54px;

  position: relative;

}



.count-box-section .count-box span:after {

  content: "+";

  color: #000;

  font-weight: 700;

  font-size: 54px;

  line-height: 54px;

  position: relative;

  left: 3px;

}



.count-box-section .count-box-wrapper.leads .count-box span:after {

  content: "Lacs+";

  color: #000;

  font-weight: 700;

  font-size: 54px;

  line-height: 54px;

  position: relative;

  left: 6px;

}



.count-box-section .count-box-wrapper.ad .count-box span:after {

  content: "Cr+";

  color: #000;

  font-weight: 700;

  font-size: 54px;

  line-height: 54px;

  position: relative;

  left: 10px;

}



.count-box-section .count-box-wrapper.ad .count-box p {

  max-width: 235px;

}



.count-box-section .count-box p {

  margin: 22px auto 0;

  padding: 0;

  font-size: 24px;

  color: #565656;

  line-height: 34px;

  font-weight: 500;

  max-width: 150px;

}



.team-form {

  background: #fff;

}



.team-form .icon-boxes {

  display: grid;

  grid-template-columns: 1fr 1fr 1fr 1fr;

  grid-gap: 20px;

  margin: 0;

}



.team-form .ads-logo {

  margin: 0;

  padding: 0;

}



.team-form .icon-boxes .icon-box {

  padding: 20px 25px;

  position: relative;

  overflow: hidden;

  background: #fff;

  /*box-shadow: 0 0 15px 0 rgb(0 0 0 / 3%);*/

  transition: all 0.3s ease-in-out;

  /*border-radius: 5px;*/

  z-index: 1;

  cursor: pointer;

  /*border: 1px solid #f2f2f2;*/

}



.team-form .icon-boxes .icon-box:hover {

  transform: scale(1.05);

}



.team-form .icon-boxes .icon-box img {

  width: 100%;

}



.happy-client {

  background-color: #f2f2f2;

}



.happy-client .icon-boxes {

  display: grid;

  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;

  grid-gap: 20px;

  margin: 0;

}



.happy-client .icon-boxes .ads-logo {

  margin: 0;

  padding: 0;

}



.happy-client .icon-boxes img {

  width: 100%;

}



.happy-client .icon-boxes .icon-box {

  padding: 0;

  position: relative;

  overflow: hidden;

  box-shadow: 0 0 29px 0 rgb(0 0 0 / 8%);

  transition: all 0.3s ease-in-out;

  border-radius: 5px;

  z-index: 1;

  cursor: pointer;

}



.happy-client .icon-boxes .icon-box:hover {

  transform: scale(1.08);

}



.news {

  background: #ffff;

}



.news .icon-boxes {

  display: grid;

  grid-template-columns: 1fr 1fr;

  grid-gap: 30px;

  max-width: 1000px;

  margin: 0 auto;

}



.news .icon-boxes .ads-logo {

  margin: 0;

  padding: 0;

}



.news .icon-boxes .icon-box {

  padding: 30px 50px;

  position: relative;

  overflow: hidden;

  /*background: #fff;*/

  /*box-shadow: 0 0 15px 0 rgb(0 0 0 / 3%);*/

  transition: all 0.3s ease-in-out;

  border-radius: 5px;

  z-index: 1;

  cursor: pointer;

  /*border: 1px solid #f2f2f2;*/

}



.news .icon-boxes .icon-box:hover {

  transform: scale(1.08);

}



.news .icon-boxes .icon-box img {

  margin: 0 auto;

  display: block;

  width: 100%;

}



.ftr-social {

  background: #000;

  padding: 15px 10px;

  color: #fff;

  font-size: 22px;

  font-weight: 500;

}



.ftr-social .ftr-btm-part .full {

  display: grid;

  grid-template-columns: 1fr 1fr;

  justify-content: space-between;

}



.ftr-social .ftr-btm-part .full img {

  width: 32px;

  height: 32px;

  vertical-align: middle;

  margin-right: 5px;

}



.ftr-social .ftr-btm-part .full a {

  color: #fff;

  font-size: 24px;

  font-weight: 500;

  text-decoration: none;

}



.ftr-social .ftr-btm-part .full .right {

  display: flex;

  justify-content: flex-end;

}



.copyright-block {

  background: #fff;

  text-align: center;

  padding: 15px 10px;

  font-size: 26px;

  color: #000;

  font-weight: 600;

}



/*--------------------------------------------------------------

# Testimonials

--------------------------------------------------------------*/



.testimonials {

  background: #fff;

}



.testimonials .testimonials-carousel, .testimonials .testimonials-slider {

  overflow: hidden;

}



.testimonials .testimonial-item {

  box-sizing: content-box;

  text-align: center;

  min-height: 320px;

}



.testimonials .testimonial-item .testimonial-img {

  width: 120px;

  border-radius: 50%;

  margin: 0 auto;

}



.testimonials .testimonial-item h3 {

  font-size: 24px;

  font-weight: 600;

  margin: 20px 0 6px 0;

  color: #000;

}



.testimonials .testimonial-item h4 {

  font-size: 15px;

  color: #666;

  font-weight: 500;

  margin: 0;

}



.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {

  color: #000;

  font-size: 26px;

}



.testimonials .testimonial-item .quote-icon-left {

  display: inline-block;

  left: -5px;

  position: relative;

}



.testimonials .testimonial-item .quote-icon-right {

  display: inline-block;

  right: -5px;

  position: relative;

  top: 10px;

}



.testimonials .testimonial-item p {

  padding: 50px;

  background: #fff;

  position: relative;

  border-radius: 6px;

  font-size: 16px;

  line-height: 26px;

  color: #000;

  font-weight: 400;

  margin: 0 auto 35px;

  max-width: 1100px;

}



.testimonials .testimonial-item p::after {

  content: "";

  width: 0;

  height: 0;

  border-top: 20px solid #fff;

  border-right: 20px solid transparent;

  border-left: 20px solid transparent;

  position: absolute;

  bottom: -20px;

  left: calc(50% - 20px);

}



.testimonials .swiper-pagination {

  margin-top: 20px;

  position: relative;

}



.testimonials .swiper-pagination .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  background-color: #fff;

  opacity: 1;

  border: 1px solid #2487ce;

}



.testimonials .swiper-pagination .swiper-pagination-bullet-active {

  background-color: #fff;

}

.o-video{text-align: center;}



@media only screen and (min-width: 768px) {

  .fix-ftr {

    display: none;

  }

}

 

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

  .count-box-section .count-box p {

    font-size: 22px;

  }



  .count-box-section .count-box span {

    font-size: 60px;

  }



  .count-box-section .count-box span:after {

    font-size: 60px !important;

  }

}





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

  .count-box-section .count-box p {

    font-size: 17px;

  }



  .count-box-section .count-box {

    padding: 50px 20px;

  }



  .count-box-section .count-box span {

    font-size: 40px;

  }



  .count-box-section .count-box span:after {

    font-size: 40px !important;

  }



  .count-box-section .count-box p {

    max-width: 119px;

  }



  #hero h1 {

    font-size: 30px;

    font-weight: 700;

    line-height: 40px;

  }



  #hero .icon-box {

    padding: 15px;

  }

  

  #hero .icon-boxes {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 10px;

    margin: 30px 0;

  }



  #hero .full .right {

    padding: 40px;

    height: inherit;

  }

}



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

  #hero h1 {

    font-size: 36px;

    font-weight: 700;

    line-height: 50px;

  }



  #hero .icon-boxes {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

    grid-gap: 10px;

    margin: 60px 0 0;

  }



  #hero .full .left {

    height: 100%;

    padding: 40px 0 40px;

  }



  section {

    padding: 80px 0;

  }



  .happy-client .icon-boxes {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;

    grid-gap: 10px;

    margin: 0;

  }



  #hero .icon-box {

    padding: 10px;

  }



  .count-box-section {

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-gap: 30px;

    margin: 0;

    text-align: center;

  }



  .form-inner h2 {

    font-size: 36px;

  }



  .form-inner p {

    font-size: 20px;

  }



  .section-title h2 {

    font-size: 36px;

    font-weight: 700;

    text-transform: capitalize;

    margin-bottom: 60px

  }



  .team-form .icon-boxes {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr;

    grid-gap: 10px;

    margin: 0;

  }



  #hero .full {

    display: grid;

    grid-template-columns: 1fr;

    grid-gap: 0;

    align-items: center;

    margin-bottom: 40px;

  }



  .team-form .icon-boxes .icon-box {

    padding: 15px;

  }

}





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

  #top {

    font-size: 18px;

  }



  section {

    padding: 40px 0;

  }

  

  #hero h1 {

    font-size: 22px;

    font-weight: 700;

    line-height: 30px;

    text-align: center;

  }



  #hero .icon-boxes {

    display: flex;

    gap: 0;

    margin: 15px 0;

    text-align: center;

    justify-content: center;

  }



  #hero .icon-boxes .ads-logo {

    float: left;

    width: 33.33%;

    padding: 5px;

  }



  #hero .icon-box {

    padding: 0;

  }



  .form-inner {

    padding: 0;

  }



  .form-inner h2 {

    font-size: 24px;

    margin: 0 0 10px 0;

  }



  .input-form {

    display: grid;

    grid-template-columns: 1fr;

    grid-gap: 10px;

  }



  .form-inner input {

    margin: 0;

    padding: 10px;

    font-size: 14px;

  }



  .form-inner .btn {

    margin: 10px 0 0;

    padding: 10px 20px;

    font-size: 14px;

  }



  .form-inner p {

    font-size: 14px;

  }



  .section-title h2 {

    font-size: 25px;

    font-weight: 700;

    text-transform: capitalize;

    margin-bottom: 20px;

    line-height: normal;

  }



  .team-form .icon-boxes {

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-gap: 10px;

    margin: 0;

  }



  .happy-client .icon-boxes {

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-gap: 10px;

    margin: 0;

  }



  .count-box-section {

    display: grid;

    grid-template-columns: 1fr;

    grid-gap: 20px;

    margin: 0;

    text-align: center;

  }



  .count-box-section .count-box p {

    font-size: 22px;

    margin: 16px auto 0;

    max-width: 100%;

  }



  .count-box-section .count-box {

    padding: 30px 20px;

  }



  .testimonials .testimonial-item p {

    padding: 30px 20px;

  }



  .news .icon-boxes {

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-gap: 10px;

    margin: 0 auto;

  }



  .news .icon-boxes .icon-box {

    padding: 15px;

  }



  .ftr-social .ftr-btm-part .full {

    display: grid;

    grid-template-columns: auto auto;

    grid-gap: 15px;

    margin: 0 auto;

  }



  .ftr-social .ftr-btm-part .full .right {

    display: flex;

    justify-content: flex-start;

    align-items: center;

  }



  .ftr-social {

    padding: 15px 0;

  }



  .ftr-social .ftr-btm-part .full a {

    font-size: 17px;

  }



  .copyright-block {

    font-size: 18px;

  }



  #hero .full .left {

    height: 100%;

    padding: 20px 0 0;

  }



  .fom-section {

    width: 100%;

  }



  #hero .full .right {

    padding: 25px 20px;

    height: inherit;

    width: 100%;

  }



  .fix-ftr {

    display: block;

    position: fixed;

    bottom: 0;

    left: 0;

    width: 100%;

  }



  .fix-ftr ul {

    margin: 0;

    padding: 0;

    display: grid;

    grid-template-columns: 1fr 1fr;

    justify-content: center;

  }



  .fix-ftr ul li {

    margin: 0;

    padding: 11px 0;

    list-style: none;

    text-align: center;

  }



  .fix-ftr ul li.call {

    background: #34a153;

    display: flex;

    align-items: center;

    justify-content: center;

  }



  .fix-ftr ul li.call a {

    text-decoration: none;

    display: inline-flex;

    color: #fff;

    font-size: 18px;

    font-weight: 500;

    text-transform: capitalize;

  }



  .fix-ftr ul li.Whatsapp {

    background: #000;

    display: flex;

    align-items: center;

    justify-content: center;

  }



  .fix-ftr ul li.Whatsapp a {

    background: url(../../assets/img/whatsapp_icon.png) 0 50% no-repeat;

    color: #fff;

    font-size: 18px;

    font-weight: 500;

    display: inline-flex;

    background-size: 32px 32px;

    padding: 4px 0 4px 40px;

    text-decoration: none;

  }



  body {

    padding-bottom: 58px;

  }



  iframe {

    height: 350px;

  }



  .fix-ftr {

    display: block;

  }

}