@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'Wedding Bustle Demo';
    src: url('../fonts/WeddingBustleDemoRegular.woff2') format('woff2'),
        url('../fonts/WeddingBustleDemoRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



.body-bg{
    background: rgb(244,171,28);
background: -moz-linear-gradient(90deg, #f4ab1c 30%, #e72374 80%);
background: -webkit-linear-gradient(90deg, rgba(244,171,28,1) 30%, rgba(230,33,116,1) 80%);
background: linear-gradient(90deg, rgba(244,171,28,1) 30%, rgba(230,33,116,1) 80%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4ab1c",endColorstr="#e62174",GradientType=1);
}

ul li{ list-style-type: none;}


a{ text-decoration: none;  }
a:hover{ text-decoration: none;  }

/* Apply bold and weight to the first option */
.profile-account-edit select option:first-child {
    font-weight: bold;
}


.account-body-bg{
    background: radial-gradient(circle at 11.4% 50%, rgb(255, 37, 174) 0%, rgb(250, 237, 56) 90%);
    font-family: "Albert Sans", sans-serif;
}
.primary-bg{
    background-color: #E52873;
    color: #fff;
    
}
.radius{
    border-radius: 20px;

}
.secondary-bg{
    background-color: #f2ab1f;
    color: #fff;
     
}
.text-primary{
        color: #E52873;

}
.text-secondary-custom{
    color: #f2ab1f;
    font-weight: 900;

}
.btn-primary:hover {
    background-color: #E52873;
    color: #FFFFFF;
}
h2{
    font-size: 36px;
}
h5, .description{
    font-size: 14px;
 
}
.navbar  {
    background-color: #ffffff !important;
    box-shadow: none;
    color: #FFFFFF;
 }

.navbar {
    padding-top: 0.625rem;
   padding-bottom: 0.625rem;  
    min-height: 53px;
     margin-bottom: 0px; 
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}
.navbar a:not(.btn):not(.dropdown-item) {
    color: #343a40;
}
.page-header.page-header-small {
    min-height: 80vh;
    max-height: 480px;
    top: -39px;
}
 
.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #e52873;
    border: 1px solid #ffffff;
    border-radius: 0.25rem;
}
 .sidebar-collapse .navbar .navbar-toggler-bar {
    display: block;
    position: relative;
    width: 22px;
    height: 1px;
    border-radius: 1px;
    background: #ffffff;
}

.hero-title{
    font-family: 'Wedding Bustle Demo';
    line-height: normal;
}

.login-bg{

    background:url(../img/login-bg.jpg);
    background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover;
}
/*  why-hm */
.form{
    background-color: #fff;
    color: #343a40;
}
.form h4{
    text-align: center;
}
.form label{
    font-weight: 900;
    color: #333;
}
.form .form-check-label{
    color: #343a40;
    font-weight: 500;

}
.why-hm{

}
.why-hm p{
    font-size: 14px;
    line-height: normal;
}

#matrimonialForm input, #matrimonialForm select{
    background-color: #fff;
}

.section-steps .col-md-3 img{
    width: 80px;
}


/* user  */
.sidebar-user{   border-radius: 20px; padding: 0;
}
.sidebar-user ul{  font-size: 12px;  }
.sidebar-user img{  width: 60px;  outline: 15px solid #fff;border: 5px solid #fff;   border-radius: 20px;  }
.sidebar-user li { text-transform: capitalize; color: #333; font-size: 12px; font-weight: 600; list-style-type: none; text-align: left; padding-bottom:5px; line-height: 26px;}
.sidebar-user li a{ color: #333;   list-style-type: none;   text-transform: capitalize;}
.sidebar-user a:hover{ text-decoration: none;  }
.sidebar-user li i { margin-left:-10px;   height: 20px; width: 30px;  }
.section-user{ margin-bottom: 100px;}
.section-user .container{ margin-top: 100px;}
.section-user .title{ color: f2ab1f; }


.user-circle {
    margin: 0 auto;
    display: table;
    width: 150px;
    height: 150px;
    padding: 50px;
    border-radius: 50%;
    border: 10px solid #ffffff;
    vertical-align: middle;
    position: relative;
    box-shadow: 0px 0px 32px -7px #b8b8b8;
    background: linear-gradient(45deg, #d10662, #ff0074);
}
.user-circle  .count .act{
        font-weight: bolder;
        color: #fff;
        font-size: 18px;
    
}

.user-match-profile{
    background-color: #fff;
    font-size: 12px;
}
.user-match-profile img{
    border-radius: 20px;
}

.user-match-profile  p{
    line-height: 16px;
     font-weight: 500;
     color: #666;
}
.user-match-profile  p strong{
    font-weight: 600;
    color: #333;

    text-transform: capitalize;
}

.user-match-profile  .btn{
    background-color: #f2ab1f;
    color: #333;
    border-radius: 20px;
    
}



.user-matchs{
    background-color: #fff;
    font-size: 12px;
}
.user-matchs img{
    border-radius: 20px;
}

.user-matchs  p{
    line-height:normal;
     font-weight: 500;
     font-size: 12px;
     color: #666;
}
.user-matchs  p strong{
    font-weight: 600;
    font-size: 12px;
    color: #333;

    text-transform: capitalize;
}

.user-matchs  .btn{
    background-color: #f2ab1f;
    color: #333;
    border-radius: 20px;
    
}





/* profile-account-edit */
.profile-account-edit{
    color: #999;

}
.profile-account-edit label{
    color: #999;

}
.profile-account-edit h4{
    font-weight: 800;
    text-align: left;
    padding-bottom: 20px;
    text-transform: uppercase;
    color: #E52873;
    
}


/* profile-account-view */
.profile-account-view{
    color: #999;

}
.profile-account-view label{
    color: #999;
    font-weight: 800;
}
.profile-account-view p{
    color: #333;
    font-weight: 600;


}
.profile-account-view h4{
    font-weight: 800;
    text-align: left;
    padding-bottom: 20px;
    text-transform: uppercase;
    color: #E52873;

    
}

.profile-account-view .badge{
    letter-spacing: 1px;
    padding: 5px 10px;
    font-size: 12px;
    text-transform: capitalize;
}

.profile-account-view .col-lg-9{
    text-transform: capitalize;
    color: #000;
    font-weight: 500;

}



.chat-online {
    color: #34ce57
}

.chat-offline {
    color: #e4606d
}

.chat-messages {
    display: flex;
    flex-direction: column;
    max-height: 800px;
    overflow-y: scroll
}

.chat-message-left,
.chat-message-right {
    display: flex;
    flex-shrink: 0
}

.chat-message-left {
    margin-right: auto
}

.chat-message-right {
    flex-direction: row-reverse;
    margin-left: auto
}
.py-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
}
.px-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important;
}
.flex-grow-0 {
    flex-grow: 0!important;
}
.border-top {
    border-top: 1px solid #dee2e6!important;
}



.footer-section{
     background-color: #343a40;
    color: #ccc;
}
.footer-section a{
     color: #ccc;
}

.footer-section h4{
    color: #ccc;
    padding-left: 20px;
}