:root {
      --bg-dark: #0a0c10;
      --bg-card: #111318;
      --bg-card2: #161a22;
      --accent-blue: #3a8ef6;
      --accent-yellow: linear-gradient(90deg, #F8C630 0%, #F6B355 100%);
      /*--accent-yellow: #f5c518;*/
      --text-muted: #7a8499;
      --text-light: #c8d0e0;
      --text-white:#EBEBEB; 
      --stillblue:#7588A3;
      --whitegray:#EDF2F7;
      --border: rgba(255,255,255,0.07);
    }

header#header {
    background: transparent;
    position: absolute;
    top: 0;
    width: 100%;
}
.form-control:focus{
  box-shadow: unset!important;
  outline: none!important;
}
#header {
    z-index: 999;
    padding: 25px 0;
}
.hire-developer-banner-inner, .main-head-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.logo {
    position: relative;
    z-index: 123;
}
a, a:focus, a:hover {
    text-decoration: none;
    outline: 0;
}
.normal-btn, a {
    transition: 0.3s ease-in;
}
.footer-links ul li a img {
    width: 28px;
    margin-right: 10px;
    -webkit-animation: 3s linear infinite my_tada2;
    animation: 3s linear infinite my_tada2;
}
.custom-row {
    max-width: 1350px;
    margin: auto;
}
.footer-links ul li a {
    font-size: 16px;
    margin-bottom: 15px;
    display: block;
}
img {
    max-width: 100%;
}
.navbar-btns, .social-icon {
    text-align: right;
}
ol, ul {
    padding: 0;
    list-style: none;
}
figure, ol, p, ul {
    margin: 0;
}
.top-phone {
    font-weight: 700;
    font-size: 18px;
    margin-right: 5% !important;
}
a.login-btn {
    color: #fff !important;
    padding: 16px 25px;
    border-radius: 40px;
    text-decoration: none;
    display: flex;
    font-size: 16px;
    border: none;
    line-height: 1.2;
    text-align: center;
    font-weight: 700;
    min-width: 170px;
    align-items: center;
    justify-content: center;
}
a.login-btn {
    color: #fff !important;
    padding: 16px 25px;
    border-radius: 40px;
    text-decoration: none;
    display: flex;
    font-size: 16px;
    border: none;
    line-height: 1.2;
    text-align: center;
    font-weight: 700;
    min-width: 170px;
    align-items: center;
    justify-content: center;
}
.contact-details-footer, .footer-links h4, .icon-box h4, .inner-banner h2, .normal-btn, .our-product-content h5, .our-services-main-box-content h6, .port-box-name, .portfolio-second-box-detail h5, .portfolio_detail h5, .principals-content h4, .section-title h5, .work_box .work_detail h5, a.login-btn {
    text-transform: uppercase;
}
.contact-form .form-group {
    margin-bottom: 15px;
}

a.login-btn {
  padding: 13px 10px;
  min-width: 145px;
}

@media (max-width: 1699px) {
    .top-phone, a.login-btn {
        font-size: 15px;
    }
}

#cssmenu ul ul li a:hover, #cssmenu ul ul li:hover > a, #cssmenu ul > li.active > a, #cssmenu > ul > li:hover > a, .testing-boxes .card-body li a, .testing-boxes .card-body p a, .top-phone {
    color: #fe813a;
}
.normal-btn, a {
    transition: 0.3s ease-in;
}
@media (max-width: 1699px) {
    .top-phone, a.login-btn {
        font-size: 15px;
    }
  }

*, *::before, *::after { box-sizing: border-box; }

body {
      background: var(--bg-dark)!important;
    }

