@import"https://fonts.googleapis.com/css2?family=Prompt: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&display=swap";

@import url('https://fonts.cdnfonts.com/css/conthrax');
@import "fonts/gotham-medium/style.css";

:root {
	--body-font: "Gotham", "Prompt", sans-serif;
	--h-font: "Conthrax", "Prompt", sans-serif;
	/* --body-font: "Prompt", sans-serif;
    --h-font: "Prompt", sans-serif; */
	--transition: all 0.5s ease-in-out;
	/* --p1: #235CF2;
     --ph1: rgba(16, 28, 253, .4509803922); */
	--p1: #30c5d8;
	--ph1: rgba(29, 133, 227, 0.451);
	--p50: #e9effe;
	--p75: #a5bcfa;
	--p100: #7fa0f7;
	--p200: #4878f4;
	--p300: #235cf2;
	--p400: #1940a9;
	--p500: #153894;
	--pra: #4A5551;
	--s1: #FCB407;
	--s2: #30c5d8;
	--active: #235CF2;
	--ratting: #FFC700;
	--n0: #FFFFFF;
	--n00: #070707;
	--n10: #fafafa;
	--n20: #f5f5f6;
	--n30: #ebebec;
	--n40: #dedfe0;
	--n50: #bfc1c4;
	--n60: #b0b2b6;
	--n70: #a3a5aa;
	--n80: #94969c;
	--n90: #85878e;
	--n100: #757880;
	--n200: #666971;
	--n300: #575a63;
	--n400: #4a4e57;
	--n500: #3b3f49;
	--n600: #2e323d;
	--n700: #1c212d;
	--n800: #0d121f;
	--n900: #000513;
	--bg1: #F5F5F6;
	--bg2: #fff
}

.display-four {
	font-size: 64px
}

.fs-one,
h1,
h1>a {
	font-size: 56px;
	line-height: 120%;
	font-weight: 800
}

.fs-two,
h2,
h2>a {
	font-size: 48px;
	line-height: 120%;
	font-weight: 700
}

.fs-three,
h3,
h3>a {
	font-size: 40px;
	line-height: 120%;
	font-weight: 700
}

.fs-four,
h4,
h4>a {
	font-size: 32px;
	line-height: 120%;
	font-weight: 700
}

.fs-five,
h5,
h5>a {
	font-size: 24px;
	line-height: 150%;
	font-weight: 600
}

.fs-six,
h6,
h6>a {
	font-size: 18px;
	line-height: 150%;
	font-weight: 600
}

.fs-seven {
	font-size: 16px;
	line-height: 150%
}

.fs-eight {
	font-size: 14px;
	line-height: 150%
}

.fs-nine {
	font-size: 12px !important;
	line-height: 150%
}

.fs20 {
	font-size: 20px;
	line-height: 1.4
}

@media(max-width: 1199px) {
	.fs20 {
		font-size: 16px !important;
		line-height: 1.4
	}
}

@media(max-width: 575px) {
	.fs20 {
		font-size: 16px !important;
		line-height: 1.4
	}
}

.fs18 {
	font-size: 18px;
	line-height: 1.5
}

table thead tr th {
	font-size: 18px;
	line-height: 150%
}

a,
p,
button,
span,
label,
li {
	font-size: 16px;
	line-height: 150%
}

@media(max-width: 1399px) {

	.fs-one,
	h1,
	h1>a {
		font-size: 48px
	}

	.fs-two,
	h2,
	h2>a {
		font-size: 40px
	}

	.fs-three,
	h3,
	h3>a {
		font-size: 32px
	}

	.fs-four,
	h4,
	h4>a {
		font-size: 28px;
		line-height: 120%;
		font-weight: 700
	}

	.fs-five,
	h5,
	h5>a {
		font-size: 22px;
		line-height: 150%;
		font-weight: 600
	}

	.fs-six,
	h6,
	h6>a {
		font-size: 17px;
		line-height: 150%;
		font-weight: 600
	}
}

@media(max-width: 1199px) {

	.fs-one,
	h1,
	h1>a {
		font-size: 40px
	}

	.fs-two,
	h2,
	h2>a {
		font-size: 34px
	}

	.fs-three,
	h3,
	h3>a {
		font-size: 29px
	}

	.fs-four,
	h4,
	h4>a {
		font-size: 26px;
		line-height: 120%;
		font-weight: 700
	}

	.fs-five,
	h5,
	h5>a {
		font-size: 20px;
		line-height: 150%;
		font-weight: 600
	}

	.fs-six,
	h6,
	h6>a {
		font-size: 16px;
		line-height: 150%;
		font-weight: 600
	}
}

@media(max-width: 767px) {

	.fs-one,
	h1,
	h1>a {
		font-size: 38px
	}

	.fs-two,
	h2,
	h2>a {
		font-size: 32px
	}

	.fs-three,
	h3,
	h3>a {
		font-size: 28px
	}

	.fs-four,
	h4,
	h4>a {
		font-size: 24px;
		line-height: 120%;
		font-weight: 700
	}

	.fs-five,
	h5,
	h5>a {
		font-size: 19px;
		line-height: 150%;
		font-weight: 600
	}
}

@media(max-width: 400px) {

	.fs-one,
	h1,
	h1>a {
		font-size: 34px !important
	}

	.fs-two,
	h2,
	h2>a {
		font-size: 31px
	}

	.fs-three,
	h3,
	h3>a {
		font-size: 27px
	}
}

.pt-40 {
	padding-top: 40px
}

.pb-40 {
	padding-bottom: 40px
}

.pt-120 {
	padding-top: 120px
}

.pb-120 {
	padding-bottom: 120px
}

@media(max-width: 1199px) {

	.display-four {
		font-size: 48px;
		line-height: 46.4px
	}

	.fs-one,
	h1,
	h1>a {
		font-size: 40px;
		line-height: 48px
	}

	.fs-two,
	h2,
	h2>a {
		font-size: 32px;
		line-height: 38.4px
	}

	.fs-three,
	h3,
	h3>a {
		font-size: 24px;
		line-height: 31.2px
	}

	.fs-four,
	h4,
	h4>a {
		font-size: 20px;
		line-height: 26px
	}

	.fs-five,
	h5,
	h5>a {
		font-size: 18px;
		line-height: 20.8px
	}

	.fs-six,
	h6,
	h6>a {
		font-size: 16px;
		line-height: 18.8px
	}

	.fs-seven {
		font-size: 14px;
		line-height: 18.8px
	}

	.fs-eight {
		font-size: 12px;
		line-height: 18px
	}

	table thead tr th {
		font-size: 15px;
		line-height: 20.8px
	}

	a,
	p,
	span,
	button,
	label,
	li {
		font-size: 14px;
		line-height: 22px
	}

	.pt-120 {
		padding-top: 60px
	}

	.pb-120 {
		padding-bottom: 60px
	}
}

