.grayback {
    background-color: #f8f8f8;
}
.graybackbox {
    background-color: #f8f8f8;
}

.hero-affiliate {
    background: url("/media/1/obayda4-copy-opti.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    height: 65vh;
    margin-top: -11.3rem!important;
}

.hero-text  {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 20px;
    color: #295ba7;
    line-height: 1rem;
}

.hero-text h1 {
    font-size: 5rem;
    font-weight: bolder;

}

.hero-text h3 {
    line-height: 2.3rem;
    font-size: 2.3rem;
    font-weight: bolder;
    color: #fff;
}

.affiliate-white h2 {
    line-height: 3.2rem;
    font-size: 3.5rem;
    font-weight: bolder;
    color: #295ba7;
}

.affiliate-white-box h3 {
    line-height: 2rem;
    font-size: 2rem;
    font-weight: bolder;
    color: #295ba7;
}

.affiliate-white h4 {
    line-height: 2.3rem;
    font-size: 2.3rem;
    font-weight: bolder;
    color: #295ba7;
}
.affiliate-white h5 {
    line-height: 1.7rem;
    font-size: 1.7rem;
    color: #666;
    font-weight: normal;
}



.affiliate-white {
    background-color: #fff;
    padding:75px;
    min-height: 400px;
}

.affiliate-white-box {
    margin-top: 40px;
    background-color: #fff;
    min-height: 400px;
}

.affiliate-photo1{
    background: url("/media/1/carshot.png");
    background-size: cover;
    background-position: bottom;
    min-height: 300px;
}
.affiliate-photo2{
    background: url("/media/1/affiliate-viti.jpeg");
    background-size: cover;
    background-position: bottom;
    min-height: 300px;
}

.affiliate-white p {
    color: #666;
    max-width:650px;
    word-wrap:break-word;
    text-align: justify;
}

.affiliate-white-box li {
    margin-top: 10px;
    color: #295ba7;
    font-size: 1.2em;
}

.affiliate-white-box a {
    color: #295ba7!important;
    text-decoration: none;
}

.affiliate-white-box a:hover {
    text-decoration: none;
    color: #0dbbce!important;
}

.affiliate-white-box a:focus {
    padding: 0 20px 0 0;
    border-bottom: 1px solid #295ba7;
    color: #295ba7!important;
}

.affiliate-white-box ul {
    padding-left: 30px;
}

.aff-faq-answ p {
    color: #666;
    max-width:650px;
    word-wrap:break-word;
    text-align: justify;
}

#accordion-aff {
    padding:65px;
}

#affcollapse1, #affcollapse2, #affcollapse3, #affcollapse4, #affcollapse5 {
    transition: none;
}

.greybacklast {
    height: 200px;
    background: rgb(248,248,248);
    background: linear-gradient(180deg, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 100%);
}

.aff-form p {
    margin:0;
    font-size: .7rem;
}

.aff-small {
    padding:0;
}

.aff-form .form-group {
    margin-bottom: .5rem;
}

@media only screen and (max-width: 600px) {
    .affiliate-white {
     min-height: 300px;
     padding: 30px;
}

#accordion-aff {
    padding:30px;
}

.aff-faq-answ {
margin-top: 30px;
}

.hero-affiliate {
    margin-top:-5.3rem!important;
}

.hero-text h1{
line-height: 4.5rem;
}
}


@media (min-width:768px) {
    .px-65 {
        padding-left: 65px;
        padding-right: 65px;
    }
}

.aff-form-b {
    margin: 30px 0 0;
}

    .aff-form-b input[type=text].form-control,
    .aff-form-b input[type=email].form-control {
        border-color: #ccc;
    }

    .aff-form-b .input-group-text {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff;
        padding: 0;
        width: 50px;
    }

        .aff-form-b .input-group-text .icon {
            margin: 0;
            font-size: 1.3em;
        }

            .aff-form-b .input-group-text .icon:before {
                margin: 0;
                color: rgb(40, 87, 166);
            }

        .aff-form-b .input-group-text svg {
            width: 21px;
            height: 21px;
        }

            .aff-form-b .input-group-text svg path {
                fill: rgb(40, 87, 166);
            }

    .aff-form-b label {
        font-weight: 600;
        color: #000;
    }

    .aff-form-b .form-term {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

        .aff-form-b .form-term label {
            font-weight: 400;
        }

        .aff-form-b .form-term input[type=checkbox] {
            width: 18px;
            height: 18px;
            margin-left: 5px;
        }

.aff-term h2 {
    color: #000;
}

.text-underline {
    text-decoration: underline;
    cursor: pointer;
}