@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Inter", sans-serif;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

@font-face {
  font-family: "Gilroy";
  src: url("Gilroy-Regular.eot");
  src: local("Gilroy Regular"), local("Gilroy-Regular"),
    url("Gilroy-Regular.eot?#iefix") format("embedded-opentype"),
    url("Gilroy-Regular.woff2") format("woff2"),
    url("Gilroy-Regular.woff") format("woff"),
    url("Gilroy-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.container {
  max-width: 1440px;
  margin: 0 auto;
}

.container-wrap {
  max-width: 1140px;
  margin: 0 auto;
}

/* header */
.sticky {
  position: fixed;
  top: 0;
  background-color: #212121;
  height: 80px;
  width: 100%;
  opacity: 78%;
  z-index: 1000;
}

.nav {
  background: #212121;
}

.sticky + .header-inner {
  top: 0;
}

.header-inner {
  background: rgb(33 33 33);
  right: 0;
  margin: 0 auto;
}
.header-inner .header-inner--wrapper {
  width: 100%;
  display: flex;
  height: 80px;
  align-items: center;
  justify-content: space-between;
}
.header-inner .header-inner--wrapper .header-head {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 6px;
}
.header-inner .header-inner--wrapper .header-head .header-img {
  cursor: pointer;
  width: 42.31px;
}
.header-inner .header-inner--wrapper .header-head .heading {
  font-size: 1.125rem;
  color: rgb(255, 255, 255);
  text-align: left;
}

.header {
  display: flex;
  justify-content: left;
  width: 100%;
}

/* Hero Section */
.hero-bg2-design {
  display: none;
}
.hero-bg1-design {
  display: none;
}
.hero-section .hero-wrapper {
  display: flex;
  justify-content: left;
  margin-top: 4rem;
}
.hero-section .hero-wrapper .hero-left-top {
  position: absolute;
  opacity: 0.7;
  left: 0;
}
.hero-section .hero-wrapper .hero-left-bottom {
  position: absolute;
  top: 5.7125rem;
  left: 0;
}
.hero-section .hero-wrapper .hero-contain {
  width: 59%;
  text-align: left;
}
.hero-section .hero-wrapper .hero-contain .hero-heading {
  font-size: 1.125rem;
  line-height: 22px;
  font-weight: 400;
  color: #ffffff;
  opacity: 72%;
  margin-bottom: 1.25rem;
}
.hero-section .hero-wrapper .hero-contain .hero-header {
  font-size: 46px;
  font-weight: 500;
  line-height: 56px;
  color: #ffffff;
  margin-bottom: 0.75rem;
}
.hero-section .hero-wrapper .hero-contain .hero-para {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 28px;
  color: #ffffff;
  opacity: 72%;
  margin-bottom: 0.5rem;
  width: 72%;
}

.hero-section .hero-wrapper .hero-contain .hero-btn {
  font-size: 1rem;
  font-weight: 600;
  line-height: 20px;
  text-align: left;
  border: 1px solid #4b4b4b;
  outline: none;
  background: #4b4b4b;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
  border-radius: 12px;
  gap: 10px;
  padding: 16px 33px;
  color: #ffffff;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
  cursor: pointer;
}
.hero-section .hero-wrapper .hero-img-contain {
  width: 41%;
  position: relative;
  z-index: 1;
  margin-top: 2rem;
}
.hero-girl-wrapping {
  text-align: end;
}
.hero-section .hero-wrapper .hero-img-contain .badge {
  --badge-size: 125px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--badge-size);
  height: var(--badge-size);
  background: var(--black);
  border-radius: 100%;
  box-shadow: inset 0 0 0 0.9rem var(--badge-color);
  animation: identifier 20s linear infinite;
}
.hero-section .hero-wrapper .hero-img-contain #badge {
  top: 50px;
  right: 525px;
  position: absolute;
}
.hero-section .hero-wrapper .hero-img-contain .badge__char {
  --char-font-weight: 600;
  --char-font-size: 1em;
  --char-width: 10px;
  --char-font-family: "Arial", sans-serif;
  display: block;
  position: absolute;
  top: 0;
  left: calc(50% - var(--char-width) / 2);
  height: calc(var(--badge-size) / 2);
  width: var(--char-width);
  background-repeat: round;
  text-align: center;
  text-transform: uppercase;
  line-height: 1rem;
  font-weight: var(--char-font-weight);
  font-size: var(--char-font-size);
  color: var(--white);
  font-family: var(--char-font-family);
  transform-origin: bottom center;
  transform: rotate(var(--char-rotate));
}
@keyframes identifier {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.hero-section .hero-wrapper .hero-img-contain .design-flower {
  position: relative;
}
.hero-section .hero-wrapper .hero-img-contain .hero-flower-design {
  position: absolute;
  top: 369px;
  left: 121px;
  animation: round-level 5s ease infinite;
}
.hero-section .hero-wrapper .hero-img-contain .design-bell {
  position: relative;
}
.hero-section .hero-wrapper .hero-img-contain .hero-bell-design {
  position: absolute;
  top: 503px;
  left: 537px;
}
.hero-section .hero-wrapper .hero-img-contain .design-round {
  position: relative;
}
.hero-section .hero-wrapper .hero-img-contain .hero-round-design {
  position: absolute;
  top: 205px;
  left: 612px;
  animation: round 5s infinite linear;
}

.hero-section .hero-wrapper .hero-img-contain .cs-img-contain {
  position: relative;
  margin-left: 11%;
  width: 642px;
}

.header-bottom-pannel {
  background-image: url(../Image/text-slider-header.png);
  background-repeat: no-repeat;
  height: 87px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blog-wrapper {
  display: none;
}

@keyframes slide-right {
  from {
    margin-left: -200%;
  }
  to {
    margin-left: 0%;
  }
}
.about-section .about-wrapper {
  width: 100%;
  display: flex;
  margin-top: 4rem;
}
.about-section .about-wrapper .about-wrap {
  width: 50%;
}
.video1 {
  width: 370px;
  height: 550px;
  box-shadow: 0px 13px 13px 7px #d9d9d98f;
}
.video2 {
  width: 370px;
  height: 267px;
  box-shadow: 0px 13px 13px 7px #d9d9d98f;
}
.video3 {
  width: 370px;
  height: 267px;
  box-shadow: 0px 13px 13px 7px #d9d9d98f;
}
.video4 {
  width: 370px;
  height: 550px;
  box-shadow: 0px 13px 13px 7px #d9d9d98f;
}
img.slider-image {
  box-shadow: 0px 13px 20px 7px #d9d9d9;
  border-radius: 25px;
}
.about-section .about-wrapper .about-wrap .sub-header-about {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 22px;
  color: #000721;
  opacity: 72%;
}
.about-section .about-wrapper .about-wrap .header-about {
  font-size: 43px;
  font-weight: 600;
  line-height: 56px;
  color: #000721;
  margin-bottom: 1.25rem;
}
.about-section .about-wrapper .about-wrap .about-scroll .about-para {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: #000721;
  opacity: 72%;
  width: 89%;
}
.about-section .about-wrapper .about-main {
  width: 50%;
}
.about-section .about-wrapper .about-main .about-img {
  margin-top: 30px;
  width: 100%;
}
.about-section .about-wrapper .about-main .about-img-wrap:hover .img-1 {
  transform: scale(1.25);
}
.about-section .about-wrapper .about-main .img-2:hover {
  transform: scale(1.25);
}
.about-section .about-wrapper .about-main .img-3:hover {
  transform: scale(1.25);
}

@keyframes slide-right {
  from {
    margin-left: -200%;
  }
  to {
    margin-left: 0%;
  }
}
.blog-card1 {
  display: inline-block;
  width: 24%;
}
.blog-card2 {
  display: inline-block;
  width: 24%;
}
.blog-card3 {
  display: inline-block;
  width: 24%;
}
.blog-card4 {
  display: inline-block;
  width: 24%;
}
.blog-wrappers {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1%;
  margin-bottom: 5rem;
}
.social-media-bg-img::before {
  content: "";
  position: absolute;
  top: -3%;
  background-image: url(../Image/social-media-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  z-index: -1;
  bottom: 0%;
}
.social-media-section .social-media-bg-img {
  background-image: url(../Image/social-media-bg.png);
  background-size: 100% 100%;
  position: relative;
}
.social-media-section .social-media-contain {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.social-media-section .social-media-header {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 49px;
  color: #000721;
  margin: 1rem 0;
}
.social-media-section .social-media-para {
  font-size: 1rem;
  font-weight: 400;
  line-height: 20px;
  width: 59%;
  color: #585858;
  margin-bottom: 3.5rem;
}
.social-media-section .social-media-img {
  display: flex;
  padding-bottom: 3.75rem;
  justify-content: space-between;
}
.social-media-section .social-media-img-2 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.blog-section .blog-heading {
  margin-top: 6.25rem;
  margin-bottom: 2.6rem;
}
.blog-section .blog-header {
  display: flex;
  font-size: 2.375rem;
  font-weight: 600;
  line-height: 46px;
  align-items: center;
  justify-content: center;
}
.blog-section .blog-wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 3rem;
}
.blog-section .blog-contain {
  margin-top: 1.75rem;
}
.blog-section .blog-contain-heading {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 22px;
  color: #212121;
  margin-bottom: 0.5rem;
}
.blog-section .blog-contain-para {
  font-size: 1rem;
  font-weight: 400;
  line-height: 26px;
  color: #000721;
  opacity: 72%;
  margin-bottom: 0.5rem;
}
.blog-section .blog-item {
  font-size: 1rem;
  font-weight: 400;
  line-height: 28px;
  color: #000721;
  opacity: 72%;
  display: flex;
  gap: 0.375rem;
}
.swiper.mySwiper3 {
  display: none;
}
.Work-section .work-container {
  margin-top: 5rem;
}
.Work-section .work-container .work-header {
  font-size: 2.375rem;
  font-weight: 600;
  line-height: 46px;
  color: #000721;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}
.Work-section .work-container .work-contain {
  display: flex;
  gap: 3rem;
  margin-bottom: 2rem;
  justify-content: start;
  flex-wrap: wrap;
}
.Work-section .work-container .work-contain .work-details {
  width: 30%;
}
.Work-section .work-container .work-sub-img1 {
  max-width: 60px;
}

/* .Work-section .work-container .work-sub-detail {
  gap: 0.75rem;
  width: 272px;
} */
.Work-section .work-container .work-sub-contain .work-sub-header1 {
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
  color: #000721;
  margin-bottom: 0.5rem;
}
.Work-section .work-container .work-sub-contain .work-sub-header2 {
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
  color: #000721;
  margin-bottom: 0.5rem;
}
.Work-section .work-container .work-sub-contain .work-sub-header3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
  color: #000721;
  margin-bottom: 0.5rem;
}
.Work-section .work-container .work-sub-contain .work-sub-para1 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 32px;
  opacity: 72%;
  color: #000721;
}
.Work-section .work-container .work-sub-contain .work-sub-para2 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 32px;
  opacity: 72%;
  color: #000721;
}
.Work-section .work-container .work-sub-contain .work-sub-para3 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 32px;
  opacity: 72%;
  color: #000721;
}
.Work-section .work-container .work-sub-contain .work-contain-sub-para3 {
  font-size: 1rem;
  font-weight: 500;
  color: #000721;
  line-height: 32px;
}
.Work-section .work-container .work-middle-line {
  width: 66.5%;
  margin: 2rem auto;
  border: 0.5px solid rgba(33, 33, 33, 0.2);
}
.Work-section .work-container .work-last-contain {
  margin-bottom: 7.5rem;
}
.Work-section .work-container .work-last-contain .work-last-header {
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 37px;
  color: #000721;
}
.Work-section .work-container .work-last-contain .work-last-contain-upper {
  display: flex;
  margin-top: 2rem;
  width: 100%;
}
.Work-section
  .work-container
  .work-last-contain
  .work-last-contain-upper
  .work-title {
  display: flex;
  width: 50%;
}
.Work-section
  .work-container
  .work-last-contain
  .work-last-contain-upper
  .work-title
  .work-icon {
  font-size: 0.5rem;
  margin-right: 0.75rem;
  height: 20px;
  display: flex;
  align-items: center;
}
.Work-section
  .work-container
  .work-last-contain
  .work-last-contain-upper
  .work-title
  .work-last-content
  .work-last-heading {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 25px;
  color: #000721;
  margin-bottom: 0.5rem;
}
.Work-section
  .work-container
  .work-last-contain
  .work-last-contain-upper
  .work-title
  .work-last-content
  .work-last-para {
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
  color: #000721;
  opacity: 72%;
}
.contact-section .contact-img {
  background-image: url(../Image/contact-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 550px;
}

/* Form Section */
.form-section .form-img {
  background-image: url("../Image/form-main.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 550px;
}

.form-section .form-img .form-header {
  font-size: 2rem;
  line-height: 39px;
  color: #ffffff;
  font-weight: 600;
  width: 54%;
  justify-content: end;
  display: flex;
  margin-top: 9%;
}
.form-section .form-img .form-header1 {
  font-size: 2rem;
  line-height: 39px;
  color: #ffffff;
  font-weight: 600;
  display: none;
}
.form-section .form-img .form-contain {
  width: 466px;
  height: 460px;
  padding: 15px;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0px 13px 13px 7px rgba(0, 0, 0, 0.0705882353);
  border-style: solid;
  border-color: transparent;
  margin-top: -5%;
}
.form-section .form-img .form-img-side-low {
  position: relative;
}
.form-section .form-img .form-img-side {
  position: absolute;
  right: 2%;
}
.form-section .form-img .form-detail-header {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 30px;
  color: #000000;
  margin-top: 0.5rem;
  text-align: center;
}
.form-section .form-img .form-detail-para {
  font-size: 1rem;
  font-weight: 400;
  line-height: 20px;
  color: rgba(0, 7, 33, 0.72);
  margin-top: 0.8rem;
  margin-bottom: 1.3rem;
  text-align: center;
}
.form-section .form-img .contact-detail-name {
  width: 100%;
  margin-bottom: 2rem;
}
.form-section .form-img .contact-detail-name .border-contact1 {
  display: flex;
  border-bottom: 0.7px solid rgb(208, 208, 208);
  width: 100%;
  height: 38px;
  align-items: center;
  justify-content: space-between;
}
.form-section .form-img .contact-detail-name .border-contact1 .name-contact {
  border: none;
  outline: none;
}
.form-section .form-img .contact-detail-email {
  width: 100%;
  margin-bottom: 2.3rem;
}
.form-section .form-img .contact-detail-email .border-contact2 {
  display: flex;
  border-bottom: 0.7px solid rgb(208, 208, 208);
  width: 100%;
  justify-content: space-between;
  height: 38px;
  align-items: center;
}
.form-section .form-img .contact-detail-email .border-contact2 .email {
  border: none;
  outline: none;
}
.form-section .form-img .form-click {
  display: flex;
  margin-left: 1.5625rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 17px;
  color: rgb(39, 39, 39);
  margin-bottom: 1.5rem;
  gap: 0.5rem;
  align-items: center;
}
.form-section .form-img #form-click-btn {
  width: 20px;
  cursor: pointer;
  height: 20px;
  accent-color: #000;
}
.form-section .form-img .btn-primary-form {
  width: 100%;
  display: flex;
  justify-content: center;
}
.form-section .form-img .btn-primary-form .form-btn {
  border-radius: 12px;
  gap: 10px;
  cursor: pointer;
  padding: 16px 78px;
  background-color: rgb(39, 39, 39);
  color: rgb(255, 255, 255);
  font-size: 1rem;
  line-height: 20px;
  outline: none;
  border: none;
  text-transform: uppercase;
  font-weight: 600;
}

.header-img {
  width: 42px;
  height: 42px;
}

/* Footer Section */
.cs-footer .footer-bg {
  background-color: rgb(13, 7, 5);
}
.cs-footer .footer-bg .footer-wrapper {
  padding-top: 3rem;
  display: flex;
  justify-content: center;
  gap: 2.9375rem;
  padding-bottom: 1.875rem;
  align-items: center;
}
.cs-footer .footer-bg .footer-wrapper .header-head-footer {
  display: flex;
  gap: 0.625rem;
  align-items: center;
  cursor: pointer;
  color: #ffffff;
}
.cs-footer .footer-bg .footer-wrapper .header-head-footer .header-img {
  width: 42px;
  height: 42px;
}
.cs-footer .footer-bg .footer-wrapper .header-head-footer .heading-footer {
  color: #ffffff;
}
.cs-footer .footer-bg .footer-wrap-para .footer-para {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  opacity: 52%;
  line-height: 25px;
}
.cs-footer .footer-bg .footer-middle-line {
  border: 0.5px solid rgba(255, 255, 255, 0.2);
  width: 100%;
}
.cs-footer .footer-bg .footer-lists .footer-wrapper-titte-last {
  padding-top: 30px;
}
.cs-footer .footer-bg .footer-lists .footer-wrapper-titte-last .footer-access {
  font-size: 1rem;
  line-height: 32px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 1rem;
  cursor: pointer;
}
.cs-footer .footer-bg .footer-lists .footer-main-list {
  display: flex;
  justify-content: space-between;
  padding-bottom: 3rem;
}
.cs-footer .footer-bg .footer-lists .footer-wrapper-list {
  display: flex;
}
.cs-footer .footer-bg .footer-lists .list-name {
  color: rgba(255, 255, 255, 0.52);
  font-size: 1rem;
  font-weight: 400;
  line-height: 32px;
  list-style-type: none;
  margin-top: 8px;
  text-decoration: none;
  margin-bottom: 46px;
  /* cursor: pointer; */
}
.list-name2 .list-name {
  opacity: 50%;
}
.cs-footer .footer-bg .footer-lists .list-name2 {
  color: rgba(255, 255, 255, 0.52);
  font-size: 1rem;
  font-weight: 400;
  list-style-type: none;
  margin-top: 8px;
  text-decoration: none;
  /* cursor: pointer; */
}
.cs-footer .footer-bg .footer-lists .list-name1 {
  color: rgba(255, 255, 255, 0.52);
  font-size: 16px;
  font-weight: 400;
  display: flex;
  justify-content: start;
  align-items: self-end;
  list-style-type: none;
  margin-top: 0px;
  margin-bottom: 3px;
  text-decoration: none;
  cursor: pointer;
}
.cs-footer .footer-bg .footer-lists .list-name:hover {
  /* color: #ffffff; */
  list-style-image: url(../Image/right-footer.png);
}
/* .cs-footer .footer-bg .footer-lists .list-name2:hover {
  color: #ffffff;
  list-style-image: url(../Image/right-footer.png);
} */
.cs-footer .footer-wrap-last-row {
  display: flex;
  justify-content: space-between;
  padding-bottom: 3rem;
}
.cs-footer .footer-wrap-last-row .footer-last-header {
  color: rgba(255, 255, 255, 0.52);
  font-size: 1rem;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
  cursor: pointer;
}
.cs-footer .footer-wrap-last-row .footer-social-media {
  display: flex;
  gap: 1.25rem;
}

.swipper-sliderses {
  margin: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.auto_slider_container {
  width: 100%;
  display: flex;
  margin: auto;
  overflow: hidden;
}

.auto_slider {
  padding: 0px;
  margin: 0px;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.auto_slider li {
  font: 16px/1.2 "Roboto";
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  margin: 0px 15px;
  border-radius: 25px;
}

@keyframes rotation {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
/*`````````responsive Menu toogle```````````````*/
#nav-check {
  display: none;
  display: none;
}

.underline {
  font-size: 14px;
  vertical-align: bottom;
  color: blue;
  padding-left: 5px;
}
.underline:hover {
  text-decoration: underline;
}

#sup {
  font-size: 8.4px;
  color: blue;
}

.nav {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.toogle-menu-img {
  display: none;
}

.shop {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  overflow: hidden;
  background-color: #212121;
}

.shop-section {
  display: grid;
  grid-template-columns: 2fr 400px;
  padding-top: 0;
  margin-top: 40px;
  height: 200px;
}

.shop2 {
  /* background-color: rgba(33, 33, 33, 0.95); */
  background-color: rgb(33 33 33);
  z-index: -1;
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
}

.shop-banner {
  font-size: 45px;
  font-weight: 600;
  color: rgb(110, 110, 115);
  width: 700px;
  margin-top: 40px;
  padding-left: 140px;
}

.chat-store {
  display: grid;
  grid-template-rows: 1fr 1fr;
  margin-right: 80px;
}

.chat-help {
  display: grid;
  grid-template-columns: 44px 1fr;
  padding-top: 36px;
}
.chat-help img {
  border-radius: 20px;
}

.chat-visit {
  display: grid;
  grid-template-columns: 44px 1fr;
}

.toggle-btn {
  cursor: pointer;
  float: right;
  margin-top: 10px;
}

.full-content-tooglw {
  width: 52%;
  margin-top: 10px;
}

.tm-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 185px;
}

.toggle-menu-res {
  width: 50%;
  display: flex;
  justify-content: center;
}

.tm-last-contain {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: px;
}

.middle-line-tm {
  border: 1px solid rgba(255, 255, 255, 0.2);
  width: 100%;
  margin: 35px 0;
}

.tm-header {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  color: rgba(255, 255, 255, 0.6980392157);
}

.footer-social-media-tm {
  display: flex;
  gap: 20px;
}

.tm-list {
  font-size: 28px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
  color: #ffffff;
  opacity: 80%;
  display: flex;
  align-items: center;
  gap: 16px;
}
.tm-list.res {
  font-size: 28px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
  color: #ffffff;
  /* opacity: 50%; */
  display: block;
  align-items: center;
  gap: 16px;
}
.tm-list.res p {
  opacity: 40%;
  width: 121%;
  text-align: start;
}
.tm-list-icon:hover .toogle-menu-img {
  display: block;
}

.social-media-radius {
  border-radius: 24px;
  width: 370px;
  height: 268px;
}

.social-media-radius-1 {
  border-radius: 24px;
  width: 370px;
  height: 550px;
}

.sm-footer-animation:hover {
  transform: scale(1.2);
  cursor: pointer;
}

.blog-img {
  overflow: hidden;
  border-radius: 20px;
  position: relative;
}

.blog-img1 {
  width: 94%;
  height: 100%;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.blog-img1 :hover {
  animation: blog 5s ease infinite;
}
.blog-section .blog-contain {
  width: 94%;
}
@keyframes blog {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
.tm-contain {
  cursor: pointer;
}

.tm-ul {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 20px;
}

.whiskey-cards {
  display: flex;
  flex-wrap: nowrap;
  padding: 0 20px;
  overflow-x: scroll;
  justify-content: center;
  align-items: center;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.tm-list-icon {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 25px;
  margin-top: 10px;
  /* cursor: pointer; */
}

.whiskey-cards::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px;
  height: 5px;
}

.header-bottom-slide-icon {
  font-size: 8px;
  margin-top: 24px;
}

.whiskey-cards::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.5);
  background: linear-gradient(90deg, #02bcf5, #0073e6, #003ab9, #635bff);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  border-radius: 16px;
  opacity: 0.5;
}

.whiskey-cards:hover::-webkit-scrollbar-thumb {
  opacity: 1;
}

.whiskey-card {
  display: flex;
  flex-direction: column;
  flex-basis: 244px;
  border-radius: 16px;
}

.whiskey-card h3 {
  padding-top: 0;
  line-height: 1.35;
}

.whiskey-card .whiskey-card--content {
  line-height: 1.5;
  font-size: 15px;
  font-weight: 300;
}

.whiskey-card .whiskey-card--content img {
  max-width: 100%;
}

.whiskey-card .whiskey-card--link {
  line-height: 1.5;
  font-size: 15px;
  font-weight: 700;
  opacity: 0.7;
  margin: auto 0 0 0;
}

.whiskey-card h3 a,
.whiskey-card .whiskey-card--link a {
  color: #ffffff;
}

.whiskey-card .whiskey-card--link a svg {
  --arrowSpacing: 5px;
  --arrowHoverTransition: 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  --arrowHoverOffset: translateX(3px);
  --arrowTipTransform: none;
  --arrowLineOpacity: 0;
  position: relative;
  top: 1px;
  margin-left: var(--arrowSpacing);
  stroke-width: 2px;
  fill: none;
  stroke: currentColor;
}

.HoverArrow__linePath {
  opacity: var(--arrowLineOpacity);
  transition: opacity var(--hoverTransition, var(--arrowHoverTransition));
}

.HoverArrow__tipPath {
  transform: var(--arrowTipTransform);
  transition: transform var(--hoverTransition, var(--arrowHoverTransition));
}

.whiskey-card:hover .HoverArrow__linePath {
  --arrowLineOpacity: 1;
}

.whiskey-card:hover .HoverArrow__tipPath {
  --arrowTipTransform: var(--arrowHoverOffset);
}

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  overflow: hidden;
  transition: 0.5s;
}
.overlay .header-inner {
  background: transparent;
}

.close-btn {
  cursor: pointer;
  font-size: 60px;
  color: white;
}

/* -------------------slider--------------- */
.slider-section {
  width: 100%;
  margin: auto;
}

.carousel {
  display: flex;
  align-items: center;
}

.carousel .slider-image-wrapper {
  padding: 10px 10px 35px;
}

.slider-odd img {
  width: 366px;
  height: 452px;
}

.slider-even img {
  width: 380px;
  height: 570px;
}

.slider-odd {
  margin: 55px 0;
}

body.no-scroll {
  overflow: hidden;
}

.social-media-radius {
  border-radius: 24px;
}

.tm-image-wrap {
  width: 400px;
  height: 400px;
}

.tm-image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.scrolling-container {
  display: flex;
  position: relative;
  white-space: nowrap;
}

.header-bottom-pannel {
  overflow: hidden;
  white-space: nowrap;
}

.overlay .header-inner {
  background: transparent;
}

.close-btn {
  cursor: pointer;
  font-size: 60px;
  color: white;
}

.cs-wrap {
  display: flex;
  align-items: center;
  gap: 42px;
}

.header-head-footer {
  display: flex;
  gap: 12px;
  align-items: center;
  color: #ffffff;
  cursor: pointer;
}

.header-bottom-slide {
  /* text-transform: uppercase; */
  display: flex;
  white-space: nowrap;
  position: relative;
  font-family: Work Sans;
  font-size: 42px;
  font-weight: 700;
  line-height: 49.27px;
  gap: 12px;
  letter-spacing: 0.015em;
  text-align: left;
}

.scrolling-container {
  display: flex;
  position: relative;
  white-space: nowrap;
}

.header-slide-text {
  font-size: 42px;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 0.012em;
  -webkit-text-stroke: 0.6px rgba(255, 255, 255, 0.4);
  color: transparent;
}

.slider-image img {
  width: 100%;
}
.hero-design-wrap {
  position: absolute;
}

.round-img {
  animation: round 5s infinite linear;
}

.round-wrap {
  position: absolute;
  top: -247%;
  right: -373%;
}

.flower-wrap {
  position: absolute;
  top: -108%;
  right: 47%;
}

.flower-img {
  animation: round-level 5s ease infinite;
}
.hero-bg {
  position: absolute;
  top: -416%;
  left: 16%;
  z-index: -1;
}

@keyframes round-level {
  0% {
    transform: scale(0.9);
  }
  70% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(0.9);
  }
}
.bell-img {
  animation: round 5s infinite linear;
}

.bell-wrap {
  position: absolute;
  right: -309%;
  top: 5%;
}

@keyframes round {
  0% {
    transform: rotate(45deg);
  }
  25% {
    transform: rotate(-45deg);
  }
  50% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(-45deg);
  }
}
.circle1 {
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 50%;
}

