/*-----------------------------------*\#style.css\*-----------------------------------*/
/*-----------------------------------*\#CUSTOM PROPERTY\*-----------------------------------*/
:root {/*** colors*/--safety-orange: #536DFE; --lavender-gray: hsl(230, 19%, 81%);--persian-rose: #6C63FF;--red-crayola: #6C63FF;--eerie-black: hsl(240, 6%, 10%);--light-gray: hsl(0, 0%, 80%);--cultured-2: hsl(210, 60%, 98%);--platinum: hsl(0, 0%, 90%);--gray-web: hsl(220, 5%, 49%);--cultured: hsl(0, 0%, 93%);--black_10: hsla(0, 0%, 0%, 0.1);--black_5: hsla(0, 0%, 0%, 0.05);--white-1: hsl(0, 0%, 100%);--white-2: hsl(0, 14%, 98%);--black: hsl(0, 0%, 0%);--hover-color: #183b56;/*** gradient color*/--gradient: linear-gradient(to left top, var(--persian-rose), var(--safety-orange));/*** typography*/--ff-roboto: 'Roboto', sans-serif;--ff-league-spartan: 'League Spartan', sans-serif;--fs-1: 3.5rem;--fs-2: 3rem;--fs-3: 2.1rem;--fs-4: 1.7rem;--fs-5: 1.4rem;--fs-6: 1.3rem;--fw-700: 700;--fw-500: 500;/*** spacing*/--section-padding: 60px;/*** shadow*/--shadow-1: 0 6px 24px var(--black_5);--shadow-2: 0 2px 28px var(--black_10);/*** border radius*/--radius-2: 2px;--radius-5: 5px;--radius-8: 8px;  /*** transition*/--transition-1: 0.25s ease;--transition-2: 0.5s ease;--cubic-out: cubic-bezier(0.33, 0.85, 0.4, 0.96);}.hover-link {color: var(--hover-color);transition: 0.2s ease-out;}.hover-link:hover {color: var(--safety-orange);}  
/*-----------------------------------*\#RESET\*-----------------------------------*/*,*::before,*::after {margin: 0;padding: 0;box-sizing: border-box;}li { list-style: none; }a {text-decoration: none;color: inherit;}a,img,span,time,label,input,button,textarea,ion-icon { display: block; }img { height: auto; }input,button,textarea {background: none;border: none;font: inherit;}input,textarea { width: 100%; }button { cursor: pointer; }ion-icon { pointer-events: none; }address { font-style: normal; }html {font-family: var(--ff-roboto);font-size: 10px;scroll-behavior: smooth;}body {background-color: var(--white-1);color: var(--gray-web);font-size: 1.6rem;line-height: 1.8;}::-webkit-scrollbar { width: 10px; }::-webkit-scrollbar-track { background-color: hsl(0, 0%, 98%); }::-webkit-scrollbar-thumb { background-color: hsl(0, 0%, 80%); }::-webkit-scrollbar-thumb:hover { background-color: hsl(0, 0%, 70%); }:focus-visible { outline-offset: 4px; }
/*-----------------------------------*\#REUSED STYLE\*-----------------------------------*/.container .hero-banner {display: none;}.container{padding-inline:15px}.btn{max-width:max-content;color:var(--white-1);font-size:var(--fs-6);font-weight:var(--fw-700);padding:10px 30px;border-radius:var(--radius-5);transition:var(--transition-1)}.btn-primary{background-image:var(--gradient);background-size:1000%}.btn-primary:is(:hover,:focus){background-position:bottom right}.btn-secondary{background-color:var(--white-1);color:var(--eerie-black)}.btn-secondary:is(:hover,:focus){background-color:var(--eerie-black);color:var(--white-1)}.section{padding-block:var(--section-padding)}.h1,.h2,.h3{color:var(--eerie-black);font-family:var(--ff-league-spartan);line-height:1.2}.h1{font-size:var(--fs-1)}.h2{font-size:var(--fs-2)}.h3{font-size:var(--fs-3)}.outlined-text{color:transparent;-webkit-text-stroke:0.3 vw #536DFE;position:relative;display:inline-block;overflow:hidden;vertical-align:top}.outlined-text::after{content:attr(data-text);position:absolute;left:0;top:0;width:0%;height:100%;color:var(--red-crayola);-webkit-text-stroke:0 vw var(--safety-orange);border-right:2px solid var(--red-crayola);overflow:hidden;animation:4s linear infinite animate;white-space:nowrap}.outlined-text:hover::after{width:100%}[data-reveal]{opacity:0;transition:.75s}[data-reveal=top]{transform:translateY(-30px)}[data-reveal=bottom]{transform:translateY(30px)}[data-reveal=left]{transform:translateX(-30px)}[data-reveal=right]{transform:translateX(30px)}[data-reveal].revealed{transform:translate(0);opacity:1}@keyframes animate{0%,10%,100%{width:0}70%,90%{width:100%}}.w-100 { width: 100%; }.section-title,.section-text { text-align: center; }.section-text { font-size: var(--fs-6); }.grid-list {display: grid;gap: 30px;}.img-holder {aspect-ratio: var(--width) / var(--height);background-color: var(--light-gray);}.img-cover {width: 100%;height: 100%;object-fit: cover;}
/*-----------------------------------*\#HEADER\*-----------------------------------*/.header,.navbar{background-color:var(--white-1);width:100%}.logo,.navbar-link{font-family:var(--ff-league-spartan)}.header{position:fixed;top:0;left:0;padding-block:15px;border-block-end:1px solid var(--cultured);z-index:4;transition:var(--transition-1)}.header.active{filter:drop-shadow(var(--shadow-2))}.header>.container{display:flex;justify-content:space-between;align-items:center;gap:40px}.logo{color:var(--black);font-size:3.5rem;font-weight:var(--fw-700);line-height:1}.nav-toggle-btn{font-size:40px}.nav-toggle-btn .close,.nav-toggle-btn.active .open{display:none}.nav-toggle-btn .open,.nav-toggle-btn.active .close{display:block}.navbar{position:absolute;top:100%;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);padding-inline:0;border:1px solid var(--cultured);transition:.3s var(--cubic-out);max-height:0;visibility:hidden;overflow:hidden}.navbar-link,.navbar-list{transition:var(--transition-1)}.navbar.active{max-height:380px;visibility:visible;transition-duration:.5s}.navbar-list{padding:20px 15px;padding-block-start:10px;opacity:0}.navbar.active .navbar-list{opacity:1}.navbar-link{color:var(--eerie-black);font-size:var(--fs-4);line-height:1.2;padding-block:12px}.navbar-link:is(:hover,:focus){color:var(--red-crayola)}.header .btn{margin-block-start:10px}.navbar-list li {margin-right:0;}
/*-----------------------------------*\#HERO\*-----------------------------------*/.hero-subtitle,.hero-text{font-size:var(--fs-5)}.hero{padding-block-start:calc(var(--section-padding) + 50px);text-align:center}.hero-content{margin-block-end:30px}.hero-subtitle{margin-top:5px;color:var(--eerie-black);font-weight:var(--fw-500)}.hero-title{margin-block:12px 8px;line-height:1.05}.hero .btn{margin-inline:auto;margin-block-start:20px}
/*-----------------------------------*\#SERVICE\*-----------------------------------*/.service{background-color:var(--white-2)}.service .section-text{margin-block:5px 35px}.service-card{background-color:var(--white-1);padding:20px 15px;border:1px solid var(--platinum);border-radius:var(--radius-5);text-align:center;box-shadow:var(--shadow-1);transition:var(--transition-2)}.service-card:is(:hover,:focus-within){transform:translateY(-10px)}.service-card .card-icon{color:var(--white-1);font-size:25px;max-width:max-content;margin-inline:auto;padding:18px;border-radius:50%}.service-card .card-title{margin-block:20px 8px}.service-card .card-text{font-size:var(--fs-6)}
/*-----------------------------------*\#ABOUT\*-----------------------------------*/.about { background-color: var(--white-2); }.about-banner {position: relative;border-radius: var(--radius-5);overflow: hidden;margin-block-end: 25px;}.about :is(.section-title, .section-text) { text-align: left; }.about .section-title { margin-block-end: 5px; }.about .section-text:not(:last-child) { margin-block-end: 18px; }.about .h3 { margin-block-end: 8px; }.about-list { margin-block: 15px 18px; }.about-item {display: flex;align-items: flex-start;gap: 5px;}.about-item ion-icon {color: var(--red-crayola);flex-shrink: 0;margin-block-start: 2px;}.about-item:not(:last-child) { margin-block-end: 12px; }
/* #CTA */

/*-----------------------------------*\
  #CLIENTS - CAROUSEL VERSION
\*-----------------------------------*/

.clients {
  background: linear-gradient(135deg, #f8f9ff 0%, #ffffff 50%, #f5f7ff 100%);
  overflow: hidden;
  position: relative;
  padding-block: 80px;
}

.clients::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--persian-rose), transparent);
  opacity: 0.3;
}

