body {
    background-color: rgba(231, 210, 192, 0.3);
}

#v25_offers_title_text {
    top: -220px;
}

.v25_offers_icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
}

.v25_offers_tabcontainer {
    width: fit-content;
    margin: 0 auto;
}

.v25_offers_imgcontainer {
    width: fit-content;
    margin: 36px auto 12px;    
}
.v25_offers_btncontainer {
    width: fit-content;
    margin: 0 auto;
}

.v25_offers_contentcontainer {
    width: 80vw;
    text-align: center;  
    font-family: 'proxima-n-w01-reg', sans-serif;
    font-size: 16px;
    line-height: 18px;
    max-width: 936px;
}

/* Style the tab */
.v25_offers_tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: rgba(231, 210, 192, 0.3);
    width: 100vw;
    max-width: 960px;
    height: 60px;
}

.v25_offers_contenttitle {
    font-weight: bold;
    font-size: 20px;
}

.v25_offers_contentbtn {
    font-family: 'proxima-n-w01-reg', sans-serif;
    font-size: 18px;
    color: white;
    background-color: var(--color_brandgreen);/*#4BD1A0;*/
    border-radius: 20px;
    border: 0 solid white;
    width: 128px;
    height: 42px;
    cursor: pointer;
}
.v25_offers_contentbtn:hover {
    background-color: #FE8071;
}

#btn_offers_tab {
    width: 45%;
}
#btn_tnc_tab {
    width: 55%;    
}

/* Style the buttons that are used to open the tab content */
.v25_offers_tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;    
    height: 60px;
    border-radius: 10px 10px 0 0;
    font-family: 'proxima-n-w01-reg', sans-serif;
    font-size: 16px;
}

/* Change background color of buttons on hover */
.v25_offers_tab button:hover {
    background-color: #FE8071;
    color: white;
}

/* Create an active/current tablink class */
.v25_offers_tab button.active {
    background-color: var(--color_brandgreen);/*#4BD1A0;*/
    color: white;
}

/* Style the tab content */
.v25_offers_tabcontent {
    display: none;
    padding: 6px 12px 48px;
    border: 1px solid #ccc;
    border-top: none;
    background-color: rgba(231, 210, 192, 0.3);
}

.v25_tnc_tabcontainer {
    padding: 16px 24px;
    font-family: 'proxima-n-w01-reg', sans-serif;
    font-size: 14px;
    color: #666666;
}

@media screen and (min-width: 1281px) {
    #btn_offers_tab {
        width: 50%;
    }
    #btn_tnc_tab {
        width: 50%;    
    }
    
    .v25_offers_icon {
        width: 128px;
        height: 128px;
    }
    
    .v25_offers_imgcontainer {
        float: left;
        
    margin: 12px auto 12px;
    }
    .v25_offers_btncontainer {
        float: right;
        padding: 36px 0;
    }
    
    .v25_offers_contentcontainer {
        width: 360px;
        float: left;
        text-align: left;
        padding: 12px 36px;
    }
    .v25_offers_tabcontainer {
        height: 160px;
        margin: 32px auto 32px;
    }
    .v25_offers_tabcontainer:after {
        content: "";
        clear: both; /* Clears floats on both sides */
    }
    .v25_offers_contentbtn {
        border-radius: 30px;
        width: 196px;
        height: 64px;
    }
}