body {
	font-family: 'Poppins' !important;
	font-style: normal;
	font-size: 1.2vw;
	line-height: 3vw;

	color: #18191F;
}


.wrapper {
	background-image: url(../../assets/img/chapter1/c-bg.svg);
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding: 0vw 0px 4vw;
	min-height: 100vh;
}

.red-box-profile img {
	width: 35px;
}

.page-auto {
	height: auto;
}

.vidoe-bg {
	background-image: url(../../assets/img/chapter1/bg-video.png);
}

.bg-bd-2 {
	background-image: url(../../assets/img/bg-md-2.png) !important;
}

.md-5-bg {
	background-image: url(../../assets/img/md5/md-5-bg.png) !important;
}

.cf-set {
	padding-right: 8%;
	padding-left: 8%;
}

.fixed-header {
	width: 100%;
	z-index: 1;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 8%);
	display: flex;
	justify-content: center;
	align-items: center;
	/* height: 5vw; */
	position: relative;
	margin-bottom: 1vw;
}

.overscroll {
	height: auto !important;
}

.overscroll .data-adjust {
	height: auto !important;
}

.data-adjust {
	/* display: flex;
	justify-content: center;
	align-items: center; */
	/* height: 85vh; */
	width: 100%;
	min-height: 485px;
	margin-top: 1vw;

}



.home-icon {
	color: #fff;
	background-color: rgb(203, 37, 43);
	padding: 1vw 1vw;
	font-size: 2.4vw;
	border-radius: 0vw;
	margin-right: 1vw;
}

.home-icon:hover {
	background-color: rgb(235, 52, 58);
}

.progress-wset {
	width: 15vw;
}

.prog-box {
	background-color: rgb(235, 235, 235);
	padding: 0.3vw 1.5vw;
	border-radius: 10vw;
	align-items: center;
	justify-content: center;
	height: 3vw;
}

.prog-box div {
	margin-left: 0.3vw;
	/* margin-right: 0.2vw; */
}

.progress-bar {
	border-radius: 4px;
	background-color: rgb(203, 37, 43);
	margin-left: 0px !important;
}

.progress {
	border-radius: 4px;
	background-color: rgb(255, 255, 255);
	height: 0.7vw;
}

.header-ul {
	justify-content: center;
	align-items: center;
}

.header-ul li {
	margin-right: 0.3vw;
	margin-left: 0.3vw;
}

.m-star-icon {
	font-size: 1.4vw;
	margin-bottom: 0px;
}

.m-star-icon i {
	color: #f1b243;
}

.header-ul li a {
	padding: 0;
}

.header-ul img {
	width: 2.5vw;
}



.what-gender {
	font-size: 7vw;
	font-family: "Poppins";
	color: rgb(0, 0, 0);
	font-weight: 700;
	line-height: 7vw;
}

.lets-start {
	background-color: rgb(203, 37, 43);
	font-size: 2vw;
	color: rgb(255, 255, 255);
	line-height: 4.5vw;
	text-align: center;
	padding: 0 3vw;
	border-radius: 75vw;
	text-decoration: none;
	font-weight: 300;
	display: inline-block;
}

.lets-start:hover {
	color: #fff;
}

.prog-text {
	font-size: 1vw;
}

p {
	font-size: 1.2vw;
	font-family: "Poppins";
	color: rgb(0, 0, 0);
	font-weight: 400;
	line-height: 2vw;
	margin-bottom: 0.5vw;
	margin-top: 0.5vw;
}


.form-check-input {
	width: 1.8vw;
	height: 1.8vw;
	margin-top: 0.25em;
	vertical-align: center;
}

.form-check-label {
	margin-left: 0.5vw;
	line-height: 2.4vw;
	display: block;
	/* text-transform: capitalize; */
}

.custom-check:checked {
	background-color: #ebebeb;
	border-color: #ebebeb;
}

.custom-check:focus {
	border-color: #ebebeb;
	box-shadow: 0 0 0 0.25rem rgb(211 211 211 / 20%);
}

.form-check-input:checked[type=radio] {
	background-image: url(../../assets/img/chapter1/circle.svg);
	background-size: 1.4rem;
	background-position: center;
}

.form-control {
	display: block;
	width: 100%;
	padding: 0.6vw 1vw;
	font-size: 1vw;
	font-weight: 400;
	line-height: 2vw;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	appearance: none;
	border-radius: 0.6rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	border-style: solid;
	border-width: 0.1vw;
	border-color: rgb(111, 111, 111);
	background-color: rgb(255, 255, 255);
	opacity: 1;
	box-shadow: 0.2rem 0.2rem 0 #ebebeb;
}

.h1 {
	font-size: 3.5vw;
	font-family: "Poppins";
	color: rgb(0, 0, 0);
	font-weight: 600;
	line-height: 1.1;
}





.button_su {
	background: transparent;
	overflow: hidden;
	position: relative;
	display: inline-block;
	border-radius: 30vw;
	margin-bottom: 0;
	border: none;
	padding: 0;
	margin: 0px 0.1vw;
}

.su_button_circle {
	background-color: red;
	border-radius: 1000px;
	position: absolute;
	left: 0;
	top: 0;
	width: 0px;
	height: 0px;
	margin-left: 0px;
	margin-top: 0px;
	pointer-events: none;
}

.button_su_inner {
	background: #cb2f2b;
	color: #f4f4f4 !important;
	font-size: 1.2vw;
	font-weight: normal;
	text-align: center;
	border-radius: 0vw;
	transition: 400ms;
	text-decoration: none;
	padding: 0 2vw;
	z-index: 100000;
	line-height: 3.5vw;
	display: inline-block;
	border: none;
	border-radius: 5vw;
}

/* .button_text_container {
	position: relative;
	z-index: 10000;
  } */

.explode-circle {
	animation: explode 0.5s forwards;
}

.desplode-circle {
	animation: desplode 0.5s forwards;
}

@keyframes explode {
	0% {
		width: 0px;
		height: 0px;
		margin-left: 0px;
		margin-top: 0px;
		background-color: rgba(42, 53, 80, 0.2);
	}

	100% {
		width: 400px;
		height: 400px;
		margin-left: -200px;
		margin-top: -200px;
		background-color: #ff4e54
	}
}

@keyframes desplode {
	0% {
		width: 400px;
		height: 400px;
		margin-left: -200px;
		margin-top: -200px;
		background-color: #ff4e54
	}

	100% {
		width: 0px;
		height: 0px;
		margin-left: 0px;
		margin-top: 0px;
		background-color: rgba(129, 80, 108, 0.6);
	}
}

.gray-btn .button_su_inner {
	background: #b9b6b6;
	color: #ffffff !important;
}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999999999;
	background: #fcfefc url("../../assets/img/chapter1/memes-loading.gif") 50% 50% no-repeat;
}


.h2 {
	font-size: 3.1vw;
	font-family: "Poppins";
	color: rgb(0, 0, 0);
	font-weight: 600;
	line-height: 1.2;
}



.alert {
	line-height: 2vw;
	box-shadow: 0.2rem 0.2rem 0 #ebebeb;
	color: #fff;
	background-color: #497ebb;
	padding: 1.6vw 3vw;
	font-size: 1.1vw;
	border-radius: 2vw;
}

.custom-btn {
	border-radius: 4vw;
	padding: 0px 2vw;
	line-height: 3.1vw;
	background-color: rgb(235, 235, 235);
	font-size: 1.2vw;
	font-family: "Poppins";
	color: rgb(153, 153, 153);
	text-align: center;
	border: 1px solid #eee;
}


.wiout-border-table {
	border-style: solid;
	border-width: 0.1vw;
	border-color: rgb(235 235 235);
	border-radius: 1vw;
	background-color: rgb(255, 255, 255);
	padding: 2vw;
}

.wiout-border-table .table> :not(caption)>*>* {
	padding: 0.4vw 1vw;
	border-bottom: none;
	/* line-height: 1.6vw; */
	vertical-align: middle;
}

.widthset-td {
	width: 20vw;
}

.wiout-border-table .table tr td:first-child {
	line-height: 1.6vw;
}


.modal-bg-blue {
	border-radius: 2vw;
	background-color: rgb(92 92 92);
	padding: 2vw;
}


.close-set {
	background-color: #ffffff;
	color: #497ebb !important;
	opacity: 1;
	padding: 0.7vw;
	border-radius: 10vw;
	position: absolute;
	right: -15px;
	top: -15px;
	background-image: none;
	line-height: 1.5vw;
}

.submit-btn-set {
	position: absolute;
	bottom: 1vw;
	right: 1vw;
}

.positon-submit {
	position: relative;
}

.list-style-set {
	margin: 0vw;
	padding: 0vw;

}

.list-style-set li {
	list-style-type: none;
	line-height: 4vw;
}

.list-style-set li img {
	width: 3vw;
	margin-right: 1vw;
}

.without-bg {
	background: transparent;
	border: none;
	padding: 0;
}

.without-bg .table> :not(caption)>*>* {
	padding: 0.7vw 0;
}


.header-ul .nav-link.active,
.nav-pills .show>.nav-link {
	background-color: #0d6efd00;
}

.without-list {
	margin: 0;
	padding: 0;
}

.without-list li {
	list-style-type: none;
	line-height: 1.9vw;
}

.profile-enam {
	border-radius: 1vw;
	background-color: rgb(255, 216, 206);
	box-shadow: 0.4vw 0.4vw 0 #ebebeb;
	padding: 2vw 1vw 1vw 1vw;
}

.home-box-img img {
	width: 4vw;
}

.content-profile {
	width: 70%;
}

.home-box-btn {
	background-color: rgb(197, 29, 34);
	font-size: 1vw;
	color: rgb(255, 255, 255);
	text-decoration: none;
	border-radius: 10vw;
	display: inline-block;
	line-height: 2vw;
	padding: 0vw 1.2vw;
	cursor: pointer;
}

.green-bg {
	background-color: rgb(213, 244, 209);
}

.home-box-btn {
	color: rgb(255, 255, 255);
}

.home-box-heading {
	color: rgb(0, 0, 0);
	font-size: 1.4vw;
	font-weight: 400;
}


.light-yellow-bg {
	background-color: rgb(255, 236, 205);
}

.light-pink-bg {
	background-color: rgb(242, 210, 254);
}

.light-blue-bg {
	background-color: rgb(210, 249, 254);
	position: relative;
}

.mb-img div {
	width: 100%;
}

.mb-img {
	position: absolute;
	width: 84%;
	bottom: 2vw;
}

.brand-logo {
	width: 15.4vw;
}

.black-header {
	background-color: rgb(0, 0, 0);
}


.header-btn img {
	width: 1.5vw !important;
	margin-right: 0.2vw;
}

.header-btn {
	background-color: rgb(197, 29, 34);
	font-size: 1.2vw;
	font-family: "Poppins";
	color: rgb(255, 255, 255);
	line-height: 3vw;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding: 0vw 1.5vw !important;
	border-radius: 10vw;
	cursor: pointer;
	border: none;
}

.btn-gray-bg {
	background-color: rgb(51, 51, 51);
	padding: 0vw 1.2vw !important;
}

.btn-gray-bg:hover {
	background-color: rgb(97, 95, 95) !important;
}

.header-btn:hover {
	color: rgb(251 251 251);
	background-color: rgb(224 39 45);
}

.home-box-btn:hover {
	color: rgb(255, 255, 255);
}


.img-box-true-false {

	border-radius: 2vw;
	width: 32vw;
	box-shadow: 0.4vw 0.4vw 0 #d5f4d1;
	overflow: hidden;

}

.img-box-true-false img {
	width: 100%;
}


.table-bordered> :not(caption)>*>* {
	border-width: 0px 1px;
	background: #fff;
}

.watch-now {
	font-size: 1.2vw;
	font-family: "Poppins";
	color: rgb(0, 0, 0);
	line-height: 4vw;
	text-decoration: none;
}

.watch-now img {
	width: 2vw;
	margin-right: 0.6vw;
}

h3 {
	font-size: 2.2vw;
}

.red {
	color: #cc3333;
}

.list-circle li {
	list-style-type: square;
	line-height: 2.5vw;
	margin-left: 1.5vw;
}

.mange-div {
	border-radius: 19px;
	background-color: rgb(238, 238, 238);
	width: 8vw;
	height: 8vw;
	align-items: center;
	justify-content: center;
	display: flex;

}

.mange-div img {
	width: 3vw;
}

.or-text {
	margin-left: 1vw;
	margin-right: 1vw;
	font-size: 1.1rem;
}

.table-padding-set .table> :not(caption)>*>* {
	padding: 0vw 0;
	line-height: 0vw;
}


.mr-3 {
	margin-right: 1vw;
}

.link-sign a {
	text-decoration: none;
}

.over-content {
	line-height: 2vw;
}

b,
strong {
	font-weight: 600;
}


.form-group {
	display: block;
}

.form-group input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}

.form-group label {
	position: relative;
	cursor: pointer;
	font-size: 1.2vw;
	line-height: 3vw;
}

.form-group label:before {
	content: '';
	-webkit-appearance: none;
	background-color: #b7b7b7;
	padding: 0.8vw;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 5px;
	border-radius: 0.3vw;
}

.form-group input:checked+label:after {
	content: '';
	display: block;
	position: absolute;
	top: 1vw;
	left: 0.5vw;
	width: 0.5vw;
	height: 1vw;
	border: solid #ffffff;
	border-width: 0 0.2vw 0.2vw 0;
	transform: rotate(45deg);
}

