@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@100..900&display=swap");
/*************************/
html, html body {
  font-family: "Noto Sans Arabic", sans-serif;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: middle;
  background: transparent;
  height: 100%;
  scroll-behavior: smooth;
  color: #000;
  font-size: 14px;
}
html body {
  overflow-x: hidden;
  position: relative;
  z-index: 1;
}
html body.modal-open, html body.swal2-shown {
  padding: 0 !important;
  overflow-y: auto !important;
}
html body ::-moz-selection {
  background-color: #000;
  color: #fff;
}
html body ::selection {
  background-color: #000;
  color: #fff;
}
html body ul {
  list-style: none;
}
html body a,
html body a:hover,
html body a:visited,
html body a:link {
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
html body article,
html body aside,
html body details,
html body figcaption,
html body figure,
html body footer,
html body header,
html body hgroup,
html body menu,
html body nav,
html body section {
  display: block;
}
html body div, html body body div,
html body span,
html body body span,
html body object,
html body body object,
html body iframe,
html body body iframe,
html body h1,
html body body h1,
html body h2,
html body body h2,
html body h3,
html body body h3,
html body h4,
html body body h4,
html body h5,
html body body h5,
html body h6,
html body body h6,
html body p,
html body body p,
html body blockquote,
html body body blockquote,
html body pre,
html body body pre,
html body abbr,
html body body abbr,
html body address,
html body body address,
html body cite,
html body body cite,
html body code,
html body body code,
html body del,
html body body del,
html body dfn,
html body body dfn,
html body em,
html body body em,
html body img,
html body body img,
html body ins,
html body body ins,
html body kbd,
html body body kbd,
html body q,
html body body q,
html body samp,
html body body samp,
html body small,
html body body small,
html body strong,
html body body strong,
html body sub,
html body body sub,
html body sup,
html body body sup,
html body var,
html body body var,
html body b,
html body body b,
html body i,
html body body i,
html body dl,
html body body dl,
html body dt,
html body body dt,
html body dd,
html body body dd,
html body ol,
html body body ol,
html body ul,
html body body ul,
html body li,
html body body li,
html body fieldset,
html body body fieldset,
html body form,
html body body form,
html body label,
html body body label,
html body legend,
html body body legend,
html body table,
html body body table,
html body caption,
html body body caption,
html body tbody,
html body body tbody,
html body tfoot,
html body body tfoot,
html body thead,
html body body thead,
html body tr,
html body body tr,
html body th,
html body body th,
html body td,
html body body td,
html body article,
html body body article,
html body aside,
html body body aside,
html body canvas,
html body body canvas,
html body details,
html body body details,
html body figcaption,
html body body figcaption,
html body figure,
html body body figure,
html body footer,
html body body footer,
html body header,
html body body header,
html body hgroup,
html body body hgroup,
html body menu,
html body body menu,
html body nav,
html body body nav,
html body section,
html body body section,
html body summary,
html body body summary,
html body time,
html body body time,
html body mark,
html body body mark,
html body audio,
html body body audio,
html body video,
html body body video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: middle;
  background: transparent;
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
  font-family: inherit;
  font-weight: normal;
  line-height: 1.3;
}
html body textarea {
  resize: none;
}
html body p {
  line-height: 1.7;
}
html body.invert {
  filter: invert(1);
}

.row {
  row-gap: 24px;
}

.btn {
  height: 45px;
  padding: 0 20px;
  border-radius: 50px;
  background: #009fe3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  gap: 7px;
  border: 2px solid transparent;
}
@media (max-width: 480px) {
  .btn {
    height: 35px;
    font-size: 12px;
    padding: 0 10px;
  }
}
.btn.btn-outline {
  background: transparent;
  border-color: #009fe3;
  color: #ffffff;
}
.btn.btn-outline:hover {
  background-color: #81be41;
}
.btn:hover {
  color: #fff;
  background-color: #81be41;
}

.g-head {
  margin-bottom: 30px;
  text-align: center;
}
@media (max-width: 480px) {
  .g-head {
    margin-bottom: 20px;
  }
}
.g-head h3 {
  position: relative;
  font-size: 25px;
  font-weight: 700;
  padding-bottom: 20px;
  color: #00aeef;
}
@media (max-width: 480px) {
  .g-head h3 {
    font-size: 17px;
    padding-bottom: 15px;
  }
}
.g-head h3::after {
  content: "";
  position: absolute;
  left: 50%;
  translate: -50% 0;
  bottom: 0;
  background: url("../assets/head-after.svg") no-repeat center center/contain;
  width: 150px;
  height: 15px;
}
@media (max-width: 480px) {
  .g-head h3::after {
    width: 100px;
    height: 10px;
  }
}

.form-control {
  min-height: 55px;
  padding: 0 20px;
  border-color: transparent;
  box-shadow: none;
  transition: 0.3s;
  border-radius: 50px;
}
@media (max-width: 480px) {
  .form-control {
    min-height: 45px;
    padding: 0 15px;
  }
}
.form-control:focus {
  border-color: #81be41;
  box-shadow: 0 0 0 0.2rem rgba(129, 190, 65, 0.25);
}
.form-control::-moz-placeholder {
  color: #929291;
}
.form-control::placeholder {
  color: #929291;
}
.form-control.form-select {
  background-position: left 20px center;
  color: #929291;
}

textarea.form-control {
  padding-top: 20px;
  height: 150px;
  border-radius: 20px;
}

