a,
a:focus,
a:hover,
a:visited {
	text-decoration: none;
	outline: 0
}

*,
li,
ul {
	margin: 0;
	padding: 0
}

.marquee,
img {
	max-width: 100%
}

*,
a,
button:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus {
	outline: 0
}

*,
li,
ul {
	padding: 0
}

.beauty-image img,
.testimonial-image img {
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)
}

.circle_inner,
.round_per {
	clip: rect(0 1em 1em .5em)
}

@font-face {
	font-family: "DIN Next W1G";
	src: url("../images/font/DINNextW1G-Regular.otf") format("otf"), url("../images/font/DINNextW1G-Regular.otf") format("otf"), font-weight: normal;
	font-style: normal
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	font-family: "DIN Next W1G", sans-serif !important
}

* {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none
}

body {
	font-size: 15px;
	font-weight: 400;
	line-height: 28px;
	background-color: #26303d !important
}

a {
	cursor: pointer;
	-webkit-transition: .5s;
	transition: .5s
}

h2 {
	font-size: 45px
}

h3 {
	font-size: 38px
}

h4 {
	font-weight: 500;
	font-size: 32px;
	line-height: 38.4px
}

h5 {
	font-size: 21px
}

h6 {
	font-size: 16px
}

li,
ul {
	list-style: none
}

img {
	display: inline-block
}

.page-wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 300px;
	overflow: hidden
}

.about_list_bx ul li,
.bordertype,
.form-control {
	margin-bottom: 20px
}

.bg_upper_head {
	background: #8d493a;
	padding: 5px;
	font-size: 13px
}

.bg_upper_head .fab {
	color: #fff;
	padding: 5px
}

.icon-styled.color-main {
	padding: 2px 7px 2px 25px
}

.bg_upper_head .icon-styled .fa.fa-phone {
	transform: rotate(115deg)
}

.bg_upper_head .text-white {
	letter-spacing: 1px
}

.marquee {
	position: relative;
	width: 100vw;
	height: 30px;
	overflow-x: hidden;
	color: #fff
}

.track {
	position: absolute;
	white-space: nowrap;
	will-change: transform;
	animation: 6s linear infinite marquee;
	padding-left: 40px
}

@keyframes marquee {
	from {
		transform: translateX(0)
	}

	to {
		transform: translateX(-40%)
	}
}

.bookappointment:hover {
	border: 1px solid #ffffffba;
	padding: 5px 10px;
	border-radius: 4px
}

.bookappointment {
	animation: 1s linear infinite blink;
	font-size: 15px
}

.banner-angle img,
.client-angle,
.hero-angle img,
.service-angle img,
.testimonial-angle {
	animation: 10s linear infinite down-up
}

@keyframes blink {
	0% {
		opacity: 0
	}

	50% {
		opacity: .5
	}

	100% {
		opacity: 1
	}
}

.btn_type_text .label {
	font-size: 15px;
	margin-bottom: 12px;
	display: inline-block;
	padding: 6px 9px
}

.label-default {
	background-color: #a29b99;
	color: #fff;
	border-radius: 5px
}

.wht-float {
	position: fixed;
	width: 45px;
	height: 45px;
	bottom: 40px;
	right: 25px;
	background-color: #0cb74c;
	color: #fff;
	border-radius: 50px;
	text-align: center;
	font-size: 26px;
	box-shadow: 2px 2px 3px #999;
	z-index: 999999
}

.wht-my-float {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	z-index: 999
}

footer:after,
header:after,
section:after {
	display: block;
	clear: both;
	content: ""
}

.section-title h2 {
	margin-bottom: 35px
}

.theme-btn,
a.theme-btn {
	cursor: pointer;
	min-width: 200px;
	padding-left: 40px;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-transform: capitalize;
	z-index: 1
}

.team-item.slider1,
.team-item.slider2 {
	align-items: center;
	min-height: 700px;
	margin-top: 6rem
}

.about_img img {
	width: 100%;
	border: 10px solid #fff
}

.about-section {
	position: relative;
	top: -120px;
	z-index: 9
}

.proceduce_our_service {
	margin-top: -50px
}

.gallery-item img,
.left_side_img,
.left_side_img img,
.main-card-section .card-responsive-size .card,
.porfile-image img,
.price-image img,
.sp-right-content img,
.sp-video img,
.theme-btn:hover:before,
a.theme-btn:hover:before {
	width: 100%
}

.about-content .theme-btn {
	padding: 10px
}

.about_list_bx .num_bg {
	padding: 5px 15px;
	margin-right: 10px;
	display: inline-table;
	width: 38px;
	height: 26px
}

.service_banner_head {
	padding-top: 8%;
	text-align: center
}

.service_banner_head p {
	font-size: 28px;
	color: #8d493a;
	font-weight: 500
}

.about_banner_head a,
.about_banner_head h4,
.about_banner_head p {
	color: #8d493a !important
}

.about_banner_head .home_click {
	padding-right: 15px;
	color: #8d493a !important
}

.about_banner_head .bdr_sprt {
	border-left: 1px solid #8d493a;
	padding-left: 20px;
	margin-right: 2px
}

.about_banner_head {
	padding-top: 9%;
	text-align: center
}

.about_banner_head h4,
.service_banner_head h4 {
	font-size: 47px;
	color: #8d493a;
	font-weight: 500
}

.about_banner_head ul .bdr_sprt {
	width: 1px;
	height: 16px;
	background: #8d493a;
	margin: 6px 15px
}

.about_banner_head ul,
.social_icons_footer {
	display: flex
}

.social-style-one,
.social-style-one a {
	display: inline-block
}

.about_banner_head ul li a {
	color: #deac80
}

.about_banner_head ul li {
	font-size: 17px;
	color: #deac80;
	display: flex;
	margin: 0 10px
}

.theme-btn.btn-reverse,
a.theme-btn.btn-reverse {
	padding-left: 45px
}

.theme-btn.btn-reverse:before,
a.theme-btn.btn-reverse:before {
	left: auto;
	right: 0
}

.theme-btn.btn-reverse:after,
a.theme-btn.btn-reverse:after {
	position: absolute;
	left: 10px;
	transform: rotate(180deg)
}

.social-style-one a {
	margin: 0 15px;
	font-size: 15px
}

.social-style-one a:first-child {
	margin-left: 0
}

.social-style-one a:last-child {
	margin-right: 0
}

.list-style-one li {
	margin-bottom: 15px;
	display: flex
}

.list-style-one li:before {
	content: "\f104";
	font-size: 10px;
	/*font-family: Flaticon;*/
	margin-right: 30px;
	color: #fbaaa9
}

.color-one,
.hero-content h1 span,
.list-style-one li a:hover,
.profile-desi,
.section-title h2 span,
.service-item.style-one>i,
.style-one .price-circle h3,
.vision-mision>i {
	color: #fbaaa9
}

.preloader {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/preloader.gif)
}

.scroll-top {
	width: 40px;
	height: 40px;
	cursor: pointer
}

.form-control {
	border: 1px solid #fff;
	border-radius: 0;
	padding: 17px 30px
}

.accordion_section .accordion-button:not(.collapsed),
.form-control:focus {
	box-shadow: none
}

.divider {
	height: 12px
}

a,
a:focus,
a:hover,
a:visited,
body {
	color: #065bca
}

.center_slider .swiper-pagination-bullet.swiper-pagination-bullet-active,
.copyright-wrapper .link-secondary,
.document-links a:hover i,
.mission.vission-mission h6,
.price-item.style-one .theme-btn:before,
.scroll-top,
.theme-btn,
.theme-btn.style-four,
.theme-btn.style-four:hover,
.theme-btn.style-three,
.theme-btn.style-three:before,
.theme-btn.style-two:before,
.theme-btn.style-two:hover,
a.theme-btn,
a.theme-btn.style-four,
a.theme-btn.style-four:hover,
a.theme-btn.style-three,
a.theme-btn.style-three:before,
a.theme-btn.style-two:before,
h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a,
h5,
h5 a,
h6,
h6 a {
	color: #fff
}

.style-two .price-circle h3 {
	color: #a0bd7e
}

.style-three .price-circle h3 {
	color: #e3a7d8
}

.hero-content h5 {
	color: #545459
}

.service-item.style-two>i {
	color: #9a9a65
}

.service-item.style-three>i {
	color: #7acdcd
}

.service-item.style-four>i {
	color: #ddaad3
}

.bg-four,
.owl-carousel.team-carousel.style-two .owl-nav button,
.preloader,
.price-circle,
.service-item,
.theme-btn.style-four,
.theme-btn.style-three,
a.theme-btn.style-four,
a.theme-btn.style-three {
	background-color: #fff
}

.bg-one {
	background-color: #f9e2e2
}

.bg-two,
.service-item.style-one>i,
.services-section:after,
.style-one .pricing-content {
	background-color: #e9f2f9
}

.home_banner_texts .meet {
	color: #fff;
	font-size: 22px
}

.scroll-top,
.theme-btn,
a.theme-btn {
	color: #8d493a;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 400
}

.bg-three {
	color: #000;
	background-color: #e4f2f9
}

.what-experct-content {
	background-color: #ffff;
	color: #000
}

.service-midd-section {
	position: relative;
	background: url(../images/banner/service-midd-section1.png) center/cover;
	height: 490px
}

.service-midd-section_btm {
	position: relative;
	background: url(../images/banner/service-midd-section3.png) center/cover;
	height: 490px
}

.service-midd-section_btm .patient_approved {
	font-weight: 300;
	text-transform: uppercase;
	font-size: 30px;
	letter-spacing: 16px;
	line-height: 1.8em;
	text-align: left
}

.service-midd-section_btm .trusted_world {
	font-weight: 900;
	text-transform: uppercase;
	font-size: 60px;
	letter-spacing: 16px;
	line-height: 1.4em;
	text-align: left
}

