@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";

:root {
	--body-font: "Prompt", sans-serif;
	--transition: all 0.5s ease-in-out;
	--p1: #235CF2;
	--p50: #e9effe;
	--p75: #a5bcfa;
	--p100: #7fa0f7;
	--p200: #4878f4;
	--p300: #235cf2;
	--p400: #1940a9;
	--p500: #153894;
	--pra: #4A5551;
	--s1: #FCB407;
	--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-one {
	font-size: 120px
}

.display-two {
	font-size: 96px
}

.display-three {
	font-size: 88px;
	line-height: 120%
}

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

.display-five {
	font-size: 56px
}

.display-six {
	font-size: 48px
}

.pragraph {
	font-size: 18px
}

@media(max-width: 575px) {
	.pragraph {
		font-size: 16px
	}
}

.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
	}
}

.pagination-more-item {
	width: 40px;
	min-width: 40px;
	height: 40px
}

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

.pb120 {
	padding-bottom: 120px
}

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

@media(max-width: 1199px) {
	.display-one {
		font-size: 72px;
		line-height: 86.4px
	}

	.display-two {
		font-size: 64px;
		line-height: 76.8px
	}

	.display-three {
		font-size: 56px;
		line-height: 67.2px
	}

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

	.display-five {
		font-size: 42px;
		line-height: 54.6px
	}

	.display-six {
		font-size: 32px;
		line-height: 38.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
	}

	.banner-section .overlay .sec-img {
		display: none
	}
}

@media(max-width: 575px) {
	.display-one {
		font-size: 56px;
		line-height: 67.2px
	}

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

	.display-three {
		font-size: 42px;
		line-height: 54.6px
	}

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

	.display-five {
		font-size: 24px;
		line-height: 31.2px
	}

	.display-six {
		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%
	}
}

.black-vs {
	border: 1px solid var(--n900);
	transition: all .4s
}

.black-vs:hover {
	background: var(--p1);
	border-color: var(--p1)
}

.badge-sub4 {
	position: relative;
	padding-left: 14px
}

.badge-sub4::after {
	content: "";
	position: absolute;
	left: 0;
	width: 4px;
	height: 70%;
	background: var(--p1)
}

#popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	transition: all .4s
}

#popup-overlay.active {
	display: flex;
	opacity: 1;
	visibility: visible
}

#popup-overlay.active .popup {
	transform: translateY(0)
}

.hidden-newsletter .popup {
	background-color: #fff;
	padding: 20px;
	border-radius: 10px;
	text-align: center;
	box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
	width: 90%;
	max-width: 884px;
	transform: translateY(200px);
	transition: all .6s;
	display: flex;
	align-items: center
}

.hidden-newsletter .popup .newsletter-form-content {
	max-width: 370px;
	margin: 0 auto;
	padding: 24px 20px
}

.hidden-newsletter .popup .newsletter-form-content .email-items {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--n80);
	padding: 1px 14px;
	gap: 6px
}

.hidden-newsletter .popup .newsletter-form-content .email-items i {
	color: var(--n80);
	font-size: 14px
}

.hidden-newsletter .popup .newsletter-form-content .email-items input {
	outline: none;
	padding: 10px 0;
	width: 100%;
	border: unset
}

.hidden-newsletter .close-btn {
	position: absolute;
	top: 10px;
	right: 16px;
	font-size: 26px;
	cursor: pointer;
	color: #000
}

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-one,
.display-two,
.display-three,
.display-four,
.display-five,
.display-six,
.heading {
	font-family: var(--body-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-one span,
.display-two span,
.display-three span,
.display-four span,
.display-five span,
.display-six 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-one i,
.display-two i,
.display-three i,
.display-four i,
.display-five i,
.display-six 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
}

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

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

.alt-color a,
.alt-color p,
.alt-color span,
.alt-color h1,
.alt-color h2,
.alt-color h3,
.alt-color h4,
.alt-color h5,
.alt-color h6,
.alt-color i,
.alt-color select,
.alt-color button {
	transition: all .4s
}

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)
}

.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)
}

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

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

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

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

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

.s2hover {
	transition: all .4s
}

.s2hover:hover {
	color: var(--s2) !important
}

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

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

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

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

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

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

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

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

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

.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)
}

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

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

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

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

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

.fw-600 {
	font-weight: 600
}

.fw-700 {
	font-weight: 700
}

.fw-800 {
	font-weight: 800
}

.ul-dots li {
	list-style: disc
}

.ul-decimal li {
	list-style: decimal
}

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
}

.cmn-rightclickbody-profile::-webkit-scrollbar {
	width: 2px
}

.cmn-rightclickbody::-webkit-scrollbar {
	width: 2px
}

.cmn-leftclickbody::-webkit-scrollbar {
	width: 2px
}

.scrolling-chat::-webkit-scrollbar {
	width: 2px
}

*::-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);
	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);
	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-btn-alt::after,
.cmn-btn.cmn-btn-alt::before {
	background: #e7a200
}

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

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

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

.reading-btn .text {
	font-size: 18px;
	font-weight: 600;
	color: var(--p1);
	text-decoration: underline;
	transition: all .4s
}

.reading-btn .arr {
	transition: all .4s
}

.reading-btn .arr i {
	font-size: 20px;
	line-height: 2.4
}

.reading-btn:hover .text {
	font-size: 17px
}

.reading-btn:hover .arr {
	transform: rotate(90deg)
}

.cmn-listing li {
	position: relative;
	display: flex;
	align-items: center;
	padding-left: 14px;
	font-size: 16px
}

.cmn-listing li::before {
	position: absolute;
	content: "";
	left: 0;
	width: 4px;
	height: 4px;
	background: var(--n900);
	border-radius: 50%
}

.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
	}
}

.cmn-arrows {
	width: 52px;
	min-width: 52px;
	height: 52px
}

.cmn-arrows .arrow1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all .5s
}

.cmn-arrows .arrow1 i {
	line-height: 2
}

.cmn-arrows .arrow2 {
	position: absolute;
	top: 50%;
	left: -50%;
	transform: translateY(-50%);
	transition: all .5s
}

.cmn-arrows .arrow2 i {
	line-height: 2
}

.cmn-arrows:hover .arrow1 {
	left: 150%;
	transform: translate(-50%, -50%)
}

.cmn-arrows:hover .arrow2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.cusz-1 {
	z-index: 1
}

.cusz1 {
	z-index: 1
}

.cusz2 {
	z-index: 2
}

.singleTab .nav-links {
	cursor: pointer
}

.singleTab .tabContents {
	position: relative
}

.singleTab .tabContents .tabItem {
	transform: translateY(100px);
	position: absolute;
	z-index: -1;
	top: 0;
	width: 100%;
	opacity: 0;
	transition: .8s all
}

.singleTab .tabContents .tabItem.active {
	position: initial;
	z-index: 1;
	opacity: 1;
	transform: translateY(0)
}

.singleTab.pros-cros .nav-item {
	border-radius: unset;
	background: rgba(12, 169, 64, .7);
	font-weight: 700;
	color: rgba(var(--p2))
}

.singleTab.pros-cros .nav-item .active {
	background: rgba(var(--p1))
}

.singleTab.pros-cros .nav-item button {
	transition: var(--transition)
}

.nice-select {
	background-color: rgba(0, 0, 0, 0);
	border: rgba(0, 0, 0, 0);
	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: rgba(0, 0, 0, 0)
}

.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: none;
	overflow: initial;
	box-shadow: rgba(0, 0, 0, .15) 0px 3px 3px 0px;
	width: 100%;
	top: 100%;
	padding: 0;
	max-height: 50vh;
	overflow-x: auto;
	padding: 8px 16px
}

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

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

.nice-select .list li {
	font-weight: 400;
	font-size: 14px;
    color: #666971;
}

.nice-select .option {
	background-color: rgba(0, 0, 0, 0);
	font-size: 16px;
	line-height: 150%;
	padding: 4px 5px;
	min-height: initial;
	font-weight: 500
}

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

.nice-select .current {
	font-weight: 400;
	font-size: 14px;
    color: #666971;
}


.checkbox-single {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.checkbox-single input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0
}

.checkbox-single .checkmark {
	position: absolute;
	left: 0;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	border: 1px solid var(--n40)
}

.checkbox-single .checkmark::after {
	content: ""
}

.checkbox-single input:checked~.checkmark::after {
	content: "done";
	position: absolute;
	font-family: "Material Symbols Outlined";
	color: var(--n500)
}

.checkbox-single input:checked~.checkmark:after {
	display: block
}

.single-radio {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	position: relative
}

.single-radio:hover input~.checkmark {
	background-color: rgba(0, 0, 0, 0)
}

.single-radio .checkmark {
	position: absolute;
	left: 0;
	height: 16px;
	width: 16px;
	border: 1px solid var(--p1);
	border-radius: 50%
}

.single-radio .checkmark::after {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0)
}

.single-radio input:checked~.checkmark {
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid
}

.single-radio input:checked~.checkmark::after {
	display: block;
	background: var(--p1)
}

.slide-button {
	outline: none;
	bottom: 0;
	padding: 0;
	width: 40px;
	height: 40px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	border-radius: 5px;
	z-index: 5
}

.slide-button.ara-prev {
	transform: rotate(180deg)
}

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

.radius100 {
	border-radius: 100px
}

.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
}

.input-area {
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid var(--n40)
}

.input-area:focus-within {
	border: 1px solid solid;
	outline: 1px solid var(--s2);
	border-color: rgba(0, 0, 0, 0)
}

.input-area input,
.input-area textarea {
	border-radius: 0;
	padding: 0;
	border: none;
	outline: none;
	background: rgba(0, 0, 0, 0);
	font-size: 16px
}

.input-area input::-moz-placeholder,
.input-area textarea::-moz-placeholder {
	color: var(--n300);
	font-weight: 500
}

.input-area input::placeholder,
.input-area textarea::placeholder {
	color: var(--n300);
	font-weight: 500
}

.input-area .nice-select {
	padding-right: 40px !important
}

.input-area .nice-select::-moz-placeholder {
	color: rgba(var(--n3), 1)
}

.input-area .nice-select::placeholder {
	color: rgba(var(--n3), 1)
}

.input-area .nice-select:focus,
.input-area .nice-select:hover {
	border: none;
	outline: none;
	color: rgba(var(--n3), 1)
}

.input-area .nice-select .current {
	color: rgba(var(--n3), 1);
	font-size: 16px;
	border: none;
	outline: none
}

.input-area .nice-select .list {
	border: 1px solid rgba(var(--n6), 0.2);
	bottom: initial;
	padding: 8px 16px;
	background: rgb(var(--bg1));
	color: rgba(var(--n3), 1)
}

.input-area .nice-select::after {
	display: block;
	right: 24px
}

.input-area.second {
	border-radius: 48px;
	border: 1px solid rgba(var(--n5), 1)
}

.input-area.second input {
	font-size: 16px
}

.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)
	}
}

.pre-built-sites {
	z-index: 9999
}

.pre-built-sites .sites-show-button {
	background-color: #292c36
}

.pre-built-sites .sites-show-button img {
	background: #48a133 !important
}

.pre-built-sites .buynow-button {
	background: #c72424 !important
}

.pre-built-sites .button-area {
	top: calc(50% - 100px)
}

.pre-built-sites .button-area button {
	writing-mode: vertical-rl
}

.pre-built-sites .close-button-area {
	z-index: 9999;
	opacity: 0;
	pointer-events: none
}

.pre-built-sites .close-button-area.active {
	pointer-events: visible;
	opacity: 1
}

.pre-built-sites .close-button-area button {
	width: 40px;
	min-width: 40px;
	height: 40px;
	background-color: #c72424
}

.pre-built-sites .demo-frame {
	transform: translate(70%, -5%) perspective(50px) rotateY(-25deg);
	transition: all ease-in-out 2s;
	position: fixed
}

.pre-built-sites .demo-frame.active {
	transform: translate(0%, 0%);
	width: 100%;
	height: 100%
}

.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
}

@media(min-width: 992px) {

	.header-section.light-version.header-fixed .main-navbar .custom-nav .menu-item a,
	.header-section.light-version.header-fixed .main-navbar .custom-nav .menu-item button {
		color: var(--n700)
	}

	.header-section.light-version.header-fixed .main-navbar .navbar-toggle-item .navbar-brand img {
		filter: brightness(1) !important
	}

	.header-section.light-version .main-navbar .custom-nav .menu-item a,
	.header-section.light-version .main-navbar .custom-nav .menu-item button {
		color: var(--n0)
	}

	.header-section.light-version .main-navbar .custom-nav .menu-item .sub-menu .menu-link a {
		color: var(--n700) !important
	}

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

	.header-section.light-version .main-navbar .navbar-toggle-item .navbar-brand img {
		filter: brightness(25) !important
	}
}

