html body {
    margin: 0px;
    padding: 0px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    letter-spacing: 0.5px;
    -webkit-font-smoothing: antialiased;
    color: #000000;
    -webkit-scroll-behavior: smooth;
    scroll-behavior: smooth;
}

.label-size-10{ font-size: 10px;}
.label-size-12{ font-size: 12px;}
.label-size-13{ font-size: 13px;}
.label-size-14{ font-size: 14px;line-height: 17px;}
.label-size-15{ font-size: 15px;}
.label-size-16{ font-size: 16px;line-height: 24px;}
.label-size-20{ font-size: 20px;}
.label-size-25{ font-size: 25px;}
.label-size-24{ font-size: 24px;}
.label-size-27{ font-size: 27px;}
.label-size-30{ font-size: 30px;}
.label-size-32-responsive{ font-size: 32px;line-height: 48px;}
.label-size-35{ font-size: 35px;}
.label-size-36{ font-size: 36px;}
.label-size-40{ font-size: 40px;}
.label-size-48{ font-size: 48px;line-height: 62px;}
.label-size-50{ font-size: 50px;}
.label-size-60{ font-size: 60px;}
.label-size-64{ font-size: 64px; }
.label-size-75{ font-size: 75px; }
.label-size-96{ font-size: 96px; line-height: 100px;}
.label-size-128{ font-size: 128px; line-height: 130px;}

