* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family: 'Outfit';
	color: var(--primerry);
}

:root {
  --black: #000000;
  --FF0FEB: #FF0FEB;
  --E346D6: #E346D6;
  --blue-purple: #300043;
  --white: #ffffff;
  --dark-violet: #3C0053;
  --violet: #7C287D;

  /* font-family */
  --Outfit: 'Outfit';
  --test_tiempos_fine: 'Tiempos Headline';

  /* font-size */
  /* --size-14: 14px;
  --size-16: 1rem;
  --size-18: 1.125rem;
  --size-20: 1.25rem;
  --size-23: 1.438rem;
  --size-24: 1.5rem;
  --size-25: 1.563rem;
  --size-30: 1.875rem;
  --size-34: 2.125rem;
  --size-40: 2.5rem;
  --size-47: 2.938rem;
  --size-50: 3.125rem;
  --size-75: 4.688rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-100: 5.8rem;
  --size-129: 8.063rem;
  --size-289: 18.063rem;
  --size-640: 45rem; */


--size-14: clamp(12px, 1.5vw, 14px);
--size-16: clamp(16px, 1.5vw, 16px);
--size-18: clamp(16px, 1.5vw, 18px);
--size-20: clamp(16px, 1.5vw, 18px);
--size-23: clamp(16px, 1.5vw, 18px);
--size-24: clamp(16px, 1.5vw, 20px);
--size-25: clamp(16px, 1.5vw, 20px);
--size-30: clamp(18px, 3vw, 22px);
--size-34: clamp(18px, 3vw, 22px);

--size-40: clamp(20px, 3vw, 26px);
--size-47: clamp(23px, 3vw, 28px);
--size-50: clamp(26px, 3vw, 30px);
--size-75: clamp(28px, 3vw, 45px);
--size-80: clamp(30px, 3vw, 50px);
--size-90: clamp(35px, 3vw, 60px);
--size-100: clamp(40px, 3vw, 70px);
--size-129: clamp(45px, 3vw, 100px);
--size-289: 18.063rem;
--size-640: 45rem;

}


body {
	padding: 0;
	margin: 0;
	font-family: var(--Outfit);
	color: var(--white);
	background: var(--dark-violet);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--Outfit);
}

p {
	font-size: var(--size-20);
	font-weight: 400;
	line-height: normal;
	font-family: var(--Outfit);
	margin-bottom: 1rem;
}

h2 {
	font-size: var(--size-80);
	font-weight: 500;
	line-height: 97px;
}

a {
	text-decoration: none;
	color: var(--black);
}

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

.container {
	max-width: 1599px;
}

.common-btn {
	font-size: var(--size-24);
	padding: 1.6rem 0;
	border-radius: 0.6rem;
	font-weight: 600;
	width: 305px;
	text-align: center;
	color: var(--white);
	display: inline-block;
	background: var(--FF0FEB);
	transition: 0.1s ease-in-out;
	margin-top: 4rem;
	border: 1px solid var(--FF0FEB);
}

.common-btn:hover {
	color: var(--FF0FEB);
	background: var(--white);
	transition: 0.1s ease-in-out;
	border: 1px solid var(--FF0FEB);
}

.tranform-btn {
	font-size: var(--size-24);
	padding: 1.4rem 2rem;
	border-radius: 0.6rem;
	font-weight: 600;
	width: 470px;
	text-align: center;
	align-items: center;
	color: var(--white);
	display: flex;
	justify-content: space-between;
	background: transparent;
	transition: 0.1s ease-in-out;
	border: 1px solid var(--FF0FEB);
}

.tranform-btn:hover {
	background: var(--FF0FEB);
	transition: 0.1s ease-in-out;
	border: 1px solid var(--FF0FEB);
}

.tranform-btn span {
	width: 50px;
	height: 50px;
	background: var(--FF0FEB);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.tranform-btn span img {
	max-width: 20px;
	transition: filter 0.3s ease;
}

.tranform-btn:hover span {
	background: var(--white);
}

.tranform-btn:hover img:hover {
	filter: brightness(100%) invert(0);
}

.svg-icon {
	max-width: 1.2rem;
}

.font-color {
	color: var(--E346D6);
}

/* navbar */
#navbar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	transform: translateY(-100%);
	transition: transform 0.5s ease, opacity 0.3s ease;
	opacity: 0;
	background: var(--white);
	z-index: 1030;
	box-shadow: 0 1px 10px -6px #000;
}

.navbar a {
	color: var(--black);
}

#navbar.visible {
	transform: translateY(0);
	opacity: 1;
}

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