.header_mobile {
  display: none;
  padding-block: 20px;
}
@media (max-width: 1024px) {
  .header_mobile {
    display: flex;
  }
}
.header_mobile .nav-toggle,
.header_mobile .search,
.header_mobile .lang {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #81be41;
  border: 0;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.header_mobile .logo img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 120px;
}
a.dropdown-item.active.active {
  background-color: #009fe3;
  color: #ffff !important;
}
.main-head {
  padding-block: 70px;
  position: relative;
}
@media (max-width: 1024px) {
  .main-head {
    display: none;
  }
}
.main-head .actions .lang,
.main-head .actions .search {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #81be41;
  border: 0;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  flex-shrink: 0;
}
.main-head .logo {
  position: absolute;
  left: 49%;
  top: 50%;
  translate: -50% -50%;
}
.main-head .logo img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 160px;
}
.main-head .menu {
  display: flex;
  align-items: center;
}
.main-head .menu > ul > li a {
  color: #929291;
  font-size: 15px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.main-head .menu > ul > li a::after {
  margin: 0;
}
.main-head .menu > ul > li a.active {
  color: #00aeef;
}
.main-head .menu > ul > li:nth-child(3) {
  padding-inline-end: 200px;
}
.main-head .dropdown .dropdown-menu {
  background: #fff;
  border: 0;
  padding: 10px 0;
  border-radius: 5px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  min-width: 180px;
}
.main-head .dropdown .dropdown-menu .dropdown-item {
  padding: 10px 20px;
  color: #000;
  font-size: 14px;
  transition: 0.3s;
}
.main-head .dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #f1f1f1;
}

.hero-section {
  text-align: center;
  padding-block: 350px;
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.services-section .block {
    position: relative;
}
a.abs-link {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 1600px) {
  .hero-section {
    padding-block: 200px;
  }
}
@media (max-width: 1024px) {
  .hero-section {
    padding-block: 90px;
  }
}
@media (max-width: 480px) {
  .hero-section {
    padding-block: 30px;
  }
}
.hero-section::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../assets/hero-before.svg) no-repeat center center/cover;
  z-index: -1;
}
@media (max-width: 480px) {
  .hero-section .caption {
    background: rgba(255, 255, 255, 0.4117647059);
    padding: 20px;
    backdrop-filter: blur(1px);
    border-radius: 30px;
  }
}
.hero-section .caption span {
  font-size: 20px;
}
@media (max-width: 480px) {
  .hero-section .caption span {
    font-size: 16px;
  }
}
.hero-section .caption h1 {
  font-weight: 700;
  font-size: 40px;
  margin-block: 10px 20px;
}
@media (max-width: 480px) {
  .hero-section .caption h1 {
    font-size: 28px;
  }
}

.about-section {
  padding-block: 80px;
  background-color: #f4f9f0;
}
@media (max-width: 1024px) {
  .about-section {
    padding-block: 50px;
  }
}
.about-section .info .g-head {
  text-align: initial;
}
.about-section .info .g-head h3 {
  color: #000;
}
.about-section .info .g-head h3::after {
  left: auto;
  right: 0;
  translate: 0 0;
  background-position: right;
}
[dir=ltr] .about-section .info .g-head h3::after {
  left: 0;
  translate: 0 0;
  background-position: left;
}
.about-section .info p {
  margin-bottom: 20px;
}

.form-subs {
  position: relative;
}
.form-subs .btn {
  position: absolute;
  left: 5px;
  top: 5px;
  min-width: 120px;
}
@media (max-width: 480px) {
  .form-subs .btn {
    min-width: 100px;
    height: 35px;
    padding: 0 10px;
  }
}
[dir=ltr] .form-subs .btn {
  left: auto;
  right: 5px;
}

.achievments-section {
  padding-block: 100px;
  position: relative;
}
.achievments-section::before, .achievments-section::after {
  content: "";
  position: absolute;
  width: 200px;
  height: 125px;
  background: url("../assets/arrow-before.svg") no-repeat center center/contain;
}
@media (max-width: 480px) {
  .achievments-section::before, .achievments-section::after {
    width: 150px;
    height: 100px;
  }
}
.achievments-section::before {
  top: 0;
  right: 0;
}
[dir=ltr] .achievments-section::before {
  right: auto;
  left: 0;
  transform: rotateY(180deg);
}
.achievments-section::after {
  bottom: 0;
  left: 0;
  transform: rotate(180deg);
}
[dir=ltr] .achievments-section::after {
  left: auto;
  right: 0;
  transform: rotateY(180deg) rotate(180deg);
}
.achievments-section .g-head h3::after {
  background: url("../assets/acheive-head-before.svg") no-repeat center center/contain;
  height: 22px;
}
.achievments-section .block {
  background: #ffffff;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1);
  border-radius: 14px;
  padding: 13px;
  height: 100%;
}
.achievments-section .block .img {
  position: relative;
  padding-top: 70%;
  overflow: hidden;
  border-radius: inherit;
}
.achievments-section .block .img > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.achievments-section .block .img a {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.achievments-section .block .info {
  padding-top: 15px;
  border-top: 1px dotted #acacac;
  padding-inline: 30px;
  margin-top: 20px;
}
@media (max-width: 480px) {
  .achievments-section .block .info {
    padding-inline: 15px;
  }
}
.achievments-section .block .info a {
  color: #000;
  font-weight: 600;
  font-size: 17px;
  transition: 0.3s;
}
@media (max-width: 480px) {
  .achievments-section .block .info a {
    font-size: 14px;
  }
}
.achievments-section .block .info a:hover {
  color: #00aeef;
}

.load-more {
  text-align: center;
  margin-top: 50px;
}
@media (max-width: 480px) {
  .load-more {
    margin-top: 30px;
  }
}

.our-features-section {
  padding-block: 0 80px;
}
@media (max-width: 1024px) {
  .our-features-section {
    padding-block: 0 50px;
  }
}
.our-features-section .row {
  border-radius: 30px;
  background-color: #009fe3;
  padding: 40px;
}
@media (max-width: 480px) {
  .our-features-section .row {
    padding: 20px;
    border-radius: 0;
  }
}
.our-features-section .row .col-12:nth-of-type(3) .block, .our-features-section .row .col-12:nth-of-type(7) .block {
  border: 0;
}
.our-features-section .g-head {
  margin-bottom: 50px;
}
.our-features-section .g-head h3::after {
  background: url("../assets/features-head-before.svg") no-repeat center center/contain;
}
.our-features-section .block {
  border-inline-end: 1px solid rgba(255, 255, 255, 0.337254902);
  padding-inline: 20px;
}
@media (max-width: 480px) {
  .our-features-section .block {
    padding-inline: 0;
    border: 0;
  }
}
.our-features-section .block .icon {
  width: 70px;
  height: 70px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.2);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  .our-features-section .block .icon {
    width: 50px;
    height: 50px;
    border-radius: 10px;
  }
}
.our-features-section .block .icon img {
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 480px) {
  .our-features-section .block .icon img {
    width: 25px;
    height: 25px;
  }
}
.our-features-section .block .info h4 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 480px) {
  .our-features-section .block .info h4 {
    font-size: 14px;
  }
}
.our-features-section hr {
  border-style: dashed;
  border-color: #fff;
  margin-block: 10px;
}

