@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
/* Pricing StyleSheed */
@import url("my-account.css");
@import url("pricing.css");
@import url("pagination.css");
@import url("product-card.css");
@import url("order-confirmation.css");
@import url("typewrite.css");
@import url("wp-2fa.css");

/* Color */
:root {
  --body-color: #1d2939ef;
  --educare-color: rgb(3,62,68);
  --educare-bg: rgb(0, 187, 69);
  --praimary-bg: #00102e;
  --praimary-color: rgb(67, 83, 255);
  --active: rgb(0, 187, 69);
  /* color pack 1 (GREEN) */
  --green: var(--active);
  --dark-green: #108957;
  --green-text: #637965;
  --green-bg: #ebfff1;
  /* color pack 2 (BLUE) */
  --blue: #4353ff;
  --blue-text: #626ca2;
  --blue-bg: #f1f2ff;
  /* color pack 3 (PINK) */
  --pink: #f03385;
  --pink-text: #637965;
  --pink-bg: #FFF2F6;
  /* color pack 4 (YELLOW) */
  --yellow: #ff8f1e;
  --yellow-text: #716856;
  --yellow-bg: #fef5ec;
  /* Purple */
  --purple: #7357fb;
  --purple-text: #7d6e9b;
  --purple-bg: rgba(144,19,254,.06);

  /* Scrollbar */
  --scrollbar-track: #f1f1f1;
  --scrollbar-thumb: rgba(13,83,86,0.3);
  --scrollbar-thumb-hover: rgba(13,83,86,0.5);
  --bs-border-radius: 1rem;
  --bs-border-radius-lg: 1rem;
  --bs-border-radius-sm: 18px;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.1);
}

@media (prefers-reduced-motion:no-preference) {
  :root {
    scroll-behavior: initial
  }
  body {
    scroll-behavior: smooth
  }
}

/* Style for the scrollbar */
/* Horizontal and vertical scrollbar styles */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  box-shadow: none;
  border: none;
  border-radius: 100px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(13,83,86,0.3);
  box-shadow: none;
  border: none;
  border-radius: 100px;
  transition: all 0.3s ease-in-out;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgba(13,83,86,0.5);
}

.navbar-nav {
  --bs-nav-link-color: #202124;
}

.nav-link {
  --bs-nav-link-color: #033e44;
}


body, button, input, select, textarea {
  font-family: "Roboto", "Tiro Bangla", sans-serif;
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1.75;
  color: var(--body-color);
  background-color: #fff;
  background-image: url(img/grain-texture-berry-100-opacity3.png);
  background-position: 50% 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, 1000px;
  background-attachment: scroll, scroll;
}

.font-georgia {
  font-family: Georgia, "Tiro Bangla", Times, serif;
}
.font-dm-serif-text,
.display-text {
  font-family: "DM Serif Text", serif;
}

a {
  text-decoration: none;
  /* color: inherit; */
}

a:hover {
  color: var(--educare-bg) !important;
}

.btn-secondary {
  --bs-btn-border-color: unset;
  --bs-btn-hover-border-color: unset;
}

button.accordion-button:hover{
  color: white;
}

.accordion-item {
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.accordion-item:last-of-type {
  border-bottom: 0;
}

button:not(.search-form *):hover,
a.active button {
  background-color: var(--pink);
}

.popular-topics button:hover {
  color: var(--blue);
  background-color: var(--blue-bg);
}

.landig-page button:hover {
  color: white;
  background-color: var(--green);
}

.nav-link.active,
.nav-link:hover {
  color: #00ac4e !important;
}

.text-center {
  margin: auto;
}

.text-inherit {
  color: inherit;
}

.text-normal {
  color: var(--body-color);
}

.text-pink {
  color: var(--pink);
}
.text-blue {
  color: var(--blue);
}
.text-dark-blue {
  color: #38417c;
}
.text-green {
  color: var(--green);
}
.text-yellow {
  color: var(--yellow);
}
.text-purple  {
  color: var(--purple);
}
.text-qutee {
  color: rgb(223,215,244);
}

.rounded {
  overflow: hidden !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Fira Sans", "Tiro Bangla", Sans-serif;
  text-transform: capitalize;
}
.section-header h1,
.section-header h2,
.cover-section h1,
.cover-section h2,
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
  /* color: #202124; */
  color: #033e44;
}

h2 {
  font-size: calc(1.7rem + 1.3vw);
}

h4 {
  font-size: 32px;
  font-family: "DM Serif Text", serif;
}

.make-some-space {
  height: 60px;
}

.page-content {
  padding: 0 4%;
}

