/*
=========================================================
Project : AZKITOUR MARKETPLACE
Version : 1.0.0
Ticket  : AZK-000015
=========================================================
*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    direction:rtl;

    background:#f5f7fa;

    font-family:'Vazirmatn', sans-serif;

    color:#222;

    font-weight:400;

}
/*================ HEADER ================*/

.top-header{

    height:72px;

    background:#003580;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:0 35px;

    box-shadow:0 2px 12px rgba(0,0,0,.15);

}

.logo a{

    color:#fff;

    text-decoration:none;

    font-size:24px;

    font-weight:bold;

}

.logo span{

    color:#FDB913;

}

nav{

    display:flex;

    gap:28px;

}

nav a{

    color:white;

    text-decoration:none;

    font-size:14px;

    transition:.25s;

}

nav a:hover{

    color:#FDB913;

}

.top-buttons{

    display:flex;

    gap:10px;

}

.partner-btn{

    background:#FDB913;

    color:#222;

    text-decoration:none;

    padding:10px 18px;

    border-radius:8px;

    font-weight:bold;

}

.login-btn{

    background:white;

    color:#003580;

    text-decoration:none;

    padding:10px 18px;

    border-radius:8px;

    font-weight:bold;

}

/*================ HERO ================*/

.hero{

    background:white;

    padding:45px 0;

    border-bottom:1px solid #e5e5e5;

}

.hero-content{

    width:92%;

    max-width:1200px;

    margin:auto;

    text-align:center;

}

.hero h1{

    font-size:36px;

    color:#003580;

    margin-bottom:10px;

}

.hero p{

    color:#777;

    margin-bottom:30px;

    font-size:17px;

}

/*================ SEARCH ================*/

.search-form{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    flex-wrap:wrap;

}

.search-form input{

    width:500px;

    padding:15px;

    border:1px solid #d8d8d8;

    border-radius:10px;

    outline:none;

    font-size:15px;

}

.search-form select{

    width:190px;

    padding:15px;

    border:1px solid #d8d8d8;

    border-radius:10px;

    background:white;

    font-size:15px;

}

.search-form button{

    background:#FDB913;

    color:#222;

    border:none;

    padding:15px 35px;

    border-radius:10px;

    cursor:pointer;

    font-weight:bold;

}

.search-form button:hover{

    background:#f3b300;

}

/*================ CONTENT ================*/

.container{

    width:92%;

    max-width:1200px;

    margin:35px auto;

}

.service-card{

    background:white;

    border-radius:12px;

    padding:25px;

    box-shadow:0 3px 15px rgba(0,0,0,.08);

    margin-bottom:25px;

}

.date{

    color:#d60000;

    font-weight:bold;

    margin-bottom:10px;

}

.service-card h3{

    color:#003580;

    margin-bottom:12px;

}

.service-card p{

    color:#666;

    line-height:28px;

    margin-bottom:20px;

}

table{

    width:100%;

    border-collapse:collapse;

}

table th{

    background:#003580;

    color:white;

    padding:12px;

}

table td{

    padding:12px;

    border-bottom:1px solid #ececec;

    text-align:center;

}

table a{

    background:#0071c2;

    color:white;

    text-decoration:none;

    padding:8px 18px;

    border-radius:6px;

}

/*================ FOOTER ================*/

footer{

    margin-top:50px;

    background:#003580;

    color:white;

    text-align:center;

    padding:20px;

}

/*================ RESPONSIVE ================*/

@media(max-width:900px){

.top-header{

    flex-direction:column;

    height:auto;

    padding:15px;

}

nav{

    flex-wrap:wrap;

    justify-content:center;

    margin:15px 0;

}

.search-form input{

    width:100%;

}

.search-form select{

    width:100%;

}

.search-form button{

    width:100%;

}

}
/*=========================================================
  TOUR SECTION
=========================================================*/

.section-title{

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:20px;

}

.section-title h2{

    color:#003580;

    font-size:22px;

}

