.elementor-51774 .elementor-element.elementor-element-7c6ab9b{--display:flex;--overlay-opacity:0.5;}.elementor-51774 .elementor-element.elementor-element-7c6ab9b:not(.elementor-motion-effects-element-type-background), .elementor-51774 .elementor-element.elementor-element-7c6ab9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f93fd63 );}.elementor-51774 .elementor-element.elementor-element-7c6ab9b::before, .elementor-51774 .elementor-element.elementor-element-7c6ab9b > .elementor-background-video-container::before, .elementor-51774 .elementor-element.elementor-element-7c6ab9b > .e-con-inner > .elementor-background-video-container::before, .elementor-51774 .elementor-element.elementor-element-7c6ab9b > .elementor-background-slideshow::before, .elementor-51774 .elementor-element.elementor-element-7c6ab9b > .e-con-inner > .elementor-background-slideshow::before, .elementor-51774 .elementor-element.elementor-element-7c6ab9b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-f93fd63 );--background-overlay:'';}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-68d17c7 *//* =====================================================
   ART OF LIBERTY
   Choose Your Perk
===================================================== */

.aol-perk-wrap{
    max-width:1100px;
    margin:0 auto;
    background:#ffffff;
    border-radius:24px;
    padding:40px;
    box-shadow:0 15px 40px rgba(0,0,0,.15);
    border:2px solid #d9d9d9;
}

/*=====================================
HEADING
=====================================*/

.aol-perk-heading{
    font-family:"Bebas Neue",sans-serif;
    font-size:48px;
    line-height:1;
    text-align:center;
    color:#003049;
    margin:0 0 35px;
    letter-spacing:1px;
}

/*=====================================
BOOK GRID
=====================================*/

.aol-book-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;
}

/*=====================================
BOOK CARD
=====================================*/

.aol-book-card{
    background:#fff;
    border:2px solid #d9d9d9;
    border-radius:18px;
    padding:25px;
    text-align:center;
    transition:.3s;
    display:flex;
    flex-direction:column;
}

.aol-book-card:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 30px rgba(0,0,0,.12);
}

/*=====================================
BOOK IMAGE
=====================================*/

.aol-book-image{
    width:135px;
    height:175px;
    margin:0 auto 18px;
    overflow:hidden;
    border-radius:8px;
    background:#efefef;
    display:flex;
    align-items:center;
    justify-content:center;
}

.aol-book-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/*=====================================
BOOK TITLE
=====================================*/

.aol-book-card h3{
    font-family:"Bebas Neue",sans-serif;
    font-size:32px;
    line-height:1.05;
    color:#003049;
    margin:0 0 12px;
    letter-spacing:.5px;
}

/*=====================================
DESCRIPTION
=====================================*/

.aol-book-card p{
    font-family:"Open Sans",sans-serif;
    font-size:17px;
    line-height:1.55;
    color:#1f3d5d;
    margin:0 0 22px;
}

/*=====================================
SELECT BUTTON
=====================================*/

.aol-select-button{
    display:block;
    width:100%;
    background:#FFC400;
    color:#003049;
    text-decoration:none;
    font-family:"Bebas Neue",sans-serif;
    font-size:28px;
    letter-spacing:.5px;
    padding:16px;
    border-radius:8px;
    transition:.3s;
    margin-top:auto;
}

.aol-select-button:hover{
    background:#ffb300;
    color:#003049;
    transform:translateY(-2px);
}

/*=====================================
LEARN MORE
=====================================*/

.aol-learn-link{
    display:inline-block;
    margin-top:16px;
    font-family:"Open Sans",sans-serif;
    font-size:17px;
    color:#003049;
    text-decoration:none;
    transition:.2s;
}

.aol-learn-link:hover{
    text-decoration:underline;
}

/*=====================================
BOTTOM BAR
=====================================*/

.aol-bottom-bar{
    margin-top:35px;
    background:#f5f6f8;
    border-radius:14px;
    padding:18px 25px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    border:1px solid #e5e5e5;
    color:#003049;
    font-family:"Open Sans",sans-serif;
    font-size:18px;
}