.faqs-section {
  padding-block: 0 80px;
}
.faqs-section .g-head {
  text-align: initial;
  margin-bottom: 50px;
}
.faqs-section .g-head h3 {
  padding-bottom: 30px;
}
.faqs-section .g-head h3::after {
  background: url("../assets/faqs-head-before.svg") no-repeat center center/contain;
  left: auto;
  right: 0;
  translate: 0 0;
  height: 20px;
  width: 180px;
}
[dir=ltr] .faqs-section .g-head h3::after {
  left: 0;
  right: auto;
}
.faqs-section .accordion .accordion-item {
  padding: 24px;
  background: #ffffff;
  border: 1px solid #e6e9ea;
  border-radius: 20px;
  transition: 0.3s;
}
@media (max-width: 480px) {
  .faqs-section .accordion .accordion-item {
    padding: 15px;
  }
}
.faqs-section .accordion .accordion-item button {
  position: relative;
  background-color: transparent;
  padding: 0;
  border: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: initial;
  font-size: 17px;
  padding-inline-end: 20px;
  transition: 0.3s;
}
@media (max-width: 480px) {
  .faqs-section .accordion .accordion-item button {
    font-size: 14px;
  }
}
.faqs-section .accordion .accordion-item button::after {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 15px;
  height: 15px;
  background: url("../assets/accordion-after.svg") no-repeat center center/contain;
  transition: 0.3s;
}
[dir=ltr] .faqs-section .accordion .accordion-item button::after {
  left: auto;
  right: 0;
}
.faqs-section .accordion .accordion-item button span {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #edeef0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-weight: 500;
  font-size: 18px;
  color: #009fe3;
  transition: 0.3s;
}
@media (max-width: 480px) {
  .faqs-section .accordion .accordion-item button span {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
}
.faqs-section .accordion .accordion-item button[aria-expanded=true] {
  font-weight: 700;
}
.faqs-section .accordion .accordion-item button[aria-expanded=true]::after {
  rotate: 45deg;
}
.faqs-section .accordion .accordion-item button[aria-expanded=true] span {
  background-color: #fff;
}
.faqs-section .accordion .accordion-item:has(button[aria-expanded=true]) {
  background: #f4f9f0;
  border: 1px solid #009fe3;
  box-shadow: 10px 0px 100px rgba(0, 43, 107, 0.2);
}

.contact-section {
  padding-block: 80px;
  background-color: #f4f9f0;
}
@media (max-width: 1024px) {
  .contact-section {
    padding-block: 50px;
  }
}
.contact-section .contact-form {
  background: #ffffff;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  padding: 40px;
}
@media (max-width: 480px) {
  .contact-section .contact-form {
    padding: 20px;
    border-radius: 15px;
  }
}
.contact-section .contact-form .g-head {
  text-align: initial;
}
.contact-section .contact-form .g-head h3::after {
  left: auto;
  right: 0;
  translate: 0 0;
  background: url("../assets/contact-head-before.svg") no-repeat center center/contain;
  background-position: right;
}
[dir=ltr] .contact-section .contact-form .g-head h3::after {
  left: 0;
  translate: 0 0;
  background-position: left;
}
.contact-section .contact-form .form-control {
  background-color: rgba(245, 245, 245, 0.6980392157);
}
.contact-section .contact-form .form-upload {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.contact-section .contact-form .form-upload .form-control[type=file] {
  padding-top: 12px;
  cursor: pointer;
}
.contact-section .contact-form .form-upload span {
  font-size: 12px;
  color: #929291;
  overflow-wrap: anywhere;
}
.contact-section .contact-form .btn {
  min-width: 120px;
}

.main-footer {
  background-color: #009fe3;
}
.main-footer .footer-top {
  padding-block: 50px;
}
.main-footer .footer-top .footer-info {
  text-align: center;
}
@media (max-width: 480px) {
  .main-footer .footer-top .footer-info {
    padding-block: 0 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5568627451);
  }
}
.main-footer .footer-top .footer-info > img {
  filter: brightness(0) invert(1);
  -o-object-fit: contain;
     object-fit: contain;
  width: 160px;
}
.main-footer .footer-top .footer-info .socials {
  margin-top: 50px;
}
@media (max-width: 480px) {
  .main-footer .footer-top .footer-info .socials {
    margin-top: 30px;
  }
}
.main-footer .footer-top .footer-links ul li:not(:last-child) {
  margin-bottom: 7px;
}
.main-footer .footer-top .footer-links ul li a {
  color: #fff;
  transition: 0.3s;
}
.main-footer .footer-top .footer-links ul li a:hover {
  text-decoration: underline;
  padding-inline-start: 5px;
}
@media (max-width: 480px) {
  .main-footer .footer-top .footer-contact {
    padding-block: 20px;
  }
}
.main-footer .footer-top .footer-contact .g-head {
  text-align: initial;
  margin-bottom: 20px;
}
.main-footer .footer-top .footer-contact .g-head h3 {
  color: #fff;
  font-size: 20px;
  padding-bottom: 30px;
}
@media (max-width: 480px) {
  .main-footer .footer-top .footer-contact .g-head h3 {
    font-size: 16px;
    padding-bottom: 20px;
  }
}
.main-footer .footer-top .footer-contact .g-head h3::after {
  left: auto;
  right: 0;
  translate: 0 0;
  background: url("../assets/footer-head-before.svg") no-repeat center center/contain;
  background-position: right;
  width: 160px;
  height: 20px;
}
@media (max-width: 480px) {
  .main-footer .footer-top .footer-contact .g-head h3::after {
    width: 120px;
    height: 15px;
  }
}
[dir=ltr] .main-footer .footer-top .footer-contact .g-head h3::after {
  left: 0;
  translate: 0 0;
  background-position: left;
}
.main-footer .footer-top .footer-contact p {
  margin-bottom: 20px;
  color: #fff;
}
@media (max-width: 480px) {
  .main-footer .footer-top .col-lg-5 {
    order: 2;
  }
}
.main-footer .footer-bottom {
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.5568627451);
  padding-block: 20px;
}
.main-footer .footer-bottom p {
  color: #fff;
}

