i.fa,
ul.site-list li::before {
    font-family: FontAwesome
}

.ellipsis-text,
.line-clamp {
    overflow: hidden;
    text-overflow: ellipsis
}

h2 {
    font-size: 38px;
    font-weight: 700
}

header {
    position: relative;
    z-index: 9
}

.simple-content .content-area a.btn.btn-dark,
.top-header .content-area ul li a,
header .navbar .navbar-nav .nav-item .nav-link,
nav.navbar a.text-muted,
nav.navbar button.btn {
    color: #fff !important
}

a.navbar-brand.d-none.d-lg-block img {
    filter: invert(1)
}

header .navbar .fa-search {
    color: #fff;
    font-size: 16px
}

.btn-dark:hover .fa-arrow-right {
    transform: translateX(7px);
    transition: .3s
}

.btn-dark .fa-arrow-right {
    transition: .3s
}

header .navbar a.navbar-brand {
    color: #fff;
    font-size: 24px;
    padding: 0;
    font-weight: 900;
    text-transform: uppercase
}

header .navbar a.navbar-brand span.color-text {
    color: #fff
}

form.search-header {
    margin-left: 100px
}

.home-banner {
    position: relative;
    background: url(../images/home/Home-banner-image.jpg) center 73%/cover no-repeat;
    padding-top: 120px;
    padding-bottom: 120px
}

.top-header .social-area ul li a:hover i.fa {
    background: #000;
    color: #fff;
    transition: .3s
}

header nav.navbar.navbar-light {
    background: #3498db
}

.home-banner .content-area,
footer.site-footer .container .row.w-100.w-100 {
    position: relative;
    z-index: 1
}

.form-control:focus {
    background-color: rgb(207 23 23 / 10%) !important;
    border-color: #3498db;
    box-shadow: none;
    color: #000
}

#bookNowModal button.btn.btn-payment-form:hover,
.banner-form-btn:hover,
.btn-dark:hover,
.our-services .item .content-area button:hover,
a.book-now-visa:hover,
a.inquire-btn:hover {
    background: rgb(207 23 23 / 80%);
    transition: .3s ease-in-out
}

.contact-us-page .form-control {
    color: #000
}

.contact-us-page .banner-form {
    padding: 0 !important
}

.contact-us-page form.banner-contact-form.contact-us-page-form {
    border: 1px solid #000;
    overflow: hidden;
    padding: 30px;
    border-radius: 8px
}

.contact-us-page form.banner-contact-form.contact-us-page-form .field-area {
    padding: 0
}

.contact-us-page form.banner-contact-form.contact-us-page-form .field-area input,
.contact-us-page form.banner-contact-form.contact-us-page-form .field-area select#type,
.contact-us-page form.banner-contact-form.contact-us-page-form .field-area textarea#message,
.single-footer .single-footer-content ul.footer-list li {
    margin-bottom: 10px
}

a.float i.fa.fa-whatsapp.my-float {
    font-weight: 400
}

.contact-us-page form.banner-contact-form.contact-us-page-form .field-area .form-group {
    margin: 0 5px
}

.home-banner .content-area h1 {
    text-shadow: 1px 1px 1px #000;
    color: #fff
}

.home-banner .content-area h4 {
    color: #fff;
    text-shadow: 2px 2px 2px #000;
    font-size: 1.43125rem
}

.homebanner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: .4;
    background: rgb(0 0 0 / 70%)
}

.inner-pages-banner,
.newsletter1 .input-box-with-icon,
.single-service-cta h2,
.single-service-cta p,
.steps-to-process-visa,
.top-header {
    position: relative
}

h1 {
    font-size: 3.1875rem
}

.btn-dark {
    border: 0 solid transparent !important;
    transition: .3s ease-in-out;
    background: #3498db
}

.banner-form-btn:hover {
    border: 1px solid
}

.banner-form {
    border: 1px solid #fff;
    overflow: hidden;
    padding: 30px;
    border-radius: 8px
}