.clients .container {
  max-width: 1200px;
  margin: 0 auto;
}

.clients-header {
  text-align: center;
  margin-block-end: 60px;
}

.clients-header .section-title {
  margin-block-end: 15px;
}

.clients-header .section-text {
  max-width: 60ch;
  margin-inline: auto;
  color: var(--gray-web);
}

/* Carousel Wrapper */
.clients-carousel-wrapper {
  position: relative;
  margin-block-end: 60px;
  padding-block: 20px;
}

/* Carousel Container */
.clients-carousel {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  padding-inline: 20px;
}

/* Individual Client Card */
.carousel-client-card {
  background: var(--white-1);
  border-radius: 20px;
  padding: 40px 25px;
  text-align: center;
  position: relative;
  overflow: hidden;
  border: 2px solid transparent;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  box-shadow: 0 10px 30px rgba(108, 99, 255, 0.08);
}

.carousel-client-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--gradient);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 0;
}

.carousel-client-card:hover::before {
  opacity: 0.03;
}

.carousel-client-card:hover {
  transform: translateY(-15px) scale(1.02);
  border-color: var(--persian-rose);
  box-shadow: 0 20px 50px rgba(108, 99, 255, 0.2);
}

/* Icon Wrapper with Glow Effect */
.carousel-icon-wrapper {
  position: relative;
  display: inline-block;
  margin-block-end: 25px;
}

