body {
    font-family: 'Monda', sans-serif;
    background-image: url("https://www.mymedwellness.com/images/straws.png");
}

.sync {
    display: none;
}

/******* Desktop ******/
@media (min-width : 1920px) and (orientation : landscape) {
    /*** Waiver styles ***/ 
    .policiesContainer {
        width: 40%;
        height: 850px;
        margin: 2% 0 0 28%;
        padding: 1% 0 0 0;
        border: solid 2px #007C9D;
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
    }

    .policiesContainer h2 {
        overflow: hidden;
        width: 100%;
        height: fit-content;
        margin: 0 auto;
        padding: .75% 0;
        font-size: 1.5em;
        color: #fff;
        text-transform: uppercase;
        background-color: #007C9D;
        text-align: center;
        position: absolute;
        top: 0;
    }

    .policiesContainerScroll {
        width: 98%;
        height: 760px;
        overflow-y: auto;
        padding: 1%;
        margin: 1.5% 0;
    }

    /*** styles for scrollbars on Chrome ***/
    .policiesContainerScroll::-webkit-scrollbar {
        width: 10px;
    }

    .policiesContainerScroll::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .policiesContainerScroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
    }

    .policiesContainerScroll p {
        margin: 1%;
        font-size: 1.1em;
        line-height: 1.4;
    }

    .policiesContainerScroll a {
        margin: 0;
        font-size: 1.1em;
        color: #007C9D;
        text-decoration: underline;
    }

    .policiesLinkText {
        width: fit-content;
        margin: 1.5% auto !important;
    }

    .policiesFooter {
        overflow: hidden;
        width: 100%; 
        margin: 1% 0 0 0;
        padding: 1% 0;
        background-color: #007C9D;
        text-align: center;
        font-size: .9em;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }

    /*** Data Collection styles ***/
    .dataContainer {
        width: 40%;
        height: 850px;
        margin: 2% 0 0 28%;
        padding: 1% 0 0 0;
        border: solid 2px #007C9D;
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
    }

    .dataContainer h2 {
        overflow: hidden;
        width: 100%;
        height: fit-content;
        margin: 0 auto;
        padding: .75% 0;
        font-size: 1.5em;
        color: #fff;
        text-transform: uppercase;
        background-color: #007C9D;
        text-align: center;
        position: absolute;
        top: 0;
    }

    br.dataBreak {
        display: none;
    }

    .dataContainer h4 {
        margin: 0;
        font-size: 1em;
        text-transform: uppercase;
    }

    .dataContainerScroll {
        width: 96%;
        height: 740px;
        overflow-y: auto;
        padding: 1.5%;
        margin: 2.5% 0;
    }

    /*** styles for scrollbars on Chrome ***/
    .dataContainerScroll::-webkit-scrollbar {
        width: 10px;
    }

    .dataContainerScroll::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .dataContainerScroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
    }

    .dataContainerScroll p {
        margin: .5% 0 2% 0;
        font-size: 1.1em;
        line-height: 1.3;
    }

    .dataContainerScroll a {
        margin: 0;
        font-size: 1em;
        color: #007C9D;
        text-decoration: underline;
    }

    .dataContainerScroll > ul {
        margin: 0 0 2% 0;
        font-size: 1.1em;
        line-height: 1.5;
    }

    .dataContainerScroll > ul > li {
        margin: 0 0 .5% 0;
    }

    .dataLinkText {
        width: fit-content;
        margin: 1.5% auto !important;
    }

    .dataFooter {
        overflow: hidden;
        width: 100%; 
        margin: 1% 0 0 0;
        padding: 1% 0;
        background-color: #007C9D;
        text-align: center;
        font-size: .9em;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }

    /*** Terms Conditions styles ***/
    .termsContainer {
        width: 40%;
        height: 850px;
        margin: 2% 0 0 28%;
        padding: 1% 0 0 0;
        border: solid 2px #007C9D;
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
    }

    .termsContainer h2 {
        overflow: hidden;
        width: 100%;
        height: fit-content;
        margin: 0 auto;
        padding: .75% 0;
        font-size: 1.5em;
        color: #fff;
        text-transform: uppercase;
        background-color: #007C9D;
        text-align: center;
        position: absolute;
        top: 0;
    }

    br.termsBreak {
        display: none;
    }

    .termsContainer h4 {
        margin: 0;
        font-size: 1em;
        text-transform: uppercase;
    }

    .termsContainerScroll {
        width: 96%;
        height: 740px;
        overflow-y: auto;
        padding: 1.5%;
        margin: 2.5% 0;
    }

    /*** styles for scrollbars on Chrome ***/
    .termsContainerScroll::-webkit-scrollbar {
        width: 10px;
    }

    .termsContainerScroll::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .termsContainerScroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
    }

    .termsContainerScroll p {
        margin: .5% 0 2% 0;
        font-size: 1.1em;
        line-height: 1.3;
    }

    .termsContainerScroll a {
        margin: 0;
        font-size: 1.1em;
        color: #007C9D;
        text-decoration: underline;
    }

    .termsContainerScroll > ul {
        margin: 0 0 2% 0;
        font-size: 1.1em;
        line-height: 1.5;
    }

    .termsContainerScroll > ul > li {
        margin: 0 0 .5% 0;
    }

    .termsLinkText {
        width: fit-content;
        margin: 1.5% auto !important;
    }

    .termsFooter {
        overflow: hidden;
        width: 100%; 
        margin: 1% 0 0 0;
        padding: 1% 0;
        background-color: #007C9D;
        text-align: center;
        font-size: .9em;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }

    /*** Privacy Policy styles ***/
    .privacyContainer {
        width: 40%;
        height: 850px;
        margin: 2% auto 0;
        padding: 1% 0 0 0;
        border: solid 2px #007C9D;
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
    }

    .privacyContainer h2 {
        overflow: hidden;
        width: 100%;
        height: fit-content;
        margin: 0 auto;
        padding: .75% 0;
        font-size: 1.3em;
        color: #fff;
        text-transform: uppercase;
        background-color: #007C9D;
        text-align: center;
        position: absolute;
        top: 0;
    }

    br.privacyBreak {
        display: none;
    }

    .privacyContainer h4 {
        margin: 0;
        font-size: 1em;
        text-transform: uppercase;
    }

    .privacyContainerScroll {
        width: 96%;
        height: 730px;
        overflow-y: auto;
        padding: 3% 1.5%;
        margin: 4% auto 0;
    }

    /*** styles for scrollbars on Chrome ***/
    .privacyContainerScroll::-webkit-scrollbar {
        width: 10px;
    }

    .privacyContainerScroll::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .privacyContainerScroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
    }

    .privacyContainerScroll p {
        margin: .5% 0 2% 0;
        font-size: 1.1em;
        line-height: 1.5;
    }

    .privacyContainerScroll a {
        margin: 0;
        font-size: .96em;
        color: #007C9D;
        text-decoration: underline;
    }

    .privacyContainerScroll > ul {
        margin: 0 0 2% 0;
    }

    .privacyContainerScroll > ul > li {
        margin: 0 0 2% 0;
        font-size: 1.1em;
        line-height: 1.4;
    }

    .privacyContainerScroll > ol {
        margin: 0 0 2% 0;
    }

    .privacyContainerScroll > ol > li {
        margin: 0 0 2% 0;
        font-size: 1.1em;
        line-height: 1.3;
    }

    .privacyLinkText {
        width: fit-content;
        margin: 1.5% auto !important;
    }

    .privacyContactInfo {
        overflow: hidden;
        width: fit-content;
        margin: 3% auto 0;
        text-align: center;
    }

    .privacyFooter {
        overflow: hidden;
        width: 100%; 
        margin: 1% 0 0 0;
        padding: 1% 0;
        background-color: #007C9D;
        text-align: center;
        font-size: .9em;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }
}