.navbar .navbar-nav .nav-item {
	padding: 0 10px;
}

.navbar a {
	font-size: var(--size-20);
	font-weight: 500;
}

.nav-button a {
	margin: 0 0 0 50px;
	padding: 10px 0;
	width: 190px;
	border-radius: 5px;
	color: var(--white);
}

.navbar .navbar-toggler {
	border: none;
}

.navbar .navbar-toggler i {
	font-size: var(--size-30);
}

.navbar button:focus:not(:focus-visible) {
	outline: 0;
	box-shadow: none;
}

/* RLab-Banner */
.banner-bg {
	background-position: top center;
	background-size: cover;
	padding: 0;
	height: 100vh;
	color: var(--white);
	position: relative;
}
.banner-bg .container
{
		position: relative;
    	top: 50%;
		transform: translateY(-50%);
	}
.banner-bg::before {
	content: '';
	left: 0;
	bottom: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgb(124 40 125 / 0%) 0%, rgba(69, 0, 96, 1) 100%);
}

.main-banner-heading {
	max-width: 800px;
	position: relative;
}

.main-banner-heading h1 {
	font-size: var(--size-100);
	font-family: var(--test_tiempos_fine);
	font-weight: 400;
	line-height: 1;
}

.main-banner-heading h1 span {
	font-style: italic;
	color: var(--FF0FEB);
	font-family: var(--test_tiempos_fine);
}

/* RLab-members */
.rl-members {
	padding: 5rem 0;
}

.member-counter {
	display: flex;
	justify-content: space-between;
	align-items: start;
}

.member-counter .middle-divider-gap:last-child {
	display: none;
}

.counter-box {
	text-align: center;
	color: var(--white);
	max-width: 370px;
}

.counter-box span {
	color: var(--white);
}

.counter-box h2 {
	font-family: var(--test_tiempos_fine);
	font-size: var(--size-90);
	font-style: italic;
	font-weight: 400;
	line-height: 73px;
}

.counter-box .counter {
	font-family: var(--test_tiempos_fine);
}

.counter-box p {
	font-size: var(--size-25);
	font-weight: 400;
	line-height: 1.5;
}

.middle-divider-gap {
	padding-top: 4rem;
}

.member-heading {
	text-align: center;
	color: var(--white);
	margin: 4rem 0 2rem;
}

.member-heading h2 span {
	color: var(--E346D6);
}

.our-members-main {
	align-items: center;
	border: 1px solid var(--white);
	display: flex;
	justify-content: center;
	max-width: 300px;
	min-height: 150px;
	padding: 20px 0;
}

.our-members-main img {
	max-width: 100px;
}

.our-members-main .square-brand {
	max-width: 200px;
	height: 60px;
}

/* Why-RLab-Club */
.why-rl-club {
	padding: 7rem 0;
	background: url('../img/why-rlab-bg.png'), var(--blue-purple);
	background-position: right, center;
	background-repeat: no-repeat;
}

.why-rl-heading {
	text-align: center;
}

.why-rl-heading h2 span {
	color: var(--E346D6);
}

.why-rl-club .row {
	margin: 3rem 0 10rem;
	align-items: center;
}

/* .why-rl-gap{margin:3rem 0 10rem;}*/
.why-rl-text p {
	font-size: var(--size-23);
	font-weight: 500;
	line-height: 1.6;
}

.why-rl-top-images {
	position: relative;
	max-width: 600px;
	/* float:right;*/
	margin-left: auto;
}

.why-rl-top-images .bottom-left-image {
	width: 340px;
	position: absolute;
	bottom: -100px;
	left: -120px;
	border-radius: 10px;
	border: 10px solid #300043;
}

.why-rl-bottom-images {
	position: relative;
	max-width: 600px;
	/* float:left;*/
	margin-right: auto;
}

.why-rl-bottom-images .bottom-right-image {
	width: 340px;
	position: absolute;
	bottom: -100px;
	right: -120px;
	border: 10px solid #300043;
}

.why-rl-button {
	display: flex;
	justify-content: center;
	margin-top: 15rem;
}

.why-rl-club .row:nth-child(odd) {
	flex-direction: row-reverse;
}

.why-rl-club .row:nth-child(odd) .col-lg-7 .why-rl-top-images {
	margin-right: auto;
	margin-left: inherit;
}

.why-rl-club .row:nth-child(odd) .col-lg-7 .why-rl-top-images .bottom-left-image {
	right: -120px;
	left: auto;
}

.why-rl-club .row:last-child {
	margin-bottom: 0;
}

