:root {
	--header-one-bg: #fff;
	--header-two-bg: #fff;
	--header-one-color: #383333;
	--header-two-color: #383333;
	--header-one-hover-color: #1e3799;
	--header-one-active-color: #0d2894;
	--header-two-hover-color: #1e3799;
	--header-two-active-color: #0d2894;
	--thumb-bg-one: #fff;
	--thumb-text-one: #333;
	--footer-offer-bg: rgba(248, 249, 250);
	--footer-main-bg: #fff;
	--footer-info-bg: #fff;
	--footer-copyright-bg: rgba(248, 249, 250);
	--footer-offer-color: #0b163f;
	--footer-main-color: #0b163f;
	--footer-info-color: #0b163f;
	--footer-copyright-color: #0b163f;
	--footer-offer-hover-color: #1e3799;
	--footer-offer-active-color: #0d2894;
	--footer-main-hover-color: #1e3799;
	--footer-main-active-color: #0d2894;
	--footer-info-hover-color: #1e3799;
	--footer-info-active-color: #0d2894;
	--footer-copyright-hover-color: #1e3799;
	--footer-copyright-active-color: #0d2894;
	--bg-light: #f5f6f891;
	--bg-grey: #f4f8fb;
	--light-color: #383333;
	--light-hover: #213daf;
	--light-active: #0d2894;
	--bg-dark: #0b163f;
	--dark-color: #fff;
	--dark-hover: #079992;
	--dark-active: #08807a;
	--navbar-responsive-bg: #30336b;
	--border-style-one: 1px solid #e8e8ef;
	--border-style-two: 1px solid #e5e5ee;
	--border-style-three: 1px solid #ededf4;
	--text-muted-color: #697485;
	--text-main-color: #142149;
	--main-hover: #1e3799;
	--main-active: #0d2894;
	--text-dark-one: black;
	--text-dark-two: #28446b;
	--text-dark-three: #0b163f;
	--hover-color-style-two: #079992;
	--active-color-style-two: #08807a;
	--hover-color-style-three: #6ab04c;
	--active-color-style-three: #49862f;
	--btn-primary-color: #2f57a4;
	--btn-primary-hover: #236aec;
	--btn-primary-active: #1b4696;
	--bs-font-sans-serif: "Noto Sans SC", sans-serif;
	--link-color: #0e69ef;
	--link-hover: #0c55c2;
	--link-active: #063d91;
	--text-success: rgb(24 126 79);
	--text-black: #000;
	--text-blue: #266eda;
	--text-blue-dark: #0b3585;
	--text-indigo: #6610f2;
	--text-purple: #6f42c1;
	--text-pink: #6f42c1;
	--text-red: #dc3545;
	--text-orange: #fd7e14;
	--text-yellow: #ffc107;
	--text-green: #1db46e;
	--text-teal: #16af81;
	--text-cyan: #09aaca;
	--text-grey: rgb(155, 155, 155);
	--bg-blue-light: #0d6dfd2c;
	--bg-indigo-light: #6710f22c;
	--bg-purple-light: #6e42c134;
	--bg-pink-light: #6335b934;
	--bg-red-light: #dc35461f;
	--bg-orange-light: #fd7d1428;
	--bg-yellow-light: #ffc10728;
	--bg-green-light: #1db46e38;
	--bg-teal-light: #20c9962f;
	--bg-cyan-light: #0dcaf033;
	--bg-grey-light: rgba(255, 255, 255, 0.1);
	--bg-white: #fff;
	--scrollbar-bg: #CFD8DC;
	--scrollbar-thumb: #90A4AE;
}

@font-face {
	font-family: 'Noto Sans SC', serif;
}

[data-cc-theme*="dark"] {
	--header-one-bg: #00111c;
	--header-two-bg: #00111c;
	--header-one-color: #fff;
	--header-two-color: #fff;
	--header-one-hover-color: #2196f3;
	--header-one-active-color: #1d80d1;
	--header-two-hover-color: #2196f3;
	--header-two-active-color: #1d80d1;
	--thumb-bg-one: #00111c;
	--footer-offer-bg: #021e30;
	--footer-main-bg: #00111c;
	--footer-info-bg: #00111c;
	--footer-copyright-bg: #021e30;
	--footer-offer-color: #fff;
	--footer-main-color: #fff;
	--footer-info-color: #fff;
	--footer-copyright-color: #fff;
	--footer-offer-hover-color: #2196f3;
	--footer-offer-active-color: #1d80d1;
	--footer-main-hover-color: #2196f3;
	--footer-main-active-color: #1d80d1;
	--footer-info-hover-color: #2196f3;
	--footer-info-active-color: #1d80d1;
	--footer-copyright-hover-color: #2196f3;
	--footer-copyright-active-color: #1d80d1;
	--bg-light: #011725;
	--bg-grey: #031c2b;
	--light-color: #fff;
	--light-hover: #2196f3;
	--light-active: #1d80d1;
	--bg-dark: #0b163f;
	--dark-color: #fff;
	--dark-hover: #079992;
	--dark-active: #08807a;
	--navbar-responsive-bg: #001a2c;
	--border-style-one: 1px solid #e8e8ef;
	--border-style-two: 1px solid #e5e5ee;
	--border-style-three: 1px solid #ededf4;
	--text-muted-color: #6e7f99;
	--text-main-color: #fff;
	--main-hover: #2196f3;
	--main-active: #1d80d1;
	--text-dark-one: #fff;
	--text-dark-two: #28446b;
	--thumb-text-one: #fff;
	--hover-color-style-two: #079992;
	--active-color-style-two: #08807a;
	--hover-color-style-three: #6ab04c;
	--active-color-style-three: #49862f;
	--btn-primary-color: #2f57a4;
	--btn-primary-hover: #3767c0;
	--btn-primary-active: #1b4085;
	--link-color: #599afb;
	--link-hover: #3277dd;
	--link-active: #1958b8;
	--text-success: #35a371;
	--text-black: #fff;
	--text-blue: #2a7cf7;
	--text-blue-dark: #0b3585;
	--text-indigo: #6610f2;
	--text-purple: #6f42c1;
	--text-pink: #6f42c1;
	--text-red: #dc3545;
	--text-orange: #fd7e14;
	--text-yellow: #ffc107;
	--text-green: #1db46e;
	--text-teal: #16af81;
	--text-cyan: #09aaca;
	--text-grey: rgb(155, 155, 155);
	--bg-blue-light: #4f8ae15e;
	--bg-indigo-light: #6710f22c;
	--bg-purple-light: #6e42c134;
	--bg-pink-light: #6335b934;
	--bg-red-light: #dc354652;
	--bg-orange-light: #fd7d1428;
	--bg-yellow-light: #ffc10728;
	--bg-green-light: #1db46e38;
	--bg-teal-light: #20c9962f;
	--bg-cyan-light: #0dcaf033;
	--bg-grey-light: rgba(255, 255, 255, 0.1);
	--bg-white: #00111c;
	--bs-list-group-bg: #00111c;
	--scrollbar-bg: #CFD8DC;
	--scrollbar-thumb: #90A4AE;
}

[data-cc-theme*="dark"] input,
[data-cc-theme*="dark"] textarea,
[data-cc-theme*="dark"],
[data-cc-theme*="dark"] .accordion-flush .accordion-item .accordion-button,
[data-cc-theme*="dark"] .accordion-body,
[data-cc-theme*="dark"] .main-timeline .timeline-icon:after {
	background-color: var(--thumb-bg-one);
}

[data-cc-theme*="dark"] .main-timeline:before {
	background-color: var(--bg-light);
}

[data-cc-theme*="dark"] .accordion-body,
[data-cc-theme*="dark"] .accordion-flush .accordion-item .accordion-button,
[data-cc-theme*="dark"] .main-timeline .description {
	color: var(--text-main-color);
}

[data-cc-theme*="dark"] .bg-white {
	background-color: var(--bg-white) !important;
}

[data-cc-theme*="dark"] .accordion-button:after {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

[data-cc-theme*="dark"] .btn-outline-transparent {
	color: var(--text-main-color);
}

[data-cc-theme*="dark"] .btn-outline-transparent:hover {
	border-color: var(--text-main-color);
}

[data-cc-theme*="dark"] .input-group button {
	border: 1px solid var(--text-main-color) !important;
}

[data-cc-theme*="dark"] .dropdown-menu {
	background-color: var(--bg-white);
}

[data-cc-theme*="dark"] .list-group-item,
[data-cc-theme*="dark"] .btn-outline-primary,
[data-cc-theme*="dark"] .btn-outline-skyblue {
	border-color: var(--text-main-color);
	color: var(--text-main-color);
}

[data-cc-theme*="dark"] .pagination {
	--bs-pagination-padding-x: 0.75rem;
	--bs-pagination-padding-y: 0.375rem;
	--bs-pagination-font-size: 1rem;
	--bs-pagination-color: var(--text-main-color);
	--bs-pagination-bg: var(--bg-light);
	--bs-pagination-border-width: 1px;
	--bs-pagination-border-color: #dee2e6;
	--bs-pagination-border-radius: 0.375rem;
	--bs-pagination-hover-color: var(--text-main-color);
	--bs-pagination-hover-bg: var(--bg-dark);
	--bs-pagination-hover-border-color: #dee2e6;
	--bs-pagination-focus-color: var(--text-main-color);
	--bs-pagination-focus-bg: var(--bg-dark);
	--bs-pagination-focus-box-shadow: 0 0 0 0.25remrgba(13, 110, 253, 0.25);
	--bs-pagination-active-color: #fff;
	--bs-pagination-active-bg: var(--bg-dark);
	--bs-pagination-active-border-color: var(--bg-dark);
	--bs-pagination-disabled-color: #6c757d;
	--bs-pagination-disabled-bg: #fff;
	--bs-pagination-disabled-border-color: #dee2e6;
}

::placeholder {
	color: #bec9d4 !important;
}

[data-cc-theme*="dark"] select,
[data-cc-theme*="dark"] select option {
	background-color: var(--bg-white);
	color: var(--thumb-text-one);
}

[data-cc-theme*="dark"] input,
[data-cc-theme*="dark"] textarea {
	color: var(--thumb-text-one) !important;
}

[data-cc-theme*="dark"] input:focus,
[data-cc-theme*="dark"] textarea:focus,
[data-cc-theme*="dark"] select:focus {
	background-color: var(--bg-blue-light) !important;
	color: var(--thumb-text-one);
}

[data-cc-theme*="dark"] .list-group * {
	background-color: transparent;
}

[data-cc-theme*="dark"] .avatars .avatar {
	border-color: #ffffff4d !important;
}

[data-cc-theme*="dark"] .avatars .avatar-active {
	border-color: #fff !important;
}

[data-cc-theme*="dark"] .iti__country-list {
	background-color: var(--bg-white);
}

.btn-secondary {
	background-color: #2f3037;
	border-color: #2f3037;
	box-shadow: unset !important;
}

html,
body {
	margin: 0;
	height: 100%;
}

body {
	min-height: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	scrollbar-width: thin;
	scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
}

body::-webkit-scrollbar {
	width: 11px;
}

body::-webkit-scrollbar-track {
	background: var(--scrollbar-bg);
}

body::-webkit-scrollbar-thumb {
	background-color: var(--scrollbar-thumb);
	border-radius: 6px;
	border: 3px solid var(--scrollbar-bg);
}

header,
main,
footer {
	flex-shrink: 0;
}

main {
	flex-grow: 1;
}

header {
	grid-area: header;
}

main {
	grid-area: main;
}

footer {
	grid-area: footer;
}

.btn:not([class*="transparent"]):not([class*="outline"]) {
	box-shadow: 0 3px 5px 0 rgb(47 85 212 / 30%);
}

.btn.shadow-sm {
	box-shadow: 0 3px 5px 0 rgb(47 85 212 / 30%) !important;
}

[class*="theme-dark"] .btn-primary {
	color: #000 !important;
	background-color: #f8f9fa;
	border-color: #f8f9fa
}

[class*="theme-dark"] .btn-primary:hover {
	background-color: #d9dee2;
	border-color: #d9dee2;
}

[class*="theme-dark"] .btn-primary:active {
	background-color: #b9bfc4;
	border-color: #b9bfc4
}

.theme-blue-dark .btn-transparent {
	color: #fff !important;
}

.Noto Sans SC {
	font-family: "Noto Sans SC" !important;
}

.Noto Sans SC {
	font-family: "Noto Sans SC" !important;
}

.Noto Sans SC {
	font-family: "Noto Sans SC" !important;
}

.overlay {
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.219);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11;
}

