/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@media only screen and (max-width: 1399px) {
  /* titles */
  .title__1 {
    font-size: 3.5rem;
  }

  .title__2 {
    font-size: 3rem;
  }

  .title__3 {
    font-size: 2.625rem;
  }

  /* texts */
  .text__1 {
    font-size: 1.375rem;
  }

  /* 
  |-----------------------------------------
  |=> Statistics
  |-----------------------------------------
  |
  */
  .stats__item .icon {
    width: 3rem;
    height: 3rem;
    margin-top: 0.375rem;
  }

  /* 
  |-----------------------------------------
  |=> Results Area
  |-----------------------------------------
  |
  */
  .results__area {
    padding-block: 5rem 2rem;
  }

  .floating__elems img:not(.img4) {
    width: 100px;
    height: 100px;
    border-width: 0.375rem;
  }

  .floating__elems .img4 {
    width: 100px;
    height: 100px;
  }

  /* 
  |-----------------------------------------
  |=> Contact Us
  |-----------------------------------------
  |
  */
  .contact-us {
    padding-block: 6rem;
  }

  /* 
  |-----------------------------------------
  |=> OPU Pamm
  |-----------------------------------------
  |
  */
  .opu-pamm {
    -webkit-padding-after: 24rem;
    padding-block-end: 24rem;
  }

  .opu-pamm-player {
    margin-top: -20rem;
  }

  /* 
  |-----------------------------------------
  |=> Tools Eduction
  |-----------------------------------------
  |
  */
  .pricing-plan-splide .card {
    padding: 1rem 0.875rem;
  }

  .plan__price {
    font-size: 2rem;
  }

  /* 
  |-----------------------------------------
  |=> Start Trading
  |-----------------------------------------
  |
  */
  .start-trading {
    padding-block: 2.5rem;
  }

  .start-trading .graphic__dots img {
    width: 84px;
  }
}

@media only screen and (max-width: 1199px) {
  /* titles */
  .title__1 {
    font-size: 3.125rem;
  }

  .title__2 {
    font-size: 2.75rem;
  }

  .title__3 {
    font-size: 2.25rem;
  }

  .title__5 {
    font-size: 1.875rem;
  }

  /* texts */
  .text__1 {
    font-size: 1.25rem;
  }

  .text__3 {
    font-size: 1.125rem;
  }

  /*
  |-----------------------------------------
  |=> Hero
  |-----------------------------------------
  |
  */
  .hero__img .play__block {
    left: 51%;
  }

  .button-play {
    width: 4.5rem;
    height: 4.5rem;
    border-width: 0.25rem;
  }

  .button-play:before {
    border-width: 0.75rem 0px 0.75rem 1.25rem;
  }

  .button-play:hover,
  .button-play.active {
    border-width: 0.125rem;
  }

  /* 
  |-----------------------------------------
  |=> Why Choose
  |-----------------------------------------
  |
  */
  .why-choose .container {
    padding-bottom: 5rem;
  }

  /* 
  |-----------------------------------------
  |=> Statistics
  |-----------------------------------------
  |
  */
  .statistics__area {
    padding-block: 8rem;
  }

  .stats__item .icon {
    width: 2.75rem;
    height: 2.75rem;
    margin-top: 0.25rem;
  }

  .stats__item .icon > * {
    width: 1.25rem;
  }

  /* 
  |-----------------------------------------
  |=> Contact Us
  |-----------------------------------------
  |
  */
  .contact-us {
    padding-block: 5rem;
  }

  .contact-us .bubbles__1 {
    width: calc(735px * 0.75);
    height: calc(735px * 0.75);
  }

  .contact-us .bubbles__2 {
    width: calc(472px * 0.75);
    height: calc(400px * 0.75);
  }

  .contact-us .bubbles__3 {
    width: calc(264px * 0.75);
    height: calc(225px * 0.75);
  }

  .contact-us .bubbles__4 {
    width: calc(543px * 0.75);
    height: calc(543px * 0.75);
  }

  /* 
  |-----------------------------------------
  |=> OPU Pamm
  |-----------------------------------------
  |
  */
  .opu-pamm {
    padding-block: 5rem 20rem;
  }

  .opu-pamm-player {
    padding-bottom: 5rem;
    margin-top: -17rem;
  }
}