.box-padding {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.flip-horizontal {
  transform: rotate(180deg);
}
.flip-vertical {
  transform: scaleY(-1);
}


@media (min-width: 992px) {
  .order-right {
    order: 1 !important;
  }

  .order-1 {
    order: unset !important;
  }
}

.fs-1 {
  font-size: 56px !important;
}

.body-color {
  color: var(--body-color);
}
.educare-color {
  color: var(--educare-color);
}
.educare-bg {
  background-color: var(--educare-color);
}

.bg-defaul {
  background-image: url(img/grain-texture-berry-100-opacity3.png);
  background-position: 50% 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, 1000px;
  background-attachment: scroll, scroll;
}

.bg-pink-gradient {
  background-color: transparent;
  background-image: linear-gradient(180deg, #FAF8FF 0%, #EBE7F4 100%);
}
.bg-pink-light {
  background-color: #FAF8FF;
}

.bg-glass {
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

.bg-motion {
  background-image: url("img/bg-motion.svg");
  background-position: center center;
  background-repeat: no-repeat;
}
.bg-circle-motion {
  background-image: url("img/bg-circle-motion.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-ball-motion {
  background-image: url("img/bg-ball-motion.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.bg-body-bottom {
  background-color: #f3f4fd;
  background-image: url(img/bg-body-bottom.jpg);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 1000px;
}
.bg-woo {
  background-color: #F8F3FF;
  background-image: url("img/bg-woo.png");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 400px auto;
}

.bg-info-purple {
  background-color: #F5EDFF;
  background-image: url("img/frame-puprle.png");
  padding: 48px 40px 48px 40px;
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 24px 24px 24px 24px;
}
.bg-info-pink {
  background-color: #FEEDFD;
  background-image: url("img/frame-pink.png");
  padding: 48px 40px 90px 40px;
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 24px 24px 24px 24px;
}

.bg-info-purple-down {
  background-color: #F5EDFF;
  background-image: url("img/frame-purple-down.png");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: contain;
}

.bg-elevate {
  background-color: #1A003A;
  background-image: url("img/elevate.png");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
}

.bg-none {
  background-image: unset;
}

.brdr-pink {
  border-color: #F0E9FF !important;
}

.navbar-nav .nav-item {
  padding: 10px 8px;
}

/* Remove border from toggler */
.navbar-toggler {
  border: 0 !important;
  background-color: none !important;
}

button.navbar-toggler:hover,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
  outline: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

.search-button:hover,
button.navbar-toggler:hover,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
  background-color: transparent !important;
}

.navbar-brand img {
  width: 115px;
  min-width: 80px;
}

.dropdown-menu {
  min-width: 12rem;
  font-size: normal;
  font-weight: normal;
  padding: 8px;
  border: none;
  -webkit-box-shadow: 0 8px 20px rgba(67,83,255, 0.08);
  box-shadow: 0 8px 20px rgba(67,83,255, 0.08);
  border-radius: 12px;
  overflow: hidden;
}

.dropdown-menu li {
  width: 100%;
}
.dropdown-menu li:hover {
  border-radius: 12px;
  overflow: hidden;
}

.dropdown-menu li:last-child {
  border-bottom-color: transparent;
}

.scrolled-down {
  transform:translateY(-100%); transition: all 0.3s ease-in-out;
}
.scrolled-up {
  transform:translateY(0); transition: all 0.3s ease-in-out;
}

.animate {
  animation-duration: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
}
@keyframes slideUp {
  0% {
    transform: translateY(1rem); /* Start from below */
    opacity: 0;
  }
  100% {
    transform: translateY(0); /* Move up to normal position */
    opacity: 1;
  }
}


@media (min-width: 992px) {
  .navbar-nav {
    align-items: center;
    height: 60px;
  }
  
  .header-container .dropdown:hover .dropdown-menu,
  .header-container .dropdown-menu.show {
    display: block;
    top: 100%;
    left: 50%;
    transform: translateX(-50%); /* Center properly */
    margin-top: 0;
  }

  @keyframes slideUp {
    0% {
      transform: translateY(1rem) translateX(-50%); /* Start slightly below */
      opacity: 0;
    }
    100% {
      transform: translateY(0) translateX(-50%); /* Move up to normal position */
      opacity: 1;
    }
  }
}



.dropdown-item {
  font-weight: 300;
  font-size: small;
  text-transform: none;
  padding: 12px;
  white-space: unset;
}

.dropdown-menu.products {
  min-width: 30rem;
}

@media (max-width: 576px) {
  .dropdown-menu.products {
    min-width: 100%;
  }
}

.dropdown-menu.products b {
  font-size: medium;
}

.products-info {
  margin-left: 72px;
}

.products-icon {
  width: 64px;
  height: 64px;
  padding: 6px;
  background-image: linear-gradient(180deg,rgba(193,227,255,0),var(--yellow-bg));
  /* border: 1px solid rgba(0, 0, 0, 0.02); */
  border-radius: 100%;
}

.products-educare .products-icon {
  background-image: linear-gradient(180deg,rgba(193,227,255,0), #ebfff1);
}
.add-ons .products-icon {
  background-image: linear-gradient(180deg,rgba(193,227,255,0), var(--pink-bg));
}
.templates .products-icon {
  background-image: linear-gradient(180deg,rgba(193,227,255,0), var(--blue-bg));
}

.nav-pills {
  max-width: 945px;
  margin: auto;
  background: #fff;
  border: 1px solid #F0E9FF;
  box-shadow: 0px 14px 34px 0px #00012314;
}

.nav-pills-edge-content {
  padding-bottom: 90px !important;
}

.nav-pills-edge {
  position: relative;
  background: url(img/grain-texture-berry-100-opacity3.png), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 67.01%, #FFFFFF 100%);
  margin-top: -130px;
  margin-bottom: 0px;
  padding: 58px 0px 44px 0px
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link,
.profile-page #sidebar ul li.active > a,
.profile-page a[aria-expanded="true"],
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover,
a.dropdown-item:hover {
  /* background-color: #033e44;
  color: white !important; */
  color: var(--green) !important;
  background: #ffffff;
  background: -webkit-gradient(linear, right top, left top, from(#ffffff), to(#ebfff1));
  background: linear-gradient(to left, #ffffff 0%, #ebfff1 100%);
}

.language-swicth .nav-link.active {
  background: none;
}

.dropdown-toggle::after {
  width: 7px; /* Set the width of the custom icon */
  height: 7px; /* Set the height of the custom icon */
  margin-left: .5em;
  vertical-align: .3em;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid; /* Remove the border on the bottom */
  border-left: 2px solid; /* Remove the border on the left */
  transform: rotate(315deg); /* Rotate the icon by 180deg */
  /* margin-left: auto; */
}

.nav-ellipsis .nav-item {
  min-width: 22%;
}
.nav-pills .nav-link,
.nav-pills .nav-link span {
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 991.98px) {
  nav .nav-item .nav-link {
    display: flex;
    align-items: center;
  }

  .navbar-nav .nav-item {
    padding: 4px 18px;
    border-radius: 18px;
    border: 1px solid transparent;
  }

  .navbar-nav .nav-item:hover {
    border: 1px solid rgba(67,83,255, 0.08);
  }

  .dropdown-toggle::after {
    margin-left: auto;
    transform: rotate(220deg);
    transition: 0.4s;
    margin-right: 6px;
  }

  .dropdown-toggle.show::after {
    transform: rotate(315deg);
  }
}


.bg-dark {
  background-color: #00102e !important;
}

.navbar {
  font-family: 'Roboto', "Tiro Bangla", sans-serif;
  font-size: 0.95rem;
  font-weight: 500;
  text-transform: uppercase;
  -webkit-box-shadow: 0 8px 20px rgba(146,155,177,0.1);
  box-shadow: 0 8px 20px rgba(146,155,177,0.1);
  --bs-navbar-active-color: var(--active);
  /* color: white; */
}

.header-logo {
  min-height: 60px;
  display: flex;
  align-items: center;
}

@media (max-width: 991.98px) {
  /* Disable body scroll */
  .body-no-scroll {
    overflow: hidden;
  }

  .dropdown-menu {
    border-radius: 0;
    margin-bottom: 18px;
    border-radius: 18px;
    overflow: hidden;
  }

  .body-no-scroll .autohide {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
  }

  .navbar-nav li {
    border-bottom: 1px solid rgba(67,83,255, 0.08);
  }

  /* .navbar-nav li:last-child {
    border-bottom: none;
  } */

  /* .navbar-collapse {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease;
  } */
  .navbar-collapse.show {
    height: 100vh;
  }

  .navbar-nav {
    margin-top: 20px;
  }

   /* Style for the scrollable navigation */
  .show .navbar-nav-scroll {
    height: 100vh;
    max-height: 100vh;
    overflow-y: auto; /* Enable vertical scrolling */
    padding-bottom: 50px;
  }

  /* Style for the scrollbar */
  .navbar-nav-scroll::-webkit-scrollbar {
    display: none;
  }
}


.container-fluid {
  padding: 0px 40px;
}

button, .button, .action-button {
  font-family: "Inter", Sans-serif;
  fill: #FFFFFF;
  color: #FFFFFF;
  background-color: var(--green);
}

.flip {
  display: Inline-block;
  transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}


button,
.button,
.action-button,
.pink-button {
  /* font-size: 20px; */
  border-radius: 50px;
  border: none;
  padding: 8px 1.4rem;
}


.action-button {
  transition: box-shadow .5s cubic-bezier(.165,.84,.44,1), transform .5s cubic-bezier(.165,.84,.44,1), border .5s cubic-bezier(.165,.84,.44,1);
  border: 1px solid transparent;
  box-shadow: 0 0 #0a052300, inset 1.5px 1.5px 1.5px #ffffffa8,0 20px 40px #0a052308;
}

.fixbd-button:hover,
.action-button:hover {
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 16px #0a052323, inset 1.5px 1.5px 1.5px #ffffffa8, 0 20px 40px #0a052308;
}

@media (max-width: 768px) {
  button,
  .button,
  .action-button,
  .pink-button {
    padding: 8px 1.1rem;
  }
}

.btn,
.btn-close {
  border-radius: 50px;
}

.get-educare {
  padding: 3px 1rem;
}

.btn-primary {
  background-color: var(--praimary-color) !important;
}

.btn-light {
  --bs-btn-hover-color: #fff;
}

.pink-button {
  background-color: var(--pink);
}
.pink-button:hover,
.apply-now:hover,
.apply-now:active {
  background-color: var(--green) !important;
}

.apply-now {
  fill: #fff;
  color: #fff;
  background-color: #0791b4;
}


/* .cover-section {
  position: relative;
  background-image: 
  linear-gradient(to left, rgba(255, 255, 255, 0.2) 0%, rgba(235, 255, 241, 0.8) 100%), url("img/fixbd-ai-robot.svg");
  background-size: cover, 80%;
  background-repeat: no-repeat, no-repeat;
  background-position: center, right 40%;
  height: auto;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

@media (min-width: 1400px) {
  .cover-section {
    background-size: cover, 80%;
    background-position: center, 80% 40%;
  }
}
@media (min-width: 1600px) {
  .cover-section {
    background-size: cover, 60%;
    background-position: center, 66% 40%;
  }
} */

.cover-section {
  position: relative;
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: right top 40%;
  height: auto;
  min-height: 100vh;
  padding: 120px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.cover-section.landig-page {
  background-image: url("img/fixbd-ai-robot.svg");
}
.cover-section.landig-page-cpu {
  background-image: url("img/fixbd-ai-cpu.svg");
}
.cover-section.landig-page-glob::before {
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255,255,255,0.7) 100%);
  z-index: 1;
}
.cover-section.landig-page-glob {
  background-image: url("img/glob.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.cover-section.landig-page-pink {
  background-image: url("img/frame-pink.png");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: auto;
}
.cover-section.landig-page-pink::before {
  background-image: linear-gradient(to bottom,var(--pink-bg), rgba(255,255,255,0.1));
}

.mh-auto {
  min-height: unset;
}

.fixbd-ai-boot {
  position: relative;
  overflow: hidden;
}
.fixbd-ai-boot-container {
  z-index: 1;
}

.fixbd-ai-boot-object {
  transform: scale(clamp(1, 1.1, 1.3)) translateY(-50%);
  position: absolute;
  top: clamp(50%, 0%, 0%);
  left: 22%;
  z-index: -2;
  display: none;
}
.fixbd-ai-boot-object-sm {
  transform: scale(2);
  position: relative;
  z-index: -2;
}
.fixbd-overlay-one,
.fixbd-overlay-two,
.fixbd-ai-boot-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.fixbd-overlay-one {
  z-index: 1;
}
.fixbd-overlay-two {
  position: relative;
  z-index: 2;
}
.cover-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(235, 255, 241, 0.8) 100%);
  z-index: 1;
}

@media (min-width: 1400px) {
  .cover-section {
    background-position: 80% 40%;
  }
  .fixbd-ai-boot-object {
    left: 18%;
  }
}
@media (min-width: 1600px) {
  .cover-section {
    background-size: 60%;
    background-position: 66% 40%;
  }

  .fixbd-ai-boot-object {
    left: 16%;
  }
}

@media (min-width: 992px) {
  .cover-section {
    min-height: 650px;
    min-height: 100vh;
    text-align: left;
  }
  .constant-tilt-shake {
    animation: tilt-shaking 5s infinite;
  }
}

@media (max-width: 991.98px) {
  .cover-section::before {
    content: "";
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(235, 255, 241, 0.8));
  }

  .cover-section.landig-page,
  .cover-section.landig-page-cpu {
    background-image: none;
  }

  .constant-tilt-shake {
    width: 100%;
  }
}


@keyframes tilt-shaking {
	0% { transform: rotate(0deg); padding: 0;}
	10% { transform: rotate(1deg); padding: 8px}
  25% { transform: rotate(3deg); padding: 14px}
  50% { transform: rotate(5deg); padding: 20px}
  75% { transform: rotate(-5deg); padding: 14px}
  100% { transform: rotate(0deg); padding: 0}
}



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

@media only screen and (max-width: 1399px) {
  .cover-img img {
      max-width: 100%;
      /* right: 0px; */
  }
}

.cover-img img {
    max-width: 110%;
    /* position: relative; */
    /* right: -90px; */
}
img {
    height: auto;
    max-width: 100%;
    border: 0;
}

.verically-middle {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}

.verically-middle > div {
  /* display: flex; */
  align-items: center;
  justify-content: center;
}

.cover-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-color: rgba(12, 34, 16, 0.6); */
  z-index: -1;
}
.cover-section.landig-page-cpu::before {
  z-index: 1;
}

.cover-head {
  max-width: 1010px;
}

.cover-section h1 {
  font-size: 60px;
}

/* .border-bottom {
  border-bottom: 4px solid #000 !important;
  padding-bottom: 5px;
} */

/* .bottom-border {
  position: relative;
  padding-bottom: 20px;
  margin-top: 70px;
  text-transform: capitalize;
}

.bottom-border:after {
  content: "";
  width: 220px;
  height: 4px;
  background-image: linear-gradient(to right, rgba(69,203,149,0.1), var(--pink-bg), rgba(69,203,149,0.1));
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  border-radius: 18px;
} */

.margin  {
  margin: 10% 0 !important;
}

.image-container {
  padding: 5% 0;
  background-color: var(--praimary-bg);
  color: var(--praimary-color);
}

.educare-box {
  padding: 28px;
  max-width: 840px;
}

.top-title {
  font-size: 28px;
}

.bottom-title {
  font-size: 42px;
}

.separator {
  margin: 0 5px; /* Adjust spacing as needed */
  color: #999; /* Adjust color as needed */
}


/* IMG Gallery */
.gallery-item {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
}

.gallery-item img {
  width: 100%;
  height: auto;
}

.gallery-item figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: center;
  font-size: 14px;
}

@media (max-width: 768px) {
  .gallery-item {
    margin-bottom: 10px;
  }
  
  .gallery-item figcaption {
    font-size: 12px;
  }
}

/* Slider */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 32px;
  height: 32px;
}
.carousel-control-prev-icon {
  background-image: url("img/prev.svg");
}
.carousel-control-next-icon {
  background-image: url("img/next.svg");
}


.carousel-control-next:hover {
	background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
	background-color: transparent !important;
}
.carousel-control-prev:hover {
	background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
	background-color: transparent !important;
}

.carousel-indicators li {
  border: 1px solid #000;
  background-color: transparent;
  width: 12px;
  height: 12px;
  margin: 0 4px;
  cursor: pointer;
  list-style: none; /* Remove default numbering */
}

.carousel-indicators .active {
  background-color: var(--active);
}

.carousel-inner {
  position: relative;
}

.carousel-inner::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}


.carousel-caption {
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
  z-index: 10;
  color: #fff;
}

.carousel-indicators {
	z-index: 12 !important;
}

.quick-download {
  margin-top: 60% !important; margin-left: 15% !important;
}

.quick-download-button {
  text-align: left;
}

@media (max-width: 992px) {
  .carousel-caption > p {
    display: none !important;
  }

  .action-button {
    margin-left: 0;
  }
  
  nav .get-educare {
    width: 100%;
    padding: 8px 1.4rem;
    margin-top: 8px;
  }

  .quick-download-button {
    text-align: center;
  }
  .quick-download {
    margin-left: 0 !important;
  }
}

.notice-dismiss {
  display: none !important;
}

[name=loginform] label,
#updateUser label {
  display: block;
}

footer {
  font-size: 1rem;
}

h1 {
  font-size: calc(1.7rem + 2.3vw) !important;
  font-weight: 600;
}

h2.display-text {
  font-size: calc(1.6rem + 1.8vw) !important;
}

.products-box {
  border-radius: 18px;
  padding: 80px 0 0;
  overflow: hidden;
}

.product-box-content h2 {
  font-family: Georgia, "Tiro Bangla", Times,serif;
}

.product-box-green {
  color: #637965;
  background: #ffffff;
  background: -webkit-gradient(linear, right top, left top, from(#ffffff), to(#ebfff1));
  background: linear-gradient(to left, #ffffff 0%, #ebfff1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#EBFFF1",GradientType=1 );
}

.products-box a {
  color: inherit !important;
}

.product-box-content {
  padding-left: 70px;
}

@media (max-width: 992px) {
  .products-box {
    padding: 8% 0 0;
  }

  .product-box-content {
    text-align: justify;
    padding-left: 8%;
    padding-right: 8%;
  }
}



.products-box-link {
  min-height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  margin-top: 20px;
}

.products-box-link.green {
  background: #ffffff;
  background: -webkit-gradient(linear, right top, left top, from(#ffffff), to(#bcfbd0));
  background: linear-gradient(to left, #ffffff 0%, #bcfbd0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#bcfbd0",GradientType=1 );
}

.products-box-link a {
  text-decoration: none;
  color: var(--green);
  -webkit-transition: 0.36s ease-in;
  transition: 0.36s ease-in;
  position: relative;
}

.products-box-link a:hover {
  letter-spacing: 2px;
}

.products-box-link a:after {
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 2px;
  opacity: 0;
  visibility: hidden;
  content: "";
  -webkit-transition: 0.5s ease-in;
  transition: 0.5s ease-in;
  background-color: var(--green);
}
.products-box-link a:hover:after {
  width: 100%;
  opacity: 1;
  visibility: visible;
}

/* @media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}
@media (min-width: 1230px) {
  .container {
    max-width: 1200px!important;
  }
} */

.container {
  margin: 2% auto;
}

section {
  padding: 0 0 15%;
}

@media (min-width: 576px) {
  section {
    padding: 0 0 5%;
  }
}

.section-header {
  max-width: 720px;
  margin: auto;
}

/* .section-header h2 {
  padding-left: 15%;
  padding-right: 15%;
} */

.section-bg  {
  background-image: url("img/testimonial-section-bg.svg");
  background-size: cover; /* or "contain" or specific dimensions */
  background-repeat: repeat-y; /* or "repeat-x", "repeat-y", or "repeat" */
  background-position: bottom;
}
.contact-bg  {
  background-image: url("img/testimonial-section-bg.svg");
  background-size: contain; /* or "contain" or specific dimensions */
  background-repeat: no-repeat; /* or "repeat-x", "repeat-y", or "repeat" */
  background-position: top;
}
.support-bg  {
  background-image: url("img/footer-bg.svg");
  background-size: contain; /* or "contain" or specific dimensions */
  background-repeat: no-repeat; /* or "repeat-x", "repeat-y", or "repeat" */
  background-position: bottom;
}

.home-hero-section {
  overflow: hidden;
  margin-top: -120px;
  padding-top: 70px;
  background-image: url("img/hero-curve.svg");
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: fixed;
}

.timeline-explainer-section {
  position: relative;
  z-index: 1;
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #ffffff;
  background-image: url("img/orange-waves.svg"), linear-gradient(48deg, #f48126 59%, #fec14d);
  background-position: 50% 100%, 0px 0px;
  background-size: 100%, auto;
  background-repeat: no-repeat, repeat;
  background-attachment: scroll, scroll;
  color: #fff;
}

.bgp-center,
.loaking-for {
  background-position: center;
}

.contain {
  background-size: contain;
  background-repeat: repeat-y;
}

.glance-bg {
  background: url("../img/special-section-bg.svg") no-repeat top;
  background-size: cover;
}

.work-with-us {
  /* background: rgba(67,83,255,0.2); */
  background: linear-gradient(to bottom right, #4cbce23f, #44f2b500);
  color: var(--blue);
  border-radius: 20px;
}

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

.display-1 {
  font-size: 6rem !important;
}

.add-ons-link p {
  font-size: 15px;
}
.add-ons-link a {
  text-decoration: none;
}

.align-items-center {
  align-items: center;
}

.card {
  cursor: pointer;
  background-image: linear-gradient(#ffffffb3,#fbfaffb3);
  transition: box-shadow .5s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.165,.84,.44,1), border .5s cubic-bezier(.165,.84,.44,1);
  box-shadow: 0 0 #0a052300,inset 1.5px 1.5px 1.5px #ffffffa8,0 20px 40px #0a052308;
}

.card:hover {
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 16px #0a05230d,inset 1.5px 1.5px 1.5px #ffffffa8,0 20px 40px #0a052308;
}

.product-card:hover {
  transform: scale(1.03);
}

.product-card:active {
  opacity: .8;
  transform: scale(1.01)
}

.widget {
  color: var(--body-color);
  margin: 0 0 12px;
}

.widget > h3 {
  color: #151826 !important;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 20px;
  position: relative;
  line-height: 1.3;
}
.widget ul {
  list-style-type: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget li {
  line-height: 2;
  margin-bottom: 0;
}
.widget a {
  font-size: 14px;
  outline: none;
  text-decoration: none;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  color: var(--body-color);
}

.address-block h3 {
  font-size: 15px;
  margin: 0 0 14px;
}
.address-block address {
  font-size: 14px;
  line-height: 1.75;
}

figure {
  border-left: .35rem solid var(--body-color);
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.carousel-shadow {
  position: relative;
  box-shadow: 0px 0px 180px rgba(248, 0, 0, 0.26);
  border-radius: 8px;
  overflow: hidden;
}

.carousel-caption h3 {
  font-size: 18px;
}
.carousel-caption p {
  font-size: small;
}


.betterdocs-search-form-wrap {
  background-image: url("img/testimonial-section-bg.svg"), -webkit-linear-gradient(to left, #ffffff 0%, #ebfff1 100%);
  background-image: url("img/testimonial-section-bg.svg"), linear-gradient(to left, #ffffff 0%, #ebfff1 100%);
  background-size: cover !important;
  background-repeat: repeat-y;
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.betterdocs-sidebar {
  margin-right: 20px;
}

.betterdocs-content-area {
  background-color: white;
}
.feedback-update-form {
  margin: 0px !important;
}

.betterdocs-search-heading .heading {
  color: var(--blue) !important;
}

.language-swicth .active {
  border-bottom: 2px solid #00ac4e;
  border-radius: 0;
}

.payment-method-logo li {
  height: 42px;
  width: 80px;
  cursor: pointer;
  vertical-align: middle;
}

.payment-method-icon {
  width: 100%;
  height: 100%;
  padding: 2px 6px;
  font-size: 14px;
}

.accordion {
  --bs-accordion-active-color: var(--dark-green);
  --bs-accordion-active-bg: var(--green-bg);
  --bs-accordion-btn-focus-box-shadow: none;
}

.accordion-button:not(.collapsed):hover {
  color: #fff;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:not(.collapsed) {
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23108957'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:hover::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.btn-close:hover {
  color: #fff;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}



.search-form input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  outline: none;
}

.search-button {
  color: rgba(3, 62, 68, 0.8);
}



/* Lines of the Toggler */
.toggler-icon {
  width: 18px;
  height: 3px;
  background-color: #f80000;
  display: block;
  transition: all 0.2s;
  border-radius: 50px;
}

/* Adds Space between the lines */
.middle-bar {
  margin: 3px auto;
}

/* State when navbar is opened (START) */
.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 0% 10%;
}

.navbar-toggler .middle-bar {
  opacity: 0;
  filter: alpha(opacity=0);
}

.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 0% 90%;
}
/* State when navbar is opened (END) */

/* State when navbar is collapsed (START) */
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}

.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
  filter: alpha(opacity=100);
}

.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}
/* State when navbar is collapsed (END) */

/* Color of Toggler when collapsed */
.navbar-toggler.collapsed .toggler-icon {
  background-color: rgba(3, 62, 68, 0.8);
}

/* .navbar-toggler:not(.collapsed) .toggler-icon {
  margin-left: 15%;
} */




/* New */
.carousel-indicators [data-bs-target] {
  background-color: white;
  width: 9px;
  height: 9px;
  border: 1px solid #033e44;
  border-radius: 100%;
}

.carousel-indicators button.active {
  background-color: var(--active);
}

.carousel-indicators button:hover,
.carousel-indicators button.active:hover {
  background-color: var(--pink) !important;
}

.latest-post .carousel-inner::after {
  background-image: none;
  display: none;
}



.btn,
.action-button,
.content-box,
.shine-me {
  position: relative;
  overflow: hidden;
}

.btn:after, 
.action-button:after, 
.content-box:after, 
.shine-me:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  pointer-events: none; /* This allows text selection */
}

.btn:hover {
  color: white;
}

.btn:hover:after,
.action-button:hover:after,
.content-box:hover:after,
.shine-me:hover:after {
  width: 120%;
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.list-group-item.active p {
  color: rgba(255, 255, 255, 0.8) !important;
}


.fixbd-demo-container {
  background-color: #FFFFFF2E;
  padding: 16px 16px 16px 16px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #FFFFFF99;
  border-radius: 28px 28px 28px 28px;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  position: relative;
  box-shadow: 20px 21px 41px 4px rgba(0, 0.9999999999999964, 35, 0.06);
}

.demo-widget {
  position: absolute;
  width: 160px;
  padding: 8px;
  border-radius: 10px 10px 10px 10px;
  background-color: #FFFFFF2E;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #FFFFFF;
  cursor: pointer;
  transition: box-shadow .5s cubic-bezier(.165,.84,.44,1);
  box-shadow: 20px 21px 41px 4px rgba(0, 0.9999999999999964, 35, 0.06);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.demo-widget:hover {
  box-shadow: 0 4px 16px #0a05230d,inset 1.5px 1.5px 1.5px #ffffffa8,0 20px 40px #0a052308;
}

.demo-widget.demo-widget-left {
  top: 30%;
  left: -70px;
}
.demo-widget.demo-widget-right {
  top: 16%;
  right: -70px;
}
.demo-widget.demo-widget-bottom {
  bottom: -35px;
  right: 20%;
}
@media (min-width: 992px) {
  .demo-widget {
    width: 220px;
    padding: 22px;
  }

  .demo-widget.demo-widget-left {
    left: -110px;
  }
  .demo-widget.demo-widget-right {
    right: -110px;
  }
  .demo-widget.demo-widget-bottom {
    bottom: -50px;
  }
}

@media (max-width: 1260px) {
  .fixbd-demo-container {
    margin: auto 14%;
  }
}
@media (max-width: 576px) {
  .fixbd-demo-container {
    margin: auto 4%;
    padding: 12px;
  }

  .fixbd-demo-container * {
    text-align: center !important;
  }

  .demo-widget {
    width: unset;
    position: unset;
  }
  .demo-widget-icon {
    text-align: center;
  }
}
.fixbd-demo-wrapper {
  border-radius: 20px;
  overflow: hidden;
}
.demo-widget h2 {
  font-size: calc(1rem + 0.6vw);
}
.demo-widget p {
  font-size: calc(0.8rem + 0.3vw);
  line-height: 1.2;
  margin: 0px;
  padding: 0px;
  color: rgba(0, 0, 0, 0.6);
}

.title {
  font-size: calc(1.2rem + 0.8vw) !important;
}

.modal {
  --bs-modal-border-radius: 18px;
}

span.lead {
  background: linear-gradient(90deg, var(--blue) 0%, #AF00ED 140%) !important;
  color: transparent !important;
  background-clip: text;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-family: "DM Serif Text";
  font-style: italic;
  font-weight: 500;
  font-size: inherit;
}
.subtitle {
  font-family: "Inter", Sans-serif;
  font-size: calc(1rem + 0.6vw) !important;
  line-height: 1.5em;
}

iframe, video {
  border: none;
  margin: 0;
  display: flex;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.hiro-section-video {
  transform: scaleY(1.01);
}

.card-prev-img {
  overflow: hidden;
}

.card-prev-img img {
  position: relative;
  left: 0;
  bottom: calc(-10vw - 10vw);
  transform: rotate(25.72deg);
  border-radius: 18px;
  overflow: hidden;
  width: 100%;
  height: auto;
  transition: box-shadow .5s cubic-bezier(.165,.84,.44,1), transform .5s cubic-bezier(.165,.84,.44,1), border .5s cubic-bezier(.165,.84,.44,1);
  box-shadow: 0 0 #0a052300,inset 1.5px 1.5px 1.5px #ffffffa8,0 20px 40px #0a052308;
  /* box-shadow: 0px 14px 34px 0px #00012314; */
}

.card:hover .card-prev-img img {
  box-shadow: 0 4px 16px #0a05230d,inset 1.5px 1.5px 1.5px #ffffffa8,0 20px 40px #0a052308;
  transform: scale(1.03) rotate(22.72deg);
}

@media (min-width: 768px) {
  .card-prev-img img {
    bottom: -10vw;
  }
}
@media (min-width: 992px) {
  .card-prev-img img {
    bottom: -7vw;
  }
}
@media (min-width: 1400px) {
  .card-prev-img img {
    bottom: -5.7vw;
  }
}

.product-category-list a {
  color: inherit;
}

.live-chat-icon {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99999;
  height: 48px;
  width: 48px;
  color: #fff;
  border-radius: 100%;
  padding: 10px;
}
a.live-chat-icon:hover {
  color: #fff !important;
}

.hbr-me {
  transition: box-shadow .5s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.165,.84,.44,1), border .5s cubic-bezier(.165,.84,.44,1);
}

.hbr-me:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 16px #0a05230d,inset 1.5px 1.5px 1.5px #ffffffa8,0 20px 40px #0a052308;
}
.hbr-me:active {
  opacity: .8;
  transform: scale(1.03)
}