@charset "UTF-8";
/*$bgcolor: #ECF0F2;
$white: #FFFFFF;
$light_blue: #526FB4;
$lighten_blue:#1B3950;
$light_brown:#3B3B3B;
$light_blue1:#536D78;
$blue:#4065D1;
$gray:#718F9C;
$light_gray:#607D8B;
$lighten_white:#DFDFDF;
$light_brown2:#4D4D4D;
$light-brown3:#D6DDED;
$color1: #f4f4f4;
$color2: #007ABE;*/

  .upcoming-events-container .image-section {
    overflow: hidden; }
    .upcoming-events-container .image-section .imageicon {
      border-top: none;
      background-color: #ffffff;
      box-shadow: inset 0 0 0 1000px rgba(20, 20, 20, 0.15);
      padding: 0;
      transition: all 0.3s ease-in;
      clip-path: polygon(20% 45%,0 0,80% 0px, 100% 45%,80% 100%,0% 100%);
    }
    .upcoming-events-container .image-section .mid-div {
      background-color: #ffffff;
      position: relative;
      overflow: hidden; }
    .upcoming-events-container .image-section .row-threebox {
      width: 110%; }
    .upcoming-events-container .image-section .imgleft {
      /* background-image: url("../images/landing_images/attend.svg"); */
      background-color: #afebff;
      /* background-size: cover;
      background-position: 50% 100%; */
      /* -webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%); */
      /* clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%); */
    }
    .upcoming-events-container .image-section .imgmidleft {
      /* background-image: url("../images/landing_images/exibit2.svg"); */
      background-color: #54ffff;
      /* background-size: cover;
      background-position: 40% 90%; */
      left: -3.5%;
      /* -webkit-clip-path: polygon(20% 0, 100% 0, 80% 100%, 0 100%); */
      /* clip-path: polygon(20% 0, 100% 0, 80% 100%, 0 100%); */
    }
      .upcoming-events-container .image-section .imgmidright {
        /* background-image: url("../images/landing_images/exibit2.svg"); */
        background-color: #5dd1ff;
        /* background-size: cover;
        background-position: 40% 90%; */
        left: -6.5%;
        /* -webkit-clip-path: polygon(20% 0, 100% 0, 80% 100%, 0 100%); */
        /* clip-path: polygon(20% 0, 100% 0, 80% 100%, 0 100%); */
      }
    .upcoming-events-container .image-section .imgright {
      /* background-image: url("../images/landing_images/connect.svg"); */
      background-color: #3256bf;
      /* background-size: cover;
      background-position: 50% 50%; */
      left: -10%;
      /* -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%); */
      /* clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%); */
    }
    .upcoming-events-container .image-section .threebox-text {
      z-index: 100;
      position: absolute;
      width: 100vw;
      left: 2vw;
      color: #ffffff; }
    .upcoming-events-container .image-section .tb-crop {
      overflow: hidden;
      width: 100%; }
    .upcoming-events-container .image-section .threebox-descr {
      color: #fff;
      padding: 0vw 0;
      flex-direction: column;
      left: 25%;
      top: 0px; }
      .upcoming-events-container .image-section .threebox-descr img {
        /* max-height: 180px; */
        margin-left: 1.5rem;
        max-width: 80px; }
      .upcoming-events-container .image-section .threebox-descr p {
        line-height: 1.2;
        font-size: 1.3rem;
        margin-bottom: 1rem; }
      .upcoming-events-container .image-section .threebox-descr h2::after {
        content: '\3009';
        position: absolute;
        margin-left: 1rem;
        transition: all 0.3s ease-in;
        color: #ffffff; }
    .upcoming-events-container .image-section .imageicon:hover .threebox-descr ::after, .upcoming-events-container .image-section .imageicon:focus .threebox-descr h2::after {
      margin-left: 7rem; }
    .upcoming-events-container .image-section .imageicon a {
      display: block;
      text-decoration: none;
      color: #ffffff;
      width: 100%; }
    .upcoming-events-container .image-section .imageicon:hover,
    .upcoming-events-container .image-section .imageicon:focus {
      box-shadow: inset 0 0 0 1000px #000000d1;
      text-transform: translateY(-20px); }
    .upcoming-events-container .image-section .imageicon:hover > .threebox-descr > h2,
    .upcoming-events-container .image-section .imageicon:focus {
      box-shadow: inset 0 0 0 1000px #000000d1;
      text-transform: translateY(-20px); }
    .upcoming-events-container .image-section .threebox-descr > h2,
    .upcoming-events-container .image-section .threebox-descr:active > h2 {
      transition: all 0.5s ease-in;
      margin-left: 1rem;
      margin-top: 1rem;
      margin-bottom: 0%;
      font-size: 35px;
      font-weight: 400; }
  .upcoming-events-container .btn-event {
    color: #4065D1;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #4065D1;
    border-radius: 20px;
    background-color: #ffffff; }
    .upcoming-events-container .btn-event:hover {
      box-shadow: 5px 5px 9px 2px #A0B2E6; }
    .upcoming-events-container .btn-event:focus {
      outline: none;
      box-shadow: none; }

.testimonials .card{
  border-radius: 100px;
}
.testimonials .card img {
  height: auto;
  width: 200px;
}

.banner-text {
  position: absolute;
  color: #ffffff;
  font-size: 70px;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  letter-spacing: 4.60px; }

.breadcrumb-container {
  padding: 115px 0 0 0; }
  .breadcrumb-container .breadcrumb {
    background: transparent !important; }
  .breadcrumb-container .breadcrumb-item {
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500; }
    .breadcrumb-container .breadcrumb-item a {
      color: #ffffff !important; }
      .breadcrumb-container .breadcrumb-item a:hover {
        text-decoration: none; }
    .breadcrumb-container .breadcrumb-item:before {
      content: "›" !important;
      vertical-align: top;
      font-size: 35px;
      line-height: 18px;
      font-weight: 100;
      color: #ffffff !important; }
    .breadcrumb-container .breadcrumb-item:first-child:before {
      content: ' ' !important; }

.Benefits-container1 {
  background-color: #F5F5F5; }
  .Benefits-container1 .card {
    width: 250px;
    border: none;
    border-radius: 0;
    background-color: #F5F5F5; }
    .Benefits-container1 .card .card-body {
      padding: 0 10px !important; }
      .Benefits-container1 .card .card-body::before {
        content: "";
        position: absolute;
        right: 0;
        z-index: 100;
        top: 12%;
        width: 1px;
        height: 75%;
        background: #526FB4; }
    .Benefits-container1 .card .card-right-border::before {
      width: 0; }
    .Benefits-container1 .card .card-title {
      color: #526FB4;
      font-family: "Poppins", sans-serif;
      font-size: 42px;
      font-weight: 600; }
    .Benefits-container1 .card .card-text {
      color: #4D4D4D;
      font-family: "Poppins", sans-serif;
      font-size: 18px;
      font-weight: 500; }
  .Benefits-container1 .btn-register {
    border: 1px solid #4065D1;
    border-radius: 20px;
    background-color: #ffffff;
    color: #4065D1;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px; }
    .Benefits-container1 .btn-register:hover {
      color: #4065D1;
      box-shadow: 5px 5px 9px 2px #A0B2E6; }
    .Benefits-container1 .btn-register:focus {
      outline: none;
      box-shadow: none; }

.Benefits-container2 .blue-rectangle {
  clip-path: polygon(0 0, 78% 0, 100% 100%, 0% 100%);
  height: 100%;
  width: 100%;
  background: #526FB4; }
.Benefits-container2 .img-fluid {
  height: 100%; }
.Benefits-container2 .rectangle-img-text {
  top: 50%;
  right: 12%; }
  .Benefits-container2 .rectangle-img-text h1 {
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-size: 42px;
    font-weight: 600; }
  .Benefits-container2 .rectangle-img-text h6 {
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 500; }
.Benefits-container2 .benefit-circles .members-circle {
  height: 120px;
  width: 120px;
  border-radius: 50%;
  background: #066686; }
  .Benefits-container2 .benefit-circles .members-circle .member-numbers {
    color: white;
    font-family: "Poppins", sans-serif;
    font-size: 32px;
    font-weight: 600;
    margin: 0; }
  .Benefits-container2 .benefit-circles .members-circle.bg-circle-2 {
    background-color: #0096c8; }
  .Benefits-container2 .benefit-circles .members-circle.bg-circle-3 {
    background-color: #50b9ed; }
.Benefits-container2 .benefit-circles .member-text {
  color: #536D78;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  text-align: center;
  line-height: 25px; }

.card-container {
  background: #fff; }
  .card-container .card {
    width: 310px;
    height: 330px;
    border-radius: 10px; }

.form-reg-container {
  background-color: #F5F5F5; }
  .form-reg-container .form-border {
    border: 1px solid #DFDFDF; }
  .form-reg-container .head-text-form {
    color: #3B3B3B;
    font-family: "Poppins", sans-serif;
    font-size: 21px;
    font-weight: 500; }
  .form-reg-container .or-text {
    font-size: 18px;
    font-style: italic; }
  .form-reg-container .btn-reg-online {
    background: #FF4B81;
    color: #ffffff;
    border-radius: 30px;
    font-size: 22px; }
    .form-reg-container .btn-reg-online:hover {
      color: #ffffff; }
    .form-reg-container .btn-reg-online:focus {
      box-shadow: none; }
  .form-reg-container .reg {
    width: 60%; }
    .form-reg-container .reg .radio-label {
      color: #3B3B3B;
      font-family: "Poppins", sans-serif;
      line-height: 21px;
      font-size: 14px; }
    /*.form-reg-container .reg .form-group {
      .select-width{
        width: 285px;
      } }*/
      .form-reg-container .reg .form-group .formlabel {
        color: #607D8B;
        font-size: 15px;
        font-family: "Poppins", sans-serif; }
      .form-reg-container .reg .form-group .label-text {
        font-size: 14px; }
      .form-reg-container .reg .form-group .form-control {
        color: #3B3B3B;
        border: 1px solid #718F9C;
        border-radius: 3px;
        box-shadow: none;
        font-size: 14px;
        font-family: "Poppins", sans-serif;
        font-weight: 400; }
        .form-reg-container .reg .form-group .form-control .default_select {
          color: rgba(113, 143, 156, 0.46); }
        .form-reg-container .reg .form-group .form-control:focus {
          border: 1px solid #4065D1 !important; }
      .form-reg-container .reg .form-group .mobile-error-msg {
        position: absolute;
        left: 0; }
    .form-reg-container .reg .btn {
      background-color: #4065D1;
      color: #ffffff;
      border-radius: 20px;
      font-size: 16px;
      font-family: "Poppins", sans-serif; }
      .form-reg-container .reg .btn:hover {
        box-shadow: 2px 3px 9px 2px rgba(64, 101, 209, 0.62); }
      .form-reg-container .reg .btn:focus {
        box-shadow: none;
        outline: none; }
      .form-reg-container .reg .btn select option:checked {
        background: #D7DFF5; }
    .form-reg-container .reg .radio input[type="radio"] {
      position: absolute;
      opacity: 0; }
      .form-reg-container .reg .radio input[type="radio"] + .radio-label:before {
        content: '';
        border-radius: 100%;
        border: 2px solid #607d8b;
        display: inline-block;
        height: 20px;
        width: 20px;
        position: relative;
        margin-right: 1em;
        vertical-align: top; }
      .form-reg-container .reg .radio input[type="radio"]:checked + .radio-label:before {
        background-color: #007ABE;
        box-shadow: inset 0 0 0 4px #f4f4f4; }
      .form-reg-container .reg .radio input[type="radio"]:hover + .radio-label:before {
        outline: none;
        border-color: #4065D1; }
      .form-reg-container .reg .radio input[type="radio"]:focus + .radio-label:before {
        outline: none;
        border-color: #007ABE; }

.modal .modal-dialog {
  width: 694px; }
.modal .modal-content {
  box-shadow: 5px 7px 13px 2px #4D4D4D; }
  .modal .modal-content .modal-header .modal-title {
    color: #FF4B81;
    font-size: 22px;
    margin: 0 0 0 auto;
    font-weight: 500;
    font-family: "Poppins", sans-serif; }
  .modal .modal-content .modal-body {
    color: #607D8B;
    font-size: 16px;
    font-family: "Poppins", sans-serif; }
    .modal .modal-content .modal-body .sub-head-text {
      font-size: 18px;
      color: #4D4D4D; }
    .modal .modal-content .modal-body .modal-container p {
      line-height: 24px; }
    .modal .modal-content .modal-body .modal-container .border-right {
      border-right: 2px solid #B6BAC4 !important;
      padding: 0 12px; }
      .modal .modal-content .modal-body .modal-container .border-right .middle-text {
        top: 60px;
        left: 85%;
        background-color: white;
        color: #4D4D4D;
        font-family: "Poppins", sans-serif;
        font-size: 16px; }
    .modal .modal-content .modal-body .modal-container .right-modal-button .btn-reg-online:hover {
      box-shadow: 2px 3px 9px 2px rgba(64, 101, 209, 0.62); }
    .modal .modal-content .modal-body .modal-container .left-modal-button .btn-register {
      border: 1px solid #4065D1;
      border-radius: 20px;
      background-color: #ffffff;
      color: #4065D1;
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      font-weight: 500;
      line-height: 25px; }
      .modal .modal-content .modal-body .modal-container .left-modal-button .btn-register:hover {
        color: #4065D1;
        box-shadow: 5px 5px 9px 2px #A0B2E6; }
      .modal .modal-content .modal-body .modal-container .left-modal-button .btn-register:focus {
        outline: none;
        box-shadow: none; }
.modal .close {
  margin: 0;
  padding: 0; }
  .modal .close:focus {
    outline: none; }

.was-validated .form-control:valid, .was-validated .form-control:invalid {
  background-image: none !important; }

.was-validated :invalid ~ .invalid-feedback {
  font-family: "Poppins", sans-serif;
  font-size: 12px; }

.was-validated .form-control:valid:focus {
  border-color: rgba(113, 143, 156, 0.46) !important;
  box-shadow: none !important; }

.was-validated .form-control:invalid:focus, .was-validated .form-control:valid:focus {
  box-shadow: none !important; }

@media (max-width: 767px) {
  .upcoming-events-container .image-section .imageicon {
    clip-path: polygon(50% 20%,100% 0%, 100% 80%,50% 100%,0% 80%,0% 0%,50% 20%);
    left:0;
    margin-top:-2rem;
  }
  #img1 { margin-top:1rem;}
  .upcoming-events-container .image-section .imageicon h2 {
    margin-top:4rem;
  }
  .upcoming-events-container .image-section .imageicon h2::after {
    display:none;
  }
  .upcoming-events-container .image-section .imageicon img {
    margin-left:2rem;
  }
  .upcoming-events-container .image-section .imageicon p {
    font-size: 1.1rem;
    text-align: center;
    padding-bottom: 2rem;
    margin-left: -3.3rem;
  }
  .testimonials .card{
    border-radius: 50px;
  }
  .testimonials .card img {
    width: 150px;
  }
  .testimonials .card-body {
    text-align: center !important;
  }
  #desc1 {
    margin-left:-1rem;
  }
  .banner-image {
    width: 100%; }

  .banner-text {
    font-size: 22px;
    letter-spacing: 1.47px; }

  .breadcrumb-container {
    padding: 50px 0 0 0 !important; }
    .breadcrumb-container .breadcrumb-item {
      font-size: 11px;
      font-weight: 100; }
      .breadcrumb-container .breadcrumb-item:before {
        font-size: 25px;
        font-weight: 100;
        line-height: 15px; }

  .head-text {
    font-size: 18px !important;
    line-height: 27px; }

  .sub-head-text {
    font-size: 12px;
    line-height: 18px;
    padding: 8px 0; }

  .Benefits-container1 .card {
    width: 120px !important; }
    .Benefits-container1 .card .card-body .card-title {
      font-size: 20px; }
    .Benefits-container1 .card .card-body .card-text {
      font-size: 12px; }
    .Benefits-container1 .card.mob-bottom-card {
      margin-top: 25px; }
  .Benefits-container1 .mob-card:before {
    width: 0 !important; }
  .Benefits-container1 .register-mob-btn {
    padding: 30px 0 !important; }

  .Benefits-container2 .blue-rectangle {
    height: 100px; }
  .Benefits-container2 .benefit-circles {
    padding: 20px 10px !important; }
    .Benefits-container2 .benefit-circles .circle-mob-padding {
      padding: 0 8px !important;
      width: 114px; }
    .Benefits-container2 .benefit-circles .members-circle {
      height: 100px;
      width: 100px; }
      .Benefits-container2 .benefit-circles .members-circle .member-numbers {
        font-size: 22px; }
    .Benefits-container2 .benefit-circles .member-text {
      font-size: 14px;
      line-height: 20px; }
  .Benefits-container2 img {
    height: auto !important; }
  .Benefits-container2 .rectangle-img-text {
    top: 45%;
    left: 8%; }
    .Benefits-container2 .rectangle-img-text h1 {
      font-size: 18px; }
    .Benefits-container2 .rectangle-img-text h6 {
      font-size: 10px; }

  .card-container .card-mob-padding {
    padding: 5px 12px !important; }
  .card-container .card {
    height: 270px;
    width: 200px; }
    .card-container .card .card-body .card-label {
      font-size: 16px;
      padding: 20px 15px !important; }

  .form-reg-container {
    padding: 0 !important; }
    .form-reg-container .form-mob-padding {
      padding: 0 15px; }
      .form-reg-container .form-mob-padding .form-border {
        padding-top: 20px !important;
        margin: 15px 0 0 0; }
      .form-reg-container .form-mob-padding .reg .radio {
        padding: 0 !important;
        margin: 0 !important; }
        .form-reg-container .form-mob-padding .reg .radio .radio-label {
          font-size: 14px; }
    .form-reg-container .mob-heading .head-text-form {
      font-size: 18px;
      padding: 12px 0 0 0 !important; }
    .form-reg-container .mob-heading .or-text {
      font-size: 15px; }
    .form-reg-container .mob-heading .btn-reg-online {
      margin: 8px 0 0 0 !important;
      font-size: 18px; }
    .form-reg-container .form-mob-margin .reg {
      padding: 0 15px;
      width: 100%; }
      .form-reg-container .form-mob-margin .reg .form-group {
        margin: 0; }
        .form-reg-container .form-mob-margin .reg .form-group .form-control {
          font-size: 13px; }
        .form-reg-container .form-mob-margin .reg .form-group .select-width {
          width: 225px; }
        .form-reg-container .form-mob-margin .reg .form-group .formlabel {
          color: #607D8B;
          font-size: 13px;
          margin: 0; }
        .form-reg-container .form-mob-margin .reg .form-group .label-text {
          font-size: 12px; }
      .form-reg-container .form-mob-margin .reg .mob-number-width {
        width: 65%; }
      .form-reg-container .form-mob-margin .reg .mob-form-btn {
        display: flex;
        flex-direction: column;
        justify-content: center; }
        .form-reg-container .form-mob-margin .reg .mob-form-btn .btn {
          font-size: 14px;
          margin: 10px auto !important; }

  .modal .modal-dialog {
    width: 95% !important;
    margin: 0 auto !important; }
  .modal .modal-content .modal-header .modal-title {
    font-size: 24px; }
  .modal .modal-content .modal-body {
    color: #607D8B;
    font-size: 14px;
    font-family: "Poppins", sans-serif; }
    .modal .modal-content .modal-body .sub-head-text {
      font-size: 16px;
      color: #4D4D4D; }
    .modal .modal-content .modal-body .modal-container p {
      width: 245px; }
    .modal .modal-content .modal-body .modal-container .border-right {
      border-right: none !important;
      border-bottom: 2px solid #B6BAC4;
      width: 100%;
      position: relative;
      margin: 0 70px; }
      .modal .modal-content .modal-body .modal-container .border-right .middle-text {
        position: absolute !important;
        top: -13px;
        left: 0;
        right: 0;
        margin: 0 auto;
        padding: 0 !important;
        width: 50px; }
    .modal .modal-content .modal-body .modal-container .left-modal-button {
      padding: 0 0px !important; }
      .modal .modal-content .modal-body .modal-container .left-modal-button .btn-register {
        margin-bottom: 25px; }
    .modal .modal-content .modal-body .modal-container .right-modal-button {
      margin: 0 8px !important;
      padding-top: 20px; }
      .modal .modal-content .modal-body .modal-container .right-modal-button .btn-reg-online {
        margin-top: 0px !important; } }

/*# sourceMappingURL=membership-landing.css.map */