
/*----------------------------------------*/
/*  00 - Section Title
/*----------------------------------------*/
.cleanzain-heading-subheading {
    margin-bottom: 50px;
	position: relative;
    z-index: 1;
}
.cleanzain-heading-subheading .cleanzain-subtitle{
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-style: normal;
	position: relative;
	display: inline-block;
	padding-left: 22px;
}
.cleanzain-heading-subheading .cleanzain-subtitle:before{
	content: "\e820";
    font-family: 'cleanzain-base-icons';
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: var(--cleanzain-global-color);
}
.cleanzain-heading-subheading .cleanzain-title{
    font-size: 55px;
    letter-spacing: 0.25px;
    text-transform: none;
    font-style: normal;
	margin-bottom: 0; line-height: 55px;
}
.cleanzain-heading-subheading .cleanzain-heading-desc{
	margin-top: 30px;
	font-weight: normal;
    letter-spacing: 0px;
    color: #565656;
    text-transform: none;
}
.cleanzain-bg-color-blackish .cleanzain-heading-subheading .cleanzain-subtitle,
.cleanzain-bg-color-blackish .cleanzain-heading-subheading .cleanzain-title,
.bg-blackish .cleanzain-heading-subheading .cleanzain-subtitle,
.bg-blackish .cleanzain-heading-subheading .cleanzain-title{
	color: var(--cleanzain-white-color);
}
.cleanzain-heading-subheading.white-text .cleanzain-title,
.cleanzain-heading-subheading.white-text .cleanzain-subtitle{
	color: var(--cleanzain-white-color);
}
/*=== For the same css ===*/
.cleanzain-blog-btn,
.cleanzain-price-btn a, 
.cleanzain-ihbox .cleanzain-ihbox-btn a {
    color: var(--cleanzain-blackish-color);
    transition: all .4s ease-in;
}
.cleanzain-ihbox-btn a,
.cleanzain-blog-btn,
.cleanzain-header-button,
.cleanzain-price-btn a{
	font-family: var(--cleanzain-heading-typography-font-family);
	font-weight: 600;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0px;
    text-transform: capitalize;
    font-style: normal;
}
.cleanzain-ihbox-btn .cleanzain-button-icon-wrapper,
.cleanzain-blog-btn .cleanzain-button-icon-wrapper{
	position: relative;
    overflow: hidden;
    display: inline-flex;
    margin-left: 6px;
    font-size: 12px;
}
.cleanzain-ihbox-btn .cleanzain-button-icon-wrapper::before,
.cleanzain-blog-btn .cleanzain-button-icon-wrapper::before{
    content: "\e8dd";
    font-family: "cleanzain-base-icons";
    position: absolute;
    top: 0;
    right: 0;
    width: 1em;
    height: auto;
    font-weight: 400;
    transform: scale(.26) translate(-58px, 50px);
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.cleanzain-ihbox-btn .cleanzain-button-icon,
.cleanzain-blog-btn .cleanzain-button-icon{
    display: inline-block;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.cleanzain-ihbox-btn a:hover .cleanzain-button-icon-wrapper::before,
.cleanzain-blog-btn:hover .cleanzain-button-icon-wrapper::before{
    transform: scale(1) translate(-2px, 0);
}
.cleanzain-ihbox-btn a:hover .cleanzain-button-icon,
.cleanzain-blog-btn:hover .cleanzain-button-icon {
    transform: scale(.26) translate(45px, -50px);
}
.cleanzain-ele-fid-style-1 .cleanzain-fid-inner,
blockquote,
.cleanzain-ihbox .cleanzain-ihbox-box-number,
.widget-recent-post .cleanzain-rpw-title a,
.cleanzain-portfolio-lines-wrapper .cleanzain-portfolio-line-title,
.cleanzain-single-team-info li label,
.progressbar .progress-label,
.progress.progress-percent-bg .progress-percent,
.cleanzain-element-timeline-style-1 .cleanzain-timeline-year{
	font-family: var(--cleanzain-heading-typography-font-family);
    font-weight: 700;
    font-style: normal;
}
.cleanzain-ihbox-style-4 .cleanzain-element-subtitle,
.list-group .cleanzain-icon-list-text,
.sidebar .widget-categories .cleanzain-brackets,
.cleanzain-rpw-content .cleanzain-rpw-date a{
	font-family: var(--cleanzain-heading-typography-font-family);
	font-weight: 500;
    font-style: normal;
}

/*----------------------------------------*/
/*  01 - Icon Box
/*----------------------------------------*/
/** Style 1 **/
.cleanzain-ihbox-style-1 {
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
.cleanzain-ihbox-style-1:hover {
	transform: translate(0, -5px);
}
.cleanzain-element-viewtype-carousel .cleanzain-ihbox-style-1 {
	padding-top: 5px;
}
.cleanzain-ihbox-style-1 .cleanzain-ihbox-svg,
.cleanzain-ihbox-style-1 .cleanzain-ihbox-icon {
	margin-bottom: 25px;
	display: inline-block;
}
.cleanzain-ihbox-style-1 .cleanzain-ihbox-svg,
.cleanzain-ihbox-style-1 .cleanzain-icon-type-icon,
.cleanzain-ihbox-style-1 .cleanzain-ihbox-icon-type-text {
	width: 70px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	border-radius: 20px;
	text-align: center;
	font-size: 50px;
	line-height: 45px;
	color: var(--cleanzain-global-color);
    background-color: #fbf5da;
}
.cleanzain-ihbox-style-1 .cleanzain-ihbox-svg svg {
	width: 50px;
	height: 50px;
	fill: var(--cleanzain-blackish-color);
}
.cleanzain-ihbox-style-1 .cleanzain-ihbox-icon-type-text {
	font-size: 24px;
}
.cleanzain-ihbox-style-1 .cleanzain-ihbox-icon-type-image img {
	width: 70px;
	height: auto;
}
.cleanzain-ihbox-style-1 .cleanzain-element-title {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 8px;
}
.cleanzain-ihbox-style-1 .cleanzain-element-subtitle {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 5px;
}

/** Style 2 **/
.cleanzain-ihbox-style-2 {
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
.cleanzain-ihbox-style-2:hover {
	transform: translate(0, -5px);
}
.cleanzain-element-viewtype-carousel .cleanzain-ihbox-style-2 {
	padding-top: 5px;
}
.cleanzain-ihbox-style-2 .cleanzain-ihbox-headingicon {
	display: inline-flex;
	align-items: flex-start;
}
.cleanzain-ihbox-style-2 .cleanzain-ihbox-svg,
.cleanzain-ihbox-style-2 .cleanzain-ihbox-icon {
	margin-right: 20px;
	display: inline-block;
}
.cleanzain-ihbox-style-2 .cleanzain-ihbox-svg,
.cleanzain-ihbox-style-2 .cleanzain-icon-type-icon,
.cleanzain-ihbox-style-2 .cleanzain-ihbox-icon-type-text {
	min-width: 70px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	border-radius: 20px;
	text-align: center;
	font-size: 50px;
	line-height: 45px;
	color: var(--cleanzain-secondary-color);
	background-color: var(--cleanzain-light-color);
}
.cleanzain-ihbox-style-2 .cleanzain-ihbox-svg svg {
	width: 50px;
	height: 50px;
	fill: var(--cleanzain-secondary-color);
}
.cleanzain-ihbox-style-2 .cleanzain-ihbox-icon-type-text {
	font-size: 24px;
}
.cleanzain-ihbox-style-2 .cleanzain-ihbox-icon-type-image img {
	width: 70px;
	height: auto;
}
.cleanzain-ihbox-style-2 .cleanzain-element-title {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 8px;
}
.cleanzain-ihbox-style-2 .cleanzain-element-subtitle {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 5px;
}
.cleanzain-ihbox-style-2 .cleanzain-heading-desc {
	margin-bottom: 0;
}
/* Bg Color */
.cleanzain-bg-color-light .cleanzain-ihbox-style-2 .cleanzain-ihbox-svg,
.cleanzain-bg-color-light .cleanzain-ihbox-style-2 .cleanzain-icon-type-icon,
.cleanzain-bg-color-light .cleanzain-ihbox-style-2 .cleanzain-ihbox-icon-type-text {
	background-color: var(--cleanzain-white-color);
}

/** Style 3 **/
.cleanzain-ihbox-style-3 {
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
.cleanzain-ihbox-style-3 .cleanzain-ihbox-wrap {
	display: inline-flex;
	align-items: center;
}
.cleanzain-miconheading-style-3 .cleanzain-ihbox-style-3 .cleanzain-ihbox-wrap {
	align-items: flex-start;
}
.cleanzain-ihbox-style-3 .cleanzain-ihbox-svg,
.cleanzain-ihbox-style-3 .cleanzain-ihbox-icon {
	margin-right: 20px;
	display: inline-block;
}
.cleanzain-ihbox-style-3 .cleanzain-ihbox-svg,
.cleanzain-ihbox-style-3 .cleanzain-icon-type-icon,
.cleanzain-ihbox-style-3 .cleanzain-ihbox-icon-type-text {
	min-width: 70px;
	height: 70px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	border-radius: 25px;
	text-align: center;
	font-size: 50px;
	line-height: 45px;
	color: var(--cleanzain-secondary-color);
	background-color: var(--cleanzain-light-color);
}
.cleanzain-ihbox-style-3 .cleanzain-ihbox-svg svg {
	width: 50px;
	height: 50px;
	fill: var(--cleanzain-secondary-color);
}
.cleanzain-ihbox-style-3 .cleanzain-ihbox-icon-type-text {
	font-size: 24px;
}
.cleanzain-ihbox-style-3 .cleanzain-ihbox-icon-type-image img {
	width: 70px;
	height: auto;
}
.cleanzain-ihbox-style-3 .cleanzain-element-title a,
.cleanzain-ihbox-style-3 .cleanzain-element-title {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 0;
	color: var(--cleanzain-blackish-color);
}
.cleanzain-ihbox-style-3 .cleanzain-element-title em {
	font-style: normal;
	color: var(--cleanzain-white-color);
}
.cleanzain-ihbox-style-3 .cleanzain-element-subtitle a,
.cleanzain-ihbox-style-3 .cleanzain-element-subtitle {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 5px;
	color: var(--cleanzain-blackish-color);
}
.cleanzain-ihbox-style-3 {
	padding: 25px 25px 0 0;
    position: relative;
    background-color: var(--cleanzain-white-color);
    border-radius: 0 30px 0 0;
}
.cleanzain-ihbox-style-3 .cleanzain-ihbox-headingicon {
    display: inline-block;
    padding: 25px;
    border-radius: 25px;
    background-color: var(--cleanzain-global-color);
}
.cleanzain-ihbox-style-3 .cleanzain-ihbox-btn a {
	color: var(--cleanzain-blackish-color);
}
.cleanzain-ihbox-style-3 .cleanzain-ihbox-btn a:hover {
	color: var(--cleanzain-white-color);
}
/* Sticky Corner */
.cleanzain-sticky-corner {
    width: 30px;
    height: 30px;
    position: absolute;
    transform: rotate(-90deg);
}
.cleanzain-bottom-left-corner {
    bottom: 0;
    left: -30px;
    transform: none;
}
.cleanzain-ihbox-style-3 .cleanzain-sticky-corner {
	transform: rotate(90deg);
}
.cleanzain-ihbox-style-3 .cleanzain-top-right-corner {
	top: auto;
	right: -30px;
	bottom: 0;
}
.cleanzain-ihbox-style-3 .cleanzain-bottom-left-corner{
	top: -30px;
	left: 0px;
}
.cleanzain-element-column-four .cleanzain-ihbox-style-3 .cleanzain-ihbox-wrap {
	display: block;
}
.cleanzain-ihbox-style-3 .cleanzain-sticky-corner svg path{
	fill: var(--cleanzain-white-color);
}
/* Bg Color */
.cleanzain-bg-color-light .cleanzain-ihbox-style-3{
	background-color: var(--cleanzain-light-color);
}
.cleanzain-bg-color-light .cleanzain-sticky-corner svg path{
	fill: var(--cleanzain-light-color);
}

/** Style 4 **/
.cleanzain-ihbox-style-4 {
	display: inline-block;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
.cleanzain-ihbox-style-4 .cleanzain-ihbox-headingicon {
	display: inline-flex;
	align-items: center;
}
.cleanzain-miconheading-style-4 .cleanzain-ihbox-style-4 .cleanzain-ihbox-headingicon {
	align-items: flex-start;
}
.cleanzain-ihbox-style-4 .cleanzain-ihbox-svg,
.cleanzain-ihbox-style-4 .cleanzain-ihbox-icon {
	margin-right: 20px;
	display: inline-block;
}
.cleanzain-ihbox-style-4 .cleanzain-ihbox-svg,
.cleanzain-ihbox-style-4 .cleanzain-icon-type-icon,
.cleanzain-ihbox-style-4 .cleanzain-ihbox-icon-type-text {
	font-size: 70px;
	line-height: 70px;
	color: var(--cleanzain-global-color);
}
.cleanzain-ihbox-style-4 .cleanzain-ihbox-svg svg {
	width: 70px;
	height: 70px;
	fill: var(--cleanzain-global-color);
}
.cleanzain-ihbox-style-4 .cleanzain-ihbox-icon-type-text {
	font-size: 30px;
}
.cleanzain-ihbox-style-4 .cleanzain-ihbox-icon-type-image img {
	width: 70px;
	height: auto;
}
.cleanzain-ihbox-style-4 .cleanzain-element-title {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 0;
}
.cleanzain-ihbox-style-4 .cleanzain-element-subtitle {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 2px;
	text-transform: uppercase;
	color: #565656;
}
.cleanzain-ihbox-style-4 .cleanzain-heading-desc {
	margin-bottom: 0;
}


/** Style 6 **/
.cleanzain-ihbox-style-6 {
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
.cleanzain-ihbox-style-6 {
	position: relative;
}
.cleanzain-ihbox-style-6:hover {
	transform: translate(0, -5px);
}
.cleanzain-ihbox-style-6 .cleanzain-ihbox-headingicon {
	padding: 65px 40px 40px 40px;
	border: 1px solid #e5e5e5;
	border-radius: 30px;
}
.cleanzain-ihbox-style-6 .cleanzain-ihbox-contents {
	margin-bottom: 65px;
}
.cleanzain-ihbox-style-6 .cleanzain-element-subtitle {
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 0;
    text-transform: uppercase;
}
.cleanzain-ihbox-style-6 .cleanzain-element-title {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 15px;font-weight: normal;
}
.cleanzain-ihbox-style-6 .cleanzain-ihbox-svg,
.cleanzain-ihbox-style-6 .cleanzain-icon-type-icon, 
.cleanzain-ihbox-style-6 .cleanzain-ihbox-icon-type-text {
    font-size: 85px;
    line-height: 70px;
    color: var(--cleanzain-global-color);
}
.cleanzain-ihbox-style-6 .cleanzain-ihbox-svg svg {
	fill: var(--cleanzain-global-color);
}
.cleanzain-ihbox-style-6 .cleanzain-content-number {
	position: absolute;
	right: 0;
	bottom: 0;
}
.cleanzain-ihbox-style-6 .cleanzain-wrap-number {
	border-radius: 30px 0 0 0px;
	padding: 10px 0 0 10px;
	background-color: var(--cleanzain-white-color);
	border-left: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
}
.cleanzain-ihbox-style-6 .cleanzain-ihbox-box-number {
	min-width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 100%;
    text-align: center;
    font-size: 18px;
	z-index: 1;
	position: relative;
    color: var(--cleanzain-blackish-color);
    background-color: var(--cleanzain-light-color);
}
.cleanzain-ihbox-style-6 .cleanzain-content-number::after,
.cleanzain-ihbox-style-6 .cleanzain-content-number::before {
	content: "";
	position: absolute;
	top: -29px;
	right: 0px;
	height: 30px;
	width: 30px;
	border-radius: 0 0 20px 0;
	background-color: transparent;
	border: 1px solid #e5e5e5;
	border-top: 0;
	border-left: 0;
	box-shadow: 0 15px 0 0 var(--cleanzain-white-color);
}
.cleanzain-ihbox-style-6 .cleanzain-content-number::after{
	top: inherit;
	bottom: 0;
	left: -29px;
	right: 0;
}
.cleanzain-gap-40px .cleanzain-miconheading-style-6 {
	padding: 0 20px;
	margin-bottom: 40px;
}
.cleanzain-bg-color-blackish .cleanzain-ihbox-style-6 .cleanzain-ihbox-box-number{
	background-color: var(--cleanzain-white-color);
}
.cleanzain-bg-color-blackish .cleanzain-ihbox-style-6 .cleanzain-ihbox-box-number {
	color: var(--cleanzain-blackish-color);
}
.cleanzain-bg-color-blackish .cleanzain-ihbox-style-6 .cleanzain-wrap-number,
.cleanzain-bg-color-blackish .cleanzain-ihbox-style-6 .cleanzain-ihbox-headingicon {
	border-color: #33465f;
}
.cleanzain-bg-color-blackish .cleanzain-ihbox-style-6 .cleanzain-wrap-number {
	background-color: var(--cleanzain-blackish-color);
}
.cleanzain-bg-color-blackish .cleanzain-ihbox-style-6 .cleanzain-content-number::after,
.cleanzain-bg-color-blackish .cleanzain-ihbox-style-6 .cleanzain-content-number::before {
	box-shadow: 0 16px 0 0 var(--cleanzain-blackish-color);
	border-color: #33465f;
}
.cleanzain-bg-color-blackish .cleanzain-ihbox .cleanzain-element-title{
    color: var(--cleanzain-white-color);
}
.cleanzain-bg-color-blackish .cleanzain-heading-desc{
    color: rgba(var(--cleanzain-white-color-rgb), .8);
}

/** Style 7 **/
.cleanzain-ihbox-style-7 {
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
.cleanzain-ihbox-style-7 .cleanzain-icon-wrapper {
	display: flex;
	align-items: center;
}
.cleanzain-ihbox-style-7 .cleanzain-ihbox-svg,
.cleanzain-ihbox-style-7 .cleanzain-ihbox-icon {
	padding-right: 15px;
}
.cleanzain-ihbox-style-7 .cleanzain-ihbox-svg,
.cleanzain-ihbox-style-7 .cleanzain-icon-type-icon,
.cleanzain-ihbox-style-7 .cleanzain-ihbox-icon-type-text {
    font-size: 25px;
    line-height: 25px;
    color: var(--cleanzain-global-color);
}
.cleanzain-ihbox-style-7 .cleanzain-element-title {
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 0;
}
.cleanzain-ihbox-style-7 .cleanzain-element-subtitle {
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 0;
    text-transform: uppercase;
}
.cleanzain-miconheading-style-7 .cleanzain-content-wrap {
	padding-top: 10px;
}



/** Style 10 **/
.cleanzain-ihbox-style-10 {
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
.cleanzain-ihbox-style-10 {
	position: relative;
}
.cleanzain-element-viewtype-carousel .cleanzain-ihbox-style-10 {
	padding-top: 5px;
}
.cleanzain-ihbox-style-10:hover {
	transform: translate(0, -5px);
}
.cleanzain-ihbox-style-10 .cleanzain-ihbox-headingicon {
	padding: 65px 40px 40px 40px;
	border: 1px solid #e5e5e5;
	border-radius: 30px;
}
.cleanzain-ihbox-style-10 .cleanzain-ihbox-contents {
	margin-bottom: 30px;
}
.cleanzain-ihbox.cleanzain-ihbox-style-10 .cleanzain-ihbox-box-number {
	margin-bottom: 10px;
}
.cleanzain-ihbox-style-10 .cleanzain-element-subtitle {
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 0;
	text-transform: uppercase;
}
.cleanzain-ihbox-style-10 .cleanzain-element-title {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 15px;
}
.cleanzain-ihbox-style-10 .cleanzain-ihbox-svg,
.cleanzain-ihbox-style-10 .cleanzain-icon-type-icon,
.cleanzain-ihbox-style-10 .cleanzain-ihbox-icon-type-text {
	width: 70px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	border-radius: 20px;
	text-align: center;
	font-size: 40px;
	line-height: 45px;
	color: var(--cleanzain-blackish-color);
	background-color: var(--cleanzain-light-color);
}
.cleanzain-ihbox-style-10 .cleanzain-ihbox-svg svg {
	fill: var(--cleanzain-global-color);
}
.cleanzain-ihbox-style-10 .cleanzain-ihbox-btn .cleanzain-button-text {
	font-size: 0;
}
.cleanzain-ihbox-style-10 .cleanzain-ihbox-btn a .cleanzain-button-icon-wrapper {
	margin: 0 !important;
}
.cleanzain-ihbox-style-10 .cleanzain-btn-wrap {
	position: absolute;
	right: 0;
	bottom: 0;
}
.cleanzain-ihbox-style-10 .cleanzain-heading-desc {
	word-break: break-all;
}
.cleanzain-ihbox-style-10 .cleanzain-ihbox-btn {
	border-radius: 30px 0 0 0px;
	padding: 10px 0 0 10px;
	background-color: var(--cleanzain-white-color);
	border-left: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
}
.cleanzain-ihbox-style-10 .cleanzain-ihbox-btn a{
	min-width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	border-radius: 100%;
	text-align: center;
	font-size: 18px;
	z-index: 2;
	position: relative;
	color: var(--cleanzain-blackish-color) !important;
	background-color: var(--cleanzain-light-color);
}
.cleanzain-ihbox-style-10 .cleanzain-ihbox-btn a:hover {
	color: var(--cleanzain-white-color) !important;
	background-color: var(--cleanzain-blackish-color);
}
.cleanzain-ihbox-style-10 .cleanzain-ihbox-btn::after,
.cleanzain-ihbox-style-10 .cleanzain-ihbox-btn::before {
	content: "";
	position: absolute;
	top: -29px;
	right: 0;
	height: 30px;
	width: 30px;
	border-radius: 0 0 20px 0;
	background-color: transparent;
	border: 1px solid #e5e5e5;
	border-top: 0;
	border-left: 0;
	box-shadow: 0 15px 0 0 var(--cleanzain-white-color);
}
.cleanzain-ihbox-style-10 .cleanzain-ihbox-btn::after{
	top: inherit;
	bottom: 0;
	left: -29px;
	right: 0;
}
.cleanzain-gap-40px .cleanzain-miconheading-style-10{
	padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 40px;
}

/** Style 12 **/
.cleanzain-miconheading-style-12{
	margin-bottom: 30px;
}
.cleanzain-ihbox-style-12 {
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
.cleanzain-ihbox-style-12:hover {
	transform: translate(0, -5px);
}
.cleanzain-ihbox-style-12 .cleanzain-ihbox-wrap {
	border-radius: 30px;
	padding: 40px;
	border: 1px solid rgba(var(--cleanzain-blackish-color-rgb), 0.1);
}
.cleanzain-element-viewtype-carousel .cleanzain-ihbox-style-12 {
	padding-top: 5px;
}
.cleanzain-ihbox-style-12 .cleanzain-icon-wrap {
	display: flex;
	margin-bottom: 35px;
	justify-content: space-between;
}
.cleanzain-ihbox-style-12 .cleanzain-ihbox-box-number {
	font-size: 55px;
	line-height: 55px;
	font-weight: 800;
	color: var(--cleanzain-blackish-color);
	font-family: var(--cleanzain-body-typography-font-family);
}
.cleanzain-ihbox-style-12 .cleanzain-ihbox-svg,
.cleanzain-ihbox-style-12 .cleanzain-ihbox-icon {
	display: inline-block;
}
.cleanzain-ihbox-style-12 .cleanzain-ihbox-svg,
.cleanzain-ihbox-style-12 .cleanzain-icon-type-icon,
.cleanzain-ihbox-style-12 .cleanzain-ihbox-icon-type-text {
	width: 80px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	border-radius: 20px;
	text-align: center;
	font-size: 50px;
	line-height: 45px;
	color: var(--cleanzain-global-color);
	background-color: var(--cleanzain-light-color);
}
.cleanzain-ihbox-style-12 .cleanzain-ihbox-svg svg {
	width: 50px;
	height: 50px;
	fill: var(--cleanzain-global-color);
}
.cleanzain-ihbox-style-12 .cleanzain-ihbox-icon-type-text {
	font-size: 24px;
}
.cleanzain-ihbox-style-12 .cleanzain-ihbox-icon-type-image img {
	width: 80px;
	height: auto;
}
.cleanzain-ihbox-style-12 .cleanzain-element-title {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 8px;
}
.cleanzain-ihbox-style-12 .cleanzain-element-subtitle {
	font-size: 12px;
	line-height: 12px;
	margin-bottom: 0;
	text-transform: uppercase;
	position: absolute;
	top: 50%;
	left: 0;
	padding: 2px 5px 2px 0;
	background-color: var(--cleanzain-white-color);
	-khtml-transform: translateX(0%) translateY(-50%);
	-moz-transform: translateX(0%) translateY(-50%);
	-ms-transform: translateX(0%) translateY(-50%);
	-o-transform: translateX(0%) translateY(-50%);
	transform: translateX(0%) translateY(-100%);
}
.cleanzain-ihbox-style-12 .cleanzain-text-wrap {
	position: relative;
}



/*----------------------------------------*/
/*  03 - Counter
/*----------------------------------------*/
/** Style 1 **/
.cleanzain-ele-fid-style-1 .cleanzain-circle{
	position: relative;
	display: inline-block;
}
.cleanzain-ele-fid-style-1 .cleanzain-circle canvas{
	transform: rotate(0deg) translate(0px, 4px);
}
.cleanzain-ele-fid-style-1 .cleanzain-fid-inner{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	height: 90px;
	width: 90px;
	top: 50%;
	left: 50%;
	font-size: 24px;
	line-height: 28px;
	color: var(--cleanzain-blackish-color);
	background-color: var(--cleanzain-light-color);
	transform: translate(-50%, -50%);
}
.cleanzain-ele-fid-style-1 .cleanzain-fid-title{
	font-size: 20px;
	line-height: 24px;
	margin: 0;
}
.cleanzain-ele-fid-style-1 .cleanzain-fid-sub{
	margin-left: 20px;
}
.cleanzain-ele-fid-style-1 .cleanzain-fid-inner sub,
.cleanzain-ele-fid-style-1 .cleanzain-fid-inner sup{
	top: -7px;
	font-size: 15px;
	line-height: 15px;
}
.cleanzain-ele-fid-style-1 .cleanzain-fid-inner sub{
	top: inherit;
	bottom: -2px;
}
/* Bg Color Set */
.cleanzain-bg-color-light .cleanzain-ele-fid-style-1 .cleanzain-fid-inner {
	background-color: var(--cleanzain-white-color);
}

/** Style 2 **/
.cleanzain-ele-fid-style-2 .cleanzain-fid-inner {
	font-size: 100px;
    line-height: 100px;
	margin-bottom: 20px;
	font-family: var(--cleanzain-body-typography-font-family);
	font-weight: 800;
    font-style: normal;
}
.cleanzain-ele-fid-style-2 .cleanzain-fid-inner .cleanzain-number-rotate {
	color: transparent;
	-webkit-text-stroke: 1px var(--cleanzain-blackish-color)
}
.cleanzain-ele-fid-style-2 .cleanzain-fid-inner .cleanzain-fid-before span {
	margin-right: -20px;
}
.cleanzain-ele-fid-style-2 .cleanzain-fid-inner .cleanzain-fid span {
	margin-left: -20px;
}
.cleanzain-ele-fid-style-2 .cleanzain-heading-desc {
	font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}
.cleanzain-ele-fid-style-2 .cleanzain-fid-inner sub,
.cleanzain-ele-fid-style-2 .cleanzain-fid-inner sup {
	font-size: 80px;
	line-height: 80px;
	bottom: 0;
}
.cleanzain-ele-fid-style-2 .cleanzain-fid-before sup,
.cleanzain-ele-fid-style-2 .cleanzain-fid sup {
	top: -30px;
}
.cleanzain-ele-fid-style-2 .cleanzain-fid sub,
.cleanzain-ele-fid-style-2 .cleanzain-fid sup {
	margin-left: -20px;
}
.cleanzain-ele-fid-style-2 .cleanzain-fid-before sup,
.cleanzain-ele-fid-style-2 .cleanzain-fid-before sub {
	margin-right: -20px;
}
/* Bg Color */
.cleanzain-bg-color-global .cleanzain-ele-fid-style-2 .cleanzain-fid-inner .cleanzain-number-rotate{
	-webkit-text-stroke: 1px var(--cleanzain-white-color);
}
.cleanzain-bg-color-global .cleanzain-ele-fid-style-2 .cleanzain-heading-desc {
	color:var(--cleanzain-heading-color);
}

/** Style 3 **/
.cleanzain-ele-fid-style-3 .cleanzain-fid-content {
	display: inline-flex;
	align-items: center;
}
.cleanzain-ele-fid-style-3 .cleanzain-fid-inner {
	font-size: 100px;
    line-height: 100px;
	margin-bottom: 0;
	display: flex;
	font-family: var(--cleanzain-body-typography-font-family);
	font-weight: 800;
	font-style: normal;
}
.cleanzain-ele-fid-style-3 .cleanzain-fid-inner .cleanzain-number-rotate {
	color: transparent;
	-webkit-text-stroke: 1px var(--cleanzain-blackish-color)
}
.cleanzain-ele-fid-style-3 .cleanzain-fid-inner sub,
.cleanzain-ele-fid-style-3 .cleanzain-fid-inner sup {
	font-size: 80px;
	line-height: 80px;
	bottom: 0;
}
.cleanzain-ele-fid-style-3 .cleanzain-fid-before sup,
.cleanzain-ele-fid-style-3 .cleanzain-fid sup {
	top: -30px;
}
.cleanzain-ele-fid-style-3 .cleanzain-fid sub,
.cleanzain-ele-fid-style-3 .cleanzain-fid sup {
	margin-left: -20px;
}
.cleanzain-ele-fid-style-3 .cleanzain-fid-before sup,
.cleanzain-ele-fid-style-3 .cleanzain-fid-before sub {
	margin-right: -20px;
}
.cleanzain-ele-fid-style-3 .cleanzain-heading-desc {
	padding-left: 30px;
}


/*----------------------------------------*/
/*  04 - Service
/*----------------------------------------*/
/** Style 1 **/
.cleanzain-service-style-1 .cleanzain-service-image-wrapper .cleanzain-service-btn,
.cleanzain-service-style-1 .cleanzain-featured-wrapper img {
	position: relative;
	-webkit-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.cleanzain-service-style-1 .cleanzain-post-item {
	border-radius: 30px;
	border: 1px solid rgba(var(--cleanzain-blackish-color-rgb), 0.15);
}
.cleanzain-service-style-1 .cleanzain-featured-wrapper{
	overflow: hidden;
	border-radius: 30px;
}
.cleanzain-service-style-1 .cleanzain-featured-wrapper img{
	width: 100%;
}
.cleanzain-service-style-1:hover .cleanzain-featured-wrapper img{
	transform: scale(1.02);
}
.cleanzain-service-style-1 .cleanzain-service-image-wrapper {
	position: relative;
}
.cleanzain-service-style-1 .cleanzain-service-image-wrapper a.cleanzain-link {
	z-index: 0;
}
.cleanzain-service-style-1 .cleanzain-service-btn-wrapper {
	position: absolute;
	right: 50px;
	bottom: -10px;
	display: table;
	text-align: center;
	z-index: 1;
	padding: 8px 8px 0 8px;
	border-radius: 50px 50px 0 0;
	background-color: var(--cleanzain-white-color);
}
.cleanzain-service-style-1 .cleanzain-service-btn-wrapper::after,
.cleanzain-service-style-1 .cleanzain-service-btn-wrapper::before {
	content: "";
	position: absolute;
	background-color: transparent;
	bottom: 10px;
	height: 40px;
	width: 20px;
	box-shadow: 0 20px 0 0 var(--cleanzain-white-color);
}
.cleanzain-service-style-1 .cleanzain-service-btn-wrapper::before {
	right: 100%;
    border-bottom-right-radius: 20px;
}
.cleanzain-service-style-1 .cleanzain-service-btn-wrapper::after{
	left: 100%;
	border-bottom-left-radius: 20px;
}
.cleanzain-service-style-1 .cleanzain-service-image-wrapper .cleanzain-service-btn {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	border-radius: 100%;
	text-align: center;
	font-size: 24px;
	z-index: 2;
	position: relative;
	color: var(--cleanzain-white-color);
	background-color: var(--cleanzain-global-color);
}
.cleanzain-service-style-1:hover .cleanzain-service-image-wrapper .cleanzain-service-btn {
	background-color: var(--cleanzain-blackish-color);
}
.cleanzain-service-style-1 .cleanzain-content-box {
	padding: 40px 35px 30px 35px;
}
.cleanzain-service-style-1 .cleanzain-box-number{
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: var(--cleanzain-global-color);
}
.cleanzain-service-style-1 .cleanzain-service-title{
	position: relative;
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-transform: capitalize;
}
.cleanzain-service-style-1 .cleanzain-service-description p {
	margin-bottom: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.cleanzain-service-style-1 .cleanzain-service-icon {
	width: 70px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	border-radius: 20px;
	text-align: center;
	font-size: 50px;
	line-height: 45px;
	color: var(--cleanzain-blackish-color);
	background-color: var(--cleanzain-light-color);
}
.cleanzain-service-style-1 .cleanzain-serv-cat,
.cleanzain-service-style-1 .cleanzain-box-number {
	display: none;
}
.cleanzain-element-posts-wrapper .cleanzain-service-style-1{
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 30px;
}


.cleanzain-meta-line a, 
.cleanzain-meta-line {
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #565656;
}

/** Style 2 **/
.cleanzain-blog-style-2 .cleanzain-featured-wrapper img {
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.cleanzain-blog-style-2 .cleanzain-post-item {
	padding: 10px;
	display: flex;
	align-items: center;
	border-radius: 30px;
    border: 1px solid rgba(var(--cleanzain-blackish-color-rgb), 0.15);
	background: #053F3D;
}
.cleanzain-blog-style-2 .cleanzain-featured-container{
	position: relative;
	overflow: hidden;
	border-radius: 30px;
}
.cleanzain-blog-style-2 .cleanzain-featured-container a.cleanzain-link {
	z-index: 0;
}
.cleanzain-blog-style-2 .cleanzain-content-wrapper {
	padding: 0 25px;
}
.cleanzain-blog-style-2 .cleanzain-post-title{
	font-size: 26px;
	line-height: 30px;
	margin-bottom: 15px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	color: #FED523;
}
.cleanzain-post-title a{color: #FED523!important;}
.cleanzain-content-wrapper .cleanzain-blog-btn{color: #FED523!important;}
.cleanzain-blog-style-2 .cleanzain-meta-category-wrapper {
	margin: 0;
	margin-bottom: 5px;
}
.cleanzain-blog-style-2 .cleanzain-meta-date {
	position: absolute;
	bottom: 0;
	left: 50px;
	margin: 0;
	padding: 12px 30px 12px 30px;
	border-radius: 30px 30px 0 0;
	background-color: var(--cleanzain-white-color);
}
.cleanzain-meta-line.cleanzain-meta-date {
    font-size: 14px;
}
.cleanzain-blog-style-2 .cleanzain-post-date:after,
.cleanzain-blog-style-2 .cleanzain-post-date:before {
	content: "";
    position: absolute;
    background-color: transparent;
    bottom: 0;
    height: 40px;
    width: 20px;
	z-index: -1;
	box-shadow: 0 13px 0 0 var(--cleanzain-white-color);
}
.cleanzain-blog-style-2 .cleanzain-post-date:after{
	left: 100%;
	border-bottom-left-radius: 15px;
}
.cleanzain-blog-style-2 .cleanzain-post-date:before {
	right: 100%;
    border-bottom-right-radius: 15px;
}
.cleanzain-blog-style-2:hover .cleanzain-featured-wrapper img{
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
.cleanzain-blog-style-2 .cleanzain-featured-wrapper,
.cleanzain-blog-style-2 .cleanzain-featured-wrapper img{
	position: relative;
	width: 100%;
	border-radius: 30px;
}
.cleanzain-element-column-two .cleanzain-blog-style-2 .cleanzain-featured-wrapper img {
	width: 300px;
	height: auto;
}
.cleanzain-blog-style-2 .cleanzain-blog-btn .cleanzain-button-text {
	position: relative;
}
.cleanzain-blog-style-2 .cleanzain-blog-btn .cleanzain-button-text::after,
.cleanzain-blog-style-2 .cleanzain-blog-btn .cleanzain-button-text::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--cleanzain-blackish-color);
	transition: all .3s ease-in;
}
.cleanzain-blog-style-2 .cleanzain-blog-btn .cleanzain-button-text::before {
	width: 0;
	z-index: 1;
	background-color: var(--cleanzain-global-color);
}
.cleanzain-blog-style-2 .cleanzain-blog-btn:hover .cleanzain-button-text::before {
	width: 100%;
}
.cleanzain-gap-40px .cleanzain-blog-style-2{
	margin-bottom: 40px;

}


/*----------------------------------------*/
/*  06 - Testimonial
/*----------------------------------------*/
/** Style 1 **/
.cleanzain-testimonial-style-1 .cleanzain-box-title{
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 0;
}
.cleanzain-testimonial-style-1 .cleanzain-featured-wrapper img{
	width: 70px;
	height: 70px;
	border-radius: 100%;
}
.cleanzain-testimonial-style-1 .cleanzain-box-author{
	display: inline-flex;
	align-items: center;
}
.cleanzain-testimonial-style-1 .cleanzain-featured-wrapper{
	margin-right: 20px;
}
.cleanzain-testimonial-style-1 .cleanzain-box-desc {
	position: relative;
}
.cleanzain-testimonial-style-1 .cleanzain-box-desc::before {
	font-family: "cleanzain-base-icons";
	content: "\e865";
	position: absolute;
	left: 0;
	top: 0;
	font-size: 40px;
	line-height: 40px;
	color: var(--cleanzain-global-color);
}
.cleanzain-testimonial-style-1 .cleanzain-testimonial-text{
	font-size: 24px;
    line-height: 36px;
    margin: 0;
    padding: 60px 0 40px 0;
    border: 0;
	font-weight: 600;
    color: var(--cleanzain-blackish-color);
}


/*----------------------------------------*/
/*  07 - Header
/*----------------------------------------*/
.site-title {
    margin: 0;
    padding: 0;
    display: flex;
	align-items: center;
    vertical-align: middle;
    text-align: center;
    width: 100%;
	height: 100px;
	transition: none;
    line-height: inherit;
}
.site-title a {
    display: flex;
    align-items: center;
	line-height: inherit;
}
.cleanzain-header-overlay{
	position: absolute;
	z-index: 2;
	width: 100%;
}
/** Header Style 1 **/
.cleanzain-button-box .cleanzain-header-button a {
    display: inline-block;
    padding-left: 60px;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    letter-spacing: 0;
    color: rgba(0, 24, 55, 1);
}
.cleanzain-button-box .cleanzain-header-button a::before {
    content: "\e85d";
    font-family: "cleanzain-base-icons";
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 100%;
    font-weight: 400;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    -khtml-transform: translateX(0%) translateY(-50%);
    -moz-transform: translateX(0%) translateY(-50%);
    -ms-transform: translateX(0%) translateY(-50%);
    -o-transform: translateX(0%) translateY(-50%);
    transform: translateX(0%) translateY(-50%);
	background-color: var(--cleanzain-global-color);
}
.cleanzain-button-box .cleanzain-header-button a span {
    display: block;
}
.cleanzain-button-box .cleanzain-header-button a:hover{
	color: var(--cleanzain-global-color);
}
.cleanzain-button-box .cleanzain-header-button a:hover:before{
	background-color: var(--cleanzain-blackish-color);
}
.header-style-1 .cleanzain-header-search-btn{
	padding: 0 10px;
}
.cleanzain-header-search-btn a{
	font-size: 22px;
}
.header-style-1 .sticky-header{
	top: 0 !important;
	background-color: var(--cleanzain-light-color);
}


/*----------------------------------------*/
/*  08 - Footer
/*----------------------------------------*/
.site-footer{
	font-size: 14px;
	position: relative;
	margin: 0 40px;
    padding-top: 100px;
    border-radius: 30px;
	background-image: url(../images/bg/footer-bg-img.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto;
    background-attachment: scroll;
	color: var(--cleanzain-white-color);
	overflow: hidden;
}
.site-footer .cleanzain-footer-big-area .cleanzain-footer-logo img{
    max-height: 80px;
}
.site-footer .cleanzain-footer-widget-area{
	padding-bottom: 100px;
}	
.site-footer .widget{
	position: relative;
	padding-top: 40px;
}
.cleanzain-footer-logo img{width: 150px;}
.cleanzain-footer-widget-area .cleanzain-social-links li.cleanzain-social-li{
	margin: 0 17px 5px 0;
}
.cleanzain-footer-widget-area .cleanzain-social-links li.cleanzain-social-li a {
    font-size: 20px;
    display: inline-block;
	color: var(--cleanzain-white-color);
}
.cleanzain-footer-widget-area .cleanzain-social-links li.cleanzain-social-li a:hover{
	color: var(--cleanzain-global-color);
}
.cleanzain-footer-widget-area .widget .widget-title {
    font-size: 18px;
    line-height: 26px;
	margin-bottom: 20px;
    letter-spacing: 0px;
    color: var(--cleanzain-global-color);
    text-transform: capitalize;
    font-style: normal;
}

.site-footer .cleanzain-two-column-menu.widget ul>li {
    width: 100%;
	line-height: 20px;
	padding: 0 0 10px 0;
}
.site-footer .cleanzain-two-column-menu.widget ul>li:last-child{
	padding-bottom: 0;
}
.site-footer .cleanzain-two-column-menu.widget ul li a,
.site-footer .cleanzain-timelist-list .cleanzain-timelist-time{
	color: var(--cleanzain-white-color);
}
.site-footer .cleanzain-two-column-menu.widget ul li a:hover{
	color: var(--cleanzain-global-color);
}
.site-footer .cleanzain-timelist-list li{
	padding: 0 0 10px 0;
	line-height: 20px;
}
.site-footer .cleanzain-timelist-list li:last-child{
	padding-bottom: 0;
}
.site-footer .cleanzain-contact-widget-lines {
    display: grid;
}
.site-footer .cleanzain-contact-widget-line:not(:last-child) {
    position: relative;
    margin-bottom: 15px;
}
.site-footer .cleanzain-timelist-list .cleanzain-timelist-time{
	font-weight: 400;
	font-size: 15px;
}
.site-footer .cleanzain-footer-text-area>.container{
	position: relative;
}
.site-footer .cleanzain-footer-text-inner{
	text-align: center;
	font-size: 14px;
	padding: 20px 35px;
    border-radius: 30px 30px 0 0;
    background-color: var(--cleanzain-white-color);
}
.site-footer .cleanzain-footer-text-inner:before,
.site-footer .cleanzain-footer-text-inner:after{
	content: "";
    position: absolute;
    background-color: transparent;
    bottom: 0;
    height: 40px;
    width: 20px;
    box-shadow: 0 20px 0 0 var(--cleanzain-white-color);
}
.site-footer .cleanzain-footer-text-inner::before {
    left: -8px;
    border-bottom-right-radius: 20px;
}
.site-footer .cleanzain-footer-text-inner:after{
	right: -8px;
    border-bottom-left-radius: 20px;
}
.site-footer .cleanzain-footer-copyright-text-area{
	color: #565656;
}

/*----------------------------------------*/
/*  09 - Title Bar
/*----------------------------------------*/
.cleanzain-title-bar-wrapper{
	background-color: var(--cleanzain-light-color);
	background-image: url(../images/bg/titlebar-bg.jpg);
	background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;
    background-attachment: scroll;
	position: relative;
    z-index: 2;
	padding-top: 40px;
}
.cleanzain-title-bar-wrapper,
.cleanzain-title-bar-content{
	min-height: 515px;
	    margin-top: 25px;
    border-radius: 30px;
}
.cleanzain-title-bar-content{
	position: relative;
    z-index: 1;
    padding: 64px 0;
	display: flex;
    align-items: center;
}
.cleanzain-title-bar-content-inner{
	width: 100%;
}
.cleanzain-title-bar-content .cleanzain-tbar,
.cleanzain-title-bar-content .cleanzain-breadcrumb{
	display: block;
}
.cleanzain-title-bar-content .cleanzain-tbar-inner{
	max-width: none;
    padding: 0;
	margin-bottom: 15px;
}
.cleanzain-tbar-title{
    font-size: 60px;
    line-height: 60px;
    letter-spacing: 0px;
    color: var(--cleanzain-white-color);
    text-transform: none;
    font-style: normal;
}
.single-post .cleanzain-title-bar-content-inner{
	width: 60%;
}
.single-post .cleanzain-title-bar-content .cleanzain-tbar-title{
	font-size: 50px;
    line-height: 60px;
	margin-bottom: 0;
}
.cleanzain-breadcrumb,
.cleanzain-breadcrumb a{
	font-weight: 500;
	font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.5px;
    color: #eee;
    text-transform: uppercase;
    font-style: normal;
}
.cleanzain-breadcrumb a:hover{
	color: inherit;
}
.cleanzain-breadcrumb .cleanzain-breadcrumb-inner {
    padding-left: 5px;
}
.cleanzain-breadcrumb .cleanzain-breadcrumb-inner .sep{
    font-size: 15px;
	padding: 0 2px;
    position: relative;
}

/*----------------------------------------*/
/*  10 - Overlap Colomn
/*----------------------------------------*/

.overflow-hidden { 
    overflow: hidden; 
}
.content-element-text {
    position: relative; 
    z-index: 99; 
    padding-top: 60px; 
    padding-bottom: 40px; 
    padding-right: 30px; 
}

/*----------------------------------------*/
/*  11 - Accordion
/*----------------------------------------*/
.accordion-item{
	border: none ;
	position: relative;
	margin-bottom: 20px;
	background-color: transparent;
	color: inherit;
    border-bottom: none;
	box-shadow: none;
}
.accordion-button{
	position: relative;
    font-size: 17px;
    line-height: 26px;
    font-weight: 600 !important;
    padding: 10px 30px 10px 20px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    border-radius: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--cleanzain-white-color);
	font-family: var(--cleanzain-heading-typography-font-family);
}

.accordion-item .cleanzain-accordion-icon{
	max-width: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    font-size: 14px;
    border-radius: 50%;
    position: absolute;
    color: var(--cleanzain-global-color);
    order: 2;
    top: 50%;
    transform: translate(0, -50%);
    right: 5px;
    left: auto;
}
.accordion-item .cleanzain-accordion-icon-right{
	float: right;
    text-align: right;
}
.accordion-item.active .cleanzain-accordion-icon-closed {
    display: none;
}
.accordion-item .cleanzain-accordion-icon-closed {
    display: block;
}
.accordion-item.active .cleanzain-accordion-icon-opened {
    display: block;
}
.accordion-item .cleanzain-accordion-icon-opened {
    display: none;
}
.accordion-button::after{
	display: none;
}
.accordion-button:focus{
	box-shadow: none;
}
.cleanzain-accordion-title{
	color: #000;
}
.accordion-body{
	border: 0;
    padding:15px;
}
.cleanzain-bg-color-light .accordion-button{
	color: var(--cleanzain-blackish-color);
	background-color: var(--cleanzain-white-color);
}
.cleanzain-bg-color-light .accordion-item .cleanzain-accordion-icon{
	color: var(--cleanzain-white-color);
	background-color: var(--cleanzain-blackish-color);
}

/*----------------------------------------*/
/*  13 - List Group
/*----------------------------------------*/
.list-group-borderless .list-group-item {
	display: flex;
    font-size: inherit;
	align-items: center;
	padding: 0;
	margin-bottom: 5px;
	color: var(--cleanzain-blackish-color);
    position: relative;
    border: none;
    background: transparent;
}
.list-group .cleanzain-icon-list-icon{
	color: var(--cleanzain-blackish-color);
	display: flex;
    position: relative;
	top: (0 , initial);
	line-height: normal;
	transition: all .25s ease-in-out;
}
.list-group .cleanzain-icon-list-icon i{
    width: 1.25em;
    color: var(--cleanzain-global-color);
	font-size: 18px;
	transition: color 0.3s;
}
.list-group .cleanzain-icon-list-text{
	padding-left: 5px;
    margin-bottom: 0;
	color: var(--cleanzain-body-typography-color);
	align-self: center;
	transition: color 0.3s;
}
.list-group-borderless .list-group-item:not(:last-child){
	padding-bottom: calc(20px/2);
}
.list-group-borderless .list-group-item:not(:first-child){
	margin-top: calc(0px/2);
}
.list-group-style-1 .cleanzain-icon-list-icon i{
	font-size: 30px;
	color: var(--cleanzain-blackish-color);
}
.list-group-style-1 .list-group-item:not(:last-child){
	padding-bottom: 0;
}
.list-group-style-1 .list-group-item{
	margin-bottom: 10px;
}

/*----------------------------------------*/
/*  14 -  Banner Slider
/*----------------------------------------*/
.cleanzain-slider-area .transform-left{
	opacity: 0;
    transition: all 1000ms ease;
    transform: translateX(-200px);
}   
.swiper-slide-active .transform-left {
	opacity: 1;
	transform: translateX(0);
}
.cleanzain-slider-area .transform-bottom{
	opacity: 0;
    transform: translateY(50px);
    transition: all 1000ms ease;
}
.swiper-slide-active .transform-bottom{
	opacity: 1;
    transform: translateY(0);
}
.cleanzain-slider-area .transform-center{
	opacity: 0;
    transition: all 1000ms ease;
    transform: scale(0.9);
}
.swiper-slide-active .transform-center {
	opacity: 1;
	transform: scale(1);
}
.swiper-slide-active .transform-delay-1{
	transition-delay: 1000ms;
}
.swiper-slide-active .transform-delay-2{
	transition-delay: 1400ms;
}
.swiper-slide-active .transform-delay-3{
	transition-delay: 1800ms;
}
.swiper-slide-active .transform-delay-4{
	transition-delay: 2100ms;
}
.swiper-slide-active .transform-delay-5{
	transition-delay: 2400ms;
}
.cleanzain-slider-area .cleanzain-slider-bg{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	z-index: -1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.cleanzain-slider-area .swiper-slider{
	padding-bottom: 0 !important;
}
.cleanzain-slider-area .cleanzain-sub-title{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	text-transform: uppercase;
	letter-spacing: 1px;
	max-width: max-content;
	margin-bottom: 20px;
	font-weight: 600;
	opacity: 0;
	font-family: var(--cleanzain-body-typography-font-family);
	color: var(--cleanzain-white-color);
}
.cleanzain-slider-area .cleanzain-sub-title:after{
	content: "";
	position: absolute;
	width: 56px;
	height: 54px;
	top: -15px;
	right: -90px;
	transform-origin: 50% 50%;
    transform: translate(0px, 0px);
    display: block;
    background-image: url(../images/banner-slider-img/slide-a-icon.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.cleanzain-slider-area .cleanzain-slider-content .cleanzain-title{
	color: var(--cleanzain-white-color);
}
/** Slider 01 **/
.cleanzain-slider-one{
	margin-top: 25px;
	border-radius: 30px;
	overflow: hidden;
}
.cleanzain-slider-one .cleanzain-slider-item{
	position: relative;
	display: flex;
	align-items: center;
	height: 700px;
}
.cleanzain-slider-one .cleanzain-slider-item:before{
	content: "";
	position: absolute;
	width: 80%;
	height: 100%;
	transform-origin: 50% 50%;
}
.cleanzain-slider-one .cleanzain-sub-title::before{
	content: "";
    height: 105%;
    width: 100%;
    background: var(--cleanzain-white-color);
    z-index: 2;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: left;
    transform: scaleX(0);
	opacity: 0;
}
.cleanzain-slider-one .swiper-slide-active .cleanzain-sub-title::before{
	opacity: 1;
	animation: anime 1.2s 0.5s cubic-bezier(0.86, 0, 0.07, 1) forwards;
}
@keyframes anime {
	0% {
		transform-origin: left;
		transform: scaleX(0);
	}
	
	50% {
		transform-origin: left;
		transform: scaleX(1);
	}
	51% {
		transform-origin: right;
	}
	100% {
		transform-origin: right;
		transform: scaleX(0);
	}
}
.cleanzain-slider-area .swiper-slide-active .cleanzain-sub-title{
	opacity: 1;
	transition-duration: .5s;
}
.cleanzain-slider-one .cleanzain-slider-content .cleanzain-title{
	font-size: 70px;
	line-height: 70px;
	margin-bottom: 25px;
}
.cleanzain-slider-one .cleanzain-slider-content .cleanzain-desc{
	font-size: 18px;
	line-height: 24px;
	padding-top: 20px;
	max-width: fit-content;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	color: var(--cleanzain-white-color);
}
.cleanzain-slider-one .swiper-horizontal>.swiper-pagination-bullets{
	left: auto;
	width: 50px;
	height: 132px;
	right: 0px;
	top: 50%;
	display: block;
	border-radius: 30px 0 0 30px;
	background-color: var(--cleanzain-light-color);
	transform: translateX(0%) translateY(-50%);
}
.cleanzain-slider-one .swiper-horizontal>.swiper-pagination-bullets::before,
.cleanzain-slider-one .swiper-horizontal>.swiper-pagination-bullets::after{
	content: "";
	position: absolute;
	background-color: transparent;
	bottom: 0;
	height: 40px;
	width: 20px;
	box-shadow: 0 20px 0 0 var(--cleanzain-light-color);
}
.cleanzain-slider-one .swiper-horizontal>.swiper-pagination-bullets::before{
	right: 0;
	left: initial;
	top: -40px;
	border-bottom-right-radius: 20px;
}
.cleanzain-slider-one .swiper-horizontal>.swiper-pagination-bullets::after{
	right: 10px;
    bottom: -30px;
    left: initial;
    border-bottom-right-radius: 20px;
    transform: rotate(-90deg);
}
.cleanzain-slider-one .swiper-pagination-bullet{
	top: 35px;
	left: 20px;
}

/*----------------------------------------*/
/*  15 - Client
/*----------------------------------------*/
.cleanzain-hide{
	display: none;
}
/** Style 1 **/
.cleanzain-client-style-1 .cleanzain-border-wrapper{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.cleanzain-client-style-1 .cleanzain-client-wrapper {
	overflow: hidden;
	z-index: 1;
	height: -webkit-max-content;
	display: inline-block;
}
.cleanzain-client-wrapper {
    position: relative;
    text-align: center;
    z-index: 1;
    height: -webkit-max-content;
    display: inline-block;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
}
.cleanzain-client-style-1 .cleanzain-border-wrapper{
	transition: all .4s ease-in;
}
/** Style 2 **/
/* --------------------------------------
* 16 - Sortable
* ---------------------------------------*/
.cleanzain-sortable-list-ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 50px;
	display: block;
	text-align: center;
}
.cleanzain-sortable-list-ul li {
	display: inline-block;
}
.cleanzain-sortable-list-ul li:before {
	content: ' ';
	margin: 0 10px;
}
.cleanzain-sortable-list-ul li:first-child:before {
	display: none;
}
.cleanzain-sortable-list a {
	display: inline-block;
	font-size: 16px;
	padding: 8px 20px;
	font-weight: 500;
	min-width: 100px;
	border-radius: 20px;
}
.cleanzain-sortable-list a.cleanzain-selected {
	background: var(--cleanzain-blackish-color);
	color: var(--cleanzain-white-color);
}

/* --------------------------------------
* 17 - Img Animation
* ---------------------------------------*/
.cleanzain-animation-style1,
.cleanzain-animation-style2{
	display: inline-block;
    position: relative;
    overflow: hidden;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform;
}
.cleanzain-animation-style1 img,
.cleanzain-animation-style2 img{
	transform-origin: 50% 50%;
	transition: 2s cubic-bezier(0.5,0.5,0,1);
}

/* --------------------------------------
* 18 - Marquee
* ---------------------------------------*/
/** Style 1 **/
.cleanzain-marquee-effect-style-1 .cleanzain-element-title{
	font-size:90px;
	line-height: 120px;
	position: relative;
	overflow: visible;
	display: flex;
	overflow: visible;
	text-shadow: 1px 1px 0 rgba(var(--cleanzain-blackish-color-rgb) ,.2), -1px -1px 0 rgba(var(--cleanzain-blackish-color-rgb) ,.2), 1px -1px 0 rgba(var(--cleanzain-blackish-color-rgb) ,.2), -1px 1px 0 rgba(var(--cleanzain-blackish-color-rgb) ,.2), 1px 1px 0 rgba(var(--cleanzain-blackish-color-rgb) ,.2);
	-webkit-text-fill-color: var(--cleanzain-white-color);
	-webkit-text-stroke-width: 0;
	color: transparent;
	letter-spacing: -1px;
	font-family: var(--cleanzain-body-typography-font-family);
}
.cleanzain-marquee-effect-style-1 .cleanzain-element-title:hover{
	text-shadow: 1px 1px 0 rgba(var(--cleanzain-global-color-rgb) ,.2), -1px -1px 0 rgba(var(--cleanzain-global-color-rgb) ,.2), 1px -1px 0 rgba(var(--cleanzain-global-color-rgb) ,.2), -1px 1px 0 rgba(var(--cleanzain-global-color-rgb) ,.2), 1px 1px 0 rgba(var(--cleanzain-global-color-rgb) ,.2);
}
.cleanzain-marquee-effect-style-1 .cleanzain-element-title::before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	content: attr(data-text);
	transition: max-width .8s cubic-bezier(.22, .61, .36, 1);
	-webkit-text-fill-color: var(--cleanzain-global-color);
	-webkit-text-stroke: transparent;
	max-width: 0;
}
.cleanzain-marquee-effect-style-1 .cleanzain-element-title:hover::before{
	max-width: 100%;
}
.cleanzain-marquee-effect-style-1 .cleanzain-tag-wrapper{
	padding-left: 100px;
	margin-left: 50px;
	position: relative;
}
.cleanzain-marquee-effect-style-1 .cleanzain-tag-wrapper::before{
	content: '\e804';
	font-family: 'cleanzain-base-icons';
	position: absolute;
	left: -5px;
	top: 50%;
	font-size: 60px;
	line-height: 60px;
	transform: translateY(-50%);
	color: var(--cleanzain-global-color);
}


/* --------------------------------------
* 20 - Portfolio
* ---------------------------------------*/
/** Style 1 **/
.cleanzain-portfolio-style-1{
	overflow: hidden;
}
.cleanzain-portfolio-style-1 .cleanzain-post-content{
	position: relative;
}
.cleanzain-portfolio-style-1 .cleanzain-box-content{
	padding: 20px 20px 0 0;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
	overflow: hidden;
}
.cleanzain-portfolio-style-1 .cleanzain-box-content::before,
.cleanzain-portfolio-style-1 .cleanzain-box-content::after {
	content: "";
	position: absolute;
	background-color: transparent;
	bottom: 0;
	height: 40px;
	width: 20px;
	box-shadow: 0 20px 0 0 var(--cleanzain-white-color);
}
.cleanzain-portfolio-style-1 .cleanzain-box-content::before {
	top: -20px;
	bottom: initial;
	border-bottom-left-radius: 20px;
}
.cleanzain-portfolio-style-1 .cleanzain-box-content::after {
	right: 0;
	border-bottom-left-radius: 20px;
}
.cleanzain-portfolio-style-1 .cleanzain-titlebox {
	padding: 20px;
	-webkit-border-radius: 0 30px 0 0;
	border-radius: 0 30px 0 0;
	background-color: var(--cleanzain-white-color);
}

.cleanzain-titlebox button{border: none; background: none;}
.cleanzain-port-cat a, .cleanzain-serv-cat a {
    font-size: 13px;
    line-height: 24px;
    text-transform: uppercase;
    color: #565656;
}
.cleanzain-portfolio-style-1 .cleanzain-portfolio-title{
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 0;
}
.cleanzain-portfolio-style-1 .cleanzain-image-wapper {
	position: relative;
	z-index: 0;
}
.cleanzain-portfolio-style-1 .cleanzain-featured-wrapper{
	position: relative;
	overflow: hidden;
}
.cleanzain-portfolio-style-1 .cleanzain-featured-wrapper img{
	width: 100%;
	transform: scale(1.05) rotate(.5deg);
	transform-origin: 90% 50%;
	border-radius: 30px;
	transition: transform 1.2s cubic-bezier(.4, .01, .14, .99);
}
.cleanzain-portfolio-style-1:hover .cleanzain-featured-wrapper img{
	transform: scale(1.001) rotate(0);
}
.cleanzain-element-portfolio-style-1 .cleanzain-element-inner .swiper-wrapper{
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.cleanzain-portfolio-style-1 .cleanzain-featured-wrapper {
	position: relative;
	overflow: hidden;
	border-radius: 30px;
}
.cleanzain-element-posts-wrapper .cleanzain-portfolio-style-1{
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 30px;
}

/** Style 2 **/
.cleanzain-portfolio-style-2 .cleanzain-post-content{
	position: relative;
	text-align: center;
	overflow: visible;
}
.cleanzain-portfolio-style-2 .cleanzain-portfolio-title{
	font-size: 24px;
	line-height: 30px;
	margin: 0;
	margin-top: 5px;
	text-transform: uppercase;
}
.cleanzain-element-portfolio-style-2 .swiper-slider{
	overflow: visible;
}
.cleanzain-portfolio-style-2 .cleanzain-featured-img-wrapper img{
	width: 100%;
	border-radius: 30px;
}
.cleanzain-portfolio-style-2 .cleanzain-box-content {
	position: absolute;
	z-index: 3;
	bottom: 30px;
	left: 30px;
	padding: 30px;	
	opacity: 0;
	max-width: 300px;
	word-break: break-word;
	-webkit-transition: clip-path 0.4s ease-out;
	transition: clip-path 0.4s ease-out;
	overflow: hidden;
	clip-path: inset(0 100% 0 0);
	-webkit-clip-path: inset(0 100% 0 0);
}
.cleanzain-portfolio-style-2 .cleanzain-box-content .cleanzain-cat {
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 1px;
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	padding: 8px 20px 5px 20px;
	border-radius: 10px 10px 0 0;
	color: var(--cleanzain-blackish-color);
	background-color: var(--cleanzain-white-color);
}
.cleanzain-portfolio-style-2 .cleanzain-box-content .cleanzain-cat::after {
	content: '';
	position: absolute;
	background-color: transparent;
	bottom: 0px;
	right: -10px;
	height: 30px;
	width: 10px;
	z-index: -1;
	border-bottom-left-radius: 10px;
	box-shadow: 0 20px 0 0 var(--cleanzain-white-color);
}
.cleanzain-portfolio-style-2 .cleanzain-box-content .cleanzain-title {
	font-size: 22px;
	line-height: 28px;
	width: 260px;
	word-wrap: break-word;
	margin-bottom: 0;
	padding: 5px 20px 10px 20px;
	border-radius: 0 10px 10px 10px;
	color: var(--cleanzain-blackish-color);
	background-color: var(--cleanzain-white-color);
}
.cleanzain-portfolio-style-2 .cleanzain-featured-wrapper {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 30px;
}
.cleanzain-portfolio-style-2 .cleanzain-featured-wrapper img {
	position: relative;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.cleanzain-portfolio-style-2:hover .cleanzain-featured-wrapper img {
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03); 
	transform: scale(1.03);
}

