/*==================================================
    Download Center
    Base Style
==================================================*/


.download_page {
    width:100%;
    overflow:hidden;
}


.download_container {

    width:165rem;
    max-width:calc(100% - 6rem);
    margin:0 auto;

}





/*==================================================
    Common Button
==================================================*/


.download_button_primary,
.download_button_default {


    height:5.8rem;
    padding:0 3.2rem;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:1.2rem;

    font-size:1.6rem;
    font-weight:500;

    text-decoration:none;

    transition:all .35s ease;

}



.download_button_primary {


    background:#f58220;
    color:#fff;

}



.download_button_primary:hover {


    transform:translateY(-0.3rem);

}



.download_button_default {


    border:1px solid rgba(20,80,150,.25);

    color:#0d3765;

    background:#fff;

}



.download_button_default:hover {


    border-color:#f58220;

    color:#f58220;

    transform:translateY(-0.3rem);

}





/*==================================================
    Hero
==================================================*/


.download_hero {


    position:relative;

    padding:14rem 0 9rem;

    background:

    linear-gradient(
        135deg,
        #f8fbff 0%,
        #edf6ff 50%,
        #ffffff 100%
    );

}




.download_hero::before {


    content:"";

    position:absolute;

    width:90rem;

    height:90rem;

    right:-30rem;

    top:-20rem;


    background:

    radial-gradient(
        circle,
        rgba(36,125,220,.12),
        transparent 70%
    );


    animation:download_light_rotate 20s linear infinite;


}




@keyframes download_light_rotate {


    0%{

        transform:rotate(0deg);

    }


    100%{

        transform:rotate(360deg);

    }


}






.download_hero_inner {


    display:flex;

    justify-content:space-between;

    align-items:center;

}





/* Hero Text */


.download_hero_content {


    width:72rem;

}



.download_label {


    font-size:1.5rem;

    letter-spacing:.25rem;

    color:#f58220;

    font-weight:600;

    margin-bottom:2.5rem;

}




.download_hero_content h1 {


    margin:0;

    font-size:8rem;

    line-height:1;

    letter-spacing:-.2rem;

    color:#0b2948;

    font-weight:700;


}



.download_hero_content h1 span {


    display:block;

    color:#1265b0;

}




.download_hero_content p {


    margin-top:3.5rem;

    font-size:1.8rem;

    line-height:1.9;

    color:#536579;


}




.download_hero_buttons {


    margin-top:4.5rem;

    display:flex;

    gap:2rem;

}








/*==================================================
    Hero PDF Visual
==================================================*/


.download_hero_visual {


    width:55rem;

    height:60rem;

    position:relative;


}



.download_pdf_back {


    position:absolute;

    width:38rem;

    height:48rem;


    background:#fff;


    box-shadow:

    0 3rem 8rem rgba(0,50,100,.12);


}




.download_pdf_back_one {


    right:5rem;

    top:8rem;

    transform:

    rotate(10deg);


}



.download_pdf_back_two {


    right:8rem;

    top:5rem;

    transform:

    rotate(-8deg);


}






.download_pdf_main {


    position:absolute;

    z-index:3;


    width:38rem;

    height:auto;


    right:10rem;

    top:3rem;


    padding:2rem;


    background:#fff;


    box-shadow:

    0 3rem 8rem rgba(0,50,100,.18);



    animation:

    download_pdf_float 5s ease-in-out infinite;


}





@keyframes download_pdf_float {


    0%,
    100%{

        transform:translateY(0);

    }


    50%{

        transform:translateY(-1.5rem);

    }


}





.download_pdf_tag {


    position:absolute;

    right:2rem;

    top:2rem;


    padding:.6rem 1.4rem;


    background:#f58220;

    color:#fff;


    font-size:1.3rem;

    font-weight:600;


}





.download_pdf_cover {


    height:30rem;

    overflow:hidden;


}



