:root {
    --community-color: #e00718;
    --community-color-red: 42;
    --community-color-green: 185;
    --community-color-blue: 105;

    --miscellaneous-color: #EFC03D;
    --miscellaneous-color-red: 239;
    --miscellaneous-color-green: 192;
    --miscellaneous-color-blue: 61;

}

.people-choice-awards .header-section {
    background-size: auto 100vh;
    background-position: top;
    background-repeat: no-repeat;
    color: #ffffff;
}

.people-choice-awards .header-section.category {
  text-align: center;
  background-color: initial;
}

.people-choice-awards .header-content {
    margin-top: 10vh;
}

.people-choice-awards .header-section.category .container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.people-choice-awards .header-section.category .header-content {
  /* background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 50%,rgba(0,0,0,0) 100%); */
  padding: 2rem 0 4rem;
  margin-right: 0;
  background: none;
  width: initial;
  height: initial;
  display: initial;
}

.people-choice-awards .header-section .header-content > a {
    background: none;
    width: initial;
    margin-top: 0;
}

.people-choice-awards .header-section .awards-logo {
    background: url(../images/dubizzle-awards-logo.svg) no-repeat;
    display: inline-block;
    height: 15rem;
    width: 40rem;
    background-size: 40rem 22rem;
    background-position: center;
}

/* .people-choice-awards .header-section .header-title {
    color: #EFC03D;
    font-size: 4.8rem;
    line-height: 6rem;
    margin: 1.6rem 0 0;
    text-transform: uppercase;
} */

.people-choice-awards .header-section .header-content .header-title {
    color: #EFC03D !important;
    margin: 1.6rem 0 0 !important;
    text-transform: uppercase;
}

.people-choice-awards .header-section.category .header-title {
  font-weight: 400 !important;
}

.people-choice-awards .header-section .tagline {
    font-size: 1.6rem;
    line-height: 2.2rem;
    margin: 1.6rem 0 0;
}

.people-choice-awards .header-section .home-cta {
    background: #ffffff;
    border-radius: 2.4rem;
    color: #000000;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 700;
    margin-top: 2.4rem;
    padding: .8rem 2.4rem;
    text-transform: uppercase;
    line-height: 2.2rem;
    letter-spacing: .05rem;
    cursor: pointer;
}

.people-choice-awards .header-section .home-cta:hover {
    background-color: #EFC03D;
    color: #ffffff;
}

.people-choice-awards .header-section .container {
  position: relative;
}

.menu-nominee-awards-container {
  width: 100%;
  padding-bottom: 4rem;
}

.menu-nominee-awards-container ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}

.menu-nominee-awards-container li:not(:last-child)::after {
  content: '|';
  padding: 0 1.6rem;
}

.menu-nominee-awards-container ul a {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: 700;
  padding-bottom: 1rem;
}

.menu-nominee-awards-container ul .current_page_item a {
  border-bottom: .4rem solid #ffffff;
}

.menu-nominee-awards-container ul a:hover {
  border-bottom: .4rem solid #ffffff;
}
/* 
body.page-dubai .menu-nominee-awards-container ul .current_page_item a, .menu-nominee-awards-container ul .dubai a:hover  {
  border-color: var(--community-color);
}

body.page-abu-dhabi .menu-nominee-awards-container ul .current_page_item a, .menu-nominee-awards-container ul .abu-dhabi a:hover  {
    border-color: var(--community-color);
  } */

body .menu-nominee-awards-container ul .current_page_item a, .menu-nominee-awards-container ul a:hover  {
    border-color: #EFC03D;
  }

body.education-page .menu-nominee-awards-container ul .current_page_item a, .menu-nominee-awards-container ul .education a:hover {
  border-color: var(--education-color);
}

body.entertainment-page .menu-nominee-awards-container ul .current_page_item a, .menu-nominee-awards-container ul .entertainment a:hover {
  border-color: var(--entertainment-color);
}

body.retail-page .menu-nominee-awards-container ul .current_page_item a, .menu-nominee-awards-container ul .retail a:hover {
  border-color: var(--retail-color);
}

body.dining-page .menu-nominee-awards-container ul .current_page_item a, .menu-nominee-awards-container ul .dining a:hover {
  border-color: var(--dining-color);
}

body.hospitality-page .menu-nominee-awards-container ul .current_page_item a, .menu-nominee-awards-container ul .hospitality a:hover {
  border-color: var(--hospitality-color);
}

