.position-relative {
    position: relative !important;z-index:1;
}
.center-element-bill {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
.billing {
  width: 100%;
  min-height: 74vh;
  position: relative;
  padding: 90px 0 0 0!important;
  display: flex;
  align-items: center;
}

.billing h1 {
  margin: 0;
  font-size: 42px;
  font-weight: 700;text-align:left;
  line-height: 56px;color:#14176c;margin-bottom:10px;font-family: "Montserrat", sans-serif;
}
.billing h1 span {
    color: #1976d2;
}
.billing .btn-get-started {
  color: var(--contrast-color);
  background: var(--accent-color);
  font-family: var(--heading-font);
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 24px 8px 24px;
  border-radius: 8px;
  transition: 0.5s;border:2px solid #1976d2;
}

.billing .btn-get-started:hover {
  color: #1976d2;
  background: transparent;border:2px solid #1976d2;
}

.billing .btn-watch-video {
  font-size: 16px;
  transition: 0.5s;
  margin-left: 25px;border:2px solid #1976d2;
  color: #1976d2;background:transparent;
  font-weight: 600;padding: 8px 24px 8px 24px;border-radius: 8px;
}

.billing .btn-watch-video:hover {
 color: #fff;
  background: #1976d2;border:2px solid #1976d2;
}

.billing .btn-watch-video:hover i {
  color: color-mix(in srgb, var(--accent-color), transparent 15%);
}

.billing .animated {
  animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

@media (max-width: 640px) {
  .billing h1 {
    font-size: 28px;
    line-height: 36px;text-align:center;
  }
.billing-box .main img {
    position: relative;
    z-index: 1;
    padding-left: 0;
}
.billing-box {padding: 0;}
.billing-box .main img {padding-left: 0;margin: 0 auto;}
.billing-box .nopadding {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.center-element-bill {position: relative;}
  .billing p {
    font-size: 16px;
    line-height: 24px;text-align:center;
    margin-bottom: 30px;font-family: "Montserrat", sans-serif;
  }

  .billing .btn-get-started,
  .billing .btn-watch-video {
    font-size: 13px;padding:4px 15px;letter-spacing:0;
  }
}

@keyframes up-down {
  0% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(-10px);
  }
}
.billing-desc{padding:40px 0 40px 0;}
.billing-box {
    padding:0 60px 1px 0;
    background: #ffffff;
    border-radius: 10px;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
    box-shadow: 0px 0px 25px rgba(56, 152, 226, 0.3);
}
.billing-box .main img{position:relative;z-index:1;    padding-left: 12px;}
.billing-box p{font-family: "Montserrat", sans-serif;font-size:15px;line-height:28px;text-align:justify;font-weight:500;padding:0;margin:0;color:#000101;}
.billing-box .subbox{background:#f0f0f0;border-radius:10px;padding:30px 60px;margin:20px 0}
.billing-box .subbox p{font-family: "Montserrat", sans-serif;font-size:24px;line-height:34px;text-align:center;font-weight:500;padding:0 0;margin:0;color:#000101;}
.nopadding{padding-left:0!important;padding-right:0!important;}
.billing-box .shape img {
 position: absolute;
    left: 19%;
    z-index: 0;
    top: 30%;
}
.alltuchtopdown {
  -webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
  animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
    animation-duration: 1.5s;
  animation-duration: 3s;
}
@keyframes alltuchtopdown {
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
  50% {
    -webkit-transform: rotateX(0deg) translateY(-20px);
    -moz-transform: rotateX(0deg) translateY(-20px);
    -ms-transform: rotateX(0deg) translateY(-20px);
    -o-transform: rotateX(0deg) translateY(-20px);
    transform: rotateX(0deg) translateY(-20px);
  }
  100% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
}
@-webkit-keyframes alltuchtopdown {
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
  50% {
    -webkit-transform: rotateX(0deg) translateY(-20px);
    -moz-transform: rotateX(0deg) translateY(-20px);
    -ms-transform: rotateX(0deg) translateY(-20px);
    -o-transform: rotateX(0deg) translateY(-20px);
    transform: rotateX(0deg) translateY(-20px);
  }
  100% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
}
.white{color:#FFFFFF!important}
.maxwidthhead{max-width:980px;margin:0 auto}
.rcp{background:url(../img/billing-sec-bg.png)#196dc1;background-repeat:no-repeat;background-size:cover;background-position:left top;}
.rcp .section-title h2{padding-bottom:0;margin-bottom:10px;}
.rcp p.subtxt{font-size:16px;text-align:center;color:#fff;font-family: "Montserrat", sans-serif;font-weight:400;margin-bottom:10px;}
.rcp .description-list {
  margin:0;
}
.rcp .description-list li {
  padding-left: 45px;
  list-style: none;
  position: relative;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 15px;color:#fff;line-height:24px; text-align:justify;font-family: "Montserrat", sans-serif;
}
.rcp .description-list li a{color:#fff;}
.rcp .description-list li i {
  background:url(../img/bullet.png);background-repeat:no-repeat;
  color: #fff;
  line-height: 26px;
  position: absolute;
  left: 0px;
  top: 0px;
  text-align: center;
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.assessment-wrapper{padding:0 0 0 40px;
    background: #ffffff;
    border-radius: 10px;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
    box-shadow: 0px 0px 25px rgba(56, 152, 226, 0.3);}
.assessment-wrapper .main img{position:relative;z-index:1;right:-48px;}
.assessment-wrapper .shape img {position: absolute; right: 10%; z-index: 0; top: 15%;}
.assessment-wrapper p{font-size:15px;text-align:justify;color:#000;font-family: "Montserrat", sans-serif;font-weight:500;margin-bottom:10px;}
@media (min-width:100px) and (max-width:767px){
    .billing-box {padding: 20px 20px 0 20px;}
    .billing-box .main img {padding-left: 0;max-width:100%;}
    .billing-box .shape img{display:none;}
    .rcp .section-title h2 { font-size: 34px;}
    .rcp p.subtxt { padding: 0 10px;}
    .rcp .description-list li { padding-left: 30px;font-size: 14px; padding-right: 12px;}
    .assessment-wrapper { padding: 20px 20px 0 20px;}
    .assessment-wrapper .main img { right: 0;  max-width: 100%;}
    .assessment-wrapper .shape img {position: absolute; right: 10%; z-index: 0; top: 58%;}
    .billing-box .subbox {padding: 30px;}
    .billing-box .subbox p {font-size: 18px;line-height: 28px;}
}