body {
   background: #FFF;
}
h2 {
        font-size: 40px !important;
   }

div#section-clind-price{
padding-top: 4rem;
    padding-bottom: 4rem;
}

#benner-section {
  padding: 4rem;
   align-items: center;
   display: flex;
   position: relative;
   height: auto !important;
   }

.content-box-header h1 {
  color: #000;

  font-size: 4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-right: 23px;

}

#benner-section .col-lg-6.col-sm-12.col-12.col-md-6 {
  margin-block: auto;
}

.content-box-header p {
  color: #000;
  font-size: 18px;
  font-style: normal;
  line-height: 1.5;
}


span {
  color: : #112678;
}
.privacy span {
   color: aqua;
}

.set-width {
  width: 100%;
}

nav.navbar.navbar-expand-lg.bg-body-tertiary {
  background: #FFF !important;
  box-shadow: 0px 4px 250px 0px rgba(0, 0, 0, 0.12);
}

a.nav-link {
  color: #000;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 142.5%;
  /* 498.75px */
}

 .custom-code-butpro {
    border: 1px solid #282d89;
    background: linear-gradient(130deg, #282d89 1.07%, #c45ef3 80.2%) !important;
    color: #FFF !important;
      font-size: 17px;
    font-style: normal;
    font-weight: 500;
    padding: 0.5rem 1rem;
    border-radius: 5px;
}

/* .custom-code-butpro{
  
  border: 1px solid #006CF0;
  background: linear-gradient(130deg, #282d89 1.07%, #c45ef3 80.2%) !important;
  color: #FFF!important;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  padding: 0.5rem 1rem;
  border-radius: 5px;
} */
button.custom-code-butpro:hover{
	background: #282d89 !important;
	
}
.img-bennar-section {
  position: relative;

}

.img-bennar-section img {
  width: 100%;
}

.img-bennar-section-one {
  background-repeat: no-repeat;
  width: 126px;
  height: 120px;
  background-repeat: no-repeat;
  background: url(assets/img/Ellipse7.png);

  background-size: cover;
  right: 0;
  top: 19px;
  position: absolute;
}

.img-bennar-section-one img {
  width: 40px;
  margin-top: 30%;
  margin-left: 29%;
}

.img-bennar-section-secend {
  background-repeat: no-repeat;
  width: 126px;
  height: 120px;
  background-repeat: no-repeat;
  background: url(assets/img/Ellipse7.png);

  background-size: cover;
  right: 34px;
  top: 55%;

  position: absolute;
}

.img-bennar-section-secend img {
  width: 20px;
  margin-top: 30%;
  margin-left: 29%;
}
.logo-hfhf{
	transition: ease-in-out 0.5s;
}
.logo-hfhf:hover{
	transform: translateY(-10px);
}
.img-bennar-section-thead {
  background-repeat: no-repeat;
  width: 200px;
  height: 80px;
  background-repeat: no-repeat;
  background: url(assets/img/Ellipse7.png);

  background-size: cover;
  right: 34px;
  top: 73%;

  position: absolute;
}

.img-bennar-section-thead img {
  width: 100%;

}

.img-bennar-section-fuor {
  background-repeat: no-repeat;

  height: 80px;
  background-repeat: no-repeat;
  background: url(assets/img/Ellipse7.png);

  background-size: cover;
  left: 113px;
  top: 45%;

  position: absolute;
}

.img-bennar-section-fuor img {
  width: 10px;

}

.img-bennar-section-fifity {
  background-repeat: no-repeat;
  width: 156px;
  height: 80px;
  background-repeat: no-repeat;
  background: url('assets/img/Ellipse7.png');
  background-size: cover;
  left: -15px;
  top: 59%;
  position: absolute;
}

.img-bennar-section-fifity img {
  width: 100%;
  height: 80px;
}

.img-bennar-section-six {
  background-repeat: no-repeat;
  width: 156px;
  height: 80px;
  background-repeat: no-repeat;
  background: url(assets/img/Ellipse7.png);
  background-size: cover;
  bottom: -62px;
  left: 76px;
  position: absolute;
}

.img-bennar-section-six img {
  width: 30px;
}

.navbar a.nav-link {
  margin-right: 30px;
}

#section-clind {
  background: #000;
  padding-top: 80px;
  padding-bottom: 80px;
}

#section-clind h2 {

  font-weight: 600;
  text-align: center;
  letter-spacing: 0em;
  text-align: left;
  color: #FFF;
  text-align: center;
}

#section-clind img {
  width: 100%;
}


.navbar .megamenu {
  padding: 0px;
}

#footer {
  
/*   padding-top: 80px; */
/*   padding-bottom: 80px; */
   background: #f7f7f7;
  
}

#footer ul {
  color: #000;

  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0px;
  padding: 0px;

}

#footer ul li {
  list-style: none;
}

div#buttom-footer p {
  margin-block: auto;
}

#footer ul li a {
  margin-top: 10px;
  color:#000;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration: none;

}

ul.footer-icon img {
  width: 37px;
  height:37px;
}

ul.footer-icon {
  display: flex;
}


ul.footer-icon li {
  margin-right: 8px;
}

#buttom-footer p {
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.col-lg-6.Privacy-class {
  text-align: right;
}

div#buttom-footer {
  padding-top: 60px;
  padding-bottom: 60px;
}



div#main_nav {
  justify-content: end;
}

#inner-section img {
  width: 100%;
}

div#inner-section {
  margin-top: 6%;
   margin-bottom: 70px;
}

/* #inner-section .content-box-header h2 {
  margin block: auto;
  color: #000;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
} */

#inner-section .col-lg-6.col-sm-12.col-12.col-md-6 {
  margin: auto;
}

.content-box-header.inner-section-secend {
  padding-left: 39px;
}

.third .content-box-header p {
  padding-right: 41px;
}

div#inner-section li {
  list-style: none;
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  padding-right: 120px;
  line-height: 1.5;
}

div#inner-section ul {
  padding: 0px;
}

div#inner-section i.fa-solid.fa-check {
  font-weight: bold;
  color: #0476ee;
  font-size: 13px;
  margin-right: 10px;
}

.link-item {
  color: #0476ee;
  margin-top: 30px;
}

div#inner-section i.fa-solid.fa-arrow-right {
  margin-left: 20px;
}

ul.footer-icon i {
  /* width: 17px; */
  /* height: 8px; */
  font-size: 35px;
}

.megamenu ul {
  color: #000;

  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0px;
  padding: 0px;

}

.megamenu ul li {
  list-style: none;
  margin-top: 10px;
}

.megamenu ul li a {
  margin-top: 10px;
  color:#685c8d;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration: none;
  margin-top: 10px;

}

.megamenu ul li a:hover {
  color: #0a86eb;
}

.dropdown-menu.megamenu ul {
  font-weight: 600;
}

div#footer ul li {
  margin-top: 10px;
}

div#footer ul {
  font-weight: 600;
/*   margin-bottom: 20px; */
}
ul.footer-icon {
   margin-bottom: 0px !important;
}
div#footer hr {
  color: #006cf0;
  height: 2px;
  border: 1px solid 2px;
  background: #006cf0;
  margin-bottom: 33px;
}

div#footer h6 {
  color: #000;

  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0px;
  padding: 0px;
  
  
  text-underline-offset: 20px;
}

div#inner-section ul li {
  margin-top: 11px;
}

.custom-code-but:hover{
  background:#fff!important;
  color:#0271f0!important;
}


#section-clind .col-lg-3.col-sm-6.col-6.col-md-4 {
   margin-block: auto;
}
.clind-img.active{
  background: url('https://www.google.com/url?sa=i&url=https%3A%2F%2Fbelapay.com%2Fabout-us%2F166-1665242_fakery-logo-transparent-dummy-logo-png-clipart%2F&psig=AOvVaw0Jw2gIlaxDbX1DmCWCdYuC&ust=1702646382010000&source=images&cd=vfe&opi=89978449&ved=0CBIQjRxqFwoTCPiQtZmCj4MDFQAAAAAdAAAAABAI');
}
.clind-img.active:hover{
  background: url('https://res.cloudinary.com/dryz9drg2/images/f_svg,q_auto/fl_sanitize/v1694517344/logo-hic-svg-hq/logo-hic-svg-hq.svg?_i=AA');
}

