* {
  padding: 0;
  margin: 0;
  font-family: "Inter", serif;
}

html {
  scroll-behavior: smooth;
}

.cont {
  max-width: 1200px !important;
}

body {
  background-color: var(--background-black);
  background-image: url("images/Gradient_back.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: top;
}

:root {
  --theme-color: #73bfb8; /* Theme color */
  --text-black: #434343; /* Black text color */
  --text-white: #f4f4f4; /* White text color */
  --background-black: #141414; /* Black Color */
}

::-webkit-scrollbar {
  display: none;
}

.upper_bar {
  background-color: var(--theme-color);
  height: 5px;
}

.first {
  /* background-image: url("images/dotted_back.png"); */
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  /* min-height: 800px; */
}

.header_img {
  min-height: 550px;
  border-radius: 50px;
  background-image: url("images/Josh_Header.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.header_text {
  /* background-color: #434343; */
  text-align: center;
  position: relative;
  top: -70px;
}

.head_txt {
  background-color: #141414;
  color: var(--theme-color);
  font-weight: 600;
  border-radius: 12px;
  font-size: 95px;
  letter-spacing: 2px;
  padding: 0px 19px;
}

.sub_txt {
  font-size: 28px;
  position: relative;
  z-index: 1;
  font-family: "Montserrat", serif;
  color: var(--text-white);
  font-weight: 700;
  padding: 6px 30px;
  background-color: var(--background-black);
}

.capitalize {
  font-size: 38px;
  font-family: "Montserrat", serif;
  color: var(--theme-color);
  font-weight: 700;
}

.capitalize2 {
  font-size: 28px !important;
  font-family: "inter", serif !important;
  color: var(--theme-color) !important;
  font-weight: 600 !important;
}

.capitalize3 {
  font-size: 32px;
  font-family: "inter", serif;
  color: #5988e9;
  font-weight: 600;
}

.mid_bar {
  width: 90%;
  background-color: #73bfb8 !important;
  margin: 1rem 0;
  color: inherit;
  border: 0;
  /* border-top: var(--bs-border-width) solid; */
  opacity: 1;
  height: 2px;
  z-index: 0;
}

.mid_bar2 {
  width: 100%;
  background-color: #ffffff !important;
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 1;
  height: 2px;
  z-index: 0;
}

.mid-bar-div {
  position: relative;
  display: flex;
  justify-content: center;
  top: -42px;
}

.headings {
  color: var(--theme-color);
  font-size: 50px;
  font-weight: 600;
  letter-spacing: 1.5px;
}

.sub-heading {
  color: var(--text-white);
  font-size: 25px;
  font-weight: 300;
}

.img1 {
  border-radius: 4px;
  width: 260px;
  height: 200px;
  object-fit: cover;
  object-position: center;
}

.img2 {
  border-radius: 4px;
  width: 260px;
  height: 400px;
  object-fit: cover;
  object-position: center;
}

.outer_parent {
  display: flex;
  justify-content: end;
}

.outer {
  padding: 60px 0;
}

.card1 {
  background-image: url("images/joshsecond.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  width: 85%;
  border-radius: 6px;
}

.card1::before {
  content: "";
  position: absolute;
  background-color: var(--background-black);
  opacity: 0.4;
  width: 100%;
  height: 100%;
  border-radius: 6px;
}

.card-inner {
  position: relative;
  padding: 30px 20px;
}

.card-inner span {
  color: var(--text-white);
  font-weight: 300;
  font-size: 19px;
  line-height: 1.5;
}

.card_txt {
  font-size: 19px !important;
  font-weight: 300 !important;
  color: var(--text-white) !important;
  line-height: 1.7 !important;
}

.third {
  margin-top: 7%;
  /* background-image: url("images/thirdbackground.png"); */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.exp-card {
  background-color: var(--background-black);
  border-radius: 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}


.parent {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.number {
  padding: 9px 17px;
  margin-right: 25px;
  background-color: var(--text-white);
  border-bottom-right-radius: 12px;
  border-top-left-radius: 12px;
  font-weight: 700;
  font-size: 28px;
  color: #5988e9;
}

.card-title {
  font-size: 29px;
  font-family: "Montserrat", serif !important;
  font-weight: 700;
  letter-spacing: 1px;
  color: var(--text-white);
}

.fourth {
  /* background-image: url("images/podbackground.png"); */
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.fifth {
  /* background-image: url("images/Questions_Media.png"); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.fifth::before {
  content: "";
  position: absolute;
  background-color: var(--background-black);
  opacity: 0.8;
  width: 100%;
  height: 100%;
}

.outer {
  position: relative;
}

/* Owl Carousel  */

#owl-demo .item {
  margin: 3px;
}

.pod_img {
  display: block;
  width: 100%;
  height: 170px;
  object-fit: cover;
  object-position: top;
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
}

.owl-theme .owl-dots span {
  text-align: center;
  margin-top: 15px;
  width: 12px !important;
  height: 12px !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #f3f3f3 !important;
  width: 12px !important;
  height: 12px !important;
}

.owl-theme .owl-dots .owl-dot.active span {
  background: #73bfb8 !important; /* Highlight active dot */
}

.pod-parent {
  position: relative;
  height: 390px;
}

.timer {
  display: flex;
  align-items: flex-end;
}

.crc_btn {
  border-radius: 50%;
  background-color: var(--theme-color);
  width: 40px;
  height: 40px;
  padding: 10px;
}

.crc_btn2 {
  border-radius: 50%;
  background-color: #5988e9;
  width: 40px;
  height: 40px;
  padding: 10px;
}

.crc_btn3 {
  border-radius: 50%;
  background-color: #fec601;
  width: 40px;
  height: 40px;
  padding: 10px;
}

.timer_svg {
  width: 27px;
  height: 27px;
  color: #5988e9;
}

.play_svg {
  width: 20px;
  height: 20px;
}

.pod-content {
  background: linear-gradient(
    180deg,
    rgba(115, 191, 184, 1) 0%,
    rgba(19, 19, 19, 1) 76%
  );
  padding: 16px;
  border-radius: 14px;
  position: absolute;
  width: 100%;
  top: 150px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 0px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px -1px 3px 1px;
}

.media-ques {
  display: flex;
}

.media-num {
  background-color: var(--theme-color);
  padding: 12px 17px 12px 12px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  color: white;
  display: flex;
  align-items: center;
}

.media-cont {
  background-color: #f3f3f3;
  color: #434343;
  font-weight: 300;
  border-radius: 12px;
  padding: 9px 9px;
  position: relative;
  left: -8px;
  display: flex;
  align-items: center;
}

.pod-content2 {
  background: linear-gradient(
    180deg,
    rgba(89, 136, 233, 1) 0%,
    rgba(19, 19, 19, 1) 76%
  );
  padding: 16px;
  border-radius: 14px;
  position: absolute;
  width: 100%;
  top: 150px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 0px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px -1px 3px 1px;
}

.pod-content3 {
  background: linear-gradient(
    180deg,
    rgba(254, 198, 1, 1) 0%,
    rgba(19, 19, 19, 1) 76%
  );
  padding: 16px;
  border-radius: 14px;
  position: absolute;
  width: 100%;
  top: 150px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 0px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px -1px 3px 1px;
}

.num {
  color: var(--text-white);
  font-weight: 400;
  margin-top: 14px;
}

.pod-content p {
  color: var(--text-white);
  font-weight: 400;
  margin-top: 14px;
}

.pod-content h4 {
  color: var(--theme-color);
  font-weight: 600;
  margin-bottom: 20px;
}

.pod-content2 p {
  color: var(--text-white);
  font-weight: 400;
  margin-top: 14px;
}

.pod-content2 h4 {
  color: #5988e9;
  font-weight: 600;
  margin-bottom: 20px;
}

.pod-content3 p {
  color: var(--text-white);
  font-weight: 400;
  margin-top: 14px;
}

.pod-content3 h4 {
  color: #fec601;
  font-weight: 600;
  margin-bottom: 20px;
}

.image-gall1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 500px;
}

.lower-gall {
  justify-content: space-between;
  height: 240px;
}

.upper-gall {
  height: 240px;
}

.gall1 {
  height: 500px;
  object-fit: cover;
}

.gall2 {
  height: 245px;
  object-fit: cover;
}

.gall3 {
  height: 240px;
  width: 187px !important;
  object-fit: cover;
}

.testimonial-content {
  background-color: #f3f3f3;
  border-radius: 12px;
  padding: 55px 29px 39px 29px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 313px;
}

.testimonial-content p {
  color: #434343;
  font-weight: 300;
}

.pad {
  padding: 20px;
}

.tit-name {
  font-size: 22px;
  font-weight: 700;
  color: var(--theme-color);
}

.tit-comp {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-black);
}

.testm-img {
  width: 150px !important;
  height: 150px;
  object-fit: cover;
  border-radius: 50%;
  outline: 15px solid var(--background-black);
  border: 1px solid var(--theme-color);
}

.upper-circle {
  display: flex;
  justify-content: center;
  position: relative;
  top: 65px;
}

.articles-parent {
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
}

.artc-img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--theme-color);
}

.article-cont {
  padding: 14px 30px;
  background-color: #f3f3f3;
  border-radius: 50px;
  flex-grow: 1;
  /* width: 100%; */
}

.article-cont p {
  font-weight: 600;
  font-size: 19px;
}

.artc-view-img {
  width: 100%;
  height: 200px;
  object-fit: contain;
}

.articles-view {
  background-color: var(--background-black);
  padding: 13px;
  border: 2px solid var(--theme-color);
  border-radius: 10px;
  position: relative;
  z-index: 1;
}

.artc-view-img {
  background-image: url("images/article.jpg");
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 7px;
}

.view-cont p {
  color: var(--theme-color);
  font-weight: 600;
  font-size: 19px;
}

.view-cont span {
  color: var(--text-white);
  font-weight: 300;
  font-size: 15px;
}

/* .gradient1 {
  background-color: var(--theme-color);
  position: relative;
  right: 7px;
  bottom: 15px;
  z-index: 0;
  border-radius: 23px;
  width: 28%;
  filter: blur(12px);
}

.gradient2 {
  background-color: var(--theme-color);
  position: relative;
  right: 72px;
  bottom: 108px;
  z-index: 0;
  border-radius: 23px;
  width: 28%;
  height: 40;
  transition: rotate(90deg);
  transform: rotate(90deg);
  filter: blur(12px);
}

.gradient3 {
  background-color: var(--theme-color);
  position: relative;
  right: -380px;
  bottom: -40px;
  z-index: 0;
  border-radius: 23px;
  width: 28%;
  filter: blur(12px);
}

.gradient4 {
  background-color: var(--theme-color);
  position: relative;
  right: -447px;
  bottom: -78px;
  z-index: 0;
  border-radius: 23px;
  width: 28%;
  height: 40;
  transition: rotate(90deg);
  transform: rotate(90deg);
  filter: blur(12px);
} */

.articles_complete {
  width: 90%;
  margin: 0px auto; /*  I added it */
  justify-self: end;
}

.ninth {
  /* background-image: url("images/Questions_Media.png"); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.ninth::before {
  content: "";
  position: absolute;
  background-color: var(--background-black);
  opacity: 0.8;
  width: 100%;
  height: 100%;
}

.outer {
  position: relative;
}

.proj-outer-box1 {
  border: 2px solid white;
  width: 90px;
  height: 90px;
}

.proj-outer-box2 {
  border: 2px solid white;
  width: 90px;
  height: 90px;
}

.main_outer {
  position: relative;
  padding: 20px;
}

.main_outer::before {
  content: "";
  position: absolute;
  background-color: var(--theme-color);
  opacity: 0.8;
  width: 100%;
  height: 100%;
}

.spk1 {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid var(--theme-color);
}

.first-cont {
  border: 1px solid var(--theme-color);
  border-top-left-radius: 17px;
  border-top-right-radius: 17px;
  padding: 41px 16px;
  text-align: center;
  background: linear-gradient(
    180deg,
    rgba(19, 19, 19, 1) 00%,
    rgba(115, 191, 184, 0.48365283613445376) 100%
  );
}

.second-cont {
  border: 1px solid var(--theme-color);
  border-bottom-left-radius: 17px;
  border-bottom-right-radius: 17px;
  padding: 41px 16px;
  text-align: center;
  background: linear-gradient(
    180deg,
    rgba(19, 19, 19, 1) 00%,
    rgba(115, 191, 184, 0.48365283613445376) 100%
  );
  position: relative;
  top: 32%;
}

.tit-name2 {
  font-family: "Montserrat", serif;
  font-size: 20px;
  font-weight: 700;
  color: var(--theme-color);
}

.spk_text {
  color: var(--text-white);
  font-weight: 300;
}

.eleventh {
  /* background-image: url("images/companyback.jpg"); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  background-attachment: fixed;
  background-position: center;
}

.eleventh::before {
  content: "";
  position: absolute;
  background-color: var(--background-black);
  opacity: 0.8;
  width: 100%;
  height: 100%;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
}

.outer-box {
  background: linear-gradient(
    180deg,
    rgba(90, 138, 231, 1) 0%,
    rgba(115, 191, 184, 1) 100%
  );
  width: 100%;
  height: 300px;
  border-radius: 15px;
}

.parent-company {
  position: relative;
}

.img-box {
  position: absolute;
  top: -12px;
  left: 13px;
  width: 100%;
}

.img-box img {
  height: 300px;
  width: 100%;
  border-radius: 12px;
  object-fit: cover;
  object-position: center;
}

.company-inner {
  padding: 2px 30px 20px;
}

.company-text {
  font-size: 16px !important;
  font-weight: 300 !important;
  color: var(--text-white) !important;
  line-height: 1.7 !important;
}

.membership-parent {
  position: relative;
  display: flex;
}

.membership-img {
  z-index: 1;
  position: relative;
}

.membership-container {
  border-radius: 24px;
  border: 2px solid #73bfb8;
  padding: 21px 15px 9px 126px;
  position: relative;
  left: -114px;
  align-items: center;
  z-index: 0;
  width: 100%;
  color: var(--text-white);
}

.membership-container2 {
  border-radius: 24px;
  border: 2px solid #5988e9;
  padding: 21px 126px 9px 24px;
  position: relative;
  left: 100px;
  align-items: center;
  z-index: 0;
  width: 100%;
  color: var(--text-white);
  text-align: end;
}

.memb-img {
  width: 170px;
  height: 170px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #73bfb8;
}

.memb-img2 {
  width: 170px;
  height: 170px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #5988e9;
}

.tit-name3 {
  font-family: "Montserrat", serif;
  font-size: 20px;
  font-weight: 700;
  color: #5988e9;
}

.media-card {
  border-radius: 12px;
  border: 1px solid var(--theme-color);
}

.media-card-inner {
  position: relative;
  padding: 20px 20px;
}

.med-img {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  object-fit: cover;
  width: 100%;
}

.media-content {
  position: relative;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  border: 1px solid var(--theme-color);
  z-index: 0;
}

.media-content::before {
  content: "";
  position: absolute;
  background-color: var(--background-black);
  opacity: 0.6;
  width: 100%;
  height: 100%;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.media-content-inner p {
  color: var(--text-white);
  font-weight: 400;
  margin-top: 14px;
}

.media-content-inner h4 {
  color: var(--theme-color);
  font-weight: 600;
  margin-bottom: 20px;
}

.media-content-inner {
  position: relative;
  z-index: 1;
  padding: 23px;
}

.seventeen {
  /* background-image: url("images/Questions_Media.png"); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  background-attachment: fixed;
}

.seventeen::before {
  content: "";
  position: absolute;
  background-color: var(--background-black);
  opacity: 0.8;
  width: 100%;
  height: 100%;
}

.outer-rectangle {
  border: 14px solid var(--theme-color);
  border-radius: 8px;
  padding: 20pxw;
}

.contact-form {
  padding: 0px 20px 20px 60px;
}

.form-control {
  background-color: transparent;
}

.label-form {
  color: var(--text-white);
  padding: 10px 2px;
}

.form-btn {
  text-align: center;
}

.form-btn button {
  width: 50%;
  background-color: var(--theme-color);
  outline: none;
  border: none;
}

.form-control {
  color: var(--text-white);
}

.form-control:focus {
  color: white;
  background-color: transparent;
  border-color: var(--theme-color);
  outline: 0;
  box-shadow: 0px 2px 1px 1px var(--theme-color);
}

.circ-social {
  background-color: var(--theme-color);
  border-radius: 50%;
  padding: 10px;
  margin: 22px;
}

.form-inner-img {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.form-img img {
  height: 300px;
  width: 300px;
  object-fit: cover;
  border-radius: 15px;
  box-shadow: var(--theme-color) 0px 2px 5px -1px,
    var(--theme-color) 0px 1px 3px -1px;
}

.circ-social img {
  width: 30px;
  height: 30px;
}

.frmbtn {
  padding: 10px;
}

.frmbtn:hover {
  background-color: #47c9bd;
}

.vdo-island {
  background-color: #73bfb8;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  padding: 95px 20px 13px 10px;
  text-align: center;
  border-radius: 12px;
}

.vdo-container {
  position: relative;
  top: 100px;
  z-index: 1;
}

.vdo-container iframe {
  width: 100%;
  border-radius: 8px;
  min-height: 192px;
  border: 1px solid #73bfb8;
  outline: 10px solid #141414;
}

.vdo-island2 {
  background-color: #5988e9;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  padding: 95px 20px 13px 10px;
  text-align: center;
  border-radius: 12px;
}

.vdo-container2 {
  position: relative;
  top: 100px;
  z-index: 1;
}

.vdo-container2 iframe {
  width: 100%;
  border-radius: 8px;
  min-height: 192px;
  border: 1px solid #5988e9;
  outline: 10px solid #141414;
}

.vdo-island3 {
  background-color: #fec601;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  padding: 95px 20px 13px 10px;
  text-align: center;
  border-radius: 12px;
}

.vdo-container3 {
  position: relative;
  top: 100px;
  z-index: 1;
}

.vdo-container3 iframe {
  width: 100%;
  border-radius: 8px;
  min-height: 192px;
  border: 1px solid #fec601;
  outline: 10px solid #141414;
}

.tit-name4 {
  font-size: 22px;
  font-weight: 700;
  color: var(--text-white);
}

.parent-book {
  display: flex;
}

.left-page {
  padding: 10px;
  border-radius: 6px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 13px;
  background-color: white;
  width: 50%;
}

.right-page {
  border-radius: 6px;
  border-top-left-radius: 13px;
  border-bottom-left-radius: 0px;
  background-color: white;
  width: 50%;
  padding: 13px;
}

.right-page-inner {
  background: linear-gradient(
    180deg,
    rgba(148, 148, 148, 1) 0%,
    rgba(17, 93, 121, 1) 100%
  );
  padding: 13px;
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.book-desc {
  border-radius: 0px 32px 0px 32px;
  background-color: #141414;
  padding: 20px 12px;
  border: 1px solid #73bfb8;
}

.book-tit {
  font-family: "Montserrat", serif;
  color: white;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.3;
}

.book_txt {
  font-size: 16px !important;
  font-weight: 300 !important;
  color: var(--text-white) !important;
  line-height: 1.7 !important;
}

.investment-parent {
  position: relative;
}

.investment-content {
  padding: 5px 30px;
}

.invstmnt-img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 10px;
}
.upper-glow {
  background-color: #5988e9;
  box-shadow: 0px 0px 36px 4px rgba(89, 136, 233, 1);
  border-radius: 13px;
  width: 100px;
  height: 90px;
  position: absolute;
  right: -5px;
  top: -5px;
}
.investment-mid-img {
  position: relative;
  z-index: 1;
}
.lower-glow {
  background-color: #73bfb8;
  box-shadow: 0px 0px 36px 4px #73bfb8;
  border-radius: 13px;
  width: 90px;
  height: 90px;
  position: absolute;
  bottom: -5px;
  left: -5px;
  z-index: 0;
}
.mid-bar-div2 {
  text-align: center;
  margin-top: 3%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sub_txt2 {
  font-size: 25px;
  position: relative;
  z-index: 1;
  font-family: "Montserrat", serif;
  color: var(--text-white);
  font-weight: 600;
  padding: 0px 12px;
  background-color: var(--background-black);
  border-radius: 11px;
}
.mid_bar3 {
  width: 90%;
  background-color: #73bfb8 !important;
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 1;
  height: 2px;
  z-index: 0;
  position: relative;
  bottom: 37px;
}
.frmbtn1 {
  padding: 10px;
  background-color: #5988e9;
  border: none;
}
.frmbtn2 {
  padding: 10px;
  background-color: #73bfb8;
  border: none;
}

.star-icons {
  display: flex;
}

.str_icn {
  width: 25px;
}

input.form-control:focus,
textarea.form-control:focus {
  /* border-color: #0000ff; 
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 255, 0.25);  */
  color: #000;
}
input.form-control,
textarea.form-control {
  color: #000;
}

.customize-page-btn {
  position: fixed;
  bottom: 30px;
  z-index: 999;
  right: 30px;
  padding: 13px 30px;
  background-color: #73bfb8;
  color: #fff;
  border-radius: 50px;
  box-shadow: 0px 0px 10px #a7a7a7;
  transition: 0.9s;
  text-decoration: none !important;
  font-size: 18px !important;
}

.img-fit {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.child1 {
  margin: 0px 12px 0px 0px;
}

/* MEDIA QUERIES  */

@media only screen and (max-width: 1000px) {
  .first {
    background-size: contain;
  }
}

@media only screen and (max-width: 800px) {
  .head_txt {
    font-size: 70px;
  }

  .header_text {
    top: -55px;
  }

  .sub_txt {
    font-size: 20px;
  }

  .capitalize {
    font-size: 30px;
  }

  .mid-bar-div {
    top: -37px;
  }

  .headings {
    font-size: 30px;
  }

  .sub-heading {
    font-size: 15px;
  }

  .card_txt {
    font-size: 13px !important;
    /* font-size: 10px !important; */
    line-height: 1 !important;
  }
}

@media only screen and (max-width: 550px) {
  .head_txt {
    font-size: 40px;
  }

  .header_img {
    min-height: 300px;
    border-radius: 20px;
    margin: 0 17px;
  }

  .header_text {
    top: -35px;
  }

  .sub_txt {
    font-size: 12px;
    padding: 0 15px;
  }

  .capitalize {
    font-size: 19px;
  }

  .mid-bar-div {
    top: -32px;
  }

  .outer_parent {
    justify-content: center;
  }

  .card1 {
    margin-top: 30px;
  }

  .headings {
    font-size: 32px;
  }

  .sub-heading {
    font-size: 15px;
  }

  .card_txt {
    font-size: 15px !important;
    /* font-size: 12px !important; */
    line-height: 1 !important;
  }

  .img2 {
    width: 300px;
    height: 250px;
  }

  .img1 {
    height: 150px;
  }

  .sub-heading {
    margin-bottom: 30px !important;
  }

  .number {
    padding: 4px 13px;
    font-size: 22px;
  }

  .card-title {
    font-size: 23px;
  }

  .capitalize3 {
    font-size: 30px;
  }

  .card-inner {
    padding: 15px 20px;
  }

  .card-inner span {
    font-size: 15px;
    /* font-size: 13px; */
  }

  .exp-card {
    margin-bottom: 20px;
  }

  .articles-view {
    margin-top: 10%;
  }

  .membership-parent {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  .reverse {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column-reverse;
  }

  .membership-img {
    z-index: 1;
    position: relative;
    padding: 22px;
    text-align: center;
  }

  .membership-container {
    padding: 10px 13px 10px 15px;
    left: 0px;
    text-align: center;
  }

  .membership-container2 {
    padding: 10px 13px 10px 15px;
    left: 0px;
    text-align: center;
  }

  body {
    background-size: contain;
  }

  .second-cont {
    top: 0%;
  }

  .first-cont {
    border: 1px solid var(--theme-color);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }

  .second-cont {
    border: 1px solid var(--theme-color);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .eleventh {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
  }

  .eleventh::before {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
  }

  .contact-form {
    padding: 0px 20px 20px 20px;
  }

  .form-img {
    text-align: center;
  }

  .form-inner-img {
    display: block;
  }

  .social-icons {
    display: flex;
    justify-content: center;
  }

  .media-card {
    margin-top: 5%;
  }

  .padmob {
    padding: 35px;
  }

  .book-desc {
    margin-top: 8%;
  }

  .article-cont {
    padding: 3px 17px;
    background-color: #f3f3f3;
    border-radius: 17px;
  }

  .artc-img {
    /* width: 100px; */
    width: 120px;
    height: 80px;
    /* height: 90px; */
  }
}

.article-below{
  display: none;
}
/* .article-side{
  display: block;
} */

@media only screen and (max-width: 550px) {
  .article-below{
    display: block;
  }

  .article-side{
    display: none;
  }
}