@media(max-width: 575px) {

	.display-four {
		font-size: 32px;
		line-height: 38.4px
	}

	.pt-120 {
		padding-top: 50px
	}

	.pb-120 {
		padding-bottom: 50px
	}
}

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .962);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center
}

.preloader .box p span {
	font-size: 36px;
	font-weight: 500;
	text-transform: uppercase
}

.preloader .box p span:nth-child(1) {
	animation: updown 1.5s linear infinite;
	color: var(--p1)
}

.preloader .box p span:nth-child(2) {
	animation: updown 2s linear infinite;
	color: var(--p1)
}

.preloader .box p span:nth-child(3) {
	animation: updown 2.5s linear infinite;
	color: var(--p1)
}

.preloader .box p span:nth-child(4) {
	animation: updown 3s linear infinite;
	color: var(--p1)
}

.preloader .box p span:nth-child(5) {
	animation: updown 3.5s linear infinite;
	color: var(--p1)
}

.preloader .box p span:nth-child(6) {
	animation: updown 2.5s linear infinite
}

.preloader .box p span:nth-child(7) {
	animation: updown 2s linear infinite
}

.preloader .box p span:nth-child(8) {
	animation: updown 1.5s linear infinite
}

@keyframes pres1 {
	100% {
		left: 50%
	}
}

@keyframes pres2 {
	100% {
		right: 50%
	}
}

html {
	scroll-behavior: smooth
}

body {
	font-family: var(--body-font);
	background: var(--s4);
	color: var(--n0);
	font-size: 18px;
	line-height: 150%;
	padding: 0;
	margin: 0;
	font-weight: 400;
	overflow-x: hidden;
	position: relative
}

section,
footer {
	overflow: hidden
}

a,
p,
button,
span,
label,
li {
	margin: 0;
	font-weight: 400
}

a i,
p i,
button i,
span i,
label i,
li i {
	font-weight: 400
}

a {
	text-decoration: none;
	outline: none
}

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

a i {
	font-weight: 400
}

h1,
h1>a,
h2,
h2>a,
h3,
h3>a,
h4,
h4>a,
h5,
h5>a,
h6,
h6>a,
.display-four,
.heading {
	font-family: var(--h-font);
	padding: 0;
	margin: 0;
	color: var(--n900);
	line-height: 128%;
	display: block;
	transition: var(--transition)
}

h1 span,
h1>a span,
h2 span,
h2>a span,
h3 span,
h3>a span,
h4 span,
h4>a span,
h5 span,
h5>a span,
h6 span,
h6>a span,
.display-four span,
.heading span {
	font-size: inherit;
	font-family: inherit;
	color: inherit;
	line-height: inherit;
	font-weight: inherit
}

h1 i,
h1>a i,
h2 i,
h2>a i,
h3 i,
h3>a i,
h4 i,
h4>a i,
h5 i,
h5>a i,
h6 i,
h6>a i,
.display-four i,
.heading i {
	font-weight: 400
}

img {
	max-width: 100%;
	height: auto
}

ul,
ol {
	padding: 0;
	margin: 0;
	list-style: none
}

ul li,
ol li {
	font-size: inherit;
	font-weight: inherit
}

button {
	border: none;
	cursor: pointer;
	font-size: 18px;
	line-height: 150%;
	padding: 0;
	background-color: rgba(0, 0, 0, 0)
}

input,
textarea {
	padding: 10px 20px;
	width: 100%;
	font-family: var(--body-font);
	outline-color: rgba(0, 0, 0, 0);
	font-size: 14px;
	border-radius: 6px;
	background-color: rgba(0, 0, 0, 0)
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	font-size: 16px
}

input::placeholder,
textarea::placeholder {
	font-size: 16px
}

input:focus,
textarea:focus {
	box-shadow: none;
	border: 1px solid rgba(0, 0, 0, 0)
}

::-moz-placeholder {
	font-size: 14px
}

::placeholder {
	font-size: 14px
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}

input[type=number] {
	-moz-appearance: textfield;
	appearance: textfield;
}

input[type=checkbox] {
	width: initial;
	height: initial
}

@media(min-width: 575px) {
	.container {
		max-width: 1326px;
		margin: 0 auto
	}
}

p {
	color: var(--n200);
	line-height: 150%;
	font-size: 16px;
	transition: all .4s
}

span {
	transition: all .4s
}

.p1-clr {
	color: var(--p1)
}

.p1-bg {
	background: var(--p1)
}

.p1-border {
	border: 1px solid var(--p1)
}

.p1-border-2 {
	border: 2px solid var(--p1)
}

.p1-border-3 {
	border: 3px solid var(--p1)
}

.p50-clr {
	color: var(--p50)
}

.p75-clr {
	color: var(--p75)
}

.p100-clr {
	color: var(--p100)
}

.p200-clr {
	color: var(--p200)
}

.p300-clr {
	color: var(--p300)
}

.p400-clr {
	color: var(--p400)
}

.p500-clr {
	color: var(--p500)
}

.s1-clr {
	color: var(--s1) !important
}

.s1-bg {
	background: var(--s1)
}

.s2-clr {
	color: var(--s2)
}

.n0-clr {
	color: var(--n0)
}

.n0-border {
	border: 1px solid var(--n0)
}

.n0-bb {
	border-bottom: 1px solid var(--n0)
}

.n0-bg {
	background: var(--n0)
}

.n00-clr {
	color: var(--n00)
}

.n10-clr {
	color: var(--n10)
}

.n20-clr {
	color: var(--n20)
}

.n30-clr {
	color: var(--n30)
}

.n30-bg {
	background: var(--n30);
	transition: all .4s
}

.n30-bg:hover {
	background: var(--n20)
}

.n40-clr {
	color: var(--n40)
}

.n40-bt {
	border-top: 1px solid var(--n40) !important
}

.n40-bb {
	border-bottom: 1px solid var(--n40) !important
}

.n50-clr {
	color: var(--n50)
}

.n60-clr {
	color: var(--n60)
}

.n70-clr {
	color: var(--n70)
}

.n80-clr {
	color: var(--n80)
}

.n90-clr {
	color: var(--n90)
}

.n100-clr {
	color: var(--n100)
}

.n200-clr {
	color: var(--n200)
}

.n300-clr {
	color: var(--n300)
}

.n400-clr {
	color: var(--n400)
}

.n500-clr {
	color: var(--n500)
}

.n600-clr {
	color: var(--n600)
}

.n700-clr {
	color: var(--n700)
}

.n800-clr {
	color: var(--n800)
}

.n900-clr {
	color: var(--n900)
}

.n900-border {
	border: 1px solid rgba(0, 5, 19, .1607843137)
}

.bg1 {
	background: var(--bg1)
}

.fw-500 {
	font-weight: 500 !important
}

.fw-600 {
	font-weight: 600
}