.price-page .content-box-header{
  text-align: center;
}
.price-page .content-box-header h1{
  padding-right: 0px;
}
.price-page .content-box-header p{
  padding-right: 50px;
   padding-left: 50px;
  text-align: center;
  margin-bottom: 25px;
  margin-top: 25px;
}
.row.clind-logo-firt-section img {
   width: 100%;
}


/*parice css add*/

#elite-pricing-container{
  margin-top:50px;
  position:relative;
  display: flex;
  align-items:flex-start;
  justify-content: center;
  flex-wrap:wrap;
  box-sizing:border-box;
}

#elite-pricing-sales-text{
  
  padding-right:80px;
  text-align:right;
  font-size:24px;
  color: #555555;
  line-height: 1.5;
  font-weight: 700;
  max-width:450px;
  padding-top:90px;
}

#elite-pricing-card.price-card{
  max-width:330px;
  color:white;
  position: relative;
  margin: 0 6px;
  padding: 30px 40px 10px 40px;
  background: url('https://images.unsplash.com/photo-1464639351491-a172c2aa2911?ixlib=rb-0.3.5&s=427721bc23b5d868669d8f0ba09c8710&auto=format&fit=crop&w=1200&q=80') left top no-repeat black;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);

}


#elite-pricing-card.price-card .price-card--header{
  padding:0;
  background-color:transparent;
}

#elite-pricing-card.price-card .price-card--header h4{
  font-size: 36px;
  font-weight: 500;
  padding-bottom:16px;
  margin-bottom:16px;
  border-bottom: 1px solid #f0c328;
  
  -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 background-image: -webkit-linear-gradient(top left, #efd100 0, #e2a233 38%, #f0c328 60%, #fff1a3 86%, #ffe13e 100%);
 background-size: 1em 1em;
 color: #fff1a3;
}

#elite-pricing-card.price-card #elite-pricing-card--desc{
  padding-bottom:25px;

}

#elite-pricing-card.price-card .price-card--features{
  border-top: 1px solid #f0c328;

}

#elite-pricing-card.price-card ul.price-card--features--list{
  padding:0 11px;

}

#elite-pricing-card.price-card .price-card--features--item{
  padding-bottom:16px;

}

#elite-pricing-card.price-card .price-card--features--item:before{
color:#f0c328 !important;
  left:-12px !important;
}


#elite-pricing-card.price-card .price-card--cta--button.btn{
 background-color: #f0c328;
  color:black;
  margin:0 auto;

}
#elite-pricing-card.price-card .price-card--cta--button.btn:hover{
  background-color:white;
}

#elite-pricing-card--desc{
  font-size:16px;
  line-height:1.5;
  max-width:400px;

}


@media (max-width: 980px) {
  #pricing-cards{
/* 		display:none !important; */
  }
  

}











/* - - - - - - - - - Tooltips - - - */

.has-tooltip:not(.tooltip-disabled) {
  cursor: help;
  position:relative;
}

.has-tooltip:not(.tooltip-disabled):hover
  .tooltip-container {
  display: block;
}

.has-tooltip .tooltip-container {
  display: none;
  position: absolute;
  background-color: white;
  z-index: 20;
  bottom: calc(100% + 13px);
  left: -10px;
  right: -10px;
  padding: 16px 20px;
  border-radius: 8px;
  box-shadow: 0 6px 55px -10px #777;

}
.has-tooltip .tooltip-container:after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid white;
  font-size: 0;
  line-height: 0;
  content: "";
  position: absolute;
  bottom: -10px;

}

.has-tooltip .tooltip-container h6 {
  font-weight: 600;
  font-size: 16px;
  margin: 0px;
}

.has-tooltip .tooltip-container p {
  color: #555;
  margin-top:4px;
}
/* - - - - - - - End Tooltips - - - */





#pricing-container * {
  box-sizing:border-box;
}

#pricing-container {
    height: 150vh;
  -webkit-font-smoothing: antialiased;
  max-width: 1080px;
  margin: 0 auto 50px;
  justify-content: center;
  line-height: 1;
  color: #000;
}



/* Cards */

#pricing-cards {
  display: flex;
  font-size: 14px;
}

#pricing-container .price-card {
  background-color: white;

  display: block;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.25s;
  position: relative;
  margin: 0 6px;
  flex-grow: 1;
  flex-shrink:1;
}

#pricing-container .price-card:hover {
  transform: translateY(-5px);
     box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.14),
     0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}


/* - - - - - - - - - Header Section - - - */

#pricing-container .price-card--header {
  background-color:#29d2dc;
  margin: 0;
  padding: 20px 0;
  text-align: center;
}

#pricing-container .price-card--header h4 {
  margin: 0;
  padding: 0;
  font-size: 20px;
  color: #1b5e20;

  font-weight: 700;
}


/* - - - - - - - - - Price Section - - - */

#pricing-container .price-card--price {
  text-align: center;
  padding: 28px 0 6px 0;
}

#pricing-container .price-card--price-text {
  font-size: 48px;
}

#pricing-container .price-card--price-number {
  font-weight: 500;
  opacity: 0.89;
}

.odometer div {
  display: inline-block;
}

#pricing-container .price-card--price-number:before {
  content: "$";
  font-size: 24px;
  top: -16px;
  display: inline-block;
  position: relative;
}

#pricing-container .price-card--price-number:after {
  content: "/month";
  font-size: 16px;
  display: inline-block;
  color:#000;
}

#pricing-container .price-card--price-conditions {
  padding: 14px 0;
  color: #888;
  line-height: 1.5;
   font-size:15px;
 }

#pricing-container .price-card--onboarding-fee {
  color:#006bee;
}

#pricing-container .price-card--onboarding-fee.has-fee {
  color: #888;
}


/* - - - - - - - - - CTA Button Section - - - */

#pricing-container .price-card--cta {
  padding: 0 20px 24px;
  text-align: center;
}

#pricing-container .price-card--cta--button.btn{
  min-width:20px;
  display:block;
  max-width:183px;
  margin:0 auto;
  background: #28cbd5;
   color:#FFF;
}






/* - - - - - - - - - Features Section - - - */

#pricing-container .price-card--features {
  border-top: 1px solid #ddd;
  padding: 16px 0 20px;
}

#pricing-container ul.price-card--features--list {
  padding: 0 32px;
  list-style: none;
  margin: 0;
}

#pricing-container li.price-card--features--item {
   margin: 8px 0;
   padding-left: 8px;
   line-height: 1.5;
   position: relative;
   font-size: 15px;
   display: flex;
   justify-content: space-between;
}
#pricing-container
  li.price-card--features--item:not(.features-disabled):before {
  content: "✓";
  color: green;
  display: block;
  position: absolute;
  left: -8px;
}

#pricing-container li.price-card--features--item.features-highlight {
  /* 	font-weight: 600; */
}

#pricing-container li.price-card--features--item.features-disabled {
  opacity: 1;
  /* 	text-decoration: line-through; */
   color:#da1212;
}




/* - - - - - - - - - Mobile Features Toggle - - - */

#pricing-container .price-card--mobile-features-toggle {
  text-align: center;
  border-top: 1px solid #ddd;
  margin: 24px 0 0;
  padding: 16px 0;
  cursor: pointer;
  display: none;
  color: green;
}

#pricing-container .price-card--mobile-features-toggle:after {
  content: "Show All Features ▾";
}
#pricing-container .price-card--mobile-features-toggle.hideall:after {
  content: "Hide Features ▴";
}

/* - - - - - - - - - Hero Card Styles - - - */

#pricing-container .price-card--hero {
  margin: -38px 6px 0;
  /* 	width:31%; */
  z-index: 10;
   background: #cfe2ff;
}

#pricing-container .price-card--hero-text {
  background-color: #067bed;
  height: 38px;
  color: white;
  line-height: 38px;
  text-align: center;
  font-weight: 600;
}