/***** Phones: Portrait *****/
@media only screen and (min-width: 320px) and (max-width: 736px) and (orientation: portrait) {
    /*** Waiver styles ***/
    .policiesContainer {
        width: 85%;
        height: 620px;
        margin: 1% 0 0 7%;
        padding: 1% 0 0 0;
        border: solid 2px #007C9D;
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
    }
    
    .policiesContainer h2 {
        overflow: hidden;
        width: 100%;
        height: fit-content;
        margin: 0 auto;
        padding: 1.5% 0;
        font-size: 1.2em;
        color: #fff;
        text-transform: uppercase;
        background-color: #007C9D;
        text-align: center;
        position: absolute;
        top: 0;
    }

    .policiesContainerScroll {
        width: 92%;
        height: 550px;
        overflow-y: auto;
        padding: 4% 3% 0 2%;
        margin: 4% auto 0;
    }

    /*** styles for scrollbars on Chrome ***/
    .policiesContainerScroll::-webkit-scrollbar {
        width: 5px;
    }

    .policiesContainerScroll::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .policiesContainerScroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 4px rgba(0, 0, 0, 1);
    }

    .policiesContainerScroll p {
        margin: 3% 0;
        font-size: 1em;
        line-height: 1.4;
    }

    .policiesContainerScroll a {
        margin: 0;
        font-size: 1em;
        color: #007C9D;
        text-decoration: underline;
    }

    .policiesLinkText {
        width: fit-content;
        margin: 1.5% auto !important;
    }

    .policiesFooter {
        overflow: hidden;
        width: 100%; 
        margin: 1% 0 0 0;
        padding: 2% 0;
        background-color: #007C9D;
        text-align: center;
        font-size: .8em;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }

    /*** Data Collection styles ***/
    .dataContainer {
        width: 85%;
        height: 620px;
        margin: 1% auto;
        padding: 1% 0 0 0;
        border: solid 2px #007C9D;
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
    }

    .dataContainer h2 {
        overflow: hidden;
        width: 100%;
        height: fit-content;
        margin: 0 auto;
        padding: 1% 0;
        font-size: 1.2em;
        color: #fff;
        text-transform: uppercase;
        background-color: #007C9D;
        text-align: center;
        position: absolute;
        top: 0;
    }

    br.dataBreak {
        display: none;
    }

    .dataContainer h4 {
        margin: 0;
        font-size: 1em;
        text-transform: uppercase;
    }

    .dataContainerScroll {
        width: 92%;
        height: 500px;
        overflow-y: auto;
        padding: 20% 1% 1% 1%;
        margin: 4.5% auto 0;
    }

    /*** styles for scrollbars on Chrome ***/
    .dataContainerScroll::-webkit-scrollbar {
        width: 10px;
    }

    .dataContainerScroll::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .dataContainerScroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
    }

    .dataContainerScroll p {
        margin: .5% 0 2% 0;
        font-size: 1em;
        line-height: 1.3;
    }

    .dataContainerScroll a {
        margin: 0;
        font-size: .95em;
        color: #007C9D;
        text-decoration: underline;
    }

    .dataContainerScroll > ul {
        margin: 0 0 2% 0;
        font-size: 1em;
        line-height: 1.4;
    }

    .dataContainerScroll > ul > li {
        margin: 0 0 1% 0;
    }

    .dataLinkText {
        width: fit-content;
        margin: 1.5% auto !important;
    }

    .dataFooter {
        overflow: hidden;
        width: 100%; 
        margin: 1% 0 0 0;
        padding: 2% 0;
        background-color: #007C9D;
        text-align: center;
        font-size: .9em;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }

    /*** Terms Conditions styles ***/
    .termsContainer {
        width: 85%;
        height: 620px;
        margin: 2% auto;
        padding: 1% 0 0 0;
        border: solid 2px #007C9D;
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
    }

    .termsContainer h2 {
        overflow: hidden;
        width: 100%;
        height: fit-content;
        margin: 0 auto;
        padding: .75% 0;
        font-size: 1.2em;
        text-align: center;
        line-height: 1.2;
        color: #fff;
        text-transform: uppercase;
        background-color: #007C9D;
        position: absolute;
        top: 0;
    }

    br.termsBreak {
        display: block;
    }

    .termsContainer h4 {
        margin: 0;
        font-size: 1em;
        text-transform: uppercase;
    }

    .termsContainerScroll {
        width: 92%;
        height: 530px;
        overflow-y: auto;
        padding: 18% 2% 0 2%;
        margin: 0 auto;
    }

    /*** styles for scrollbars on Chrome ***/
    .termsContainerScroll::-webkit-scrollbar {
        width: 10px;
    }

    .termsContainerScroll::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .termsContainerScroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
    }

    .termsContainerScroll p {
        margin: .5% 0 4% 0;
        font-size: 1em;
        line-height: 1.3;
    }

    .termsContainerScroll a {
        margin: 0;
        font-size: 1em;
        color: #007C9D;
        text-decoration: underline;
    }

    .termsContainerScroll > ul {
        margin: 0 0 2% 0;
        font-size: 1.1em;
        line-height: 1.5;
    }

    .termsContainerScroll > ul > li {
        margin: 0 0 .5% 0;
    }

    .termsLinkText {
        width: fit-content;
        margin: 1.5% auto !important;
    }

    .termsFooter {
        overflow: hidden;
        width: 100%; 
        margin: 1% 0 0 0;
        padding: 2% 0;
        background-color: #007C9D;
        text-align: center;
        font-size: .9em;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }

    /*** Privacy Policy styles ***/
    .privacyContainer {
        width: 85%;
        height: 570px;
        margin: 2% auto 0;
        padding: 1% 0 0 0;
        border: solid 2px #007C9D;
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
    }

    .privacyContainer h2 {
        overflow: hidden;
        width: 100%;
        height: fit-content;
        margin: 0 auto;
        padding: 1.5% 0;
        font-size: 1.1em;
        color: #fff;
        text-transform: uppercase;
        background-color: #007C9D;
        text-align: center;
        position: absolute;
        top: 0;
    }

    .privacyContainer h4 {
        margin: 0;
        font-size: 1em;
        text-transform: uppercase;
    }

    .privacyContainerScroll {
        width: 94%;
        height: 470px;
        overflow-y: auto;
        padding: 1.5%;
        margin: 18% auto 0;
    }

    /*** styles for scrollbars on Chrome ***/
    .privacyContainerScroll::-webkit-scrollbar {
        width: 10px;
    }

    .privacyContainerScroll::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .privacyContainerScroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
    }

    .privacyContainerScroll p {
        margin: .5% 0 2% 0;
        font-size: 1em;
        line-height: 1.3;
    }

    .privacyContainerScroll a {
        margin: 0;
        font-size: .95em;
        color: #007C9D;
        text-decoration: underline;
    }

    .privacyContainerScroll > ul {
        margin: 0 0 2% 0;
        font-size: 1em;
        line-height: 1.4;
    }

    .privacyContainerScroll > ul > li {
        margin: 0 0 1% 0;
    }

    .privacyContainerScroll > ol {
        margin: 0 0 2% 0;
        font-size: 1em;
        line-height: 1.4;
    }

    .privacyContainerScroll > ol > li {
        margin: 0 0 1% 0;
    }

    .privacyLinkText {
        width: fit-content;
        margin: 1.5% auto !important;
    }

    .privacyContactInfo {
        overflow: hidden;
        width: fit-content;
        margin: 5% auto 0;
        text-align: center;
    }

    .privacyFooter {
        overflow: hidden;
        width: 100%; 
        margin: 1% 0 0 0;
        padding: 1% 0;
        background-color: #007C9D;
        text-align: center;
        font-size: .9em;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }
}