.download_pdf_cover img {


    width:100%;

    height:100%;

    object-fit:cover;


}



.download_pdf_main h3 {


    margin-top:2rem;

    font-size:2rem;

    line-height:1.35;

    color:#0c3155;


}



.download_pdf_info {


    margin-top:2rem;


    display:flex;

    gap:2rem;


}



.download_pdf_info span {


    font-size:1.4rem;

    color:#64788e;


}



.download_pdf_main p {


    margin-top:1.5rem;

    font-size:1.3rem;

    color:#8998a8;


}









/*==================================================
    Search
==================================================*/


.download_search {


    padding:5rem 0;

    background:#fff;


}




.download_search_box {


    padding:5rem 6rem;


    background:#fff;


    border:1px solid rgba(15,80,150,.08);


    box-shadow:

    0 2rem 5rem rgba(0,40,80,.08);


}





.download_search_box h2 {


    text-align:center;

    margin:0 0 3.5rem;


    font-size:3.6rem;

    color:#0b2948;


}




.download_search_form {


    display:flex;

    gap:2rem;

}




.download_search_input {


    flex:1;

    height:7rem;


    border:1px solid #d8e3ef;


    display:flex;

    align-items:center;


    padding:0 3rem;


}



.download_search_icon {


    width:2rem;

    height:2rem;


    border:2px solid #789;

    border-radius:50%;


    margin-right:2rem;


}



.download_search_input input {


    flex:1;

    border:0;

    outline:none;

    height: 6rem;
    font-size:1.7rem;


}



.download_search_form button {


    width:18rem;

    background:#1265b0;

    color:#fff;

    border:0;


    font-size:1.7rem;

    cursor:pointer;


}




.download_total {


    margin-top:3rem;

    text-align:center;

    color:#73869b;

    font-size:1.6rem;


}









/*==================================================
    Resource Grid
==================================================*/


.download_resource {


    padding:4rem 0 10rem;


    background:#f8fbff;


}



.download_gridswiper-wrapper {

    display:grid;

    grid-template-columns:

    repeat(4,1fr);


    gap:3rem;


}
.download_empty{
    font-size: 2rem;
}
/*==================================================
    Download Card
==================================================*/


.download_card {


    background:#fff;


    border:1px solid rgba(20,80,150,.08);


    transition:

    transform .35s ease,

    box-shadow .35s ease;


    overflow:hidden;


}



.download_card:hover {


    transform:translateY(-1rem);


    box-shadow:

    0 2rem 5rem rgba(0,50,100,.12);


}







/* PDF Cover */


.download_card_cover {


    height:34rem;


    position:relative;


    background:#eef5fc;


    overflow:hidden;


}




.download_card_cover img {


    width:100%;


    height:100%;


    object-fit:cover;


    transition:

    transform .5s ease;


}



.download_card:hover 
.download_card_cover img {


    transform:scale(1.06);


}





.download_file_tag {


    position:absolute;


    z-index:2;


    top:2rem;

    right:2rem;


    padding:.6rem 1.5rem;


    background:#f58220;


    color:#fff;


    font-size:1.3rem;


    font-weight:600;


    letter-spacing:.1rem;


}









/* Card Content */


.download_card_content {


    padding:3rem;


}





.download_card_content h3 {


    margin:0;


    min-height:6rem;


    font-size:2rem;


    line-height:1.45;


    color:#0b2948;


    font-weight:600;


}





.download_card_meta {


    margin-top:2.5rem;


    display:flex;


    flex-wrap:wrap;


    gap:1rem;


}




.download_card_meta span {


    padding:.7rem 1.2rem;


    background:#f2f7fc;


    color:#62768b;


    font-size:1.3rem;


}




.download_card_date {


    margin-top:2rem;


    padding-top:2rem;


    border-top:1px solid #edf2f7;


    color:#8a9bad;


    font-size:1.4rem;


}