@media only screen and (max-width: 991px) {
  /* titles */
  .title__1 {
    font-size: 2.75rem;
  }

  .title__2 {
    font-size: 2.375rem;
  }

  .title__3 {
    font-size: 1.875rem;
  }

  .title__5 {
    font-size: 1.5rem;
  }

  /* texts */

  /*
  |-----------------------------------------
  |=> Header Main
  |-----------------------------------------
  |
  */
  .navbar__contact .contact__list {
    gap: 1rem;
  }

  .contact__item-link {
    display: none;
  }

  .navbar__utils .utils__list {
    gap: 1rem;
  }

  .util__item-shopping {
    width: 2rem;
    height: 2rem;
  }

  .util__item-shopping svg {
    width: 1rem;
  }

  .sticky .util__item-shopping {
    width: 1.75rem;
    height: 1.75rem;
  }

  .sticky .util__item-shopping svg {
    width: 0.875rem;
  }

  /*
  |-----------------------------------------
  |=> Footer Main
  |-----------------------------------------
  |
  */
  .footer-main {
    padding-bottom: 3rem;
  }

  /*
  |-----------------------------------------
  |=> Hero
  |-----------------------------------------
  |
  */
  .hero .container {
    padding-block: 120px 80px;
  }

  .hero__img {
    margin-bottom: 1.5rem;
    margin-right: 0;
    max-width: 75%;
    margin-inline: auto;
  }

  .hero__img .play__block {
    left: 52%;
  }

  /* 
  |-----------------------------------------
  |=> Why Choose
  |-----------------------------------------
  |
  */
  .why-choose .title__3 {
    margin-bottom: 1.5rem;
  }

  .why-choose .card {
    padding: 1.25rem;
    border-radius: 1.5rem;
    min-height: 100%;
  }

  /* 
  |-----------------------------------------
  |=> Statistics
  |-----------------------------------------
  |
  */
  .statistics__area {
    padding-block: 6rem;
  }

  .stats__item .icon {
    width: 2.25rem;
    height: 2.25rem;
  }

  /* 
  |-----------------------------------------
  |=> Results Area
  |-----------------------------------------
  |
  */
  .results__area {
    padding-block: 4rem 2rem;
  }

  .floating__elems img:not(.img4) {
    width: 80px;
    height: 80px;
    border-width: 0.25rem;
  }

  .floating__elems .img4 {
    width: 80px;
    height: 80px;
  }

  /* 
  |-----------------------------------------
  |=> Contact Us
  |-----------------------------------------
  |
  */
  .contact-us .card {
    padding-block: 5rem;
  }

  /* 
  |-----------------------------------------
  |=> OPU Pamm
  |-----------------------------------------
  |
  */
  .opu-pamm {
    padding-block: 4rem 16rem;
  }

  .opu-pamm-player {
    padding-bottom: 4rem;
    margin-top: -13rem;
  }

  .opu-pamm-player .card {
    padding: 1rem;
  }

  /* 
  |-----------------------------------------
  |=> Tools Eduction
  |-----------------------------------------
  |
  */
  .tools-edu {
    padding-top: 2.5rem;
  }

  /* 
  |-----------------------------------------
  |=> Start Trading
  |-----------------------------------------
  |
  */
  .start-trading {
    padding-block: 2rem;
  }

  .start-trading .splide__arrow--prev {
    left: -2rem;
  }

  .start-trading .splide__arrow--next {
    right: -2rem;
  }
}

