body.home{
    background:#070618 !important;
}
body.home #menu-1-2a8e29c #menu-item-53{
	display:none;
}
html,
body{
    overflow-x:hidden;
    margin:0;
    padding:0;
    width:100%;
}
body{
	/*background:url('https://titanwebmaker.com/EPR/wp-content/uploads/2026/04/mainbg-scaled.png');*/
	background:#040210;
	background-size:cover !IMPORTANT;
	  overflow-x:hidden !IMPORTANT;
}
/* MAIN WRAPPER */
.scrollPattern {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 99999 !important;
    opacity: 0;
}

.patternTop, .patternBottom {
    position: relative;
    z-index: -1 !important;
    will-change: transform;
}
.zindexarea,
.zindexarea1,
.zindexarea4 {
    position: relative;
    z-index: 9999999999999999999999999 !important;
}
body.home .zindexarea,
body.home .zindexarea1,
body.home .zindexarea4 {
    position: relative;
    z-index: 0 !important;
}
body.home .zindexareaa.zindexarea {
	position: relative;
    z-index: 9999999999999999999999999 !important;
}
body.home .zindexareaa.zindexarea1{
	position: relative;
    z-index: 9999999999999999999999999 !important;
}
body.home .zindexareaa.zindexarea4 {
	position: relative;
    z-index: 9999999999999999999999999 !important;
}

.popup-opened{
    z-index: 99 !important;
}
/* TOP IMAGE */
.patternTop {
  top: 0%;
  transform: translateY(-80px); /* start from top */
}

/* BOTTOM IMAGE */
.patternBottom {
  bottom: 0;
}

/* IMAGE STYLE */
.patternTop img,
.patternBottom img {
  width: 100%;
  display: block;
  opacity:0.1;
}
#masthead {
    transition: all 0.4s ease;
}
.ehf-header #masthead {
    z-index: 999999999999999999999999999999999999999999999999999;
    position: relative;
}

body.home.ehf-header #masthead { 
    z-index: 0;
    position: relative; 
}

body.home.ehf-header #masthead.headerarea12 {
    z-index: 999999999999999999999999999999999999999999999999999;
    position: relative;
}
 

#masthead.header-scrolled .headermainareaarea{
    position: absolute ;
    top: 0;
    width: 100%;
    
    background: rgba(7, 7, 9, 0.95); /* slight transparency for smooth feel */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    z-index: 9999;
    padding: 0 !important;
}