/* - - - - - - - - - Only Yearly Basic Styles - - - */

#pricing-container .only-yearly {
  position: relative;
}

#pricing-container .only-yearly .price-card--price-number {
  transition: opacity 0.2s;
}

#pricing-container .only-yearly .only-yearly--text {
  position: absolute;
  top: -0.2em;
  left: 0;
  right: 0;
  display: none;
}
#pricing-container .only-yearly .only-yearly--text span {
  font-size: 14px;
}

#pricing-container .only-yearly.if-monthly .price-card--price-number {
  opacity: 0;
}

#pricing-container .only-yearly.if-monthly .only-yearly--text {
  display: block;
}

/* - - - - - - - - - Switch Section - - - */

#pricing-switch {
  margin: 80px auto 100px;
  text-align: center;
  line-height: 1.4;
  position: relative;
  max-width: 1080px;
}

#pricing-switch .switch-label {
  display: inline-block;
  width: 200px;
  text-align: center;
  opacity: 0.4;
  font-size: 16px;
  cursor: pointer;
  padding: 0 20px;
}

#pricing-switch .switch-label .save-money {
  color: #000;
  font-style: italic;
  padding-left: 8px;
}
#pricing-switch .save-money--mobile {
  color: #4caf50;
  font-style: italic;
  padding-top: 22px;
  display: none;
}

#pricing-switch .switch-label.active {
  font-size: 16px;
  opacity: 1;
}
#pricing-switch .switch-label-monthly {
  text-align: right;
  color:#000;
}
#pricing-switch .switch-label-yearly {
  text-align: left;
}

#pricing-switch .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  vertical-align: -50%;
  margin: 0;
}

#pricing-switch .switch input {
  display: none;
}

#pricing-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #2ad4db;
  border-radius: 34px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

#pricing-switch .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  border-radius: 50%;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

/* #pricing-switch input:checked + .slider {
  background-color: green;
} */

#pricing-switch input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

#pricing-switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

@media (max-width: 767px) {
}




/* - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - Media Queries - - - */
/* - - - - - - - - - - - - - - - - - - - */

@media (max-width: 1280px) {
  /* Tweak the card price font size */
  #pricing-container .price-card--price-text {
     font-size: 48px;
  }
  #pricing-container .price-card--price-number:before {
     top: -10px;
     font-size: 18px;
  }
}

@media (min-width: 981px) {
  /* 	always show features when not in mobile view */
  #pricing-container .price-card--features {
     display: block !important;
  }
}

@media (max-width: 980px) {
  #pricing-cards {
     display: block;
     padding: 0 24px;
  }
  #pricing-container .price-card {
     max-width: 360px;
     margin: 0 auto 48px;
  }
  #pricing-container .price-card:hover {
     transform: none;
  }
  #pricing-container .price-card-full-width {
     display: block;
  }
  #pricing-container .price-card-full-width .price-card--features--list {
     columns: 1;
  }
  #pricing-container .price-card--price {
     padding: 28px 0 0;
  }
  #pricing-container .price-card--features {
     display: none;
     margin: 26px 0 0 0;
     padding-bottom:0;
  }
  #pricing-container ul.price-card--features--list {
     max-width: 250px;
     margin: 0 auto;
  }
  #pricing-container li.price-card--features--item.features-disabled {
     display: none;
  }
  #pricing-container .price-card--mobile-features-toggle {
     display: block;
  }

  /* Pricing Switch */
  #pricing-switch {
     margin: 26px 0 52px;
  }
  #pricing-switch .switch-label {
     display: inline-block;
     width: auto;
     font-size:15px;
  }
  #pricing-switch .switch-label.active{
     font-size:16px;
  }
  #pricing-switch .switch-label .save-money {
     display: none;
  }
  #pricing-switch .save-money--mobile {
     display: block;
  }
  
  /* Elite Pricing */
  #elite-pricing-container{
     display:block;
     padding: 0 24px
  }
  #elite-pricing-sales-text{
     padding-right: 0;
     padding-bottom: 32px;
     padding-top:0;
     width:auto;
     max-width:360px;
     margin: 0 auto;
     text-align: left;
     font-size:18px;
     line-height:1.5;
  }
  #elite-pricing-card.price-card .price-card--mobile-features-toggle{
     border-top:none;
     color: #f0c328;
     display:none;
  }
  #elite-pricing-card.price-card .price-card--features{
     display:block;
  }
}


@media (max-width: 480px) {
  #pricing-container .price-card {
     max-width: 360px;
     margin: 0 auto 36px;
  }

  #pricing-switch {
     margin: 26px 0 36px;
  }

  #elite-pricing-card.price-card{
  padding: 30px 20px 10px 20px;
  }
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme
  .odometer-digit
  .odometer-value.odometer-last-value,
.odometer.odometer-theme-default
  .odometer-digit
  .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating
  .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating
  .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down
  .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating
  .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating
  .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
  
  line-height: 1.1em;
}
.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
  text-align: center;
}

/* ************************** */
/* UPDATES TO CHANGE DURATION */
/* ************************** */

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating
  .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating
  .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  -ms-transition: -ms-transform 0.4s;
  -o-transition: -o-transform 0.4s;
  transition: transform 0.4s;
  will-change: auto;
}
#pricing-container li.price-card--features--item:not(.features-disabled):before {
  
   color: #0476ee;

}
div#clind {
   background: #000;
}
.h-100 .logos img {
   width: 17%;
   margin: 11px;
}
.h-100{
 overflow: hidden;
 .slider {
   animation: slidein 30s linear infinite;
   white-space: nowrap;
   .logos {
     width: 100%;
     display: inline-block;
     margin: 0px 0;
     .fab {
       width: calc(100% / 5);
       animation: fade-in 0.5s 
         cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
     }
   }
 }
}

@keyframes slidein {
 from {
   transform: translate3d(0, 0, 0);
 }
 to {
   transform: translate3d(-100%, 0, 0);
 }
}

@keyframes fade-in {
 0% {
   opacity: 0;
 }
 100% {
   opacity: 1;
 }
}
span.odometer-value {
   font-size: 45px;
   font-weight: bold;
}

.accordion-item {
   margin-bottom: 20px;
}
button.accordion-button {
font-family: 'Montserrat', sans-serif;
   font-size: 18px;
   font-weight: 600;
}
.accordion-body {
  
   font-size: 16px;
}
.accordion-button:focus {
   background:#cfe2ff !important;
}
.container.Frequently {
   margin-top: 57px;
}
button.accordion-button.collapsed{
background:#cfe2ff !important;
}
button.accordion-button.bg-transparent.fw-bold {
   border-radius: 6px;
}
section.bsb-faq-2.bg-light.py-3.py-md-5.py-xl-8 {
   background: none !important;
   height: auto;
   align-items: center;
   display: flex;
   padding-bottom: 60px !important;
   overflow: hidden;
   margin-bottom: 60px !important;
}

.faq_underline{
color: #000;
    font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   margin: 0px;
   padding: 0px;
   text-decoration: underline solid #006cf0;
   margin-bottom: 40px;
   text-underline-offset: 20px;
}
div#section-clind img {
   padding: 15px;
}
i.fa-solid.fa-x {
   margin-left: -13px;
   font-size: 10px;
}
div#section-clind-price {
   height: auto;
   display: flex;
   align-items: center;
}
div#section-clind-price img {
   padding: 10px;
   color: #000;
   filter: grayscale(100%);
   transition:1s;
}
div#section-clind-price img:hover {
   padding: 10px;
   color: #000;
   filter: grayscale(0%);
   transition:1s;
}
div#section-clind-price p {
   margin-top: 17px;
}
.dropdown-menu.megamenu .footer-icon li a img {
   width: 24px;
   font-weight: 600;
}
.dropdown-menu.megamenu ul.footer-icon{
margin-top:0px !important;
}

.content-box-header h3 {
   font-size: 27px;
   margin-top: 12px;
   margin-bottom: 10px;
 }