.carousel-icon {
  position: relative;
  width: 100px;
  height: 100px;
  background: linear-gradient(135deg, #f5f7ff, #e8ebff);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 2;
}

.carousel-icon ion-icon {
  font-size: 48px;
  color: var(--persian-rose);
  transition: all 0.4s ease;
  display: block;
  width: 48px;
  height: 48px;
}

.icon-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  background: var(--gradient);
  border-radius: 50%;
  opacity: 0;
  filter: blur(20px);
  transition: all 0.5s ease;
  z-index: 1;
}

.carousel-client-card:hover .carousel-icon {
  background: var(--gradient);
  transform: scale(1.1) rotate(5deg);
  box-shadow: 0 10px 30px rgba(108, 99, 255, 0.3);
}

.carousel-client-card:hover .carousel-icon ion-icon {
  color: var(--white-1);
  transform: scale(1.1);
}

.carousel-client-card:hover .icon-glow {
  opacity: 0.4;
  transform: translate(-50%, -50%) scale(1.5);
}

/* Client Name */
.carousel-client-name {
  font-size: 2rem;
  font-weight: var(--fw-700);
  font-family: var(--ff-league-spartan);
  color: var(--eerie-black);
  margin-block-end: 8px;
  transition: color 0.3s ease;
  position: relative;
  z-index: 2;
}

.carousel-client-card:hover .carousel-client-name {
  color: var(--persian-rose);
}

/* Client Industry */
.carousel-client-industry {
  font-size: var(--fs-6);
  color: var(--gray-web);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: var(--fw-500);
  margin-block-end: 20px;
  position: relative;
  z-index: 2;
}

/* Hover Indicator */
.carousel-hover-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s ease;
  color: var(--persian-rose);
  font-weight: var(--fw-500);
  font-size: var(--fs-6);
  position: relative;
  z-index: 2;
}

.carousel-hover-indicator ion-icon {
  font-size: 20px;
  transition: transform 0.3s ease;
}

