/*** 

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

***/

@import url('global.css');
@import url('header.css');
@import url('footer.css');
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('flaticon2.css');
@import url('flaticon3.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');


/*** 

====================================================================
	Header
====================================================================

***/

.header-lower .logo{
	margin: 7px 0
}

header .header-lower .pull-right{
	padding: 23px 0px;
	margin: 7px 0;
}

@media (min-width:600px){
	header .sticky-header .pull-right{
	padding: 23px 0px;
}	
}

/*** 

====================================================================
	Page Title Section
====================================================================

***/

.page-title{
	position:relative;
	overflow:hidden;
	padding:155px 0px 190px;
	background-color:var(--color-twentyone);
}

.page-title .cloud-layer{
	position:absolute;
	left:0px;
	bottom:0px;
	right:0px;
	height:129px;
	background-repeat:repeat-x;
	animation: 30s linear 0s infinite normal none running slide;
}

.page-title .pattern-layer-one{
	position:absolute;
	left:5%;
	top:35%;
	width:52px;
	height:251px;
	background-repeat:no-repeat;
}

.page-title .big-letter{
	position:absolute;
	left:0px;
	top:110px;
	right:0px;
	font-size:400px;
	font-weight:600;
	line-height:1em;
	color: transparent;
	text-align:center;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: rgba(0,0, 0, 0.08);
	letter-spacing: 5px;
}

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

.page-title .title-column .inner-column{
	position:relative;
	padding-top:var(--padding-top-110);
}

.page-breadcrumb{
	position:relative;
	margin-top:var(--margin-top-25);
	background-color:var(--main-color-two);
}

.page-breadcrumb li{
	position:relative;
	font-weight:600;
	display:inline-block;
	color:var(--main-color);
	font-size:var(--font-18);
	text-transform:capitalize;
	margin-right:var(--margin-right-10);
	padding-right:var(--padding-right-20);
}

.page-breadcrumb li:after{
	position:absolute;
	content: '\f061';
	right:-3px;
	top:0px;
	color:var(--main-color);
	font-size:var(--font-12);
	font-family: 'FontAwesome';
}

.page-breadcrumb li:last-child::after{
	display: none;
}

.page-breadcrumb li:last-child{
	padding-right:0px;
	margin-right:0px;
}

.page-breadcrumb li a{
	font-weight:600;
	color:var(--text-color);
	text-transform: capitalize;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.page-breadcrumb li a:hover{
	color:var(--main-color);
}

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

.page-title .images-column .inner-column{
	position:relative;
	margin-right:-180px;
}

.page-title .images-column .image{
	position:relative;
	float:left;
	margin-right:var(--margin-right-10);
}

.page-title .images-column .image:first-child{
	border-radius:50%;
	overflow:hidden;
}

.page-title .images-column .image:last-child{
	border-radius:0% 40% 40% 40%;
	overflow:hidden;
	margin-top:120px;
}

.page-title.style-two{
	text-align:center;
}

.page-title.style-three .images-column .image:last-child{
	margin-top:var(--margin-zero);
}


/*** 

====================================================================
	Counter Section
====================================================================

***/

.counter-section{
	position:relative;
	padding-bottom:var(--padding-bottom-70);
}

/* Fact Counter */

.fact-counter{
	position:relative;
}

.fact-counter .counter-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.fact-counter .counter-column .inner{
	position:relative;
}

.fact-counter .counter-column .inner .content{
	position:relative;
}

.fact-counter .counter-column .dott{
	position:relative;
	width:30px;
	height:30px;
	border-radius:50px;
	display:inline-block;
	margin-bottom:var(--margin-bottom-20);
	border:1px solid var(--color-ten);
}

.fact-counter .counter-column .dott::before{
	position:absolute;
	content:'';
	left:10px;
	top:10px;
	right:10px;
	bottom:10px;
	border-radius:50px;
	background-color:var(--main-color);
}

.fact-counter .counter-column .dott .ripple,
.fact-counter .counter-column .dott .ripple:before,
.fact-counter .counter-column .dott .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width:30px;
	height:30px;
    -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 var(--main-color-rgba);
    -moz-box-shadow: 0 0 0 0 var(--main-color-rgba);
    -ms-box-shadow: 0 0 0 0 var(--main-color-rgba);
    -o-box-shadow: 0 0 0 0 var(--main-color-rgba);
    box-shadow: 0 0 0 0 var(--main-color-rgba);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.fact-counter .counter-column .dott .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.fact-counter .counter-column .dott .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);}
}

