:root {
    /* COLOR  */
    --AMDAprimary-color: #003D96;
    --AMDAsecondary-color: #0391FF;
    --b2: #0375b1;
    --color24: rgb(11 105 241 / 92%);
    --greyiesWhite: #e5e5e5db;
    --lightBlue: #c4dbff;
    --offwhit22: #d5d4d4;
    --white: white;
    --linkColor: black;
    --footerBg22: black;
    --bgColor23: slategray;
    --lightBlue2: #b3bfd1;
    --footerBg33: #1f2937;
    /* --------HEADING-------- */
    --veryFirstHeading: 25px;
    --verySecHeading: 20px;
    --thirdHeadingFontSize: 18px;
    /* --------PARAGRAPH-------- */
    --veryFirstPara: 17px;
    --captionFnSize: 17px;
    --smallPara: 15px;

    /* btn  */
    --btnFontsize: 17px;

    /* mini  */
    --miniFont14: 14px;
    --miniFont13: 13px;
    --miniFont12: 12px;
    --miniFont11: 11px;
    --miniFont10: 10px;
    --miniFont9: 9px;
    --sixteenPx: 16px;

}

.miniFonts14 {
    font-size: var(--miniFont14);
}

.sixteenPxs {
    font-size: var(--sixteenPx);
}

.fteenPxs {
    font-size: var(--smallPara);
}

.veryFirstParas {
    font-size: var(--veryFirstPara);
}

.smallParas {
    font-size: var(--smallPara);
}

.veryFirstHeadings {
    font-size: var(--veryFirstHeading);
}

.verySecHeadings {
    font-size: var(--verySecHeading);
}

.actionBtn {
    font-size: var(--btnFontsize);
}

.minimalBoxShadow {
    box-shadow: 0px 0 10px rgba(0, 0, 0, 0.1);
}

.goDeep {
    box-shadow: inset 4px 4px 6px -1px rgba(0, 0, 0, 0.2),
        inset -4px -4px 6px -1px rgba(255, 255, 255, 0.7),
        -0.5px -0.5px 0px rgba(255, 255, 255, 1),
        0.5px 0.5px 0px rgba(0, 0, 0, 0.15),
        0px 12px 10px -10px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    transform: translateY(0.5em) !important;
}

.boxshadow2 {
    background: #e3edf7;
    box-shadow: 6px 6px 10px -1px rgba(0, 0, 0, 0.15),
        -6px -6px 10px -1px rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: pointer;
    transition: transform 0.5s;
}

.min200dyWidthh {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)) !important;
    place-items: center;
    gap: 12px;
}

.noUserSelect {
    user-select: none;
}

.ovrflowHidden {
    overflow: hidden !important;
}



/* THIN SCROLLER  */
/* Works in Chrome, Safari, Edge (WebKit) */
.scroll-thin::-webkit-scrollbar {
    width: 6px;
    /* vertical scrollbar */
    height: 6px;
    /* horizontal scrollbar */
}

.scroll-thin::-webkit-scrollbar-track {
    background: transparent;
}

.scroll-thin::-webkit-scrollbar-thumb {
    background-color: rgba(100, 100, 100, 0.4);
    /* subtle color */
    border-radius: 10px;
}

/* Works in Firefox */
.scroll-thin {
    scrollbar-width: thin;
    /* Firefox */
    scrollbar-color: rgba(100, 100, 100, 0.4) transparent;
}

/* iOS smooth scrolling */
.scroll-thin {
    -webkit-overflow-scrolling: touch;
}

/* THIN SCROLLER end */

input::placeholder {
    font-size: var(--miniFont14);
}

input::-webkit-input-placeholder {
    /* Chrome, Safari, Edge */
    font-size: var(--miniFont14);
}

input::-moz-placeholder {
    /* Firefox 19+ */
    font-size: var(--miniFont14);
}

input:-ms-input-placeholder {
    /* IE 10+ */
    font-size: var(--miniFont14);
}

input::-ms-input-placeholder {
    /* Microsoft Edge (old) */
    font-size: var(--miniFont14);
}

textarea::placeholder,
textarea::-webkit-input-placeholder,
textarea::-moz-placeholder,
textarea:-ms-input-placeholder,
textarea::-ms-input-placeholder {
    font-size: var(--miniFont14);
}

.font-semibold {
    font-weight: 700 !important;
}