.input-without-style {
	height: 2vw;
	border: none;
	border-bottom: 0.2vw dashed;
	width: 100%;
	margin-left: 1vw;
	margin-top: 0.5vw !important;
	border-radius: 0px;
	box-shadow: none;
	background: transparent;
	list-style-image: url(https://www.w3schools.com/cssref/sqpurple.gif);
}

.list-input li {
	display: flex;
	text-overflow: ellipsis;
	white-space: nowrap;

}


.input-without-style:focus {
	box-shadow: none;
	border-color: #cb252b;
	background: transparent;
}

.img-set-list {
	margin-top: 0vw;
}

.img-set-list li {
	margin-left: 0vw;
}


.button-fixed {
	position: fixed;
	bottom: 1vw;
	right: 8%;
}

.button-fixed .cf-set {
	padding-right: 0vw;
	padding-left: 0vw;
}

a {
	color: #cb2f2b;
	text-decoration: none;
	cursor: pointer;
	display: table-row-group;
}

.list-style-set li a {
	color: #000;
	cursor: pointer;
}

.wdth-table-yes {
	width: 19vw;
}

.h3 {
	font-size: 2.4vw;
	font-weight: 600;
}


.table-set tr td {
	font-size: 0.9rem;
	line-height: 1.4vw;
	vertical-align: middle;
}

.first-row-black td {
	background-color: rgb(0, 0, 0);
	color: #fff;
}

.first-td {
	width: 17vw;
}

.mange-icon img {
	width: 3vw;
	margin-right: 1vw;
}

.col-set {
	height: 2.9vw;
}

.without-border-input {
	width: 8vw;
	border: none;
	box-shadow: none;
}

.without-border-input:focus {
	background-color: #fff;
	border-color: #86b7fe00;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
}

.form-check {
	margin-bottom: 0rem;
}

.table-padding-0 {}

.table-padding-0 .table> :not(caption)>*>* {
	padding: 0vw 0;
}

.table-padding-0 .padding-set-table {
	padding-top: 1vw !important;
}

.table-padding-2 .table> :not(caption)>*>* {
	padding: 0.3vw 0;
}

.padding-adjust-table tr td {
	/* padding: 0px; */
}

.padding-adjust-table tr td .without-border-input {
	height: 3.2vw;
	width: 100%;
}

.list-number li {
	list-style-type: auto;
}

.tabble-reset-pa tr td {
	padding: 0.4vw 0.5vw;
}

.tabble-reset-pa tr td .without-border-input {
	height: 2vw;
}

.pn {
	display: flex;
	margin: 0px;
	padding: 0px;
}

.pn span {
	margin-right: 0.7vw;
}

.box-mange-img {
	border-style: solid;
	border-width: 1px;
	border-color: rgb(171, 171, 171);
	border-radius: 50%;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 10px 0px 0px rgb(0 0 0 / 8%);
	height: 25vw;
	padding: 4vw 10vw;
}

.box-mange-img a {
	cursor: pointer;
}

.img-box-text .img-box-content {
	font-size: 1vw;
	line-height: 1vw;
	color: #000;
	text-align: center;
}

.img-box-text .img-box-drag img {
	width: 5vw;
}

.img-box-text {}

.mb-set {
	margin-bottom: -120px;
}

.film-magazine {
	margin-top: -5vw;
	margin-left: -2vw;
}

.sling-bag {
	margin-left: -4vw;
	margin-bottom: -4vw;
}

.sahas {
	position: absolute;
	left: 2vw;
	top: 22vw;
}

.sahas-bag {
	border-width: 0.7vw;
	border-color: rgb(255, 255, 255);
	border-style: solid;
	border-radius: 50%;
	background-color: rgb(208, 246, 251);
	width: 15vw;
	height: 15vw;
	z-index: 51;
}

.sahas-btn {
	background-color: rgb(208, 246, 251);
	font-size: 2vw;
	font-family: "Poppins";
	color: rgb(0, 0, 0);
	text-transform: uppercase;
	line-height: 1.333;
	text-align: center;
	border-radius: 50vw;
	padding: 0.4vw 0vw;
	width: 15vw;
	margin-top: -2vw;
}

.sahas-bag img {
	width: 7vw;
	margin-top: 2vw;
}

.samar {
	position: absolute;
	right: 2vw;
	top: 22vw;
}

.samar-bag {
	border-width: 0.7vw;
	border-color: rgb(255, 255, 255);
	border-style: solid;
	border-radius: 50%;
	background-color: rgb(213, 244, 209);
	width: 15vw;
	height: 15vw;
	z-index: 52;
}

.samar-btn {
	background-color: rgb(213, 244, 209);
	background-color: rgb(213, 244, 209);
	font-size: 2vw;
	font-family: "Poppins";
	color: rgb(0, 0, 0);
	text-transform: uppercase;
	line-height: 1.333;
	text-align: center;
	border-radius: 50vw;
	padding: 0.4vw 0vw;
	width: 15vw;
	margin-top: -2vw;
	position: relative;
	z-index: 999;
}


.para-color-box {
	background-color: #fbe6e0;
	padding: 1vw 2vw;
}

.skipping-rope {
	margin-top: -4vw;
}

.ml-1 {
	margin-left: 1.3rem;
}

.para-scroll {
	max-height: 62vw;
	overflow: auto;
	height: 24vw;
}

.form-check-input:checked[type=checkbox] {
	background-image: url(../../assets/img/checkbox.svg);
	background-size: 1.3rem;
}

.runing-shoes {
	margin-right: -3vw;
	margin-top: -2vw;
}

.shaving-razor {
	margin-bottom: -4vw;
	margin-left: -4vw;
}

.text-justify {
	text-align: justify;
}

.chat-type {
	padding: 2vw 2vw;
	border-radius: 8% 0%;
	min-height: 27vw;
}

.box-radius {
	border-radius: 3vw;
	background: #FFFFFF;
	border: 1px solid #717171;
	box-sizing: border-box;
	/* padding: 6vw 1vw; */
	box-shadow: 0.5vw 0.5vw 0 #d5f4d1;
}



.chat-area {
	bottom: 1vw;
	width: 100%;
	background: #fff;
	padding-top: 0.5vw;
}

.send-icon {
	border: none;
	background: transparent;
}

.manage-height {
	height: 21vw;
}

.content-area-chat {
	max-height: 22vw;
	overflow: auto;
}

.chat-input {
	font-size: 1.2vw;
	border: none;
	font-family: Poppins;
	width: 100%;
}

.chat-input:focus-visible {
	outline: none;
}

.chat-me p {
	background: #fdeccd;
	display: inline;
	padding: 0.4vw 1.4vw;
	border-radius: 20vw;
	color: #000;
	font-size: 1vw;
	font-family: Poppins;
}

.float-right {
	float: right !important;
}

.chat-you {
	display: inline-flex;
	width: 90%;
	background: #f2f2f2;
	margin-top: 1vw;
	padding: 0.5vw 1vw;
	border-radius: 15px;
}

.chat-position {
	position: relative;
}

.h1-large {
	font-size: 5vw;
}







.plans .plan input[type="radio"] {
	position: absolute;
	opacity: 0;
}

.plans .plan .plan-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 1.5rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 0.1px solid #e1e2e7;
	border-radius: 1rem;
	-webkit-transition: -webkit-box-shadow 0.4s;
	transition: -webkit-box-shadow 0.4s;
	-o-transition: box-shadow 0.4s;
	transition: box-shadow 0.4s;
	transition: box-shadow 0.4s, -webkit-box-shadow 0.4s;
	position: relative;
	background: #ffff;
	margin: 0.5rem 0px;
}

.plans .plan .plan-content img {
	height: 5rem;
}

.plans .plan .plan-details span {
	margin-bottom: 10px;
	display: block;
	font-size: 20px;
	line-height: 24px;
	color: #252f42;
}

.container .title {
	font-size: 16px;
	font-weight: 500;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	color: #252f42;
	margin-bottom: 20px;
}

.plans .plan .plan-details p {
	color: #646a79;
	font-size: 14px;
	line-height: 18px;
}

.plans .plan .plan-content:hover {
	-webkit-box-shadow: 0px 3px 5px 0px #e8e8e8;
	box-shadow: 0px 3px 5px 0px #e8e8e8;
}

.plans .plan input[type="radio"]:checked+.plan-content:after {
	content: "";
	position: absolute;
	height: 1rem;
	width: 1rem;
	background: #db0204;
	right: 0.5vw;
	top: 0.6vw;
	border-radius: 100%;
	border: 0.2rem solid #fff;
	-webkit-box-shadow: 0px 0px 0px 2px #db0204;
	box-shadow: 0px 0px 0px 0.1vw #db0204;
}

.plans .plan input[type="radio"]:checked+.plan-content {
	border: 0.1vw solid #db0204;
	background: #f7f7f7;
	-webkit-transition: ease-in 0.3s;
	-o-transition: ease-in 0.3s;
	transition: ease-in 0.3s;
}

.list-style-circle li {
	list-style-type: circle;
	text-align: left;
}

.table-red> :not(caption)>*>* {
	border-width: 0.2vw 0.2vw;
	background: #c0504d;
	border-color: #fff;
	vertical-align: middle;
	padding: 0.1vw 1vw;
	line-height: 2vw;
	font-size: 1vw;
	font-weight: 400;

}

.table-text-color-black> :not(caption)>*>* {
	color: black;
}

.tableset-td> :not(caption)>*>* {
	vertical-align: middle;
	padding: 0.1vw 1vw;
	line-height: 2vw;
	font-size: 1vw;
	font-weight: 400;
	background: transparent;
}

.color-dark-red td {
	background-color: #dfa7a6;
	color: #000;
}

.color-dark-red td:first-child {
	background: #c0504d;
	color: #ffffff;
}

.color-dark-red2 td {
	background-color: #efd3d2;
	color: #000;
}

.arrow-none {
	background: #db0005;
	border: 1px solid #db0005;
	border-radius: 5vw;
	padding: 0.5vw 1.3vw;
	margin-right: 0.5vw;
	font-size: 1.3vw;
	line-height: 2vw;
}

.arrow-none::after {
	border: none;
}

.dropdown-menu {
	border: none;
	box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.08);
	border-radius: 10px;
	background-color: rgb(255, 255, 255);
}

.btn-secondary {
	--bs-btn-focus-shadow-rgb: none;
}


.dropdown-menu {
	position: relative;
	color: #fff;
	line-height: 5vw;
	padding: 1.2vw;
	margin-top: 2vw !important;
}

.dropdown-menu .nav-link:hover {
	color: #fff;
	background: #2296f1;
}

.dropdown-menu::after {
	width: 0;
	height: 0;
	border-left: 1.5vw solid transparent;
	border-right: 1.5vw solid transparent;
	border-bottom: 1.5vw solid #ffffff;
	top: -6px;
	left: 16%;
	position: absolute;
	z-index: 99999;
	content: "";
	transform: translateX(-50%);
}

.dropdown-item {
	padding: 0px 1vw;
	line-height: 3vw;
	color: #db0005;
}

.dropdown-item:hover,
.dropdown-item:focus {
	color: #db0005 !important;
	background-color: #c1c1c10a !important;
}

.dropdown-menu li {
	border-bottom: 1px solid #f7f7f7;
}

.dropdown-menu li:last-child {
	border-bottom: none;
}

.btn-check:checked+.btn,
.btn-check:active+.btn,
.btn:active,
.btn.active,
.btn.show {
	color: var(--bs-btn-active-color);
	background-color: rgb(235, 52, 58) !important;
	border-color: rgb(235, 52, 58) !important;
	box-shadow: none;
}

.btn:hover {
	color: var(--bs-btn-hover-color);
	background-color: rgb(235, 52, 58) !important;
	border-color: rgb(235, 52, 58) !important;
}

.manage-select:hover {
	background-color: rgb(235, 52, 58) !important;
	border-color: rgb(235, 52, 58) !important;
}

.nav-pills .nav-link {
	padding: 0px;
}

.dropdown-item.active,
.dropdown-item:active {
	color: #ed0000;
	background-color: #0d6efd00;
}

.manage-select {
	background: #db0005;
	border: 1px solid #db0005;
	border-radius: 5vw;
	padding: 0.4vw 1vw;
	line-height: 2.6vw;
	color: #fff;
	margin-right: 0.5vw;
	width: 10vw;
}

.custom-select {
	position: relative;
}

.select-item {
	background: #db0005;
	border: 1px solid #db0005;
	border-radius: 5vw;
	padding: 0.5vw 1.3vw;
	line-height: 2vw;
	color: #fff;
	cursor: pointer;
	font-size: 1.3vw;
}

.list-box.open {
	display: block;
}

.list-box.close {
	display: none;
}

.list-box {
	border: none;
	box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 8%);
	border-radius: 10px;
	background-color: rgb(255, 255, 255);
	color: #fff;
	padding: 1.2vw;
	margin-top: 2vw !important;
	position: absolute;
	width: max-content;
}

.list-box li {
	border-bottom: 1px solid #f7f7f7;
	list-style: none;
	padding: 0px 1vw;
	line-height: 3vw;
	color: #db0005;
	cursor: pointer;
}

.list-box li:last-child {
	border: none;
}

.list-box li:hover {
	color: #db0005 !important;
	background-color: #c1c1c10a !important;
}

.list-box li a:hover {
	color: #db0005 !important;
	background-color: #c1c1c10a !important;
}


.list-box::after {
	width: 0;
	height: 0;
	border-left: 1.5vw solid transparent;
	border-right: 1.5vw solid transparent;
	border-bottom: 1.5vw solid #ffffff;
	top: -14px;
	left: 16%;
	position: absolute;
	z-index: 99999;
	content: "";
	transform: translateX(-50%);
}

.close-box-design ul li {
	list-style: none;
	display: inline-block;
	border: 1px solid #f2f1f1;
	width: 4vw;
	height: 4vw;
	position: relative;
	padding: 0.4vw;
	background: #ffff;
	margin-right: 0.5vw;
}

.close-box-design ul li img {
	width: 100%;
}

.close-box-design ul li .btn-close {
	position: absolute;
	right: -0.6vw;
	top: -0.5vw;
	font-size: 0.9vw;
	z-index: 0;
}

.disabled-btn {
	opacity: 0.5;
}

.img-nox-red {
	background-color: rgb(238, 77, 55);
	box-shadow: 0.3vw 0.3vw 0 #e2e1e180;
	border-radius: 50vw;
	padding: 0.5vw 2vw;
	position: absolute;
	top: 4.7vw;
	left: 9vw;
	color: #fff;
	min-width: 22vw;
}

.red-light-img {
	width: 19vw;
}

.red-light-box {
	position: relative;
}

.start-number {
	clip-path: polygon(50% 5%, 64% 30%, 96% 35%, 71% 57%, 77% 89%, 50% 72%, 23% 89%, 25% 56%, 6% 37%, 36% 30%);
	padding: 0vw;
	background: #f1d638;
	font-size: 0.8vw;
	color: #000;
	height: 2.7vw;
	width: 2.5vw;
	text-align: center;
}

.red-box-profile {
	background-color: #c51d22;
	box-shadow: 0.3vw 0.3vw 0 #e2e2e2;
	padding: 0.5vw 2vw;
	border-radius: 0.3vw;
}

