@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Space+Grotesk:wght@300..700&family=Manrope:wght@200..800&family=DM+Serif+Display:ital@0;1&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Yeseva+One&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Staatliches&display=swap");
@import url("font-awesome-pro.css");
@import url("spacing.css");
@import url("swiper-bundle.css");

@font-face {
  font-family: '"Colasta" Sans Serif';
  src: url("../fonts/Colasta.ttf") format("truetype"), url("../fonts/Colasta-Light.ttf") format("truetype"), url("../fonts/Colasta-Bold.ttf") format("truetype"), url("../fonts/Colasta-Black.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-size: 16px;
  line-height: 26px;
  font-weight: normal;
  color: var(--tp-grey-1);
  font-family: var(--tp-ff-body);
  font-weight: 400;
}

a,
button,
p,
input,
select,
textarea,
li,
.transition-3 {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0px;
  font-weight: 700;
  line-height: 1.2;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-heading);
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

ul {
  margin: 0px;
  padding: 0px;
}

p {
  margin-bottom: 0;
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}

a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

a > h1,
a > h2,
a > h3,
a > h4,
a > h5,
a > h6 {color: inherit;}

h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {color: inherit;}

.sppb-icon .sppb-icon-container {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.sppb-btn.active, .sppb-btn:active {
  background-image: inherit !important;
}

.sppb-btn.focus, 
 .sppb-btn:active:focus, 
 .sppb-btn:active:hover, 
 .sppb-btn:focus, 
 .sppb-btn:hover {
  outline: 0;
}

.sppb-btn.circle {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.sppb-btn.active, .sppb-btn:active {
  outline: 0;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
}

.sppb-optin-form .sppb-btn i:first-child {display: none;}

form.sppb-optin-form.submit-button-inside .button-wrap {
	top: 50% !important;
	transform: translatey(-50%);
}

#sp-footer {
	font-size: inherit;
position: relative;
z-index: 2;
}

#sp-footer #sp-footer2 {
	text-align: inherit;
}

.sp-scroll-up {
	background: var(--maincolor);
}

.sppb-addon-optin-forms .sppb-optin-form-details-wrap:not(:empty) {
	padding: 0;
}

.z-index3 {z-index: 3 !important;}
.z-index2 {z-index: 2 !important;}
.z-index0 {z-index: 0 !important;}

.sppb-media-heading {
	margin: 0;
}

.sppb-progress {
	margin-bottom: 0px;
}

.divider-position {
  display: flex;
}

.sppb-addon-persion .sppb-person-social > li > a, .sppb-addon-person .sppb-person-social > li > a {
	line-height: inherit;
}

.sppb-carousel-extended-outer-stage {
	-webkit-perspective: inherit;
	perspective: inherit;
}

.sppb-nav-custom li {
	margin: 0 !important;
	padding: 0 !important;
}

.animated-number-position-left .sppb-addon-content, .animated-number-position-right .sppb-addon-content,
.sppb-addon-clients .sppb-carousel-extended-outer-stage {
	align-items: center;
}

.sppb-person-name,
.sppb-person-designation {
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;	
}

.sp-slider img {
	height: auto !important;
	width: auto !important;
}

.sppb-addon-clients .sppb-carousel-extended-item {
	padding: 0;
}

@media (max-width: 768px) {
	.sppb-addon-clients img {margin-bottom: 20px;}
}

body .sppb-btn,
body .sppb-sp-slider-button .sp-slider-btn-text,
.login .btn,
.registration form > div .btn,
.hikashop_vote_form .button .btn,
.article-list .article .readmore a, .sppb-readmore,
.hikashop_vote_form .button,
.splms .btn-primary,
.splms .splms-common-overlay-wrapper .btn,
.review-wrap.reviewers-form .review-box .button-wrapper .btn,
.article-list .article .readmore a, .sppb-readmore {
padding: 0;
font-size: inherit;
line-height: inherit;
white-space: normal;
border: none;
-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

body .sppb-btn.sppb-btn-primary,
body .sppb-sp-slider-button-1 .sp-slider-btn-text,
.hikashop_vote_form .button,
.splms .btn-primary {

}


body .sppb-btn:hover,
.registration form > div .btn:hover,
body .sppb-btn.sppb-btn-primary:hover,
body .sppb-sp-slider-button .sp-slider-btn-text:hover,
.login .btn:hover,
.registration form > div .btn-primary:hover,
body .sppb-btn.sppb-btn-secondary:hover,
.hikashop_vote_form .button:hover,
.article-list .article .readmore a:hover, 
.sppb-readmore:hover,
.hikashop_vote_form .button:hover,
.splms .btn-primary:hover,
.splms .splms-common-overlay-wrapper .btn:hover,
.review-wrap.reviewers-form .review-box .button-wrapper .btn:hover,
.article-list .article .readmore a:hover, .sppb-readmore:hover {

}

body .sppb-btn.sppb-btn-default {
}



body .sppb-btn.sppb-btn-secondary,
body .sppb-sp-slider-button-2 .sp-slider-btn-text {

}

body .sppb-btn.sppb-btn-secondary:hover,
body .sppb-sp-slider-button-2 .sp-slider-btn-text:hover {

}

body .sppb-btn.sppb-btn-dark {
}

body .sppb-btn.sppb-btn-dark:hover::before {
}

body .sppb-btn.sppb-btn-link {
background: transparent;
padding: 0 !important;
min-width: unset !important;
}

body .sppb-btn.sppb-btn-link i {

}

body .sppb-btn.sppb-btn-link:before,
body .sppb-btn.sppb-btn-link:after {display: none;}
 
.sppb-btn-block {
	width: 100% !important;
}

.full-width-image .sppb-addon-single-image-container {width: 100%; display: block !important;}
.full-width-image .sppb-addon-single-image-container img {width: 100%;}

.sppb-progress {
	border-radius: 45px;
}

.social-icon-right a i {color: inherit !important;}

.sppb-addon-clients .sppb-carousel-extended-item img {
	margin: auto;
	text-align: center;
	display: block;
}

.sppb-person-image img {width: 100%; height: 100%;}

.sppb-carousel-extended-heading,
.sppb-carousel-extended-subheading {
	transition: .3s ease-in-out;
	margin: 0;
}

@media(max-width: 768px) {
	.sppb-addon-clients a {display: block;}
	.sppb-addon-clients a img {margin-left: auto; margin-right: auto;}
}

.sp-slider div[class^="sppb-col"] {position: static;}

.sppb-icon .sppb-icon-container > i {
	width: auto !important;
	height: auto !important;
	line-height: inherit !important;
}

.sppb-text-left.animated-number-position-bottom .sppb-addon-content, .sppb-text-left.animated-number-position-left .sppb-addon-content {
	align-items: center;
}

.sppb-carousel-extended-list .sppb-carousel-extended-outer-stage {
	height: auto !important;
}

body .sppb-addon-optin-forms {
	padding: 0px;
}

.sppb-addon-table-main td {
	color: inherit;
	font-size: inherit;
}

.com-finder .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
	display: flex;
	align-items: center;
}

.com-finder .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) span {
margin-right: 5px;	
}

.center-section > .sppb-container-inner > .sppb-row,
.center-section > .sppb-row-container > .sppb-row,
.center-section  > .sppb-row {
	justify-content: center;
}

.even-section > .sppb-row-container > .sppb-row,
.even-section > .sppb-container-inner > .sppb-row,
.even-section  > .sppb-row {
	justify-content: space-between !important;
}

.right-section > .sppb-row-container > .sppb-row,
.right-section  > .sppb-row {
	justify-content: flex-end !important;
}

#sp-main-body .sppb-section .sppb-container-inner, #sp-main-body .sppb-section div[class^="sppb-col-"], #sp-main-body .sppb-section .sppb-column, #sp-main-body .sppb-section .sppb-column-addons, #sp-main-body .sppb-section .sppb-row-container,
#sp-footer .sppb-section .sppb-container-inner, #sp-footer .sppb-section div[class^="sppb-col-"], #sp-footer .sppb-section .sppb-column, #sp-footer .sppb-section .sppb-column-addons, #sp-footer .sppb-section .sppb-row-container,
#sp-banner .sppb-section .sppb-container-inner, #sp-banner .sppb-section div[class^="sppb-col-"], #sp-banner .sppb-section .sppb-column, #sp-banner .sppb-section .sppb-column-addons, #sp-banner .sppb-section .sppb-row-container {position: static;}

.relative-section .sppb-container-inner, .relative-section div[class^="sppb-col-"], .relative-section .sppb-column, .relative-section .sppb-column-addons {position: static;}

.nowraprow > .sppb-container-inner > .sppb-row {flex-wrap: nowrap;}

#sp-top2 .sppb-section {
	width: auto;
}

#sp-top {
	position: relative;
z-index: 9999;
}

#sp-header > .row {
	-ms-flex-align: center !important;
	align-items: center !important;
}

#sp-header > .container > .container-inner > .row {
	-ms-flex-align: center !important;
	align-items: center !important;
}

#sp-footer, #sp-bottom {
	background: inherit;
}

.sppb-carousel-extended-description {
	font-size: inherit;
	color: inherit;
	line-height: inherit;
}

.sppb-addon.sppb-addon-popover .sppb-marker {
	background: var(--maincolor);
}

.sppb-icons-group-list li a {
	margin: 0 !important;
}

.sppb-addon.sppb-addon-popover .sppb-marker:hover,
.sppb-addon.sppb-addon-popover .sppb-marker.active {
	color: var(--maincolor);
}

.sppb-sp-slider-button:first-of-type {
	margin-left: 0px;
}


.width-auto .sppb-column-addons {width: auto;}

.full-column-height > div,
.full-column-height > div > div,
.full-column-height > div > div > div {
	height: 100%;
}

div.sppb-carousel-extended-dots {
	bottom: -70px;
}

.addon-root-person > div {overflow: hidden;}

.com-finder > * + *, .com-finder__results > * + * {
	margin-top: 0;
}

#sp-logo-category-section {
	position: relative;
	z-index: 1000;
}

.sticky-style > .sppb-column-addons > .sppb-addon-wrapper {
	position: -webkit-sticky !important;
	position: sticky !important;
	top: 120px;
}

@media (min-width: 992px) {
	.com-content .body-innerwrapper {
	overflow-x: unset !important;
}
}

.sp-dropdown-mega.sp-menu-full > .sp-dropdown-inner > .row li:not(.module) {display: none;}

/* HEADER */

#sp-header {
	height: auto;
  box-shadow: none;
}

#sp-header.header-sticky {

}

@media (max-width: 992px) {
#sp-header {
	padding: 15px 0 ;
}

}

#sp-header .logo {
	height: auto;
}

#sp-header .logo img {
	height: auto;
	max-width: 110px;
}

.sp-megamenu-parent {
	position: static;
	float: none;
	margin: 0;
	text-align: center;
}

.sp-megamenu-parent > li {
	text-align: left;
}


.sp-megamenu-parent > li + li > a {
margin-left: 44px;
}

@media (max-width: 1400px) {
.sp-megamenu-parent > li + li > a {
margin-left: 38px;
}
}

@media (max-width: 1200px) {
.sp-megamenu-parent > li + li > a {
margin-left: 25px;
}
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span,
.sp-megamenu-parent > li:last-child > a {
  font-size: 16px;
  color: var(--tp-common-black-4);
  font-family: var(--tp-ff-poppins);
  padding: 32px 0px;
  font-weight: 600;
  line-height: 26px;
}

#sp-header.header-sticky .sp-megamenu-parent > li > a, #sp-header.header-sticky .sp-megamenu-parent > li > span,
#sp-header.header-sticky .sp-megamenu-parent > li:last-child > a {
	padding: 20px 0px;
}

.sp-megamenu-parent > li.active > a:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a, 
.sp-megamenu-parent > li.active:hover > a,
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li:last-child:hover > a {
color: var(--maincolor);
}

.sp-megamenu-parent > li.active > a {
  font-weight: 600;
}

.sp-megamenu-parent > li > a > span {
	margin-right: 5px;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	padding: 17px 0 22px;
	background: var(--tp-common-white);
	transition: all 0.4s ease;
	box-shadow: 0px 10px 30px 0px rgba(25, 25, 26, 0.1);
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge),
.sp-megamenu-parent .sp-mega-group > li > a,
.sp-megamenu-parent .sp-dropdown.sp-dropdown-mega li.sp-menu-item > a,
.sp-megamenu-parent .sp-mega-group > li > a {
position: relative;
  z-index: 11;
  color: var(--tp-common-black);
  padding: 6px 28px;
  padding-bottom: 1px;
  width: 100%;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-common-black-4);
  line-height: 26px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:before {
	position: absolute;
	content: "";
	left: 25px;
	top: 63%;
	transition: all 0.4s ease;
	transform: translateY(-50%);
	width: 0;
	height: 1px;
	background-color: var(--tp-common-black);
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
color: var(--maincolor) !important;
  padding-left: 43px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a:before,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover:before {
	width: 12px;
	background: var(--maincolor);
}

body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
	right: 0;
	left: 0;
	max-width: unset;
	width: 100%;
	padding: 0;
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-mega .sp-dropdown-inner {
	padding: 0px;
	border-radius: 0;
}

.sp-megamenu-parent .custom-mega .sp-dropdown.sp-dropdown-mega .sp-dropdown-inner > .row:first-child {
	display: none !important;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner > .row:not(:first-child) {
	margin-top: 0px;
}

.sp-megamenu-parent .sp-mega-group > li > .sp-group-title {
	text-transform: none;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  transition: 0.3s;
  padding: 20px 15px 0 15px;
  font-size: 20px;
  margin-bottom: 10px;
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-mega li.sp-menu-item:not(:last-child) {
	border-bottom: 0;
}

.sp-megamenu-parent > li .sp-menu-badge {
	height: auto;
	display: inline-block;
	text-transform: none;
	line-height: 1;
  font-weight: 500;
  padding: 5px 10px;
  letter-spacing: 0.5px;
}

#offcanvas-toggler {
	display: inline-flex;
	align-items: center;
	line-height: 1;
	font-size: 20px;
	position: relative;
	z-index: 22;
	height: auto;
}

.burger-icon > span {
	background-color: var(--tp-common-black-4);
}

#sp-header.header-sticky .burger-icon > span {
	background-color: var(--tp-common-black-4);
}

.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
	background-color: #fff;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
	color: #fff !important;
}

.close-offcanvas {
	z-index: 99;
}

@media (max-width: 992px) {
.offcanvas-menu {
	background-color: var(--bs-dark);
	color: #fff;
}
.offcanvas-menu .offcanvas-inner a {
	color: #fff;
}

.offcanvas-menu .offcanvas-inner a:hover, .offcanvas-menu .offcanvas-inner a:focus, .offcanvas-menu .offcanvas-inner a:active {
	color: #fff;
}

.offcanvas-menu .p-3 {
	padding: 0 !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span,
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
	color: #fff;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a img {
	display: none;
}


.offcanvas-menu .logo {display: none;}

.offcanvas-menu .offcanvas-inner {
	padding: 50px 25px;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
	opacity: 1;
}
}

@media (min-width: 992px) {
	
#offcanvas-toggler.offcanvas-toggler-secondary {
	display: none !important;
}
	
.offcanvas-menu .offcanvas-inner {
	padding: 0;
}

.offcanvas-menu .offcanvas-inner > .d-flex {display: none !important;}

.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {
	margin-bottom: 0px;
}

.offcanvas-menu {
	background-color: transparent;
}

