/*
font-family: 'Open Sans';
*/
html,
body {
overflow-x: hidden;
}
body {
display: flex;
flex-direction: column;
height: 100%;
}
.middle-content {
min-height: calc(100vh - 706px);
}
.footer-section {
margin-top: auto;
}
html {
scroll-behavior: smooth;
}
body {
color: #7b7b7b;
font-size: 16px;
font-weight: 400;
line-height: 26px;
text-align: left;
font-family: "Open Sans";
}
p {
font-weight: 400;
font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #101210;
}
a {
transition: all 0.3s ease-out 0s;
}
a {
color: #101010;
text-decoration: none;
}
a:focus,
.btn:focus {
text-decoration: none;
outline: none;
}
a:focus,
a:hover {
text-decoration: none;
text-decoration: none;
color: #101010;
}
.uppercase {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit;
transition: 0.5s;
}
ul {
margin: 0px;
padding: 0px;
}
#preloader {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 999999999999;
background-color: #FCF5E4;
background-image: url("../images/jito.gif");
background-repeat: no-repeat;
background-position: center center;
}
.prgoress_indicator {
position: fixed;
right: 50px;
bottom: 20px;
height: 46px;
width: 46px;
cursor: pointer;
display: block;
border-radius: 50px;
box-shadow: inset 0 0 0 2px rgba(187, 247, 55, 0.2);
z-index: 1000;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
transform: translateY(15px) !important;
transition: all 200ms linear !important;
}
.prgoress_indicator.active-progress {
opacity: 1;
visibility: visible;
transform: translateY(0) !important;
}
.prgoress_indicator::after {
position: absolute;
content: "\f106";
font-family: "Font Awesome 5 Free";
text-align: center;
line-height: 46px;
font-size: 18px;
color: #D41F29;
left: 0;
top: 0;
height: 46px;
width: 46px;
cursor: pointer;
display: block;
font-weight: 900;
z-index: 1;
transition: all 200ms linear !important;
}
.prgoress_indicator::before {
position: absolute;
content: "\f106";
font-family: "Font Awesome 5 Free";
text-align: center;
line-height: 46px;
font-size: 18px;
font-weight: 900;
opacity: 0;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
left: 0;
top: 0;
height: 46px;
width: 46px;
cursor: pointer;
display: block;
z-index: 2;
transition: all 200ms linear !important;
}
.prgoress_indicator:hover ::after {
color: #D41F29;
}
.prgoress_indicator:hover ::before {
opacity: 1;
}
.prgoress_indicator svg path {
fill: none;
}
.prgoress_indicator svg.progress-circle path {
stroke: #D41F29;
stroke-width: 4;
box-sizing: border-box;
transition: all 200ms linear !important;
}
.curser {
position: fixed;
mix-blend-mode: difference;
top: 0;
left: 0;
width: 35px;
height: 35px;
border: 1px solid #D41F29;
border-radius: 50%;
pointer-events: none;
transform: translate(-50%, -50%);
z-index: 9999;
transition: 0.1s;
}
.curser2 {
position: fixed;
mix-blend-mode: difference;
top: 0;
left: 0;
width: 5px;
height: 5px;
background: #D41F29;
border-radius: 50%;
pointer-events: none;
transform: translate(-50%, -50%);
z-index: 9999;
transition: 0.15s;
animation: Ripple 1.6s ease-in-out infinite;
-webkit-animation: Ripple 1.6s ease-in-out infinite;
-moz-animation: Ripple 1.6s ease-in-out infinite;
}
.socials-widget {
display: flex;
justify-content: flex-end;
}
.socials-widget a {
height: 40px;
display: inline-block;
width: 40px;
line-height: 40px;
border-radius: 50%;
text-align: center;
background-color: #E31E25;
color: #ffffff;
margin-right: 10px;
font-size: 15px;
}
.socials-widget a:hover {
background-color: #D41F29;
color: #ffffff;
}
.button-block {
display: flex;
gap: 20px;
}
.btn-filled .btn-brown {
padding: 12px 32px;
display: inline-block;
position: relative;
z-index: 1;
transition: 0.5s;
font-size: 15px;
color: #ffffff;
font-weight: 600;
background: #D41F29;
border: 1px solid #D41F29;
border-radius: 50rem;
}
.btn-filled .btn-brown:hover {
color: #D41F29;
border-color: #D41F29;
background: #F0E6EB;
}
.btn-outline .btn-nofilled {
padding: 12px 32px;
display: inline-block;
position: relative;
z-index: 1;
transition: 0.5s;
font-size: 15px;
color: #D41F29;
font-weight: 600;
background: #F0E6EB;
border: 1px solid #D41F29;
border-radius: 50rem;
}
.btn-outline .btn-nofilled:hover {
color: #ffffff;
border-color: #F0E6EB;
background: #D41F29;
}
.sec-heading {
text-align: center;
}
.sec-heading h6 {
font-size: 20px;
font-weight: 400;
color: #000000;
}
.sec-heading h2 {
font-size: 48px;
font-weight: 700;
color: #000000;
margin-bottom: 10px;
}
.sec-heading h2 .subtext {
font-size: 22px;
}
.media-block {
margin-top: 1rem;
text-align: center;
margin-bottom: 1rem;
cursor: pointer;
}
.media-block:hover .circle-icon {
background-color: transparent;
border: 1px solid #D41F29;
}
.media-block:hover .circle-icon img {
filter: none;
}
.media-block .circle-icon {
margin: 0 auto 25px;
background-color: #D41F29;
border-radius: 50rem;
width: 112px;
height: 112px;
display: flex;
align-items: center;
justify-content: center;
transition: 0.2s ease;
}
.media-block .circle-icon img {
filter: brightness(11);
}
.media-block .step-name a {
font-size: 24px;
font-weight: 700;
color: #D41F29;
margin-bottom: 10px;
}
.media-block .step-info {
font-size: 18px;
font-weight: 400;
color: #54595F;
}
@keyframes spinner {
0% {
transform: rotate(0);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes zoom-one {
0% {
transform: scale(0.95);
}
50% {
transform: scale(1.05);
}
100% {
transform: scale(0.95);
}
}
@keyframes fa-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(1turn);
}
}
/*================================
==================================*/
a.meanmenu-reveal {
display: none;
}
.mean-container .mean-bar {
background: #D41F29;
float: left;
min-height: 60px;
padding: 4px 0 0;
position: relative;
width: 100%;
z-index: 1;
}
.mean-container .mean-bar::after {
color: #ffffff;
content: "MENU";
font-size: 21px;
left: 5%;
position: absolute;
top: 12px;
display: none;
}
.mean-container .mean-bar::before {
color: #fff;
content: "";
left: 15px;
position: absolute;
top: 2px;
}
.mean-container a.meanmenu-reveal {
width: 22px;
height: 22px;
padding: 18px;
top: 0;
right: 0;
cursor: pointer;
color: #fff;
text-decoration: none;
font-size: 16px;
text-indent: -9999em;
line-height: 22px;
font-size: 1px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
float: right;
color: #fff;
}
.mean-container a.meanmenu-reveal span {
display: block;
background: #fff;
height: 3px;
margin-top: 3px;
background: #fff;
}
.mean-container a.meanmenu-reveal:hover span {
background: #fff;
}
.mean-container .mean-nav {
float: left;
width: 100%;
background: #F0E6EB;
}
.mean-container .mean-nav ul {
padding: 0;
margin: 0;
width: 100%;
list-style-type: none;
}
.mean-container .mean-nav ul li {
background: #f8f8f8;
float: left;
position: relative;
width: 100%;
border-top: 1px solid #ddd;
background: #e1dada;
}
.mean-container .mean-nav ul li a {
background: #f8f8f8;
color: #232323;
display: block;
float: left;
font-size: 14px;
margin: 0;
padding: 1em 5%;
text-align: left;
text-decoration: none;
text-transform: capitalize;
width: 90%;
}
.mean-container .mean-nav ul li a:hover {
background: #f8f8f8 none repeat scroll 0 0;
border-radius: 0;
}
.mean-container .mean-nav ul li a.mean-expand {
height: 15px;
margin-top: 1px;
padding: 12px !important;
text-align: right;
position: absolute;
right: 0;
top: 0;
z-index: 2;
font-weight: 700;
border: 0 !important;
background: #F8F8F8;
background: none;
top: -4px;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
background: #f8f8f8;
background: none;
}
.mean-container .mean-nav ul li li a {
border-top: 1px solid rgba(255, 255, 255, 0.25);
color: #232323;
font-size: 14px;
font-weight: 500;
opacity: 0.75;
padding: 1em 10%;
text-shadow: none !important;
text-transform: capitalize;
visibility: visible;
width: 80%;
}
.mean-container .mean-nav ul li li li a {
width: 70%;
padding: 1em 15%;
}
.mean-container .mean-nav ul li li li li a {
width: 60%;
padding: 1em 20%;
}
.mean-container .mean-nav ul li li li li li a {
width: 50%;
padding: 1em 25%;
}
.mean-container .mean-nav ul li.mean-last a {
border-bottom: 0;
margin-bottom: 0;
}
.mean-container .mean-push {
float: left;
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.mobile-menu-area {
background: #262626;
background: #fff none repeat scroll 0 0;
}
.mean-nav .wrapper {
width: 100%;
padding: 0;
margin: 0;
}
.mean-container .mean-bar,
.mean-container .mean-bar * {
box-sizing: content-box;
}
.mean-remove {
display: none !important;
}
.meanmenu-reveal.meanclose:hover {
color: #fff !important;
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000;
/* filter: blur(10px); */
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
background-color: rgba(0, 0, 0, 0.75);
opacity: 1 !important;
}
#loginModal button.btn-close {
position: absolute;
right: 23px;
top: 13px;
background: transparent;
opacity: 1;
z-index: 1;
}
#loginModal button.btn-close:focus {
box-shadow: none;
}
#loginModal button.btn-close i {
font-size: 26px;
color: #D41F29;
}
#logoutModal button.btn-close {
position: absolute;
right: 23px;
top: 13px;
background: transparent;
opacity: 1;
z-index: 1;
}
#logoutModal button.btn-close:focus {
box-shadow: none;
}
#logoutModal button.btn-close i {
font-size: 26px;
color: #D41F29;
}
#logoutModal .vyo-logout {
margin: auto;
padding: 25px 0;
text-align: center;
}
#logoutModal .vyo-logout h4 {
font-size: 24px;
font-weight: 600;
line-height: 30px;
color: #000;
}
#logoutModal .vyo-logout p {
font-size: 16px;
font-weight: 400;
line-height: 25px;
color: #54595F;
margin-bottom: 25px;
}
#logoutModal .vyo-logout .login-btn {
border-top: 1px solid #DDDEDF;
padding: 24px 0px 0;
display: flex;
gap: 25px;
justify-content: center;
align-items: center;
}
#logoutModal .vyo-logout .login-btn .button-block {
flex: 1;
}
#logoutModal .vyo-logout .login-btn .button-block [type=button] {
font-size: 16px;
flex: 1;
}
#logoutModal .vyo-logout .circle-icon {
background: #F0E6EB;
padding: 32px 22px;
width: 106px;
height: 106px;
border-radius: 50%;
color: #cd2030;
margin: auto;
margin-bottom: 25px;
}
#logoutModal .vyo-logout .circle-icon img {
width: 35px;
}
#logoutModal .modal-content {
border-radius: 25px;
}
.form-section .form-title {
font-weight: 600;
font-size: 24px;
color: #000000;
margin-bottom: 1.5rem;
line-height: 36px;
}
.form-section .form-label {
font-weight: 600;
font-size: 16px;
line-height: 22px;
color: #000000;
}
.form-section .form-control,
.form-section .form-select {
padding: 11px 10px;
background-color: #ffffff;
border: 1px solid #E7E7E7;
border-radius: 8px;
}
.form-section .form-control:focus,
.form-section .form-select:focus {
box-shadow: none;
border-color: #D41F29;
}
.form-section::-moz-placeholder {
color: #54595F;
}
.form-section::placeholder {
color: #54595F;
}
.form-section .button-block {
display: flex;
gap: 10px;
margin-top: 2rem;
}
.form-section .button-block .btn-filled button {
width: 100%;
text-align: center;
padding: 10px 32px;
}
/*----- Side Form Box */
.advance-search {
border-radius: 12px;
border: 1px solid #D9D9D9;
position: sticky;
top: 100px;
}
.advance-search .title {
padding: 18px;
border-bottom: 1px solid #DDDEDF;
display: flex;
}
.advance-search .title h4 {
font-weight: 600;
color: #000000;
font-size: 22px;
margin-bottom: 0;
}
.advance-search .title button.btn-close {
position: absolute;
right: 15px;
top: 14px;
background: transparent;
opacity: 1;
z-index: 1;
}
.advance-search .title button.btn-close:focus {
box-shadow: none;
}
.advance-search .title button.btn-close i {
font-size: 20px;
color: #878787;
}
.advance-search .body-content {
padding: 18px 18px 5px;
}
.advance-search .body-content .form-label {
font-size: 16px;
font-weight: 600;
color: #000000;
}
.advance-search .body-content .row div {
margin-bottom: 15px;
}
.advance-search .body-content .row div:last-child {
margin-bottom: 0;
}
.advance-search .btn-filled .btn-brown {
width: 100%;
}
.advance-search .sepratarTo {
font-weight: 600;
font-size: 14px;
color: #000000;
line-height: 35px;
}
.breadcrumb-bar {
background-color: #F0E6EB;
padding: 23px 0;
}
.breadcrumb-bar .breadcrumb {
margin-bottom: 0;
}
.breadcrumb-bar .breadcrumb-item {
font-size: 16px;
font-weight: 400;
color: #7E7E7E;
}
.breadcrumb-bar .breadcrumb-item+.breadcrumb-item:before {
color: #6c757d;
content: "\f285";
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: 500 !important;
font-variant: normal;
}
.breadcrumb-bar .breadcrumb-item.active {
color: #D41F29;
}
.breadcrumb-bar .breadcrumb-item img {
margin-top: -2px;
margin-right: 5px;
}
.filter-mobile {
margin: 0;
}
.button-wrap {
position: relative;
}
.button-wrap .button-label {
display: inline-block;
cursor: pointer;
border-radius: 50rem;
background: #ffffff;
transition: 0.3s;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
padding: 5px 23px;
border: 1px solid #E7E7E7;
margin-right: 5px;
}
.button-wrap .button-label span {
font-size: 1em;
font-weight: 400;
margin-bottom: 0;
color: #54595F;
}
.button-wrap .button-label:hover {
background: #D41F29;
border-color: #D41F29;
}
.button-wrap .button-label:hover span {
color: #ffffff;
}
.button-wrap .button-label:active {
transform: translateY(2px);
}
#yes-button:checked+.button-label {
background: #D41F29;
border-color: #D41F29;
}
#yes-button:checked+.button-label span {
color: #ffffff;
}
#yes-button:checked+.button-label:hover {
background: #D41F29;
border-color: #D41F29;
}
#yes-button:checked+.button-label:hover span {
color: #ffffff;
}
#no-button:checked+.button-label {
background: #D41F29;
border-color: #D41F29;
}
#no-button:checked+.button-label span {
color: #ffffff;
}
#no-button:checked+.button-label:hover {
background: #D41F29;
border-color: #D41F29;
}
#no-button:checked+.button-label:hover span {
color: #ffffff;
}
.hidden {
display: none;
}
.table-content .table> :not(:last-child)> :last-child>* {
border-color: #DDDEDF;
}
.table-content .table> :not(caption)>*>* {
border-bottom: none;
}
.table-content .table tr {
vertical-align: middle;
border-bottom-width: 1px;
}
.table-content .table td {
font-size: 16px;
font-weight: 400;
line-height: 21px;
color: #000;
}
.table-content .table .badge-pen {
padding: 6px 15px;
font-weight: 400;
letter-spacing: 0.3px;
border-radius: 6px;
font-size: 16px;
display: inline-block;
}
.table-content .table .status-success {
background: rgba(9, 163, 102, 0.1411764706);
color: #09A366;
}
.table-content .table .status-danger {
background: rgba(98, 0, 50, 0.1019607843);
color: #cd2030;
}
.table-content .table .status-pending {
background: rgba(247, 128, 15, 0.1411764706);
color: #F6800F;
}
.table-content .table .status-info {
background: rgba(247, 128, 15, 0.1411764706);
color: #F6800F;
}
.table-content .table .status-hold {
background: rgba(247, 128, 15, 0.1411764706);
color: #F6800F;
}
.table-content th {
font-size: 18px;
font-family: open sans;
font-weight: 600;
line-height: 25px;
}
.table-content .font-icon {
display: flex;
align-items: center;
padding-top: 12px;
}
.table-content .font-icon button {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50rem;
border: none;
background-color: #F0E6EB;
width: 42px;
height: 42px;
margin-right: 7px;
}
.table-content .font-icon button:hover {
background-color: #D41F29;
}
.table-content .font-icon button:hover .icon.icon-heart-fill,
.table-content .font-icon button:hover .icon.icon-trash {
fill: #ffffff;
}
.table-content .font-icon button .icon {
width: 20px;
height: 20px;
}
.table-content .font-icon button .icon.icon-heart-fill {
fill: #D41F29;
}
.table-content .font-icon button .icon.icon-trash {
fill: #EF486A;
}
.table-img img {
width: 50px;
height: 50px;
border-radius: 12px;
border: 1px solid #bbb;
}
.bg-pattern {
background: url("../images/couple-bg.png") no-repeat;
background-size: cover;
}
.imagesec {
background-color: #f0e6eb;
border-radius: 10px;
padding: 30px;
}
.imagesec .img-box {
border-radius: 10px;
}
.imagesec .img-box img {
border-radius: 10px;
}
input#inputDate {
background: url("../images/calendar.svg") no-repeat;
background-position: 98% 50%;
background-size: 16px 16px;
padding-right: 40px;
}
input#inputDate::-webkit-calendar-picker-indicator {
background: none;
-webkit-appearance: none;
appearance: none;
}
input#inputTime {
background: url("../images/clock.svg") no-repeat;
background-position: 98% 50%;
background-size: 16px 16px;
padding-right: 40px;
}
input#inputTime::-webkit-calendar-picker-indicator {
background: none;
-webkit-appearance: none;
appearance: none;
}
/*================================
==================================*/
.header-top-section {
background-color: rgba(255, 216, 0, 0.2);
padding: 8px 70px;
}
.header-top-section .header-too-menu-address ul {
list-style: none;
}
.header-top-section .header-too-menu-address ul li {
display: inline-block;
padding-right: 35px;
}
.header-top-section .header-too-menu-address ul li a {
display: inline-block;
font-size: 18px;
color: #D41F29;
}
.header-top-section .header-too-menu-address ul li span {
font-size: 14px;
color: #ffffff;
font-weight: 400;
padding-left: 5px;
}
.header-top-info {
text-align: right;
position: relative;
z-index: 1;
}
.header-top-info ul li {
display: inline-block;
font-size: 14px;
color: #9cb7bd;
font-weight: 400;
}
.header-top-info ul li a {
color: #ffffff;
}
.header-top-menu-social-icon {
text-align: right;
}
.header-top-menu-social-icon ul {
list-style: none;
}
.header-top-menu-social-icon ul li {
display: inline-block;
padding-left: 26px;
}
.header-top-menu-social-icon ul li a {
display: inline-block;
color: #ffffff;
font-size: 14px;
transition: 0.5s;
}
.header-top-menu-social-icon ul li a:hover {
color: #001616;
}
/*================================
==================================*/
/*================================
<-- Nav Menu Area Css -->
==================================*/
._nav_manu {
transition: 0.5s;
padding: 0 70px 0;
background-color: #ffffff;
z-index: 2;
position: relative;
}
._nav_manu.sticky .logo_img {
display: none;
}
._nav_manu.sticky .main_sticky {
display: inherit;
}
._nav_manu.style2 {
background-color: #f4f4f4;
}
._nav_manu.style2 nav._menu {
background-color: #ffffff;
border: 1px solid rgba(85, 85, 85, 0.1);
margin-left: 8px;
}
._nav_manu.style2 ._menu ul {
list-style: none;
display: inline-block;
margin-right: 15px;
}
._nav_manu.style2 .header-button {
display: inline-block;
float: right;
margin-top: 25px;
margin-right: 40px;
}
.sticky {
left: 0;
margin: auto;
position: fixed !important;
top: 0;
width: 100%;
box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
background: white !important;
transition: 0.5s !important;
z-index: 922;
animation: 500ms running fadeInUp;
animation-name: slideInDown;
}
.sticky ._menu>ul>li>a {
color: #222222;
}
nav._menu {
text-align: center;
position: relative;
z-index: 1;
margin-left: 0;
display: flex;
justify-content: flex-end;
align-items: center;
}
._menu ul {
list-style: none;
display: inline-block;
margin-right: 3rem;
}
._menu ul .sub-menu {
position: absolute;
left: 0;
top: 130%;
width: 217px;
text-align: left;
background: #fff;
margin: 0;
z-index: 1;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
transition: 0.5s;
visibility: hidden;
border-top: 2px solid #D41F29;
opacity: 0;
}
._menu ul .sub-menu li {
position: relative;
}
._menu ul .sub-menu li a {
display: block;
padding: 12px 20px;
margin: 0;
line-height: 1.3;
letter-spacing: normal;
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
transition: 0.1s;
visibility: inherit !important;
color: #101210 !important;
}
._menu ul .sub-menu li a i.bi {
text-align: right;
position: absolute;
right: 10px;
top: 15px;
font-size: 12px;
}
._menu ul .sub-menu li:hover>.sub-menu {
opacity: 1;
visibility: visible;
top: 0%;
}
._menu ul .sub-menu .sub-menu {
left: 100%;
top: 130%;
opacity: 0;
visibility: hidden;
}
._menu ul .sub-menu .sub-menu li {
position: relative;
}
._menu ul .sub-menu .sub-menu li:hover>.sub-menu {
opacity: 1;
visibility: visible;
top: 0%;
}
._menu ul .sub-menu .sub-menu .sub-menu {
right: 100%;
left: auto;
top: 130%;
opacity: 0;
visibility: hidden;
}
._menu ul .sub-menu .sub-menu .sub-menu li {
position: relative;
}
._menu ul .sub-menu .sub-menu .sub-menu li:hover>.sub-menu {
opacity: 1;
visibility: visible;
top: 0%;
}
._menu ul li:hover>.sub-menu {
visibility: visible;
top: 100%;
opacity: 1;
}
._menu>ul>li {
display: inline-block;
position: relative;
z-index: 1;
}
._menu>ul>li>a {
display: inline-block;
margin: 23px 21px;
transition: 0.5s;
font-size: 18px;
line-height: 40px;
color: #000000;
font-weight: 400;
}
._menu>ul>li>a.active {
color: #D41F29;
font-weight: 600;
}
._menu>ul>li>a i.bi {
position: absolute;
right: -1px;
font-size: 14px;
}
._menu>ul>li>a:hover {
color: #D41F29;
}
._menu li a:hover:before {
width: 101%;
}
.header-src-btn {
display: inline-block;
position: relative;
z-index: 1;
margin-left: 8px;
color: #fffffe;
}
.header-button {
display: flex;
}
.header-button>div:last-child button {
margin-right: 0;
}
.header-button button {
margin-right: 10px;
}
.style-two._nav_manu {
border-bottom: 1px solid rgba(255, 255, 255, 0.1019607843);
}
.style-two ._menu>ul>li>a {
color: #fff;
}
.style-two .header-button a {
background: rgba(16, 18, 16, 0);
border: 1px solid rgba(255, 255, 255, 0.3);
}
.style-two .header-button a i {
color: #bbf737;
}
._menu ul .sub-menu li:hover>a,
._menu ul .sub-menu .sub-menu li:hover>a,
._menu ul .sub-menu .sub-menu .sub-menu li:hover>a,
._menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a {
background: #D41F29;
color: #fff !important;
}
ul.sub-menu li a span {
background: #D41F29;
padding: 5px 10px;
color: #fff;
opacity: 1;
border-radius: 2px;
margin-left: 5px;
transition: 0.5s;
}
ul.sub-menu li:hover a span {
background: rgba(255, 255, 255, 0.2);
}
.main_sticky {
display: none;
}
.mobile-menu.mean-container {
overflow: hidden;
}
.social-wrapper {
margin: 15px 15px 0;
display: inline-block;
}
.social-wrapper ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 10px;
}
.social-wrapper li {
margin: 0;
padding: 0;
list-style: none;
}
.social-wrapper li a {
text-decoration: none;
color: #fff;
}
.social-wrapper li a i {
height: 40px;
width: 40px;
border-radius: 50%;
display: block;
background: #22282C;
color: #fff;
display: flex;
align-items: center;
font-weight: 400;
font-size: 14px;
line-height: 14px;
justify-content: center;
transition: 0.3s;
}
.social-wrapper li a i.fa-facebook-f {
background-color: #3c5b9a;
}
.social-wrapper li a i.fa-twitter {
background-color: #2ca9e1;
}
.single-box-icon:hover .social-wrapper li a i.fa-facebook-f,
.single-box-icon:hover .social-wrapper li a i.fa-twitter {
background-color: #fff;
}
.single-box-icon:hover .social-wrapper li a i.fa-facebook-f {
color: #3c5b9a;
}
.single-box-icon:hover .social-wrapper li a i.fa-twitter {
color: #2ca9e1;
}
/*================================
<-- Slider Section Css -->
==================================*/
#banner-section {
position: relative;
}
.slider-section {
background: url("../images/banner.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
height: 718px;
transform-origin: 100% 0%;
}
.slider-section.style-two {
background: url(../images/banner.jpg);
}
.slider-section.style-three {
background: url(../images/banner.jpg);
}
.slider-content {
max-width: 50%;
margin-top: -2rem;
}
.slider-content h5 {
font-size: 22px;
color: #ffffff;
font-weight: 400;
padding-bottom: 15px;
margin-bottom: 0;
}
.slider-content h1 {
font-size: 46px;
line-height: 56px;
color: #ffffff;
font-weight: 700;
margin: 0;
}
.slider-content p {
margin-top: 1rem;
color: #ffffff;
font-size: 22px;
font-weight: 400;
}
.slider-content .hero-content-footer h2 {
font-size: 22px;
color: #ffffff;
line-height: 28px;
font-weight: 700;
margin: 20px 0;
}
.slider-content .trusted-client-images {
position: relative;
display: inline-flex;
align-items: center;
}
.slider-content .client-image {
position: relative;
border: 2px solid #ffffff;
border-radius: 50%;
margin-left: -10px;
width: 67px;
height: 67px;
overflow: hidden;
z-index: 1;
}
.slider-content .client-image:first-child {
margin: 0;
}
.slider-content .client-image figure {
display: block;
height: 100%;
}
.slider-content .client-image img {
width: 100%;
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
-o-object-position: top;
object-position: top;
}
.slider-button {
text-align: center;
padding-top: 10px;
}
.slider-button .btn-filled,
.slider-button .btn-outline {
margin-right: 10px;
}
.slider-button .btn-filled {
border-color: rgba(255, 255, 255, 0.3);
}
.slider-button .btn-outline button {
background-color: #ffffff;
}
.slider-button .btn-outline button:hover {
background-color: #D41F29;
border-color: #D41F29;
}
.section-button {
display: flex;
padding-right: 15px;
}
.section-button1 {
display: inline-block;
}
.section-button1 a {
display: inline-block;
font-size: 16px;
color: #ffffff;
font-weight: 400;
font-family: "Poppins";
text-align: center;
background-color: #0069c0;
padding: 13px 30px;
border: 1px solid #0069c0;
position: relative;
z-index: 1;
transition: 0.5s;
}
.section-button1 a:before {
position: absolute;
content: "";
height: 100%;
width: 100%;
top: 0;
left: 0;
background-color: #222222;
z-index: -1;
transition: 0.5s;
}
.section-button1 a:hover::before {
transform: rotateX(90deg);
}
.section-button1 a:hover::after {
transform: rotateY(90deg);
}
.section-button1 a:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
top: 0;
left: 0;
background-color: #222222;
z-index: -1;
transition: 0.5s;
}
.shadow-overlay {
position: absolute;
top: 0;
bottom: 0;
width: 100px;
pointer-events: none;
}
.shadow-left {
left: 0;
background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
width: 20%;
}
.shadow-right {
right: 0;
background: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
width: 20%;
}
.owl-nav {
position: relative;
z-index: 1;
}
.owl-nav .owl-prev:hover {
color: #D41F29;
}
.owl-nav .owl-next:hover {
color: #D41F29;
}
.owl-prev {
position: absolute;
left: 35px;
top: -26rem;
height: 60px;
line-height: 60px;
color: #ffffff;
width: 60px;
border-radius: 30px;
text-align: center;
background-color: rgba(255, 255, 255, 0.0588235294);
font-size: 20px;
transition: 0.5s;
}
.owl-next {
position: absolute;
right: 35px;
top: -26rem;
height: 60px;
line-height: 60px;
color: #ffffff;
width: 60px;
border-radius: 30px;
text-align: center;
background-color: rgba(255, 255, 255, 0.0588235294);
font-size: 20px;
transition: 0.5s;
}
.seperator {
width: 100%;
position: absolute;
bottom: -1px;
height: -moz-fit-content;
height: fit-content;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
z-index: 9;
}
.seperator img {
width: 100%;
}
img {
max-width: 100%;
}
/*================================
<-- Countdown Css -->
==================================*/
.event-counter {
margin-top: 1rem;
display: flex;
gap: 100px;
}
.event-counter .title {
font-size: 22px;
font-weight: 700;
margin-bottom: 10px;
color: #ffffff;
}
.event-counter #countdown ul {
display: flex;
}
.event-counter #countdown ul li {
display: block;
text-align: center;
list-style: none;
color: #ffffff;
margin-right: 2rem;
pad: 10px;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
}
.event-counter #countdown ul li span {
display: flex;
align-items: center;
justify-content: center;
font-size: 50px;
font-weight: 700;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 12px;
width: 78px;
height: 78px;
}
.event-counter #countdown ul li:last-child {
margin-right: 0;
}
/*================================
<-- Filter Css -->
==================================*/
.filter-section {
margin-top: 1rem;
}
.filter-section label {
font-size: 16px;
font-weight: 600;
margin-bottom: 10px;
color: #000000;
}
.filter-section .form-select {
border-color: rgb(231, 231, 231);
border-radius: 8px;
font-size: 16px;
color: #54595F;
}
.filter-section .sepratarTo {
font-weight: 600;
font-size: 14px;
color: #000000;
line-height: 35px;
}
.filter-section .btn-filled {
margin-top: 0;
}
.filter-section .pattern {
text-align: center;
margin: 2rem auto;
}
/*================================
<-- About Css -->
==================================*/
.about-section {
margin-top: 3rem;
}
.about-section figure {
margin: 0 0 1rem;
}
.about-section .sec-heading {
text-align: left;
}
.about-section .about-content {
margin-top: 40px;
}
.about-section .about-content p {
font-weight: 18px;
font-weight: 400;
line-height: 30px;
color: #54595F;
}
.frame-box .image-box {
position: relative;
width: 276px;
margin-left: auto;
}
.frame-box .image-box .image {
overflow: hidden;
margin-bottom: 0;
}
.frame-box .image-box .image img {
transition: all 0.3s ease;
}
.frame-box .image-box .icon-border,
.frame-box .image-box .icon-border-2 {
position: absolute;
top: -14px;
left: 50%;
transform: translate(-46%, 0);
background-repeat: no-repeat;
width: 352px;
height: 406px;
pointer-events: none;
}
.frame-box .image-box .icon-border {
background-image: url("../images/Ring.png");
}
.frame-box .image-box .icon-border-2 {
background-image: url("../images/Ring-2.png");
}
.frame-box .image-box .icon-flowers {
position: absolute;
top: -10px;
left: 9px;
animation: zoom-one 15s linear infinite;
width: 332px;
height: 301px;
background-repeat: no-repeat;
pointer-events: none;
}
.frame-box .image-box .icon-flowers-2 {
background-image: url("../images/Flower-right.png");
left: 4px;
top: 0;
}
.frame-box .image-box .icon-flowers-1 {
background-image: url("../images/Flower-left.png");
}
.frame-box .image-box .couple-frame {
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
height: auto;
width: auto;
background-image: url(/_next/static/media/couple-frame.d3cac2e2.png);
pointer-events: none;
}
.frame-box .founder-detail {
text-align: center;
margin-top: 2rem;
}
.frame-box .founder-detail .title {
font-size: 18px;
color: #54595F;
margin-bottom: 5px;
}
.frame-box .founder-detail .name {
font-size: 22px;
color: #000000;
font-weight: 700;
line-height: 30px;
margin-bottom: 0.5rem;
}
.frame-box .founder-detail .designation {
font-size: 18px;
font-weight: 600;
color: #54595F;
}
/*================================
<-- STEPS Css -->
==================================*/
.section {
padding: 80px 0;
}
.steps-section {
margin-top: 4rem;
background: linear-gradient(360deg, rgba(255, 249, 241, 0.21) 0%, #FFFADC 100%);
position: relative;
}
.steps-section:before {
background: url("../images/right-pattern.png") no-repeat center;
position: absolute;
left: 0;
content: "";
width: 272px;
height: 100%;
transform: translate(0, -50%);
top: 50%;
}
.steps-section:after {
background: url("../images/left-pattern.png") no-repeat center;
position: absolute;
right: 0;
content: "";
width: 272px;
height: 100%;
transform: translate(0, -50%);
top: 50%;
}
.steps-section .sec-heading {
margin-bottom: 40px;
}
.register-section {
margin-top: 4rem;
}
/*================================
<-- Youtube-Videos Css -->
==================================*/
.youtube-videos {
padding: 4rem 0;
}
.youtube-videos .sec-heading {
margin-bottom: 3rem;
}
.youtube-videos .youtube-block iframe {
border-radius: 16px;
height: 280px;
}
.youtube-videos .videos {
margin-bottom: 2rem;
}
/*================================
<-- Couples Css -->
==================================*/
.happy-section {
background: linear-gradient(360deg, rgba(255, 249, 241, 0) 0%, #FFFADC 100%);
padding: 4rem 0;
position: relative;
overflow: hidden;
}
.happy-section:before {
background: url("../images/pt-3.png") no-repeat center;
position: absolute;
left: 0;
content: "";
width: 388px;
height: 100%;
transform: translate(0, -50%);
top: 50%;
}
.happy-section:after {
background: url("../images/pt-4.png") no-repeat center;
position: absolute;
right: 0;
content: "";
width: 368px;
height: 368px;
top: 0;
}
.happy-section .sec-heading {
margin-bottom: 3rem;
}
.couples-card {
background: #ffffff;
border-radius: 16px;
padding: 10px;
}
.couples-card .couple-img {
margin-bottom: 15px;
}
.couples-card .couple-img img {
border-radius: 16px;
width: 100%;
}
.couples-card .couple-info h5 {
font-weight: 600;
font-size: 20px;
line-height: 27px;
color: #D41F29;
margin-bottom: 10px;
}
.couples-card .couple-info p {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #54595F;
}
/*================================
<-- Footer Css -->
==================================*/
.footer-section {
background: linear-gradient(360deg, rgba(255, 249, 241, 0) 0%, #FFFADC 100%);
background-size: cover;
padding: 4rem 0 0;
}
.footer-section .footer-logo {
margin-bottom: 1rem;
}
.footer-section p {
font-weight: 400;
font-size: 16px;
line-height: 30px;
color: #000000;
}
.footer-section .footer-social-icon {
display: flex;
}
.footer-section .footer-social-icon a {
height: 40px;
display: inline-block;
width: 40px;
line-height: 40px;
border-radius: 50%;
text-align: center;
background-color: #FFF7CD;
color: #000000;
margin-right: 10px;
font-size: 15px;
}
.footer-section .footer-social-icon a:hover {
color: #D41F29;
background-color: #F0E6EB;
}
.footer-section .footer-widget-title {
margin-bottom: 10px;
}
.footer-section .footer-widget-title h3 {
font-weight: 600;
font-size: 20px;
line-height: 36px;
color: #000000;
}
.footer-section .footer-widget-menu ul {
margin: 0;
padding: 0;
}
.footer-section .footer-widget-menu ul li {
list-style: none;
margin-bottom: 10px;
}
.footer-section .footer-widget-menu ul li a {
font-weight: 400;
font-size: 16px;
line-height: 22px;
letter-spacing: 1px;
color: #000000;
display: flex;
gap: 10px;
}
.footer-section .footer-widget-menu ul li a:hover {
color: #FF8C00;
}
.footer-section .footer-widget-menu.contact ul li {
margin-bottom: 20px;
}
.footer-section .footer-bottom-area {
margin-top: 4rem;
border-top: 2px solid rgba(255, 255, 255, 0.3019607843);
background-color: #D41F29;
}
.footer-section .footer-bottom-area .copyright-description p {
font-weight: 600;
font-size: 18px;
line-height: 30px;
color: #ffffff;
padding: 18px 0;
margin-bottom: 0;
}
/*================================
<-- Login Css -->
==================================*/
#loginModal .modal-body {
padding: 0;
background: #ffffff;
box-shadow: 0px 72px 80px -48px #223A28;
border-radius: 24px;
}
#loginModal .modal-content {
border-radius: 24px;
}
.vyo-modal {
display: flex;
}
.vyo-modal .vyo-form {
background-color: #ffffff;
width: 50%;
border-top-left-radius: 24px;
border-bottom-left-radius: 24px;
padding: 3rem 3rem 1rem;
}
.vyo-modal .vyo-form img {
margin-bottom: 1.5rem;
}
.vyo-modal .vyo-form .form-title {
font-weight: 600;
font-size: 24px;
color: #000000;
margin-bottom: 1.5rem;
line-height: 36px;
}
.vyo-modal .vyo-form .form-label {
font-weight: 600;
font-size: 16px;
line-height: 22px;
color: #000000;
}
.vyo-modal .vyo-form .form-control,
.vyo-modal .vyo-form .form-select {
padding: 11px 10px;
background-color: #ffffff;
border: 1px solid #E7E7E7;
border-radius: 8px;
}
.vyo-modal .vyo-form .form-control:focus,
.vyo-modal .vyo-form .form-select:focus {
box-shadow: none;
border-color: #D41F29;
}
.vyo-modal .vyo-form::-moz-placeholder {
color: #54595F;
}
.vyo-modal .vyo-form::placeholder {
color: #54595F;
}
.vyo-modal .vyo-form .button-block {
display: flex;
gap: 10px;
margin-top: 2rem;
}
.vyo-modal .vyo-form .button-block .btn-filled button {
width: 100%;
text-align: center;
padding: 10px 32px;
}
.vyo-modal .vyo-form p {
text-align: center;
font-size: 16px;
font-weight: 400;
}
.vyo-modal .vyo-form p a {
font-weight: 600;
color: #D41F29;
}
.vyo-modal .vyo-right-bg {
background-color: #FCE3DD;
width: 60%;
border-top-right-radius: 24px;
border-bottom-right-radius: 24px;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.vyo-modal .vyo-right-bg:before {
content: url("../images/pattern-modal.png");
top: 0;
}
.vyo-modal .vyo-right-bg:after {
content: url("../images/pattern-modal.png");
transform: rotate(180deg);
bottom: 0;
}
.vyo-modal .vyo-right-bg:before,
.vyo-modal .vyo-right-bg:after {
position: absolute;
left: 0;
width: 100%;
}
.btn-radio {
cursor: pointer;
display: inline-block;
float: left;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
margin-right: 10px;
padding: 2px 15px 4px 7px;
margin-bottom: 10px;
font-size: 16px;
font-weight: 400;
border: 1px solid #ccc;
border-radius: 50rem;
}
.btn-radio svg {
fill: none;
vertical-align: middle;
}
.btn-radio svg circle {
stroke-width: 2;
stroke: #C8CCD4;
}
.btn-radio svg path {
stroke: #D41F29;
}
.btn-radio svg path.inner {
stroke-width: 6;
stroke-dasharray: 19;
stroke-dashoffset: 19;
}
.btn-radio svg path.outer {
stroke-width: 2;
stroke-dasharray: 57;
stroke-dashoffset: 57;
}
.btn-radio input {
display: none;
}
.btn-radio input:checked+svg path {
transition: all 0.4s ease;
}
.btn-radio input:checked+svg path.inner {
stroke-dashoffset: 38;
transition-delay: 0.3s;
}
.btn-radio input:checked+svg path.outer {
stroke-dashoffset: 0;
}
.btn-radio span {
display: inline-block;
vertical-align: middle;
color: #54595F;
}
@media screen and (max-width: 480px) {
.btn-radio {
display: inline-block;
float: none;
}
.btn-radio:not(:first-child) {
margin-left: 0;
margin-top: 0;
}
}
/*================================
<-- Active Members Css -->
==================================*/
.middle-content {
padding: 3rem 0;
}
.inner-heading h3 {
font-size: 28px;
font-family: open sans;
font-weight: 600;
line-height: 32px;
}
.member-box {
margin-top: 10px;
}
.member-box .member-card {
position: relative;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 12px;
transition: all 0.2s ease;
cursor: pointer;
margin-bottom: 30px;
height: calc(100% - 30px);
}
.member-box .member-card:hover {
background: #FFFFFF;
box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12);
}
.member-box .member-card:hover .card-img-top:before {
background: linear-gradient(0deg, rgba(98, 0, 50, 0.5), rgba(98, 0, 50, 0.5));
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
transition: all 0.2s ease-in-out;
}
.member-box .member-card:hover .favourite-btn {
opacity: 1;
visibility: visible;
}
.member-box .member-card .card-img-top {
position: relative;
}
.member-box .member-card .card-img-top img {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
width: 100%;
height: 298px;
max-height: 298px;
-o-object-fit: cover;
object-fit: cover;
}
.member-box .member-card .favourite-btn {
background-color: #ffffff;
border-radius: 50rem;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: none;
opacity: 0;
visibility: hidden;
transition: all 0.2s ease-in-out;
}
.member-box .member-card .favourite-btn:hover {
background-color: #D41F29;
}
.member-box .member-card .favourite-btn:hover .bi {
color: #ffffff;
}
.member-box .member-card .favourite-btn .bi {
color: #D41F29;
font-size: 22px;
margin-top: 3px;
}
.member-box .member-card .profile-name {
font-size: 24px;
font-weight: 600;
line-height: 25px;
color: #000000;
}
.member-box .member-card .profile-age {
color: #7E7E7E;
font-size: 16px;
line-height: 26px;
font-weight: 600;
}
.member-box .member-card .profile-education {
font-size: 18px;
font-weight: 600;
line-height: 25px;
color: #000000;
}
.member-box .member-card a {
color: #D41F29;
font-size: 18px;
font-weight: 600;
line-height: 25px;
}
.member-box .member-card a:hover {
text-decoration: underline;
}
.member-box.inline .member-card {
display: flex;
padding: 15px 10px 15px 15px;
margin-bottom: 20px;
}
.member-box.inline .member-card .card-img-top {
max-width: 147px;
max-height: 147px;
}
.member-box.inline .member-card .card-img-top:before {
border-radius: 12px;
}
.member-box.inline .member-card .card-img-top img {
border-radius: 12px;
width: 147px;
height: 147px;
max-height: 147px;
-o-object-fit: cover;
object-fit: cover;
}
.member-box.inline .member-card .profile-name {
font-size: 22px;
font-weight: 700;
line-height: 25px;
margin-bottom: 0;
color: #000000;
}
.member-box.inline .member-card .profile-age {
color: #7E7E7E;
font-size: 16px;
line-height: 22px;
font-weight: 600;
}
.member-box.inline .member-card .profile-education {
font-size: 16px;
font-weight: 600;
line-height: 22px;
margin-top: 8px;
margin-bottom: 5px;
color: #000000;
}
.member-box.inline .member-card a {
color: #D41F29;
font-size: 18px;
font-weight: 600;
line-height: 25px;
margin-top: 10px;
display: block;
}
.member-box.inline .member-card a:hover {
text-decoration: underline;
}
.member-box.inline .member-card .card-body {
padding: 0 0 0 15px;
}
.filter-box {
background: #F0E6EB;
border-radius: 5px;
display: flex;
align-items: center;
padding: 12px 24px;
position: relative;
}
.filter-box ul {
margin: 0px;
}
.filter-box ul li {
display: inline-block;
padding-right: 15px;
font-size: 16px;
font-weight: 400;
line-height: 20px;
color: #000000;
padding: 5px 10px;
border-radius: 25px;
transition: all 0.2s ease-in-out;
cursor: pointer;
margin-right: 0.5rem;
}
.filter-box ul li:hover {
color: #D41F29;
background-color: #E31E25;
}
.filter-box ul li .bi {
font-size: 18px;
position: absolute;
top: 2px;
left: 2px;
}
.filter-box ul li a {
position: relative;
margin-top: 10px;
color: #D41F29;
margin-right: 1rem;
cursor: pointer;
}
.filter-box p {
font-size: 14px;
line-height: 22px;
font-weight: 400;
color: #7E7E7E;
margin: 0px;
flex: 1;
text-align: right;
}
.filter-box p .count-number {
font-weight: 700;
color: #000000;
}
.filter-box .lable-name {
color: #7E7E7E;
font-size: 16px;
font-weight: 400;
line-height: 20px;
margin-right: 1rem;
}
/*================================
<-- Info Main Css (Members Details) -->
==================================*/
.main-profile {
border: 1px solid #cbcbcb;
border-top: none;
background: #fff;
border-radius: 0px 0px 12px 12px;
}
.info-main {
margin: 30px 0px;
}
.info-head {
padding: 17px 0px;
background: #F0E6EB;
display: flex;
align-items: center;
border-radius: 10px 10px 0px 0px;
border: 1px solid #CBCBCB;
padding-left: 20px;
}
.info-head img {
padding-right: 10px;
}
.info-heading {
font-size: 24px;
font-weight: 600;
font-family: open sans;
line-height: 32px;
margin: 0px;
color: #cd2030;
}
.info-heading svg {
width: 28px;
height: 28px;
fill: #D41F29;
margin-top: -5px;
}
.personal-info {
display: flex;
justify-content: left;
align-items: center;
padding: 0px 10px;
gap: 20px;
display: flex;
justify-content: left;
align-items: center;
padding: 8px 25px;
gap: 20px;
}
.personal-info .title {
flex-basis: 25%;
font-size: 18px;
font-weight: 600;
font-family: open sans;
line-height: 30px;
color: #000;
}
.personal-info .info-clone {
font-size: 18px;
font-family: open sans;
font-weight: 600;
color: #CBCBCB;
line-height: 32px;
flex-basis: 2%;
}
.personal-info .addres-text {
font-size: 18px;
font-weight: 400;
font-family: open sans;
line-height: 36px;
color: #000;
flex-basis: 71%;
padding-left: 35px;
position: relative;
}
.personal-info .addres-text::before {
content: ":";
position: absolute;
top: 50%;
left: 0;
font-size: 18px;
color: #CBCBCB;
transform: translate(-50%, -50%);
}
/*================================
<-- Member Slider (Members Details) -->
==================================*/
#member-slider .carousel-indicators {
position: relative;
margin-left: 15px;
margin-right: 15px;
margin-top: 0.5rem;
}
#member-slider .carousel-indicators [data-bs-target] {
width: 63px;
height: 63px;
border: none;
outline: none;
}
#member-slider .carousel-indicators [data-bs-target] img {
width: 63px;
border-radius: 7px;
}
.member-info .button-block {
margin-top: 1rem;
}
.member-info .button-block .btn-filled .btn-brown {
padding: 12px 22px;
}
.member-info .button-block .btn-filled:hover svg {
fill: #D41F29;
}
.member-info .button-block .btn-filled svg {
fill: #ffffff;
margin-right: 3px;
}
.member-info .button-block .btn-outline .btn-nofilled {
padding: 12px 22px;
}
.member-info .button-block .btn-outline:hover svg {
stroke: #ffffff;
}
.member-info .button-block .btn-outline svg {
stroke: #D41F29;
margin-right: 3px;
}
.member-info .member-top-head .member-name {
font-size: 32px;
line-height: 25px;
font-weight: 700;
color: #cd2030;
}
.member-info .member-top-head .member-credit {
font-size: 18px;
font-weight: 400;
line-height: 25px;
color: #7E7E7E;
}
.member-info .member-personal-info {
border-top: 1px solid rgba(126, 126, 126, 0.4);
padding: 10px 0px;
border-bottom: 1px solid rgba(126, 126, 126, 0.4);
}
.member-info .member-personal-info ul {
padding: 0px;
margin: 0px;
}
.member-info .member-personal-info ul li {
list-style: none;
padding: 3px 0px;
list-style: none;
font-size: 18px;
font-family: open sans;
font-weight: 400;
line-height: 24px;
padding-bottom: 8px;
}
.member-info .member-personal-info ul li svg {
margin-right: 3px;
}
.member-info .member-personal-info ul li svg {
width: 22px;
height: 22px;
fill: #7E7E7E;
}
.profile-detail {
background: #fff;
border-radius: 12px;
border: 1px solid #DEDEDE;
padding: 20px;
display: flex;
gap: 20px;
}
.profile-small-img .img-fluid-smll {
max-width: 105px;
height: 70px;
width: 100%;
border-radius: 5px;
}
.profile-bg-img img {
border-radius: 10px;
margin-bottom: 5px;
}
/*================================
<-- Profile User (Members Profile) -->
==================================*/
.advance-search .sidebar-user {
display: inline-block;
width: 100%;
text-align: center;
padding: 10px 0;
}
.advance-search .sidebar-user .user-name {
font-size: 22px;
font-weight: 700;
line-height: 36px;
color: #D41F29;
}
.advance-search .sidebar-user .user-role {
font-size: 16px;
font-weight: 400;
line-height: 21px;
color: #7E7E7E;
}
.advance-search .profile-tabs {
border-top: 1px solid #d7d7d7;
}
.advance-search .profile-tabs .main-dash .nav-link {
padding: 13px;
color: #000000;
font-size: 16px;
font-weight: 400;
line-height: 21px;
text-decoration: none;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
text-align: left;
border: 0;
border-radius: 0;
display: flex;
align-items: center;
}
.advance-search .profile-tabs .main-dash .nav-link.active {
color: #ffffff;
background-color: #D41F29;
}
.advance-search .profile-tabs .main-dash .nav-link.active svg {
stroke: #ffffff;
}
.advance-search .profile-tabs .main-dash .nav-link.active svg.icon-people,
.advance-search .profile-tabs .main-dash .nav-link.active svg.icon-user-circle,
.advance-search .profile-tabs .main-dash .nav-link.active svg.icon-crown,
.advance-search .profile-tabs .main-dash .nav-link.active svg.icon-lock,
.advance-search .profile-tabs .main-dash .nav-link.active svg.icon-key {
fill: #ffffff;
}
.advance-search .profile-tabs .main-dash .nav-link svg {
width: 24px;
height: 24px;
stroke: #000000;
}
.advance-search .profile-tabs .main-dash .nav-link svg.icon-people {
stroke: none;
fill: #000000;
}
.advance-search .profile-tabs .main-dash .nav-link svg.icon-user-circle,
.advance-search .profile-tabs .main-dash .nav-link svg.icon-crown,
.advance-search .profile-tabs .main-dash .nav-link svg.icon-lock,
.advance-search .profile-tabs .main-dash .nav-link svg.icon-key {
stroke: none;
}
.advance-search .profile-tabs .main-dash .nav-link span.icon-box {
margin-right: 10px;
}
.content-box {
border: 1px solid #DEDEDE;
border-radius: 10px;
}
.content-box .tab-title {
padding: 15px 15px;
border-bottom: 1px solid #dedede;
}
.content-box .tab-title h3 {
font-size: 20px;
font-weight: 600;
line-height: 25px;
color: #D41F29;
margin: 0px;
}
.content-box .content-body {
padding: 20px;
}
.content-box .content-body form .form-label {
font-size: 16px;
font-weight: 600;
color: #000000;
line-height: 25px;
}
.content-box .content-body form .form-control,
.content-box .content-body form .form-select {
padding: 11px 10px;
background-color: #ffffff;
border: 1px solid #E7E7E7;
border-radius: 8px;
}
.content-box .content-body form .form-control:focus,
.content-box .content-body form .form-select:focus {
box-shadow: none;
border-color: #D41F29;
}
.content-box .content-body form::-moz-placeholder {
color: #54595F;
}
.content-box .content-body form::placeholder {
color: #54595F;
}
.content-box .content-body form .button-block {
display: flex;
gap: 10px;
margin-top: 2rem;
}
.content-box .content-body form .button-block .btn-filled button {
width: 100%;
text-align: center;
padding: 10px 32px;
}
.content-box .content-body form .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
border-radius: 8px;
}
.content-box .content-body form .input-group input[type=time]::-webkit-calendar-picker-indicator,
.content-box .content-body form .input-group input[type=date]::-webkit-calendar-picker-indicator {
background: none;
}
.content-box .content-body form .input-group svg {
width: 24px;
height: 24px;
z-index: 4;
}
.content-box .content-body form .input-group .icon {
position: absolute;
right: 12px;
top: 12px;
}
.content-box .content-body form .input-group .icon.icon-calendar {
stroke: #000000;
fill: none;
}
/*================================
<-- About Us Section -->
==================================*/
.aboutsec {
padding: 0rem 0 3rem;
background:#f8f9fa;
}
.aboutsec .sec-heading {
text-align: left;
}
.mission-vision {
background: url("../images/couple-bg.png") no-repeat;
background-size: cover;
padding: 4rem 0;
}
.mission-vision .card {
background-color: #fff;
border-radius: 30px;
border: none;
padding: 30px;
text-align: center;
height: 100%;
}
.mission-vision .card .icon-container {
background-color: #fde8e8;
width: 80px;
height: 80px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto 20px;
padding: 18px;
}
.mission-vision .card .title {
color: #cd2030;
font-size: 30px;
font-weight: bold;
margin-bottom: 20px;
}
.mission-vision .card .content {
color: #54595f;
font-size: 16px;
line-height: 1.5;
}
.happiness-image {
border-radius: 25px;
overflow: hidden;
position: relative;
}
.happiness-image>img {
-o-object-fit: cover;
object-fit: cover;
border-radius: 25px;
}
.happiness {
padding: 4rem 0;
}
.happiness .row {
align-items: center;
}
.happiness .happiness-image {
border-radius: 25px;
overflow: hidden;
position: relative;
padding-bottom: 50px;
}
.happiness .vyo-point {
position: relative;
bottom: 6rem;
display: inline-flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: absolute;
bottom: 10px;
left: 0px;
}
.happiness .vyo-point .vyo-circle {
width: 110px;
height: 110px;
border-radius: 50rem;
background-color: #D41F29;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
top: 0;
position: relative;
}
.happiness .vyo-point .vyo-circle .vyo-img {
background-color: #f3dad7;
width: 83px;
height: 83px;
border-radius: 50rem;
display: flex;
align-items: center;
justify-content: center;
}
.happiness .vyo-text {
padding: 40px 25px 30px;
background-color: #D41F29;
border-radius: 25px;
color: #ffffff;
margin-top: -45px;
text-align: center;
width: 220px;
border: 15px solid #fff;
}
.happiness .vyo-text p {
margin-bottom: 0;
}
.happiness .vyo-text .fontv2 {
font-family: "Aguafina Script";
display: block;
font-size: 2.5rem;
margin-top: 1rem;
}
.objectives-list {
background-color: white;
padding: 20px;
}
.objectives-list h2 {
color: #D41F29;
border-bottom: 2px solid #D41F29;
padding-bottom: 10px;
}
.objectives-list ul {
list-style-type: none;
padding-left: 0;
}
.objectives-list ul li {
margin-bottom: 15px;
padding-left: 2rem;
position: relative;
}
.objectives-list ul li:before {
content: "\f26a";
color: #D41F29;
font-size: 1.1rem;
position: absolute;
left: 0;
top: 2px;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: 400 !important;
}
.youth-organization .sec-heading {
margin-bottom: 3rem;
}
.youth-organization .imagesec {
background-color: #f0e6eb;
border-radius: 10px;
padding: 30px;
}
.youth-organization .imagesec .img-box {
border-radius: 10px;
}
.youth-organization .imagesec .img-box img {
border-radius: 10px;
}
/*================================
<-- Contact Us Section -->
==================================*/
.contactus {
padding-bottom: 4rem;
padding-top: 0;
}
.contactus .sec-heading {
margin-bottom: 2rem;
}
.contactus .form-section {
padding: 30px;
border: 1px solid #D9D9D9;
border-radius: 10px;
}
.download-app .row {
align-items: center;
}
.download-app .download-info h2 {
font-weight: 700;
font-size: 48px;
line-height: 65px;
color: #cd2030;
margin-bottom: 0.5rem;
}
.download-app .download-info h5 {
font-weight: 600;
font-size: 18px;
line-height: 32px;
color: #000000;
margin-bottom: 2rem;
}
.download-app .download-info p {
font-weight: 400;
font-size: 16px;
line-height: 27px;
color: #000000;
margin-bottom: 2rem;
}
.download-app .download-info .button-block a img {
transition: all 0.2s ease;
}
section {
padding: 4rem 0;
}
.getintouch .card {
margin-top: 2rem;
background-color: #fff;
border-radius: 10px;
padding: 20px;
transition: all 0.2s linear;
height: calc(100% - 20px);
}
.getintouch .card:hover {
border-color: #D41F29;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.getintouch .card .card-title {
color: #D41F29;
margin-bottom: 15px;
padding-bottom: 10px;
font-weight: 700;
font-size: 30px;
line-height: 41px;
}
.getintouch .card .contact-info {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.getintouch .card .contact-info .icon-box {
color: #D41F29;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
background: #F0E6EB;
border-radius: 8px;
min-width: 50px;
min-height: 50px;
}
.getintouch .card .contact-info .icon-box .icon {
width: 24px;
height: 24px;
}
.getintouch .card .contact-info .icon-box .icon.icon-location {
fill: none;
stroke: #D41F29;
}
.getintouch .card .contact-info .icon-box .icon.icon-email,
.getintouch .card .contact-info .icon-box .icon.icon-call {
stroke: #D41F29;
}
.getintouch .card .contact-info .info-text {
line-height: 1.4;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #000000;
}
.getintouch .card .contact-info .info-label {
margin-bottom: 2px;
font-weight: 600;
font-size: 18px;
line-height: 25px;
color: #000000;
}
.social-banner {
margin-top: 3rem;
}
@media (min-width: 1500px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
max-width: 1440px;
}
}
@media only screen and (min-width: 1601px) and (max-width: 1850px) {
.seperator {
bottom: -10px;
}
.slider-content {
margin-top: -3rem;
margin-left: 100px;
}
.slider-content h5 {
font-size: 20px;
padding-bottom: 0;
}
.slider-content h1 {
font-size: 45px;
line-height: 50px;
}
.slider-content p {
font-size: 18px;
line-height: 28px;
}
.slider-section {
height: 580px;
}
}
@media only screen and (min-width: 1401px) and (max-width: 1600px) {
.slider-section {
height: 530px;
}
.slider-content {
margin-top: -3rem;
margin-left: 8rem;
}
.slider-content h1 {
font-size: 45px;
line-height: 50px;
}
.slider-content h5 {
padding-bottom: 0;
font-size: 15px;
}
.event-counter .title {
font-size: 18px;
}
.event-counter #countdown ul li span {
font-size: 30px;
width: 60px;
height: 60px;
}
.seperator {
bottom: -10px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
nav._menu {
margin-left: 22px;
}
._menu>ul {
margin-right: 2rem;
}
._menu>ul>li>a {
margin: 30px 15px;
font-size: 16px;
}
.slider-content {
max-width: 50%;
margin-top: -2rem;
margin-left: 100px;
}
.slider-content h5 {
font-size: 18px;
}
.slider-content h1 {
font-size: 35px;
line-height: 39px;
}
.slider-content p {
font-size: 16px;
line-height: 25px;
}
.slider-content .btn-filled .btn-brown {
padding: 10px 32px;
font-size: 13px;
}
.slider-content .btn-outline .btn-nofilled {
padding: 10px 32px;
font-size: 13px;
}
.slider-content .client-image {
width: 47px;
height: 47px;
}
.slider-section {
height: 460px;
}
.event-counter {
gap: 30px;
}
.event-counter .title {
font-size: 15px;
line-height: 15px;
}
.event-counter #countdown ul li {
font-size: 13px;
margin-right: 10px;
}
.event-counter #countdown ul li span {
width: 48px;
height: 48px;
font-size: 20px;
}
.seperator {
bottom: -10px;
}
.about-section .about-content p {
font-size: 15px;
line-height: 23px;
}
.frame-box .image-box {
width: 230px;
}
.frame-box .image-box .icon-border {
background-size: 100%;
top: -14px;
left: 50%;
width: 260px;
height: 310px;
}
.frame-box .image-box .icon-flowers-1 {
background-size: 100%;
top: -10px;
left: 0;
width: 260px;
height: 241px;
}
.frame-box .image-box .icon-flowers-2 {
left: -5px;
top: 0;
background-size: 100%;
width: 260px;
height: 241px;
}
.frame-box .image-box .icon-border-2 {
top: -14px;
left: 50%;
width: 260px;
height: 310px;
background-size: 100%;
}
.frame-box .founder-detail .title {
font-size: 17px;
}
.frame-box .founder-detail .name {
font-size: 20px;
}
.frame-box .founder-detail .designation {
font-size: 16px;
}
.member-box .member-card .card-img-top img {
height: 250px;
}
.member-box .member-card .profile-name {
font-size: 20px;
}
.member-box .member-card .profile-age {
font-size: 14px;
}
.member-box .member-card .profile-education {
font-size: 16px;
}
.member-box .member-card .profile-detail {
font-size: 16px;
}
.advance-search .title h4 {
font-size: 20px;
}
.inner-heading h3 {
font-size: 25px;
}
}
@media only screen and (min-width: 993px) and (max-width: 1199px) {
.header-top-section {
background-color: #F0E6EB;
padding: 9px 20px;
}
.header-top-section .header-too-menu-address ul li {
padding-right: 35px;
}
.header-top-section .header-too-menu-address ul li a {
font-size: 16px;
}
.header-top-section .socials-widget a {
font-size: 15px;
}
.header-top-section .socials-widget a:last-child {
margin-right: 0;
}
._nav_manu {
padding: 0;
}
nav._menu {
margin-left: 2px;
}
._menu ul {
margin-right: 1rem;
}
._menu ul .sub-menu li a {
font-size: 15px;
}
._menu>ul>li>a {
font-size: 16px;
margin: 20px 11px;
}
._menu>ul>li>a i.bi {
right: -4px;
font-size: 12px;
margin-top: 2px;
}
.header-button a {
margin-right: 10px;
}
.btn-outline button,
.btn-filled button {
padding: 8px 28px;
font-size: 14px;
}
.slider-content {
max-width: 95%;
margin-top: -30px;
margin-left: 70px;
}
.slider-content h5 {
font-size: 18px;
padding-bottom: 0;
}
.slider-content h1 {
font-size: 25px;
line-height: 29px;
}
.slider-content p {
font-size: 14px;
line-height: 20px;
margin-bottom: 5px;
}
.slider-content .btn-filled .btn-brown {
padding: 6px 15px;
font-size: 13px;
}
.slider-content .btn-outline .btn-nofilled {
padding: 6px 15px;
font-size: 13px;
}
.slider-section {
height: 380px;
}
.event-counter {
gap: 30px;
}
.event-counter .title {
font-size: 15px;
line-height: 15px;
}
.event-counter #countdown ul li {
font-size: 12px;
margin-right: 10px;
}
.event-counter #countdown ul li span {
width: 38px;
height: 38px;
font-size: 18px;
}
.about-section .about-content p {
font-size: 15px;
}
.frame-box .image-box {
width: 200px;
}
.frame-box .image-box .icon-border {
background-size: 100%;
top: -14px;
left: 44%;
width: 220px;
height: 310px;
}
.frame-box .image-box .icon-flowers-1 {
background-size: 100%;
top: -10px;
left: -16px;
width: 230px;
height: 241px;
}
.frame-box .image-box .icon-flowers-2 {
left: -16px;
top: 0;
background-size: 100%;
width: 230px;
height: 241px;
}
.frame-box .image-box .icon-border-2 {
top: -14px;
left: 44%;
width: 220px;
height: 310px;
background-size: 100%;
}
.frame-box .founder-detail .title {
font-size: 17px;
}
.frame-box .founder-detail .name {
font-size: 20px;
}
.frame-box .founder-detail .designation {
font-size: 16px;
}
.media-block .circle-icon {
width: 102px;
height: 102px;
}
.media-block .circle-icon img {
width: 55px;
}
.media-block .step-name {
font-size: 20px;
}
.media-block .step-info {
font-size: 16px;
}
.sec-heading h6 {
font-size: 20px;
}
.sec-heading h2 {
font-size: 28px;
}
.footer-section p {
font-size: 14px;
}
.footer-section .footer-widget-menu ul li a {
font-size: 14px;
}
.footer-section .footer-bottom-area .copyright-description p {
font-size: 16px;
padding: 10px 0;
}
.vyo-modal {
flex-wrap: wrap;
}
.vyo-modal .vyo-form {
padding: 1.5rem 2rem 1rem;
}
.vyo-modal .vyo-right-bg {
display: none;
}
.vyo-modal .vyo-form,
.vyo-modal .vyo-right-bg {
width: 100%;
}
#loginModal .modal-body {
padding: 1rem;
}
.filter-section .pattern,
.steps-section .pattern,
.youtube-videos .pattern {
max-width: 35%;
}
.middle-content .advance-search {
margin-bottom: 2rem;
position: absolute;
width: 90%;
z-index: 1001;
background-color: #ffffff;
transform: translate(-50%, 0);
top: 50px;
left: 50%;
}
.filter-mobile {
text-align: right;
z-index: 1001;
position: relative;
margin-bottom: 1rem;
}
.filter-mobile.btn-filled .btn-brown {
padding: 10px 21px;
}
.filter-mobile.btn-filled .btn-brown:hover {
background-color: #D41F29;
color: #ffffff;
}
.filter-mobile.btn-filled .btn-brown.arrow::after {
content: "";
background-color: transparent;
border-radius: 10px;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
bottom: -10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 11px solid #D41F29;
}
.bg-shadow:before {
content: "";
background-color: rgba(0, 0, 0, 0.5607843137);
position: fixed;
top: 0;
width: 100%;
height: 100%;
z-index: 925;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
}
.advance-search {
display: none;
}
.advance-search .btn-filled .btn-brown {
width: auto;
}
.getintouch .card .card-title {
font-size: 25px;
margin-bottom: 10px;
}
}
@media only screen and (min-width: 850px) and (max-width: 992px) {
.slider-content {
max-width: 95%;
margin-top: -30px;
margin-left: 10px;
}
.slider-content h5 {
font-size: 15px;
padding-bottom: 0;
}
.slider-content h1 {
font-size: 22px;
line-height: 29px;
}
.slider-content h1 br {
display: none;
}
.slider-content p {
font-size: 14px;
margin-bottom: 0;
margin-top: 5px;
line-height: 20px;
}
.slider-content .btn-filled .btn-brown {
padding: 6px 15px;
font-size: 13px;
}
.slider-content .btn-outline .btn-nofilled {
padding: 6px 15px;
font-size: 13px;
}
.slider-section {
height: 335px;
}
}
@media only screen and (min-width: 768px) and (max-width: 850px) {
.slider-content {
max-width: 95%;
margin-top: -30px;
margin-left: 50px;
}
.slider-content h5 {
font-size: 15px;
padding-bottom: 0;
}
.slider-content h1 {
font-size: 22px;
line-height: 29px;
}
.slider-content h1 br {
display: none;
}
.slider-content p {
font-size: 14px;
margin-bottom: 0;
margin-top: 5px;
line-height: 20px;
}
.slider-content .btn-filled .btn-brown {
padding: 6px 15px;
font-size: 13px;
}
.slider-content .btn-outline .btn-nofilled {
padding: 6px 15px;
font-size: 13px;
}
.slider-section {
height: 300px;
}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
.vyo-modal {
flex-wrap: wrap;
}
.vyo-modal .vyo-form {
padding: 1.5rem 2rem 1rem;
}
.vyo-modal .vyo-right-bg {
display: none;
}
.vyo-modal .vyo-form,
.vyo-modal .vyo-right-bg {
width: 100%;
}
.header-top-section {
background-color: #F0E6EB;
padding: 10px 0px;
}
.header-top-section .header-too-menu-address ul li {
padding-right: 35px;
}
.header-top-section .header-too-menu-address ul li a {
font-size: 16px;
}
.header-top-section .socials-widget a {
font-size: 15px;
}
.header-top-section .socials-widget a:last-child {
margin-right: 0;
}
.mobile-menu-area.sticky {
top: 60px;
position: absolute !important;
}
.header-top-section .container,
.header-top-section .container-md,
.header-top-section .container-sm {
max-width: 930px;
}
#banner-section {
margin-top: 4rem;
}
.event-counter {
gap: 30px;
}
.event-counter .title {
font-size: 15px;
line-height: 15px;
}
.event-counter #countdown ul li {
font-size: 12px;
margin-right: 10px;
}
.event-counter #countdown ul li span {
width: 38px;
height: 38px;
font-size: 16px;
}
.about-section {
margin-top: 2rem;
}
.about-section .about-content {
margin-bottom: 4rem;
}
.about-section .col-md-12 {
order: 1;
}
.about-section .col-md-6 {
order: 2;
}
.about-section .col-md-6:last-child .frame-box {
margin-bottom: 0;
}
.frame-box .image-box {
width: 200px;
margin: auto;
}
.frame-box .image-box .icon-border {
background-size: 100%;
top: -14px;
left: 44%;
width: 220px;
height: 310px;
}
.frame-box .image-box .icon-flowers-1 {
background-size: 100%;
top: -10px;
left: -16px;
width: 230px;
height: 241px;
}
.frame-box .image-box .icon-flowers-2 {
left: -16px;
top: 0;
background-size: 100%;
width: 230px;
height: 241px;
}
.frame-box .image-box .icon-border-2 {
top: -14px;
left: 44%;
width: 220px;
height: 310px;
background-size: 100%;
}
.media-block .circle-icon {
width: 102px;
height: 102px;
}
.media-block .circle-icon img {
width: 55px;
}
.steps-section {
margin-top: 2rem;
}
.sec-heading h6 {
font-size: 25px;
}
.sec-heading h2 {
font-size: 38px;
}
.youtube-videos,
.happy-section {
padding: 2rem 0;
}
.register-section {
margin-top: 2rem;
}
.footer-section {
padding: 2rem 0 0;
}
.footer-section .footer-social-icon {
margin-bottom: 2rem;
}
.filter-section .pattern,
.steps-section .pattern,
.youtube-videos .pattern {
max-width: 40%;
}
.filter-section .btn-filled {
margin-top: 1rem;
}
.filter-section .form-group {
margin-bottom: 1rem;
}
.filter-section .pattern {
margin: 4rem auto 0;
}
.table-content th {
font-size: 16px;
}
.table-content .table td {
font-size: 15px;
white-space: nowrap;
}
.table-content .table td .badge-pen {
font-size: 15px;
}
.aboutsec .sec-heading h6 {
font-size: 18px;
}
.aboutsec .sec-heading h2 {
font-size: 28px;
}
.aboutsec .sec-heading h2 .subtext {
font-size: 15px;
}
.aboutsec .frame-box .founder-detail {
margin-top: 1rem;
}
.aboutsec .frame-box .founder-detail .title {
font-size: 16px;
}
.aboutsec .frame-box .founder-detail .name {
font-size: 19px;
}
.aboutsec .frame-box .founder-detail .designation {
font-size: 16px;
}
.mission-vision .card .title {
font-size: 25px;
}
.mission-vision .card .content {
font-size: 15px;
}
.download-app .download-info h2 {
font-size: 33px;
line-height: 35px;
}
.download-app .download-info h5 {
margin-bottom: 1rem;
}
section {
padding: 2rem 0;
}
}
@media (max-width: 992px) {
body {
display: block;
}
#loginModal .modal-dialog {
max-width: 90%;
margin-left: auto;
margin-right: auto;
}
#loginModal .modal-body {
padding: 1rem;
}
._nav_manu {
display: none;
}
.mean-container .mean-nav .header-button {
margin: 10px;
}
.mean-container .mean-nav ul li a i.bi {
display: none;
}
.steps-section .pattern {
margin-bottom: 2rem;
}
.steps-section .sec-heading {
margin-bottom: 2rem;
}
.advance-search {
display: none;
}
.breadcrumb-bar {
margin-top: 4rem;
}
.filter-box {
display: block;
}
.filter-box ul li {
margin-left: -10px;
margin-top: 10px;
}
.filter-box p {
position: absolute;
top: 15px;
right: 15px;
}
.user-profile {
position: absolute;
z-index: 3;
right: 3.5rem;
top: 12px;
display: block;
}
.user-profile ._menu>ul>li>a {
margin: 0;
}
.user-profile ._menu>ul>li>a img {
width: 42px;
height: 42px;
}
.user-profile ._menu>ul>li .sub-menu {
right: 0;
left: auto;
}
.socials-widget a:last-child {
margin-right: 0;
}
.middle-content .advance-search {
margin-bottom: 2rem;
position: absolute;
width: 80%;
z-index: 1001;
background-color: #ffffff;
transform: translate(-50%, 0);
top: 50px;
left: 50%;
}
.filter-mobile {
text-align: right;
position: relative;
margin-bottom: 1rem;
}
.filter-mobile.btn-filled .btn-brown {
padding: 10px 21px;
}
.bg-shadow:before {
content: "";
background-color: rgba(0, 0, 0, 0.5607843137);
position: fixed;
top: 0;
width: 100%;
height: 100%;
z-index: 925;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
}
/*profile card*/
.member-info .member-top-head .member-name {
font-size: 28px;
line-height: 21px;
}
.member-info .member-personal-info ul li span {
font-size: 16px;
}
.member-info .button-block {
flex-direction: column;
}
/*personal information card*/
.personal-info .title {
flex-basis: 45%;
font-size: 16px;
}
.personal-info .addres-text {
font-size: 16px;
line-height: 28px;
}
.info-heading {
font-size: 20px;
line-height: 20px;
}
.info-heading svg {
width: 22px;
height: 22px;
}
}
@media (max-width: 767px) {
.header-top-section {
padding: 12px 0;
}
.header-top-section .header-too-menu-address ul {
display: flex;
}
.header-top-section .header-too-menu-address ul li {
padding-right: 0;
}
.header-top-section .header-too-menu-address ul li a {
font-size: 0;
}
.mean-nav .header-button {
margin: 10px;
}
.mean-container .mean-nav ul li a i.bi {
display: none;
}
section {
padding: 2rem 0;
}
.vyo-modal {
flex-wrap: wrap;
}
.vyo-modal .vyo-form {
padding: 0rem 1rem 1rem;
}
.vyo-modal .vyo-form .form-title {
font-size: 21px;
line-height: 31px;
}
.vyo-modal .vyo-right-bg {
display: none;
}
.vyo-modal .vyo-form,
.vyo-modal .vyo-right-bg {
width: 100%;
}
#banner-section {
margin-top: 4rem;
}
.slider-section {
background-size: 100%;
background-position: top;
height: 43rem;
}
.slider-content {
max-width: 100%;
background-color: #cd2030;
padding: 2rem 2rem 2rem;
border-radius: 10px;
margin-top: 10rem;
}
.slider-content .event-counter {
flex-wrap: wrap;
gap: 15px;
}
.slider-content .event-counter #countdown ul li span {
font-size: 30px;
width: 58px;
height: 58px;
}
.slider-content p {
font-size: 14px;
}
.slider-content p br {
display: none;
}
.slider-content .section-button {
padding-right: 0;
flex-wrap: wrap;
}
.slider-content .section-button a {
background-color: #F0E6EB;
color: #D41F29;
}
.slider-content .section-button .btn-filled .btn-brown {
background: #81335b;
border: 1px solid #81335b;
}
.seperator {
display: none;
}
.about-section .about-content {
margin-bottom: 3rem;
}
.about-section .about-content p {
font-size: 15px;
line-height: 25px;
}
.about-section .col-lg-6 {
order: 1;
}
.about-section .col-lg-3 {
order: 2;
}
.about-section .col-lg-3:last-child .frame-box {
margin-bottom: 0;
}
.frame-box {
margin-bottom: 3rem;
}
.frame-box .image-box {
width: 200px;
margin: auto;
}
.frame-box .image-box .icon-border {
background-size: 100%;
top: -14px;
left: 44%;
width: 220px;
height: 310px;
}
.frame-box .image-box .icon-flowers-1 {
background-size: 100%;
top: -10px;
left: -16px;
width: 230px;
height: 241px;
}
.frame-box .image-box .icon-flowers-2 {
left: -16px;
top: 10px;
background-size: 100%;
width: 230px;
height: 241px;
}
.frame-box .image-box .icon-border-2 {
top: 0;
left: 44%;
width: 220px;
height: 310px;
background-size: 100%;
}
.frame-box .image-box .image img {
margin-top: 0.5rem;
}
.frame-box .founder-detail {
margin-top: 1rem;
}
.frame-box .founder-detail .title {
font-size: 17px;
}
.frame-box .founder-detail .name {
font-size: 20px;
margin-bottom: 0;
}
.frame-box .founder-detail .designation {
font-size: 16px;
}
.sec-heading h2 {
font-size: 30px;
}
.filter-section .form-group {
margin-bottom: 1rem;
}
.filter-section .form-group.text-end {
text-align: left !important;
}
.media-block .circle-icon {
width: 100px;
height: 100px;
}
.media-block .circle-icon img {
width: 50px;
}
.media-block .step-info {
font-size: 16px;
}
.steps-section {
margin-top: 3rem;
}
.register-section {
margin-top: 1rem;
}
.youtube-videos {
padding: 2rem 0;
}
.footer-section {
padding: 1rem;
}
.footer-section .col-lg-5 {
margin-bottom: 2rem;
}
.footer-section .footer-bottom-area {
margin-top: 1rem;
}
.footer-section .footer-bottom-area .copyright-description p {
font-size: 16px;
padding: 10px 0;
}
.footer-section .footer-widget-title h3 {
margin-bottom: 0;
}
.filter-section .pattern,
.steps-section .pattern,
.youtube-videos .pattern {
max-width: 60%;
}
.happy-section {
padding: 2rem 0;
}
.footer-widget-menu {
margin-bottom: 30px;
}
#countdown {
margin-right: 1rem;
}
.event-counter .title {
font-size: 20px;
}
.event-counter #countdown ul li {
margin-right: 1rem;
}
.member-box .member-card .card-img-top img {
height: 200px;
}
.member-box .member-card .profile-name {
font-size: 20px;
line-height: 25px;
margin-bottom: 0;
}
.member-box .member-card .profile-age {
font-size: 14px;
line-height: 26px;
}
.member-box .member-card .profile-education {
font-size: 15px;
line-height: 21px;
}
.member-box .member-card .profile-detail {
font-size: 15px;
}
.filter-box ul li {
font-size: 14px;
}
.middle-content {
padding: 1rem 0;
}
.middle-content .advance-search {
right: 25px;
}
.member-info {
margin-top: 2rem;
}
.member-info .member-top-head .member-name {
font-size: 28px;
line-height: 21px;
}
.member-info .member-personal-info ul li span {
font-size: 16px;
}
#member-slider .carousel-indicators {
margin-left: 0;
justify-content: flex-start;
}
.personal-info .title {
flex-basis: 45%;
font-size: 16px;
}
.personal-info .addres-text {
font-size: 16px;
line-height: 28px;
}
.info-heading {
font-size: 20px;
line-height: 20px;
}
.info-heading svg {
width: 22px;
height: 22px;
}
.member-box.inline .member-card .card-img-top {
max-width: 100px;
max-height: 100px;
}
.member-box.inline .member-card .card-img-top img {
width: 100px;
height: 100px;
max-height: 100px;
}
.member-box.inline .member-card .favourite-btn {
width: 40px;
height: 40px;
}
.member-box.inline .member-card .favourite-btn .bi {
font-size: 16px;
}
.member-box.inline .member-card a {
font-size: 16px;
}
.member-box.inline .member-card .profile-education,
.member-box.inline .member-card .profile-age {
font-size: 15px;
}
.member-box.inline .member-card .profile-name {
font-size: 20px;
}
.profile-detail {
display: block;
}
.table-content .table thead tr th.cell {
display: none;
}
.table-content .table tbody tr {
border: 1px solid #e1e0e0;
margin-bottom: 20px;
display: block;
border-radius: 5px;
}
.table-content .table td {
display: block;
border-bottom: none;
font-size: 15px;
}
.table-content .table td[data-title="#"] {
background-color: #e1e0e0;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-weight: 600;
}
.table-content .table td.cell {
margin-bottom: 10px;
font-size: 16px;
}
.table-content .table td.cell:before {
margin-bottom: 3px;
content: attr(data-title);
width: 50%;
font-weight: 600;
display: inline-block;
}
.table-content .table td.cell[data-title=Action] {
display: flex;
}
.table-content .table .badge-pen {
font-size: 14px;
}
.youth-organization .imagesec {
padding: 15px;
}
.aboutsec {
padding: 1rem 15px 0;
}
.mission-vision {
padding: 2rem 0 1rem;
}
.mission-vision .card {
margin-bottom: 20px;
height: auto;
}
.aboutsec .sec-heading {
text-align: center;
}
.aboutsec .about-content {
margin-bottom: 30px;
}
.aboutsec .about-content p {
text-align: center;
}
.happiness .happiness-image {
padding-bottom: 80px;
}
.happiness .pattern {
max-width: 60%;
margin: auto;
}
.happiness .vyo-text {
margin-top: -45px;
padding: 30px 25px 20px;
}
.happiness .vyo-point {
bottom: 10px;
}
.happiness .vyo-point .vyo-circle {
width: 90px;
height: 90px;
}
.happiness .vyo-point .vyo-circle .vyo-img {
width: 63px;
height: 63px;
}
.happiness .vyo-point .vyo-circle .vyo-img img {
width: 60%;
}
.download-app .download-info h2 {
font-size: 33px;
line-height: 33px;
}
.download-app .download-info h5 {
margin-bottom: 1rem;
}
.appscreens img {
padding: 2rem 0 0;
}
.getintouch .card {
margin-top: 1rem;
padding: 15px;
}
.getintouch .card .card-title {
font-size: 25px;
}
.getintouch .card .contact-info .info-label {
font-size: 16px;
}
.getintouch .card .contact-info .info-text {
font-size: 15px;
}
.imagesec {
padding: 15px;
}
}
/* Large Mobile :600px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {
.sticky {
position: absolute !important;
top: auto;
}
.header-top-section {
padding: 12px 0;
}
.header-top-section .header-too-menu-address ul li {
margin-right: 10px;
}
.header-top-section .header-too-menu-address ul li img {
width: 20px;
height: 20px;
}
.header-top-section .header-too-menu-address ul li a {
font-size: 15px;
}
.slider-content h5 {
font-size: 18px;
padding-bottom: 15px;
}
.slider-content h1 {
font-size: 38px;
line-height: 50px;
}
.owl-prev {
display: none;
}
.owl-next {
display: none;
}
.single-box-icon {
margin: 0 60px 70px;
}
.icon-button {
text-align: left;
}
}
/* small mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 599px) {
.sticky {
position: absolute !important;
top: auto;
}
.header-top-section {
padding: 12px 0;
}
.slider-content {
margin-top: 9rem;
}
.slider-content h1 {
font-size: 32px;
line-height: 40px;
}
.slider-content h5 {
font-size: 18px;
padding-bottom: 0;
}
.slider-content .event-counter #countdown ul li {
font-size: 14px;
}
.slider-content .event-counter #countdown ul li span {
font-size: 20px;
width: 48px;
height: 48px;
}
.event-counter .title {
font-size: 17px;
}
#countdown {
margin-right: 1rem;
}
.owl-prev {
display: none;
}
.owl-next {
display: none;
}
.single-box-icon {
margin: 0 70px 70px;
}
.icon-button {
text-align: left;
}
.slider-section {
height: 39rem;
}
.header-top-section .col-lg-6 {
max-width: 40%;
}
.header-top-section .col-lg-6:first-child {
max-width: 60%;
}
.member-box .member-card .card-img-top img {
height: auto;
max-height: 100%;
}
.member-info .button-block {
flex-direction: column;
}
}
/* small mobile :320px. */
@media only screen and (min-width: 320px) and (max-width: 479px) {
.sticky {
position: absolute !important;
top: auto;
}
.slider-content {
margin-top: 7rem;
}
.slider-content h5 {
font-size: 16px;
}
.slider-content h1 {
font-size: 40px;
line-height: 45px;
}
.owl-prev {
display: none;
}
.owl-next {
display: none;
}
.section-button a {
margin-bottom: 20px;
}
.single-box-icon {
margin: 0 20px 70px;
}
.slider-section {
height: 51rem;
}
.header-top-section .col-lg-6 {
max-width: 60%;
}
.header-top-section .col-lg-6:first-child {
max-width: 40%;
}
.member-box .member-card .card-img-top img {
height: auto;
max-height: 100%;
}
.member-info .button-block {
flex-direction: column;
}
.card {
padding: 15px;
}
.card-title {
font-size: 1.3em;
}
.icon {
font-size: 1em;
}
.info-text {
font-size: 0.8em;
}
}
/*# sourceMappingURL=main.css.map */