/* stylesheet */
:root {
	--primary-color: #e5f0f5;
	--secondary-color: #ff7010;
	--dark-color1: #031d2e;
	--dark-color2: #17384e;
	--white-color: #ffffff;
	--transition: 0.4s ease-in-out;
	--bs-body-color: var(--primary-color);
}

:after,
:before {
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.form-control:focus {
	color: #ffffff;
	background-color: #17384e;
	border-color: #17384e;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

body {
	font-size: 16px;
	line-height: 26px;
	margin: 0;
	background-color: var(--dark-color1);
	color: var(--primary-color);
	font-family: "Inter", sans-serif;
	overflow-x: hidden;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: "Philosopher", sans-serif;
	font-weight: 400;
}

a,
a:hover,
a:focus {
	color: inherit;
	text-decoration: none;
	transition: all 0.2s linear;
}

.hide {
	display: none !important;
}

/* common css */
.as_padderTop5 {
	padding-top: 5px;
}

.as_padderTop10 {
	padding-top: 10px;
}

.as_padderTop20 {
	padding-top: 20px;
}

.as_padderTop30 {
	padding-top: 30px;
}

.as_padderTop40 {
	padding-top: 40px;
}

.as_padderTop50 {
	padding-top: 50px;
}

.as_padderTop60 {
	padding-top: 60px;
}

.as_padderTop70 {
	padding-top: 70px;
}

.as_padderTop80 {
	padding-top: 80px;
}

.as_padderTop90 {
	padding-top: 90px;
}

.as_padderTop100 {
	padding-top: 90px;
}

.as_padderBottom5 {
	padding-bottom: 5px;
}

.as_padderBottom10 {
	padding-bottom: 10px;
}

.as_padderBottom20 {
	padding-bottom: 20px;
}

.as_padderBottom30 {
	padding-bottom: 30px;
}

.as_padderBottom40 {
	padding-bottom: 40px;
}

.as_padderBottom50 {
	padding-bottom: 50px;
}

.as_padderBottom60 {
	padding-bottom: 60px;
}

.as_padderBottom70 {
	padding-bottom: 70px;
}

.as_padderBottom80 {
	padding-bottom: 80px;
}

.as_padderBottom90 {
	padding-bottom: 90px;
}

.as_padderBottom100 {
	padding-bottom: 90px;
}

.as_padderBottom263 {
	padding-bottom: 263px;
}

.as_margin0 {
	margin: 0px;
}

.as_font12 {
	font-size: 12px;
	line-height: 20px;
}
.as_font14 {
	font-size: 14px;
	line-height: 24px;
}

.as_toggle {
	display: none;
}

.as_heading {
	font-size: 36px;
	text-transform: capitalize;
	margin: 0;
	padding-bottom: 23px;
	position: relative;
	margin: -8px 0 20px;
}

.as_heading.as_heading_center:after {
	left: 50%;
	transform: translateX(-50%);
}

.as_heading:after {
	position: absolute;
	content: "";
	width: 100px;
	border-bottom: 3px solid var(--secondary-color);
	left: 0;
	bottom: 0;
}

.form-control {
	height: 50px;
	background-color: var(--dark-color2);
	border: none;
	outline: none;
	box-shadow: none !important;
	color: var(--primary-color);
	padding: 0 40px 0 30px;
}

.form-control::placeholder {
	color: #97b0c1;
}

.as_subheading {
	font-size: 22px;
	text-transform: capitalize;
}

.as_orange {
	color: var(--secondary-color);
}

.as_white {
	color: var(--white-color);
}

.as_btn {
	height: 50px;
	background-color: var(--secondary-color);
	font-size: 14px;
	text-transform: uppercase;
	display: inline-flex;
	align-items: center;
	padding: 0 23px;
	position: relative;
	margin-left: 15px;
	color: var(--white-color);
	border: none !important;
	outline: none;
	width: auto;
	transition: 0.2s linear;
}
.as_small_btn {
	height: 25px;
	background-color: var(--secondary-color);
	font-size: 14px;
	text-transform: uppercase;
	display: inline-flex;
	align-items: center;
	padding: 0 23px;
	position: relative;
	margin-left: 15px;
	color: var(--white-color);
	border: none !important;
	outline: none;
	width: auto;
	transition: 0.2s linear;
}

.as_btn:hover:after,
.as_small_btn.hover:after {
	border-left-color: var(--dark-color1);
}

.as_btn:hover:before,
.as_small_btn:hover:before {
	border-right-color: var(--dark-color1);
}

.as_btn:hover,
.as_small_btn:hover {
	background-color: var(--dark-color1);
}

.as_btn:after,
.as_btn:before {
	content: "";
	position: absolute;
	left: 100%;
	top: 0;
	bottom: 0;
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	border-left: 15px solid var(--secondary-color);
	transition: 0.2s linear;
}

.as_btn:before {
	left: auto;
	right: 100%;
	border-left: none;
	border-right: 15px solid var(--secondary-color);
}

.as_verticle_center {
	display: flex;
	align-items: center;
}

.slick-dots {
	padding: 0;
	margin: 30px 0 0 0;
	list-style: none;
}

.slick-dots li {
	display: inline-flex;
}

.slick-dots li button {
	display: none;
}

.slick-dots li {
	height: 9px;
	width: 9px;
	background-color: #234a64;
	border-radius: 100%;
	margin: 0 6px;
	cursor: pointer;
}

.slick-dots li.slick-active {
	background-color: var(--secondary-color);
}

.slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-color: #10334a;
	border: none;
	padding: 0 13px;
	z-index: 1;
	outline: none;
}

.slick-arrow::after {
	border-left-color: #10334a;
}

.slick-arrow::before {
	border-right-color: #10334a;
}

.slick-arrow:hover {
	background-color: var(--secondary-color);
}

.slick-arrow:hover:after {
	border-left-color: var(--secondary-color);
}

.slick-arrow:hover::before {
	border-right-color: var(--secondary-color);
}

.slick-arrow.slick-prev {
	left: -120px;
	padding: 0 12px 0 0px;
}

.slick-arrow.slick-prev span {
	margin-right: 10px;
	display: inline-flex;
}

.slick-arrow span svg path {
	fill: var(--secondary-color);
}

.slick-arrow:hover span svg path {
	fill: var(--white-color);
}

.slick-arrow.slick-next span {
	margin-left: 10px;
}

.slick-arrow.slick-next {
	right: -100px;
	padding: 0 0 0 12px;
}

.slick-slide {
	outline: none;
}

.only-timepicker .datepicker--nav,
.only-timepicker .datepicker--content {
	display: none;
}

.only-timepicker .datepicker--time {
	border-top: none;
}

.datepicker {
	background-color: #17384e;
	border: 1px solid rgb(255 255 255 / 10%);
	color: var(--primary-color);
}

.datepicker--nav {
	border-bottom: 1px solid rgb(255 255 255 / 10%);
}

.datepicker--nav > div {
	background-color: transparent !important;
	color: var(--primary-color);
}

.datepicker--pointer {
	background-color: #17384e;
	border-top-color: rgb(255 255 255 / 10%);
	border-right-color: rgb(255 255 255 / 10%);
}

.datepicker--cell:hover {
	background-color: var(--secondary-color);
	color: var(--white-color) !important;
}

.datepicker--cell.-current-,
.datepicker--day-name {
	color: var(--secondary-color);
}

/* select2 */
.select2-selection {
	height: 50px !important;
	background-color: var(--dark-color2) !important;
	border: 1px solid rgb(255 255 255 / 10%) !important;
	outline: none;
	box-shadow: none !important;
	color: var(--primary-color);
}

.select2-selection .select2-selection__rendered {
	color: var(--primary-color) !important;
	font-size: 14px;
	line-height: 50px !important;
	padding: 0 28px !important;
	text-align: initial;
}

.form-group {
	text-align: initial;
}

.form-group {
	text-align: initial;
	margin: 10px 0;
}

.select2-selection__clear {
	display: none;
}

.select2-container--default .select2-selection__arrow {
	height: auto !important;
	bottom: 1px;
	right: 18px !important;
}

span.select2-dropdown.select2-dropdown--above,
.select2-container--open .select2-dropdown--below {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	z-index: 0;
}

.select2-container {
	transition: none;
	width: 100% !important;
}

.select2-dropdown {
	transition: none;
	background-color: var(--dark-color2);
	border-color: rgb(255 255 255 / 10%);
	font-size: 14px;
}

.select2-search--dropdown {
	padding: 10px 25px;
}

.select2-search--dropdown input {
	background-color: var(--dark-color2);
	border-color: rgb(255 255 255 / 10%) !important;
	outline: none !important;
}

.select2-results__option {
	padding: 10px 26px;
	background-color: transparent !important;
}

.select2-results__option:hover,
.select2-results__option.select2-results__option--selected {
	color: var(--secondary-color) !important;
}

/* loader */
.as_loader {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: var(--dark-color1);
	z-index: 999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.as_loader img {
	animation: spin 7s infinite linear;
	-webkit-animation: spin 7s infinite linear;
	-moz-animation: spin 7s infinite linear;
}

/* header css start */
.as_header_wrapper {
	display: flex;
	background-color: #07273c;
}

.as_logo {
	padding: 35px 150px;
	border-right: 1px solid rgb(255 255 255 / 10%);
	display: flex;
	align-items: center;
}

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

.as_menu > ul > li {
	display: inline-flex;
	text-transform: capitalize;
	margin: 0 20px;
	position: relative;
}

.as_menu_wrapper {
	display: flex;
	border-top: 1px solid rgb(255 255 255 / 10%);
	justify-content: flex-end;
	padding-right: 150px;
	position: relative;
	z-index: 1;
}

.as_header_detail {
	width: calc(100% - 449px);
}

.as_menu > ul > li > a {
	padding: 23px 0;
	position: relative;
	transition: all 0.3s linear;
}

.as_menu > ul > li > a:before {
	content: "";
	position: absolute;
	width: 0;
	height: 3px;
	background-color: var(--secondary-color);
	top: 0%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}

.as_menu > ul > li > a:hover:before,
.as_menu > ul > li > a.active:before {
	width: 29px;
}

.as_menu ul li a:hover,
.as_menu ul li a.active {
	color: var(--secondary-color);
}

.as_info_detail {
	padding-right: 50px;
	display: flex;
	/* justify-content: space-between; */
	justify-content: end;
}

.as_search_wrapper {
	padding-top: 22px;
	transition: all 0.3s linear;
}

.as_search {
	cursor: pointer;
	transition: all 0.3s linear;
}

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

.as_info_detail ul li {
	display: inline-flex;
	padding: 15px 30px;
}

.as_info_detail ul li a,
.as_info_detail ul li a:focus {
	text-decoration: none;
	color: inherit;
}

.as_infobox .as_infoicon {
	width: 50px;
	height: 50px;
	background-color: var(--dark-color2);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	margin-right: 15px;
}

.as_infobox {
	display: flex;
	align-items: center;
	text-decoration: none !important;
}

.as_info_detail ul li .as_infobox > span {
	font-weight: 600;
	margin-right: 5px;
}

.as_right_info {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	padding: 10px;
}

.as_cart_wrapper {
	background-color: var(--dark-color2);
	padding: 14px 24px;
	border-radius: 50px;
	margin-left: 30px;
	position: relative;
	cursor: pointer;
}

.as_cart_wrapper > span {
	position: relative;
	margin-right: 20px;
}

.as_cart_wrapper > span .as_cartnumber {
	width: 18px;
	height: 18px;
	background-color: var(--secondary-color);
	border-radius: 100%;
	font-size: 9px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: -12px;
}

.as_cart {
	position: relative;
}

.as_cart_box {
	position: absolute;
	top: 100%;
	right: 0;
	width: 300px;
	background-color: var(--dark-color2);
	z-index: 1;
	padding: 5px 20px 20px;
	box-shadow: 0 20px 20px rgb(255 255 255 / 5%);
	border-radius: 20px;
	margin-top: 20px;
	opacity: 0;
	visibility: hidden;
	z-index: 9999;
	transition: all 0.3s linear;
}

.as_cart.cart_open .as_cart_box {
	opacity: 1;
	visibility: visible;
	margin-top: 10px;
}

.as_cart_list .as_cart_img {
	float: left;
}

.as_cart_list .as_cart_img img {
	width: 70px;
	height: 70px;
	object-fit: cover;
}

.as_cart_info {
	width: calc(100% - 70px);
	float: right;
	padding-left: 10px;
}

.as_cart_list .as_cart_info a {
	font-size: 16px;
	font-weight: 500;
	font-family: "Philosopher", sans-serif;
	margin-bottom: 5px;
	width: 110px;
	text-transform: capitalize;
}

.as_cart_list {
	border-bottom: 1px solid rgb(255 255 255 / 10%);
	max-height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
}

.as_cart_list li {
	width: 100%;
}

.as_cart_list .as_cart_info p {
	font-size: 14px;
}

.as_cart_box .as_cart_total,
.as_cart_box .as_cart_btn {
	padding-right: 20px;
}

.as_cart_box .as_cart_total p {
	margin-top: 10px;
	text-align: left;
	text-transform: capitalize;
}

.as_cart_box .as_cart_total p span {
	float: right;
	font-family: "Philosopher", sans-serif;
}

.as_cart_box .as_cart_btn {
	text-align: center;
	padding-top: 5px;
}

.as_cart_box .as_cart_btn button {
	background-color: var(--dark-color1);
	padding: 0 5px;
	text-transform: capitalize;
}

.as_cart_box .as_cart_btn button::after {
	border-left-color: var(--dark-color1);
}

.as_cart_box .as_cart_btn button::before {
	border-right-color: var(--dark-color1);
}

.as_cart_box .as_cart_btn button:hover {
	background-color: var(--secondary-color);
}

.as_cart_box .as_cart_btn button:hover::after {
	border-left-color: var(--secondary-color);
}

.as_cart_box .as_cart_btn button:hover::before {
	border-right-color: var(--secondary-color);
}

.as_cart_box .as_cart_btn button:first-child {
	margin-right: 25px;
}

.as_cart_list::-webkit-scrollbar {
	width: 4px;
}

.as_cart_list::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.as_cart_list::-webkit-scrollbar-thumb {
	background-color: #ff6f00;
	outline: #708090 solid 1px;
}

.as_menu > ul > li .as_submenu {
	position: absolute;
	left: 0;
	top: 100%;
	background-color: var(--dark-color2);
	padding: 15px 0;
	border-radius: 10px;
	width: 170px;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s linear;
}

.as_menu > ul > li > .as_submenu {
	transform: translateY(-10px);
}

.as_menu > ul > li:hover > .as_submenu {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}

.as_menu > ul > li .as_submenu li a {
	padding: 7px 20px;
	display: flex;
}

.as_menu > ul > li .as_submenu > li > .as_submenu {
	right: 100%;
	top: 8px;
	left: auto;
	transform: translateX(-20px);
}

.as_menu > ul > li .as_submenu > li:hover > .as_submenu {
	transform: translateX(-10px);
	opacity: 1;
	visibility: visible;
}

.as_menu > ul > li .as_submenu > li {
	position: relative;
}

.as_menu > ul > li .as_submenu:before {
	content: "";
	position: absolute;
	border-bottom: 7px solid var(--dark-color2);
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	bottom: 100%;
	left: 13px;
}

.as_menu > ul > li > .as_submenu > li > .as_submenu:before {
	bottom: auto;
	top: 10px;
	left: 100%;
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	border-left: 7px solid var(--dark-color2);
}

/* header css end */
/* banner css start */
.as_banner_wrapper {
	background-image: url(../images/bg1.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 130px 310px;
	overflow: hidden;
}

.as_banner_detail h5 {
	font-size: 26px;
	margin: 0 0 5px;
}

.as_banner_detail h1 {
	font-size: 54px;
	line-height: 62px;
	margin: 0 0 13px;
}

.as_banner_detail p {
	margin-bottom: 26px;
}

.as_banner_wrapper .slick-dots {
	text-align: center;
	display: none;
}

.as_banner_img img {
	animation: spin 9s infinite linear;
	-webkit-animation: spin 9s infinite linear;
	-moz-animation: spin 9s infinite linear;
	display: inline-block;
	width: 100%;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

.as_banner_slider .slick-arrow.slick-prev {
	left: -265px;
}

.as_banner_slider .slick-arrow.slick-next {
	right: -900px;
}

.as_banner_wrapper .as_btn:hover {
	background-color: var(--dark-color2);
}

.as_banner_wrapper .as_btn:hover:after {
	border-left-color: var(--dark-color2);
}

.as_banner_wrapper .as_btn:hover:before {
	border-right-color: var(--dark-color2);
}

.as_banner_slider .slick-arrow:hover {
	background-color: var(--secondary-color);
}

.as_banner_slider .slick-arrow:hover:after {
	border-left-color: var(--secondary-color);
}

.as_banner_slider .slick-arrow:hover:before {
	border-right-color: var(--secondary-color);
}

/* banner css end */
/* about css start */
.as_about_wrapper {
	background-image: url("../images/bg2.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.as_about_wrapper p {
	margin-bottom: 32px;
}

.as_contact_expert {
	display: flex;
	background-color: var(--dark-color2);
	border-radius: 10px;
	padding: 25px;
	margin-top: 40px;
	align-items: center;
	max-width: 470px;
}

.as_contact_expert .as_icon {
	width: 65px;
	height: 65px;
	background-color: var(--secondary-color);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 25px;
	position: relative;
}

.as_contact_expert .as_icon:before {
	position: absolute;
	left: -7px;
	top: -7px;
	bottom: -7px;
	right: -7px;
	border: 1px dashed var(--secondary-color);
	content: "";
	border-radius: 100%;
}

.as_contact_expert:hover .as_icon:before {
	animation: spin 9s infinite linear;
	-webkit-animation: spin 9s infinite linear;
	-moz-animation: spin 9s infinite linear;
}

.as_contact_expert h5 {
	font-size: 18px;
	margin: 0 0 7px 0;
}

.as_contact_expert h1 {
	font-size: 34px;
	font-weight: 700;
	margin: 0 0 0 0;
}

.as_aboutimg {
	position: relative;
	z-index: 1;
	padding: 0 0 40px;
	text-align: right;
}

.as_aboutimg img {
	display: inline-block;
}

.as_aboutimg::after {
	position: absolute;
	content: "";
	top: 95px;
	right: 84px;
	background-color: var(--dark-color2);
	width: 420px;
	height: 450px;
	z-index: -1;
}

.as_aboutimg::before {
	position: absolute;
	content: "";
	left: 17px;
	bottom: 0;
	border-left: 2px solid var(--secondary-color);
	border-bottom: 2px solid var(--secondary-color);
	width: 90px;
	height: 90px;
}

.as_about_slider {
	max-width: 520px;
	margin: 0 20px 0 auto;
}

.as_about_slider .slick-dots {
	position: absolute;
	left: -46px;
	bottom: 32px;
}

.as_about_slider .slick-dots li {
	display: flex;
	cursor: pointer;
	margin: 15px 0;
}

/* about css end */
/* service css start */
.as_service_box {
	background-color: #07273c;
	padding: 50px 22px;
	margin-top: 30px;
}

.as_service_box .as_icon {
	width: 80px;
	background-color: #10334a;
	height: 80px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	position: relative;
	transition: all 0.3s linear;
}

.as_service_box .as_icon:after {
	border: 1px dashed #173f59;
	content: "";
	position: absolute;
	left: -10px;
	top: -10px;
	bottom: -10px;
	right: -10px;
	border-radius: 100%;
}

.as_service_box:hover .as_icon {
	background-color: var(--secondary-color);
}

.as_service_box:hover .as_icon:after {
	border-color: var(--secondary-color);
	animation: spin 9s infinite linear;
	-webkit-animation: spin 9s infinite linear;
	-moz-animation: spin 9s infinite linear;
}

.as_service_box .as_subheading {
	margin: 30px 0 10px;
	padding-bottom: 16px;
	position: relative;
}

.as_service_box .as_subheading:after {
	width: 70px;
	height: 2px;
	background-color: var(--secondary-color);
	position: absolute;
	content: "";
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.as_service_box p {
	font-size: 14px;
	line-height: 24px;
}

.as_link {
	text-transform: uppercase;
	font-size: 14px;
	line-height: 24px;
	border-bottom: 1px solid var(--secondary-color);
	color: var(--secondary-color);
	letter-spacing: 0.6px;
}

/* service css end */
/* zodiec sign css start */
.as_zodiac_sign_wrapper {
	background-image: url("../images/bg3.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.as_sign_img img {
	margin: 0 auto;
}

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

.as_sign_ul li {
	margin-top: 40px;
}

.as_sign_box {
	background-color: #0e344d;
	max-width: 230px;
	padding: 10px;
	position: relative;
	display: flex;
	align-items: center;
	transition: all 0.2s linear;
}

.as_sign_box > a {
	display: flex;
	align-items: center;
}

.as_sign_box .as_sign {
	background-color: #07273c;
	height: 80px;
	width: 54px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 38px;
	position: relative;
	transition: all 0.2s linear;
}

.as_sign_box h5 {
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 2px;
}

.as_sign_box p {
	margin: 0;
	font-size: 14px;
	line-height: 24px;
}

.as_sign_box:after,
.as_sign_box:before {
	content: "";
	position: absolute;
	left: 100%;
	top: 0;
	bottom: 0;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 20px solid #0e344d;
}

.as_sign_box:before {
	left: auto;
	right: 100%;
	border-left: none;
	border-right: 20px solid #0e344d;
}

.as_sign_box .as_sign:after,
.as_sign_box .as_sign:before {
	content: "";
	position: absolute;
	left: 100%;
	top: 0;
	bottom: 0;
	border-top: 40px solid transparent;
	border-bottom: 40px solid transparent;
	border-left: 18px solid #07273c;
}

.as_sign_picked {
	background-color: var(--secondary-color);
}

.as_sign_box:hover {
	background-color: var(--secondary-color);
}

.as_sign_box:hover:after {
	border-left-color: var(--secondary-color);
}

.as_sign_box:hover:before {
	border-right-color: var(--secondary-color);
}

.as_sign_box:hover .as_sign {
	background-color: #e66712;
}

.as_sign_box:hover .as_sign:after {
	border-left-color: #e66712;
}

.as_sign_box:hover .as_sign:before {
	border-right-color: #e66712;
}

.as_sign_box .as_sign:before {
	left: auto;
	right: 100%;
	border-left: none;
	border-right: 18px solid #07273c;
}

.as_sign_ul li:first-child,
.as_sign_ul li:last-child {
	transform: translateX(200px);
}

.as_sign_ul li:nth-child(2),
.as_sign_ul li:nth-child(5) {
	transform: translateX(100px);
	z-index: 1;
}

.as_sign_ul.as_sign_ul_right li:first-child,
.as_sign_ul.as_sign_ul_right li:last-child {
	transform: translateX(-200px);
}

.as_sign_ul.as_sign_ul_right li:nth-child(2),
.as_sign_ul.as_sign_ul_right li:nth-child(5) {
	transform: translateX(-100px);
}

.as_sign_img img {
	animation: spin 9s infinite linear;
	-webkit-animation: spin 9s infinite linear;
	-moz-animation: spin 9s infinite linear;
	width: 100%;
}

.as_sign_ul_right .as_sign_box {
	margin: 40px 0 0 auto;
}

/* zodiec sign css end */
/* zodiec sign form css start */
.as_sign_form ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: flex-end;
}

.as_input_feild {
	position: relative;
}

.as_input_feild > span {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}

.as_sign_form ul li {
	max-width: 270px;
	width: 100%;
	padding: 0 15px;
}

.as_sign_form ul li:nth-child(3) {
	max-width: 370px;
}

.as_sign_form ul li:last-child {
	max-width: 205px;
}

.as_sign_form {
	background-color: #07273c;
	padding: 25px 33px 50px;
}

li.as_form_box {
	text-align: left;
}

/* zodiec sign form css end */
/* customer css start */
.as_customer_wrapper {
	background-image: url("../images/bg4.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.as_customer_slider .slick-dots {
	text-align: center;
}

.as_customer_box {
	background-color: #10334a;
	padding: 0 45px 42px;
	position: relative;
	margin: 50px 15px;
	z-index: 1;
}

.as_customer_box:before {
	content: "";
	position: absolute;
	top: 75px;
	transform: translateX(-50%);
	left: 50%;
	width: 86px;
	height: 74px;
	background-image: url(../images/svg/quote2.svg);
	z-index: -1;
}

.as_customer_box .as_customer_img > img {
	border-radius: 100%;
}

.as_customer_box .as_customer_img {
	position: relative;
	display: inline-flex;
	margin: -45px 0 34px;
}

.as_customer_box .as_customer_img span {
	position: absolute;
	width: 38px;
	height: 38px;
	background-color: var(--secondary-color);
	border-radius: 100%;
	line-height: 32px;
	right: -10px;
	bottom: 0px;
}

.as_customer_box .as_customer_img span img {
	display: inline-block;
}

.as_customer_box p {
	font-size: 14px;
	line-height: 24px;
}

.as_customer_box h3 {
	font-size: 20px;
	margin: 15px 0 0;
}

/* customer css end */
/* why choose css start */

section.as_whychoose_wrapper.as_padderTop80 {
	padding-top: 80px;
}

.as_whychoose_box .as_number > span {
	font-size: 24px;
	font-family: "Philosopher", sans-serif;
	font-weight: 700;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.as_whychoose_box h4 {
	font-size: 20px;
	margin: 25px 0 35px;
	text-align: center;
	transition: all 0.2s linear;
}

.as_number {
	display: block;
	position: relative;
	width: 130px;
	margin: 0 auto;
}

.as_whychoose_box:hover h4 {
	color: var(--secondary-color);
}

/* why choose css end */
/* blog css start */
.as_blog_wrapper {
	background-image: url("../images/bg5.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.as_blog_img {
	position: relative;
	margin-bottom: 36px;
}

.as_blog_img .as_btn {
	position: absolute;
	right: 35px;
	bottom: -25px;
	color: #fff;
	padding: 0 5px;
}

.as_blog_box {
	margin-top: 30px;
	text-align: initial;
}

.as_blog_img img {
	width: 100%;
}

.as_blog_box:hover .as_subheading {
	color: var(--secondary-color);
}

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

.as_blog_box ul li {
	display: inline-flex;
	margin-right: 30px;
	font-size: 14px;
	line-height: 24px;
}

.as_blog_box ul li img {
	margin-right: 10px;
}

.as_blog_box .as_subheading {
	line-height: 32px;
	margin: 8px 0;
	transition: all 0.2s linear;
}

.as_blog_box.as_blog_single .as_subheading {
	color: var(--primary-color);
}

/* blog css end */
/* product css start */
.as_product_box {
	text-align: left;
	margin: 30px 10px 0;
}

.as_product_img {
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
}

.as_product_img ul {
	position: absolute;
	margin: 0;
	padding: 0;
	list-style: none;
	bottom: -60px;
	left: 0;
	right: 0;
	background-color: var(--secondary-color);
	padding: 10px 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s linear;
	display: flex;
	justify-content: space-around;
}

.as_product_img > img {
	width: 100%;
}

.as_product_box:hover .as_product_img ul {
	bottom: 0;
	opacity: 1;
	visibility: visible;
}

.as_product_img ul li {
	display: inline-flex;
	line-height: 40px;
	color: #ffffff;
}

.as_product_img ul li:last-child {
	border-right: none;
}

.as_product_img ul li:nth-child(2) {
	position: relative;
}

.as_product_img ul li:nth-child(2):after {
	content: "";
	position: absolute;
	left: -30px;
	right: -30px;
	top: 0;
	bottom: 0;
	border-left: 1px solid #fda2658f;
	border-right: 1px solid #fda2658f;
}

.as_product_box .as_subheading {
	margin: 5px 0 6px;
}

.as_product_box .as_price {
	font-size: 18px;
	font-weight: 600;
}

.as_product_box .as_price > span {
	font-size: 14px;
	font-weight: 400;
}

.as_product_box .as_price > del {
	color: #5e7482;
}

.as_product_img ul li span {
	margin-left: 14px;
	font-size: 14px;
}

.as_product_box ul li img {
	display: inline-block;
}

.as_product_wrapper.as_product_page {
	background-color: var(--dark-color2);
}

/* product css end */
/* overview css start */

.as_overview_wrapper {
	background-image: url("../images/bg6.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.as_overview_inner {
	background-color: #10334a;
	padding: 42px 50px 50px;
}

.as_overview_inner h4 {
	font-size: 24px;
	margin: 0 0 11px;
}

.as_overview_inner .as_btn {
	margin-top: 10px;
	padding: 0 8px;
}

.as_overview_inner .as_btn img {
	margin-right: 10px;
}

/* overview css end */

/* footer css start */
.as_newsletter_box {
	position: relative;
}

.as_newsletter_box .form-control {
	border-radius: 0px;
	height: 60px;
}

.as_newsletter_wrapper .row {
	align-items: center;
}

.as_newsletter_box:after,
.as_newsletter_box:before {
	content: "";
	position: absolute;
	left: 100%;
	top: 0;
	bottom: 0;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 17px solid var(--dark-color2);
}

.as_newsletter_box:after {
	right: 100%;
	left: auto;
	border-left: none;
	border-right: 17px solid var(--dark-color2);
}

.as_newsletter_box .as_btn {
	position: absolute;
	right: 5px;
	top: 5px;
	bottom: 5px;
	z-index: 1;
}

.as_footer_wrapper {
	border-top: 1px solid rgb(255 255 255 / 10%);
}

.as_footer_inner {
	display: flex;
}

.as_footer_widget {
	margin-top: 30px;
}

.as_footer_widget > p {
	margin: 18px 0 20px;
}

.as_footer_widget > ul > li:hover {
	color: var(--secondary-color);
}

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

.as_footer_widget > ul > li {
	padding-bottom: 10px;
	position: relative;
	font-size: 14px;
}

.as_footer_widget > ul > li span svg {
	fill: #ffffff;
	margin-right: 10px;
}

.as_footer_widget > ul > li:hover span svg path {
	fill: var(--secondary-color);
}

.as_footer_widget > ul > li:hover span {
	transition: none;
}

.as_footer_heading {
	font-size: 22px;
	line-height: 60px;
	margin: 0;
	position: relative;
	margin-bottom: 22px;
}

.as_footer_heading:after {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 92px;
	height: 2px;
	background-color: var(--secondary-color);
}

.as_footer_widget .as_contact_list li {
	padding-left: 0;
	display: flex;
	align-items: baseline;
}

.as_footer_widget .as_contact_list li:before {
	display: none;
}

.as_footer_widget .as_contact_list li img {
	margin: 0 15px 0 0;
	transform: translateY(3px);
}

.as_footer_widget .as_contact_list li p {
	margin: 0;
}

.as_share_box ul li a {
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #0c2d43;
	border-radius: 100%;
}

.as_share_box ul li a:hover {
	background-color: var(--secondary-color);
}

.as_share_box ul li {
	display: inline-flex;
	margin-right: 5px;
}

.as_copyright_wrapper {
	background-color: #07273c;
	padding: 13px 0 5px;
}

/* footer css end */
/* breadcrum start */
.as_breadcrum_wrapper {
	background-image: url("../images/bg7.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 25px 0 30px;
}

.as_breadcrum_wrapper h1 {
	margin: 0px 0 15px;
	font-size: 28px;
}

.as_breadcrum_wrapper .breadcrumb {
	display: inline-flex;
	background-color: rgb(255 255 255 / 10%);
	border-radius: 40px;
	font-size: 14px;
	line-height: 18px;
	padding: 11px 30px;
	margin: 0px;
}

.breadcrumb > li + li:before {
	content: "/\00a0";
}

/* breadcrum end */
/* service detail start */
.as_service_page .as_service_wrapper {
	background-image: url(../images/bg6.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.as_service_page .as_service_wrapper .as_service_box {
	background-color: #031d2e;
}

.as_servicedetail_wrapper {
	background-color: #07273c;
}

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

.as_service_ul li {
	padding: 0 0 6px 23px;
	position: relative;
}

.as_service_ul li:before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	background: url(../images/svg/arrow.svg) no-repeat center;
	left: 0;
	top: 8px;
}

.as_service_detail_inner .as_heading {
	font-size: 32px;
	padding-bottom: 15px;
	margin: 22px 0 15px;
}

.as_service_detail_inner p {
	margin-bottom: 20px;
}

.as_service_detail_inner h4 {
	font-size: 24px;
}

.as_service_widget h3 {
	font-size: 22px;
	display: inline-flex;
	padding-bottom: 11px;
}

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

.as_service_widget ul li {
	font-size: 14px;
	margin-bottom: 7px;
	padding-left: 24px;
	position: relative;
}

.as_service_widget ul li a {
	display: flex;
	justify-content: space-between;
}

.as_service_widget ul li a span {
	transition: none;
}

.as_service_widget ul li a span:first-child {
	border-bottom: 1px solid transparent;
}

.as_service_widget ul li:hover a span:first-child {
	border-color: var(--secondary-color);
}

.as_service_widget ul li:hover {
	color: var(--secondary-color);
}

.as_service_widget ul li:before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	background: url(../images/svg/arrow.svg) no-repeat center;
	left: 0;
	top: 8px;
}

.as_service_widget ul li:hover:before {
	background: url(../images/svg/arrowHover.svg) no-repeat center;
}

.as_service_widget.as_download_box {
	background-color: var(--secondary-color);
	padding: 50px 10px;
}

.as_gplay {
	margin-bottom: 15px;
	display: inline-flex;
}

.as_service_widget .as_heading::after {
	width: 75%;
}

/* service detail End */
/* zodiac detail start */
.as_card_box img {
	border-radius: 10px;
}

.as_card_box > a {
	outline: none;
}

.as_zodiac_sidebar .as_sign_box {
	margin-bottom: 20px;
}

.as_zodiac_heading .as_sign {
	background-color: var(--secondary-color);
	height: 80px;
	width: 54px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 38px;
	position: relative;
}

.as_zodiac_heading .as_sign:after,
.as_zodiac_heading .as_sign:before {
	content: "";
	position: absolute;
	left: 100%;
	top: 0;
	bottom: 0;
	border-top: 40px solid transparent;
	border-bottom: 40px solid transparent;
	border-left: 18px solid var(--secondary-color);
}

.as_zodiac_heading .as_sign:before {
	left: auto;
	right: 100%;
	border-left: none;
	border-right: 18px solid var(--secondary-color);
}

.as_zodiac_heading {
	font-family: "Philosopher", sans-serif;
	font-size: 36px;
	padding-left: 20px;
}

.as_zodiac_heading > span {
	font-size: 14px;
	font-family: "Inter", sans-serif;
}

.as_tab_wrapper div#myTabContent {
	margin-top: 20px;
}

.as_tab_wrapper .nav-tabs > li > button {
	background-color: transparent !important;
	border: none !important;
	font-size: 14px;
	padding: 16px 35px;
	position: relative;
	color: #fff;
}

.as_tab_wrapper .nav-tabs > li > button::before {
	position: absolute;
	content: "";
	height: 4px;
	width: 0;
	background-color: var(--secondary-color);
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.as_tab_wrapper .nav-tabs > li > button:hover,
.as_tab_wrapper .nav-tabs > li > button.active {
	color: var(--secondary-color);
}

.as_tab_wrapper .nav-tabs > li > button:hover:before,
.as_tab_wrapper .nav-tabs > li > button.active:before {
	width: 42px;
}

.as_tab_wrapper .nav-tabs {
	background-color: #10334a;
	border: none;
}

.as_tab_wrapper li {
	margin: 10px 0;
}

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

.as_countdown_wrapper ul li {
	display: inline-flex;
	flex-direction: column;
	margin: 50px 0 30px;
	padding-right: 62px;
	position: relative;
}

.as_countdown_wrapper ul li .progress-percentage {
	width: 108px;
	height: 108px;
	border: 9px solid #193e57;
	border-radius: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 26px;
	font-family: "Philosopher", sans-serif;
}

.as_countdown_wrapper ul li h3 {
	margin: 15px 0 0;
	text-transform: capitalize;
}

.as_countdown_wrapper ul li:last-child {
	padding-right: 0px;
}

.as_zodiac_single_wrapper {
	background-color: #07273c;
}

.as_progressbar {
	position: relative;
	width: 108px !important;
	height: 108px !important;
}

.as_countdown_wrapper ul li canvas {
	position: absolute;
	top: -21px;
	left: -21px;
}

/* zodiac detail End */
/* Blog Single Start */
.as_customer_box.as_bloquote {
	padding: 50px;
	margin-bottom: 20px;
}

.as_customer_box.as_bloquote h3 span {
	font-family: "Inter", sans-serif;
	font-size: 14px;
}

.as_tag_wrapper .as_btn {
	background-color: #17384e;
	height: 40px;
	text-transform: capitalize;
	padding: 0 12px;
}

.as_tag_wrapper .as_btn:after,
.as_tag_wrapper .as_btn:before {
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 13px solid #17384e;
}

.as_tag_wrapper .as_btn:before {
	border-left: none;
	border-right: 13px solid #17384e;
}

.as_tag_wrapper ul li {
	margin-right: 17px;
	align-items: center;
}

.as_tag_wrapper ul {
	padding-top: 15px;
	border-top: 1px solid rgb(255 255 255 / 10%);
}

.as_about_admin {
	background-color: var(--secondary-color);
	display: flex;
	align-items: center;
	padding: 30px 40px;
}

.as_about_admin .as_aboutImage {
	width: 117px;
	margin-right: 32px;
}

.as_about_admin .as_aboutDetail {
	width: calc(100% - 149px);
}

.as_about_admin .as_aboutImage img {
	border: 3px solid #fff;
	border-radius: 100%;
}

.as_comment_section ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.as_comment_section ul li {
	display: flex;
}

.as_comment_section > ul > li {
	border-bottom: 1px solid rgb(255 255 255 / 10%);
	padding: 40px 0;
}

.as_comment_section > ul > li:last-child {
	border-bottom: none;
}

.as_comment_section > ul > li > ul > li {
	border-top: 1px solid rgb(255 255 255 / 10%);
	padding: 40px 0 0;
}

.as_comment_section > ul > li > ul > li:first-child {
	border: none;
	padding: 0 0 40px;
}

.as_comment_section > ul > li > ul > li {
	margin-left: 100px;
}

.as_comment_section > ul > li .as_comnt_img {
	width: 110px;
}

.as_comment_section > ul > li .as_comnt_img img {
	border-radius: 100%;
}

.as_comment_section > ul > li .as_comnt_detail {
	width: calc(100% - 110px);
	position: relative;
}

.as_comment_section > ul > li .as_comnt_detail .as_btn {
	position: absolute;
	right: 35px;
	top: 0;
	padding: 0 10px;
}

.as_comment_section > ul > li .as_comnt_detail .as_btn img {
	margin-right: 10px;
}

.as_comment_section > ul > li .as_comnt_detail > span {
	display: flex;
	padding: 5px 0 10px;
}

.as_comment_section > ul > li .as_comnt_detail > span img {
	margin-right: 10px;
}

.as_comment_form .as_heading,
.as_comment_section .as_heading {
	font-size: 32px;
}

.as_comment_form .form-control {
	margin-bottom: 30px;
	border-radius: 0px;
}

.as_comment_form textarea.form-control {
	height: 210px;
	padding: 15px 30px;
	resize: none;
}

.as_blog_box.as_blog_single {
	margin: 0px;
}

.as_search_widget {
	position: relative;
	margin-bottom: 50px;
}

.as_search_widget > a {
	position: absolute;
	background-color: var(--secondary-color);
	padding: 15px 18px;
	display: inline-flex;
	bottom: 0;
	top: 0;
	right: 0;
}

.as_search_widget .form-control {
	padding-right: 70px;
	border-radius: 0px;
}

.as_tag_wrapper > .as_btn {
	margin: 0 15px 10px;
}

.as_service_widget .as_recentposts li {
	padding: 0;
	margin: 5px 0 13px;
}

.as_service_widget .as_recentposts li h5 {
	margin: -5px 0 0;
	font-size: 16px;
	line-height: 26px;
	transition: none;
}

.as_service_widget .as_recentposts li:before {
	display: none;
}

.as_service_widget .as_recentposts li .as_img {
	margin-right: 15px;
}

.as_service_widget .as_recentposts li .as_detail > span {
	display: flex;
	align-items: center;
}

.as_service_widget .as_recentposts li .as_detail > span img {
	margin-right: 10px;
}

.as_tag_wrapper .as_btn:hover {
	background-color: var(--secondary-color);
}

.as_tag_wrapper .as_btn:hover:before {
	border-right-color: var(--secondary-color);
}

.as_tag_wrapper .as_btn:hover:after {
	border-left-color: var(--secondary-color);
}

.as_blog_box .as_subheading > a {
	transition: none;
}

/* Blog Single End */
/* Contact Start */
.as_info_box {
	display: flex;
	align-items: center;
}

.as_info_box .as_icon {
	width: 65px;
	background-color: var(--secondary-color);
	height: 65px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	position: relative;
	margin-right: 26px;
}

.as_info_box .as_icon:after {
	border: 1px dashed var(--secondary-color);
	content: "";
	position: absolute;
	left: -7px;
	top: -7px;
	bottom: -7px;
	right: -7px;
	border-radius: 100%;
}

.as_info_box:hover .as_icon:after {
	animation: spin 9s infinite linear;
	-webkit-animation: spin 9s infinite linear;
	-moz-animation: spin 9s infinite linear;
}

.as_info_box .as_info {
	width: calc(100% - 100px);
}

.as_info_box h5 {
	color: var(--secondary-color);
	font-size: 20px;
}

.as_contact_info .as_heading {
	font-size: 32px;
}

.as_contact_info > p {
	margin-bottom: 36px;
}

.as_contact_form {
	padding: 46px 50px 50px;
	background-color: #17384e;
	margin-bottom: -263px;
	position: relative;
}

.as_contact_form .form-control {
	border: 1px solid rgb(255 255 255 / 10%);
	border-radius: 0px;
}

.as_contact_form label {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 7px;
}

.as_contact_form textarea.form-control {
	resize: none;
	height: 120px;
	margin-bottom: 30px;
}

.as_contact_form .as_subheading {
	margin: 0 0 37px;
}

/* Contact End */
/* Search popup start */
.as_search_boxpopup {
	position: fixed;
	left: 0;
	top: 100%;
	bottom: 0;
	right: 0;
	background-color: rgb(3 29 46 / 80%);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s linear;
}

.as_search_boxpopup.popup_open {
	top: 0;
	opacity: 1;
	visibility: visible;
}

.as_search_inner {
	max-width: 600px;
	width: 100%;
}

.as_search_inner .as_search_widget {
	margin: 0;
}

.as_cancel {
	position: absolute;
	right: 30px;
	top: 30px;
	cursor: pointer;
}

.as_cancel svg {
	fill: var(--primary-color);
}

.as_cancel:hover svg {
	fill: var(--secondary-color);
}

/* Search popup End */
/* Login popup Start */
.modal.show {
	opacity: 1;
	background-color: rgb(3 29 46 / 87%);
}

.modal .modal-dialog {
	margin: 0 auto;
	transform: none !important;
	width: 500px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
}

.modal-content {
	background-color: var(--dark-color2);
	width: 100%;
}

.modal-header {
	padding: 15px 25px;
	border-color: rgb(255 255 255 / 10%);
}

.modal-header h4 {
	font-size: 24px;
}

.modal-body .form-control {
	border: 1px solid rgb(255 255 255 / 10%);
}

.modal-body {
	padding: 40px;
}

.modal-header .close {
	color: #fff;
	font-weight: 300;
	text-shadow: none;
	opacity: 1;
	width: 25px;
	height: 25px;
	line-height: 18px;
	background-color: var(--dark-color1);
	border-radius: 100%;
	margin-top: 5px;
	font-size: 16px;
	outline: none !important;
}

.as_logout_data,
.as_login_data {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 400;
}

.as_logout_data label,
.as_login_data label {
	font-weight: 400;
	margin: 0;
	padding-left: 30px;
	position: relative;
	cursor: pointer;
}

.as_logout_data label input,
.as_login_data label input {
	display: none;
}

.as_logout_data label .checkmark,
.as_login_data label .checkmark {
	position: absolute;
	width: 18px;
	height: 18px;
	left: 0;
	background-color: var(--dark-color1);
	border-radius: 4px;
	top: 4px;
}

.as_logout_data label .checkmark:after,
.as_login_data label .checkmark:after {
	content: "";
	position: absolute;
	width: 9px;
	height: 5px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: rotate(-45deg) scale(0);
	top: 5px;
	left: 4px;
}

.as_logout_data label input:checked + .checkmark:after,
.as_login_data label input:checked + .checkmark:after {
	transform: rotate(-45deg) scale(1);
}

.as_login_box,
.as_logout_box,
.as_signup_box {
	display: none;
}

.as_login_box.active,
.as_logout_box.active,
.as_signup_box.active {
	display: block;
}

/* Login popup End */
/* Appointment Page Start */
.as_appointment_wrapper,
.as_product_single_wrapper,
.as_team_wrapper,
.as_privacy_wrapper,
.as_faq_wrapper,
.as_contact_section {
	background-image: url(../images/bg4.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.as_journal_box_wrapper {
	background-color: var(--dark-color2);
	display: flex;
	padding: 40px;
	border-radius: 10px;
}

.as_journal_box_wrapper label {
	font-weight: 400;
	text-transform: capitalize;
	font-size: 14px;
}

.as_journal_box_wrapper .form-control {
	border: 1px solid rgb(255 255 255 / 10%);
}

.as_faq_section .accordion-button:not(.collapsed) {
	color: #ffffff;
	background-color: var(--dark-color2);
	border-radius: 10px;
}

.as_faq_section .accordion-item:first-of-type .accordion-button {
	color: #ffffff;
	background-color: var(--dark-color2);
	border-radius: 10px;
	border: none;
}

.as_faq_section .accordion-item:first-of-type {
	background-color: var(--dark-color2);
	border-radius: 10px;
}

.as_faq_section .accordion-button {
	color: #ffffff;
	background-color: #17384e;
}

.as_faq_section .as_journal_box_wrapper textarea.form-control {
	height: 100px;
	resize: none;
	padding-top: 10px;
	border: none;
}

.as_faq_section .as_journal_box_wrapper .as_subheading {
	margin: 0 0 40px;
	font-size: 28px;
}

.as_faq_section .accordion-body {
	padding: 1rem 1.25rem;
	background: #17384e;
	border-radius: 5px;
}

.as_faq_section .accordion-item {
	background-color: #17384e;
	border: 1px solid rgb(23 56 78);
	margin-bottom: 10px;
}

.as_faq_section .accordion-button:not(.collapsed)::after {
	background-image: none;
	transform: rotate(-360deg);
	content: "-";
	font-size: 40px;
	line-height: 15px;
}

.as_faq_section .accordion-button::after {
	flex-shrink: 0;
	width: 1.25rem;
	height: 1.25rem;
	margin-left: auto;
	content: "+";
	font-size: 30px;
	transition: transform 0.2s ease-in-out;
	line-height: 20px;
	background-image: none;
	transition: all 0.3s linear;
}

.as_faq_section .accordion-button:focus {
	border-color: #17384e;
	box-shadow: 0 0 0 0.25rem rgb(23 56 78);
}

.as_journal_box_wrapper .form-group {
	margin-bottom: 20px;
}

/* Appointment Page End */
/* Error Page Start */
.as_error_wrapper {
	height: 100vh;
	display: flex;
	align-items: center;
	background-color: var(--dark-color2);
}

.as_error_wrapper h1 {
	font-size: 150px;
	line-height: 200px;
}

.as_error_wrapper h2 {
	text-transform: capitalize;
	letter-spacing: 6px;
	font-size: 35px;
}

.as_error_wrapper p {
	font-size: 20px;
}

/* Error Page End */
/* FAQ Page Start */
.card {
	background-color: var(--dark-color2);
	border-radius: 10px;
}

.card button.btn.btn-link {
	color: var(--primary-color);
	font-size: 18px;
	padding: 15px 20px;
	text-decoration: none;
	outline: none;
	width: 100%;
	text-align: left;
	white-space: normal;
}

.card-body {
	padding: 20px;
	font-size: 14px;
	border-top: 1px solid rgb(255 255 255 / 10%);
}

.card-header h2 {
	margin-bottom: 0;
}

/* FAQ Page End */
/* Team Page Start */
.as_team_box .as_share_box ul {
	padding: 0;
}

.as_team_box .as_team_img {
	border: 1px solid transparent;
	display: inline-flex;
	padding: 10px;
	border-radius: 5px;
	transition: all 0.3s linear;
}

.as_team_box .as_team_img img {
	border-radius: 5px;
	transition: all 0.3s linear;
}

.as_team_box:hover .as_team_img img,
.as_team_box:hover .as_team_img {
	border-radius: 100%;
}

.as_team_box:hover .as_team_img {
	border: 1px solid rgb(255 255 255 / 10%);
}

.as_team_box .as_subheading {
	margin-bottom: 4px;
}

.as_team_box {
	margin-bottom: 30px;
}

/* Team Page End */
/* shop single */
.as_shopsingle_wrapper,
.as_cartsingle_wrapper,
.as_checkout_wrapper {
	background-image: url("../images/bg4.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.as_shopsingle_nav .as_prod_img {
	margin: 20px 5px 0;
	cursor: pointer;
}

.as_shopsingle_for .as_prod_img img {
	margin: 0 auto;
}

.as_price {
	font-size: 28px;
	margin: 5px 0 15px;
	color: var(--secondary-color);
}

.as_price del {
	color: rgb(97 117 130);
	margin-left: 10px;
}

.prod_quantity {
	display: flex;
	align-items: center;
}

.prod_quantity input {
	max-width: 180px;
	margin: 0;
	padding: 0 60px;
	text-align: center;
}

.quantity {
	position: relative;
	margin-left: 30px;
	border: 1px solid rgb(255 255 255 / 0.1);
	width: 150px;
}

.quantity .qty_button {
	position: absolute;
	background-color: var(--dark-color2);
	border: none;
	right: 0;
	height: 50px;
	width: 50px;
	top: 0;
	border-left: 1px solid rgb(255 255 255 / 0.1);
	outline: none;
	color: #fff;
}

.quantity .qty_button.minus {
	left: 0;
	border-left: none;
	border-right: 1px solid rgb(255 255 255 / 0.1);
}

.product_buy .as_btn {
	margin-right: 25px;
}

.as_shopsingle_nav .slick-list.draggable {
	padding: 0 !important;
}

textarea.form-control {
	height: 120px;
	resize: none;
	padding-top: 15px;
}

.as_cartsingle_wrapper .prod_thumb {
	position: absolute;
}

.as_cartsingle_wrapper .prod_thumb img {
	width: 50px;
}

.as_cartsingle_wrapper .product_details {
	padding: 0 0 0 70px;
}

.as_cartsingle_wrapper td,
.as_cartsingle_wrapper th {
	padding: 20px !important;
	border-top: 1px solid rgb(255 255 255 / 10%) !important;
}

.as_cartsingle_wrapper table {
	border: 1px solid rgb(255 255 255 / 10%);
	color: #fff;
}

.cupon_code_wrap {
	display: flex;
}

.cupon_code_wrap .form-control {
	width: 35%;
	margin-right: 25px;
}

.checkout_wrapper_box ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
}

.checkout_wrapper_box ul li {
	display: flex;
}

.checkout_wrapper_box ul li {
	display: inline-flex;
	margin: 0 20px 30px;
	background-color: var(--dark-color1);
}

.checkout_wrapper_box ul li:after {
	border-left-color: var(--dark-color1);
}

.checkout_wrapper_box ul li:before {
	border-right-color: var(--dark-color1);
}

.checkout_wrapper_box ul li.active {
	background-color: var(--secondary-color);
}

.checkout_wrapper_box ul li.active:after {
	border-left-color: var(--secondary-color);
}

.checkout_wrapper_box ul li.active:before {
	border-right-color: var(--secondary-color);
}

.checkout_wrapper_box {
	text-align: center;
	background-color: var(--dark-color2);
	padding: 40px;
	border-radius: 10px;
}

.checkout_wrapper_box .form-control {
	border: 1px solid rgb(255 255 255 / 10%);
}

.checkout_wrapper_box .step:not(:first-of-type) {
	display: none;
}

.step .receipt_btn {
	margin: 10px 25px;
}

.stock_details span {
	color: #1cb71c;
}

.datepicker--time-current-hours.-focus-:after,
.datepicker--time-current-minutes.-focus-:after {
	background-color: var(--secondary-color) !important;
}

/* Responsive css */
@media (min-width: 1400px) and (max-width: 1810px) {
	.as_logo {
		padding: 35px;
	}

	.as_header_detail {
		width: calc(100% - 220px);
	}

	.as_info_detail {
		padding-right: 20px;
	}

	.as_menu_wrapper {
		padding-right: 50px;
	}

	.as_banner_slider .slick-arrow.slick-next {
		right: -795px;
	}

	.as_info_detail ul li,
	.as_right_info,
	.as_menu > ul > li {
		font-size: 14px;
	}
}

@media (max-width: 1610px) {
	.as_banner_slider .slick-arrow.slick-next {
		right: -730px;
	}

	.as_customer_slider .slick-arrow.slick-prev {
		left: -100px;
	}

	.as_customer_slider .slick-arrow.slick-next {
		right: -80px;
	}
}

@media (max-width: 1450px) {
	.as_banner_slider .slick-arrow.slick-next {
		right: -700px;
	}

	.as_customer_slider .slick-arrow.slick-prev {
		display: none !important;
	}

	.as_customer_slider .slick-arrow.slick-next {
		display: none !important;
	}
}

@media (max-width: 1399px) {
	.as_logo {
		padding: 35px;
	}

	.as_header_detail {
		width: calc(100% - 220px);
	}

	.as_banner_wrapper {
		padding: 80px 100px;
	}

	.as_customer_box {
		padding: 0 40px 42px;
	}

	.as_info_detail,
	.as_menu_wrapper {
		padding-right: 35px;
	}

	.as_info_detail ul li {
		padding: 15px;
	}

	.as_infobox {
		font-size: 14px;
	}

	.as_menu > ul > li {
		margin: 0 10px;
	}

	.slick-arrow.slick-prev,
	.as_banner_slider .slick-arrow.slick-prev {
		left: -110px;
	}

	.slick-arrow.slick-next {
		right: -100px;
	}

	.as_banner_slider .slick-arrow.slick-next {
		right: -640px;
	}
}

@media (max-width: 1360px) {
	.as_menu ul li a {
		font-size: 13px;
	}

	.as_infobox {
		font-size: 12px;
	}

	.as_overview_slider button.slick-prev.as_btn.slick-arrow,
	.as_overview_slider button.slick-next.as_btn.slick-arrow {
		display: none !important;
	}
}

@media (max-width: 1260px) {
	.as_infobox .as_infoicon {
		width: 40px;
		height: 40px;
	}

	.as_cart_wrapper {
		margin-left: 20px;
		padding: 10px 15px;
		font-size: 11px;
	}

	.as_menu ul li a {
		padding: 13px 0;
	}

	.as_search_wrapper {
		padding-top: 14px;
	}

	.as_logo {
		padding: 15px;
	}

	.as_info_detail ul li {
		padding: 12px;
	}

	.as_info_detail,
	.as_menu_wrapper {
		padding-right: 0;
	}

	.as_banner_slider .slick-arrow.slick-next {
		right: -580px;
	}

	.as_customer_wrapper .slick-prev {
		left: 0;
	}

	.as_customer_wrapper .slick-next {
		right: 20px;
		margin: 0;
	}

	.as_overview_wrapper .slick-prev {
		left: -20px;
	}

	.as_overview_wrapper .slick-next {
		right: -4px;
	}
}

@media (max-width: 1199px) {
	.as_info {
		margin: 10px 0;
	}

	.as_banner_detail h1 {
		font-size: 44px;
		line-height: 50px;
	}

	.as_aboutimg::after {
		display: none;
	}

	.as_aboutimg::before {
		display: none;
	}

	.as_about_slider .slick-dots {
		position: absolute;
		left: 0;
		bottom: -15px;
		right: 0;
		margin: auto;
		display: flex;
		justify-content: center;
	}

	.as_about_slider .slick-dots li {
		margin: 15px 5px;
	}

	p {
		font-size: 14px;
		line-height: 24px;
	}

	.as_product_img > img {
		width: 100%;
	}

	.as_tab_wrapper .nav-tabs > li > a {
		padding: 16px 20px;
	}

	.as_countdown_wrapper ul li {
		padding-right: 30px;
	}

	.as_tag_wrapper .as_btn {
		margin-bottom: 10px;
	}

	.as_contact_form {
		margin-top: 50px;
	}
}

@media (max-width: 1160px) {
	.as_banner_slider .slick-arrow.slick-next {
		right: -545px;
	}
}

@media (min-width: 1145px) {
	.as_banner_wrapper .slick-dots {
		display: none !important;
	}
}

@media (max-width: 1145px) {
	.as_info_detail ul li .as_infobox > span.as_orange {
		width: 50px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.as_banner_slider .slick-arrow.slick-next,
	.slick-arrow.slick-prev,
	.as_banner_slider .slick-arrow.slick-prev,
	.as_overview_wrapper .slick-next {
		display: none !important;
	}

	.as_banner_wrapper .slick-dots {
		text-align: left;
		display: none;
		position: absolute;
		left: -80px;
		transform: rotate(90deg);
		bottom: 0;
	}
}

@media (max-width: 991px) {
	.as_about_slider {
		max-width: 100%;
		margin: auto;
	}

	.as_contact_form {
		margin-bottom: 0;
		margin-top: 50px;
	}

	.as_product_description {
		padding-top: 50px;
	}

	.as_infobox .as_infoicon {
		width: 30px;
		height: 30px;
	}

	.as_infobox .as_infoicon img {
		width: 15px;
	}

	.as_info_detail ul li .as_infobox > span.as_orange {
		width: 40px;
	}

	.as_logo {
		padding: 10px;
	}

	.as_cart_wrapper {
		margin-left: 10px;
	}

	.as_infobox .as_infoicon {
		margin-right: 5px;
	}

	.as_cart_wrapper > span {
		margin-right: 12px;
	}

	.as_header_detail {
		width: calc(100% - 200px);
	}

	.as_info_detail,
	.as_menu_wrapper {
		padding-right: 6px;
	}

	.as_info_detail ul li {
		padding: 12px 5px;
	}

	.as_info_detail ul li .as_infobox > span.as_orange {
		width: 34px;
	}

	.as_infobox .as_logouttext,
	.as_infobox .as_logintext {
		display: none;
	}

	.as_banner_detail h1 {
		font-size: 30px;
		line-height: 40px;
	}

	.as_banner_slider .slick-arrow.slick-next {
		right: -450px;
	}

	.as_banner_detail h5 {
		font-size: 18px;
	}

	.as_aboutimg::before,
	.as_aboutimg::after {
		display: none;
	}

	.as_aboutimg img {
		margin: 0 20px 30px auto;
		width: 100%;
	}

	.as_padderBottom80 {
		padding-bottom: 70px;
	}

	.as_padderTop80 {
		padding-top: 70px;
		overflow: hidden;
	}

	.as_sign_ul li:first-child,
	.as_sign_ul li:last-child,
	.as_sign_ul li:nth-child(2),
	.as_sign_ul li:nth-child(5),
	.as_sign_ul.as_sign_ul_right li:first-child,
	.as_sign_ul.as_sign_ul_right li:last-child,
	.as_sign_ul.as_sign_ul_right li:nth-child(2),
	.as_sign_ul.as_sign_ul_right li:nth-child(5) {
		transform: translateX(0);
	}

	.as_sign_form ul {
		flex-direction: column;
	}

	.as_sign_box > div {
		width: calc(100% - 80px);
	}

	.as_sign_form ul li {
		max-width: 100%;
		width: 100%;
	}

	.as_sign_form ul li:nth-child(3) {
		max-width: 100%;
		margin-bottom: 20px;
	}

	.as_sign_form ul li:last-child {
		max-width: 100%;
		text-align: center;
	}

	.as_newsletter_wrapper {
		display: block;
		text-align: center;
		float: left;
		width: 100%;
	}

	.as_newsletter_wrapper .as_heading::after {
		left: 50%;
		transform: translateX(-50%);
	}

	.as_newsletter_wrapper p {
		margin-bottom: 30px;
	}

	.as_footer_inner {
		float: left;
		display: block;
		width: 100%;
		margin-bottom: 0;
		padding-top: 20px;
	}

	.as_product_img ul {
		display: flex;
		justify-content: space-around;
	}

	.as_whychoose_wrapper .as_verticle_center {
		display: block;
		text-align: center;
	}

	.as_whychoose_wrapper .as_heading:after {
		left: 50%;
		transform: translateX(-50%);
	}

	.as_whychoose_wrapper p {
		margin-bottom: 30px;
	}

	.as_service_detail_inner {
		margin-bottom: 50px;
	}

	.as_newsletter_box {
		margin: 0 20px;
	}

	.as_card_box {
		text-align: center;
	}

	.as_card_box img {
		display: inline-block;
	}

	.as_service_widget.as_download_box {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.as_service_widget.as_download_box h3,
	.as_service_widget.as_download_box .as_gplay {
		display: inline-block;
	}

	.as_comment_form {
		margin-bottom: 50px;
	}

	.as_heading {
		font-size: 30px;
	}

	.as_about_slider .slick-dots {
		position: absolute;
		left: -45px;
		bottom: 55px;
		display: block;
	}

	.as_sign_box {
		max-width: 100%;
	}

	.as_sign_img {
		margin-top: 45px;
	}

	.as_blog_wrapper .row {
		justify-content: center;
	}
}

@media (max-width: 895px) {
}

@media (max-width: 830px) {
	.as_banner_slider .slick-arrow.slick-next {
		right: -360px;
	}
}

@media (max-width: 767px) {
	.as_info_box {
		margin: 10px 0;
	}

	.menu_open ~ span.as_body_overlay {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgb(3 29 46 / 0%);
		z-index: 0;
	}

	.as_verticle_center {
		display: block;
	}

	.as_search_wrapper {
		padding-top: 0;
	}

	.as_sign_box {
		margin: 40;
		margin: 40px auto 0 !important;
	}

	.as_blog_img img {
		width: 100%;
	}

	.as_banner_slider .slick-arrow.slick-next {
		right: -75px;
	}

	.as_toggle {
		display: flex;
		margin-right: 20px;
		cursor: pointer;
	}

	.as_menu_wrapper {
		flex-direction: row-reverse;
		justify-content: space-between;
	}

	.as_menu ul li,
	.as_menu ul li a {
		display: block;
	}

	.as_menu {
		position: fixed;
		left: -200px;
		top: 0;
		bottom: 0;
		background-color: var(--dark-color1);
		z-index: 999;
		width: 200px;
		border-right: 2px solid var(--secondary-color);
		opacity: 0;
		visibility: hidden;
		overflow-y: auto;
		transition: all 0.3s linear;
	}

	.menu_open .as_menu {
		left: 0;
		opacity: 1;
		visibility: visible;
	}

	.as_menu li {
		display: flex;
		border-bottom: 1px solid rgb(255 255 255 / 10%);
		margin: 0;
	}

	.as_menu ul li a:before {
		display: none;
	}

	.as_menu_wrapper {
		padding: 12px 10px;
	}

	.as_cart_wrapper {
		display: flex;
	}

	.as_cart_wrapper > span {
		margin-right: 20px;
	}

	.slick-arrow.slick-prev,
	.as_banner_slider .slick-arrow.slick-prev {
		left: -102px;
	}

	.as_info_detail {
		justify-content: center;
		flex-direction: column;
		padding: 10px;
	}

	.as_right_info {
		padding-left: 5px;
	}

	.as_search_inner {
		padding: 0 20px;
	}

	.as_menu > ul > li .as_submenu {
		position: relative;
		opacity: 1;
		visibility: visible;
		top: auto !important;
		left: auto !important;
		transform: none !important;
		width: 100%;
		right: auto !important;
		padding: 0;
		background-color: transparent;
		display: none;
	}

	.as_menu > ul > li .as_submenu .as_submenu {
		display: none;
	}

	.as_menu > ul > li .as_submenu:before {
		display: none;
	}

	.as_menu ul li .as_submenu.active {
		display: block;
	}

	.as_menu ul li.as_submenu_li:after {
		position: absolute;
		content: "";
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid #ffffff;
		top: 25px;
		right: 0;
	}

	.as_menu ul li.as_submenu_li ul li.as_submenu_li:after {
		top: 18px;
	}

	.as_banner_img {
		margin-top: 50px;
	}
}

@media (max-width: 650px) {
	.as_about_slider .slick-dots {
		position: absolute;
		left: 0;
		bottom: 15px;
		right: 0;
		display: flex;
		justify-content: center;
	}
}

@media (max-width: 600px) {
	.as_comment_section > ul > li .as_comnt_detail .as_btn {
		position: relative;
		right: auto;
		top: auto;
		padding: 0 20px;
		margin: 10px 0 0 0;
	}

	.slick-arrow.slick-prev,
	.as_banner_slider .slick-arrow.slick-prev,
	.as_banner_slider .slick-arrow.slick-next {
		display: none !important;
	}

	.as_banner_wrapper {
		padding: 80px 40px;
		overflow: hidden;
	}

	.as_header_detail {
		width: calc(100% - 0px);
	}

	.as_banner_wrapper .slick-dots {
		text-align: center;
		display: none;
		position: relative;
		right: 0;
		left: 0;
		transform: rotate(0deg);
		bottom: 0;
	}

	.as_banner_wrapper .slick-initialized .slick-slide {
		text-align: center;
	}

	.as_comment_section > ul > li > ul > li {
		margin-left: 40px;
	}
}

@media (max-width: 567px) {
	.as_btn {
		margin: 0;
	}

	.modal .modal-dialog {
		width: 100%;
	}

	.as_zodiac_heading {
		font-size: 24px;
	}

	.as_overview_inner {
		padding: 30px 30px 40px;
	}

	.as_cart_box {
		right: -30px;
	}
}

@media (max-width: 450px) {
	.as_newsletter_box {
		position: initial;
	}

	.as_about_admin {
		display: block;
	}

	.as_about_admin .as_aboutImage {
		width: 100%;
		margin-right: 0;
		text-align: center;
		display: flex;
		justify-content: center;
	}

	.as_about_admin .as_aboutDetail {
		width: calc(100% - 0px);
		text-align: center;
		padding-top: 10px;
	}

	.as_newsletter_box .as_btn {
		position: relative;
		right: 0;
		top: 20px;
		bottom: 0;
		width: 100%;
		margin: 0;
		display: flex;
		justify-content: center;
		text-align: center;
	}

	.as_btn:after,
	.as_btn:before {
		display: none;
	}

	.as_journal_box_wrapper {
		padding: 40px 18px !important;
	}

	.as_banner_wrapper {
		padding: 80px 0px;
	}

	.as_banner_wrapper .slick-dots {
		text-align: center;
		display: block;
	}

	.as_info_detail ul li .as_infobox > span.as_orange {
		display: none;
	}

	.as_contact_expert h1 {
		font-size: 20px;
	}

	.as_contact_expert h5 {
		font-size: 15px;
	}

	.as_contact_expert .as_icon {
		width: 50px;
		height: 50px;
	}

	.as_zodiac_heading .as_sign {
		margin-right: 20px;
	}

	.as_zodiac_heading {
		font-size: 20px;
		padding-left: 10px;
	}

	.as_newsletter_box:after,
	.as_newsletter_box:before {
		display: none;
	}
}

@media (max-width: 400px) {
	.as_logo img {
		width: 107px;
	}

	.as_cart_box {
		width: 270px;
	}

	.modal .modal-dialog {
		margin: 50px auto;
	}

	.as_zodiac_heading {
		font-size: 16px;
	}

	.as_zodiac_heading .as_sign:after,
	.as_zodiac_heading .as_sign:before {
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
	}

	.as_zodiac_heading .as_sign {
		height: 60px;
		width: 35px;
	}

	.as_zodiac_heading > span {
		font-size: 12px;
	}

	.as_comment_section > ul > li > ul > li {
		margin-left: 20px;
	}
}

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

.left-button {
	order: 1;
	/* Positions the left button first */
}

.right-button {
	order: 2;
	/* Positions the right button second */
}

.links-container {
	display: flex;
	align-items: center;
}

.links-separator {
	margin: 0 10px; /* Adjust the margin as needed */
}
.links-separator::before {
	content: "|";
}
.nowrap {
	white-space: nowrap;
}

#gdpr-banner {
	z-index: 9999;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	background-color: var(--dark-color2);
	text-align: center;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	display: none;
}

#gdpr-banner p {
	margin: 0;
}

#gdpr-banner button {
	margin: 5px;
}

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

.unsubscribe-button {
	position: absolute;
	bottom: 10px;
	right: 40px;
	font-size: 16px;
	padding: 10px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 2px 10px -2px gray;
}

.as_table {
	width: 100%;
	border-collapse: collapse;
}
.as_table th,
.as_table td {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: left;
}
.as_table tr:nth-child(even) {
	/* background-color: #f2f2f2; */
	background-color: var(--dark-color1);
}
.as_table th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: var(--dark-color2);
	color: var(--primary-color);
}

.logo {
	display: block;
	background-image: url("/assets/images/astro-logo3.png");
	background-position: center;
	background-size: 300px auto;
	width: 300px;
	height: 130px;
}
.logo-small {
	display: block;
	background-image: url("/assets/images/astro-logo3.png");
	background-position: center;
	background-size: 200px auto;
	width: 200px;
	height: 86px;
}

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

.service-card {
	flex-basis: 30%;
	text-align: center;
}

.service-card img {
	width: 242px;
	height: 170px;
	border-radius: 8px;
}

.service-card h3 {
	margin-top: 10px;
}