/* .tranform-btn img{width:40px;background:var(--FF0FEB);border-radius:50%;padding:10px;}*/
/* RLab-Key-features */
.rl-key-fetures {
	padding: 4rem 0;
}

.rl-key-heading {
	text-align: center;
	margin-bottom: 4rem;
}

.rl-key-heading h2 {
	font-size: var(--size-100);
	font-family: var(--test_tiempos_fine);
	font-weight: 400;
	line-height: 1.4;
}

.rl-key-heading span {
	font-style: italic;
    color: var(--FF0FEB);
	font-family: var(--test_tiempos_fine);
}

.key-fetures-box {
	border: 2px solid var(--white);
	background: transparent;
	border-radius: 100px 0 100px 0;
	padding: 50px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.key-middle-box {
	border-radius: 0 100px 0 100px;
}

.key-fetures-box:hover {
	background: var(--FF0FEB);
	border: 2px solid var(--FF0FEB);
	filter: url(#noiseFilter) saturate(65%);
}

.key-fetures-box h3 {
	font-family: var(--test_tiempos_fine);
	font-weight: 500;
	font-size: var(--size-50);
	line-height: 54px;
    margin-bottom: 2rem;
}

.fetures-text p {
	font-size: var(--size-23);
	font-weight: 300;
	line-height: 28px;
}

.arrow-btn {
	display: inline-block;
	width: 50px;
    margin-top: 2rem;
}

/* divide-section */
.divider-image {
	text-align: center;
}

.divider-image img {
	height: 50px;
	width: 600px;
}

/* rl-community */
.rl-community {
	padding: 4rem 0 0;
}

.community-heading {
	text-align: center;
}

.community-heading h3 {
	font-size: var(--size-30);
	font-weight: 500;
	line-height: 30px;
}

.community-heading h2 {
	font-size: var(--size-100);
	font-weight: 500;
	line-height: 1.5;
	margin: 2rem 0 4rem;
}

.community-bg {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding: 22rem 0 0;
	border-radius: 20px;
	color: var(--white);
	position: relative;
}

.community-bg::before {
	content: '';
	left: 0;
	bottom: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(124, 40, 125, 0.11) 0%, rgb(60 0 83) 100%);
}

.community-button {
	display: flex;
	position: relative;
	justify-content: center;
}

.community-btn {
	gap: 30px;
	width: 380px;
	padding: 1rem 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #9d40ac;
	border: 2px solid #9d40ac;
}

/* .community-btn img{width:40px;background:var(--white);border-radius:50%;padding:13px;}*/
.community-btn:hover {
	color: #9d40ac;
	background-color: var(--white);
	border: 2px solid #9d40ac;
}

.community-btn:hover span {
	background: #9d40ac;
}

.community-btn span {
	width: 60px;
	height: 60px;
	background: var(--white);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.community-btn span img {
	max-width: 20px;
}

.community-headline {
	text-align: center;
	margin-top: 6rem;
	position: relative;
}

.community-headline h2 {
	font-size: var(--size-129);
	font-weight: bold;
	line-height: 1;
}

.rl-community .modal {
	background: #00000080;
}

.rl-community .modal-dialog {
	max-width: 1000px;
}

.rl-community .modal-content {
	border-radius: 0;
}

.rl-community .modal-body {
	padding: 0;
}

.rl-community video {
	width: 100%;
	padding: 2px;
	border: none;
	position: relative;
}

.rl-community .btn-close {
	background: var(--white);
	opacity: 1;
	padding: 5px;
	font-size: 1.8rem;
	height: revert-layer;
	border-radius: 50%;
	position: absolute;
	top: 2%;
	right: 2%;
	--bs-btn-close-bg: none;
	--bs-btn-close-focus-shadow: none;
	z-index: 1;
	width: 40px;
    height: 40px;
}

/* Title-section */
.main-title {
	font-size: var(--size-640);
	font-weight: bold;
	background: -webkit-linear-gradient(-86deg, #ffffff 5%, #ffffff 20%, #3C0053 59%);
	-webkit-background-clip: text;
	-webkit-text-stroke: 6px transparent;
	color: var(--dark-violet);
	text-align: center;
}

.title-button {
	text-align: center;
	position: absolute;
	top: 10%;
	left: 0;
	right: 0;
}

/* rl-Footer */
.footer {
	padding: 8rem 0;
	background: url(../img/footer-top-left-star.png), url(../img/footer-bottom-right-star.png), var(--blue-purple);
	background-position: top 15% left 20%, bottom right, center;
	background-repeat: no-repeat;
	margin-top: -290px;
	position: relative;
}

.footer a {
	color: var(--white);
}

.footer-barnd img {
	width: 240px;
}

.footer-text {
	max-width: 530px;
}

.footer-text p {
	font-size: var(--size-20);
	font-weight: 300;
	line-height: 1.5;
	margin-top: 4rem;
    text-align: justify;
}

.footer-navbar h4 {
	font-size: var(--size-34);
	font-weight: 500;
	line-height: 40px;
}

.footer-navbar .navbar-link {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.footer-navbar .navbar-link li a {
	font-size: var(--size-20);
	font-weight: 300;
	line-height: 60px;
}

.location-info {
	display: flex;
	flex-direction: column;
	gap: 25px;
	margin-top: 2rem;
}

.located-info,
.located-info-call {
	display: flex;
	align-items: start;
	gap: 10px;
}

.location-info p {
	font-size: var(--size-20);
	font-weight: 300;
}

.location-info a {
	line-height: 20px;
	font-size: var(--size-20);
	font-weight: 300;
}

.location-info i {
	--fa-style: 900;
	font-size: 22px;
}

.footer-last-box {
	background: #4d0f59;
	padding: 1rem 0;
	text-align: center;
}

.footer-last-box p {
	font-size: var(--size-16);
	font-weight: 600;
	line-height: 23px;
	letter-spacing: 0.5em;
	padding: 0;
	margin: 0;
}

/* rl-form-Modal */
#becomeAmember .modal-dialog {
	/* max-width:32%;*/
	margin-right: auto;
	margin-left: auto;
}

#becomeAmember .modal-content {
	border-radius: 20px;
	background: var(--blue-purple);
	color: var(--white);
}

#becomeAmember .modal-header {
	border: 0;
	padding: 30px 40px 10px;
	align-items: start;
}

#becomeAmember .modal-header h2 {
	font-size: var(--size-30);
	font-weight: bold;
}

