/*
Theme Name:     Mabel Divi Child Theme
Theme URI:      https://mabel.themesunit.com/
Description:    Mabel is a portfolio purpose Divi child theme.
Author:         ThemesUnit
Author URI:     https://themesunit.com/
Template:       Divi
Version:        1.1
*/


/* Theme color */
:root { 
	--color1:#9C88FF;	
	--color2:#262626;  
}

/* Pre-Loader CSS */
.tu-preloader {
	background-color:#ffffff;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	height:100%;
	width:100%;
	overflow:hidden !important;
	z-index:9999999999999999;
}
.tu-preloader .tu-status {
	width:100px;
	height:100px;
	position:absolute;
	left:50%;
	top:50%;
	background-repeat:no-repeat;
	background-position:center;
	-webkit-background-size:cover;
	background-size:cover;
	margin:-50px 0 0 -50px;
}
.tu-loader {
	text-indent:-99999em;
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: rgba(40,211,206,0.3);
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}
.tu-loader:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: rgba(40,211,206,0.6);
	-webkit-animation: spin 3s linear infinite;
	animation: spin 3s linear infinite;
}
.tu-loader:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: var(--color1);
	-webkit-animation: spin 1.5s linear infinite;
	animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
	0%   {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spin {
	0%   {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/* Pre-Loader End  */

#commentform {
	padding-bottom: 0;
	display:flex;
	flex-direction:column;
}
#commentform .comment-form-comment {
	order:4;
}
#commentform .comment-form-cookies-consent {
	order:5;
}
#commentform .form-submit {
	order:6;
	text-align:left;
}

/* Title */
.mabel-title h2{
	font-weight: 700;
	font-size: 48px;
	line-height: 58px;
	color: #262626;
	padding: 0;
}
@media(max-width:980px){
	.mabel-title h2{
		font-size: 36px;
		line-height: 46px;
	}	
}

/* Header Section CSS */
.mabel-header .et_pb_main_blurb_image span.et-pb-icon{
	color:var(--color2)!important;
	font-size:25px;
}
.mabel-header .et_pb_menu__wrap {
	justify-content: center;
}
.mabel-header .et-menu .menu-item-has-children>a:first-child {
	padding-right: 20px!important;
}
.mabel-header .et-menu-nav ul li {
	padding: 0 22px!important;
}
.mabel-header .et-menu-nav ul li a {
	margin: 8px 0 8px;
	padding: 0!important;
	font-weight: 700;
	font-size: 16px;
	line-height: 26px;
	color:  var(--color2);
	padding:2px 5px!important;
}
.mabel-header .current_page_item > a {
	color: var(--color1)!important;
	position:relative;
}
.mabel-header .current_page_item > a:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity: 0.2!important;
	background: var(--color1);
	transition: all 0.5s ease!important;
}
.mabel-header ul li a:hover {
	color: var(--color1)!important;
	cursor: pointer;
	opacity: 1;
}
.mabel-header .et_pb_menu__menu ul>li>a:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity: 0;
	background: var(--color1)!important;
	transition: all 0.5s ease!important;
}
.mabel-header .et_pb_menu__menu ul li a:hover:before{
	opacity: 0.2!important;
}

/* Sticky */
.mabel-header{
	background: transparent;
}
.mabel-header.et_pb_sticky.et_pb_sticky--top{
	background: #F5F5F5!important;
	box-shadow: 0 5px 6px -6px black;
}

