.elementor-kit-14{--e-global-color-primary:#FF6B2C;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-14 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Reset */
 @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700&display=swap');
 * {
     box-sizing: border-box;
     margin: 0;
     padding: 0;
}
 html, body {
     height: 100%;
}
 body {
     font-family: 'Nunito Sans', sans-serif;
     color: #14223A;
     background: #FFFAF6;
     line-height: 1.5;
}
/* One container for the whole page */
 .container {
     max-width: 1200px;
     margin: 0 auto;
     padding: 48px 20px;
}
/* HERO */
 .hero {
     margin-bottom: 56px;
}
 .hero .hero-grid {
     display: grid;
     grid-template-columns: 1.05fr 1fr;
     align-items: center;
     gap: 28px;
}
 .hero-right img {
     width: 100%;
     height: auto;
     display: block;
     filter: drop-shadow(0 10px 24px rgba(0,0,0,.08));
}
 .title {
     font-weight: 500;
     font-size: clamp(32px, 4.2vw, 56px);
     letter-spacing: .2px;
}
 .subtext {
     color: #6C7891;
     margin-top: 22px;
     max-width: 650px;
}
/* Accent underline */
 .accent {
     position: relative;
     display: inline-block;
     color: #FF6B2C;
}
 .accent::after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     bottom: -8px;
     height: 10px;
     background: #14223A;
     z-index: -1;
}
 .accent-orange {
     color: #FF6B2C;
}
/* CTAs */
 .cta-row {
     display: flex;
     align-items: center;
     gap: 26px;
     margin-top: 30px;
}
 .btn {
     display: inline-block;
     padding: 14px 18px;
     border-radius: 999px;
     font-weight: 600;
     text-decoration: none;
     transition: transform .12s, box-shadow .2s, background .2s;
}
 .primary {
     background: #fff;
     color: #FF6B2C;
     box-shadow: 0 10px 28px rgba(255,107,44,.25);
}
 .primary:hover {
     transform: translateY(-1px);
}
 .link-play {
     display: inline-flex;
     align-items: center;
     gap: 14px;
     color: #24324C;
     text-decoration: none;
     font-weight: 600;
}
 .play-icon {
     width: 38px;
     height: 38px;
     position: relative;
     display: inline-block;
}
 .play-icon .ring {
     position: absolute;
     inset: 0;
     border-radius: 50%;
     border: 3px solid #24324C;
     opacity: .9;
}
 .play-icon .dot {
     position: absolute;
     left: 50%;
     top: 35%;
     width: 8px;
     height: 8px;
     background: #FF6B2C;
     border-radius: 50%;
     transform: translate(-50%, -50%);
}
/* SERVICES — still inside same container */
 .services {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 30px;
     padding:30px 0;
}
 .service-box {
     background: #fff;
     border-radius: 12px;
     box-shadow: 0 5px 20px rgba(0,0,0,0.08);
     padding: 40px 24px;
     text-align: center;
     transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;
     cursor: pointer;
}
 .service-box:hover {
     background: #FF6B2C;
     color: #fff;
     transform: translateY(-6px);
     box-shadow: 0 24px 60px rgba(16,39,112,.18);
}
 .icon {
     width: 80px;
     height: 80px;
     margin: 0 auto 18px;
     background: #f0f3ff;
     clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
     display: grid;
     place-items: center;
     font-size: 30px;
     color: #FF6B2C;
     transition: background .25s ease, color .25s ease;
}
 .service-box:hover .icon {
     background: rgba(255,255,255,.22);
     color: #fff;
}
 .service-title {
     font-weight: 700;
     font-size: 20px;
     margin-bottom: 12px;
}
 .service-text {
     font-size: 14px;
     color: #6C7891;
     margin-bottom: 18px;
     transition: color .25s;
}
 .service-box:hover .service-text {
     color: #fff;
}
 .read-more {
     font-weight: 700;
     color: #FF6B2C;
     text-decoration: none;
     transition: color .25s;
}
 .service-box:hover .read-more {
     color: #fff;
}
/* Responsive */
 @media (max-width: 980px) {
     .hero .hero-grid {
         grid-template-columns: 1fr;
    }
}
 @media (max-width: 900px) {
     .services {
         grid-template-columns: repeat(2, 1fr);
    }
}
 @media (max-width: 560px) {
     .services {
         grid-template-columns: 1fr;
    }
     .container {
         padding: 28px 16px;
    }
}
/* Section wrapper with soft curved background */
 .about {
     position: relative;
     overflow: hidden;
     padding:50px 0;
}
/* 2-column layout */
 .about-grid{
     display:grid;
     grid-template-columns: 1.1fr 1fr;
     gap: 40px;
     align-items: center;
}
/* Left: 2×2 gallery */
 .gallery{
     display:grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 26px;
}
 .gallery img{
     width:100%;
     height:260px;
    /* adjust to your taste */
     object-fit:cover;
     border-radius:18px;
     display:block;
     box-shadow: 0 18px 40px rgba(16,39,112,.12);
     transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
 .gallery img:hover{
     transform: translateY(-4px);
     box-shadow: 0 26px 60px rgba(16,39,112,.16);
     filter: saturate(1.05);
}
/* Right: copy */
 .kicker{
     color:#FF6B2C;
     font-weight:700;
     letter-spacing:.15px;
     display:inline-block;
     margin-bottom:14px;
}
 .about h2{
     font-size: clamp(28px, 4vw, 44px);
     line-height:1.2;
     font-weight:800;
     margin-bottom:18px;
     color:#1C2A44;
}
 .about p{
     color:#6C7891;
     margin-bottom:16px;
     max-width: 620px;
}
 .link-more{
     display:inline-block;
     margin-top:8px;
     text-decoration:none;
     font-weight:800;
     color:#FF6B2C;
}
 .link-more:hover{
     opacity:.9;
}
/* Responsive */
 @media (max-width: 980px){
     .about-grid{
         grid-template-columns: 1fr;
    }
     .gallery img{
         height:220px;
    }
}
 @media (max-width: 560px){
     .gallery{
         gap:16px;
    }
     .gallery img{
         height:180px;
    }
}
/* grid for header */
 .header-grid {
     display: grid;
     grid-template-columns: 1fr auto;
    /* left text + right link */
     align-items: center;
     gap: 10px;
}
/* left part */
 .kicker {
     display: block;
     font-size: 14px;
     font-weight: 700;
     color: #FF6B2C;
     margin-bottom: 8px;
}
 .services-header h2 {
     font-size: clamp(26px, 4vw, 40px);
     font-weight: 800;
     margin-bottom: 12px;
     color: #1e2a46;
     line-height: 50px;
}
 .services-header p {
     color: #6c7891;
     font-size: 16px;
     line-height: 1.6;
}
/* right link */
 .header-right a {
     text-decoration: none;
     font-weight: 800;
     color: #FF6B2C;
     font-size: 14px;
     white-space: nowrap;
}
/* responsive */
 @media (max-width: 768px) {
     .header-grid {
         grid-template-columns: 1fr;
         text-align: left;
    }
     .header-right {
         margin-top: 10px;
    }
}
/* GRID that fills full container width */
 .services-grid{
     display: grid ;
     grid-template-columns: repeat(3, 1fr);
     gap: 30px;
     padding: 50px 0;
}
/* Cards must be fluid – no fixed width */
 .service-card{
     background: #fff;
     border-radius: 12px;
     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
     padding: 40px 24px;
     text-align: center;
     transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;
     cursor: pointer;
}
 .service-card .icon {
     font-size:40px;
     margin-bottom:20px;
     color:#FF6B2C;
}
 .service-card h3 {
     font-size:20px;
     font-weight:700;
     margin-bottom:14px;
     color:#1c2a44;
}
 .service-card p {
     font-size:15px;
     color:#6c7891;
     margin-bottom:20px;
}
 .service-card a {
     font-weight:700;
     color:#FF6B2C;
     text-decoration:none;
     transition:color .3s ease;
}
 .service-card:hover{
     background:#FF6B2C;
     transform:translateY(-5px);
     box-shadow:0 12px 28px rgba(255,107,44,0.35);
}
 .service-card:hover h3, .service-card:hover p, .service-card:hover a, .service-card:hover .icon {
     color:#fff;
}
 @media (max-width: 992px){
     .services-grid{
         grid-template-columns: repeat(2, minmax(0,1fr));
    }
}
 @media (max-width: 600px){
     .services-grid{
         grid-template-columns: 1fr;
    }
}
 .wrap {
     max-width: 1200px;
     margin: 0 auto;
     padding: 50px 0px;
}
 .grid {
     display: grid;
     grid-template-columns: 460px 1fr;
     gap: 48px;
     align-items: start;
}
/* Left card */
 .card {
     background: #ffffff;
     border-radius: 14px;
     box-shadow: 0 24px 60px rgba(16, 39, 112, .08);
     padding: 32px 28px 28px;
}
 .card h3 {
     font-size: 28px;
     font-weight: 800;
     text-align: center;
     margin-bottom: 18px;
     color: #213251;
}
 .field {
     width: 100%;
     margin-bottom: 16px;
}
 .field input {
     width: 100%;
     padding: 16px 14px;
     border: 0;
     outline: 0;
     border-radius: 10px;
     background: #eef1fe;
     color: #213251;
     font-size: 15px;
}
/* Right content */
 .kicker {
     color: #ff6b2c;
     font-weight: 500;
     margin-bottom: 8px;
     display: inline-block;
}
 h1 {
     font-size: clamp(28px, 4vw, 44px);
     line-height: 1.15;
     font-weight: 800;
     margin: 6px 0 14px;
     color: #213251;
}
 .lead {
     color: #6c7891;
     max-width: 680px;
     margin-bottom: 14px;
}
 .bullets {
     margin-top: 10px;
     display: grid;
     gap: 14px;
}
 .bullet {
     display: grid;
     grid-template-columns: 22px 1fr;
     gap: 14px;
     align-items: start;
     color: #6c7891;
     line-height: 1.7;
}
 .dot {
     width: 10px;
     height: 10px;
     border-radius: 2px;
     background: #ff6b2c;
     box-shadow: 0 0 0 6px rgba(255, 107, 44, .12);
     margin-top: 7px;
}
/* Responsive */
 @media (max-width: 980px) {
     .grid {
         grid-template-columns: 1fr;
         gap: 28px;
    }
}
 .btn_free {
     width: 100%;
     border: 0;
     border-radius: 10px;
     padding: 16px 18px;
     background: #ff6b2c;
     color: #fff;
     font-weight: 800;
     cursor: pointer;
     letter-spacing: .2px;
     box-shadow: 0 16px 30px rgba(255, 107, 44, .25);
     transition: transform .12s ease, filter .12s ease;
}
 .btn_free:hover {
     transform: translateY(-1px);
     filter: saturate(1.05);
}
/* strip */
 .kpis{
     background:#ff6b2c;
    /* orange band */
     padding:32px 0;
}
 .kpis-container{
     max-width:1200px;
     margin:0 auto;
     padding:0 20px;
     display:grid;
     grid-template-columns: repeat(4, 1fr);
     gap:32px;
     align-items:center;
}
/* item */
 .kpi{
     display:grid;
     grid-template-columns: 44px 1fr;
    /* icon + text */
     gap:16px;
     align-items:center;
     color:#fff;
}
 .kpi svg{
     width:44px;
    height:44px;
    display:block;
}
 .kpi .label{
     display:block;
     font-size:18px;
     opacity:.9;
     margin-bottom:6px;
}
 .kpi .value{
     display:block;
     font-size:40px;
     font-weight:800;
     letter-spacing:.5px;
}
/* responsive */
 @media (max-width: 900px){
     .kpis-container{
         grid-template-columns: repeat(2, 1fr);
         row-gap:24px;
    }
}
 @media (max-width: 520px){
     .kpis-container{
         grid-template-columns: 1fr;
    }
     .kpi{
         grid-template-columns: 40px 1fr;
    }
     .kpi .value{
         font-size:32px;
    }
}
 .newsletter {
     padding: 50px 15px;
     text-align: center;
}
 .newsletter-card {
     max-width: 700px;
     margin: 0 auto;
     background: #fff;
     border-radius: 10px;
     box-shadow: 0 12px 35px rgba(0,0,0,0.08);
     padding: 40px 30px;
}
 .newsletter-card h2 {
     font-size: 28px;
     font-weight: 700;
     color: #1e2a46;
     margin-bottom: 28px;
}
 .newsletter-form {
     display: flex;
     justify-content: center;
     align-items: center;
     background: #fff;
     border-radius: 50px;
     box-shadow: 0 6px 20px rgba(0,0,0,0.08);
     padding: 6px;
}
 .newsletter-form input {
     flex: 1;
     border: none;
     outline: none;
     padding: 14px 18px;
     font-size: 16px;
     border-radius: 50px;
     color: #333;
}
 .newsletter-form button {
     background: #ff6b2c;
     border: none;
     color: #fff;
     font-weight: 700;
     padding: 14px 28px;
     border-radius: 50px;
     cursor: pointer;
     margin-left: 10px;
     box-shadow: 0 6px 12px rgba(255, 107, 44, 0.35);
     transition: background 0.2s ease, transform 0.2s ease;
}
 .newsletter-form button:hover {
     background: #ff5310;
     transform: translateY(-2px);
}
/* Responsive */
 @media (max-width: 600px) {
     .newsletter-form {
         flex-direction: column;
         padding: 10px;
    }
     .newsletter-form input {
         width: 100%;
         margin-bottom: 12px;
    }
     .newsletter-form button {
         width: 100%;
         margin-left: 0;
    }
}
 .site-footer{
     font-family:'Nunito Sans',sans-serif;
     color:#1e2a46;
     background:#ffffff;
}
 .footer-top {
     position: relative;
     overflow: hidden;
     padding: 48px 0 15px;
     background: #fff;
    /* white background */
}
 .footer-top::before {
     content: "";
     position: absolute;
     inset: 0;
     background: url("../images/map.png") center center no-repeat;
     background-size: cover;
     opacity: 0.08;
    /* faint effect */
     pointer-events: none;
    /* user interaction block na kare */
}
 .footer-top > .container {
     position: relative;
     z-index: 1;
    /* content ko upar rakho */
}
 .container{
     max-width:1200px;
     margin:0 auto;
     padding:0 20px;
}
 .grid-4{
     display:grid;
     grid-template-columns: 1.2fr 1fr 1fr 1.2fr;
     gap:40px;
}
 .col h4{
     font-size:18px;
     letter-spacing:.5px;
     color:#223351;
     margin:8px 0 14px;
}
 .about p{
     color:#6c7891;
     line-height:1.8;
     margin:12px 0 18px;
}
 .brand{
     display:flex;
     align-items:center;
     gap:10px;
     margin-bottom:8px;
}
.brand img {
    width: 150px;
}
 .logo-mark{
     display:inline-grid;
     place-items:center;
     width:40px;
     height:40px;
     border-radius:8px;
     background:#ff6b2c;
     color:#fff;
     font-weight:800;
}
 .logo-text{
     color:#223351;
}
/* lists */
 .links{
     list-style:none;
     padding:0;
     margin:0;
}
 .links li{
     margin:10px 0;
}
 .links a{
     color:#223351;
     text-decoration:none;
}
 .links a:hover{
     color:#ff6b2c;
}
 .contact{
     list-style:none;
     padding:0;
     margin:0;
     color:#6c7891;
}
 .contact li{
     margin:10px 0;
}
 .contact li a{
     margin:10px 0;
	 color:#6c7891;
	 text-decoration:none;
}


 .contact strong{
     color:#223351;
}
/* socials */
 .socials{
     display:flex;
     gap:12px;
}
 .circle{
     width:36px;
     height:36px;
     border-radius:50%;
     border:1px solid #d9deea;
     display:grid;
     place-items:center;
     text-decoration:none;
}
 .circle svg{
     width:18px;
     height:18px;
     fill:#1e2a46;
     transition:fill .2s ease;
}
 .circle:hover svg{
     fill:#ff6b2c;
}
/* bottom bar */
 .footer-bottom{
     background:#223351;
     color:#ced6e2;
     padding:14px 0;
     margin-top:20px;
}
 .bottom-row{
     display:flex;
     justify-content:space-between;
     align-items:center;
     gap:20px;
     font-size:14px;
}
 .bottom-links a{
     color:#ced6e2;
     text-decoration:none;
}
 .bottom-links a:hover{
     color:#ffffff;
}
 .sep{
     margin:0 10px;
     color:#8fa0ba;
}
 @media (max-width: 980px){
     .grid-4{
         grid-template-columns: 1fr 1fr;
    }
}
 @media (max-width: 560px){
     .grid-4{
         grid-template-columns: 1fr;
    }
     .bottom-row{
         flex-direction:column;
         text-align:center;
    }
}



.blog-section {
  padding: 60px 20px;
  background: #f8fcff;
  text-align: center;
}

.blog-section .section-head .tag {
  display: inline-block;
  background: #e6f9f5;
  color: #06b48a;
  font-size: 13px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 6px;
  margin-bottom: 14px;
}

.blog-section .section-head h2 {
  font-size: 32px;
  font-weight: 800;
  color: #1e2a46;
  margin-bottom: 40px;
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 28px;
}

.blog-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 24px;
  text-align: left;
  transition: all 0.3s ease;
  cursor: pointer;
}

