/*==========================================================
    Emirates Online Visa
    Typography CSS
    Version: 1.0.0
==========================================================*/


/*==========================================================
    Body
==========================================================*/

html{
    font-size:100%;
    scroll-behavior:smooth;
}

body{

    font-family:var(--eov-font-primary);

    font-size:var(--eov-fs-base);

    font-weight:var(--eov-font-weight-regular);

    line-height:1.8;

    color:var(--eov-text);

    background:var(--eov-background);

    -webkit-font-smoothing:antialiased;

    -moz-osx-font-smoothing:grayscale;

    text-rendering:optimizeLegibility;

}


/*==========================================================
    Headings
==========================================================*/

h1,
h2,
h3,
h4,
h5,
h6{

    margin:0 0 20px;

    color:var(--eov-heading);

    font-family:var(--eov-font-primary);

    font-style:normal;

    line-height:var(--eov-line-heading);

    letter-spacing:var(--eov-letter-tight);

}

h1{

    font-size:var(--eov-h1);

    font-weight:800;

}

h2{

    font-size:var(--eov-h2);

    font-weight:700;

}

h3{

    font-size:var(--eov-h3);

    font-weight:700;

}

h4{

    font-size:var(--eov-h4);

    font-weight:700;

}

h5{

    font-size:var(--eov-h5);

    font-weight:600;

}

h6{

    font-size:var(--eov-h6);

    font-weight:600;

}


/*==========================================================
    Paragraph
==========================================================*/

p{

    margin:0 0 20px;

    color:var(--eov-text);

    font-size:var(--eov-fs-base);

    font-weight:400;

    line-height:1.8;

}


/*==========================================================
    Lead Text
==========================================================*/

.eov-lead{

    font-size:20px;

    font-weight:400;

    line-height:1.8;

    color:var(--eov-text);

}


/*==========================================================
    Small Text
==========================================================*/

small,
.eov-small{

    font-size:14px;

    line-height:1.7;

    color:var(--eov-text-light);

}


/*==========================================================
    Strong
==========================================================*/

strong,
b{

    font-weight:700;

    color:var(--eov-heading);

}


/*==========================================================
    Links
==========================================================*/

a{

    color:var(--eov-primary);

    text-decoration:none;

    transition:var(--eov-transition);

}

a:hover{

    color:var(--eov-primary-hover);

}


/*==========================================================
    Lists
==========================================================*/

ul,
ol{

    margin:0 0 24px 22px;

    padding:0;

}

li{

    margin-bottom:10px;

    color:var(--eov-text);

    line-height:1.8;

}


/*==========================================================
    Blockquote
==========================================================*/

blockquote{

    margin:40px 0;

    padding:24px 30px;

    border-left:4px solid var(--eov-primary);

    background:#fff;

    border-radius:12px;

    box-shadow:var(--eov-shadow-sm);

}

blockquote p{

    margin:0;

    font-size:20px;

    font-style:italic;

}


/*==========================================================
    Code
==========================================================*/

code,
pre{

    font-family:Consolas, monospace;

    background:#f5f5f5;

    border-radius:6px;

}

code{

    padding:3px 6px;

}

pre{

    padding:20px;

    overflow:auto;

}


/*==========================================================
    Horizontal Rule
==========================================================*/

hr{

    border:none;

    border-top:1px solid var(--eov-border);

    margin:50px 0;

}


/*==========================================================
    Text Utilities
==========================================================*/

.text-primary{

    color:var(--eov-primary);

}

.text-heading{

    color:var(--eov-heading);

}

.text-muted{

    color:var(--eov-text);

}

.text-light{

    color:var(--eov-text-light);

}

.text-success{

    color:var(--eov-success);

}

.text-warning{

    color:var(--eov-warning);

}

.text-danger{

    color:var(--eov-danger);

}

.text-white{

    color:#fff;

}


/*==========================================================
    Alignment
==========================================================*/

.text-left{

    text-align:left;

}

.text-center{

    text-align:center;

}

.text-right{

    text-align:right;

}


/*==========================================================
    Font Weight
==========================================================*/

.fw-light{

    font-weight:300;

}

.fw-normal{

    font-weight:400;

}

.fw-medium{

    font-weight:500;

}

.fw-semibold{

    font-weight:600;

}

.fw-bold{

    font-weight:700;

}

.fw-extrabold{

    font-weight:800;

}


/*==========================================================
    Elementor Typography
==========================================================*/

.elementor-heading-title{

    color:var(--eov-heading);

    font-family:var(--eov-font-primary);

}

.elementor-widget-text-editor{

    color:var(--eov-text);

    font-family:var(--eov-font-primary);

    font-size:16px;

    line-height:1.8;

}

.elementor-widget-text-editor p:last-child{

    margin-bottom:0;

}


/*==========================================================
    Responsive
==========================================================*/

@media (max-width:1024px){

h1{

    font-size:44px;

}

h2{

    font-size:36px;

}

h3{

    font-size:30px;

}

h4{

    font-size:26px;

}

}

@media (max-width:767px){

body{

    font-size:15px;

}

h1{

    font-size:36px;

}

h2{

    font-size:30px;

}

h3{

    font-size:26px;

}

h4{

    font-size:22px;

}

h5{

    font-size:20px;

}

h6{

    font-size:18px;

}

p{

    font-size:15px;

}

.eov-lead{

    font-size:18px;

}

}