.fact-counter .count-outer .percentage{
	position:relative;
}

.fact-counter .counter-column .inner .count-outer{
	position:relative;
	font-weight:500;
	line-height:1em;
	color:var(--color-two);
	font-size:var(--font-65);
}

.fact-counter .counter-column h6{
	margin-top:var(--margin-top-15);
}

.fact-counter .counter-column .inner .counter-text{
	position:relative;
	opacity:0.80;
	font-weight:400;
	line-height:1.7em;
	font-size:var(--font-16);
	color:var(--text-color);
	margin-top:var(--margin-top-15);
}

/*** 

====================================================================
	Counter Section
====================================================================

***/

.counter-section{
	position:relative;
	overflow:hidden;
	background-size:cover;
	background-position:center center;
	background-attachment:fixed;
}

.counter-section:before{
	position:absolute;
	content:'';
	left:0px;
	right:0px;
	bottom:0px;
	height:100%;
	z-index:1;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #282F3B 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #282F3B 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #282F3B 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, #282F3B));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #282F3B 100%);
	background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #282F3B 100%);
}

.counter-section .auto-container{
	position:relative;
	max-width:1600px;
}



.counter-section.style-two{
	padding:100px 0px 100px;
	background-color:#f7de39;
}

.counter-section.style-two::before{
	display:none;
}

.counter-section.style-two .auto-container{
	max-width:1200px;
}

.counter-section.style-two .counter-block .inner-block{
	padding:0px 0px;
	border:none;
}

.counter-section.style-two .counter-block .inner-block:before{
	position:absolute;
	content:'';
	right:50px;
	top:0px;
	width:1px;
	height:100%;
	background-color:rgba(255,255,255,0.20)
}

.counter-section.style-two .counter-block:last-child .inner-block:before{
	display:none;
}



.counter-block{
	position:relative;
	z-index:1;
}

.counter-block .inner-block{
	position:relative;
	padding-top:350px;
	padding-left:40px;
	padding-bottom:40px;
	border-right:1px solid rgba(255,255,255,0.10);
}

.counter-block:last-child .inner-block{
	border:none;
}