ul.mobile-menu{
    padding-left: 0px!important;
  }

  header#header {
    background: transparent;
    position: absolute;
    top: 0;
    width: 100%;
}
.form-header {
    background-image: url('../img/plumbing-landing/banner_txt.webp');
    background-size: cover;
    padding:95px 0px;
    padding-bottom:30px;
    text-align: center;
    color: #fff;
    border-radius: 10px 10px 0px 0px;
}
.form-header p {
    color: #fff;
    margin-bottom: 0px;
    font-size: 22px;
    font-weight: 300;
}
.iti {
  width: 100%;
}
.iti__flag-container{
  background:#eee!important;
}
.iti--separate-dial-code .iti__selected-flag{
  background:#eee!important;
}
.social-icon li a{
  border: 0px!important;
}
.social-icon li a i {
    font-size: 20px;
    color: #fff;
    transition: 0.2s ease-in-out;
    transform: rotate(-45deg);
}
.footer-links ul li a img {
    width: 28px;
    margin-right: 10px;
    -webkit-animation: 3s linear infinite my_tada2;
    animation: 3s linear infinite my_tada2;
}
.contact-form h2 {
    font-weight: 700;
    margin-bottom: 30px;
}
.footer_bottom_row {
    margin-top: 45px;
    background: rgb(0, 0, 0);
    padding: 19px 0px;
}
.copy-right-content p {
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    font-weight: 400;
}
.footer_bottom_row .navbar-nav li a {
    color: #fff;
    font-size: 14px;
    margin-left: 30px;
    font-weight: 400;
}
@keyframes my_tada2 {
    0% {
        transform: scale(1);
    }
    10%,
    20% {
        transform: scale(0.9) rotate(-6deg);
    }
    30%,
    50%,
    70% {
        transform: scale(1) rotate(6deg);
    }
    40%,
    60% {
        transform: scale(1) rotate(-6deg);
    }
    100%,
    80% {
        transform: scale(1) rotate(0);
    }
}
.levels-box, .levels-box h5, .levels-box:hover, .social-icon li a i {
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
}
.social-icon li a {
    width: 35px;
    height: 35px;
    border: 1px solid;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    opacity: 0.8;
    text-align: center;
}
.social-icon li {
    display: inline-block;
    margin-left: 15px;
    text-align: center;
    margin-right: 0 !important;
}
.social-icon li:first-child {
    margin-left: 0px;
}
.newform .contact-form {
    padding: 8% 8%;
}
 /* ─── HERO ─── */
    .hero-section {
      min-height: 92vh;
      display: flex;
      align-items: center;
      position: relative;
      overflow: hidden;
      padding: 10% 0px;
      background-image: url(../img/plumbing-landing/banner.webp);
      background-size: cover;
      background-position: top center;
      background-repeat: no-repeat;
    }
 .hero-section .reveal{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;   
 }
    .hero-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: #0C111D99; 
      border: 1px solid #273449;
      border-radius: 16px;
      padding: 7px 14px;
      font-size: 0.78rem;
      font-weight: 400;
      color:var(--stillblue);
      letter-spacing: 0.06em;
      text-transform: capitalize;
      margin-bottom: 20px;
      font-family: "Inter", sans-serif;
      backdrop-filter: blur(24px);
    }
    .hero-eyebrow span { width:6px;height:6px;border-radius:50%;background:var(--accent-yellow);display:inline-block; }
    .hero-title {
      font-family: "Sora", sans-serif;
      font-size: clamp(2.6rem, 5.5vw, 4.0rem);
      font-weight: 700;
      line-height: 1.08;
      color: var(--whitegray);
      margin-bottom: 20px;
    }
    .hero-title .highlight { color: var(--accent-blue); }
    .hero-title .highlight2 { color: var(--accent-yellow); }
    .hero-sub {
      color: var(--text-white);
      font-size: 24px;
      max-width: 850px;
      line-height: 32px;
      font-family: "Inter", sans-serif;
      font-weight: 400;
      margin-bottom: 36px;
    }

    .hero-narrow{
        font-size: 16px;
        color: #FFFFFFB2;
        margin-top: -10px;
        margin-bottom: 28px;
        line-height: 24px;
        font-family: "Inter", sans-serif;
        font-weight: 400;
    }
    .btn-primary-cta {
      background: var(--accent-blue)!important;
      color: #fff!important;;
      border: none;
      border-radius: 8px!important;;
      padding: 13px 28px!important;;
      font-size: 0.92rem!important;;
      font-family: "Inter", sans-serif;
      font-weight: 600!important;;
      letter-spacing: 0.02em!important;;
      transition: transform 0.2s, box-shadow 0.2s!important;;
    }
    .btn-primary-cta:hover {box-shadow: 0px 0px 60px -15px #3C83F633;box-shadow: 0px 0px 25px -5px #3C83F680;
    background: var(--accent-blue); transform: translateY(-2px); color:#fff; }
    .btn-yellow-cta {
      background: var(--accent-yellow)!important;
      color: #000!important;
      border: none;
      border-radius: 8px!important;
      padding: 13px 28px!important;
      font-family: "Inter", sans-serif!important;
      font-size: 0.92rem!important;
      font-weight: 600!important;
      transition: transform 0.2s, box-shadow 0.2s!important;
    }
    .btn-yellow-cta:hover {box-shadow: 0px 0px 60px -15px #F8C63033;box-shadow: 0px 0px 25px -5px #F8C63080;
 background: var(--accent-yellow); transform: translateY(-2px); ; color:#000; }
    .btn-ghost-cta {
      background: transparent;
      color:  #3C83F6;
      border: 1px solid #3C83F6;
      font-family: "Inter", sans-serif;
      border-radius: 8px;
      padding: 13px 28px;
      font-size: 0.92rem;
      font-weight: 600;
      transition: border-color 0.2s, color 0.2s;
    }
    .btn-ghost-cta:hover { border-color:#fff; color:#fff; }

    .hero-device-wrap {
      position: relative;
      text-align: center;
    }
    .hero-mockup {
      width: 100%;
      max-width: 560px;
      border-radius: 16px;
      box-shadow: 0 30px 80px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.05);
      animation: float 5s ease-in-out infinite;
    }
    @keyframes float {
      0%,100%{transform:translateY(0)} 50%{transform:translateY(-14px)}
    }

    /* ─── STATS ─── */
    .stats-section {
      padding: 48px 0;
      background-image: url(../img/plumbing-landing/sect-two.webp);
      background-repeat: no-repeat;
      background-size: cover;
    }
    .iti__country-list{
      white-space: normal!important;
    }
    .box {
        border: 1px solid #273449;
        padding: 42px 0px;
        height: 194px;
        border-radius: 16px;
    }
    .copy-right-content p{
        margin-bottom: 0px!important;
      }

    .rating {
        display:none!important;
    }

    .box .logos{
      margin-bottom:10px;
    }
    .stat-item { text-align: center; }
    .stat-number {
      font-family: "Sora", sans-serif;
      font-size: 2.8rem;
      font-weight: 700;
      color: var(--whitegray);
      line-height: 1;
    }
    .stat-number sup { font-size: 2.8rem; color: var(--text-white); }
    .stat-label {
      font-size: 1rem;
      color: var(--stillblue);
      font-weight: 400;
      letter-spacing: 0px;
      margin-top: 4px;
      font-family: "Inter", sans-serif;
      line-height: 24px;
    }
    .stat-divider { width: 1px; background: var(--border); align-self: stretch; margin: 0 10px; }

    /* ─── SECTION HEADINGS ─── */
    .section-label {
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--accent-blue);
      margin-bottom: 10px;
    }
    .section-title {
      font-family: "Sora", sans-serif;
      font-size: clamp(1.6rem, 3.5vw, 2.8rem);
      font-weight: 700;
      color: var(--whitegray);
      line-height: 1.1;
    }

    .fail-section .solution-box h5 {
      font-size: 1.5rem;
      font-family: "Sora", sans-serif;
      line-height: 32px;
      font-weight: 600;
      color: var(--whitegray);
    }
    .section-title .hl { color: var(--accent-blue); }
    .section-title .hly {
      background: var(--accent-yellow);
      -webkit-background-clip: text;
      -webkit-text-fill-color:transparent;
       }
       span.hly {
        background: var(--accent-yellow);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
     }
    .section-sub {
      color: #A3ACB9;
      font-size: 1.125rem;
      max-width: 600px;
      line-height: 1.5;
      font-family: "Inter", sans-serif;
      font-weight: 400;
      letter-spacing: 0px;
    }

    /* ─── WHY FAIL ─── */
    .fail-section {
     padding: 90px 0;
     background-image: url(../img/plumbing-landing/bg31.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: 52% 0%;
    }
    .fail-list { list-style: none; padding: 0; margin: 0; width: 134%;}
    .fail-list li {
      gap: 12px;
      margin-bottom: 16px;
      font-size: 1rem;
      background: #0C111D99;
      border: 1px solid #273449;
      height: 58px;
      border-radius: 16px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding: 0px 16px;
      backdrop-filter: blur(24px);
      color: var(--stillblue);
      font-family: "Inter", sans-serif;
      font-weight: 400;
    }
    .fail-list li i { color: #e74c4c; margin-top: 3px; flex-shrink: 0; }
    .solution-box {
      background: linear-gradient(135deg, #111318 0%, #161a22 100%);
      border: 1px solid rgba(58,142,246,0.2);
      border-radius: 16px;
      padding: 30px;
    }
    .solution-box h5 {
      color: var(--accent-blue);
      font-weight: 700;
      font-size: 1rem;
      letter-spacing: 0.04em;
      margin-bottom: 12px;
    }
    .solution-box p { color: var(--text-muted); font-size: 0.9rem; margin: 0; }
    .fail-img {
      border-radius: 14px;
      width: 100%;
      object-fit: cover;
      box-shadow: 0 20px 60px rgba(0,0,0,0.5);
    }

    /* ─── NICHES ─── */
    .niches-section { 
      padding: 90px 0;
      background-image: url(../img/plumbing-landing/sect-four.webp);
      background-repeat: no-repeat;
      background-size: cover;
     }
    .niche-card {
      background: #0C111D99;
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 28px 20px;
      text-align: center;
      transition: border-color 0.25s, transform 0.25s;
      cursor: default;
      min-height: 194px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    .niche-card:hover {
      border-color: rgba(58,142,246,0.4);
      transform: translateY(-5px);
    }
    .niche-icon {
      width: 52px;
      height: 52px;
      border-radius: 12px;
      background: rgba(58,142,246,0.12);
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 14px;
      font-size: 1.4rem;
      color: var(--accent-blue);
    }
    .niche-card h6 {
      font-family: "Sora", sans-serif; 
      color: var(--whitegray);
      font-weight: 600;
      font-size: 1.125rem;
      margin: 0; 
      line-height: 28px;
      letter-spacing: 0px;
    }
    /* ─── FEATURES ─── */
    .features-section {
      padding: 90px 0;
      background-image: url(../img/plumbing-landing/sect-five.webp);
      background-repeat: no-repeat;
      background-size: cover;
    }
    .feature-card {
      background: #0C111D99;
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 28px;
      height: 100%;
      transition: border-color 0.25s, box-shadow 0.25s;
    }
    .feature-card:hover {
      border-color: rgba(58,142,246,0.3);
      box-shadow: 0 8px 30px rgba(58,142,246,0.08);
    }
    .feature-icon {
      width: 48px;
      height: 48px;
      border-radius: 10px;
      background: rgba(58,142,246,0.1);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.3rem;
      color: var(--accent-blue);
      margin-bottom: 16px;
    }
    .feature-card h6 { 
      color: var(--whitegray);
      font-weight: 600;
      margin-bottom: 8px;
      font-size: 1.25rem;
      font-family: "Sora", sans-serif;
      line-height: 28px;
    }

    .feature-card p {  
      color: var(--stillblue);
      font-size: 1rem;
      margin: 0;
      line-height: 26px;
      font-family: "Inter", sans-serif;
      font-weight: 400;
    }

    /* ─── CUSTOMIZABLE ─── */
    .custom-section {
      padding: 90px 0;
      background-image: url(../img/plumbing-landing/sect-five-one.webp);
      background-repeat: no-repeat;
      background-size: cover;
     }
    .custom-check-list { list-style: none; padding: 0; margin: 0; }
    .custom-check-list li {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 1rem;
      color: var(--whitegray);
      margin-bottom: 10px;
      line-height: 24px;
      font-family: "Inter", sans-serif;
      font-weight: 400;
    }
    .custom-check-list li i { color: var(--accent-blue); font-size: 0.9rem; }
    .custom-img-wrap img {
      width: 100%;
    }

    /* ─── SPEED ─── */
    .speed-section { 
      padding: 90px 0;
      background-image: url(../img/plumbing-landing/sect-six.webp);
      background-repeat: no-repeat;
      background-size: cover;
    }

    .speed-badge {
      background: #0C111D99;
      border: 1px solid var(--border);
      border-radius: 12px;
      padding: 20px 28px;
      display: flex;
      align-items: center;
      gap: 16px;
      transition: border-color 0.2s;
      height: 96px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .speed-badge:hover { border-color: rgba(58,142,246,0.3); }
    .speed-badge i { font-size: 1.6rem; color: var(--accent-blue); }
    .speed-badge h6 { 
      color: var(--whitegray);
      font-weight: 500;
      margin: 0;
      font-size: 1.125rem;
      font-family: "Inter", sans-serif;
      letter-spacing: 0px;
      line-height: 28px; 
    }
    .speed-badge p { color: var(--text-muted); font-size: 0.82rem; margin: 0; }

    /* ─── COMPARISON ─── */
    .compare-section {
        padding: 90px 0;
        background-image: url(../img/plumbing-landing/sect-seven.webp);
        background-repeat: no-repeat;
        background-size: cover; 
      }
    .compare-table { border-radius: 14px; overflow: hidden; border-bottom: 1px solid #202B3C; margin-bottom:0px!important; }
    .compare-table thead th {
      background: #0C111D99;
      color: #fff;
      font-weight: 700;
      font-size: 0.88rem;
      padding: 20px 20px;
      border-bottom: 1px solid #202B3C;
    }
    .compare-table thead th:first-child { color: var(--text-muted); }
    .compare-table thead th:nth-child(2) { color: #e74c4c; }
    .compare-table thead th:nth-child(3) { color: var(--accent-blue); }
    .compare-table tbody td {
      background: #0C111D99;
      padding: 20px 20px;
      font-size: 1rem;
      color: var(--text-light);
      border-bottom: 1px solid #202B3C;
    }
    .compare-table tbody td:nth-child(2) { color: #7588A3; }
    .compare-table tbody td:nth-child(3) { color: #f5c518; }

    /* ─── CTA BANNER ─── */
    .cta-banner {
      padding: 90px 0;
      background-image: url(../img/plumbing-landing/sect-eath.webp);
      background-repeat: no-repeat;
      background-size: cover; 
      text-align: center;
    }
    .cta-banner h2 {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: clamp(2rem, 4vw, 3rem);
      font-weight: 800;
      color: #fff;
      margin-bottom: 14px;
    }
    .cta-banner p { color: var(--text-muted); max-width: 590px; margin: 0 auto 36px; }

    p.middleban {
      font-size: 1.25rem;
      font-family: "Inter", sans-serif;
      font-weight: 500;
      color: var(--whitegray);
      line-height: 28px;
  }
    /* ─── SECTION DIVIDER ─── */
    .section-divider {
      height: 1px;
      background: linear-gradient(90deg, transparent 0%, var(--border) 30%, var(--border) 70%, transparent 100%);
    }
    /* ─── TRUSTED ─── */
    .trusted-bar {
      text-align: center;
      margin-bottom: 40px;
      letter-spacing: 2.8px;
      text-transform: uppercase;
      font-weight: 400;
      font-family: "Inter", sans-serif;
      color: #A3ACB9;
      line-height: 20px;
      font-size: 14px;
    }
    .fail-section .solution-box p {
      color: #E5E9EC;
      font-family: "Inter", sans-serif;
      line-height: 26px;
      font-size: 1rem;
      font-weight: 400;
      padding: 0px 6%;
    }
    .fail-section .solution-box {
      text-align: center;
      background: transparent;
      border: 0px;
      border-radius: 0px;
      padding: 0px;
    }
    p.fcnarrow {
      font-size: 1.125rem;
      color: var(--stillblue);
      font-weight: 400;
      font-family: "Inter", sans-serif;
      letter-spacing: 0px;
    }
    .custom-section p.section-sub {
      font-size: 1.25rem;
      font-family: "Inter", sans-serif;
      font-weight: 500;
      color: var(--whitegray);
      line-height: 28px;
  }
    .table-wrapper {
      border-radius: 14px;
      border: 1px solid #202B3C;
  }
  ul{
    padding-left: 0px!important;
  }
  .footer-links ul li a{
    text-decoration: none!important;
  }
  button#contact_submit {
    background: #3a8ef6;
    color: #fff;
    border-color: transparent!important;
}
.social-icon li a {
    text-decoration: none;
}
.mob-bb {
    margin-top: 0px;
}
.newform {
    background: #fff;
    border-radius: 13px;
}
.btn:before{
  display: none;
}
ul.landing_head li:nth-child(1) a {
        text-decoration: none;
        font-size: 20px;
        color: #ff7f3d;
    }
    .newform.new_bottom {
        background: transparent;
    }
    .new_bottom .contact-form {
      padding: 0% 5%;
    }
    .new_bottom .form-group textarea {
        border-radius: 0px !important;
    }
    .new_bottom .form-group input::placeholder {
        color: #000;
    }
    .new_bottom .form-group input {
        border-radius: 0px !important;
        padding: 10px 0px;
        background: transparent;
        border: 0px;
        border-bottom: 1px solid #000;
        color: #000;
    }
    .new_bottom .form-group textarea{
        color: #000;
        background: transparent;
        border-bottom: 1px solid #000!important;
        border: 0px;
        padding: 0px!important;
    }
    .new_bottom .form-group textarea::placeholder {
        color: #000;
    }
    #footer{
        background-color: #eee!important;
        background: unset;
    }
    .contact-details-footer, .footer-links h4 {
        color: #000;
    }
    .social-icon.fts ul li a i {
        color: #000;
    }
    .top-phone a img{
        animation: 3s linear infinite my_tada2;
    }
    .footer-links ul li a{
        font-weight:500!important;
    }
    .footer-links ul li a {
      font-size: 16px;
      margin-bottom: 15px;
      display: block;
      color: #fff;
      font-weight: 300;
  }
    li.list-inline-item.top-phone{
        align-items: center;
        display: flex;
    }
    ul.landing_head {
        display: flex!important;
        width: 100%;
        justify-content: flex-end;
    }
     .main-head-wrapper .logo, .navbar-btns{
        width: 100%!important;
    }

/* responsive */
 @media (max-width: 1300px) {
        #header .navbar-brand, .navbar-btns {
            width: 100%;
        }
    }

    @media (max-width: 1024px) {
       .hero-section {min-height: 60vh;}
    }
    button.mtfifty {
      margin-top: 15px !important;
  }

    @media (max-width: 991px) {

     #header {
        padding: 15px 0;
    }
    .copy-right-content {
        text-align: center;
        margin-bottom: 20px;
    }
    .main-head-wrapper .logo img {
        max-width: 100%;
        height: auto;
    }
      button.mtfifty {
          margin-top: 15px !important;
      }
      .fail-section{position:relative;background-position: 91% 94%; background-size: 288%; overflow: hidden; }
      img.kachara {position: absolute;bottom: 34%;right: -56%;width: 104%;z-index: 1;} 
      .fail-list{z-index:9;position: relative;}
       .main-head-wrapper {
            display: flex;
            flex-direction: row;
            justify-content:space-between;
            align-items: center;
        }
        li.list-inline-item.top-phone span.number {
            display: none;
        }
        ul.list-inline.landing_head {
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            margin-bottom:0px!important;
        }
        a.login-btn {
            padding: 10px 4px;
            min-width: 113px;
        }
        .new_bottom .contact-form {
            padding: 0% 0%;
        }
        .mb-reverse {
            flex-direction: column-reverse;
        }
        .contact-foot {
            margin-top: 0px;
        }
        .footer-logo {
          margin-top: 30px;
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
      .fail-list {
        width: 70%;
      }
      img.kachara {
        position: absolute;
        bottom: 44%;
        right: -3%;
        width: 51%;
        z-index: 1;
      }
    }

    @media(max-width:767px) {
      .hero-section { padding: 100px 0 0px; min-height: auto; }
      .hero-mockup { margin-top: 40px; }
      .stat-divider { display: none; }
      .g-5{--bs-gutter-x:0px!important;}
      section.mob-pd {padding: 30px 0px;}
      h1.hero-title br {display: none;}
     .hero-sub {font-size: 18px;line-height: 25px;margin-bottom: 20px;}
     .trusted-bar {margin-bottom:20px;}
     .box {padding: 20px 0px;height: auto;}
     .stat-number{font-size: 2.1rem;}
     .niche-card{padding: 20px 20px; min-height:auto;}
     .niche-card h6 {font-size:16px;line-height: 21px;min-height: 40px;}
     .speed-badge {height: 60px; justify-content: flex-start;}
     .compare-table tbody td {padding: 10px 10px;font-size: 0.9rem;}
     .mob-bb {margin-top: 0px;}
     .mobilebtn {display: grid!important;grid-template-columns: 1fr 1fr!important;gap:10px!important;}
     .mobilebtn a.btn {padding: 12px 8px!important;}
     .btn-ghost-cta{display:none;}
     .section-title{line-height:32px!important;}
     .speed-section .section-title {margin-bottom: 0px;}
      h2.section-title br{display: none;}
      .fxiedbtn {position: fixed;bottom: 0;width: 100%;z-index: 11;}
      a.mbfix { width: 100%;border-radius: 0px;font-size: 20px;}
      .cta-banner h2{padding: 0px 2%!important;}
      .compare-section h2.section-title {padding: 0px 5%;}
      .fail-section{background-color:#060a13;position:relative;background-position: 91% 94%; background-size: 288%; overflow: hidden; }
      img.kachara {position: absolute;bottom: 34%;right: -56%;width: 104%;z-index: 1;} 
      .fail-list{z-index:9;position: relative;}
      .fail-list {width:100%;}
      .fail-section .solution-box p{padding: 0px 0%!important;}
      .compare-table thead th{padding:10px 10px;}
      .mks {margin-top: 0px;}
      .copy-right-content p {font-size: 12px;line-height: 22px;max-width: 250px; margin: auto;}
      .footer_bottom_row .navbar-nav li a {font-size: 12px;margin: 10px;}
      .mks {margin-top: 0px;}
    }

      @media(max-width:375px) {
        .hero-title {
          font-size: 2.1rem;
          line-height: 40px;
     }
  }

    /* scroll reveal */
    .reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.65s ease, transform 0.65s ease; }
    .reveal.visible { opacity: 1; transform: none; }

    @media (min-width: 1400px) {
    .ss-width {
      width: 95%;
      margin: 0px auto;
    }
}

@media(min-width:768px) {
  .fxiedbtn{
    display: none;
  }
}

/*footer css*/
#footer {
    background-color: #eee !important;
    background: unset;
}
#footer {
    padding-top: 60px;
    position: relative;
}
#footer:before {
    position: absolute;
    content: "";
    background: linear-gradient(90deg, #e02026 0, #f7842d 33.55%, #7ac246 65.96%, #1c9dd9 100%);
    width: 100%;
    height: 10px;
    top: 0;
}
.contact-details h5, .footer-links, .service-content1 {
    margin-top: 25px;
}
.contact-details-footer, .footer-links h4 {
    font-size: 16px;
    position: relative;
    color: #fff;
    font-weight: 500;
    margin-bottom: 30px;
    padding-bottom: 11px;
}
.contact-details-footer:after, .footer-links h4:after {
    background: #00aaf2;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 25px;
}
.contact-foot ul li a {
    margin-bottom: 25px !important;
}
/*end*/

/*modal form css*/

#quote-form-modal .modal-content {
    border: none;
}
#quote-form-modal .btn-close {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    z-index: 1;
    opacity: 1;
    border: none;
}
#quote-form-modal .modal-body {
    padding: 0;
}
.modal-inner-img {
    position: relative;
    height: 100%;
    background: url(../img/quote-bg.webp) center / cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}
.modal-inner-img:before {
    position: absolute;
    content: "";
    background: linear-gradient(225deg, #7ac246 0, #fe813a 73.41%);
    width: 100%;
    height: 100%;
    opacity: 0.9;
}
.modal-inner-img-content {
    position: relative;
    border: 2px solid #fff;
    color: #fff;
    text-align: center;
    height: 100%;
    padding: 20px 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.modal-inner-img-content h2 {
    font-size: 30px;
    font-weight: 700;
}
.modal-inner-img-content p {
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
}

p {
    font-weight: 300;
}
.modal-hire-developer {
    border-radius: 10px;
    padding: 25px;
    margin-top: 35px;
    background: #fff;
}
.modal-hire-developer {
    border-radius: 10px;
    padding: 25px;
    margin-top: 35px;
    background: #fff;
}
.hire-developer-banner, .normal-btn.orange-bg, .normal-btn:before {
        background: #fe813a;
}
.normal-btn {
    min-width: 180px;
    opacity: 1;
    z-index: 9;
    padding: 15px 25px;
    border-radius: 50px;
    margin-top: 30px;
    background: #1c9dd9;
    border: none;
    font-size: 16px;
    font-weight: 700;
    outline: 0 !important;
}
.founder-main, .normal-btn.orange-bg:before, .service-box:hover, .timeline-icon.blue-box .timeline-icon-image, .timeline-icon.blue-box .timeline-icon-waves1, .timeline-icon.blue-box .timeline-icon-waves2, a.login-btn {
    background: #1c9dd9;
}
.normal-btn:hover {
    color: #fff !important;
    transition: 0.3s ease-in;
}
.border-rounded-btn:hover::before, .normal-btn:hover::before, .white-btn:hover::before {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
.normal-btn:before {
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.75, 0, 0.125, 1);
    transition: transform 0.5s cubic-bezier(0.75, 0, 0.125, 1);
}
.border-rounded-btn:before, .normal-btn:before, .white-btnbtn:before {
    content: "";
    position: absolute;
    top: 100%;
    z-index: -1;
    width: 100%;
    left: 0;
    height: 100%;
}
.modal-inner-content {
    padding: 1rem;
}
#quote-form-modal .form-group, .check-list, .how-process-box-inner img {
    margin-bottom: 20px;
}
#quote-form-modal .form-group label {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0;
}
#quote-form-modal .form-control {
    border: none;
    box-shadow: none !important;
    border-radius: 0;
    background: 0 0;
    border-bottom: 2px solid #ddd;
    color: #333;
    font-size: 13px;
    padding: 5px 0;
    font-weight: 300;
}
.modal-hire-developer h3 {
    font-weight: 600;
    font-size: 22px;
    line-height: 1.3;
    color: #1d243b;
}
.border-rounded-btn, .normal-btn, .white-btn {
    color: #fff;
    display: inline-block;
    text-align: center;
    position: relative;
    overflow: hidden;
}