:root { 
	--pink:#D60080;
	--purple:#6B7FD7;
	--darkblue:#172A3A;
	--black:#262626;
	--grey:#F9F9F9;
	--darkpink:#7D004B;
	--lightpurple:#9BABEF;
	--formgrey:#BDBDBD;
  --et-fontfamily:'proxima-nova', sans-serif;
  --et-h-fontfamily:'roc-grotesk-wide', sans-serif;
	--et-simple-size:32px;
	--et-simple-lineheight:110%;
  --et-h1-size:84px;
  --et-h1-lineheight:100%;
  --et-h2-size:54px;
  --et-h2-lineheight:105%;
  --et-h3-size:32px;
  --et-h3-lineheight:105%;
	--et-h4-size:24px;
  --et-h4-lineheight:120%;
  --et-lead-size:26px;
  --et-lead-lineheight:130%;
  --et-body-size:20px;
  --et-body-lineheight:130%;
  --et-btn-size:19px;
  --et-btn-lineheight:normal;
	--et-simple-font:600 var(--et-simple-size)/var(--et-simple-lineheight) var(--et-h-fontfamily);
  --et-h1-font:600 var(--et-h1-size)/var(--et-h1-lineheight) var(--et-h-fontfamily);
  --et-h2-font:600 var(--et-h2-size)/var(--et-h2-lineheight) var(--et-h-fontfamily);
  --et-h3-font:600 var(--et-h3-size)/var(--et-h3-lineheight) var(--et-h-fontfamily);
	--et-h4-font:700 var(--et-h4-size)/var(--et-h4-lineheight) var(--et-fontfamily);
  --et-lead-font:400 var(--et-lead-size)/var(--et-lead-lineheight) var(--et-fontfamily);
  --et-body-font:400 var(--et-body-size)/var(--et-body-lineheight) var(--et-fontfamily);
	--et-btn-font:600 var(--et-btn-size)/var(--et-btn-lineheight) var(--et-h-fontfamily);
}
@media (max-width: 1600px) {
  :root {
		--et-simple-size:27px;
    --et-h1-size:66px;
    --et-h2-size:44px;
		--et-h3-size:27px;
		--et-h4-size:21px;
		--et-lead-size:23px;
		--et-body-size:19px;
		--et-btn-size:17px;
  }
}
@media (max-width: 1280px) {
  :root {
		--et-simple-size:26px;
    --et-h1-size:54px;
    --et-h2-size:41px;
		--et-h3-size:26px;
		--et-h4-size:20px;
		--et-lead-size:22px;
  }
}
@media (max-width: 1024px) {
  :root {
		--et-simple-size:25px;
    --et-h1-size:45px;
    --et-h2-size:35px;
		--et-h3-size:25px;
		--et-h4-size:19px;
		--et-lead-size:21px;
  }
}
@media (max-width: 810px) {
  :root {
		--et-simple-size:24px;
    --et-h1-size:32px;
    --et-h2-size:27px;
		--et-h3-size:24px;
		--et-h4-size:18px;
		--et-lead-size:20px;
		--et-body-size:16px;
		--et-btn-size:15px;
  }
}

html {
	overflow-x: hidden !important;
	scroll-behavior: smooth;
}
.grecaptcha-badge {
	visibility: hidden;
}
::-webkit-scrollbar,
::-webkit-scrollbar-track {
	-webkit-box-shadow: none;
	width: 5px;
	background-color: #FFF;
	border-radius: 100px;
}
::-webkit-scrollbar-thumb {
	border-radius: 100px;
	background-color: var(--pink);
}
.payment-gallery .gallery-item img {
	height: 115px;
	object-fit: contain;
}
.marquee-wrp {	
	overflow: hidden;
}
.marquee {
	position: relative;
	width: 100%;
	max-width: 100vw;
	overflow: hidden;	
}
.track {
	white-space: nowrap;
	will-change: transform;
	animation: marquee 20s linear infinite;
}
.marquee .track .content-repeat i {
	color: #62D5FF;
	font-size: 22px;
	margin: 0 20px;
	position: relative;
	top: -5px;
}
.track .content-repeat {
	opacity: 20%;
}
.ef_blie_track_title .content-repeat {
    opacity: 100%;
}
@keyframes marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-54.8em); }
}