.blog-card:hover {
  border-color: #ff6b2c;
  box-shadow: 0 10px 25px rgba(255,107,44,0.25);
  transform: translateY(-4px);
}

.blog-card:hover .title {
  color: #ff6b2c;
}

.blog-section .meta {
  display: flex;
  gap: 16px;
  font-size: 14px;
  color: #6c7891;
  margin-bottom: 12px;
}

.blog-section .title {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  margin-bottom: 12px;
}

.blog-card p {
  font-size: 15px;
  color: #6c7891;
  line-height: 1.6;
  margin-bottom: 10px;
}

.blog-section .author {
  display: flex;
  align-items: center;
  gap: 10px;
}
.blog-section .author img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.blog-section .author span {
  font-size: 15px;
  color: #1e2a46;
}



.page-title {
  position: relative;
  padding: 60px 20px;
  text-align: center;
  background: #f5f7fc url("../images/bg-pattern-2.png") center center no-repeat;
  background-size: cover;  /* image full stretch ho */
  color: #1e2a46;
}

.page-title h1 {
  margin: 0 0 12px;
  font-size: 36px;
  font-weight: 800;
}

.page-title .breadcrumbs {
  font-size: 14px;
  color: #6c7891;
}
.page-title .breadcrumbs a {
  color: #6c7891;
  text-decoration: none;
}
.page-title .breadcrumbs a:hover {
  color: #ff6b2c;
}
.page-title .breadcrumbs .dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ff6b2c;
  margin: 0 8px;
}