.content-box-header h4 {
    font-size: 22px;
   font-weight: 600;
   color: #006cf0;
}
.privacy {
   background-image: url(https://res.cloudinary.com/drfdmnw0v/image/upload/v1706170174/legalpoliciesbanner01_eliwda.jpg);
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
}
.breadcr {
   border-bottom: 1px solid #FFF;
   padding-bottom: 20px;
    margin-left: 15px;
   color: #FFF;
   margin-bottom: 35px;
   width:94%;
}
.breadcr a {
   text-decoration: none;
   color: #01d8d2;
   font-weight: 600;
}
.privacy .content-box-header h1 {
   color: #FFF;
   margin-top: 0px !important;
}

.privacy .content-box-header p {
   color: #FFF;
   margin: 0px;
 
}
.privacy-policy ul li {
   list-style: inside !important;
   margin-left: 26px !important;
   padding-right: 0px !important;
   text-align: justify !important;
   font-family: 'Montserrat', sans-serif !important;
   font-size: 20px;
}
.privacy-policy .content-box-header h2 {
   margin-top: 25px;
   margin-bottom: 25px;
   font-size:30px !important;
   ;
}
.privacy-policy .content-box-header span:hover{
color:none;
}
.privacy-policy .content-box-header a {
   text-decoration: none;
   color: #006cf0;
}
.main-blogs-box {
   display: block;
   border-radius: 15px;
   background-color: #fff;
   box-shadow: 0 22px 34px 0 rgba(0, 0, 0, 0.06);
       margin-bottom: 30px;

}
.blog-img {
   width: 100%;
}
.blog-contect {
   width: 100%;
   margin-block: auto;
   padding-left: 8px;
   padding-right: 8px;
}
.blog-contect .content-box-header p {
  padding-right: 0px;
   text-align: left;
   line-height: normal;
   margin-top: 10px;
   font-size:14px;
}
.main-blogs-box .content-box-header h2 {
   margin-top: 0px;
   margin-bottom: 0px;
}
.sidebar input.search-field.seach-bar.w-input {
   width: 103%;
   height: 33px;
   border: none;
   box-shadow: 0 22px 34px 0 rgba(0, 0, 0, 0.06);
   border: 1px solid #006cf0;
   border-radius: 1px;
   padding:5px;
}
.sidebar input.search-submit {
   background: #26cbdd;
   border: none;
   height: 33px;
   color: #FFF;
   width: 43%;
}
.blog-categories ul li {
   list-style: none !important;
   margin-left: 0px !important;
}

.blog-categories {
   border-radius: 15px;
   background-color: #fff;
   box-shadow: 0 22px 34px 0 rgba(0, 0, 0, 0.06);
   padding: 20px 15px;
   border-top: 5px solid #2983f3;
   margin-top: 60px;
}
.blog-tab {
   border: none !important;
}
.blog-tab .nav-link {
  margin-right: 24px;
   border: 1px solid #544f4f;
   border-radius: 0px;
   padding: 6px 10px;
   border-radius: 4px;
   font-size: 14px;
}
.nav-tabs .nav-link.active {
   background: #FFFF;
   border: 1px solid #000;
}
.blog-tab-inner {
   margin-top: 46px;
   }
.blog-img img{
height: 187px;
}
.main-blogs-box .content-box-header h2 {
   font-size: 27px !important;
   padding-bottom: 11px;
}
.section-box .content-box-header {
   text-align: center;
   margin-top: 55px;
   margin-bottom: 55px;
}
.section-box-inner-heading h2 {
   color: #000;
    font-size: 20px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
   padding-bottom: 10px;
   padding-top: 10px;
}
.section-box-inner-pass p {
  
    font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
 
}
.section-box-inner i {
   line-height: 1.7;
   text-align: center;
   font-size: 33px;
   margin-bottom: 14px;
   background: #00d8d2;
   height: 56px;
   width: 58px;
   color: #FFF;
   border-radius: 100%;
}

.section-box-inner {
   padding: 10px;
   background-color: #fff;
   border: 1px solid #00d2cc7a;
   height: auto;
   min-height: 172px;
   text-align: center;
   margin-top: 10px;
   margin-bottom: 10px !important;
   /* margin: auto; */
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
}
.section-box-inner:hover {
   background: #00d7d1;
   color:#FFF;
}

div#overview-section-box {
   margin-top: 107px;
   margin-bottom: 107px;
}
.section-box {
   margin-top: 107px;
   margin-bottom: 107px;
}
.prodect-overview {
   margin-top: 107px !important;
   margin-bottom: 107px !important;
}
.section-box .content-box-header {
   margin-bottom: 100px !important;
}
.aap-apk {
   margin: auto;
   text-align: center;
}
div#footer-buttom-benner {
   background: #caefff;
  padding-top: 80px;
   padding-bottom: 80px;
   display: flex;
   align-items: center;
   margin-top:80px;
}
.aap-apk p {
   text-align: center;
   margin-bottom: 39px;
}
.aap-apk h2 {
   margin-bottom: 35px;
}
.prodect-overview .content-box-header {
   margin-top: 0;
   padding-right: 24px;
}
.button-footer-kil .custom-code-but {
   margin: 13px;
   width: 308px;
}
.single-blog-page ul li {
   list-style: auto;
   padding: 10px;
   font-family:'Marcellus';
   color:#000;
   font-size:17px;
}
.table-of-content {
   font-size: 21px;
   font-weight: 500;
   margin-top: 40px;
 }
.blog-img img {
   height: 187px;
   width: 100%;
}
.button-footer-kil {
   text-align: center;
}
div#hone-gif {
   height: auto;
   display: flex;
   align-items: center;
}
div#hone-gif .col-lg-4.col-sm-12.col-12.col-md-6 {
   margin-block: auto;
}
div#hone-gif .content-box-header {
   padding-right: 30px;
}

img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}
h2,
h3 {
/*  text-transform: capitalize; */
 margin: 1rem 0;
 font-family: 'Roboto', sans-serif;

}
h2 {
 font-weight: 600;
 font-family: 'Roboto', sans-serif;
}


.desktop-only {
 display: none !important;
}
/**.content {
 margin-top: 40%;
 padding: 4rem 2rem;
}**/

@media (max-width: 1023px) {
 .image-wrapper {
   height: 100vw;
   overflow: hidden;
   max-height: 500px;
 }
}
@media (min-width: 1024px) {

 .mobile-only {
   display: none !important;
 }
 .desktop-only {
   display: flex !important;
 }

 .vertical-slider > * {
   width: 50%;
 }
 .sticky {
   position: sticky;
/*    top: 0; */
   top: 120px;
   height: 100%;
/*    max-height: 100vh; */
   max-height: 75vh;
 }
 .absolute-full {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }
 .content-wrapper {
/*    min-height: 100vh; */
   min-height: 75vh;
   opacity: 0.2;
   transition: opacity 0.5s ease-out;
    display:flex;
        align-items:center;
 }
 .content-wrapper.in-view {
   opacity: 1;
   transition: opacity 0.5s ease-out;
 }
 .content {
   padding: 5rem 2rem;
 }
 .image-wrapper .mask-outer {
   transform: translateY(100%);
   overflow: hidden;
   transition: transform 0.5s ease-out 0.5s;
 }
 .image-wrapper .mask-inner {
   transform: translateY(-100%);
   transition: transform 0.5s ease-out 0.5s;
 }
 .image-wrapper.show .mask-outer {
   transform: translateY(0);
   transition: transform 0.5s ease-out 0.5s;
 }
 .image-wrapper.show .mask-inner {
   transform: translateY(0);
   transition: transform 0.5s ease-out 0.5s;
 }
}
.container.scroll-opndd {
   margin-top: 50px;
}
.content-wrapper {
   padding-left: 30px;
}
img.ttt {
   background: #19aae3;
}
img.tt {
   background: #2ad5db;
}
img.t{
   background: #cea8d6;
}
span.pricing-right-icon{background: #3b3737;
   line-height: 1;
   border-radius: 100%;
   /* padding: 3px 8px 1px 8px; */
   font-weight: 700;
   color: #FFF;
   width: 19px;
   height: 19px;
   text-align: center;
   line-height: 2;
   font-size: 10px;
   }
   
 div#section-box {
   height: auto;
   align-items: center;
   display: flex;
}
div#section-box .content-box-header h2 {
   text-align: center;
  
    line-height: inherit;
}

