* {
    margin: 0px;
    padding: 0px;
}
:root {
    --main-color: #C93438;
    --secondar-color: #04103B;
    --white: #FFFFFF;
    --grey: #3E4854B2;
    --gray-2: #F1F1F1;
    --label-color: #222D39;
    --bordercolor: #3E48544D;
    --shadow-color: #D9D9D9;
}
.brand-color{
    color: var(--main-color) !important;
}

.gray-color{
    color: var(--grey);
}

.bg-gray2{
    background-color: var(--gray-2);
}

.label-color{
    color: var(--label-color);
}

.text-blue{
    color: var(--secondar-color) !important;
}

.main-bg{
    background-color: var(--main-color);
}
.center{
   display: flex !important;
   align-items: center !important;
   justify-content: center !important; 
}

.display-none{
    display: none !important;
}
.col-center{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important; 
 }
.justify-center{
    display: flex !important;
    justify-content: center !important;
}
.space-between{
    display: flex;
    justify-content: space-between;
}
.space-between-center{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex-col-Space-between{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.text-capitalize{
    text-transform: capitalize;
}
.text-center{
    text-align: center !important;
}
.p-0{padding: 0 !important}
.pt-3{padding-top:1rem!important;}
.px-0{padding-right:0!important;padding-left:0!important}
.px-1{padding-right:.25rem!important;padding-left:.25rem!important}
.px-2{padding-right:.5rem!important;padding-left:.5rem!important}
.px-3{padding-right:1rem!important;padding-left:1rem!important}
.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}
.px-5{padding-right:3rem!important;padding-left:3rem!important}

.py-0{padding-top:0!important;padding-bottom:0!important}
.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}
.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}
.py-3{padding-top:1rem!important;padding-bottom:1rem!important}
.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}
.py-5{padding-top:3rem!important;padding-bottom:3rem!important}

.m-0{margin: 0 !important}
.mb-3{margin-bottom:1rem!important}
.mx-0{margin-right:0!important;margin-left:0!important}
.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}
.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}
.mx-3{margin-right:1rem!important;margin-left:1rem!important}
.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}
.mx-5{margin-right:3rem!important;margin-left:3rem!important}
.mx-auto{margin-right:auto!important;margin-left:auto!important}
.my-0{margin-top:0!important;margin-bottom:0!important}
.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}
.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}
.my-3{margin-top:1rem!important;margin-bottom:1rem!important}
.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}
.my-5{margin-top:3rem!important;margin-bottom:3rem!important}

.w-100{
    width: 100% !important;
}

.shadow-c{
    box-shadow: 0px 4px 25px 0px var(--shadow-color);
}


.borderbtn{
    border: 1px solid var(--bordercolor);
    padding: 10px 12px;
    border-radius: 8px;
}

.border0{
    border: 0px !important;
}

.height-100{
    height: 100%;
}

:where(.css-dev-only-do-not-override-m5656o).ant-form-item .ant-form-item-label >label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {

    position: absolute;
    right: 0px;
    margin-inline-end: 0px !important;
}


.ant-upload-wrapper{
    text-align: center !important;
}

:where(.css-dev-only-do-not-override-m5656o).ant-pagination .ant-pagination-item-active{
    background-color: var(--main-color) !important;
    border-radius: 7px !important;
}

:where(.css-dev-only-do-not-override-m5656o).ant-pagination .ant-pagination-item-active a{
    color: var(--white) !important;
}

@media (min-width: 991px){
    .borderrad{
        border-radius: 30px !important;
        width: 500px;
    }
}

@media (max-width: 991px){
    .borderrad{
        border-radius: 30px !important;
    }
}