.plans-grid{
  display:grid;
  grid-template-columns: 1.1fr 1fr; /* text + image */
  gap:48px;
  align-items:center;
}

.plans-text h2{
  font-size: clamp(26px, 3.8vw, 40px);
  line-height:1.2;
  font-weight:800;
  margin:0 0 14px;
  color:#223351;
}
.lead{
  color:#6c7891;
  line-height:1.8;
  margin-bottom:18px;
  max-width: 640px;
}

/* list with orange diamond bullets */
.ticklist{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.ticklist li{
  position:relative;
  padding-left:28px;
  color:#51607a;
}
.ticklist li::before{
  content:"";
  position:absolute;
  left:0; top:.45em;
  width:10px; height:10px;
  background:#ff6b2c;
  border-radius:2px;
  box-shadow: 0 0 0 6px rgba(255,107,44,.12);
}

/* illustration */
.plans-ill img{
  width:100%;
  height:auto;
  display:block;
  filter: drop-shadow(0 16px 40px rgba(16,39,112,.12));
}

/* responsive */
@media (max-width: 980px){
  .plans-grid{ grid-template-columns: 1fr; gap:28px }
  .plans-ill{ order:2 }
  .plans-text{ order:1 }
}


.story-timeline {padding:50px 0;}


.story-timeline h2 {
  margin: 6px 0 8px;
  font-size: 36px;
  line-height: 1.2;
  font-weight: 800;
  color: #223351;
}

.story-timeline .lead {
  color: #6c7891;
  max-width: 780px;
}

/* timeline layout */
.story-timeline .timeline {
  position: relative;
  margin-top: 28px;
  display: grid;
  grid-template-columns: 1fr 40px 1fr; /* left | line | right */
  row-gap: 40px;
}

/* central line */
.story-timeline .timeline::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #ff6b2c;
  transform: translateX(-50%);
  opacity: 0.9;
}

