.hero-banner{
  padding-top:120px !important;
}
.hero-banner .stats-boxx {
    background-color: #FFFFFF1F;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-radius: 20px;
    padding: 20px;
    width: 296px;
    top: 26%;
    right: 56%;
    padding: 20px;
}
h1.text-white .red-dot {
    color: #FF0D3B !important;
}
.hero-banner .star-vector{
	top: 67px;
    right: 50px;
}
.hero-banner .star-vector-left {
    top: 134%;
    right: 21%;
}
.hero-banner.right-image{
	padding-top:100px;
}
.hero-banner .tag-image{
	bottom:-39% !important;
	width:320px;
	padding-top:26px;
	padding-right:20px;
	border-top:1px solid #7E7D7D;
}
.hero-banner .mousee{
	bottom:-59px;
	left:47%;
}
.mouse-text{
	color:#111111;
	letter-spacing:7px;
	font-weight:700;
	margin-top:8px;
}
.mouse-animation {
  animation: bounce-effect 1.65s infinite ease-in-out;
  display: inline-block; 
}

@keyframes bounce-effect {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px); 
  }
}
@media screen and (max-width:767px){
.hero-banner{
  height:auto !important;
}
	.hero-banner .stats-boxx{   
    top: 72%;
    right: 1%;
}
}
/* Existing CSS */
.review-section {
    padding: 90px 0px;
}
.review-section .review-count p {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: #111111;
}
.review-section .review-count h3 {
    font-size: 41px;
    font-weight: 600;
    line-height: 58px;
    color: #111111;
}

/* Desktop Borders */
@media (min-width: 768px) {
  .review-count > div {
    border-right: 1px solid #e5e5e5;
  }
  .review-count > div:last-child {
    border-right: none;
  }
}

/* Optional: Mobile Borders (shows 2x2 grid) */
@media (max-width: 767px) {
  .review-count > div:nth-child(odd) {
    border-right: 1px solid #e5e5e5;
  }  
}

.journey-section {
    padding: 80px 20px;
}
.journey-card{
  background:#FFF0EB;
  border:2px solid #FFF0EB;
  transition:border .3s ease;
padding:70px 15px 15px 70px;
  border-radius:24px;
}

.journey-section .row > div:nth-child(2) .journey-card{
  background:#E3002B2B;
  border-color:#E3002B2B;
}

.journey-section .row > div:nth-child(3) .journey-card{
  background:#F1E8F3;
  border-color:#F1E8F3;
}
.journey-section .journey-card:hover{
  border-color:#E3002B !important;
}

.journey-arrow img{
  width:28px;
  transition: transform .3s ease;
}

.journey-card:hover .journey-arrow img{
  transform: translateX(5px);
}

@media screen and (max-width:767px){
	.journey-section{
		padding:60px 20px;
	}
	.animated-title {
		height:75px !important;
	}
.journey-section .journey-card {   
    padding: 30px 0px 0px 30px !important;
 }
.journey-section .journey-img{
		width:200px !important;
		object-fit:contain;
	}

}

/* excellence css */
.approach-section {
  padding: 100px 20px;
  overflow: hidden; 
   position: relative;

}
/* Overlay */
.approach-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #111111B2; /* your overlay */
  z-index: 1;
}
.approach-grid {
  position: relative;
  overflow: visible;
  border-radius: 0;
  transition: border-radius 0.4s ease;
}
.approach-grid.grid-locked {
  overflow: hidden;
  border-radius: 16px;
}
/* Keep content above overlay */
.approach-section > .container {
  position: relative;
  z-index: 2;
}