.section-title a{

    color:#0071c2;

    text-decoration:none;

    font-size:14px;

}

.tour-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

}

.tour-card{

    background:#fff;

    border:1px solid #e5e5e5;

    border-radius:14px;

    overflow:hidden;

    transition:.25s;

}

.tour-card:hover{

    transform:translateY(-4px);

    box-shadow:0 8px 25px rgba(0,0,0,.10);

}

.tour-image{

    height:190px;

    position:relative;

    overflow:hidden;

    background:#eee;

}

.tour-image img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.tour-badge{

    position:absolute;

    top:12px;

    left:12px;

    right:auto;

    z-index:5;

    background:#d60000;

    color:#fff;

    padding:6px 12px;

    border-radius:5px;

    font-size:11px;

    font-weight:600;

    line-height:1.5;

    box-shadow:0 2px 6px rgba(0,0,0,.18);

    white-space:nowrap;

}

.tour-content{

    padding:18px;

}

.tour-date{

    color:#d60000;

    font-size:12px;

    font-weight:600;

    margin-bottom:8px;

}

.tour-content h3{

    color:#003580;

    font-size:19px;

    font-weight:700;

    margin-bottom:8px;

}

.tour-description{

    color:#666;

    font-size:13px;

    margin-bottom:15px;

}

.tour-features,

.tour-services{

    display:flex;

    flex-wrap:wrap;

    gap:7px;

    margin-bottom:12px;

}

.tour-features span{

    background:#f3f5f7;

    padding:6px 8px;

    border-radius:6px;

    font-size:11px;

}

.tour-services span{

    color:#555;

    font-size:11px;

}

.tour-price{

    border-top:1px solid #eee;

    margin-top:15px;

    padding-top:15px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:10px;

}

.tour-price small{

    display:block;

    color:#888;

    font-size:10px;

    margin-bottom:4px;

}

.tour-price strong{

    display:block;

    color:#222;

    font-size:15px;

}

.tour-button{

    background:#0071c2;

    color:#fff;

    text-decoration:none;

    padding:10px 14px;

    border-radius:7px;

    font-size:12px;

    white-space:nowrap;

}

.tour-button:hover{

    background:#005b9f;

}


/*=========================================================
  TOUR RESPONSIVE
=========================================================*/

@media(max-width:1000px){

    .tour-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:650px){

    .tour-grid{

        grid-template-columns:1fr;

    }

    .section-title{

        flex-direction:column;

        align-items:flex-start;

        gap:10px;

    }

    .tour-price{

        flex-direction:column;

        align-items:stretch;

    }

    .tour-button{

        text-align:center;

    }

}
/*=========================================================
  TOUR VIEW SWITCH
=========================================================*/

.view-switch{

    display:flex;

    gap:5px;

    background:#f1f3f5;

    padding:4px;

    border-radius:8px;

}

.view-btn{

    border:none;

    background:transparent;

    padding:8px 13px;

    border-radius:6px;

    cursor:pointer;

    color:#555;

    font-family:inherit;

    font-size:12px;

}

.view-btn.active{

    background:#003580;

    color:white;

}


/*=========================================================
  TOUR LIST VIEW
=========================================================*/

.tour-grid.list-view{

    display:flex;

    flex-direction:column;

    gap:15px;

}


.tour-grid.list-view .tour-card{

    display:flex;

    width:100%;

    min-height:210px;

}


.tour-grid.list-view .tour-image{

    width:280px;

    min-width:280px;

    height:auto;

}


.tour-grid.list-view .tour-content{

    flex:1;

}


.tour-grid.list-view .tour-description{

    margin-bottom:10px;

}


.tour-grid.list-view .tour-price{

    margin-top:15px;

}


/*=========================================================
  MOBILE
=========================================================*/

@media(max-width:650px){

    .section-title{

        flex-direction:column;

        align-items:flex-start;

        gap:12px;

    }

    .view-switch{

        width:100%;

    }

    .view-btn{

        flex:1;

    }

    .tour-grid.list-view .tour-card{

        display:block;

    }

    .tour-grid.list-view .tour-image{

        width:100%;

        min-width:100%;

        height:190px;

    }

}
/*=========================================================
  HOTEL SECTION
=========================================================*/