/***** Phones: Landscape *****/
@media only screen and (min-width : 736px) and (max-width : 897px) and (orientation: landscape) {
    /*** Waiver styles ***/
    .policiesContainer {
        width: 85%;
        height: 620px;
        margin: 1% 0 0 7%;
        padding: 1% 0 0 0;
        border: solid 2px #007C9D;
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
    }
    
    .policiesContainer h2 {
        overflow: hidden;
        width: 100%;
        height: fit-content;
        margin: 0 auto;
        padding: .75% 0;
        font-size: 1.5em;
        color: #fff;
        text-transform: uppercase;
        background-color: #007C9D;
        text-align: center;
        position: absolute;
        top: 0;
    }

    .policiesContainerScroll {
        width: 98%;
        height: 530px;
        overflow-y: auto;
        padding: 1%;
        margin: 4% 0;
    }

    /*** styles for scrollbars on Chrome ***/
    .policiesContainerScroll::-webkit-scrollbar {
        width: 5px;
    }

    .policiesContainerScroll::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .policiesContainerScroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 4px rgba(0, 0, 0, 1);
    }

    .policiesContainerScroll p {
        margin: 1%;
        font-size: 1em;
        line-height: 1.4;
    }

    .policiesContainerScroll a {
        margin: 0;
        font-size: 1em;
        color: #007C9D;
        text-decoration: underline;
    }

    .policiesLinkText {
        width: fit-content;
        margin: 1.5% auto !important;
    }

    .policiesFooter {
        overflow: hidden;
        width: 100%; 
        margin: 1% 0 0 0;
        padding: 1% 0;
        background-color: #007C9D;
        text-align: center;
        font-size: .9em;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }

    /*** Data Collection styles ***/
    .dataContainer {
        width: 85%;
        height: 570px;
        margin: 1% auto;
        padding: 1% 0 0 0;
        border: solid 2px #007C9D;
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
    }

    .dataContainer h2 {
        overflow: hidden;
        width: 100%;
        height: fit-content;
        margin: 0 auto;
        padding: 1% 0;
        font-size: 1.3em;
        color: #fff;
        text-transform: uppercase;
        background-color: #007C9D;
        text-align: center;
        position: absolute;
        top: 0;
    }

    br.dataBreak {
        display: block;
    }

    .dataContainer h4 {
        margin: 0;
        font-size: 1em;
        text-transform: uppercase;
    }

    .dataContainerScroll {
        width: 96%;
        height: 460px;
        overflow-y: auto;
        padding: 6% 1% 1% 1%;
        margin: 4.5% auto 0;
    }

    /*** styles for scrollbars on Chrome ***/
    .dataContainerScroll::-webkit-scrollbar {
        width: 10px;
    }

    .dataContainerScroll::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .dataContainerScroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
    }

    .dataContainerScroll p {
        margin: .5% 0 2% 0;
        font-size: 1em;
        line-height: 1.3;
    }

    .dataContainerScroll a {
        margin: 0;
        font-size: .9em;
        color: #007C9D;
        text-decoration: underline;
    }

    .dataContainerScroll > ul {
        margin: 0 0 2% 0;
        font-size: 1em;
        line-height: 1.4;
    }

    .dataContainerScroll > ul > li {
        margin: 0 0 1% 0;
    }

    .dataLinkText {
        width: fit-content;
        margin: 1.5% auto !important;
    }

    .dataFooter {
        overflow: hidden;
        width: 100%; 
        margin: 1% 0 0 0;
        padding: 1% 0;
        background-color: #007C9D;
        text-align: center;
        font-size: .9em;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }

    /*** Terms Conditions styles ***/
    .termsContainer {
        width: 85%;
        height: 570px;
        margin: 2% auto;
        padding: 1% 0 0 0;
        border: solid 2px #007C9D;
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
    }

    .termsContainer h2 {
        overflow: hidden;
        width: 100%;
        height: fit-content;
        margin: 0 auto;
        padding: .75% 0;
        font-size: 1.3em;
        color: #fff;
        text-transform: uppercase;
        background-color: #007C9D;
        text-align: center;
        position: absolute;
        top: 0;
    }

    br.termsBreak {
        display: none;
    }

    .termsContainer h4 {
        margin: 0;
        font-size: 1em;
        text-transform: uppercase;
    }

    .termsContainerScroll {
        width: 96%;
        height: 480px;
        overflow-y: auto;
        padding: 1.5%;
        margin: 5% 0;
    }

    /*** styles for scrollbars on Chrome ***/
    .termsContainerScroll::-webkit-scrollbar {
        width: 10px;
    }

    .termsContainerScroll::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .termsContainerScroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
    }

    .termsContainerScroll p {
        margin: .5% 0 2% 0;
        font-size: 1em;
        line-height: 1.3;
    }

    .termsContainerScroll a {
        margin: 0;
        font-size: .95em;
        color: #007C9D;
        text-decoration: underline;
    }

    .termsContainerScroll > ul {
        margin: 0 0 2% 0;
        font-size: 1.1em;
        line-height: 1.5;
    }

    .termsContainerScroll > ul > li {
        margin: 0 0 .5% 0;
    }

    .termsLinkText {
        width: fit-content;
        margin: 1.5% auto !important;
    }

    .termsFooter {
        overflow: hidden;
        width: 100%; 
        margin: 1% 0 0 0;
        padding: 1% 0;
        background-color: #007C9D;
        text-align: center;
        font-size: .9em;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }

    /*** Privacy Policy styles ***/
    .privacyContainer {
        width: 85%;
        height: 570px;
        margin: 2% auto 0;
        padding: 1% 0 0 0;
        border: solid 2px #007C9D;
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
    }

    .privacyContainer h2 {
        overflow: hidden;
        width: 100%;
        height: fit-content;
        margin: 0 auto;
        padding: .75% 0;
        font-size: 1.3em;
        color: #fff;
        text-transform: uppercase;
        background-color: #007C9D;
        text-align: center;
        position: absolute;
        top: 0;
    }

    .privacyContainer h4 {
        margin: 0;
        font-size: 1em;
        text-transform: uppercase;
    }

    .privacyContainerScroll {
        width: 96%;
        height: 460px;
        overflow-y: auto;
        padding: 1.5%;
        margin: 8% auto 0;
    }

    /*** styles for scrollbars on Chrome ***/
    .privacyContainerScroll::-webkit-scrollbar {
        width: 10px;
    }

    .privacyContainerScroll::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .privacyContainerScroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
    }

    .privacyContainerScroll p {
        margin: .5% 0 2% 0;
        font-size: 1em;
        line-height: 1.3;
    }

    .privacyContainerScroll a {
        margin: 0;
        font-size: .95em;
        color: #007C9D;
        text-decoration: underline;
    }

    .privacyContainerScroll > ul {
        margin: 0 0 2% 0;
        font-size: 1em;
        line-height: 1.4;
    }

    .privacyContainerScroll > ul > li {
        margin: 0 0 1% 0;
    }

    .privacyContainerScroll > ol {
        margin: 0 0 2% 0;
        font-size: 1em;
        line-height: 1.4;
    }

    .privacyContainerScroll > ol > li {
        margin: 0 0 1% 0;
    }

    .privacyLinkText {
        width: fit-content;
        margin: 1.5% auto !important;
    }

    .privacyContactInfo {
        overflow: hidden;
        width: fit-content;
        margin: 5% auto 0;
        text-align: center;
    }

    .privacyFooter {
        overflow: hidden;
        width: 100%; 
        margin: 1% 0 0 0;
        padding: 1% 0;
        background-color: #007C9D;
        text-align: center;
        font-size: .9em;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }
}

