@import url('https://fonts.googleapis.com/css2?family=Quantico:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Capriola&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oleo+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');


* {
    margin: 0;
    padding: 0;
  }
/* Text Style */
.rai-auth-title{
    font-family: 'Quantico', sans-serif;
    color: #c8102e; /* Classic red color */
    text-align: center; /* Center-align headers for emphasis */
    text-transform: uppercase; /* Uppercase headers for a formal look */
    font-size: 30px;
    font-weight: 700;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  }
  .rai-auth-text{
    font-family: 'Capriola', sans-serif; /* Apply Capriola font to headers */
    color: #070707; /* Classic red color or adjust as needed */
    text-align: center; /* Center-align headers for emphasis */
    /* text-transform: uppercase; Uppercase headers for a formal look */
    margin: 0.5em 0;
    font-size: 22px;
    font-weight: 700;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  }
  .rai-auth-text1{
    font-family: 'Capriola', sans-serif; /* Apply Capriola font to headers */
    color: #070707; /* Classic red color or adjust as needed */
    font-size: 20px;
    margin-top: 2px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  }
  .rai-auth-textfeild{
    font-family: 'Capriola', sans-serif; /* Apply Capriola font to headers */
    color: #070707; /* Classic red color or adjust as needed */
    font-size: 18px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  }
  .rai-auth-text2{
    /* font-family: 'Pacifico', cursive; */
    z-index: 25;
    font-family: 'Oleo Script', cursive;
    color: #ff12b0; /* Classic red color or adjust as needed */
    text-align: center; /* Center-align headers for emphasis */
    margin: 0.5em 0; /* Spacing around headers */
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    font-weight: 600;
    font-size: 26px;
  }
  .rai-auth-text3{
    z-index: 25;
    font-family: 'Righteous', sans-serif;
    color: #dbff12; /* Classic red color or adjust as needed */
    text-align: center; /* Center-align headers for emphasis */
    font-size: 26px;
  }
  .rai-text3{
    z-index: 25;
    font-family: 'Righteous', sans-serif;
    color: #1b191b; /* Classic red color or adjust as needed */
    text-align: center; /* Center-align headers for emphasis */
    font-size: 26px;
  }
  .glow-text{
	font-weight: 600;
    font-family: 'Capriola', sans-serif;
	letter-spacing: 3px;
	font-size: 26px;
    text-shadow: 1px 1px 3px rgba(255, 74, 74, 0.2);
	background: linear-gradient(to right, #121FCF 0%, #CF2787 81%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
  .glow-text1{
	font-weight: 600;
    font-family: 'Capriola', sans-serif;
	letter-spacing: 3px;
	font-size: 30px;
    text-shadow: 1px 1px 3px rgba(255, 74, 74, 0.2);
	background: linear-gradient(to right, #121FCF 0%, #CF2787 81%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.style-text-1{
    font-family: 'Oleo Script', cursive;
    font-weight: 700;
    letter-spacing: 3px;
	font-size: 32px;
    text-shadow: 1px 1px 3px rgba(255, 74, 74, 0.2);
	background: linear-gradient(to right, #121FCF 0%, #CF2787 81%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

}
.text-about-title{
    font-family: "Alegreya", serif;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1.5px;
	font-size: 36px;
    text-shadow: 1px 1px 3px rgba(255, 74, 74, 0.2);

}

.para-text-1{
    font-family: "Noto Sans", sans-serif;
    font-style: normal;
    font-weight: 600;
	font-size: 18px;
    text-shadow: 1px 1px 3px rgba(255, 74, 74, 0.2);

}
.para-text-2{
    font-family: "Noto Sans", sans-serif;
    font-style: normal;
    font-weight: 600;
	font-size: 14px;
    text-shadow: 1px 1px 3px rgba(248, 30, 30, 0.808);

}
 /* Auth Page Designs */
 .auth-page {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    padding: 30px;
  }

  .auth-container {
    position: relative;
    max-width: 1000px;
    width: 100%;
    background: #fff;
    padding: 40px 40px;
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.527), 0 17px 50px 0 rgba(0,0,0,0.19);
    perspective: 2700px;
    border-radius: 50px;
  }

  .auth-container .auth-cover {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: 50%;
    z-index: 98;
    transition: all 1s ease;
    transform-origin: left;
    transform-style: preserve-3d;
    backface-visibility: hidden;
  }

  .auth-container #flip:checked ~ .auth-cover {
    transform: rotateY(-180deg);
  }

  .auth-container #flip:checked ~ .auth-forms .auth-login-form {
    pointer-events: none;
  }

  .auth-container .auth-cover .auth-front,
  .auth-container .auth-cover .auth-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }

  .auth-cover .auth-back {
    transform: rotateY(180deg);
  }

  .auth-container .auth-cover img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: 10;
  }

  .auth-container .auth-cover .auth-text {
    position: absolute;
    z-index: 10;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .auth-container .auth-cover .auth-text::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    background: #7d2ae8;
  }

  .auth-cover .auth-text .auth-text-1,
  .auth-cover .auth-text .auth-text-2 {
    z-index: 20;
    font-size: 26px;
    font-weight: 600;
    color: #fffb00;
    text-align: center;
  }

  .auth-cover .auth-text .auth-text-2 {
    font-size: 15px;
    font-weight: 500;
  }

  .auth-container .auth-forms {
    height: 100%;
    width: 100%;
    background: #fff;
  }

  .auth-container .auth-form-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .auth-form-content .auth-login-form,
  .auth-form-content .auth-loginotp-form {
    width: calc(100% / 2 - 25px);
  }

  .auth-forms .auth-form-content .auth-title {
    position: relative;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #ff0000;
  }

  .auth-forms .auth-form-content .auth-title:before {
    content: '';
    position: absolute;
    left: 20;
    bottom: 0;
    height: 4px;
    width: 135px;
    background: #7d2ae8;

  }

  .auth-forms .auth-loginotp-form .auth-title:before {
    width: 135x;
  }

  .auth-forms .auth-form-content .auth-input-boxes {
    margin-top: 25px;
  }

  .auth-forms .auth-form-content .auth-input-box {
    display: flex;
    align-items: center;
    height: 50px;
    width: 100%;
    margin: 5  px 0;
    position: relative;
  }
  .auth-forms .auth-form-content .auth-input-box1 {
    display: flex;
    align-items: center;
    height: 5px;
    width: 100%;
    margin: 2.5  px 0;
    position: relative;
  }

  .auth-form-content .auth-input-box input {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #9900ff;
    border-radius: .50rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  }

  .auth-form-content .auth-input-box input:focus,
  .auth-form-content .auth-input-box input:valid {
    border-color: #7d2ae8;
  }

  .auth-form-content .auth-input-box i {
    position: absolute;
    color: #00ff40;
    font-size: 25px;
  }

  .auth-forms .auth-form-content .auth-text {
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
    color: #000000;
    text-align: center;
  }

  .auth-forms .auth-form-content .auth-text a {
    text-decoration: none;
  }

  .auth-forms .auth-form-content .auth-text a:hover {
    text-decoration: underline;
  }

  .auth-forms .auth-form-content .auth-button {
    color: #fff;
    margin-top: 30px;
  }

  .auth-forms .auth-form-content .auth-button input {
    background-image: -o-linear-gradient(284deg, rgb(255, 3, 99) 0%, rgb(148, 45, 217) 100%);
    background-image: linear-gradient(166deg, rgb(255, 3, 100) 0%, rgb(148, 45, 217) 100%);
    -webkit-box-shadow: 0.872px 9.962px 20px 0px rgba(12, 78, 165, 0.3);
            box-shadow: 0.872px 9.962px 20px 0px rgba(12, 78, 165, 0.3);
    padding: 11px 35px;
    font-weight: 600;
    color: #ffffff;
    border-radius: 50px;
    display: flex;
    border: 0px;
    cursor: pointer;
    width: 100%;
    height: auto;

  }

  .auth-forms .auth-form-content .auth-button input:hover {
    box-shadow: 0 12px 16px 0 rgba(255, 39, 39, 0.747), 0 5px 30px 0 rgba(211, 5, 166, 0.938);
  }

  .auth-forms .auth-form-content label {
    color: #2fc900;
    cursor: pointer;
  }

  .auth-forms .auth-form-content label:hover {
    text-decoration: underline;
  }

  .auth-forms .auth-form-content .auth-login-text,
  .auth-forms .auth-form-content .auth-sign-up-text {
    text-align: center;
    margin-top: 35px;
  }

  .auth-container #flip {
    display: none;
  }

  @media (max-width: 730px) {
    .auth-container .auth-cover {
      display: none;
    }

    .auth-form-content .auth-login-form,
    .auth-form-content .auth-loginotp-form {
      width: 100%;
    }

    .auth-form-content .auth-loginotp-form {
      display: none;
    }

    .auth-container #flip:checked ~ .auth-forms .auth-loginotp-form {
      display: block;
    }

    .auth-container #flip:checked ~ .auth-forms .auth-login-form {
      display: none;
    }
  }


