/**
 * iStudy — ContentBox basetype (global layout, theme utilities, components).
 * Loaded via @import from type-istudy.css (single typography link per section).
 */

@import url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("/theme/istudy/css/bootstrap.min.css");

:root {
  --bd-ff-body: "Roboto", sans-serif;
  --bd-ff-title: "Roboto", sans-serif;
  --bd-ff-style: "Big Shoulders Display", sans-serif;
  --bd-ff-p: "Roboto", sans-serif;
  --ff-fontawesome: "Font Awesome 6 Pro";
  --ff-icomoon: "icomoon";
  --bd-white: #FFFFFF;
  --bd-black: #000000;
  --bd-light: #C8C8C8;
  --bd-theme-black: #00170F;
  --bd-placeholder: rgba(30, 30, 30, 0.4);
  --bd-body-primary: #FFFFFF;
  --bd-primary: #07A169;
  --bd-secondary: #FFB800;
  --bd-success: #00db22;
  --bd-info: #0dcaf0;
  --bd-warning: #ffc107;
  --bd-danger: #FF0033;
  --bd-danger-bg: #EB001B;
  --bd-teal: #20c997;
  --bd-body-text: #808080;
  --bd-taxonomy-color: #4d4d4d;
  --bd-label-color: #0A0A0A;
  --bd-rating-color: #FEC300;
  --bd-text-muted: #6c757d;
  --bd-gray: #C5C6C7;
  --bd-light-gray: #D5D5D5;
  --bd-bg-primary: #F5F5F5;
  --bd-bg-secondary: #EDF3F5;
  --bd-border-primary: #E5E5E5;
  --bd-border-secondary: rgba(220, 220, 220, 1);
  --bd-gradient-1: linear-gradient(90deg, #F5F5F5 52.13%, rgba(245, 245, 245, 0.7) 100%);
  --primary-rgb: 7, 161, 105;
  --primary-rgb-0: rgba(var(--primary-rgb), 0.0);
  --primary-rgb-05: rgba(var(--primary-rgb), 0.05);
  --primary-rgb-1: rgba(var(--primary-rgb), 0.1);
  --primary-rgb-15: rgba(var(--primary-rgb), 0.15);
  --primary-rgb-5: rgba(var(--primary-rgb), 0.5);
  --primary-rgb-7: rgba(var(--primary-rgb), 0.7);
  --secondary-rgb: 251, 140, 0;
  --secondary-rgb-0: rgba(var(--secondary-rgb), 0.0);
  --secondary-rgb-1: rgba(var(--secondary-rgb), 0.1);
  --secondary-rgb-05: rgba(var(--secondary-rgb), 0.05);
  --secondary-rgb-15: rgba(var(--secondary-rgb), 0.15);
  --secondary-rgb-3: rgba(var(--secondary-rgb), 0.3);
  --secondary-rgb-5: rgba(var(--secondary-rgb), 0.5);
  --secondary-rgb-7: rgba(var(--secondary-rgb), 0.7);
  --bd-extra-color01: #4C6EF5;
  --bd-extra-color02: #FF8C00;
  --bd-extra-color03: #9F7AEA;
  --bd-extra-color04: #D946EF;
  --bd-extra-color05: #38BDF8;
  --bd-extra-color06: #EC4899;
  --bd-extra-color07: #22C55E;
  --bd-extra-color08: #3B82F6;
  --bd-fw-normal: normal;
  --bd-fw-thin: 100;
  --bd-fw-elight: 200;
  --bd-fw-light: 300;
  --bd-fw-regular: 400;
  --bd-fw-medium: 500;
  --bd-fw-sbold: 600;
  --bd-fw-bold: 700;
  --bd-fw-ebold: 800;
  --bd-fw-black: 900;
  --bd-fs-body: 16px;
  --bd-fs-p: 16px;
  --bd-fs-h1: 68px;
  --bd-fs-h2: 48px;
  --bd-fs-h3: 38px;
  --bd-fs-h4: 28px;
  --bd-fs-h5: 22px;
  --bd-fs-h6: 20px;
  --bd-fs-b1: 14px;
  --bd-fs-b2: 16px;
  --bd-fs-b3: 18px;
  --bd-fs-b4: 22px;
  --transition: all .3s ease-in-out;
  --transition-5: all .5s ease-in-out;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 2.4rem;
}

.container {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1350px;
}

@media only screen and (min-width: 1700px) and (max-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .container {
    max-width: 1320px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .container {
    max-width: 960px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .container {
    max-width: 720px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .container {
    max-width: 540px;
  }
}
@media (max-width: 575px) {
  .container {
    max-width: 100%;
  }
}

.row {
  --bs-gutter-x: 3rem;
}

@font-face {
  font-family: "icomoon";
  src: url("/theme/istudy/fonts/icomoon0486.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

i[class^="icon-"] {
  line-height: 1;
  position: relative;
}

.icon-online-class::before {
  content: "\e93e";
}
.icon-expert-trainers::before {
  content: "\e93d";
}
.icon-career-growth::before {
  content: "\e93c";
}

.p-relative {
  position: relative;
}

.mb-20 {
  margin-bottom: 20px;
}

.section-space {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-space {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-space {
    padding-top: 65px;
    padding-bottom: 65px;
  }
}

.bd-noise-bg {
  position: relative;
  z-index: 5;
}

.bd-noise-bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("/theme/istudy/images/bg/theme-1-bg.webp");
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.theme-bg {
  background-color: var(--bd-primary);
}

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

.text-secondary {
  color: var(--bd-secondary) !important;
}

.bd-btn {
  font-size: 16px;
  text-transform: capitalize;
  color: var(--bd-white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
  height: 50px;
  transition: all 0.3s linear;
  border-radius: 6px;
  white-space: nowrap;
}

.bd-btn.btn-very-small {
  padding: 0 20px;
  height: 36px;
  font-size: 14px;
}
.bd-btn.btn-small {
  padding: 0 26px;
  height: 40px;
}
.bd-btn.btn-medium {
  padding: 0 30px;
  height: 56px;
}
.bd-btn.btn-large {
  padding: 0 34px;
  height: 60px;
  font-size: 20px;
}
.bd-btn.btn-extra-large {
  padding: 0 46px;
  height: 76px;
  font-size: 24px;
}
.bd-btn .left-icon {
  margin-right: 10px;
}
.bd-btn .right-icon {
  margin-left: 10px;
}
.bd-btn .thumb {
  margin-right: 10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}

.btn-secondary-white {
  background-color: var(--bd-secondary);
}

.btn-secondary-white:hover {
  color: var(--bd-theme-black);
  background-color: var(--bd-white);
}

.bd-section-title {
  font-weight: var(--bd-fw-sbold);
  font-family: var(--bd-ff-title);
}

.bd-section-subtitle {
  color: var(--bd-primary);
  font-size: 16px;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.bd-section-subtitle.secondary {
  color: var(--bd-secondary);
}

.down-mark-line {
  position: relative;
  z-index: 2;
  display: inline-block;
}

.down-mark-line::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -2px;
  width: 100%;
  z-index: -1;
  height: 100%;
  background: url("/theme/istudy/images/shape/down-mark-line.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  animation: section-animation 3s infinite;
}

@keyframes section-animation {
  0% {
    width: 0;
  }
  15% {
    width: 100%;
  }
  85% {
    opacity: 1;
  }
  90% {
    width: 100%;
    opacity: 0;
  }
  to {
    width: 0;
    opacity: 0;
  }
}

@keyframes right-2-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-20px);
  }
}

@keyframes upDown {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-15px);
  }
}

/* === Footer Wave Animation === */
@keyframes wave {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.bd-about-area h2.bd-section-title {
  font-size: var(--bd-fs-h2);
  font-weight: var(--bd-fw-bold);
  line-height: 1.25;
  margin-top: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-about-area h2.bd-section-title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-about-area h2.bd-section-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-about-area h2.bd-section-title {
    font-size: 36px;
  }
}
@media (max-width: 575px) {
  .bd-about-area h2.bd-section-title {
    font-size: 32px;
  }
}
@media (max-width: 450px) {
  .bd-about-area h2.bd-section-title {
    font-size: 26px;
  }
}

.bd-about-wrapper.style-one .bd-about-thumb {
  position: relative;
}
.bd-about-wrapper.style-one .bd-about-thumb::before {
  position: absolute;
  content: "";
  height: 232px;
  width: 140px;
  background-color: var(--bd-secondary);
  left: -38px;
  bottom: -35px;
  border-bottom-left-radius: 6px;
  z-index: -1;
}
@media (max-width: 575px) {
  .bd-about-wrapper.style-one .bd-about-thumb::before {
    display: none;
  }
}
.bd-about-wrapper.style-one .bd-about-thumb-inner {
  position: relative;
  margin: 30px 100px 100px 30px;
}
@media (max-width: 575px) {
  .bd-about-wrapper.style-one .bd-about-thumb-inner {
    margin: 0;
  }
}
.bd-about-wrapper.style-one .bd-about-thumb-wrapper {
  position: relative;
  z-index: 5;
}
.bd-about-wrapper.style-one .bd-about-thumb-small {
  position: absolute;
  right: -100px;
  bottom: -100px;
  z-index: 5;
  max-width: 300px;
}
@media (max-width: 575px) {
  .bd-about-wrapper.style-one .bd-about-thumb-small {
    position: inherit;
    right: 0;
    bottom: 0;
    z-index: 5;
    max-width: 100%;
    margin-top: 30px;
  }
}
.bd-about-wrapper.style-one .bd-about-thumb-small::before {
  position: absolute;
  content: "";
  width: 310px;
  height: 310px;
  border-radius: 12px;
  left: -10px;
  top: -10px;
  background-color: var(--bd-white);
  z-index: -1;
}
@media (max-width: 575px) {
  .bd-about-wrapper.style-one .bd-about-thumb-small::before {
    display: none;
  }
}
.bd-about-wrapper.style-one .bd-about-thumb-small img {
  border-radius: 12px;
}
.bd-about-wrapper.style-one .bd-about-thumb img {
  border-radius: 6px;
}
.bd-about-wrapper.style-one .bd-about-thumb-shape {
  position: absolute;
  top: -15px;
  z-index: 1;
  left: -30px;
  animation: upDown 1.8s ease-in-out 1.8s forwards infinite alternate;
}
.bd-about-wrapper.style-one .bd-about-content-wrapper {
  margin-left: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-about-wrapper.style-one .bd-about-content-wrapper {
    margin-left: 0;
  }
}
.bd-about-wrapper.style-one .bd-about-content-wrapper .bd-about-feature-title {
  margin-bottom: 3px;
  color: var(--bd-white);
}
.bd-about-wrapper.style-one .bd-about-content-wrapper .bd-about-feature-desc {
  color: rgba(255, 255, 255, 0.7);
}
.bd-about-wrapper.style-one .bd-about-content-wrapper .bd-about-feature-list {
  margin: 35px 0 40px;
}
.bd-about-wrapper.style-one .bd-about-content-wrapper .bd-about-feature-icon span {
  width: 50px;
  height: 50px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  transition: 0.5s;
}
.bd-about-wrapper.style-one .bd-about-content-wrapper .bd-about-feature-icon span i {
  font-size: 27px;
  color: var(--bd-white);
  transition: 0.5s;
}
.bd-about-wrapper.style-one .bd-about-content-wrapper .bd-about-feature-item {
  display: flex;
  gap: 20px;
}
.bd-about-wrapper.style-one .bd-about-content-wrapper .bd-about-feature-item:not(:last-child) {
  margin-bottom: 30px;
}
.bd-about-wrapper.style-one .bd-about-content-wrapper .bd-about-feature-item:hover .bd-about-feature-icon span {
  background-color: var(--bd-white);
  border-color: var(--bd-white);
}
.bd-about-wrapper.style-one .bd-about-content-wrapper .bd-about-feature-item:hover .bd-about-feature-icon span i {
  color: var(--bd-primary);
}
.bd-about-wrapper.style-one .bd-section-paragraph {
  color: rgba(255, 255, 255, 0.7);
}
.bd-about-wrapper.style-one .bd-section-paragraph.has-border-sec {
  position: relative;
  padding-left: 17px;
}
.bd-about-wrapper.style-one .bd-section-paragraph.has-border-sec::before {
  background-color: var(--bd-secondary);
  content: "";
  height: calc(100% - 10px);
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  z-index: 1;
}

.bd-about-feature-list ul li {
  list-style: none;
  display: flex;
  gap: 15px;
}
.bd-about-feature-list ul li:not(:last-child) {
  margin-bottom: 20px;
}
.bd-about-feature-list ul li i {
  width: 25px;
  height: 25px;
  min-width: 25px;
  background-color: rgba(7, 161, 105, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--bd-primary);
  font-size: 13px;
  border-radius: 50%;
}

.bd-about-shape-wrap .shape-1 {
  position: absolute;
  left: 0;
  top: 0;
}
.bd-about-shape-wrap .shape-2 {
  position: absolute;
  left: 85px;
  bottom: 90px;
  animation: upDown 1.8s ease-in-out 1.8s forwards infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-about-shape-wrap .shape-2 {
    display: none;
  }
}
.bd-about-shape-wrap .shape-3 {
  position: absolute;
  right: 82px;
  top: 85px;
  animation: right-2-left 1.8s ease-in-out 1.8s forwards infinite alternate;
}
.bd-about-shape-wrap .shape-4 {
  position: absolute;
  right: 90px;
  bottom: -150px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-about-shape-wrap .shape-4 {
    display: none;
  }
}

/* --- iStudy snippet: About Kindergarten (style-four) + utilities --- */
.theme-bg-05 {
  background-color: var(--primary-rgb-05);
}

.g-30,
.gx-30 {
  --bs-gutter-x: 30px;
}

.g-30,
.gy-30 {
  --bs-gutter-y: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

@keyframes treeMove {
  0%, 100% {
    transform: rotate(0deg) translateX(0);
  }
  25%, 75% {
    transform: rotate(5deg) translateX(15px);
  }
  50% {
    transform: rotate(10deg) translateX(30px);
  }
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(7, 161, 105, 0.5);
  }
  70% {
    box-shadow: 0 0 0 45px rgba(7, 161, 105, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(7, 161, 105, 0);
  }
}

@keyframes pulse-secondary {
  0% {
    box-shadow: 0 0 0 0 rgba(251, 140, 0, 0.5);
  }
  70% {
    box-shadow: 0 0 0 45px rgba(251, 140, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(251, 140, 0, 0);
  }
}

@keyframes white-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  }
  70% {
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

.section-title-space {
  margin-bottom: 50px;
}
@media (max-width: 575px) {
  .section-title-space {
    margin-bottom: 40px;
  }
}

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

.gap-30 {
  gap: 30px;
}

.shape-move .shape-1,
.shape-move .shape-2,
.shape-move .shape-3,
.shape-move .shape-4,
.shape-move .shape-5,
.shape-move .shape-6 {
  will-change: transform;
  transition: transform 0.1s ease-out;
}

.btn-primary {
  background-color: var(--bd-primary);
}
.btn-primary:hover {
  color: var(--bd-white);
  background-color: var(--bd-secondary);
}

.bd-about-wrapper.style-four .bd-about-shape-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
}

.bd-about-wrapper.style-four .bd-about-thumb-inner {
  position: relative;
  margin: 0 0px 90px 70px;
}
.bd-about-wrapper.style-four .bd-about-thumb.has-radius img {
  border-radius: 50%;
}
.bd-about-wrapper.style-four .bd-about-thumb.has-radius.has-small {
  position: absolute;
  border-radius: 50%;
  bottom: -100px;
  left: -30px;
  border: 15px solid var(--bd-white);
  max-width: 270px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-about-wrapper.style-four .bd-about-thumb.has-radius.has-small {
    bottom: -120px;
  }
}
.bd-about-wrapper.style-four .bd-about-shape {
  position: absolute;
}
.bd-about-wrapper.style-four .bd-about-shape.has-shape-one {
  left: -70px;
  top: 0;
  animation: treeMove 4s linear 0s infinite;
}
.bd-about-wrapper.style-four .bd-about-shape.has-shape-two {
  z-index: -1;
  bottom: -50px;
  left: -40px;
  max-width: 630px;
}
.bd-about-wrapper.style-four .bd-about-shape.has-shape-three {
  right: 50px;
  bottom: 10px;
  z-index: 1;
  width: 150px;
}
.bd-about-wrapper.style-four .bd-about-shape.shape-move {
  will-change: transform;
  transition: transform 0.1s ease-out;
}
.bd-about-wrapper.style-four .bd-about-content-wrapper {
  margin-left: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-about-wrapper.style-four .bd-about-content-wrapper {
    margin-left: 0;
  }
}

.bd-promotion-counter-wrapper {
  background-color: var(--bd-primary);
  display: flex;
  gap: 30px;
  padding: 16px 30px;
  border-radius: 12px;
  justify-content: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-promotion-counter-wrapper {
    justify-content: space-between;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-promotion-counter-wrapper {
    padding: 16px 10px;
  }
}
@media (max-width: 575px) {
  .bd-promotion-counter-wrapper {
    padding: 16px 16px;
    justify-content: space-between;
  }
}

.bd-promotion-counter {
  display: flex;
  align-items: center;
  gap: 15px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .bd-promotion-counter {
    flex-direction: column;
    gap: 0;
    padding-inline-end: 18px;
  }
}

.bd-promotion-counter:not(:last-child)::before {
  position: absolute;
  content: "";
  background: var(--bd-white);
  width: 2px;
  height: 36px;
  inset-inline-end: -15px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.2;
}

.bd-promotion-counter-number p {
  font-size: 45px;
  line-height: 61px;
  font-weight: 600;
  margin-bottom: 0;
  color: var(--bd-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-promotion-counter-number p {
    font-size: 35px;
    line-height: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-promotion-counter-number p {
    font-size: 32px;
    line-height: 42px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-promotion-counter-text {
    text-align: center;
  }
}
.bd-promotion-counter-text span {
  font-size: 16px;
  line-height: 1;
  color: var(--bd-white);
  display: block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-promotion-counter-text span {
    min-width: auto;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-promotion-counter-text span {
    text-align: center;
    min-width: auto;
  }
}
.bd-promotion-counter-text span span {
  min-width: 28px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-promotion-counter-text span span {
    min-width: auto;
  }
}

.bd-video-btn {
  display: flex;
  align-items: center;
  gap: 0 16px;
  font-size: 16px;
  font-weight: 600;
  transition: var(--transition);
  color: var(--bd-primary);
}
.bd-video-btn .icon {
  width: 50px;
  height: 50px;
  min-width: 50px;
  display: inline-flex;
  border: 2px solid var(--bd-primary);
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: var(--bd-primary);
  animation: pulse 2s linear infinite;
}
.bd-video-btn .icon i {
  transform: translateX(2px);
}
.bd-video-btn:hover {
  color: var(--bd-secondary);
}
.bd-video-btn:hover .icon {
  animation: pulse-secondary 2s linear infinite;
  color: var(--bd-secondary);
  border-color: var(--bd-secondary);
}

/* ContentBox row/column + Bootstrap col-* on snippets: inline width from editor should drive layout */
.is-container .row > .column[class*="col-"] {
  flex: 0 1 auto;
  min-width: 0;
  box-sizing: border-box;
}

/* Promotion counters: inner ContentBox row fills the green bar (wrapper is flex) */
.bd-promotion-counter-wrapper > .row {
  width: 100%;
  flex: 1 1 100%;
}

/* style-four About — parity with public/TemplatesFront/istudy/assets/css/main.css */
.bd-about-wrapper.style-four .bd-about-thumb-wrapper {
  position: relative;
}
.bd-about-wrapper.style-four .bd-about-shape-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bd-about-wrapper.style-four .bd-about-feature-list-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 30px;
}
.bd-about-wrapper.style-four .bd-about-feature-name {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 10px;
}
.bd-about-wrapper.style-four .bd-about-feature-icon span {
  width: 20px;
  height: 20px;
  background-color: var(--bd-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--bd-white);
  font-size: 10px;
  border-radius: 50%;
}
.bd-about-wrapper.style-four .bd-about-author {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
  padding: 0px 30px 0 0px;
  border-right: 1px solid var(--bd-border-primary);
}
.bd-about-wrapper.style-four .bd-about-author-title-thumb {
  margin-bottom: 5px;
}
.bd-about-wrapper.style-four .bd-about-author-info-wrapper {
  display: flex;
  gap: 30px;
  align-items: center;
  margin: 30px 0 35px 0;
}
.bd-about-wrapper.style-four .bd-about-author-designation {
  color: var(--bd-taxonomy-color);
}
.bd-about-wrapper.style-four .bd-about-author-thumb img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
.bd-about-wrapper.style-four .bd-about-contact {
  display: flex;
  gap: 15px;
  align-items: center;
}
.bd-about-wrapper.style-four .bd-about-contact-icon span {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bd-primary);
  transition: all 0.5s;
}
.bd-about-wrapper.style-four .bd-about-contact-icon span i {
  font-size: 14px;
  color: var(--bd-white);
}
.bd-about-wrapper.style-four .bd-about-contact-text {
  display: block;
  color: var(--bd-taxonomy-color);
  margin-bottom: 5px;
}
.bd-about-wrapper.style-four .bd-about-contact-call a {
  color: var(--bd-taxonomy-color);
}
.bd-about-wrapper.style-four .bd-about-contact-call a:hover {
  color: var(--bd-primary);
}

/* iStudy About — generic thumb stack (main.css has no bare .bd-about-wrapper rules for all variants) */
.bd-about-thumb-wrapper {
  position: relative;
}
.bd-about-thumb img {
  width: 100%;
  height: auto;
  display: block;
}

/* iStudy FAQ Accordion override */
.type-istudy [data-cb-type="accordion"] {
  gap: 12px;
  padding: 0;
}
.type-istudy [data-cb-type="accordion"] .accordion-item {
  background-color: #1a7a4a;
  border: none;
  border-radius: 8px;
  overflow: hidden;
}
.type-istudy [data-cb-type="accordion"] .accordion-item.active {
  background-color: #1a7a4a;
}
.type-istudy [data-cb-type="accordion"] .accordion-header {
  background-color: #1a7a4a;
  padding: 18px 24px;
}
.type-istudy [data-cb-type="accordion"] .accordion-header:hover {
  background-color: #156840;
}
.type-istudy [data-cb-type="accordion"] .accordion-item.active .accordion-header {
  background-color: #1a7a4a;
}
.type-istudy [data-cb-type="accordion"] .accordion-question {
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
}
.type-istudy [data-cb-type="accordion"] .accordion-icon {
  color: #ffffff;
}
.type-istudy [data-cb-type="accordion"] .accordion-item.active .accordion-icon {
  color: #ffffff;
}
.type-istudy [data-cb-type="accordion"] .accordion-content {
  background-color: #f5f5f0;
}
.type-istudy [data-cb-type="accordion"] .accordion-answer {
  color: #4b5563;
  font-size: 15px;
  padding: 16px 24px;
}

/* === Counter Snippet (main.css → type-istudy scope) === */
@keyframes scaleZeroOne {
  0% {
    transform: scale(0.6);
    opacity: 0.3;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.fix {
  overflow: hidden;
}

.bd-counter-border {
  border: 12px solid var(--bd-white);
  border-radius: 12px;
}

.bd-counter-style-one {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  align-items: center;
  justify-content: space-between;
  padding: 70px 100px;
  width: 100%;
  border-radius: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-counter-style-one {
    padding: 74px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-counter-style-one {
    padding: 30px 20px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-counter-style-one {
    padding: 50px 50px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 450px) {
  .bd-counter-style-one {
    padding: 30px 30px;
    grid-template-columns: repeat(1, 1fr);
  }
}

.bd-counter-style-one .bd-counter-bg-2 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 12px;
}

.bd-counter-style-one .bd-counter-item {
  text-align: center;
  position: relative;
  z-index: 29;
}

.bd-counter-style-one > .bd-counter-item:nth-child(2)::after,
.bd-counter-style-one > .bd-counter-item:nth-child(3)::after,
.bd-counter-style-one > .bd-counter-item:nth-child(4)::after {
  position: absolute;
  content: "";
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 60px;
  background-color: rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-counter-style-one > .bd-counter-item:nth-child(2)::after,
  .bd-counter-style-one > .bd-counter-item:nth-child(3)::after,
  .bd-counter-style-one > .bd-counter-item:nth-child(4)::after {
    display: none;
  }
}

.bd-counter-style-one .bd-counter-shape-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 4;
}

.bd-counter-style-one .bd-counter-title {
  color: var(--bd-white);
  font-size: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-counter-style-one .bd-counter-title {
    font-size: 38px;
  }
}

.bd-counter-style-one p {
  color: var(--bd-white);
  position: relative;
  z-index: 6;
}

.bd-counter-shape-wrap .shape-1 {
  position: absolute;
  top: -100px;
  left: -100px;
  z-index: 5;
}
.bd-counter-shape-wrap .shape-2 {
  position: absolute;
  z-index: 6;
  top: 30px;
  left: 500px;
  animation: scaleZeroOne 5s cubic-bezier(0.12, 0, 0.39, 0) 0s infinite alternate both;
}
.bd-counter-shape-wrap .shape-3 {
  position: absolute;
  z-index: 6;
  top: 30px;
  right: 100px;
  animation: scaleZeroOne 5s cubic-bezier(0.12, 0, 0.39, 0) 0s infinite alternate both;
}
.bd-counter-shape-wrap .shape-4 {
  position: absolute;
  z-index: 6;
  bottom: 30px;
  right: 400px;
  animation: scaleZeroOne 5s cubic-bezier(0.12, 0, 0.39, 0) 0s infinite alternate both;
}
.bd-counter-shape-wrap .shape-5 {
  position: absolute;
  z-index: 6;
  bottom: -50px;
  right: 20px;
}
.bd-counter-shape-wrap .shape-6 {
  position: absolute;
  z-index: 6;
  bottom: 20px;
  left: 200px;
  animation: scaleZeroOne 5s cubic-bezier(0.12, 0, 0.39, 0) 0s infinite alternate both;
}

/* === Partners Snippet === */
.bd-brand-wrapper.style-five .bd-brand-box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  position: relative;
}
.bd-brand-wrapper.style-five .bd-brand-item {
  border: 1px solid var(--bd-border-primary);
  transition: all 0.3s linear;
  padding: 15px 15px;
  text-align: center;
}
.bd-brand-wrapper.style-five .bd-brand-item:hover {
  box-shadow: 0 10px 50px 0 rgba(26, 46, 85, 0.1);
  background-color: var(--bd-white);
}
.bd-brand-wrapper.style-five .bd-brand-item:first-child {
  border-width: 0;
}
@media (max-width: 575px) {
  .bd-brand-wrapper.style-five .bd-brand-item:first-child {
    border-width: 0 0 1px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-brand-wrapper.style-five .bd-brand-item:first-child {
    border-width: 0;
  }
}
.bd-brand-wrapper.style-five .bd-brand-item:nth-child(2) {
  border-width: 0 0 0 1px;
}
@media (max-width: 575px) {
  .bd-brand-wrapper.style-five .bd-brand-item:nth-child(2) {
    border-width: 0 0 1px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-brand-wrapper.style-five .bd-brand-item:nth-child(2) {
    border-width: 0 0 0 1px;
  }
}
.bd-brand-wrapper.style-five .bd-brand-item:nth-child(3) {
  border-width: 0 1px 0 1px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-brand-wrapper.style-five .bd-brand-item:nth-child(3) {
    border-width: 1px 0 0 0;
  }
}
@media (max-width: 575px) {
  .bd-brand-wrapper.style-five .bd-brand-item:nth-child(3) {
    border-width: 0 0 1px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-brand-wrapper.style-five .bd-brand-item:nth-child(3) {
    border-width: 1px 0 0 0;
  }
}
.bd-brand-wrapper.style-five .bd-brand-item:nth-child(4) {
  border-width: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-brand-wrapper.style-five .bd-brand-item:nth-child(4) {
    border-width: 1px 0 0 1px;
  }
}
@media (max-width: 575px) {
  .bd-brand-wrapper.style-five .bd-brand-item:nth-child(4) {
    border-width: 0 0 1px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-brand-wrapper.style-five .bd-brand-item:nth-child(4) {
    border-width: 1px 0 0 1px;
  }
}
.bd-brand-wrapper.style-five .bd-brand-item:nth-child(5) {
  border-width: 1px 0 0 0;
}
@media (max-width: 575px) {
  .bd-brand-wrapper.style-five .bd-brand-item:nth-child(5) {
    border-width: 0 0 1px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-brand-wrapper.style-five .bd-brand-item:nth-child(5) {
    border-width: 1px 0 0 0;
  }
}
.bd-brand-wrapper.style-five .bd-brand-item:nth-child(6) {
  border-width: 1px 0 0 1px;
}
@media (max-width: 575px) {
  .bd-brand-wrapper.style-five .bd-brand-item:nth-child(6) {
    border-width: 0 0 1px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-brand-wrapper.style-five .bd-brand-item:nth-child(6) {
    border-width: 1px 0 0 1px;
  }
}
.bd-brand-wrapper.style-five .bd-brand-item:nth-child(7) {
  border-width: 1px 1px 0 1px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-brand-wrapper.style-five .bd-brand-item:nth-child(7) {
    border-width: 1px 0 0 0;
  }
}
@media (max-width: 575px) {
  .bd-brand-wrapper.style-five .bd-brand-item:nth-child(7) {
    border-width: 0 0 1px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-brand-wrapper.style-five .bd-brand-item:nth-child(7) {
    border-width: 1px 0 0 0;
  }
}
.bd-brand-wrapper.style-five .bd-brand-item:last-child {
  border-width: 1px 0 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-brand-wrapper.style-five .bd-brand-item:last-child {
    border-width: 1px 0 0 1px;
  }
}
@media (max-width: 575px) {
  .bd-brand-wrapper.style-five .bd-brand-item:last-child {
    border-width: 0 0 0 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-brand-wrapper.style-five .bd-brand-item:last-child {
    border-width: 1px 0 0 1px;
  }
}

/* === Course Details List Snippet === */
.bd-course-details-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.bd-course-details-list ul li {
  list-style: none;
  display: flex;
  gap: 10px;
  align-items: center;
}
.bd-course-details-list ul li span {
  margin-top: 0;
}
.bd-course-details-list ul li:not(:last-child) {
  margin-bottom: 15px;
}

/* === Course Cards Snippet === */
/* Standalone (bez .type-istudy) — vidi SNIPPETS_GUIDE.md. */
.bd-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 0.8rem;
  white-space: nowrap;
  background-color: var(--bd-primary);
  color: var(--bd-white);
  font-weight: var(--bd-fw-medium);
  font-size: 14px;
  letter-spacing: 0.02rem;
  transition: all 0.3s ease-in-out;
  border-radius: 3px;
}
.badge-primary {
  background-color: var(--bd-primary);
}
.badge-success {
  background-color: var(--bd-success);
}
.badge-danger {
  background-color: var(--bd-danger);
}
.badge-info {
  background-color: var(--bd-info);
}

.rating-color {
  color: var(--bd-rating-color);
}

.gap-10 {
  gap: 10px;
}

.fs-14 {
  font-size: 14px;
}

.underline a {
  display: inline;
  background-image: linear-gradient(var(--bd-primary), var(--bd-primary)), linear-gradient(var(--bd-primary), var(--bd-primary));
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 83%;
  background-repeat: no-repeat;
  transition: background-size 0.4s linear;
  padding: 0 0 1% 0;
}
.underline a:hover {
  background-size: 0 1px, 100% 1px;
  color: var(--bd-primary) !important;
}

.current-price {
  font-size: 16px;
  font-weight: 500;
  color: var(--bd-taxonomy-color);
}
.current-price.has-big {
  font-size: 18px;
  font-weight: 600;
}

.old-price {
  font-size: 16px;
  font-weight: 500;
  color: var(--bd-text-muted);
  text-decoration-line: line-through;
}
.old-price.has-big {
  font-size: 18px;
  font-weight: 600;
}

.bd-course-wrapper.style-eleven {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 30px;
  padding: 25px 25px 25px 25px;
  border-radius: 8px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-course-wrapper.style-eleven {
    gap: 20px;
    padding: 15px 15px 15px 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-course-wrapper.style-eleven {
    grid-template-columns: repeat(1, 1fr);
  }
}
.bd-course-wrapper.style-eleven:hover .bd-course-thumb img {
  transform: scale3d(1.07, 1.07, 1.07);
}
.bd-course-wrapper.style-eleven.bg-box-shadow {
  background-color: var(--bd-white);
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
}
.bd-course-wrapper.style-eleven .bd-course-thumb {
  overflow: hidden;
  border-radius: 6px;
}
.bd-course-wrapper.style-eleven .bd-course-thumb img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  transition: all 1.1s cubic-bezier(0, 0, 0.2, 1);
}
.bd-course-wrapper.style-eleven .bd-course-price {
  margin-bottom: 5px;
}
.bd-course-wrapper.style-eleven .bd-course-title {
  margin-bottom: 15px;
}
.bd-course-wrapper.style-eleven .bd-course-description {
  margin-bottom: 20px;
}
.bd-course-wrapper.style-eleven .bd-course-rating {
  margin-bottom: 12px;
}
.bd-course-wrapper.style-eleven .bd-course-content-bottom {
  display: flex;
}
.bd-course-wrapper.style-eleven .bd-course-lesson {
  position: relative;
}
.bd-course-wrapper.style-eleven .bd-course-lesson:first-child {
  margin-right: 15px;
  padding-right: 15px;
}
.bd-course-wrapper.style-eleven .bd-course-lesson::before {
  position: absolute;
  content: " ";
  width: 1px;
  height: 20px;
  right: 0px;
  top: 50%;
  background: var(--bd-border-primary);
  transform: translateY(-50%);
}

.bd-course-rating-icon {
  gap: 2px;
}
.bd-course-rating-text span {
  color: var(--bd-taxonomy-color);
}
.bd-course-price {
  display: flex;
  gap: 0 10px;
  align-items: center;
}
.bd-course-lesson span {
  display: inline-flex;
  color: var(--bd-taxonomy-color);
  align-items: center;
  font-size: 14px;
}
.bd-course-lesson span i {
  font-size: 16px;
  margin-right: 6px;
  color: var(--bd-primary);
}

.bd-course-badge {
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 4;
}
@media (max-width:450px) {
  .bd-course-badge {
    top: 15px;
    right: 15px;
  }
}
.bd-course-badge.badge-left {
  right: auto;
  left: 25px;
}
@media (max-width:450px) {
  .bd-course-badge.badge-left {
    left: 15px;
  }
}

/* === Why Choose Cards Snippet === */
.bg-flashlight {
  position: relative;
  z-index: 1;
  overflow: hidden;
  --x: 50%;
  --y: 50%;
}
.bg-flashlight::before {
  content: "";
  position: absolute;
  top: var(--y);
  left: var(--x);
  transform: translate(-50%, -50%);
  background: radial-gradient(var(--bd-primary), transparent, transparent);
  width: 200%;
  height: 200%;
  opacity: 0;
  transition: 0.5s, top 0s, left 0s;
  border-radius: 10px;
}
.bg-flashlight > * {
  z-index: 2;
  position: relative;
}
.bg-flashlight::after {
  content: "";
  position: absolute;
  inset: 3px;
  background: var(--bd-white);
  border-radius: 8px;
}
.bg-flashlight:hover::before {
  opacity: 1;
}
.bg-flashlight.flashlight-sec::before {
  background: radial-gradient(var(--bd-secondary), transparent, transparent);
}
.bd-why-choose-wrapper.style-two .bd-why-choose-item {
  position: relative;
  text-align: center;
  padding: 30px 30px;
  background-color: var(--bd-bg-primary);
  border-radius: 6px;
}
.bd-why-choose-wrapper.style-two .bd-why-choose-item.bg-flashlight::after {
  background-color: var(--bd-bg-primary);
}
.bd-why-choose-wrapper.style-two .bd-why-choose-item:hover .bd-why-choose-icon svg * {
  stroke: var(--bd-primary);
}
.bd-why-choose-wrapper.style-two .bd-why-choose-title {
  margin-bottom: 15px;
}
.bd-why-choose-wrapper.style-two .bd-why-choose-icon {
  margin-bottom: 15px;
  display: block;
}

/* === Book Slider Snippet === */
.bd-banner-content-six .bd-banner-title {
  color: var(--bd-theme-black);
  font-size: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-banner-content-six .bd-banner-title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-banner-content-six .bd-banner-title {
    font-size: 36px;
  }
}
.bd-banner-content-six .bd-banner-subtitle {
  position: relative;
  color: var(--bd-primary);
  margin-bottom: 20px;
  display: block;
  text-transform: uppercase;
}
.bd-banner-content-six .bd-banner-description {
  color: var(--bd-body-text);
}
.bd-banner-content-six {
  position: relative;
}
.btn-outline-border-white {
  background-color: var(--bd-white);
  color: var(--bd-theme-black);
  border: 1px solid var(--bd-white);
}
.btn-outline-border-white:hover {
  color: var(--bd-white);
  border-color: var(--bd-white);
  background-color: transparent;
}
.bookSlider img,
.bookSlider .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
.bookSlider .swiper-button-next,
.bookSlider .swiper-button-prev {
  color: var(--bd-white, #ffffff);
  background: rgba(0, 0, 0, 0.3);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.bookSlider:hover .swiper-button-next,
.bookSlider:hover .swiper-button-prev {
  opacity: 1;
}
.bookSlider .swiper-button-next::after,
.bookSlider .swiper-button-prev::after {
  font-size: 16px;
}

/* === Footer Dark iStudy === */
.istudy-footer-dark {
  --footer-dark-bg: #0d2b1e;
  --footer-dark-text: rgba(255, 255, 255, 0.75);
  --footer-dark-heading: #ffffff;
  --footer-dark-link-hover: #ffffff;
  --footer-dark-accent: #1aaa6e;
  background: var(--footer-dark-bg);
  padding: 70px 40px;
  border-radius: 8px;
}

.istudy-footer-dark h4,
.istudy-footer-dark h5 {
  color: var(--footer-dark-heading);
  margin: 0 0 16px;
}

.istudy-footer-dark p,
.istudy-footer-dark li,
.istudy-footer-dark label {
  color: var(--footer-dark-text);
}

.istudy-footer-dark ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.istudy-footer-dark li:not(:last-child) {
  margin-bottom: 10px;
}

.istudy-footer-dark a {
  color: var(--footer-dark-text);
  text-decoration: none;
  transition: var(--transition);
}

.istudy-footer-dark a:hover {
  color: var(--footer-dark-link-hover);
}

.istudy-footer-brand {
  display: flex;
  align-items: center;
  gap: 10px;
}

.istudy-footer-brand img {
  width: 42px;
  height: 42px;
  object-fit: contain;
}

.istudy-footer-social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.istudy-footer-social a {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}

.istudy-footer-social a:hover {
  border-color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}

.istudy-footer-newsletter {
  display: flex;
  gap: 10px;
  margin: 16px 0 10px;
}

.istudy-footer-newsletter input {
  flex: 1 1 auto;
  min-width: 0;
  height: 44px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  padding: 0 14px;
}

.istudy-footer-newsletter input::placeholder {
  color: rgba(255, 255, 255, 0.75);
}

.istudy-footer-newsletter button {
  height: 44px;
  border: 0;
  border-radius: 6px;
  background: var(--footer-dark-accent);
  color: #ffffff;
  padding: 0 18px;
  font-weight: 600;
}

.istudy-footer-check {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  font-size: 13px;
}

/* === Footer Light iStudy === */
.istudy-footer-light {
  --footer-light-bg: #edf7f2;
  --footer-light-heading: #1a3a2a;
  --footer-light-text: #4a6a5a;
  --footer-light-link: #3a5a4a;
  background: var(--footer-light-bg);
  padding: 70px 40px 30px;
  border-radius: 8px;
}

.istudy-footer-light h4,
.istudy-footer-light h5,
.istudy-footer-light h6 {
  color: var(--footer-light-heading);
  margin: 0 0 16px;
}

.istudy-footer-light p,
.istudy-footer-light li {
  color: var(--footer-light-text);
}

.istudy-footer-light a {
  color: var(--footer-light-link);
  text-decoration: none;
}

.istudy-footer-light a:hover {
  color: var(--footer-light-heading);
}

.istudy-footer-light ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.istudy-footer-light li:not(:last-child) {
  margin-bottom: 10px;
}

.istudy-footer-contact p {
  margin: 0 0 8px;
}

.istudy-footer-social.is-filled a {
  border: 0;
  color: #ffffff;
}

.istudy-footer-social.is-filled a.fb {
  background: #1877f2;
}

.istudy-footer-social.is-filled a.x {
  background: #111111;
}

.istudy-footer-social.is-filled a.in {
  background: #0a66c2;
}

.istudy-footer-social.is-filled a.ig {
  background: linear-gradient(135deg, #f58529, #dd2a7b, #8134af);
}

.istudy-footer-social.is-filled a.yt {
  background: #ff0000;
}

.istudy-footer-apps {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.istudy-footer-apps a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #111111;
  color: #ffffff;
  padding: 10px 14px;
  border-radius: 6px;
}

.istudy-footer-apps a:hover {
  color: #ffffff;
  background: #000000;
}

.istudy-footer-light-bottom {
  margin-top: 28px;
  background: #ffffff;
  border-radius: 6px;
  padding: 14px 18px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.istudy-footer-light-bottom p {
  margin: 0;
}

.istudy-footer-light-bottom div {
  display: inline-flex;
  gap: 10px;
  align-items: center;
}

/* === Footer Wave Green iStudy === */
.istudy-footer-wave {
  background: #1aaa6e;
  color: #ffffff;
  border-radius: 8px;
  overflow: hidden;
}

.istudy-footer-wave h4,
.istudy-footer-wave h5,
.istudy-footer-wave h6 {
  color: #ffffff;
  margin: 0 0 16px;
}

.istudy-footer-wave p,
.istudy-footer-wave li {
  color: rgba(255, 255, 255, 0.86);
}

.istudy-footer-wave a {
  color: rgba(255, 255, 255, 0.86);
  text-decoration: none;
}

.istudy-footer-wave a:hover {
  color: #ffffff;
}

.istudy-footer-wave-top,
.istudy-footer-wave-links {
  padding: 45px 40px;
}

.istudy-footer-wave-top {
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.istudy-footer-wave-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.istudy-footer-wave-links li:not(:last-child) {
  margin-bottom: 10px;
}

.istudy-footer-wave .istudy-footer-newsletter {
  margin: 0;
}

.istudy-footer-wave .istudy-footer-newsletter input {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.4);
}

.istudy-footer-wave .istudy-footer-newsletter button {
  background: #ffffff;
  color: #1aaa6e;
}

.istudy-footer-wave .newsletter-input {
  width: 100%;
}

.istudy-footer-wave .newsletter-btn {
  white-space: nowrap;
}

/* === Footer Dark Background Image iStudy === */
.istudy-footer-bg-image {
  background-color: #1a1a1a;
  background-size: cover;
  background-position: center;
  position: relative;
  padding: 70px 40px 30px;
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.78);
}

.istudy-footer-bg-image h4,
.istudy-footer-bg-image h5 {
  color: #ffffff;
  margin: 0 0 16px;
}

.istudy-footer-bg-image p,
.istudy-footer-bg-image li {
  color: rgba(255, 255, 255, 0.78);
}

.istudy-footer-bg-image ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.istudy-footer-bg-image li:not(:last-child) {
  margin-bottom: 10px;
}

.istudy-footer-bg-image a {
  color: rgba(255, 255, 255, 0.78);
  text-decoration: none;
  transition: var(--transition);
}

.istudy-footer-bg-image a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.istudy-footer-bg-image::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.72);
  z-index: 0;
}

.istudy-footer-bg-image > * {
  position: relative;
  z-index: 1;
}

.istudy-footer-divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  margin: 30px 0 16px;
}

.istudy-footer-copyright {
  margin: 0;
  text-align: center;
  color: rgba(255, 255, 255, 0.82);
}

/* === Footer snippets responsive === */
@media (max-width: 1199px) {
  .istudy-footer-dark .column[style*="width:25%"],
  .istudy-footer-dark .column[style*="width:30%"],
  .istudy-footer-light .column[style*="width:30%"],
  .istudy-footer-bg-image .column[style*="width:30%"] {
    width: 50% !important;
  }

  .istudy-footer-dark .column[style*="width:15%"],
  .istudy-footer-light .column[style*="width:20%"],
  .istudy-footer-bg-image .column[style*="width:20%"],
  .istudy-footer-wave .column[style*="width:25%"] {
    width: 50% !important;
  }
}

@media (max-width: 767px) {
  .istudy-footer-dark,
  .istudy-footer-light,
  .istudy-footer-wave-top,
  .istudy-footer-wave-links,
  .istudy-footer-bg-image {
    padding: 30px 20px;
  }

  .istudy-footer-dark .column,
  .istudy-footer-light .column,
  .istudy-footer-wave .column,
  .istudy-footer-bg-image .column {
    width: 100% !important;
    margin-bottom: 24px;
  }

  .istudy-footer-newsletter {
    flex-direction: column;
  }

  .istudy-footer-newsletter button {
    width: 100%;
  }

  .istudy-footer-light-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* === Footer Kindergarten iStudy === */
.istudy-footer-kindergarten {
  --istudy-kinder-wave-bg: #ffffff;
  --istudy-kinder-text-muted: rgba(255, 255, 255, 0.9);
  --istudy-kinder-title: rgba(255, 255, 255, 0.6);
  --istudy-kinder-link: #ffffff;
  --istudy-kinder-accent: var(--bd-secondary);
  position: relative;
  margin-top: 100px;
}

.istudy-footer-kindergarten .istudy-footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

.istudy-footer-kindergarten .bd-footer-wave {
  padding-top: 125px;
  border-radius: 8px;
  overflow: hidden;
}

.istudy-footer-kindergarten .bd-wave-wrapper {
  height: 135px;
  width: 100%;
  position: absolute;
  top: -10px;
  left: 0;
  background: var(--istudy-kinder-wave-bg);
}

.istudy-footer-kindergarten .bd-wave {
  background: url("/theme/istudy/images/shape/wave.svg") repeat-x;
  position: absolute;
  top: 40px;
  width: 6400px;
  height: 198px;
  animation: istudyFooterWave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
  transform: translate3d(0, 0, 0);
}

.istudy-footer-kindergarten .bd-wave:nth-of-type(2) {
  top: 40px;
  animation: istudyFooterWave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite, istudyFooterSwell 7s ease -1.25s infinite;
  opacity: 1;
}

@keyframes istudyFooterWave {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}

@keyframes istudyFooterSwell {
  0%, 100% {
    transform: translate3d(0, -15px, 0);
  }
  50% {
    transform: translate3d(0, 5px, 0);
  }
}

.istudy-footer-kindergarten .bd-footer-top {
  border-bottom: 1px solid var(--bd-white);
  padding: 45px 0;
}

.istudy-footer-kindergarten .bd-footer-area {
  padding: 45px 0;
}

.istudy-footer-kindergarten .row {
  row-gap: 30px;
}

.istudy-footer-kindergarten .bd-footer-logo {
  margin-bottom: 15px;
}

.istudy-footer-kindergarten .bd-footer-logo img {
  max-height: 44px;
  width: auto;
}

.istudy-footer-kindergarten .bd-footer-widget-description {
  color: var(--istudy-kinder-text-muted);
  margin-bottom: 0;
}

.istudy-footer-kindergarten .bd-section-title.white-text {
  color: var(--bd-white);
}

.istudy-footer-kindergarten .bd-newsletter-input {
  display: flex;
  gap: 10px;
}

.istudy-footer-kindergarten .bd-newsletter-input input {
  width: 100%;
  height: 50px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.16);
  color: var(--bd-white);
  padding: 0 16px;
}

.istudy-footer-kindergarten .bd-newsletter-input input::placeholder {
  color: rgba(255, 255, 255, 0.75);
}

.istudy-footer-kindergarten .bd-newsletter-input .bd-btn {
  white-space: nowrap;
}

.istudy-footer-kindergarten .bd-footer-widget-title {
  margin-bottom: 20px;
}

.istudy-footer-kindergarten .bd-footer-widget-title.has-color-off {
  color: var(--istudy-kinder-title);
}

.istudy-footer-kindergarten .bd-footer-widget-links ul {
  margin: 0;
  padding: 0;
}

.istudy-footer-kindergarten .bd-footer-widget-links ul li {
  list-style: none;
  font-weight: var(--bd-fw-medium);
}

.istudy-footer-kindergarten .bd-footer-widget-links ul li:not(:last-child) {
  margin-bottom: 10px;
}

.istudy-footer-kindergarten .bd-footer-widget-links.has-white ul li a {
  color: var(--istudy-kinder-link);
}

.istudy-footer-kindergarten .bd-footer-widget-contact-item {
  display: flex;
  gap: 10px;
}

.istudy-footer-kindergarten .bd-footer-widget-contact-item:not(:last-child) {
  margin-bottom: 10px;
}

.istudy-footer-kindergarten .bd-footer-widget-contact-item.has-white {
  color: var(--bd-white);
}

.istudy-footer-kindergarten .bd-footer-widget-contact-item.has-white a {
  color: var(--istudy-kinder-text-muted);
}

.istudy-footer-kindergarten .bd-footer-widget-contact-item.has-white a:hover {
  color: var(--istudy-kinder-accent);
}

.istudy-footer-kindergarten .bd-footer-social {
  margin-top: 20px;
}

.istudy-footer-kindergarten .theme-social.secondary a {
  color: var(--bd-white);
  border: 1px solid var(--bd-border-primary);
}

.istudy-footer-kindergarten .theme-social.secondary a:hover {
  color: var(--bd-white);
  border-color: var(--istudy-kinder-accent);
  background-color: var(--istudy-kinder-accent);
}

.istudy-footer-kindergarten .social-icon-list {
  display: inline-flex;
  gap: 15px;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.istudy-footer-kindergarten .social-icon-list li {
  list-style: none;
}

.istudy-footer-kindergarten .bd-footer-copyright-area.bd-copyright-bg {
  position: relative;
  padding-top: 40px;
  padding-bottom: 20px;
  z-index: 6;
}

.istudy-footer-kindergarten .bd-copyright-bg::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: url("/theme/istudy/images/bg/copy-right-shape-2.webp");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 5;
}

.istudy-footer-kindergarten .z-index-11 {
  z-index: 11;
}

.istudy-footer-kindergarten .bd-footer-copyright p {
  color: var(--bd-theme-black);
  margin: 0;
}

/* === Footer Global — no underline on links === */
[class*="istudy-footer"] a,
[class*="istudy-footer"] a:hover,
[class*="istudy-footer"] a:visited,
.bd-footer-widget a,
.bd-footer-widget a:hover,
.bd-footer-widget a:visited,
.bd-footer-copyright-list a,
.bd-footer-copyright-list a:hover {
  text-decoration: none !important;
}

@media (max-width: 991px) {
  .istudy-footer-kindergarten .column[style*="width:50%;"],
  .istudy-footer-kindergarten .column[style*="width:25%;"] {
    width: 100% !important;
  }

  .istudy-footer-kindergarten .bd-newsletter-input {
    flex-direction: column;
  }

  .istudy-footer-kindergarten .bd-newsletter-input .bd-btn {
    width: 100%;
  }
}

/* === Contact Address Cards === */
.bd-contact-address-box {
  background: var(--bd-white);
  box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  padding: 50px 30px;
  text-align: center;
  transition: all 0.3s;
}
.bd-contact-address-box:hover {
  transform: translateY(-15px);
  background-color: var(--bd-primary);
}
.bd-contact-address-box:hover .icon {
  background-color: var(--bd-white);
}
.bd-contact-address-box:hover .title {
  color: var(--bd-white);
}
.bd-contact-address-box:hover .content p {
  color: var(--bd-white);
}
.bd-contact-address-box .icon {
  background-color: var(--primary-rgb-1);
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.bd-contact-address-box .icon i {
  color: var(--bd-primary);
  font-size: 24px;
  transition: all 0.3s;
}
.bd-contact-address-box .title {
  margin-top: 25px;
  margin-bottom: 15px;
  transition: all 0.3s;
}
.bd-contact-address-box .content p {
  margin-bottom: 0;
  transition: all 0.3s;
}