/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLPTed3FBGPaTSQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC,
                   U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
                   U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
                   U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLPTed3FBGPaTSg.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC,
                   U+02CE-02D7, U+02DD-02FF, U+0304, U+0308,
                   U+0329, U+1D00-1DBF, U+1E00-1E9F,
                   U+1EF2-1EFF, U+2020, U+20A0-20AB,
                   U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


.main {
    padding-left: 5.25rem !important;
    padding-right: 5.25rem !important;
    margin-top: 2.5rem;
    max-width: 1906px;
    width: 100%;
    margin-bottom: 20px;
}


 /* text, CTA, and button styles */
 .attention {
    margin-top: 10px;
    transition: font-size .3s ease-in-out;
}

.attention_text{
    color: #f1f1f1;
    margin: 0 !important;
    font-size: 25px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    text-align: justify;
}

.attention-promo ~ .attention.container-fluid.main.text-center {
    padding: .5rem 1rem !important;
    margin-top: 0 !important;
    margin-bottom: 2rem !important;
    background-color: #000 !important;
}

@media (max-width: 1195px) { 
    .comming_soon {
        font-size: 23px;
    } 
}

@media (min-width: 320px) and (max-width: 1920px) { 
    .attention_text {
        font-size: 15px;
    } 
}

@media (max-width: 319px) { 
    .attention_text {
        font-size: 12px;
    } 
}

.btn {
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
}

@media (max-width: 1195px) {
    .btn {
        font-size: 18px;
        padding: 8px 12px;
    }
}

@media (max-width: 560px) {
    .btn {
        font-size: 16px;
        padding: 8px 12px;
        letter-spacing: .08em !important;
    }
}

@media (max-width: 430px) {
    .btn {
        font-size: 14px;
        padding: 7px 11px;
    }
}

@media (max-width: 360px) {
    .btn {
        font-size: 15px;
        padding: 10px 20px;
        letter-spacing: .1em !important;
    }
}

.get_access-btns-wrap {
    margin: 10px 0;
}

.get_access-btns-wrap.mt-5 {
    background:#ef9238;
    padding: 14px 20px;
    border-radius: 12px;
    width: -moz-fit-content !important;
    width: fit-content !important;
    margin: 0 auto 10px !important;
}

.get_login-btns-wrap {
    padding: 0 0 20px;
    background-color: #545454;
    padding-bottom: 5px;
}
.top-get_login-btn-wrap {
    margin: 2.25rem 0 0 !important;
    background-color: transparent;
}

.access.btn{
    display: block;
    background:none;
    text-decoration: none;
    border-radius: 3px;
    color: #fff;
    transition: all .5s ease;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 900;
    text-align: center;
}

.access.btn:hover {
    opacity: 0.8;
}


.get_access-btns-wrap:not(.get_access-btns-wrap.mt-5) .access.btn {
    border-radius: 3px;
    white-space: nowrap;
    width: fit-content;
}


@media (max-width: 860px) {
    .get_access-btns-wrap:not(.get_access-btns-wrap.mt-5) .access.btn {
        width: fit-content;
        /* position: absolute; */
    }
}

@media (max-width: 332px) {
    .get_access-btns-wrap:not(.get_access-btns-wrap.mt-5) .access.btn {
        position: relative;
    }
}

.login.btn{
    text-transform: uppercase;
    color: #fff;
    font-family: Poppins, sans-serif !important;
    font-weight: 900;
    letter-spacing: .04em;
}

.login.btn:hover {
   opacity: .8;
}

/* Main Body */
.logo-container {
    width: 100%;
    background-color: #111;
    padding-bottom: .5rem;
}
.logo {
    width: 270px;
    padding: .25rem 0;
    transition: all 0.3s ease-in-out;
}

.logo {
    @media (max-width: 460px) {
        max-width: 220px;
    }
}

.text-center.logo-container.my-5 {
    background-color: #111;
    margin: 0 !important;
    padding: 2.5rem 0 1.5rem
}
.grid {
    display: grid;
    grid-gap: 0 !important;
}
.grid-item {
    width: 20% !important;
    padding: 3px !important;
    margin-bottom: 0 !important;
}

@media (max-width: 992px) {
    .main {
        padding-left: 4.5rem !important;
        padding-right: 4.5rem !important;
    }
    .grid-item {
        padding: 2.5px !important;
        width: 25% !important;
    }
}