.download_card_button {


    margin-top:2.5rem;


    display:flex;


    align-items:center;


    justify-content:space-between;


    font-size:1.6rem;


    color:#1265b0;


    text-decoration:none;


    font-weight:500;


}





.download_card_button span {


    transition:

    transform .35s ease;


}




.download_card:hover 
.download_card_button span {


    transform:translateX(.8rem);


}













/*==================================================
    Pagination
==================================================*/


.download_pagination {


    padding:4rem 0 10rem;


    background:#f8fbff;


}





.download_pagination_inner {


    display:flex;


    justify-content:center;


    align-items:center;


    gap:1.2rem;


}





.download_page_number,

.download_page_prev,

.download_page_next {


    min-width:5rem;


    height:5rem;


    display:flex;


    align-items:center;


    justify-content:center;


    padding:0 1.8rem;


    background:#fff;


    border:1px solid #dce7f2;


    color:#50677d;


    text-decoration:none;


    font-size:1.5rem;


    transition:

    all .3s ease;


}





.download_page_number:hover,

.download_page_prev:hover,

.download_page_next:hover {


    color:#1265b0;


    border-color:#1265b0;


    transform:translateY(-.3rem);


}




.download_page_number.active {


    background:#1265b0;


    color:#fff;


    border-color:#1265b0;


}




.download_page_more {


    font-size:2rem;


    color:#8ca0b4;


}












/*==================================================
    Contact Banner
==================================================*/


.download_contact {


    padding:10rem 0 14rem;


    background:#fff;


}





.download_contact_box {


    min-height: 45rem;
    padding: 7rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(20, 80, 150, .08);
    position: relative;


}




.download_contact_content {


    width:60rem;


}





.download_contact_content h2 {


    margin:0;


    font-size:5rem;


    line-height:1.15;


    color:#0b2948;


}





.download_contact_content h2 span {


    color:#1265b0;


}




.download_contact_content p {


    margin:3rem 0;


    font-size:1.7rem;


    line-height:1.8;


    color:#65798d;


}





.download_contact_visual {


    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;


}





.download_contact_visual img {


    width:100%;


    height:100%;



}









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


@media(max-width:1600px){


    .download_container {


        max-width:calc(100% - 4rem);


    }


}





@media(max-width:1200px){


    .download_grid {


        grid-template-columns:

        repeat(3,1fr);


    }


    .download_hero_inner {


        flex-direction:column;


        gap:6rem;


    }


    .download_hero_content {


        width:100%;


    }


}





@media(max-width:900px){


    .download_grid {


        grid-template-columns:

        repeat(2,1fr);


    }



    .download_search_form {


        flex-direction:column;


    }


    .download_search_form button {


        height:6rem;


        width:100%;


    }


    .download_contact_box {


        flex-direction:column;


        gap:4rem;


    }



}





@media(max-width:600px){


    .download_grid {


        grid-template-columns:

        repeat(1,1fr);


    }



    .download_hero_content h1 {


        font-size:5rem;


    }



    .download_hero_visual {


        width:100%;


        transform:scale(.85);


    }



    .download_card_cover {


        height:30rem;


    }



    .download_pagination_inner {


        flex-wrap:wrap;


    }


}
/*==================================================
    Animation
==================================================*/


.download_animation {


    opacity:0;

    transform:translateY(4rem);

    transition:

    opacity .8s ease,

    transform .8s ease;


}



.download_animation.download_active {


    opacity:1;


    transform:translateY(0);


}






.download_hero_visual.download_animation {


    transform:

    translateX(5rem);


}





.download_hero_visual.download_animation.download_active {


    transform:

    translateX(0);


}







.download_contact_box.download_animation {


    transform:

    translateY(5rem);


}





.download_contact_box.download_animation.download_active {


    transform:

    translateY(0);


}








.download_search_input.download_focus {


    border-color:#1265b0;


    box-shadow:

    0 0 0 0.4rem rgba(18,101,176,.12);


}