.custom-button1 {
    background-image: -o-linear-gradient(284deg, rgb(242, 40, 118) 0%, rgb(148, 45, 217) 100%);
    background-image: linear-gradient(166deg, rgb(242, 40, 118) 0%, rgb(148, 45, 217) 100%);
    -webkit-box-shadow: 0.872px 9.962px 20px 0px rgba(12, 78, 165, 0.3);
            box-shadow: 0.872px 9.962px 20px 0px rgba(12, 78, 165, 0.3);
    padding: 11px 35px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 50px;
    font-family: 'Quantico', sans-serif;
    font-size: 22px;
    display: inline-block;
    border: 0px;
    cursor: pointer;
    font-style: italic;
    width: auto;
    height: auto;
  }

  /* RAI new Styles */

.navbar {
    /* background: #FF4E50;
background: -webkit-linear-gradient(to right, #F9D423, #FF4E50);
background: linear-gradient(to right, #fc8b0a, #fc1b1e); */

background-image: -o-linear-gradient(284deg, rgb(242, 40, 118) 0%, rgb(148, 45, 217) 100%);
    background-image: linear-gradient(166deg, rgb(242, 40, 118) 0%, rgb(148, 45, 217) 100%);
    -webkit-box-shadow: 0.872px 9.962px 20px 0px rgba(12, 78, 165, 0.3);
            box-shadow: 0.872px 9.962px 20px 0px rgba(12, 78, 165, 0.3);
}