.hotel-section{

    margin-top:45px;

}


.hotel-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

}


.hotel-card{

    background:#fff;

    border:1px solid #e5e5e5;

    border-radius:14px;

    overflow:hidden;

    transition:.25s;

}


.hotel-card:hover{

    transform:translateY(-4px);

    box-shadow:0 8px 25px rgba(0,0,0,.10);

}


.hotel-image{

    height:190px;

    position:relative;

    overflow:hidden;

    background:#eee;

}


.hotel-image img{

    width:100%;

    height:100%;

    object-fit:cover;

}


.hotel-star{

    position:absolute;

    bottom:12px;

    right:12px;

    background:rgba(0,0,0,.72);

    color:#ffc107;

    padding:5px 9px;

    border-radius:6px;

    font-size:12px;

}


.hotel-content{

    padding:18px;

}


.hotel-location{

    color:#777;

    font-size:11px;

    margin-bottom:7px;

}


.hotel-content h3{

    color:#003580;

    font-size:18px;

    font-weight:700;

    margin-bottom:8px;

}


.hotel-description{

    color:#666;

    font-size:12px;

    line-height:22px;

    min-height:44px;

    margin-bottom:14px;

}


.hotel-features{

    display:flex;

    flex-wrap:wrap;

    gap:7px;

    margin-bottom:15px;

}


.hotel-features span{

    background:#f3f5f7;

    padding:6px 8px;

    border-radius:6px;

    color:#555;

    font-size:10px;

}


.hotel-price{

    border-top:1px solid #eee;

    padding-top:14px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:10px;

}


.hotel-price small{

    display:block;

    color:#888;

    font-size:10px;

    margin-bottom:4px;

}


.hotel-price strong{

    display:block;

    color:#222;

    font-size:14px;

}


.hotel-button{

    background:#0071c2;

    color:white;

    text-decoration:none;

    padding:10px 14px;

    border-radius:7px;

    font-size:11px;

    white-space:nowrap;

}


.hotel-button:hover{

    background:#005b9f;

}


/*=========================================================
  HOTEL RESPONSIVE
=========================================================*/

@media(max-width:1000px){

    .hotel-grid{

        grid-template-columns:repeat(2,1fr);

    }

}


@media(max-width:650px){

    .hotel-grid{

        grid-template-columns:1fr;

    }

    .hotel-price{

        flex-direction:column;

        align-items:stretch;

    }

    .hotel-button{

        text-align:center;

    }

}
/*=========================================================
  ADVERTISEMENT SECTION
=========================================================*/

.advertising-section{

    margin-top:45px;

}


.advertising-grid{

    display:grid;

    grid-template-columns:

        repeat(4,1fr);

    gap:14px;

}


.advertising-card{

    position:relative;

    height:120px;

    overflow:hidden;

    border-radius:10px;

    text-decoration:none;

    background:#ddd;

    display:block;

}


.advertising-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:.3s;

}


.advertising-card:hover img{

    transform:scale(1.05);

}


.advertising-overlay{

    position:absolute;

    inset:0;

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    padding:12px;

    background:

        linear-gradient(

            transparent,

            rgba(0,0,0,.78)

        );

}


.advertising-overlay strong{

    color:#fff;

    font-size:13px;

    font-weight:600;

    margin-bottom:4px;

}


.advertising-overlay span{

    color:#eee;

    font-size:10px;

}


/*=========================================================
  ADVERTISEMENT RESPONSIVE
=========================================================*/

@media(max-width:900px){

    .advertising-grid{

        grid-template-columns:

            repeat(2,1fr);

    }

}


@media(max-width:500px){

    .advertising-grid{

        grid-template-columns:1fr;

    }

}
/*=========================================================
  TOUR + VERTICAL ADS
=========================================================*/