.star-design {
	/* clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
    background: #ffc905;
    width: 4vw;
    height: 4vw;
    display: flex;
    justify-content: center;
    align-items: center; */
}

.star-design {
	position: relative;
}

.content-position {
	position: absolute;
	top: 0.5vw;
	left: 1.1vw;
	color: #fff;
	font-weight: 600;
	font-size: 1.3vw;
}

.dark-blue-bg {
	background-color: rgb(182, 205, 250);
}

.headingsetporo .home-box-heading {
	line-height: 2.2vw;
}

.yellow-light .img-nox-red {
	background-color: rgb(250 237 127);
	top: 2vw;
	color: #000;
	opacity: ;
}

.green-light .img-nox-red {
	background-color: rgb(59 247 147);
	top: 2vw;
	color: #000;
}

.opacity-set {
	opacity: 0.5;
}

.first-width td:first-child {
	width: 6vw;
}

.list-style-lower-alpha li {
	list-style: lower-alpha;
	margin-left: 1.4vw;
	line-height: 2vw;
	margin-bottom: 0.5vw;
}






.text-primary {
	color: #5a8dee !important;
}

.btn-primary {
	border-color: #5a8dee !important;
	background-color: #5a8dee !important;
	color: #fff;
}

.shadow-md {
	box-shadow: 0px 5px 10px rgba(90, 116, 148, 0.3);
}

.navbar {
	padding: 0em;
}

.sidebar {
	width: 280px;
	min-height: 100vh;
	box-shadow: 0px 4px 8px rgb(0 0 0 / 16%);
	background-color: #fff;
	position: fixed;
	top: 0;
	left: -100%;
	z-index: 1;
	transition: 0.5s;
}

.sidebar.active {
	left: 0;
}

.sd-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px;
}

.sidebar-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	transition: 0.5s;
	opacity: 0;
	visibility: hidden;
}

.sidebar-overlay.active {
	opacity: 1;
	visibility: visible;
}

.sd-body {
	padding: 15px;
	max-height: calc(100vh - 67px);
	overflow-x: hidden;
}

.sd-body ul {
	display: inline-block;
	width: 100%;
	margin-bottom: 0;
	padding: 0;
}

.sd-body ul li {
	list-style: none;
	margin-bottom: 8px;
}

.sd-body ul li .sd-link {
	display: inline-block;
	width: 100%;
	padding: 10px 16px;
	color: #475f7b;
	background-color: #e5e8ec;
	border-radius: 4px;
	cursor: pointer;
	text-decoration: none;
}






.main-timeline {
	font-family: 'Poppins', sans-serif;
}

.main-timeline:after {
	content: '';
	display: block;
	clear: both;
}

.main-timeline .timeline {
	width: calc(50% - 1px);
	padding: 3px 0;
	margin: 0 2px 0 0;
	float: left;
}

.main-timeline .timeline-content {
	color: #777;
	/* background-color: #fff; */
	text-align: center;
	padding: 20px 60px 20px 0;
	display: block;
	position: relative;
}

.main-timeline .timeline-content:hover {
	text-decoration: none;
}

.main-timeline .timeline-content:before {
	content: '';
	background: #629BDD;
	width: 40px;
	transform: skewY(-20deg);
	position: absolute;
	right: -20px;
	top: 0;
	bottom: 0;
}

.main-timeline .timeline-year {
	color: #555;
	background-color: #629BDD;
	font-size: 25px;
	font-weight: 600;
	line-height: 100px;
	height: 100px;
	width: 100px;
	border-radius: 50%;
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
	right: -50px;
	z-index: 0;
}

.main-timeline .timeline-year:before {
	content: '';
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.4);
	position: absolute;
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
	z-index: -1;
}

.main-timeline .title {
	color: #629BDD;
	font-size: 22px;
	font-weight: 600;
	text-transform: capitalize;
	letter-spacing: 0.5px;
	margin: 0 0 5px;
	font-family: 'Poppins';
	font-weight: 500;
}

.main-timeline .description {
	font-size: 1vw;
	letter-spacing: 1px;
	line-height: 22px;
	margin: 0;
	font-family: 'Poppins';
	font-weight: 300;
}

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

.main-timeline .timeline:nth-child(even) .timeline-content {
	padding: 20px 0 20px 60px;
}

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

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

.main-timeline .timeline:nth-child(4n+2) .timeline-content:before,
.main-timeline .timeline:nth-child(4n+2) .timeline-year {
	background: #345DAC;
}

.main-timeline .timeline:nth-child(4n+2) .title {
	color: #345DAC;
}

.main-timeline .timeline:nth-child(4n+3) .timeline-content:before,
.main-timeline .timeline:nth-child(4n+3) .timeline-year {
	background: #BC6ADC;
}

.main-timeline .timeline:nth-child(4n+3) .title {
	color: #BC6ADC;
}

.main-timeline .timeline:nth-child(4n+4) .timeline-content:before,
.main-timeline .timeline:nth-child(4n+4) .timeline-year {
	background: #ba2574;
}

.main-timeline .timeline:nth-child(4n+4) .title {
	color: #ba2574;
}

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

	.main-timeline .timeline,
	.main-timeline .timeline:nth-child(even) {
		width: 100%;
		margin: 0 0 2px;
	}

	.main-timeline .timeline-content,
	.main-timeline .timeline:nth-child(even) .timeline-content {
		padding: 20px 0 20px 120px;
	}

	.main-timeline .timeline-content:before,
	.main-timeline .timeline:nth-child(even) .timeline-content:before {
		left: 30px;
	}

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


.termsc {
	left: 8%;
	right: auto;
}

.termsc ul li {
	display: inline;
	list-style-type: auto;
	text-decoration: underline;
}

.termsc ul li a {
	color: #0e5fd0;
}

.termsof-conditions-bg {
	position: fixed;
	overflow: auto;
}

.lower-roman li {
	list-style: lower-roman;
	margin-left: 1.4vw;
	line-height: 2vw;
	margin-bottom: 0.5vw;
}

.table-padding> :not(caption)>*>* {
	padding: 0.7vw 1vw !important;
}

.list-style-upper-alpha li {
	list-style: upper-alpha;
	line-height: 2.5vw;
	margin-left: 1.5vw;
}

.td-red {
	background-color: #ff0000 !important;
}

.td-green {
	background-color: #59b438 !important;
}

.td-yellow {
	background-color: #ffc200 !important;
}

.td-blue {
	background-color: #041564 !important;
}

.width-20 {
	width: 20vw;
}


.decimal li {
	list-style: decimal;
	margin-left: 1.4vw;
	line-height: 2vw;
	margin-bottom: 0.5vw;
}

.dragarea {
	background-color: #fff;
	color: #000;
	min-height: 6vw;
	padding: 0px 1em;
}

.drag-table td {
	padding: 2px !important;
}

.table-padding-less> :not(caption)>*>* {
	padding: 0.3vw 1vw !important;
}


.chat-area {
	border: 1px solid #e3e3e3;
	padding: 17px;
	border-radius: 1em 1em;
}

.left-chat {
	display: flex;
	margin-bottom: 0.5em;
}

.left-chat span {
	background-color: #db0005;
	width: 3vw;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	height: 3vw;
}

.left-chat p {
	background-color: #db0005;
	margin-left: 0.5em !important;
	padding: 0.2em 0.9em;
	border-radius: 0 0 1.5em 0;
	margin: 0;
	max-width: 70%;
	color: #fff;
}

.right-chat span {
	background-color: #0094db;
}

.right-chat p {
	margin-right: 0.5em !important;
	background-color: #0091e2;
	color: #fff;
	border-radius: 0 0 0 1.5em;
}

.navbar-brand {
	padding-top: 0;
	padding-bottom: 0em;
	margin-right: 0em;
}

.navbar-toggler {
	padding: 0px;
	border: none;
}

.navbar-toggler span {
	background-image: none;
	background: #000;
	width: 0.8em;
	height: 0.1em;
	display: inherit;
	margin: 5px 0px;
}

.navbar-toggler:focus {
	box-shadow: none;
}

.img-box-text.dragging {
	opacity: 0.3;
}

.box-mange-img .col-lg-2 a {
	display: block;
	/* height: 100px; */
}

.close-box-design .img-box-text {
	margin: 0 !important;
}

.close-box-design .img-box-drag {
	max-width: 100px;
}

.close-box-design .img-box-content {
	display: none;
}

.form-label {
	font-size: 1.2vw;
}

.color-div {
	font-size: 1.2vw;
}

.table-width-set td {
	width: 33.33%;
}

.dragarea ul {
	margin: 0px;
	padding: 1em;
}

.table-white> :not(caption)>*>* {
	background: #ffff;
	border-color: #c0504d;
	vertical-align: inherit;
}

.list-text-whtie li {
	color: #fff;
}

.modal.show .modal-dialog {
	transform: none;
	display: flex;
	justify-content: center;
	align-items: center;
	/* height: 100vh; */
	margin-top: 1vw;
	margin-bottom: 1vw;
}


.file-input__input {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.file-input__label {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	border-radius: 100vw;
	font-size: 1vw;
	font-weight: 600;
	color: #fff;
	font-size: 1vw;
	padding: 0vw 1vw;
	background-color: #db0204;
	box-shadow: 0.2rem 0.2rem 0 #ebebeb;
}

.file-input__label svg {
	height: 16px;
	margin-right: 4px;
}




.home-box {
	border: 1px solid #f1f1f1;
	/* background-color: rgb(213, 244, 209); */
	padding: 0.5vw 1.2vw;
	border-radius: 13px;
	box-shadow: none;
}

.price {
	font-size: 1.5vw;
	line-height: 2vw;
}

.price-content {
	font-size: 1vw;
	line-height: 2vw;
}



.tile {
	width: 80%;
	margin: 60px auto;
}

#tile-1 .tab-pane {
	padding: 15px;
	height: 80px;
}

#tile-1 .nav-tabs {
	position: relative;
	border: none !important;
	background-color: #fff;
	/*   box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); */
	border-radius: 6px;
}

#tile-1 .nav-tabs li {
	margin: 0px !important;
}

#tile-1 .nav-tabs li a {
	position: relative;
	margin-right: 0px !important;
	padding: 20px 40px !important;
	font-size: 16px;
	border: none !important;
	color: #333;
}

#tile-1 .nav-tabs a:hover {
	background-color: #fff !important;
	border: none;
}

#tile-1 .slider {
	display: inline-block;
	width: 30px;
	height: 4px;
	border-radius: 3px;
	background-color: #39bcd3;
	position: absolute;
	z-index: 1200;
	bottom: 0;
	transition: all 0.4s linear;
}

#tile-1 .nav-tabs .active {
	background-color: transparent !important;
	border: none !important;
	color: #39bcd3 !important;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: var(--bs-nav-pills-link-active-color);
	background-color: #d50000;
}

.list-set .nav-link {
	padding: 0.2vw 2vw;
	color: #000;
	border: 1px solid #efefef;
	margin-right: 0.4vw;
	background: #fff;
}

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

.multi-btn-set .btn {
	margin-right: 0.8rem;
	margin-bottom: 0.8rem;
}

.masculinity-box {
	border: 1px dashed #ebafb0;
	max-width: 22vw;
	padding: 3vw 0;
	background: #ffe0e0;
	border-radius: 50%;
	margin: auto;
}

.masculinity-box h3 {
	text-align: center;
}

.ul-p-0 {
	margin: auto;
}

.lavel-content-set .form-check-label {
	line-height: 2vw;
	margin-top: 1px;
}

.lavel-content-set .form-check {
	margin-bottom: 0.7rem;
}

.display-inline {
	display: inline;
}

.select-op-new .plan {
	width: 100%;
	cursor: pointer;
}

.select-op-new .plans .plan .plan-content img {
	width: 100%;
	height: auto;
}

.select-op-new .plans .plan .plan-content {
	padding: 0.7rem;
}

.select-op-new .select-pset {
	padding-right: 0.2em;
	padding-left: 0.2em;
}

.select-op-new .plans .plan input[type="radio"]:checked+.plan-content {
	background: #ffffff;
}

.select-op-new .plans .plan input[type="radio"]:checked+.plan-content:after {
	content: "";
	right: -0.1vw;
	top: -0.2vw;
}

.mb-7 {
	margin-bottom: 5rem !important;
}

.table-chaeck .form-check-label {
	margin-left: 0.7vw !important;
	line-height: 1.7vw !important;
	margin-top: 0.2vw !important;
}



.identities-design .plans .plan .plan-content {
	margin: 0.2rem 0px;
	padding: 0vw 1.5vw;
	transition: all 0.5s;
	border-radius: 0.4vw;
}

.identities-design .plans .basic-plan {
	width: 91%;
}

.identities-design .plans .complete-plan {
	width: 90%;
}

.identities-design .plans .plan input[type="checkbox"]:checked+.plan-content {
	border: 0.1vw solid #ffffff00;
	background: #db0204;
	-webkit-transition: ease-in 0.3s;
	-o-transition: ease-in 0.3s;
	transition: ease-in 0.3s;
	margin-right: -1.5vw;
	margin-left: 1.5vw;
	color: #fff;
}

.identities-design .plans .plan input[type="checkbox"] {
	position: absolute;
	opacity: 0;
}

.list-cursor li {
	cursor: pointer;
	display: table;
}

.thumb-design {
	margin-left: 1.3vw;
}

.table-width-set ul li {
	cursor: pointer;
}

.thumb-design .plan .plan-content {
	padding: 0.5vw;
	margin: 0px;
	border-radius: 100vw;
	margin-right: 0.3vw;
	cursor: pointer;
}

.thumb-design .plan input[type="radio"]:checked+.plan-content:after {
	content: "";
	background: transparent;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.thumb-design .plan .plan-content img {
	height: 1.5rem;
}





.serviceBox {
	font-family: 'Poppins', sans-serif;
	padding: 1vw;
	margin: 5px 0 0 5px;
	border-radius: 0px;
	box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.3);
	transition: all 0.3s ease 0s;
}

.serviceBox:hover {
	background: #cbdbe8;
}

.serviceBox .service-icon img {
	width: 6vw;
}

.serviceBox .description {
	color: #000;
	font-size: 1vw;
	line-height: 1.6vw;
	margin: 0 0 0px;
	transition: all 0.3s ease 0s;
	text-align: center;
}

