/* ============================
Theme Name: Pamtree
Version: 5.1.1
Description: Pamtree
Author: Edwin
First Update: 12/01/2023
Last Update: 14/02/2024
License: GNU General Public License v2 or later
============================*/

/* ============================
# VARIABLES
============================*/
:root {
	--font: 'Inter', sans-serif;
	--color: #000000;
	--brand-color:#E0007A;
	--brand-color-light:#FEF8FB;
	--btn-primary-bg: #E0007A;
	--btn-primary-color: #FFFFFF;
	--btn-border-radius: 5px;
}

/* ============================
# RESET STYLES
============================*/
html {
	scroll-behavior: smooth;
}
body {
	font-family: var(--font);
	font-size: 16px;
	font-weight: 400;
	color: var(--color);
}
button,
a { display: inline-block; }
a,
a:hover,
a:focus {
	text-decoration: none;
	outline: none;
}
button,
button:hover,
button:focus {
	outline: none;
}
h1, h2, h3, h4, h5, h6 { font-weight: 700; }
p { 
	font-weight: 400;
	line-height: 1.6; 
}
img { max-width: 100%; }

@media (max-width: 767px) {
	ul li,
	p { font-size: 15px; }
}

/* ============================
# BOOTSTRAP / USER RESET
============================*/
button:focus,
.btn:focus { box-shadow: none; }
.form-control { height: auto; }
.form-control:focus { box-shadow: none; }
.form-check-input:focus { box-shadow: none; }

/* ============================
# ELEMENTS
============================*/
.btn {
	font-size: 16px;
	font-weight: 500;
	padding: 14px 20px;
	border-radius: var(--btn-border-radius);
}
.btn-brand-primary {
	color: var(--btn-primary-color);
	background: var(--btn-primary-bg);
	border-color: var(--btn-primary-bg);
}
.btn-brand-primary:hover,
.btn-brand-primary:focus-visible,
.btn-brand-primary:active {
	color: var(--brand-color);
	background: transparent;
	border-color: var(--btn-primary-bg);
}
.btn-brand-primary.disabled {
	color: #FFFFFF;
	background: #D1D1D1;
	border-color: #D1D1D1;
}

@media (max-width: 767px) {
	.btn {
		font-size: 15px;
		padding: 12px 20px;
	}
}

.fw-medium { font-weight: 500!important; }
.fw-black { font-weight: 900!important; }
.text-brand { color: var(--brand-color)!important; }
.bg-brand-light { background-color: var(--brand-color-light)!important; }

