@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@300&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@300&family=Raleway:wght@300&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  font-family: "Montserrat" sans-serif;
}

body {
  overflow-x: hidden;
}

a {
  font-size: 18px;
}

.upper-section {
  height: 94vh;
  background: linear-gradient(to right, #bdc3c7, #2c3e50);
}
.upper-section .img1 {
  width: 20vw;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -40%);
}
.upper-section .img2 {
  width: 20vw;
  position: absolute;
  top: 50%;
  left: 20%;
  transform: translate(-20%, -50%);
}
.upper-section .img3 {
  width: 20vw;
  position: absolute;
  top: 50%;
  left: 80%;
  transform: translate(-80%, -50%);
}
.upper-section h1 {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -80%);
  font-size: 60px;
  font-weight: 700;
  color: white;
}
.upper-section .follow {
  position: absolute;
  text-decoration: none;
  color: white;
  padding: 10px;
  border: 1px solid #2c3e50;
  border-radius: 20px;
  background: #2c3e50;
  top: 90%;
  left: 50%;
  transform: translate(-50%, -90%);
}

.btn-success {
  background-color: #b85cb8 !important;
  border-radius: 20px !important;
  color: white !important;
  border: #b85cb8 solid !important;
}

.btn-success:hover {
  background-color: #be2abe !important;
  transform: scale(1.2);
  transition: 0.5s ease;
  border: #b85cb8 solid !important;
}

.btn-primary {
  background-color: #4CA1AF !important;
  border-radius: 20px !important;
  color: white !important;
  border: #4CA1AF solid !important;
}

.btn-primary:hover {
  background-color: #4CA1AF !important;
  transform: scale(1.2);
  transition: 0.5s ease;
  border: #4CA1AF solid !important;
}

nav {
  height: 15vh;
  background-color: transparent;
  transition: 0.5s ease-in-out;
}
nav .navbar-brand img {
  max-width: 130px;
  background-color: transparent;
}
nav a {
  color: white;
  font-size: 19px;
  font-weight: 400;
}
nav .nav-item:hover {
  background-color: #b85cb8;
  border-radius: 20px;
  transition: 0.5s ease-in-out;
}
nav .nav-item:hover .nav-link {
  color: #504d4d;
}
nav .nav-item:hover .nav-link:hover {
  color: white;
}
nav .left-nav {
  display: flex;
  margin-left: 5%;
  width: 70%;
  justify-content: space-around;
  align-items: center;
}
nav .right-nav {
  display: flex;
  margin-left: 5%;
  width: 30%;
  justify-content: space-around;
  align-items: center;
}
nav .btn-success {
  background-color: #b85cb8;
  border-radius: 20px;
  color: white !important;
  border: #b85cb8 solid;
}
nav .btn-success:hover {
  background-color: #be2abe;
  transform: scale(1.2);
  transition: 0.5s ease;
  border: #b85cb8 solid;
}
nav .nav-item .active {
  background-color: #b85cb8;
  border-radius: 20px;
  color: white;
  border: #b85cb8 solid;
}
nav .navbar-toggler-icon {
  background-image: url(/images/hamburger.png?d8204de592ffd0f0dff70ca9368034ad);
  background-size: cover;
}
nav .navbar-toggler {
  border-color: black;
}

.nav_scrolling {
  height: 12vh;
  background-color: whitesmoke;
  box-shadow: 0 3px 1 rem rgba(0, 0, 0, 0.1);
}
.nav_scrolling .logo {
  color: black;
}
.nav_scrolling .burger div {
  background-color: black;
}
.nav_scrolling a {
  color: #868383;
}

.headquarter {
  margin-top: 10vh;
}
.headquarter h2 {
  font-size: 38px;
  color: #2c3e50;
  font-weight: 700;
}
.headquarter p {
  margin-top: 3vh;
}

footer {
  background-color: #b85cb8;
}
footer img {
  width: 150px;
  border-radius: 20px;
}
footer .address {
  margin-left: 20%;
  margin-top: 12%;
  color: white;
  font-size: 16px;
}
footer .address i {
  color: white;
  font-size: 26px;
  margin-right: 15px;
}
footer .social {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 50%;
  bottom: 0;
  transform: translate(1200px, -80px);
}
footer .social i {
  color: white;
  font-size: 26px;
}

.last-footer {
  background-color: #b85cb8;
  height: 10vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-top: white 1px solid;
}