.serviceBox .read-more {
	color: #FB374D;
	font-size: 1vw;
	transition: all 0.3s ease 0s;
	text-align: center;
	display: block;
	font-weight: 400;
}

.social-word a {
	margin-right: 1vw;
	margin-top: 1vw;
}



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

.boxer .box-row {
	display: table-row;
}

.boxer .box-row:first-child {
	font-weight: bold;
}

.boxer .box {
	display: table-cell;
	vertical-align: top;
	border: 1px solid #dedede;
	padding: 0.5vw 1.4vw;
	line-height: 1.8vw;
	font-size: 1.1vw;
	font-weight: 400;
}

.div-area {
	width: 100%;
}

.div-area .col-marge {
	width: 100%;
}


.t-header .box {
	font-size: 1.1vw;
	font-weight: 600;
	text-transform: capitalize;
	background: #db0204;
	color: #fff;
}

.div-area .box {
	border-bottom: none;
}

.hand-cursor [draggable] {
	cursor: pointer;
}


.serviceBox2 {
	padding: 1vw 0.4vw;
	text-align: center;
	background: #ffd7cb;
	border-top: 0vw solid #e60000;
	border-bottom: 0vw solid #e60000;
	position: relative;
	width: 100%;
	margin-bottom: 3vw;
}

.serviceBox2:before {
	content: "";
	border-top: 0 solid #e60000;
	border-right: 0 solid transparent;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all 0.3s ease 0s;
}

.serviceBox2:hover:before {
	border-top-width: 2vw;
	border-right-width: 2vw;
}

.serviceBox2:after {
	content: "";
	border-bottom: 0 solid #e60000;
	border-left: 0 solid transparent;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	transition: all 0.3s ease 0s;
}

.serviceBox2:hover:after {
	border-bottom-width: 2vw;
	border-left-width: 2vw;
}

.serviceBox2 .service-icon {
	display: inline-block;
	width: 6vw;
	line-height: 2vw;
	border-radius: 2vw;
	border: 0.1vw solid #e60000;
	background: #ffd6c8;
	font-size: 1vw;
	color: #e60000;
	margin-bottom: 1vw;
	position: relative;
}

.serviceBox2 .title {
	font-size: 1.2vw;
	font-weight: 700;
	color: #e60000;
	letter-spacing: 0;
	margin: 0 0 12px 0;
	position: relative;
	transition: all 0.3s ease 0s;
	font-weight: 600;
}

.serviceBox2:hover .title {
	color: #000;
}

.serviceBox2 .description {
	font-size: 1vw;
	color: #5a5a5a;
	letter-spacing: 0;
	line-height: 1.4vw;
	margin: 0;
}

@media only screen and (max-width:990px) {
	.serviceBox {
		margin-bottom: 20px;
	}
}

.box-drag {
	background-color: #c8149f;
	text-align: center;
	margin-top: 0.3vw;
	margin-bottom: 0.3vw;
	padding: 0.7vw 0vw;
}

.family-c {
	background-color: #fea94b;
}

.list-inline ul li {
	display: block;
	width: auto;
	padding-left: 1vw;
	height: auto;
	line-height: 22px;
	padding: 0.4vw 0.7vw;
	cursor: pointer;
	margin-bottom: 0.3vw;
}

.list-inline ul {
	padding-left: 0px;
}

.friend-c {
	background-color: #99cd55;
}

.acquaintance-c {
	background-color: #fffb34;
}

.interaction-c {
	background-color: #fdbf30;
}

.interaction-c {
	background-color: #fdbf30;
}

.strangers-c {
	background-color: #fb0d1b;
}

.cursor-pointer li {
	cursor: pointer;
}

.five-call-set .col {
	width: 20%;
}


.table {
	display: table;
	border-collapse: collapse;
}

.table .tr {
	display: table-row;
	border: 1px solid #ddd;
	background: #fcdddd;
}

/* .table .tr:first-child {
  border-bottom: 2px solid #ddd;
} */
.table .tr:nth-child(even) {
	background-color: #ed0000;
	color: #fff;
}

.table .tr .td {
	display: table-cell;
	padding: 8px;
	border-left: 1px solid #ddd;
}

.table .tr .td:first-child {
	border-left: 0;
}

.div-table,
.table-tag {
	float: left;
	margin: 2em;
}

.div-table .title,
.table-tag .title {
	text-align: center;
	padding-bottom: 0.5em;
}

.carousel-control-prev-icon {
	background: #db0204;
	line-height: 33px;
	border-radius: 100%;
}

.carousel-control-prev,
.carousel-control-next {
	opacity: 0.9;
	width: auto;
}

.carousel-control-prev {
	left: -1.4vw;
}

.carousel-control-next-icon {
	background: #db0204;
	line-height: 33px;
	border-radius: 100%;
}

.carousel-control-next {
	right: -1.4vw;
}












.plugin-setting-list li {
	position: relative;
	padding-left: 30px;
	font-size: 16px;
	color: #000000;
	list-style-type: none;
	margin-bottom: 15px;
}

.plugin-setting-list li:before {
	content: "";
	position: absolute;
	left: 0;
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-check' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M5 12l5 5l10 -10'%3E%3C/path%3E%3C/svg%3E");
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #3cb371;
	border-radius: 100%;
}

.kwt-file {
	max-width: fit-content;
}

.kwt-file__drop-area {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0.7vw 2vw 0.7vw 1vw;
	background-color: #ffffff;
	border-radius: 1vw;
	box-shadow: 0 10px 30px rgb(0 0 0 / 7%);
	transition: 0.3s;
}

.kwt-file__drop-area.is-active {
	background-color: #d1def0;
}

.kwt-file__choose-file {
	flex-shrink: 0;
	background-color: #1d3557;
	border-radius: 100%;
	margin-right: 10px;
	color: #ffffff;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.kwt-file__choose-file.kwt-file_btn-text {
	border-radius: 4px;
	width: auto;
	height: auto;
	padding: 10px 20px;
	font-size: 14px;
}

.kwt-file__choose-file svg {
	width: 24px;
	height: 24px;
	display: block;
}

.kwt-file__msg {
	color: #1d3557;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.kwt-file__input {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	cursor: pointer;
	opacity: 0;
}

.kwt-file__input:focus {
	outline: none;
}

.kwt-file__delete {
	display: none;
	position: absolute;
	right: 10px;
	width: 18px;
	height: 18px;
	cursor: pointer;
}

.kwt-file__delete:before {
	content: "";
	position: absolute;
	left: 0;
	transition: 0.3s;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%231d3557' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 438.5 438.5'%3e%3cpath d='M417.7 75.7A8.9 8.9 0 00411 73H323l-20-47.7c-2.8-7-8-13-15.4-18S272.5 0 264.9 0h-91.3C166 0 158.5 2.5 151 7.4c-7.4 5-12.5 11-15.4 18l-20 47.7H27.4a9 9 0 00-6.6 2.6 9 9 0 00-2.5 6.5v18.3c0 2.7.8 4.8 2.5 6.6a8.9 8.9 0 006.6 2.5h27.4v271.8c0 15.8 4.5 29.3 13.4 40.4a40.2 40.2 0 0032.3 16.7H338c12.6 0 23.4-5.7 32.3-17.2a64.8 64.8 0 0013.4-41V109.6h27.4c2.7 0 4.9-.8 6.6-2.5a8.9 8.9 0 002.6-6.6V82.2a9 9 0 00-2.6-6.5zm-248.4-36a8 8 0 014.9-3.2h90.5a8 8 0 014.8 3.2L283.2 73H155.3l14-33.4zm177.9 340.6a32.4 32.4 0 01-6.2 19.3c-1.4 1.6-2.4 2.4-3 2.4H100.5c-.6 0-1.6-.8-3-2.4a32.5 32.5 0 01-6.1-19.3V109.6h255.8v270.7z'/%3e%3cpath d='M137 347.2h18.3c2.7 0 4.9-.9 6.6-2.6a9 9 0 002.5-6.6V173.6a9 9 0 00-2.5-6.6 8.9 8.9 0 00-6.6-2.6H137c-2.6 0-4.8.9-6.5 2.6a8.9 8.9 0 00-2.6 6.6V338c0 2.7.9 4.9 2.6 6.6a8.9 8.9 0 006.5 2.6zM210.1 347.2h18.3a8.9 8.9 0 009.1-9.1V173.5c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a8.9 8.9 0 00-9.1 9.1V338a8.9 8.9 0 009.1 9.1zM283.2 347.2h18.3c2.7 0 4.8-.9 6.6-2.6a8.9 8.9 0 002.5-6.6V173.6c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a9 9 0 00-6.6 2.6 8.9 8.9 0 00-2.5 6.6V338a9 9 0 002.5 6.6 9 9 0 006.6 2.6z'/%3e%3c/svg%3e");
}

.kwt-file__delete:after {
	content: "";
	position: absolute;
	opacity: 0;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%) scale(0);
	background-color: #1d3557;
	border-radius: 50%;
	transition: 0.3s;
}

.kwt-file__delete:hover:after {
	transform: translate(-50%, -50%) scale(2.2);
	opacity: 0.1;
}

.d-inline-block {
	display: inline-block;
}

.hand-cursor li {
	cursor: pointer;
}

.line-height-24 {
	line-height: 24px;
}

.hand-cursor-none {
	cursor: inherit;
}

.list-line-height li {
	line-height: 2.5vw;
}

.list-line-height .input-without-style {
	margin-left: 0vw;
	height: 2.7vw;
}

.line-height-4 {
	line-height: 4vw;
}

.edit-button {
	/* border: none */
	border: none;
	background: transparent;
}

.flex-box{
    position:relative;
    font-weight: 700;
    font-size: 16px;;
}

.road_map{
    position: absolute;
}

.road_map div{
    cursor: pointer;
}

.flex-box > div:nth-child(1){
    color:red;
    top:10%;
}

.circul{
    width:50px;
    height:50px;
    border-radius: 50%;
    border: 4px solid #257893;
    position:relative;
    top: 196px;
    left: 20px;
    color: white;
    box-shadow: -5px 5px 5px #c6a57a38, 0 0 0 10px rgb(37 120 147 / 35%), 0 0 0 20px rgb(37 120 147 / 13%);
}

.circul:after{
    content:'';
    position:absolute;
    width: 8px;
    height: 8px;
    background: #257893;
    border-radius: 50%;
    bottom: -55px;
    left: 19px;
}

.circul:before{
    content:'';
    position: absolute;
    width: 4px;
    height: 50px;
    background-color: #257893;
    left: 21px;
    top: 100%;
}

.circul2{
    width:50px;
    height:50px;
    border-radius: 50%;
    border: 4px solid #cb2f2b;
    position:relative;
    top: 76px;
    left: 217px;
    box-shadow: -5px 5px 5px #c6a57a38, 0 0 0 10px rgb(203 47 43 / 23%), 0 0 0 20px rgb(203 47 43 / 20%);
    color:black
}

.circul2:after{
    content:'';
    position:absolute;
    width: 8px;
    height: 8px;
    background:#cb2f2b;
    border-radius: 50%;
    bottom: -55px;
    left: 19px;
}

.circul2:before{
    content:'';
    position: absolute;
    width: 4px;
    height: 50px;
    background-color: #cb2f2b;
    left: 21px;
    top: 99%;
}


.circul3{
    width:50px;
    height:50px;
    border-radius: 50%;
    border: 4px solid #f69220;
    position:relative;
    top: 211px;
    left: 167px;
    box-shadow: -5px 5px 5px #f6922047, 0 0 0 10px rgb(246 146 32 / 23%), 0 0 0 20px rgb(246 146 32 / 25%);
    color: white;
}

.circul3:after{
    content:'';
    position:absolute;
    width: 8px;
    height: 8px;
    background:#f69220;
    border-radius: 50%;
    bottom: -55px;
    left: 19px;
    animation: animated 2s infinite;
}

.circul3:before{
    content:'';
    position: absolute;
    width: 4px;
    height: 50px;
    background-color: #f69220;
    left: 21px;
    top: 99%;
}

.circul4{
    width:50px;
    height:50px;
    border-radius: 50%;
    border: 4px solid #a6a1a1;
    position:relative;
    top: 210px;
    left: 415px;
    box-shadow: -5px 5px 5px #b5b5b5, 0 0 0 10px rgb(166 161 161 / 36%), 0 0 0 20px rgb(166 161 161 / 22%);
    color:black
}

.circul4:after{
    content:'';
    position:absolute;
    width: 8px;
    height: 8px;
    background:#a6a1a1;
    border-radius: 50%;
    bottom: -55px;
    left: 19px;
}

.circul4:before{
    content:'';
    position: absolute;
    width: 4px;
    height: 50px;
    background-color: #a6a1a1;
    left: 21px;
    top: 99%;
}


.circul5{
    width:50px;
    height:50px;
    border-radius: 50%;
    border: 4px solid #2faec2;
    position:relative;
    top: 368px;
    left: 498px;
    color:#2faec2;
    box-shadow: -5px 5px 5px #c6a57a38, 0 0 0 10px rgb(37 120 147 / 35%), 0 0 0 20px rgb(37 120 147 / 13%);
}

.circul5:after{
    content:'';
    position:absolute;
    width: 8px;
    height: 8px;
    background:#2faec2;
    border-radius: 50%;
    bottom: -55px;
    left: 19px;
}

.circul5:before{
    content:'';
    position: absolute;
    width: 4px;
    height: 50px;
    background-color: #2faec2;
    left: 21px;
    top: 99%;
}


.circul6{
   width: 50px;
   height: 50px;
   border-radius: 50%;
   border: 4px solid #ffbc00;
   position: relative;
   top: 72px;
   box-shadow: -5px 5px 5px #f6922047, 0 0 0 10px rgb(246 146 32 / 23%), 0 0 0 20px rgb(246 146 32 / 25%);
   left: 742px;
   color: #1d1c1c;
}

.circul6:after{
    content:'';
    position:absolute;
    width: 8px;
    height: 8px;
    background:#ffbc00;
    border-radius: 50%;
    bottom: -55px;
    left: 19px;
    animation: animated 2s infinite;

}

.circul6:before{
    content:'';
    position: absolute;
    width: 4px;
    height: 50px;
    background-color: #ffbc00;
    left: 21px;
    top: 99%;
}