.one-stop-solution .main-content {
    border: 1px solid #3498db;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 30px;
    width: 100%;
    margin-bottom: 25px
}

.flex,
.one-stop-solution .item {
    display: flex
}

.one-stop-solution .main-content a {
    color: #3498db;
    display: block;
    transition: .3s
}

.about-us-content .right-col,
.api-integrations .content-area .content,
.inner-pages-banner .content-area,
.main-content-area,
.marquee,
.marquee_group,
.our-services .item,
.our-services .item a,
.top-header,
.top-header .social-area,
.top-header .social-area ul li i.fa,
.wrapper {
    display: flex;
    display: flex
}

.one-stop-solution .main-content p {
    margin-bottom: 0
}

.contact-us-page a:hover,
.one-stop-solution .main-content a:hover,
.simple-content .content-area a:hover {
    color: #000;
    transition: .3s
}

.one-stop-solution .main-content a:last-child {
    margin-top: 10px
}

.one-stop-solution .main-content h4 {
    padding: 20px 0 15px;
    margin: 0
}

.banner-form .field-area,
.home-banner .banner-form .field-area {
    padding: 0 5px 10px
}

.home-banner .banner-form input::placeholder,
.home-banner .banner-form textarea::placeholder {
    color: #fff
}

.home-banner .banner-form input,
.home-banner .banner-form textarea,
.single-service-cta h2,
footer.site-footer a,
footer.site-footer h3,
footer.site-footer p {
    color: #fff
}


.accordion-item .card,
input.form-control,
select#type,
textarea.form-control,
select.form-control {
    border: 1px solid #fff;
    background: rgb(207 23 23 / 10%);
    padding: 8px 13px;
    margin-bottom: 15px;
}

#bookNowModal input.form-control,
#bookNowModal textarea.form-control {
    border: 1px solid #000;
    background: rgb(0 0 0 / 10%)
}

#bookNowModal .form-control {
    color: #707070 !important;
}

#bookNowModal select.form-control {
    border: 1px solid #000
}

input.form-control::placeholder,
textarea.form-control::placeholder,
select.form-control::placeholder {
    color: #707070 !important;
}

.home-banner .banner-form input.form-control::placeholder,
.home-banner .banner-form textarea.form-control::placeholder,
.home-banner .banner-form select.form-control::placeholder {
    color: #ffffff !important;
}

.top-header {
    background: rgb(207 23 23 / 75%);
    color: #fff;
    padding: 7px 0;
    justify-content: center;
    align-items: center;
    z-index: 3
}

.simple-content .content-area ul,
.single-footer .single-footer-content ul.footer-list,
.top-header .contact-area ul,
.top-header .social-area ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.top-header .contact-area ul li {
    display: inline-block;
    margin-right: 15px;
    color: #fff
}

.top-header .social-area {
    justify-content: flex-end
}

.top-header .social-area ul li {
    display: inline-block;
    margin-left: 15px
}

.top-header .social-area ul li i.fa {
    background: #fff;
    padding: 0;
    color: #3498db;
    border-radius: 50px;
    font-size: 12px;
    width: 25px;
    height: 25px;
    justify-content: center;
    align-items: center
}

.our-services .item {
    padding: 12px;
    transition: .3s ease-in-out;
    position: relative
}

.main-content-area img {
    padding-bottom: 10px;
    max-height: 120px
}

.main-content-area {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 20px 30px 30px;
    border-radius: 8px;
    box-shadow: rgb(0 0 0 / .16) 0 10px 36px 0, rgb(0 0 0 / .06) 0 0 0 1px;
    border: 1px solid #3498db
}

.our-services .item a {
    justify-content: center;
    align-items: center
}

#bookNowModal button.btn.btn-payment-form,
a.book-now-visa,
a.inquire-btn {
    border: 0 solid transparent !important;
    transition: .3s ease-in-out;
    background: #3498db;
    color: #fff;
    border-radius: 3px;
    padding: 8px 24px;
    display: inline-block
}