/* sub menu */
.mabel-header .et-menu-nav>ul>li>ul.sub-menu>li>a {
	margin:0;
	padding: 15px!important;
	transition: all .5s ease;
}
.mabel-header .mobile_nav ul {
	padding: 0px 0!important;
	top: 130%!important;
	border-top: 3px solid var(--color2);
}
.mabel-header .et_mobile_menu .menu-item-has-children {
	position: relative;
}
.mabel-header .et-menu-nav>ul>li>ul.sub-menu {
	padding: 0px!important;
	top: calc(100% - 5px);
	border-top: 3px solid var(--color2);
}
.mabel-header .et_mobile_menu ul.sub-menu {
	display: none!important;
	visibility: hidden!important;
	transition: all 1.5s ease;
	border:transparent;
}
.mabel-header .et-menu-nav>ul>li>ul.sub-menu>li {
	padding: 0!important;
}
.mabel-header ul li a:hover {
	color: var(--color1)!important;
	cursor: pointer;
	opacity: 1;
	background: transparent;
}
.mabel-header .et_mobile_menu .visible>ul.sub-menu {
	display: block!important;
	visibility: visible!important;
	opacity: 1;
}
.mabel-header .mobile_nav.opened .mobile_menu_bar:before {
	content: "\4d";
	transition: all .5s ease ;
}
.mabel-header .mobile_nav.opened .mobile_menu_bar:before,
.mabel-header .et_mobile_nav_menu span:before {
	background-color: var(--color1);
	color: #fff!important;
}
.mabel-header .et_mobile_menu a.mobile-toggle-icon {
	height: 47px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: transparent;
}
.mabel-header .et_mobile_nav_menu>.mobile_nav>ul>li.menu-item-has-children>a:after {
	font-family: ETmodules;
	font-weight: 600;
	position: absolute;
	font-size: 18px;
	content: '\33';
	top: 11px;
	transform: rotate(0);
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	right: 13px;
	transition: all .5s ease ;
}
.mabel-header .et_mobile_nav_menu>.mobile_nav>ul>li.visible>a:after {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}
.mabel-header .et_mobile_menu .menu-item-has-children>a {
	font-weight: 700;
	background-color:#fff;
}
.mabel-header .et-menu li li.menu-item-has-children>a:first-child:after {
	top: 15px;
}
.mabel-header  .et_mobile_menu .menu-item-has-children>a:after {
	font-family: ETmodules;
	text-align: center;
	speak: none;
	font-weight: 600;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	font-size: 18px;
	content: '\33';
	top: 11px;
	transform: rotate(0);
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	right: 13px!important;
	transition: all .5s ease ;
}
.mabel-header .et_mobile_menu .menu-item-has-children.visible>a:after {
	content: '\34';
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transition: all .5s ease ;
}
.mabel-header .nav li li a{
	margin:0!important;
}
/* sub-sub menu*/
.mabel-header ul.et_mobile_menu li a {
	margin: 0;
	font-weight: 700;
	font-size: 16px;
	line-height: 26px;
	color: var(--color2);
	position: relative;
	padding: 10px 30px;
}
.mabel-header .et_pb_menu .et-menu-nav>ul ul {
	padding: 0px 0!important;
	width: 265px!important;
	border-top: 3px solid var(--color2);
}
.mabel-header .nav li li,
.mabel-header.nav li li {
	padding: 0!important;
}
.mabel-header .et-menu li li a {
	width: 265px;
	padding: 15px!important;
	font-weight: 700;
	font-size: 16px;
	line-height: 26px;
	color: var(--color2);
	transition: all .5s ease;
}
.mabel-header .et_pb_menu .et-menu-nav>ul ul ul ul,
.mabel-header .et-menu li li li li a {
	width: 300px!important;
}
.mabel-header .nav li li ul {
	z-index: 1000;
	top: -3px;
	left:265px;
}
.mabel-header .nav li.et-reverse-direction-nav li ul {
	right: 265px!important;
	left: auto!important;
}
@media(max-width:1180px){
	.mabel-header .et-menu-nav ul li {
		padding: 0 13px!important;
	}	
}
@media(max-width:1032px){
	.mabel-header .et-menu-nav ul li {
		padding: 0 8px!important;
	}	
}
@media (max-width: 980px){
	.mabel-header .et_pb_menu__wrap {
		justify-content: end;
	}
}

/* Footer CSS */
/* info */
.mabel-footer-info .et_pb_blurb_position_left .et_pb_blurb_container {
	padding-left: 35px;
}
.mabel-footer-info .et_pb_blurb_description a{
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #FFFFFF;
	transition: all 0.5s ease!important;
}
.mabel-footer-info .et_pb_blurb_description a:hover{
	color:var(--color1);
}
.mabel-footer-info .et-pb-icon{
	color:#fff!important;
}
.mabel-footer-info .et_pb_blurb_description{
	max-width:231px;
}

/* company */
.mabel-footer-info-btn h4{
	font-weight: 700;
	font-size: 24px;
	line-height: 34px;
	color: #FFFFFF;
	padding:0;
}
@media(max-width:980px){
	.mabel-footer-info-btn h4{
		font-size: 22px;
		line-height: 32px;
	}	
}
@media(max-width:767px){
	.mabel-footer-info-btn h4{
		font-size: 20px;
		line-height: 30px;
	}	
}

/* bottom Footer */
.mabel-bottom-fotter .et_pb_social_media_follow li a.icon{
	border:0;
	transition: all 0.5s ease!important;
}
.mabel-bottom-fotter .et_pb_social_media_follow li a.icon:hover:before{
	color:var(--color1);
}
.mabel-bottom-fotter .et_pb_social_media_follow li {
	margin-bottom: 0px!important;
}

/* Hero section */
.mabel-hero-title h1{
	font-weight: 700;
	font-size: 60px;
	line-height: 70px;
	color: #262626;
	padding:0;
}
.mabel-hero-title h1 span{
	color:var(--color1);
}
.mabel-home-hero .et_pb_social_media_follow{
	display: inline-block;
	right: 23px;
	top: 22px;
	position: absolute;
}
.mabel-home-hero .et_pb_social_media_follow li {
	display: block!important;
	margin-right: 0px!important;
	margin-bottom: 9px!important;
}
.mabel-home-hero .et_pb_social_media_follow li a.icon:before {
	color: var(--color2)!important;
	border: 1px solid var(--color2);
	border-radius: 50px;
	transition: all 0.5s ease!important;
}
.mabel-home-hero .et_pb_social_media_follow li a.icon:hover:before {
	color: var(--color1)!important;
	border-color: var(--color1)!important;
}
.mabel-home-hero  .et_pb_social_media_follow li a{
	margin-right:0;
}
@media(max-width:980px){
	.mabel-hero-title h1{
		font-size: 54px;
		line-height: 64px;
	}	
	.mabel-home-hero .et_pb_social_media_follow {
		display:flex;
		right: auto;
		left: 150px;
		top: auto;
		bottom: -7px;
		position: absolute;
	}
	.mabel-home-hero  .et_pb_social_media_follow li a{
		margin-right:10px;
	}
}
@media(max-width:767px){
	.mabel-hero-title h1{
		font-size: 48px;
		line-height: 58px;
	}	
}