@media (max-width: 768px) {
    .main {
        padding-left: 3.5rem !important;
        padding-right: 3.5rem !important;
    }
    .grid-item {
        width: 33.33% !important;
        padding: 2.25px;
    }
}


@media (max-width: 576px) {
    .main {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .grid-item {
        width: 50% !important;
        padding: 2px !important;
    }
}

body {
    /* background: radial-gradient(circle, transparent 20%, #050505 20%, #050505 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, #050505 20%, #050505 80%, transparent 80%, transparent) 10px 10px, linear-gradient(#1c1c1c 0.8px, transparent 0.8px) 0 -0.4px, linear-gradient(90deg, #1c1c1c 0.8px, #050505 0.8px) -0.4px 0;
    background-size: 10px 10px, 10px 10px, 10px 10px, 10px 10px; */
    background-color: #111;
}

.main {
    padding-left: 5.25rem !important;
    padding-right: 5.25rem !important;
    margin-top: 2.5rem;
    max-width: 1906px;
    width: 100%;
    margin-bottom: 30px;
}

.logo {
    width: 350px;
    padding: .25rem 0;
}
.grid {
    display: grid;
    grid-gap: 0 !important;
}
.grid-item {
    width: 20% !important;
    padding: 3px !important;
    margin-bottom: 0 !important;
}

@media (max-width: 992px) {
    .main {
        padding-left: 4.5rem !important;
        padding-right: 4.5rem !important;
    }
    .grid-item {
        padding: 2.5px !important;
        width: 25% !important;
    }
}

@media (max-width: 768px) {
    .main {
        padding-left: 3.5rem !important;
        padding-right: 3.5rem !important;
    }
    .grid-item {
        width: 33.33% !important;
        padding: 2.25px;
    }
}


@media (max-width: 576px) {
    .main {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .grid-item {
        width: 50% !important;
        padding: 2px !important;
    }
}


/** footer **/

footer {
    background-color: #111;
}

footer .copy {
    margin-bottom: 0 !important;
    padding-bottom: 3rem;
}

/** custom inline btn **/

.container-btn {
    gap: 20px;
    transition: all 0.3s ease-in-out;
    @media (max-width: 960px) {
        gap: 15px;
        margin-top: 1rem;
    }
    @media (max-width: 535px) {
        gap: 10px;
    }
    @media (max-width: 360px) {
        gap: 25px;
        margin-top: 1.5rem;
        flex-direction: column;
        transition: all 0.3s ease-in-out;
    }
}

.container-btn .get_access-btns-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: 36%;
    transition: all 0.3s ease-in-out;
    border-radius: 11px;
    padding: 13px 17px;
    white-space: nowrap;
    width: fit-content;
    background: #ef9238;
    
     @media (max-width: 1550px) {
        margin-left: 32%;
        padding: 12px 20px
    } 

    @media (max-width: 1428px) {
        margin-left: 32%;
        padding: 11px 20px;
    }

    @media (max-width: 1080px) {
        margin-left: 30%;
        padding: 11px 20px;
    }

    @media (max-width: 932px) {
        margin-left: 28%;
        padding: 11px 20px;
    }

    @media (max-width: 895px) {
        margin-left: 26.25%;
        padding: 11px 20px;
    }

    @media (max-width: 838px) {
        margin-left: 25%;
        padding: 11px 20px;
    }

    @media (max-width: 670px) {
        margin-left: 22%;
        padding: 10px 20px;
    }

    @media (max-width: 638px) {
        margin-left: 18%;
        padding: 10px 20px;
    }

    @media (max-width: 550px) {
        margin-left: 16%;
        padding: 8px 18px;
    }

    @media (max-width: 512px) { 
        margin-left: 15%;
        padding: 8px 16px
    }

    @media (max-width: 490px) { 
        margin-left: 12%;
        padding: 8px 16px
    }

    @media (max-width: 418px) { 
        margin-left: 9%;
        padding: 8px 16px
    }

    @media (max-width: 360px) {
        padding: 8px 20px;
    }

    @media (max-width: 360px) {
        position: absolute;
        left: 50%;
        margin-left: unset !important;
        transform: translate(-50%, -50%);
    }
}

.container-btn  {
    @media (max-width: 360px) {
        flex-direction: column;
        transition: all 0.3s ease-in-out;
    } 
}



.container-btn .top-get_login-btn-wrap {
    padding: 0 !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0 !important;
    transition: all 0.3s ease-in-out;
    @media (max-width: 360px) {
        justify-content: center;
        margin-top: 3.75em !important;
    } 
}

** footer **/

footer .legal-links-wrapper .legal .nav-link {
  font-family: "Open Sans", sans-serif;
  color: #d1cdd4;
  font-weight: 500;
  letter-spacing: 2px;
  font-size: 21px;
}

footer .legal-links-wrapper .legal .nav-link:hover {
  color: #acacac
}

footer .copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 3rem;
}