.about_homepage {
  margin-top: 10vh;
}
.about_homepage h1 {
  font-size: 38px;
  color: #2c3e50;
  font-weight: 700;
  text-align: center;
  margin-bottom: 5vh;
}
.about_homepage .card {
  border: none;
  background: #2C3E50 !important;
  color: white;
}
.about_homepage .card h4 {
  font-weight: 700;
}

.counter {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: row;
  padding: 20px;
}

.counter .single-item {
  display: inline-flex;
  flex-direction: row;
}

.counter_main {
  color: gray;
  margin-top: 50px;
}

.counter .items .count {
  font-size: 40px;
  font-weight: 800;
}

.counter .items .single-item i {
  font-size: 25px;
  font-weight: 800;
}

.counter .items .caption {
  font-size: 28px;
  font-weight: 700;
}

.current_programs {
  position: relative;
  width: 100%;
  height: 100vh;
  background: linear-gradient(to right, #283048, #859398);
  box-sizing: border-box;
  padding: 30px;
  color: #fff;
  margin-bottom: 200px;
  margin-top: 10vh;
}
.current_programs .container {
  color: #283048;
  margin-top: 10vh;
}
.current_programs .container .list-group-item .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.current_programs .container .list-group-item h4 {
  font-weight: 700;
}
.current_programs h2 {
  text-align: center;
  margin-top: 30px;
  font-size: 38px;
  font-weight: 700;
}

.current_programs::after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  background: inherit;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform-origin: top right;
  transform: skewY(-4deg);
}

.upcoming_events {
  margin: 2%;
}
.upcoming_events .left {
  background: #F0F2F0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.upcoming_events .left h1 {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 42px;
  text-align: center;
}
.upcoming_events .right .card {
  border: none;
  box-shadow: 0 8px 6px -6px black;
  background: #b85cb8;
  color: white;
}
.upcoming_events .right .card h4 {
  text-transform: uppercase;
  font-weight: 700;
}
.upcoming_events .right .card .card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.from_founder {
  padding: 100px;
  margin-top: 50px;
  background: linear-gradient(to right, #3e5151, #decba4);
}
.from_founder h1 {
  font-weight: 700;
}

.index-carousel {
  margin-top: 50px;
}

.index-carousel .carousel-inner .carousel-item .img-box {
  height: 135px;
  width: 135px;
}

.index-carousel .carousel-indicators {
  top: 350px;
}

.founder_message {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #bdbdad;
  border-radius: 30px;
}

.image-gallery {
  margin-bottom: 5vh;
}
.image-gallery h1 {
  margin-top: 10vh;
  text-align: center;
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 10vh;
  color: #283048;
}
.image-gallery .item:hover {
  filter: brightness(80%);
}

.philosophy h1 {
  font-weight: 700;
  margin-bottom: 5vh;
  color: #4CA1AF;
}
.philosophy p {
  text-align: justify;
}
.philosophy .container {
  margin-top: 15vh;
}

.courses {
  margin-top: 15vh;
}
.courses h1 {
  text-align: center;
  font-size: 48px;
  font-weight: 700;
  color: #2C3E50;
  border-bottom: #2C3E50 2px solid;
  max-width: 80%;
  margin: auto;
  padding-bottom: 10px;
}
.courses .content {
  margin-top: 10vh;
}
.courses .content .row .item {
  margin-top: 5vh;
}
.courses .content .row .item .card {
  background: #1D976C;
  border: none;
  box-shadow: 0 8px 6px -6px black;
  border-radius: 10px;
}
.courses .content .row .item .card p {
  color: white;
}
.courses .content .row .item .card .card-footer {
  background: transparent;
}
.courses .content .row .item .card h3 {
  color: white;
  text-align: center;
  font-weight: 700;
}
.courses .content .row .item .card hr {
  background: white;
}

/*inspired speakers*/
.inspired-speaker-info {
  overflow-x: hidden;
  margin-top: 20vh;
  margin-bottom: 50px;
}
.inspired-speaker-info h1 {
  font-weight: 700;
  color: #4CA1AF;
}
.inspired-speaker-info .lp-bhanu-bio {
  padding-left: 150px;
}
.inspired-speaker-info .ramesh-nepal-bio {
  padding-right: 150px;
}
.inspired-speaker-info i {
  background-color: gray;
  color: white;
  padding: 7px;
  height: 30px;
  font-size: 20px;
  width: 30px;
  border-radius: 50%;
}

#upper-div::after {
  content: " ";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #77bd0f;
  opacity: 0.5;
  z-index: 0;
}