.approach-col {
  opacity: 0;
  transform: translate3d(0,0,0) scale(1);
  transition:
    transform 1.2s cubic-bezier(0.25, 1, 0.5, 1),
    opacity 0.9s ease;
}
.approach-section:not(.active) .approach-col:nth-child(1) {
  transform: translate3d(-60vw, -40vh, 0) rotate(-20deg) scale(0.7);
}
.approach-section:not(.active) .approach-col:nth-child(2) {
  transform: translate3d(0vw, -50vh, 0) rotate(15deg) scale(0.75);
}
.approach-section:not(.active) .approach-col:nth-child(3) {
  transform: translate3d(55vw, -35vh, 0) rotate(25deg) scale(0.7);
}
.approach-section:not(.active) .approach-col:nth-child(4) {
  transform: translate3d(-55vw, 40vh, 0) rotate(-25deg) scale(0.8);
}
.approach-section:not(.active) .approach-col:nth-child(5) {
  transform: translate3d(0vw, 55vh, 0) rotate(12deg) scale(0.7);
}
.approach-section:not(.active) .approach-col:nth-child(6) {
  transform: translate3d(60vw, 45vh, 0) rotate(-15deg) scale(0.75);
}

/* Final position when section is active */
.approach-section.active .approach-col {
  opacity: 1;
  transform: translate(0, 0) rotate(0) scale(1);
}
.approach-section.active .approach-col:nth-child(1) { transition-delay: 0.05s; }
.approach-section.active .approach-col:nth-child(2) { transition-delay: 0.15s; }
.approach-section.active .approach-col:nth-child(3) { transition-delay: 0.25s; }
.approach-section.active .approach-col:nth-child(4) { transition-delay: 0.35s; }
.approach-section.active .approach-col:nth-child(5) { transition-delay: 0.45s; }
.approach-section.active .approach-col:nth-child(6) { transition-delay: 0.55s; }


/* 2. Scatter the pieces randomly (The Breaking Glass look) */
.approach-col:nth-child(1) { transform: translate(-150px, -100px) rotate(-15deg) scale(0.7); }
.approach-col:nth-child(2) { transform: translate(20px, -150px) rotate(10deg) scale(0.8); }
.approach-col:nth-child(3) { transform: translate(180px, -80px) rotate(20deg) scale(0.75); }
.approach-col:nth-child(4) { transform: translate(-200px, 120px) rotate(-25deg) scale(0.85); }
.approach-col:nth-child(5) { transform: translate(50px, 200px) rotate(12deg) scale(0.7); }
.approach-col:nth-child(6) { transform: translate(150px, 150px) rotate(-10deg) scale(0.8); }


/* 4. Add slight delays so they don't all hit at once (adds to the glass effect) */
.approach-section.active .approach-col:nth-child(1) { transition-delay: 0.1s; }
.approach-section.active .approach-col:nth-child(2) { transition-delay: 0.05s; }
.approach-section.active .approach-col:nth-child(3) { transition-delay: 0.2s; }
.approach-section.active .approach-col:nth-child(4) { transition-delay: 0.15s; }
.approach-section.active .approach-col:nth-child(5) { transition-delay: 0.25s; }
.approach-section.active .approach-col:nth-child(6) { transition-delay: 0.1s; }

/* Styling for the cards inside */
.approach-card {
  padding: 50px;
  min-height: 280px;
  text-align: center;
  height: 100%;
}

.white-card { background: #ffffff; color: #000; }
.red-card { background: #E3002B; color: #fff; }

.icon-wrap {
  width: 56px;
  height: 56px;
  margin: 0 auto 20px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width:767px){
.approach-card {
    padding: 24px 13px;    
}
.approach-col{
	border-radius:8px !important;
}
.approach-section {
  padding: 43px 20px;
}
}
/* business css beign here */
.business-hero {
    position: relative;
    min-height: 473px;
    padding: 100px 20px;
    overflow: hidden;

    background:
        radial-gradient(circle at center,
            rgba(179, 0, 0, 0.8) 0%,
            rgba(179, 0, 0, 0.4) 30%,
            rgba(17, 17, 17, 0.95) 65%
        ),
        #111111;
}
/* canvas background */
.waves-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 39%;
	top:37%;
    z-index: 1;
}

/* content above canvas */
.hero-content {
    position: relative;
    z-index: 2;
}

/* project css beign here */
.projects-section {

    padding: 80px 20px;

}

.section-title{

    font-weight:700;

    margin-bottom:50px;

	font-size:41px;

}
 
/* ========= TOP GRID (1fr 2fr) ========= */

.projects-top{

    display:grid;

    grid-template-columns:1fr 2fr;

    gap:25px;

    margin-bottom:30px;

}
 
/* ========= LEFT DETAIL CARD ========= */

.project-info-card{

    background:#fff;

    padding:30px;

    border-radius:16px;

    position:relative;

   box-shadow: 0px 3.33px 33.33px 0px #00000014;
 
}
 
.project-info-card h4{

    font-weight:700;

    margin-bottom:15px;

}
 
.arrow-btn{

    position:absolute;

    top:18px;

    right:18px;

    width:36px;

    height:36px;

    background:#e10600;

    color:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

}
 
/* ========= SLIDER ========= */

.project-slider {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    height: 100%;
}
 
.slide-img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0;
    transition:opacity .8s ease;
}