.search-wrap {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.9);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  align-items: center;
  justify-content: center;
  z-index: 1050;
  transition: 0.3s;
}
.search-wrap .form-control {
  height: 70px;
  border: 0;
  padding: 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3215686275);
  background-color: transparent;
  color: #fff;
  border-radius: 0;
  font-size: 25px;
}
@media (max-width: 480px) {
  .search-wrap .form-control {
    height: 50px;
    font-size: 18px;
  }
}
.search-wrap .form-control:focus {
  box-shadow: none;
  border-color: #009fe3;
}
.search-wrap .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6980392157);
}
.search-wrap .form-control::placeholder {
  color: rgba(255, 255, 255, 0.6980392157);
}
.search-wrap .search-close {
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: transparent;
  border: none;
}
[dir=ltr] .search-wrap .search-close {
  right: auto;
  left: 20px;
}
.search-wrap .search-close img {
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(0) invert(1);
}
.search-wrap.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.sidebar {
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 1050;
  padding: 30px;
  transition: 0.3s;
  padding-top: 150px;
}
.sidebar .close {
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: transparent;
  border: none;
}
.sidebar .close img {
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(0) invert(1);
}
.sidebar .search-box {
  position: relative;
  margin-bottom: 50px;
}
.sidebar .search-box .form-control {
  height: 50px;
  border: 0;
  padding: 0 20px;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.3215686275);
  color: #fff;
  font-size: 16px;
}
.sidebar .search-box .form-control:focus {
  box-shadow: none;
  border-color: #009fe3;
  background-color: #fff;
  color: #000;
}
.sidebar .search-box .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6980392157);
}
.sidebar .search-box .form-control::placeholder {
  color: rgba(255, 255, 255, 0.6980392157);
}
.sidebar .search-box button {
  position: absolute;
  left: 5px;
  top: 5px;
  height: 40px;
  width: 40px;
  padding: 0 10px;
  border-radius: 100%;
  background: #81be41;
  border: 0;
  color: #fff;
  font-size: 14px;
}
[dir=ltr] .sidebar .search-box button {
  right: 0;
  left: auto;
}
.sidebar ul li:not(:last-child) {
  margin-bottom: 20px;
}
.sidebar ul li a {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  transition: 0.3s;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.sidebar ul li a:hover {
  color: #00aeef;
}
.sidebar ul li.dropdown .dropdown-menu {
  background: transparent;
  border: 0;
  padding: 10px 20px;
  min-width: 150px;
  position: relative !important;
  transform: none !important;
}
.sidebar ul li.dropdown .dropdown-menu .dropdown-item {
  padding: 0;
  font-size: 14px;
  font-weight: normal;
}
.sidebar.active {
  left: 0;
}

.banner {
  background-position: center;
  background-size: cover;
  min-height: 600px;
}
@media (max-width: 1024px) {
  .banner {
    min-height: 400px;
  }
}
@media (max-width: 480px) {
  .banner {
    min-height: 200px;
  }
}

.mission-and-vision-section {
  padding-block: 80px;
}
@media (max-width: 1024px) {
  .mission-and-vision-section {
    padding-block: 50px;
  }
}
.mission-and-vision-section .g-head {
  text-align: initial;
  margin-bottom: 50px;
}
.mission-and-vision-section .g-head h3 {
  color: #000;
  padding-bottom: 30px;
}
.mission-and-vision-section .g-head h3::after {
  left: auto;
  right: 0;
  translate: 0 0;
  background: url("../assets/vision-head-before.svg") no-repeat center center/contain;
  background-position: right;
  width: 180px;
  height: 30px;
}
[dir=ltr] .mission-and-vision-section .g-head h3::after {
  left: 0;
  translate: 0 0;
  background-position: left;
}
.mission-and-vision-section .info {
  padding-inline-start: 50px;
}
@media (max-width: 480px) {
  .mission-and-vision-section .info {
    padding-inline-start: 0;
  }
}
.mission-and-vision-section .info ul li {
  padding: 26.7263px;
  background: #ffffff;
  border: 1.1136px solid #edeef0;
  box-shadow: 11.136px 27.8399px 111.36px rgba(0, 43, 107, 0.25);
  border-radius: 22.2719px;
}
@media (max-width: 480px) {
  .mission-and-vision-section .info ul li {
    padding: 15px;
  }
}
.mission-and-vision-section .info ul li:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  .mission-and-vision-section .info ul li:not(:last-child) {
    margin-bottom: 20px;
  }
}
.mission-and-vision-section .info ul li .icon {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
}
@media (max-width: 480px) {
  .mission-and-vision-section .info ul li .icon {
    width: 35px;
    height: 35px;
  }
}
.mission-and-vision-section .info ul li .icon img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.mission-and-vision-section .info ul li .text h4 {
  font-weight: 700;
  font-size: 20px;
}
@media (max-width: 480px) {
  .mission-and-vision-section .info ul li .text h4 {
    font-size: 16px;
  }
}
.mission-and-vision-section .info ul li .text p {
  margin-top: 10px;
}
@media (max-width: 480px) {
  .mission-and-vision-section .info ul li .text p {
    margin-top: 5px;
  }
}
.mission-and-vision-section .info ul li:nth-child(1) .text h4 {
  color: #00aeef;
}
.mission-and-vision-section .info ul li:nth-child(2) .text h4 {
  color: #81be41;
}