#upper-div > * {
  z-index: 10;
}

#upper-div {
  margin-top: -50px;
  background: url(/images/background1.jpg?75c40eb0ce112b752eb367e405cab698);
  -o-object-fit: cover;
     object-fit: cover;
  height: 80vh;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

#upper-div h2 {
  opacity: 1;
  text-transform: uppercase;
  font-size: 80px;
  font-weight: 800;
  color: white;
}

.lower-div .online-donation {
  height: 300px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: rgba(61, 90, 119, 0.92);
  margin-top: 70px;
  border-radius: 10px;
  margin-right: 10px;
}

.lower-div .online-donation h4 {
  font-size: 30px;
  font-weight: 700;
  margin-top: 15px;
  margin-bottom: 15px;
  color: white;
}

#upper-div-check::after {
  content: " ";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #77bd0f;
  opacity: 0.5;
  z-index: 0;
}

#upper-div-check > * {
  z-index: 10;
}

#upper-div-check {
  margin-top: -50px;
  background: url("/images/donate by check.png?b7de7145a1119b2b92031036655e718d");
  -o-object-fit: contain;
     object-fit: contain;
  background-position: center;
  height: 80vh;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

#upper-div-check h2 {
  opacity: 1;
  text-transform: uppercase;
  font-size: 80px;
  font-weight: 800;
  color: white;
}

.meditation-header {
  margin-top: 50px;
  margin-bottom: 50px;
}

.slides .carousel p {
  font-size: 24px;
}

.slides .carousel h2 {
  font-size: 35px;
  font-weight: 700;
}

.meditation_techniques h1 {
  font-weight: 700;
  border-bottom: #2C3E50 2px solid;
  color: #4CA1AF;
  padding-bottom: 15px;
  width: 80%;
  margin: auto;
}

.meditation_techniques .card .btn-success {
  background-color: #b85cb8;
  border-radius: 20px;
  color: white;
  border: #b85cb8 solid;
}

.meditation_techniques .card .btn-success:hover {
  background-color: #be2abe;
  transform: scale(1.2);
  transition: 0.5s ease;
  border: #b85cb8 solid;
}

.meditation_techniques .card {
  margin-top: 10vh;
  border: none;
  background: #00b09b;
  color: white;
  border-radius: 20px;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
}

.executive h1 {
  font-weight: 700;
  color: #4CA1AF;
  border-bottom: 2px solid black;
  padding-bottom: 5vh;
  width: 80%;
  margin: auto;
  padding-top: 20vh;
  text-align: center;
}
.executive .team {
  margin-top: 5vh;
}
.executive .team h2 {
  font-weight: 700;
  color: #4CA1AF;
  padding-bottom: 5vh;
  width: 80%;
  margin: auto;
  text-align: center;
}
.executive .team .row .item {
  background: #7472dd;
  position: relative;
  height: 40vh;
  width: 17vw;
  border-radius: 20px;
  padding: 20px;
  margin: 10px;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
}
.executive .team .row .item .img img {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -10%);
  border-radius: 50%;
}
.executive .team .row .item .details {
  position: absolute;
  top: 90%;
  left: 30%;
  transform: translate(-30%, -90%);
}
.executive .team .row .item .details p {
  color: white;
  font-size: 18px;
  font-weight: 600;
  text-align: justify;
}
.executive .team .row .item .details .pos {
  margin-top: -10px;
  font-size: 14px;
  letter-spacing: unset;
  font-weight: 400;
  text-align: left;
}
.executive .team .row .item .details a {
  text-decoration: none;
  background: white;
  border: 1px solid white;
  padding: 8px;
  border-radius: 50%;
}
.executive .team .row .item .details a i {
  color: gray;
  font-size: 24px;
  height: 18px;
  width: 18px;
  text-align: center;
}