.clind-img img {
   padding: 10px;
   color: #000;
   filter: grayscale(100%);
   transition: 1s;
}
.clind-img img:hover {
  padding: 10px;
   color: #000;
   filter: grayscale(0%);
   transition: 1s;
}
#section-box .col-lg-4.col-sm-12.col-12.col-md-6 {
   margin-top: 20px;
}

.single-post-reset-post {
   text-align: center;
   margin-top: 70px;
   margin-bottom: 70px;
}
.col-lg-6.Privacy-class p a {
   text-decoration: auto;
   color: #000;
}
.privacy {
   height: auto !important;
   align-items: center !important;
   padding-top: 5rem;
   padding-bottom: 5rem;
}
.first-baneer-icon img {
   width: 100px;
   height: 100px;
   position: absolute;
   top: 15%;
   opacity: 0.1;
   left:66px;
}
.third-benner-icon img {
   width: 100px;
   height: 100px;
   position: absolute;
   opacity: 0.1;
   right: 66px;
   top:15%;
}
.secend-benner-icon img {
   width: 306px;
   height: 100px;
   position: absolute;
   opacity: 0.1;
   left: 33%;
   top: 70%;
}
.fifsty-benner-icon img {
   width: 100px;
   height: 100px;
   position: absolute;
   opacity: 0.1;
   right: 67px;
   top: 70%;
}
.four-benner-icon img {
   width: 100px;
   height: 100px;
   position: absolute;
   opacity: 0.1;
   /* left: 33%; */
   /* top: 70%; */
   left:66px;
}
#section-box video.image-block.hero-brand-large__cover-asset {
   padding: 20px;
}
img.favicon-footer {
   width: 109px;
}
from.footer-sub-from {
   display: flex;
}
.footer-sub-from input[type="email"] {
   font-size: 15px;
   border: 1px solid #0881eb;
  
  height: 41px;
  border-radius: 30px 0px 0px 30px;
 padding-left: 10px;
}
.footer-sub-from input[type="submit"] {
border: 1px solid #006CF0;
   background: linear-gradient(90deg, #006CF0 1.07%, #2EDED9 99.2%);
   color: #FFF;
    font-size: 17px;
   font-style: normal;
   font-weight: 500;
    border-radius: 0px 30px 30px 0px;
}
div#footer p {
margin-top: 10px;
   color: #685c8d;
    font-size: 15px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   text-decoration: none;
}
#footer i.fa-solid.fa-arrow-right {
   font-size: 15px;
   color: #26c9de;
}
.footer-mobile i {
   font-size: 15px;
   color: #29d2db;
}

.video-overviewa{
margin-block:auto;
}

.Terms-and-Conditions-imges {
  background-image: url(https://res.cloudinary.com/drfdmnw0v/image/upload/v1706170438/Terms-and-Conditions-imges_nddntq.jpg);
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
}
.container.scroll-opndd .content-box-header h2 {
   font-size: 25px;
}

 .button-footer-kil .custom-code-but {
    margin: 13px;
    width: 303px;
}
.row.heading-cling-logo {
    margin-top: 0px !important;
}
.header-logo {
    width: 180px !important;
}
img.box-icon {
    width: 70px;
    border: 1px solid #67bfbf;
    border-radius: 100px;
    padding: 10px;
}
 div#section-box {
    height: auto !important;
    align-items: center;
    display: flex;
}
.container.scroll-opndd {
    margin-top: 0px !important;
}
div#hone-gif{
    height: auto !important;

}
div#section-clind-price{
 height: auto !important;
 
}


.video-overview img {
    height: auto !important;
    object-fit: cover !important;
}
.section-box-inner{
margin-top: 25px;
}
#benner-section {
	padding: 4rem;
    align-items: center;
    display: flex;
    position: relative;
    height: auto; !important;
    }
    div#section-box .content-box-header h2{
    margin-bottom:0px !important;
    margin-top: 0px !important;
    padding:4rem 0rem 4rem 0rem!important;
    }
    div#section-box .content-box-header {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
div#section-clind-price{
padding-top: 4rem;
    padding-bottom: 4rem;
    }
    .first-baneer-icon img {
    left: 66px;
    top: 0;
}
.four-benner-icon img {
    left: 66px;
}
.third-benner-icon img {
    top: 0;
}
      
   
      @media only screen and (min-width: 280px) and (max-width: 767px) {
.content-box-header p {
    font-size: 17px;
    text-align: center;
}
.mobile-only .image-wrapper {
    height: auto;
    max-height: 246px;
    margin-top: 2rem;
}
.video-overview img {
    height: 356px;
    object-fit: cover;
}
div#footer-buttom-benner {
    background: #caefff;
    height: auto;
    display: flex;
    align-items: center;
    margin-top: 80px;
    padding-top: 80px;
    padding-bottom: 80px;
}
.mobile-only .content h2 {
    font-size: 25px;
}
div#section-clind-price{
 padding:0px!important;
}
     .button-footer-kil .custom-code-but {
       width: 247px !important;
       font-size: medium;
    }
    #benner-section{
    padding:0px !important;
    }
   div#hone-gif{
   margin-top: 0px !important;

   }
}
@media only screen and (min-width: 280px) and (max-width: 500px) {
.first-baneer-icon {
    display: none;
}
.third-benner-icon {
    display: none;
}
.four-benner-icon {
    display: none;
}
.fifsty-benner-icon {
    display: none;
}
}
@media only screen and (min-width: 501px) and (max-width: 767px) {
 .first-baneer-icon img {
    width: 50px;
    height: 50px;
        left:0;
    }
    .third-benner-icon img {
    width: 50px;
    height: 50px;
}
.four-benner-icon img {
    width: 50px;
    height: 50px;
    top: 82%;
     left:0;
}
.fifsty-benner-icon img {
    height: 50px;
    width: 50px;
    top: 82%;


}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #benner-section {
    height: auto;
    }
  .mobile-only .content-wrapper{
  width: 50%;
  }
  .video-overview {
    text-align: center;
}
.video-overview img {
    width: 342px;
}
	
  .mobile-only  .image-wrapper {
   overflow: hidden;
    max-height: 329px;
    width: 50%;
    margin: auto;
    padding: 19px;
}
div#hone-gif h2 {
    text-align: left;
}

.mobile-only .image-wrapper img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}
.mobile-only section{

    display: flex;
    align-items: center;
}

    .container.scroll-opndd .content-box-header h2 {
    font-size: 25px;
    text-align: left;
}
    .scroll-opndd .mobile-only h2 {
    text-align: left;
}
   div#hone-gif {
    height: auto;
    margin-top: 0rem 
    }
    div#section-clind-price {
    height: auto;
    }
    div#section-box{
     height: auto;
    }
    .desktop-only.vertical-slider p {
    text-align: center;
}
.fifsty-benner-icon img {
    width: 60px;
    height: 60px;
    position: absolute;
    opacity: 0.1;
    right: 67px;
    top: inherit;
}
.mobile-only p {
    text-align: left !important;
}
div#footer-buttom-benner h2 {
    text-align: center;
}
div#footer-buttom-benner {
    background: #caefff;
    height: auto;
    display: flex;
    align-items: center;
    margin-top: 80px;
    padding-top: 80px;
    padding-bottom: 80px;
}
.mobile-only .content h2 {
    font-size: 25px;
}
div#buttom-footer p {
    /* margin-block: auto; */
    font-size: 12px;
}
.button-footer-kil .custom-code-but {
    width: 44%;
}
#benner-section h1{
font-size:45px;
}
#benner-section {
    padding: 1rem !important; 
}
#footer ul li a{
 font-size:13px !important;
}
.third-benner-icon img {
    width: 61px;
    height: 61px;
    position: absolute;
    opacity: 0.1;
    right: 0;
    top: 0;
}
.first-baneer-icon img {
    width: 61px;
    height: 61px;
    position: absolute;
    top: 0;
    opacity: 0.1;
    left: 0;
}
.four-benner-icon img {
    width: 61px;
    height: 61px;
    position: absolute;
    opacity: 0.1;
    /* left: 33%; */
    /* top: 70%; */
    left: 0;
    top: 49%;
}
.fifsty-benner-icon img {
    width: 61px;
    height: 61px;
    position: absolute;
    opacity: 0.1;
    right: 0;
    
    top: 49%;
}
}