#circularText {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(0deg);
  animation: rotateCircle 10s linear infinite;
  top: -420%;
  right: -39%;
  z-index: -1;
}

#circularText p {
  position: absolute;
  font-size: 16px;
  color: rgb(255, 255, 255);
  transform-origin: center center;
  font-weight: 800;
  padding: 0;
}

.footer-wrapper1 {
  display: flex;
  justify-content: center;
  gap: 2.9375rem;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  align-items: center;
}

#circularText p:nth-child(1) {
  transform: rotate(0deg) translateX(50px);
}

#circularText p:nth-child(2) {
  transform: rotate(20deg) translateX(50px);
}

#circularText p:nth-child(3) {
  transform: rotate(40deg) translateX(50px);
}

#circularText p:nth-child(4) {
  transform: rotate(60deg) translateX(50px);
}

#circularText p:nth-child(5) {
  transform: rotate(80deg) translateX(50px);
}

#circularText p:nth-child(6) {
  transform: rotate(100deg) translateX(50px);
}

#circularText p:nth-child(7) {
  transform: rotate(120deg) translateX(50px);
}

#circularText p:nth-child(8) {
  transform: rotate(140deg) translateX(50px);
}

#circularText p:nth-child(9) {
  transform: rotate(160deg) translateX(50px);
}

