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

/*
|--------------------------------------------------------------------------
| Custom Overrides
|--------------------------------------------------------------------------
| This file is reserved for:
| - Elementor overrides
| - Third-party plugin styling
| - One-off page fixes
| - Temporary CSS
|
| Do NOT place global design rules here.
| Use the dedicated CSS files instead.
|--------------------------------------------------------------------------
*/


/*==========================================================
    Selection
==========================================================*/

::selection{
    background:var(--eov-primary);
    color:var(--eov-white);
}

::-moz-selection{
    background:var(--eov-primary);
    color:var(--eov-white);
}


/*==========================================================
    Smooth Scroll
==========================================================*/

html{
    scroll-behavior:smooth;
}


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

body{

    background:var(--eov-background);

    color:var(--eov-text);

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

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

    line-height:1.8;

    -webkit-font-smoothing:antialiased;

    text-rendering:optimizeLegibility;

}


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

a{

    color:var(--eov-primary);

    transition:var(--eov-transition);

    text-decoration:none;

}

a:hover{

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

}


/*==========================================================
    Images
==========================================================*/

img{

    max-width:100%;

    height:auto;

    display:block;

}


/*==========================================================
    Elementor Container
==========================================================*/

.e-con{

    position:relative;

}

.e-con-boxed{

    max-width:var(--eov-container);

}


/*==========================================================
    Section Spacing
==========================================================*/

.section-padding{

    padding-top:var(--eov-section-lg);

    padding-bottom:var(--eov-section-lg);

}

.section-padding-sm{

    padding-top:70px;

    padding-bottom:70px;

}

.section-padding-xl{

    padding-top:140px;

    padding-bottom:140px;

}


/*==========================================================
    Cards
==========================================================*/

.eov-card{

    background:var(--eov-card);

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

    border-radius:var(--eov-card-radius);

    padding:var(--eov-card-padding);

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

    transition:var(--eov-transition);

}

.eov-card:hover{

    transform:translateY(-5px);

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

}


/*==========================================================
    Shadows
==========================================================*/

.shadow-sm{

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

}

.shadow-md{

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

}

.shadow-lg{

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

}


/*==========================================================
    Border Radius
==========================================================*/

.radius-sm{

    border-radius:var(--eov-radius-sm);

}

.radius-md{

    border-radius:var(--eov-radius-md);

}

.radius-lg{

    border-radius:var(--eov-radius-lg);

}

.radius-xl{

    border-radius:var(--eov-radius-xl);

}


/*==========================================================
    Background Helpers
==========================================================*/

.bg-primary{

    background:var(--eov-primary);

    color:#fff;

}

.bg-dark{

    background:var(--eov-secondary);

    color:#fff;

}

.bg-light{

    background:var(--eov-background);

}

.bg-white{

    background:#fff;

}


/*==========================================================
    Text Helpers
==========================================================*/

.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-white{

    color:#fff;

}


/*==========================================================
    Borders
==========================================================*/

.border{

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

}

.border-top{

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

}

.border-bottom{

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

}


/*==========================================================
    Overflow
==========================================================*/

.overflow-hidden{

    overflow:hidden;

}


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

.w-100{

    width:100%;

}

.h-100{

    height:100%;

}

.d-none{

    display:none;

}

.text-center{

    text-align:center;

}

.text-left{

    text-align:left;

}

.text-right{

    text-align:right;

}


/*==========================================================
    Focus Accessibility
==========================================================*/

a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus{

    outline:2px solid var(--eov-primary);

    outline-offset:2px;

}


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

@media(max-width:1024px){

.section-padding{

    padding-top:90px;

    padding-bottom:90px;

}

}

@media(max-width:767px){

.section-padding{

    padding-top:70px;

    padding-bottom:70px;

}

.eov-card{

    padding:24px;

}

}