/* Pricing StyleSheed */
@import url("profiles.css");
@import url("pricing.css");

/* Color */
:root {
  --body-color: #5c637e;
  --educare-color: rgb(3,62,68);
  --educare-bg: #00bb45;
  --praimary-bg: #00102e;
  --praimary-color: #4353ff;
  --active: #00bb45;
  /* color pack 1 (GREEN) */
  --green: #00bb45;
  --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-track: #f1f1f1;
  --scrollbar-thumb: rgba(13,83,86,0.3);
  --scrollbar-thumb-hover: rgba(13,83,86,0.6);

  --bs-border-radius: 18px;
}

/* Horizontal and vertical scrollbar styles */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
  box-shadow: none;
  border: none;
  border-radius: 100px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  box-shadow: none;
  border: none;
  border-radius: 100px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}


body, button, input, select, textarea {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.75;
  color: var(--body-color);
  border-radius: 50px;
}

.font-georgia {
  font-family: Georgia,Times,serif;
}

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

/* button:hover, */
a.active button {
  color: white;
  background-color: var(--active) !important;
}

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

.text-center {
  margin: auto;
}

.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);
}

.rounded {
  overflow: hidden !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  /* font-family: "Amaranth", Sans-serif; */
}
.section-header h1,
.cover-section h1,
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
  color: #202124;
}

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

h4 {
  font-size: 32px;
  font-family: Georgia,Times,serif;
}

.make-some-space {
  /* margin-bottom: 80px; */
  margin-bottom: 65px;
}

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

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

.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);
}

.navbar-nav .nav-item {
  margin: 0 6px;
}

.dropdown-menu {
  min-width: 12rem;
  font-size: normal;
  font-weight: normal;
  /* color: var(--bs-dropdown-color); */
  /* background-color: var(--bs-dropdown-bg); */
  padding-top: 0;
  padding-bottom: 0;
  border: none;
  border-radius: 12px;
  -webkit-box-shadow: 0 8px 20px rgba(146,155,177,.1);
  box-shadow: 0 8px 20px rgba(146,155,177,.1);
  overflow: hidden;
}

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

@media (min-width: 768px) {
  .navbar-nav {
    align-items: center;
  }
  
  .dropdown:hover .dropdown-menu {
    display: block; /* Show the dropdown menu on hover */
    top: 100%;
  }
}


.dropdown-item {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: small;
  text-transform: none;
  padding: 12px;
  white-space: unset;
}

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

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

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

.products-icon {
  width: 64px;
  height: 64px;
  padding: 6px;
  background-image: linear-gradient(180deg,#d3d3d34d,#ffffff);
  border-radius: 100%;
}

.products-educare .products-icon {
  background-image: linear-gradient(180deg,#ebfff1,#ffffff);
}

.dropdown-item:focus, .dropdown-item:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

.dropdown-item:active {
  color: white;
  background-color: #00bb4541;
}

.dropdown-toggle::after {
  width: 7px; /* Set the width of the custom icon */
  height: 7px; /* Set the height of the custom icon */
  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 */
}

.educare-navbar {
  max-width: 1440px !important; /* Adjust the value as per your requirement */
  margin-left: auto;
  margin-right: auto;
}


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

.navbar {
  /* font-family: "Amaranth", Sans-serif; */
  font-size: 17px;
  font-weight: 500;
  text-transform: uppercase;
  -webkit-box-shadow: 0 8px 20px rgba(146,155,177,.1);
  box-shadow: 0 8px 20px rgba(146,155,177,.1);
  /* color: white; */
}

@media (max-width: 576px) {
  .navbar-nav li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

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

  /* Style for the scrollbar */
  .navbar-nav-scroll::-webkit-scrollbar {
    width: 2px;
  }

  .navbar-nav-scroll::-webkit-scrollbar-thumb {
    background-color: #888;
  }
}


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

button, .button, .action-button {
  /* font-family: "Amaranth", Sans-serif; */
  font-size: 20px;
  /* font-weight: 600; */
  fill: #FFFFFF;
  color: #FFFFFF;
  background-color: var(--pink);
  border: none;
  padding: 5px 1.2rem;
}

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

.download-button {
  background-color: var(--pink);
}

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

.cover-section {
  position: relative;
  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 );
  /* background-image: url('../img/cover.png'); */
  background-size: cover;
  background-position: center;
  height: auto; /* Set the section height to full viewport height */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* z-index: 1; */
}
.cover-section.adjustment {
  margin-top: -80px;
}

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

@media (max-width: 992px) {
  .cover-section {
    padding-top: 24%;
  }

  .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 h1 {
  font-size: 60px;
}

footer .border-bottom {
  border-bottom: 4px solid #000 !important;
  padding-bottom: 5px; /* Adjust the padding as needed */
}

/* .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: 6px;
} */

.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 {
  /* background-image: url("img/prev.svg"); */
  width: 48px;
  height: 48px;
}
.carousel-control-next-icon {
  /* background-image: url("img/next.svg"); */
  width: 48px;
  height: 48px;
}


.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: 576px) {
  .carousel-caption > p {
    display: none !important;
  }

  .action-button {
    margin-left: 0;
  }
  nav .action-button {
    width: 100%;
  }

  .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-weight: 600;
  font-size: calc(1.7rem + 2.3vw) !important;
}

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

.product-box-content h2 {
  font-family: Georgia,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 );
}


.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);
}

@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 8%;
}

.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" */
}

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

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

.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:hover {
  border: 1px solid rgba(0, 0, 0, 0.4);
}

.widget {
  color: #605f74;
  margin: 0 0 40px;
}

.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: #605f74;
}

.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;
}