@media only screen and (max-width: 767px) {
  /* titles */
  .title__1 {
    font-size: 2.25rem;
  }

  .title__2 {
    font-size: 2.125rem;
  }

  .title__5 {
    font-size: 1.375rem;
  }

  /* texts */
  .text__1 {
    font-size: 1.125rem;
  }

  .text__3,
  .text__4 {
    font-size: 1rem;
  }

  .text__5 {
    font-size: 0.875rem;
  }

  .opu__btn {
    padding: 0.625rem 1.5rem;
  }

  /*
  |-----------------------------------------
  |=> Header Main
  |-----------------------------------------
  |
  */
  .header-main {
    background: rgba(255, 255, 255, 0.25);
    -webkit-box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(0.75rem);
    -webkit-backdrop-filter: blur(0.75rem);
    border: 1px solid rgba(255, 255, 255, 0.18);
  }

  .navbar-main {
    padding-block: 1.5rem 1rem;
  }

  .navbar__contact .contact__list {
    gap: 0.75rem;
  }

  .navbar__utils .utils__list {
    gap: 0.75rem;
  }

  .util__item-link {
    font-size: 1rem;
  }

  /*
  |-----------------------------------------
  |=> Hero
  |-----------------------------------------
  |
  */
  .hero__img .play__block {
    left: 50%;
  }

  /* 
  |-----------------------------------------
  |=> Splide JS
  |-----------------------------------------
  |
  */
  .splide__arrows {
    gap: 0.5rem;
  }

  .splide__arrow {
    width: 1.875rem;
    height: 1.875rem;
  }

  .splide__arrow svg {
    height: 0.875em;
  }

  /* 
  |-----------------------------------------
  |=> Trending Brands Stock
  |-----------------------------------------
  |
  */
  .trending-brands-stock .brand__item .brand__header {
    font-size: 1rem;
  }

  .trending-brands-stock .brand__item .brand__growth {
    font-size: 0.875rem;
  }

  .trending-brands-stock .brand__item .brand__footer {
    font-size: 1rem;
  }

  /* 
  |-----------------------------------------
  |=> Statistics
  |-----------------------------------------
  |
  */
  .statistics__area {
    padding-block: 4rem;
  }

  .stats__item .icon {
    margin-top: 0;
  }

  .stats__item .icon > * {
    width: 1rem;
  }

  .stats__item .title__1 {
    font-size: 2rem;
  }

  .stats__item .text__5 {
    font-weight: 500;
  }

  /* 
  |-----------------------------------------
  |=> Results Area
  |-----------------------------------------
  |
  */
  .results__area .content {
    max-width: 100%;
  }

  .floating__elems {
    display: none;
  }

  #lines-wrapper {
    display: none;
  }

  /* 
  |-----------------------------------------
  |=> Contact Us
  |-----------------------------------------
  |
  */
  .contact-us {
    padding-block: 4rem;
  }

  .contact-us .card {
    padding-block: 4rem;
  }

  /* 
  |-----------------------------------------
  |=> OPU Pamm
  |-----------------------------------------
  |
  */
  .opu-pamm {
    -webkit-padding-after: 12rem;
    padding-block-end: 12rem;
  }

  .opu-pamm-player {
    margin-top: -10rem;
  }

  .opu-pamm-player .card {
    margin-bottom: 2rem;
  }

  /* 
  |-----------------------------------------
  |=> Tools Eduction
  |-----------------------------------------
  |
  */

  .plan__title {
    font-size: 0.625rem;
  }

  .plan__price {
    font-size: 1.5rem;
  }

  .plan__duration {
    font-size: 0.5rem;
  }

  .pricing-plan-splide hr {
    margin-block: 0.5rem;
  }

  .plan__desc-title {
    font-size: 0.625rem;
  }

  .plan__desc-title.alt {
    font-size: 0.75rem;
  }

  .plan__desc-list {
    margin-top: 0.5rem;
  }

  .plan__desc-item {
    font-size: 0.625rem;
  }

  .plan__desc-item.alt {
    font-size: 0.75rem;
  }

  .plan__after {
    margin-block: auto 0.625rem;
  }

  .plan__after-price {
    font-size: 0.875rem;
  }

  .plan__after-text {
    font-size: 0.5rem;
  }

  .pricing-plan-splide .opu__btn {
    font-size: 0.5rem;
    padding: 0.375rem 1rem;
  }

  /* 
  |-----------------------------------------
  |=> Start Trading
  |-----------------------------------------
  |
  */
  .start-trading {
    padding-block: 2.5rem;
  }

  .start-trading .graphic__dots img {
    width: 64px;
  }

  .start-trading .splide__arrow--prev {
    left: -1rem;
  }

  .start-trading .splide__arrow--next {
    right: -1rem;
  }

  /* 
  |-----------------------------------------
  |=> Testimonials
  |-----------------------------------------
  |
  */

  .testimonial-splide .splide__slide {
    padding-top: 2rem;
  }

  .testimonial__item {
    padding: 2rem;
  }

  .testimonial__item .text__4 {
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
  }

  .testimonial__item .author img {
    width: 3rem;
    height: 3rem;
  }
}