/* About Section CSS*/
.mabel-about h5{
	font-weight: 600;
	font-size: 24px;
	line-height: 34px;
	color: var(--color1)!important;
	padding-bottom: 20px;
}

/* Counter */
.mabel-about .percent {
	position: relative;
	margin-bottom: 0px!important;
}
.mabel-about span.et_pb_image_wrap{
	position: relative;
}
.mabel-about span.et_pb_image_wrap:before {
	content: "";
	border: 3px dashed #28d3ce;
	border-radius: 10px;
	position: absolute;
	left: -30px;
	top: 30px;
	height: 100%;
	width: 100%;
}
@media(max-width:980px){
	.mabel-about h5{
		font-size: 22px;
		line-height: 32px;
	}
}
@media(max-width:767px){		
	.mabel-about h5{
		font-size: 20px;
		line-height: 30px;
	}
	.mabel-about span.et_pb_image_wrap:before {
		left: -20px;
		top: 20px;		
	}
}

/* Features CSS */
.mabel-features .et-pb-icon{
	color:var(--color1)!important;
	margin-bottom:30px;
	transition: all 0.5s ease!important;
}
.mabel-features h4,
.mabel-features .mabel-features-box .et_pb_blurb_description{
	transition:all .5s ease;
}
.mabel-features .mabel-features-box:hover{
	background: var(--color1)!important;
}
.mabel-features .mabel-features-box:hover .et-pb-icon,
.mabel-features .mabel-features-box:hover h4,
.mabel-features .mabel-features-box:hover .et_pb_blurb_description ,
.mabel-features .mabel-features-box:hover .et_pb_button:after {
	color:#fff!important;
}
@media(max-width:1053px){
	.mabel-features h4{
		min-height: 88px;
	}
}
@media(max-width:980px){
	.mabel-features h4{
		min-height: auto;
	}
}

/* Feature Details Section CSS */
.mabel-feature-menu .et-pb-icon{
	color:#717173!important;
	transition: all 0.5s ease!important;
}
.mabel-feature-info .et-pb-icon,
.mabel-feature-menu .et_pb_blurb:hover .et-pb-icon,
.mabel-feature-menu .et_pb_blurb:hover h4{
	color:var(--color1)!important;
	transition: all 0.5s ease!important;
}

/* Resume Section CSS */
.mabel-resume h5{
	font-weight: 700;
	font-size: 24px;
	line-height: 34px;
	color: var(--color2)!important;
	padding-bottom:5px;
	transition: all 0.5s ease!important;
}
.mabel-resume .mabel-resume-box:hover:before{
	background: #FFFFFF;
	box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
}
@media(max-width:980px){
	.mabel-resume h5{
		font-size: 22px;
		line-height: 32px;
	}
}
@media(max-width:767px){
	.mabel-resume h5{
		font-size: 20px;
		line-height: 30px;
	}
}

/* Home Portfolio */
.mabel-portfolio .et_pb_ajax_pagination_container,
.mabel-portfolio .et_pb_portfolio_items {
	display: grid;
	grid-template-columns: repeat(3,1fr) !important;
	gap: 15px;
}
.mabel-portfolio .project {
	margin: 0;
	border-radius: 10px;
}
.mabel-portfolio .project h4 {
	text-align: left;
	font-weight: 700;
	font-size: 24px;
	line-height: 34px;
	color:var(--color2);
	padding-bottom:5px;;
	z-index: 9999;
	margin:0;
}
.mabel-portfolio .et_pb_portfolio_item .post-meta {
	text-align: left;
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	color: #FFFFFF!important;
	z-index: 9999;
	margin:0;
}
.mabel-portfolio .mabel-portfolio-box{
	margin:0 15px 0;
	background: var(--color1);
	border-radius: 10px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 15px;
	padding:15px;
	opacity: 0;
	transition: all 0.5s ease!important;
}
.mabel-portfolio .et_portfolio_image img,
.mabel-portfolio img {
	border-radius: 10px!important;
}
.mabel-portfolio .project:hover .mabel-portfolio-box{
	opacity: 1;
}
.mabel-portfolio a.entry-featured-image-url{
	margin-bottom:0;
}
.mabel-portfolio .et_pb_portfolio_item .post-meta a,
.mabel-portfolio .post-meta a{
	color: #FFFFFF!important;
}
@media (max-width: 980px){
	.mabel-portfolio .et_pb_ajax_pagination_container,
	.mabel-portfolio .et_pb_portfolio_items {
		grid-template-columns: repeat(2,1fr) !important;
	}	
	.mabel-portfolio .project h4 {
		font-size: 22px;
		line-height: 32px;
	}
}
@media (max-width: 767px){
	.mabel-portfolio .et_pb_ajax_pagination_container,
	.mabel-portfolio .et_pb_portfolio_items {
		grid-template-columns: repeat(1,1fr) !important;
	}	
	.mabel-portfolio .project h4{
		font-size: 20px;
		line-height: 30px;
	}
}