.service-midd-section_servc {
	background: #e6f2f9;
	padding: 50px 0
}

.testimonial-content h2 {
	margin: 8px 0 20px;
	font-weight: 500;
	font-size: 40px
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
.form-group label,
.home_banner_text h1,
:not(.btn-check)+.btn:active {
	color: #fff !important
}

.testimonial-content .meet.testmonial_name,
.testimonial-content h2,
.testimonial-content p {
	color: #2c2c2c !important
}

.dedicated_teams {
	font-size: 35px;
	color: #2c2c2c;
	font-weight: 500
}

.dedicated_sec .beauty-content p {
	margin: 30px 0 35px;
	color: #a8a8ae;
	line-height: 20px;
	font-size: 14px
}

.counter_circles p {
	color: #7e7d89;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 20px
}

.content_sec_bx .wrinkl_smooth,
.content_sec_bx h4 {
	letter-spacing: 16px;
	line-height: 1.4em;
	text-align: right;
	text-transform: uppercase
}

.our_gallery_before {
	font-size: 35px;
	color: #3a3a3a;
	font-weight: 500;
	padding-top: 15px
}

.visit_gallery span {
	padding: 5px 20px;
	font-size: 14px
}

.content_sec_bx .wrinkl_smooth {
	/*font-family: Roboto, Helvetica, Arial, Lucida, sans-serif;*/
	font-weight: 300;
	font-size: 31px
}

.content_sec_bx h4 {
	font-weight: 900;
	font-size: 60px
}

.document-links a i,
.download-bio a i,
.error-content h5 span,
.hero-content h5,
.home_banner_texts p,
p {
	font-weight: 400
}

.price-item.style-two .theme-btn {
	background-color: #c1d5aa
}

.price-item.style-two .theme-btn:before {
	background-color: #a0bd7e
}

.price-item.style-three .theme-btn {
	background-color: #e3a7d8
}

.price-item.style-three .theme-btn:before {
	background-color: #be84b3
}

.service-item.style-two>i {
	background-color: #f7f7e8
}

.service-item.style-three>i {
	background-color: #e2f7f7
}

.service-item.style-four>i {
	background-color: #ffeffc
}

.style-two .pricing-content {
	background-color: #f6fbef
}

.style-three .pricing-content {
	background-color: #fff2fd
}

.divider,
.mission {
	background-color: #660000d1;
	color: #fff
}

.service-item.style-one {
	border-color: #fbaaa9
}

.service-item.style-two {
	border-color: #e8e8d3
}

.service-item.style-three {
	border-color: #bfe0e0
}

.service-item.style-four {
	border-color: #ffd1f6
}

.style-one .price-circle:after {
	border-color: #fcb4b3
}

.style-two .price-circle:after {
	border-color: #c1d5aa
}

.form-control:focus,
.style-three .price-circle:after {
	background-color: transparent
}

.style-one .pricing-content li,
.style-one .pricing-content ul {
	border-color: #f4d4d2
}

.style-two .pricing-content li,
.style-two .pricing-content ul {
	border-color: #d6e6c3
}

.style-three .pricing-content li,
.style-three .pricing-content ul {
	border-color: #f2d4ec
}

.paragraph_txt {
	font-weight: 300;
	letter-spacing: 3px;
	line-height: 1.8em;
	text-align: right
}

.home_banner_texts h1 {
	margin-top: 30px;
	font-weight: 400;
	font-size: 39px;
	line-height: 49.2px
}

.home_banner_texts p {
	font-size: 16px !important
}

.listing_box a {
	color: #2a2323
}

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

	50% {
		-webkit-transform: rotate(175deg);
		transform: rotate(175deg)
	}

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

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

	50% {
		-webkit-transform: rotate(175deg);
		transform: rotate(175deg)
	}

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

@-webkit-keyframes rotated-reverse {
	0% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}

	50% {
		-webkit-transform: rotate(175deg);
		transform: rotate(175deg)
	}

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

@keyframes rotated-reverse {
	0% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}

	50% {
		-webkit-transform: rotate(175deg);
		transform: rotate(175deg)
	}

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

@-webkit-keyframes down-up {

	0%,
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	50% {
		-webkit-transform: translate(0, 100px);
		transform: translate(0, 100px)
	}
}

@keyframes down-up {

	0%,
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	50% {
		-webkit-transform: translate(0, 100px);
		transform: translate(0, 100px)
	}
}

.team-item.slider1 {
	background: url('../images/banner/slide1.jpg') center/cover;
	position: relative;
	display: flex;
	justify-content: center
}

.team-item.slider2 {
	background: url('../images/banner/slide2.jpg') center/cover;
	position: relative;
	display: flex;
	justify-content: center
}

.team-item.slider3 {
	background: url('../images/banner/slide3.jpg') center/cover;
	position: relative;
	min-height: 700px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 6rem
}

.hero-content {
	padding: 17px 0 10px;
	max-width: 450px;
	position: relative;
	z-index: 2
}

.hero-content h1 {
	font-size: 70px
}

.hero-content h5 {
	font-size: 20px;
	margin: 40px 0
}

.hero-angle {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-87%, -70%)
}

.banner-section {
	position: relative;
	background: url(../images/banner/banner.png) center/cover;
	margin-top: 100px
}

.banner-inner {
	height: 490px;
	padding-top: 40px;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 1
}

.page-title {
	font-size: 55px;
	margin-bottom: 15px
}

.breadcrumb-item a,
.breadcrumb-item.active {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	display: flex
}

.breadcrumb-item+.breadcrumb-item::before {
	color: #fff;
	/*font-family: Flaticon;*/
	font-size: 9px;
	padding: 0 13px
}

.banner-inner nav {
	background: #fbaaa9;
	position: absolute;
	left: 0;
	bottom: -22.5px
}

.banner-inner .breadcrumb {
	background: 0 0;
	margin: 0;
	padding: 8.5px 22px;
	align-items: center
}

.banner-angle {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-65%, -50%);
	overflow: hidden;
	height: 100%
}

.about-content {
	padding-left: 100px
}

.about-content h6 {
	line-height: 27px;
	font-weight: 500;
	margin-bottom: 25px
}

.vision-mision {
	display: flex;
	margin: 35px 0
}

.vision-mision .vm-image {
	margin-right: 30px;
	flex: none
}

.about-images {
	max-width: 570px;
	padding-left: 25%;
	padding-top: 30px;
	padding-bottom: 21.5%;
	position: relative
}

.about-images img:first-child {
	position: absolute;
	top: 0;
	right: 75%;
	width: 68%
}

.about-images img:last-child {
	position: absolute;
	bottom: 0;
	right: 40%;
	width: 90%
}

.services-section,
.testimonial-section {
	position: relative;
	overflow: hidden
}

.service_sec_bx {
	background: #e7f3f6;
	padding-bottom: 20px;
	position: relative
}

.services_sec_box {
	position: relative;
	top: -72px
}

.our_services_head {
	margin-bottom: 128px
}

.error-images img,
.services-section .section-title,
.what-experct-content * {
	position: relative;
	z-index: 2
}

.proceduresss {
	font-size: 10px !important;
	margin: 0
}

.service-item .service_text {
	font-size: 12px;
	line-height: 18px;
	padding: 0 5px;
	color: #96959c
}

.service_text {
	padding: 0 10px !important
}

.section-title h4 {
	color: #5f5e69
}

.section-title h3 {
	font-weight: 500;
	font-size: 29px
}

.service_bx_about .section-title h4,
.service_content_box h4,
.services_sec_box .section-title h4 {
	font-size: 25px !important;
	color: #000 !important
}

.services_sec_boxa.service_bx_about .section-title h4 {
	font-size: 25px !important;
	font-weight: 900 !important;
	color: #000 !important;
	line-height: 43px !important
}

#feedbackSubmit,
button.btn.btn-custom.btn-lg {
	box-shadow: 0 4px 48px 0 #065BCA14;
	line-height: 21.6px
}

.content_bottom_sec h4 {
	color: #5f5e69;
	font-size: 17px
}

.content_bottom_sec b {
	font-size: 14px
}

.services-section:after {
	position: absolute;
	content: '';
	height: calc(100% - 240px);
	width: 100%;
	left: 0;
	top: 0;
	z-index: -1
}

.service-item {
	position: relative;
	z-index: 1;
	text-align: center;
	padding-bottom: 30px
}

.service-item>i {
	height: 118px;
	width: 118px;
	display: inline-block;
	margin-bottom: 40px;
	border-radius: 50%;
	line-height: 118px;
	font-size: 65px
}

.service-item h4 {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 600;
	color: #5f5e69
}

.event_text:hover,
.service-item h4 a:hover {
	color: #82a1ad
}

.ecplore_clinic ul li {
	color: #7e7d89;
	text-transform: uppercase;
	font-size: 14px
}

.ecplore_clinic ul li:hover {
	color: #82a1ad;
	cursor: pointer
}

.service-angle {
	position: absolute;
	left: 0;
	top: 5%;
	transform: translateX(-87%)
}

.service-ellipse {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, -35%)
}

.learn_mores_btn {
	padding: 4px 20px;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 14px;
	border-radius: 0;
	display: inline-block;
	letter-spacing: 1px;
	cursor: pointer;
	box-shadow: inset 0 0 0 0 #efdf86;
	-webkit-transition: .4s ease-out;
	-moz-transition: .4s ease-out;
	transition: .4s ease-out
}

.price-circle:after,
.video-img .video-play,
.video-img .video-play:after {
	border-radius: 50%;
	position: absolute
}

.arrow_list {
	padding: 2px 5px;
	margin-right: 6px
}

.arrow_lists {
	padding: 2px 5px;
	margin-right: 0
}