.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
	}

	.header-section .main-navbar .custom-nav .mega-menu-items {
		position: initial !important
	}

	.header-section .main-navbar .custom-nav .mega-menu-items .sub-mega-menu {
		margin: 0 350px;
		width: calc(100% - 700px);
		left: 0
	}

	.header-section .main-navbar .custom-nav .mega-menu-items .sub-mega-menu li ul li img {
		width: 36px;
		-o-object-fit: contain;
		object-fit: contain
	}

	.header-section .main-navbar .custom-nav .mega-menu-items .sub-mega-menu li ul .menu-link {
		padding: 10px 16px !important;
		display: block;
		font-size: 14px;
		transition: all .4s
	}

	.header-section .main-navbar .custom-nav .mega-menu-items .sub-mega-menu li ul .menu-link a {
		font-size: 16px
	}

	.header-section .main-navbar .custom-nav .mega-menu-items .sub-mega-menu li ul .menu-link.active,
	.header-section .main-navbar .custom-nav .mega-menu-items .sub-mega-menu li ul .menu-link:hover {
		background: #f5f5f6;
		color: var(--n900) !important
	}

	.header-section .main-navbar .custom-nav .mega-menu-items .sub-mega-menu li ul .menu-link.active a,
	.header-section .main-navbar .custom-nav .mega-menu-items .sub-mega-menu li ul .menu-link:hover a {
		color: var(--n900) !important
	}
}

@media(min-width: 992px)and (max-width: 1650px) {
	.header-section .main-navbar .custom-nav .mega-menu-items .sub-mega-menu {
		margin: 0 50px;
		width: calc(100% - 100px)
	}
}

@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%
}

.header-section .header-btn {
	transition: all .5s
}

.header-section .header-btn:hover {
	background: rgba(0, 0, 0, 0);
	border-color: var(--p300)
}

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

.header-section.header-sticky {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%
}

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

.book-btn:hover {
	background: var(--p300) !important;
	color: var(--n0);
	transform: scale(1.02)
}

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

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

.header-top-section {
	position: relative;
	z-index: 9
}

.header-top-section .nice-select {
	width: 50px
}

.header-top-section .nice-select .list {
	width: 100% !important;
	background: var(--n0);
	padding: 7px 4px
}

.header-top-section .nice-select::after {
	width: 8px;
	height: 8px;
	margin-top: 0;
	border-right: 2px solid var(--n0);
	border-bottom: 2px solid var(--n0)
}

.header-top-section .social a i {
	transition: all .4s
}

.header-top-section .social a:hover i {
	color: var(--s1)
}

.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 .f-ring {
	position: absolute;
	top: 50%;
	right: 32%;
	animation: fadeIn2nd 2s linear infinite
}

.footer-top .f-virus {
	position: absolute;
	top: 40px;
	left: 25%;
	animation: fadeInUp 5s linear infinite
}

.footer-top .f-tritch {
	position: absolute;
	bottom: 70px;
	left: 25%;
	animation: zin 2s linear infinite
}

.footer-top .f-tablet {
	position: absolute;
	left: 28%;
	top: 40%;
	animation: updown 2s linear infinite
}

.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
}

.footer-newsletter-logo {
	width: 80px
}

.newsletter-form {
	height: 64px
}

.newsletter-form .envelop {
	position: absolute;
	left: 14px;
	top: 22px
}

.newsletter-form .envelop i {
	font-size: 20px
}

.newsletter-form button,
.newsletter-form input {
	background: rgba(0, 0, 0, 0);
	height: 55px;
	border-radius: 0;
	outline: none;
	color: var(--n0)
}

.newsletter-form input {
	padding: 0px 16px 0 30px
}

.newsletter-form ::-moz-placeholder {
	color: var(--n0)
}

.newsletter-form ::placeholder {
	color: var(--n0)
}

.newsletter-form button {
	background: var(--s1);
	outline: none;
	width: 48px;
	min-width: 48px;
	height: 48px
}

.newsletter-form button i {
	color: var(--n900)
}

@media(max-width: 1399px) {
	.newsletter-form .envelop {
		display: none
	}

	.newsletter-form input {
		padding: 0px 16px 0 16px
	}
}

@media(max-width: 575px) {

	.newsletter-form button,
	.newsletter-form input {
		height: 40px;
		height: 40px;
		padding: 5px 16px;
		font-size: 16px
	}
}

.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
	}
}

.quote-logistics {
	z-index: 2
}

.quote-logistics .quote-shape {
	position: absolute;
	right: 0;
	bottom: 0
}

.quote-logistics::before {
	position: absolute;
	content: "";
	right: 0%;
	height: 100%;
	width: 78%;
	background: var(--p1)
}

.quote-logistics .quote-content {
	z-index: 1;
	position: relative
}

.quote-logistics .quoute-logistincs-wrapper {
	background: url(../images/element/quote-logistics.png) no-repeat center center;
	background-size: cover;
	padding: 190px 16px 190px 85px
}

@media(max-width: 1399px) {
	.quote-logistics .quote-shape {
		width: 450px;
		right: 0;
		bottom: 0
	}

	.quote-logistics .quoute-logistincs-wrapper {
		padding: 120px 16px 120px 65px
	}
}

@media(max-width: 1199px) {
	.quote-logistics .quote-shape {
		width: 290px;
		right: 0
	}
}

@media(max-width: 991px) {
	.quote-logistics .quoute-logistincs-wrapper {
		padding: 80px 14px 100px 24px
	}
}

@media(max-width: 991px) {
	.quote-logistics .quote-shape {
		display: none
	}
}

@media(max-width: 450px) {
	.quote-logistics .quoute-logistincs-wrapper {
		padding: 70px 10px 90px 14px
	}

	.quote-logistics .quote-shape {
		display: none
	}
}

.working-section .working-biman {
	position: absolute;
	top: 160px;
	left: 100px
}

@media(max-width: 1399px) {
	.working-section .working-biman {
		top: 20px;
		left: 10px
	}
}

@media(max-width: 1199px) {
	.working-section .working-biman {
		width: 180px
	}
}

@media(max-width: 991px) {
	.working-section .working-biman {
		width: 140px
	}
}

@media(max-width: 500px) {
	.working-section .working-biman {
		display: none
	}
}

.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.style2 {
	box-shadow: rgba(0, 0, 0, .16) 0px 1px 4px;
	margin: 8px
}

.working-process-item.style2 .single-arrow {
	font-size: 20px
}

.working-process-item.style2 .single-arrow i {
	transition: all .4s
}

.working-process-item:hover .icon-area {
	filter: brightness(0) invert(1)
}

.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)
}

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

.working-process-item:hover .single-arrow i {
	transform: rotate(-16deg)
}

@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
	}
}

.service-browse-item {
	overflow: hidden;
	transition: all .4s
}

.service-browse-item img {
	overflow: hidden;
	transition: all .4s
}

.service-browse-item .service-content {
	position: absolute;
	bottom: 0;
	left: 0;
	max-width: 550px;
	padding: 0 60px 60px
}

.service-browse-item .service-content p {
	font-size: 16px
}

.service-browse-item::before {
	position: absolute;
	content: "";
	inset: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, #000513 0%, rgba(0, 32, 121, 0) 100%);
	transition: all .8s
}

.service-browse-item:hover::before {
	background: linear-gradient(0deg, #235CF2 0%, rgba(20, 53, 140, 0) 100%)
}

@media(max-width: 1399px) {
	.service-browse-item .service-content {
		padding: 0 30px 30px
	}
}

@media(max-width: 1199px) {
	.service-browse-item .service-content {
		padding: 0 20px 20px
	}
}

.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
	}
}

.about-textcicle {
	border-radius: 50%;
	width: 200px;
	height: 200px;
	position: relative;
	background: var(--n0);
	position: absolute;
	right: 240px;
	top: 4px
}

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

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

@media(max-width: 1600px) {
	.about-textcicle {
		right: 50%;
		transform: translateX(50%)
	}
}

.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: 1.1px
}

.visit-location {
	margin-top: -380px;
	position: relative;
	padding: 95px 0 0;
	transform: translateY(-120px)
}

.visit-location::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 54%;
	content: "";
	background: var(--p1);
	height: 580px
}

@media(max-width: 991px) {
	.visit-location {
		margin-top: 0px;
		position: relative;
		padding: 70px 0 0;
		transform: translateY(-20px)
	}

	.visit-location::before {
		width: 100%;
		height: 600px
	}
}

.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-thumb .faq-call.faq-call2 .icon i {
	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: 0;
	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
	}
}

.accordion-custom-two .accordion-single .header-area .accordion-btn::after {
	content: "";
	font-size: 15px;
	transform: rotate(0deg);
	color: var(--n900)
}

.accordion-custom-two .accordion-single .header-area .accordion-btn::before {
	background-color: rgba(0, 0, 0, 0);
	color: var(--p1) !important
}

.accordion-custom-two .accordion-single.active .header-area .accordion-btn::after {
	color: var(--n0);
	transform: rotate(180deg)
}

@media(min-width: 1199px) {
	.accordion-custom-two .accordion-single {
		border: unset
	}
}

.solution-tags li a {
	display: inline-block;
	transition: all .4s
}

.solution-tags li a:hover {
	border-color: var(--p1) !important;
	background: var(--p1);
	color: var(--n0)
}

.career-process-item .cmn-btn {
	transition: all .4s
}

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

.career-process-item:hover p,
.career-process-item:hover span,
.career-process-item:hover .p1-clr {
	color: var(--n0)
}

.career-process-item:hover .cmn-btn {
	background: var(--s1);
	color: var(--n900)
}

.career-process-item:hover .cmn-btn i {
	color: var(--n900)
}

.price-items {
	transition: all .4s
}

.price-items.active,
.price-items:hover {
	background: var(--p1)
}

.price-items.active .bg1,
.price-items:hover .bg1 {
	background: rgba(255, 255, 255, .1)
}

.price-items.active h5,
.price-items.active h2,
.price-items.active span,
.price-items:hover h5,
.price-items:hover h2,
.price-items:hover span {
	color: var(--n0)
}

.price-items.active .cmn-listing li,
.price-items:hover .cmn-listing li {
	color: var(--n0)
}

.price-items.active .cmn-listing li::before,
.price-items:hover .cmn-listing li::before {
	background: var(--n0)
}

.price-items.active .cmn-btn,
.price-items:hover .cmn-btn {
	background: var(--s1);
	color: var(--n900)
}

.price-items.active .cmn-btn i,
.price-items:hover .cmn-btn i {
	color: var(--n900)
}

.map-area iframe {
	width: 100%;
	height: 500px
}

@media(max-width: 1199px) {
	.map-area iframe {
		height: 400px
	}
}

@media(max-width: 767px) {
	.map-area iframe {
		height: 350px
	}
}

@media(max-width: 575px) {
	.map-area iframe {
		height: 300px
	}
}

.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: 493px;
	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: #0743e3
}

@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%
	}

	.about-thumb-area2 .about-counting2 {
		padding: 24px 18px;
		gap: 14px;
		max-width: 100%;
		width: 100%;
		position: initial;
		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
	}
}

.about-thumb-wrapper4 {
	display: flex;
	gap: 24px
}

.about-thumb-wrapper4 .thumb-big {
	max-width: 382px
}

.about-thumb-wrapper4 .thumb-big .textcircle {
	border-radius: 50%;
	width: 200px;
	height: 200px;
	background: var(--n0);
	position: absolute;
	left: 50%;
	bottom: -60px;
	transform: translateX(-50%)
}

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

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

.about-thumb-wrapper4 .holland-info {
	max-width: 250px
}

.about-thumb-wrapper4 .holland-info .holland {
	border: 2px solid var(--n0)
}

@media(max-width: 575px) {
	.about-thumb-wrapper4 .thumb-big .textcircle {
		display: none
	}
}

@media(max-width: 500px) {
	.about-thumb-wrapper4 {
		flex-wrap: wrap;
		gap: 16px
	}

	.about-thumb-wrapper4 .thumb-big {
		max-width: 100%;
		width: 100%
	}

	.about-thumb-wrapper4 .thumb-big .textcircle {
		display: none
	}

	.about-thumb-wrapper4 .holland-info {
		margin-top: 0 !important;
		max-width: 100%
	}
}