/* Gallery Without Filter Column */
.mabel-portfolio.mabel-portfolio-2-column .et_pb_ajax_pagination_container{
	grid-template-columns: repeat(2,1fr)!important;
}
.mabel-portfolio.mabel-portfolio-4-column .et_pb_ajax_pagination_container{
	grid-template-columns: repeat(4,1fr)!important;
}
@media (max-width: 980px){
	.mabel-portfolio.mabel-portfolio-4-column .et_pb_ajax_pagination_container{
		grid-template-columns: repeat(2,1fr) !important;
	}	
}
@media (max-width: 767px){
	.mabel-portfolio.mabel-portfolio-2-column .et_pb_ajax_pagination_container ,
	.mabel-portfolio.mabel-portfolio-4-column .et_pb_ajax_pagination_container{
		grid-template-columns: repeat(1,1fr) !important;
	}	
}

/* Gallery No Gutter */
.mabel-nogutter .et_pb_ajax_pagination_container{
	gap: 0px!important;
}
.mabel-nogutter .et_portfolio_image img {
	border-radius: 0px!important;
}

/* Portfolio filter section */
.mabel-portfolio-filter .et_pb_portfolio_filters ul{
	display:flex;
	justify-content:center;
}
.mabel-portfolio-filter .et_pb_portfolio_filters ul li a{
	color: var(--color1);
	padding: 8px 17px!important;
	border-radius: 4px!important;
	border: 1px solid var(--color1);
	transition: all 0.5s ease;
}
.mabel-portfolio-filter .et_pb_portfolio_filters li a.active,
.mabel-portfolio-filter .et_pb_portfolio_filters li a:hover {
	color: #fff;
	background-color: var(--color1);
}
.mabel-portfolio-filter .et_pb_portfolio_filters li{
	font-size:16px!important;
	margin:0 10px;
}
.mabel-portfolio-filter .et_pb_portfolio_items {
	grid-template-columns: repeat(3,1fr) !important;
}
@media (max-width: 980px){
	.mabel-portfolio-filter .et_pb_portfolio_items {
		grid-template-columns: repeat(2,1fr) !important;
	}	
}
@media (max-width: 767px){
	.mabel-portfolio-filter .et_pb_portfolio_items {
		grid-template-columns: repeat(1,1fr) !important;
	}	
	.mabel-portfolio-filter .et_pb_portfolio_filters ul  {
		display:block!important;
	}
	.mabel-portfolio-filter .et_pb_portfolio_filters li {
		width:100%!important;
		margin:0;
	}
}

/* portfolio  Filter  */
.mabel-portfolio-filter.mabel-portfolio-filter-2-column .et_pb_portfolio_items{
	grid-template-columns: repeat(2,1fr)!important;
}
.mabel-portfolio-filter.mabel-portfolio-filter-4-column .et_pb_portfolio_items{
	grid-template-columns: repeat(4,1fr)!important;
}
@media (max-width: 980px){
	.mabel-portfolio-filter.mabel-portfolio-filter-4-column .et_pb_portfolio_items{
		grid-template-columns: repeat(2,1fr) !important;
	}	
}
@media (max-width: 767px){
	.mabel-portfolio-filter.mabel-portfolio-filter-2-column .et_pb_portfolio_items ,
	.mabel-portfolio-filter.mabel-portfolio-filter-4-column .et_pb_portfolio_items{
		grid-template-columns: repeat(1,1fr) !important;
	}	
}

/* portfolio Filter No Gutter */
.mabel-nogutter .et_pb_portfolio_items{
	gap: 0px!important;
}
.mabel-portfolio-filter.mabel-nogutter .et_portfolio_image img {
	border-radius: 0px!important;
}

/* Portfolio Carousel CSS*/
.mabel-portfolio-carousel .et-pb-arrow-next,
.mabel-portfolio-carousel .et-pb-arrow-prev {
	z-index: 999999;
}
.mabel-portfolio-carousel .et_pb_fullwidth_portfolio:hover .et-pb-arrow-prev{
	left: 10px;
}
.mabel-portfolio-carousel .et_pb_fullwidth_portfolio:hover .et-pb-arrow-next{
	right: 10px;
}
.mabel-portfolio-carousel .et_overlay:before {
	content: none;
}

/******** portfolio Details Section CSS **********/

.mabel-portfolio-info .et-pb-icon{
	color:var(--color1)!important;
	transition: all 0.5s ease!important;
}
.mabel-portfolio-menu .et-pb-icon{
	color:#717173!important;
	transition: all 0.5s ease!important;
}
.mabel-portfolio-menu .et_pb_blurb:hover h4,
.mabel-portfolio-menu .et_pb_blurb:hover .et-pb-icon {
	color:var(--color1);
}
.mabel-portfolio-info a{
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	color: #717173;
}