.aol-bottom-bar strong{
    display:block;
    font-size:20px;
    margin-bottom:3px;
}

.aol-lock{
    width:52px;
    height:52px;
    border-radius:50%;
    border:2px solid #003049;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    font-size:24px;
    flex-shrink:0;
}

/*=====================================
TABLETS
=====================================*/

@media(max-width:1024px){

.aol-perk-wrap{
    padding:30px;
}

.aol-book-grid{
    gap:20px;
}

.aol-book-card{
    padding:20px;
}

.aol-book-image{
    width:120px;
    height:160px;
}

.aol-book-card h3{
    font-size:28px;
}

.aol-book-card p{
    font-size:16px;
}

.aol-select-button{
    font-size:26px;
    padding:15px;
}

}

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

@media(max-width:767px){

.aol-perk-wrap{
    padding:22px;
    border-radius:18px;
}

.aol-perk-heading{
    font-size:38px;
    margin-bottom:28px;
}

.aol-book-grid{
    grid-template-columns:1fr;
    gap:18px;
}

.aol-book-card{
    padding:20px;
}

.aol-book-image{
    width:120px;
    height:160px;
}

.aol-book-card h3{
    font-size:30px;
}

.aol-book-card p{
    font-size:16px;
    line-height:1.5;
}

.aol-select-button{
    font-size:24px;
    padding:14px;
}

.aol-learn-link{
    font-size:16px;
}

.aol-bottom-bar{
    flex-direction:column;
    text-align:center;
    gap:12px;
    padding:18px;
}

.aol-bottom-bar strong{
    font-size:18px;
}

.aol-lock{
    width:48px;
    height:48px;
    font-size:22px;
}

}

.aol-modal{
    display:none;
}

.aol-modal.show{
    display:flex;
}
.aol-book-image{
    overflow: visible;
}

.aol-book-image img{
    width:100%;
    height:auto;
    object-fit:contain;
}

.aol-book-image img.government-book{
    width:115%;
    max-width:none;
    margin-left:-7.5%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c6ab9b *//* ==========================================
   Sponsor Perk Confirmation Modal
========================================== */

.aol-modal{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.75);
    justify-content:center;
    align-items:center;
    z-index:999999;
    padding:20px;
}

.aol-modal.show{
    display:flex;
}

.aol-modal-box{
    background:#fff;
    width:100%;
    max-width:650px;
    border-radius:12px;
    padding:40px;
    position:relative;
    text-align:center;
    box-shadow:0 25px 60px rgba(0,0,0,.3);
}

.aol-close{
    position:absolute;
    top:18px;
    right:22px;
    font-size:34px;
    cursor:pointer;
    color:#888;
    line-height:1;
}

.aol-close:hover{
    color:#000;
}

#aol-modal-image{
    max-width:220px;
    height:auto;
    margin:0 auto 25px;
    display:block;
}

#aol-modal-title{
    margin-bottom:15px;
}

.aol-modal-text{
    margin-bottom:25px;
    line-height:1.6;
}

.aol-warning{
    background:#FFF8E1;
    border:2px solid #FFD22E;
    border-radius:8px;
    padding:18px;
    margin:25px 0;
}

.aol-modal-note{
    margin-bottom:30px;
}

.aol-modal-buttons{
    display:flex;
    gap:15px;
    justify-content:center;
    flex-wrap:wrap;
}

.aol-cancel{
    background:#f2f2f2;
    color:#333;
    border:none;
    padding:14px 26px;
    border-radius:6px;
    cursor:pointer;
    font-weight:600;
}

#aol-confirm-button{
    background:#FFD22E;
    color:#000;
    text-decoration:none;
    padding:14px 30px;
    border-radius:6px;
    font-weight:700;
    display:inline-block;
}

#aol-confirm-button:hover{
    background:#000;
    color:#fff;
}/* End custom CSS */