/* ================================
   CTA SECTION (PARALLAX + BG)
================================ */

.ge-cta-industrial {
   position: relative;
   padding: 120px 0;
   background-image: url('../img/cta/ctabg.jpg');
   /* your image */
   background-size: cover;
   background-position: center;
   background-attachment: fixed;
   overflow: hidden;
}

/* ================================
   OVERLAY (IMPORTANT)
================================ */

.ge-cta-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;

   background: linear-gradient(90deg,
         rgba(2, 6, 23, 0.85) 0%,
         rgba(2, 6, 23, 0.65) 40%,
         rgba(2, 6, 23, 0.4) 100%);

   z-index: 1;
   pointer-events: none;
}

/* ================================
   LAYOUT
================================ */

.ge-cta-row {
   position: relative;
   z-index: 2;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 40px;
   flex-wrap: wrap;
}

.ge-cta-left {
   max-width: 650px;
}

.ge-cta-right {
   display: flex;
   justify-content: flex-end;
   align-items: center;
}

/* ================================
   BADGE
================================ */

.ge-cta-badge {
   display: inline-block;
   font-family: var(--ct-ff-body);
   font-size: 13px;
   font-weight: 600;
   color: #fff;
   background: linear-gradient(135deg, var(--ct-grandeur-1), #1d4ed8);
   padding: 6px 16px;
   border-radius: 50px;
   margin-bottom: 15px;
   letter-spacing: 0.5px;
   box-shadow: 0 4px 15px rgba(37, 99, 235, 0.4);
}

/* ================================
   TEXT
================================ */

.ge-cta-title {
   font-family: var(--ct-ff-heading);
   font-size: 42px;
   font-weight: 600;
   color: #ffffff;
   line-height: 1.3;
   margin-bottom: 15px;
}

.ge-cta-text {
   font-family: var(--ct-ff-p);
   font-size: 16px;
   color: #e2e8f0;
   line-height: 1.7;
}

/* ================================
   BUTTONS (THEME STYLE CLONE)
================================ */

.ge-cta-actions {
   display: flex;
   gap: 15px;
   flex-wrap: wrap;
}

/* BASE BUTTON */
.ge-btn {
   font-family: var(--ct-ff-body);
   font-weight: 700;
   font-size: 16px;
   padding: 15px 35px;
   border-radius: 50px;
   display: inline-flex;
   align-items: center;
   gap: 8px;
   text-decoration: none;
   transition: all 0.3s ease;
}

/* WHITE BUTTON */
.ge-btn-white {
   color: var(--ct-grandeur-1);
   background-color: #ffffff;
}

.ge-btn-white:hover {
   color: #ffffff;
   background-color: var(--ct-grandeur-1);
}

/* BLUR BUTTON */
.ge-btn-blur {
   color: #ffffff;
   border-radius: 100px;
   backdrop-filter: blur(100px);
   background: rgba(255, 255, 255, 0.05);
   border: 1px solid rgba(255, 255, 255, 0.7);
}

.ge-btn-blur:hover {
   color: #ffffff;
   border: 1px solid var(--ct-grandeur-1);
   background-color: var(--ct-grandeur-1);
}

/* ICON ANIMATION */
.ge-btn:hover i {
   animation: geArrow 0.2s linear;
}

@keyframes geArrow {
   0% {
      transform: translateX(0);
   }

   100% {
      transform: translateX(4px);
   }
}

/* ================================
   RESPONSIVE
================================ */

@media (max-width: 992px) {

   .ge-cta-row {
      flex-direction: column;
      align-items: flex-start;
   }

   .ge-cta-title {
      font-size: 32px;
   }

   .ge-cta-right {
      width: 100%;
      justify-content: flex-start;
      margin-top: 20px;
   }
}

@media (max-width: 576px) {

   .ge-cta-industrial {
      padding: 90px 0;
      background-attachment: scroll;
      /* disable parallax on mobile */
   }

   .ge-cta-title {
      font-size: 26px;
   }

   .ge-cta-actions {
      flex-direction: column;
      width: 100%;
   }

   .ge-btn {
      width: 100%;
      justify-content: center;
   }
}