@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200&display=swap');
body {
  font-family: 'Montserrat', sans-serif;
}

@font-face {
  font-family:  "Myriad Pro";
  src: url(../css/font/MyriadPro-Light.woff);
  }

/*fire fox css*/
  @-moz-document url-prefix() {
   
  .registration-from .gender{
    text-indent: 20px!important;
  }

  .registration-from .gender {
    background-image: url(https://desimubarakrishte.com/images/736576.png), url(https://desimubarakrishte.com/images/Rectangle%2013.png)!important;
    background-repeat: no-repeat, no-repeat!important;
    appearance: none!important;
    background-position: 5% 49%, 93% 48% !important;
    -webkit-appearance: none!important;
}

.registration-from  .on_behalf {
    background-image: url(https://desimubarakrishte.com/images/1.png), url(https://desimubarakrishte.com/images/Rectangle%2013.png) !important;
    background-repeat: no-repeat, no-repeat !important;
    appearance: none !important;
    background-position: 3% 48%, 97% 50% !important;
    -webkit-appearance: none !important;
}

#frmSearch .MaritalStatus {
    appearance: none!important;
    -moz-appearance: none!important;
    -webkit-appearance: none;
    background-image: url(https://desimubarakrishte.com/images/active_3.png), url(https://desimubarakrishte.com/images/Rectangle%2013.png) !important;
    background-repeat: no-repeat, no-repeat !important;
    appearance: none !important;
    background-position: 5% 49%, 97% 50% !important;
    -webkit-appearance: none !important;
    line-height: 1px!important;
}

#frmSearch .Religionfrom {
    appearance: none !important;
    -moz-appearance: none !important;
    -webkit-appearance: none;
    background-image: url(https://desimubarakrishte.com/images/active_4.png), url(https://desimubarakrishte.com/images/Rectangle%2013.png) !important;
    background-repeat: no-repeat, no-repeat !important;
    appearance: none !important;
    background-position: 5% 49%, 97% 50% !important;
    -webkit-appearance: none !important;
    line-height: 1px !important;
}

#frmSearch .Castefrom,#frmSearch .SubCaste {
    appearance: none !important;
    -moz-appearance: none !important;
    -webkit-appearance: none;
    background-image: url(https://desimubarakrishte.com/images/active_5.png), url(https://desimubarakrishte.com/images/Rectangle%2013.png) !important;
    background-repeat: no-repeat, no-repeat !important;
    appearance: none !important;
    background-position: 5% 49%, 97% 50% !important;
    -webkit-appearance: none !important;
    line-height: 1px !important;
}

#frmSearch .MotherTongue{
     appearance: none !important;
    -moz-appearance: none !important;
    -webkit-appearance: none;
    background-image: url(https://desimubarakrishte.com/images/active_9.png), url(https://desimubarakrishte.com/images/Rectangle%2013.png) !important;
    background-repeat: no-repeat, no-repeat !important;
    appearance: none !important;
    background-position: 5% 49%, 97% 50% !important;
    -webkit-appearance: none !important;
    line-height: 1px !important;
}


#frmSearch .Profession{
     appearance: none !important;
    -moz-appearance: none !important;
    -webkit-appearance: none;
    background-image: url(https://desimubarakrishte.com/images/active_7.png), url(https://desimubarakrishte.com/images/Rectangle%2013.png) !important;
    background-repeat: no-repeat, no-repeat !important;
    appearance: none !important;
    background-position: 5% 49%, 97% 50% !important;
    -webkit-appearance: none !important;
    line-height: 1px !important;
}

  select.on_behalf{
    text-indent: 20px!important;
  }

  .Age{
     background-size: unset!important;
  }

}



.banner_slide .carousel-control-prev-icon {
    background-color: #0e0d0d85;
    padding: 26px!important;
    background-size: 44%;
    border-radius: 48px;
}

.banner_slide .carousel-control-next-icon{
    background-color: #0e0d0d85;
    padding: 26px!important;
    background-size: 44%;
    border-radius: 48px;
}

.card_img1 {
    width: 56px!important;
    height: 50px!important;
}

/* slider css*/

.happy_stories h2 {
    font-weight: 700;
    color:#fff;
}

.testmonials .carousel-indicators{
    bottom: -50px;
}

.testmonials .carousel-indicators li{

    background-color: #fff;
}

.testmonials .carousel-indicators .active {
    background-color: #2b307f;
}

.testmonials .designation h3 {
    font-size: 25px;
    margin: 12px 0px;
    font-weight: 600;
    text-transform: uppercase;
    color:#fff;
}

.testimonial_inner_div p {
    color: #fff;
}

.testimonial_inner_div {
    max-width: 820px;
    margin: 0px auto;
    font-size: 17px;
    font-weight: 500;
}

.testmonials {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

body .lk .lk_one {
    max-width: 149px!important;
}

ul.icons_pp {
    padding: 0px;
    list-style-type: none;
    display: flex;
    font-size: 24px;
    text-align: center;
    flex-direction: row;
    justify-content: center;
    padding-bottom: 15px;
}

ul.icons_pp li {
    min-width: 33.3%;
    cursor: pointer;
}

ul.icons_pp li i {
    color: #fff;
    width: 35px;
    padding: 11px;
    font-size: 13px;
    height: 35px;
    border-radius: 50%;
    background-color: #e6419c;
}

ul.icons_pp li i:hover {
  color: #243f8f;
}

/*end*/

#donationModal button.close {
    outline: 0px;
    font-size: 36px;
    padding: 6px 10px;
}

#donationModal button.close {
    outline: 0px;
}

#donationModal .modal-header {

    background-color: #e6419d;
    color: #fff;
    font-weight: 900;
}

#donationModal .modal-body label {
    font-size: 23px;
    color: #324da5;
    font-weight: bold;
}

.about-text p strong {
    font-weight: 600;
}
.about-text p strong span {
    font-weight: 600;
    line-height: 24px;
}

section.our_working_catagories {
    background: url(../images/bk_two.png) no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 60px;
    color: #fff;
    padding-bottom: 70px;
}

.skbn h3 {
    color: #fff;
    background-color: #243f8f;
    padding: 10px 0px;
    font-size: 18px;
    text-align: center;
    margin-bottom: 0px;
}

section.our_working_catagories h2{
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
}

div.lk div.two strong {
    font-weight: 400;
}

.skbn {
    background-color: #eee;
}

.skbn img {
    width: 100%;
    max-width: 250px;
    height: 250px;
}

.verify_email {
    padding: 70px 0px;
}

.lk {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 15px 10px;
    line-height: 27px;
    align-items: center;
    color: #000;
}

.two {
    margin-left: 40px;
}

table#ligonreList tr td:nth-child(6) {
    padding: 40px 0px;
}

.inner_contact ul.list-inline {
    margin-top: 31px;
}

.inner_contact ul.list-inline li {
    margin: 0px 18px;
}

section.contact_details_home {
    /*background-color: #4f3185;*/
    padding: 76px 0px;
    text-align: center;
    background-image: url(../images/bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.inner_contact h3 {
    /*color: #fff;*/
    color: #243f8f;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 33px;
}

.inner_contact p {
    color: #000;
    font-size: 21px;
    padding-top: 18px;
}

.inner_contact p a {
    color: #000;
}

.inner_contact button {
    background-color: #573387;
    max-width: 400px;
    width: 100%;
    border-radius: 52px;
    font-size: 21px;
    color: #ffff;
    /*margin: 22px 0px;*/
    margin: 30px 0px;
}

section.happy_stories {
    background-color: #e6419c;
    padding: 50px 0px!important;
}

section.rg_new {
    padding: 124px 0px;
    text-align: center;
    background-image: url(https://desimubarakrishte.com/images/Bannerrr.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 4% 64%;
}

.rg-inner p {
    margin-bottom: 35px!important;
}

.rg-inner a {
    font-size: 20px;
    margin-top: 69px;
    background-color: #d92838;
    color: #fff!important;
    padding: 8px 15px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 10px;
}

.rg-inner h2{
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    color:#fff;
}

.rg-inner p {
    color: #fff!important;
    font-size: 17px;
    width: 100%;
    max-width: 730px;
    margin: 0px auto;
    font-weight: 500;
    line-height: 25px;
}


.banner_slide .carousel-item img {
    width: 100%;
    max-width: 100%;
}

.pphh {
    text-indent: 35px;
}

.no_messagecls span {
    font-weight: bold;
    text-align: center;
    display: block!important;
    width: 100%;
}

span.ph_d {
    position: absolute;
    top: 9px;
    left: 25px;
}

.innercaont:hover p a {
    color: #fff;
}

.innercaont p a,.ineercaont p a {
    color: #000;
    text-decoration: none;
}

.reg_email {
    position: absolute;
    top: 12px;
    left: -13px;
}

.ck_em {
    text-indent: 37px;
}

span.cont_email {
    position: absolute;
    top: 30px;
    left: 23px;
}

input.cont_e {
    text-indent: 33px;
}

span.cont_phone {
    position: absolute;
    top: 30px;
    left: 22px;
}

.cont_ph {
    text-indent: 29px;
}

span.cont_user {
    position: absolute;
    top: 29px;
    left: 23px;
}

input.cont_i {
    text-indent: 30px;
}

span.in_logo {
    position: absolute;
    top: 12px;
    left: 27px;
}

span.in_logo img {
    width: 14px;
    height: auto;
}
.r_us {
    text-indent: 36px!important;
}

.cc-nn {
    margin: 39px auto;
    width: 88%;
}

.ineercaont {
    box-shadow: 0px 0px 8px 0px #eee;
    padding: 16px;
    border: 3px solid #e6419c;
    border-radius: 14px;
    background-color: #eee;
}

.innercaont {
    min-height: 152px;
    box-shadow: 0px 0px 17px 11px #eee;
    padding: 15px;
    border: 3px solid #e6419c;
    border-radius: 14px;
    background-color: #eee;
}

.innercaont:hover {
    background-color: #e6419c;
    color: #fff;
}

.ineercaont:hover {
    background-color: #e6419c;
    color: #fff;
}

.cc-nn .ineercaont p a {
    font-size: 20px;
    color: #000;
    font-weight: 500;
}

.innercaont p {
    font-size: 20px;
    color: #000;
    cursor: pointer;
    font-weight: 500;
}

.ineercaont:hover p a {
    color: #fff;
}

.innercaont:hover p {
    color: #fff;
}

.stories-n h6 {
    color: #fff!important;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    padding: 0px 50px;
    margin: 27px 0px;
}

#logoutModal .modal-header {
    background-color: #e6419c;
    color: #fff;
}

#logoutModal button.close {
    opacity: unset;
}

#logoutModal .modal-header .close span {
    color: #fff;
}

