* {

    box-sizing: border-box;
  
  }
  
  .elementor-element-9285cdd .elementor-container.elementor-column-gap-default {
      display: block !important;
  } 
  
  #regForm {
  
    background-color: #ffffff;
  
    margin: 100px auto;
  
    font-family: Raleway;
  
    padding: 40px;
  
    width: 70%;
  
    min-width: 300px;
  
  }
  
  #btn-box-3 {
  
    width: 35%;
  
    height: 65px;
  
  }
  
  h1 {
    text-align: center;  
  }
  
  input {
  
    padding: 10px;
  
    //width: 100%;
  
    font-size: 17px;
  
    font-family: Raleway;
  
    border: 1px solid #aaaaaa;
    
  
  }
  
  label {
    display: inline-block;
  }
  input[type="checkbox"] {
    display: inline-block;
    min-height: 0;
  }
  
  /* Mark input boxes that gets an error on validation: */
  
  input.invalid {
  
    background-color: #ffdddd;
  
  }
  
  /* Hide all steps by default: */
  
  .tab {
    display: none;
  }
  
  button {
  
    background-color: #B174F0 38%;
  
    color: #ffffff;
  
    border: none;
  
    padding: 10px 20px;
  
    font-size: 17px;
  
    font-family: Raleway;
  
    cursor: pointer;
  
  }
  
  p#by1 {
  
      font-size: 17px;
  
      width: 89%;
  
      margin-left: 33px;
  
      color: gray;
  
      font-family: Raleway;
  
  }
  
  button:hover {
  
    opacity: 0.8;
  
  }
  
  div#hhh {
  
      height: 539px;
  
  }
  
  label#check {
  
      width: 95%;
  
      margin-left: 2%;
  
      font-size: 15px;
  
  }
  
  
  
  #prevBtn {
  
    background-color: #bbbbbb;
  
  }
  
  #prevBtn {
  
      margin-left: -131%;
  
      margin-top: 7%;
  
      width: 64%;
  
      font-family: 'Lato', sans-serif;
  
      font-weight: 400;
  
      font-style: normal;
  
      color: #ffffff;
  
     background: #858585;
  
      border-color: transparent;
  
      font-size: 16px;
  
      padding: 22px 10px;
  
      min-width: 183px;
  
      position: relative;
  
      text-align: center;
  
      z-index: 1;
  
      transition: .3s;
  
      line-height: 14px;
  
      border: none;
  
      border-radius: 60px;
  
      letter-spacing: 0px;
  
  }
  
  /* Make circles that indicate the steps of the form: */
  
  .step {
  
    height: 15px;
  
    width: 15px;
  
    margin: 0 2px;
  
    background-color: #bbbbbb;
  
    border: none;  
  
    border-radius: 50%;
  
    display: inline-block;
  
    opacity: 0.5;
  
  }
  
  .step.active {
    opacity: 1;
  }
  
  /* Mark the steps that are finished and valid: */
  
  button#prevBtn:hover {
  
    color: black;
  
    border: none;
  
  }
  
  #bg-color-00 {
  
    width: 100%;
  
    height: 0px;
  
  }
  
  .sttep-form-main {
  
    width: 100%;
  
  }
  
  button#nextBtn {
  
      width: 77%;
  
      font-family: 'Lato', sans-serif;
  
      font-weight: 400;
  
      font-style: normal;
  
      color: #ffffff;
  
      background-color:#B174F0;
  
      border-color: transparent;
  
      font-size: 16px;
  
      padding: 22px 10px;
  
      min-width: 183px;
  
      position: relative;
  
      text-align: center;
  
      z-index: 1;
  
      transition: .3s;
  
      line-height: 14px;
  
      border: none;
  
      border-radius: 60px;
  
      letter-spacing: 0px;
  
      margin-top: 4%;
  
      border: none !important;
  
  }
  
  button#nextBtn:hover {
  
    color: black;
  
    border: none;
  
  }
  
  div#jh {
  
      height:308px;
  
  }
  
  .btn-box {
  
      margin-top: 5%;
  
      width: 100%;
  
  }
  
  button.from-btn-1 {
  
      margin: 1%;
  
      width: 30%;
  
      font-family: 'Lato', sans-serif;
  
      font-weight: 400;
  
      font-style: normal;
  
      color: #ffffff;
  
     background: #B174F0;
  
      border-color: transparent;
  
      font-size: 18px;
  
      padding: 22px 10px;
  
      min-width: 183px;
  
      position: relative;
  
      text-align: center;
  
      z-index: 1;
  
      transition: .3s;
  
      line-height: 14px;
  
      border: 1px solid;
  
      border-radius: 60px;
  
      letter-spacing: 0px;
  
      border: none !important
  
  }
  
  div#bb-1 {
      height: 528px;
  }
  
  p.births {
  
      font-size: 17px;
  
      margin-left: 27px;
  
      width: 89%;
  
      margin-left: 33px;
  
      color:black;
  
      font-family: Raleway;
  
  }
  
  .birth-1 {
  
      width: 100%;
  
      margin-top: 6%;
  
  }
  
  select#mm1 {
  
      width: 74%;
  
      margin-left: 2%;
  
      height: 71px;
  
      padding: 16px;
  
      margin-top: 2%;
  
  }
  
  div#hhhhhh {
  
      height: 500px;
  
  }
  
  button.from-btn-1:hover {
  
      color: black;
  
      border: none;
  
  }
  
  button.bnt-m:hover {
  
      color: black;
  
      border: none;
  
  }
  
  div#rr {
  
      height: 1190px;
  
  }
  
  .one-0 {
  
      width: 100%;
  
      margin-top: 71px;
  
       font-family: Raleway;
  
  }
  
  button.bnt-m {
  
      margin: 1%;
  
      width: 28%;
  
      font-family: 'Lato', sans-serif;
  
      font-weight: 400;
  
      font-style: normal;
  
      color: #ffffff;
  
     background: #B174F0;
  
      border-color: transparent;
  
      font-size: 16px;
  
      padding: 22px 10px;
  
      min-width: 183px;
  
      position: relative;
  
      text-align: center;
  
      z-index: 1;
  
      transition: .3s;
  
      line-height: 14px;
  
      border: 1px solid;
  
      border-radius: 60px;
  
      letter-spacing: 0px;
  
      height: 55px;
  
  }
  
  button.bnt-m {
  
      margin-left: 2%;
  
      margin-top: 1%;
  
      padding: 11px;
  
      border: none;
  
  }
  
  p.onw-9 {
  
      font-size: 15px;
  
      margin-left: 2%;
  
  }
  
  input#mm {
  
      width: 83%;
  
      margin-left: 21px;
  
      height: 58px;
  
      padding: 19px;
  
  }
  
  input#bpass1 {
  
      width: 91%;
  
      margin: 2%;
  
      height: 73px;
  
      color: black;
  
  }
  
  p.tap-text0 {
  
      font-style: normal;
  
      font-family: 'Lato', sans-serif;
  
      color: #313131;
  
      font-size: 20px;
  
      line-height: 1.5;
  
      letter-spacing: 0px;
  
      margin-left: 2%;
  
      padding: 26px 0px 0px 6px;
  
  }
  
  h1.tab-headig10 {
  
      float: left;
  
      text-align: center;
  
      font-weight: 700;
  
      font-style: normal;
  
      font-family: 'Playfair Display', serif;
  
      color: #313131;
  
      font-size: 34px;
  
      line-height: 1.1;
  
      letter-spacing: 0px;
  
      padding: 0px 4px 3px 21px;
  
      margin-top: 0%;
  
  }
  
  select#wgt {
      width: 100%;
      font-size: 15px;
  }
  
  input#wgt12{
      width: 100%;
      font-size: 15px; 
      padding: 21px; 
  }
  input#wgt1 {
      width: 100%;
      font-size: 15px; 
      padding: 21px;
  }
  
  /*<================================================>*/
  
  img.main-img {
      position: absolute;
      width: 100%;
      height: 861px;
      background: linear-gradient(to right, #ff8bbc 33%, #ea7833 100%);
  }
  ul.list-1 {
      list-style: none;
      display: inline-flex;
      margin-top: 1%;
  }
  h1.heading-7-7 {
      font-weight: 700;
      font-style: normal;
      font-family: 'Playfair Display', serif;
      color: #313131;
      font-size: 45px;
      line-height: 1.1;
      letter-spacing: 0px;
  }
  
  #email {
  
    color: #171717;
  
    background-color: #ffffff;
  
    font-style: normal;
  
    font-weight: 400;
  
    border-color: #d9d9d9;
  
    line-height: 16px;
  
    font-size: 14px;
  
    padding: 23px 27px;
  
    border: 1px solid;
  
      border-top-color: currentcolor;
  
      border-right-color: currentcolor;
  
      border-bottom-color: currentcolor;
  
      border-left-color: currentcolor;
  
    border-top-color: currentcolor;
  
    border-right-color: currentcolor;
  
    border-bottom-color: currentcolor;
  
    border-left-color: currentcolor;
  
    border-radius: 6px;
  
    border: none;
  
  }
  
  p.headng-8-8 {
  
      font-weight: 400;
  
      font-style: normal;
  
      font-family: 'Lato', sans-serif;
  
      color: #313131;
  
      font-size: 20px;
  
      line-height: 1.5;
  
      letter-spacing: 0px;
  
  }
  
  #login-btn {
  
    font-family: 'Lato', sans-serif;
  
    font-weight: 400;
  
    font-style: normal;
  
    color: #fff;
  
   background: #B174F0 38%;
  
    padding: 22px 10px;
  
    position: relative;
  
    text-align: center;
  
    z-index: 1;
  
    transition: .3s;
  
    line-height: 14px;
  
    border: 1px solid;
  
      border-top-color: currentcolor;
  
      border-right-color: currentcolor;
  
      border-bottom-color: currentcolor;
  
      border-left-color: currentcolor;
  
    border-top-color: currentcolor;
  
    border-right-color: currentcolor;
  
    border-bottom-color: currentcolor;
  
    border-left-color: currentcolor;
  
    border-radius: 16px;
  
    letter-spacing: 0px;
  
    width: 78%;
  
    margin-left: 6%;
  
    font-size: 26px;
  
  }
  
  #btn-01 {
  
    font-family: 'Lato', sans-serif;
  
    font-weight: 400;
  
    font-style: normal;
  
    color: #fff;
  
    background: #B174F0 38%;
  
    padding: 22px 10px;
  
    position: relative;
  
    text-align: center;
  
    z-index: 1;
  
    transition: .3s;
  
    line-height: 14px;
  
    border: 1px solid;
  
      border-top-color: currentcolor;
  
      border-right-color: currentcolor;
  
      border-bottom-color: currentcolor;
  
      border-left-color: currentcolor;
  
    border-top-color: currentcolor;
  
    border-right-color: currentcolor;
  
    border-bottom-color: currentcolor;
  
    border-left-color: currentcolor;
  
    border-top-color: currentcolor;
  
    border-right-color: currentcolor;
  
    border-bottom-color: currentcolor;
  
    border-left-color: currentcolor;
  
    border-radius: 16px;
  
    letter-spacing: 0px;
  
    width: 78%;
  
    margin-left: 6%;
  
    font-size: 23px;
  
    margin-top: 3%;
  
  }
  
  #login-btn2{
  
      font-family: 'Lato', sans-serif;
  
    font-weight: 400;
  
    font-style: normal;
  
    color: #fff;
  
   background: #B174F0 38%;
  
    padding: 22px 10px;
  
    position: relative;
  
    text-align: center;
  
    z-index: 1;
  
    transition: .3s;
  
    line-height: 14px;
  
    border: 1px solid;
  
      border-top-color: currentcolor;
  
      border-right-color: currentcolor;
  
      border-bottom-color: currentcolor;
  
      border-left-color: currentcolor;
  
    border-top-color: currentcolor;
  
    border-right-color: currentcolor;
  
    border-bottom-color: currentcolor;
  
    border-left-color: currentcolor;
  
    border-top-color: currentcolor;
  
    border-right-color: currentcolor;
  
    border-bottom-color: currentcolor;
  
    border-left-color: currentcolor;
  
    border-radius: 16px;
  
    letter-spacing: 0px;
  
    width: 78%;
  
    margin-left: 6%;
  
    font-size: 23px;
  
    margin-top: 3%;
  
  }
  
  .lable-0 {
  
    font-size: 18px;
  
  }
  
  .lable-0 {
  
    font-size: 19px;
  
    margin-left: -49%;
  
    color: black;
  
    width: 105%;
  
  }
  
  #email1 {
  
    width: 3%;
  
    margin-top: 1%;
  
  }
  
  .main-form-9 {
  
    margin-top: 7%;
  
  }
  
  button#btn-01:hover {
  
      color: black;
  
      border: none;
  
  }
  
  button#login-btn2:hover {
  
      color: black;
  
      border: none;
  
  }
  
  button#login-btn:hover {
  
      color: black;
  
      border: none;
  
  }
  
  #btn-012 {
  
    background: none;
  
    border: none;
  
    margin-left: -49%;
  
    font-size: 19px;
  
    margin-top: 1%;
  
    width: 134%;
  
    color: black;
  
  }
  
  .main-login-2 label {
      font-size: 19px;
      width: 100%;
      text-align: left;
      color: #fff;
      margin-bottom: 13px;
  }
  
  img.main-img-1 {
  
      width: 100%;
  
      position: absolute;
  
  }
  
  .inner-part-2 {
      background: #a349a4;
      border-radius: 20px;
      padding: 45px;
  }
  
  div#datof\ birth {
  
      margin-top: -17%;
  
  }
  
  img.imp-image {
  
      position: absolute;
  
      width: 100%;
  
  }
  
  .imp-image {
  
    position: absolute;
  
    width: 100%;
  
  }
  
  button#buregister:hover {
  
      
  
  }
  
  .inner-part-0 {
  
      width: 100%;
  
      margin-top: 21%;
  
      margin-left: -3%;
  
  }
  
  form#buRegForm {
  
      width: 100%;
  
      padding: 27px;
  
  }
  
  a#auto-generate1 {
  
      font-size: 15px;
  
  }
  
  .bottm-agrrement.terms_con {
  
      margin-left: 3%;
  
      margin-top: -22px;
  
  }
  
  div#verifecation {
  
      margin-top: -22%;
  
      width: 100%;
  
  }
  
  div#last-part {
  
      width: 100%;
  
      margin-top: 1%;
  
      margin-left: -2%;
  
      font-size: 15px;
  
  }
  
  input#captcha {
  
      width: 100%;
  
      height: 37px;
  
  }
  
  .captchatext {
  
      background-color: #d6d4d4;
  
      border: 1px solid #CCC;
  
      height: 39px;
  
      text-align: center;
  
      width: 85px;
  
      display: inline-block;
  
      border-left: none;
  
      padding: 7px;
  
      font-size: 16px;
  
      margin-top: -1%;
  
  }
  
  label#lbl-1 {
  
      margin-top: 0%;
  
      height: 59px;
  
      color: black;
  
  }
  
  input#spUserDob {
  
      background: white;
  
  }
  
  input#captcha {
  
      margin-top: -1%;
  
      height: 39px;
  
  }
  
  .age-in {
    width: 30%;
    display: inline-block;
  }
  
  .form-control {
  }
  
  li.list-2 {
  
      font-family: 'Lato', sans-serif;
  
      font-weight: 400;
  
      font-size: 13px;
  
      font-style: normal;
  
      color: #050000;
  
      text-decoration: none;
  
      border-color: transparent;
  
      width: 240%;
  
  }
  
  div#login {
      width: 69%;
      margin: 0 auto !important;
  }
  
  
  #menu-0 {
  
    font-size: 13px;
  
    margin-top: 1%;
  
    margin-left: -36%;
  
  }
  
  #menu-01 {
  
    margin-left: 15%;
  
  }
  
  img.main-login {
  
      width: 26%;
  
      margin-left: 38%;
  
      margin-top: -12%;
  
  }
  
  .main-login-2 {
  
      width: 100%;
  
      text-align: center;
  
  }
  
  .login-text {
      font-weight: 700;
      font-family: 'Playfair Display', serif;
      color: #fff;
      font-size: 68px;
      line-height: 1.1;
      letter-spacing: 0px;
      margin-bottom: 30px;
  }
  
  img.social:hover {
  
      border: 1px solid red;
  
  }
  
  button#buregister {
  
      font-family: 'Lato', sans-serif;
  
      font-weight: 400;
  
      font-style: normal;
  
      color: #ffffff;
  
    background: #B174F0;
  
      border-color: transparent;
  
      font-size: 16px;
  
      padding: 22px 10px;
  
      min-width: 240px;
  
      position: relative;
  
      text-align: center;
  
      z-index: 1;
  
      transition: .3s;
  
      line-height: 14px;
  
      border: none;
  
      border-radius: 60px;
  
      letter-spacing: 0px;
  
  }
  
  img.logo-1 {
  
    margin-top: 2%;
  
    width: 24%;
  
  }
  
  li.list-2:hover {
  
      color: #ff5e88;
  
  }
  
  h1.heading-1 {
  
      font-weight: 700;
  
      font-style: normal;
  
      font-family: 'Playfair Display', serif;
  
      color: #313131;
  
      font-size: 45px;
  
      line-height: 1.1;
  
      letter-spacing: 0px;
  
      text-align: left;
  
  }
  
  p.text {
  
      font-weight: 400;
  
      font-style: normal;
  
      font-family: 'Lato', sans-serif;
  
      color: #313131;
  
      font-size: 21px;
  
      line-height: 1.5;
  
      letter-spacing: 0px;
  
      margin-top: 8%;
  
  }
  
  p.text1 {
  
      font-weight: 400;
  
      font-style: normal;
  
      font-family: 'Lato', sans-serif;
  
      color: #313131;
  
      font-size: 20px;
  
      line-height: 1.5;
  
      letter-spacing: 0px;
  
      margin-top: 7%;
  
  }
  
  button.btn-1 {
  
      font-family: 'Lato', sans-serif;
  
      font-weight: 400;
  
      font-style: normal;
  
      color: #ffffff;
  
     background: #a349a4;
  
      font-size: 16px;
  
      padding: 22px 10px;
  
      min-width: 240px;
  
      position: relative;
  
      text-align: center;
  
      z-index: 1;
  
      transition: .3s;
  
      line-height: 14px;
  
      border: none;
  
      border-radius: 60px;
  
      letter-spacing: 0px;
  
      display: inline-block;
  
      cursor: pointer;
  
      margin-top: 2%;
  
  }
  
  button.btn-1:hover {
  
  
  
    color: black;
  
    border: none;
  
  }
  
  .section-1 {
  
      margin-top: 12%;
  
      width: 100%;
  
  }
  
  h1.text-1 {
  
      font-weight: 700;
  
      font-style: normal;
  
      font-family: 'Playfair Display', serif;
  
      color: #313131;
  
      font-size: 45px;
  
      line-height: 1.3;
  
      letter-spacing: 0px;
  
      box-sizing: inherit;
  
  }
  
  p.text-2 {
  
      font-weight: 400;
  
      font-style: normal;
  
      font-family: 'Lato', sans-serif;
  
      color: #313131;
  
      font-size: 20px;
  
      line-height: 1.5;
  
      letter-spacing: 0px;
  
      box-sizing: inherit;
  
      width: 74%;
  
      margin-top: 2%;
  
  }
  
  .container-fulid {
  
      width: 100%;
  
      overflow: hidden;
  
  }
  
  .section-2 {
  
      width: 100%;
  
      margin-top: 3%;
  
  }
  
  
  
  div#section-03 {
      background: linear-gradient(to right, #dfbbf8 33%, #d0d3fe 100%);
      padding: 50px 0px;
  }
  
  .box-1 {
  
      margin-bottom: 20px;
  
      border-style: solid;
  
      border-color: #bfe97c;
  
      border-top-width: 13px;
  
      border-top-left-radius: 10px;
  
      border-top-right-radius: 10px;
  
      border-bottom-left-radius: 10px;
  
      border-bottom-right-radius: 10px;
  
      transition-duration: 0.4s;
  
      box-shadow: 0px 4px 10px 0px rgb(222 188 239 / 44%);
  
      padding-top: 16px;
  
      padding-bottom: 24px;
  
      padding-left: 30px;
  
      padding-right: 30px;
  
      background-color: #ffffff;
  
  }
  
  h1.main-heading {
  
      font-weight: 700;
  
      font-style: normal;
  
      font-family: 'Playfair Display', serif;
  
      color: #313131;
  
      font-size: 45px;
  
      line-height: 2.3;
  
      letter-spacing: 0px;
  
  }
  
  h1.hding-1 {
  
      font-weight: 700;
  
      font-style: normal;
  
      font-family: 'Playfair Display', serif;
  
      color: #000000;
  
      font-size: 28px;
  
      line-height: 1.2;
  
      letter-spacing: 0px;
  
  }
  
  .box-2 {
  
      width: 100%;
  
      display: flex;
  
  }
  
  .box-3 {
  
      width: 100%;
  
  }
  
  .box-4 {
  
      width: 24%;
  
  }
  
  p.text-3 {
  
      font-weight: 400;
  
      font-style: normal;
  
      font-family: 'Lato', sans-serif;
  
      color: #313131;
  
      font-size: 20px;
  
      line-height: 1.5;
  
      letter-spacing: 0px;
  
      margin-top: 2%;
  
  }
  
  h1.heading-2 {
  
      font-weight: 700;
  
      font-style: normal;
  
      font-family: 'Playfair Display', serif;
  
      color: #8f8e8e;
  
      font-size: 45px;
  
      line-height: 1;
  
      letter-spacing: 0px;
  
      margin-left: 11%;
  
  }
  
  .main-box {
      padding: 16px 30px;
      border-style: solid;
      border-color: #a349a4;
      border-top-width: 13px;
      border-radius: 10px;
      transition-duration: 0.4s;
      background-color: #ffffff;
    place-items: center;
  }
  
  .box-1-2 {
  
      margin-bottom: 20px;
  
      padding-top: 16px;
  
      padding-bottom: 24px;
  
      padding-left: 30px;
  
      padding-right: 30px;
  
      border-style: solid;
  
      border-color: #ead0f1;
  
      border-top-width: 13px;
  
      border-top-left-radius: 10px;
  
      border-top-right-radius: 10px;
  
      border-bottom-left-radius: 10px;
  
      border-bottom-right-radius: 10px;
  
      transition-duration: 0.4s;
  
      box-shadow: 0px 4px 10px 0px rgba(114,181,251,0.4);
  
      background-color: #ffffff;
  
  }
  
  .section-3 {
      width: 100%;
      margin-top: 3%;
      padding-bottom: 70px;
  }
  
  h1.h-1 {
  
      width: 100%;
  
      text-align: center;
  
      font-weight: 700;
  
      font-style: normal;
  
      font-family: 'Playfair Display', serif;
  
      color: #313131;
  
      font-size: 45px;
  
      line-height: 1.3;
  
      letter-spacing: 0px;
  
  }
  
  p.heading-paragraph {
  
      width: 100%;
  
      text-align: center;
  
      font-weight: 400;
  
      font-style: normal;
  
      font-family: 'Lato', sans-serif;
  
      color: #313131;
  
      font-size: 20px;
  
      line-height: 1.5;
  
      letter-spacing: 0px;
  
  }
  
  .section-4 {
      width: 100%;
      background: linear-gradient(to right, #ead1fb 33%, #e6e8ff 100%);
      padding: 50px 0px;
  }
  
  h1.text-4 {
  
      font-weight: 700;
  
      font-style: normal;
  
      font-family: 'Playfair Display', serif;
  
      color: #313131;
  
      font-size: 45px;
  
      line-height: 1.3;
  
      letter-spacing: 0px;
  
  
  }
  
  p.text-5 {
  
      font-weight: 400;
  
      font-style: normal;
  
      font-family: 'Lato', sans-serif;
  
      color: #313131;
  
      font-size: 20px;
  
      line-height: 1.5;
  
      letter-spacing: 0px;
  
  }
  
  .frame {
  
      margin-top: 2%;
  
  }
  
  .section-5 {
  
      width: 100%;
  
      margin-top: 3%;
  
  }
  
  h1.text-align {
  
      text-align: center;
  
      font-weight: 700;
  
      font-style: normal;
  
      font-family: 'Playfair Display', serif;
  
      color: #313131;
  
      font-size: 45px;
  
      line-height: 1.3;
  
      letter-spacing: 0px;
  
  }
  
  p.txt-1 {
  
      text-align: center;
  
      font-weight: 400;
  
      font-style: normal;
  
      font-family: 'Lato', sans-serif;
  
      color: #313131;
  
      font-size: 20px;
  
      line-height: 1.5;
  
      letter-spacing: 0px;
  
  }
  
  img.image-0 {
      width: 100%;
  }
  
  .blog-content h1 {
      color: #000;
      text-decoration: none;
      font-weight: 600;
      font-style: normal;
      width: 100%;
      font-size: 19px;
      font-family: 'Lato', sans-serif;
      margin-bottom: 16px;
  }
  
  p.t-2 {
  
      font-weight: 400;
  
      font-style: normal;
  
      font-family: 'Lato', sans-serif;
  
      color: #514e55;
  
      font-size: 16px;
  
      line-height: 24px;
  
      letter-spacing: 0px;
  
  }
  
  button.btn-2 {
  
      background: none;
  
      border: none;
  
      font-family: 'Lato', sans-serif;
  
      font-weight: 400;
  
      font-style: normal;
  
      color: #050000;
  
      font-size: 16px;
  
      margin-top: 1%;
  
  }
  
  h1.t-1:hover {
      color: #a349a4;
  }
  
  button.btn-2:hover {
  
    
  
  }
  
  .section-6 {
      width: 100%;
      overflow: hidden;
      background-image:linear-gradient(to right, #e8d1fd 33%, #e7e8fe 70%);
      transition-duration: 0.4s;
      padding: 49px;
      margin-top: 3%;
      position: relative;
  
  }
  
  img.footer-image {
  
      width: 100%;
  
      margin-top: 14%;
  
  }
  
  .footer-section {
      background: #202548;
      width: 100%;
      height: auto;
      position: relative;
      padding: 40px 0px;
  }
  .footer-section .bordr {
      margin-bottom: 20px;
      padding-bottom: 20px;
  }
  
  
  .btm_footer  {
      background-color: #203248;
    padding: 5px;
    color: white;
  
  
  }
  
  p.btm-text {
    text-align: center;
    font-weight: 400;
    font-style: normal;
    font-family: 'Lato', sans-serif;
    color: #fff6f6;
    font-size: 17px;
    line-height: 1.2;
    letter-spacing: 0px;
    margin-top: 1%;
  }
  
  
  .footer_h2 {
    color: #fff;
    margin-top: 20px;
    font-size: 17px;
  }
  
  
  img.main-footer-logo {
  
      width: 16%;
  
  }
  
  a.lineset {
  
      width: 100%;
  
      margin: 4%;
  
  }
  
  .flex-box {
  
      text-align: right;
  
  }
  img.social {
  
      background: white;
  
      margin: 1%;
  
  }
  
  .bordr {
  
  
      border-bottom: none;
  
  }
  
  p.txt-6 {
  
      text-align: center;
  
      font-weight: 400;
  
      font-style: normal;
  
      font-family: 'Lato', sans-serif;
  
      color: #fff6f6;
  
      font-size: 14px;
  
      line-height: 1.2;
  
      letter-spacing: 0px;
  
      margin-top: 2%;
  
  }
  
  
  a.footer_a {
      color: white;
      text-decoration: none;
      font-size:14px;
  }
  
  
  /*<==================================================>
  
  About us*/
  
  img.first-1 {
  
      width: 100%;
  
      overflow: hidden;
  
      position: absolute;
  
  }
  
  img.main-img-1 {
  
      width: 100%;
  
      position: absolute;
  
  }
  
  
  
  .section-9 {
  
      margin-top: 2%;
  
  }
  
  h1.heading-7 {
  
      text-align: center;
  
      font-weight: 700;
  
      font-style: normal;
  
      font-family: 'Playfair Display', serif;
  
      color: #313131;
  
      font-size: 45px;
  
      line-height: 1.1;
  
      letter-spacing: 0px;
  
      position: relative;
  
  }
  
  p.headng-8 {
  
      text-align: center;
  
      font-weight: 400;
  
      font-style: normal;
  
      font-family: 'Lato', sans-serif;
  
      color: #313131;
  
      font-size: 20px;
  
      line-height: 1.5;
  
      letter-spacing: 0px;
  
      position: relative;
  
  }
  
  .section-7 {
  
      width: 100%;
  
      margin-top: 70px;
  
  }
  
  img.banner-image {
  
      width: 100%;
  
      margin-top: 2%;
  
      position: absolute;
  
  }
  
  .inner-box {
      padding-left: 0;
      padding-bottom: initial;
      padding-top: initial;
      display: flex;
      align-items: center;
  }
  
  img.inner-image {
  
      border-radius: 100%;
  
      padding-bottom: 2px;
  
      background-color: #5074d1;
  
  }
  
  h1.heading-0-1 {
  
      font-weight: 700;
  
      font-style: normal;
  
      font-family: 'Playfair Display', serif;
  
      color: #000000;
  
      font-size: 18px;
  
      line-height: 1.1;
  
      letter-spacing: 0px;
  
      margin-left: 4%;
  
  }
  
  p.list-line {
      font-weight: 400;
      font-style: normal;
      color: #000000;
      font-size: 17px;
      margin-top: 17px;
  }
  
  h1.slider-21 {
  
      font-weight: 700;
  
      font-style: normal;
  
      font-family: 'Playfair Display', serif;
  
      color: #313131;
  
      font-size: 45px;
  
      line-height: 1.3;
  
      letter-spacing: 0px;
  
  }
  p.list-line {
      font-weight: 400;
      font-style: normal;
      color: #000000;
      font-size: 17px;
      margin-top: 17px;
  }
  
  img.inner-image-0 {
  
      border-radius: 27px;
  
      height: 48px;
  
  }
  
  h1.t-1-0 {
  
      font-weight: 400;
  
      font-style: normal;
  
      font-family: 'Playfair Display', serif;
  
      color: #000000;
  
      font-size: 24px;
  
      line-height: 1.2;
  
      letter-spacing: 0px;
  
      text-align: center;
  
  }
  
  p.t-2-0 {
  
      font-weight: 400;
  
      font-style: normal;
  
      font-family: 'Lato', sans-serif;
  
      color: #514e55;
  
      font-size: 18px;
  
      line-height: 1.1;
  
      letter-spacing: 0px;
  
      text-align: center;
  
  }
  
  /*<======================================================>*/
  
  /*community*/
  
  .\32 nd-button {
      font-family: 'Lato', sans-serif;
      font-weight: 400;
      font-style: normal;
      color: #ffffff;
      background-color: #B174F0;
      border-color: transparent;
      font-size: 15px;
      padding: 22px 10px;
      min-width: 240px;
      position: relative;
      text-align: center;
      z-index: 1;
      transition: .3s;
      line-height: 14px;
      border: 1px solid;
      border-radius: 60px;
      letter-spacing: 0px;
      margin-left: 0;
      margin-top: 2%;
      display: inline-block;
  }
  
  h1.location {
  
      text-decoration: none;
  
      text-align: center;
  
      font-weight: 400;
  
      font-style: normal;
  
      font-family: 'Playfair Display', serif;
  
      color: #000000;
  
      font-size: 24px;
  
      line-height: 1.2;
  
      letter-spacing: 0px;
  
  }
  
  /*<============================================>*/
  
  /* Google Fonts - Poppins */
  
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');
  
  *{
  
    margin: 0;
  
    padding: 0;
  
    box-sizing: border-box;
  
    font-family: 'Poppins', sans-serif;
  
  }
  
  .slide-container {
      max-width: 1150px;
      width: 100%;
      padding: 30px 0px 60px;
  }
  
  .slide-content{
  
    margin: 0 18px;
  
    /*overflow: hidden;*/
  
    border-radius: 25px;
  
  }
  
  .card{
  
    border-radius: 0px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: #FFF;
  
  }
  
  .image-content, .card-content {
      text-align: center;
      padding: 10px 14px;
  }
  
  .image-content{
  
    position: relative;
  
    row-gap: 5px;
  
    padding: 0px 0 25px;
  
  }
  
  
  
  .overlay::after{
  
    border-radius: 0 25px 0 0;
  
    background-color: #FFF;
  
  }
  .card {
      border: 0;
  }
  
  .card-image .card-img {
      height: 315px;
      width: 100%;
      object-fit: cover;
  }
  .name{
  
    font-size: 18px;
  
    font-weight: 500;
  
    color: #333;
  
  }
  
  .description{
  
    font-size: 14px;
  
    color: #707070;
  
    text-align: center;
  
  }
  
  .button{
  
    border: none;
  
    font-size: 16px;
  
    color: #FFF;
  
    padding: 8px 16px;
  
    background-color: #B174F0 38%;
  
    border-radius: 6px;
  
    margin: 14px;
  
    cursor: pointer;
  
    transition: all 0.3s ease;
  
  }
  
  
  
  .\32 nd-button:hover {
  
      color: black;
  
      border: none;
  
  }
  
  .\32 nd-button:hover {
  
      color: black;
  
      border: none;
  
  }
  
  
  
  .swiper-navBtn{
  
    color: #6E93f7;
  
    transition: color 0.3s ease;
  
  }
  
  .swiper-navBtn:hover{
  
    color: #4070F4;
  
  }
  
  .swiper-navBtn::before, .swiper-navBtn::after {
      font-size: 25px;
  }
  
  .swiper-button-next{
  
    right: 0;
  
  }
  
  .swiper-button-prev{
  
    left: 0;
  
  }
  
  .swiper-pagination-bullet{
  
    background-color: #6E93f7;
  
    opacity: 1;
  
  }
  
  .swiper-pagination-bullet-active{
  
    background-color: #4070F4;
  
  }
  
  h2.name {
  
      color: #000000;
  
      text-decoration: none;
  
      font-weight: 400;
  
      font-style: normal;
  
      transition: .3s;
  
      font-size: 25px;
  
  }
  
  p.description {
  
      font-weight: 400;
  
      font-style: normal;
  
      font-family: 'Lato', sans-serif;
  
      color: #514e55;
  
      font-size: 18px;
  
      line-height: 1.1;
  
      letter-spacing: 0px;
  
  }
  
  .center-btn {
      font-family: 'Lato', sans-serif;
      font-weight: 400;
      color: #ffffff !important;
      background: #a349a4;
      font-size: 21px;
      padding: 16px 65px;
      text-align: center;
      border: 1px solid;
      border-radius: 60px;
      letter-spacing: 0px;
      display: inline-block;
      text-decoration: unset !important;
  }
  
  
  
  /*<======= 01/05/2023 css start =========>*/
  
  h2.heading-1 {
      font-weight: 700;
      font-style: normal;
      font-family: 'Playfair Display', serif;
      color: #fff;
      font-size: 40px;
      line-height: 1.1;
      letter-spacing: 0px;
      position: relative;
      margin-top: 0;
  }
  .content-box p {
      font-family: 'Lato', sans-serif;
      font-size: 20px;
      color: #fff;
      line-height: 36px;
  }
  
  .two-field-item {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
  }
  button.btn.dropdown-toggle.btn-default {
      width: 100%;
      padding: 9px;
      border: 1px solid #dedede;
      border-radius: 4px;
      color: #000;
      font-family: 'Playfair Display', serif;
  }
  .input-field .select-item {
      width: 100%;
      outline: none;
      padding: 12px;
      border: 1px solid #a349a4;
      border-radius: 4px;
      color: #000;
      /* font-family: 'Playfair Display', serif; */
  }
  .input-field {
      margin-bottom: 15px !important;
  }
  .search-box label {
      color: #fff;
  }
  .age-item {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
  }
  .btn-group.bootstrap-select.countrypicker.f16 {
      width: 100%;
  }
  button.submit-btn {
      font-family: 'Lato', sans-serif;
      color: #000;
      background: #fff;
      border-color: transparent;
      font-size: 20px;
      padding: 18px 10px;
      min-width: 100%;
      text-align: center;
      line-height: 14px;
      border: none;
      border-radius: 60px;
  }
  .content-box {
      margin-bottom: 30px;
  }
  .date-form .row {
      align-items: center;
      display: flex;
  }
  .search-box {
      /*background: #a349a4;*/
      padding: 40px 50px;
      border-radius: 4px;
  }
  .search-form .search-box {
      background: #fff;
      padding: 40px 50px;
      border-radius: 4px;
      box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
  }
  .about.padding-top.padding-bottom {
      background: #f1f7fe;
      padding: 70px 0px;
  }
  h2 {
      font-weight: 700;
      font-style: normal;
      font-family: 'Playfair Display', serif;
      color: #000;
      font-size: 40px;
      line-height: 1.1;
      letter-spacing: 0px;
      position: relative;
      margin-top: 0;
      margin-bottom: 20px;
  }
  .about p {
      font-size: 17px;
      color: #000;
      margin-bottom: 40px;
  }
  .about__item.text-center {
      padding: 36px 16px;
      background: #fff;
      border-radius: 5px;
  }
  .about__thumb {
      margin-bottom: 20px;
  }
  .earn {
      margin: 0px;
      font-weight: 300;
      font-size: 25px;
      line-height: 24px;
    color : #666666;
    margin-bottom :10px;
  }
  h4 {
      font-weight: 700;
      font-style: normal;
      font-family: 'Playfair Display', serif;
      color: #000;
      font-size: 24px;
      line-height: 1.1;
      letter-spacing: 0px;
      position: relative;
      margin-top: 0;
      margin-bottom: 13px;
    text-align : left;
  }
  .about__item:hover h4 {
      color: #a349a4;
  }
  .default-btn span {
      --background: #b174f0;
      padding: 13.5px 32px;
      font-weight: 500;
      line-height: var(--font-size);
      border-radius: 4px 0px 0px 4px !important;
      display: inline-block;
      outline: none;
      text-decoration: none;
      font-size: var(--font-size);
      letter-spacing: 0.5px;
      background: var(--background);
      color: var(--text);
      transform: translateY(var(--y)) translateZ(0);
      transition: all 0.3s ease;
      font-size: 19px;
      color: #fff;
  }
  .member__info--customselect.right.w-100 {
      text-align: right;
      display: flex;
      float: right;
  }
  .member__info--count {
      display: flex;
      align-items: center;
  }
  .default-number p {
      background: #00afff;
      color: #fff;
      line-height: 54px;
      padding-inline: 21px;
      -webkit-border-radius: 0 4px 4px 0;
      -moz-border-radius: 0 4px 4px 0;
      -ms-border-radius: 0 4px 4px 0;
      -o-border-radius: 0 4px 4px 0;
      border-radius: 0 4px 4px 0 !important;
      margin: 0;
      position: relative;
  }
  .default-number p:after {
      left: -10px;
      top: 50%;
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-right: 10px solid #00afff;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      content: '';
      position: absolute;
  }
  .banner__inputlist select {
      background: #00afff;
      color: #fff;
      padding-inline: 21px;
      border-radius: 0 4px 4px 0 !important;
      margin: 0;
      position: relative;
      border: 0 !important;
      outline: unset;
      padding: 16px 32px;
      font-size: 19px;
      position: relative;
  }
  .banner__inputlist {
      position: relative;
  }
  .banner__inputlist:after {
      left: -10px;
      top: 50%;
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-right: 10px solid #00afff;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      content: '';
      position: absolute;
  }
  .member__info--right {
      float: right;
  }
  .result-item {
      text-align: center;
      padding: 25px 25px;
      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
      //margin-bottom: 20px;
  }
  .list-image {
      margin-bottom: 20px;
      position: relative;
  }
  span.text-item:last-child {
     // text-align: right;
  }
  .gender span:first-child {
      margin-right: 4px;
  }
  .gender i {
      color: #a349a4;
  }
  span.active {
      background: #a349a4;
  }
  .list-image span.active {
      background: #a349a4;
      font-size: 0.875rem;
      width: 22px;
      height: 22px;
      left: auto;
      right: 48px;
      border: 3px solid #fff;
      border-radius: 100%;
      top: 110px;
      position: absolute;
  }
  
  .slide .list-image span.active, .slide .list-image span.not-active {
      /*right: 22px;*/
  }
  span.not-active {
      position: absolute;
      font-size: 0.875rem;
      background: #dedede;
      width: 22px;
      height: 22px;
      left: auto;
      right: 48px;
      border: 3px solid #fff;
      border-radius: 100%;
      top: 110px;
  }
  /*<======= 01/05/2023 css end =========>*/
  
  /*<=======MEDIA==========>*/
  
    /*MOBILE*/
  
  img.main-img {
  
      width: 100%;
  
      height: 615px;
  
  }
  
  .section {
  
      width: 100%;
  
  }
  
  h1.heading-1 {
  
      font-weight: 700;
  
      font-style: normal;
  
      font-family: 'Playfair Display', serif;
  
      color: #313131;
  
      font-size: 45px;
  
      line-height: 1.1;
  
      letter-spacing: 0px;
  
  }
  
  p.text {
  
      font-weight: 400;
  
      font-style: normal;
  
      font-family: 'Lato', sans-serif;
  
      color: #313131;
  
      font-size: 17px;
  
      line-height: 1.5;
  
      letter-spacing: 0px;
  
      margin-top: 5%;
  
  }
  
  p.text1 {
  
      font-weight: 400;
  
      font-style: normal;
  
      font-family: 'Lato', sans-serif;
  
      color: #313131;
  
      font-size: 16px;
  
      line-height: 1.5;
  
      letter-spacing: 0px;
  
      margin-top: 4%;
  
  }
  
  button.btn-1 {
  
      font-family: 'Lato', sans-serif;
  
      font-weight: 400;
  
      font-style: normal;
  
      color: #ffffff;
  
      background-color:#B174F0 38%;
  
      border-color: transparent;
  
      font-size: 18px;
  
      padding: 22px 10px;
  
      min-width: 240px;
  
      position: relative;
  
      text-align: center;
  
      z-index: 1;
  
      transition: .3s;
  
      line-height: 14px;
  
      border: 1px solid;
  
      border-radius: 60px;
  
      letter-spacing: 0px;
  
      display: inline-block;
  
      cursor: pointer;
  
      margin-top: 2%;
  
  }
  
  img.bannr {
  
      width: 100%;
  
      margin-top: 0%;
  
      margin-left: 0%;
  
  }
  
  
  
  h1.hding-1 {
  
      font-weight: 700;
  
      font-style: normal;
  
      font-family: 'Playfair Display', serif;
  
      color: #000000;
  
      font-size: 25px;
  
      line-height: 1.2;
  
      letter-spacing: 0px;
  
  }
  
  p.text-3 {
  
      font-weight: 400;
  
      font-style: normal;
  
      font-family: 'Lato', sans-serif;
  
      color: #313131;
  
      font-size: 17px;
  
      line-height: 1.5;
  
      letter-spacing: 0px;
  
      margin: 1% 0;
  
  }
  
  h1.heading-2 {
  
      font-weight: 700;
  
      font-style: normal;
  
      font-family: 'Playfair Display', serif;
  
      color: #8f8e8e;
  
      font-size: 45px;
  
      line-height: 1;
  
      letter-spacing: 0px;
  
      margin-left: 14%;
  
      margin-top: -2%;
  
  }
  
  .section-3 {
  
      width: 100%;
  
      margin-top: 70px;
  
  }
  
  h1.h-1 {
  
      width: 100%;
  
      text-align: center;
  
      font-weight: 700;
  
      font-style: normal;
  
      font-family: 'Playfair Display', serif;
  
      color: #313131;
  
      font-size: 56px;
  
      line-height: 1.3;
  
      letter-spacing: 0px;
  
  }
  
    @media screen and (min-width: 360px) and (max-width: 380px) {
      h1.h-1 {
  
        width: 100%;
  
        text-align: center;
  
        font-weight: 700;
  
        font-style: normal;
  
        font-family: 'Playfair Display', serif;
  
        color: #313131;
  
        font-size: 52px;
  
        line-height: 1.3;
  
        letter-spacing: 0px;
  
      }
      
      .usrsearch {
        margin-left: 28% !important;
      }
      
    }
    
   @media screen and (max-width: 280px) {
      h1.h-1 {
  
        width: 100%;
  
        text-align: center;
  
        font-weight: 700;
  
        font-style: normal;
  
        font-family: 'Playfair Display', serif;
  
        color: #313131;
  
        font-size: 39px;
  
        line-height: 1.3;
  
        letter-spacing: 0px;
  
      }
      .usrsearch{
        margin-left:21% !important;
       }
    }
    
    
  p.heading-paragraph {
  
      width: 100%;
  
      text-align: center;
  
      font-weight: 400;
  
      font-style: normal;
  
      font-family: 'Lato', sans-serif;
  
      color: #313131;
  
      font-size: 17px;
  
      line-height: 1.5;
  
      letter-spacing: 0px;
  
  }
  
  
  h2.name {
  
      color: #000000;
  
      text-decoration: none;
  
      font-weight: 400;
  
      font-style: normal;
  
      transition: .3s;
  
      font-size: 22px;
  
      margin-top: -6%;
  
  }
  
  p.description {
  
      font-weight: 400;
  
      font-style: normal;
  
      font-family: 'Lato', sans-serif;
  
      color: #514e55;
  
      font-size: 15px;
  
      line-height: 1.1;
  
      letter-spacing: 0px;
  
  }
  
  .section-4 {
      width: 100%;
      background: linear-gradient(to right, #ead1fb 33%, #e6e8ff 100%);
      padding: 50px 0px;
  }
  
  h1.text-4 {
  
      font-weight: 700;
  
      font-style: normal;
  
      font-family: 'Playfair Display', serif;
  
      color: #313131;
  
      font-size: 45px;
  
      line-height: 1.3;
  
      letter-spacing: 0px;
  
      margin-top: 5%;
  
  }
  
  p.text-5 {
  
      font-weight: 400;
  
      font-style: normal;
  
      font-family: 'Lato', sans-serif;
  
      color: #313131;
  
      font-size: 17px;
  
      line-height: 1.5;
  
      letter-spacing: 0px;
  
  }
  
  img.image-0 {
      width: 100%;
      margin-top: 0;
  }
  
  h1.text-align {
  
      text-align: center;
  
      font-weight: 700;
  
      font-style: normal;
  
      font-family: 'Playfair Display', serif;
  
      color: #313131;
  
      font-size: 45px;
  
      line-height: 1.3;
  
      letter-spacing: 0px;
  
  }
  
  p.txt-1 {
  
      text-align: center;
  
      font-weight: 400;
  
      font-style: normal;
  
      font-family: 'Lato', sans-serif;
  
      color: #313131;
  
      font-size: 18px;
  
      line-height: 1.5;
  
      letter-spacing: 0px;
  
  }
  
  h1.t-1 {
  
      color: #000000;
  
      text-decoration: none;
  
      font-weight: 400;
  
      font-style: normal;
  
      width: 100%;
  
      font-size: 18px;
  
      font-family: 'Lato', sans-serif;
  
  }
  
  img.image-0 {
  
      width: 100%;
  
      margin-top: 0;
  
  }
  
  p.t-2 {
  
      font-weight: 400;
  
      font-style: normal;
  
      font-family: 'Lato', sans-serif;
  
      color: #514e55;
  
      font-size: 15px;
  
      line-height: 23px;
  
      letter-spacing: 0px;
  
  }
  
  
  .section-6 {
      width: 100%;
      overflow: hidden;
      background-image: linear-gradient(to right,#ffeded,#e1f5fe);
      transition-duration: 0.4s;
      padding: 49px;
      margin-top: 3%;
  
  }
  
  img.footer-image {
  
      width: 100%;
  
      margin-top: 3%;
  
  }
  
  .bordr {
  
      height: 128px;
  
      border-bottom: 1px solid #cbcbcb;
  
  }
  
  h1.heading-7 {
  
      text-align: center;
  
      font-weight: 700;
  
      font-style: normal;
  
      font-family: 'Playfair Display', serif;
  
      color: #313131;
  
      font-size: 45px;
  
      line-height: 1.1;
  
      letter-spacing: 0px;
  
  }
  
  p.headng-8 {
  
      text-align: center;
  
      font-weight: 400;
  
      font-style: normal;
  
      font-family: 'Lato', sans-serif;
  
      color: #313131;
  
      font-size: 18px;
  
      line-height: 1.5;
  
      letter-spacing: 0px;
  
  }
  
  
  .\32 nd-button {
      font-family: 'Lato', sans-serif;
      font-weight: 400;
      font-style: normal;
      color: #ffffff;
      background-color: #B174F0;
      border-color: transparent;
      font-size: 15px;
      padding: 22px 10px;
      min-width: 240px;
      position: relative;
      text-align: center;
      z-index: 1;
      transition: .3s;
      line-height: 14px;
      border: 1px solid;
      border-radius: 60px;
      letter-spacing: 0px;
      margin-left: 0;
      margin-top: 2%;
      display: inline-block;
  }
  
  h1.t-1-0 {
  
      font-weight: 400;
  
      font-style: normal;
  
      font-family: 'Playfair Display', serif;
  
      color: #000000;
  
      font-size: 22px;
  
      line-height: 1.2;
  
      letter-spacing: 0px;
  
      text-align: center;
  
  }
  
  p.t-2-0 {
  
      font-weight: 400;
  
      font-style: normal;
  
      font-family: 'Lato', sans-serif;
  
      color: #514e55;
  
      font-size: 14px;
  
      line-height: 1.1;
  
      letter-spacing: 0px;
  
      text-align: center;
  
  }
  
  .footer-section {
      background: #202548;
      width: 100%;
  
  }
  
  .footer-section1 {
      background: #202548;
      width: 100%;
  }
  
  h1.heading-7 {
  
      text-align: center;
  
      font-weight: 700;
  
      font-style: normal;
  
      font-family: 'Playfair Display', serif;
  
      color: #313131;
  
      font-size: 45px;
  
      line-height: 1.1;
  
      letter-spacing: 0px;
  
  }
 
  
  p.headng-8 {
  
      text-align: center;
  
      font-weight: 400;
  
      font-style: normal;
  
      font-family: 'Lato', sans-serif;
  
      color: #313131;
  
      font-size: 17px;
  
      line-height: 1.5;
  
      letter-spacing: 0px;
  
  }
  
  img.mm {
  
      width: 100%;
  
      margin-top: 2%;
  
  }
  
  div#section-03 {
  
      background: linear-gradient(to right, #daffe2 33%, #f1dcde 100%);
  
      width: 106%;
  
  }
  
  img.first-1 {
  
      width: 106%;
  
      overflow: hidden;
  
      position: absolute;
  
  }
  
  .section-7 {
  
      width: 100%;
  
      margin-top: 70px;
  
  }
  
  /*iframe.irfm {
  
      width: 98%;
  
      height: 204px;
  
  }*/
  
  .frame iframe {
      width: 100%;
      height: 350px !important;
  }
  
  
  
  /*<=======MEDIA==========>*/
  
    /*TAB*/
  
  /*<=======================================>*/
  
  
  
  /*<=======================================>*/
  
  /*3/5/2023 css start*/
  
  .bg-color {
      // position: relative;
  }
  .chats-list .tab-pane {
      padding: 30px 0px;
      color: #000 !important;
      font-size: 48px;
      opacity: unset !important;
  }
  .all-chats-list {
      padding: 70px 0px;
  }
  .nav-link.active {
      border-bottom: 2px solid #000 !important;
  }
  .nav-link.active {
      border: 0;
      color: #a349a4 !important;
      font-weight: 600;
  }
  .nav-link {
      font-size: 20px;
      font-family: 'Lato', sans-serif;
      color: #000 !important;
      font-weight: 500;
  }
  
  .two-field {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
  }
  .user-item {
      display: flex;
  }
  .user-image {
      margin-right: 20px;
  }
  .detail span.new-user {
      font-size: 16px;
      background: #a349a4;
      color: #fff;
      padding: 3px 11px;
      border-radius: 50px;
  }
  .detail h4.name {
      font-size: 20px;
      font-weight: 600;
  }
  p.massage-text {
      font-size: 16px;
  }
  .detail p:first-child {
      line-height: 19px;
  }
  .detail a {
      text-decoration: unset;
  }
  .user-items {
      padding-bottom: 10px;
      margin-bottom: 10px;
      border-bottom: 1px solid #dedede;
  }
  .day-active h3 {
      text-align: right;
      font-size: 20px;
      font-weight: 700;
  }
  #profile p {
      font-size: 28px;
  }
  .messages p {
      font-size: 16px;
  }
  #frame .content .messages ul li.sent p {
      float: left;
  }
  p.preview {
      font-size: 17px;
  }
  #bottom-bar button {
      font-size: 17px !important;
  }
  /*end*/
  
  /*5/04/2023 css start*/
  .site-logo {
      width: 7%;
  }
  .site-logo img.logo-img {
      width: 100%;
  }
  
  .nav-bar-sec form.form-inline {
      width: 8%;
  }
  .nav-bar-sec .navbar-collapse ul.navbar-nav {
      //text-align: right;
      //width: 92%;
      display: block !important;
      padding: 0px 20px;
  }
  .navbar-nav li.nav-item {
      display: inline-block !important;
  }
  /*.nav-item a.link-item {
      color: #000;
      font-size: 17px;
      text-decoration: unset;
      padding: 0px 10px;
      font-weight: 600;
  }*/
  .nav-item a.link-item {
      color: #fff;
      font-size: 15px;
      text-decoration: unset;
      padding: 0px 10px;
      font-weight: 600;
      text-transform: capitalize;
  }
  a.link-item:hover {
      color: #a349a4;
  }
  .section.header-item {
      border-bottom: 1px solid #dedede;
  }
  .section.header-item {
      box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  }
  form.form-inline.search-form {
      text-align: right;
      position: relative;
  }
  
  .search-icon i {
      border: 0 !important;
      outline: unset !important;
      color: #fff;
      font-size: 28px;
      cursor: pointer;
  }
  .search-field {
      position: absolute;
      width: 250px;
      right: -12px;
      top: 50px;
      display: none;
  }
  button.btn.form-search-icon {
      position: absolute;
      right: 0;
      top: 1px;
      background: #a349a4;
      border: 0 !important;
      border-radius: 0px 5px 5px 0px;
      padding: 11px 18px;
      color: #fff;
      font-size: 20px;
  }
  ul.social-icon {
      margin: 0;
  }
  .social-icon a {
      width: 43px;
      text-align: center;
      color: #000 !important;
      background: #fff;
      height: 42px;
      display: grid;
      align-items: center;
      border-radius: 50px;
      font-size: 24px;
      text-decoration: unset;
  }
  .social-icon li {
      display: inline-block;
      margin-left: 10px;
  }
  .section.baner-sec {
      /*background: url(/images/mt-1600-content-bg01.jpg);*/
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      height: 860px;
      display: grid;
      align-items: center;
  }
  .card-image {
      width: 100%;
  }
  .site-btn {
      text-align: center;
      padding: 30px 0px 0px;
  }
  .swiper-navBtn {
      color: #fff !important;
      background: #a349a4;
      font-weight: 600;
  }
  .section-4 p.text-5 {
      text-align: center;
  }
  .blog-box {
      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 2px;
      background-color: #FFF;
      border-radius: 10px;
    overflow: hidden;
  }
  .blog-content {
      //text-align: center;
      //padding: 20px 22px;
  }
  .blog-content h1, .blog-content p {
    text-align: left !important;
  }
  
  a.btn-2 {
      font-family: 'Lato', sans-serif;
      font-weight: 400;
      color: #ffffff !important;
      background: #a349a4;
      font-size: 17px;
      padding: 14px 65px;
      text-align: center;
      border: 1px solid;
      border-radius: 60px;
      letter-spacing: 0px;
      text-decoration: unset !important;
      display: inline-block;
      margin-top: 15px;
      //margin-bottom: 15px;
  }
  .blog-image {
    /*overflow: hidden;*/
    height: 260px;
    font-size: 14px;
  }
  
  .blog-image span {
    white-space: nowrap;
  }
  .blog-image img {
      //border-radius: 10px 10px 0px 0px;
  }
  .active a.link-item {
      color: #a349a4;
  }
  .section.community-sec {
      padding-top: 70px;
  }
  .stories-sec{
      padding: 70px 0px;
  }
  .section.login-sec {
      padding: 70px;
      /*background: #f5f5f5;*/
  }
  .login-form button {
      background: #a349a4;
      color: #fff;
      width: 100%;
      font-size: 23px;
      font-weight: 600;
      padding: 8px;
      border-radius: 50px;
      font-family: 'Poppins', sans-serif;
  }
  .input-field label {
      font-size: 15px;
      margin-bottom: 9px;
  }
  .login-box h2.heading-1 {
      font-size: 60px;
      text-align: center;
      color: #000;
  }
  .message label{
  color: red;
  }
  .input-field input, .input-field select {
      width: 100%;
      color: #000 !important;
      font-family: 'Poppins', sans-serif;
      border-radius: 4px;
      padding: 10px 20px !important;
  }
  
  select.form-control {
    border: 1px solid #a349a4;
  }
  
  .site-btn span.psw {
      color: #000;
      font-size: 20px;
  }
  .site-btn .psw a {
      color: #000;
      font-weight: 700;
  }
  .section.contact-sec {
      padding-top: 70px;
  }
  .input-field textarea {
      width: 100%;
      border: 1px solid #a349a4;
      color: #000;
      outline: unset;
      border-radius: 4px;
      padding: 10px;
  }
  /*=====================================================*/
  .row-sec {
      display: flex;
  }
  .lef-sec {
      width: 20%;
      background: #fff;
      border-right: 1px solid #ccc;
      height: 80vh;
  }
  .right-sec {
      width: 80%;
      background: #f0f2f4;
  }
  .dashbord-header {
      padding: 20px;
      background: #a349a4;
  }
  .user-detail {
      display: flex;
      align-items: center;
  }
  .user-image img {
      width: 100%;
      border-radius: 50%;
  }
  .user-detail .user-image {
      width: 33%;
  }
  .d-header {
      display: flex;
      align-items: center;
  }
  .d-header .user-left-wrapper {
      width: 50%;
  }
  .right-sec-wrapper {
      width: 50%;
  }
  .user-name p {
      margin: 0;
      color: #fff;
      font-size: 22px;
      font-family: 'Lato', sans-serif;
      font-weight: 600;
  }
  .icon-box-sec ul {
      margin: 0;
      padding: 0;
      text-align: right;
  }
  .icon-box-sec li {
      list-style: none;
      display: inline-block;
      padding: 0px 10px;
  }
  .icon-box-sec li:last-child {
      padding-right: 0;
  }
  .icon-box-sec a {
      color: #fff;
      font-size: 25px;
  }
  
  .tab-content h1 {
      font-size: 30px;
      font-weight: 600;
  }
  .tab-content p {
      text-align: center;
      font-size: 17px;
  }
  .tab-content {
      padding: 30px 15px;
  }
  .meassage-icon p {
      font-size: 100px;
  }
  /*=====================================================*/
  
  /*end*/
  
  /*5/8/2023 css start*/
  
  .section.profile-baner-sec {
      padding: 70px 0px;
  }
  .inforamtion h3 {
      color: #000;
      font-size: 30px;
      font-weight: 600;
      margin-right: 10px; 
  }
  
  .inforamtion {
    display: flex;
    align-items: center; 
  }

  .star-icon {
      margin-bottom: 20px;
  }
  .star-icon i {
      color: #fea41c;
      font-size: 27px;
  }
  .descprtion p {
      font-size: 20px;
      color: #000;
      line-height: 34px;
  }
  .info-box {
      // padding: 30px 0px;
      border: 1px solid #dedede;
      border-radius: 4px;
      margin-bottom: 30px;
  }
  .profile-text {
      // padding-bottom: 15px;
      // margin-bottom: 15px;
      border-bottom: 1px solid #dedede;
      // padding-left: 15px;
      // padding-right: 15px;
      padding: 15px;
  }
  
  .profile-text span.text-left {
    font-weight: 600;
  }
  
  .profile-text:last-child {
      border: 0;
      margin: 0;
  }
  
  .profile-text span:not(span.text-left) {
      color: #a349a4;
  }
  .profile-text span.text-right {
      float: right;
      color: #a349a4 !important;
  }
  .profile-sec {
      padding-bottom: 70px;
  }
  .site-button .site-btn {
      background: #a349a4;
      display: inline-block;
      padding: 12px 28px;
      color: #fff;
      text-decoration: unset;
      font-size: 16px;
      border-radius: 25px;
  }
  .profile-bottom-sec {
      margin-top: 20px;
  }
  
  
  .close {
    font-size: 1.5rem;
  }
  
  
  .light-img img:hover {
    opacity: 1;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  .light-img * {
      width: 100%;
  }
  .light-img {
      margin-bottom: 20px;
  }
  .light-box {
      padding-right: 40px;
  }
  button.close.text-right.p-2 {
      text-align: right;
      color: #000;
      font-size: 36px;
      position: absolute;
      z-index: 999;
      right: 0;
  }
  .english {
      background: #a349a4;
      width: 100%;
      padding: 8px 15px;
      color: #fff;
      font-size: 18px;
      font-weight: 600;
  }
  .Spanish {
      background: #a349a4;
      width: 85%;
      padding: 8px 15px;
      color: #fff;
      font-size: 18px;
      font-weight: 600;
  }
  .French {
      background: #a349a4;
      width: 80%;
      padding: 8px 15px;
      color: #fff;
      font-size: 18px;
      font-weight: 600;
  }
  .prsent {
      color: #000;
      font-size: 18px;
      font-weight: 600;
  }
  .light-box {
      padding-right: 34px;
  }
  .language-field {
      margin-bottom: 15px;
  }
  .favourite-sec {
      padding-bottom: 70px;
  }
  .heart-icon {
      position: relative;
  }
  .heart-icon p.hearticon {
      position: absolute;
      right: -7px;
      top: -24px;
      font-size: 30px;
      cursor: pointer;
      z-index: 999;
  }
  p.hearticon:hover {
      color: red;
  }
  .items{
    width:100%;
    margin:0px auto;
    
  }
  .slick-slide{
    margin:10px;
  }
  .slick-slide img{
    /*width:100%;*/
    border: 0px solid #fff;
  }
  .box-inner {
      padding: 30px;
      font-family: 'Poppins', sans-serif !important;
  }
  .padding-top {
      padding-top: 70px;
  }
  .about-header {
      height: 450px;
      display: grid;
      align-items: center;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
  }
  .why-choose-sec {
      padding: 70px 0px;
      margin: 0;
  }
  section.area-sec {
      margin-top: 70px;
      padding: 50px 0px;
      background: #f1f7fe;
  }
  .section__header.style-2 {
      text-align: center;
  }
  .meet__content {
      bottom: 30px;
      left: 30px;
      z-index: 1;
  }
  .meet__content {
      position: absolute;
  }
  .meet__inner {
      position: relative;
  }
  .meet__content h4 {
      color: #fff;
      font-size: 30px;
  }
  .meet__thumb img {
      width: 100%;
          -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
  }
  .meet__thumb {
      overflow: hidden;
  }
  .meet__inner:hover .meet__thumb img {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2);
  }
  .questions-sec {
      padding: 70px 0px 20px;
  }
  .inner-part {
      text-align: center;
  }
  .inner-part img + p {
    display: inline;
  }
  .preview-wrap {
    text-align: justify;
  }
  .pre-icons i {  
      font-size: 30px;
      color: #a349a4;
      margin-right: 10px;
  }
  /*==================5/9/2023===============*/
  .all-content h2 {
      margin: 0;
  }
  .all-content .tab-content {
      padding: 30px 0px;
  }
  .all-content {
      margin-top: 40px;
  }
  .profile-list .tab-content p {
      text-align: left;
      font-size: 17px;
  }
  .profile-list {
      border-bottom: 1px solid #dedede;
  }
  .profile-content .profile-text span {
      color: #000;
      font-size: 18px;
      display:inline;
  }
  .profile-name {
      margin-left: 20px;
  }
  .profile-name h4 {
      margin: 0;
  }
  .profile-name p.publish-text {
      margin: 0;
      color: #393939;
      opacity: 50%;
      margin-top: 2px;
      font-size: 18px;
  }
  .profile-detail {
      margin-bottom: 20px;
  }
  .profile-post-img img {
      width: 100%;
  }
  .profile-post-img {
      margin-bottom: 20px;
  }
  .left-content ul.profile-list {
      border: 0;
      padding: 0;
      margin-bottom: 12px;
  }
  .profile-two-filed {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
  }
  .text-right {
      text-align: right !important;
  }
  .text-right p {
      text-align: right !important;
  }
  .profile-list li {
      list-style: none;
      display: inline-block;
      margin-right: 17px;
  }
  .profile-list i {
      color: #fa2456;
      font-size: 21px;
      padding-right: 6px;
  }
  .profile-list a {
      margin: 0;
      color: #888;
      margin-top: 2px;
      font-size: 18px;
      text-decoration: unset;
  }
  .text-right a {
      margin-bottom: 8px;
      display: inline-block;
  }
  /*.profile-bottom-text {
      padding: 0px 20px;
  }*/
  .post-box {
      border: 1px solid #dedede;
      padding: 30px;
  }
  .conect-btn a {
      background: #a349a4;
      display: inline-block;
      padding: 11px 54px;
      color: #fff;
      text-decoration: unset;
      font-size: 22px;
      border-radius: 50px;
  }
  .friend-item .profile-two-filed {
      align-items: center;
  }
  .friend-item {
      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
      padding: 40px;
      margin-bottom: 20px;
  }
  .friend-item .profile-detail {
      margin-bottom: 0px;
  }
  .stories-image img {
      width: 100%;
      border-radius: 10px !important;
  }
  .stories-slider .swiper-navBtn {
      color: #fff !important;
      background: transparent;
      font-weight: 900;
      top: 37%;
      opacity: 0;
  }
  .info i {
      color: #fff;
  }
  .swiper-button-disabled {
      opacity: 0 !important;
  }
  .slide-stories:hover .swiper-navBtn {
      opacity: unset;
  }
  .stories-slider .slide-container {
      max-width: 450px;
      width: 100%;
      padding: 30px 0px 60px;
  }
  .stories-slider .swiper-pagination-bullet {
      width: 55px !important;
      opacity: unset;
      background: #505965;
      border-radius: 2px;
      height: 5px;
      transform: unset !important;
      left: 0 !important;
      right: 0 !important;
  }
  .slide-stories .swiper-pagination {
      top: 39px;
      width: 100% !important;
      height: 6px;
  }
  .stories-slider .swiper-pagination-bullet-active-main {
      background: #fff !important;
  }
  .stories-slider .image-content {
      padding: 0;
  }
  .stories-slider .card-content {
      padding: 0;
  }
  /*==================5/9/2023 end===============*/
  /*end*/
  .name-age h2 {
      color: #fff !important;
      font-size: 36px;
  }
  .about-text p {
      color: #fff;
      margin-bottom: 10px;
      font-size: 18px;
  }
  .personal {
      padding: 15px;
      width: 100%;
      background: linear-gradient(180deg,
        rgb(0 0 0 / 0%) 0%,
        rgb(0 0 0 / 68%) 24%);
      border-radius: 10px;
      position: absolute;
      bottom: 0;
  }
  
  .name-age {
    display: flex;
    align-items: baseline;
    margin-bottom: 6px;
  }
  
  .name {
    font-size: 2rem;
    font-weight: 500;
  }
  .data {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .about {
    display: flex;
  }
  
  .about-icon,
  .about-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
  
  .about-icon {
    align-items: center;
  }
  
  .about-text {
    align-items: flex-start;
    margin-left: 6px;
  }
  
  .about-icon i,
  .about-text p {
    padding: 4px 0;
  }
  
  /* Actions */
  .commands {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 100px;
  }
  
  .command {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    font-size: 2rem;
    box-shadow: 0 2px 6px 0 rgba(112, 125, 134, 0.14);
    transition: 500ms ease;
    cursor: pointer;
  }
  
  .command i {
    transition: 500ms ease;
  }
  
  .commands .command:nth-child(2n + 1) {
    height: 48px;
    width: 48px;
    font-size: 1.5rem;
  }
  
  .command:hover {
    transform: scale(1.1);
    color: #fff;
    box-shadow: 0 2px 6px 0 rgba(112, 125, 134, 0.33);
  }
  
  .command:hover i {
    transform: scale(1.15);
  }
  
  /* icon size and colors */
  .fa-circle-user,
  .fa-comment-dots {
    color: #dadfe6;
    font-size: 1.5rem;
  }
  
  .fa-fire-flame-curved {
    color: #fe466d;
    font-size: 1.7rem;
  }
  
  .fa-circle-info {
    cursor: pointer;
    transition: 500ms ease;
  }
  
  .fa-circle-info:hover {
    transform: scale(1.1);
    color: #fff;
  }
  
  .fa-arrow-rotate-left {
    color: #f7e707;
  }
  
  .fa-close {
    color: #fd5068;
  }
  
  .fa-star {
    color: #2db1ff;
  }
  
  .fa-heart {
    color: #b76cec;
  }
  
  .fa-bolt {
    color: #e211e2;
  }
  .hearticon i.fa.fa-heart {
      color: red;
  }
  .date-form .inner-part {
      padding-bottom: 25px;
  }
  
  
  /*16/05/2023 css start*/
  
  .list-menu-wrapper {
      background-color: #ffffff;
      box-shadow: 0 -12px 46px 12px rgba(182, 14, 14, 0.0509803922);
      padding: 30px;
  }
  section.dashbord-section {
      padding: 70px 0px;
  }
  .list-menu li {
      list-style: none;
      margin-bottom: 20px;
  }
  ul.list-menu {
      padding: 0;
  }
  .list-menu li:last-child {
      margin: 0;
  }
  .list-menu a {
      text-decoration: unset;
      color: #000;
      font-size: 18px;
      display: inline-block;
      width: 100%;
  }
  .list-menu a.active {
      color: #a349a4;
  }
  .list-menu a:hover {
      color: #a349a4;
  }
  span.list-menu-icon {
      background: #fff;
      width: 50px;
      text-align: center;
      height: 50px;
      display: inline-block;
      padding: 14px;
      border-radius: 50px;
      box-shadow: 0 20px 46px 12px rgba(182, 14, 14, 0.0509803922);
      margin-right: 15px;
      transition: all 0.5s;
  }
  .active span.list-menu-icon {
      color: #fff;
      background: #a348a3;
  }
  #profile-form .form-control {
      border-radius: 4px !important;
      color: #000;
      font-size: 17px !important;
  }
  .profile-items {
      background-color: #ffffff;
      box-shadow: 0 -12px 46px 12px rgba(182, 14, 14, 0.0509803922);
      padding: 25px 30px 30px;
      margin-bottom: 20px;
  }
  .top-text {
      margin-bottom: 30px;
  }
  .two-input-item {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
  }
  #profile-form textarea.form-control {
      height: auto;
  }
  .save-btn {
      background: #a349a4;
      opacity: unset !important;
      color: #fff !important;
      outline: unset;
      width: 100%;
      font-size: 20px;
      border-radius: 4px;
      padding: 8px;
  }
  .form-control:focus {
      border-color: #a349a4;
      outline: 0;
      box-shadow: unset;
  }
  .form-check-input:checked {
      background-color: #a349a4;
      border-color: #a349a4;
  }
  .form-switch .form-check-input {
      width: 63px;
      /*margin-left: -2.5em;*/
      border-radius: 2em;
      transition: background-position .15s ease-in-out;
      height: 30px;
  }
  .form-check.form-switch {
      float: right;
  }
  .right {
      width: 40%;
  }
  .left {
      width: 60%;
  }
  .my-notification-box .top {
      display: flex;
      align-items: center;
      margin-bottom: 14px;
  }
  .my-notification-box .icon {
      margin-right: 13px;
      padding: 10px 14px;
      background: #a349a4;
      color: #fff;
      font-size: 20px;
      border-radius: 50px;
  }
  .top h5 {
      margin: 0;
      color: #000;
      font-size: 20px;
  }
  .my-notification-box {
      margin-bottom: 20px;
      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
      border-radius: 4px;
      padding: 20px;
  }
  .ignore-btn a {
      background: #000;
      font-size: 18px;
      padding: 11px 54px;
  }
  .friend-request a {
      font-size: 18px;
  }
  
  /*photo upload css */
  .imagePreview {
      width: 100%;
      height: 180px;
      background-position: center center;
    background:url();
    background-color:#fff;
      background-size: cover;
    background-repeat:no-repeat;
      display: inline-block;
    box-shadow:0px -3px 6px 2px rgba(0,0,0,0.2);
  }
  .btn-primary {
      display: block;
      border-radius: 0px;
      box-shadow: 0px 4px 6px 2px rgba(0,0,0,0.2);
      margin-top: -5px;
      background: #a348a0;
      border: 0;
      font-size: 20px;
  }
  .imgUp
  {
    margin-bottom:15px;
  }
  .del {
      position: absolute;
      top: 0px;
      right: 12px;
      width: 30px;
      height: 30px;
      text-align: center;
      background-color: #a348a0;
      cursor: pointer;
      padding: 5px;
      border-radius: 50px;
      color: #fff;
      font-size: 21px;
  }
  .imgAdd {
      width: 100%;
      background-color: transparent;
      color: #000;
      text-align: center;
      line-height: 30px;
      margin-top: 0px;
      cursor: pointer;
      font-size: 17px;
      padding: 10px;
      border: 1px solid #a349a4;
      border-radius: 4px;
  }
  .input-field .imagePreview {
      display: none;
  }
  input.uploadFile.img {
      opacity: 0;
  }
  .photo-upload .row {
      width: 100%;
      margin: 0;
  }
  .btn:hover {
      color: var(--bs-btn-hover-color);
      background-color: #a348a0;
      border-color: #a348a0;
    border-radius :50px;
    transition: ease-in all 0.6s;
  }
  .send-btn:hover {
      color: white;
      background-color: #a348a0;
      border-color: #a348a0;
    border-radius :50px;
    transition: ease-in all 0.5s;
  }
  .imgUp {
      position: relative;
  }
  /*end*/
  
  /*16/05/2023 css end*/
  
  
  /*5/24/2023 css start*/
  
  button.submit-btn.serach-btn {
      border-radius: 4px;
  }
  .search-form h2.heading-1 {
      color: #000;
  }
  .search-box p {
      color: #000;
      text-align: center;
  }
  .search-form .search-box p {
      color: #000;
  }
  .search-form label {
      color: #fff;
  }
  .search-form .search-form label {
      color: #000;
  }
  .search-form label {
      color: #000;
      font-size: 16px;
      margin-bottom: 4px;
      font-weight: 600;
  }
  .search-form .input-field {
      margin-bottom: 10px !important;
  }
  
  button.submit-btn.serach-btn {
      background: #a349a4;
      opacity: unset;
      color: #fff;
  }
  section.seach-baner {
      padding: 70px 0px;
      background-repeat: no-repeat !important;
      background-size: cover !important;
      background-position: center !important;
  }
  .search-baner-img {
      text-align: center;
  }
  .sign-up label {
      color: #000;
  }
  /*.search-box.signup-form {
      width: 70%;
      margin: 0 auto;
  }*/
  
  .search-box.signup-form {
      //position: relative;
  }
  .signup-form .site-logo {
      width: 15%;
      margin: 0 auto;
      position: absolute;
      left: 0;
      right: 0;
      top: -68px;
  }
  .signup-form .content-box {
      text-align: center;
      margin-top: 25px;
  }
  input.custom-filed {
      width: 100%;
      padding: 9px !important;
      border: 1px solid #dedede;
      border-radius: 4px;
      color: #000;
      /* font-family: 'Playfair Display', serif; */
      line-height: 1.6;
  }
  .three-input-field {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 6px;
  }
  .sign-up .two-field-item {
      gap: 30px;
  }
  .sign-up .input-field {
      margin-bottom: 24px !important;
  }
  input#flexCheckDefault {
      width: auto;
  }
  .form-checkd .form-check-input:checked {
      background-color: #0d6efd !important;
      border-color: #0d6efd !important;
  }
  .input-field input {
      /*border: 1px solid #a349a4 !important;*/
  }
  /*.commission-content {
      box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  }*/
  .table thead {
      background: #e49fff;
      color: #fff;
  }
  .table>:not(caption)>*>* {
      padding: 14px 20px !important;
      background-color: var(--bs-table-bg);
      border-bottom-width: 1px;
      box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
  }
  tr {
      border: 1px solid #dedede;
  }
  td {
      border: 1px solid #dedede;
  }
  .table-responsive td.name {
      font-size: 17px !important;
      font-weight: 600;
  }
  td.price {
      font-size: 18px;
      font-weight: 600;
      color: #a349a4 !important;
  }
  .profile-user-img img {
      width: 100%;
      height: 100%;
      object-fit: contain;
  }
  .input-field textarea {
      width: 100%;
      padding: 9px;
      font-family: 'Poppins', sans-serif;
  }
  .create-profile .select-item {
      border: 1px solid #000;
  }
  /*end*/
  .search-form input.custom-filed {
      border: 0;
  }
  /*.search-form select.select-item {
      border: 0 !important;
  }*/
  .form-button button.form-button {
      width: auto;
      opacity: unset;
      padding: 9px 50px;
  }
  .form-button {
      text-align: center;
  }
  a.login-link-text {
      width: 100%;
      display: inline-block;
      margin-top: 20px;
      font-size: 20px;
      color: #000;
  }
  
  label.form-check-label {
      position: relative;
      top: 6px;
  }
  .intl-tel-input.allow-dropdown {
      width: 100%;
  }
  .intl-tel-input input#number {
      padding-left: 52px !important;
  }
  .flag-container {
      padding: 0 !important;
  }
  .selected-flag {
      /*background: #ccc;*/
      /*border-radius: 6px 0 0 6px;*/
      border-right: 1px solid #ccc;
  }
  .form-check-label a {
      color: #fff;
  }
  .form-check-label a {
      color: #000;
      font-weight: 600;
  }
  .step-form button {
      background: #a349a4 !important;
      padding: 19px 20px !important;
      font-size: 21px !important;
      color: #fff !important;
      width: auto !important;
      margin: 0 !important;
  }
  .step-form-section .step-form.create-profile {
      width: 65%;
      margin: 0 auto;
      padding: 30px;
      border-radius: 10px;
  /*    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;*/
  }
  .step-form-section.dating-form {
      margin-bottom: 90px;
  }
  .sign-up input.custom-filed {
      border: 1px solid #a349a4 !important;
      outline: unset;
  }
  .sign-up .input-field .select-item {
      padding: 13px;
      border: 1px solid #a349a4 !important;
      outline: unset;
  }
  .signup-form h2.heading-1 {
      color: #000;
  }
  
  
  /*5/29/2023 css start*/
  
  input.date-custom-filed {
     /* padding: 11px 12px !important;*/
      margin-right: 10px;
      border: 1px solid;
      text-transform: uppercase;
      outline: unset;
  }
  .search-box.signup-form {
      background: #fff;
  }
  .sign-up .form-checkd label {
      color: #000;
      font-weight: 400;
  }
  .sign-up button {
      background: #a349a4;
      color: #fff;
  }
  .radio-select-item {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
  }
  
  .radio-button:checked+label {
      background: #a349a4;
      left: 0;
      /*padding: 10px 20px !important;*/
      color: #fff;
      border-radius: 50px;
      cursor: pointer;
  }
  .radio-select-item .radio-button, .check-button {
      width: 100%;
      position: absolute;
      opacity: 0;
      height: 100%;
      cursor: pointer;
  }
  .radio-select-item .input-field {
      margin-bottom: 0px !important;
      display: inline-block;
  }
  .radio-select-item label {
      padding: 10px 0px;
      cursor: pointer;
    display: block;
  }
  .radio-select-item label {
      text-align: center;
      color: #000;
      border-radius: 50px;
      border: 1px solid #a744a1;
  }
  /*end*/
  
  /*5/31/2023 css start*/
  .section.header-item {
      background: #202548;
  }
  .form-checkd input#flexCheckDefault {
      padding: 14px  14px !important;
      margin-right: 10px;
  }
  /*end*/
  
  
  /*06/05/2023 css strat*/
  .detail {
      position: relative;
  }
  .detail p:first-child {
      line-height: 19px;
      position: absolute;
      right: 0;
  }
  #frame #sidepanel #contacts ul li.contact .wrap .meta .name {
      font-size: 18px;
  }
  .blog-content a {
      text-decoration: unset;
  }
  .image-box img.image-0 {
      margin-bottom: 18px;
      border-radius: 5px 5px 0px 0px;
  }
  .image-box {
      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
      padding-bottom: 10px;
      border-radius: 5px;
  }
  .baner-img img {
      width: 100%;
      padding-left: 70px;
  }
  section.baner-sec {
      background: #a349a430;
      padding: 50px 0;
  }
  section.about-sec {
      padding-top: 70px;
  }
  .content-wrapper h3 {
      font-family: 'Playfair Display', serif;
      font-size: 45px;
      font-weight: 600;
  }
  .content-wrapper p {
      font-size: 18px;
      color: #000;
  }
  .content-wrapper a.center-btn {
      margin-top: 29px;
  }
  section.work-sec {
      margin-top: 30px;
  }
  .sec-bg-img {
      padding: 40px 0px;
  }
  .top-content {
      text-align: center;
      margin-bottom: 40px;
  }
  .top-content h3 {
      font-size: 25px;
      font-weight: 500;
  }
  .image-box-content-wrapper {
      text-align: center;
      padding: 30px;
      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
      border-radius: 6px;
  }
  .image-wrapper {
      margin-bottom: 20px;
  }
  .image-box-content h2 {
      font-size: 25px;
      color: #a349a4;
  }
  .section-space {
      padding: 30px 0px 70px;
  }
  /*end*/
  
  .default-image-size {
      /*height: 160px;*/
      width: 180px;
      border-radius: 50%;
      aspect-ratio: 1/1;
  }
  
  @media(max-width: 1024px){
      .site-logo {
          width: 15%;
      }
      .section.baner-sec {
          height: 490px;
      }
      .main-box {
          width: auto;
          margin-left: 0;
          padding: 0px 20px;
      }
      h1.main-heading {
          font-size: 25px;
      }
      img.bannr {
          width: 100%;
          margin-top: 31px;
          margin-left: 0;
      }
      h1.text-align {
          font-size: 45px;
      }
      .section-6 {
          padding: 49px 15px;
          margin-top: 3%;
          height: auto;
      }
      .footer-section {
          height: auto;
      }
      img.footer-image {
          width: 100%;
          margin-top: 3%;
      }
      .bordr {
          height: auto;
          border-bottom: 0;
          margin-bottom: 30px;
          text-align: center;
      }
      ul.social-icon {
          margin: 0;
          text-align: center;
          padding: 0;
      }
      .flex-box {
          margin-top: 25px;
      }
      .section-5 {
          margin-top: 12%;
      }
      form.form-inline.search-form {
          display: none;
      }
     .nav-bar-sec .navbar-collapse ul.navbar-nav {
      }
      .navbar-nav li.nav-item {
      }
      iframe.irfm {
          width: 100%;
          height: 204px;
      }
      h1.text-4 {
          font-size: 45px;
      }
        .about-header {
          height: 300px;
      }
      .why-choose-sec {
          padding: 50px 0px;
          margin: 0;
      }
      .about__item.text-center {
          margin-bottom: 20px;
      }
      h1.slider-21 {
          font-size: 45px;
      }
      .image-box img.image-0 {
          margin-bottom: 20px;
      }
      .image-box {
          padding: 0px 0px 23px 0px;
          margin-bottom: 20px;
          box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
      }
      .section-5.mobile-tab-responsive {
          margin-top: 0;
      }
      .contact-sec .left-image {
          display: none;
      }
      .login-sec .left-image {
          /* display: none; */
      }
      .section.login-sec {
          padding: 70px 0px;
      } 
  
  }
  
  @media(max-width: 767px){
      .usrsearch {
        margin-left: 36% !important;
      }
      .site-logo {
          width: 15%;
      }
      .section.baner-sec {
          height: 490px;
      }
      .main-box {
          width: auto;
          margin-left: 0;
          padding: 0px 20px;
      }
      h1.main-heading {
          font-size: 19px;
      }
      img.bannr {
          width: 100%;
          margin-top: 31px;
          margin-left: 0;
      }
      h1.text-align {
          font-size: 45px;
      }
      .section-6 {
          padding: 49px 15px;
          margin-top: 3%;
          height: auto;
      }
      .footer-section {
          height: auto;
      }
      img.footer-image {
          width: 100%;
          margin-top: 3%;
      }
      .bordr {
          height: auto;
          border-bottom: 0;
          margin-bottom: 30px;
          text-align: center;
      }
      ul.social-icon {
          margin: 0;
          text-align: center;
          padding: 0;
      }
      .flex-box {
          margin-top: 25px;
      }
      .section-5 {
          margin-top: 12%;
      }
      form.form-inline.search-form {
          display: none;
      }
      .nav-bar-sec .navbar-collapse ul.navbar-nav {
      }
      .navbar-nav li.nav-item {
      }
      iframe.irfm {
          width: 100%;
          height: 204px;
      }
      h1.text-4 {
          font-size: 45px;
      }
      .about-header {
          height: 250px;
      }
      .why-choose-sec {
          padding: 38px 0px;
          margin: 0;
      }
      .about__item.text-center {
          margin-bottom: 20px;
      }
      h1.slider-21 {
          font-size: 45px;
      }
      h1.heading-7 {
          font-size: 45px;
      }
      .stories-sec .inner-part {
          margin-bottom: 30px;
      }
      .location-sec img.mm {
          margin: 0 !important;
      }
      .contact-sec .left-image {
          display: none;
      }
      .login-box h2.heading-1 {
          font-size: 54px;
          text-align: center;
      }
      .two-field {
          display: grid;
          grid-template-columns: repeat(1, 1fr);
          gap: 0px;
      }
      .login-sec .left-image {
          /* display: none; */
      }
      .default-btn {
          width: 70%;
      }
      .default-btn span {
          width: 100%;
      }
      .member__info--count {
          margin-bottom: 10px;
      }
      .member__info--right {
          float: unset;
      }
      .list-menu-wrapper {
          margin-bottom: 30px;
      }
      .deshbord-menu .d-header {
          display: block;
      }
      .user-detail .user-image {
          width: 20%;
      }
      .two-input-item {
          display: grid;
          grid-template-columns: repeat(1, 1fr);
          gap: 10px;
      }
      .deshbord-menu .d-header .user-left-wrapper {
          width: 100%;
      }
      .friend-item {
          padding: 14px;
      }
  
      /*signup form 13-2-24*/
      
      .section.login-sec {
          padding: 30px 0px;
      }
      .search-box {
          padding: 10px 30px;
      }
      .form-container .two-field-item {
          display: block !important;
      }
      .sign-up .input-field {
          margin-bottom: 12px !important;
      }
      input#spUserFemale , input#spUserOther{
          margin-left: 7px !important;
      }
      .form-check.form-checkd {
          display: flex;
          padding: 0 !important;
      }
      .form-checkd input#flexCheckDefault {
          padding: 8px 7px !important;
          margin: 7px 10px 0 0;
      }
      .form-button button.form-button {
          padding: 4px 47px;
          margin: 7px 0 15px 0 !important;
          font-size: 18px !important;
      }
      .search-form label {
          font-size: 13px;
      }
      .form-container .field-item {
          margin-bottom: 8px;
      }
      input.custom-filed {
          padding: 7px !important;
          line-height: 18px;
          font-size: 13px !important;
      }
      .signup-form .content-box{
          margin: 15px 0 !important;
      }
      .signup-form h2.heading-1{
          font-size: 33px !important;
          line-height: 38px;
          margin-bottom: 15px !important;
      }
      input {
          font-size: 13px;
      }
      .input-field input, .input-field select {
          padding: 8px 8px !important;
      }
      span.referal-code.text-primary {
          padding: 5px 0;
          font-size: 13px !important;
      }
      .sign-up .input-field .select-item , .form-button>span{
          font-size: 13px;
      }
      
  
  
      .profile-two-filed {
          display: block;
      }
      .text-right {
          text-align: right !important;
          display: flex;
          margin-top: 20px;
      }
      .conect-btn {
          margin-right: 10px;
      }
      .friend-request a {
          font-size: 16px;
      }
      .conect-btn a {
          padding: 11px 44px;
      }
      .ignore-btn a {
          padding: 11px 44px;
      }
  }
  
  
  
  /* ----------------------------------------------------- */
  .camera-icon{
      left: 83%;
      width:30px;
      height: 30px;
      bottom: 30px;
      display: flex;
      color: #fff;
      cursor: pointer;
      border-radius: 50%;
      align-items: center;
      justify-content: center;
      background-color: #202548;
  }
  
  .camera-icon input,
  .camera-icon i{
      cursor: pointer;
  }
  
    
  
  
  .camera-icon-bg {
      left: 97%;
      width: 30px;
      height: 30px;
      bottom: -143px;
      display: flex;
      color: #fff;
      cursor: pointer;
      border-radius: 50%;
      align-items: center;
      justify-content: center;
      background-color: #202548;
  }
  
  .camera-icon-bg input,
  .camera-icon-bg i{
      cursor: pointer;
  }
  
    
  
  .media-upload-file {
      align-items: center;
      justify-content: center;
      background-color: #202548;
  }
  
  .media-upload-file input,
  .media-upload-file i{
      cursor: pointer;
  }
  .upload-image {
      opacity: 0;
      width: 100%;
      display: inline-block;
  }
  
  .serch-user-profile {
      height: 100%;
      width: 100%;
      background-repeat: no-repeat;
  }
  
  .activity-profile-image {
      height: 56px;
      width: 56px;
      border-radius: 50%;
      object-fit: cover;
  }
  .activity-image-gallery{
      height: 400px;
      object-fit: cover;
  }
  .media-image-gallery{
      height: 400px;
      object-fit: cover;
  }
  .gallery-image-list{
      height: 251px;
      object-fit: cover;
  }
  .midea-photo-upload-list{
      height: 189px;
      object-fit: cover;
  }
  .single-profil-image{
      height: 100%;
      object-fit: cover;
  }
  
  .conect-btn{
      background: #a349a4;
      display: inline-block;
      padding: 11px 54px;
      color: #fff;
      text-decoration: unset;
      font-size: 22px;
      border-radius: 50px;
      cursor: pointer;
  }
  .conect-btn:hover {
      opacity: 0.8;
  }
  .ignore-btn{
      background: #000;
      font-size: 18px;
      padding: 11px 54px;
  }
  
  .image-like{
          color: #fa2456 !important;
          font-size: 21px !important;
          padding-right: 6px !important;
  }
  .image-unlike{
          color: #202548 !important;
          font-size: 21px !important;
          padding-right: 6px !important;
  }
  
  ====== 04-08-2023 ======
  select.form-select:focus {
     border-color: #a349a4 !important;
     outline: 0 !important;
     box-shadow: none !important;
  }
  
  .blog-in-img {
    overflow: hidden;
    aspect-ratio: 1/1;
  }
  
  .profile-name-title .custom-head {
    text-decoration: none;
    display: block; 
  }
  
  .custom-head h1 {
    font-size: 26px;
  }
  
  .pre-icons img {
    width: 40px;
  }
  
  .img-icon img {
    width: 20px;
  }
  
  .img-icon img {
    margin: 0;
  }
  
  .srch-filter {
    border: 1px solid #ced4da !important;
    padding: 10px;
    border-radius: 10px;
  }
  .srch-filter input:not(input.btn), .srch-filter select {
    border-radius: 40px!important;
  }
  
  .input-group label {
    width: 40%;
  }
  
  .srch-filter .btn {
    border: 1px solid #ced4da !important;
  }
  
  a.fav {
    position: absolute;
    top: 15px;
    right: 15px;
    text-decoration: none;
  }
  
  .result-btn .btn {
    padding: 3px 6px;
    color: white;
      background-color: #a744a1;
      border-color: #a744a1;
  }
  
  #dropdownMenuButton1 .fa-icon {
    display: inline-block;
  }
  
  .result-btn.fltr .btn {
    
    padding: 6px 12px;
  }
  
  .detail .row {
    font-size: 14px;
    border-bottom: 1px solid #dedede;
  }
  
  .jobs-education span.toggler {
      position: absolute;
      bottom: 15%;
      right: 20px;
  }
  
  .range-wrap {
    position: relative;
    margin-top: 30px;
  }
  
  input.range {;
    accent-color: #a744a1;
  }
  
  .bubble {
    font-size: 12px;
      text-align: center;
      width: 41px;
      background: #a744a1;
      color: #fff;
      padding: 4px;
      position: absolute;
      border-radius: 4px;
      left: 50%;
      top: -30px;
      transform: translateX(-50%);
  }
  .bubble::after {
      content: "";
      position: absolute;
      width: 10px;
      height: 10px;
      background: #a744a1;
      bottom: -4px;
      left: 40%;
      transform: rotate(45deg);
  }
  .range-wrap input.p-0 {
    padding: 0!important;
  }
  
  .tier-title {
    border: 1px solid #a744a1;
    border-bottom: none;
    border-right: none;
    cursor: pointer;
  }
  
  .tier-title:nth-last-child(2) {
    border-right: 1px solid #a744a1;
  }
  
  .tier-title.active {
    background-color: #ffc680;
  }
  
  .tier-title h5 {
    margin: 0;
    padding: 5px 12px;
    color: #000;
      font-weight: 600;
  }
  
  .single-tier {
    display: none;
  }
  
  .single-tier.active {
    display: block;
  }
  
  .box-width {
    padding: 20px;
    border-radius: 8px;
  }
  
  .form-select.form-select:focus {
    box-shadow: none !important;
    border-color: #a349a4;
  }
  
  a.imp-nav.imp-nav {
      font-size: 30px;
      font-weight: 600;
      color: #a744a1;
  }
  
  /* =========== Summary =========== */
  
  .ntf-count {
      border: 1px solid #a744a1;
      border-radius: 6px;
  }
  
  .ntf-cont span:first-child {
    display: block;
    font-size: 40px;
      font-weight: 600;
  }
  
  .ntf-icon {
      align-self: center;
  }
  
  .ntf-icon i {
      font-size: 55px;
      color: #a744a1;
  }
  
  /* =========== Summary =========== */
  /* =========== Account Info =========== */
  
  .info-field.input-field * {
    margin: 0;
    /*margin-right: 20px;*/
  }
  
  .info-field input {
    width: 50%;
  }
  
  .info-field .btn-primary {
    border-radius: 6px;
    box-shadow: none;
  }
  
  #upd-popup {
          display: none;
          position: fixed;
          z-index: 9999;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          place-items: center;
          background-color: #0000009c;
          backdrop-filter: blur(4px);
      }
  
  .d-btn .btn {
    background-color: #bb2d3b;
    color: white;
    width: 100px;
    border: none;
  }
  
  .d-btn .btn:hover {
    background-color: #bb2d3b;
  }
  
  .d-btn .btn:first-child {
    background-color: #198754;
  }
  
  .d-btn .btn:first-child:hover {
    background-color: #198754;
  }
  
  .delete-item, .active-pro {
      /*display: none;*/
    width: 100%;
    max-width: 500px;
    background-color: white;
    border-radius: 10px;
  }
  /* =========== Account Info =========== */
  
  .site-button input[type = "text"] {
      border: 1px solid #a349a4 !important;
      border-radius: 6px;
      display: block;
      width: 100%;
  }
  
  .summary-link {
      display: block;
      text-decoration: none;
      color: #a744a1;
      border-radius: 6px;
      transition: all 0.3s;
  }
  .summary-link:hover {
      color: #a744a1;
      box-shadow: 0 2px 10px 1px rgb(0 0 0 / 20%);
      transform: translateY(-2px);
  }
  
  #profile_image {
      /*display: none;*/
  }
  
  
  /*=================================================*/
  
  .light-img .clo-btn {
      display: none;
  }
  #Media .midea-photo-upload-list {
      height: 400px;
      object-fit: contain;
  }
  .video-playBtn {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      place-items: center;
      opacity: 0;
      transition: all 0.3s;
  }
  .video-playBtn:hover {
      opacity: 1;
  }
  #Media .video-playBtn i {
      color: white;
      font-size: 50px;
      padding-right: 6px;
  }
  #Media i {
      color: black;
      font-size: 21px;
      padding-right: 6px;
  }
  .popup,
  #img-popup {
      display: none;
      position: fixed;
      z-index: 9999;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      place-items: center;
      background-color: #0000009c;
      backdrop-filter: blur(4px);
  }
  #img-popup .imgpop {
      position: relative;
      height: 100vh;
  }
  #img-popup img {
      height: 100%;
  }
  .popup.show {
      display: grid;
  }
  .popuptext {
      background-color: white;
      padding: 5px;
      color: #fff;
      text-align: center;
      border-radius: 6px;
      z-index: 1;
      bottom: 125%;
      left: 50%;
      margin-left: -80px;
  }
  
  .popup video {
      width: 100%;
  }
  .light-img .clo-btn {
      display: none;
  }
  .clo-btn:hover {
      opacity: 1;
      background-color: #f14c4c;
      color: white;
  }
  .clo-btn {
      position: absolute;
      top: 10px;
      right: 10px;
      background-color: white;
      color: black;
      height: 30px;
      width: 30px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      opacity: 0.5;
      font-size: 20px;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.3s;
      z-index: 9999;
      line-height: 0;
  }
  .vid-container {
      width: 100%;
      max-width: 50%;
  }
  .age.gender span {
      display: inline-block;
  }
  
  
  .one-input-item.form-field-wrapper {
      margin-bottom: 22px !important;
  }
  .prof-status .ac-profile {
      color: green;
  }
  .prof-status .inac-profile {
      color: red;
  }
  
  .profile-user-img a {
      display: block;
  }
  
  .profile-user-img {
      aspect-ratio: 1/1;
      border: 5px solid #8b8b8b;
  }
  
  .chatbox :is(.sentTime, .recievedTime) {
      display: block;
      font-size: 12px;
  }
  
  .sentTime {
      text-align: right;
  }
  .recievedTime {
      text-align: left;
  }
  
  .received, .sent {
      margin-bottom: .5rem!important;
  }
  
  
  
  
  .slideControls {
      width: 100%;
  }
  .slick-next, .slick-prev {
      position: absolute;
      top: 50%;
      font-size: 30px;
      color: black;
      transform: translateY(-50%);
      z-index: 999;
      width: 30px;
      height: 30px;
      background-color: #979797;
      display: grid;
      border-radius: 50%;
      color: white;
      opacity: 0.5;
      place-items: center;
  }
  .slick-next:hover, .slick-prev:hover {
      opacity: 1;
  }
  .slick-next {
      right: 10;
  }
  .slick-prev {
      left: 10;
  }
  
  .profile-wrapper-sec span.icon-item {
      float: left;
      margin-top: 0px;
      margin-right: 8px;
      font-size: 20px;
      width: 37px;
      text-align: center;
      border: 1px solid #dedede;
      height: 37px;
      border-radius: 50px;
      background: #a349a4;
      color: #fff;
      display: grid;
      place-items: center;
  }
  
  .profile-items .top-text {
      margin-bottom: 25px;
      border-bottom: 1px solid #dedede;
      padding: 0px 25px 25px;
  }
  
  .noti-pp img {
      width: 50px;
      height: 50px;
      object-fit: contain;
      border: 1px solid white;
      border-radius: 50%;
      padding: 3px;
      background-color: white;
      background-clip: content-box;
  }
  
  .noti-detaile h5 {
      font-size: 16px;
  }
  .noti-detaile p {
      font-size: 14px;
      margin: 0;
  }
  .noti-card.unread * {
      color: white !important;
  }
  .noti-card.unread {
      background-color: #a744a1;
  }
  .noti-card {
      background-color: #f3f3f3;
      padding: 10px;
      border-radius: 5px;
      place-content: center space-around;
      margin-bottom: 10px;
      margin-top: 0;
  }
  .noti-card a {
      text-decoration: none;
      font-size: 36px;
      color: #a744a1;
  }
  .icon-area span {
      font-size: 12px;
      display: block;
      position: absolute;
      top: 5px;
      right: 8px;
  }
  
  .check-button + label {
      text-align: center;
      color: #000;
      border-radius: 50px;
      border: 1px solid #a744a1;
      padding: 10px 35px;
      cursor: pointer;
  }
  
  .check-button:checked+label {
      background: #a349a4;
      color: #fff;
      /*cursor: pointer;*/
  }
  .check-select {
      display: inline-block;
  }
  
  a#update {
      display: inline-block;
      box-shadow: none;
      border-radius: 6px;
      padding: 6px 36px;
  }
  
  /*============================*/
  .subs-card {
      border: 1px solid #a744a1;
      border-radius: 12px;
      background-color: #e1e1e1;
      overflow: hidden;
  }
  
  .subs-card div:nth-child(even) {
      /*background-color: #fbfbfbab;*/
  }
  .subs-card div:nth-child(odd) {
      /*background-color: #f0eaef5e;*/
  }
  .subs-card.active {
      background-color: #ffa38b;
      border: 2px solid white;
  }
  .plan-type h5 span {
      font-size: 36px;
      font-weight: bold;
      display: block;
      color: #ab3e9e;
  }
  h5.plan-chrg span{
      position: relative;
  }
  .plan-chrg+p {
      color: #ab3e9e;
      font-size: 20px;
      margin: 0;
  }
  .total-price {
      font-weight: bold;
      /*font-size: 24px;*/
      /*color: #ab3e9e;*/
      background-color: white;
      padding: 4px;
  }
  .recommend,.purchased {
      position: absolute;
      top: -12px;
      /*background-color: #a744a1 !important;*/
      background-color: #ffffff !important;
      /*color: white;*/
      padding: 3px 10px;
      border-radius: 50px;
      font-size: 12px;
  }
  .recommend {
      left: 27px;
  }
  .purchased {
      right: 21px;
      background: #a744a1 !important;
      color: #fff;
  }
  #profile-form .input-group .form-control {
      border-radius: 0 4px 4px 0 !important;
      padding: 4px 10px !important;
  }
  
  .row.justify-content-around + .row {
      margin-top: 1rem!important;
      margin-bottom: 1rem!important;
  }
  .py-card {
      /*border: 1px solid #a744a1;*/
      background-color: #cabde5;
      border-radius: 10px;
  }
  .py-card label:not(input[type="checkbox"]+label) {
      /*display: block;*/
  }
  .py-card input:not(input[type="checkbox"]) {
      display: block;
      width: 100%;
      padding: 4px 10px !important;
      /*border: 1px solid #fff;*/
      border-radius: 6px;
  }
  .py-discount-card input:not(input[type="checkbox"]) {
      display: block;
      width: 100%;
      padding: 4px 10px !important;
      /*border: 1px solid #fff;*/
      border-radius: 6px;
  }
  
  /*============Subscription Custom==============*/
  .subs-custom {
      background-color: #ffaec8;
  }
  
  .subs-custom .icon-item+h3 {
      color: white;
  }
  
  .subs-card {
      background-color: #ffefea;
  }
  
  .subs-card.active {
      background-color: #ffa38b;
  }
  
  .plan-type h5 span {
      color: black;
  }
  
  .plan-type h5 {
      color: #666666;
  }
  
  .plan-chrg {
      width: fit-content;
      color: red;
      background-color: white;
      padding: 10px;
      margin: 0;
  }
  
  .recommend i {
      color: black;
  }
  
  .subs-custom .card-name {
      color: white;
      padding: 5px;
  }
  
  .card-name i {
      background-color: white;
      color: black;
      padding: 4px 8px;
      border-radius: 4px;
  }
  
  .subs-custom .input-field label {
      background-color: black;
      color: white;
      padding: 1px 5px;
  }
  .subs-custom .input-field .iplabel {
    background-color: #cabde5 !important;
  }
  .subs-custom .input-field i {
      position: absolute;
      bottom: 9px;
      right: 10px;
      color: black;
  }
  
  .subs-custom .input-field input {
      border: none !important;
      border-radius: 3px !important;
  }
  
  #auto-rnw {
      width: 25px;
      height: 25px;
  }
  
  .subs-custom .top-text .icon-item {
      background: #ffaec7 !important;
  }
  /*============Subscription Custom==============*/
  .credit-card-box .py-card {
     border-radius: 6px;
  }
  
  .py-card-title {
      margin-top: 0;
      margin-bottom: 0;
      font-size: 20px;
      display: inline-block;
  }
  
  .panel-heading i {
      font-size: 20px;
  }
  
  .pagination svg {
      height: 20px;
  }
  
  
  
  /*05-09-2023 css start*/
  
  .some-class.select.radio-select-item {
      margin-bottom: 18px !important;
  }
  .select-field-item .check-button:checked+label {
      background: grey;
      border: #808080;
  }
  /*end*/
  
  
  /*08-09-2023 css start*/
  span.referal-code.text-primary {
    font-size: 15px;
  }
  .three-input-item {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
  }
  td.total {
      font-weight: 700;
  }
  .otp-form .input-field {
      margin-bottom: 20px !important;
  }
  button#prevBtn {
      background: grey !important;
  }
  textarea {
      resize: none;
  }
  .edit-profile label {
      width: 100%;
  }
  .edit-profile select {
      width: auto !important;
  }
  .edit-profile input.custom-filed {
      width: auto !important;
  }
  .text-area textarea {
      resize: auto;
      min-height: 100px;
  }
  .forget-sec h2.heading-1 {
      color: #000;
      text-align: center;
  }
  .forget-sec .site-btn {
      text-align: center;
      padding: 0px 0px 0px;
  }
  .forget-sec {
      border: 1px solid #dedede;
  }
  .profile-text {
      /*display: flex;*/
      justify-content: space-between;
  }
  .profile-text span {
      word-break: break-all;
  }
  .list-item-wrapper .profile-text {
      border: 0;
  }
  .tier-title.active {
      background-color: #a744a1;
  }
  .tier-title.active h5 {
      color: #fff;
  }
  .age-text {
      width: 22%;
  }
  .age-text h3 {
      font-size: 15px;
      margin-bottom: 0 !important;
      font-weight: bold;
  }
  .title-label label {
    font-weight: bold  !important;
  }
  .align-item-center {
      align-items: center;
  }
  .three-field-item {
      grid-template-columns: repeat(3, 1fr);
      display: grid;
      gap: 12px;
  }
  .left-column {
      width: 70%;
      flex: 70%;
  }
  .right-column {
      width: 30%;
      flex: 30%;
  }
  .gap-40 {
      gap: 40px;
  }
  .align-end {
      align-items: end;
  }
  .bottom-space .right-column {
      margin-bottom: 190px;
  }
  .form-label {
      margin-bottom: 0;
  }
  /*end*/
  
  .forget-sec h2.heading-1 {
      font-weight: 700;
      font-style: normal;
      font-size: 25px;
      line-height: 1.1;
      letter-spacing: 0px;
      position: relative;
      margin-top: 0;
      font-family: 'Lato', sans-serif;
  }
  .forget-sec p {
      text-align: left;
  }
  span.text-line {
      width: 123px;
      display: inline-block;
      height: 1px;
      background: #dedede;
      position: relative;
      top: -9px;
  }
  .forget-sec p {
      text-align: left;
  }
  .forget-sec {
      border: 1px solid #dedede;
      padding: 50px 70px;
  }
  .pr-0 {
      padding-right: 0;
  }
  .pl-0 {
      padding-left: 0;
  }
  
  /*14-09-2023 css start*/
  
  .invite-bg {
      background-color: hsl(191.76deg 64.56% 84.51%);
      transition: background-color 300ms;
      width: 70%;
      margin: 0 auto;
      border-radius: 4px;
  }
  section.invite-sec {
      padding: 70px 0px;
  }
  .invite-sec .top-content {
      padding-top: 50px;
  }
  .invite-sec .top-content h2 {
      font-family: 'Poppins', sans-serif;
      font-size: 50px;
      letter-spacing: 2px;
  }
  .invite-baner-img img {
      width: 100%;
  }
  .conten-item.invite-content {
      text-align: center;
      padding: 40px 60px;
  }
  .invite-content h2 {
      font-family: 'Poppins', sans-serif;
      text-transform: uppercase;
      line-height: 50px;
  }
  .invite-content p {
      color: #666666;
      font-size: 19px;
      font-weight: 600;
      margin-bottom: 0rem;
      text-align: left;
  }
  a.invite-btn {
      background: #7500e1;
      color: #fff;
      display: inline-block;
      text-decoration: unset;
      font-size: 20px;
      font-family: 'Poppins', sans-serif;
      padding: 10px 33px;
      border-radius: 50px;
  }
  .or-text h3 {
      margin: 0;
      color: #000;
      font-size: 30px;
      font-weight: 600;
  }
  .or-text {
      margin: 20px 0px;
  }
  .invite-form input.custom-filed {
      /*border: 1px solid #000 !important;
      text-align: center;
      font-size: 25px;*/
  }
  .invite-form h4 {
      font-family: 'Poppins', sans-serif;
      font-size: 22px;
      margin-top: 10px;
  }
  input.send-btn {
      background: black;
      color: #ffff;
      border: 0;
      opacity: unset;
      font-family: 'Poppins', sans-serif;
      font-size: 25px;
      padding: 6px 20px;
      border-radius: 5px;
    transition: ease-in all 0.5s;
      margin-top: 10px;
  }
  .social-media {
      text-align: center;
      padding-bottom: 20px;
  }
  ul.social-media-item {
      padding: 0;
      display: inline-flex;
      align-items: center;
  }
  .social-media-item li {
      list-style: none;
      margin-top: 9px;
      padding: 0px 15px;
  }
  .social-media h3 {
      font-size: 25px;
      font-family: 'Roboto', cursive;
  }
  .font{
      font-family: 'Roboto', cursive;
  }
  .align-items-center {
    align-items: flex-start !important;
  }
  .form {
      background-color: #dedede;
      padding: 40px;
  }
  .conten-item.invite-content {
      text-align: center;
      padding: 40px 11px;
  }
  .invite-form input.custom-filed {
      border: none;
      text-align: ;
      font-size: 25px;
  }
  .btn-primary{
      background :#0d6efd;
      display :inline-block;
      border-radius:5px;
      padding: 13px;
      with :300px;
  }
  
  .family{
  font-family: 'Roboto', cursive;
      margin: 1.5rem;
  }
  
  .facebook a {
      color: #4267B2;
  }
  .social-media-item a {
      font-size: 60px;
  }
  .instagram a {
      background: #d6249f;
      background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }
  .linkdin a {
      color: #0077b5;
  }
  .file a {
      background: #a19da2;
      color: #fff;
      font-size: 26px;
      padding: 17px 21px;
      border-radius: 50px;
  }
  span#religion-error {
      font-size: 11px;
  }
  
  .invalid-feedback {
      display: inline-block;
      width: 100% !important;
      font-size: 11px;
  }
  .cust-pagination {
      position: relative !important;
  }
  .profile-content  p {
      word-break: break-all;
  }
  .freeAccount li {
      list-style: none;
  }
  input.btn {
      background: #a744a1 !important;
      color: #fff !important;
  }
  a.btn {
      /*background: #a744a1 !important;*/
      color: #fff !important;
    transition: ease-in all 0.5s;
  }
  span.notificationRender {
    background: #a744a1;
    width: 16px;
    display: inline-block;
    text-align: center;
    padding: 3px;
    border-radius: 33px;
    position: absolute;
    top: -5px;
    right: 0px;
    font-size: 10px;
    color: #fff;
  }
  
  
  span.notificationInboxRender {
    background: #a744a1;
    width: 16px;
    display: inline-block;
    text-align: center;
    padding: 0px;
    border-radius: 33px;
    position: absolute;
    top: -5px;
    right: 0px;
    font-size: 10px;
    color: #fff;
  }
  li.nav-item {
      position: relative;
  }
  .Profile-info label {
    font-size: 16px !important;
    font-weight: 500 !important;
}
  
  /*==========mobile footer css =================*/
  
  @media screen and (max-width: 767px) {
    .mb_footer {
      width: 50%;
    } 
    
  }
  
  @media screen and (min-width: 768px) and (max-width: 914px) {
    .mb_footer {
      width: 25%;
    } 
    .usrsearch{
    margin-left:40% !important;
    }
    
  }
  @media only screen and (width: 1024px) {
   .usrsearch{
      margin-left: 18% !important;
    }
  }
  
  
  @media screen and (max-width: 430px) {
    
    .search-form .login {
      padding: 40px 14px;
    } 
    .usrsearch{
      margin-left: 30% !important;
    }
     
    #captcha_show {
      padding-left: 14px;
    }
    .form-switch .form-check-input {
        width: 42px;
        height: 20px;
    }
    .one-input-item.form-field-wrapper {
        margin-bottom: 15px !important;
    }
    .Profile-info input#email {
        font-size: 14px !important;
        padding: 0 !important;
        line-height: 22px;
    }
    .Profile-info span>b {
        font-size: 13px !important;
    }
    .Profile-info .one-input-item.form-field-wrapper {
        margin-bottom: 10px !important;
    }
    a#update {
        padding: 6px 24px;
        font-size: 15px;
    }
    .purchased {
        right: 27px;
    }
    .subs-custom .input-field i {
        position: absolute;
        bottom: 6px;
        right: 7px;
    }
    /*update password 20-2-24*/
    form#profile-form .jobs-education.profile-items {
        padding: 15px !important;
    }
    form#profile-form .jobs-education.profile-items h3 {
        font-size: 19px !important;
        margin: 0;
    }
    form#profile-form .jobs-education.profile-items label {
        font-size: 15px !important;
    }
    form#profile-form .jobs-education.profile-items input.form-control {
        font-size: 13px !important;
    }
    form#profile-form .jobs-education.profile-items .two-input-item {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;
    }
    /*notification 20-2-24*/
    .profile-wrapper-sec>.row>.Profile-info {
        padding: 0 !important;
    }
    .profile-wrapper-sec>.row>.Profile-info .profile-sec-item.profile-items .top-text>h3{
        padding: 0 !important;
        font-size: 19px !important;
    }
    .profile-wrapper-sec>.row>.Profile-info form#profile-form .profile-items .top-text{
        padding: 0 10px !important;
    }
    .profile-wrapper-sec span.icon-item{
        height: 32px !important;
    }
    .top h5 {
        font-size: 17px;
    }
    .my-notification-box .left span{
        font-size: 15px !important;
    }
    .my-notification-box{
        padding: 15px !important;
    }
    /*invite 20-2-24*/
    div>.font>h3.family {
        margin: 10px !important;
    }
    .conten-item.invite-content {
        padding: 25px 11px !important;
    }
    .conten-item.invite-content .col-md-7 h4 {
        font-size: 20px !important;
    }
    .invite-content p {
        font-size: 14px;
        margin-bottom: 5px !important;
    }
    .btn-primary{
        font-size: 15px !important;
        padding: 7px !important;
    }
    input.send-btn{
    font-size: 18px !important;
    padding: 3px 16px !important;
    }
    .or-text h3{
        font-size: 25px;
    }
    .social-media-item a {
        font-size: 37px !important;
    }
    .social-media h3 {
        font-size: 20px;
    }
    .file a {
        font-size: 24px !important;
        padding: 6px 10px;
    }
    /*My Preferences 20-2-24*/
    .some-class.select.radio-select-item {
        margin-bottom: 18px !important;
        padding: 0 10px;
    }
    .radio-select-item , .d-flex.align-item-center .three-field-item{
        display: grid;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px;
    }
   
    .three-field-item {
        grid-template-columns: repeat(1, 1fr) !important;
        display: grid;
        gap: 0px;
    }
    .age-text {
        width: 50%;
    }
    .title-label label, .title-label h3 , .age-text h3 {
        font-size: 15px !important;
        margin-bottom: 6px !important;
    }
    .one-field-item , .one-field, .bottom-space .right-column {
        padding: 0 10px;
    }
    button#nextBtn {
        width: 41%;
        padding: 10px 0;
        min-width: 145px;
        line-height: 20px;
        margin: 0 !important;
    }
    section.profile-item-wraper {
        padding-bottom: 10px;
    }
    .gap-40 {
        gap: 5px !important;
    }
    .three-field-item .input-field {
        margin-bottom: 7px !important;
    }
    /*My commission 20-2-24*/
    .table-responsive td.name , td.date {
        font-size: 15px !important;
    }
    .tier-title h5 {
        font-weight: 500;
        font-size: 18px !important;
    }

    /*setting 20-2-24*/
    form#profile-form.subs-form .profile-sec-item.profile-items.subs-custom .top-text>h3 {
        font-size: 22px;
        padding: 0 !important;
        margin: 0;
    }
    form#profile-form.subs-form .profile-sec-item.profile-items.subs-custom {
        padding: 15px 15px !important;
    }
    form#profile-form.subs-form  .freeAccount , form#profile-form.subs-form  .content{
        padding: 15px 0 !important;
    }

    form#profile-form.subs-form .row.justify-content-between.freeAccount ul{
        margin: 0 !important;
    }
    form#profile-form.subs-form .col-6.text-end{
        display: flex;
    }
    form#profile-form.subs-form .col-6.text-end img {
        width: 20% !important;
        height: 25px !important;
        object-fit: contain;
        margin: 0 0 0 4px;
    }
    form#profile-form.subs-form span.card-name label.form-label {
        font-size: 12px !important;
    }
    form#profile-form.subs-form .card-name i {
        font-size: 10px;
        height: 18px;
    }
    form#profile-form.subs-form .subs-custom .card-name{
        display: flex;
    }
    form#profile-form.subs-form .input-field label , form#profile-form.subs-form label.form-label{
        font-size: 13px !important;
    }
    form#profile-form.subs-form  #auto-rnw {
        width: 20px;
        height: 17px;
    }
    
  }
  .usrsearch{
  margin-left:23%;
  }

  