.logo {
	max-width: 108px;
}

.logo img {
	width: 100%;
	height: auto;
}

a {
	text-decoration: none;
}

.nav-link:not([class*="btn"]),
.nav-link:not([class*="btn"]) *,
a:not([class*="btn"]),
a:not([class*="btn"]) {
	/* color: var(--text-main-color); */
	color: #333333;
	transition: color 0.2s ease-in-out;
}

.nav-list-span {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding: 20px;
}

.nav-list-span a * {
	color: #0d6efd !important;
}

.scokai-separator {
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 16px;
	color: #666;
	padding: 10px 10px;
	background: #f0f0f0;
	border-radius: 8px;
	display: flex;
	align-items: center;
}

.scokai-separator a {
	color: var(--link-color) !important;
	text-decoration: none;
	transition: color 0.3s !important;
}

.scokai-separator a:hover {
	color: #0056b3;
	text-decoration: underline;
}

.bullet {
	margin: 0 10px;
}

.nav-link:not([class*="btn"]):hover,
.nav-link:not([class*="btn"]):hover *,
a:not([class*="btn"]):hover *,
a:not([class*="btn"]):hover {
	/* color: var(--main-hover); */
	color: #446BEE;
}

a.active,
.nav-link:not([class*="btn"]):active,
.nav-link:not([class*="btn"]):active *,
a:not([class*="btn"]):active *,
a:not([class*="btn"]):active {
	color: var(--main-active);
}

h1,
h2,
h3,
h5,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h5,
.h6 {
	font-family: "Noto Sans SC";
	color: var(--thumb-text-one);
	font-weight: 700;
}

.thumb .container .align-items-center h3 {
	font-size: 1.0552rem;
	margin: 10px -5px;
	padding: 10px;
	border-radius: 10px;
	font-weight: 700;
}

.border-bottom.bg-light .container p a {
	color: var(--btn-primary-hover);
}

p,
span,
cite,
a,
i,
label,
li {
	font-family: "Noto Sans SC";
	color: var(--thumb-text-one);
}

[class*="bg-"] {
	background-size: cover !important;
}

.bg-light {
	background-color: var(--bg-light) !important;
}

.bg-light h1,
.bg-light h2,
.bg-light h3,
.bg-light h4,
.bg-light h5,
.bg-light h6,
.bg-light .h1,
.bg-light .h2,
.bg-light .h3,
.bg-light .h4,
.bg-light .h5,
.bg-light .h6,
.bg-light span,
.bg-light p,
.bg-light cite,
.bg-light i,
.bg-light a {
	color: var(--thumb-text-one);
}

.no-merchant img {
	width: 60% !important;
	border: 1px solid #cccccc;
	border-radius: 8px;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	margin: 20px 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.no-merchant img:hover {
	transform: scale(1.03);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.search_suggestions li {
	margin: 15px;
	border-bottom: 1px solid #adb5bd69;
	padding-bottom: 8px;
}

.search_suggestions li span {
	width: 30%;
	display: -webkit-inline-box;
}

.search_suggestions li span u {
	font-size: 12px;
	margin-left: 5px;
	color: var(--text-red) !important;
}

.bg-light .btn-primary {
	color: #fff;
}

.search_suggestions .search-results {
	margin: 5px 15px;
	padding: 5px 0;
	border-bottom: 1px solid #eaeaea;
}

.search_suggestions .search-results span span {
	right: 0px;
	position: absolute;
}

.search_suggestions {
	--bs-dropdown-min-width: 32.85rem;
	--bs-dropdown-padding-x: 0;
	--bs-dropdown-padding-y: 0.5rem;
	--bs-dropdown-spacer: 0.125rem;
	--bs-dropdown-font-size: 1rem;
	--bs-dropdown-color: #212529;
	--bs-dropdown-bg: #fff;
	--bs-dropdown-border-color: var(--bs-border-color-translucent);
	--bs-dropdown-border-radius: 0.375rem;
	--bs-dropdown-border-width: 1px;
	--bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
	--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
	--bs-dropdown-divider-margin-y: 0.5rem;
	--bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	--bs-dropdown-link-color: #212529;
	--bs-dropdown-link-hover-color: #1e2125;
	--bs-dropdown-link-hover-bg: #e9ecef;
	--bs-dropdown-link-active-color: #fff;
	--bs-dropdown-link-active-bg: #0d6efd;
	--bs-dropdown-link-disabled-color: #adb5bd;
	--bs-dropdown-item-padding-x: 1rem;
	--bs-dropdown-item-padding-y: 0.25rem;
	--bs-dropdown-header-color: #6c757d;
	--bs-dropdown-header-padding-x: 1rem;
	--bs-dropdown-header-padding-y: 0.5rem;
	position: absolute;
	z-index: 1000;
	display: none;
	top: 63px;
	min-width: var(--bs-dropdown-min-width);
	padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
	margin: 0;
	font-size: var(--bs-dropdown-font-size);
	color: var(--bs-dropdown-color);
	text-align: left;
	list-style: none;
	background-color: var(--bs-dropdown-bg);
	background-clip: padding-box;
	border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
	border-radius: var(--bs-dropdown-border-radius);
}

.search_suggestions .suggestion {
	margin: 15px;
}

.bg-light .nav-link:not([class*="btn"]),
.bg-light .nav-link:not([class*="btn"]) *,
.bg-light a:not([class*="btn"]),
.bg-light a:not([class*="btn"]) {
	color: var(--light-color);
	transition: color 0.2s ease-in-out;
}

.bg-light .nav-link:not([class*="btn"]):hover,
.bg-light .nav-link:not([class*="btn"]):hover *,
.bg-light a:not([class*="btn"]):hover *,
.bg-light a:not([class*="btn"]):hover,
a.link:hover {
	color: var(--light-hover);
}

.bg-light .nav-link:not([class*="btn"]):active,
.bg-light .nav-link:not([class*="btn"]):active *,
.bg-light a:not([class*="btn"]):active *,
.bg-light a:not([class*="btn"]):active,
a.link:active {
	color: var(--light-active);
}

#new-popupContainer {
	display: none;
	position: fixed;
	top: 100%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	padding: 20px;
	z-index: 1001;
}

#new-popupButton {
	margin: 10px;
}

#new-popupOverlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1000;
}

#d-flex-us-popupButton {
	margin: 20px;
}

#d-flex-us-popupOverlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1000;
}

#thirdPopupOverlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1000;
}

#d-flex-us-popupContainer {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	padding: 20px;
	z-index: 1001;
}

#thirdPopupContainer {
	display: none;
	position: fixed;
	top: 85%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	padding: 20px;
	z-index: 1001;
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translate(-50%, -100%);
	}

	100% {
		opacity: 1;
		transform: translate(-50%, -50%);
	}
}

.mt-checkbox {
	margin-right: 30px;
	cursor: pointer;
	font-weight: normal;
}

.mt-checkbox input[type="checkbox"] {
	display: none;
}

.mt-checkbox span {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid #ccc;
	background-color: #fff;
	vertical-align: middle;
	margin-right: 5px;
}

.mt-checkbox input[type="checkbox"]:checked+span::before {
	content: "\2713";
	position: absolute;
	bottom: 1px;
	left: 1px;
	font-size: 20px;
	font-weight: bold;
	color: #00aaff;
}

.mt-checkbox:hover span,
.mt-checkbox input[type="checkbox"]:focus+span {
	border-color: #00aaff;
}

.mt-checkbox input[type="checkbox"]:disabled+span {
	background-color: #f9f9f9;
	border-color: #ccc;
	cursor: not-allowed;
}

.mt-checkbox input[type="checkbox"]:checked:disabled+span {
	background-color: #ccc;
	border-color: #ccc;
	color: #fff;
}

.link,
a.link {
	color: var(--link-color) !important;
}

.link:hover,
a.link:hover {
	color: var(--link-hover) !important;
}

.link:active,
a.link:active {
	color: var(--link-active) !important;
}

.bg-dark {
	background-color: var(--bg-dark) !important;
}

.bg-dark .bg-white {
	background-color: #0a1744 !important;
}

.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6,
.bg-dark .h1,
.bg-dark .h2,
.bg-dark .h3,
.bg-dark .h4,
.bg-dark .h5,
.bg-dark .h6,
.bg-dark span,
.bg-dark p,
.bg-dark cite,
.bg-dark i,
.bg-dark a {
	color: var(--dark-color);
}

.bg-dark .nav-link:not([class*="btn"]),
.bg-dark .nav-link:not([class*="btn"]) *,
.bg-dark a:not([class*="btn"]),
.bg-dark a:not([class*="btn"]) {
	color: var(--dark-color);
	transition: color 0.2s ease-in-out;
}

.bg-dark .nav-link:not([class*="btn"]):hover,
.bg-dark .nav-link:not([class*="btn"]):hover *,
.bg-dark a:not([class*="btn"]):hover *,
.bg-dark a:not([class*="btn"]):hover {
	color: var(--dark-hover);
}

.bg-dark .nav-link:not([class*="btn"]):active,
.bg-dark .nav-link:not([class*="btn"]):active *,
.bg-dark a:not([class*="btn"]):active *,
.bg-dark a:not([class*="btn"]):active {
	color: var(--dark-active);
}

.bg-square-circle {
	background: url("../image/page-header-bg.svg") no-repeat;
}

.bg-cyber {
	background: url("../image/shop_bg.png") no-repeat;
}

.bg-cyber h1,
.bg-cyber h2,
.bg-cyber h3,
.bg-cyber h4,
.bg-cyber h5,
.bg-cyber h6,
.bg-cyber .h1,
.bg-cyber .h2,
.bg-cyber .h3,
.bg-cyber .h4,
.bg-cyber .h5,
.bg-cyber .h6,
.bg-cyber span,
.bg-cyber p,
.bg-cyber cite,
.bg-cyber i,
.bg-cyber a {
	color: #fff;
}

.bg-carnaval {
	background: url("../image/color-particles-1.svg") no-repeat center -6rem;
}

