img.logo-3,
img.logo-2 {
  width: 180px !important;
}
img.header-brand-img.desktop-logo,
.header-brand-img.light-logo1 {
  width: 180px !important;
}
.ps-5.reveal.revealright.active i.fa{
  font-size: 22px;
}
.text-left.heading2 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.capitalize{
  text-transform: capitalize;
}
h2.text-left.fw-bold {
 text-align: left !important;
}
h1.fw-semibold.text-center.capitalize.m-0 {
text-align: left !important;
margin-top: 5px !important;
font-size: 42px;
}

div#Features h4.text-center.fw-semibold {
    text-align: left !important;
    font-size: 22px;
}

div#Features span.landing-title {
    margin: unset !important;
}


.text-center.reveal.revealleft.mb-3.active img {
 filter: drop-shadow(2px 0px 0px #ffffff);
}

.bg-warning-transparent i {
    background: yellow;
    color: black;
    padding: 4px;
    border-radius: 50%;
}
.all_wow_features h4.fw-semibold {
 margin-right: 10px;
}

.all_wow_features a.btn.bg_green{
  transition: 0.5s ease;
}

.all_wow_features a.btn.bg_green:hover {
  color: white;
}

.all_wow_features a.btn.bg_green {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
}


a.btn.btn-outline-success.w-lg.pt-2.pb-2 {
 border: 3px solid;
}
html{
  overflow-x:hidden;
}
body.app.ltr.landing-page.horizontal.dark-mode {
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.text_fc{
  font-size: 22px !important;
}

ul.text_ul_li li {
  font-size: 18px;
  line-height: 30px;
}
h1.capitalize.text-start.fw-semibold.fs-25.mb-6 {
  line-height: 34px;
}
.appheader {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 9999 !important;
  border-bottom: 1px solid #e9edf4;
  background: #ffffff;
  transition: padding-left 0.3s ease;
}
.btn_menu{
  padding:5px !important;
}
  img.image_hero {
    transform: translateY(-20px);
}
img.image_hero {
  border-radius: 10px;
}
.dropdown-menu.dropdown-menu-end.dropdown-menu-arrow.show {
  overflow-y: auto !important;
}


#text_pr{
  color:#6c5ffc !important;
}
.dark-mode #text_pr{
  color:white !important;
}
h3.notification-icon.text_isk {
  top: -4%;
  padding: 6px 9px;
  background: #04ba16;
  width: 120px;
  z-index: 999;
  border-radius: 22px;
  left: 12%;
}

.card-body.pt-8.opt {
    background: #000000b0;
}
p.fs-15.text-dark.fw-bold.mb-0 {
  font-size: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#why span.landing-title {
    margin-left: 0% !important;
}
.dark-mode .Lead_box .text-warning {
  color: white !important;
}

.dark-mode .Lead_box .bg-warning-transparent i {
  background: white !important;
}

.dark-mode .bg-warning-transparent {
    background-color: rgb(0 0 0 / 32%) !important;
}

 body.dark-mode {
   color: #ffffff;
}


 .dark-mode.horizontal .side-menu>li>a {
  color: #FFFFFE;
  font-weight: 800;
  }

 .why_txt{
   text-align: left !important;
 }
 h1.capitalize.text-start.fw-semibold.fs-25.mb-6 {
      font-size: 30px !important;
      font-weight: 900 !important;
      font-family: roboto;
      line-height: 38px;
  }
  img.header-brand-img.desktop-logo {
      display: none;
  }
 /* theme dark Mode */
 .light-mode .btn_green_outline {
   color: black !important;
 }
 .dark-mode .btn_green_outline{
   color:white !important;
 }
 .dark-mode .mg_green{
   color:#00fd18 !important;
 }
.light-mode .mg_green {
    color: #f57c26 !important;
  }
.dark-mode .btn_green_outline {
    border-color: #02b713 !important;
    font-weight: 800;
    transition: all 0.5s;
   }
 .light-mode .btn_green_outline {
   border-color: #f57c26 !important;
   font-weight: 800;
   transition: all 0.5s;
  }
.dark-mode .btn_green_outline:hover{
        color:white;
        background:#02b713!important;
    }
.light-mode .btn_green_outline:hover{
      color:white;
      background:#f57c26 !important;
  }
.dark-mode .pricing-tabs ul.nav-price li a.active{
    background: #06b217 !important;
  }