#logoutModal .bb:hover {
    background-color: #243f8f;
    color: #fff;
}

#logoutModal .bb {
    outline: 0;
    border: 2px solid #243f8f;
    padding: 4px 15px;
    color: #000;
    border-radius?: 5;
    border-radius: 50px;
}

#logoutModal .modal-body {
    font-size: 17px;
    color: #000;
    line-height: 23px;
}

button.plusicon {
    float: right;
}

.header nav.navbar ul.navbar-nav li.nav-item a.active {
    border-bottom: 2px solid #17439d;
    color: #17439d;
}

.permium_sec2-div-text span.offer {
    position: absolute;
    right: 4px;
    top: -45px;
    font-size: .75rem;
    transform-origin: top left;
    transform: translateX(50%) translateY(-120%) rotate(45deg);
    display: block;
    background-color: #d92738;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 0px 123px;
}

.page-item.active .page-link {
    background-color: #243f8f!important;
    border-color: #243f8f!important;
}
.pagination{
  justify-content: center;
}

.afterpayment a.gohome {
    color: #fff!important;
    font-size: 17px;
    text-transform: uppercase;
    border: 2px solid #243f8f;
    padding: 4px 26px;
    background-color: #243f8f;
    border-radius: 50px;
}

.afterpayment .stories-n {
    margin: 100px auto;
    text-align: center;
    max-width: 770px;
    box-shadow: 0px 0px 6px 3px #eee;
    background-color: #e6419c;
    padding: 77px 15px;
    font-weight: bold;
    color: #fff;

}

a.tb-hart {
    border: 2px solid #000;
    color: #000;
    padding: 4px 0px;
}

a.tb-hart.active {
    color: #fff!important;
    background: #e6419b!important;
    border-color: #e6419b!important;
}

.sk-logo button:hover {
    color: #e6419c;
    text-decoration: underline;
}

.alert.alert-danger.alert-dismissible {
    width: 79%;
    margin: 0px auto;
    background-color: #243f8f;
    font-weight: bold;
    color: #fff;
    border-color: #243f8f;
}

.sk-logo button {
    border: 0px;
    background-color: #fff;
    outline: 0;
}


/*top header drop down*/
.head_upper_line .dropdown {
  position: relative;
  display: inline-block;
}

.stories-n {
    width: 100%;
    max-width: 500px;
    margin: 0px auto;
    text-align: center;
}

.head_upper_line .msg ul {
    padding: 0px;
    list-style-type: none;
    text-align: left;
}

.head_upper_line .msg ul li {
    border-bottom: 1px solid #eee;
    padding: 12px 20px;
    display: flex;
}

.head_upper_line .msg ul li:hover {
    background-color: #eee;
}

.head_upper_line .msg ul li span i {
    font-size: 33px;
    border: 2px solid #e6419b;
    border-radius: 50px;
    width: 50px;
    padding: 5px 9px;
    height: 50px;
    background-color: #e6419b;
    color: #fff;
}

.head_upper_line .msg p {
    background-color: #928e8ea8;
    padding: 10px 20px;
    text-align: left!important;
    font-weight: bold;
    color: #ffff;
    margin-bottom: 0px;
}

.head_upper_line .msg {
    padding: 0px!important;
}

.head_upper_line .dropdown-content {
  position: absolute;
  background-color: #f9f9f9;
  min-width: 320px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}

.head_upper_line .dropdown.active .dropdown-content {
  display: block;
}


/*end*/

.parent-heading {
    background-color: #fff;
    padding: 8px 23px;
    border: 1px solid rgba(0,0,0,.125);
}

ul.chat li.right .chat-body p {
    background-color: #eee;
    padding: 10px 15px;
    border-radius: 20px;
    color: #000;
    box-shadow: 0px 0px 6px 0px #eee;
    position: relative;
}

ul.chat li.right .chat-body p:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 19px solid transparent;
    border-left: 25px solid #eeeeee;
    top: 0px;
    right: -6px;
}

ul.chat li.left .chat-body p:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 19px solid #dddddd;
    transform: rotate(-52deg);
    top: -1px;
    left: -3px;
}

ul.chat li.left .chat-body p {
    background-color: #ddd;
    padding: 10px 15px;
    border-radius: 20px;
    color: #000;
    box-shadow: 0px 0px 8px 0px #eee;
    position: relative;
}

.alert-success {
    color: #fff!important;
    background-color: #243f8fd9!important;
    border-color: #243f8f!important;
    font-weight: bold!important;
    margin: 0px auto!important;
    width: 100%!important;
    max-width: 1201px!important;
}

.stories .card-img {
    padding: 18px 31px 0px 27px;
    position: relative;
}

.stories .card-img:after {
    position: absolute;
    content: "";
    width: 293px;
    height: 18px;
    top: 0;
    background-image: linear-gradient(-45deg, #132f78 0%, #e6409d 100%);
    left: 11px;
}

.stories .card-img:before {
    position: absolute;
    content: "";
    width: 18px;
    height: 200px;
    background-image: linear-gradient(-45deg, #132f78 0%, #e6409d 100%);
    top: 2px;
    border-radius: 12px 0px 0px 6px;
    left: 11px;
    z-index: 999;
}

.card.edit_profile p {
    margin: 7px;
}

.searchlist .div2-img img {
    width: 100%;
    max-width: 300px;
    height: 163px;
    border-radius: 17px;
}

.card.edit_profile .row {
    margin: 7px;
}

body .edit-bk:hover {
    background-color: #243f8f;
    color: #fff!important;
}

body .edit-bk {
    border: 2px solid #243f8f!important;
    border-radius: 50px!important;
    color: #000!important;
    padding: 3px 18px!important;
    font-weight: bold!important;
}

.buttonsection button.btn.btn2:focus a {
    color: #fff;
}

.buttonsection button.btn.btn2:hover a {
    color: #fff;
}

 .messaging-section {
    background-color: #eff1f7;
}

.messaging-header {
    padding: 10px 11px;
    background-color: #67606030;
}

.messaging-header h5 {
    margin-bottom: 0px;
    font-weight: 600;
}

.messaging-section .container {
    padding: 20px 20px;
}

.messaging-section .container .messaging-header {
    color: #e6419c;
}

.chatting p {
    color: #e6419b;
    font-size: 17px;
    padding: 12px 0px;
}

.sarching-chat {
    background-color: #fff;
    padding: 6px 10px;
    border: 1px solid #eee;
    border-top: 0px;
}

.search-box input.search-user {
    width: 100%;
    max-width: 402px;
    padding: 5px 10px;
    outline: 0;
}

button.serach-btn.btn {
    background-color: #e6419c;
    color: #fff;
    font-weight: 600;
    border-radius: 0px!important;
}

.search-box {
    border: 1px solid #eee;
    height: 37px;
}

ul.conatct-list li:hover {
    background-color: #e6419b;
    color: #fff;
}

ul.conatct-list {
    padding: 0px;
    list-style-type: none;
    margin: 0px;
    overflow-y: scroll;
    height: 450px;
    margin: 0px;
}

ul.conatct-list li img {
    width: 100%;
    border-radius: 50px;
    max-width: 50px;
    height: 50px;
}

ul.conatct-list li {
  padding: 10px 13px;
  border-bottom: 1px solid #eee;
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
}


.profile-box a.p_box:hover {
    background-color: #e6419b;
    text-decoration: none;
}


.profile-box a.p_box:hover i {
    color: #fff;
}

.profile-box a.p_box:hover p {
    color: #fff;
    font-weight: 500;
    text-decoration: none!important;
}

input.gallery_btn {
    background-color: #e6419c;
    color: #fff;
    border-radius: 25px;
    font-weight: 600;
    cursor: pointer!important;
}

.galley_up {
    position: relative;
}

input#gallery_image {
    cursor: pointer;
    position: absolute;
    width: 20%;
    height: 100%;
    opacity: 0;
}

.profile-box a.active {
    color: #fff;
    font-weight: bold;
}

.faq button {
    font-size: 18px;
    color: #000;
    font-weight: 500;
}

.faq .btn-link.focus, .faq .btn-link:focus, .faq .btn-link:hover {
    text-decoration: none;
    border-color: transparent;
    color: #e6419c;
}

section.faq {
    padding: 80px 0px;
}

section.terms-condtion {
    padding: 80px 0px;
}

section.terms-condtion p {
    color: #000;
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 50px;
}

.btn-success:hover {
    color: #fff;
    background-color: #243f8f;
    border-color: #243f8f;
}

input#happy_story_image {
    cursor: pointer;
    position: absolute;
    width: 20%;
    height: 100%;
    opacity: 0;
}