.tour-area{

    display:grid;

    grid-template-columns:minmax(0,1fr) 180px;

    gap:20px;

    align-items:start;

}


.tour-main{

    min-width:0;

}


/*=========================================================
  VERTICAL ADS
=========================================================*/

.vertical-ads{

    background:#fff;

    border:1px solid #e5e5e5;

    border-radius:12px;

    padding:10px;

}


.vertical-ads-title{

    font-size:13px;

    font-weight:700;

    color:#003580;

    padding:6px 4px 10px;

}


.vertical-ads-scroll{

    height:410px;

    overflow-y:auto;

    display:flex;

    flex-direction:column;

    gap:10px;

    padding-left:2px;

}


.vertical-ads-scroll::-webkit-scrollbar{

    width:4px;

}


.vertical-ads-scroll::-webkit-scrollbar-thumb{

    background:#ccc;

    border-radius:10px;

}


.vertical-ad{

    position:relative;

    height:88px;

    min-height:88px;

    overflow:hidden;

    border-radius:8px;

    text-decoration:none;

    background:#eee;

}


.vertical-ad img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:.3s;

}


.vertical-ad:hover img{

    transform:scale(1.05);

}


.vertical-ad div{

    position:absolute;

    inset:0;

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    padding:8px;

    background:

        linear-gradient(

            transparent,

            rgba(0,0,0,.78)

        );

}


.vertical-ad strong{

    color:#fff;

    font-size:11px;

    font-weight:600;

}


.vertical-ad span{

    color:#eee;

    font-size:9px;

    margin-top:2px;

}


/*=========================================================
  HORIZONTAL ADS
=========================================================*/

.advertising-section{

    margin-top:35px;

    margin-bottom:10px;

}


.advertising-grid{

    display:grid;

    grid-template-columns:

        repeat(4,1fr);

    gap:14px;

}


.advertising-card{

    position:relative;

    height:120px;

    overflow:hidden;

    border-radius:10px;

    text-decoration:none;

    background:#ddd;

}


.advertising-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:.3s;

}


.advertising-card:hover img{

    transform:scale(1.05);

}


.advertising-overlay{

    position:absolute;

    inset:0;

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    padding:12px;

    background:

        linear-gradient(

            transparent,

            rgba(0,0,0,.78)

        );

}


.advertising-overlay strong{

    color:#fff;

    font-size:13px;

    font-weight:600;

}


.advertising-overlay span{

    color:#eee;

    font-size:10px;

    margin-top:3px;

}


/*=========================================================
  RESPONSIVE
=========================================================*/

@media(max-width:1000px){

    .tour-area{

        grid-template-columns:1fr;

    }


    .vertical-ads{

        display:none;

    }


    .advertising-grid{

        grid-template-columns:

            repeat(2,1fr);

    }

}


@media(max-width:600px){

    .advertising-grid{

        grid-template-columns:1fr;

    }

}
/* =====================================================
   AZKITOUR MOBILE FIX
===================================================== */

html,
body{

    max-width:100%;

    overflow-x:hidden;

}


img{

    max-width:100%;

}


/* HERO */

.hero{

    width:100%;

}


.hero-content{

    width:100%;

    box-sizing:border-box;

}


.search-form{

    width:100%;

    box-sizing:border-box;

}


/* CONTAINER */