.carousel-client-card:hover .carousel-hover-indicator {
  opacity: 1;
  transform: translateY(0);
}

.carousel-client-card:hover .carousel-hover-indicator ion-icon {
  transform: translateX(5px);
}

/* Carousel Dots Navigation */
.carousel-dots {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-block-start: 40px;
}

.carousel-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--cultured);
  border: 2px solid var(--platinum);
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
}

.carousel-dot:hover {
  background: var(--persian-rose);
  border-color: var(--persian-rose);
  transform: scale(1.2);
}

.carousel-dot.active {
  width: 40px;
  border-radius: 10px;
  background: var(--gradient);
  border-color: var(--persian-rose);
}

/* Stats Section */.clients-stats-section {
  background: var(--white-1);
  border-radius: var(--radius-8);
  padding: 40px 30px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 30px;
  margin-block-end: 40px;
  padding-block-end: 40px;
  border-bottom: 1px solid var(--cultured);
}

.stat-item {
  text-align: center;
}

.stat-number {
  font-size: 3.5rem;
  font-weight: var(--fw-700);
  font-family: var(--ff-league-spartan);
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1.2;
  margin-block-end: 8px;
}

.stat-label {
  font-size: var(--fs-6);
  color: var(--gray-web);
  font-weight: var(--fw-500);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.clients-footer {
  text-align: center;
}

.clients-footer .footer-text {
  font-size: var(--fs-5);
  color: var(--eerie-black);
  margin-block-end: 25px;
  max-width: 60ch;
  margin-inline: auto;
  font-weight: var(--fw-500);
}

.clients-footer .btn {
  margin-inline: auto;
}

/* Responsive adjustments */
@media (min-width: 768px) {
  .client-showcase {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .stats-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 992px) {
  .clientele-header .section-title {
    font-size: 3.5rem;
  }
  
  .client-card {
    padding: 40px 35px;
  }
  
  .client-name {
    font-size: 2.4rem;
  }
  
  .stat-number {
    font-size: 4rem;
  }
}

@media (max-width: 767px) {
  .client-card {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  
  .client-link {
    justify-content: center;
  }
}

/* #CTA */.cta {position: relative;background-repeat: no-repeat;background-size: cover;background-position: center;background-attachment: fixed;z-index: 1;}.cta::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--gradient);opacity:.95;z-index:-1}.cta .section-title,.cta-subtitle{color:var(--white-1)}.cta-subtitle{font-size:var(--fs-6);font-weight:var(--fw-500);text-align:center}.cta .section-title{margin-block:12px 18px}.cta .btn{margin-inline:auto}
/* PROCESS */.process{border-block:1px solid var(--persian-rose)}.process .title-wrapper{margin-block-end:40px;text-align:center}.process .section-title{text-align:center}.process .grid-list {gap: 40px;}.process-card {--padding: 24px;display: flex;flex-direction: column;/*gap: var(--padding);*/border-radius: var(--radius-8);overflow: hidden;min-height: 400px;}.process-card .card-content,.process-card h3,.process-card p {margin: 0;}.process-card-1, .process-card-2,.process-card-3, .process-card-4 {padding: var(--padding);box-sizing: border-box;}.process-card-1, .process-card-2 figure img {width: 100%;height: auto;/* max-height: 400px;  */object-fit: cover; }.process-card .card-tag {font-size: var(--fs-8);font-weight: var(--fw-700);text-transform: uppercase;}.process-card .card-title {margin-block: 16px;}.process-card .card-text {margin-block-end: 20px;}
/*-----------------------------------*\#CONTACT\*-----------------------------------*/.contact-card,.contact-form{border-radius:var(--radius-2);box-shadow:var(--shadow-1);background-color:var(--white-1);padding:20px;margin-block-end:30px}

.contact{background-color:var(--white-2)}

.contact .section-text{margin-block:5px 35px}


.input-field{background-color:var(--white-2);color:var(--eerie-black);font-size:var(--fs-5);padding:15px;border-radius:var(--radius-2);outline:transparent solid 1px;outline-offset:0;margin-block-end:15px}.input-field::-webkit-inner-spin-button{display:none}.input-field:focus{outline-color:var(--red-crayola)}.input-field::placeholder{transition:var(--transition-1)}.input-field:focus::placeholder{opacity:0}textarea.input-field{resize:vertical;min-height:80px;height:100px;max-height:200px;overscroll-behavior:contain}.checkbox{width:max-content;margin-block-start:5px;accent-color:var(--red-crayola)}.label-link{display:inline-block;color:var(--red-crayola)}.label-link:is(:hover,:focus){text-decoration:underline}.checkbox-wrapper{display:flex;align-items:flex-start;gap:10px;margin-block-end:15px}.checkbox-wrapper .label{font-size:var(--fs-6)}

.contact-list {display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;padding: 0;margin: 0;list-style: none;align-items: stretch;}.contact-item {flex: 1 1 cal (30% - 20px);max-width: 350px;box-sizing: border-box;}.contact-card {background-color: var(--white-1);padding: 25px;display: flex;align-items: flex-start;gap: 15px;border: 1px solid var(--cultured-2);border-radius: 12px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); transition: transform 0.2s ease, box-shadow 0.2s ease;min-height: 200px;}

