:root {
    --apex-hero-image-max-height: 500px;
}

body, h1, h2, h3, h4, p {font-family:'Montserrat', sans-serif !important; 
    /* overflow-x:hidden; */
}
body {margin:0; padding:0;}
.APEX-second-header {background-color:#F4F2F2; width:100%; padding-bottom:30px; position: relative; top: 30px;}
.APEX-second-header h2, .APEX-second-header p {max-width:850px; padding:0 25px 10px; margin:0 auto;}
/* .APEX-marketers-container {background-color:#005E58;} */
.APEX-sponsorship-container {background-color:#A9BA5B;}
.APEX-sponsors {
    /* border-bottom: 2px solid #fff;  */
    padding: 10px 0; margin:0 auto; text-align:center;}
.APEX-sponsors p {text-align:center; color:#802168;}
.APEX-sponsors img {padding: 10px; margin: 10px; max-width: 180px;}

#extra-gradient {
    height: 4px;
    background: linear-gradient(to right, #802168, #802168, #802168);
}
/* countdown container */
.countdown-container {
    font: normal normal 800 36px/44px 'Montserrat';

}
.countdown-container h2 {
    color: #812167;
}
.line-timer{
    width: 1px; /* Thin line */
    height: 120px; /* Adjust height as needed */
    background: linear-gradient(to bottom, transparent, #BDBDBD 50%, transparent);
}
.timer-container{
    /* padding: 0 2rem; */
    padding-left: 2rem;
}
.timer-container .time{
    font-size: 60px;
    color: #4382B6;
}
.timer-container .unit {
    color: #636363;
    font-size: 24px;
}

.why-apex-awards > div .hero-text-purple{
    font: normal normal 800 36px/44px 'Montserrat';
    width: 35%;
    color: #812167;
}

.why-apex-awards > div .hero-text-yellow{
    font: normal normal 800 36px/44px 'Montserrat';
    width: 35%;
    color: #DF983B;
}

.why-apex-awards > div .description {
    font: normal normal normal 18px/24px 'Montserrat';
    color: #000000;
}

.APEX-interior-container .icon-container{
    width: 20%;
}

.APEX-interior-container .description{
    width: 50%;
}
#apex-hero-image {
    position: relative;
    display: block;
    max-height: var(--apex-hero-image-max-height);
    background-color: #8FB8B1;
    /* background: url('/apex-awards/Proximyl_ApexAward_21627_Dave_Background.jpg') */

    /* background: linear-gradient(to right, #802168, #802168, #802168); */
}

#apex-hero-image > img {
    display: block;
    max-height: var(--apex-hero-image-max-height);
    margin: 0 auto 0 auto;
}

#apex-hero-image > svg {
    position: absolute;
    bottom: -30px;

    width: 100%;
}
.nav-wrap {
    height: 65px;
    display: flex;
}

.navbar {
    float: left;
    display: block;
    /* margin-right: 2.3576520234%; */
    padding-right: 0rem;

    width: 100%;
    height: 100%;
    /* height: 150px; */
    box-sizing: border-box;
    background-color: white;
    box-shadow: 0px 2px 12px rgb(0 0 0 / 20%);
    position: fixed;
    z-index: 400;
}

.nav-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    /* padding: 0px 12px; */
}
.nav-sub-container {
    display: flex;
    align-items: center;
    border-right: 1px solid #bebebe;
    height: 100%;
    line-height: 1;
    color:white!important;
    /* background: #bebebe; */
}
.nav-sub-container a {
    color: #802168;
}
.nav-container :hover{
    background-color: #802168;
}
.nav-sub-container:hover a {
    color: white;
}
.nav-sub-container-login {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    width: 400px;
    line-height: 1.2;
    font-size: 14px;
    font-weight: normal;
}
@media screen and (max-width: 1560px){
    .why-apex-awards > div .hero-text-purple{
        width: 30%;
    }
    
    .why-apex-awards > div .hero-text-yellow{
        width: 30%;
    }
}
@media screen and (max-width: 1400px){
    .why-apex-awards > div .hero-text-purple{
        width: 50%;
    }
    
    .why-apex-awards > div .hero-text-yellow{
        width: 50%;
    }
}
@media screen and (max-width: 1200px){
    .APEX-interior-container > div {
       flex-direction: column !important;
       align-items: center;
       text-align: center;
       gap: 2rem;
    }

    .APEX-interior-container > div > div{
        width: auto !important;

    }
    
}
@media screen and (max-width: 1214px) {
    .nav-sub-container-login {
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        width: 10%;
    }
    .nav-sub-container-login a:nth-child(1) {
        margin-bottom: .25rem;
    }
}
@media screen and (max-width: 968px) {
    .nav-wrap {
        padding-right: 0rem;
    }
    .nav-wrap, .navbar, .nav-container {
        width: 100%;
    }
}
@media screen and (max-width: 648px) {
    .nav-sub-container {
        width: 33.333333%;
    }
    .nav-sub-container:nth-Child(1) {
        display: none;
    }
    /* .video-container video {
      height: 22vh !important;
    } */
}
.APEX-footer-container {
    /* max-width: 800px; */
    /* padding: 0 20px; */
    margin: 0 auto;
    display: block;
}
.APEX-footer-container ul {
    list-style-type: none;
    /* margin-left: -40px;
    padding-top: 20px;
    display: inline-block;
    vertical-align: top; */
}
.APEX-footer-container .footer-social-media {
    /* max-width: 250px; */
}
.APEX-footer-container .footer-contact {
    /* max-width: 450px; */
}
/* @media only screen and (min-width: 1800px) {
    #apex-hero-image {
        --apex-hero-image-max-height: 600px;
        height: var(--apex-hero-image-max-height);
    }
} */

