.header-transparent {
  top: 0;
  left: 0;
}

.quote-icon {
  position: relative;
  display: flex;
}

.otgs-development-site-front-end {
  background-color: #1543a0 !important;
}

.quote-icon a {
  display: flex;
}

.quote-icon a svg {
  height: 27px;
}

.header-sticky-show .quote-icon svg g g {
  fill: #001841;
}

.quote-counter {
  position: absolute;
  top: -8px;
  right: -10px;
  min-width: 19px;
  height: 19px;
  line-height: 19px;
  background: var(--cms-accent-regular);
  color: #fff;
  border-radius: 100%;
  font-size: 10px;
  text-align: center;
  padding: 0 3px;
}

form.invalid .wpcf7-response-output {
  color: red;
}

.wpcf7-not-valid-tip {
  display: none !important;
}

span.error {
  color: red;
  font-size: 12px;
  position: absolute;
  bottom: -22px;
  left: 0;
  width: 100%;
  max-width: max-content;
}

.cms-main.container.no-sidebar {
  max-width: 1200px !important;
}

.custom-archive-wrap {
  margin: 0 -16px;
}

.custom-archive-inner {
  padding: 0 16px;
  margin-bottom: 80px;
}

.custom-archive-wrap .cms-blog {
  margin-bottom: 0 !important;
  height: 100%;
}

.custom-archive-wrap .cms-post--content:after {
  display: none !important;
}

.wpcf7-response-output {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  margin-top: 10px !important;
  color: green;
}

/* .contact-us-wrap .btn-white,  */
.contact-us-wrap .cms-sphone,
.wpcf7-form.failed .wpcf7-response-output {
  color: red;
}

.contact-us-wrap .btn-white:focus {
  color: var(--cms-secondary-regular) !important;
  background-color: white !important;
  box-shadow: 0 0 0 2px #fff inset !important;
}

.contact-us-wrap .cms-semail:focus {
  color: #fff !important;
}

/* .pos-absolute {
    position: absolute !important;
    width: 100% !important;
} */

.wpcf7-form-control-wrap {
  position: relative;
  display: block;
}

form.wpcf7-form[data-status="submitting"]
  .wpcf7-form-control.wpcf7-submit::before {
  z-index: 1;
}

form.wpcf7-form[data-status="submitting"]
  .wpcf7-form-control.wpcf7-submit:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
}

.cms-desc a {
  font-weight: 500;
}

.cms-footer .cms-emenu .cms-menu-link {
  font-weight: 600;
}

.cms-footer .cms-emenu .current-menu-item a:not(:hover) {
  color: var(--cms-accent-regular) !important;
}

.wac-title-wrap {
  margin-bottom: 20px;
}

.wac_text_block strong {
  margin-bottom: 15px;
  display: block;
}

.wac_text_block {
  margin-bottom: 40px;
}

.cms-lists-5 .cms-list:hover span {
  color: #fff;
}

.cms-btn-video.layout-4.size-88 {
  justify-content: center;
}

.wpcf7-form-control::placeholder {
  color: #000;
  opacity: 0.6;
}