.pricing-tabs ul.nav-price li a.active{
      background: #f57c26 !important;
    }
 .dark-mode .bg-warning-transparent {
      background-color: rgb(0 0 0 / 32%) !important;
  }
  .light-mode .bg-warning-transparent {
    background-color: rgb(0 0 0 / 71%) !important;
  }
  .dark-mode .bg_green{
    background:#04ba16 !important;
    transition: 0.4s ease;
  }
  .light-mode .bg_green{
    background:#f57c26 !important;
    transition: 0.4s ease;
  }
  a.btn.bg_green:hover {
    background: #f57c26;
  }
  .dark-mode .btn_green{
    background:#02b713 !important;
    font-weight: 800;color: white;
    transition: all 0.5s;
   }
  .light-mode .btn_green{
     background:#f57c26 !important;
     font-weight: 800;color: white;
     transition: all 0.5s;
    }

    img.image-dark-show,img.image-light-show{
      display:none;
    }
    .dark-mode img#dark_show {
        display: block !important;
    }
    .light-mode img#light_show {
      display: block !important;;
    }
    .light-mode img.image-light-show{
      display: block !important;
    }
    .dark-mode img.image-dark-show{
      display: block !important;;
    }
    .light-mode .bg-landing {
        background-color: #e5e5e5 !important;
    }
    .dark-mode .bg-landing {
      background-color:#2a2a4a !important;
    }
    .dark-mode .bg_gradient {
      background: linear-gradient(310deg, black, #04ba16);
    }
    .light-mode .bg_gradient {
      background: linear-gradient(310deg, #0b239b, #F44336);
    }
  .light-mode a.nav-link.icon.text-center {
      border: 1px solid #F44336;
      border-radius: 3px;
      font-weight: 500;
      box-shadow: inset 0px 0px 5px 1px #F44336;
      padding: 0 15px !important;
  }
  .dark-mode a.nav-link.icon.text-center {
    border: 1px solid #00ab16;
    border-radius: 3px;
    font-weight: 500;
    box-shadow: inset 0px 0px 5px 1px #09bd11;
    padding: 0 15px !important;
  }
  .light-mode .card.features.main-features.main-features-1.wow.fadeInUp.reveal.revealleft.active {
    border: 1px solid #f57c26 !important;
  }
  .dark-mode .card.features.main-features.main-features-1.wow.fadeInUp.reveal.revealleft.active {
   border: 1px solid #00fd18 !important;
  }
  .light-mode #faqs .card.bg-primary-transparent .card-header {
   border-left: 5px solid #f57c26 !important;
  }
  .dark-mode #faqs .card.bg-primary-transparent .card-header {
    border-left: 5px solid #04ba16 !important;
  }
  .light-mode #faqs .card.bg-primary-transparent .card-body {
   border-left: 5px solid #f57c26 !important;
  }
  .dark-mode #faqs .card.bg-primary-transparent .card-body {
     border-left: 5px solid #04ba16 !important;
   }
  .light-mode h3.notification-icon.text_isk {
    background: #f57c26;
  }
  .dark-mode h3.notification-icon.text_isk {
    background: #04ba16;
  }
  .light-mode .bg-green.avatar {
      background: #f57c26;
      color: #fff !important;
  }
  .dark-mode .bg-green.avatar {
      background: #04ba16;
      color: #fff !important;
  }
  .light-mode .notification .notification-icon a {
    background: #ffffff !important;
    color: #fff;
    border: 3px solid #F44336;!important
  }
  .dark-mode .notification .notification-icon a {
      background: #2a2a4a !important;
      color: #fff;
      border: 3px solid #02b713 !important;
  }
  .light-mode div#contact .card.card-shadow.reveal.active {
      background: #e5e5e5 !important;
  }
  .light-mode a.link_email {
   color: black !important;
  }
  .dark-mode a.link_email {
   color: white !important;
  }
  .light-mode .card.features.main-features.main-features-1.wow.fadeInUp.reveal.revealleft.active {
       box-shadow: inset 0 0 16px #f4433657 !important;
   }
 .dark-mode .card.features.main-features.main-features-1.wow.fadeInUp.reveal.revealleft.active {
      box-shadow: inset 0 0 16px #27f74757 !important;
  }
 /* theme dark Mode */
 a.hide_btn_click_expend{
   display: none;
 }
 .landing-top-header .demo-screen-headline h6 {
     font-size: 20px !important;
     font-weight: 400;
     line-height: 1.5;
 }
 h4.fw-semibold.mt-7.pt-5 {
   font-size: 22px;
   text-transform: capitalize;
 }

 h4.text-center.fw-semibold {
     font-size: 24px;
 }
 img.image-dark-m-show,img.image-light-m-show{
   display:none !important;
 }