.slide_right:hover {
	box-shadow: inset 400px 0 0 0 #d6c880;
	box-shadow: inset 400px 0 0 0 #8d493ad6
}

.what-experct-img {
	height: 100%;
	min-height: 400px;
	background: url('../images/services/service-man.png') center/cover
}

.what-experct-content {
	padding: 55px 90px 55px 85px;
	position: relative;
	overflow: hidden;
	height: 100%
}

.what-experct-content:after {
	content: '';
	background: url(../images/services/cicle.png) right top no-repeat;
	position: absolute;
	height: 74%;
	width: 58%;
	right: 0;
	bottom: 0
}

#particles-js,
.beauty-image,
.beauty-image img,
.client-section,
.footer_sec .container,
.gallery-item,
.modal-header,
.porfile-image,
.price-circle,
.sidebar-cta,
.timeline,
.video-img {
	position: relative
}

.what-experct-content h3 {
	font-size: 32px;
	line-height: 42px
}

.what-experct-content p {
	color: #222;
	margin: 25px 0
}

.price-item,
.sp-right-content h2,
.sp-right-content h4,
.sp-right-content p,
.sp-video-conten h2,
.sp-video-conten p,
.team-item {
	margin-bottom: 30px
}

#contact .container,
.sp-video {
	padding: 60px
}

.document-links a {
	display: flex;
	color: #171928;
	background: #fff;
	margin-bottom: 20px;
	padding: 20px 30px;
	font-size: 18px;
	font-weight: 700;
	align-items: center
}

.contact-info-item:hover,
.document-links a:hover,
.download-bio a,
.video-img .video-play {
	background: #fbaaa9;
	color: #fff
}

.document-links a i {
	margin-right: 20px;
	color: #fbaaa9;
	font-size: 25px;
	transition: .5s
}

.video-img .video-play {
	height: 73px;
	width: 73px;
	text-align: center;
	line-height: 73px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.video-img .video-play:after {
	height: 92px;
	width: 92px;
	top: -10px;
	left: -10px;
	animation: 20s linear infinite rotated;
	content: url('../images/services/video-roteted.png')
}

.about-content p {
	font-size: 14px;
	line-height: 22px
}

.price-item {
	text-align: center
}

.price-circle p,
.price-image,
.service-section .team-item {
	margin-bottom: 10px
}

.pricing-content {
	padding-bottom: 60px
}

.price-circle {
	height: 165px;
	width: 165px;
	border-radius: 50%;
	margin-bottom: -15px;
	display: inline-flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	transform: translateY(-50%)
}

.price-circle:after {
	content: '';
	height: calc(100% + 25px);
	width: calc(100% + 25px);
	left: -12.5px;
	top: -12.5px;
	z-index: -1;
	border: 1px dashed
}

.price-circle h3 {
	font-size: 35px;
	margin-bottom: 0
}

.pricing-content ul {
	margin-bottom: 70px;
	border-top: 1px dashed
}

.pricing-content li {
	border-bottom: 1px dashed;
	padding: 13px
}

.beauty-section {
	background: url(../images/banner/Our-Client-Say.webp) center/cover no-repeat
}

.explore_anti_aging_progrem {
	background: url(../images/banner/Our-Client-Say_bk.webp) center/cover no-repeat
}

.beauty-content p {
	margin: 30px 0 35px
}

.beauty-image {
	display: inline-block
}

.beauty-image:after {
	position: absolute;
	content: '';
	height: 72%;
	width: 72%;
	left: 14%;
	top: 14%;
	background: #3471b0a3;
	transform: rotate(60deg)
}

.experience:after,
.experience:before {
	height: 100%;
	clip-path: polygon(0 0, 100% 100%, 0 100%);
	content: ''
}

.beauty-image img {
	width: 100%;
	z-index: 1
}

.gallery-item {
	margin-bottom: 30px
}

.gallery-hover {
	position: absolute;
	height: calc(100% - 30px);
	width: calc(100% - 50px);
	background: #fbaaa94d;
	left: 25px;
	top: 20px;
	opacity: 0;
	display: flex;
	transition: .5s;
	flex-flow: column;
	align-items: center;
	justify-content: center
}

.gallery-item:hover .gallery-hover {
	opacity: 1
}

.gallery-popup-link {
	height: 70px;
	width: 70px;
	text-align: center;
	line-height: 70px;
	background: #fff;
	border-radius: 50%;
	color: #fbaaa9;
	font-size: 20px
}

.gallery-hover h4 {
	margin-top: 25px
}

img.mfp-img {
	padding-bottom: 25px
}

.team-item img {
	border: 0;
	transition: .5s;
	margin-bottom: 35px
}

.team-item img:hover {
	padding: 5px;
	transition: .5s;
	border: 5px solid #fbaaa9
}

.owl-carousel.team-carousel .owl-nav {
	text-align: center;
	margin-top: 65px
}

.owl-carousel.team-carousel.style-two .team-item img:hover {
	padding: 0;
	border: 0
}

.owl-carousel.team-carousel.style-two .owl-nav {
	position: absolute;
	right: 0;
	top: -200px;
	z-index: 5;
	margin-top: 0
}

.owl-carousel.team-carousel .owl-nav button {
	font-size: 30px;
	height: 100px;
	width: 100px;
	color: #222;
	transition: .5s;
	text-align: center;
	background-color: #fff2f2
}

.owl-carousel.team-carousel .owl-nav button.owl-prev {
	margin-right: 10px
}

.owl-carousel.team-carousel .owl-nav button:hover {
	color: #fff;
	background-color: #6b00004d
}

.download-bio a {
	display: flex;
	margin-bottom: 20px;
	padding: 28px;
	font-size: 22px;
	font-weight: 700;
	justify-content: center
}

.download-bio a i {
	font-size: 30px;
	margin-right: 25px
}

.experience {
	position: absolute;
	left: 30px;
	bottom: 30px;
	height: 230px;
	width: 230px;
	display: flex;
	flex-flow: column;
	padding: 25px;
	z-index: 1
}

.experience:before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: -1;
	background: rgba(251, 170, 169, .8)
}

.experience:after {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	z-index: -2;
	background: rgba(255, 255, 255, .8)
}

.experience h3 {
	margin-top: auto;
	font-size: 35px
}

.profile-name {
	font-size: 32px
}

.profile-details h6 {
	margin-bottom: 25px;
	font-weight: 500;
	line-height: 27px
}

.about-widget-contact p,
.profile-details p,
.vission-mission h6,
.vission-mission p {
	margin-bottom: 25px
}

.profile-details .divider {
	height: 6px
}

.icon-list li {
	width: 50%;
	font-size: 20px;
	margin-bottom: 10px
}

.icon-list {
	display: flex;
	flex-wrap: wrap
}

.icon-list li i {
	width: 40px;
	height: 40px;
	color: #fbaaa9;
	line-height: 40px;
	margin-right: 30px;
	text-align: center;
	background: #fff2f2;
	display: inline-block
}

.testimonial-image {
	margin-right: 20px;
	position: relative;
	display: inline-block
}

.testimonial-image:after {
	position: absolute;
	content: '';
	height: 72%;
	width: 72%;
	left: 14%;
	top: 14%;
	background: #fff;
	transform: rotate(60deg)
}

.testimonial-image img {
	position: relative;
	z-index: 1
}

.testimonial-content {
	padding: 40px 30px 130px
}

.testimonial-content h3 {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 20px
}

.testimonial-content p {
	color: #524e4e !important;
	margin-bottom: 35px;
	font-size: 14px;
	line-height: 22px
}

.doctors_box {
	position: relative;
	top: -100px;
	z-index: 9
}

.center_slider .bk-slider {
	position: relative;
	height: auto;
	padding: 50px 0 100px
}

.center_slider .swiper {
	width: 100%;
	height: 360px;
	overflow: visible
}

.center_slider .swiper-slide {
	text-align: center;
	font-size: 18px;
	justify-content: center;
	align-items: center;
	margin: 0;
	background: #fff;
	transition: .3s
}

.center_slider .swiper-slide.swiper-slide-active {
	color: #fff;
	background: linear-gradient(45deg, #f69259, #f16975);
	transform: scale(1.4);
	z-index: 2
}

.center_slider .swiper-button-next,
.center_slider .swiper-button-prev {
	color: #f69259
}

.center_slider .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: #000;
	opacity: 1;
	background: rgba(0, 0, 0, .2)
}

.doctors_img {
	border: 15px solid #fff
}

.testimonial-wrap .owl-dots {
	position: absolute;
	left: calc(40% + 110px);
	bottom: 55px
}

.testimonial-wrap .owl-dots button {
	height: 8px;
	width: 44px;
	transition: .5s;
	margin-right: 10px;
	background: #fff
}

.up_event {
	font-weight: 900;
	font-size: 25px
}

.testimonial-wrap .owl-dots button.active {
	background: #222
}

.footer-dotted-top,
.testimonial-dotted {
	position: absolute;
	left: 0;
	top: 0
}

.testimonial-angle {
	position: absolute;
	bottom: 20%;
	right: 0;
	width: 4%
}

.testimonial-quote {
	position: absolute;
	left: 52%;
	top: 22%;
	width: 15%
}

.why_choosus .section-title h3 {
	font-size: 35px;
	font-weight: 500
}

.why_img_midd {
	position: absolute;
	text-align: -43px;
	margin: auto;
	left: 0;
	right: 0;
	width: 80%;
	top: -40px
}

.client-dotted,
.contact-info-icon:after,
.error-dots:before {
	left: 0;
	top: 0;
	position: absolute
}

.content_why .num_bg {
	height: 34px;
	width: 40px;
	padding: 18px 14px;
	line-height: 4px;
	text-align: -webkit-center;
	margin-right: 10px;
	font-size: 12px;
	display: block
}

.content_why h5 {
	font-size: 14px;
	font-weight: 500
}