#becomeAmember .modal-body {
	position: relative;
	flex: 1 1 auto;
	padding: 0 40px 30px;
}

#becomeAmember .form-control {
	border: none;
	background-color: var(--white);
	padding: 20px;
	font-size: 16px;
	font-weight: 300;
	color: var(--FF0FEB);
}

#becomeAmember .form-select {
	border: none;
	background-color: #ffffffcc;
	padding: 20px;
	font-size: 16px;
	font-weight: 300;
	width: 150px;
	color: var(--dark-violet);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

#becomeAmember .form-select:focus {
	border-color: #86b7fe;
	outline: 0;
	box-shadow: none;
}

#becomeAmember .form-select option {
	color: var(--dark-violet);
}

#becomeAmember .form-control::placeholder {
	color: var(--FF0FEB);
	opacity: 1;
}

#becomeAmember .form-control:focus {
	background-color: var(--white);
	border-color: transparent;
	outline: 0;
	box-shadow: none;
}

/* #becomeAmember .input-group p {
	display: flex;
} */

#becomeAmember .wpcf7-form-control-wrap {
	width: 100%;
}

#becomeAmember .btn-close {
	--bs-btn-close-color: var(--white);
	--bs-btn-close-bg: url(../img/icon/modal-close.svg);
	opacity: 1;
	width: 2em;
	height: 2em;
	background: transparent var(--bs-btn-close-bg) center / 2.5em auto no-repeat;
}

#becomeAmember button:focus:not(:focus-visible) {
	outline: 0;
	box-shadow: none;
}

#becomeAmember .upload-label {
	color: var(--FF0FEB);
	margin: 0;
	font-weight: 500;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

#becomeAmember .upload-btn {
	background-color: var(--E346D6);
	border: none;
	color: var(--white);
	padding: 10px 20px;
	width: 145px;
	border-radius: 5px;
	cursor: pointer;
	font-weight: bold;
	transition: background-color 0.3s;
}

#becomeAmember .upload-btn:hover {
	background-color: var(--E346D6);
}

/* input[type="file"] {
	display: none;
} */

#becomeAmember .modal-footer {
	border-top: 0;
	justify-content: flex-start;
}

#becomeAmember .send-btn {
	font-size: var(--size-20);
	padding: 12px 0;
	margin: 0;
}

.input-group-text {
	color: var(--dark-violet);
	background: #ffffffcc;
	border: none;
}

/* rl-inner-page-title */
.ineer-title-section {
	padding: 5rem 0 0;
}

.inner-title {
	margin-top: -200px;
}

