:root {
    --primary: #CDE730;
    --secondary: #0077B5;
    --black: #000;
    --white: #fff;
}

/* Tablets */
@media only screen and (min-width: 767px) and (max-width: 1023px) {
    .aboutHomeBg .img-fluid {
        display: block;
        margin: auto;
    }

    .cta {
        background: var(--primary);
    }

    .universities-img {
        height: 40px;
    }

    .testiTab {
        gap: 20px;
        left: 10px;
        margin-bottom: 20px;
    }

    .processBg .row .col-lg-4.col-12 {
        margin-top: 42px;
    }

    .faqGirl {
        position: initial !important;
        padding-top: 20px;
    }

    .custom-file-input {
        padding: 30px 18px;
    }

    .navbar-expand-lg {
        background: var(--white);
    }
}

/* 1300px Resolution */
@media only screen and (min-width: 1024px) and (max-width: 1469px) {}

/* 1600px Resolution */
@media only screen and (min-width: 1470px) and (max-width: 1800px) {
    ul.points li p {
        margin: 50px 0px 12px;
        font-size: 12px;
        padding: 5px 8px;
    }
}

@media only screen and (min-width: 1801px) and (max-width:5500px) {}

/* Mobile */
@media (min-width: 481px) and (max-width: 767px) {
    ul.points li object {
        margin: 0;
    }

    ul.points {
        display: block !important;
    }

    ul.points li span {
        position: initial;
        top: inherit;
        bottom: inherit;
        right: inherit;
        left: initial;
    }
}

/* Mobile */
@media (min-width: 320px) and (max-width: 480px) {
    ul.points li object {
        margin: 0;
    }

    ul.points {
        display: block !important;
    }

    ul.points li {
        background: none;
        text-align: start !important;
        flex-direction: row !important;
        justify-content: start !important;
    }

    ul.points li p {
        margin: 0;
        font-size: 13px;
    }

    ul.points li span {
        position: initial;
        top: inherit;
        bottom: inherit;
        right: inherit;
        left: initial;
        clip-path: none;
        padding: 0px 5px;
        border-radius: 4px;
        font-size: 14px !important;
    }

    .headerForm {
        width: 100% !important;
    }

    .headerForm .greenBtn {
        font-size: 14px;
    }

    .aboutHomeBg ul.points li {
        padding: 5px 10px;
        margin-top: 10px;
        background: #fff;
        border-radius: 10px;
    }

    .cta {
        background: var(--primary);
    }

    .universities-img {
        height: 21px;
    }

    .contentBottom {
        background: var(--secondary);
    }

    .writerTabBtn {
        gap: 20px;
    }

    .writerTabBtn .nav-link p {
        font-size: 16px !important;
    }

    .testiTab {
        position: inherit;
        justify-content: center;
        align-items: center;
        gap: 10px;
        margin-bottom: 10px;
    }

    .processBox {
        padding: 47px 40px 38px 18px;
    }

    .processBox.first {
        top: 0;
    }

    .processBox.third {
        position: relative;
        left: 0;
        top: 42px;
    }

    .processBox.last {
        left: 0;
        bottom: -44px;
    }

    .testiTab li {
        width: 100%;
    }

    .testimonialBox {
        padding: 10px 20px;
    }

    .processBg .row .col-lg-4.col-12 {
        margin-top: 55px;
    }

    .faqGirl {
        position: initial !important;
        padding-top: 20px;
    }

    .orderFormBg .border-end {
        border: none !important;
    }

    .orderFormBg .border-end .w-75.me-auto {
        margin: 20px auto 0px !important;
    }

    .navbar-expand-lg {
        background: var(--white);
    }
    
    .contentBottom img {
    width: 100%;
    min-width: 99% !important;
}
}