:root,
:root.light
{
  /* Light Theme variables */
  --l-black-text-color: #000000;
  --l-white-text-color: #ffffff;
  --l-blue-text-color:  #232765;
  --l-gray-text-color: #888888;
  --l-white-bgcolor: #ffffff;
  --l-bright-blue-bgcolor: #93fff2;
  --l-skyblue-bgcolor: #F1FDFF;
  --l-darksky-bgcolor: #ECF7FF;
  --l-light-blue-bgcolor:  #e8fbfc;
  --l-dull-blue-bgcolor: #D1F8FF;
  --l-greenish-bgcolor: #7CFFEF;
  --l-shadedblue-bgcolor: #E5F2FD;
  --l-whitishgray-bgcolor: #fcfcfc;
  --l-white-main-color: #ffffff;
}

:root.dark {

    /* Dark Theme variables */
    --d-blue-bgcolor: #191A43;
    --l-bright-blue-bgcolor: #000000;
    --l-light-blue-bgcolor:  #191A43;
     --l-white-bgcolor: #191A43; 
     --l-skyblue-bgcolor: #191A43;
     --l-darksky-bgcolor: #191A43;
     --l-blue-text-color:  #ffffff;
     --l-black-text-color: #ffffff; 
     --l-dull-blue-bgcolor: #191A43;
     --l-greenish-bgcolor: #191A43;
     --l-gray-text-color: #ffffff;
     --l-shadedblue-bgcolor: #ffffff;
     --l-whitishgray-bgcolor: #191A43;
     --l-white-main-color: #ffffff;
     --img-grayscale: brightness(0) invert(1);
     --img-radius: 7px;
  }
 
  body{
    background-color: var(--l-white-bgcolor);
  }

  .header_area .navbar-brand img
  {
     filter: var(--img-grayscale);
  }

  .featured-logo-main-div img
  {
    filter: var(--img-grayscale);
    /* border-radius: var(--img-radius);
    background-color: var(--l-white-main-color); */
  }

  .skyBgColor
  {
      background-color: var(--l-skyblue-bgcolor);
  }

.header_area .navbar {
    background: var(--l-white-bgcolor);
}

.color-dark-blue {
    color: var(--l-blue-text-color);
}

.about-us-intro
{
    background-color: var(--l-dull-blue-bgcolor) !important;
}

.about-us-intro .about-head-title p
{
    color: var(--l-black-text-color) !important;
}

.whiteBgColorBox
{
    background-color: var(--l-white-bgcolor);
}

.login-signup-box .nav-tabs .nav-link
{
    background-color: var(--l-white-bgcolor);
}

.login-signup-box .tab-pane
{
    /* background-color: var(--l-white-bgcolor); */
}

.form-inner-height
{
    background-color: var(--l-whitishgray-bgcolor) !important;
}

.contactFormBox
{
    background-color: var(--l-whitishgray-bgcolor) !important;
}

.login-signup-box .f-description p
{
    color: var(--l-gray-text-color) !important;
}

.form-wrapper-sec .input-box input[type='text'], .form-wrapper-sec .input-box input[type='password'], .form-wrapper-sec .input-box input[type='readonly']
{
    background-color: var(--l-shadedblue-bgcolor) !important;
}

.checkbox-container
{
    color: var(--l-black-text-color) !important;
}

.login-signup-box .nav-tabs .nav-link.active
{
    color: var(--l-white-text-color) !important;
}

.clients-logo-main-div ul li h5
{
    color: var(--l-black-text-color) !important;
}

.bgm {
    border-color: var(--l-black-text-color) !important;
}

/* .bg-magnolia {
    background: var(--l-light-blue-bgcolor);
}   */

.byc-highlights
{
    background-color: var(--l-light-blue-bgcolor);
}

.one-size-nfit-all {
    background-color: var(--l-white-bgcolor) !important;
}

.byc-partner-us {
    background-color: var(--l-white-bgcolor) !important;
}

.our-intiative-partners-sec
{
    background-color: var(--l-greenish-bgcolor) !important;
}

.one-size-heading
{
    color: var(--l-blue-text-color) !important;
}

.one-size-desc
{
    color: var(--l-black-text-color) !important;
}

.drayage-forecast-sec
{
    background-color: var(--l-darksky-bgcolor) !important;
}

.faqSectionHome
{
    background-color: var(--l-white-bgcolor);
}

.byc-partners-with-new
{
    background-color: var(--l-white-bgcolor) !important;
}

.header_area .navbar .nav .nav-item .nav-link
{
    color: var(--l-black-text-color);
}

.h-digital-sec-title
{
    color: var(--l-blue-text-color) !important;
}

.featured-logo-main-div ul li h5
{
    color: var(--l-black-text-color) !important;
}

.marqueeScrollRoll
{
    background-color: var(--l-bright-blue-bgcolor); 
}