@import url("https://fonts.googleapis.com/css2?family=Rethink+Sans:ital,wght@0,400..800;1,400..800&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap");

@font-face {
  font-family: "Obviously";
  src: url("../fonts/obviously/Obviously.otf") format("opentype");
  font-weight: 400;
  /* Regular weight */
  font-style: normal;
}

@font-face {
  font-family: "Obviously";
  src: url("../fonts/obviously/Obviously_Semi.otf") format("opentype");
  font-weight: 600;
  /* Medium weight */
  font-style: normal;
}

@font-face {
  font-family: "Obviously";
  src: url("../fonts/obviously/Obviously_Bold.otf") format("opentype");
  font-weight: 700;
  /* Bold weight */
  font-style: normal;
}

:root {
  --Obviously-regular: "Obviously", sans-serif;
  --Obviously-medium: "Obviously", sans-serif;
  --Obviously-bold: "Obviously", sans-serif;
  --Obviously-semi-bold: "Obviously", sans-serif;
  --Rethink-Sans: "Rethink Sans", sans-serif;
}

:root {
  font-family: "Roboto Flex";
  --RobotoFlex: "Roboto Flex";
}

*,
*:before,
*:after {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  /* outline: 1px solid red; */
}

body {
  background-color: #ffffff;
  /* visibility: hidden; */
  -webkit-text-size-adjust: 100%;
  transition: all 0.3s ease-in-out;
}

tspan {
  white-space: nowrap;
}

html {
  /* font-size: 10px; */
  /* 10px / 16 px = 0.625 *100 = 62.5%  */
  /* Percentage of user's Browser font-size Setting  */
  font-size: 62.5%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  -o-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

body.home {
  opacity: 1;
}

/* mobile tap highlight color remove  */
textarea,
button,
select,
a,
div,
li {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  appearance: none;
}

img {
  max-width: 100%;
  display: block;
}

a {
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

a:hover {
  opacity: 0.75;
}

li {
  list-style: none;
}

/* width */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: grey;
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: grey;
}

@media only screen and (min-width: 2500px) {
  html {
    font-size: 85%;
  }
}

@media only screen and (max-width: 1600px) {
  html {
    font-size: 62.5%;
  }
}

@media only screen and (max-width: 1400px) {
  html {
    font-size: 50%;
  }
}

@media only screen and (max-width: 768px) {
  html {
    font-size: 62.5%;
  }
}

@media only screen and (max-width: 320px) {
  html {
    font-size: 50%;
  }
}




.desktop,
.mobile {
  display: none !important;
}

@media (min-width: 769px) {
  .desktop {
    display: flex !important;
  }
}

@media (max-width: 768px) {
  .mobile {
    display: flex !important;
  }
}


/* !buttons  */

.primaryButton {
  font-family: var(--Obviously-regular);
  font-size: 1.5rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: -0.15px;
  text-align: center;
  color: #ffe93b;
  background-color: #2437a2;
  padding: 1.2rem 2.4rem;
  border-radius: 20px;
}


@media only screen and (max-width: 768px) {
  .primaryButton {
    font-size: 1.2rem;
    text-align: center;
  }
}

.container {
  width: 100%;
  max-width: 160rem;
  margin: 0 auto;
}

.logo-mobile,
.menuBar {
  display: none;
}

.header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 4rem 6%;
  background-color: #f2f1f0;
  transition: all 0.3s ease-in-out;
}

.header .logo {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}

.header .logo img {
  width: 16rem;
  height: auto;
}

.header .links {
  display: flex;
  align-items: center;
}

.header .links ul {
  display: flex;
  gap: 5rem;
}

.header .links ul li a {
  font-family: var(--Obviously-semi-bold);
  font-size: 1.5rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: -0.15px;
  text-align: left;
  color: #000;
}

.header .login {
  display: flex;
  align-items: center;
  background-color: #2437A2;
  text-transform: uppercase;
  font-family: var(--Obviously-regular);
  font-size: 1.5rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: -0.15px;
  text-align: left;
  color: #ffe93b;
  padding: 1.2rem 2.4rem;
  border-radius: 20px;
  gap: 0.7rem;
}


.header.blueHeader .login {
  background-color: #ffe93b;
  color: #2437A2;
}


.header .login img {
  width: 1.6rem;
  height: auto;
}



.header.blueHeader {
  background-color: #2437A2;
}

.header.blueHeader .logo img {
  filter: invert(1);


}


.header.blueHeader .links ul li a {
  color: #fff;
}


.home_banner {
  display: flex;
  padding: 5rem 10%;
  gap: 5rem;
  background-color: #2437A2;
}

.home_banner .c1 {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.home_banner .c1 h1 {
  font-family: var(--Obviously-regular);
  font-size: 3.4rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: -0.68px;
  text-align: left;
  color: #fff;
  margin-bottom: 1.8rem;
}

.home_banner .c1 h2 {
  font-family: var(--Rethink-Sans);
  font-size: 1.9rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: -0.38px;
  text-align: left;
  color: #fff;
  margin-bottom: 2.6rem;
  max-width: 39rem;
}

.home_banner .c1 a {
  font-family: var(--Obviously-regular);
  font-size: 1.5rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: -0.15px;
  text-align: center;
  color: #2437a2;
  background-color: #ffe93b;
  padding: 1.2rem 2.4rem;
  border-radius: 20px;
}

.home_banner .c2 {
  width: 60%;
}

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

.saas_featured {
  background-color: #ffe93b;
  padding: 1.6rem 0;
  position: relative;
  overflow: hidden;
  display: flex;
  width: 100%;
  height: 6rem;
}

.saas_featured .f-marquee-1-1,
.saas_featured .f-marquee-1-2 {
  display: flex;
  justify-content: flex-start;
  flex-shrink: 0;
  white-space: nowrap;
}

.saas_featured .f-marquee-1-1 h1,
.saas_featured .f-marquee-1-2 h1 {
  margin: 0;
  padding-right: 40px;
  /* Adjust space between items */
  padding-left: 40px;
  /* Adjust space between items */
  font-size: 2.4rem;
  /* Adjust font size as needed */
  border-right: 1px solid #000;
  /* Adjust border color as needed */
  color: #2437a2;
}

.saas_featured .f-marquee-1-1 {
  animation: marqueeToLeft 40s linear infinite;
}

.saas_featured .f-marquee-1-2 {
  animation: marqueeToLeft 40s linear infinite;
  animation-delay: -40s;
  /* Start the second animation halfway */
}

@keyframes marqueeToLeft {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-100%);
  }
}