.content_why p {
	color: #96959c;
	font-size: 12px
}

.client-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 -50px
}

.client-item {
	margin: 0 52px 50px
}

.client-dotted {
	width: 22%
}

.client-angle {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 16%
}

.event_learn_more span {
	color: #666572;
	font-size: 12px;
	margin-top: 20px
}

.event_text {
	color: #73727d
}

.vission-mission {
	padding: 60px 55px 60px 65px;
	height: 100%
}

.vission-mission h3 {
	font-size: 40px;
	margin-bottom: 40px
}

.mission h6 {
	line-height: 27px
}

.contact-info-item {
	display: flex;
	padding: 30px 40px;
	background: #fff2f2;
	margin-bottom: 30px;
	align-items: center;
	transition: .5s
}

.contact-info-icon {
	position: relative;
	margin-right: 30px;
	display: inline-block
}

.contact-info-icon i {
	height: 72px;
	width: 72px;
	line-height: 72px;
	background: #fff;
	text-align: center;
	color: #fbaaa9;
	font-size: 22px;
	transition: .5s;
	display: inline-block;
	position: relative;
	z-index: 2
}

.contact-info-item:hover .contact-info-icon i {
	transform: rotate(45deg)
}

.contact-info-icon i:before {
	transition: .5s;
	display: inline-block
}

.contact-info-item:hover .contact-info-icon i:before {
	transform: rotate(-45deg)
}

.contact-info-icon:after {
	content: '';
	height: 100%;
	width: 100%;
	opacity: 0;
	background: #ffc9c8;
	transform: rotate(0)
}

.contact-info-item:hover .contact-info-icon:after {
	opacity: 1;
	transform: rotate(30deg)
}

.info-content span {
	display: block;
	font-size: 20px;
	margin: 10px 0
}

.contact-form-inner {
	background: #fff6f6;
	padding: 100px;
	border-bottom: 10px solid;
	border-color: #fbaaa9;
	transform: translateY(250px);
	margin-top: -180px;
	position: relative;
	z-index: 888
}

.copyright,
.widget {
	z-index: 2;
	position: relative
}

.contact-map {
	height: 820px
}

#msform fieldset:not(:first-of-type),
.leaflet-control-attribution.leaflet-control,
.sweet-alert .sa-icon.sa-success .sa-fix,
.sweet-alert .sa-icon.sa-success::after,
.sweet-alert .sa-icon.sa-success::before {
	display: none
}

.error-images {
	display: inline-block;
	position: relative;
	padding: 50px
}

.btn-and-text,
.copyright-inner {
	display: flex;
	align-items: center
}

.error-dots:before {
	content: '';
	background: url('../images/error/error-dot3.png') center/cover no-repeat;
	height: 100%;
	width: 100%;
	animation: 35s linear infinite rotated
}

.error-dots:after {
	position: absolute;
	content: '';
	height: 56%;
	width: 56%;
	left: 22%;
	top: 22%;
	z-index: 1;
	background: #fae2e2;
	transform: rotate(-30deg)
}

.error-images:before {
	position: absolute;
	content: '';
	background: url('../images/error/error-dot2.png') center/cover no-repeat;
	height: calc(100% - 100px);
	width: calc(100% - 100px);
	left: 50px;
	top: 50px;
	animation: 45s linear infinite rotated-reverse
}

.error-images:after {
	position: absolute;
	content: '';
	background: url('../images/error/error-dot1.png') center/cover no-repeat;
	height: calc(100% - 180px);
	width: calc(100% - 180px);
	left: 90px;
	top: 90px;
	animation: 55s linear infinite rotated
}

.error-content h1 {
	color: #fbaaa9;
	font-size: 230px;
	text-shadow: 10px 10px #fef4f3
}

.error-content h5,
.footer-title {
	font-size: 25px;
	margin-bottom: 50px
}

.footer-section {
	background: #fff6f6;
	position: relative
}

.copyright-wrapper {
	font-size: 12px;
	color: #8a898a
}

.widget {
	margin-bottom: 50px
}

.about-widget-contact {
	border-left: 5px solid;
	border-color: #fbaaa9;
	padding: 10px 0 10px 30px
}

.about-widget-contact h4 a {
	color: #fbaaa9;
	font-size: 23px
}

.subscribe-widget form {
	background: #fff;
	padding: 50px 45px 50px 50px;
	border-left: 5px solid;
	border-color: #fbaaa9
}

.subscribe-widget form input {
	width: 100%;
	color: #fff;
	background: #fbaaa9;
	padding: 16px 30px;
	margin-bottom: 20px
}

.subscribe-widget form input::placeholder {
	color: #fff
}

.bg_foot_copy {
	background: #29353a
}

.btn-and-text button {
	height: 60px;
	width: 60px;
	flex: none;
	color: #fff;
	cursor: pointer;
	margin-right: 28px;
	background: #222
}

.btn-and-text p,
.copyright p {
	margin: 0
}

.copyright {
	padding: 20px 0;
	background: #ffecec
}

.copyright-inner {
	justify-content: space-between
}

.footer-dotted-bottom {
	position: absolute;
	right: 0;
	bottom: 0
}

.meet {
	font-optical-sizing: auto;
	font-style: normal;
	color: #8d493a;
	font-size: 14px
}

.home-carousel.owl-carousel {
	display: block !important
}

.bggreen {
	background: #3471b0a3
}

.w60px {
	width: 30px
}

.darkbggreen {
	background: #3471b0
}

.p20 {
	padding-top: 13px;
	padding-bottom: 13px
}

.listy li i {
	width: 18px;
	font-size: 11px !important;
	color: #625a5a
}

.footer_sec {
	background: #334459;
	padding-top: 20px;
	color: #fff;
	position: relative
}

.footer_sec:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #26303d
}

.flotdiv span,
.footer_sec .link-wrapper h4,
.home_banner_text p,
.home_banner_texts .theme-btn,
.learn_mores_btn.slide_right,
a.theme-btn {
	color: #fff
}

.footer_sec .link-wrapper ul li a {
	color: #909090;
	font-size: 15px
}

.footer_sec .link-wrapper ul li a:hover {
	color: #d8d7d7
}

.social_icons_footer li {
	margin-left: 5px
}

.social_icons li .fab,
.social_icons_footer li .fab {
	background-color: rgb(0 18 40);
	line-height: 40px;
	color: #fff;
	height: 40px;
	width: 40px;
	text-align: center;
	font-size: 17px;
	border: 1px solid #ffffff4f;
	border-radius: 50%
}

.about-section-bnr {
	height: 300px;
	margin-top: 92px;
	background: #f8e5cd;
	margin-bottom: 60px
}

.circle_percent {
	margin: 15px 10px 2px;
	font-size: 120px;
	width: 1em;
	height: 1em;
	position: relative;
	background: #fff;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block
}

.circle_inner {
	position: absolute;
	left: 0;
	top: 0;
	width: 1em;
	height: 1em
}

.circle_inbox {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	background: #e0f2f9;
	z-index: 3;
	border-radius: 50%
}

.percent_text {
	position: absolute;
	font-size: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	color: #96959c
}

.section_bg2 .circle_inbox {
	background: #f3dbc2
}

.accordian_box .card-header .accicon {
	float: right;
	font-size: 20px;
	width: 1.8em;
	padding: 3px 13px;
	position: absolute;
	right: -16px;
	top: 10px
}

.accordian_box .card-header {
	cursor: pointer;
	border-bottom: none;
	background: #fff
}

.accordian_box .card {
	border: 1px solid #ddd;
	margin-bottom: 2px
}

.accordian_box .card-body {
	border-top: 1px solid #ddd;
	font-size: 12px;
	line-height: 18px
}

.accordian_box .card-header:not(.collapsed) .rotate-icon {
	transform: rotate(180deg)
}

.explore_text h3 {
	color: #8d493a;
	font-weight: 500;
	font-size: 40px
}

.listing_box li {
	background: #ead481;
	color: #fff;
	margin: 8px 0;
	padding: 6px
}

.events_img {
	width: 56%;
	height: 107px;
	margin-bottom: 35px;
	display: flex;
	align-items: center
}

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

.bdr_btm {
	border-bottom: 1px dashed #e5e5e5;
	border-width: 98%
}

.events_box h4 {
	font-size: 14px !important;
	font-weight: 600;
	text-transform: uppercase;
	color: #82a1ad
}

.form_sec {
	background: #e7f3f6;
	padding: 20px
}

.about_bnr,
.gallery_bnr,
.service_bnr,
.service_bnr_details {
	background: url(../images/banner/Service-banner.webp) center/cover no-repeat
}

.form_sec .send_sms {
	padding: 12px 30px;
	font-size: 14px
}

.form_sec .form-group input,
.form_sec .form-group textarea {
	color: #b7b7b7;
	border-color: #eaf3f6;
	background-color: #fff;
	padding: 7px 8px
}

.location_box .address_seprt {
	background: #e7f3f6;
	padding: 17px 20px;
	line-height: 23px
}

.location_box .address_seprt p {
	margin-bottom: 0;
	font-size: 13px;
	color: #807f89
}

.contact_us .section-title h3 {
	font-size: 29px
}

.form_sec .form-control {
	margin-bottom: 0
}

.helthtip_list_text ul li,
.service_content_box ul li {
	list-style: disc
}

.accordion_section ul,
.righttext ul,
.righttext ul li {
	list-style: disc !important
}

.service_bnr_details {
	top: 148px;
	position: relative;
	height: 292px
}

.service_bnr {
	top: 107px;
	position: relative;
	height: 292px
}

.about_bnr,
.gallery_bnr {
	margin-top: 147px
}

.contact_bnr {
	background: url(../images/banner/Contact-us.webp) center/cover no-repeat;
	margin-top: 140px
}