.card-icon {background-color: var(--cultured-2);color:var(--red-crayola);font-size: 28px;padding: 12px;border-radius: 50%;display: flex;justify-content: center;align-items: center;}.card-content {display: flex;flex-direction: column;gap: 8px;}.card-link {font-size: 16px;color: var(--blue);text-decoration: none;transition: color 0.3s ease;}@media (max-width: 1024px) {.contact-item {flex: 1 1 calc(45% - 20px);}}@media (max-width: 768px) {.contact-item {flex: 1 1 100%;}.contact-card {padding: 20px;}}.contact-card:is(:hover,:focus) .card-icon{background-color:var(--red-crayola);color:var(--white-1)}.contact-card .card-title{margin-block-end:5px}.contact-card :is(.card-link,.card-address){font-size:var(--fs-6);transition:var(--transition-1)}.contact-card .card-link:is(:hover,:focus){color:var(--red-crayola)}
/*-----------------------------------*\#FOOTER\*-----------------------------------*/.footer{background-color:var(--white-2);padding-block:20px}.copyright{font-size:var(--fs-6);text-align:center}.copyright-link{color:var(--red-crayola);font-weight:var(--fw-500);display:inline-block}
/*-----------------------------------*\#BACK TO TOP\*-----------------------------------*/.back-top-btn{position:fixed;bottom:10px;right:20px;background-color:var(--eerie-black);color:var(--white-1);padding:12px;border-radius:50%;box-shadow:var(--shadow-2);z-index:4;opacity:0;visibility:hidden;transition:var(--transition-1)}.back-top-btn.active{opacity:1;visibility:visible;transform:translateY(-10px)}.back-top-btn:is(:hover,:focus){opacity:.9}
/*-----------------------------------*\#MEDIA QUERIES\*-----------------------------------*/
@media (min-width:575px){/*** REUSED STYLE*/.container{max-width:540px;width:100%;margin-inline:auto}.grid-list{grid-template-columns:1fr 1fr;column-gap:25px}}.process-card { --padding: 68px; }.process .grid-list {display: grid;grid-template-columns: 1fr 1fr; /* Two items per row */gap: 30px;}.process-card .card-banner img {width: 100%;height: auto;}  
@media (min-width:768px){.container .hero-banner {display: block;}:root{--fs-1:4.5rem;--fs-2:3.7rem;--fs-3:2.3rem;--fs-4:1.8rem;--fs-5:1.5rem;--fs-6:1.4rem}.container{max-width:720px}.section-text{max-width:65ch;margin-inline:auto}.hero-text{max-width:60ch;margin-inline:auto}.about-banner{max-width:550px}.about .section-text{max-width:unset;margin-inline:0}
.contact-form{padding:30px}.contact-item{min-width:calc(50% - 12.5px)}
}
.process .title-wrapper{justify-content:space-between;align-items:center;gap:30px;text-align:center}.process .grid-list{grid-template-columns:1fr;gap:30px}.process .btn{min-width:max-content}.process-card .card-banner img{width:100%;height:auto;max-width:100%}
@media (min-width:992px){.hero .container,.navbar-list{align-items:center;gap:5px}.hero-subtitle,.navbar-link{position:relative}.about .container,.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:30px}.about .container,.hero .container,.process .grid-list{grid-template-columns:1fr 1fr}:root{--fs-1:5rem;--fs-2:4rem;--fs-3:2.5rem;--section-padding:113px}.container{max-width:1140px}.grid-list{grid-template-columns:repeat(3,1fr)}.nav-toggle-btn{display:none}.navbar,.navbar.active{all:unset}.navbar-list{all:unset;display:flex;flex-wrap:nowrap;white-space:nowrap}.navbar-list li{margin-right:0}.navbar-link{font-size:var(--fs-4);padding-inline:6px;white-space:nowrap}.navbar-link:is(:hover,:focus){color:var(--eerie-black)}.navbar-link::after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:2px;background-image:var(--gradient);transform:scaleX(0);transform-origin:left;transition:var(--transition-2)}.navbar-link:is(:hover,:focus)::after{transform:scaleX(1)}.header .btn{margin-block-start:0;padding:10px 20px;font-size:var(--fs-6);white-space:nowrap;margin-inline-start:10px}.hero .container{text-align:left}.about-banner,.hero-content{margin-block-end:0}.hero-subtitle{padding-inline-start:15px}.hero-subtitle::before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background-color:var(--red-crayola)}.hero .btn,.hero-text{margin-inline:0}.service-card{padding:20px}.service-card .h3{--fs-3:2.3rem}.process .grid-list{column-gap:30px;row-gap:50px}.process .grid-list>li:nth-child(-n+2),.process .grid-list>li:nth-child(n+3){grid-column:span 1}.about .container{align-items:center}.checkbox-wrapper{margin-block:20px}.contact-item{min-width:calc(33.33% - 16.66px)}.contact-card{padding:30px}.contact-card .card-icon{font-size:32px}}

