.lp-hero {
   padding:80px;
}
.lp-form-card {
    width:100%;
    min-height:629px;
    border-radius:11.72px;
    padding:32px;
}
.input{
    background-color: #F2F2F2 !important;
    margin: 10px auto  !important;
    border: 1.16px solid #00000052  !important;
    border-radius: 11.72px  !important;
    height: 65px  !important;
}
.textarea-height{
    height:231px !important;
}
.text-color{
    color:#FF2A57 !important;
}
.text-primary {
    color:#CC067F !important;
}
/*section 2*/
.section-appmakers{
color:#fff;
padding: 72px 0 96px;
}
.heading-wrap{ text-align:center; padding-top:60px; }
.heading-wrap h2{
font-weight:700; letter-spacing:.2px; font-size:clamp(26px,2.7vw,40px);
}
.heading-wrap .lines{
display:flex; justify-content:center; align-items:center; gap:20px; margin-top:12px;
}
.heading-wrap .line{ width:120px; height:3px; background:#fff2; border-radius:2px; }
.heading-wrap .dot{ width:140px; height:3px; background: linear-gradient(90deg,#fff2, var(--magenta), #fff2); border-radius:2px; }
/* Logos row */
.brand-logos img{ height:140px; opacity:.95; filter:drop-shadow(0 0 0 transparent); }
.brand-logos img.desat{ filter: grayscale(1) brightness(1.2); opacity:.85; }
.google-icons {
    display: flex; align-content: center; gap: 60px; }
    .cta-action {text-align: center; margin-top: 120px;}
/* Cards */
.t-card{
    background: #5053673b;
    border: 1px solid #ffffff14;
    border-radius: 32.85px;
    box-shadow: 0px 1.37px 5.48px 0px #19213D14;
    backdrop-filter: blur(24.618318557739258px);
    color: #E9E6F1;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.t-card:hover{ transform: translateY(-6px); box-shadow:0 16px 40px rgba(0,0,0,.35); border-color: var(--ring); }
.t-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.t-user{ display:flex; align-items:center; gap:12px; }
.t-user .avatar{
width:38px; height:38px; border-radius:50%; flex:0 0 auto; overflow:hidden; border:2px solid #ffffff26;
}
.t-user .avatar img{ width:100%; height:100%; object-fit:cover; display:block; }
.t-user .meta{ line-height:1.15; }
.t-user .name{ font-weight:700; font-size:15px; }
.t-user .loc{ font-size:12px; color:var(--muted); }
.t-quote {font-size: 18px;line-height: 1.4em;color: #ddd5ea;opacity: .95;
}
.submit-btn {background: #FF2A57 !important;color: #fff;font-size: 20px;font-weight: 600;border-radius: 0px !important;width: 70%;
}
.tweet-ico{ color:#8bd3ff; background:#0b2538; border:1px solid #0B3A55; width:28px; height:28px; display:grid; place-items:center; border-radius:8px; }
/* spacing helpers */
.mt-grid{ margin-top:26px; }

/* 2222*/
  .heading-rule{
    width: 120px;
    height: 2px;
    background: linear-gradient(90deg,var(--accent),transparent);
  }
  .accent{ color: var(--accent); }

  /* Cards */
  .svc-card{
    color:#fff;
    border: 1px solid #FFFFFF;
    box-shadow: 0 8px 28px rgba(0,0,0,.25);
    height: 100%;
    border-radius: 16px;
    padding: 40px;
    transition: border-color .25s ease, transform .25s ease;
  }

  .icon-wrap{
    border-radius: 12px;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 26px;
    margin-bottom: 14px;
  }

  .svc-title{
    color: #fff;
    font-weight: 800;
    letter-spacing: .2px;
    margin-bottom: 20px;
    font-size: 25px;
  }
  .svc-text{ font-size: 16px; line-height: 35px; margin-bottom: 0; }

  .svc-list{
    margin: 0;
    padding-left: 1.2rem;
    color: var(--muted-80);
  }
  .svc-list strong{ color: #fff; font-weight: 700; }
  .design p {
      font-size: 18.99px; line-height: 34px;  margin-bottom: 80px;
  }
  /* Body text colors */
  .text-muted-80{ color: var(--muted-80)!important; }

  /* Responsive tweaks */
  @media (max-width: 991.98px){
    .svc-card{ padding: 22px; }
  }
  @media (max-width: 575.98px){
    .svc-title{ font-size: 1.15rem; }
    .icon-wrap{ width: 48px; height: 48px; font-size: 24px; }
  }
  /**/

@media (min-width: 1200px){

.t-card{ padding:26px; }
}
/*process-section*/
/* Default: desktop */
.our-process {
    padding:80px;
}
.step-num {
    font-size: 57.15px;
    font-weight: 500;
    font-family: Montserrat;
}
h5.step-title.mb-2 {
    font-size: 47.15px;
}
p.step-desc.mb-0 {
    font-size: 20px;
    line-height: 25px;
}
.pro-title {
        font-size: 60.15px;
    font-weight: 600;
}
.split-wrap {
  height: 100vh;           /* full screen height */
  display: flex;           /* side by side */
  overflow: hidden;        /* prevent body scroll */
}

.left-pane {
  background: var(--bg-dark);
  color: #fff;
  width: 50%;
  height: 100vh;
  position: sticky;  /* stays pinned */
  top: 0;
  padding: 2rem;
}

.right-pane {
  background: transparent;
  width: 50%;
  height: 100vh;
  overflow-y: scroll; /* independent scroll */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE & Edge */
}
.right-pane::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

/* Step cards */
.step-card {
  border: 0;
  border-radius: 18px;
  height: 100%;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
  background: #fff;
}
.lp-logo{
    height: 65px;
}
.services-wrap{
    padding:50px 0px;
}
.rating-company{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rating-company-logo{
    width: 50px;
    height: 100%;
    object-fit: cover;
    display: block;
}
.rating-avatar img{
    width: 50px;
    height: 50px;
    border-radius: 0;
    flex: 0 0 auto;
    overflow: hidden;
    border: 2px solid #ffffff26;
}
.faq-section-button{
    max-width:fit-content !important;
}
/* Responsive */
@media (max-width: 991.98px) {
  
    .services-wrap{
        padding:20px 0px;
    }
    .heading-wrap{ padding-top:0px; }
    .lp-logo{
        height: 45px;
    }
    .third-header nav ul li svg{
        
    }
  .split-wrap {
    height: auto;          /* let content expand */
    flex-direction: column;/* stack left above right */
    overflow: visible;     /* page scrolls normally */
  }

  .left-pane {
    width: 100%;           /* full width */
    height: auto;          /* auto height */
    position: relative;    /* no sticky on mobile */
    padding-block: 0rem;
  }

  .right-pane {
    width: 100%;           /* full width */
    height: auto;          /* auto height */
    overflow: visible;     /* no independent scroll */
    padding-block: 2rem;
  }
  
    .faq-section-button{
        font-size: 10px !important;
        max-width: fit-content !important;
    }
}

/* gradient + grid background */
   
/*form intigration*/
.ibox {
    width: 100%;
    height: 740.40673828125px;
    border: 2px solid #E0E0E0;
    box-shadow: 0px 4px 4px 0px #00000040;
    padding: 60px 40px;
}
.embed-form {
    width:100%;
    height:100%;
    border:0px;
}
   .contact-section {
        background: #fff;
        color: #333;
      }
  .contact-item {
      display:flex;
      justify-content:start;
      align-items:center;
      gap: 20px;
  }
  .contact-section .text-accent {
    color: #d6006e; /* your magenta accent */
  }
  .contact-item .icon {
    font-size: 2rem;
    color: #d6006e; /* same accent color */
  }
  .contact-item h5 {
    color: #d6006e;
  }
 .title-embed {
     font-size: 41.26px|;
    color: #CC067F;
 } 
 .p-embed {
     font-size: 18px;
    line-height: 35px;
 }
  
/*mobile-css*/
@media only screen and (max-width: 600px) {
 
    .left-padding-footer .fw-bold .mb-5{
        font-size: 30.33px !important;
    }
    .proposal-hero .hero-title{
        font-size: 31.45px !important;
        line-height: 39.45px!important;
    }
    .display-5{
        font-size:25px !important;
    }
    h5{
        font-size:20px !important; 
    }
    .title-embed{
        font-size:26.26px !important;
    }
    .accordion-header{
        font-size:15px !important;
    }
    .btn-lg{
        max-width:165px !important;
        font-size: 15px !important;
    }
    .accordion-item .head {
        height:70.758854px !important;
    }
    .challenge-accordion .title h2 
    {
           font-size:18.46px !important; 
           line-height:25.46px !important; 
    }
    .carousel-indicators{
        display:none !important;
    }
    .clients-say{
        padding:0 40px;
    }
    .cs-hero-graphic{
        max-width:125px !important;
    }
    /*hero-css-mobile*/
  .hero-logos {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.lp-hero {
    padding: 50px 20px;
}
.lp-hero h1 {
    font-size: 32px;
}
.trusted-icon svg {
    width: 134px;
}
.card-head h4 {
    font-size: 24px;
    line-height: 1.2em;
}
.lp-form-card {
    padding: 32px 12px;
}
.cta-action {margin-top: 50px;}
    .google-icons {
        display: flex;
        align-content: center;
        gap: 12px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
.brand-logos img {
    height: 120px;
}
.t-card {
    padding: 20px;
    border-radius: 20px;
}
.t-quote {
    font-size: 16px;
    line-height: 1.4em;
}
.pro-title {
  font-size: 34.15px;
}
p.step-desc.mb-0 {
    font-size: 15px;
    line-height: 25px;
}
h5.step-title.mb-2 {
    font-size: 30.15px;
}
.our-process {
    padding:0px;
}
  .design p {
      font-size: 14.99px; line-height: 24px;  margin-bottom: 80px;
  }
.p-embed {
    font-size: 15px;
    line-height: 25px;
}
.ibox {
    height:auto;
    padding:15px;
}
.mb-height {
  height: 615.406738px;
}
.mb-height iframe {
    height: 600px;
}
.contact-item .icon  svg {
    width:20px;
    height:20px;
}
.footer-logo {
    max-width:180px !important;
    margin-bottom:0px !important;
    margin:auto;
}

   .faq-section-button{
        font-size: 10px !important;
        max-width: fit-content !important;
    }







}