@media screen and (max-width: 767px) {
  .scroll-top.to-top-show {
    width: 45px !important;
    height: 45px !important;
    right: 15px !important;
    bottom: 15px !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/* .cms-fancybox .cms-icon {
    padding-top: 5px;
} */

/* .fancy-box-item .cms-fancybox{
    padding-bottom: 43px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(230, 234, 239, 0.15);

} */

.cms-heading {
  padding-left: 0 !important;
  padding-inline-start: 0;
}

.wpcf7-form-control {
  background-color: transparent;
}

.cms-primary-menu-dropdown > li > ul > li > a {
  color: var(--cms-menu-regular);
  display: flex;
  gap: 0;
  font-size: 15px;
  justify-content: space-between;
}

@media screen and (max-width: 1200px) {
  .cms-header {
    /* position: fixed !important; */
    left: 0;
    top: 0;
    width: 100%;
    background-color: #fff;
  }

  .header-transparent:not(.header-sticky-show) {
    background-color: transparent;
  }

  .header-mobile-open {
    background-color: #fff !important;
  }

  .header-mobile-open .main-menu-mobile .btn-nav-mobile:before,
  .header-mobile-open .main-menu-mobile .btn-nav-mobile:after,
  .header-mobile-open .main-menu-mobile .btn-nav-mobile span {
    background-color: #000 !important;
  }

  .site-navigation-dropdown {
    height: 100vh;
    max-height: 100vh !important;
    top: 72px !important;
    position: fixed !important;
    width: 100%;
    background-color: #fff;
  }

  @media (max-width: 1199.98px) {
    .site-navigation-dropdown.navigation-open {
      box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.15);
    }
  }
  @media (min-width: 1025px) and (max-width: 1199.98px) {
    .site-navigation-dropdown {
      top: 101px !important;
    }
  }

  .cms-primary-menu-dropdown .sub-menu {
    background: transparent !important;
    box-shadow: none !important;
  }

  .wpml-ls-current-language:hover a span {
    color: #000;
  }

  .wpml-ls-current-language:hover a::before {
    display: none;
  }

  .custom-archive-inner {
    margin-bottom: 50px;
  }
}

.cms-primary-menu-dropdown .sub-menu li a:before {
  top: 50%;
  transform: translateY(-50%);
  padding-top: 0 !important;
}

.cms-header-main .cms-primary-menu-dropdown .sub-menu li a {
  font-size: 15px;
}

.cms-btn-video.layout-7 {
  width: 100px !important;
  height: 100px;
  min-height: 100px !important;
}

@media screen and (max-width: 1024px) {
  .cms-eptitle-4,
  .cms-eptitle-5,
  .cms-eptitle-6,
  .cms-eptitle-7 {
    padding-top: 100px !important;
  }

  .cms-edge {
    width: 20% !important;
  }

  .cms-btn-video.layout-7 {
    width: 70px !important;
    height: 70px !important;
    min-height: 70px !important;
  }
}

.cms-section-edge {
  position: relative;

  svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

/*new figma*/

.banner-card {
  padding-top: 10px;
}

.banner-card .cms-fancybox {
  backdrop-filter: blur(37px) !important;
  -webkit-backdrop-filter: blur(37px);

  height: 100%;
  /* new change */
  background: rgba(234, 234, 234, 0.24) !important;
  transition: backdrop-filter 0.4s ease !important;
}

.banner-card .cms-fancybox:hover {
  backdrop-filter: blur(0px) !important;
}

.banner-card .elementor-widget-container {
  background-color: transparent !important;
}

.home-nextgen .pl-110 {
  padding-left: 0 !important;
}

.home-nextgen .cms-eheading-4 .cms-heading-banner {
  padding-bottom: 0 !important;
}

.home-nextgen .cms-edge svg {
  display: none !important;
}

.home-nextgen .cms-heading-banner .cms-clip-tr1 {
  clip-path: none !important;
}

.home-nextgen .cms-eheading-4 .cms-heading-banner-title {
  margin-inline-start: 0px !important;
  box-shadow: none !important;
}

.home-nextgen .cms-eheading-4 .cms-heading-banner-title {
  font-size: 17px;
  max-width: 223px;
  padding: 30px 27px;
}

.home-business .text-64 > svg {
  width: 48px !important;
  height: 48px !important;
}

.aboutus-discover .cms-heading-banner {
  margin-inline-start: 0 !important;
}

.rapidpro-insights .cms-pricing .cms-ribbon {
  left: unset;
  right: -7px;
  rotate: 90deg;
}

.cms-slider-home .cms-slider-item:before {
  background-color: unset !important;
}

.cms-slider-home.cms-eslider-overlay-2 .cms-slider-item:after {
  /* display: none !important; */
  opacity: 0 !important;
}

/* About page */

.aboutus-banner.cms-eptitle-overlay-1 .cms-eptitle-overlay:before,
.aboutus-banner.cms-eptitle-overlay-1 .cms-eptitle-overlay:after {
  display: none;
}

.aboutus-discover .cms-edge {
  display: none;
}

.aboutus-discover .cms-heading-banner .cms-btn-video.justify-content-between {
  justify-content: center !important;
}

.about-solution-progress .cms-progress-bar-wrap .cms-progress-wrap.bg-grey {
  background-color: #d5d7dc !important;
}

.point-wrap .cms-lists-5 .cms-list:hover .text-body {
  color: #fff;
}

.point-wrap .cms-lists-5 .cms-list {
  transition: none !important;
}

.point-wrap .cms-lists-5 .cms-list:hover {
  box-shadow: none !important;
  background-color: unset !important;
  border-bottom: 1px solid var(--cms-border-color);
  border-right: 1px solid var(--cms-border-color);
}

.point-wrap .cms-lists-5 .cms-list:hover .text-body-darken {
  color: var(--cms-body-darken) !important;
}

.point-wrap .cms-lists-5 .cms-list:hover .cms-icon {
  box-shadow: none !important;
  background-color: var(--cms-secondary-regular) !important;
}

/*support page*/

.support-freetrial .cms-gradient-render {
  display: none !important;
}

.support-widget .elementor-col-50 {
  width: 100% !important;
}

.support-widget .elementor-col-50 .cms-heading {
  @media (min-width: 992px) {
    max-width: 60% !important;
  }
}

.support-widget .elementor-col-50 .cms-content-text {
  @media (min-width: 992px) {
    max-width: 78% !important;
  }
}

@media (min-wdith: 768px) {
  .support-widget .elementor-col-50 .cms-eheading-1 {
    max-width: 57% !important;
  }

  .support-widget .elementor-col-50 .cms-content-text {
    max-width: 80% !important;
  }
}

/*product page -> rapid*/

.rapid-overview .overview-tab .cms-emenu-5 li.current-menu-item a,
.rapid-overview .overview-tab .cms-emenu-5 li a:hover {
  background-color: #28419e !important;
  color: #fff !important;
}

.rapid-overview .overview-tab .cms-emenu li a {
  background-color: #fff !important;
  color: #000 !important;
}

.rapid-overview .overview-tab .cms-emenu li {
  border-bottom: 1px solid #d7d7d7;
  margin: 0 0 0 0 !important;
}

.rapid-overview .overview-tab .cms-emenu-5:before {
  display: none !important;
}

.rapid-overview .cms-sticky .cms-edownload::before {
  display: none !important;
}

.rapid-overview
  .rapid-experience
  .cms-gradient-accent-bt2
  > div
  > .cms-gradient-render:before,
.cms-gradient-hover-accent-bt2:hover > div > .cms-gradient-render:before,
.cms-gradient-accent-bt2 > .cms-gradient-render:before,
.cms-gradient-hover-accent-bt2:hover > .cms-gradient-render:before {
  display: none !important;
}

.rapid-overview
  .rapid-experience
  .cms-gradient-accent-bt2
  > div
  > .cms-gradient-render:after,
.cms-gradient-hover-accent-bt2:hover > div > .cms-gradient-render:after,
.cms-gradient-accent-bt2 > .cms-gradient-render:after,
.cms-gradient-hover-accent-bt2:hover > .cms-gradient-render:after {
  display: none !important;
}

.bg-primary-darken.bg-custom-grey,
.bg-hover-primary-darken:hover {
  background-color: #f5f5f5;
}

.bg-custom-grey.cms-gradient-primary-darken-bt2
  > div
  > .cms-gradient-render:before,
.bg-custom-grey.cms-gradient-hover-primary-darken-bt2:hover
  > div
  > .cms-gradient-render:before,
.bg-custom-grey.cms-gradient-primary-darken-bt2 > .cms-gradient-render:before,
.bg-custom-grey.cms-gradient-hover-primary-darken-bt2:hover
  > .cms-gradient-render:before {
  background-color: #f5f5f5;
  opacity: 1;
}

.bg-custom-grey.cms-gradient-primary-darken-bt2
  > div
  > .cms-gradient-render:after,
.bg-custom-grey.cms-gradient-hover-primary-darken-bt2:hover
  > div
  > .cms-gradient-render:after,
.bg-custom-grey.cms-gradient-primary-darken-bt2 > .cms-gradient-render:after,
.bg-custom-grey.cms-gradient-hover-primary-darken-bt2:hover
  > .cms-gradient-render:after {
  background-image: -moz-linear-gradient(
    -90deg,
    rgba(1, 17, 43, 0) 0%,
    rgba(1, 17, 43, 0) 0%,
    rgba(1, 17, 43, 1) 79%
  );
  background-image: -webkit-linear-gradient(
    -90deg,
    rgba(1, 17, 43, 0) 0%,
    rgba(1, 17, 43, 0) 0%,
    rgba(1, 17, 43, 1) 79%
  );
  background-image: -ms-linear-gradient(
    -90deg,
    rgba(1, 17, 43, 0) 0%,
    rgba(1, 17, 43, 0) 0%,
    rgba(1, 17, 43, 1) 79%
  );
  opacity: 1;
  display: none;
}

.rapid-partner-title .cms-heading.text-white,
.rapid-partner-title .cms-desc.text-white {
  color: #000 !important;
}

.rapid-discover .cms-gradient-render {
  display: none !important;
}

/*case study banner*/

.case-study-banner .cms-eptitle-3 .cms-breadcrumbs-wrap {
  display: none !important;
}

.cms-header {
  transition: top 0.4s ease, transform 0.4s ease, color 0.4s ease,
    background-color ease 0.4s !important;
}

.animated {
  animation-duration: 0.4s !important;
}

.custom-fadeup {
  .fadeInUp {
    animation-name: fadeInUpCustom;
    animation-fill-mode: forwards;
  }

  .cms-slider-title,
  &.cms-slider-title,
  .cms-slider-desc,
  &.cms-slider-desc,
  .cms-slider-buttons > .cms-slider-btn,
  .aboutus-discover,
  &.aboutus-discover {
    opacity: 0;
    transform: translateY(10%);
  }

  &.fadeInUp {
    animation-name: fadeInUpCustom;
    animation-fill-mode: forwards;
  }
}

.resource-title .cms-heading-buttons {
  @media (max-width: 1024.98px) {
    padding: 0 !important;
  }
}

@keyframes fadeInUpCustom {
  0% {
    opacity: 0;
    transform: translate3d(0, 10%, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

.header-mobile-open {
  background-color: #fff !important;
}

.header-mobile-open .main-menu-mobile {
  filter: brightness(0) !important;
}

.cms-header-main .menu-item .cms-menu-link {
  padding: 14px 0;
}

.main-menu-toggle {
  margin-left: 10px;
}

.aboutus-banner img {
  transition: none !important;
  background-color: #fdfdfd !important;
}

.aboutus-banner {
  background-color: #000 !important;
}

/*spanish page*/

.spanish-solution .cms-section-edge {
  display: none !important;
}

.solution-case-study .swiper-slide {
  height: auto !important;
}

.solution-case-study .swiper-slide .cms--item {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.solution-case-study .swiper-slide .cms--item .cms-content {
  flex: 1 0;
}

.solution-case-study .cms-shadow-2:hover {
  box-shadow: none;
}

.solution-case-study .cms-swiper-item .cms-content {
  margin-inline-end: 0 !important;
  padding-right: 40px;
}

.rapid-english-swiper .swiper a {
  display: block;
}

.rapid-english-swiper .cms-egallery-1 .grid-item-inner .cms-icon {
  border-radius: 50%;
}

.cms-header-main .cms-primary-menu-dropdown > li.current-menu-item > a,
.cms-primary-menu-dropdown > li.current-menu-ancestor > a {
  color: var(--cms-accent-regular) !important;
}

.cms-header-main .cms-primary-menu-dropdown > li:hover > a {
  color: var(--cms-accent-regular) !important;
}

.solution-banner {
  background-color: #000;
}

/* @media (max-width: 768px) {
    .products-menu-itmes .sub-menu,
    .nest-sub-menu-item .sub-menu {
        display: none;
    }

    .products-menu-itmes .sub-menu.submenu-open,
    .nest-sub-menu-item .sub-menu.submenu-open {
        display: block !important;
    }
} */

.product-parent-submenu {
  position: relative;

  &::after {
    position: absolute;
    content: "";
    width: 100%;
    right: -100%;
    height: 100%;
    top: 0;
  }
}

@media screen and (min-width: 1201px) {
  .cms-primary-menu-dropdown .sub-menu .sub-menu {
    top: 0;
    left: 110% !important;
  }
}

.custom-overlay {
  position: relative;

  &::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: var(--cms-ptitle-bg-overlay);
    bottom: 0;
  }

  &::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -moz-linear-gradient(
      top,
      rgba(2, 28, 55, 1) 0%,
      rgba(4, 28, 53, 1) 7%,
      rgba(21, 27, 33, 0) 75%,
      rgba(27, 26, 26, 0) 100%
    );
    background: -webkit-linear-gradient(
      top,
      rgba(2, 28, 55, 1) 0%,
      rgba(4, 28, 53, 1) 7%,
      rgba(21, 27, 33, 0) 75%,
      rgba(27, 26, 26, 0) 100%
    );
    background: linear-gradient(
      to bottom,
      rgba(2, 28, 55, 1) 0%,
      rgba(4, 28, 53, 1) 7%,
      rgba(21, 27, 33, 0) 75%,
      rgba(27, 26, 26, 0) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#021c37', endColorstr='#001b1a1a', GradientType=0);
    opacity: 0.85;
  }
}

.custom-overlay .cms-content {
  position: relative;
  z-index: 2;
}

.hover-icon-bounce:hover .cms-icon {
  animation: none !important;
}

/* .cms-header.sticky-on{
    @media (max-width: 1199.98px) {
        position: fixed !important;
    }
} */

.header-mobile-open.header-sticky-hidden {
  @media (max-width: 1199.98px) {
    position: fixed !important;
  }
}

.cms-primary-menu-dropdown .sub-menu {
  right: 0;
  left: unset !important;
}
.point-wrap .cms-lists-5 .cms-list:hover .text-body-darken {
  color: #4bad06 !important;
}

.privacy-page .wac_text_block {
  margin-bottom: 25px;
}

a {
  -webkit-tap-highlight-color: transparent !important;
}

/* .btn-outline-secondary, .elementor .btn-outline-secondary{
    border: 2px solid #1543a0;
    box-shadow: none !important;
} */

@media (hover: none), (max-width: 768px) {
  a.btn.btn-lg.btn-outline-secondary.btn-hover-secondary:hover {
    background-color: transparent !important;
    color: var(--cms-secondary-regular) !important;
    box-shadow: none !important;
  }
  a.btn.btn-outline-secondary-darken.btn-hover-secondary-darken {
    background-color: transparent !important;
    color: var(--cms-secondary-darken) !important;
  }
  a.btn.btn-accent {
    background-color: var(--cms-accent-regular) !important;
    color: #fff !important;
    box-shadow: none !important;
  }
  a.btn.btn-secondary {
    color: #fff !important;
    background-color: var(--cms-secondary-regular) !important;
    box-shadow: none !important;
  }
  a.btn.btn-white {
    color: var(--cms-secondary-regular) !important;
    background-color: white !important;
    box-shadow: none !important;
  }
  footer .menu-item a:after {
    width: 0 !important;
  }
  footer .menu-item a:active,
  footer .menu-item a:hover {
    color: white;
  }
}

.solution-case-study .cms-carousel-button-in-vert.prev {
  left: -20px !important;
  top: 50% !important;
}
.solution-case-study .cms-carousel-button-in-vert.next {
  right: -20px !important;
  top: 50% !important;
}

@media (max-width: 1279.98px) {
  .solution-case-study .cms-carousel-button-in-vert.prev {
    left: -10px !important;
  }
  .solution-case-study .cms-carousel-button-in-vert.next {
    right: -10px !important;
  }
}
@media (max-width: 574.98px){
.solution-case-study .cms-carousel-button-in-vert.prev {
    left: -15px !important;
    top: 173px !important;
  }
  .solution-case-study .cms-carousel-button-in-vert.next {
    right: -15px !important;
    top: 173px !important;
  }
}

.footer-common .social-footer-items a.elementor-social-icon-linkedin {
  width: 20px;
  height: 20px;
  --e-social-icon-icon-color: #69727d !important;
  background-color: unset !important;
  color: #69727d;
}
.footer-common .social-footer-items .elementor-icon.elementor-social-icon.elementor-social-icon-linkedin.elementor-repeater-item-6e54f26{
  font-size: 20px !important;
  --e-social-icon-icon-color: #69727d;
}

.solution-case-study .cmspost-meta {
    pointer-events: none;
}

body.single-cms-case .cms-post-meta-2{
  pointer-events: none !important;
}