body {
  box-sizing: border-box;
  background-color: #FFFDF7;
  font-family: cairo;
}

.main-container {
  max-width: 1440px;
  margin: auto;
  padding: auto;
}

.ofh {
  overflow: hidden;
}

.inner-container {
  width: 1248px;
}

.nav-toggle {
    display: none;
    font-size: 28px;
    cursor: pointer;
}

/* top-bar */
.top-bar {
  /* position: fixed; */
  height: 36px;
  background-color: #F2F2F2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.top-bar-left {
 display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 16px;
  gap: 24px;
}

.top-bar-left div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.top-bar-left img {
  margin-right: 5px;
}

.top-bar-left p {
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 13px;
  line-height: 100%;
  color: #717182;
}

.top-bar-right {
  display: flex;
  /* width: 112px; */
  height: 16px;
  gap: 16px;
  margin-right: 70px;
}

.top-bar-right img {
  cursor: pointer;
}


/* nav bar */
.nav-bar {
  /* position: fixed; */
  display: flex;
  margin-top: 17px;
  margin-bottom: 17px;
  justify-content: space-around;
}

.nav-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.nav-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 147px;
  height: 40px;
  margin-top: 0px;
  margin-left: 0px;
}

.nav-logo p {
  font-family: Cairo;
  font-weight: 700;
  font-style: Bold;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #1C2951;
  margin-left: 6px;
}

.nav-items {
  display: flex;
  align-items: center;
  /* height: 46px; */
   
}

.nav-home {
  border-bottom: 1px solid #D4DFFF;
  border-radius: 6px;
  font-family: Inter;
  color: #0EAD69 !important;
  font-weight: 600 !important;
  font-style: Semi Bold;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  padding: 8px 16px 8px 16px;
}

.nav-items ul {
  display: flex;
  list-style: none;
  gap: 16px;
  margin-right: 10px;
  cursor: pointer;
  margin-top: 0px;
  margin-bottom: 0px;
}

.nav-items ul div {
  font-family: Inter;
  font-weight: 600;
  font-style: Regular;
  font-size: 14px;
  line-height: 100%;
  color: #717182;
  display: flex;
  align-items: center;
  padding: 8px 16px 8px 16px;
}

.nav-items ul div:hover {
  border-bottom: 1px solid #D4DFFF;
  border-radius: 6px;
  color: #0EAD69;
  transition: 300ms ease-out;
  padding-bottom: 8px;
  font-weight: 600;
  font-style: Semi Bold;
}
.nav-items ul div a {
  color: inherit;
  text-decoration: none;
}

.nav-buttons {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.nav-demobutton {
  cursor: pointer;
  padding: 8px 16px 8px 16px;
  border: none;
  border-radius: 12px;
  background: #FFFDF7;
  /* typography */
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #FBFBFB;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(95.04deg, #047243 0%, #0EAD69 100%);
}

.nav-demobutton::before {
  content: '';
  /*background-image: linear-gradient(95.04deg, #2F80ED 0%, #0EAD69 100%);*/
  position: absolute;
  inset: -2;
  /* height: 107%;
  width: 102%; */
  border-radius: 12px;
  z-index: -1;
}

.nav-demobutton::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  transition: 500ms ease-out;
  /*background: linear-gradient(95.04deg, #047243 0%, #0EAD69 100%);*/
  z-index: 1;
}

.nav-demobutton:hover::before {
  height: 100%;
}