.hero-thumb4 img {
	max-width: unset
}

.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 .percel-info-inner {
	display: flex;
	align-items: flex-end;
	justify-content: space-between
}

.percels-wrapper .percel-wrapper-information .percel-info-inner .percel-info-grp .nice-select,
.percels-wrapper .percel-wrapper-information .percel-info-inner .percel-info-grp input {
	width: 100%;
	height: 52px;
	outline: none;
	border: 1px solid rgba(0, 5, 19, .05);
	background: #f5f5f6;
	border-radius: 0px;
	padding: 9px 14px
}

.percels-wrapper .percel-wrapper-information .percel-info-inner .percel-info-grp .nice-select .list {
	background: var(--n0)
}

.percels-wrapper .percel-wrapper-information .percel-info-inner .percel-info-grp .nice-select .list li {
	font-size: 14px;
	font-weight: 400
}

.percels-wrapper .percel-wrapper-information .percel-info-inner .percel-info-grp .nice-select::after {
	border-color: var(--n70)
}

.percels-wrapper .percel-wrapper-information .percel-info-inner .percel-info-grp .nice-select .current {
	font-size: 15px;
	font-weight: 400;
	color: var(--n70)
}

.percels-wrapper .percel-wrapper-information .percel-info-inner .percel-info-grp .cmn-btn {
	width: 100%;
	height: 52px
}

.percels-wrapper .percel-wrapper-information .percel-info-grp {
	width: 20%
}

.percels-wrapper .percel-wrapper-information .percel-info-grp .nice-select,
.percels-wrapper .percel-wrapper-information .percel-info-grp input {
	width: 100%;
	height: 52px;
	outline: none;
	border: 1px solid rgba(0, 5, 19, .05);
	background: #f5f5f6;
	border-radius: 0px;
	padding: 9px 14px
}

.percels-wrapper .percel-wrapper-information .percel-info-grp .nice-select .list {
	background: var(--n0)
}

.percels-wrapper .percel-wrapper-information .percel-info-grp .nice-select .list li {
	font-size: 14px;
	font-weight: 400
}

.percels-wrapper .percel-wrapper-information .percel-info-grp .nice-select::after {
	border-color: var(--n70)
}

.percels-wrapper .percel-wrapper-information .percel-info-grp .nice-select .current {
	font-size: 15px;
	font-weight: 400;
	color: var(--n70)
}

.percels-wrapper .percel-wrapper-information .percel-info-grp .cmn-btn {
	width: 100%;
	height: 52px
}

.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: 991px) {
	.percels-wrapper .percel-wrapper-information .percel-info-inner {
		flex-wrap: wrap;
		justify-content: flex-start
	}

	.percels-wrapper .percel-wrapper-information .percel-info-inner .percel-info-grp {
		width: 33.3333333333%;
		padding: 8px
	}
}

@media(max-width: 767px) {
	.percels-wrapper .percel-wrapper-information .percel-info-inner {
		flex-wrap: wrap;
		justify-content: flex-start
	}

	.percels-wrapper .percel-wrapper-information .percel-info-inner .percel-info-grp {
		width: 50%
	}
}

@media(max-width: 500px) {
	.percels-wrapper .percel-wrapper-information .percel-info-inner {
		flex-wrap: wrap;
		justify-content: flex-start
	}

	.percels-wrapper .percel-wrapper-information .percel-info-inner .percel-info-grp {
		width: 100%
	}
}

.percels-wrapper.percels-wrapper2 .percel-wrapper-information {
	padding: 0 0;
	border: unset;
	box-shadow: none !important
}

.percels-wrapper.percels-wrapper2 .tab-content {
	box-shadow: none !important
}

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

.percels-wrapper.percels-wrapper2 .nav-tabs .nav-item .nav-link {
	color: var(--n900);
	background: var(--n0);
	width: initial;
	border: unset;
	padding: 14px 16px;
	border: 1px solid rgba(0, 5, 19, .1)
}

.percels-wrapper.percels-wrapper2 .nav-tabs .nav-item .nav-link.active {
	background: var(--p1);
	color: var(--n0);
	border-color: var(--p1)
}

@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)
	}
}

.airline-select-option {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px 13px
}

.airline-select-option .form-check:hover {
	cursor: pointer
}

.airline-select-option .form-check .form-check-input {
	padding: 1px 1px;
	border-width: 1px;
	margin-top: 0 !important;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border-color: var(--n900)
}

.percel-info-grp textarea {
	outline: none !important;
	border: 1px solid rgba(0, 5, 19, .05) !important;
	background: #f5f5f6 !important;
	border-radius: 0px !important;
	padding: 9px 14px !important
}

.project-counting-wrap3 .line {
	background: rgba(0, 5, 19, .1);
	width: 1px;
	height: 190px
}

@media(max-width: 991px) {
	.project-counting-wrap3 .line {
		height: 140px
	}
}

@media(max-width: 767px) {
	.project-counting-wrap3 {
		gap: 0px 20px
	}

	.project-counting-wrap3 .project-counting-item {
		text-align: center;
		padding-left: 0 !important;
		padding-right: 0 !important
	}

	.project-counting-wrap3 .project-counting-item .d-flex {
		justify-content: center
	}

	.project-counting-wrap3 .line {
		display: none
	}
}

.air-forms-wrapper {
	padding: 36px 36px;
	box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, .03), 0px 20px 24px -6px rgba(16, 24, 40, .08);
	margin: -60px 0 24px 0;
	position: relative;
	z-index: 9;
	background: #fff;
	gap: 24px
}

.air-forms-wrapper .cmn-item {
	width: 100%
}

@media(max-width: 1199px) {
	.air-forms-wrapper {
		gap: 14px
	}
}

@media(max-width: 575px) {
	.air-forms-wrapper {
		padding: 24px 20px
	}
}

.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-extra {
	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-extra input {
	width: 100%;
	border: 0;
	padding-left: 18px;
	outline: none;
	font-size: 14px !important
}

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

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

.date-picker-item-extra.active,
.date-picker-item-extra:hover {
	background: var(--p1);
	border-color: var(--p1);
	color: var(--n0) !important
}

.date-picker-item-extra.active i,
.date-picker-item-extra.active input,
.date-picker-item-extra.active span,
.date-picker-item-extra:hover i,
.date-picker-item-extra:hover input,
.date-picker-item-extra:hover span {
	color: var(--n0)
}

.date-picker-item-extra.active ::-moz-placeholder,
.date-picker-item-extra:hover ::-moz-placeholder {
	color: var(--n0)
}

.date-picker-item-extra.active ::placeholder,
.date-picker-item-extra:hover ::placeholder {
	color: var(--n0)
}

.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)
}

.date-picker-item:hover .date-picker-inner {
	border-color: var(--p1);
	color: var(--n0) !important
}

.date-picker-item:hover .date-picker-inner i,
.date-picker-item:hover .date-picker-inner input,
.date-picker-item:hover .date-picker-inner span {
	color: var(--n0)
}

.date-picker-item:hover .date-picker-inner ::-moz-placeholder {
	color: var(--n0)
}

.date-picker-item:hover .date-picker-inner ::placeholder {
	color: var(--n0)
}

.flight-availability-wrap {
	border: 1px solid rgba(0, 5, 19, .05);
	display: flex;
	flex-wrap: wrap
}

.flight-availability-wrap .flight-available-items {
	width: 50%
}

.flight-availability-wrap .flight-available-items .box {
	padding: 8px 16px
}

.flight-availability-wrap .flight-available-items .after-none::after {
	display: none
}

.flight-availability-wrap .flight-available-items .nice-select .list {
	background: var(--n0)
}

.flight-availability-wrap .flight-available-items .nice-select .list li {
	font-size: 14px;
	font-weight: 400
}

.flight-availability-wrap .flight-available-items .nice-select .current {
	color: var(--n900);
	font-weight: 400;
	font-size: 16px
}

@media(max-width: 550px) {
	.flight-availability-wrap {
		flex-wrap: wrap
	}

	.flight-availability-wrap .flight-available-items {
		width: 100%
	}
}

.flight-availability-wrap .border-1 {
	border-bottom: 1px solid rgba(0, 5, 19, .05);
	border-left: 1px solid rgba(0, 5, 19, .05)
}

.track-trace .ailine-code {
	height: 64px;
	width: 40%;
	padding: 8px 16px 9px;
	border: 1px solid rgba(0, 5, 19, .05)
}

.track-trace .ailine-code input {
	padding: 0;
	border: unset;
	width: 100%;
	color: var(--n900);
	font-size: 16px;
	font-weight: 600;
	padding: 4px 0px;
	height: initial
}

@media(max-width: 450px) {
	.track-trace .ailine-code {
		width: 100%
	}
}

.track-trace .ailine-number {
	height: 64px;
	width: 60%;
	padding: 8px 16px 9px;
	border: 1px solid rgba(0, 5, 19, .05)
}

.track-trace .ailine-number input {
	padding: 10px 5px;
	border: unset;
	width: 100%;
	color: var(--n900);
	font-size: 16px;
	font-weight: 600
}

@media(max-width: 450px) {
	.track-trace .ailine-number {
		width: 100%
	}
}

.track-trace .adding-another-code input {
	width: 100%;
	border: 1px solid rgba(0, 5, 19, .05);
	outline: none;
	padding: 13px 18px
}

.track-trace .adding-another-code button {
	width: 210px
}

@media(max-width: 450px) {
	.track-trace .adding-another-code button {
		width: initial
	}
}

.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%
}

.counter-section06 {
	background: url(../images/team/counter-bg6.png) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	padding: 205px 0
}

.counter-section06 .counter-wrapper6 {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(4, 1fr)
}

.counter-section06 .counter-wrapper6 .counter-single-item6 {
	background: var(--n0);
	transition: all .4s;
	padding: 60px 20px
}

.counter-section06 .counter-wrapper6 .counter-single-item6 .odometer span {
	letter-spacing: 1.9px
}

.counter-section06 .counter-wrapper6 .counter-single-item6 span {
	transition: all .4s
}

.counter-section06 .counter-wrapper6 .counter-single-item6 a {
	transform: rotate(-15deg);
	display: block;
	transition: all .4s;
	text-align: center
}

.counter-section06 .counter-wrapper6 .counter-single-item6 a i {
	font-size: 26px;
	transition: all .4s
}

.counter-section06 .counter-wrapper6 .counter-single-item6:hover {
	background: var(--p1)
}

.counter-section06 .counter-wrapper6 .counter-single-item6:hover span,
.counter-section06 .counter-wrapper6 .counter-single-item6:hover a,
.counter-section06 .counter-wrapper6 .counter-single-item6:hover i {
	color: var(--n0)
}

@media(max-width: 1399px) {
	.counter-section06 {
		padding: 120px 0
	}
}

@media(max-width: 991px) {
	.counter-section06 .counter-wrapper6 {
		display: grid;
		gap: 16px;
		grid-template-columns: repeat(4, 1fr)
	}

	.counter-section06 .counter-wrapper6 .counter-single-item6 {
		padding: 30px 16px
	}

	.counter-section06 .counter-wrapper6 .counter-single-item6 a i {
		font-size: 20px
	}
}

@media(max-width: 767px) {
	.counter-section06 {
		padding: 80px 0
	}

	.counter-section06 .counter-wrapper6 {
		display: grid;
		gap: 16px;
		grid-template-columns: repeat(2, 1fr)
	}

	.counter-section06 .counter-wrapper6 .counter-single-item6 {
		padding: 30px 16px
	}

	.counter-section06 .counter-wrapper6 .counter-single-item6 a i {
		font-size: 20px
	}
}

@media(max-width: 375px) {
	.counter-section06 {
		padding: 80px 0
	}

	.counter-section06 .counter-wrapper6 {
		display: grid;
		gap: 16px;
		grid-template-columns: repeat(1, 1fr)
	}

	.counter-section06 .counter-wrapper6 .counter-single-item6 {
		padding: 30px 16px
	}

	.counter-section06 .counter-wrapper6 .counter-single-item6 a i {
		font-size: 20px
	}
}

.opening-account {
	z-index: 1
}

.opening-account .opening-account-ele {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1
}

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

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

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

.opening-account-wrapper {
	z-index: 1
}

.opening-account-wrapper::before {
	position: absolute;
	content: "";
	border: 1px dashed var(--n900);
	width: 70%;
	left: 50%;
	transform: translateX(-50%);
	top: 48px;
	z-index: -1
}

.opening-account-wrapper .opening-account-item {
	max-width: 350px;
	margin: 0 auto
}