.awards_bnr {
	background: url(../images/banner/Award-And-Achivement.webp) center/cover no-repeat;
	margin-top: 147px
}

.helthtip_bnr {
	background: url(../images/banner/tipsbanner.png) center/cover no-repeat
}

.left_side_img,
.right_side_img {
	width: 75%
}

.services__overlay h3 {
	color: #494646;
	margin-bottom: 23px;
	font-size: 22px
}

.service_content_box ul {
	padding-left: 15px
}

.services__overlay p {
	color: #494646;
	margin-bottom: 35px;
	font-size: 16px
}

.ml40,
.mr40 {
	margin-left: 40px
}

.section_bg1 {
	background: #e7f3f6;
	padding: 76px 0 50px
}

.section_bg2 {
	background: #f3dbc2;
	padding: 64px 0 50px
}

.doctors_img:hover .services__overlay {
	left: 10px;
	top: 50%;
	visibility: visible;
	opacity: 1
}

.doctors_img img {
	height: 228px
}

.services__overlay {
	visibility: hidden;
	opacity: 0;
	top: 91px;
	left: 48px;
	position: absolute;
	height: 240px;
	right: 0;
	background: #eace7ed4;
	padding: 55px 15px;
	width: 85%;
	margin-left: 10px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.dropdown .fas.fa-angle-down {
	font-size: 18px;
	font-weight: 600;
	color: #7f7c7c;
	position: relative;
	top: 2px
}

.round_per {
	position: absolute;
	left: 0;
	top: 0;
	width: 1em;
	height: 1em;
	background: #8d493a;
	transform: rotate(180deg);
	transition: 1.05s
}

.swiper,
.swiper-slide img {
	height: 100%;
	width: 100%
}

.percent_more .circle_inner {
	clip: rect(0 .5em 1em 0)
}

.percent_more:after {
	content: '';
	position: absolute;
	left: .5em;
	top: 0;
	right: 0;
	bottom: 0;
	background: #8d493a;
	content: ''
}

a.theme-btn span {
	margin-left: 35px;
	background: #fff;
	padding: 24px;
	color: #8d493a
}

.scroll-top,
.theme-btn,
a.theme-btn {
	background-color: #8d493a
}

#msform fieldset,
.contact #contactForm textarea,
select.form-select {
	background: #293647;
	border-width: 1px
}

.about_list_bx .num_bg,
.accordian_box .card-header .accicon,
.arrow_list {
	background: #8d493a;
	color: #fff
}

.content_why .num_bg,
.form_sec .send_sms {
	background: #894738;
	color: #fff
}

.learn_mores_btn {
	background: #8d493a;
	border: 1px solid #8d493a;
	box-shadow: inset 0 0 0 0 #8d493a
}

.fas.fa-quote-left {
	color: #8d493a;
	font-size: 22px
}

.form_sec .send_sms {
	text-transform: uppercase
}

.beauty-imagea .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff0
}

.beauty-imagea .swiper {
	padding: 0 30px
}

.beauty-imagea .swiper-button-next,
.beauty-imagea .swiper-rtl .swiper-button-prev {
	right: 0;
	font-size: 30px
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: 0
}

.beauty-imagea .swiper-button-next:after,
.beauty-imagea .swiper-button-prev:after {
	font-size: 30px
}

.accordian_box .card-header .title,
.main_heading_Services a {
	font-size: 17px !important
}

.beauty-imagea .card {
	padding: 15px
}

.beauty-imagea .swiper-button-next,
.beauty-imagea .swiper-button-prev {
	color: #000
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center
}

.swiper-slide img {
	display: block;
	object-fit: cover
}

.home_banner_text {
	text-align: left;
	position: absolute;
	z-index: 99;
	left: 6%;
	top: 16%
}

.img-comp-container {
	position: relative;
	height: 200px
}

.img-comp-img {
	position: absolute;
	width: auto;
	height: auto;
	overflow: hidden
}

.img-comp-img img {
	display: block;
	vertical-align: middle
}

.img-comp-slider {
	position: absolute;
	z-index: 9;
	cursor: ew-resize;
	width: 40px;
	height: 40px;
	background-color: #2196f3;
	opacity: .7;
	border-radius: 50%
}

.twentytwenty-wrapper {
	height: 360px !important
}

.center_slider .swiper-slide {
	display: inline !important
}

.home-carousel.owl-carousel .owl-nav {
	position: absolute;
	top: 30%;
	width: 100%
}

.owl-next span {
	right: 0;
	position: absolute
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
	font-size: 50px;
	color: #fff
}

.make_appointment {
	animation: 8s linear infinite alternate sun-rise
}

@keyframes sun-rise {
	from {
		transform: translate(50px, 18px)
	}

	to {
		transform: translate(0, 0)
	}
}

.centerbox-color,
.centerheading {
	color: #60caf8 !important
}

.main_heading {
	font-size: 25px !important;
	font-weight: 700 !important;
	color: #000 !important;
	line-height: 43px !important
}

.accordian_box .card-header .title,
.main_heading_Services {
	font-weight: 900 !important;
	color: #000 !important;
	line-height: 43px !important
}

.main_heading_Services {
	font-size: 20px !important
}

.main_heading_Services a {
	font-weight: 700 !important;
	color: #000 !important;
	line-height: 43px !important
}

p {
	font-size: 16px;
	line-height: 30px;
	color: #fffFFFCC
}

.aieadiness h4 {
	font-weight: 500;
	font-size: 32px;
	line-height: 38.4px;
	letter-spacing: -3%
}

#feedbackSubmit,
.btn_re,
.forgot,
.hoversection h6 {
	letter-spacing: 0
}

.event_details_btn {
	padding: 45px 0
}

button.btn.btn-custom.btn-lg {
	border: 2px solid #065bca;
	width: fit-content;
	height: auto;
	color: #fff;
	font-weight: 200;
	border-radius: 0;
	font-size: 11px;
	background: #065bca;
	padding: 3px 20px;
}

.text-success {
	color: #387cd5 !important
}

.logo img {
	width: 120px
}

.aieadiness,
section {
	margin-top: 50px;
	padding: 40px !important;
	margin-bottom: 50px
}

.forgot,
.fs-title {
	margin-bottom: 10px
}

.aieadiness .card {
	position: relative;
	border: none;
	border: 1px solid #065BCA14;
	box-shadow: 0 4px 4px 0 #00000040;
	background: #001228
}

.aieadiness .card:after,
.aieadiness .card:before {
	content: '';
	position: absolute;
	background: #6a9ddf8a;
	width: 191px;
	height: 68px;
	border-radius: 50%;
	fill: #79F2C8;
	opacity: .22;
	filter: blur(30px)
}

.aieadiness .card:after {
	top: -17px;
	left: 226px;
	flex-shrink: 0
}

.aieadiness .card:before {
	bottom: -20px;
	right: 20px;
	flex-shrink: 0
}

.augmented .card {
	background: #001228;
	border: 1px solid rgba(255, 255, 255, .04);
	padding: 30px 16px;
	border-radius: 2px
}

.augmented .card p.card-text {
	color: #83ade5
}

.iconsection {
	background: #065bca;
	height: 90px;
	width: 90px;
	line-height: 90px;
	text-align: center
}

.righttext {
	margin-left: 20px;
	text-align: left
}

.righttext ul {
	margin-bottom: 0 !important;
	padding: 0 0 0 27px !important;
	color: #fff;
	font-size: 14px;
}

#contact,
.nations {
	background: center/cover #001228;
	border: none;
	position: relative
}

#contact:after,
#contact:before,
.nations:after,
.nations:before {
	position: absolute;
	background: #6a9ddf69;
	width: 300px;
	height: 200px;
	border-radius: 50%;
	fill: #79F2C8;
	opacity: .22;
	filter: blur(30px);
	content: ''
}

#contact:before,
.nations:before {
	top: 0;
	left: 0;
	flex-shrink: 0
}

#contact:after,
.nations:after {
	top: 50%;
	right: 0;
	flex-shrink: 0
}

.bgr {
	padding: 35px;
	background: #022451
}

.border-right {
	border-right: 1px solid #fffFFF14 !important
}

section.nations h5 {
	color: #6a9ddf
}

.row.mt-4.bgr p {
	color: rgba(255, 255, 255, .6);
	font-weight: 400;
	font-size: 16px;
	line-height: 25.2px;
	text-align: center
}

.hoversection h6 {
	font-weight: 500;
	font-size: 24px;
	line-height: 28.8px;
	text-align: center
}

.augmented a.btn {
	padding: 8.44px 56px;
	border-radius: 2px;
	border-width: 1px;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	background: linear-gradient(261.47deg, rgba(51, 68, 89, .52) 14.6%, rgba(51, 68, 89, .08) 49.66%, rgba(51, 68, 89, .49) 87.77%)
}

.contact #contactForm input {
	color: #fff;
	padding: 8.44px 24px;
	border-radius: 2px;
	border-width: 1px;
	background: #293647;
	border: 1px solid rgba(255, 255, 255, .09)
}

.form-group input,
select.form-select {
	border-radius: 2px;
	font-size: 13px !important;
	padding: 8.44px 24px
}

.form-group input {
	border-width: 1px;
	border: 1px solid rgba(255, 255, 255, .09)
}

select.form-select {
	border: 1px solid rgba(255, 255, 255, .09);
	color: #fff;
	width: 100%
}

.vsb-main button {
	font-weight: 200 !important
}

#feedbackSubmit,
#progressbar li,
.btn_re,
.forgot {
	font-weight: 500
}

.contact #contactForm textarea {
	padding: 8.44px 24px;
	border-radius: 2px;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .09)
}

label.form-label {
	font-weight: 500;
	font-size: 16px;
	line-height: 19.2px;
	color: #f6f6f7
}