.container{

    width:100%;

    max-width:1200px;

    box-sizing:border-box;

}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:900px){

    .container{

        padding-left:16px;

        padding-right:16px;

    }


    .tour-grid{

        grid-template-columns:

            repeat(2,minmax(0,1fr));

    }


    .hotel-grid{

        grid-template-columns:

            repeat(2,minmax(0,1fr));

    }


    .advertising-grid{

        grid-template-columns:

            repeat(2,minmax(0,1fr));

    }


    .search-form{

        flex-wrap:wrap;

    }


    .search-form input{

        flex:1 1 100%;

    }

}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:600px){

    .container{

        padding-left:12px;

        padding-right:12px;

    }


    /* HERO */

    .hero-content{

        padding-left:15px;

        padding-right:15px;

    }


    .hero h1{

        font-size:22px;

        line-height:1.7;

    }


    .hero p{

        font-size:11px;

    }


    .search-form{

        display:flex;

        flex-direction:column;

        gap:8px;

    }


    .search-form input,
    .search-form select,
    .search-form button{

        width:100%;

        min-width:0;

        box-sizing:border-box;

    }


    /* SECTION TITLE */

    .section-title{

        flex-wrap:wrap;

        gap:10px;

    }


    .section-title h2{

        font-size:17px;

    }


    /* TOURS */

    .tour-grid{

        grid-template-columns:1fr;

        gap:14px;

    }


    .tour-card{

        width:100%;

        min-width:0;

    }


    .tour-image{

        height:180px;

    }


    .tour-content{

        padding:14px;

    }


    .tour-content h3{

        font-size:16px;

    }


    .tour-features,
    .tour-services{

        gap:5px;

    }


    .tour-features span,
    .tour-services span{

        font-size:9px;

    }


    .tour-price{

        flex-direction:column;

        align-items:stretch;

        gap:10px;

    }


    .tour-button{

        width:100%;

        box-sizing:border-box;

        text-align:center;

    }


    /* BADGE */

    .tour-badge{

        top:10px;

        left:10px;

        right:auto;

        font-size:10px;

        padding:5px 9px;

    }


    /* HORIZONTAL ADS */

    .advertising-section{

        margin-top:25px;

    }


    .advertising-grid{

        grid-template-columns:1fr 1fr;

        gap:8px;

    }


    .advertising-card{

        height:95px;

    }


    .advertising-overlay{

        padding:8px;

    }


    .advertising-overlay strong{

        font-size:10px;

    }


    .advertising-overlay span{

        font-size:8px;

    }


    /* HOTELS */

    .hotel-grid{

        grid-template-columns:1fr;

        gap:14px;

    }


    .hotel-card{

        width:100%;

        min-width:0;

    }


    .hotel-image{

        height:180px;

    }


    .hotel-content{

        padding:14px;

    }


    .hotel-content h3{

        font-size:16px;

    }


    .hotel-price{

        flex-direction:column;

        align-items:stretch;

        gap:10px;

    }


    .hotel-button{

        width:100%;

        box-sizing:border-box;

        text-align:center;

    }


    /* VIEW BUTTONS */

    .view-switch{

        width:100%;

        display:flex;

    }


    .view-btn{

        flex:1;

    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media(max-width:380px){

    .container{

        padding-left:9px;

        padding-right:9px;

    }


    .advertising-grid{

        grid-template-columns:1fr;

    }


    .advertising-card{

        height:100px;

    }


    .tour-image,
    .hotel-image{

        height:160px;

    }

}
/* =====================================================
   AZK-000040
   TOUR META TOP
===================================================== */

.tour-meta-top{

    display:flex;

    align-items:center;

    justify-content:flex-start;

    gap:18px;

    width:100%;

    padding:0 0 10px;

    margin-bottom:10px;

    border-bottom:1px solid #eeeeee;

    font-size:11px;

    color:#666;

    box-sizing:border-box;

}

.tour-meta-top span{

    display:inline-flex;

    align-items:center;

    gap:4px;

    white-space:nowrap;

}

.tour-meta-top b{

    color:#333;

    font-weight:600;

}


/* MOBILE */

@media(max-width:600px){

    .tour-meta-top{

        flex-wrap:wrap;

        gap:6px 12px;

        font-size:10px;

        line-height:1.8;

    }

    .tour-meta-top span{

        white-space:normal;

    }

}
/* =====================================================
   AZK-000062
   VISA SECTION
===================================================== */

.visa-section{
    margin-top:45px;
}


.visa-grid{

    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:20px;

}


/* VISA CARD */

.visa-card{

    background:#fff;

    border:1px solid #e5e5e5;

    border-radius:14px;

    overflow:hidden;

    transition:.25s;

}


.visa-card:hover{

    transform:translateY(-4px);

    box-shadow:
        0 8px 25px rgba(0,0,0,.10);

}


/* IMAGE */

.visa-image{

    height:180px;

    position:relative;

    overflow:hidden;

    background:#eee;

}


.visa-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}


/* BADGE */

.visa-badge{

    position:absolute;

    top:12px;

    left:12px;

    background:#d60000;

    color:#fff;

    padding:6px 11px;

    border-radius:5px;

    font-size:11px;

    font-weight:600;

}


/* CONTENT */

.visa-content{

    padding:17px;

}


.visa-country{

    color:#777;

    font-size:12px;

    margin-bottom:6px;

}


.visa-content h3{

    color:#003580;

    font-size:18px;

    margin-bottom:8px;

}


.visa-description{

    color:#666;

    font-size:12px;

    line-height:22px;

    margin-bottom:12px;

}


/* INFO */

.visa-info{

    display:flex;

    flex-direction:column;

    gap:5px;

    color:#555;

    font-size:11px;

    margin-bottom:14px;

}


.visa-info span{

    display:block;

}


/* PRICE */

/* =====================================================
   AZK-000066
   VISA PRICE - RESPONSIVE FIX
===================================================== */

.visa-price{
    border-top:1px solid #eee;

    padding-top:13px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:10px;

    min-width:0;
}

.visa-price > div{
    min-width:0;
    flex:1;
}

.visa-price small{
    display:block;

    color:#888;

    font-size:9px;

    margin-bottom:3px;
}

.visa-price strong{
    display:block;

    color:#222;

    font-size:13px;

    line-height:20px;

    white-space:normal;

    word-break:normal;

    overflow-wrap:anywhere;
}

.visa-button{
    flex-shrink:0;

    white-space:nowrap;
}


/* لپ‌تاپ و مانیتورهای متوسط */

@media(max-width:1200px){

    .visa-grid{
        gap:14px;
    }

    .visa-content{
        padding:14px;
    }

    .visa-price{
        gap:7px;
    }

    .visa-price strong{
        font-size:12px;
    }

    .visa-button{
        padding:8px 10px;
        font-size:10px;
    }
}


/* تبلت */

@media(max-width:1000px){

    .visa-grid{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }

    .visa-price strong{
        font-size:13px;
    }

}


/* موبایل */

@media(max-width:650px){

    .visa-grid{
        grid-template-columns:1fr;
    }

    .visa-price{
        gap:10px;
    }

    .visa-price strong{
        font-size:13px;
    }

    .visa-button{
        padding:9px 12px;
        font-size:11px;
    }
}

/* BUTTON */

.visa-button{

    background:#0071c2;

    color:#fff;

    text-decoration:none;

    padding:9px 12px;

    border-radius:7px;

    font-size:11px;

    white-space:nowrap;

}


.visa-button:hover{

    background:#005b9f;

}


/* =====================================================
   4 ADS
===================================================== */

.visa-ads{

    margin-top:30px;

}


.visa-ads .advertising-grid{

    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:12px;

}


.visa-ads .ad-card{

    height:85px;

    background:#fff;

    border:1px solid #e5e5e5;

    border-radius:10px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    color:#777;

    font-size:12px;

    transition:.2s;

}


.visa-ads .ad-card:hover{

    border-color:#0071c2;

    color:#0071c2;

}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:1000px){

    .visa-grid{

        grid-template-columns:
            repeat(2,1fr);

    }

    .visa-ads .advertising-grid{

        grid-template-columns:
            repeat(2,1fr);

    }

}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:650px){

    .visa-section{

        margin-top:35px;

    }


    .visa-grid{

        grid-template-columns:1fr;

        gap:14px;

    }


    .visa-image{

        height:180px;

    }


    .visa-content{

        padding:14px;

    }


    .visa-price{

        align-items:center;

    }


    .visa-ads .advertising-grid{

        grid-template-columns:
            repeat(2,1fr);

        gap:8px;

    }


    .visa-ads .ad-card{

        height:70px;

        font-size:10px;

    }

}
/* =====================================================
   AZK-000068
   TRANSFER SECTION
===================================================== */