/*** Tablet Portrait ***/
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
   /*** Waiver styles ***/ 
    .policiesContainer {
        width: 85%;
        height: 620px;
        margin: 1% 0 0 7%;
        padding: 1% 0 0 0;
        border: solid 2px #007C9D;
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
    }

    .policiesContainer h2 {
        overflow: hidden;
        width: 100%;
        height: fit-content;
        margin: 0 auto;
        padding: .75% 0;
        font-size: 1.5em;
        color: #fff;
        text-transform: uppercase;
        background-color: #007C9D;
        text-align: center;
        position: absolute;
        top: 0;
    }

    .policiesContainerScroll {
        width: 98%;
        height: 530px;
        overflow-y: auto;
        padding: 1%;
        margin: 4% 0;
    }

    /*** styles for scrollbars on Chrome ***/
    .policiesContainerScroll::-webkit-scrollbar {
        width: 5px;
    }

    .policiesContainerScroll::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .policiesContainerScroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 4px rgba(0, 0, 0, 1);
    }

    .policiesContainerScroll p {
        margin: 1%;
        font-size: 1em;
        line-height: 1.3;
    }

    .policiesContainerScroll a {
        margin: 0;
        font-size: 1em;
        color: #007C9D;
        text-decoration: underline;
    }

    .policiesLinkText {
        width: fit-content;
        margin: 1.5% auto !important;
    }

    .policiesFooter {
        overflow: hidden;
        width: 100%; 
        margin: 1% 0 0 0;
        padding: 1% 0;
        background-color: #007C9D;
        text-align: center;
        font-size: .9em;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }

    /*** Data Collection styles ***/
    .dataContainer {
        width: 85%;
        height: 570px;
        margin: 1% auto;
        padding: 1% 0 0 0;
        border: solid 2px #007C9D;
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
    }

    .dataContainer h2 {
        overflow: hidden;
        width: 100%;
        height: fit-content;
        margin: 0 auto;
        padding: 1% 0;
        font-size: 1.3em;
        color: #fff;
        text-transform: uppercase;
        background-color: #007C9D;
        text-align: center;
        position: absolute;
        top: 0;
    }

    br.dataBreak {
        display: block;
    }

    .dataContainer h4 {
        margin: 0;
        font-size: 1em;
        text-transform: uppercase;
    }

    .dataContainerScroll {
        width: 96%;
        height: 460px;
        overflow-y: auto;
        padding: 6% 1% 1% 1%;
        margin: 4.5% auto 0;
    }

    /*** styles for scrollbars on Chrome ***/
    .dataContainerScroll::-webkit-scrollbar {
        width: 10px;
    }

    .dataContainerScroll::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .dataContainerScroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
    }

    .dataContainerScroll p {
        margin: .5% 0 2% 0;
        font-size: 1em;
        line-height: 1.3;
    }

    .dataContainerScroll a {
        margin: 0;
        font-size: .9em;
        color: #007C9D;
        text-decoration: underline;
    }

    .dataContainerScroll > ul {
        margin: 0 0 2% 0;
        font-size: 1em;
        line-height: 1.4;
    }

    .dataContainerScroll > ul > li {
        margin: 0 0 1% 0;
    }

    .dataLinkText {
        width: fit-content;
        margin: 1.5% auto !important;
    }

    .dataFooter {
        overflow: hidden;
        width: 100%; 
        margin: 1% 0 0 0;
        padding: 1% 0;
        background-color: #007C9D;
        text-align: center;
        font-size: .9em;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }

    /*** Terms Conditions styles ***/
    .termsContainer {
        width: 75%;
        height: 570px;
        margin: 2% auto;
        padding: 1% 0 0 0;
        border: solid 2px #007C9D;
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
    }

    .termsContainer h2 {
        overflow: hidden;
        width: 100%;
        height: fit-content;
        margin: 0 auto;
        padding: .75% 0;
        font-size: 1.5em;
        color: #fff;
        text-transform: uppercase;
        background-color: #007C9D;
        text-align: center;
        position: absolute;
        top: 0;
    }

    br.termsBreak {
        display: none;
    }

    .termsContainer h4 {
        margin: 0;
        font-size: 1em;
        text-transform: uppercase;
    }

    .termsContainerScroll {
        width: 96%;
        height: 480px;
        overflow-y: auto;
        padding: 1.5%;
        margin: 5% 0;
    }

    /*** styles for scrollbars on Chrome ***/
    .termsContainerScroll::-webkit-scrollbar {
        width: 10px;
    }

    .termsContainerScroll::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .termsContainerScroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
    }

    .termsContainerScroll p {
        margin: .5% 0 2% 0;
        font-size: 1em;
        line-height: 1.3;
    }

    .termsContainerScroll a {
        margin: 0;
        font-size: .95em;
        color: #007C9D;
        text-decoration: underline;
    }

    .termsContainerScroll > ul {
        margin: 0 0 2% 0;
        font-size: 1.1em;
        line-height: 1.5;
    }

    .termsContainerScroll > ul > li {
        margin: 0 0 .5% 0;
    }

    .termsLinkText {
        width: fit-content;
        margin: 1.5% auto !important;
    }

    .termsFooter {
        overflow: hidden;
        width: 100%; 
        margin: 1% 0 0 0;
        padding: 1% 0;
        background-color: #007C9D;
        text-align: center;
        font-size: .9em;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }

    /*** Privacy Policy styles ***/
    .privacyContainer {
        width: 85%;
        height: 570px;
        margin: 2% auto 0;
        padding: 1% 0 0 0;
        border: solid 2px #007C9D;
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
    }

    .privacyContainer h2 {
        overflow: hidden;
        width: 100%;
        height: fit-content;
        margin: 0 auto;
        padding: .75% 0;
        font-size: 1.4em;
        color: #fff;
        text-transform: uppercase;
        background-color: #007C9D;
        text-align: center;
        position: absolute;
        top: 0;
    }

    .privacyContainer h4 {
        margin: 0;
        font-size: 1em;
        text-transform: uppercase;
    }

    .privacyContainerScroll {
        width: 96%;
        height: 460px;
        overflow-y: auto;
        padding: 1.5%;
        margin: 8% auto 0;
    }

    /*** styles for scrollbars on Chrome ***/
    .privacyContainerScroll::-webkit-scrollbar {
        width: 10px;
    }

    .privacyContainerScroll::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .privacyContainerScroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
    }

    .privacyContainerScroll p {
        margin: .5% 0 2% 0;
        font-size: 1em;
        line-height: 1.3;
    }

    .privacyContainerScroll a {
        margin: 0;
        font-size: .95em;
        color: #007C9D;
        text-decoration: underline;
    }

    .privacyContainerScroll > ul {
        margin: 0 0 2% 0;
        font-size: 1em;
        line-height: 1.3;
    }

    .privacyContainerScroll > ul > li {
        margin: 0 0 .5% 0;
    }

    .privacyContainerScroll > ol {
        margin: 0 0 2% 0;
        font-size: 1em;
        line-height: 1.3;
    }

    .privacyContainerScroll > ol > li {
        margin: 0 0 .5% 0;
    }

    .privacyLinkText {
        width: fit-content;
        margin: 1.5% auto !important;
    }

    .privacyContactInfo {
        overflow: hidden;
        width: fit-content;
        margin: 3% auto 0;
        text-align: center;
    }

    .privacyFooter {
        overflow: hidden;
        width: 100%; 
        margin: 1% 0 0 0;
        padding: 1% 0;
        background-color: #007C9D;
        text-align: center;
        font-size: .9em;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }
}

