/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

.hero {
    display: grid;
    grid-template-columns: 1fr 2fr;
    min-height: 600px;
    background: #f5f7fb;
    overflow: hidden;
}
  .hero-left{
    display:flex;flex-direction:column;justify-content:center;
    padding:60px 60px 60px 60px;
    position:relative;
  }
  .hero-left::before{
    content:"";position:absolute;left:0;top:60px;bottom:60px;width:5px;
    background:linear-gradient(180deg,var(--blue),var(--navy),var(--orange));
    border-radius:4px;
  }
  .hero-left-inner{padding-left:34px;}
  .hero-eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-size:12.5px;letter-spacing:2.5px;text-transform:uppercase;font-weight:800;
    color:var(--orange);margin-bottom:18px;
    opacity:0;
  }
  .hero-left h1{
    font-size:42px;font-weight:800;color:var(--navy);line-height:1.28;margin-bottom:20px;
    opacity:0;
  }
  .hero-left h1 span{color:var(--blue);}
  .hero-left p{
    font-size:16px;color:var(--muted);max-width:480px;margin-bottom:30px;
    opacity:0;
  }
  .hero-left .btn-row{display:flex;gap:14px;opacity:0;}
  .btn-solid{
    background:var(--navy);color:#fff;padding:14px 28px;border-radius:8px;font-weight:700;font-size:14px;
    border:2px solid var(--navy);cursor:pointer;
  }
  .btn-outline{
    background:transparent;color:var(--navy);padding:14px 28px;border-radius:8px;font-weight:700;font-size:14px;
    border:2px solid var(--navy);cursor:pointer;
  }
  .hero-left-inner.animate .hero-eyebrow{animation:heroPop .7s ease forwards .1s;}
  .hero-left-inner.animate h1{animation:heroPop .8s ease forwards .25s;}
  .hero-left-inner.animate p{animation:heroPop .8s ease forwards .42s;}
  .hero-left-inner.animate .btn-row{animation:heroPop .8s ease forwards .58s;}
  @keyframes heroPop{
    0%{opacity:0;transform:translateY(24px);}
    100%{opacity:1;transform:translateY(0);}
  }

  .hero-right{position:relative;overflow:hidden;}
  .hero-right-track{display:flex;height:100%;width:400%;transition:transform .9s cubic-bezier(.7,0,.3,1);}
  .hero-right-slide{width:25%;flex-shrink:0;height:100%;background-size:cover;background-position:center;position:relative;min-height:600px;}
  .hero-right-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(11,31,92,.28), rgba(11,31,92,0));}
  .hero-side-dots{
    position:absolute;right:26px;top:50%;transform:translateY(-50%);
    display:flex;flex-direction:column;gap:12px;z-index:5;
  }
  .hero-side-dots span{
    width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer;
    border:2px solid transparent;
  }
  .hero-side-dots span.active{background:var(--orange);border-color:#fff;}
  .hero-badge{
    position:absolute;left:26px;bottom:26px;background:#fff;border-radius:10px;
    padding:14px 18px;box-shadow:0 10px 30px rgba(0,0,0,.18);z-index:5;
    display:flex;align-items:center;gap:12px;
  }
  .hero-badge .num{font-size:22px;font-weight:800;color:var(--navy);}
  .hero-badge .lbl{font-size:11.5px;color:var(--muted);line-height:1.3;}
  .footer-info2 b{color:#e6e9f7;}
  .footer-bottom2{justify-content:space-between;padding:22px 0;font-size:13px;color:#8a92b8;flex-wrap:wrap;gap:10px; text-align: center;}

  /* ---------- RESPONSIVE ---------- */
  @media(max-width:1080px){ nav ul{gap:2px;} nav ul li a{font-size:13.5px;padding:9px 12px;} }
  @media(max-width:960px){
    .hero{grid-template-columns:1fr;}
    .hero-right{min-height:340px;}
    .hero-right-slide{min-height:340px;}
    .about-grid{grid-template-columns:1fr;}
}	  
	  










  .about-intro{max-width:900px;margin:0 auto 50px;text-align:center;color:var(--muted);font-size:16.5px;}
  .about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .about-card{
    background:#fff;border-radius:12px;padding:30px 26px;
    border-top:4px solid var(--blue);
    box-shadow:0 6px 24px rgba(11,31,92,.07);
  }
  .about-card:nth-child(2){border-top-color:var(--navy);}
  .about-card:nth-child(3){border-top-color:var(--orange);}
  .about-card .icon-dot{
    width:44px;height:44px;border-radius:50%;background:var(--blue);color:#fff;
    display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;margin-bottom:18px;
  }
  .about-card:nth-child(2) .icon-dot{background:var(--navy);}
  .about-card:nth-child(3) .icon-dot{background:var(--orange);}
  .about-card h4{color:var(--navy);font-size:16.5px;margin-bottom:12px;font-weight:700;}
  .about-card p{color:var(--muted);font-size:14.5px;}

	  

 .reveal{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.25,.7,.35,1),transform .8s cubic-bezier(.25,.7,.35,1);}
  .reveal.visible{opacity:1;transform:translateY(0);}
  .reveal-group.visible > *:nth-child(1){transition-delay:.05s;}
  .reveal-group.visible > *:nth-child(2){transition-delay:.16s;}
  .reveal-group.visible > *:nth-child(3){transition-delay:.27s;}
  .reveal-group > *{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.25,.7,.35,1),transform .7s cubic-bezier(.25,.7,.35,1);}
  .reveal-group.visible > *{opacity:1;transform:translateY(0);}

  :root{
    --blue:#1e88d6;
    --navy:#0b1f5c;
    --orange:#f7941d;
    --muted:#667085;
  }

.section-tag span {
    font-size: 12.5px;
    font-weight: 800;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--orange);
    background: rgba(247, 148, 29, .1);
    padding: 6px 18px;
    border-radius: 20px;
}

