/* [Master Stylesheet]
* @Project:            Rapidise Co
* @Author:             Mauli Brahmkshatriya
* @Date:               05-05-2025
* @Email:              mauli.brahmkshatriya@rapidise.co
* @Last modified by:   Mauli Brahmkshatriya
* @Last modified date: 05-05-2025
* @Copyright: Rapidise
*/

/* [Table of Content]
1. Imports
2. Root Elements
3. Scrollbar
4. Webkit Autofill
5. MUI Popover
*/

/* 1. Imports */
@import url(./fonts.css);
@import 'tailwindcss';

/* 2. Root Elements */
:root {
    font-family: var(--font-plus-jakarta);
    color: #001233;
    line-height: 32px;
}

/* html,body{background-color:#1B2531!important;font-family:"Poppins",sans-serif!important;} */

/* 3. Scrollbar */
::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
    background: #535353 !important;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #00A6FB !important;
    border-radius: 10px;
}


/* 4. Webkit Autofill */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #F0F8FF inset !important;
    transition:
        color 600000s 0s,
        color 600000s 0s;
}

.MuiInputBase-input:-webkit-autofill {
    border-radius: 1px 0 0 1px !important;
}

/* 5. MUI Popover */
.MuiPaper-root.MuiPopover-paper.MuiMenu-paper {
    background-color: #273143;
    color: #9d9d9d;
}


/* animation for rapidise carrier page */

@layer utilities {
  .marquee-wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
  }

  .marquee-track {
    display: flex;
    will-change: transform;
    animation: scroll-marquee var(--marquee-duration) linear infinite;
  }

  @keyframes scroll-marquee {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(-1 * var(--marquee-scroll-width)));
    }
  }
}