.transfer-section{

    margin-top:45px;

}


/* GRID */

.transfer-grid{

    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:20px;

}


/* CARD */

.transfer-card{

    background:#fff;

    border:1px solid #e5e5e5;

    border-radius:14px;

    overflow:hidden;

    transition:.25s;

}


.transfer-card:hover{

    transform:translateY(-4px);

    box-shadow:
        0 8px 25px rgba(0,0,0,.10);

}


/* IMAGE */

.transfer-image{

    height:180px;

    position:relative;

    overflow:hidden;

    background:#eee;

}


.transfer-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}


/* BADGE */

.transfer-badge{

    position:absolute;

    top:12px;

    left:12px;

    background:#d60000;

    color:#fff;

    padding:6px 11px;

    border-radius:5px;

    font-size:11px;

    font-weight:600;

}


/* CONTENT */

.transfer-content{

    padding:17px;

}


/* ROUTE */

.transfer-route{

    color:#0071c2;

    font-size:12px;

    font-weight:600;

    margin-bottom:7px;

}


.transfer-route span{

    margin:0 5px;

}


/* TITLE */

.transfer-content h3{

    color:#003580;

    font-size:18px;

    margin-bottom:8px;

}


/* DESCRIPTION */

.transfer-description{

    color:#666;

    font-size:12px;

    line-height:22px;

    margin-bottom:12px;

}