.register-section {
  padding-block: 80px;
}
@media (max-width: 1024px) {
  .register-section {
    padding-block: 50px;
  }
}
.register-section .g-head {
  text-align: initial;
  margin-bottom: 100px;
}
@media (max-width: 480px) {
  .register-section .g-head {
    margin-bottom: 50px;
  }
}
.register-section .g-head h3 {
  color: #000;
  padding-bottom: 25px;
}
.register-section .g-head h3::after {
  left: auto;
  right: 0;
  translate: 0 0;
  background: url("../assets/register-head-before.svg") no-repeat center center/contain;
  background-position: right;
  width: 100px;
  height: 20px;
}
[dir=ltr] .register-section .g-head h3::after {
  left: 0;
  translate: 0 0;
  background-position: left;
}
.register-section .g-head p {
  margin-top: 30px;
}
@media (max-width: 480px) {
  .register-section .g-head p {
    margin-top: 15px;
  }
}
.register-section .info > ul {
  counter-reset: step-counter;
}
.register-section .info > ul > li {
  counter-increment: step-counter;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 480px) {
  .register-section .info > ul > li {
    gap: 10px;
  }
}
.register-section .info > ul > li::before {
  content: counter(step-counter, decimal-leading-zero);
  font-size: 80px;
  color: rgba(0, 43, 107, 0.15);
  font-weight: 500;
  line-height: 1;
}
@media (max-width: 480px) {
  .register-section .info > ul > li::before {
    font-size: 30px;
  }
}
.register-section .info > ul > li .box {
  padding: 24px;
  background: #ffffff;
  border: 1px solid #edeef0;
  box-shadow: 10px 25px 100px rgba(0, 43, 107, 0.25);
  border-radius: 20px;
  width: 100%;
}
@media (max-width: 480px) {
  .register-section .info > ul > li .box {
    padding: 15px;
  }
}
.register-section .info > ul > li .box .icon {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  background-color: rgba(0, 174, 239, 0.2588235294);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  .register-section .info > ul > li .box .icon {
    width: 35px;
    height: 35px;
  }
}
.register-section .info > ul > li .box .text h4 {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 10px;
}
@media (max-width: 480px) {
  .register-section .info > ul > li .box .text h4 {
    font-size: 14px;
    margin-bottom: 5px;
  }
}
.register-section .info > ul > li .box .text ul {
  padding-inline-start: 20px;
}
.register-section .info > ul > li .box .text ul li {
  color: #929291;
  list-style-type: disc;
}
.register-section .info > ul > li .box .text ul li::marker {
  font-size: 8px;
}
.register-section .info > ul > li .box .text ul li a {
  color: inherit;
}
.register-section .info > ul > li .box .text ul li a:hover {
  text-decoration: underline;
}
.register-section .info > ul > li .box .text ul li:not(:last-child) {
  margin-bottom: 7px;
}
@media (max-width: 480px) {
  .register-section .info > ul > li .box .text ul li:not(:last-child) {
    margin-bottom: 5px;
  }
}
.register-section .info > ul > li:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  .register-section .info > ul > li:not(:last-child) {
    margin-bottom: 20px;
  }
}
.register-section .info > ul > li:nth-of-type(even) {
  flex-direction: row-reverse;
}

.masarat-section {
  padding-block: 80px;
}
@media (max-width: 1024px) {
  .masarat-section {
    padding-block: 50px;
  }
}
.masarat-section .g-head {
  text-align: initial;
  margin-bottom: 50px;
}
.masarat-section .g-head h3 {
  padding-bottom: 30px;
  color: #000;
}
.masarat-section .g-head h3::after {
  background: url("../assets/faqs-head-before.svg") no-repeat center center/contain;
  left: auto;
  right: 0;
  translate: 0 0;
  height: 30px;
  width: 220px;
}
[dir=ltr] .masarat-section .g-head h3::after {
  left: 0;
  right: auto;
}
.masarat-section .masarat-img {
  border-radius: 23px;
  overflow: hidden;
  position: relative;
  padding-top: 65%;
}
.masarat-section .masarat-img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.masarat-section .info {
  background-color: #00aeef;
  border-radius: 23px;
  padding: 60px;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 480px) {
  .masarat-section .info {
    padding: 30px;
  }
}
.masarat-section .info .g-head {
  text-align: center;
  margin-bottom: 20px;
}
.masarat-section .info .g-head h3 {
  color: #fff;
}
.masarat-section .info .g-head h3::after {
  left: 50%;
  right: auto;
  translate: -50% 0;
  background-position: center;
  background: url("../assets/ahly-head-before.svg") no-repeat center center/contain;
}
.masarat-section .info p {
  color: #fff;
}

