h1 {
    color: #fff;
}

p {
    color: #3e3b3b;
}

.pt-top {
    padding-top: 50px;
}

.py-bottom {
    padding-bottom: 50px;
}

.apply-btn {
    font-size: 15px;
    font-weight: 500;
    color: #FFFFFF;
    background-color: transparent;
    background-image: linear-gradient(195deg, #F79420 0%, #F22929 100%);
    border-style: none;
    padding: 6px 14px 6px 14px;
    display: block;
    margin: 0 auto;
    max-width: max-content;
    text-align: center;
    border-radius: 6px;
}

.form-wrapper {
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    background-color: #F5F5F5;
}

.dubai-visa-banner {
    background-image: url(https://www.arabiers.in/app/images/banner/dubai-visa-banner.png);
    border-radius: 10px;
}

.banner-section {
    padding-bottom: 50px;
}

.banner-section .common-text {
    max-width: 563px;
    padding: 143px 0;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.common-banner-button {
    position: absolute;
    display: flex;
    align-items: center;
    bottom: 45px;
    right: 30px;
    z-index: 1;
}

.common-banner-button .query-btn {
    width: max-content;
    min-height: 64px;
    padding: 10px;
    color: #000;
    background-color: #FFFFFFB5;
    border-radius: 10px;
    border: #FFFFFFB5;
    display: flex;
    align-items: center;
    text-align: center;
    margin: 0 10px;
    transition: all 0.5s ease-in-out;
}

.common-banner-button .query-btn i {
    font-size: 25px;
    color: #46c756;
    margin-right: 10px;
}

.common-banner-button .query-btn i.fa-phone-volume {
    color: rgb(11 132 238) !important;
}

.bg-layer::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #0000006e;
    border-radius: 10px;
}

.banner-section .row2 {
    margin-top: 40px;
}



/* common-btn-sec css */
.common-btn-sec .plan-your-trip-box {
    position: relative;

}

.common-btn-sec .yellow-btn {
    width: max-content;
    display: block;
    margin: 0 auto;
}

.common-btn-sec .yellow-btn::after,
.common-btn-sec .yellow-btn::before {
    content: "";
    width: 42%;
    height: 0.5px;
    background-color: #D9D9D9;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.common-btn-sec .yellow-btn::before {
    left: 0;
}

/* type-visa-document css */
.type-visa-document {
    padding: 12px 0;
    background-color: #000;
}

.type-visa-document li a {
    color: #fff;
    font-weight: 700;
    font-size: 16px;

}

.type-visa-document li:not(:nth-last-of-type(1)) {
    margin-right: 30px;
}

/* visa-apply-sec */
.visa-apply-sec {
    margin-top: 50PX 0;
}

.ramdan-special {
    margin: 10px 0;
}

.ramdan-special ul li {
    margin: 10px 0;
    font-size: 15px;
    letter-spacing: 0.3px;
}

.ramdan-special ul li i {
    margin-right: 20px;
    color: #27BDBE;
    font-size: 25px;
}

.ramdan-heading {
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
    color: #27BDBE;

}

marquee {
    width: 100%;
}

.dubai-visa-banner .common-text {
    padding: 75px 0 !important;

}

.visa-apply-sec h3 {
    margin-bottom: 10px;
}

.visa-apply-sec .row {
    display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 30px 20px;
}

.visa-apply-sec .row .col {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 20px 20px;
}

.visa-apply-sec .row .col .text-top {
    background: linear-gradient(90deg, #27BDBE 0%, #D5CC2E 100%);
    padding: 2px 10px;
}

.visa-apply-sec .row .col .text-top h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: normal;

}

.visa-apply-sec .row .col .text-bottom {
    padding: 16px 0 0;
}

.visa-apply-sec .row .col ul {
    border-bottom: 1px solid #ddd;
    margin-bottom: 12px;
}

.visa-apply-sec .row .col ul li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.dubai-visa-document .row {
    max-width: 900px;
}

.view-simple-pdf {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(90deg, #27BDBE 0%, #D5CC2E 100%);
    border-radius: 10px;
    padding: 30px 20px;
}

.view-simple-pdf a {
    font-weight: 900;
    color: #000;
    background-color: transparent;
    background-image: linear-gradient(153deg, #D5CC2E 48%, #27BDBE 100%);
    border: 1px solid #27BDBE;
    border-radius: 4px 4px 4px 4px;
    padding: 8px 10px 8px 10px;
}

.image-simple {
    margin: 30px 0;
}

.image-simple .view-simple-pdf {
    border-radius: 10px 10px 0 0;
    padding: 10px 20px;
}

.color-red {
    color: red;
    font-weight: 800;
}

/* application-process css */
.application-process {
    background: linear-gradient(90deg, #27BDBE 0%, #D5CC2E 100%);
}

.application-process .row {
    display: grid;
    grid-template-columns: auto auto auto auto;
    column-gap: 20px;
}

.application-process .row .col {
    text-align: center;
}

.application-process .row .col i {
    font-size: 40px;
}

.application-process .row .col h3 {
    margin: 10px 0;
}

.application-process .row .col p {
    color: #ffff;
    margin-bottom: 10px;
    font-size: 15px;
}

/* renewal-extension css*/
.renewal-extension p {
    margin: 20px 0;
}

.payment-sec h2 {
    margin-bottom: 10px;
}

.payment-sec ul li {
    margin-bottom: 10px;
}

.payment-sec ul li i {
    color: #24B4BD;
    margin-right: 10px;
}

.bullts-list {
    padding-left: 30px;
    margin: 20px 0;
}

select,
input[type="date"] {
    color: #7e7e7e !important;
}

.number-list li {
    list-style: unset;
}

.bullts-list li {
    font-size: 15px;
    margin-bottom: 8px;
    list-style: disc;
    line-height: 1.6;
}

.bullts-list li:nth-last-of-type(1) {
    margin-bottom: 0;
}

.bullts-list li ol li {
    list-style: unset;
}

.number-list li ul li {
    list-style: disc;
}

/* arabers-banner  */
.arabers-banner {
    padding-bottom: 40px;
}

.arabers-banner picture {
    display: block;

}

.arabers-banner img {
    width: 100%;
}

/* faq-sec css */

.accordion-common .at-tab {
    display: none;
    padding: 15px;

}

.accordion-common .at-title {
    cursor: pointer;
    position: relative;
    transition: all 0.5s ease-in-out;
    border-bottom: 1px solid #ddd;
}

.accordion-common .at-title:hover {
    background-color: #e0e0e0;
}

.accordion-common .at-title:after {
    content: "+";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    transition: all 0.3s ease;
    font-size: 24px;
}

.accordion-common .at-title.active:after {
    content: "-";
}

.accordion-common .at-item {
    border-radius: 5px;
}

.accordion-common .at-item:nth-last-of-type(1) .at-title {
    border-bottom: none;
}

.accordion-common .at-title .tittle-name {
    font-size: 18px;
    font-weight: 600;
    padding: 10px 15px;
    margin: 0;
}

.accordion-common .accordion-header {
    text-align: center;
    background-color: #222222;
    color: white;
    padding: 20px 0;
}

.accordion-common .at-tab h4 {
    font-size: 16px;
    margin-bottom: 10px;
}

.accordion-common .at-tab p {
    font-size: 15px;
    margin-bottom: 20px;
}

.accordion-common ul {
    padding-left: 35px;
}

.accordion-common ul li {
    font-size: 15px;
    line-height: 1.6;
    list-style: disc;
    margin-bottom: 8px;
}

.accordion-common ul li::marker {
    color: #24B4BD;
}

@media (max-width: 1200px) {
    .banner-section .common-text {
        padding: 90px 0;
    }

    .visa-apply-sec .row .col {
        padding: 20px 10px;
    }

    .visa-apply-sec .row .col ul li {
        font-size: 15px;
    }
}

@media (max-width: 1080px) {
    h2 {
        font-size: 26px;
    }

    h3 {
        font-size: 20px;
    }

    .visa-apply-sec .row {
        grid-template-columns: auto auto auto;
    }
}

@media (max-width: 992px) {
    .banner-section .row {
        row-gap: 20px;
    }

    .banner-section .col-7,
    .banner-section .col-5 {
        width: 100%;
    }

    .dubai-visa-banner .common-text {
        padding: 116px 0 !important;
    }

    .application-process .row {
        grid-template-columns: auto auto;
    }
}

@media (max-width: 850px) {
    .common-banner-button {
        display: none;
    }

    .visa-apply-sec .row {
        grid-template-columns: auto auto;
    }

}

@media (max-width: 767px) {

    .rejection-sec .row,
    .payment-sec .row {
        row-gap: 20px;
    }

    .payment-sec .col-half,
    .rejection-sec .col-half {
        width: 100%;
    }

    .common-btn-sec .yellow-btn::after,
    .common-btn-sec .yellow-btn::before {
        width: 38%;
    }


    .accordion-common .at-title .tittle-name {
        font-size: 16px;
        width: 95%;
    }

}

@media (max-width: 580px) {
    h2 {
        font-size: 22px;
    }

    .banner-section .common-text {
        padding: 60px 0;
    }

    .banner-section .row .col-5 {
        width: 100%;
    }

    .common-btn-sec .yellow-btn::after,
    .common-btn-sec .yellow-btn::before {
        width: 30%;
    }

    .dubai-visa-banner .common-text {
        padding: 70px 0 !important;
    }

    .type-visa-document .container {
        overflow-x: auto;
    }

    .type-visa-document ul {
        width: 800px;
    }

    .visa-apply-sec .row {
        grid-template-columns: auto;
    }

    .ramdan-heading {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .application-process .row {
        grid-template-columns: auto;
        row-gap: 20px;
    }
}