@media (min-width: 1024px) and (min-height: 1366px) {
.mobile-only {
    display: block !important;
}
.desktop-only {
    display: none !important;
}
.content-wrapper {
min-height: auto;
opacity: initial;
}
}

@media (min-width: 2560px) and (min-height: 1447px) {
.mobile-only {
    display: none !important;
}
.desktop-only {
    display: flex !important;
}
.content-wrapper {
min-height: 100vh;
opacity: initial;
}

}
@media (min-width: 1024px){
.container.scroll-opndd .content-box-header h2{
text-align: left;
}
}
.button-footer-kil .custom-code-but {
    margin: 13px;
    width: 303px;
}
.row.heading-cling-logo {
    margin-top: 0px !important;
}

img.box-icon {
    width: 70px;
    border: 1px solid #67bfbf;
    border-radius: 100px;
    padding: 10px;
}
 div#section-box {
    height: auto !important;
    align-items: center;
    display: flex;
}
.container.scroll-opndd {
    margin-top: 0px !important;
}
div#hone-gif{
    height: auto !important;

}
div#section-clind-price{
 height: auto !important;
 
}


.video-overview img {
    height: auto !important;
    object-fit: cover !important;
}
.section-box-inner{
margin-top: 25px;
}
#benner-section {
	padding: 2rem;
    align-items: center;
    display: flex;
    position: relative;
    height: auto; !important;
    }
    div#section-box .content-box-header h2{
    margin-bottom:0px !important;
    margin-top: 0px !important;
    padding:4rem 0rem 4rem 0rem!important;
    }
    div#section-box .content-box-header {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
div#section-clind-price{
padding-top: 4rem;
    padding-bottom: 4rem;
    }
    .first-baneer-icon img {
    left: 66px;
    top: 0;
}
.four-benner-icon img {
    left: 66px;
}
.third-benner-icon img {
    top: 0;
}
      
   
      @media only screen and (min-width: 280px) and (max-width: 767px) {
.content-box-header p {
    font-size: 17px;
    text-align: center;
}
.mobile-only .image-wrapper {
    height: auto;
    max-height: 246px;
    margin-top: 2rem;
}
.video-overview img {
    height: 356px;
    object-fit: cover;
}
div#footer-buttom-benner {
    background: #caefff;
    height: auto;
    display: flex;
    align-items: center;
    margin-top: 80px;
    padding-top: 80px;
    padding-bottom: 80px;
}
.mobile-only .content h2 {
    font-size: 25px;
}
div#section-clind-price{
 padding:0px!important;
}
     .button-footer-kil .custom-code-but {
       width: 247px !important;
       font-size: medium;
    }
    #benner-section{
    padding:0px !important;
    }
   div#hone-gif{
   margin-top: 0px !important;

   }
}
@media only screen and (min-width: 280px) and (max-width: 500px) {
.first-baneer-icon {
    display: none;
}
.third-benner-icon {
    display: none;
}
.four-benner-icon {
    display: none;
}
.fifsty-benner-icon {
    display: none;
}
}
@media only screen and (min-width: 501px) and (max-width: 767px) {
 .first-baneer-icon img {
    width: 50px;
    height: 50px;
        left:0;
    }
    .third-benner-icon img {
    width: 50px;
    height: 50px;
}
.four-benner-icon img {
    width: 50px;
    height: 50px;
    top: 82%;
     left:0;
}
.fifsty-benner-icon img {
    height: 50px;
    width: 50px;
    top: 82%;


}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #benner-section {
    height: auto;
    }
  .mobile-only .content-wrapper{
  width: 50%;
  }
  .video-overview {
    text-align: center;
}
.video-overview img {
    width: 342px;
}
  .mobile-only  .image-wrapper {
   overflow: hidden;
    max-height: 329px;
    width: 50%;
    margin: auto;
    padding: 19px;
}
div#hone-gif h2 {
    text-align: left;
}
.mobile-only .image-wrapper img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}
.mobile-only section{

    display: flex;
    align-items: center;
}

    .container.scroll-opndd .content-box-header h2 {
    font-size: 25px;
    text-align: left;
}
    .scroll-opndd .mobile-only h2 {
    text-align: left;
}
   div#hone-gif {
    height: auto;
    margin-top: 0rem 
    }
    div#section-clind-price {
    height: auto;
    }
    div#section-box{
     height: auto;
    }
    .desktop-only.vertical-slider p {
    text-align: center;
}
.fifsty-benner-icon img {
    width: 60px;
    height: 60px;
    position: absolute;
    opacity: 0.1;
    right: 67px;
    top: inherit;
}
.mobile-only p {
    text-align: left !important;
}
div#footer-buttom-benner h2 {
    text-align: center;
}
div#footer-buttom-benner {
    background: #caefff;
    height: auto;
    display: flex;
    align-items: center;
    margin-top: 80px;
    padding-top: 80px;
    padding-bottom: 80px;
}
.mobile-only .content h2 {
    font-size: 25px;
}
div#buttom-footer p {
    /* margin-block: auto; */
    font-size: 12px;
}
.button-footer-kil .custom-code-but {
    width: 44%;
}
#benner-section h1{
font-size:45px;
}
#benner-section {
    padding: 1rem !important; 
}
#footer ul li a{
 font-size:13px !important;
}
.third-benner-icon img {
    width: 61px;
    height: 61px;
    position: absolute;
    opacity: 0.1;
    right: 0;
    top: 0;
}
.first-baneer-icon img {
    width: 61px;
    height: 61px;
    position: absolute;
    top: 0;
    opacity: 0.1;
    left: 0;
}
.four-benner-icon img {
    width: 61px;
    height: 61px;
    position: absolute;
    opacity: 0.1;
    /* left: 33%; */
    /* top: 70%; */
    left: 0;
    top: 49%;
}
.fifsty-benner-icon img {
    width: 61px;
    height: 61px;
    position: absolute;
    opacity: 0.1;
    right: 0;
    
    top: 49%;
}
}

@media (min-width: 1024px) and (min-height: 1366px) {
.mobile-only {
    display: block !important;
}
.desktop-only {
    display: none !important;
}
.content-wrapper {
min-height: auto;
opacity: initial;
}
}

@media (min-width: 2560px) and (min-height: 1447px) {
.mobile-only {
    display: none !important;
}
.desktop-only {
    display: flex !important;
}
.content-wrapper {
min-height: 100vh;
opacity: initial;
}

}
@media (min-width: 1024px){
.container.scroll-opndd .content-box-header h2{
text-align: left;
}
}

/* search form css */

.CaseSearchBtnCase {
    background-color: #fff;
    border: none;
    border-radius: 0 8px 8px 0;
    padding: 0 15px;
}
.caseBarCase {
    padding-inline-start: 10px;
    border-radius: 8px 0 0 8px;
    padding: 8px;
    border: none;
    background: #fff;
    color: #fff;
}
.grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
}

.grecaptcha-badge:hover {
  width: 256px !important;
}

