body {
	margin: 0;
	box-sizing: border-box;
	font-family: "Urbanist", sans-serif;
	color: #0F0F0F;
	overflow-x: hidden;
}
a {
	text-decoration: none;
	color: #0F0F0F;
	display: inline-block;
}
a.button-bg,
input[type="submit"]{
	display: inline-block;
	background-color: #fff;
	color: #0F0F0F;
	font-size: 18px;
	font-weight: bold;
	padding: 12px 24px;
	border-radius: 30px;
	border: none;
}
a.button-bg.yellow,
input[type="submit"] {
	background-color: #FFBC59;
}
a.button-border {
	display: inline-block;
	background-color: #FFF;
	color: #0F0F0F;
	border: 1px solid #FFBC59;
	font-size: 18px;
	font-weight: 600;
	padding: 11px 24px;
	border-radius: 30px;
}
a.button-bg img {
	margin-bottom: 2px;
}
a.button-big {
	padding: 14px 24px;
}
a.button-bg:hover {
	background-color: #FFF;
	box-shadow: 0 0 8px rgba(255, 188, 83, 0.8);
}
.mt-80 {
	margin-top: 80px;
}
.mb-80 {
	margin-bottom: 80px;
}
.pt-40 {
	padding-top: 40px;
}
.pb-40 {
	padding-bottom: 40px;
}
header {
	position: sticky;
	background-color: transparent;
	height: 100px;
	z-index: 9999;
}
body.home header {
	background-color: #000;
}
body header img.dark {
	display: none;
}
body.home header img.dark {
	display: block;
}
body.home header img.light {
	display: none;
}
header nav ul {
	list-style-type: none;
	padding: 0;
    margin: 0;
    display: inline-block;
    background-color: rgba(255, 231, 197, 0.02);
    border-radius: 40px;
    padding: 12px 4px;
}
header .pages nav ul {
    background-color: rgba(15, 15, 15, 0.08);
}
header nav ul li {
    display: inline-block;
    padding: 0 12px;
}
header nav ul li a {
	font-weight: bold;
}
body.home header nav ul li a {
    color: rgba(255, 255, 255, 0.64);
}
header .pages nav ul li a {
    color: rgb(15, 15, 15);
}
header nav ul li a:hover {
    color: #FFBC59
}

.home-head {
	background-color: #000;
	max-height: calc( 400px + 25vw );
/* 	position: relative; */
	overflow: hidden;
/* 	background-image: url("../images/artwork.png");
	background-position: bottom center;
	background-size: contain;
	background-repeat: no-repeat; */
}
.home-head h1 {
	color: #fff;
	font-size: 6.5vw;
	font-weight: bold;
	margin-bottom: 32px;
	display: inline-block;
    max-height: 15vw;
	overflow: hidden;
}
.home-head h1 div {
	color: #FFBC59;
	text-align: left;
}
.home-head h1 span#title-animation {
	margin-right: -20px;
}
.home-head h1 span#cursor {
	height: 90px;
	width: 1px;
	display: none;
	background-color: #fff;
	vertical-align: bottom;
}
.home-head h1 div:last-child {
	visibility: hidden;
}
.home-head h1 div img {
	margin: 2vw 8px 0;
    width: 1.5vw;
}
.home-head h4 {
	color: rgba(255, 255, 255, 0.64);
	font-size: 20px;
    font-weight: 500;
    max-width: 70%;
    margin: 0 auto 32px;
}
.home-head .container {
	position: relative;
}
.home-head .front-circle {
	aspect-ratio: 1 / 1;
    box-shadow: 0 0 40px rgba(255, 188, 89, 0.4);
    border-top-left-radius: 50%;
	border-top-right-radius: 50%;
    padding-top: 12vw;
	margin: 100px 40px 0px;
	animation: circle 3s linear 0s 1;
	animation-fill-mode: forwards;
}

@keyframes circle {
	0% {
		box-shadow: 0 0 40px rgba(255, 188, 89, 0.4);
	}
	100% {
		box-shadow: 0 0 100px rgba(255, 188, 89, 0.8);
	}
}

