/* TypoGraphy */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000; 1,200..1000&display=swap'); /* font-family: "Manrope", sans-serif; */
/* font-family: "Lexend", sans-serif; */
/* font-family: "Mulish", sans-serif; */
@font-face { font-family: 'Myriad Pro Regular'; src: url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('../fonts/MyriadPro-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'CeraGR Bold'; src: url('../fonts/CeraGR-Bold.woff2') format('woff2'),
        url('../fonts/CeraGR-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@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-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; }
/*==================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; font-family: "Mulish", sans-serif; font-weight: 500; color: #222222; }
.table { color: #222222; }
/* body::-webkit-scrollbar { display: none; }
*/
img { max-width: 100%; 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: #000000; font-family: "Mulish", sans-serif; font-weight: 700; margin-bottom: 10px; }
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: #00224d; }
h1 { font-size: 32px; }
h2 { font-size: 30px; }
h3 { font-size: 28px; }
h4 { font-size: 26px; }
h5 { font-size: 24px; }
h6 { font-size: 22px; }
p { color: #222222; font-size: 16px; line-height: 28px; font-family: "Mulish", sans-serif; font-weight: 500; margin-bottom: 15px; }
p:last-child { margin-bottom: 0; }
ul { padding: 0px; margin: 0 0 20px 20px; }
ol { padding: 0px 0 20px 20px; margin: 0px; counter-reset: listitem; }
/* ol li::before { counter-increment: listitem; content: counters(listitem, '.')'.'; color: #272b38; display: inline-block; left: 0; }
*/
li { margin: 0 0 10px; padding: 0px; position: relative; padding-left: 0px; color: #222222; font-size: 16px; line-height: 28px; font-family: "Mulish", sans-serif; font-weight: 500; }
li a { color: #222222; }
li a:hover { color: #00224d; }
a { transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s; color: #222222; }
a:hover { transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s; color: #00224d; }
button { padding: 0; background-color: transparent; border: none; }
b, strong { font-weight: bold; }
.btn { color: #ffffff; min-width: 207px; height: 58px; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; transition: 1s; -webkit-transition: 1s; cursor: pointer; font-family: "Mulish", sans-serif; font-weight: bold; border-radius: 8px; border: 1px solid #ff4773; padding: 0 15px; background: #ff4773; transition: 1s; text-transform: uppercase; position: relative; z-index: 0; overflow: hidden; }
.btn:hover { color:#fff; transition: 1s; background: #00224d; border-color: #00224d; }
.btn-check:focus+.btn-primary, .btn-primary:focus { color: #fff; background-color: #00224d; border-color: #00224d; box-shadow: none; }
.btn img { margin-left: 20px; transition: 1s; }
.btn:hover img { margin-left: 10px; }
.commom-heading { display: flex; flex-wrap: wrap; justify-content: center; }
.commom-heading h1,
.commom-heading h2,
.commom-heading h3,
.commom-heading h4,
.commom-heading h5,
.commom-heading h6 { margin-bottom: 16px; color: #000000; font-size: 34px; line-height: 57px; font-family: "Mulish", sans-serif; font-weight: 700; position: relative; }
.commom-heading p { text-align: center; }
/*==================Default css start=================*/
/*=======Form error message css start =========*/
.wpcf7-not-valid-tip { color: #dc3232; font-size: 1em; font-weight: normal; display: block; }
.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: 35px; right: 20px; display: none; width: 40px; height: 40px; color: #000; z-index: 9999; background-color: #7c7c7c; border-radius: 5px; min-width: inherit; padding: 0px !important; border: 1px solid #fff; }
.back-to-top span { position: relative; 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 span::after { content: " "; position: absolute; top: 0%; left: 100%; width: 2px; height: 15px; background-color: #fff; transform-origin: top; transform: translateX(-50%) rotate(45deg); }
.back-to-top.focus, .back-to-top:focus, .back-to-top:hover { background-color: #858971; text-decoration: none; }
/*=======back to top css end =========*/
a:empty,
ul:empty,
dl:empty,
section:empty,
article:empty,
p:empty,
h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty { display: none; }
/*=======Header section css start=========*/
.header .container { padding-left: 16px; padding-right: 34px; max-width: 1684px; }
.home-banner .container { max-width: 1684px; }
.container { padding-left: 0px; padding-right: 0px; max-width: 1484px; }
.commom-width .container { width: 100%; max-width: 1177px; }
.whats-app-chat { position: fixed; bottom: 15px; right: 15px; left: auto; z-index: 9; display: flex; width: 50px; height: 50px; justify-content: center; align-items: center; border-radius: 50px; background-color: #0dc900; background-image: url(../images/back-in.svg); background-position: 50% 50%; background-size: 25px; background-repeat: no-repeat; box-shadow: 1px 1px 20px 3px rgba(0,0,0,.2); }
.whats-app-chat:hover { opacity: 0.5; }
.header.sticky ~ .whats-app-chat { bottom: 80px; }
.header.inner-header { position: static; }
.banner-commonheading-section { padding: 40px 0px 40px; background: #f0efeb; border-top: 1px solid #f0efeb; border-bottom: 1px solid #f0efeb; }
.banner-commonheading { text-align: center; }
.banner-commonheading h1, .banner-commonheading h2, .banner-commonheading h3 { margin-bottom: 0px; padding-top: 0px; }
.common-section { padding: 80px 0px; }
.common-sharebtn { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding-top: 20px; }
.common-sharebtn p { margin: 0px 8px; color: #000; }
.common-sharebtn p a { color: #000; }
.common-sharebtn p a:hover { color: #697565; }
.common-sharebtn .share img { max-height: 18px; }
.thank-you .common-content-info { max-width: 990px; margin: 0 auto; }
.thank-you { text-align: center; }
.thank-you .common-content-info h1 em { font-style: normal; color: #ff4773; }
.thank-you .common-content-info h1 { font-size: 46px; }
/*=======question section start=========*/
.question-section { padding: 0px 0px 60px 0px; }
.question-section-inner { width: 100%; max-width: 1190px; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; /* background: linear-gradient(to right, rgba(189, 228, 255, 1) 0%, rgba(251, 252, 253, 1) 46%, rgba(255, 255, 255, 0) 71%); */
    padding: 18px; /* background: linear-gradient(90deg, #3d365c, #7C4585); */
    padding: 50px; border: 1px solid #dedede; background: #3D365C; border-radius: 15px; }
.question-left-col { width: 70%; }
:is(.question-left-col) :is(h1, h2, h3, h4, h5, h6) { font-family: "Mulish", sans-serif; font-size: 32px; margin-bottom: 20px; letter-spacing: 0.25px; color: #ffff; }
:is(.question-left-col) :is(p) { font-size: 22px; width: 100%; max-width: 620px; letter-spacing: 0.05px; color: #ffff; }
.question-btn { margin-top: 24px; }
.question-btn .btn { letter-spacing: 1px; }
.question-right-col { width: 30%; }
.question-right-col ul { list-style-type:none ; margin-left: 0; margin-bottom: 0; }
:is(.question-right-col) :is(h1, h2, h3, h4, h5, h6) { font-family: "Mulish", sans-serif; font-size: 24px; margin-bottom: 20px; letter-spacing: 0.25px; color: #ffff; }
.roger-link ul li { font-family: "Mulish", sans-serif; font-size: 16px; line-height: 30px; margin-bottom: 15px; letter-spacing: 0.25px; }
.roger-link ul li a { font-size: inherit; line-height: inherit; color: #ffff; }
.roger-link ul li a img { margin-right: 10px; filter: invert(); }
/*=======question section end=========*/
.squre { position: relative; }
.squre-border { position: absolute; top: -21px; left: -30px; width: 89px; height: 89px; }
.squre .squre-border span { position: absolute; top: 0; left: 0; width: 86px; height: 89px; /* border: 1.5px solid #dcdcdc; */ border-radius: 38% 62% 63% 37% / 41% 44% 56% 59%; -webkit-transition: all .5s; transition: all .5s; }
.squre .squre-border span:nth-child(1) { -webkit-animation: animate 6s linear infinite; animation: animate 6s linear infinite; background: #e7e1da; }
.squre .squre-border span:nth-child(2) { -webkit-animation: animate 4s linear infinite; animation: animate 4s linear infinite; }
.squre .squre-border span:nth-child(3) { -webkit-animation: animate2 10s linear infinite; animation: animate2 10s linear infinite; }
@-webkit-keyframes animate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
 }
@keyframes animate {
 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
 }
@-webkit-keyframes animate2 { 0% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
 }
@keyframes animate2 {
 0% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
 }
/*=======How Book Appointment section css end=========*/
.howbook-appointment-section { padding-bottom: 36px; padding-top: 50px; }
.howbook-appointment-section .commom-heading { justify-content: flex-start; padding-bottom: 35px; padding-right: 46px; }
.howbook-appointment-section .commom-heading h1,
.howbook-appointment-section .commom-heading h2,
.howbook-appointment-section .commom-heading h3,
.howbook-appointment-section .commom-heading h4,
.howbook-appointment-section .commom-heading h5,
.howbook-appointment-section .commom-heading h6 { font-size: 36px; line-height: 57px; margin-left: 30px; font-weight: 700; }
.howbook-appointment-section .commom-heading .squre-border { top: -22px; left: -2px; }
.howbook-appointment-section .commom-heading p { text-align: left; }
.howbook-appointment-wrap { padding: 48px 98px 52px 98px; background: #f0efeb url(../images/map.png); background-position: top center; }
.appointment-heading { text-align: center; }
.howbook-appointment-row { padding-top: 38px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0; }
/*====================*/
.online-visa-application .serving { padding: 45px 54px 35px 54px; background: #f0efeb; background-image: url(../images/background-top-bg.png); background-repeat: repeat-x; background-position: top 0 center; }
.serving h2 { text-align: center; margin-bottom: 115px; }
.serving .table { max-width: 100%; margin: auto; background: #F9F3F3; border: 2px solid #DDDDDD; border-collapse: separate; border-radius: 10px; }
.serving .table thead { background: #3d365c; border-bottom: 1px solid #DDDDDD; box-shadow: none; border-radius: 10px 0px 10px 0px; }
.serving .table thead tr th:nth-child(1) { border-radius: 10px 0px 0px 0px; }
.serving .table thead tr th:last-child { border-radius: 0px 10px 0px 0px; }
.serving .table tr:last-child td { border-bottom: none; }
.serving .table tr th:first-child , 
 .serving .table tr td:first-child { text-align: left; }
.serving .table thead tr th { border-bottom: 1px solid #DDDDDD !important; color: #fff; }
.serving .table tr th, .serving .table tr td { padding: 15px 30px; color: #111111; font-size: 18px; font-weight: 500; text-align: center; }
.serving .table thead tr th { font-weight: 700; border-bottom: none; }
.serving .btn-center { max-width: 980px; margin: auto; text-align: center; padding-top: 25px; }
/*=======faq section start=========*/
.faq-section { margin :30px 0px 70px 0px; }
:is(.faq-section) :is(.commom-heading) :is(h1, h2, h3, h4, h5, h6) { font-size: 36px; font-family: "Mulish", sans-serif; letter-spacing: 0.25px; }
:is(.faq-section) :is(.commom-heading) :is(h1, h2, h3, h4, h5, h6)::before { width: 86px; }
.faq-section-inner { width: 100%; max-width: 1190px; margin: 0 auto; }
.faq-section .accordion { margin:40px  auto 0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.faq-accordion-col { width: 100%; max-width: 100%; margin-bottom: 15px; }
.faq-section .accordion-item { margin-bottom: 15px; border: 0; border: 1px solid rgb(212, 212, 212); border-radius: 5px; overflow: hidden; }
.faq-section .accordion-item:last-child { margin-bottom: 0px; }
.faq-section .accordion-item:hover { border-color: #e9e5ff; }
.faq-section .accordion-button { position: relative; color:rgb(18, 18, 19); padding:10px 56px 10px 20px; font-size: 19px; line-height: 30px; font-family: "Mulish", sans-serif; font-weight: 700; }
.faq-section .accordion-button:not(.collapsed) { background-color: transparent; }
.faq-section .accordion-button:not(.collapsed) { box-shadow: none; }
.faq-section .accordion-button:not(.collapsed)::after { background-color: #e9e5ff; background-image: url(../images/accordion-arrow.png); transform: rotate(-180deg); }
.faq-section .accordion-button::after { width: 33px; height: 33px; background-color: #e9e5ff; background-position: center center; border-radius: 50%; background-image: url(../images/accordion-arrow-1.png); background-size: 17px 16px; position: absolute; right: 15px; top: 10px; transition: transform .6s ease-in-out; }
.faq-section .accordion-body { padding:0px 50px 30px 24px; }
:is(.faq-section) :is(.accordion-body) :is(p, h1, h2, h3, h4, h5, h6, li, div, span) { color: rgb(18, 18, 19); font-size: 16px; line-height: 24px; font-family: "Mulish", sans-serif; }
.faq-section .accordion-body p { line-height: 24px; }
/*=======faq section end=========*/