:root {
    --primary: #008aff;
    --primary-gradient: linear-gradient(60deg, #0052d4, #3cafe9, #65c7f7);
    --primary-gradient-purple: linear-gradient(60deg, #0052d4, #3cafe9, var(--third));
    /* --secondary: #01FFE6; */
    --secondary: #003eff;
    /* --third: #f12a51; */
    --third: #8f5cff;
    --lightgray: #747474;
    --warm: #eeeeee;
    --bodycolor: #232730;
    /* --font: 'Poppins', sans-serif; */
    /* --font: 'Nunito', sans-serif; */
    --font: 'Figtree', sans-serif;
}

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

.text-secundar {
    color: var(--secondary) !important;
}

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

.text-black {
    color: #000 !important;
}

.text-lightgray {
    color: var(--lightgray);
}

.bg-primar {
    background-color: var(--primary) !important;
}

.bg-outline-primar {
    border: 2px solid var(--primary) !important;
}

.bg-outline-primar:hover {
    background-color: var(--primary) !important;
    color: #fff;
}

.bg-secundar {
    background-color: var(--secondary) !important;
}

.bg-warm {
    background-color: var(--warm) !important;
}

.btn-primar {
    background-color: var(--primary) !important;
    color: #fff;
}

.btn-primar:hover {
    color: #fff!important;
}

.btn-secundar {
    background-color: var(--secondary) !important;
    color: #fff;
}

.fs-1 {
    font-size: 1.2rem;
}

.fs-2 {
    font-size: 1.1rem;
}

.fs-3 {
    font-size: 1rem;
}

.fs-4 {
    font-size: 0.9rem;
}

.fs-5 {
    font-size: 0.8rem;
}

.fs-6 {
    font-size: 0.7rem;
}

.object-fit-cover {
    object-fit: cover !important;
}

.object-fit-contain {
    object-fit: contain !important;
}

.h-90 {
    height: 90% !important;
}

.w-90 {
    width: 90% !important;
}

.shadow-none {
    box-shadow: none !important;
}

.border-radius-none {
    border-radius: 0px !important;
}

.border-radius-50 {
    border-radius: 50px !important;
}

.border-radius-15 {
    border-radius: 15px !important;
}

.shadow-header {
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%) !important;
}

/* @media only screen and (max-width: 768px) {
    body h1 {
        font-size: 2.25rem !important;
    }
} */

body h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li,
span,
label {
    font-family: var(--font) !important;
}

body p {
    font-size: 1rem !important;
    /* letter-spacing: 1px; */
    /* font-weight: 500!important; */
}

::placeholder {
    font-family: var(--font) !important;
}

body {
    color: var(--bodycolor) !important;
}

body h1,
h2,
h3 {
    font-weight: 700 !important;
}

/* body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
} */

footer {
    font-weight: 500;
    background-color: #f8f9f9 !important;
}

#menu li a {
    /* font-weight: bold; */
    font-size: 0.9rem;
}

/* OWL CAROUSEL */

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -30px;
    z-index: 1010;
    position: absolute;
    left: 47%;
    /* right: 5%; */
}

@media only screen and (min-width: 768px) {
    .main-owl-carousel .owl-dots {
        margin-top: -50px;
        z-index: 1100;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        right: 0;
    }
}

@media only screen and (max-width: 768px) {
    .main-owl-carousel .owl-dots {
        margin-top: -75px;
        z-index: 1100;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        right: 0;
    }
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--primary);
}

/*  Slideshow nav on sides & dots color */

@media only screen and (min-width: 768px) {
    .owl-prev {
        width: 20px;
        height: auto;
        position: absolute;
        top: 50%;
        left: 35px;
        display: block !important;
        font-family: var(--font);
        font-size: 30px !important;
    }
}

@media only screen and (min-width: 768px) {
    .owl-next {
        width: 20px;
        height: auto;
        position: absolute;
        top: 50%;
        right: 35px;
        display: block !important;
        font-family: var(--font);
        font-size: 30px !important;
    }
}

.owl-prev i,
.owl-next i {
    transform: scale(1, 6);
    color: #fff;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: #FFF;
    text-decoration: none;
}

span.fa.fa-chevron-right.hidden-md-down:hover {
    color: var(--secondary) !important;
    font-size: 25px !important;
}