.bg-dots {
	background-image: url(../image/bg-dots.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.btn-outline-primary,
.btn-outline-skyblue {
	border: 1px solid var(--btn-primary-color);
	color: var(--btn-primary-color);
}

.btn-outline-primary:hover,
.btn-outline-skyblue:hover,
.btn-primary,
.btn-skyblue {
	/* background-color: var(--btn-primary-color) !important; */
	background-color: #4167E7 !important;
	border: 1px solid var(--btn-primary-color) !important;
	color: white !important;
}

.btn-primary:hover,
.btn-skyblue:hover {
	background-color: var(--btn-primary-hover) !important;
	border-color: var(--btn-primary-hover) !important;
}

.scokai-align-center {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.btn-outline-primary:active,
.btn-outline-skyblue:active,
.btn-primary:active,
.btn-skyblue:active {
	background-color: var(--btn-primary-active) !important;
	border-color: var(--btn-primary-active) !important;
}

.btn * {
	color: inherit !important;
}

.navbar-nav .nav-link a,
.navbar-nav .nav-link * {
	transition: color 0.2s ease-in-out;
}

.border-bottom .container .icon-list .nav-item {
	height: 34px;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
	background-color: rgba(163, 163, 163, 0.226);
	transition: background-color 0.2s ease-in-out;
}

.icon-list-food {
	width: 34px;
}

.icon-list li {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
	background-color: rgba(163, 163, 163, 0.226);
	transition: background-color 0.2s ease-in-out;
}

.bilibi .h-auto i.bi-star-fill {
	color: var(--bs-warning);
}

.icon-list li:hover {
	background-color: rgba(163, 163, 163, 0.459);
	cursor: pointer;
}

.icon-list-img li {
	padding: unset;
	margin: unset;
	width: 50px;
	height: auto;
	background-color: unset;
	transition: unset;
}

.icon-list-img li:hover {
	cursor: auto;
}

.icon-list-img li img {
	width: 100%;
	height: 100%;
}

[class*="icon-list light"] li {
	background-color: #7489c438;
}

[class*="icon-list light"] li * {
	color: #192a56;
}

[class*="icon-list light"] li:hover {
	background-color: #7489c47c;
}

.hr::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -15px;
	width: 50px;
	height: 3px;
	/* background: linear-gradient(95.45deg, #517ccf 0.64%, #24498f 98.23%); */
	background: #6185FF
}

.dropdown .dropdown-toggle::after {
	border: solid var(--text-dark-one);
	border-width: 0 1.9px 1.9px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	margin-left: 8px;
	transition: 0.2s;
	position: relative;
}

.dropdown .dropdown-toggle[aria-expanded="true"]:after {
	transform: rotate(225deg);
	top: 4px;
}

.dropup .dropdown-toggle::after {
	border: solid var(--text-dark-one);
	border-width: 0 1.9px 1.9px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	margin-left: 8px;
	transition: 0.2s;
	position: relative;
	top: 4px;
}

.dropup .dropdown-toggle[aria-expanded="true"]:after {
	transform: rotate(45deg);
	top: 0px;
}

.title {
	font-size: 16.2px;
	font-weight: 500;
}

span.title span {
	font-size: 20px;
	color: var(--bs-orange);
}

.contact-info {
	padding: 40px 18px 40px 18px;
}

.contact-info>.container div {
	word-wrap: break-word;
}

.container .contract .flex-column h4 {
	font-size: 1.2rem;
	margin: 10px 0;
}

.binbing a {
	margin: 10px 10px;
}

.contact-info i {
	font-size: 40px;
	color: var(--footer-offer-color);
}

.contact-info .title {
	font-size: 20px;
}

.contact-info cite {
	font-style: normal;
}

.contact-info .title {
	font-size: 26px;
}

.countries {
	width: max-content !important;
	padding: 10px !important;
	flex-direction: column;
}

.countries li {
	width: 100% !important;
	transition: transform 0.1s;
}

.countries .active * {
	color: var(--active-color-style-one);
}

.countries li:hover {
	transform: scale(1.020);
	color: var(--text-dark-one);
}

.countries a {
	text-decoration: none;
}

.countries .flag,
.countries .flag {
	max-width: 34px !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.countries .flag img {
	width: 100%;
	height: auto;
}

.bg-separator {
	background-color: var(--bg-light) !important;
}

[class*="collapse navbar-collapse show"] {
	right: 0 !important;
	z-index: 10;
}

.collapse-horizontal {
	width: 100% !important;
}

.collapsing.collapse-horizontal,
.collapse-horizontal.collapsing,
.collapse-horizontal.show {
	transition: right 0.1s ease-in-out;
}

.collapsing.collapse-horizontal {
	right: -100% !important;
}

.collapse-horizontal.show {
	right: 0px !important;
}

.collapse-horizontal.show .btn {
	margin: unset !important;
}

.currency,
.countries {
	width: 280px !important;
}

.collapse-horizontal.show .countries {
	padding: unset;
}

header .countries .nav-item {
	padding: 5px;
}

header .countries .nav-item .flag {
	max-width: 24px !important;
}

.btn * {
	color: inherit;
}

.btn-primary {
	background-color: #175cff;
	border-color: #175cff;
}

.btn-outline-primary:hover {
	background-color: #175cff;
	border-color: #175cff;
}

.content-img {
	width: 100%;
	max-width: 380px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tlds .tld .content-img.content-img-pay {
	font-size: 12px;
	font-weight: 600;
	width: 25px;
}

.content-profile {
	max-width: 100px;
}

.content-img.min {
	max-width: 120px !important;
}

.content-img.xxs {
	max-width: 140px !important;
}

.content-img.xs {
	max-width: 240px !important;
}

.content-img.sm {
	max-width: 424px !important;
}

.content-img.md {
	max-width: 480px !important;
}

.content-img.lg {
	max-width: 580px !important;
}

.content-img.xl {
	max-width: 680px !important;
}

.content-img img {
	width: 100%;
	height: auto;
}

.content-img.auto {
	max-width: 100% !important;
}

.content-img.icon {
	max-width: 80px !important;
}

.content-img.icon.min {
	max-width: 24px !important;
	font-size: 10px;
}

.h-100 {
	display: flex;
	align-items: flex-start;
}

.font-new-bold {
	flex: 30%;
}

.container .list-title {
	text-align: left;
}

.container-25 {
	flex: 70%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-left: 1rem;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.font-bold {
	margin-bottom: 1rem;
}

span.content-img.icon.min {
	max-width: 60px !important;
}

.content-img.icon.min .countries .content-img {
	display: inline-block;
	margin-right: 10px;
	font-size: 10px;
}

.d-flex .content-img .nav-link {
	margin-left: 20px;
	font-size: 10px;
}

.content-img.icon.xs {
	max-width: 40px !important;
}

.content-img.icon.sm {
	max-width: 50px !important;
}

.content-img.icon.md {
	max-width: 60px !important;
}

.content-img.icon.lg {
	max-width: 70px !important;
}

.content-img.icon.xl {
	max-width: 100px !important;
}

[class*="hover-"],
[class*="hover-bg-icon"] i,
[class*="hover-brightness"],
.hover-shadow,
.hover-scale,
.hover-bend {
	transform-origin: background-color, filter, box-shadow, -webkit-box-shadow, scale, bend;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
}

.hover-bg-white:hover {
	background-color: #fff;
}

.hover-bg-icon-white:hover i {
	background-color: #fff !important;
	color: var(--text-dark-two) !important;
}

.hover-brightness-light {
	filter: brightness(0.8);
}

.hover-brightness-light:hover {
	filter: unset;
}

.hover-brightness-dark:hover {
	filter: brightness(0.8);
}

.hover-shadow:hover {
	-webkit-box-shadow: 0 20px 20px 0 rgb(2 19 79 / 10%);
	box-shadow: 0 20px 20px 0 rgb(2 19 79 / 10%);
}

.hover-scale:hover {
	scale: 1.1;
}

.hover-bend:hover {
	rotate: 3deg;
}

.hover-bend.reverse:hover {
	rotate: -3deg;
}

.hover-white:hover {
	color: #fff;
}

.cursor-pointer {
	cursor: pointer !important;
}

.text-muted {
	color: var(--text-muted-color) !important;
}

.text-md {
	font-size: 1.25rem !important;
	font-weight: 400 !important;
}

.link-arrow {
	text-decoration: none;
	display: flex;
	align-items: center;
}

.link-arrow i {
	margin-left: 6px;
	font-size: 20px;
	transition: margin-left 0.2s ease-in-out;
}

.link-arrow:hover i {
	margin-left: 10px;
}

i.rounded,
i.squared {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	font-size: 29px;
}

i.rounded {
	width: 60px;
	height: 60px;
	border-radius: 100% !important;
}

i.squared {
	width: 54px;
	height: 54px;
	border-radius: 6px !important;
}

i.sm {
	width: 24px;
	height: 24px;
	font-size: 12px;
}

i.md {
	width: 24px;
	height: 24px;
	font-size: 20px;
}

i.lg {
	width: 65px;
	height: 65px;
	font-size: 36px;
}

i.xl {
	width: 85px;
	height: 85px;
	font-size: 45px;
}

i.xxl {
	width: 120px;
	height: 120px;
	font-size: 60px;
}

.bg-blue-light {
	background-color: var(--bg-blue-light) !important;
}

.text-success {
	color: var(--text-success) !important;
}

.text-black {
	color: var(--text-black) !important;
}

.text-blue {
	color: var(--text-blue) !important;
}

.text-blue-dark {
	color: var(--text-blue-dark) !important;
}

.bg-indigo-light {
	background-color: var(--bg-indigo-light) !important;
}

.text-indigo {
	color: var(--text-indigo) !important;
}

.bg-purple-light {
	background-color: var(--bg-purple-light) !important;
}

.text-purple {
	color: var(--text-purple) !important;
}

.bg-pink-light {
	background-color: var(--bg-pink-light) !important;
}

.text-pink {
	color: var(--text-pink) !important;
}

.bg-red-light {
	background-color: var(--bg-red-light) !important;
}

.text-red {
	color: var(--text-red) !important;
}

.bg-orange-light {
	background-color: var(--bg-orange-light) !important;
}

.text-orange {
	color: var(--text-orange) !important;
}

.bg-yellow-light {
	background-color: var(--bg-yellow-light) !important;
}

.text-yellow {
	color: var(--text-yellow) !important;
}

.bg-green-light {
	background-color: var(--bg-green-light) !important;
}

.text-green {
	color: var(--text-green) !important;
}

.bg-teal-light {
	background-color: var(--bg-teal-light) !important;
}

.text-teal {
	color: var(--text-teal) !important;
}

.bg-cyan-light {
	background-color: var(--bg-cyan-light) !important;
}

.text-cyan {
	color: var(--text-cyan) !important;
}

.bg-grey-light {
	background-color: var(--bg-grey-light) !important;
}

.text-grey {
	color: var(--text-grey) !important;
}

.side-by-side>* {
	margin-bottom: 100px !important;
}

.side-by-side.near>* {
	margin-bottom: 50px !important;
}

.side-by-side>*:nth-child(odd)>*:nth-child(even) {
	margin-left: 100px !important;
	align-items: flex-end;
}

.side-by-side>*:nth-child(even) {
	flex-direction: row-reverse;
}

.side-by-side>*:nth-child(even)>*:nth-child(odd) {
	margin-left: 100px !important;
	align-items: flex-end;
}

.side-by-side-img {
	width: max-content;
	display: flex;
	align-items: center;
	justify-content: center;
}

.side-by-side .content-img {
	padding: 15px;
}

.side-by-side-img .position-absolute.top {
	top: -53px !important;
}

.side-by-side-img .position-absolute.bottom {
	bottom: -53px !important;
}

.side-by-side-img .position-absolute.left {
	left: -53px !important;
}

.side-by-side-img .position-absolute.right {
	right: -60px !important;
}

.bg-style-one {
	background-color: var(--thumb-bg-one) !important;
	border-radius: 8px;
}

.border-light {
	border: 1px solid rgb(241, 241, 241) !important;
}

.border-top-light {
	border-top: 1px solid rgb(241, 241, 241) !important;
}

.border-bottom-light {
	border-bottom: 1px solid rgb(241, 241, 241) !important;
}

.border-left-light {
	border-left: 1px solid rgb(241, 241, 241) !important;
}

.border-right-light {
	border-right: 1px solid rgb(241, 241, 241) !important;
}

.carousel-indicators {
	margin: unset !important;
	padding: unset !important;
}

.carousel-indicators [data-bs-target] {
	background-color: var(--main-active);
}

[class*="dark"] .carousel-indicators [data-bs-target] {
	background-color: #fff !important;
}

.thumb[class*="dark"] .carousel-indicators [data-bs-target] {
	background-color: inherit;
}

.watch-video-play {
	width: max-content !important;
	background-color: transparent;
	border: none;
	outline: none;
	filter: unset !important;
}

.side-by-side-choose>*:nth-child(odd)>*:nth-child(even) {
	margin-left: unset !important;
	align-items: unset;
}

.side-by-side-choose>*:nth-child(even) {
	flex-direction: unset;
}

.side-by-side-choose>*:nth-child(even)>*:nth-child(odd) {
	margin-left: unset !important;
	align-items: unset;
}

.side-by-side-choose .side-by-side-img {
	background-color: transparent !important;
	position: relative;
	top: 24px;
	right: 0;
	justify-content: flex-start;
}

.side-by-side-choose .side-by-side-img img {
	filter: brightness(65%);
}

.side-by-side-choose .bg-dots {
	background-position: 44px 0;
}

.video-embed {
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.596);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
}

.video-embed .embed-responsive {
	width: 100%;
	max-width: 1024px;
	height: 100%;
	max-height: 700px;
}

.video-embed .embed-responsive .embed-responsive-item {
	width: 100%;
	height: 100%;
}

.video-embed button {
	background-color: transparent;
	outline: none;
	border: none;
	font-size: 24px;
}

.video-embed button i {
	color: rgb(218, 214, 214);
}

.rates>i {
	color: #ffb116;
}

.avatars {
	display: flex;
	overflow: hidden;
}

.avatars .avatar {
	width: 100%;
	padding: 13px;
}

.avatars .avatar {
	word-break: break-all;
	padding: 11px !important;
}

.avatar .content-img {
	min-width: 40px;
	max-width: 50px;
}

.avatar .content-img img {
	border-radius: 100%;
}

.avatars .avatar-active {
	border: 1px solid #0d289452 !important;
}

.avatars .owl-item .avatar {
	padding: unset;
}

.w-mc {
	width: max-content !important;
}

.h-mc {
	height: max-content !important;
}

.slick-track {
	display: flex;
}

.table-responsive>table {
	min-width: 960px !important;
	color: var(--thumb-text-one);
}

.table-responsive .price-table .bi {
	color: var(--text-yellow);
}

.container ol li {
	margin: 15px 0;
}

.fixed-top {
	position: fixed;
	top: -100%;
	right: 0;
	left: 0;
	z-index: 1030;
	transition: top 0.3s ease-in-out;
	border-bottom: var(--border-grey-light);
}

.up-to-top {
	min-width: 40px;
	padding: 10px;
	position: fixed;
	right: 24px;
	bottom: 70px;
	z-index: 10;
}

.up-to-top i {
	display: flex;
	align-items: center;
	justify-content: center;
}

.loading-page {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: var(--bg-blue);
	color: #fff;
	z-index: 1100;
	display: flex;
	justify-content: center;
	align-items: center;
}

.loading-page .spinner-border {
	margin-right: 10px;
}

.loading-page .loading-title {
	margin: unset;
	font-size: 22px;
}

.domain {
	text-align: center;
}

.input-group-row [type*="submit"],
.domain form [type*="submit"] {
	border-top-left-radius: unset;
	border-bottom-left-radius: unset;
}

.tlds {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.tlds .tld {
	max-width: 90px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 5px;
}

.tlds .tld .content-img {
	width: 40px;
}

.tlds .tld cite {
	font-family: 'Noto Sans SC', serif;
	margin-left: 7px;
	margin-top: 4px;
	font-size: 0.6em;
	font-style: normal;
	font-weight: 700;
}

.contract {
	word-break: break-word;
}

.contract-documents a {
	color: var(--link-color);
}

.contract-documents ul li,
.list-with-bullets li {
	list-style-type: disc;
}

.btn-transparent:hover {
	border: 1px solid #dee2e6;
}

.popover {
	background-color: var(--bg-white);
	color: var(--thumb-text-one);
	border: var(--border-style-one);
	font-family: "Noto Sans SC";
}

.popover * {
	color: var(--thumb-text-one);
}

.hover-scale {
	transition: transform 0.2s ease-in-out;
}

.hover-scale:hover {
	transform: scale(1.02, 1.02);
	-webkit-transform: scale(1.02, 1.02);
}

.lead-title,
.lead-text,
.lead-desc {
	width: 100%;
}

.lead-title {
	margin: 0 auto 1rem auto;
}

.lead-title.lead-text,
.lead-text {
	margin: 0 auto 2.7rem auto;
}

.container .row .h2.lead-title {
	margin: 15px -5px;
	padding: 0 25px;
	border-left: 5px solid #2a5cbf;
	background-color: #eef2f8;
	font-size: 18px;
	line-height: 40px;
	font-weight: 700;
	border-radius: 5px;
}

.container .row h2 {
	margin: 15px -5px;
	padding: 0 25px;
	border-left: 5px solid #2a5cbf;
	background-color: #eef2f8;
	font-size: 18px;
	line-height: 40px;
	font-weight: 700;
	border-radius: 5px;
}

.lead-desc {
	margin-left: auto;
	margin-right: auto;
}

#dark-mode,
#dark-mode i {
	display: flex;
	align-items: center;
	justify-content: center;
}

#dark-mode {
	background-color: var(--btn-primary-color);
	border-color: var(--btn-primary-color);
	color: #fff;
	position: fixed;
	right: -100px;
	top: 20%;
	border-radius: 20px 0 0 20px;
	transition: right 0.2s ease-in-out;
	z-index: 11;
}

#dark-mode:hover {
	right: 0;
}

.alert button i {
	font-size: 13px;
}

.alert button {
	outline: none !important;
	border: none !important;
	box-shadow: unset !important;
}

.alert button:hover {
	outline: none !important;
	border: none !important;
}

.header>.container {
	padding: unset !important;
}

[class*="header-"] {
	border-bottom: var(--border-style-one);
	padding: 5px 0px 5px 0px;
}

.header-one {
	background-color: var(--header-one-bg);
}

.header-one .d-flex>div:first-child {
	width: 100%;
	max-width: 430px;
}

.header-one .container .d-flex.flex-wrap {
	width: 100%;
	max-width: 680px;
}

.header-one .d-flex>div:last-child {
	width: 100%;
}

.header-one .navbar-toggler i {
	font-size: 25px !important;
}

.header-one .d-flex>div:first-child p {
	word-break: break-all;
}

.header-one #navbarNavDropdownTop select,
.header-one .navbar-nav .nav-link span,
.header-one .navbar-nav span,
.header-one #navbarNavDropdownTop .bi-arrow-conversionRate {
	font-size: 0.8375rem;
	font-weight: 400;
}

.header-one .dropdown .nation_ico.dropdown-menu {
	width: 220px !important;
	right: -80px;
}

header .header-one *,
header .header-two * {
	color: var(--header-one-color);
}

.header-two {
	background-color: var(--header-two-bg);
	padding: 18px 0px 18px 0px;
}

.header-two .nav-item>.nav-link {
	font-family: "Noto Sans SC";
	padding-left: unset !important;
	padding-right: unset !important;
	padding: 6px;
	margin-left: 18px;
}

.header-one *,
.nav-link * {
	font-size: 0.9375rem;
	font-weight: 400;
}

header ul {
	list-style: none;
}

header ul a * {
	transition: 0.2s ease-in-out;
}

.justify-content-center .price-table th,
.justify-content-center .price-table td {
	padding: 10px;
}

.justify-content-center table {
	font-family: "Noto Sans SC";
}

.justify-content-center .price-table th {
	font-weight: 500;
}

.price_span {
	color: var(--text-red) !important;
	margin-left: 12px;
	font-size: 0.9em;
}

.header-one .dropdown-toggle,
.header-two .dropdown-toggle {
	transition: border-color 0.2s ease-in-out;
}

.header-one .dropdown-menu {
	background-color: var(--header-one-bg);
}

.header-one a:hover *,
.header-one .dropdown-menu .nav-link:hover * {
	color: var(--header-one-hover-color);
}

.header-one a:active *,
.header-one .dropdown-menu .nav-link:hover * {
	color: var(--header-one-active-color);
}

.header-one .dropdown-toggle:hover::after {
	border-color: var(--header-one-hover-color);
}

.header-one .dropdown-toggle:active::after {
	border-color: var(--header-one-active-color);
}

.header-two .dropdown-menu {
	background-color: var(--header-two-bg);
}

.header-two a:hover *,
.header-two .dropdown-menu .nav-link:hover * {
	/* color: var(--header-two-hover-color); */
	color: #446BEE;
}

.navbar-nav .nav-link.show *,
.navbar-nav .nav-link.active * {
	/* color: var(--header-two-active-color) !important; */
	color: #446BEE;
}

.navbar-collapse.collapsing .navbar-nav .nav-link.active *,
.navbar-collapse.show .navbar-nav .nav-link.active * {
	color: var(--hover-color-style-three) !important;
}

.navbar-collapse.collapsing .dropdown-toggle.active:after,
.navbar-collapse.show .dropdown-toggle.active:after {
	border-color: var(--hover-color-style-three) !important;
}

.dropdown-toggle.active:after,
.dropdown-toggle.show:after,
.dropdown-toggle[aria-expanded="true"].show:after,
.header-two .dropdown-toggle:hover::after {
	border-color: var(--header-two-hover-color);
}

.navbar-nav .dropdown-toggle.show::after,
.navbar-nav .dropdown-toggle.active::after,
.header-two .dropdown-toggle:active::after {
	border-color: var(--header-two-active-color);
}

header .dropdown-modern {
	right: 0;
}

.owl-stage {
	display: flex;
}

.owl-nav.disabled {
	display: none;
}

.footer-offer {
	background-color: var(--footer-offer-bg);
	padding: 40px 18px 40px 18px;
}

.cc-kxkl .cc-nsge {
	margin-bottom: 150px !important;
	margin-right: 4px !important;
}

.footer-offer .nav-link:not([class*="btn"]),
.footer-offer .nav-link:not([class*="btn"]) *,
.footer-offer a:not([class*="btn"]),
.footer-offer a:not([class*="btn"]) {
	color: var(--footer-offer-colorffer);
	transition: color 0.2s ease-in-out;
}

.footer-offer .nav-link:not([class*="btn"]):hover,
.footer-offer .nav-link:not([class*="btn"]):hover *,
.footer-offer a:not([class*="btn"]):hover *,
.footer-offer a:not([class*="btn"]):hover {
	color: var(--footer-offer-hover-color);
}

.footer-offer .nav-link:not([class*="btn"]):active,
.footer-offer .nav-link:not([class*="btn"]):active *,
.footer-offer a:not([class*="btn"]):active *,
.footer-offer a:not([class*="btn"]):active {
	color: var(--footer-offer-active-color);
}

.footer-offer [class*="col"]:nth-last-child(2) .title:first-child {
	font-size: 20px;
}

.footer-offer .title,
.footer-offer {
	color: var(--footer-offer-color);
}

.footer-offer .title {
	font-size: 26px;
}

.footer-main {
	/* background-color: var(--footer-main-bg); */
	background: linear-gradient(180deg, #4167E7 0%, #4D73F4 34%, #2D4BB2 100%);
	box-shadow: 0px 0px 20px 1px rgba(238, 238, 238, 0.32);
	border-radius: 0px 0px 0px 0px;
}

.footer-main .nav-link:not([class*="btn"]),
.footer-main .nav-link:not([class*="btn"]) *,
.footer-main a:not([class*="btn"]),
.footer-main a:not([class*="btn"]) {
	/* color: var(--footer-main-color); */
	color: #fff;
	transition: color 0.2s ease-in-out;
}

.footer-main .nav-link:not([class*="btn"]):hover,
.footer-main .nav-link:not([class*="btn"]):hover *,
.footer-main a:not([class*="btn"]):hover *,
.footer-main a:not([class*="btn"]):hover {
	color: var(--footer-main-hover-color);
}

.footer-main .nav-link:not([class*="btn"]):active,
.footer-main .nav-link:not([class*="btn"]):active *,
.footer-main a:not([class*="btn"]):active *,
.footer-main a:not([class*="btn"]):active {
	color: var(--footer-main-active-color);
}

.footer-main,
.footer-info {
	padding: 100px 0 24px 0;
}

.footer-main * {
	/* color: var(--footer-main-color); */
	color: #fff;

}

.footer-main .btn-primary {
	color: #fff;
}

.footer-info {
	background-color: var(--footer-info-bg);
}

.footer-info .nav-link:not([class*="btn"]),
.footer-info .nav-link:not([class*="btn"]) *,
.footer-info a:not([class*="btn"]),
.footer-info a:not([class*="btn"]) {
	color: var(--footer-info-color);
	transition: color 0.2s ease-in-out;
}

.footer-info .nav-link:not([class*="btn"]):hover,
.footer-info .nav-link:not([class*="btn"]):hover *,
.footer-info a:not([class*="btn"]):hover *,
.footer-info a:not([class*="btn"]):hover {
	color: var(--footer-info-hover-color);
}

.footer-info .nav-link:not([class*="btn"]):active,
.footer-info .nav-link:not([class*="btn"]):active *,
.footer-info a:not([class*="btn"]):active *,
.footer-info a:not([class*="btn"]):active {
	color: var(--footer-info-active-color);
}

.footer-info .dropdown-toggle:hover::after {
	border-color: var(--footer-info-hover-color);
}

.footer-info .dropdown-toggle:active::after {
	border-color: var(--footer-info-active-color);
}

footer .footer-copyright {
	/* background-color: var(--footer-copyright-bg); */
	padding: 10px;
}

.footer-copyright .nav-link:not([class*="btn"]),
.footer-copyright .nav-link:not([class*="btn"]) *,
.footer-copyright a:not([class*="btn"]),
.footer-copyright a:not([class*="btn"]) {
	/* color: var(--footer-copyright-color); */
	color: #fff;
	transition: color 0.2s ease-in-out;
}

.footer-copyright .nav-link:not([class*="btn"]):hover,
.footer-copyright .nav-link:not([class*="btn"]):hover *,
.footer-copyright a:not([class*="btn"]):hover *,
.footer-copyright a:not([class*="btn"]):hover {
	color: var(--footer-copyright-hover-color);
}

.footer-copyright .nav-link:not([class*="btn"]):active,
.footer-copyright .nav-link:not([class*="btn"]):active *,
.footer-copyright a:not([class*="btn"]):active *,
.footer-copyright a:not([class*="btn"]):active {
	color: var(--footer-copyright-active-color);
}

.nav-modern .nav-link * {
	transition: color 0.2s ease-in-out;
}

.nav-modern .nav-link a {
	text-decoration: none;
}

footer .nav-modern>ul>li {
	flex: 1 1 auto;
}

footer .nav-modern .nav-link {
	padding-left: unset;
	padding-right: unset;
}

footer .navbar-nav .dropdown-menu {
	position: absolute;
}

section,
.thumb {
	background-color: var(--thumb-bg-one);
	padding-top: 40px;
	padding-bottom: 40px;
}

section>.container,
.thumb>.container {
	align-items: center;
}

.thumb .btn-group {
	width: auto;
	flex-wrap: wrap;
}

.thumb-modern {
	display: flex;
	align-items: center;
	justify-content: center;
}

[class*="thumb-modern bg"] {
	display: block;
	background: url("../image/color-particles-1.svg") no-repeat center -6rem;
}

.thumb-modern .container {
	margin: 30px auto 30px auto !important;
}

.thumb-modern>.container p {
	max-width: 760px;
}

.preview {
	max-width: 1200px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}

.preview [class*="content-img main"] {
	max-width: 1000px;
}

.preview [class*="content-img feature"] {
	width: max-content;
	position: absolute;
}

.preview [class*="content-img feature"]:first-child {
	left: -90% !important;
	top: 70px !important;
}

.preview [class*="content-img feature"]:last-child {
	left: 130% !important;
	top: unset !important;
	bottom: 70px !important;
}

#preview-features {
	width: 400px;
	height: 100%;
	position: absolute;
}

header .navbar-nav .nav-item>a {
	color: var(--text-dark-one);
}

header .navbar-nav {
	flex-wrap: wrap;
}

nav .dropdown-modern-sample {
	width: max-content !important;
	padding: 16px !important;
	border: var(--border-style-two);
}

[class*="drop"] .dropdown-modern {
	width: 1000px;
	padding: 10px;
	border: var(--border-style-two);
	display: none;
	flex-wrap: wrap;
	left: auto;
	right: -500px;
	justify-content: flex-start;
}

.navbar .collapsing,
[class*="navbar-collapse collapse show"] {
	z-index: 12;
}

.dropdown-column {
	width: auto !important;
	padding: 15px !important;
}

[class*="drop"] [class*="dropdown-menu dropdown-modern show"] {
	display: flex !important;
}

.dropdown-modern {
	justify-content: center;
}

.dropdown-modern>li,
.nav-modern>li {
	width: 235px;
	padding: 12px;
}

.nav-modern ul {
	list-style-type: none;
}

.dropdown-modern li>span,
.nav-modern li>span {
	font-size: 16.2px;
	font-weight: 500;
}

.dropdown-modern li {
	color: var(--bs-body-color);
}

.dropdown-modern li>ul>li,
.nav-modern li ul>li {
	font-size: 16.4px;
	padding: 4px;
}

nav .dropdown-modern-sample a,
.dropdown-modern li>ul li a,
.nav-modern li ul li a {
	text-decoration: none;
}

.dropdown-modern li>ul li a {
	text-decoration: none;
	color: var(--bs-body-color);
}

.dropdown-modern li ul li:hover * {
	transition: 0.2s ease-in-out;
}

.dropdown-modern ul,
.nav-modern ul {
	padding: unset;
	margin: unset;
}

.navbar-collapse .navbar-collapse-header {
	display: none;
}

.navbar-collapse .logo {
	max-width: 120px;
}

header [class*="collapsing"] .navbar-collapse-header,
header [class*="collapse show"] .navbar-collapse-header {
	display: flex;
}

ul li {
	list-style-type: none;
}

.form-box {
	max-width: 460px;
	padding: 35px;
}

.form-box textarea {
	resize: none;
}

.iti__selected-flag {
	padding: 5px 6px 0 8px !important;
}

.iti {
	display: block !important;
}

.iti {
	width: 100%;
}

.iti__flag-container {
	right: 0 !important;
}

.iti--allow-dropdown input {
	width: 100%;
}

.country-dropdown {
	width: 100% !important;
}

.iti__country-list {
	width: 100%;
}

.iti__country-name {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.post-preview span.h6,
.post-preview p {
	max-width: 260px;
}

.post-preview span.h6 {
	max-width: 260px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.post-preview p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.post-preview .content-img {
	max-width: 160px;
}

.post-preview .content-profile {
	max-width: 60px;
}

#comments .post-preview span.h6,
#comments .post-preview p {
	-webkit-line-clamp: 2;
}

.blog .navigation-links li {
	border: 1px solid transparent;
}

.slider-thumbnail {
	height: 180px;
}

.slider-thumbnail img {
	width: 100% !important;
	height: 100%;
}

.blog .title-preview,
.blog .text-preview {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.blog .title-preview {
	-webkit-line-clamp: 2;
}

.blog .text-preview {
	min-height: 120px;
	margin-top: unset;
	margin-left: unset;
	margin-right: unset;
	-webkit-line-clamp: 5;
}

.blog .owl-carousel.main-slider .text-preview {
	min-height: 70px;
	-webkit-line-clamp: 3;
}

.blog .owl-carousel.main-slider .title-preview {
	-webkit-line-clamp: 1;
}

.blog article .badge {
	font-size: 14px;
}

.price .title {
	font-size: 15px;
	font-family: "Noto Sans SC";
}

.price .price-header .title {
	font-size: 16px;
}

.price .align-items-logo {
	font-size: 20px;
	font-weight: 500;
}

.price-features .flex-column-auto,
.price-features .flex-column-auto .flags-container div {
	text-align: center;
	margin: auto;
}

.price .price-feature {
	text-align: start;
}

.price .price-feature i {
	font-size: 18.5px;
}

.price-info {
	font-size: 24px;
}

.price-info .bi {
	color: var(--text-red);
}

.price-info small {
	font-size: 16px;
}

.price-in-row>[class*="col"]>div {
	border-right-width: 0px !important;
}

.price-in-row .price-start {
	min-width: 230px;
	border-right-width: 0px !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.price-in-row .price-end {
	min-width: 230px;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

.price-in-row .price-features {
	display: flex;
	flex-wrap: wrap;
}

.price-in-row .price-features>.price-feature {
	flex: 5 0 auto;
	width: 100%;
}

.price-in-row * {
	text-align: -webkit-center;
}

.price-in-row .title-main {
	font-size: 17px;
	font-family: "Noto Sans SC";
	font-weight: 700;
}

.price-advanced {
	text-align: start;
}

.price-advanced [class*="col"]>div {
	padding: 24px !important;
}

.price-advanced ul li span {
	font-size: 14px;
	font-family: "Noto Sans SC";
}

.price-advanced [class*="bi-check"],
.price-advanced [class*="bi-x"],
.price-advanced [class*="bi-question"] {
	border-radius: 100%;
	font-size: 14px;
	padding: 1px;
}

.price-advanced [class*="bi-check"],
.price-advanced [class*="bi-x"] {
	color: #fff;
}

.price-advanced [class*="bi-check"] {
	background-color: #00b090;
}

.price-advanced [class*="bi-x"] {
	background-color: #fc5185;
}

.price-advanced [class*="bi-question"] {
	background-color: var(--bg-grey);
	border: 1px solid #d2d9df8c;
}

.price-table {
	border-radius: 10px !important;
}

.price-table [class*="bi-check"],
.price-table [class*="bi-x"],
.price-table [class*="bi-question"] {
	font-size: 16px;
}

.price-table [class*="bi-check"] {
	color: #00b090;
}

.price-table [class*="bi-x"] {
	color: #fc5185;
}

.price-table th,
.price-table td {
	padding: 24px;
}

.price-table td .bi {
	color: #ffc107;
}

.border-bottom .align-items-center .bilibi {
	margin: 20px auto;
}

.table-striped.price-table>tbody>tr:nth-of-type(odd)>* {
	background-color: var(--bg-light) !important;
}

.price-sample .title {
	font-size: 30px;
}

.price-sample [class*="bi-check"],
.price-sample [class*="bi-x"] {
	font-size: 20px;
}

.price-sample [class*="bi-check"] {
	color: green !important;
}

.price-sample [class*="bi-x"] {
	color: red !important;
}

.cookies-info {
	position: fixed;
	bottom: -100%;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
	transition: bottom 0.2s ease-in-out;
}

.cookies-info>.cookies-info-container {
	width: 100%;
	max-width: 1000px;
	background-color: var(--bg-grey);
	border: 1px solid var(--bs-border-radius);
	border-radius: 4px;
	padding: 20px;
}

.cookies-info.active {
	bottom: 120px;
}

.loading-page {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #040d2e;
	color: #fff;
	z-index: 1100;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.loading-page .logo {
	max-width: 140px;
}

.loading-page .lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}

.loading-page .lds-ellipsis div {
	position: absolute;
	top: 33px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #fff;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.loading-page .lds-ellipsis div:nth-child(1) {
	left: 8px;
	animation: lds-ellipsis1 0.6s infinite;
}

.loading-page .lds-ellipsis div:nth-child(2) {
	left: 8px;
	animation: lds-ellipsis2 0.6s infinite;
}

.loading-page .lds-ellipsis div:nth-child(3) {
	left: 32px;
	animation: lds-ellipsis2 0.6s infinite;
}

.loading-page .lds-ellipsis div:nth-child(4) {
	left: 56px;
	animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
	0% {
		transform: scale(0);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes lds-ellipsis3 {
	0% {
		transform: scale(1);
	}

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

@keyframes lds-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate(24px, 0);
	}
}

@media (max-width:1300px) {
	.side-by-side-img .position-absolute.right {
		right: 0 !important;
	}
}

@media (max-width:1399px) {
	header .dropdown-modern {
		width: 500px !important;
		right: unset !important;
		left: 0 !important;
	}

	.side-by-side-img .position-absolute.right {
		right: -40px !important;
	}

	.price-in-row .price-features>.price-feature {
		width: 50%;
	}

	.price-in-row .price-features>.price-feature:nth-last-child(3) {
		border-width: 1px !important;
	}
}

@media (max-width:1199px) {
	.slider-thumbnail {
		height: 160px;
	}

	.side-by-side-img {
		width: 100%;
	}

	.bg-img-md-none {
		background-image: unset !important;
	}

	.side-by-side-choose .side-by-side-img {
		top: unset !important;
		right: unset !important;
		margin: 0 auto;
	}

	.side-by-side-choose .side-by-side-img .content-img {
		max-width: 100% !important;
	}

	.form-box {
		max-width: 680px;
	}

	.header-one {
		padding: 0.6rem 0 0.6rem 0;
	}

	.collapse-horizontal {
		overflow-x: auto;
		z-index: 12;
	}

	.collapse-horizontal>.row:not([class*="navbar-collapse-header"]) {
		margin: unset !important;
		flex-direction: column;
	}

	header .nav-link *,
	header .nav-link,
	header .collapse-horizontal .btn {
		color: #fff !important;
	}

	header .collapse-horizontal .btn-transparent {
		border: 1px solid rgba(255, 255, 255, 0.493);
	}

	header .navbar-collapse .nav-item>.nav-link {
		padding-left: unset !important;
		padding-right: unset !important;
		margin-left: unset;
		text-align: start;
	}

	header .navbar-collapse .nav-item {
		margin: unset !important;
	}

	header .navbar-collapse .navbar-nav .nav-item-btn:nth-last-child(2) {
		margin-top: 12px !important;
	}

	header .navbar-collapse .navbar-nav .nav-item-btn:nth-last-child(1) {
		margin-top: 6px !important;
	}

	.navbar-toggler {
		border: unset;
		padding: unset;
		margin: unset;
		font-size: 34px;
		outline: none !important;
		box-shadow: unset !important;
	}

	.navbar-toggler * {
		transition: color 0.2s ease-in-out;
	}

	.navbar-toggler:hover * {
		color: var(--hover-color-style-one);
	}

	.navbar-toggler:active * {
		color: var(--active-color-style-one);
	}

	.navbar-collapse-header .navbar-toggler {
		font-size: 25px;
	}

	.navbar-collapse-header .navbar-nav .nav-link.active *,
	.navbar-collapse.show .navbar-nav .nav-link.show *,
	.navbar-collapse.show .navbar-nav .nav-link.active *,
	.navbar-collapse-header .navbar-toggler:hover *,
	.navbar-collapse.show .nav-link:hover * {
		color: var(--hover-color-style-three) !important;
	}

	.navbar-collapse-header .navbar-toggler.show:active *,
	.navbar-collapse.show .nav-link.show:active *,
	.navbar-collapse-header .navbar-toggler.active:active *,
	.navbar-collapse.show .nav-link.active:active *,
	.navbar-collapse-header .navbar-toggler:active *,
	.navbar-collapse.show .nav-link:active * {
		color: var(--active-color-style-three) !important;
	}

	.navbar .collapsing .dropdown-toggle::after,
	.navbar .navbar-collapse .dropdown-toggle::after {
		border-color: #fff;
	}

	.navbar .collapsing .dropdown-toggle.active::after,
	.navbar .navbar-collapse .dropdown-toggle.active::after,
	.navbar .collapsing .dropdown-toggle.show::after,
	.navbar .navbar-collapse .dropdown-toggle.show::after,
	.navbar .collapsing .dropdown-toggle:hover::after,
	.navbar .navbar-collapse .dropdown-toggle:hover::after {
		border-color: var(--hover-color-style-three);
	}

	.navbar .collapsing .dropdown-toggle.active:active::after,
	.navbar .navbar-collapse .dropdown-toggle.active:active::after,
	.navbar .collapsing .dropdown-toggle:active::after,
	.navbar .navbar-collapse .dropdown-toggle:active::after {
		border-color: var(--active-color-style-three) !important;
	}

	.navbar-collapse .dropdown-column {
		padding: unset !important;
	}

	.header-one .navbar {
		width: unset;
		margin: unset !important;
	}

	.header-two .container .row>[class*="col"] {
		width: max-content !important;
	}

	.header-two .container .row>[class*="col"]:last-child {
		margin-left: auto;
	}

	header .navbar-collapse.show .dropdown .dropdown-modern {
		width: 100%;
		flex-direction: column;
		padding: unset;
		border: unset;
	}

	header .navbar-collapse.show .navbar .navbar-toggler {
		box-shadow: unset;
		border: none;
		transition: 0.2s ease-in-out;
		font-size: 40px;
		padding: unset;
	}

	header .navbar-collapse.show .navbar .navbar-toggler * {
		color: var(--bs-body-color);
		transition: color 0.1s ease-in-out;
	}

	header .navbar-collapse.show .navbar .navbar-toggler *:hover {
		color: var(--hover-color-style-one);
	}

	header .navbar-collapse.show .navbar .collapsing .navbar-toggler *,
	header .navbar-collapse.show .navbar .navbar-collapse .navbar-toggler * {
		color: #fff;
		transition: color 0.1s ease-in-out;
	}

	header .navbar-collapse.show .navbar .collapsing .navbar-toggler *:hover,
	header .navbar-collapse.show .navbar .navbar-collapse .navbar-toggler *:hover {
		color: var(--hover-color-style-three);
	}

	header .navbar-collapse.show .navbar .collapsing .navbar-toggler *:active header .navbar-collapse.show .navbar .navbar-collapse .navbar-toggler *:active {
		color: var(--active-color-style-three);
	}

	b.navbar-collapse .navbar-collapse-header button {
		color: #fff;
		font-size: 24px;
	}

	.navbar .container-fluid {
		justify-content: flex-end !important;
	}

	.navbar-collapse {
		width: 100%;
		max-width: 280px;
		padding: 15px;
		background-color: var(--navbar-responsive-bg);
		position: fixed;
		top: 0;
	}

	.collapse-horizontal,
	.collapse-horizontal.collapsing,
	.collapse-horizontal.show {
		height: 100vh;
		overflow-x: hidden;
	}

	.navbar-collapse span,
	.navbar-collapse i,
	.navbar-collapse .navbar-nav .dropdown-menu *,
	.navbar-collapse .navbar-nav .dropdown *,
	.navbar-collapse .navbar-nav .nav-link {
		background-color: transparent;
		color: #fff;
	}

	.navbar-collapse .navbar-nav {
		width: 100%;
		margin-top: 10px;
		justify-content: flex-start !important;
		align-items: flex-start !important;
		text-align: start !important;
	}

	.navbar-collapse .navbar-nav .nav-link:hover *,
	.navbar-collapse .navbar-collapse-header button:hover {
		transition: 0.2s ease-in-out;
		color: var(--hover-color-style-three);
	}

	.navbar-collapse .navbar-nav .nav-link:active *,
	.navbar-collapse .navbar-collapse-header button:active {
		transition: 0.2s ease-in-out;
		color: var(--active-color-style-three);
	}

	.navbar-collapse .navbar-nav .active * {
		color: var(--hover-color-style-three);
	}

	.dropdown .dropdown-modern-sample {
		padding: 0px 8px 0 8px !important;
		border: unset;
	}

	header .countries {
		padding: 2px 8px 2px 8px !important;
	}

	header .countries .nav-item {
		padding: 0.5rem 0 0.5rem 0;
	}
}

@media (max-width:991px) {

	.lead-title,
	.lead-text,
	.lead-desc {
		width: 100%;
	}

	.post-preview span.h6,
	.post-preview p {
		max-width: 440px;
	}

	.slider-thumbnail {
		height: max-content !important;
	}

	.w-md-100 {
		width: 100% !important;
	}

	.form-box {
		max-width: 100%;
	}

	.footer-copyright {
		padding: 20px 0 20px 0;
	}

	.footer-copyright .row,
	.footer-copyright .row [class*="col-"],
	.footer-copyright .row [class*="col-"]>* {
		width: 100%;
		flex-direction: column;
		justify-content: center !important;
		align-items: center !important;
		text-align: center;
	}

	.footer-copyright nav,
	.footer-copyright nav a {
		padding: 3px;
		margin: unset;
	}

	.side-by-side>* {
		margin-bottom: 10px !important;
		flex-direction: column-reverse !important;
	}

	.side-by-side>*>* {
		margin: unset !important;
		margin-top: 30px !important;
	}

	.side-by-side>*:nth-child(even)>*:nth-child(odd),
	.side-by-side>*:nth-child(odd)>*:nth-child(even) {
		margin-left: unset !important;
		align-items: flex-start !important;
	}

	.price-in-row>[class*="col"]>div {
		flex-direction: column;
		border-right-width: 1px !important;
	}

	.price-in-row .price-start {
		min-width: 100%;
		border-bottom-left-radius: 0px !important;
	}

	.price-in-row .price-end {
		min-width: 100%;
		border-right-width: 0px !important;
		border-bottom-left-radius: var(--bs-border-radius) !important;
	}
}

@media (max-width:800px) {
	.contact-info {
		padding: 15px;
	}

	.contact-info>.container {
		flex-direction: column;
		align-items: flex-start !important;
	}

	.contact-info i {
		font-size: 28px;
	}

	.contact-info .title {
		font-size: 18px;
	}
}

@media (max-width:767px) {
	.carousel-item {
		margin-bottom: 40px;
	}

	.thumb [class*="col"] {
		justify-content: flex-start !important;
	}

	header [class*="col-"],
	.footer-info [class*="col-"] {
		justify-content: flex-start !important;
	}

	.footer-offer {
		text-align: center;
		justify-content: center !important;
		align-items: center !important;
	}

	.footer-main .container .row [class*="col"]:last-child,
	.footer-main .container .row>[class*="col"]>.nav-modern>ul {
		justify-content: flex-start !important;
	}

	.footer-main .nav-modern>ul>li {
		margin-left: unset !important;
		margin-right: 40px !important;
	}
}

@media (max-width:592px) {
	.thumb {
		padding-top: 18px;
		padding-bottom: 18px;
	}

	.thumb-modern .container {
		margin: unset !important;
	}

	.header-one .d-flex>div:first-child p {
		margin: unset !important;
		width: 100%;
	}

	.contact-info>.container {
		justify-content: flex-start !important;
	}

	.price-in-row .price-features {
		flex-direction: column;
	}

	.price-in-row .price-features>.price-feature {
		width: 100%;
	}
}

.border-top .price-features .price-feature i.bi-credit-card-2-back-fill {
	color: #0e51d1;
}

@media (max-width:500px) {
	#dark-mode {
		top: 70%;
	}

	.cookies-info.active {
		padding: unset;
		bottom: 0;
	}

	.footer-main {
		padding-top: 60px !important;
		padding-bottom: 10px !important;
	}

	.footer-copyright .row,
	.footer-copyright .row [class*="col-"] {
		width: 100%;
		flex-direction: row;
		justify-content: start !important;
		align-items: start !important;
		text-align: start !important;
	}

	.footer-copyright .row [class*="col-"] li,
	.footer-copyright .row [class*="col-"] li a {
		padding: unset !important;
		margin: unset !important;
	}
}

@media (max-width:460px) {
	[ class*="info w-75"] {
		width: 100% !important;
	}

	.footer-main .nav-modern>ul {
		flex-direction: column;
	}
}

@media (max-width:370px) {
	.blog .post-preview {
		flex-direction: column;
		text-align: center;
	}

	.blog .post-preview span.h6 {
		margin-top: 13px;
	}
}

@media (max-width:360px) {

	.input-group-row,
	.domain .input-group {
		flex-direction: column;
	}

	.input-group-row *,
	.domain .input-group * {
		width: 100% !important;
		padding-top: 6px;
		padding-top: 6px;
		border-radius: 3px !important;
	}
}

@media (max-width:340px) {
	.form-box {
		padding: 25px;
	}

	footer .currency,
	footer .countries {
		min-width: 200px !important;
		max-width: 240px !important;
	}
}

@media (max-width:280px) {

	footer .currency,
	footer .countries {
		min-width: 200px !important;
		max-width: 220px !important;
	}
}

.auth .container>.row {
	width: 100%;
}

.auth .container>.row:not([class*="auth-footer"]) {
	min-height: 800px;
}

.auth .btn-outline-secondary {
	color: var(--text-dark-one);
}

.auth .bg-blue-01 {
	background-image: url("../image/bg-blue-01.jpg");
}

.auth .owl-carousel *,
.auth .owl-carousel a {
	color: #fff;
}

.auth .input-group-prepend .input-group-text {
	border-top-right-radius: unset;
	border-bottom-right-radius: unset;
}

.auth .t-separator {
	color: #757575;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	position: relative;
}

.auth .t-separator>.t-separator-line {
	width: 100%;
	height: 1px;
	background-color: #e5e5e5;
	margin-bottom: 0;
	margin-top: 0;
	display: block;
}

.auth .t-separator>.t-separator-text {
	background-color: var(--bg-white);
	display: block;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: max-content;
}

.auth .forgot-password {
	font-size: 14px;
}

.social-login>.btn:hover {
	color: #fff !important;
}

.thumb .form-box {
	max-width: 480px;
}

@media (max-width:1200px) {
	.auth .logo {
		margin: 0 auto;
	}

	.auth .container>.row {
		max-width: 570px;
	}

	.auth .container .auth-info {
		display: none;
	}

	.auth .auth-footer [class*="col"] {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
}

@media (max-width:460px) {
	.auth .row {
		background-color: transparent !important;
		border: unset !important;
		border-radius: unset !important;
	}

	.auth .auth-footer {
		display: none;
	}
}

.cart {
	background-color: var(--bg-white);
	padding: 4vh 5vh;
	border-bottom-left-radius: 1rem;
	border-top-left-radius: 1rem;
	color: var(--thumb-text-one);
}

.main {
	margin: 0;
	padding: 2vh 0;
	width: 100%;
}

.cart .count {
	padding: 0 1vh;
}

@media(max-width:767px) {
	.cart {
		padding: 4vh;
		border-bottom-left-radius: unset;
		border-top-right-radius: 1rem;
	}
}

.bi-arrow-conversionRate {
	padding-top: 10px;
}

.main-timeline {
	word-break: break-all;
}

.tool-socks p {
	font-size: 0.8rem;
}

.main-timeline {
	position: relative
}

.main-timeline:before {
	content: "";
	width: 5px;
	height: 100%;
	border-radius: 20px;
	margin: 0 auto;
	background: #242922;
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}

.main-timeline .timeline {
	display: inline-block;
	margin-bottom: 50px;
	position: relative
}

.main-timeline .timeline:before {
	content: "";
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 4px solid #fff;
	background: #ec496e;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, -50%)
}

.main-timeline .timeline-icon {
	display: inline-block;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	border: 3px solid #ec496e;
	padding: 13px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 30%;
	transform: translateY(-50%)
}

.main-timeline .timeline-icon i {
	display: block;
	border-radius: 50%;
	background: #ec496e;
	font-size: 64px;
	color: #fff;
	line-height: 100px;
	z-index: 1;
	position: relative
}

.main-timeline .timeline-icon:after,
.main-timeline .timeline-icon:before {
	content: "";
	width: 100px;
	height: 4px;
	background: #ec496e;
	position: absolute;
	top: 50%;
	right: -100px;
	transform: translateY(-50%)
}

.main-timeline .timeline-icon:after {
	width: 70px;
	height: 50px;
	background: #fff;
	top: 89px;
	right: -30px
}

.main-timeline .timeline-content {
	width: 50%;
	padding: 0 50px;
	margin: 52px 0 0;
	float: right;
	position: relative
}

.main-timeline .timeline-content:before {
	content: "";
	width: 70%;
	height: 100%;
	border: 3px solid #ec496e;
	border-top: none;
	border-right: none;
	position: absolute;
	bottom: -13px;
	left: 35px
}

.main-timeline .timeline-content:after {
	content: "";
	width: 37px;
	height: 3px;
	background: #ec496e;
	position: absolute;
	top: 13px;
	left: 0
}

.main-timeline .title {
	font-size: 20px;
	font-weight: 600;
	color: #ec496e;
	text-transform: uppercase;
	margin: 0 0 5px
}

.main-timeline .description {
	display: inline-block;
	font-size: 16px;
	color: #404040;
	line-height: 20px;
	letter-spacing: 0.2px;
	margin: 0
}

.main-timeline .timeline:nth-child(even) .timeline-icon {
	left: auto;
	right: 30%
}

.main-timeline .timeline:nth-child(even) .timeline-icon:before {
	right: auto;
	left: -100px
}

.main-timeline .timeline:nth-child(even) .timeline-icon:after {
	right: auto;
	left: -30px
}

.main-timeline .timeline:nth-child(even) .timeline-content {
	float: left
}

.main-timeline .timeline:nth-child(even) .timeline-content:before {
	left: auto;
	right: 35px;
	transform: rotateY(180deg)
}

.main-timeline .timeline:nth-child(even) .timeline-content:after {
	left: auto;
	right: 0
}

.main-timeline .timeline:nth-child(2n) .timeline-content:after,
.main-timeline .timeline:nth-child(2n) .timeline-icon i,
.main-timeline .timeline:nth-child(2n) .timeline-icon:before,
.main-timeline .timeline:nth-child(2n):before {
	background: #f9850f
}

.main-timeline .timeline:nth-child(2n) .timeline-icon {
	border-color: #f9850f
}

.main-timeline .timeline:nth-child(2n) .title {
	color: #f9850f
}

.main-timeline .timeline:nth-child(2n) .timeline-content:before {
	border-left-color: #f9850f;
	border-bottom-color: #f9850f
}

.main-timeline .timeline:nth-child(3n) .timeline-content:after,
.main-timeline .timeline:nth-child(3n) .timeline-icon i,
.main-timeline .timeline:nth-child(3n) .timeline-icon:before,
.main-timeline .timeline:nth-child(3n):before {
	background: #8fb800
}

.main-timeline .timeline:nth-child(3n) .timeline-icon {
	border-color: #8fb800
}

.main-timeline .timeline:nth-child(3n) .title {
	color: #8fb800
}

.main-timeline .timeline:nth-child(3n) .timeline-content:before {
	border-left-color: #8fb800;
	border-bottom-color: #8fb800
}

.main-timeline .timeline:nth-child(4n) .timeline-content:after,
.main-timeline .timeline:nth-child(4n) .timeline-icon i,
.main-timeline .timeline:nth-child(4n) .timeline-icon:before,
.main-timeline .timeline:nth-child(4n):before {
	background: #2fcea5
}

.main-timeline .timeline:nth-child(4n) .timeline-icon {
	border-color: #2fcea5
}

.main-timeline .timeline:nth-child(4n) .title {
	color: #2fcea5
}

.main-timeline .timeline:nth-child(4n) .timeline-content:before {
	border-left-color: #2fcea5;
	border-bottom-color: #2fcea5
}

@media only screen and (max-width:1200px) {
	.main-timeline .timeline-icon:before {
		width: 50px;
		right: -50px
	}

	.main-timeline .timeline:nth-child(even) .timeline-icon:before {
		right: auto;
		left: -50px
	}

	.main-timeline .timeline-content {
		margin-top: 75px
	}
}

@media only screen and (max-width:990px) {
	.main-timeline .timeline {
		margin: 0 0 10px
	}

	.main-timeline .timeline-icon {
		left: 25%
	}

	.main-timeline .timeline:nth-child(even) .timeline-icon {
		right: 25%
	}

	.main-timeline .timeline-content {
		margin-top: 115px
	}
}

@media only screen and (max-width:767px) {
	.main-timeline {
		padding-top: 50px
	}

	.main-timeline:before {
		left: 80px;
		right: 0;
		margin: 0
	}

	.main-timeline .timeline {
		margin-bottom: 70px
	}

	.main-timeline .timeline:before {
		top: 0;
		left: 83px;
		right: 0;
		margin: 0
	}

	.main-timeline .timeline-icon {
		width: 60px;
		height: 60px;
		line-height: 40px;
		padding: 5px;
		top: 0;
		left: 0
	}

	.main-timeline .timeline:nth-child(even) .timeline-icon {
		left: 0;
		right: auto
	}

	.main-timeline .timeline-icon:before,
	.main-timeline .timeline:nth-child(even) .timeline-icon:before {
		width: 25px;
		left: auto;
		right: -25px
	}

	.main-timeline .timeline-icon:after,
	.main-timeline .timeline:nth-child(even) .timeline-icon:after {
		width: 25px;
		height: 30px;
		top: 44px;
		left: auto;
		right: -5px
	}

	.main-timeline .timeline-icon i {
		font-size: 30px;
		line-height: 45px
	}

	.main-timeline .timeline-content,
	.main-timeline .timeline:nth-child(even) .timeline-content {
		width: 100%;
		margin-top: -15px;
		padding-left: 130px;
		padding-right: 5px
	}

	.main-timeline .timeline:nth-child(even) .timeline-content {
		float: right
	}

	.main-timeline .timeline-content:before,
	.main-timeline .timeline:nth-child(even) .timeline-content:before {
		width: 50%;
		left: 120px
	}

	.main-timeline .timeline:nth-child(even) .timeline-content:before {
		right: auto;
		transform: rotateY(0)
	}

	.main-timeline .timeline-content:after,
	.main-timeline .timeline:nth-child(even) .timeline-content:after {
		left: 85px
	}
}

@media only screen and (max-width:479px) {

	.main-timeline .timeline-content,
	.main-timeline .timeline:nth-child(2n) .timeline-content {
		padding-left: 110px
	}

	.main-timeline .timeline-content:before,
	.main-timeline .timeline:nth-child(2n) .timeline-content:before {
		left: 99px
	}

	.main-timeline .timeline-content:after,
	.main-timeline .timeline:nth-child(2n) .timeline-content:after {
		left: 65px
	}
}

.input-group input.form-control {
	top: 5px;
}

.scokai-ml-3 {
	margin-left: 18px;
}

.scokai-ml-3 .title-main span {
	color: #fa0;
	font-size: 1.46em;
}

.scokai-ml-10 {
	margin-left: 10px;
}

.merchanticon {
	background: url(../image/scokai_ico.png) no-repeat;
	width: 132px;
	line-height: 40px;
	display: inline-block;
}

.payticon {
	background: url(../image/scokai_ico.png) no-repeat;
	width: 27px;
	line-height: 27px;
	display: inline-block;
}

.payticon-zfb {
	background-position: -6px -642px;
}

.payticon-wx {
	background-position: -8px -682px;
}

.payticon-xyk {
	background-position: -41px -642px;
}

.payticon-usdt {
	background-position: -41px -682px;
}

.payticon-pp {
	background-position: -75px -642px;
}

.payticon-btc {
	background-position: -77px -682px;
}

.payticon-yl {
	background-position: -116px -642px;
}

.payticon-qw {
	background-position: -115px -682px;
}

.payticon-pm {
	background-position: -151px -642px;
}

.merchanticon-lumiproxy {
	background-position: -344px -534px;
}

.merchanticon-webshare {
	background-position: -174px -66px;
}

.merchanticon-proxyline {
	background-position: 8px -66px;
}

.merchanticon-proxys-io {
	background-position: 7px -142px;
}

.merchanticon-geonix {
	background-position: -343px -63px;
}

.merchanticon-iproyal {
	background-position: -172px 5px;
}

.merchanticon-proxy-seller {
	background-position: 0px 2px;
}

.merchanticon-ip2world {
	background-position: -354px -144px;
}

.merchanticon-smartproxy {
	background-position: -173px -217px;
}

.merchanticon-pia-proxy {
	background-position: -346px 4px;
}

.merchanticon-marsproxies {
	background-position: 2px -466px;
}

.merchanticon-oxylabs {
	background-position: -174px -141px;
}

.merchanticon-high_proxies {
	background-position: 5px -290px;
}

.merchanticon-360proxy {
	background-position: -347px -292px;
}

.merchanticon-proxy6-net {
	background-position: 1px -407px;
}

.merchanticon-youproxy {
	background-position: -345px -215px;
}

.merchanticon-spaceproxy {
	background-position: 5px -221px;
}

.merchanticon-proxy-hub {
	background-position: -341px -338px;
}

.merchanticon-proxy-store {
	background-position: -344px -407px;
}

.merchanticon-proxystores {
	background-position: 1px -534px;
}

.merchanticon-proxy-cheap {
	background-position: -341px -466px;
}

.merchanticon-astroproxy {
	background-position: -174px -467px;
}

.merchanticon-922-proxy {
	background-position: -172px -532px;
}

.merchanticon-lunaproxy {
	background-position: -176px -341px;
}

.merchanticon-brightdata {
	background-position: 0px -582px;
}

.merchanticon-netnut {
	background-position: -176px -582px;
}

.merchanticon-soax {
	background-position: -339px -589px;
}

.merchanticon-dataimpulse {
	background-position: -187px -641px;
}

.merchanticon-buyproxies {
	background-position: -340px -640px;
}

.merchanticon-hydraproxy {
	background-position: -187px -694px;
}

.merchanticon-instantproxies {
	background-position: -340px -695px;
}

.merchanticon-myprivateproxy {
	background-position: -187px -746px;
}

.merchanticon-oculusproxies {
	background-position: -340px -747px;
}

.merchanticon-proxyipv4 {
	background-position: -187px -800px;
}

.merchanticon-rayobyte {
	background-position: -340px -801px;
}

.merchanticon-simplynode {
	background-position: -187px -854px;
}

.merchanticon-squidproxies {
	background-position: -340px -855px;
}

.merchanticon-proxyempire {
	background-position: -197px -904px;
}

.merchanticon-liveproxies {
	background-position: -22px -744px;
}

.merchanticon-toolip {
	background-position: -23px -802px;
}

.merchanticon-decodo {
	background-position: -25px -854px;
}

.merchanticon-resiprox {
	background-position: -23px -904px;
}

.merchanticon-shifter {
	background-position: -339px -904px;
}

.merchanticon-infatica {
	background-position: -24px -945px;
}

.merchanticon-bestproxy {
	background-position: -189px -959px;
}

.bg-style-one .border-bottom i {
	margin: -8px 0px;
}

.pagination {
	display: flex;
	list-style: none;
	padding: 0;
	justify-content: center;
	align-items: center;
}

.pagination li {
	margin: 0 5px;
	padding: 5px 10px;
	border: 1px solid #ccc;
	background-color: #f7f7f7;
	border-radius: 5px;
}

.pagination li a {
	text-decoration: none;
	color: #333;
}

.pagination li.active {
	background-color: #2f57a4;
	color: #fff;
}

.pagination li.active a {
	color: #fff;
}

.mt-checkbox-inline {
	display: -webkit-inline-box;
}

.scokai_phone::before {
	content: "+1‪(617) 545-3895‬";
	font-family: 'Noto Sans SC', serif;
	font-size: 16px;
	color: #333;
}

.scokai_mail::before {
	content: "yangyichris@gmail.com";
	font-family: 'Noto Sans SC', serif;
	font-size: 16px;
	color: #333;
}

.scokai_whatsapp::before {
	content: "+1‪(617) 545-389";
	font-family: 'Noto Sans SC', serif;
	font-size: 16px;
	color: #333;
}

.scokai_wechat::before {
	content: "@misspc";
	font-family: 'Noto Sans SC', serif;
	font-size: 16px;
	color: #0e80f0;
}

.scokai_text::before {
	content: "大量定制代理IP,价格优惠";
	font-family: 'Noto Sans SC', serif;
	font-size: 16px;
	color: #333;
}

.flags-container {
	display: flex;
	flex-wrap: wrap;
}

.align-items-logo {
	text-align: center;
	margin-bottom: 5px
}

.flags-container>div {
	text-align: center;
	width: 70px;
}

.flags-container p {
	font-size: 12px !important;
	text-align: center;
	margin-top: 5px;
	font-weight: 500;
}

.scokai_stars {
	display: inline-block;
	width: 80px;
	--percent: calc((var(--rating, 0) / 5) * 100%);
	--size: 16;
	background: linear-gradient(90deg, #FFAA00 var(--percent), #c6c9cc var(--percent));
	-webkit-mask-image: url('../image/star-gray.svg');
	mask-image: url('../image/star-gray.svg');
	-webkit-mask-repeat: repeat-x;
	mask-repeat: repeat-x;
	-webkit-mask-size: contain;
	mask-size: contain;
	height: calc(var(--size) * 1px);
}

.scokai-optionnav {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin-right: 10px;
}

#conversionRate {
	padding: 5px 0;
	border-radius: 5px;
	border: 1px solid #ced4da;
	background-color: #ffffff;
	color: #495057;
	font-size: 16px;
	cursor: pointer;
	outline: none;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#conversionRate:hover,
#conversionRate:focus {
	border-color: #80bdff;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

#conversionRate option {
	padding: 5px 10px;
	color: #495057;
	background-color: #ffffff;
	font-size: 0.8375rem;
}

.navbar-nav a.link {
	position: absolute;
	left: 0;
}

.scokai_sidebar {
	width: 10vw;
	position: fixed;
	left: 2vw;
	bottom: 1vw;
	background-color: #fff;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	overflow-y: auto;
	z-index: 1000;
}

.scokai_sidebar-header {
	text-align: center;
}

.scokai_sidebar-header h2 {
	color: #2f57a4;
	font-size: 18px;
	margin-top: 0;
	padding: 15px;
	background: linear-gradient(to right, #2f57a4, #2f58a4a6);
	border-radius: 8px 8px 0 0;
	color: white;
}

.scokai_nav {
	list-style: none;
	padding: 0;
	margin: 0;
}

.scokai_nav-item {
	display: block;
	line-height: 1.2;
}

.scokai_nav-link {
	display: block;
	padding: 5px 30px;
	color: #333;
	text-decoration: none;
	font-size: 0.8375rem;
	transition: background-color 0.3s, color 0.3s;
}

.scokai_nav-link.scokai_active {
	background-color: #2f57a4;
	color: var(--dark-color);
	border-radius: 4px;
}

.scokai_nav-item:hover {
	background-color: #2f57a4;
	color: white;
	border-radius: 4px;
}

.scokai_nav-item:hover .scokai_nav-link {
	color: white;
	border-radius: 4px;
}

.scokai_nav-item.scokai_nav-active .scokai_nav-link {
	background-color: #2f57a4;
	color: var(--dark-color);
	border-radius: 4px;
	transition: background-color 0.3s ease, color 0.3s ease;
}

.scokai_container {
	display: flex;
	justify-content: space-between;
}

.scokai_left {
	width: 45%;
	padding: 20px;
}

.scokai_right {
	width: 45%;
	padding: 20px;
}

.scokai_ipform {
	margin: 0;
	padding: 0;
}

label {
	display: block;
	margin-bottom: 10px;
}

input[type="text"] {
	width: 100%;
	padding: 5px;
	margin-bottom: 10px;
}

#ip_query_submitButton,
#submitButton {
	background-color: #2f57a4;
	color: white;
	padding: 5px 10px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	margin: 15px 0;
}

#formatConvertButton {
	background-color: #2f57a4;
	color: white;
	padding: 5px 10px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

#loadingSpinner,
#ip_query_loadingIcon,
#loadingIcon {
	display: none;
	height: 50px;
	width: 50px;
}

.scokai_top-right {
	margin-bottom: 20px;
}

.result-table {
	border-collapse: collapse;
	width: 100%;
}

.result-table td {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: left;
}

.scokai_coupon {
	position: relative;
	border: 2px dashed #2f57a4;
	border-radius: 5px;
	padding: 10px;
	cursor: pointer;
	background-color: #6287ce36;
	width: 180px;
}

.scokai-justify-content {
	justify-content: space-between;
	width: 100%;
}

.scokai-justify-content .scokai-right-span span {
	font-size: 16px;
	color: var(--bs-orange);
	margin-right: 10px;
}

.scokai-h-210 {
	height: 230px;
}

.scokai-left-span {
	text-align: left;
}

.scokai-right-span {
	text-align: right;
}

.scokai_coupon.scokai_coupon_show {
	width: 250px;
}

.scokai_coupon_show span {
	font-family: "Noto Sans SC";
	color: var(--thumb-text-one);
	font-weight: 500;
	font-size: 16px;
}

.scokai_coupon_show .scokai_coupon_1 {
	margin-right: 30px;
}

.scokai_coupon_show_mt2 {
	height: 50px;
}

.scokai_coupon_1,
.scokai_coupon_2 {
	margin: 0;
	font-size: 16px;
}

.merchanticon-ico span.scokai_total_score {
	color: #f9934b87 !important;
	font-size: 0.965em;
	font-weight: 400;
}

.scokai-ml-3 span.scokai_total_score {
	color: #f9934b87 !important;
	font-size: 0.965em;
	font-weight: 400;
}

.scokai_rating {
	color: #fa0 !important;
	font-size: 1.46em;
	font-weight: 700 !important;
}

.scokai-active {
	background-color: #2f57a4;
	color: var(--dark-color) !important;
	border-radius: 4px;
	transition: background-color 0.3s ease, color 0.3s ease;
	padding: 5px 10px;
}

.flex-column p code {
	color: var(--bs-body-color);
	font-size: .875em;
	font-weight: 600;
}

.content-list-pay {
	font-size: 12px;
	font-weight: 600;
	margin-top: 10px;
}

.copy-tooltip {
	position: absolute;
	top: -10px;
	right: -10px;
	background-color: #496eb5;
	color: white;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 12px;
	visibility: hidden;
}

.conversion-copy {
	position: relative;
	cursor: pointer;
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	background-color: #f8f9fa;
}

.conversion-copy-tooltip {
	position: absolute;
	top: -35px;
	right: 0;
	background-color: black;
	color: white !important;
	padding: 5px;
	border-radius: 3px;
	font-size: 12px;
	display: none;
	z-index: 1000;
}

.scokai-flex-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
}

.scokai-flex-wrap label,
.scokai-flex-wrap select {
	flex-shrink: 0;
	margin: 0;
}

.scokai-flex-wrap select {
	width: auto;
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.scokai-batch-select {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	width: 65%;
	max-width: 400px;
}

.scokai-batch-select label {
	font-weight: 700;
	color: #333;
	margin-top: 7px;
	margin-right: 15px;
}

.scokai-batch-select select {
	flex-grow: 1;
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
	color: #333;
	cursor: pointer;
}

.scokai-batch-select select:focus {
	border-color: #0066cc;
	outline: none;
}

.scokai-batch-button {
	background-color: #2f57a4;
	color: white;
	padding: 5px 10px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

#scokai-batch-proxies {
	font-size: 15px;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}

#scokai-batch-results {
	border-collapse: collapse;
	width: 100%;
}

#scokai-batch-results table {
	border-collapse: collapse;
	width: 100%;
}

#scokai-batch-results th,
#scokai-batch-results td {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: left;
	font-size: 15px;
}

#scokai-batch-results td .scokai-batch-red {
	color: #e32828;
}

#scokai-batch-results td .scokai-batch-green {
	color: #1ba242;
}

