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


/*==========================================================
    Base Card
==========================================================*/

.eov-card{

    position:relative;

    display:flex;

    flex-direction:column;

    background:var(--eov-card);

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

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

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

    overflow:hidden;

    transition:var(--eov-transition);

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

    height:100%;

}

.eov-card:hover{

    transform:translateY(-8px);

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

    border-color:rgba(139,30,45,.15);

}


/*==========================================================
    Card Header
==========================================================*/

.eov-card-header{

    margin-bottom:24px;

}

.eov-card-icon{

    width:64px;

    height:64px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(139,30,45,.08);

    color:var(--eov-primary);

    border-radius:16px;

    margin-bottom:20px;

    font-size:28px;

}

.eov-card-title{

    margin:0 0 12px;

    color:var(--eov-heading);

    font-size:24px;

    font-weight:700;

}

.eov-card-subtitle{

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

    font-size:14px;

}


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

.eov-card-body{

    flex:1;

}

.eov-card-body p:last-child{

    margin-bottom:0;

}


/*==========================================================
    Card Footer
==========================================================*/

.eov-card-footer{

    margin-top:30px;

}


/*==========================================================
    Visa Card
==========================================================*/

.eov-visa-card{

    position:relative;

}

.eov-visa-price{

    font-size:38px;

    font-weight:800;

    color:var(--eov-primary);

    line-height:1;

    margin-bottom:18px;

}

.eov-visa-duration{

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

    margin-bottom:20px;

}


/*==========================================================
    Feature List
==========================================================*/

.eov-card ul{

    list-style:none;

    padding:0;

    margin:24px 0;

}

.eov-card ul li{

    display:flex;

    align-items:flex-start;

    gap:12px;

    margin-bottom:14px;

}

.eov-card ul li::before{

    content:"✓";

    color:var(--eov-success);

    font-weight:700;

}


/*==========================================================
    Country Card
==========================================================*/

.eov-country-card img{

    width:100%;

    border-radius:14px;

    margin-bottom:20px;

}


/*==========================================================
    Blog Card
==========================================================*/

.eov-blog-card img{

    width:100%;

    aspect-ratio:16/9;

    object-fit:cover;

    border-radius:14px;

    margin-bottom:24px;

}

.eov-blog-date{

    font-size:14px;

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

    margin-bottom:12px;

}


/*==========================================================
    Pricing Card
==========================================================*/

.eov-pricing-card{

    text-align:center;

}

.eov-price{

    font-size:52px;

    font-weight:800;

    color:var(--eov-primary);

    margin:20px 0;

}

.eov-price small{

    font-size:16px;

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

}


/*==========================================================
    Featured Card
==========================================================*/

.eov-featured{

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

    transform:scale(1.03);

}

.eov-featured::before{

    content:"Recommended";

    position:absolute;

    top:20px;

    right:-38px;

    background:var(--eov-primary);

    color:#fff;

    padding:8px 40px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

}


/*==========================================================
    Trust Card
==========================================================*/

.eov-trust-card{

    text-align:center;

}

.eov-trust-number{

    font-size:46px;

    font-weight:800;

    color:var(--eov-primary);

    margin-bottom:10px;

}

.eov-trust-title{

    font-size:18px;

    font-weight:600;

    color:var(--eov-heading);

}


/*==========================================================
    Badge
==========================================================*/

.eov-badge{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:8px 16px;

    border-radius:999px;

    background:rgba(139,30,45,.08);

    color:var(--eov-primary);

    font-size:13px;

    font-weight:600;

}


/*==========================================================
    Card Image
==========================================================*/

.eov-card-image{

    overflow:hidden;

    border-radius:16px;

    margin-bottom:24px;

}

.eov-card-image img{

    width:100%;

    transition:.5s;

}

.eov-card:hover img{

    transform:scale(1.08);

}


/*==========================================================
    Horizontal Card
==========================================================*/

.eov-card-horizontal{

    display:flex;

    gap:32px;

    align-items:center;

}

.eov-card-horizontal img{

    width:240px;

    border-radius:16px;

}


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

.elementor-widget-container .eov-card{

    height:100%;

}


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

@media(max-width:1024px){

.eov-price{

    font-size:42px;

}

.eov-card-horizontal{

    flex-direction:column;

    align-items:flex-start;

}

}

@media(max-width:767px){

.eov-card{

    padding:24px;

}

.eov-card-title{

    font-size:22px;

}

.eov-visa-price{

    font-size:30px;

}

.eov-price{

    font-size:36px;

}

.eov-featured{

    transform:none;

}

.eov-featured::before{

    display:none;

}

}