#circularText p:nth-child(10) {
  transform: rotate(180deg) translateX(50px);
}

#circularText p:nth-child(11) {
  transform: rotate(200deg) translateX(50px);
}

#circularText p:nth-child(12) {
  transform: rotate(220deg) translateX(50px);
}

#circularText p:nth-child(13) {
  transform: rotate(240deg) translateX(50px);
}

#circularText p:nth-child(14) {
  transform: rotate(260deg) translateX(50px);
}

#circularText p:nth-child(15) {
  transform: rotate(280deg) translateX(50px);
}

#circularText p:nth-child(16) {
  transform: rotate(300deg) translateX(50px);
}

#circularText p:nth-child(17) {
  transform: rotate(320deg) translateX(50px);
}

#circularText p:nth-child(18) {
  transform: rotate(340deg) translateX(50px);
}

@keyframes rotateCircle {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* .circle-wrap {
  display: flex;
  justify-content: center;
  position: absolute;
  font-family: "Cinzel", serif;
  left: 15%;
} */
.nav ul {
  display: flex;
  flex-direction: column;
}
.nav ul {
  display: flex;
  margin-top: -3%;
}

.img-main-con {
  width: 400px;
  height: 400px;
  overflow: hidden;
  border-radius: 50%;
  margin-top: 10%;
}

.img-wrapper-slide {
  display: flex;
  width: 100%;
  height: 100%;
}

.slide1 {
  width: 100%;
  display: block;
  flex-shrink: 0;
  height: 100%;
}

@keyframes slide {
  0% {
    transform: translateX(0%);
  }
  25% {
    transform: translateX(-100%);
  }
  50% {
    transform: translateX(-200%);
  }
  75% {
    transform: translateX(-300%);
  }
  100% {
    transform: translateX(-400%);
  }
}
.middle-section-wrap.mum-sec {
  align-items: start !important;
}
.middle-section-left .moretext {
  font-size: 1.125rem;
  font-weight: 400;
  color: #000721;
  opacity: 72%;
  margin-bottom: 12px;
  line-height: 28px;
}
.img-contain-main {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.baby-sec {
  font-size: 46px;
  font-weight: 600;
  line-height: 56px;
  color: black;
  margin: 40px auto;
  text-align: center;
}
.healing-sec {
  font-size: 46px;
  font-weight: 600;
  line-height: 55px;
  opacity: 50%;
  color: transparent;
  -webkit-text-stroke: 1.5px #000721;
  font-family: "Cinzel", serif;
}
.mum-img {
  width: 100%;
  border-radius: 25px;
}
.middle-section {
  width: 47%;
}
.wrap-tc {
  margin-bottom: 8rem;
}
#contact-hero .contact-wrap .contact-img {
  background-image: url(../Image/contact-page.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 683px;
}
#contact-hero .contact-wrap .contact-contain-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1.563rem;
  padding-top: 9.375rem;
}
#contact-hero .contact-wrap .contact-contain-wrap .contact-contain {
  display: flex;
  align-items: center;
  gap: 1rem;
}
#contact-hero
  .contact-wrap
  .contact-contain-wrap
  .contact-contain
  .contact-heading1 {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 22x;
  cursor: pointer;
  color: #ffffff;
}
#contact-hero
  .contact-wrap
  .contact-contain-wrap
  .contact-contain
  .contact-heading {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 22px;
  opacity: 72%;
  text-align: center;
  cursor: pointer;
  color: rgb(255, 255, 255);
}
#contact-hero .contact-wrap .contact-contain-wrap .contact-header {
  font-size: 46px;
  font-weight: 500;
  line-height: 56px;
  color: rgb(255, 255, 255);
}
.contact-bg-wrap .container-wrap {
  display: flex;
}
.contact-right {
  margin-left: auto;
}
#contact-page .contact-wrapper .contact-bgimg {
  background-image: url(../Image/contact-bg.png);
  background-image: url(../Image/contact-bg1.png);

  background-repeat: no-repeat;
  background-size: cover;
  height: 632px;
}
input#lname,
input#fname,
input#email,
input#number,
textarea#message {
  font-size: 16px;
  width: 100% !important;
  outline: none;
  border: 0;
}

.training-img2 {
  display: none;
}
.training-img3 {
  display: none;
}
#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-left
  .contact-left-contain {
  margin-top: 50px;
}
#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-left
  .contact-left-contain1 {
  margin-top: 50px;
  display: none;
}
#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-right
  .form-section
  .contact-contain-form {
  width: 466px;
  /* height: 610px; */
  border-radius: 20px;
  box-shadow: 0px 13px 13px 7px rgba(0, 0, 0, 0.0705882353);
  margin-top: -10%;
  background-color: rgb(255, 255, 255);
  padding: 17px;
}
img.contact-left-contain {
  width: 100%;
}
#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-right
  .form-section
  .contact-contain-form
  .form-img-side-low {
  position: relative;
}
#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-right
  .form-section
  .contact-contain-form
  .form-img-side-low
  .form-img-side {
  position: absolute;
  right: 2%;
  margin-top: 0.625rem;
}
#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-right
  .form-section
  .contact-contain-form
  .form-contain-header {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 30px;
  color: #000000;
  margin-top: 2.25rem;
}
#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-right
  .form-section
  .contact-contain-form
  .form-contain-para {
  font-size: 1rem;
  font-weight: 400;
  line-height: 20px;
  color: rgba(0, 7, 33, 0.72);
  margin-top: 0.8rem;
  margin-bottom: 1.3rem;
}
#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-right
  .form-section
  .contact-contain-form
  .contact-detail-name-wrapping {
  display: flex;
  align-items: center;
}
#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-right
  .form-section
  .contact-contain-form
  .contact-detail-name-wrapping
  .contact-contain-name {
  display: flex;
  width: 100%;
  margin-bottom: 2rem;
  justify-content: center;
}
#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-right
  .form-section
  .contact-contain-form
  .contact-detail-name-wrapping
  .contact-contain-name
  .border-contact1 {
  display: flex;
  border-bottom: 0.7px solid rgb(208, 208, 208);
  width: 100%;
  height: 38px;
  align-items: center;
}
#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-right
  .form-section
  .contact-contain-form
  .contact-detail-name-wrapping
  .contact-contain-name
  .border-contact1
  .name-contact {
  border: none;
  outline: none;
}
#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-right
  .form-section
  .contact-contain-form
  .contact-contain-email {
  display: flex;
  width: 100%;
  margin-bottom: 1.3rem;
  justify-content: center;
}
#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-right
  .form-section
  .contact-contain-form
  .contact-contain-email
  .border-contact2 {
  display: flex;
  border-bottom: 0.7px solid rgb(208, 208, 208);
  width: 100%;
  /* gap: 225px; */
  height: 38px;
  align-items: center;
  justify-content: space-between;
}
#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-right
  .form-section
  .contact-contain-form
  .contact-contain-email
  .border-contact2
  .email {
  border: none;
  outline: none;
}
#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-right
  .form-section
  .contact-contain-form
  .contact-contain-number {
  display: flex;
  width: 100%;
  margin-bottom: 2.3rem;
  justify-content: center;
}
#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-right
  .form-section
  .contact-contain-form
  .contact-contain-number
  .border-contact2 {
  display: flex;
  border-bottom: 0.7px solid rgb(208, 208, 208);
  width: 100%;
  gap: 225px;
  height: 38px;
  align-items: center;
}
#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-right
  .form-section
  .contact-contain-form
  .contact-contain-number
  .border-contact2
  input[type="number"]::-webkit-inner-spin-button,
#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-right
  .form-section
  .contact-contain-form
  .contact-contain-number
  .border-contact2
  input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-right
  .form-section
  .contact-contain-form
  .contact-contain-number
  .border-contact2
  input[type="number"] {
  -moz-appearance: textfield;
}
#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-right
  .form-section
  .contact-contain-form
  .contact-contain-number
  .border-contact2
  .number {
  border: none;
  outline: none;
}
#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-right
  .form-section
  .contact-contain-form
  .contact-contain-message {
  /* display: flex; */
  width: 100%;
  margin-bottom: 2.3rem;
  justify-content: center;
}
#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-right
  .form-section
  .contact-contain-form
  .contact-contain-message
  .border-contact2 {
  display: flex;
  border-bottom: 0.7px solid rgb(208, 208, 208);
  width: 100%;
  gap: 225px;
  height: 38px;
  align-items: center;
}
#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-right
  .form-section
  .contact-contain-form
  .contact-contain-message
  .border-contact2
  textarea {
  max-height: 90px;
  width: 398px;
  border: none;
  outline: none;
  margin-top: 35px;
  border-bottom: 0.7px solid #d0d0d0;
}
#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-right
  .form-section
  .contact-contain-form
  .contact-contain-message
  .border-contact2
  textarea
  #message {
  font-family: "Inter", sans-serif;
}
#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-right
  .form-section
  .contact-contain-form
  .form-click {
  display: flex;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 17px;
  color: rgb(39, 39, 39);
  margin-top: 45px;
  margin-bottom: 30px;
  gap: 0.5rem;
  align-items: center;
}
#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-right
  .form-section
  .contact-contain-form
  #form-click-btn {
  width: 20px;
  cursor: pointer;
  height: 20px;
  accent-color: #000;
}
input#name {
  border: none;
}
#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-right
  .form-section
  .contact-contain-form
  .btn-primary-form {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 75px;
}
#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-right
  .form-section
  .contact-contain-form
  .btn-primary-form
  .form-btn {
  border-radius: 12px;
  gap: 10px;
  cursor: pointer;
  padding: 16px 78px;
  background-color: rgb(39, 39, 39);
  border: none;
  outline: none;
  color: rgb(255, 255, 255);
  font-size: 1rem;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 600;
}

#middle-section {
  margin-bottom: 80px;
}
#middle-section .middle-section-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#middle-section .middle-section-wrap .middle-section-left {
  width: 45%;
}
#middle-section .middle-section-wrap .middle-section-left .middle-para {
  font-size: 1.125rem;
  font-weight: 400;
  color: #000721;
  opacity: 72%;
  margin-bottom: 12px;
  line-height: 28px;
}
#middle-section .middle-section-wrap .middle-section-left .middle-para1 {
  font-size: 1.125rem;
  font-weight: 400;
  color: #000721;
  opacity: 72%;
  margin-bottom: 8px;
  line-height: 28px;
}

#about-cs-section {
  background-color: #fafafa;
  padding-bottom: 60px;
}
#about-cs-section .about-cs-wrapping {
  display: flex;
  justify-content: center;
}
#about-cs-section .about-cs-wrapping .about-cs-wrap {
  text-align: center;
  margin-top: 50px;
}
#about-cs-section .about-cs-wrapping .about-cs-wrap .about-cs-header {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 22px;
  color: #000721;
  opacity: 72%;
}
#about-cs-section .about-cs-wrapping .about-cs-wrap .about-cs-heading-design {
  font-size: 46px;
  font-weight: 600;
  line-height: 55px;
  opacity: 50%;
  color: transparent;
  -webkit-text-stroke: 1.5px #000721;
  font-family: "Cinzel", serif;
}
#about-cs-section .about-cs-wrapping .about-cs-wrap .about-cs-heading {
  font-size: 46px;
  font-weight: 600;
  line-height: 56px;
  color: #000721;
}
#about-cs-section .about-cs-wrapping .about-cs-wrap .about-cs-para {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 16px;
  color: #474c5f;
}
#about-cs-section .about-cs-wrapping .about-cs-wrap .about-cs-para-dark {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 25px;
  margin-bottom: 16px;
  color: #212121;
}
#about-cs-section .week-section {
  background-color: #ffffff;
  border-radius: 50px;
  padding: 25px;
  box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.0392156863);
}
#about-cs-section .week-section .week-wrap .week-wrapping {
  display: flex;
  gap: 40px;
}
#about-cs-section .week-section .week-wrap .week-wrapping .week-right {
  width: 100%;
  /* Handle */
}
#about-cs-section
  .week-section
  .week-wrap
  .week-wrapping
  .week-right
  .week-contain {
  /* width: 555px; */
  overflow: scroll;
  height: 350px;
}
#about-cs-section
  .week-section
  .week-wrap
  .week-wrapping
  .week-right
  .week-contain
  .week-header {
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: 28px;
  color: #000721;
}
#about-cs-section
  .week-section
  .week-wrap
  .week-wrapping
  .week-right
  .week-contain
  .week-para {
  font-size: 1rem;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 5px;
  color: #000721;
  opacity: 72%;
  width: 90%;
}