.offcanvas-menu .p-3 {
	padding: 0 !important;
}

.offcanvas-menu .logo {display: none;}

.offcanvas-menu .menu {display: none !important;}

.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
	background-color: var(--maincolor);
}

body.ltr.offcanvs-position-right .offcanvas-menu {
	right: -450px;
}

body.rtl.offcanvs-position-right .offcanvas-menu {
	left: -450px;
}

.offcanvas-menu {
	width: 450px;
}

.offcanvas-menu .fa, .offcanvas-menu .fab, .offcanvas-menu .far, .offcanvas-menu .fas {
	color: inherit;
}

}

/* */

/* PAGE TITLE */

#sp-title, #sp-banner {
	position: relative;
	overflow: hidden;
}

#sp-title .sp-module {
	height: 100%;
	position: absolute;
	width: 100%;
}

#sp-banner {z-index: 2;}

#sp-title .sp-module .sp-module-content,
#sp-title .sp-module .sp-module-content .mod-sppagebuilder,
#sp-title .sp-module .sp-module-content .mod-sppagebuilder .page-content,
#sp-title .sp-module .sp-module-content .mod-sppagebuilder .page-content .sppb-section,
#sp-title .sp-module .sp-module-content .mod-sppagebuilder .page-content .sppb-section > .sppb-container-inner,
#sp-title .sp-module .sp-module-content .mod-sppagebuilder .page-content .sppb-section > .sppb-container-inner > .sppb-row > div,
#sp-title .sp-module .sp-module-content .mod-sppagebuilder .page-content .sppb-section > .sppb-container-inner > .sppb-row > div > .sppb-column,
#sp-title .sp-module .sp-module-content .mod-sppagebuilder .page-content .sppb-section > .sppb-container-inner > .sppb-row > div > .sppb-column > .sppb-column-addons {height: 100%; position: static !important;}
#sp-title .sppb-row-container, #sp-title .sppb-row-column, #sp-title .sppb-column, #sp-title .sppb-column-addons {position: static !important;}

.sp-page-title {
padding: 240px 0 130px;
  position: relative;
background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  text-align: center;
}

.sp-page-title:before {
	background: rgba(36, 46, 69, 0.65);
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	content: "";
}

.sp-page-title .sp-page-title-heading {
font-size: 60px;
letter-spacing: -0.04em;
margin-bottom: 5px !important;
  z-index: 5;
  position: relative;
}

@media (max-width: 992px) {
.sp-page-title .sp-page-title-heading {
font-size: 45px;
  letter-spacing: 0;
}
}

@media (max-width: 768px) {
.sp-page-title .sp-page-title-heading {
font-size: 40px;
}
}

@media (max-width: 575px) {
.sp-page-title .sp-page-title-heading {
font-size: 35px;
}
}

.sp-page-title .sp-page-title-sub-heading {
	font-size: 17px;
	font-weight: 500;
	line-height: 28px;
	color: var(--tp-border-2);
	letter-spacing: -0.02em;
  z-index: 5;
  position: relative;
  margin-bottom: 15px;
}

.sp-page-title .breadcrumb,
.breadcrumb {
  margin: 0;
  justify-content: center;
  position: relative;
  z-index: 9;
  color: var(--color-white);
  font-family: var(--font-family-base);
  width: 100%;
  padding: 0px;
  list-style: none;
  	margin: 0;
background-color: transparent;
  border-radius: 0;
}

.sp-page-title .breadcrumb > li,
.breadcrumb > li {margin: 0;}


.sp-page-title .breadcrumb > li.float-start,
.breadcrumb > li.float-start {
	display: none;
}


.sp-page-title .breadcrumb > li > a,
.breadcrumb > li > a {
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	text-transform: capitalize;
	color: var(--tp-common-black);
}

.breadcrumb-item + .breadcrumb-item {
	padding-left: 15px;
}

.breadcrumb-item + .breadcrumb-item::before {
	padding-right: 15px;
}

.sp-page-title .breadcrumb > li + li::before,
.breadcrumb > li + li::before {
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	color: var(--tp-common-black);
}

.sp-page-title .breadcrumb > li > a:hover,
.breadcrumb > li > a:hover {color: var(--fourthcolor);}

.sp-page-title .breadcrumb > .active span,
.breadcrumb > .active span {
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
  color: var(--tp-grey-1);
}

@media (max-width: 768px) {
	.sp-page-title .breadcrumb > li > a,
.breadcrumb > li > a,
.sp-page-title .breadcrumb > .active span,
.breadcrumb > .active span {
  font-size: 14px;
  line-height: 24px;
}
.sp-page-title .breadcrumb > li + li::before,
.breadcrumb > li + li::before {
  font-size: 14px;
}
}

/* */

#sp-header.header-sticky ~ section#sp-main-body {
	padding-top: 0;
}
.com-content #sp-main-body,
.com-j2store #sp-main-body,
.com-tags #sp-main-body,
.com-spsimpleportfolio #sp-main-body,
.com-search #sp-main-body,
.com-finder #sp-main-body,
.com-hikashop #sp-main-body,
.com-users #sp-main-body,
.com-splms #sp-main-body  {
	padding: 100px 0 100px;
}

.com-spsimpleportfolio #sp-main-body {
	z-index: 2;
	position: relative;
}


.com-content #sp-header.header-sticky ~ section#sp-main-body,
.com-j2store #sp-header.header-sticky ~ section#sp-main-body,
.com-tags #sp-header.header-sticky ~ section#sp-main-body,
.com-spsimpleportfolio #sp-header.header-sticky ~ section#sp-main-body,
.com-search #sp-header.header-sticky ~ section#sp-main-body,
.com-finder #sp-header.header-sticky ~ section#sp-main-body,
.com-hikashop #sp-header.header-sticky ~ section#sp-main-body,
.com-users #sp-header.header-sticky ~ section#sp-main-body,
.com-splms #sp-header.header-sticky ~ section#sp-main-body   {
	padding-top: 100px;
}

.com-spsimpleportfolio.view-item #sp-main-body, .com-spsimpleportfolio.view-item #sp-header.header-sticky ~ section#sp-main-body {padding: 0;}


/* SIDEBAR */

.sidebar-class  .sppb-row-container {width: 100% !important; }
.sidebar-class.com-sppagebuilder #sp-main-body {margin: 0 auto;}
@media (min-width: 768px) {
.sidebar-class.com-sppagebuilder #sp-main-body {max-width: 750px;}
}
@media (min-width: 992px) {
.sidebar-class.com-sppagebuilder #sp-main-body {max-width: 970px;}
}
@media (min-width: 1200px) {
.sidebar-class.com-sppagebuilder #sp-main-body {max-width: 1170px;}
}

.com-sppagebuilder #sp-right, .com-sppagebuilder #sp-left {
	padding-top: 50px;
	padding-bottom: 120px;
	position: relative;
}

#sp-left .sp-module, #sp-right .sp-module {
	border: 0px solid #f3f3f3;
	padding: 0;
	border-radius: 0px;
}

#sp-left .sp-module ul > li, #sp-right .sp-module ul > li {
	display: block;
	border-bottom: 0px solid #f3f3f3;
}

.category-module li, .categories-module li, .archive-module li, .latestnews li, .newsflash-horiz li, .mostread li, .form-links li, .list-striped li {
	padding: 0;
}

/* */

/* CUSTOM CLASS */

.com-content .fa, .com-content .far, .com-content .fas, .com-content [class*="fa-"]:not(.fab),
.com-spsimpleportfolio .fa, .com-spsimpleportfolio .far, .com-spsimpleportfolio .fas, .com-spsimpleportfolio [class*="fa-"]:not(.fab),
.com-users .fa, .com-users .far, .com-users .fas, .com-users [class*="fa-"]:not(.fab),
.com-hikashop .fa, .com-hikashop .far, .com-hikashop .fas, .com-hikashop [class*="fa-"]:not(.fab),
.com-tags .fa, .com-tags .far, .com-tags .fas, .com-tags [class*="fa-"]:not(.fab),
.com-search .fa, .com-search .far, .com-search .fas, .com-search [class*="fa-"]:not(.fab),
.com-finder .fa, .com-finder .far, .com-finder .fas, .com-finder [class*="fa-"]:not(.fab) {
	font-family: "Font Awesome 6 Pro";
}

.section-overlay, 
.section-overlay .sppb-column, .section-overlay .sppb-column-addons {z-index: unset !important;}

.swiper-dot.bg-blue .swiper-pagination-bullet {
	background: var(--maincolor);
}

@media (max-width: 1199px) {
  .footer-section-5 {
    background-color: var(--maincolor);
  }
}