body.miscellaneous-page .menu-nominee-awards-container ul .current_page_item a, .menu-nominee-awards-container ul .miscellaneous a:hover {
  border-color: var(--miscellaneous-color);
}

.people-choice-awards article {
    margin-bottom: 0;
}

/* 
    ===================================================================
    Catgory Page
    ===================================================================
*/

.people-choice-awards {
    background-color: #000000;
}

.categroy-banner .banner-wrapper {
    /* height: 40rem; */
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding: 2rem;
    box-sizing: border-box;
    align-items: baseline;
    border-radius: 1rem;
    display: flex;
    flex-wrap: wrap;
    border: .1rem solid rgba(239,192,61,.4);
    text-align: center;
    background-position: right;
  }
  
  .categroy-banner .banner-wrapper .banner-content {
    width: 100%;
    height: 30rem;
    overflow: hidden;
    display: flex;
    align-items: center;
  }
  
  .categroy-banner .voting-closed {
    font-size: 2rem;
    font-weight: 700;
    color: #000000;
    background: #efc03d;
    padding: 1rem 2rem;
    border-radius: .4rem;
    box-shadow: 10px 10px 0px 0px rgb(0 0 0 / 75%);
    -webkit-box-shadow: 10px 10px 0px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
  }
  
  .categroy-banner .voting-closed.mobile-msg {
    display: none;
  }
  
  .categroy-banner .mobile-banner {
    display: none;
  }
  
  .categroy-banner .header-title {
    font-size: 4.8rem;
    line-height: 6rem;
    color: #ffffff;
    font-weight: 100;
    text-transform: uppercase;
    margin: 0;
  }
  
  .categroy-banner .content {
    width: 50%;
    text-align: left;
    max-height: 30rem;
    color: #ffffff;
  }

  .categroy-banner .content h2 {
    font-size: 2.4rem;
    line-height: 3.2rem;
    text-transform: uppercase;
    margin: 0 0 1.6rem;
    color: #efc03d;
    font-weight: 700;;
  }

  .categroy-banner .content p:not(:last-child) {
    margin: 0 0 1.6rem;
  }

  .categroy-banner .content p:last-child {
    margin: 0;
  }
  
  .categroy-banner .content a {
    color: #ffffff;
  }
  
  .categroy-banner .content a:hover {
    text-decoration: underline;
  }
  
  .categroy-banner .category-nav {
    padding: 2rem 0;
  }
  
  .categroy-banner .category-nav a {
    border: .1rem solid;
    padding: .3rem .5rem;
    border-radius: 2rem;
    font-weight: 700;
    font-size: 2rem;
    color: #EFC03D;
  }
  
  .categroy-banner .category-nav a:hover {
    color: #ffffff;
    border-color: #ffffff;
  }
  
  .categroy-banner .category-nav a:first-child {
    margin-right: .5rem;
  }
  
  .nominees {
    margin-bottom: 0;
    padding-bottom: 8rem;
  }
  
  .nominees .nominee-section-title {
    display: flex;
    justify-content: center;
    margin: 8rem 0 0;
    flex-wrap: wrap;
  }
  
  .nominees .nominee-section-title .title {
    text-align: center;
    color: #000000;
    padding: 1rem 6rem;
    margin: 0;
    font-size: 3.2rem;
    line-height: 4.8rem;
    font-weight: 400;
  }

  .nominees .nominee-section-title .title {
    background: rgb(var(--miscellaneous-color-red),var(--miscellaneous-color-green),var(--miscellaneous-color-blue));
    background: linear-gradient(90deg, rgba(var(--miscellaneous-color-red),var(--miscellaneous-color-green),var(--miscellaneous-color-blue),0) 0%, rgba(var(--miscellaneous-color-red),var(--miscellaneous-color-green),var(--miscellaneous-color-blue),1) 15%, rgba(var(--miscellaneous-color-red),var(--miscellaneous-color-green),var(--miscellaneous-color-blue),1) 85%, rgba(var(--miscellaneous-color-red),var(--miscellaneous-color-green),var(--miscellaneous-color-blue),0) 100%);
  }
  
  
  .nominees .nominees-grid {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  
  .nominees .nominee-card {
    position: relative;
    padding-bottom: 5rem;
    margin-top: 4rem;
  }

  .nominees .nominee-card, .nominees .nominee-card img {
    width: 20rem;
  }
  
  .nominees .nominee-card img {
    border-radius: 1rem;
  }
  
  .nominees .nominee-card .cta {
    position: absolute;
    bottom: 0;
    display: flex;
    width: 100%;
    justify-content: space-around;
  }
  
  .nominees .nominee-card .vote-now {
    color: #000000;
    background: #ffffff;
    border-radius: 2.4rem;
    padding: .8rem 2rem;
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 1.4rem;
    letter-spacing: .05rem;
    font-weight: 700;
    cursor: pointer;
    display: block;
  }
  
  .nominees .nominee-card .more-info {
    color: #ffffff;
    border: .1rem solid #ffffff;
    border-radius: 2.4rem;
    padding: .8rem 1.4rem;
    font-size: 1.4rem;
    line-height: 1.4rem;
    letter-spacing: .05rem;
    display: block;
  }
  
  .nominees .nominee-card .vote-now input[type="checkbox"] {
    width: 0;
    height: 0;
    position: absolute;
  }
  
  .nominees-content-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  
  .nominees .nominee-card .title {
    margin: 1rem 0 0;
    text-align: center;
  }
  
  /* .nominees .nominee-card .vote-now:hover {
    color: #ffffff;
  } */

  .nominees .nominee-card .vote-now.checked, .nominees .nominee-card .vote-now:hover {
    background-color: var(--community-color);
    color: #ffffff;
  }
  

  .nominee-submit-all-votes, .nominee-submit-all-votes-static {
    bottom: 0;
    display: none;
    width: 100%;
    padding: 4rem 0;
    background-color: rgba(0,0,0,.5);
    transition: bottom 1s;
    margin-bottom: 0;
  }
  
  .nominee-submit-all-votes {
    visibility: hidden;
  }
  
  .nominee-submit-all-votes {
    position: fixed;
  }
  
  .nominee-submit-all-votes-static {
    position: relative;
  }
  
  .nominee-submit-all-votes-static.form-popup-open {
    position: fixed;
    z-index: 2;
  }
  
  .nominee-submit-all-votes.visible, .nominee-submit-all-votes-static.visible {
    display: block;
    visibility: visible;
  }
  
  .nominee-submit-all-votes.submit_votes_scroll_visible, .nominee-submit-all-votes-static.submit_votes_scroll_visible {
    visibility: initial;
  }
  
  .nominee-submit-all-votes.bottom_submit_votes_position {
    /* bottom: 13rem; */
    display: none;
  }
  
  .nominee-submit-all-votes.floting-form-popup-open {
    display: initial;
    z-index: 1;
  }
  
  .nominee-submit-all-votes .overlay, .nominee-submit-all-votes-static .overlay { position: fixed;
    z-index: 1001;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
    display: none;
  }
  
  .nominee-submit-all-votes .overlay.visible, .nominee-submit-all-votes-static .overlay.visible {
    display: block;
  }
  
  .nominee-submit-all-votes .submit-all-votes-wrapper, .nominee-submit-all-votes-static .submit-all-votes-wrapper {
    display: flex;
    justify-content: center;
    min-width: 40rem;
    max-width: 60rem;
    margin: auto;
    flex-wrap: wrap;
    z-index: 1001;
    position: relative;
  }

  .nominee-submit-all-votes .submit-all-votes, .nominee-submit-all-votes-static .submit-all-votes {
    text-align: center;
  }
  
  .nominee-submit-all-votes .submit-all-votes-btn, .nominee-submit-all-votes-static .submit-all-votes-btn {
    color: #ffffff;
    background: var(--community-color);
    border-radius: 2.4rem;
    display: inline-block;
    padding: 1rem 2rem;
    text-transform: uppercase;
    line-height: 1.6rem;
    letter-spacing: .05rem;
    cursor: pointer;
    font-weight: 700;
    font-size: 1.8rem;
  }
  
  .nominee-submit-all-votes .submit-all-votes-btn.hide, .nominee-submit-all-votes-static .submit-all-votes-btn.hide {
    display: none;
  }

  .nominee-submit-all-votes .submit-all-votes-btn.hide + .disclaimer, .nominee-submit-all-votes-static .submit-all-votes-btn.hide + .disclaimer {
    display: none;
  }

  .nominee-submit-all-votes .disclaimer, .nominee-submit-all-votes-static .disclaimer {
    font-size: 1.3rem;
    line-height: 1.6rem;
    font-style: italic;
    color: var(--awards-primary-color);
    margin-bottom: 0;
    text-align: center;
  }
  
  
  .nominee-submit-all-votes .voting-form, .nominee-submit-all-votes-static .voting-form-static {
    background-color: #000000;
    padding: 2rem;
    border-radius: 1rem;
    display: none;
    width: 100%;
    border: 0;
  }
  
  .nominee-submit-all-votes .close-form, .nominee-submit-all-votes-static .close-form {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: none;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==);
    cursor: pointer;
  }
  
  .nominee-submit-all-votes .close-form.visible, .nominee-submit-all-votes-static .close-form.visible {
    display: block;
  }
  
  .nominee-submit-all-votes .voting-form.visible, .nominee-submit-all-votes-static .voting-form-static.visible {
    display: block;
  }
  
  .nominees-voting.modal{
    padding: 0;
    max-width: 90rem;
  }
  
  .nominees-voting.modal, .nominees-voting .modal-content {
    background-color: #000000;
  }
  
  .nominees-voting .modal-content {
    border: none;
    display: flex;
    align-items: center;
  }
  
  .nominees-voting .modal-content > img {
    border-radius: .4rem;
    width: 30rem;
    height: 37.5rem;
    margin: 2rem 0 2rem 2rem;
  }
  
  .nominees-voting .modal-content .details {
    padding: 2rem 4rem 3rem;
    width: 100%;
  }
  
  .nominees-voting .modal-content .title {
    color: #ffffff;
    margin: 0;
    font-size: 2.4rem;
    line-height: 3.6rem;
  }

  .nominees-voting .modal-content .title a {
    color: #ffffff;
  }

  .nominees-voting .modal-content .title a:hover {
    color: #EFC03D;
  }
  
  .nominees-voting .modal-content p {
    margin: 1.6rem 0 0;
    font-size: 1.4rem;
    line-height: 2.4rem;
    text-align: justify;
    color: #ffffff;
  }

  .people-choice-awards main.site-content {
    margin: 0;
  }
  
  .people-choice-awards .block-form-content .instruction {
    color: #EFC03D;
    margin: 1rem 0 2.4rem;
    font-weight: 700;
    font-size: 2rem;
  }
  
  .people-choice-awards .block-form-section .contact-info{
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
  }
  
  .people-choice-awards .block-form-section .contact-info .or-txt {
    color: #ffffff;
    width: 6rem;
    font-size: 1.4rem;
    height: 4.8rem;
    text-align: center;
  }
  
  .people-choice-awards .block-form-section .block-form-elements input[type="text"], .people-choice-awards .block-form-section .block-form-elements input[type="email"]{
    border: 1px solid #D5D5D580;
    height: 4rem;
    border-radius: .4rem;
    margin-bottom: 2.4rem;
    width: 100%;
  }
  
  .people-choice-awards .block-form-section .block-form-elements input[type="submit"] {
    height: 4.8rem;
    border-radius: .4rem;
    width: 100%;
    background-color: #28b16d;
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
  }
  
  .people-choice-awards .block-form-section input[type="button"] {
    height: 4.8rem;
    border-radius: .4rem;
    width: 100%;
    background-color: #28b16d;
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
    border: 0;
    cursor: pointer;
    font-family: inherit;
  }
  
  .people-choice-awards .block-form-section input[type="button"]:active {
    background-color: #00865D;
  }
  
  .people-choice-awards .block-form-section .text-field-wrapper {
    position: relative;
    width: 100%;
  }
  
  .people-choice-awards .block-form-section .message-wrapper {
    height: 2rem;
    text-align: right;
    position: absolute;
    top: -2rem;
    right: 0;
  }
  
  .people-choice-awards .block-form-section .message-wrapper .error {
    font-size: 1.1rem;
    background-color: #BB2327;
    color: #ffffff;
    display: none;
    line-height: 2rem;
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
    padding: 0 1rem;
  }
  
  .people-choice-awards .block-form-section .error_msg .error {
    display: block;
  }
  
  .people-choice-awards .block-form-section .error_msg input[type="text"], .people-choice-awards .block-form-section .error_msg input[type="email"], .people-choice-awards .block-form-section .error_msg textarea {
    border: .1rem solid #BB2327;
  }
  
  .gglcptch_v2 {
    padding-top: 0 !important;
    margin-top: -1rem;
  }

  .people-choice-awards .block-form-section .block-form-wrapper {
    display: block;
    height: 33rem;
  }

  .people-choice-awards .block-form-section .block-form-wrapper .block-form-content, .people-choice-awards .block-form-section .block-form-wrapper .block-form-elements {
    width: 100%;
    margin: 0;
  }
  
  .people-choice-awards .block-form-wrapper.displayNone, .people-choice-awards .block-form-wrapper.hide {
    display: none;
  }
  
  .people-choice-awards .block-form-section .block-form-message {
    text-align: center;
    height: 33rem;
    display: none;
  }
  
  .people-choice-awards .block-form-section .block-form-message.visible {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
  }
  
  .people-choice-awards .block-form-section .block-form-message img {
    margin: 0;
    width: 10rem;
  }
  
  .people-choice-awards .block-form-section .block-form-message .message-title {
    width: 100%;
    font-size: 3.2rem;
    line-height: 4.8rem;
    color: #EFC03D;
    font-weight: 700;
    margin-top: 4rem;
  }