#feedbackSubmit {
	background: #065bca;
	padding: 15.44px 40px;
	font-size: 16px;
	color: #fff;
	border: none;
	border-radius: 0
}

.modal-content {
	background: #23303e;
	border: none;
	border-radius: 0;
	box-shadow: none;
	box-shadow: -1px 2px 17px 2px #252729
}

.modal-backdrop {
	opacity: 0 !important;
	transition: opacity .3s ease-out;
	z-index: -1
}

.close_button_compliance {
	top: 16px !important;
	right: 17px !important;
	height: 25px !important;
	width: 25px !important;
	border: 1px solid #549eff !important;
	color: #549eff !important;
	position: absolute !important;
	border-radius: 2px;
	line-height: 5px;
	background: #2e3d50;
	font-size: 11px;
	text-align: center;
	z-index: 999999
}

.btn_re,
.modal-header {
	border: none
}

.modal-body {
	padding: 0 2rem 2rem
}

.password-toggle {
	position: absolute;
	right: 18px;
	bottom: -7px;
	transform: translateY(-50%);
	cursor: pointer;
	font-size: 10px;
	color: #8e8a8a;
	opacity: 1
}

.form-group input {
	color: #fff !important;
	background: 0 0
}

.form-group input::placeholder {
	opacity: 1
}

.form-group select::placeholder {
	opacity: 1 !important
}

.error {
	color: #ff5c77;
	font-size: 12px;
	line-height: 15px
}

.btn_re,
button {
	line-height: 21.6px;
	font-size: 16px
}

.btn_re {
	background: #065bca;
	box-shadow: 0 4px 48px 0 #065BCA14;
	padding: 10.44px 40px;
	color: #fff;
	width: 100%;
	border-radius: 0
}

.forgot {
	color: #549eff;
	font-size: 14px;
	line-height: 24px;
	text-align: right;
	float: left;
	cursor: pointer;
}

.Reset {
	color: #549eff;
	font-size: 14px;
	line-height: 24px;
	text-align: right;
	float: right;
	cursor: pointer;
}

.createnew a {
	color: #549eff !important
}

.aieadiness .card:hover img,
.augmented .card .card-body:hover img {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg)
}

.aieadiness .card:hover .righttext h5,
.augmented .card:hover h5 {
	color: #065bca !important
}

.aieadiness .card img,
.augmented .card .card-body img {
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform
}

.hoversection:hover {
	background: #001228;
	padding-bottom: 2px;
	-webkit-transition: .2s ease-in;
	-webkit-transform: scale(1.1);
	-ms-transition: .2s ease-in;
	-ms-transform: scale(1.1);
	-moz-transition: .2s ease-in;
	-moz-transform: scale(1.1);
	transition: .2s ease-in;
	transform: scale(1.1)
}

.augmented .card p {
	color: rgba(255, 255, 255, .6);
	font-weight: 400;
	font-size: 16px;
	line-height: 25.2px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px
}

.fa-angle-double-right {
	-webkit-animation: .6s infinite alternate mover;
	animation: .6s infinite alternate mover
}

@-webkit-keyframes mover {
	0% {
		transform: translateY(0)
	}

	100% {
		transform: translateX(20px)
	}
}

@keyframes mover {
	0% {
		transform: translateY(0)
	}

	100% {
		transform: translateX(4px)
	}
}

#msform {
	text-align: center;
	position: relative;
	margin-top: 30px
}

#msform fieldset {
	text-align: left;
	padding: 2rem 16px 16px;
	border-radius: 2px;
	position: relative !important;
	top: 0 !important;
	transform: none !important;
	left: 0 !important
}

#msform .action-button:focus,
#msform .action-button:hover {
	box-shadow: 0 0 0 2px #fff, 0 0 0 1px #2098ce
}

#msform .action-button-previous {
	background: #acbed0;
	cursor: pointer;
	/*margin: 10px 5px;*/
}

#msform .action-button-previous:focus,
#msform .action-button-previous:hover {
	box-shadow: 0 0 0 2px #fff, 0 0 0 1px #acbed0
}

.fs-title {
	font-size: 18px;
	text-transform: uppercase;
	color: #2c3e50;
	letter-spacing: 2px;
	font-weight: 700
}

.fs-subtitle {
	font-weight: 400;
	font-size: 13px;
	color: #666;
	margin-bottom: 20px
}

#progressbar {
	margin-bottom: 0;
	overflow: hidden;
	counter-reset: step
}

#progressbar li {
	list-style-type: none;
	width: 19.33%;
	float: left;
	position: relative;
	color: #fff !important;
	font-size: 12px;
	line-height: 14.4px;
	letter-spacing: 0;
	text-align: center;
	margin-bottom: 20px
}

#progressbar li:before {
	content: '';
	width: 62px;
	height: 64px;
	line-height: 70px;
	display: block;
	font-size: 12px;
	border-radius: 0;
	margin: 0 auto 10px;
	background: #23303e
}

#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #fff;
	position: absolute;
	left: -50%;
	top: 35px;
	z-index: -1
}

#progressbar li:first-child:after {
	content: none
}

#progressbar li.active:after,
#progressbar li.active:before {
	color: #79d0f6;
	background: #23303e
}

.boxsection input[type=checkbox],
input[type=radio] ::before {
	box-sizing: border-box;
	padding: 0;
	width: 20px;
	height: 20px;
	margin-left: 10px
}

.boxsection .form-check:hover {
	background: #4a5568
}

.boxsection .form-check-label {
	margin-bottom: 0;
	color: #fff;
	font-size: 14px;
	padding: 10px 10px 10px 44px;
	display: flex
}

.boxsection .form-check-input {
	left: 26px
}

#progressbar li.active {
	color: #79d0f6;
	position: relative
}

#progressbar li.active:after {
	content: '';
	position: absolute;
	left: 50%;
	width: 100%;
	height: 3px;
	background: #fff;
	z-index: 1;
	border: none
}

.div-center {
	justify-content: center;
}

#msform .action-button,
#msform .action-button-previous,
#msform .action-button-save {
	border-radius: 2px;
	padding: 8.44px 56px;
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	width: 100%;
}

#progressbar li svg,
#progressbar li.active svg {
	z-index: 9
}

#msform .action-button,
#msform .action-button-previous {
	border-width: 1px;
	border: 1px solid rgb(6 91 202);
	background: linear-gradient(261.47deg, rgba(51, 68, 89, .52) 14.6%, rgba(51, 68, 89, .08) 49.66%, rgba(51, 68, 89, .49) 87.77%)
}

#msform .action-button-save {
	border-width: 1px;
	border: 1px solid rgba(255, 255, 255, .16);
	background: linear-gradient(261.47deg, rgba(91, 105, 122, .32) 14.6%, rgba(91, 105, 122, .08) 49.66%, rgba(91, 105, 122, .32) 87.77%)
}

.boxsection {
	padding-bottom: 20px;
	padding-top: 20px;
	text-align: left
}

#msform fieldset h5,
.paragraph {
	text-align: left
}

.submit.action-button {
	padding: 8.44px 56px;
	border-radius: 2px;
	box-shadow: 0 4px 48px 0 rgba(50, 244, 196, .08) !important;
	color: #fff !important;
	font-size: 13px;
	font-weight: 700 !important;
	width: auto;
	border: 1px solid #065bca;
	background: #065bca !important
}

#particles-js canvas {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	opacity: .2
}

section#au .augmented,
section.container.aieadiness {
	position: relative;
	z-index: 9
}

section#au {
	position: relative;
	background-color: #26303d
}

.hero-sectiona {
	background: #26303d
}

#au .circles {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 0 !important
}

#au .circles li {
	position: absolute;
	display: block;
	list-style: none;
	width: 20px;
	height: 20px;
	background: #065bca4a;
	animation: 25s linear infinite animate;
	bottom: -150px;
	border-radius: 0 !important
}

#au .circles li:first-child {
	left: 25%;
	width: 80px;
	height: 80px;
	animation-delay: 0s
}

#au .circles li:nth-child(2) {
	left: 10%;
	width: 20px;
	height: 20px;
	animation-delay: 2s;
	animation-duration: 12s
}

#au .circles li:nth-child(3) {
	left: 70%;
	width: 20px;
	height: 20px;
	animation-delay: 4s
}

#au .circles li:nth-child(4) {
	left: 40%;
	width: 10px;
	height: 10px;
	animation-delay: 0s;
	animation-duration: 18s
}

#au .circles li:nth-child(5) {
	left: 65%;
	width: 20px;
	height: 20px;
	animation-delay: 0s
}

#au .circles li:nth-child(6) {
	left: 75%;
	width: 30px;
	height: 30px;
	animation-delay: 3s
}

#au .circles li:nth-child(7) {
	left: 35%;
	width: 100px;
	height: 100px;
	animation-delay: 7s
}

#au .circles li:nth-child(8) {
	left: 50%;
	width: 25px;
	height: 25px;
	animation-delay: 15s;
	animation-duration: 45s
}

#au .circles li:nth-child(9) {
	left: 20%;
	width: 15px;
	height: 15px;
	animation-delay: 2s;
	animation-duration: 35s
}

#au .circles li:nth-child(10) {
	left: 85%;
	width: 150px;
	height: 150px;
	animation-delay: 0s;
	animation-duration: 11s
}

@keyframes animate {
	0% {
		transform: translateY(0) rotate(0);
		opacity: 1;
		border-radius: 0
	}

	100% {
		transform: translateY(-1000px) rotate(720deg);
		opacity: 0;
		border-radius: 50%
	}
}

.hero-contenta .ripple-background {
	position: absolute;
	height: 50%;
	bottom: 30%;
	right: 0
}

.hero-contenta .circle {
	border-radius: 50%;
	background: #065bca59;
	animation: 15s infinite ripple;
	box-shadow: 0 0 2px 0 #065bca;
	position: absolute;
	opacity: .4 !important
}