/* ============================
# HEADER
============================*/
.site-header {
	background-color: #FFFFFF;
	padding: 20px 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	transition: all .30s ease-in-out;
	z-index: 1000;
}
.brand {
	width: 100%;
	max-width: 225px;
	flex: 0 0 auto;
}
.menubar { flex-grow: 1; }
.menubar .menu-button-box {
	padding-left: 35px;
	padding-right: 10px;
}
.menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}
.menu > li { margin-left: 25px; }
.menu > li > a {
	font-size: 16px;
	font-weight: 600;
	color: #000000;
	display: block;
	padding: 10px 10px;
	text-align: center;
}
.menu > li.current-menu-item > a,
.menu > li:hover > a {
	color: var(--brand-color);
}
.menu > li.menu-item-spec > a {
	color: var(--btn-primary-color);
	background: var(--btn-primary-bg);
	border-color: var(--btn-primary-bg);
	padding: 12px 20px;
	border-radius: var(--btn-border-radius);
	border: 1px solid var(--brand-color);
}
.menu > li.menu-item-spec > a:hover {
	color: var(--brand-color);
	background: transparent;
	border-color: var(--brand-color);
}
.btn-header-toggle {
	color: var(--brand-color);
	border: 2px solid var(--brand-color);
	background-color: var(--brand-color-light);
	padding: 0 2px;
	width: 46px;
	height: 42px;
	flex: 0 0 auto;
}
.btn-header-toggle:hover {
	color: #FFFFFF;
	border-color: var(--brand-color);
	background-color: var(--brand-color);
}
.menu.menu-sm { flex-direction: column; }
.menu.menu-sm > li {
	margin-left: 0;
	width: 100%;
}
.menu.menu-sm > li > a { 
	padding: 10px 0; 
	text-align: left;
}
.menu.menu-sm > li.menu-item-spec  { margin-top: 8px; }
.menu.menu-sm > li.menu-item-spec > a { text-align: center; }
.site-header.scrolled {
	padding: 10px 0;
	background-color: #FFFFFF;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}

@media (min-width: 1200px) {
	.site-header > .container-fluid {
		padding-left: 40px;
		padding-right: 40px;
	}
}
@media (min-width: 1400px) {
	.site-header > .container-fluid {
		padding-left: 60px;
		padding-right: 60px;
	}
}
@media (max-width: 1399px) {
	.brand { max-width: 200px; }
	.menu > li { margin-left: 15px; }
	.menubar .menu-button-box {
		padding-left: 25px;
		padding-right: 10px;
	}
}
@media (max-width: 1199px) {
	.brand { max-width: 170px; }
	.menu > li { margin-left: 12px; }
	.menu > li > a {
		font-size: 15px;
		padding: 10px 8px;
	}
	.menu > li.menu-item-spec > a { padding: 10px 16px; }
}
@media (max-width: 767px) {
	.brand img { max-width: 130px; }
	.btn-header-toggle { height: 36px; }
}

/* =====[NEW VERSION HEADER]===== */
.mobile-menu-frame {
	width: 100%;
	transform: translateX(-100%);
	opacity: 0;
	transition: all .30s ease-in-out;
	z-index: 1100;
}
.mobile-menu-frame.show {
	transform: translateX(0);
	opacity: 1;
}
.mobile-menu-frame .mobile-menu-header {
	border-bottom: 1px solid #E5E5E5;
	background-color: var(--brand-color-light);
}
.mobile-menu-frame .mobile-menu-title a { display: block; }
.mobile-menu-frame .mobile-menu-title img { width: 140px; }


/* ============================
# HOME PAGE
============================*/
/* =====[TITLE]===== */
.title-xl { font-size: 42px; }
.title-sm { font-size: 15px; }

@media (max-width: 1399px) {
	.title-xl { font-size: 38px; }
}
@media (max-width: 1199px) {
	.title-xl { font-size: 34px; }
}
@media (max-width: 991px) {
	.title-xl { font-size: 30px; }
}
@media (max-width: 767px) {
	.title-sm { font-size: 14px; }
	.title-xl { font-size: 28px; }
}

/* =====[NAV PILLS PANEL]===== */
.nav-pills-alt { 
	justify-content: center; 
	margin-left: 0; 
}
.nav-pills-alt .nav-item + .nav-item { margin-left: 60px; }
.nav-pills-alt .nav-item .nav-link {
	font-size: 18px;
	font-weight: 500;
	color: #606060;
	border: 0;
	border-bottom: 3px solid transparent;
	border-radius: 0;
	padding: 5px 0;
	white-space: nowrap;
}
.nav-pills-alt .nav-item .nav-link.active, 
.nav-pills-alt .nav-item .show > .nav-link {
	color: #000000;
	background-color: transparent;
	border-bottom-color: var(--brand-color);
}
.nav-pills-alt.nav-pills-alt-bt { align-items: flex-end; }
.nav-pills-alt.nav-pills-alt-bt .nav-item + .nav-item { margin-left: 40px; }
.nav-pills-alt.nav-pills-alt-bt .nav-item .nav-link {
	font-size: 14px;
	white-space: normal;
	width: 90px;
}

@media (max-width: 1399px) {
	.nav-pills-panel.nav-pills-panel-bt { overflow-x: scroll; }
	.nav-pills-alt.nav-pills-alt-bt {
		flex-wrap: nowrap;
		justify-content: start;
		margin-bottom: 20px;
	}
	.nav-pills-alt.nav-pills-alt-bt { justify-content: flex-start; }
}
@media (max-width: 1199px) {
	.nav-pills-alt .nav-item + .nav-item { margin-left: 45px; }
}
@media (max-width: 991px) {
	.nav-pills-panel { overflow-x: auto; }
	.nav-pills-alt {
		flex-wrap: nowrap;
		justify-content: start;
		margin-bottom: 20px;
	}
	.nav-pills-alt .nav-item .nav-link { font-size: 17px; }
}
@media (max-width: 767px) {
	.nav-pills-alt .nav-item .nav-link { font-size: 16px; }
	.nav-pills-alt .nav-item + .nav-item { margin-left: 40px; }
	.nav-pills-alt.nav-pills-alt-bt .nav-item + .nav-item { margin-left: 20px; }
	.nav-pills-alt.nav-pills-alt-bt .nav-item .nav-link {
		font-size: 15px;
		white-space: nowrap;
		width: auto;
	}
	.nav-pills-alt.nav-pills-alt-bt .nav-item .nav-link br { display: none; }
}

/* =====[SECTION TABS]===== */
.section-tabs { padding: 85px 0 60px 0; }
.panel-tab-box { padding-top: 30px; }
.panel-tab-box .panel-media {
	margin: 22px 36px;
	box-shadow: 0rem 0rem 3rem rgba(0,0,0,.09);
}
.panel-tab-box .panel-title { margin-bottom: 26px; }
.panel-tab-box p {
	margin-bottom: 18px;
	line-height: 1.65;
}
.panel-tab-box .btn { margin-top: 14px; }

@media (max-width: 1399px) {
	.section-tabs { padding: 75px 0 60px 0; }
	.panel-tab-box .panel-media { margin: 22px 20px; }
	.panel-tab-box .panel-title { margin-bottom: 20px; }
}
@media (max-width: 1199px) {
	.panel-tab-box .panel-media { margin: 10px 10px; }
	.panel-tab-box .btn { margin-top: 8px; }
}
@media (max-width: 991px) {
	.section-tabs { padding: 65px 0 60px 0; }
	.panel-tab-box { padding-top: 10px; }
	.panel-tab-box .panel-media { margin: 10px 0; }
	.panel-tab-box .panel-content {
		padding-top: 20px;
		text-align: center;
	}
	.panel-tab-box .panel-title { margin-bottom: 16px; }
}
@media (max-width: 767px) {
	.section-tabs { padding: 50px 0 55px 0; }
	.panel-tab-box { padding-top: 0; }
	.panel-tab-box .panel-title { font-size: 26px; }
	.panel-tab-box p { margin-bottom: 16px; }
}

/* =====[SECTION HOME HERO]===== */
.section-home-hero { padding-top: 180px; }
/* .section-home-hero .panel-content { padding-right: 40px; } */
.section-home-hero .title-xl { margin-bottom: 18px; }
.section-home-hero.section-home-hero-no-shadow .panel-tab-box .panel-media {
	box-shadow: none;
}

.section-home-hero .panel-content ul {
	padding: 0;
	margin: 0 0 18px 0;
	list-style: none;
}
.section-home-hero .panel-content ul li {
	position: relative;
	padding-left: 26px;
}
.section-home-hero .panel-content ul li:not(:last-child) {
	margin-bottom: 12px;
}
.section-home-hero .panel-content ul li:before {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	top: 9px;
	left: 0;
	background: var(--btn-primary-bg);
	border-radius: 50%;
}

/* .section-home-hero .panel-content ul {} */
/* .section-home-hero .panel-content ul li {} */

@media (max-width: 1199px) {
	.section-home-hero { padding-top: 160px; }
	/* .section-home-hero .panel-content { padding-right: 0; } */
}
@media (max-width: 991px) {
	.section-home-hero { padding-top: 140px; }
	.section-home-hero .panel-tab-box .panel-content {
		text-align: left;
  	}
}

/* =====[SECTION CUSTOMERS]===== */
.section-customers { padding: 40px 0 40px 0; }
.section-customers .title {
	font-size: 16px;
	color: #8B8B8B;
	margin-bottom: 30px;
}
.brand-carousel .client-panel img {
	-webkit-filter: grayscale(100%);
			filter: grayscale(100%);
	opacity: 0.7;
	transition: all .10s ease-in-out;
}
.brand-carousel .client-panel:hover img {
	-webkit-filter: grayscale(0);
			filter: grayscale(0);
	opacity: 1;
}
.brand-carousel .owl-nav { display: none; }
.brand-carousel .owl-dots { display: none; }

@media (max-width: 1399px) {
	.section-customers { padding: 10px 0 40px 0; }
}
@media (max-width: 991px) {
	.section-customers { padding: 0 0 35px 0; }
	.section-customers .title {
		font-size: 15px;
		margin-bottom: 18px;
	}
}
@media (max-width: 767px) {
	.section-home-hero { padding-top: 100px; }
	.section-customers .title {
		font-size: 14px;
		margin-bottom: 16px;
		padding: 0 40px;
		line-height: 1.6;
	}
}

/* =====[SECTION BLOCKQUOTE BLOCK]===== */
.section-blockquote-block {
	background: #F8F7FD;
	padding: 90px 0 90px 0;
}
.section-blockquote-block .icon-block-panel { margin-bottom: 60px; }
.section-blockquote-block .icon-block-panel img {
	width: 80px;
	height: 80px;
}
.blockquote-alt {
	display: flex;
	margin-bottom: 0;
}
.blockquote-alt .blockquote-media {
	width: 200px;
	flex: 0 0 auto;
}
.blockquote-alt .blockquote-media img { border-radius: 14px; }
.blockquote-alt .blockquote-content {
	font-size: 24px;
	padding-left: 50px;
	flex-grow: 1;
}
.blockquote-alt .blockquote-content p { line-height: 1.5; }
.blockquote-alt .blockquote-author { margin-top: 20px; }
.blockquote-alt-carousel .owl-nav { display: none; }
.blockquote-alt-carousel .owl-dots {
	line-height: 0;
	margin-top: 40px;
	text-align: center;
}
.blockquote-alt-carousel .owl-dots button.owl-dot {
	display: inline-block;
	width: 14px;
	height: 5px;
	background: #CCCCCC;
	border-radius: 5px;
	margin-right: 10px;
	transition: all .30s ease-in-out;
}
.blockquote-alt-carousel .owl-dots button.owl-dot.active {
	width: 36px;
	background: var(--brand-color);
}

@media (max-width: 1399px) {
	.section-blockquote-block {
		background: #F8F7FD;
		padding: 80px 0 80px 0;
	}
	.blockquote-alt .blockquote-content { font-size: 22px; }
}
@media (max-width: 1199px) {
	.section-blockquote-block { padding: 70px 0 80px 0; }
	.blockquote-alt-carousel .owl-dots { margin-top: 30px; }
}
@media (max-width: 991px) {
	.section-blockquote-block { padding: 60px 0 60px 0; }
	.section-blockquote-block .icon-block-panel { margin-bottom: 40px; }
	.section-blockquote-block .icon-block-panel img {
		width: 60px;
		height: 60px;
	}
	.blockquote-alt .blockquote-media { width: 140px; }
	.blockquote-alt .blockquote-content {
		font-size: 20px;
		padding-left: 30px;
	}
}
@media (max-width: 767px) {
	.section-blockquote-block { padding: 50px 0 50px 0; }
	.section-blockquote-block .icon-block-panel { margin-bottom: 30px; }
	.section-blockquote-block .icon-block-panel img {
		width: 50px;
		height: 50px;
		margin: 0 auto;
	}
	.blockquote-alt { flex-direction: column; }
	.blockquote-alt .blockquote-media {
		width: 100%;
		margin-bottom: 20px;
	}
	.blockquote-alt .blockquote-media img {
		width: 100px;
		margin: 0 auto;
		display: block;
	}
	.blockquote-alt .blockquote-content {
		font-size: 17px;
		padding-left: 0;
		text-align: center;
	}
	.blockquote-alt .blockquote-content p { font-size: 17px; }
	.blockquote-alt-carousel .owl-dots { margin-top: 20px; }
}

/* =====[SECTION PRICE CHART]===== */
.section-price-chart { padding: 90px 0 110px 0; }
.price-chart-panel {
	box-shadow: 0px 3px 41px #0000000F;
	border-radius: 20px;
	padding: 40px 24px 40px 24px;
	margin: 10px 10px;
	position: relative;
	height: 100%;
}
.price-chart-panel .panel-hero { margin-bottom: 30px; }
.price-chart-panel .panel-hero h6 { font-size: 18px; }
.price-chart-panel .panel-hero h3 { font-size: 38px; }
.price-chart-panel .panel-hero .text-muted { color: #BABABA!important; }
.price-chart-panel .panel-button { margin-bottom: 32px; }
.price-chart-panel .panel-body ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.price-chart-panel .panel-body ul li {
	padding-left: 30px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg id='Group_13470' data-name='Group 13470' transform='translate(-360 -5342)'%3E%3Ccircle id='Ellipse_412' data-name='Ellipse 412' cx='9' cy='9' r='9' transform='translate(360 5342)' fill='%23a3c856'/%3E%3Cpath id='Path_13280' data-name='Path 13280' d='M4637.536,5346.42l3.153,3.153,5.348-5.349' transform='translate(-4272.786 4.101)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-size: 18px;
	background-position: top 4px left;
	background-repeat: no-repeat;
}
.price-chart-panel .panel-body ul li + li { margin-top: 18px; }
.price-chart-panel-cs:after {
	content: '';
	position: absolute;
	top: -16px;
	right: -12px;
	width: 165px;
	height: 166px;
	background: url('../img/price-chart-label.svg') no-repeat;
	background-size: cover;
	background-position: center;
}
.price-switch-panel { margin: 12px 0 55px 0; }
.price-switch {
	min-height: 2em;
	display: inline-flex;
	align-items: center;
	position: relative;
}
.price-switch .form-check-input {
	height: 2em;
	background-size: 1.5em;
	border: 1px solid #C1C1C1;
	margin-top: 0;
}
.price-switch .form-check-input:checked {
	background-color: transparent;
	border-color: #C1C1C1;
}
.price-switch .form-check-input {
	width: 4.5em;
	background-position: left .26em center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23E0007A' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8'/%3E%3C/svg%3E");
}
.price-switch .form-check-input:checked {
	background-position: right .26em center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23E0007A' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8'/%3E%3C/svg%3E");
}
.price-switch .form-check-input:focus {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23E0007A' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8'/%3E%3C/svg%3E");
}
.price-switch .form-check-label span {
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-user-select: none;
		-ms-user-select: none;
			user-select: none;
}
.price-switch .form-check-label .price-gbp { left: -50px; }
.price-switch .form-check-label .price-usd { right: -50px; }
.price-switch .form-check-input + .form-check-label .price-gbp { color: var(--brand-color); }
.price-switch .form-check-input:checked + .form-check-label .price-gbp { color: var(--color); }
.price-switch .form-check-input:checked + .form-check-label .price-usd { color: var(--brand-color); }

@media (max-width: 1399px) {
	.section-price-chart { padding: 90px 0 90px 0; }
}
@media (max-width: 1199px) {
	.section-price-chart { padding: 70px 0 80px 0; }
	.price-switch-panel { margin: 12px 0 40px 0; }
	.price-chart-panel { margin: 0; }
	.price-chart-panel-cs::after {
		width: 150px;
		height: 155px;
	}
	.price-chart-panel .panel-hero h3 { font-size: 34px; }
}
@media (max-width: 991px) {
	.section-price-chart { padding: 65px 0 40px 0; }
	.price-chart-panel {
		height: auto;
		margin-bottom: 30px;
	}
}
@media (max-width: 767px) {
	.section-price-chart { padding: 55px 0 40px 0; }
	.price-chart-panel .panel-body ul li {
		padding-left: 28px;
		background-size: 16px;
	}
	.price-chart-panel .panel-body ul li + li { margin-top: 16px; }
}

/* =====[SECTION SUPPORT]===== */
.section-support { padding: 90px 0 90px 0; }
.section-support .panel-content .icon-panel { margin-bottom: 38px; }
.section-support .panel-content .icon-panel img {
	width: 80px;
	height: 80px;
}
.section-support .panel-content .title-xl { margin-bottom: 40px; }
.section-support .panel-content p { margin-bottom: 20px; }
.section-support .panel-content .contact-panel {
	font-size: 16px;
	margin-top: 40px;
}
.section-support .panel-content .contact-panel h6 {
	font-weight: 600;
	margin-bottom: 10px;
}
.section-support .panel-content .contact-panel a {
	font-weight: 600;
	color: var(--color);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23E0007A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-mail'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E");
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 24px;
	display: inline-block;
	padding-left: 35px;
}
.section-support .panel-content .contact-panel a:hover {
	color: var(--brand-color);
	text-decoration: underline;
}

@media (max-width: 1399px) {
	.section-support { padding: 80px 0 80px 0; }
}
@media (max-width: 1199px) {
	.section-support { padding: 70px 0 70px 0; }
}
@media (max-width: 991px) {
	.section-support { padding: 70px 0 60px 0; }
	.section-support .panel-media img { margin: 0 auto; }
	.section-support .panel-content .icon-panel img {
		width: 60px;
		height: 60px;
	}
	.section-support .panel-content .icon-panel { margin-bottom: 24px; }
	.section-support .panel-content .title-xl { margin-bottom: 30px; }
	.section-support .panel-content .contact-panel { margin-top: 30px; }
}
@media (max-width: 767px) {
	.section-support { padding: 55px 0 55px 0; }
	.section-support .panel-content .icon-panel img {
		width: 50px;
		height: 50px;
	}
	.section-support .panel-content .contact-panel { margin-top: 25px; }
}

/* =====[SECTION FAQ]===== */
.section-faq { padding: 80px 0 90px 0; }
.section-faq .tab-content { padding-top: 45px; }
.accordion-faq {
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23B7B7B7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' class='feather feather-plus'%3E%3Cline x1='12' y1='5' x2='12' y2='19'%3E%3C/line%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
	--bs-accordion-btn-icon-width: 1.5rem;
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23E53472' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' class='feather feather-minus'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
}
.accordion-faq .accordion-item {
	box-shadow: 0px 0px 30px #00000017;
	border-radius: 16px;
	overflow: hidden;
	border: 0;
}
.accordion-faq .accordion-item  + .accordion-item { margin-top: 20px; }
.accordion-faq .accordion-item:first-of-type {
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}
.accordion-faq .accordion-item:last-of-type {
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
}
.accordion-faq .accordion-button {
	font-size: 24px;
	font-weight: 500;
	color: var(--color);
	border-radius: 16px 16px 0px 0px;
	box-shadow: none;
	border: 0;
}
.accordion-faq .accordion-item:first-of-type .accordion-button {
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}
.accordion-faq .accordion-item:last-of-type .accordion-button.collapsed {
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
}
.accordion-faq .accordion-button:not(.collapsed) {
	color: var(--color);
	background-color: #FFFFFF;
	box-shadow: none;
}
.accordion-faq .accordion-body {
	line-height: 1.6;
	padding-top: 6px;
	padding-bottom: 24px;
}
.accordion-faq .accordion-body p:last-child { margin-bottom: 0; }

@media (min-width: 992px) {
	.accordion-faq .accordion-button { padding: 20px 24px; }
	.accordion-faq .accordion-body {
		padding-left: 24px;
		padding-right: 24px;
	}
}
@media (max-width: 1399px) {
	.section-faq { padding: 70px 0 80px 0; }
	.accordion-faq .accordion-button { font-size: 22px; }
}
@media (max-width: 991px) {
	.section-faq { padding: 60px 0 70px 0; }
	.section-faq .nav-pills-alt {
		justify-content: center;
		margin-bottom: 0;
	}
	.section-faq .tab-content { padding-top: 30px; }
	.accordion-faq .accordion-button { font-size: 20px; }
}
@media (max-width: 767px) {
	.section-faq { padding: 50px 0 55px 0; }
	.section-faq .nav-pills-alt {
		justify-content: start;
		margin-bottom: 20px;
	}
	.section-faq .tab-content { padding-top: 10px; }
	.accordion-faq .accordion-button { font-size: 18px; }
	.accordion-faq .accordion-item + .accordion-item { margin-top: 16px; }
}
@media (max-width: 575px) {
	.accordion-faq .accordion-button { font-size: 17px; }
}

/* =====[SECTION ARTICLE BLOCK]===== */
.section-article-block { padding: 80px 0 170px 0; }
.section-article-block .section-title-panel { margin-bottom: 55px; }
.article-min { margin-bottom: 40px; }
.article-min .article-media { margin-bottom: 26px; }
.article-min .article-media a { display: block; }
.article-min .article-media img {
	width: 100%;
	display: block;
	border-radius: 20px;
}
.article-min .article-content p { margin-bottom: 20px; }
.article-min .article-title {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.35;
	margin-bottom: 24px;
}
.article-min .article-title a { color: var(--color); }
.article-min .article-title:hover a {
	color: var(--brand-color);
	text-decoration: underline;
}
.article-min .article-meta .meta-item {
	font-size: 14px;
	color: #464749;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 16px;
	padding-left: 24px;
	margin-right: 20px;
	white-space: nowrap;
}
.article-min .article-meta .meta-item-date {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23464749' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-calendar'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
}
.article-min .article-meta .meta-item-user {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23464749' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-user'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E");
}

@media (min-width: 1200px) {
	.row-article-block {
		margin-left: -18px;
		margin-right: -18px;
	}
	.row-article-block > [class*="col-"] {
		padding-left: 18px;
		padding-right: 18px;
	}
}
@media (max-width: 1399px) {
	.section-article-block { padding: 70px 0 130px 0; }
	.article-min .article-title { font-size: 22px; }
}
@media (max-width: 1199px) {
	.section-article-block { padding: 60px 0 120px 0; }
	.section-article-block .section-title-panel { margin-bottom: 40px; }
	.article-min .article-title {
		font-size: 20px;
		margin-bottom: 18px;
	}
}
@media (max-width: 991px) {
	.section-article-block { padding: 60px 0 30px 0; }
	.article-min .article-title {
		font-size: 20px;
		margin-bottom: 12px;
	}
}
@media (max-width: 767px) {
	.section-article-block { padding: 50px 0 20px 0; }
	.article-min .article-media { margin-bottom: 24px; }
	.article-min .article-title { font-size: 18px; }
	.article-min .article-content p { margin-bottom: 12px; }
}

/* ============================
# FOOTER
============================*/
.site-footer {
	background: #F7F7F7;
	padding-top: 115px;
}
.site-footer > .container { position: relative; }
.footer-banner-block {
	background-color: var(--brand-color);
	padding: 40px 50px;
	border-radius: 16px;
	position: absolute;
	overflow: hidden;
	left: 0;
	right: 0;
	top: -230px;
	z-index: 100;
}
.footer-banner-block:before,
.footer-banner-block:after {
	content: '';
	position: absolute;
	background-size: cover;
	z-index: 1;
}
.footer-banner-block:before {
	background-image: url('../img/footer-banner-bottom-left.svg');
	width: 82px;
	height: 72px;
	bottom: 0;
	left: 0;
}
.footer-banner-block:after {
	background-image: url('../img/footer-banner-top-right.svg');
	width: 180px;
	height: 74px;
	top: 0;
	right: 0;
}
.footer-banner-block .banner-content .banner-title {
	margin-bottom: 12px;
	position: relative;
	z-index: 10;
}
.footer-banner-block .banner-content .lead { font-size: 24px; }
.footer-banner-block .btn-light {
	color: var(--brand-color);
	padding-left: 24px;
	padding-right: 24px;
}
.footer-icon-blocks { padding: 45px 0 45px 0; }
.footer-icon-blocks > .row { align-items: center; }
.footer-icon-block .icon-block {
	width: 52px;
	flex: 0 0 auto;
}
.footer-icon-block .icon-block img { 
	width: 52px;
	height: 52px; 
}
.footer-icon-block .title-block {
	font-size: 22px;
	flex-grow: 1;
	padding-left: 20px;
}
.footer-main { padding: 50px 0 20px 0; }
.footer-brand-block {
	font-size: 17px;
	margin-bottom: 20px;
}
.footer-brand-block > img {
	max-width: 260px;
	margin-bottom: 30px;
}
.footer-brand-block a {
	color: var(--color);
	text-decoration: underline;
}
.footer-brand-block a:hover {
	color: var(--brand-color);
	text-decoration: none;
}
.footer-brand-block p { margin-bottom: 22px; }
.footer-min-links a { margin: 0 10px 4px 0; }
.footer-social-media { margin-top: 30px; }
.footer-social-media a {
	color: var(--brand-color);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border: 1px solid var(--brand-color);
	margin: 0 12px 6px 0;
}
.footer-social-media a svg {
	width: 20px;
	height: 20px;
}
.footer-social-media a:hover {
	color: #FFFFFF;
	background: var(--brand-color);
} 
.footer-block-title {
	font-size: 22px;
	margin-bottom: 25px;
}
.footer-menu-block { margin-bottom: 25px; }
.footer-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-menu li { margin-bottom: 16px; }
.footer-menu li a {
	font-size: 17px;
	color: var(--color);
}
.footer-menu li a:hover {
	color: var(--brand-color);
	text-decoration: underline;
}
.footer-contact-block { margin-bottom: 25px; }
.footer-contact-block .btn-footer-contact-link {
	font-size: 17px;
	color: var(--color);
	padding-left: 35px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23E0007A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-mail'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 22px;
	background-position: left center;
	margin-bottom: 18px;
}
.footer-contact-block .btn-footer-contact-link:hover {
	color: var(--brand-color);
	text-decoration: underline;
}
.footer-contact-block h6 { font-size: 18px; }
.footer-bottom { padding-top: 20px; }
.footer-copy-notes a,
.footer-min-links a {
	color: var(--color);
}
.footer-copy-notes a:hover,
.footer-min-links a:hover {
	color: var(--brand-color);
	text-decoration: underline;
}
.footer-scroll-top { padding: 40px 0 10px 0; }
.footer-scroll-top a { letter-spacing: 1px; }
.footer-scroll-top a img {
	width: 8px;
	height: 20px;
	margin-bottom: 10px;
}
.footer-scroll-top a:hover { text-decoration: underline; }

@media (max-width: 1399px) {
	.footer-icon-block .icon-block { width: 46px; }
	.footer-icon-block .icon-block img { 
		width: 46px;
		height: 46px; 
	}
	.footer-main { padding: 50px 0 0 0; }
	.footer-brand-block { font-size: 16px; }
	.footer-menu li a { font-size: 16px; }
	.footer-contact-block .btn-footer-contact-link { font-size: 16px; }
	.footer-scroll-top { padding: 30px 0 10px 0; }
}
@media (max-width: 1199px) {
	.footer-banner-block .banner-content .lead { font-size: 22px; }
	.footer-icon-block .icon-block { width: 42px; }
	.footer-icon-block .icon-block img { 
		width: 42px;
		height: 42px; 
	}
	.footer-icon-block .title-block {
		font-size: 20px;
		padding-left: 14px;
	}
	.footer-main { padding: 35px 0 0 0; }
	.footer-main .col-footer-brand { order: 3; }
	.footer-main .col-footer-menu { order: 1; }
	.footer-main .col-footer-contact { order: 2; }
	.footer-brand-block {
		margin: 30px 0 0 0;
		text-align: center;
	}
	.footer-brand-block > img {
		max-width: 200px;
		margin: 0 auto 20px auto;
	}
	.footer-brand-block p { margin-bottom: 12px; }
	.footer-social-media { margin-top: 25px; }
	.footer-menu-block { margin-bottom: 30px; }
	.footer-block-title { margin-bottom: 20px; }
	.footer-menu li { margin-bottom: 12px; }
	.footer-contact-block h6 { font-size: 16px; }
}
@media (max-width: 991px) {
	.site-footer { padding-top: 40px; }
	.footer-banner-block {
		position: relative;
		top: 0;
	}
	.footer-banner-block .banner-content .banner-title { margin-bottom: 10px; }
	.footer-banner-block .banner-content .lead { font-size: 20px; }
	.footer-banner-block .banner-button { margin-top: 30px; }
	.footer-icon-block .icon-block { width: 30px; }
	.footer-icon-block .icon-block img {
		width: 30px; 
		height: 30px; 
	}
	.footer-icon-block .title-block {
		font-size: 18px;
		padding-left: 10px;
	}
	.footer-block-title { font-size: 20px; }
}
@media (max-width: 767px) {
	.footer-banner-block { padding: 30px 20px 40px 20px; }
	.footer-banner-block .banner-content .lead { font-size: 18px; }
	.footer-banner-block .banner-button { margin-top: 28px; }
	.footer-icon-blocks { padding: 25px 0 25px 0; }
	.footer-icon-blocks > .row { align-items: flex-start; }
	.footer-icon-block { flex-wrap: wrap; }
	.footer-icon-block .icon-block { width: 100%; }
	.footer-icon-block .icon-block img {
		width: 28px;
		height: 28px;
		margin: 0 auto 10px auto;
	}
	.footer-icon-block .title-block {
		font-size: 14px;
		padding-left: 0;
		width: 100%;
		text-align: center;
	}
	.footer-brand-block { 
		margin: 0px 0 0 0;
		font-size: 15px; 
	}
	.footer-brand-block > img { max-width: 190px; }
	.footer-social-media { margin-top: 20px; }
	.footer-block-title {
		font-size: 18px;
		margin-bottom: 18px;
	}
	.footer-menu li a { font-size: 15px; }
	.footer-contact-block .btn-footer-contact-link {
		font-size: 15px;
		padding-left: 32px;
		background-size: 20px;
	}
	.footer-copy-notes, 
	.footer-min-links {
		font-size: 15px;
	}
	.footer-scroll-top { padding: 20px 0 10px 0; }
	.footer-scroll-top a { font-size: 14px; }
}
@media (max-width: 575px) {
	.footer-icon-blocks > .row {
		margin-left: -3px;
		margin-right: -3px;
	}
	.footer-icon-blocks > .row > [class*="col-"] {
		padding-left: 3px;
		padding-right: 3px;
	}
}


/* ============================
# ARTICLE LIST
============================*/
/* =====[SECTION BANNER BLOCKS]===== */
.section-banner-block { padding: 170px 0 90px 0; }

@media (max-width: 1199px) {
	.section-banner-block { padding: 120px 0 60px 0; }
}
@media (max-width: 991px) {
	.section-banner-block { padding: 100px 0 40px 0; }
}

/* =====[SECTION ARTICLE LIST]===== */
.section-article-list { padding-bottom: 200px; }
.section-article-list .article-min {
	margin-bottom: 80px;
	height: calc(100% - 80px);
	display: flex;
	flex-direction: column;
}
.section-article-list .article-min .article-meta { margin-top: auto; }

@media (max-width: 1399px) {
	.section-article-list { padding-bottom: 160px; }
	.section-article-list .article-min {
		margin-bottom: 60px;
		height: calc(100% - 60px);
	}
}
@media (max-width: 1199px) {
	.section-article-list .article-min {
		margin-bottom: 50px;
		height: calc(100% - 50px);
	}
}
@media (max-width: 991px) {
	.section-article-list { padding-bottom: 60px; }
}
@media (max-width: 767px) {
	.section-article-list .article-min {
		margin-bottom: 45px;
		height: auto;
	}
}


/* ============================
# ARTICLE MAIN
============================*/
.section-article-main { padding: 170px 0 80px 0; }
.article-main .article-media { margin-bottom: 26px; }
.article-main .article-media img {
	width: 100%;
	display: block;
	border-radius: 20px;
}
.article-main .article-title { margin-bottom: 24px; }
.article-main .article-meta .meta-item {
	font-size: 14px;
	color: #464749;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 16px;
	padding-left: 24px;
	margin-right: 20px;
	white-space: nowrap;
}
.article-main .article-meta .meta-item-date {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23464749' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-calendar'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
}
.article-main .article-meta .meta-item-user {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23464749' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-user'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E");
}
.article-main .article-content { margin-top: 40px; }
.article-main .article-content h3 {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 18px;
	margin-top: 52px;
	line-height: 1.4;
}
.article-main .article-content h3:first-child { margin-top: 0; }
.article-main .article-content p { margin-bottom: 20px; }
.article-inner-box {
	background: #FFF9E3;
	border: 1px solid #DEDEDE;
	border-radius: 16px;
	padding: 20px 20px;
	margin-top: 50px;
}
.article-inner-box .panel-media a { display: block; }
.article-inner-box .panel-media img {
	width: 100%;
	display: block;
	border-radius: 16px;
}
.article-inner-box .panel-content p { margin-bottom: 14px; }
.article-inner-box .panel-title {
	font-size: 26px;
	font-weight: 900;
	margin-bottom: 16px;
}
.article-inner-box .panel-title a { color: var(--brand-color); }
.article-inner-box .panel-title:hover a {
	color: var(--brand-color);
	text-decoration: underline;
}

@media (max-width: 1399px) {
	.article-main .article-content h3 { margin-top: 42px; }
	.article-inner-box { margin-top: 40px; }
	.article-inner-box .panel-title { font-size: 24px; }
}
@media (max-width: 1199px) {
	.section-article-main { padding: 150px 0 60px 0; }
	.article-main .article-content h3 { font-size: 23px; }
	.article-inner-box .panel-title { font-size: 22px; }
}
@media (max-width: 991px) {
	.section-article-main { padding: 130px 0 50px 0; }
	.article-main .article-content h3 {
		font-size: 22px;
		margin-bottom: 16px;
	}
	.article-inner-box .panel-title { font-size: 20px; }
}
@media (max-width: 767px) {
	.section-article-main { padding: 125px 0 40px 0; }
	.article-main .article-title { margin-bottom: 18px; }
	.article-main .article-content { margin-top: 30px; }
	.article-main .article-content h3 {
		font-size: 20px;
		margin-top: 42px;
	}
	.article-inner-box {
		padding: 15px 15px;
		margin-top: 30px;
	}
	.article-inner-box .panel-media { margin-bottom: 20px; }
	.article-inner-box .panel-content { text-align: center; }
	.article-inner-box .panel-title {
		font-size: 18px;
		margin-bottom: 14px;
	}
}
@media (max-width: 575px) {
	.article-main .article-content h3 { font-size: 19px; }
}

/* =====[SECTION ARTICLE BLOCK]===== */
.section-article-block-in-main { background: #F8F7FD; }


/* =============== */
/* STYLE FOR WORDPRESS */
/* =============== */
/* ============================
Description: Pamtree Old Style for blog elements
Author: Edwin
Update: 03/02/2023
============================*/
.blog-social-panel {
	background: url('../img/facebook-blog-bg.png') no-repeat;
	background-position: bottom right;
	display: flex;
	align-items: center;
	box-shadow: 2px 2px 9px #0000001D;
	border-radius: 5px;
	padding: 24px 30px;
	margin: 40px 0;
}
.blog-social-panel .panel-media {
	font-size: 150px;
	color: #548dc6;
	width: 170px;
	flex: 0 0 170px;
	text-align: center;
	line-height: 1;
}
.blog-social-panel .panel-body h3 {
	font-size: 24px;
	font-weight: 700;
	color: #F14A85;
}
.blog-social-panel .panel-body p {
	font-size: 16px;
	color: #383838;
}
.blog-social-panel .panel-body a {
	font-size: 16px;
	color: #000000;
	display: inline-block;
	padding: 10px 30px;
	background: #ffe468;
}
.blog-social-panel .panel-body a:hover {
	background: #000000;
	color:  #ffe468;
}
.blog-social-panel {
	flex-direction: column;
	text-align: center;
}
.blog-social-panel .panel-media {
	font-size: 48px;
	width: 100%;
	flex: 0 0 100%;
	margin-bottom: 15px;
}

/* =====[SECTION DEFAULT PAGE]===== */
.section-default-page { padding: 0 0 200px 0; }

@media (max-width: 1399px) {
    .section-default-page { padding-bottom: 160px; }
}
@media (max-width: 991px) {
    .section-default-page { padding-bottom: 60px; }
}

/* =====[PAGINATION]===== */
.paginations { padding: 0 calc(var(--bs-gutter-x) * .5) 0 calc(var(--bs-gutter-x) * .5); }
.pagination {
	margin: 0;
	padding: 0;
	display: flex;
	list-style: none;
}
.pagination .page-item { margin: 0 4px; }
.pagination .page-item .page-numbers {
	position: relative;
	display: block;
	padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
	color: var(--brand-color);
	text-decoration: none;
	background-color: var(--bs-pagination-bg);
	border: 1px solid var(--brand-color);
	border-radius: var(--btn-border-radius);
}
.pagination .page-item:hover .page-numbers {
	color: var(--brand-color);
	background: rgba(224, 0, 122, 0.2);
}
.pagination .page-item.active .page-numbers {
	color: var(--bs-pagination-active-color);
	background: var(--brand-color);
	z-index: 3;
}

@media (max-width: 767px) {
	.pagination .page-item { margin: 0 3px; }
	.pagination .page-item .page-numbers { font-size: 14px; }
}

/* ============================
# DOWNLOAD THE APP
============================*/
.modal-download-app .modal-header {
	padding-bottom: 0;
	border-bottom: 0;
}
.modal-download-app .modal-title {
	font-size: 20px;
	font-weight: 600;
}
.footer-download-block { margin-bottom: 25px; }
.footer-download-block p { margin-bottom: 12px }
.btn-brand-primary.btn-download-app {
	padding: 12px 20px;
	display: inline-flex;
	align-items: center;
}
.btn-brand-primary.btn-download-app svg {
	width: 24px;
	height: 24px;
	margin-right: 8px;
}

@media (max-width: 767px) {
	.modal-download-app .modal-title {
		font-size: 18px;
	}
}