/* Opai Marketing Business HTML Template */

/*** 

====================================================================
	Attachment Css Files
====================================================================

***/

@import url('global.css');
@import url('header.css');
@import url('footer.css');
@import url('font-awesome.css');
@import url('flaticon_opai-flat.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('custom-animate.css');
@import url('jquery.fancybox.min.css');
@import url('odometer-theme-default.css');
@import url('jquery.mCustomScrollbar.min.css');

/*** 

====================================================================
	Main Slider Section
====================================================================

***/
:root {
    /* PALETA CREOVA — regla 60/25/10/5 */
    --creova-blue: #2837DC;
    --creova-softwhite: #E4E4ED;
    --creova-lime: #BBFB02;
    --creova-black: #01102B;

    /* TIPOGRAFÍAS WEB */
    --font-title: 'Space Grotesk', sans-serif;
    --font-body: 'Space Mono', monospace;
    --font-accent: 'Space Grotesk', sans-serif;
}

body {
    font-family: var(--font-body);
    color: var(--creova-black);
    background-color: var(--creova-softwhite);
}

h1, h2, h3, h4, h5 {
    font-family: var(--font-title);
    color: var(--creova-black);
}

.accent {
    font-family: var(--font-accent);
    color: var(--creova-lime);
}


.main-slider{
	position:relative;
	overflow:hidden;
}

.main-slider .slide{
	position:relative;
	overflow:hidden;
	background-size:cover;
	padding:345px 0px 280px;
}

.main-slider .image-layer{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-webkit-transition: all 6000ms linear;
	-moz-transition: all 6000ms linear;
	-ms-transition: all 6000ms linear;
	-o-transition: all 6000ms linear;
	transition: all 6000ms linear;
}

.main-slider .image-layer:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.52;
	background-color:var(--color-two);
}

.main-slider .active .image-layer{
	-webkit-transform:scale(1.15);
	-ms-transform:scale(1.15);
	transform:scale(1.15);
}

.main-slider .content-box{
	position:relative;
}

.main-slider .content-box .box-inner{
	position:relative;
	text-align:center;
}

.main-slider .title{
	position:relative;
	font-weight: 700;
	line-height:24px;
	color:var(--color-three);
	font-size:var(--font-20);
	font-family: 'Gordita';
	margin-bottom: var(--margin-bottom-30);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	
	transform: scale(1,0.3);
	opacity: 0;
}

