.topbanner_section {background: #EFF9FD;padding: 50px 0px;}
.top_heading{}
.top_heading h1 {font-size: 40px;font-weight: 600;line-height: 45px;}
.top_heading p {font-size: 18px;color: #727272;}

.content-style{}
.content-style p{color: #565656; font-size: 18px; line-height: 32px;}
.img-style {
    position: relative;
    border-radius: 12px 24% 20px 24%;
    box-shadow: inset 10px 10px 10px #00000045;
    padding: 21px;
    overflow: hidden;
}
.title-head {
    color: black;
    font-weight: 600;
}
a.common-blue-button {
    text-decoration: none;
    position: relative;
    padding: 10px 30px 10px 55px;
    display: inline-block;
    line-height: 26px;
    font-size: 17px;
    color: #1153ff;
}
a.common-blue-button:before {
    content: "";
    left: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    border: 2px solid #1153ff;
    border-radius: 50px;
    position: absolute;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    background: #1153ff17;
  }
  
  a.common-blue-button:hover:before {
    width: 100%;
  }
  
  a.common-blue-button svg {
    font-size: 21px;
    position: absolute;
    left: 25px;
  }
/* .img-style:before {border: 1px solid #009ADB;content: '';position: absolute;top: -25px;left: -25px;width: 95%;height: 95%;z-index: -1;} */
.img-style img{border-radius: 12px 24% 20px 24%;}

.maintain {
    /* padding: 129px 50px; */
    padding-bottom: 54px;
    position: relative;
    /* overflow: hidden; */
    /* background-image: url("../images/bg-3.png"); */
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 30px;
  }
.content-div{    padding-top: 36px;
    z-index: 2;
    position: relative;}
.content-div p{font-size: 20px}

.content-img {
    background: #FCFAD6;
    padding: 10%;
    border-radius: 0 0 0 71px;
    box-shadow: 4px 10px 14px #00000026
}

.content-div h1 {
    color: rgb(58, 58, 58);
    text-align: left;
    font-size: 2.7rem;
}

.content-div p {
    color: rgb(67, 67, 67);
    text-align: left;
}
.shape-image.shape-1 {
    bottom: -169px;
    left: -238px;
}
.shape-image.shape-2 {
    bottom: 300px;
    right: 0;
    left: unset;
}
.shape-image {
    position: absolute;
}
.shape-image.shape-3 {
    top: 0;
    right: 0;
}
.shape-image {
    position: absolute;
    bottom: -9%;
    width: auto;
    left: 0;
    transform: translateX(0%);
    opacity: .8;
    z-index: 1;
  }
.grey-bg{
    background: #daedff9e;
    position: relative;
    overflow: hidden;
    padding-top: 70px;
}

.bell{
   
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
  }
.bell{
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
.ptb {
    /* padding: 10px; */
}
.img-div {
    padding: 30px;
    background: white;
    border-radius: 12px 24% 20px 24%;
    box-shadow: inset 10px 10px 10px #00000045;
}

/* ------------------------gear------------------ */

.gears-grd1{
stop-color:#4fc1ea; stop-opacity:1
}
.gears-grd2{
stop-color:#6435c9; stop-opacity:1
}

.gears-img{position: absolute;text-align: right;right: 0;top: 5vh;width: 25%;}
.gears-img img{
max-width: 100%;
}

.machine {width: 22vmin;}
.pos{position: relative}
.small-shadow, .medium-shadow, .large-shadow {
fill: rgba(0, 0, 0, 0.05); }

.small {
-webkit-animation: counter-rotation 2.5s infinite linear;
-moz-animation: counter-rotation 2.5s infinite linear;
-o-animation: counter-rotation 2.5s infinite linear;
animation: counter-rotation 2.5s infinite linear;
-webkit-transform-origin: 100.136px 225.345px;
-ms-transform-origin: 100.136px 225.345px;
transform-origin: 100.136px 225.345px; }

.small-shadow {
-webkit-animation: counter-rotation 2.5s infinite linear;
-moz-animation: counter-rotation 2.5s infinite linear;
-o-animation: counter-rotation 2.5s infinite linear;
animation: counter-rotation 2.5s infinite linear;
-webkit-transform-origin: 110.136px 235.345px;
-ms-transform-origin: 110.136px 235.345px;
transform-origin: 110.136px 235.345px; }

.medium {
-webkit-animation: rotation 3.75s infinite linear;
-moz-animation: rotation 3.75s infinite linear;
-o-animation: rotation 3.75s infinite linear;
animation: rotation 3.75s infinite linear;
-webkit-transform-origin: 254.675px 379.447px;
-ms-transform-origin: 254.675px 379.447px;
transform-origin: 254.675px 379.447px; }

.medium-shadow {
-webkit-animation: rotation 3.75s infinite linear;
-moz-animation: rotation 3.75s infinite linear;
-o-animation: rotation 3.75s infinite linear;
animation: rotation 3.75s infinite linear;
-webkit-transform-origin: 264.675px 389.447px;
-ms-transform-origin: 264.675px 389.447px;
transform-origin: 264.675px 389.447px; }

.large {
-webkit-animation: counter-rotation 5s infinite linear;
-moz-animation: counter-rotation 5s infinite linear;
-o-animation: counter-rotation 5s infinite linear;
animation: counter-rotation 5s infinite linear;
-webkit-transform-origin: 461.37px 173.694px;
-ms-transform-origin: 461.37px 173.694px;
transform-origin: 461.37px 173.694px; }

.large-shadow {  
-webkit-animation: counter-rotation 5s infinite linear;
-moz-animation: counter-rotation 5s infinite linear;
-o-animation: counter-rotation 5s infinite linear;
animation: counter-rotation 5s infinite linear;
-webkit-transform-origin: 471.37px 183.694px;
-ms-transform-origin: 471.37px 183.694px;
transform-origin: 471.37px 183.694px; }

@-webkit-keyframes rotation {
from {-webkit-transform: rotate(0deg);}
to   {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
from {-moz-transform: rotate(0deg);}
to   {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
from {-o-transform: rotate(0deg);}
to   {-o-transform: rotate(359deg);}
}
@keyframes rotation {
from {transform: rotate(0deg);}
to   {transform: rotate(359deg);}
}

@-webkit-keyframes counter-rotation {
from {-webkit-transform: rotate(359deg);}
to   {-webkit-transform: rotate(0deg);}
}
@-moz-keyframes counter-rotation {
from {-moz-transform: rotate(359deg);}
to   {-moz-transform: rotate(0deg);}
}
@-o-keyframes counter-rotation {
from {-o-transform: rotate(359deg);}
to   {-o-transform: rotate(0deg);}
}
@keyframes counter-rotation {
from {transform: rotate(359deg);}
to   {transform: rotate(0deg);}
}

@media only screen and (max-width: 767px) {
.sm-hide{
  display: none;
}
.text-size-10-vh{
  font-size: 6vh;
}
}
.rbt-cat-box-1{transition: 0.3s;display: block;position: relative;}
.rbt-cat-box-1:hover {
    transform: translate3d(0, -10px, 0);
}
.rbt-cat-box-1 .inner {
    background-color: white;
    box-shadow:  0px 6px 34px rgba(215, 216, 222, 0.41);
    border-radius: 0;
    padding: 28px 23px;
}
.content .title{font-weight:500;height: 48px;overflow: hidden;}
.rbt-cat-box-1 .inner .icons {
    margin-bottom: 20px;
}
.rbt-cat-box-1 .inner .icons img, .rbt-cat-box-1 .inner .icons i {
    border-radius: 13px;
    max-height: 100px;
}

.rbt-cat-box-1:before{
  content:"";
  position :absolute;
  width:24px;
  height:24px;
  top: -4px;
  left:-5px;
  border-top: 3px solid #1153ff70;
  border-left: 3px solid #1153ff70;
  transition:all 0.25s;
}
.rbt-cat-box-1:hover:before , .rbt-cat-box-1:hover:after{
  width:104%;
  height:110%;
}
.rbt-cat-box-1:after{
  content:"";
  position :absolute;
  width:24px;
  height:24px;
  bottom:-5px;
  right:-5px;
  border-bottom: 3px solid #1153ff70;
  border-right: 3px solid #1153ff70;
  transition:all 0.30s;
}

.bg-color-extra2 {
      background: #e8e8ff;
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}
.box{text-align: center;background-color: white;box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.41);border-radius: 0;padding: 28px 23px;position: relative;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;overflow: hidden;border-top: 4px solid #607d8b91;}
.box:hover{-webkit-transform: scale(1.06);
	transform: scale(1.06);
}
.img-box img{width: auto;padding: 9px;background: #fb9467;box-shadow: -2px 1px 13px 3px rgb(129 104 145 / 23%);z-index: 1;position: relative;height: auto;border-radius: 9px;}
.img-box{display: flex;justify-content: center;align-items: center;margin-bottom: 15px;}

.top-circle-shape {
    position: absolute;
    width: 243px;
    top: -48%;
    height: 261px;
    left: 0%;
    right: 0;
    margin: 0 auto;
    background-image: linear-gradient(90deg, #1153ff42, #23242480);
    opacity: 0.19;
    border-radius: 100%;
    box-sizing: border-box;
}
.box-cont h4{font-size: 19px;}
.top-circle-shape::before {
    position: absolute;
    content: "";
    background: #1153ff;
    border-radius: 100%;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    right: 20px;
    top: 20px;
}
.ecom .title-head {
    font-size: 66px;
    line-height: 1;
}
.box-cont{height: 247px;}
.card1-cont h3{font-size: 20px;margin-bottom: 10px}
.card1{
  background: white;
  box-shadow: -2px 1px 13px 3px rgb(129 104 145 / 23%);
  z-index: 1;
  padding: 15px 31px;
  height: 281px;
  border-radius: 40px 0 40px 0;
  }
.img-card img{width: 100px;padding: 9px;background: white;position: relative;height: 100px;border-radius: 9px;}
.img-card{display: flex;justify-content: center;align-items: center;margin-bottom: 15px;}
.back-bg{background: #2f57ef;}
.back-bg::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    height: 100%;
    width: 100%;
    background: url("../../images/dots.png") repeat center/auto;
    top: 0;
    z-index: -1;
}
.pay-box{
	    background: white;
    box-shadow: -2px 1px 13px 3px rgb(189 203 255);
    border-radius: 10px;
    padding: 6px;
	    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.pay-box:hover{
	-webkit-transform: scale(1.06);
    transform: scale(1.06);
}
.highlighterbg1 {
    color: #1153FF;
  }
  

  .content-div h1 {
    color: #080808;
    text-align: center;
    font-size: 2.7rem;
    font-family: 'General Sans';
    font-weight: 900;
  }
  
  .content-div p {
    color: #424141;
    text-align: center;
  }
  .two-part-title h2 {
    font-size: 32px;
    font-family: 'General Sans';
    font-weight: 600;
  }
  
  .two-part-title h2 .highlighterbg1 {
    color: #1153FF;
  }
@media screen and (min-width: 200px) and (max-width: 768px){
	
	.ecom .title-head {
    font-size: 36px;
	}
	.box-cont h4 {
    font-size: 26px;
}
	.title-head {
		font-size: 28px;
	}
	.shape-image{
    display: none;
}
	.maintain {
   background: #eef7ff;
    padding: 50px 8px;
    
    padding-top: 13px;
}
	.content-div h1 {
    color: rgb(58, 58, 58);
    font-size: 28px;
}
	.maintain::after{display: none}

	.content-div {
    padding-top: 13px;
}
.colreverse .row{
  display: flex;
  flex-direction: column-reverse;
}
}
.accordion-button{
  font-size: 21px !important;
}
.blog-slider {
  width: 100%;
  position: relative;
  max-width: 100%;
  margin: auto;
  background: #fff;
  box-shadow: 0px 14px 80px rgb(34 35 58 / 26%);
  padding: 25px;
  border-radius: 25px;
  transition: all 0.3s;
}
@media screen and (max-width: 992px) {
  .blog-slider {
    height: 400px;
  }
}
@media screen and (max-width: 768px) {
  .blog-slider {
    min-height: max-content;
    height: auto;
    margin: 180px auto;
    margin-bottom: 0;
  }
}
@media screen and (max-height: 500px) and (min-width: 992px) {
  .blog-slider {
    height: 350px;
  }
}
.blog-slider__item {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .blog-slider__item {
    flex-direction: column;
  }
}
.blog-slider__item.swiper-slide-active .blog-slider__img img {
  opacity: 1;
  transition-delay: 0.3s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > * {
  opacity: 1;
  transform: none;
}

.blog-slider__img {
  width: 346px;
  flex-shrink: 0;
  height: 100%;
  box-shadow: -4px 9px 30px 1px #0d6efd3d;
  border-radius: 20px;
  transform: translateX(-80px);
  overflow: hidden;
}

.blog-slider__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 20px;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .blog-slider__img {
    transform: translateY(-50%);
    width: 90%;
  }
}
@media screen and (max-width: 576px) {
  .blog-slider__img {
    width: 95%;
  }
}
@media screen and (max-height: 500px) and (min-width: 992px) {
  .blog-slider__img {
    height: 270px;
  }
}
.blog-slider__content {
  padding-right: 25px;
}
@media screen and (max-width: 768px) {
  .blog-slider__content {
    margin-top: -126px;
    text-align: center;
    padding: 0 30px;
  }
}
@media screen and (max-width: 576px) {
  .blog-slider__content {
    padding: 0;
  }
}
.blog-slider__content > * {
  transform: translateY(25px);
  transition: all 0.4s;
}
.blog-slider__code {
  color: #7b7992;
  margin-bottom: 15px;
  display: block;
  font-weight: 500;
}
.blog-slider__title {
  font-size: 24px;
  font-weight: 700;
  color: #0d0925;
  margin-bottom: 20px;
}
.blog-slider__text {
  color: #4e4a67;
  margin-bottom: 30px;
  line-height: 1.5em;
}

@media screen and (max-width: 576px) {
 
}

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

}

@media screen and (max-width: 768px) {
 
}

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

}