.inner-footer {
	margin-top: -360px;
}

.inner_banner,
.contact-banner {
	background-position: top center;
	background-size: cover;
	/* padding: 37rem 0 6rem; */
	/* min-height: 1250px; */
	color: var(--white);
}

/* rl-contact-section */
.rl-contact-section {
	padding: 6rem 0;
	background: var(--white);
	color: var(--black);
}

.contact-logo {
	max-width: 400px;
}

.contact-top-heading {
	max-width: 528px;
}

.contact-top-heading h2 {
	font-family: var(--test_tiempos_fine);
	font-size: var(--size-100);
	font-weight: 300;
	line-height: 1.5;
}

.contact-top-heading p {
	font-size: var(--size-23);
	line-height: 34px;
}

.contact-info-left {
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 50px;
}

.contact-top-info {
	display: flex;
	gap: 10px;
	align-items: center;
}

.contact-top-info i {
	font-size: 22px;
}

.contact-top-info span {
	font-size: var(--size-23);
	line-height: 34px;
	font-weight: 400;
}

.contact-main-box {
	background: var(--white);
	border-radius: 20px;
	box-shadow: 0px 0px 50px 10px #00000038;
	padding: 6rem 5rem 4rem;
}

.contact-box-header h3 {
	font-size: var(--size-50);
	font-weight: 500;
	line-height: 50px;
	margin-bottom: 3rem;
}

.contact-box-body label {
	font-size: var(--size-20);
	font-weight: 400;
	line-height: 54px;
}

.contact-box-body .form-control {
	padding: 0.375rem 1.5rem;
	font-size: var(--size-20);
	line-height: 3;
	border: 1px solid var(--black);
	border-radius: 15px;
}

.contact-box-body .form-textarea {
	height: 250px;
}

.contact-box-body .form-control:focus {
	border: 1px solid var(--black);
	outline: 0;
	box-shadow: none;
}

.submit-btn {
	width: 100%;
	padding: 1rem 0;
	background: var(--E346D6);
	margin: 0;
}

/* faq page */
.faqSec {
	padding: 5rem 0 3rem;
	color: var(--black);
	background-color: var(--white);
}

.faqSec .sec_heading {
	max-width: 800px;
	margin-bottom: 3rem;
}

.faqSec .sec_heading h2 {
	font-weight: 400;
	line-height: 1;
	font-size: var(--size-80);
}

.faqAccordion .accordion-item {
	padding-inline: 1.5rem;
	margin-bottom: 1rem;
	border-radius: 6px;
	border: 1px solid #b9b9b9;
}

.faqAccordion h2 {
	line-height: 1;
	padding-block: 1.2rem;
}

.faqAccordion h2 .accordion-button {
	font-weight: 600;
	color: var(--black);
	font-size: var(--size-30);
}

.faqAccordion p {
	font-weight: 400;
	color: var(--black);
	font-size: var(--size-20);
}

.faqAccordion .accordion-button::after {
	width: 20px;
	height: 20px;
	background-image: url('../img/icon/minus-icon.svg');
	background-size: 20px;
	background-position: center center;
	background-repeat: no-repeat;
}

.faqAccordion .accordion-button.collapsed::after {
	width: 20px;
	height: 20px;
	background-image: url('../img/icon/plus-icon.svg');
	background-size: 20px;
	background-position: center center;
	background-repeat: no-repeat;
}

.faqAccordion .accordion-body {
	margin-top: 1rem;
	color: var(--black);
	font-size: var(--size-20);
}

.faqCard_wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2.5rem 1.5rem;
	border-radius: 8px;
	text-align: center;
	border: 1px solid #b9b9b9;
}

.faqCard_icon {
	margin-bottom: 2rem;
}

.faqCard_icon img {
	width: 5rem;
	margin-inline: auto;
}

.faqCard_wrapper h4 {
	font-weight: 500;
	margin-bottom: 1.2rem;
	font-size: var(--size-30);
}

.faqCard_wrapper .common-btn {
	padding: 1rem 0;
	font-weight: 400;
	background-color: var(--E346D6);

	&:hover {
		color: var(--white);
		background-color: var(--dark-violet);
		border-color: var(--dark-violet);
	}
}

/* honorary-members page */
.honoraryMemberSec {
	padding: 5rem 0 3rem;
	color: var(--black);
	background-color: var(--white);
}

.honoraryMemberSec .sec_heading {
	text-align: center;
	margin-bottom: 2rem;
}

.honoraryMemberSec .sec_heading h2 {
	font-weight: 400;
	font-size: var(--size-80);

	span {
		color: var(--FF0FEB);
	}
}