.fw-700 {
	font-weight: 700
}

span {
	display: inline-block
}

.transition {
	transition: .5s
}

.table thead th,
.table td,
.table th {
	border: none
}

iframe {
	border: 0;
	width: 100%
}

*::-webkit-scrollbar {
	width: 6px
}

*::-webkit-scrollbar-button,
*::-webkit-scrollbar-thumb {
	background: var(--p1)
}

.d-center {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important
}

.cmn-btn {
	position: relative;
	z-index: 1;
	transition: all .4s
}

.cmn-btn .icons {
	font-size: 19px;
	transition: all .4s
}

.cmn-btn::after,
.cmn-btn::before {
	position: absolute;
	content: ""
}

.cmn-btn::before {
	top: -40px;
	left: 50%;
	width: 60px;
	height: 140px;
	/* background: rgba(16, 28, 253, .4509803922); */
	background: var(--ph1);
	z-index: -1;
	transition: all .8s;
	opacity: 0;
	transform: rotate(40deg)
}

.cmn-btn::after {
	top: -40px;
	right: 50%;
	width: 60px;
	height: 140px;
	/* background: rgba(16, 28, 253, .4509803922); */
	background: var(--ph1);
	z-index: -1;
	transition: all .8s;
	opacity: 0;
	transform: rotate(40deg)
}

.cmn-btn:hover {
	color: var(--n0)
}

.cmn-btn:hover .icons {
	transform: rotate(-90deg)
}

.cmn-btn:hover::after {
	right: -45px;
	opacity: 1
}

.cmn-btn:hover::before {
	left: -40px;
	opacity: 1
}

.cmn-btn.cmn-btn900:hover {
	color: var(--n900)
}

.fixed-topspace {
	padding-top: 95px
}

@media(max-width: 991px) {
	.fixed-topspace {
		padding-top: 74px
	}
}

.cmn-width-swiper {
	transition: all .4s;
	width: 60px;
	min-width: 60px;
	height: 60px
}

@media(max-width: 1399px) {
	.cmn-width-swiper {
		width: 40px;
		min-width: 40px;
		height: 40px
	}
}

@media(max-width: 991px) {
	.cmn-width-swiper {
		width: 36px;
		min-width: 36px;
		height: 36px
	}
}

.cmn-width-swiper:hover {
	background: var(--p1)
}

.cmn-width-swiper:hover i {
	color: var(--n0)
}

@media(max-width: 1399px) {
	.section-title img {
		width: 30px
	}
}

.nice-select {
	background-color: var(--n0);
	border: var(--n0);
	float: initial;
	overflow: initial;
	height: initial;
	padding: 0;
	display: inline-flex;
	align-items: center;
	line-height: 150%;
	width: 100%
}

.nice-select:focus,
.nice-select:hover {
	border-color: var(--n0);
}

/*
.nice-select::after {
    height: 10px;
    width: 10px;
    right: 15px;
    top: initial;
    border-color: var(--n900)
}
*/

.nice-select .list {
	width: initial;
	/* background-color: var(--s7); */
	box-shadow: var(--p1);
	overflow: initial;
	/* box-shadow: rgba(0, 0, 0, .15) 0px 3px 3px 0px; */
	width: 100%;
	top: 100%;
	padding: 0;
	max-height: 15vh;
	overflow-x: auto;
	overflow-y: scroll !important;
	padding: 8px 16px;
}

.nice-select .list::-webkit-scrollbar {
	width: 4px;
	opacity: 1;
	display: block
}

.nice-select .list::-webkit-scrollbar-button,
.nice-select .list::-webkit-scrollbar-thumb {
	background: var(--s2)
}

.nice-select .list li {
	color: var(--n900) !important
}

.nice-select .option {
	background-color: var(--n0);
	font-size: 16px;
	line-height: 150%;
	padding: 4px 5px;
	min-height: initial;
	font-weight: 500;
	white-space: normal;
	word-break: break-word;
}

.nice-select .option:hover,
.nice-select .option:focus,
.nice-select .option.selected.focus {
	background-color: var(--p1)
}

.nice-select .current {
	font-weight: 500
}

.radius-circle {
	border-radius: 50%
}

.cmn-social li .icons {
	width: 36px;
	min-width: 36px;
	height: 36px
}

.cmn-social li .icons i {
	transition: all .5s
}

.cmn-social li .icons:hover i {
	color: var(--s3)
}

.cmn-social.alt li .icons {
	width: 40px;
	min-width: 40px;
	height: 40px
}

.texta {
	position: relative;
	width: 160px;
	height: 160px;
	color: var(--n900);
	font-size: 14px;
	animation: textRotation 18s linear infinite
}

@keyframes textRotation {
	to {
		transform: rotate(360deg)
	}
}

.texta span {
	position: absolute;
	left: 50%;
	font-size: 14px;
	transform-origin: 0 90px;
	color: var(--n900);
	font-weight: 600 !important;
	text-transform: uppercase
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translate3d(0, 50%, 0)
	}

	100% {
		opacity: 1;
		transform: none
	}
}

@keyframes fadeIn1st {
	0% {
		opacity: 0;
		transform: translate3d(10%, 0, 0)
	}

	100% {
		opacity: 1;
		transform: none
	}
}

@keyframes fadeIn2nd {
	0% {
		opacity: 0;
		transform: translate3d(-10%, 0, 0)
	}

	100% {
		opacity: 1;
		transform: none
	}
}

@keyframes rotates {
	100% {
		transform: rotate(360deg)
	}
}

@keyframes zin {
	50% {
		transform: scale(1.1)
	}
}

@keyframes updown {
	50% {
		transform: translateY(-10px)
	}
}

.swiper-wrapper {
	transition-timing-function: linear !important
}

.w-fit {
	width: -moz-fit-content !important;
	width: fit-content !important
}

.header-section {
	width: 100%;
	z-index: 100
}

.header-section .container {
	max-width: 1700px;
	margin: 0 auto
}

.header-section .nav-brand {
	max-width: 265px
}

@media(max-width: 991px) {
	.header-section .nav-brand {
		max-width: 150px
	}
}

@media(max-width: 991px) {
	.header-section .main-navbar .navbar-toggle-item {
		display: none
	}
}

@media(min-width: 992px) {
	.header-section .main-navbar .navbar-toggle-item {
		display: initial !important
	}
}

.header-section .main-navbar .custom-nav .menu-item button::after {
	position: absolute;
	content: "";
	font-family: "FontAwesome";
	font-weight: 500;
	font-size: 14px;
	right: 0px;
	z-index: -1;
	transition: all 1s ease
}

.header-section .main-navbar .custom-nav .menu-item .sub-menu .menu-link a {
	color: var(--n900)
}

.header-section .main-navbar .custom-nav .menu-item .sub-menu .menu-link a:hover {
	color: var(--p300)
}

