img { border: 0; vertical-align: top; height: auto; max-width: 100%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; outline: none }
input, textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { outline: none !important; border: 1px solid #ccc; background: #f0f0f0; height: 50px; padding: 0 20px; font-family: 'Ubuntu', Arial, Helvetica, sans-serif; font-size: 16px; width: 100%; }
input[type=submit] { width: auto; border: none; outline: none; cursor: pointer; font-size: 17px; line-height: 24px; font-weight: 700; padding: 8px 20px; color: #fff; display: inline-block; transition: all  0.4s ease-in-out }
input[type=submit]:hover { background-color: #00658b; }
textarea { background-color: #F0F0F0 !important; }
button:focus { outline: none; }
.form-control:focus { background: #f0f0f0; }
.form-control:focus { box-shadow: none !important; }
ul, li { padding: 0px; margin: 0px; list-style-type: none; }
header, section, footer {display: block; width: 100%; }
.comman-background { background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; }
a { color: #003263; text-decoration: none; }
a:hover { text-decoration: none; color: #0b530e }
.section-title-wrap { margin-bottom: 30px; position: relative; }
.section-title-wrap .section-bg-text { position: absolute; top: 0; left: 0; font-size: 102px; font-weight: 700; color: rgb(33 33 33 / 5%); z-index: 0; text-transform: uppercase; height: 100%; width: 100%; line-height: 80px; }
.section-title-wrap span { margin-bottom: 15px; display: inline-block; line-height: 18px; }
.dark-overlay { position: relative; }
.dark-overlay:before { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; height: 100%; content: ''; background-color: rgb(0 0 0 / 50%) }
.dropdown-item.active, .dropdown-item:active { text-decoration: none; background-color: transparent; }
@font-face { font-family: 'FontAwesome'; font-style: normal; font-weight: normal; src: url('../fonts/fontawesome-webfont.ttf') format('ttf') }
@font-face { font-family: 'Futura'; src: url('../fonts/Futura-Bold.woff2') format('woff2'), url('../fonts/Futura-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Futura'; src: url('../fonts/Futura-Bold.woff2') format('woff2'), url('../fonts/Futura-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Futura LtCn BT'; src: url('../fonts/FuturaBT-LightCondensed.woff2') format('woff2'), url('../fonts/FuturaBT-LightCondensed.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Futura BdCn BT'; src: url('../fonts/FuturaBT-BoldCondensed.woff2') format('woff2'), url('../fonts/FuturaBT-BoldCondensed.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Futura'; src: url('../fonts/Futura-CondensedLight.woff2') format('woff2'), url('../fonts/Futura-CondensedLight.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Futura XBlkCnIt BT'; src: url('../fonts/FuturaBT-ExtraBlackCondItalic.woff2') format('woff2'), url('../fonts/FuturaBT-ExtraBlackCondItalic.woff') format('woff'); font-weight: 900; font-style: italic; font-display: swap; }
@font-face { font-family: 'Futura XBlk BT'; src: url('../fonts/FuturaBT-ExtraBlack.woff2') format('woff2'), url('../fonts/FuturaBT-ExtraBlack.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Futura Md BT'; src: url('../fonts/FuturaBT-BoldItalic.woff2') format('woff2'), url('../fonts/FuturaBT-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; }
@font-face { font-family: 'Futura Lt BT'; src: url('../fonts/FuturaBT-Light.woff2') format('woff2'), url('../fonts/FuturaBT-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Futura Hv BT'; src: url('../fonts/FuturaBT-Heavy.woff2') format('woff2'), url('../fonts/FuturaBT-Heavy.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Futura Bk BT'; src: url('../fonts/FuturaBT-BookItalic.woff2') format('woff2'), url('../fonts/FuturaBT-BookItalic.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; }
@font-face { font-family: 'Futura Hv BT'; src: url('../fonts/FuturaBT-HeavyItalic.woff2') format('woff2'), url('../fonts/FuturaBT-HeavyItalic.woff') format('woff'); font-weight: 900; font-style: italic; font-display: swap; }
@font-face { font-family: 'Futura Bk BT'; src: url('../fonts/FuturaBT-Book.woff2') format('woff2'), url('../fonts/FuturaBT-Book.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Futura Lt BT'; src: url('../fonts/FuturaBT-LightItalic.woff2') format('woff2'), url('../fonts/FuturaBT-LightItalic.woff') format('woff'); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: 'Futura'; src: url('../fonts/Futura-Bold.woff2') format('woff2'), url('../fonts/Futura-Bold.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Futura Md BT'; src: url('../fonts/FuturaBT-Medium.woff2') format('woff2'), url('../fonts/FuturaBT-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Futura Md BT'; src: url('../fonts/FuturaBT-MediumItalic.woff2') format('woff2'), url('../fonts/FuturaBT-MediumItalic.woff') format('woff'); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: 'Futura MdCn BT'; src: url('../fonts/FuturaBT-MediumCondensed.woff2') format('woff2'), url('../fonts/FuturaBT-MediumCondensed.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
.roboto-thin { font-family: "Roboto", sans-serif; font-weight: 100; font-style: normal; }
.roboto-light { font-family: "Roboto", sans-serif; font-weight: 300; font-style: normal; }
.roboto-regular { font-family: "Roboto", sans-serif; font-weight: 400; font-style: normal; }
.roboto-medium { font-family: "Roboto", sans-serif; font-weight: 500; font-style: normal; }
.roboto-bold { font-family: "Roboto", sans-serif; font-weight: 700; font-style: normal; }
.roboto-black { font-family: "Roboto", sans-serif; font-weight: 900; font-style: normal; }
.roboto-thin-italic { font-family: "Roboto", sans-serif; font-weight: 100; font-style: italic; }
.roboto-light-italic { font-family: "Roboto", sans-serif; font-weight: 300; font-style: italic; }
.roboto-regular-italic { font-family: "Roboto", sans-serif; font-weight: 400; font-style: italic; }
.roboto-medium-italic { font-family: "Roboto", sans-serif; font-weight: 500; font-style: italic; }
.roboto-bold-italic { font-family: "Roboto", sans-serif; font-weight: 700; font-style: italic; }
.roboto-black-italic { font-family: "Roboto", sans-serif; font-weight: 900; font-style: italic; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; font-size: 13px; line-height: 40px; color: #999999; }
::-moz-placeholder { /* Firefox 19+ */
font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; font-size: 13px; line-height: 40px; color: #999999 }
:-ms-input-placeholder { /* IE 10+ */
font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; font-size: 13px; line-height: 40px; color: #999999 }
:-moz-placeholder { /* Firefox 18- */
font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; font-size: 13px; line-height: 40px; color: #999999 }
:placeholder { font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; font-size: 13px; line-height: 40px; color: #999999 }
select { font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; font-size: 13px; line-height: 40px; color: #999999; }
.pr-10 { padding-right: 10px }
.pl-10 { padding-left: 10px }


/* header */
header { padding: 20px 0; transition: 0.3s ease-in-out; }
.header-wrap { display: flex; position: relative; }
ul.mainmenu { display: flex; }
header nav { display: flex; align-items: center; flex-grow: 1; justify-content: flex-end; }
header nav ul { display: flex; }
header nav li { padding: 0 15px; }
header nav li a:hover { color: var(--color-sky); transition: 0.3s ease-in-out; }
header nav li a { transition: 0.3s ease-in-out; color: #52617e; font-family: 'Futura MdCn BT'; font-size: 30px; }
header nav ul li a i { margin-right: 5px }
header.fixed-header { position: fixed; top: 0; width: 100%; left: 0; z-index: 999; background: #fff; padding: 10px 0; transition: 0.3s ease-in-out; box-shadow: 0px 0px 10px 3px #00000014; }
header.fixed-header nav li a { color: var(--color-dark); }
header.fixed-header nav li a:hover { color: var(--color-sky); }
header .fixed-header-logo { display: none; }
header.fixed-header .fixed-header-logo { display: block; }
header.fixed-header .header-logo .regular-logo { display: none !important }
header.fixed-header .mobile-logo { display: none !important; }
header.fixed-header .custom-btn { background: var(--color-dark); color: #fff; }
header.fixed-header .custom-btn:hover { color: var(--color-white) !important; }
header.fixed-header .custom-btn:hover:before { background: #17a8f1; }
header button.sub-menu-toggle { display: none; }
header .menu-item-type-custom a { color: #fff; }

.header-address-wrap{background-color:var(--color-sky);padding: 10px 0;}
.header-address-wrap h2{color:var(--color-white);display:inline-block;margin-right:4%;margin-bottom: 0;}
.header-address-wrap h2.yellow{color:#fdd017}

/*card-section*/
.card-section { overflow: hidden; }
.card-section .img-wrap { position: relative; }
.card-section .img-wrap:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; content: ''; background: rgb(0 0 0 / 54%);transition: 0.3s ease-in-out all;}
/*.card-section .img-wrap:hover:before {top: 100%;}*/
.card-content { position: absolute; z-index: 1; bottom: 0; padding: 30px; color: #fff; }
.card-content p { font-family: "Roboto", sans-serif; font-size: 18px; letter-spacing: normal; }
.card-content h2 { color: #fff; font-family: 'Futura MdCn BT'; letter-spacing: normal; }
.card-content a { color: #fff; }
.card-content a:hover { text-shadow: 0 0 18px #fff; }
.card-content a:hover h2 { text-decoration: underline; }
.img-wrap img { width: 100%; display: block; height: 340px; object-fit: cover; }
.country-list-wrap { background-image: url(../images/country-bg.jpg); padding: 20px 0; background-position: center; background-repeat: no-repeat; background-size: cover; }
.country-list-wrap ul { display: flex; flex-wrap: wrap; max-width: 1380px; margin: 0 auto; text-align: center; justify-content: center; }
.country-list-wrap ul li { padding: 10px; color: #fff; position: relative; }
.country-list-wrap ul li:not(:last-child):after { content: '|'; margin-left: 10px; color: #fdd017; }
.country-list-wrap li a{color:#fff}
.country-list-wrap li a:hover{color:#fdd017}
.main-content-section { overflow: hidden; }
.main-content h3 { font-family: 'Futura MdCn BT'; letter-spacing: normal; font-size: 36px; letter-spacing: normal; text-transform: uppercase; }
.main-content { padding: 50px; }
.passport-content-row { margin-top: 50px; }
.passport-content-row h1 { color: var(--color-sky); margin-bottom: 30px }
.passport-content-row p { font-family: "Roboto", sans-serif; font-weight: 500; }
.passport-details { padding-left: 40px; }
.passport-copy-row { margin-top: 50px }
.passport-required-document { max-width: 90%; margin-left: auto; margin-top: 50px; }
.passport-required-document ul li { position: relative; padding-left: 20px; margin-bottom: 25px; }
.passport-required-document h3 { font-size: 30px; font-family: 'Futura MdCn BT'; color: var(--color-sky); margin-bottom: 30px }
.passport-required-document ul li:before { content: '\f111'; font-family: 'FontAwesome'; font-size: 10px; color: #e6212a; position: absolute; left: 0; top: 10px; }
.back-to-top { z-index: 9999; width: 50px; height: 50px; border-radius: 50%; background: var(--color-sky); line-height: 50px; display: inline-block; position: fixed; bottom: 10px; right: 20px; cursor: pointer; text-align: center; color: #fff; display: none; transition: 0.5s ease-in-out; font-size: 25px; }
.back-to-top:hover { color: var(--color-white); transition: 0.5s ease-in-out; }
.sidebar-title { border: 2px solid #fff; border-left: 0; border-right: 0 }
sidebar h2 { font-family: 'Futura MdCn BT'; margin-bottom: 0 }
sidebar .address { text-align: center; color: #052c77; padding: 40px; background: #d1d7e2; font-family: 'Futura MdCn BT'; font-size: 30px }
sidebar .address h3 { font-family: 'Futura MdCn BT'; font-weight: 600; }
.service-details { padding: 40px 40px 60px; text-align: center;color:#555c6a}
footer h2 { font-family: 'Futura MdCn BT'; margin-bottom: 0 ;margin-left: 20px;margin-left:3%;}
.footer-img-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.passport-content-row .col-md-2 {margin-top: -10px;}

.subfooter { text-align: center; font-size: 13px; padding: 30px 0; font-family: "Roboto"; }
.subfooter a { text-decoration: underline; }

/*<<====================================== responsive media query start=========================================>> */
@media(max-width:1500px) {
    a.regular-logo img { max-width: 210px; }
    .main-content h3 { font-size: 30px }
}
@media(min-width:992px) { }
@media(max-width:1440px) {
    .banner-content { height: 750px; }
}
@media(max-width:1200px) {
    header nav li a { font-size: 20px }
    .footer-img-wrap img {margin-bottom: 20px;}
}
@media(max-width:1024px) {
    .section-title-wrap .section-bg-text { font-size: 72px; }
    header nav li { font-size: 14px; padding: 0 8px; }
    .banner-left-part { font-size: 18px; }
}
@media(max-width:992px) {
    .header-logo { max-width: 185px; }
    header { padding: 10px 0; }
    .main-content { padding: 40px 20px; }
    .main-content h3 { font-size: 25px; }
}
@media(max-width:767px) {
    header { padding: 10px 0; position: unset; }
    .header-wrap { flex-wrap: wrap; }
    header nav li a { font-size: 18px; }
    header nav ul { flex-wrap: wrap; justify-content:end; width: 100%; margin-top: 5px;margin-right: 50px;}
    .card-wrap { margin-bottom: 10px; }
    .passport-details { padding-left: 10px; }
    .passport-required-document { max-width: 100%; margin-left: 0; margin-top: 30px; }
    .passport-content-row { margin-top: 20px; }
    .passport-required-document ul li:before {font-size: 7px;top: 7px;}
    .service-details { padding: 40px 40px 20px; }

    .mainmenu{padding-top:60px}
    .sub-menu > ul > li.sub-menu > ul{display:none;}
    .sub-menu > ul {background-color: rgba(187, 173, 173, 0.8);}
    .sub-menu > ul > li.sub-menu > ul{background-color:#f1f1f1}
    .sub-menu > ul > li a, .fixed-header .sub-menu > ul > li a {color:#000;padding-left:10px}     
    .sub-menu > ul > li.sub-menu li a{padding-left:20px}    
    .sub-menu {position:relative;}
    .mainmenu li a:hover {color: #000;}
    .menulinks{position:absolute;top:20px;right:20px;display: flex;align-items: center;justify-content: center;z-index:2;background:var(--color-sky);height: 40px;width: 40px;}
    .menulinks span{position:relative;width:20px;height:2px;background-color:#fff;content:'';top:0;display:block;}
    .menulinks span:before{position:absolute;width:20px;height:2px;background-color:#fff;content:'';top:-7px;left:0;transition:0.5s}
    .menulinks span:after{position:absolute;width:20px;height:2px;background-color:#fff;content:'';top:7px;left:0;transition:0.5s}
    .cross .menulinks span{position:relative;width:20px;height:2px;background-color:#fff;content:'';top:-6px;display:block;background:transparent;cursor:pointer;}
    .cross .menulinks span:before{position:absolute;width:20px;height:2px;background-color:#fff;content:'';top:7px;left:0;transform: rotate(-45deg);transition:0.5s}
    .cross .menulinks span:after{position:absolute;width:20px;height:2px;background-color:#fff;content:'';top:7px;left:0;transform: rotate(45deg);transition:0.5s}
    .mainmenu li.sub-menu >a.child-triggerm{position:absolute;display:inline-block;top:10px;right:15px;cursor:pointer;}
    .mainmenu li.sub-menu >a.child-triggerm  span{position:relative;display:block;cursor:pointer;}
    .mainmenu li.sub-menu >a.child-triggerm  span:before{position:absolute;width:12px;height:2px;background-color:#fff;content:'';}
    .mainmenu li.sub-menu >a.child-triggerm  span:after{position:absolute;width:12px;height:2px;background-color:#fff;content:'';transition:0.5s;transform:rotate(90deg);}
    .mainmenu li.sub-menu >a.child-triggerm.active span:after{position:absolute;width:12px;height:2px;background-color:#fff;transition:0.5s;transform:rotate(0deg);}
    .mainmenu li.sub-menu ul{display:none;background-color:#fff;padding:10px 15px;margin:10px;}
    .mainmenu li.sub-menu ul > li.sub-menu > ul{display:none}
    ul.mainmenu{display:none; width: 100%; position: absolute; background:var(--color-sky); left: 0;padding-top:25px;padding-bottom:25px;top:71px;z-index:99;}    
    .mainmenu li a{padding:3px 25px;display:block;} 
    .mainmenu li a:hover { color: #fff; }
    .mainmenu li.sub-menu li a:hover{color:#000}
    .mainmenu .sub-menu ul{background:#00cd43;padding-left:15px}
    /*#transparent-header*/    
    .cross .menulinks span{background-color:transparent;}
    .cross .menulinks span:before{background-color:#ffffff}
    .cross .menulinks span:after{background-color:#ffffff}
    .mainmenu li.sub-menu ul >li.sub-menu >a.child-triggerm{position:absolute;right:0;top:10px;display:inline-block;right:15px;}
    .contact-btn { margin-right: 50px; }
    .menulinks {top:15px;}
    .country-list-wrap ul li:not(:last-child):after {display: none;}
    header.fixed { transition: 0.3s ease-in-out all; position: fixed; top: 0; left: 0; width: 100%; height: auto; padding: 0; z-index: 99; }
    .country-list-wrap{padding:0}
    .main-content {padding-top: 10px;}
}

@media(max-width:602px) {
    .row.passport-content-row img {
        margin-left: -30px;
    }
    header nav ul{margin-right:0}
    ul.mainmenu{top:90px}
 }
@media(max-width:450px) {      
    ul.mainmenu{top:100px}
}