.slide-img.active{
  opacity:1;
}

/* ========= BOTTOM GRID ========= */

.projects-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

}

.small-card{
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    position:relative;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

.small-card img {
    width: 100%;
    height: 285px;
    object-fit: cover;
}

.small-card p{
	color: #707070;
}

.small-content{

    padding:33px 33px 0 33px;

}

/* ========= BUTTON ========= */

.main-btn{

    background:#e10600;

    color:#fff;

    padding:12px 28px;

    border-radius:40px;

    text-decoration:none;

}

.projects-section .small-card .arrow-btn {

    transition: transform 0.3s ease;

    display: inline-block; 

}

.projects-section .small-card:hover .arrow-btn {

    transform: translateX(3px);

}

/* ========= RESPONSIVE ========= */

@media(max-width:991px){

    .projects-top{

        grid-template-columns:1fr;

    }

    .projects-grid{

        grid-template-columns:1fr;

    }

    .project-slider{

        height:260px;

    }

}
 
@media screen and (max-width: 767px) {

	.projects-section {

    padding: 60px 0;

}

  .small-card {    

    display: flex !important;

    flex-direction: column-reverse !important;

    justify-content: space-between;

  }

  .arrow-btn {

    top: 62%;

    right: 12px;

    width: 26px;

    height: 26px;   

  }

	.small-content {

    padding: 21px 15px 21px 15px;

}	 

}
 
/* testimonials secton css beign here */
.testimonial-section {
    padding: 80px 20px;
}
.testimonial-card {
  background: #F8F6F6;
  padding: 50px 33px;
  border-radius: 14px;
  text-align: center;
  transition: .3s;
  border:1px solid #B2B1B1;
	z-index:90;
}

.img-margin img:not(:first-child) {
  margin-left: -20px !important;
}

.swiper-slide-active .testimonial-card {
  background: #FFDDDE;
  transform: scale(1.4);
  border:1px solid #E3002B;	

}
.swiper-slide.swiper-slide-active {
    z-index: 999;
}
.swiper-wrapper .swiper-slide.swiper-slide-active .card-bg {
    background-color: #E3002B !important;
	overflow-x:hidden !important;
}
.testimonial-card .card-bg {
    display: block; 
    background: #111111;
    padding: 10px 46px 10px 65px;
    color: #fff;
    margin-left: -50px;
    clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 0% 100%) !important;
	overflow-x:hidden !important;
}
.testimonial-img img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  margin-bottom: 15px;
  z-index:9;
	position:relative;
}

