html {
    scroll-behavior: smooth;
}

:root {
    --primary: #125A92;
    --primary-100: #EBF9FE;
    --primary-300: #AAD7FA;
    --primary-600: #0079A8;
    --primary-700: #0F4D7D;
    --primary-light: #F1F8FE;
    --secondary: #E22C34;
    --secondary-hover: #c92b33;
    --body-text: #6A6A6A;
    --white: #fff;
    --black: #030D14;
    --positive: #198754;
    --negative: #C53434;
    --stroke: #DADADA;
    --stroke-dark: #B4B4B4;
    --stroke-lite: #E3E3E3;
    --gray-300: #F6F6F6;
    --gray-700: #6A6A6A;
    --primary-gary: #6D6D6D;
    --balck-foot: #040404;
    --dark-blue: #192E51;
    --lite-blue: #E8F3FD;
    --body-100: #F9FAFB;
}

body {
    font-family: 'Euclid Circular A';
    line-height: 22px;
    color: var(--body-text);
    font-size: 14px;
}

/* .custom-font {
  font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif
} */

.scroll-lock {
    overflow: hidden;
}

.text-green {
    color: var(--positive);
}

/* Common Css */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

a {
    display: inline-block;
    text-decoration: none;
    color: var(--primary);
}

    a.secondary {
        color: var(--secondary);
    }

.no_style {
    margin: 0;
    padding: 0;
    list-style: none;
}

.bttn {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: normal;
    background-color: transparent;
}

.primary-stroke {
    border: 1px solid var(--primary);
    color: var(--primary);
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 600;
}

.gray-stroke {
    border: 1px solid var(--stroke);
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 600;
    color: var(--body-text);
}

.primary-fill {
    border: 1px solid var(--primary);
    background-color: var(--primary);
    color: var(--white);
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 600;
}

    .primary-fill:hover {
        background-color: var(--primary-700);
    }

.secondary-fill {
    border: 1px solid var(--secondary);
    background-color: var(--secondary);
    color: var(--white);
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 600;
}

    .secondary-fill:hover {
        background-color: var(--secondary-hover);
    }

.dummybtn {
    border: 1px solid var(--secondary);
    background-color: var(--secondary);
    color: var(--white);
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 600;
    cursor: default !important;
}

.gray-fill {
    border: 1px solid var(--gray-300);
    background-color: var(--gray-300);
    color: var(--body-text);
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 600;
}

    .gray-fill:hover {
        border: 1px solid var(--gray-300);
        background-color: #f0f0f0;
    }

.gray-stroke {
    border: 1px solid var(--stroke);
    color: var(--body-text);
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 600;
}

.cart-bttn {
    padding-left: 44px;
    position: relative;
}

    .cart-bttn::before {
        content: "";
        background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.75 13.5C13.1478 13.5 13.5294 13.658 13.8107 13.9393C14.092 14.2206 14.25 14.6022 14.25 15C14.25 15.3978 14.092 15.7794 13.8107 16.0607C13.5294 16.342 13.1478 16.5 12.75 16.5C12.3522 16.5 11.9706 16.342 11.6893 16.0607C11.408 15.7794 11.25 15.3978 11.25 15C11.25 14.1675 11.9175 13.5 12.75 13.5ZM0.75 1.5H3.2025L3.9075 3H15C15.1989 3 15.3897 3.07902 15.5303 3.21967C15.671 3.36032 15.75 3.55109 15.75 3.75C15.75 3.8775 15.7125 4.005 15.66 4.125L12.975 8.9775C12.72 9.435 12.225 9.75 11.6625 9.75H6.075L5.4 10.9725L5.3775 11.0625C5.3775 11.1122 5.39725 11.1599 5.43242 11.1951C5.46758 11.2302 5.51527 11.25 5.565 11.25H14.25V12.75H5.25C4.85218 12.75 4.47064 12.592 4.18934 12.3107C3.90804 12.0294 3.75 11.6478 3.75 11.25C3.75 10.9875 3.8175 10.74 3.93 10.53L4.95 8.6925L2.25 3H0.75V1.5ZM5.25 13.5C5.64782 13.5 6.02936 13.658 6.31066 13.9393C6.59196 14.2206 6.75 14.6022 6.75 15C6.75 15.3978 6.59196 15.7794 6.31066 16.0607C6.02936 16.342 5.64782 16.5 5.25 16.5C4.85218 16.5 4.47064 16.342 4.18934 16.0607C3.90804 15.7794 3.75 15.3978 3.75 15C3.75 14.1675 4.4175 13.5 5.25 13.5ZM12 8.25L14.085 4.5H4.605L6.375 8.25H12Z" fill="white"/></svg>');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 18px;
        width: 18px;
        position: absolute;
        left: 16px;
        top: 50%;
        transform: translate(0%, -50%);
    }

.cta-bttn {
    border-radius: 14px;
}

    .cta-bttn svg {
        margin-left: 10px;
    }

.cta-bttn-reverse svg {
    margin-right: 10px;
}

.primary-white {
    color: var(--primary);
    background-color: var(--white);
    font-size: 16px;
    font-weight: 500;
}

.lock-bttn {
    padding: 8px 16px;
    padding-right: 42px;
    color: var(--white);
    line-height: normal;
    font-weight: 600;
    background-color: var(--primary-700);
    border-radius: 6px;
    display: flex;
    align-items: center;
}

    .lock-bttn::before {
        content: "";
        background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.66667 7.33325V4.66659C4.66667 3.78253 5.01786 2.93468 5.64298 2.30956C6.2681 1.68444 7.11595 1.33325 8 1.33325C8.88406 1.33325 9.7319 1.68444 10.357 2.30956C10.9821 2.93468 11.3333 3.78253 11.3333 4.66659V7.33325M3.33333 7.33325H12.6667C13.403 7.33325 14 7.93021 14 8.66659V13.3333C14 14.0696 13.403 14.6666 12.6667 14.6666H3.33333C2.59695 14.6666 2 14.0696 2 13.3333V8.66659C2 7.93021 2.59695 7.33325 3.33333 7.33325Z" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 16px;
        width: 16px;
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translate(0%, -50%);
    }

.lock {
    position: relative;
}

    .lock .lock-bttn {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
        width: max-content;
    }

.remove-bttn {
    position: relative;
    padding-left: 26px;
    color: var(--secondary);
    font-weight: 600;
    cursor: pointer;
}

    .remove-bttn.gray {
        color: var(--body-text);
    }

        .remove-bttn.gray:hover {
            color: var(--secondary);
        }

    .remove-bttn::before {
        content: "";
        background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.4844 9C14.4844 10.4545 13.9066 11.8495 12.878 12.878C11.8495 13.9066 10.4545 14.4844 9 14.4844C7.54545 14.4844 6.15048 13.9066 5.12196 12.878C4.09344 11.8495 3.51562 10.4545 3.51562 9C3.51562 7.54545 4.09344 6.15048 5.12196 5.12196C6.15048 4.09344 7.54545 3.51562 9 3.51562C10.4545 3.51562 11.8495 4.09344 12.878 5.12196C13.9066 6.15048 14.4844 7.54545 14.4844 9ZM15.75 9C15.75 10.7902 15.0388 12.5071 13.773 13.773C12.5071 15.0388 10.7902 15.75 9 15.75C7.20979 15.75 5.4929 15.0388 4.22703 13.773C2.96116 12.5071 2.25 10.7902 2.25 9C2.25 7.20979 2.96116 5.4929 4.22703 4.22703C5.4929 2.96116 7.20979 2.25 9 2.25C10.7902 2.25 12.5071 2.96116 13.773 4.22703C15.0388 5.4929 15.75 7.20979 15.75 9ZM5.41406 8.36719C5.24623 8.36719 5.08527 8.43386 4.9666 8.55253C4.84792 8.67121 4.78125 8.83217 4.78125 9C4.78125 9.16783 4.84792 9.32879 4.9666 9.44747C5.08527 9.56614 5.24623 9.63281 5.41406 9.63281H12.5859C12.7538 9.63281 12.9147 9.56614 13.0334 9.44747C13.1521 9.32879 13.2188 9.16783 13.2188 9C13.2188 8.83217 13.1521 8.67121 13.0334 8.55253C12.9147 8.43386 12.7538 8.36719 12.5859 8.36719H5.41406Z" fill="%23E22C34"/></svg>');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 18px;
        width: 18px;
        position: absolute;
        left: 0px;
        top: 50%;
        transform: translate(0%, -50%);
    }

    .remove-bttn.gray::before {
        background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.4844 9C14.4844 10.4545 13.9066 11.8495 12.878 12.878C11.8495 13.9066 10.4545 14.4844 9 14.4844C7.54545 14.4844 6.15048 13.9066 5.12196 12.878C4.09344 11.8495 3.51562 10.4545 3.51562 9C3.51562 7.54545 4.09344 6.15048 5.12196 5.12196C6.15048 4.09344 7.54545 3.51562 9 3.51562C10.4545 3.51562 11.8495 4.09344 12.878 5.12196C13.9066 6.15048 14.4844 7.54545 14.4844 9ZM15.75 9C15.75 10.7902 15.0388 12.5071 13.773 13.773C12.5071 15.0388 10.7902 15.75 9 15.75C7.20979 15.75 5.4929 15.0388 4.22703 13.773C2.96116 12.5071 2.25 10.7902 2.25 9C2.25 7.20979 2.96116 5.4929 4.22703 4.22703C5.4929 2.96116 7.20979 2.25 9 2.25C10.7902 2.25 12.5071 2.96116 13.773 4.22703C15.0388 5.4929 15.75 7.20979 15.75 9ZM5.41406 8.36719C5.24623 8.36719 5.08527 8.43386 4.9666 8.55253C4.84792 8.67121 4.78125 8.83217 4.78125 9C4.78125 9.16783 4.84792 9.32879 4.9666 9.44747C5.08527 9.56614 5.24623 9.63281 5.41406 9.63281H12.5859C12.7538 9.63281 12.9147 9.56614 13.0334 9.44747C13.1521 9.32879 13.2188 9.16783 13.2188 9C13.2188 8.83217 13.1521 8.67121 13.0334 8.55253C12.9147 8.43386 12.7538 8.36719 12.5859 8.36719H5.41406Z" fill="%236A6A6A"/></svg>');
    }

    .remove-bttn.gray:hover::before {
        background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.4844 9C14.4844 10.4545 13.9066 11.8495 12.878 12.878C11.8495 13.9066 10.4545 14.4844 9 14.4844C7.54545 14.4844 6.15048 13.9066 5.12196 12.878C4.09344 11.8495 3.51562 10.4545 3.51562 9C3.51562 7.54545 4.09344 6.15048 5.12196 5.12196C6.15048 4.09344 7.54545 3.51562 9 3.51562C10.4545 3.51562 11.8495 4.09344 12.878 5.12196C13.9066 6.15048 14.4844 7.54545 14.4844 9ZM15.75 9C15.75 10.7902 15.0388 12.5071 13.773 13.773C12.5071 15.0388 10.7902 15.75 9 15.75C7.20979 15.75 5.4929 15.0388 4.22703 13.773C2.96116 12.5071 2.25 10.7902 2.25 9C2.25 7.20979 2.96116 5.4929 4.22703 4.22703C5.4929 2.96116 7.20979 2.25 9 2.25C10.7902 2.25 12.5071 2.96116 13.773 4.22703C15.0388 5.4929 15.75 7.20979 15.75 9ZM5.41406 8.36719C5.24623 8.36719 5.08527 8.43386 4.9666 8.55253C4.84792 8.67121 4.78125 8.83217 4.78125 9C4.78125 9.16783 4.84792 9.32879 4.9666 9.44747C5.08527 9.56614 5.24623 9.63281 5.41406 9.63281H12.5859C12.7538 9.63281 12.9147 9.56614 13.0334 9.44747C13.1521 9.32879 13.2188 9.16783 13.2188 9C13.2188 8.83217 13.1521 8.67121 13.0334 8.55253C12.9147 8.43386 12.7538 8.36719 12.5859 8.36719H5.41406Z" fill="%23E22C34"/></svg>');
    }

.select-bttn input {
    margin-right: 10px;
    border-radius: 50%;
}

/* Breadcrumbs */

.breadcrumbs {
    padding: 15px 0px;
}

    .breadcrumbs * {
        color: var(--body-text);
    }

    .breadcrumbs ul {
        display: flex;
    }

        .breadcrumbs ul li {
            margin-left: 15px;
            position: relative;
        }

            .breadcrumbs ul li:before {
                content: "/";
                position: absolute;
                left: -11px;
            }

            .breadcrumbs ul li:first-child {
                margin-left: 0px;
            }

            .breadcrumbs ul li:last-child {
                color: var(--black);
            }

            .breadcrumbs ul li:first-child:before {
                display: none;
            }

/* Custom Checkbox */
/* Customize the label (the container) */
.custom-checkbox {
    display: block;
    position: relative;
    padding-left: 26px;
    margin-bottom: 18px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .custom-checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    border: 1px solid var(--stroke-lite);
}