#about-cs-section
  .week-section
  .week-wrap
  .week-wrapping
  .week-right
  .week-contain::-webkit-scrollbar {
  width: 6px;
  /* height: 102px; */
}
#about-cs-section
  .week-section
  .week-wrap
  .week-wrapping
  .week-right
  .week-contain::-webkit-scrollbar-thumb {
  background: #c0c0c0;
  border-radius: 100px;
}
#about-cs-section
  .week-section
  .week-wrap
  .week-wrapping
  .week-right
  .week-last-contain {
  padding: 35px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -26px;
}
#about-cs-section
  .week-section
  .week-wrap
  .week-wrapping
  .week-right
  .week-last-contain
  .week-last-left {
  display: flex;
  gap: 20px;
  align-items: center;
}
#about-cs-section
  .week-section
  .week-wrap
  .week-wrapping
  .week-right
  .week-last-contain
  .week-last-left
  .week-last-header {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: #5a5c65;
}
#about-cs-section
  .week-section
  .week-wrap
  .week-wrapping
  .week-right
  .week-last-contain
  .week-last-left
  .week-last-para {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  color: #000000;
}
.half-month-detail-header {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color: #000721;
  display: flex;
  gap: 0.375rem;
  margin-bottom: 10px;
}
.half-month-div {
  width: 50%;
}
.half-month-img-wrap1 {
  width: 50%;
}
img.half-month-img {
  width: 100%;
}
.half-head11 {
  display: none;
}
img.healing-session-bg1 {
  display: none;
}
.healing-session-bg {
  background-image: url(../Image/healing-bg.png);
  background-repeat: no-repeat;
  background-position: right;
  background-size: 30% 100%;
}
#half-month .half-month-wrap {
  display: flex;
  justify-content: space-between;
  padding: 55px 0;
}
#half-month .half-month-wrap .half-month-contain {
  display: flex;
  align-items: center;
  gap: 40px;
}
#half-month .half-month-wrap .half-month-contain .half-month-heading-design {
  font-size: 46px;
  font-weight: 600;
  line-height: 55px;
  opacity: 50%;
  color: transparent;
  -webkit-text-stroke: 1.5px #000721;
  font-family: "Cinzel", serif;
}
#half-month .half-month-wrap .half-month-contain .half-month-heading {
  font-size: 46px;
  font-weight: 600;
  line-height: 56px;
  color: #000721;
}
#half-month .half-month-wrap .half-month-contain .half-month-details {
  color: #000721;
  border-width: 1px;
  border-style: solid;
  border-color: #e9e9e9;
  padding: 15px;
  overflow: hidden;
  margin-bottom: 18px;
  width: 608px;
  height: 57px;
}
#half-month
  .half-month-wrap
  .half-month-contain
  .half-month-details::-webkit-scrollbar {
  display: none;
}
#half-month .half-month-wrap .half-month-contain .accordion {
  color: #444;
  cursor: pointer;
  width: 100%;
  border: none;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}
#half-month .half-month-wrap .half-month-contain .accordion1 {
  color: #444;
  cursor: pointer;
  width: 100%;
  border: none;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}
#half-month .half-month-wrap .half-month-contain .accordion2 {
  color: #444;
  cursor: pointer;
  width: 100%;
  border: none;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}
#half-month .half-month-wrap .half-month-contain .accordion3 {
  color: #444;
  cursor: pointer;
  width: 100%;
  border: none;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}
#half-month .half-month-wrap .half-month-contain .accordion4 {
  color: #444;
  cursor: pointer;
  width: 100%;
  border: none;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}
#half-month .half-month-wrap .half-month-contain .accordion5 {
  color: #444;
  cursor: pointer;
  width: 100%;
  border: none;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}
#half-month .half-month-wrap .half-month-contain .panel {
  background-color: white;
  overflow: hidden;
}
#half-month
  .half-month-wrap
  .half-month-contain
  .panel
  .half-month-detail-header {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 28px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  color: #212121;
}
#half-month
  .half-month-wrap
  .half-month-contain
  .panel
  .half-month-detail-para {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 400;
  line-height: 28px;
  color: #474c5f;
}
#half-month .half-month-wrap .half-month-contain .accordion:after {
  content: "+";
  font-weight: 500;
  color: #777;
  float: right;
  margin-left: 5px;
}
#half-month .half-month-wrap .half-month-contain .accordion1:after {
  content: "+";
  font-weight: 500;
  color: #777;
  float: right;
  margin-left: 5px;
}
#half-month .half-month-wrap .half-month-contain .accordion2:after {
  content: "+";
  font-weight: 500;
  color: #777;
  float: right;
  margin-left: 5px;
}
#half-month .half-month-wrap .half-month-contain .accordion3:after {
  content: "+";
  font-weight: 500;
  color: #777;
  float: right;
  margin-left: 5px;
}
#half-month .half-month-wrap .half-month-contain .accordion4:after {
  content: "+";
  font-weight: 500;
  color: #777;
  float: right;
  margin-left: 5px;
}
#half-month .half-month-wrap .half-month-contain .accordion5:after {
  content: "+";
  font-weight: 500;
  color: #777;
  float: right;
  margin-left: 5px;
}
#half-month .half-month-wrap .half-month-contain .active:after {
  content: "✕";
}
#half-month .half-month-wrap .half-month-contain .half-month-btn {
  background: #272727;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  padding: 17px 38px;
  border-radius: 12px;
  margin: 20px 0;
}
.footer-main-list-res {
  display: none;
}
#year {
  background: linear-gradient(180deg, #353535 0%, #212121 100%);
  padding: 35px 0;
  margin-bottom: 70px;
}
#year .year-wrap {
  display: flex;
  gap: 50px;
}
#year .year-wrap .year-user-wrap .week-last-left {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-bottom: 40px;
}
#year .year-wrap .year-user-wrap .week-last-left .week-last-header {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: #989898;
}
#year .year-wrap .year-user-wrap .week-last-left .week-last-para {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  color: #ffffff;
}
#year .year-wrap .year-user-wrap #year-btn {
  color: #212121;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  background: #ffffff;
  text-transform: uppercase;
  border: 1.5px solid #272727;
  box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.2);
  padding: 18px 38px;
  border-radius: 12px;
  border: none;
  outline: none;
  cursor: pointer;
}
#year .year-wrap .year-contain-wrap .half-month-heading-design {
  font-size: 46px;
  font-weight: 700;
  line-height: 55px;
  opacity: 50%;
  color: transparent;
  -webkit-text-stroke: 1.5px #ffffff;
  font-family: "Cinzel", serif;
}
#year .year-wrap .year-contain-wrap .half-month-heading {
  font-size: 46px;
  font-weight: 600;
  line-height: 56px;
  color: #ffffff;
}
#year .year-wrap .year-contain-wrap .year-first-para {
  margin: 20px 0;
}
#year .year-wrap .year-contain-wrap .year-first-para .year-para {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  opacity: 72%;
  color: #ffffff;
  margin-bottom: 12px;
}
#year .year-wrap .year-contain-wrap .year-line {
  border: 0.6px solid rgba(255, 255, 255, 0.2);
  width: 100%;
}
#year .year-wrap .week-right {
  width: 100%;
  margin: 30px 0;
}
#year .year-wrap .week-right .year-contain {
  overflow: scroll;
  height: 500px;
}
#year .year-wrap .week-right .year-contain .week-header {
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: 28px;
  color: #ffffff;
}
#year .year-wrap .week-right .year-contain .week-para {
  font-size: 1rem;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 5px;
  color: #ffffff;
  opacity: 72%;
}
#year .year-wrap .week-right .year-contain::-webkit-scrollbar {
  width: 6px;
  height: 0;
}
#year .year-wrap .week-right .year-contain::-webkit-scrollbar-thumb {
  background: #c0c0c0;
  border-radius: 100px;
}

#test-section {
  margin: 120px 0;
}

#free-ebook {
  padding: 50px 0;
  background: #fafafa;
}
#free-ebook .free-ebook-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#free-ebook .free-ebook-wrap .free-ebook-contain {
  width: 45%;
}
#free-ebook .free-ebook-wrap .free-ebook-contain .free-ebook-header {
  font-size: 46px;
  font-weight: 600;
  margin-bottom: 16px;
  line-height: 56px;
  color: #000721;
}
#free-ebook .free-ebook-wrap .free-ebook-contain .free-ebook-para {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: #000721;
  opacity: 72%;
  margin-bottom: 12px;
}

#ebook {
  margin: 120px 0;
}
#ebook .ebook-all-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#ebook .ebook-all-wrap .ebook-wrapper {
  width: 24%;
  height: 580px;
  background: #ffffff;
  border: 1px solid #f3f3f3;
  box-shadow: 0px 12px 17px 0px rgba(0, 0, 0, 0.0509803922);
  border-radius: 32px;
  padding: 18px;
  position: relative;
}
#ebook .ebook-all-wrap .ebook-wrapper .ebook-img-wrap {
  display: flex;
  justify-content: center;
  position: relative;
}
#ebook .ebook-all-wrap .ebook-wrapper .ebook-img-wrap .ebook-img {
  position: absolute;
  bottom: -55px;
}
#ebook .ebook-all-wrap .ebook-wrapper .ebook-contain {
  padding-top: 70px;
}
#ebook .ebook-all-wrap .ebook-wrapper .ebook-contain .ebook-header {
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 16px;
  line-height: 25px;
  color: #212121;
}
#ebook .ebook-all-wrap .ebook-wrapper .ebook-contain .ebook-para {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 15px;
  color: #000721;
  opacity: 72%;
}
#ebook .ebook-all-wrap .ebook-wrapper .ebook-contain .ebook-btn-wrap {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  right: 0;
  bottom: 35px;
}
#ebook
  .ebook-all-wrap
  .ebook-wrapper
  .ebook-contain
  .ebook-btn-wrap
  #ebook-btn {
  background-color: #272727;
  padding: 8px 27px;
  border-radius: 12px;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 600;
  line-height: 20px;
  cursor: pointer;
}

#ebook1 {
  margin: 120px 0;
  display: none;
}
#ebook1 .swiper {
  width: 100%;
  height: 100%;
}
#ebook1 .swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
#ebook1 .swiper .swiper-slide .ebook-wrapper {
  width: 273px;
  height: 740px;
  background: #ffffff;
  border: 1px solid #f3f3f3;
  box-shadow: 0px 12px 17px 0px rgba(0, 0, 0, 0.0509803922);
  border-radius: 32px;
  padding: 18px;
  position: relative;
}
#ebook1 .swiper .swiper-slide .ebook-wrapper .ebook-img-wrap {
  display: flex;
  justify-content: center;
  position: relative;
  height: 158px;
}
#ebook1 .swiper .swiper-slide .ebook-wrapper .ebook-img-wrap .ebook-img {
  position: absolute;
  bottom: -55px;
  height: 158px;
}
#ebook1 .swiper .swiper-slide .ebook-wrapper .ebook-contain {
  padding-top: 70px;
}
#ebook1 .swiper .swiper-slide .ebook-wrapper .ebook-contain .ebook-header {
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 16px;
  line-height: 25px;
  color: #212121;
}
#ebook1 .swiper .swiper-slide .ebook-wrapper .ebook-contain .ebook-para {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 15px;
  color: #000721;
  opacity: 72%;
}
#ebook1 .swiper .swiper-slide .ebook-wrapper .ebook-contain .ebook-btn-wrap {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  right: 0;
  bottom: 35px;
}
#ebook1
  .swiper
  .swiper-slide
  .ebook-wrapper
  .ebook-contain
  .ebook-btn-wrap
  #ebook-btn {
  background-color: #272727;
  padding: 8px 27px;
  border-radius: 12px;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 600;
  line-height: 20px;
  cursor: pointer;
}

.blog-section .blog-heading {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.blog-section .blog-header {
  display: flex;
  font-size: 2.375rem;
  font-weight: 600;
  line-height: 46px;
  align-items: center;
  justify-content: center;
}
.blog-section .blog-wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 5rem;
}
.blog-section .blog-wrap1 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 5.5rem;
}
.blog-section .blog-img {
  overflow: hidden;
  /* width: 270px;
  height: 270px; */
  border-radius: 20px;
}
.blog-section .blog-img .blog-img1 {
  overflow: hidden;
}
.blog-section .blog-contain {
  margin-top: 1.75rem;
}
.blog-section .blog-contain-heading {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 22px;
  color: #212121;
  margin-bottom: 0.5rem;
}
.blog-section .blog-contain-para {
  font-size: 1rem;
  font-weight: 400;
  line-height: 26px;
  color: #000721;
  opacity: 72%;
  margin-bottom: 0.5rem;
}
.blog-section .blog-item {
  font-size: 1rem;
  font-weight: 400;
  line-height: 28px;
  color: #000721;
  opacity: 72%;
  display: flex;
  gap: 0.375rem;
}

