/* ========= Light Mode SCSS ========= */
.darkmobile, .darkDesktop {
  display: none;
}
/* .sect2.pt_70{
  padding-top: 0;
} */

@media (min-width: 992px) {
  .darkDesktop {
    display: block;
  }
  .tgledarkLight {
    margin-left: 5%;
  }

}
@media (max-width: 991px) {
  .darkmobile {
    display: block;
  }
  .light-mode ._header._menu_fixed .navbar .sub-menu li a {
    color: #fff !important;
  }
  .light-mode .main_banner.outrBnr {
    padding-bottom: 80px;
  }
  
}
@media screen and (min-width: 768px) {
  .banner-dark ,.banner .mobile.dark{
    display: none;
  }
  .commMouse.lightmouse.mobilemouse{
    display: none;
  }

}
@media screen and (max-width: 767px) {
  .light-mode .main_banner.outrBnr .mobile.home {
    display: none;
  }
  .banner-dark {
    display: none;
  }
  .light-mode .banner-dark {
    display: block;
  }
  .commMouse.lightmouse.pcMouse{
    display: none;
  }
  .commMouse.lightmouse.mobilemouse{
    display: block;
    margin-top: -45px;

  }
  .commMouse.inrpageMouse.pcMouse{
    display: none;
  }
  .commMouse.inrpageMouse.lightmouse.mobilemouse{
    margin-top: 0;
  }
  
}



.toggle-switch {
  width: 60px;
  height: 30px;
  background-color: #ffffff;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5px;
  position: relative;
  cursor: pointer;
  margin: 20px auto;
}

.icon {
  font-size: 18px;
  pointer-events: none; /* Makes icons non-clickable */
}

.sun-icon {
  color: #ffcc00; /* Sun (light) color */
}

.moon-icon {
  color: #555555; /* Moon (dark) color */
}

.toggle-button {
  width: 24px;
  height: 24px;
  background-color: #000000;
  border-radius: 50%;
  position: absolute;
  left: 4px;
  transition: left 0.3s ease;
}

body.light-mode .toggle-button {
  left: 32px;
}

