/***** Default *****/
@import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Jost:ital,wght@0,100..900;1,100..900&display=swap");
:root {
  --fontSize: 16px;
  --transition: .5s;
  --whiteColor: #ffffff;
  --blackColor: #222222;
  --primaryColor: #ED5132;
  --paragraphColor: #666666;
  --fontFamily: "Jost", sans-serif;
}

body {
  margin: 0;
  padding: 0;
  color: var(--blackColor);
  font-size: var(--fontSize);
  font-family: var(--fontFamily);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: var(--blackColor);
  font-weight: 700;
}

a {
  transition: var(--transition);
  color: var(--blackColor);
  text-decoration: none;
  outline: 0 !important;
}
a:hover {
  color: var(--primaryColor);
  text-decoration: none;
}

:focus {
  outline: 0 !important;
}

.d-table {
  width: 100%;
  height: 100%;
}
.d-table-cell {
  vertical-align: middle;
}

img {
  max-width: 100%;
  height: auto;
}

p {
  color: var(--paragraphColor);
  font-size: var(--fontSize);
  margin-bottom: 15px;
  line-height: 1.6;
}
p:last-child {
  margin-bottom: 0;
}

hr {
  margin: 0;
  opacity: 1;
  border-color: var(--blackColor);
}

.transition {
  transition: var(--transition);
}

.text-primary {
  color: var(--primaryColor) !important;
}