.opening-account-wrapper .opening-account-item .serial-badge {
	border: 1px dashed var(--n900);
	width: 48px;
	height: 48px;
	background: var(--n0);
	z-index: -1;
	color: var(--n900)
}

.opening-account-wrapper .opening-account-item .serial-badge.active {
	background: var(--p1);
	border: 1px dashed var(--n0);
	color: var(--n0)
}

.opening-account-wrapper .opening-account-item .icon {
	border: 1px solid var(--p1);
	width: 90px;
	height: 90px;
	z-index: 1;
	position: relative
}

.opening-account-wrapper .opening-account-item .icon img {
	z-index: 1
}

.opening-account-wrapper .opening-account-item .icon::after {
	position: absolute;
	border: 1px solid var(--n0);
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: var(--n0);
	border-radius: 16px
}

.opening-account-wrapper .opening-account-item .icon::before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 99%;
	height: 99%;
	content: "";
	border: 1px dashed var(--p1);
	animation: cirs 2s linear infinite;
	z-index: -1;
	border-radius: 16px
}

.terms-section {
	overflow-y: visible !important
}

.terms-tabbing {
	position: sticky;
	top: 120px
}

.terms-tabbing .line {
	width: 100%;
	height: 1px;
	background: rgba(0, 0, 0, .1)
}

.terms-tabbing li a {
	padding: 16px 0;
	display: block;
	font-size: 16px;
	color: var(--n900);
	transition: all .4s
}

.terms-tabbing li a:hover {
	color: var(--p1);
	padding-left: 8px
}

.policy-list li i {
	font-size: 4px
}

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

.hero-section .hero-content {
	padding: 80px 0 94px
}

.hero-section .hero-content p {
	max-width: 740px
}

.hero-section .hero-countinner {
	width: 468px
}

.hero-section .hero-countinner .hero-countitem {
	width: 388px;
	margin: 0 auto;
	text-align: center
}

.hero-section .hero-countinner .hero-countitem:not(:last-child) {
	border-bottom: 1px solid var(--p200);
	padding-bottom: 34px
}

.hero-section .hero-countinner .hero-countitem:not(:first-child) {
	padding-top: 10px
}

@media(max-width: 1399px) {
	.hero-section .hero-content .display-three {
		font-size: 56px
	}

	.hero-section .hero-countinner {
		width: 310px
	}

	.hero-section .hero-countinner .hero-countitem {
		width: 310px
	}

	.hero-section .hero-countinner .hero-countitem:not(:last-child) {
		padding-bottom: 25px
	}

	.hero-section .hero-countinner .hero-countitem:not(:first-child) {
		padding-top: 8px
	}

	.hero-section .hero-countinner .hero-countitem .display-two {
		font-size: 48px
	}

	.hero-section .hero-countinner .hero-countitem h5 {
		font-size: 18px
	}
}