.navbar .navbar-brand img{
	height: 40px;
}

.navbar .nav-style {
	font-family: "Roboto Slab", serif;
	font-size: 20px;
	font-weight: 600;
	margin-right: 10px;
	margin-bottom: 10px;
	transition: all ease 0.2s;
    color: #ffffff;
}

.navbar .nav-style:hover {
	color: #000000;
}

.nav-register-btn{
	color:#ffffff;
	border-radius: 25px;
	padding: 8px 28px!important;
	margin-right: 20px!important;
	font-weight: 400;
	background: linear-gradient(143deg, #ff4b1f  0%, #ffe868  100%);
	transition: all ease 0.3s!important;
}

.nav-login-btn{
	color:#ffffff;
	border-radius: 25px;
	padding: 8px 28px!important;
	margin-right: 20px!important;
	font-weight: 400;
	background: linear-gradient(143deg, #ff4b1f  0%, #ffe868  100%);
	transition: all ease 0.3s!important;
}
.navbar .nav-login-btn span{
	transition: all ease 0.2s!important;
    font-family: "Roboto Slab", serif;
}


@media (max-width:480px){
	.navbar .nav-register-btn, .nav-login-btn {
     	margin-right: 10px !important;
     	width: 140px;
		text-align: center;
     }
}

/* Feature Section Design */

.rai-features-section h2{
	font-weight: 700;
	font-size: 40px;
}

.rai-features-section .rai-f-card{
	box-shadow: 0px 1px 5px 2px #ff939396;
    padding: 20px 18px;
	border-radius: 8px;
	transition: all ease 0.8s!important;
}

.rai-features-section .rai-f-card:hover{
	box-shadow: 0px 10px 10px 3px #423d3dda
}

.rai-features-section .rai-f-card h5{
	font-size: 19px;
	font-weight: 600;
	color: #35325e;
	font-family: "Roboto", sans-serif;
}

.rai-features-section .rai-f-card p{
	font-size: 15px;
	color: #7d7c7c;
}

/* About Section Design */

.about-section h2{
	color: #35325e;
	font-weight: 700;
	font-size: 40px;
}

.about-section p{
	font-size: 18px;
	color: #7d7c7c;
}

.about-section-list i{
	margin-right:10px;
	font-size: 18px;
	color: #CF2787;
}

.about-section-list .list-item{
	margin-bottom: 10px;
}

.about-section .btn-register{
	color: #fff;
	background: #CF2787;
	padding: 8px 25px;
	font-weight: 500;
}
.about-section img{
	max-width: 100%;
    height: auto;
}


/* Custom Button Color */
.custom-button1 {
    background-image: -o-linear-gradient(284deg, rgb(242, 40, 118) 0%, rgb(148, 45, 217) 100%);
    background-image: linear-gradient(166deg, rgb(242, 40, 118) 0%, rgb(148, 45, 217) 100%);
    -webkit-box-shadow: 0.872px 9.962px 20px 0px rgba(12, 78, 165, 0.3);
            box-shadow: 0.872px 9.962px 20px 0px rgba(12, 78, 165, 0.3);
    padding: 11px 35px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 50px;
    font-family: 'Quantico', sans-serif;
    font-size: 22px;
    display: inline-block;
    border: 0px;
    cursor: pointer;
    font-style: italic;
    width: auto;
    height: auto;
  }

/* Why Section Style */
.why-elite-matrimony-section{
	background: #fafafa;
}

.why-elite-matrimony-section h2 {
	font-weight: 600;
	font-size: 35px;
}

.why-elite-matrimony-section .section-description{
	color: #766f6f;
	font-size: 17px;
	font-family: "Inter";
}

.card-hover {
	border:1px solid #cfedfb;
	padding: 20px 10px;
	height: 100%;
	border-radius: 16px;
	transition: all ease 0.5s;
	font-family: "Inter";
}

.card-hover:hover {
	box-shadow: 0px 1px 12px 2px #c9e6ff;
}

.why-elite-matrimony-section .why-elite-card-head {
	font-size: 36px;
	font-weight: 700;
}

.why-elite-matrimony-section .why-elite-card-detail {
	font-size: 18px;
	color: #550340;
}

.dashboard-nav{
    background-image: -o-linear-gradient(284deg, rgb(242, 40, 118) 0%, rgb(148, 45, 217) 100%);
    background-image: linear-gradient(166deg, rgb(242, 40, 118) 0%, rgb(148, 45, 217) 100%);
    -webkit-box-shadow: 0.872px 9.962px 20px 0px rgba(12, 78, 165, 0.3);
            box-shadow: 0.872px 9.962px 20px 0px rgba(12, 78, 165, 0.3);
}

.dashboard-nav .navbar-brand img{
	height: 40px;
    width: auto;
	transition: all ease 0.5s;
}

.dashboard-nav .navbar-brand img:hover{
	transform: scale(0.9);
}

.d-nav-item {
	margin-right: 8px;
	font-size: 18px;
	font-weight: 800;
    color: #fbff14;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #ffffff;
    font-size: 20px;
    font-weight: 900;
}

.navbar-nav .nav-link:hover {
    color: #ffffff;
    font-size: 20px;
    font-weight: 900;
}

.dropdown-item:hover {
	background: #e91c93;
	color: #fff;
}

.profile-menu-drop {
	text-align: right!important;
}

@media (max-width:768px) {
	.profile-menu-drop{
	    text-align: left !important;
	    margin-top: 10px;
	}
}


/* Text Styles */
.profile-text-name{
    font-family: "Alegreya", serif;
    font-style: normal;
    font-weight: 700;
    z-index: 25;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 1px 1px 3px rgba(255, 22, 255, 0.767);
	font-size:  26px;

}

.profile-text1{
    font-family: "Roboto Slab", serif;
    font-style: normal;
    z-index: 25;
	font-size:  20px;
    font-weight: 700;

}
.profile-text2{
    font-family: "Roboto Slab", serif;
    font-style: normal;
	font-size:  18px;
    line-height: 30px;
    font-weight: 600;
}
.profile-text3{
    font-family: "Roboto Slab", serif;
    font-style: normal;
	font-size:  18px;
    color: #66024d;
    line-height: 30px;
    font-weight: 500;
}