.homepage-benner {
   background-image: linear-gradient(177deg, #0d6efd24, #ffffff);
}
.box-goo {
    background: #FFf;
    margin: 12px;
   transition: transform 0.3s ease;
    padding: 0px;
  border-radius: 10px;
    padding: 15px;
}
.box-goo:hover{
	transform: scale(1.1);
}
img.logo-img-cap {
    width: 54%;
    display: flex;
    object-fit: contain;
    height: 70px;
    margin: auto;
}
.box-goo i {
    color: #eb6d0f;
}

/* Use Cases Page CSS */
.bannerUseBg{
    	background-size: cover !important;
    	background-repeat: no-repeat !important;
    	display: flex;
    	align-items: end;
	}
	.header_btu {
    background: #fff;
    padding: 0.75rem 1rem;
    border-radius: 10px;
    display: inline-block;
}
	.headr-btun-one-two {
    border-radius: 10px;
    font-size: 17px;
    color: #fff;
    padding: 11px;
    text-decoration: none;
    transition: 0.2s ease-in;
    color: #006cf0;
    border: 2px solid #006cf0;
}
	.headr-btun-one-two:hover{
		background: rgb(3 115 239 / 12%);
		color: #0373EF;
	}
	.headr-btun-one{
		    text-decoration: none;
    color: #fff;
    font-weight: 600;
    font-size: 17px !important;
    transition: 0.2s ease-in;
    padding: 12px !important;
    background: #0d6efd;
    border-radius: 10px;
    border: none;
	}
	.headr-btun-one:hover{
		    background:#074c91;
    border-radius: 10px;
	}
	.buttons-lower-wrapper{
		background: rgba(0,0,0,0.4);
	}
	.button-lower-icon{
		display:contents;
	}
	.button-lower-icon svg{
		fill: #fff;
		width:60px;
		height: auto;
	}
	.button-lower-section{
		display: flex;
		align-items:center;
		justify-content:center;
		transition:0.2s ease-in;
	}
	.button-lower-section:hover{
		background:#fff;
	}
	.twntyfourseven, .multilingu{
		color:#fff;
		transition: 0.2s ease-in;
	}
	.multilingu{
		font-weight:600;
	}
	.button-lower-section:hover .twntyfourseven{
		color:#000;
	}
	.button-lower-section:hover .button-lower-icon svg{
		fill: #0373EF;
		width:60px;
		height: auto;
	}
	.button-lower-section:hover .multilingu{
		color: #0373EF;
	}
.solPills li a{
		background: #F1F1F1;
		margin-right: 0.75rem;
	}
	.DepartCard .learnMore{
		color: #0373EF;
		font-weight:600;
		border: 2px solid #0373EF;
		border-radius: 5px;
		padding: 0.25rem 1rem;
		display: inline-block;
		transition: 0.2s ease-in;
	}
	.DepartCard .learnMore:hover{
		background: #0373EF;
		color: #fff;
	}
	.useCasesCTA{
		background: #0373EF;
	}
	.learnMoreCTA{
		color: #0373EF;
		font-weight:600;
		border: 2px solid #fff;
		border-radius: 5px;
		padding: 0.25rem 1rem;
		display: inline-block;
		transition: 0.2s ease-in;
		background:#fff;
	}
	.learnMoreCTA:hover{
		color: #fff;
		background: transparent;
	}
	@media(max-width:576px){
		.solPills{
		flex-wrap: nowrap;
    	overflow-x: scroll;
	}
	}
.salesCard{
		border: 2px solid #0373EF;
		border-radius: 0.5rem;
		padding: 1rem;
	}
	.salesCard svg{
		fill: linear-gradient(#8D97A3, #8D97A3);
		width: 60px;
		height: auto;
	}
	.howSalesTeamTabs li a svg{
		fill: #8D97A3;
		width:60px;
		height: auto;
	}
	.howSalesTeamTabs li a{
		color: #8D97A3;
		font-weight:600;
	}
	.howSalesTeamTabs li a.active{
		color: #0373EF!important;
		background-color: #fff !important;
    	border: 2px solid #0373EF;
	}
	.howSalesTeamTabs li a.active svg{
		fill: #0373EF!important;
	}
	.largerCards{
		border: 2px solid #0373EF;
	}
	.btns{
		display: flex;
	}
	.btns .custom-prev, .btns .custom-next{
		color: #A9A9A9;
    	font-size: 1.5rem;
    	width: 45px;
    	height: 45px;
    	padding: 0.25rem;
    	background: #fff;
    	border-radius: 50px;
    	border: 1px solid;
    	display: flex;
    	justify-content: center;
    	align-items: center;
	}
	@media (max-width: 576px) {
    .howSalesTeamTabs {
        flex-wrap: nowrap;
        overflow-x: scroll;
    }
}
.autoSlideImprovementsCaseSlider, .sfservicesApproachOverflowHome {
    flex-wrap: nowrap!important;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
	@media(min-width:767px){
		.setBtnsMedScreens{
			position:absolute;
			top:38%;
			width: 100%;
			display:block!important;
		}
		.setBtnsMedScreens button{
			width: 40px;
        	height: 40px;
			border-radius: 50px;
        	background: #fff;
        	border: 2px solid #e7e7e7;
        	color: #939393;
			transition: 0.2s ease-in;
		}
		.setBtnsMedScreens button:hover{
			background:#0373EF;
			color:#fff;
			border: 2px solid #0373EF;
		}
		 #scrollLeft{
			position:absolute;
			left:-22px;
		}
		 #scrollRight{
			position:absolute;
			right:-22px;
		}
	}
/* Use Cases Page CSS Close */

/* 	modal popup css  */
   .timeRev{
   position:absolute;
   top: 56%;
   left: 21%;
   display:flex;
   }
   .timeRev div{
   display:flex;
   flex-direction:column;
   margin:0.35rem;
   text-align:center;
   }
   .timeRev div .days, .timeRev div .hours, .timeRev div .minutes, .timeRev div .seconds{
   background: #fbc249;
   color: #fff;
   font-size: 2.1rem;
   padding: 0.75rem;
   border-radius: 5px;
   }
   .timeRev div .tagD{
   font-weight:600;
   color:#112678;
   font-size:1.1rem;
   }
   .btn-popup-abs{
   position: absolute;
   left: 37%;
   bottom: 8%;
   margin-right: 0;
   }
   .closePopupBtn{
   position: absolute; right: 0; padding: 1rem; z-index:9;
   color:#dc2222;
   font-size:1.2rem;
   cursor:pointer;
   }
   .modal{
   background: rgba(0, 0, 0, 0.7) !important;
   z-index: 99999;
   }
   .dmout{
   position: absolute;
   color: #112678;
   bottom: 15%;
   left: 36%;
   font-size: 1.3rem;
   font-weight: bold;
   }
   @media(max-width:540px) and (max-height:720px){
   .timeRev{
   left: 23%;
   }
   .dmout{
   bottom:16%;
   }
   }
   @media(max-width:430px){
   .timeRev div .days, .timeRev div .hours, .timeRev div .minutes, .timeRev div .seconds{
   font-size:1.4rem;
   }
   .timeRev{
   left: 21%;
   }
   .dmout {
   position: absolute;
   color: #112678;
   bottom: 16%;
   left: 34%;
   font-size: 1.3rem;
   font-weight: bold;
   margin-bottom: 0.5rem;
   }
   }
   @media(max-width:375px){
   .timeRev div .days, .timeRev div .hours, .timeRev div .minutes, .timeRev div .seconds {
   font-size: 1.2rem;
   padding: 0.5rem;
   }
   .timeRev {
   position: absolute;
   top: 55%;
   left: 23%;
   display: flex;
   }
   .dmout{
   left:29%;
   }
   .btn-popup-abs{
   left:32%; 
   }
   }
   @media(max-width:320px){
   .timeRev div .tagD {
   font-size: 0.9rem;
   }
   .timeRev{
   left:20%;
   }
   .timeRev div .days, .timeRev div .hours, .timeRev div .minutes, .timeRev div .seconds{
   font-size:1.1rem;
   }
   .dmout{
   left: 32%;
   font-size:1rem;
   }
   .btn-popup-abs{
   left: 30%;
   bottom: 7%;
   }
   }	
	
	
   /* modal popup css close	  */

.rank-math-breadcrumb{
		background: #DCE7F5;
		display: inline-block;
		border-radius:50px;
		padding: 0.5rem 1.5rem;
	}
	.rank-math-breadcrumb p{
		margin-bottom: 0;
	}
	.rank-math-breadcrumb span{
		color: #000;
	}
	.rank-math-breadcrumb a{
		text-decoration:none;
		font-weight:bold;
		background: linear-gradient(80deg, #EE6C4D, #077DEC);
		color:transparent;
		background-clip: text;
	}
	.customer-img{
		    background: #ffff;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2));
    border-radius: 50px;
    padding: 0 1.5rem;
		margin-bottom:1.5rem;
	}
	.customer-img img{
		filter: grayscale(1);
	}
	.viewAllTestimonials{
		position: absolute;
    	top: -2rem;
    	left: -4.5rem;
	}
	.slickSliderButtonsCtrls{
		position: absolute;
    display: flex;
    justify-content: space-between;
    width: 100%;
    top: 45%;
	}
	.custom-prev{
		    left: -1.5rem;
    position: absolute;
		    font-size: 24px;
    background: #fff;
    padding: 1rem;
    border-radius: 50px;
    width: 48px;
    height: 48px;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2));
    display: flex;
    justify-content: center;
    align-items: center;
    color: #266df8;
	cursor:pointer	
	}
	.custom-next{
		    right: -1.5rem;
    position: absolute;
	    font-size: 24px;
    background: #fff;
    padding: 1rem;
    border-radius: 50px;
    width: 48px;
    height: 48px;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2));
    display: flex;
    justify-content: center;
    align-items: center;
    color: #266df8;
	cursor:pointer	
	}
	.playIconTestimonial{
		position: absolute;
    right: 10%;
    bottom: 0;
    font-size: 20px;
    background: #fff;
    padding: 0.75rem;
    border-radius: 50px;
    width: 45px;
    height: 45px;
    display: flex!important;
    justify-content: center;
    align-items: center;
    color: #266df8;
		border: 1px ridge #266df8;
	}
	#customerTestimonialSlider .card{
		transition: 0.2s ease-in;
		border: 0;
	}
	#customerTestimonialSlider .card .testimonialHeadingFont{
		transition: 0.2s ease-in;
		text-decoration:none;
	}
	#customerTestimonialSlider .card:hover{
		filter:drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2));
	}
	#customerTestimonialSlider .card:hover .testimonialHeadingFont{
		color: #266df8;
	}
	#customerTestimonialSlider .card:hover .playIconTestimonial{
		color: #fff;
		background: #266df8;
	}
	#customerTestimonialSlider .card:hover .watchVideo i{
		padding-left: 0.5rem !important;
		transition: 0.2s ease-in;
	}
	.slickSliderButtonsCtrls .custom-next, .slickSliderButtonsCtrls .custom-prev{
		transition: 0.2s ease-in;
	}
	.slickSliderButtonsCtrls .custom-next:hover, .slickSliderButtonsCtrls .custom-prev:hover{
		color: #fff;
		background: #266df8;
	}
	.viweAllBtn{
		text-decoration: none;
    	color: #000;
    	font-weight: 500;
		transition: 0.2s ease-in;
	}
	.viweAllBtn:hover{
		color: #266df8;
	}
	.watchVideo{
		color: #266df8;
		transition: 0.2s ease-in;
		font-weight: 500;
		text-decoration: none;
	}
	.custom-select-fullpage::after {
    font-family: 'fontAwesome';
    content: '\f106';
    position: absolute;
    right: 1.5%;
    transform: rotate(180deg);
    z-index: 9;
}
	.custom-select-fullpage {
    position: unset !important;
    width: 100%;
    height: 100%;
    display: flex
;
    align-items: center;
}
	.dropdownCaseWrapper {
    border: 2px ridge;
    padding-inline-start: 1rem !important;
    border-radius: 8px;
}
	.custom-select-fullpage .dropdown-menu {
    width: 100%;
    left: 0;
}
	.mydropdownCaseStudy {
    transform: translate3d(0, 3rem, 0) !important;
    border: none !important;
    padding: 1rem !important;
    filter: drop-shadow(20px 20px 20px rgba(0, 0, 0, 0.1));
    z-index: 9999 !important;
}
	.pagination{
		justify-content:center;
		align-items:center;
	}
	.pagination .prev-link a i, .pagination .next-link a i{    
		padding: 0.65rem;
    	border: 1px solid;
		border-radius: 50px;
		filter: drop-shadow(1px 6px 4px rgba(0, 0, 0, 0.1));
    	background: #fff;
		transition: 0.2s ease-in;
	}
	.pagination .prev-link a i:hover, .pagination .next-link a i:hover{    
    	background: #266df8;
		color:#fff;
	}
	#customerSuccessStories #customerSuccessStoriesCard .card{
		border:0;
		transition: 0.2s ease-in;
	}
	#customerSuccessStories #customerSuccessStoriesCard .testimonialHeadingFont{
		text-decoration:none;
		transition: 0.2s ease-in;
	}
	#customerSuccessStories #customerSuccessStoriesCard .card:hover{
		filter:drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2));
	}
	#customerSuccessStories #customerSuccessStoriesCard .card:hover .testimonialHeadingFont{
		color: #266df8;
	}
	#customerTestimonialSlider .card:hover .watchVideo i{
		padding-left: 0.5rem !important;
		transition: 0.2s ease-in;
	}
