body{
    font-family: "Red Hat Display", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

p {
    margin-top: 0;
    margin-bottom: 0rem;
}

hr{
    border: 0.5px solid #7A7878;
    margin: 0.8rem 0;
}

.hr-grey{
    border: 0.5px solid #D9D9D9;
}

input:focus-visible {
    outline: none;
}

input::placeholder {
    color: #C2BFBF; /* Placeholder color */
}

button{
    all: unset;
}

.custom-img-fluid {
    max-width: 150%;
}

.hide-this{
    display: none;
}


.text-fit{
    white-space: nowrap;       /* Prevents text from wrapping to the next line */
    overflow: hidden;          /* Hides any text that overflows the element's box */
    text-overflow: ellipsis;
}

.clamp-text{
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}


.logo{
    width: 220px; /*265px;*/
}

.client-logo{
    width: 100%;
    padding:20px;
}

.client-logo-adjust{
    width: 135px;
    margin-top: 15px;
}


.width-5{
    width: 50px;
}

.width-5-plus{
    width: 54px;
}

.width-10{
    width: 100px;
}

.width-11{
    width: 110px;
}

.width-12{
    width: 120px;
}

.width-15{
    width: 150px;
}

.width-20{
    width: 200px;
}



/**************************************************************/
/********************THE ADDITIONS & REMOVALS******************/

.remove-row-padding{
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.remove-row-padding-right{
    padding-right: 0px !important;
}

.remove-row-padding-left{
    padding-left: 0px !important;
}

.remove-row-margin{
    margin-left:0px !important;
    margin-right:0px !important;
}

.remove-margin-left{
    margin-left:0px !important;
}

.remove-margin-bottom{
    margin-bottom:0px !important;
}

.remove-gx-paddings > [class*="col"] {
    padding-right: 0.2rem;
    padding-left: 0.2rem;
}

.remove-line-height{
    line-height: 0px !important;
}

.add-cursor-pointer{
    cursor: pointer;
}

.add-margin-bottom{
    margin-bottom: 0.25rem !important;
}

.add-row-padding-1-plus{
    padding-right: 14px !important;
    padding-left: 14px !important;
}

.add-row-padding-3{
    padding-right: 30px !important;
    padding-left: 30px !important;
}

.add-padding-bottom-1{
    padding-bottom: 10px !important;
}

/**************************************************************/
/**************************************************************/




.ptext-font-light{
    font-family: "Red Hat Display", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}




.ptext-1{
    font-size:5px;
}

.ptext-1-plus{
    font-size:6px;
}

.ptext-2-minus{
    font-size:7px;
}

.ptext-2{
    font-size:8px;
}

.ptext-2-plus{
    font-size:9px;
}

.ptext-3{
    font-size:10px;
}

.ptext-3-plus{
    font-size:11px;
}

.ptext-4-minus{
    font-size:12px;
}

.ptext-4{
    font-size:13px;
}

.ptext-5{
    font-size:15px;
}

.ptext-6{
    font-size:17px;
}

.ptext-7{
    font-size:19px;
}

.ptext-8{
    font-size:24px;
}

.ptext-9{
    font-size:26px;
}

.ptext-10{
    font-size:28px;
}

.ptext-11{
    font-size:31px;
}

.ptext-12{
    font-size:33px;
}

.ptext-15{
    font-size:55px;
}

.ptext-16{
    font-size:60px;
}



.ptext-weight-1{
    font-weight: 300;
}

.ptext-weight-2{
    font-weight: 500;
}

.ptext-weight-3{
    font-weight: 700;
}



.ptext-color-light-brown{
    color: #7A7878;
}

.ptext-color-white{
    color: #fff;
}

.ptext-color-white-2{
    color: #F0F8FF;
}

.ptext-color-deep-blue{
    color: #3944BC;
}

.ptext-color-purple{
    color: #3D006D;
}

.ptext-color-grey{
    color: #C2BFBF;
}

.ptext-color-black{
    color: #000;
}






.margin-top-1-minus{
    margin-top:5px;
}

.margin-top-1{
    margin-top:10px;
}

.margin-top-2{
    margin-top:20px;
}

.margin-top-3{
    margin-top:30px;
}

.margin-top-4{
    margin-top:40px;
}

.margin-top-5{
    margin-top:50px;
}

.margin-top-6{
    margin-top:60px;
}

.margin-top-7{
    margin-top:70px;
}

.margin-top-8{
    margin-top:80px;
}

.margin-top-9{
    margin-top:90px;
}

.margin-top-10{
    margin-top:100px;
}

.margin-top-15{
    margin-top:150px;
}

.margin-top-20{
    margin-top:200px;
}


.margin-top-25{
    margin-top:250px;
}



.margin-bottom-1{
    margin-bottom:10px;
}

.margin-left-1{
    margin-left: 10px;
}




.padding-top-1{
    padding-top: 10px;
}

.padding-top-2{
    padding-top: 20px;
}

.padding-top-2-plus{
    padding-top: 25px;
}

.padding-top-3{
    padding-top: 30px;
}




.padding-left-1-minus{
    padding-left: 5px !important;
}

.padding-left-1{
    padding-left: 10px !important;
}

.padding-left-2{
    padding-left: 20px !important;
}




.padding-right-1{
    padding-right: 10px;
}

.padding-right-2{
    padding-right: 20px;
}




.center-this {
    display: flex;
    align-items: center; /* Center vertically */
    justify-content: center; /* Center horizontally */
}


.button-signin{
    color: #fff;
    background: #A013E2;
    padding: 10px 30px 10px 30px;
    border-radius: 10px;
    transition: box-shadow 0.5s ease; /* Smooth transition for the hover effect */
}

.button-signin:hover {
    box-shadow: 0 0 20px rgba(160, 19, 226, 0.7); /* Purple shadow with reduced opacity */
}

.landing-line{
    /* position: absolute;
    left: 43%;
    top: 0%;
    z-index: -1;
    width: 760px; */

    position: absolute;
    left: 41%;
    top: -2%;
    z-index: -1;
    width: 681px;
}


.car-image{
    /* width: 550px;
    margin-top: -30px; */

    width: 500px;
    margin-top: -66px;
}