/* Testimonials Section CSS */
.mabel-testimonials .slick-track {
	display: flex;
	column-gap: 30px;
}
.mabel-testimonials .et_pb_testimonial {
	padding: 35px!important;
	margin-bottom:60px!important;
}
.mabel-testimonials .et_pb_testimonial_portrait {
	float: unset;
}
.mabel-testimonials .et_pb_testimonial_description{
	margin-left:0!important;
}
.mabel-testimonials .et_pb_testimonial_author{
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 34px;
	color: var(--color2);
	margin:0 0 10px 0;
	position: absolute;
	top: -78px;
	left: 110px;
}
.mabel-testimonials .et_pb_testimonial_meta{
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #717173;
	position: absolute;
	top: -39px;
	left: 110px;
}
.mabel-testimonials .et_pb_testimonial_content p{
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #646464;
	padding:30px 0 50px 0!important;
}
.mabel-testimonials  .et_pb_testimonial:before {
	font-size: 90px;
	color: var(--color1);
	position: absolute;
	right: 14px;
	left: auto;
	top: 26px;
}
.mabel-testimonials .et_pb_testimonial_content p:before {
	font-family: ETmodules!important;
	content: "\e033\e033\e033\e033\e033";
	color: #FEB518;
	font-size: 15px;
	border-radius: 1px;
	position: absolute;
	left: 0px;
	bottom: 0;
}
.mabel-testimonials ul.slick-dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 4px;
	margin: auto;
	text-align: center;
	display: flex;
	justify-content: center;
	list-style: none;
	padding: 0!important;
}
.mabel-testimonials ul.slick-dots li {
	margin: 0 5px;
}
.mabel-testimonials  ul.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 12px;
	height: 12px;
	background: var(--color1);
	cursor: pointer;
	outline: none;
	border: 1px solid transparent;
	border-radius: 12px;
	transition: all 0.3s ease;
	padding: 5px;
	opacity: 0.2;
}
.mabel-testimonials  ul.slick-dots li.slick-active button {
	background: var(--color1);
	border: 1px solid var(--color1);
	opacity: 1;
}
@media(max-width:1024px){
	.mabel-testimonials .et_pb_testimonial:before {
		right: -4px;
	}
}
@media(max-width:980px){
	.mabel-testimonials .et_pb_testimonial_author{
		font-size: 22px;
		line-height: 32px;
	}
}
@media(max-width:767px){
	.mabel-testimonials .et_pb_testimonial_author{
		font-size: 20px;
		line-height: 30px;
	}
	.mabel-testimonials .et_pb_testimonial_portrait {
		margin: 0;
	}
}
@media(max-width:480px){
	.mabel-testimonials .et_pb_testimonial_portrait {
		margin: auto!important;
	}
	.mabel-testimonials .et_pb_testimonial_author {
		left: 0;
		right: 0;
		top: 20px;
		text-align: center;
	}	
	.mabel-testimonials .et_pb_testimonial_meta {
		left: 0;
		right: 0;
		text-align: center;
		top: 50px;
	}
	.mabel-testimonials .et_pb_testimonial_content p {
		padding: 90px 0 50px 0!important;
	}
	.mabel-testimonials .et_pb_testimonial {
		padding:30px 20px!important;
		margin-bottom: 60px!important;
	}
	.mabel-testimonials .et_pb_testimonial:before {
		font-size: 70px;
		top: auto;
		bottom: 10px;
	}
}

/* Client Section */
.mabel-client .mabel-client-main{
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(2,1fr);
}
.mabel-testimonials.mabel-client .et_pb_testimonial {
	margin-bottom: 0px!important;
}
@media (max-width: 980px){
	.mabel-client .mabel-client-main{
		grid-template-columns: repeat(1,1fr);
	}
}