.blog-section3 .blog-heading {
  margin-top: 5rem;
  margin-bottom: 4rem;
}
.blog-section3 .blog-header {
  display: flex;
  font-size: 2.375rem;
  font-weight: 600;
  line-height: 46px;
  align-items: center;
  justify-content: center;
}
.blog-section3 .blog-wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 5rem;
}
.blog-section3 .blog-wrap1 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 5.5rem;
}
.blog-section3 .blog-img {
  overflow: hidden;
  width: 270px;
  height: 270px;
  border-radius: 20px;
}
.blog-section3 .blog-img .blog-img1 {
  overflow: hidden;
}
.blog-section3 .blog-contain {
  margin-top: 1.75rem;
}
.blog-section3 .blog-contain-heading {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 22px;
  color: #212121;
  margin-bottom: 0.5rem;
}
.blog-section3 .blog-contain-para {
  font-size: 1rem;
  font-weight: 400;
  line-height: 26px;
  color: #000721;
  opacity: 72%;
  margin-bottom: 0.5rem;
}
.blog-section3 .blog-item {
  font-size: 1rem;
  font-weight: 400;
  line-height: 28px;
  color: #000721;
  opacity: 72%;
  display: flex;
  gap: 0.375rem;
}

.blog-img1:hover {
  animation: blog 5s ease infinite;
}

.trainings-sec {
  display: none;
}
#ai .ai-wrap .ai-para {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 28px;
  color: #000721;
  text-align: center;
  opacity: 72%;
}
.training-sec {
  width: 100%;
  display: contents;
}
#training-section {
  background-color: #fafafa;
}
#training-section .training-wrap {
  display: flex;
}
#training-section .training-wrap .training-contain-wrap {
  margin-top: 43px;
  width: 21%;
  margin-left: 44px;
  position: relative;
}
#training-section .training-wrap .training-contain-wrap .training-wrapper {
  background: #ffffff;
  box-shadow: 0px 12px 17px 0px rgba(0, 0, 0, 0.0509803922);
  border-radius: 32px;
  top: 201px;
  height: 540px;
  position: absolute;
}
#training-section
  .training-wrap
  .training-contain-wrap
  .training-wrapper
  .training-card-wrap {
  padding: 10px 16px;
}
#training-section
  .training-wrap
  .training-contain-wrap
  .training-wrapper
  .training-card-wrap
  .training-card-header {
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  margin-bottom: 10px;
  color: #212121;
}
#training-section
  .training-wrap
  .training-contain-wrap
  .training-wrapper
  .training-card-wrap
  .training-card-para {
  font-size: 1rem;
  font-weight: 400;
  line-height: 25px;
  color: #000721;
  opacity: 72%;
  margin-bottom: 8px;
}
#training-section
  .training-wrap
  .training-contain-wrap
  .training-wrapper
  .training-card-wrap
  .training-btn-wrap {
  display: flex;
  justify-content: center;
  /* margin-top: 70px; */
}
#training-section
  .training-wrap
  .training-contain-wrap
  .training-wrapper
  .training-card-wrap
  .training-btn-wrap
  #training-btn {
  background: #272727;
  border-radius: 12px;
  font-family: Inter;
  font-size: 1rem;
  font-weight: 600;
  line-height: 20px;
  border: none;
  outline: none;
  border: none;
  outline: none;
  padding: 12px 45px;
  color: #ffffff;
  cursor: pointer;
}
#training-section .training-wrap .training-contain-wrap1 {
  margin-top: 95px;
  width: 21%;
  position: relative;
}
img.training-side-img {
  width: 100%;
}
.training-img-wrapper {
  width: 35%;
}
img.training-img {
  width: 100%;
}
#training-section .training-wrap .training-contain-wrap1 .training-wrapper {
  background: #ffffff;
  box-shadow: 0px 12px 17px 0px rgba(0, 0, 0, 0.0509803922);
  border-radius: 32px;
  top: 201px;
  height: 540px;
  position: absolute;
}
#training-section
  .training-wrap
  .training-contain-wrap1
  .training-wrapper
  .training-card-wrap {
  padding: 10px 16px;
}
#training-section
  .training-wrap
  .training-contain-wrap1
  .training-wrapper
  .training-card-wrap
  .training-card-header {
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  margin-bottom: 10px;
  color: #212121;
}
#training-section
  .training-wrap
  .training-contain-wrap1
  .training-wrapper
  .training-card-wrap
  .training-card-para {
  font-size: 1rem;
  font-weight: 400;
  line-height: 25px;
  color: #000721;
  opacity: 72%;
  margin-bottom: 8px;
}
#training-section
  .training-wrap
  .training-contain-wrap1
  .training-wrapper
  .training-card-wrap
  .training-btn-wrap {
  display: flex;
  justify-content: center;
  /* margin-top: 24px; */
}
#training-section
  .training-wrap
  .training-contain-wrap1
  .training-wrapper
  .training-card-wrap
  .training-btn-wrap
  #training-btn {
  background: #272727;
  border-radius: 12px;
  font-family: Inter;
  border: none;
  outline: none;
  font-size: 1rem;
  font-weight: 600;
  line-height: 20px;
  padding: 12px 45px;
  color: #ffffff;
  cursor: pointer;
}

#training-section1 {
  background-color: #fafafa;
  display: none;
}
#training-section1 .training-wrap {
  display: flex;
}

#training-section1 .training-wrap .swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
#training-section1 .training-wrap .swiper .swiper-slide .training-contain-wrap {
  margin-top: 43px;
  margin-left: 67px;
}
#training-section1
  .training-wrap
  .swiper
  .swiper-slide
  .training-contain-wrap
  .training-wrapper {
  background: #ffffff;
  box-shadow: 0px 12px 17px 0px rgba(0, 0, 0, 0.0509803922);
  border-radius: 32px;
  width: 380px;
  top: 201px;
  height: 540px;
}
#training-section1
  .training-wrap
  .swiper
  .swiper-slide
  .training-contain-wrap
  .training-wrapper
  .training-card-wrap {
  padding: 10px 16px;
}
#training-section1
  .training-wrap
  .swiper
  .swiper-slide
  .training-contain-wrap
  .training-wrapper
  .training-card-wrap
  .training-card-header {
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  margin-bottom: 10px;
  color: #212121;
}
#training-section1
  .training-wrap
  .swiper
  .swiper-slide
  .training-contain-wrap
  .training-wrapper
  .training-card-wrap
  .training-card-para {
  font-size: 1rem;
  font-weight: 400;
  line-height: 25px;
  color: #000721;
  opacity: 72%;
  margin-bottom: 8px;
}
#training-section1
  .training-wrap
  .swiper
  .swiper-slide
  .training-contain-wrap
  .training-wrapper
  .training-card-wrap
  .training-btn-wrap {
  display: flex;
  justify-content: center;
  margin-top: 70px;
}
#training-section1
  .training-wrap
  .swiper
  .swiper-slide
  .training-contain-wrap
  .training-wrapper
  .training-card-wrap
  .training-btn-wrap
  #training-btn {
  background: #272727;
  border-radius: 12px;
  font-family: Inter;
  border: none;
  outline: none;
  font-size: 1rem;
  font-weight: 600;
  line-height: 20px;
  padding: 12px 45px;
  color: #ffffff;
  cursor: pointer;
}
#training-section1 .training-wrap .swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
#training-section1
  .training-wrap
  .swiper
  .swiper-slide
  .training-contain-wrap1 {
  margin-top: 95px;
  margin-left: 32px;
}
#training-section1
  .training-wrap
  .swiper
  .swiper-slide
  .training-contain-wrap1
  .training-wrapper {
  background: #ffffff;
  box-shadow: 0px 12px 17px 0px rgba(0, 0, 0, 0.0509803922);
  border-radius: 32px;
  width: 380px;
  top: 201px;
  height: 540px;
}
#training-section1
  .training-wrap
  .swiper
  .swiper-slide
  .training-contain-wrap1
  .training-wrapper
  .training-card-wrap {
  padding: 10px 16px;
}
#training-section1
  .training-wrap
  .swiper
  .swiper-slide
  .training-contain-wrap1
  .training-wrapper
  .training-card-wrap
  .training-card-header {
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  margin-bottom: 10px;
  color: #212121;
}
#training-section1
  .training-wrap
  .swiper
  .swiper-slide
  .training-contain-wrap1
  .training-wrapper
  .training-card-wrap
  .training-card-para {
  font-size: 1rem;
  font-weight: 400;
  line-height: 25px;
  color: #000721;
  opacity: 72%;
  margin-bottom: 8px;
}
#training-section1
  .training-wrap
  .swiper
  .swiper-slide
  .training-contain-wrap1
  .training-wrapper
  .training-card-wrap
  .training-btn-wrap {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
#training-section1
  .training-wrap
  .swiper
  .swiper-slide
  .training-contain-wrap1
  .training-wrapper
  .training-card-wrap
  .training-btn-wrap
  #training-btn {
  background: #272727;
  border-radius: 12px;
  border: none;
  outline: none;
  font-family: Inter;
  font-size: 1rem;
  font-weight: 600;
  line-height: 20px;
  padding: 12px 45px;
  color: #ffffff;
  border: none;
  outline: none;
  cursor: pointer;
}
.team-contain-wrap {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
#team {
  margin-top: 70px;
  margin-bottom: 20px;
}
#team .team-wrapper {
  background: #ffffff;
  border-radius: 32px;
  box-shadow: 0px 12px 17px 0px rgba(0, 0, 0, 0.0509803922);
  padding: 32px;
}
#team .team-wrapper .team-wrap {
  display: flex;

  gap: 35px;
}
#team .team-wrapper .team-wrap .team-contain-wrap .team-header {
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  color: #212121;
  margin-bottom: 10px;
}
#team .team-wrapper .team-wrap .team-contain-wrap .team-para {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 8px;
  line-height: 25px;
  color: #000721;
  opacity: 72%;
}
#team .team-wrapper .team-wrap .team-contain-wrap .team-btn-wrap {
  display: flex;
  justify-content: end;
}
#team .team-wrapper .team-wrap .team-contain-wrap .team-btn-wrap #team-btn {
  background: #272727;
  border-radius: 12px;
  cursor: pointer;
  padding: 12px 45px;
  font-size: 1rem;
  outline: none;
  border: none;
  font-weight: 600;
  line-height: 19.36px;
  color: #ffffff;
}

#master {
  margin-top: 70px;
  margin-bottom: 100px;
}
#master .master-wrapper {
  background: #ffffff;
  border-radius: 32px;
  box-shadow: 0px 12px 17px 0px rgba(0, 0, 0, 0.0509803922);
  padding: 32px;
}

#master .master-wrapper .master-wrap {
  display: flex;
  gap: 35px;
}
#master .master-wrapper .master-wrap .master-contain-wrap .master-header {
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  color: #212121;
  margin-bottom: 10px;
}
#master .master-wrapper .master-wrap .master-contain-wrap .master-para {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 8px;
  line-height: 25px;
  color: #000721;
  opacity: 72%;
}
.master-contain-wrap {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
#master
  .master-wrapper
  .master-wrap
  .master-contain-wrap
  .master-btn-wrap
  #master-btn {
  background: #272727;
  border-radius: 12px;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 12px 45px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 19.36px;
  color: #ffffff;
  margin-top: 10px;
}

#book {
  margin-bottom: 50px;
  margin-top: 40px;
}
#book .book-img {
  background-image: url(../Image/book.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
}
#book .book-img .book-contain {
  padding: 62px 0;
}
#book .book-img .book-contain .book-heading {
  font-size: 46px;
  font-weight: 600;
  margin-bottom: 1rem;
  line-height: 56px;
  color: #ffffff;
}
#book .book-img .book-contain .book-subheading {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 2rem;
  line-height: 40px;
  color: #ffffff;
}
#book .book-img .book-contain #book-btn {
  background: #ffffff;
  font-size: 1rem;
  font-weight: 600;
  outline: none;
  border: none;
  line-height: 20px;
  color: #212121;
  border-radius: 12px;
  cursor: pointer;
  padding: 12px 47px;
  border: 1px solid white;
}
section#oracle {
  overflow: hidden;
}
#oracle {
  padding-bottom: 120px;
}
#oracle .oracle-img {
  padding-top: 50px;
  width: 100%;
}

.oracle-img1 {
  position: relative;
}
.oracle1 {
  position: absolute;
  overflow: hidden;
  top: -8%;
  right: -6%;
  z-index: -1;
}
.oracle2 {
  position: absolute;
  overflow: hidden;
  left: -4%;
  top: 4%;
}
.oracle3 {
  position: absolute;
  overflow: hidden;
  left: -8%;
  bottom: 8%;
}
#oracle .oracle-img .oracle-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#oracle .oracle-img .oracle-wrap .oracle-contain {
  width: 50%;
}
#oracle .oracle-img .oracle-wrap .oracle-contain .oracle-header {
  font-size: 46px;
  font-weight: 600;
  margin-bottom: 16px;
  line-height: 56px;
  color: #000721;
}
#oracle .oracle-img .oracle-wrap .oracle-contain .oracle-para {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
  line-height: 28px;
  color: #000721;
  opacity: 72%;
}
#oracle .oracle-img .oracle-wrap .oracle-contain #oracle-btn {
  background: #272727;
  border-radius: 12px;
  cursor: pointer;
  padding: 13px 54px;
  font-size: 1rem;
  font-weight: 600;
  border: none;
  outline: none;
  line-height: 19.36px;
  color: #ffffff;
  margin-top: 10px;
  border: 1px solid #272727;
}