a#whatsapp_icon {
   background: #0fe717;
   color: white;
   position: fixed;
   bottom: 20px;
   left: 20px;
   font-size: 25px;
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
   z-index: 10000;
   height: 50px;
   width: 50px;
   transition: 0.4s;
   background-repeat: no-repeat;
   background-position: center;
   transition: background-color 0.1s linear;
   -moz-transition: background-color 0.1s linear;
   -webkit-transition: background-color 0.1s linear;
   -o-transition: background-color 0.1s linear;
   border-radius: 7px;
}
a#whatsapp_icon:hover {
    background: #07aa07;
}
.dark-mode a.btn.btn-icon.rounded-pill {
    border: 2px solid white !important;
    width: 40px !important;
    height: 40px !important;
    color: white !important;
}
.light-mode a.btn.btn-icon.rounded-pill {
    border: 2px solid black !important;
    width: 40px !important;
    height: 40px !important;
    color: black !important;
}
.dark-mode form#contact_01 input.form-control::placeholder,.dark-mode form#contact_01 textarea::placeholder {
    color: white !important;
}
.light-mode form#contact_01 input.form-control::placeholder,.light-mode form#contact_01 textarea::placeholder{
  color: black !important;
}
.dark-mode form#news99 input.form-control::placeholder {
    color: white !important;
}
.light-mode form#news99 input.form-control::placeholder {
    color: black !important;
}
.dark-mode .top-footer p {
    color: white !important;
}

.dark-mode ul.list-unstyled.mb-5.mb-lg-0 li a {
    color: white !important;
}
.light-mode .top-footer p {
    color: black !important;
}

.light-mode ul.list-unstyled.mb-5.mb-lg-0 li a {
    color: black !important;
}

@media(max-width:768px){
.dark-mode img.image-dark-show, .dark-mode img.image-light-show, .light-mode img.image-dark-show, .light-mode img.image-light-show{
    display:none !important;
  }
  .dark-mode img.image-dark-m-show {
      display: block !important;
  }
  .light-mode img.image-light-m-show {
    display: block !important;;
  }


  .light-mode img#hero_img_light{
     display: block !important;;
  }
  .dark-mode img#hero_img_dark{
      display: block !important;;
  }
  .text-center.reveal.revealleft.mb-3.active img {
    filter:none;
    box-shadow: 0;
  }
  #image_is_m_t .desktop-v{
    display: none;
  }
  #image_is_m_t .mobile-v{
    display:block !important;
  }

  .card.features h2.fw-bold {
    text-align: left !important;
    font-size: 22px;
  }
  a#text_pr {
    width: 120px;
  }
  .ml-3.header-nav-right.d-none.d-lg-flex {
    display: none !important;
  }
   #navbarSupportedContent-4 .d-flex.order-lg-2 {
      background: #ffffff;
      box-shadow: 0px 3px 5px #a2a2a2;
  }
  .responsive-navbar .theme-layout.nav-link-bg.layout-setting {
    display: flex !important;
  }
  img.header-brand-img.light-logo1 {
   display: block;
  }
  .dark-mode img.header-brand-img.light-logo1 {
   display: none!important;
  }
  .dark-mode #navbarSupportedContent-4 .d-flex.order-lg-2 {
    background:none!important;
    box-shadow:none!important;
  }
  h4.fw-semibold.mt-7.pt-5 {
    margin: 0 !important;
    margin-bottom: 10px !important;
  }
  div#home .col-xl-5.col-lg-5.my-auto {
    margin-top: -20px !important;
  }
  .section_info_is0 {
    margin: 0 !important;
    padding: 0 !important;
    margin-top: -7% !important;
  }
  h2.text-start.fw-semibold.fs-25.mb-6 {
     font-size: 40px !important;
   }
   .col-lg-3.text-end.my-auto {
     margin: auto !important;
     display: flex;
   }
    a.btn.btn-outline-success.w-lg.pt-2.pb-2 {
        border-color: #F44336;
        color: white;
    }
   .btn-list {
      margin-bottom: 20px !important;
   }
    .card-body.pt-7.opt {
        padding: 5px !important;
    }

  .dark-mode .card-body.pt-7.opt .notification .notification-body {
      box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.03);
      background: #434366;
  }
  .dark-mode .card-body.pt-7.opt .notification .notification-body:before {
      border: 10px solid transparent;
      border-right-color: #eaebed;
  }
  a.hide_btn_click_expend {
      position: absolute;
      display: block;
      width: 100%;
      height: 100vh;
      z-index: 99999;
      cursor: pointer;
    }

  .d-flex.order-lg-2 {
        position: relative;
        z-index: 99999999 !important;
    }
}