:root{
      --red:#ec1b35;
      --red-dark:#b80c22;
      --red-light:#fce8eb;
      --navy:#1a1a1a;
      --light:#f9fafb;
      --text:#222222;
      --muted:#666666;
      --white:#fff;
      --shadow:0 18px 50px rgba(236,27,53,.12);
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Inter, sans-serif;
      color:var(--text);
      background:#fff;
      overflow-x:hidden;
    }
    h1,h2,h3,h4,h5,h6{font-family:"Space Grotesk",sans-serif}
    a{text-decoration:none}

    /* NAVBAR */
    .navbar{
      padding:18px 0;
      position:absolute;
      top:0;left:0;width:100%;
      z-index:1000;
      transition:.4s;
      background-color: #fff;
    }
    .navbar.scrolled{
      position:fixed;
      background:rgba(20, 20, 20, .96);
      backdrop-filter:blur(14px);
      padding:10px 0;
      box-shadow:0 10px 30px rgba(0,0,0,.2);
    }
    .brand{
      display:flex;
      align-items:center;
      gap:10px;
      color:#fff!important;
      font-weight:800;
      letter-spacing:.5px;
      font-size:21px;
    }
    .brand-mark{
      width:42px;height:42px;
      border-radius:12px;
      display:grid;place-items:center;
      background:var(--red);
      color:#fff;
      box-shadow:0 8px 25px rgba(236,27,53,.4);
    }
    .nav-link{
      color:#ec1b35 !important;
      font-size:14px;
      font-weight:600;
      margin-left:18px;
      transition:.3s;
    }
    .nav-link:hover{color:#fff !important}
    .nav-cta{
      background:var(--red);
      color:var(--white)!important;
      border-radius:50px;
      padding:10px 20px!important;
      margin-left:22px;
      transition: .3s;
    }
    .nav-cta:hover{
      background:var(--red-dark);
    }

    /* HERO */
    .hero{
      position:relative;
      display:flex;
      align-items:center;
      background:
        linear-gradient(90deg,rgba(15,15,15,.96) 0%,rgba(15,15,15,.82) 48%,rgba(15,15,15,.4) 100%),
        url("img-1.jpg") center/cover;
      overflow:hidden;
      padding-bottom:38px;
    }
    .hero:after{
      content:"";
      position:absolute;
      width:650px;height:650px;
      right:-260px;bottom:-350px;
      border:1px solid rgba(236,27,53,.3);
      border-radius:50%;
      box-shadow:0 0 0 70px rgba(236,27,53,.04),0 0 0 140px rgba(236,27,53,.025);
    }
    .hero-content{position:relative;z-index:2;padding-top:120px}
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      color:var(--red);
      font-size:12px;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:2px;
      margin-bottom:20px;
    }
    .eyebrow span{
      width:28px;height:2px;background:var(--red);display:inline-block;
    }
    .hero h1{
      color:#fff;
      font-size:clamp(45px,6vw,78px);
      line-height:1.02;
      max-width:850px;
      margin-bottom:25px;
      font-weight:700;
    }
    .hero h1 em{
      color:var(--red);
      font-style:normal;
    }
    .hero p{
      color:rgba(255,255,255,.82);
      font-size:17px;
      line-height:1.8;
      max-width:650px;
      margin-bottom:32px;
    }
    .btn-primary-custom{
      border:0;
      color:#fff;
      padding:15px 26px;
      border-radius:50px;
      font-weight:700;
      background:var(--red);
      box-shadow:0 12px 30px rgba(236,27,53,.35);
      transition:.35s;
    }
    .btn-primary-custom:hover{transform:translateY(-3px);color:#fff;background:var(--red-dark)}
    .btn-outline-custom{
      color:#fff;
      border:1px solid rgba(255,255,255,.35);
      padding:14px 25px;
      border-radius:50px;
      margin-left:10px;
      font-weight:600;
      transition:.3s;
    }
    .btn-outline-custom:hover{background:#fff;color:var(--navy)}
    .hero-stats{
      bottom:0;left:0;
      z-index:3;
      width:100%;
      background:#111111;
      backdrop-filter:blur(15px);
      border-top:1px solid rgba(255,255,255,.1);
    }
    .stat{
      padding:18px 20px;
      border-right:1px solid rgba(255,255,255,.1);
    }
    .stat strong{display:block;color:#fff;font-size:26px}
    .stat span{color:rgba(255,255,255,.58);font-size:12px}

    /* GENERAL */
    section{padding:100px 0}
    .section-tag{
      color:var(--red);
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:2px;
      font-size:12px;
      margin-bottom:12px;
    }
    .section-title{
      font-size:clamp(34px,4vw,52px);
      line-height:1.08;
      color:var(--navy);
      margin-bottom:18px;
      font-weight:700;
    }
    .section-text{
      color:var(--muted);
      line-height:1.85;
      font-size:15px;
    }

    /* ABOUT */
    .about{background:#fff}
    .about-img{
      height:530px;
      border-radius:28px;
      overflow:hidden;
      position:relative;
      box-shadow:var(--shadow);
    }
    .about-img img{width:100%;height:100%;object-fit:cover}
    .about-img .experience{
      position:absolute;
      bottom:25px;left:25px;
      background:#fff;
      padding:20px 25px;
      border-radius:18px;
      box-shadow:0 15px 40px rgba(0,0,0,.18);
    }
    .experience strong{font-size:35px;color:var(--red)}
    .experience small{display:block;color:var(--muted)}

    /* VALUES */
    .values{background:var(--light)}
    .value-card{
      background:#fff;
      padding:35px 28px;
      border-radius:22px;
      height:100%;
      border:1px solid #eee;
      transition:.4s;
      position:relative;
      overflow:hidden;
    }
    .value-card:before{
      content:"";
      position:absolute;
      width:100px;height:100px;
      right:-40px;top:-40px;
      background:rgba(236,27,53,.06);
      border-radius:50%;
    }
    .value-card:hover{transform:translateY(-10px);box-shadow:var(--shadow);border-color:rgba(236,27,53,.3)}
    .value-icon{
      width:62px;height:62px;
      border-radius:18px;
      display:grid;place-items:center;
      font-size:24px;
      color:#fff;
      background:var(--red);
      margin-bottom:25px;
    }
    .value-card h4{color:var(--navy);font-size:21px}
    .value-card p{color:var(--muted);font-size:14px;line-height:1.7}

    /* 5G */
    .fiveg{
      background:#111111;
      color:#fff;
      position:relative;
      overflow:hidden;
    }
    .fiveg .section-title{color:#fff}
    .fiveg .section-text{color:rgba(255,255,255,.68)}
    .fiveg-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:16px;
      margin-top:40px;
    }
    .five-card{
      min-height:190px;
      padding:25px;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.045);
      border-radius:20px;
      transition:.4s;
      backdrop-filter:blur(10px);
    }
    .five-card:hover{
      transform:translateY(-8px);
      background:rgba(255,255,255,.09);
      border-color:var(--red);
    }
    .five-card .num{color:var(--red);font-size:12px;font-weight:800}
    .five-card h5{margin:12px 0 10px;font-size:18px}
    .five-card p{margin:0;color:rgba(255,255,255,.6);font-size:13px;line-height:1.65}

    /* NETWORK */
    .network{background:var(--light)}
    .network-box{
      min-height:500px;
      background:#151515;
      border-radius:28px;
      overflow:hidden;
      position:relative;
      padding:45px;
    }
    .network-box:before{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(rgba(236,27,53,.07) 1px,transparent 1px),
        linear-gradient(90deg,rgba(236,27,53,.07) 1px,transparent 1px);
      background-size:45px 45px;
    }
    .network-content{position:relative;z-index:2}
    .node{
      position:absolute;
      width:120px;height:120px;
      border-radius:50%;
      display:grid;place-items:center;
      border:1px solid rgba(236,27,53,.5);
      background:rgba(236,27,53,.08);
      color:#fff;
      text-align:center;
      font-weight:700;
      box-shadow:0 0 0 15px rgba(236,27,53,.03),0 0 45px rgba(236,27,53,.12);
      animation:pulse 2.5s infinite;
    }
    .node i{display:block;color:var(--red);font-size:24px;margin-bottom:5px}
    .node small{display:block;font-size:10px;color:#bbb}
    .node.bangalore{left:14%;bottom:23%}
    .node.noida{right:14%;top:24%}
    .node.center{left:calc(50% - 60px);top:calc(50% - 60px);background:rgba(236,27,53,.2)}
    .connection{
      position:absolute;
      height:2px;
      background:linear-gradient(90deg,transparent,var(--red),transparent);
      transform-origin:left center;
      animation:flow 2s infinite linear;
    }
    .line1{width:350px;left:28%;top:55%;transform:rotate(-17deg)}
    .line2{width:330px;right:27%;top:55%;transform:rotate(-158deg)}
    @keyframes flow{0%{opacity:.25}50%{opacity:1}100%{opacity:.25}}
    @keyframes pulse{50%{box-shadow:0 0 0 25px rgba(236,27,53,.02),0 0 55px rgba(236,27,53,.2)}}

    /* CAPABILITIES */
    .cap-card{
      padding:28px;
      border-radius:20px;
      border:1px solid #eee;
      height:100%;
      transition:.35s;
      background:#fff;
    }
    .cap-card:hover{box-shadow:var(--shadow);transform:translateY(-7px);border-color:rgba(236,27,53,.3)}
    .cap-card i{font-size:27px;color:var(--red);margin-bottom:18px}
    .cap-card h5{color:var(--navy)}
    .cap-card p{color:var(--muted);font-size:13px;line-height:1.7}

    /* GREEN */
    .green{
      background:#fafafa;
      overflow:hidden;
    }
    .green-img{
      height:500px;
      border-radius:28px;
      overflow:hidden;
      position:relative;
    }
    .green-img img{width:100%;height:100%;object-fit:cover}
    .green-badge{
      position:absolute;
      left:25px;bottom:25px;
      background:#fff;
      border-radius:18px;
      padding:20px;
      box-shadow:var(--shadow);
    }
    .green-badge i{color:var(--red);font-size:28px}

    /* CTA */
    .cta{
      padding:75px 0;
      background:var(--red);
      color:#fff;
    }
    .cta h2{font-size:clamp(32px,4vw,50px);margin:0 0 12px}
    .cta p{opacity:.9;margin:0}
    .cta .btn{background:#fff;color:var(--red);border:0;border-radius:50px;padding:14px 25px;font-weight:800;transition:.3s}
    .cta .btn:hover{background:var(--navy);color:#fff}

    /* FOOTER */
    footer{background:#111111;color:#fff;padding:65px 0 25px}
    footer .brand{margin-bottom:20px}
    footer p, footer li{color:rgba(255,255,255,.55);font-size:13px;line-height:1.8}
    footer h6{margin-bottom:18px}
    footer ul{list-style:none;padding:0;margin:0}
    footer li{margin-bottom:7px}
    .copyright{
      margin-top:45px;padding-top:20px;
      border-top:1px solid rgba(255,255,255,.08);
      color:rgba(255,255,255,.4);
      font-size:12px;
    }

    /* PRODUCTS SECTION */
    .products-section {
        position: relative;
        padding: 95px 0;
        background: #fdfdfd;
        overflow: hidden;
    }
    .products-section::before {
        content: "";
        position: absolute;
        width: 500px;
        height: 500px;
        border: 1px solid rgba(236, 27, 53, 0.06);
        border-radius: 50%;
        top: -250px;
        right: -180px;
    }
    .products-section::after {
        content: "";
        position: absolute;
        width: 350px;
        height: 350px;
        border: 1px solid rgba(236, 27, 53, 0.05);
        border-radius: 50%;
        bottom: -180px;
        left: -160px;
    }
    .section-heading {
        position: relative;
        z-index: 2;
        max-width: 700px;
        margin: 0 auto 55px;
    }
    .section-tag {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 7px 16px;
        background: var(--red-light);
        color: var(--red);
        border-radius: 30px;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1.7px;
        margin-bottom: 15px;
    }
    .section-tag i { font-size: 14px; }
    .section-heading h2 {
        margin: 0 0 15px;
        color: #111111;
        font-size: 42px;
        font-weight: 300;
    }
    .section-heading h2 strong {
        color: var(--red);
        font-weight: 700;
    }
    .section-heading p {
        margin: 0;
        color: var(--muted);
        font-size: 16px;
        line-height: 1.8;
    }
    .product-card {
        position: relative;
        z-index: 2;
        height: 100%;
        background: #ffffff;
        border: 1px solid #eee;
        border-radius: 16px;
        padding: 0;
        overflow: hidden;
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04);
        transition: transform .4s ease, box-shadow .4s ease, border-color .4s ease;
    }
    .product-card:hover {
        transform: translateY(-8px);
        border-color: rgba(236, 27, 53, .3);
        box-shadow: 0 20px 45px rgba(236, 27, 53, .12);
    }
    .product-icon-box {
        position: relative;
        height: 155px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--red-light);
        border-bottom: 1px solid #f8d7da;
        overflow: hidden;
    }
    .product-icon-box::before {
        content: "";
        position: absolute;
        width: 150px;
        height: 150px;
        border: 1px solid rgba(236, 27, 53, .12);
        border-radius: 50%;
        transition: .5s ease;
    }
    .product-icon-box::after {
        content: "";
        position: absolute;
        width: 95px;
        height: 95px;
        border: 1px dashed rgba(236, 27, 53, .2);
        border-radius: 50%;
        transition: .5s ease;
    }
    .product-icon {
        position: relative;
        z-index: 3;
        width: 78px;
        height: 78px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #ffffff;
        color: var(--red);
        border-radius: 50%;
        font-size: 31px;
        box-shadow: 0 8px 25px rgba(236, 27, 53, .18);
        transition: all .45s ease;
    }
    .product-card:hover .product-icon {
        background: var(--red);
        color: #ffffff;
        transform: scale(1.08) rotate(-5deg);
        box-shadow: 0 12px 30px rgba(236, 27, 53, .35);
    }
    .product-card:hover .product-icon-box::before { transform: scale(1.15); }
    .product-card:hover .product-icon-box::after { transform: scale(1.2) rotate(25deg); }
    .product-number {
        position: absolute;
        right: 20px;
        top: 18px;
        font-size: 34px;
        line-height: 1;
        font-weight: 800;
        color: rgba(236, 27, 53, .12);
        transition: .4s ease;
    }
    .product-card:hover .product-number { color: rgba(236, 27, 53, .25); }
    .product-content { padding: 27px 27px 28px; }
    .product-content h3 {
        margin: 0 0 13px;
        color: var(--navy);
        font-size: 20px;
        line-height: 1.4;
        font-weight: 700;
        transition: .3s ease;
    }
    .product-card:hover .product-content h3 { color: var(--red); }
    .product-content p {
        margin: 0 0 21px;
        color: var(--muted);
        font-size: 14px;
        line-height: 1.75;
        min-height: 74px;
    }
    .product-link {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        color: var(--red) !important;
        text-decoration: none !important;
        font-size: 14px;
        font-weight: 700;
        transition: .3s ease;
    }
    .product-link i { transition: .3s ease; }
    .product-link:hover { color: var(--navy) !important; }
    .product-link:hover i { transform: translateX(6px); }
    .product-card { isolation: isolate; }
    .product-card > .product-content::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 3px;
        background: var(--red);
        transition: width .45s ease;
    }
    .product-card:hover > .product-content::after { width: 100%; }

    /* BOUQUET SECTION */
    .bouquet-section {
        position: relative;
        padding: 100px 0;
        background: #111111;
        overflow: hidden;
    }
    .bouquet-section::before {
        content: "";
        position: absolute;
        width: 600px;
        height: 600px;
        border: 1px solid rgba(255,255,255,.05);
        border-radius: 50%;
        top: -300px;
        right: -200px;
    }
    .bouquet-section::after {
        content: "";
        position: absolute;
        width: 450px;
        height: 450px;
        border: 1px solid rgba(255,255,255,.04);
        border-radius: 50%;
        bottom: -250px;
        left: -200px;
    }
    .bouquet-heading {
        position: relative;
        z-index: 2;
        max-width: 720px;
        margin: 0 auto 55px;
    }
    .bouquet-tag {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 8px 18px;
        border-radius: 30px;
        background: rgba(236, 27, 53, .15);
        border: 1px solid rgba(236, 27, 53, .3);
        color: var(--red);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1.7px;
        margin-bottom: 18px;
    }
    .bouquet-heading h2 {
        margin: 0;
        color: #fff;
        font-size: 44px;
        font-weight: 700;
    }
    .bouquet-heading h3 {
        margin: 5px 0 15px;
        color: var(--red);
        font-size: 25px;
        font-weight: 400;
    }
    .bouquet-heading p {
        margin: 0;
        color: rgba(255,255,255,.65);
        font-size: 15px;
        line-height: 1.8;
    }
    .bouquet-grid {
        position: relative;
        z-index: 2;
        display: grid;
        grid-template-columns: 1.35fr 1fr 1fr;
        grid-template-rows: 270px 270px;
        gap: 18px;
    }
    .bouquet-featured { grid-row: span 2; }
    .bouquet-card {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-radius: 14px;
        text-decoration: none !important;
        background: #222;
        box-shadow: 0 15px 35px rgba(0,0,0,.25);
    }
    .bouquet-card img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .7s ease, filter .7s ease;
    }
    .bouquet-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(0,0,0,.1) 20%, rgba(0,0,0,.4) 45%, rgba(0,0,0,.95) 100%);
        transition: .4s ease;
    }
    .bouquet-card:hover .bouquet-overlay {
        background: linear-gradient(180deg, rgba(236,27,53,.2), rgba(0,0,0,.92));
    }
    .bouquet-number {
        position: absolute;
        top: 20px;
        right: 22px;
        font-size: 34px;
        font-weight: 800;
        color: rgba(255,255,255,.35);
        line-height: 1;
        transition: .4s ease;
    }
    .bouquet-card:hover .bouquet-number {
        color: var(--red);
        transform: translateY(-3px);
    }
    .bouquet-icon {
        position: absolute;
        top: 20px;
        left: 20px;
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: rgba(255,255,255,.12);
        border: 1px solid rgba(255,255,255,.25);
        backdrop-filter: blur(8px);
        color: #fff;
        font-size: 19px;
        transition: .4s ease;
    }
    .bouquet-card:hover .bouquet-icon {
        background: var(--red);
        border-color: var(--red);
        transform: scale(1.08);
    }
    .bouquet-content {
        position: absolute;
        left: 25px;
        right: 25px;
        bottom: 23px;
        color: #fff;
    }
    .bouquet-content span {
        display: block;
        margin-bottom: 6px;
        color: var(--red);
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 1.5px;
    }
    .bouquet-content h4 {
        margin: 0 0 12px;
        color: #fff;
        font-size: 22px;
        font-weight: 700;
        line-height: 1.3;
    }
    .bouquet-arrow {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        opacity: .8;
        transition: .4s ease;
    }
    .bouquet-arrow i { transition: .4s ease; }
    .bouquet-card:hover .bouquet-arrow {
        opacity: 1;
        color: var(--red);
    }
    .bouquet-card:hover .bouquet-arrow i { transform: translateX(7px); }
    .bouquet-card:hover img {
        transform: scale(1.09);
        filter: brightness(.85);
    }
    .bouquet-featured .bouquet-content h4 { font-size: 29px; }
    .bouquet-featured .bouquet-icon { width: 55px; height: 55px; font-size: 22px; }

    /* ANIMATIONS */
    .reveal{opacity:0;transform:translateY(35px);transition:all .8s ease}
    .reveal.active{opacity:1;transform:translateY(0)}
    .delay-1{transition-delay:.12s}
    .delay-2{transition-delay:.24s}
    .delay-3{transition-delay:.36s}

    @media(max-width:991px){
      .navbar{background:rgba(20,20,20,.95)}
      .nav-link{margin-left:0;padding:10px 0}
      .nav-cta{display:inline-block;margin:10px 0 0}
      .hero{min-height:850px}
      .fiveg-grid{grid-template-columns:repeat(2,1fr)}
      .network-box{margin-top:35px}
      .products-section { padding: 75px 0; }
      .section-heading h2 { font-size: 36px; }
      .bouquet-section { padding: 75px 0; }
      .bouquet-grid {
          grid-template-columns: 1fr 1fr;
          grid-template-rows: 350px 250px 250px;
      }
      .bouquet-featured { grid-column: span 2; grid-row: auto; }
    }
    @media(max-width:767px){
      section{padding:70px 0}
      .hero h1{font-size:43px}
      .hero p{font-size:15px}
      .hero-stats{position:relative;margin-top:70px}
      .stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
      .about-img,.green-img{height:380px;margin-bottom:35px}
      .fiveg-grid{grid-template-columns:1fr}
      .network-box{min-height:450px;padding:25px}
      .node{width:90px;height:90px;font-size:12px}
      .node.center{left:calc(50% - 45px);top:calc(50% - 45px)}
      .line1{width:150px;left:27%;top:56%}
      .line2{width:145px;right:26%;top:55%}
      .node.bangalore{left:5%;bottom:14%}
      .node.noida{right:5%;top:14%}
      .btn-outline-custom{display:inline-block;margin:10px 0 0}
      .products-section { padding: 65px 0; }
      .section-heading { margin-bottom: 40px; }
      .section-heading h2 { font-size: 32px; }
      .product-icon-box { height: 145px; }
      .bouquet-heading h2 { font-size: 36px; }
      .bouquet-heading h3 { font-size: 22px; }
      .bouquet-grid {
          display: grid;
          grid-template-columns: 1fr;
          grid-template-rows: repeat(5, 280px);
      }
      .bouquet-featured { grid-column: auto; grid-row: auto; }
    }
    @media (max-width: 575px) {
      .section-heading h2 { font-size: 28px; }
      .section-heading p { font-size: 14px; }
      .product-icon { width: 70px; height: 70px; font-size: 27px; }
      .product-content { padding: 24px; }
      .bouquet-section { padding: 60px 0; }
      .bouquet-heading { margin-bottom: 35px; }
      .bouquet-heading h2 { font-size: 32px; }
      .bouquet-heading h3 { font-size: 20px; }
      .bouquet-grid { grid-template-rows: repeat(5, 250px); }
      .bouquet-content { left: 20px; right: 20px; bottom: 20px; }
      .bouquet-content h4 { font-size: 19px; }
    }
    /* ==========================================
   VERSE SIMPLE FOOTER
========================================== */

.verse-footer {
    background: #ec1b35;
    color: #fff;
    padding: 70px 0 0;
}

.footer-logo {
    background: #ffffff;
    display: inline-block;
    padding: 10px;
    width: 50%;
}

.footer-logo span {
    color: #151515;
}

.footer-about {
    color: rgba(255,255,255,.88);
    font-size: 14px;
    line-height: 1.8;
    max-width: 380px;
    margin-bottom: 25px;
}


/* Footer Titles */

.footer-title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 12px;
}