.main-slider .active .title{
	
	transform: scale(1,1);
	opacity: 1;
	
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.main-slider h1{
	
	transform: scale(1,0.3);
	opacity: 0;
	
	color:var(--white-color);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	margin-bottom:var(--margin-bottom-30);
}

.main-slider .active h1{
	transform: scale(1,1);
	opacity: 1;
	
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.main-slider .button-box{
	transform: scale(1,0.3);
	opacity: 0;
	
	display:inline-block;
	margin-top:var(--margin-top-45);
	-webkit-transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: all 900ms ease;
}

.main-slider .active .button-box{
	transform: scale(1,1);
	opacity: 1;
	
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

.main-slider .owl-dots{
	position:absolute;
	left:0px;
	right:0px;
	bottom:30px;
	z-index:1;
	text-align:center;
}

.main-slider .owl-dots .owl-dot{
	position:relative;
	width:12px;
	height:12px;
	margin:0px 6px;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--white-color);
}

.main-slider .owl-dots .owl-dot:hover,
.main-slider .owl-dots .owl-dot.active{
	background-color:var(--white-color);
}

.main-slider .owl-nav{
	display:none;
}

/*** 

====================================================================
	Agency Section
====================================================================

***/

.agency-section{
	position:relative;
	padding:130px 0px 100px;
	background-color:var(--color-four);
}

.pattern-outer{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
}

.pattern-outer .vector-layer{
	position:absolute !important;
	left:0px !important;
	top:0px !important;
	right:0px !important;
	bottom:0px !important;
	background-position:center center;
	background-repeat:no-repeat;
}

.pattern-outer.style-two .vector-layer{
	top:160px !important;
	background-position:center top;
}


.agency-section .content-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.agency-section .content-column .inner-column{
	position:relative;
}

.agency-section .content-column .text{
	position:relative;
	line-height:34px;
	font-size:var(--font-18);
	color:var(--black-color);
	margin-top:var(--margin-top-10);
}

.agency-section .image-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.agency-section .image-column .inner-column{
	position:relative;
	padding-bottom:var(--padding-bottom-90);
}

.agency-section .image-column .image{
	position:relative;
	overflow:hidden;
	border-radius:12px;
	display:inline-block;
	border:8px solid var(--white-color);
}

.agency-section .image-column .image-two{
	position:absolute;
	right:35px;
	bottom:0px;
	border-radius:12px;
	display:inline-block;
	border:8px solid var(--white-color);
}

.agency-section .color-one{
	position:absolute;
	left:-10px;
	top:-25px;
	width:10px;
	height:326px;
	background-color:var(--color-three);
}

.agency-section .color-two{
	position:absolute;
	right:-10px;
	top:80px;
	width:10px;
	height:61px;
	background-color:var(--color-three);
}

.agency-section .count-box{
	position:absolute;
	right:10px;
	width:211px;
	height:211px;
	bottom:200px;
	z-index:1;
	text-align:center;
	border-radius:50%;
	font-weight:500;
	font-family: 'Gordita';
	color:var(--white-color);
	font-size:var(--font-22);
	padding-top:var(--padding-top-55);
	background-color:var(--color-five);
	border:12px solid var(--white-color);
}

.agency-section .count-box .counter{
	position:relative;
	font-weight:800;
	display:block;
	line-height:1em;
	font-family: 'Gordita';
	color:var(--white-color);
	font-size:var(--font-48);
	margin-top:var(--margin-top-15);
}

.agency-section .count-box .counter i{
	top:-7px;
	font-style:normal;
}

.agency-section .content-column .sec-title{
	margin-bottom:var(--margin-bottom-25);
}

.agency-section .bold-text{
	position:relative;
	font-weight:500;
	line-height:34px;
	color:var(--color-five);
	font-size:var(--font-18);
	padding-right:var(--padding-right-30);
}

.agency-section .marketing{
	position:relative;
	line-height:40px;
	font-weight:500;
	font-size:var(--font-30);
	margin-top:var(--margin-top-40);
	margin-bottom:var(--margin-bottom-55);
}

.agency-section .marketing a{
	position:relative;
	color:var(--main-color);
	border-bottom:1px solid var(--main-color);
}

.agency-section .agency-box{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.agency-section .agency-box .box-inner{
	position:relative;
	padding:20px 20px;
	border-radius:3px;
	background-color:var(--white-color);
}

.agency-section .agency-box .content{
	position:relative;
	min-height:72px;
	font-weight:500;
	line-height:32px;
	color:var(--color-five);
	font-size:var(--font-20);
	padding-left:var(--padding-left-95);
}

.agency-section .agency-box:hover .icon{
	transform:rotateY(180deg);
}

.agency-section .agency-box .icon{
	position:absolute;
	left:0px;
	top:0px;
	width:72px;
	height:72px;
	text-align:center;
	border-radius:50%;
	background-color:var(--color-seven);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

/*** 

====================================================================
	Video Section
====================================================================

***/

.video-section{
	position:relative;
	overflow:hidden;
}

.video-section .vector-layer{
	position:absolute;
	left:0px;
	bottom:0px;
	width:744px;
	height:605px;
	z-index:1;
	background-repeat:no-repeat;
}

.video-section .title{
	position:absolute;
	left:0px;
	top:50%;
	right:0px;
	z-index:1;
	opacity:0.50;
	font-size:144px;
	font-weight:700;
	text-align:center;
	letter-spacing:18px;
	color:var(--white-color);
	text-transform:uppercase;
	transform:translateY(-150px);
	font-family:var(--aelpa-Manrope-font);
}

/* Video Box */

.video-box{
	position:relative;
}

.video-box .video-image{
	position:relative;
	margin:0px;
	overflow:hidden;
}

.video-box .video-image img{
	position:relative;
	width:100%;
	filter: grayscale(100%);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.video-box:hover .video-image img{
	transform:scale(1.05,1.05);
	filter: grayscale(0%);
}

.video-box .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
	overflow:hidden;
	line-height: 45px;
	overflow:hidden;
}

.video-box .overlay-box span{
	position: absolute;
	width:118px;
	height: 118px;
	left:50%;
    top: 50%;
	z-index:10;
	font-weight:700;
	text-align: center;
	display: inline-block;
	margin-top: -59px;
	margin-left:-59px;
	line-height:118px;
	border-radius:50%;
	font-family: "flaticon";
	font-size:var(--font-32);
	color: var(--black-color);
	background-color:var(--white-color);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.video-box .overlay-box span:hover{
	color:var(--white-color);
	border-color:var(--main-color);
	background-color:var(--main-color);
}

.video-box .ripple,
.video-box .ripple:before,
.video-box .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width:118px;
	height: 118px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    -o-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.video-box .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.video-box .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

@-webkit-keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
    100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}

@keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
    100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}

/*** 

====================================================================
	Services Section
====================================================================

***/

.services-section{
	position:relative;
	padding:110px 0px 120px;
	background-color:var(--color-eight);
}

.services-section .sec-title .services{
	position:relative;
	font-weight:600;
	font-size:var(--font-20);
	color:var(--black-color);
	border-bottom:1px solid var(--black-color);
}

.services-section .sec-title .text{
	margin-top:var(--margin-zero);
	margin-bottom:var(--margin-bottom-25);
}

.service-block{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.service-block .inner-box{
	position:relative;
	text-align:center;
	border-radius:5px;
	padding:45px 15px 60px;
	background-color:var(--white-color);
	border:1px solid var(--black-color);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.service-block .inner-box .icon.color-two{
	background-color:var(--color-ten);
}

.service-block .inner-box .icon.color-three{
	background-color:var(--color-eleven);
}

.service-block .icon{
	position:relative;
	width:82px;
	height:82px;
	margin:0 auto;
	border-radius:50px;
	line-height:82px;
	font-size:var(--font-40);
	font-family: "flaticon";
	margin-bottom:var(--margin-bottom-25);
	background-color:var(--color-nine);
}

.service-block h3{
	font-weight:700;
}

.service-block h3 a{
	position:relative;
	color:var(--color-five);
}

.service-block h3 a:hover{
	color:var(--main-color);
}

.service-block .service-list{
	position:relative;
	margin-top:var(--margin-top-25);
}

.service-block .service-list li{
	position:relative;
	font-size:var(--font-18);
	margin-bottom:var(--margin-bottom-10);
	color:rgba(var(--color-two-rgb), 0.70);
}

.service-block .service-list li .check{
	position:relative;
	top:2px;
	font-family: "flaticon";
	margin-right:var(--margin-right-10);
}

.service-block .service-list li:last-child{
	margin-bottom:var(--margin-zero);
}

.service-block .button-box{
	position:relative;
	margin-top:var(--margin-top-40);
}

.service-block .button-box .read-more{
	position:relative;
	font-weight:500;
	border-radius:4px;
	padding:12px 29px;
	color:var(--black-color);
	font-size:var(--font-16);
	text-transform:capitalize;
	border:1px solid var(--black-color);
}

.service-block .button-box .read-more .arrow{
	position:relative;
	top:2px;
	font-family: "flaticon";
	margin-left:var(--margin-left-10);
}

.service-block .button-box .read-more:hover{
	color:var(--white-color);
	background-color:var(--black-color);
}

/*** 

====================================================================
	Case Section
====================================================================

***/

.case-section{
	position:relative;
	overflow:hidden;
	padding:80px 0px 80px;
}

.case-section.style-two{
	padding-top:var(--padding-top-5);
}

.case-section .sec-title{
	margin-bottom:var(--margin-bottom-120);
}

.case-section .outer-container{
	max-width:1800px;
	margin:0 auto;
	padding:0px 15px;
}

.case-section .pattern-layer{
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	height:776px;
	background-repeat:repeat-x;
}

.case-block{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.case-block .inner-box{
	position:relative;
	background-color:var(--white-color);
	border:1px solid var(--black-color);
}

.case-block .image{
	position:relative;
	padding:15px 15px;
	overflow:hidden;
	border-bottom:1px solid var(--black-color);
}

.case-block .image img{
	position:relative;
	width:100%;
	display:block;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.case-block .image:before{
	position: absolute;
	top: 0;
	left: -85%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .8)));
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%);
	-webkit-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	transform: skewX(-25deg);
	z-index: 1;
}

.case-block .inner-box:hover .image:before{
	-webkit-animation: shine 1s;
	animation: shine 1s;
}

.case-block .lower-content{
	position:relative;
	padding:30px 80px 30px 45px;
}

.case-block .title{
	position:relative;
	font-size:var(--font-14);
	text-transform:uppercase;
	color:var(--color-five);
}

.case-block h4{
	font-weight:700;
	margin-top:var(--margin-top-5);
}

.case-block h4 a{
	color:var(--color-five);
}

.case-block h4 a:hover{
	color:var(--main-color);
}

.case-block .arrow{
	position:relative;
	width:64px;
	height:64px;
	line-height:64px;
	text-align:center;
	border-radius:50px;
	font-size:var(--font-24);
	font-family: "flaticon";
	color:var(--white-color);
	background-color:var(--color-five);
}

.case-block .arrow:hover{
	background-color:var(--main-color);
}

/*** 

====================================================================
	CTA Section
====================================================================

***/

.cta-section{
	position:relative;
	padding:90px 0px 0px;
}

.cta-section.style-two{
	padding:80px 0px 140px;
}

.cta-section .inner-container{
	position:relative;
	padding:69px 80px;
	border:1px solid var(--black-color);
}

.cta-section .pattern-layer{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-repeat:repeat;
}

.cta-section .text{
	line-height:38px;
	font-weight:500;
	font-size:var(--font-26);
	color:var(--black-color);
}

/*** 

====================================================================
	Agency Section Two
====================================================================

***/

.agency-section-two{
	position:relative;
	padding:170px 0px 120px;
}

.agency-section-two .content-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.agency-section-two .content-column .inner-column{
	position:relative;
}

.agency-section-two .content-column .text{
	position:relative;
	line-height:34px;
	font-size:var(--font-18);
	color:var(--black-color);
	margin-top:var(--margin-top-10);
}

.agency-section-two .image-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.agency-section-two .image-column .inner-column{
	position:relative;
	text-align:right;
	padding-left:var(--padding-left-20);
}

.agency-section-two .image-column .image{
	position:relative;
	display:inline-block;
	padding:35px 30px 0px;
}

.agency-section-two .image-column .image img{
	position:relative;
	overflow:hidden;
	border-radius:0px 0px 0px 150px;
}

.agency-section-two .content-column .sec-title{
	margin-bottom:var(--margin-bottom-25);
}

.agency-section-two .bold-text{
	position:relative;
	font-weight:500;
	line-height:34px;
	color:var(--color-five);
	font-size:var(--font-18);
	padding-right:var(--padding-right-30);
	margin-bottom:var(--margin-bottom-30);
}

.agency-section-two .agency-list{
	position:relative;
}

.agency-section-two .agency-list li{
	position:relative;
	line-height:34px;
	font-size:var(--font-18);
	padding-left:var(--padding-left-45);
	margin-bottom:var(--margin-bottom-20);
}

.agency-section-two .agency-list li:before{
	position:absolute;
	content: "\f123";
	left:0px;
	top:7px;
	font-size:var(--font-28);
	font-family: "flaticon";
}

.agency-section-two .agency-list li:last-child{
	margin-bottom:var(--margin-zero);
}

.agency-section-two .explore{
	position:relative;
	padding:13px 45px;
	font-weight:500;
	border-radius:3px;
	display:inline-block;
	color:var(--black-color);
	font-size:var(--font-16);
	text-transform:capitalize;
	margin-top:var(--margin-top-50);
	background-color:var(--color-three);
}

.agency-section-two .explore .arrow{
	position:relative;
	top:2px;
	font-family: "flaticon";
	margin-left:var(--margin-left-5);
}

.agency-section-two .explore:hover{
	color:var(--white-color);
	background-color:var(--black-color);
}

.agency-section-two .pattern-layer{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:22px;
	z-index:-1;
	background-repeat:repeat-x;
	border:1px solid var(--black-color);
}

.agency-section-two.style-two .image-column .image{
	position:relative;
	padding:30px 30px 30px;
}

.agency-section-two.style-two .pattern-layer{
	bottom:0px;
}

.agency-section-two.style-three{
	padding-top:var(--padding-top-130);
	padding-bottom:var(--padding-bottom-100);
}

/*** 

====================================================================
	Testimonial Section
====================================================================

***/

.testimonial-section{
	position:relative;
	padding:130px 0px 90px;
	background-color: var(--color-eight);
}

.testimonial-section .image-column{
	position:relative;
}

.testimonial-section .image-column .inner-column{
	position:relative;
	margin-left:-85px;
	padding-right:var(--padding-right-30);
}

.testimonial-section .image-column .image{
	position:relative;
	overflow:hidden;
	border-radius: 280px;
	margin-bottom:var(--margin-bottom-70);
}

.testimonial-section .image-column .image img{
	position:relative;
	width:100%;
	display:block;
}

.testimonial-section .image-column .column:nth-child(2) .image{
	margin-top:var(--margin-top-60);
}

.testimonial-section .carousel-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.testimonial-section .carousel-column .inner-column{
	position:relative;
	padding-left:var(--padding-left-30);
}

.testimonial-section .icon-layer-one{
	position:absolute;
	left:-30px;
	top:-30px;
	width:47px;
	height:53px;
	background-repeat:no-repeat;
}

.testimonial-section .carousel-column .owl-nav{
	display:none;
}

.testimonial-section .carousel-column .owl-dots{
	position:absolute;
	right:0px;
	bottom:0px;
}

.testimonial-section .carousel-column .owl-dots .owl-dot{
	position:relative;
	width:12px;
	height:12px;
	border-radius:50px;
	display:inline-block;
	margin-left:var(--margin-left-10); 
	border:1px solid var(--black-color);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.testimonial-section .carousel-column .owl-dots .owl-dot.active,
.testimonial-section .carousel-column .owl-dots .owl-dot:hover{
	background-color:var(--black-color);
}

.testimonial-block{
	position:relative;
}

.testimonial-block .inner-box{
	position:relative;
}

.testimonial-block .quote{
	position:relative;
	width:87px;
	height:87px;
	line-height:87px;
	text-align:center;
	font-weight:700;
	border-radius:50px;
	display:inline-block;
	font-family: "flaticon";
	color:var(--black-color);
	font-size:var(--font-36);
	margin-bottom:var(--margin-bottom-30);
	background-color:var(--white-color);
}

.testimonial-block h3{
	position:relative;
	font-weight:600;
	color:var(--black-color);
	font-size:var(--font-32);
	margin-bottom:var(--margin-bottom-30);
}

.testimonial-block .text{
	line-height:52px;
	color:var(--black-color);
	font-size:var(--font-36);
	margin-bottom:var(--margin-bottom-45);
}

.testimonial-block .designation{
	position:relative;
	font-weight:700;
	color:var(--black-color);
	font-size:var(--font-24);
}

.testimonial-block .designation span{
	position:relative;
	font-weight:400;
	font-size:var(--font-14);
	text-transform:uppercase;
	margin-left:var(--margin-left-10);
}

/*** 

====================================================================
	News Section
====================================================================

***/

.news-section{
	position:relative;
	padding:140px 0px 120px;
}

.news-section.style-two{
	padding-bottom:var(--padding-bottom-110);
}

.news-section.style-three{
	padding-top:var(--padding-top-100);
}

.news-block{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.news-block .inner-box{
	position:relative;
}

.news-block .image{
	position:relative;
	overflow:hidden;
	background-color:var(--main-color);
}

.news-block .image img{
	position:relative;
	width:100%;
	display:block;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	transform:scale(1.06,1.06);
}

.news-block .inner-box:hover .image img{
	opacity:0.70;
	transform:scale(1,1);
}

.news-block .lower-content{
	position:relative;
	padding:30px 30px 40px;
	border:1px solid var(--black-color);
}

.news-block .post-date{
	position:relative;
	padding:6px 12px;
	display:inline-block;
	font-size:var(--font-14);
	color:var(--black-color);
	background-color:var(--color-three);
}

.news-block .comment{
	position:relative;
	display:inline-block;
	font-size:var(--font-14);
	color:var(--black-color);
	margin-left:var(--margin-left-20);
	padding-left:var(--padding-left-30);
}

.news-block .comment:before{
	position:absolute;
	content: "\f111";
	left:0px;
	top:0px;
	font-size:var(--font-20);
	font-family: "flaticon";
}

.news-block h4{
	font-weight:500;
	line-height:38px;
	margin-top:var(--margin-top-25);
	margin-bottom:var(--margin-bottom-30);
	padding-bottom:var(--padding-bottom-30);
	border-bottom:1px solid var(--color-twelve);
}

.news-block h4 a{
	color:var(--black-color);
}

.news-block h4 a:hover{
	color:var(--main-color);
}

.news-block .read-more{
	position:relative;
	padding:10px 30px;
	border-radius:3px;
	color:var(--creova-softwhite);
	font-size:var(--font-16);
	font-family: 'Gordita-Medium';
	border:1px solid var(--black-color);
	margin-right:var(--margin-right-25);
}

.news-block .read-more:hover{
	color:var(--white-color);
	border-color:var(--black-color);
	background-color:var(--black-color);
}

.news-block .author{
	position:relative;
}

.news-block .author .author-inner{
	position:relative;
	font-size:var(--font-18);
	color:var(--black-color);
	font-family: 'Gordita-Medium';
	padding-top:var(--padding-top-10);
	padding-left:var(--padding-left-50);
}

.news-block .author .author-image{
	position:absolute;
	left:0px;
	top:0px;
	width:42px;
	height:42px;
	overflow:hidden;
	border-radius:50%;
}

/*** 

====================================================================
	CTA Section Two
====================================================================

***/

.cta-section-two{
	position:relative;
	padding:80px 0px;
	border-top:1px solid var(--black-color);
	border-bottom:1px solid var(--black-color);
}

.cta-section-two .inner-container{
	position:relative;
}

.cta-section-two .pattern-layer{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-repeat:repeat;
}

.cta-section-two h2{
	position:relative;
	line-height:68px;
	font-weight:700;
	color:var(--black-color);
	font-size:var(--font-48);
}

/*** 

====================================================================
	Main Slider Two
====================================================================

***/

.main-slider-two{
	position:relative;
	overflow:hidden;
}

.main-slider-two .slide{
	position:relative;
	overflow:hidden;
	background-size:cover;
	padding:280px 0px 280px;
}

.main-slider-two .image-layer{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-webkit-transition: all 6000ms linear;
	-moz-transition: all 6000ms linear;
	-ms-transition: all 6000ms linear;
	-o-transition: all 6000ms linear;
	transition: all 6000ms linear;
	filter: grayscale(100%);
}

.main-slider-two .active .image-layer{
	-webkit-transform:scale(1.15);
	-ms-transform:scale(1.15);
	transform:scale(1.15);
}

.main-slider-two .slide:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	opacity:0.52;
	background-color:var(--color-two);
}

.main-slider-two .content-box{
	position:relative;
	z-index:2;
}

.main-slider-two .content-box .box-inner{
	position:relative;
}

.main-slider-two h1{
	
	transform: scale(1,0.3);
	opacity: 0;
	
	color:var(--white-color);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	margin-bottom:var(--margin-bottom-45);
}

.main-slider-two .active h1{
	transform: scale(1,1);
	opacity: 1;
	
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.main-slider-two .text{
	
	transform: scale(1,0.3);
	opacity: 0;
	
	font-weight:500;
	line-height:42px;
	color:var(--white-color);
	font-size:var(--font-24);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	margin-bottom:var(--margin-bottom-50);
}

.main-slider-two .active .text{
	transform: scale(1,1);
	opacity: 1;
	
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.main-slider-two .button-box{
	transform: scale(1,0.3);
	opacity: 0;
	
	display:inline-block;
	-webkit-transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: all 900ms ease;
}

.main-slider-two .active .button-box{
	transform: scale(1,1);
	opacity: 1;
	
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

.main-slider-two .email{
	
	transform: scale(1,0.3);
	opacity: 0;
	-webkit-transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: all 900ms ease;
	
	position:relative;
	color:var(--white-color);
	font-size:var(--font-16);
	margin-left:var(--margin-left-30);
}

.main-slider-two .email a{
	position:relative;
	font-weight:700;
	font-size:var(--font-20);
	color:var(--color-three);
	display:inline-block;
	margin-top:var(--margin-top-5);
}

.main-slider-two .active .email{
	transform: scale(1,1);
	opacity: 1;
	
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

.main-slider-two .play-box{
	position: relative;
	width:118px;
	height: 118px;
	z-index:10;
	font-weight:700;
	text-align: center;
	display: inline-block;
	line-height:118px;
	border-radius:50%;
	font-family: "flaticon";
	font-size:var(--font-32);
	color: var(--white-color);
	background-color:var(--color-three);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.main-slider-two .play-box:hover{
	color:var(--white-color);
	border-color:var(--main-color);
	background-color:var(--main-color);
}

.main-slider-two .play-box .ripple,
.main-slider-two .play-box .ripple:before,
.main-slider-two .play-box .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width:118px;
	height: 118px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    -o-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.main-slider-two .play-box .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.main-slider-two .play-box .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

.main-slider-two .owl-dots{
	position:absolute;
	left:0px;
	right:0px;
	bottom:30px;
	z-index:1;
	text-align:center;
}

.main-slider-two .owl-dots .owl-dot{
	position:relative;
	width:12px;
	height:12px;
	margin:0px 6px;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--white-color);
}

.main-slider-two .owl-dots .owl-dot:hover,
.main-slider-two .owl-dots .owl-dot.active{
	background-color:var(--white-color);
}

.main-slider-two .owl-nav{
	display:none;
}

/*** 

====================================================================
	Featured Section
====================================================================

***/

.featured-section{
	position:relative;
	padding:145px 0px 0px;
}

.featured-section .inner-container{
	position:relative;
	border-radius:5px;
	border:1px solid var(--black-color);
}

.featured-section .inner-container:before{
	position:absolute;
	content:'';
	left:0px;
	top:-4px;
	right:0px;
	bottom:-4px;
	border-radius:5px;
	border:1px solid var(--black-color);
}

.featured-section.style-two{
	padding:120px 0px 120px;
}

.feature-block{
	position:relative;
}

.feature-block .inner-box{
	position:relative;
	text-align:center;
	padding:40px 15px 40px;
}

.feature-block .icon{
	position:relative;
	width:82px;
	height:82px;
	margin:0 auto;
	line-height:82px;
	border-radius:50px;
	text-align:center;
	font-family: "flaticon";
	font-size:var(--font-36);
	background-color:var(--color-sixteen);
}

.feature-block h3{
	font-weight:700;
	color:var(--color-five);
	font-size:var(--font-28);
	margin-top:var(--margin-top-25);
}

.feature-block .text{
	opacity:0.70;
	line-height:34px;
	color:var(--black-color);
	font-size:var(--font-18);
	margin-top:var(--margin-top-20);
}

.feature-block:nth-child(2) .icon{
	background-color:var(--color-seventeen);
}

.feature-block:nth-child(3) .icon{
	background-color:var(--color-eighteen);
}

/*** 

====================================================================
	Offer Section
====================================================================

***/

.offer-section{
	position:relative;
	padding:130px 0px 110px;
	background-color:var(--color-eight);
}

.offer-section .auto-container{
	position:relative;
}

.offer-section .title-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.offer-section .title-column .inner-column{
	position:relative;
}

.offer-section .title-column .slides{
	position:relative;
	font-weight:600;
	font-size:var(--font-20);
	color:var(--black-color);
}

.offer-section .carousel-column{
	position:static;
	margin-bottom:var(--margin-bottom-30);
}

.offer-section .carousel-column .inner-column{
	position:static;
	margin-right:-150px;
}

.offer-section .carousel-column .owl-carousel,
.offer-section .carousel-column .owl-carousel .owl-stage-outer{
	position:static;
}

.offer-section .carousel-column .owl-dots{
	display:none;
}

.offer-section .carousel-column .owl-nav{
	position:absolute;
	left:200px;
	bottom:100px;
}

.offer-section .carousel-column .owl-nav .owl-prev,
.offer-section .carousel-column .owl-nav .owl-next{
	position:relative;
	width:60px;
	height:42px;
	line-height:36px;
	text-align:center;
	border-radius:3px;
	display:inline-block;
	font-size:var(--font-26);
	color:var(--black-color);
	margin-left:var(--margin-left-15);
	border:2px solid var(--black-color);
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.offer-section .carousel-column .owl-nav .owl-prev:hover,
.offer-section .carousel-column .owl-nav .owl-next:hover{
	color:var(--white-color);
	background-color:var(--black-color);
}

/*** 

====================================================================
	Case Section Two
====================================================================

***/

.case-section-two{
	position:relative;
	overflow:hidden;
	padding:80px 0px 90px;
}

.case-section-two .color-vector{
	position:absolute;
	right:15%;
	top:13%;
	width:18px;
	height:14px;
	border-radius:25px 30px;
	background-color:var(--black-color);
}

.case-section-two .inner-container{
	position:relative;
}

.case-section-two .inner-container:before{
	position:absolute;
	content:'';
	right:100%;
	top:0px;
	bottom:0px;
	width:200%;
	z-index:2;
	background:var(--white-color) url(../images/background/pattern-12.png);
}

.case-section-two .owl-carousel .owl-stage-outer{
	overflow:visible;
}

.case-section-two .lower-box{
	position:relative;
	font-weight:500;
	margin-top:-35px;
	font-size:var(--font-20);
}

.case-section-two .lower-box a{
	position:relative;
	z-index:1;
	font-weight:600;
	color:var(--black-color);
}

.case-section-two .lower-box a:hover{
	color:var(--main-color);
}

.case-section-two .sec-title{
	margin-bottom:var(--margin-bottom-120);
}

.case-section-two .pattern-layer{
	position:absolute;
	left:-1200px;
	right:-1200px;
	bottom:-90px;
	height:847px;
	opacity:0.50;
	z-index:1;
	background-repeat:repeat;
}

.case-section-two .owl-dots{
	display:none;
}

.case-section-two .owl-nav{
	position:relative;
	left:190px;
	margin-top:var(--margin-top-30);
}

.case-section-two .owl-nav .owl-prev,
.case-section-two .owl-nav .owl-next{
	position:relative;
	width:60px;
	height:42px;
	line-height:36px;
	text-align:center;
	border-radius:3px;
	display:inline-block;
	font-size:var(--font-26);
	color:var(--black-color);
	margin-right:var(--margin-right-15);
	border:2px solid var(--black-color);
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.case-section-two .owl-nav .owl-prev:hover,
.case-section-two .owl-nav .owl-next:hover{
	color:var(--white-color);
	background-color:var(--black-color);
}

.case-block-two{
	position:relative;
	z-index:20;
	margin-bottom:var(--margin-bottom-30);
}

.case-block-two .inner-box{
	position:relative;
	background-color:var(--white-color);
}

.case-block-two .image{
	position:relative;
	overflow:hidden;
	background-color:var(--color-two);
}

.case-block-two .image img{
	position:relative;
	width:100%;
	display:block;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.case-block-two .inner-box:hover .image img{
	opacity:0.70;
	transform:scale(1.08,1.08) rotate(1deg);
}

.case-block-two .lower-content{
	position:relative;
	padding:25px 45px 25px 45px;
	border:1px solid var(--black-color);
}

.case-block-two .lower-content:before{
	position:absolute;
	content:'';
	left:4px;
	top:4px;
	right:4px;
	bottom:4px;
	border:1px solid var(--black-color);
}

.case-block-two .title{
	position:relative;
	font-size:var(--font-14);
	text-transform:uppercase;
	color:var(--color-five);
}

.case-block-two h4{
	font-weight:700;
	margin-top:var(--margin-top-5);
}

.case-block-two h4 a{
	color:var(--color-five);
}

.case-block-two h4 a:hover{
	color:var(--main-color);
}

.case-block-two .arrow{
	position:relative;
	top:-10px;
}

.case-block-two .inner-box .arrow:hover{
	animation: icon-bounce 0.8s ease-out;
    -webkit-animation: icon-bounce 0.8s ease-out;
}

.case-block-two .arrow:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	height:104px;
	background:url(../images/icons/arrow-circle.png) no-repeat;
}

@-webkit-keyframes icon-bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes icon-bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

/*** 

====================================================================
	Faq Section
====================================================================

***/

.faq-section{
	position:relative;
	padding:140px 0px 110px;
	background-color:var(--color-nineteen);
}

.faq-section .title-box{
	position:relative;
	margin-bottom:var(--margin-bottom-60);
}

.faq-section .image-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.faq-section .image-column .inner-column{
	position:relative;
}

.faq-section .faq-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.faq-section .faq-column .inner-column{
	position:relative;
	padding-left:var(--padding-left-100);
}

/*** 

====================================================================
	Accordion Style
====================================================================

***/

.accordion-box{
	position:relative;
}

.accordion-box .block{
	position: relative;
	margin-bottom:var(--margin-bottom-30);
}

.accordion-box .block:last-child{
	margin-bottom:var(--margin-zero);
}

.accordion-box .block .acc-btn{
	position:relative;
	cursor:pointer;
	line-height:30px;
	font-weight:600;
	font-size:var(--font-24);
	transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	padding:0px 40px 30px 0px;
	border-bottom:1px solid var(--black-color);
}

.accordion-box .block .icon-outer{
	position:absolute;
	right:0px;
	top:15px;
	font-size:var(--font-20);
	color:var(--white-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	font-family: "Flaticon";
}

.accordion-box .block .icon-outer .icon{
    position: absolute;
    right: 0px;
    top: 50%;
	margin-top: -15px;
    font-size:var(--font-16);
    color:var(--black-color);
}

.accordion-box .block .icon-outer .icon-plus{
	opacity:1;
}

.accordion-box .block .icon-outer .icon-minus{
	opacity:0;
	font-weight:400;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-minus{
	opacity:1;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-plus{
	opacity:0;
}

.accordion-box .block .acc-btn.active .icon-outer{
	
}

.accordion-box .block .acc-content{
	position:relative;
	display:none;
}

.accordion-box .block .acc-content .content-text{
	
}

.accordion-box .block .acc-content.current{
	display:block;	
}

.accordion-box .block .content{
	position:relative;
	padding:25px 30px 0px 0px;
}

.accordion-box .block .content .text{
	line-height:32px;
	font-size:var(--font-18);
    color:var(--color-five);
}

.accordion-box.style-two .block{
	border-left:1px solid var(--black-color);
}

.accordion-box.style-two .block.active-block{
	border:1px solid var(--black-color);
}

.accordion-box.style-two .block .acc-btn{
	border-bottom:0px;
	font-size:var(--font-20);
	padding:20px 50px 20px 30px;
	background-color:var(--creova-blue);
}

.accordion-box.style-two .block .icon-outer{
	right:25px;
	top:25px;
	width:28px;
	height:28px;
	border-radius:50px;
	text-align:center;
	border:1px solid var(--black-color);
}

.accordion-box.style-two .block .acc-btn.active .icon-outer{
	transform:rotate(180deg);
}

.accordion-box.style-two .block .acc-btn.active .icon-outer .icon{
	right:5px;
}

.accordion-box.style-two .block .icon-outer .icon{
	right:4px;
}

.accordion-box.style-two .block .content{
	padding:10px 30px 35px;
	background-color:var(--creova-softwhite);
}

/*** 

====================================================================
	Team Section
====================================================================

***/

.team-section{
	position:relative;
	padding:120px 0px 120px;
}

.team-block{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.team-block .inner-box{
	position:relative;
	text-align:center;
}

.team-block .image{
	position:relative;
	border-radius:3px;
	overflow:hidden;
}

.team-block .image img{
	position:relative;
	width:100%;
	display:block;
}

.team-block .overlay-box{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	
	display:flex;
	justify-content:center;
	align-items: center;
	flex-wrap: wrap;
	
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	background-position:center center;
}

.team-block .overlay-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.30;
	background-color:var(--main-color);
}

.team-block .social-box{
	position:relative;
}

.team-block .social-box li{
	position:relative;
	margin:0px 8px;
	display:inline-block;
}

.team-block .social-box li a{
	position:relative;
	color:var(--white-color);
	font-size:var(--font-24);
}

.team-block .social-box li a:hover{
	color:var(--color-three);
}

.team-block .overlay-box .overlay-inner{
	position:relative;
	text-align:center;
}

.team-block .inner-box:hover .overlay-box{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.team-block .content{
	position:relative;
	padding:37px 15px;
	text-align:center;
	background-color:var(--color-twenty);
}

.team-block h4{
	font-weight:600;
	margin-top:var(--margin-top-10);
}

.team-block h4 a{
	position:relative;
	color:var(--black-color);
}

.team-block .title{
	position:relative;
	padding:4px 12px;
	display:inline-block;
	font-size:var(--font-14);
	color:var(--white-color);
	text-transform:capitalize;
	background-color:var(--black-color);
}

/*** 

====================================================================
	Testimonial Section
====================================================================

***/

.testimonial-section-two{
	position:relative;
	padding:120px 0px 130px;
	background-color: var(--color-twentyone);
}

.testimonial-section-two .inner-container{
	position:relative;
	max-width:952px;
	margin:0 auto;
}

.testimonial-section-two .image-one{
	position:absolute;
	right:8%;
	top:10%;
	width:186px;
	height:239px;
}

.testimonial-section-two .image-one img{
	position:absolute;
	right:8%;
	top:10%;
	overflow:hidden;
	border-radius: 280px;
}

.testimonial-section-two .image-one:before{
	position:absolute;
	content:'';
	right:-30px;
	bottom:-40px;
	width: 47px;
    height: 53px;
	background:url(../images/icons/icon-2.png);
    background-repeat: no-repeat;
}

.testimonial-section-two .image-two{
	position:absolute;
	left:7%;
	bottom:12%;
	width:186px;
	height:239px;
}

.testimonial-section-two .image-two:before{
	position:absolute;
	content:'';
	left:-40px;
	top:-50px;
	width: 47px;
    height: 53px;
	background:url(../images/icons/icon-1.png);
    background-repeat: no-repeat;
}

.testimonial-section-two .image-two img{
	position:absolute;
	left:7%;
	bottom:12%;
	overflow:hidden;
	border-radius: 280px;
}

.testimonial-section-two .owl-nav{
	display:none;
}

.testimonial-section-two .owl-dots{
	position:absolute;
	right:-100px;
	bottom:0px;
}

.testimonial-section-two .owl-dots .owl-dot{
	position:relative;
	width:12px;
	height:12px;
	border-radius:50px;
	display:inline-block;
	margin-left:var(--margin-left-10); 
	border:1px solid var(--black-color);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.testimonial-section-two .owl-dots .owl-dot.active,
.testimonial-section-two .owl-dots .owl-dot:hover{
	background-color:var(--black-color);
}

.testimonial-block-two{
	position:relative;
}

.testimonial-block-two .inner-box{
	position:relative;
	text-align:center;
}

.testimonial-block-two .quote{
	position:relative;
	width:87px;
	height:87px;
	line-height:87px;
	text-align:center;
	font-weight:700;
	border-radius:50px;
	display:inline-block;
	font-family: "flaticon";
	color:var(--black-color);
	font-size:var(--font-36);
	margin-bottom:var(--margin-bottom-40);
	background-color:var(--white-color);
}

.testimonial-block-two h3{
	position:relative;
	font-weight:600;
	color:var(--black-color);
	font-size:var(--font-32);
	margin-bottom:var(--margin-bottom-30);
}

.testimonial-block-two .text{
	line-height:52px;
	color:var(--black-color);
	font-size:var(--font-36);
	margin-bottom:var(--margin-bottom-70);
}

.testimonial-block-two .designation{
	position:relative;
	font-weight:700;
	color:var(--black-color);
	font-size:var(--font-24);
}

.testimonial-block-two .designation span{
	position:relative;
	font-weight:400;
	display:block;
	font-size:var(--font-14);
	text-transform:capitalize;
	margin-top:var(--margin-top-15);
}

/* News Block Two */

.news-block-two{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.news-block-two .inner-box{
	position:relative;
	border-radius:3px;
	padding:50px 30px 30px;
	border:1px solid var(--black-color);
}

.news-block-two .category{
	position:relative;
	padding:6px 15px;
	display:inline-block;
	font-size:var(--font-14);
	color:var(--white-color);
	background-color:var(--black-color);
}

.news-block-two .comment{
	position:relative;
	display:inline-block;
	font-size:var(--font-14);
	color:var(--black-color);
	margin-left:var(--margin-left-20);
	padding-left:var(--padding-left-30);
}

.news-block-two .comment:before{
	position:absolute;
	content: "\f111";
	left:0px;
	top:0px;
	font-size:var(--font-20);
	font-family: "flaticon";
}

.news-block-two h4{
	font-weight:500;
	line-height:38px;
	margin-top:var(--margin-top-30);
	margin-bottom:var(--margin-bottom-25);
}

.news-block-two h4 a{
	color:var(--black-color);
}

.news-block-two h4 a:hover{
	color:var(--main-color);
}

.news-block-two .text{
	line-height:32px;
	font-size:var(--font-16);
	color:var(--color-twentytwo);
	margin-bottom:var(--margin-bottom-30);
	padding-bottom:var(--padding-bottom-30);
	border-bottom:1px solid var(--color-twelve);
}

.news-block-two .read-more{
	position:relative;
	padding:10px 30px;
	border-radius:3px;
	color:var(--black-color);
	font-size:var(--font-16);
	font-family: 'Gordita-Medium';
	border:1px solid var(--black-color);
	margin-right:var(--margin-right-25);
}

.news-block-two .read-more:hover{
	color:var(--white-color);
	border-color:var(--main-color);
	background-color:var(--main-color);
}

.news-block-two .author{
	position:relative;
}

.news-block-two .author .author-inner{
	position:relative;
	font-size:var(--font-18);
	color:var(--black-color);
	font-family: 'Gordita-Medium';
	padding-top:var(--padding-top-10);
	padding-left:var(--padding-left-50);
}

.news-block-two .author .author-image{
	position:absolute;
	left:0px;
	top:0px;
	width:42px;
	height:42px;
	overflow:hidden;
	border-radius:50%;
}

/*** 

====================================================================
	Subscribe Section
====================================================================

***/

.subscribe-section{
	position:relative;
	padding:100px 0px 100px;
	background-color: var(--color-twentyone);
}

.subscribe-section .title-box{
	position:relative;
	text-align:center;
	margin-bottom:var(--margin-bottom-50);
}

.subscribe-section .title-box h2{
	position:relative;
	font-weight:600;
	line-height:58px;
	color:var(--color-twentythree);
}

.subscribe-section .subscribe-box{
	width:100%;
	max-width:570px;
	margin:0 auto;
}

.subscribe-section .lower-text{
	position:relative;
	text-align:center;
	font-size:var(--font-16);
	color:var(--color-twentythree);
	margin-top:var(--margin-top-30);
}

/* Subscribe Box */

.subscribe-box{
	position:relative;
}

.subscribe-box .form-group{
	position:relative;
	margin:0px;
	width:100%;
	max-width:100%;
	border-radius:4px;
}

.subscribe-box .form-group input[type="text"],
.subscribe-box .form-group input[type="email"]{
	position:relative;
	line-height:43px;
	display:block;
	height:68px;
	width:100%;
	border-radius:0px;
	box-shadow:inherit;
	font-size:var(--font-16);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	padding:10px 190px 10px 25px;
	color:var(--black-color);
	background-color:var(--white-color);
}

.subscribe-box .form-group input::placeholder,
.subscribe-box .form-group textarea::placeholder{
	color:var(--black-color);
	opacity:0.70;
}

.subscribe-box .form-group button{
	position:absolute;
	right:0px;
	top:0px;
	bottom:0px;
	border-radius:3px;
	text-transform:uppercase;
}

.subscribe-box .form-group button:hover{
	
}

/*** 

====================================================================
	Main Slider Three
====================================================================

***/

.main-slider-three{
	position:relative;
	overflow:hidden;
}

.main-slider-three .image-layer{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-webkit-transition: all 6000ms linear;
	-moz-transition: all 6000ms linear;
	-ms-transition: all 6000ms linear;
	-o-transition: all 6000ms linear;
	transition: all 6000ms linear;
	filter: grayscale(100%);
}

.main-slider-three .active .image-layer{
	-webkit-transform:scale(1.15);
	-ms-transform:scale(1.15);
	transform:scale(1.15);
}

.main-slider-three .slide{
	position:relative;
	overflow:hidden;
	background-size:cover;
	padding:190px 0px 140px;
}

.main-slider-three .slide:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	opacity:0.52;
	background-color:var(--color-two);
}

.main-slider-three .content-box{
	position:relative;
	z-index:2;
}

.main-slider-three .content-box .box-inner{
	position:relative;
	padding-top:var(--padding-top-90);
}




.main-slider-three .title{
	position:relative;
	transform: scale(1,0.3);
	opacity: 0;
	font-weight:700;
	color: var(--color-three);
    font-size: var(--font-20);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	margin-bottom:var(--margin-bottom-20);
}

.main-slider-three .active .title{
	transform: scale(1,1);
	opacity: 1;
	
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}




.main-slider-three h1{
	
	transform: scale(1,0.3);
	opacity: 0;
	
	color:var(--white-color);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	margin-bottom:var(--margin-bottom-35);
}

.main-slider-three .active h1{
	transform: scale(1,1);
	opacity: 1;
	
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.main-slider-three .text{
	
	transform: scale(1,0.3);
	opacity: 0;
	
	font-weight:500;
	line-height:42px;
	color:var(--white-color);
	font-size:var(--font-24);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	margin-bottom:var(--margin-bottom-50);
}

.main-slider-three .active .text{
	transform: scale(1,1);
	opacity: 1;
	
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

.main-slider-three .button-box{
	transform: scale(1,0.3);
	opacity: 0;
	
	display:inline-block;
	-webkit-transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: all 900ms ease;
}

.main-slider-three .active .button-box{
	transform: scale(1,1);
	opacity: 1;
	
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

.main-slider-three .email{
	
	transform: scale(1,0.3);
	opacity: 0;
	-webkit-transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: all 900ms ease;
	
	position:relative;
	color:var(--white-color);
	font-size:var(--font-16);
	margin-left:var(--margin-left-30);
}

.main-slider-three .email a{
	position:relative;
	font-weight:700;
	font-size:var(--font-20);
	color:var(--white-color);
	display:inline-block;
	margin-top:var(--margin-top-5);
}

.main-slider-three .active .email{
	transform: scale(1,1);
	opacity: 1;
	
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

.main-slider-three .image-box{
	position:relative;
}

.main-slider-three .image-box .box-inner{
	position:relative;
	padding-left:var(--padding-left-30);
}

.main-slider-three .image-box .image{
	position:relative;
	margin-right:-120px;
	z-index:1;
}

.main-slider-three .pattern-layer{
	position:absolute;
	left:0px;
	top:0px;
	width:708px;
	height:734px;
}

.main-slider-three .owl-dots{
	position:absolute;
	left:0px;
	right:0px;
	bottom:30px;
	z-index:1;
	text-align:center;
}

.main-slider-three .owl-dots .owl-dot{
	position:relative;
	width:12px;
	height:12px;
	margin:0px 6px;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--white-color);
}

.main-slider-three .owl-dots .owl-dot:hover,
.main-slider-three .owl-dots .owl-dot.active{
	background-color:var(--white-color);
}

.main-slider-three .owl-nav{
	display:none;
}

/*** 

====================================================================
	Offer Section Two
====================================================================

***/

.offer-section-two{
	position:relative;
	padding:110px 0px 110px;
	background-color:var(--color-creova-softwhite);
}

.service-block-two{
	position:relative;
	z-index:1;
	margin-bottom:var(--margin-bottom-30);
}

.service-block-two .inner-box{
	position:relative;
	border-radius:5px;
	background-color:var(--white-color);
}

.service-block-two .content{
	position:relative;
	padding:45px 30px 45px;
}

.service-block-two .inner-box:before{
	position:absolute;
	content:'';
	left:5px;
	top:-2px;
	right:-1px;
	bottom:0px;
	z-index:-1;
	border-radius:5px;
	border:1px solid var(--black-color);
}

.service-block-two .icon-box{
	position:relative;
}

.service-block-two .icon-box .box-inner{
	position:relative;
	padding-left:var(--padding-left-100);
}

.service-block-two .icon{
	position:absolute;
	left:0px;
	top:0px;
	width:80px;
	height:80px;
	line-height:80px;
	border-radius:50px;
	text-align:center;
	display:inline-block;
	color:var(--black-color);
	font-family: "flaticon";
	font-size:var(--font-36);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	background-color:var(--color-twentyseven);
}

.service-block-two .inner-box:hover .icon{
	-webkit-transform: scale(-1) rotate(180deg);
    -moz-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    -o-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}

.service-block-two:nth-child(2) .inner-box .icon{
	background-color:var(--color-eight);
}

.service-block-two:nth-child(3) .inner-box .icon{
	background-color:var(--color-eleven);
}

.service-block-two h3{
	font-weight:700;
	line-height:36px;
}

.service-block-two h3 a{
	color:var(--color-five);
}

.service-block-two h3 a:hover{
	color:var(--main-color);
}

.service-block-two .text{
	line-height:34px;
	font-size:var(--font-16);
	color:var(--black-color);
	margin-top:var(--margin-top-35);
}

.service-block-two .service-list{
	position:relative;
	margin-top:var(--margin-top-25);
}

.service-block-two .service-list li{
	position:relative;
	font-size:var(--font-18);
	padding-left:var(--padding-left-30);
	margin-bottom:var(--margin-bottom-10);
	color:rgba(var(--color-two-rgb), 0.70);
}

.service-block-two .service-list li:before{
	position:absolute;
	content: "\f125";
	left:0px;
	top:0px;
	font-family: "flaticon";
}

.service-block-two .service-list li:last-child{
	margin-bottom:var(--margin-zero);
}

.service-block-two .read-more{
	position:relative;
	font-weight:500;
	display:block;
	padding:14px 10px;
	text-align:center;
	border-radius:5px;
	font-size:var(--font-16);
	color:var(--black-color);
	text-transform:capitalize;
	background-color:var(--color-twentyeight);
}

.service-block-two .read-more .arrow{
	position:relative;
	line-height:1em;
	top:3px;
	font-family: "flaticon";
	margin-left:var(--margin-left-5);
}

.service-block-two .read-more:hover{
	color:var(--white-color);
	background-color:var(--black-color);
}

.offer-section-two .lower-box{
	position:relative;
	margin-top:var(--margin-top-40);
}

.offer-section-two .lower-box .text{
	position:relative;
	line-height:32px;
	font-size:var(--font-18);
	color:var(--black-color);
}

.offer-section-two .lower-box .services{
	position:relative;
	font-weight:600;
	font-size:var(--font-20);
	color:var(--black-color);
	padding-bottom:var(--padding-bottom-5);
	border-bottom:2px solid var(--black-color);
}

.offer-section-two .lower-box .services:hover{
	color:var(--main-color);
}

.offer-section-two .lower-box .check-box{
	position:relative;
	padding:15px 55px 15px 25px;
	background-color:var(--color-twentynine);
}

.offer-section-two .lower-box .check-box .box-inner{
	position:relative;
	line-height:32px;
	font-size:var(--font-18);
	padding-left:var(--padding-left-80);
}

.offer-section-two .lower-box .check-box .icon{
	position:absolute;
	left:0px;
	top:7px;
	width:57px;
	height:57px;
	line-height:57px;
	text-align:center;
	border-radius:50px;
	display:inline-block;
	color:va(--black-color);
	font-family: "flaticon";
	font-size:var(--font-20);
	background-color:var(--color-three);
}

/*** 

====================================================================
	Agency Section Three
====================================================================

***/

.agency-section-three{
	position:relative;
	padding:170px 0px 120px;
}

.agency-section-three .image-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.agency-section-three .image-column .inner-column{
	position:relative;
	padding-bottom:175px;
}

.agency-section-three .image-column .image{
	position:relative;
}

.agency-section-three .image-column .image img{
	max-width:inherit;
	margin-left: -350px;
}

.agency-section-three .image-column .image-two{
	position:absolute;
	right:60px;
	bottom:0px;
}

.agency-section-three .count-box{
	position:absolute;
	right:60px;
	top:150px;
	width:211px;
	height:211px;
	z-index:1;
	text-align:center;
	border-radius:50%;
	font-weight:500;
	font-family: 'Gordita';
	color:var(--white-color);
	font-size:var(--font-22);
	padding-top:var(--padding-top-55);
	background-color:var(--main-color);
	border:12px solid var(--white-color);
}

.agency-section-three .count-box .counter{
	position:relative;
	font-weight:800;
	display:block;
	line-height:1em;
	font-family: 'Gordita';
	color:var(--white-color);
	font-size:var(--font-48);
	margin-top:var(--margin-top-15);
}

.agency-section-three .count-box .counter i{
	top:-7px;
	font-style:normal;
}

.agency-section-three .vector-layer-one{
	position:absolute;
	right:50px;
	bottom:-100px;
	width:458px;
	height:636px;
	z-index:1;
	background-repeat:no-repeat;
}

.agency-section-three .vector-layer-two{
	position:absolute;
	left:120px;
	bottom:40px;
	width:256px;
	height:256px;
	z-index:1;
	background-repeat:no-repeat;
}

.agency-section-three .content-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.agency-section-three .content-column .inner-column{
	position:relative;
}

.agency-section-three .content-column .sec-title{
	margin-bottom:var(--margin-bottom-30);
}

.agency-section-three .content-column .bold-text{
	position:relative;
	font-weight:500;
	line-height:34px;
	font-size:var(--font-18);
	color:var(--color-five);
	padding-right:var(--padding-right-50);
	margin-bottom:var(--margin-bottom-30);
}

.agency-section-three .agency-box-two{
	position:relative;
	font-weight:500;
	line-height:32px;
	color:var(--black-color);
	font-size:var(--font-20);
	margin-bottom:var(--margin-bottom-25);
}

.agency-section-three .agency-box-two .icon{
	position:relative;
	width:72px;
	height:72px;
	line-height:72px;
	text-align:center;
	border-radius:50px;
	display:block;
	color:var(--black-color);
	font-size:var(--font-30);
	font-family: "flaticon";
	background-color:var(--color-thirty);
	margin-bottom:var(--margin-bottom-15);
	border:1px solid rgba(var(--black-color-rgb), 0.05);
}

.agency-section-three .content{
	position:relative;
	padding-left:var(--padding-left-30);
	border-left:1px solid var(--black-color);
}

.agency-section-three .content .image{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.agency-section-three .content .image img{
	position:relative;
	width:100%;
	display:block;
}

.agency-section-three .content p{
	position:relative;
	line-height:34px;
	color:var(--color-five);
	font-size:var(--font-16);
}

/*** 

====================================================================
	Testimonial Section Three
====================================================================

***/

.testimonial-section-three{
	position:relative;
	padding:150px 0px 120px;
	background-color: var(--color-creova-softwhite);
}

.testimonial-section-three .owl-nav{
	display:none;
}

.testimonial-section-three .owl-dots{
	position:relative;
	left:0px;
	right:0px;
	bottom:0px;
	text-align:center;
	margin-top:var(--margin-top-30);
}

.testimonial-section-three .owl-dots .owl-dot{
	position:relative;
	width:12px;
	height:12px;
	border-radius:50px;
	display:inline-block;
	margin-left:var(--margin-left-10); 
	border:1px solid var(--black-color);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.testimonial-section-three .owl-dots .owl-dot.active,
.testimonial-section-three .owl-dots .owl-dot:hover{
	background-color:var(--black-color);
}

.testimonial-block-three{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.testimonial-block-three .inner-box{
	position:relative;
	padding:60px 40px;
	background-color:var(--white-color);
	border:1px solid var(--black-color);
}

.testimonial-block-three h3{
	font-weight:600;
	font-size:var(--font-32);
	margin-bottom:var(--margin-bottom-30);
}

.testimonial-block-three .text{
	position:relative;
	line-height:44px;
	font-size:var(--font-24);
	color:var(--black-color);
	margin-bottom:var(--margin-bottom-40);
}

.testimonial-block-three .author-box{
	position:relative;
}

.testimonial-block-three .author-box .box-inner{
	position:relative;
	font-weight:700;
	min-height:99px;
	font-size:var(--font-24);
	color:var(--black-color);
	padding-top:var(--padding-top-20);
	padding-left:var(--padding-left-120);
}

.testimonial-block-three .author-box .image{
	position:absolute;
	left:0px;
	top:0px;
	width:99px;
	height:99px;
	overflow:hidden;
	border-radius:50%;
}

.testimonial-block-three .author-box span{
	position:relative;
	display:block;
	opacity:0.70;
	font-weight:400;
	font-size:var(--font-14);
	color:var(--black-color);
	text-transform:uppercase;
	margin-top:var(--margin-top-15);
}

.testimonial-block-three .quote{
	position:absolute;
	right:0px;
	bottom:0px;
	z-index:1;
	width:60px;
	font-weight:600;
	line-height:75px;
	text-align:center;
	font-size:var(--font-38);
	font-family: "flaticon";
}

.testimonial-block-three .quote:after{
	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	width:103px;
	height:128px;
	z-index:-1;
	background-color:var(--creova-lime);
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

/*** 

====================================================================
	Page Title
====================================================================

***/

.page-title{
	position:relative;
	overflow:hidden;
	text-align:center;
	background-size:cover;
	padding:270px 0px 190px;
}

.page-title:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.52;
	background-color: var(--color-two);
}

.page-title h2{
	font-weight:800;
	color:var(--white-color);
	font-size:var(--font-75);
	padding-bottom:var(--padding-bottom-30);
}

.page-title .bread-crumb{
	position: relative;
}

.page-title .bread-crumb li{
	position: relative;
	font-weight: 400;
	display:inline-block;
	text-transform: capitalize;
	font-size: var(--font-18);
	color: var(--white-color);
	margin-right: var(--margin-right-15);
	padding-right: var(--padding-right-15);
	font-family:var(--font-family-Roboto);
}

.page-title .bread-crumb li:before{
	position: absolute;
	right: -6px;
	top:-3px;
	color: #ffffff;
    content: "|";
	font-weight:400;
	font-size: var(--font-20);
	color: var(--white-color);
	font-family: "flaticon";
}

.page-title .bread-crumb li:last-child{
	padding-right: 0;
	margin-right: 0;
}

.page-title .bread-crumb li:last-child:before{
	display: none;
}

.page-title .bread-crumb li a{
	font-weight: 400;
	color: var(--white-color);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;	
}

.page-title .bread-crumb li a:hover{
	color: var(--main-color);
}

/*** 

====================================================================
	Team Page Section
====================================================================

***/

.team-page-section{
	position:relative;
	padding:130px 0px 120px;
}

/*** 

====================================================================
	Sidebar Page Container
====================================================================

***/

.sidebar-page-container{
	position:relative;
	padding:130px 0px 70px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
	margin-bottom:40px;
}

.sidebar-widget{
	position:relative;
	border-radius:3px;
	border:1px solid var(--black-color);
	margin-bottom:var(--margin-bottom-45);
	background-color:var(--color-thirtyone);
}

.sticky-top{
	z-index:1;
	top:95px;
}

/* Service Widget */

.service-widget{
	position:relative;
}

.sidebar-widget .sidebar-title{
	position:relative;
	padding:20px 50px;
	border-bottom:1px solid var(--black-color);
}

.sidebar-widget .sidebar-title h4{
	font-weight:700;
}

.service-widget .content{
	position:relative;
	padding:35px 50px;
}

.service-widget .pages-list{
	position:relative;
}

.service-widget .pages-list li{
	position:relative;
	margin-bottom:var(--margin-bottom-20);
}

.service-widget .pages-list li a{
	position:relative;
	display:block;
	font-size: var(--font-20);
	color: var(--black-color);
	text-transform:capitalize;
}

.service-widget .pages-list li span{
	position:absolute;
	right:0px;
}

.service-widget .pages-list li a:hover{
	color: var(--main-color);
	text-decoration:underline;
}

.service-widget .pages-list li:last-child{
	margin-bottom:var(--margin-zero);
}

/* Testimonial Widget */

.testimonial-widget{
	border:none;
}

.testimonial-widget .content-outer{
	position:relative;
	padding:40px 40px;
	background-color:var(--color-eight);
}

.testimonial-widget .owl-dots,
.testimonial-widget .owl-nav{
	display:none;
}

.testimonial-widget .vector-layer{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-position:center center;
	background-repeat:no-repeat;
}

.testimonial-widget .content{
	position:relative;
	border-radius:3px;
	text-align:center;
	padding:80px 25px 70px;
	background-color:var(--color-thirtytwo);
}

.testimonial-widget .text{
	position:relative;
	line-height:32px;
	font-size: var(--font-18);
	color: var(--black-color);
	margin-bottom:var(--margin-bottom-25);
}

.testimonial-widget .designation{
	position:relative;
	font-weight:600;
	font-size: var(--font-18);
	color: var(--black-color);
}

.testimonial-widget .designation span{
	position:relative;
	font-weight:400;
	font-size: var(--font-15);
}

/* Service Detail */

.service-detail{
	position:relative;
}

.service-detail .inner-box{
	position:relative;
	padding-left:var(--padding-left-20);
}

.service-detail h2{
	font-size:var(--font-60);
	margin-bottom:var(--margin-bottom-40);
}

.service-detail p{
	position:relative;
	line-height:36px;
	color:var(--color-five);
	font-size:var(--font-20);
	margin-bottom:var(--margin-bottom-25);
}

.service-detail h3{
	font-size: var(--font-32);
	margin-bottom:var(--margin-bottom-25);
}

.service-detail .column{
	margin-top:var(--margin-top-15);
	margin-bottom:var(--margin-bottom-30);
}
	
.service-detail .number-box{
	position:relative;
	margin-bottom:var(--margin-bottom-20);
}

.service-detail .number-box .box-inner{
	position:relative;
	font-weight:500;
	min-height:79px;
	color:var(--black-color);
	font-size:var(--font-20);
	padding-top:var(--padding-top-25);
	padding-left:var(--padding-left-90);
}

.service-detail .number-box .number{
	position:absolute;
	left:0px;
	top:0px;
	width:75px;
	height:75px;
	font-weight:700;
	line-height:75px;
	border-radius:50px;
	text-align:center;
	color:var(--black-color);
	font-size:var(--font-32);
	display:inline-block;
	background-color:var(--color-thirtythree);
}

.service-detail .column:nth-child(2) .number-box .number{
	background-color:var(--color-thirtytwo);
}

.service-detail .column .goal-text{
	position:relative;
	line-height:32px;
	color:var(--black-color);
	font-size:var(--font-16);
	margin-bottom:var(--margin-bottom-15);
}

.service-detail .options{
	position:relative;
}

.service-detail .options li{
	position:relative;
	line-height:32px;
	color:var(--black-color);
	font-size:var(--font-16);
	padding-left:var(--padding-left-30);
	margin-bottom:var(--margin-bottom-10);
}

.service-detail .options li:before{
	position:absolute;
	content: "\f125";
	left:0px;
	font-family: "flaticon";
}

.service-detail .image{
	position:relative;
	border-radius:3px;
	overflow:hidden;
	margin-bottom:var(--margin-bottom-40);
}

.service-detail .image img{
	position:relative;
	width:100%;
	display:block;
}

.service-detail .ratio-text{
	position:relative;
	padding-right:200px;
	line-height:36px;
	color:var(--color-five);
	font-size:var(--font-20);
	margin-bottom:var(--margin-bottom-40);
}

.service-detail .ratio-text span{
	position:absolute;
	right:0px;
	top:-25px;
	width:137px;
	height:137px;
	line-height:137px;
	text-align:center;
	border-radius:50%;
	color:var(--black-color);
	font-size:var(--font-36);
	background-color:var(--color-thirtytwo);
}

.service-detail .ratio-text span.style-two{
	background-color:var(--color-eight);
}

/*** 

====================================================================
	Project Page Section
====================================================================

***/

.project-page-section{
	position:relative;
	padding:140px 0px 100px;
}

.project-page-section .outer-container{
	position:relative;
	padding:0px 15px;
	max-width:1800px;
	margin:0 auto;
}

/*** 

====================================================================
	Project Detail
====================================================================

***/

.project-detail{
	position:relative;
	padding:140px 0px 140px;
}

.project-detail .image{
	position:relative;
	margin-bottom:var(--margin-bottom-60);
}

.project-detail .image img{
	position:relative;
	width:100%;
	display:block;
	overflow:hidden;
	border-radius:3px;
}

/* Client Info Box */

.client-info-box{
	position:relative;
	margin-bottom:var(--margin-bottom-50);
}

.client-info-box .inner-box{
	position:relative;
	border-radius:3px;
	border:1px solid var(--black-color);
	background-color:var(--color-thirtyone);
}

.client-info-box .info{
	position:relative;
	padding:25px 30px;
	border-bottom:1px solid var(--black-color);
}

.client-info-box .info .info-inner{
	position:relative;
	font-size:var(--font-18);
	padding-left:var(--padding-left-65);
	color:rgba(var(--color-two-rgb), 0.60);
}

.client-info-box .info .icon{
	position:absolute;
	left:0px;
	top:2px;
	line-height:1em;
	color:var(--black-color);
	font-size:var(--font-44);
	font-family: "flaticon";
}

.client-info-box .info strong{
	position:relative;
	display:block;
	font-weight:600;
	font-size:var(--font-18);
	text-transform:uppercase;
	color:var(--black-color);
	margin-bottom:var(--margin-bottom-10);
}

.client-info-box .info:last-child{
	border-bottom:var(--border-zero);
}

.project-detail .right-column h2{
	font-size:var(--font-60);
	margin-bottom:var(--margin-bottom-30);
}

.project-detail .right-column p{
	position:relative;
	line-height:36px;
	color:var(--color-five);
	font-size:var(--font-20);
	margin-bottom:var(--margin-bottom-25);
}

.project-detail .right-column h3{
	font-size: var(--font-32);
	margin-bottom:var(--margin-bottom-25);
}

.project-detail .right-column .column{
	margin-top:var(--margin-top-15);
	margin-bottom:var(--margin-bottom-30);
}

.project-detail .right-column h5{
	line-height:34px;
	color:var(--black-color);
	margin-bottom:var(--margin-bottom-15);
}

.project-detail .right-column .options{
	position:relative;
}

.project-detail .right-column .options li{
	position:relative;
	line-height:32px;
	color:var(--black-color);
	font-size:var(--font-16);
	padding-left:var(--padding-left-30);
	margin-bottom:var(--margin-bottom-5);
}

.project-detail .right-column .options li:before{
	position:absolute;
	content: "\f125";
	left:0px;
	font-family: "flaticon";
}

.project-detail .right-column .text{
	line-height:32px;
	color:var(--color-five);
	font-size:var(--font-16);
	margin-bottom:var(--margin-bottom-25);
}

.project-detail .right-column .lower-image{
	position:relative;
	border-radius:3px;
	overflow:hidden;
	margin-top:var(--margin-top-35);
	margin-bottom:var(--margin-bottom-50);
}

.project-detail .right-column .ratio-text{
	position:relative;
	padding-right:200px;
	line-height:36px;
	color:var(--color-five);
	font-size:var(--font-20);
}

.project-detail .right-column .ratio-text span{
	position:absolute;
	right:0px;
	top:-25px;
	width:137px;
	height:137px;
	line-height:137px;
	text-align:center;
	border-radius:50%;
	color:var(--black-color);
	font-size:var(--font-36);
	background-color:var(--color-three);
}

/*** 

====================================================================
	News Page Section
====================================================================

***/

.news-page-section{
	position:relative;
	padding:140px 0px 100px;
}

/* Search Box Widget */

.sidebar .search-box{
	position:relative;
	border:none;
}

.sidebar .search-box .form-group{
	position:relative;
	margin:var(--margin-zero);
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
	position:relative;
	line-height:28px;
	font-size:var(--font-16);
	padding:10px 50px 10px 25px;
	background:none;
	display:block;
	width:100%;
	height:62px;
	border-radius:4px;
	color:var(--black-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border:2px solid var(--black-color);
	background-color:var(--white-color);
}

.sidebar .search-box .form-group input::placeholder,
.sidebar .search-box .form-group textarea::placeholder{
	color:var(--black-color);
	opacity:0.70;
}

.sidebar .search-box .form-group button{
	position:absolute;
	right:0px;
	top:0px;
	height:62px;
	width:60px;
	display:block;
	cursor:pointer;
	background:none;
	line-height:100%;
	border-radius:0px;
	font-weight:normal;
	font-family: "flaticon";
	font-size:var(--font-18);
	color:var(--black-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sidebar .search-box .form-group button:hover{
	background-color:var(--color-sixteen);
	color:var(--white-color);
}

.post-widget .content{
	position:relative;
	padding:40px 40px;
}

.post-widget .post{
	position:relative;
	margin-bottom:var(--margin-bottom-25);
	padding-bottom:var(--padding-bottom-20);
	border-bottom:1px solid var(--black-color);
}

.post-widget .post .post-date{
	position:relative;
	padding:6px 12px;
	display:inline-block;
	color:var(--black-color);
	font-size:var(--font-14);
	background-color:var(--color-three);
}

.post-widget .post h6{
	font-weight:500;
	line-height:32px;
	margin-top:var(--margin-top-15);
}

.post-widget .post h6 a{
	position:relative;
	color:var(--black-color);
}

.post-widget .post h6 a:hover{
	color:var(--main-color);
	text-decoration:underline;
}

.post-widget .post:last-child{
	border:var(--border-zero);
	padding-bottom:var(--padding-zero);
	margin-bottom:var(--margin-zero);
}

/* News Block Three */

.news-block-three{
	position:relative;
	margin-bottom:var(--margin-bottom-50);
}

.news-block-three .inner-box{
	position:relative;
}

.news-block-three .image{
	position:relative;
}

.news-block-three .image img{
	position:relative;
	width:100%;
	display:block;
}

.news-block-three .lower-content{
	position:relative;
	padding:30px 30px 40px;
	background-color:var(--color-thirtyfour);
}

.news-block-three .post-date{
	position:relative;
	padding:6px 12px;
	display:inline-block;
	font-size:var(--font-14);
	color:var(--black-color);
	background-color:var(--color-three);
}

.news-block-three .comment{
	position:relative;
	display:inline-block;
	font-size:var(--font-14);
	color:var(--black-color);
	margin-left:var(--margin-left-20);
	padding-left:var(--padding-left-30);
}

.news-block-three .comment:before{
	position:absolute;
	content: "\f111";
	left:0px;
	top:0px;
	font-size:var(--font-20);
	font-family: "flaticon";
}

.news-block-three h3{
	font-weight:700;
	line-height:48px;
	font-size:var(--font-36);
	margin-top:var(--margin-top-25);
	margin-bottom:var(--margin-bottom-30);
}

.news-block-three h3 a{
	color:var(--black-color);
}

.news-block-three h3 a:hover{
	color:var(--color-three);
}

.news-block-three .read-more{
	position:relative;
	padding:14px 30px;
	border-radius:2px;
	color:var(--black-color);
	font-size:var(--font-15);
	font-family: 'Gordita-Medium';
	border:1px solid var(--black-color);
}

.news-block-three .read-more .arrow{
	position:relative;
	top:2px;
	font-family: "flaticon";
	margin-left:var(--margin-left-5);
}

.news-block-three .read-more:hover{
	color:var(--white-color);
	border-color:var(--black-color);
	background-color:var(--black-color);
}

.news-block-three .author{
	position:relative;
	margin-left:var(--margin-left-20);
}

.news-block-three .author .author-inner{
	position:relative;
	font-weight:500;
	font-size:var(--font-15);
	color:var(--black-color);
	font-family: 'Gordita-Medium';
	padding-top:var(--padding-top-5);
	padding-left:var(--padding-left-40);
}

.news-block-three .author .author-image{
	position:absolute;
	left:0px;
	top:0px;
	width:30px;
	height:30px;
	overflow:hidden;
	border-radius:50%;
}

/*** 

====================================================================
	Styled Pagination
====================================================================

***/

.blog-list .styled-pagination{
	margin-top:var(--margin-top-20);
}

.styled-pagination{
	position:relative;
}

.styled-pagination li{
	position:relative;
	margin:0px 5px 10px;
	display:inline-block;
}

.styled-pagination li a{
	position:relative;
	display:inline-block;
	line-height:42px;
	height:46px;
	width:46px;
	min-width:46px;
	font-weight:500;
	border-radius:3px;
	text-align:center;
	text-transform:capitalize;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	font-size:var(--font-15);
	color:var(--black-color);
	font-family: 'Gordita-Medium';
	background-color:var(--color-thirtyfive);
}

.styled-pagination li.prev a,
.styled-pagination li.next a{
	top:1px;
	font-family: "Flaticon";
}

.styled-pagination li a:hover,
.styled-pagination li a.active{
	color:var(--white-color);
	background-color:var(--black-color);
}

/*** 

====================================================================
	Map Section
====================================================================

***/

.map-section{
	position:relative;
}

.map-section iframe{
	position:relative;
	height:540px;
	width:100%;
}

/*** 

====================================================================
	Contact Page Section
====================================================================

***/

.contact-page-section{
	position:relative;
	padding:150px 0px 120px;
}

.contact-page-section .upper-box{
	position:relative;
	overflow:hidden;
	border:1px solid var(--black-color);
	background-color:var(--color-thirtysix);
}

.contact-page-section .info-column{
	position:relative;
}

.contact-page-section .info-column .inner-column{
	position:relative;
	text-align:center;
	padding:60px 20px 60px;
}

.contact-page-section .info-column .inner-column:before{
	position:absolute;
	content:'';
	right:0px;
	bottom:-80px;
	width:1px;
	height:100%;
	background-color:var(--black-color);
}

.contact-page-section .info-column:last-child .inner-column:before{
	display:none;
}

.contact-page-section .info-column .icon{
	position:relative;
	width:84px;
	height:84px;
	display:block;
	margin:0 auto;
	line-height:84px;
	border-radius:50px;
	font-family: "flaticon";
	font-size:var(--font-32);
	color:var(--black-color);
	margin-bottom:var(--margin-bottom-30);
	background-color:var(--white-color);
}

.contact-page-section .info-column h4{
	position:relative;
	margin-bottom:var(--margin-bottom-20);
}

.contact-page-section .info-column .text{
	position:relative;
	font-weight:500;
	line-height:32px;
	font-size:var(--font-16);
	color:var(--black-color);
}

.contact-page-section .info-column .phone{
	position:relative;
	font-weight:600;
	font-size:var(--font-24);
	color:var(--black-color);
}

.contact-page-section .info-column .email{
	position:relative;
	font-weight:400;
	margin:5px 0px;
	display:inline-block;
	font-size:var(--font-18);
	color:var(--black-color);
}

.contact-page-section .form-container{
	position:relative;
	margin-top:var(--margin-top-100);
}

.contact-page-section .form-container h3{
	font-weight:600;
	font-size:var(--font-36);
	margin-bottom:var(--margin-bottom-20);
}

/*** 

====================================================================
	Contact Form
====================================================================

***/

.contact-form .form-group{
	margin-bottom:var(--margin-bottom-20);
}

.contact-form .form-group:last-child{
	margin-bottom:0px;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select,
.contact-form .form-group .ui-selectmenu-button.ui-button{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 25px;
	height:60px;
	border-radius:4px;
	font-size:var(--font-16);
	color: var(--black-color);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	border:1px solid var(--black-color);
	background-color:var(--white-color);
}

.contact-form .form-group textarea::-webkit-input-placeholder,
.contact-form .form-group input::-webkit-input-placeholder{
	font-weight:500;
	color:rgba(var(--black-color-rgb), 1);
}

.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
	border-color:var(--black-color);
	background-color:var(--white-color);
}

.contact-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:15px 25px 25px;
	font-size:var(--font-16);
	color: var(--black-color);
	height:200px;
	resize:none;
	border-radius:4px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	border:1px solid var(--black-color);
	background-color:var(--white-color);
}

.contact-form .form-group button{
	text-transform:capitalize;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
	border-color:#ff0000 !important;	
}

.contact-form label.error{
	display:block;
	line-height:24px;
	padding:5px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:12px;
	color:#ff0000;
	font-weight:500;	
}

/*** 

====================================================================
	Faq Page Section
====================================================================

***/

.faq-page-section{
	position:relative;
	padding:120px 0px 120px;
	background-color:var(--color-eight);
}

.faq-page-section .inner-container{
	position:relative;
}

.faq-page-section h3{
	font-weight:700;
	text-align:center;
	font-size:var(--font-36);
	color:var(--black-color);
	margin-bottom:var(--margin-bottom-40);
}

/*** 

====================================================================
	Error Section
====================================================================

***/

.error-section{
	position:relative;
	text-align:center;
	padding:160px 0px 190px;
}

.error-section .vector-layer{
	position:absolute;
	left:12%;
	bottom:35%;
	width:106px;
	height:111px;
	background-repeat:no-repeat;
}

.error-section .side-image{
	position:absolute;
	right:200px;
	bottom:10px;
}

.error-section h1{
	line-height:1em;
	font-weight:800;
	display:inline-block;
	color:var(--color-five);
	font-size:var(--font-200);
	font-family:var(--aelpa-Manrope-font);
}

.error-section h2{
	line-height:1em;
	color:var(--black-color);
	font-size:var(--font-40);
	font-family: 'Gordita-Bold';
	margin-top:var(--margin-top-25);
}

.error-section .text{
	color:var(--black-color);
	font-size:var(--font-20);
	margin-top:var(--margin-top-30);
	margin-bottom:var(--margin-bottom-35);
}

.error-section .theme-btn{
	border-radius:50px;
	text-transform:capitalize;
}

/* Blog Detail */

.blog-detail{
	position:relative;
}

.blog-detail .inner-box{
	position:relative;
}

.blog-detail .post-date{
    position: relative;
    padding: 6px 12px;
    display: inline-block;
    font-size: var(--font-14);
    color: var(--black-color);
    background-color: var(--color-three);
}

.blog-detail h2{
	line-height:48px;
	font-weight:700;
	font-size: var(--font-36);
    color: var(--black-color);
	text-transform:capitalize;
	margin-top:var(--margin-top-20);
	margin-bottom:var(--margin-bottom-20);
	font-family:var(--aelpa-Manrope-font);
}

.blog-detail .author{
	position:relative;
	margin-right:var(--margin-right-20);
}

.blog-detail .author .author-inner{
	position:relative;
	font-weight:500;
	min-height:30px;
	font-size:var(--font-15);
	color:var(--black-color);
	font-family: 'Gordita-Medium';
	padding-top:var(--padding-top-5);
	padding-left:var(--padding-left-40);
}

.blog-detail .author .author-image{
	position:absolute;
	left:0px;
	top:0px;
	width:30px;
	height:30px;
	overflow:hidden;
	border-radius:50%;
}

.blog-detail .comment-bar{
	position:relative;
	display:inline-block;
	font-size:var(--font-14);
	color:var(--black-color);
	padding-left:var(--padding-left-30);
}

.blog-detail .comment-bar:before{
	position:absolute;
	content: "\f111";
	left:0px;
	top:0px;
	font-size:var(--font-20);
	font-family: "flaticon";
}

.blog-detail .info-bar{
	position:relative;
	margin-bottom:var(--margin-bottom-20);
}

.blog-detail p{
	line-height:34px;
	font-size:var(--font-20);
	color:var(--color-five);
	margin-bottom:var(--margin-bottom-20);
}

.blog-detail h3{
	font-weight:600;
	font-size: var(--font-30);
    color: var(--black-color);
	text-transform:capitalize;
	margin-bottom:var(--margin-bottom-20);
	font-family:var(--aelpa-Manrope-font);
}

.blog-detail blockquote{
	position:relative;
	padding:35px 30px;
	line-height:34px;
	border-radius:4px;
	font-size:var(--font-20);
	color:var(--color-five);
	margin-top:var(--margin-top-40);
	margin-bottom:var(--margin-bottom-35);
	background-color:var(--color-thirtytwo);
}

.blog-detail .post-share-options{
	position:relative;
	margin-top:var(--margin-top-60);
	padding-bottom:var(--padding-bottom-40);
	border-bottom:1px solid var(--black-color);
}

.blog-detail .post-share-options .tags-box{
	position:relative;
}

.blog-detail .post-share-options .tags-box span{
	position:relative;
	font-weight:500;
	font-size:var(--font-20);
	color:var(--black-color);
	margin-right:var(--margin-right-10);
}

.blog-detail .post-share-options .tags-box a{
	position:relative;
	font-weight:400;
	padding:6px 14px;
	display:inline-block;
	font-size:var(--font-16);
	color:var(--black-color);
	margin-right:var(--margin-right-5);
	background-color:var(--color-thirtytwo);
}

.blog-detail .post-share-options .tags-box a:last-child{
	background-color:var(--color-thirtyseven);
}

.blog-detail .post-share-options .social-box span{
	position:relative;
	font-weight:500;
	font-size:var(--font-20);
	color:var(--black-color);
	margin-right:var(--margin-right-5);
}

.blog-detail .post-share-options .social-box li{
	position:relative;
	display:inline-block;
	margin-left:var(--margin-left-5);
}

.blog-detail .post-share-options .social-box li a{
	position:relative;
	width:47px;
	height:47px;
	line-height:47px;
	border-radius:50%;
	text-align:center;
	color:var(--black-color);
	font-size:var(--font-18);
	background-color:var(--color-thirteen);
}

.blog-detail .post-share-options .social-box li a:hover{
	color:var(--white-color);
	background-color:var(--black-color);
}




/*** 

====================================================================
	Comments Area
====================================================================

 ***/

.blog-detail .comments-area{
	position:relative;
	padding-top:var(--padding-top-70);
	margin-bottom:var(--margin-bottom-50);
}
	
.blog-detail .group-title{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.blog-detail .group-title h4{
	font-weight:600;
	color:var(--color-five);
	font-size:var(--font-30);
	margin-bottom:var(--margin-bottom-30);
}

.blog-detail .comments-area .comment-box{
	position:relative;
	margin-bottom:var(--margin-bottom-50);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.blog-detail .comments-area .comment-box .comment{
	position:relative;
	padding-left:var(--padding-left-110);
}

.blog-detail .comments-area .comment-box:last-child{
	margin-bottom:var(--margin-zero);
}

.blog-detail .comments-area .reply-comment{
	padding-left:var(--padding-left-110);
}

.blog-detail .comments-area .comment-box .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	width:90px;
	height:90px;
	overflow:hidden;
	border-radius:50%;
	margin-bottom:var(--margin-bottom-20);
}

.blog-detail .comments-area .comment-box .author-thumb img{
	width:100%;
	display:block;
}

.blog-detail .comments-area .comment-info{
	margin-bottom:var(--margin-bottom-15);
}

.blog-detail .comments-area .comment-box strong{
	position:relative;
	font-weight:600;
	display:inline-block;
	font-size:var(--font-24);
	color:var(--black-color);
	text-transform:capitalize;
	font-family:var(--aelpa-Manrope-font);
}

.blog-detail .comments-area .comment-box .text{
	line-height:30px;
	font-size:var(--font-16);
	color:var(--black-color);
}

.blog-detail .comments-area .comment-info .comment-time{
	position:relative;
	font-weight:400;
	opacity:0.70;
	letter-spacing:1px;
	font-size:var(--font-15);
	color:var(--black-color);
	margin-top:var(--margin-top-5);
}

.blog-detail .comments-area .comment-box .reply-btn{
	position:absolute;
	top:-10px;
	right:0px;
	font-weight:400;
	padding:5px 14px;
	border-radius:2px;
	display:inline-block;
	font-size:var(--font-14);
	color:var(--white-color);
	background-color:var(--black-color);
}

.blog-detail .comments-area .comment-box .reply-btn:hover{
	color:var(--white-color);
	background-color:var(--color-three);
}

/*** 

====================================================================
	Comment Form
====================================================================

***/

.comment-form .form-group{
	margin-bottom:var(--margin-bottom-20);
}

.comment-form .form-group:last-child{
	margin-bottom:0px;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select,
.comment-form .form-group .ui-selectmenu-button.ui-button{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 25px;
	height:60px;
	border-radius:3px;
	font-size:var(--font-16);
	color: var(--black-color);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	border:1px solid var(--black-color);
	background-color:var(--color-four);
}

.comment-form .form-group textarea::-webkit-input-placeholder,
.comment-form .form-group input::-webkit-input-placeholder{
	font-weight:500;
	color:rgba(var(--black-color-rgb), 1);
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
	border-color:var(--black-color);
	background-color:var(--white-color);
}

.comment-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:15px 25px 25px;
	font-size:var(--font-16);
	color:var(--black-color);
	height:170px;
	resize:none;
	border-radius:3px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	
	border:1px solid var(--black-color);
	background-color:var(--color-four);
}

.comment-form .form-group button{
	padding:13px 44px;
	border-radius:4px;
}

.rtl .row{
	flex-direction: row-reverse;
}

.rtl .main-header .phone-box .box-inner,
.rtl .main-header .header-lower .inner-container{
	flex-direction: row-reverse;
}

.rtl .agency-section .content-column .inner-column,
.rtl .main-header .main-menu .navigation > li > ul > li,
.rtl .main-header .main-menu .navigation > li > ul > li > ul > li{
	text-align:right;
}

.rtl .main-header .main-menu .navigation > li{
	float:right;
}

.rtl .main-header .main-menu .navigation > li > ul > li > a::before,
.rtl .main-header .main-menu .navigation > li > ul > li > ul > li > a::before{
	left:auto;
	right:10px;
}

.rtl .main-header .main-menu .navigation > li > ul > li.dropdown > a::after,
.rtl .main-header .main-menu .navigation > li > ul > li > ul > li.dropdown > a::after{
	right:auto;
	left:10px;
	content: "\f104";
}

.rtl .main-header .main-menu .navigation > li > ul > li > ul{
	right: 100%;
	left:auto;
}

.rtl .main-header .main-menu .navigation > li > ul > li:hover > a,
.rtl .main-header .main-menu .navigation > li > ul > li > ul > li:hover > a,
.rtl .events-detail-section .list li{
	padding-left:0px;
	padding-right:30px;
}

.rtl .main-header .main-menu .navigation > li > ul{
	right:0px;
}

.rtl .main-header .main-menu .navigation > li:last-child{
	margin-right: var(--margin-right-40);
}

.rtl .main-header .phone-box .box-inner .icon{
	margin-right:var(--margin-zero);
	margin-left: var(--margin-left-15);
}

.rtl .search-popup .form-group input[type="text"],
.rtl .search-popup .form-group input[type="search"]{
	text-align:right;
	padding-right:var(--padding-right-10);
}

.rtl .search-popup .form-group input[type="submit"],
.rtl .search-popup .form-group button{
	left:20px;
	right:auto;
}

.rtl .news-block .lower-content .d-flex,
.rtl .case-block .lower-content .d-flex,
.rtl .services-section .sec-title .d-flex,
.rtl .main-header .sticky-header .d-flex{
	flex-direction: row-reverse;
}

.rtl .offer-section-two .lower-box .d-flex,
.rtl .news-block-two .inner-box .d-flex,
.rtl .case-block-two .lower-content .d-flex,
.rtl .cta-section .inner-container .d-flex,
.rtl .news-block-three .lower-content .d-flex{
	text-align:right;
	flex-direction: row-reverse;
}

.rtl .news-block-three .post-date{
	margin-left:var(--margin-left-20);
}

.rtl .main-footer,
.rtl .news-block-two .inner-box,
.rtl .news-block .lower-content,
.rtl .testimonial-block .inner-box,
.rtl .agency-section-two .content-column .inner-column,
.rtl .case-block .lower-content,
.rtl .services-section .sec-title{
	text-align:right;
}

.rtl .cta-section-two .d-flex{
	text-align:right;
}

.rtl .main-slider-two .content-box{
	text-align:right;
}

.rtl .agency-section .agency-box .content{
	padding-left:var(--padding-zero);
	padding-right: var(--padding-right-95);
}

.rtl .agency-section-two .agency-list li:before,
.rtl .agency-section .agency-box .icon{
	right:0px;
	left:auto;
}

.rtl .agency-section-two .agency-list li{
	padding-left:var(--padding-zero);
	padding-right:var(--padding-right-45);
}

.rtl .testimonial-section .image-column .inner-column{
	margin-left:var(--margin-zero);
	margin-right:-85px;
	padding-right:var(--padding-zero);
	padding-left:var(--padding-left-30);
}

.rtl .testimonial-section .carousel-column .owl-dots{
	left:0px;
	right:auto;
}

.rtl .news-block .comment,
.rtl .news-block-two .comment{
	margin-left:var(--margin-zero);
	margin-right:var(--margin-right-15);
}

.rtl .news-block .read-more,
.rtl .news-block-two .read-more{
	margin-right:var(--margin-zero);
	margin-left:var(--margin-left-20);
}

.rtl .news-block .author .author-inner,
.rtl .news-block-two .author .author-inner{
	padding-left:var(--padding-zero);
	padding-right:var(--padding-right-50);
}

.rtl .news-block-two .author .author-image,
.rtl .main-footer .address-list li .icon,
.rtl .news-block .author .author-image{
	right:0px;
	left:auto;
}

.rtl .main-footer .social-box li{
	margin-right:var(--margin-zero);
	margin-left:var(--margin-left-5);
}

.rtl .main-footer .address-list li{
	padding-left:var(--padding-zero);
	padding-right:var(--padding-right-30);
}

.rtl .main-slider-three .content-box .box-inner .d-flex,
.rtl .main-slider-two .content-box .box-inner .d-flex{
	justify-content: flex-end!important;
}

.rtl .offer-section .carousel-column .inner-column{
	margin-left:-150px;
	margin-right:var(--margin-zero);
}

.rtl .offer-section .carousel-column .owl-nav{
	right:220px;
	left:auto;
}

.rtl .service-block-two .inner-box,
.rtl .testimonial-block-three .inner-box,
.rtl .offer-section .title-column .inner-column{
	text-align:right;
}

.rtl .faq-section .faq-column .inner-column{
	text-align:right;
	padding-left:var(--padding-zero);
	padding-right:var(--padding-right-100);
}

.rtl .subscribe-box .form-group input[type="text"],
.rtl .subscribe-box .form-group input[type="email"]{
	text-align:right;
	padding:10px 20px 10px 190px;
}

.rtl .subscribe-box .form-group button{
	left:0px;
	right:auto;
}

.rtl .main-slider-three .image-box .image{
	margin-right:0px;
	margin-left:-120px;
}

.rtl .agency-section-three .content-column .inner-column,
.rtl .main-slider-three .content-box .box-inner{
	text-align:right;
}

.rtl .service-block-two .service-list li:before,
.rtl .main-slider-three .pattern-layer{
	right:0px;
	left:auto;
}

.rtl .service-block-two .icon-box .box-inner{
	padding-left:var(--padding-zero);
	padding-right:var(--padding-right-100);
}

.rtl .service-block-two .icon{
	right:0px;
	left:auto;
}

.rtl .service-block-two .service-list li{
	padding-left:var(--padding-zero);
	padding-right:var(--padding-right-30);
}

.rtl .offer-section-two .lower-box .check-box .box-inner{
	padding-left:var(--padding-zero);
	padding-right:var(--padding-right-80);
}

.rtl .offer-section-two .lower-box .check-box .icon{
	right:0px;
	left:auto;
}

.rtl .agency-section-three .image-column .image img{
	margin-left:var(--margin-zero);
	margin-right:-350px;
}

.rtl .testimonial-block-three .author-box .box-inner{
	padding-left:var(--padding-zero);
	padding-right:var(--padding-right-120);
}

.rtl .testimonial-block-three .author-box .image{
	right:0px;
	left:auto;
}

.rtl .project-detail,
.rtl .sidebar-widget,
.rtl .faq-page-section,
.rtl .styled-pagination,
.rtl .blog-detail .inner-box,
.rtl .service-detail .inner-box,
.rtl .news-block-three .inner-box{
	text-align:right;
}

.rtl .blog-detail .info-bar{
	flex-direction: row-reverse;
}

.rtl .accordion-box.style-two .block .icon-outer{
	left:25px;
	right:auto;
}

.rtl .service-detail .number-box .box-inner{
	padding-left:var(--padding-zero);
	padding-right: var(--padding-right-90);
}

.rtl .project-detail .right-column .options li:before,
.rtl .service-detail .options li:before,
.rtl .service-detail .number-box .number{
	right:0px;
	left:auto;
}

.rtl .service-detail .options li,
.rtl .project-detail .right-column .options li{
	padding-left:var(--padding-zero);
	padding-right: var(--padding-right-30);
}

.rtl .service-detail .ratio-text,
.rtl .project-detail .right-column .ratio-text{
	padding-right:0px;
	padding-left:200px;
}

.rtl .project-detail .right-column .ratio-text span,
.rtl .service-detail .ratio-text span{
	left:0px;
	right:auto;
}

.rtl .client-info-box .info .info-inner{
	text-align:right;
	padding-left:var(--padding-zero);
	padding-right: var(--padding-right-60);
}

.rtl .client-info-box .info .icon{
	right:0px;
	left:auto;
}

.rtl .service-widget .pages-list li span{
	left:0px;
	right:auto;
}

.rtl .blog-detail .author .author-inner,
.rtl .news-block-three .author .author-inner{
	padding-left:var(--padding-zero);
	padding-right: var(--padding-right-40);
}

.rtl .blog-detail .author .author-image,
.rtl .news-block-three .author .author-image{
	right:0px;
	left:auto;
}

.rtl .blog-detail .author{
	margin-right:var(--margin-zero);
	margin-left:var(--margin-left-15);
}

.rtl .sidebar .search-box .form-group input[type="text"],
.rtl .sidebar .search-box .form-group input[type="search"]{
	text-align:right;
	padding-right:var(--padding-right-15);
}

.rtl .sidebar .search-box .form-group button{
	left:0px;
	right:auto;
}

.rtl .blog-detail .comment{
	padding-right:var(--padding-right-110);
}

.rtl .blog-detail .comments-area .comment-box .author-thumb{
	right:0px;
	left:auto;
}

.rtl .blog-detail .comments-area .comment-box .reply-btn{
	left:0px;
	right:auto;
}

.rtl .contact-page-section .form-container,
.rtl .comment-form .form-group input[type="text"],
.rtl .comment-form .form-group input[type="password"],
.rtl .comment-form .form-group input[type="tel"],
.rtl .comment-form .form-group input[type="email"],
.rtl .comment-form .form-group textarea,
.rtl .comment-form .form-group .ui-selectmenu-button.ui-button,
.rtl .contact-form .form-group input[type="text"],
.rtl .contact-form .form-group input[type="password"],
.rtl .contact-form .form-group input[type="tel"],
.rtl .contact-form .form-group input[type="email"],
.rtl .contact-form .form-group textarea,
.rtl .contact-form .form-group .ui-selectmenu-button.ui-button{
	text-align:right;
}

.rtl .main-header .mobile-menu .navigation{
	text-align:right;
}

.rtl .main-header .mobile-menu .navigation li.dropdown .dropdown-btn{
	left:0px;
	right:auto;
}

.rtl .main-header .mobile-menu .navigation li.dropdown .dropdown-btn::after{
	left:auto;
	right:0px;
}

/*Boxed Layout Style*/

.box-layout{
	position: relative;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.20);
}

.box-layout:before{
	position:fixed;
	content: '';
	left:0px;
	top: 0px;
	width: 100%;
	height:100%;
	display: block;
	background: url(../images/background/1.jpg);
}

.box-layout .page-wrapper{
	max-width:1270px;
	width: 100%;
	margin: 0 auto;
	padding:15px;
	overflow:hidden;
	background-color: #ffffff;
}

.box-layout .case-block .lower-content{
	padding:30px 30px 30px 30px;
}

.box-layout .testimonial-section .image-column .inner-column{
	padding-right:var(--padding-zero);
	margin-left:var(--margin-zero);
}

.box-layout .service-detail .inner-box{
	padding-left:var(--padding-zero);
}

.box-layout .faq-section .faq-column .inner-column{
	padding-left:var(--padding-left-30);
}

.want-sticky-header .main-header .sticky-header{
	position:relative;
	display:none;
}

.rtl .sidebar-textwidget{
	text-align:right;
}

.rtl .list-style-one li{
	text-align:right;
	padding-left:var(--padding-zero);
	padding-right: var(--padding-right-40);
}

.rtl .list-style-one li .icon{
	right:0px;
	left:auto;
}

.rtl .sidebar-info-contents .content-inner h6::before{
	right:0px;
	left:auto;
}

.rtl .sidebar-info-contents .content-inner h6::after{
	right:35px;
	left:auto;
}

.rtl .xs-sidebar-group .widget-heading{
	left:0px;
	right:auto;
}

.color-palate{
	display:none;
}
/* Imagen ovalada del slider */
.image-oval {
    width: 350px;
    height: 350px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.image-oval {
    width: 460px;
    height: 400px;
    overflow: hidden;
    position: relative;
    clip-path: ellipse(70% 50% at 50% 50%);
}

.image-oval img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footer-item-flex {
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer-item-flex .icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-item-flex .icon img {
    width: 20px;
    filter: grayscale(100%);
}

.footer-item-flex .contact-lines {
    line-height: 1.3;
}

.footer-item-flex .contact-lines a {
    display: block;
}

#cta-contacto h2 {
    font-size: 32px;        /* tamaño equilibrado */
    line-height: 1.3;       /* separación correcta */
    font-weight: 600;       /* elegante, sin ser demasiado grueso */
    max-width: 700px;       /* evita que se estire demasiado */
}

@media (max-width: 768px) {
    #cta-contacto h2 {
        font-size: 26px;    /* tamaño para tablets */
        line-height: 1.3;
    }
}

@media (max-width: 480px) {
    #cta-contacto h2 {
        font-size: 22px;    /* tamaño para móviles */
        line-height: 1.3;
    }
}
#cta-contacto h2 {
    text-align: center;   /* centra el texto dentro de su bloque */
    margin: 0;            /* elimina espacios extra */
}



.btn-style-two.theme-btn {
    background-color: var(--creova-blue);
    color: var(--creova-softwhite);
    border: none;
    font-family: var(--font-title);
    font-weight: 600;
}

.btn-style-two.theme-btn:hover {
    background-color: var(--creova-black);
    color: var(--creova-lime);
}

/* DESDE ACA SE AGREGARON CODIGOS, BOTONES CREOVA */
.btn-style-two.theme-btn,
.theme-btn {
    background-color: var(--creova-blue);      /* Azul CREOVA 60% */
    color: var(--creova-softwhite);            /* Soft White 25% */
    border: none;
    padding: 14px 32px;
    font-family: var(--font-title);            /* Space Grotesk */
    font-weight: 600;
    font-size: 16px;
    border-radius: 6px;
    transition: all 0.25s ease;
}

/* HOVER */
.btn-style-two.theme-btn:hover,
.theme-btn:hover {
    background-color: var(--creova-black);     /* Graphite Black 5% */
    color: var(--creova-lime);                 /* Lime Pulse 10% */
    transform: translateY(-2px);
}

/* BOTÓN EN MÓVIL */
@media (max-width: 480px) {
    .btn-style-two.theme-btn,
    .theme-btn {
        width: 100%;
        text-align: center;
        padding: 16px 0;
        font-size: 15px;
    }
}

/* Enlaces CREOVA: color original + hover lime */
a {
    color: inherit;            /* mantiene el color original del texto */
    text-decoration: none;
    transition: color 0.25s ease;
}

a:hover {
    color: var(--creova-lime) !important; /* Lime Pulse — ahora aplica a TODO el sitio */
    text-decoration: none;
}

/* Forzar hover verde en TODOS los enlaces del footer */
.main-footer a:hover {
    color: var(--creova-lime) !important;
}

/* === Fondo azul CREOVA en el footer, con texto claro === */
.main-footer {
    background-color: var(--creova-blue);
}

.main-footer,
.main-footer p,
.main-footer li,
.main-footer .copyright,
.main-footer h1,
.main-footer h2,
.main-footer h3,
.main-footer h4,
.main-footer h5,
.main-footer h6 {
    color: var(--creova-softwhite) !important;
}

/* Enlaces del footer en blanco (Soft White) cuando NO están en hover;
   al pasar el mouse siguen tomando el verde de la regla de arriba */
.main-footer a:not(:hover) {
    color: var(--creova-softwhite) !important;
}
/* === RESTAURAR ESTRUCTURA DEL FOOTER === */




/* Asegura que las columnas grandes se mantengan lado a lado */
.main-footer .big-column {
    display: flex;
    flex-direction: column;
}



/* Cada footer-column debe comportarse como columna Bootstrap */
.main-footer .footer-column {
    display: block;
    padding-left: 20px;
    padding-right: 0px;
}

.main-footer .big-column:last-child .footer-column:first-child {
    padding-left: 80px;
}

/* Evitar que los enlaces rompan el layout */
.main-footer .links li,
.main-footer .address-list li {
    display: block;
    margin-bottom: 8px;
}


/* Asegurar que los enlaces no estiren la columna */
.main-footer .links a,
.main-footer .address-list a {
    display: inline-block;
}

/* === HERO CREOVA — Ajuste de tamaños === */

.main-slider-three .content-box .title {
    font-size: 28px;          /* antes ~40px */
    line-height: 1.2;
    text-align: center;
}

.main-slider-three .content-box h1 {
    font-size: 42px;          /* antes ~60px */
    line-height: 1.25;
    font-weight: 600;
    text-align: center;
}

.main-slider-three .content-box .text {
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
    max-width: 520px;
    margin: 0 auto;
}

.main-slider-three .content-box .email {
    font-size: 16px;
    text-align: center;
}

/* === HERO CREOVA — Centrado total === */

.main-slider-three .content-box .box-inner {
    text-align: center;
}

.main-slider-three .content-box .d-flex {
    justify-content: center;
}

/* === HERO CREOVA — Ajuste real del H1 === */
.main-slider-three .content-box h1 {
    font-size: 60px !important;      /* tamaño proporcionado */
    line-height: 1.3 !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin-bottom: 20px;
}

.main-slider-three .content-box .title {
    font-size: 22px !important;
    line-height: 1.2;
    margin-bottom: 15px;
    text-align: center !important;
}

.main-slider-three .content-box .text {
    font-size: 18px !important;
    line-height: 1.5 !important;
    max-width: 520px;
    margin: 0 auto 30px auto !important;   /* espacio original */
    text-align: center !important;
}

/* === HERO CREOVA — Ajustes solicitados === */

/* 1. Título superior: más pequeño y alineado a la izquierda */
.main-slider-three .content-box .title {
    font-size: 20px !important;
    line-height: 1.2;
    text-align: left !important;
    margin-bottom: 10px;
}

/* === HERO CREOVA — H1 en 60px, centrado y en 2 líneas === */
.main-slider-three .content-box h1 {
    font-size: 60px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 25px !important;

    /* Control estricto del ancho para que SOLO sean 2 líneas */
    max-width: 480px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 3. Texto arriba del botón: justificado */
.main-slider-three .content-box .text {
    font-size: 17px !important;
    line-height: 1.5 !important;
    text-align: justify !important;  /* justificado */
    max-width: 520px;
    margin: 0 auto 30px auto !important;
}

/* === Ajuste real del logo en el header === */

.main-header .logo img,
.header-style-three .logo img,
.header-style-two .logo img,
.sticky-header .logo img {
    height: 100px !important;
    width: auto !important;
    max-height: 70px !important;
    object-fit: contain !important;
}

/* === Tarjetas CREOVA del mismo tamaño === */
.service-block-two .inner-box {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.service-block-two .content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.service-block-two .text {
    flex: 1;
}

/* === Hover en casos: imagen se oculta y aparece texto === */

.hover-case {
    position: relative;
    overflow: hidden;
}

.hover-case img {
    width: 100%;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

/* === Hover en casos: imagen se oculta y aparece texto === */

.hover-case {
    position: relative !important;
    overflow: hidden;
}

/* Imagen */
.hover-case img {
    width: 100%;
    transition: opacity 0.4s ease, transform 0.4s ease;
    position: relative;
    z-index: 1; /* la imagen queda debajo del texto */
}

/* Ocultar imagen al pasar el mouse */
.hover-case:hover img {
    opacity: 0;
    transform: scale(1.05);
}

/* Texto encima */
.hover-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    transition: opacity 0.4s ease;
    padding: 20px;
    width: 100%;
    z-index: 2; /* el texto queda encima */
    pointer-events: none;
}

/* Mostrar texto al hacer hover */
.hover-case:hover .hover-text {
    opacity: 1;
}

/* === Testimonios CREOVA del mismo tamaño === */

.testimonial-wrapper {
    display: flex;
    gap: 40px;
    justify-content: center;
    flex-wrap: wrap;
}

.testimonial-block-three {
    flex: 0 0 45%;
    display: flex;
}

.testimonial-block-three .inner-box {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* mantiene orden interno */
}

/* Ajuste del texto */
.testimonial-block-three .text {
    flex: 1;
}

/* Autor */
.testimonial-block-three .author-box .box-inner {
    font-weight: 600;
    font-size: 18px;
    margin-top: 20px;
}

/* === Tabla centrada CREOVA === */

.metodo-table-wrapper {
    margin-top: 60px;
    text-align: center;
}

.metodo-table-wrapper .table-title {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 25px;
}

/* Tabla general */
.metodo-table {
    width: 100%;
    max-width: 900px; /* ancho ideal */
    margin: 0 auto;   /* centra la tabla */
    border-collapse: collapse;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

/* === Encabezados azules === */
.metodo-table thead th {
    background: #1e4fff; /* azul CREOVA */
    color: #fff;
    padding: 16px 20px;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
}

/* Celdas */
.metodo-table td {
    padding: 18px 20px;
    vertical-align: top;
    border-bottom: 1px solid #e5e5e5;
    text-align: justify;
}

.metodo-table tr:last-child td {
    border-bottom: none;
}

.metodo-table strong {
    font-weight: 700;
}

/* Frase final */
.metodo-frase {
    margin-top: 25px;
    font-size: 18px;
}

/* Botón */
.metodo-btn {
    margin-top: 20px;
}

#video {
    display: none !important;
}

/* === Igualar altura entre texto e imagen — versión definitiva === */

#metodo .row {
    display: flex;
    align-items: stretch;
}

/* === Cuadros iguales en CASOS REALES === */

.case-section .case-block .image {
    height: 300px; /* Ajusta el alto según tu diseño */
    overflow: hidden;
    position: relative;
}

.case-section .case-block .image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* Asegurar que todos los inner-box tengan la misma estructura */
.case-section .case-block .inner-box {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* === Texto del hover más pequeño === */

.case-section .hover-text h3 {
    font-size: 20px;   /* tamaño más pequeño */
    line-height: 1.4;  /* mejor lectura */
    font-weight: 500;  /* más elegante */
}

/* === Ajuste completo de la sección === */

.offer-section-two .lower-box .d-flex {
    display: grid !important;              /* Anula el flex de Bootstrap */
    grid-template-columns: 1fr auto 1fr;   /* Tres columnas: izquierda - centro - derecha */
    align-items: center;
    gap: 30px;                              /* Ajusta separación */
}

/* Texto izquierdo y texto del cuadro derecho */
.offer-section-two .lower-box .text,
.offer-section-two .lower-box .check-box .box-inner {
    font-size: 15px;        /* Mismo tamaño de letra */
    line-height: 22px;      /* Más compacto */
    text-align: justify;    /* Justificado */
    width: 100%;            /* Ocupa toda su columna */
    max-width: none;        /* Permite ensanchar */
}

/* Cuadro derecho */
.offer-section-two .lower-box .check-box {
    width: 100%;            /* Se ensancha */
    max-width: none;        /* Sin límite estrecho */
}

/* Ajuste del padding del texto dentro del cuadro derecho */
.offer-section-two .lower-box .check-box .box-inner {
    padding-left: 60px;     /* Icono más cerca, más ancho útil */
}

@media (max-width: 768px) {
    section { padding: 40px 0 !important; }
    img { max-width: 100% !important; height: auto !important; }

    h1 { font-size: 28px !important; }
    h2 { font-size: 24px !important; }
    h3 { font-size: 20px !important; }
    p, li { font-size: 15px !important; }

    a, button {
        padding: 12px 20px !important;
        font-size: 16px !important;
    }

    footer .row,
    footer .col-lg-4,
    footer .col-lg-3,
    footer .col-lg-2 {
        text-align: center !important;
    }

    .offer-section-two .lower-box .d-flex {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        text-align: center !important;
    }

    .offer-section-two .lower-box .text,
    .offer-section-two .lower-box .check-box .box-inner {
        text-align: center !important;
        padding-left: 0 !important;
        width: 100% !important;
    }

    body, html { overflow-x: hidden !important; }
}

/* ============================
   DESACTIVAR SLIDER COMPLETO
   ============================ */

.main-slider .owl-carousel .owl-stage-outer {
    display: block !important;
}

.main-slider .owl-carousel .owl-item {
    display: none !important;
}

.main-slider .owl-carousel .owl-item:first-child {
    display: block !important;
}

@media (max-width: 768px) {

    #hero {
        padding: 40px 0 !important;
    }

    #hero .slide {
        height: auto !important;
        min-height: 380px !important;
    }

    #hero .image-layer {
        background-size: cover !important;
        background-position: center !important;
        height: 300px !important;
    }

    #hero h1 {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }

    #hero .title {
        font-size: 16px !important;
    }

    #hero .text {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }
}

/* HERO móvil: texto más cerca */
@media (max-width: 768px) {

    .main-slider-three .content-box .box-inner {
        padding: 20px 10px !important;
    }

    .main-slider-three .content-box {
        margin-top: 10px !important;
    }
}

/* HERO móvil: imagen más pequeña */
@media (max-width: 768px) {

    .main-slider-three .image-layer {
        height: 260px !important;
        background-size: cover !important;
        background-position: center !important;
    }

    .main-slider-three .image-box .image img {
        max-width: 100% !important;
        height: auto !important;
    }
}

/* HERO móvil: columnas apiladas */
@media (max-width: 768px) {

    .main-slider-three .content-box,
    .main-slider-three .image-box {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
    }

    .main-slider-three .image-box {
        margin-top: 20px !important;
    }
}

.header-lower .logo-box {
    margin-left: 60px;   /* ~2 tabulaciones; sube o baja este número */
}

.sticky-header {
    background-color: var(--creova-blue) !important;	/* Color fondo sticky header*/
}

/* Fondo azul CREOVA en el sidebar deslizable */
.xs-sidebar-widget {
    background-color: var(--creova-blue) !important;
}

.xs-sidebar-widget,
.xs-sidebar-widget p,
.xs-sidebar-widget li,
.xs-sidebar-widget strong,
.xs-sidebar-widget h1,
.xs-sidebar-widget h2,
.xs-sidebar-widget h3,
.xs-sidebar-widget h4,
.xs-sidebar-widget h5,
.xs-sidebar-widget h6 {
    color: var(--creova-softwhite) !important;
}

.xs-sidebar-widget a:not(:hover) {
    color: var(--creova-softwhite) !important;
}

/* Ícono de WhatsApp en línea (mismo tamaño que el texto que lo rodea) */
.whatsapp-icon svg {
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
}

/* Aplica la fuente flaticon a CUALQUIER ícono flaticon-*, sin importar dónde esté */
[class*="flaticon-"]::before {
    font-family: "flaticon" !important;
}
.theme-btn .icon {
    position: relative;
    z-index: 2;
}

.xs-sidebar-widget .icon {
    color: var(--creova-lime) !important;
}

/* Igualar altura de las tarjetas de servicio — solo en diagnóstico */
.diagnostic-block {
    display: flex;
}

.diagnostic-block .inner-box {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

/* Lower Box — alinear verticalmente las 2 columnas */
.lower-box .row {
    align-items: center;
}

.lower-box .lower-text {
    font-size: 1rem;
    line-height: 1.6;
}

/* Separar el ícono del check-box de su texto */
.check-box .box-inner {
    padding-left: 90px !important;
}

/* Centrar verticalmente el ícono del check-box */
.check-box .box-inner .icon {
    top: 50% !important;
    transform: translateY(-50%);
}

/* Texto justificado en la sección "La historia" */
.agency-section-two.style-three .bold-text,
.agency-section-two.style-three .agency-list li {
    text-align: justify;
}

/* Primera línea del título más grande que la segunda */
.agency-section-two.style-three .sec-title h2 .line-big {
    font-size: 1.25em;
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
}

.agency-section-two.style-three .sec-title h2 .line-normal {
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
}

/* Controlar la altura de la tarjeta para que no exceda la columna de texto */
.agency-section-two.style-three .history-photo .image img {
    height: 400px;
    width: 100%;
    object-fit: cover;
}

.agency-section-two.style-three .history-photo .inner-box {
    height: auto;
    max-height: 700px;
    overflow: hidden;
}

/* Quitar el fondo blanco del bloque de texto (título+nombre+cita) */
.agency-section-two.style-three .history-photo .content {
    background-color: transparent;
}

/* justificar el texto del acordeon del faq */
.faq-section .acc-content .text {
    text-align: justify;
}

/* justificar el texto de la seccion como trabajamos */
.agency-section .bold-text {
	text-align: justify;
}

.agency-section .marketing {
	text-align: justify;
}

.agency-section .agency-box .content,
.agency-section .content-column .text {
    text-align: justify;
}

/* Igualar altura de las 2 cajas "Cómo trabajamos" */
.agency-section .agency-box {
    display: flex;
}

.agency-section .agency-box .box-inner {
    width: 100%;
    height: 100%;
}

/* Igualar altura de las 6 tarjetas de "Nuestros Sistemas" */
.services-section .service-block {
    display: flex;
}

.services-section .service-block .inner-box {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.services-section .service-block .text {
	text-align: justify;
}

/* ===== Sección Casos: filas alternadas ===== */

/* Espacio entre cada bloque de caso */
.casos-section .case-row {
    margin-bottom: 80px;
}

.casos-section .case-row:last-child {
    margin-bottom: 0;
}

/* Alternar: filas pares se voltean visualmente (imagen a la derecha) */
.casos-section .case-row:nth-child(even) {
    flex-direction: row-reverse;
}

/* Nombre del caso */
.casos-section .case-name {
    font-family: var(--font-title);
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--creova-black);
    margin-bottom: 6px;
}

/* Etiqueta del sistema (badge) */
.casos-section .case-system {
    display: inline-block;
    background-color: var(--creova-blue);
    color: var(--creova-lime) !important;
    font-family: var(--font-body);
    font-size: 0.8rem;
    text-transform: uppercase;
    padding: 6px 14px;
    border-radius: 4px;
    margin-bottom: 24px;
}

/* Cada bloque titulado (El desafío / Lo que construimos / El resultado) */
.casos-section .case-block {
    margin-bottom: 20px;
}

.casos-section .case-block h4 {
    font-family: var(--font-title);
    color: var(--creova-blue) !important;
    font-size: 1.1rem;
    margin-bottom: 6px;
}

.casos-section .case-block p {
    text-align: justify;
    margin: 0;
}

/* Testimonio */
.casos-section .case-testimonial {
    margin-top: 24px;
    padding: 14px 18px;
    background-color: var(--creova-blue);
    border-left: 3px solid var(--creova-lime);
    font-style: italic;
}

.casos-section .case-testimonial .icon {
    margin-right: 8px;
    color: var(--creova-blue);
}


/* Solo la imagen activa se muestra */
.casos-section .image .case-carousel img.active {
    opacity: 1;
}

/* Reutilizamos el mismo truco de agrupar título+subtítulo del CTA */
.cta-section-two .cta-text h2,
.cta-section-two .cta-text h3 {
    margin: 0;
}

/* Centrar subtítulo del CTA */
.cta-section-two .cta-text h3 {
    text-align: center;
}


/* Quitar las letras mayusculas del subtitulo */
.page-title .bread-crumb li {
    text-transform: none;
}

.services-section .text {
	text-align: justify;
}

.service-detail .inner-box > p {
    text-align: justify;
}


/* Number Box — colores CREOVA */

.number-box .box-inner .number-dot {
    color: var(--creova-softwhite) !important;
    font-family: inherit;
}

.number-box .box-inner .number-title {
    font-weight: 700;
    font-family: inherit;
    color: inherit;
}

.service-detail .number-box .number {
    background-color: var(--creova-blue) !important;
    color: var(--creova-lime) !important;
}

:root {
    --color-three: var(--creova-lime);
    --color-three-rgb: 187, 251, 2; /* el mismo verde lima en formato R,G,B sin paréntesis */
}


.agency-section-two.style-two .agency-list li::before {
    color: var(--creova-blue) !important;
}

.agency-section-two.style-two .bold-text {
    text-align: justify;
}


/* Arreglos movil*/
@media (max-width: 768px) {
    .main-slider-three .image-box .box-inner .image {
        max-width: 240px;
        margin: 0 auto;
    }
}
@media (max-width: 768px) {
    #cta-contacto .d-flex {
        justify-content: center !important;
    }
    #cta-contacto .button-box {
        margin-top: 24px;
    }
}

.agency-section-three .bold-text {
    text-align: justify;
}

@media (max-width: 768px) {
    .main-footer .footer-column {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center;
        margin-bottom: 30px;
    }

    .main-footer .big-column:last-child .footer-column:first-child {
        padding-left: 0 !important;
    }

    .main-footer .footer-item-flex {
        justify-content: center;
    }

    .main-footer .footer-bottom .column {
        text-align: center;
        margin-bottom: 15px;
    }
}

/* Reduce el espacio vertical entre líneas dentro de Contacto (Cúcuta / WhatsApp CO-VE / email) */
.main-footer .contact-lines a {
    display: block;
    margin: 0 !important;
    line-height: 1.6 !important;
}

.main-footer .address-list li {
    margin-bottom: 14px !important;
}

/* Centra los íconos de redes sociales (LinkedIn, Instagram, Facebook) dentro de sus círculos en cualquier tamaño de pantalla */
.main-footer .social-box li a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    line-height: 1 !important;
}

/* Anula el padding genérico que agregamos para botones en móvil ("a, button"),
   que sin querer también le estaba aplicando espacio extra a los enlaces del footer */
@media (max-width: 768px) {
    .main-footer a {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

/* En móvil: Navegación y Sistemas quedan lado a lado (50%/50%) en vez de apiladas, para acortar el footer */
@media (max-width: 768px) {
    .main-footer .big-column:last-child .row {
        display: flex;
        flex-wrap: nowrap;
    }

    .main-footer .big-column:last-child .footer-column {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        margin-bottom: 0 !important;
    }
}

/* Aumenta el tamaño del ícono de WhatsApp en el footer para que visualmente pese igual que ubicación y email */
.main-footer .footer-item-flex .flaticon-whatsapp {
    font-size: 0.9em;
}

/* Separa el ícono de WhatsApp del ícono de ubicación que tiene arriba, en el footer */
.main-footer .footer-item-flex .icon .flaticon-whatsapp {
    margin-top: 14px;
    display: inline-block;
}

/* Reduce el espacio entre las columnas del footer y la franja de derechos reservados, en móvil */
@media (max-width: 768px) {
    .main-footer .widgets-section {
        margin-bottom: 0 !important;
        padding-bottom: 10px !important;
    }

    .main-footer .footer-bottom {
        margin-top: 0 !important;
        padding-top: 15px !important;
    }
}

/* Header móvil: oculta completamente el botón de Diagnóstico y la lupa (ya no deben verse en esta pantalla),
   y evita que la grilla (sidebar) y las 3 rayas (menú) salten de línea */
@media (max-width: 768px) {
    .header-style-three .outer-box .button-box,
    .header-style-three .outer-box .search-box-outer {
        display: none !important;
    }

    .header-style-three .outer-box {
        display: flex !important;
        flex-wrap: nowrap !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 20px !important;
        width: auto !important;
    }
}

/* Logo del header: libera el tope de ancho (55%) que traía el theme, para que el max-height sí tenga efecto en móvil */
@media (max-width: 768px) {
    .header-style-three .logo-box .logo img {
        max-height: 70px !important;
        max-width: 190px !important;
        width: auto !important;
    }
}

/* Logo del header en móvil: anula el margin-left de 60px (pensado solo para escritorio)
   para correr el logo a la izquierda y liberar espacio para los íconos de la derecha */
@media (max-width: 768px) {
    .header-lower .logo-box {
        margin-left: 0 !important;
    }
}

/* Quita el padding genérico de 40px que aplicamos a todas las <section> en móvil,
   específicamente en el hero — porque empujaba la imagen de fondo y dejaba
   expuesta una franja del fondo de la página (Soft White) */
@media (max-width: 768px) {
    #hero.main-slider-three {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

/* Baja el texto "CASOS REALES" para que quede sobre las líneas onduladas azules, no en el espacio vacío de arriba */
#casos .sec-title .title {
    margin-top: 0px;
}


/* El patrón ondulado cubre siempre el 100% del alto y ancho de la sección de Casos, se agrande o se achique el contenido */
#casos .pattern-layer {
    height: 100% !important;
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
}

/"CASOS REALES" y el título en negrita y color Graphite Black, para que resalten sobre las líneas onduladas */
#casos .sec-title .title,
#casos .sec-title h2 {
    font-weight: 700 !important;* 
}

/* PRUEBA TEMPORAL: fondo negro grafito en todas las secciones del sitio, para ver cómo se ve */
section {
    background-color: var(--creova-black) !important;
}

body {
    background-color: var(--creova-black) !important;
}

/* PRUEBA TEMPORAL: texto en negro/Graphite Black pasa a Soft White, para probar el fondo oscuro */
h1, h2, h3, h4, h5, h6, p, li, span, div {
    color: var(--creova-softwhite) !important;
}

/* PRUEBA: tarjetas con fondo blanco pasan a Soft White, para que no "salten" tanto sobre el fondo negro */
.testimonial-block-three .inner-box {
    background: var(--creova-softwhite);
}


/* Tarjetas de la sección "Casos" (index) en Soft White en vez de blanco puro */
.case-block .inner-box {
    background-color: var(--creova-softwhite) !important;
}

/* Tarjetas de "Nuestros Sistemas" en el INDEX (usa service-block-two, distinta a la de sistemas.php) */
.service-block-two .inner-box,
.service-block-two .content {
    background-color: var(--creova-softwhite) !important;
}

/* EXCEPCIÓN: el texto dentro de las tarjetas claras (Testimonios, Casos, Nuestros Sistemas)
   vuelve a Graphite Black, porque esas tarjetas quedaron en Soft White y el texto blanco
   se perdería sobre un fondo también blanco */
.testimonial-block-three .inner-box,
.testimonial-block-three .inner-box *,
.case-block .inner-box,
.case-block .inner-box *,
.service-block-two .inner-box,
.service-block-two .inner-box * {
    color: var(--creova-black) !important;
}

/* Tabla del método: fondo Soft White y texto en Graphite Black */
.metodo-table {
    background: var(--creova-softwhite) !important;
}

.metodo-table td {
    color: var(--creova-black) !important;
}

/* Justificado SOLO en la columna derecha (textos largos); la izquierda (frases cortas) queda a la izquierda */
.metodo-table td:first-child {
    text-align: left !important;
}

.metodo-table td:last-child {
    text-align: justify !important;
}

.metodo-table th {
    text-align: center !important;
}

.metodo-table thead th {
    background: var(--creova-blue) !important;
}

/* Botones de acción: de Azul CREOVA a Lime CREOVA (con texto en negro para que se lea bien sobre el lima) */
.theme-btn,
.btn-style-two.theme-btn {
    background-color: var(--creova-lime) !important;
    color: var(--creova-black) !important;
}

/* Hover: se mantiene el mismo efecto de siempre (fondo negro grafito + texto lima) */
.theme-btn:hover,
.btn-style-two.theme-btn:hover {
    background-color: var(--creova-black) !important;
    color: var(--creova-lime) !important;
}

/* Texto de los botones en negro SOLO en estado normal (no en hover) */
.theme-btn:not(:hover) *,
.btn-style-two.theme-btn:not(:hover) *,
.btn-style-seven.theme-btn:not(:hover) * {
    color: var(--creova-black) !important;
}

/* Hover: fondo negro grafito + texto lima (confirmado) */
.theme-btn:hover,
.btn-style-two.theme-btn:hover,
.btn-style-seven.theme-btn:hover {
    background-color: var(--creova-black) !important;
}

.theme-btn:hover *,
.btn-style-two.theme-btn:hover *,
.btn-style-seven.theme-btn:hover * {
    color: var(--creova-lime) !important;
}

/* Texto del check-box (offer-section-two) en negro, ganándole a la regla genérica de texto Soft White */
.check-box .box-inner,
.check-box .box-inner * {
    color: var(--creova-black) !important;
}

/* Chulitos de la lista (agency-list) en verde CREOVA, sección "La historia" */
.agency-section-two.style-three .agency-list li::before {
    color: var(--creova-lime) !important;
}

/* Chulitos de la lista (#metodo) en verde CREOVA, sección "Nuestro metodo" */
#metodo .agency-list li::before {
    color: var(--creova-lime) !important;
}

/* Chulitos de la lista plano creova pagina Metodo en verde CREOVA, */
.sidebar-page-container .service-detail li::before {
    color: var(--creova-lime) !important;
}

/* Chulitos de la lista preguntas y respuestas de la pagina diagnostico en verde CREOVA, */
.faq-page-section .accordion.block .acc-btn .icon-outer .icon.flaticon-down-arrow-1 {
    color: var(--creova-lime) !important;
}

/* flechas de la lista nuestro sistema de la pagina diagnostico en verde CREOVA, */
.services-section .content-side .service-detail li::before {
    color: var(--creova-lime) !important;
}

/* Color del titulo del CEO*/
.agency-section-two.style-three .content .title {
    color: var(--creova-lime) !important;
}



/* Texto del box-inner (agency-section) en negro, ganándole a la regla genérica de texto Soft White */
.agency-section .box-inner .content {
    color: var(--creova-black) !important;
}

/* Más separación entre el título pequeño y el título grande, en todas las secciones principales del index */
#metodo .sec-title .title,
#agencia-estrategia .sec-title .title,
#servicios .sec-title .title,
#blog .sec-title .title,
.agency-section-two.style-three .sec-title .title,
.agency-section .sec-title .title,
.services-section .sec-title .title {
    margin-bottom: 10px;
}



/* Línea separadora Soft White entre cada sección del sitio (excepto la primera, el hero, para no duplicar la línea justo debajo del header) */
section:not(#hero) {
    border-top: 3px solid var(--creova-softwhite);
}

/* Borde de la caja del CTA "Ver los casos" en Lime CREOVA, para que se distinga del fondo oscuro */
#cta .inner-container {
    border-color: var(--creova-lime) !important;
}

/* Borde de la caja del Nosotos en Lime CREOVA, para que se distinga del fondo oscuro */
.featured-section.style-two  .inner-container {
    border-color: var(--creova-lime) !important;
}

/* Justificar el texto de los testimonios */
#testimonios .testimonial-block-three .text {
    text-align: justify;
}

/* Íconos de "Agency Box Two" en negro, ganándole a la regla genérica de texto Soft White */
.agency-box-two .icon,
.featured-section.style-two  .icon {
    color: var(--creova-black) !important;
}

/* Justificar el texto de los testimonios */
#agencia-estrategia .content {
    text-align: justify;
}

/* Variable de color del theme (--color-thirtytwo) del color del cuadro en la pagina del Metodo sobreescrita con el CREOVA */
:root {
    --color-thirtytwo: var(--creova-black);
}

/* Cambia --color-eight SOLO dentro de esta caja de testimonios; en el resto del sitio sigue igual */
.testimonial-widget .content-outer {
    --color-eight: var(--creova-softwhite);
}

/* Cambia --color-thirtyone a Soft White SOLO en los widgets del sidebar (Los 6 sistemas, etc.), sin afectar el resto del sitio */
.sidebar-widget {
    --color-thirtyone: var(--creova-softwhite);
}

/* Tarjetas de "Nuestros Sistemas" en Soft White, con su texto en Graphite Black */
.services-section .service-block .inner-box {
    background-color: var(--creova-softwhite) !important;
}

.services-section .service-block .inner-box,
.services-section .service-block .inner-box * {
    color: var(--creova-black) !important;
}

/* Colores de los círculos de íconos en "Nuestros Sistemas" — listos para cambiar en un solo lugar.
   Por ahora usan los mismos colores que ya traía el theme (sin cambio visual).
   Para cambiar un color más adelante, solo reemplaza el valor de la variable correspondiente
   (ej. --icono-circulo-1: #FF0000;) y se actualiza en las 2 tarjetas que lo usan. */
.services-section {
    --icono-circulo-1: var(--color-nine);   /* rosado - íconos sin clase extra (Launch, Automation) */
    --icono-circulo-2: var(--color-ten);    /* menta-azul - íconos con clase color-two (Authority, Makers) */
    --icono-circulo-3: var(--color-eleven); /* menta-verde - íconos con clase color-three (Growth, Direction) */
}

.services-section .service-block .inner-box .icon {
    background-color: var(--icono-circulo-1) !important;
}

.services-section .service-block .inner-box .icon.color-two {
    background-color: var(--icono-circulo-2) !important;
}

.services-section .service-block .inner-box .icon.color-three {
    background-color: var(--icono-circulo-3) !important;
}

/* Texto del acordeón del FAQ en Graphite Black */
.acc-content,
.acc-content * {
    color: var(--creova-black) !important;
}

/* Texto del acordeon (faq-section) en soft white. */
.faq-section .text {
    color: var(--creova-softwhite) !important;
}

/* Texto del acordeon (faq-section) en soft white. */
.faq-section .icon.icon-minus.flaticon-minus,
.faq-section .acc-btn.active,
.faq-section .icon.icon-plus.flaticon-plus,
.faq-section .acc-btn {
    color: var(--creova-lime) !important;
}


/* "Susana Oliver" (h4) en Azul CREOVA fijo, sin tocar el hover verde global */
.agency-section-two.style-three .history-photo h4 a:not(:hover) {
    color: var(--creova-blue) !important;
}


/* Carrusel de fotos por caso: todas al mismo tamaño (recortadas, no deformadas) */
.casos-section .image .case-slider {
    position: relative;
    width: 100%;
    height: 420px;
    overflow: hidden;
    border-radius: 8px;
}

.casos-section .image .case-slider img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.casos-section .image .case-slider img.active {
    opacity: 1;
}

/* "El resultado" en Lime CREOVA, distinto a "El desafío" y "Lo que construimos" que quedan en azul */
.casos-section .case-block h4.result-title {
    color: var(--creova-lime) !important;
}

/* Ícono de la lupa del header — color lima CREOVA en reposo */
.search-box-outer .icon.flaticon-search {
    color: var(--creova-lime) !important;
}

/* Ícono de flecha (cerrar buscador) — a lima CREOVA */
.search-popup .close-search .flaticon-up-arrow {
    color: var(--creova-lime) !important;
}

/* Buscador popup — círculo de cerrar en negro grafito CREOVA */
.search-popup .close-search {
    background-color: var(--creova-black) !important;
}

/* Ícono de la lupa dentro del input (submit) — a azul CREOVA */
.search-popup .form-group button .fa-search {
    color: var(--creova-lime) !important;
}

/* Ícono X (cancelar, esquina) — a negro grafito para que combine con el círculo */
.search-popup .close-search.style-two .flaticon-cancel-1 {
    color: var(--creova-softwhite) !important;
}

/* Buscador popup — fondo azul CREOVA y texto lima */
.search-popup .form-group input[type="search"] {
    background-color: var(--creova-blue) !important;
    color: var(--creova-lime) !important;
}

/* Placeholder también en lima para que se lea sobre el azul */
.search-popup .form-group input[type="search"]::placeholder {
    color: var(--creova-lime) !important;
    opacity: 0.8;
}

/* Buscador popup — X nativa de limpiar, más visible y separada de la lupa */
.search-popup .form-group input[type="search"] {
    padding-right: 70px !important;
}

.search-popup .form-group input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 16px;
    width: 16px;
    margin-right: 40px;
    background-color: var(--creova-lime);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
    cursor: pointer;
}

/* Buscador popup — borde inferior del círculo de cerrar, a lima CREOVA */
.search-popup .close-search {
    border-bottom-color: var(--creova-lime) !important;
}

/* Botón de 6 puntos (sidebar toggle) — quitar fondo gris */
.header-lower .navSidebar-button {
    background-color: transparent !important;
}

.header-lower .navSidebar-button:hover {
    background-color: transparent !important;
}


/* Menú hamburguesa móvil (ícono flaticon) — a lima CREOVA */
.mobile-nav-toggler .icon.flaticon-menu {
    color: var(--creova-lime) !important;
}