/* On mouse-over, add a grey background color */
.custom-checkbox:hover input ~ .checkmark {
    background-color: var(--white);
}

/* When the checkbox is checked, add a blue background */
.custom-checkbox input:checked ~ .checkmark {
    background-color: var(--white);
    border: 1px solid var(--secondary);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.custom-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.custom-checkbox .checkmark:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid var(--secondary);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Marks */
.positive-mark {
    margin-left: 10px;
    display: inline-block;
    height: 11px;
    width: 11px;
    border-radius: 50%;
    background-color: var(--positive);
}

.negative-mark {
    margin-left: 10px;
    display: inline-block;
    height: 11px;
    width: 11px;
    border-radius: 50%;
    background-color: var(--negative);
}

.under-liquidation {
    background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.0013 1.16663C10.2231 1.16663 12.8346 3.77821 12.8346 6.99996C12.8346 10.2217 10.2231 12.8333 7.0013 12.8333C3.77955 12.8333 1.16797 10.2217 1.16797 6.99996C1.16797 3.77821 3.77955 1.16663 7.0013 1.16663ZM7.0013 3.49996C6.84659 3.49996 6.69822 3.56142 6.58882 3.67081C6.47943 3.78021 6.41797 3.92858 6.41797 4.08329V6.99996C6.418 7.15466 6.47948 7.303 6.58889 7.41238L8.33889 9.16238C8.4489 9.26863 8.59625 9.32743 8.7492 9.3261C8.90215 9.32477 9.04846 9.26342 9.15661 9.15527C9.26477 9.04712 9.32612 8.90081 9.32745 8.74786C9.32877 8.59491 9.26998 8.44756 9.16372 8.33754L7.58464 6.75846V4.08329C7.58464 3.92858 7.52318 3.78021 7.41378 3.67081C7.30438 3.56142 7.15601 3.49996 7.0013 3.49996Z" fill="%23C53434"/></svg>');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: 10px;
    display: inline-block;
    height: 14px;
    width: 14px;
    transform: translate(1px, 3px);
}

.liquidated {
    background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1404_5530)"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.66536 0.583374C4.58751 0.583382 4.51045 0.598973 4.43872 0.629228C4.36699 0.659484 4.30204 0.703792 4.2477 0.759541L0.747698 4.35054C0.641494 4.45947 0.582047 4.60558 0.582031 4.75771V9.33337C0.582064 9.48807 0.643544 9.63642 0.752948 9.74579L4.25295 13.2458C4.36232 13.3552 4.51067 13.4167 4.66536 13.4167H9.33203C9.48673 13.4167 9.63508 13.3552 9.74445 13.2458L13.2444 9.74579C13.3539 9.63642 13.4153 9.48807 13.4154 9.33337V4.75771C13.4153 4.60558 13.3559 4.45947 13.2497 4.35054L9.7497 0.759541C9.69536 0.703792 9.63041 0.659484 9.55868 0.629228C9.48694 0.598973 9.40988 0.583382 9.33203 0.583374H4.66536ZM4.66536 6.41671C4.51065 6.41671 4.36228 6.47817 4.25289 6.58756C4.14349 6.69696 4.08203 6.84533 4.08203 7.00004C4.08203 7.15475 4.14349 7.30312 4.25289 7.41252C4.36228 7.52192 4.51065 7.58337 4.66536 7.58337H9.33203C9.48674 7.58337 9.63511 7.52192 9.74451 7.41252C9.85391 7.30312 9.91536 7.15475 9.91536 7.00004C9.91536 6.84533 9.85391 6.69696 9.74451 6.58756C9.63511 6.47817 9.48674 6.41671 9.33203 6.41671H4.66536Z" fill="%23C53434"/></g><defs><clipPath id="clip0_1404_5530"><rect width="14" height="14" fill="white"/></clipPath></defs></svg>');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: 10px;
    display: inline-block;
    height: 14px;
    width: 14px;
    transform: translate(1px, 3px);
}

/* Search Input */

input {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    width: 100%;
    color: var(--black);
}

    input::placeholder {
        padding: 0;
        margin: 0;
        border: 0;
        outline: 0;
        color: var(--body-text);
    }

.search-input-wrapper {
    width: 100%;
    max-width: 550px;
    padding: 16px 16px;
    background-color: var(--white);
    border-radius: 8px;
    position: relative;
}

    .search-input-wrapper::before {
        content: '';
        background-image: url('data:image/svg+xml,<svg width="37" height="36" viewBox="0 0 37 36" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" width="36" height="36" rx="6" fill="%23E22C34"/><path d="M27.5 27L21.5 21M23.5 16C23.5 16.9193 23.3189 17.8295 22.9672 18.6788C22.6154 19.5281 22.0998 20.2997 21.4497 20.9497C20.7997 21.5998 20.0281 22.1154 19.1788 22.4672C18.3295 22.8189 17.4193 23 16.5 23C15.5807 23 14.6705 22.8189 13.8212 22.4672C12.9719 22.1154 12.2003 21.5998 11.5503 20.9497C10.9002 20.2997 10.3846 19.5281 10.0328 18.6788C9.68106 17.8295 9.5 16.9193 9.5 16C9.5 14.1435 10.2375 12.363 11.5503 11.0503C12.863 9.7375 14.6435 9 16.5 9C18.3565 9 20.137 9.7375 21.4497 11.0503C22.7625 12.363 23.5 14.1435 23.5 16Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        height: 36px;
        width: 36px;
        right: 16px;
        top: 50%;
        transform: translate(0, -50%);
    }

/* Banner Select */
.select-wrapper {
    position: relative;
    border-radius: 8px;
    width: fit-content;
    transition: all 0.1s ease-in-out;
    background-color: var(--white);
}

    .select-wrapper::before {
        content: "";
        display: block;
        position: absolute;
        background-image: url('data:image/svg+xml,<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.375 6.6875L9 12.3125L14.625 6.6875" stroke="%236A6A6A" stroke-width="1.125"/></svg>');
        background-size: 100% 100%;
        width: 18px;
        height: 18px;
        right: 10px;
        top: 50%;
        pointer-events: none;
        transform: translate(0, -50%);
        transition: all 0.1s ease-in-out;
    }

    .select-wrapper select {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        border: none;
        background-color: transparent;
        padding: 16px 16px;
        padding-right: 30px !important;
        font-size: 14px;
        color: var(--body-text);
        line-height: normal;
        border: 0;
        outline: 0;
        transition: all 0.1s ease-in-out;
    }

    .select-wrapper.w-100,
    .select-wrapper.w-100 select {
        width: 100%;
    }

/* Common Select */
.common-select {
    position: relative;
    border: 1px solid var(--stroke);
    border-radius: 8px;
}

    .common-select::before {
        content: "";
        display: block;
        position: absolute;
        background-image: url('data:image/svg+xml,<svg width="17" height="10" viewBox="0 0 17 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.33398 1L8.33398 8L15.334 1" stroke="%23C5C5C5" stroke-width="2"/></svg>');
        background-size: 100% 100%;
        width: 12px;
        height: 8px;
        right: 10px;
        top: 50%;
        pointer-events: none;
        transform: translate(0, -50%);
    }

    .common-select select {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        border: none;
        background-color: transparent;
        padding-right: 30px;
        border: 0;
        outline: 0;
        width: 100%;
        background-color: var(--white);
        padding: 10px;
        border-radius: 8px;
        line-height: normal;
        color: var(--body-text);
    }

    .common-select.mini {
        width: fit-content;
    }

/* Custom Dropdown */

.common-dropdown {
    padding-right: 40px !important;
    position: relative;
    width: fit-content;
    padding: 16px;
    background-color: var(--white);
    border-radius: 8px;
    text-align: left;
}

    .common-dropdown .drop-content {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 150px;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding: 10px 0px;
        background-color: #fff;
        border-radius: 5px;
        width: 100%;
        min-width: 200px;
        z-index: 1;
    }

        .common-dropdown .drop-content .seprator {
            padding: 10px 0px;
            border-bottom: 1px solid var(--stroke);
        }

            .common-dropdown .drop-content .seprator:first-child {
                padding-top: 0px;
            }

            .common-dropdown .drop-content .seprator:last-child {
                padding-bottom: 0px;
                border-bottom: 0;
            }

        .common-dropdown .drop-content a {
            padding: 8px 16px !important;
            display: block;
            text-decoration: none;
            color: var(--body-text);
            text-align: left;
        }

            .common-dropdown .drop-content a:hover {
                color: var(--black);
                background-color: var(--lite-blue);
            }

    .common-dropdown ul li:last-child a {
        border-bottom: 0;
    }

    .common-dropdown .drop-content.active {
        display: block;
    }

    .common-dropdown::before {
        content: "";
        display: block;
        position: absolute;
        background-image: url('data:image/svg+xml,<svg width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 0.75L5.5 5.25L10 0.75" stroke="%23777777"/></svg>');
        background-size: 100% 100%;
        width: 13px;
        height: 7px;
        right: 10px;
        top: 50%;
        pointer-events: none;
        transform: translate(0, -50%);
    }

/* Custom datepicker */

input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.673 2.5C7.85865 2.5 8.0367 2.57375 8.16797 2.70503C8.29925 2.8363 8.373 3.01435 8.373 3.2V4.509H15.89V3.209C15.89 3.02335 15.9637 2.8453 16.095 2.71403C16.2263 2.58275 16.4043 2.509 16.59 2.509C16.7757 2.509 16.9537 2.58275 17.085 2.71403C17.2162 2.8453 17.29 3.02335 17.29 3.209V4.509H20C20.5303 4.509 21.0388 4.71958 21.4139 5.09443C21.7889 5.46929 21.9997 5.97774 22 6.508V20.501C21.9997 21.0313 21.7889 21.5397 21.4139 21.9146C21.0388 22.2894 20.5303 22.5 20 22.5H4C3.46974 22.5 2.96118 22.2894 2.58614 21.9146C2.2111 21.5397 2.00027 21.0313 2 20.501V6.508C2.00027 5.97774 2.2111 5.46929 2.58614 5.09443C2.96118 4.71958 3.46974 4.509 4 4.509H6.973V3.199C6.97327 3.01352 7.04713 2.83573 7.17838 2.70467C7.30963 2.57361 7.48752 2.5 7.673 2.5ZM3.4 10.242V20.501C3.4 20.5798 3.41552 20.6578 3.44567 20.7306C3.47583 20.8034 3.52002 20.8695 3.57574 20.9253C3.63145 20.981 3.69759 21.0252 3.77039 21.0553C3.84319 21.0855 3.92121 21.101 4 21.101H20C20.0788 21.101 20.1568 21.0855 20.2296 21.0553C20.3024 21.0252 20.3685 20.981 20.4243 20.9253C20.48 20.8695 20.5242 20.8034 20.5543 20.7306C20.5845 20.6578 20.6 20.5798 20.6 20.501V10.256L3.4 10.242ZM8.667 17.119V18.785H7V17.119H8.667ZM12.833 17.119V18.785H11.167V17.119H12.833ZM17 17.119V18.785H15.333V17.119H17ZM8.667 13.142V14.808H7V13.142H8.667ZM12.833 13.142V14.808H11.167V13.142H12.833ZM17 13.142V14.808H15.333V13.142H17ZM6.973 5.908H4C3.92121 5.908 3.84319 5.92352 3.77039 5.95367C3.69759 5.98382 3.63145 6.02802 3.57574 6.08374C3.52002 6.13945 3.47583 6.20559 3.44567 6.27839C3.41552 6.35119 3.4 6.42921 3.4 6.508V8.843L20.6 8.857V6.508C20.6 6.42921 20.5845 6.35119 20.5543 6.27839C20.5242 6.20559 20.48 6.13945 20.4243 6.08374C20.3685 6.02802 20.3024 5.98382 20.2296 5.95367C20.1568 5.92352 20.0788 5.908 20 5.908H17.29V6.837C17.29 7.02265 17.2162 7.2007 17.085 7.33197C16.9537 7.46325 16.7757 7.537 16.59 7.537C16.4043 7.537 16.2263 7.46325 16.095 7.33197C15.9637 7.2007 15.89 7.02265 15.89 6.837V5.908H8.373V6.828C8.373 7.01365 8.29925 7.1917 8.16797 7.32297C8.0367 7.45425 7.85865 7.528 7.673 7.528C7.48735 7.528 7.3093 7.45425 7.17803 7.32297C7.04675 7.1917 6.973 7.01365 6.973 6.828V5.908Z' fill='%23717171'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-size: 100% 100%;
    width: 18px;
    height: 18px;
    z-index: 1;
}