@media(max-width: 1199px) {
	.hero-section .hero-content {
		padding: 60px 0 94px
	}

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

@media(max-width: 991px) {
	.hero-section .hero-countinner {
		width: 230px
	}

	.hero-section .hero-countinner .hero-countitem {
		width: 230px
	}

	.hero-section .hero-countinner .hero-countitem:not(:last-child) {
		padding-bottom: 25px
	}

	.hero-section .hero-countinner .hero-countitem:not(:first-child) {
		padding-top: 8px
	}

	.hero-section .hero-countinner .hero-countitem .display-two {
		font-size: 36px
	}

	.hero-section .hero-countinner .hero-countitem h5 {
		font-size: 16px;
		font-weight: 400
	}

	.hero-section .hero-content .display-three {
		font-size: 42px
	}

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

.hero-section.hero-style2 .container {
	max-width: 1730px;
	margin: 0 auto
}

.hero-section.hero-style2 .hero-content2 {
	margin-left: auto;
	max-width: 960px;
	padding: 154px 0 355px
}

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

.hero-section.hero-style2 .hero-content2 .pra-grp {
	max-width: 526px;
	margin: 0 auto
}

.hero-section.hero-style2 .hero-content2 .pra-grp .arrow-ele {
	position: absolute;
	bottom: -100px;
	left: 190px;
	animation: rots 2s linear infinite
}

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

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

@media(max-width: 1700px) {
	.hero-section.hero-style2 .hero2-thumb1 {
		position: absolute;
		top: 0;
		left: 0px;
		z-index: -1;
		max-width: 800px
	}
}

@media(max-width: 1500px) {
	.hero-section.hero-style2 .hero2-thumb1 {
		position: absolute;
		max-width: 650px
	}

	.hero-section.hero-style2 .hero-content2 {
		margin-left: auto;
		max-width: 960px;
		padding: 154px 0 355px
	}

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

@media(max-width: 1399px) {
	.hero-section.hero-style2 .hero2-thumb1 {
		position: absolute;
		max-width: 650px
	}

	.hero-section.hero-style2 .hero-content2 {
		margin-left: auto;
		max-width: 730px;
		padding: 134px 0 355px
	}

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

@media(max-width: 1199px) {
	.hero-section.hero-style2 .hero2-thumb1 {
		position: absolute;
		max-width: 550px;
		top: initial;
		bottom: 0;
		opacity: .5
	}

	.hero-section.hero-style2 .hero2-thumb2 {
		max-width: 350px
	}

	.hero-section.hero-style2 .hero-content2 {
		margin-left: auto;
		max-width: 730px;
		padding: 60px 0 355px
	}

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

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

@media(max-width: 991px) {
	.hero-section.hero-style2 .hero2-thumb1 {
		display: none
	}

	.hero-section.hero-style2 .hero2-thumb2 {
		max-width: 550px;
		right: initial;
		left: 50%;
		transform: translateX(-50%)
	}

	.hero-section.hero-style2 .hero-content2 {
		margin-left: initial;
		margin: 0 auto;
		text-align: center;
		max-width: 730px;
		padding: 60px 0 355px
	}

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

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

@media(max-width: 510px) {
	.hero-section.hero-style2 .hero-content2 {
		margin-left: initial;
		margin: 0 auto;
		text-align: center;
		max-width: 730px;
		padding: 40px 0 355px
	}

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

.hero-section.hero-style3 .swiper-slide.swiper-slide-active .hero-version-item3 .hero-content3 {
	transform: translateY(0px)
}

.hero-section.hero-style3 .swiper-slide.swiper-slide-active .hero-version-item3 .hero3-bg {
	transform: scale(1.1)
}

.hero-section.hero-style3 .hero-version-item3 {
	padding: 263px 0 283px
}

.hero-section.hero-style3 .hero-version-item3 .hero-content3 {
	max-width: 634px;
	z-index: 1;
	position: relative;
	transform: translateY(-80px);
	transition: all 1.4s
}

.hero-section.hero-style3 .hero-version-item3 .hero-content3 h1 {
	font-size: 74px;
	font-weight: 600;
	color: var(--n0);
	line-height: 120%
}

.hero-section.hero-style3 .hero-version-item3 .hero-content3 p {
	font-size: 18px;
	line-height: 150%
}

.hero-section.hero-style3 .hero-version-item3 .hero-content3 .title-head .line {
	width: 70px;
	height: 1px;
	background: var(--n0)
}

.hero-section.hero-style3 .hero-version-item3 .hero3-bg {
	height: 100%;
	width: 100%;
	transform: scale(1.01);
	transition: all .4s
}

.hero-section.hero-style3 .hero-version-item3 .hero3-bg::before {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background: linear-gradient(180deg, rgba(28, 30, 48, 0) 0%, rgba(0, 0, 0, 0.8) 100%)
}

.hero-section.hero-style3 .hero-version-item3 .hero3-bg.hero3-bg-thumb1 {
	background: url(../images/banner/hero3-thumb1.png) no-repeat center center;
	background-size: cover
}

.hero-section.hero-style3 .hero-version-item3 .hero3-bg.hero3-bg-thumb2 {
	background: url(../images/banner/hero3-thumb2.png) no-repeat center center;
	background-size: cover
}

.hero-section.hero-style3 .hero-version-item3 .hero3-bg.hero3-bg-thumb3 {
	background: url(../images/banner/hero3-thumb3.png) no-repeat center center;
	background-size: cover
}

.hero-section.hero-style3 .hero-version-item3 .percels-wrapper {
	max-width: 453px;
	background: var(--n0);
	border-radius: 8px;
	padding: 24px 24px;
	position: absolute;
	right: 100px;
	bottom: 100px;
	transition: all .8s
}

.hero-section.hero-style3 .hero-version-item3 .percels-wrapper .nav-tabs {
	margin-bottom: 25px
}

.hero-section.hero-style3 .hero-version-item3 .percels-wrapper .nav-tabs .nav-item .nav-link {
	color: var(--n900);
	font-size: 16px;
	padding: 8px 16px;
	width: initial;
	border: unset;
	border-bottom: 1px solid var(--n0)
}

.hero-section.hero-style3 .hero-version-item3 .percels-wrapper .nav-tabs .nav-item .nav-link.active {
	background: rgba(0, 0, 0, 0);
	border-bottom: 1px solid var(--p1)
}

.hero-section.hero-style3 .hero-version-item3 .percels-wrapper .tab-content {
	box-shadow: none !important
}

.hero-section.hero-style3 .hero-version-item3 .percels-wrapper .trucking-hero-content .single-trucking-field {
	border-bottom: 1px solid rgba(0, 5, 19, .1)
}

.hero-section.hero-style3 .hero-version-item3 .percels-wrapper .trucking-hero-content .single-trucking-field input {
	width: 100%;
	height: 44px;
	outline: none;
	border: unset;
	padding-left: 8px
}

.hero-section.hero-style3 .hero-version-item3 .percels-wrapper .trucking-hero-content .single-trucking-field i {
	color: var(--n200)
}

.hero-section.hero-style3 .hero-version-item3 .percels-wrapper .trucking-hero-content .trucking-btn {
	background: var(--p1);
	border-radius: 8px;
	font-size: 16px;
	padding: 8px 16px;
	color: var(--n0);
	transition: all .4s;
	display: inline-block
}

.hero-section.hero-style3 .hero-version-item3 .percels-wrapper .trucking-hero-content .trucking-btn:hover {
	background: var(--s1)
}

@media(max-width: 500px) {
	.hero-section.hero-style3 .hero-version-item3 .percels-wrapper .nav-tabs {
		margin-bottom: 25px
	}

	.hero-section.hero-style3 .hero-version-item3 .percels-wrapper .nav-tabs .nav-item .nav-link {
		color: var(--n900);
		font-size: 16px;
		padding: 6px 10px
	}
}

.hero-section.hero-style3 .hero-version-item3 .hero3-body-info {
	display: flex;
	align-items: center;
	gap: 36px
}

@media(max-width: 1700px) {
	.hero-section.hero-style3 .hero-version-item3 {
		padding: 200px 0 280px
	}
}

@media(max-width: 991px) {
	.hero-section.hero-style3 .hero-version-item3 {
		padding: 180px 0 280px
	}

	.hero-section.hero-style3 .hero-version-item3 .hero-content3 h1 {
		font-size: 58px;
		font-weight: 600;
		line-height: 120%
	}

	.hero-section.hero-style3 .hero-version-item3 .hero-content3 p {
		font-size: 18px;
		line-height: 150%
	}

	.hero-section.hero-style3 .hero-version-item3 .hero-content3 .title-head .line {
		width: 30px
	}
}

@media(max-width: 767px) {
	.hero-section.hero-style3 .hero-version-item3 {
		padding: 180px 0 190px
	}

	.hero-section.hero-style3 .hero-version-item3 .hero-content3 h1 {
		font-size: 48px;
		font-weight: 600;
		line-height: 120%
	}

	.hero-section.hero-style3 .hero-version-item3 .hero-content3 p {
		font-size: 17px;
		line-height: 150%
	}

	.hero-section.hero-style3 .hero-version-item3 .hero-content3 .title-head .line {
		width: 30px
	}

	.hero-section.hero-style3 .hero-version-item3 .percels-wrapper {
		position: relative;
		right: initial;
		bottom: initial;
		margin: 0 12px
	}
}

@media(max-width: 575px) {
	.hero-section.hero-style3 .hero-version-item3 {
		padding: 160px 0 170px
	}
}

.hero-section.hero-style3 .swiper-btn-maintains {
	max-width: 230px;
	justify-content: space-between;
	align-items: flex-end;
	gap: 75px;
	position: absolute;
	right: 524px;
	bottom: 140px;
	z-index: 1
}

.hero-section.hero-style3 .swiper-btn-maintains .arrow-area button {
	border-radius: 100px;
	border: 1px solid rgba(255, 255, 255, .05);
	background: rgba(255, 255, 255, .2);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	width: 60px;
	height: 60px;
	transition: all .4s
}

.hero-section.hero-style3 .swiper-btn-maintains .arrow-area button i {
	color: var(--n0)
}

.hero-section.hero-style3 .swiper-btn-maintains .arrow-area button:hover {
	background: var(--p1)
}

.hero-section.hero-style3 .swiper-btn-maintains .swiper-pagination {
	position: initial
}

.hero-section.hero-style3 .swiper-btn-maintains .swiper-pagination .swiper-pagination-current {
	font-size: 48px;
	font-weight: 700;
	color: var(--n0);
	opacity: 1 !important
}

.hero-section.hero-style3 .swiper-btn-maintains .swiper-pagination .swiper-pagination-total {
	opacity: 1 !important
}

@media(max-width: 991px) {
	.hero-section.hero-style3 .swiper-btn-maintains .arrow-area button {
		width: 40px;
		height: 40px
	}

	.hero-section.hero-style3 .swiper-btn-maintains .arrow-area button i {
		font-size: 14px
	}
}

@media(max-width: 767px) {
	.hero-section.hero-style3 .swiper-btn-maintains {
		z-index: 9;
		right: 14px;
		bottom: 14px
	}

	.hero-section.hero-style3 .swiper-btn-maintains .arrow-area button {
		width: 40px;
		height: 40px
	}

	.hero-section.hero-style3 .swiper-btn-maintains .arrow-area button i {
		font-size: 14px
	}
}

.hero-section.hero-style4 {
	z-index: 1
}

.hero-section.hero-style4 .hero-content {
	max-width: 525px
}

.hero-section.hero-style4 .hero-content h1 {
	font-size: 72px;
	font-weight: 600
}

.hero-section.hero-style4 .map-shape {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1
}

@media(max-width: 1199px) {
	.hero-section.hero-style4 .hero-content h1 {
		font-size: 60px;
		line-height: 70px;
		font-weight: 600
	}

	.hero-section.hero-style4 .hero-content p {
		line-height: 25px
	}
}

@media(max-width: 991px) {
	.hero-section.hero-style4 .hero-content {
		max-width: 800px !important;
		padding: 80px 0 20px
	}

	.hero-section.hero-style4 .hero-content h1 {
		font-size: 60px;
		line-height: 70px;
		font-weight: 600
	}

	.hero-section.hero-style4 .hero-content p {
		max-width: 800px !important;
		line-height: 25px
	}

	.hero-section.hero-style4 .hero-thumb4 {
		width: 100%
	}

	.hero-section.hero-style4 .hero-thumb4 img {
		width: 100%;
		max-width: 100%
	}
}

@media(max-width: 500px) {
	.hero-section.hero-style4 .hero-content {
		padding: 80px 0 0px
	}

	.hero-section.hero-style4 .hero-content .badge-sub4 {
		font-size: 15px
	}

	.hero-section.hero-style4 .hero-content h1 {
		font-size: 44px !important;
		line-height: 50px;
		font-weight: 600
	}

	.hero-section.hero-style4 .hero-content p {
		line-height: 25px
	}

	.hero-section.hero-style4 .hero-thumb4 {
		width: 100%
	}

	.hero-section.hero-style4 .hero-thumb4 img {
		width: 100%;
		max-width: 100%
	}
}

.hero-section.hero-style5 .container {
	max-width: 1680px;
	margin: 0 auto
}

.hero-section.hero-style5 .hero-wrapper5 {
	z-index: 1
}

.hero-section.hero-style5 .hero-wrapper5::before {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 1143px;
	height: 97%;
	z-index: -1;
	content: "";
	background: var(--p1);
	-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	clip-path: polygon(100% 0, 0% 100%, 100% 100%)
}

@media(max-width: 1450px) {
	.hero-section.hero-style5 .hero-wrapper5::before {
		width: 800px
	}
}

@media(max-width: 1199px) {
	.hero-section.hero-style5 .hero-wrapper5::before {
		width: 500px
	}
}

@media(max-width: 991px) {
	.hero-section.hero-style5 .hero-wrapper5::before {
		width: 500px;
		height: 600px
	}
}

@media(max-width: 767px) {
	.hero-section.hero-style5 .hero-wrapper5::before {
		width: 400px;
		height: 400px
	}
}

.hero-section.hero-style5 .hero-content {
	max-width: 619px
}

.hero-section.hero-style5 .hero-content h1 {
	font-size: 60px;
	line-height: 120%;
	font-weight: 600;
	color: var(--n900)
}

.hero-section.hero-style5 .hero-content .location-traking-wrapper .nav-tabs {
	display: flex;
	gap: 20px
}

.hero-section.hero-style5 .hero-content .location-traking-wrapper .nav-tabs .nav-item {
	text-align: center
}

.hero-section.hero-style5 .hero-content .location-traking-wrapper .nav-tabs .nav-item .nav-link {
	padding: 8px 14px;
	border-radius: 0;
	border: unset;
	background: rgba(0, 0, 0, 0);
	border-top: 4px solid #e7e7e7
}

.hero-section.hero-style5 .hero-content .location-traking-wrapper .nav-tabs .nav-item .nav-link .track-icon {
	margin: 0 auto
}

.hero-section.hero-style5 .hero-content .location-traking-wrapper .nav-tabs .nav-item .nav-link span {
	font-size: 16px;
	color: var(--n900)
}

.hero-section.hero-style5 .hero-content .location-traking-wrapper .nav-tabs .nav-item .nav-link.active {
	border-top: 4px solid var(--p1)
}

.hero-section.hero-style5 .hero-content .location-traking-wrapper .location-hero-content {
	max-width: 440px
}

.hero-section.hero-style5 .hero-content .location-traking-wrapper .location-hero-content input {
	width: 100%;
	border: unset;
	border-radius: 0;
	color: #666971;
	font-size: 16px
}

.hero-section.hero-style5 .hero-content .location-traking-wrapper .location-hero-content input::-moz-placeholder {
	color: #666971
}

.hero-section.hero-style5 .hero-content .location-traking-wrapper .location-hero-content input::placeholder {
	color: #666971
}

.hero-section.hero-style5 .hero-content .location-traking-wrapper .location-hero-content .cmn-btn {
	padding: 10px 40px 10px 20px
}

.hero-section.hero-style5 .hero-thumb5 {
	direction: rtl;
	animation: updown 3s linear infinite
}

@media(max-width: 991px) {
	.hero-section.hero-style5 .hero-content {
		max-width: 619px;
		margin: 0 auto;
		text-align: center
	}

	.hero-section.hero-style5 .hero-content p {
		text-align: center;
		margin: 0 auto
	}

	.hero-section.hero-style5 .hero-content h1 {
		font-size: 60px;
		line-height: 120%;
		font-weight: 600;
		color: var(--n900)
	}

	.hero-section.hero-style5 .hero-content .location-traking-wrapper .nav-tabs {
		display: flex;
		justify-content: center;
		gap: 20px
	}

	.hero-section.hero-style5 .hero-content .location-traking-wrapper .nav-tabs .nav-item {
		text-align: center
	}

	.hero-section.hero-style5 .hero-content .location-traking-wrapper .nav-tabs .nav-item .nav-link {
		padding: 8px 14px;
		border-radius: 0;
		border: unset;
		background: rgba(0, 0, 0, 0);
		border-top: 4px solid #e7e7e7
	}

	.hero-section.hero-style5 .hero-content .location-traking-wrapper .nav-tabs .nav-item .nav-link .track-icon {
		margin: 0 auto
	}

	.hero-section.hero-style5 .hero-content .location-traking-wrapper .nav-tabs .nav-item .nav-link span {
		font-size: 16px;
		color: var(--n900)
	}

	.hero-section.hero-style5 .hero-content .location-traking-wrapper .nav-tabs .nav-item .nav-link.active {
		border-top: 4px solid var(--p1)
	}

	.hero-section.hero-style5 .hero-content .location-traking-wrapper .location-hero-content {
		max-width: 440px;
		margin: 0 auto
	}

	.hero-section.hero-style5 .hero-content .location-traking-wrapper .location-hero-content input {
		width: 100%;
		border: unset;
		border-radius: 0;
		color: #666971;
		font-size: 16px
	}

	.hero-section.hero-style5 .hero-content .location-traking-wrapper .location-hero-content input::-moz-placeholder {
		color: #666971
	}

	.hero-section.hero-style5 .hero-content .location-traking-wrapper .location-hero-content input::placeholder {
		color: #666971
	}

	.hero-section.hero-style5 .hero-content .location-traking-wrapper .location-hero-content .cmn-btn {
		padding: 10px 40px 10px 20px
	}
}

.hero-section.hero-style6 .swiper-btn-maintains {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9;
	width: 100%;
	padding: 0 60px
}

.hero-section.hero-style6 .swiper-btn-maintains .arrow-area {
	width: 100%
}

.hero-section.hero-style6 .swiper-btn-maintains .arrow-area button {
	transition: all .4s
}

.hero-section.hero-style6 .swiper-btn-maintains .arrow-area button:hover {
	transform: scale(1.09);
	opacity: .8
}

@media(max-width: 767px) {
	.hero-section.hero-style6 .swiper-btn-maintains {
		top: initial;
		bottom: 5px
	}
}

.hero-section.hero-style6 .hero-version-item {
	padding: 170px 0 276px
}

.hero-section.hero-style6 .hero-version-item .hero6-bg {
	height: 100%;
	width: 100%;
	transform: scale(1.01);
	transition: all .4s
}

.hero-section.hero-style6 .hero-version-item .hero6-bg::before {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background: linear-gradient(180deg, rgba(28, 30, 48, 0) 0%, rgba(0, 0, 0, 0.8) 100%)
}

.hero-section.hero-style6 .hero-version-item .hero6-bg.hero6-bg-thumb1 {
	background: url(../images/banner/hero6-slide1.png) no-repeat center center;
	background-size: cover
}

.hero-section.hero-style6 .hero-version-item .hero6-bg.hero6-bg-thumb2 {
	background: url(../images/banner/process6-thumb.png) no-repeat center center;
	background-size: cover
}

.hero-section.hero-style6 .hero-version-item .hero-content6 {
	max-width: 634px;
	margin: 0 auto;
	z-index: 1;
	position: relative;
	transition: all 1.4s
}

.hero-section.hero-style6 .hero-version-item .hero-content6 h1 {
	font-size: 74px;
	font-weight: 600;
	color: var(--n0);
	line-height: 120%
}

.hero-section.hero-style6 .hero-version-item .hero-content6 p {
	font-size: 18px;
	line-height: 150%
}

.hero-section.hero-style6 .hero-version-item .hero-content6 .title-head .line {
	width: 70px;
	height: 1px;
	background: var(--n0)
}

@media(max-width: 1399px) {
	.hero-section.hero-style6 .hero-version-item {
		padding: 120px 0 250px
	}
}

@media(max-width: 991px) {
	.hero-section.hero-style6 .hero-version-item {
		padding: 100px 0 100px
	}

	.hero-section.hero-style6 .hero-version-item .hero-content6 h1 {
		font-size: 58px;
		font-weight: 600;
		line-height: 120%
	}

	.hero-section.hero-style6 .hero-version-item .hero-content6 p {
		font-size: 18px;
		line-height: 150%;
		margin: 0 auto
	}

	.hero-section.hero-style6 .hero-version-item .hero-content6 .title-head .line {
		width: 50px;
		height: 1px;
		background: var(--n0)
	}
}

@media(max-width: 767px) {
	.hero-section.hero-style6 .hero-version-item {
		padding: 90px 0 140px
	}

	.hero-section.hero-style6 .hero-version-item .hero-content6 h1 {
		font-size: 48px;
		font-weight: 600;
		line-height: 120%
	}

	.hero-section.hero-style6 .hero-version-item .hero-content6 p {
		font-size: 16px;
		line-height: 150%
	}

	.hero-section.hero-style6 .hero-version-item .hero-content6 .title-head .line {
		width: 30px
	}
}

@keyframes identifier {}

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

.hero-countwrap {
	position: absolute;
	top: 190px;
	right: 200px;
	z-index: 1
}

.hero-countwrap .textcircle {
	border-radius: 50%;
	width: 200px;
	height: 200px;
	background: var(--n0);
	position: absolute;
	left: -140px;
	top: 50%;
	transform: translateY(-50%)
}

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

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

@media(max-width: 1650px) {
	.hero-countwrap {
		right: 0
	}
}

@media(max-width: 767px) {
	.hero-countwrap {
		margin-top: -50px;
		top: initial;
		position: initial;
		right: 0
	}

	.hero-countwrap .hero-countinner {
		width: initial
	}

	.hero-countwrap .hero-countinner .hero-countitem {
		border: unset !important;
		padding-bottom: 0 !important
	}
}

@media(max-width: 400px) {
	.hero-countwrap .textcircle {
		display: none
	}
}

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

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

.percels-section6 .form-check-input {
	padding: 2px;
	width: 18px;
	min-width: 18px;
	height: 18px;
	border-radius: 50%;
	border-color: #666971
}

.percels-section6 .percels-wrapper {
	box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, .03), 0px 20px 24px -6px rgba(16, 24, 40, .08);
	border-radius: 8px;
	margin-top: -100px;
	z-index: 2;
	position: relative
}

@media(max-width: 991px) {
	.percels-section6 .percels-wrapper {
		margin-top: 40px
	}
}

.percels-section6 .percels-wrapper .air-forms-wrapper {
	padding: 0;
	margin: 0;
	box-shadow: none !important;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 22px
}

.percels-section6 .percels-wrapper .air-forms-wrapper .items {
	width: 100%
}

@media(max-width: 991px) {
	.percels-section6 .percels-wrapper .air-forms-wrapper {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media(max-width: 767px) {
	.percels-section6 .percels-wrapper .air-forms-wrapper {
		grid-template-columns: repeat(1, 1fr)
	}
}

.percels-section6 .percels-wrapper .nav-tabs {
	border: 1px solid rgba(0, 5, 19, .05)
}

.percels-section6 .percels-wrapper .nav-tabs .nav-item .nav-link {
	border-bottom: 1px solid rgba(0, 5, 19, .05)
}

.percels-section6 .percels-wrapper .nav-tabs .nav-item .nav-link.active {
	background: var(--p1);
	color: var(--n0)
}

.percels-section6 .percels-wrapper .tab-content {
	box-shadow: none !important
}

.percels-section6 .percels-wrapper .percel-wrapper-information {
	box-shadow: none !important;
	background: rgba(0, 0, 0, 0)
}

.date-picker-item6 i {
	color: #a0a0a2
}

.date-picker-item6:hover {
	background: #f5f5f6
}

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

.breadcrumnd-section .breadcrumb-service {
	margin-left: auto;
	position: absolute;
	bottom: 0;
	right: 15%;
	max-width: 550px
}

.breadcrumnd-section .breadcrumb-service img {
	width: 100%
}

@media(max-width: 1399px) {
	.breadcrumnd-section .breadcrumb-service {
		max-width: 350px
	}
}

.news-item .news-thumb {
	position: relative;
	overflow: hidden
}

.news-item .news-thumb img {
	transition: all .5s;
	transition: .5s;
	background-size: cover;
	width: 100%;
	border-radius: 8px
}

.news-item .news-thumb img:nth-child(2) {
	position: absolute;
	top: 0;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	visibility: hidden;
	height: 100%;
	width: 0;
	transition: 1s;
	overflow: hidden
}

.news-item:hover .news-thumb img {
	transform: scale(1.1)
}

.news-item:hover .news-thumb img:nth-child(2) {
	width: 100% !important;
	visibility: visible;
	height: 100%
}

.date-badge {
	font-size: 20px;
	padding-left: 24px;
	z-index: 1
}

.date-badge::before {
	position: absolute;
	left: 0;
	width: 38px;
	height: 38px;
	content: "";
	background: var(--s1);
	z-index: -1
}

@media(max-width: 1399px) {
	.date-badge {
		font-size: 16px;
		padding-left: 18px;
		z-index: 1
	}

	.date-badge::before {
		position: absolute;
		left: 0;
		width: 34px;
		height: 32px;
		content: "";
		background: var(--s1);
		z-index: -1
	}
}

.watch-logistics::before {
	position: absolute;
	right: 0;
	content: "";
	top: 0;
	height: 730px;
	width: 81%;
	background: url(../images/watch/watch-bg.png) no-repeat center center;
	background-size: cover
}

@media(max-width: 991px) {
	.watch-logistics::before {
		height: 100%;
		width: 100%
	}
}

.watch-thumb {
	margin-left: -70%
}

.watch-thumb img {
	max-width: unset
}

.watch-thumb .cmn-watch {
	width: 130px;
	min-width: 130px;
	height: 130px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.watch-thumb .cmn-watch::after,
.watch-thumb .cmn-watch::before {
	position: absolute;
	content: "";
	background: var(--n0);
	width: 100%;
	height: 100%;
	border-radius: 50%;
	z-index: -1
}

.watch-thumb .cmn-watch::after {
	animation: twing 2s linear infinite
}

@media(max-width: 1399px) {
	.watch-thumb {
		margin-left: -80%
	}

	.watch-thumb .cmn-watch {
		width: 70px;
		min-width: 70px;
		height: 70px
	}
}

@media(max-width: 991px) {
	.watch-thumb {
		margin-left: 0;
		width: 100%
	}

	.watch-thumb img {
		width: 100%;
		max-width: unset
	}
}

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

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

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

.perfect-list li {
	padding-left: 10px
}

.perfect-list li::before {
	position: absolute;
	left: 0;
	width: 4px;
	height: 4px;
	content: "";
	background: var(--n200);
	border-radius: 50%
}

.quote-box {
	border-left: 40px solid var(--s1)
}

.quote-box p {
	max-width: 685px;
	margin: 0 auto;
	text-align: center;
	color: var(--n0);
	font-size: 24px;
	font-weight: 400;
	line-height: 150%
}

.quote-box i {
	position: absolute;
	right: 18px;
	top: 25px;
	font-size: 40px;
	opacity: .4
}

@media(max-width: 991px) {
	.quote-box p {
		font-size: 20px
	}
}

@media(max-width: 767px) {
	.quote-box {
		border-left: 10px solid var(--s1)
	}

	.quote-box p {
		font-size: 18px
	}
}

.details-profile .thumb {
	min-width: 200px;
	min-height: 213px
}

.details-profile .thumb img {
	width: 100%;
	height: 100%
}

.details-profile .cmn-social li a {
	border-radius: 0
}

.blog-thumb-area2::before {
	position: absolute;
	right: 0;
	top: 0;
	content: "";
	height: 100%;
	width: 100%;
	background: linear-gradient(180deg, rgba(28, 30, 48, 0) 0%, rgba(0, 0, 0, 0.8) 100%)
}

.blog-thumb-area2 .content {
	padding: 36px 38px
}

.blog-thumb-area2 .readmore {
	transition: all .3s
}

.blog-thumb-area2 .readmore i {
	transform: rotate(-20deg);
	transition: all .3s
}

.blog-thumb-area2 .readmore:hover span {
	color: var(--p1)
}

.blog-thumb-area2 .readmore:hover i {
	color: var(--p1);
	transform: rotate(20deg);
	padding-left: 6px
}

@media(max-width: 500px) {
	.blog-thumb-area2 .content {
		padding: 24px 20px
	}
}

.blog-content-item {
	padding: 63px 38px
}

.blog-content-item .cmn-btn {
	color: #4a5551;
	border: 1px solid rgba(0, 5, 19, .1)
}

.blog-content-item:hover h4 a {
	color: var(--p1)
}

@media(max-width: 991px) {
	.blog-content-item {
		padding: 32px 24px
	}
}

.blog-items3 .thumb {
	transition: all .4s;
	overflow: hidden
}

.blog-items3 .thumb img {
	overflow: hidden;
	transition: all .4s
}

.blog-items3 .thumb .badge {
	position: absolute;
	right: 20px;
	top: 18px
}

.blog-items3 .blog-content-item {
	padding: 30px 30px 30px
}

.blog-items3 .blog-content-item .date-learn-area {
	border-top: 1px dashed rgba(28, 30, 48, .1);
	padding-top: 18px;
	margin-top: 20px
}

.blog-items3 .blog-content-item .date-learn-area .readmore .rots {
	transform: rotate(-20deg)
}

.blog-items3:hover .thumb img {
	transform: scale(1.1)
}

.blog-items3:hover .readmore span {
	color: var(--p1)
}

.blog-items3:hover h5 a {
	color: var(--p1)
}

.contact-bg {
	background: url(../images/contact/contact-v1.png) no-repeat center center;
	background-size: cover;
	background-attachment: fixed
}

.contact-versio-content1 {
	height: 100%
}

.form-grps-space input,
.form-grps-space textarea {
	padding: 16px 32px
}

@media(max-width: 1399px) {

	.form-grps-space input,
	.form-grps-space textarea {
		padding: 10px 19px
	}
}

.form-grps textarea,
.form-grps input {
	border: unset;
	outline: none;
	color: var(--n200);
	background: var(--n0);
	border-radius: 0
}

.call-icon {
	width: 60px;
	min-width: 60px;
	height: 60px
}

.sponsor-inner1 .sponsor-item {
	border-bottom: 1px solid var(--n200)
}

.sponsor-inner1 .sponsor-item:not(:last-child) {
	border-right: 1px solid var(--n200)
}

.sponsor-inner2 .sponsor-item:not(:last-child) {
	border-right: 1px solid var(--n200)
}

.sponsor-item {
	height: 290px;
	width: 100%;
	transition: all .5s
}

.sponsor-item img {
	transition: all .5s
}

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

.sponsor-item:hover img {
	filter: brightness(0) invert(1)
}

@media(max-width: 1600px) {
	.sponsor-item {
		height: 120px
	}
}

@media(max-width: 991px) {
	.sponsor-item {
		height: 90px
	}

	.sponsor-item img {
		width: 100px
	}
}

@media(max-width: 575px) {
	.sponsor-item {
		height: 50px
	}

	.sponsor-item img {
		width: 60px
	}
}

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

.main-formwrap form .control-grp textarea,
.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 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
	}
}

.contact-office-item .thumb {
	transition: all .4s
}

.contact-office-item .thumb img {
	transition: all .4s
}

.contact-office-item .content .office-contact-info li .icon {
	width: 36px;
	min-width: 36px;
	height: 36px
}

.contact-office-item:hover .thumb img {
	transform: scale(1.1)
}

.white-hover:hover {
	color: var(--n0)
}

.team-expart-about01 {
	position: relative;
	overflow: hidden
}

.team-expart-about01 .content {
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all .4s;
	opacity: 0
}

.team-expart-about01 .cmn-social {
	position: absolute;
	right: 0;
	bottom: 0;
	transition: all .4s;
	opacity: 0
}

.team-expart-about01::before {
	position: absolute;
	bottom: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: linear-gradient(0deg, #235CF2 0%, rgba(20, 53, 140, 0) 100%);
	transition: all .4s
}

.team-expart-about01:hover::before {
	bottom: 0%;
	left: 0;
	background: linear-gradient(0deg, #235CF2 0%, rgba(20, 53, 140, 0) 100%)
}

.team-expart-about01:hover .cmn-social {
	right: 32px;
	bottom: 32px;
	opacity: 1
}

.team-expart-about01:hover .content {
	bottom: 32px;
	left: 32px;
	opacity: 1
}

.team-expart-about01:hover .content h5 a {
	color: var(--n0)
}

@media(max-width: 1399px) {
	.team-expart-about01:hover .cmn-social {
		right: 14px;
		bottom: 14px
	}

	.team-expart-about01:hover .content {
		bottom: 14px;
		left: 14px
	}
}

.team-details-section {
	z-index: 1
}

.team-details-section::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 700px;
	z-index: -1;
	background: url(../images/watch/watch-bg.png) no-repeat center center;
	background-size: cover
}

@media(max-width: 991px) {
	.team-details-section::before {
		height: 100%
	}
}

.team-details-info .s1-clr {
	color: var(--s1)
}

.team-details-info .cmn-social li a:hover {
	border: 1px solid var(--n0);
	background: rgba(0, 0, 0, 0)
}

.team-details-info .cmn-social li a:hover i {
	color: var(--n0)
}

.testimonial-section {
	z-index: 1
}

.testimonial-section .section-quote {
	position: absolute;
	left: -60px;
	top: 40px;
	color: var(--n30);
	font-size: 200px;
	transform: rotate(120deg);
	z-index: -1
}

.testimonial-section .testimonial-mainarrow {
	position: absolute;
	top: 150px;
	right: 50px;
	z-index: -1
}

.testimonial-section .shapequote {
	position: absolute;
	left: -40px;
	top: 0;
	transform: rotate(170deg);
	z-index: -1
}

.testimonial-section .shapequote i {
	color: var(--n30);
	font-size: 200px
}

.testimonial-section .testimonial-arrow {
	position: absolute;
	top: 140px;
	right: 200px
}

.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)
}

.testimonial-arrow {
	position: absolute;
	top: 140px;
	right: 200px
}

.global-plan .global-fly {
	display: block;
	animation: runnings 14s linear infinite
}

@media(max-width: 1399px) {
	.global-plan {
		width: 150px;
		margin-left: auto
	}

	.global-plan img {
		width: 100%
	}
}

@media(max-width: 991px) {
	.global-plan {
		display: none !important
	}
}

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

.testimonial-item {
	transition: all .4s
}

.testimonial-item .thumb {
	border: 6px solid var(--p1);
	width: 120px;
	height: 120px;
	margin: 0 auto 20px;
	transition: all .4s
}

.testimonial-item .content h6 {
	font-size: 20px
}

.testimonial-item .quote {
	position: absolute;
	top: 0;
	right: 0
}

.testimonial-item .quote i {
	font-size: 100px;
	color: var(--n20)
}

.testimonial-item.active,
.testimonial-item:hover {
	background: var(--p1)
}

.testimonial-item.active .thumb,
.testimonial-item:hover .thumb {
	border-color: var(--n0)
}

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

@media(max-width: 767px) {
	.testimonial-item .thumb {
		border: 3px solid var(--p1);
		width: 90px;
		height: 90px;
		margin: 0 auto 20px
	}

	.testimonial-item .quote i {
		font-size: 40px
	}
}

.testimonial-version-wrap2 {
	margin-right: -350px
}

@media(max-width: 991px) {
	.testimonial-version-wrap2 {
		margin-right: 0
	}
}

.testimonial-item2 {
	padding: 38px 38px;
	border: 1px solid rgba(0, 5, 19, .1);
	transition: all .4s
}

.testimonial-item2 .line {
	border-bottom: 1px dashed var(--n50)
}

.testimonial-item2 .dev-social .devtext {
	background: var(--n20);
	font-size: 16px;
	font-weight: 400;
	color: var(--n900);
	padding: 4px 12px;
	border-radius: 100px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center
}

.testimonial-item2 .dev-social .xsocial {
	background: var(--n20);
	width: 48px;
	height: 40px;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .4s
}

.testimonial-item2 .dev-social .xsocial svg {
	width: 18px
}

.testimonial-item2 .dev-social .xsocial:hover {
	background: var(--s1)
}

.testimonial-item2 .dev-social .xsocial:hover svg path {
	stroke: var(--n0);
	fill: var(--n0)
}

.testimonial-item2:hover {
	background: var(--p1)
}

.testimonial-item2:hover h5,
.testimonial-item2:hover p,
.testimonial-item2:hover h6,
.testimonial-item2:hover span {
	color: var(--n0)
}

@media(max-width: 991px) {
	.testimonial-item2 {
		padding: 24px 24px
	}
}

.testimonial-slider3 .testimonial-item3 {
	margin-top: 50px
}

.testimonial-slider3 .testimonial-item3 .pra-area {
	padding: 50px 16px 85px;
	z-index: 1
}

.testimonial-slider3 .testimonial-item3 .pra-area p {
	max-width: 610px;
	margin: 0 auto;
	text-align: center;
	color: var(--n0);
	font-size: 24px
}

.testimonial-slider3 .testimonial-item3 .pra-area .quote3 {
	position: absolute;
	top: -30px;
	left: -3 0px
}

.testimonial-slider3 .testimonial-item3 .people {
	margin-top: -60px;
	z-index: 1;
	position: relative
}

.testimonial-slider3 .testimonial-item3 .people img {
	border: 5px solid var(--n0)
}

@media(max-width: 1399px) {
	.testimonial-slider3 .testimonial-item3 {
		margin-left: 0px;
		margin-top: 35px
	}

	.testimonial-slider3 .testimonial-item3 .pra-area {
		padding: 30px 16px 90px
	}

	.testimonial-slider3 .testimonial-item3 .pra-area p {
		font-size: 20px
	}

	.testimonial-slider3 .testimonial-item3 .pra-area .quote3 {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: -1;
		opacity: .4
	}
}

@media(max-width: 450px) {
	.testimonial-slider3 .testimonial-item3 {
		margin-top: 30px
	}

	.testimonial-slider3 .testimonial-item3 .pra-area {
		padding: 24px 16px 80px
	}

	.testimonial-slider3 .testimonial-item3 .pra-area p {
		font-size: 18px
	}

	.testimonial-slider3 .testimonial-item3 .pra-area .quote3 {
		opacity: .2
	}
}

.testimonial-slider3 .testimonial-preview-next button {
	width: 48px;
	height: 48px;
	background: #edf5f5;
	transition: all .4s
}

.testimonial-slider3 .testimonial-preview-next button i {
	font-size: 20px;
	transition: all .4s
}

.testimonial-slider3 .testimonial-preview-next button.active,
.testimonial-slider3 .testimonial-preview-next button:hover {
	background: var(--p1)
}

.testimonial-slider3 .testimonial-preview-next button.active i,
.testimonial-slider3 .testimonial-preview-next button:hover i {
	color: var(--n0)
}

.testimonial-slider3 .testimonial-preview-next .swiper-pagination-cus {
	display: flex;
	align-items: center;
	gap: 24px
}

.testimonial-slider3 .testimonial-preview-next .swiper-pagination-cus .swiper-pagination-bullet {
	height: 1px;
	border-radius: 0;
	background: rgba(24, 80, 80, .2);
	width: 100%
}

.testimonial-slider3 .testimonial-preview-next .swiper-pagination-cus .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--p1)
}

@media(max-width: 1199px) {
	.testimonial-slider3 .testimonial-preview-next button {
		width: 38px;
		height: 38px
	}

	.testimonial-slider3 .testimonial-preview-next button i {
		font-size: 16px
	}
}

@media(max-width: 991px) {
	.testimonial-slider3 .testimonial-preview-next .swiper-pagination-cus {
		gap: 9px
	}
}

.testimonial-item5 {
	display: flex;
	align-items: center;
	gap: 48px
}

.testimonial-item5 .author-thumb {
	max-width: 525px;
	height: 526px;
	min-width: 526px;
	width: 526px
}

.testimonial-item5 .author-thumb img {
	width: 100%;
	height: 100%
}

.testimonial-item5 .author-thumb .quote-icon {
	position: absolute;
	top: 12%;
	left: 0%;
	width: 100px;
	height: 100px
}

.testimonial-item5 .author-thumb .quote-icon i {
	font-size: 32px
}

@media(max-width: 1199px) {
	.testimonial-item5 {
		gap: 24px
	}

	.testimonial-item5 .author-thumb {
		max-width: 400px;
		height: 400px;
		min-width: 400px;
		width: 400px
	}

	.testimonial-item5 .author-thumb .quote-icon {
		width: 60px;
		height: 60px
	}

	.testimonial-item5 .author-thumb .quote-icon i {
		font-size: 24px
	}
}

@media(max-width: 991px) {
	.testimonial-item5 {
		gap: 24px
	}

	.testimonial-item5 .author-thumb {
		max-width: 250px;
		height: 250px;
		min-width: 250px;
		width: 250px
	}

	.testimonial-item5 .author-thumb .quote-icon {
		width: 60px;
		height: 60px
	}

	.testimonial-item5 .author-thumb .quote-icon i {
		font-size: 24px
	}
}

@media(max-width: 767px) {
	.testimonial-item5 {
		gap: 20px
	}

	.testimonial-item5 .author-thumb {
		max-width: 190px;
		height: 190px;
		min-width: 190px;
		width: 190px
	}

	.testimonial-item5 .author-thumb .quote-icon {
		width: 60px;
		height: 60px
	}

	.testimonial-item5 .author-thumb .quote-icon i {
		font-size: 24px
	}
}

@media(max-width: 575px) {
	.testimonial-item5 {
		gap: 20px;
		flex-wrap: wrap
	}

	.testimonial-item5 .author-thumb {
		max-width: 190px;
		height: 190px;
		min-width: 190px;
		width: 190px;
		margin: 0 auto
	}

	.testimonial-item5 .author-thumb .quote-icon {
		width: 60px;
		height: 60px
	}

	.testimonial-item5 .author-thumb .quote-icon i {
		font-size: 24px
	}
}

.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%;
	-o-object-fit: contain;
	object-fit: contain
}

@media(max-width: 1199px) {
	.partnered-item2 {
		max-width: 180px
	}

	.partnered-item2 .track {
		width: 70px;
		height: 40px;
		-o-object-fit: contain;
		object-fit: contain
	}
}

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

.choose-section .choose-ele1 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1
}

.choose-section.courier-customize1 .choose-ele1 {
	position: absolute;
	top: initial;
	bottom: -200px;
	left: 40%
}

.choose-section.courier-customize1 .partnered-wrapper-style .partnered-item {
	background: var(--n0);
	border: 1px solid var(--n0);
	padding: 11px 18px;
	transition: all .4s
}

.choose-section.courier-customize1 .partnered-wrapper-style .partnered-item:hover {
	background: var(--p1)
}

.choose-section.courier-customize1 .partnered-wrapper-style .partnered-item:hover img {
	filter: brightness(0) invert(1)
}

.choose-section.courier-customize2 .choose-ele1 {
	position: absolute;
	top: initial;
	bottom: -200px;
	left: 40%
}

.choose-section.courier-customize2 .partnered-wrapper-style .partnered-item {
	background: var(--n20);
	border: 1px solid var(--n0);
	padding: 11px 24px;
	transition: all .4s
}

.choose-section.courier-customize2 .partnered-wrapper-style .partnered-item:hover {
	background: var(--p1)
}

.choose-section.courier-customize2 .partnered-wrapper-style .partnered-item:hover img {
	filter: brightness(0) invert(1)
}

.service-section-v02 .service-browse-item::before {
	transition: all .5s
}

.service-section-v02 .service-browse-item .service-content {
	padding: 0 35px 35px
}

.service-details-right .flight-wrap a {
	transition: all .4s;
	display: block
}

.service-details-right .flight-wrap a:hover {
	background: var(--p1);
	color: var(--n0)
}

.service-details-right form input {
	border: 1px solid var(--n0);
	color: var(--n0);
	padding: 10px 24px;
	font-size: 14px;
	border-radius: 0;
	margin-bottom: 20px
}

.service-details-right form ::-moz-placeholder {
	color: var(--n0)
}

.service-details-right form ::placeholder {
	color: var(--n0)
}

@media(max-width: 991px) {
	.service-details-right .main-box-one {
		width: 50%
	}
}

@media(max-width: 767px) {
	.service-details-right .main-box-one {
		width: 100%
	}
}

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

.choose-section5 .service-browse-item::before {
	transition: all .5s
}

.choose-section5 .service-browse-item .service-content {
	padding: 0 28px 24px
}

.choose-section5 .choose-ele5 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: .5
}

.ser-single-item {
	box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, .03), 0px 20px 24px -6px rgba(16, 24, 40, .08);
	border: 1px solid rgba(0, 5, 19, .1);
	transition: all .5s
}