.header-section .main-navbar .custom-nav .menu-item,
.header-section .main-navbar .custom-nav .menu-link {
	color: var(--n900)
}

.header-section .main-navbar .custom-nav .menu-item button,
.header-section .main-navbar .custom-nav .menu-item a,
.header-section .main-navbar .custom-nav .menu-link button,
.header-section .main-navbar .custom-nav .menu-link a {
	transition: all .5s;
	font-size: 18px
}

@media(max-width: 991px) {

	.header-section .main-navbar .custom-nav .menu-item button,
	.header-section .main-navbar .custom-nav .menu-item a,
	.header-section .main-navbar .custom-nav .menu-link button,
	.header-section .main-navbar .custom-nav .menu-link a {
		font-size: 16px !important;
		font-weight: 400 !important
	}
}

@media(max-width: 575px) {

	.header-section .main-navbar .custom-nav .menu-item button,
	.header-section .main-navbar .custom-nav .menu-item a,
	.header-section .main-navbar .custom-nav .menu-link button,
	.header-section .main-navbar .custom-nav .menu-link a {
		font-size: 14px
	}
}

.header-section .main-navbar .custom-nav .menu-item button:hover,
.header-section .main-navbar .custom-nav .menu-item button.active,
.header-section .main-navbar .custom-nav .menu-item a:hover,
.header-section .main-navbar .custom-nav .menu-item a.active,
.header-section .main-navbar .custom-nav .menu-link button:hover,
.header-section .main-navbar .custom-nav .menu-link button.active,
.header-section .main-navbar .custom-nav .menu-link a:hover,
.header-section .main-navbar .custom-nav .menu-link a.active {
	color: var(--p300)
}

@media(max-width: 991px) {
	.header-section .main-navbar .custom-nav {
		width: 100%;
		box-shadow: rgba(0, 0, 0, .15) 0px 2px 8px;
		padding: 26px;
		/* height: 44vh !important; */
		overflow: auto !important
	}

	.header-section .main-navbar .custom-nav .sub-menu {
		display: none;
		padding: 10px 14px 14px;
		border-left: 2px solid var(--p1);
		margin-top: 20px;
		margin-bottom: 10px;
		background: var(--bg2) !important
	}

	.header-section .main-navbar .custom-nav .sub-menu li a {
		font-size: 14px !important;
		font-weight: 400 !important;
		letter-spacing: 2px;
		color: var(--n900)
	}
}

@media(min-width: 992px) {
	.header-section .main-navbar .custom-nav .menu-item {
		padding: 34px 0
	}

	.header-section .main-navbar .custom-nav .menu-item button:hover button::after {
		transform: rotate(-180deg)
	}

	.header-section .main-navbar .custom-nav .sub-menu {
		position: absolute;
		top: 20px;
		left: -30px;
		min-width: 240px;
		opacity: 0;
		width: -moz-max-content;
		width: max-content;
		visibility: hidden;
		transform: translateY(50px);
		text-wrap: nowrap;
		transition: var(--transition);
		display: initial !important;
		background: var(--n0);
		z-index: 10;
		pointer-events: none;
		box-shadow: rgba(149, 157, 165, .2) 0px 8px 24px
	}

	.header-section .main-navbar .custom-nav .sub-menu .sub-menu {
		border-left: 2px solid var(--p1);
		left: 99%;
		top: -55px;
		z-index: 9
	}
}

@media(min-width: 992px) {
	.header-section .main-navbar .custom-nav .menu-item {
		position: relative
	}

	.header-section .main-navbar .custom-nav .menu-item:hover>.sub-menu {
		opacity: 1;
		visibility: visible;
		transform: translateY(60px);
		pointer-events: auto
	}
}

.header-section .main-navbar .custom-nav::-webkit-scrollbar {
	width: 2px
}

.header-section .main-navbar .navbar-toggle-btn {
	width: 36px;
	height: 24px;
	position: relative;
	right: 0;
	transition: var(--transition);
	top: 0
}

.header-section .main-navbar .navbar-toggle-btn span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: var(--n900);
	border-radius: 9px;
	opacity: 1;
	left: 0;
	transform: rotate(0deg);
	transition: var(--transition)
}

.header-section .main-navbar .navbar-toggle-btn span:nth-child(1) {
	top: 0
}

.header-section .main-navbar .navbar-toggle-btn span:nth-child(2),
.header-section .main-navbar .navbar-toggle-btn span:nth-child(3) {
	top: 12px
}

.header-section .main-navbar .navbar-toggle-btn span:nth-child(4) {
	top: 24px
}

.header-section .main-navbar .navbar-toggle-btn.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%
}

.header-section .main-navbar .navbar-toggle-btn.open span:nth-child(2) {
	transform: rotate(45deg)
}

.header-section .main-navbar .navbar-toggle-btn.open span:nth-child(3) {
	transform: rotate(-45deg)
}

.header-section .main-navbar .navbar-toggle-btn.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%
}

@media(max-width: 991px) {
	.header-section {
		padding: 24px 0;
		background: var(--n0)
	}
}

.inner-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transition: .4s
}

.header-fixed {
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
	background: var(--bg1)
}

.header-fixed .change-color {
	color: var(--s2)
}

.footer {
	z-index: 1
}

.footer .biman-b {
	position: absolute;
	right: 0;
	bottom: 20px;
	animation: lf 2s linear infinite;
	z-index: -1
}

.footer .biman-t {
	position: absolute;
	top: 24px;
	left: 0;
	animation: lf 2s linear infinite;
	z-index: -1
}

@media(max-width: 1399px) {
	.footer .biman-b {
		opacity: .5
	}

	.footer .biman-t {
		opacity: .5
	}
}

@keyframes lf {
	50% {
		transform: translateX(-10px)
	}
}

.footer-top .cmn-social li a i {
	font-size: 18px
}

.footer-top .cmn-social li a:hover {
	background: var(--p1)
}

.footer-top .cmn-social li a:hover i {
	color: var(--n0)
}

.footer-link li a {
	position: relative;
	transition: all .5s
}

.footer-link li a::before {
	position: absolute;
	left: 10px;
	top: 2px;
	width: 2px;
	height: 80%;
	background: var(--b75);
	content: "";
	transition: all .5s;
	opacity: 0;
	visibility: hidden
}

.footer-link li a:hover {
	padding-left: 10px
}

.footer-link li a:hover::before {
	left: 0;
	opacity: 1;
	visibility: visible
}

.max-408 {
	max-width: 408px
}

.copyright {
	border-top: 1px solid var(--n0)
}

.footer-find {
	overflow: hidden;
	transition: all .4s;
	border-radius: 8px
}

.footer-find img {
	overflow: hidden;
	transition: all .4s;
	animation: sclc 2s linear infinite;
	border-radius: 8px
}

@keyframes sclc {
	50% {
		transform: scale(1.1)
	}
}