.fw-black {
  font-weight: 900 !important;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.ptb-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.pt-75 {
  padding-top: 75px;
}

.pb-75 {
  padding-bottom: 75px;
}

.custom-border span {
  height: 1px;
  background: #d9d9d9;
}
.custom-border span:nth-child(1) {
  width: 200px;
  left: 25px;
}
.custom-border span:nth-child(2) {
  margin-top: 10px;
  margin-bottom: 10px;
}
.custom-border span:nth-child(3) {
  width: 200px;
  left: -25px;
}

.bg-f6f6f6 {
  background-color: #f6f6f6 !important;
}

.-mt-40 {
  margin-top: -40px !important;
}

.default-btn {
  border-radius: 5px;
  padding: 15px 40px;
  border-radius: 30px;
  color: var(--whiteColor);
  font-size: var(--fontSize);
  transition: var(--transition);
  border: 1px solid var(--primaryColor);
  background-color: var(--primaryColor);
}
.default-btn span {
  padding-right: 30px;
}
.default-btn span i {
  top: 50%;
  right: -2px;
  font-size: 20px;
  position: absolute;
  transform: translateY(-50%);
}
.default-btn.with-border {
  color: var(--blackColor);
  background-color: transparent;
}
.default-btn.with-border:hover {
  color: var(--whiteColor);
  border-color: var(--blackColor);
  background-color: var(--blackColor);
}
.default-btn:hover {
  color: var(--whiteColor);
  border-color: var(--blackColor);
  background-color: var(--blackColor);
}

.section-title {
  margin-bottom: 60px;
}
.section-title .number {
  background: linear-gradient(180deg, #11F428 0%, #FFFFFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: 200px;
  margin-top: -25px;
  margin-bottom: -55px;
}
.section-title h2 {
  font-size: 50px;
  margin-bottom: 18px;
}
.section-title p {
  max-width: 720px;
  font-size: 18px;
}
.section-title .student {
  top: 0;
  left: 0;
  position: absolute;
}
.section-title .box {
  transform: rotate(10deg);
  position: absolute;
  max-width: 380px;
  right: 0;
  top: 0;
}
.section-title .box span {
  margin-bottom: 15px;
  font-size: 24px;
  font-family: "Dancing Script", cursive;
}

/***** Preloader *****/
.preloader {
  z-index: 999999;
  background-color: var(--whiteColor);
}
.preloader .loader {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 8px solid #f3f3f3;
  animation: l2 1s infinite linear;
  border-right-color: var(--blackColor);
}

@keyframes l2 {
  to {
    transform: rotate(1turn);
  }
}
/***** Navbar *****/
.navbar {
  top: 0;
  left: 0;
  right: 0;
  z-index: 4;
  position: fixed;
  transition: 0.2s;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 30px;
  padding-bottom: 30px;
}
.navbar .navbar-nav .nav-item {
  margin-left: 25px;
  margin-right: 25px;
}
.navbar .navbar-nav .nav-item .nav-link {
  transition: var(--transition);
  color: var(--whiteColor);
  padding: 0;
  font-size: 18px;
  font-weight: 500;
}
.navbar .navbar-nav .nav-item .nav-link:hover, .navbar .navbar-nav .nav-item .nav-link.active {
  color: var(--primaryColor);
}
.navbar .navbar-nav .nav-item:first-child {
  margin-left: 0;
}
.navbar .navbar-nav .nav-item:last-child {
  margin-right: 0;
}
.navbar .default-btn {
  color: var(--whiteColor);
  background-color: transparent;
  border-color: var(--whiteColor);
}
.navbar .default-btn:hover {
  color: var(--whiteColor);
  border-color: var(--blackColor);
  background-color: var(--blackColor);
}
.navbar .container-fluid {
  padding-left: 25px;
  padding-right: 25px;
}
.navbar .navbar-toggler {
  padding: 0;
  width: 45px;
  height: 40px;
  display: flex;
  border-radius: 0;
  box-shadow: unset;
  align-items: center;
  line-height: initial;
  justify-content: center;
  background-color: var(--whiteColor);
}
.navbar.navbar-sticky {
  background-color: var(--blackColor);
  border-bottom-width: 0;
  padding-top: 15px;
  padding-bottom: 15px;
}
.navbar.navbar-sticky .default-btn:hover {
  color: var(--whiteColor);
  border-color: var(--primaryColor);
  background-color: var(--primaryColor);
}

/***** Banner *****/
.banner-area {
  background-color: #000000;
  padding-top: 240px;
}
.banner-area .union {
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  display: none;
  position: absolute;
}
.banner-area .container-fluid {
  padding-left: 25px;
  padding-right: 25px;
}
.banner-area .shape1 {
  left: 5%;
  bottom: 34%;
  z-index: -1;
  position: absolute;
}
.banner-area .shape1 img {
  animation-duration: 20s;
  animation-name: rotatecircle;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.banner-area .shape2 {
  right: 0;
  bottom: 42%;
  z-index: -1;
  position: absolute;
}
.banner-area .shape2 img {
  animation: moveYbounce 4s linear infinite;
}

.banner-content h1 {
  font-size: 60px;
  margin-bottom: 30px;
}
.banner-content p {
  font-size: 20px;
  max-width: 700px;
}
.banner-content .btn-box {
  margin-top: 45px;
  gap: 20px;
}
.banner-content .btn-box .default-btn:hover {
  background-color: var(--whiteColor);
  border-color: var(--whiteColor);
  color: var(--blackColor);
}
.banner-content .btn-box .default-btn:nth-child(2) {
  color: var(--blackColor);
  border-color: var(--whiteColor);
  background-color: var(--whiteColor);
}
.banner-content .btn-box .default-btn:nth-child(2):hover {
  color: var(--whiteColor);
  background-color: transparent;
  border-color: var(--whiteColor);
}
.banner-content .btn-box .default-btn:first-child {
  margin-left: 0;
}
.banner-content .btn-box .default-btn:last-child {
  margin-right: 0;
}

.banner-images {
  margin-top: 80px;
}
.banner-images img {
  border-radius: 10px 0 0 0;
}
.banner-images .custom-col:first-child, .banner-images .custom-col:last-child {
  width: 15%;
}
.banner-images .custom-col:nth-child(2), .banner-images .custom-col:nth-child(4) {
  width: 20%;
}
.banner-images .custom-col:nth-child(3) {
  width: 30%;
}
.banner-images .custom-col:nth-child(3) img {
  position: relative;
  border-top-right-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}
.banner-images .custom-col:nth-last-child(2) img {
  border-radius: 0 10px 0 0;
}
.banner-images .custom-col:last-child img {
  border-radius: 0 10px 0 0;
}

@keyframes rotatecircle {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes moveYbounce {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(30px);
  }
  100% {
    transform: translateY(0);
  }
}
/***** Features *****/
.features-area {
  background-color: #f7f7f7;
  padding-top: 30px;
  padding-bottom: 30px;
}

.features-list {
  font-size: 24px;
  gap: 10px;
}
.features-list img:last-child {
  display: none;
}

/***** Demos *****/
.demo-item {
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 45px;
}
.demo-item .image {
  border-radius: 10px 10px 0 0;
  background: radial-gradient(circle, #ffffff, #f6f6f8, #edeef0, #e4e5e9, #dadde2);
  padding-top: 30px;
  padding-left: 40px;
  padding-right: 40px;
}
.demo-item .image img.transition {
  top: 10px;
  position: relative;
  transition: 0.2s !important;
  border-radius: 10px 10px 0 0;
}
.demo-item .image::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  content: "";
  position: absolute;
  visibility: visible;
  border-radius: 10px 10px 0 0;
  transition: var(--transition);
  background-color: var(--blackColor);
}
.demo-item .image .top {
  left: 0;
  right: 0;
  gap: 10px;
  top: 20px;
  opacity: 0;
  z-index: 3;
  display: flex;
  transition: 0.3s;
  position: absolute;
  visibility: hidden;
  align-items: center;
  pointer-events: none;
  padding-left: 30px;
  padding-right: 30px;
}
.demo-item .image .top a {
  gap: 5px;
  display: flex;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 30px;
  align-items: center;
  background-color: var(--whiteColor);
}
.demo-item .image .top a:hover {
  background-color: var(--primaryColor);
  color: var(--whiteColor);
}
.demo-item .image .bottom {
  left: 0;
  right: 0;
  gap: 10px;
  opacity: 0;
  z-index: 3;
  bottom: 20px;
  display: flex;
  transition: 0.3s;
  position: absolute;
  visibility: hidden;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
}
.demo-item .image .bottom a {
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 10px;
  display: inline-block;
  background-color: var(--whiteColor);
}
.demo-item .image .bottom a:hover {
  background-color: var(--primaryColor);
  color: var(--whiteColor);
}
.demo-item h3 {
  font-size: 24px;
  margin-top: 30px;
}
.demo-item:hover .image img.transition {
  top: 5px;
}
.demo-item:hover .image::before {
  opacity: 0.5;
  visibility: visible;
}
.demo-item:hover .image .top {
  top: 30px;
  opacity: 1;
  visibility: visible;
}
.demo-item:hover .image .bottom {
  opacity: 1;
  bottom: 30px;
  visibility: visible;
}
.demo-item:hover h3 {
  color: var(--primaryColor);
}
.demo-item.coming-soon {
  pointer-events: none;
}

.col-xl-4:nth-child(2) .demo-item .image, .col-xl-4:nth-child(8) .demo-item .image, .col-xl-4:nth-child(14) .demo-item .image, .col-xl-4:nth-child(20) .demo-item .image {
  background: radial-gradient(circle, #ffffff, #f1f1f1, #e2e2e2, #d4d4d4, #c6c6c6);
}
.col-xl-4:nth-child(3) .demo-item .image, .col-xl-4:nth-child(9) .demo-item .image, .col-xl-4:nth-child(15) .demo-item .image, .col-xl-4:nth-child(21) .demo-item .image {
  background: radial-gradient(circle, #ffffff, #e4e5e9, #c6cdd4, #a7b5bd, #889fa5);
}
.col-xl-4:nth-child(4) .demo-item .image, .col-xl-4:nth-child(10) .demo-item .image, .col-xl-4:nth-child(16) .demo-item .image, .col-xl-4:nth-child(22) .demo-item .image {
  background: radial-gradient(circle, #ffffff, #edeef0, #dadde2, #c6cdd4, #b1bdc5);
}
.col-xl-4:nth-child(5) .demo-item .image, .col-xl-4:nth-child(11) .demo-item .image, .col-xl-4:nth-child(17) .demo-item .image, .col-xl-4:nth-child(23) .demo-item .image {
  background: radial-gradient(circle, #ffffff, #eae9ee, #d5d3dd, #c0becc, #aca9bb);
}
.col-xl-4:nth-child(6) .demo-item .image, .col-xl-4:nth-child(12) .demo-item .image, .col-xl-4:nth-child(18) .demo-item .image, .col-xl-4:nth-child(24) .demo-item .image {
  background: radial-gradient(circle, #ffffff, #f8f7fc, #f1eff9, #eae8f6, #e3e0f3);
}

/***** Exclusive *****/
.exclusive-item {
  margin-bottom: 45px;
}
.exclusive-item .image {
  width: 100px;
  height: 100px;
  border: 1px solid #eeeeee;
}
.exclusive-item .image img {
  width: 40px;
}
.exclusive-item h3 {
  font-size: 20px;
  margin-top: 22px;
  margin-bottom: 15px;
}
.exclusive-item span {
  padding: 5px 20px;
  border-radius: 30px;
  background-color: #f3f3f3;
  color: var(--paragraphColor);
}

/***** Online Store *****/
.online-store-content .sub-title {
  box-shadow: 0px 1px 20px 6px rgba(34, 34, 34, 0.03);
  background-color: var(--whiteColor);
  border: 1px solid #eeeeee;
  margin-bottom: 20px;
  border-radius: 30px;
  padding: 5px 15px;
}
.online-store-content h2 {
  font-size: 50px;
  margin-bottom: 20px;
}
.online-store-content p {
  font-size: 18px;
  max-width: 560px;
}
.online-store-content .default-btn {
  margin-top: 20px;
}

.online-store-image {
  padding-left: 25px;
}

/***** Responsive *****/
.responsive-content {
  padding-left: 25px;
}
.responsive-content .sub-title {
  box-shadow: 0px 1px 20px 6px rgba(34, 34, 34, 0.03);
  background-color: var(--whiteColor);
  border: 1px solid #eeeeee;
  margin-bottom: 20px;
  border-radius: 30px;
  padding: 5px 15px;
}
.responsive-content h2 {
  font-size: 50px;
  margin-bottom: 20px;
}
.responsive-content p {
  font-size: 18px;
  max-width: 560px;
}
.responsive-content ul {
  margin-top: 30px;
  gap: 10px;
}
.responsive-content ul li {
  box-shadow: 0px 1px 20px 6px rgba(34, 34, 34, 0.03);
  background-color: var(--whiteColor);
  border: 1px solid #eeeeee;
  border-radius: 5px;
  padding: 7px 15px;
}
.responsive-content ul li span {
  padding-left: 26px;
}
.responsive-content ul li span i {
  left: 0;
  top: 50%;
  font-size: 18px;
  position: absolute;
  color: var(--primaryColor);
  transform: translateY(-50%);
}

.responsive-image {
  padding-right: 25px;
}

/***** Exclusive Features Area *****/
.exclusive_feature_box {
  background-color: #f9f9f9;
  margin-bottom: 25px;
  padding: 35px 30px;
}
.exclusive_feature_box h3 {
  font-size: 22px;
  margin-top: 25px;
  margin-bottom: 18px;
}
.exclusive_feature_box p strong {
  color: var(--blackColor);
}

/***** Footer *****/
.footer-area {
  background-color: #181818;
}
.footer-area .union {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  position: absolute;
  transform: scaleY(-1);
}
.footer-area .container-fluid {
  padding-left: 25px;
  padding-right: 25px;
}

.footer-content .sub-title {
  background-color: var(--whiteColor);
  margin-bottom: 25px;
  border-radius: 30px;
  padding: 5px 15px;
}
.footer-content h1 {
  font-size: 60px;
  max-width: 950px;
  margin-bottom: 30px;
}
.footer-content p {
  font-size: 20px;
  max-width: 700px;
}
.footer-content .default-btn {
  margin-top: 25px;
}

.footer-images {
  margin-bottom: 80px;
}
.footer-images img {
  border-radius: 0 0 0 10px;
}
.footer-images .custom-col:first-child, .footer-images .custom-col:last-child {
  width: 15%;
}
.footer-images .custom-col:nth-child(2), .footer-images .custom-col:nth-child(4) {
  width: 20%;
}
.footer-images .custom-col:nth-child(3) {
  width: 30%;
}
.footer-images .custom-col:nth-child(3) img {
  position: relative;
  border-bottom-right-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}
.footer-images .custom-col:nth-last-child(2) img {
  border-radius: 0 0 10px 0;
}
.footer-images .custom-col:last-child img {
  border-radius: 0 0 10px 0;
}/*# sourceMappingURL=style.css.map */