.tp-breadcrumb-med-bg {
	background: linear-gradient(-45deg, #b8c7eb 0%, #fad7d7 50.5%, #eddff7 91%);
}

@media (min-width: 992px) {
.tp-contact-country-info {
	border-radius: 10px 0 0 10px;
	position: absolute !important;
	top: 0;
	right: 0;
}
}

.tp-btn-switch-animation {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tp-btn-switch-animation .btn-text {
  margin-left: -13px;
  position: relative;
  z-index: 3;
  transition: transform 0.6s 125ms cubic-bezier(0.1, 0.75, 0.25, 1);
}
.tp-btn-switch-animation .btn-icon {
  margin-left: 6px;
  position: relative;
  transition: opacity 0.4s 0.25s, transform 0.6s 0.25s;
  transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1);
  line-height: 0;
  z-index: 3;
}
.tp-btn-switch-animation .btn-icon + .btn-icon {
  order: -2;
  opacity: 0;
  transition-delay: 0s;
  margin-left: 0;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
.tp-btn-switch-animation:hover .btn-text {
  transition-delay: 0.1s;
  transform: translateX(23px);
}
.tp-btn-switch-animation:hover .btn-icon {
  transition-delay: 0s;
  transform: translateX(10px);
  opacity: 0;
}
.tp-btn-switch-animation:hover .btn-icon + .btn-icon {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 225ms;
}

.tp-feature-salon-border > .sppb-row-container > .sppb-row > div {
	border-bottom: 1px solid rgba(84, 31, 92, 0.1);
}

.tp-feature-salon-border > .sppb-row-container > .sppb-row > div:not(:last-child) {
	border-right: 1px solid rgba(84, 31, 92, 0.1);
}

.tp-price-salon-border > .sppb-container-inner > .sppb-row > div  {
	border-bottom: 1px solid rgba(84, 31, 92, 0.1);
	border-right: 1px solid rgba(84, 31, 92, 0.1);
}

.tp-price-salon-border > .sppb-container-inner > .sppb-row > div:nth-child(2),
.tp-price-salon-border > .sppb-container-inner > .sppb-row > div:nth-child(4) {
	border-right: 0;
}

.tp-price-salon-border > .sppb-container-inner > .sppb-row > div:nth-child(5) {
	border-bottom: 0;
}

.tp-price-salon-border > .sppb-container-inner > .sppb-row > div:nth-child(6) {
	border-right: 0;
	border-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-feature-salon-border > .sppb-row-container > .sppb-row > div:not(:last-child) {
    border-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tp-price-salon-border > .sppb-container-inner > .sppb-row > div {
    border-right: 0;
  }
}

.tp-team-lwr-award-border > .sppb-container-inner > .sppb-row > div {
  padding: 30px 0px 22px 0px;
}

.tp-team-lwr-award-border > .sppb-container-inner > .sppb-row > div:not(:last-child) {
	border-right: 1px solid rgba(24, 87, 87, 0.1);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tp-team-lwr-award-border > .sppb-container-inner > .sppb-row > div {
    border: 1px solid rgba(24, 87, 87, 0.1);
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgba(24, 87, 87, 0.1);
    margin-top: -1px;
    margin-right: -1px;
  }
}

.tp-funfact-digi-top-border > .sppb-container-inner > .sppb-row > div {
	border-top: 1px solid var(--tp-border-2);
}

.tp-funfact-digi-top-border > .sppb-container-inner > .sppb-row > div:not(:last-child) {
	border-right: 1px solid var(--tp-border-2);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tp-funfact-digi-top-border > .sppb-container-inner > .sppb-row > div:nth-child(2) {
    border-right: 0;
  }
}

@media (min-width: 1200px) {
.tp-footer-digi-border > .sppb-row-container > .sppb-row > div:not(:last-child) {
	border-right: 1px solid #e2ead7;
}
}

.tp-btn-gradient {
	background-size: 200% auto;
	background-image: linear-gradient(to right, #aa3fff, #f3513c, #aa3fff);
	display: inline-block;
}

.tp-btn-gradient-cpc {
	background-image: linear-gradient(to right, #61ce70, #885efe, #61ce70);
}

.tp-btn-switch-animation {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.tp-btn-gradient:hover {
	background-position: right center;
}

.tp-cta-transparent-bg:after {
	height: 110px;
	width: 100%;
	display: block;
	margin-top: -110px;
	border-radius: 60px 60px 0 0;
	background-color: var(--tp-common-whitest);
	content: "";
}

/* Cursor */

.tp-cursor-point-area {
  cursor: none;
}

.mouseCursor {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  border-radius: 50%;
  transform: translateZ(0);
  visibility: hidden;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mouseCursor.cursor-big {
  width: 90px;
  height: 90px;
}
.mouseCursor.cursor-big.cursor-outer {
  display: none;
}

.cursor-inner {
  margin-left: -3px;
  margin-top: -3px;
  width: 0px;
  height: 0px;
  z-index: 10000001;
  background-color: #07203230;
  backdrop-filter: blur(10px);
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.cursor-inner span {
  opacity: 0;
  font-size: 20px;
  line-height: 85px;
  color: var(--tp-common-white);
}
.cursor-inner.cursor-big span {
  opacity: 1;
}

.cursor-inner-pizza {
  background: var(--maincolor);
}

.cursor-inner-digi {
  background: var(--tp-theme-primary);
}

/* Preloader */

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preloader.currency-loading {
  background-color: #03071C;
}
.preloader.salon-loading,
.preloader.chr-loading, 
.preloader.cpr-loading,
.preloader.digi-loading,
.preloader.it-loading,
.preloader.lwr-loading,
.preloader.med-loading,
.preloader.pizza-loading {
  background: var(--maincolor);
} 

.loader {
  transform: translateZ(1px);
}

.loader:after {
  content: "$";
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  font-size: 32px;
  font-weight: bold;
  background: #FFD700;
  color: #DAA520;
  border: 4px double;
  box-sizing: border-box;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1);
  animation: coin-flip 4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

@keyframes coin-flip {
  0%, 100% {
    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
  }
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(1800deg);
    animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
  }
  100% {
    transform: rotateY(3600deg);
  }
}
.salon-loader {
  width: fit-content;
  font-size: 120px;
  line-height: 1.5;
  font-family: system-ui, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #0000;
  -webkit-text-stroke: 1px #000;
  background: radial-gradient(1.13em at 50% 1.6em, #000 99%, #0000 101%) calc(50% - 1.6em) 0/3.2em 100% text, radial-gradient(1.13em at 50% -0.8em, #0000 99%, #000 101%) 50% 0.8em/3.2em 100% repeat-x text;
  animation: l9 2s linear infinite;
}
@media (max-width: 575px) {
  .salon-loader {
    font-size: 70px;
  }
}

.salon-loader:before {
  content: "Charm";
}

@keyframes l9 {
  to {
    background-position: calc(50% + 1.6em) 0, calc(50% + 3.2em) 0.8em;
  }
}
.chr-loader {
  width: 85px;
  aspect-ratio: 0.75;
  --c: no-repeat linear-gradient(#fff 0 0);
  background: var(--c) 0% 50%, var(--c) 50% 50%, var(--c) 100% 50%;
  animation: l7 1s infinite linear alternate;
}

@keyframes l7 {
  0% {
    background-size: 20% 50%, 20% 50%, 20% 50%;
  }
  20% {
    background-size: 20% 20%, 20% 50%, 20% 50%;
  }
  40% {
    background-size: 20% 100%, 20% 20%, 20% 50%;
  }
  60% {
    background-size: 20% 50%, 20% 100%, 20% 20%;
  }
  80% {
    background-size: 20% 50%, 20% 50%, 20% 100%;
  }
  100% {
    background-size: 20% 50%, 20% 50%, 20% 50%;
  }
}
.cpr-loader {
  width: 120px;
  aspect-ratio: 1;
  --c:no-repeat linear-gradient(#fff 0 0);
  background: var(--c) 0 0, var(--c) 0 100%, var(--c) 50% 0, var(--c) 50% 100%, var(--c) 100% 0, var(--c) 100% 100%;
  background-size: 8px 50%;
  animation: l7-0 1s infinite;
  position: relative;
  overflow: hidden;
}

.cpr-loader:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  top: calc(50% - 4px);
  left: -8px;
  animation: inherit;
  animation-name: l7-1;
}

@keyframes l7-0 {
  16.67% {
    background-size: 8px 30%, 8px 30%, 8px 50%, 8px 50%, 8px 50%, 8px 50%;
  }
  33.33% {
    background-size: 8px 30%, 8px 30%, 8px 30%, 8px 30%, 8px 50%, 8px 50%;
  }
  50% {
    background-size: 8px 30%, 8px 30%, 8px 30%, 8px 30%, 8px 30%, 8px 30%;
  }
  66.67% {
    background-size: 8px 50%, 8px 50%, 8px 30%, 8px 30%, 8px 30%, 8px 30%;
  }
  83.33% {
    background-size: 8px 50%, 8px 50%, 8px 50%, 8px 50%, 8px 30%, 8px 30%;
  }
}
@keyframes l7-1 {
  20% {
    left: 0px;
  }
  40% {
    left: calc(50% - 4px);
  }
  60% {
    left: calc(100% - 8px);
  }
  80%, 100% {
    left: 100%;
  }
}
.digi-loader {
  position: relative;
  width: 120px;
  height: 140px;
  background-image: radial-gradient(circle 30px, #fff 100%, transparent 0), radial-gradient(circle 5px, #fff 100%, transparent 0), radial-gradient(circle 5px, #fff 100%, transparent 0), linear-gradient(#FFF 20px, transparent 0);
  background-position: center 127px, 94px 102px, 16px 18px, center 114px;
  background-size: 60px 60px, 10px 10px, 10px 10px, 4px 14px;
  background-repeat: no-repeat;
  z-index: 10;
  perspective: 500px;
}

.digi-loader::before {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 3px solid #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -55%) rotate(-45deg);
  border-right-color: transparent;
  box-sizing: border-box;
}

.digi-loader::after {
  content: "";
  position: absolute;
  height: 80px;
  width: 80px;
  transform: translate(-50%, -55%) rotate(-45deg) rotateY(0deg);
  left: 50%;
  top: 50%;
  box-sizing: border-box;
  border: 7px solid #03071C;
  border-radius: 50%;
  animation: rotate 0.5s linear infinite;
}

@keyframes rotate {
  to {
    transform: translate(-50%, -55%) rotate(-45deg) rotateY(360deg);
  }
}
.it-loader {
  width: 120px;
  height: 45px;
  border: 2px solid var(--tp-common-white);
  box-sizing: border-box;
  border-radius: 50%;
  display: grid;
  animation: l2 2s infinite linear;
}

.it-loader:before,
.it-loader:after {
  content: "";
  grid-area: 1/1;
  border: inherit;
  border-radius: 50%;
  animation: inherit;
  animation-duration: 3s;
}

.it-loader:after {
  --s:-1;
}

@keyframes l2 {
  100% {
    transform: rotate(calc(var(--s, 1) * 1turn));
  }
}
.lwr-loader {
  position: relative;
  height: 200px;
  width: 200px;
  border-bottom: 3px solid #185757;
  box-sizing: border-box;
  animation: drawLine 4s linear infinite;
}

.lwr-loader:before {
  content: "";
  position: absolute;
  left: calc(100% + 14px);
  bottom: -6px;
  width: 16px;
  height: 100px;
  border-radius: 20px 20px 50px 50px;
  background-repeat: no-repeat;
  background-image: linear-gradient(#185757 6px, transparent 0), linear-gradient(45deg, rgba(0, 0, 0, 0.02) 49%, white 51%), linear-gradient(315deg, rgba(0, 0, 0, 0.02) 49%, white 51%), linear-gradient(to bottom, #ffffff 10%, #185757 10%, #185757 90%, #ffffff 90%);
  background-size: 3px 3px, 8px 8px, 8px 8px, 16px 88px;
  background-position: center bottom, left 88px, right 88px, left top;
  transform: rotate(25deg);
  animation: pencilRot 4s linear infinite;
}

@keyframes drawLine {
  0%, 100% {
    width: 0px;
  }
  45%, 55% {
    width: 200px;
  }
}
@keyframes pencilRot {
  0%, 45% {
    bottom: -6px;
    left: calc(100% + 14px);
    transform: rotate(25deg);
  }
  55%, 100% {
    bottom: -12px;
    left: calc(100% + 16px);
    transform: rotate(220deg);
  }
}
/* HTML: <div class="loader"></div> */
.med-loader {
  width: 120px;
  aspect-ratio: 1;
  background: linear-gradient(#dc1818 0 0) bottom/100% 0% no-repeat #ccc;
  -webkit-mask: radial-gradient(circle at 60% 65%, #000 62%, #0000 65%) top left, radial-gradient(circle at 40% 65%, #000 62%, #0000 65%) top right, linear-gradient(to bottom left, #000 42%, #0000 43%) bottom left, linear-gradient(to bottom right, #000 42%, #0000 43%) bottom right;
  -webkit-mask-size: 50% 50%;
  -webkit-mask-repeat: no-repeat;
  animation: l19 2s infinite linear;
}

@keyframes l19 {
  90%, 100% {
    background-size: 100% 100%;
  }
}
.pizza-loader {
  position: relative;
  width: 120px;
  height: 14px;
  border-radius: 0 0 15px 15px;
  background-color: #3e494d;
  box-shadow: 0 -1px 4px #5d6063 inset;
  animation: panex 0.5s linear alternate infinite;
  transform-origin: 170px 0;
  z-index: 10;
  perspective: 300px;
}

.pizza-loader::before {
  content: "";
  position: absolute;
  left: calc(100% - 2px);
  top: 0;
  z-index: -2;
  height: 10px;
  width: 70px;
  border-radius: 0 4px 4px 0;
  background-repeat: no-repeat;
  background-image: linear-gradient(#6c4924, #4b2d21), linear-gradient(#4d5457 24px, transparent 0), linear-gradient(#9f9e9e 24px, transparent 0);
  background-size: 50px 10px, 4px 8px, 24px 4px;
  background-position: right center, 17px center, 0px center;
}

.pizza-loader::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  z-index: -2;
  transform: translate(-50%, -20px) rotate3d(75, -2, 3, 78deg);
  width: 55px;
  height: 53px;
  background: #ffb72e;
  background-image: radial-gradient(circle 3px, #fff6 90%, transparent 10%), radial-gradient(circle 12px, #f43b00 90%, transparent 10%), radial-gradient(circle 12px, #f43b00 100%, transparent 0);
  background-repeat: no-repeat;
  background-position: -4px -6px, -2px -2px, -1px -1px;
  box-shadow: -2px -3px #0002 inset, 0 0 4px #0003 inset;
  border-radius: 47% 36% 50% 50%/49% 45% 42% 44%;
  animation: eggRst 1s ease-out infinite;
}

@keyframes eggRst {
  0%, 100% {
    transform: translate(-50%, -20px) rotate3d(90, 0, 0, 90deg);
    opacity: 0;
  }
  10%, 90% {
    transform: translate(-50%, -30px) rotate3d(90, 0, 0, 90deg);
    opacity: 1;
  }
  25% {
    transform: translate(-50%, -40px) rotate3d(85, 17, 2, 70deg);
  }
  75% {
    transform: translate(-50%, -40px) rotate3d(75, -3, 2, 70deg);
  }
  50% {
    transform: translate(-55%, -50px) rotate3d(75, -8, 3, 50deg);
  }
}
@keyframes panex {
  0% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(10deg);
  }
}

/* */

/* LOGIN & REGISTRATION */

.login .col-lg-4,
.registration .form-validate {
background-color: var(--bg);
  border: 1px solid var(--maincolor);
  border-radius: 10px;
  padding: 60px 110px;
  position: relative;
  z-index: 9;
}

@media (min-width: 992px) {
.login .col-lg-4,
.registration .col-xl-6 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
}


.login-description,
.registration legend {
font-size: 30px;
font-weight: 600;
color: var(--header);
line-height: 1.2;
text-align: center;
margin-bottom: 30px;
}

.registration fieldset:last-of-type {margin-top: 40px;}

.registration .spacer {display: none;}

.login label,
.registration label {
	font-weight: 500;
  display: inline-block;
  margin-bottom: 5px;
  color: #031F42;
}

.login .form-control,
.registration .form-control {
padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 18px;
  padding-bottom: 18px;
outline: none;
resize: none;
border-radius: 0;
font-size: 16px;
font-weight: 700;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border: 1px solid rgb(209, 213, 219);
background: #fff;
height: auto;
width: auto;
	padding: 16px 30px;
	border: none;
	outline: none;
	font-size: 16px;
	font-weight: 400;
	border-radius: 7px;
	color: var(--text);
	border: 1px solid rgba(0, 91, 255, 0.2);
}

.form-control.validate-username,
#jform_name,
#jform_email1 {width: 100%;}

.login .form-control:focus,
.registration .form-control:focus {
	border-color: var(--maincolor);
}

.input-group-text,
.login .password-group button.input-password-toggle,
.registration button.input-password-toggle {
	display: flex;
	align-items: center;
	padding: 0;
	text-align: center;
	white-space: nowrap;
	border: none;
width: 61.6px;
height: 61.6px;
background: #002633;
line-height: 50px;
font-size: 20px;
text-align: center;
color: #ffffff;
border-radius: 5px 0px 0px 5px !important;
-webkit-border-radius: 5px 0px 0px 5px !important;
-moz-border-radius: 5px 0px 0px 5px !important;
-ms-border-radius: 5px 0px 0px 5px !important;
-o-border-radius: 5px 0px 0px 5px !important;
justify-content: center;
}

.login .password-group button.input-password-toggle,
.registration button.input-password-toggle {
border-radius: 0px 5px 5px 0px !important;
-webkit-border-radius: 0px 5px 5px 0px !important;
-moz-border-radius: 0px 5px 5px 0px !important;
-ms-border-radius: 0px 5px 5px 0px !important;
-o-border-radius: 0px 5px 5px 0px !important;	
}

.registration .input-group-text .btn-secondary {
	background: transparent;
	border: none;
border-radius: 0px 5px 5px 0px !important;
-webkit-border-radius: 0px 5px 5px 0px !important;
-moz-border-radius: 0px 5px 5px 0px !important;
-ms-border-radius: 0px 5px 5px 0px !important;
-o-border-radius: 0px 5px 5px 0px !important;	
}

.login .list-group {
	flex-direction: row;
	justify-content: space-between;
}

.login .list-group-item {
	position: relative;
	display: block;
	padding: 0;
	color: var(--maincolor);
	background-color: transparent;
	border: none;
}

.login .btn:hover,
.com-users-registration__register:hover {
	background-color: var(--header) !important;
}

/* */

/* BLOG */

.sppb-addon-articles .sppb-addon-article-layout-content {
	height: auto;
}

.article-list .article,
.sppb-addon-articles .sppb-addon-article,
.sppb-articles-carousel-column  {
	padding: 0;
	border: 0;
	position: relative;
	margin-bottom: 30px;
	border: 1px solid rgba(36, 46, 69, 0.06);
	padding: 6px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	border-radius: 10px;
}

.it-business-blog .article-list .article,
.it-business-blog.sppb-addon-articles .sppb-addon-article,
.it-business-blog .sppb-articles-carousel-column  {
	border: 1px solid rgba(12, 19, 56, 0.1);
  padding: 25px 25px 40px 25px;
  border-radius: 4px;
}

.it-business-blog .article-list .article:hover,
.it-business-blog.sppb-addon-articles .sppb-addon-article:hover,
.it-business-blog .sppb-articles-carousel-column:hover {
	background: var(--tp-common-white);
	border-color: transparent;
	box-shadow: 0 6px 30px -10px #70b0cc;
}

.lawyer-blog .article-list .article,
.lawyer-blog.sppb-addon-articles .sppb-addon-article,
.lawyer-blog .sppb-articles-carousel-column {
	padding: 0;
	border: 1px solid rgba(28, 78, 78, 0.1);
	border-radius: 10px;
	overflow: hidden;
}

.sppb-articles-carousel-column {margin-bottom: 0px}

.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery, .sppb-addon-articles .sppb-addon-article .sppb-article-img-wrap, .sppb-articles-carousel-img {
	margin: 0;
	border-bottom: 0px solid #f5f5f5;
	overflow: hidden;
	position: relative;
	display: block;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 100%;
	border: 0px solid transparent;
border-radius: 6px;
}

.article-list .article .article-intro-image:after, .article-list .article .article-featured-video:after, .article-list .article .article-featured-audio:after, .article-list .article .article-feature-gallery:after, .sppb-addon-articles .sppb-addon-article .sppb-article-img-wrap:after, .sppb-articles-carousel-img:after {

}

.article-list .article:hover .article-intro-image:after, .article-list .article:hover .article-featured-video:after, .article-list .article:hover .article-featured-audio:after, .article-list .article:hover .article-feature-gallery:after, .sppb-addon-articles .sppb-addon-article:hover .sppb-article-img-wrap:after, .sppb-articles-carousel-column:hover .sppb-articles-carousel-img:after {

}

.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img, .sppb-addon-articles .sppb-addon-article .sppb-article-img-wrap img, .sppb-articles-carousel-img img {
width: 100%;
  height: 100%;
display: block;
border-radius: 6px;
-webkit-transition: all 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  transition: all 0.5s cubic-bezier(0.37, 0, 0.63, 1);
}

.article-list .article:hover .article-intro-image img, .article-list .article:hover .article-featured-video img, .article-list .article:hover .article-featured-audio img, .article-list .article:hover .article-feature-gallery img, .sppb-addon-articles .sppb-addon-article:hover .sppb-article-img-wrap img, .sppb-articles-carousel-column:hover .sppb-articles-carousel-img img {
-webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.article-intro-image > a, .sppb-addon-articles .sppb-addon-article .sppb-article-img-wrap {height: 100%; display: block; overflow: hidden;}

.blog-list .article-intro-image > a {width: 100%;}

.article-body,
.sppb-addon-articles .sppb-addon-article-layout-content .sppb-article-info-wrap,
.sppb-articles-carousel-content {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 24px 22px 22px 22px;
box-shadow: none;
}

.it-business-blog .article-body,
.it-business-blog.sppb-addon-articles .sppb-addon-article-layout-content .sppb-article-info-wrap,
.it-business-blog .sppb-articles-carousel-content {
	padding: 0;
	padding-top: 25px;
}

.lawyer-blog .article-body,
.lawyer-blog.sppb-addon-articles .sppb-addon-article-layout-content .sppb-article-info-wrap,
.lawyer-blog .sppb-articles-carousel-content {
padding: 54px 35px 50px 40px;
}

.article-list .article .article-header, .sppb-article-info-wrap h3, .sppb-articles-carousel-link {order: 1;}

.lawyer-blog .article-list .article .article-header, .lawyer-blog .sppb-article-info-wrap h3, .lawyer-blog .sppb-articles-carousel-link,
.it-business-blog .article-list .article .article-header, .it-business-blog .sppb-article-info-wrap h3, .it-business-blog .sppb-articles-carousel-link {order: 2;}

.article-list .article .article-header h2,
.sppb-article-info-wrap h3,
.sppb-articles-carousel-link {
position: relative;
  display: block;
line-height: 26px;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--tp-common-black-3);
  margin-bottom: 25px;
}

.it-business-blog .article-list .article .article-header h2,
.it-business-blog .sppb-article-info-wrap h3,
.it-business-blog .sppb-articles-carousel-link {
	font-size: 20px;
	line-height: 28px;
}

.lawyer-blog .article-list .article .article-header h2,
.lawyer-blog .sppb-article-info-wrap h3,
.lawyer-blog .sppb-articles-carousel-link {
	margin-top: 20px;
  margin-bottom: 15px;
  font-family: DM Sans;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.2em;
  letter-spacing: -0.02em;
  color: var(--maincolor);
}

@media (max-width: 768px) {
.article-list .article .article-header h2,
.sppb-article-info-wrap h3,
.sppb-articles-carousel-link {
font-size: 20px !important;
}	
}

.article-list .article .article-header h2 a,
.sppb-article-info-wrap h3 a {
color: inherit;
transition: all 500ms ease;
	background-image: linear-gradient(#072032, #072032), linear-gradient(#072032, #072032);
	background-size: 0 1px, 0 1px;
	background-position: 100% 100%, 0 100%;
	background-repeat: no-repeat;
	transition: background-size 0.3s linear;
	-webkit-transition: all 0.4s ease 0.3s ease-out;
	-moz-transition: all 0.4s ease 0.3s ease-out;
	-ms-transition: all 0.4s ease 0.3s ease-out;
	-o-transition: all 0.4s ease 0.3s ease-out;
	transition: all 0.4s ease 0.3s ease-out;
}

.article-list .article .article-header h2 a:hover,
.sppb-article-info-wrap h3 a:hover {
  color: var(--tp-common-black-3);
background-image: linear-gradient(#072032, #072032), linear-gradient(#072032, #072032);
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
}

.article-list .article .article-info,
.sppb-addon-articles .sppb-article-meta,
.sppb-articles-carousel-meta {
order: 2;
margin: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 25px;
  flex-wrap: wrap;
  justify-content: space-between !important;
  margin-bottom: 0;
  width: 100%;
}

.sppb-addon-articles .sppb-article-meta {
	flex-direction: row-reverse;
}

.lawyer-blog .article-list .article .article-info,
.lawyer-blog.sppb-addon-articles .sppb-article-meta,
.lawyer-blog .sppb-articles-carousel-meta,
.it-business-blog .article-list .article .article-info,
.it-business-blog.sppb-addon-articles .sppb-article-meta,
.it-business-blog .sppb-articles-carousel-meta {
  order: 1;
	flex-direction: row;	
}

.article-info > span,
.sppb-addon-articles .sppb-article-meta > span,
.sppb-articles-carousel-meta-category a,
.sppb-articles-carousel-meta-date, 
.sppb-addon-articles .sppb-article-meta > time {
margin: 0;
position: relative;
color: var(--tp-common-black-3);
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
display: flex;
align-items: center;
gap: 3px;
}

.lawyer-blog .article-info > span,
.lawyer-blog.sppb-addon-articles .sppb-article-meta > span,
.lawyer-blog .sppb-articles-carousel-meta-category a,
.lawyer-blog .sppb-articles-carousel-meta-date, 
.lawyer-blog.sppb-addon-articles .sppb-article-meta > time {
	color: var(--tp-grey-7);
	font-weight: 400;
  font-size: 16px;
  line-height: 26px;
}

.article-info > span a,
.sppb-addon-articles .sppb-article-meta > span a {color: inherit;}

.article-info > span a:hover {color: var(--secondcolor);}

.article-info > span + span::before,
.sppb-addon-articles .sppb-article-meta > span + span:before {
padding: 0;
margin: 0;
}

.article-info > span:before,
.sppb-addon-articles .sppb-article-meta > span:before,
.sppb-articles-carousel-meta-date:before,
.sppb-articles-carousel-meta-category a:before, 
.sppb-addon-articles .sppb-article-meta > time:before {
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
margin: 0;
	font-weight: 400;
	font-family: "Font Awesome 6 Pro" !important;
color: inherit;
}

.article-info > span.published:before {content: "\f017";}

.article-info > span.createdby:before, .sppb-article-meta > span.sppb-meta-author:before {content: "\f007";}
.com-content:not(.view-article) .article-info > span.published:before, .sppb-article-meta > span.sppb-meta-date:before, .sppb-articles-carousel-meta-date:before, .sppb-addon-articles .sppb-article-meta > time:before {content: "\f017";}
.article-info > span.category-name:before, .sppb-article-meta > span.sppb-meta-category:before, .sppb-articles-carousel-meta-category a:before {content: "\f07b"; display: none;}
.article-info > span.hits:before {content: "\f06e";}

.article-info > span.category-name, .sppb-article-meta > span.sppb-meta-category, .sppb-articles-carousel-meta-category a {
	position: absolute;
	top: 26px;
	left: 26px;
	padding: 1px 14px;
	color: var(--tp-common-black-3);
	background-color: var(--tp-common-white);
	font-size: 14px;
	font-weight: 600;
	border-radius: 20px;
	text-transform: uppercase;
}

.it-business-blog .article-info > span.category-name, .it-business-blog .sppb-article-meta > span.sppb-meta-category, .it-business-blog .sppb-articles-carousel-meta-category a {
	position: static;
	color: var(--tp-common-black-3);
	background-color: transparent;
	text-transform: none;
	border: 1px solid rgba(37, 40, 64, 0.15);
	padding: 6px 11px 5px 11px;
	transition: all 0.2s ease;
	color: var(--tp-grey-4);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: -0.02em;
	border-radius: 4px;
	line-height: 1 !important;
	margin-bottom: 10px;
}

.it-business-blog .article-info > span.category-name:hover, .it-business-blog .sppb-article-meta > span.sppb-meta-category:hover, .it-business-blog .sppb-articles-carousel-meta-category a:hover {
	background: var(--maincolor);
	color: var(--tp-common-white);
}

.article-introtext, .sppb-article-introtext, .sppb-articles-carousel-introtext {
order: 3;
margin-bottom: 30px;
}

.article-introtext p {margin-bottom: 0;}

.lawyer-blog .article-introtext {
line-height: 26px;
  letter-spacing: -0.02em;
margin: 0px 0px 30px 0px; 
}

.article-list .article .readmore, .sppb-readmore {
	order: 4;
}

.article-list .article .readmore {
	font-size: inherit;
width: 100%;
}

.article-list .article .readmore a, .sppb-readmore {
color: var(--maincolor);
font-weight: 500;
}

/* Lawyer Custom */

.lawyer-blog .sppb-addon-article-layout:not(:nth-child(2)) .sppb-addon-article .sppb-article-img-wrap {
display: none;
}

.lawyer-blog .sppb-addon-article-layout .sppb-addon-article .sppb-article-img-wrap,
.lawyer-blog .article-list .article .article-intro-image {
position: absolute;
left: 0;
top: 0;
}

.lawyer-blog .sppb-addon-article-layout .sppb-addon-article .sppb-article-img-wrap img,
.lawyer-blog .article-list .article .article-intro-image img {
object-fit: cover;
}

.lawyer-blog .sppb-addon-article-layout:nth-child(2) .sppb-addon-article .sppb-article-meta,
.lawyer-blog .article-list > .row div:nth-child(2) .article .article-info {display: none;}

.lawyer-blog .sppb-addon-article-layout:nth-child(2) .sppb-addon-article .sppb-article-info-wrap,
.lawyer-blog .article-list > .row div:nth-child(2) .article-body {
text-align: center;
align-items: center;
} 

.lawyer-blog .sppb-addon-article-layout:nth-child(2) .sppb-addon-article .sppb-article-info-wrap h3,
.lawyer-blog .article-list > .row div:nth-child(2) .article .article-header {
	margin-bottom: 20px !important;
}

.lawyer-blog .sppb-addon-article-layout:nth-child(2) .sppb-addon-article .sppb-article-info-wrap h3 a,
.lawyer-blog .article-list > .row div:nth-child(2) .article .article-header h2 a {
	background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
color: var(--tp-common-white) !important;
}

.lawyer-blog .sppb-addon-article-layout:nth-child(2) .sppb-addon-article .sppb-article-info-wrap h3,
.lawyer-blog .article-list .article .article-header h2, .lawyer-blog .sppb-article-info-wrap h3, .lawyer-blog .sppb-articles-carousel-link {
font-family: DM Sans;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.2em;
  letter-spacing: -0.02em;	
	color: var(--maincolor);
}

.lawyer-blog .sppb-addon-article-layout:nth-child(2) .sppb-addon-article .sppb-article-info-wrap .sppb-article-introtext,
.lawyer-blog .article-list > .row div:nth-child(2) .article-introtext {
	order: 0;
}

.lawyer-blog .article-list > .row div:nth-child(2) .readmore {z-index: 3;}

.lawyer-blog .sppb-addon-article-layout:nth-child(2) .sppb-addon-article .sppb-article-info-wrap .sppb-readmore,
.lawyer-blog .article-list > .row div:nth-child(2) .readmore a {
	padding: 13px 27px;
background-color: var(--tp-common-white);
position: relative;
border-radius: 6px;
line-height: 0;
margin-left: 0;
}

.sppb-addon-article-layout:nth-child(2) .sppb-addon-article .sppb-article-info-wrap .sppb-readmore:hover,
.lawyer-blog .article-list > .row div:nth-child(2) .readmore a:hover {
	color: var(--tp-common-black);
}

/* */

/* IT Business Custom */

.it-business-blog.com-content #sp-header.header-sticky ~ section#sp-main-body {
  background-color: var(--tp-common-conifer );
  padding-top: 140px;
}

.it-business-blog.com-content #sp-main-body {
	padding: 140px 0 140px;
}

/* */

.pagination:not(ul) {
	justify-content: center;
}

ul.pagination {
	display: flex;
justify-content: space-between;
margin-top: 30px;
padding: 0;
}

.page-item:first-child .page-link {
	margin-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.page-item:last-child .page-link {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.page-link, .disabled > .page-link, .page-link.disabled, .pagination > li > a, .pagination > li > span {
	padding: 0;
font-weight: 500;
height: 50px;
width: 52px;
line-height: 50px !important;
display: inline-block;
position: relative;
margin-right: 15px;
text-align: center;
font-size: 20px;
border: 1px solid #E0E0E0;
border-radius: 3px !important;
background: transparent;
}

.page-item.active .page-link,
.page-link:hover {
background: var(--maincolor) !important;
border-color: var(--maincolor);
color: #fff !important;
}

.pagination-counter {margin-top: 40px;}

.articles-more .list-group-item {
position: relative;
  background-color: var(--maincolor);
  border: none;	
  border-radius: 0;
}

.articles-more .list-group-item:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url(../images/quotepost.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.articles-more .list-group-item a {
overflow: hidden;
  padding: 50px;
margin-top: -2px;
  font-size: 36px;
  color: var(--white);
line-height: 1.4;
font-weight: 600;
display: block;
position: relative;
z-index: 2;  
}

/* SINGLE ARTICLE */

.article-details .sppb-row-container {padding: 0; max-width: 100%;}

.article-details {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-flow: wrap;
}

.article-details > *:not(.article-full-image) {
	order: 4;
	width: 100%;
}

.article-details .article-header {
	order: 2;
}

.article-details .article-info {
	order: 3;
margin-top: 1rem;
margin-bottom: 15px;
  gap: 25px;
}

.article-details .article-can-edit {
	position: relative;
	margin-bottom: 0px;
}

.article-details .article-header h1, .article-details .article-header h2 {
line-height: 1.4;
  font-size: 36px;
  font-weight: 600;
}

@media (max-width: 768px) {
.article-details .article-header h1, .article-details .article-header h2 {
font-size: 22px;
}	
}

.article-details .article-full-image {
position: relative;
display: block;
	order: 1;
	width: 100%;
	margin-bottom: 30px;
}

.article-details .article-full-image img {
	border-radius: 0px;
	display: block;
	width: 100%;
}

.article-details .article-ratings-social-share {
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
	border-top: 0;
	border-bottom: 0;
	margin: 0;
  align-items: center;
  order: 6;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
margin: 105px 0 15px !important;
}

@media (min-width: 768px) {
	.article-details .article-ratings-social-share {text-align: right;}
}

.article-details .article-ratings-social-share > div:first-child {
	width: 100%;
}

.tags {
	list-style: none;
	padding: 0;
	margin: 0 !important;
	border: none;
	justify-content: center;
display: block;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
border-top: 0;
border-bottom: 0;
  order: 5;
margin: 105px 0 0 !important;
}

@media (max-width: 768px) {
.tags, .article-details .article-ratings-social-share {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
display: block !important;
margin-top: 40px !important;
margin-bottom: 0px !important;
}
.article-social-share {
	float: none;
}
}

.tags:before {

}

.tags > li {
	margin: 0;
}

.tags > li a {
border-radius: 4px;
  padding: 8px 18px;
  line-height: 1;
  margin-bottom: 10px;
  display: inline-block;
  background-color: var(--tp-grey-5);
  font-family: var(--tp-ff-jakarta);
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  color: var(--tp-grey-3);
  border: none;
}

.tags > li a:hover {
color: var(--tp-common-white);
  background-color: var(--maincolor);
}

.tags > li {margin-left: 1px;}

.social-share-block {width: 100%;}

.article-social-share .social-share-icon:before {

}

.article-social-share .social-share-icon ul {
	display: inline-block;
}

.article-social-share .social-share-icon ul li {
	margin: 0;
	margin-left: 15px;
}

.article-social-share .social-share-icon ul li:not(:last-child) {
	margin-right: 0px;
}

.article-social-share .social-share-icon ul li a {
font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  width: auto;
  height: auto;
  border: none;
  color: var(--header);
}

.article-social-share .social-share-icon ul li a:hover {
  color: var(--maincolor);
}

.article-details .article-author-information {
padding: 0;
text-align: left;
border: 0;
margin: 0;
border: 0;
border-radius: 0;
margin-bottom: 0;
order: 7;
box-shadow: 0 0 60px 0 rgba(23, 24, 49, 0.04);
  background: var(--tp-common-white);
  padding: 50px 62px 45px 40px;
  display: -webkit-box;
  display: flex;
  border-radius: 5px;
  margin-top: 60px;
}

.article-details .article-author-information > .d-flex {
justify-content: center;
display: flex;
align-items: flex-start;
gap: 40px;
}

.article-details .article-author-information > .d-flex .flex-shrink-0 img {
width: 100px;
flex: 0 0 auto;
}

.article-details .article-author-information h5 {
font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  margin-bottom: 15px;
}

.article-details .article-author-information .author-bio {
margin-bottom: 0 !important;
}

.author-website {color: #002633; margin-left: 4px; margin-top: 15px !important;}

.author-website a,
.author-website a:hover {color: var(--maincolor);}

#article-comments {
	border-top: 0px solid #f5f5f5;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
  order: 9;
  width: 100%;
margin-top: 60px;
padding-top: 0px;
}


.article-details ul.pagination {
	display: flex;
	justify-content: space-between;
	margin-top: 0px;
	padding: 0;
}

.article-details .page-link,
.article-details .page-link:hover {
	background: transparent;
	padding: 0;
	border: none;
	margin-right: 0;
	font-weight: 600;
	color: var(--maincolor) !important;
}

.article-details .pagenavigation {
	order: 6;
width: 100%;
margin-top: 40px;
padding: 0px;
border-top: 0;
}

.article-details .pagenavigation .pagination {
	justify-content: space-between;
}

.article-details .pagenavigation .btn {
border: medium none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  gap: 5px;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 0;
  padding: 18px 34px;
  text-align: center;
  text-transform: uppercase;
  touch-action: manipulation;
  transition: all 0.3s ease;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #000;
  color: #fff;
}

.article-details .pagenavigation .btn:hover {
color: #fff;
background-color: var(--maincolor);
}

.article-details .pagenavigation .btn span[class^="icon-"] {
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
	font-size: 15px;
}

/* */

/* COMMON CLASSES */
.shape-image-animation {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9;
}

.shape-image-animation svg {
  height: 100%;
  width: 100%;
}

.shape-image-animation svg path {
  width: 100%;
}

.tp-social-icon-style a {
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  z-index: 1;
}
.tp-social-icon-style a:hover {
  color: var(--tp-common-white);
}
.tp-social-icon-style a:hover span {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.tp-social-icon-style a span {
  display: block;
  border-radius: 100%;
  height: 100%;
  width: 100%;
  top: -1px;
  left: -1px;
  padding: 1px;
  box-sizing: content-box;
  margin: 0;
  position: absolute;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0;
  -webkit-transition: 0.5s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.5s cubic-bezier(0.12, 0, 0.39, 0);
  pointer-events: none;
  z-index: -1;
  background-color: var(--fourthcolor);
}

.w-img img {
  width: 100%;
}

.m-img img {
  max-width: 100%;
}

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.z-index-1 {
  z-index: 1;
}

.z-index-2 {
  z-index: 2;
}

.z-index-3 {
  z-index: 3;
}

.z-index-4 {
  z-index: 4;
}

.z-index-5 {
  z-index: 5;
}

.z-index-6 {
  z-index: 6;
}

.z-index-7 {
  z-index: 7;
}

.z-index-8 {
  z-index: 8;
}

.z-index-9 {
  z-index: 9;
}

.z-index-10 {
  z-index: 10;
}

.z-index-m-1 {
  z-index: -1;
}

.gx-10 {
  --bs-gutter-x: 10px;
}

.gx-14 {
  --bs-gutter-x: 14px;
}

.gx-20 {
  --bs-gutter-x: 20px;
}

.gx-24 {
  --bs-gutter-x: 24px;
}

.gx-30 {
  --bs-gutter-x: 30px;
}

.gx-40 {
  --bs-gutter-x: 40px;
}

.gx-45 {
  --bs-gutter-x: 45px;
}

.gx-48 {
  --bs-gutter-x: 48px;
}

.gx-60 {
  --bs-gutter-x: 60px;
}

.gx-70 {
  --bs-gutter-x: 70px;
}

.gx-80 {
  --bs-gutter-x: 80px;
}

.gx-90 {
  --bs-gutter-x: 90px;
}

.gx-100 {
  --bs-gutter-x: 100px;
}

.border-1px {
  border: 1px solid transparent;
}

.overflow-y-visible {
  overflow-x: hidden;
  overflow-y: visible;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.p-inherit {
  position: inherit !important;
}

.bg-position {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.text-italic {
  font-style: italic;
}

/* dropcap */
.tp-dropcap::first-letter {
  float: left;
  width: 65px;
  height: 85px;
  font-size: 90px;
  line-height: 0.8;
  font-weight: 500;
  margin-right: 5px;
  text-align: center;
  line-height: inherit;
  text-transform: capitalize;
  color: var(--tp-common-white);
  font-family: var(--tp-ff-body);
}

.slide-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.hover-text-black:hover {
  color: var(--tp-common-black);
}

.hover-text-white:hover {
  color: var(--tp-common-white) !important;
}

.hover-text-primary:hover {
  color: var(--tp-theme-primary);
}

.hover-text-theme-1:hover {
  color: var(--maincolor);
}

.hover-text-theme-3:hover {
  color: var(--thirdcolor);
}

.hover-bg-theme-3:hover {
  background: var(--thirdcolor);
}

.hover-text-theme-4:hover {
  color: var(--fourthcolor) !important;
}

.hover-bg-theme-4:hover {
  background: var(--fourthcolor);
}

.hover-bg-white:hover {
  background: var(--tp-common-white);
  border-color: transparent;
}

.hover-bg-yellow:hover {
  background: var(--tp-common-yellow);
  border-color: transparent;
}

.underline-black .sppb-addon-title {
  background-image: linear-gradient(#072032, #072032), linear-gradient(#072032, #072032);
  background-size: 0 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
  display: inline;
}
.underline-black .sppb-addon-title:hover {
  background-image: linear-gradient(#072032, #072032), linear-gradient(#072032, #072032);
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
}

.underline-white .sppb-addon-title {
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  background-size: 0 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
  display: inline;
}
.underline-white:hover .sppb-addon-title {
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
}

.underline-lwr {
  background-image: linear-gradient(#185757, #185757), linear-gradient(#185757, #185757);
  background-size: 0 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
}
.underline-lwr:hover {
  background-image: linear-gradient(#185757, #185757), linear-gradient(#185757, #185757);
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
}

.underline-salon .sppb-addon-title {
  background-image: linear-gradient(#541f5c, #541f5c), linear-gradient(#541f5c, #541f5c);
  background-size: 0 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
}
.underline-salon .sppb-addon-title:hover {
  background-image: linear-gradient(#541f5c, #541f5c), linear-gradient(#541f5c, #541f5c);
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
}

.underline-crt {
  background-image: linear-gradient(#02a95c, #02a95c), linear-gradient(#02a95c, #02a95c);
  background-size: 0 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
}
.underline-crt:hover {
  background-image: linear-gradient(#02a95c, #02a95c), linear-gradient(#02a95c, #02a95c);
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
}

.tp-transfrom {
  transform: translateY(-1px) !important;
}

.tp-transfrom-2 {
  transform: translateY(-2px);
}

.tp-transfrom-3 {
  transform: translateY(-3px);
}

.tp-transfrom-4 {
  transform: translateY(-4px);
}

.tp-round-4 {
  border-radius: 4px;
}

.tp-round-5 {
  border-radius: 5px;
}

.tp-round-6 {
  border-radius: 6px;
}

.tp-round-10 {
  border-radius: 10px;
}

.tp-round-17 {
  border-radius: 17px;
}

.tp-round-20 {
  border-radius: 20px;
}

.tp-round-25 {
  border-radius: 25px;
}

.tp-round-30 {
  border-radius: 30px;
}

.tp-round-35 {
  border-radius: 35px;
}

.tp-round-100 {
  border-radius: 100px;
}

.lh-0 {
  line-height: 0;
}

.lh-16 {
  line-height: 16px;
}

.lh-17 {
  line-height: 17px;
}

.lh-18 {
  line-height: 18px;
}

.lh-20 {
  line-height: 20px;
}

.lh-22 {
  line-height: 22px;
}

.lh-24 {
  line-height: 24px;
}

.lh-26 {
  line-height: 26px;
}

.lh-28 {
  line-height: 28px;
}

.lh-30 {
  line-height: 30px;
}

.lh-32 {
  line-height: 32px;
}

.lh-36 {
  line-height: 36px;
}

.lh-110-per {
  line-height: 1.1;
}

.lh-117-per {
  line-height: 1.17;
}

.lh-125-per {
  line-height: 1.25;
}

.lh-147-per {
  line-height: 1.47;
}

.ls-0 {
  letter-spacing: 0;
}

.ls-1 {
  letter-spacing: 0.01em;
}

.ls-2 {
  letter-spacing: 0.02em;
}

.ls-3 {
  letter-spacing: 0.03em;
}

.ls-4 {
  letter-spacing: 0.04em;
}

.ls-6 {
  letter-spacing: 0.06em;
}

.ls-m-1 {
  letter-spacing: -0.01em;
}

.ls-m-2 {
  letter-spacing: -0.02em;
}

.ls-m-4 {
  letter-spacing: -0.04em;
}

.ls-m-5 {
  letter-spacing: -0.05em;
}

.ls-m-6 {
  letter-spacing: -0.06em;
}

/*---------------------------------
    1.3 spacing Spacing
---------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-170 {
    padding-top: 115px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-165 {
    padding-top: 110px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-160 {
    padding-top: 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-155 {
    padding-top: 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-150 {
    padding-top: 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-145 {
    padding-top: 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-140 {
    padding-top: 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-135 {
    padding-top: 95px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-130 {
    padding-top: 90px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-125 {
    padding-top: 85px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-120 {
    padding-top: 80px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-115 {
    padding-top: 75px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-110 {
    padding-top: 70px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-105 {
    padding-top: 65px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-100 {
    padding-top: 60px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pb-170 {
    padding-bottom: 100px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-180 {
    padding-top: 100px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pt-190 {
    padding-top: 110px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pb-165 {
    padding-bottom: 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pb-160 {
    padding-bottom: 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pb-155 {
    padding-bottom: 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pb-150 {
    padding-bottom: 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pb-145 {
    padding-bottom: 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pb-140 {
    padding-bottom: 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pb-135 {
    padding-bottom: 95px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pb-130 {
    padding-bottom: 90px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pb-125 {
    padding-bottom: 85px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pb-120 {
    padding-bottom: 80px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pb-115 {
    padding-bottom: 75px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pb-110 {
    padding-bottom: 70px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pb-105 {
    padding-bottom: 65px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pb-100 {
    padding-bottom: 60px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pb-95 {
    padding-bottom: 55px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pb-90 {
    padding-bottom: 50px;
  }
}

/*---------------------------------
  1.2 init style
---------------------------------*/
@media (min-width: 1400px) {
  .container-1825 {
    max-width: 1825px;
  }
}
@media (min-width: 1400px) {
  .container-1510 {
    max-width: 1510px;
  }
}
@media (min-width: 1400px) {
  .container-1230 {
    max-width: 1230px;
  }
}
@media (min-width: 1400px) {
  .container-1670 {
    max-width: 1670px;
  }
}
@media (min-width: 1400px) {
  .container-1710 {
    max-width: 1710px;
  }
}
@media (min-width: 1400px) {
  .container-1430 {
    max-width: 1430px;
  }
}
@media (min-width: 1400px) {
  .container-1310 {
    max-width: 1310px;
  }
}
@media (min-width: 1400px) {
  .container-1775 {
    max-width: 1775px;
  }
}
@media (min-width: 1400px) {
  .container-1630 {
    max-width: 1630px;
  }
}
@media (min-width: 1400px) {
  .container-1550 {
    max-width: 1550px;
  }
}
@media (min-width: 1400px) {
  .container-1420 {
    max-width: 1420px;
  }
}
@media (min-width: 1400px) {
  .container-1693 {
    max-width: 1693px;
  }
}
/* Font weight */
.fw-100 {
  font-weight: 100;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

/* Font size */
.fs-12 {
  font-size: 12px;
}

.fs-13 {
  font-size: 13px;
}

.fs-14 {
  font-size: 14px;
}

.fs-15 {
  font-size: 15px;
}

.fs-16 {
  font-size: 16px;
}

.fs-17 {
  font-size: 17px;
}

.fs-18 {
  font-size: 18px;
}

.fs-19 {
  font-size: 19px;
}

.fs-20 {
  font-size: 20px;
}

.fs-21 {
  font-size: 21px;
}

.fs-22 {
  font-size: 22px;
}

.fs-23 {
  font-size: 23px;
}

.fs-24 {
  font-size: 24px;
}

.fs-25 {
  font-size: 25px;
}

.fs-26 {
  font-size: 26px;
}

.fs-27 {
  font-size: 27px;
}

.fs-28 {
  font-size: 28px;
}

.fs-29 {
  font-size: 29px;
}

.fs-30 {
  font-size: 30px;
}

.fs-31 {
  font-size: 31px;
}

.fs-32 {
  font-size: 32px;
}

.fs-33 {
  font-size: 33px;
}

.fs-34 {
  font-size: 34px;
}

.fs-35 {
  font-size: 35px;
}

.fs-36 {
  font-size: 36px;
}

.fs-37 {
  font-size: 37px;
}

.fs-38 {
  font-size: 38px;
}

.fs-39 {
  font-size: 39px;
}

.fs-40 {
  font-size: 40px;
}

.fs-41 {
  font-size: 41px;
}

.fs-42 {
  font-size: 42px;
}

.fs-43 {
  font-size: 43px;
}

.fs-44 {
  font-size: 44px;
}

.fs-45 {
  font-size: 45px;
}

.fs-46 {
  font-size: 46px;
}

.fs-47 {
  font-size: 47px;
}

.fs-48 {
  font-size: 48px;
}

.fs-49 {
  font-size: 49px;
}

.fs-50 {
  font-size: 50px;
}

.fs-51 {
  font-size: 51px;
}

.fs-52 {
  font-size: 52px;
}

.fs-53 {
  font-size: 53px;
}

.fs-54 {
  font-size: 54px;
}

.fs-55 {
  font-size: 55px;
}

.fs-56 {
  font-size: 56px;
}

.fs-57 {
  font-size: 57px;
}

.fs-58 {
  font-size: 58px;
}

.fs-59 {
  font-size: 59px;
}

.fs-60 {
  font-size: 60px;
}

.fs-61 {
  font-size: 61px;
}

.fs-62 {
  font-size: 62px;
}

.fs-63 {
  font-size: 63px;
}

.fs-64 {
  font-size: 64px;
}

.fs-65 {
  font-size: 65px;
}

.fs-66 {
  font-size: 66px;
}

.fs-67 {
  font-size: 67px;
}

.fs-68 {
  font-size: 68px;
}

.fs-69 {
  font-size: 69px;
}

.fs-70 {
  font-size: 70px;
}

.fs-71 {
  font-size: 71px;
}

.fs-72 {
  font-size: 72px;
}

.fs-73 {
  font-size: 73px;
}

.fs-74 {
  font-size: 74px;
}

.fs-75 {
  font-size: 75px;
}

.fs-76 {
  font-size: 76px;
}

.fs-77 {
  font-size: 77px;
}

.fs-78 {
  font-size: 78px;
}

.fs-79 {
  font-size: 79px;
}

.fs-80 {
  font-size: 80px;
}

.fs-81 {
  font-size: 81px;
}

.fs-82 {
  font-size: 82px;
}

.fs-83 {
  font-size: 83px;
}

.fs-84 {
  font-size: 84px;
}

.fs-85 {
  font-size: 85px;
}

.fs-86 {
  font-size: 86px;
}

.fs-87 {
  font-size: 87px;
}

.fs-88 {
  font-size: 88px;
}

.fs-89 {
  font-size: 89px;
}

.fs-90 {
  font-size: 90px;
}

.fs-91 {
  font-size: 91px;
}

.fs-92 {
  font-size: 92px;
}

.fs-93 {
  font-size: 93px;
}

.fs-94 {
  font-size: 94px;
}

.fs-95 {
  font-size: 95px;
}

.fs-96 {
  font-size: 96px;
}

.fs-97 {
  font-size: 97px;
}

.fs-98 {
  font-size: 98px;
}

.fs-99 {
  font-size: 99px;
}

.fs-100 {
  font-size: 100px;
}

/* Font size media query */
@media (max-width: 1399.98px) {
  .fs-xl-12 {
    font-size: 12px;
  }

  .fs-xl-13 {
    font-size: 13px;
  }

  .fs-xl-14 {
    font-size: 14px;
  }

  .fs-xl-15 {
    font-size: 15px;
  }

  .fs-xl-16 {
    font-size: 16px;
  }

  .fs-xl-17 {
    font-size: 17px;
  }

  .fs-xl-18 {
    font-size: 18px;
  }

  .fs-xl-19 {
    font-size: 19px;
  }

  .fs-xl-20 {
    font-size: 20px;
  }

  .fs-xl-21 {
    font-size: 21px;
  }

  .fs-xl-22 {
    font-size: 22px;
  }

  .fs-xl-23 {
    font-size: 23px;
  }

  .fs-xl-24 {
    font-size: 24px;
  }

  .fs-xl-25 {
    font-size: 25px;
  }

  .fs-xl-26 {
    font-size: 26px;
  }

  .fs-xl-27 {
    font-size: 27px;
  }

  .fs-xl-28 {
    font-size: 28px;
  }

  .fs-xl-29 {
    font-size: 29px;
  }

  .fs-xl-30 {
    font-size: 30px;
  }

  .fs-xl-31 {
    font-size: 31px;
  }

  .fs-xl-32 {
    font-size: 32px;
  }

  .fs-xl-33 {
    font-size: 33px;
  }

  .fs-xl-34 {
    font-size: 34px;
  }

  .fs-xl-35 {
    font-size: 35px;
  }

  .fs-xl-36 {
    font-size: 36px;
  }

  .fs-xl-37 {
    font-size: 37px;
  }

  .fs-xl-38 {
    font-size: 38px;
  }

  .fs-xl-39 {
    font-size: 39px;
  }

  .fs-xl-40 {
    font-size: 40px;
  }

  .fs-xl-41 {
    font-size: 41px;
  }

  .fs-xl-42 {
    font-size: 42px;
  }

  .fs-xl-43 {
    font-size: 43px;
  }

  .fs-xl-44 {
    font-size: 44px;
  }

  .fs-xl-45 {
    font-size: 45px;
  }

  .fs-xl-46 {
    font-size: 46px;
  }

  .fs-xl-47 {
    font-size: 47px;
  }

  .fs-xl-48 {
    font-size: 48px;
  }

  .fs-xl-49 {
    font-size: 49px;
  }

  .fs-xl-50 {
    font-size: 50px;
  }

  .fs-xl-51 {
    font-size: 51px;
  }

  .fs-xl-52 {
    font-size: 52px;
  }

  .fs-xl-53 {
    font-size: 53px;
  }

  .fs-xl-54 {
    font-size: 54px;
  }

  .fs-xl-55 {
    font-size: 55px;
  }

  .fs-xl-56 {
    font-size: 56px;
  }

  .fs-xl-57 {
    font-size: 57px;
  }

  .fs-xl-58 {
    font-size: 58px;
  }

  .fs-xl-59 {
    font-size: 59px;
  }

  .fs-xl-60 {
    font-size: 60px;
  }

  .fs-xl-61 {
    font-size: 61px;
  }

  .fs-xl-62 {
    font-size: 62px;
  }

  .fs-xl-63 {
    font-size: 63px;
  }

  .fs-xl-64 {
    font-size: 64px;
  }

  .fs-xl-65 {
    font-size: 65px;
  }

  .fs-xl-66 {
    font-size: 66px;
  }

  .fs-xl-67 {
    font-size: 67px;
  }

  .fs-xl-68 {
    font-size: 68px;
  }

  .fs-xl-69 {
    font-size: 69px;
  }

  .fs-xl-70 {
    font-size: 70px;
  }

  .fs-xl-71 {
    font-size: 71px;
  }

  .fs-xl-72 {
    font-size: 72px;
  }

  .fs-xl-73 {
    font-size: 73px;
  }

  .fs-xl-74 {
    font-size: 74px;
  }

  .fs-xl-75 {
    font-size: 75px;
  }

  .fs-xl-76 {
    font-size: 76px;
  }

  .fs-xl-77 {
    font-size: 77px;
  }

  .fs-xl-78 {
    font-size: 78px;
  }

  .fs-xl-79 {
    font-size: 79px;
  }

  .fs-xl-80 {
    font-size: 80px;
  }

  .fs-xl-81 {
    font-size: 81px;
  }

  .fs-xl-82 {
    font-size: 82px;
  }

  .fs-xl-83 {
    font-size: 83px;
  }

  .fs-xl-84 {
    font-size: 84px;
  }

  .fs-xl-85 {
    font-size: 85px;
  }

  .fs-xl-86 {
    font-size: 86px;
  }

  .fs-xl-87 {
    font-size: 87px;
  }

  .fs-xl-88 {
    font-size: 88px;
  }

  .fs-xl-89 {
    font-size: 89px;
  }

  .fs-xl-90 {
    font-size: 90px;
  }

  .fs-xl-91 {
    font-size: 91px;
  }

  .fs-xl-92 {
    font-size: 92px;
  }

  .fs-xl-93 {
    font-size: 93px;
  }

  .fs-xl-94 {
    font-size: 94px;
  }

  .fs-xl-95 {
    font-size: 95px;
  }

  .fs-xl-96 {
    font-size: 96px;
  }

  .fs-xl-97 {
    font-size: 97px;
  }

  .fs-xl-98 {
    font-size: 98px;
  }

  .fs-xl-99 {
    font-size: 99px;
  }

  .fs-xl-100 {
    font-size: 100px;
  }
}
/* Font size media query */
@media (max-width: 1199.98px) {
  .fs-lg-12 {
    font-size: 12px;
  }

  .fs-lg-13 {
    font-size: 13px;
  }

  .fs-lg-14 {
    font-size: 14px;
  }

  .fs-lg-15 {
    font-size: 15px;
  }

  .fs-lg-16 {
    font-size: 16px;
  }

  .fs-lg-17 {
    font-size: 17px;
  }

  .fs-lg-18 {
    font-size: 18px;
  }

  .fs-lg-19 {
    font-size: 19px;
  }

  .fs-lg-20 {
    font-size: 20px;
  }

  .fs-lg-21 {
    font-size: 21px;
  }

  .fs-lg-22 {
    font-size: 22px;
  }

  .fs-lg-23 {
    font-size: 23px;
  }

  .fs-lg-24 {
    font-size: 24px;
  }

  .fs-lg-25 {
    font-size: 25px;
  }

  .fs-lg-26 {
    font-size: 26px;
  }

  .fs-lg-27 {
    font-size: 27px;
  }

  .fs-lg-28 {
    font-size: 28px;
  }

  .fs-lg-29 {
    font-size: 29px;
  }

  .fs-lg-30 {
    font-size: 30px;
  }

  .fs-lg-31 {
    font-size: 31px;
  }

  .fs-lg-32 {
    font-size: 32px;
  }

  .fs-lg-33 {
    font-size: 33px;
  }

  .fs-lg-34 {
    font-size: 34px;
  }

  .fs-lg-35 {
    font-size: 35px;
  }

  .fs-lg-36 {
    font-size: 36px;
  }

  .fs-lg-37 {
    font-size: 37px;
  }

  .fs-lg-38 {
    font-size: 38px;
  }

  .fs-lg-39 {
    font-size: 39px;
  }

  .fs-lg-40 {
    font-size: 40px;
  }

  .fs-lg-41 {
    font-size: 41px;
  }

  .fs-lg-42 {
    font-size: 42px;
  }

  .fs-lg-43 {
    font-size: 43px;
  }

  .fs-lg-44 {
    font-size: 44px;
  }

  .fs-lg-45 {
    font-size: 45px;
  }

  .fs-lg-46 {
    font-size: 46px;
  }

  .fs-lg-47 {
    font-size: 47px;
  }

  .fs-lg-48 {
    font-size: 48px;
  }

  .fs-lg-49 {
    font-size: 49px;
  }

  .fs-lg-50 {
    font-size: 50px;
  }

  .fs-lg-51 {
    font-size: 51px;
  }

  .fs-lg-52 {
    font-size: 52px;
  }

  .fs-lg-53 {
    font-size: 53px;
  }

  .fs-lg-54 {
    font-size: 54px;
  }

  .fs-lg-55 {
    font-size: 55px;
  }

  .fs-lg-56 {
    font-size: 56px;
  }

  .fs-lg-57 {
    font-size: 57px;
  }

  .fs-lg-58 {
    font-size: 58px;
  }

  .fs-lg-59 {
    font-size: 59px;
  }

  .fs-lg-60 {
    font-size: 60px;
  }

  .fs-lg-61 {
    font-size: 61px;
  }

  .fs-lg-62 {
    font-size: 62px;
  }

  .fs-lg-63 {
    font-size: 63px;
  }

  .fs-lg-64 {
    font-size: 64px;
  }

  .fs-lg-65 {
    font-size: 65px;
  }

  .fs-lg-66 {
    font-size: 66px;
  }

  .fs-lg-67 {
    font-size: 67px;
  }

  .fs-lg-68 {
    font-size: 68px;
  }

  .fs-lg-69 {
    font-size: 69px;
  }

  .fs-lg-70 {
    font-size: 70px;
  }

  .fs-lg-71 {
    font-size: 71px;
  }

  .fs-lg-72 {
    font-size: 72px;
  }

  .fs-lg-73 {
    font-size: 73px;
  }

  .fs-lg-74 {
    font-size: 74px;
  }

  .fs-lg-75 {
    font-size: 75px;
  }

  .fs-lg-76 {
    font-size: 76px;
  }

  .fs-lg-77 {
    font-size: 77px;
  }

  .fs-lg-78 {
    font-size: 78px;
  }

  .fs-lg-79 {
    font-size: 79px;
  }

  .fs-lg-80 {
    font-size: 80px;
  }

  .fs-lg-81 {
    font-size: 81px;
  }

  .fs-lg-82 {
    font-size: 82px;
  }

  .fs-lg-83 {
    font-size: 83px;
  }

  .fs-lg-84 {
    font-size: 84px;
  }

  .fs-lg-85 {
    font-size: 85px;
  }

  .fs-lg-86 {
    font-size: 86px;
  }

  .fs-lg-87 {
    font-size: 87px;
  }

  .fs-lg-88 {
    font-size: 88px;
  }

  .fs-lg-89 {
    font-size: 89px;
  }

  .fs-lg-90 {
    font-size: 90px;
  }

  .fs-lg-91 {
    font-size: 91px;
  }

  .fs-lg-92 {
    font-size: 92px;
  }

  .fs-lg-93 {
    font-size: 93px;
  }

  .fs-lg-94 {
    font-size: 94px;
  }

  .fs-lg-95 {
    font-size: 95px;
  }

  .fs-lg-96 {
    font-size: 96px;
  }

  .fs-lg-97 {
    font-size: 97px;
  }

  .fs-lg-98 {
    font-size: 98px;
  }

  .fs-lg-99 {
    font-size: 99px;
  }

  .fs-lg-100 {
    font-size: 100px;
  }
}
@media (max-width: 991.98px) {
  .fs-md-12 {
    font-size: 12px;
  }

  .fs-md-13 {
    font-size: 13px;
  }

  .fs-md-14 {
    font-size: 14px;
  }

  .fs-md-15 {
    font-size: 15px;
  }

  .fs-md-16 {
    font-size: 16px;
  }

  .fs-md-17 {
    font-size: 17px;
  }

  .fs-md-18 {
    font-size: 18px;
  }

  .fs-md-19 {
    font-size: 19px;
  }

  .fs-md-20 {
    font-size: 20px;
  }

  .fs-md-21 {
    font-size: 21px;
  }

  .fs-md-22 {
    font-size: 22px;
  }

  .fs-md-23 {
    font-size: 23px;
  }

  .fs-md-24 {
    font-size: 24px;
  }

  .fs-md-25 {
    font-size: 25px;
  }

  .fs-md-26 {
    font-size: 26px;
  }

  .fs-md-27 {
    font-size: 27px;
  }

  .fs-md-28 {
    font-size: 28px;
  }

  .fs-md-29 {
    font-size: 29px;
  }

  .fs-md-30 {
    font-size: 30px;
  }

  .fs-md-31 {
    font-size: 31px;
  }

  .fs-md-32 {
    font-size: 32px;
  }

  .fs-md-33 {
    font-size: 33px;
  }

  .fs-md-34 {
    font-size: 34px;
  }

  .fs-md-35 {
    font-size: 35px;
  }

  .fs-md-36 {
    font-size: 36px;
  }

  .fs-md-37 {
    font-size: 37px;
  }

  .fs-md-38 {
    font-size: 38px;
  }

  .fs-md-39 {
    font-size: 39px;
  }

  .fs-md-40 {
    font-size: 40px;
  }

  .fs-md-41 {
    font-size: 41px;
  }

  .fs-md-42 {
    font-size: 42px;
  }

  .fs-md-43 {
    font-size: 43px;
  }

  .fs-md-44 {
    font-size: 44px;
  }

  .fs-md-45 {
    font-size: 45px;
  }

  .fs-md-46 {
    font-size: 46px;
  }

  .fs-md-47 {
    font-size: 47px;
  }

  .fs-md-48 {
    font-size: 48px;
  }

  .fs-md-49 {
    font-size: 49px;
  }

  .fs-md-50 {
    font-size: 50px;
  }

  .fs-md-51 {
    font-size: 51px;
  }

  .fs-md-52 {
    font-size: 52px;
  }

  .fs-md-53 {
    font-size: 53px;
  }

  .fs-md-54 {
    font-size: 54px;
  }

  .fs-md-55 {
    font-size: 55px;
  }

  .fs-md-56 {
    font-size: 56px;
  }

  .fs-md-57 {
    font-size: 57px;
  }

  .fs-md-58 {
    font-size: 58px;
  }

  .fs-md-59 {
    font-size: 59px;
  }

  .fs-md-60 {
    font-size: 60px;
  }

  .fs-md-61 {
    font-size: 61px;
  }

  .fs-md-62 {
    font-size: 62px;
  }

  .fs-md-63 {
    font-size: 63px;
  }

  .fs-md-64 {
    font-size: 64px;
  }

  .fs-md-65 {
    font-size: 65px;
  }

  .fs-md-66 {
    font-size: 66px;
  }

  .fs-md-67 {
    font-size: 67px;
  }

  .fs-md-68 {
    font-size: 68px;
  }

  .fs-md-69 {
    font-size: 69px;
  }

  .fs-md-70 {
    font-size: 70px;
  }

  .fs-md-71 {
    font-size: 71px;
  }

  .fs-md-72 {
    font-size: 72px;
  }

  .fs-md-73 {
    font-size: 73px;
  }

  .fs-md-74 {
    font-size: 74px;
  }

  .fs-md-75 {
    font-size: 75px;
  }

  .fs-md-76 {
    font-size: 76px;
  }

  .fs-md-77 {
    font-size: 77px;
  }

  .fs-md-78 {
    font-size: 78px;
  }

  .fs-md-79 {
    font-size: 79px;
  }

  .fs-md-80 {
    font-size: 80px;
  }

  .fs-md-81 {
    font-size: 81px;
  }

  .fs-md-82 {
    font-size: 82px;
  }

  .fs-md-83 {
    font-size: 83px;
  }

  .fs-md-84 {
    font-size: 84px;
  }

  .fs-md-85 {
    font-size: 85px;
  }

  .fs-md-86 {
    font-size: 86px;
  }

  .fs-md-87 {
    font-size: 87px;
  }

  .fs-md-88 {
    font-size: 88px;
  }

  .fs-md-89 {
    font-size: 89px;
  }

  .fs-md-90 {
    font-size: 90px;
  }

  .fs-md-91 {
    font-size: 91px;
  }

  .fs-md-92 {
    font-size: 92px;
  }

  .fs-md-93 {
    font-size: 93px;
  }

  .fs-md-94 {
    font-size: 94px;
  }

  .fs-md-95 {
    font-size: 95px;
  }

  .fs-md-96 {
    font-size: 96px;
  }

  .fs-md-97 {
    font-size: 97px;
  }

  .fs-md-98 {
    font-size: 98px;
  }

  .fs-md-99 {
    font-size: 99px;
  }

  .fs-md-100 {
    font-size: 100px;
  }
}
@media (max-width: 767.98px) {
  .fs-sm-12 {
    font-size: 12px;
  }

  .fs-sm-13 {
    font-size: 13px;
  }

  .fs-sm-14 {
    font-size: 14px;
  }

  .fs-sm-15 {
    font-size: 15px;
  }

  .fs-sm-16 {
    font-size: 16px;
  }

  .fs-sm-17 {
    font-size: 17px;
  }

  .fs-sm-18 {
    font-size: 18px;
  }

  .fs-sm-19 {
    font-size: 19px;
  }

  .fs-sm-20 {
    font-size: 20px;
  }

  .fs-sm-21 {
    font-size: 21px;
  }

  .fs-sm-22 {
    font-size: 22px;
  }

  .fs-sm-23 {
    font-size: 23px;
  }

  .fs-sm-24 {
    font-size: 24px;
  }

  .fs-sm-25 {
    font-size: 25px;
  }

  .fs-sm-26 {
    font-size: 26px;
  }

  .fs-sm-27 {
    font-size: 27px;
  }

  .fs-sm-28 {
    font-size: 28px;
  }

  .fs-sm-29 {
    font-size: 29px;
  }

  .fs-sm-30 {
    font-size: 30px;
  }

  .fs-sm-31 {
    font-size: 31px;
  }

  .fs-sm-32 {
    font-size: 32px;
  }

  .fs-sm-33 {
    font-size: 33px;
  }

  .fs-sm-34 {
    font-size: 34px;
  }

  .fs-sm-35 {
    font-size: 35px;
  }

  .fs-sm-36 {
    font-size: 36px;
  }

  .fs-sm-37 {
    font-size: 37px;
  }

  .fs-sm-38 {
    font-size: 38px;
  }

  .fs-sm-39 {
    font-size: 39px;
  }

  .fs-sm-40 {
    font-size: 40px;
  }

  .fs-sm-41 {
    font-size: 41px;
  }

  .fs-sm-42 {
    font-size: 42px;
  }

  .fs-sm-43 {
    font-size: 43px;
  }

  .fs-sm-44 {
    font-size: 44px;
  }

  .fs-sm-45 {
    font-size: 45px;
  }

  .fs-sm-46 {
    font-size: 46px;
  }

  .fs-sm-47 {
    font-size: 47px;
  }

  .fs-sm-48 {
    font-size: 48px;
  }

  .fs-sm-49 {
    font-size: 49px;
  }

  .fs-sm-50 {
    font-size: 50px;
  }

  .fs-sm-51 {
    font-size: 51px;
  }

  .fs-sm-52 {
    font-size: 52px;
  }

  .fs-sm-53 {
    font-size: 53px;
  }

  .fs-sm-54 {
    font-size: 54px;
  }

  .fs-sm-55 {
    font-size: 55px;
  }

  .fs-sm-56 {
    font-size: 56px;
  }

  .fs-sm-57 {
    font-size: 57px;
  }

  .fs-sm-58 {
    font-size: 58px;
  }

  .fs-sm-59 {
    font-size: 59px;
  }

  .fs-sm-60 {
    font-size: 60px;
  }

  .fs-sm-61 {
    font-size: 61px;
  }

  .fs-sm-62 {
    font-size: 62px;
  }

  .fs-sm-63 {
    font-size: 63px;
  }

  .fs-sm-64 {
    font-size: 64px;
  }

  .fs-sm-65 {
    font-size: 65px;
  }

  .fs-sm-66 {
    font-size: 66px;
  }

  .fs-sm-67 {
    font-size: 67px;
  }

  .fs-sm-68 {
    font-size: 68px;
  }

  .fs-sm-69 {
    font-size: 69px;
  }

  .fs-sm-70 {
    font-size: 70px;
  }

  .fs-sm-71 {
    font-size: 71px;
  }

  .fs-sm-72 {
    font-size: 72px;
  }

  .fs-sm-73 {
    font-size: 73px;
  }

  .fs-sm-74 {
    font-size: 74px;
  }

  .fs-sm-75 {
    font-size: 75px;
  }

  .fs-sm-76 {
    font-size: 76px;
  }

  .fs-sm-77 {
    font-size: 77px;
  }

  .fs-sm-78 {
    font-size: 78px;
  }

  .fs-sm-79 {
    font-size: 79px;
  }

  .fs-sm-80 {
    font-size: 80px;
  }

  .fs-sm-81 {
    font-size: 81px;
  }

  .fs-sm-82 {
    font-size: 82px;
  }

  .fs-sm-83 {
    font-size: 83px;
  }

  .fs-sm-84 {
    font-size: 84px;
  }

  .fs-sm-85 {
    font-size: 85px;
  }

  .fs-sm-86 {
    font-size: 86px;
  }

  .fs-sm-87 {
    font-size: 87px;
  }

  .fs-sm-88 {
    font-size: 88px;
  }

  .fs-sm-89 {
    font-size: 89px;
  }

  .fs-sm-90 {
    font-size: 90px;
  }

  .fs-sm-91 {
    font-size: 91px;
  }

  .fs-sm-92 {
    font-size: 92px;
  }

  .fs-sm-93 {
    font-size: 93px;
  }

  .fs-sm-94 {
    font-size: 94px;
  }

  .fs-sm-95 {
    font-size: 95px;
  }

  .fs-sm-96 {
    font-size: 96px;
  }

  .fs-sm-97 {
    font-size: 97px;
  }

  .fs-sm-98 {
    font-size: 98px;
  }

  .fs-sm-99 {
    font-size: 99px;
  }

  .fs-sm-100 {
    font-size: 100px;
  }
}
@media (max-width: 575.98px) {
  .fs-xs-12 {
    font-size: 12px;
  }

  .fs-xs-13 {
    font-size: 13px;
  }

  .fs-xs-14 {
    font-size: 14px;
  }

  .fs-xs-15 {
    font-size: 15px;
  }

  .fs-xs-16 {
    font-size: 16px;
  }

  .fs-xs-17 {
    font-size: 17px;
  }

  .fs-xs-18 {
    font-size: 18px;
  }

  .fs-xs-19 {
    font-size: 19px;
  }

  .fs-xs-20 {
    font-size: 20px;
  }

  .fs-xs-21 {
    font-size: 21px;
  }

  .fs-xs-22 {
    font-size: 22px;
  }

  .fs-xs-23 {
    font-size: 23px;
  }

  .fs-xs-24 {
    font-size: 24px;
  }

  .fs-xs-25 {
    font-size: 25px;
  }

  .fs-xs-26 {
    font-size: 26px;
  }

  .fs-xs-27 {
    font-size: 27px;
  }

  .fs-xs-28 {
    font-size: 28px;
  }

  .fs-xs-29 {
    font-size: 29px;
  }

  .fs-xs-30 {
    font-size: 30px;
  }

  .fs-xs-31 {
    font-size: 31px;
  }

  .fs-xs-32 {
    font-size: 32px;
  }

  .fs-xs-33 {
    font-size: 33px;
  }

  .fs-xs-34 {
    font-size: 34px;
  }

  .fs-xs-35 {
    font-size: 35px;
  }

  .fs-xs-36 {
    font-size: 36px;
  }

  .fs-xs-37 {
    font-size: 37px;
  }

  .fs-xs-38 {
    font-size: 38px;
  }

  .fs-xs-39 {
    font-size: 39px;
  }

  .fs-xs-40 {
    font-size: 40px;
  }

  .fs-xs-41 {
    font-size: 41px;
  }

  .fs-xs-42 {
    font-size: 42px;
  }

  .fs-xs-43 {
    font-size: 43px;
  }

  .fs-xs-44 {
    font-size: 44px;
  }

  .fs-xs-45 {
    font-size: 45px;
  }

  .fs-xs-46 {
    font-size: 46px;
  }

  .fs-xs-47 {
    font-size: 47px;
  }

  .fs-xs-48 {
    font-size: 48px;
  }

  .fs-xs-49 {
    font-size: 49px;
  }

  .fs-xs-50 {
    font-size: 50px;
  }

  .fs-xs-51 {
    font-size: 51px;
  }

  .fs-xs-52 {
    font-size: 52px;
  }

  .fs-xs-53 {
    font-size: 53px;
  }

  .fs-xs-54 {
    font-size: 54px;
  }

  .fs-xs-55 {
    font-size: 55px;
  }

  .fs-xs-56 {
    font-size: 56px;
  }

  .fs-xs-57 {
    font-size: 57px;
  }

  .fs-xs-58 {
    font-size: 58px;
  }

  .fs-xs-59 {
    font-size: 59px;
  }

  .fs-xs-60 {
    font-size: 60px;
  }

  .fs-xs-61 {
    font-size: 61px;
  }

  .fs-xs-62 {
    font-size: 62px;
  }

  .fs-xs-63 {
    font-size: 63px;
  }

  .fs-xs-64 {
    font-size: 64px;
  }

  .fs-xs-65 {
    font-size: 65px;
  }

  .fs-xs-66 {
    font-size: 66px;
  }

  .fs-xs-67 {
    font-size: 67px;
  }

  .fs-xs-68 {
    font-size: 68px;
  }

  .fs-xs-69 {
    font-size: 69px;
  }

  .fs-xs-70 {
    font-size: 70px;
  }

  .fs-xs-71 {
    font-size: 71px;
  }

  .fs-xs-72 {
    font-size: 72px;
  }

  .fs-xs-73 {
    font-size: 73px;
  }

  .fs-xs-74 {
    font-size: 74px;
  }

  .fs-xs-75 {
    font-size: 75px;
  }

  .fs-xs-76 {
    font-size: 76px;
  }

  .fs-xs-77 {
    font-size: 77px;
  }

  .fs-xs-78 {
    font-size: 78px;
  }

  .fs-xs-79 {
    font-size: 79px;
  }

  .fs-xs-80 {
    font-size: 80px;
  }

  .fs-xs-81 {
    font-size: 81px;
  }

  .fs-xs-82 {
    font-size: 82px;
  }

  .fs-xs-83 {
    font-size: 83px;
  }

  .fs-xs-84 {
    font-size: 84px;
  }

  .fs-xs-85 {
    font-size: 85px;
  }

  .fs-xs-86 {
    font-size: 86px;
  }

  .fs-xs-87 {
    font-size: 87px;
  }

  .fs-xs-88 {
    font-size: 88px;
  }

  .fs-xs-89 {
    font-size: 89px;
  }

  .fs-xs-90 {
    font-size: 90px;
  }

  .fs-xs-91 {
    font-size: 91px;
  }

  .fs-xs-92 {
    font-size: 92px;
  }

  .fs-xs-93 {
    font-size: 93px;
  }

  .fs-xs-94 {
    font-size: 94px;
  }

  .fs-xs-95 {
    font-size: 95px;
  }

  .fs-xs-96 {
    font-size: 96px;
  }

  .fs-xs-97 {
    font-size: 97px;
  }

  .fs-xs-98 {
    font-size: 98px;
  }

  .fs-xs-99 {
    font-size: 99px;
  }

  .fs-xs-100 {
    font-size: 100px;
  }
}
.tp-text-common-white {
  color: var(--tp-common-white);
}

.tp-bg-common-white {
  background-color: var(--tp-common-white);
}

.tp-text-common-black {
  color: var(--tp-common-black);
}

.tp-bg-common-black {
  background-color: var(--tp-common-black);
}

.tp-text-common-black-2 {
  color: var(--tp-common-black-2);
}

.tp-bg-common-black-2 {
  background-color: var(--tp-common-black-2);
}

.tp-text-common-black-3 {
  color: var(--tp-common-black-3);
}

.tp-bg-common-black-3 {
  background-color: var(--tp-common-black-3);
}

.tp-text-common-black-4 {
  color: var(--tp-common-black-4);
}

.tp-bg-common-black-4 {
  background-color: var(--tp-common-black-4);
}

.tp-text-common-sky {
  color: var(--tp-common-sky);
}

.tp-bg-common-sky {
  background-color: var(--tp-common-sky);
}

.tp-text-common-fruit {
  color: var(--tp-common-fruit);
}

.tp-bg-common-fruit {
  background-color: var(--tp-common-fruit);
}

.tp-text-common-whitest {
  color: var(--tp-common-whitest);
}

.tp-bg-common-whitest {
  background-color: var(--tp-common-whitest);
}

.tp-text-common-cherubic {
  color: var(--tp-common-cherubic );
}

.tp-bg-common-cherubic {
  background-color: var(--tp-common-cherubic );
}

.tp-text-common-mint {
  color: var(--tp-common-mint);
}

.tp-bg-common-mint {
  background-color: var(--tp-common-mint);
}

.tp-text-common-lime {
  color: var(--tp-common-lime);
}

.tp-bg-common-lime {
  background-color: var(--tp-common-lime);
}

.tp-text-common-yellow {
  color: var(--tp-common-yellow);
}

.tp-bg-common-yellow {
  background-color: var(--tp-common-yellow);
}

.tp-text-common-pisces {
  color: var(--tp-common-pisces );
}

.tp-bg-common-pisces {
  background-color: var(--tp-common-pisces );
}

.tp-text-common-apricot {
  color: var(--tp-common-apricot );
}

.tp-bg-common-apricot {
  background-color: var(--tp-common-apricot );
}

.tp-text-common-green {
  color: var(--tp-common-green );
}

.tp-bg-common-green {
  background-color: var(--tp-common-green );
}

.tp-text-common-freckles {
  color: var(--tp-common-freckles );
}

.tp-bg-common-freckles {
  background-color: var(--tp-common-freckles );
}

.tp-text-common-conifer {
  color: var(--tp-common-conifer );
}

.tp-bg-common-conifer {
  background-color: var(--tp-common-conifer );
}

.tp-text-common-greyish {
  color: var(--tp-common-greyish );
}

.tp-bg-common-greyish {
  background-color: var(--tp-common-greyish );
}

.tp-text-grey-1 {
  color: var(--tp-grey-1);
}

.tp-bg-grey-1 {
  background-color: var(--tp-grey-1);
}

.tp-text-grey-2 {
  color: var(--tp-grey-2);
}

.tp-bg-grey-2 {
  background-color: var(--tp-grey-2);
}

.tp-text-grey-3 {
  color: var(--tp-grey-3);
}

.tp-bg-grey-3 {
  background-color: var(--tp-grey-3);
}

.tp-text-grey-4 {
  color: var(--tp-grey-4);
}

.tp-bg-grey-4 {
  background-color: var(--tp-grey-4);
}

.tp-text-grey-5 {
  color: var(--tp-grey-5);
}

.tp-bg-grey-5 {
  background-color: var(--tp-grey-5);
}

.tp-text-grey-6 {
  color: var(--tp-grey-6);
}

.tp-bg-grey-6 {
  background-color: var(--tp-grey-6);
}

.tp-text-grey-7 {
  color: var(--tp-grey-7);
}

.tp-bg-grey-7 {
  background-color: var(--tp-grey-7);
}

.tp-text-grey-8 {
  color: var(--tp-grey-8);
}

.tp-bg-grey-8 {
  background-color: var(--tp-grey-8);
}

.tp-text-grey-9 {
  color: var(--tp-grey-9);
}

.tp-bg-grey-9 {
  background-color: var(--tp-grey-9);
}

.tp-text-grey-10 {
  color: var(--tp-grey-10);
}

.tp-bg-grey-10 {
  background-color: var(--tp-grey-10);
}

.tp-text-grey-11 {
  color: var(--tp-grey-11);
}

.tp-bg-grey-11 {
  background-color: var(--tp-grey-11);
}

.tp-text-theme-primary {
  color: var(--tp-theme-primary);
}

.tp-bg-theme-primary {
  background-color: var(--tp-theme-primary);
}

.tp-text-theme-1 {
  color: var(--maincolor);
}

.tp-bg-theme-1 {
  background-color: var(--maincolor);
}

.tp-text-theme-2 {
  color: var(--secondcolor);
}

.tp-bg-theme-2 {
  background-color: var(--secondcolor);
}

.tp-text-theme-3 {
  color: var(--thirdcolor);
}

.tp-bg-theme-3 {
  background-color: var(--thirdcolor);
}

.tp-text-theme-4 {
  color: var(--fourthcolor);
}

.tp-bg-theme-4 {
  background-color: var(--fourthcolor);
}

.tp-text-theme-5 {
  color: var(--fifthcolor);
}

.tp-bg-theme-5 {
  background-color: var(--fifthcolor);
}

.tp-text-border-1 {
  color: var(--tp-border-1);
}

.tp-bg-border-1 {
  background-color: var(--tp-border-1);
}

.tp-text-border-2 {
  color: var(--tp-border-2);
}

.tp-bg-border-2 {
  background-color: var(--tp-border-2);
}

.tp-text-border-3 {
  color: var(--tp-border-3);
}

.tp-bg-border-3 {
  background-color: var(--tp-border-3);
}

.tp-text-rgba-1 {
  color: var(--tp-rgba-1);
}

.tp-bg-rgba-1 {
  background-color: var(--tp-rgba-1);
}

.tp-text-rgba-2 {
  color: var(--tp-rgba-2);
}

.tp-bg-rgba-2 {
  background-color: var(--tp-rgba-2);
}

.tp-text-rgba-3 {
  color: var(--tp-rgba-3);
}

.tp-bg-rgba-3 {
  background-color: var(--tp-rgba-3);
}

.tp-ff-body {
  font-family: var(--tp-ff-body);
}

.tp-ff-heading {
  font-family: var(--tp-ff-heading);
}

.tp-ff-jakarta {
  font-family: var(--tp-ff-jakarta);
}

.tp-ff-grotesk {
  font-family: var(--tp-ff-grotesk);
}

.tp-ff-manrope {
  font-family: var(--tp-ff-manrope);
}

.tp-ff-dmserif {
  font-family: var(--tp-ff-dmserif);
}

.tp-ff-poppins {
  font-family: var(--tp-ff-poppins);
}

.tp-ff-roboto {
  font-family: var(--tp-ff-roboto);
}

.tp-ff-yeseva {
  font-family: var(--tp-ff-yeseva);
}

.tp-ff-libre {
  font-family: var(--tp-ff-libre);
}

.tp-ff-open {
  font-family: var(--tp-ff-open);
}

.tp-ff-inter {
  font-family: var(--tp-ff-inter);
}

.tp-ff-staat {
  font-family: var(--tp-ff-staat);
}

.tp-ff-fontawesome {
  font-family: var(--tp-ff-fontawesome);
}

/* ANIMATION */

@keyframes tpupdown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes tp-line-dash {
  100% {
    stroke-dashoffset: 0;
  }
}
.line-dash-path {
  stroke-dasharray: 4;
  stroke-dashoffset: 350;
  -webkit-animation: tp-line-dash 30s linear forwards infinite;
  animation: tp-line-dash 30s linear forwards infinite;
}

@-webkit-keyframes rotate-infinite {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@-moz-keyframes rotate-infinite {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@-ms-keyframes rotate-infinite {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes rotate-infinite {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.rotate-infinite {
  -webkit-animation: rotate-infinite 15s linear infinite;
  animation: rotate-infinite 15s linear infinite;
}

@-webkit-keyframes rotate-infinite-2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate-infinite-2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-ms-keyframes rotate-infinite-2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate-infinite-2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.rotate-infinite-2 {
  -webkit-animation: rotate-infinite-2 15s linear infinite;
  animation: rotate-infinite-2 15s linear infinite;
}

.tp-img-hover-inner {
  -webkit-transition: all 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  transition: all 0.5s cubic-bezier(0.37, 0, 0.63, 1);
}
.tp-img-hover-inner-up {
  -webkit-transition: all 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  transition: all 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.tp-img-hover:hover .tp-img-hover-inner {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.tp-img-hover:hover .tp-img-hover-inner-up {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.tp-transition {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.tp-fade-up-10 {
  transform: translateY(10px);
  -webkit-transition: all 0.4s cubic-bezier(0.37, 0, 0.63, 1);
  transition: all 0.4s cubic-bezier(0.37, 0, 0.63, 1);
  opacity: 0;
}

.tp-fade-up-15 {
  opacity: 0;
  transform: translateY(15px);
  -webkit-transition: all 0.4s cubic-bezier(0.37, 0, 0.63, 1);
  transition: all 0.4s cubic-bezier(0.37, 0, 0.63, 1);
}

.tp-fade-up-hover:hover .tp-fade-up-10 {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.35s;
}
.tp-fade-up-hover:hover .tp-fade-up-15 {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.25s;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes tfLeftToRight {
  49% {
    transform: translateX(30%);
  }
  50% {
    opacity: 0;
    transform: translateX(-30%);
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes tfLeftToRight {
  49% {
    transform: translateX(30%);
  }
  50% {
    opacity: 0;
    transform: translateX(-30%);
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes tfLeftToRight {
  49% {
    transform: translateX(30%);
  }
  50% {
    opacity: 0;
    transform: translateX(-30%);
  }
  100% {
    opacity: 1;
  }
}
@keyframes tfLeftToRight {
  49% {
    transform: translateX(30%);
  }
  50% {
    opacity: 0;
    transform: translateX(-30%);
  }
  100% {
    opacity: 1;
  }
}
/* Anime animation */
[data-anime] {
  opacity: 0;
  transition: none;
}
[data-anime].appear {
  opacity: 1;
}
[data-anime].btn {
  transition: none;
}
[data-anime].btn.anime-complete {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

@keyframes tpupdown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
.updown {
  animation: tpupdown 1s infinite alternate;
}

@keyframes tpleftright {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
.left-right {
  animation: tpleftright 1s infinite alternate;
}

@keyframes animate-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8), 0 0 0 0 rgba(255, 255, 255, 0.8);
  }
  40% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 0 rgba(255, 255, 255, 0.8);
  }
  80% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
  }
}
.animate-pulse {
  animation: animate-pulse 3s linear infinite;
}

/* Float animation */
.animation-float {
  animation: float 2000ms linear 500ms infinite alternate both;
}

@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(30px);
  }
}
.animation-float-small {
  animation: float 2000ms linear 500ms infinite alternate both;
}

@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(10px);
  }
}
@keyframes icon-bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes right {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
.animate-right {
  animation: right 10s linear infinite;
}

@keyframes animate-pulse-2 {
  0% {
    box-shadow: 0 0 0 0 rgba(43, 242, 33, 0.6), 0 0 0 0 rgba(33, 242, 99, 0.6);
  }
  40% {
    box-shadow: 0 0 0 20px rgba(255, 109, 74, 0), 0 0 0 0 rgba(33, 242, 71, 0.6);
  }
  80% {
    box-shadow: 0 0 0 20px rgba(255, 109, 74, 0), 0 0 0 20px rgba(255, 109, 74, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 20px rgba(255, 109, 74, 0);
  }
}
@keyframes moving {
  0% {
    transform: translatey(0);
  }
  20% {
    transform: translateX(100px);
  }
  50% {
    transform: translatey(50px);
  }
  to {
    transform: translatey(0);
  }
}
.moving {
  animation: moving 9s linear infinite;
  -webkit-animation: moving 9s linear infinite;
  -moz-animation: moving 9s linear infinite;
}

@keyframes moving-2 {
  0% {
    transform: translatey(0);
  }
  20% {
    transform: translateX(-100px);
  }
  50% {
    transform: translatey(-50px);
  }
  to {
    transform: translatey(0);
  }
}
.moving-2 {
  animation: moving-2 9s linear infinite;
  -webkit-animation: moving-2 9s linear infinite;
  -moz-animation: moving-2 9s linear infinite;
}

@keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}

/* */

@media (min-width: 320px) {.contained-row  .sppb-container-inner {max-width: 400px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 576px) {.contained-row  .sppb-container-inner {max-width: 540px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 768px) {.contained-row  .sppb-container-inner {max-width: 720px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 992px) {.contained-row .sppb-container-inner {max-width: 960px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 1200px) {.contained-row  .sppb-container-inner {max-width: 1140px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (max-width: 576px) {.contained-row  .sppb-container-inner {padding-left: 15px; padding-right: 15px;}}

/* J4 Optimization */

.sp-megamenu-wrapper, #sp-header > .container > .container-inner > .row > div:not(#sp-logo) > .sp-column,
#sp-header > .row > div:not(#sp-logo) > .sp-column  {display: block !important;}


#sp-header .sp-module {
	margin-left: 0px !important; 
}


@media (min-width: 1400px) {.contained-row  .sppb-container-inner {max-width: 1230px;width: 100%;
margin-right: auto;
margin-left: auto;}}

@media (min-width: 1400px) {.contained-section {max-width: 1230px;width: 100%;
margin-right: auto;
margin-left: auto;}}

/* PAGE BUILDER 5.X OPTIMIZATION */

#sp-main-body .sppb-section .sppb-row-container .sppb-row .sppb-row-column,
#sp-footer .sppb-section .sppb-row-container .sppb-row .sppb-row-column,
.sppb-col, .sppb-col-auto, .sppb-col-lg, .sppb-col-lg-1, .sppb-col-lg-10, .sppb-col-lg-11, .sppb-col-lg-12, .sppb-col-lg-2, .sppb-col-lg-3, .sppb-col-lg-4, .sppb-col-lg-5, .sppb-col-lg-6, .sppb-col-lg-7, .sppb-col-lg-8, .sppb-col-lg-9, .sppb-col-lg-auto, .sppb-col-md, .sppb-col-md-1, .sppb-col-md-10, .sppb-col-md-11, .sppb-col-md-12, .sppb-col-md-2, .sppb-col-md-3, .sppb-col-md-4, .sppb-col-md-5, .sppb-col-md-6, .sppb-col-md-7, .sppb-col-md-8, .sppb-col-md-9, .sppb-col-md-auto, .sppb-col-sm, .sppb-col-sm-1, .sppb-col-sm-10, .sppb-col-sm-11, .sppb-col-sm-12, .sppb-col-sm-2, .sppb-col-sm-3, .sppb-col-sm-4, .sppb-col-sm-5, .sppb-col-sm-6, .sppb-col-sm-7, .sppb-col-sm-8, .sppb-col-sm-9, .sppb-col-sm-auto, .sppb-col-xl, .sppb-col-xl-1, .sppb-col-xl-10, .sppb-col-xl-11, .sppb-col-xl-12, .sppb-col-xl-2, .sppb-col-xl-3, .sppb-col-xl-4, .sppb-col-xl-5, .sppb-col-xl-6, .sppb-col-xl-7, .sppb-col-xl-8, .sppb-col-xl-9, .sppb-col-xl-auto, .sppb-col-xs-1, .sppb-col-xs-10, .sppb-col-xs-11, .sppb-col-xs-12, .sppb-col-xs-2, .sppb-col-xs-3, .sppb-col-xs-4, .sppb-col-xs-5, .sppb-col-xs-6, .sppb-col-xs-7, .sppb-col-xs-8, .sppb-col-xs-9, .sppb-row-column,
#sp-banner .sppb-row-column {
  position: static;
}

#sp-header .sppb-section > .sppb-row-container {padding: 0;}


:root {
  /**
  @font family declaration
  */
  --tp-ff-body: "DM Sans", sans-serif;
  --tp-ff-heading: 'Colasta', sans-serif;
  --tp-ff-jakarta: 'Plus Jakarta Sans', sans-serif;
  --tp-ff-grotesk: 'Space Grotesk', sans-serif;
  --tp-ff-manrope: 'Manrope', sans-serif;
  --tp-ff-dmserif: 'DM Serif Display', serif;
  --tp-ff-poppins: 'Poppins', sans-serif;
  --tp-ff-roboto: 'Roboto', sans-serif;
  --tp-ff-yeseva: 'Yeseva One', serif;
  --tp-ff-libre: 'Libre Baskerville', serif;
  --tp-ff-open: 'Open Sans', sans-serif;
  --tp-ff-inter: 'Inter', sans-serif;
  --tp-ff-staat: 'Staatliches', sans-serif;
  --tp-ff-fontawesome: "Font Awesome 6 Pro";
  /**
  @color declaration
  */
  --tp-common-white: #ffffff;
  --tp-common-black: #072032;
  --tp-common-black-2: #000;
  --tp-common-black-3: #242e45;
  --tp-common-black-4: #2b265d;
  --tp-common-sky: #541f5c;
  --tp-common-fruit: #ebfeb2;
  --tp-common-whitest: #f8faf5;
  --tp-common-cherubic : #ffe6f1;
  --tp-common-mint: #c8fddd;
  --tp-common-lime: #8CDE59;
  --tp-common-yellow: #ffb72e;
  --tp-common-pisces : #aa3fff;
  --tp-common-apricot : #b17856;
  --tp-common-green : #1c4e4e;
  --tp-common-freckles : #eff5f4;
  --tp-common-conifer : #dff3fc;
  --tp-common-greyish : #c0b1ff;
  --tp-grey-1: #5c6972;
  --tp-grey-2: #555;
  --tp-grey-3: #878898;
  --tp-grey-4: #525356;
  --tp-grey-5: #f3f5f9;
  --tp-grey-6: #f5f4ff;
  --tp-grey-7: #898d95;
  --tp-grey-8: #f8f8f8;
  --tp-grey-9: #8885a6;
  --tp-grey-10: #f1f1ff;
  --tp-grey-11: #968698;
  --tp-theme-primary: #9CEE69;
  --tp-border-1: #bababa;
  --tp-border-2: #e6e8ea;
  --tp-border-3: #242e4526;
  --tp-rgba-1: rgba(255, 255, 255, 0.8);
  --tp-rgba-2: rgba(255, 255, 255, 0.75);
  --tp-rgba-3: rgba(255, 255, 255, 0.65);
}