@keyframes animated{
    0%{
        box-shadow: 0 0 0 0;
    }

    100%{
        box-shadow: 0 0 0 10px#ffbb006e;
    }
}


.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;

  }

  /* The actual popup */
  .popup .popuptext {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: -26%;
    left: 88%;
    margin-left: -80px;
  }

  /* Popup arrow */
  .popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }

  /* Toggle this class - hide and show the popup */
  .popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
  }

  /* Add animation (fade in the popup) */
  @-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
  }

  @keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
  }

  body {
	font-family: 'Poppins' !important;
	font-style: normal;
	font-size: 1.2vw;
	line-height: 3vw;

	color: #18191F;
}


.wrapper {
	background-image: url(../../assets/img/chapter1/c-bg.svg);
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding: 0vw 0px 4vw;
	min-height: 100vh;
}

.red-box-profile img {
	width: 35px;
}

.page-auto {
	height: auto;
}

.vidoe-bg {
	background-image: url(../../assets/img/chapter1/bg-video.png);
}

.bg-bd-2 {
	background-image: url(../../assets/img/bg-md-2.png) !important;
}

.md-5-bg {
	background-image: url(../../assets/img/md5/md-5-bg.png) !important;
}

.cf-set {
	padding-right: 8%;
	padding-left: 8%;
}

.fixed-header {
	width: 100%;
	z-index: 1;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 8%);
	display: flex;
	justify-content: center;
	align-items: center;
	/* height: 5vw; */
	position: relative;
	margin-bottom: 1vw;
}

.overscroll {
	height: auto !important;
}

.overscroll .data-adjust {
	height: auto !important;
}

.data-adjust {
	/* display: flex;
	justify-content: center;
	align-items: center; */
	/* height: 85vh; */
	width: 100%;
	min-height: 485px;
	margin-top: 1vw;

}



.home-icon {
	color: #fff;
	background-color: rgb(203, 37, 43);
	padding: 1vw 1vw;
	font-size: 2.4vw;
	border-radius: 0vw;
	margin-right: 1vw;
}

.home-icon:hover {
	background-color: rgb(235, 52, 58);
}

.progress-wset {
	width: 15vw;
}

.prog-box {
	background-color: rgb(235, 235, 235);
	padding: 0.3vw 1.5vw;
	border-radius: 10vw;
	align-items: center;
	justify-content: center;
	height: 3vw;
}

.prog-box div {
	margin-left: 0.3vw;
	/* margin-right: 0.2vw; */
}

.progress-bar {
	border-radius: 4px;
	background-color: rgb(203, 37, 43);
	margin-left: 0px !important;
}

.progress {
	border-radius: 4px;
	background-color: rgb(255, 255, 255);
	height: 0.7vw;
}

.header-ul {
	justify-content: center;
	align-items: center;
}

.header-ul li {
	margin-right: 0.3vw;
	margin-left: 0.3vw;
}

.m-star-icon {
	font-size: 1.4vw;
	margin-bottom: 0px;
}

.m-star-icon i {
	color: #f1b243;
}

.header-ul li a {
	padding: 0;
}

.header-ul img {
	width: 2.5vw;
}



.what-gender {
	font-size: 6vw;
	font-family: "Poppins";
	color: rgb(0, 0, 0);
	font-weight: 700;
	line-height: 7vw;
}

.lets-start {
	background-color: rgb(203, 37, 43);
	font-size: 2vw;
	color: rgb(255, 255, 255);
	line-height: 4.5vw;
	text-align: center;
	padding: 0 3vw;
	border-radius: 75vw;
	text-decoration: none;
	font-weight: 300;
	display: inline-block;
}

.lets-start:hover {
	color: #fff;
}

.prog-text {
	font-size: 1vw;
}

p {
	font-size: 1.2vw;
	font-family: "Poppins";
	color: rgb(0, 0, 0);
	font-weight: 400;
	line-height: 2vw;
	margin-bottom: 0.5vw;
	margin-top: 0.5vw;
}


.form-check-input {
	width: 1.8vw;
	height: 1.8vw;
	margin-top: 0.25em;
	vertical-align: center;
}

.form-check-label {
	margin-left: 0.5vw;
	line-height: 2.4vw;
	display: block;
	/* text-transform: capitalize; */
}

.custom-check:checked {
	background-color: #ebebeb;
	border-color: #ebebeb;
}

.custom-check:focus {
	border-color: #ebebeb;
	box-shadow: 0 0 0 0.25rem rgb(211 211 211 / 20%);
}

.form-check-input:checked[type=radio] {
	background-image: url(../../assets/img/chapter1/circle.svg);
	background-size: 1.4rem;
	background-position: center;
}

.form-control {
	display: block;
	width: 100%;
	padding: 0.6vw 1vw;
	font-size: 1vw;
	font-weight: 400;
	line-height: 2vw;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	appearance: none;
	border-radius: 0.6rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	border-style: solid;
	border-width: 0.1vw;
	border-color: rgb(111, 111, 111);
	background-color: rgb(255, 255, 255);
	opacity: 1;
	box-shadow: 0.2rem 0.2rem 0 #ebebeb;
}

.h1 {
	font-size: 3.5vw;
	font-family: "Poppins";
	color: rgb(0, 0, 0);
	font-weight: 600;
	line-height: 1.1;
}





.button_su {
	background: transparent;
	overflow: hidden;
	position: relative;
	display: inline-block;
	border-radius: 30vw;
	margin-bottom: 0;
	border: none;
	padding: 0;
	margin: 10px 0.1vw;
}

.su_button_circle {
	background-color: red;
	border-radius: 1000px;
	position: absolute;
	left: 0;
	top: 0;
	width: 0px;
	height: 0px;
	margin-left: 0px;
	margin-top: 0px;
	pointer-events: none;
}

.button_su_inner {
	background: #cb2f2b;
	color: #f4f4f4 !important;
	font-size: 1.2vw;
	font-weight: normal;
	text-align: center;
	border-radius: 0vw;
	transition: 400ms;
	text-decoration: none;
	padding: 0 2vw;
	z-index: 100000;
	line-height: 3.5vw;
	display: inline-block;
	border: none;
	border-radius: 5vw;
}

/* .button_text_container {
	position: relative;
	z-index: 10000;
  } */

.explode-circle {
	animation: explode 0.5s forwards;
}

.desplode-circle {
	animation: desplode 0.5s forwards;
}

@keyframes explode {
	0% {
		width: 0px;
		height: 0px;
		margin-left: 0px;
		margin-top: 0px;
		background-color: rgba(42, 53, 80, 0.2);
	}

	100% {
		width: 400px;
		height: 400px;
		margin-left: -200px;
		margin-top: -200px;
		background-color: #ff4e54
	}
}

@keyframes desplode {
	0% {
		width: 400px;
		height: 400px;
		margin-left: -200px;
		margin-top: -200px;
		background-color: #ff4e54
	}

	100% {
		width: 0px;
		height: 0px;
		margin-left: 0px;
		margin-top: 0px;
		background-color: rgba(129, 80, 108, 0.6);
	}
}

.gray-btn .button_su_inner {
	background: #b9b6b6;
	color: #ffffff !important;
}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999999999;
	background: #fcfefc url("../../assets/img/chapter1/memes-loading.gif") 50% 50% no-repeat;
}


.h2 {
	font-size: 3.1vw;
	font-family: "Poppins";
	color: rgb(0, 0, 0);
	font-weight: 600;
	line-height: 1.2;
}



.alert {
	line-height: 2vw;
	box-shadow: 0.2rem 0.2rem 0 #ebebeb;
	color: #fff;
	background-color: #497ebb;
	padding: 1.6vw 3vw;
	font-size: 1.1vw;
	border-radius: 2vw;
}

.custom-btn {
	border-radius: 4vw;
	padding: 0px 2vw;
	line-height: 3.1vw;
	background-color: rgb(235, 235, 235);
	font-size: 1.2vw;
	font-family: "Poppins";
	color: rgb(153, 153, 153);
	text-align: center;
	border: 1px solid #eee;
}


.wiout-border-table {
	border-style: solid;
	border-width: 0.1vw;
	border-color: rgb(235 235 235);
	border-radius: 1vw;
	background-color: rgb(255, 255, 255);
	padding: 2vw;
}

.wiout-border-table .table> :not(caption)>*>* {
	padding: 0.4vw 1vw;
	border-bottom: none;
	/* line-height: 1.6vw; */
	vertical-align: middle;
}

.widthset-td {
	width: 20vw;
}

.wiout-border-table .table tr td:first-child {
	line-height: 1.6vw;
}


.modal-bg-blue {
	border-radius: 2vw;
	background-color: rgb(92 92 92);
	padding: 2vw;
}


.close-set {
	background-color: #ffffff;
	color: #497ebb !important;
	opacity: 1;
	padding: 0.7vw;
	border-radius: 10vw;
	position: absolute;
	right: -15px;
	top: -15px;
	background-image: none;
	line-height: 1.5vw;
}

.submit-btn-set {
	position: absolute;
	bottom: 1vw;
	right: 1vw;
}

.positon-submit {
	position: relative;
}

.list-style-set {
	margin: 0vw;
	padding: 0vw;

}

.list-style-set li {
	list-style-type: none;
	line-height: 4vw;
}

.list-style-set li img {
	width: 3vw;
	margin-right: 1vw;
}

.without-bg {
	background: transparent;
	border: none;
	padding: 0;
}

.without-bg .table> :not(caption)>*>* {
	padding: 0.7vw 0;
}


.header-ul .nav-link.active,
.nav-pills .show>.nav-link {
	background-color: #0d6efd00;
}

.without-list {
	margin: 0;
	padding: 0;
}

.without-list li {
	list-style-type: none;
	line-height: 1.9vw;
}

.profile-enam {
	border-radius: 1vw;
	background-color: rgb(255, 216, 206);
	box-shadow: 0.4vw 0.4vw 0 #ebebeb;
	padding: 2vw 1vw 1vw 1vw;
}

.home-box-img img {
	width: 4vw;
}

.content-profile {
	width: 70%;
}

.home-box-btn {
	background-color: rgb(197, 29, 34);
	font-size: 1vw;
	color: rgb(255, 255, 255);
	text-decoration: none;
	border-radius: 10vw;
	display: inline-block;
	line-height: 2vw;
	padding: 0vw 1.2vw;
	cursor: pointer;
}

.green-bg {
	background-color: rgb(213, 244, 209);
}

.home-box-btn {
	color: rgb(255, 255, 255);
}

.home-box-heading {
	color: rgb(0, 0, 0);
	font-size: 1.4vw;
	font-weight: 400;
}


.light-yellow-bg {
	background-color: rgb(255, 236, 205);
}

.light-pink-bg {
	background-color: rgb(242, 210, 254);
}

.light-blue-bg {
	background-color: rgb(210, 249, 254);
	position: relative;
}

.mb-img div {
	width: 100%;
}

.mb-img {
	position: absolute;
	width: 84%;
	bottom: 2vw;
}

.brand-logo {
	width: 15.4vw;
}

.black-header {
	background-color: rgb(0, 0, 0);
}


.header-btn img {
	width: 1.5vw !important;
	margin-right: 0.2vw;
}

.header-btn {
	background-color: rgb(197, 29, 34);
	font-size: 1.2vw;
	font-family: "Poppins";
	color: rgb(255, 255, 255);
	line-height: 3vw;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding: 0vw 1.5vw !important;
	border-radius: 10vw;
	cursor: pointer;
	border: none;
}

.btn-gray-bg {
	background-color: rgb(51, 51, 51);
	padding: 0vw 1.2vw !important;
}

.btn-gray-bg:hover {
	background-color: rgb(97, 95, 95) !important;
}

.header-btn:hover {
	color: rgb(251 251 251);
	background-color: rgb(224 39 45);
}

.home-box-btn:hover {
	color: rgb(255, 255, 255);
}


.img-box-true-false {

	border-radius: 2vw;
	width: 32vw;
	box-shadow: 0.4vw 0.4vw 0 #d5f4d1;
	overflow: hidden;

}

.img-box-true-false img {
	width: 100%;
}


.table-bordered> :not(caption)>*>* {
	border-width: 0px 1px;
	background: #fff;
}

.watch-now {
	font-size: 1.2vw;
	font-family: "Poppins";
	color: rgb(0, 0, 0);
	line-height: 4vw;
	text-decoration: none;
}

.watch-now img {
	width: 2vw;
	margin-right: 0.6vw;
}

h3 {
	font-size: 2.2vw;
}

.red {
	color: #cc3333;
}

.list-circle li {
	list-style-type: square;
	line-height: 2.5vw;
	margin-left: 1.5vw;
}

.mange-div {
	border-radius: 19px;
	background-color: rgb(238, 238, 238);
	width: 8vw;
	height: 8vw;
	align-items: center;
	justify-content: center;
	display: flex;

}

.mange-div img {
	width: 3vw;
}

.or-text {
	margin-left: 1vw;
	margin-right: 1vw;
	font-size: 1.1rem;
}

.table-padding-set .table> :not(caption)>*>* {
	padding: 0vw 0;
	line-height: 0vw;
}


.mr-3 {
	margin-right: 1vw;
}

.link-sign a {
	text-decoration: none;
}

.over-content {
	line-height: 2vw;
}

b,
strong {
	font-weight: 600;
}


.form-group {
	display: block;
}

.form-group input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}

.form-group label {
	position: relative;
	cursor: pointer;
	font-size: 1.2vw;
	line-height: 3vw;
}

.form-group label:before {
	content: '';
	-webkit-appearance: none;
	background-color: #b7b7b7;
	padding: 0.8vw;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 5px;
	border-radius: 0.3vw;
}

.form-group input:checked+label:after {
	content: '';
	display: block;
	position: absolute;
	top: 1vw;
	left: 0.5vw;
	width: 0.5vw;
	height: 1vw;
	border: solid #ffffff;
	border-width: 0 0.2vw 0.2vw 0;
	transform: rotate(45deg);
}