.counter-block .icon{
	position:relative;
	color:#323232;
	font-size:50px;
	line-height:1em;
	display:inline-block;
	font-family: "Flaticon";
	margin-bottom:20px;
	
	transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.counter-block .inner-block:hover .icon{
	transform:rotateY(180deg);
}

.counter-block .counter{
	position:relative;
	line-height:1em;
	color:#323232;
	font-size:55px;
	font-weight:700;
	font-family: 'DM Sans', sans-serif;
}

.counter-block .counter-text{
	position:relative;
	font-weight:400;
	color:#323232;
	font-size:18px;
	margin-top:5px;
	text-transform:capitalize;
	font-family: 'DM Sans', sans-serif;
}

/*** 

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

***/

.testimonial-section{
	position:relative;
	padding:110px 0px 110px;
}

.testimonial-section .inner-container{
	position:relative;
	border:1px solid #f5faf4;
}

.testimonial-section .inner-container:before{
	position:absolute;
	content:'';
	left:50%;
	top:0px;
	bottom:0px;
	width:1px;
	border-right:1px solid #f5faf4;
}

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

.testimonial-section .title-column .inner-column{
	position:relative;
	padding:0px 60px 100px;
}

.testimonial-section .title-column .quote-icon{
	position:relative;
	color:#f7de39;
	font-size:40px;
	width:96px;
	height:107px;
	line-height:107px;
	text-align:center;
	background-color:#e9eef5;
	border-radius:0px 0px 50px 50px;
}

.testimonial-section .title-column h2{
	position:relative;
	color:#282F3B;
	font-weight:800;
	font-size:55px;
	line-height:60px;
	margin-top:50px;
	margin-bottom:80px;
	font-family: 'Playfair Display', serif;
}

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

.testimonial-section .carousel-column .inner-column{
	position:relative;
	padding:0px 50px 100px;
}

.testimonial-section .carousel-column .owl-dots{
	position:relative;
	text-align:right;
	margin-top:-30px;
}

.testimonial-section .carousel-column .owl-dots .owl-dot{
	position:relative;
	margin:0px 6px;
	width:13px;
	height:13px;
	border-radius:50px;
	display:inline-block;
	border:2px solid #f7de39;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.testimonial-section .carousel-column .owl-dots .owl-dot.active,
.testimonial-section .carousel-column .owl-dots .owl-dot:hover{
	background-color:#f7de39;
}

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

.testimonial-block{
	position:relative;
}

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

.testimonial-block .author-image{
	position:relative;
	width:64px;
	overflow:hidden;
}

.testimonial-block .rating{
	position:relative;
	margin-top:50px;
}

.testimonial-block .rating .fa{
	position:relative;
	font-size:14px;
	color:#ffbe73;
}

.testimonial-block .designation{
	position:relative;
	font-size:18px;
	font-weight:700;
	margin-top:12px;
	margin-bottom:40px;
	color:var(--color-onehundred-thirty);
}

.testimonial-block p{
	position:relative;
	font-size:16px;
	opacity:1;
	font-weight:400;
	line-height:28px;
	margin-bottom:20px;
	color:var(--color-onehundred-thirty-one);
}

.testimonial-block .quote-icon{
	position:relative;
	left:1px;
	font-size:40px;
	line-height:1em;
	color:#f7de39;
	margin-top:30px;
}

.testimonial-block .client-logo{
	position:relative;
	margin-top:50px;
}

.testimonial-block .client-logo img{
	position:relative;
	width:auto;
}

/*** 

====================================================================
	Banner Section Two
====================================================================

***/

.banner-section-two{
	position:relative;
	background-color:#f5faf4;
	overflow-x:hidden;
}

.banner-section-two .buttons-box .theme-btn {
  margin-right: 15px;
  border-radius: 50px;
  float: left;
}

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

.banner-section-two .content-column .inner-column{
	position:relative;
	padding-top:100px;
}

.banner-section-two .title{
	position:relative;
	color:#282F3B;
	font-weight:500;
	font-size:16px;
	padding-left:25px;
	
	opacity:0;
	transform: translateY(180px);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section-two .title:before{
	position: absolute;
    content: '\f00c';
    left: 0px;
    top: 0px;
    color: #f7de39;
    font-family: 'FontAwesome';
}

.banner-section-two .active .title{
	opacity:1;
	transform: translateY(0px);
}

.banner-section-two h1{
	position:relative;
	color:#282F3B;
	font-size:70px;
	line-height:80px;
	font-weight:800;
	margin-top:35px;
	font-family: 'Playfair Display', serif;
	transform: translateY(180px);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section-two .active h1{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.banner-section-two .text{
	position:relative;
	color:#667279;
	font-size:18px;
	line-height:30px;
	font-weight:400;
	margin-top:40px;
		transform: translateY(180px);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section-two .active .text{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.banner-section-two .buttons-box{
	position:relative;
	margin-top:40px;
	opacity:0;
	transform: translateY(180px);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section-two .active .buttons-box{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

.banner-section-two .buttons-box .theme-btn{
	margin-right:15px;
	float:left;
}

.banner-section-two .play-box{
	position:relative;
	display: inline-block;
}

.banner-section-two .play-box .fa{
	position:relative;
	width:56px;
	height:56px;
	float:left;
	margin-top:3px;
	color:#f7de39;
	font-size:16px;
	margin-left:20px;
	text-align:center;
	max-width:56px;
	line-height:54px;
	border-radius:50px;
	display:inline-block;
	background-color:#ffffff;
}

.banner-section-two .play-box i{
	position:relative;
	font-style:normal;
	font-weight:600;
	font-size:20px;
	color:#282F3B;
	padding-top:12px;
	margin-left:20px;
	display:inline-block;
}

.banner-section-two .social-box{
	position:absolute;
	right:45px;
	top:150px;
	z-index:10;
	width:30px;
	writing-mode: vertical-rl;
	transform:rotate(0deg);
}

.banner-section-two .social-box li{
	position:relative;
	display:inline-block;
	margin-top:40px;
}

.banner-section-two .social-box li a{
	position:relative;
	font-weight:700;
	font-size:18px;
	color:#282F3B;
	opacity:0.40;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease; 
}

.banner-section-two .social-box li a:hover{
	color:#f7de39;
	opacity:1;
}

.banner-section-two .social-box li a::before{
	transform:rotate(90deg);
	display:inline-block;
}

.banner-section-two .social-box li span{
	position:relative;
	margin-top:5px;
	letter-spacing:3px;
	display:inline-block;
	text-transform:uppercase;
	font-family: 'DM Sans', sans-serif;
}

.banner-section-two .image-column{
	position:relative;
}

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

.banner-section-two .image-column .image{
	position:relative;
	opacity:0;
	transform: translateX(220px);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section-two .active .image{
	opacity:1;
	transform: translateX(0px);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.banner-section-two .image-column .image img{
	position:relative;
	width:auto;
	max-width:inherit;
}

.banner-section-two .general-box{
	position:absolute;
	right:0px;
	bottom:0px;
	z-index:1;
	padding:50px 60px 40px;
	background-color:#f7de39;
}

.banner-section-two .general-box .box-inner{
	position:relative;
}

.banner-section-two .general-box .dots{
	position:relative;
	margin-right:30px;
	line-height:1em;
	float: left;
	top: -5px;	
}

.banner-section-two .general-box i{
	position:relative;
	font-size:15px;
	font-weight:400;
	color:#282F3B;
	float: left;
	font-style:normal;
	font-family: 'DM Sans', sans-serif;
}

.banner-section-two .general-box .info-box{
	position:relative;
	margin-left:50px;
	padding-left:35px;
	margin-top:-6px;
	display:inline-block;
	border-left:1px solid rgba(255,255,255,0.20);
}

.banner-section-two .general-box .info-box a{
	position:relative;
	color:#282F3B;
	font-size:15px;
}

.banner-section-two .owl-dots,
.banner-section-two .owl-nav{
	display:none;
}

/*** 

====================================================================
	Professional Section
====================================================================

***/

.professional-section{
	position:relative;
	padding:100px 0;
}

.professional-section:before{
	position:absolute;
	content:'';
	right:0px;
	top:0px;
	bottom:0px;
	width:50.85%;
	background-color:#f5faf4;
}

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

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

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

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

.professional-section .image-column h2{
	font-weight:800;
	color:#282F3B;
	font-size:55px;
	margin-bottom:40px;
	font-family: 'Playfair Display', serif;
}

.professional-section .image-column .theme-btn{
	border-radius:4px;
}

.professional-section .image-column .image{
	position:relative;
	margin-top:60px;
}

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

.professional-section .content-column{
	position:relative;
}

.professional-section .content-column .inner-column{
	position:relative;
	padding-left:80px;
}

.professional-section .content-column .title-box{
	position:relative;
	margin-bottom:30px;
}

.professional-section .content-column .title-box .title{
	position:relative;
	display:block;
	color:#f7de39;
	font-size:24px;
	font-weight:500;
}

.professional-section .content-column .title-box h2{
	font-weight:800;
	color:#282F3B;
	font-size:50px;
	margin-top:15px;
	margin-bottom:30px;
	font-family: 'Playfair Display', serif;
}

.professional-section .content-column .text{
	position:relative;
	color:#565F66;
	opacity:1;
	font-size:16px;
	line-height:30px;
	margin-bottom:25px;
}

.professional-section .content-column .quote-text{
	position:relative;
	color:#565F66;
	font-size:16px;
	line-height:28px;
	margin-bottom:25px;
	font-style:italic;
	text-decoration:underline;
}

.professional-section .content-column .quote-text .fa{
	position:relative;
	color:#f7de39;
	margin-right:5px;
}

.professional-section .content-column .blocks-outer{
	position:relative;
	margin-top:40px;
}

.featured-block{
	position:relative;
	margin-bottom:30px;
}

.featured-block:last-child{
	margin-bottom:0px;
}

.featured-block .inner-box{
	position:relative;
	padding-left:80px;
	padding-top:3px;
}

.featured-block .icon{
	position:absolute;
	left:0px;
	top:4px;
	width:56px;
	height:58px;
	color:#f7de39;
	font-size:30px;
	border-radius:5px;
	text-align:center;
	display:inline-block;
	font-family: "Flaticon";
	background-color:#ffffff;
	transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.featured-block .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);
}

.featured-block strong{
	position:relative;
	display:block;
	color:#152A38;
	font-weight:800;
	font-size:22px;
	font-family: 'Playfair Display', serif;
}

.featured-block .feature-text{
	position:relative;
	color:#667279;
	font-size:15px;
	margin-top:8px;
}

/*** 

====================================================================
	Fluid Section Two
====================================================================

***/

.fluid-section-two{
	position:relative;
	overflow:hidden;
	padding:0px 0px 0px;
}

.fluid-section-two .outer-container{
	position:relative;
	min-height:250px;
	background-color:#f5faf4;
}

.fluid-section-two.white .outer-container{
	background-color:#fff;
}

.fluid-section-two .image-column{
	position:absolute;
	right:0px;
	top:0px;
	width:50%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

.fluid-section-two .image-column .image-box{
	position:relative;
	display:none;
}

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

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

.fluid-section-two .image-column .overlay-box span{
	position: absolute;
	width:120px;
	height: 120px;
	left:50%;
    top: 50%;
	z-index:10;
	font-weight:700;
	text-align: center;
	display: inline-block;
	margin-top: -60px;
	margin-left:-60px;
	line-height:120px;
	border-radius:50%;
	font-size:24px;
	color: #ffffff;
	padding-left:5px;
	background-color:#f7de39;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.fluid-section-two .image-column .overlay-box span:hover{
	color:#f7de39;
	background-color:#ffffff;
}

.fluid-section-two .image-column .ripple,
.fluid-section-two .image-column .ripple:before,
.fluid-section-two .image-column .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width:120px;
	height: 120px;
    -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;
}

.fluid-section-two .image-column .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.fluid-section-two .image-column .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

.fluid-section-two .content-column{
	position:relative;
	float:left;
	width:50%;
	z-index:1;
}

.fluid-section-two .content-column .inner-column{
	position:relative;
	max-width:780px;
	width:100%;
	float:right;
	padding-right:50px;
	padding-left:15px;
}

.fluid-section-two.img-left .content-column {
	float: right;
}
.fluid-section-two.img-left .image-column {
	left: 0px;
	right:auto;
}

.fluid-section-two.img-left .content-column .inner-column {
	float: right;
}

/* Mission Tabs */

.mission-tabs{
	position:relative;	
}

.mission-tabs .tab-btns{
	position:relative;
}

.mission-tabs .tab-btns .tab-btn{
	position:relative;
	margin-right:8px;
	font-size:22px;
	color:#FAF0EC;
	font-weight:500;
	line-height:24px;
	cursor:pointer;
	opacity:0.60;
	padding:88px 40px;
	border-radius:0px;
	margin-bottom:12px;
	display:inline-block;
	transition:all 500ms ease;
	text-transform:capitalize;
	font-family: 'DM Sans', sans-serif;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.mission-tabs .tab-btns .tab-btn:after{
	position:absolute;
	content:'';
	right:0px;
	top:50%;
	width:1px;
	opacity:0.20;
	height:40px;
	transform:translateY(-50%);
	background-color:#ffffff;
}

.mission-tabs .tab-btns .tab-btn:before{
	position:absolute;
	content:'';
	left:50%;
	bottom:0px;
	opacity:1;
	opacity:0;
	margin-left:-10px;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 15px solid #f5faf4;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.mission-tabs .tab-btns .tab-btn:last-child{
	margin-right:0px;
	border:0px;
}

.mission-tabs .tab-btns .tab-btn:hover,
.mission-tabs .tab-btns .tab-btn.active-btn{
	color:#ffffff;
	opacity:1;
}

.mission-tabs .tab-btns .tab-btn:hover::before,
.mission-tabs .tab-btns .tab-btn.active-btn::before{
	opacity:1;
}

.mission-tabs .tab-btns .tab-btn:last-child::after{
	display:none;
}

.mission-tabs .tabs-content{
	position:relative;	
}

.mission-tabs .tabs-content .tab{
	position:relative;
	display:none;
}

.mission-tabs .tabs-content .tab.active-tab{
	display:block;	
}

.mission-tabs .content{
	position:relative;
	padding:200px 15px 100px 0px;
}

.mission-tabs .title{
	position: relative;
    display: block;
    color: rgb(117,187,104);
    font-size: 24px;
    font-weight: 500;
}

.mission-tabs h2{
	position:relative;
	font-weight: 800;
    color: #282F3B;
    font-size: 50px;
	margin-top:10px;
    margin-bottom: 40px;
    font-family: 'Playfair Display', serif;
}

.mission-tabs h2.title{
  font-family: var(--font-family-Poppins);
  margin:0;
}
.mission-tabs .text{
	position: relative;
    color: #565F66;
	opacity:1;
    font-size: 16px;
	max-width:490px;
    line-height: 30px;
    margin-bottom: 25px;
}

.mission-tabs .options-list{
	position:relative;
	margin-top:35px;
}

.mission-tabs .options-list li{
	position:relative;
	font-size:15px;
	color:#152A38;
	font-weight:500;
	margin-bottom:15px;
	padding-left:25px;
	font-family: 'DM Sans', sans-serif;
}

.mission-tabs .options-list li:before{
	position:absolute;
	content:'\f00c';
	left:0px;
	top:0px;
	color:rgb(117,187,104);
	font-family: 'FontAwesome';
}

.mission-tabs .options-list li:last-child{
	margin-bottom:0px;
}


/*** 

====================================================================
	Testimonial Section Two
====================================================================

***/

.testimonial-section-two{
	position:relative;
	padding:110px 0px 160px;
}

.testimonial-section-two .inner-container{
	position:relative;
	padding:0px 70px 50px;
	border:1px solid #f5faf4;
}

.testimonial-section-two .inner-container:before{
	position:absolute;
	content:'';
	left:50%;
	top:0px;
	bottom:0px;
	width:1px;
	border-right:1px solid #f5faf4;
}

.testimonial-section-two .owl-dots{
	position:relative;
	text-align:center;
	top:130px;
}

.testimonial-section-two .owl-dots .owl-dot{
	position:relative;
	margin:0px 6px;
	width:13px;
	height:13px;
	border-radius:50px;
	display:inline-block;
	border:2px solid #f7de39;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.testimonial-section-two .owl-dots .owl-dot.active,
.testimonial-section-two .owl-dots .owl-dot:hover{
	background-color:#f7de39;
}

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

/*** 

====================================================================
	Features Section
====================================================================

***/

.features-section{
  padding:100px 0;
  background-color: #f5faf4;
}


.features-section .inner-box{
    position:relative;
}

.features-section .row{
  padding-top:70px;
}

.number{
    font-size: 100px;
    font-weight: 700;
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0.15;  
	color:#7F8AA0;
}

/* Podstawowy styl dla popup */
        /* Przyciemnione tło */
        .backdrop {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 999;
            display: none;
        }

        /* Styl dla popup na środku ekranu */
        .cookie-popup {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: white;
            padding: 20px;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
            z-index: 1000;
            width: 80%;
            max-width: 800px;
            text-align: center;
        }

        .cookie-popup.show,
        .backdrop.show {
            display: block;
        }

        .cookie-popup button {
            margin: 10px;
            padding: 10px 20px;
			max-height: 60px;
			display:inline-flex !important;
			border-radius:50px;
			font-size: 16px;
			height: 50px;
            align-items: center;
        }
@media (max-width:420px){		
	#cookiePopup a{
		display:inline-block;
		text-align:center;
		margin:10px 20px 5px;
    
	}
	#cookiePopup button{
		display:block;
		margin:15px auto !important;
		text-align:center;
	}
  
	#cookiePopup{
		display:flex;
		justify-content: center;
      text-align:Center;
	}		
}