.swiper-nav button {
    background: var(--color-primary);
    color: #fff;
    border: none;
    padding: 7px 14px;
    border-radius: 0;
    margin-bottom: 23px;
}
.card-bg h5{
	font-size:15px;
	font-weight:700;
	line-height:120%;
}
.card-bg p{
	font-size:15px;
	line-height:23px;
	font-weight:500;
}
.testimonial-img-wrapper {
    position: relative;
    padding-right: 20px; 
}
.video-play-trigger {
    position: absolute;
    top: 85%;
    right: -13px;
    transform: translateY(-50%) scale(0); 
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 10;
}
.swiper-slide-active .video-play-trigger {
    transform: translateY(-50%) scale(1);
    opacity: 999;
}
.video-btn-inner {
    position: relative;
    width: 82px;
    height: 82px;
    background: white;
    border-radius: 50%;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.rotating-text {
    animation: rotateCircular 10s linear infinite;
}
.rotating-text text {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}
@keyframes rotateCircular {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.play-icon-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background: #E3002B; 
    border-radius: 50%;
}
.play-icon-center::after {
    content: '';
    position: absolute;
    top: 50%; left: 55%;
    transform: translate(-50%, -50%);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid white;
}
.video-modal-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.9);
    z-index: 9999;
    align-items: center;
    justify-content: center;
}
.video-modal-content { width: 80%; max-width: 800px; position: relative; }
.video-modal-content iframe { width: 100%; aspect-ratio: 16/9; }
.close-video { position: absolute; top: -40px; right: 0; color: white; font-size: 30px; cursor: pointer; }
#modal-video-container {
    position: relative;
    padding-bottom: 56.25%; 
    height: 0;
    overflow: hidden;
    width: 100%;
}
#modal-video-container iframe,
#modal-video-container embed,
#modal-video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 767px) {
	.testimonial-section {
    padding: 60px 20px;
  }
  .testimonial-card {
    padding: 33px 15px;
  }

  .swiper-slide-active .testimonial-card {
    background: #ffe6e6;
    transform: scale(1.3);
    border: 1px solid #E3002B;
  }
 .testimonial-card .card-bg { 
    padding: 10px 24px 10px 42px;   
}
 .testimonial-img img {
    width: 57px;
    height: 57px;   
}
.video-btn-inner {   
    width: 40px;
    height: 40px;   
}

.play-icon-center {
	width:16px;
	height:16px;
}
.card-bg h5 {
    font-size: 14px;    
}
.card-bg p {
    font-size: 12px;
    line-height: 16px;
}
.video-play-trigger {
	right:17px;
}
.testimonial-img img {
	margin-bottom:6px;
}
.img-margin img{
	width:36px;
}
.testimonial-cont{
	font-size:12px;
	margin-bottom:0;
	width:30%;
}
}

/* ======================================================
   SECTION Hiring Section css Beign Here
====================================================== */
.hiring-section{
  position:relative;
  padding:116px 0;
  color:#fff;
  overflow:hidden;
}
.hiring-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:#000000D9;
  z-index:1;
}
/* Keep content above overlay */
.hiring-section > .container {
  position: relative;
  z-index: 2;
}
.hiring-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:40px;
  margin-bottom:70px;
  flex-wrap:wrap;
}
.section-title{
  font-size:42px;
  font-weight:700;
  margin-bottom:14px;
  line-height:1.2;
}
.section-desc{
  max-width:620px;
  opacity:.75;
  font-size:16px;
  line-height:1.6;
}
.hire-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 30px;
  border-radius:40px;
  background:#E3002B;
  color:#fff;
  text-decoration:none;
  font-weight:600;
  transition:all .35s ease;
}
.hire-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 25px rgba(227,0,43,.35);
}
.hiring-section .row{
  row-gap:28px;
}
.flip-card{
  perspective:1400px;
  height:474px;
  cursor:pointer;
}
.flip-inner{
  position:relative;
  width:100%;
  height:100%;
  transform-style:preserve-3d;
  transition:transform 1.1s cubic-bezier(.4,0,.2,1);
}
.flipcard-image {
    max-width: 287px;
    width: 100%;
    height: 159px;
    margin: 0 auto;
}
.flip-card.flip .flip-inner{
  transform:rotateY(180deg);
}
.flip-front,
.flip-back{
  position:absolute;
  width:100%;
  height:100%;
  padding:40px;
  border-radius:18px;
  display:flex;
  flex-direction:column;
  justify-content:center;
   backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  background: linear-gradient(
    224.84deg,
    #E3002B -0.03%,
    #222222 46.74%,
    #2C2B2B 95.45%
  );
  color:#fff;
  box-shadow:0 12px 45px rgba(0,0,0,.35);
}
.flip-back{
  transform:rotateY(180deg);
}
.flip-front,
.flip-back{
  position:absolute;
  width:100%;
  height:100%;
  padding:40px;
  border-radius:18px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  text-align:left;
  backface-visibility:hidden;
  background: linear-gradient(
    224.84deg,
    #E3002B -0.03%,
    #222222 46.74%,
    #2C2B2B 95.45%
  );
  color:#fff;
  border:1px solid rgba(255,255,255,0.28);
  box-shadow:
    0 8px 30px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.08);
	border: none;
}
.flip-front::after,
.flip-back::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 18px;
    pointer-events: none;
}
.col-lg-4:nth-child(1) .flip-front::after,
.col-lg-4:nth-child(1) .flip-back::after,
.col-lg-4:nth-child(3) .flip-front::after,
.col-lg-4:nth-child(3) .flip-back::after{
    border-bottom: 2px solid rgba(255,255,255,0.6);
    border-left: 2px solid rgba(255,255,255,0.6);
}
.col-lg-4:nth-child(2) .flip-front::after,
.col-lg-4:nth-child(2) .flip-back::after {
    border-top: 2px solid rgba(255,255,255,0.6);
    border-left: 2px solid rgba(255,255,255,0.6);
}