.input-without-style {
	height: 2vw;
	border: none;
	border-bottom: 0.2vw dashed;
	width: 100%;
	margin-left: 1vw;
	margin-top: 0.5vw !important;
	border-radius: 0px;
	box-shadow: none;
	background: transparent;
	list-style-image: url(https://www.w3schools.com/cssref/sqpurple.gif);
}

.list-input li {
	display: flex;
	text-overflow: ellipsis;
	white-space: nowrap;

}


.input-without-style:focus {
	box-shadow: none;
	border-color: #cb252b;
	background: transparent;
}

.img-set-list {
	margin-top: 0vw;
}

.img-set-list li {
	margin-left: 0vw;
}


.button-fixed {
	position: fixed;
	bottom: 1vw;
	right: 8%;
}

.button-fixed .cf-set {
	padding-right: 0vw;
	padding-left: 0vw;
}

a {
	color: #cb2f2b;
	text-decoration: none;
	cursor: pointer;
	display: table-row-group;
}

.list-style-set li a {
	color: #000;
	cursor: pointer;
}

.wdth-table-yes {
	width: 19vw;
}

.h3 {
	font-size: 2.4vw;
	font-weight: 600;
}


.table-set tr td {
	font-size: 0.9rem;
	line-height: 1.4vw;
	vertical-align: middle;
}

.first-row-black td {
	background-color: rgb(0, 0, 0);
	color: #fff;
}

.first-td {
	width: 17vw;
}

.mange-icon img {
	width: 3vw;
	margin-right: 1vw;
}

.col-set {
	height: 2.9vw;
}

.without-border-input {
	width: 8vw;
	border: none;
	box-shadow: none;
}

.without-border-input:focus {
	background-color: #fff;
	border-color: #86b7fe00;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
}

.form-check {
	margin-bottom: 0rem;
}

.table-padding-0 {}

.table-padding-0 .table> :not(caption)>*>* {
	padding: 0vw 0;
}

.table-padding-0 .padding-set-table {
	padding-top: 1vw !important;
}

.table-padding-2 .table> :not(caption)>*>* {
	padding: 0.3vw 0;
}

.padding-adjust-table tr td {
	/* padding: 0px; */
}

.padding-adjust-table tr td .without-border-input {
	height: 3.2vw;
	width: 100%;
}

.list-number li {
	list-style-type: auto;
}

.tabble-reset-pa tr td {
	padding: 0.4vw 0.5vw;
}

.tabble-reset-pa tr td .without-border-input {
	height: 2vw;
}

.pn {
	display: flex;
	margin: 0px;
	padding: 0px;
}

.pn span {
	margin-right: 0.7vw;
}

.box-mange-img {
	border-style: solid;
	border-width: 1px;
	border-color: rgb(171, 171, 171);
	border-radius: 50%;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 10px 0px 0px rgb(0 0 0 / 8%);
	height: 25vw;
	padding: 4vw 10vw;
}

.box-mange-img a {
	cursor: pointer;
}

.img-box-text .img-box-content {
	font-size: 1vw;
	line-height: 1vw;
	color: #000;
	text-align: center;
}

.img-box-text .img-box-drag img {
	width: 5vw;
}

.img-box-text {}

.mb-set {
	margin-bottom: -120px;
}

.film-magazine {
	margin-top: -5vw;
	margin-left: -2vw;
}

.sling-bag {
	margin-left: -4vw;
	margin-bottom: -4vw;
}

.sahas {
	position: absolute;
	left: 2vw;
	top: 22vw;
}

.sahas-bag {
	border-width: 0.7vw;
	border-color: rgb(255, 255, 255);
	border-style: solid;
	border-radius: 50%;
	background-color: rgb(208, 246, 251);
	width: 15vw;
	height: 15vw;
	z-index: 51;
}

.sahas-btn {
	background-color: rgb(208, 246, 251);
	font-size: 2vw;
	font-family: "Poppins";
	color: rgb(0, 0, 0);
	text-transform: uppercase;
	line-height: 1.333;
	text-align: center;
	border-radius: 50vw;
	padding: 0.4vw 0vw;
	width: 15vw;
	margin-top: -2vw;
}

.sahas-bag img {
	width: 7vw;
	margin-top: 2vw;
}

.samar {
	position: absolute;
	right: 2vw;
	top: 22vw;
}

.samar-bag {
	border-width: 0.7vw;
	border-color: rgb(255, 255, 255);
	border-style: solid;
	border-radius: 50%;
	background-color: rgb(213, 244, 209);
	width: 15vw;
	height: 15vw;
	z-index: 52;
}

.samar-btn {
	background-color: rgb(213, 244, 209);
	background-color: rgb(213, 244, 209);
	font-size: 2vw;
	font-family: "Poppins";
	color: rgb(0, 0, 0);
	text-transform: uppercase;
	line-height: 1.333;
	text-align: center;
	border-radius: 50vw;
	padding: 0.4vw 0vw;
	width: 15vw;
	margin-top: -2vw;
	position: relative;
	z-index: 999;
}


.para-color-box {
	background-color: #fbe6e0;
	padding: 1vw 2vw;
}

.skipping-rope {
	margin-top: -4vw;
}

.ml-1 {
	margin-left: 1.3rem;
}

.para-scroll {
	max-height: 62vw;
	overflow: auto;
	height: 24vw;
}

.form-check-input:checked[type=checkbox] {
	background-image: url(../../assets/img/checkbox.svg);
	background-size: 1.3rem;
}

.runing-shoes {
	margin-right: -3vw;
	margin-top: -2vw;
}

.shaving-razor {
	margin-bottom: -4vw;
	margin-left: -4vw;
}

.text-justify {
	text-align: justify;
}

.chat-type {
	padding: 2vw 2vw;
	border-radius: 8% 0%;
	min-height: 27vw;
}

.box-radius {
	border-radius: 3vw;
	background: #FFFFFF;
	border: 1px solid #717171;
	box-sizing: border-box;
	/* padding: 6vw 1vw; */
	box-shadow: 0.5vw 0.5vw 0 #d5f4d1;
}



.chat-area {
	bottom: 1vw;
	width: 100%;
	background: #fff;
	padding-top: 0.5vw;
}

.send-icon {
	border: none;
	background: transparent;
}

.manage-height {
	height: 21vw;
}

.content-area-chat {
	max-height: 22vw;
	overflow: auto;
}

.chat-input {
	font-size: 1.2vw;
	border: none;
	font-family: Poppins;
	width: 100%;
}

.chat-input:focus-visible {
	outline: none;
}

.chat-me p {
	background: #fdeccd;
	display: inline;
	padding: 0.4vw 1.4vw;
	border-radius: 20vw;
	color: #000;
	font-size: 1vw;
	font-family: Poppins;
}

.float-right {
	float: right !important;
}

.chat-you {
	display: inline-flex;
	width: 90%;
	background: #f2f2f2;
	margin-top: 1vw;
	padding: 0.5vw 1vw;
	border-radius: 15px;
}

.chat-position {
	position: relative;
}

.h1-large {
	font-size: 5vw;
}







.plans .plan input[type="radio"] {
	position: absolute;
	opacity: 0;
}

.plans .plan .plan-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 1.5rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 0.1px solid #e1e2e7;
	border-radius: 1rem;
	-webkit-transition: -webkit-box-shadow 0.4s;
	transition: -webkit-box-shadow 0.4s;
	-o-transition: box-shadow 0.4s;
	transition: box-shadow 0.4s;
	transition: box-shadow 0.4s, -webkit-box-shadow 0.4s;
	position: relative;
	background: #ffff;
	margin: 0.5rem 0px;
}

.plans .plan .plan-content img {
	height: 5rem;
}

.plans .plan .plan-details span {
	margin-bottom: 10px;
	display: block;
	font-size: 20px;
	line-height: 24px;
	color: #252f42;
}

.container .title {
	font-size: 16px;
	font-weight: 500;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	color: #252f42;
	margin-bottom: 20px;
}

.plans .plan .plan-details p {
	color: #646a79;
	font-size: 14px;
	line-height: 18px;
}

.plans .plan .plan-content:hover {
	-webkit-box-shadow: 0px 3px 5px 0px #e8e8e8;
	box-shadow: 0px 3px 5px 0px #e8e8e8;
}

.plans .plan input[type="radio"]:checked+.plan-content:after {
	content: "";
	position: absolute;
	height: 1rem;
	width: 1rem;
	background: #db0204;
	right: 0.5vw;
	top: 0.6vw;
	border-radius: 100%;
	border: 0.2rem solid #fff;
	-webkit-box-shadow: 0px 0px 0px 2px #db0204;
	box-shadow: 0px 0px 0px 0.1vw #db0204;
}

.plans .plan input[type="radio"]:checked+.plan-content {
	border: 0.1vw solid #db0204;
	background: #f7f7f7;
	-webkit-transition: ease-in 0.3s;
	-o-transition: ease-in 0.3s;
	transition: ease-in 0.3s;
}

.list-style-circle li {
	list-style-type: circle;
	text-align: left;
}

.table-red> :not(caption)>*>* {
	border-width: 0.2vw 0.2vw;
	background: #c0504d;
	border-color: #fff;
	vertical-align: middle;
	padding: 0.1vw 1vw;
	line-height: 2vw;
	font-size: 1vw;
	font-weight: 400;

}

.table-text-color-black> :not(caption)>*>* {
	color: black;
}

.tableset-td> :not(caption)>*>* {
	vertical-align: middle;
	padding: 0.1vw 1vw;
	line-height: 2vw;
	font-size: 1vw;
	font-weight: 400;
	background: transparent;
}

.color-dark-red td {
	background-color: #dfa7a6;
	color: #000;
}

.color-dark-red td:first-child {
	background: #c0504d;
	color: #ffffff;
}

.color-dark-red2 td {
	background-color: #efd3d2;
	color: #000;
}

.arrow-none {
	background: #db0005;
	border: 1px solid #db0005;
	border-radius: 5vw;
	padding: 0.5vw 1.3vw;
	margin-right: 0.5vw;
	font-size: 1.3vw;
	line-height: 2vw;
}

.arrow-none::after {
	border: none;
}

.dropdown-menu {
	border: none;
	box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.08);
	border-radius: 10px;
	background-color: rgb(255, 255, 255);
}

.btn-secondary {
	--bs-btn-focus-shadow-rgb: none;
}


.dropdown-menu {
	position: relative;
	color: #fff;
	line-height: 5vw;
	padding: 1.2vw;
	margin-top: 2vw !important;
}

.dropdown-menu .nav-link:hover {
	color: #fff;
	background: #2296f1;
}

.dropdown-menu::after {
	width: 0;
	height: 0;
	border-left: 1.5vw solid transparent;
	border-right: 1.5vw solid transparent;
	border-bottom: 1.5vw solid #ffffff;
	top: -6px;
	left: 16%;
	position: absolute;
	z-index: 99999;
	content: "";
	transform: translateX(-50%);
}

.dropdown-item {
	padding: 0px 1vw;
	line-height: 3vw;
	color: #db0005;
}

.dropdown-item:hover,
.dropdown-item:focus {
	color: #db0005 !important;
	background-color: #c1c1c10a !important;
}

.dropdown-menu li {
	border-bottom: 1px solid #f7f7f7;
}

.dropdown-menu li:last-child {
	border-bottom: none;
}

.btn-check:checked+.btn,
.btn-check:active+.btn,
.btn:active,
.btn.active,
.btn.show {
	color: var(--bs-btn-active-color);
	background-color: rgb(235, 52, 58) !important;
	border-color: rgb(235, 52, 58) !important;
	box-shadow: none;
}

.btn:hover {
	color: var(--bs-btn-hover-color);
	background-color: rgb(235, 52, 58) !important;
	border-color: rgb(235, 52, 58) !important;
}

.manage-select:hover {
	background-color: rgb(235, 52, 58) !important;
	border-color: rgb(235, 52, 58) !important;
}

.nav-pills .nav-link {
	padding: 0px;
}

.dropdown-item.active,
.dropdown-item:active {
	color: #ed0000;
	background-color: #0d6efd00;
}

.manage-select {
	background: #db0005;
	border: 1px solid #db0005;
	border-radius: 5vw;
	padding: 0.4vw 1vw;
	line-height: 2.6vw;
	color: #fff;
	margin-right: 0.5vw;
	width: 10vw;
}

.custom-select {
	position: relative;
}

.select-item {
	background: #db0005;
	border: 1px solid #db0005;
	border-radius: 5vw;
	padding: 0.5vw 1.3vw;
	line-height: 2vw;
	color: #fff;
	cursor: pointer;
	font-size: 1.3vw;
}

.list-box.open {
	display: block;
}

.list-box.close {
	display: none;
}

.list-box {
	border: none;
	box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 8%);
	border-radius: 10px;
	background-color: rgb(255, 255, 255);
	color: #fff;
	padding: 1.2vw;
	margin-top: 2vw !important;
	position: absolute;
	width: max-content;
}

.list-box li {
	border-bottom: 1px solid #f7f7f7;
	list-style: none;
	padding: 0px 1vw;
	line-height: 3vw;
	color: #db0005;
	cursor: pointer;
}

.list-box li:last-child {
	border: none;
}

.list-box li:hover {
	color: #db0005 !important;
	background-color: #c1c1c10a !important;
}

.list-box li a:hover {
	color: #db0005 !important;
	background-color: #c1c1c10a !important;
}


.list-box::after {
	width: 0;
	height: 0;
	border-left: 1.5vw solid transparent;
	border-right: 1.5vw solid transparent;
	border-bottom: 1.5vw solid #ffffff;
	top: -14px;
	left: 16%;
	position: absolute;
	z-index: 99999;
	content: "";
	transform: translateX(-50%);
}

.close-box-design ul li {
	list-style: none;
	display: inline-block;
	border: 1px solid #f2f1f1;
	width: 4vw;
	height: 4vw;
	position: relative;
	padding: 0.4vw;
	background: #ffff;
	margin-right: 0.5vw;
}

.close-box-design ul li img {
	width: 100%;
}

.close-box-design ul li .btn-close {
	position: absolute;
	right: -0.6vw;
	top: -0.5vw;
	font-size: 0.9vw;
	z-index: 0;
}

.disabled-btn {
	opacity: 0.5;
}

.img-nox-red {
	background-color: rgb(238, 77, 55);
	box-shadow: 0.3vw 0.3vw 0 #e2e1e180;
	border-radius: 50vw;
	padding: 0.5vw 2vw;
	position: absolute;
	top: 4.7vw;
	left: 9vw;
	color: #fff;
	min-width: 22vw;
}

.red-light-img {
	width: 19vw;
}