/* Pricing Section CSS*/
.mabel-pricing .et_pb_pricing_table_wrap{
	display:flex;
	column-gap:30px!important;
}
.mabel-pricing .et_pb_pricing_heading{
	padding: 50px 0 20px 0!important;
	background: transparent;
}
.mabel-pricing   h6.et_pb_pricing_title{
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: var(--color1);
}
.mabel-pricing .et_pb_dollar_sign,
.mabel-pricing .et_pb_sum{
	font-weight: 700;
	font-size: 40px;
	line-height: 50px;
	color: var(--color2);
}
.mabel-pricing .et_pb_dollar_sign{
	font-weight: 500;
	width: 26px;
	height: 26px;
}
.mabel-pricing .et_pb_frequency{
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	color: var(--color2);
}
.mabel-pricing ul li{
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	color: #717173;
	padding-bottom:10px;
	display: inline-block;
	width: 100%;
	text-align:left!important;
	padding-left: 25px!important;
}
.mabel-pricing .et_pb_pricing li span:before{
	content: '\4e'!important;
	font-family: ETmodules;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	border: none!important;
	color: #717173;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
	transition: all .5s ease;
}
.mabel-pricing .et_pb_pricing_table{
	background: #FFFFFF;
	padding:0 0px 40px!important;
	box-shadow: 0px 8px 24px rgba(149, 157, 165, 0.1)!important;
	border-radius: 10px;
	transition: all .4s ease;
	border:transparent;
}
.mabel-pricing .et_pb_pricing_table a.et_pb_button {
	transition:all .5s ease;
}
.mabel-pricing .et_pb_pricing_table:hover a.et_pb_button {
	font-weight: 600;
	font-size: 14px!important;
	line-height: 24px!important;
	color: var(--color2)!important;
	background: var(--color1)!important;
	border-radius: 10px;
	border: 2px solid transparent!important;
	

}
.mabel-pricing li:before {
	content: '\4e'!important;
	font-family: ETmodules;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	border: none!important;
	font-weight: 700;
	line-height: 21px;
	text-align: center;
	transition: all .5s ease;
}
@media (max-width: 980px){
	.mabel-pricing .et_pb_column .et_pb_pricing_table {
		width: 100%!important;
		max-width: none!important;
		margin-bottom:30px!important;
	}
	.mabel-pricing .et_pb_column .et_pb_pricing_table:nth-child(n+3){
		margin-bottom:0!important;
	}
	.mabel-pricing .et_pb_column .et_pb_pricing_table:nth-child(n+3){
		margin-top: 0px!important;
	}
}
@media(max-width:767px){
	.mabel-pricing .et_pb_frequency{
		font-size: 20px;
		line-height: 30px;
	}
}

/* Client Logo */
.mabel-client-logo .mabel-client-box{
	display: grid;
	gap: 60px;
	grid-template-columns: repeat(4,1fr);
}
@media (max-width: 980px){
	.mabel-client-logo .mabel-client-box{
		grid-template-columns: repeat(2,1fr);
	}	
}
@media (max-width: 767px){
	.mabel-client-logo .mabel-client-box{
		grid-template-columns: repeat(1,1fr);
		gap: 30px
	}	
}

/* Blog Section CSS */
.mabel-blog .et_pb_ajax_pagination_container {
	gap: 30px;
	display: grid!important;
	grid-template-columns: repeat(2,1fr);
}
.mabel-blog.mabel-blog-col-1 .et_pb_ajax_pagination_container {
	grid-template-columns: repeat(1,1fr)!important;
}
.mabel-blog .et_pb_post {
	margin-bottom: 0px;
	transition: all 0.8s ease!important;
	background: #FFFFFF;
	box-shadow: 0px 0px 8px rgba(102, 102, 102, 0.25);
	border-radius: 10px;
}
.mabel-blog .entry-featured-image-url {
	margin-bottom: 0px;
}
.mabel-blog img{
	border-radius: 10px 10px 0 0;
}
.mabel-blog-box ,
.mabel-blog {
	position: relative;
	display: flex;
	flex-wrap: wrap;		
}
.mabel-blog-box {
	padding:30px;
}
.mabel-blog-box p.post-meta,
.mabel-blog p.post-meta {
	order:1;
	display: flex;
	flex-wrap:wrap;
	column-gap: 15px;
	margin-bottom:15px;
}
.mabel-blog-box p.post-meta a,
.mabel-blog p.post-meta a ,
.mabel-blog-box p.post-meta span,
.mabel-blog p.post-meta span{
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	color:var(--color1)!important;
}
.mabel-blog-box p.post-meta span,
.mabel-blog p.post-meta span {
	font-weight: 400;
}
.mabel-blog-box h4.entry-title,
.mabel-blog h4.entry-title {
	order:2;
	font-weight: 700;
	font-size: 24px;
	line-height: 34px;
	color: var(--color2);
	padding-bottom:15px;
}
.mabel-blog-box .post-content,
.mabel-blog .post-content {
	order:3;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #717173;
}
@media(max-width:980px){
	.mabel-blog .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(2,1fr);
	}
	.mabel-blog-box h4.entry-title,
	.mabel-blog h4.entry-title {
		font-size: 22px;
		line-height: 32px;
	}	
	.mabel-blog-box p.post-meta a,
	.mabel-blog-box p.post-meta span,
	.mabel-blog p.post-meta a,
	.mabel-blog p.post-meta span {
		font-size: 18px;
		line-height: 28px;
	}
}
@media(max-width:767px){
	.mabel-blog .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(1,1fr);
	}
	.mabel-blog-box{
		padding: 20px;
	}
	.mabel-blog-box h4.entry-title,
	.mabel-blog h4.entry-title {
		font-size: 20px;
		line-height: 30px;
	}	
	.mabel-blog-box p.post-meta a,
	.mabel-blog-box p.post-meta span,
	.mabel-blog p.post-meta a,
	.mabel-blog p.post-meta span {
		font-size: 16px;
		line-height: 26px;
	}
}