.home_tutorList {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 5rem 6% 5rem;
}

.home_tutorList .head {
  display: flex;
  gap: 7rem;
  justify-content: space-between;
  margin-bottom: 3.3rem;
  position: relative;
  align-items: center;
}

.home_tutorList .head>h1 {
  font-family: var(--Obviously-regular);
  font-size: 3rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: -0.6px;
  text-align: left;
  color: #000;
}

.home_tutorList .head .nav {
  display: flex;
  gap: 0.7rem;
  overflow: hidden;
}

.home_tutorList .head .nav .block {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  background-color: #f2f1f0;
  border-radius: 10px;
  padding: 1.2rem 1.7rem;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.home_tutorList .head .nav .block:hover {
  background-color: #2437a2;
}

.home_tutorList .head .nav .block:hover>h1 {
  color: #ffffff;
}

.home_tutorList .head .nav .block:hover>p {
  color: #ffffff;
}

.home_tutorList .head .nav .block>h1 {
  font-family: var(--Obviously-regular);
  font-size: 2rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: -0.4px;
  text-align: left;
  color: #000;
}

.home_tutorList .head .nav .block>p {
  font-family: var(--Rethink-Sans);
  font-size: 1.2rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.24px;
  text-align: left;
  color: #000;
}

.home_tutorList .head .arrow {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
}

.home_tutorList .list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2.8rem;
}

@media (max-width: 1024px) {
  .home_tutorList .list {
    grid-template-columns: repeat(4, 1fr);
  }
}

.home_tutorList .list .profile {
  position: relative;
  display: flex;
  flex-direction: column;
}

.home_tutorList .list .profile .image {
  position: relative;
}

.home_tutorList .list .profile .image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 20px;
  margin-bottom: 2.1rem;
}

.home_tutorList .list .profile .image .tag {
  position: absolute;
  top: 0;
  right: 1.6rem;
}

.home_tutorList .list .profile .image .tag h1 {
  font-family: var(--Obviously-regular);
  font-size: 1rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: -0.1px;
  text-align: left;
  color: #2437a2;
  background-color: #ffe93b;
  padding: 0.4rem 0.7rem;
}

.home_tutorList .list .profile .details {
  display: flex;
  flex-direction: column;
}

.home_tutorList .list .profile .details .name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.8rem;
  gap: 0.5rem;
}

.home_tutorList .list .profile .details .name>h1 {
  font-family: var(--Obviously-regular);
  font-size: 1.6rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: -0.32px;
  text-align: left;
  color: #000;
}

.home_tutorList .list .profile .details .name>p {
  font-family: var(--Rethink-Sans);
  font-size: 1.1rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: -0.22px;
  text-align: left;
  color: #000;
}

.home_tutorList .list .profile .details .subject {
  display: flex;
  align-items: center;
  gap: 1.1rem;
  margin-bottom: 0.7rem;
}

.home_tutorList .list .profile .details .subject>h1 {
  font-family: var(--Rethink-Sans);
  font-size: 1.5rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: -0.3px;
  text-align: right;
  color: #000;
}

.home_tutorList .list .profile .details .language {
  display: flex;
  align-items: center;
  gap: 1.1rem;
  margin-bottom: 0.7rem;
}

.home_tutorList .list .profile .details .language>h1 {
  font-family: var(--Rethink-Sans);
  font-size: 1.5rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: -0.3px;
  text-align: right;
  color: #000;
}

.home_tutorList .list .profile .details .experience {
  font-family: var(--Rethink-Sans);
  font-size: 1.5rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: -0.3px;
  text-align: left;
  color: #000;
  margin-bottom: 1.4rem;
}

.home_tutorList .list .profile .details .link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.1rem;
  margin-bottom: 0.7rem;
}

