/*
  ============================================================
  Author: Othmane Ettaleby
  Website: https://www.ettaleby.com
  Version: 1.0.0
  Last Updated: May 30, 2024
  ============================================================
*/
:root {--primary-color: #00d0b0;--secondary-color: #0f0b33;--white-color: #ffffff;--primary-font: "Poppins", sans-serif;--secondary-font: "DM Sans", sans-serif;--third-font: "Montserrat", sans-serif;--bold: 700;--regular: 400;}body {font-family: var(--primary-font);font-weight: var(--bold);background-color: var(--white-color);}*:focus {box-shadow: none !important;}a {text-decoration: none;}.green-title {color: var(--primary-color);}h1, h2, h3, h4, h5, h6 {font-weight: var(--bold);}.btn-primary-green {background-color: var(--primary-color);color: var(--white-color);text-align: center;}@media (max-width: 767px) {.btn-primary-green {width: 100% !important;}}.btn-primary-white {background-color: var(--white-color);text-align: center;}.btn-primary-transparent {background-color: transparent;color: var(--secondary-color);border: 1px solid var(--primary-color);text-align: center;}.btn-auth {border-radius: 100px;padding: 16px 24px;font-size: 1.125rem;font-weight: var(--regular);}.btn-auto {width: 100%;}@media (min-width: 769px) {.btn-auto {width: 50%;}}.simple-badge {display: flex;width: fit-content;height: 24px;color: var(--white-color);border-radius: 5px;padding: 5px 10px;font-size: 0.75rem;justify-content: center;align-items: center;}.badge-error {background-color: #f80202;}.badge-success {background-color: var(--primary-color);}.badge-warning {background-color: #ffd600;}header.hero {background: linear-gradient(315deg, #0f0b33 1.95%, #0a4b5c 98.83%);z-index: 2;position: relative;overflow-x: hidden;}header.hero .hero-background {background-size: cover;width: 100%;height: 100%;position: absolute;z-index: -1;}@media (min-width: 769px) {header.hero .hero-background {background-image: url("/asset/storage/o-theme/images/hero/desktop-hero.png");}}@media (max-width: 768px) {header.hero .hero-background {background-image: url("/asset/storage/o-theme/images/hero/mobile-hero.png");}}.logo {width: 28px;height: 28px;clip-path: polygon(100% 0, 0% 100%, 100% 100%);background-color: var(--primary-color);}.logo-column {width: 4px;height: 28px;background-color: var(--primary-color);}nav ul.navbar-nav li.nav-item a {text-transform: uppercase;color: var(--secondary-color);}header nav ul.navbar-nav li.nav-item a {text-transform: uppercase;color: var(--white-color);transition: color 0.3s ease-in-out;}header nav ul.navbar-nav li.nav-item a:hover {color: var(--primary-color);}.hero-section .slogan {color: var(--white-color);font-size: 3.25rem;line-height: 1.2;}.hero-section .slogan span {color: var(--primary-color);}.statistics {background-color: #00d0b080;color: var(--white-color);}.statistics h2 {font-family: var(--third-font);font-size: 3.625rem;}.statistics h3 {font-family: var(--third-font);font-size: 1rem;}section.service .description {max-width: 504px;}section.service .description > span {font-size: 2rem;}section.service .description p {font-family: var(--secondary-font);font-weight: var(--regular);}section.service .service-card {max-width: 370px;max-height: 420px;border-bottom: 4px solid var(--primary-color);border-left: 1px solid #cfced6;border-right: 1px solid #cfced6;border-top: 1px solid #cfced6;transition: transform 0.3s ease-in-out;}section.service .service-card:hover {transform: translateY(-5px);cursor: pointer;}section.service .service-card .icon {width: 80px;height: 80px;border-radius: 50%;background-color: var(--primary-color);cursor: pointer;}section.service .service-card .icon img {transition: transform 0.3s ease-in-out;}section.service .service-card .icon img:hover {transform: scale(1.5);}section.service .service-card h3 {font-size: 24px;}section.service .service-card small {font-family: var(--secondary-font);font-weight: var(--regular);}body.dark-body, section.advantages, section.features {background: linear-gradient(108.81deg, #0f0b33 1.95%, #0a4b5c 98.83%);}section.advantages h1 {font-size: 32px;}section.advantages .advantage-card {padding: 24px 24px 24px 0px;color: var(--white-color);}section.advantages .advantage-card .icon {width: 78px;height: 78px;border-radius: 50%;background-color: #ffffff33;transition: transform 0.1s ease-in-out;}section.advantages .advantage-card .icon:hover {animation: vibrate 0.1s infinite alternate;cursor: pointer;}@keyframes vibrate {0% {transform: translateX(-1px) translateY(-1px) rotate(-1deg);}100% {transform: translateX(1px) translateY(1px) rotate(1deg);}}section.advantages .advantage-card > h3 {font-size: 24px;}section.advantages .advantage-card span {font-size: 16px;font-weight: var(--regular) !important;}section.audience h1 {width: 500px;height: 96px;font-size: 32px;}section.audience .card .icon {background-color: #00c9a71a;width: 80px;height: 80px;border-radius: 50%;transition: transform 0.5s ease-in-out;}section.audience .card .icon:hover {transform: rotateY(180deg);}section.audience .card small {font-family: var(--secondary-font);font-weight: var(--regular);}section.audience .card p {font-weight: var(--bold);font-size: 20px;}section.audience .card small {font-size: 16px;}section.features {color: var(--white-color);font-family: var(--third-font);}section.features .title {width: 500px;text-align: center;}section.features .title h2 {font-size: 40px;}section.features .title p {font-size: 14px;font-weight: var(--regular);}section.features .card-feature {background-color: #00d0b033;padding: 25px;transition: background-color 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);}section.features .card-feature:hover {background-color: #00d0b0;cursor: pointer;}section.features .card-feature .step {background-color: var(--white-color);width: 72px;height: 72px;border-radius: 50%;color: var(--primary-color);font-size: 24px;}section.features .card-feature h3 {font-size: 24px;}section.features .card-feature p.description {font-size: 14px;font-weight: var(--regular);}section.partners {bottom: 100px;}section.partners .container-partners {background-color: var(--white-color);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}section.partners .container-partners img {filter: grayscale(100%);transition: filter 0.3s ease-in-out;}section.partners .container-partners img:hover {filter: grayscale(0%);cursor: pointer;}@media (max-width: 767px) {section.partners .container-partners {width: 100%;height: auto;padding: 25px;}}section.partners .description > h1 {font-size: 2rem;}@media (max-width: 767px) {section.partners .description > h1 {font-size: 1.5rem;}section.partners .description p.green-title {font-size: 14px;}}footer {background: linear-gradient(233deg, #0f0b33 1.95%, #0a4b5c 98.83%);width: 100%;height: 100%;color: var(--white-color);}footer p.about {font-family: var(--secondary-font);line-height: 25.6px;letter-spacing: 0.3px;}footer h5.title {border-left: 2px solid var(--primary-color);padding-left: 16px;}footer ul.menu {font-family: var(--secondary-font);font-weight: var(--regular);padding-left: 16px;border: 2px solid transparent;}footer ul.menu li {padding-bottom: 15px;}footer ul.menu li > a {padding-bottom: 10px;color: var(--white-color);transition: color 0.3s ease-in-out, transform 0.3s ease-in-out;}footer ul.menu li > a:hover {color: var(--primary-color);transform: scale(1.1);}section.auth {background: linear-gradient(315deg, #0f0b33 1.95%, #0a4b5c 98.83%);height: 100vh;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;}section.auth::before {content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-image: url("/asset/storage/o-theme/images/hero/desktop-hero.png");background-size: cover;background-position: center;z-index: 0;}section.auth .container {position: relative;z-index: 1;}section.auth h4.card-title {font-size: 1.5rem;}section.auth p.card-text {font-weight: var(--regular);font-size: 1.125rem;}section.auth input.auth-login, section.auth select.auth-login {border-radius: 100px;height: 62px;background-color: #f6f6f6;border: none;}section.auth input.auth, section.auth select.auth, section.auth textarea.auth {border-radius: 20px;height: 75px;border: none;background-color: #f6f6f6;}.error-card h1 {font-size: 10rem;}.error-card p {font-family: var(--secondary-font);font-weight: var(--regular);font-size: 2rem;}.error-card small {font-family: var(--secondary-font);font-weight: var(--regular);font-size: 1.125rem;}header.contact {background: linear-gradient(108.81deg, #0f0b33 1.95%, #0a4b5c 98.83%);height: 100vh;}header.contact .hero-contact {font-family: var(--third-font);}header.contact .hero-contact h2 {font-size: 2.5rem;}header.contact .hero-contact p {font-size: 0.875rem;font-weight: var(--regular);letter-spacing: 0.2px;line-height: 20px;}.contact-form .agent {height: 100%;background-color: #f9f9f9;border-radius: 20px;}.contact-form input, .contact-form textarea {background-color: #f9f9f9;border: 1px solid #e6e6e6;height: 50px;border-radius: 5px;}.contact-form .card {box-shadow: 0px 4px 20px 0px #00000040;border-radius: 30px;}.wrapper {background-color: #faf5fa;align-items: stretch;transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;font-family: var(--secondary-font);font-weight: var(--regular);}#sidebar {background-color: var(--white-color);max-width: 287px;min-width: 287px;transition: all 0.35s ease-in-out;color: var(--primary-color);}#sidebar.collapsed {margin-left: -287px;}.main {min-width: 0;overflow: hidden;transition: all 0.35s ease-in-out;}.avatar {width: 46px;}.navbar-expand .navbar-nav {margin-left: auto;}@media (max-width: 767.98px) {.sidebar {margin-left: -287px;}#sidebar.collapsed {margin-left: 0;}nav.navbar {width: 100vw;}}aside ul.navbar-nav .nav-item {padding: 5px;width: 210px;background-color: #f5f6fa;border-radius: 14px;}.wrapper ul.navbar-nav .nav-item.dropdown {background-color: var(--primary-color);height: 81px;border-radius: 14px;width: 317px;display: flex;justify-content: center;align-items: center;}@media (max-width: 767px) {.wrapper ul.navbar-nav .nav-item.dropdown {width: 100%;background-color: transparent;}}.wrapper ul.navbar-nav .nav-item.dropdown span {font-family: var(--primary-font);font-weight: var(--bold);color: var(--white-color);}@media (max-width: 767px) {.wrapper ul.navbar-nav .nav-item.dropdown span {display: none;}}aside ul.navbar-nav .nav-item.active {background: var(--primary-color);border-radius: 14px;}aside ul.navbar-nav .nav-item.active a.nav-link, aside ul.navbar-nav .nav-item.active a i {color: var(--white-color);}aside ul.navbar-nav .nav-item a {font-size: 20px;padding-left: 1.25rem;color: var(--secondary-color);}aside ul.navbar-nav .nav-item i {color: var(--secondary-color);display: inline-block;width: 25px;text-align: center;margin-right: 10px;}.main .dash-content {flex: 1;max-width: 100vw;width: 100vw;}@media (min-width: 768px) {.main .dash-content {max-width: auto;width: auto;}}.main .dash-content .card-icon::before {content: "";position: absolute;top: 50%;left: 50%;width: 60px;height: 60px;background-color: var(--primary-color);border-radius: 35%;opacity: 0.21;transform: translate(-50%, -50%);}.main .dash-content .dash-analyse p {font-size: 1.25rem;}.main .dash-content .dash-analyse h3 {font-family: var(--primary-font);font-size: 2.125rem;font-weight: var(--bold);}.main .dash-content .dash-analyse .card-icon i {font-size: 30px;color: var(--primary-color);}.main .dash-content .dash-filter input, .main .dash-content .dash-filter select {background-color: #f5f6fa;height: 54px;border: none;}.main .dash-content .table-responsive table th {background-color: #f5f6fa;border: none;}.main .dash-content .table-responsive table td {vertical-align: middle;text-align: center;padding: 1.25rem;}.main .dash-content .table-responsive table tbody .offers-logo {max-width: 36px;border-radius: 50%;}.main .dash-content .table-responsive table .table-icon i {font-size: 16px;}.primary-btn {display: flex;padding: 15px;align-items: center;width: fit-content;height: 81px;background-color: var(--primary-color);color: var(--white-color);border-radius: 14px;font-family: var(--primary-font);font-weight: var(--bold);font-size: 20px;}.main .dash-content .notification {background-color: #00cfb099;color: var(--white-color);border-radius: 14px;text-align: center;padding: 16.5px 0px;}.modal-description {font-family: var(--secondary-font);font-weight: var(--regular);}.modal-body input, .modal-body select, .modal-body textarea, .main .dash-content input, .main .dash-content select {border: 1px solid #a3a3a3;background-color: #f4f4f4;height: 68px;border-radius: 14px;}.upload input[type="file"] {height: 174px;width: 100%;opacity: 0;position: absolute;top: 0;left: 0;z-index: 2;cursor: pointer;}.upload {position: relative;height: 174px;border: 2px dashed #a3a3a3;background-color: #f4f4f4;border-radius: 14px;display: flex;align-items: center;justify-content: center;}.upload i {font-size: 3.75rem;color: #afafaf;z-index: 1;}.main .dash-content .profile-card label {font-family: var(--primary-font);font-weight: var(--bold);font-size: 1.125rem;}.main .dash-content .profile-card input, .main .dash-content .profile-card select {height: 72px;box-shadow: 6px 6px 54px 0px #0000000d;border: none;border-radius: 12px;background-color: var(--white-color);}section.docs .docs-title h1 {font-size: 1.75rem;font-family: var(--primary-font);}section.docs .docs-body {font-family: var(--secondary-font);font-size: 1.5rem;font-weight: var(--regular);}section.docs .docs-table {border-collapse: separate;border-spacing: 0 20px;}section.docs .docs-table thead th {font-family: var(--primary-font);}section.docs .docs-table td.parameters strong {background-color: rgba(0, 208, 176, 0.3);border-radius: 30px;text-align: center;padding: 10px 25px;display: inline-block;color: #fff;}section.docs .docs-box {background-color: rgba(0, 208, 176, 0.3);border-radius: 30px;padding: 30px 60px;}