.choose-customization-item {
	transition: all .4s
}

.choose-customization-item .serial {
	min-width: 51px;
	border-right: 1px solid var(--n900);
	height: 60px;
	font-weight: 700;
	font-size: 48px;
	line-height: 120%;
	transition: all .4s;
	display: flex;
	align-items: center
}

.choose-customization-item:hover {
	background: var(--p1)
}

.choose-customization-item:hover .serial {
	color: var(--n0);
	border-right: 1px solid var(--n0)
}

.choose-customization-item:hover h5,
.choose-customization-item:hover p {
	color: var(--n0)
}

@media(max-width: 575px) {
	.choose-customization-item .serial {
		min-width: 36px;
		font-size: 30px
	}
}

.working-process-item {
	transition: all .5s
}

.working-process-item .working-icon {
	width: 76px;
	min-width: 76px;
	height: 76px;
	background: var(--p50);
	transition: all .4s
}

.working-process-item:hover p {
	color: var(--n0)
}

.working-process-item:hover h5 a {
	color: var(--n0)
}

.working-process-item:hover .working-icon {
	background: var(--n0)
}

@media(max-width: 1399px) {
	.working-process-item .working-icon {
		width: 64px;
		min-width: 64px;
		height: 64px
	}
}

@media(max-width: 1199px) {
	.working-process-item .working-icon {
		width: 48px;
		min-width: 48px;
		height: 48px
	}
}

.about-main-section {
	z-index: 1
}

.about-main-section .about-biman {
	position: absolute;
	z-index: 9;
	bottom: 120px;
	left: 100px;
	z-index: -1
}

@media(max-width: 1600px) {
	.about-main-section {
		padding-bottom: 50px
	}
}

@media(max-width: 991px) {
	.about-main-section .about-biman {
		display: none
	}
}

.team-expart-item .content .counters {
	border-bottom: 1px solid var(--n40)
}

.team-expart-item .content .counters h1 .odometer {
	padding-right: 10px;
	display: block;
	letter-spacing: 1px
}

.faq-thumb .faq-call {
	position: absolute;
	bottom: 0;
	left: 0
}

.faq-thumb .faq-call .icon {
	width: 60px;
	min-width: 60px;
	height: 60px;
	border: 1px solid var(--n900)
}

.faq-thumb .faq-call .icon i {
	font-size: 26px;
	color: var(--n900)
}

.faq-thumb .faq-call:hover a {
	color: var(--n0)
}

.faq .header-area {
	cursor: pointer
}

.faq .header-area button {
	font-size: 24px;
	font-weight: 500;
	transition: all .4s
}

@media(max-width: 1199px) {
	.faq .header-area button {
		padding-right: 16%
	}
}

.faq .header-area button::before,
.faq .header-area button::after {
	position: absolute;
	z-index: 1;
	right: -10px;
	border-radius: 5px
}

.faq .header-area button::before {
	content: "";
	background-color: var(--n900);
	width: 32px;
	min-width: 32px;
	height: 32px;
	transition: var(--transition)
}

.faq .header-area button::after {
	font-family: "Font Awesome 5 Free";
	content: "";
	font-size: 15px;
	transform: rotate(0deg);
	transition: var(--transition);
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--n0);
	width: 32px;
	min-width: 32px;
	height: 32px
}

.faq .content-area {
	display: none
}

.faq .active button::after {
	font-family: "Font Awesome 5 Free";
	content: "";
	font-size: 15px;
	transform: rotate(180deg);
	color: var(--p1)
}

.faq .active button::before {
	background-color: var(--n0);
	color: var(--p1) !important
}

.faq .accordion-single.active {
	background: var(--p1)
}

.faq .accordion-single.active button {
	color: var(--n0)
}

.faq .accordion-single.active p {
	color: var(--n0)
}

@media(max-width: 1199px) {
	.faq .header-area button {
		font-size: 18px
	}
}

.about-vission {
	display: flex;
	align-items: center;
	gap: 50px
}

.about-vission .line {
	background: var(--n30);
	width: 1px;
	height: 200px
}

.about-vission .icon {
	width: 68px;
	height: 68px;
	border: 1px dashed var(--p1);
	background: #e9effe
}

@media(max-width: 1199px) {
	.about-vission .line {
		height: 150px
	}
}

@media(max-width: 575px) {
	.about-vission {
		gap: 24px
	}

	.about-vission .icon {
		width: 48px;
		height: 48px
	}
}

@media(max-width: 500px) {
	.about-vission {
		flex-wrap: wrap
	}

	.about-vission .line {
		display: none
	}
}

.about-thumb-area2 {
	max-width: 540px;
	position: relative;
	margin-left: auto
}

.about-thumb-area2 .textcircle {
	border-radius: 50%;
	width: 200px;
	height: 200px;
	background: var(--n0);
	position: absolute;
	left: -80px;
	top: 40px;
	transform: translateY(-50%)
}

.about-thumb-area2 .textcircle .texta {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 180px;
	height: 180px;
	border-radius: 50%
}

.about-thumb-area2 .textcircle .area-thumb {
	background: var(--p1);
	width: 120px;
	height: 120px;
	border-radius: 50%;
	position: absolute;
	top: 40px;
	left: 40px
}

.about-thumb-area2 .about-counting2 {
	background: var(--p1);
	padding: 36px 28px;
	gap: 50px;
	max-width: 515px;
	position: absolute;
	left: -60px;
	bottom: 48px
}

.about-thumb-area2 .about-counting2 .line {
	height: 75px;
	width: 1px;
	border-left: 1px dashed var(--n0)
}

.about-thumb-area2 .about-counting2::before {
	position: absolute;
	left: 0;
	top: -59px;
	content: "";
	width: 60px;
	height: 60px;
	-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	background: var(--p1)
}

@media(max-width: 1199px) {
	.about-thumb-area2 .textcircle {
		left: 10px;
		top: 110px
	}
}

@media(max-width: 991px) {
	.about-thumb-area2 {
		max-width: 100%
	}

	.about-thumb-area2 .about-counting2 {
		justify-content: center;
		background: var(--p1);
		padding: 24px 24px;
		gap: 24px;
		max-width: 100%;
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0px
	}

	.about-thumb-area2 .about-counting2 .line {
		height: 60px
	}

	.about-thumb-area2 .about-counting2::before {
		display: none
	}

	.about-thumb-area2 .textcircle {
		left: 10px;
		top: 110px
	}
}

