/*Fonts*/
@font-face {
  font-family: "Roboto";
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://www.forex4you.com.ng/wp-content/landing/ng/trade-for-rewards-2023-q3/font/Roboto-Light.woff2);
}
@font-face {
  font-family: "Roboto";
  font-weight: 400;
  src: local("Roboto"), local("Roboto"), local("Roboto Regular"), local("Roboto-Regular"), url(https://www.forex4you.com.ng/wp-content/landing/ng/trade-for-rewards-2023-q3/font/Roboto-Regular.woff2);
}
@font-face {
  font-family: "Roboto";
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://www.forex4you.com.ng/wp-content/landing/ng/trade-for-rewards-2023-q3/font/Roboto-Medium.woff2);
}
@font-face {
  font-family: "Roboto";
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://www.forex4you.com.ng/wp-content/landing/ng/trade-for-rewards-2023-q3/font/Roboto-Bold.woff2);
}
:root {
  --bs-body-font-family: Roboto, sans-serif;
  --bs-nav-link-font-size: 1rem;
  --bs-body-line-height: 1.2;
  --bs-link-color: #fff;
  --bs-link-hover-color:#e6e6e6;
  --h1-fs: 55px;
  --h2-fs: 40px;
  --p-banner: 28px;
  --p-main: 24px;
  --p-a-sub: 20px;
  --a-ban: 18px;
  --a-btn: 16px;
  font-size: 16px;
}

h2 {
  font-size: var(--h2-fs);
  color: #ffe21c;
}

a {
  font-size: var(--a-btn);
}

p.subtext, a.subtext {
  font-size: var(--p-a-sub);
}

.btn {
  --bs-btn-line-height: 1.2;
  --bs-btn-font-family: var(--bs-body-font-family);
}

.btn-danger {
  --bs-btn-bg: #eb058c;
  --bs-btn-border-color: #eb058c;
  --bs-btn-hover-bg: rgb(200 4 119);
  --bs-btn-hover-border-color: rgb(221 4 132);
  --bs-btn-active-bg: rgb(221 4 132);
  --bs-btn-active-border-color: rgb(207 4 124);
  --bs-btn-font-size: var(--a-btn);
  --bs-btn-border-radius: 4px;
}

.nav-link {
  --bs-nav-link-color: #000;
}

main {
  background: center/100% 100% no-repeat url(https://www.forex4you.com.ng/wp-content/landing/ng/trade-for-rewards-2023-q3/img/main-bg-lg.webp);
  padding-bottom: 100px;
}
main p, main button {
  font-size: var(--p-main);
}

/*--lg-*/
@media (max-width: 1198.98px) {
  :root {
    --p-main: 18px;
    --p-a-sub: 14px;
  }
}
/*--md-*/
@media (max-width: 991.98px) {
  :root {
    --bs-nav-link-font-size: 0.625rem;
    --h1-fs: 42px;
    --h2-fs: 24px;
    --p-banner: 20px;
    --p-main: 16px;
    --p-a-sub: 12px;
    --a-ban: 14px;
    --a-btn: 10px;
  }

  main {
    background-image: url(https://www.forex4you.com.ng/wp-content/landing/ng/trade-for-rewards-2023-q3/img/main-bg-md.webp);
    padding-bottom: 45px;
  }
}
/*--sm-*/
@media (max-width: 767.98px) {
  :root {
    --p-main: 14px;
    --p-a-sub: 9px;
  }
}
/*--xs-*/
@media (max-width: 575.98px) {
  :root {
    --p-main: 16px;
    --p-a-sub: 12px;
  }

  main {
    background-image: url(https://www.forex4you.com.ng/wp-content/landing/ng/trade-for-rewards-2023-q3/img/main-bg-xs.webp);
  }
}
#header {
  --bs-navbar-padding-y: 30px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  /*--lg-*/
  /*--md-*/
  /*--sm-*/
  /*--xs-*/
}
#header .navbar-brand img {
  height: auto;
  width: 213px;
}
#header .navbar-nav {
  --bs-nav-link-font-weight: 500;
  border-radius: 0.375rem;
}
#header .btn-danger {
  --bs-nav-link-padding-x: 15px;
  --bs-nav-link-padding-y: 11px;
  --bs-nav-link-color: #fff;
  --bs-nav-link-hover-color: #e6e6e6;
}
#header .dropdown-toggle {
  --bs-btn-padding-y: 2px;
  --bs-btn-padding-x: 2px;
  --bs-btn-hover-color: rgba(33, 37, 41, 0.8);
  --bs-btn-font-size: var(--p-main);
}
#header .nav-item.dropdown {
  display: list-item;
}
#header .dropdown-menu {
  --bs-dropdown-min-width: 63px;
  --bs-dropdown-bg: var(--bs-gray-300);
  --bs-dropdown-link-hover-bg: var(--bs-gray-500) ;
}
#header .dropdown-item {
  font-size: var(--p-a-sub);
}
@media (max-width: 1198.98px) {
  #header .dropdown-menu {
    --bs-dropdown-min-width: 49px;
    --bs-dropdown-padding-y: 4px;
    --bs-dropdown-item-padding-x: 8px;
    --bs-dropdown-item-padding-y: 4px;
  }
}
@media (max-width: 991.98px) {
  #header {
    --bs-navbar-padding-y: 17px;
  }
  #header .navbar-brand img {
    width: 155px;
  }
  #header .btn-danger {
    --bs-nav-link-padding-y: 7px;
  }
  #header .dropdown-menu {
    --bs-dropdown-min-width: 43px;
  }
}
@media (max-width: 767.98px) {
  #header .navbar-nav {
    background-color: #fff;
    --bs-nav-link-padding-y: 10px;
  }
  #header .btn-danger {
    --bs-nav-link-padding-y: 9px;
  }
  #header .dropdown-toggle {
    --bs-btn-padding-y: 7px;
  }
  #header .nav-item.dropdown {
    display: flex;
    flex-direction: column;
  }
  #header .dropdown-menu {
    --bs-dropdown-item-padding-y: 6px;
  }
}
@media (max-width: 575.98px) {
  #header {
    --bs-navbar-padding-y: 25px;
  }
  #header .dropdown-toggle {
    --bs-btn-padding-y: 3.5px;
    --bs-btn-padding-x: 3px;
  }
  #header .navbar-brand img {
    width: 164px;
  }
}