.flip-front i{
  font-size:48px;
  margin-bottom:10px;
}

.flip-back h4{
  font-size:26px;
  font-weight:600;
  margin-bottom:12px;
}

.flip-back p{
  font-size:16px;
  line-height:23px;
color:#D4D4D4;
}
.flip-back ul{
  list-style:none;
  padding-left:0;
  margin:0;
}
.flip-back ul li{
  position:relative;
  padding-left:28px; 
  margin-bottom:10px;
}
.flip-back ul li::before{
  content:"";
  position:absolute;
  left:0;
  width:20px;
  height:20px;
  background-image:url("https://runtimelogics.manaliholidays.in/wp-content/uploads/2026/02/Group-13-9.svg");
  background-size:contain;
  background-repeat:no-repeat;
}
.flip-card:hover{
  transform:translateY(-6px);
  transition:transform .3s ease;
}
.flip-back .icon-hiring{
	width:52px;
	height:52px;
	margin-bottom:25px;
}
@media (max-width: 991px){

  .hiring-header{
    flex-direction:column;
    align-items:flex-start;
  }
  .section-title{
    font-size:34px;
  }  
}

@media screen and (max-width:767px){
.hiring-section{
  padding:50px 20px;
}
.flip-front,
.flip-back{
	padding:16px !important;
}	
.flip-card {
    height: 326px;
}
.flip-card h4{
 font-size:16px;
 font-weight:600;
	line-height:20px;
}
.flip-card p,
.flip-card li{
	font-size:14px;	
	line-height:18px;
}
	.flip-back .icon-hiring {
    width: 49px;
    height: 49px;
    margin-bottom: 20px;
}
.hiring-section .row{
  row-gap:0px;
	padding:0 10px;
}
.hiring-header {
	gap:10px;
}
}

/* brand slider css beign here */

.trusted-brands-section{
  position:relative;
  padding:116px 20px;
  color:#fff;
  overflow:hidden;
}
.trusted-brands-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:#00000099;
  z-index:1;
}
/* Keep content above overlay */
.trusted-brands-section > .container {
  position: relative;
  z-index: 2;
}
.brand-slider-wrapper {
    border: 1px solid #9A9A9A;
    border-radius: 7px;
    backdrop-filter: blur(10px);
    background: #FFFFFF1A;
}
.brand-logo {
    max-height: 94px;
    width: auto;
    opacity: 0.8;
    transition: 0.3s ease;
}
.brand-logo:hover {
    opacity: 1;
    transform: scale(1.05);
}
.trusted-brands-section .swiper-wrapper{
	align-items:center !important;
}
@media screen and (max-width:767px){
.trusted-brands-section{  
  padding:40px 20px;  
}
 .review-count > div {
    padding: 16px 10px;
  }
  .review-count > div:nth-child(odd) {
    border-right: 1px solid #e5e5e5;
  }
  .review-count > div:nth-child(1),
  .review-count > div:nth-child(2) {
    border-bottom: 1px solid #e5e5e5;
  }
  .review-count > div:nth-child(3),
  .review-count > div:nth-child(4) {
    border-bottom: none;
  }
}
/* insight css beign here */
.insights-section {
    padding: 80px 20px;
    background: #F9F9F9;
}
@media (min-width: 992px) {
  .insightsSwiper .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }

  .insightsSwiper .swiper-slide {
    width: auto !important;
  }
}