.events #upper-div::after {
  content: " ";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(61, 90, 119, 0.92);
  opacity: 0.6;
  z-index: 0;
}
.events #upper-div > * {
  z-index: 10;
}
.events #upper-div {
  margin-top: -50px;
  background: url(/images/1.jpg?bd3f62423e088d5841f741e985d2beb3);
  -o-object-fit: cover;
     object-fit: cover;
  height: 70vh;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.events #upper-div h2 {
  opacity: 1;
  text-transform: uppercase;
  font-size: 80px;
  font-weight: 800;
  color: white;
}
.events .event-container h2 {
  font-weight: 700;
  text-align: center;
  border-bottom: 2px solid #2c3e50;
  color: #4CA1AF;
  padding-bottom: 5vh;
  width: 80%;
  margin: auto;
  margin-top: 5vh;
}
.events .upcoming .event, .events .current .event {
  margin-top: 5vh;
}
.events .upcoming .event .left, .events .current .event .left {
  padding: 20px;
  color: white;
  background: #4CA1AF;
}
.events .upcoming .event .left h5, .events .current .event .left h5 {
  font-weight: 700;
  font-size: 24px;
  border-bottom: 1px solid white;
  padding-bottom: 10px;
}
.events .upcoming .event .right, .events .current .event .right {
  padding: 20px;
  background: transparent;
  border: #4CA1AF 2px solid;
}
.events .upcoming .event .right h5, .events .current .event .right h5 {
  color: #2c3e50;
  font-weight: 700;
  font-size: 24px;
}
.events .upcoming .event .right ul, .events .current .event .right ul {
  list-style: none;
}

.login {
  padding: 10%;
}
.login .card {
  border: none;
  margin-top: 20vh;
  width: 80%;
  margin: auto;
  background-color: white;
  border-radius: 30px;
  color: #4CA1AF;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
}
.login .card .card-header {
  background: transparent;
  border: none;
  text-align: center;
  font-weight: 700;
}
.login .card a {
  text-decoration: none;
  color: #4CA1AF;
  font-size: 14px;
}