span.fa.fa-chevron-left.hidden-md-down:hover {
    color: var(--secondary-text) !important;
    font-size: 25px !important;
}

.owl-theme .owl-dots .owl-dot span {
    width: 25px;
    height: 5px;
    margin: 5px 10px;
    background: #c7c7c7;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0px;
}

.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    background: transparent;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}

/* END Slideshow Nav on sides */

/* ------------- */

.navbar .navbar-brand {
    position: relative;
    color: inherit;
    height: auto;
    font-size: 1.125rem;
    line-height: 30px;
    /* padding: 0.625rem 0; */
    padding: 0px;
}

.navbar.navbar-transparent {
    background-color: rgba(255, 255, 255) !important;
    padding: 14px 0;
    color: #555;
    transition: all .2s;
}

.navbar {
    border: 0;
    border-radius: 3px;
    padding: 0.625rem 0;
    margin-bottom: 20px;
    color: #555;
    background-color: rgba(255, 255, 255, 0.7) !important;
    box-shadow: 0 4px 18px 0rgba(0, 0, 0, .12), 0 7px 10px -5pxrgba(0, 0, 0, .15);
}

.menu .nav-link {
    color: #fff;
}

.sidebar::after {
    content: "";
    display: block;
    border-top: 2px solid var(--secondary);
    width: 35px;
    left: 0 !important;
    right: 0 !important;
}

.line::after {
    content: "";
    display: block;
    border-top: 2px solid var(--secondary);
    width: 35px;
    left: 0 !important;
    right: 0 !important;
}

.nav-pills.nav-pills-primary .nav-item .nav-link.active,
.nav-pills.nav-pills-primary .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-primary .nav-item .nav-link.active:hover {
    background-color: var(--primary);
    box-shadow: none;
    color: #fff;
    /* border-radius: 0px; */
    transition: none;
}

.nav-pills.nav-pills-primary .nav-item .nav-link,
.nav-pills.nav-pills-primary .nav-item .nav-link:focus,
.nav-pills.nav-pills-primary .nav-item .nav-link:hover {
    background-color: #fff;
    border: 2px solid var(--primary);
    box-shadow: none;
    color: var(--primary);
    transition: none;
}

.nav-pills .nav-item .nav-link {
    border-radius: 10px;
}

.overlay-card {
    position: relative;
}

.image {
    display: block;
    width: 100%;
    height: auto;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #000000b7;
    z-index: 100;
}

.overlay-card:hover .overlay {
    opacity: 1;
    cursor: pointer;
}

.text {
    color: white;
    z-index: 100;
    font-size: 25px;
    font-family: var(--font);
    font-weight: bold;
    position: absolute;
    top: 30px;
    left: 30px;
    text-align: center;
}

.text-2 {
    color: white;
    z-index: 100;
    font-size: 25px;
    font-family: var(--font);
    font-weight: bold;
    position: absolute;
    bottom: 20px;
    right: 30px;
    border: 1px solid rgb(160, 160, 160);
    border-radius: 50px;
    padding: 10px;
}

.overlay-card:hover .text-2 {
    color: white;
    z-index: 100;
    font-size: 25px;
    font-family: var(--font);
    font-weight: bold;
    position: absolute;
    bottom: 20px;
    right: 30px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 50px;
    padding: 10px;
    transition: all .3s;
}

.back-background:after,
.card-background:after,
.front-background:after {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: "";
    background-color: rgba(0, 0, 0, .3);
    border-radius: 0px;
}

.floating-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    margin: 0 auto;
    width: 40px;
    height: 40px;
    z-index: 1080;
    font-size: 20px;
    padding: 3px;
    display: none;
    border-radius: 50%;
    border: none;
    background-color: var(--secondary);
    color: #fff;
}

.box-shadow:hover {
    box-shadow: 0 7px 30px rgb(0 0 0 / 5%);
    transition: all .5s;
    cursor: pointer;
}

.box-shadow:hover span {
    color: var(--secondary);
    transition: all .5s;
}

.invert-filter {
    filter: brightness(0) invert(1) !important;
    transition: filter .3s;
}

.moving-mouse-holder .mouse {
    width: 26px;
    height: 40px;
    position: relative;
    right: 0;
    border-radius: 18px;
    border: 2px solid #fff;
}

.moving-mouse-holder .mouse:hover {
    border: 2px solid #fff;
    transition: border .2s;
}