/* INFO */

.transfer-info{

    display:flex;

    flex-direction:column;

    gap:5px;

    color:#555;

    font-size:11px;

    margin-bottom:14px;

}


/* PRICE */

.transfer-price{

    border-top:1px solid #eee;

    padding-top:13px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:10px;

}


.transfer-price > div{

    min-width:0;

    flex:1;

}


.transfer-price small{

    display:block;

    color:#888;

    font-size:9px;

    margin-bottom:3px;

}


.transfer-price strong{

    display:block;

    color:#222;

    font-size:13px;

    line-height:20px;

    white-space:normal;

    overflow-wrap:anywhere;

}


/* BUTTON */

.transfer-button{

    flex-shrink:0;

    white-space:nowrap;

    background:#0071c2;

    color:#fff;

    text-decoration:none;

    padding:9px 12px;

    border-radius:7px;

    font-size:11px;

}


.transfer-button:hover{

    background:#005b9f;

}


/* =====================================================
   4 ADS
===================================================== */

.transfer-ads{

    margin-top:30px;

}


.transfer-ad-grid{

    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:12px;

}


.transfer-ad{

    height:85px;

    background:#fff;

    border:1px solid #e5e5e5;

    border-radius:10px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    color:#777;

    font-size:12px;

    transition:.2s;

}


.transfer-ad:hover{

    border-color:#0071c2;

    color:#0071c2;

}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:1000px){

    .transfer-grid{

        grid-template-columns:
            repeat(2,minmax(0,1fr));

    }

    .transfer-ad-grid{

        grid-template-columns:
            repeat(2,minmax(0,1fr));

    }

}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:650px){

    .transfer-section{

        margin-top:35px;

    }


    .transfer-grid{

        grid-template-columns:1fr;

        gap:14px;

    }


    .transfer-image{

        height:180px;

    }


    .transfer-content{

        padding:14px;

    }


    .transfer-price{

        gap:8px;

    }


    .transfer-price strong{

        font-size:12px;

    }


    .transfer-button{

        padding:8px 10px;

        font-size:10px;

    }


    .transfer-ad-grid{

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:8px;

    }


    .transfer-ad{

        height:70px;

        font-size:10px;

    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media(max-width:380px){

    .transfer-price{

        flex-wrap:wrap;

    }

    .transfer-button{

        width:100%;

        text-align:center;

    }

}