@media only screen and (min-width: 2000px) {
    #apex-hero-image {
        /* --apex-hero-image-max-height: 750px; */
        height: 550px;
    }
}

@media only screen and (max-width:600px) {
    .APEX-second-header {padding-top:30px;}
    .APEX-second-header h2 {text-align:center; margin-bottom:15px;}
    .section-header-desktop {display:none;}
    .categories-header-mobile h2::before {content: url('https://files.medstro.com/image/authenticated/s--aQGTnas---/APEX_catergories_icon_mobile.png'); padding-right:10px; position:relative; top:10px;}
    .categories-header-mobile {width:80%; margin:20px auto; padding-bottom: 15px; border-bottom:1px solid #802168;}
    .categories-header-mobile h2 {
        overflow:hidden;
    }
    .marketers-header-mobile {width:80%; margin:20px auto; padding-bottom: 15px; border-bottom:1px solid #fff;}
    .marketers-header-mobile h2::before {content: url('https://files.medstro.com/image/authenticated/s--NtN_WMJv--/APEX_marketers_icon_mobile.png'); padding-right:10px; position:relative; top:10px;}
    .jurors-header-mobile h2::before {content: url('https://files.medstro.com/image/authenticated/s--ba8JEnLC--/APEX_juror_icon_mobile.png'); padding-right:10px; position:relative; top:10px;}
    .jurors-header-mobile {width:80%; margin:20px auto; padding-top:5px; padding-bottom: 15px; border-bottom:1px solid #802168;}
    .jurors-header-mobile h2 {overflow: hidden;}
    .sponsorships-header-mobile h2::before {content: url('https://files.medstro.com/image/authenticated/s--QAzLCX6v--/APEX_sponsorship_icon_mobile.png'); padding-right:10px; position:relative; top:10px;}
    .sponsorships-header-mobile {width:80%; margin:20px auto; padding-top:15px; padding-bottom: 15px; border-bottom:1px solid #802168;}
    .APEX-sponsorship-container ul {padding: 0; display: block;}
    .APEX-sponsorship-container ul li {width:100%; display:block; list-style-type: none; margin-top:20px;}
    .APEX-lightgreen-btn {background-color:#A9BA5B; max-width:90%; margin: 20px 0; padding:20px; display:block; border:1px solid #802168;}
    a.APEX-lightgreen-btn {color:#802168; text-transform:uppercase; text-align: center; font-weight:400; text-decoration:none;}
    .APEX-lightgreeninterior-container {padding-bottom:30px;}
    .APEX-container-copy {margin:20px auto 0; width:90%;}
    .APEX-greeninterior-container {padding:20px 0;}
    .APEX-greeninterior-container ul {display:inline-block; margin-top:20px; list-style-type: none; padding: 0; color:#FFF; vertical-align: top;}
    .APEX-greeninterior-container ul p {margin-top:0px;}
    .APEX-greeninterior-container ul:first-of-type {margin-right:15px; padding-right:25px; width:100%;}
    .entry-date-container { display: block !important;}
    .APEX-greeninterior-container ul:second-of-type {clear:both;}
    .APEX-faqs-container ul {display: block; list-style-type: none; padding:0 20px;}
    .APEX-faqs-container ul li:first-of-type {margin-bottom:50px;}
    .APEX-faqs-container h2 {text-align: center;}
    .APEX-golden-arrow {display:none;}
    .countdown-container h2 {
        font: normal normal 800 26px / 34px 'Montserrat';
    }
    .timer-container .time{
        font: normal normal 800 30px / 20px 'Montserrat';
    }
    .timer-container .unit {
        font: normal normal 800 9px / 20px 'Montserrat';
    }
    .why-apex-awards > div .hero-text-purple{
        font: normal normal 800 26px / 34px 'Montserrat';
    }
    
    .why-apex-awards > div .hero-text-yellow{
        font: normal normal 800 26px / 34px 'Montserrat';
    }
    .why-apex-awards > div .description {
        font: normal normal normal 16px / 25px 'Montserrat';
    }
}
@media screen and (max-width: 800px) {
    .APEX-interior-container {
        flex-direction: column;
        max-width: 80%;
        margin: 30px auto 0px;
    }
    .APEX-interior-container h2 {
        width: 100% !important;
        margin-bottom: 1.5rem !important;
    }
    .APEX-container-copy {
        width: 100% !important;
    }
}
@media only screen and (min-width: 600px) and (max-width: 799px) {
    .APEX-second-header {padding-top:30px;}
    .APEX-lightgreen-btn {background-color:#A9BA5B; max-width:250px; margin: 20px 0; padding:20px; display:block; border:1px solid #802168;}
    a.APEX-lightgreen-btn {color:#802168; text-transform:uppercase; text-align: center; font-weight:400; text-decoration:none;}
    .APEX-interior-container {max-width:80%; margin: 50px auto 0px; padding:0 25px; display:flex;}
    .APEX-interior-container h2, .APEX-greeninterior-container h2 {margin:0; vertical-align:top;}
    .APEX-greeninterior-container, .APEX-lightgreeninterior-container {max-width:850px; margin: 0px auto; padding:50px 25px; display:flex;}
    .APEX-greeninterior-container ul {display:inline-block; margin-top:20px; list-style-type: none; padding: 0; color:#FFF; vertical-align: top;}
    .APEX-greeninterior-container ul p {margin-top:0px;}
    .APEX-greeninterior-container ul:first-of-type {margin-right: 15px; border-right: 1px solid #fff; padding-right: 20px; max-width: 300px;}
    .APEX-greeninterior-container ul:second-of-type {clear:both;}
    .APEX-sponsorship-container ul {padding: 0; display: block;}
    .APEX-sponsorship-container ul li {width:100%; display:block; list-style-type: none; margin-top:20px;}
    .APEX-container-copy {max-width:500px;}
    .APEX-golden-arrow {display:none;}
    .sponsorsTitle {text-align: center;}
    .sponsorsTitle span {display: inline-block; position: relative;}
    .sponsorsTitle span:before, .sponsorsTitle span:after {content: ""; position: absolute; height: 5px; border-top: 2px solid #fff; top: 8px; max-width: 100%; width:40px;}
    .sponsorsTitle span:before {right: 100%; margin-right: 15px;}
    .sponsorsTitle span:after {left: 100%; margin-left: 15px;}
    .APEX-faqs-container ul {display: block; list-style-type: none; padding-left:0 !important;}
    .APEX-faqs-container ul li:first-of-type {margin-bottom:50px;}
    .categories-header-mobile, .marketers-header-mobile, .jurors-header-mobile, .sponsorships-header-mobile {display:none;}
}

@media only screen and (min-width: 800px) {
    .APEX-lightgreen-btn {background-color:#A9BA5B; max-width:250px; margin: 20px 0; padding:20px; display:block; border:1px solid #802168;}
    a.APEX-lightgreen-btn {color:#802168; text-transform:uppercase; text-align: center; font-weight:400; text-decoration:none;}
    .APEX-interior-container {max-width: 80%; margin: 50px auto 0px; display:flex;}
    .APEX-interior-container h2, .APEX-greeninterior-container h2 {margin:0; vertical-align:top;}
    .APEX-greeninterior-container, .APEX-lightgreeninterior-container {max-width:850px; margin: 0px auto; padding:50px 25px; display:flex;}
    .APEX-greeninterior-container ul {display:inline-block; margin-top:20px; list-style-type: none; padding: 0; color:#FFF; vertical-align: top;}
    .APEX-greeninterior-container ul p {margin-top:0px;}
    .APEX-greeninterior-container ul:first-of-type {margin-right:15px; padding-right:25px; border-right:1px solid #fff; max-width:350px;}
    .APEX-greeninterior-container ul:second-of-type {clear:both;}
    .APEX-sponsorship-container ul {padding: 0; display: flex;}
    .APEX-sponsorship-container ul li {width:50%; display:inline-block; list-style-type: none; padding-right:30px; margin-top:20px;}
    .APEX-container-copy {max-width: 60%;}
    .APEX-golden-arrow {display:none;}
    .sponsorsTitle {
        /* line-height: 0.5; */
        text-align: center;
    }
    .sponsorsTitle span {display: inline-block; position: relative;}
    .sponsorsTitle span:before, .sponsorsTitle span:after {content: ""; position: absolute; height: 5px; border-top: 2px solid #fff; top: 8px; max-width: 100%; width:120px;}
    .sponsorsTitle span:before {right: 100%; margin-right: 15px;}
    .sponsorsTitle span:after {left: 100%; margin-left: 15px;}
    .APEX-faqs-container ul {display: inline-flex; list-style-type: none;}
    .APEX-faqs-container ul li:first-of-type {width: 50%; padding-right: 20px; border-right: 1px solid #ccc;}
    .APEX-faqs-container ul li {width:50%; padding-left:20px;}
    .categories-header-mobile, .marketers-header-mobile, .jurors-header-mobile, .sponsorships-header-mobile {display:none;}
}

@media only screen and (min-width: 1055px) {
    /* .APEX-categories-container::before, .APEX-juros-container::before {content: url('https://files.medstro.com/image/authenticated/s--MpJLBSaS--/burgundy_arrow2.png'); position: relative; left:0px; top:80px;} */
    .APEX-interior-container {
        width: 70%;
        margin: auto;
        margin: 20px auto 0;
        /* max-width:850px;  */
        /* margin:-50px auto 50px;  */
        display:flex;
        justify-content: space-between;
    }
    .APEX-faqs-container .APEX-interior-container {max-width:850px; margin:-100px auto 50px; display:flex;}
    .APEX-golden-arrow {display:block; position:absolute; right:0; padding-top:150px;}
    /* .APEX-juros-container {margin-top: 0; padding-top:4rem !important;} */
}
@media screen and (max-width: 400px) {
   .timer-container .unit {
   font: normal normal 800 8px / 20px 'Montserrat';
   }
   .timer-container .time{
    font: normal normal 800 20px / 20px 'Montserrat';
   }
    
}

@media screen and (max-width: 990px) {
    #apex-hero-image{
        max-height: 500px;
        min-height: 500px;
    }
    #apex-hero-image img {
        width: 100vw;
        max-width: 390px !important;
        max-height: 400px !important;
        min-width: 390px !important;
        min-height: 400px !important;
    }
    #apex-hero-image > svg {
        bottom: 0px;
    }
    .APEX-second-header  {
        top: 0px;
    }
    .APEX-footer-container .footer-contact {
        margin: 0 !important;
        padding: 1rem 3rem;
    }

}@media screen and (max-width: 1050px) {
    .APEX-juros-container {margin-top: 0; padding-top:0 !important;}
}
@media screen and (max-width: 540px) {
    #apex-hero-image{
        max-height: 380px !important;
        min-height: 380px !important;
    }
}
@media screen and (max-width: 453px) {
    #apex-hero-image img {
        max-height: 371px !important;
        min-height: 371px !important;
    }
    .APEX-footer-container .footer-logo {
        width: 275px;
    }
    .APEX-footer-container .footer-contact {
        padding: 1rem 1rem;
    }
    /* #apex-hero-image img {
        min-width: auto !important;
    } */
}
@media screen and (max-width: 840px) {
    #apex-hero-image{
        max-height: 475px;
        min-height: 475px;
    }
}
.APEX-juros-container {margin-top: 0; }
@media screen and (max-width: 285px) {
   .APEX-footer-container ul li img {
    width: 100%;
   }
}
/* #apex-hero-image img {
    width: 105vw;
} */