.oracle-life-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

section#oracle-life {
  background: linear-gradient(to right, #212121 50%, #2f2f2f 50%);
}
.oracle-life-header {
  font-size: 46px;
  margin-bottom: 20px;
  font-weight: 600;
  line-height: 55px;
  width: 100%;
  color: #ffffff;
}

.oracle-life-para {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  width: 90%;
  margin-bottom: 16px;
  color: #ffffff;
  opacity: 72%;
}

#oracle-life-btn {
  background: #ffffff;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  border: none;
  outline: none;
  color: #212121;
  cursor: pointer;
  padding: 12px 71px;
  border: 1px solid white;
}

#oracle-life {
  margin-bottom: 100px;
}
.oracle-life-contain {
  width: 50%;
}

.slideses {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.slide {
  background-color: #fff;
  min-width: 100%;
}

.prev,
.next {
  top: 50%;
  width: auto;
  margin-top: -22px;
  color: black;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border: none;
  outline: none;
  background-color: transparent;
}

.over-slider {
  padding: 90px 0;
}

.slider {
  width: 525px;
  margin: auto;
  overflow: hidden;
  padding-bottom: 35px;
}

.slider-btn-wrap {
  display: flex;
  gap: 25px;
  margin-top: 30px;
}

.over-wrap {
  display: flex;
}

.over-header {
  font-size: 46px;
  font-weight: 600;
  line-height: 56px;
  margin-bottom: 20px;
  color: #212121;
}

.over-para {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 12px;
  line-height: 28px;
  color: #000721;
  opacity: 72%;
  text-align: start;
}

#oracle-invest {
  margin-top: 70px;
  margin-bottom: 90px;
}
#oracle-invest .oracle-invest-img {
  background-image: url(../Image/investment.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
}
#oracle-invest .oracle-invest-img .oracle-invest-contain {
  padding: 62px 0;
}
#oracle-invest
  .oracle-invest-img
  .oracle-invest-contain
  .oracle-invest-heading {
  font-size: 46px;
  font-weight: 600;
  margin-bottom: 16px;
  line-height: 55px;
  color: #ffffff;
}
#oracle-invest
  .oracle-invest-img
  .oracle-invest-contain
  .oracle-invest-subheading {
  font-size: 24px;
  margin-bottom: 12px;
  font-weight: 400;
  line-height: 40px;
  color: #ffffff;
}
#oracle-invest .oracle-invest-img .oracle-invest-contain #oracle-invest-btn {
  background: #272727;
  border-radius: 12px;
  color: #ffffff;
  font-size: 16px;
  border: none;
  outline: none;
  font-weight: 600;
  line-height: 20px;
  margin-top: 45px;
  cursor: pointer;
  padding: 12px 67px;
  border: 1px solid #272727;
}
.oracle-life-wraps {
  display: none;
}
.over-left {
  width: 40%;
  background-image: url(../Image/img-over-left1.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
}
img.over-left-img {
  width: 100%;
  height: 100%;
}
img.tc-bg-img1 {
  display: none;
}
img.over-left-img,
img.over-left-img2,
img.over-left-img3 {
  display: none;
}
img.over-left-img1 {
  width: 100%;
  height: 580px;
}
.swiper-paginations.swiper-pagination-clickable {
  display: none;
}
.cs-wrap a {
  width: 45%;
}
.swiper-pagination {
  text-align: end !important;
  position: unset !important;
}
.slider-arrow {
  width: 130px !important;
  position: absolute;
  top: 93%;
  left: 45%;
  right: 45%;
}
.slider-arrows {
  width: 130px !important;
  position: absolute;
  top: 97%;
  left: 0%;
  right: 45%;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;

  &:after {
    position: absolute;
    content: "" !important;
    width: 0;
    height: 0;
    top: -50%;
  }
}

.mySwiper5 > .swiper-wrapper {
  transition-timing-function: linear;
}

.swiper-button-next {
  right: 35px !important;

  &::after {
    left: 100%;
    content: "" !important;
    background-image: url("../Image/Arrow-right.png");
    background-size: 100%;
    width: 30px;
    height: 30px;
    display: block;
  }
}

.swiper-button-prev {
  left: 35px !important;

  &::after {
    content: "" !important;
    background-image: url("../Image/Arrow-left.png");
    background-size: 100%;
    width: 30px;
    height: 30px;
    display: block;
    right: 100%;
  }
}

#book-consulation .book-con-bg-img {
  background-image: url(../Image/print-1.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -8px;
  background-position: center;
}
#book-consulation .book-con-bg-img .book-con-wrap .contact-contain {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  position: relative;
  top: 55px;
}
#book-consulation
  .book-con-bg-img
  .book-con-wrap
  .contact-contain
  .contact-heading1 {
  font-size: 1.125rem;
  font-weight: 400;
  cursor: pointer;
  line-height: 22x;
  color: #212121;
}
#book-consulation
  .book-con-bg-img
  .book-con-wrap
  .contact-contain
  .contact-heading {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 22px;
  opacity: 72%;
  text-align: center;
  cursor: pointer;
  color: #212121;
}
#book-consulation .book-con-bg-img .book-con-wrap .book-con-img-wrap {
  display: flex;
  justify-content: center;
  position: relative;
  top: 118px;
}

.book-contact-wrap {
  margin-top: 125px;
}

#book-contact .book-contact-wrap .book-contact-header {
  font-size: 28px;
  margin-bottom: 16px;
  text-align: center;
  font-weight: 600;
  line-height: 34px;
  color: #212121;
}
#book-contact .book-contact-wrap .book-contact-para {
  font-size: 22px;
  font-weight: 400;
  line-height: 25px;
  text-align: center;
  color: #212121;
  margin-bottom: 10px;
}
#book-contact .book-contact-wrap .book-contact-form {
  display: flex;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 70px;
}

#book-contact
  .book-contact-wrap
  .book-contact-form
  .book-contact-form-wrap
  .book-contact-details {
  display: flex;
  gap: 50px;
}
#book-contact
  .book-contact-wrap
  .book-contact-form
  .book-contact-form-wrap
  .book-contact-details
  .contact-contain-name {
  width: 100%;
  margin-bottom: 2rem;
  justify-content: center;
}
#book-contact
  .book-contact-wrap
  .book-contact-form
  .book-contact-form-wrap
  .book-contact-details
  .contact-contain-name
  .border-contact1 {
  display: flex;
  border-bottom: 0.7px solid rgb(208, 208, 208);
  width: 100%;
  /* gap: 60px; */
  height: 38px;
  align-items: center;
  justify-content: space-between;
}
#book-contact
  .book-contact-wrap
  .book-contact-form
  .book-contact-form-wrap
  .book-contact-details
  .contact-contain-name
  .border-contact1
  .name-contact {
  border: none;
  outline: none;
}
#book-contact
  .book-contact-wrap
  .book-contact-form
  .book-contact-form-wrap
  .contact-contain-email {
  width: 100%;
  margin-bottom: 2.3rem;
}
#book-contact
  .book-contact-wrap
  .book-contact-form
  .book-contact-form-wrap
  .contact-contain-email
  .border-contact2 {
  display: flex;
  border-bottom: 0.7px solid rgb(208, 208, 208);
  width: 100%;
  /* gap: 360px; */
  height: 38px;
  align-items: center;
  justify-content: space-between;
}
#book-contact
  .book-contact-wrap
  .book-contact-form
  .book-contact-form-wrap
  .contact-contain-email
  .border-contact2
  .email {
  border: none;
  outline: none;
}
#book-contact .book-contact-wrap .book-contact-form .contact-contain-number {
  width: 100%;
  margin-bottom: 2.3rem;
}
#book-contact
  .book-contact-wrap
  .book-contact-form
  .contact-contain-number
  .border-contact2 {
  display: flex;
  border-bottom: 0.7px solid rgb(208, 208, 208);
  width: 100%;

  height: 38px;
  align-items: center;
  justify-content: space-between;
}
#book-contact
  .book-contact-wrap
  .book-contact-form
  .contact-contain-number
  .border-contact2
  input[type="number"]::-webkit-inner-spin-button,
#book-contact
  .book-contact-wrap
  .book-contact-form
  .contact-contain-number
  .border-contact2
  input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
#book-contact
  .book-contact-wrap
  .book-contact-form
  .contact-contain-number
  .border-contact2
  input[type="number"] {
  -moz-appearance: textfield;
}
#book-contact
  .book-contact-wrap
  .book-contact-form
  .contact-contain-number
  .border-contact2
  .number {
  border: none;
  outline: none;
}
#book-contact .book-contact-wrap .book-contact-form .contact-contain-message {
  width: 100%;
  margin-bottom: 2.3rem;
}
#book-contact
  .book-contact-wrap
  .book-contact-form
  .contact-contain-message
  .border-contact2 {
  display: flex;

  width: 100%;
  gap: 225px;
  height: 38px;
  align-items: center;
}
#book-contact
  .book-contact-wrap
  .book-contact-form
  .contact-contain-message
  .border-contact2
  textarea {
  max-height: 90px;
  width: 100%;
  border: none;
  outline: none;
  padding-top: 10px;
  border-bottom: 0.7px solid #d0d0d0;
}
#book-contact
  .book-contact-wrap
  .book-contact-form
  .contact-contain-message
  .border-contact2
  textarea
  #message {
  font-family: "Inter", sans-serif;
}
#book-contact .book-contact-wrap .book-contact-form .contact-header {
  font-size: 1rem;
  font-weight: 500;
  margin-top: 50px;
  line-height: 20px;
  color: #212121;
}
#book-contact .form-click {
  display: flex;
  font-size: 0.875rem;
  font-weight: 400;
  margin-top: 15px;
  line-height: 17px;
  color: rgb(39, 39, 39);
  gap: 1.5rem;
  align-items: center;
}
#book-contact .form-click .form-click-btn {
  width: 24px;
  height: 24px;
  cursor: pointer;
  accent-color: #000;
}
#book-contact .form-click .form-click-header {
  font-size: 1rem;
  font-weight: 400;
  width: calc(100% - 28px);
  color: #272727;
}
#book-contact .form-con-btn-wrap {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
#book-contact .form-con-btn-wrap #form-con-btn {
  background: #272727;
  border-radius: 12px;
  padding: 15px 77px;
  font-size: 16px;
  font-weight: 600;
  line-height: 19.36px;
  color: #ffffff;
  border: 1px solid black;
}
#book-contact .form-con-btn-wrap #form-con-btn:hover {
  color: black;
  border: 1px solid black;
  background: white;
}
.bx-user:before,
.bx-mail-send:before {
  font-size: 24px;
}
.form-click1 {
  display: flex;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 17px;
  margin-bottom: 1.3rem;
  gap: 0.5rem;
  align-items: center;
  font-size: 1rem;
  line-height: 19.36px;
  color: #272727;
}

#form-click-btn {
  width: 20px;
  cursor: pointer;
  height: 20px;
  accent-color: #000;
}

.ebook-form-para {
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  color: #212121;
}

.form-click2 {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
}

.oracle-form-header {
  font-size: 1rem;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 12px;
  color: #272727;
}

.page-bottom-design {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#better .better-bg {
  background-image: url(../Image/better-breathe.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
#better .better-bg .better-wrap .contact-contain {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 60px;
  gap: 8px;
  margin-bottom: 30px;
}
#better .better-bg .better-wrap .contact-contain .contact-heading1 {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 22x;
  color: #212121;
  cursor: pointer;
}
#better .better-bg .better-wrap .contact-contain .contact-heading {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 22px;
  opacity: 72%;
  cursor: pointer;
  color: #212121;
}
#better .better-bg .better-wrap .bb-header {
  font-size: 46px;
  font-weight: 500;
  line-height: 56px;
  text-align: center;
  color: #212121;
  margin-top: 8px;
  margin-bottom: 12px;
}
#better .better-bg .better-wrap .bb-para-wrap {
  margin-bottom: 30px;
}
#better .better-bg .better-wrap .bb-para-wrap .bb-para {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: #212121;
  width: 76%;
  margin: auto;
}
#better .better-bg .better-wrap .mobile-wrap {
  text-align: center;
}

img.mobile2,
img.mobile3,
img.mobile4,
img.mobile5,
img.mobile6 {
  display: none;
}
.blog-details-contain {
  display: flex;
  justify-content: center;
  gap: 8px;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 50px;
}

.contact-heading1 {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 22x;
  color: #212121;
  cursor: pointer;
}

.contact-heading {
  font-size: 1.125rem;
  font-weight: 400;
  cursor: pointer;
  line-height: 22px;
  opacity: 72%;
  color: #212121;
}

.blog-details .blog-details-wrap {
  position: relative;
}
.blog-details .blog-details-wrap .blog-details-img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.blog-details .blog-details-wrap .blog-details-img {
  position: relative;
}
.blog-details .blog-details-wrap .blog-details-img-res {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  display: none;
}
.blog-details .blog-details-wrap .blog-details-img-res {
  position: relative;
}
.blog-details .blog-details-wrap .share {
  position: absolute;
  top: 22px;
  right: 22px;
}

.blog-details-header {
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  margin-bottom: 20px;
  margin-top: 4px;
  color: #212121;
}

.blog-details-para {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 12px;
  color: #000721;
}