#banner {
  height: 25.8125em;
  /* padding-top: 8.13875em; */
  display: flex;
  align-items: center;
  background: center/cover no-repeat url(https://www.forex4you.com.ng/wp-content/landing/ng/trade-for-rewards-2023-q3/img/banner-bg-lg.jpg);
  font-size: 32px;
  /*--xlg-*/
  /*--lg-*/
  /*--md-*/
  /*--sm-*/
  /*--xs-*/
}
#banner h1 {
  position: relative;
  font-size: var(--h1-fs);
}
#banner p {
  max-width: 455px;
  position: relative;
  font-size: var(--p-banner);
}
#banner a.btn {
  --bs-btn-padding-x: 20px;
  --bs-btn-padding-y: 17px;
  --bs-btn-font-size: var(--a-ban);
  --bs-btn-border-radius: 9px;
  position: relative;
}
@media (max-width: 1399.98px) {
  #banner {
    font-size: 23.32px;
  }
}
@media (max-width: 1198.98px) {
  #banner {
    font-size: 19.99px;
  }
}
@media (max-width: 991.98px) {
  #banner {
    background-image: url(https://www.forex4you.com.ng/wp-content/landing/ng/trade-for-rewards-2023-q3/img/banner-bg-md.jpg);
    background-size: 100% 100%;
    font-size: 13.1719px;
  }
  #banner p {
    max-width: 320px;
  }
  #banner a.btn {
    --bs-btn-padding-x: 13px;
    --bs-btn-padding-y: 11px;
  }
}
@media (max-width: 767.98px) {
  #banner {
    background-size: cover;
  }
}
@media (max-width: 575.98px) {
  #banner {
    align-items: flex-end;
    padding-bottom: 80px;
    background-image: url(https://www.forex4you.com.ng/wp-content/landing/ng/trade-for-rewards-2023-q3/img/banner-bg-sm.jpg);
    background-size: cover;
    font-size: 24.3292px;
  }
}