/* Blog 3 & 4 */
.mabel-blog.mabel-blog-3-col .et_pb_ajax_pagination_container {
	grid-template-columns: repeat(3,1fr);
}
.mabel-blog.mabel-blog-3-col  p.post-meta span{
	width: 100%;
}
.mabel-blog.mabel-blog-4-col .et_pb_ajax_pagination_container {
	grid-template-columns: repeat(4,1fr);
}
.mabel-blog.mabel-blog-4-col .mabel-blog-box{
	padding:20px!important;
}
@media(max-width:1024px){
	.mabel-blog.mabel-blog-4-col p.post-meta span{	
		font-size: 18px;
		line-height: 28px;
	}
}
@media(max-width:980px){
	.mabel-blog.mabel-blog-4-col .et_pb_ajax_pagination_container,
	.mabel-blog.mabel-blog-3-col .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(2,1fr);
	}
}
@media(max-width:767px){
	.mabel-blog.mabel-blog-4-col .et_pb_ajax_pagination_container,
	.mabel-blog.mabel-blog-3-col .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(1,1fr);
	}
	.mabel-blog.mabel-blog-3-col  p.post-meta span{
		width: auto;
	}
}

/* Blog Right Image */
.mabel-blog.mabel-left-blog.mabel-right-blog .et_pb_ajax_pagination_container .et_pb_post {
	flex-direction: row-reverse;
}
.mabel-right-blog .et_pb_post img{
	border-radius: 0 10px 10px 0!important;
}

/* Blog Left Image */
.mabel-left-blog .et_pb_ajax_pagination_container {
	grid-template-columns: repeat(1,1fr)!important;
}
.mabel-left-blog .et_pb_post{
	display:flex;
	align-items:center;
}
.mabel-left-blog .et_pb_post .entry-featured-image-url{
	width: 100%;
	max-width: 400px;
	margin:0;
	height:100%;
}
.mabel-left-blog .et_pb_post img{
	border-radius: 10px 0 0 10px;
	width:100%;
	height:100%;
}
.mabel-left-blog .mabel-blog-box{
	padding: 30px;
}
@media(max-width:980px){
	.mabel-left-blog .et_pb_post,
	.mabel-blog.mabel-left-blog.mabel-right-blog .et_pb_ajax_pagination_container .et_pb_post {
		flex-direction:column;
	}
	.mabel-left-blog .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(2,1fr)!important;
	}
	.mabel-left-blog .et_pb_post .entry-featured-image-url{
		max-width: 100%;
	}
	.mabel-left-blog .et_pb_post img{
		border-radius: 10px 10px 0 0!important;
	}
}
@media (max-width: 768px){
	.mabel-left-blog .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(1,1fr)!important;
	}
}

/* Blog Details */
.mabel-blog-details .et_pb_title_meta_container{
	display: flex;
	flex-direction: row-reverse;
	column-gap: 15px;
	margin-bottom: 30px;
	justify-content: start;
}
.mabel-blog-details .et_pb_title_meta_container span,
.mabel-blog-details .et_pb_title_meta_container a {
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	color: var(--color1)!important;
}
.mabel-blog-details .et_pb_title_meta_container a {
	font-weight: 600;
}
.mabel-blog-details .et-pb-icon{
	color:var(--color2)!important;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}
.mabel-blog-details .et_pb_social_media_follow {
	display: flex;
	right: auto;
	left: 85px;
	top: auto;
	bottom: 0px;
	position: absolute;
}
.mabel-blog-details .et_pb_social_media_follow li {
	display: block!important;
	margin-right: 0px!important;
	margin-bottom: 0px!important;
}
.mabel-blog-details .et_pb_social_media_follow li a.icon:before {
	color: var(--color2)!important;
	border: 1px solid var(--color2);
	border-radius: 50px;
	transition: all 0.5s ease!important;
}
.mabel-blog-details .et_pb_social_media_follow li a.icon:hover:before {
	color: #fff!important;
	background: var(--color1)!important;
	border-color: var(--color1)!important;
}

/* SideBar */
.mabel-blog-details-sidebar h2{
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	color:  var(--color2)!important;
	padding-bottom:15px;
}
.mabel-blog-details-sidebar ul li{
	padding:15px 15px 13px 30px;
	margin:0;
	border-bottom: 1px solid #D9D9D9;
}
.mabel-blog-details-sidebar ul li a{
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #717173;
	position: relative;
	transition: all 0.5s ease!important;
}
.mabel-blog-details-sidebar ul li a:before{
	content: '\39'!important;
	font-family: ETmodules;
	display: inline-block;
	position: absolute;
	top: 0;
	left:-38px;
	border: none!important;
	color: #717173;
	line-height: 26px;
	font-size:30px;
	text-align: center;
	transition: all .5s ease;
}
.mabel-blog-details-sidebar ul li a:hover,
.mabel-blog-details-sidebar ul li a:hover:before {
	color:  var(--color1)!important;
}
.mabel-blog-details-sidebar h5{
	font-weight: 700;
	font-size: 36px;
	line-height: 46px;
	text-align: center;
	color: #FFFFFF;
	padding-bottom:40px;
}