/* New conntent CSS  */

.founding-phase {
    /* padding: 80px 20px; */
    /* background: linear-gradient(135deg, #531368 0%, #7b2cbf 50%, #c9184a 100%); */
    /* background:  #531368; */
    background:  #fff;
    color: #531368;
    text-align: center;
}

.founding-container {
    max-width: 1000px;
    margin: auto;
}

.founding-phase h2 {
    font-size: 36px;
    margin-bottom: 20px;
    font-weight: 700;
}

.founding-subtitle {
    font-size: 18px;
    /* margin-bottom: 50px; */
    opacity: 0.95;
}

.rewards-grid {
    display: flex;
    gap: 30px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.reward-card {
    /* background: rgba(255, 255, 255, 0.1); */
    /* background: #531368; */
    padding: 30px;
    border-radius: 15px;
    width: 280px;
    backdrop-filter: blur(10px);
    transition: 0.3s ease;
    color: #531368;
    border: 1px solid #ccc;
}

.reward-card:hover {
    /* transform: translateY(-2px); */
    /* background: rgba(255, 255, 255, 0.2); */
    /* background: #531368; */
    color: #531368;
}

.reward-card h3 {
    margin-bottom: 15px;
    font-size: 20px;
}

.reward-card p {
    font-size: 16px;
}

.reward-card.highlight {
    background: #fff;
    color: #c9184a;
    font-weight: bold;
}

.founding-footer {
    /* margin-top: 40px; */
    font-size: 16px;
    opacity: 0.9;
}

/* Mobile view */
@media (max-width: 768px) {
    .baner-img img {
        padding-left: 0;
    }
    .row > * {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
   .search-box {
          padding: 0 !important;;
   } 
   button.inviteBtn {
        line-height: 1.8;      /* adds more space between lines */
        letter-spacing: 0.5px; /* slightly increases spacing between letters */
   }
   .slide-content {
    margin : 0 !important;
   }
}
  
  /*end*/