.ceo-section {
  padding-block: 80px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .ceo-section {
    padding-block: 50px;
  }
}
.ceo-section .g-head {
  text-align: initial;
}
.ceo-section .g-head h3 {
  color: #000;
  padding-bottom: 30px;
}
@media (max-width: 480px) {
  .ceo-section .g-head h3 {
    padding-bottom: 20px;
  }
}
.ceo-section .g-head h3::after {
  background: url("../assets/ceo-head-before.svg") no-repeat center center/contain;
  left: auto;
  right: 0;
  translate: 0 0;
  height: 30px;
  width: 230px;
}
@media (max-width: 480px) {
  .ceo-section .g-head h3::after {
    width: 150px;
    height: 15px;
  }
}
[dir=ltr] .ceo-section .g-head h3::after {
  left: 0;
  right: auto;
}
.ceo-section .content h4 {
  font-weight: 700;
  color: #009fe3;
  font-size: 19px;
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  .ceo-section .content h4 {
    font-size: 16px;
  }
}
.ceo-section .content p {
  margin-bottom: 20px;
  font-size: 16px;
}
@media (max-width: 768px) {
  .ceo-section .content p {
    font-size: 14px;
  }
}
.ceo-section .content .box {
  padding: 20px 40px;
  background: #ffffff;
  border: 0.846366px solid #edeef0;
  box-shadow: 10px 25px 100px rgba(0, 43, 107, 0.25);
  border-radius: 20px;
  position: relative;
}
@media (max-width: 768px) {
  .ceo-section .content .box {
    padding: 15px;
  }
}
.ceo-section .content .box p {
  margin: 0;
}
.ceo-section .content .box img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.ceo-section .content .box.box-img {
  border-radius: 30px;
  padding: 0;
  height: 400px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .ceo-section .content .box.box-img {
    height: 250px;
  }
}
@media (max-width: 480px) {
  .ceo-section .content .box.box-img {
    height: 400px;
  }
}
.ceo-section .content .box.box-values {
  margin-top: 200px;
}
@media (max-width: 768px) {
  .ceo-section .content .box.box-values {
    margin-top: 100px;
    padding: 15px;
  }
}
@media (max-width: 480px) {
  .ceo-section .content .box.box-values {
    margin-top: 0;
  }
}
.ceo-section .content .box.box-values::before {
  content: "";
  position: absolute;
  width: 120px;
  height: 90px;
  background: url(../assets/arrow-before.svg) no-repeat center center/contain;
  right: -60px;
  bottom: 50px;
  rotate: 165deg;
  z-index: -1;
}
@media (max-width: 480px) {
  .ceo-section .content .box.box-values::before {
    display: none;
  }
}
.ceo-section .content .box.box-partnership {
  margin-top: 50px;
}
@media (max-width: 480px) {
  .ceo-section .content .box.box-partnership {
    margin-top: 0;
  }
}
.ceo-section .content .box.box-partnership::before {
  content: "";
  position: absolute;
  width: 120px;
  height: 100px;
  background: url("../assets/arrow-before.svg") no-repeat center center/contain;
  left: -30px;
  top: -90px;
  rotate: 25deg;
}
@media (max-width: 480px) {
  .ceo-section .content .box.box-partnership::before {
    display: none;
  }
}
@media (max-width: 480px) {
  .ceo-section .content .row .col-lg-4 {
    order: 1;
  }
}
.ceo-section .ceo-words {
  position: relative;
  padding-block: 50px;
}
.ceo-section .ceo-words::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 1000px;
  height: 1000px;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  background: url("../assets/ceo-before.svg") no-repeat center center/contain;
}