@media (min-width:1200px){.container{max-width:1200px}.navbar-list{gap:8px}.navbar-link{font-size:var(--fs-4);padding-inline:8px}.header .btn{padding:10px 25px;font-size:var(--fs-6)}}
@media (min-width:1200px){:root{--fs-1:6.8rem;--fs-2:4.5rem;--fs-4:1.9rem;--fs-5:1.6rem;--fs-6:1.6rem}.container{max-width:1140px}.btn{--fs-6:1.5rem}.service-card{padding:30px}.service-card .h3{--fs-3:2.5rem}.process .grid-list{grid-template-columns:1fr 1fr;column-gap:30px;row-gap:50px}.process .grid-list>li:nth-child(-n+2),.process .grid-list>li:nth-child(n+3){grid-column:span 1}.process-card .card-banner img{width:100%;height:auto;max-width:100%}.about .container{gap:60px}.about-item{gap:7px}.about-item ion-icon{font-size:20px}.cta .section-title{margin-block:15px 24px}.contact-form{padding:50px}.contact-card{gap:20px}.contact-card .card-icon{padding:15px}}
/* Compact stylish alignment for caption Empowering Business Growth*/
.brand {
  display: flex;
  align-items: center;
  gap: 8px;   /* adjust as needed */
}

/* Divider */
.brand-divider {
  width: 1px;
  height: 22px;
  background-color: #6C63FF;
  opacity: 0.7;
}

/* Stylish tagline */
.brand-tagline {
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.06em;
  color: var(--eerie-black);
  white-space: nowrap;
  opacity: 0;
  animation: fadeTag 0.75s ease-out forwards;
  animation-delay: 0.75s;
}

@keyframes fadeTag {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}


/* Carousel Responsive Design */
@media (max-width: 767px) {
  .clients-carousel {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  
  .carousel-client-card {
    padding: 35px 20px;
  }
  
  .carousel-icon {
    width: 80px;
    height: 80px;
  }
  
  .carousel-icon ion-icon {
    font-size: 40px;
    width: 40px;
    height: 40px;
  }
  
  .icon-glow {
    width: 80px;
    height: 80px;
  }
  
  .carousel-dots {
    margin-block-start: 30px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .clients-carousel {
    grid-template-columns: repeat(2, 1fr);
  }
}