section.terms-condtion h4 {
    color: #000;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 18px;
}

  .profile-box .active {
    background-color: #e6419c;
}

.profile-box .active i {
    color: #fff!important;
}

.profile-box .active a {
    text-decoration: none;
}

.profile-box .p_box a{
  text-decoration: none;
}

.profile-box .p_box a p {
    color: #000;
}

.profile-box .active a p {
    color: #fff!important;
    font-weight: bold!important;
}

.profile-box .p_box i {
    font-size: 19px;
    color: #e6419c;
}

.buttonsection .btn.btn2 a:hover {
    color: #fff;
}
.buttonsection .btn.btn2 a {
    color: #000000;
    display: block;
    text-decoration: none;
}

.card_heading button.btn-success,.card_heading a.btn-danger {
    background-color: #fff;
    border: 2px solid #243f8f;
    font-weight: 600;
    border-radius: 25px;
    color: #000;
    padding: 2px 18px;
}

.bks_div button.btn-success:hover {
    background-color: #243f8f;
    border-color: #243f8f;
}

button.btn-success{
    background-color: #fff;
    border: 2px solid #243f8f;
    font-weight: 600;
    border-radius: 25px;
    color: #000;
    font-size: 15px;
    padding: 4px 25px;
} 

.card_heading .img_div span {
    margin-right: 7px;
}

