@import 'partials';

body{
    background-color: #000;
     font-family: "Barlow Semi Condensed", sans-serif !important;
    font-weight: 400;
    font-size: 16px;
}
img{
    max-width:100%;
}
.custom-container{
    @media (min-width: 1600px){
        max-width: 1400px;
    }
    @media (min-width:1482){
        max-width: 1300px;
    }
    @media ($sm-767){
        // max-width: 100%;
        // padding: 0px 20px;
    }
}
.custom-phone-wrapper{
    .custom-select-code{
        width: 100px;
        background-color: #000;
        border: 0.83px solid rgba(55, 55, 55, 1);
        border-radius: 30px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
         color: #fff;
         &:focus,&:active,&:focus-within{
				outline: none;
				box-shadow: none;
			}
    }
    .custom-phone-input{
         border-top-left-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
        border-left: 0px !important;
    }
    .parsley-required,.parsley-length{
    position: absolute;
    left: 0px;
    bottom: -68px;
    @media($sm-1679){
        // bottom: 48px;
    }
    }
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
select.form-select:-webkit-autofill,
select.form-select:-webkit-autofill:hover,
select.form-select:-webkit-autofill:focus,
select.form-select:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px #23232329;
}
.form-grp{
    position: relative;
}
.parsley-errors-list,.parsley-required,.parsley-type,.parsley-minlength,.parsley-pattern,.parsley-length,.parsley-equalto{
    position: absolute;
    font-size: 12px;
    color: red;
    font-weight: 500;
    width: 100%;
    font-family: "Barlow Semi Condensed", sans-serif !important;
    padding-left: 20px;
}

.cursor{
    cursor: pointer;
}