#masthead.header-scrolled {
	 z-index: 99991 !IMPORTANT;
    padding: 0 !important;
}
.headerarea {
    position: absolute;
    width: 100%;
    padding: 0 !important;
}
.mainmenu ul.hfe-nav-menu {
    border-radius: 132px;
    width: 100%;
    border-radius: 50px;
    background: linear-gradient(
        180deg,
        rgba(20, 20, 20, 0.95) 0%,
        rgba(10, 10, 10, 0.95) 100%
    );
    box-shadow: inset 0 2px 6px rgba(255, 255, 255, 0.05),
        inset 0 -4px 10px rgba(0, 0, 0, 0.8),
        0 8px 20px rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 0 30px;
    align-items: center;
    justify-content: center;
}
/*Common*/ 
.smallheading h4{
    background: linear-gradient(90deg, #6A4DEA 0%, #2B65F6 100%); 
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
font-family: "Plus Jakarta Sans";

font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
}
.smallheading h3{
    background: linear-gradient(90deg, #6A4DEA 0%, #2B65F6 100%); 
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: "Plus Jakarta Sans";

font-style: normal;
font-weight: 600;
line-height: normal;
}
.marginparea p{
	margin-top:5px !IMPORTANT;
}

/*banner Area*/
.bannerinnaerarea {
    z-index:999;
}
.bannercarousel {
  width: 81%;
  height: 500px;
  position: relative;
  margin: auto; z-index: 10;
}

.bannercard {
  position: absolute;
  width: 98%;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
  opacity: 0;
  transform: scale(0.6);
}

/* Center */
.bannercard.active {
  transform: translateX(0) scale(1.15);
  opacity: 1;
  color: #fff;
  z-index: 3;
}

/* Left */
.bannercard.prev {
  transform: translateX(-150px) scale(0.95);
  opacity: 0.6;
  z-index: 2;
}

/* Right */
.bannercard.next {
  transform: translateX(150px) scale(0.95);
  opacity: 0.6;
  z-index: 2;
}
.bannerinnaerarea{
    position:relative;
	z-index:9999;
}
.bannerinnaerarea::before {
    position: absolute !important;
    content: ''  !important;
    background: linear-gradient(
0deg, black, #0000003d);
    width: 100%  !important;
    height: 100%  !important;
    top: 0px  !important;
    bottom: 0 !important;
    z-index: 99;
    opacity: 0.5;
}
.bannerinnaerarea .elementor-background-video-hosted {
    inset-block-start: 39% !Important;
    inset-inline-start: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
}
.bannermainblk {
    position: relative;
    z-index: 99 !important;
}
/* Arrows */

.banner-scroll-section,
.bannercarousel {
  position: relative;
  z-index: 9999;
}
.bannercard {
  pointer-events: none;
}
.banner-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 30px;
  color: #fff;
  background: rgba(0,0,0,0.5);
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  z-index: 9999;
  pointer-events: auto;
}

.banner-arrow:hover {
  background: rgba(0,0,0,0.8);
}.bannerinnaerarea::before {
  pointer-events: none;
}

/* Left */
.banner-arrow.left {
  left: 15px;
}

.banner-arrow.right {
  right: 15px;
}
/**/

.constrctionblk {
    background: url('../images/boxbg.png');
    border-radius: 11px;
    color: #FFF;
    font-family: Inter;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    height: 360px;
    position: relative;
    background-size: cover;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.constrctionblk .elementor-image-box-wrapper{
    z-index: 99999;
    position: relative;
}
.constrctionblk:hover {
    background: url('../images/boxbghover.png') !important;
    background-size: cover !important;
    background-position: center !important;
}
/*
.constrctionblk:before {
    position: absolute;
    content: '';
    background: linear-gradient(130deg, rgb(43 101 246 / 18%) 0%, rgb(68 43 181 / 72%) 100%);
    height: 380px;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
    opacity: 0.8;
    border-radius: 15px;
}
*/

/*constructionfouesed*/

/* GRID */
.construct-card-grid {
  display: flex;
  gap: 30px;
  justify-content: center;
  flex-wrap: wrap;
}

/* CARD */
.construct-card {
  width: 300px;
  padding: 30px;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  cursor: pointer;

  background: linear-gradient(135deg, rgba(80,100,255,0.2), rgba(0,0,0,0.4));
  backdrop-filter: blur(10px);

  border: 1px solid rgba(255,255,255,0.08);

  transition: all 0.4s ease;
}

/* GLOW BORDER EFFECT */
.construct-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  padding: 1px;
  background: linear-gradient(135deg, #4f6bff, #7c3aed, transparent);
  -webkit-mask: 
    linear-gradient(#000 0 0) content-box, 
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: 0.4s;
}

/* HOVER EFFECT */
.card:hover {
  transform: translateY(-10px) scale(1.02);
}

.construct-card:hover::before {
  opacity: 1;
}

/* ICON */
.construct-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-bottom: 20px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
}

/* SIMPLE ICON SHAPE */
.construct-icon::after {
  content: "";
  width: 18px;
  height: 18px;
  border: 2px solid #6c8cff;
  border-radius: 4px;
}

/* TITLE */
.construct-card h3 {
  color: #fff;
  font-size: 18px;
  margin: 0 0 10px;
}

/* TEXT */
.construct-card p {
  color: rgba(255,255,255,0.7);
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

/* ACTIVE CARD (FIRST ONE LIKE SCREENSHOT) */
.construct-card.active {
  background: linear-gradient(135deg, rgba(120,140,255,0.4), rgba(0,0,0,0.6));
  border: 1px solid rgba(100,150,255,0.6);
}

/*impactareae*/
.impactinsidearea h3.elementor-image-box-title {
    color: #FFF !important;
    font-family: "Plus Jakarta Sans" !important;
    font-size: 25px !important;
    font-style: normal  !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin-bottom: 15px !important;
}
.impactinsidearea h3.elementor-image-box-title span {
    font-size: 19px !important;
    color: #FFF !important;
    font-size: 16px !important;
    font-size: 18px !important;
    font-style: italic !important;
    font-weight: 400 !important;
    line-height: normal !important;
    padding-right: 8px;
    opacity: 0.6;
}
.impactinsidearea p.elementor-image-box-description {
    color: #FFF !important;
    font-family: "Plus Jakarta Sans" !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: normal !important;
    padding-left: 15px;
    position: relative;
    width: 75%;
}
.impactinsidearea p.elementor-image-box-description:before {
    position: absolute;
    content: '';
    border-left: #FFF 2px solid;
    height: 100%;
    width: 3px;
    left: 0;
}



/*instuaries server*/
.industriesserved figcaption{
.color: #FFF;
font-family: "Plus Jakarta Sans";
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal;
}



/*testimonial*/
.testimonialsection{
    position:relative !important;
	z-index:999;
}


/* 🔥 BACKGROUND TEXT (FIXED) */
.bg-text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, #4f6cff, #6ce0ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    pointer-events: none;
    z-index: 0;
    
    white-space: nowrap;
    pointer-events: none;
    z-index: 0;
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 11rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: linear-gradient(90deg, #6A4DEA 0%, #2B65F6 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* SECTION */
.horizontal-section {
  height: 70vh;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}

/* WRAPPER */
.horizontal-wrapper {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 40px;
  padding: 0 calc((100vw - 320px) / 2);

  position: relative;
  z-index: 2;

  will-change: transform;
  cursor: grab;
}

.horizontal-wrapper:active {
  cursor: grabbing;
}

/* CARD */
.card {
  width: 450px;
  height: 320px;
  border-radius: 18px;
  overflow: hidden;
  flex-shrink: 0;

  transition: all 0.4s ease;
  will-change: transform;

  
}
.cartareafull {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 290px;
    Background: #0D0728;
    border-radius: 10px;
    overflow: hidden;
    padding: 13px 10px;
}
.cartarrow {
    width: 40px;
    height: 40px;
    margin-bottom: 5px;
    margin-left: 17px;
    margin-top: 6px;
}
.cartarrow img{
	object-fit:contain;
	border-radius:0px;
}

.cardtitle {
    color: #fff;
    text-align: left;
    font-family: "Plus Jakarta Sans";
    font-size: 13px;
    font-weight: 300;
    line-height: 18px;
    padding: 9px 20px;
    opacity: 1;
    width: 100%;
    transition: all 0.4s ease;
}
.cart-footer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0px 20px 0;
    gap: 15px 10px;
    margin-top: 8px;
}
.cart-footerleft {
    width: 60px;
    height: 60px;
}
.cart-footerleft .cardimg {
    width: 60px;
    height: 60px;
}
.cart-footerleft .cardimg img{
    width: 60px;
    height: 60px;
}
/* ✅ HOVER EFFECT */

/* DEPTH STYLE */
.card:nth-child(odd) {
  transform: translateY(-40px) scale(1);
}

.card:nth-child(even) {
  transform: translateY(110px) scale(1) ;
}

/* ACTIVE CARD */
.card.active:nth-child(odd) {
  transform: translateY(-40px) scale(1);
}

.card.active:nth-child(even) {
  transform: translateY(110px) scale(1) ;
}

.card.active {
  transform:  scale(1) ;
  opacity: 1;

  z-index: 3;
}

/* IMAGE */
.card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.cartfooterbottom h4{
	color:#fff;
	margin:0 !IMPORTANT;
	font-size:15px;
	font-weight:bold !IMPORTANT;
}
.cartfooterbottom h5 {
    color: #fff;
    margin: 0 !IMPORTANT;
    font-size: 11px;
    margin: 3px 0px 0  !important;
}
/* NEXT SECTION */
.next-section {
  height:100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  border-top-left-radius:75px !important;
  border-top-right-radius:75px !important;
}


/*Insights Area*/

/* Grid */
.insights-grid{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
}

/* Card */
.insight-card{
    margin-bottom:35px;
}
.insight-card{
	background:none;
	position:relative;
}
.insight-card:hover{
}
.insight-card .category{
color: #6A4DEA;
font-family: "Plus Jakarta Sans";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal; z-index: 9999;
    position: relative;
text-transform: uppercase;
}

.insight-card h3 {
    color: #FFF;
    font-family: "Plus Jakarta Sans";
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    z-index: 9999;
    position: relative;
}
/* background container */
.insightbg{
    position:absolute;
    right:0;
    top:-45px;
    opacity:0;
    transition:opacity .4s ease;
}
/* Glow circle */
.insightbg::before {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 300px;
    background: linear-gradient(180deg,#6A4DEA 0%,#2B65F6 100%);
    filter: blur(130px);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
/* image */
.insightbg img{
    width:80%;
    transform:scale(0.9);
    transition:transform .5s ease;
}

/* Hover effect */
.insight-card:hover .insightbg{
    opacity:1;
}


/* Zoom animation */
.insight-card:hover .insightbg img{
    transform:scale(1.1);
}



.insight-card a{
    color:#FFF;
    font-family:"Plus Jakarta Sans";
    font-size:18px;
    font-weight:500;
    text-decoration:none;
    position:relative;
    padding-bottom:4px;
    display:inline-block;
}

/* Animated underline */
.insight-card a::before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:2px;
    background:#2B65F6;
    transition:width 0.4s ease;
}

/* Arrow */
.insight-card a::after{
    content:"";
    position:absolute;
    width:14px;
    height:15px;
    right:-22px;
    top:6px;
    background:url('https://titanwebmaker.com/EPR/wp-content/uploads/2026/04/arrow.png') no-repeat center;
    background-size:contain;
    transition:transform 0.3s ease;
}

/* Hover Effects */
.insight-card a:hover::before{
    width:50%; background: linear-gradient(90deg, #6A4DEA 0%, #2B65F6 100%);
}

.insight-card a:hover::after{
    transform:rotate(45deg) translateX(3px);
}

/* Center Image */
.center-image{
    display:flex;
    justify-content:center;
    align-items:center;
}

.center-image img{
    width:160px;
    border-radius:20px;
    transform:rotate(-15deg);
    box-shadow:0 20px 40px rgba(0,0,0,0.4);
}

/* Button */
.insight-btn{
    text-align:center;
    margin-top:40px;
}

.insight-btn a{
    background:#3b5bff;
    padding:12px 22px;
    border-radius:30px;
    text-decoration:none;
    color:#fff;
    font-size:14px;
}

.insight-btn a:hover{
    background:#2d4df0;
}


/*requeest Area*/
.requestdemobtn a {
    border-radius: 51px;
    position: relative;font-family: "Plus Jakarta Sans";
    background: linear-gradient(180deg, #3E67EE 0%, #6A4DEA 100%);
    padding: 12px 42px 12px 20px;
}
.requestdemobtn2 a {
    border-radius: 51px;
    position: relative;
    font-family: "Plus Jakarta Sans";
    background: #4d239b !important;
    padding: 12px 42px 12px 20px;
    filter: saturate(0.6) !important;
}

.requestdemobtn a:after {
    content: "";
    position: absolute;
    width: 13px;
    height: 12px;
    right: 20px;
    top: 13px;
    background: url('https://titanwebmaker.com/EPR/wp-content/uploads/2026/04/arrow.png') no-repeat center;
    background-size: contain;
    transition: transform 0.3s ease;
}
.requestdemobtn a:hover,.requestdemobtn2 a:hover{
    border-radius: 51px;
background: linear-gradient(180deg, #6A4DEA 0%, #3E67EE 100%);
}
.requestdemobtn2 a:after {
    content: "";
    position: absolute;
    width: 13px;
    height: 12px;
    right: 20px;
    top: 13px;
    background: url('https://titanwebmaker.com/EPR/wp-content/uploads/2026/04/arrow.png') no-repeat center;
    background-size: contain;
    transition: transform 0.3s ease;
}
.requestdemobtncommon {
    height: 40px;
}
.requestdemobtn a:hover::after,.requestdemobtn2 a:hover::after,.serviceCard  .requestdemobtn1 a:hover::after ,.requestdemobtncommon a:hover:after{
    transform:rotate(45deg) translateX(3px);
}
.accordion {
    display: flex;
  
    overflow: hidden;
    gap: 0px;
    align-items: stretch;
}

/* PANEL */
.accordion .panel {
    flex: 1 1 0;
    min-width: 80px;
    background: #212225;
    color: #000;
    position: relative;
    cursor: pointer;
    padding: 30px 20px; /* SAME padding always */
    overflow: hidden;
  background: #EEEEF2;
box-shadow: 0 -29px 183.2px 0 rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    /* FIXED TRANSITION */
    transition: flex 0.5s ease, background 0.5s ease, color 0.3s ease;
}

/* ACTIVE PANEL */
.accordion .panel.active {
    flex: 4;
   background: #EEEEF2;
box-shadow: 0 -29px 183.2px 0 rgba(0, 0, 0, 0.25);
    color: #fff;
}

/* TOP NUMBER */
.accordion .panel .top-num {
    font-size: 18px;
    opacity: 1;
    position: relative;
    font-weight: 600;
}
.accordion .top-num span {
    left: 22px;
    position: relative;
    font-family: 'Inter' !important;
    color: #000;
}

.accordion .panel .top-num::after {
    content: "";
    background: url('https://titanwebmaker.com/EPR/wp-content/uploads/2026/04/arrow_icon.png');
    width: 14px;
    height: 14px;
    position: absolute;
    top: 6px;
    left: 0;
    background-size: contain;
    transform: rotate(0deg);
    transition: transform 0.4s ease;
    background-repeat: no-repeat !important;
}
/* HOVER ROTATE */
.accordion .panel:hover .top-num::after {
    transform: rotate(-180deg);
}

/* ACTIVE PANEL ROTATE (optional 🔥) */
.accordion .panel.active .top-num::after {
    transform: rotate(-140deg);
}

/* LABEL */
.accordion .panel .label {
    position: relative;
    font-size: 14px;
    text-transform: capitalize;
    opacity: 1;
    order: 3;
    transition: transform 0.3s ease;
    writing-mode: sideways-lr;
    position: absolute;
    bottom: 0;
    line-height: 63px;
    font-size: 18px;
    font-weight: 500;
    bottom: 32px;
}
.accordion .panel .label img {
    width: 40px; 
    height: 40px;
    object-fit: contain !important;
}
/* HOVER EFFECT (NO LAYOUT SHIFT) */
.accordion .panel:hover .label {
    transform: scale(1);
    text-align: center;
    margin: 0 auto;
	
}
 .accordion .panel.active .label {
    transform: scale(1.2);
    text-align: left;
    margin: 0;	
	opacity:0;
   
}
.accordion .panel.active .label .btarea img {
    display: block;
    width: 30px;
    height: 30px;
    object-fit: contain;
    margin: 0;
}


/* CONTENT */
.accordion .content {
    opacity: 0;
    transform: translateY(30px);
    transition: 0.4s ease;
    height: 0;
    overflow: hidden;
}

/* ACTIVE CONTENT */
.accordion .panel.active .content {
    opacity: 1;
    transform: translateY(0);
    height: auto;
}

/* HEADER */
.accordion .header {
    display: flex;
    align-items: center;
    gap:0px;
}

.accordion .header h2 {
   
    margin: 0 !important;
    line-height: 52px;
    position: relative;
    margin-bottom: 12px !important;
    padding-left: 50px;
    font-size: 18px;
    opacity: 1;
    position: relative;
    font-weight: 600;
}
.accordion .header h2::after {
    content: " ";
    background: url('https://titanwebmaker.com/EPR/wp-content/uploads/2026/04/arrow_icon.png');
    width: 14px;
    height: 14px;
    position: absolute;
    top: -21px;
    bottom: 0;
    background-size: contain;
    background-position: center;
    left: -16px;
    transform: rotate( 
207deg);
}


/* TITLE */
.accordion .content h2 {
    margin: 10px 0 0 !important;
    font-size: 22px;
    font-weight: 500 !important;
    color: #000;
}
.accordion .content p {
    margin-top:2px;
    font-size: 15px;
   color:#000;
}

/* IMAGE */
.accordion .image img {
    width: 100%;
    border-radius: 12px;
    height: 240px;
    object-fit: cover;
    margin-bottom: 9rem;
}

/* HIDE NUMBER WHEN ACTIVE */



ul.conlist li h3 {
    color: #000;
    font-size: 15px;
    margin: 0 !important;
    font-weight: bold !important;
}
ul.conlist {
   list-style-type:none !Important;
   padding-left:30px !Important;
}
ul.conlist  li {
    position: relative;
    font-size: 18px;
    margin-bottom: 10px;
}
ul.conlist  li:before {
    position: absolute;
    content: '';
    BACKGROUND: URL('https://titanwebmaker.com/EPR/wp-content/uploads/2026/04/arrow_icon.png');
    WIDTH: 14px;
    height: 14px;
    top: 3px;
    left: -26px;
    background-size: contain;
    background-repeat: no-repeat !important;
}

.hovercontent ul.conlist {
   list-style-type:none !Important;
   padding-left:30px !Important;
}
.hovercontent ul.conlist  li {
    position: relative;
    font-size: 18px;
    margin-bottom: 10px;
}
.hovercontent ul.conlist  li:before {
    position: absolute;
    content: '';
    BACKGROUND: URL('https://titanwebmaker.com/EPR/wp-content/uploads/2026/05/iconwhite.png');
    WIDTH: 14px;
    height: 14px;
    top: 3px;
    left: -26px;
    background-size: contain;
    background-repeat: no-repeat !important;
}
.bottomblkareablk {
    padding: 0 30px;
}

/*panle End*/


/*panle End*/
body.home .footer-container
{
	background: linear-gradient(180deg,#0A0228 0%,#07001F 50%,#050016 100%);
	position:relative;
	
}

.footer-container:after
{
	content:'';
	position:absolute;
	border-radius: 724px;
background: linear-gradient(180deg, #6A4DEA 0%, #0D0728 100%);
filter: blur(685.2999877929688px);
}

/* ===== FORM CONTAINER ===== */
.form-group p {
    margin: 0 !important;
}
.cf7-modern-form {
  background: linear-gradient(135deg, #05071a, #0a0f2c);
  padding: 30px;
  border-radius: 00px;
  font-family: 'Inter', sans-serif;
 border-radius: 20px;
border: 1px solid rgba(64, 64, 64, 0.50);
background: rgba(0, 0, 0, 0.21);
box-shadow: -20px 68px 20px 0 rgba(0, 0, 0, 0.00), -13px 43px 18px 0 rgba(0, 0, 0, 0.01), -7px 24px 15px 0 rgba(0, 0, 0, 0.04), -3px 11px 11px 0 rgba(0, 0, 0, 0.07), -1px 3px 6px 0 rgba(0, 0, 0, 0.08);
backdrop-filter: blur(12.5px);
}

/* ===== ROW LAYOUT ===== */
.cf7-modern-form .form-row {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.cf7-modern-form .form-group {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.cf7-modern-form .form-group.full {
  width: 100%;
  margin-bottom: 20px;
}

/* ===== LABEL ===== */
.cf7-modern-form label {
  font-size: 11px;
  letter-spacing: 1px;
  color: #8ea0ff;
  margin-bottom: 6px;
}


.cf7-modern-form input,
.cf7-modern-form select,
.cf7-modern-form textarea{
    width: 100%;
    background: #2a224d !important;
    border: 1px solid #2A224E;
    padding: 14px;
    border-radius: 6px;
    color: #fff !important;
    font-size: 14px;outline: none;
  transition: all 0.3s ease;
    outline: none;
}


/* AUTOFILL FIX */
.cf7-modern-form input:-webkit-autofill,
.cf7-modern-form input:-webkit-autofill:hover,
.cf7-modern-form input:-webkit-autofill:focus,
.cf7-modern-form textarea:-webkit-autofill,
.cf7-modern-form select:-webkit-autofill {

    -webkit-text-fill-color: #fff !important;

    -webkit-box-shadow: 0 0 0px 1000px #2A224E inset !important;
    box-shadow: 0 0 0px 1000px #2A224E inset !important;

    border: 1px solid #2A224E !important;

    transition: background-color 5000s ease-in-out 0s;

    caret-color: #fff;
}
/* ===== FOCUS EFFECT ===== */
.cf7-modern-form input:focus, .cf7-modern-form select:focus, .cf7-modern-form textarea:focus {
    border-color: #2A224E;
    box-shadow: 0 0 10px rgba(108, 124, 255, 0.3);
    background: #241d42;
}

/* ===== PLACEHOLDER ===== */
.cf7-modern-form ::placeholder {
  color: #2A224E;
  opacity: 0.6;
}

.checkbocgridlabelmain p {
    margin: 0;
}

/* ===== SUBMIT BUTTON ===== */
.cf7-modern-form .form-submit {
  margin-top: 25px;
}

.cf7-modern-form input[type="submit"] {
  width: 100%;
  background:linear-gradient(180deg, #3E67EE 0%, #6A4DEA 100%) !IMPORTANT;
  border: none;
  padding: 15px;
  color: #fff;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s;
}
.checkbox-grid span.wpcf7-form-control.wpcf7-checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    /* background: rgba(255,255,255,0.03); */
    padding: 0;
    border-radius: 5px;
    /* border: 1px solid rgba(120,130,255,0.15); */
    transition: 0.3s;
    flex-wrap: wrap;
    width: 100%;
}
.cf7-modern-form input[type="submit"]:hover {
  background: linear-gradient(180deg, #6A4DEA 0%, #3E67EE 100%) !IMPORTANT;
  transform: translateY(-1px);
}
.cf7-modern-form .wpcf7-not-valid {
    border: #ff6b6b 1px solid !important;
}
.wpcf7-not-valid-tip{
	display:none !IMPORTANT;
}
/* ===== ERROR MESSAGES ===== */
.wpcf7-not-valid-tip {
  color: #ff6b6b;
  font-size: 12px;
  margin-top: 5px;
}

.wpcf7-response-output {
  color: #fff;
  margin-top: 15px;
  border: none;
}
/* ===== GRID: 3 ITEMS PER ROW ===== */

/* ===== EACH ITEM ===== */
.checkbox-grid .wpcf7-list-item {
  margin: 0;
}

/* ===== LABEL BOX ===== */
.checkbox-grid label {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    padding: 14px 16px;
    background: #2A224E;
    border: 1px solid #2A224E;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.25s ease;
    margin-bottom: 0;
}

/* ===== CHECKBOX ===== */
.checkbox-grid input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: #2A224E;
  cursor: pointer;
}

/* ===== TEXT ===== */
.checkbox-grid .wpcf7-list-item-label {
  font-size: 14px;
  color: #cfd6ff;
}

/* ===== HOVER ===== */
.checkbox-grid label:hover {
  border-color: #2A224E;
  background: rgba(120, 100, 255, 0.18);
}

/* ===== ACTIVE ===== */
.checkbox-grid input[type="checkbox"]:checked + .wpcf7-list-item-label {
  color: #ffffff;
  font-weight: 500;
}

.checkbox-grid label:has(input:checked) {
  border-color: #6c7cff;
  background: rgba(108,124,255,0.25);
}

.checkbox-grid .wpcf7-list-item {
    margin: 0;
    flex: 0 0 32.5%;
}

.getsratedarea{
	z-index:999999;
	position:realtive !important;
}

.popup {
 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;

    overflow-y: auto;   /* IMPORTANT */
    overflow-x: hidden;

    display: flex;
    justify-content: center;
    align-items: flex-start;

    padding: 40px 20px;
    box-sizing: border-box;

    z-index: 999999;
display:none;
   
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(179deg, #05071a52, #050816);
}

.popup-content {
    background: #02010a;
    width: 400px;
    padding: 25px;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
	border:#202020 1px solid;
    transform: translate(-50%, -50%);
}

.close-btn {
    position: absolute;
    right: 7px;
    top: 8px;
    font-size: 25px;
    cursor: pointer;
    background: #2b409d;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 4px;
} 
.close-btn:hover
{
	BACKGROUND:#3f3194;
}
.popup-content .cf7-modern-form {
    BACKGROUND: none !important;
    border: 0px !important;
    padding: 0  !important;
}
span.wpcf7-spinner {
    position: absolute;
    right: 0;
    top: 10px;
}
.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
    font-size: 11px;
	text-align:center;
}
.popup-content .cf7-modern-form input, .popup-content .cf7-modern-form select, .popup-content .cf7-modern-form textarea {
    width: 100%;
    background: #2A224E;
    border: 1px solid #2A224E;
    padding: 8px 14px;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    outline: none;
    transition: all 0.3s ease;
}
.popup-content .cf7-modern-form input[type="submit"] {
    width: 100%;
    background: linear-gradient(180deg, #3E67EE 0%, #6A4DEA 100%) !important;
    border: none;
    padding: 9px 10px !important;
    color: #fff;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s;
}
.popup-content h2 {
    margin: 0  !important;
    text-align: center;
    color: #6A4DEA;
    font-size: 25px;
}

/*Module2*/
.serviceShowcase {
    max-width: 100%;
    margin: auto;
    padding: 30px 0px;
    position: relative;
    width: 100% !important;
}

.serviceRow{
    position:relative;
    display:flex;
    align-items:center;
    margin-bottom:50px;
}

.serviceRow.reverse{
    flex-direction:row-reverse;
}
.serviceRow:last-child{
	margin-bottom:0px !important;
}
/* IMAGE */

.serviceImage{
    width:60%;
    position:relative;
    z-index:1;
}

.serviceImage img{
    width:100%;
    display:block;
    border-radius:8px;
}

/* CARD */
.serviceContent p {
    font-size: 15px;
    line-height: 24px;
    margin: 16px 0px 16px 0;
}
.serviceCard {
    width: 54%;
    right: 0;
    z-index: 2;
    background: #0d0728cf;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 12px;
    padding: 35px 40px;
    color: #fff;
    box-shadow: 0 10px 40px rgba(0,0,0,0.35);
    position: absolute;
}
.serviceRow.reverse .serviceCard{
    left:0;
    right:auto;
}

/* ICON */
.iconWrap {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.iconWrap img{
    width:60px;
}
.serviceCard  .requestdemobtn1 a,.requestdemobtncommon a {
    border-radius: 51px;
    position: relative;
    font-family: "Plus Jakarta Sans";
    background: linear-gradient(180deg, #3E67EE 0%, #6A4DEA 100%);
    padding: 9px 42px 10px 20px !important;
    font-size: 15px;
}
.serviceCard  .requestdemobtn1 a:hover,.requestdemobtncommon a:hover {
    border-radius: 51px;
    position: relative;
    font-family: "Plus Jakarta Sans";
    background: linear-gradient(180deg, #6A4DEA 0%, #3E67EE 100%);
    padding: 9px 42px 10px 20px !important;
    font-size: 15px;
}

.serviceCard  .requestdemobtn1 a:after,.requestdemobtncommon a:after {
    content: "";
    position: absolute;
    width: 13px;
    height: 12px;
    right: 20px;
    top: 13px;
    background: url('https://titanwebmaker.com/EPR/wp-content/uploads/2026/04/arrow.png') no-repeat center;
    background-size: contain;
    transition: transform 0.3s ease;
}


/* TITLE */

.serviceCard h3 {
    font-size: 23px;
    margin-bottom: 0;
    line-height: 22px;
    margin-top: 0px;
    font-weight: bold;
}

/* CONTENT */

.serviceContent{
    margin-bottom:5px;
}

.serviceContent ul{
    padding-left:18px;
}

.serviceContent li{
    margin-bottom:12px;
    color:rgba(255,255,255,0.82);
    line-height:1.7;
    font-size:16px;
}

/* BUTTON */

.exploreBtn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:14px 28px;
    border-radius:40px;

    background:linear-gradient(
    90deg,
    #5865ff,
    #7d4dff
    );

    color:#fff;
    text-decoration:none;
    font-size:16px;
    font-weight:600;

    transition:0.3s ease;
}

.exploreBtn:hover{
    transform:translateY(-3px);
}
.stagulli{
	position:relative;
}
.stagulli ul.elementor-icon-list-items{
	padding-left:10px;
}
.stagulli ul.elementor-icon-list-items li {
    list-style: none;
    position: relative;
    padding-left: 18px;
}

.stagulli ul.elementor-icon-list-items li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 01px;
    color: #fff;
    font-size: 22px;
}
.coremamagementblk h3.elementor-image-box-title{
	margin-top:5px !IMPORTANT;
}
.coremamagementblk{
	margin-bottom:10px !IMPORTANT;
}
.viottitle h2 span{
	color:#6A4DEA !IMPORTANT;
}
.marareablk h4 {
    line-height: 70px;
}
.marareablk {
    padding: 0 !important;
}
.plan-box {
    position: relative;
    padding: 50px 40px;
    border-radius: 18px;
    overflow: hidden;
    
    /* Background */
    background: linear-gradient(
        135deg,
        #05001c 0%,
        #0a0033 40%,
        #12004a 100%
    );

    /* Border */
    border: 1px solid rgba(140, 100, 255, 0.35);

    /* Glass effect */
    backdrop-filter: blur(10px);

    /* Shadow */
    

    transition: 0.4s ease;
}

/* Hover Effect */
.plan-box:hover {
    transform: translateY(-5px);
 background: linear-gradient(
        135deg,
        #0a0033 0%,
        #12004a 40%,
        #05001c 100%
    );
    border-color: rgba(140, 100, 255, 0.7);

   
}
.builtblk ul.elementor-icon-list-items li {
    background: linear-gradient(
        90deg,
        #261b5b 0%,
        #261a58 50%,
        #261b5a 100%
    );
    border-radius: 30px;
    padding: 6px 25px 6px;
    color: #fff;
    text-align: center;
    /* border: 1px solid rgba(120, 90, 255, 0.25); */
    /* box-shadow: inset 0 1px 1px rgba(255,255,255,0.05),
        0 4px 12px rgba(0,0,0,0.25); */
		cursor:pointer;
		
		
}
.builtblk ul.elementor-icon-list-items li:hover {
    background: #2d1793;
    border-radius: 30px;
    padding: 6px 25px 6px;
    color: #fff;
    text-align: center;
    /* border: 1px solid rgba(120, 90, 255, 0.25); */
    /* box-shadow: inset 0 1px 1px rgba(255,255,255,0.05),
        0 4px 12px rgba(0,0,0,0.25); */
		
		
}
.builtblk ul.elementor-icon-list-items li span{

    font-size: 14px !important;
}

@media(min-width:992px){
	.accordion {
    display: flex;
    height:380px;
    overflow: hidden;
    gap: 0px;
    align-items: stretch;
}
}


/* RESPONSIVE */

/* =========================
TABLET
========================= */

@media (max-width:1024px){

    .accordion{
        display:flex;
        flex-direction:column;
        gap:15px;
    }

    .accordion .panel {
    height: auto !important;
    min-height: auto !important;
    display: flex !important;
    flex-direction: column;
    width: 100%;
    min-width: 100%;
    padding: 20px 20px 45px !important;
    overflow: hidden;
}

    .accordion .panel.active{
        flex:1 !important;
    }

    .accordion .content{
        height:auto !important;
        overflow:visible;
    }

    .accordion .panel .label{
        writing-mode:horizontal-tb !important;
        position:relative !important;
        bottom:auto !important;
        margin-top:15px;
       
    }.accordion .panel.active {
    
    color: #fff;
    padding-bottom: 0 !important;
}

    .accordion .image img{
        height:220px;
        margin-bottom:20px;
    }

}


@media(max-width:1040px){
	.requestcontinertop{
		width:19% !IMPORTANT;
	}
	.emenucontainer{
		width:60% !IMPORTANT;
	}
	.requestcontinertop {
    width: 100% !IMPORTANT;
    padding: 0 !IMPORTANT;
    margin:-5px 4px -1px !IMPORTANT;
    max-width: 100% !important;

}
}
@media(max-width:992px){
	.coremamagementblk.whywokblk .elementor-image-box-wrapper {
    text-align: center !important;
}
	.mainmenu ul.hfe-nav-menu {
    border-radius:0px;
    
}.cartareafull {
    display: flex;
    flex-direction: column;
    position: relative;
    height: auto;
    overflow: hidden;
}
.requestcontinertop {
    width: 100% !IMPORTANT;
    padding: 0 !IMPORTANT;
    margin: -25px 4px 13px !IMPORTANT;
    max-width: 100% !important;

}
.logoareaimg  img {
    width: 115px !IMPORTANT;
    text-align: left !important;
    margin: 11px 0 0 !important;
  
}  
.logoareaimg   {
 
    text-align: left !important;
    margin: 0 !important;
    vertical-align: baseline;
	align-items:left !IMPORTANT;
}
    .serviceRow,
    .serviceRow.reverse{
        flex-direction:column;
    }
.serviceRow {
  
    border-bottom: #5dafe924 1px solid;
    padding-bottom: 50px;
}
.serviceRow:last-child{
	border:0px !important;
	padding-bottom:0 !important;
}
    .serviceImage{
        width:100%;
    }

    .serviceCard{
        position:relative;
        width:100%;
        margin-top:-60px;
        left:auto !important;
        right:auto !important;
    }

}

/* SECTION */
.services-slider{
    max-width:1200px;
    margin:auto;
    position:relative;
    padding-bottom:100px;
}

/* CARD */
.service-card {
    position: relative;
    height: 420px;
    border-radius: 10px;
    overflow: hidden;
    padding: 28px 22px;
    background: url('https://titanwebmaker.com/EPR/wp-content/themes/EPR-Child/images/boxbg.png');
    color: #fff;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.service-card:hover
{
	background:url('https://titanwebmaker.com/EPR/wp-content/themes/EPR-Child/images/boxbghover.png');
}
/* ICON */
.icon-box {
    width: 110px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}

.icon-box img{
   
}

/* CONTENT */
.card-content{
    position:relative;
    z-index:2;
}
.card-content h3 {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 18px;
    font-weight: 700;
    padding: 0 20px  0 0;
}
.card-content p {
    font-size: 16px;
    line-height: 1.7;
    color: #e5e7ff;
    margin-bottom: 0;
}

/* OWL NAVIGATION */
.service-carousel .owl-nav{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:-70px;
    display:flex !important;
    gap:14px;
    margin:0 !important;
}

/* BUTTON */
.service-carousel .owl-nav button{
    width:48px !important;
    height:48px !important;
    border-radius:50% !important;
    border:1px solid rgba(255,255,255,0.3) !important;
    background:transparent !important;
    color:#fff !important;
    font-size:24px !important;
    display:flex !important;
    align-items:center;
    justify-content:center;
    transition:0.3s ease;
}

/* HOVER */
.service-carousel .owl-nav button:hover{
    background:#6f63ff !important;
    border-color:#6f63ff !important;
}

/* REMOVE DOTS */
.platform-carousel .owl-dots{
    display:none;
}


.platform-wrapper{
    display:flex;
    gap:8px;
    width:100%;
	
	flex-wrap:wrap;
    overflow:hidden;
}

.platform-card {
    position: relative;
    flex: 1;
	flex:0 0 32%;
    height: 420px;
    overflow: hidden;
    cursor: pointer;
    transition: 0.5s ease;
    border: 2px solid transparent;
}

.platform-card.active{
    flex:1.6;
    border-color:#5f4bff;
}

.platform-card img {
    width: 100%;border-radius: 15px;
    height: 420px;
    object-fit: cover;
    transition: 0.5s ease;
    border-radius: 15px;
}

.platform-card:hover img{
    transform:scale(1.05);
}
.platformimgarea {
    height: 420px;
}
.overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(0,0,0,0.85),
        rgba(0,0,0,0.15)
    );
}

.platform-card.active .overlay{
    background:linear-gradient(
        180deg,
        rgba(102,76,255,0.88),
        rgba(71,47,224,0.78)
    );
}
.platformimgarea{
	position:relative;
	
}
.platformimgarea h3{
	position:absolute;
	bottom:20px;
	color:#fff !IMPORTANT;
	font-size:21px;
	left:20px;
}
.bottomhover {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: -100%;
    color: #fff;
    z-index: 2;
    
    width: 100%;
    height: 100%;
    opacity: 0.92;
    background: linear-gradient(180deg, #6A4DEA 0%, #3C2B84 100%);
    left: 0;
    display: flex;
    align-items: center;
	transition: all 0.5s ease;
}
.platformimgarea h3 {
    position: absolute;
    bottom: 9px;
    color: #fff !IMPORTANT;
    font-size: 24px;
    left: 10px;
    z-index: 999;
    padding: 0 18px;
    width: 70%;
    line-height: 26px;
}
.platform-card:hover .bottomhover{
    bottom: 0;
}

.platform-card:hover .platformimgarea h3{
	bottom:-100%;
}
.platform-card{
	position:relative;
}
.platform-card::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(356deg, #020202b0 3.78%, rgb(0 0 0 / 0%) 120.18%);
    /* z-index: 1; */
}
.bottomhover  .hovercontent p{
    font-size:15px;
    line-height:1.7;
    margin-bottom:20px;
    color:#ededed;
}
.bottomhover  .requestdemobtn2 a {
    border-radius: 51px;
    position: relative;
    font-family: "Plus Jakarta Sans";
    background: linear-gradient(90deg, #3E67EE 0%, #6A4DEA 100%) !important;
    padding: 6px 35px 8px 15px;
	font-size:15px;
}
.bottomhover  .requestdemobtn2 a:hover {
    border-radius: 51px;
    position: relative;
    font-family: "Plus Jakarta Sans";
    background: linear-gradient(90deg, #6A4DEA 0%, #3E67EE 100%) !important;
    padding: 6px 35px 8px 15px;
	font-size:15px;
}
.bottomhover .requestdemobtn2 a:after {
    content: "";
    position: absolute;
    width: 13px;
    height: 12px;
    right: 15px;
    top: 11px;
    background: url('https://titanwebmaker.com/EPR/wp-content/uploads/2026/04/arrow.png') no-repeat center;
    background-size: contain;
    transition: transform 0.3s ease;
}
.platform-read-more{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#6f6cff;
    color:#fff;
    padding:12px 24px;
    border-radius:50px;
    text-decoration:none;
    font-size:15px;
    font-weight:600;
    transition:0.3s ease;
}

.platform-read-more:hover{
    transform:translateY(-2px);
}

footer .hfe-nav-menu {
    margin-right: auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    justify-content: flex-start;
    display: flex !important;
    align-items: baseline !Important;
    flex-direction: column !important;
}

footer .hfe-nav-menu li.menu-item {
    position: relative;
    display: inline-block;
}
/* =========================
   📱 RESPONSIVE BREAKPOINTS
   ========================= */

/* ===== TABLET (<=1024px) ===== */
@media (max-width: 1024px) {
  .cf7-modern-form {
    padding: 25px;
  }

  .checkbox-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}




@media(max-width:900px){
	.platformimgarea h3 {
    position: absolute;
    bottom: 9px;
    color: #fff !IMPORTANT;
    font-size: 24px;
    left: 10px;
    z-index: 999;
    padding: 0 18px;
    width: 100%;
    line-height: 26px;
}
 .platform-wrapper{
        flex-direction:column;
    }

    .platform-card,
    .platform-card.active{
        flex:auto;
        height:350px;
    }
.insights-grid{
    grid-template-columns:1fr;
    text-align:center;
}

.center-image{
    margin:30px 0;
}
.card-content h3 {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 18px;
    font-weight: 700;
    padding: 0 0px  0 0;
}
	.platform-card {
    position: relative;
    flex: 1;
	flex:0 0 49%;
    height: 420px;
    overflow: hidden;
    cursor: pointer;
    transition: 0.5s ease;
    border: 2px solid transparent;
}
}

@media (max-width: 767px){
	
	
	.service-card{
        height:auto;
        min-height:320px;
    }

    .card-content h3{
        font-size:26px;
    }

    .card-content p{
        font-size:15px;
    }
	
	.accordion{
        flex-direction: column;
        gap: 12px;
    }

    .accordion .panel{
        width: 100%;
        min-width: 100%;
        padding: 18px 15px;
        border-radius: 16px;
    }

    .accordion .panel.active{
        flex: 1;
    }

    .accordion .header h2{
        font-size: 18px;
        line-height: 30px;
        padding-left: 35px;
    }

    .accordion .header h2::after{
        width: 12px;
        height: 12px;
        left: -5px;
        top: -10px;
    }

    .accordion .panel .top-num{
        font-size: 15px;
    }

    .accordion .top-num span{
        left: 18px;
    }

    .accordion .panel .label{
        writing-mode: horizontal-tb;
        position: relative;
        bottom: auto;
        line-height: normal;
        font-size: 16px;
        margin-top: 15px;
        transform: none !important;
    }

    .accordion .content h2{
        font-size: 20px;
        line-height: 28px;
    }

    .accordion .content p{
        font-size: 14px;
        line-height: 24px;
    }

    .accordion .image img{
        height: 180px;
        margin-bottom: 1rem;
        border-radius: 10px;
    }

    .accordion .panel.active .label{
        opacity: 0;
    }
.getsratedarea{
	height:auto !IMPORTANT;
}
    .bannercarousel{
        width:100%;
        height:320px;
        overflow:hidden;
    }

    .bannercard{
        height:320px;
        width:100%;
    }

    /* Center Card */
    .bannercard.active{
        transform: translateX(0) scale(1);
    }

    /* Left Card */
    .bannercard.prev{
        transform: translateX(-60px) scale(0.85);
        opacity:0.4;
    }

    /* Right Card */
    .bannercard.next{
        transform: translateX(60px) scale(0.85);
        opacity:0.4;
    }

    .banner-arrow{
        width:35px;
        height:35px;
        font-size:20px;
    }

    .banner-arrow.left{
        left:5px;
    }

    .banner-arrow.right{
        right:5px;
    }

    .bannerinnaerarea .elementor-background-video-hosted{
        width:auto;
        height:100%;
        top:50%;
    }

    .bannerinnaerarea::before{
        opacity:0.6;
    }
	.requestcontinertop {
    width: 100% !IMPORTANT;
    padding: 0 !IMPORTANT;
    margin: -25px 4px 13px !IMPORTANT;
    max-width: 100% !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}
}
.sliderhome .swiper-slide-inner img{
	width:180px !important;
	max-width:180px !important;
}

@media (max-width: 768px) {

 .horizontal-wrapper {
    gap: 0px;
    padding: 0 0 00 15px;
}

  .card:nth-child(odd),
  .card:nth-child(even) {
    transform: scale(0.85);
  }

  .card.active {
    transform: scale(1.1);
  }

  .bg-text {
    font-size: 60px;
  }
  .cf7-modern-form {
    padding: 20px;
  }

  .cf7-modern-form .form-row {
    flex-direction: column;
    gap: 15px;
  }

  .cf7-modern-form label {
    font-size: 10px;
  }

  .cf7-modern-form input,
  .cf7-modern-form select {
    padding: 12px;
    font-size: 13px;
  }

  .checkbox-grid {
    grid-template-columns: 1fr;
  }

  .checkbox-grid span {
    padding: 12px;
  }
  .impactinsidearea h3.elementor-image-box-title {
    color: #FFF !important;
    font-family: "Plus Jakarta Sans" !important;
    font-size: 22px !important;
    font-style: normal  !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    margin-bottom: 15px !important;
}
.impactinsidearea p.elementor-image-box-description {
    color: #FFF !important;
    font-family: "Plus Jakarta Sans" !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: normal !important;
    padding-left: 15px;
    position: relative;
    width: 75%;
}
.insight-card h3 {
    color: #FFF;
    font-family: "Plus Jakarta Sans";
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    z-index: 9999;
    position: relative;
    margin: 10px 0;
}
}
@media(max-width:680px){
	.card {
    width: 330px;
	height:auto !important;
   
}
	.logoareaimg {
    margin: 0 auto !important;
    text-align: center !important;
}
	.sliderhome  figure.swiper-slide-inner img {
    width: 165px;
    max-width: 160px !important;
}
	.platform-wrapper {
    display: flex;
    gap: 0px;
    width: 100%;
    flex-wrap: wrap;
    overflow: hidden;
}
	.platformimgarea,.platformimgarea img {
    height: 320px;
}
	.platformimgarea h3 {
    position: absolute;
    bottom: 0;
    color: #fff !IMPORTANT;
    font-size: 19px;
    left: 10px;
    z-index: 999;
    padding: 0 18px;
    width: 100%;
    line-height: 26px;
}.requestdemobtn a {
    border-radius: 51px;
    position: relative;
    font-family: "Plus Jakarta Sans";
    background: linear-gradient(180deg, #3E67EE 0%, #6A4DEA 100%);
    padding: 8px 34px 8px 20px;
}.requestdemobtn a:after {
    content: "";
    position: absolute;
    width: 13px;
    height: 12px;
    right: 17px;
    top: 10px;
    background: url('https://titanwebmaker.com/EPR/wp-content/uploads/2026/04/arrow.png') no-repeat center;
    background-size: contain;
    transition: transform 0.3s ease;
}
	.platform-card {
    position: relative;
    flex: 1;
	flex:0 0 100%;
    height: 320px;
    overflow: hidden;
    cursor: pointer;
    transition: 0.5s ease;
    border: 2px solid transparent;
}
}
/* ===== SMALL MOBILE (<=480px) ===== */
@media (max-width: 480px) {
  .cf7-modern-form {
    padding: 15px;
  }

  .cf7-modern-form input[type="submit"] {
    padding: 14px;
    font-size: 14px;
  }
}