@font-face{font-family:Switzer;src:url('../fonts/Switzer-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Switzer;src:url('../fonts/Switzer-Semibold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Involve;src:url('../fonts/Involve-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}

:root{--ink:#11140e;--muted:#6d7068;--lime:#e6f23a;--cream:#f5f2e9;--line:#dfdfd8;--white:#fff;--container:1230px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
:root {
    --e-global-typography-accent-font-family: "Switzer", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    --e-global-typography-text-font-family: "Switzer", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
body{margin:0;color:var(--ink);background:#fff;font-family:var(--e-global-typography-text-font-family);font-size:16px;line-height:1.55}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(var(--container),calc(100% - 48px));margin:auto}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:20px;top:20px;background:#fff;padding:10px;z-index:1000}

.site-header{position:absolute;z-index:20;top:25px;left:0;right:0}
.header-wrap{width:calc(100% - 48px);max-width:1390px;height:62px;margin:auto;background:rgba(255,255,255,.97);border-radius:34px;padding:0 18px 0 22px;display:flex;align-items:center;box-shadow:0 8px 28px rgba(0,0,0,.08)}
.brand img{width:120px;height:auto}
.desktop-nav{display:flex;align-items:center;gap:29px;margin-left:43px}
.desktop-nav a{
    font-family: "Switzer", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    position: relative;
}
.desktop-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-11px;margin:auto;width:28px;height:2px;background:var(--lime)}
.header-contact{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:16px}
.header-contact span{font-weight:600}
.header-contact>a:not(.quote-btn){color:#76796f;margin-right:8px}
.quote-btn{background:var(--lime);padding:12px 20px;border-radius:25px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:8px}
.menu-btn{display:none;border:0;background:transparent;font-size:25px;width:40px;height:40px;border-radius:50%}
.mobile-nav{display:none}

.page-hero{height:440px;min-height:440px;position:relative;background:url('../images/h1_bg-1.jpg') center 44%/cover no-repeat}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,12,10,.57),rgba(9,12,10,.25))}
.hero-inner{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:31px;color:#fff}
.page-hero h1{margin:0 0 95px}
.breadcrumb{display:flex;gap:8px;font-size:11px;color:rgba(255,255,255,.82)}
.breadcrumb a:hover{text-decoration:underline}

.services-panel{position:relative;margin:-1px 0 0;background:#fff;border-radius:30px 30px 0 0;padding:72px 0 104px;z-index:3}
.intro-row{display:grid;grid-template-columns:1fr 2fr;gap:70px;align-items:start;margin:0 auto 48px;}
.eyebrow{display:inline-flex;align-items:center;gap:7px;border:1px solid #dfe58e;border-radius:20px;padding:5px 11px;line-height:1;font-weight:600;width:max-content;margin-top:2px}
.eyebrow span{width:6px;height:6px;background:var(--lime);border-radius:50%}
.intro-row h2{margin:0;max-width:620px}

.service-grid{margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-card{border:1px solid #deded8;border-radius:18px;overflow:hidden;background:#fff;position:relative;transition:transform .25s,box-shadow .25s}
.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(20,25,15,.09)}
.service-grid a.service-card{display:block;color:inherit;text-decoration:none}
.service-image{height:178px;padding:5px}
.service-image img{width:100%;height:100%;object-fit:cover;border-radius:14px}
.service-body{padding:8px 20px 25px;position:relative;min-height:190px}
.service-body h3{line-height:1.02;letter-spacing:-.8px;margin:8px 0 20px; font-size: 30px;}
.service-body p{font-size:16px;line-height:1.55;color:#6d7068;margin:0;max-width:245px;padding-top:14px;border-top:1px solid #e6e5df}
.card-arrow{position:absolute;right:25px;top:-22px;width:38px;height:38px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-size:13px;border:4px solid #fff}
.card-arrow:hover{transform:rotate(45deg)}

.cta{min-height:560px;position:relative;background:url('../images/footer-bg.jpg') center/cover no-repeat;color:#fff;display:flex;align-items:flex-start}
.cta-overlay{position:absolute;inset:0;background:rgba(5,19,31,.58)}
.cta-content{position:relative;z-index:1;text-align:center;padding-top:73px}
.cta-kicker{font-size:16px; font-weight: 600; margin:0 0 6px}
.cta h2{margin:0}
.cta-text{max-width:500px;margin:13px auto 20px;font-size:16px;color:rgba(255,255,255,.88)}
.cta-button{width:120px;height:120px;border-radius:50%;background:#102536;color:#fff;display:grid;place-items:center;text-align:center;font-size:16px;font-weight:600;margin:auto;line-height:1.1;border:1px solid rgba(255,255,255,.08)}
.cta-button:hover{background:var(--lime);color:var(--ink)}

.site-footer{position:relative;margin-top:-45px;padding:0 24px 28px;z-index:5}
.footer-card{max-width:1390px;margin:auto;background:#fff;border-radius:25px;padding:48px 100px 25px;box-shadow:0 10px 40px rgba(0,0,0,.08)}
.footer-top{display:grid;grid-template-columns:1.1fr 1.1fr 1fr;gap:50px;padding-bottom:34px}
.footer-brand img{width:120px;margin-bottom:65px}
.footer-brand p{max-width:245px;color:#8a8d85;font-size:16px;margin:0}
.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-left:1px solid #ddd;border-right:1px solid #ddd;padding:0 35px}
.footer-links div{display:flex;flex-direction:column;gap:11px}
.footer-links a{font-size:14px;font-weight:600}
.footer-contact{display:flex;flex-direction:column;gap:10px}
.footer-contact>a{font-family:Involve,Switzer,sans-serif;font-size:21px;border-bottom:2px solid var(--lime);width:max-content}
.socials{display:flex;gap:7px;color:#858880;font-size:9px;margin-top:30px}
.footer-bottom{border-top:1px solid #deded8;padding:23px 5px 0;display:flex;justify-content:space-between;color:#72766e;font-size:10px}

@media(max-width:1000px){
  .desktop-nav{gap:18px;margin-left:25px}
  .header-contact span,.header-contact>a:not(.quote-btn){display:none}
  .intro-row{grid-template-columns:1fr 2.3fr}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .footer-card{padding:42px 45px 25px}
}
@media(max-width:760px){
  .container{width:min(100% - 30px,620px)}
  .site-header{top:12px}
  .header-wrap{width:calc(100% - 24px);height:58px;padding:0 14px 0 18px}
  .brand img{width:104px}
  .desktop-nav,.header-contact>a:not(.quote-btn),.header-contact span{display:none}
  .quote-btn{padding:10px 14px;font-size:10px}
  .menu-btn{display:grid;place-items:center}
  .mobile-nav{position:absolute;top:67px;left:12px;right:12px;background:#fff;border-radius:20px;padding:13px;box-shadow:0 12px 30px rgba(0,0,0,.12)}
  .mobile-nav.open{display:flex;flex-direction:column}
  .mobile-nav a{padding:12px 14px;font-size:13px;font-weight:600;border-radius:10px}
  .mobile-nav a:hover,.mobile-nav a.active{background:#f4f5e9}
  .mobile-quote{background:var(--lime);margin-top:6px;text-align:center}
  .page-hero{height:380px;min-height:380px}
  .page-hero h1{margin-bottom:65px}
  .services-panel{border-radius:24px 24px 0 0;padding:52px 0 70px}
  .intro-row{grid-template-columns:1fr;gap:20px;margin-bottom:35px}
  .service-grid{grid-template-columns:1fr;gap:15px}
  .service-image{height:220px}
  .service-body{min-height:175px;padding:8px 20px 24px}
  .cta{min-height:500px}
  .cta-content{padding-top:55px}
  .site-footer{padding:0 12px 15px;margin-top:-25px}
  .footer-card{padding:35px 25px 20px;border-radius:22px}
  .footer-top{grid-template-columns:1fr;gap:35px}
  .footer-brand img{margin-bottom:25px}
  .footer-links{border:0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:25px 0}
  .footer-contact>a{font-size:19px}
  .footer-bottom{flex-direction:column;gap:8px}
}
/* Button styling */
.loop-btn {
  background-color: transparent;
  border: 2px solid #d4eb44; /* Image er moto yellow/lime border */
  border-radius: 50px;       /* Rounded pill shape */
  padding: 12px 24px;
  width: 220px;              /* Fixed width for clipping excess text */
  overflow: hidden;          /* Excess text hide korar jonno */
  cursor: pointer;
  outline: none;
  display: flex;
  align-items: center;
}

/* Scroll track setup */
.scroll-track {
  display: flex;
  white-space: nowrap;
  animation: infinite-scroll 6s linear infinite;
}

/* Text styling */
.scroll-track span {
  font-family: Switzer, Arial, sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #000000;
  padding-right: 15px;      /* Text gulor majhe gap create korar jonno */
  letter-spacing: 1px;
}
.scroll-track-two span {
    color: white;
}

/* Keyframes for infinite looping */
@keyframes infinite-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%); /* Seamless loop animation */
  }
}

/* Optional: Hover korle animation pause korar jonno */
.loop-btn:hover .scroll-track {
  animation-play-state: paused;
}