.moving-mouse-holder .mouse-button {
    background-color: #fff;
    width: 2px;
    height: 10px;
    border-radius: 2px;
    position: absolute;
    top: 10px;
    left: 50%;
    margin: 0 0 0 -1px;
    animation: mouse-button-scroll .5s infinite alternate;
}

@media only screen and (min-width: 768px) {
    .moving-mouse-holder {
        margin: auto;
        z-index: 1090;
        bottom: 75px;
        position: absolute;
        left: 48%;
        right: 0;
        animation: mouse-scroll .7s infinite alternate;

    }
}

@media only screen and (max-width: 768px) {
    .moving-mouse-holder {
        margin: auto;
        z-index: 1090;
        bottom: 75px;
        position: absolute;
        left: 43%;
        right: 0;
        animation: mouse-scroll 1s infinite alternate;

    }
}

.moving-mouse-holder .text {
    margin-top: -23px;
    margin-left: 20px;
    color: #ffffff;
    font-size: 0.8em;
    line-height: 1em;
}

@keyframes mouse-scroll {

    /* transform: translate(0, 6px); */
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }

    50% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(0);
    }

}

@keyframes mouse-button-scroll {
    to {
        transform: translate(0, 6px) scale(1, 0.8);
    }
}

#breadcrumb ol li {
    font-size: 1rem;
    letter-spacing: 1px;
}

#breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: #6c757d;
    content: "\203A";
}

#breadcrumb ol li a {
    color: var(--primary) !important;
}

.svg-filter-color {
    filter: invert(25%) sepia(10%) saturate(1230%) hue-rotate(349deg) brightness(98%) contrast(52%);
}

/* Vertically centered owl carouse items */

.owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}

.partner-animation {
    object-fit: contain;
    transition: transform .3s;
}

.partner-animation:hover {
    transform: translateY(-10px);
}


/* Vertically centered owl carouse items */

.numbering:before {
    font-size: 75px;
    left: 20px;
    /* top: -10px; */
    font-weight: 700;
    opacity: .1;
    display: block;
    /* position: relative; */
    position: absolute;
    color: var(--secondary);
}

@media only screen and (min-width: 600px) {
  .numbering:before {
  font-size: 6.25rem;
  text-align: center;
  top: 50%;
  font-weight: 700;
  opacity: .2;
  display: block;
  position: relative;
  color: var(--primary);
  }
  }
  
  @media only screen and (max-width: 600px) {
  .numbering:before {
  font-size: 6.25rem;
  text-align: center;
  top: 50%;
  font-weight: 700;
  opacity: .2;
  position: relative;
  color: var(--primary);
  }
  }

.one::before {
    content: "1";
}

.two::before {
    content: "2";
}

.three::before {
    content: "3";
}

.four::before {
    content: "4";
}

.five::before {
    content: "5";
}

.six::before {
    content: "6";
}

.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:hover,
.dropdown-menu a:active,
.dropdown-menu a:focus,
.dropdown-menu a:hover {
    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 14%), 0 7px 10px -5px rgba(39, 103, 176, 0.4);
    background-color: var(--primary);
    color: #fff;
    border-radius: 0px;
}