.view_profile .card_heading .img_div {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.card_heading .img_div span {
    color: #e6419c;
    font-weight: bold;
}

.profile-box .active a p {
    color: #000;
    font-weight: 500;
}

  .profile-pic i.fa.fa-pencil.fa-lg {
    background-color: #e6419c;
    color: #fff;
    padding: 7px;
    border-radius: 10px;
}

.is-invalid{
  background-image: unset!important;
  background-position: unset!important;
}

.searchlist {
    margin-bottom: 0px!important;
    border-radius: 8px 8px 0px 0px!important;
    border: none!important;
}

.all-logo .sk-logo a:hover {
    color: #e6419c;
}

.all-logo .sk-logo a {
    color: #000;
}

.restdiv .card-header {
    font-family: 'Montserrat', sans-serif;
    padding: 25px 0px;
    font-size: 21px;
    letter-spacing: 0px;
    line-height: 28px;
    color: #000000;
    background-color: #fff;
    padding: 25px 0px;
    font-weight: 500;
    text-align: center;
}

.mail_sb {
    text-align: center;
    margin-top: 35px;
}

.mail_sb button.btn.btn-primary {
    border-radius: 30px;
    background-image: linear-gradient(0deg, #132f78 0%, #475fc1 100%);
    width: 100%;
    max-width: 351px;
    font-size: 16px;
    letter-spacing: 0px;
    padding: 5px 0px;
    color: #ffffff;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
}

.footer-sk {
    background-color: #fff;
    padding: 15px 0px;
    border-radius: 0px 0px 8px 8px;
    border-top: 1px solid #eee;
    margin-bottom: 30px;
}

.all-logo {
    flex-direction: row;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.all-logo .sk-logo {
    padding: 0px 10px;
}

button.pf_btn:hover {
    color: #fff;
}

input.user-pf {
    position: absolute;
    top: 17px;
    left: 102px;
    height: auto;
    opacity: 0;
    cursor: pointer;
    z-index: 99;
}

button.pf_btn {
    background-color: #e6419c;
    color: #fff;
    font-weight: 600;
    border-radius: 25px;
    padding: 4px 44px;
}

  /*radio*/

  .radio {
  margin: 0.5rem
}
.radio input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.hedfrom select {
    border-radius: 17px;
    background-color: #ebedf5;
    font-size: 14px;
    color: #000000!important;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
}

.radio input[type="radio"] + .radio-label:before {
  content: "";
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  top: 1px;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
.radio input[type="radio"]:checked + .radio-label:before {
  background-color:#cc3c99;
  box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radio input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color: #cc3c99;
}


.radio input[type="radio"] + .radio-label:empty:before {
  margin-right: 0;
}

/*end*/

  header .dropdown-menu a {
    font-weight: 400!important;
    line-height: 30px;
}

header .dropdown-menu a:hover {
    background-color: #e6419c;
    color: #fff!important;
}

header .dropdown-menu a:active {
    background-color: #e6419c;
    color: #fff!important;
}
  
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    left: 86%;
    padding:0px;
}

.hedfrom .row {
    margin: 15px 0px;
}

.head_upper_line {
  background: #e6419d;
  height: auto;
}

.head_upper_line a {
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
  font-weight: 400;
  line-height: 57px;
  font-family: 'Montserrat', sans-serif;
}

.head_upper_line ul.head_upper_social {
  margin-bottom: 0;
  padding: 10px 0;
  margin-top: 0;
}

.head_upper_line span img {
  margin-right: 18px;
  max-height: 14px;
}

.head_upper_line .row {
  align-items: center;
}

.head_upper_line .last_col {
  text-align: right;
  margin: inherit;
}

.last_col span {
    padding-right: 14px;
}


/* navbar */

.header nav.navbar ul.navbar-nav li.nav-item a {
    font-size: 16px;
    color: #000000;
    font-weight:600;
    border-bottom: 2px solid #0000;
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
}

.header nav.navbar ul.navbar-nav li.nav-item a.nav-link {
  padding: 0 24px;
  line-height: 68px;
  font-family: 'Montserrat', sans-serif;
}

.header nav.navbar .collapse ul.navbar-nav {
  display: flex;
  flex-basis: 100%;
  justify-content: flex-end;
}

.header nav.navbar {
  padding: 0;
}

.navbar-brand img {
  margin-top: -43px;
}

.header nav.navbar a.navbar-brand {
  margin: 0;
  padding: 0;
}

.logo2 {
  height: 64px;
}

.header nav.navbar ul.navbar-nav li.nav-item a.nav-link:hover {
  border-bottom: 2px solid #17439d;
  color: #17439d;
  font-weight: 600;
}


/* .banner home page */

.sec4-last a {
    background-color: #243f8f;
    color: #fff;
    font-weight: 600;
    border-radius: 50px;
    text-transform: capitalize;
    text-decoration: none;
    padding: 9px 19px;
}

.hedfrom input::placeholder {
    font-size: 14px;
    color: #000000!important;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
}

.banner_content {
  background-image: url(../images/banner.jpg);
  background-size: cover;
  position: relative;
  min-height: 593px;
  width: 100%;
}

.con-div {
  padding: 190px 0px;
}

.con-div h1 {
  font-size: 44px;
  letter-spacing: -1px;
  color: #000000;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
}

.con-div p {
  font-size: 65px;
  letter-spacing: -2px;
  line-height: 76px;
  color: #e6419d;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}

section.relative_box {
    background-image: url(../images/bg.jpg);
}
/* custom_container */

.our_details {
  background-color: #ffffff;
  filter: drop-shadow(0px 21px 32.5px rgba(46, 72, 158, 0.18));
  position: relative;
  top: -143px;
  height: 262px;
  width: 100%;
  border-radius: 8px;
  border: 4px solid #e6419c;
}

.box {
  font-size: 30px;
  letter-spacing: -1px;
  font-family: 'Montserrat', sans-serif;
  color: #000000;
  text-align: center !important;
  font-weight: 400;
  padding-top: 33px;
}

.box span {
  color: #e6419d !important;
  font-weight: 800;
}

.hedfrom .col {
  padding: 9px 11px;
}

.hedfrom {
  padding: 20px 83px;
}

.hedfrom input {
  border-radius: 17px;
  background-color: #ebedf5;
  font-size: 14px;
  color: #000000;
  font-weight: 300;
}

.hedfrom .btn1 {
  border-radius: 16px;
  line-height: 25px;
  width: 100%;
  background-color: #243f8f;
  font-size: 16px;
  letter-spacing: 0px;
  color: #ffffff;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  text-align: center;
}

.banner_content2 {
  background-image: url(../images/bg.jpg);
}

.sec3-img img {
  border-radius: 8px;
}

.sec3-text .sec3-text1 {
  font-size: 35px;
  letter-spacing: -1px;
  line-height: 83px;
  color: #000000;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
}

.sec3-text .sec3-text1 span {
  color: #e6419d;
}

.about-text {
    width: 100%;
    /*max-width: 458px;*/
    max-width:500px;
    font-size: 16px;
    line-height: 21px;
    color: #000000;
    font-weight: 300;
    font-family: "Myriad Pro";
    padding: 8px 0px;
    text-align: justify;
}

.section4 .col-md-4 {
    /*padding: 0px;*/
}
.sec4-text{
 font-size: 35px;
  letter-spacing: -1px;
  line-height: 50px;
  color: #000000;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  margin: 63px 0px;
}

.section4 {
    width: 100%;
    padding: 30px 0px;
    overflow: hidden;
}

.sec4-text span{
  color: #e6419d;
  font-family: 'Montserrat', sans-serif;
font-weight: 800;

} 



.sec4-div{
width: 100%;
border-radius: 8px;
filter: drop-shadow(0 0 4px rgba(46,72,158,0.43));
background-color: #ebedf5;
overflow: hidden;
}

.sec4-div:hover{
  color: #ffffff;
border-radius: 8px;
background-image: linear-gradient(-45deg, #132f78 0%, #e6409d 100%);
font-weight: 400;
transform: scale(1, 1.1);
}

.sec4-div:hover .sec4-div-text{
  background-color: #00000008;
  color: #ffffff;
  font-weight: 800;
}
.sec4-div:hover .sec4-div-text span{
  color: #ffffff;
  font-weight: 800;

}
.sec4-div:hover .sec4-div-text2 p {
  font-weight: 600;
  color: #ffffff;

} 
.sec4-div:hover .sec4-div-text2 span {
  font-weight: 800;
  color: #ffffff;

} 

.sec4-div-text{
  width: 100%;
border-radius: 8px;
background-color: #ebedf5;
padding: 19px;
}
.sec4-div-text{
  font-size: 16px;
    letter-spacing: 2px;
    line-height: 36px;
    color: #000000;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
  text-align: center;
}
.sec4-div-text span{
  font-size: 28px;
letter-spacing: -1px;
color: #e6419d;
font-weight: 800;
font-family: 'Montserrat', sans-serif;
}

.sec4-div-text2 p{
  font-size: 15px;  
  color: #000000;
  font-weight: 400;
  font-family:  'Montserrat', sans-serif;
}

.sec4-div:hover .permium_sec2-div-text span {
  color: #fff;
}

.sec4-div:hover .permium_sec2-div-text {
  color: #fff;
}

.sec4-div-text2{
  padding: 4px 52px 39px;
  text-align: center;
}
.sec4-div-text2 span{
  font-size: 15px;
  color: #000000;
  font-weight: 700;
  font-family:'Montserrat', sans-serif;
  padding-left: 10px;
}
.sec4-div-text2 .btn3{
  border-radius: 24px;
  background-color: white;
  border: 2px solid #243f8f;
  width: 100%;
  font-size: 16px;
  letter-spacing: 0px;
  color: #000000;
  font-weight: 700;
  font-family:  'Montserrat', sans-serif;
  text-align: center;
  margin-top: 25px;
  text-transform: uppercase;

}

.sec4-last a:hover {
    background-color: #fff;
    color: #000;
    border: 2px solid #243f8f;
}

.sec4-last{
  font-size: 18px;
letter-spacing: 0px;
color: #000000;
font-weight: 700;
font-family:  'Montserrat', sans-serif;
text-align: center;
margin: 70px 0px;
}

.section3 {
    background-image: url(../images/bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    margin-top:-70px;
}

/* home page End */


/* ative page  */

.active-page {
  padding: 3.5rem;
}

.div-1 {
  border: 2px solid #ebedf5;
  ;
}

.customcontainer {
  max-width: 1208px;
}

.text-1 {
  width: 100%;
  height: 48px;
  background-color: #ebedf5;
  font-size: 16px;
  color: #000000;
  font-weight: 700;
  font-family:  'Montserrat', sans-serif;
  padding: 10px 15px;
}

.from-div .input-group input::placeholder {
    font-size: 13px;
    line-height: 83px;
    color: #000000;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
}

.from-div .form-group select {
    font-size: 13px;
    line-height: 83px;
    color: #000000;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
}

.from-div {
 margin: 19px 15px;
}

.Age {
  background-image: url(../images/active_one.png);
    background-repeat: no-repeat;
    background-position: 9% 53%;
    /*background-size: 8%;*/
    text-indent: 26px;
}

.MemberID {
  background-image: url(../images/active_2.png);
  background-repeat: no-repeat;
  background-position: 4% 53%;
  background-size: 4%;
  text-indent: 25px;
}

.MaritalStatus {
  background-image: url(../images/active_3.png);
  background-repeat: no-repeat;
  background-position: 4% 53%;
    background-size: 4%;
    text-indent: 25px;
 }

.Religionfrom {
  background-image: url(../images/active_4.png);
  background-repeat: no-repeat;
  background-position: 4% 53%;
    background-size: 4%;
    text-indent: 25px;
}

.Castefrom {
  background-image: url(../images/active_5.png);
  background-repeat: no-repeat;
 background-position: 4% 53%;
    background-size: 4%;
    text-indent: 25px;
}

.SubCaste {
  background-image: url(../images/active_5.png);
  background-repeat: no-repeat;
  background-position: 4% 53%;
    background-size: 4%;
    text-indent: 25px;
}

.MotherTongue {
  background-image: url(../images/active_9.png);
  background-repeat: no-repeat;
background-position: 4% 53%;
    background-size: 4%;
    text-indent: 25px;
}

.Profession {
  background-image: url(../images/active_7.png);
  background-repeat: no-repeat;
  background-position: 4% 53%;
  background-size: 4%;
  text-indent: 25px;
}

.HeightMax {
  background-image: url(../images/active_8.png);
  background-repeat: no-repeat;
  background-position: 9% 56%;
  background-size: 8%;
  text-indent: 25px;
}

.second-row input {
    margin-top: 0px!important;
}

.from-div .input-group input {
  width: 121px;
  height: 35px;
  border-radius: 17px;
  background-color: #ebedf5;
  margin-top: 10px;
  font-size: 12px;
  line-height: 83px;
  color: #000000;
  font-weight: 300;
}

.form-group select {
  border-radius: 17px;
  background-color: #ebedf5;
  margin-top: 10px;
  font-size: 12px;
  line-height: 83px;
  color: #000000;
  font-weight: 300;
}

.chack-box-div {
  font-size: 14px;
  color: #000000;
  font-weight: 700;
  font-family:  'Montserrat', sans-serif;
  margin: 18px 0px;
}

.check-input {
  margin: 10px 0px;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  font-family:  'Montserrat', sans-serif;
}

.br-text {
    font-size: 14px;
    color: #000000;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    margin-top: 3px;
    margin-left: 37px;
}

.btn2 {
  width: 100%;
  height: 49px;
  border-radius: 24px !important;
  background-color: #243f8f;
  font-size: 16px;
  letter-spacing: 0px;
  color: #ffffff;
  font-weight: 700;
  font-family:  'Montserrat', sans-serif;
  text-transform: uppercase;
  text-align: center;
  margin: 21px 0px;
}

.plan_two {
    margin-top: 36px;
}

.div-2 {
  padding: 5px 15px;
  background-color: #ebedf5;
}

.div-2 .card {
  width: 100%;
  /*height: 317px;*/
  border-radius: 8px;
  background-color: #ffffff;
  padding: 23px 24px;
  margin: 24px 0px
}

.text1 {
  font-size: 20px;
  color: #000000;
  font-weight: 600;
  font-family:  'Montserrat', sans-serif;
}

.text1 span {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  font-family:  'Montserrat', sans-serif;
}

.col2-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 5px;
}

.text2 {
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
  font-family:  'Montserrat', sans-serif;
  width: 118px;
  background-color: #e6419d;
  border-radius: 17px;
  text-align: center;
  line-height: 27px;
}

.text3 {
  border-top: 2px solid #ebedf5;
  display: flex;
  flex-wrap: wrap;
  padding: 0px 0px;
}

.div-img1 {
  width: 151px;
  padding: 5px 0px;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  font-family:  'Montserrat', sans-serif;
}

.div-img1 img {
  width: 17px;
  height: 17px;
  margin: 0px 9px;
}

.div-img1 span {
  font-size: 14px;
  color: #000000;
  font-weight: 600;
  font-family:  'Montserrat', sans-serif;
  padding-left: 39px;
  display: block;
}

.text4 {
  font-size: 14px;
  color: #000000;
  font-weight: 600;
  font-family:  'Montserrat', sans-serif;
  padding-left: 12px;
}

.text4 span {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  font-family:  'Montserrat', sans-serif;
  margin: 0px 16px;
}

.border-class:before {
  position: absolute;
  content: "";
  height: 21px;
  background-color: #ebedf5;
  width: 2px;
  left: 121px;
  top: 6px;
}

.border-class {
  position: relative;
}


/* <!--  Premium Plans page  --> */
.premium_Page{  
    padding-bottom: 55px;
}

.permium-Sec1{
    padding: 0px 0px; 
}

.premium_Page_bg{
    background-image: url(../images/permium-bg.png);
    background-size: cover;
    width: 100%;
    min-height: 204px;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    display: flex;
}

.per_heading span{
  font-size: 33px;
letter-spacing: -1px;
line-height: 83px;
color: #ffffff;
font-weight: 700;
font-family:'Montserrat', sans-serif;
text-align: center;
}

.card_text {
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 36px;
    color: #000000;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
  text-align: center;
  border-radius: 8px;
  background-color: #ebedf5;
  padding: 24px 0px;
}

.card_text span {
    font-size: 28px;
    letter-spacing: -1px;
    color: #e6419d;
    font-weight: 800;
    font-family: 'Montserrat', sans-serif;
}

.card_img1{
  width: 56px;

} 

section.permium_sec2 {
    padding: 50px 0px;
}
  .permium_sec2-div {
    width: 100%
    border-radius: 8px;
    filter: drop-shadow(0 0 4px rgba(46, 72, 158, 0.43));
    background-color: #ebedf5;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
  }
  
  .permium_sec2-div:hover {
    color: #ffffff;
    border-radius: 8px;
    background-image: linear-gradient(-45deg, #132f78 0%, #e6409d 100%);
    font-weight: 400;
    height:auto;
    
  }
  
  .packges-sidebar .permium_sec2-div-text span.offer {
    padding: 0px;
    right: -10px;
    top: -5px;
}

  .permium_sec2-div:hover .permium_sec2-div-text {
    background-color: #00000008;
    color: #ffffff;
    font-weight: 800;
  }
  
  .permium_sec2-div:hover .permium_sec2-div-text span {
    color: #ffffff;
    font-weight: 800;
  }
  
  .permium_sec2-div:hover .permium_sec2-div-text2 p {
    font-weight: 600;
    color: #ffffff;
  }
  
  .permium_sec2-div:hover .permium_sec2-div-text2 span {
    font-weight: 800;
    color: #ffffff;
  }
  
  .permium_sec2-div-text {
    width: 100%;
    /*border-radius: 8px 8px 0px 0px;*/
    /*background-color: #ebedf5;*/
    padding: 34px 19px 0px;
  }
  
  .permium_sec2-div-text {
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 36px;
    color: #000000;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
  }
  
  .permium_sec2-div-text span {
    font-size: 38px;
    letter-spacing: -1px;
    color: #e6419d;
    font-weight: 800;
    font-family: 'Montserrat', sans-serif;
  }
  
  .permium_sec2-div-text2 p {
    font-size: 15px;
    color: #000000;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
  }
  
  .permium_sec2-div-text2 {
    padding: 0px 34px 49px;
    text-align: center;
  }
  
  .permium_sec2-div-text2 span {
    font-size: 15px;
    color: #000000;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    padding-left: 10px;
  }

  
  .permium_sec2-div-text2 .btn3 {
    border-radius: 24px;
    background-color: white;
    border: 2px solid #243f8f;
    width: 100%;
    font-size: 16px;
    letter-spacing: 0px;
    color: #000000;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    margin-top: 25px;
  }

  /*view profile page css*/

  .view_profile .img_div img {
    width: 25px;
    height: 22px;
}

  .edit_profile_page .img_div img {
    width: 20px;
    height: 18px;
}

 .view_profile .form-group p:nth-child(2) {
    text-align: center;
    min-width: 70px;
}

.view_profile .form-group p:nth-child(1) {
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

.view_profile .form-group {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.view_profile .form-group p {
    margin: 8px 0px!important;
    min-width: 40%;
}



  /* <!--  Contact us page  --> */

  .Contact_Page{  
    padding-bottom: 55px;
  }
  
  .Contact-Sec1{
    padding: 0px 0px; 
  }
  
  .Contact_Page_bg{
    background-image: url(../images/contact.png);
    background-size: cover;
    width: 100%;
    min-height: 204px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  .Contact_heading span{
    font-size: 40px;
  letter-spacing: -1px;
  line-height: 83px;
  color: #ffffff;
  font-weight: 700;
  font-family:'Montserrat', sans-serif;
  text-align: center;
  }

  .contact_From{
    margin: auto;
    padding: 45px 0px;
    width: 100%;
    max-width: 85%;

} 

.contact_From input::placeholder {
    font-size: 14px;
    line-height: 83px;
    color: #000000;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
}

.contact_From textarea::placeholder{
  font-size: 14px;
    color: #000000;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
}

.contact_From input{
     border-radius: 24px;
    background-color: #ebedf5;
    font-size: 12px;
    letter-spacing: 0px;
    width: 100%;
    height: auto;
    padding: 14px 0px;
    max-width: 310px;
    color: #000000;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    margin: 17px 0px;
}


.your_Name {
    background-image: url(../images/cf_uer.png);
    background-repeat: no-repeat;
  background-position: 6% 52%;
    background-size: 5%;
    text-indent: 44px;
}
.phone {
    background-image: url(../images/cf_phone.png);
    background-repeat: no-repeat;
  background-position: 6% 52%;
    background-size: 4%;
    text-indent: 44px;
}
.Message {
    background-image: url(../images/cf_msg.png);
    background-repeat: no-repeat;
    background-position: 1% 5%;
    background-size: 2%;
    text-indent: 28px;
}
.Email {
    background-image: url(../images/cf_chat.png);
    background-repeat: no-repeat;
  background-position: 6% 52%;
    background-size: 5%;
    text-indent: 44px;
}

.contact_From textarea{
  border-radius: 17px;
    background-color: #ebedf5;
    font-size: 14px;
    letter-spacing: 0px;
    color: #000000;
    font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  line-height: 30px;
}
.contact_From .contactbtn{
    border-radius: 30px;
    width: 100%;
    font-size: 16px;
    margin: 0px auto;
    max-width: 257px;
    justify-content: center;
    display: flex;
    letter-spacing: 0px;
    color: #000000;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    border: 2px solid #243f8f;
    background: transparent;
} 


/* login page */

.login-from{
  width: 569px;
height: 638px;
border-radius: 8px;
background-color: #ffffff;
border-color: wheat;
}


/* footer */
.footer {
    background-image: linear-gradient(-45deg, #132f78 0%, #e6409d 100%);
    padding-top: 116px;
    padding-bottom: 30px;
}

.footer-img {
  text-align: center;
  padding-bottom: 30px;
  margin-top: -164px;
}

.footer-img img {
  height: auto;
}

.col1-H-text {
  font-size: 20px;
  letter-spacing: 0px;
  color: #ffffff;
  font-weight: 800;
  font-family: 'Montserrat', sans-serif;
  line-height: 72px;
}

.footer ul li a {
    text-decoration: none;
    color: #fff;
}

ul li a {
 /* font-size: 20px;
  line-height: 44px;
  color: #ffffff;
  font-weight: 300;
  font-family: 'Montserrat', sans-serif;*/
}

.divlist {
  letter-spacing: 17px;
}

.copy_right {
  background-image: linear-gradient(-11deg, #132f78 19%, #e6409d 113%);
  text-align: center;
  height: 100%;
}

.copy_right span {
  font-size: 16px;
  line-height: 66px;
  color: #ffffff;
  font-weight: 300;
  font-family: 'Montserrat Subrayada', sans-serif;
}


/* login page */

.login-div {
    margin: auto;
    max-width: 470px;
    width: 100%;
    padding: 100px 0px;
}

.login-img {
  background-image: url(../images/Group1.png);
  background-size: cover;
  background-position: top center;
 }

.login-logo img {
  position: absolute;
  top: -17%;
  left: 36%;
  height: 119px;
}

.login-from {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-color: #ffffff;
  padding: 10px 52px;
}

.login-from .form-group input {
    background-color: #ebedf5;
    font-size: 16px;
    letter-spacing: 0px;
    color: #000000;
    line-height: 32px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    max-width: 465px;
    padding: 22px 0px;
    border-radius: 30px;
}

.emimg {
      text-indent: 48px!important;
      background-image: url(../images/extim.png)!important;
      background-repeat: no-repeat!important;
      background-position: 4% 48%!important;
      background-size: 5%!important;
}

.pasimg {
    background-image: url(../images/pass.png);
    background-repeat: no-repeat;
    background-position: 5% 52%;
    background-size: 4%;
    text-indent: 48px;
}

.login-from .loginbtn {
    border-radius: 30px;
    background-image: linear-gradient(0deg, #132f78 0%, #475fc1 100%);
    width: 100%;
    max-width: 465px;
    font-size: 18px;
    letter-spacing: 0px;
    padding: 12px 0px;
    color: #ffffff;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    margin: 17px 0px;
}

.login-text {
    font-family: 'Montserrat', sans-serif;
    padding: 25px 0px;
    font-size: 21px;
    letter-spacing: 0px;
    line-height: 28px;
    color: #000000;
    font-weight: 500;
    text-align: center;
  }

.forget a {
  font-size: 18px;
  letter-spacing: 0px;
  color: #000000;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  line-height: 38px;
}

.forget {
    margin-top: 26px;
}

.login-from .Sign {
    font-size: 18px;
    padding: 25px 0px;
    letter-spacing: 0px;
    color: #000000;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
}

/* registration */

select.on_behalf {
    background-image: url(../images/1.png);
    background-repeat: no-repeat;
    background-position: 3% 46%;
    background-size: 15px;
    text-indent: 36px;
}


.registration-img {
  background-image: url(../images/Group1.png);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

.registration-div .form-group select{
  margin-top:0px;
}

.registration-div {
    margin: 0px auto;
    width: 100%;
    max-width: 670px;
    padding: 100px 0px;
}

.registration-logo img {
  position: absolute;
  top: -15%;
  left: 41%;
  height: 119px;
}

.registration-from {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-color: #ffffff;
  padding: 10px 52px;
}

.registration-text {
 font-family: 'Montserrat', sans-serif;
    padding: 25px 0px;
    font-size: 21px;
    letter-spacing: 0px;
    line-height: 28px;
    color: #000000;
    font-weight: 500;
    text-align: center;
  }

.registration-from .registrationbtn {
  border-radius: 30px;
  background-image: linear-gradient(0deg, #132f78 0%, #475fc1 100%);
  width: 67%;
  font-size: 18px;
  letter-spacing: 0px;
  color: #ffffff;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  margin: 24px 92px;
}

.registration-from .registration a {
  font-size: 18px;
  letter-spacing: 0px;
  color: #000000;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
}

.registration {
    font-size: 18px;
    padding: 25px 0px;
    letter-spacing: 0px;
    color: #000000;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
}

.registration-from input {
  
    background-color: #ebedf5;
    font-size: 16px;
    letter-spacing: 0px;
    color: #000000;
    line-height: 32px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    max-width: 465px;
    padding: 22px 0px;
    border-radius: 30px;
}

.registration-from select {
  border-radius: 30px;
  background-color: #ebedf5;
  font-size: 16px;
  width: 100%;
  height:44px;
  line-height: 32px;
  padding: 4px 0px;
  letter-spacing: 0px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
}

.user_Name {
      background-image: url(../images/1.png)!important;
    background-repeat: no-repeat!important;
    background-position: 5% 46%!important;
    background-size: 5%!important;
    text-indent: 36px!important;
}

.password_reg{
  background-image: url(../images/pass.png)!important;
  background-repeat: no-repeat!important;
  background-position: 5% 46%!important;
  background-size: 5%!important;
  text-indent: 36px!important;
}

.reg_email{
     background-image: url(../images/extim.png)!important;
    background-repeat: no-repeat!important;
    background-position: 5% 54%!important;
    background-size: 6%!important;
    text-indent: 36px!important;
}

.full_Name {
  background-image: url(../images/1.png)!important;
  background-repeat: no-repeat!important;
  background-position: 5% 46%!important;
  background-size: 5%!important;
  text-indent: 36px!important;
}

.password {
  background-image: url(../images/1.png)!important;
  background-repeat: no-repeat!important;
  background-position: 5% 46%!important;
  background-size: 5%!important;
  text-indent: 36px!important;
}

.birthday {
  background-image: url(../images/545687.png)!important;
  background-repeat: no-repeat!important;
  background-position: 5% 46%!important;
  background-size: 5%!important;
  text-indent: 36px!important;
}

.Religion {
  background-image: url(../images/2146448.png)!important;
  background-repeat: no-repeat!important;
  background-position: 5% 46%!important;
  background-size: 5%!important;
  text-indent: 36px!important;
}

.gender {
  background-image: url(../images/736576.png)!important;
  background-repeat: no-repeat!important;
  background-position: 5% 46%!important;
  background-size: 5%!important;
  text-indent: 36px!important;
}

.mobile_Phone {
  background-image: url(../images/15874.png)!important;
  background-repeat: no-repeat!important;
  background-position: 5% 46%!important;
  background-size: 4%!important;
  text-indent: 36px!important;
}

.residence {
  background-image: url(images/2146448.png)!important;
  background-repeat: no-repeat!important;
  background-position: 5% 46%!important;
  background-size: 5%!important;
  text-indent: 36px!important;
}

.registration-from .col {
  padding: 9px 6px;
}
/* profile*/
 .customcontainer {
    max-width: 1240px!important;
  }

  .profile_info {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
}

.followers span {
    margin: 0px 5px;
}

.buttonsection {
    margin: 1px 14px;
}

.buttonsection .btn.btn2 {
    max-width: 165px;
    margin: 10px 5px;
}

.buttonsection .btn.btn2:focus {
    outline: 0;
    background-color: #243f8f;
    color: #fff;
}

.buttonsection .btn.btn2:hover {
    color: #fff;
    background-color: #243f8f;
}

.searchlist .div2-img {
    padding-top: 20px;
}

form#fk-one {
    width: 50%;
}

.buttonsection {
    margin: 1px 14px;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

button.btn.btn2:hover {
    color: #fff;
    font-weight: 600;
}

.buttonsection .btn.btn2 {
   background-color: #fff;
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 36px;
    outline: 0;
    text-transform: uppercase;
    color: #000000;
    font-weight: 700;
    border: 2px solid #243f8f;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
}

.followers span.count {
    font-size: 27px;
    color: #243f8f;
    font-weight: 800;
    font-family: 'Montserrat', sans-serif;
}

.packges-sidebar h2 {
    font-size: 20px;
    color: #000000;
    font-weight: 500;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}

.packges-sidebar {
    margin-top: 30px;
}

.inner-package .pkgin {
    max-width: 165px;
    padding: 36px 3px;
    margin: 8px 12px;
}

.inner-package {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 30px;
}

.pkgin {
    max-width: 195px;
    height: auto;
    text-align: center;
    width: 100%;
    max-height: 145px;
    background-color: #ffffff;
}

.pkgin h2 {
    font-size: 27px;
    color: #243f8f;
    font-weight: 800;
   font-family: 'Montserrat', sans-serif;
}

.pkgin p {
    margin-bottom: 0px;
    font-size: 13px;
    color: #000000;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
}

.followers span.follo {
    font-size: 20px;
    color: #000000;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
}

.followers {
   text-align: center;
    max-width: 279px;
    width: 100%;
    padding: 18px 0px;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: row;
    margin: 0px auto;
    height: auto;
    max-height: 78px;
    border-radius: 8px;
    background-color: #ffffff;
}

.profile_info h2 {
    font-size: 25px;
    color: #000000;
    font-weight: 800;
    font-family: 'Montserrat', sans-serif;
}

.profile_info strong {
    font-size: 18px;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.profile_info p {
    font-size: 18px;
    color: #000000;
    font-weight: 400;
   font-family: 'Montserrat', sans-serif;
}

  .user_porf{
       background-color: #eff1f7;
  }

  .p_box {
    width:100%;
    max-width: 124px;
    height:auto;
    max-height: 109px;
    border-radius: 8px;
    filter: drop-shadow(0 0 3.5px rgba(13,30,78,0.17));
    background-color: #ffffff;
    text-align: center;
    padding: 22px 16px;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
}

.profile-box .p_box:nth-child(6) {
    margin-right: 0px;
}

.p_box p{
  margin-bottom: 0px;
    margin-top: 6px;
    line-height: 18px;
}

.profile-box {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 23px;
}

.profile-box .p_box {
  margin-right: 10px;
  cursor: pointer;
}

  .edit_profile_page .edit_profile p {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 21px;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

.edit_profile_page .edit_profile textarea {
    border-color: #dee2e6;
    padding: 10px 10px;
    font-size: 14px;
    line-height: 21px;
    font-family: 'Montserrat', sans-serif;
    color: #000000;
    font-weight: 400;
    margin-top:10px;

}

.edit_profile_page .edit_profile label {
    font-size: 14px;
    line-height: 41px;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    margin-bottom: 0px;
}

.edit_profile_page .edit_profile .form-group select{
  border-radius:0px;
  background-color:#fff;
  margin-top:0px;
  font-size: 13px;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;

}

.form-control{
  font-weight: 500!important;
}

.edit_profile_page .edit_profile .form-group {
    margin-bottom: 0px;
     
}

  .edit_profile_page .div-2 .card {
    background-color: #ffffff;
    padding: 24px 24px;
    
 }

  .stories .card-img img {
    width: 292px;
    height: 219px;
}

  .edit_profile_page .card_heading h3 {
    font-size: 16px;
    color: #000000;
    line-height: 29px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}
  .edit_profile_page .card_heading {
   display: flex;
   justify-content: space-between;
    flex-direction: row;
  }

  .profile_info img {
    width: 150px;
    height: 131px;
    border-radius:50%;
}
 



@media screen and (min-width: 1600px) {}

@media screen and (max-width: 1199px) and (min-width: 992px) {

.contact_From{
    padding:0px;
}

  .header nav.navbar ul.navbar-nav li.nav-item a.nav-link {
    padding: 0 13px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1300px) {
 
 .inner-package .pkgin {
    max-width: 154px;
    padding: 36px 3px;
    margin: 8px 5px;
}

.buttonsection button.btn.btn2 {
    max-width: 142px;
    margin: 10px 4px;
}

.buttonsection button.btn.btn2 {
    background-color: #fff;
    font-size: 12px;
  }

  .profile-box .p_box {
    margin-bottom: 10px;
}

div.gallery {
    width: 293px!important;
}

}

@media screen and (min-width: 992px) and (max-width: 1024px) {

 .messaging-section ul.conatct-list li img {
    width: 100%;
    border-radius: 50px;
    max-width: 35px;
    height: 35px;
}

.messaging-section ul.conatct-list li {
    font-size: 17px;
  }

  .profile-box .p_box {
    margin-bottom: 10px;
}

div.gallery {
    width: 238px!important;
}

  .inner-package .pkgin {
    max-width: 122px;
    padding: 36px 3px;
    margin: 8px 6px;
}

.buttonsection button.btn.btn2 {
    max-width: 100%;
    margin: 6px 0px;
}

.pkgin h2 {
    font-size: 20px;
    color: #243f8f;
    font-weight: 800;
    font-family: 'Montserrat', sans-serif;
}

   .active-page .div2-img img {
      width: 100%;
  }

  .active-page .div-img1 {
    width: 182px;
  }

  .Age {
    background-position: 6% 53%;
    background-size: 6%;
    text-indent: 26px;
  }

  .MemberID,.MaritalStatus,.Religionfrom,.Castefrom,.SubCaste,.MotherTongue,.Profession {
    background-position: 5% 53%;
    background-size: 6%;
    text-indent: 25px;
}

.HeightMax {
    background-position: 6% 56%;
    background-size: 6%;
    text-indent: 25px;
 }

 .second-row .col {
    margin-bottom: 15px;
}

}

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

nav.navbar.navbar-expand-lg.navbar-light.bg-light {
    position: absolute;
    z-index: 99;
    width: 100%;
    box-shadow: 0px 0px 4px 1px #887676;
    left: -1px;
    padding: 4px 0px;
}

.header nav.navbar ul.navbar-nav li.nav-item a.nav-link {
    line-height: 50px;
}

.navbar-light .navbar-toggler{
  margin-right:10px;
}

}

@media screen and (max-width: 991px) and (min-width: 768px) {

    .per_heading {
      margin-top: 60px;
  }

  .cc-nn {
    margin: 39px auto;
    width: 101%;
}

.innercaont p {
    font-size: 16px;
    color: #000;
}

.contact_From{
    padding:0px;
}

.innercaont {
    min-height: 140px;
}

.cc-nn .ineercaont p a {
    font-size: 16px;
}

  .permium_sec2-div-text {
    font-size: 15px;
  }

  .search-box input.search-user {
    width: 100%;
    max-width: 289px!important;
  }

  .chat-mobile ul.conatct-list li img {
    width: 100%;
    border-radius: 50px;
    max-width: 35px;
    height: 35px;
}

  .active-page {
    padding: 3.5rem;
    margin-top: 60px;
}

.profile-box .p_box {
    margin-bottom: 10px;
}

.permium_sec2-div-text {
    padding: 6px 6px;
}

.permium_sec2-div-text span {
    font-size: 23px;
}

.permium_sec2-div-text2 .btn3 {
    font-size: 14px;
  }

.permium_sec2-div-text2 span {
    font-size: 13px;
}

.permium_sec2-div-text2 p {
    font-size: 13px;
}

.permium_sec2-div-text2 {
    padding: 15px 10px;
}

.Age {
    background-position: 5% 53%;
    background-size: 6%;
    text-indent: 26px;
}

.MemberID,.MaritalStatus,.Religionfrom,.Castefrom,.SubCaste,.MotherTongue,.Profession {
    background-position: 2% 53%;
    background-size: 3%;
    text-indent: 25px;
}

.HeightMax {
    background-position: 5% 42%;
    background-size: 6%;
    text-indent: 25px;
}

.contact_From {
    max-width: 100%;
}

 .active-page .border-class:before {
    display:none;
    }

.active-page .div2-img img {
    width: 100%;
}

.active-page .div-img1 {
    width: 201px;
}

.Contact_Page_bg{
  margin-top:86px;
}

.footer-img {
    text-align: center;
    padding-bottom: 19px;
    margin-top: -179px;
}

.banner_content {
    background-image: url(../images/banner.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 295px;
 }

 .about-text {
    width: 100%;
    max-width: 100%;
  }

  .con-div {
    padding: 155px 0px;
}

.con-div h1 {
    font-size: 30px;
 }

 .hedfrom {
    padding: 20px 30px;
}

.hedfrom .row {
    margin: 0px 0px;
}

 .con-div p {
    font-size: 38px;
    line-height: 50px;
  }

  .our_details{
    height:auto;
  }

  .hedfrom .row .col-lg-4 {
    margin: 10px 0px;
}

section.relative_box {
    max-height: 382px;
    height: 100%;
}

.sec4-text{
  margin:30px 0px;
}

.sec4-div-text2 {
    padding: 39px 11px;
}
div.gallery {
    width: 260px!important;
}

}

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

    #donationModal input#donation_amount {
        border-radius: 52px;
        border: 2px solid #324da5;
    }

    #donationModal .modal-body label {
        text-align: center;
    }

    .about-text p span span.marker strong {
        line-height: 27px;
    }

    .section3{
        margin-top:0px;
    }

    form#fk-one {
        width: 100%;
    }

    .section4{
        padding:0px 0px!important;
    }

    .carousel-caption{
        bottom:0px;
    }

    section.banner_slide {
        padding-top: 53px;
    }

    .our_details {
        background-color: #ffffff;
        filter: drop-shadow(0px 21px 32.5px rgba(46, 72, 158, 0.18));
        position: relative;
        top: -27px;
    }

    .alert.alert-danger.alert-dismissible {
        width: 94%;
        z-index: 99;
    }

    section.faq {
        padding: 48px 0px!important;
        padding-top: 20px!important;
    }

    .faq .card-header{
        padding:0px!important;
    }

    .faq button {
        font-size: 7px!important;
        padding: 12px 11px!important;
    }

    .faq_banner .Contact_heading span {
        font-size: 24px;
        line-height: 30px;
    }

	body .stripe .customcontainer .row .col-lg-8 {
	    padding: 0px 15px;
	}

	.permium_sec2-div.active {
	    width: 92%!important;
	    margin: 0px auto;
	}

	body .profile-box.payment-cls a.p_box img {
	    width: 100% !important;
	    height: 110px;
	}

	body .profile-box.payment-cls .p_box {
	    max-width: 100%!important;
	    margin: 0 auto;
	}

	.Contact_Sec2 .col-md-6 {
	    padding: 0px;
	}

	.ineercaont p.mb-0,.innercaont p.mb-0 {
	    margin-bottom: 6px!important;
	}

	.contact_From .Message {
	    background-position: 1% 5%!important;
	    text-indent: 20px!important;
	}

	.contact_From input{
		margin:4px 0px;
	}

	span.cont_email {
	    top: 18px;
	}

	span.cont_phone {
	  top: 18px;
	}

	span.cont_user {
    	top: 18px;
	}

	.Contact_heading {
	    margin-top: 60px;
	}

	.premium_Page {
    	padding-bottom: 0px;
	}

	section.stories {
	    padding: 30px 0px!important;
	}

	section.permium_sec2{
	    padding: 30px 0px;
	}

	.sec4-last{
		margin:30px 0px;
	}

	.sec4-text {
       margin: 15px 0px;
  	}

    .profile-box{
      margin-bottom: 3px;
    }

    .edit_profile_page .customcontainer .row .col-lg-8 {
        padding: 0px 7px;
    }

    .profile_info {
        text-align: center;
        margin-bottom: 8px;
        margin-top: 5px;
    }

   .footer-img{
    padding-bottom: 10px!important;
   } 

   .footer{
    padding-bottom:10px!important;
   }

.footer-div ul.list-inline li a img {
    /*width: 14%;*/
}

.footer-div ul.list-inline li.list-inline-item{
    margin-right: .0rem;
    display: inline!important;
}

.footer-div .col1-H-text {
    font-size: 18px;
}

.card.edit_profile .row {
    margin: 0px;
}

.edit_profile_page .card_heading h3 {
    font-size: 15px;
    color: #000000;
}

.edit_profile .row .col-md-6 {
    padding:0px;
}

.edit_profile .row .col-md-12 {
    padding:0px;
}

a.navbar-brand img {
    max-width: 75%;
}

.buttonsection .btn.btn2 {
   max-width: 100%;
    margin: 10px 2px;
    font-size: 16px;
}

a.ckclose {
    width: 96%!important;
}

.pkgin h2 {
    font-size: 20px;
}

.packges-sidebar {
    margin-top: 9px;
}

.inner-package{
    margin-bottom:0px;
}

.head_upper_line .last_col .dropdown.show {
    z-index: 999;
}

.edit_profile_page .card_heading .img_div {
    display: flex;
    flex-direction: row;
}

.edit_profile_page .card_heading .img_div button.btn.edit-bk {
    margin-right: 6px;
}

.parent-heading {
    padding: 8px 15px!important;
}

.message{
  right: -17px!important;
}

.notification {
    right: -99px!important;
}

.woocommerce table.shop_table th{
    padding:9px 12px!important;
}

.cc-nn {
    margin: 39px auto;
    width: 100%;
}

.contact_From{
    padding:0px;
}

.ineercaont{
    margin-bottom:20px;
    min-height: 130px;
}

.innercaont p {
    font-size: 16px;
    }

.cc-nn .ineercaont p a {
    font-size: 16px;
}

  .per_heading {
    margin-top: 60px;
}

  .chat-mobile {
    display: flex;
    flex-direction: column-reverse;
}

.messaging-section {
    background-color: #fff;
    margin-bottom: 55px;
}

.chat-mobile .col-md-4 {
    margin-bottom: 20px;
}

.search-box input.search-user {
    max-width: 197px!important;
}

  div.gallery {
    width: 100%!important;
}

.premium_Page {
    margin-top: 88px;
}

.plan_two {
    margin-top: 0px;
}

.permium_sec2-div{
margin-bottom: 30px;
}

.permium_sec2-div-text2 {
    padding: 15px 34px;
}

 .active-page .div2-img {
    text-align: center;
}

.border-class:before{
  display:none;
}

.active-page .div-img1 {
    width: 139px;
    height: auto;
    padding: 11px 0px;
    font-size: 12px;
}

.active-page .div-img1 span {
    font-size: 12px;
}

.div-2 .card {
    padding: 23px 5px;
}

.active-page .text2{
  margin-top:12px;
}

.active-page .col2-text {
    flex-direction: column;
    text-align: center;
    padding: 15px 5px;
}

  .edit_profile_page {
    margin-top: 85px;
}

.profile-box .p_box {
    margin: 8px 7px;
}

.p_box {
    width: 100%;
    max-width: 100%;
}

.buttonsection button.btn.btn2 {
    max-width: 100%;
    margin: 10px 2px;
    font-size: 16px;
}

.buttonsection {
    margin: 1px 5px;
    justify-content: flex-start;
  }

.inner-package .pkgin {
    max-width: 100%;
}

.p_box p{
    font-size: 18px;
}

.pkgin p {
    font-size: 18px;
}

.inner-package {
    justify-content: flex-start;
}

.div-2 {
    padding: 5px 12px;
    margin-bottom: 50px;
}

  .contact_From input{
    max-width:100%;
  }

  .contact_From{
    max-width:95%;
  }

  .Message {
    background-position: 5% 6%;
    background-size: 6%;
    text-indent: 34px;
}

  .Contact_Page {
    margin-top: 90px;
}

  .registration-img{
    margin-top:60px;
  }

  .login-img{
    margin-top:60px;
  }

  .hedfrom .row .col-lg-4 {
    margin: 11px 0px;
}

.sec4-div{
  margin:10px 0px;
}

.section4 {
    width: 100%;
    padding: 30px 0px;
}

section.relative_box {
    height: 100%;
    /*max-height: 363px;*/
    max-height: 466px;
}

.section3 .sec3-img img {
    margin-left: 10px;
}

.inner_contact p {
    color: #000;
    font-size: 18px;
    padding-top: 14px;
}

.our_details{
  height:100%;
}

.hedfrom .row {
    margin: 0px 0px;
}

  .login-from {
    padding: 10px 15px;
  }

  .con-div {
    /*padding: 38px 0px;*/
    padding: 0px 0px;
}

.con-div p {
    font-size: 25px;
    letter-spacing: -2px;
    line-height: 37px;
}

.hedfrom {
    padding: 20px 15px;
}

.con-div h1 {
    font-size: 23px;
}

  .banner_content {
    background-image: url(../images/banner.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 295px;
    margin-top: 82px;
 }

  .login-div{
     padding:70px 0px;
  }

  .registration-div{
    padding:70px 0px;
  }

  .user_Name {
    background-position: 7% 49%;
    background-size: 5%;
    text-indent: 50px;
  }

  .mobile_Phone {
    background-position: 7% 49%;
    background-size: 4%;
    text-indent: 50px;
  }

  .gender{
    background-position: 7% 49%;
    background-size: 6%;
    text-indent: 50px;
  }

  .registration-from .registrationbtn{
    margin:0px;
    width:100%;
  }

  .birthday{
    background-position: 7% 49%;
    background-size: 5%;
    text-indent: 50px;
  }

  select.on_behalf {
    background-image: url(../images/1.png);
    background-repeat: no-repeat;
    background-position: 6% 50%;
    background-size: 17px;
    text-indent: 50px;
}

  .password_reg{
    background-position: 6% 47%;
    background-size: 6%;
    text-indent: 50px;
  }

  .reg_email{
    background-position: 7% 55%;
    background-size: 6%;
    text-indent: 50px;
  }

  .registration-from{
    padding:10px 15px;
  }

  .head_upper_line a {
    font-size: 20px;
  }
  .head_upper_line span img {
    margin-right: 11px;
  }
  
  .last_col span {
    padding: 0px 5px;
  }
  /* footer */
  .footer-img {
   margin-top: -108px;
  }

  .footer {
    padding-top: 67px;
    padding-bottom: 39px;
  }
  /* activepage */
  .active-page {
    padding: 0.5rem;
    margin-top: 60px;
  }
}

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

    .banner_content{
        margin-top: 56px;
    }

    .footer-div ul.list-inline li a img {
       /* width: 9%;*/
    }

    .Contact_heading span {
        font-size: 31px;
    }

    section.terms-condtion p{
        margin-bottom:20px;
    }

    section.terms-condtion {
        padding: 25px 0px;
    }

    }

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

    .alert.alert-danger.alert-dismissible{
        z-index: 99;
    }

    .contact_From .Message {
        background-position: 2% 4%!important;
    }

    section.terms-condtion {
        padding: 15px 0px;
    }

    section.terms-condtion p{
        margin-bottom:20px;
    }

    .section3 .sec3-img {
        margin-top: 35px;
    }

    .registration-div {
        padding: 60px 0px;
        padding-top: 20px;
    }

    .login-div {
        padding: 61px 0px;
        padding-top: 20px;
    }

    .Contact_heading span {
         font-size: 30px;
    }

    .faq_banner .Contact_heading span {
        font-size: 20px;
        line-height: 30px;
    }

   .faq button {
        font-size:6px!important;
        padding: 12px 3px!important;
    }

   .banner_content {
        margin-top: 63px;
    }

    .head_upper_line .dropdown-content {
        min-width: 258px;
    }

    a.navbar-brand img {
        max-width: 59%;
    }

    .navbar-brand img {
        margin-top: -18px;
    }

    .cc-nn .ineercaont p a {
        font-size: 13px;
        word-break: break-all;
    }

    .Age {
        background-position: 5% 53%;
        background-size: 6%;
        text-indent: 26px;
    }

    .all-logo .sk-logo {
        padding: 0px 3px;
    }

    .second-row .col {
        margin-bottom: 14px;
    }

    .HeightMax {
        background-position: 6% 54%;
        background-size: 3%;
    }

    .inner-package .pkgin {
        max-width: 100%;
    }

    .footer-div ul.list-inline li a img {
        width: 8%;
    }

    .edit_profile_page .card_heading h3{
        font-size: 12px!important;
        line-height: 17px!important;
    }

    .footer-div .col1-H-text {
        font-size: 14px;
        line-height: 30px;
    }

    .p_box {
        width: 100%;
        max-width: 100%;
    }

    .buttonsection button.btn.btn2 {
        max-width: 100%;
    }

    .buttonsection .btn.btn2 {
        max-width: 100%;
    }

  .active-page .div-img1 {
      width: 118px;
      height: auto;
      padding: 6px 0px;
      font-size: 10px;
  }

  .active-page .div-img1 span {
      font-size: 10px;
  }

  .active-page .text4 span {
      font-size: 12px;
      margin: 0px 0px;
  }

  .active-page .text4 {
      font-size: 12px;
      padding-left: 6px;
  }


}

/* 23 10 2020 */
section.head_upper_line span.icon_count {
    position: relative;
    display: inline-block;
}

/**/
section.head_upper_line span.icon_count .badge {
    position: absolute;
    right: 2px;
    top: -9px;
    min-width: 18px;
    height: 100%;
    max-height: 18px;
    border-radius: 15px;
    color: #ffffff;
    background: #243f8f;
    display: flex;
    justify-content: center;
    padding: 4px 0px;
    box-shadow: 0 0 18px 2px rgba(0,0,0,0.2);
    align-items: center;
}
/**/
section.head_upper_line span.icon_count i.fa {
    font-size: 18px;
}

.head_upper_line .dropdown-content {
    left: unset !important;
    right: -60px;
    transform: translate3d(0px, 60px, 0px) !important;
}
.head_upper_line .dropdown span.text-white.title_text {
    font-weight: 700;
    font-size: 14px;
} 

.profile-box.payment-cls a.p_box img {
width: auto !important;
height: 130px;
}
.profile-box.payment-cls .p_box {
max-width: 46% !important;
margin: 0 auto;
}
.profile-box.payment-cls .p_box form {
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%);
opacity: 0;
}
.profile-box.payment-cls a.p_box {
position: relative;
max-height: inherit !important;
}

ul#notification_data li img {
width: 50px;
max-height: 50px !important;
margin-right: 0.5rem !important;
}
ul#notification_data button {
border: none !important;
padding-right: 0 !important;
width: 100% !important;
padding-left: 0 !important;
}
ul#notification_data button li {
border-bottom: 1px solid #ccc;
padding-right: 1rem !important;
padding-left: 1rem !important;
width: 100% !important;
display: flex;
align-items: center;
}
ul#notification_data,ul#message_notification_data {
  margin-bottom: 0 !important;
  max-height: 300px;
  overflow-y: scroll;
  height: auto;
}
ul#notification_data button li span {
font-weight: 500;
text-align: left;
padding: 0 !important;
}
ul#notification_data button li span.nameNotifictn {
color: #e6419c;
font-weight: 700 !important;
}
ul#notification_data span.dateNotifictn {
font-size: 14px !important;
font-weight: 300 !important;
}
ul#notification_data p.msgText span.dateNotifictn {
font-size: 12px !important;
color: #000;
font-weight: 400 !important;
}
ul#notification_data p.msgNotifictn {
color: #000 !important;
}


ul#message_notification_data li img {
width: 50px;
max-height: 50px !important;
margin-right: 0.5rem !important;
}
ul#message_notification_data button {
border: none !important;
padding-right: 0 !important;
width: 100% !important;
padding-left: 0 !important;
}
ul#message_notification_data button li {
border-bottom: 1px solid #ccc;
padding-right: 1rem !important;
padding-left: 1rem !important;
width: 100% !important;
display: flex;
align-items: center;
}
ul#message_notification_data {
margin-bottom: 0 !important;
}
ul#message_notification_data button li:last-child {
border-bottom: 0 !important;
}
ul#message_notification_data button li span {
font-weight: 500;
text-align: left;
padding: 0 !important;
}
ul#message_notification_data button li span.nameFrmMsgTab {
color: #e6419c;
font-weight: 700 !important;
}
ul#message_notification_data span.msgDate {
font-size: 12px !important;
font-weight: 300 !important;
}
ul#message_notification_data p.msgText span.msgDate {
font-size: 12px !important;
color: #000;
font-weight: 400 !important;
}
ul#message_notification_data p.MsgFromMsGTab {
color: #000 !important;
width: 100%;
}
ul#message_notification_data button li span.namefrmmsgtab {
font-weight: 300;
font-size: 12px;
}
ul#message_notification_data button li:hover, ul#notification_data button li:hover {
background: #e6419d;
}
ul#message_notification_data button li:hover p.MsgFromMsGTab, ul#notification_data button li:hover p.msgText {
color: #fff !important;
}
ul#message_notification_data button li:hover p.MsgFromMsGTab, ul#notification_data button li:hover span.nameNotifictn {
color: rgb(36 63 143 / 59%) !important;
}
ul#notification_data button li:hover span {
color : #fff !important;
}