.ser-single-item:hover {
	box-shadow: 0px 8px 8px -4px rgba(92, 97, 109, .03), 0px 20px 24px -6px rgba(16, 24, 40, 0);
	border: 1px solid rgba(0, 5, 19, .1)
}

.country-access-wrap {
	display: grid;
	flex-wrap: wrap;
	grid-template-columns: repeat(5, 1fr);
	gap: 30px 20px;
	justify-content: center
}

@media(max-width: 1199px) {
	.country-access-wrap {
		gap: 18px 14px;
		grid-template-columns: repeat(4, 1fr)
	}
}

@media(max-width: 767px) {
	.country-access-wrap {
		grid-template-columns: repeat(3, 1fr)
	}
}

@media(max-width: 575px) {
	.country-access-wrap {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px 8px
	}
}

.process-wrapper2 {
	display: flex;
	justify-content: space-between;
	gap: 20px
}

.process-wrapper2 .process-item {
	max-width: 330px
}

.process-wrapper2.trucking-process-wrap .process-item {
	max-width: 100%
}

@media(max-width: 767px) {
	.process-wrapper2 {
		flex-wrap: wrap;
		justify-content: center
	}

	.process-wrapper2 .process-item {
		text-align: center
	}
}

.trusted-business img {
	width: 52px;
	height: 52px;
	-o-object-fit: contain;
	object-fit: contain
}