.home_tutorList .list .profile .details .link>h1 {
  font-family: var(--Obviously-regular);
  font-size: 1rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: -0.1px;
  text-align: center;
  color: #fff;
  padding: 0.7rem 1.4rem;
  background-color: #000000;
  border-radius: 25px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.home_tutorList .list .profile .details .link>h1:hover {
  background-color: #2437a2;
  color: #fff;
}

.home_tutorList .list .profile .details .link .like {
  max-width: 1.6rem;
}

.home_tutorList .list .profile .details .link .like svg {
  width: 100%;
  height: auto;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.home_tutorList .list .profile .details .link .like svg circle {
  transition: all 0.3s ease-in-out;
}

.home_tutorList .list .profile .details .link .like svg rect {
  transition: all 0.3s ease-in-out;
}

.home_tutorList .list .profile .details .link .like svg:hover circle {
  fill: red;
}

.home_tutorList .list .profile .details .link .like svg:hover rect {
  fill: red;
}

.home_about {
  display: flex;
  flex-direction: column;
  padding: 10rem 6% 5rem;
}

.home_about .head {
  position: relative;
  display: flex;
  justify-content: center;
}

.home_about .head h1 {
  font-family: var(--Obviously-regular);
  font-size: 3rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: -0.6px;
  text-align: left;
  color: #000;
  margin-bottom: 6rem;
}

.home_about .content {
  display: flex;
  justify-content: space-around;
  gap: 1.6rem;
}

.home_about .content .block {
  display: flex;
  flex-direction: column;
  border-radius: 2.5rem;
  padding: 5rem 1.4rem 3rem;
  flex-grow: 1;
  flex-basis: 0;
}

.home_about .content .block img {
  width: auto;
  height: 20rem;
  object-fit: contain;
  margin-bottom: 3rem;
}

.home_about .content .block p {
  font-family: var(--Rethink-Sans);
  font-size: 1.9rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: -0.38px;
  text-align: center;
  color: #000;
}

.home_about .content .block:nth-child(even) {
  background-color: #dff0ff;
}

.home_about .content .block:nth-child(odd) {
  background-color: #f2f1f0;
}

.home_perfect {
  display: flex;
  flex-direction: row;
  gap: 7rem;
  padding: 5rem 10%;
}

.home_perfect .c1 {
  display: flex;
  width: 50%;
}

.home_perfect .c1 img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.home_perfect .c2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
}

.home_perfect .c2 h1 {
  font-family: var(--Obviously-regular);
  font-size: 3.4rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: -0.68px;
  text-align: left;
  color: #000;
  margin-bottom: 1.8rem;
  margin-bottom: 3.1rem;
}

.home_perfect .c2 h1 mark {
  background-color: #ffe93b;
  padding: 0 0;
}

.home_perfect .c2 p {
  font-family: var(--Rethink-Sans);
  font-size: 1.9rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: -0.38px;
  text-align: left;
  color: #000;
  margin-bottom: 2.6rem;
}

.home_stats {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 5rem 6%;
}

.home_stats .container {
  width: 100%;
  border-radius: 35px;
  overflow: hidden;
}

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

.home_stats .container .content {
  display: flex;
  width: 100%;
  justify-content: center;
  background-color: #ffe93b;
  padding: 3.3rem 3.3rem 3.3rem 3.3rem;
  gap: 4%;
}

.home_stats .container .content .block {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.2rem;
}

.home_stats .container .content .block h1 {
  font-family: var(--Obviously-regular);
  font-size: 3.8rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: -0.68px;
  text-align: left;
  color: #2437a2;
}

@media (max-width: 1024px) {
  .home_stats .container .content .block h1 {
    font-size: 2.8rem;
  }
}

.home_stats .container .content .block p {
  font-family: var(--Obviously-regular);
  font-size: 1.6rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  line-height: 1.21;
  letter-spacing: -0.38px;
  text-align: left;
  color: #2437a2;
}

@media (max-width: 1024px) {
  .home_stats .container .content .block p {
    font-size: 1.2rem;
  }
}

.home_stats .container .content .line {
  width: 0.4rem;
  height: auto;
  background-color: #2437a2;
}

.home_howZipply {
  display: flex;
  position: relative;
  flex-direction: column;
  padding: 5rem 10%;
}

.home_howZipply .head {
  position: relative;
}

.home_howZipply .head h1 {
  font-family: var(--Obviously-regular);
  font-size: 3.4rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: -0.68px;
  text-align: center;
  color: #000;
  margin-bottom: 4.6rem;
}

.home_howZipply .content {
  display: flex;
  gap: 5rem;
  justify-content: center;
}

.home_howZipply .content .block {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 0;
}

.home_howZipply .content .block img {
  width: 100%;
  height: auto;
  margin-bottom: 3.3rem;
}

.home_howZipply .content .block h1 {
  font-family: var(--Obviously-regular);
  font-size: 1.4rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: -0.4px;
  text-align: center;
  color: #000;
  margin-bottom: 1.3rem;
}

.home_howZipply .content .block h2 {
  font-family: var(--Obviously-regular);
  font-size: 2rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: -0.4px;
  text-align: center;
  color: #000;
  margin-bottom: 1.3rem;
}

.home_howZipply .content .block p {
  font-family: var(--Rethink-Sans);
  font-size: 1.9rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: -0.38px;
  text-align: center;
  color: #000;
}

.home_guarantee {
  display: flex;
  position: relative;
  padding: 5rem 10%;

}

.home_guarantee .container {
  width: 100%;
  padding: 6rem 5rem;
  background-color: #2437a2;
  display: flex;
  align-items: center;
  flex-direction: column;
  border-radius: .4rem;
}

.home_guarantee .container h1 {
  font-family: var(--Obviously-regular);
  font-size: 3.4rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: -0.68px;
  text-align: left;
  color: #fff;
  margin-bottom: 2rem;
}

.home_guarantee .container p {
  font-family: var(--Rethink-Sans);
  font-size: 2.3rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: -0.23px;
  text-align: left;
  color: #fff;
  text-align: center;
}

.home_guarantee .container a {
  margin-top: 2rem;
  background: #ffe93b;
  color: #2437a2;
}


.home_happyCustomers {
  display: flex;
  flex-direction: column;
  padding: 5rem 0%;
}

.home_happyCustomers .head h1 {
  font-family: var(--Obviously-regular);
  font-size: 3.4rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: -0.68px;
  text-align: center;
  color: #000;
  margin-bottom: 6.5rem;
}

.home_happyCustomers .head h1 mark {
  background-color: #ffe93b;
  padding: 0 0;
}

.home_happyCustomers .content {
  display: flex;
}

.home_happyCustomers .content .slick-slide {
  margin: 0 14px;
}

.home_happyCustomers .content .block {
  display: flex;
  flex-direction: column;
  background-color: #f2f1f0;
  border-radius: 25px;
  padding: 4.7rem;
}

.home_happyCustomers .content .block>p {
  font-family: var(--Rethink-Sans);
  font-size: 1.5rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.3px;
  text-align: left;
  color: #000;
  margin-bottom: 2.6rem;
}

.home_happyCustomers .content .block .profile {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: flex-start;
}

.home_happyCustomers .content .block .profile .c1 {
  width: 30%;
  display: flex;
  justify-content: center;
}

.home_happyCustomers .content .block .profile .c1 img {
  width: 100%;
  height: auto;
  max-width: 6.3rem;
  border-radius: 50%;
}

.home_happyCustomers .content .block .profile .c2 {
  width: 70%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.home_happyCustomers .content .block .profile .c2 h1 {
  font-family: var(--Obviously-regular);
  font-size: 1.6rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: -0.32px;
  text-align: left;
  color: #000;
  margin-bottom: 0.2rem;
}

.home_happyCustomers .content .block .profile .c2 p {
  font-family: var(--Rethink-Sans);
  font-size: 1.6rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: -0.32px;
  text-align: left;
  color: #000;
}

.home_contactUs {
  display: flex;
  padding: 5rem 10% 13rem;
  gap: 5rem;
}

.home_contactUs .c1 {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home_contactUs .c1 img {
  width: 80%;
  height: auto;
  object-fit: contain;
}

.home_contactUs .c2 {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.home_contactUs .c2 h1 {
  font-family: var(--Obviously-regular);
  font-size: 3.4rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: -0.68px;
  text-align: left;
  color: #000;
  margin-bottom: 1.8rem;
}

.home_contactUs .c2 h2 {
  font-family: var(--Rethink-Sans);
  font-size: 1.9rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: -0.38px;
  text-align: left;
  color: #000;
  margin-bottom: 2.6rem;
  max-width: 75%;
}

.home_contactUs .c2 a {
  font-family: var(--Obviously-regular);
  font-size: 1.5rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: -0.15px;
  text-align: center;
  color: #ffe93b;
  background-color: #2437a2;
  padding: 1.2rem 2.4rem;
  border-radius: 20px;
}

.footer {
  display: flex;
  padding: 7rem 6% 10rem;
  background-color: #2437a2;
  gap: 3rem;
}

.footer>div {
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  flex-direction: column;
}

.footer>div h1>a {
  font-family: var(--Obviously-regular);
  font-size: 1.4rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: -0.28px;
  text-align: left;
  color: #fff;
  margin-bottom: 2.8rem;
  width: fit-content;
}

.footer>div a {
  position: relative;
  width: fit-content;
  font-family: var(--Rethink-Sans);
  font-size: 1.6rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.32px;
  text-align: left;
  color: #fff;
  margin-bottom: 1.2rem;
  display: flex;
  gap: 1.2rem;
}

.footer>div p {
  font-family: var(--Rethink-Sans);
  font-size: 1.6rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.32px;
  text-align: left;
  color: #fff;
  margin-bottom: 5rem;
}

.footer>div .logo {
  margin-top: 4rem;
}

.footer>div .logo img {
  width: 16rem;
}

.tutor_banner {
  display: flex;
  gap: 2rem;
  position: relative;
  background-color: #f2f1f0;
  padding: 10rem 6% 10rem;
}

.tutor_banner>div {
  flex-grow: 1;
  flex-basis: 0;
}

.tutor_banner .c1 img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.tutor_banner .c3 img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.tutor_banner>.c2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.tutor_banner>.c2>h1 {
  font-family: var(--Obviously-regular);
  font-size: 3.4rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: -0.68px;
  text-align: center;
  color: #000;
  margin-bottom: 2.2rem;
}

@media only screen and (max-width: 1024px) {
  .tutor_banner>.c2>h1 {
    font-size: 2.4rem;
  }
}

.tutor_banner>.c2>h2 {
  font-family: var(--Rethink-Sans);
  font-size: 1.9rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: -0.38px;
  text-align: center;
  color: #000;
  margin-bottom: 2.2rem;
}

@media only screen and (max-width: 1024px) {
  .tutor_banner>.c2>h2 {
    font-size: 1.4rem;
  }
}

.tutor_banner>.c2>a {
  font-family: var(--Obviously-regular);
  font-size: 1.5rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: -0.15px;
  text-align: center;
  color: #ffe93b;
  background-color: #2437a2;
  padding: 1.2rem 2.4rem;
  border-radius: 20px;
}

@media only screen and (max-width: 1024px) {
  .tutor_banner>.c2>a {
    font-size: 1.2rem;
  }
}

.tutor_banner>.c2 .mobile {
  display: none;
}

.tutor_banner .stats {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #2437a2;
  border-radius: 15px;
  padding: 2rem 5rem;
  gap: 5rem;
  width: 65vw;
}

@media only screen and (max-width: 1024px) {
  .tutor_banner .stats {
    width: 85vw;
  }
}

.tutor_banner .stats .block {
  display: flex;
  gap: 1.6rem;
  flex-grow: 1;
  flex-basis: 0;
}

.tutor_banner .stats .block .c1>h1 {
  font-family: var(--Obviously-regular);
  font-size: 2rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: -0.4px;
  text-align: left;
  color: #2437a2;
  background-color: #ffe93b;
  width: 6rem;
  /* Ensure width and height are equal */
  height: 6rem;
  display: flex;
  /* Use flexbox for centering */
  align-items: center;
  /* Center the text vertically */
  justify-content: center;
  border-radius: 50%;
  /* Makes the element circular */
  margin: auto;
}

.tutor_banner .stats .block .c2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.tutor_banner .stats .block .c2 h1 {
  font-family: var(--Obviously-regular);
  font-size: 1.6rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: -0.32px;
  color: #fff;
  margin-bottom: 0.6rem;
}

.tutor_banner .stats .block .c2 p {
  font-family: var(--Rethink-Sans);
  font-size: 1.2rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.08;
  letter-spacing: -0.24px;
  text-align: left;
  color: #fff;
}

.tutor_why {
  display: flex;
  position: relative;
  padding: 15rem 10% 6rem;
  flex-direction: column;
  align-items: center;
}

.tutor_why a {
  margin-top: 3rem;
}

.tutor_why .head>h1 {
  font-family: var(--Obviously-regular);
  font-size: 3.4rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: -0.68px;
  text-align: center;
  color: #000;
  margin-bottom: 6.4rem;
}

@media only screen and (max-width: 1024px) {
  .tutor_why .head>h1 {
    font-size: 2.4rem;
  }
}

.tutor_why .content {
  display: flex;
  gap: 10rem;
}

@media only screen and (max-width: 1024px) {
  .tutor_why .content {
    gap: 4rem;
  }
}

.tutor_why .content .block {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 0;
}

.tutor_why .content .block .c1 {
  display: flex;
  margin-bottom: 1.7rem;
  gap: 1.7rem;
  align-items: center;
}

.tutor_why .content .block .c1 img {
  max-width: 6rem;
  object-fit: contain;
}

.tutor_why .content .block .c1>h1 {
  font-family: var(--Obviously-regular);
  font-size: 1.8rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: -0.36px;
  text-align: left;
  color: #000;
}

.tutor_why .content .block .c2 p {
  font-family: var(--Rethink-Sans);
  font-size: 1.9rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: -0.38px;
  text-align: center;
  color: #000;
}

.tutor_stats {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 5rem 6%;
}

.tutor_stats .container {
  width: 100%;
  border-radius: 35px;
  overflow: hidden;
}

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

.tutor_stats .container .content {
  display: flex;
  width: 100%;
  justify-content: center;
  background-color: #ffe93b;
  padding: 3.3rem 3.3rem 3.3rem 3.3rem;
  gap: 4%;
}

.tutor_stats .container .content .block {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.2rem;
}

.tutor_stats .container .content .block h1 {
  font-family: var(--Obviously-regular);
  font-size: 3.8rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: -0.68px;
  text-align: left;
  color: #2437a2;
}

@media (max-width: 1024px) {
  .tutor_stats .container .content .block h1 {
    font-size: 2.8rem;
  }
}

.tutor_stats .container .content .block p {
  font-family: var(--Obviously-regular);
  font-size: 1.6rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  line-height: 1.21;
  letter-spacing: -0.38px;
  text-align: left;
  color: #2437a2;
}

@media (max-width: 1024px) {
  .tutor_stats .container .content .block p {
    font-size: 1.2rem;
  }
}

.tutor_stats .container .content .line {
  width: 0.4rem;
  height: auto;
  background-color: #2437a2;
}

.tutor_happyCustomers {
  display: flex;
  flex-direction: column;
  padding: 5rem 0%;
}

.tutor_happyCustomers .head h1 {
  font-family: var(--Obviously-regular);
  font-size: 3.4rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: -0.68px;
  text-align: center;
  color: #000;
  margin-bottom: 6.5rem;
}

@media only screen and (max-width: 1024px) {
  .tutor_happyCustomers .head h1 {
    font-size: 2.5rem;
  }
}

.tutor_happyCustomers .head h1 mark {
  background-color: #ffe93b;
  padding: 0 0;
}

.tutor_happyCustomers .content {
  display: flex;
}

.tutor_happyCustomers .content .slick-slide {
  margin: 0 14px;
}

.tutor_happyCustomers .content .block {
  display: flex;
  flex-direction: column;
  background-color: #f2f1f0;
  border-radius: 25px;
  padding: 4.7rem;
}

.tutor_happyCustomers .content .block>p {
  font-family: var(--Rethink-Sans);
  font-size: 1.5rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.3px;
  text-align: left;
  color: #000;
  margin-bottom: 2.6rem;
}

.tutor_happyCustomers .content .block .profile {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: flex-start;
}

.tutor_happyCustomers .content .block .profile .c1 {
  width: 30%;
  display: flex;
  justify-content: center;
}

.tutor_happyCustomers .content .block .profile .c1 img {
  width: 100%;
  height: auto;
  max-width: 6.3rem;
  border-radius: 50%;
}

.tutor_happyCustomers .content .block .profile .c2 {
  width: 70%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.tutor_happyCustomers .content .block .profile .c2 h1 {
  font-family: var(--Obviously-regular);
  font-size: 1.6rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: -0.32px;
  text-align: left;
  color: #000;
  margin-bottom: 0.2rem;
}

.tutor_happyCustomers .content .block .profile .c2 p {
  font-family: var(--Rethink-Sans);
  font-size: 1.6rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: -0.32px;
  text-align: left;
  color: #000;
}

.tutor_community {
  display: flex;
  padding: 5rem 10% 13rem;
  gap: 5rem;
}

.tutor_community .c1 {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tutor_community .c1 img {
  width: 70%;
  height: auto;
  object-fit: contain;
}

.tutor_community .c2 {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.tutor_community .c2 h1 {
  font-family: var(--Obviously-regular);
  font-size: 3.4rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: -0.68px;
  text-align: left;
  color: #000;
  margin-bottom: 1.8rem;
}

.tutor_community .c2 h2 {
  font-family: var(--Rethink-Sans);
  font-size: 1.9rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: -0.38px;
  text-align: left;
  color: #000;
  margin-bottom: 2.6rem;
  max-width: 75%;
}

.tutor_community .c2 a {
  font-family: var(--Obviously-regular);
  font-size: 1.5rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: -0.15px;
  text-align: center;
  color: #ffe93b;
  background-color: #2437a2;
  padding: 1.2rem 2.4rem;
  border-radius: 20px;
}

.tutor_FAQ {
  position: relative;
  display: flex;
  gap: 5rem;
  padding: 5rem 10%;
}

@media only screen and (max-width: 1024px) {
  .tutor_FAQ {
    gap: 3rem;
  }
}

.tutor_FAQ .head {
  width: 30%;
}

.tutor_FAQ .head>h1 {
  font-family: var(--Obviously-regular);
  font-size: 3.4rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: -0.68px;
  text-align: left;
  color: #000;
  margin-bottom: 1rem;
}

.tutor_FAQ .head>p {
  font-family: var(--Rethink-Sans);
  font-size: 1.9rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: -0.38px;
  text-align: left;
  color: #000;
  max-width: 75%;
}

.tutor_FAQ .accordion {
  width: 70%;
}

.tutor_FAQ .accordion .accordion-item {
  border-bottom: 1px solid #000000;
}

.tutor_FAQ .accordion .accordion-item:first-child {
  border-top: 1px solid #000000;
}

.tutor_FAQ .accordion .accordion-item .accordion-header {
  padding: 2.6rem 0;
  cursor: pointer;
  border: none;
  text-align: left;
  font-family: var(--Obviously-regular);
  font-size: 1.6rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: -0.32px;
  text-align: left;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tutor_FAQ .accordion .accordion-item .accordion-header svg {
  margin-right: 1.3rem;
}

.tutor_FAQ .accordion .accordion-item .accordion-content {
  padding-left: 1.5rem;
  max-height: 0;
  overflow: hidden;
  background-color: #fff;
  padding: 0 0 0rem 0;
  color: #333;
  transition: max-height 0.3s ease-out, padding 0.3s ease-out;
  font-family: var(--Rethink-Sans);
  font-size: 1.5rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: -0.3px;
  text-align: left;
  color: #000;
  max-width: 90%;
}

.tutor_FAQ .accordion .accordion-item.open .accordion-content {
  max-height: 200px;
  padding: 0 0 3.6rem 0;
}

.tutor_FAQ .accordion .accordion-item.open .accordion-header svg {
  transition: all 0.3s ease-in-out;
  transform: rotate(180deg);
}

.tutor_popularSubjects {
  display: flex;
  position: relative;
  padding: 5rem 0% 5rem 6%;
  gap: 5rem;
}

.tutor_popularSubjects .head {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30%;
}

.tutor_popularSubjects .head h1 {
  font-family: var(--Obviously-regular);
  font-size: 3rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: -0.68px;
  text-align: left;
  color: #000;
  margin-bottom: 2.7rem;
}

@media only screen and (max-width: 1024px) {
  .tutor_popularSubjects .head h1 {
    font-size: 2.5rem;
  }
}

.tutor_popularSubjects .head p {
  font-family: var(--Rethink-Sans);
  font-size: 1.9rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: -0.38px;
  text-align: left;
  color: #000;
  margin-bottom: 3.3rem;
  max-width: 75%;
}

@media only screen and (max-width: 1024px) {
  .tutor_popularSubjects .head p {
    font-size: 1.6rem;
  }
}

.tutor_popularSubjects .head a {
  font-family: var(--Obviously-regular);
  font-size: 1.5rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: -0.15px;
  text-align: center;
  color: #fff;
  background-color: #2437a2;
  padding: 1.2rem 2.4rem;
  border-radius: 20px;
}

@media only screen and (max-width: 1024px) {
  .tutor_popularSubjects .head a {
    font-size: 1.3rem;
  }
}

.tutor_popularSubjects .content {
  position: relative;
  width: 70%;
  display: flex;
}

.tutor_popularSubjects .content .slick-list {
  padding: 0 10% 0 0 !important;
}

.tutor_popularSubjects .content .slick-track {
  display: flex !important;
  align-items: stretch;
}

.tutor_popularSubjects .content .slick-slide {
  height: auto;
  margin-right: 2rem;
  display: flex !important;
  align-items: stretch;
  justify-content: center;
}

.tutor_popularSubjects .content .slide {
  height: 100%;
}

.tutor_popularSubjects .content .block {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #f2f1f0;
  border-radius: 20px;
  padding: 5rem 2.3rem 4rem;
  height: 100%;
}

.tutor_popularSubjects .content .block img {
  margin-bottom: 2.3rem;
}

.tutor_popularSubjects .content .block h1 {
  font-family: var(--Obviously-regular);
  font-size: 2rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: -0.4px;
  text-align: center;
  color: #000;
  margin-bottom: 0.7rem;
}

.tutor_popularSubjects .content .block p {
  font-family: var(--Rethink-Sans);
  font-size: 1.9rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: -0.38px;
  text-align: center;
  color: #000;
}

.tutor_checkList {
  display: flex;
  position: relative;
  padding: 5rem 6%;
  gap: 6rem;
  align-items: center;
}

@media only screen and (max-width: 1024px) {
  .tutor_checkList {
    gap: 3rem;
  }
}

.tutor_checkList .c1 {
  position: relative;
  width: 60%;
}

@media only screen and (max-width: 1024px) {
  .tutor_checkList .c1 {
    width: 50%;
  }
}

.tutor_checkList .c1 img {
  width: 100%;
  border-radius: .4rem;
}

.tutor_checkList .c1 h1 {
  font-family: var(--Obviously-regular);
  font-size: 3.4rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: -0.68px;
  text-align: center;
  color: #000;
}

.tutor_checkList .c1 p {
  font-family: var(--Rethink-Sans);
  font-size: 1.9rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: -0.38px;
  text-align: center;
  color: #000;
  margin-bottom: 2.2rem;
}


.tutor_checkList .c2 {
  position: relative;
  width: 40%;
  display: flex;
  flex-direction: column;
  gap: 2.6rem;
}

.tutor_checkList .c2 a {
  margin-top: 2rem;
  align-self: center;
}


@media only screen and (max-width: 1024px) {
  .tutor_checkList .c2 {
    width: 50%;
  }
}

.tutor_checkList .c2 svg {
  max-width: 2.5rem;
  width: 100%;
  align-self: flex-start;
  margin-top: 1%
}

.tutor_checkList .c2 .block {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
}

.tutor_checkList .c2 .block .text h1 {
  font-family: var(--Obviously-regular);
  font-size: 2rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: -0.4px;
  text-align: left;
  color: #000;
  margin-bottom: 1.3rem;
}

.tutor_checkList .c2 .block .text p {
  font-family: var(--Rethink-Sans);
  font-size: 1.9rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: -0.38px;
  text-align: left;
  color: #414141;
}

.blog_banner {
  display: flex;
  position: relative;
  padding: 5rem 6% 5rem;
  gap: 5rem;
}

.blog_banner .c1 {
  width: 40%;
}

.blog_banner .c1 h1 {
  font-family: var(--Obviously-regular);
  font-size: 3.5rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: -0.68px;
  text-align: left;
  color: #000;
}

.blog_banner .c2 {
  width: 60%;
}

.blog_banner .c2 img {
  width: 100%;
  height: auto;
}

.blog_list {
  position: relative;
  padding: 5rem 10% 12rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 5rem;
  row-gap: 7rem;
}

@media only screen and (max-width: 1024px) {
  .blog_list {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 3rem;
    row-gap: 5rem;
  }
}

.blog_list .block {
  display: flex;
  flex-direction: column;
}

.blog_list .block img {
  width: 100%;
  height: auto;
  margin-bottom: 2.1rem;
  border-radius: 3.5rem;
  aspect-ratio: 16 / 9;
  object-fit: contain;
}

.blog_list .block h1 {
  font-family: var(--Obviously-regular);
  font-size: 2rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: -0.4px;
  text-align: left;
  color: #000;
}

.blog_single {
  position: relative;
  display: flex;
  flex-direction: column;
}

.blog_single .head {
  position: relative;
  margin-bottom: 4.7rem;
  display: flex;
  justify-content: center;
}

.blog_single .head .blog_single_banner_image {
  width: auto;
  height: auto;
  height: 45rem;
  object-fit: contain;
}

.blog_single .content {
  display: flex;
  flex-direction: column;
  padding: 0 6% 3rem;
  width: 70%
}

.blog_single .content h2 {
  font-family: var(--Obviously-regular);
  font-size: 3.2rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: -0.68px;
  text-align: left;
  color: #000;
  margin-bottom: 2.3rem;
}

.blog_single .content p {
  font-family: var(--Rethink-Sans);
  font-size: 1.6rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.93;
  letter-spacing: -0.3px;
  text-align: left;
  color: #000;
}

.blog_single .content a {
  font-family: var(--Rethink-Sans);
  font-size: 1.5rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.93;
  letter-spacing: -0.3px;
  text-align: left;
  color: #000;
  text-decoration: underline
}

.blog_moreBlogs {
  position: relative;
  padding: 3rem 6% 7rem;
}

.blog_moreBlogs .head {
  position: relative;
}

.blog_moreBlogs .head h1 {
  font-family: var(--Obviously-regular);
  font-size: 3.4rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: -0.68px;
  text-align: left;
  color: #000;
  margin-bottom: 4.1rem;
}

.blog_moreBlogs .content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 5rem;
  row-gap: 7rem;
}

@media only screen and (max-width: 1024px) {
  .blog_moreBlogs .content {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 3rem;
    row-gap: 5rem;

  }
}

@media only screen and (max-width: 768px) {

  .blog_single {
    padding-top: 5rem;
  }

  .blog_single .content {
    width: 100%;

  }
}




.blog_moreBlogs .content .block {
  display: flex;
  flex-direction: column;
}

.blog_moreBlogs .content .block img {
  width: 100%;
  height: auto;
  margin-bottom: 2.1rem;
  border-radius: 3.5rem;
  aspect-ratio: 16 / 9;
  object-fit: contain;
}

.blog_moreBlogs .content .block h1 {
  font-family: var(--Obviously-regular);
  font-size: 2rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: -0.4px;
  text-align: left;
  color: #000;
}




/* Styles for all single blog post pages */
.single-blog h1,
.single-blog h2,
.single-blog h3,
.single-blog h4,
.single-blog h5,
.single-blog h6 {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
  font-family: var(--Obviously-regular);

}

.single-blog p {
  margin-bottom: 1.6rem;
  font-family: var(--Rethink-Sans);
}

.single-blog li {
  margin-bottom: 0.8rem;
  font-family: var(--Rethink-Sans);
  font-size: 1.6rem;
}

.single-blog h3 {
  font-size: 1.6rem;
  font-weight: 400;
}

.wp-block-table .has-fixed-layout td,
.wp-block-table .has-fixed-layout th {
  font-size: 1.6rem;
  font-family: var(--Rethink-Sans);
}


@media only screen and (max-width: 768px) {

  .single-blog p {
    margin-bottom: 1.4rem;
    font-family: var(--Rethink-Sans);
  }

  .single-blog li {
    margin-bottom: 0.8rem;
    font-family: var(--Rethink-Sans);
    font-size: 1.4rem;
  }

  .single-blog h3 {
    font-size: 1.4rem;
    font-weight: 400;
  }

  .wp-block-table .has-fixed-layout td,
  .wp-block-table .has-fixed-layout th {
    font-size: 1.4rem;
    font-family: var(--Rethink-Sans);
  }

}





.home_ignite {
  display: flex;
  flex-direction: row-reverse;
  gap: 7rem;
  padding: 5rem 10%;
  background-color: #2437a2;
}

.home_ignite .c1 {
  display: flex;
  width: 60%;
}

.home_ignite .c1 img {
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: .4rem;
}

.home_ignite .c2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 40%;
}

.home_ignite .c2 h1 {
  font-family: var(--Obviously-regular);
  font-size: 3.4rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.68px;
  text-align: left;
  color: #000;
  margin-bottom: 1.8rem;
  margin-bottom: 3.1rem;
  color: #FFFFFF;
}

.home_ignite .c2 h1 mark {
  background-color: #ffe93b;
  padding: 0 0;
}

.home_ignite .c2 p {
  font-family: var(--Rethink-Sans);
  font-size: 1.9rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: -0.38px;
  text-align: left;
  color: #000;
  margin-bottom: 2.6rem;
  color: #FFFFFF;
}

.home_ignite .c2 a {
  color: #2437a2;
  background-color: #ffe93b;
  border: 1px solid #ffe93b;
}



.read-more-text {
  display: none;
}

.read-more-btn {
  color: #FFED61;
  cursor: pointer;
  /* text-decoration: underline; */
  font-weight: 500;
  /* margin-left: 5px; */
}




/* !new blocks  */


.home_explore {
  display: flex;
  flex-direction: column;
  padding: 9rem 6%;
  background-color: #F2F1F0;

}

.home_explore h1 {
  font-family: var(--Obviously-regular);
  font-size: 3.4rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: -0.68px;
  text-align: center;
  color: #000;
  margin-bottom: 2rem;
}

.home_explore p {
  font-family: var(--Rethink-Sans);
  font-size: 2.3rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: -0.23px;
  text-align: left;
  color: #000;
  text-align: center;
  max-width: 55%;
  align-self: center;
  margin-bottom: 2rem;
}


.home_explore a {
  align-self: center;
  font-size: 1.5rem;
}


.home_moreStudents {
  display: flex;

  padding: 9rem 6%;

}

.home_moreStudents .c1 {
  width: 40%;
}

.home_moreStudents .c1 video {
  width: 100%;
  height: auto;
  object-fit: contain;
}



.home_moreStudents .c2 {
  width: 60%;
  background-color: #F2F1F0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 9rem 6%;
}


.home_moreStudents .c2 h1 {
  font-family: var(--Obviously-regular);
  font-size: 3.4rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: -0.68px;
  text-align: left;
  color: #000;
  margin-bottom: 4.2rem;
}

.home_moreStudents .c2 p {
  font-family: var(--Rethink-Sans);
  font-size: 1.9rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: -0.38px;
  text-align: left;
  margin-bottom: 3.2rem;
}

.home_moreStudents .c2 input {
  font-family: var(--Obviously-regular);
  font-size: 1.5rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: -0.68px;
  text-align: left;
  color: #000;
  size: auto;
  padding: 1.2rem 2.4rem;
  border: none;
  border-radius: 2rem   2rem;
  width: 35rem;
}

@media only screen and (max-width: 1024px) {
  .home_moreStudents .c2 input {
/*     width: 15rem; */
  }
}



.home_moreStudents .c2 button {
  font-family: var(--Obviously-regular);
  font-size: 1.5rem;
  border-radius:  2rem 2rem ;
  outline: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
	margin-top : .7rem;
	align-self: flex-start;
}

.home_moreStudents .c2 button:hover {
  opacity: 0.7;
}

.home_moreStudents .c2 .email {
  position: relative;
	width: 100%
}

.home_moreStudents .c2 .email form {

  display: flex;
	flex-direction: column;
	gap: .7rem;
}



.home_moreStudents .c2 .wpcf7-response-output {
  position: absolute;
  top: 89%;

  left: 0;
  width: 100%;
  z-index: 10;
  padding: 0px;
  border: none;
  box-sizing: border-box;
}


.home_moreStudents .c2 .wpcf7-not-valid-tip {
  color: #dc3232;
  font-size: 1em;
  font-weight: normal;
  display: block;
  position: absolute;
  bottom: -28%;
  left: 2%;
  display: none;
}






/* ======== */

.tutor_moreStudents {
  display: flex;

  padding: 9rem 6%;

}

.tutor_moreStudents .c1 {
  width: 40%;
}

.tutor_moreStudents .c1 video {
  width: 100%;
  height: auto;
  object-fit: contain;
}



.tutor_moreStudents .c2 {
  width: 60%;
  background-color: #F2F1F0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 9rem 6%;
}


.tutor_moreStudents .c2 h1 {
  font-family: var(--Obviously-regular);
  font-size: 3.4rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: -0.68px;
  text-align: left;
  color: #000;
  margin-bottom: 4.2rem;
}

.tutor_moreStudents .c2 p {
  font-family: var(--Rethink-Sans);
  font-size: 1.9rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: -0.38px;
  text-align: left;
  margin-bottom: 3.2rem;
}

.tutor_moreStudents .c2 input {
  font-family: var(--Obviously-regular);
  font-size: 1.5rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: -0.68px;
  text-align: left;
  color: #000;

  padding: 1.2rem 2.4rem;
  border: none;
  border-radius: 2rem  2rem;
  width: 35rem;
}


@media only screen and (max-width: 1024px) {
  .tutor_moreStudents .c2 input {
/*     width: 15rem; */
  }
}

.tutor_moreStudents .c2 button {
  font-family: var(--Obviously-regular);
  font-size: 1.5rem;
  border-radius:  2rem 2rem ;
  outline: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
	
    align-self: flex-start;
	margin-top: .7rem;
}

.tutor_moreStudents .c2 button:hover {
  opacity: 0.7;
}

.tutor_moreStudents .c2 .email {
  position: relative;
	width: 100%
}

.tutor_moreStudents .c2 .email form {

  display: flex;

	flex-direction: column;
	gap: .7rem;
}




.tutor_moreStudents .c2 .wpcf7-response-output {
  position: absolute;
  top: 89%;

  left: 0;
  width: 100%;
  z-index: 10;
  padding: 0px;
  border: none;
  box-sizing: border-box;
}


.tutor_moreStudents .c2 .wpcf7-not-valid-tip {
  color: #dc3232;
  font-size: 1em;
  font-weight: normal;
  display: block;
  position: absolute;
  bottom: -28%;
  left: 2%;
  display: none;
}







/* !popup  */

.earlyAccessPopup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 70rem;
  background-color: #F2F1F0;
  padding: 6.5rem 7rem;
  z-index: 1000;
  display: none;
  flex-direction: column;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}

.earlyAccessPopup.active {
  display: flex;

}



.earlyAccessPopup .close {

  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  cursor: pointer;
  width: 3.4rem;
  height: 3.4rem;
  transition: all 0.3s ease-in-out;
}

.earlyAccessPopup .close:hover {
  opacity: 0.7;
}


.earlyAccessPopup .close svg {
  width: 100%;
  height: 100%;

}


.earlyAccessPopup .head h1 {
  font-family: var(--Obviously-regular);
  font-size: 3.4rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: -0.68px;
  text-align: left;
  color: #000000;
  margin-bottom: 2.6rem;
}

.earlyAccessPopup p {
  font-family: var(--Obviously-regular);
  font-size: 2rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: -0.68px;
  text-align: left;
  color: #000000;
  margin-bottom: 1.9rem;
}


.earlyAccessPopup .select {
  display: flex;
  gap: 3rem;
  margin-bottom: 1.7rem;
}

.earlyAccessPopup .select input[type="radio"] {

  /* background: none; */
  border: none;
  outline: none;
}

.earlyAccessPopup label {
  font-family: var(--Obviously-regular);
  font-size: 1.5rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: -0.68px;
  text-align: left;
  display: flex;
  justify-content: center;
  gap: 1rem;
  align-items: center;
  color: #000000;
}


.earlyAccessPopup .email {

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 70%;
  gap: 3rem;

}

.earlyAccessPopup .email input {
  width: 100%;
}


.earlyAccessPopup input {
  font-family: var(--Obviously-regular);
  font-size: 1.5rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: -0.68px;
  text-align: left;
  color: #000;
  /* width: 100%; */
  padding: 1.2rem 2.4rem;
  border: none;
  border-radius: 2rem;
}

.earlyAccessPopup button {
  width: 100%;
  font-family: var(--Obviously-regular);
  font-size: 1.5rem;
  /* border-radius: 0 2rem 2rem 0; */
  outline: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.earlyAccessPopup button:hover {
  opacity: 0.7;
}


/* !cf7  */

.wpcf7-response-output {
  border: none !important;
  text-align: center;
}






/* !about page  */



.aboutUs_banner {
  display: flex;
  padding: 5rem 10%;
  gap: 5rem;
  background-color: #F2F1F0;
}


.aboutUs_banner .c1 {
  width: 32%;
  display: flex;
  align-items: center;
}

.aboutUs_banner .c1 h1 {
  font-family: var(--Obviously-regular);
  font-size: 3rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: -0.6px;
  text-align: left;
  color: #000;
}

.aboutUs_banner .c2 {
  width: 68%;
}

.aboutUs_banner .c2 img{
  width: 100%;
  height: auto;
  object-fit: contain;
}