.date-input-wrapper {
    position: relative;
}


    .date-input-wrapper .placeholder {
        position: absolute;
        top: 10px;
        left: 10px;
        color: #aaa;
        pointer-events: none;
        transition: 0.2s;
        background-color: var(--body-100);
    }

    .date-input-wrapper input[type="date"]:focus + .placeholder,
    .date-input-wrapper input[type="date"]:not(:placeholder-shown) + .placeholder {
        top: 50%;
        left: 40px;
        font-size: 14px;
        color: var(--body-text);
        padding: 5px 30px;
        padding-left: 0;
        transform: translate(0px, -50%);
        opacity: 1;
    }

    .date-input-wrapper input[type="date"].filled + .placeholder {
        opacity: 0;
    }
/* Common Tabs */

.common-tabs {
    display: flex;
}

    .common-tabs li {
        margin-right: 10px;
    }

        .common-tabs li:last-child {
            margin-right: 0px;
        }

        .common-tabs li a {
            display: block;
            line-height: normal;
            text-decoration: none;
            color: var(--body-text);
            padding: 7px 10px;
            border-radius: 8px;
            border: 1px solid var(--stroke);
        }

            .common-tabs li a.active {
                border: 1px solid var(--primary-300);
                background-color: var(--primary-300);
                color: var(--black);
            }

/* Common Table */
.common-table {
    position: relative;
}

    .common-table .table {
        margin: 0;
    }

    .common-table thead {
        position: sticky;
        top: 0;
        right: 0;
        left: 0;
    }

        .common-table thead th,
        .common-table tbody td {
            border: 0;
            padding: 10px 14px;
            color: var(--body-text);
            vertical-align: middle;
            text-align: right;
            line-height: normal;
        }

            .common-table thead th:first-child,
            .common-table tbody td:first-child {
                text-align: left;
            }

            .common-table thead th,
            .common-table tbody td:first-child {
                white-space: nowrap;
            }

        .common-table thead th {
            color: var(--primary);
            background-color: var(--primary-light);
            font-weight: 500;
        }

    .common-table tbody td {
        border-bottom: 1px solid var(--stroke);
    }

    .common-table tbody tr:last-child td {
        border-bottom: 0;
    }

    .common-table .common-lable {
        margin-left: 10px;
    }

    /* Gary Table */


    .common-table.gray-table thead th {
        color: var(--black);
        background-color: var(--gray-300);
        /* border-top: 1px solid var(--stroke); */
        /* border-bottom: 1px solid var(--stroke); */
    }

/* .common-table.gray-table thead th:first-child {
  border-left: 1px solid var(--stroke);
}
.common-table.gray-table thead th:last-child {
  border-right: 1px solid var(--stroke);
} */

/* Table Wrapper Css*/
.table-box {
    box-shadow: 0px 14px 25px rgba(0, 0, 0, 0.12);
}

.table-wrapper {
    border: 1px solid var(--stroke);
    padding: 14px 16px;
    border-radius: 12px;
    background-color: var(--white);
}

    .table-wrapper .table-head {
        padding: 14px 16px;
    }

        .table-wrapper .table-head h4 {
            margin: 0;
            color: var(--black);
            font-size: 20px;
            font-weight: 600;
        }



/* Common lables */
.common-lable {
    padding: 2px 8px;
    border-radius: 4px;
    display: inline-block;
}

    .common-lable.primary {
        border: 1px solid var(--stroke-lite);
        color: var(--primary-600);
        background-color: var(--primary-100);
        font-weight: 500;
    }

    .common-lable.primary-stroke {
        border: 1px solid var(--primary-600);
        color: var(--primary-600);
        font-weight: 500;
        max-width: fit-content;
        font-size: 14px;
    }

    .common-lable.positive {
        background-color: var(--positive);
        border: 1px solid var(--positive);
        color: var(--white);
    }

    .common-lable.gray {
        background-color: #F6F6F6;
        border: 1px solid var(--stroke-dark);
    }

    .common-lable.stroke-black {
        border: 1px solid var(--stroke);
        color: var(--black);
        font-weight: 600;
    }

/* Common Lables */



.show-479 {
    display: none;
}

.search_banner_sc .content {
    position: relative;
}

/* Custom Dropdown */
/* Tabs Mobile Css 888888888888888888888888888888888888888888888888*/
.company-details_sc .tabs-mobile {
    position: relative;
    display: none;
}

    .company-details_sc .tabs-mobile .dropdown-button {
        padding: 10px 15px;
        background: var(--primary);
        color: #fff;
        font-weight: 500;
        cursor: pointer;
        border-radius: 5px;
        position: relative;
    }

        .company-details_sc .tabs-mobile .dropdown-button::after {
            content: "";
            background-image: url('data:image/svg+xml,<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="200px" width="200px" xmlns="http://www.w3.org/2000/svg" style=" color: white;"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"></path></svg>');
            background-repeat: no-repeat;
            background-size: 100% 100%;
            height: 18px;
            width: 18px;
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translate(0, -50%);
            transition: all 0.3s ease-in-out;
        }

        .company-details_sc .tabs-mobile .dropdown-button.open::after {
            transform: translate(0, -50%) rotate(180deg);
        }

    .company-details_sc .tabs-mobile ul {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        padding: 0px 7px;
        list-style: none;
        border-radius: 5px;
        z-index: 9;
        background: #fff;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }

        .company-details_sc .tabs-mobile ul li a {
            display: block;
            text-decoration: none;
            color: var(--body-text);
            padding: 8px 8px;
            transition: background-color 0.3s;
            border-bottom: 1px solid rgb(248, 248, 248);
        }

            .company-details_sc .tabs-mobile ul li a:last-child {
                border-bottom: 0;
            }

            .company-details_sc .tabs-mobile ul li a:hover {
                background-color: #fff;
            }


/* Popup Css */
.common-popup .modal-dialog {
    margin-top: 0;
    top: 50%;
    transform: translate(0px, -50%) !important;
    max-width: 600px;
    width: fit-content;
}

.common-popup h5 {
    font-size: 16px;
    font-weight: 600;
    color: var(--black);
    margin-bottom: 10px;
}

.common-popup#removeAll .modal-dialog {
    max-width: 320px;
}

.common-popup .bttn-container {
    display: grid;
    gap: 10px;
    margin-top: 16px;
}

.common-popup .bttn {
    padding: 12px 10px;
    font-weight: 400;
}

.common-popup .modal-content {
    border: 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.14);
    border-radius: 6px;
}
/* ________________________________________ */

/* Header Css */
.common-header {
    background: #fff;
    padding: 10px 30px;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    width: 100%;
    z-index: 10;
}

/* .common-header Desktop Css */
.header-desktop {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .header-desktop .logo-container img {
        height: 100%;
        width: 100%;
        object-fit: contain;
    }

    .header-desktop .ham-bttn .primary-fill {
        margin-left: 14px;
    }

.common-header ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}

.common-header li a {
    text-decoration: none;
    color: var(--body-text);
    padding: 0px 14px;
    font-size: 15px;
}

.common-header li.active a {
    color: var(--primary);
    font-weight: 600;
}

/* Hamburger Css */
.ham-bttn {
    display: flex;
    align-items: center;
}

.hamburger {
    display: none;
}

.common-header .hamburger-menu-button {
    width: 40px;
    height: 40px;
    padding: 6px;
    display: block;
    position: relative;
    z-index: 100;
    cursor: pointer;
    overflow: hidden;
    outline: 0;
    background: transparent;
}

