body,
html {
    padding: 0;
    margin: 0;
    font-family: "SF Pro Text", sans-serif;
    overflow-x: hidden;
    min-height: 100vh
}

body {
    position: relative
}

body::-webkit-scrollbar {
    display: none
}

a {
    color: inherit;
    text-decoration: none
}

* {
    box-sizing: border-box
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select:focus,
textarea:focus {
    outline: none
}

.div-1128 {
    max-width: 1128px;
    margin: 0 auto
}

.div-1180 {
    max-width: 1180px;
    margin: 0 auto
}

.no-scroll {
    height: 100vh;
    overflow: hidden
}

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

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;1,100;1,200;1,300;1,400&display=swap');

@font-face {
    font-family: "SF Pro";
    src: url(../media/SF-Pro.2bb94cc1.ttf);
    font-weight: 700
}

@font-face {
    font-family: "SF Pro";
    src: url(../media/SF-Pro.2bb94cc1.ttf);
    font-weight: 600
}

@font-face {
    font-family: "SF Pro";
    src: url(../media/SF-Pro.2bb94cc1.ttf);
    font-weight: 590
}

@font-face {
    font-family: "SF Pro";
    src: url(../media/SF-Pro.2bb94cc1.ttf);
    font-weight: 500
}

@font-face {
    font-family: "SF Pro";
    src: url(../media/SF-Pro.2bb94cc1.ttf);
    font-weight: 400
}

@font-face {
    font-family: "SF Pro";
    src: url(../media/SF-Pro.2bb94cc1.ttf);
    font-weight: 300
}

@font-face {
    font-family: "SF Pro";
    src: url(../media/SF-Pro.2bb94cc1.ttf);
    font-weight: 274
}

@font-face {
    font-family: "SF Pro Text";
    src: url(../media/FontsFree-Net-SFProText-Regular.10e75488.ttf);
    font-weight: 400
}

@font-face {
    font-family: "SF Pro Text";
    src: url(../media/FontsFree-Net-SFProText-Medium.ea9550ab.ttf);
    font-weight: 500
}

@font-face {
    font-family: "SF Pro Text";
    src: url(../media/FontsFree-Net-SFProText-Semibold.882a951f.ttf);
    font-weight: 600
}

@font-face {
    font-family: "Basier Circle-AZ";
    src: url(../media/BasierCircle-SemiBold.210929-1302.40ece7f8.ttf);
    font-weight: 600
}



.carousel .control-dots {
    margin: 0 !important;
    display: flex;
    justify-content: center
}

.carousel .control-dots .dot {
    background-color: #fff !important;
    opacity: 1 !important;
    height: 10px !important;
    width: 10px !important;
    box-shadow: none !important;
    margin: 0 3px !important
}

.carousel .control-dots .dot.selected {
    background: #91a0ff !important
}

.carousel.carousel-slider {
    height: 238px !important
}

.container {
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.container input {
    position: absolute;
    cursor: pointer;
    height: 0;
    width: 20px;
    height: 20px;
    margin: 0
}

input[type=checkbox] {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    outline: none;
    content: none
}

input[type=checkbox]:before {
    content: "\f00c";
    color: transparent !important;
    display: block;
    border: 1px solid #4a5fe5;
    width: 18px;
    height: 18px;
    border-radius: 3px
}

.checkmark {
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee
}

.container:hover input~.checkmark {
    background-color: #ccc
}

.checkmark {
    content: "";
    position: absolute;
    display: none
}

.container input:checked~.checkmark {
    display: block
}

.container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

.mobile {
    display: none
}

.desktop {
    display: block
}

.spinner_div {
    height: 90%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

@media screen and (max-width:1024px) {
    .mobile {
        display: block
    }

    .desktop {
        display: none
    }

    .carousel .control-dots {
        display: none !important
    }
}

.css-u0soqy-MuiPickerStaticWrapper-root {
    margin-top: 1rem !important;
    border: .5px solid #ebf1ff !important;
    border-bottom: 0 !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.css-12mkn7b-MuiButtonBase-root-MuiIconButton-root-MuiPickersCalendarHeader-switchViewButton,
.css-1tbq6mc-MuiPickersToolbar-root-MuiDatePickerToolbar-root,
.css-hlj6pa-MuiDialogActions-root,
.css-xb7uwb-MuiPickersArrowSwitcher-spacer {
    display: none !important
}

.css-xelq0e-MuiPickerStaticWrapper-content {
    background-color: #fbfcff !important
}

.css-bkrceb-MuiButtonBase-root-MuiPickersDay-root {
    background-color: #fbfcff
}

.css-bkrceb-MuiButtonBase-root-MuiPickersDay-root.Mui-selected {
    background: #4a5fe5 !important
}

.css-sf5t6v-PrivatePickersSlideTransition-root-MuiDayPicker-slideTransition {
    min-height: 200px !important
}

.css-1qbc4x0-MuiYearPicker-root::-webkit-scrollbar {
    display: none !important
}

.css-nk89i7-MuiPickersCalendarHeader-root {
    position: relative !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important
}

.css-1ae9t7h-MuiButtonBase-root-MuiIconButton-root-MuiPickersArrowSwitcher-button {
    position: absolute !important;
    left: 19px;
    top: 0
}

.css-jro82b-MuiButtonBase-root-MuiIconButton-root-MuiPickersArrowSwitcher-button {
    position: absolute !important;
    right: 19px;
    top: 0
}

.css-10fao8b-MuiPickersCalendarHeader-labelContainer {
    pointer-events: none;
    margin-right: 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    font-family: "SF Pro Text" !important
}