.blog-item {
  font-size: 1rem;
  font-weight: 400;
  line-height: 28px;
  color: #000721;
  opacity: 72%;
  display: flex;
  gap: 0.375rem;
}

.blog-details-subheader {
  font-size: 42px;
  font-weight: 600;
  line-height: 56px;
  color: #212121;
}

.blog-details-bg-wrap {
  display: flex;
  justify-content: center;
  margin-top: -142px;
  position: relative;
  z-index: 900;
  height: 172px;
}
.blog-details-bg-wrap .blog-details-bg {
  background-color: #ffffff;
  width: 1007px;
}
.blog-details-bg-wrap .blog-details-bg .blog-details-content {
  padding-top: 20px;
  padding-right: 30px;
  padding-left: 30px;
  z-index: 999;
}
.blog-details-bg-wrap
  .blog-details-bg
  .blog-details-content
  .blog-details-subheader {
  font-size: 42px;
  font-weight: 600;
  margin-bottom: 12px;
  line-height: 44px;
  color: #212121;
}
.blog-details-bg-wrap .blog-details-bg .blog-details-content .blog-item {
  font-size: 1rem;
  font-weight: 400;
  line-height: 28px;
  color: #000721;
  opacity: 72%;
  display: flex;
  gap: 0.375rem;
}

#blog-details-section .blog-details-wrap {
  margin-bottom: 16px;
}
#blog-details-section .blog-details-wrap .blog-details-wrpper {
  margin-bottom: 25px;

  margin-top: 35px;
}
#blog-details-section
  .blog-details-wrap
  .blog-details-wrpper
  .blog-details-para1 {
  font-size: 1.125rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  line-height: 28px;
  color: #000721;
  opacity: 72%;
  margin: 30px 0;
}
#blog-details-section
  .blog-details-wrap
  .blog-details-wrpper
  .blog-details-para {
  font-size: 1.125rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  line-height: 28px;
  color: #474c5f;
}
#contact-hero {
  margin-bottom: 6rem;
}
.blog-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.blog-contain {
  margin-top: 1.75rem;
}

.blog-contain-heading {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 22px;
  color: #212121;
  margin-bottom: 0.5rem;
}

.blog-contain-para {
  font-size: 1rem;
  font-weight: 400;
  line-height: 26px;
  color: #000721;
  opacity: 72%;
  margin-bottom: 0.5rem;
}

.blog-item {
  font-size: 1rem;
  font-weight: 400;
  line-height: 28px;
  color: #000721;
  opacity: 72%;
  display: flex;
  gap: 0.375rem;
}

.blog-main-header {
  font-size: 24px;
  font-weight: 600;
  line-height: 56px;
  margin-bottom: 35px;
  color: #212121;
}

.blog-details-header1 {
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  margin-bottom: 20px;
  margin-top: 20px;
  color: #212121;
}

.share {
  position: absolute;
  top: 20px;
  right: 40px;
}

.blog-2-subimg-wrap {
  display: flex;
  justify-content: center;
}

.blog-img-wrapper-top {
  display: flex;
  justify-content: space-between;
}

.sub--images {
  width: 375px;
  height: 375px;
  border-radius: 20px;
}

.blog-2-subimg-wrapper {
  display: flex;
  gap: 8px;
  flex-direction: column;
}

ul {
  font-size: 22px;
  font-size: 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.sub-heading-1 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px;
  line-height: 30px;
  text-align: center;
  width: 720px;
}

.sub-heading1-wrap {
  display: flex;
  justify-content: center;
}

a {
  text-decoration: none;
}

.header-a {
  display: flex;
  align-items: center;
  gap: 6px;
}

#training {
  display: none;
  font-size: 28px;
  font-weight: 400;
  line-height: 32px;
  color: #ffffff;
}

.tm-list-icon #training {
  display: flex;
  gap: 6px;
  margin-bottom: 5px;
}

.training-wrap {
  /* display: flex; */
  gap: 16px;
}

.over-right {
  background-image: url(../Image/img-over-right.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 831px;
}

.week-btn {
  background: #272727;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  padding: 17px 38px;
  border-radius: 12px;
  border: 1px solid black;
  outline: none;
  margin-top: 10px;
}

.list-name-wrap {
  display: flex;
  align-items: center;
  gap: 30px;
}
img.screen1,
img.screen2,
img.screen3 {
  display: none;
}
img.screen {
  width: 100%;
}

#app-section {
  margin-top: 90px;
  margin-bottom: 40px;
}
#app-section .icon-wrapping {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
#app-section .icon-wrapping .cs-pic-wrap .app-header {
  font-size: 20.62px;
  font-weight: 500;
  line-height: 24.95px;
  text-align: center;
  color: #212121;
}
#app-section .app-contain .app-subheading {
  font-size: 42px;
  font-weight: 600;
  line-height: 50.83px;
  text-align: center;
  margin: 20px 0 10px;
  color: #212121;
}
#app-section .app-contain .app-para-wrap {
  display: flex;
  justify-content: center;
}
#app-section .app-contain .app-para-wrap .app-sub-para {
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  text-align: center;
  margin-bottom: 12px;
  width: 61%;
  color: #212121;
}
#app-section .app-contain .app-btn-wrap {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 20px;
}
#app-section .app-contain .app-btn-wrap #app-btn {
  background: #272727;
  font-size: 16px;
  font-weight: 600;
  outline: none;
  border: none;
  line-height: 19.36px;
  text-align: left;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 12px;
  padding: 15px 61px;
  cursor: pointer;
  border: 1px solid black;
}
#app-section .app-contain .app-last-para {
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  margin-top: 30px;
  line-height: 21.78px;
  color: #212121;
}

#app-find {
  background: #fafafa;
  padding-top: 56px;
  padding-bottom: 100px;
}
#app-find .app-find-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 5%;
}
img.play-store,
img.app-store {
  width: 100%;
}
#app-find .app-find-wrap .app-find-left {
  width: 40%;
}

#app-find .app-find-wrap .app-find-left .app-find-contain .app-find-header {
  font-family: Gilroy;
  font-size: 54px;
  font-weight: 700;
  color: #212121;
}
#app-find .app-find-wrap .app-find-left .app-find-contain .app-find-heading {
  font-family: Gilroy;
  font-size: 40px;
  margin-bottom: 12px;
  font-weight: 700;
  color: #212121;
}
#app-find .app-find-wrap .app-find-left .app-find-contain .app-find-para {
  font-family: Inter;
  font-size: 16px;
  margin-bottom: 25px;
  font-weight: 400;
  line-height: 19.36px;
  text-align: left;
  color: #474c5f;
}
#app-find .app-find-wrap .app-find-left .app-find-contain .app-find-btn-wrap {
  display: flex;
  gap: 15px;
}
#app-find .app-find-wrap .app-find-right {
  width: 60%;
}

.bb-design-left {
  position: absolute;
  left: 0;
}

.bb-design-right {
  position: absolute;
  right: 0;
}

.swiper {
  width: 100%;
  height: 100%;
}
.about-scroll .moretext {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: #000721;
  opacity: 72%;
  width: 89%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  /* justify-content: center; */
  flex-direction: column;
  align-items: center;
}
.swiper-slide-container {
  width: 92%;
}
.blog-wrapper .swiper.mySwiper4 .swiper-wrapper {
  gap: 5%;
}
.swiper.mySwiper3 .swiper-wrapper {
  gap: 3% !important;
}
.swiper-slide img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}

.half-month-heading-design {
  font-size: 46px;
  font-weight: 600;
  line-height: 55px;
  opacity: 50%;
  color: transparent;
  -webkit-text-stroke: 1.5px #000721;
  font-family: "Cinzel", serif;
}

.half-month-heading {
  font-size: 46px;
  font-weight: 600;
  line-height: 56px;
  color: #000721;
}

.half-head {
  margin: 20px 0;
  gap: 12px;
}

.year-button-block {
  display: none;
}

#year-btn {
  color: #212121;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  background: #ffffff;
  border: 1.5px solid #272727;
  box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.2);
  padding: 18px 38px;
  border-radius: 12px;
  cursor: pointer;
}

.half-month-heading-design1 {
  font-size: 46px;
  font-weight: 700;
  line-height: 55px;
  opacity: 50%;
  color: transparent;
  -webkit-text-stroke: 1.5px #ffffff;
  font-family: "Cinzel", serif;
}

.half-month-heading1 {
  font-size: 46px;
  font-weight: 600;
  line-height: 56px;
  color: #ffffff;
}

.half-full1 {
  display: none;
}

.half-full {
  display: none;
  margin: 20px 0 30px 0;
  gap: 12px;
}

.half-head1 {
  margin: 20px 0 30px 0;
  display: flex;
  gap: 12px;
  align-items: center;
}

.first-slider {
  display: none;
}

/* Slider container */
.slider {
  position: relative;
  max-width: 100%;
  margin: auto;
  overflow: hidden;
}

.swiper {
  width: 100%;
  height: 100%;
}
.swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  /* background: #fff; */
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper .swiper-slide #team1 {
  margin-top: 70px;
  margin-bottom: 20px;
}
.swiper .swiper-slide #team1 .team-wrapper {
  background: #ffffff;
  border-radius: 32px;
  box-shadow: 0px 12px 17px 0px rgba(0, 0, 0, 0.0509803922);
  padding: 32px;
}
.swiper .swiper-slide #team1 .team-wrapper .team-wrap {
  display: flex;
  align-items: center;
  gap: 35px;
}
.swiper
  .swiper-slide
  #team1
  .team-wrapper
  .team-wrap
  .team-contain-wrap
  .team-header {
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  color: #212121;
  margin-bottom: 10px;
}
.swiper
  .swiper-slide
  #team1
  .team-wrapper
  .team-wrap
  .team-contain-wrap
  .team-para {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 8px;
  line-height: 25px;
  color: #000721;
  opacity: 72%;
}
.swiper
  .swiper-slide
  #team1
  .team-wrapper
  .team-wrap
  .team-contain-wrap
  .team-btn-wrap {
  display: flex;
  justify-content: end;
}
.swiper
  .swiper-slide
  #team1
  .team-wrapper
  .team-wrap
  .team-contain-wrap
  .team-btn-wrap
  #team-btn {
  background: #272727;
  border-radius: 12px;
  cursor: pointer;
  padding: 12px 45px;
  border: none;
  outline: none;
  font-size: 1rem;
  font-weight: 600;
  line-height: 19.36px;
  color: #ffffff;
}
.swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  /* background: #fff; */
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper .swiper-slide #master1 {
  margin-top: 70px;
  margin-bottom: 100px;
}
.swiper .swiper-slide #master1 .master-wrapper {
  background: #ffffff;
  border-radius: 32px;
  box-shadow: 0px 12px 17px 0px rgba(0, 0, 0, 0.0509803922);
  padding: 32px;
}
.swiper .swiper-slide #master1 .master-wrapper .master-wrap {
  display: flex;
  align-items: center;
  gap: 35px;
}
.swiper
  .swiper-slide
  #master1
  .master-wrapper
  .master-wrap
  .master-contain-wrap
  .master-header {
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  color: #212121;
  margin-bottom: 10px;
}
.swiper
  .swiper-slide
  #master1
  .master-wrapper
  .master-wrap
  .master-contain-wrap
  .master-para {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 8px;
  line-height: 25px;
  color: #000721;
  opacity: 72%;
}
.swiper
  .swiper-slide
  #master1
  .master-wrapper
  .master-wrap
  .master-contain-wrap
  .master-btn-wrap {
  display: flex;
  justify-content: start;
  /* margin-top: 50px; */
}
.swiper
  .swiper-slide
  #master1
  .master-wrapper
  .master-wrap
  .master-contain-wrap
  .master-btn-wrap
  #master-btn {
  background: #272727;
  border: none;
  outline: none;
  border-radius: 12px;
  cursor: pointer;
  padding: 12px 45px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 19.36px;
  color: #ffffff;
}

#team1 {
  display: none;
}

#master1 {
  display: none;
}