.home-about .home-about-bg {
	/*height: 400px;*/
	/* background-image: url("../images/home_about_bg.jpg");
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat; */
}
.home-about .home-about-bg img {
    border-radius: 24px;
}
.home-about .home-about-content {
	/*display: flex;
    flex-direction: column;
    justify-content: space-between;*/
    padding-right: 50px;
}
.home-about .home-about-content h3 {
	font-size: 28px;
	font-weight: bold;
	color: rgba(15,15,15,0.8);
	margin-bottom: 40px;
}
.home-about .home-about-content p {
	font-size: 20px;
	font-weight: 500;
	color: rgba(15,15,15,0.8);
	margin-bottom: 40px;
}


.home-why h3 {
	font-size: 28px;
	color: #0F0F0F;
	font-weight: bold;
	margin-bottom: 16px;
}
.home-why p {
	font-size: 20px;
	font-weight: 500;
	color: #0F0F0F;
	margin-bottom: 40px;
}
.home-why .home-why-blocks {
	/* padding: 0; */
    /* column-gap: 80px; */
    row-gap: 40px;
	justify-content: center;
}
.home-why .home-why-block {
	padding: 24px 24px;
    border-radius: 20px;
	text-align: center;
	height: 100%;
}
.home-why .home-why-block:hover {
	background-color: rgba(255, 231, 191, 0.24);
    box-shadow: 0 0 10px rgba(255, 188, 89, 0.4);
}
.home-why .home-why-block h4 {
	margin-bottom: 12px;
	font-size: 22px;
	font-weight: bold;
	color: #000;
	height: 53px;
}
.home-why .home-why-block .why-block-img {
	margin-bottom: 24px;
	height: 48px;
	width: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 16px;
}
/*.home-why .home-why-block .why-block-img div {
	margin-right: -44px;
	height: 56px;
	width: 56px;
	border-radius: 50%;
	box-shadow: 26px 0px 10px rgba(255, 188, 89,1)
}*/
.home-why .home-why-block p {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 600;
	color: #000;
	max-width: 305px;
	margin: 0 auto;
}