.programs-section {
  padding-block: 80px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .programs-section {
    padding-block: 50px;
  }
}
.programs-section::before {
  content: "";
  position: absolute;
  left: -60%;
  bottom: 0;
  background: url(../assets/ceo-before.svg) no-repeat center bottom/contain;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.programs-section .g-head {
  text-align: initial;
  margin-bottom: 70px;
}
@media (max-width: 480px) {
  .programs-section .g-head {
    margin-bottom: 30px;
  }
}
.programs-section .g-head h3 {
  color: #000;
  padding-bottom: 25px;
}
.programs-section .g-head h3::after {
  left: auto;
  right: 0;
  translate: 0 0;
  background-position: right;
  background: url(../assets/programs-head-before.svg) no-repeat center center/contain;
}
[dir=ltr] .programs-section .g-head h3::after {
  left: 0;
  translate: 0 0;
  background-position: left;
}
.programs-section .block {
  background: #ffffff;
  border: 0.846366px solid #edeef0;
  box-shadow: 10px 25px 100px rgba(0, 43, 107, 0.25);
  border-radius: 20px;
  padding: 40px;
  text-align: center;
  max-width: 90%;
}
@media (max-width: 480px) {
  .programs-section .block {
    padding: 40px 20px;
    max-width: 100%;
  }
}
.programs-section .block .icon {
  width: 90px;
  height: 90px;
  background-color: #00aeef;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 30px;
  position: relative;
}
@media (max-width: 480px) {
  .programs-section .block .icon {
    width: 60px;
    height: 60px;
  }
  .programs-section .block .icon img {
    width: 25px;
    height: 25px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.programs-section .block .icon::before {
  content: "";
  position: absolute;
  inset: -10px;
  border: 1px dashed #00aeef;
  border-radius: inherit;
}
.programs-section .block .info h3 {
  color: #009fe3;
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 10px;
}
@media (max-width: 480px) {
  .programs-section .block .info h3 {
    font-size: 18px;
  }
}
.programs-section .block .info p {
  font-size: 16px;
}
@media (max-width: 480px) {
  .programs-section .block .info p {
    font-size: 14px;
  }
}
.programs-section .row {
  row-gap: 50px;
}
@media (max-width: 480px) {
  .programs-section .row {
    row-gap: 30px;
  }
}

.insihab-section {
  padding-block: 80px;
  position: relative;
}
@media (max-width: 1024px) {
  .insihab-section {
    padding-block: 50px;
  }
}
.insihab-section::before {
  content: "";
  position: absolute;
  left: -55%;
  bottom: 0;
  background: url(../assets/ceo-before.svg) no-repeat center bottom/contain;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.insihab-section .g-head {
  text-align: initial;
}
.insihab-section .g-head h3 {
  color: #000;
  padding-bottom: 30px;
}
.insihab-section .g-head h3::after {
  left: auto;
  right: 0;
  translate: 0 0;
  background: url(../assets/programs-head-before.svg) no-repeat center center/contain;
  background-position: right;
  width: 200px;
  height: 20px;
}
[dir=ltr] .insihab-section .g-head h3::after {
  left: 0;
  translate: 0 0;
  background-position: left;
}
.insihab-section .content p {
  margin-bottom: 20px;
  font-size: 16px;
}
@media (max-width: 768px) {
  .insihab-section .content p {
    font-size: 14px;
  }
}
.insihab-section .content ul {
  padding-inline-start: 20px;
  margin-bottom: 20px;
}
.insihab-section .content ul li {
  list-style-type: disc;
  font-size: 16px;
}
.insihab-section .content ul li::marker {
  font-size: 8px;
}
.insihab-section .content ul li a {
  color: inherit;
}
.insihab-section .content ul li a:hover {
  text-decoration: underline;
}
.insihab-section .content ul li:not(:last-child) {
  margin-bottom: 7px;
}
@media (max-width: 480px) {
  .insihab-section .content ul li:not(:last-child) {
    margin-bottom: 5px;
  }
}

.services-section {
  padding-block: 80px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .services-section {
    padding-block: 50px;
  }
}
.services-section::before, .services-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  background: url(../assets/ceo-before.svg) no-repeat center bottom/contain;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.services-section::before {
  left: -55%;
}
.services-section::after {
  right: -55%;
  transform: scaleX(-1);
}
.services-section .block {
  padding: 12px;
  background: #ffffff;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1);
  border-radius: 14px;
}
.services-section .block .img {
  border-radius: 14px;
  overflow: hidden;
  position: relative;
  padding-top: 70%;
}
.services-section .block .img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.services-section .block .info {
  padding-top: 15px;
  border-top: 1px dotted #acacac;
  padding-inline: 30px;
  margin-top: 20px;
  text-align: center;
}
.services-section .block .info h3 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 5px;
}
.services-section .block .info h3 a {
  color: inherit;
}
.services-section .block .info h3 a:hover {
  text-decoration: underline;
}
.services-section .block .info p {
  font-weight: 300;
}
.services-section .row {
  position: relative;
}
.services-section .row::before {
  content: "";
  position: absolute;
  width: 200px;
  height: 125px;
  background: url(../assets/arrow-before.svg) no-repeat center center/contain;
  top: -150px;
  right: -50px;
}
@media (max-width: 480px) {
  .services-section .row::before {
    display: none;
  }
}
.services-section .g-head h3 {
  padding-bottom: 30px;
}
.services-section .g-head h3::after {
  background: url(../assets/services-head-before.svg) no-repeat center center/contain;
  width: 230px;
  height: 30px;
}

.fees-wrap {
  padding-block: 80px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .fees-wrap {
    padding-block: 50px;
  }
}
.fees-wrap::before {
  content: "";
  position: absolute;
  right: -55%;
  top: 0;
  background: url(../assets/ceo-before.svg) no-repeat center bottom/contain;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.fees-wrap .g-head {
  text-align: initial;
}
.fees-wrap .g-head h3 {
  color: #000;
  padding-bottom: 25px;
}
.fees-wrap .g-head h3::after {
  left: auto;
  right: 0;
  translate: 0 0;
  background-position: right;
  background: url(../assets/programs-head-before.svg) no-repeat center center/contain;
  background-position: right;
  width: 160px;
  height: 20px;
}
[dir=ltr] .fees-wrap .g-head h3::after {
  left: 0;
  translate: 0 0;
  background-position: left;
}
.fees-wrap .fees {
  width: 100%;
  margin-bottom: 70px;
}
@media (max-width: 480px) {
  .fees-wrap .fees {
    margin-bottom: 30px;
  }
}
.fees-wrap .fees__header, .fees-wrap .fees__row {
  display: grid;
  grid-template-columns: 80px 1fr 200px;
  gap: 15px;
  align-items: center;
  margin-bottom: 15px;
}
.fees-wrap .fees__header div {
  background: #abdbf0;
  box-shadow: 0px 0px 8px rgba(10, 116, 243, 0.25);
  padding: 15px;
  border-radius: 6px;
  font-weight: bold;
  text-align: center;
  color: #000;
  border-inline-start: 4px solid #009fe3;
}
.fees-wrap .fees__row {
  transition: 0.3s ease;
}
.fees-wrap .fees__row:hover {
  transform: translateY(-3px);
}
.fees-wrap .fees__col {
  padding: 15px;
  border-radius: 6px;
  border-inline-start: 4px solid #009fe3;
  background: #ffffff;
  box-shadow: 0px 0px 8px rgba(10, 116, 243, 0.25);
  color: #575757;
  font-weight: 500;
  font-size: 16px;
}
.fees-wrap .fees__number {
  text-align: center;
}
.fees-wrap .fees__price {
  font-weight: 500;
}
.fees-wrap .fees__hint {
  font-weight: 700;
  margin-top: 10px;
}
@media (max-width: 480px) {
  .fees-wrap .fees__hint {
    font-size: 12px;
  }
}
.fees-wrap .fees--4col {
  color: #000;
}
.fees-wrap .fees--4col .fees__header,
.fees-wrap .fees--4col .fees__row {
  grid-template-columns: 60px 1fr 250px 500px;
  gap: 12px;
}
@media (max-width: 480px) {
  .fees-wrap .fees--4col .fees__header,
  .fees-wrap .fees--4col .fees__row {
    grid-template-columns: 1fr;
  }
}
.fees-wrap .fees--4col .fees__header div {
  background: #81be41;
  color: #fff;
  box-shadow: none;
  padding: 18px 15px;
  border-radius: 12px;
  font-weight: 600;
  font-size: 15px;
}
.fees-wrap .fees--4col .fees__row .fees__col {
  background: #ffffff;
  box-shadow: 0px 0px 8px rgba(129, 190, 65, 0.25);
  color: #575757;
  padding: 15px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 16px;
}
.fees-wrap .fees--4col .fees__label {
  display: none;
}
.fees-wrap .fees {
  /* ======================
      📱 Mobile
   ====================== */
}
@media (max-width: 768px) {
  .fees-wrap .fees__header {
    grid-template-columns: 40px 1fr 110px;
  }
  .fees-wrap .fees__header div {
    padding: 7px 5px;
    font-size: 12px;
  }
  .fees-wrap .fees__row {
    grid-template-columns: 40px 1fr 110px;
  }
  .fees-wrap .fees__col {
    position: relative;
    background: #fff;
    font-size: 12px;
    padding: 5px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .fees-wrap .fees__label {
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
    font-weight: bold;
    color: #666;
    font-size: 12px;
  }
}
.fees-wrap .fees__text h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}
.fees-wrap .fees__text ul {
  padding-inline-start: 20px;
}
.fees-wrap .fees__text ul li {
  list-style-type: disc;
  margin-bottom: 7px;
}
.fees-wrap .fees__text ul li::marker {
  font-size: 8px;
}

/* 404 page - school theme */
.error-404.not-found {
  min-height: 70vh;
  display: flex;
  align-items: center;
  padding-block: 80px 100px;
  background-color: #f4f9f0;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .error-404.not-found {
    padding-block: 60px 80px;
  }
}
@media (max-width: 480px) {
  .error-404.not-found {
    min-height: 60vh;
    padding-block: 40px 60px;
  }
}
.error-404__bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: clamp(120px, 25vw, 280px);
  font-weight: 700;
  line-height: 1;
  color: rgba(0, 159, 227, 0.08);
  pointer-events: none;
  user-select: none;
}
.error-404__inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 560px;
  margin-inline: auto;
}
.error-404__icon {
  width: 80px;
  height: 80px;
  margin-inline: auto;
  margin-bottom: 20px;
  color: #00aeef;
}
.error-404__icon svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 480px) {
  .error-404__icon {
    width: 56px;
    height: 56px;
    margin-bottom: 16px;
  }
}
.error-404__title {
  font-size: 28px;
  font-weight: 700;
  color: #00aeef;
  margin-bottom: 16px;
}
@media (max-width: 480px) {
  .error-404__title {
    font-size: 22px;
    margin-bottom: 12px;
  }
}
.error-404__desc {
  font-size: 16px;
  color: #929291;
  line-height: 1.7;
  margin-bottom: 28px;
}
@media (max-width: 480px) {
  .error-404__desc {
    font-size: 14px;
    margin-bottom: 22px;
  }
}
.error-404__search {
  max-width: 400px;
  margin-inline: auto;
  margin-bottom: 24px;
}
.error-404__search .search-form {
  display: flex;
  gap: 0;
  border-radius: 50px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 159, 227, 0.12);
}
.error-404__search .search-form label {
  flex: 1;
  margin: 0;
}
.error-404__search .search-form .search-field {
  width: 100%;
  min-height: 45px;
  padding: 0 20px;
  border: 2px solid transparent;
  border-radius: 50px 0 0 50px;
  font-size: 14px;
  transition: 0.3s;
}
[dir=rtl] .error-404__search .search-form .search-field {
  border-radius: 0 50px 50px 0;
}
.error-404__search .search-form .search-field:focus {
  border-color: #81be41;
  outline: none;
  box-shadow: 0 0 0 3px rgba(129, 190, 65, 0.2);
}
.error-404__search .search-form .search-submit {
  min-width: 120px;
  height: 45px;
  padding: 0 20px;
  border: 0;
  border-radius: 0 50px 50px 0;
  background: #009fe3;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: 0.3s;
}
[dir=rtl] .error-404__search .search-form .search-submit {
  border-radius: 50px 0 0 50px;
}
.error-404__search .search-form .search-submit:hover {
  background: #81be41;
  color: #fff;
}
@media (max-width: 480px) {
  .error-404__search .search-form .search-field,
  .error-404__search .search-form .search-submit {
    min-height: 40px;
    height: 40px;
  }
  .error-404__search .search-form .search-submit {
    min-width: 90px;
    font-size: 13px;
  }
}
.error-404__actions .btn {
  min-width: 160px;
}
@media (max-width: 480px) {
  .error-404__actions .btn {
    min-width: 140px;
  }
}

@media (max-width: 480px) {
  .container {
    padding-inline: 25px;
  }
}/*# sourceMappingURL=style.css.map */