/*** Tablet Landscape ***/
@media only screen and (min-width : 1024px) and (max-width : 1280px) and (orientation : landscape) {
    /*** Waiver styles ***/
    .policiesContainer {
        width: 75%;
        height: 570px;
        margin: 1% 0 0 11%;
        padding: 1% 0 0 0;
        border: solid 2px #007C9D;
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
    }

    .policiesContainer h2 {
        overflow: hidden;
        width: 100%;
        height: fit-content;
        margin: 0 auto;
        padding: .75% 0;
        font-size: 1.5em;
        color: #fff;
        text-transform: uppercase;
        background-color: #007C9D;
        text-align: center;
        position: absolute;
        top: 0;
    }

    .policiesContainerScroll {
        width: 98%;
        height: 490px;
        overflow-y: auto;
        padding: 1%;
        margin: 3% 0;
    }

    /*** styles for scrollbars on Chrome ***/
    .policiesContainerScroll::-webkit-scrollbar {
        width: 5px;
    }

    .policiesContainerScroll::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .policiesContainerScroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 4px rgba(0, 0, 0, 1);
    }

    .policiesContainerScroll p {
        margin: 1%;
        font-size: 1em;
        line-height: 1.4;
    }

    .policiesContainerScroll a {
        margin: 0;
        font-size: .95em;
        color: #007C9D;
        text-decoration: underline;
    }

    .policiesLinkText {
        width: fit-content;
        margin: 1.5% auto !important;
    }

    .policiesFooter {
        overflow: hidden;
        width: 100%; 
        margin: 1% 0 0 0;
        padding: 1% 0;
        background-color: #007C9D;
        text-align: center;
        font-size: .9em;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }

    /*** Data Collection styles ***/
    .dataContainer {
        width: 75%;
        height: 570px;
        margin: 1% 0 0 11%;
        padding: 1% 0 0 0;
        border: solid 2px #007C9D;
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
    }

    .dataContainer h2 {
        overflow: hidden;
        width: 100%;
        height: fit-content;
        margin: 0 auto;
        padding: 1% 0;
        font-size: 1.3em;
        color: #fff;
        text-transform: uppercase;
        background-color: #007C9D;
        text-align: center;
        position: absolute;
        top: 0;
    }

    br.dataBreak {
        display: none;
    }

    .dataContainer h4 {
        margin: 0;
        font-size: 1em;
        text-transform: uppercase;
    }

    .dataContainerScroll {
        width: 96%;
        height: 460px;
        overflow-y: auto;
        padding: 4% 1% 1% 1%;
        margin: 2% auto 0;
    }

    /*** styles for scrollbars on Chrome ***/
    .dataContainerScroll::-webkit-scrollbar {
        width: 10px;
    }

    .dataContainerScroll::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .dataContainerScroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
    }

    .dataContainerScroll p {
        margin: .5% 0 2% 0;
        font-size: 1em;
        line-height: 1.3;
    }

    .dataContainerScroll a {
        margin: 0;
        font-size: .95em;
        color: #007C9D;
        text-decoration: underline;
    }

    .dataContainerScroll > ul {
        margin: 0 0 2% 0;
        font-size: 1em;
        line-height: 1.3;
    }

    .dataContainerScroll > ul > li {
        margin: 0 0 .5% 0;
    }

    .dataLinkText {
        width: fit-content;
        margin: 1.5% auto !important;
    }

    .dataFooter {
        overflow: hidden;
        width: 100%; 
        margin: 1% 0 0 0;
        padding: 1% 0;
        background-color: #007C9D;
        text-align: center;
        font-size: .9em;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }

    /*** Terms Conditions styles ***/
    .termsContainer {
        width: 75%;
        height: 570px;
        margin: 1% 0 0 15%;
        padding: 1% 0 0 0;
        border: solid 2px #007C9D;
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
    }

    .termsContainer h2 {
        overflow: hidden;
        width: 100%;
        height: fit-content;
        margin: 0 auto;
        padding: .75% 0;
        font-size: 1.5em;
        color: #fff;
        text-transform: uppercase;
        background-color: #007C9D;
        text-align: center;
        position: absolute;
        top: 0;
    }

    br.termsBreak {
        display: none;
    }

    .termsContainer h4 {
        margin: 0;
        font-size: 1em;
        text-transform: uppercase;
    }

    .termsContainerScroll {
        width: 96%;
        height: 470px;
        overflow-y: auto;
        padding: 1.5%;
        margin: 4% 0;
    }

    /*** styles for scrollbars on Chrome ***/
    .termsContainerScroll::-webkit-scrollbar {
        width: 10px;
    }

    .termsContainerScroll::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .termsContainerScroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
    }

    .termsContainerScroll p {
        margin: .5% 0 2% 0;
        font-size: 1em;
        line-height: 1.4;
    }

    .termsContainerScroll a {
        margin: 0;
        font-size: .95em;
        color: #007C9D;
        text-decoration: underline;
    }

    .termsContainerScroll > ul {
        margin: 0 0 2% 0;
        font-size: 1em;
        line-height: 1.5;
    }

    .termsContainerScroll > ul > li {
        margin: 0 0 .5% 0;
    }

    .termsLinkText {
        width: fit-content;
        margin: 1.5% auto !important;
    }

    .termsFooter {
        overflow: hidden;
        width: 100%; 
        margin: 1% 0 0 0;
        padding: 1% 0;
        background-color: #007C9D;
        text-align: center;
        font-size: .9em;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }

    /*** Privacy Policy styles ***/
    .privacyContainer {
        width: 75%;
        height: 570px;
        margin: 2% auto 0;
        padding: 1% 0 0 0;
        border: solid 2px #007C9D;
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
    }

    .privacyContainer h2 {
        overflow: hidden;
        width: 100%;
        height: fit-content;
        margin: 0 auto;
        padding: .75% 0;
        font-size: 1.4em;
        color: #fff;
        text-transform: uppercase;
        background-color: #007C9D;
        text-align: center;
        position: absolute;
        top: 0;
    }

    .privacyContainer h4 {
        margin: 0;
        font-size: 1em;
        text-transform: uppercase;
    }

    .privacyContainerScroll {
        width: 96%;
        height: 470px;
        overflow-y: auto;
        padding: 1.5%;
        margin: 6% auto 0;
    }

    /*** styles for scrollbars on Chrome ***/
    .privacyContainerScroll::-webkit-scrollbar {
        width: 10px;
    }

    .privacyContainerScroll::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .privacyContainerScroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
    }

    .privacyContainerScroll p {
        margin: .5% 0 2% 0;
        font-size: 1em;
        line-height: 1.3;
    }

    .privacyContainerScroll a {
        margin: 0;
        font-size: .95em;
        color: #007C9D;
        text-decoration: underline;
    }

    .privacyContainerScroll > ul {
        margin: 0 0 2% 0;
        font-size: 1em;
        line-height: 1.3;
    }

    .privacyContainerScroll > ul > li {
        margin: 0 0 .5% 0;
    }

    .privacyContainerScroll > ol {
        margin: 0 0 2% 0;
        font-size: 1em;
        line-height: 1.3;
    }

    .privacyContainerScroll > ol > li {
        margin: 0 0 .5% 0;
    }

    .privacyLinkText {
        width: fit-content;
        margin: 1.5% auto !important;
    }

    .privacyContactInfo {
        overflow: hidden;
        width: fit-content;
        margin: 2% auto 0;
        text-align: center;
    }

    .privacyFooter {
        overflow: hidden;
        width: 100%; 
        margin: 1% 0 0 0;
        padding: 1% 0;
        background-color: #007C9D;
        text-align: center;
        font-size: .9em;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }
}