.about-us-content .right-col {
    justify-content: flex-end;
    align-items: center
}

.about-us-content .right-col img {
    width: 100%;
    max-width: 350px;
    box-shadow: rgb(14 30 37 / .12) 0 2px 4px 0, rgb(14 30 37 / .32) 0 2px 16px 0;
    border: 8px
}

.our-services .item a .content-area p,
.our-services .item a p,
ol.breadcrumb a {
    color: #000
}

.our-services .item .content-area .button-area,
.our-services .item .content-area .visa-price,
.steps-to-process-visa .content-two {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.our-services .item .content-area button {
    border: 0 solid transparent !important;
    transition: .3s ease-in-out;
    background: #3498db;
    color: #fff;
    border-radius: 3px;
    padding: 8px 24px
}

.our-services .item .content-area p.descp {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.our-services .item .content-area h3 {
    font-size: 18px;
    margin-bottom: 0;
    padding-bottom: 15px;
    transition: .3s ease-in-out
}

.our-services .item:hover .main-content-area {
    background: rgb(207 23 23 / 20%);
    transition: .3s ease-in-out
}

.our-services .item .content-area h3:hover {
    color: #0976fe;
    transition: .3s ease-in-out
}

.our-services .item a .main-content-area {
    transition: .3s ease-in-out
}

.steps-to-process-visa .content-two h3 {
    background-color: rgb(207 23 23 / 80%);
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 150px;
    border-radius: 8px 0 0 8px
}

.steps-to-process-visa .content-two.item-two h3 {
    background-color: #59e659
}

.steps-to-process-visa .content-two.item-three h3 {
    background-color: #843fac
}

.steps-to-process-visa::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/frontend/images/home/steps-bg.png) center/contain no-repeat;
    opacity: .5;
    z-index: -1
}

.accordion-button:after,
.accordion-button:not(.collapsed):after {
    background-image: none;
    font-size: 20px;
    font-family: FontAwesome
}

.api-integrations {
    padding-bottom: 80px
}

.choose-us.section-sec.api-integrations {
    padding-bottom: 0 !important
}

.api-integrations .content-area .content {
    justify-content: space-between;
    color: #030621;
    align-items: end
}

.api-integrations .content-area .scroll-area .line {
    overflow: hidden;
    white-space: nowrap;
    animation: 10s linear infinite moveLinear;
    transition: animation-play-state .3s
}

.api-integrations .content-area .scroll-area .line img {
    background-color: rgba(86, 88, 106, 20%);
    width: 150px;
    border-radius: 16px;
    height: auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px
}

.api-integrations .wrapper {
    margin-top: 70px
}

:root {
    --color-text: #000;
    --colog-bg: rgba(3, 6, 33, 30%);
    --color-bg-accent: rgba(3, 6, 33, 30%);
    --size: clamp(10rem, 1rem + 40vmin, 20rem);
    --gap: calc(var(--size) / 30);
    --duration: 60s;
    --scroll-start: 0;
    --scroll-end: calc(-100% - var(--gap))
}

.marquee,
.marquee_group,
.wrapper {
    gap: var(--gap)
}

.marquee {
    overflow: hidden;
    user-select: none
}

.marquee_group {
    flex-shrink: 0;
    align-items: center;
    justify-content: space-around;
    min-width: 100%;
    animation: scroll-x var(--duration) linear infinite;
    -webkit-animation: scroll-x var(--duration) linear infinite
}

.marquee-reverse .marquee_group {
    animation-direction: reverse
}

@keyframes scroll-x {
    from {
        transform: translateX(var(--scroll-start))
    }

    to {
        transform: translateX(var(--scroll-end))
    }
}

.wrapper {
    flex-direction: column;
    margin: auto
}

.marquee-reverse .marquee-group img {
    width: 300px
}

.api-integrations .content-area .button-area {
    margin-top: 50px
}

.api-integrations .content-area .button-area .btn-start {
    width: unset !important
}

.accordion-button:not(.collapsed),
.footer a.navbar-brand span.color-text {
    color: #3498db
}

