h1,h2,h3,h4,h5,h6,p,a,input,div,span, li, ul, label, span, button {
    font-family: Rubik, sans-serif;
}
.basic-shadow{
    box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.26);
}

a {
    color:white!important;
    text-decoration:none;
}
a:hover{
    text-decoration: underline;
    color:white!important;
}

p{
    font-size: 16px;
}

h1{
    font-size: 80px;
    font-weight: bolder;
}

h4 {
    display:inline-block;
}

ul li {
    line-height: 19px;
}

.basic-radius{
    border-radius: 7px;

}

.angle-list {
    list-style: none;
}

.arrow-list {
    list-style: none;
}


.angle-list li{
    background: url("/images-auto/icons/angle.svg") left top no-repeat;
    margin-bottom: 1rem;
    padding-left:20px;


}

.arrow-list li {
    margin-bottom: 1rem;
    background: url("/images-auto/icons/arrow.svg") left top no-repeat;
    padding-left:30px;
}


.pink-disc {
    display:inline-block;
    padding:1rem;
    border-radius:100%;
    background-color: #E74360;
    width:fit-content;
    vertical-align: center;
}

.icons-list {
    padding:0
}

.icons-list li.col-lg-4{
    margin-bottom: 2rem;
}

.list-heading {
    font-size: 20px;
    font-weight: 500;
}

.icons-list p {
    line-height:21px;
    width:80%;
    display:inline-block;
    height:fit-content;
}

.icons-list .row {
    margin-bottom: 1rem;
    align-items: center;
}

.icons-list h4 {
    align-self: center;
    font-weight:400;
}

.footer-list p {
    margin-bottom: 2rem;
}
#car-header {
    position:relative;
    background: linear-gradient(273.34deg, #2C3A4A -20.05%, #101924 102.12%);
}

.arrow-list li p {
    margin-bottom: 0;
}

#header-content{
    margin: 3rem 2rem;
}

@media screen and (max-width:1700px){
    #header-content {
        left:9rem!important;
    }

    #whatis-section{
        margin-top: 3rem;
        position:static!important;
    }
    #function-section{
        margin-top:3rem!important;
    }

    #reports-img {
        position:static!important
    }
    #client-section img{
        display:none;
    }
}


@media screen and (max-width:1700px){
    #header-content {
        left:1rem!important;
        top:0rem!important;
    }
    #header-content p {
        font-size:25px!important;
    }

    #header-content img {
        height: 8rem!important;
    }


    }

    @media screen and (max-width:1200px) {
    #header-content{
        width:60% !important;
    }
    .container{
        padding:1rem!important;
    }

    #header-content p {
        font-size:20px!important;
    }

    #header-content img {
        height: 6rem!important;
    }
}


@media screen and (max-width:991px) {
    #header-content{
        width:50% !important;
        top:-2rem!important;
    }

    #header-content p {
        font-size:15px!important;
    }

    #header-content img {
        height: 4rem!important;
    }

    #car-header{
        background-position: -13rem 0;
    }
    #broker-image{
        display:none;
    }

    #manager-content {
        padding-left:0!important;
    }
}

@media screen and (max-width:605px) {
    #header-content {
        width: 50% !important;
        top: -2rem !important;
    }


    #header-content img {
        height: 3rem !important;
    }
}

@media screen and (max-width:576px) {
    .container{
        padding:2rem!important;
    }
    #header-content p {
        font-size:25px!important;
    }

    #header-content img {
        height: 5rem!important;
    }

    #header-content{
        width:90% !important;
    }
    #pc-header{
        display:none;
    }
    #car-header p {
        text-align: left!important;
    }

    #car-header{
        background: none;
        background: linear-gradient(#2C3A4A, #101924);
        height:29rem
    }
    #mobile-header {
        display:block!important;
    }
    h1{
        font-size: 60px!important;
    }
    #admin-h1 {
        font-size: 35px!important;
    }
    #car-header{
        background-position: -39rem 0;
    }
    #header-content p{
        font-size: 25px;
        text-align: center;

    }

}

@media screen and (max-width:420px) {
    .icons-list p{
        width:50% !important;
    }

    #header-content{
        left:-1rem!important;
    }
    #car-header p {
        font-size:20px!important;
    }

    h1{
        font-size: 35px!important;
    }
    #admin-h1 {
        font-size: 25px!important;
    }
    #manager-list {
        padding: 0!important;
    }
    #function-section .row {
        margin-top: 2rem;
    }
    .p-5 {
        padding: 1rem!important;
    }
    p {
        font-size:13px!important;
    }
    .list-heading {
        font-size:16px!important;

    }
    #contactUs {
        margin-bottom: 2rem!important;
    }

    #manager-list .p-5{
        padding:0!important;
    }

    #manager-list li {
        padding-right: 0!important;
    }
}

@media screen and (max-width:345px) {
    ul{
        padding-left: 0!important;
    }
    .pink-disc img {
        height: 20px;

    }

    .pink-disc {
        margin-bottom: 20px;
    }
}