.categoryCaseStudy{
	    background: #DCE7F5;
    display: inline-block;
    border-radius: 50px;
    padding: 0.5rem 1.5rem;
}
.categoryCaseStudy span{
	background: linear-gradient(80deg, #EE6C4D, #077DEC);
    color: transparent;
    background-clip: text;
	font-weight:600
}
.tag-btn{
	    background: #DCE7F5;
    display: inline-block;
    border-radius: 50px;
    padding: 0.5rem 1.5rem;
}
.tag-categories{
	background: linear-gradient(80deg, #EE6C4D, #077DEC);
    color: transparent;
    background-clip: text;
	font-weight:600
}
.bannerBgCase{
	    background: linear-gradient(90deg, #006CF0 1.07%, #2EDED9 99.2%) !important;
}
.list-shares li a{
	text-decoration:none;	
}
.list-shares li a i{
	    background: #DCE7F5;
    font-size: 20px;
    color: #000;
    padding: 1rem;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
	transition: 0.2s ease-in;
}
.list-shares li a i:hover{
	color: #DCE7F5;
	background: #000;
}
.decreaseIcon{
	background: #DCE7F5;
    padding: 1rem;
    width: auto;
    display: inline-flex;
    border-radius: 50px;
}
.decreaseIcon img{
	width: 70px;
}
.counterBig{
	font-size:6.5rem;
	font-weight:600;
}
@media(max-width:992px){
	.counterBig{
	font-size:5rem;
}
}
.abtClientCard{
	background: rgba(220,231,245,0.4);
	    position: sticky;
    top: 100px;
}
.abtClientCard h3{
	text-decoration: underline;
	text-underline-offset: 0.75rem;
	text-decoration-color: #D262FC;
	text-decoration-thickness: 3px;
}
.clientTestimonial{
	position:relative;
}
.quoteLeft{
	position: absolute;
	top: -2.5rem;
}
.quoteLeft i{
	color: #0373EF;
	background: #fff;
	padding:0.5rem;
	border-radius:50px;
}
.counterConsultingDesc{
	font-size:20px;
	text-transform:capitalize;
} 
#case-study-contents p{
	font-size:20px;
}
#contentsCases li{
	font-size: 20px;
}
.customer-img img:hover  {
    filter: grayscale(0);
}
a.headr-btun-one {
	text-decoration: none; 
	font-size: 17px;
	font-weight: 500;
	padding: 12px;
	background: #0d6efd;
	border-radius: 10px; 
	color: #FFF; 
	}
a.headr-btun-one-two.usercasse {
    background: #FFF;
}
a.headr-btun-one-two.usercasse:hover {
    background: #0d6efd !important;
    color: #FFF !important;
}
.become-a-partner {
    display: none !important;
}
.page-id-1006 .become-a-partner {
    display: block !important;
}
.page-id-1006 .probutton{
	display:none;
}