.light-mode {
  background: #fff !important;
}
.light-mode .toggle-switch {
  background-color: #fff;
}
.light-mode .toggle-button {
  background-color: #000000;
}
.light-mode ._header._menu_fixed .logo img {
  filter: brightness(1) invert(0);
}
.light-mode ._header._menu_fixed {
  background-color: #73031F;
}
/* .light-mode .navbar li a:hover {
  color: #fff;
} */
.light-mode .navbar .navbar-nav > li:hover::after {
  background-color: #fff;
}
.light-mode ._header._menu_fixed .navbar li a {
  color: #fff;
}
.light-mode ._header._menu_fixed .navbar .sub-menu li a {
  color: #000000;
}
.light-mode ._header._menu_fixed .navbar .sub-menu li a:hover {
  color: #D80036;
}
.light-mode .lightmouse {
  bottom: 0;
  position: relative;
  top: 40px;
  z-index: 1;
  margin-top: -115px;
}
.light-mode .main_banner.outrBnr {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: top;
  background-image: url(../images/banner_changes.webp) !important;
}
.light-mode .main_banner.outrBnr::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(24, 26, 31, 0.8) 13.36%, rgba(128, 0, 32, 0.8) 100%);
  aspect-ratio: 0;
  border-radius: 0;
}
.light-mode .main_banner.outrBnr::after {
  display: none;
}
.light-mode .main_banner.outrBnr .banner .leftcap h1 {
  color: #fff;
}
.light-mode .main_banner.outrBnr .banner .updated .leftcap p {
  color: #fff;
}
.light-mode .main_banner.outrBnr .banner .updated .leftcap p span {
  color: #fff;
}
.light-mode .main_banner.outrBnr .banner .leftcap .twobtn a {
  border: 1.2px solid transparent;
  border-radius: 8px;
  background: #000;
}
.light-mode .main_banner.outrBnr .banner .updated .leftcap .twobtn .light {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.light-mode .sect2 p.cenp {
  color: #000000;
}
.light-mode .sect3 .item {
  border: 1px solid #ECECEC;
}
.light-mode .sect3 .item:hover {
  background-color: #800020;
}
.light-mode .sect3 .item::before {
  display: none;
}
.light-mode .sect3 .item .icon i {
  color: #000000;
}
.light-mode .sect3 .item .capction h3 {
  color: #000000;
}
.light-mode .sect3 .item .capction p {
  color: #000000;
}
.light-mode .sect3 .item:hover .icon i {
  color: #fff;
}
.light-mode .sect3 .item:hover .capction h3 {
  color: #fff;
}
.light-mode .sect3 .item:hover .capction p {
  color: #fff;
}
.light-mode h2 {
  color: #000000;
}
.light-mode h3 {
  color: #000000;
}
.light-mode .sec4 .contesec h2 {
  color: #000000;
}
.light-mode .sec4 .contesec p {
  color: #000000;
}
.light-mode .commsliderSec {
  background: #800020;
}
.light-mode .commsliderSec h2 {
  color: #fff;
}
.light-mode .whitebox .sec5:hover .service_item .item {
  background-color: transparent;
}
.light-mode .whitebox .sec5:hover .service_item .item:hover {
  background-color: #800020;
}
.light-mode .sec5 .service_item .item {
  background-color: #fff;
}
.light-mode .sec5 p.main {
  color: #000000;
}
.light-mode .sec5 .service_item .item .capsec h3 {
  color: #000000;
}
.light-mode .sec5 .service_item .item .capsec p {
  color: #000000;
}
.light-mode .sec5 .service_item .item:hover {
  border-radius: 63px;
  border: 1px solid #616161;
  background: #800020;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.light-mode .sec5 .service_item .item:hover .tophed i {
  color: #fff;
}
.light-mode .light-mode .sec5 .service_item .item:hover .tophed img {
  filter: brightness(0) invert(1);
}
.light-mode .sec5 .service_item .item:hover .capsec h3 {
  color: #fff;
}
.light-mode .sec5 .service_item .item:hover .capsec p {
  color: #fff;
}
.light-mode .sec5 .our_fleet .item {
  background: #fff;
}
.light-mode .sec5 .our_fleet .item .capsec h3 {
  color: #000000;
}
.light-mode .sec5 .our_fleet .item .capsec p {
  color: #000000;
}
.light-mode .sec5 .our_fleet .item:hover .capsec h3 {
  color: #fff;
}
.light-mode .sec5 .our_fleet .item:hover .capsec p {
  color: #fff;
}
.light-mode .commMouse .circle-link.transparent-half-on-dark .circle-inner {
  background-color: #000000;
}
.light-mode .commMouse .circle-link .circle-inner::before, .light-mode .commMouse .circle-link .circle-inner::after {
  border-color: #000000;
}
.light-mode .commMouse .circle-link.transparent-half-on-dark:hover {
  background-color: transparent;
}
.light-mode .commMouse .circle-link.transparent-half-on-dark:hover {
  background-color: #fff;
}
.light-mode .sidebar {
  background-color: #fff;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.light-mode .sidebar .side_conarea .sidelogo a img {
  filter: brightness(0) invert(0);
}
.light-mode .sidebar .side_conarea .sidelogo {
  border-color: #000000;
}
.light-mode .sidebar .side_conarea p {
  color: #000000;
}
.light-mode .sidebar .side_conarea h3 {
  color: #000000;
}
.light-mode .sidebar .side_conarea ul.sidecont li a {
  color: #000000;
}
.light-mode .sidebar .side_conarea .sidefb a.sdebknow:hover {
  background-color: #000000;
  color: #fff;
}
.light-mode .leftritsec1 .leftpra p {
  color: #000000;
}
.light-mode .leftritsec1 .rightpra p {
  color: #000000;
}
.light-mode .fltmainsec1 .item {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding-bottom: 15px;
}
.light-mode .fltmainsec1 .item .circle1 {
  background: transparent;
  padding: 0;
  height: auto;
}
.light-mode .fltmainsec1 .item .circle1 .circle2 {
  background: transparent;
  box-shadow: none;
  height: 240px;
}
.light-mode .fltmainsec1 .item .cap {
  margin-top: 0;
}
.light-mode .fltmainsec1 .item .cap h3 {
  color: #000000;
}
.light-mode .fltmainsec1 .item .cap p {
  color: #000000;
  height: 180px;
}
.light-mode .fltmainsec1.fltmainsecedit2 .item .cap a.btnbknow {
  background-color: #800020;
}
.light-mode .fltmainsec1.fltmainsecedit2 .item .cap a.btnbknow:hover {
  background-color: #000000;
}
.light-mode .fltsing_sec2 .capctarea .leftcap h2 {
  color: #000000;
}
.light-mode .fltsing_sec2 .capctarea .leftcap p {
  color: #000000;
}
.light-mode .fltrotate .leftcap h2 {
  color: #000000;
}
.light-mode .fltrotate .leftcap p {
  color: #000000;
}
.light-mode .fltrotate .leftcap ul li span {
  color: #000000;
}
.light-mode .fltsing_sec1 .item {
  background: #fff;
}
.light-mode .fltsing_sec1 .item .heading h3 {
  color: #000000;
}
.light-mode .fltsing_sec1 .item p {
  color: #000000;
}
.light-mode .fltsing_sec1 .item:hover {
  background-color: #800020;
}
.light-mode .fltsing_sec1 .item:hover .heading i {
  color: #fff;
}
.light-mode .fltsing_sec1 .item:hover .heading h3 {
  color: #fff;
}
.light-mode .fltsing_sec1 .item:hover p {
  color: #fff;
}
.light-mode .sec5.sec1Serb_main .service_item .item .lefticon {
  background-color: #800020;
}
.light-mode .sec5.sec1Serb_main .service_item .item .lefticon i {
  color: #fff;
}
.light-mode .sec5.sec1Serb_main .service_item .item .tophed h3 {
  color: #000000;
}
.light-mode .sec5.sec1Serb_main .service_item .item:hover .lefticon {
  background-color: #fff;
}
.light-mode .sec5.sec1Serb_main .service_item .item:hover .lefticon i {
  color: #800020;
}
.light-mode .sec5.sec1Serb_main .service_item .item:hover .tophed h3 {
  color: #fff;
}
.light-mode .sec5.sec1Serb_main .service_item .item .tophed img.arrowicon:hover {
  background-color: #fff;
}
.light-mode .pralaxslid.topcity .citycap h3 {
  color: #000000;
}
.light-mode .pralaxslid.topcity .citycap p {
  color: #000000;
}
.light-mode .leftritsec1 .leftpra {
  border-color: #000000;
}
.light-mode .sirvsingSec1 .contentsec h3 {
  color: #000000;
}
.light-mode .sirvsingSec1 .contentsec p {
  color: #000000;
}
.light-mode .servsingsec2 .caparea h3 {
  color: #000000;
}
.light-mode .servsingsec2 .caparea p {
  color: #000000;
}
.light-mode .servsingsec2 .caparea ul li {
  color: #000000;
}
.light-mode .sec5.sec1Serb_main.servsing2 .service_item .item {
  border-radius: 18px;
  border: 1px solid #E2E2E2;
  background: #FFF;
  box-shadow: 0px 0px 16.1px 2px rgba(255, 255, 255, 0.25);
}
.light-mode .sec5.sec1Serb_main.servsing2 .service_item .item:hover {
  background-color: #800020;
}
.light-mode .sec5.sec1Serb_main.servsing2 .service_item .item .tophed .flupic {
  background-color: #000000;
}
.light-mode .sec5.sec1Serb_main.servsing2 .service_item .item .tophed .flupic i {
  color: #fff;
}
.light-mode .sec5.sec1Serb_main.servsing2 .service_item .item:hover .tophed .flupic {
  background-color: #fff;
}
.light-mode .sec5.sec1Serb_main.servsing2 .service_item .item:hover .tophed .flupic i {
  color: #800020;
}
.light-mode .sec5.sec1Serb_main.servsing2 .service_item .item::before {
  border-color: transparent;
}
.light-mode .citySingleSec1 .city_setsec .item {
  border: 1px solid #C8C8C8;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.03);
}
.light-mode .citySingleSec1 .city_setsec .item .icon img {
  filter: brightness(0) invert(0);
}
.light-mode .citySingleSec1 .city_setsec .item .capsec h3.chel {
  color: #000000;
}
.light-mode .citySingleSec1 .city_setsec .item .capsec p {
  color: #000000;
}
.light-mode .citySingleSec1 .city_setsec .item:hover {
  background: radial-gradient(107.9% 111.51% at 82.41% 16.62%, rgba(128, 0, 32, 0.9) 30.76%, rgba(0, 0, 0, 0) 100%), #000;
}
.light-mode .citySingleSec1 .city_setsec .item:hover .capsec h3.chel {
  color: #fff;
}
.light-mode .citySingleSec1 .city_setsec .item:hover .capsec p {
  color: #fff;
}
.light-mode .citySingleSec1 .city_setsec .item:hover .icon img {
  filter: brightness(1) invert(0);
}
.light-mode .citysingsec2 .rightcap h2 {
  color: #000000;
}
.light-mode .citysingsec2 .rightcap p {
  color: #000000;
}
.light-mode .citysingsec3 h2 {
  color: #fff;
}
.light-mode .blogmainsec1 {
  border-radius: 8px;
  border: 1px solid #D3D3D3;
  background: #FFF;
}
.light-mode .blogmainsec1 .maincap h3 {
  color: #000000;
}
.light-mode .blogmainsec1 .maincap ul li span {
  color: #000000;
}
.light-mode .blogmainsec1 .sideblog ul li .sidecap h4 {
  color: #000000;
}
.light-mode .blogmainsec1 .sideblog ul li .sidecap p {
  color: #000000;
}
.light-mode .blogmainsec1 .sideblog ul li .sidecap ul li span {
  color: #000000;
}
.light-mode .blogoutrSing .blogbody {
  background: #fff;
}
.light-mode .blogmainsec1.newblogsec h2 {
  color: #000000;
}
.light-mode .blogoutrSing .blogbody .commsec h2 {
  color: #000000;
}
.light-mode .blogoutrSing .blogbody .commsec ul li {
  color: #000000;
}
.light-mode .blogoutrSing .blogbody .commsec h3 {
  color: #000000;
}
.light-mode .blogoutrSing .blogbody .commsec p {
  color: #000000;
}
.light-mode .contactus .outersec .formsec h2 {
  color: #000000;
}
.light-mode .contactus .outersec .formsec h2 {
  color: #000000;
}
.light-mode .contactus .outersec .formsec form input {
  color: #000000 !important;
  border-color: #000000;
}
.light-mode .contactus .outersec .formsec .rightside {
  border-color: #000000;
}
.light-mode .contactus .outersec .formsec form button {
  background: #800020;
  color: #fff;
}
.light-mode .contactus .outersec .adressec ul li a {
  color: #000000;
}
.light-mode .contactus .outersec .adressec ul.soclmedia li a {
  background-color: #D80036;
}
.light-mode .contactus .outersec .adressec ul.soclmedia li a i {
  color: #fff;
}
.light-mode .contactus .outersec .adressec ul.soclmedia li a:hover {
  background-color: #000000;
}
.light-mode .contactus .outersec .adressec ul.soclmedia li a:hover i {
  color: #fff;
}
.light-mode .commnewsletr h2 {
  color: #fff;
}
.light-mode .section_header::before, .light-mode .section_header::after {
  background: #000000;
}
.light-mode .servsingsec2.legal .caparea ol li ul li{
  color: #000;
}
.light-mode footer::before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.75) 100%);
}/*# sourceMappingURL=lightmode.css.map */