@media(max-width: 450px) {
	.about-thumb-area2 {
		/* max-width: 100%; */
		/* top: 200px; */
		position: relative;
		/* Ensures proper stacking */
		display: flex;
		flex-direction: column;
		align-items: center;
		/* gap: 20px; */
	}

	.about-thumb-area2 .about-counting2 {
		/* padding: 24px 18px;
        gap: 14px;
        max-width: 100%;
        width: 100%;
        position: initial;
        left: 0;
        bottom: 0px */
		order: 3;
		/* Appears last */
		width: 100%;
		text-align: center;
		position: relative;
		z-index: 1;
	}

	.about-thumb-area2 .about-counting2 .line {
		height: 60px
	}

	.about-thumb-area2 .about-counting2::before {
		display: none
	}

	.about-thumb-area2 .textcircle {
		/* left : 10px;
		top: 110px;
		display: none; */
		/* left: 50vw; */
		/* top: 0px; */
		/* transform: translate(-50%,-105%); */
		display: block;
		/* Make sure it's visible */
		order: 1;
		/* Appears first */
		position: relative;
		z-index: 3;
	}

	.about-thumb-area2 img {
		order: 2;
		/* Appears second */
		max-width: 100%;
		height: auto;
		z-index: 2;
		padding-top: 20px;
	}



}

.percels-wrapper .nav-tabs {
	display: flex;
	align-items: center
}

.percels-wrapper .nav-tabs .nav-item .nav-link {
	font-size: 16px;
	font-weight: 500;
	color: var(--n900);
	border-radius: unset;
	background: var(--n0);
	width: 150px;
	border: unset;
	padding: 14px 16px;
	border-left: 1px solid rgba(0, 5, 19, .05)
}

.percels-wrapper .nav-tabs .nav-item .nav-link.active {
	background: var(--s1);
	color: var(--n900)
}

.percels-wrapper .tab-content {
	box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, .03), 0px 12px 16px -4px rgba(16, 24, 40, .08) !important
}

.percels-wrapper .percel-wrapper-information {
	padding: 28px;
	border: 1px solid rgba(0, 5, 19, .1)
}

.percels-wrapper .percel-wrapper-information .return-form-inner form {
	max-width: 420px
}

.percels-wrapper .percel-wrapper-information .return-form-inner form input {
	border: 1px solid rgba(0, 5, 19, .05);
	background: #f5f5f6;
	width: 100%;
	height: 52px;
	border-radius: 0
}

.percels-wrapper .percel-wrapper-information .return-form-inner form button {
	height: 52px;
	width: 52px;
	background: var(--p1)
}

.percels-wrapper .percel-wrapper-information .return-form-inner form button i {
	color: var(--n0)
}

.percels-wrapper .percel-wrapper-information .return-form-inner.tracking-number form {
	max-width: 670px
}

.percels-wrapper .percel-wrapper-information .return-form-inner.tracking-number form .cmn-btn {
	width: 232px;
	height: 52px
}

@media(max-width: 500px) {
	.percels-wrapper .percel-wrapper-information .return-form-inner.tracking-number form {
		flex-wrap: wrap
	}

	.percels-wrapper .percel-wrapper-information .return-form-inner.tracking-number form .cmn-btn {
		width: 100%
	}
}

@media(max-width: 1199px) {
	.percels-wrapper .percel-wrapper-information {
		padding: 20px 18px
	}
}

@media(max-width: 500px) {
	.percels-wrapper .nav-tabs {
		display: flex;
		align-items: center
	}

	.percels-wrapper .nav-tabs .nav-item {
		width: 100%
	}

	.percels-wrapper .nav-tabs .nav-item .nav-link {
		font-size: 16px;
		font-weight: 500;
		color: var(--n900);
		border-radius: unset;
		width: 100%;
		border: unset;
		padding: 14px 16px;
		border-left: unset;
		border: 1px solid rgba(0, 5, 19, .05);
		margin-bottom: 10px
	}

	.percels-wrapper .nav-tabs .nav-item .nav-link.active {
		background: var(--s1);
		color: var(--n900)
	}
}

.ui-datepicker {
	background-color: #fff;
	box-shadow: var(--box-shadow-p1);
	z-index: 1100 !important
}

.ui-datepicker .ui-state-default {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: var(--transition)
}

.ui-datepicker .ui-state-default:hover,
.ui-datepicker .ui-state-default.ui-state-highlight {
	background-color: #ff0;
	color: green
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0;
	top: 2px;
	cursor: pointer;
	margin: 4px;
	position: absolute
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: none
}

.ui-datepicker .ui-datepicker-prev::after,
.ui-datepicker .ui-datepicker-next::after {
	font-family: "Font Awesome 5 Free";
	content: "";
	display: inline-block;
	padding-right: 3px;
	vertical-align: middle;
	font-weight: 900
}

.ui-datepicker .ui-datepicker-next {
	left: initial;
	right: 0
}

.ui-datepicker .ui-datepicker-next span {
	display: none
}

.ui-datepicker .ui-datepicker-next::after {
	transform: rotate(180deg)
}

.date-picker-item {
	border: 1px solid rgba(0, 5, 19, .05);
	background: #f5f5f6;
	display: flex;
	align-items: center;
	padding-left: 16px;
	height: 50px;
	transition: all .4s
}

.date-picker-item input {
	width: 100%;
	border: 0;
	padding-left: 18px;
	outline: none;
	font-size: 14px !important
}

.date-picker-item input::-moz-placeholder {
	font-size: 14px
}

.date-picker-item input::placeholder {
	font-size: 14px
}

.date-picker-item .text-area {
	position: absolute
}

.date-picker-item:hover {
	background: var(--p1)
}

.pick-body {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 -4px 8px rgba(0, 0, 0, .2);
	padding: 20px;
	transition: all .4s ease;
	z-index: 1000;
	transform: scale(0)
}

.pick-body.show {
	transform: scale(1);
	top: 100%
}

@keyframes rots1 {
	100% {
		transform: scale(1.2)
	}
}

@keyframes cirs {
	50% {
		transform: translateY(-10px) translateX(-10px)
	}

	80% {
		transform: translateY(10px) translateX(10px)
	}
}