ul#notification_data button:focus, ul#message_notification_data button:focus {
    outline: none !important;
}

ul#message_notification_data li:hover span {
    color: #fff !important;
}

div#navbarTogglerDemo03 .dropdown-menu.left_toggle a.dropdown-item:first-child {
border-bottom: 1px solid #ccc !important;
text-transform: capitalize;
background: #ccc;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
div#navbarTogglerDemo03 .dropdown-menu.left_toggle a.dropdown-item i {
margin-right: 0.5rem;
color: #e6419d;
}
div#navbarTogglerDemo03 .dropdown-menu.left_toggle {
border-radius: 5px !important;
box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
border: none !important;
}
div#navbarTogglerDemo03 a.dropdown-item:hover i {
color: #fff !important;
}
div#navbarTogglerDemo03 .dropdown-menu.left_toggle a.dropdown-item:first-child:hover {
color: #000 !important;
}
.permium_sec2-div.active {
color: #ffffff;
border-radius: 8px;
background-image: linear-gradient(-45deg, #132f78 0%, #e6409d 100%);
font-weight: 400;
height: auto;
}
.permium_sec2-div.active .permium_sec2-div-text {
background: transparent !important;
font-weight: 400 !important;
color: #fff !important;
}
.permium_sec2-div.active .permium_sec2-div-text span, .permium_sec2-div.active .permium_sec2-div-text2 p, .permium_sec2-div.active .permium_sec2-div-text2 p span {
font-weight: 700 !important;
color: #fff !important;
}
ul#message_notification_data li.no_messagecls:hover span {
    color: #000 !important;
}
header.header {
    background-color: #f8f9fa;
    box-shadow: -4px 2px 6px 1px #eee;
}