/*** Laptop ***/
@media (min-width : 1281px) and (max-width : 1599px) and (orientation : landscape) {
    /*** Waiver styles ***/
    .policiesContainer {
        width: 70%;
        height: 570px;
        margin: 1% 0 0 15%;
        padding: 1% 0 0 0;
        border: solid 2px #007C9D;
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
    }

    .policiesContainer h2 {
        overflow: hidden;
        width: 100%;
        height: fit-content;
        margin: 0 auto;
        padding: .75% 0;
        font-size: 1.5em;
        color: #fff;
        text-transform: uppercase;
        background-color: #007C9D;
        text-align: center;
        position: absolute;
        top: 0;
    }

    .policiesContainerScroll {
        width: 98%;
        height: 480px;
        overflow-y: auto;
        padding: 1%;
        margin: 2% 0;
    }

    /*** styles for scrollbars on Chrome ***/
    .policiesContainerScroll::-webkit-scrollbar {
        width: 5px;
    }

    .policiesContainerScroll::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .policiesContainerScroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 4px rgba(0, 0, 0, 1);
    }

    .policiesContainerScroll p {
        margin: 1%;
        font-size: 1em;
        line-height: 1.4;
    }

    .policiesContainerScroll a {
        margin: 0;
        font-size: 1em;
        color: #007C9D;
        text-decoration: underline;
    }

    .policiesLinkText {
        width: fit-content;
        margin: 1.5% auto !important;
    }

    .policiesFooter {
        overflow: hidden;
        width: 100%; 
        margin: 1% 0 0 0;
        padding: 1% 0;
        background-color: #007C9D;
        text-align: center;
        font-size: .9em;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }

    /*** Data Collection styles ***/
    .dataContainer {
        width: 70%;
        height: 570px;
        margin: 1% 0 0 15%;
        padding: 1% 0 0 0;
        border: solid 2px #007C9D;
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
    }

    .dataContainer h2 {
        overflow: hidden;
        width: 100%;
        height: fit-content;
        margin: 0 auto;
        padding: .75% 0;
        font-size: 1.5em;
        color: #fff;
        text-transform: uppercase;
        background-color: #007C9D;
        text-align: center;
        position: absolute;
        top: 0;
    }

    br.dataBreak {
        display: none;
    }

    .dataContainer h4 {
        margin: 0;
        font-size: 1em;
        text-transform: uppercase;
    }

    .dataContainerScroll {
        width: 97%;
        height: 470px;
        overflow-y: auto;
        padding: 1.5%;
        margin: 2.5% 0;
    }

    /*** styles for scrollbars on Chrome ***/
    .dataContainerScroll::-webkit-scrollbar {
        width: 5px;
    }

    .dataContainerScroll::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .dataContainerScroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 2px rgba(0, 0, 0, 1);
    }

    .dataContainerScroll p {
        margin: .5% 0 2% 0;
        font-size: 1em;
        line-height: 1.4;
    }

    .dataContainerScroll a {
        margin: 0;
        font-size: .98em;
        color: #007C9D;
        text-decoration: underline;
    }

    .dataContainerScroll > ul {
        margin: 0 0 2% 0;
        font-size: 1em;
        line-height: 1.4;
    }

    .dataContainerScroll > ul > li {
        margin: 0 0 .5% 0;
    }

    .dataLinkText {
        width: fit-content;
        margin: 1.5% auto !important;
    }

    .dataFooter {
        overflow: hidden;
        width: 100%; 
        margin: 1% 0 0 0;
        padding: 1% 0;
        background-color: #007C9D;
        text-align: center;
        font-size: .9em;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }

    /*** Terms Conditions styles ***/
    .termsContainer {
        width: 70%;
        height: 570px;
        margin: 1% 0 0 15%;
        padding: 1% 0 0 0;
        border: solid 2px #007C9D;
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
    }

    .termsContainer h2 {
        overflow: hidden;
        width: 100%;
        height: fit-content;
        margin: 0 auto;
        padding: .75% 0;
        font-size: 1.5em;
        color: #fff;
        text-transform: uppercase;
        background-color: #007C9D;
        text-align: center;
        position: absolute;
        top: 0;
    }

    br.termsBreak {
        display: none;
    }

    .termsContainer h4 {
        margin: 0;
        font-size: 1em;
        text-transform: uppercase;
    }

    .termsContainerScroll {
        width: 97%;
        height: 470px;
        overflow-y: auto;
        padding: 1.5%;
        margin: 2.5% 0;
    }

    /*** styles for scrollbars on Chrome ***/
    .termsContainerScroll::-webkit-scrollbar {
        width: 5px;
    }

    .termsContainerScroll::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .termsContainerScroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 2px rgba(0, 0, 0, 1);
    }

    .termsContainerScroll p {
        margin: .5% 0 2% 0;
        font-size: 1em;
        line-height: 1.4;
    }

    .termsContainerScroll a {
        margin: 0;
        font-size: .98em;
        color: #007C9D;
        text-decoration: underline;
    }

    .termsContainerScroll > ul {
        margin: 0 0 2% 0;
        font-size: 1.1em;
        line-height: 1.5;
    }

    .termsContainerScroll > ul > li {
        margin: 0 0 .5% 0;
    }

    .termsLinkText {
        width: fit-content;
        margin: 1.5% auto !important;
    }

    .termsFooter {
        overflow: hidden;
        width: 100%; 
        margin: 1% 0 0 0;
        padding: 1% 0;
        background-color: #007C9D;
        text-align: center;
        font-size: .9em;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }

    /*** Privacy Policy styles ***/
    .privacyContainer {
        width: 70%;
        height: 570px;
        margin: 2% auto 0;
        padding: 1% 0 0 0;
        border: solid 2px #007C9D;
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
    }

    .privacyContainer h2 {
        overflow: hidden;
        width: 100%;
        height: fit-content;
        margin: 0 auto;
        padding: .75% 0;
        font-size: 1.5em;
        color: #fff;
        text-transform: uppercase;
        background-color: #007C9D;
        text-align: center;
        position: absolute;
        top: 0;
    }

    .privacyContainer h4 {
        margin: 0;
        font-size: 1em;
        text-transform: uppercase;
    }

    .privacyContainerScroll {
        width: 97%;
        height: 430px;
        overflow-y: auto;
        padding: 1.5%;
        margin: 6% auto 0;
    }

    /*** styles for scrollbars on Chrome ***/
    .privacyContainerScroll::-webkit-scrollbar {
        width: 5px;
    }

    .privacyContainerScroll::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .privacyContainerScroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 2px rgba(0, 0, 0, 1);
    }

    .privacyContainerScroll p {
        margin: .5% 0 2% 0;
        font-size: 1em;
        line-height: 1.3;
    }

    .privacyContainerScroll a {
        margin: 0;
        font-size: .96em;
        color: #007C9D;
        text-decoration: underline;
    }

    .privacyContainerScroll > ul {
        margin: 0 0 2% 0;
        font-size: 1em;
        line-height: 1.4;
    }

    .privacyContainerScroll > ul > li {
        margin: 0 0 .5% 0;
    }

    .privacyContainerScroll > ol {
        margin: 0 0 2% 0;
        font-size: 1em;
        line-height: 1.4;
    }

    .privacyContainerScroll > ol > li {
        margin: 0 0 .5% 0;
    }

    .privacyLinkText {
        width: fit-content;
        margin: 1.5% auto !important;
    }

    .privacyContactInfo {
        overflow: hidden;
        width: fit-content;
        margin: 2% auto 0;
        text-align: center;
    }

    .privacyFooter {
        overflow: hidden;
        width: 100%; 
        margin: 1% 0 0 0;
        padding: 1% 0;
        background-color: #007C9D;
        text-align: center;
        font-size: .9em;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }
}

