
/* TypoGraphy */


@font-face {
    font-family: 'Gilroy Bold';
    src: url('../fonts/Gilroy-Bold.woff2') format('woff2'),
        url('../fonts/Gilroy-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy Heavy';
    src: url('../fonts/Gilroy-Heavy.woff2') format('woff2'),
        url('../fonts/Gilroy-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy Medium';
    src: url('../fonts/Gilroy-Medium.woff2') format('woff2'),
        url('../fonts/Gilroy-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy Light';
    src: url('../fonts/Gilroy-Light.woff2') format('woff2'),
        url('../fonts/Gilroy-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy Regular';
    src: url('../fonts/Gilroy-Regular.woff2') format('woff2'),
        url('../fonts/Gilroy-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish ExtraBold';
    src: url('../fonts/Mulish-ExtraBold.woff2') format('woff2'),
        url('../fonts/Mulish-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish Regular';
    src: url('../fonts/Mulish-Regular.woff2') format('woff2'),
        url('../fonts/Mulish-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish SemiBold';
    src: url('../fonts/Mulish-SemiBold.woff2') format('woff2'),
        url('../fonts/Mulish-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish Light';
    src: url('../fonts/Mulish-Light.woff2') format('woff2'),
        url('../fonts/Mulish-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish Medium';
    src: url('../fonts/Mulish-Medium.woff2') format('woff2'),
        url('../fonts/Mulish-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish Bold';
    src: url('../fonts/Mulish-Bold.woff2') format('woff2'),
        url('../fonts/Mulish-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/*==================Default css start=================*/
* { box-sizing: border-box; }
:focus { outline: none !important; box-shadow: none !important; border-color: inherit; }
textarea.form-control { resize: none; overflow: hidden; }
figure { margin-bottom: 0; }
html, body { width: 100%; }
body { padding: 0; margin: 0; background: #fff; overflow-x: hidden; display: flex; flex-direction: column; min-height: 100vh; color: #111111; font-family: 'Mulish Medium'; font-weight: 500; font-weight: normal; }
.table { color: #111111; }
/* body::-webkit-scrollbar {
  display: none;
} */
img { max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast; }
a, a:hover { text-decoration: none; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height: normal; }
h1, h2, h3, h4, h5, h6 { color: #111111; font-family: 'Mulish ExtraBold'; font-weight: bold; margin-bottom: 15px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #27445d; }
h1 { font-size: 34px; }
h2 { font-size: 32px; }
h3 { font-size: 30px; }
h4 { font-size: 28px; }
h5 { font-size: 26px; }
h6 { font-size: 24px; }
p { font-size: 17px; line-height: 30px; color: #111111; font-family: 'Mulish Medium'; font-weight: 500; margin-bottom: 15px; }
p:last-child { margin-bottom: 0; }
ul { padding: 0px; margin: 0 0 20px 0px;position: relative; }
ol { padding: 0px 0 20px 0px; margin: 0px; counter-reset: listitem; }
ul ol { padding-left: 0px; padding-bottom: 0; padding-top: 6px; }
li { margin: 0 0 10px; padding: 0px; position: relative; list-style: none; padding-left: 30px; font-size: 16px; line-height: 30px; color: #111111; font-family: 'Mulish Medium'; font-weight: 500; }
ul li:before { content: ""; position: absolute; top: 5px; left: 0; /*background: url(../images/list-style-icon.png);*/ background-position: top left; background-repeat: no-repeat; width: 21px; height: 21px; }
li a { color: #111111; }
li a:hover { color: #111111; }


a { transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s; color: #ff5757;}
a:hover { transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s; color: #3b3663;}
button { padding: 0; background-color: transparent; border: none; }
b, strong { font-weight: bold; }
.btn { color: #ffffff;font-size: 16px; min-width: 188px; height:41px; display: inline-flex; align-items: center; justify-content: center;  transition: 1s; -webkit-transition: 1s; cursor: pointer; font-family: 'Mulish Bold';font-weight: bold; overflow: hidden;border-radius: 11px; font-size: 16px;
letter-spacing: 0.6px; position: relative;border:none; padding: 0 18px; background: #ff5757; transition: 1s; z-index: 0;}

.btn:hover { color: #ffffff; transition: 1s; background: #3b3663; }
.btn-check:focus+.btn-primary, .btn-primary:focus { color: #fff; /* background-color: #09196b; */ box-shadow: none; }
a.btn::after {content: "";background-color: #3b3663;width: 0px;height:0px;position: absolute;top: 50%;left:100% ;border-radius: 50px;transform: translate(-50%, -50%);z-index: -1;transition: 0.4s linear;}
a.btn:hover::after {width: 1500px;height: 1500px;}
a.btn:hover {background: transparent;}

.btn img {margin-left: 15px;max-width: 15px;max-height: 15px;}

p:empty{ display: none; }

form select, form select.form-control {-webkit-appearance: none;-moz-appearance: none;appearance: none; background-image: url(../images/arrow-down.png);background-repeat: no-repeat;background-size: 15px;background-position: right 10px center;padding-right: 35px;}
/*==================Default css start=================*/

/*=======Form error message css start =========*/
.wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output {
    display: none;
}
.wpcf7-not-valid-tip { color: #dc3232; font-size: 14px !important; font-weight: normal; display: block; padding-top: 3px !important; }
.wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; }
.wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; }
/*=======Form error message css end =========*/
/*=======image align center css start =========*/
img.aligncenter { margin-bottom: 20px; }
img.alignnone { margin-bottom: 20px; }
img.alignleft { margin-bottom: 20px; width: 50%; float: left; margin-right: 20px; }
img.alignright { margin-bottom: 20px; width: 50%; float: right; margin-left: 20px; }
/*=======image align center css end =========*/
/*=======back to top css start =========*/
.back-to-top { cursor: pointer; position: fixed; bottom: 20px; right: 20px; display: none; width: 30px; height: 30px; color: #000; z-index: 999; background-color: #1e3549; border-radius: 30px; min-width: inherit; padding: 0px; border: 1px solid #fff; }
.back-to-top span { width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; display: block; transform: rotate(-45deg); margin: 11px auto 0; }
.back-to-top.focus, .back-to-top:focus, .back-to-top:hover { color: #fff; text-decoration: none; }
/*=======back to top css end =========*/

/*=======Header section css start=========*/
.container { padding-left: 0px; padding-right: 0px; max-width: 1412px;}

.whats-app-chat { position: fixed; bottom: 15px; right: 15px; left: auto; z-index: 1000; display: flex; width: 50px; height: 50px; justify-content: center; align-items: center; border-radius: 0; background-color: transparent; background-position: 0; background-size: 25px; background-repeat: no-repeat; box-shadow: none; min-width: auto; padding: 0;border: none; }
.whats-app-chat img { margin-left: 0px; }
.header.sticky ~ .whats-app-chat { bottom: 60px; }

.banner-commonheading-section{  padding: 40px 0px 40px; background: #fff;border-bottom: 1px solid #e7e7e7;}
.banner-commonheading{ text-align: center; }
:is(.banner-commonheading) :is(h1, h2, h3, h4, h5, h6) { margin-bottom: 13px; padding-top: 0px; color: #3d3d3d; font-size: 48px;font-family: 'Mulish Bold'; font-weight: bold;}
.common-content-section{ padding: 65px 0px; }
.thank-you{ text-align: center; }
.thank-you .common-content-info { max-width: 990px; margin: 0 auto; }

.common-heading{ text-align: center; padding-bottom: 30px; }
.common-heading h1, .common-heading h2, .common-heading h3, .common-heading h4, .common-heading h5, .common-heading h6{ color: #000000; font-size: 36px; letter-spacing: -1px; padding-bottom: 20px; margin-bottom: 10px; position: relative; }
.common-heading h1::before, .common-heading h2::before, .common-heading h3::before, .common-heading h4::before, .common-heading h5::before, .common-heading h6::before{ content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; background: #414141; width: 60px; height: 2px; }


.inner-section {position: relative;padding: 60px 0px;}
.inner-section ul, .modal ul, .blog-detail-section ul  {list-style-type: circle;margin-left: 20px;}
.inner-section ul li, .modal ul li, .blog-detail-section ul li {list-style-type: circle;padding-left: 0px;}
.inner-section ul li::before, .modal ul li::before, .blog-detail-section ul li::before {display: none;}
.inner-section ol, .modal ol, .blog-detail-section ol  {list-style-type:decimal;margin-left: 20px;}
.inner-section ol li, .modal ol li, .blog-detail-section ol li {list-style-type:decimal;padding-left: 0px;}

/*=======faq section start =========*/
 .faq-section {padding: 60px 0px 35px; }
 .faq-section>.container {max-width: 1090px;margin: 0 auto;}
 :is(.faq-heading) :is(h1, h2, h3, h4, h5, h6)  {color:#3b3663;font-size: 40px;text-align: center;}
 .faq-section .accordion {max-width: 1167px;margin:50px  auto 0px;}
 .faq-section .accordion-item:first-child {border-top: 1px solid rgb(212, 212, 212);}
 .faq-section .accordion-item {margin-bottom: 0px;border: 0;border-bottom: 1px solid rgb(212, 212, 212);border-radius: 0px;overflow: hidden;transition: all .4s;}
 .faq-section .accordion-item:last-child {margin-bottom: 0px;}
 .faq-section .accordion-button {color:#333446;padding:20px 55px 20px 25px;font-size: 20px;line-height: 28px;font-family: 'Mulish Bold';}
 .faq-section .accordion-button:not(.collapsed) {box-shadow: none;background-color: transparent;}
 .faq-section .accordion-button::after {width: 32px;height: 32px;background-position: center center;border-radius: 50%;background-image: url(../images/arrow-down.png);background-size: 16px 10px; position: absolute;right: 11px; top: 18px;}
 .faq-section .accordion-body {padding:0px 10px 15px 30px;}
 .faq-section .accordion-body ul, .faq-section .accordion-body ol {margin-left: 20px;}
 .faq-section .accordion-body ul li {list-style-type: circle;list-style-position: outside;padding-left: 0px;margin-bottom: 0px;}
 .faq-section .accordion-body ol li {list-style-type:decimal;list-style-position: outside;padding-left: 0px;margin-bottom: 0px;}
 .faq-section .accordion-body a {color: #e47272;}
 .faq-section .accordion-body a:hover {color: #333446;}
 :is(.faq-section) :is(.accordion-body) :is(p, h1, h2, h3, h4, h5, h6, li, div, span) {color:#070707;}
 .faq-section .accordion-body p { line-height: 26px; }
/*=======faq section end =========*/


/* choose date section css start */
.date-choose-section {position: relative;}
.date-choose-heading {background: #3b3563;padding: 13px 10px;margin: 0px 20px 10px;text-align: center;border-radius: 10px;}
:is(.date-choose-heading) :is(h1 h2, h3, h4) {font-size: 30px;color: #fff;font-family: 'Mulish Bold';font-weight:700;margin-bottom: 0px;}

.preferred-appointments-wrap{padding: 30px 0px 0px;border: 1px solid #dcdcdc;background: #fff;border-radius: 15px;}
.preferred-appointments-wrap .slick-track {display: flex;flex-wrap: wrap;}
.appointments-content{width: 145px;height: inherit;}
.preferred-appointments-wrap .owl-carousel .owl-stage {display: flex;flex-wrap: wrap;}
.appointments-col-heading{text-align: center;width: 100%;border-bottom: 1px solid #dcdcdc;min-height: 75px;padding: 5px 5px;}
.appointments-col-heading h4{margin-bottom: 0px;padding-bottom: 0px;font-size: 16px;font-weight: 600;}
.appointments-col-heading p{margin-bottom: 0px;padding-bottom: 0px;font-size: 16px;font-weight: 400;}
.appointments-note {padding-top: 5px;}
.appointments-note p {margin-bottom: 0px;padding-bottom: 0px;font-size: 14px;}
.appointments-col-info {padding: 10px 5px 40px;border-right: 1px solid #dcdcdc;text-align: center;width: 100%;}
.appointments-col-info ul{margin: 0px;padding: 0px;}
.appointments-col-info ul li{margin: 0px;padding: 4px 0px;list-style: none;}
.appointments-col-info ul li span, .appointments-col-info ul li a {padding: 5px 10px;color: #000;font-size: 13px;background: #dcebfe;border-radius: 4px;min-width: 84px;display: inline-flex;flex-wrap: wrap;align-items: center;justify-content: center; cursor:pointer;}
.appointments-slider-row {display: flex;flex-wrap: wrap;-webkit-user-select: inherit;-moz-user-select: inherit;-ms-user-select: inherit;}
.preferred-appointments-wrap .owl-dots {position: absolute;text-align: center;width: 100%;}
.preferred-appointments-wrap button.owl-dot {width: 15px;height: 15px;background: #000 !important;margin: 0 4px;border-radius: 50px;}
.appointments-slider-row button.slick-prev.slick-arrow, .appointments-slider-row button.slick-next.slick-arrow {display: none !important;}
.btn-wrap-custom {display: flex;align-items: center;justify-content: space-between;padding: 0 33px 30px;}
.btn-wrap-custom button.prev-btn, .btn-wrap-custom button.next-btn {background: none;border: none;outline: none;box-shadow: none;color: #3d6df5;font-size: 16px;font-weight: 400;transition: 1s;}
.btn-wrap-custom button.prev-btn img {margin-right: 10px;margin-top: -1px;}
.btn-wrap-custom button.next-btn img {margin-left: 10px;}
button.prev-btn.slick-disabled, button.next-btn.slick-disabled { opacity: 0.1;}
.contact .form-group { padding:12px; }
.date-choose-note {margin-top: 10px;}
#qPop { z-index:9999;}
.date-choose-section.visa-services {padding:40px 0px ;}
#qPop .modal-title {font-size: 22px;}
#qPop form .form-group {padding: 5px 10px;}
#qPop form .form-control {height: 45px;}
#qPop form .apply-btn {margin-top: 20px;}
/* choose date section css end */


/* faqs-page section css start */
.faqs-page .faq-section {padding: 0px;}
.faqs-page .faq-section .accordion {margin: 0px auto;}
.faqs-page.inner-section .accordion-item:first-child {border-top: none;}
.faqs-page.inner-section .accordion-button {padding: 20px 55px 20px 0px;}
.faqs-page.inner-section .accordion-button::after {right: 0px;}
.faqs-page.inner-section .accordion-body {padding: 0px 0px 15px 0px;}
/* faqs-page section css end */


/* .sitemap-section {padding: 0px 0px 65px;} */
.sitemap-section {position: relative;}
.sitemap-section ul li {list-style-type:square;list-style-position: inside;}
.sitemap-section ul li::before {display: none;}
.sitemap-section ul li a:hover{ color: #ff5757; }
.sitemap-section ul>li {list-style-type:square;padding: 0px;} 
.sitemap-section ul>li>ul {width: 100%;padding-left: 20px;padding-top: 15px;padding-bottom: 10px;}  
.sitemap-section ul>li>ul>li {list-style-type:circle;}
.sitemap-section ul>li>ul>li:last-child {margin-bottom: 0px;}