footer .copy,footer .copy a {
  font-family: "Open Sans", sans-serif;
  font-weight: 400
}

footer .copy a {
  color: #c6c6c6;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

footer .copy a:hover {
  color: #ef9238;
  -webkit-text-decoration-color: transparent;
  text-decoration-color: transparent
}

footer .copy p:first-child,footer .copy p:nth-child(4) {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 300;
  margin-bottom: 0;
  letter-spacing: .03rem
}

footer .copy p:nth-child(2),footer .copy p:nth-child(3) {
  order: -1;
  margin-bottom: .5rem;
  letter-spacing: .03rem
}

@media screen and (max-width: 430px) {
  footer .copy p:nth-child(2),footer .copy p:nth-child(3) {
      font-size:14px
  }
}

@media screen and (max-width: 375px) {
  footer .copy p:nth-child(2),footer .copy p:nth-child(3) {
      font-size:12px
  }
}

footer .copy p:nth-child(3) {
  margin-bottom: 2rem
}

footer .copy p {
  color: #c6c6c6!important
}

.powered-by {
  display: none
}

.powered-by-v2 {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  display: block;
  color: #636363;
  margin-bottom: 5rem;
  margin-top: .2rem;
  font-size: 15px;
  letter-spacing: 1px
}

.powered-by-v2 a {
  text-transform: uppercase;
  text-decoration: none
}

.powered-by-v2 span {
  color: #ecb865
}

.powered-by-v2 span:hover {
  color: #969696
}

@media(max-width: 1024px) {
  .powered-by-v2 {
      font-size:13px
  }
}

@keyframes gradient {
  0% {
      background-position: 0 50%
  }

  50% {
      background-position: 100% 50%
  }

  to {
      background-position: 0 50%
  }
}


@media (max-width: 768px) {
  .reg-form-wrapper form .submit {
    font-size: 20px !important;
    letter-spacing: 4px;
  }

}

@media (max-width: 555px) {
  .reg-form-wrapper form .submit {
    font-size: 20px !important;
    letter-spacing: 3px;
    padding: 10px 6px !important
  }
}

@media only screen and (max-width: 375px) {
  .reg-form-wrapper form .submit {
      font-size: 18px !important;
      letter-spacing: 2px;
      padding: 1px 5px;
  }
}


/** banner and footer **/

.col-lg-3.col-md-3 {
    padding: 0 !important;
}

.col-lg-9.col-md-9 {
    padding: 0 !important;
}

.container-fluid.newletter_wrap {
    margin-bottom: -9rem;
}

.legal-links-wrapper {
    margin: 0 !important;
    padding: 10rem 0 3rem;
}

.submit-btn {
    width: 100%;
    border-radius: 0;
    border: 3px solid #ef9238 !important;
    background: #ef9238 !important;;
    color: #fff !important;;
    text-transform: uppercase;
    font-family: Open Sans;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: .04em;
    height: calc(1.5em + .75rem + 2px) !important;
}

.newletter_wrap .text {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: .04em;
    text-align: left;
    color: #cfcfcf !important;
}

.submit-btn:hover {
   opacity: .8;
   transition: all .3s ease-in-out;
}

.legal-links-wrapper {
    padding: 10rem 0 0 !important;
}

/* promotional text */

#promo-bar {
    background: #fff !important;
}
.promo_text.inline-block {
    color: #111 !important;
    font-family: "Poppins" !important;
}

.promo_sub_text.inline-block {
    color: #111 !important;
    font-weight: 700;
    font-family: "Poppins" !important;
}

a#save-now {
    color: #ef9238 !important;
}

#promo-bar:hover #save-now-wrapper {
    background: #ef9238 !important;
    color: #fff !important;
}

#save-now-wrapper {
    border-left: 5px solid #ef9238 !important;
    font-family: "Poppins" !important;
}
#promo-bar:hover a {
    color: #fff !important;
 
}