.social-media-section1 {
  display: none;
}
.social-media-section1 .social-media-bg-img {
  background-image: url(../Image/social-media-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.social-media-section1 .social-media-contain {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-top: 5.625rem;
}
.social-media-section1 .social-media-header {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 49px;
  color: #000721;
  margin-bottom: 1.5rem;
}
.social-media-section1 .social-media-para {
  font-size: 1rem;
  font-weight: 400;
  line-height: 20px;
  width: 67%;
  color: #585858;
  margin-bottom: 3.5rem;
}
.social-media-section1 .swiper {
  width: 100%;
  height: 100%;
}
.social-media-section1 .swiper .swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.social-media-section1 .swiper .swiper-slide img {
  display: block;
  width: 335px;
  height: 350px;
  -o-object-fit: cover;
  object-fit: cover;
}

.blog-section1 {
  display: none;
}
.blog-section1 .blog-heading {
  margin-top: 6.25rem;
  margin-bottom: 2.6rem;
}
.blog-section1 .blog-header {
  display: flex;
  font-size: 2.375rem;
  font-weight: 600;
  line-height: 46px;
  align-items: center;
  justify-content: center;
}
.blog-section1 .blog-wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 5rem;
}
.blog-section1 .swiper {
  width: 100%;
  height: 100%;
}
.blog-section1 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blog-section1 .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.blog-section1 .swiper-slide .share {
  width: 32px;
  height: 32px;
}
p.team-para {
  width: 83%;
}
.blog-section1 .blog-contain {
  margin-top: 1.75rem;
}
.blog-section1 .blog-contain-heading {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 22px;
  color: #212121;
  margin-bottom: 0.5rem;
}
.blog-section1 .blog-contain-para {
  font-size: 1rem;
  font-weight: 400;
  line-height: 26px;
  color: #000721;
  opacity: 72%;
  margin-bottom: 0.5rem;
}
.blog-section1 .blog-item {
  font-size: 1rem;
  font-weight: 400;
  line-height: 28px;
  color: #000721;
  opacity: 72%;
  display: flex;
  gap: 0.375rem;
}

.privacy-main-header {
  font-size: 42px;
  font-weight: 600;
  line-height: 56px;
  text-align: center;
  color: #212121;
  margin: 40px 0;
}
p.tearms-para {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 6px;
  color: #474c5f;
}
.privacy-header {
  font-size: 22px;
  margin-bottom: 10px;
  font-weight: 600;
  line-height: 25px;
  color: #212121;
}

.privacy-para {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: #474c5f;
  margin-bottom: 6px;
}

.privacy-mail {
  cursor: pointer;
  color: #000721;
  word-wrap: break-word;
}

.privacy-link {
  color: #000721;
  cursor: pointer;
  word-wrap: break-word;
}

.moretext {
  display: none;
  font-size: 1rem;
  font-weight: 400;
  line-height: 32px;
  opacity: 72%;
  color: #000721;
  /* width: 91%; */
}

.moreless-button {
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  cursor: pointer;
  text-align: left;
  color: #272727;
}

.moretext1 {
  display: none;
  font-size: 1rem;
  font-weight: 400;
  line-height: 32px;
  opacity: 72%;
  color: #000721;
}

.moretext5 {
  display: none;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 28px;
  opacity: 72%;
  color: #000721;
}
.moretext6 {
  display: none;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 8px;
  line-height: 25px;
  color: #000721;
  opacity: 72%;
}
.moreless-button1,
.moreless-button2,
.moreless-button3,
.moreless-button4 {
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  color: #272727;
  cursor: pointer;
}

.about-img-0 {
  display: none;
}

.half-month-subpara {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: #474c5f;
}

.beast,
.beast1,
.beast2,
.beast3,
.beast4 {
  height: 167px !important;
  overflow: hidden;
  transition: all 0.5s linear;
}

.beast5 {
  height: 0px !important;
  overflow: hidden;
  transition: all 0.5s linear;
}

.red {
  height: auto !important;
  transition: all 0.5s linear;
}

.cs-footer1 .footer-bg {
  background-color: rgb(13, 7, 5);
}
.cs-footer1 .footer-bg .footer-wrapper2 {
  padding-top: 3rem;
  display: flex;
  justify-content: center;
  gap: 2.9375rem;
  padding-bottom: 1.875rem;
  align-items: center;
}
.cs-footer1 .footer-bg .footer-wrapper2 .header-head-footer {
  display: flex;
  cursor: pointer;
  gap: 0.625rem;
  align-items: center;
  color: #ffffff;
}
.cs-footer1 .footer-bg .footer-wrapper2 .header-head-footer .header-img {
  width: 42px;
  height: 42px;
}
.cs-footer1 .footer-bg .footer-wrapper2 .header-head-footer .heading-footer {
  color: #ffffff;
}
.cs-footer1 .footer-bg .footer-wrap-para .footer-para {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  opacity: 52%;
  line-height: 25px;
}
.cs-footer1 .footer-bg .footer-middle-line {
  border: 0.5px solid rgba(255, 255, 255, 0.2);
  width: 100%;
}
.cs-footer1 .footer-bg .footer-lists .footer-wrapper-titte-last {
  padding-top: 30px;
}
.cs-footer1 .footer-bg .footer-lists .footer-wrapper-titte-last .footer-access {
  font-size: 1rem;
  line-height: 32px;
  font-weight: 600;
  color: #ffffff;
  cursor: pointer;
  margin-bottom: 1rem;
}
.cs-footer1 .footer-bg .footer-lists .footer-main-list {
  display: flex;
  justify-content: space-between;
  padding-bottom: 3rem;
}
.cs-footer1 .footer-bg .footer-lists .footer-wrapper-list {
  display: flex;
}
.cs-footer1 .footer-bg .footer-lists .list-name {
  color: rgba(255, 255, 255, 0.52);
  font-size: 1rem;
  font-weight: 400;
  line-height: 32px;
  list-style-type: none;
  margin-top: 8px;
  text-decoration: none;
  margin-bottom: 8px;
  cursor: pointer;
}
.cs-footer1 .footer-bg .footer-lists .list-name2 {
  color: rgba(255, 255, 255, 0.52);
  font-size: 1rem;
  font-weight: 400;
  list-style-type: none;
  margin-top: 8px;
  text-decoration: none;
  /* cursor: pointer; */
}
.cs-footer1 .footer-bg .footer-lists .list-name1 {
  color: rgba(255, 255, 255, 0.52);
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  list-style-type: none;
  margin-top: 8px;
  text-decoration: none;
  cursor: pointer;
}
.cs-footer1 .footer-bg .footer-lists .list-name:hover {
  color: #ffffff;
  list-style-image: url(../Image/right-footer.png);
}
.cs-footer1 .footer-bg .footer-wrap-last-row {
  display: flex;
  justify-content: space-between;
  padding-bottom: 3rem;
}
.cs-footer1 .footer-bg .footer-wrap-last-row .footer-last-header {
  color: rgba(255, 255, 255, 0.52);
  font-size: 1rem;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
  cursor: pointer;
}
.cs-footer1 .footer-bg .footer-wrap-last-row .footer-social-media {
  display: flex;
  gap: 1.25rem;
}

#ul-wrap {
  margin-left: 20px;
}

.blog-1-para {
  color: #474c5f;
}

.mobile1 {
  display: flex;
  margin: 41px auto auto;
}

.mobile2 {
  margin-top: 30px;
}

.list-name2:hover {
  /* color: #ffffff; */
  list-style-image: url(../Image/right-footer.png);
}
.list-name2:hover .list-name-wrap {
  display: block;
}

.hide {
  /* display: none; */
  position: absolute; /* Adjust as needed for positioning */
  margin-top: -25px;
}

.list-name2:hover .hide {
  display: block;
}
.moretext2,
.moretext3,
.moretext4 {
  display: none;
  font-size: 1rem;
  font-weight: 400;
  line-height: 32px;
  opacity: 72%;
  color: #000721;
  /* width: 91%; */
}
.list-w {
  display: block;
  align-items: center;
  gap: 20px;
  color: rgba(255, 255, 255, 0.52);
  font-size: 1rem;
  font-weight: 400;
  list-style-type: none;
  text-decoration: none;
  margin-top: -20px;
  margin-left: 15px;
  cursor: pointer;
}

#tc-section .tc-wrap {
  margin-bottom: 90px;
  text-align: center;
}
#tc-section .tc-wrap .tc-header {
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #212121;
  margin-bottom: 25px;
}
#tc-section .tc-wrap .slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
  padding-bottom: 100px !important;
}
#tc-section .tc-wrap .slider .slideses {
  transition: transform 0.5s ease-in-out;
}
#tc-section .tc-wrap .slider .slideses .slide {
  min-width: 100%;
}
#tc-section .tc-wrap .slider .slideses .tc-heading {
  font-family: "Italianno", cursive;
  font-size: 48px;
  color: #000000;
  margin-bottom: 16px;
  font-weight: 500;
}
#tc-section .tc-wrap .slider .slideses .tc-para {
  font-size: 18px;
  font-weight: 400;
  width: 700px;
  line-height: 28px;
  margin: 0 auto;
  color: #212121;
  opacity: 72%;
  margin-bottom: 8px;
}
#tc-section .tc-wrap .slider .slider-btn {
  display: flex;
  gap: 24px;
  justify-content: center;
  align-items: center;
  margin-top: 45px;
}

.form-img-res {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.blog-main-header1 {
  font-size: 24px;
  font-weight: 600;
  line-height: 56px;
  margin-bottom: 8px;
  color: #212121;
}

#blog-details-section1 {
  margin-top: 60px;
  margin-bottom: 50px;
}
#blog-details-section1 .blog-details-wrap {
  margin-bottom: 16px;
}
#blog-details-section1 .blog-details-wrap .blog-details-wrpper {
  margin-bottom: 25px;
}
#blog-details-section1
  .blog-details-wrap
  .blog-details-wrpper
  .blog-details-para1 {
  font-size: 1.125rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  line-height: 28px;
  color: #000721;
  opacity: 72%;
  margin: 30px 0;
}
#blog-details-section1
  .blog-details-wrap
  .blog-details-wrpper
  .blog-details-para {
  font-size: 1.125rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  line-height: 28px;
  color: #000721;
  opacity: 72%;
}
video {
  background-image: url(../Image/bg-1.png);
  border-radius: 24px;
}
.form-section .form-img .btn-primary-form .form-btn:hover {
  background-color: #ffffff;
  color: #272727;
  border: 1px solid #272727;
}

.hero-section .hero-wrapper .hero-contain .hero-btn:hover {
  border: 1px solid #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.week-btn:hover {
  background-color: #ffffff;
  color: #272727;
  border: 1px solid #272727;
}

#year .year-wrap .year-user-wrap #year-btn:hover {
  border: 1px solid #ffffff;
  color: #ffffff;
  background-color: transparent;
}

#training-section
  .training-wrap
  .training-contain-wrap
  .training-wrapper
  .training-card-wrap
  .training-btn-wrap
  #training-btn:hover {
  background-color: #ffffff;
  color: #272727;
  border: 1px solid #272727;
}

#training-section
  .training-wrap
  .training-contain-wrap1
  .training-wrapper
  .training-card-wrap
  .training-btn-wrap
  #training-btn:hover {
  background-color: #ffffff;
  color: #272727;
  border: 1px solid #272727;
}

#team
  .team-wrapper
  .team-wrap
  .team-contain-wrap
  .team-btn-wrap
  #team-btn:hover {
  background-color: #ffffff;
  color: #272727;
  border: 1px solid #272727;
}

#master
  .master-wrapper
  .master-wrap
  .master-contain-wrap
  .master-btn-wrap
  #master-btn:hover {
  background-color: #ffffff;
  color: #272727;
  border: 1px solid #272727;
}

#book .book-img .book-contain #book-btn:hover {
  border: 1px solid #ffffff;
  color: #ffffff;
  background-color: transparent;
}

#oracle .oracle-img .oracle-wrap .oracle-contain #oracle-btn:hover {
  background-color: #ffffff;
  color: #272727;
  border: 1px solid #272727;
}

#oracle-life-btn:hover {
  border: 1px solid #ffffff;
  color: #ffffff;
  background-color: transparent;
}

#oracle-invest
  .oracle-invest-img
  .oracle-invest-contain
  #oracle-invest-btn:hover {
  border: 1px solid #ffffff;
  color: #ffffff;
  background-color: transparent;
}

#app-section .app-contain .app-btn-wrap #app-btn:hover {
  background-color: #ffffff;
  color: #272727;
  border: 1px solid #272727;
}

#contact-page
  .contact-wrapper
  .contact-bgimg
  .contact-bg-wrap
  .contact-right
  .form-section
  .contact-contain-form
  .btn-primary-form
  .form-btn:hover {
  background-color: #ffffff;
  color: #272727;
  border: 1px solid #272727;
}

#year-btn:hover {
  border: 1px solid #ffffff;
  color: #ffffff;
  background-color: transparent;
}

#training-section1
  .training-wrap
  .swiper
  .swiper-slide
  .training-contain-wrap
  .training-wrapper
  .training-card-wrap
  .training-btn-wrap
  #training-:hover {
  background-color: #ffffff;
  color: #272727;
  border: 1px solid #272727;
}

#training-section1
  .training-wrap
  .swiper
  .swiper-slide
  .training-contain-wrap1
  .training-wrapper
  .training-card-wrap
  .training-btn-wrap
  #training-btn:hover {
  background-color: #ffffff;
  color: #272727;
  border: 1px solid #272727;
}

.swiper
  .swiper-slide
  #master1
  .master-wrapper
  .master-wrap
  .master-contain-wrap
  .master-btn-wrap
  #master-btn:hover {
  background-color: #ffffff;
  color: #272727;
  border: 1px solid #272727;
}

.swiper
  .swiper-slide
  #team1
  .team-wrapper
  .team-wrap
  .team-contain-wrap
  .team-btn-wrap
  #team-btn:hover {
  background-color: #ffffff;
  color: #272727;
  border: 1px solid #272727;
}
b {
  color: #212121;
  display: contents;
  opacity: 1;
}
.cs-footer .footer-wrap-last-row .footer-last-header:hover {
  color: #ffffff;
}
.contact-left-contain1 {
  display: none;
}
.year-button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.page-bottom-design-res {
  display: flex;
  justify-content: space-between;
  align-items: center;
  display: none;
}
.form-design-left {
  display: flex;
  align-items: flex-start;
}
.form-design-right {
  display: flex;
  align-items: flex-end;
}

.moving-text:hover {
  animation-play-state: paused;
}

.video-container {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}
.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ff0000;
  color: white;
  border: none;
  padding: 4px 16px;
  font-size: 30px;
  cursor: pointer;
  z-index: 10;
  border-radius: 8px;
  transition: opacity 0.3s, transform 0.3s;
}

.play-button:focus {
  outline: none;
}
.page-note-found {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 75vh;
  max-width: 490px !important;
}
.page-text {
  text-align: center;
}
p.p_text {
  font-size: 20px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 5px;
}
.page_text {
  line-height: 24px;
}