.common-header .hamburger-menu-button-open {
    top: 50%;
    margin-top: -1px;
    left: 50%;
    margin-left: -12px;
}

    .common-header .hamburger-menu-button-open,
    .common-header .hamburger-menu-button-open::before,
    .common-header .hamburger-menu-button-open::after {
        position: absolute;
        width: 24px;
        height: 3px;
        background: var(--primary);
        border-radius: 4px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

        .common-header .hamburger-menu-button-open::before,
        .common-header .hamburger-menu-button-open::after {
            left: 0;
            content: "";
        }

        .common-header .hamburger-menu-button-open::before {
            top: 6px;
        }

        .common-header .hamburger-menu-button-open::after {
            bottom: 6px;
        }

.common-header .hamburger-menu-button-close {
    background: transparent;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

    .common-header .hamburger-menu-button-close::before {
        -webkit-transform: translateY(-6px) rotate(45deg);
        transform: translateY(-6px) rotate(45deg);
    }

    .common-header .hamburger-menu-button-close::after {
        -webkit-transform: translateY(6px) rotate(-45deg);
        transform: translateY(6px) rotate(-45deg);
    }



/* Side .common-header Mobile Css*/

.header-mobile {
    height: 100vh;
    width: 200px;
    position: fixed;
    right: -100%;
    top: 0;
    bottom: 0;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
}

    .header-mobile.active {
        right: 0;
    }

    .header-mobile ul {
        flex-direction: column;
    }

    .header-mobile li {
        width: 100%;
        margin-bottom: 20px;
    }

        .header-mobile li a,
        .header-mobile li button {
            text-decoration: none;
            display: block;
            width: fit-content;
            margin-left: 20px;
        }


/* Footer */


/* Common Layout */

main section {
    margin-top: 80px;
}

main .login_sc {
    margin-top: 0px;
}

main section:first-child {
    margin-top: 0px;
}

.section_head {
    color: var(--primary);
    font-size: 34px;
    font-weight: 600;
}

    .section_head span {
        color: var(--secondary);
    }

/* _______________________________________ */


/* Home Banner */
.banner_sc p {
    color: rgba(255, 255, 255, 0.75);
}

.banner_sc h1 {
    color: var(--white);
    font-size: 34px;
    font-weight: 600;
}

.banner_sc {
    padding-top: 90px;
    padding-bottom: 120px;
    background-image: url(../images/home_banner-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

    .banner_sc .content {
        text-align: center;
        padding-bottom: 70px;
        position: relative;
    }

.select-input-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
    position: absolute;
    left: 0;
    right: 0;
}

    .select-input-flex > div {
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }

/*.select-input-flex.sticky {
  position: fixed;
  top: 40px;
  left: 15px;
  right: 15px;
  z-index: 5;
  animation: translate 0.5s ease-in-out;
}*/

.search-input-wrapper {
    margin-left: 16px;
}

/* Home Company Info */

.company-info_sc {
    margin-top: -55px;
}

.company-info-container {
    padding: 22px 46px;
    border-radius: 20px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.14);
    background-color: var(--white);
    width: fit-content;
    margin: 0 auto;
}

    .company-info-container ul {
        display: flex;
        position: relative;
    }

        .company-info-container ul li span {
            display: block;
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 4px;
            color: var(--dark-blue);
        }

        .company-info-container ul li {
            font-size: 15px;
            color: var(--dark-blue);
        }

            .company-info-container ul li:first-child {
                margin-right: 140px;
            }

        .company-info-container ul::before {
            content: "";
            height: 100%;
            width: 1px;
            background-color: rgba(24, 46, 83, 0.28);
            position: absolute;
            left: 49%;
        }

/* Strategy SC */

.strategy-wrapper {
    background: linear-gradient(180deg, #F1F8FE 0%, rgba(241, 248, 254, 0) 100%);
    padding: 50px 0px;
    margin-top: 28px;
    position: relative;
}

    .strategy-wrapper::before,
    .strategy-wrapper::after {
        content: "";
        position: absolute;
        background-image: url(../images/stratagy-dropimg.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 30px;
        width: 131px;
    }

    .strategy-wrapper::before {
        right: 0;
        top: -15px;
    }

    .strategy-wrapper::after {
        left: 0;
        bottom: 0;
        transform: rotate(180deg);
    }

.strategy-card-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background-color: var(--stroke-lite);
    gap: 1px;
}

    .strategy-card-container li {
        background-color: var(--white);
        padding: 30px;
        transition: all 0.2s ease-in-out;
    }

        .strategy-card-container li:hover {
            box-shadow: -15px 0px 20px rgba(57, 130, 239, 0.25);
            z-index: 1;
        }

            .strategy-card-container li:hover .bttn {
                color: var(--white);
                background-color: var(--primary);
            }

    .strategy-card-container .icon-container {
        text-align: center;
        margin-bottom: 16px;
    }

    .strategy-card-container h5 {
        font-size: 16px;
        font-weight: 500;
        color: var(--primary);
        height: 40px;
        text-align: center;
        text-transform: capitalize;
        margin-bottom: 21px;
    }

    .strategy-card-container .bttn {
        padding: 10px 54px;
        border: 1px solid var(--primary);
        color: var(--primary);
        font-size: 16px;
        font-weight: 500;
        display: block;
        border-radius: 21px;
        margin: 0 auto;
        transition: all 0.2s ease-in-out;
    }

/* Trandings */

.tranding-container {
    display: flex;
    margin-top: 30px;
}

.popular-companies {
    flex: 1.5;
    margin-right: 40px;
    box-shadow: 0px 4px 12.2px rgba(0, 0, 0, 0.17);
    border-radius: 14px;
}

.popular-directors {
    flex: 1;
}

.tranding-container .head {
    font-size: 20px;
    font-weight: 500;
    color: var(--black);
}

.popular-companies .head {
    padding: 24px 30px;
}

.popular-directors .head {
    padding: 16px 0px;
}

.popular-companies ul li {
    padding: 11px 20px;
}

    .popular-companies ul li:hover {
        background-color: var(--primary-light);
    }

.popular-companies ul .flex-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*  margin-bottom: 14px;*/
}

.popular-companies ul h6 {
    color: var(--black);
    margin-right: 10px;
}

.popular-companies ul .date span {
    font-weight: 500;
}

.popular-companies ul .flex-head > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.popular-companies ul .activity {
    margin-bottom: 14px;
}

.popular-directors ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0px;
    border-bottom: 1px solid var(--stroke);
}

    .popular-directors ul li:last-child {
        border-bottom: 0;
    }

    .popular-directors ul li:hover h6 {
        color: var(--primary);
    }

.popular-directors h6 {
    font-size: 16px;
    color: var(--black);
    margin-bottom: 10px;
    transition: all 0.2s ease-in-out;
}

.popular-directors ul li p {
    max-width: 280px;
}
/* Feature Css */
.feature-box {
    position: relative;
}

    .feature-box::before,
    .feature-box::after {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        border-radius: 12px;
    }

    .feature-box::before {
        background-color: #E1EBF4;
        top: -21px;
        z-index: -1;
    }

    .feature-box::after {
        background-color: #C5D6E5;
        top: -42px;
        z-index: -2;
    }

.slide-container-wrapper {
    margin-top: 60px;
    position: relative;
}

.feature-box {
    background-color: #F3F8FD;
    padding: 38px 45px;
    border-radius: 12px;
    position: relative;
}

    .feature-box .head {
        display: flex;
        justify-content: space-between;
    }

        .feature-box .head p {
            font-size: 16px;
            line-height: 28px;
            text-transform: capitalize;
        }

.feature-card {
    padding: 20px 17px;
    background-color: var(--white);
    margin: 0px 11px;
    border-radius: 12px;
    transition: all 0.3s ease-in-out;
}


    .feature-card h5 {
        font-weight: 600;
        font-size: 18px;
        margin-top: 20px;
    }

.slide-container-wrapper .custom-slider-btn {
    position: absolute;
    top: -60px;
    right: 0;
    display: flex;
}

    .slide-container-wrapper .custom-slider-btn button {
        height: 40px;
        width: 40px;
        background-color: var(--white);
        display: grid;
        place-items: center;
        border-radius: 50%;
        margin-left: 14px;
    }

.slide-container-wrapper .slick-track {
    display: flex;
}

    .slide-container-wrapper .slick-track .slick-slide {
        height: auto;
    }


/* Service */

.service_sc {
    background-image: url(../images/service-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 195px;
    background-position: center;
    margin-bottom: 120px;
}

.service-card-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 23px;
    margin-top: 24px;
}

    .service-card-grid .service-card:nth-child(odd) {
        transform: translate(0, 60px);
    }

    .service-card-grid .service-card {
        padding: 20px;
        background-color: var(--white);
        border-radius: 16px;
        box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.12);
        position: relative;
        overflow: hidden;
    }

        .service-card-grid .service-card::before {
            content: "";
            background-image: url(../images/service-card-bd-1.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            height: 76px;
            width: 36px;
            position: absolute;
            right: 0;
            top: 70px;
        }

    /* .service-card-grid .service-card::after {
  content: "";
  background-image: url(../images/service-card-bd-2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 66px;
  width: 67px;
  position: absolute;
  left: 0;
  bottom: 0px;
} */

    .service-card-grid li h6 {
        font-size: 18px;
        margin-bottom: 16px;
        font-weight: bold;
        color: var(--primary);
    }

    .service-card-grid li p {
        font-size: 16px;
        margin-bottom: 18px;
    }


.cricle-square_bullet li {
    position: relative;
    padding-left: 36px;
    margin-bottom: 12px;
}

    .cricle-square_bullet li:last-child {
        margin-bottom: 0px;
    }

    .cricle-square_bullet li::before {
        content: "";
        background-image: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.25 12C21.25 13.1819 21.0172 14.3522 20.5649 15.4442C20.1126 16.5361 19.4497 17.5282 18.614 18.364C17.7782 19.1997 16.7861 19.8626 15.6942 20.3149C14.6022 20.7672 13.4319 21 12.25 21C11.0681 21 9.89778 20.7672 8.80585 20.3149C7.71392 19.8626 6.72177 19.1997 5.88604 18.364C5.05031 17.5282 4.38738 16.5361 3.93508 15.4442C3.48279 14.3522 3.25 13.1819 3.25 12C3.25 9.61305 4.19821 7.32387 5.88604 5.63604C7.57387 3.94821 9.86305 3 12.25 3C14.6369 3 16.9261 3.94821 18.614 5.63604C20.3018 7.32387 21.25 9.61305 21.25 12Z" stroke="%23125A92" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.25 9.563C9.25 9.252 9.502 9 9.813 9H14.687C14.998 9 15.25 9.252 15.25 9.563V14.437C15.25 14.748 14.998 15 14.687 15H9.814C9.73995 15.0003 9.66657 14.9859 9.59809 14.9577C9.52961 14.9295 9.46737 14.8881 9.41496 14.8357C9.36255 14.7834 9.32099 14.7213 9.29268 14.6528C9.26437 14.5844 9.24987 14.5111 9.25 14.437V9.564V9.563Z" stroke="%23E42D35" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        height: 24px;
        width: 24px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        left: 0;
        top: -2px;
    }



/* Media Queries */




/* Akshay Css Start */
.grid-companydetail {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* .company-alert-rating {
  padding: 34px 0px;
} */

.company-alrt-rating {
    color: var(--primary);
    margin-left: 17px;
    font-size: 24px;
    font-weight: bold;
}

    .company-alrt-rating span {
        color: var(--secondary);
    }

.grid-companydetail .back {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 20px;
    border-top: 1px solid var(--stroke);
}

.back-flex {
    display: flex;
    align-items: center;
    position: relative;
}



.para-grey-text {
    color: var(--primary-garys);
    font-size: 14px;
    margin-top: 11px;
}

.comman-btns-vd {
    /* Frame 427321513 */
    padding: 10px 45px;
    border: 1px solid var(--primary);
    background-color: var(--primary);
    color: var(--white);
    border-radius: 50px;
    font-size: 16px;
    margin-top: 19px;
    width: fit-content;
}

    .comman-btns-vd svg {
        margin-left: 9px;
        position: relative;
        top: -3px;
    }

.comman-bigg-text {
    color: var(--white);
    font-size: 34px;
    font-weight: bold;
}

.bg-blue-frame {
    background-image: url(../images/blueframes.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 100%;
}

.grid-frame-two {
    display: grid;
    grid-template-columns: repeat(2, auto);
    justify-content: space-between;
    padding: 34px 34px;
}

.cover-end {
    padding-right: 59px;
}

.grid-frame-two ul {
    margin-top: 30px;
}

    .grid-frame-two ul li {
        color: var(--white);
        font-size: 14px;
        line-height: 32px;
    }

.registerbold {
    font-weight: bold;
}

.roudin {
    margin-right: 9px;
}

footer {
    margin-top: 50px;
}

.grid-footer-patch {
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-content: space-between;
}

    .grid-footer-patch ul {
        display: flex;
        gap: 22px;
    }

        .grid-footer-patch ul li {
            color: var(--white);
            font-size: 11px;
        }

.footer {
    background-color: var(--balck-foot);
    padding: 7px 0px;
}

.financial-score-sec {
    padding: 32px 0px 46px;
}

/* .main-frame{
  padding: 30px 0px 45px !important;
} */
.blueframe {
    position: relative;
    overflow: hidden;
    background-color: #134d79;
    border-radius: 9px;
    /* padding:34px 38px; */
}

    .blueframe .cta-bttn {
        padding: 10px 54px;
    }

    .blueframe::before {
        content: "";
        background-color: #0099ff;
        width: 839px;
        height: 976px;
        border-radius: 100%;
        position: absolute;
        top: 0;
        right: 0;
        transform: translate(26%, -6%);
    }

.ulregister {
    color: var(--white);
    margin-top: 34px;
}

.zindexes {
    z-index: 1;
    position: relative;
}

.ulregister li {
    margin-bottom: 10px;
}

.poserelabox {
    position: relative;
}

    .poserelabox h3 {
        position: absolute;
        top: 39px;
        left: 9%;
    }

.backone {
    padding: 42px 42px;
}

.imgcharts {
    width: 100%;
    float: right;
    position: relative;
    left: 13px;
    top: 8px;
}

.blueframe .cta-bttn {
    margin-top: 25px;
}

@media (max-width:991px) {
    .company-alert-rating {
        margin-top: 30px;
    }
}

@media (max-width:767px) {
    .backone {
        padding: 30px 20px;
    }

    footer {
        margin-top: 30px;
    }
}


@media (min-width:510px) and (max-width:574px) {

    .blueframe::before {
        content: "";
        background-color: #0099ff;
        width: 94% !important;
        height: 918px !important;
        border-radius: 100% !important;
        position: absolute;
        top: 77px !important;
        right: 0;
        transform: rotate(78deg) !important;
        /* transform: translate(26%, -6%); */
    }
}

@media (max-width:575px) {
    /* .main-frame {
      margin: 0px 7px;
  } */
}

@media (min-width:410px) and (max-width:479px) {
    .blueframe::before {
        content: "";
        background-color: #0099ff;
        width: 515px !important;
        height: 994px !important;
        border-radius: 100%;
        position: absolute;
        top: 66px !important;
        transform: rotate(65deg) !important;
        right: 0;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .grid-footer-patch {
        display: grid;
        grid-template-columns: repeat(3, auto);
        justify-content: space-between;
        gap: 21px;
    }

    .comman-bigg-text {
        color: var(--white);
        font-size: 27px;
        font-weight: bold;
    }

    .imgcharts {
        width: 104%;
        margin-top: 22px;
    }

    .ulregister {
        color: var(--white);
        margin-top: 34px;
        width: 73%;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .uploadbtn {
        margin-top: 32px !important;
    }

    .grid-companydetail {
        display: grid;
        grid-template-columns: repeat(2, auto);
        gap: 42px;
    }

    .back-flex::before {
        position: absolute;
        content: "";
        background-color: transparent;
        width: 0%;
        height: 1px;
        top: -0px;
    }

    .company-alrt-rating {
        margin-left: 17px;
        font-size: 25px;
    }

    .comman-btns-vd {
        padding: 10px 45px;
        font-size: 13px;
        margin-top: 19px;
    }

    .grid-footer-patch ul {
        display: grid;
        grid-template-columns: repeat(6, auto);
        gap: 19px;
    }

    .grid-footer-patch {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        /* justify-content: space-between; */
        gap: 20px;
    }

    .blueframe::before {
        content: "";
        background-color: #0099ff;
        width: 1023px;
        height: 976px;
        border-radius: 100%;
        position: absolute;
        top: 263px;
        right: -277px;
        transform: rotate(332deg) !important;
    }

    .poserelabox h3 {
        position: absolute;
        top: 55px;
        left: 43%;
    }

    .comman-bigg-text {
        color: var(--white);
        font-size: 28px;
        font-weight: bold;
    }

    .imgcharts {
        width: 102%;
    }
}

@media (min-width:575px) and (max-width:767px) {
    .grid-companydetail {
        display: grid;
        grid-template-columns: repeat(2, auto);
        gap: 42px;
    }

    .back-flex::before {
        position: absolute;
        content: "";
        background-color: transparent;
        width: 0%;
        height: 1px;
        top: -0px;
    }

    .company-alrt-rating {
        margin-left: 17px;
        font-size: 18px;
    }

    .comman-btns-vd {
        padding: 10px 45px;
        font-size: 13px;
        margin-top: 19px;
    }

    .grid-footer-patch ul {
        display: grid;
        grid-template-columns: repeat(6, auto);
        gap: 19px;
    }

    .grid-footer-patch {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        /* justify-content: space-between; */
        gap: 20px;
    }

    .blueframe::before {
        content: "";
        background-color: #0099ff;
        width: 94%;
        height: 976px;
        border-radius: 100%;
        position: absolute;
        top: 77px;
        right: 0;
        transform: rotate(78deg) !important;
        /* transform: translate(26%, -6%); */
    }

    .poserelabox h3 {
        position: absolute;
        top: 35px;
        left: 28%;
    }

    .comman-bigg-text {
        color: var(--white);
        font-size: 28px;
        font-weight: bold;
    }

    .imgcharts {
        width: 103%;
    }
}

@media (min-width:480px) and (max-width:574.90px) {
    .grid-companydetail {
        display: grid;
        grid-template-columns: repeat(1, auto);
        gap: 42px;
    }

    .back-flex::before {
        position: absolute;
        content: "";
        background-color: transparent;
        width: 0%;
        height: 1px;
        top: -0px;
    }

    .company-alrt-rating {
        margin-left: 17px;
        font-size: 22px;
    }

    .comman-btns-vd {
        padding: 10px 45px;
        font-size: 13px;
        margin-top: 19px;
    }

    .grid-footer-patch ul {
        display: grid;
        grid-template-columns: repeat(6, auto);
        gap: 19px;
    }

    .grid-footer-patch {
        display: grid;
        grid-template-columns: repeat(1, auto);
        /* justify-content: space-between; */
        gap: 20px;
    }

    .blueframe::before {
        content: "";
        background-color: #0099ff;
        width: 94%;
        height: 976px;
        border-radius: 100%;
        position: absolute;
        top: 77px;
        right: 0;
        transform: rotate(78deg) !important;
        /* transform: translate(26%, -6%); */
    }

    .poserelabox h3 {
        position: absolute;
        top: 35px;
        left: 28%;
    }

    .comman-bigg-text {
        color: var(--white);
        font-size: 28px;
        font-weight: bold;
    }

    .imgcharts {
        width: 103%;
    }
}

@media (min-width:360px) and (max-width:479.90px) {
    .grid-companydetail {
        display: grid;
        grid-template-columns: repeat(1, auto);
        gap: 42px;
    }

    .back-flex::before {
        position: absolute;
        content: "";
        background-color: transparent;
        width: 0%;
        height: 1px;
        top: -0px;
    }

    .company-alrt-rating {
        margin-left: 17px;
        font-size: 22px;
    }

    .comman-btns-vd {
        padding: 10px 45px;
        font-size: 13px;
        margin-top: 19px;
    }

    .grid-footer-patch ul {
        display: grid;
        grid-template-columns: repeat(4, auto);
        gap: 8px;
    }

    .grid-footer-patch {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        /* justify-content: space-between; */
        gap: 20px;
    }

    .blueframe::before {
        content: "";
        background-color: #0099ff;
        width: 515px !important;
        height: 994px !important;
        border-radius: 100%;
        position: absolute;
        top: 102px !important;
        transform: rotate(65deg) !important;
        right: 0;
    }

    .imgcharts {
        width: 100%;
        position: relative;
        left: 12px;
    }

    .comman-bigg-text {
        color: var(--white);
        font-size: 19px;
        font-weight: bold;
    }

    .poserelabox h3 {
        position: absolute;
        top: 22px;
        left: 31%;
    }
}

@media (min-width:320px) and (max-width:359.90px) {
    .grid-companydetail {
        display: grid;
        grid-template-columns: repeat(1, auto);
        gap: 42px;
    }

    .back-flex::before {
        position: absolute;
        content: "";
        background-color: transparent;
        width: 0%;
        height: 1px;
        top: -0px;
    }

    .company-alrt-rating {
        margin-left: 17px;
        font-size: 22px;
    }

    .comman-btns-vd {
        padding: 10px 45px;
        font-size: 13px;
        margin-top: 19px;
    }

    .grid-footer-patch ul {
        display: grid;
        grid-template-columns: repeat(3, auto);
        gap: 8px;
    }

    .grid-footer-patch {
        display: grid;
        grid-template-columns: repeat(1, auto);
        /* justify-content: space-between; */
        gap: 20px;
    }

    .grid-frame-two {
        display: grid;
        grid-template-columns: repeat(1, auto);
        justify-content: space-between;
        padding: 34px 34px;
    }

    .bg-blue-frame {
        background-image: url(../images/phoneviewbg.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-size: 100% 100%;
    }

    .comman-bigg-text {
        color: var(--white);
        font-size: 16px;
        font-weight: bold;
    }

    .blueframe::before {
        content: "";
        background-color: #0099ff;
        width: 1117px;
        height: 998px;
        border-radius: 100%;
        position: absolute;
        top: 380px;
        right: -416px;
        transform: rotate(20deg);
        /* transform: translate(-14%, -6%); */
    }

    .blueframe::before {
        content: "";
        background-color: #0099ff;
        width: 515px !important;
        height: 994px !important;
        border-radius: 100%;
        position: absolute;
        top: 94px !important;
        transform: rotate(62deg) !important;
        right: 0;
        /* transform: translate(26%, -6%); */
    }

    .imgcharts {
        width: 100%;
        position: relative;
        left: 12px;
    }

    .poserelabox h3 {
        position: absolute;
        top: 11px !important;
        left: 33% !important;
    }
}


/* Akshay Css End */


/* 88888888888888888888888888888888888888 */
/* 88888888888888888888888888888888888888 */
/* 88888888888888888888888888888888888888 */



/* Darshan Media Queries */

/* Media Queries mmqq*/
@media (max-width:1320px) {

    /* .company-info-container .left ul {
    padding: 0;
  }
  .company-info-container .right {
    flex: 1.5;
  } */
    .popular-companies ul .flex-head {
        flex-direction: column;
        align-items: start;
    }

    .popular-companies ul .date {
        margin-top: 10px;
    }

    .popular-companies {
        margin-right: 25px;
    }
}

@media (max-width:1199px) {
    .section_head {
        font-size: 30px;
    }

    main section {
        margin-top: 50px;
    }

    .features_sc {
        margin-top: 80px;
    }

    .common-header {
        padding: 10px 0px;
    }

        .common-header li a {
            padding: 0px 8px;
            font-size: 14px;
        }

    .header-desktop .ham-bttn .primary-fill {
        margin-left: 10px;
    }

    .grid-companydetail img {
        width: 55px;
        height: 55px;
    }

    .company-alrt-rating {
        margin-left: 15px;
        font-size: 22px;
    }
}

@media (max-width:991px) {
    .common-header {
        padding: 10px 0px;
    }

    .header-desktop ul,
    .banner_sc p br,
    .service_sc .section_head_para br {
        display: none;
    }

    /* Adjust logo size by change below width */
    .header-desktop .logo-container {
        width: 150px;
    }

    .hamburger {
        display: block;
    }


    .search-input-wrapper,
    .select-wrapper select,
    .common-dropdown {
        padding: 12px 16px;
        border-radius: 5px;
    }

    .select-wrapper {
        border-radius: 5px;
    }

    .banner_sc {
        padding-top: 60px;
        padding-bottom: 90px;
    }

        .banner_sc h1 {
            font-size: 30px;
        }

    .section_head {
        font-size: 26px;
    }

    .feature-box {
        padding: 24px 20px;
    }

        .feature-box .head p {
            font-size: 14px;
            line-height: 22px;
        }

    .table-wrapper .table-head {
        padding: 10px 16px;
    }

        .table-wrapper .table-head h4 {
            font-size: 18px;
        }

    .service-card-grid {
        grid-template-columns: repeat(2, 1fr);
    }

        .service-card-grid .service-card:nth-child(odd) {
            transform: translate(0, 0px);
        }

    .feature-card .icon-container svg {
        width: 50px;
        height: 50px;
    }

    .company-info-container ul li span {
        font-size: 20px;
    }

    .company-info-container ul li:first-child {
        margin-right: 100px;
    }

    .strategy-card-container {
        grid-template-columns: repeat(2, 1fr);
        max-width: 550px;
        margin: 0 auto
    }

        .strategy-card-container .icon-container svg {
            width: 60px;
            height: 60px;
        }

    .tranding-container {
        flex-direction: column;
    }

    .popular-companies {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .service_sc {
        margin-bottom: 0;
    }

    .grid-companydetail .back:last-child {
        grid-column: 1 / 3;
    }

    .company-alrt-rating {
        font-size: 20px;
    }

    .grid-companydetail img {
        width: 50px;
        height: 50px;
    }
}

@media (max-width:767px) {
    main section {
        margin-top: 35px;
    }

    .banner_sc h1 {
        font-size: 26px;
    }

    .section_head {
        font-size: 22px;
    }

    .banner_sc {
        padding-top: 30px;
        padding-bottom: 65px;
    }



    .service-card-grid li h6 {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .service-card-grid li p {
        font-size: 14px;
        margin-bottom: 14px;
    }

    .feature-box .head {
        flex-direction: column;
    }

        .feature-box .head p br,
        .features_sc .section_head br {
            display: none;
        }

    .slide-container-wrapper .custom-slider-btn button {
        height: 30px;
        width: 30px;
    }

        .slide-container-wrapper .custom-slider-btn button svg {
            height: 10px;
            width: 18px;
        }

    .feature-card h5 {
        font-size: 16px;
        margin-top: 12px;
    }

    .feature-card .icon-container svg {
        width: 40px;
        height: 40px;
    }

    .strategy-wrapper {
        padding: 30px 0px;
    }

    .strategy-card-container li {
        padding: 20px;
    }

    .strategy-card-container h5 {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .strategy-card-container .icon-container svg {
        width: 50px;
        height: 50px;
    }

    .strategy-card-container .bttn {
        padding: 10px 30px;
        font-size: 15px;
    }

    .strategy-wrapper::before,
    .strategy-wrapper::after {
        height: 20px;
        width: 90px;
    }

    .comman-bigg-text br,
    .section_head_para br {
        display: none;
    }

    .company-info_sc {
        margin-top: -35px;
    }

    .company-info-container {
        padding: 20px 30px;
        border-radius: 15px;
    }

        .company-info-container ul li:first-child {
            margin-right: 80px;
        }

        .company-info-container ul li span {
            font-size: 18px;
        }

        .company-info-container ul li {
            font-size: 14px;
        }

    .grid-companydetail {
        grid-template-columns: repeat(1, auto);
        gap: 20px;
    }

        .grid-companydetail .back:last-child {
            grid-column: 1;
        }
}

@media (max-width:575px) {
    .banner_sc h1 {
        font-size: 22px;
    }

    .section_head {
        font-size: 20px;
    }

    .search-input-wrapper::before {
        height: 25px;
        width: 25px;
    }

    .features_sc {
        margin-top: 50px;
    }

    .feature-box::before {
        top: -10px;
    }

    .feature-box::after {
        top: -20px;
    }

    .table-wrapper .table-head h4 {
        font-size: 16px;
    }
}

@media (max-width:479px) {
    .header-desktop .logo-container {
        width: 130px;
        flex-shrink: 0;
    }

    .banner_sc {
        padding-top: 30px;
        padding-bottom: 30px;
    }


    /* .section_head {
  font-size: 18px;
} */
    .service-card-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 12px;
    }

    .feature-box {
        padding: 20px 15px;
    }

    .feature-card {
        margin: 0px 5px;
    }

    .select-input-flex {
        flex-direction: column;
    }

        .select-input-flex .search-input-wrapper {
            margin-left: 0;
            margin-top: 5px;
        }

    .banner_sc .select-wrapper,
    .banner_sc .select-wrapper select {
        width: 100%;
    }

    /* .company-info_sc {
  margin-top: -15px;
}
.company-info-container {
  border-radius: 10px;
}
.company-info-container .left {
  padding: 20px 30px;
}
.company-info-container .right ul li{
 margin-bottom: 15px;
}
.company-info-container .right ul li:last-child{
  margin-bottom: 0px;
 } */
    .strategy-card-container {
        grid-template-columns: repeat(1, 1fr);
        max-width: 260px;
    }

    .popular-companies ul .flex-head > div {
        align-items: start;
        flex-direction: column;
    }

    .popular-companies ul h6 {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .popular-companies .head {
        padding: 16px 20px;
    }

    .tranding-container .head {
        font-size: 18px;
    }

    .popular-directors h6 {
        font-size: 15px;
        margin-bottom: 7px;
    }

    .popular-directors ul li {
        flex-direction: column-reverse;
        align-items: start;
    }

    .popular-directors .common-lable.primary {
        margin-bottom: 10px;
    }

    .blueframe .cta-bttn {
        width: 100%;
        font-size: 15px;
    }

    /* .company-info-container .left ul li span {
  font-size: 18px;
} */

    .select-input-flex .common-dropdown {
        width: 100%;
    }

    .company-info_sc {
        margin-top: 15px;
    }

    .company-alrt-rating {
        font-size: 18px;
    }

    .header-desktop .ham-bttn > button {
        display: none;
    }

    .show-479 {
        display: block;
    }

    .banner_sc .search-input-wrapper,
    .banner_sc .common-dropdown {
        padding: 7px 10px;
    }

    .banner_sc .content {
        padding-bottom: 90px;
    }
}

@media (max-width:359px) {
    .company-info-container ul li:first-child {
        margin-right: 65px;
    }

    .company-info-container {
        padding: 15px 22px;
        border-radius: 10px;
    }
}


/* Company Info */
.company-info_banner {
    background: linear-gradient(270deg, #114974 13.74%, #3880B8 86.37%);
    height: 222px;
}

.company-info-box_main_sc,
.company-list_sc {
    margin-top: -120px;
}

.company-info-box_main {
    padding: 24px;
    background-color: var(--white);
    border-radius: 12px;
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
}

    .company-info-box_main > div:first-child {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .company-info-box_main > div:first-child > div,
        .company-info-box_main > div:first-child p {
            display: flex;
            align-items: center;
        }

    .company-info-box_main .logo-container,
    .bottom-company-info .logo-container,
    .add-to-cart_sc .offer-box .logo-container {
        height: 48px;
        width: 48px;
        border: 1px solid var(--stroke-lite);
        padding: 4px;
        border-radius: 4px;
        flex-shrink: 0;
    }

        .company-info-box_main .logo-container img,
        .bottom-company-info .logo-container img,
        .add-to-cart_sc .offer-box .logo-container img {
            height: 100%;
            width: 100%;
            object-fit: contain;
        }

    .company-info-box_main > div:first-child > div:first-child h3,
    .bottom-company-info h3 {
        margin: 0;
        margin: 0px 20px;
        font-size: 24px;
        font-weight: 600;
        color: var(--black);
    }

    .company-info-box_main > div:first-child p {
        margin-right: 20px;
    }

        .company-info-box_main > div:first-child p svg {
            display: block;
            margin-left: 5px;
        }

    .company-info-box_main > div:first-child > div:last-child > div:last-child {
        display: flex;
        flex-direction: column;
        align-items: end;
    }

    .company-info-box_main > div:first-child > div:last-child span:first-child {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 3px;
    }

    .company-info-box_main > div:first-child > div:last-child span:last-child {
        font-size: 16px;
        font-weight: 600;
        color: var(--black);
    }

    .company-info-box_main > p {
        margin-top: 16px;
    }

    .company-info-box_main > div:nth-child(3) {
        margin-top: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .company-info-box_main ul {
        /* border-top: 1px solid var(--stroke-lite); */
        margin-top: 24px;
        display: grid;
        grid-template-columns: repeat(5, auto);
        gap: 1px;
        background-color: var(--stroke-lite);
        position: relative;
    }

        .company-info-box_main ul::before {
            content: "";
            position: absolute;
            height: 1px;
            width: 100%;
            background-color: var(--stroke-lite);
            top: -24px;
            right: 0;
            left: 0;
        }

        .company-info-box_main ul li {
            padding: 0px 20px;
            background-color: var(--white);
        }

    .company-info-box_main .cta-bttn,
    .bottom-company-info .cta-bttn {
        padding: 16px;
        background-color: var(--negative);
        color: var(--white);
    }

    .company-info-box_main ul li b {
        display: inline-block;
        margin-top: 12px;
        color: var(--black);
    }

/* Compnay Details */

.company-details_sc {
    margin-top: 27px;
}

.company-info_container {
    display: flex;
}

.company-info_tabs {
    margin-right: 20px;
    flex: 1;
}

    .company-info_tabs .tabs-desktop {
        position: sticky;
        top: 70px;
    }

        .company-info_tabs .tabs-desktop li a {
            display: block;
            text-decoration: none;
            padding: 10px 16px;
            line-height: normal;
            border-radius: 8px;
            font-weight: 500;
            color: var(--body-text);
        }

            .company-info_tabs .tabs-desktop li a:hover {
                background-color: var(--gray-300);
            }

            .company-info_tabs .tabs-desktop li a.active {
                color: var(--primary);
                background-color: var(--primary-light);
            }

.company-info_tabs_content {
    flex: 4.8;
    min-width: 0;
}

    .company-info_tabs_content .box {
        background: var(--white);
        box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
        border-radius: 12px;
        margin-bottom: 24px;
    }

        .company-info_tabs_content .box:last-child {
            margin-bottom: 0;
        }

        .company-info_tabs_content .box > .head {
            padding: 16px 20px;
            border-bottom: 1px solid var(--stroke);
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
        }

    .company-info_tabs_content .head h2 {
        font-size: 18px;
        font-weight: 600;
        color: var(--black);
    }

    .company-info_tabs_content .body {
        padding-top: 12px;
    }

        .company-info_tabs_content .body.padding {
            padding: 20px;
        }

.basic-detail-container h5 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
    color: var(--black);
}

.basic-detail-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 6px;
}

    .basic-detail-grid li {
        padding: 24px 10px;
        border: 1px solid var(--stroke);
        border-radius: 8px;
    }

        .basic-detail-grid li.active {
            background-color: var(--primary-light);
        }

        .basic-detail-grid li b {
            display: block;
            color: var(--black);
            margin-top: 10px;
        }

.genral_details {
    padding: 24px 0px;
    border-bottom: 1px solid var(--stroke);
}

    .genral_details:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .genral_details .genral_details_head {
        padding: 8px 0px 8px 32px;
        border-left: 4px solid var(--secondary);
        font-size: 18px;
        line-height: normal;
        color: var(--black);
        font-weight: 600;
        margin-bottom: 20px;
    }

        .genral_details .genral_details_head.icon {
            display: flex;
            align-items: center;
        }

            .genral_details .genral_details_head.icon svg {
                margin-left: 10px;
            }

.genral_details_grid {
    padding-left: 36px;
    display: grid;
    grid-template-columns: repeat(4, auto);
    column-gap: 15px;
    row-gap: 30px;
}

    .genral_details_grid li p {
        margin-bottom: 10px;
    }

    .genral_details_grid li b {
        color: var(--black);
        font-weight: 700;
        display: block;
    }

        .genral_details_grid li b.no_data {
            color: var(--stroke-dark);
        }

    .genral_details_grid li a {
        text-decoration: none;
        color: var(--primary);
        font-weight: 600;
    }

.report_doc_grid {
    display: grid;
    grid-template-columns: repeat(5, auto);
}

    .report_doc_grid li {
        text-align: center;
    }

    .report_doc_grid .icon-container {
        margin-bottom: 10px;
    }

    .report_doc_grid b {
        color: var(--black);
    }

.group-structure-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 8px;
}

    .group-structure-container .right {
        min-width: 0;
    }

.group-structure .common-table {
    max-height: 255px;
}

.table-results span {
    color: var(--black);
    font-weight: 500;
    margin-left: 5px;
}

.common_chart_box {
    padding: 16px;
    border: 1px solid var(--stroke);
    border-radius: 8px;
}

    .common_chart_box .head,
    .company-info_tabs_content .box .body .flex-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
        flex-wrap: wrap;
    }

    .common_chart_box h5,
    .common_chart_box p {
        color: var(--black);
        font-size: 14px;
        font-weight: 600;
    }

        .common_chart_box h5 .common-lable {
            margin-left: 10px;
        }


.financial_reports-grid > div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

    .financial_reports-grid > div:first-child {
        margin: 0px 16px;
    }

    .financial_reports-grid > div:last-child {
        margin-top: 12px;
    }

.financial_reports-grid .common-table {
    max-height: 350px;
}

.company-info_tabs_content .box .body .flex-container {
    padding: 0px 24px;
}


.charges.box .common-table {
    max-height: 360px;
}

.table_scroll_lock .lock-bttn {
    top: auto;
    /* bottom: 30px;*/
    bottom: 0px;
}

.table_scroll_lock {
    overflow-y: hidden;
    position: relative;
}

    .table_scroll_lock::before {
        content: "";
        width: 100%;
        height: 142px;
        bottom: 0;
        right: 0;
        left: 0;
        position: absolute;
        background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
        transform: matrix(1, 0, 0, -1, 0, 0);
    }

.state_wise_companies_container {
    display: flex;
}

    .state_wise_companies_container .map-container {
        flex: 1.2;
        margin-right: 12px;
    }

    .state_wise_companies_container .table-responsive {
        flex: 1;
    }

.bottom-company-info {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    background-color: var(--white);
    border-radius: 8px;
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

    .bottom-company-info.sticky {
        position: fixed;
        bottom: 30px;
        left: 50%;
        transform: translate(-50%, 0);
        animation: translate2 0.5s ease-in-out;
        display: flex;
        z-index: 5;
        width: max-content;
    }

    .company-info-box_main .logo-container,
    .bottom-company-info .logo-container {
        height: 35px;
        width: 35px;
    }

    .bottom-company-info h3 {
        margin: 0;
        margin: 0px 20px;
        font-size: 18px;
    }

    .bottom-company-info .cta-bttn {
        padding: 12px;
        border-radius: 8px;
        /* margin-left: 10px; */
        opacity: 0;
        display: none;
        transition: all 0.5s ease-in-out;
    }

    .bottom-company-info:hover .cta-bttn {
        display: block;
        opacity: 1;
    }


/* Media Queries mmqq*/

@media (max-width:1199px) {
    .bottom-company-info h3 {
        margin-left: 15px;
        font-size: 16px;
    }

    .company-info-box_main > div:nth-child(3) {
        margin-top: 30px;
        flex-direction: column;
    }

    .company-info-box_main .bttn {
        width: fit-content;
        margin: 0 auto;
        margin-top: 18px;
    }

    .company-info_tabs {
        margin-right: 15px;
        flex: 1.3;
    }

    .basic-detail-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .genral_details .genral_details_head {
        padding: 8px 0px 8px 15px;
        margin-bottom: 16px;
    }

    .company-info_tabs_content .head h2 {
        font-size: 17px;
    }

    .genral_details_grid {
        padding-left: 19px;
    }
}

@media (max-width:991px) {

    .company-info-box_main > div:first-child > div:first-child h3,
    .bottom-company-info h3 {
        margin: 0px 12px;
        font-size: 18px;
    }

    .company-info-box_main > div:first-child > div:last-child span:first-child {
        font-size: 20px;
    }

    .company-info-box_main > div:first-child > div:last-child span:last-child {
        font-size: 15px;
    }

    .company-info-box_main > div:nth-child(3) {
        margin-top: 16px;
    }

    .company-details_sc .tabs-mobile {
        display: block;
    }

    .company-details_sc .tabs-desktop {
        display: none;
    }

    .company-info_container {
        flex-direction: column;
    }

    .company-info_tabs {
        margin: 0;
        margin-bottom: 20px;
    }

    .company-info-box_main ul {
        grid-template-columns: repeat(2, auto);
        margin-top: 12px;
    }

        .company-info-box_main ul::before {
            top: -12px;
        }

        .company-info-box_main ul li {
            padding: 10px 15px;
        }

            .company-info-box_main ul li:last-child {
                grid-column: 1 / 3;
            }

    .company-info-box_main .bttn {
        padding: 10px 20px;
    }

    .genral_details .genral_details_head {
        font-size: 16px;
    }

    .report_doc_grid {
        grid-template-columns: repeat(3, auto);
        gap: 20px;
    }

    .state_wise_companies_container .map-container {
        flex: 1;
    }
}

@media (max-width:767px) {
    .company-info_tabs_content .box > .head {
        padding: 12px 16px;
    }

    .company-info_tabs_content .head h2 {
        font-size: 16px;
    }

    .company-info_tabs_content .body.padding {
        padding: 16px;
    }

    .company-info_tabs_content .box .body .flex-container {
        padding: 0px 16px;
    }

    .basic-detail-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .genral_details .genral_details_head {
        padding: 4px 0px 4px 15px;
    }

    .genral_details_grid {
        padding-left: 20px;
        grid-template-columns: repeat(2, auto);
        row-gap: 20px;
    }

        .genral_details_grid li p {
            margin-bottom: 7px;
        }

    .group-structure-container,
    .financial_reports-grid > div {
        grid-template-columns: repeat(1, 1fr);
    }

    .state_wise_companies_container {
        flex-direction: column;
    }

        .state_wise_companies_container .map-container {
            margin: 0;
            margin-bottom: 15px;
        }

    .company-info-box_main > div:first-child {
        flex-direction: column;
        align-items: flex-start;
    }

        .company-info-box_main > div:first-child > div:last-child {
            margin-left: auto;
            margin-top: 10px;
        }

            .company-info-box_main > div:first-child > div:last-child > div:last-child {
                flex-direction: row;
                align-items: end;
                align-items: baseline;
            }

            .company-info-box_main > div:first-child > div:last-child span:first-child {
                margin: 0;
                margin-right: 7px;
            }

    .company-info_banner .select-input-flex {
        margin-top: 6px;
    }

    .select-input-flex.sticky {
        top: 58px;
    }

    .company-info_banner {
        height: 185px;
    }

    .basic-detail-container h5 {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .bottom-company-info.sticky {
        bottom: 10px;
    }
}

@media (max-width:575px) {
    .company-info-box_main {
        padding: 14px 12px;
    }

    .bottom-company-info h3 {
        font-size: 16px;
    }

    .bottom-company-info.sticky {
        display: grid;
        grid-template-columns: repeat(2, auto);
        row-gap: 5px;
    }

    .bottom-company-info .bttn {
        grid-column: 1 / 3;
    }

    .financial_reports-grid > div:first-child {
        margin: 0px 8px;
    }

    .bottom-company-info h3 {
        font-size: 15px;
    }

    .search-input-wrapper {
        margin-left: 6px;
    }

    .company-info-box_main > div:first-child > div:last-child span:first-child {
        font-size: 18px;
    }

    .company-info-box_main > div:first-child > div:last-child span:last-child {
        font-size: 14px;
    }
}

@media (max-width:479px) {

    .basic-detail-grid,
    .genral_details_grid,
    .company-info-box_main ul {
        grid-template-columns: repeat(1, 1fr);
    }

        .company-info-box_main ul li:last-child {
            grid-column: 1;
        }

    .genral_details_grid {
        row-gap: 15px;
        padding: 0;
    }

    .report_doc_grid {
        grid-template-columns: repeat(2, auto);
    }

        .report_doc_grid li:last-child {
            grid-column: 1 / 3;
        }

    .common_chart_box .head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .company-info-box_main_sc {
        margin-top: -70px;
    }
}

@media (max-width:359px) {
    .report_doc_grid {
        grid-template-columns: repeat(1, auto);
    }

        .report_doc_grid li:last-child {
            grid-column: 1;
        }

        .report_doc_grid li {
            display: flex;
        }

        .report_doc_grid .icon-container {
            margin: 0;
            margin-right: 10px;
        }
}



@keyframes translate {
    0% {
        opacity: 0;
        transform: translate(0, -50px);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@keyframes translate2 {
    0% {
        opacity: 0;
        transform: translate(-50%, 50px);
    }

    100% {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}

/* ____________________________________________ */

/* Login Css */

.login_header {
    padding: 10px 0px;
    background: var(--white);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.06);
    position: sticky;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10;
}

.login_footer {
    margin-top: 0;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.login_sc {
    display: flex;
}

    .login_sc > div {
        flex: 1;
    }

.login_sc {
    position: fixed;
    left: 0;
    right: 0;
    height: 100%;
    max-height: calc(100vh - 114px);
    top: 58px;
    bottom: 56px;
}

    .login_sc .left {
        background: linear-gradient(180deg, #EAFBFF -36.21%, #F2FDFF 39.39%, #FFFFFF 100%);
        position: relative;
    }

        .login_sc .left img {
            height: 100%;
            width: 100%;
            object-fit: fill;
        }

    .login_sc .slider-container {
        position: absolute;
        top: 20%;
        left: 50%;
        transform: translate(-50%, 0);
        width: 100%;
        max-width: 450px;
    }

        .login_sc .slider-container .slick-dots {
            text-align: left;
            left: -11px;
            bottom: -30px;
        }

            .login_sc .slider-container .slick-dots li button:before {
                font-size: 40px;
            }

        .login_sc .slider-container h2 {
            font-size: 22px;
            font-weight: 600;
            color: var(--primary);
            margin-bottom: 12px;
        }

    .login_sc .right {
        position: relative;
    }

.login_form {
    width: 100%;
    max-width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.common_form h1 {
    font-size: 24px;
    color: var(--black);
    margin-bottom: 30px;
    font-weight: 600;
    text-align: center;
}

.form-grid-container,
.login-bttn-container {
    display: grid;
    row-gap: 14px;
    column-gap: 10px;
}

.form-grup.mendatory {
    position: relative;
}

    .form-grup.mendatory::before {
        content: "*";
        font-size: 20px;
        color: var(--secondary);
        position: absolute;
        left: 20px;
        top: 16px;
        z-index: 1;
    }

    .form-grup.mendatory input,
    .form-grup.mendatory textarea,
    input[type=date],
    .form-grup.mendatory .common-select select {
        padding-left: 40px;
    }

.grid-2 {
    grid-template-columns: repeat(2,1fr);
}

.grid-10 {
    grid-template-columns: repeat(10,1fr);
}

    .grid-10 .form-grup {
        grid-column: 1 / 11;
    }

.form-grup.merg-2 {
    grid-column: 1 / 3;
}

.form-grup.merg-6 {
    grid-column: 1 / 7;
}

.form-grup.merg-4 {
    grid-column: 7 / 11;
}

.form-grup.merg-5 {
    grid-column: span 5;
}

.common_form input,
.common_form textarea,
.common_form .common-select select,
.common-form input[type=date] {
    margin: 0;
    padding: 0;
    outline: 0;
    width: 100%;
    background-color: var(--body-100);
    padding: 13px 20px;
    border: 1px solid var(--stroke);
    border-radius: 4px;
    line-height: normal;
}

    .common_form input:focus-within,
    .common_form textarea:focus-within,
    .common_form .common-select select:focus-within {
        border: 1px solid var(--primary);
    }

        .common_form input:focus-within::placeholder,
        .common_form textarea:focus-within::placeholder,
        .common_form .common-select select:focus-within {
            color: var(--primary);
        }

.common_form .common-select {
    border: 0;
}

    .common_form .common-select::before {
        height: 18px;
        width: 18px;
    }

.common_form textarea {
    resize: none;
    min-height: 83px;
}

.forgot-pass {
    display: block;
    text-decoration: none;
    color: var(--body-text);
    text-align: right;
    margin-top: 8px;
}

.login-bttn-container {
    margin-top: 22px;
}

    .login-bttn-container .bttn {
        text-align: center;
        /* width: 100%; */
        border-radius: 4px;
    }

.login_form > p {
    text-align: center;
    color: var(--body-text);
    margin-top: 18px;
}

    .login_form > p a {
        text-decoration: none;
        color: var(--primary);
        font-weight: 600;
    }

.login_form .form-grup {
    position: relative;
}

    .login_form .form-grup .info-icon {
        display: inline-block;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        left: -30px;
        cursor: pointer;
    }

/* Media Queries mmqq*/

@media (max-width:1199px) {
    .footer {
        background-color: var(--balck-foot);
        padding: 10px 0px;
    }

    .grid-footer-patch {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

        .grid-footer-patch > div:nth-child(2) {
            order: -1;
            grid-column: 1 / 3;
        }

        .grid-footer-patch > div:first-child ul,
        .grid-footer-patch > div:last-child ul {
            display: block;
        }

        .grid-footer-patch > div:last-child ul {
            text-align: end;
        }

        .grid-footer-patch > div:nth-child(2) ul {
            justify-content: center;
        }
}

@media (max-width:1024px) {
    .login_sc,
    .login_footer {
        position: static;
    }

    .login_sc {
        max-height: none;
    }

    .login_form {
        position: static;
        transform: translate(0%, 0%);
        margin: 30px auto;
    }
}

@media (max-width:991px) {
    .login_sc .left {
        display: none;
    }
}

@media (max-width:767px) {
    .grid-footer-patch {
        grid-template-columns: repeat(1, 1fr);
        gap: 5px;
    }

        .grid-footer-patch > div:nth-child(2) {
            grid-column: 1;
        }

        .grid-footer-patch > div:first-child ul,
        .grid-footer-patch > div:last-child ul {
            text-align: center;
        }
}

@media (max-width:575px) {
    .login_form {
        max-width: 350px;
    }

    .common_form h1 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .common_form input, .common_form textarea,
    .common_form .common-select select {
        padding: 10px 15px;
    }
}

@media (max-width:479px) {
    .grid-footer-patch > div:nth-child(2) ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        row-gap: 0;
    }

        .grid-footer-patch > div:nth-child(2) ul li {
            text-align: center;
        }

    .login_form {
        margin: 30px auto;
        padding: 0px 15px;
    }

        .login_form .form-grup .info-icon {
            left: -25px;
        }

        .login_form .form-grup .info-icon {
            position: static;
            transform: translate(0, -15%);
        }
}

/* Terms SC */
.terms_sc h2 {
    font-size: 24px;
    font-weight: 600;
    color: var(--black);
    margin-bottom: 24px;
}

.terms_sc .main-list > li {
    margin-bottom: 24px;
}

    .terms_sc .main-list > li:last-child {
        margin-bottom: 0;
    }

.terms_sc .main-list h6 {
    font-size: 18px;
    font-weight: 500;
    color: var(--black);
    margin-bottom: 10px;
}

.terms_sc .main-list > li > ul {
    padding: 0;
    margin: 0;
    list-style: disc;
    list-style-position: inside;
}
/* Tabs Desktop 888888888888888888888888888888888888888888888888 */
.terms_sc .tabs_wrapper {
    display: flex;
    flex-direction: row-reverse;
    margin-top: 50px;
}

.terms_sc .tabs-desktop.tabs {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    flex: 1;
    margin-left: 50px;
    padding: 8px;
    border-radius: 6px;
    border: 1px solid var(--stroke);
    position: sticky;
    top: 80px;
    height: fit-content;
    background-color: var(--white);
}

    .terms_sc .tabs-desktop.tabs li {
        padding: 10px 16px;
        line-height: normal;
        transition: all 0.3s ease-in-out;
        cursor: pointer;
        font-weight: 500;
        border-radius: 8px;
    }

        .terms_sc .tabs-desktop.tabs li > a {
            text-decoration: none;
            color: inherit;
            display: block;
            width: 100%;
            height: 100%;
        }

        .terms_sc .tabs-desktop.tabs li.active {
            background-color: var(--lite-blue);
            color: var(--primary);
        }



/* Tabs Common Css 888888888888888888888888888888888888888888888888 */
.terms_sc .tabs_container {
    display: inline-block;
    width: 100%;
}

.terms_sc .tabs_container {
    flex: 3.5;
}

    .terms_sc .tabs_container .tab_content {
        display: none;
    }

        .terms_sc .tabs_container .tab_content.active {
            display: block;
            animation: tabs_fade_in_show 0.5s ease-in-out;
        }

@keyframes tabs_fade_in_show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


/* Contact */
.contact_sc {
    margin-top: 30px !important;
}

.prcing_sc {
    margin-top: 20px !important;
}

.contact-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    align-items: end;
}

.contact_sc .contact-container .content .img-container {
    margin-bottom: 27px;
}

.contact_sc h1 {
    font-size: 24px;
    color: var(--black);
    font-weight: 600;
    margin-bottom: 12px;
    line-height: normal;
}

.contact_sc .contact-container .content ul {
    width: fit-content;
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 44px;
    position: relative;
}

.contact_sc .contact-container .content ul {
    width: fit-content;
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 44px;
    position: relative;
    margin-top: 30px;
}

    .contact_sc .contact-container .content ul::before {
        content: "";
        position: absolute;
        height: 31px;
        width: 1px;
        background-color: var(--stroke);
        top: 50%;
        left: 30%;
        transform: translate(0, -50%);
    }

    .contact_sc .contact-container .content ul span {
        display: inline-block;
        margin-bottom: 6px;
    }

    .contact_sc .contact-container .content ul p {
        color: var(--black);
        font-weight: 500;
    }

    .contact_sc .contact-container .content ul a {
        display: block;
        color: var(--primary);
        font-weight: 500;
        text-decoration: none;
    }


/* Pricing */

.prcing_sc h1 {
    font-size: 18px;
    font-weight: 600;
    color: var(--black);
    margin-bottom: 10px;
}

.pricing-container {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
    margin-top: 30px;
}

.offer-box {
    padding: 24px;
    border: 1px solid var(--stroke);
    border-radius: 8px;
}

    .offer-box.active {
        border: 1px solid var(--primary-600);
        box-shadow: 0px 4.76712px 11.9178px rgba(0, 0, 0, 0.11);
    }

    .offer-box h4 {
        font-size: 22px;
        font-weight: 600;
        color: var(--black);
        margin-bottom: 16px;
    }

.delivery span {
    color: var(--black);
    font-weight: 500;
}

    .delivery span.text-red {
        color: var(--secondary);
    }

.offer-box ul {
    margin: 0;
    margin-top: 16px;
    padding-left: 20px;
}

    .offer-box ul li {
        margin-bottom: 12px;
    }

        .offer-box ul li:last-child {
            margin-bottom: 0px;
        }

.pricing-container .offer-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .pricing-container .offer-box > div:last-child {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 30px;
    }

        .pricing-container .offer-box > div:last-child b {
            color: var(--black);
            margin-right: 10px;
            font-size: 16px;
        }

/* Company List */

.alfa_tabs {
    display: flex;
    /* flex-wrap: wrap; */
    gap: 8px;
    justify-content: space-evenly;
    overflow-x: auto;
}

    .alfa_tabs a {
        color: var(--white);
        font-weight: 500;
        width: 35px;
        height: 38px;
        display: grid;
        place-items: center;
        background-color: rgba(255, 255, 255, 0.20);
        border-radius: 6px;
    }

        .alfa_tabs a.active {
            background-color: var(--white);
            color: var(--primary);
        }

.company-list_sc .common-table thead th:nth-child(2), .common-table tbody td:nth-child(2) {
    text-align: left;
}

.company-list_sc .table-wrapper .table {
    margin-bottom: 0;
}

.company-list_sc .table-wrapper {
    padding: 0;
    margin-top: 18px;
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    border: 0;
}

    .company-list_sc .table-wrapper thead th:nth-child(2),
    .company-list_sc .table-wrapper tbody td:nth-child(2) {
        min-width: 300px;
    }

    .company-list_sc .table-wrapper thead th:last-child,
    .company-list_sc .table-wrapper tbody td:last-child,
    .company-list_sc .table-wrapper thead th:nth-child(3),
    .company-list_sc .table-wrapper tbody td:nth-child(3) {
        white-space: nowrap;
    }

.table-wrapper .head {
    padding: 12px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .table-wrapper .head h2 {
        color: var(--primary);
        font-size: 18px;
        font-weight: 600;
    }

    .table-wrapper .head p span {
        color: var(--black);
        font-weight: 500;
    }

/* Add To Cart */

.add-to-cart_sc {
    margin-top: 20px;
}

.add-to-cart_container {
    display: flex;
}

    .add-to-cart_container .left {
        flex: 1.8;
    }

    .add-to-cart_container .right {
        flex: 1;
        margin-left: 24px;
    }

.add-to-cart_sc .offer-box > div,
.add-to-cart_sc .offer-box > div:first-child > div,
.add-to-cart_sc .offer-box > div:last-child > div,
.add-to-cart_sc .offer-box > div:last-child > div .bttn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .add-to-cart_sc .offer-box .company-info > div:last-child,
    .add-to-cart_sc .offer-box > div:last-child > div .bttn {
        margin-left: 15px;
    }

.add-to-cart_sc .offer-box .company-info h5 {
    font-size: 16px;
    color: var(--black);
    font-weight: 600;
    margin-bottom: 5px;
}

.add-to-cart_sc .offer-box .company-info > div:last-child p {
    color: var(--black);
}

.add-to-cart_sc .offer-box > div:first-child > p {
    font-weight: 600;
    color: var(--primary);
    font-size: 16px;
}

.add-to-cart_sc .offer-box > div:last-child {
    margin-top: 20px;
}

.add-to-cart_sc .offer-box {
    margin-bottom: 30px;
}

    .add-to-cart_sc .offer-box:last-child {
        margin-bottom: 0px;
    }

    .add-to-cart_sc .offer-box .bttn > span {
        white-space: nowrap;
    }

.offer-box-container .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

    .offer-box-container .head h3 {
        font-size: 20px;
        color: var(--black);
        font-weight: 600;
    }

.order-summery {
    padding: 27px 24px;
    background-color: #FAFAFA;
    border-radius: 16px;
    position: sticky;
    top: 80px;
}

    .order-summery h3 {
        color: var(--black);
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .order-summery .invoice-details li {
        padding: 18px 0px;
        display: flex;
        justify-content: space-between;
    }

        .order-summery .invoice-details li:last-child {
            position: relative;
        }

            .order-summery .invoice-details li:last-child::before {
                content: "";
                position: absolute;
                height: 1px;
                width: calc(100% + 48px);
                background-color: var(--stroke);
                top: 0;
                left: -24px;
            }

            .order-summery .invoice-details li:last-child p {
                color: var(--black);
                font-size: 16px;
                font-weight: 600;
            }

    .order-summery .bttn {
        width: 100%;
        margin-top: 12px;
        border-radius: 6px;
    }

.faq_sc {
    max-width: 845px;
    margin: 0 auto;
    margin-top: 80px;
}

    .faq_sc h2 {
        font-size: 24px;
        font-weight: 600;
        color: var(--black);
        text-align: center;
        margin-bottom: 24px;
    }

    .faq_sc ul li {
        margin-bottom: 24px;
    }

        .faq_sc ul li:last-child {
            margin-bottom: 0px;
        }

    .faq_sc h4 {
        font-size: 18px;
        color: var(--black);
        line-height: normal;
        margin-bottom: 10px;
    }

/* __________________________ */

/* Uplode */

.uplode_banner_sc {
    background: linear-gradient(270deg, #114974 13.74%, #3880B8 86.37%);
    padding: 30px 0px;
}

    .uplode_banner_sc h1 {
        font-size: 24px;
        font-weight: 600;
        color: var(--white);
        margin-bottom: 10px;
    }

        .uplode_banner_sc h1 span {
            font-weight: 400;
        }

    .uplode_banner_sc p {
        color: var(--white);
        font-size: 15px;
    }


/* Stepper */

.stepper {
    margin: 0;
    padding: 0;
    list-style: none;
    /* display: flex;
  justify-content: space-between; */
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    overflow-x: auto;
    margin-bottom: 50px;
}

    .stepper li {
        text-align: center;
        position: relative;
    }

        .stepper li span {
            line-height: 16px;
            white-space: nowrap;
        }

    .stepper a:not([href]):not([class]), .stepper a:not([href]):not([class]) :hover {
        color: var(--body-text) !important;
    }

    .stepper a {
        text-decoration: none;
        height: 54px;
        width: 54px;
        border: 1px solid var(--stroke);
        color: var(--body-text);
        display: grid;
        place-items: center;
        margin: 0 auto;
        margin-bottom: 10px;
        font-size: 16px;
        border-radius: 50%;
        background-color: #fff;
        position: relative;
    }

    .stepper li.verifyed a::before {
        content: "";
        position: absolute;
        background-image: url('data:image/svg+xml,<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.601563 16C0.601563 11.7565 2.28727 7.68687 5.28785 4.68629C8.28844 1.68571 12.3581 0 16.6016 0C20.845 0 24.9147 1.68571 27.9153 4.68629C30.9159 7.68687 32.6016 11.7565 32.6016 16C32.6016 20.2435 30.9159 24.3131 27.9153 27.3137C24.9147 30.3143 20.845 32 16.6016 32C12.3581 32 8.28844 30.3143 5.28785 27.3137C2.28727 24.3131 0.601563 20.2435 0.601563 16ZM15.6885 22.848L24.9002 11.3323L23.2362 10.0011L15.3813 19.8165L9.81756 15.1808L8.45223 16.8192L15.6885 22.848Z" fill="white"/></svg>');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: 32px;
        width: 32px;
        background-color: var(--positive);
        border-radius: 50%;
        transition: all 0.3s ease-in;
    }

    .stepper li::before,
    .stepper li::after {
        content: "";
        position: absolute;
        display: block;
        top: 27px;
        background-color: #EBEBEB;
        width: 50%;
        height: 1px;
        z-index: -1;
    }

    .stepper li::after {
        right: 0;
    }

    .stepper li:first-child:before,
    .stepper li:last-child:after {
        display: none;
    }

    .stepper li.active::before,
    .stepper li.active::after,
    .stepper li.verifyed::before,
    .stepper li.verifyed::after {
        background-color: var(--positive);
    }

    .stepper li.active a, .stepper li.verifyed a {
        background-color: var(--positive);
        color: var(--white);
        border: 1px solid var(--positive);
    }

    .stepper li.active span, .stepper li.verifyed span {
        color: var(--black);
    }

.uplode_sc {
    margin-top: 24px;
}

    .uplode_sc .common_form {
        max-width: 670px;
        margin: 0 auto;
    }

    .uplode_sc .bttn-container {
        text-align: end;
        margin-top: 16px;
    }

        .uplode_sc .bttn-container .bttn {
            border-radius: 6px;
            margin-left: 16px;
        }


.offer-details_sc {
    margin-top: 32px;
}

    .offer-details_sc h5 {
        font-size: 16px;
        font-weight: 500;
        color: var(--black);
        margin-bottom: 12px;
    }

    .offer-details_sc .delivery {
        margin-bottom: 12px;
    }

    .offer-details_sc .offer h6 {
        font-weight: 600;
        font-size: 14px;
        color: var(--black);
        margin-bottom: 8px;
    }

    .offer-details_sc .offer ul {
        padding-left: 18px;
    }

.offer-details_sc {
}

.offer-details_sc {
}

.offer-details_sc {
}

.offer-details_sc {
}

.offer-details_sc {
}

.offer-details_sc {
}

.offer-details_sc {
}

.offer-details_sc {
}




/* Media Queries mmqq*/

@media (max-width:1199px) {
    .pricing-container {
        gap: 20px;
        margin-top: 30px;
    }

    .offer-box h4 {
        font-size: 20px;
    }

    .order-summery .invoice-details li {
        padding: 12px 0px;
    }
}

@media (max-width:991px) {
    .terms_sc .tabs_wrapper {
        margin-top: 30px;
    }

    .terms_sc .tabs-desktop.tabs {
        flex: 1.2;
        margin-left: 15px;
    }

    .terms_sc h2 {
        font-size: 20px;
        margin-bottom: 18px;
    }

    .terms_sc .main-list > li {
        margin-bottom: 18px;
    }

    .terms_sc .main-list h6 {
        font-size: 16px;
    }

    .contact_sc {
        margin-top: 30px !important;
    }

    .pricing-container {
        grid-template-columns: auto;
    }

    .table-wrapper .head {
        padding: 12px 20px;
    }

        .table-wrapper .head h2 {
            font-size: 17px;
        }

    .faq_sc {
        margin-top: 50px;
    }

    .add-to-cart_container {
        flex-direction: column;
    }

        .add-to-cart_container .right {
            margin: 0;
            margin-top: 24px;
        }

    .stepper a {
        height: 40px;
        width: 40px;
        font-size: 14px;
    }

    .stepper span {
        font-size: 13px;
    }

    .stepper li::before, .stepper li::after {
        top: 20px;
    }

    .stepper li.verifyed a::before {
        height: 26px;
        width: 26px;
    }

    .offer-box-container .head h3 {
        font-size: 18px;
    }

    .add-to-cart_sc .offer-box {
        margin-bottom: 24px;
    }
}

@media (max-width:767px) {
    .faq_sc {
        margin-top: 30px;
    }

        .faq_sc h2 {
            font-size: 20px;
        }

        .faq_sc h4 {
            font-size: 17px;
        }

    .terms_sc .tabs_wrapper {
        flex-direction: column;
    }

    .terms_sc .tabs-desktop.tabs {
        margin-left: 0;
        margin-bottom: 20px;
        display: flex;
    }

    .contact-container {
        grid-template-columns: repeat(1, 1fr);
    }

    .contact_sc .contact-container .content .img-container {
        margin-bottom: 10px;
    }

        .contact_sc .contact-container .content .img-container img {
            width: 20px;
        }

    .contact_sc h1 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .contact_sc .contact-container .content ul {
        margin-top: 18px;
    }

    .offer-box h4 {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .stepper {
        padding-bottom: 15px;
        margin-bottom: 24px;
    }

        .stepper li {
            min-width: 100px;
        }
}

@media (max-width:575px) {
    .offer-box {
        padding: 16px;
    }

    .add-to-cart_sc .offer-box {
        margin-bottom: 16px;
    }

    .uplode_banner_sc {
        padding: 20px 0px;
    }

        .uplode_banner_sc h1 {
            font-size: 20px;
        }

    .form-grup.mendatory::before {
        top: 12px;
        left: 10px;
    }

    .form-grup.mendatory input {
        padding-left: 28px;
    }

    .date-input-wrapper input[type="date"]:focus + .placeholder, .date-input-wrapper input[type="date"]:not(:placeholder-shown) + .placeholder {
        left: 28px;
    }
}

@media (max-width:479px) {
    .terms_sc .tabs-desktop.tabs li {
        padding: 10px 10px;
    }

    .contact_sc,
    .prcing_sc {
        margin-top: 15px !important;
    }

        .contact_sc .contact-container .content ul {
            gap: 20px;
            margin-top: 30px;
            grid-template-columns: repeat(1, auto);
        }

            .contact_sc .contact-container .content ul::before {
                height: 1px;
                width: 50%;
                top: 50%;
                left: 0;
            }

    .pricing-container .offer-box > div:last-child {
        margin-top: 26px;
        flex-direction: column-reverse;
    }

        .pricing-container .offer-box > div:last-child a {
            margin-top: 10px;
        }

    .offer-box {
        padding: 18px 12px;
    }

    .prcing_sc p br {
        display: none;
    }

    .company-list_sc .table-wrapper .head h2 {
        margin-bottom: 5px;
    }

    .company-list_sc .table-wrapper .head {
        flex-direction: column;
        align-items: start;
        padding: 12px 12px;
    }

    .company-list_sc {
        margin-top: -70px;
    }

    .faq_sc h2 {
        font-size: 19px;
        margin-bottom: 20px;
    }

    .faq_sc h4 {
        font-size: 16px;
    }

    .order-summery {
        padding: 22px 18px;
    }

        .order-summery h3 {
            font-size: 18px;
            margin-bottom: 12px;
        }

        .order-summery .invoice-details li:last-child p {
            font-size: 15px;
        }

        .order-summery .invoice-details li:last-child::before {
            width: calc(100% + 36px);
            left: -18px;
        }

    .add-to-cart_sc .offer-box > div:first-child {
        flex-direction: column;
        align-items: flex-start;
    }

        .add-to-cart_sc .offer-box > div:first-child > p {
            margin-top: 10px;
            margin-left: 63px;
        }

    .form-grup.merg-6,
    .form-grup.merg-4,
    .form-grup.merg-5 {
        grid-column: 1 / 11;
    }
}

@media (max-width:359px) {
}

.create-nxt-login {
    text-align: center;
    color: var(--body-text);
    margin-top: 18px;
}

    .create-nxt-login a {
        text-decoration: none;
        color: var(--primary);
        font-weight: 600;
    }