@charset "utf-8";
/* CSS Document */

/*---------- Google Fonts ----------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


body {

	font-family: "Montserrat", sans-serif;
	background: #FFFFFF;
	background: #fefff8;
	/* overflow-x: hidden; */
	;
}

.overflowSection {
	overflow: hidden;
}

.restitle {
	display: flex;
	align-items: flex-start;


}

a,
input,
button,
textarea {
	outline: none !important;
}

a {
	transition: all ease-in-out 300ms;
	-webkit-transition: all ease-in-out 300ms;
	-ms-transition: all ease-in-out 300ms;
	-o-transition: all ease-in-out 300ms;
	-moz-transition: all ease-in-out 300ms;
}


.btn {
	font-size: 16px;
	font-weight: 400;
	border-style: none;
	border-radius: 0;
	padding: 18px 27px;
	    padding: 36px 27px;
	text-align: center;
	transition: all .3s;
	height: auto;
	line-height: 1;
	color: #fff;
	border: none;
	border-radius: 10px;
	background: #fbc835;
}

.btn:hover {
	background: #fbc835;
	color: #fff;
	opacity: 0.8;
}

.btn-black {
	border-color: #000000;
	/* background: #000000; */
	color: #000000;
}

.btn-black:hover {
	border-color: #000;
	background: #000;
	color: #ffffff;
}

p {
	font-size: 16px;
	line-height: 24px;
	color: #000000;
}

a {
	color: #ffc700;
	box-shadow: none;
	text-decoration: none;
}

a:active,
a:hover {
	color: #a18521;
}


/*==================================================================*/
/*========== Header Start ==========*/
/*==================================================================*/

.main-title {
	font-style: normal;
	font-family: "Anton", Sans-serif;
	font-size: 89px;
	line-height: 89px;
	color: #ffffff;
	padding: 0 0 32px;

}

.main-title span {
	color: #5D75F0;
}

.main-title * {
	font-weight: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	margin: 0;
}

.section-title {
	/* font-family: "nimbus-roman", serif; */
	font-size: 47px;
	line-height: 52px;
	color: #ffffff;
	padding: 0 0 30px;
	font-weight: 700;
	letter-spacing: -1.3px;
}

.section-title * {
	font-weight: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	margin: 0;
}


.title-center {
	text-align: center;
}

.title-center .top-label {
	margin: 0 auto;
}

.black-title {
	color: #000000;
}

.section-title span {
	color: #FFB800;
}

.navbar-brand {
	margin: 0;
	padding: 0;
}

.navbar-brand img {
	width: 186px;
}

.header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 15px 28px;
	z-index: 999;
	background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
	top: 44px;
}

.navbar {
	padding: 0;
}

.main-banner {
	height: 100vh;
	position: relative;
}

.banner-img {
	height: 100%;
}
.banner-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.main-banner .main-bg {
	background-size: cover;
	background-position: center center;
	height: 100%;
	width: 100%;
}

.header ul {
	display: flex;
	align-items: center;
	padding: 0;
	margin: 0 -20px;
	list-style-type: none;
}

.header ul li {
	display: flex;
	align-items: center;
	padding: 0;
	margin: 0;
	list-style-type: none;
	padding: 0 20px;
}

.commit-sec {
	padding: 100px 0;
	background: #000;
	text-align: center;
}

.commit-sec .text {
	margin: 0 auto;
}

.commit-sec span {
	font-size: 17px;
	line-height: 17px;
	display: block;
	margin: 15px 0;
	color: #ffffff;
}

.commit-sec em {
	font-size: 17px;
	line-height: 17px;
	display: block;
	color: #ffffff;
}

.image-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	mix-blend-mode: normal;
	--image-block-overlay-color: hsla(var(--white-hsl), 0.17);
	opacity: 1;
}

.speak-sec {
	background: #ffc700;
}

.speak-sec .text .text-block {
	max-width: 560px;
}

.speak-sec .text {
	padding: 80px;
	padding-right: 0;
}

.speak-sec .s-img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.speak-sec .s-img img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.speak-sec .section-title {
	padding: 80px 0 0;
}

.speak-sec ul {
	display: block;
	margin: 0 0 15px;
}

.speak-sec ul li {
	padding: 0 0 10px;
	margin: 0;
	font-size: 17px;
	line-height: 20px;
	color: #000000;
}

.declare-sec p {
	max-width: 930px;
	margin: 0 auto;
}

.declare-sec .section-title {
	padding: 30px 0;
}

.declare-sec {
	padding: 50px 0;
}

.say-sec {
	padding: 50px 0;
	background: #000000;
}

.say-sec .section-title {
	font-size: 97px;
	line-height: 1;
}

.say-sec p {
	color: #ffffff;
	margin: 0 0 20px;
}

.health-sec .section-title {
	padding: 0 0 10px;
}

.health-sec {
	background: #ffc700;
	padding: 50px 0 80px;
}

.health-sec .btn {
	background: #000000;
}
.health-block {
	max-width: 1076px;
	margin: 50px auto 0;
	height: 500px;
	background: #000000;
}


.footer {
	background: url("../images/footer-bg.webp");
	padding: 80px 120px;
	    background-size: cover;
    background-position: left;
}

.how-work {
	background: url("../images/how-bg.webp");
	padding: 50px 120px;
	background-position: center left;
	    background-size: 100%;
}

.f-title {
	font-size: 16px;
	line-height: 16px;
	font-weight: 700;
	color: #fff;
	margin: 0 0 15px;
}

.footer ul.social-icons {
	display: flex;
	margin: 0 -10px;
}

.footer ul.social-icons li {
	padding: 0 10px;
}

