html {
  scroll-behavior: smooth;
}

.bg-suvadi-r2 {
    background: #AD151A;
}

.bg-suvadi-r1 {
    background-color: #ED1C24 !important;
}

.bg-suvadi-r5 {
    background-color: #D41920;
}

.bg-suvadi-bk4 {
    background-color: #BDBDBD !important;
}

.bg-suvadi-gray {
    background-color: #F8F7F7 !important;
}

.bg-suvadi-gray-6 {
    background-color: #F2F2F2 !important;
}

.bg-suvadi-bk {
    background-color: #E0E0E0;
}

.bg-suvadi-c1 {
    background-color: #F2A74B;
}

.bg-suvadi-c2 {
    background-color: #F25F29
}

.text-suvadi-r1 {
    color: #ED1C24;
}

.text-suvadi-r4 {
    color: #FA1E25
}

.text-suvadi-bk2 {
    color: #333333;
}

.text-suvadi-bk3 {
    color: #828282 !important;
}

.text-suvadi-bk4 {
    color: #BDBDBD;
}

.text-suvadi-c1 {
    color: #F2A74B !important;
}

.text-suvadi-c2 {
    color: #F25F29
}

.text-suvadi-r5 {
    color: #D41920;
}

.suvadi-link{
    color: #333333;
    text-decoration: none;
}

.suvadi-link:hover{
    color: #ED1C24;
}

.fs-10 {
    font-size: 10px;
}

.fs-12 {
    font-size: 12px;
}

.fs-13 {
    font-size: 13px;
}

.fs-14 {
    font-size: 14px;
}

.fs-15 {
    font-size: 15px;
}

.fs-16 {
    font-size: 16px;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}

.fs-24 {
    font-size: 24px;
}

.fw-500 {
    font-weight: 500;
}

.fw-semibold {
    font-weight: 600;
}

.lh-xl {
    line-height: 2.5 !important;
}

.vh-60{
    height: 60vh !important;
}

.border-bottom-bd {
    border-bottom: 1px solid #BDBDBD;
}

.cursor-pointer {
    cursor: pointer
}

.suvadi-red-btn {
    padding: 5px 20px;
    color: #FFFFFF;
    background: #ED1C24;
    border-radius: 5px;
    border-color: #ED1C24;
}

.suvadi-red-btn:hover,
.suvadi-red-btn:focus-visible,
.suvadi-red-btn:active {
    color: #ED1C24 !important;
    background: #FFFFFF;
    border-color: #ED1C24 !important;
}

.suvadi-white-btn {
    color: #ED1C24;
    border-radius: 5px;
    border-color: #ED1C24;
}

.suvadi-white-btn:hover,
.suvadi-white-btn:focus-visible,
.suvadi-white-btn:active {
    color: #FFFFFF !important;
    background: #ED1C24 !important;
    border-color: #ED1C24 !important;

}

.suvadi-input {
    border: 0.5px solid #828282;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.ps-50 {
    padding-left: 50px !important;
}

.ps-30 {
    padding-left: 30px;
}

.ps-36 {
    padding-left: 36px !important;
}

.border-bk {
    border-color: #E0E0E0;
}

.header-shadow {
    box-shadow: 0px 3px 4px 0px #0000001A;
}

.roboto-condensed {
    font-family: "Roboto Condensed", sans-serif;
}

.roboto {
    font-family: "Roboto", sans-serif;
}

.form-control[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    cursor: pointer;
    appearance: none;
    height: 10px;
    width: 10px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEyMy4wNXB4IiBoZWlnaHQ9IjEyMy4wNXB4IiB2aWV3Qm94PSIwIDAgMTIzLjA1IDEyMy4wNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIzLjA1IDEyMy4wNTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyMS4zMjUsMTAuOTI1bC04LjUtOC4zOTljLTIuMy0yLjMtNi4xLTIuMy04LjUsMGwtNDIuNCw0Mi4zOTlMMTguNzI2LDEuNzI2Yy0yLjMwMS0yLjMwMS02LjEwMS0yLjMwMS04LjUsMGwtOC41LDguNQ0KCQljLTIuMzAxLDIuMy0yLjMwMSw2LjEsMCw4LjVsNDMuMSw0My4xbC00Mi4zLDQyLjVjLTIuMywyLjMtMi4zLDYuMSwwLDguNWw4LjUsOC41YzIuMywyLjMsNi4xLDIuMyw4LjUsMGw0Mi4zOTktNDIuNGw0Mi40LDQyLjQNCgkJYzIuMywyLjMsNi4xLDIuMyw4LjUsMGw4LjUtOC41YzIuMy0yLjMsMi4zLTYuMSwwLTguNWwtNDIuNS00Mi40bDQyLjQtNDIuMzk5QzEyMy42MjUsMTcuMTI1LDEyMy42MjUsMTMuMzI1LDEyMS4zMjUsMTAuOTI1eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
    background-size: 10px 10px;
}

.form-check-input[type=radio] {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #ED1C24;
    appearance: none;
    cursor: pointer;
}

.form-check-input[type=radio]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: transparent;
    transform: translate(-50%, -50%);
    transition: background-color 0.2s ease;
}

.form-check-input:checked[type=radio] {
    background-color: #FFFFFF;
}

