@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Mukta:wght@200;300;400;500;600;700;800&family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@font-face {
    font-family: 'CeraGR Light';
    src: url('../fonts/CeraGR-Light.woff2') format('woff2'),
        url('../fonts/CeraGR-Light.woff') format('woff');
    font-weight: 300;
    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: 'CeraGR Black';
    src: url('../fonts/CeraGR-Black.woff2') format('woff2'),
        url('../fonts/CeraGR-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CeraGR Medium';
    src: url('../fonts/CeraGR-Medium.woff2') format('woff2'),
        url('../fonts/CeraGR-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CeraGR Regular';
    src: url('../fonts/CeraGR-Regular.woff2') format('woff2'),
        url('../fonts/CeraGR-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



/* ================================== default css start  ================================== */

html {scroll-behavior: smooth;}
body {font-family: sans-serif;overflow-x: hidden;} 
h1,
h2,
h3,
h4,
h5,
h6{color: #000;font-weight: 700;font-family: "Mukta", sans-serif;}

span,
a{ color: #121213;font-family:inherit;font-size: inherit;}
input,
div,
button{font-family: "Lato", sans-serif;}
h1{font-size: 42px;}
h2{font-size: 36px;}
h3{font-size: 30px;}
h4{font-size: 26px;}
h5{font-size: 24px;}
h6{font-size: 22px;}
p{font-family: "Lato";font-size: 17px;color: #1d1d1d;font-weight: 500;}
span{font-size: 16px;}
input{font-size: 14px;}
label{font-size: 14px;}
ul{list-style-type: none;list-style-position: inside;padding: 0;margin: 0;}
ol{ list-style-position: inside;}
a{ text-decoration: none;color: inherit;cursor: pointer; transition: all .2s linear;}
a:active{ color: #1e91f0;    }
a:hover{ color: #f7931e;}
button, input[type="button"] {font-size: 16px;color: #fff;background-color: #c2272d; box-shadow: none;outline: none;border-color: none;border-radius: 8px;padding: 5px 20px;display: block;margin-bottom: 10px;}
button:focus, input[type="button"]:focus { box-shadow: none;outline: none;}
button:hover, input[type="button"]:hover { color: #fff;background-color: #f7941f; box-shadow: none;outline: none;}
input, input:focus, input:focus{   box-shadow: none;outline: none;}
figure img, img{max-width: 100%;}

/* section headint (section-title) */
.heading{text-align: center;padding-bottom:15px ;font-size: 40px;font-weight: 700;margin-bottom: 40px;position: relative;}
.heading::after{content:"" ;position: absolute;top: 100%;left: 50%;width: 83px;height: 2px;background-color:#bbbbbb;transform: translate(-50%,0%);}
/* default btn */
.button{font-family: "Mukta", sans-serif;font-weight: 500;font-size: 22px;color: #fff;background: linear-gradient(45deg, #c2292c, #fb911b);border-radius: 8px;padding: 8px 30px;margin-bottom: 10px;transition: all .4s linear;    outline: none;border: none;    display: inline-block;}
.button:hover{color: #fff;background: linear-gradient(-45deg, #c2292c, #fb911b);}
/* ================================== default css end  ================================== */
.container{max-width: 1200px;}
header .container, .footer-section .container, .dubai-visa-services-section .container{max-width: 1470px;}



/* ================ how-to-apply-section css start ================ */
.how-to-apply-section {position: relative;padding-top: 50px;padding-bottom: 20px;background-color: #f7f7f7;border-top: 2px solid #e4e4e4; }
.how-to-apply-section .heading h2{font-family:"Lato", sans-serif; font-weight: bold;} 
.how-to-apply-wrap {display: flex;flex-flow: row;flex-wrap: wrap;}
.how-to-apply-colum {width: 25%;display: flex;flex-flow: column;}
.how-to-apply-card {flex: 1;position: relative;border-radius: 10px;margin:0px 15px;padding: 0px 20px 20px 20px;box-shadow: 0px 0px 18px rgba(0,0,0,.21);overflow: hidden;transition: all .4s linear;}
.how-to-apply-card:hover{transform: translateY(-5px);box-shadow: 0px 0px 18px rgba(0,0,0,.4);} 
.how-card-img img {display: block;margin: 0 auto;filter: brightness(0) invert(1);}
.how-card-img {position: relative;margin-bottom: 40px;}
.how-card-img img{position: relative;padding: 15px 0px;display: block;margin: 0 auto;}
.how-card-img::before {position: absolute;top: 0;left: 50%;display: block;content: "";min-width: 90px;width: 44%; max-width: 100px;height: 120%;background: linear-gradient(#f8931f 0%, #c83234 90%);clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 50% 100%, 0% 70%);transform: translate(-50%, 0px);} 
.how-card-contant {text-align: center;}
.how-card-contant h3{font-family: "Lato", sans-serif; font-weight: bold;font-size: 17px;line-height: 30px;letter-spacing: 0.50px;} 
.how-card-contant p{color: #252525;font-family: "Lato", sans-serif; font-weight: 400;font-size: 15px; line-height: 20px;letter-spacing: 0.25px;}
.how-card-contant a{ text-decoration:underline;}
.how-card-contant a{color:inherit;}
.how-card-contant a:hover{color: #c83234;}
.visite-dubai {padding: 60px 0px;}
.visite-dubai img{display: block;margin: 0 auto;max-width: 265px;}
.apply-btn {padding: 15px 0px;position: absolute;bottom: -30px;left: 0;right: 0;text-align: center;overflow: hidden;}
.apply-btn a{position: relative;margin-bottom: 0;}
.apply-btn::before {content: "";position: absolute;top: 50%;left: 0;right: 0;width: 1000%;height: 3px;background: #c83234;z-index: 0;transform: translate(-50%, -50%);} 
/* ================ how-to-apply-section css end ================ */ 



/* ================ faqs-section css sart ================ */ 
.faqs-section{padding: 30px 0px 70px 0px;}
.faqs-section .heading{margin-bottom: 20px;}
.faqs-section .heading::after{display: none;}
.faqs-section .accordion-item{position: relative;border-bottom: none;margin-bottom: 5px;padding: 0px 20px;} 
.faqs-section .accordion-item::after {position: absolute;top: 100%;left: 0;right: 0;content: "";width: 100%;padding: 1px;border-radius: 10px;border: 1px #d4d4d4 double;transform: translateY(-50%);} 
.faqs-section .accordion-button{color: initial;background:inherit;box-shadow: none;}
.faqs-section .accordion-item:last-child::after {display: none;} 
.faqs-section .accordion-button::before {content: "";position: absolute;right: 18px;height: 32px;width: 32px;border-radius: 50px;background: #f1811e;z-index: 0;}
.faqs-section .accordion-button::after{    position: absolute;right: 27px;width: 15px;height: 15px;background-image: url(../images/accordion-open.png);background-size: cover;background-repeat: no-repeat;background-position: center;}
.faqs-section .accordion-button:not(.collapsed)::after{width: 14px;height: 1px;background-image: url(../images/accordion-close.png);background-size: cover; background-repeat: no-repeat;background-position: center;}
.faqs-section .accordion-button{padding: 20px 60px 20px 20px;margin-bottom: 0;}
.faqs-section .accordion-button h5{width: 100%;margin-bottom: 0;font-size: 20px;font-weight: 400; }
.faqs-section  .accordion-body{padding-top: 0px;padding-right: 50px;}
.faqs-section  .accordion-body p:last-child{margin-bottom: 0;}
/* ================ faqs-section css end ================ */ 


/*=============inner-pages-start===============*/   
.inner-banner{padding: 24px 0px;background: linear-gradient(45deg, #c2292c, #fb911b);transition: all .4s linear;} 
.inner-banner h1{font-size:36px;color:#fff;margin-bottom: 0;letter-spacing: 1px;}

.breadcrumb-sec {padding: 15px 0px;}
.breadcrumb-sec ul li a {font-size: 16px;color: #000000;}
.breadcrumb-sec ul li.active {color: #cf4329;}
.breadcrumb-sec .breadcrumb-item+.breadcrumb-item::before {display: none;}
.breadcrumb-sec ul li {font-size: 16px; font-family: "Mukta"; }
.breadcrumb-sec .breadcrumb {margin-bottom: 0;}
    
.form-group {margin-bottom: 20px;}
.form-group label {font-size: 16px;font-weight: 500;color: #000;}
.form-group .form-control {display: block;font-size: 16px;border: 1px solid #000;padding: 10px 15px;background-color: #fff;color: #000;border-radius: 0px;}
.form-group .form-control::placeholder {color: #000;}

/*============Privacy-terms-start==============*/ 
.privacy-terms {padding: 40px 0px;} 
.privacy-terms .heading { text-align: left;}
.privacy-terms .heading::after {    left: 0; transform: none;} 
.privacy-terms ul {margin-bottom: 20px;padding-left: 20px;} 
.privacy-terms ul li {list-style: disc;margin-bottom: 10px; font-weight: 600;} 

/*============Page404-start==============*/ 
.page404 {padding: 60px 15px;text-align: center;} 
.page404 figure img {width: 400px;margin: auto;} 
.page404 h6 {font-size: 56px;margin-bottom: 20px;font-weight: 600;} 
.page404 p {font-size: 20px;margin-bottom: 20px;} 

/*=============inner-pages-End===============*/