.card.bg-danger,
.card .card-header-danger,
.card.card-rotate.bg-danger .back,
.card.card-rotate.bg-danger .front {
    background: linear-gradient(60deg, var(--primary), #d32f2f);
}

.card-collapse .card-header a:active,
.card-collapse .card-header a:hover,
.card-collapse .card-header a[aria-expanded=true] {
    color: var(--secondary);
}


.feature-1 {
    background-position: 50%;
    background-size: cover;
    padding: 100px 0;
    position: relative;
    background-image: url('/dir/Acasa/1.jpg');
}

.feature-2 {
    background-position: 50%;
    background-size: cover;
    padding: 100px 0;
    position: relative;
    background-image: url('/dir/Acasa/2.jpg');
}


.feature-1:before {
    background: rgba(0, 0, 0, 0) linear-gradient(84deg, #006635ee 0%, #9ac012e8 100%) 0% 0% no-repeat;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.feature-2:before {
    background: rgba(0, 0, 0, 0) linear-gradient(84deg, #00559be1 0%, rgba(0, 169, 211, 0.838) 100%) 0% 0% no-repeat;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.bg-gradient-primary {
    background: var(--primary-gradient)!important;
}

.dev-btn {
    background: linear-gradient(to right, var(--primary) 0%, var(--secondary) 100%);
    border-radius: 50px;
    box-sizing: border-box;
    color: #fff;
    display: block;
    letter-spacing: 1px;
    padding: 2px;
    position: relative;
    width: 200px;
}

.dev-btn span {
    align-items: center;
    background: #fff;
    border-radius: 40px;
    display: flex;
    padding: 5px;
    justify-content: center;
}

.dev-btn span:hover {
    background: var(--primary-gradient) !important;
    color: #fff;
}

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

.line:after {
    content: '';
    display: block;
    height: 2px;
    width: 25px;
    background: var(--primary-gradient) !important;
}

.btn-white {
    border-radius: 50px !important;
}

.link-effect {
    transform: translateX(10px);
    transition: transform .3s ease;
    transform: translateX(0px);
    left: 0px;
    position: relative;
}

.link-effect:hover {
    transform: translateX(10px);
}

.link-effect::after {
    display: block;
    content: '';
    width: 0;
    height: 2px;
    background: var(--primary-gradient) !important;
    transition: width .3s;
}

.link-effect:hover::after {
    width: 25px;
    transition: width .3s;
}

.shadow {
    box-shadow: 0 0 1.25rem rgba(13, 21, 29, 0.1)!important;
}

.top-0 {
    top: 0!important;
}

.top-50 {
    top: 50%!important;
}

.bottom-0 {
    bottom: 0!important;
}

.bottom-50 {
    bottom: 50%!important;
}

.start-0 {
    left: 0!important;
}

.start-50 {
    left: 50%!important;
}

.end-0 {
    right: 0!important;
}

.end-50 {
    right: 50%!important;
}

.btn {
    font-size: .95rem;
    text-transform: inherit;
    border-radius: 10px;
    padding: 7px 20px;
}

.btn .bi {
    font-size: 1.25rem;
    padding-left: 10px;
}

.floating-btn {
    position: fixed; 
    bottom: 50px; 
    right: 0px;
    margin: 0 auto;
    width: 40px;
    height: 40px;
    z-index: 1080; 
    font-size: 20px; 
    padding: 3px;
    display: none;
    border-radius: 0px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: none;
    background: var(--primary-gradient)!important;
    color: #fff;
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: transparent;
    border-radius: 0.25rem;
    font-size: .875rem;
}

.breadcrumb-item+.breadcrumb-item:before {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: #6c757d;
    content: "/";
}

@media (max-width: 991px) {
    .navbar.navbar-transparent .navbar-toggler .navbar-toggler-icon {
        background-color: #111;
    }
}

.shape-container {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 2;
    transform: translateZ(0);
    overflow: hidden;
}

.shape-position-bottom {
    /* bottom: 0; */
    margin-top: -29px;
}

.shape-container svg {
    display: block;
    fill: #fff;
    pointer-events: none;
    /* vertical-align: baseline; */
}
  
svg {
    /* vertical-align: middle; */
    overflow: hidden;
}

.shape-line {
    min-height: 19px;
}

.card.bg-rose, .card .card-header-rose, .card.card-rotate.bg-rose .back, .card.card-rotate.bg-rose .front {
    background: linear-gradient(60deg,var(--secondary), #3cafe9)!important;
}

.section-process-step:not(:last-child):before {
    content: "";
    display: block;
    width: 360px;
    height: 100px;
    /* background: url(data:image/svg+xml;charset=utf8,%3Csvg width='355px' height='103px' viewBox='0 0 355 103' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-dasharray='6,12' stroke-linecap='round'%3E%3Cpath stroke='%23E2E8F0' stroke-width='3' transform='translate(173.245679, 51.548257) scale(-1, 1) translate(-173.245679, -51.548257)' d='M-6.75432109,1.54825684 C113.245679,110.326533 233.245679,130.359459 353.245679,61.647035'/%3E%3C/g%3E%3C/svg%3E) no-repeat center; */
    /* background: url('/dir/Pattern/step.svg'); */
    background-size: 360px 100px;
    transform: rotate(40deg);
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: -80px;
}

.custom-shape-divider-bottom-1664269900 {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1664269900 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 25px;
}

.custom-shape-divider-bottom-1664269900 .shape-fill {
    fill: #FFFFFF;
}

.login.form-control-feedback {
    position: absolute;
    top: 25px;
    right: 10px;
    z-index: 2;
    pointer-events: all;
}

.transparent-inputs .has-success [class*=" bmd-label"], .has-success [class^=bmd-label] {
    color: #aaa;
}

/* .transparent-inputs .form-control, .is-focused .form-control {
    background-image: linear-gradient(0deg,transparent 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,transparent 1px,hsla(0,0%,82%,0) 0);
} */

.transparent-inputs .form-control:invalid {
    background-image: linear-gradient(0deg,transparent 2px,rgba(244,67,54,0) 0),linear-gradient(0deg,transparent 1px,hsla(0,0%,82%,0) 0);
}

.transparent-inputs .has-success .form-control:invalid {
    background-image: linear-gradient(0deg,transparent 2px,rgba(244,67,54,0) 0),linear-gradient(0deg,transparent 1px,hsla(0,0%,82%,0) 0);
}

.transparent-inputs .has-success .form-control:invalid {
    background-image: linear-gradient(0deg,transparent 2px,rgba(244,67,54,0) 0),linear-gradient(0deg,transparent 1px,hsla(0,0%,82%,0) 0);
}

.form-check .form-check-input:checked+.form-check-sign .check {
    background: var(--primary);
}

@media (max-width: 991px){
    .navbar-collapse {
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    }
}

label.form-label {
    color: var(--bodycolor)!important;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #dc3545!important;
    padding-right: calc(1.5em + 0.75rem);
    /* background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e); */
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control, .is-focused .form-control {
    /* background-image: linear-gradient(0deg,#9c27b0 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0); */
    background-image: inherit;
}

.text-gradient.blue-gradient {
    /* background-image: linear-gradient(132deg,#21b2e7,#1e89ef 49%,#8f5cff); */
    background-image: var(--primary-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-gradient.purple-gradient {
    background-image: var(--primary-gradient-purple);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pricing table thead th {
    position: -webkit-sticky;
    position: sticky;
    z-index: 5;
    top: 0;
}
  
.pricing table tbody td:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    /* z-index: 6!important; */
    background-color: #fff;
}

/* .pricing table thead th:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 6!important;
    background-color: #fff;
} */

.pricing table thead {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 6!important;
    background-color: #fff;
}

.pricing table {
    font-family: var(--font);
}

.pricing table th:first-child {
    text-align: left;
    width: 10%;
}

.pricing table th {
    width: 20%;
    padding: 30px!important;
    font-size: 1.5rem!important;
}

.pricing table td:first-child {
    text-align: left!important;
    font-weight: 300;
}

.pricing table td {
    font-weight: 600;
    border-color: rgb(241, 241, 241)!important;
}

.pricing .table-hover tbody tr:hover {
    background-color: rgba(234, 252, 255, 0.04)!important;
}

.modal .modal-dialog {
    margin: 1.75rem auto;
}

.tableFixHead          { overflow: auto; max-height: 500px; }
.tableFixHead thead th { position: sticky; top: 0; z-index: 10!important; }
.tableFixHead thead th:first-child { position: sticky; top: 0; z-index: 10!important; }

.pricing table tr th{
    outline: 2px solid #ffffff;
    border:none;
    outline-offset: -1px;
  }

/* Just common table stuff. Really. */
table  { border-collapse: collapse; width: 100%; }
th     { background:#eee; }

.dark-mode {
    background-color: #111;
    color: white;
  }
.light-mode {
background-color: #fff;
color: black;
}

/* .dropdown-menu li {
    position: relative;
}

.dropdown-menu .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7%;
}

.dropdown-menu li>:hover>.submenu {
    display: block;
} */

.text-underline {
    border-bottom: 2px solid #222;
}

section {
    padding: 75px 0;
}

.icons i {
    color: var(--secondary);
    font-size: 2.725rem;
    padding: 15px;
}

.card-pricing ul li {
    padding: 7px 0;
}

@media (max-width: 991px){
    .navbar .dropdown .dropdown-menu, .navbar .dropdown.show .dropdown-menu {
      height: 100%;
    }
}

.navbar .navbar-nav .nav-item .nav-link {
    font-size: 1rem!important;
    text-transform: initial;
}