/*html, body { font:var(--et-body-font); }*/
/********** START HEADER CSS **********/
.admin-bar .eft-main-header-wrp.header-fixed {
    top: 32px;
}
.eft-main-header-wrp.header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    transition: top 0.5s linear;
    z-index: 99;
}
.eft-main-header-wrp .eft-main-header-menu li.menu-item {
	cursor: pointer;
}
.eft-main-header-wrp .eft-main-header-menu li.menu-item ul.elementskit-dropdown {
	left: -15px;
}
.eft-main-header-wrp .eft-main-header-menu .menu-item i.icon.elementskit-submenu-indicator {
	border: 0;
}
/*********** END HEADER CSS ***********/


/********** START HOME CSS **********/
.eft-slider-dots .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--pink);
}
.eft-slider-dots .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	border-radius: 50% 0 50% 50%;
}
.eft-home-hero-slider.eft-slider-dots .swiper-pagination{    
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}
.eft-home-business-slider-wrp > div.elementor-gallery__container {
	grid-gap: 20px 10px;
}
.home-answer-slider-wrp .home-answer-slider-img-box .elementor-image-box-content {
	padding: 0 10px;
}
.track .home-content-repeat {
	opacity: 100%;
}
.eft-home-answer-wrp .eft-home-answer-content-wrp.left-padding .home-answer-slider-wrp .swiper-initialized {
	padding-inline-end: 47%;
}
.eft-home-answer-wrp .home-answer-accordion-wrp.elementor-widget.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title {
    align-items: flex-start;
}
.eft-home-answer-wrp .home-answer-accordion-wrp.elementor-widget.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title .e-n-accordion-item-title-icon {
    padding-top: 2px;
}
.elementor-widget.elementor-widget-n-carousel.eft-home-hero-slider .elementor-swiper-button svg,
.elementor-widget.elementor-widget-n-carousel.home-answer-slider-wrp .elementor-swiper-button svg{
    fill: var(--e-n-carousel-arrow-normal-color, hsla(0, 0%, 93%, .9));
}
/*********** END HOME CSS ***********/


/********** START HOW WE WORK PAGE CSS **********/
.eft-primary-heading-wrp.how-we-work-big-title.elementor-widget.elementor-widget-heading .elementor-heading-title {
    margin-right: inherit;
}
/*********** END HOW WE WORK PAGE CSS ***********/


/********** START ABOUT US PAGE CSS **********/
.about-awards-com .gallery-item img {
	height: 220px;
	width: 100%;
	object-fit: contain;
}
.about-bg-set {
	position: relative;
	z-index: 0;
}
.ef_abhout-title_wrap.elementor-widget.elementor-widget-heading .elementor-heading-title {
    margin: inherit;
}
/*********** END ABOUT US PAGE CSS ***********/

/********** START FAQ PASE CSS **********/
.table-of-faqs ul li:first-child {
	display: none;
}
/*********** END FAQ PASE CSS ***********/

/********** START PORTFOLIO SINGLE CSS **********/
.portfolio-quote-wrp .elementor-blockquote .elementor-blockquote__content {
    margin: 0;
}
.portfolio-image-compare-wrp .image-comparison-container .twentytwenty-handle .twentytwenty-left-arrow:before {
    content: '\f053';
    font-family: 'Font Awesome 5 Pro';
    font-size: 25px;
    font-weight: 400;
    color: #FFFFFF;
}
.portfolio-image-compare-wrp .image-comparison-container .twentytwenty-handle .twentytwenty-right-arrow:before {
    content: '\f054';
    font-family: 'Font Awesome 5 Pro';
    font-size: 25px;
    font-weight: 400;
    color: #FFFFFF;
}
.portfolio-image-compare-wrp .image-comparison-container .twentytwenty-handle>.twentytwenty-left-arrow {

    margin-left: -20px;

}
.portfolio-image-compare-wrp .image-comparison-container .twentytwenty-handle>.twentytwenty-right-arrow {
    margin-right: -10px;
}
.portfolio-image-compare-wrp .image-comparison-container .twentytwenty-handle .twentytwenty-left-arrow, 
.portfolio-image-compare-wrp .image-comparison-container .twentytwenty-handle .twentytwenty-right-arrow {
    top: 50%;
    transform: translateY(-50%);
    margin-top: -12px;
    border: 0;
}
/*********** END PORTFOLIO SINGLE CSS ***********/


