body {
    color: #999;
    background: #000;
}

p {
    color: #999;
}

input[type="password"],
input[type="email"],
input[type="text"],
input[type="file"],
textarea {
    background-color: #101010;
    color: #999;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover {
    color: #999;
    border: none;
}

textarea:focus,
textarea:active,
textarea::placeholder {
    color: #999;
}

table,
th,
tr,
td {
    border: 0px solid #999;
}

input[type="submit"]:hover {
    border: none;
    background-color: #fff;
    color: #000;
}

/* placeholder */
::-webkit-input-placeholder {
    color: #999;
}

:-moz-placeholder {
    color: #999;
}

::-moz-placeholder {
    color: #999;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #999;
}

.bg-drkgray {
    background-color: #101010;
}

.icon-bg {
    background: #000 !important;
}

.list-icon {
    background: #101010;
}

.list-icon span {
    color: var(--betelgeuse-color-one);
}

.list-text p {
    color: #999;
}

/* ======= Preloader style ======= */
.preloader-bg,
#preloader {
    background: #000;
}

.loader {
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.section-title {
    color: #fff;
}

.section-subtitle {
    color: rgba(255, 255, 255, 0.5);
}

.nav-scroll {
    background: #101010;
}

.nav-scroll .navbar-toggler-icon,
.nav-scroll .icon-bar {
    color: #fff;
}

.nav-scroll .navbar-nav .nav-link {
    color: #fff;
}

.nav-scroll .navbar-nav .logo {
    color: #fff;
}

.nav-scroll .dropdown .nav-link i {
    color: #999;
}

.navbar .dropdown-menu .dropdown-item {
    color: #fff;
}

.navbar .dropdown-menu .dropdown-item i {
    color: #fff;
}

/* Navbar Media Query */
@media screen and (min-width: 992px) {
    .navbar .dropdown-menu {
        background-color: #101010;
    }

    .navbar .dropdown-menu .dropdown-menu {
        background-color: #101010;
    }
}

.footer .top .item p {
    color: #999;
}

.footer .top .item .newsletter input {
    background: #000 !important;
    color: #727272 !important;
}

.footer .top .item h3 {
    color: #fff;
}

.footer .top .item .links ul li a {
    color: #999;
}

.footer .bottom .col-lg-8:before {
    background: #999;
}

@media screen and (max-width: 991px) {
    .footer .inner-box .theme-btn {
        background: #101010;
    }

    .footer .inner-box .theme-btn span {
        color: #fff !important;
    }

    .nav-scroll {
        background: #101010;
    }

    .navbar .dropdown-menu {
        background: #101010;
    }

    .navbar .navbar-collapse {
        background: #101010;
    }
}

.about h5 {
    color: #fff;
}

.about .phone {
    color: #fff;
}

.about .phone i {
    background: #101010;
    color: var(--betelgeuse-color-one);
}

/* icon */
.about .item .icon {
    background: #000;
}

.about .item .icon::before,
.about .item .icon::after {
    box-shadow: 6px 6px 0 6px #000;
}

.about .item .icon .arrow {
    background: #101010;
}

.about .img2 .text {
    background: #000;
}

.services .item {
    background: #101010;
}

/* text */
.services .item .text h5 {
    color: #fff;
}

/* icon */
.services .item .icon {
    background: #000;
}

.services .item .icon::before,
.services .item .icon::after {
    box-shadow: 6px 6px 0 6px #000;
}

.services .item .icon .arrow {
    background: #101010;
}

.services .item:hover .icon .arrow {
    background: #fff;
    color: #000;
}

.services .item .icon .icon-w {
    color: #fff;
}

/* icon */
.services2 .item .icon,
.project .item .icon {
    background: #000;
}

.services2 .item .icon::before,
.services2 .item .icon::after,
.project .item .icon::before,
.project .item .icon::after {
    box-shadow: 6px 6px 0 6px #000;
}

.services2 .item .icon .arrow {
    background: #101010;
}
.mobile-height-control {
    background: linear-gradient(to top, #000 10%, rgba(255, 255, 255, 0) 90%); 
}
.mobile-height-control button {
    color: #fff;
}
.services2 .item:hover .icon .arrow,
.project .item:hover .icon .arrow {
    color: #fff;
    background: #101010;
}

.services3 .item {
    background: #101010;
}

.services3 .item h3 {
    color: #fff;
}

.services3 .item p {
    color: #999;
}

/* arrow */
.services3 .item .rmore {
    background: #000;
}

.services3 .item .rmore .arrow {
    background: #101010;
    border: 1px solid #101010;
}

.services3 .item .rmore:hover .arrow {
    background: #fff;
    border: 1px solid #fff;
}

.service-details h3 {
    color: #fff;
}

.service-details .sidebar-page,
.project-details .sidebar-page {
    background: #101010;
}

.service-details .sidebar-page .item .features,
.project-details .sidebar-page .item .features {
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

.service-details .sidebar-page .item .features span {
    color: #fff;
}
.project-details .sidebar-page .item .features p {
    color: #fff;
}
.service-details .sidebar-page .item .features i {
    color: #fff;
}

.portfolio-home .item .con .title h6 {
    color: #fff;
    background: rgba(22, 22, 22, 0.7);
}

/* icon */
.portfolio-home .item .con .icon {
    background: #000;
}

.portfolio-home .item .con .icon::before,
.portfolio-home .item .con .icon::after {
    box-shadow: 6px 6px 0 6px #000;
}

.portfolio-home .item:hover .con .icon .arrow {
    background: #fff;
    color: #000;
}

/* icon */
.portfolio .item .con .icon {
    background: #000;
}

.portfolio .item .con .icon::before,
.portfolio .item .con .icon::after {
    box-shadow: 6px 6px 0 6px #000;
}

.portfolio .item .con .icon .arrow {
    background: #101010;
}

.portfolio-details h3 {
    color: #fff;
}

.portfolio-details .sidebar-car {
    background: #101010;
}

.portfolio-details .sidebar-car .item .features {
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

.portfolio-details .sidebar-car .item .features span {
    color: #999;
}

.portfolio-details .sidebar-car .item .features p {
    color: #999;
}

.team .item .wrapper .text .name {
    color: #fff;
}

.team .item .wrapper .text .position {
    color: #999;
}

/* icon */
.team .item .wrapper .icon {
    background: #000;
}

.team .item .wrapper .icon::before,
.team .item .wrapper .icon::after {
    box-shadow: 6px 6px 0 6px #000;
}

.team .item .wrapper .icon .arrow {
    background: #101010;
}

.team .item .wrapper .icon .arrow span {
    color: var(--betelgeuse-color-one);
}

.team-single h6 {
    color: #fff;
}

.team-single .item .img .curv-butn.icon-bg {
    background: #000 !important;
}

.team-single .item .img .curv-butn .social-icons .link {
    background-color: #101010;
}

.team-single .list-icon {
    background: #101010;
}

.team-single .list-icon span {
    color: var(--betelgeuse-color-one);
}

.team-single .list-text p {
    color: #999;
}

.team-single .cont .simpl-bord .nav-link {
    color: #fff;
}

.team-single .tab-content p {
    color: #999;
}

/* ======= Price style  ======= */
.price .item {
    background: #101010;
}

.price .item h3 {
    color: #fff;
}

.price .item p {
    color: #999;
}

/* arrow */
.price .item .rmore {
    background: #000;
}

.price .item .rmore .arrow {
    border: 1px solid #101010;
    background: #101010;
}

.price .item .rmore:hover .arrow {
    border: 1px solid #fff;
    background: #fff;
    color: #000;
}

.accordion-box .block {
    background: #101010;
}

.accordion-box .block .acc-btn {
    color: #fff;
}

.accordion-box .block .acc-btn.active {
    background-color: #101010;
}

.accordion-box .block .content .text {
    color: #999;
}

.testimonials .item {
    background: #101010;
}

.testimonials .item .text p {
    color: #999;
}

.testimonials .item .info h6 {
    color: #fff;
}

.testimonials .item .info p {
    color: #999;
}

.testimonials .item .img-curv {
    background: #000;
}

.gallery-filter li {
    color: #fff;
}

.project-gallery .item .curv-butn .icon {
    border: 1px solid #101010;
    background-color: #101010;
}

.project-gallery .item:hover .curv-butn .icon {
    background-color: #fff;
    border: 1px solid #fff;
}

/* icon */
.blog .item .icon {
    background: #000;
}

.blog .item .icon::before,
.blog .item .icon::after {
    box-shadow: 6px 6px 0 6px #000;
}

.blog .item .icon .arrow {
    background: #101010;
}

.blog .item:hover .icon .arrow {
    color: #000;
    background: #fff;
}

.blog2 .post-cont {
    background: #101010;
}

.blog2 .post-cont .calendar a {
    color: #999;
}

/* blog sidebar */
.blog2-sidebar .widget {
    background: #101010;
}

.blog2-sidebar .widget ul li a {
    color: #999;
}

.blog2-sidebar .widget ul li a.active {
    color: #999;
}

.blog2-sidebar .widget ul li a:hover {
    color: #b6ef00;
}

.blog2-sidebar .widget-title h6 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    color: #fff;
}

.blog2-sidebar .search form input {
    background: #000;
    color: #999;
}

.blog2-sidebar .search form input::placeholder {
    color: #999;
}

.blog2-sidebar .search form button {
    background-color: rgba(255, 255, 255, 0.05);
}

.blog2-sidebar .tags li {
    background-color: rgba(255, 255, 255, 0.05);
}

.post .form-box h5,
.post .form-box h6 {
    color: #fff;
}

.post .section h6 span {
    color: #999;
}

.post .section h6 {
    color: #fff;
}

.post .section .wrap .user img {
    border: 1px solid #101010;
}

.pagination-wrap li a {
    background: #101010;
    color: #fff;
    border: 1px solid #101010;
}

.pagination-wrap li a:hover {
    background: #101010;
    border: 1px solid #101010;
}

/* prev/next post */
.post-prev-next {
    background-color: #101010;
}

.post-prev-next a {
    color: #999;
}

.post-prev-next .post-prev-next-left a i {
    background: var(--betelgeuse-color-one);
    color: #fff;
}


.post-prev-next .post-prev-next-right a i {
    background: var(--betelgeuse-color-one);
    color: #fff;
}
.mfp-bg {
    opacity: 1 !important;
    background: rgb(0 0 0 / 85%) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.post-prev-next .post-prev-next-right a:hover i,
.post-prev-next .post-prev-next-left a:hover i {
    background: #fff !important;
    color: #000;
}

.contact p {
    color: #999;
}

.contact h5 {
    color: #fff;
}

.contact .con {
    color: #999;
}

.contact .con .text {
    color: #999;
    line-height: 1.5em;
}

.opening-hours ul li span,
.opening-hours ul li .tit {
    color: #999;
}

.contact-box .item {
    background: #101010;
}

.contact-box .item h5 {
    color: #fff;
}

.contact-box .item p {
    color: #999;
}

.not-found h3 {
    color: #fff;
}

.not-found p {
    color: #999;
}

.not-found .search-form .form-group input[type="text"],
.not-found .search-form .form-group input[type="search"],
.not-found .search-form .form-group input[type="email"] {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.not-found .search-form .form-group input::-webkit-input-placeholder {
    color: #999;
}

.not-found .search-form .form-group input[type="search"]:focus {
    color: #999;
}

.not-found .search-form .form-group .search-button {
    background: rgba(255, 255, 255, 0.05);
}

.button-1:hover {
    border: 1px solid #fff;
    background-color: #fff;
    color: #000;
    transform: translate3d(0px, -6px, 0.01px);
}

.button-1:hover span {
    color: #000;
}

/* ======= Scrolling Style ======= */
.scrolling {
    background: #101010;
}

/* ======= Footer style ======= */
.footer {
    background-color: #101010;
}

.footer .bottom p a {
    color: #fff;
}

.footer .bottom .bottom-shape {
    border-top-color: #000 !important;
    border-left-color: #000 !important;
}

/* footer top */
.footer .top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.footer .top .item .newsletter input {
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.footer .top .item .newsletter button {
    background: rgba(255, 255, 255, 0.05);
}

.footer .top .item .newsletter input::placeholder {
    color: rgba(255, 255, 255, 0.7);
}
.footer .top .item .links.contact ul li div span {
    color: #999 !important;
}
.footer .top .item .links.contact ul li div a,
.footer .top .item .links.contact ul li div p {
    color: #fff;
}
.modal-box .head-box h4 span {
    color: #101010;
}

[data-overlay-dark] p {
    color: #999;
}

.nav-scroll {
    background: rgb(0 0 0 / 85%) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.top-left ul li span {
    color: #999;
}

.top-left ul li:first-child,
.top-right .social-icon-one,
.main-header .whatsapp,
.top-right .switch {
    border-color: #999;
}

.top-right ul li a {
    color: #999;
}

.top-right .social-icon-one li a:hover {
    color: #999;
}

.mode-label,
.language .select-language {
    background: #101010;
}

.main-header .whatsapp .whatsapp-label span {
    color: #fff;
}

.language-list {
    background: #101010;
}

.language-list button {
    color: #999;
}

.language-list button:hover {
    background: #000;
}

.mobile-nav .menu-focus {
    background: rgb(0 0 0 / 15%);
}

.mobile-nav .menu-panel {
    background: #000;
}

@media screen and (max-width: 991px) {

    .nav-link,
    .mobile-nav .whatsapp .whatsapp-label a {
        color: #999 !important;
    }

    .dropdown .nav-link i {
        color: #999;
    }

    .nav-link,
    .navbar-nav .dropdown-menu.static {
        border-color: rgb(191 191 191 / 20%) !important;
    }
}
.icon-bg.left a:before,
.icon-bg.left a:after {
    box-shadow: -4px 4px 0 4px #000;
}
.item:hover .icon-bg.right .icon-box {
    background: #101010;
}

.sidebar-page.form input:focus,
.sidebar-page.form textarea:focus,
.sidebar-page.form input:not(:placeholder-shown),
.sidebar-page.form textarea:not(:placeholder-shown)  {
    color: #fff !important;
}

.nav-item.dropdown[data-code="TO-428066"] > .nav-link {
  font-weight: 800;
  font-size: 1.1em;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  display: inline-block;
  background: linear-gradient(
    90deg,
    #f0f0f7 0%,      
    #f0f0f3 20%,     
    #ff0000 40%,
    #ffffff 50%,  
    #ff0000 60%,
    #f0f0f3 80%,
    #f0f0f7 100%
  );
  background-size: 400% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: dataFlow 3s linear infinite, scalePulse 3s ease-in-out infinite;
  transition: transform 0.3s ease;
}



@keyframes dataFlow {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

@keyframes scalePulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.08); }
  100% { transform: scale(1); }
}

.nav-item.dropdown[data-code="TO-428066"] > .nav-link:hover {
  animation-duration: 1s, 1s;
  transform: scale(1.12);
}