*{
    margin: 0;
    padding: 0;
}
.sale-container{
    width: 100%;
    height: auto;
    background: #F5F5F7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    text-decoration: none;
}
.sale-text{
    font-family: 'PhysisBold';
    font-size: 115%;
    text-align: center;
    color: black;
    text-decoration: none;
    transition: .5s ease-in-out all;
}
.sale-text:hover,
.sale-text:active{
    color: rgb(46, 46, 46);
}
/* Start of Web Op Styling */
.web-op-hero-section-container{
    width: 100%;
    height: auto;
    background: black;
    display: grid;
    grid-template-columns: 60% 40%;
    gap: 0;
}
.web-op-info{
    display: flex;
    flex-direction: column;
    width: 95%;
    margin-left: 5%;
    color: white;
    justify-content: space-evenly;
}
.web-op-header{
    font-weight: 800;
    font-family: 'PhysisBold';
    font-size: 200%;
}
.web-op-subtext{
    font-size: 150%;
    font-family: 'PhysisReg';
    width: 80%;
}
.hero-section-booking-cont{
    padding-top: 0;
    /*padding-top: 32px;*/
}
.book-cons-hyperlink{
    text-decoration: none;
    color: white;
    font-family: 'PhysisBold';
    text-transform: uppercase;
    padding: 5px 10px;
    background: #343E74;
    width: auto;
    border-radius: 10px;
    cursor: pointer;
    transition: .3s all ease-in-out;
}
.book-cons-hyperlink:active,
.book-cons-hyperlink:hover{
    color: rgb(237, 234, 234);
    background: #2d3665;
}
.flex-container-vids{
    display: flex;
    align-items: center;
    justify-content: center;
}
.web-op-vid{
    width: 70%;
}
.benefits-web-op-container{
    width: 100%;
    height: auto;
    background: #FAFAFA;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 0;
    padding-bottom: 25px;
}
.benefits-header{
    width: 98%;
    text-align: right;
    padding-top: 75px;
    font-family: 'PhysisBold';
    font-size: 200%;
}
.benefits-ac-grid{
    width: 95%;
    margin-left: 2.5%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1%;
    padding-top: 20px;
}
.benefit-web-op-template{
    background: white;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 50px;
}
.web-op-benefit-icons{
    width: 20%;
    margin-top: 10px;
    margin-left: 10px;
}
.web-op-benefit-headers{
    margin-left: 10px;
    font-family: 'PhysisBold';
    font-size: 175%;
    width: 90%;
}
.web-op-benefit-subtexts{
    margin-left: 10px;
    width: 85%;
    font-family: 'PhysisReg';
    font-weight: 100;
    margin-top: 20px;
    font-size: 100%;
}
.unlock-potential-cont{
    width: 100%;
    height: auto;
    background: #010101;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 20px;
    color: white;
    padding-bottom: 45px;
}
.unlock-poten-header{
    padding-top: 70px;
    width: 98%;
    margin-left: 1%;
    font-family: 'PhysisBold';
    font-size: 200%;
}
.unlock-grid-text-img-grid,
.unlock-grid-img-text-grid{
    width: 98%;
    height: auto;
    margin-left: 1%;
    display: grid;
    grid-template-columns: 60% 40%;
    gap: 0;
}
.unlock-grid-img-text-grid{
    grid-template-columns: 40% 60%;
}
.unlock-img-flex-conts{
    display: flex;
    align-items: center;
    justify-content: center;
}
.unlock-images{
    width: 40%;
}
.camera-shot{
    width: 55%;
}
.unlock-headers{
    font-family: 'PhysisReg';
    padding-top: 20px;
    font-size: 200%;
}
.align-right{
    text-align: right;
}
.unlock-subtexts{
    font-family: 'PhysisThin';
    padding-top: 20px;
    font-size: 125%;
    width: 90%;
}
.unlock-sub-rights{
    margin-left: 10%;
}
.ready-to-op-grid-cont{
    width: 100%;
    height: auto;
    background: white;
    display: grid;
    grid-template-columns: 25% 50% 25%;
    gap: 0;
    padding: 2% 0;
}
.ready-flex-containers{
    display: flex;
    align-items: center;
    justify-content: center;
}
.ready-images{
    width: 70%;
}
.ready-to-op-center{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 30px;
}
.ready-header{
    font-family: 'PhysisBold';
    font-size: 215%;
}
.ready-subtext{
    font-family: 'PhysisReg';
    font-weight: 200;
    font-size: 125%;
}
.ready-hyperlink{
    text-decoration: none;
    font-family: 'PhysisBold';
    color: white;
    background: black;
    padding: 20px 30px;
    border-radius: 20px;
}
/* End of Web Op Styling */
@keyframes slide{
    from{
        transform: translateX(0);
    }
    to{
        transform: translate(-100%);
    }
}
.infinite-carousel-reviews{
    overflow: hidden;
    padding: 10px 0;
    white-space: nowrap;
}
.logos-slide{
    display: inline-block;
    animation: 50s slide infinite;
}
.logos-slide img{
    height: 100px;
    margin: 0 40px;
}
.infinite-carousel-reviews:hover .logos-slide{
    animation-play-state: paused;
}
.footer-cont{
    width: 100%;
    height: auto;
    margin-top: 10px;
    background: black;
    display: grid;
    grid-template-rows: 1fr auto;
    gap: 0;
}
.upper-footer-main-cont{
    width: 95%;
    height: auto;
    margin-left: 2.5%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    padding: 40px 0;
    padding-bottom: 50px;
}
.footer-sections-grid{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5%;
}
.footer-comp-flex-cont{
    display: flex;
    flex-direction: column;
}
.logo-text-cont{
    display: flex;
    align-items: center;
}
.footer-logo{
    width: 10%;
}
.footer-text-comp{
    margin-left: 2%;
    color: white;
    font-family: 'Inter';
    font-size: 125%;
}
.footer-comp-descrip{
    font-family: 'Inter';
    color: white;
    font-size: 120%;
    margin-top: 2%;
    width: 85%;
}
.footer-columns-temp{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5%;
}
.footer-column-headers{
    color: white;
    font-family: 'Inter';
    font-size: 150%;
    font-weight: 800;
}
.footer-hyperlinks{
    text-decoration: none;
    color: white;
    font-family: 'Inter';
    transition: .2s all ease-in-out;
    text-align: center;
}
.footer-hyperlinks:hover{
    color: rgb(207, 203, 203);
}
.form-labels{
    color: white;
    font-family: 'Inter';
}
.copyright-section{
    width: 95%;
    height: auto;
    margin-left: 2.5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #D9D9D9;
    color: white;
    font-family: 'Inter';
    padding-top: 10px;
    padding-bottom: 10px;
}
.copyright-flex{
    display: flex;
    gap: 10px;
}
.copyright-flex a{
    text-decoration: none;
    color: white;
}
.social-media-flex{
    display: flex;
    gap: 2%;
    margin-top: 20px;
}
.mail-sub-sec-footer{
    display: flex;
    margin-top: 2%;
}
.email-input-footer{
    width: 50%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.mail-inputs{
    padding: 10px;
    border: none;
}
.email-input-submit{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background: grey;
    color: white;
    font-weight: 600;
}
@media screen and (min-width: 1200px)
{
    .web-op-subtext{
        padding-bottom: 40px;
    }
}
@media screen and (min-width: 0px) and (max-width: 500px)
{
    .mobile-navigation-container a{
        font-size: 150%;
    }
    .navigation-ac{
        display: none;
    }
    .navigation-bar-container{
        display: grid;
        grid-template-columns: 100% 0%;
        overflow: hidden;
        place-items: center;
        height: 75px;
    }
    .hc-logo-a{
        width: 100%;
        margin-left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .hc-logo{
        width: 100%;
        max-width: 50px;
    }
    .nav-logos-cont{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .overlay-menu-btn{
        display: flex;
        position: absolute;
        right: 5%;
        top: -8%;
        background: transparent;
        border: none;
        justify-content: flex-end;
    }
    .sale-text{
        font-size: 90%;
        width: 80%;
    }
    .overlay-menu-btn-img{
        width: 35%;
    }
    .logos-slide{
        animation: 50s slide infinite;
    }
    .logos-slide img{
        height: 60px;
        margin: 0 5px;
    }
    .upper-footer-main-cont,
    .footer-sections-grid{
        display: inline-block;
        grid-auto-flow: column;
        grid-template-columns: 1fr;
        gap: 5px;
    }
    .footer-comp-descrip{
        font-size: 10%;
        width: 90%;
    }
    .social-media-flex a{
        width: 20%;
    }
    .social-media-flex a img{
        width: 100%;
    }
    .footer-columns-temp{
        align-items: flex-start;
        gap: 10px;
        margin-top: 10%;
    }
    .footer-column-headers{
        font-size: 115%;
    }
    .footer-hyperlinks,
    .form-labels{
        font-size: 80%;
    }
    .copyright-section{
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }
    .copyright-flex{
        flex-direction: column;
        width: 100%;
    }
    .footer-dividers{
        display: none;
    }
    .web-op-hero-section-container{
        grid-template-columns: 100%;
    }
    .web-op-header{
        padding-top: 40px;
        font-size: 150%;
    }
    .web-op-subtext{
        font-size: 100%;
        width: 90%;
        padding-top: 20px;
        padding-bottom: 0;
    }
    .hero-section-booking-cont{
        padding-top: 20px;
    }
    .book-cons-hyperlink{
        padding: 2px 8px;
    }
    .web-op-vid{
        width: 50%;
        margin-top: 30px;
    }
    .benefits-header{
        font-size: 125%;
        padding-top: 40px;
    }
    .benefits-ac-grid{
        display: inline-block;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        gap: 0;
        padding-top: 0;
    }
    .benefit-web-op-template{
        width: 90%;
        margin-left: 5%;
        padding-bottom: 30px;
        margin-top: 5%;
    }
    .web-op-benefit-headers{
        font-size: 125%;
    }
    .web-op-benefit-subtexts{
        font-size: 90%;
    }
    .unlock-poten-header,
    .unlock-headers{
        font-size: 125%;
    }
    .unlock-headers{
        font-size: 110%;
    }
    .unlock-grid-text-img-grid,
    .unlock-grid-img-text-grid{
        width: 98%;
        height: auto;
        margin-left: 1%;
        display: grid;
        grid-template-columns: 100% 0;
        gap: 0;
    }
    .unlock-grid-img-text-grid{
        grid-template-columns: 0 100%;
    }
    .unlock-subtexts{
        font-size: 80%;
    }
    .ready-to-op-grid-cont{
        grid-template-columns: 0 100% 0;
        padding-bottom: 30px;
    }
    .ready-header{
        padding-top: 40px;
        font-size: 125%;
    }
    .ready-hyperlink{
        padding: 5px;
    }
}

@media screen and (min-width: 501px) and (max-width: 900px)
{
    .mobile-navigation-container a{
        font-size: 200%;
    }
    .navigation-ac{
        display: none;
    }
    .hero-header{
        font-size: 150%;
        margin-top: 40px;
    }
    .hero-subtext{
        width: 80%;
        font-size: 100%;
    }
    .hero-sec-buttons{
        font-size: 50%;
        padding: 10px;
    }
    .hero-video{
        width: 100%;
    }
    .navigation-bar-container{
        display: grid;
        grid-template-columns: 100% 0%;
        overflow: hidden;
        place-items: center;
        height: 75px;
    }
    .hc-logo-a{
        width: 100%;
        margin-left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .hc-logo{
        width: 100%;
        max-width: 50px;
    }
    .nav-logos-cont{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .overlay-menu-btn{
        display: flex;
        position: absolute;
        right: 5%;
        top: -10%;
        background: transparent;
        border: none;
        justify-content: flex-end;
    }
    .overlay-menu-btn-img{
        width: 35%;
    }
    .sale-text{
        font-size: 90%;
        width: 90%;
    }
    .web-op-hero-section-container{
        padding: 40px 0;
    }
    .web-op-header{
        padding-top: 40px;
        font-size: 125%;
    }
    .web-op-subtext{
        font-size: 100%;
        padding-top: 10px;
        padding-bottom: 0;
    }
    .hero-section-booking-cont{
        padding-top: 0;
        margin-top: 0;
    }
    .book-cons-hyperlink{
        padding: 5px;
    }
    .web-op-info{
        gap: 20px;
        padding-bottom: 20px;
    }
    .web-op-benefit-headers{
        font-size: 150%;
    }
    .web-op-benefit-subtexts{
        font-size: 80%;
    }
    .unlock-images{
        width: 80%;
    }
    .unlock-sub-rights{
        font-size: 100%;
    }
    .ready-to-op-grid-cont{
        padding-bottom: 40px;
    }
    .ready-header{
        padding-top: 20px;
        font-size: 150%;
    }
    .ready-hyperlink{
        padding: 10px 20px;
    }
    .upper-footer-main-cont{
        display: inline-block;
    }
    .copyright-section{
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }
    .copyright-flex{
        width: 100%;
    }
    .footer-comp-descrip{
        width: 95%;
    }
    .footer-sections-grid{
        display: flex;
        flex-direction: column;
        gap: 40px;
    }
    .footer-columns-temp{
        align-items: flex-start;
        gap: 10px;
    }
}
@media screen and (min-width: 901px) and (max-width: 1300px)
{
    .web-op-subtext{
        font-size: 115%;
    }
    .web-op-hero-section-container{
        padding: 80px 0;
    }
}
@font-face {
    font-family: 'PhysisBold';
    src: url('fonts/RNSPhysis-Bold.otf');
    font-weight: normal;
}
@font-face {
    font-family: 'PhysisReg';
    src: url('fonts/RNSPhysis-Medium.otf');
    font-weight: normal;
}
@font-face {
    font-family: 'PhysisThin';
    src: url('fonts/RNSPhysis-Thin.otf');
    font-weight: normal;
}