@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700;800;900&display=swap');

body {
    margin: 0;
    font-family: Montserrat;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}



.MuiStepLabel-iconContainer.MuiStepLabel-alternativeLabel:before {
    height: 36px;
    width: 68px;
    border-top-left-radius: 200px;
    border-top-right-radius: 200px;
    border: 5px solid #D6D6D6;
    border-bottom: 0;
    position: absolute;
    top: -12px;
    left: calc(50% - 34px);
    content: ""
}

.MuiInputLabel-root {
    font-size: 14px !important;
    color: #999 !important;
    font-weight: 500 !important;
    font-family: Montserrat !important
}

.MuiInputLabel-formControl {
    font-family: Montserrat !important
}

.user_container {
    border-radius: 10px;
    background-color: #f6f6f6;
    border: .76px solid #f6f6f6
}

.MuiFormHelperText-root {
    font-family: Montserrat !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: red !important;
    height: 20px !important
}

.obj {
    height: 19px;
    font-size: 12px !important;
    color: #000 !important;
    text-align: left !important
}
.MuiInput-root:after {
    border-bottom: none !important
}

.MuiInput-root:before {
    border-bottom: none !important
}

.MuiInput-input,.MuiSelect-select {
    border-radius: 6px !important;
    position: relative !important;
    background-color: #fff !important;
    border: 1px solid #efefef !important;
    font-size: 16px !important;
    padding: 10px 12px !important;
    font-family: Montserrat !important
}
.MuiFormControl-root {
    margin-top: 24px !important
}
.MuiSelect-select {
    margin-top : 10px!important;
}
@media screen and (max-width: 700px) {
    .el {
        grid-column: span 12 !important
    }
}

.MuiCard-root {
    border-radius: 10px !important;
    background-color: #fbfbfb !important;
    border: .96px solid #c8ad33
}

.card_checkbox_type1 {
    display: flex !important;
    justify-content: flex-start !important
}

.MuiCheckbox-root.Mui-checked {
    color: #c8ad33 !important
}

.card_label {
    font-size: 18px !important;
    line-height: 26px !important;
    color: #3f3f3f !important;
    font-weight: 700 !important;
    font-family: Montserrat !important;
    padding-bottom: 10px;
}

.MuiCardMedia-root {
    object-fit: contain !important;
    height: 200px;
}

.MuiCardHeader-title {
    font-size: 30px !important;
    color: #1c1868 !important;
    font-weight: 700 !important;
    font-family: Montserrat !important
}

.MuiTypography-h6 {
    font-size: 18px !important;
    line-height: 26px !important;
    color: #3f3f3f !important;
    font-weight: 700 !important;
    font-family: Montserrat !important
}

.MuiRadio-root.Mui-checked {
    color: #c8ad33 !important
}

.container_mid {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    background-color: #fbfbfb
}

.MuiFormControlLabel-label {
    font-size: 18px !important;
    line-height: 26px !important;
    color: #3f3f3f !important;
    font-weight: 700 !important;
    font-family: Montserrat !important
}

.MuiTypography-subtitle1 {
    font-size: 14px !important;
    line-height: 26px !important;
    color: #3f3f3f !important;
    font-weight: 700 !important;
    font-family: Montserrat !important
}

.MuiTypography-subtitle2 {
    font-size: 18px !important;
    line-height: 26px !important;
    color: #3f3f3f !important;
    font-weight: 700 !important;
    font-family: Montserrat !important
}

.css-xydvlv{
	padding: 40px 0;
}

.css-farnub.Mui-active{
	font-weight: 400 !important
}

.App {
    text-align: center
}

.App-logo {
    height: 40vmin;
    pointer-events: none
}

@media (prefers-reduced-motion: no-preference) {
    .App-logo {
        animation: App-logo-spin infinite 20s linear
    }
}

.App-header {
    background-color: #282c34;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: calc(10px + 2vmin);
    color: #fff
}

.App-link {
    color: #61dafb
}

@keyframes App-logo-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.MuiButton-root {
    width: 100%;
    height: 43px;
    border-radius: 21px !important;
    background-color: #c7ad33 !important;
    font-family: Montserrat !important;
    font-size: 14px !important;
    color: #f4f4f4 !important;
    font-weight: 500 !important;
    text-align: center;
    margin-bottom: 15px;
}

.App h1 {
    font-size: 30px;
    color: #1c1868;
    font-weight: 700;
    font-family: Montserrat;
	padding: 30px 0;
}

.card_container {
    margin-bottom: 20px !important
}

.App body {
    font-family: Montserrat !important
}

@media screen and (max-width: 700px) {
    .MuiStepper-root {
        display: none !important
    }
}

.MuiGrid-item > img {
    align-self: center;
}
.MuiGrid-item > img + .MuiTypography-h6 {
    text-align: start!important;
}
.MuiCardHeader-root {
    background-color: #f5f5f5;
}

.App nav.navbar #navbar.navbar-desktop ul.navbar-nav > li > a, .App nav.navbar #navbar.navbar-desktop ul.navbar-nav ul.sub-menu li a {
    font-size: 13px !important;
    font-weight: 600 !important; 
}

.css-9l3uo3 {
    text-align: start;
  }
  .css-13qzgsu {
    display : flex;
  }