.service {
	background-color: #0F0F0F;
	background-image: url("../images/our_products_bg.jpg");
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
.service_bg {
	background-color: rgba(0, 0, 0, 0.64);
}
.service .nav-pills-head {
	background-color: #0F0F0F;
	padding-bottom: 10px;
}
.service .nav-pills-head button {
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	background-color: transparent !important;
}
.service .nav-pills-head button.active {
	background-image: url("../images/nav_tab_active.png");
	background-repeat: no-repeat;
    background-position: bottom;
}
.service .nav-pills-head button:hover {
	color: #FFF3E0;
}
.service .scrolling-row {
	max-width: 100vw;
	overflow-x: scroll;
}
.service .nav-pills-side {
	height: 500px;
	min-width: 300px;
    background-color: #0F0F0F;
    padding: 24px 0 24px;
    gap: 24px;
}
.service .nav-pills-side button {
	background-color: transparent;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    display: inline-block;
    padding: 10px 16px 10px 24px;
}
.service .nav-pills-side button.active {
	color: #FFBC59;
	background-color: transparent;
}
.service .nav-pills-side button:hover {
	color: #FFBC59;
	background-color: transparent;
}
.service .tab-side-content {
	padding: 30px 50px;
    height: 430px;
    max-width: 900px;
}
.service .tab-side-content .tab-pane {
	/* display: flex; */
    flex-direction: column;
    justify-content: space-between;
    align-items: baseline;
    height: 100%;
}
.service .tab-side-content .tab-pane.active {
	display: flex;
}
.service .tab-side-content h1 {
	font-size: 48px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 40px;
}
.service .tab-side-content p {
	font-size: 20px;
	font-weight: 400;
	color: #fff;
}

.package .package-head h3 {
	font-size: 28px;
	font-weight: bold;
	color: #0F0F0F;
}
.package .package-head p {
	font-weight: 600;
	font-size: 16px;
	color: #0F0F0F;
	display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}
.package .package-head span {
	background: linear-gradient(180deg, #FFBC59 0%, #FF9800 100%);
    height: 16px;
    margin: 0 7px;
    width: 3px;
}
.package .package-block {
    box-shadow: 0 0 8px rgba(255,188,89,0.8);
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
}
.package .package-block:hover {
    background-color: rgba(255,188,89,0.24);
}
.package .package-block .package-block-head {
	background: linear-gradient(180deg, #FFBC59 0%, #FF9800 100%);
    padding: 16px 40px;
}
.package .package-block .package-block-head h4 {
	font-weight: bold;
	font-size: 24px;
	color: #0F0F0F;
	margin-bottom: 0;
}
.package .package-block .package-block-content {
    padding: 40px;
}
.package .package-block .package-block-content ul {
	font-weight: 600;
	font-size: 20px;
	color: #0F0F0F;
	list-style-type: none;
	padding: 0;
}
.package .package-block .package-block-content ul li {
	display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 16px;
}
.package .package-block .package-block-content ul div {
	background: linear-gradient(180deg, #FFBC59 0%, #FF9800 100%);
	height: 12px;
	width: 12px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.package .package-block .package-block-content ul div span {
	background-color: #fff;
	display: inline-block;
    height: 4px;
    width: 4px;
    border-radius: 50%;
}

.sales {
	background-color: #0F0F0F;
	position: relative;
	overflow: hidden;
	height: 900px;
}
.sales .sales-head {
	margin-top: 130px;
}
.sales .sales-head h1 {
	font-weight: bold;
	font-size: 48px;
	color: #fff;
}
.sales .sales-head p {
	font-weight: 500;
	font-size: 16px;
	color: rgba(255,255,255,0.8);
}
.sales .sales-content {
	height: 100%;
    width: 100%;
	position: absolute;
    top: 10%;
    left: 35%;
}
.sales .sales-content .back-circle {
	height: 1900px;
    position: absolute;
    /*top: 10%;*/
    width: 1900px;
    box-shadow: 0 0 64px rgba(255, 188, 89, 0.4);
    border-radius: 50%;
}
.sales .sales-block {
	max-width: 300px;
	position: absolute;
	margin-bottom: 24px;
}
.sales .sales-block.sales-block-1 {
    top: 11%;
    left: 40%;
}
.sales .sales-block.sales-block-2 {
    top: 25%;
    left: 31%;
}
.sales .sales-block.sales-block-3 {
    top: 40%;
    left: 23%;
}
.sales .sales-block.sales-block-4 {
    top: 56%;
    left: 14%;
}
.sales .sales-block.sales-block-5 {
    top: 72%;
    left: 5%;
}
.sales .sales-block h5 {
	font-weight: bold;
	font-size: 20px;
	color: #fff;
}
.sales .sales-block div {
	display: flex;
    gap: 15px;
    align-items: center;
}
.sales .sales-block h1 {
	font-weight: 900;
	line-height: 70px;
    font-size: 90px;
	/*color: rgba(255,255,255,0.8);*/
	background: -webkit-linear-gradient(180deg, #FFBC59 0%, #FF9800 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
/*background: linear-gradient(180deg, #FFBC59 0%, #FF9800 100%);*/
}
.sales .sales-block p {
	font-weight: 400;
	font-size: 14px;
	color: #fff;
	margin-bottom: 0;
    line-height: 18px;
}

.faqs h1 {
	font-weight: 600;
	font-size: 48px;
	color: #0F0F0F;
}
.faqs .accordion .accordion-item {
	border-radius: 0;
	border: none;
	border-bottom: 1px solid rgba(224,224,224,0.4);
	margin-bottom: 32px;
	padding: 16px 20px 16px 0;
}
.faqs .accordion .accordion-button {
	border-radius: 0;
	color: #0F0F0F;
	background-color: transparent;
	box-shadow: none;
	padding: 0 20px 16px 0;
	font-size: 20px;
	font-weight: 600;
	color: #0F0F0F;
	justify-content: space-between;
}
.faqs .accordion .accordion-button:not(.collapsed) {
	color: #FFBC59;
}
.faqs .accordion .accordion-item .accordion-button:focus {
	outline: none;
	box-shadow: none;
}
.faqs .accordion .accordion-button::after {
	display: none;
}
.faqs .accordion .accordion-button i {
	color: #0F0F0F;
	border: 1px solid #0F0F0F;
    border-radius: 50%;
    padding: 5px 7px 5px 9px;
    transform: rotate(0deg);
    transition: 0.3s all linear;
    font-size: 16px;
}
.faqs .accordion .accordion-button:not(.collapsed) i {
    transform: rotate(90deg);
    border-color: #FFBC59;
	color: #FFBC59;
}
.faqs .accordion .accordion-body {
	padding: 6px 40px 0 0;
}
.faqs .accordion .accordion-body p {
	font-size: 16px;
	font-weight: 400;
	color: #0F0F0F;
}


footer {
	background-color: #0F0F0F;
	padding: 50px 0 80px;
}
footer h6 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 24px;
	color: rgba(255,255,255,0.64);
}
footer .footer-links a {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 16px;
	color: #FFF;
	display: block;
}
footer .footer-links a:hover {
	color: #FFBC59;
}
footer .footer-contact a {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 12px;
	color: #FFF;
	display: block;
}
footer .footer-contact a img {
	margin-right: 3px;
}
footer .footer-contact .footer-mail {
	text-decoration: underline;
}
footer .footer-contact div {
	margin: 16px 0;
	background-color: rgba(255,255,255,0.24);
	height: 1px;
}
footer .footer-contact span {
	height: 32px;
	width: 32px;
	display: inline-block;
    border-radius: 50%;
	margin-right: 16px;
	background-color: #D9D9D9;
}
a.button-without,
form button {
    display: inline-block;
    background-color: #fff;
    color: #0F0F0F;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 30px;
    border: none;
}
a.button-without:hover,
form button:hover {
    background-color: #FFF;
    box-shadow: 0 0 8px rgba(255, 188, 83, 0.8);
}
a.button-without img {
    margin-bottom: 2px;
}
.contact-header-back {
	height: 100px;
    background-color: #fff;
    margin-top: -100px;
}
.contact-head {
	padding: 60px 0 100px;
}
.contact-head .home-about-content h1 {
	font-size: 60px;
	font-weight: bold;
	color: #0F0F0F;
	margin-bottom: 32px;
}
.contact-head .home-about-content p {
	font-size: 24px;
	font-weight: bold;
	color: rgba(15, 15, 15, 0.64);
	margin-bottom: 16px;
}
form {
	padding: 24px;
    border: 3px solid #FEC407;
    border-radius: 40px;
}
form h5 {
	font-weight: 600;
	font-size: 20px;
	color: #363636;
	margin-bottom: 16px;
}
form .row div {
	/* padding: 0; */
}
input:not([type="submit"]), select, textarea {
	margin-bottom: 8px;
	margin-right: 8px;
	color: #0F0F0F;
	border-radius: 20px;
	background-color: #fff;
	border: 1px solid #D8D8D8;
	padding: 12px;
	width: 100%;
	-webkit-appearance: none;
}

textarea {
	margin-bottom: -14px;
	height: 90px;
}
select:invalid {
	color: gray;
}
form input[type="submit"] {
	float: right;
}
.wpcf7-spinner {
	margin: 0 4px;
	vertical-align: middle;
}
form a.info_message {
	color: #0d6efd;
	font-size: 10px;
	font-weight: 400;
}
form button {
	margin-top: 32px;
}

.about-head {
	padding: 100px 0;
}
.about-head .head {
	margin-bottom: 80px;
}
.about-head .content {
	margin-bottom: 64px;
	align-items: center;
}
.about-head .content .about-img img {
	width: 100%;
}
.about-head .content p {
	margin-bottom: 12px;
	font-size: 20px;
	color: #0F0F0F;
}
.about-head .about-blocks {
	display: flex;
    gap: 80px;
}
.about-head .about-block {
	padding: 24px;
    box-shadow: 0 0 8px rgba(255, 188, 89, 0.8);
    border-radius: 24px;
    text-align: center;
	height: 100%;
}
.about-head .about-block h5 {
    font-weight: 600;
	height: 60px;
    margin-bottom: 24px;
	overflow: hidden;
	font-size: 24px;
}
.about-head .about-block div {
	display: inline-flex;
    align-items: center;
    justify-content: center;
	margin-bottom: 24px;
	height: 56px;
	width: 56px;
	background-color: rgba(255, 188, 89, 0.24);
	border-radius: 12px;
}
.service-head {
	height: 570px;
    background-color: #0F0F0F;
    margin-top: -100px;
	background-image: url("../images/our_products_bg.jpg");
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
.service-head-cover {
	height: 100%;
	width: 100%;
	padding-top: 100px;
    background-color: rgba(0, 0, 0, 0.64);
}
.service-head h1 {
	margin-bottom: 12px;
	color: #fff;
	font-size: 48px;
	font-weight: bold;
}
.service-head p {
	margin-bottom: 12px;
	color: #fff;
	font-size: 20px;
	font-weight: 400;
}
.service-content {
	padding: 100px 0;
}
.service-content .content {
	margin: 50px 0;
}
.service-content .service-img img {
	width: 100%;
	border-radius: 24px;
}
.service-content h1 {
	font-weight: 600;
	font-size: 40px;
	color: #181818;
	margin-bottom: 24px;
}
.service-content p {
	font-weight: 500;
	font-size: 16px;
	color: #363636;
	margin-bottom: 24px;
}
.service-content ul {
	font-weight: 700;
	font-size: 20px;
	color: #0F0F0F;
	list-style-type: none;
	padding: 0;
}
.service-content ul li {
	display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 16px;
}
.service-content ul div {
	background: linear-gradient(180deg, #FFBC59 0%, #FF9800 100%);
	height: 12px;
	width: 12px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.service-content ul div span {
	background-color: #fff;
	display: inline-block;
    height: 4px;
    width: 4px;
    border-radius: 50%;
}
@media only screen and (max-width: 768px) {
	h3 {
		font-size: 24px !important;
	}
	h4 {
		font-size: 20px !important;
	}
	p {
		font-size: 16px !important;
	}
	.mb-80 {
	    margin-bottom: 40px;
	}
	header .offcanvas {
		width: 80% !important;
		padding: 24px;
    	gap: 24px;
    	/*background-color: #0F0F0F;*/	
	}
	header .offcanvas .offcanvas-header {
		padding: 0;
	}
	header .offcanvas .offcanvas-header .btn-close {
		opacity: 1;
		font-size: 14px;
	}
	header .offcanvas .offcanvas-header .btn-close {
		opacity: 0.6;
	}
	header .offcanvas .offcanvas-body {
		padding: 0;
	}
	header .offcanvas nav ul li {
		padding: 0;
		display: block;
		margin-bottom: 24px;
	}
	header .offcanvas nav ul li a {
		font-size: 18px;
		color: #0D0E0E !important;
	}

	.home-head h1.animation-h1 {
    	margin-bottom: 16px;
	}
	.home-head h4 {
/* 	    margin: 0 0 16px; */
	    text-align: center;
/* 	    max-width: 100%; */
	    font-size: 16px !important;
	}

	.home-head .front-circle-h1 {
		position: static;
	    height: auto;
	    box-shadow: none;
	    border-radius: 0;
	    padding-top: 80px;
	    z-index: 100;
	}
	.home-head .front-circle {
		width: 100%;
/*         top: 32px; */
/*         height: 489px; */
		padding-top: 90px;
		margin: 100px 0 0;
	}
	.home-head .front-circle-bottom {
		width: 130%;
        top: 70%;
        height: 400px;
        position: absolute;
        background: #0F0F0F;
        /* box-shadow: 0 0 64px rgba(255, 188, 89, 0.4); */
        z-index: 10;
	}
	.home-head .front-circle-bottom-2 {
		width: 90%;
        top: 49%;
        height: 100px;
        position: absolute;
        background: #0F0F0F;
        background-color: transparent;
        border-radius: 20px;
        box-shadow: 0 46px 64px -20px rgba(255, 188, 89, 0.4);
        z-index: 10;
	}



	.home-about {
		margin: 32px 0;
	}
	.home-about .home-about-content {
	    padding-right: 0;
		padding-bottom: 50px;
	}
	.home-about .home-about-bg img {
		width: 100%
	}
	.home-about .home-about-content p {
		margin: 24px 0 32px;
    	font-size: 16px;
	}
	.home-why {
		padding: 32px 0 40px;
	}
	.home-why .home-why-blocks {
	   	gap: 24px;
	}
	.service .nav-pills-head button {
	    font-size: 20px;
	}
	.service .nav-pills-head button.active {
	    background-size: contain;
	}
	.tab-content>.tab-pane>div {
		flex-direction: column;
	}
	.service .tab-side-content {
		padding: 30px;
	}
	.service .nav-pills-side {
		overflow-x: auto;
		height: auto;
	    flex-direction: row;
	    padding: 0;
	    min-width: max-content;
	    gap: 8px;
	    flex-direction: row !important;
	}
	.package {
		margin: 32px 0 24px;
	}
	.package .package-head h3 {
	    text-transform: uppercase;
	    margin-bottom: 16px;
	}
	.package .package-head p {
		flex-wrap: wrap;
	}
	.package .package-blocks {
		gap: 24px;
	}
	.package .package-talk {
		margin: 10px 0 40px !important;
	}
	.sales .sales-head {
	    margin: 24px 0 40px;
	}
	.sales .sales-head h1 {
		font-size: 32px;
		margin-bottom: 16px;
	}
	.sales .sales-content {
		position: static;
	}
	.sales .sales-content .back-circle {
	    height: 1500px;
	    top: 10%;
	    left: 5%;
	    width: 1000px;
	}
	.sales .sales-block {
		position: static;
		margin-bottom: 24px;
		margin-left: 24px;
	}
	.sales .sales-block h5 {
	    margin-bottom: 12px;
	}
	.sales .sales-block div {
		gap: 32px;
	}
	.sales .sales-block p {
		font-size: 14px !important;
	}
	.sales .sales-block h1 {
	    font-size: 49px;
	}
	.faqs {
		margin: 40px 0;
	}
	.faqs h1 {
		font-size: 32px;
		margin-bottom: 32px !important;
	}
	.faqs .accordion .accordion-item {
		margin-bottom: 24px;
		padding: 12px 0;
	}


	footer {
		padding: 32px 0;
	}
	footer .footer-logo {
		margin-bottom: 80px;
	}
	footer .footer-links {
		margin-bottom: 32px;
	}
	footer .footer-contact a {
	    font-size: 14px;
	}
	header.contact .offcanvas-body nav ul {
	     background-color: transparent; 
	}
	.contact-head {
		padding: 32px 0;
	}
	.contact-head h1 {
		font-size: 32px;
		margin-bottom: 10px;
	}
	.contact-head h5 {
		font-size: 16px;
		/*margin-bottom: 0;*/
	}
	.about-head {
		padding: 32px 0;
	}
	.about-head .head {
	    margin-bottom: 32px;
	}
	.about-head .content {
	    margin-bottom: 32px;
	    gap: 24px;
	}
	.about-head .content.even {
		flex-direction: column-reverse;
	}
	.service-head h1 {
	    font-size: 32px;
	}
	.service-content {
	    padding: 32px 0;
	}
	.service-content .content {
		gap: 32px;
	}
	.service-content h1 {
	    font-size: 30px;
    	margin-bottom: 12px;
	}
	.service-content ul {
	    font-size: 16px;
	}
	.service-content .content.even {
		flex-direction: column-reverse;
	}
}