#participate-rules {
  max-width: 1242px;
  height: 968px;
  background: center bottom/92% 48% no-repeat url(https://www.forex4you.com.ng/wp-content/landing/ng/trade-for-rewards-2023-q3/img/prizes-lg.webp), center top/100% 78.853% no-repeat url(https://www.forex4you.com.ng/wp-content/landing/ng/trade-for-rewards-2023-q3/img/participate-rules-bg-lg.webp);
  /*--lg-*/
  /*--md-*/
  /*--sm-*/
  /*--xs-*/
}
#participate-rules h2 {
  color: #25843b;
}
#participate-rules p {
  position: relative;
  top: 27.892%;
  max-width: 75%;
}
#participate-rules .subtext {
  position: relative;
  top: 22.51%;
  width: 69%;
  display: flex;
  column-gap: 7%;
}
#participate-rules .subtext .inner {
  padding-right: 3.5%;
  padding-left: 3.5%;
  width: 28.589%;
  font-size: var(--p-a-sub);
}
@media (max-width: 1198.98px) {
  #participate-rules {
    max-width: 829px;
    height: 639px;
  }
  #participate-rules p {
    top: 26%;
  }
  #participate-rules .subtext {
    top: 20%;
  }
}
@media (max-width: 991.98px) {
  #participate-rules {
    max-width: 720px;
    height: 566px;
    background-image: url(https://www.forex4you.com.ng/wp-content/landing/ng/trade-for-rewards-2023-q3/img/prizes-md.webp), url(https://www.forex4you.com.ng/wp-content/landing/ng/trade-for-rewards-2023-q3/img/participate-rules-bg-md.webp);
  }
  #participate-rules .subtext {
    top: 20%;
  }
}
@media (max-width: 767.98px) {
  #participate-rules {
    max-width: 521px;
    height: 410px;
  }
  #participate-rules p {
    top: 24%;
  }
  #participate-rules .subtext {
    top: 18%;
  }
}
@media (max-width: 575.98px) {
  #participate-rules {
    max-width: 323px;
    height: 1658px;
    background: center bottom/78% 51.5% no-repeat url(https://www.forex4you.com.ng/wp-content/landing/ng/trade-for-rewards-2023-q3/img/prizes-xs.webp), center top/100% 46.32% no-repeat url(https://www.forex4you.com.ng/wp-content/landing/ng/trade-for-rewards-2023-q3/img/participate-rules-bg-xs.webp);
  }
  #participate-rules p {
    top: 8.6%;
  }
  #participate-rules .subtext {
    top: 7.1%;
    width: 45%;
    row-gap: 134px;
  }
  #participate-rules .subtext .inner {
    width: 100%;
    min-height: 67px;
    padding: 7%;
  }
}

#claim-prize {
  /*--md-*/
}
#claim-prize a {
  width: fit-content;
}
#claim-prize a:not(.btn-danger) {
  font-size: var(--p-a-sub);
}
#claim-prize .btn-danger {
  --bs-btn-padding-x: 25px;
  --bs-btn-padding-y: 20px;
  --bs-btn-font-weight: 500;
}
@media (max-width: 991.98px) {
  #claim-prize .btn-danger {
    --bs-btn-padding-x: 15px;
    --bs-btn-padding-y: 15px;
  }
}

footer {
  --bs-link-color: rgb(120 188 30);
  --bs-link-hover-color: rgb(92 144 23);
  background-color: #202f3d;
  color: #9099a3;
  font-size: 14px;
  line-height: 24px;
}
footer h4 {
  font-size: 14px;
  font-weight: 400;
  color: #f2f4f5;
}
footer a {
  font-size: 14px;
}
footer address {
  color: #f2f4f5;
}
footer .navbar-nav {
  --bs-navbar-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0;
  row-gap: 0 !important;
}
footer .nav-link {
  --bs-nav-link-font-size: 14px;
  --bs-nav-link-color: rgb(144 153 163);
  --bs-nav-link-hover-color: rgb(242 244 245);
  text-decoration: underline;
}
footer .nav-link:hover {
  text-decoration: none;
}
footer .logo {
  height: auto;
  width: 158px;
}
footer .social-media li img {
  transition: all 0.7s ease;
}
footer .social-media li:hover img {
  opacity: 0.5;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
footer .call a {
  width: fit-content;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2;
}
footer .mobile-apps a:hover {
  opacity: 0.8;
}

/*# sourceMappingURL=app.css.map */