.accordion-button:after {
    content: '\f078'
}

footer {
    background: url(/frontend/images/home/footer-bg.jpg) center/cover no-repeat
}

.simple-content .content-area h2 {
    margin: 0;
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 32px !important
}

.contact-us-page a,
.simple-content .content-area a {
    color: #3498db;
    transition: .3s
}

.featured-category-slider .slick-slider img {
    width: 120px;
    height: 120px
}

.category-slider .card-product {
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    border-radius: 50%;
    width: 210px;
    height: 210px;
    -o-transition: .2s
}

.featured-category {
    padding: 80px 0 0
}

.featured-category .card-product {
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    border-radius: 50%;
    border: 1px solid #d3d3d3;
    width: 210px;
    height: 210px;
    -o-transition: .2s
}

.featured-category .card-product img {
    width: 135px;
    height: 120px
}

.inner-pages-banner .content-area {
    justify-content: center;
    align-items: center;
    position: relative;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 110px 0
}

.innerpage-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / .1);
    z-index: 1
}

.inner-pages-banner {
    background: url(/image/inner-page-banner-image.jpg) center/cover no-repeat !important;
    z-index: 1
}

.inner-pages-banner .content-area h1 {
    display: block;
    margin: 0 auto;
    text-align: center;
    position: relative;
    color: #fff;
    text-shadow: 0 0 1px #fff, 0 0 3px #000;
    z-index: 2
}

.transit-visa-details table {
    border: 1px solid #3498db;
    box-shadow: rgb(0 0 0 / .25) 0 5px 10px, rgb(0 0 0 / .12) 0 -8px 30px, rgb(0 0 0 / .12) 0 4px 6px, rgb(0 0 0 / .17) 0 3px 13px, rgb(0 0 0 / .09) 0 -3px 5px
}

.simple-content .content-area ul li {
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative
}

.simple-content .content-area ul li::before {
    content: '\f054';
    position: absolute;
    display: block;
    left: 0;
    font-family: fontawesome;
    color: #3498db
}

.simple-content .content-area h3 {
    margin: 0;
    padding-bottom: 20px;
    padding-top: 20px
}

.single-service-cta {
    background: url(/frontend/images/inner-pages/inner-page-cta-bg.jpg) center 75%/cover no-repeat;
    padding: 100px 0;
    margin: 50px 0;
    position: relative
}

.single-service-cta p {
    margin: 0
}

ul.contact-list,
ul.site-list {
    list-style: none;
    padding: 0
}

ul.site-list li {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 5px;
    padding: 0 0 0 25px
}

ul.site-list li::before {
    content: '\f101';
    position: absolute;
    display: block;
    left: 0;
    color: #3498db
}

.table>tbody tr td a img {
    max-width: 40px
}

.noUi-connect {
    background: #3498db !important
}

.footer a.navbar-brand {
    color: #001e2b;
    font-size: 24px;
    padding: 0;
    font-weight: 900;
    text-transform: uppercase
}

span#basic-addon2 {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
    border: 1px solid #3498db
}

div#navbar-default {
    margin-left: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.line-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.flex-column {
    flex-direction: column
}

.space-between {
    justify-content: space-between
}