@media screen and (max-width:767px){
	.insights-section {
	padding:60px 20px;
}
}
.author-avatar img {
    width: 32px;
    height: 32px;
    object-fit: cover;
}
.btn-danger {
    background-color: #e30613;
    border: none;
}
.swiper-pagination-bullet-active {
    background-color: #e30613 !important;
}
.insights-section .card-footer{
	border-top:1px solid #E3E3E3;
	padding:10px 25px 25px 25px;
}

/* home-contact css beign here  */
.contact-testimonial-section{
	padding:100px 20px ;
	background:#F8F8F8;
}
@media screen and (max-width:767px){
	.contact-testimonial-section{
	padding:40px 20px ;
}
}
.forminator-ui#forminator-module-389.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:focus {
    outline: 0 !important;
    outline-offset: 0px !important;
	background:#fff !important;
}
.forminator-ui#forminator-module-389.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:hover { 
	background:#fff !important;
}
.forminator-ui#forminator-module-389.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
   
	background:#fff !important;
}
.forminator-ui.forminator-custom-form[data-design=default] .forminator-phone.iti--allow-dropdown .forminator-input {
    padding-left: 87px !important;
}
.forminator-row-last .forminator-field{
	  display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.forminator-field-phone {
    position: relative;
}

.forminator-field-phone {
    position: relative;
}

.forminator-ui.forminator-custom-form,
.forminator-ui.forminator-custom-form *,
.forminator-ui.forminator-custom-form .forminator-label,
.forminator-ui.forminator-custom-form .forminator-title,
.forminator-ui.forminator-custom-form .forminator-description,
.forminator-ui.forminator-custom-form .forminator-input,
.forminator-ui.forminator-custom-form .forminator-textarea,
.forminator-ui.forminator-custom-form .forminator-select,
.forminator-ui.forminator-custom-form .forminator-button {
    font-family: 'Manrope', sans-serif !important;
}

/* Unique Mobile Classes */
.mobile-hero-swiper {
    height: 300px;
    border-radius: 16px;
    overflow: hidden;
}

.m-hero-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mobile-cards-swiper {
    padding-bottom: 0px !important;
}

/* Card Styling for Mobile */
.d-block.d-lg-none .small-card {
    display: flex !important;
    flex-direction: column-reverse !important; 
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.m-card-img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

/* Swiper Pagination Color */
.mobile-cards-swiper .swiper-pagination-bullet-active {
    background: #e10600 !important;
}
/* about css beign here	 */

.statistics-section {
    overflow: hidden;
    padding: 80px 20px 60px 20px;
}

.stat-icon i, .stat-icon svg {
    color: #ff0000; 
    font-size: 2.5rem;
}

.stat-number {
    letter-spacing: -1px;
}

.stat-title {
    color: #ccc;
    letter-spacing: 1px;
}
.solution-card {
    transition: all 0.3s ease-in-out;
}

.solution-card:hover {
    transform: translateY(-4px);
}

/* blog css */
.blog-banner, .portfolio-banner {
  min-height: 380px;
  display: flex;
  align-items: center;
   padding: 120px 20px;
  background: 
    radial-gradient(circle at 85% 20%, rgba(220, 20, 60, 0.4) 0%, transparent 50%),
    radial-gradient(circle at 15% 10%, rgba(180, 0, 30, 0.3) 0%, transparent 40%),
    linear-gradient(135deg, #0a0000 0%, #000000 100%);  
  background-blend-mode: screen;
}

.blog-page{
	background:#F9F9F9;
}

.text-white-75 {
  color: rgba(255, 255, 255, 0.75);
}

.blog-page .blog-tabs .btn {
  border-radius: 30px;
  padding: 6px 24px; 
  color: #000;
  background: #ffffff;
  border: 1px solid #e3002b;
}
.blog-page .blog-tabs .btn:hover {  
  color: #fff;
}
.blog-page .blog-tabs .btn.active {
  background: #e3002b !important;
  color: #fff;
}
.statistics-section .number-contentt{
	font-size:16px;
	font-weight:500;
}

/* ================= SWIPER FIX ================= */
.blog-page .featuredSwiper {
    min-height: 395px; 
    overflow: hidden;
}
.featuredSwiper img{
	height:250px;
	width:100%;
	object-fit:cover;
	border-radius:20px;
}
.left-parent{
 min-height:450px;
  border-radius: 18px;
  overflow: hidden;
  background: 
    radial-gradient(circle at 85% 20%, rgba(220, 20, 60, 0.4) 0%, transparent 50%),
    radial-gradient(circle at 15% 10%, rgba(180, 0, 30, 0.3) 0%, transparent 40%),
    linear-gradient(135deg, #0a0000 0%, #000000 100%); 
  box-shadow: 0px 3.33px 33.33px 0px #00000014;
	
}

.blog-page .featuredSwiper .swiper-wrapper,
.blog-page .featuredSwiper .swiper-slide {
  height: 100%;
}

/* ================= CARDS ================= */
.blog-page .featured-card,
.blog-page .side-card,
.blog-page .blog-card {
  height: 100%;
  border-radius: 18px;
  overflow: hidden;
  position: relative;
  background: #fff;
  box-shadow: 0px 3.33px 33.33px 0px #00000014;
}


.blog-page .side-card {
  min-height: 420px;
	transition:.2s ease-in;
}

.blog-page .blog-card {
  min-height: 420px;
	transition:.2s ease-in;
}

/* ================= IMAGES ================= */
.blog-page.featured-card img,
.blog-page .side-card img,
.blog-page .blog-card img {
  width: 100%;
  height: 226px;
  object-fit: cover;
 display:block;
}


/* ================= OVERLAY ================= */
.blog-page .content {
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;               
  padding: 20px;
  color: #000;
  z-index: 2;
}

/* ================= BADGE ================= */
.blog-page .badge {
  background: #e3002b;
  border-radius: 12px;
  font-size: 12px;
  padding: 4px 10px;
  width: fit-content;
  margin-bottom: 8px;
}
.blog-page .page-numbers.current,
.portfolio-section .page-numbers.current{
	display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    color: #fff;
}
.blog-page .page-numbers,
.portfolio-section .page-numbers{
	display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #000;
    border-radius: 50%;
    height: 30px;
    width: 30px;
	text-decoration: none;
    color: #000;
}
.left-parent .featuredSwiper .swiper-pagination,
.portfolio-section .swiper-pagination{
 position: absolute;
  left: 0px;
  bottom: -5px;
  width: auto;
  text-align: left;
}

.left-parent .featuredSwiper .swiper-pagination-bullet,
.portfolio-section .swiper-pagination-bullet{
  width: 15px;
  height: 3px;
  background: rgba(255,255,255,0.6);
  border-radius: 10px;
  opacity: 1;
  margin: 0 6px 0 0;
  transition: all 0.3s ease;
}

.left-parent .featuredSwiper .swiper-pagination-bullet-active,
.portfolio-section .swiper-pagination-bullet-active{
  width: 20px;
  height: 3px;
  background: #ffffff;
  border-radius: 10px;
}
.blog-card:hover .arrow-blog,
.side-card:hover .arrow-blog{
	transform:translatex(5px);
}
.auth-namee{
	font-size:14px;
	font-weight:700;
	color:#000;
}
.blog-card .author-avatar img,
.side-card .author-avatar img{
	height:35px;
	width:35px;
}
@media screen and (max-width:767px){
.blog-banner, .portfolio-banner{ 
   padding: 60px 20px 0px 20px;  
}
.blog-page .nav {
    display: flex;
	flex-direction:row;
	flex-wrap:nowrap;
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 12px; 
    scrollbar-width: thin;
    scrollbar-color: #e3002b #f1f1f1;
}	
}
@media(max-width: 769px){
	.number-content {
		text-align: center !important;
	}
	.hero-banner .star-vector-left {
		display: none;
	}
	.hero-banner .star-vector {
		top: 38px !important;
		left: 37px !important;
	}
}