/********** START PROJECT DELIVERABLES CSS **********/
.project-deliverables-widget {
    padding: 70px 40px 116px 40px;
}
.project-deliverables-widget:before {
	background-size: cover; 
	background-position: center center; 
	background-repeat: no-repeat;
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    opacity: 0.2;
}
.project-deliverables-widget .content-wrapper {
    position: relative;
    z-index: 1;
    max-width: 1580px;
    margin: 0 auto;
    padding: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}
.project-deliverables-widget .content-wrapper .left-section, 
.project-deliverables-widget .content-wrapper .right-section {
    width: 50%;
}
.project-deliverables-widget .content-wrapper .left-section h2 {
		color:var(--darkblue); font:var(--et-h2-font); text-transform:uppercase;
}
.project-deliverables-widget .content-wrapper .right-section ul {
    color: var(--pink);
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.project-deliverables-widget .content-wrapper .right-section ul li {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}
.project-deliverables-widget .content-wrapper .right-section ul li:before {
    content: '\f111';
    font-family: 'Font Awesome 5 Pro';
    font-size: 3px;
    font-weight: 700;
}
.project-deliverables-widget .content-wrapper .right-section ul li a {
		font:var(--et-body-font);
}
/*********** END PROJECT DELIVERABLES CSS ***********/



/* Start Portfolio Slider Widget CSS */
.portfolio-section {
	position: relative;
	padding: 77px 0 54px;
}
.portfolio-section:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 87.5%;
	height: 100%;
	background-color: #9BABEF;
	border-radius: 0px 484.5px 484.5px 0px;
	z-index: 0;
}
.efusion-portfolio-slider {
	position: relative;
	z-index: 4
}
.efusion-portfolio-slider .slide {
	display: flex;
	align-items: center;
}
.efusion-portfolio-slider .row {
	display: flex;
	flex-wrap: wrap;
	padding-right: 100px;
	padding-left: 9%;
	width: 100%;
}
.efusion-portfolio-slider .column {
	width: 50%;
	padding: 0px;
	box-sizing: border-box;
}
.efusion-portfolio-slider .text-container {
	padding-top: 17px;
	padding-right: 106px;
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.active-logo {
	margin-bottom: 46px;
/* 	height: 100%; */
}
.portfolio-container .active-logo img {
/*     width: 100%; */
    max-width: 127px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center center;
    border: 0;
    border-radius: 100%;
} 
.portfolio-sub-title {
	margin-bottom:30px; color:var(--darkblue); font:var(--et-h3-font); text-transform:uppercase;
}
.case-study-btn a {
	display:inline-block; margin:0; padding:16px 30px 14px 30px; border:none; border-radius:1000px; background-color:var(--pink); color:#FFF; font:var(--et-btn-font); text-transform:uppercase;
}

.case-study-btn a.btn {
    display: flex;
	 transition-duration: 0.8s;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	gap: 14px;
    width: auto;
    max-width: fit-content;
}
.case-study-btn a.btn span, .case-study-btn a.btn svg {
    transition: transform 0.3s ease-out;
}
.case-study-btn a.btn svg {
    margin-bottom: 3px;
}
.case-study-btn a.btn:hover span {
    transform: translateX(-3px);
}
.case-study-btn a.btn:hover svg {
    transform: translateX(3px);
}
.case-study-btn a.btn:hover {
    box-shadow: inset 24em 0 0 0 #7D004B !important;
}
.portfolio-section .visual-container {
	position: relative;
	width: 100%;
	max-width: 50%;
	height: auto;
	overflow: hidden;
}
.portfolio-section .visual-container .desktop {
	aspect-ratio: 920 / 700;
	width: 100%;
	height: auto;
	object-fit: cover;
}
.efusion-portfolio-slider button {
	z-index: 99;
}
.portfolio-section .brand-logos img {
	margin-right: 10px;
	width: 100%;
	max-width: 72px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position: center center;
	border: 0;
	border-radius: 100%;
} 
.portfolio-section .brand-logos {
	position: absolute;
	height: 72px;
	bottom: 0px;
	z-index: 9;
	display: flex;
	justify-content: flex-start;
}
.portfolio-section .brand-logos .slider-logo {
	cursor: pointer;
	height: 72px;
}
.portfolio-section .brand-logos .slider-logo img {
	outline: none;
}
.portfolio-section .brand-logos .slider-logo.active img {
	outline: 3px solid #D60080;
	outline-offset: 0px;
	border-radius: 100%;
}
/* End Portfolio Slider Widget CSS */


/* Start Portfolio widgets css */
.tax-portfolio-categories .e-con-inner {
	max-width: 1640px !important;
	margin: auto;
	width: 100%;
}
.elementor-widget-efusiontech_portfolio_widget {
	padding: 83px 40px 90px;
}
.elementor-widget-efusiontech_portfolio_widget .portfolio-categories {
	padding: 20px 0 52px;
	display: flex;
	/*gap: 15px 50px;*/
	gap:15px 8px;
	flex-wrap: wrap;
}
.elementor-widget-efusiontech_portfolio_widget .portfolio-grid {
	display: flex;
	flex-wrap: wrap;
}
.elementor-widget-efusiontech_portfolio_widget .portfolio-item {
	width: 25%;
	padding: 15px 15px 5px 15px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	border: 1px solid #E0E0E0;
	position: relative;
}
.portfolio-item:hover span {
	display: block;
}
.portfolio-item span {
	display:none; position:absolute; top:-1px; right:-1px; padding:6px 14px; max-width:243px; border-radius:0 0 0 30px; background-color:rgba(23, 42, 58, 0.63); color:#FFF; font:var(--et-body-font); font-weight:700; text-align:center;
}
.portfolio-item:hover a.case_study_url {
	display: block;
}
.portfolio-item a.case_study_url {
	display: none;
    width: 48px;
    height: 48px;
    position: absolute;
    top: -1px;
    right: -1px;
    background-color: var(--pink);
    border-radius: 0 0 0 30px;
    padding: 13px 10px 13px 14px;
}
.portfolio-item a.case_study_url:after {
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/2025/02/portfolio.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 21px;
    height: 21px;
}
.fistside{
	border-top-left-radius: 20px;
}
.secondside{
	border-top-right-radius: 20px;
}
.thirdside{
	border-bottom-left-radius: 20px;
}
.fourthside{
	border-bottom-right-radius: 20px;
}
.elementor-widget-efusiontech_portfolio_widget .custom-pagination {
	padding-top: 50px;
}
.elementor-widget-efusiontech_portfolio_widget .portfolio-description {
	margin-top:0; margin-bottom:20px; color:var(--pink); font:var(--et-simple-font); text-transform:uppercase;
}
.elementor-widget-efusiontech_portfolio_widget h2.portfolio-title {
	color:var(--darkblue); font:var(--et-h1-font); text-transform:uppercase;
}
.elementor-widget-efusiontech_portfolio_widget a.portfolio-category {
	padding:5px 25px; border-radius:50px; border:1px solid var(--darkblue); color:var(--darkblue); font:var(--et-lead-font); transition-duration:.25s;
}
.elementor-widget-efusiontech_portfolio_widget a.portfolio-category.active,
.elementor-widget-efusiontech_portfolio_widget a.portfolio-category:hover {
	border-color:var(--pink); color:var(--pink);
}
.elementor-widget-efusiontech_portfolio_widget a.page-number.active {
	color: #fff;
	transition-duration: .25s;
	background: var(--pink);
}
.elementor-widget-efusiontech_portfolio_widget .portfolio-item h3 {
	color:var(--darkblue); font:var(--et-body-font); text-align:center;
}
.elementor-widget-efusiontech_portfolio_widget .portfolio-item:hover .portfolio-link h3 {
    color: var(--pink);
}
.elementor-widget-efusiontech_portfolio_widget  .portfolio-item img {
	width: 100%;
	max-width: 400px;
	aspect-ratio: 400 / 239;
}
.elementor-widget-efusiontech_portfolio_widget .custom-pagination {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: end;
	gap: 10px;
}
.elementor-widget-efusiontech_portfolio_widget a.page-number {
	display:flex;	align-items:center; justify-content:center; aspect-ratio:1; width:52px; height:52px; border-radius:50%; background-color:var(--grey); color:var(--pink); font:var(--et-lead-font); line-height:52px; transition:0.3s;
}
.elementor-widget-efusiontech_portfolio_widget a.page-number:hover {
	background-color: var(--pink);
	color: var(--grey);
	transition: 0.3s;
}
.elementor-widget-efusiontech_portfolio_widget a.next-page,
.elementor-widget-efusiontech_portfolio_widget a.last-page {
	display:flex;	align-items:center; justify-content:center; aspect-ratio:1; position:relative; width:52px; height:52px; border-radius:50%; background-color:var(--grey); color:var(--pink); transition:0.3s; z-index:0;	
}
.elementor-widget-efusiontech_portfolio_widget a.next-page:hover,
.elementor-widget-efusiontech_portfolio_widget a.last-page:hover {
	background-color: var(--pink);
	color: #ffffff;
}
.elementor-widget-efusiontech_portfolio_widget a.next-page:before ,
.elementor-widget-efusiontech_portfolio_widget a.last-page:before {
	position: absolute;
	content: "\f178";
	top: 50%;
	left: 50%;
	width: fit-content;
	height: auto;
	transform: translate(-50%, -50%);
	font-family: 'Font Awesome 5 Pro' !important;
	border-radius: 50%;
	font-size: 22px;
}
.elementor-widget-efusiontech_portfolio_widget a.last-page:after {
	position: absolute;
	content: "\f054";
	top: 50%;
	left: 65%;
	width: fit-content;
	height: auto;
	transform: translate(-50%, -50%);
	font-family: 'Font Awesome 5 Pro' !important;
	border-radius: 50%;
	font-size: 15px;
	font-weight: 600;
}
.elementor-widget-efusiontech_portfolio_widget a.last-page:before {
	left: 40%;
}
.elementor-widget-efusiontech_portfolio_widget a.prev-page, .elementor-widget-efusiontech_portfolio_widget a.first-page {
	display:flex; align-items:center; justify-content:center; aspect-ratio:1; position:relative; width:52px; height:52px; border-radius:50%; background-color:var(--grey); color:var(--pink); transition:0.3s; z-index:0;
}
.elementor-widget-efusiontech_portfolio_widget a.prev-page:before, .elementor-widget-efusiontech_portfolio_widget a.first-page:before {
	position: absolute;
	content: "\f177";
	top: 50%;
	left: 50%;
	width: fit-content;
	height: auto;
	transform: translate(-50%, -50%);
	font-family: 'Font Awesome 5 Pro' !important;
	border-radius: 50%;
	font-size: 22px;
}
.elementor-widget-efusiontech_portfolio_widget a.first-page:before {
	left: 60%;
}
.elementor-widget-efusiontech_portfolio_widget a.prev-page:hover, .elementor-widget-efusiontech_portfolio_widget a.first-page:hover {
	background-color: var(--pink);
	color: #ffffff;
}
.elementor-widget-efusiontech_portfolio_widget a.first-page:after {
	position: absolute;
	content: "\f053";
	top: 50%;
	left: 35%;
	width: fit-content;
	height: auto;
	transform: translate(-50%, -50%);
	font-family: 'Font Awesome 5 Pro' !important;
	border-radius: 50%;
	font-size: 15px;
	font-weight: 600;
}
.custom-pagination .disabled {
	pointer-events: none; 
	display: none !important;
}

/********** START HOME REVIEWS SECTION **********/
.slick-slider-review .slick-track {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
}
.slick-slider-review .slick-slide {
	height: initial;
}
.slick-slider-review .slick-dots li button:hover {
	background-color: unset !important;
}

.review-card {
	background: #fff;
    border: 3px solid #9BABEF;
    border-radius: 50px;
    min-height: 550px !important;
    height: 100%;
    box-shadow: none;
    display: flex;
    gap: 20px;
    width: 100%;
    padding: 40px;
    margin: 0 10px;
    max-width: calc(100% - 20px);
    flex-direction: column;
}
.slick-slider-review .icon-facebook {
	
}

.icon-google {
    display: inline-block; /* Make the span behave like a block to control dimensions */
    width: 52px; /* Set the desired width of the image */
    height: 52px; /* Set the desired height of the image */
    background-image: url('/wp-content/themes/efusion/assets/images/google.svg'); /* Set the image URL */
    background-size: cover; /* Scale the image to fit the span */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent the image from repeating */
}
.icon-facebook {
    display: inline-block; /* Make the span behave like a block to control dimensions */
    width: 52px; /* Set the desired width of the image */
    height: 52px; /* Set the desired height of the image */
    background-image: url('/wp-content/themes/efusion/assets/images/facebook.svg'); /* Set the image URL */
    background-size: cover; /* Scale the image to fit the span */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent the image from repeating */
}
.icon-star {
    display: inline-block; /* Make the span behave like a block to control dimensions */
    width: 26px; /* Set the desired width of the image */
    height: 26px; /* Set the desired height of the image */
    background-image: url('/wp-content/themes/efusion/assets/images/star.svg'); /* Set the image URL */
    background-size: cover; /* Scale the image to fit the span */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent the image from repeating */
}
.review-quote {
    display: inline-block; /* Make the span behave like a block to control dimensions */
    width: 65px; /* Set the desired width of the image */
    height: 44px; /* Set the desired height of the image */
    background-image: url('/wp-content/themes/efusion/assets/images/vector.svg'); /* Set the image URL */
    background-size: cover; /* Scale the image to fit the span */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent the image from repeating */
}
.review-rating{
	display:flex;
	gap: 3px;
}
.review-card p {
	margin: 0;
}
.review-header {
	display:flex;
	justify-content:space-between;
	align-items: center;
}
.review-header-first{
	display:flex;
	gap:20px;
	align-items: center;
}

.slick-slider-review .slick-arrow,
.slick-slider-review .slick-arrow:hover{
     background-color: #FFC5E8 !important;
}
.slick-slider-review .slick-prev:before {
    content: '\f177'; 
    font-family: 'Font Awesome 5 Pro'; 
	color: var(--pink);
	font-size:20px;
}
.slick-slider-review .slick-prev{
	left:-62px;
	height:52px;
	width:52px;
/* 	background-color:pink; */
	padding:10px;
	border-radius:100px;
}

.slick-slider-review .slick-next:before {
    content: '\f178'; 
    font-family: 'Font Awesome 5 Pro'; 
	color: var(--pink);
	font-size:20px;
}

.slick-slider-review .slick-next{
	height:52px;
	right:-62px;
	width:52px;
	padding:10px;
	border-radius:100px;
}


.review-platform-logo {
	width: 40px;
	height: auto;
}
.review-rating {
	font-size: 20px;
	color: #f4b400;
}
.review-description {
		text-align:start; position:relative; color:var(--black); font:var(--et-body-font);
}
.quote-icon {
	font-size: 30px;
	color: #ff4081;
}

.author-info {
	gap:20px;
	display: flex;
}
.author-info .author-image {
	width: 100%;
    max-width: 72px;
    aspect-ratio: 1 / 1;
    border-radius: 50px;
    object-fit: cover;
    object-position: center center;
}
.author-info .author-detail{
	display:flex;
	flex-direction:column;
	justify-content:center;
	gap:5px;
}
.author-name {
		margin:0; color:var(--darkblue); font:var(--et-h4-font);
}
.review-date {
		margin:0; color:var(--purple); font:var(--et-body-font);
}
/*********** END HOME REVIEWS SECTION ***********/

.ef_accordion .e-n-accordion-item-title {
    display: flex;
    align-items: flex-start !important;
}
.ef_accordion .e-n-accordion-item-title-icon {
	padding: 3px 0 0 0;
}

/* Start Portfolio Single page css */
.before-after-container {
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.twentytwenty-container {
    position: relative;
    overflow: hidden;
}

.twentytwenty-container img {
    display: block;
    width: 100%;
    height: auto;
}

/* Labels */
.before-label,
.after-label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    font-weight: bold;
    padding: 8px 15px;
    color: #fff;
    border-radius: 20px;
}
.before-label {
    left: 20px;
    background: rgba(0, 0, 0, 0.7); /* Dark gray for OLD */
}
.after-label {
    right: 20px;
    background: var(--pink); /* Updated pink for NEW */
}

/* Slider Handle */
.twentytwenty-handle {
    background: var(--pink) !important;
    border-color: var(--pink) !important;
    height: 86px !important;
    width: 86px !important;
    box-shadow: none !important;
    margin-left: -45px !important;
}

.twentytwenty-handle:before,
.twentytwenty-handle:after {
    color: #fff !important; /* White arrows for contrast */
}

.twentytwenty-handle:after {
    content: "\f104"; /* Font Awesome left arrow icon */
}

.twentytwenty-handle:before {
    content: "\f105"; /* Font Awesome right arrow icon */
}

/* Divider Line */
.twentytwenty-horizontal .twentytwenty-handle::before,
.twentytwenty-horizontal .twentytwenty-handle::after,
.twentytwenty-horizontal .twentytwenty-overlay::before {
    background-color: var(--pink) !important; /* Updated line color */
}

.twentytwenty-vertical .twentytwenty-handle::before,
.twentytwenty-vertical .twentytwenty-handle::after,
.twentytwenty-vertical .twentytwenty-overlay::before {
    background-color: var(--pink) !important; /* For vertical sliders */
}

.twentytwenty-horizontal .twentytwenty-handle::before,
.twentytwenty-horizontal .twentytwenty-handle::after {
    bottom: 50%;
    margin-bottom: 22px;
    width: 10px !important;
    margin-left: -5px !important;
	box-shadow: unset !important;
}
.eft-btn-wrp .elementor-button span.elementor-button-icon {
    font-size: 24px;
    line-height: 0;
    padding-bottom: 4px;
}
.main-contact-form.eft-btn-wrp span.elementor-button-icon {
    font-size: 24px;
    line-height: 0;
    padding-bottom: 4px;
}
.eft-btn-wrp .elementor-button .elementor-button-content-wrapper .elementor-button-icon, 
.eft-btn-wrp .elementor-button .elementor-button-content-wrapper .elementor-button-text {
    transition: transform 0.3s ease-out;
}
.eft-btn-wrp .elementor-button:hover .elementor-button-content-wrapper .elementor-button-icon {
    transform: translateX(3px);
}
.eft-btn-wrp .elementor-button:hover .elementor-button-content-wrapper .elementor-button-text {
    transform: translateX(-3px);
}
.eft-link-wrp:hover,
.eft-link-wrp a:hover {
    color: var(--darkpink) !important;
}

.eft-btn-wrp .elementor-button:hover {
	box-shadow: inset 30em 0 0 0 var(--darkpink) !important;
}
.home-blog-header { color:var(--darkblue); font:var(--et-h4-font); }
.home-blog-header:hover { color:var(--pink); }

img.home-blog-image{width: 100%; border-redius: 40px;}
.home-blog-date{ color:var(--purple); font:var(--et-body-font); }
.banner-track {
  display: flex;
  width: max-content;
  animation: scroll-left 30s linear infinite;
}

.banner-track img {
  width: 400px; /* Or a fixed width like 1200px */
  /*height: 300px;*/
  object-fit: cover;
}

/* Animation */
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.eft-home-hero-slider .swiper-slide{overflow: hidden;}

.single-blog .blog h2 { margin-top:50px; color:var(--darkblue); font:var(--et-h3-font); }
.single-blog .blog h3 { margin-top:50px; color:var(--darkblue); font:var(--et-h4-font); }
span.sep {
    content: '\f111';
    font-family: 'Font Awesome 5 Pro';
    font-size: 21px;
    font-weight: 900;
    color: var(--pink);
    padding: 9px;
}
.terms-clean-portfolio-categories a { color:var(--pink); font:var(--et-body-font); }