@media only screen and (max-width: 575px) {
  /* titles */
  .title__1 {
    font-size: 2rem;
  }

  .title__2 {
    font-size: 1.875rem;
  }

  .title__3 {
    font-size: 1.5rem;
  }

  .title__5 {
    font-size: 1.25rem;
  }

  /* texts */
  .text__4 {
    font-size: 0.875rem;
  }

  .btn__group {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  /*
  |-----------------------------------------
  |=> Header Main
  |-----------------------------------------
  |
  */
  .navbar-main {
    padding-block: 0.75rem;
  }
  .util__item-shopping {
    width: 1.75rem;
    height: 1.75rem;
  }

  .util__item-shopping svg {
    width: 0.875rem;
  }

  .util__item-link {
    font-size: 0.875rem;
  }

  /*
  |-----------------------------------------
  |=> Footer Main
  |-----------------------------------------
  |
  */
  .footer-main {
    padding-bottom: 1.5rem;
  }

  .footer__logo {
    width: 220px;
    display: block;
    margin-inline: auto;
  }

  .footer-main .btn__group {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .widget__title {
    text-align: center;
    margin-bottom: 1rem;
  }

  .widget__nav {
    display: -ms-grid;
    display: grid;
    justify-items: center;
    gap: 0.5rem;
  }

  /*
  |-----------------------------------------
  |=> Hero
  |-----------------------------------------
  |
  */
  .hero__img .play__block {
    left: 52%;
  }

  .button-play {
    width: 3.5rem;
    height: 3.5rem;
  }

  .button-play:before {
    border-width: 0.625rem 0px 0.625rem 1rem;
  }

  /* 
  |-----------------------------------------
  |=> Trending Brands Stock
  |-----------------------------------------
  |
  */
  .trending-brands-stock .brand__item {
    padding: 0.875rem;
    gap: 0.5rem;
  }

  .trending-brands-stock .brand__item .icon img {
    width: 1.875rem;
    height: 1.875rem;
  }

  .trending-brands-stock .brand__item .brand__header {
    font-size: 0.875rem;
  }

  .trending-brands-stock .brand__item .brand__growth {
    font-size: 0.75rem;
  }

  .trending-brands-stock .brand__item .brand__footer {
    font-size: 0.875rem;
  }

  /* 
  |-----------------------------------------
  |=> Statistics
  |-----------------------------------------
  |
  */
  .stats__item .stats__top {
    gap: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .stats__item .icon {
    width: 1.5rem;
    height: 1.5rem;
    transform: translateY(-20%);
  }

  .stats__item .icon > * {
    width: 0.625rem;
  }

  .stats__item .title__1 {
    font-size: 1rem;
  }

  .stats__item .text__5 {
    font-weight: 300;
    font-size: 0.625rem;
  }

  /* 
  |-----------------------------------------
  |=> Contact Us
  |-----------------------------------------
  |
  */
  .contact-us {
    padding-block: 3rem;
  }

  .contact-us .card {
    padding-block: 3rem;
  }

  .contact-us .bubbles__1 {
    width: calc(735px * 0.5);
    height: calc(735px * 0.5);
  }

  .contact-us .bubbles__2 {
    width: calc(472px * 0.5);
    height: calc(400px * 0.5);
  }

  .contact-us .bubbles__3 {
    width: calc(264px * 0.5);
    height: calc(225px * 0.5);
  }

  .contact-us .bubbles__4 {
    width: calc(543px * 0.5);
    height: calc(543px * 0.5);
  }

  /* 
  |-----------------------------------------
  |=> OPU Pamm
  |-----------------------------------------
  |
  */
  .opu-pamm {
    padding-block: 3rem 10rem;
  }

  .opu-pamm-player {
    padding-bottom: 3rem;
    margin-top: -7rem;
  }

  .opu-pamm-player .card {
    padding: 0.625rem;
  }

  /* 
  |-----------------------------------------
  |=> Tools Eduction
  |-----------------------------------------
  |
  */
  .plan__price {
    font-size: 1.25rem;
  }

  .pricing-plan-splide hr {
    margin-block: 0.25rem;
  }

  .plan__desc-list {
    margin-top: 0.375rem;
  }

  .plan__after {
    margin-block: auto 0.5rem;
  }

  .plan__after-price {
    font-size: 0.75rem;
  }

  .pricing-plan-splide .splide__slide.is-active .card {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
  }

  /* 
  |-----------------------------------------
  |=> Start Trading
  |-----------------------------------------
  |
  */
  .start-trading .splide__arrow--prev {
    left: 0;
  }
  .start-trading .graphic__dots {
    display: none;
  }

  .start-trading .splide__arrow--next {
    right: 0;
  }

  /* 
  |-----------------------------------------
  |=> Testimonials
  |-----------------------------------------
  |
  */
  .testimonial__item {
    padding: 1rem;
    background-size: 84px auto;
  }

  .testimonial__item .text__4 {
    font-size: 0.75rem;
  }

  .testimonial__item .author img {
    width: 2.5rem;
    height: 2.5rem;
  }

  .testimonial__item .author .text__3 {
    font-size: 0.875rem;
  }

  .testimonial__item .author .text__5 {
    font-size: 0.75rem;
  }
  .custom_font span {
    display: inline;
  }
}

@media only screen and (max-width: 449px) {
  /* 
  |-----------------------------------------
  |=> Hero
  |-----------------------------------------
  |
  */
  .hero__img .play__block {
    left: 45%;
  }

  .button-play {
    width: 3rem;
    height: 3rem;
  }
  .img-fluid.custom_img {
    margin-left: 5%;
  }
}