@media(max-width: 1199px) {
	.trusted-business img {
		width: 42px;
		height: 42px;
		-o-object-fit: contain;
		object-fit: contain
	}
}

.small-icon {
	font-size: 4px
}

.rots {
	transform: rotate(-20deg)
}

.process-section .container {
	max-width: 1551px;
	margin: 0 auto
}

.process-section .slider-btn .swiper-button-prevteam {
	position: absolute;
	top: 62%;
	transform: translateY(-50%);
	left: 80px
}

.process-section .slider-btn .swiper-button-nextteam {
	position: absolute;
	top: 62%;
	transform: translateY(-50%);
	right: 80px
}

@media(max-width: 1850px) {
	.process-section .slider-btn {
		margin-top: 24px
	}

	.process-section .slider-btn .swiper-button-prevteam {
		position: initial;
		top: 50%;
		transform: translateY(0%);
		left: initial
	}

	.process-section .slider-btn .swiper-button-nextteam {
		position: initial;
		top: 50%;
		transform: translateY(0%);
		right: initial
	}
}

.process-single-item {
	display: flex;
	align-items: center
}

.process-single-item .cont {
	width: 665px;
	min-width: 665px
}

.process-single-item .cont .box {
	padding: 24px 60px
}

@media(max-width: 1399px) {
	.process-single-item .cont {
		width: 500px;
		min-width: 500px
	}

	.process-single-item .cont .box {
		padding: 24px 24px
	}
}

