/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
:root{
    --partnerra-line-width: 128px;
    --partnerra-line-center: 50%;
}

/* General css */
.partnerra-overflow-hidden{overflow: hidden;}
.partnerra-img-size{background-size: 100% 100% !important;}
.partnerra-grediant-clr{background: linear-gradient(90deg, #894AE5 0%, #99F6FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.partnerra-faq-wrap svg path {stroke: #1D171A; fill: transparent !important;}
.partnerra-faq-wrap .uc_ac_box.uc-item-active .ue_icon svg path{stroke: #894AE5 !important; fill: transparent !important;}
.partnerra-acc-txt-left .uc_content .uc_image_accodion_holder{text-align: left !important;}
.partnerra-black-clr{color: #1D171A !important;}
.partnerra-grey-clr{color: #6A6E6C !important;}

/* Header CSS */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{padding: 8px;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{font-size: 14px; font-weight: normal !important; text-transform: capitalize}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-current-menu-item a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item:hover a{color: #000 !important;}
.partnerra-menu-wrap ul {
  border: 1px solid #EAEFED47;
  border-radius: 100px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, #mega-menu-wrap-menu-1 #mega-menu-menu-1 p{font-family: "Manrope", Sans-serif;}

.grd-color .elementor-heading-title{background: linear-gradient(225deg, #894AE5 0%, #99F6FF 100%);-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}

/* Mega Menu CSS */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu{padding: 0;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{padding: 0;}
/* Menu Full Width CSS */
.partnerra-mega-menu-wrap li.mega-menu-megamenu > ul.mega-sub-menu {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    transform: none !important;
}
.partnerra-mega-menu-wrap li.mega-menu-megamenu {
    position: static !important;
}

.partnerra-mega-menu-wrap li.mega-menu-megamenu > ul.mega-sub-menu {
    width: 93vw !important;
    max-width: 92vw !important;
    left: 27.5% !important;
    transform: translateX(-40%) !important;
    overflow-x: hidden !important;
    margin: 0 auto !important;
    top: 40px !important;
}
.partnerra-mega-menu-wrap .mega-sub-menu{background-color: transparent !important;}

/* Menu Active color */
.ptr-mega-menu-wrap .elementor-icon-list-item a{position: relative;
    display: flex;
    align-items: center;
    padding: 15px 10px;
    border-radius: 12px;
    background: #fff;
    z-index: 1;}

.ptr-menu-active.elementor-icon-list-item a,
.ptr-mega-menu-wrap .elementor-icon-list-item:hover a{box-shadow: -8px -6px 13px -5px rgba(137, 74, 229, 0.12), 4px 4px 16px -7px rgba(153, 246, 255, 0.35);}
.ptr-menu-active.elementor-icon-list-item a:before,
.ptr-mega-menu-wrap .elementor-icon-list-item:hover a:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 12px;
    padding: 1px;
    background: linear-gradient(90deg, #894AE5 0%, #99F6FF 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}


/* Home Page CSS */
.cpost .elementor-widget-image::before{content:none !important;}
.ptr-btn-hide{display: none;}
.ptr-box-hover-btn:hover .ptr-btn-hide{display: block;}

.focus-box .elementor-widget-icon-box:hover span, .focus-box .elementor-widget-icon-box:hover p{color:#fff !important;}

.focus-box .elementor-widget-icon-box:hover .elementor-icon path{stroke:#fff;}

.e-n-tab-title[aria-selected="true"]{
	box-shadow: -1px -1px 10px 0px #8c46ff, 1px 1px 10px 0 #cccccc;}

.e-n-tab-title[aria-selected="false"]:hover{box-shadow: -1px -1px 10px 0px #8c46ff, 1px 1px 10px 0 #cccccc;}


.services-tab .e-n-tab-title::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 14px;
	padding: 1.5px;
	background: conic-gradient(from 195deg at 50% 50%, rgba(0, 200, 215, 0.95) 0deg, /* cyan – bottom */ rgba(80, 40, 180, 0.55) 75deg, /* deep purple transition */ rgba(155, 75, 255, 1.0) 145deg, /* bright purple – top-left */ rgba(165, 85, 255, 1.0) 200deg, /* purple – left */ rgba(90, 45, 200, 0.55) 270deg, /* back to deep */ rgba(0, 200, 215, 0.95) 360deg /* cyan – bottom again */);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}
.e-n-tabs .e-n-tab-title::after{content: none;}
.partnerra-approach-sec-img {left: 0;right: 0;bottom:0px;margin: 0 auto;}

.cpost .elementor-widget-image::before{content: "Read More";}

/* Testimonial Header */
.ptr-header-test-wrap .swiper-pagination{text-align: left;}
.ptr-header-test-wrap .swiper-pagination-bullet{width: 12px !important; height: 12px !important; border-radius: 16px;}
.ptr-header-test-wrap .swiper-pagination-bullet-active{width: 31px !important;}

/* Contact US */
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {border-color: red; color: #fff;}

/* Home Page CSS */
/* Smooth animation feel */
.partnerra-testimonial-wrap .owl-dots {
		background-color: #EAEFED;
	display: inline-block;
	border-radius: 50px;
	padding: 12px 15px;
	line-height: 0;
}
.partnerra-testimonial-wrap .owl-dots button.owl-dot.active {
	width: 30px !important;
}
.partnerra-testimonial-wrap .owl-carousel{text-align: center;}

.partnerra-focus-box-wrap:hover{box-shadow: -6px -8px 22px -8px rgba(137, 74, 229, 0.45), 4px 4px 16px -7px rgb(0 0 0 / 45%), 0px 10px 25px rgba(0, 0, 0, 0.15);}

.partnerra-focus-box-wrap:hover h3,
.partnerra-focus-box-wrap:hover .elementor-widget-text-editor{color: #EAEFED !important;}
.partnerra-focus-box-wrap:hover .elementor-icon svg path{stroke: #EAEFED;}

.partnerra-loop-gradient {
	color: #ffffff;
	transition: all 0.6s ease-in-out;
}
/* Active gradient effect */
.partnerra-loop-gradient.active {
	background: linear-gradient(225deg, #894AE5 0%, #99F6FF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


.uc_image_accodion_holder {
	position: relative;
	overflow: hidden;
}

.uc_overlay_inner {
	position: relative;
	height: 100%;
	width: 100%;
}

/* Accordion CSS */
.uc_image_accodion_holder .ue_item_icon{position: absolute; top: 0;}
.ptr-acc-ttl{position:absolute;
    left:0;
    right:0;
    bottom:0;}
.ptr-acc-ttl .ue_title{
    position: absolute;
    bottom: 0;
    visibility: visible;
    transition: bottom 0.4s ease;
}

.uc_image_accodion_holder.uc_hover .ptr-acc-ttl .ue_title{display: none;}
.ptr-acc-cont-wrap {
    position: absolute;
    bottom: 0;
    top: unset;
    left: 0;
    right: 0;
}
.ptr-acc-cont-wrap .ue_title{margin-bottom: 10px;}

/* ========================= */
/* 🔹 DEFAULT STATE (PAGE LOAD) */
/* ========================= */

/* ICON → top center */
.ue_item_icon {
	position: absolute;
	top: 20px;
	left: 0;
	  right: 0;
	transition: all 0.4s ease;
}

/* ========================= */
/* 🔥 HOVER STATE */
/* ========================= */

/* ICON → move to left */
.uc_image_accodion_holder.uc_hover .ue_item_icon {
	left: 0;
	  right: unset;
	transform: translateX(0);
}
.ue_text_cnt_wrap {
  position: absolute;
  bottom: 40px;
	display: flex;
  flex-direction: column;
  gap: 16px;
}

.partnerra-counter-wrap .elementor-counter {
  text-align: center;
}

/* Footer CSS */
.partnerra-fmenu-wrap ul li {
	width: 100%;
}

/* Our Solution Page CSS */
.partnerra-os-business-wrap .partnerra-focus-box-wrap:hover .elementor-icon svg path{fill: #fff;}
	
/* Manage Services Page CSS */
.partnerra-ms-scene {
min-height: 300px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.partnerra-ms-headline {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
color: #ffffff;
font-family: "atyp medium", sans-serif;
font-size: 45px;
font-weight: 400;
line-height: 48px;
}
.partnerra-ms-static-word {
white-space: nowrap;
}
.partnerra-ms-carousel-outer {
position: relative;
height: 300px;
overflow: hidden;
min-width: 400px;
}
.partnerra-ms-carousel-track {
position: absolute;
width: 100%;
top: 0;
display: flex;
flex-direction: column;
align-items: center;
}
.partnerra-ms-item {
width: 100%;
height: 48px;
line-height: 48px;
text-align: center;
white-space: nowrap;
color: #3a3a55;
opacity: 0.4;
transition: color 0.5s ease, opacity 0.5s ease, font-size 0.5s ease, font-weight 0.5s ease;
}
.partnerra-ms-item.partnerra-ms-d1 { color: #5a5a80; opacity: 0.55; font-size: 48px; }
.partnerra-ms-item.partnerra-ms-d2 { color: #8080aa; opacity: 0.75; font-size: 48px; }
.partnerra-ms-item.partnerra-ms-active {
color: #ffffff;
opacity: 1;
}
.partnerra-ms-item.partnerra-ms-u2 { color: #8080aa; opacity: 0.75; }
.partnerra-ms-item.partnerra-ms-u1 { color: #5a5a80; opacity: 0.55; }
.partnerra-ms-fade-top, .partnerra-ms-fade-bottom {
position: absolute;
left: 0; right: 0;
height: 38%;
pointer-events: none;
z-index: 2;
}
.partnerra-ms-fade-top    { top: 0;}
.partnerra-ms-fade-bottom { bottom: 0;}
	
	
/* ─── Scroll Trigger Section CSS ─── */
#partnerra-our-value-valuesWrapper,
#partnerra-our-value-valuesWrapper * {
  box-sizing: border-box;
}

/* ─── Outer wrapper ─── */
#partnerra-our-value-valuesWrapper {
  position: relative;
  width: 100%;
}

/* ─── Sticky panel ─── */
#partnerra-our-value-valuesSticky {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  display: grid;
  grid-template-columns: 50% 50%;
  background: #0d0d0f;
  z-index: 10;
	max-width: 1410px;
  margin: 0 auto;
}

/* ══════════ LEFT PANEL ══════════ */
.partnerra-our-value-values-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-right: 1px solid rgba(255,255,255,0.07);
  background: #130F11;
  overflow: hidden;
}
	.partnerra-our-value-values-left:before {
	content: "";
	position: absolute;
	right: 0;
	height: 100%;
	top: 0;
	bottom: 0;
	background-image: url('https://partnerra.com/wp-content/uploads/2026/04/Line-507.png');
}

.partnerra-our-value-values-left h2 {
  font-size: 45px;
	line-height: 48px;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: #EAEFED;
  margin-bottom: 28px;
}

.partnerra-our-value-values-left p {
  font-size: 18px;
  color: #DCE4EE;
  max-width: 530px;
  margin-bottom: 14px;
}

.partnerra-our-value-values-left p:last-child {
  margin-bottom: 0;
}

/* ══════════ RIGHT PANEL ══════════ */
.partnerra-our-value-values-right {
  position: relative;
  overflow: hidden;
  background: #130F11;
}

/* ── Slides ── */
.partnerra-our-value-value-slide {
  position: absolute;
  inset: 0;
  background: #130F11;
  display: flex;
  align-items: center;
	justify-content: center;
  padding: 0;
  will-change: transform;
}

.partnerra-our-value-value-slide:first-child {
  transform: translateY(0);
}

.partnerra-our-value-value-slide + .partnerra-our-value-value-slide {
  transform: translateY(100%);
}

/* ── Item ── */
.partnerra-our-value-value-item {
  display: flex;
  align-items: flex-start;
  gap: 60px;
  max-width: 550px;
}

/* ── Icon ── */
.partnerra-our-value-value-icon {
  flex-shrink: 0;
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* ── Text ── */
.partnerra-our-value-value-text h3 {
  font-size: 24px;
	color: #EAEFED;
	letter-spacing: -0.01em;
	margin-bottom: 16px;
}

.partnerra-our-value-value-text p {
	font-size: 18px;
	color: #DCE4EE;
	line-height: 160%;
}

/* ── Demo Section ── */
.partnerra-our-value-page-section {
  height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0d0d0f;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.partnerra-our-value-page-section p {
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.2);
}

/* accordion css */
.ue-content-wrap {
    position: absolute;
    bottom: 0;
}
	
/* Newsletter Popup CSS */
/* Outer wrapper div */
.partnerra-nl-form {
  width: 100%;
}

/* CF7 root */
.partnerra-nl-form .wpcf7 {
  width: 100%;
}

/* The form row */
.partnerra-nl-form .wpcf7 form,
.partnerra-nl-form .wpcf7 form.init {
  display: flex;
	align-items: center;
	background: #1c1c2e;
	border-radius: 12px;
	gap: 0;
	height: 80px;
	padding: 0 30px;
}

/* Remove default CF7 <p> wrappers */
.partnerra-nl-form .wpcf7 form > p {
  display: contents;
}

/* Input span wrapper */
.partnerra-nl-form .wpcf7 form .wpcf7-form-control-wrap {
  flex: 1;
  display: flex;
  min-width: 0;
}

/* Email input */
.partnerra-nl-form .wpcf7 form input[type="email"] {
  width: 100%;
	background: transparent;
	border: none;
	outline: none;
	color: #EAEFED;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.01em;
	-webkit-appearance: none;
	padding: 0;
}
.partnerra-nl-form .wpcf7 form span.wpcf7-spinner {
	position: absolute;
	right: -75px;
}

.partnerra-nl-form .wpcf7 form input[type="email"]::placeholder {
  color: #EAEFED;
}

/* Submit button */
.partnerra-nl-form .wpcf7 form input[type="submit"] {
  background: #EAEFED;
  color: #1D171A;
  border: none;
	border-radius: 50px;
	padding: 0 21px;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	white-space: nowrap;
	flex-shrink: 0;
	-webkit-appearance: none;
	height: 40px;
	line-height: 40px;
}

.partnerra-nl-form .wpcf7 form input[type="submit"]:hover {
  background: #ffffff;
  box-shadow: 0 2px 10px rgba(167, 139, 250, 0.25);
}

.partnerra-nl-form .wpcf7 form input[type="submit"]:active {
  transform: scale(0.98);
}

/* Hide inline validation tip */
.partnerra-nl-form .wpcf7-not-valid-tip {
  display: none !important;
}

/* Invalid state */
.partnerra-nl-form .wpcf7 form input[type="email"].wpcf7-not-valid {
  box-shadow: inset 0 0 0 1px rgba(239, 68, 68, 0.55);
  border-radius: 4px;
}

/* Response message */
.partnerra-nl-form .wpcf7 .wpcf7-response-output {
  margin: 10px 0 0 0;
  padding: 7px 18px;
  border-radius: 50px;
  font-size: 12px;
  border: none !important;
  text-align: center;
  color: rgba(210, 205, 230, 0.55);
  background: rgba(255,255,255,0.04);
}
	
/* Contat US CSS */
.ptr-cnt-inr {display: grid;grid-template-columns: repeat(2, 1fr);grid-column-gap: 10px;}
.ptr-cnt-inr input, .wpcf7-select, .wpcf7-textarea{border-radius: 9px;border: none;}
.ptr-cnt-inr span.wpcf7-list-item-label{color: #fff;}
.ptr-cnt-inr:placeholder{font-family: "Inter", Sans-serif;font-size: 14px;}
.ptr-contact-form .wpcf7-list-item-label{color: #fff;font-size: 14px;}
.ptr-contact-form .wpcf7-submit{border: 1px solid #fff;border-radius: 27px;padding: 12px 35px;color: #fff;margin: 20px auto;}
.ptr-contact-form .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffffff; color: #fff;}
	
/* Scroll Section with Animation CSS */
#partnerra-creating {
  position: relative;
  /* no overflow:hidden so lines can breathe */
}

/* Line anchors: same max-width as s3 so connector X matches the grid center */
.partnerra-creating-lines-clip {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 48px;
  position: relative;
}

/* Center rail: SVG’s RIGHT edge sits on the panel midline (between the two columns).
   Paths 508→507 both start/end on the LEFT side of the 129px box, so this aligns the seam. */
.partnerra-creating-line-top,
.partnerra-creating-line-bottom {
  position: relative;
  left: var(--partnerra-line-center);
  transform: translateX(calc(-1 * var(--partnerra-line-width)));
  width: var(--partnerra-line-width);
  line-height: 0;
}

/* The SVG lines themselves — animated via JS dashoffset */
/*.partnerra-creating-line-top svg,
.partnerra-creating-line-bottom svg {
  display: block;
  width:100%;
  height:auto;
}*/
.partnerra-creating-line-bottom svg,
.partnerra-values-line-wrap svg{
    width:129px;
    height:auto;
    display:block;
    overflow:visible;
}
/*#partnerra-values {
  background: var(--dark);
  position: relative;
  margin-top: -1px;
}*/

.partnerra-values-panel {
  position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 56px;
	padding: 0;
	align-items: start;
}
.ptr-animation-first-part .partnerra-values-panel{padding: 90px 0 120px;}
.partnerra-ov-with-btn .partnerra-values-panel{padding-bottom: 0;}

/* ── Left column ── */
.partnerra-values-left {
  position: relative;
  z-index: 1;
  grid-column: 1;
  grid-row: 1;
  padding-top: 40px;
  padding-right: clamp(32px, 5vw, 100px);
  display: flex; flex-direction: column;
}

/* Who We Are Page CSS */
.ptr-wwr-wrap .partnerra-values-left,
.ptr-wwr-wrap .partnerra-values-right{padding-top: 120px;}

#partnerra-values h2 {
  font-size: 50px;
  color: #EAEFED;
  line-height: 100%;
  margin-bottom: 56px;
}
#partnerra-values h4 {
  font-size: 32px;
  color: #EAEFED;
  line-height: 100%;
  margin-bottom: 20px;
}
.partnerra-values-left-desc {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.35);
  line-height: 160%;
  max-width: 531px;
}
.partnerra-values-left-desc p { margin-bottom: 25px;font-family: "Manrope", Sans-serif; }

/* ── Right column ── */
.partnerra-values-right {
  position: relative;
  z-index: 1;
  grid-column: 2;
  grid-row: 1;
  padding-top: 40px;
  padding-left: clamp(8px, 2vw, 16px);
}

/*
  Line_507: absolutely in .partnerra-values-panel; aligns with Creating section Line_508.
  Right edge of the 128px box = grid midline; path runs along the inner edge toward icons.
*/
.partnerra-values-line-wrap {
  position:absolute;
    top:-2px;                 /* overlap previous section */
    bottom:0;
    left:var(--partnerra-line-center);
    transform:translateX(calc(-1 * var(--partnerra-line-width)));
    width:var(--partnerra-line-width);
    z-index:0;
    pointer-events:none;
}

/*.partnerra-values-line-wrap svg {
  display:block;
    width:100%;
    height:100%;
}*/

/* Path inside — drawn via JS dashoffset */
#partnerra-values-line-path {
  /* stroke-dasharray / stroke-dashoffset set by JS */
}

/* Items list — icons sit right of the center rail / curve */
.partnerra-values-items {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-left: clamp(28px, 4vw, 56px);
}

/* Seam between s2 / s3 backgrounds */
#partnerra-values{
    position:relative;
    margin-top:-2px;
}

.partnerra-creating-line-bottom-wrap{
    margin-bottom:-2px;
    position:relative;
    z-index:2;
}

.partnerra-values-item {
  display: flex;
  align-items: flex-start;
  gap: clamp(36px, 4vw, 52px);
  padding-bottom: 56px;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.55s ease, transform 0.55s ease;
}
.partnerra-values-item:last-child { border-bottom: none; }
.partnerra-values-item.partnerra-is-visible { opacity: 1; transform: translateY(0); }

.partnerra-values-icon {
  width: 100%;
  height: 56px;
  max-width: 56px;
}
.partnerra-values-icon svg {width: 100%; height: 100%;}

.partnerra-values-name {
 font-size: 24px;
 color: #fff;
 margin-bottom: 16px;
 line-height: 30px;
 font-family: "atyp medium", Sans-serif;
}
.partnerra-values-desc {
  font-size: 16px; color: #fff; line-height: 160%;font-family: "Manrope", Sans-serif;
}

/* Animation Part 2 CSS */
.ptr-animation-part-two-wrp .partnerra-values-line-wrap{top: -150px;}
.ptr-animation-part-fourth-wrp .partnerra-values-line-wrap{top: -210px;}
.ptr-smos-animation-wrap.ptr-animation-part-fourth-wrp .partnerra-values-line-wrap,
.ptr-drs-animation-wrap.ptr-animation-part-fourth-wrp .partnerra-values-line-wrap{top: 0;}
.ptr-animation-part-third-wrp .partnerra-values-line-wrap{top: -145px;}
.ptr-animation-part-padd .partnerra-values-left,
.ptr-animation-part-padd .partnerra-values-right{padding-top: 100px;}
.ipios-animation-wrap.ptr-animation-part-padd .partnerra-values-left,
.ipios-animation-wrap.ptr-animation-part-padd .partnerra-values-right{padding-top: 0; margin-top: -60px;}
.ptr-drs-animation-wrap.ptr-animation-part-padd .partnerra-values-left,
.ptr-drs-animation-wrap.ptr-animation-part-padd .partnerra-values-right{padding-top: 130px;}

/* Services CSS */
.why-aws-faq .uc-item-active .uc-heading.uc_trigger {background-color: #EBF0EE !important;}
.why-aws-faq .uc-item-active{border:0 !important; }

.database-icon-box .elementor-icon-box-wrapper{padding: 15px;}
.database-icon-box .elementor-icon-box-wrapper:hover{background-color:#fff;border-radius: 10px;padding: 15px;box-shadow: 0px 4px 34px 0px #894AE540;
}
.database-icon-box .elementor-icon-box-wrapper:hover .elementor-icon-box-title{color:#894AE5 !important;}
.database-icon-box .elementor-icon-box-wrapper:hover .elementor-icon svg path{fill:#894AE5;}
.partnerra-why-icon .elementor-icon-box-wrapper{padding: 20px;}
.partnerra-why-icon .elementor-icon-box-wrapper:hover{box-shadow: 0px 4px 34px 0px #894AE540;padding: 20px;border-radius: 10px;}
.enterprise-faq .uc-items-wrapper .uc-item-active {border: 1px solid transparent !important;border-image: linear-gradient(180deg, #55D2FF 0%, #7331FF 100%) !important;border-image-slice: 1 !important;}

/***** Workforce Talent Page CSS *****/
.ptr-smart-hiring-wrap nav.partnerra-serv-nav-list{margin-top: 140px;}
.ptr-smart-hiring-wrap .partnerra-serv-nav-item.partnerra-serv-active,
.ptr-smart-hiring-wrap .partnerra-serv-nav-item:hover{background-color: #fff; box-shadow: -8px -6px 13px -5px rgba(137, 74, 229, 0.30), 4px  4px 16px -7px rgba(153, 246, 255, 1);}
.ptr-smart-hiring-wrap .partnerra-serv-nav-label{color: #1D171A;}
.ptr-smart-hiring-wrap .partnerra-serv-nav-item{border: 0; background: #e1e6e4;}
.ptr-smart-hiring-wrap .partnerra-serv-nav-item svg path{fill: #615F61;}
.ptr-smart-hiring-wrap .partnerra-serv-nav-item:hover svg path,
.ptr-smart-hiring-wrap .partnerra-serv-nav-item.partnerra-serv-active svg path{fill: #894AE5;}
.ptr-smart-hiring-wrap .partnerra-serv-nav-item::before{border: 2px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #894AE5, #99F6FF) border-box;}
.ptr-smart-hiring-wrap .partnerra-serv-nav-item::after{content: none;}

/* Animation CSS */
.ebm-wcw-timeline-grid {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    position: relative;
}
.ebm-wcw-step-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
    position: relative;
}
.ebm-wcw-icon-container {
    height: 52px;
    display: flex;
    align-items: flex-end;
    margin-bottom: 12px;
    position: relative;
    z-index: 5;
    margin-left: 20px;
}

.ebm-wcw-icon-wrap {
    width: 52px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ebm-wcw-icon-wrap svg {
    display: block;
    width: 52px !important;
    height: 52px !important;
    opacity: 0.4;
    transition: opacity .35s, transform .35s, filter .35s;
}

.ebm-wcw-icon-wrap.ebm-wcw-active svg,
.ebm-wcw-icon-wrap.ebm-wcw-done svg {
    opacity: 1;
    filter: invert(31%) sepia(82%) saturate(3025%) hue-rotate(248deg) brightness(90%) contrast(101%);
}

.ebm-wcw-icon-wrap.ebm-wcw-active svg {
    transform: scale(1.05);
}
.ebm-wcw-rail-container {
    width: 100%;
    height: 18px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    position: relative;
    margin-left: 15px;
}

.ebm-wcw-dot {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #d1d5db;
    background: var(--color-background-primary,#fff);
    position: relative;
    z-index: 4;
    transition: border-color .35s;
    flex-shrink: 0;
}

.ebm-wcw-dot.ebm-wcw-active,
.ebm-wcw-dot.ebm-wcw-done {
    border-color: #894AE5;
}

.ebm-wcw-seg-track {
    position: absolute;
    left: 9px;
    top: 50%;
    transform: translateY(-50%);
    height: 4px;
    width: calc(100% - 18px);
    overflow: hidden;
    z-index: 2;
}

.ebm-wcw-seg-track canvas {
    display: block;
}
.ebm-wcw-card {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
    padding-right: 30px;
}

.ebm-wcw-card-title {
    font-size: 18px;
    font-weight: 600;
    font-family: "atyp medium", Sans-serif;
    color: var(--color-text-primary,#111827);
    line-height: 1.4;
    transition: color .35s, background-color .35s;
    border-radius: 16px;
    padding: 15px 20px;
    align-self: flex-start;
    width: 100%;
}
.ebm-wcw-step-col.ebm-wcw-active .ebm-wcw-card-title {
    background-color: #fff;
    color: #894AE5;
}

.ebm-wcw-card-desc {
    font-size: 16px;
    color: var(--color-text-secondary,#6b7280);
    line-height: 1.6;
    padding: 0 20px;
}

/***** Responsive CSS *****/
/* Keep all your existing desktop CSS above, then append this media query at the bottom */

@media (max-width: 768px) {

	/* General CSS */
	.ptr-relative-wrap{position: relative !important; width: 100% !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important;}
	.ptr-relative-wrap .ue_item_icon{position: relative; display: inline-block; width: 100%; margin-bottom: 15px;}
	.ptr-relative-wrap .ue_item_icon svg{width: 64px !important; height: 64px !important;}

	/* Header CSS */
	.partnerra-menu-wrap ul{border: 0;}

  .partnerra-ms-headline {
	flex-direction: column; /* Stack elements vertically */
	gap: 15px;              /* Give some breathing room between vertical lines */
	font-size: 32px;        /* Slightly scale down font size for smaller screens */
	line-height: 36px;
	text-align: center;
  }

  .partnerra-ms-carousel-outer {
	min-width: 100%;        /* Allow it to shrink to the screen width */
	width: 100%;
	height: 200px;          /* Optional: Tighter height bounds for mobile if needed */
  }

  /* Ensure the active/scrolling items adjust smoothly to the mobile font sizing */
  .partnerra-ms-item {
	height: 36px;
	line-height: 36px;
	font-size: 32px;
  }
  
  .partnerra-ms-item.partnerra-ms-d1,
  .partnerra-ms-item.partnerra-ms-d2 {
	font-size: 32px;
  }

  /**** Animation CSS ****/
  .partnerra-values-panel {
	display: flex;
	flex-direction: column;
	gap: 40px;
	padding: 0; /* Provides proper side padding on mobile */
  }

  /* Stack columns into a single fluid layout stream */
  .partnerra-values-left,
  .partnerra-values-right {
	grid-column: auto;
	grid-row: auto;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
  }

  /* Make headings clear and readable on smaller device viewports */
  #partnerra-values h2 {
	font-size: 36px;
	margin-bottom: 24px;
  }
  #partnerra-values h2 br{display: none;}

  .partnerra-values-left-desc {
	font-size: 16px;
	max-width: 100%;
  }

  .partnerra-values-left-desc p {
	margin-bottom: 16px;
  }

  /* Hide the central animated line on mobile to avoid layout clipping */
  .partnerra-values-line-wrap {
	display: none !important;
  }

  /* Reset layout container padding on mobile devices */
  .partnerra-values-items {
	padding-left: 0;
  }

  /* Optimize individual value blocks */
  .partnerra-values-item {
	gap: 20px;
	padding-bottom: 40px;
  }

  .partnerra-values-name {
	font-size: 20px;
	margin-bottom: 8px;
	line-height: 26px;
  }

  .partnerra-values-desc {
	font-size: 15px;
	line-height: 150%;
  }

  /** Workforce Talent Page CSS **/
  .ptr-smart-hiring-wrap nav.partnerra-serv-nav-list{margin-top: 0;}
}