.samriddhi {
  margin-top: 10vh;
}
.samriddhi h1 {
  color: #4CA1AF;
  font-weight: 700;
  text-align: center;
}
.samriddhi h2 {
  color: #4CA1AF;
  font-weight: 500;
  font-size: 24px;
}
.samriddhi h4 {
  color: #4CA1AF;
  font-weight: 600;
}
.samriddhi form {
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
  padding: 30px;
  margin-bottom: 10vh;
  border-radius: 20px;
  background-color: whitesmoke;
}
.samriddhi form input {
  border: none;
  border-radius: 20px;
  transition: 1s ease all;
}
.samriddhi form ::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1;
  /* Firefox */
}
.samriddhi form :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1;
  /* Firefox */
}
.samriddhi form ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1;
  /* Firefox */
}
.samriddhi form input:focus {
  background: linear-gradient(to right, #7f00ff, #e100ff);
  color: white;
}
.samriddhi form button {
  background: linear-gradient(to right, #7f00ff, #e100ff);
  border: none !important;
  color: white;
}
.samriddhi form button:hover {
  background: linear-gradient(to right, #7f00ff, #e100ff);
  border: none !important;
  color: white;
}

.payment {
  margin-top: 20vh;
}
.payment .card {
  border: none;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
  border-radius: 20px;
  background: #7472dd;
}

.payment_details {
  margin-top: 10vh;
  display: none;
  transition: ease-in 0.5s all;
}
.payment_details .card {
  border: none;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
  border-radius: 20px;
  background: #bdc3c7;
  width: 50%;
  margin: auto;
}

.payment_confirm .card {
  margin-top: 10vh;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
  border: none;
  background: #F0F2F0;
  height: 70vh;
  border-radius: 15px;
  width: 25rem;
  margin: auto;
}
.payment_confirm .card .card-header {
  background: transparent;
  text-align: center;
}

#checkout-button {
  transform: translate(40vw, -10vh);
}

.user_donation h2 {
  margin-bottom: 5vh;
  font-weight: 700;
  color: #4CA1AF;
}
.user_donation ul li {
  list-style: none;
}
.user_donation .card {
  border: none;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
  background: #7472dd;
  color: white;
}

.user_details .card {
  border: none;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
  background: whitesmoke;
}
.user_details .card-header {
  background: transparent;
  border: none;
  font-size: 20px;
  font-weight: 700;
  color: #7472dd;
}
.user_details .card-body h5 {
  font-weight: 600;
  color: #4CA1AF;
}
.user_details .card-footer {
  background: transparent;
}

.user_events h4 {
  font-weight: 700;
  font-size: 28px;
  color: #7f00ff;
  text-align: center;
  margin-bottom: 5vh;
}
.user_events ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.view_events {
  margin-top: 20vh;
  height: 50vh;
  width: 100%;
}
.view_events img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.password_protected_course {
  margin-top: 20vh;
}
.password_protected_course .card {
  border: none;
  background: whitesmoke;
  border-radius: 20px;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
}
.password_protected_course .card form {
  margin-bottom: 10vh;
  background-color: whitesmoke;
}
.password_protected_course .card form input {
  width: 50%;
  border: none;
  border-radius: 20px;
  transition: 1s ease all;
}
.password_protected_course .card form ::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1;
  /* Firefox */
}
.password_protected_course .card form :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1;
  /* Firefox */
}
.password_protected_course .card form ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1;
  /* Firefox */
}
.password_protected_course .card form input:focus {
  background: linear-gradient(to right, #7f00ff, #e100ff);
  color: white;
}
.password_protected_course .card form button {
  background: linear-gradient(to right, #7f00ff, #e100ff);
  border: none !important;
  color: white;
}
.password_protected_course .card form button:hover {
  background: linear-gradient(to right, #7f00ff, #e100ff);
  border: none !important;
  color: white;
}

.swasamvaad_kriya {
  margin-top: 20vh;
}
.swasamvaad_kriya .header {
  height: 40vh;
  margin-top: -50px;
  background: url(/images/1.jpg?bd3f62423e088d5841f741e985d2beb3);
  -o-object-fit: cover;
     object-fit: cover;
  height: 40vh;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 10vh;
}
.swasamvaad_kriya .header h2 {
  font-weight: 700;
  color: White;
  font-size: 10vh;
  z-index: 20;
}
.swasamvaad_kriya .header p {
  color: White;
  font-size: 3vh;
  z-index: 20;
  font-weight: 700;
}
.swasamvaad_kriya h4 {
  font-weight: 700;
  color: #7472dd;
  font-size: 28px;
}
.swasamvaad_kriya .header::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #7472dd;
  opacity: 0.7;
  z-index: 0;
}

/* prayogshala */
.insurance{
  margin-top: 15vh;
  padding: 5%;
}
.insurance h1{
  color: white;
  font-weight: 700;
  text-align: center;
  font-size: 48px;
}
.insurance .topic{
  background-color: #7472dd;
  padding: 5%;
  border-radius: 15px;
}
.insurance .lists {
  margin-top: 10vh;
}
.insurance .lists .card, .insurance .lists .card-header {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin-bottom: 10px;
}
.insurance .lists .card-header h2 {
  border: none !important;
}
.insurance .lists .card {
  box-shadow: 0 2px 20px 0 rgba(110, 130, 208, 0.18);
}
.insurance .lists .btn-link {
  width: 100%;
  height: 100px;
  color: #000;
  text-align: left;
  text-decoration: none;
  font-size: 20px;
  border-left: 5px solid red;
  transition: 0.5s all ease-in-out;
}
.insurance .lists .btn-link:focus {
  border: none;
  box-shadow: none;
}
.insurance .lists .card-body {
  background: #e8eeff;
}
.insurance .lists .btn-link:after {
  content: "−";
  width: 35px;
  font-size: 35px;
  text-align: center;
  border-radius: 5px;
  right: 15px;
  top: 8px;
  position: absolute;
}
.insurance .lists .btn-link.collapsed:after {
  content: "+";
  transition: ease-in-out 0.5s all;
}
/* first anniversary css */
.anniversary{
  margin-top: 15vh;
}
.anniversary h2{
  font-weight: 700;
  color: red;
  text-align: center;
  margin-top: 10px;
}
.anniversary img{
  height: 100%;
  width: 100%;
}



.about_us {
  margin-top: 14vh;
}
.about_us h1 {
  color: #4CA1AF;
  font-weight: 700;
}

.posts_index {
  background-color: #dfe3e3;
  padding: 3%;
  border-radius: 20px;
}
.posts_index .posts_create {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
}

@media screen and (max-width: 768px) {
  nav #navbarTogglerDemo01 {
    padding-bottom: 10%;
    background-color: #2c3e50;
  }
  nav a {
    color: white;
  }
  nav .left-nav {
    display: block;
    margin-left: 10%;
    width: 40%;
  }
  nav .right-nav {
    border-top: 2px solid black;
    display: flex;
    width: 40%;
    margin-left: 10%;
    justify-content: space-around;
    align-items: flex-start;
    flex-direction: column;
  }
  nav .btn-success {
    background-color: #2c3e50 !important;
    border-radius: 0px !important;
    color: white !important;
    border: none !important;
  }
  nav .btn-success:hover {
    background-color: #2c3e50 !important;
    color: white;
    transform: scale(1);
    border: none !important;
  }
  nav .nav-item:hover {
    background-color: #2c3e50 !important;
    border-radius: 0px !important;
    color: white !important;
  }
  nav .nav-item .nav-link:hover {
    color: white;
  }

  .upper-section .img1 {
    width: 30vw;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -40%);
  }
  .upper-section .img2 {
    width: 30vw;
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translate(-20%, -50%);
  }
  .upper-section .img3 {
    width: 30vw;
    position: absolute;
    top: 50%;
    left: 90%;
    transform: translate(-80%, -50%);
  }
  .upper-section h1 {
    position: absolute;
    top: 60%;
    left: 10%;
    margin-left: 10%;
    transform: translate(-10%, -60%);
    font-size: 30px;
    font-weight: 700;
    color: white;
  }
  .upper-section .follow {
    padding: 7px;
    font-size: 16px;
    background: #2c3e50;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -80%);
  }

  footer {
    height: 90vh;
  }
  footer .address {
    margin-left: 0%;
    padding-top: 10%;
    border-top: 1px solid white;
  }
  footer .social {
    transform: translate(0px, 80px);
    flex-direction: row;
  }
  footer .social i {
    margin-right: 10px;
  }

  .carousel {
    width: 300px;
    margin-left: 0px;
    margin-right: 0px;
    transform: translateX(-75px);
  }

  .carousel-indicators {
    transform: translateY(110px);
  }

  .carousel-control-prev {
    transform: translate(-40px, 70px);
  }

  .carousel-control-next {
    transform: translate(40px, 70px);
  }

  .current_programs .list-group-item .row a {
    margin-top: 10px;
  }

  .upcoming_events .left {
    padding: 20px;
    margin: 15px;
  }
  .upcoming_events .left h1 {
    font-size: 36px;
  }

  .counter_main {
    display: none;
  }

  .executive .team .row .item {
    width: 100vw;
  }

  .payment_confirm .card {
    width: 18rem;
  }

  #checkout-button {
    transform: translate(30vw, -10vh);
  }
}
.popup {
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -40%);
  z-index: 10000;
  display: none;
}
.popup .contentBox {
  position: relative;
  width: 70vw;
  height: auto;
  max-height: 95vh;
  background-color: #fff;
  border-radius: 20px;
  display: flex;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
  overflow-y: scroll;
}
.popup .contentBox .imgBx {
  position: relative;
  height: auto;
  width: 35vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup .contentBox .imgBx img {
  max-width: 30vw;
  position: relative;
}
.popup .contentBox .content {
  position: relative;
  height: auto;
  width: 30vw;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2%;
  padding-top:30%;
}
.popup .contentBox .content h4 {
  color: #333;
  line-height: 1em;
  font-weight: 300;
  font-size: 2em;
}
.popup .contentBox .content h3 {
  font-size: 3em;
  color: #ff4d54;
  line-height: 1em;
}
.popup .contentBox .content a {
  display: inline-block;
  padding: 5px 10px;
  background: #ff4d54;
  color: white;
  margin-top: 10px;
  text-decoration: none;
  border-radius: 15px;
}
.popup .contentBox .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  background: #f3f3f3 url(/images/close.png?c623043a998c86047c46369927db55cf);
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  border-radius: 50%;
  z-index: 10;
}

@media (max-width: 767px) {
  .contentBox {
    flex-direction: column;
  }
  .contentBox .imgBx {
    margin: auto;
    transform: translateY(-50px);
    height: auto;
  }
  .contentBox .imgBx img {
    max-width: 60vw !important;
  }
  .contentBox .content {
    margin: auto;
    height: auto;
    width: 90% !important;
  }
  .contentBox .content h4 {
    font-size: 1.2em !important;
    font-weight: 500 !important;
  }
  .contentBox .content h3 {
    font-size: 1.7em !important;
    font-weight: 500 !important;
  }
  .contentBox .content p {
    font-weight: 300 !important;
  }
}