.nations .container {
	padding: 60px !important
}

.hero-contenta .circle.small {
	width: 150px;
	height: 150px;
	right: 46px;
	bottom: 0
}

.hero-contenta .circle.medium {
	width: 120px;
	height: 120px;
	left: -265px;
	bottom: 0
}

.hero-contenta .circle.large {
	width: 100px;
	height: 100px;
	left: -300px;
	bottom: 0
}

.hero-contenta .circle.xlarge {
	width: 90px;
	height: 90px;
	left: -316px;
	bottom: 0
}

.hero-contenta .circle.xxlarge {
	width: 100px;
	height: 100px;
	left: 0;
	bottom: 0
}

.hero-contenta .shade1 {
	opacity: .2
}

.hero-contenta .shade2 {
	opacity: .4
}

.hero-contenta .shade3 {
	opacity: .6
}

.hero-contenta .shade4 {
	opacity: .8
}

.hero-contenta .shade5 {
	opacity: 1
}

@keyframes ripple {

	0%,
	100% {
		transform: scale(.8)
	}

	50% {
		transform: scale(1.2)
	}
}

.userlogin {
	border: 2px solid #065bca;
	width: fit-content;
	height: auto;
	color: #fff;
	font-weight: 200;
	border-radius: 0;
	font-size: 11px;
	background: #065bca;
	padding: 3px 20px;
	display: none
}

h5.card-title.mt-3 {
	color: #fff;
	font-weight: 500;
	font-size: 24px;
	line-height: 28.8px;
	letter-spacing: 0;
	text-align: center
}

button {
	background: #32f4c4;
	box-shadow: 0 4px 48px 0 rgba(50, 244, 196, .08);
	color: #1a1a1a;
	letter-spacing: 0;
	border: none;
	border-radius: 0;
	font-weight: 600
}

.header-inner {
	align-items: anchor-center
}

.form-control:-ms-input-placeholder {
	color: rgba(255, 255, 255, .4)
}

.form-control::-ms-input-placeholder {
	color: rgba(255, 255, 255, .4)
}

.form-control::placeholder {
	color: rgba(255, 255, 255, .4);
	opacity: 1
}

.form-control:-ms-select-placeholder {
	color: rgba(255, 255, 255, .4) !important;
	opacity: 1 !important
}

.form-control::-ms-select-placeholder {
	color: rgba(255, 255, 255, .4) !important;
	opacity: 1 !important
}

.chart_head {
	font-weight: 500;
	font-size: 20px;
	line-height: 28.8px;
	color: #fff
}

.Active,
.Aware,
.Influencer,
.Operational,
.Systemic {
	font-size: 13px !important
}

.Systemice,
.timeline .card h5,
span.Active,
span.Aware,
span.Influencer,
span.Operational,
span.Systemic {
	font-weight: 500;
	line-height: 24px
}

#content .card ul {
	display: flex;
	gap: 20px;
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	line-height: 16.8px;
	letter-spacing: 0
}

#content .card ul li.dark {
	color: #549eff;
	font-size: 15px
}

.dark {
	color: #32f4c4
}

.accordion_section ul {
	display: block !important;
	position: relative
}

.accordion_section .accordion-item {
	background: #23303e;
	border: none
}

.accordion_section .accordion-header button h3 {
	margin-bottom: 0px;
}

.accordion_section .accordion-header button {
	background-color: #2e3d50 !important;
	padding: 9px;
	position: relative;
	line-height: 0px;
}

.accordion_section .accordion-body p {
	font-size: 14px;
	margin: 10px 0px;
	line-height: 1px;
}

.accordion_section .accordion-body {
	background: #23303e;
	border-bottom: 1px solid #fffFFF14;
	padding: 0px 20px;
}

.accordion_section .accordion-body .card {
	background: #60cAF80A !important;
	border: 1px solid #3b7ddd !important
}

.accordion_section .accordion-item h2 button h3 {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0;
	color: #fff
}

.accordion_section .accordion-button:focus {
	box-shadow: none !important
}

.accordion_section .accordion-button::after {
	color: #fff;
	background-image: url("../images/Iconnew.png") !important;
	background-size: auto;
	background-position: center;
}

.accordion_section .accordion-button:not(.collapsed)::after {
	background-image: url("../images/Iconopen1.png") !important;
	/* Change to your open icon */
}


.Systemic {
	color: #bde986
}

.Influencer {
	color: #64edd2
}

.Operational {
	color: #ffdf72
}

.Active .progress-bar,
.Aware .progress-bar {
	background-color: #ff5c77
}

.progress.Aware,
.progress.Influencer {
	height: 6px;
	border-radius: 0;
	margin-top: 17px
}

.Active,
.Aware {
	color: #ff5c77
}

.flotdiv {
	position: absolute;
	right: 37px;
	font-weight: 100;
	font-size: 14px;
}

span.Influencer {
	font-size: 20px;
	letter-spacing: 0;
	color: #32f4c4 !important;
}

.Influencer .progress-bar {
	background-color: #32f4c4 !important
}

.Aware.btn-sm,
.Influencer.btn-sm {
	padding: 2px 14px;
	color: #ff5c77;
	border: 1px solid #ff5c77;
	background: #ff5C7714 !important
}

span.Active,
span.Aware {
	font-size: 20px;
	letter-spacing: 0;
	color: #ff5c77
}

span.Operational {
	font-size: 20px;
	letter-spacing: 0;
	color: #ffdf72
}

.Operational.btn-sm {
	padding: 2px 14px;
	color: #ffdf72;
	border: 1px solid #ffdF7252;
	background: #ffdF7214 !important
}

span.Systemic {
	font-size: 20px;
	letter-spacing: 0;
	color: #bde986
}

.Systemic.btn-sm {
	padding: 2px 14px;
	color: #bde986;
	border: 1px solid #bde98652;
	background: #bde98614 !important
}

.progress.Active,
.progress.Operational,
.progress.Systemic,
.progress.influencer {
	height: 6px;
	border-radius: 0;
	margin-top: 17px;
	background: #4c5e76
}

.influencer .progress-bar {
	background-color: #64edd2
}

.Systemic .progress-bar {
	background-color: #bde986
}

.Operational .progress-bar {
	background-color: #ffdf72
}

.d-f h4 {
	font-weight: 700
}

.sidebar-cta .footerfix {
	position: fixed;
	bottom: 0;
	width: 100%;
}

.question {
	background: #001228;
	border-radius: 2px;
	border-width: 1px;
	padding: 16px;
	/*border-left: 3px solid #065bca;*/
	margin-bottom: 16px
}

.form-group.invalid-feedbacks input {
	border: 1px solid #ff5C7799 !important
}

.bordernew {
	/*background: #23303e;*/
	/*border: 1px solid #fffFFF14;*/
	/*padding: 15px !important*/
	padding-left: 0px !important;
}

.bordernew ul li {
	list-style: disc;
	line-height: 29px;
}

.bordernew ul {
	background: rgb(46 61 80) !important;
	/*border: 1px solid #3b7edd !important;*/
	padding: 24px 24px 24px 38px !important;
	/*padding-left: 25px !important;*/
	list-style: disc;
}

.Systemice {
	font-size: 20px !important;
	letter-spacing: 0;
	color: #64edd2
}

.boxsection .form-check-input[type=radio] {
	border-radius: 0;
	box-sizing: border-box;
	padding: 0;
	width: 16px;
	height: 15px;
	margin-left: 3px;
	border: none;
	position: absolute;
	z-index: 99;
	left: 14px;
	top: 21%
}

.boxsection .form-check-input:checked,
.boxsection .form-check-input:checked+.form-check-label {
	background-color: #4a5568
}

.logtype .dropdown-menu {
	border-radius: 0;
	padding: 0
}

.logtype .dropdown-menu a {
	border-bottom: 1px solid #0000004d
}

.boxsection .form-check {
	position: relative;
	display: block;
	background: #23303e;
	margin-bottom: 10px;
	padding-left: 0
}

.boxsection .form-check-input:checked[type=radio] {
	border: none;
	position: absolute;
	z-index: 99;
	left: 15px;
	top: 22%
}

.boxsection .form-check-input:checked+.form-check-label {
	background-color: #065bc966;
	width: 100%;
	position: relative;
	padding-left: 44px;
	top: 0
}