.nav-demobutton:hover {
  color: #FBFBFB;
  background: linear-gradient(95.04deg, #1C2951 0%, #2F80ED 100%);
}

.nav-joinbutton {
  cursor: pointer;
  padding: 12px 24px 12px 24px;
  border: none;
  gap: 10px;
  border-radius: 12px;
  border-width: 1px;
  background: linear-gradient(95.04deg, #047243 0%, #0EAD69 100%);
  /* typography */
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #FBFBFB;
}

.nav-joinbutton:hover {
  background: linear-gradient(95.04deg, #1C2951 0%, #2F80ED 100%);
  transition: 50ms ease-out;
}

.nav-menu {
  display: flex;
}
.anchor-name-container-kill {
  height: 0px;
  display: flex;
}


/* HERO section */

/*Banner section START  */

.banner {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 23px;
  background-image: url("../images/ImageWithFallback.png");
  padding-left: 95px;
  padding-right: 98px;
}

.banner-leftcontain {
  width: 53%;
  display: flex;
  flex-direction: column;
  margin-top: 107px;
  margin-bottom: 78px;
}

.banner-leftcontain-text {
  margin-top: 10px;
}

.banner-leftcontain-text span {
  padding: 11px 17px 11px 17px;
  border: 1px solid #F4C5424D;
  border-radius: 33554400px;
  /* typography */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #F4C542;
}

.banner-leftcontain-inner {
  margin-top: 32px;
  margin-bottom: 32px;
}

.banner-para1 {
  margin-top: 0px;
  margin-bottom: 0px;
  width: 768px;
  font-family: Cairo;
  font-weight: 800;
  font-style: ExtraBold;
  font-size: 72px;
  line-height: 80px;
  letter-spacing: 0px;
  -webkit-text-stroke: 1px #FFFFFF80;
  background: linear-gradient(90deg, #0EAD69 0%, #06472B 100%);
  -webkit-text-fill-color: transparent;
  background-clip: text
}

.banner-para1 span {
  background: #FFFFFF !important;
  -webkit-text-fill-color: white;
  background-clip: text !important;
}

.banner-para2 {
  width: 721px;
  display: flex;
  align-items: center;
  margin-top: 32px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 22px;
  line-height: 36px;
  color: #FFFFFFE5;
}

.banner-leftcontain-buttons {
  width: 768px;
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.banner-join-button {
  cursor: pointer;
  width: 165px;
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 12px 24px 12px 24px;
  border-radius: 12px;
  background: linear-gradient(95.04deg, #047243 0%, #0EAD69 100%);
  border: none;
  /* typography */
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #FBFBFB;
  box-shadow: 0px 10px 15px 0px #1C295133;
}

.banner-join-button:hover {
  background: linear-gradient(95.04deg, #1C2951 0%, #2F80ED 100%);
  transition: 50ms ease-out;
}

.banner-demo-button {
  cursor: pointer;
  width: 179px;
  border-radius: 12px;
  border: none;
  margin-top: 6px;
  margin-bottom: 6px;
  /* typography */
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #0EAD69;
  padding: 8px 16px 8px 16px;
  gap: 8px;
}

.banner-demo-button:hover {
  background: linear-gradient(95.04deg, #047243 0%, #0EAD69 100%);
  transition: 50ms ease-out;
  color: #FBFBFB;
}

.banner-icon-button {
  width: 64px;
  height: 64px;
}

.banner-button-text {
  
}

.banner-button-text p {
  margin-top: 0px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #FFFFFF;
}

.banner-rightcontain {
  display: flex;
  flex-direction: column;
  width: 31.7%;
  border: none;
  border-top: 2px solid;
  border-image-source: linear-gradient(143.54deg, rgba(28, 41, 81, 0.1) 1.07%, rgba(63, 93, 183, 0.1) 99.51%);
  /* border: 1px solid; */
  border-radius: 12px;
  margin-top: 56px;
  backdrop-filter: blur(30px);
  box-shadow: 0px 0px 52px 0px #0000001A;
}

.banner-rightcontain-img {
  height: 128px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: #d2d1d0;
}

.banner-rightcontain-img img {
  width: 100%;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.banner-rightcontain-content {
  background-color: #047243;
  padding-left: 39px;
  padding-right: 39px;
  display: flex;
  flex-direction: column;
  background-color: #d2d1d0;
  gap: 20px;
  padding-bottom: 18px;
}

.banner-rightcontain-content h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 900;
  font-style: Bold;
  font-size: 24px;
  letter-spacing: 0px;
  color: #0EAD69;
  text-align: center;
}


/* adnan on 23-feb-2026 START */
.banner-rightcontain-content input,
.banner-rightcontain-content textarea {
    padding: 16px;
    border: 1px solid #82d2ae;
    border-radius: 12px;
    background-color: #fffeff;
    color: #7e7e7e;
    font-size: 13px;
    font-family: Inter;
    font-weight: 400;
    letter-spacing: 0px;
    max-width: 340px;
    width: 340px;
    margin-bottom: 20px;
}
.banner-rightcontain-content .webform-webform-telephone-international {
width: 374px;

  max-width: unset;
}
.banner-rightcontain-content .fieldset__wrapper #edit-student-country-country--2 {
    padding: 10px;
    border: 1px solid #82d2ae;
    border-radius: 12px;
    background-color: #fffeff;
    color: #7e7e7e;
    font-size: 13px;
}

.banner-rightcontain-content .fieldset__wrapper .form-item__label.js-form-required.form-required {
    color: #7e7e7e;
}

.banner-rightcontain-content fieldset.webform-composite-hidden-title {
    margin-top: 0;
    margin-bottom: 20px;
    border: none;
    padding: 0;
}
/* adnan on 23-feb-2026   END  */

.banner-rightcontain-content input {
  /*padding: 16px;
  border: 1px solid #82d2ae;
  border-radius: 12px;
  background-color: #fffeff;
   
  color: #7e7e7e;
  font-size: 13px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  letter-spacing: 0px;*/
}

.banner-rightcontain-bottom {
  display: flex;
  flex-direction: column;
  background-color: #d2d1d0;
}


.banner-rightcontain-bottom button,
.banner-rightcontain-content .button--primary {
  /* padding-bottom: 20px; */
  cursor: pointer;
  padding: 14px;
   
  border-radius: 12px;
  border: none;
  background: linear-gradient(95.04deg, #047243 0%, #0EAD69 100%);
  /* typography */
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #FBFBFB;
  width: 100%;
  max-width: unset;
}

.banner-rightcontain-bottom button:hover {
  background: linear-gradient(95.04deg, #1C2951 0%, #2F80ED 100%);
  transition: 50ms ease-out;
}





/* ABOUT SECTION */

.about-section {
  display: flex;
  flex-direction: row;
  background-image: url("/pricing-background.png");
  padding: 80px 96px 80px 96px;
  width: 100%;
}

.about-section-leftcontain {
  width: 42%;
  padding-right: 30px;
  border-radius: 30px;
}

.about-section-leftcontain img {
  height: 564px;
  width: 100%;
}

.about-section-rightcontain {
  width: 42%;
}

.about-section-rightcontain-top {
  width: 152px;
  box-shadow: 0px 29px 8px 0px #0EAD690D;
  background-color: #0EAD691A;
  padding: 10px 0px 10px 26px;
  gap: 10px;
  border-radius: 50px;
  /* typography */
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #0EAD69;
}

.about-section-rightcontain-top span {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #1C2951;
}

.about-section-rightcontain-heading {
  margin-top: 0px;
  margin-bottom: 24px;
  font-family: Cairo;
  font-weight: 700;
  font-style: Bold;
  font-size: 48px;
  line-height: 60px;
  letter-spacing: 0px;
  color: #1C2951;
}

.about-section-rightcontain-heading span {
  font-family: Cairo;
  font-weight: 700;
  font-style: Bold;
  font-size: 36px;
  line-height: 60px;
  letter-spacing: 0px;
  color: #1C2951;
}

.about-section-rightcontain-para1 {
  margin-top: 0px;
  margin-bottom: 24px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  line-height: 29.25px;
  letter-spacing: 0px;
  color: #717182;
}

.about-section-rightcontain-para2 {
  margin-top: 0px;
  margin-bottom: 24px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  line-height: 29.25px;
  letter-spacing: 0px;
  color: #717182;
}

.about-section-rightcontain-bottom {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.about-section-rightcontain-bottominner {
  width: 192px;
  background-color: #FFFFFF;
  border: 2px;
  border-radius: 16px;
}

.about-section-rightcontain-bottominner div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.about-section-rightcontain-bottominner img {
  width: 32px;
  height: 32px;
  margin-top: 24px;
}

.about-section-rightcontain-bottominner h3 {
  margin-top: 8px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0px;
  text-align: center;
  color: #1C2951;
}

.about-section-rightcontain-bottominner-para1,
.about-section-rightcontain-bottominner-para2,
.about-section-rightcontain-bottominner-para3 {
  margin-top: 8px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center;
  color: #717182;
}




/* COURSES SECTION */

.course-section {
  width: 100%;
  background-image: url("/pricing-background.png");
  background-color: #F5F5F04D;
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.course-section-topcontain {
  width: 86.67%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}

.course-topcontain-topcontent {
  /* margin-left: 559px; */
  background-color: #0EAD691A;
  width: 130px;
  padding: 10px 16px 10px 16px;
  gap: 10px;
  border-radius: 50px;
  /* typography */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  color: #0EAD69;
}

.course-topcontain-topcontent span {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  color: #1C2951;
}

.course-topcontain-heading {
  margin-top: 0px;
  margin-bottom: 0px;
  gap: 10px;
  font-family: Cairo;
  font-weight: 700;
  font-style: Bold;
  font-size: 48px;
  line-height: 48px;
  letter-spacing: 0px;
  text-align: center;
  color: #1C2951;
}

.course-topcontain-para {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: center;
  color: #717182;
  padding: 0px 50px;
}

.course-section-bottomcontain {
  width: 86.67%;
  gap: 32px;
  display: flex;
  flex-direction: row;
}

.course-bottomcontain-card {
  width: 23.08%;
  background: url("/course-img.png") !important;
  background-color: #FFFFFF !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-repeat: no-repeat !important;
  border: 2px;
  border-radius: 16px;
  padding: 48px 16px 48px 16px;
  gap: 64px;
}

.course-bottomcontain-card:hover {
  transition: 300ms ease-out;
  background-color: linear-gradient(180deg, #FFFFFF 0%, #E2FFF3 100%);
}

.course-bottomcontain-cardtop {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.course-bottomcontain-cardtop img {
  width: 56px;
  height: 56px;
  margin-left: auto;
  margin-right: auto;
}

.course-bottomcontain-cardtop h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Cairo;
  font-weight: 700;
  font-style: Bold;
  color: #1C2951;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: center;
}

.course-bottomcontain-cardtop p {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0px;
  text-align: center;
  color: #717182;
}

.course-bottomcontain-cardbottom {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.course-bottomcontain-cardbottom-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.course-bottomcontain-cardbottom-content1,
.course-bottomcontain-cardbottom-content2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.course-bottomcontain-cardbottom-content1 p,
.course-bottomcontain-cardbottom-content2 p {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #717182;
}

.course-bottomcontain-cardbottom-content1 h3,
.course-bottomcontain-cardbottom-content2 h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 14px;
  color: #1C2951;
  line-height: 20px;
  letter-spacing: 0px;
}

.course-bottomcontain-cardbottom button {
  cursor: pointer;
  height: 44px;
  padding: 12px 24px 12px 24px;
  border-radius: 12px;
  border: none;
  background: linear-gradient(95.04deg, #047243 0%, #0EAD69 100%);
  /* typography */
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #FBFBFB;
}

.course-bottomcontain-cardbottom button:hover {
  background: linear-gradient(95.04deg, #1C2951 0%, #2F80ED 100%);
  transition: 50s ease-out;
}




/* LIVECLASS SECTION */

.liveclass-section {
  width: 100%;
  background-color: rgba(14, 173, 105, 0.05);
  background-image: linear-gradient(135deg, rgba(14, 173, 105, 0.05) 0%, #FFFDF7 50%, rgba(244, 197, 66, 0.05) 100%);
  display: flex;
}

.liveclass-section-inner {
  display: flex;
  flex-direction: row;
  margin-top: 80px;
  margin-bottom: 80px;
  margin-left: 96px;
  margin-right: 96px;
  justify-content: space-between;
}

.liveclass-section-innerleft {
  margin-top: 30.5px;
  margin-bottom: 30.5px;
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 33px;
}

.liveclass-innerleft-topcontent {
  width: 194px;
  background-color: #FFFDF7CC;
  box-shadow: 0px 29px 8px 0px #0EAD690D;
  border-radius: 50px;
  gap: 10px;
  padding: 10px 0px 10px 26px;
  /* typography */
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
}

.liveclass-innerleft-topcontent span {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  background: linear-gradient(91.02deg, #0EAD69 0.55%, #1C2951 94.73%);
  -webkit-text-fill-color: transparent;
  background-clip: text
}

.liveclass-innerleft-headpara {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.liveclass-innerleft-heading {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Cairo;
  font-weight: 700;
  font-style: Bold;
  font-size: 48px;
  line-height: 48px;
  letter-spacing: 0px;
  color: #1C2951;
}

.liveclass-innerleft-para {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 29.25px;
  letter-spacing: 0px;
  color: #717182;
}

.liveclass-innerleft-services {
  display: flex;
  /* flex-direction: row; */
  flex-wrap: wrap;
  row-gap: 16px;
  column-gap: 32px;
}

.liveclass-innerleft-services div {
  width: 289px;
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.liveclass-innerleft-services img {
  width: 20px;
  height: 20px;
}

.liveclass-innerleft-services p {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #1C2951;
}

.liveclass-innerleft-bottomcontent {
  gap: 16px;
  display: flex;
  flex-direction: row;
  margin-bottom: 57px;
}

.liveclass-innerleft-button1 {
  cursor: pointer;
  padding: 10px 24px 10px 24px;
  border: none;
  border-radius: 10px;
  gap: 8px;
  background-color: #F4C542;
  /* typography */
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #1C2951;
}

.liveclass-innerleft-button1:hover {
  background: linear-gradient(95.04deg, #1C2951 0%, #2F80ED 100%);
  transition: 50ms ease-out;
  color: #FBFBFB;
}

.liveclass-innerleft-button2 {
  cursor: pointer;
  padding: 10px 24px 10px 24px;
  border-radius: 10px;
  border: 1px solid #1C29511A;
  gap: 8px;
  background-color: #FFFDF7;
  box-shadow: 0px 4px 12px 0px #0000001A;
  /* typography */
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #1C2951;
}

.liveclass-innerleft-button2:hover {
  border: 1px solid #1C2951;
  transition: 50ms ease-in-out;
}

.liveclass-section-innerright {
  width: 48.7%;
  border: 2px solid #1C29511A;
  border-radius: 16px;
  box-shadow: 0px 25px 50px -12px #00000040;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.liveclass-innerright-topcontent {
  display: flex;
  flex-direction: row;
  gap: 12px;
  margin-top: 32px;
  margin-left: 32px;
  margin-right: 32px;
}

.liveclass-innerright-topcontent img {
  width: 48px;
  height: 48px;
}

.liveclass-innerright-topcontent h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Cairo;
  font-weight: 700;
  font-style: Bold;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0px;
  background: linear-gradient(91.02deg, #0EAD69 0.55%, #1C2951 94.73%);
  -webkit-text-fill-color: transparent;
  background-clip: text
}

.liveclass-innerright-topcontent p {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #717182;
}

.liveclass-innerright-middlecontent {
  margin-left: 32px;
  margin-right: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.liveclass-innerright-middlecontent-inner {
  border: 2px solid #1C29511A;
  background-color: #F5F5F04D;
  border-radius: 12px;
  padding: 18px;
  opacity: 50%;
}

.liveclass-innerright-middlecontent-inner:hover {
  border: 2px solid #0EAD6966;
  transition: 500ms ease-out;
  background-color: #FFFFFF;
  /* .liveclass-innerright-middlecontent-mostinner-left h3:hover {
  color: #1C2951;
  transition: 500ms ease-out;
} */
}

.liveclass-innerright-middlecontent-inner:hover .h3 {
  color: #1C2951;
  transition: 500ms ease-out;
}

.liveclass-innerright-middlecontent-mostinner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.liveclass-innerright-middlecontent-mostinner-left {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.liveclass-innerright-middlecontent-mostinner-left img {
  width: 20px;
  height: 20px;
  margin-top: 8px;
}

.liveclass-innerright-middlecontent-mostinner-left h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #717182;
}

.liveclass-innerright-middlecontent-mostinner-left p {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #717182;
}

.liveclass-innerright-middlecontent-mostinner-right {
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 4px 12px 4px 12px;
  /* background-color: #0EAD691A; */
  background-color: #CACACA1A;
  border-radius: 33554400px;
  /* typography */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  /* color: #0EAD69; */
  color: #717182;
}

.liveclass-innerright-bottomcontent {
  background-color: #F4C5421A;
  margin-left: 32px;
  margin-right: 32px;
  display: flex;
  flex-direction: column;
}

.liveclass-innerright-bottomcontent-inner {
  background: linear-gradient(90.32deg, #0EAD69 0%, #08623C 123.53%);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 8px 16px 8px 16px;
}

.liveclass-innerright-bottomcontent-inner div {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.liveclass-innerright-bottomcontent-inner img {
  width: 20px;
  height: 20px;
  margin-top: 1px;
}

.liveclass-innerright-bottomcontent-inner p {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  vertical-align: middle;
  color: #FFFFFF;
}

.liveclass-innerright-bottomcontent-para {
  margin-top: 23px;
  margin-bottom: 23px;
  margin-left: 16px;
  margin-right: 16px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #717182;
}



/* LEARNING SECTION */

.learning-section {
  /* height: 1206px;  */
  display: flex;
  flex-direction: column;
  padding: 80px 96px 40px 96px;
  gap: 64px;
}

.learning-section-inner1 {
  /* height: 156px;  */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.learning-inner1-topcontent {
  width: 174px;
  border-radius: 50px;
  gap: 10px;
  background-color: #0EAD691A;
  padding: 10px 16px 10px 16px;
  /* typography */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  color: #0EAD69;
}

.learning-inner1-topcontent span {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  color: #1C2951;
}

.learning-inner1-heading {
  /* width: 896px; */
  font-family: Cairo;
  font-weight: 700;
  font-style: Bold;
  font-size: 48px;
  line-height: 48px;
  letter-spacing: 0px;
  text-align: center;
  color: #1C2951;
  margin-top: 0px;
  margin-bottom: 0px;
}

.learning-inner1-para {
  /* width: 896px; */
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: center;
  color: #717182;
}


.learning-section-inner2 {
  /* height: 858px; */
  display: flex;
  flex-direction: column;
}

.learning-inner2-topcontain {
  display: flex;
  flex-direction: column;
  padding-top: 32px;
  padding-bottom: 32px;
  gap: 16px;
}

.learning-inner2-button {
  /* width: 1248px; */
  border-radius: 12px;
  border: 2px solid #1C29511A;
  background-color: #FFFFFF;
  padding: 2px 2px 2px 26px;
  display: flex;
}

.learning-inner2-buttoninner {
  width: 1196px;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.learning-inner2-buttoninner-left {
  width: 812px;
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.learning-inner2-buttoninner-left-img {
  width: 48px;
  height: 48px;
}

.learning-inner2-buttoninner-left-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.learning-inner2-buttoninner-left-content-top {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.learning-inner2-buttoninner-left-content-top h4 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Cairo;
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0px;
  color: #1C2951;
}

.learning-inner2-buttoninner-left-content-top p {
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: #0EAD691A;
  border-radius: 33554400px;
  font-family: Cairo;
  font-weight: 500;
  font-style: Medium;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #0EAD69;
  padding-top: 6px;
  padding-left: 8px;
  padding-right: 8px;
}

.learning-inner2-buttoninner-left-content-bottom {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Cairo;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #717182;
}


.learning-inner2-buttoninner-right {
  width: 81.16px;
  display: flex;
  flex-direction: row;
  gap: 18px;
}

.learning-inner2-buttoninner-right p {
  font-family: Cairo;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #717182;
  margin-top: 0px;
  margin-bottom: 0px;
}

.learning-inner2-buttoninner-right img {
  width: 16px;
  height: 16px;
  margin-top: 3px;
}

.learning-inner2-bottomcontain {
  display: flex;
  flex-direction: column;
  /* width: 100%; */
  border-radius: 12px;
  background: #F5F5F04D;
  padding: 24px 24px 24px 24px;
  gap: 8px;
}

.learning-inner2-bottomcontain1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.learning-inner2-bottomcontain1-para1 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #1C2951;
}

.learning-inner2-bottomcontain1-para2 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #0EAD69;
}

.learning-inner2-bottomcontain2 {
  border-radius: 33554400px;
  height: 12px;
  display: flex;
  background-color: #F5F5F0;
}

.learning-inner2-bottomcontain2-shadedarea {
  padding-left: 381px;
  background-color: #0EAD69;
  background-image: linear-gradient(180deg, #0EAD69 0%, #F4C542 100%);
  border-radius: 33554400px;
}




/* TUTOR SECTION */

.tutors-section {
  /* height: 961px;  */
  display: flex;
  flex-direction: column;
  padding: 60px 96px 60px 96px;
  gap: 48px;
  background-color: #F5F5F04D
}

.tutors-topcontain {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}

.tutors-topcontain-uppercontent {
  display: flex;
  justify-content: center;
  width: 169px;
  background-color: #0EAD691A;
  padding: 10px 16px 10px 16px;
  gap: 10px;
  border-radius: 50px;
  /* typography */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  color: #0EAD69;
  /* background: linear-gradient(91.02deg, #0EAD69 0.55%, #1C2951 94.73%);
  -webkit-text-fill-color: transparent;
  background-clip: text */
}

.tutors-topcontain-uppercontent span {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  color: #1C2951;

}

.tutors-topcontain-heading {
  padding-left: 91px;
  padding-right: 91px;
  gap: 10px;
  /* typoggraphy */
  font-family: Cairo;
  font-weight: 700;
  font-style: Bold;
  font-size: 48px;
  line-height: 48px;
  letter-spacing: 0px;
  text-align: center;
  color: #1C2951;
  margin-bottom: 0px;
  margin-top: 0px;
}

.tutors-topcontain-para {
  /* padding-left: 125px;
  padding-right: 130px; */
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  gap: 10px;
  /* typoggraphy */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: center;
  color: #717182;
  margin-bottom: 0px;
  margin-top: 0px;
}


.tutors-middlecontain {
  display: flex;
  flex-direction: row;
  gap: 32px;
}

.tutors-middlecontain-card {
  width: 288px;
  border-radius: 16px;
  border-width: 1px solid #1C29511A;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}

.tutors-middlecontain-card:hover {
  box-shadow: 0px 8px 24px 0px #00000014;
  transform: scale(1.05);
  transition: all 300ms ease-in;
}
.tutors-card-img {
  max-width: 288px;
   
}
.tutors-card-img:hover {
  transform: scale(1.05);
  transition: all 300ms ease-in;
  border-radius: 16px;

}

.tutors-card-content {
  display: flex;
  flex-direction: column;
  padding: 20px;
  gap: 12px;
}

.tutors-card-content-heading {
  /* width: 248px; */
  font-family: Cairo;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0px;
  color: #1C2951;
  margin-top: 0px;
  margin-bottom: 0px;
}

.tutors-card-content-innercontain1,
.tutors-card-content-innercontain2 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.tutors-card-content-innercontain1 img,
.tutors-card-content-innercontain2 img {
  width: 16px;
  height: 16px;
  margin-top: 2px;
}

.tutors-card-content-innercontain1 p,
.tutors-card-content-innercontain2 p {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #717182;
}

.tutors-card-content-innercontain3 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.tutors-card-content-innercontain3-badge1 {
  /* width: 89.44px; */
  padding: 2px 8px 2px 8px;
  border-radius: 10px;
  border: 1px solid #00000000;
  background-color: #F4C542;
  gap: 4px;
  /* typography */
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #1C2951;
}

.tutors-card-content-innercontain3-badge2 {
  /* width: 101.96875px; */
  padding: 2px 8px 2px 8px;
  border-radius: 10px;
  border: 1px solid #1C29511A;
  gap: 4px;
  /* typography */
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #1C2951;
}

.tutors-card-content-innercontain4 {
  border-top: 1px solid #1C29511A;
  padding-top: 13px;
  /* typography */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #0EAD69;
}

.tutors-bottomcontain {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}

.tutors-bottomcontain p {
  width: 370px;
  margin-top: 0px;
  margin-bottom: 0px;
  /* typography */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  color: #717182;
}

.tutors-bottomcontain button {
  width: 145.64px;
  border: none;
  color: #0EAD69;
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  cursor: pointer;
  background-color: none;
}





/* PRICING SECTION */

.pricing-section {
  /* height: 1052px;  */
  background-image: url("/pricing-background.png");
  display: flex;
  padding-left: 107px;
}

.pricing-section-inner {
  /* height: 1066px;  */
  width: 1246px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding-top: 60px;
  /* padding-right: 143px; */
  /* padding-left: 143px; */
  padding-bottom: 60px;
  align-items: center;
}

.pricing-inner1 {
  /* height: 184px;  */
  width: 768px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}

.pricing-inner1-topcontent {
  display: flex;
  width: 130px;
  border-radius: 50px;
  background-color: #0EAD691A;
  gap: 10px;
  padding-top: 10px;
  padding-left: 30px;
  padding-bottom: 10px;
  /* typography */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  color: #0EAD69;
}

.pricing-inner1-topcontent span {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  color: #1C2951;
}

.pricing-inner1-heading {
  /* width: 734px; */
  margin: 0px 17px 0px 17px;
  /* typography  */
  font-family: Cairo;
  font-weight: 700;
  font-style: Bold;
  font-size: 48px;
  line-height: 48px;
  letter-spacing: 0px;
  text-align: center;
  color: #1C2951;
}

.pricing-inner1-para {
  width: 718px;
  margin: 0px 25px 0px 25px;
  /* typography */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: center;
  color: #717182;
}

.pricing-inner2 {
  /* height: 606px;  */
  width: 960px;
  display: flex;
  flex-direction: row;
  gap: 9px;
}

.pricing-card1 {
  background-color: #ffffff;
  width: 304px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 16px;
  border: 2px solid #0EAD6933;
  padding-bottom: 102px;
  margin-top: 25px;
  margin-bottom: 20px;
}

.pricing-card1-topcontain {
  /* width: 300px; */
  display: flex;
  flex-direction: column;
  /* background-color: #9ed3bc; */
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  gap: 19.333px;
}

.pricing-card1-topcontain-inner1 {
  width: 252px;
  font-family: Cairo;
  font-weight: 400;
  font-style: Regular;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #1C2951;
}

.pricing-card1-topcontain-inner2 {
  width: 225px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #717182;
}

.pricing-card1-topcontain-inner3 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.pricing-card1-topcontain-price {
  /* width: 68.69px; */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 36px;
  line-height: 40px;
  letter-spacing: 0px;
  color: #1C2951;
}

.pricing-card1-topcontain-duration {
  /* width: 77.42px; */
  margin-top: 17px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #717182;
}

.pricing-card1-badge {
  width: 120.83px;
  padding: 2px 8px 2px 8px;
  gap: 4px;
  border: 1px;
  border-radius: 10px;
  background-color: #0EAD691A;
  /* typography */
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #0EAD69;
  text-align: center;
}

.pricing-card1-bottomcontain {
  /* background-color: #9ed3bc; */
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-left: 24px;
  padding-right: 24px;
}

.pricing-card1-button {
  width: 252px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  padding-top: 10px;
  padding-bottom: 10px;
  /* typography */
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #FFFFFF;
  background-color: #0EAD69;
}

.pricing-card1-bottomcontain-services {
  width: 252px;
  gap: 12px;
  display: flex;
  flex-direction: column;
  padding-bottom: 24px;
}

.pricing-card1-bottomcontain-services div {
  display: flex;
  flex-direction: row;
  gap: 12px;
  /* background-color: #cee6dc; */
}

.pricing-card1-bottomcontain-services img {
  width: 20px;
  height: 20px;
}

.pricing-card1-bottomcontain-services p {
  margin-top: 0px;
  margin-bottom: 0px;
  /* width: 133.86px; */
  /* typography */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #1C2951;
}

/* .....card2 */

.pricing-card2 {
  background-color: #FFFFFF;
  width: 334.4px;
  /* height: 666.6px; */
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 16px;
  border: 2px solid #F4C542;
  box-shadow: 0px 25px 50px -12px #00000040;
  padding-bottom: 10px;
}

.pricing-card2-topcontain {
  display: flex;
  flex-direction: column;
  /* background-color:  #9ed3bc; */
}

.pricing-card2-topcontain-inner1 {
  display: flex;
  flex-direction: row;
  gap: 5px;
  padding-top: 8.8px;
  padding-bottom: 8.8px;
  /* padding-left: 2.2px; */
  background: linear-gradient(90deg, #F4C542 0%, rgba(244, 197, 66, 0.8) 100%);
  padding-left: 27px;
}

.pricing-card2-topcontain-inner1 img {
  width: 17.60003662109375px;
  height: 17.60003662109375px;
  top: 2.2px;
}

.pricing-card2-topcontain-inner1 p {
  top: 0.1px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center;
  color: #1C2951;
  margin-top: 0px;
  margin-bottom: 0px;
}

.pricing-card2-topcontain-inner2 {
  width: 277.2px;
  margin-top: 13.2px;
  margin-left: 26.4px;
  /* typography */
  font-family: Cairo;
  font-weight: 500;
  font-style: Medium;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #1C2951;
}

.pricing-card2-topcontain-inner3 {
  margin-top: 13.2px;
  margin-left: 26.4px;
}

.pricing-card2-topcontain-inner3 p {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #717182;
  margin-top: 0px;
  margin-bottom: 0px;
}

.pricing-card2-topcontain-inner4 {
  width: 277.2px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 26.4px;
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.pricing-card2-topcontain-price {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 36px;
  line-height: 40px;
  letter-spacing: 0px;
  color: #1C2951;
}

.pricing-card2-topcontain-duration {
  /* width: 85.15px; */
  margin-top: 18.7px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #717182;
}

.pricing-card2-bottomcontain {
  display: flex;
  flex-direction: column;
  /* width: 330px; */
  gap: 26.4px;
  padding-left: 26.4px;
  padding-right: 26.4px;
  /* background-color: #9ed3bc; */
}

.pricing-card2-button {
  background-color: #F4C542;
  width: 277.2px;
  border: none;
  border-radius: 10px;
  /* padding-left: 96.7px; */
  padding-top: 11.1px;
  padding-bottom: 11.1px;
  /* typography */
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #1C2951;
}

.pricing-card2-bottomcontain-services {
  width: 277.2px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 26.4px;
}

.pricing-card2-bottomcontain-services div {
  display: flex;
  flex-direction: row;
  gap: 13.2px;
}

.pricing-card2-bottomcontain-services img {
  width: 22px;
  height: 22px;
}

.pricing-card2-bottomcontain-services p {
  margin-top: 0px;
  margin-bottom: 0px;
  /* typography */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #1C2951;
}

/* ....card3 */
.pricing-card3 {
  background-color: #FFFFFF;
  width: 304px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 16px;
  border: 2px solid #0EAD6933;
  margin-top: 25px;
  margin-bottom: 20px;
}

.pricing-card3-topcontain {
  display: flex;
  flex-direction: column;
  /* background-color: #9ed3bc; */
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 14px;
  gap: 19.333px;
}

.pricing-card3-topcontain-inner1 {
  font-family: Cairo;
  font-weight: 400;
  font-style: Regular;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #1C2951;
}

.pricing-card3-topcontain-inner2 {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #717182;
}

.pricing-card3-topcontain-inner3 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.pricing-card3-topcontain-price {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 36px;
  line-height: 40px;
  letter-spacing: 0px;
  color: #1C2951;
}

.pricing-card3-topcontain-duration {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #717182;
  margin-top: 17px;
}

.pricing-card3-bottomcontain {
  /* background-color: #9ed3bc; */
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-left: 24px;
  padding-right: 24px;
}

.pricing-card3-button {
  background-color: #0EAD69;
  border: none;
  border-radius: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #FFFFFF;
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
}

.pricing-card3-bottomcontain-services {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 24px;
}

.pricing-card3-bottomcontain-services div {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.pricing-card3-bottomcontain-services img {
  width: 20px;
  height: 20px;
}

.pricing-card3-bottomcontain-services p {
  margin-top: 0px;
  margin-bottom: 0px;
  /* typograhy */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #1C2951;
}


.pricing-inner3 {
  /* height: 60px;  */
  width: 960px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}

.pricing-inner3-para {
  margin-top: 0px;
  margin-bottom: 0px;
  /* typography */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  color: #717182;
}

.pricing-inner3-bottomcontain {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.pricing-inner3-bottomcontain div {
  display: flex;
  flex-direction: row;
  gap: 5px;
}

.pricing-inner3-bottomcontain img {
  width: 16px;
  height: 16px;
  margin-top: 2.5px;
}

.pricing-inner3-bottomcontain p {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center;
  color: #1C2951;
}





/* TESTIMONIAL SECTION */

.testimonial-section {
  width: 1438px;
  display: flex;
  padding: 60px 96px 60px 96px;
}

.testimonial-inner {
  width: 1246px;
  display: flex;
  flex-direction: column;
}

.testimonial-innercontain1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 64px;
  align-items: center;
}

.testimonial-innercontain2 {
  display: flex;
  flex-direction: row;
  gap: 32px;
  margin-bottom: 64px;
}

.testimonial-innercontain3 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
  padding-bottom: 22px;
  margin-bottom: 22px;
}

.testimonial-innercontain4 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 22px;
  padding-bottom: 24px;
}

.testimonial-innercontain1-topcontent {
  width: 189px;
  background-color: #0EAD691A;
  border-radius: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 12px;
  padding-left: 12px;
  /* typography */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  color: #0EAD69;
  /* background: linear-gradient(91.02deg, #0EAD69 0.55%, #1C2951 94.73%);
  -webkit-text-fill-color: transparent;
  background-clip: text */
}

.testimonial-innercontain1-topcontent span {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  color: #1C2951;
}

.testimonial-innercontain1-heading {
  
  font-weight: 700;
  font-style: Bold;
  font-size: 48px;
  line-height: 48px;
  letter-spacing: 0px;
  text-align: center;
  color: #1C2951;
  margin-top: 0px;
  margin-bottom: 0px;
}

.testimonial-innercontain1-para {
  /* width: 768px;
  margin-left: 239px; */
  /* typography */
  padding-left: 10.92px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: center;
  color: #717182;
  margin-top: 0px;
  margin-bottom: 0px;
}


.testimonial-innercontain2 div {
  height: 287.5px;
  width: 287.5px;
}

.testimonial-innercontain2 img:hover {
  transition: 500ms ease-out;
  transform: scale(1.1);
  /* top: 327.5px;
  left: 20px; */
  /* border-radius: 32px;
  opacity: 1;*/
}


.testimonial-innercontain3-card1,
.testimonial-innercontain3-card2,
.testimonial-innercontain3-card3,
.testimonial-innercontain3-card4,
.testimonial-innercontain3-card5,
.testimonial-innercontain3-card6 {
  width: 399.33px;
  background-color: #FFFFFF;
  border: 2px;
  border-radius: 16px;
  /* box-shadow: 0px 6px 18px 0px #0000000D; */
  box-shadow: 0 6px 18px 0px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  padding: 52px 24px;
  box-sizing: border-box;
  gap: 16px;
}

.testimonial-card-icon {
  width: 351.33px;
}

.testimonial-card-icon img {
  width: 40px;
  height: 40px;
}

.testimonial-card-ratingicon {
  width: 351.33px;
  display: flex;
  flex-direction: row;
  gap: 4px;
}

.testimonial-card-ratingicon img {
  height: 20px;
  width: 20px;
}

.testimonial-card-para {
  width: 351.33px;
  height: 156px;
}

.testimonial-card-para p {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0px;
  color: #717182;
  margin-top: 0px;
  margin-bottom: 0px;
}

.testimonial-card-reviewerinfo {
  display: flex;
  flex-direction: row;
  border-top: 1px solid #1C29511A;
  padding-top: 12px;
  padding-bottom: 12px;
  gap: 12px;
}

.testimonial-reviewerinfo-pfp {
  width: 48px;
  height: 48px;
  border-radius: 33554400px;
}

.testimonial-reviewerinfo-name {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 158.33px;
}

.testimonial-reviewerinfo-name-para1 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #1C2951;
}

.testimonial-reviewerinfo-name-para2 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #717182;
}

.testimonial-reviewerinfo-coursename {
  display: flex;
  align-items: center;
  width: 121px;
  gap: 10px;
}

.testimonial-reviewerinfo-coursename p {
  background-color: #0EAD691A;
  border-radius: 4px;
  padding: 4px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #0EAD69;
}

.testimonial-innercontain4-first,
.testimonial-innercontain4-second,
.testimonial-innercontain4-third,
.testimonial-innercontain4-fourth {
  width: 263px;
  /* height: 166px; */
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 50px;
  padding-bottom: 26px;
  padding-left: 26px;
  border-radius: 12px;
  border: 2px solid #1C29511A;
}

.testimonial-innercontain4-first:hover,
.testimonial-innercontain4-second:hover,
.testimonial-innercontain4-third:hover,
.testimonial-innercontain4-fourth:hover {
  border: 2px solid #1C295180;
  border-radius: 12px;
  box-shadow: 0px 8px 16px 0px #00000026;
  transition: 500ms ease-out;
}

.testimonial-innercontain4-firstcounting,
.testimonial-innercontain4-secondrating,
.testimonial-innercontain4-thirdpercentage,
.testimonial-innercontain4-fourthcounting {
  width: 241.5px;
  display: flex;
  justify-content: center;
  font-family: Inter;
  font-weight: 800;
  font-style: Extra Bold;
  font-size: 36px;
  line-height: 36px;
  letter-spacing: 0px;
  text-align: center;
  color: #0EAD69;
}

.testimonial-innercontain4-secondrating,
.testimonial-innercontain4-fourthcounting {
  color: #F4C542;
}

.testimonial-innercontain4-firsttext,
.testimonial-innercontain4-secondtext,
.testimonial-innercontain4-thirdtext,
.testimonial-innercontain4-fourthtext {
  width: 241.5px;
  display: flex;
  justify-content: center;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center;
  color: #717182
}







/* CONTACT SECTION */

.intouch-section {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 64px;
  padding: 60px 96px 60px 96px;
  background-color: #F5F5F04D;
}

.intouch-section-topcontain {
  width: 1152px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.intouch-section-bottomcontain {
  display: flex;
  flex-direction: row;
  gap: 32px;
}

/* top-contain */
.intouch-section-topinner1 button {
  width: 127px;
  border: none;
  border-radius: 50px;
  background: #0EAD691A;
  /* typography */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  color: #0EAD69;
  /* background: linear-gradient(91.02deg, #0EAD69 0.55%, #1C2951 94.73%);
  -webkit-text-fill-color: transparent;
  background-clip: text; */
  line-height: 24px;
  letter-spacing: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 8px;
  padding-right: 8px;
}

.intouch-section-topinner1 span {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #1C2951;

}

.intouch-section-topinner2 {
  width: 768px;
  font-family: Cairo;
  font-weight: 700;
  font-style: Bold;
  font-size: 48px;
  line-height: 48px;
  letter-spacing: 0px;
  text-align: center;
  display: flex;
  justify-content: center;
  color: #1C2951;
}

.intouch-section-topinner3 {
  width: 768px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: center;
  color: #717182;
}

/* bottom-contain */
.intouch-section-bottominner1 {
  /* width: 608px; */
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  border: 2px solid #1C29511A;
  border-radius: 16px;
  padding: 32px 32px 0px 32px;
  gap: 32px;
  margin-bottom: 12px;
}

.intouch-section-bottominner1-text {
  /* width: 215px; */
  font-family: Cairo;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 32px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #1C2951;
}

.intouch-section-bottominner1-inputarea {
  display: flex;
  flex-direction: column;
  width: 540px;
  gap: 24px;
}

.intouch-firstinput,
.intouch-secondinput,
.intouch-thirdinput {
  width: 540px;
  /* gap: 8px; */
}

.intouch-firstinput label,
.intouch-secondinput label,
.intouch-thirdinput label,
.intouch-forthinput label {
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0px;
  color: #1C2951;
}

.intouch-firstinput input,
.intouch-secondinput input,
.intouch-thirdinput input {
  width: 538px;
  padding: 8px 0px 8px 10px;
  border-radius: 10px;
  border: 1px solid #00000033;
  margin-top: 8px;
}

.intouch-firstinput ::placeholder,
.intouch-secondinput ::placeholder,
.intouch-thirdinput ::placeholder {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0px;
  color: #717182;
  padding-left: 8px;
}

.intouch-forthinput {
  width: 540px;
}

.intouch-forthinput textarea {
  width: 535px;
  height: 250px;
  border-radius: 10px;
  border: 1px solid #00000033;
  margin-top: 8px;
}

.intouch-forthinput ::placeholder {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #717182;
  padding-left: 8px;
}

.intouch-section-bottominner1-button {
  /* width: 540px; */
  background-color: #0EAD69;
  border: none;
  border-radius: 10px;
  color: #FFFFFF;
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  padding-top: 12px;
}

.intouch-section-bottominner1-button img {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.intouch-section-bottominner1-button:hover {
  background: linear-gradient(95.04deg, #1C2951 0%, #2F80ED 100%);
  transition: 50s ease-out;
}


.intouch-section-bottominner2 {
  width: 608px;
  display: flex;
  flex-direction: column;
}

.intouch-section-bottominner2-text {
  /* width: 608px; */
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 32px;
}

.intouch-section-bottominner2-heading {
  font-family: Cairo;
  font-weight: 500;
  font-style: Medium;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #1C2951;
  margin-top: 0px;
  margin-bottom: 0px;
}

.intouch-section-bottominner2-para {
  max-width: 417px;
  margin-bottom: 0px;
  margin-top: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #717182;
}

.intouch-section-bottominner2-infoarea {
  display: flex;
  flex-direction: column;
  /* width: 608px; */
  gap: 16px;
  padding-bottom: 32px;
}

.intouch-section-bottominner2-infoarea-top,
.intouch-section-bottominner2-infoarea-mid,
.intouch-section-bottominner2-infoarea-bottom {
  padding: 24px 24px;
  border-radius: 16px;
  border: 2px solid #1C29511A;
  background-color: #FFFFFF;
}

.intouch-section-bottominner2-infoarea-top:hover,
.intouch-section-bottominner2-infoarea-mid:hover,
.intouch-section-bottominner2-infoarea-bottom:hover {
  border-radius: 16px;
  border: 2px solid #0EAD69;
  transition: 100ms ease-in;
  box-shadow: 0px 8px 16px 0px #0000001A;
}

.intouch-section-bottominner2-infoarea-topinner,
.intouch-section-bottominner2-infoarea-midinner,
.intouch-section-bottominner2-infoarea-bottominner {
  width: 404px;
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.intouch-section-bottominner2-infoarea-topinner img,
.intouch-section-bottominner2-infoarea-midinner img,
.intouch-section-bottominner2-infoarea-bottominner img {
  width: 48px;
  height: 48px;
}

.intouch-section-email {
  width: 169.02px;
  display: flex;
  flex-direction: column;
}

.intouch-section-call {
  width: 232.25px;
  display: flex;
  flex-direction: column;
}

.intouch-section-whatsapp {
  width: 188.84px;
  display: flex;
  flex-direction: column;
}

.intouch-section-emailheading,
.intouch-section-callheading,
.intouch-section-whatsappheading {
  font-family: Cairo;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #1C2951;
  margin-top: 0px;
  margin-bottom: 0px;
}

.intouch-section-emailpara,
.intouch-section-callpara,
.intouch-section-whatsapppara {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #717182;
  margin-top: 0px;
  margin-bottom: 0px;
}

.intouch-section-emaillink,
.intouch-section-calllink,
.intouch-section-whatsapplink {
  margin-top: 10px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #0EAD69;
  text-decoration: none;
}

.intouch-section-bottominner2-queryarea {
  background-color: #0EAD690D;
  display: flex;
  flex-direction: column;
  border: 2px solid #0EAD691A;
  border-radius: 12px;
  padding-left: 24px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.intouch-section-queryarea-heading {
  font-family: Cairo;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #1C2951;
  margin-top: 0px;
  margin-bottom: 0px;
}

.intouch-section-queryarea-para {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #717182;
  margin-top: 3px;
  margin-bottom: 0px;
}

.intouch-section-queryarea-link {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #0EAD69;
  margin-top: 5px;
  text-decoration: none;
}





/* FOOTER SECTION */

.footer-container {
  padding: 20px 20px;
  background-color: #1C2951;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.footer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 48px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.footer-1stinner {
  flex: 1 1 22%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.footer-2ndinner {
  flex: 1 1 22%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.footer-3rdinner {
  flex: 1 1 22%;
  flex-direction: column;
  gap: 16px;
}

.footer-4thinner {
  flex: 1 1 22%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.footer-1stinner-topcontain {
  /* background-color: #d866f7; */
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.footer-1stinner-topcontain img {
  width: 40px;
  height: 40px;
}

.footer-1stinner-topcontain h1 {
  font-family: Cairo;
  font-weight: 400;
  font-style: Regular;
  font-size: 20px;
  line-height: 9px;
  letter-spacing: 0px;
  color: #FFFDF7;
}

.footer-1stinner-midcontain {

  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0px;
  color: #FFFDF7B2;
  margin-top: -1px;
}

.footer-1stinner-lastcontain {

  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer-1stinner-lastcontain div {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.footer-1stinner-lastcontain img {
  width: 16px;
  height: 16px;
}

.footer-1stinner-lastcontain-para1,
.footer-1stinner-lastcontain-para2 {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  /* line-height: 20px; */
  letter-spacing: 0px;
  color: #FFFDF7;
  margin-top: -1px;
}

.footer-1stinner-lastcontain-para3 {
  color: #FFFDF7B2;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  margin-top: -1px;
}

.footer-2ndinner-topcontain,
.footer-3rdinner-topcontain,
.footer-4thinner-topcontain {
  /* height: 24px; */
  /* background-color: #FBFBFB;  */
  width: 153.61px;
  font-family: Cairo;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #F4C542;
}

.footer-2ndinner-bottomcontain,
.footer-3rdinner-bottomcontain,
.footer-4thinner-bottomcontain {
  /* height: 132px; */
  /* background-color: #f467ea; */
  width: 153.61px;
  display: flex;
}

.footer-2ndinner-bottomcontain ul,
.footer-3rdinner-bottomcontain ul,
.footer-4thinner-bottomcontain ul {
  display: flex;
  flex-direction: column;
  padding-left: 0px;
  gap: 12px;
  margin-top: 0px;
  margin-bottom: 0px;
  list-style: none;
}

.footer-2ndinner-bottomcontain ul li,
.footer-3rdinner-bottomcontain ul li,
.footer-4thinner-bottomcontain ul li {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  padding-top: 4px;
}

.footer-2ndinner-bottomcontain ul li a,
.footer-3rdinner-bottomcontain ul li a,
.footer-4thinner-bottomcontain ul li a {
  text-decoration: none;
  color: #FFFDF7B2;
}

.footer-2ndinner-bottomcontain ul li a:hover,
.footer-3rdinner-bottomcontain ul li a:hover,
.footer-4thinner-bottomcontain ul li a:hover {
  color: #FFFFFF;
  font-weight: 500;
  font-style: Medium;
}


.bottom-bar {
  background: #1e2a4a;
  color: #ffffff;
  font-size: 14px;
  width: 100%;
}


.bottom-bar-inner {
  margin: 0 auto;        
  padding: 0 20px;        
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  border-top: 1px solid #FFFDF71A;
}


.bottom-bar-left {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #FFFDF7B2;
  padding: 33px 0;
}


.bottom-bar-right {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 33px 0;
}

.follow-text {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #FFFDF7B2;
}


.social-icons {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  background-color: #FFFDF7;
}



.ofh {
  overflow: hidden;
}

.inner-container {
  width: 1248px;
}


/* top-bar */
.top-bar {
  /* position: fixed; */
  height: 36px;
  background-color: #F2F2F2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.top-bar-left {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  /* width: 309px; */
  height: 16px;
  gap: 24px;
  margin-left: 75px;
}

.top-bar-left div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.top-bar-left img {
  margin-right: 5px;
}

.top-bar-left p {
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 13px;
  line-height: 100%;
  color: #717182;
}

.top-bar-right {
  display: flex;
  /* width: 112px; */
  height: 16px;
  gap: 16px;
  margin-right: 70px;
}

.top-bar-right img {
  cursor: pointer;
}


/* nav bar */
.nav-bar {
  display: flex;
  margin-top: 17px;
  margin-bottom: 17px;
  align-items: center;
  justify-content: space-around;
}

.nav-container {
  display: flex;
  justify-content: space-between;
}

.nav-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 147px;
  height: 40px;
  margin-top: 3px;
  margin-left: 10px;
}

.nav-logo p {
  font-family: Cairo;
  font-weight: 700;
  font-style: Bold;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #1C2951;
  margin-left: 6px;
}

.nav-items {
  display: flex;
}

.nav-home {
  border-bottom: 1px solid #D4DFFF;
  border-radius: 6px;
  font-family: Inter;
  color: #0EAD69 !important;
  font-weight: 600 !important;
  font-style: Semi Bold;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  padding: 8px 16px 8px 16px;
}

.nav-items ul {
  display: flex;
  list-style: none;
  gap: 16px;
  margin-left: -9px;
  cursor: pointer;
  margin-top: 0px;
  margin-bottom: 0px;
}

.nav-items ul div {
  font-family: Inter;
  font-weight: 600;
  font-style: Regular;
  font-size: 14px;
  line-height: 100%;
  color: #717182;
  display: flex;
  align-items: center;
  padding: 8px 16px 8px 16px;
}

.nav-items ul div:hover {
  border-bottom: 1px solid #D4DFFF;
  border-radius: 6px;
  color: #0EAD69;
  transition: 300ms ease-out;
  padding-bottom: 8px;
  font-weight: 600;
  font-style: Semi Bold;
}

.nav-buttons {
  display: inline-flex;
  gap: 16px;   
}

.nav-demobutton {
  cursor: pointer;
  padding: 8px 16px 8px 16px;
  border: none;
  border-radius: 12px;
  background: #FFFDF7;
  /* typography */
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #0EAD69;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav-demobutton::before {
  content: '';
  background-image: linear-gradient(95.04deg, #2F80ED 0%, #0EAD69 100%);
  position: absolute;
  inset: -2;
  /* height: 107%;
  width: 102%; */
  border-radius: 12px;
  z-index: -1;
}

.nav-demobutton::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  transition: 500ms ease-out;
  background: linear-gradient(95.04deg, #047243 0%, #0EAD69 100%);
  z-index: 1;
}

.nav-demobutton:hover::before {
  height: 100%;
}

.nav-demobutton:hover {
  color: #FBFBFB;
}

.nav-joinbutton {
  cursor: pointer;
  padding: 12px 24px 12px 24px;
  border: none;
  gap: 10px;
  border-radius: 12px;
  border-width: 1px;
  background: linear-gradient(95.04deg, #047243 0%, #0EAD69 100%);
  /* typography */
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #FBFBFB;
}

.nav-joinbutton:hover {
  background: linear-gradient(95.04deg, #1C2951 0%, #2F80ED 100%);
  transition: 50ms ease-out;
}



/* HERO section */

/*Banner section START  */

.banner {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 23px;
  background-image: url("../images/ImageWithFallback.png");
  padding-left: 95px;
  padding-right: 98px;
}

.banner-leftcontain {
  width: 53%;
  display: flex;
  flex-direction: column;
  margin-top: 107px;
  margin-bottom: 78px;
}

.banner-leftcontain-text {
  margin-top: 10px;
}

.banner-leftcontain-text span {
  padding: 11px 17px 11px 17px;
  border: 1px solid #F4C5424D;
  border-radius: 33554400px;
  /* typography */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #F4C542;
}

.banner-leftcontain-inner {
  margin-top: 32px;
  margin-bottom: 32px;
}

.banner-para1 {
  margin-top: 0px;
  margin-bottom: 0px;
  width: 768px;
  font-family: Cairo;
  font-weight: 800;
  font-style: ExtraBold;
  font-size: 72px;
  line-height: 80px;
  letter-spacing: 0px;
  -webkit-text-stroke: 1px #FFFFFF80;
  background: linear-gradient(90deg, #0EAD69 0%, #06472B 100%);
  -webkit-text-fill-color: transparent;
  background-clip: text
}

.banner-para1 span {
  background: #FFFFFF !important;
  -webkit-text-fill-color: white;
  background-clip: text !important;
}

.banner-para2 {
  width: 721px;
  display: flex;
  align-items: center;
  margin-top: 32px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 22px;
  line-height: 36px;
  color: #FFFFFFE5;
}

.banner-leftcontain-buttons {
  width: 768px;
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.banner-join-button {
  cursor: pointer;
  width: 165px;
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 12px 24px 12px 24px;
  border-radius: 12px;
  background: linear-gradient(95.04deg, #047243 0%, #0EAD69 100%);
  border: none;
  /* typography */
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #FBFBFB;
  box-shadow: 0px 10px 15px 0px #1C295133;
}

.banner-join-button:hover {
  background: linear-gradient(95.04deg, #1C2951 0%, #2F80ED 100%);
  transition: 50ms ease-out;
}

.banner-demo-button {
  cursor: pointer;
  width: 179px;
  border-radius: 12px;
  border: none;
  margin-top: 6px;
  margin-bottom: 6px;
  /* typography */
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #0EAD69;
  padding: 8px 16px 8px 16px;
  gap: 8px;
}

.banner-demo-button:hover {
  background: linear-gradient(95.04deg, #047243 0%, #0EAD69 100%);
  transition: 50ms ease-out;
  color: #FBFBFB;
}

.banner-icon-button {
  width: 64px;
  height: 64px;
}

.banner-button-text {
  width: 182.66px;
  display: flex;
  margin-top: 8px;
  margin-bottom: 8px;
}

.banner-button-text p {
  margin-top: 0px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #FFFFFF;
}

.banner-rightcontain {
  display: flex;
  flex-direction: column;
  width: 31.7%;
  border: none;
  border-top: 2px solid;
  border-image-source: linear-gradient(143.54deg, rgba(28, 41, 81, 0.1) 1.07%, rgba(63, 93, 183, 0.1) 99.51%);
  /* border: 1px solid; */
  border-radius: 12px;
  margin-top: 56px;
  backdrop-filter: blur(30px);
  box-shadow: 0px 0px 52px 0px #0000001A;
}

.banner-rightcontain-img {
  height: 128px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: #d2d1d0;
}

.banner-rightcontain-img img {
  width: 100%;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.banner-rightcontain-content {
  background-color: #047243;
  padding-left: 39px;
  padding-right: 39px;
  display: flex;
  flex-direction: column;
  background-color: #d2d1d0;
  gap: 20px;
  padding-bottom: 18px;
}

.banner-rightcontain-content h3 {
  margin-top: 0px;
  margin-bottom: 0px;
 
  font-family: Inter;
  font-weight: 900;
  font-style: Bold;
  font-size: 24px;
  letter-spacing: 0px;
  color: #0EAD69;
}

.banner-rightcontain-content input {
 /* padding: 16px;
  border: 1px solid #82d2ae;
  border-radius: 12px;
  background-color: #fffeff;
  
  color: #7e7e7e;
  font-size: 13px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  letter-spacing: 0px;*/
}

.banner-rightcontain-bottom {
  display: flex;
  flex-direction: column;
  background-color: #d2d1d0;
}

/* .banner-rightcontain-bottom img {
  height: 96px;
} */
.banner-rightcontain-bottom button {
  /* padding-bottom: 20px; */
  cursor: pointer;
  padding: 14px;
  margin-left: 39px;
  margin-right: 39px;
  border-radius: 12px;
  border: none;
  background: linear-gradient(95.04deg, #047243 0%, #0EAD69 100%);
  /* typography */
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #FBFBFB;
}

.banner-rightcontain-bottom button:hover {
  background: linear-gradient(95.04deg, #1C2951 0%, #2F80ED 100%);
  transition: 50ms ease-out;
}





/* ABOUT SECTION */

.about-section {
  display: flex;
  flex-direction: row;
  background-image: url("/pricing-background.png");
  padding: 80px 96px 80px 96px;
  width: 100%;
}

.about-section-leftcontain {
  width: 42%;
  padding-right: 30px;
  border-radius: 30px;
}

.about-section-leftcontain img {
  height: 564px;
  width: 100%;
}

.about-section-rightcontain {
  width: 42%;
}

.about-section-rightcontain-top {
  width: 152px;
  box-shadow: 0px 29px 8px 0px #0EAD690D;
  background-color: #0EAD691A;
  padding: 10px 0px 10px 26px;
  gap: 10px;
  border-radius: 50px;
  /* typography */
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #0EAD69;
}

.about-section-rightcontain-top span {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #1C2951;
}

.about-section-rightcontain-heading {
  margin-top: 0px;
  margin-bottom: 24px;
  font-family: Cairo;
  font-weight: 700;
  font-style: Bold;
  font-size: 48px;
  line-height: 60px;
  letter-spacing: 0px;
  color: #1C2951;
}

.about-section-rightcontain-heading span {
  font-family: Cairo;
  font-weight: 700;
  font-style: Bold;
  font-size: 36px;
  line-height: 60px;
  letter-spacing: 0px;
  color: #1C2951;
}

.about-section-rightcontain-para1 {
  margin-top: 0px;
  margin-bottom: 24px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  line-height: 29.25px;
  letter-spacing: 0px;
  color: #717182;
}

.about-section-rightcontain-para2 {
  margin-top: 0px;
  margin-bottom: 24px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  line-height: 29.25px;
  letter-spacing: 0px;
  color: #717182;
}

.about-section-rightcontain-bottom {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.about-section-rightcontain-bottominner {
  width: 192px;
  background-color: #FFFFFF;
  border: 2px;
  border-radius: 16px;
}

.about-section-rightcontain-bottominner div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.about-section-rightcontain-bottominner img {
  width: 32px;
  height: 32px;
  margin-top: 24px;
}

.about-section-rightcontain-bottominner h3 {
  margin-top: 8px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0px;
  text-align: center;
  color: #1C2951;
}

.about-section-rightcontain-bottominner-para1,
.about-section-rightcontain-bottominner-para2,
.about-section-rightcontain-bottominner-para3 {
  margin-top: 8px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center;
  color: #717182;
}




/* COURSES SECTION */

.course-section {
  width: 100%;
  background-image: url("/pricing-background.png");
  background-color: #F5F5F04D;
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.course-section-topcontain {
  width: 86.67%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}

.course-topcontain-topcontent {
  /* margin-left: 559px; */
  background-color: #0EAD691A;
  width: 130px;
  padding: 10px 16px 10px 16px;
  gap: 10px;
  border-radius: 50px;
  /* typography */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  color: #0EAD69;
}

.course-topcontain-topcontent span {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  color: #1C2951;
}

.course-topcontain-heading {
  margin-top: 0px;
  margin-bottom: 0px;
  gap: 10px;
  font-family: Cairo;
  font-weight: 700;
  font-style: Bold;
  font-size: 48px;
  line-height: 48px;
  letter-spacing: 0px;
  text-align: center;
  color: #1C2951;
}

.course-topcontain-para {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: center;
  color: #717182;
  padding: 0px 50px;
}

.course-section-bottomcontain {
  width: 86.67%;
  gap: 32px;
  display: flex;
  flex-direction: row;
}

.course-bottomcontain-card {
  width: 23.08%;
  background: url("/course-img.png") !important;
  background-color: #FFFFFF !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-repeat: no-repeat !important;
  border: 2px;
  border-radius: 16px;
  padding: 48px 16px 48px 16px;
  gap: 64px;
}

.course-bottomcontain-card:hover {
  transition: 300ms ease-out;
  background-color: linear-gradient(180deg, #FFFFFF 0%, #E2FFF3 100%);
}

.course-bottomcontain-cardtop {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.course-bottomcontain-cardtop img {
  width: 56px;
  height: 56px;
  margin-left: auto;
  margin-right: auto;
}

.course-bottomcontain-cardtop h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Cairo;
  font-weight: 700;
  font-style: Bold;
  color: #1C2951;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: center;
}

.course-bottomcontain-cardtop p {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0px;
  text-align: center;
  color: #717182;
}

.course-bottomcontain-cardbottom {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.course-bottomcontain-cardbottom-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.course-bottomcontain-cardbottom-content1,
.course-bottomcontain-cardbottom-content2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.course-bottomcontain-cardbottom-content1 p,
.course-bottomcontain-cardbottom-content2 p {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #717182;
}

.course-bottomcontain-cardbottom-content1 h3,
.course-bottomcontain-cardbottom-content2 h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 14px;
  color: #1C2951;
  line-height: 20px;
  letter-spacing: 0px;
}

.course-bottomcontain-cardbottom button {
  cursor: pointer;
  height: 44px;
  padding: 12px 24px 12px 24px;
  border-radius: 12px;
  border: none;
  background: linear-gradient(95.04deg, #047243 0%, #0EAD69 100%);
  /* typography */
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #FBFBFB;
}

.course-bottomcontain-cardbottom button:hover {
  background: linear-gradient(95.04deg, #1C2951 0%, #2F80ED 100%);
  transition: 50s ease-out;
}




/* LIVECLASS SECTION */

.liveclass-section {
  width: 100%;
  background-color: rgba(14, 173, 105, 0.05);
  background-image: linear-gradient(135deg, rgba(14, 173, 105, 0.05) 0%, #FFFDF7 50%, rgba(244, 197, 66, 0.05) 100%);
  display: flex;
}

.liveclass-section-inner {
  display: flex;
  flex-direction: row;
  margin-top: 80px;
  margin-bottom: 80px;
  margin-left: 96px;
  margin-right: 96px;
  justify-content: space-between;
}

.liveclass-section-innerleft {
  margin-top: 30.5px;
  margin-bottom: 30.5px;
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 33px;
}

.liveclass-innerleft-topcontent {
  width: 194px;
  background-color: #FFFDF7CC;
  box-shadow: 0px 29px 8px 0px #0EAD690D;
  border-radius: 50px;
  gap: 10px;
  padding: 10px 0px 10px 26px;
  /* typography */
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
}

.liveclass-innerleft-topcontent span {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  background: linear-gradient(91.02deg, #0EAD69 0.55%, #1C2951 94.73%);
  -webkit-text-fill-color: transparent;
  background-clip: text
}

.liveclass-innerleft-headpara {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.liveclass-innerleft-heading {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Cairo;
  font-weight: 700;
  font-style: Bold;
  font-size: 48px;
  line-height: 48px;
  letter-spacing: 0px;
  color: #1C2951;
}

.liveclass-innerleft-para {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 29.25px;
  letter-spacing: 0px;
  color: #717182;
}

.liveclass-innerleft-services {
  display: flex;
  /* flex-direction: row; */
  flex-wrap: wrap;
  row-gap: 16px;
  column-gap: 32px;
}

.liveclass-innerleft-services div {
  width: 289px;
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.liveclass-innerleft-services img {
  width: 20px;
  height: 20px;
}

.liveclass-innerleft-services p {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #1C2951;
}

.liveclass-innerleft-bottomcontent {
  gap: 16px;
  display: flex;
  flex-direction: row;
  margin-bottom: 57px;
}

.liveclass-innerleft-button1 {
  cursor: pointer;
  padding: 10px 24px 10px 24px;
  border: none;
  border-radius: 10px;
  gap: 8px;
  background-color: #F4C542;
  /* typography */
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #1C2951;
}

.liveclass-innerleft-button1:hover {
  background: linear-gradient(95.04deg, #1C2951 0%, #2F80ED 100%);
  transition: 50ms ease-out;
  color: #FBFBFB;
}

.liveclass-innerleft-button2 {
  cursor: pointer;
  padding: 10px 24px 10px 24px;
  border-radius: 10px;
  border: 1px solid #1C29511A;
  gap: 8px;
  background-color: #FFFDF7;
  box-shadow: 0px 4px 12px 0px #0000001A;
  /* typography */
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #1C2951;
}

.liveclass-innerleft-button2:hover {
  border: 1px solid #1C2951;
  transition: 50ms ease-in-out;
}

.liveclass-section-innerright {
  width: 48.7%;
  border: 2px solid #1C29511A;
  border-radius: 16px;
  box-shadow: 0px 25px 50px -12px #00000040;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.liveclass-innerright-topcontent {
  display: flex;
  flex-direction: row;
  gap: 12px;
  margin-top: 32px;
  margin-left: 32px;
  margin-right: 32px;
}

.liveclass-innerright-topcontent img {
  width: 48px;
  height: 48px;
}

.liveclass-innerright-topcontent h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Cairo;
  font-weight: 700;
  font-style: Bold;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0px;
  background: linear-gradient(91.02deg, #0EAD69 0.55%, #1C2951 94.73%);
  -webkit-text-fill-color: transparent;
  background-clip: text
}

.liveclass-innerright-topcontent p {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #717182;
}

.liveclass-innerright-middlecontent {
  margin-left: 32px;
  margin-right: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.liveclass-innerright-middlecontent-inner {
  border: 2px solid #1C29511A;
  background-color: #F5F5F04D;
  border-radius: 12px;
  padding: 18px;
  opacity: 50%;
}

.liveclass-innerright-middlecontent-inner:hover {
  border: 2px solid #0EAD6966;
  transition: 500ms ease-out;
  background-color: #FFFFFF;
  /* .liveclass-innerright-middlecontent-mostinner-left h3:hover {
  color: #1C2951;
  transition: 500ms ease-out;
} */
}

.liveclass-innerright-middlecontent-inner:hover .h3 {
  color: #1C2951;
  transition: 500ms ease-out;
}

.liveclass-innerright-middlecontent-mostinner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.liveclass-innerright-middlecontent-mostinner-left {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.liveclass-innerright-middlecontent-mostinner-left img {
  width: 20px;
  height: 20px;
  margin-top: 8px;
}

.liveclass-innerright-middlecontent-mostinner-left h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #717182;
}

.liveclass-innerright-middlecontent-mostinner-left p {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #717182;
}

.liveclass-innerright-middlecontent-mostinner-right {
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 4px 12px 4px 12px;
  /* background-color: #0EAD691A; */
  background-color: #CACACA1A;
  border-radius: 33554400px;
  /* typography */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  /* color: #0EAD69; */
  color: #717182;
}

.liveclass-innerright-bottomcontent {
  background-color: #F4C5421A;
  margin-left: 32px;
  margin-right: 32px;
  display: flex;
  flex-direction: column;
}

.liveclass-innerright-bottomcontent-inner {
  background: linear-gradient(90.32deg, #0EAD69 0%, #08623C 123.53%);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 8px 16px 8px 16px;
}

.liveclass-innerright-bottomcontent-inner div {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.liveclass-innerright-bottomcontent-inner img {
  width: 20px;
  height: 20px;
  margin-top: 1px;
}

.liveclass-innerright-bottomcontent-inner p {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  vertical-align: middle;
  color: #FFFFFF;
}

.liveclass-innerright-bottomcontent-para {
  margin-top: 23px;
  margin-bottom: 23px;
  margin-left: 16px;
  margin-right: 16px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #717182;
}



/* LEARNING SECTION */

.learning-section {
  /* height: 1206px;  */
  display: flex;
  flex-direction: column;
  padding: 80px 96px 40px 96px;
  gap: 64px;
}

.learning-section-inner1 {
  /* height: 156px;  */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.learning-inner1-topcontent {
  width: 174px;
  border-radius: 50px;
  gap: 10px;
  background-color: #0EAD691A;
  padding: 10px 16px 10px 16px;
  /* typography */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  color: #0EAD69;
}

.learning-inner1-topcontent span {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  color: #1C2951;
}

.learning-inner1-heading {
  /* width: 896px; */
  font-family: Cairo;
  font-weight: 700;
  font-style: Bold;
  font-size: 48px;
  line-height: 48px;
  letter-spacing: 0px;
  text-align: center;
  color: #1C2951;
  margin-top: 0px;
  margin-bottom: 0px;
}

.learning-inner1-para {
  /* width: 896px; */
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: center;
  color: #717182;
}


.learning-section-inner2 {
  /* height: 858px; */
  display: flex;
  flex-direction: column;
}

.learning-inner2-topcontain {
  display: flex;
  flex-direction: column;
  padding-top: 32px;
  padding-bottom: 32px;
  gap: 16px;
}

.learning-inner2-button {
  /* width: 1248px; */
  border-radius: 12px;
  border: 2px solid #1C29511A;
  background-color: #FFFFFF;
  padding: 2px 2px 2px 26px;
  display: flex;
}

.learning-inner2-buttoninner {
  width: 1196px;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.learning-inner2-buttoninner-left {
  width: 812px;
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.learning-inner2-buttoninner-left-img {
  width: 48px;
  height: 48px;
}

.learning-inner2-buttoninner-left-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.learning-inner2-buttoninner-left-content-top {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.learning-inner2-buttoninner-left-content-top h4 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Cairo;
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0px;
  color: #1C2951;
}

.learning-inner2-buttoninner-left-content-top p {
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: #0EAD691A;
  border-radius: 33554400px;
  font-family: Cairo;
  font-weight: 500;
  font-style: Medium;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #0EAD69;
  padding-top: 6px;
  padding-left: 8px;
  padding-right: 8px;
}

.learning-inner2-buttoninner-left-content-bottom {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Cairo;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #717182;
}


.learning-inner2-buttoninner-right {
  width: 81.16px;
  display: flex;
  flex-direction: row;
  gap: 18px;
}

.learning-inner2-buttoninner-right p {
  font-family: Cairo;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #717182;
  margin-top: 0px;
  margin-bottom: 0px;
}

.learning-inner2-buttoninner-right img {
  width: 16px;
  height: 16px;
  margin-top: 3px;
}

.learning-inner2-bottomcontain {
  display: flex;
  flex-direction: column;
  /* width: 100%; */
  border-radius: 12px;
  background: #F5F5F04D;
  padding: 24px 24px 24px 24px;
  gap: 8px;
}

.learning-inner2-bottomcontain1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.learning-inner2-bottomcontain1-para1 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #1C2951;
}

.learning-inner2-bottomcontain1-para2 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #0EAD69;
}

.learning-inner2-bottomcontain2 {
  border-radius: 33554400px;
  height: 12px;
  display: flex;
  background-color: #F5F5F0;
}

.learning-inner2-bottomcontain2-shadedarea {
  padding-left: 381px;
  background-color: #0EAD69;
  background-image: linear-gradient(180deg, #0EAD69 0%, #F4C542 100%);
  border-radius: 33554400px;
}




/* TUTOR SECTION */

.tutors-section {
  /* height: 961px;  */
  display: flex;
  flex-direction: column;
  padding: 60px 96px 60px 96px;
  gap: 48px;
  background-color: #F5F5F04D
}

.tutors-topcontain {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}

.tutors-topcontain-uppercontent {
  display: flex;
  justify-content: center;
  width: 169px;
  background-color: #0EAD691A;
  padding: 10px 16px 10px 16px;
  gap: 10px;
  border-radius: 50px;
  /* typography */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  color: #0EAD69;
  /* background: linear-gradient(91.02deg, #0EAD69 0.55%, #1C2951 94.73%);
  -webkit-text-fill-color: transparent;
  background-clip: text */
}

.tutors-topcontain-uppercontent span {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  color: #1C2951;

}

.tutors-topcontain-heading {
  padding-left: 91px;
  padding-right: 91px;
  gap: 10px;
  /* typoggraphy */
  font-family: Cairo;
  font-weight: 700;
  font-style: Bold;
  font-size: 48px;
  line-height: 48px;
  letter-spacing: 0px;
  text-align: center;
  color: #1C2951;
  margin-bottom: 0px;
  margin-top: 0px;
}

.tutors-topcontain-para {
  /* padding-left: 125px;
  padding-right: 130px; */
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  gap: 10px;
  /* typoggraphy */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: center;
  color: #717182;
  margin-bottom: 0px;
  margin-top: 0px;
}


.tutors-middlecontain {
  display: flex;
  flex-direction: row;
  gap: 32px;
}

.tutors-middlecontain-card {
  width: 288px;
  border-radius: 16px;
  border-width: 1px solid #1C29511A;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}

.tutors-middlecontain-card:hover {
  box-shadow: 0px 8px 24px 0px #00000014;
  transform: scale(1.05);
  transition: all 300ms ease-in;
}

.tutors-card-img:hover {
  transform: scale(1.05);
  transition: all 300ms ease-in;
  border-radius: 16px;

}

.tutors-card-content {
  display: flex;
  flex-direction: column;
  padding: 20px;
  gap: 12px;
}

.tutors-card-content-heading {
  /* width: 248px; */
  font-family: Cairo;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0px;
  color: #1C2951;
  margin-top: 0px;
  margin-bottom: 0px;
}

.tutors-card-content-innercontain1,
.tutors-card-content-innercontain2 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.tutors-card-content-innercontain1 img,
.tutors-card-content-innercontain2 img {
  width: 16px;
  height: 16px;
  margin-top: 2px;
}

.tutors-card-content-innercontain1 p,
.tutors-card-content-innercontain2 p {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #717182;
}

.tutors-card-content-innercontain3 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.tutors-card-content-innercontain3-badge1 {
  /* width: 89.44px; */
  padding: 2px 8px 2px 8px;
  border-radius: 10px;
  border: 1px solid #00000000;
  background-color: #F4C542;
  gap: 4px;
  /* typography */
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #1C2951;
}

.tutors-card-content-innercontain3-badge2 {
  /* width: 101.96875px; */
  padding: 2px 8px 2px 8px;
  border-radius: 10px;
  border: 1px solid #1C29511A;
  gap: 4px;
  /* typography */
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #1C2951;
}

.tutors-card-content-innercontain4 {
  border-top: 1px solid #1C29511A;
  padding-top: 13px;
  /* typography */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #0EAD69;
}

.tutors-bottomcontain {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}

.tutors-bottomcontain p {
  width: 370px;
  margin-top: 0px;
  margin-bottom: 0px;
  /* typography */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  color: #717182;
}

.tutors-bottomcontain button {
  width: 145.64px;
  border: none;
  color: #0EAD69;
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  cursor: pointer;
  background-color: none;
}





/* PRICING SECTION */

.pricing-section {
  /* height: 1052px;  */
  background-image: url("/pricing-background.png");
  display: flex;
  padding-left: 107px;
}

.pricing-section-inner {
  /* height: 1066px;  */
  width: 1246px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding-top: 60px;
  /* padding-right: 143px; */
  /* padding-left: 143px; */
  padding-bottom: 60px;
  align-items: center;
}

.pricing-inner1 {
  /* height: 184px;  */
  width: 768px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}

.pricing-inner1-topcontent {
  display: flex;
  width: 130px;
  border-radius: 50px;
  background-color: #0EAD691A;
  gap: 10px;
  padding-top: 10px;
  padding-left: 30px;
  padding-bottom: 10px;
  /* typography */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  color: #0EAD69;
}

.pricing-inner1-topcontent span {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  color: #1C2951;
}

.pricing-inner1-heading {
  /* width: 734px; */
  margin: 0px 17px 0px 17px;
  /* typography  */
  font-family: Cairo;
  font-weight: 700;
  font-style: Bold;
  font-size: 48px;
  line-height: 48px;
  letter-spacing: 0px;
  text-align: center;
  color: #1C2951;
}

.pricing-inner1-para {
  width: 718px;
  margin: 0px 25px 0px 25px;
  /* typography */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: center;
  color: #717182;
}

.pricing-inner2 {
  /* height: 606px;  */
  width: 960px;
  display: flex;
  flex-direction: row;
  gap: 9px;
}

.pricing-card1 {
  background-color: #ffffff;
  width: 304px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 16px;
  border: 2px solid #0EAD6933;
  padding-bottom: 102px;
  margin-top: 25px;
  margin-bottom: 20px;
}

.pricing-card1-topcontain {
  /* width: 300px; */
  display: flex;
  flex-direction: column;
  /* background-color: #9ed3bc; */
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  gap: 19.333px;
}

.pricing-card1-topcontain-inner1 {
  width: 252px;
  font-family: Cairo;
  font-weight: 400;
  font-style: Regular;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #1C2951;
}

.pricing-card1-topcontain-inner2 {
  width: 225px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #717182;
}

.pricing-card1-topcontain-inner3 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.pricing-card1-topcontain-price {
  /* width: 68.69px; */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 36px;
  line-height: 40px;
  letter-spacing: 0px;
  color: #1C2951;
}

.pricing-card1-topcontain-duration {
  /* width: 77.42px; */
  margin-top: 17px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #717182;
}

.pricing-card1-badge {
  width: 120.83px;
  padding: 2px 8px 2px 8px;
  gap: 4px;
  border: 1px;
  border-radius: 10px;
  background-color: #0EAD691A;
  /* typography */
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #0EAD69;
  text-align: center;
}

.pricing-card1-bottomcontain {
  /* background-color: #9ed3bc; */
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-left: 24px;
  padding-right: 24px;
}

.pricing-card1-button {
  width: 252px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  padding-top: 10px;
  padding-bottom: 10px;
  /* typography */
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #FFFFFF;
  background-color: #0EAD69;
}

.pricing-card1-bottomcontain-services {
  width: 252px;
  gap: 12px;
  display: flex;
  flex-direction: column;
  padding-bottom: 24px;
}

.pricing-card1-bottomcontain-services div {
  display: flex;
  flex-direction: row;
  gap: 12px;
  /* background-color: #cee6dc; */
}

.pricing-card1-bottomcontain-services img {
  width: 20px;
  height: 20px;
}

.pricing-card1-bottomcontain-services p {
  margin-top: 0px;
  margin-bottom: 0px;
  /* width: 133.86px; */
  /* typography */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #1C2951;
}

/* .....card2 */

.pricing-card2 {
  background-color: #FFFFFF;
  width: 334.4px;
  /* height: 666.6px; */
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 16px;
  border: 2px solid #F4C542;
  box-shadow: 0px 25px 50px -12px #00000040;
  padding-bottom: 10px;
}

.pricing-card2-topcontain {
  display: flex;
  flex-direction: column;
  /* background-color:  #9ed3bc; */
}

.pricing-card2-topcontain-inner1 {
  display: flex;
  flex-direction: row;
  gap: 5px;
  padding-top: 8.8px;
  padding-bottom: 8.8px;
  /* padding-left: 2.2px; */
  background: linear-gradient(90deg, #F4C542 0%, rgba(244, 197, 66, 0.8) 100%);
  padding-left: 27px;
}

.pricing-card2-topcontain-inner1 img {
  width: 17.60003662109375px;
  height: 17.60003662109375px;
  top: 2.2px;
}

.pricing-card2-topcontain-inner1 p {
  top: 0.1px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center;
  color: #1C2951;
  margin-top: 0px;
  margin-bottom: 0px;
}

.pricing-card2-topcontain-inner2 {
  width: 277.2px;
  margin-top: 13.2px;
  margin-left: 26.4px;
  /* typography */
  font-family: Cairo;
  font-weight: 500;
  font-style: Medium;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #1C2951;
}

.pricing-card2-topcontain-inner3 {
  margin-top: 13.2px;
  margin-left: 26.4px;
}

.pricing-card2-topcontain-inner3 p {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #717182;
  margin-top: 0px;
  margin-bottom: 0px;
}

.pricing-card2-topcontain-inner4 {
  width: 277.2px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 26.4px;
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.pricing-card2-topcontain-price {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 36px;
  line-height: 40px;
  letter-spacing: 0px;
  color: #1C2951;
}

.pricing-card2-topcontain-duration {
  /* width: 85.15px; */
  margin-top: 18.7px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #717182;
}

.pricing-card2-bottomcontain {
  display: flex;
  flex-direction: column;
  /* width: 330px; */
  gap: 26.4px;
  padding-left: 26.4px;
  padding-right: 26.4px;
  /* background-color: #9ed3bc; */
}

.pricing-card2-button {
  background-color: #F4C542;
  width: 277.2px;
  border: none;
  border-radius: 10px;
  /* padding-left: 96.7px; */
  padding-top: 11.1px;
  padding-bottom: 11.1px;
  /* typography */
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #1C2951;
}

.pricing-card2-bottomcontain-services {
  width: 277.2px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 26.4px;
}

.pricing-card2-bottomcontain-services div {
  display: flex;
  flex-direction: row;
  gap: 13.2px;
}

.pricing-card2-bottomcontain-services img {
  width: 22px;
  height: 22px;
}

.pricing-card2-bottomcontain-services p {
  margin-top: 0px;
  margin-bottom: 0px;
  /* typography */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #1C2951;
}

/* ....card3 */
.pricing-card3 {
  background-color: #FFFFFF;
  width: 304px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 16px;
  border: 2px solid #0EAD6933;
  margin-top: 25px;
  margin-bottom: 20px;
}

.pricing-card3-topcontain {
  display: flex;
  flex-direction: column;
  /* background-color: #9ed3bc; */
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 14px;
  gap: 19.333px;
}

.pricing-card3-topcontain-inner1 {
  font-family: Cairo;
  font-weight: 400;
  font-style: Regular;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #1C2951;
}

.pricing-card3-topcontain-inner2 {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #717182;
}

.pricing-card3-topcontain-inner3 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.pricing-card3-topcontain-price {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 36px;
  line-height: 40px;
  letter-spacing: 0px;
  color: #1C2951;
}

.pricing-card3-topcontain-duration {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #717182;
  margin-top: 17px;
}

.pricing-card3-bottomcontain {
  /* background-color: #9ed3bc; */
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-left: 24px;
  padding-right: 24px;
}

.pricing-card3-button {
  background-color: #0EAD69;
  border: none;
  border-radius: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #FFFFFF;
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
}

.pricing-card3-bottomcontain-services {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 24px;
}

.pricing-card3-bottomcontain-services div {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.pricing-card3-bottomcontain-services img {
  width: 20px;
  height: 20px;
}

.pricing-card3-bottomcontain-services p {
  margin-top: 0px;
  margin-bottom: 0px;
  /* typograhy */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #1C2951;
}


.pricing-inner3 {
  /* height: 60px;  */
  width: 960px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}

.pricing-inner3-para {
  margin-top: 0px;
  margin-bottom: 0px;
  /* typography */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  color: #717182;
}

.pricing-inner3-bottomcontain {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.pricing-inner3-bottomcontain div {
  display: flex;
  flex-direction: row;
  gap: 5px;
}

.pricing-inner3-bottomcontain img {
  width: 16px;
  height: 16px;
  margin-top: 2.5px;
}

.pricing-inner3-bottomcontain p {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center;
  color: #1C2951;
}





/* TESTIMONIAL SECTION */

.testimonial-section {
  width: 1438px;
  display: flex;
  padding: 60px 96px 60px 96px;
}

.testimonial-inner {
  width: 1246px;
  display: flex;
  flex-direction: column;
}

.testimonial-innercontain1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 64px;
  align-items: center;
}

.testimonial-innercontain2 {
  display: flex;
  flex-direction: row;
  gap: 32px;
  margin-bottom: 64px;
}

.testimonial-innercontain3 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
  padding-bottom: 22px;
  margin-bottom: 22px;
}

.testimonial-innercontain4 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 22px;
  padding-bottom: 24px;
}

.testimonial-innercontain1-topcontent {
  width: 189px;
  background-color: #0EAD691A;
  border-radius: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 12px;
  padding-left: 12px;
  /* typography */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  color: #0EAD69;
  /* background: linear-gradient(91.02deg, #0EAD69 0.55%, #1C2951 94.73%);
  -webkit-text-fill-color: transparent;
  background-clip: text */
}

.testimonial-innercontain1-topcontent span {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  color: #1C2951;
}

.testimonial-innercontain1-heading {
 
  font-weight: 700;
  font-style: Bold;

  font-size: 48px;
  line-height: 48px;
  letter-spacing: 0px;
  text-align: center;
  color: #1C2951;
  margin-top: 0px;
  margin-bottom: 0px;
}

.testimonial-innercontain1-para {
  /* width: 768px;
  margin-left: 239px; */
  /* typography */
  padding-left: 10.92px;
  font-family: Inter;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: center;
  color: #717182;
  margin-top: 0px;
  margin-bottom: 0px;
}


.testimonial-innercontain2 div {
  height: 287.5px;
  width: 287.5px;
}

.testimonial-innercontain2 img:hover {
  transition: 500ms ease-out;
  transform: scale(1.1);
}


.testimonial-innercontain3-card1,
.testimonial-innercontain3-card2,
.testimonial-innercontain3-card3,
.testimonial-innercontain3-card4,
.testimonial-innercontain3-card5,
.testimonial-innercontain3-card6 {
  width: 399.33px;
  background-color: #FFFFFF;
  border: 2px;
  border-radius: 16px;
  /* box-shadow: 0px 6px 18px 0px #0000000D; */
  box-shadow: 0 6px 18px 0px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  padding: 52px 24px;
  box-sizing: border-box;
  gap: 16px;
}

.testimonial-card-icon {
  width: 351.33px;
}

.testimonial-card-icon img {
  width: 40px;
  height: 40px;
}

.testimonial-card-ratingicon {
  width: 351.33px;
  display: flex;
  flex-direction: row;
  gap: 4px;
}

.testimonial-card-ratingicon img {
  height: 20px;
  width: 20px;
}

.testimonial-card-para {
  width: 351.33px;
  height: 156px;
}

.testimonial-card-para p {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0px;
  color: #717182;
  margin-top: 0px;
  margin-bottom: 0px;
}

.testimonial-card-reviewerinfo {
  display: flex;
  flex-direction: row;
  border-top: 1px solid #1C29511A;
  padding-top: 12px;
  padding-bottom: 12px;
  gap: 12px;
}

.testimonial-reviewerinfo-pfp {
  width: 48px;
  height: 48px;
  border-radius: 33554400px;
}

.testimonial-reviewerinfo-name {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 158.33px;
}

.testimonial-reviewerinfo-name-para1 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #1C2951;
}

.testimonial-reviewerinfo-name-para2 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #717182;
}

.testimonial-reviewerinfo-coursename {
  display: flex;
  align-items: center;
  width: 121px;
  gap: 10px;
}

.testimonial-reviewerinfo-coursename p {
  background-color: #0EAD691A;
  border-radius: 4px;
  padding: 4px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #0EAD69;
}

.testimonial-innercontain4-first,
.testimonial-innercontain4-second,
.testimonial-innercontain4-third,
.testimonial-innercontain4-fourth {
  width: 263px;
  /* height: 166px; */
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 50px;
  padding-bottom: 26px;
  padding-left: 26px;
  border-radius: 12px;
  border: 2px solid #1C29511A;
}

.testimonial-innercontain4-first:hover,
.testimonial-innercontain4-second:hover,
.testimonial-innercontain4-third:hover,
.testimonial-innercontain4-fourth:hover {
  border: 2px solid #1C295180;
  border-radius: 12px;
  box-shadow: 0px 8px 16px 0px #00000026;
  transition: 500ms ease-out;
}

.testimonial-innercontain4-firstcounting,
.testimonial-innercontain4-secondrating,
.testimonial-innercontain4-thirdpercentage,
.testimonial-innercontain4-fourthcounting {
  width: 241.5px;
  display: flex;
  justify-content: center;
  font-family: Inter;
  font-weight: 800;
  font-style: Extra Bold;
  font-size: 36px;
  line-height: 36px;
  letter-spacing: 0px;
  text-align: center;
  color: #0EAD69;
}

.testimonial-innercontain4-secondrating,
.testimonial-innercontain4-fourthcounting {
  color: #F4C542;
}

.testimonial-innercontain4-firsttext,
.testimonial-innercontain4-secondtext,
.testimonial-innercontain4-thirdtext,
.testimonial-innercontain4-fourthtext {
  width: 241.5px;
  display: flex;
  justify-content: center;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center;
  color: #717182
}







/* CONTACT SECTION */

.intouch-section {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 64px;
  padding: 60px 96px 60px 96px;
  background-color: #F5F5F04D;
}

.intouch-section-topcontain {
  width: 1152px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.intouch-section-bottomcontain {
  display: flex;
  flex-direction: row;
  gap: 32px;
}

/* top-contain */
.intouch-section-topinner1 button {
  width: 127px;
  border: none;
  border-radius: 50px;
  background: #0EAD691A;
  /* typography */
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  color: #0EAD69;
  /* background: linear-gradient(91.02deg, #0EAD69 0.55%, #1C2951 94.73%);
  -webkit-text-fill-color: transparent;
  background-clip: text; */
  line-height: 24px;
  letter-spacing: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 8px;
  padding-right: 8px;
}

.intouch-section-topinner1 span {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #1C2951;

}

.intouch-section-topinner2 {
  width: 768px;
  font-family: Cairo;
  font-weight: 700;
  font-style: Bold;
  font-size: 48px;
  line-height: 48px;
  letter-spacing: 0px;
  text-align: center;
  display: flex;
  justify-content: center;
  color: #1C2951;
}

.intouch-section-topinner3 {
  width: 768px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: center;
  color: #717182;
}

/* bottom-contain */
.intouch-section-bottominner1 {
  /* width: 608px; */
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  border: 2px solid #1C29511A;
  border-radius: 16px;
  padding: 32px 32px 0px 32px;
  gap: 32px;
  margin-bottom: 12px;
}

.intouch-section-bottominner1-text {
  /* width: 215px; */
  font-family: Cairo;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 32px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #1C2951;
}

.intouch-section-bottominner1-inputarea {
  display: flex;
  flex-direction: column;
  width: 540px;
  gap: 24px;
}

.intouch-firstinput,
.intouch-secondinput,
.intouch-thirdinput {
  width: 540px;
  /* gap: 8px; */
}

.intouch-firstinput label,
.intouch-secondinput label,
.intouch-thirdinput label,
.intouch-forthinput label {
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0px;
  color: #1C2951;
}

.intouch-firstinput input,
.intouch-secondinput input,
.intouch-thirdinput input {
  width: 538px;
  padding: 8px 0px 8px 10px;
  border-radius: 10px;
  border: 1px solid #00000033;
  margin-top: 8px;
}

.intouch-firstinput ::placeholder,
.intouch-secondinput ::placeholder,
.intouch-thirdinput ::placeholder {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0px;
  color: #717182;
  padding-left: 8px;
}

.intouch-forthinput {
  width: 540px;
}

.intouch-forthinput textarea {
  width: 535px;
  height: 250px;
  border-radius: 10px;
  border: 1px solid #00000033;
  margin-top: 8px;
}

.intouch-forthinput ::placeholder {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #717182;
  padding-left: 8px;
}

.intouch-section-bottominner1-button {
  /* width: 540px; */
  background-color: #0EAD69;
  border: none;
  border-radius: 10px;
  color: #FFFFFF;
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  padding-top: 12px;
}

.intouch-section-bottominner1-button img {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.intouch-section-bottominner1-button:hover {
  background: linear-gradient(95.04deg, #1C2951 0%, #2F80ED 100%);
  transition: 50s ease-out;
}


.intouch-section-bottominner2 {
  width: 608px;
  display: flex;
  flex-direction: column;
}

.intouch-section-bottominner2-text {
  /* width: 608px; */
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 32px;
}

.intouch-section-bottominner2-heading {
  font-family: Cairo;
  font-weight: 500;
  font-style: Medium;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #1C2951;
  margin-top: 0px;
  margin-bottom: 0px;
}

.intouch-section-bottominner2-para {
  width: 417px;
  margin-bottom: 0px;
  margin-top: 0px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #717182;
}

.intouch-section-bottominner2-infoarea {
  display: flex;
  flex-direction: column;
  /* width: 608px; */
  gap: 16px;
  padding-bottom: 32px;
}

.intouch-section-bottominner2-infoarea-top,
.intouch-section-bottominner2-infoarea-mid,
.intouch-section-bottominner2-infoarea-bottom {
  padding: 24px 24px;
  border-radius: 16px;
  border: 2px solid #1C29511A;
  background-color: #FFFFFF;
}

.intouch-section-bottominner2-infoarea-top:hover,
.intouch-section-bottominner2-infoarea-mid:hover,
.intouch-section-bottominner2-infoarea-bottom:hover {
  border-radius: 16px;
  border: 2px solid #0EAD69;
  transition: 100ms ease-in;
  box-shadow: 0px 8px 16px 0px #0000001A;
}

.intouch-section-bottominner2-infoarea-topinner,
.intouch-section-bottominner2-infoarea-midinner,
.intouch-section-bottominner2-infoarea-bottominner {
  width: 404px;
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.intouch-section-bottominner2-infoarea-topinner img,
.intouch-section-bottominner2-infoarea-midinner img,
.intouch-section-bottominner2-infoarea-bottominner img {
  width: 48px;
  height: 48px;
}

.intouch-section-email {
  width: 169.02px;
  display: flex;
  flex-direction: column;
}

.intouch-section-call {
  width: 232.25px;
  display: flex;
  flex-direction: column;
}

.intouch-section-whatsapp {
  width: 188.84px;
  display: flex;
  flex-direction: column;
}

.intouch-section-emailheading,
.intouch-section-callheading,
.intouch-section-whatsappheading {
  font-family: Cairo;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #1C2951;
  margin-top: 0px;
  margin-bottom: 0px;
}

.intouch-section-emailpara,
.intouch-section-callpara,
.intouch-section-whatsapppara {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #717182;
  margin-top: 0px;
  margin-bottom: 0px;
}

.intouch-section-emaillink,
.intouch-section-calllink,
.intouch-section-whatsapplink {
  margin-top: 10px;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #0EAD69;
  text-decoration: none;
}

.intouch-section-bottominner2-queryarea {
  background-color: #0EAD690D;
  display: flex;
  flex-direction: column;
  border: 2px solid #0EAD691A;
  border-radius: 12px;
  padding-left: 24px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.intouch-section-queryarea-heading {
  font-family: Cairo;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #1C2951;
  margin-top: 0px;
  margin-bottom: 0px;
}

.intouch-section-queryarea-para {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #717182;
  margin-top: 3px;
  margin-bottom: 0px;
}

.intouch-section-queryarea-link {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #0EAD69;
  margin-top: 5px;
  text-decoration: none;
}





/* FOOTER SECTION */

.footer-container {
  padding: 20px 20px;
  background-color: #1C2951;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.footer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 48px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.footer-1stinner {
  flex: 1 1 22%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.footer-2ndinner {
  flex: 1 1 22%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.footer-3rdinner {
  flex: 1 1 22%;
  flex-direction: column;
  gap: 16px;
}

.footer-4thinner {
  flex: 1 1 22%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.footer-1stinner-topcontain {
  /* background-color: #d866f7; */
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.footer-1stinner-topcontain img {
  width: 40px;
  height: 40px;
}

.footer-1stinner-topcontain h1 {
  font-family: Cairo;
  font-weight: 400;
  font-style: Regular;
  font-size: 20px;
  line-height: 9px;
  letter-spacing: 0px;
  color: #FFFDF7;
}

.footer-1stinner-midcontain {

  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0px;
  color: #FFFDF7B2;
  margin-top: -1px;
}

.footer-1stinner-lastcontain {

  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer-1stinner-lastcontain div {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.footer-1stinner-lastcontain img {
  width: 16px;
  height: 16px;
}

.footer-1stinner-lastcontain-para1,
.footer-1stinner-lastcontain-para2 {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  /* line-height: 20px; */
  letter-spacing: 0px;
  color: #FFFDF7;
  margin-top: -1px;
}

.footer-1stinner-lastcontain-para3 {
  color: #FFFDF7B2;
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  margin-top: -1px;
}

.footer-2ndinner-topcontain,
.footer-3rdinner-topcontain,
.footer-4thinner-topcontain {
  /* height: 24px; */
  /* background-color: #FBFBFB;  */
  width: 153.61px;
  font-family: Cairo;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #F4C542;
}

.footer-2ndinner-bottomcontain,
.footer-3rdinner-bottomcontain,
.footer-4thinner-bottomcontain {
  /* height: 132px; */
  /* background-color: #f467ea; */
  width: 153.61px;
  display: flex;
}

.footer-2ndinner-bottomcontain ul,
.footer-3rdinner-bottomcontain ul,
.footer-4thinner-bottomcontain ul {
  display: flex;
  flex-direction: column;
  padding-left: 0px;
  gap: 12px;
  margin-top: 0px;
  margin-bottom: 0px;
  list-style: none;
}

.footer-2ndinner-bottomcontain ul li,
.footer-3rdinner-bottomcontain ul li,
.footer-4thinner-bottomcontain ul li {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  padding-top: 4px;
}

.footer-2ndinner-bottomcontain ul li a,
.footer-3rdinner-bottomcontain ul li a,
.footer-4thinner-bottomcontain ul li a {
  text-decoration: none;
  color: #FFFDF7B2;
}

.footer-2ndinner-bottomcontain ul li a:hover,
.footer-3rdinner-bottomcontain ul li a:hover,
.footer-4thinner-bottomcontain ul li a:hover {
  color: #FFFFFF;
  font-weight: 500;
  font-style: Medium;
}


.bottom-bar {
  background: #1e2a4a;
  color: #ffffff;
  font-size: 14px;
  width: 100%;
}


.bottom-bar-inner {
  margin: 0 auto;        
  padding: 0 20px;        
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  border-top: 1px solid #FFFDF71A;
}


.bottom-bar-left {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #FFFDF7B2;
  padding: 33px 0;
}


.bottom-bar-right {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 33px 0;
}

.follow-text {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #FFFDF7B2;
}


.social-icons {
  display: flex;
  align-items: center;
  gap: 10px;
}

.social-icons img {
  width: 36px;
  height: 36px;
  object-fit: contain;
  cursor: pointer;
  transition: 0.3s ease;
}

.social-icons img:hover {
  transform: translateY(-3px);
}

.dynamic-content-area {
  padding: 0px 96px 0px 96px;
}
.header-logo-link {
  display: flex;
    text-decoration: none;
}

#block-quransir-proj-theme-page-title {
    background-image: url("../images/quransir-detail-page-banner-title.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 200px;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
#block-quransir-proj-theme-page-title h1.page-title {
  color: wheat;
  text-transform: capitalize;
}