.footer ul {
	display: block;
	align-items: center;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.flogo {
	padding: 0 0 40px;
}

.f-block {
	padding: 0 0 30px;
}
.f-right {
	padding-left: 140px;
}

.footer ul li {
	display: block;
	align-items: center;
	padding: 0;
	margin: 0;
	list-style-type: none;
	padding: 0;
}

.footer ul li a {
	color: #fff;
	text-decoration: underline;
}

.footer ul li a svg {
	fill: #ffffff;
	width: 30px;
}

.form-group {
	margin: 0 0 20px;
}

.form-group label {
	display: block;
	font-size: 17px;
	line-height: 20px;
	color: #000000;
	margin: 0 0 8px;
}

.counter-main {
	position: absolute;
	bottom: 200px;
	left: 0;
	right: 150px;
	z-index: 99;
}

.counter-block {
	background: #000000;
	display: inline-block;
	padding: 10px;
	text-align: center;
}

.counter-main span {
	font-size: 40px;
	line-height: 40px;
	color: #000;
	font-weight: 500;
	letter-spacing: 10px;
	text-align: center;
	padding: 6px;
	background: #fff;
	border: 2px solid #fff;
	padding-left: 15px;
	display: inline-block;
	text-align: center;
}

.counter-main {
	text-align: right;
}


.health-detail {
	text-align: left;
	background: #fff;
	padding: 50px 15px;
	margin-bottom: 30px;
	border-radius: 10px;
}

.health-detail ul li,
.health-detail h1,
.health-detail h2,
.health-detail h3,
.health-detail h4,
.health-detail h5,
.health-detail h6,
.health-detail ol li,
.health-detail p {
	color: #000000;
}

.health-detail p em {
	/* padding-left: 40px; */
}

.health-detail h1,
.health-detail h2,
.health-detail h3,
.health-detail h4,
.health-detail h5,
.health-detail h6 {
	font-weight: 700;
}

.navbar .nav-link {
	font-weight: 400;
	font-size: 16px;
	line-height: 16px;
	padding: 0 !important;
	color: #fff;
}

.header .social-icons {
	margin: 0 -13px;
}

.header .social-icons li {
	padding: 0 13px;
}

.social-icons li a svg {
	width: 16px;
	fill: #ffffff;
}

.header .social-icons li a {
	height: 36px;
	width: 36px;
	border-radius: 6px;
	background: #fbc835;
	display: flex;
	align-items: center;
	justify-content: center;
}

.social-icons li a:hover {
	opacity: .8;
}


.accordion-button {
	border: none !important;
	background: transparent !important;
	color: #000;
	font-size: 29px;
	line-height: 29px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	box-shadow: none !important;
	padding: 0;
	font-family: 'AgrandirTextBold';
}


.accordion-item.active {
	color: #000;
	background: var(--Green, #B9FF66);
}

.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M10 24L38 24' stroke='%23000000' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.accordion-button:not(.collapsed) {
	color: #000;
}

.accordion-button:after {
	background: #090909;
	background-size: 30px;
	width: 15px;
	height: 1px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
}

.accordion-button:before {
	background: #090909;
	background-size: 30px;
	width: 1px;
	height: 15px;
	content: "";
	top: 50%;
	transform: translate(0, -50%);
	position: absolute;
	right: 7px;
}

.accordion-button:not(.collapsed)::before {
	display: none;
}

.accordion-item {
	border-radius: 0 !important;
	border: none !important;
	border-top: 1px solid #191A23 !important;
	background: transparent;
	box-shadow: none;
	margin: 0 !important;
	position: relative;
	padding: 30px 0;
}
.accordion-item:last-child {
	border-bottom: 1px solid #191A23 !important;
}

.accordion-item .accordion-body {
	padding: 30px 0 0;
	border: none;
	padding-right: 300px;
}

.accordion-item .accordion-body p {
	font-size: 16px;
	line-height: 24px;
	margin: 0;
}

.corner-sec {
	padding: 120px 0 0;
}

.corner-sec .row {
	margin: 0 -30px;
}

.corner-sec [class*=col-] {
	padding: 0 30px;
}

.corner-right {
	    padding-left: 50px;
}
.corner-right p {
	    font-size: 25px;
    line-height: 38px;
}

.footer p {
	color: #fff;
	font-size: 16px;
	line-height: 24px;
}

.footer p a {
	color: #fff;
	text-decoration: none;
}

.footer .navbar-brand img {
	width: 265px;
}

.book-detail ul li {
	font-size: 25px;
	line-height: 38px;
	color: #000000;
}

.book-detail p {
	font-size: 25px;
	line-height: 38px;
	color: #000000;
}
.book-img img {
	max-width: 602px;
}
.book-sec,
.our-case {
	padding: 50px 0;
}
.our-case ul li {
	font-size: 16px;
	line-height: 16px;
	padding: 0 0 16px;
}


@keyframes spark-jelly-announcement {

	0%,
	12%,
	to {
		transform: scaleX(1)
	}

	3% {
		transform: scale(1.2)
	}

	6% {
		transform: scale(.92)
	}

	9% {
		transform: scale(1.02)
	}
}

.top-text {
	background: #fbc835;
    padding: 15px;
    text-align: center;
    overflow: hidden;
    padding: 12px 48px;
	position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
}

.top-text p {
	animation: spark-jelly-announcement 4s ease-in-out infinite;
	transform-origin: center;
	margin: 0;
	font-size: 15px;
	line-height: 21px;
}


.close-btn {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
	cursor: pointer;
	color: #000;
	padding: 0;
}

.close-btn:hover {
	color: #666;
}

.corner-left ul li {
	font-size: 16px;
	padding: 8px 0;
	line-height: 20px;
}
.how-work .accordion-button {
	font-family: "Montserrat", sans-serif;
}