.error-section {
	height: 100vh;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

@media(max-width: 1199px) {

	.hero-section p {
		max-width: 560px !important
	}
}

/*hero-section-zigo - hero-style-zigo*/
.hero-section.hero-style-zigo .container {
	max-width: 1730px;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

.hero-section.hero-style-zigo .hero-content2 .su-text,
.hero-section.hero-style-zigo .hero-content2 .title-head {
	font-size: 74px;
	line-height: 120%;
	font-weight: 700;
	font-family: var(--h-font);
}

.hero-section.hero-style-zigo .hero-content2 .pra-grp {
	margin-top: 10px;
}


.hero-section.hero-style-zigo .hero2-thumb1 {
	position: absolute;
	top: 0;
	left: 0px;
	z-index: -1
}

.hero-section.hero-style-zigo .hero2-thumb2 {
	position: absolute;
	right: 0;
	bottom: 0
}

@media(max-width: 1500px) {

	.hero-section.hero-style-zigo .hero-content2 .su-text,
	.hero-section.hero-style-zigo .hero-content2 .title-head {
		font-size: 56px;
		line-height: 120%;
		font-weight: 700
	}
}

@media(max-width: 1399px) {

	.hero-section.hero-style-zigo .hero-content2 .su-text,
	.hero-section.hero-style-zigo .hero-content2 .title-head {
		font-size: 51px;
		line-height: 120%;
		font-weight: 700
	}
}

@media(max-width: 1199px) {

	.hero-section.hero-style-zigo .hero-content2 .su-text,
	.hero-section.hero-style-zigo .hero-content2 .title-head {
		font-size: 46px;
		line-height: 120%;
		font-weight: 700
	}

	.hero-section.hero-style-zigo .hero-content2 p {
		color: var(--n900)
	}
}

@media(max-width: 991px) {

	.hero-section.hero-style-zigo .hero-content2 .su-text,
	.hero-section.hero-style-zigo .hero-content2 .title-head {
		font-size: 37px;
		line-height: 120%;
		font-weight: 700
	}

	.hero-section.hero-style-zigo .hero2-thumb2 img {
		position: relative;
		max-width: 991px;
		right: initial;
		left: 50%;
		transform: translateX(-50%)
	}

	.hero-section.hero-style-zigo .hero-content2 p {
		color: var(--n900)
	}
}

@media(max-width: 769px) {

	.hero-section p {
		max-width: 100% !important;
	}

	.hero-section.hero-style-zigo .hero2-thumb2 img {
		position: relative;
		max-width: 769px;
		right: initial;
		left: 50%;
		transform: translateX(-50%)
	}

	.hero-section.hero-style-zigo .hero-content2 {
		margin-left: initial;
		margin: 0 auto;
		text-align: center;
		/* max-width: 730px; */
	}

	.hero-section.hero-style-zigo .hero-content2 .su-text,
	.hero-section.hero-style-zigo .hero-content2 .title-head {
		font-size: 37px;
		line-height: 120%;
		font-weight: 700;
		margin-top: 10px;
	}

	.hero-section.hero-style-zigo .hero-content2 p {
		color: var(--n900)
	}
}

@media(max-width: 510px) {

	.hero-section.hero-style-zigo .hero2-thumb1 {
		display: none
	}

	.hero-section.hero-style-zigo .hero2-thumb2 {
		max-width: 510px;
		/* right: initial; */
		left: 50%;
		transform: translateX(-50%)
	}
}

@keyframes identifier {}

@keyframes rots {
	50% {
		transform: rotate(10deg)
	}
}

.percels-section {
	margin-top: -200px;
	z-index: 2;
	position: relative
}

@media(max-width: 1399px) {
	.percels-section {
		margin-top: 60px
	}
}

.breadcrumnd-section {
	position: relative;
	z-index: 1
}

@keyframes twing {
	50% {
		transform: scale(1.2);
		opacity: .2
	}

	80% {
		transform: scale(1.4);
		opacity: .4
	}

	100% {
		transform: scale(1.5);
		opacity: 0
	}
}

.main-formwrap {
	/* background: url(../images/contact/contact-formbg.png) no-repeat center center; */
	background-color: var(--p1);
	background-size: cover;
	padding: 50px
}

.main-formwrap form .control-grp textarea,
.main-formwrap form .control-grp .nice-select,
.main-formwrap form .control-grp input {
	padding: 14px 32px;
	background: var(--n0);
	color: #666971;
	border-radius: 0;
	border: unset;
	outline: none
}

.main-formwrap form .control-grp ::-moz-placeholder {
	color: #666971
}

.main-formwrap form .control-grp ::placeholder {
	color: #666971
}

@media(max-width: 1399px) {
	.main-formwrap {
		padding: 80px
	}

	.main-formwrap form .control-grp .nice-select,
	.main-formwrap form .control-grp input {
		padding: 10px 18px
	}
}

@media(max-width: 1199px) {
	.main-formwrap {
		padding: 60px
	}
}

@media(max-width: 991px) {
	.main-formwrap {
		padding: 40px
	}
}

@media(max-width: 767px) {
	.main-formwrap {
		padding: 30px
	}
}

@media(max-width: 575px) {
	.main-formwrap {
		padding: 20px
	}
}

.testimonial-section {
	z-index: 1
}

.testimonial-section .swiper-slide.swiper-slide-active .testimonial-item {
	background: var(--p1)
}

.testimonial-section .swiper-slide.swiper-slide-active .testimonial-item .thumb {
	border-color: var(--n0)
}

.testimonial-section .swiper-slide.swiper-slide-active .testimonial-item h5,
.testimonial-section .swiper-slide.swiper-slide-active .testimonial-item p,
.testimonial-section .swiper-slide.swiper-slide-active .testimonial-item h6,
.testimonial-section .swiper-slide.swiper-slide-active .testimonial-item span {
	color: var(--n0)
}

.testimonial-section .swiper-slide.swiper-slide-active .testimonial-item .quote {
	opacity: .5
}

.testimonial-section.testimonial-v2 .slider-btn button {
	transition: all .4s
}

.testimonial-section.testimonial-v2 .slider-btn button:hover {
	background: var(--p1)
}

.testimonial-section.testimonial-v2 .slider-btn button:hover i {
	color: var(--n0)
}

@keyframes runnings {
	100% {
		transform: rotate(360deg)
	}
}

.left-right-effect {
	position: relative;
	z-index: 1;
	overflow: hidden
}

.left-right-effect::before,
.left-right-effect::after {
	position: absolute;
	content: "";
	transition: all .8s;
	z-index: -1
}

.left-right-effect::before {
	width: 52%;
	height: 100%;
	background: var(--p1);
	top: 0;
	left: -52%
}

.left-right-effect::after {
	width: 52%;
	height: 100%;
	background: var(--p1);
	top: 0;
	right: -52%
}

.left-right-effect:hover::before {
	left: 48%
}

.left-right-effect:hover::after {
	right: 48%
}

.partnered-wrapper .partnered-item {
	max-width: 125px
}

.partnered-wrapper .partnered-item img {
	/* width: 100%; */
	height: 80px;
	-o-object-fit: contain;
	object-fit: contain
}

.choose-section {
	position: relative;
	z-index: 1
}

@media(max-width: 500px) {
	.choose-bg {
		background: #fff !important;
	}
}

.portfolio-video {
	position: absolute;
	width: 96px;
	height: 96px;
	background: var(--n0);
	z-index: 1
}

.portfolio-video i {
	font-size: 24px
}

.portfolio-video::before,
.portfolio-video::after {
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	border: 1px solid var(--n0);
	border-radius: 50%
}

.portfolio-video::before {
	transition: all .3s;
	animation: scsl 2s linear infinite
}

.portfolio-video::after {
	transition: all .4s;
	animation: scsl2 3s linear infinite
}

@media(max-width: 991px) {
	.portfolio-video {
		width: 55px;
		height: 55px
	}

	.portfolio-video i {
		font-size: 18px
	}
}

@keyframes scsl {
	50% {
		transform: scale(1.05);
		opacity: 1
	}

	60% {
		transform: scale(1.09);
		opacity: .6
	}

	80% {
		transform: scale(1.1);
		opacity: .3
	}

	90% {
		transform: scale(1.2);
		opacity: .2
	}

	100% {
		transform: scale(1.3);
		opacity: 0
	}
}

@keyframes scsl2 {
	50% {
		transform: scale(1.05);
		opacity: 1
	}

	60% {
		transform: scale(1.09);
		opacity: .6
	}

	80% {
		transform: scale(1.1);
		opacity: .3
	}

	90% {
		transform: scale(1.2);
		opacity: .2
	}

	100% {
		transform: scale(1.3);
		opacity: 0
	}
}

.odometer-digit {
	padding-right: 0.05em;
	/* espacio extra para evitar corte del 0 */
}

.accordion-button:not(.collapsed) {
	color: var(--p1) !important;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	clear: both;
	display: block;
}

.wp-block-cover-text p {
	padding: 1.5em 16px;
}

@media screen and (min-width: 768px) {
	.wp-block-cover-text p {
		padding: 1.5em 0;
	}
}

ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
	padding: 0 16px;
}

ol.wp-block-latest-comments {
	padding-left: 0;
}

header h2 a {
	color: rgba(0, 0, 0, 0.9);
	text-decoration: none;
}

header h2 a:hover {
	text-decoration: underline;
}

.has-drop-cap:not(:focus):first-letter {
	float: left;
	font-size: 8.4em;
	line-height: .68;
	font-weight: 100;
	margin: .05em .1em 0 0;
	text-transform: uppercase;
	font-style: normal;
}

.long-read {
	font-size: clamp(1em, calc(0.625em + 1vw), 1.25em);
	line-height: inherit;
}

.wp-block-code {
	padding: 0.5em 1em;
	margin: 0 0 1.5rem;
}

.entry-content ul:not(.blocks-gallery-grid),
.entry-content ol {
	margin: 0 auto 1.5em auto;
	max-width: 720px;
	list-style-position: outside;
}

.entry-content li {
	margin-left: 2.5em;
}

.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
	margin: 0 auto;
}