.text-danger {
	text-shadow: 1px 2px 9px rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.single-chart {
	width: 100%;
	height: auto;
	margin: 0 auto;
	justify-content: space-around
}

.circular-chart {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	max-height: 250px;
}

.circle-bg {
	fill: none;
	stroke: #e1e1e1;
	stroke-width: 3.8
}

.circular-chart.green .circle {
	stroke: #32efc0;
	stroke-width: 3.8
}

.percentage {
	fill: #fff;
	font-size: 4px;
	text-anchor: middle;
	font-weight: 600
}

.swal2-container.swal2-center>.swal2-popup {
	background-color: #23303e;
	border-radius: 0
}

.sweet-alert .sa-icon.sa-success {
	background: #32f4c4 !important;
	border-color: #32f4c4 !important
}

.swal2-html-container {
	color: #fff !important;
	line-height: 26px !important;
	font-size: 13px !important
}

.sweet-alert .sa-icon.sa-success .sa-line {
	background-color: #000 !important
}

.swal2-styled.swal2-confirm {
	padding: 8.44px 56px;
	color: #fff !important;
	font-size: 13px;
	border-radius: 0 !important;
	font-weight: 700 !important;
	width: auto;
	border: 1px solid #32f4c4;
	background: #065bca !important;
	box-shadow: 0 4px 48px 0 #065BCA14 !important
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
	background-color: #fff !important;
	z-index: 9 !important
}

.swal2-icon.swal2-success .swal2-success-ring {
	border: .25em solid rgb(6 91 202) !important;
	border-radius: 50% !important;
	background: #065bca !important
}

.hero-sectiona .container {
	padding: 7px
}

/*.timeline::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 4%;
	border: 1px dotted #ffff
}*/

.timeline:nth-child(41):before {
	border: 1px dotted transform !important
}

.timeline .timeline-item {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	padding-left: 8px;
	position: relative
}

.timeline .timeline-item::before {
	content: '';
	position: absolute;
	top: 15px;
	left: 22px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	z-index: 1
}

.timeline .timeline-number {
	width: 40px;
	height: 40px;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	background: #47576a;
	border: 2px solid #549eff;
	position: absolute;
	z-index: 9;
	left: 21px;
	top: 11px
}

.timeline .card {
	background: #2c3847 !important;
	flex-grow: 1 !important;
	color: #fff !important;
	border: 1px solid #fffFFF14 !important;
	border-radius: 2px !important;
	gap: 16px !important;
	padding: 16px 16px 16px 4rem !important
}

.timeline .card h5 {
	margin-bottom: 0;
	font-size: 13px
}

.timeline .badge {
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 0;
	float: right;
	color: #32f4c4;
	font-weight: 200;
	border: 1px solid #fffFFF14
}

.timeline .badge-national {
	background: #32f4C42E
}

.timeline .badge-agriculture,
.timeline .badge-healthcare,
.timeline .badge-tourism {
	color: #bad8ff;
	background: #549EFF14
}

li.sidebar-item a img {
	margin-right: 8px
}

input.disabledbtn.action-button {
	border: 1px solid #857e7e !important;
	background: #4f4b4b !important;
	color: #857e7e !important;
	cursor: not-allowed !important
}

#progressbar li:nth-child(5):after {
	background: 0 0 !important
}

section p {
	margin-bottom: 60px !important
}

.modal {
	background: #0000006b
}

.main-card-section {
	display: flex;
	gap: 2%;
	align-items: stretch
}

.past_assessment_main {
	display: flex;
	gap: 2%;
	align-items: stretch
}

.newaccordian .collapse .card-body {
	background: #FFFFFF14;
}

.past_assessment_card {
	padding: 16px !important;
	text-align: center;
	width: 100%;
	position: relative;
	background: #2C3847;
	border: 1px solid #FFFFFF14;
	justify-content: space-between;
	height: fit-content;
}

.past_assessment_card .card-footer {
	background-color: transparent !important;
	padding: 0px;
}

.past_assessment_card a {
	color: white;
	/*border: 1px solid #549EFF;*/
	box-shadow: 0px 4px 48px 0px #32F4C414;
	background: #222e3c;
	border-width: 1px;
	padding-top: 8.44px;
	padding-right: 10px;
	padding-bottom: 8.44px;
	padding-left: 10px;
	font-size: 12px;
	font-weight: 400;
	width: 100%;
}

.card-responsive-size {
	padding: 0 !important;
	text-align: left;
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between
}

.main-card-section-dash {
	display: flex;
	gap: 2%;
	align-items: stretch
}

.main-card-section-dash .card-responsive-size {
	padding: 0 !important;
	text-align: left;
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between
}

.main-card-section-dash .card-responsive-size .card {
	width: 100%;
}

.main-card-section-Recommendation {
	display: flex;
	gap: 2%
}

.card-responsive-size-Recommendation {
	padding: 0 !important;
	text-align: left;
	width: 50%;
	position: relative;
	display: flex;
	justify-content: space-between
}

.asses-head {
	display: flex;
	gap: 20px;
	justify-content: center;
	align-items: center
}

.accordion-button::after {
	color: #fff;
	background-image: url(../images/Iconnew.png) !important;
	background-size: auto;
	background-position: center;
}

div#faqAccordion {
	padding: 20px;
}

.accordion-button:not(.collapsed)::after {
	background-image: url(../images/Iconopen1.png) !important;
}

.tab_sectionabout {
	background: linear-gradient(180deg, #f4f4f400 50%, #1A222D 50%);
	margin-top: -5rem;
	position: relative;
	margin-bottom: 30px;
}

.demotypebox p {
	margin-bottom: 0px;
}

.demotypebox img {
	object-fit: contain;
}

.tab_sectionabout button {
	flex: 1 1 200px;
	padding: 0px;
	border: none !important;
	background: transparent;
}

.tab_sectionabout .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	border-color: transparent !important;
}

.tab_sectionabout .card-body {
	/*background: #1A222D;*/
	padding: 30px 35px;
}

.tab_sectionabout .card-header {
	/*padding: 40px 105px;
    background: #5A6472;*/
}

.tab_sectionabout .dashboard-card.active-card .card-header {
	background-color: #0158b3;
}

.tab_sectionabout .dashboard-card {
	padding: 0px;
}

.dashboard-card.inactive-card {
	border-bottom: 2px solid #92979e85;
}

.dashboard-card.active-card {
	border-bottom: 2px solid #0158b3;
	background-color: #0158b3 !important;
}

.tab_sectionabout .card-body p {
	font-weight: 400;
	font-size: 14px;
	line-height: 20.4px;
	letter-spacing: 0%;
}

.tab_sectionabout .card-header:nth-child(2) {
	background: #92979E;
}

.tab_sectionabout .card-header:nth-child(3) {
	background: #738091;
}

.tab_sectionabout .card-header:nth-child(4) {
	background: #5A6472;
}

.tab_sectionabout .card-header:nth-child(5) {
	background: #40552B;
}

.marquee {
	background: #26303d;
	color: white;
	height: auto;
	display: flex;
	padding: 6px;
	align-items: anchor-center;
}

.help-icon span {
	margin-left: 2px;
}

.help-icon span {
	/*margin: 4px 0 0 auto;*/
	position: absolute;
	margin-left: 4px;
	padding: 0px 5px 2px 4px;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	line-height: 7px;
}

.help-icon span:hover .inner_hover_data {
	display: block !important;
}

.help-icon .inner_hover_data {
	z-index: 990;
}

.help-icon .inner_hover_data {
	position: absolute;
	/* Using absolute so it aligns properly */
	background: #293647;
	color: #ffffff;
	/* White text for contrast */
	padding: 15px;
	width: 280px;
	/* Adjust width if needed */
	z-index: 9999;
	/* Ensure it stays on top */
	overflow: auto;
	max-height: 200px;
	/* Consistent height */
	line-height: 1.5;
	/* Better text readability */
	box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5);
	/* Softer shadow */
	border-radius: 8px;
	/* Rounded corners for style */
	overflow-x: hidden;
	overflow-y: auto;
	left: -180px;
}

span.help-icon {
	position: relative;
}

.help-icon .inner_hover_data::-webkit-scrollbar {
	width: 4px;
}

/* Track */
.help-icon .inner_hover_data::-webkit-scrollbar-track {
	background: #fff;
	border-radius: 0px;
}

/* Handle */
.help-icon .inner_hover_data::-webkit-scrollbar-thumb {
	background: #065bca;
	border-radius: 0px;
}

/* Handle on hover */
.help-icon .inner_hover_data::-webkit-scrollbar-thumb:hover {
	background: #e2a200d5;
}


.past_assessment_card {
	padding: 16px !important;
	text-align: center;
	width: 100%;
	position: relative;
	background: #2C3847;
	border: 1px solid #FFFFFF14;
	justify-content: space-between;
	height: fit-content;
}

span.error-submit {
	background: #FF5C771A;
	border: 1px solid #FF5C7733;
	border-width: 1px;
	gap: 8px;
	padding-top: 8.44px;
	padding-right: 32px;
	padding-bottom: 8.44px;
	padding-left: 32px;
	color: #ff5c77a8;
	margin-bottom: 20px;
}

.demotypebox {
	background: rgb(46 61 80) !important;
	border-width: 1px;
	border-radius: 2px;
	border: none;
	display: flex;
	padding: 20px;
	justify-content: space-between;
	text-align: justify;
	gap: 20px;
}

#Feedback .modal-body {
	background-color: #34404d !important;
	color: white;
}

#Feedback textarea {
	padding: 8.44px 24px;
	border-radius: 2px;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .09);
	background: #293647;
}

#Feedback .btn-close {
	background-color: white !important;
	opacity: 1;
	width: 7px;
	height: 7px;
	border-radius: 0px;
	font-size: 9px;
}

/*#msform fieldset .question:nth-child(2){

}*/
button.bg-gray-600.px-4.py-2 {
	text-transform: capitalize;
	background: #26303d00;
	color: white;
	font-weight: 300;
	font-size: 13px;
	cursor: auto;
	padding: 6px 20px !important;
}

.ai_assessment_user {
	background: #293647;
	padding: 8px 20px;
	width: fit-content;
	color: white;
	float: right;
	margin-bottom: 40px;
	font-size: 12px;
}

.ai_assessment_user .d-flex {
	gap: 20px;
}

.stylenew {
	background: #39576a;
	clip-path: polygon(0% 0%, 93% 0%, 100% 50%, 93% 100%, 0% 100%);
	padding: 8px;
	padding-left: 40px;
	/*text-transform: capitalize;*/
	font-size: 14px;
}

.status-indicator {
	display: flex;
	align-items: center;
	gap: 8px;
	justify-content: center;
	font-size: 9px;
}

.status-item {
	display: flex;
	align-items: center;
	font-weight: 500;
}

.status-box {
	width: 14px;
	height: 14px;
	border: 2px solid;
	border-radius: 4px;
	margin-right: 5px;
}

.leftbox .status-box {
	border-color: #32f4c4;
	background: #32f4c478;
	border-radius: 0px;
}

.rightbox .status-box {
	border-color: #065bca;
	border-radius: 0px;
	background: #065bca8a;
}
.block-text{
	display: block;
}