.red-light-box {
	position: relative;
}

.start-number {
	clip-path: polygon(50% 5%, 64% 30%, 96% 35%, 71% 57%, 77% 89%, 50% 72%, 23% 89%, 25% 56%, 6% 37%, 36% 30%);
	padding: 0vw;
	background: #f1d638;
	font-size: 0.8vw;
	color: #000;
	height: 2.7vw;
	width: 2.5vw;
	text-align: center;
}

.red-box-profile {
	background-color: #c51d22;
	box-shadow: 0.3vw 0.3vw 0 #e2e2e2;
	padding: 0.5vw 2vw;
	border-radius: 0.3vw;
}

.star-design {
	/* clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
    background: #ffc905;
    width: 4vw;
    height: 4vw;
    display: flex;
    justify-content: center;
    align-items: center; */
}

.star-design {
	position: relative;
}

.content-position {
	position: absolute;
	top: 0.5vw;
	left: 1.1vw;
	color: #fff;
	font-weight: 600;
	font-size: 1.3vw;
}

.dark-blue-bg {
	background-color: rgb(182, 205, 250);
}

.headingsetporo .home-box-heading {
	line-height: 2.2vw;
}

.yellow-light .img-nox-red {
	background-color: rgb(250 237 127);
	top: 2vw;
	color: #000;
	opacity: ;
}

.green-light .img-nox-red {
	background-color: rgb(59 247 147);
	top: 2vw;
	color: #000;
}

.opacity-set {
	opacity: 0.5;
}

.first-width td:first-child {
	width: 6vw;
}

.list-style-lower-alpha li {
	list-style: lower-alpha;
	margin-left: 1.4vw;
	line-height: 2vw;
	margin-bottom: 0.5vw;
}






.text-primary {
	color: #5a8dee !important;
}

.btn-primary {
	border-color: #5a8dee !important;
	background-color: #5a8dee !important;
	color: #fff;
}

.shadow-md {
	box-shadow: 0px 5px 10px rgba(90, 116, 148, 0.3);
}

.navbar {
	padding: 0em;
}

.sidebar {
	width: 280px;
	min-height: 100vh;
	box-shadow: 0px 4px 8px rgb(0 0 0 / 16%);
	background-color: #fff;
	position: fixed;
	top: 0;
	left: -100%;
	z-index: 1;
	transition: 0.5s;
}

.sidebar.active {
	left: 0;
}

.sd-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px;
}

.sidebar-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	transition: 0.5s;
	opacity: 0;
	visibility: hidden;
}

.sidebar-overlay.active {
	opacity: 1;
	visibility: visible;
}

.sd-body {
	padding: 15px;
	max-height: calc(100vh - 67px);
	overflow-x: hidden;
}

.sd-body ul {
	display: inline-block;
	width: 100%;
	margin-bottom: 0;
	padding: 0;
}

.sd-body ul li {
	list-style: none;
	margin-bottom: 8px;
}

.sd-body ul li .sd-link {
	display: inline-block;
	width: 100%;
	padding: 10px 16px;
	color: #475f7b;
	background-color: #e5e8ec;
	border-radius: 4px;
	cursor: pointer;
	text-decoration: none;
}






.main-timeline {
	font-family: 'Poppins', sans-serif;
}

.main-timeline:after {
	content: '';
	display: block;
	clear: both;
}

.main-timeline .timeline {
	width: calc(50% - 1px);
	padding: 3px 0;
	margin: 0 2px 0 0;
	float: left;
}

.main-timeline .timeline-content {
	color: #777;
	/* background-color: #fff; */
	text-align: center;
	padding: 20px 60px 20px 0;
	display: block;
	position: relative;
}

.main-timeline .timeline-content:hover {
	text-decoration: none;
}

.main-timeline .timeline-content:before {
	content: '';
	background: #629BDD;
	width: 40px;
	transform: skewY(-20deg);
	position: absolute;
	right: -20px;
	top: 0;
	bottom: 0;
}

.main-timeline .timeline-year {
	color: #555;
	background-color: #629BDD;
	font-size: 25px;
	font-weight: 600;
	line-height: 100px;
	height: 100px;
	width: 100px;
	border-radius: 50%;
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
	right: -50px;
	z-index: 0;
}

.main-timeline .timeline-year:before {
	content: '';
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.4);
	position: absolute;
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
	z-index: -1;
}

.main-timeline .title {
	color: #629BDD;
	font-size: 22px;
	font-weight: 600;
	text-transform: capitalize;
	letter-spacing: 0.5px;
	margin: 0 0 5px;
	font-family: 'Poppins';
	font-weight: 500;
}

.main-timeline .description {
	font-size: 1vw;
	letter-spacing: 1px;
	line-height: 22px;
	margin: 0;
	font-family: 'Poppins';
	font-weight: 300;
}

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

.main-timeline .timeline:nth-child(even) .timeline-content {
	padding: 20px 0 20px 60px;
}

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

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

.main-timeline .timeline:nth-child(4n+2) .timeline-content:before,
.main-timeline .timeline:nth-child(4n+2) .timeline-year {
	background: #345DAC;
}

.main-timeline .timeline:nth-child(4n+2) .title {
	color: #345DAC;
}

.main-timeline .timeline:nth-child(4n+3) .timeline-content:before,
.main-timeline .timeline:nth-child(4n+3) .timeline-year {
	background: #BC6ADC;
}

.main-timeline .timeline:nth-child(4n+3) .title {
	color: #BC6ADC;
}

.main-timeline .timeline:nth-child(4n+4) .timeline-content:before,
.main-timeline .timeline:nth-child(4n+4) .timeline-year {
	background: #ba2574;
}

.main-timeline .timeline:nth-child(4n+4) .title {
	color: #ba2574;
}

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

	.main-timeline .timeline,
	.main-timeline .timeline:nth-child(even) {
		width: 100%;
		margin: 0 0 2px;
	}

	.main-timeline .timeline-content,
	.main-timeline .timeline:nth-child(even) .timeline-content {
		padding: 20px 0 20px 120px;
	}

	.main-timeline .timeline-content:before,
	.main-timeline .timeline:nth-child(even) .timeline-content:before {
		left: 30px;
	}

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


.termsc {
	left: 8%;
	right: auto;
}

.termsc ul li {
	display: inline;
	list-style-type: auto;
	text-decoration: underline;
}

.termsc ul li a {
	color: #0e5fd0;
}

.termsof-conditions-bg {
	position: relative !important;
	overflow: auto;
}

.lower-roman li {
	list-style: lower-roman;
	margin-left: 1.4vw;
	line-height: 2vw;
	margin-bottom: 0.5vw;
}

.table-padding> :not(caption)>*>* {
	padding: 0.7vw 1vw !important;
}

.list-style-upper-alpha li {
	list-style: upper-alpha;
	line-height: 2.5vw;
	margin-left: 1.5vw;
}

.td-red {
	background-color: #ff0000 !important;
}

.td-green {
	background-color: #59b438 !important;
}

.td-yellow {
	background-color: #ffc200 !important;
}

.td-blue {
	background-color: #041564 !important;
}

.width-20 {
	width: 20vw;
}


.decimal li {
	list-style: decimal;
	margin-left: 1.4vw;
	line-height: 2vw;
	margin-bottom: 0.5vw;
}

.dragarea {
	background-color: #fff;
	color: #000;
	min-height: 6vw;
	padding: 0px 1em;
}

.drag-table td {
	padding: 2px !important;
}

.table-padding-less> :not(caption)>*>* {
	padding: 0.3vw 1vw !important;
}


.chat-area {
	border: 1px solid #e3e3e3;
	padding: 17px;
	border-radius: 1em 1em;
}

.left-chat {
	display: flex;
	margin-bottom: 0.5em;
}

.left-chat span {
	background-color: #db0005;
	width: 3vw;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	height: 3vw;
}

.left-chat p {
	background-color: #db0005;
	margin-left: 0.5em !important;
	padding: 0.2em 0.9em;
	border-radius: 0 0 1.5em 0;
	margin: 0;
	max-width: 70%;
	color: #fff;
}

.right-chat span {
	background-color: #0094db;
}

.right-chat p {
	margin-right: 0.5em !important;
	background-color: #0091e2;
	color: #fff;
	border-radius: 0 0 0 1.5em;
}

.navbar-brand {
	padding-top: 0;
	padding-bottom: 0em;
	margin-right: 0em;
}

.navbar-toggler {
	padding: 0px;
	border: none;
}

.navbar-toggler span {
	background-image: none;
	background: #000;
	width: 0.8em;
	height: 0.1em;
	display: inherit;
	margin: 5px 0px;
}

.navbar-toggler:focus {
	box-shadow: none;
}

.img-box-text.dragging {
	opacity: 0.3;
}

.box-mange-img .col-lg-2 a {
	display: block;
	/* height: 100px; */
}

.close-box-design .img-box-text {
	margin: 0 !important;
}

.close-box-design .img-box-drag {
	max-width: 100px;
}

.close-box-design .img-box-content {
	display: none;
}

.form-label {
	font-size: 1.2vw;
}

.color-div {
	font-size: 1.2vw;
}

.table-width-set td {
	width: 33.33%;
}

.dragarea ul {
	margin: 0px;
	padding: 1em;
}

.table-white> :not(caption)>*>* {
	background: #ffff;
	border-color: #c0504d;
	vertical-align: inherit;
}

.list-text-whtie li {
	color: #fff;
}

.modal.show .modal-dialog {
	transform: none;
	display: flex;
	justify-content: center;
	align-items: center;
	/* height: 100vh; */
	margin-top: 1vw;
	margin-bottom: 1vw;
}


.file-input__input {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.file-input__label {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	border-radius: 100vw;
	font-size: 1vw;
	font-weight: 600;
	color: #fff;
	font-size: 1vw;
	padding: 0vw 1vw;
	background-color: #db0204;
	box-shadow: 0.2rem 0.2rem 0 #ebebeb;
}

.file-input__label svg {
	height: 16px;
	margin-right: 4px;
}




.home-box {
	border: 1px solid #f1f1f1;
	/* background-color: rgb(213, 244, 209); */
	padding: 0.5vw 1.2vw;
	border-radius: 13px;
	box-shadow: none;
}

.price {
	font-size: 1.5vw;
	line-height: 2vw;
}

.price-content {
	font-size: 1vw;
	line-height: 2vw;
}



.tile {
	width: 80%;
	margin: 60px auto;
}

#tile-1 .tab-pane {
	padding: 15px;
	height: 80px;
}

#tile-1 .nav-tabs {
	position: relative;
	border: none !important;
	background-color: #fff;
	/*   box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); */
	border-radius: 6px;
}

#tile-1 .nav-tabs li {
	margin: 0px !important;
}

#tile-1 .nav-tabs li a {
	position: relative;
	margin-right: 0px !important;
	padding: 20px 40px !important;
	font-size: 16px;
	border: none !important;
	color: #333;
}

#tile-1 .nav-tabs a:hover {
	background-color: #fff !important;
	border: none;
}

#tile-1 .slider {
	display: inline-block;
	width: 30px;
	height: 4px;
	border-radius: 3px;
	background-color: #39bcd3;
	position: absolute;
	z-index: 1200;
	bottom: 0;
	transition: all 0.4s linear;
}

#tile-1 .nav-tabs .active {
	background-color: transparent !important;
	border: none !important;
	color: #39bcd3 !important;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: var(--bs-nav-pills-link-active-color);
	background-color: #d50000;
}

.list-set .nav-link {
	padding: 0.2vw 2vw;
	color: #000;
	border: 1px solid #efefef;
	margin-right: 0.4vw;
	background: #fff;
}

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

.multi-btn-set .btn {
	margin-right: 0.8rem;
	margin-bottom: 0.8rem;
}

.masculinity-box {
	border: 1px dashed #ebafb0;
	max-width: 22vw;
	padding: 3vw 0;
	background: #ffe0e0;
	border-radius: 50%;
	margin: auto;
}

.masculinity-box h3 {
	text-align: center;
}

.ul-p-0 {
	margin: auto;
}

.lavel-content-set .form-check-label {
	line-height: 2vw;
	margin-top: 1px;
}

.lavel-content-set .form-check {
	margin-bottom: 0.7rem;
}

.display-inline {
	display: inline;
}

.select-op-new .plan {
	width: 100%;
	cursor: pointer;
}

.select-op-new .plans .plan .plan-content img {
	width: 100%;
	height: auto;
}

.select-op-new .plans .plan .plan-content {
	padding: 0.7rem;
}

.select-op-new .select-pset {
	padding-right: 0.2em;
	padding-left: 0.2em;
}

.select-op-new .plans .plan input[type="radio"]:checked+.plan-content {
	background: #ffffff;
}

.select-op-new .plans .plan input[type="radio"]:checked+.plan-content:after {
	content: "";
	right: -0.1vw;
	top: -0.2vw;
}

.mb-7 {
	margin-bottom: 5rem !important;
}

.table-chaeck .form-check-label {
	margin-left: 0.7vw !important;
	line-height: 1.7vw !important;
	margin-top: 0.2vw !important;
}



.identities-design .plans .plan .plan-content {
	margin: 0.2rem 0px;
	padding: 0vw 1.5vw;
	transition: all 0.5s;
	border-radius: 0.4vw;
}

.identities-design .plans .basic-plan {
	width: 91%;
}

.identities-design .plans .complete-plan {
	width: 90%;
}

.identities-design .plans .plan input[type="checkbox"]:checked+.plan-content {
	border: 0.1vw solid #ffffff00;
	background: #db0204;
	-webkit-transition: ease-in 0.3s;
	-o-transition: ease-in 0.3s;
	transition: ease-in 0.3s;
	margin-right: -1.5vw;
	margin-left: 1.5vw;
	color: #fff;
}

.identities-design .plans .plan input[type="checkbox"] {
	position: absolute;
	opacity: 0;
}

.list-cursor li {
	cursor: pointer;
	display: table;
}

.thumb-design {
	margin-left: 1.3vw;
}

.table-width-set ul li {
	cursor: pointer;
}

.thumb-design .plan .plan-content {
	padding: 0.5vw;
	margin: 0px;
	border-radius: 100vw;
	margin-right: 0.3vw;
	cursor: pointer;
}