/* item base */
.story-timeline .tl-item {
  position: relative;
  display: grid;
  align-items: center;
}
.story-timeline .tl-item.left {
  grid-column: 1 / 2;
}
.story-timeline .tl-item.right {
  grid-column: 3 / 4;
}

/* diamond marker */
.story-timeline .tl-item .dot {
  position: absolute;
  right: -20px; /* for left items */
  width: 12px;
  height: 12px;
  background: #ff6b2c;
  transform: translateX(50%) rotate(45deg);
  border-radius: 2px;
  box-shadow: 0 0 0 6px rgba(255, 107, 44, 0.15);
}
.story-timeline .tl-item.right .dot {
  left: -20px;
  right: auto;
  transform: translateX(-50%) rotate(45deg);
}

/* card */
.story-timeline .card {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 16px 40px rgba(16, 39, 112, 0.08);
  padding: 26px 28px 0;
  position: relative;
}
.story-timeline .card h3 {
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: 800;
  color: #223351;
}
.story-timeline .card p {
  color: #6c7891;
  line-height: 1.8;
  margin: 0 0 18px;
}
.story-timeline .card .years {
  color: #ff6b2c;
  font-weight: 800;
  padding:  0 18px 12px 18px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  text-align: right;
}

/* spacing to mimic screenshot */
.story-timeline .tl-item.left .card {
  margin-right: 40px;
}
.story-timeline .tl-item.right .card {
  margin-left: 40px;
}