@media (max-width: 575px){
  .light-mode .main_banner.outrBnr {
    background-size: auto;
    background-position: 28% 0;
  }
  .light-mode .lightmouse {
    bottom: auto;
    position: relative;
    top: 17px;
    z-index: 1;
    margin-top: -100px;
  }
  .light-mode .main_banner.outrBnr::before{
      height: 710px;
  }
  .commMouse.lightmouse.mobilemouse {
    margin-top: -25px;
  } 
}

/* 22/9/2025 - New Booking engine css */
.light-mode span.lf-w-8 {
  border-color: #000;
}
.light-mode  .lf-text-black\/60 {
  color: #0009 !important;
}
.light-mode .custom_Edit h4, .light-mode .lf-w-full .lf-text-black,
.light-mode h4.pbm_15, .light-mode .pbl00 h4, .light-mode .passneg_New label,
.light-mode .lf-relative .pbl00 label, .light-mode h5.lf-text-lg, .light-mode p.lf-py-2,
.light-mode .lf-bg-\[\#F6F3F3\] h5.lf-text-lg, .light-mode .lf-col-span-2 button.lf-text-black {
  color: #000 !important;
}
.light-mode .flex_wrp_mb p, .light-mode .lf-shadow-md p {
  color: #000;
}
.light-mode .lf-shadow-md img {
  filter: invert(0);
}
.light-mode .accpet_two {
  color: #1e1e1e;
}
/* Partner section */
.light-mode .markdiv.partner {
  background-color: #f4f4f4;
}
/* App section & Get in Touch */
.light-mode .homefrmsec {
  background: #eee;
}
.light-mode .dwnapp .apptxt h2, .light-mode .dwnapp .apptxt p,
.light-mode .homefrmsec .contact-form-container h2, .light-mode .homefrmsec p {
  color: #000;
}
.light-mode .homefrmsec .contact-form-container {
  background: #DDDDDD45;
  backdrop-filter: blur(4px);
  box-shadow: 0px 4px 4px 0px #00000040;
}
.light-mode .homefrmsec .form_input,
.light-mode .homefrmsec .form_select,
.light-mode .homefrmsec .form_textarea {
  color: #333;
}