/* 
    ===================================================================
    Registration Form Section
    ===================================================================
*/

.block-form-section.registration-form {
    display: flex;
    background-color: var(--background-light-gray);
    border-radius: .4rem;
    justify-content: space-between;
    padding: 4.8rem 0 0;
}

.block-form-section.registration-form {
    margin-bottom: 8rem;
}

.block-form-section .block-form-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 8rem;
}

.block-form-section .block-form-wrapper.displayNone {
    display: none !important;
}

.block-form-section .info-block {
    margin-bottom: 8rem;
}

.block-form-section .bayut-logo {
    background: url(assets/images/bayut_logo_en.svg) no-repeat;
    width: 22rem;
    margin-top: 1.8rem;
    color: transparent;
    background-size: 100%;
}

.block-form-section .title {
    font-size: 4.8rem;
    line-height: 5.6rem;
    font-weight: 700;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.block-form-section .instruction {
    color: #5A5A5A;
    font-size: 2rem;
    line-height: 3.6rem;
}

.block-form-content {
    position: relative;
    margin-right: 4rem;
    width: calc(100% - 35rem);
}

.block-form-section .block-form-image {
    margin-top: 2rem;
}

.block-form-section .vector {
    text-align: center;
    position: relative;
    height: 20rem;
}

.block-form-section .vector img {
    width: 100%;
    margin-bottom: -4rem;
    position: absolute;
    left: 0;
    bottom: 0;
}

/* .block-form-section.registration-form .vector img {
    position: absolute;
    left: 0;
    bottom: 0;
} */


.block-form-section .block-form-elements {
    width: 45rem;
    min-width: 45rem;
    display: grid;
    align-items: baseline;
}

.block-form-section .block-form-elements input[type="text"], .block-form-section .block-form-elements input[type="email"]{
    border: 1px solid #D5D5D580;
    height: 4.8rem;
    border-radius: .4rem;
    margin-bottom: 2rem;
    width: 100%;
}

.block-form-section .block-form-elements input[type="submit"] {
    font-weight: 700;
    font-size: 1.6rem;
    width: 22rem;
    padding: .8rem 0;
    display: inline-block;
    text-align: center;
    border-radius: 1.2rem;
    margin-top: 2.4rem;
    text-transform: uppercase;
    background-color: var(--bayut-green);
    border: .2rem solid var(--bayut-green);
    color: #ffffff;
}

.block-form-section.download-playbook-form img,  .block-form-section.download-solutions-brief-form img, .block-form-section.download-talk-tracks-form img {
    max-height: 24rem;
}

.block-form-section input[type="button"] {
    height: 4.8rem;
    border-radius: 1.2rem;
    width: 100%;
    background-color: var(--bayut-green);
    border: .2rem solid var(--bayut-green);
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
    border: 0;
    cursor: pointer;
    font-family: inherit;
}

.block-form-section input[type="button"]:active {
    background-color: #00865D;
}

.block-form-section .text-field-wrapper {
    position: relative;
}

.block-form-section .message-wrapper {
    height: 2rem;
    text-align: right;
    position: absolute;
    top: -2rem;
    right: 0;
}

.block-form-section .message-wrapper .error {
    font-size: 1.1rem;
    color: #BB2327;
    display: none;
    line-height: 2rem;
}

.block-form-section .error_msg .error {
    display: block;
}

.block-form-section .error_msg input[type="text"], .block-form-section .error_msg input[type="email"], .block-form-section .error_msg textarea {
    border: .1rem solid #BB2327;
}

.block-form-section .block-form-message {
    text-align: center;
    display: none;
    align-content: center;
    height: 41rem;
}

.block-form-section .block-form-message.visible {
    display: grid;
    margin: auto;
}

.block-form-section .block-form-message img {
    margin: auto auto 2.4rem;
    max-width: 10rem;
    width: 10rem;
}

.block-form-section .block-form-message .message-title {
    font-size: 2.4rem;
    line-height: 3.3rem;
    font-weight: 700;
    color: #222222;
}

.block-form-section .block-form-message .message-sub-title {
    font-size: 1.6rem;
    line-height: 3.3rem;
    color: #5A5A5A;
}

/* .block-form-section {
    min-height: 40rem;
} */

.block-form-section.registration-form .block-form-message img, .block-form-section.request-demo-form  .block-form-message img, .block-form-section.download-talk-tracks-form  .block-form-message img {
    max-width: 12rem;
    width: 12rem;
}

.block-form-section.registration-form .block-form-message .message-title, .block-form-section.request-demo-form .block-form-message .message-title, .block-form-section.download-talk-tracks-form .block-form-message .message-title, .block-form-section.solutions-brief-form .block-form-message .message-title {
    font-size: 4rem;
    line-height: 5.6rem;
}

.block-form-section.registration-form .block-form-message .message-sub-title, .block-form-section.request-demo-form .block-form-message .message-sub-title, .block-form-section.download-talk-tracks-form .block-form-message .message-sub-title{
    font-size: 2rem;
}

@media screen and (max-width: 670px) {
    .header-content {
    margin-top: 6vh;
    background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%);
    }

    body.home .header-content .content {
    height: 9rem;
    overflow: auto;
    }

    header.android {
    position: absolute;
    }

    .header-section .awards-logo {
    height: 7rem;
    width: 24rem;
    }

    .people-choice-awards .header-section.category .header-title {
      font-size: 3.2rem;
      line-height: 4rem;
    }

    .header-section .header-title {
      font-size: 3.2rem;
      line-height: 4rem;
    }

    .section-heading {
    font-size: 3.2rem;
    line-height: 4rem;
    text-align: left;
    }

    .section-description {
    text-align: left;
    }

    .menu-nominee-awards-container ul {
        flex-wrap: wrap;
    }
/* 
    .menu-nominee-awards-container ul li {
        margin-top: 2rem;
    } */

    .menu-nominee-awards-container ul a {
      font-size: 1.4rem;
    }

    .people-choice-awards .header-section .awards-logo {
      height: 10rem;
      width: 30rem;
      background-size: 30rem 20rem;
    }

   /* 
    ===================================================================
    Catgory Page
    ===================================================================
  */
  .menu-category-navigation-container {
    display: none;
  }

  .categroy-banner {
    position: relative;
  }

  .categroy-banner .banner-wrapper {
    background: none !important;
    /* height: auto; */
    /* display: block; */
    padding: 2rem;
    margin-bottom: 2rem;
  }
  
  .categroy-banner .banner-wrapper .banner-content {
    width: auto;
    height: initial;
    overflow: initial;
  }

  .categroy-banner .voting-closed.desktop-msg {
    display: none;
  }
  
  .categroy-banner .voting-closed.mobile-msg {
    display: block;
    position: absolute;
    bottom: -3rem;
    right: 1rem;
    left: 1rem;
    width: calc(100% - 2rem);
    text-align: center;
    font-size: 1.6rem;
  }

  .categroy-banner .mobile-banner {
    display: block;
    border-radius: 1rem;
  }

  .people-choice-awards article.categroy-banner {
    margin-bottom: 4rem;
  }

  .categroy-banner .content {
    width: 100%;
    height: initial;
  }

  .categroy-banner .content h2 {
    font-size: 2rem;
    line-height: 3.2rem;
    margin: 0;
  }

  .categroy-banner .content p {
    font-size: 1.6rem;
  }

  .categroy-banner .banner-content 
  {
    text-align: center;
  }

  .categroy-banner .header-title {
    font-size: 1.8rem;
    font-weight: 700;
    display: inline-block;
    padding: 0 2rem;
    border-radius: 3rem;
    margin-top: 2rem;
    line-height: 4rem;
  }

  body.community-page .categroy-banner .header-title {
    background: var(--community-color);
  }

  body.education-page .categroy-banner .header-title {
    background: var(--education-color);
  }
  
  body.entertainment-page .categroy-banner .header-title {
    background: var(--entertainment-color);
  }
  
  body.retail-page .categroy-banner .header-title {
    background: var(--retail-color);
  }
  
  body.dining-page .categroy-banner .header-title {
    background: var(--dining-color);
  }
  
  body.hospitality-page .categroy-banner .header-title {
    background: var(--hospitality-color);
  }
  
  body.miscellaneous-page .categroy-banner .header-title {
    background: var(--miscellaneous-color);
  }

  .categroy-banner .category-nav {
    padding: 0;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    width: calc(100% - 3rem);
    bottom: -3rem;
  }

  .categroy-banner .category-nav a {
    padding: .3rem .7rem;
  }

  .nominees .nominee-section-title .title {
    background: none !important;
    padding: 0;
    text-align: left;
    font-size: 2rem;
    line-height: 3.2rem;
    width: 100%;
    color: #EFC03D;
  }

  .nominees {
    margin-bottom: 4rem;
  }

  .nominees .nominee-section-title {
    margin: 4rem 0 0;
  }

  .nominees .nominees-grid-wrapper {
    overflow: auto;
    padding-bottom: 2rem;
  }

  .nominees .nominees-grid {
    width: 120rem;
  }

  .nominees .nominees-grid.extended-list-grid {
    width: 240rem;
  }

  .nominees .nominee-card {
    margin-top: 2rem;
  }

  .nominee-submit-all-votes {
    bottom: 0;
    padding-bottom: 8rem;
  }

  .nominee-submit-all-votes .submit-all-votes-wrapper, .nominee-submit-all-votes-static .submit-all-votes-wrapper {
    max-width: 90%;
    min-width: initial;
  }

  .nominee-submit-all-votes.bottom_submit_votes_position, .nominee-submit-all-votes-static.form-popup-open.bottom_submit_votes_position {
    bottom: 0;
  }

  .nominee-submit-all-votes .disclaimer, .nominee-submit-all-votes-static .disclaimer {
    font-size: 1.2rem;
  }

  .nominees-voting.modal, .nominees-voting .modal-content {
    /* background: none;
    box-shadow: none;
    max-width: 100%;
    width: 100%; */
  }

  .nominees-voting .modal-content {
    /* display: block; */
    /* padding-top: 16rem; */
    flex-wrap: wrap;
  }

  .nominees-voting .modal-content > img {
    /* margin: 0;
    width: 100%;
    position: absolute;
    display: block;
    top: 0; */
    /* display: none; */
    margin: 2rem auto 0;
    width: 20rem;
    height: 25rem;
  }

  .nominees-voting .modal-content .details {
    padding: 2rem;
    position: relative;
    /* background: rgba(0,0,0,.7); */
  }

  .nominees-voting .modal-content .content {
    /* height: 6rem;
    overflow: auto; */
    margin-bottom: 2rem;
  }

  .block-form-content .instruction {
    font-size: 1.8rem;
    margin-top: 0;
  }

  .people-choice-awards .block-form-section {
    background: #000000;
    padding: 1rem;
    margin-bottom: 2rem;
  }

  .people-choice-awards .block-form-section .contact-info {
    display: block;
  }

  .people-choice-awards .block-form-section .contact-info .or-txt {
    width: 100%;
    height: auto;
    text-align: left;
    margin-top: -2.4rem;
  }

  .block-form-wrapper {
    height: initial;
  }

  .people-choice-awards .block-form-section .block-form-message {
    height: initial;
    padding: 2rem;
  }

  .gglcptch_recaptcha > div, .gglcptch_recaptcha iframe {
    width: 100% !important;
    height: 7rem !important;
    min-width: 100%;
  }

  body:not(.home) .jquery-modal.blocker {
    padding: 0;
    z-index: 99999999;
  }

  .nominees-voting a.close-modal {
    right: 0;
    /* top: 15rem; */
  }

  .people-choice-awards .block-form-section .block-form-message .message-title {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .block-form-section.registration-form {
        flex-wrap: wrap;
    }

    .block-form-section .title {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        font-size: 3.2rem;
        line-height: 4.2rem;
        align-items: flex-start;
    }

    .block-form-section .bayut-logo {
        background-size: contain;
        width: 14rem;
        margin: .9rem 0 0;
    }

    .block-form-section .info-block {
        margin-bottom: 4rem;
    }

    .block-form-section .block-form-wrapper {
        flex-wrap: wrap;
        gap: 4rem;
    }

    .block-form-section .block-form-elements {
        width: 100%;
        min-width: initial;
    }

    .block-form-section input[type="button"] {
        font-size: 1.4rem;
    }

    .block-form-section .block-form-image {
        order: 2;
    }

    .block-form-section.registration-form .block-form-message .message-title {
        font-size: 2.4rem;
        line-height: 3.2rem;
    }

    .block-form-section.registration-form .block-form-message .message-sub-title {
        font-size: 1.6rem;
    }

    .block-form-section.registration-form .block-form-message img {
        width: 8rem;
    }

    .block-form-section .block-form-message {
        align-content: flex-start;
    }

}

@media screen and (max-width: 480px) and (min-height: 500px) {
    .header-section.homepage {
      background-position-y: -8rem;
    }
  
    .header-section.homepage .header-content {
      margin-top: 40vh;
    }
  
    /* .nominees-voting .modal-content {
      padding-top: 10rem;
    }
  
    .nominees-voting a.close-modal {
      top: 9rem;
    } */
  
    .people-choice-awards .block-form-section .block-form-elements input[type="text"], .people-choice-awards .block-form-section .block-form-elements input[type="email"], .people-choice-awards .block-form-section input[type="button"] {
      height: 4rem;
    }
  }
  
  @media screen and (max-width: 480px) and (min-height: 600px) {
    .nominee-submit-all-votes.bottom_submit_votes_position, .nominee-submit-all-votes-static.form-popup-open.bottom_submit_votes_position {
      bottom: 6rem;
    }
  }
  
  @media screen and (max-width: 480px) and (min-height: 700px) {
    .header-section.homepage {
      background-position-y: -4rem;
    }
  
    .header-section.homepage .header-content {
      margin-top: 50vh;
    }
  
    .nominee-submit-all-votes.bottom_submit_votes_position, .nominee-submit-all-votes-static.form-popup-open.bottom_submit_votes_position {
      bottom: 20rem;
    }
  }
  
  @media screen and (max-width: 360px) {
  
    .nominee-submit-all-votes.android, .nominee-submit-all-votes-static.android {
      padding-bottom: 1rem;
    }
  
    .nominee-submit-all-votes.android .gglcptch_v2, .nominee-submit-all-votes-static.android .gglcptch_v2 {
      height: 3.5rem;
      overflow: hidden;
      margin-bottom: .5rem;
    }
  
    .nominee-submit-all-votes.android .gglcptch_recaptcha, .nominee-submit-all-votes-static.android .gglcptch_recaptcha {
      margin-top: -2.6rem;
    }
  
    .nominee-submit-all-votes.android .block-form-section .contact-info, .nominee-submit-all-votes-static.android .block-form-section .contact-info {
      display: flex;
    }
  
    .nominee-submit-all-votes.android .block-form-section .contact-info .or-txt, .nominee-submit-all-votes-static.android .block-form-section .contact-info .or-txt {
      width: 3rem;
      font-size: .8rem;
      text-align: center;
    }
  
    .nominee-submit-all-votes.android .block-form-section .message-wrapper .error, .nominee-submit-all-votes-static.android .block-form-section .message-wrapper .error {
      font-size: 1rem;
      line-height: 1rem;
      height: 2rem;
    }
  
    .nominee-submit-all-votes.android .block-form-section .block-form-elements input[type="text"], .block-form-section .block-form-elements input[type="email"], .block-form-section input[type="button"], .nominee-submit-all-votes-static.android .block-form-section .block-form-elements input[type="text"] {
      height: 3rem;
      margin-bottom: 2rem;
    }
  
  }
  
  @media screen and (max-width: 340px) {
    .nominees-voting .modal-content .title {
      font-size: 1.8rem;
    }
  
    .nominees-voting .modal-content .content {
      display: none;
    }
  
    .block-form-content .instruction {
      font-size: 1.6rem;
    }
  
    /* .nominees-voting .modal-content {
      padding-top: 6rem;
    }
  
    .nominees-voting a.close-modal {
      top: 5rem;
    } */
  }