html, body {
  overflow-x: hidden !important;
}

/* Logo Carousel */
.code-logo-marquee {
    overflow: hidden !important;
    position: relative;
    margin: 0 auto;          /* center the row */
    max-width: 100%;        /* only enough space for 6 logos */
    height: 120px;           /* adjust as you like */
}

.code-logo-track {
    display: flex;
    gap: 80px;               /* space between logos */
    animation: code-scroll-left 40s linear infinite;
    width: max-content;
}

.code-logo-track img {
    flex: 0 0 100px;         /* fixed width per logo */
    height: 90px;            /* adjust as per design */
    width: auto;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 1;
    transition: 0.3s ease;
}

.code-logo-track img:hover {
    filter: grayscale(0);
    opacity: 1;
}

/* Custom Keyframe with prefix */
@keyframes code-scroll-left {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Speed up on mobile */
@media (max-width: 768px) {
    .code-logo-marquee {
        max-width: 100%;
        height: 80px;
    }

    .code-logo-track {
        animation-duration: 40s;
        gap: 20px;
    }

    .code-logo-track img {
        flex: 0 0 80px;
        height: 40px;
    }
}

/* Logo Carousel End*/

/* Fluent form Subscription Edits */

/* The 3-column container */
.ip-form-border-sb {
    display: flex;          /* make columns sit in a row */
    align-items: stretch;
}

/* Make all three inner columns flex nicely (optional but useful) */
.ip-form-border-sb > * {
    flex: 1 1 0;
}

/* Add a vertical border ONLY after the first column */
.ip-form-border-sb > *:first-child {
    border-right: 1px solid rgba(255, 255, 255, 0.18); /* tweak color */
    padding-right: 16px;
    margin-right: 16px;
    height: 70px;
}

/* ? REMOVE BORDER ON MOBILE (?768px) */
@media (max-width: 768px) {
    .ip-form-border-sb > *:first-child {
        border-right: none !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
        height: auto; /* optional – keeps it fluid for mobile */
    }
}

/* Fluent form Subscription Edits Ends */ 

/* Elementor Footer Button*/
.elementor-element-c4b907c .elementor-button-icon {
    font-size: 30px !important;   /* icon size */
    display: flex !important;
    align-items: center !important;
}

.elementor-element-c4b907c .elementor-button-content-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px; /* add spacing between icon & text */
}

.elementor-element-c4b907c .elementor-button-text {
    display: flex;
    align-items: center;
}

/* Elementor Footer Button Ends*/
/* Home Page Navigation CSS*/
/* ===== Pagination wrapper ===== */
.elementor-element-7f99bb9 .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

/* ===== Inactive bullets (small pill) ===== */
.elementor-element-7f99bb9 .swiper-pagination-bullet {
  width: 14px !important;          /* slightly wider than dot */
  height: 8px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.25) !important;
  opacity: 1 !important;
  margin: 0 !important;
  transition: 
    width 0.3s ease,
    background 0.3s ease;
}

/* ===== Active bullet (short pill) ===== */
.elementor-element-7f99bb9 .swiper-pagination-bullet-active {
  width: 36px !important;          /* reduced active width */
  height: 8px !important;
  border-radius: 999px !important;
  background: #ff7a00 !important;  /* active orange */
}
/* Home Page Navigation CSS Ends*/
/* Fluent Form Select Color */

.fluentform select {
  background-color: #0C1325 !important;
  color: #94A3B8 !important;
 !important;     
  border-radius: 10px !important;    /* rounded corners */
  border: 1px solid rgba(255,255,255,0.15) !important;
  font-size: 16px;
  line-height: 1.4;
}

.fluentform select option {
  background-color: #0C1325 !important;
  color: #94A3B8 !important;
  padding: 12px 16px !important;
}

/* Fluent Form Select Color End */
/* Fluent Form Mobile Verticle Inputs */

@media (max-width: 767px) {

  .fluentform .ip-form-border-sb.ff-t-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important; 
  }


  .fluentform .ip-form-border-sb .ff-t-cell {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }


  .fluentform .ip-form-border-sb input,
  .fluentform .ip-form-border-sb select,
  .fluentform .ip-form-border-sb button {
    width: 100% !important;
  }


  .fluentform .ip-form-border-sb .ff-el-group {
    margin: 0 !important;
  }
}
/* Fluent Form Mobile Verticle Inputs Ends*/

.elementor-nav-menu--dropdown.elementor-nav-menu__container {
	    margin-top: 0px !important;
}
/* Popup Code */

/* ===== Popup Overlay ===== */
#csk-modal-overlay{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.65);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  padding: 18px;
}

/* Open state */
#csk-modal-overlay.is-open{
  display: flex;
}

/* ===== Modal Box ===== */
#csk-modal{
  width: min(720px, 100%);
  max-height: 90vh;
  overflow: auto;
  background: #020617;
  border-radius: 16px;
  position: relative;
  padding: 22px;
	transform: translateY(-40px) scale(0.98);
  opacity: 0;
  transition:
    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.35s ease;
}

/* Close button */
#csk-modal-overlay{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.65);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  padding: 18px;

  /* closed state */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transition: opacity 0.35s ease, visibility 0s linear 0.35s;
}

/* Overlay open */
#csk-modal-overlay.is-open{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.35s ease, visibility 0s linear 0s;
}

/* Modal box base */
#csk-modal{
  width: min(720px, 100%);
  max-height: 90vh;
  overflow: auto;
  background: #020617;
  border-radius: 16px;
  position: relative;
  padding: 22px;

  /* closed animation state */
  transform: translateY(-46px) scale(0.98);
  opacity: 0;

  transition:
    transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.35s ease;
  will-change: transform, opacity;
}

/* Modal open animation */
#csk-modal-overlay.is-open #csk-modal{
  transform: translateY(0) scale(1);
  opacity: 1;
}

/* Close button */
#csk-modal-close{
  position: absolute;
  top: 10px;
  right: 12px;

  width: 40px;
  height: 40px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 0;
  border-radius: 10px;
  cursor: pointer;

  font-size: 26px;
  font-weight: 700;
  line-height: 1;

  background: #FA6E00;
  color: #fff;
  z-index: 999;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

#csk-modal-close:hover{
  transform: scale(1.06);
  opacity: 0.95;
}

/* Mobile spacing */
@media (max-width: 767px){
  #csk-modal{
    padding: 16px;
    border-radius: 14px;
  }
}

/* Popup Code Ends */
.elementor-custom-embed-play svg {
opacity: 1 !important;
}
.single-post h2 {
    color: #000 !important;
}

.ip-custom-title span{
  display:block;
}