.section-title {
    text-align: center;
    font-size: 36px;
    color: #0b1f5c;
    font-weight: 800;
    margin-bottom: 20px;
}

.section-title b{
    color: #1e88d6;
}

.section-tag {
    display: flex;
    justify-content: center;
    margin-bottom: 14px;
}


.home-h4{
font-size: 12.5px;
    font-weight: 800;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--orange);
    background: rgba(247, 148, 29, .1);
    padding: 6px 18px;
    border-radius: 20px;
}

.heading-h4 {
    display: flex;
    justify-content: center;
    margin-top: 60px;
    margin-bottom: 20px;
}
.head-h2 {
    font-size: 36px;
    text-transform: none;
    color: #0b1f5c;
    font-weight: 800;
}
.home-bold {
    color: #1e88d6;
}
.h2-heading {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.para-head {
    max-width: 920px;
    margin: 0 auto;
    background: #fff;
    border-radius: 16px;
    padding: 50px 56px;
    position: relative;
    box-shadow: 0 14px 44px rgba(11, 31, 92, .1);
    border-left: 6px solid var(--orange);
    margin-top: 30px;
    margin-bottom: 50px !important;
}
.home-para {
    color: var(--muted);
    font-size: 16px;
    margin-bottom: 16px;
    position: relative;
    z-index: 2;
    margin-right: 200px;
}
.padding-top{
	padding-top:30px;
}
.CARD-HEAD {
    MARGIN-TOP: 30px;
    margin-bottom: 50px !important;
}
.card-body {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 26px rgba(11, 31, 92, .09);
    transition: transform .3s ease, box-shadow .3s ease;
}
.text-white{
	color:#fff !important;
}
.padding-top50{
	padding-top:50px;
}
.card-p {
    color: var(--navy);
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 800;
}
.body {
    padding: 22px 24px;
    border-top: 3px solid var(--blue);
}
.card-li {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--blue);
    font-weight: 700;
    font-size: 13px;
}
.client.text-white {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 14px;
    text-transform: capitalize;
}
.client-head {
    display: flex;
    justify-content: center;
}
.client-para {
    font-size: 15.5px;
    color: #c9d2f5;
    text-align: center;
    margin-left: 460px;
    margin-right: 474px;
}
.card-frame {
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 16px;
    padding: 20px 0px 20px 0px;
    width: 30%;
}
.client-section {
    margin-top: 50px;
    padding-bottom: 60px !important;
}
.client-tab.text-white {
    display: flex;
    align-items: center;
    gap: 14px !important;
    padding: 14px 18px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .12);
    cursor: pointer;
    transition: all .2s;
    width: 50%;
    margin-left: 300px;
    margin-bottom: 15px !important;
}
.client-header {
    padding-top: 20px;
}
.map-section {
    max-width: 800px;
    margin: 0 auto;
    background: #fff;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 10px 34px rgba(11, 31, 92, .1);
    border: 1px solid #eef0f7;
    margin-top: 50px;
}
.map-img {
    padding-left: 100px;
}
.cta-section {
    padding-top: 65px !important;
}
.cta-col {
    background: linear-gradient(90deg, var(--blue), var(--navy));
    color: #fff;
    align-items: center;
    padding: 32px 50px;
    border-radius: 14px;
    max-width: 1240px;
    margin: 0 auto 80px;
    margin-bottom: 60px !important;
}
.cta-pill {
    background: linear-gradient(90deg, var(--blue), var(--navy));
    color: #fff !important;
    padding: 10px 22px !important;
    border-radius: 24px !important;
    font-weight: 700 !important;
}
.tb-right {
    padding-right: 40px;
}
.tb-lang {
    float: left;
    padding-right: 17px;
}

