.bg-our-product {
  background-color: #C4C4C414;
}

.margin-lef-scroll {
  margin-right: 70px !important;

}

/*.sticky-blocks-content div {*/
/*will-change: transform, opacity;*/

/*transform-style: preserve-3d;*/

/*transition: transform 0.6s ease-out, opacity 0.6s ease-out;*/
/*}*/

.w-480 {
  width: 480px !important;
}

.margin-left-num {
  margin-left: -86px;
}

.m-top {
  margin-top: 190px;
}

.h-600 {
  height: 600px !important;
}

.border-theme {
  border: 1px solid rgba(0, 83, 81, 0.4) !important;
}

.clm-form-banner {
  width: 100%;
  background: transparent linear-gradient(110deg, #e40078 0%, #6c3aef 49%, #1a53bc 100%) 0% 0% no-repeat padding-box;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #0f0f0f;
}

.banner-width {
  width: 560px;
}

.fs-45 {
  font-size: 45px !important;
}

.fs-40px {
  font-size: 40px !important;
}

.text-theme-green {
  color: #00C698 !important;
}

/* .fs-5{
      font-size:18px !important;
  }
  .fs-20{
      font-size:20px !important;
  } */

.mt-20 {
  margin-top: -20px;
}

.-w-3rem {
  width: 3rem !important;
}

.-w-4rem {
  width: 4rem !important;
}

.-w-5rem {
  width: 5rem !important;
}

.-w-6rem {
  width: 6rem !important;
}

.-w-7rem {
  width: 7rem !important;
}

.-h-3rem {
  height: 3rem !important;
}

.-h-4rem {
  height: 4rem !important;
}

.-h-5rem {
  height: 5rem !important;
}

.-h-6rem {
  height: 6rem !important;
}

.-h-7rem {
  height: 7rem !important;
}

.z-99999,
.z-999 {
  z-index: 99999 !important;
}

.effect-300 {
  transition: all 500ms ease-in-out !important;
}

/*  */
.-bg-video-frame {
  backdrop-filter: blur(1rem);
  background-color: hsl(0 0% 0% / 0.2);
  opacity: 0;
  visibility: hidden;
}

.-bg-video-frame.active {
  opacity: 1;
  visibility: visible;
}

.-video-close-btn {
  backdrop-filter: blur(100px);
  background-color: hsl(0 100% 100% / 0.7);
  width: 4rem;
  height: 4rem;
}

.-video-close-btn:hover {
  background-color: hsl(0 100% 100% / 1);
}

.-video-close-btn:hover svg {
  fill: #ef4444;
  transform: rotateZ(180deg);
  scale: 1.2;
  filter: drop-shadow(0 0 0.1rem hsl(0 0 0 / 0.1));
}

.-bg-iframe {
  backdrop-filter: blur(10px);
  background-color: hsl(0 0% 0% / 0.3);
}

/*  */
.-bg-banner {
  background: no-repeat url("../images/form-builder/Ellipse Gradient.png");
  background-size: 60% !important;
}

.-bg-banner-right {
  background: no-repeat url("../images/form-builder/Ellipse Gradient.png");
  background-size: 60% !important;
  background-position: right top;
}

.-dynamic-words {
  width: 9em;
  text-align: start;
  color: #01906e;
}

.-bg-midnight-blue {
  background-color: #214e69 !important;
}

.-bubble-design .--bubble-item {
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  transform: translateY(-50%);
}

.-bubble-design .--bubble-item:first-child {
  top: -1rem;
  left: 20.5%;
}

.-bubble-design .--bubble-item:nth-child(2n) {
  top: 1.5rem;
  right: 5.5%;
}

.-bubble-design .--bubble-item:last-child {
  bottom: 8rem;
  left: 10%;
}

.clients-container {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.clients-container-2 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.carousel-image-size {
  max-height: 150px;
}


/*  */

.-bg-light-blue {
  background-color: #f2f6f8 !important;
}

.-grid-col-7 {
  grid-template-columns: repeat(7, 1fr);
}

/*  */

.-revolution-layout {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 15rem auto auto;
}

.-revolution-layout .---three {
  grid-column: 1/3;
  grid-row: 3/4;
}

.-revolution-layout .---four {
  grid-column: 1/3;
  grid-row: 1/2;
}

.-bg-gradiant-dark {
  background: linear-gradient(294deg,
      #3c3c3c 0%,
      #0f0f0f 100%) !important;
}

.-bg-video {
  background: no-repeat url(../images/home/video-bg.webp);
  background-size: 100% 100%;
}

/*  */

.-bg-gradiant-blue-green {
  background: linear-gradient(164deg,
      #0e353e 0%,
      #105e62 30%,
      #0b776d 76%,
      #00b087 100%) !important;
}

.-bg-green {
  width: 100%;
  background-color: #00b087 !important;
  height: 0.05rem !important;
  display: block;
}

/*  */
.-border-top-left-4rem {
  border-top-left-radius: 4rem !important;
}

.-border-bottom-right-4rem {
  border-bottom-right-radius: 4rem !important;
}

.-button-slide-down {
  top: -30%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  animation: slideDown 1s ease-in-out infinite forwards;
}

@keyframes slideDown {
  from {
    top: -30%;
    opacity: 1;
  }

  80% {
    top: 50%;
    opacity: 1;
  }

  to {
    top: 50%;
    opacity: 0;
  }
}

.-mb--3rem {
  margin-bottom: -3rem !important;
}

/*  */
.-border-green {
  border-color: #00b087 !important;
}

.-top-8rem {
  top: 8rem !important;
}

.-top-17rem {
  top: 17rem !important;
}

/*  */

.-text-deep-navy-blue {
  color: #2c5363 !important;
}

.-bg-quote {
  position: relative;
}

.-bg-quote::before {
  content: "";
  position: absolute;
  width: 5rem;
  height: 5rem;
  background: no-repeat url(../images/home/quote-large.png);
  background-size: 100% 100%;
  transform: translate(-90%, -20%);
  opacity: 1;
  left: 5rem;
  top: -5rem;
}

.-quote-before {
  position: relative;
}

.-h-7-5rem {
  height: 11.5rem !important;
}



.-drop-shadow-1 {
  filter: drop-shadow(0px 0px 0.1rem #0000007a);
}

.-quote-before::before {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  background: no-repeat url(../images/home/quote-small.svg);
  background-size: 100% 100%;
  top: 0;
  left: 0;
}

.carousel-indicators {
  justify-content: start !important;
  bottom: -1.5rem !important;
  right: auto !important;
  left: 1rem !important;
  margin-left: 0;
  margin-right: auto;
}

.carousel-indicators [data-bs-target] {
  opacity: 1;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #9a9a9a !important;
  border-radius: 100%;
  border: 0 !important;
  transition: all 300ms linear !important;
}

.carousel-indicators .active {
  width: 1rem;
  border-radius: 0.5rem !important;
  background: linear-gradient(107deg,
      #0e353e 0%,
      #105e62 30%,
      #00b087 100%) !important;
}

/*  */
.-bg-dradian-black {
  background: linear-gradient(319deg,
      #3c3c3c 0%,
      #0f0f0f 100%) !important;
}

.-border-light {
  border-color: #707070 !important;
}

.-bg-white-blur {
  background-color: hsl(0 100% 100% / 0.07);
  backdrop-filter: blur(10px);
}

/*  */
.-bg-circle-border {
  background: no-repeat url(../images/home/circle-borders.svg);
  background-size: 100% 100%;
}

@keyframes circleMove {
  50% {
    transform: var(--transform);
  }
}

@keyframes logoCircularMove {
  50% {
    transform: var(--animation-rotate);
  }
}

.-security-logos {
  width: 100%;
  height: 40rem;
  --speed: 10s;
  --speed-2: 8s;
  --rotateZ: 20deg;
  --rotateZ-inverse: -20deg;
}

.-security-logos .--logo-1-container,
.-security-logos .--logo-3-container,
.-security-logos .--logo-5-container,
.-security-logos .--logo-6-container,
.-security-logos .--logo-8-container {
  --transform: rotateZ(var(--rotateZ));
  animation: circleMove var(--speed) ease-in-out infinite forwards;
}

.-security-logos .--logo-2-container,
.-security-logos .--logo-4-container,
.-security-logos .--logo-7-container,
.-security-logos .--logo-9-container {
  --transform: rotateZ(var(--rotateZ-inverse));
  animation: circleMove var(--speed-2) ease-in-out infinite forwards;
}

.-security-logos .--logo-6-container,
.-security-logos .--logo-7-container {
  top: 50%;
  left: 50%;
  width: 65%;
  height: 65%;
  --translate: translate(-50%, -50%);
  --transform: var(--translate) rotateZ(var(--rotateZ));
  transform: var(--translate);
}

.-security-logos .--logo-8-container,
.-security-logos .--logo-9-container {
  top: 50%;
  left: 50%;
  width: 30%;
  height: 30%;
  --translate: translate(-50%, -50%);
  --transform: var(--translate) rotateZ(var(--rotateZ));
  transform: var(--translate);
}

.-security-logos .--logo-1 {
  top: 0;
  left: 40%;
  transform: translate(-50%, -10%);
  --animation-rotate: translate(-50%, -10%) rotateZ(var(--rotateZ-inverse));
  animation: logoCircularMove var(--speed) ease-in-out infinite forwards;
}

.-security-logos .--logo-2 {
  top: 20%;
  left: 88%;
  --translate: translate(-40%, -20%);
  --animation-rotate: var(--translate) rotateZ(var(--rotateZ));
  transform: var(--translate);
  animation: logoCircularMove var(--speed-2) ease-in-out infinite forwards;
}

.-security-logos .--logo-3 {
  top: 75%;
  left: 12%;
  --translate: translate(-40%, -20%);
  --animation-rotate: var(--translate) rotateZ(var(--rotateZ-inverse));
  transform: var(--translate);
  animation: logoCircularMove var(--speed) ease-in-out infinite forwards;
}

.-security-logos .--logo-4 {
  top: 93%;
  left: 37%;
  --translate: translate(-40%, -20%);
  --animation-rotate: var(--translate) rotateZ(var(--rotateZ));
  transform: var(--translate);
  animation: logoCircularMove var(--speed-2) ease-in-out infinite forwards;
}

.-security-logos .--logo-5 {
  top: 70%;
  left: 87%;
  --translate: translate(-40%, -20%);
  --animation-rotate: var(--translate) rotateZ(var(--rotateZ-inverse));
  transform: var(--translate);
  animation: logoCircularMove var(--speed) ease-in-out infinite forwards;
}

.-security-logos .--logo-6 {
  top: 20%;
  left: 0%;
  --translate: translate(-40%, -20%);
  --animation-rotate: var(--translate) rotateZ(var(--rotateZ-inverse));
  transform: var(--translate);
  animation: logoCircularMove var(--speed) ease-in-out infinite forwards;
}

.-security-logos .--logo-7 {
  top: 86%;
  left: 65%;
  --translate: translate(-40%, -20%);
  --animation-rotate: var(--translate) rotateZ(var(--rotateZ-inverse));
  transform: var(--translate);
  animation: logoCircularMove var(--speed-2) ease-in-out infinite forwards;
}

.-security-logos .--logo-8 {
  top: 5%;
  left: 98%;
  --translate: translate(-70%, -50%);
  --animation-rotate: var(--translate) rotateZ(var(--rotateZ-inverse));
  transform: var(--translate);
  animation: logoCircularMove var(--speed) ease-in-out infinite forwards;
}

.-security-logos .--logo-9 {
  top: 80%;
  left: 15%;
  --translate: translate(-70%, -50%);
  --animation-rotate: var(--translate) rotateZ(var(--rotateZ-inverse));
  transform: var(--translate);
  animation: logoCircularMove var(--speed-2) ease-in-out infinite forwards;
}

.-data-card.--border {
  border-top: 2px solid #00b087;
  border-bottom: 2px solid #00b087;
}


/* JS Classes */

._number {
  overflow: hidden;
  height: 1.5em;
  scroll-behavior: smooth;
}

._client {
  scroll-behavior: smooth;
}

.border-theme {
  border: 1px solid #0b5544;
}




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

  .fs-14 {
    font-size: 14px !important;
  }

  .bt-p {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 20px !important;
    margin-top: 50px;

  }

  .border-line {
    border: 1px solid #707070;
    border-radius: 9px;

  }

  .w-480 {
    width: 370px !important;
    margin: 0 auto;
    border-radius: 33px;
    display: block;
    text-align: center;
    padding-left: 0px !important;
  }

  .pe-5 {
    padding-right: 1rem !important;
  }

  .mb-margin-top {
    margin-top: -33px !important;

  }

  .accordion-button:not(.collapsed) {
    background-color: transparent !important;


  }

  .accordion {
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0) !important;

  }

  .accordion-item:not(:first-of-type) {
    margin-top: 18px;
    border-top: 1px solid rgba(0, 0, 0, .125);
  }

  .m-top {
    margin-top: 70px;
  }

  .mb-width {
    width: 400px !important;
  }

  .fs-45 {
    font-size: 30px !important;
  }

  .fs-5 {
    font-size: 16px !important;
  }

  .mb-btn {
    margin: 0 auto;
    margin-top: 40px;
  }

  .clm-form-banner {
    text-align: center;
    height: 100% !important;
  }

}


/* Mobile classes  */
@media (max-width: 47rem) {
  .-data-card.--transparent {
    background-color: transparent !important;
  }

  .-h-m-8rem {
    height: 8rem !important;
  }

  .-rounded-m-4.-rounded-m-4 {
    border-radius: 2rem !important;
  }

  .-bg-m-dark-green.-bg-m-dark-green {
    background-color: #005351 !important;
  }

  .clients-container {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .clients-container-2 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .carousel-image-size {
    max-height: 75px;
  }

  .-cta-mobile.-cta-mobile {
    width: 90%;
    border-radius: 0.5rem !important;
    padding-left: 1.5rem !important;
    margin-top: 5rem !important;
  }

  .-cta-mobile::before {
    content: none !important;
  }
}

@media (min-width: 47rem) {
  .-data-card {
    border: 1px solid #00b087;
    border-radius: 1rem;
  }

  .-fs-4rem {
    font-size: 4rem !important;
  }

  .-bg-banner {
    background-size: 100% 100%;
  }

  .-after-icon::after {
    content: "";
    position: absolute;
    width: 15rem;
    height: 15rem;
    background: no-repeat url(../images/home/heading-after.png);
    background-size: 100% 100%;
    top: 0;
    right: 0;
    transform: translate(-30%, -30%);
  }

  .-bubble-design .--bubble-item {
    width: 5rem;
    height: 5rem;
  }

  .-bubble-design .--bubble-item:first-child {
    top: -2rem;
    left: 31.5%;
    right: auto;
  }

  .-bubble-design .--bubble-item:nth-child(2n) {
    top: auto;
    bottom: 2rem;
    right: auto;
    left: 20%;
  }

  .-bubble-design .--bubble-item:last-child {
    bottom: 0rem;
    left: auto;
    right: 15%;
  }

  .-revolution-layout {
    grid-template-columns: 1fr 1fr 2fr;
    grid-template-rows: 1fr 2fr;
  }

  .-revolution-layout .--grid-item.---three {
    grid-column: 1/3;
    grid-row: 2/3;
  }

  .-revolution-layout .--grid-item.---four {
    grid-column: 3/4;
    grid-row: 1/3;
  }

  .-bg-quote::before {
    width: 25%;
    height: 150%;
    opacity: 0.3;
    left: 0;
    top: 0;
  }

  .-h-7-5rem {
    height: 7.5rem !important;
  }
}


.overflow-x-sm-hidden {
  overflow-x: hidden;
}

.btn-hover:hover {
  background: #00b087 !important;
  color: #fff !important;
}

.clmbtn {
  position: sticky !important;
  text-align: left !important;
  padding-left: 4%;
}

.btn-hover-secondary:hover {
  background-color: #00c698 !important;

}






/* Mobile device styles */

.bg-clm-section-5 {
  background: linear-gradient(135deg, #1A53BC 0%, #071F84 100%);
}

.clm-form-banner {
  text-align: center;
  height: 100% !important;
  padding: 0px 0px;
}

.fs-24 {
  font-size: 24px !important;
}

.sticky-blocks-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
  overflow: visible;
}

#left-container,
#right-container {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

.sticky-blocks-text-container {
  padding-right: 50px;
  position: relative;
  top: 0;
}

.sticky-blocks-text {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.sticky-blocks-content {
  z-index: 2;
  grid-column-gap: 175px;
  grid-row-gap: 175px;
  flex-flow: column;
  margin-top: 30vh;
  margin-bottom: 10vh;
  display: flex;
  position: relative;
}

.sticky-blocks-content div.visible {
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
  opacity: 1;
  visibility: visible;
}

.sticky-blocks-content div {
  will-change: transform, opacity;
  transform: translate3d(0px, 0px, 0px) scale3d(0.8, 0.8, 1);
  transform-style: preserve-3d;
  opacity: 0.3;
  transition: transform 0.6s ease-out, opacity 0.6s ease-out;
}

.bg-circle-design:before {
  background-image: url(../images/form-builder/SVG/wave-circle.svg);
  right: 0;
  top: 0;
  position: absolute;
  content: "";
  width: 25%;
  height: 50%;
  z-index: -1;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.book-cta-btn::before {
  content: "";
  position: absolute;
  height: 2.7em;
  width: 2.7em;
  background-color: #0f0f0f;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100%;
  box-shadow: 1px 1px 3px #00000029;
  background-color: #fff;
  background-image: url(../images/form-builder/SVG/arrow-right.svg);
  background-repeat: no-repeat;
  background-size: 50% auto;
  background-position: center center;
  transition: all 100ms linear !important;
}

.text-theme-7 {
  color: #00B087;
}

.w-40px {
  width: 40px;
}

.h-40px {
  height: 40px;
}

.w-60px {
  width: 60px;
}

.w-90px {
  width: 90px;
}

.bookdemo-button {
  border-radius: 35px;
  top: 40%;
}

.bookdemo-button span {
  box-shadow: 1px 1px 10px #999 !important;
}

.h-60px {
  height: 60px;
}

.bg-gray {
  background-color: #E4E4E4;
}

.border-gray {
  border-color: #C4BFBF !important
}

.text-gray {
  color: #c9c9c9 !important;
}

.fs-18px {
  font-size: 18px !important;
}

.fs-35px {
  font-size: 35px !important;
}

.fs-56px {
  font-size: 56px !important;
}

.fs-22px {
  font-size: 22px !important;
}

.fs-25px {
  font-size: 25px !important;
}

.custom-fs-56px {
  font-size: 56px !important;
}

.paddingvalue1 {
  padding: 50px;
}

.paddingvalue2 {
  padding: 65px;
}

.paddingvalue3 {
  padding: 80px;
}

/*.bookdemo-button{*/
/*           position: absolute;*/
/*           top: 75%;*/
/*            left: 6%;*/
/*       }*/
/*        .bg-clm-section-5 .row div .h1{*/
/*            margin-top: -85px !important;*/
/*margin-bottom: 100px !important;*/
/*        }*/
/*  .border-theme.rounded-circle.position-absolute {*/
/*  padding: 30px 35px !important;*/
/*  margin-top: -90% !important;*/
/*  margin-left: 0% !important;*/
/*}*/
.accordion-button {
  box-shadow: none !important;
}

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

  .industry-icon {
    width: 75% !important;
    width: 45px !important;
  }

  .px-none {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .zig-zag-section {
    padding-top: 0px !important;
  }

  .zig-zag-section .sm-padding-x {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .aos-init.aos-animate {
    text-align: center !important;
    padding-right: 0px !important;
  }

  .sm-padding-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .collapsing p {
    margin-top: 0px !important;
  }

  .accordion-item,
  .accordion-button {
    border-radius: 0px !important;
  }

  .accordion-header {
    padding: 10px !important;
  }

}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {

  .knowmore-button-container {
    text-align: center !important;
    padding: 0px;
  }

  .industry-icon {
    width: 50% !important;
    margin: auto;
    text-align: center;
    align-self: center !important;
    display: flex;
    width: 45px !important;
  }

  .clmbtn {
    position: sticky !important;
    text-align: left !important;
    padding: 15% 9% 9% 9%;
  }

  .border-theme.rounded-circle.position-absolute {
    /*padding: 30px 35px !important;*/
    margin-top: -40% !important;
    opacity: 0.1;
    /*margin-left: 10% !important;*/
  }

  .bg-clm-section-5 {
    padding-top: 0px !important;
  }
}

@media (min-width:576px) {
  .bookdemo-button {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  }

  .paddingvalue1 {
    padding: 50px;
  }

  .paddingvalue2 {
    padding: 65px;
  }

  .paddingvalue3 {
    padding: 80px;
  }

}

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

  .clm-banner-title,
  .clm-banner-content,
  .clm-banner-button {
    text-align: center !important;
  }

  .bg-clm-section-5 {
    padding-top: 20px !important;
  }

  [data-aos^="fade"][data-aos^="fade"].aos-animate {
    text-align: center !important;
  }

  .video {
    width: 300px;
    height: 200px;
    border-radius: 4%;
  }

  .knowmore-button {
    border: 1px solid #707070 !important;
    border-radius: 13px !important;
  }

  .knowmore-button:not(.collapsed) {
    background: #105D62 !important;
    color: #fff !important;
  }

  /*.bg-clm-section-5 .row,   .bg-clm-section-5 .row div.col-md-7{*/

  /*        padding-top: 3rem !important;*/

  /*}*/
  .bg-clm-section-5 row div p.h1 {
    font-size: 26px !important;
  }

  .accordion-button:not(.collapsed) {
    color: #E40078 !important;
  }

  .accordion-button.collapsed {
    color: #000 !important;
  }

  .accordion-button::after {
    background-image: url("../images/clm/down.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 15px;
    width: 15px;
    transform: rotate(0deg);
    transition: transform 0.3s ease;
  }

  /* When Expanded — show Up arrow */
  .accordion-button:not(.collapsed)::after {
    background-image: url("../images/clm/up.png");
    transform: rotate(0deg);
    /* Keep it normal if up.png is already pointing up */
  }


}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .industry-title w-50 {
    width: 75% !important;
  }

  .clm-banner-title,
  .clm-banner-content,
  .clm-banner-button {
    float: left;
  }

  .md-pb-0 {
    padding-bottom: 0px !important;
  }

  .gotosolutions-left div.px-5 {
    padding: 0px !important;
  }

  .gotosolutions-left {
    padding-left: 5rem !important;
  }

  .gotosolutions-right {
    padding-right: .5rem !important;

  }

  .bg-clm-section-5 .row div .h1 {
    margin: 0px !important;
  }

  .paddingvalue1 {
    padding: 50px;
  }

  .paddingvalue2 {
    padding: 65px;
  }

  .paddingvalue3 {
    padding: 80px;
  }

  .clm-form-banner {
    text-align: center;
    padding: 50px 0px !important;

  }

  /*.border-theme.rounded-circle.position-absolute{*/
  /*       padding: 30px 35px !important;*/
  /*      top: 0 !important;*/
  /*      margin-top: -60px !important;*/
  /*      right: -60px !important;*/
  /*    }*/
  .bg-clm-section-5 div p.h1 {
    font-size: calc(1.3rem + .6vw);
  }

  .bookdemo-button {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
    padding: 0px 10px 0 0px !important;
  }

  .-bg-banner {
    background-size: 100% 100%;
  }

  .gapt {

    padding-top: 100px;

  }

  .l-padding {

    padding-left: 40px;
    padding-top: 30px;
  }

  .r-padding {

    padding-left: 0px;
    padding-top: 30px;
  }

  .video {
    width: 300px;
    height: 240px;
    border-radius: 5%;
  }

  .imgsz {
    width: 350px;
    height: 350px;
    ;

  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .gotosolutions-right {
    padding-right: 0rem !important;

  }

  .paddingvalue1 {
    padding: 40px;
  }

  .paddingvalue2 {
    padding: 40px;
  }

  .paddingvalue3 {
    padding: 40px;
  }

  /*        .border-theme.rounded-circle.position-absolute {*/
  /*  padding: 30px 35px !important;*/
  /*  top: 0 !important;*/
  /*  margin-top: -60px !important;*/
  /*  right: 20px !important;*/
  /*}*/
  .video {
    width: 90% !important;
    height: 400px;
    border-radius: 5%;
  }

  .l-padding {

    padding-left: 40px;
    padding-top: 50px;
  }

  .r-padding {

    padding-left: 40px;
    padding-top: 50px;
  }

  .imgsz {
    width: 560px;
    height: 500px;
  }

  .clm-form-banner {
    text-align: center;
    height: 700px !important;
    padding: 50px 0px !important;

  }
}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

  .lg-pb-0 {
    padding-bottom: 0px !important;
  }

  .clients {
    margin-top: 4rem !important;
  }

  .clm-form-banner {
    text-align: center;
    height: 100% !important;
    padding: 20px 0px;
  }

  /*.bubble-1{*/
  /*    background-size: 40% !important;*/
  /*    padding-top: 4% !important;*/
  /*    padding-left: 3% !important;*/
  /*}*/
  .bubble-left {
    padding: 30% !important;
    margin-top: -15%;
    margin-left: 25%;

  }

  .bubble-right {
    padding: 30% !important;
    margin-top: -10%;
    right: 0;

  }

  .bubble-2 {
    padding-top: 5%;
  }

  .bubble-3 {
    padding-top: 3%;
    padding-left: 3%;
  }

  .bubble-4 {
    padding-top: 6%;
    padding-right: 3%;
  }

  .bubble-5 {
    padding-top: 5%;
    padding-left: 7%;
  }

  .video {
    width: 60% !important;
    height: auto !important;
    border-radius: 5%;
  }

  .l-padding {

    padding-left: 40px;
    padding-top: 30px;
  }

  .r-padding {

    padding-left: 40px;
    padding-top: 30px;
  }

  .imgsz {
    width: 560px;
    height: 500px;
  }

  .-bubble-design .--bubble-item:nth-child(2n) {
    left: 25%;
  }
}

@media (max-width >=1200px) {

  .video {
    width: 82% !important;
    height: 400px;
    border-radius: 5%;
  }

  .l-padding {

    padding-left: 40px;
    padding-top: 50px;
  }

  .r-padding {

    padding-left: 40px;
    padding-top: 50px;
  }

  .imgsz {
    width: 560px;
    height: 500px;
  }

  .-bubble-design .--bubble-item:nth-child(2n) {
    left: 25%;
  }
}

@media (min-width:1366px) {
  .gotosolutions-left {
    padding-left: 8rem !important;
  }
}

.contact-form {
  max-width: 440px;
  margin: 0px auto;
  background: #ffffff;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  /* /* border: 3px solid #00CCAD; */
}

.contact-form h2 {
  font-size: 1.8rem;
  font-weight: 600;
  color: #000;
}

.contact-form p {
  color: #666;
  margin-bottom: 1.5rem;
  color: #000 !important;
}

.form-control:focus {
  box-shadow: none;
  border-color: #00b2a9;
}

.btn-submit {
  background: linear-gradient(135deg, #00b2a9, #007d75);
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 25px;
  font-weight: 600;
  transition: background 0.3s ease;
}

.btn-submit:hover {
  background: linear-gradient(135deg, #007d75, #005b52);
}

.feature-btn {
  background: #fff;
  color: var(--blue);
  border: none;
  padding: 10px 25px;
  border-radius: 50px;
  font-size: 1rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: background 0.3s ease;
}

.feature-btn:hover {
  color: var(--blue);
}

.feature-btn i {
  font-size: 1.1rem;
}

.stat-card {
  background-color: #2f3350;
  border-radius: 12px;
  padding: 30px;
  text-align: center;
  /* box-shadow: 0 0 12px rgba(0, 0, 0, 0.3); */
  margin-bottom: 1rem;
  height: 100%;
}

.stat-card svg {
  margin-bottom: 20px;
}

.stat-card i {
  font-size: 2rem;
  color: #00e0b8;
  margin-bottom: 1rem;
}

.stat-card h5 {
  font-size: 1rem;
  margin-bottom: 0.5rem;
  padding: 20px 0;
  color: #f9f9f9;
  font-weight: 600;
}

.stat-card .highlight {
  font-size: 1.8rem;
  color: #E40078;
  font-weight: bold;
}

.section-title {
  text-align: center;
  margin-bottom: 2.5rem;
  font-weight: 600;
}

.industry-card {
  border-radius: 1.5rem;
  background: #fefefe;
  padding: 2rem 1.5rem;
  border: 1px solid #707070;
  text-align: center;
  transition: all 0.3s ease-in-out;
  position: relative;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
}

.industry-card:hover {
  background: linear-gradient(135deg, #1A53BC 0%, #071F84 100%);
  color: #fff;
  transform: translateY(-5px);
}

.industry-card:hover .btn-outline-dark {
  background-color: #fff;
  color: #000;
  border-color: #fff;
}

.industry-icon {
  font-size: 2.5rem;
  margin-bottom: 1rem;
}

.indicator-dot {
  width: 10px;
  height: 10px;
  background-color: #E40078;
  border-radius: 50%;
  position: absolute;
  top: 15px;
  right: 15px;
}

.btn-outline-dark {
  border-radius: 999px;
  padding: 0.4rem 1.2rem;
  font-weight: 500;
  border-color: #E40078;
  font-weight: bold;
}

.card-title {
  font-weight: 600;
  margin: 1rem 0 1.5rem;
}

hr {
  margin: 1rem auto;
  width: 60%;
  border-top: 1px solid #ccc;
}

@media (max-width: 767px) {
  .industry-card {
    margin-bottom: 1.5rem;
  }
}

.card-custom {
  background-color: #2f3350;
  border-radius: 15px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
  transition: background 0.3s;
  height: 100%;
  margin-bottom: 50px;
}


.card-custom i {
  font-size: 2rem;
  color: #00e0d6;
}

.highlight {
  color: #E40078;
  font-weight: bold;
  font-size: 1.5rem;
}

.svg-hover {
  display: none;
}

.industry-card:hover .svg-default {
  display: none;
}

.industry-card:hover .svg-hover {
  display: block;
}

.clm-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
}

.clm-left {
  background-color: #009877;
  color: #fff;
  padding: 6rem 3rem;
  flex: 1 1 50%;
  border-top-right-radius: 60px;
  border-bottom-right-radius: 60px;
  min-height: 100%;
}

.clm-left h2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 1rem;
}

.clm-left p {
  font-size: 1rem;
  line-height: 1.6;
}

.clm-right {
  flex: 1 1 50%;
  position: relative;
  z-index: 2;
  margin-left: -80px;
}

.clm-card {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
  max-width: 550px;
  margin: auto;
}

.clm-card img {
  width: 100%;
  height: auto;
  display: block;
}

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.play-button::before {
  content: '';
  border-style: solid;
  border-width: 10px 0 10px 18px;
  border-color: transparent transparent transparent #00a17e;
  display: inline-block;
  margin-left: 5px;
}

@media (max-width: 768px) {
  .clm-container {
    flex-direction: column;
  }

  .clm-left {
    border-radius: 0 0 60px 60px;
    text-align: center;
    padding: 2rem;
  }

  .clm-right {
    margin-left: 0;
    padding: 1.5rem;
  }

  .clm-card {
    margin-top: -40px;
    padding: 0;
  }
}


.sticky-section {
  position: relative;
  height: 720vh;
  /* 8 rows * 80vh */
}

.sticky-container {
  position: sticky;
  top: 50px;
  height: 100vh;
  overflow: hidden;
  background: #F4F4F6;
}

.row-track {
  position: absolute;
  top: 200px;
  left: 0;
  width: 100%;
  transition: transform 0.3s ease-out;
}

.row1 {
  display: flex;
  width: 100%;
  height: 80vh;
}

.left,
.right {
  width: 50%;
  height: 100%;
  padding: 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.left {
  background: transparent;
}

.right {
  background: transparent;
}

.left img {
  max-width: 100%;
  max-height: 80%;
  object-fit: contain;
}

.negotiation-content {
  max-width: 600px;
}

.negotiation-title {
  color: var(--blue);
  font-weight: 600;
  margin-bottom: 30px;
  font-size: 20px;
}

.feature-item {
  display: flex;
  align-items: start;
  margin-bottom: 20px;
}

.icon-circle {
  width: 40px;
  height: 40px;
  background-color: #00bfa5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 18px;
  margin-right: 15px;
  flex-shrink: 0;
}

.feature-text {
  flex: 1;
}

.shadow-image {
  box-shadow: 3px 2px 5px #00000039;
  border-radius: 20px;
  max-width: 100%;
  height: auto;
}

.divider-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 1.5rem;
  margin-top: 50px;
}

.line1 {
  height: 2px;
  background-color: #ccc;
  flex-grow: 1;
  position: relative;
}

.dot {
  width: 10px;
  height: 10px;
  background: transparent linear-gradient(180deg, #1a53bc 0%, #040405 100%) 0% 0% no-repeat padding-box;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.left-dot {
  right: -6px;
}

.right-dot {
  left: -6px;
}

#stickySectionMobile,
#stickySectionDesktop {
  scroll-margin-top: 100px;
  /* Adjust if you have a fixed navbar */
}

.bottomalign {
  position: absolute;
  bottom: 20px !important;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

@media (max-width: 768px) {
  .main-title {
    font-size: 1.5rem;
  }
}

.sticky-bg {
  background: #F4F4F6;
}

.sticky-bg-mobile {
  background: #F4F4F6;
}

.form-border-radius {
  border-radius: 30px;
  line-height: 2;
}

.ebook-section {
  background-color: #f4f4f4;
}

@media (max-width: 768px) {

  .clm-form-banner {
    text-align: center;
    padding: 50px 0px !important;
    background: transparent linear-gradient(110deg, #e40078 0%, #6c3aef 49%, #1a53bc 100%) 0% 0% no-repeat padding-box;

  }
}

.bg-transparent {
  background: transparent;
}

.accordion-border-bottom {
  border-bottom: 1px solid #EFEFEF;
}