/******* Widescreen Styles ******/
@media (min-width : 1600px) and (max-width : 1919px) and (orientation: landscape) {
    /*** Waiver styles ***/
    .policiesContainer {
        width: 50%;
        height: 750px;
        margin: 2% 0 0 27%;
        padding: 0;
        border: solid 2px #007C9D;
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
    }
    
    .policiesContainer h2 {
        overflow: hidden;
        width: 100%;
        height: fit-content;
        margin: 0 auto;
        padding: .75% 0;
        font-size: 1.5em;
        color: #fff;
        text-transform: uppercase;
        background-color: #007C9D;
        text-align: center;
        position: relative;
        top: 0;
    }

    .policiesContainerScroll {
        width: 97%;
        height: 700px;
        overflow-y: auto;
        padding: 1%;
        margin: .5% 0;
    }

    /*** styles for scrollbars on Chrome ***/
    .policiesContainerScroll::-webkit-scrollbar {
        width: 10px;
    }

    .policiesContainerScroll::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .policiesContainerScroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
    }

    .policiesContainerScroll p {
        margin: 1%;
        font-size: 1em;
        line-height: 1.3;
    }

    .policiesContainerScroll a {
        margin: 0;
        font-size: .9em;
        color: #007C9D;
        text-decoration: underline;
    }

    .policiesLinkText {
        width: fit-content;
        margin: 1.5% auto !important;
    }

    .policiesFooter {
        overflow: hidden;
        width: 100%; 
        margin: 1% 0 0 0;
        padding: 1% 0;
        background-color: #007C9D;
        text-align: center;
        font-size: .9em;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }

    /*** Data Collection styles ***/
    .dataContainer {
        width: 50%;
        height: 850px;
        margin: 2% 0 0 28%;
        padding: 1% 0 0 0;
        border: solid 2px #007C9D;
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
    }

    .dataContainer h2 {
        overflow: hidden;
        width: 100%;
        height: fit-content;
        margin: 0 auto;
        padding: .75% 0;
        font-size: 1.5em;
        color: #fff;
        text-transform: uppercase;
        background-color: #007C9D;
        text-align: center;
        position: absolute;
        top: 0;
    }

    br.dataBreak {
        display: none;
    }

    .dataContainer h4 {
        margin: 0;
        font-size: 1em;
        text-transform: uppercase;
    }

    .dataContainerScroll {
        width: 97%;
        height: 760px;
        overflow-y: auto;
        padding: 1.5%;
        margin: 2.5% 0;
    }

    /*** styles for scrollbars on Chrome ***/
    .dataContainerScroll::-webkit-scrollbar {
        width: 10px;
    }

    .dataContainerScroll::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .dataContainerScroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
    }

    .dataContainerScroll p {
        margin: .5% 0 2% 0;
        font-size: 1em;
        line-height: 1.3;
    }

    .dataContainerScroll a {
        margin: 0;
        font-size: .95em;
        color: #007C9D;
        text-decoration: underline;
    }

    .dataContainerScroll > ul {
        margin: 0 0 2% 0;
        font-size: 1em;
        line-height: 1.4;
    }

    .dataContainerScroll > ul > li {
        margin: 0 0 .5% 0;
    }

    .dataLinkText {
        width: fit-content;
        margin: 1.5% auto !important;
    }

    .dataFooter {
        overflow: hidden;
        width: 100%; 
        margin: 1% 0 0 0;
        padding: 1% 0;
        background-color: #007C9D;
        text-align: center;
        font-size: .9em;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }

    /*** Terms Conditions styles ***/
    .termsContainer {
        width: 50%;
        height: 850px;
        margin: 2% auto 0;
        padding: 1% 0 0 0;
        border: solid 2px #007C9D;
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
    }

    .termsContainer h2 {
        overflow: hidden;
        width: 100%;
        height: fit-content;
        margin: 0 auto;
        padding: .75% 0;
        font-size: 1.5em;
        color: #fff;
        text-transform: uppercase;
        background-color: #007C9D;
        text-align: center;
        position: absolute;
        top: 0;
    }

    br.termsBreak {
        display: none;
    }

    .termsContainer h4 {
        margin: 0;
        font-size: 1em;
        text-transform: uppercase;
    }

    .termsContainerScroll {
        width: 97%;
        height: 760px;
        overflow-y: auto;
        padding: 1.5%;
        margin: 2.5% 0;
    }

    /*** styles for scrollbars on Chrome ***/
    .termsContainerScroll::-webkit-scrollbar {
        width: 10px;
    }

    .termsContainerScroll::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .termsContainerScroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
    }

    .termsContainerScroll p {
        margin: .5% 0 2% 0;
        font-size: 1em;
        line-height: 1.3;
    }

    .termsContainerScroll a {
        margin: 0;
        font-size: .96em;
        color: #007C9D;
        text-decoration: underline;
    }

    .termsContainerScroll > ul {
        margin: 0 0 2% 0;
        font-size: 1.1em;
        line-height: 1.5;
    }

    .termsContainerScroll > ul > li {
        margin: 0 0 .5% 0;
    }

    .termsLinkText {
        width: fit-content;
        margin: 1.5% auto !important;
    }

    .termsFooter {
        overflow: hidden;
        width: 100%; 
        margin: 1% 0 0 0;
        padding: 1% 0;
        background-color: #007C9D;
        text-align: center;
        font-size: .9em;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }

    /*** Privacy Policy styles ***/
    .privacyContainer {
        width: 50%;
        height: 850px;
        margin: 2% auto 0;
        padding: 1% 0 0 0;
        border: solid 2px #007C9D;
        background-color: #fff;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
    }

    .privacyContainer h2 {
        overflow: hidden;
        width: 100%;
        height: fit-content;
        margin: 0 auto;
        padding: .75% 0;
        font-size: 1.5em;
        color: #fff;
        text-transform: uppercase;
        background-color: #007C9D;
        text-align: center;
        position: absolute;
        top: 0;
    }

    .privacyContainer h4 {
        margin: 0;
        font-size: 1em;
        text-transform: uppercase;
    }

    .privacyContainerScroll {
        width: 96%;
        height: 720px;
        overflow-y: auto;
        padding: 1.5%;
        margin: 5% auto 0;
    }

    /*** styles for scrollbars on Chrome ***/
    .privacyContainerScroll::-webkit-scrollbar {
        width: 10px;
    }

    .privacyContainerScroll::-webkit-scrollbar-track {
        background-color: #ccc;
    }

    .privacyContainerScroll::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
    }

    .privacyContainerScroll p {
        margin: .5% 0 2% 0;
        font-size: 1em;
        line-height: 1.3;
    }

    .privacyContainerScroll a {
        margin: 0;
        font-size: .96em;
        color: #007C9D;
        text-decoration: underline;
    }

    .privacyContainerScroll > ul {
        margin: 0 0 2% 0;
        font-size: 1em;
        line-height: 1.4;
    }

    .privacyContainerScroll > ul > li {
        margin: 0 0 .5% 0;
    }

    .privacyContainerScroll > ol {
        margin: 0 0 2% 0;
        font-size: 1em;
        line-height: 1.3;
    }

    .privacyContainerScroll > ol > li {
        margin: 0 0 .5% 0;
    }

    .privacyLinkText {
        width: fit-content;
        margin: 1.5% auto !important;
    }

    .privacyContactInfo {
        overflow: hidden;
        width: fit-content;
        margin: 3% auto 0;
        text-align: center;
    }

    .privacyFooter {
        overflow: hidden;
        width: 100%; 
        margin: 1% 0 0 0;
        padding: 1% 0;
        background-color: #007C9D;
        text-align: center;
        font-size: .9em;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }
}