.topbar .tb-right a {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    transition: background .2s;
}
.tb-left span {
    color: #fff;
    margin-left: 15px;
    font-size: 11px;
}
.cta-click {
    color: #fff;
    margin-left: 9px;
}.cta-button {
    background: var(--orange);
    /* color: #fff; */
    border: none;
    border-radius: 30px;
    padding: 14px 30px;
    font-weight: 800;
    font-size: 13.5px;
    letter-spacing: .5px;
    cursor: pointer;
	
}
.cta-text {
    font-size: 20px;
    font-weight: 800;
}
 .card-body:hover{transform:translateY(-8px);box-shadow:0 16px 34px rgba(11,31,92,.16);}
  .card-body .img-wrap{height:200px;overflow:hidden;}
  .card-body .img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
  .card-body:hover .img-wrap img{transform:scale(1.08);}
  .card-body .body{padding:22px 24px;border-top:3px solid var(--blue);}
  .card-body:nth-child(2) .body{border-top-color:var(--navy);}
  .card-body:nth-child(3) .body{border-top-color:var(--orange);}
  .card-body h3{color:var(--navy);font-size:18px;margin-bottom:10px;}
  .card-body .view2{
    display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-weight:700;font-size:13px;
  }













 /* ---------- SCROLL REVEAL ---------- */
  .reveal{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.25,.7,.35,1),transform .8s cubic-bezier(.25,.7,.35,1);}
  .reveal.visible{opacity:1;transform:translateY(0);}
  .reveal-scale{opacity:0;transform:scale(.92);transition:opacity .7s cubic-bezier(.25,.7,.35,1),transform .7s cubic-bezier(.25,.7,.35,1);}
  .reveal-scale.visible{opacity:1;transform:scale(1);}

  /* ---------- SECTION HEADINGS ---------- */
  .section-tag{display:flex;justify-content:center;margin-bottom:14px;}
  .section-tag span{
    font-size:12.5px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;
    color:var(--orange);background:rgba(247,148,29,.1);padding:6px 18px;border-radius:20px;
  }
  .section-title{
    text-align:center;font-size:36px;color:var(--navy);font-weight:800;margin-bottom:20px;
  }
  .section-title b{color:var(--blue);}
  .bg-alt{background:#f5f7fb;}

  /* ---------- PRESIDENT (quote card) ---------- */
  .quote-card{
    max-width:920px;margin:0 auto;background:#fff;border-radius:16px;
    padding:50px 56px;position:relative;box-shadow:0 14px 44px rgba(11,31,92,.1);
    border-left:6px solid var(--orange);
  }
  .quote-mark{
    font-family:Georgia,serif;font-size:80px;color:var(--blue);opacity:.18;
    position:absolute;top:14px;left:26px;line-height:1;
  }
  .quote-card p{color:var(--muted);font-size:16px;margin-bottom:16px;position:relative;z-index:2;}
  .quote-sign{display:flex;align-items:center;gap:14px;margin-top:26px;}
  .quote-sign .avatar{
    width:50px;height:50px;border-radius:50%;
    background:linear-gradient(135deg,var(--blue),var(--navy));
    display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;
  }
  .quote-sign .name{color:var(--navy);font-weight:700;font-size:15.5px;}
  .quote-sign .role{color:var(--muted);font-size:13px;}

  @media(max-width:720px){
    .section-title{font-size:26px;}
    .quote-card{padding:34px 24px;}
  }











.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
  .offer-card2{
    background:#fff;border-radius:14px;overflow:hidden;
    box-shadow:0 8px 26px rgba(11,31,92,.09);
    transition:transform .3s ease, box-shadow .3s ease;
  }
  .offer-card2:hover{transform:translateY(-8px);box-shadow:0 16px 34px rgba(11,31,92,.16);}
  .offer-card2 .img-wrap{height:200px;overflow:hidden;}
  .offer-card2 .img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
  .offer-card2:hover .img-wrap img{transform:scale(1.08);}
  .offer-card2 .body{padding:22px 24px;border-top:3px solid var(--blue);}
  .offer-card2:nth-child(2) .body{border-top-color:var(--navy);}
  .offer-card2:nth-child(3) .body{border-top-color:var(--orange);}
  .offer-card2 h3{color:var(--navy);font-size:18px;margin-bottom:10px;}
  .offer-card2 .view2{
    color:var(--blue);font-size:13.5px;font-weight:700;
  }

  @media(max-width:960px){
    .offer-grid{grid-template-columns:1fr 1fr;}
  }
  @media(max-width:720px){
    .section-title{font-size:26px;}
    .offer-grid{grid-template-columns:1fr;}
  }











 .reveal{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.25,.7,.35,1),transform .8s cubic-bezier(.25,.7,.35,1);}
  .reveal.visible{opacity:1;transform:translateY(0);}
  .reveal-left{opacity:0;transform:translateX(-50px);transition:opacity .8s cubic-bezier(.25,.7,.35,1),transform .8s cubic-bezier(.25,.7,.35,1);}
  .reveal-left.visible{opacity:1;transform:translateX(0);}
  .reveal-right{opacity:0;transform:translateX(50px);transition:opacity .8s cubic-bezier(.25,.7,.35,1),transform .8s cubic-bezier(.25,.7,.35,1);}
  .reveal-right.visible{opacity:1;transform:translateX(0);}
  .reveal-group.visible > *:nth-child(1){transition-delay:.05s;}
  .reveal-group.visible > *:nth-child(2){transition-delay:.16s;}
  .reveal-group.visible > *:nth-child(3){transition-delay:.27s;}
  .reveal-group.visible > *:nth-child(4){transition-delay:.38s;}
  .reveal-group > *{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.25,.7,.35,1),transform .7s cubic-bezier(.25,.7,.35,1);}
  .reveal-group.visible > *{opacity:1;transform:translateY(0);}

  /* ---------- OUR ESTEEMED CLIENTS ---------- */
  .clients2::after{
    content:"";position:absolute;bottom:-140px;left:-140px;width:340px;height:340px;
    border-radius:50%;background:radial-gradient(circle,rgba(247,148,29,.15),transparent 70%);
  }
  .clients2-head{text-align:center;max-width:640px;margin:0 auto 44px;position:relative;z-index:2;}
  .clients2-head h2{font-size:32px;font-weight:800;margin-bottom:14px; color:#fff;}
  .clients2-head p{font-size:15.5px;color:#c9d2f5;}
  .clients2-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;max-width:1000px;margin:0 auto;position:relative;z-index:2;}
  .client-tabs{display:flex;flex-direction:column;gap:10px;}
  .client-tab{
    display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:10px;
    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
    cursor:pointer;transition:all .2s;
  }
  .client-tab .dot{width:10px;height:10px;border-radius:50%;background:var(--blue);flex-shrink:0;}
  .client-tab:nth-child(2) .dot{background:var(--navy-dark);border:2px solid #fff;}
  .client-tab:nth-child(3) .dot{background:#fff;}
  .client-tab:nth-child(4) .dot{background:var(--orange);}
  .client-tab span.cname2{font-weight:700;font-size:14.5px;letter-spacing:.3px;}
  .client-tab:hover{background:rgba(255,255,255,.1);}
  .client-tab.active{background:rgba(247,148,29,.15);border-color:var(--orange);}
  .client-tab.active .dot{box-shadow:0 0 0 4px rgba(247,148,29,.25);}
  .clients2-car .car-frame2{
    background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:20px;
  }
  .clients2-car img{border-radius:10px;margin-bottom:14px;width:100%;height:220px;object-fit:cover;transition:opacity .3s;}
  .clients2-car .car-title2{font-weight:700;font-size:15px;margin-bottom:6px;}
  .clients2-car p{font-size:13.5px;color:#c9d2f5;font-style:italic;}

  @media(max-width:960px){
    .clients2-layout{grid-template-columns:1fr;}
  }
.footer_top {
    padding: 0px 0 0px;
}
 .footer-top2{
    display:grid;grid-template-columns:1.3fr 1fr 1fr 1.5fr;gap:36px;
    padding:60px 0 36px;border-bottom:1px solid rgba(255,255,255,.12);
  }
  .footer-logo-wrap2{display:flex;flex-direction:column;gap:16px;}
  .footer-logo-badge2{background:#fff;display:inline-flex;padding:10px 16px;border-radius:6px;width:fit-content;}
  .footer-logo-badge2 img{height:26px;}
  .footer-tagline2{font-size:13.5px;color:#a9b2d6;line-height:1.7;max-width:260px;}
  .footer-col2 h5{color:#fff;font-size:14.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:18px;}
  .footer-col2 a{display:block;margin-bottom:12px;color:#b7bedd;font-size:14.5px;transition:color .2s;}
  .footer-col2 a:hover{color:var(--orange);}
  .footer-info2 p{margin-bottom:12px;font-size:13.5px;color:#a9b2d6;}
  .footer-info2 b{color:#e6e9f7;}
  .footer-bottom2{justify-content:space-between;padding:22px 0;font-size:13px;color:#8a92b8;flex-wrap:wrap;gap:10px;text-align:center;}

  @media(max-width:960px){
    .footer-top2{grid-template-columns:1fr 1fr;}
  }
  @media(max-width:720px){
    .footer-top2{grid-template-columns:1fr;padding:44px 0 24px;}
  }


.read-button {
    text-align: center;
}



a.read-btn {
    background: #0b1f5c;
    color: #fff;
    border: none;
    padding: 14px 34px;
    border-radius: 30px;
    font-weight: 700;
    font-size: 13.5px;
    letter-spacing: 1px;
    cursor: pointer;
}


.quote-card-2 {
    max-width: 920px;
    margin: 0 auto;
    background: #fff;
    border-radius: 16px;
    padding: 30px 56px;
    position: relative;
    box-shadow: 0 14px 44px rgba(11, 31, 92, .1);
    border-left: 6px solid var(--orange);
    margin-bottom: 15px !important;
}
.about-card-2 {
    background: #fff;
    border-radius: 12px;
    padding: 30px 26px;
    border-top: 4px solid var(--blue);
    box-shadow: 0 6px 24px rgba(11, 31, 92, .07);
    margin-bottom: 25px !important;
	margin-top:30px
}
.home-h2 {
    font-size: 19.5px;
    font-weight: 800;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--orange);
    background: rgba(247, 148, 29, .1);
    padding: 6px 18px;
    border-radius: 20px;
    margin-bottom: 25px !important;
	margin-top: -43px;}
.head-h2-2 {
    font-size: 36px;
    text-transform: none;
    color: #0b1f5c;
    font-weight: 800;
    margin-top: 30px;
    margin-bottom: 20px !important;
}
.product-a{
	color: #1e88d6;
    text-decoration: none;
    cursor: pointer;
}
.quote-card-3 {
    max-width: 920px;
    margin: 0 auto;
    background: #fff;
    border-radius: 16px;
    padding: 12px 17px;
    position: relative;
    box-shadow: 0 14px 44px rgba(11, 31, 92, .1);
    border-left: 6px solid var(--orange);
    margin-bottom: 15px !important;
}
.company-img {
    margin-top: 60px;
}
.ctn-icon i {
    color: #000;
    font-size: 31px;
    /* margin-top: 21px; */
    /* margin-right: 26px !important; */
    margin-left: 110px;
}
.drop_down .narrow .second .inner ul li {
    padding: 0;
    width: 225px;
    background: #081746;
    color: #fff;
    border-bottom: solid;
    margin-top: -2px;
}
.menu_icon.fa-angle-down.fa {
    float: right;
    margin-left: 7px;
    position: relative;
    top: 42px;
}
.drop_down .second .inner>ul, li.narrow .second .inner ul {
    display: inline-block;
    position: relative;
    background-color: #081746;
    border-color: #081746;
}
.read-button-2 {
    text-align: center;
    margin-top: 33px;
}

.single-para {
    font-size: 15px;
    margin-top: 15px;
    margin-left: 61px;
    margin-right: 24px;
}
.quote-card-5 {
    max-width: 920px;
    margin: 0 auto;
    background: #fff;
    border-radius: 16px;
    padding: 25px 17px;
    position: relative;
    box-shadow: 0 14px 44px rgba(11, 31, 92, .1);
    border-left: 6px solid var(--orange);
    margin-bottom: 15px !important;
}
.company-bold {
    font-size: 18px;
    color: #1e88d6;
}
.form-css {
    padding: 30px;
    background: #081746;
    color: #000;
    border-radius: 20px;
}
.form-css label {
    color: #fff;
}
input.wpcf7-form-control.wpcf7-submit:not([disabled]) {
    border: 2px solid #303030;
    color: #303030;
    /* align-items: center; */
    /* display: flex; */
    /* justify-content: center; */
    /* position: revert-rule; */
    margin-left: 470px;
}

.body-2 {
    padding: 22px 24px;
    border-top: 3px solid var(--blue);
    box-shadow: 1px 1px 11px 1px #00000017;
}
.cta-button-2 {
    background: var(--orange);
    /* color: #fff; */
    border: none;
    border-radius: 30px;
    padding: 14px 30px;
    font-weight: 800;
    font-size: 13.5px;
    letter-spacing: .5px;
    cursor: pointer;
    margin-top: 17px;
}

.form-css input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #f3981f;
    color: #fff;
    padding: 6px 37px 5px 37px;
}
.offering-a {
    color: #fff;
}


















































@media only screen and (max-width:600px){
	
	
	.hero-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px 30px 45px 0px !important;
    position: relative;	
}
	    .reveal.visible {
        opacity: 1;
        transform: translateY(0);
        font-size: 15px;
    }
	
	.section-title {
    font-size: 25px !important;
}
	
	.quote-card {
    max-width: 860px;
    margin: 15px !important;
    background: #fff;
    border-radius: 16px;
    padding: 50px 56px;
    position: relative;
    box-shadow: 0 14px 44px rgba(11, 31, 92, .1);
    border-left: 6px solid var(--orange);
}
	
	    .clients2-head h2 {
        font-size: 21px !important;
        font-weight: 800;
        margin-bottom: 14px;
        color: #fff;
    }

	
	.client-tab {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .12);
    cursor: pointer;
    transition: all .2s;
    margin: 9px!important;
}
	.clients2-car .car-frame2 {
        background: rgba(255, 255, 255, .06);
        border: 1px solid rgba(255, 255, 255, .14);
        border-radius: 16px;
        padding: 9px 9px 9px 9px;
        margin: 10px 10px 10px 10px;
    }
	
	.map-img {
     padding-left:0px !important;
}
	
	.cta-button {
        background: var(--orange);
        /* color: #fff; */
        border: none;
        border-radius: 30px;
        padding: 8px 85px !important;
        font-weight: 800;
        font-size: 14.5px;
        letter-spacing: .5px;
        cursor: pointer;
        margin-top: 10px;
    }
    .cta-text {
        font-size: 14px !important;
        font-weight: 800;
        padding-left: 35px;
    }	
	.head-h2 {
    font-size: 20px!important;
    text-transform: none;
    color: #0b1f5c;
    font-weight: 800;
    margin-bottom: -15px !important;
}
	.cta-col {
        background: linear-gradient(90deg, var(--blue), var(--navy));
        color: #fff;
        align-items: center;
        padding: 11px 5px !important;
        border-radius: 14px;
        max-width: 1240px;
        margin: 13px !important;
        margin-bottom: 10px !important;
    }
	
	.card-body {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 26px rgba(11, 31, 92, .09);
    transition: transform .3s ease, box-shadow .3s ease;
    margin-bottom: 20px !important;
}
	
	
	.read-button {
    text-align: center;
    margin-top: -35px !important;
}
	
	.footer-logo-wrap2 {
    display: flex;
    flex-direction: column;
    gap: 5px!important;
}
	
    .head-h2-2 {
        font-size: 23px !important;
        text-transform: none;
        color: #0b1f5c;
        font-weight: 800;
        margin-top: 15px !important;
        margin-bottom: 5px !important;
    }
.quote-card-3 {
    max-width: 920px;
    /* margin: 10px auto; */
    background: #fff;
    border-radius: 16px;
    padding: 12px 17px;
    position: relative;
    box-shadow: 0 14px 44px rgba(11, 31, 92, .1);
    border-left: 6px solid var(--orange);
    margin-bottom: 15px !important;
    margin-right: 14px !important;
    margin-left: 10px !important;
}
.quote-card-5 {
    max-width: 920px;
    margin: 0 auto;
    background: #fff;
    border-radius: 16px;
    padding: 25px 17px;
    position: relative;
    box-shadow: 0 14px 44px rgba(11, 31, 92, .1);
    border-left: 6px solid var(--orange);
    margin-bottom: 15px !important;
    margin-left: 10px;
    margin-right: 14px;
}
	.about-card-2 {
    background: #fff;
    border-radius: 12px;
    padding: 30px 26px;
    border-top: 4px solid var(--blue);
    box-shadow: 0 6px 24px rgba(11, 31, 92, .07);
    margin-bottom: 25px !important;
     margin-top: 0px !important;
}
	
.journey-title {
    padding: 18px 13px 0px;
}
	
	.journey-content {
    padding: 41px 1px 0px !important;
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 0px !important;
    max-width: 980px;
}
	.big-year {
    font-size: 40px !important;
    color: #000 !important;
    font-weight: 400;
}
	
	.journey-title {
    padding: 25px 0px 0p 0px !important;
}
.year-rail {
    padding: 25px 0px 0px !important;
}	
	.entry .month {
    font-family: Arial, Calibri, sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: #f3971c;
    margin-bottom: -3px;
    margin-left: -80px !important;
}
	.entry .desc {
    font-family: Arial, Calibri, sans-serif;
    font-size: 14px;
    color: #0075c1;
    margin-left: -79px;
}
	.year-node .dot {
    width: 16px !important;
    height: 16px !important;
    border-radius: 50%;
    border: 2px solid var(--muted);
    background: var(--paper);
    transition: border-color .2s, background .2s, transform .2s;
}
	.year-node .yr {
    font-size: 12px !important;
    color: var(--muted);
    font-weight: 700;
    transition: color .2s;
}
	.year-node {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px !important;
    cursor: pointer;
    background: none;
    border: none;
    font-family: Arial, Calibri, sans-serif;
}
	.rail-track {
    position: relative;
    display: flex;
    justify-content: space-between;
    max-width: 980px;
    margin-left: -28px !important;
}
	.cta-click {
    color: #fff;
    margin-left: 9px;
    text-align: center !important;
    display: block !important;
}
	.single-para {
    font-size: 15px;
    margin-top: 15px;
    margin-left: 0px !important;
     margin-right:0px !important;
}
	.crs-img {
    padding-bottom: 10px !important;
}
	
	
	.crs-img {
    padding-bottom: 10px !important;
}
	.head-h2-23 {
        font-size: 25px !important;
        text-transform: none;
        color: #0b1f5c;
        font-weight: 800;
        margin-top: 30px;
        margin-bottom: 0px;
        margin-left: 30px !important;
    }
	.body-2 {
    padding: 22px 24px;
    border-top: 3px solid var(--blue);
    box-shadow: 1px 1px 11px 1px #00000017;
    margin-bottom: 20px !important;
}
	input.wpcf7-form-control.wpcf7-submit:not([disabled]) {
    border: 2px solid #303030;
    color: #303030;
    /* align-items: center; */
    /* display: flex; */
    /* justify-content: center; */
    /* position: revert-rule; */
    margin-left: 55px !important;
}
	.quote-card-2 {
    max-width: 920px;
    margin: 0 auto;
    background: #fff;
    border-radius: 16px;
    padding: 12px 23px !important;
    position: relative;
    box-shadow: 0 14px 44px rgba(11, 31, 92, .1);
    border-left: 6px solid var(--orange);
    margin-bottom: 15px !important;
}
	
	.ctn-icon {
    margin-top: -24px !important;
}
	
	.ctn-icon i {
    color: #000;
    font-size: 31px;
    /* margin-top: 21px; */
    /* margin-right: 26px !important; */
    margin-left: 210px !important;
}


.hero-left h1 {
    font-size: 26px !important;
    font-weight: 800;
    color: var(--navy);
    line-height: 1.28;
    margin-bottom: 20px;
    opacity: 0;
}	
	.btn-solid {
    background: var(--navy);
    color: #fff;
    padding: 5px 21px !important;
    border-radius: 8px;
    font-weight: 700;
    font-size: 14px;
    border: 2px solid var(--navy);
    cursor: pointer;
}
	.section-tag span {
    font-size: 12.5px;
    font-weight: 800;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--orange);
    background: rgba(247, 148, 29, .1);
    padding: 6px 18px;
    border-radius: 20px;
}
	
	section.section {
    display: block;
    position: relative;
    padding: 30px 0;
    overflow: hidden;
}
	
element.style {
}
.about-grid {
     display:block !important;
    
}
.offer-card2 h3 {
    color: var(--navy);
    font-size: 15px !important;
    margin-bottom: 10px;
}	
	.cta-col {
        background: linear-gradient(90deg, var(--blue), var(--navy));
        color: #fff;
        align-items: center;
        padding: 11px 5px !important;
        border-radius: 14px;
        max-width: 1240px;
        margin: 13px !important;
        margin-bottom: 10px !important;
    }
	.footer-top2 {
    display: grid;
    grid-template-columns: none;
    gap: 10px !important;
    padding: 60px 0 36px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}
	.footer-col2 a {
    display: block;
     margin-bottom: 1px !important; 
    color: #b7bedd;
    font-size: 14.5px;
    transition: color .2s;
}
	.footer-col2 h5 {
    color: #fff;
    font-size: 14.5px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    margin-bottom: 2px !important;
}
	.cta-section {
    padding-top: 10px !important;
}
.heading-h4 {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
}	
.home-h2 {
    font-size: 19.5px;
    font-weight: 800;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--orange);
    background: rgba(247, 148, 29, .1);
    padding: 6px 18px;
    border-radius: 20px;
    margin-bottom: 20px !important;
    margin-top: -20px !important;
}	
	.company-img {
    margin-top: 25px !important;
}
.h2-heading {
    display: flex;
    justify-content: center;
     margin-top: 0px !important;
}	
.padding-top50 {
    padding-top: 25px !important;
}	
	
	.milestones .entry {
    padding: 6px 0;
    border-bottom: 1px solid var(--line);
}
	
	.milestones .entry {
    padding: 4px 0;
    border-bottom: 1px solid var(--line);
}
	.form-css {
    padding: 25px 20px 0px 20px;
    background: #081746;
    color: #000;
    border-radius: 15px;
}
	
.clients2-head {
    text-align: center;
    max-width: 640px;
    margin: 0 auto 20px;
    position: relative;
    z-index: 2;
}	
	
	.about-intro {
    max-width: 900px;
    margin: 0px auto 4px;
    text-align: center;
    color: var(--muted);
    font-size: 16.5px;
}
	i.qode_icon_font_awesome.fa.fa-bars {
    margin-left: 16px;
    font-size: 20px;
    border: 2px solid #081746;
    padding: 8px;
    border-radius: 5px;
    color: #081746;
}
	
	
}
	
	
	





































.head-h2-23 {
    font-size: 36px;
    text-transform: none;
    color: #0b1f5c;
    font-weight: 800;
    margin-top: 30px;
    margin-bottom: 20px !important;
}
nav.main_menu>ul>li>a {
    position: relative;
    padding: 1px 11px;
 
}
	
	


  .journey-title{
    padding:64px 48px 8px;
  }
  .journey-title h2{
    font-size:34px;
    font-weight:400;
    color:#000 !important;
  }

  /* Year rail */
  .year-rail{
    padding:40px 48px 0;
  }
  .rail-track{
    position:relative;
    display:flex;
    justify-content:space-between;
    max-width:980px;
  }
  .rail-track::before{
    content:"";
    position:absolute ;
    left:0; right:0; top:11px;
    height:1px;
    background:#d5d2d2;;
  }
  .year-node{
    position:relative ;
    display:flex; flex-direction:column; align-items:center;
    gap:14px;
    cursor:pointer;
    background:none;
    border:none;
    font-family: Arial, Calibri, sans-serif;
  }
  .year-node .dot{
    width:22px; height:22px;
    border-radius:50%;
    border:2px solid var(--muted);
    background:var(--paper);
    transition: border-color .2s, background .2s, transform .2s;
  }
  .year-node .yr{
    font-size:22px;
    color:var(--muted);
    font-weight:700;
    transition: color .2s;
  }
  .year-node.active .dot{
    border-color:#c6772f !important;
    background:#c6772f !important;
    transform:scale(1.05);
  }
  .year-node.active .yr{
    color:var(--ink);
  }
  .year-node:hover .yr{
    color:var(--ink-soft);
  }

  /* Content */
  .journey-content{
    padding:56px 48px 100px;
    display:grid;
    grid-template-columns:200px 1fr;
    gap:32px;
    max-width:980px;
  }
  .big-year{
    font-size:64px;
    color:#000 !important;
    font-weight:400;
  }
  .milestones .entry{
    padding:18px 0;
    border-bottom:1px solid var(--line);
  }
  .milestones .entry:first-child{padding-top:0;}
  .milestones .entry:last-child{border-bottom:none;}
  .entry .month {
    font-family: Arial, Calibri, sans-serif;
    font-size: 19px;
    font-weight: 700;
    color: #f3971c;
    margin-bottom: 6px;
}
  .entry .desc {
    font-family: Arial, Calibri, sans-serif;
    font-size: 15px;
    color: #0075c1;
}
.section-label{
    font-family: Arial, Calibri, sans-serif;
    font-size:13px;
    color:#c6772f !important;
    margin-bottom:10px;
  }


.tb-right a {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: rgb(243 152 31);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    transition: background .2s;
}
/* .topbar {
    margin-left: 20px;
} */
img.emoji {
	   filter: brightness(0) invert(1);
}

a.screen-reader-text {
    display: none !important;
}