.thumb-design .plan input[type="radio"]:checked+.plan-content:after {
	content: "";
	background: transparent;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.thumb-design .plan .plan-content img {
	height: 1.5rem;
}





.serviceBox {
	font-family: 'Poppins', sans-serif;
	padding: 1vw;
	margin: 5px 0 0 5px;
	border-radius: 0px;
	box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.3);
	transition: all 0.3s ease 0s;
}

.serviceBox:hover {
	background: #cbdbe8;
}

.serviceBox .service-icon img {
	width: 6vw;
}

.serviceBox .description {
	color: #000;
	font-size: 1vw;
	line-height: 1.6vw;
	margin: 0 0 0px;
	transition: all 0.3s ease 0s;
	text-align: center;
}

.serviceBox .read-more {
	color: #FB374D;
	font-size: 1vw;
	transition: all 0.3s ease 0s;
	text-align: center;
	display: block;
	font-weight: 400;
}

.social-word a {
	margin-right: 1vw;
	margin-top: 1vw;
}



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

.boxer .box-row {
	display: table-row;
}

.boxer .box-row:first-child {
	font-weight: bold;
}

.boxer .box {
	display: table-cell;
	vertical-align: top;
	border: 1px solid #dedede;
	padding: 0.5vw 1.4vw;
	line-height: 1.8vw;
	font-size: 1.1vw;
	font-weight: 400;
}

.div-area {
	width: 100%;
}

.div-area .col-marge {
	width: 100%;
}


.t-header .box {
	font-size: 1.1vw;
	font-weight: 600;
	text-transform: capitalize;
	background: #db0204;
	color: #fff;
}

.div-area .box {
	border-bottom: none;
}

.hand-cursor [draggable] {
	cursor: pointer;
}


.serviceBox2 {
	padding: 1vw 0.4vw;
	text-align: center;
	background: #ffd7cb;
	border-top: 0vw solid #e60000;
	border-bottom: 0vw solid #e60000;
	position: relative;
	width: 100%;
	margin-bottom: 3vw;
}

.serviceBox2:before {
	content: "";
	border-top: 0 solid #e60000;
	border-right: 0 solid transparent;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all 0.3s ease 0s;
}

.serviceBox2:hover:before {
	border-top-width: 2vw;
	border-right-width: 2vw;
}

.serviceBox2:after {
	content: "";
	border-bottom: 0 solid #e60000;
	border-left: 0 solid transparent;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	transition: all 0.3s ease 0s;
}

.serviceBox2:hover:after {
	border-bottom-width: 2vw;
	border-left-width: 2vw;
}

.serviceBox2 .service-icon {
	display: inline-block;
	width: 6vw;
	line-height: 2vw;
	border-radius: 2vw;
	border: 0.1vw solid #e60000;
	background: #ffd6c8;
	font-size: 1vw;
	color: #e60000;
	margin-bottom: 1vw;
	position: relative;
}

.serviceBox2 .title {
	font-size: 1.2vw;
	font-weight: 700;
	color: #e60000;
	letter-spacing: 0;
	margin: 0 0 12px 0;
	position: relative;
	transition: all 0.3s ease 0s;
	font-weight: 600;
}

.serviceBox2:hover .title {
	color: #000;
}

.serviceBox2 .description {
	font-size: 1vw;
	color: #5a5a5a;
	letter-spacing: 0;
	line-height: 1.4vw;
	margin: 0;
}

@media only screen and (max-width:990px) {
	.serviceBox {
		margin-bottom: 20px;
	}
}

.box-drag {
	background-color: #c8149f;
	text-align: center;
	margin-top: 0.3vw;
	margin-bottom: 0.3vw;
	padding: 0.7vw 0vw;
}

.family-c {
	background-color: #fea94b;
}

.list-inline ul li {
	display: block;
	width: auto;
	padding-left: 1vw;
	height: auto;
	line-height: 22px;
	padding: 0.4vw 0.7vw;
	cursor: pointer;
	margin-bottom: 0.3vw;
}

.list-inline ul {
	padding-left: 0px;
}

.friend-c {
	background-color: #99cd55;
}

.acquaintance-c {
	background-color: #fffb34;
}

.interaction-c {
	background-color: #fdbf30;
}

.interaction-c {
	background-color: #fdbf30;
}

.strangers-c {
	background-color: #fb0d1b;
}

.cursor-pointer li {
	cursor: pointer;
}

.five-call-set .col {
	width: 20%;
}


.table {
	display: table;
	border-collapse: collapse;
}

.table .tr {
	display: table-row;
	border: 1px solid #ddd;
	background: #fcdddd;
}

/* .table .tr:first-child {
  border-bottom: 2px solid #ddd;
} */
.table .tr:nth-child(even) {
	background-color: #ed0000;
	color: #fff;
}

.table .tr .td {
	display: table-cell;
	padding: 8px;
	border-left: 1px solid #ddd;
}

.table .tr .td:first-child {
	border-left: 0;
}

.div-table,
.table-tag {
	float: left;
	margin: 2em;
}

.div-table .title,
.table-tag .title {
	text-align: center;
	padding-bottom: 0.5em;
}

.carousel-control-prev-icon {
	background: #db0204;
	line-height: 33px;
	border-radius: 100%;
}

.carousel-control-prev,
.carousel-control-next {
	opacity: 0.9;
	width: auto;
}

.carousel-control-prev {
	left: -1.4vw;
}

.carousel-control-next-icon {
	background: #db0204;
	line-height: 33px;
	border-radius: 100%;
}

.carousel-control-next {
	right: -1.4vw;
}












.plugin-setting-list li {
	position: relative;
	padding-left: 30px;
	font-size: 16px;
	color: #000000;
	list-style-type: none;
	margin-bottom: 15px;
}

.plugin-setting-list li:before {
	content: "";
	position: absolute;
	left: 0;
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-check' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M5 12l5 5l10 -10'%3E%3C/path%3E%3C/svg%3E");
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #3cb371;
	border-radius: 100%;
}

.kwt-file {
	max-width: fit-content;
}

.kwt-file__drop-area {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0.7vw 2vw 0.7vw 1vw;
	background-color: #ffffff;
	border-radius: 1vw;
	box-shadow: 0 10px 30px rgb(0 0 0 / 7%);
	transition: 0.3s;
}

.kwt-file__drop-area.is-active {
	background-color: #d1def0;
}

.kwt-file__choose-file {
	flex-shrink: 0;
	background-color: #1d3557;
	border-radius: 100%;
	margin-right: 10px;
	color: #ffffff;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.kwt-file__choose-file.kwt-file_btn-text {
	border-radius: 4px;
	width: auto;
	height: auto;
	padding: 10px 20px;
	font-size: 14px;
}

.kwt-file__choose-file svg {
	width: 24px;
	height: 24px;
	display: block;
}

.kwt-file__msg {
	color: #1d3557;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.kwt-file__input {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	cursor: pointer;
	opacity: 0;
}

.kwt-file__input:focus {
	outline: none;
}

.kwt-file__delete {
	display: none;
	position: absolute;
	right: 10px;
	width: 18px;
	height: 18px;
	cursor: pointer;
}

.kwt-file__delete:before {
	content: "";
	position: absolute;
	left: 0;
	transition: 0.3s;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%231d3557' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 438.5 438.5'%3e%3cpath d='M417.7 75.7A8.9 8.9 0 00411 73H323l-20-47.7c-2.8-7-8-13-15.4-18S272.5 0 264.9 0h-91.3C166 0 158.5 2.5 151 7.4c-7.4 5-12.5 11-15.4 18l-20 47.7H27.4a9 9 0 00-6.6 2.6 9 9 0 00-2.5 6.5v18.3c0 2.7.8 4.8 2.5 6.6a8.9 8.9 0 006.6 2.5h27.4v271.8c0 15.8 4.5 29.3 13.4 40.4a40.2 40.2 0 0032.3 16.7H338c12.6 0 23.4-5.7 32.3-17.2a64.8 64.8 0 0013.4-41V109.6h27.4c2.7 0 4.9-.8 6.6-2.5a8.9 8.9 0 002.6-6.6V82.2a9 9 0 00-2.6-6.5zm-248.4-36a8 8 0 014.9-3.2h90.5a8 8 0 014.8 3.2L283.2 73H155.3l14-33.4zm177.9 340.6a32.4 32.4 0 01-6.2 19.3c-1.4 1.6-2.4 2.4-3 2.4H100.5c-.6 0-1.6-.8-3-2.4a32.5 32.5 0 01-6.1-19.3V109.6h255.8v270.7z'/%3e%3cpath d='M137 347.2h18.3c2.7 0 4.9-.9 6.6-2.6a9 9 0 002.5-6.6V173.6a9 9 0 00-2.5-6.6 8.9 8.9 0 00-6.6-2.6H137c-2.6 0-4.8.9-6.5 2.6a8.9 8.9 0 00-2.6 6.6V338c0 2.7.9 4.9 2.6 6.6a8.9 8.9 0 006.5 2.6zM210.1 347.2h18.3a8.9 8.9 0 009.1-9.1V173.5c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a8.9 8.9 0 00-9.1 9.1V338a8.9 8.9 0 009.1 9.1zM283.2 347.2h18.3c2.7 0 4.8-.9 6.6-2.6a8.9 8.9 0 002.5-6.6V173.6c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a9 9 0 00-6.6 2.6 8.9 8.9 0 00-2.5 6.6V338a9 9 0 002.5 6.6 9 9 0 006.6 2.6z'/%3e%3c/svg%3e");
}

.kwt-file__delete:after {
	content: "";
	position: absolute;
	opacity: 0;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%) scale(0);
	background-color: #1d3557;
	border-radius: 50%;
	transition: 0.3s;
}

.kwt-file__delete:hover:after {
	transform: translate(-50%, -50%) scale(2.2);
	opacity: 0.1;
}

.d-inline-block {
	display: inline-block;
}

.hand-cursor li {
	cursor: pointer;
}

.line-height-24 {
	line-height: 24px;
}

.hand-cursor-none {
	cursor: inherit;
}

.list-line-height li {
	line-height: 2.5vw;
}

.list-line-height .input-without-style {
	margin-left: 0vw;
	height: 2.7vw;
}

.line-height-4 {
	line-height: 4vw;
}

.edit-button {
	/* border: none */
	border: none;
	background: transparent;
}



.body_img{
    position: relative;
}

.body_img img{
    width: 196px;
}

.body_img input{
    position: absolute;
    width:25px;
    height: 25px;
    border:2px solid red !important;
}

.body_img input:nth-child(1){
    top: 17%;
    left: 8%;
}

.body_img input:nth-child(7){
    top: 2%;
    left: 22%;
}

.body_img input:nth-child(2){
    top: 16%;
    left: 31%;
}
.body_img input:nth-child(3){
    top: 36%;
    left: 22%;
}
.body_img input:nth-child(4){
    top: 50%;
    left: 2%;
}
.body_img input:nth-child(5){
    top: 50%;
    left: 43%;
}

.body_img input:nth-child(6){
    top: 61%;
    left: 13%;
}

#specifyColor {
	accent-color: red;
}

#successColor {
	accent-color:#489348;
}

.download-btn{
	font-family: Mukta;
    font-style: normal;
    font-weight: 600;
    font-size: 1.5vw;
    line-height: 3vw;
    color: #18191F;
}


.sidebar-menu{
	/* position: fixed; */
    top: 4.3rem;
    left: 0;
    height: 100%;
    width: 260px;
    height: 100vh;
    z-index: 100;
    transition: all 0.5s ease;
    background-color: #f5f5f5;
	background-color: #f5f5f5 !important;
    box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 8%);
    overflow-y: scroll;
  }

  .sidebar-menu ul{
	padding:0
  }

  .sidebar-menu ul li{
	position: relative;
    list-style: none;
    transition: all 0.4s ease;
    padding: 10px 0px;
    border-bottom: 1px solid #eee;
    margin-bottom: 0px;
    padding-bottom: 0px;
	font-size: 1vw !important;
    font-weight: 400;

  }

  .sidemenu-button{
	font-size: 1vw !important;
    font-weight: 400;
    color: rgb(19, 19, 19);
    transition: all 0.4s ease;
    margin-bottom: 0px;
	height: 50px;;
	color:black;
	background-color: #f5f5f5 !important;;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Arial' !important;
    list-style-type: square;
  }

  .sidemenu-list{
	font-size: 1vw !important;
    font-weight: 400;
    color: rgb(19, 19, 19);
    transition: all 0.4s ease;
    margin-bottom: 0px;
	height: 50px;;
	color:black;
	background-color: #f5f5f5 !important;;
	display: flex;
	align-items: center;
	justify-content: center;
	color:black;
	background-color: #fafafa !important;

  }

  .accordion-body{
	background-color: #f5f5f5 !important;;
	padding: 6px 15px 6px 20px !important;
	font-size: 1vw !important;

  }

  .sidemenu-list-item{
	border:none !important;
	background:none;
	border-bottom: 1px solid #d1d1d1 !important;;
  }

  .menu{
	width: 40px;
    height: 40px;
    /* background: red; */
    position: relative;
    right: 50px;
    border: 2px solid #cb252b;
    display: flex !important;
	cursor: pointer;
    justify-content: center !important;
    align-items: center !important;
    color: #c8242a;
    border-radius: 50%;
    font-size: 20px !important;
  }

  .close-btn{
	position: relative;
	left:219px;
	top:10px;
	cursor: pointer;
  }


  .select-arrow{
	position: relative;
    left: 243px;
    top: 54px;
  }



  .rating i{
	font-size: 25px;
	margin:0px 5px;;

  }

  .active-rating{
	font-size: 25px;
	margin:0px 5px;;
	color: #fec400;
  }


  .sidebar-menu2{
	width:0px !important;
  }

  .radio-circle{
	position: absolute;
	right:4%;
	top:27%;;

  }
  .checked-color{
	color:green ;
  }


  ::-webkit-scrollbar {
	width: 7px;
  }



/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
	background: #888;
  }

  .active-sidebar{
	color:blue;
  }

  .table-intend{
	margin-left:35px
  }

  .div-table-intend{
	margin-left:30px
  }

  .textAllignRight{

	text-align: right;
  }


.chapters{
	position: absolute;
	margin-bottom: 20px;;
}


.circle {
    width: 60px;
    height: 60px;
    background-color: #ed0000;
    border-radius: 50% ;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 16px;
    margin-left: 22px;

}