/* responsive */
@media (max-width: 900px) {
  .story-timeline .timeline {
    grid-template-columns: 1fr;
  }
  .story-timeline .timeline::before {
    display: none;
  }
  .story-timeline .tl-item,
  .story-timeline .tl-item.left,
  .story-timeline .tl-item.right {
    grid-column: 1;
  }
  .story-timeline .tl-item .dot {
    display: none;
  }
  .story-timeline .card {
    margin: 0;
  }
}







.team-sec{background:#fffaf6;color:#1e2a46}
.team-sec .container{max-width:1200px;margin:0 auto;padding:48px 20px}
/* 1) Let grid columns shrink */
.team-sec .team-grid{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* 2) Allow grid items to shrink inside columns */
.team-sec .team-card{ min-width: 0; }

/* 3) Make the avatar responsive instead of hard-fixed 240px */
.team-sec .photo{
  width: min(240px, 100%);
  height: auto;               /* keep circle using aspect-ratio */
  aspect-ratio: 1 / 1;
}

/* 4) Safety: include padding in width calc */
*{ box-sizing: border-box; }

/* 5) If any leftover tiny overflow happens, clip it for this section only */
.team-sec{ overflow-x: hidden; }

/* header */
.team-sec .head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.team-sec .kicker{color:#ff6b2c;font-weight:800}
.team-sec h2{margin:6px 0 10px;font-size:40px;font-weight:800;color:#223351}
.team-sec .lead{color:#6c7891;max-width:760px}
.team-sec .meet-all{color:#ff6b2c;text-decoration:none;font-weight:800;margin-top:12px}

/* grid */
.team-sec .team-grid{
  margin-top:28px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:28px;
}

/* card */
.team-sec .team-card{
  background:#fff;
  border-radius:12px;
  box-shadow:0 18px 42px rgba(16,39,112,.08);
  padding:28px 24px 22px;
  text-align:center;
  transition:background .25s ease, transform .25s ease, box-shadow .25s ease, color .25s ease;
}
.team-sec .team-card:hover{
  background:#ff6b2c;                 /* FULL ORANGE ON HOVER */
  transform:translateY(-6px);
  box-shadow:0 24px 60px rgba(255,107,44,.35);
}

/* photo */
.team-sec .photo{width:240px;height:240px;margin:0 auto 18px;border-radius:50%;overflow:hidden;background:#e8edf9}
.team-sec .photo img{width:100%;height:100%;object-fit:cover;display:block}

/* text */
.team-sec .team-card h3{font-size:20px;font-weight:800;margin:6px 0 6px;color:#223351;transition:color .25s ease}
.team-sec .team-card .role{color:#6c7891;margin:0 0 14px;transition:color .25s ease}

/* text color swap on hover */
.team-sec .team-card:hover h3,
.team-sec .team-card:hover .role{ color:#fff; }

/* socials */
.team-sec .socials{display:flex;justify-content:center;gap:12px}
.team-sec .socials .ico{
  width:28px;height:28px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid #d7deea;
  color:#223351;
  font:700 12px/1 'Nunito Sans',sans-serif;
  text-decoration:none;
  transition:color .25s ease, border-color .25s ease, background .25s ease;
}
.team-sec .socials .fb::before{content:"f"}
.team-sec .socials .tw::before{content:"t"}
.team-sec .socials .ig::before{content:"ig";font-size:10px}
.team-sec .socials .in::before{content:"in";font-size:10px}

/* socials color swap on hover */
.team-sec .team-card:hover .socials .ico{
  color:#fff;
  border-color:rgba(255,255,255,.6);
  background:transparent;
}

/* responsive */
@media (max-width:1100px){.team-sec .team-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.team-sec .team-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){
  .team-sec .team-grid{grid-template-columns:1fr}
  .team-sec h2{font-size:30px}
  .team-sec .photo{width:220px;height:220px}
}


/* Section layout */
.contact-cards{
  background:#fffaf6;
  font-family:system-ui,-apple-system,"Nunito Sans",Arial,sans-serif;
}
.contact-cards .container{
  max-width:1200px;
  margin:0 auto;
  padding:24px 20px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  box-sizing:border-box;
}

/* Card */
.contact-cards .card{
  min-width:0;
  display:flex; align-items:flex-start; gap:16px;
  background:#fff; border-radius:12px;
  box-shadow:0 18px 42px rgba(16,39,112,.08);
  padding:22px 24px;
  transition:box-shadow .25s ease;
}
.contact-cards .card:hover{ box-shadow:0 22px 56px rgba(16,39,112,.12); }

/* Badge + icon */
.contact-cards .badge{
  width:46px; height:46px; flex:0 0 46px;
  display:grid; place-items:center;
  border-radius:50%;
  border:2px dashed #ff6b2c;
  background:#fff;
  transition:all .3s ease;
}
/* SVG inherits color; we control it via `color` */
.contact-cards .badge svg{
  width:22px; height:22px; display:block;
  color:#ff6b2c;                  /* default icon color */
  transition:color .3s ease;
}
/* make path(s) use currentColor */
.contact-cards .badge svg path{ fill:currentColor; }

/* Text */
.contact-cards h4{
  margin:0 0 6px; font-size:18px; font-weight:800; color:#223351;
}
.contact-cards p{
  margin:4px 0; font-size:14px; color:#6c7891;
}

/* Hover: solid orange badge + white icon; first line orange */
.contact-cards .card:hover .badge{
  background:#ff6b2c;
  border-color:#ff6b2c;
   color:#fff;
}

.contact-cards .card:hover .badge svg{ color:#fff; }
.contact-cards .card:hover .content p:first-of-type{ color:#ff6b2c; }

/* Responsive */
@media (max-width:900px){
  .contact-cards .container{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:560px){
  .contact-cards .container{ grid-template-columns:1fr; }
}


/* Base & scope */
.touch-sec { background:#fffaf6; color:#1e2a46; font-family: "Nunito Sans", system-ui, -apple-system, Arial, sans-serif; }
.touch-sec .container { max-width:1200px; margin:0 auto; padding:40px 20px; }

/* Grid */
.touch-grid { display:grid; grid-template-columns: 1.05fr 1fr; gap:32px; align-items:start; }
@media (max-width: 900px){ .touch-grid { grid-template-columns: 1fr; } }

/* Left */
.touch-left h3 { margin:0 0 10px; font-size:28px; font-weight:800; color:#223351; }
.touch-left p { color:#6c7891; line-height:1.8; margin:10px 0; }

/* Socials – using FontAwesome unicode (or replace with your icons) */
.touch-left .socials { list-style:none; padding:0; margin:18px 0 0; display:flex; gap:12px; }
.touch-left .socials a{
  width:36px; height:36px; display:grid; place-items:center;
  border-radius:50%; border:1.5px solid #1e2a46;
  text-decoration:none; color:#1e2a46; font:700 14px/1 "Font Awesome 6 Free","Font Awesome 5 Free",Arial;
  transition:all .2s ease;
}
.touch-left .socials a:hover{ background:#1e2a46; color:#fff; }

/* Form */
.touch-form { width:100%; }
.touch-form .row.two { display:grid; grid-template-columns: 1fr 1fr; gap:16px; }
@media (max-width: 520px){ .touch-form .row.two { grid-template-columns: 1fr; } }

/* Fields */
.touch-form .field { display:block; margin-bottom:16px; }
.touch-form input,
.touch-form textarea{
  width:100%; border:none; outline:none;
  background:#eef2ff;        /* soft blue like screenshot */
  color:#223351;
  border-radius:10px;
  padding:16px 18px;
  font-size:14px;
  transition: box-shadow .15s ease, background .15s ease;
}
.touch-form input::placeholder,
.touch-form textarea::placeholder{ color:#6c7891; }
.touch-form input:focus,
.touch-form textarea:focus{
  box-shadow: 0 0 0 3px rgba(255,107,44,.15);
  background:#eef2ff;
  outline: none;
}

/* Send button with orange glow */
.btn-send{
  border:0; cursor:pointer; display:inline-block; margin-top:6px;
  padding:14px 34px; border-radius:999px; font-weight:800; letter-spacing:.5px;
  background:#fff; color:#ff6b2c;
  box-shadow: 0 18px 42px rgba(255,107,44,.25);
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
.btn-send:hover{ transform: translateY(-2px); }
.btn-send:active{ transform: translateY(0); }

/* Accessibility helper for hidden labels */
.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
  clip:rect(0 0 0 0); white-space:nowrap; border:0;
}

/* Scope */
.strategy-sec{background:#fffaf6;color:#1e2a46;font-family:"Nunito Sans",system-ui,-apple-system,Arial,sans-serif}
.strategy-sec .container{max-width:1200px;margin:0 auto;padding:36px 20px}

/* Grid layout */
.strategy-grid{
  display:grid;
  grid-template-columns: 1.05fr 1fr;   /* text | image */
  gap:36px;
  align-items:start;
}
@media (max-width: 980px){
  .strategy-grid{ grid-template-columns:1fr; }
}

/* Copy area */
.strategy-sec h3{
  margin:0 0 10px;
  font-size:28px;
  font-weight:800;
  color:#223351;
}
.strategy-sec .lead{
  color:#6c7891;
  line-height:1.9;
  margin:8px 0 18px;
  max-width:680px;
}

/* Points with orange tick */
.strategy-sec .point{ margin:18px 0 }
.strategy-sec .point h4{
  margin:0 0 6px;
  font-size:16px;
  font-weight:800;
  color:#223351;
  position:relative;
  padding-left:22px;
}
.strategy-sec .point h4::before{
  content:"";
  position:absolute; left:0; top:7px;
  width:10px; height:10px;
  border-left:2px solid #ff6b2c;      /* small tick style */
  border-bottom:2px solid #ff6b2c;
  transform:rotate(-45deg);
}
.strategy-sec .point p{
  margin:0; color:#6c7891; line-height:1.9; max-width:640px;
}

/* Right image */
.strategy-sec .visual img{
  width:100%; height:100%; display:block; object-fit:cover;
  box-shadow:0 18px 42px rgba(16,39,112,.08);
}
.spbt {margin-bottom:30px;}



.single-services .icon {
    background: #f4f6fd;
    display: inline-block;
    width: 80px;
    height: 80px;
    font-size: 40px;
    color: #ff6d34!important;
    line-height: 80px;
    border-radius: 5px;
    transition: 0.4s;
}
.sptop { padding-top:50px;}
.sptop_2 { padding:50px 0;}

.footer-top .container.grid-4 .col:nth-child(2) {
    flex: 0 0 200px; /* Adjust width */
    max-width: 200px;
}
.footer-top .container.grid-4 {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.footer-top .col {
    flex: 1;
}

@media (max-width: 768px) {
    .footer-top .container.grid-4 {
        flex-direction: column;
    }

    .footer-top .container.grid-4 .col {
        max-width: 100%;
        flex: 100%;
    }
}












/* Blog Container */
.blog-container {
  display: flex;
  max-width: 1200px;
  margin: auto;
  gap: 30px;
}

/* Left Side */
.blog-left {
  flex: 2.5;
}

.blog-card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.blog-image {
  position: relative;
}

.blog-image img {
  width: 100%;
  height: auto;
  display: block;
}

.date-badge {
  position: absolute;
  bottom: 15px;
  left: 15px;
  background-color: #ff5a1f;
  color: #fff;
  padding: 8px 15px;
  font-weight: bold;
  font-size: 14px;
  border-radius: 4px;
}

.blog-content {
  padding: 20px;
}

.blog-content h2 {
  color: #0b2c5f;
  font-size: 22px;
  margin-bottom: 10px;
}

.blog-meta {
  font-size: 14px;
  color: #777;
  margin-bottom: 10px;
}

.blog-meta strong {
  color: #ff5a1f;
}

.blog-content p {
  line-height: 1.6;
  color: #555;
}

/* Sidebar */
.blog-sidebar {
  flex: 1.2;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Sidebar Cards */
.sidebar-card {
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
}

.sidebar-card h3 {
  font-size: 18px;
  margin-bottom: 15px;
  color: #0b2c5f;
}

.sidebar-card ul {
  list-style: none;
}

.sidebar-card ul li {
  padding: 6px 0;
  color: #333;
  cursor: pointer;
  transition: color 0.3s;
}

.sidebar-card ul li:hover {
  color: #ff5a1f;
}

/* Recent Post */
.recent-post {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
  cursor: pointer;
}

.recent-post img {
  width: 70px;
  height: 70px;
  border-radius: 5px;
  object-fit: cover;
}

.recent-post h4 {
  font-size: 14px;
  color: #0b2c5f;
  margin-bottom: 5px;
}

.recent-post span {
  font-size: 12px;
  color: #777;
}

/* Responsive Design */
@media screen and (max-width: 992px) {
  .blog-container {
    flex-direction: column;
  }
  
  .blog-sidebar {
    width: 100%;
  }
}/* End custom CSS */