.col a .card-body {
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.card-product {
    border: 1px solid #d3d3d3;
    border-radius: 6px
}

footer.site-footer {
    background-color: rgb(52 152 219 / .2);
    padding: 80px 0 10px;
    position: relative
}

.single-footer-content a {
    color: #5c6c75;
    transition: .3s ease-in-out
}

.single-footer-content a:hover {
    color: #3498db;
    transition: .3s ease-in-out
}

.single-footer-content a i {
    margin-right: 10px;
    font-size: 16px
}

footer.site-footer .col-lg-3.col-sm-6 {
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.single-footer .single-footer-content ul.footer-list li a i {
    font-size: 12px
}

.copyright-section {
    border-top: 1px solid #d3d3d3;
    padding-top: 20px;
    position: relative;
    z-index: 1
}

.input-box-with-icon input::placeholder {
    color: #fff
}

.input-box-with-icon input {
    background: 0 0;
    border: 1px solid #3498db;
    color: #fff;
    display: block;
    font-size: .929em;
    height: 48px;
    line-height: 46px;
    max-width: 100%;
    padding: 0 46px 0 20px;
    position: relative !important;
    text-align: left;
    white-space: nowrap;
    width: 100%
}

.input-box-with-icon button {
    background: 0 0;
    border: none;
    color: #3498db;
    font-size: 18px;
    height: 46px;
    line-height: 46px;
    max-width: 100%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 46px;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 999999999999999
}

.close,
.wishlistbtn {
    display: none
}

input[type=date] {
    cursor: pointer
}

input[type=date]::-webkit-calendar-picker-indicator,
input[type=date]::-webkit-inner-spin-button {
    cursor: pointer
}

.ellipsis-text {
    white-space: nowrap;
    max-width: 200px;
    display: inline-block;
    vertical-align: middle
}

select.form-control {
    border: 1px solid #fff
}

ul.contact-list li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 15px
}

ul.contact-list li i.fa {
    padding-right: 10px;
    margin-top: 4px
}

@keyframes moveEnvelope {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-200px);
        opacity: 0
    }
}