.entry-content ul ul li,
.entry-content ol ol li,
.entry-content ul ol li,
.entry-content ol ul li {
	margin-left: 0;
}

.wp-block-quote {
	margin-left: 16px;
	margin-right: 16px;
	padding: 0;
}

.wp-block-quote>* {
	margin-left: 1rem;
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
	margin: 36px auto;
	padding: 0;
}

.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
	font-size: 13px;
	font-size: 0.8125rem;
}

@media screen and (min-width: 768px) {
	.wp-block-quote {
		margin: 48px auto;
	}
}

.wp-block-pullquote>p:first-child {
	margin-top: 0;
}

.wp-block-pullquote.alignright {
	margin-left: 2rem;
}

.wp-block-pullquote.alignleft {
	margin-right: 2rem;
}

.wrap-md {
	width: 100%;
	max-width: 720px;
	margin-right: auto;
	margin-left: auto;
	padding-right: .75rem;
	padding-left: .75rem;
}

.wrap-lg {
	width: 100%;
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-right: .75rem;
	padding-left: .75rem;
}

.entry-content>.alignwide,
.wp-block-image.alignwide,
.wp-block-gallery.alignwide {
	width: 100vw;
	max-width: 1100px;
	margin: 1.5em 0 1.5em 50%;
	transform: translateX(-50%);
}

.entry-content>.alignwide>img {
	width: 1320px;
}

.entry-content>.alignfull,
.wp-block-image.alignfull,
.wp-block-gallery.alignfull {
	width: 100vw;
	max-width: 100vw;
	margin: 1.5em 0 1.5em 50%;
	transform: translateX(-50%);
}

.entry-content>.alignfull>img {
	width: 100vw;
}

.wp-block-columns {
	padding-right: 1rem;
	padding-left: 1rem;
}

.wp-block-separator {
	margin: 3em auto;
	padding: 0;
}

.wp-block-group>.wp-block-group__inner-container>* {
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}

.wp-block-group>.wp-block-group__inner-container>.alignwide {
	width: 100vw;
	max-width: 1100px;
	margin: 1.5em 0 1.5em 50%;
	transform: translateX(-50%);
}

.wp-block-group>.wp-block-group__inner-container>.alignfull {
	width: 100vw;
	max-width: 100vw;
	margin: 1.5em 0 1.5em 50%;
	transform: translateX(-50%);
}

.wp-block-group.has-background>.wp-block-group__inner-container> :first-child {
	margin-top: 0;
}

.wp-block-group.has-background>.wp-block-group__inner-container>.alignfull {
	width: calc(100% + 60px);
	max-width: calc(100% + 60px);
	position: relative;
	left: -30px;
}

img,
.size-large {
	max-width: 100%;
	height: auto;
}

.wp-block-image img {
	display: block;
}

.wp-block-image.alignleft,
.wp-block-image.alignright {
	width: 100%;
}

.wp-block-image.alignfull img {
	width: 100vw;
}

.wp-block-image .alignleft img,
.wp-block-image .alignright img,
.wp-block-image .alignleft figcaption,
.wp-block-image .alignright figcaption {
	max-width: 100%;
	width: 100%;
}

.wp-block-image .alignfull,
.wp-block-gallery.alignfull {
	width: 100vw;
}

.wp-block-image .alignright,
.wp-block-image .alignleft,
.wp-block-gallery.alignright,
.wp-block-gallery.alignleft {
	max-width: calc((720px / 2) - 16px);
}

.wp-block-image .alignright,
.wp-block-gallery.alignright {
	margin-left: 2rem;
}

.wp-block-image .alignleft,
.wp-block-gallery.alignleft {
	margin-right: 2rem;
}

.wp-block-embed.type-video>.wp-block-embed__wrapper {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
}

.wp-block-embed.type-video>.wp-block-embed__wrapper>iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.wp-block-video video {
	max-width: 720px;
}

.wp-block-table {
	overflow-x: auto;
	margin: 1.5rem0;
}

.wp-block-table table {
	border-collapse: collapse;
}

.wp-block-table td,
.wp-block-table th {
	padding: .5em;
}

#comments,
#reply-title {
	margin-top: 1.5rem;
	margin-bottom: 1rem;
}

.comment-list,
.comment-list ul {
	padding-left: 0;
}

.comment-list li {
	padding: 1rem;
}

.comment-meta {
	margin-bottom: 1rem;
}

.comment-list,
.comment-list .children {
	list-style-type: none;
}

.comment {
	border: 1px solid #dee2e6;
	border-radius: .25rem;
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

main {
	flex: 1 0 auto;
}