.memberimg {
	width: 100%;
	height: 320px;
	overflow: hidden;
	margin-bottom: 1rem;

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

.memberCard h4 {
	font-weight: 500;
	font-size: var(--size-34);
}

.memberCard p {
	font-weight: 300;
	font-size: var(--size-23);
}

/* Rl-About-Us-Start */
.rl-about {
	padding: 7rem 0;
	background: var(--white);
	color: var(--black);
}

.rl-about .why-rl-text p {
	font-size: var(--size-30);
	font-weight: 500;
	line-height: 1.6;
}

.rl-about .why-rl-top-images .bottom-left-image {
	width: 480px;
	bottom: -130px;
	left: -180px;
	position: absolute;
	border: 10px solid var(--white);
}

.why-rl-gap {
	margin: 3rem 0 10rem;
}

.research-main {
	padding-top: 5rem;
}

.research-heading h2 {
	font-size: var(--size-80);
	font-weight: 500;
	line-height: 1;
	margin-bottom: 4rem;
	text-align: center;

	span {
		color: var(--FF0FEB);
	}
}

.rl-about .research-main .col-lg-3 {
	margin: 0;
}

.research-face-content {
	border: 4px solid var(--violet);
	border-radius: 20px;
	padding: 3rem;
}

.face-box {
	background: var(--violet);
	color: var(--white);
	border-radius: 20px;
	width: 100%;
	height: 100%;
	padding: 10rem 1rem;
	text-align: center;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.face-box p {
	font-size: var(--size-40);
	font-weight: 500;
	line-height: 37px;
	max-width: 320px;
}

.face-icon {
	background: #ffffff40;
	border-radius: 50%;
	padding: 1.4rem 1.8rem;
	position: absolute;
	bottom: 5%;
	right: 5%;
	width: 72px;
	height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.face-icon img {
	width: 30px;
}

.icon-01 {
	padding: 1.1rem;
}

.icon-01 img,
.icon-02 img,
.icon-03 img {
	width: 50px;
}

.icon-02 {
	padding: 1.3rem 1.2rem;
}

.icon-03 {
	padding: 1.5rem 1.15rem;
}

.rl-vision-mission {
	padding: 8rem 0;
}

.rl-vision-mission-heading h2 {
	font-size: var(--size-100);
	font-family: var(--test_tiempos_fine);
	font-weight: 300;
	line-height: 1;
	text-align: center;
	max-width: 900px;
	margin: 0 auto 8rem;

	span {
		color: var(--FF0FEB);
		font-family: var(--test_tiempos_fine);
	}
}

.vision-mission-image img {
	border-radius: 0 80px 0 80px;
}

.rl-vision-mission .row {
	align-items: center;
}

.rl-vision-mission .row:nth-child(odd) {
	flex-direction: row-reverse;
	margin-top: 2rem;
}

.vision-content {
	margin-bottom: 2rem;
}

.vision-mission-content {
	display: flex;
	gap: 40px;
	align-items: start;
}

/* .vision-mission-text {
	margin-top: 4rem;
} */

.vision-mission-text p {
	font-size: var(--size-24);
	font-weight: 500;
	line-height: 1.4;
}

.vision-mission-content img {
	width: 30px;
	height: 220px;
}

.rl-vision-mission h3 {
	font-size: var(--size-47);
	font-weight: bold;
	line-height: 63px;
	margin-bottom: 4rem;
	color: var(--FF0FEB);
}

.rl-knowledge-sec {
	padding: 4rem 0;
	background: var(--blue-purple);
}

.rl-knowledge-heading h2 {
	font-family: var(--test_tiempos_fine);
	font-size: var(--size-100);
	font-weight: 300;
	line-height: 1;
	text-align: center;
	max-width: 900px;
	margin: 0 auto 5rem;

	span {
		color: var(--FF0FEB);
		font-family: var(--test_tiempos_fine);
	}
}

.knowledge-main {
	background: var(--white);
	padding: 30px;
	height: 100%;
}

.knowledge-box {
	border: 1px solid var(--violet);
	padding: 70px 20px;
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.knowledge-box h3 {
	color: var(--violet);
	text-align: center;
	font-size: var(--size-34);
	font-weight: 600;
	line-height: 43px;
}

.border-top-left-icon {
	position: absolute;
	top: -14%;
	left: -3%;
	background: #fff;
	padding: 1rem;
}

.border-top-left-icon img {
	width: 60px !important;
}

/* Rl-About-Us-end */
/* Rl-Community-page-start */
.rl-community-page {
	background: var(--blue-purple);
	padding: 4rem 0;
}

.community-page-box {
	border-top: 2px solid #ffffff30;
	padding: 4rem 0;
}

.community-page-number h2 {
	text-align: center;
	font-size: var(--size-289);
	font-style: italic;
	font-family: var(--test_tiempos_fine);
	font-weight: bold;
	line-height: 1;
	color: #FFFFFF;
	background-image: linear-gradient(180deg, #FFFFFF 0%, #310042 60%, #310042 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	opacity: 0.2;
}

.community-page-heading {
	margin: -160px auto 0;
	position: relative;
	max-width: 610px;
}

.community-page-heading h3 {
	font-size: var(--size-80);
	line-height: 1.2;
	font-weight: 500;

	span {
		color: var(--FF0FEB);
	}
}

.community-page-box ul {
	list-style-type: none;
	display: flex;
	flex-direction: column;
	gap: 40px;
	margin-top: 4rem;
	padding: 0;
}

.community-page-box ul li {
	position: relative;
	display: flex;
	flex-direction: column;
	font-size: var(--size-24);
	font-weight: 300;
	line-height: 1.8;
	padding-left: 50px;
}

.community-page-box ul li::after {
	content: "";
	position: absolute;
	left: 0;
    top: 5px;
	background: url(../img/icon/tick.svg);
	background-repeat: no-repeat;
    background-size: 30px;
	height: 100%;
	width: 100%;
}

.community-white-border {
	position: relative;
}

.community-white-border::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	transform: translateX(-50%);
	border: 1px solid #ffffff30;
}

.community-white-border .col-lg-6:nth-child(1) .community-page-box,
.community-white-border .col-lg-6:nth-child(2) .community-page-box {
	border-top: 0;
}

.community-white-border .col-lg-6:nth-child(5) .community-page-box .community-page-heading,
.community-white-border .col-lg-6:nth-child(6) .community-page-box .community-page-heading {
	max-width: 520px;
}

/* Rl-Community-page-end */
/* Rl-Foundation-page-start */
.rl-goal-sec {
	background: #f8f8f8;
	color: var(--black);
	padding: 5rem 0;
}

.rl-goal-heading {
	text-align: center;
}

.rl-goal-heading h2 {
	font-size: var(--size-100);
	font-family: var(--test_tiempos_fine);
	font-weight: 300;
	line-height: 1.5;
}

.rl-goal-heading h2 span {
    color: var(--FF0FEB);
	font-family: var(--test_tiempos_fine);
}

.our-goal-box {
	background: #fff;
	padding: 4rem;
	border-radius: 15px;
	border: 1px solid #000;
	margin-top: 5rem;
}

.our-goal-content {
    gap: 20px;
	display: flex;
	justify-content: space-between;
	margin-top: 4rem;
}

.our-goal-details {
	display: flex;
	align-items: flex-start;
}

.our-goal-details ul {
	position: relative;
	padding-left: 40px;
	padding-top: 10px;
	list-style: none;
	margin: 0;
}

.our-goal-details ul::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 50px;
	background-color: #D1A5F0;
	border-radius: 50px;
}

.our-goal-details ul li {
	position: relative;
	margin-bottom: 40px;
	color: #5A1170;
	font-size: var(--size-30);
	line-height: 35px;
	font-weight: 400;
	padding-left: 40px;
}

.our-goal-details ul li::before {
	content: "";
	background: url(../img/icon/purple-tick.svg) no-repeat;
	background-size: 30px;
	position: absolute;
	left: -30px;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rl-foudation-detail {
	background: #f8f8f8;
	padding: 2rem 0 7rem;
}

.foundation-image {
	position: relative;
}

.foundation-box {
	margin-top: 40px;
}

.foundation-title {
	display: flex;
	gap: 30px;
	background: #f8f8f8;
	color: var(--black);
	width: 35%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 40px 0 20px;
}

.foundation-title img {
	width: 5px;
	height: 95px;
}

.foundation-title h2 {
	font-size: var(--size-47);
	line-height: 1.4;
	font-weight: bold;
}

.foundation-content {
	max-width: 532px;
	margin-top: 1rem;
}

.foundation-content p {
	color: var(--black);
	font-size: var(--size-30);
	font-weight: 500;
	line-height: 37px;
}

.home-sec-text {
	background: url(../img/home-sec-star-bg.png) var(--blue-purple);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 28% auto;
	padding: 8rem 0;
}

.home-sec-content {
	text-align: center;
}

.home-sec-content h2 {
	font-family: var(--test_tiempos_fine);
	font-size: var(--size-75);
	font-weight: 400;
	line-height: 1.4;
}

.home-sec-content h2 span {
    color: var(--FF0FEB);
	font-family: var(--test_tiempos_fine);
}

.donate-btn {
	width: 450px;
}

/* Rl-Foundation-page-end */
/* Blog page start */
.blog_section {
	padding-block: 5rem;
	background-color: var(--white);
}

.blog-section {
	padding: 4rem 0;
}

.blog-item {
	margin-bottom: 2rem;
}

.blog-box-inner {
	width: 100%;
	height: 100%;
	margin: auto;
	border-radius: 0.7rem;
	overflow: hidden;
	background: var(--white);
	box-shadow: 0rem 0rem 0.5rem rgba(0, 0, 0, 0.2);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
	transition: var(--transition);
}

.blog-box-images {
	height: 250px;
	width: 100%;
	overflow: hidden;

	img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: var(--transition);
	}
}

.blog-box-inner:hover .blog-box-images img {
	transform: scale(1.1);
}

.blog-box-content {
	padding: 0 1.5rem 1.5rem;
}

.blog-metabox {
	gap: 20px;
	display: flex;
	align-items: center;
	margin: 1rem 0;
}

.blog-meta {
	gap: 10px;
	display: flex;
	align-items: center;
	color: var(--black);

	img {
		width: 25px;
	}
}

.blog-box-content h4 {
	font-size: var(--size-24);
	color: var(--black);
}

.blog-box-content p {
	color: var(--gray);
	font-size: var(--size-16);
	line-height: 25px;
	font-weight: 400;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	max-height: 6.6rem;
	color: var(--black);
}

.blog-box-content .common-btn {
	width: 150px;
	margin-top: 0;
	padding: 1rem 0;
	font-size: var(--size-16);
}

.pagination-blog {
	text-align: center;
}

.custompager .page-numbers {
	height: 40px;
	width: 40px;
	color: var(--white);
	align-items: center;
	line-height: 33px;
	display: inline-flex;
	justify-content: center;
	background-color: var(--E346D6);

	&:hover {
		background-color: var(--dark-violet);
	}
}

.custompager .page-numbers.current {
	background-color: var(--dark-violet);
}

.blog-inner {
	padding: 7rem 0;
}

.banner-area-txt h1 {
	font-size: var(--size-50);
}

.single-page-main {
	padding-block: 5rem;
	background-color: var(--white);
}

.thumbnail-image {
	width: 100%;
	height: 500px;
	overflow: hidden;
	border-radius: 8px;

	img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}
.plainContent{
	color: var(--black);
}
.plainContent h2 {
	font-weight: 600;
	font-size: var(--size-47);
}

.plainContent h3 {
	font-weight: 600;
	font-size: var(--size-34);
}

.plainContent h4 {
	font-weight: 600;
	font-size: var(--size-30);
}

.plainContent h5 {
	font-weight: 600;
	font-size: var(--size-24);
}

.plainContent h6 {
	font-weight: 600;
	font-size: var(--size-20);
}

.plainContent a {
	color: var(--red);
}

.plainContent li {
	font-weight: 400;
	line-height: normal;
	margin-bottom: 0.5rem;
	font-size: var(--size-20);
}

.latest-blog-lists {
	color: var(--black);
	padding: 1rem;
	border-radius: 8px;
	background: var(--white);
	box-shadow: 0rem 0rem 0.5rem rgba(0, 0, 0, 0.2);
}

.latest-list-item {
	gap: 20px;
	display: flex;
	align-items: center;
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid #ccc;
}

.latest-list-item:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

.latest-list-item .blog-box-images {
	width: 30%;
	height: 80px;
	overflow: hidden;
	border-radius: 8px;

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

.latest-list-item .blog-box-content {
	width: 70%;
	padding: 0;
}

.latest-list-item .blog-box-content h4 {
	font-size: var(--size-18);
}

.latest-list-item .blog-box-content h4 a:hover {
	color: var(--red);
}

.latest-list-item .blog-meta {
	img {
		width: 18px;
	}

	span {
		font-size: var(--size-14);
	}
}

.defaultPage-inr-bnr {
	padding-block: 5rem;
}

.banner-content-inner h1 {
	font-size: var(--size-50);
}

.common-bottom-section {
	padding: 5rem 0;
	color: var(--black);
	background-color: var(--white);
}

.page-template-default .footer,
.single-post .footer {
	margin-top: 0;
}