.form-check-input:checked[type=radio]::after {
    background-color: #ED1C24;
}

.btn.red-sticky-btn:focus-within,
.btn.red-sticky-btn:focus-visible,
.btn.red-sticky-btn:active {
    background-color: #ED1C24;
}

.btn.white-sticky-btn:active {
    color: #ED1C24;
    border: none;
}

.suvadi-close-button {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ED1C24'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1em auto;
    opacity: 1;
}

.mt-33 {
    margin-top: 33px;
}

.pb-33 {
    padding-bottom: 33px;
}

.mb-22 {
    margin-bottom: 22px;
}

.p-15 {
    padding: 15px;
}

.sidebar-bg-color {
    background-color: #F2F2F2;
}

.ml-10 {
    margin-left: 10px;
}

.p-20 {
    padding: 20px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-10 {
    margin-bottom: 10px;
}

.fs-24 {
    font-size: 24px;
}

.form-check {
    cursor: pointer;
}

.border-suvadi-bk4 {
    border-color: #BDBDBD !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.mt-16 {
    margin-top: -16px;
}

.mr-15 {
    margin-right: 15px !important;
}

.mb-30 {
    margin-bottom: 30px;
}

.pl-20 {
    padding-left: 20px !important;
}

.text-suvadi-blue1 {
    color: #2F80ED;
}

.text-suvadi-green1 {
    color: #219653;
}

.ml-500 {
    margin-left: -500px;
}

.ml-145 {
    margin-left: 145px;
}

.mt-24 {
    margin-top: -24px;
}

.mt-76 {
    margin-top: -76px;
}

.mt-18 {
    margin-top: 18px;
}

.mt-8 {
    margin-top: 8px;
}

.ml-477 {
    margin-left: 477px;
}

.ml-184 {
    margin-left: 184px;
}

.pr-140 {
    padding-right: 140px !important;
}

.ml-32 {
    margin-left: -32px;
}

.ml-30 {
    margin-left: 30px;
}

.auth-btn {
    width: 140px;
}

@media (min-width: 767px) and (max-width: 991px) {
    .w-md-60{
        width: 60% !important;
    }
}

@media (min-width: 992px) {
    .fixed-lg-top{
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }
    .fw-md-medium{
        font-weight: 500 !important;
    }
}


.suvadi-container {
    width: 100%;
    padding: 0 15px; 
    margin: 0 auto;
}

/* Large desktops (1400px and above) */
@media (min-width: 1400px) {
    .suvadi-container {
        max-width: 1440px;
    }
}

/* Desktops & Laptops (1200px - 1399px) */
@media (max-width: 1399px) {
    .suvadi-container {
        max-width: 1200px;
    }
}

/* Tablets (768px - 1199px) */
@media (max-width: 1199px) {
    .suvadi-container {
        max-width: 960px;
    }
    .py-03{
        padding-top: 0.3rem !important;
        padding-bottom: 0.3rem !important;
    }
}

/* Small tablets & large phones (576px - 767px) */
@media (max-width: 767px) {
    .suvadi-container {
        max-width: 720px;
    }
}

/* Mobile devices (up to 575px) */
@media (max-width: 575px) {
    .suvadi-container {
        max-width: 100%;
        padding: 0 10px; 
    }
}

.flex-container p.date {
    margin-left: unset !important;
}

.bg-suvadi-bk2 {
    background-color: #333333 !important;
}

.bg-suvadi-footer-gray {
    background-color: #504F4F !important;
}

.bg-suvadi-black {
    background-color: #000000;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.mb-60 {
    margin-bottom: 60px;
}

.ml-auto {
    margin-left: auto;
}

.ml-14 {
    margin-left: -14px;
}

.pl-65 {
    padding-left: 65px !important;
}

.pt-39 {
    padding-top: 39px !important;
}

.text-suvadi-o1 {
    color: #F1592B;
}

.ml-1 {
    margin-left: -1px;
}

.text-suvadi-g1 {
    color: #00C53D;
}

.bg-suvadi-g2 {
    background-color: #E1FFE8;
}

.bg-suvadi-b2 {
    background-color: #E8F2FF;
}

.text-suvadi-b2 {
    color: #0766FF !important;
}

.ml-14 {
    margin-left: -14px;
}

.bg-suvadi-p1 {
    background-color: #FDF0E4;
}

.text-suvadi-p2 {
    color: #d62976 !important;
}

.mr-16 {
    margin-right: 16px !important;
}

.fs-11 {
    font-size: 11px !important;
}

.fs-32 {
    font-size: 32px !important;
}

.mr-4 {
    margin-right: 4px !important;
}

.filter-list {
    max-height: 200px; 
    overflow-y: auto; 
    padding-right: 5px; 
    cursor: all-scroll;
}

.filter-list::-webkit-scrollbar{
	width: 10px;
}

.filter-list::-webkit-scrollbar-track-piece{
	background-color: #FFF;
}

.filter-list::-webkit-scrollbar-thumb{
	background-color: #F2A74B;
	outline: 2px solid #FFF;
	outline-offset: -2px;
	border: .1px solid #B7B7B7;
    border-radius: 20px;
}

.filter-list::-webkit-scrollbar-thumb:hover{
	background-color: #909090;
}