@keyframes hideEmail {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.g-recaptcha {
    padding: 0 5px
}

.single-visa-banner-circle {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.single-visa-banner-circle .single-visa-innerCircle {
    position: absolute
}

.our-services .item .single-visa-rating-circle p {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: #fff;
    text-shadow: 1px 1px 1px #000
}

.single-visa-outerCircle {
    background-color: #fff0;
    border: 2px dashed rgb(0 0 0 / .9);
    opacity: .9;
    border-radius: 100px;
    width: 75px;
    height: 75px;
    margin: 0 auto;
    -moz-animation: 4s ease-in-out infinite spinPulse;
    -webkit-animation: 4s ease-in-out infinite spinPulse
}

.single-visa-innerCircle {
    background: linear-gradient(90deg, #f72134d4 0, #ff9600b5 50%, #f72134d4) !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    border: 3px dotted rgb(255 255 255 / .6);
    opacity: .9;
    border-radius: 100px;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    position: relative;
    -moz-animation: 4s linear infinite spinoffPulse;
    -webkit-animation: 4s linear infinite spinoffPulse
}

@-moz-keyframes spinPulse {
    0% {
        -moz-transform: rotate(160deg);
        opacity: 1;
        box-shadow: 0 0 1px #bdd73c
    }

    50% {
        -moz-transform: rotate(145deg);
        opacity: 1
    }

    100% {
        -moz-transform: rotate(-320deg);
        opacity: 0
    }
}

@-moz-keyframes spinoffPulse {
    0% {
        -moz-transform: rotate(160deg)
    }

    100% {
        -moz-transform: rotate(145deg)
    }
}

@-webkit-keyframes spinPulse {
    0% {
        -webkit-transform: rotate(160deg);
        opacity: 1;
        box-shadow: 0 0 1px #bdd73c
    }

    50% {
        -webkit-transform: rotate(145deg);
        opacity: 1
    }

    100% {
        -webkit-transform: rotate(-320deg);
        opacity: 0
    }
}

@-webkit-keyframes spinoffPulse {
    0% {
        -webkit-transform: rotate(160deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes rotatecircle {
    0% {
        -moz-transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(-360deg)
    }
}

@-webkit-keyframes rotatecircle {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(-360deg)
    }
}

div#error-container {
    padding: 0 5px;
    margin-top: 10px
}

div#error-container .alert.alert-danger {
    margin: 0
}

div#error-container ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.pay-complete {
    margin-top: 45px;
}

.pay-complete .page-head {
    background: #d3d3d3;
    padding: 25px;
    margin-bottom: 20px;
}

input.btn.btn-primary.banner-form-btn {
    display: block;
    margin: 0 auto;
}














@media only screen and (max-width:1200px) {
    .main-content-area {
        padding: 20px 15px 30px
    }

    #bookNowModal button.btn.btn-payment-form,
    a.book-now-visa,
    a.inquire-btn {
        padding: 8px 15px
    }
}

@media only screen and (max-width:992px) {
    header nav.navbar a.navbar-brand.d-lg-block.d-md-none.d-sm-none {
        display: none
    }

    header nav.navbar a.navbar-brand img {
        width: 180px
    }

    .single-service-cta h2 br,
    .transit-visa-details tbody .btn-dark i.fa,
    header .dropdown-toggle::after,
    header a.nav-link.dropdown-toggle.active::after {
        display: none
    }

    .our-services .item .single-visa-rating-circle p {
        padding: 0 14px
    }

    .about-us-content,
    .dropdown .dropdown-menu,
    .transit-visa-details {
        padding-bottom: 0 !important
    }

    .dropdown:hover .dropdown-menu {
        color: transparent !important;
        border: 1px solid #bdfc0f;
        margin: 0 !important;
        width: 340px;
        display: block;
        padding: 10px 0;
        padding-top: 0 !important
    }

    header .navbar ul ul.dropdown-menu {
        margin-top: 0 !important
    }

    .dropdown-menu {
        border: 1px solid #157efe !important
    }

    .dropdown .dropdown-menu {
        padding-top: 0 !important
    }

    .about-us-content,
    .contact-us-page .right,
    .simple-content {
        padding-top: 40px !important
    }

    .dropdown .icon {
        display: block !important;
        position: absolute;
        right: -40px;
        top: 9px
    }

    .dropdown .icon:before {
        font-family: FontAwesome;
        content: "\f0fe";
        color: #000;
        font-style: initial;
        font-size: 16px
    }

    .dropdown .open.icon:before {
        content: "\f146"
    }

    .contact-us-page .right {
        padding-left: 12px !important
    }

    .single-service-cta {
        margin-bottom: 0
    }

    .about-us-content .left-col,
    .about-us-content .right-col {
        width: 100%
    }

    .about-us-content .right-col {
        justify-content: center;
        padding-top: 40px
    }

    .our-services.py-15 {
        padding-top: 60px !important;
        padding-bottom: 60px !important
    }

    .navbar .navbar-nav .nav-item .nav-link {
        padding: 0 !important
    }

    .navbar .navbar-nav li.nav-item {
        color: #000 !important;
        padding: .5rem 0 !important
    }

    .navbar .navbar-nav li.nav-item a.nav-item,
    header .navbar .navbar-nav .nav-item .nav-link,
    nav.navbar button.btn {
        color: #000 !important
    }

    footer.site-footer {
        padding: 40px 0 10px
    }

    div#navbar-default,
    div#navbar-default .mobile-menu {
        overflow: scroll;
        scroll-behavior: smooth;
        overflow-y: scroll;
        height: 450px
    }

    div#navbar-default {
        display: inline-block;
        text-align: left;
        margin-left: 0
    }

    .navbar .dropdown-menu {
        margin: 0 !important
    }

    header .dropdown-toggle::after {
        content: '\f107' !important;
        position: absolute;
        display: flex;
        width: 20px;
        height: 20px;
        font-weight: 500;
        font-family: fontawesome;
        border: none;
        right: -30px;
        top: 25px;
        font-size: 25px;
        color: #000 !important
    }

    a.nav-link.dropdown-toggle {
        position: relative
    }

    header .navbar ul li.nav-item.dropdown {
        margin-right: 40px !important
    }

    header a.nav-link.dropdown-toggle.active::after {
        background: #fff;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #fff0
    }

    header .navbar .dropdown .dropdown-menu li {
        margin-top: 0;
        font-size: 16px !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    header a.nav-link.dropdown-toggle {
        padding-bottom: 39px !important;
        display: flex;
        align-items: center
    }

    header ul.dropdown-menu {
        background: #000 !important
    }

    header .navbar .dropdown .dropdown-menu li a.dropdown-item {
        line-height: 38px;
        padding-bottom: 0 !important;
        background: #000 !important;
        color: #fff !important;
        transition: .3s ease-in-out;
        -webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        -ms-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        overflow: hidden;
        overflow-y: auto;
        max-height: calc(100vh - 173px);
        padding-left: 10px !important
    }

    header .navbar .dropdown .dropdown-menu li a.dropdown-item:hover {
        background: #157efe !important;
        color: #fff !important;
        transition: .3s ease-in-out;
        -webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        -ms-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        border-radius: 3px
    }

    .home-banner {
        margin-top: 0;
        padding-top: 65px;
        height: unset;
        padding-bottom: 60px !important
    }

    .home-banner .content-area {
        position: relative;
        z-index: 1
    }

    .home-banner .content-area h1 {
        font-size: 2.1875rem;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%
    }

    .home-banner .content-area a.btn-dark {
        margin: 0 auto 40px
    }

    form.search-header {
        margin-left: 0
    }

    .card-product,
    .featured-category .card-product {
        border: 1px solid #3498db !important
    }

    .footer p.pt-3 {
        padding-right: 0 !important
    }
}

@media only screen and (max-width:768px) {

    #bookNowModal button.btn.btn-payment-form,
    a.book-now-visa,
    a.inquire-btn {
        padding: 8px 10px;
        font-size: 12px
    }

    #faqs_section .content-area {
        padding-left: 0;
        padding-right: 0
    }

    #faqs_section .section-top-bottom,
    .steps-to-process-visa .left {
        padding-right: 12px !important;
        padding-left: 12px !important
    }

    h2 {
        font-size: 30px
    }

    .steps-to-process-visa {
        padding-bottom: 40px !important
    }

    .steps-to-process-visa .content-two,
    .steps-to-process-visa .left {
        padding-bottom: 30px
    }

    .steps-to-process-visa .first-child {
        flex-direction: column-reverse;
        padding-bottom: 30px !important
    }

    .steps-to-process-visa .third-child {
        flex-direction: column-reverse;
        padding-top: 30px !important
    }

    .single-footer .single-footer-content ul.footer-list {
        margin-bottom: 30px !important
    }

    p.social-icons.pt-3 {
        margin-bottom: 30px
    }

    footer.site-footer .col-lg-3.col-sm-6 {
        justify-content: flex-start
    }

    .featured-category .heading-area {
        text-align: center
    }

    .home-banner .content-area h1 br {
        display: none
    }
}