.footer-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 35px;
    height: 3px;
    background: #fff;
    border-radius: 5px;
}


/* Quick Links */

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li {
    margin-bottom: 12px;
}

.footer-links a {
    color: rgba(255,255,255,.85) !important;
    text-decoration: none;
    font-size: 14px;
    transition: all .3s ease;
}

.footer-links a:hover {
    color: #151515 !important;
    padding-left: 5px;
}


/* Social Icons */

.footer-social {
    display: flex;
    gap: 10px;
}

.footer-social a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff;
    color: #ec1b35 !important;

    border-radius: 50%;
    text-decoration: none;

    transition: all .3s ease;
}

.footer-social a:hover {
    background: #151515;
    color: #fff !important;
    transform: translateY(-4px);
}


/* Contact */

.footer-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 18px;
}

.footer-contact-item > i {
    width: 20px;
    min-width: 20px;
    color: #fff;
    font-size: 15px;
    margin-top: 5px;
}

.footer-contact-item p {
    color: rgba(255,255,255,.88);
    font-size: 14px;
    line-height: 1.7;
    margin: 0;
}

.footer-contact-item a {
    color: #fff !important;
    text-decoration: none;
    transition: .3s;
}

.footer-contact-item a:hover {
    color: #151515 !important;
}


/* Footer Bottom */

.footer-bottom {
    margin-top: 55px;
    padding: 22px 0;
    border-top: 1px solid rgba(255,255,255,.25);

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.footer-bottom p {
    color: rgba(255,255,255,.8);
    font-size: 13px;
    margin: 0;
}

.footer-bottom strong {
    color: #fff;
}

.footer-made i {
    color: #151515;
    margin: 0 4px;
}


/* Responsive */

@media (max-width: 767px) {

    .verse-footer {
        padding-top: 50px;
    }

    .footer-title {
        margin-bottom: 18px;
    }

    .footer-bottom {
        flex-direction: column;
        text-align: center;
        margin-top: 35px;
    }

    .footer-logo {
        font-size: 30px;
    }

}