/* Label Color */
.labelColorBlue{ color: #126CFC; }
.labelColorWhite{ color: #ffffff; }
.labelColorBlack {color: #000000;}
.labelColorSpanishGray{ color: #999999; }
.labelColorBlueCrayola{color: #126BFC;}
.labelColorVividRed{color: #FC1212;}
.labelColorMantis{color: #83C85C;}
.labelColorVampireBlack{color: #0A0A0A;}
.labelColorOuterSpace{color: #444444;}
.labelColorBlack30{color: rgba(153, 153, 153, 0.30);}



.label-weight-regular{font-weight: 500;}

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

/* Color */
.colorBlue{ background-color: #126CFC;}
.colorGreen{ background-color: #176d1a;}
.colorOrange{ background-color: orange;}
.colorGrey {background-color: #E5E5E5;}
.colorBlack{background-color: #000000;}
.colorBlack10{background: rgba(0, 0, 0, 0.1);}
.colorBlack30{background: rgba(0, 0, 0, 0.3);}
.colorNoColor {background-color: transparent}
.colorWhite{ background-color: white;}
.colorWhite-important{ background-color: white !important;}
.colorDarkCharcoal{background-color: #333333;}
.colorEerieBlack{background-color: #1A1A1A;}
.colorDarkLiver{background-color: #4d4d4d;}
.colorBlueCrayola{background-color: #126BFC;;}
.colorBlueCrayola-important{background-color: #126BFC !important;}
.colorBlueberry{background-color: #4189FD;;}
.colorCornflowerBlue{background-color: #5997FD;}
.colorLightSilver{background-color: #D9D9D9;}
.colorBlueCrayola2{background-color: #126CFF;}
.colorCultured{background-color: #FBFBFB;}
.colorGraniteGray{background-color: #666666;}
.colorSpanishGray{background-color:#999999;}
.colorPlatinum{background-color: #808080}
.colorDesire{background-color: #E74351;}
.colorAlabaster{background-color: #F9F9F9;}
.colorGrayscale{background-color: #F5F5F5;}

.grid-gap-30{
    grid-column-gap: 30px !important;
    grid-row-gap: 30px !important;
}

.min-width-600{
    min-width: 600px;
}

.height-fit-content{ height: fit-content;}
.min-height-1017{min-height: 1017px;}
.contentHeightCalc{ height: calc(100vh - 140px)}


.logo-image {
    background-image: url('../static/img/logo.svg');
    background-repeat: no-repeat;
    background-size: 214px 36px;
    min-height: 36px;
    min-width: 214px;
}

.white-circle {
    position: absolute;
    bottom: -1px;
    left: 0;
    background-image: url('../static/img/white-circle.svg');
    width: 640px;
    height: 381px;
}
.green-circle {
    position: absolute;
    top: -1px;
    left: 0;
    background-image: url('../static/img/green-circle.svg');
    width: 531px;
    height: 636px;
}
.white-circle-soon {
    position: absolute;
    bottom: -1px;
    left: 0;
    background-image: url('../static/img/white-circle-soon.svg');
    width: 459px;
    height: 208px;
}
.green-circle-soon {
    position: absolute;
    top: -1px;
    left: 0;
    background-image: url('../static/img/green-circle-soon.svg');
    width: 531px;
    height: 636px;
}

.dropdown {
    padding: 8px 12px;
    height: 40px;
    font-size: 16px;
    color: #000;
    border: 1px solid #ccc;  /* Simplified border */
    border-radius: 6px;  /* Slightly rounded corners */
    appearance: none;  /* Removes default browser styling */
    background-color: #fff;
    background-image: url('../static/icons/selector-arrow-down-blue.svg');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;  /* Arrow size */
    cursor: pointer;
    outline: none;
}

/* Add styling for the dropdown options */
.dropdown option {
    padding: 10px; /* Padding for better spacing */
    color: #000;   /* Black text for options */
    font-size: 14px; /* Font size for options */
}

/* Optional: to change hover effect on the options */
.dropdown:hover {
    border-color: #888;  /* Slight change on hover */
}
.dropdown option.grey-option {
    color: #999999;
}
input{
    padding: 10px;
}

input:focus-visible {
    outline: none;
    border: 1px solid #000;
}

input::placeholder {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0em !important;
    color: rgba(0, 0, 0, 0.3);
}
textarea::placeholder {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0em !important;
    color: rgba(0, 0, 0, 0.3);
}
textarea{
    padding: 10px;
    font-family: 'Poppins', sans-serif;
    resize: none;

}
textarea:focus-visible {
    outline: none;
    border: 1px solid #000;
}
.checkbox {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    cursor: pointer;
    accent-color: #007bff;
    border: 1px solid #999999;
    border-radius: 4px;
    outline: none;
}
.border-radius-100{border-radius: 100px;}
.borders-platinum{
                    border-bottom: 1px solid #E5E5E5;
                    border-right: 1px solid #E5E5E5;
                    border-left: 1px solid #E5E5E5;
                    border-top: 1px solid #E5E5E5;
}
::-webkit-scrollbar {
    background: #E5E5E5;
    border-radius: 10px;
    width: 7px;
    height: 10px;
}
::-webkit-scrollbar-thumb {background:#999999; border-radius: 30px;}
::-webkit-scroll-behavior {scroll-behavior: smooth;}

.transition-3s {
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
}


.custom-select-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.custom-select {
display: flex;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 8px;
    background-color: #fff;
    cursor: pointer;
    appearance: none;
    outline: none;
    position: relative;
}

.wrapper-placeholder{
    font-weight: 400;
    color: #999999;
}

.custom-select:focus {
    border-color: #888;
}

.custom-select-arrow {
    position: relative;
    margin-left:auto;
    margin-bottom:auto;
    margin-top:auto;
    pointer-events: none;
    content: '';
    width: 18px;
    height: 10px;
    background-image: url('../static/icons/selector-arrow-down-blue.svg');
    background-size: cover;
}

/* Styling the dropdown options */
.custom-options {
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 1000;
    max-height: 200px;
    overflow-y: auto;
    display: none;
    border-radius:8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}
.custom-select-wrapper.open-upwards .custom-options {
    top: auto;
    bottom: calc(100% + 1px);
}

.custom-option {
    padding: 10px;
    color: #000;
    font-size: 13px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}
.custom-option.selected {
    background-color: #f0f0f0;
    font-weight: 500;
    color: #000;
}

.custom-option:last-child {
    border-bottom: none;
}

.custom-option:hover,
.custom-option:focus {
    background-color: #eee;
}

.custom-select-wrapper.active .custom-options {
    display: block;
}

.position-fixed-important{
    position: fixed !important;
}
.zindex100{
    z-index: 100;
}
  .black-background {
    background-color: black;
    opacity: 0.3;
    z-index: 700;
    position: absolute;
  }
  .box-shadow{box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.24);}
.padding-form-responsive{
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
}
a:link, a:visited {
      color: inherit;
      font-weight: normal;
      background: none;
      border: none;
}