#scokai-batch-results th {
	background-color: #f2f2f2;
}

#scokai-batch-results tbody tr:nth-child(even) {
	background-color: #f2f2f2;
}

#scokai-batch-results tbody tr:hover {
	background-color: #ddd;
}

#inputProxyIp,
#ip_query_proxyIp,
#scokai-batch-proxies,
#search-input,
#proxyIp,
#proxyPort,
#proxyUsername,
#proxyPassword {
	font-size: 15px;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.scokai_con_form {
	justify-content: space-between;
	background-color: #fafafa;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 10px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	margin: 20px 0;
	gap: 20px;
}

#outputResult {
	overflow-x: auto;
	width: 100%;
}

#outputResultTable td {
	font-size: 15px;
	white-space: nowrap;
	overflow: auto;
}

.scokai_resultTable {
	width: 100%;
	border-collapse: collapse;
}

.scokai_resultTable th,
.scokai_resultTable td {
	border: 1px solid #ccc;
	padding: 8px;
}

.formatProxyForm .scokai_left {
	width: 48%;
}

.formatProxyForm .scokai_right {
	width: 48%;
}

.show_ip_query .scokai_left {
	width: 100%;
}

.show_ip_query .scokai_right {
	width: 100%;
}

.ip_query_table {
	height: 520px;
}

#formatConvertButton:hover {
	background-color: #0056b3;
}

#loadingSpinner {
	vertical-align: middle;
}

#message {
	color: green;
}

#result {
	overflow-x: auto;
}