@media(max-width: 1199px) {
	.process-single-item .cont {
		width: 400px;
		min-width: 400px
	}

	.process-single-item .cont .box {
		padding: 24px 24px
	}
}

@media(max-width: 767px) {
	.process-single-item {
		flex-wrap: wrap;
		justify-content: center;
		text-align: center
	}

	.process-single-item .cont {
		max-width: 400px;
		min-width: initial
	}

	.process-single-item .cont .box {
		padding: 24px 24px
	}
}

.ware-solution-item {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.ware-solution-item .cont {
	padding: 28px 38px;
	width: 2
}

.ware-solution-item .ware-solu-thumb {
	height: 362px;
	max-width: 376px
}

.ware-solution-item .ware-solu-thumb img {
	height: 100%
}

@media(max-width: 1800px) {
	.ware-solution-item .cont {
		width: 2;
		padding: 28px 16px
	}
}

@media(max-width: 1399px) {
	.ware-solution-item .cont {
		width: 1.4285714286;
		padding: 28px 16px
	}

	.ware-solution-item .ware-solu-thumb {
		width: 376px;
		max-width: 100%;
		min-width: 270px
	}
}

@media(max-width: 1199px) {
	.ware-solution-item {
		flex-wrap: wrap;
		justify-content: center
	}

	.ware-solution-item .cont {
		width: 100%;
		padding: 28px 16px;
		text-align: center
	}

	.ware-solution-item .cont .finding-arrow {
		justify-content: center !important
	}

	.ware-solution-item .ware-solu-thumb {
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		height: initial;
		margin: 0 auto;
		text-align: center;
		padding-bottom: 16px
	}
}

.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
	}
}

.map-ele {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: brightness(0);
	z-index: -1;
	opacity: .1
}

.services-section3 {
	z-index: 1
}

.services-version-wrap3 .working-process-item {
	height: 100%;
	margin: 0
}

.services-version-wrap3 .working-process-item .service-icon img {
	transition: all .4s
}

.services-version-wrap3 .working-process-item .single-arrow-right {
	width: 60px;
	height: 60px;
	border: 1px solid var(--n900);
	transition: all .4s
}

.services-version-wrap3 .working-process-item .single-arrow-right i {
	color: var(--n900);
	font-size: 18px;
	transition: all .4s
}

.services-version-wrap3 .working-process-item .single-line {
	width: 115px;
	height: 1px;
	background: var(--n900)
}

.services-version-wrap3 .working-process-item:hover .service-icon img {
	filter: brightness(25)
}

.services-version-wrap3 .working-process-item:hover .single-line {
	background: var(--n0)
}

.services-version-wrap3 .working-process-item:hover .single-arrow-right {
	border: 1px solid var(--s1);
	background: var(--s1)
}

.services-version-wrap3 .working-process-item:hover .single-arrow-right i {
	transform: rotate(-14deg)
}

.ware-service-items {
	transition: all .4s
}

.ware-service-items:hover {
	transform: translateY(-10px) !important
}

.sustainable-sections {
	background: url(../images/service/sustainable-bg.png) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	padding: 150px 0
}

.sustainable-sections .sustainable-content-area {
	max-width: 420px
}

@media(max-width: 1399px) {
	.sustainable-sections {
		padding: 90px 0;
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: center
	}

	.sustainable-sections .sustainable-content-area {
		margin: 0 auto
	}
}

.shippes-content-wrapper .shippes-customization-item {
	background: var(--n0);
	padding: 32px 40px;
	transition: all .5s
}

.shippes-content-wrapper .shippes-customization-item .serial {
	font-size: 48px;
	font-weight: 600;
	-webkit-text-stroke: 1px #000;
	text-stroke: 1px #000;
	transition: all .5s
}

.shippes-content-wrapper .shippes-customization-item .line {
	height: 84px;
	border-left: 1px dashed var(--n900);
	transition: all .5s
}

.shippes-content-wrapper .shippes-customization-item .arrow {
	font-size: 20px;
	color: var(--n900);
	display: flex;
	justify-content: flex-end;
	transition: all .5s
}

.shippes-content-wrapper .shippes-customization-item .arrow i {
	transform: rotate(-15deg);
	transition: all .5s
}

.shippes-content-wrapper .shippes-customization-item:hover {
	background: var(--p1)
}

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

.shippes-content-wrapper .shippes-customization-item:hover .serial {
	-webkit-text-stroke: 1px var(--n0);
	text-stroke: 1px var(--n0)
}

.shippes-content-wrapper .shippes-customization-item:hover .line {
	border-left: 1px dashed var(--n0)
}

.shippes-content-wrapper .shippes-customization-item:hover .arrow i {
	color: var(--n0)
}

@media(max-width: 1399px) {
	.shippes-content-wrapper .shippes-customization-item {
		padding: 30px 30px
	}
}

@media(max-width: 1199px) {
	.shippes-content-wrapper .shippes-customization-item {
		padding: 30px 24px
	}
}

.stickey-cus {
	position: sticky;
	top: 0
}

.label-question {
	position: relative;
	z-index: 1
}

.label-question::before {
	position: absolute;
	left: 0;
	content: "";
	bottom: 0;
	width: 100%;
	height: 576px;
	z-index: -1;
	background: url(../images/banner/question-care.png) no-repeat center center;
	background-size: cover
}

.label-question-wrap {
	border: 1px solid rgba(0, 0, 0, .1);
	background: var(--n0);
	box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, .18);
	padding: 48px 48px
}

@media(max-width: 1199px) {
	.label-question-wrap {
		padding: 36px 36px
	}
}

@media(max-width: 767px) {
	.label-question-wrap {
		padding: 30px 20px
	}
}

.go-single-item {
	box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, .03), 0px 20px 24px -6px rgba(16, 24, 40, .08);
	padding: 34px 34px;
	transition: all .4s
}

.go-single-item h4,
.go-single-item a,
.go-single-item p,
.go-single-item i {
	transition: all .4s
}

.go-single-item .finding-arrow i {
	font-size: 14px
}

.go-single-item:hover {
	box-shadow: rgba(99, 99, 99, .2) 0px 2px 8px 0px
}

.go-single-item:hover .finding-arrow i {
	margin-left: 7px
}

@media(max-width: 1199px) {
	.go-single-item {
		padding: 28px 20px
	}
}

.team-experties-wrapper4 {
	display: grid;
	justify-content: center;
	place-items: center;
	grid-template-columns: repeat(5, 1fr);
	gap: 24px
}

@media(max-width: 1600px) {
	.team-experties-wrapper4 {
		grid-template-columns: repeat(4, 1fr)
	}
}

@media(max-width: 1399px) {
	.team-experties-wrapper4 {
		grid-template-columns: repeat(3, 1fr)
	}
}

@media(max-width: 991px) {
	.team-experties-wrapper4 {
		grid-template-columns: repeat(3, 1fr);
		gap: 16px
	}
}

@media(max-width: 767px) {
	.team-experties-wrapper4 {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px
	}
}

@media(max-width: 500px) {
	.team-experties-wrapper4 {
		grid-template-columns: repeat(1, 1fr);
		gap: 16px
	}
}

.experties-single-item .thumb img {
	transition: all .4s
}

.experties-single-item:hover .content h5 a {
	color: var(--p1)
}

.experties-single-item:hover .thumb img {
	transform: scale(1.1)
}

.boeing-section .nav-tabs {
	display: grid;
	grid-template-columns: repeat(4, 1fr)
}

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

.boeing-section .nav-tabs .nav-item .nav-link.active {
	background: var(--p1);
	color: var(--n0)
}

@media(max-width: 575px) {
	.boeing-section .nav-tabs {
		grid-template-columns: repeat(2, 1fr);
		gap: 0px 7px
	}
}

.boeing-thumb .lifter-cont {
	position: absolute;
	bottom: 0;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--n0);
	width: 90%;
	margin: 64px
}

@media(max-width: 991px) {
	.boeing-thumb .lifter-cont {
		margin: 30px
	}
}

@media(max-width: 575px) {
	.boeing-thumb .lifter-cont {
		margin: 10px 10px
	}
}

@media(max-width: 575px) {
	.delivery-costs .responsive-one {
		overflow-x: scroll
	}

	.delivery-costs .responsive-one table {
		width: 500px
	}
}

.delivery-costs table {
	margin-bottom: 0
}

.delivery-costs table thead th {
	padding: 0;
	padding-bottom: 20px
}

.delivery-costs table tbody tr td {
	padding: 14px 0;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	border-top: 1px solid rgba(0, 0, 0, .1)
}

.delivery-costs.style2 table thead th {
	padding: 14px 7px;
	text-align: center
}

.delivery-costs.style2 table thead th:last-child {
	background: var(--p1);
	color: var(--n0)
}

.delivery-costs.style2 table tbody tr:nth-child(odd) {
	background: #f5f5f6
}

.delivery-costs.style2 table tbody td {
	color: #666971;
	border: unset;
	text-align: center
}

.delivery-costs.style2 table tbody td:last-child {
	background: var(--p1);
	color: var(--n0)
}

.before-costs-wrap .icon {
	width: 48px;
	height: 48px;
	min-width: 48px;
	background: rgba(35, 92, 242, .1)
}

.before-costs-wrap .line {
	width: 100%;
	height: 1px;
	background: rgba(0, 0, 0, .1)
}

.quick-content .quick-list li {
	position: relative
}

.quick-content .quick-list li::before {
	position: absolute;
	left: 0;
	width: 4px;
	height: 4px;
	background: var(--n80);
	content: "";
	border-radius: 50%
}

.rot24 {
	transform: rotate(-24deg)
}

.shipping-standard-wrap {
	display: grid;
	gap: 24px
}

.shipping-standard-wrap .line {
	width: 100%;
	height: 1px;
	background: rgba(0, 0, 0, .1)
}

.shipping-standard-wrap .shipping-standard-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px 24px
}

.shipping-standard-wrap .shipping-standard-item h5 {
	min-width: 225px
}

.shipping-standard-wrap .shipping-standard-item p {
	max-width: 672px
}

.shipping-standard-wrap .shipping-standard-item:hover h5 a {
	color: var(--p1)
}

.shipping-standard-wrap .shipping-standard-item:hover a .rots {
	transform: rotate(-90deg)
}

@media(max-width: 991px) {
	.shipping-standard-wrap {
		gap: 20px
	}

	.shipping-standard-wrap .shipping-standard-item {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 14px 16px
	}

	.shipping-standard-wrap .shipping-standard-item h5 {
		min-width: 160px
	}

	.shipping-standard-wrap .shipping-standard-item p {
		max-width: 672px
	}
}

@media(max-width: 767px) {
	.shipping-standard-wrap {
		gap: 20px
	}

	.shipping-standard-wrap .shipping-standard-item {
		display: grid;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		gap: 14px 16px
	}

	.shipping-standard-wrap .shipping-standard-item h5 {
		min-width: 160px
	}

	.shipping-standard-wrap .shipping-standard-item p {
		max-width: 672px
	}
}

/*# sourceMappingURL=style.min.css.map */