@media only screen and (max-width:575px) {
    .inner-pages-banner .content-area h1 {
        font-size: 30px
    }

    .inner-pages-banner .content-area {
        padding: 60px 0
    }

    .featured-items,
    .top-header .left-side,
    .top-header .right-side {
        width: 50%
    }

    .home-banner {
        padding-top: 40px;
        padding-bottom: 40px !important
    }

    .featured-category .card-product img {
        width: 100px;
        height: 95px
    }

    .featured-category .card-product {
        width: 190px;
        height: 190px
    }

    .transit-visa-details table tbody tr td:last-child {
        width: 130px
    }
}

@media only screen and (max-width:500px) {
    header .navbar a.navbar-brand {
        font-size: 18px;
        line-height: 32px
    }

    .top-header .contact-area ul li a {
        font-size: 12px
    }

    .top-header .social-area ul li i.fa {
        font-size: 10px;
        width: 20px;
        height: 20px
    }
}

@media only screen and (max-width:400px) {
    .top-header .contact-area ul li {
        margin-right: 0
    }

    .top-header .left-side {
        padding-right: 3px
    }

    .top-header .right-side {
        padding-left: 3px
    }
}

@media only screen and (max-width:375px) {
    header .navbar a.navbar-brand {
        font-size: 16px
    }

    .featured-category .card-product {
        width: 175px;
        height: 175px
    }

    .featured-category .card-product h6 {
        font-size: .715rem
    }
}