/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 13 2023 | 18:29:27 */
@keyframes slide-up {
    from {
        padding-top: 50px;
        opacity: .5;
        /* line-height: 80px; */
    }
    to {
        padding-top: 0;
        opacity: 1;
        /* line-height: 25px; */
    }
}
@keyframes scale-up {
    from {
        transform:scaleY(0);
        opacity: .5;
    }
    to {
        transform:scaleY(1);
        opacity: 1;
    }
}
@keyframes reveal-text {
    from {
        transform:translate(0,100%);
    }
    to {
        transform:translate(0,0);
    }
}
@keyframes fade-in {
  from { 
	  opacity: 0;
	}
  to { 
	  opacity: 1;
	}
}
.slide-up {
    animation: slide-up 1000ms;
}
.scale-up {
	animation: scale-up 1000ms;
}
.reveal-text{
	animation: reveal-text 1500ms;	
}
.fade-in{
	animation: fade-in 1000ms;
}
.line-box{
	display: block;
  	overflow-y: hidden;
}

.pf-intro h2 {
	font-size:54px;
	color:#0b072d;
	font-weight:500;
	font-family:'Nunito Sans', sans-serif;
}

.pf-nav{
	display: flex;
	align-items: center;
	column-gap: 12px;
	margin-bottom: 10px;
}
.pf-tabs-list {
	display: flex;
	align-items: center;
	flex:1;
}
.pf-tab{
	width: 20%;
	height: 5px;
	background: #ccc;
	border-radius: 6px;
	margin-right: 4px;
}
.pf-tab.active{
	background:#0b072d;
}

.pf-arrow-btn,
.pf-arrow-btn:active{
	background: transparent;
	width: 80px;
	height: 80px;
	border: 1px solid #ced0cf;
	border-radius: 50%;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
    color: #0b072d;
	outline:none;
	transition:background 300ms, color 300ms;
}

.pf-arrow-btn:hover,
.pf-arrow-btn:focus{
	background:rgb(21,176,146,.8);
	color:#fff;
	border: 1px solid #ced0cf;
}

.pf-arrow-btn:hover img,
.pf-arrow-btn:focus img{
	filter:invert(100%);
	-webkit-filter:invert(100%);
	-moz-filter:invert(100%)
}

.pf-tabs-content h6{
	color: #26313c;
	font-family: 'Nunito Sans';
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 4px;
}
	line-height: 24px;
	letter-spacing:0.1px;

.pf-tabs-content p{
	font-family: 'Nunito Sans';
	font-weight: 400;
	font-size: 16px;
	width: 90%;
}
.pf-image {
	max-width: 100%;
	border-radius: 8px;
	overflow: hidden;
	background: transparent;
	box-sizing: border-box;
	box-shadow: rgb(9 30 66 / 25%) 0px 4px 8px -2px, rgb(9 30 66 / 8%) 0px 0px 0px 1px;
}
.pf-image img {
	height: auto;
    max-width: 100%;
    border-radius: 8px !important;
    box-shadow: none;
	display:block;
}

@media (min-width: 1201px) and (max-width: 1301px) {
	.pf-intro h2{
		font-size:44px;
	}
	
	.pf-arrow-btn {
		width:60px;
		height:60px;
	}
}

@media (min-width: 1051px) and (max-width:1200px) {
	.pf-intro h2{
		font-size:40px;
	}
	.pf-arrow-btn {
		width:50px;
		height:50px;
		font-size:16px;
	}
	.pf-arrow-btn img {
		width:16px;
	}
}

@media (min-width: 769px) and (max-width:1050px){
	.pf-intro h2{
		font-size:40px;
		margin-bottom:0px;
	}
	.pf-tabs-content p {
		font-size:18px;
	}
}

@media (max-width: 768px){
	.pf-intro h2{
		font-size:40px;
	}
	
	.pf-arrow-btn{
		width:60px;
		height:60px;
	}
}

@media (max-width: 576px){
	.pf-intro h2{
		font-size:28px;
		margin-bottom:0px
	}
}

@media (max-width: 490px) {
	.pf-intro h2 {
		font-size:24px;
	}
}