/* Comment */
.comment-form-url{
	padding:0!important;
}
@media(max-width:980px){
	.mabel-blog-details .et_pb_title_meta_container span ,
	.mabel-blog-details .et_pb_title_meta_container a,
	.mabel-blog-details-sidebar h2 {
		font-size: 18px;
		line-height: 28px;
	}
	.mabel-blog-details-sidebar h2{
		margin: 0 0 0 0!important;
	}
	.mabel-blog-details-sidebar .et_pb_widget_area ul{
		margin-left:0!important;
	}
	.mabel-blog-details-sidebar .et_pb_widget.widget_block{
		width:100%!important;
		margin:0 0 0 0!important;
	}
	.mabel-blog-details-sidebar h5{
		font-size: 32px;
		line-height: 42px;
	}
}
@media(max-width:767px){
	.mabel-blog-details .et_pb_title_meta_container span,
	.mabel-blog-details .et_pb_title_meta_container a,
	.mabel-blog-details-sidebar h2 {
		font-size: 16px;
		line-height: 26px;
	}
	.mabel-blog-details-sidebar h5{
		font-size: 26px;
		line-height: 36px;
	}
}

/* Contact Us Section CSS */
.mabel-contact .et_pb_blurb_description a {
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	color: var(--color2);
	transition: all 0.5s ease!important;
}
.mabel-contact .et-pb-icon,
.mabel-contact .et_pb_blurb_description a:hover{
	color: var(--color1)!important;
}
.mabel-contact .et_pb_blurb:before{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	background:var(--color1);
	opacity:0;
	box-shadow: 0px 0px 13px -2px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	transition: all 0.5s ease!important;
}
.mabel-contact .et_pb_blurb:hover:before{
	opacity:0.2;
}

/* Form */
.mabel-contact .et_pb_contact_form {
	margin-left: 0;
}
.mabel-contact p.et_pb_contact_field {
	padding: 0!important;
	margin-bottom: 30px!important;
}
.mabel-contact form p:nth-child(3) {
	padding-right: 15px!important;
}
.mabel-contact form p:nth-child(4) {
	padding-left: 15px!important;
}
.mabel-contact form .et_contact_bottom_container {
	width: 100%;
	padding-top: 15px;
}
@media(max-width:980px){
	.mabel-contact .et_pb_blurb_description a {
		font-size: 18px;
		line-height: 28px;
	}
}
@media(max-width:767px){
	.mabel-contact form p:nth-child(3) {
		padding-right: 0px!important;
	}
	.mabel-contact form p:nth-child(4) {
		padding-left: 0px!important;
	}	
	.mabel-contact .et_pb_blurb_description a {
		font-size: 16px;
		line-height: 26px;
	}
}
@media(max-width:425px){
	.mabel-contact .et_pb_contact_form_container  {
		padding:20px!important;
	}
}

/* Team Section  CSS*/
.mabel-team .et_pb_team_member_image {
	width: 100%;
	max-width: 100%;
	position: relative;
	z-index: -3;
}
.mabel-team  .et_pb_team_member_image:before{
	content: "";
	width: 100%;
	height: 0;
	background: var(--color2);
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0;
	transform-origin: 0 0 0;
	transition: all 0.5s ease ;
}
.mabel-team .et_pb_team_member:hover .et_pb_team_member_image:before{
	height: 100%;
	opacity: 0.4;
}
.mabel-team h6{
	width: 100%;
	font-weight: 700;
	font-size: 24px!important;
	line-height: 34px!important;
	color: #FFFFFF!important;
	padding-bottom:10px;
}
.mabel-team .et_pb_team_member_description{
	position: absolute;
	bottom: -50%;
	left: 25px;
	display: inline-block;
	transition: all 0.5s ease ;
}
.mabel-team .et_pb_team_member:hover
.et_pb_team_member_description{
	bottom: 5%;
}
.mabel-team .et_pb_team_member_image img {
	box-shadow: 0px 0px 15px -4px rgba(0, 0, 0, 0.25);
}
@media (max-width: 980px){
	.mabel-team .et_pb_team_member_image img {
		width: 100%;
	}
	.mabel-team h6{
		font-size: 22px!important;
		line-height: 32px!important;
	}
}
@media (max-width: 767px){
	.mabel-team h6{
		font-size: 20px!important;
		line-height: 30px!important;
	}
}

/* FAQ Section CSS*/
.mabel-faq .et_pb_toggle h5:before,
.mabel-faq .et_pb_toggle.et_pb_toggle_open h5.et_pb_toggle_title:after {
	content: "\4c";
	font-family: "Etmodules";
	font-weight: 900;
	width: 22.5px;
	height: 22.5px;
	line-height: 22px;
	font-size: 15px;
	color: var(--color1);
	text-align: center;
	border: 2px solid var(--color1);
	position: absolute;
	top: 10px;
	left: 0px;
	transition: all 0.5s ease ;
}
.mabel-faq .et_pb_toggle.et_pb_toggle_open h5.et_pb_toggle_title:after {
	top: 0;
	left: 0px;
}

/* Search Page CSS */
.mabel-search .et_pb_post {
	margin-bottom:25px!important;
	padding:25px!important;
	background: #FFFFFF;
	box-shadow: 0px 0px 12px -4px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
}
.mabel-search .et_pb_post:last-child{
	margin-bottom:0px!important;
}