@charset "utf-8";

#buttonConnect { width: 635px; height: 42px; background: rgb(0, 82, 156); border-radius: 16px; font-weight: 600; font-size: 16px; line-height: 18px; text-align: center; letter-spacing: 0.1px; color: rgb(255, 255, 255); text-transform: capitalize; }

#buttonConnect, .titleTable { font-family: AvenirNext; font-style: normal; align-items: center; }

.titleTable { font-weight: 700; font-size: 18px; line-height: 24px; letter-spacing: 0.2px; color: rgb(0, 82, 156); }

.banner { width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center bottom; }

.titleNews { font-family: AvenirNext; font-style: normal; font-weight: 700; font-size: 18px; line-height: 24px; letter-spacing: 0.2px; color: rgb(0, 0, 0); }

.dateExchange, .labelNews { font-family: AvenirNext; font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; color: rgb(23, 26, 28); }

.dateExchange { position: relative; top: 2px; }

.button-forex-category { height: 48px; }

.button-forex-category, .button-forex-valas { font-style: normal; font-weight: 700; font-size: 18px; text-transform: capitalize; border-radius: 32px !important; margin-right: 20px !important; padding: 0px 50px !important; }

.button-forex-valas { height: 40px; }

.valas-forex-container { display: flex !important; justify-content: space-between !important; }

.btn-forex-dealer { width: 543px !important; height: 56px !important; background: rgb(0, 82, 156) !important; border-radius: 32px !important; color: rgb(255, 255, 255) !important; font-size: 16px !important; font-weight: 700 !important; }

.btn-forex-dealer-container { display: flex !important; justify-content: space-evenly !important; margin-top: 50px !important; }

.card-button-forex-container { display: flex !important; width: 101.8% !important; }

.card-button-forex-list { font-style: normal; font-family: avenirNext; padding: 8px 16px; letter-spacing: 0.1px; text-transform: capitalize; border-radius: 32px !important; height: 40px !important; font-size: 17.2px !important; margin-right: 14px !important; }

.obligasi-forex-container { gap: 1rem; justify-content: center; display: flex !important; }

.iframe-video-forex { width: 74% !important; }

.card-contact-modal-forex { width: 715px !important; }

.card-contact-modal-forex, .card-contact-modal-forex2 { top: 50% !important; left: 50% !important; position: absolute !important; transform: translate(-50%, -50%) !important; background: rgb(255, 255, 255) !important; border-radius: 16px !important; outline: none !important; }

.card-contact-modal-forex2 { box-sizing: border-box; width: 568px !important; padding: 0px 20px 40px !important; }

.modal-calculator-container { width: 100vw !important; height: 100vh !important; display: flex !important; justify-content: center !important; align-items: center !important; box-sizing: border-box !important; padding: 0px 5% !important; }

.modal-calculator-popup { min-width: 30% !important; width: 634px !important; max-width: 100% !important; background-color: rgb(255, 255, 255) !important; border-radius: 16px !important; max-height: 90vh !important; overflow-y: auto !important; padding: 2% 20px !important; box-sizing: border-box !important; }

.modal-calculator-popup-header { cursor: pointer; box-sizing: border-box; display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 2% !important; margin-top: -7% !important; }

.button-head-calculator { margin-right: 30px !important; cursor: pointer; }

.calculator-hedging-body { display: flex !important; justify-content: center !important; align-items: center !important; }

@media only screen and (max-width: 900px) {
  .button-forex-category, .button-forex-valas { width: 100% !important; margin-top: 20px !important; }
  .valas-forex-container { flex-direction: column; text-align: center; display: flex !important; justify-content: space-between !important; }
  .card-forex, .card-forex-list { width: 100% !important; margin-left: 0px !important; }
  .btn-forex-dealer-container { flex-wrap: wrap !important; }
  .btn-forex-dealer { width: 100%; margin-bottom: 20px !important; }
  .card-obligasi-forex { width: 100% !important; box-sizing: border-box !important; margin-top: 20px !important; height: unset !important; }
  .no-margin-mobile { margin: 0px !important; }
  .card-produk-mobile { width: 100% !important; box-sizing: border-box; }
  .card-button-forex-container { width: 100% !important; flex-wrap: wrap !important; }
  .card-button-forex-list { width: 100% !important; margin-bottom: 20px !important; }
  .obligasi-forex-container { flex-wrap: wrap !important; }
  .iframe-video-forex { width: 100% !important; }
  .card-contact-modal-forex { height: 90vh; overflow-y: scroll; width: 90% !important; }
  .card-forex-mobile, .card-forex-mobile2 { width: 100% !important; margin-bottom: 20px; }
  .modal-calculator-popup-header { padding: 20px 5% 0px !important; }
  .modal-calculator-popup { overflow-x: hidden !important; }
  .button-head-calculator { flex-direction: column !important; align-items: center !important; }
  .button-head-calculator, .dates-forex-center { width: 100% !important; display: flex !important; justify-content: center !important; }
  .dates-forex-center { margin-top: 0px !important; }
  .calculator-forex-btn-container { display: flex; margin-top: 20px; width: 100% !important; justify-content: space-between !important; }
  .calculator-hedging-body { display: flex !important; justify-content: flex-start !important; flex-wrap: wrap !important; align-items: center !important; }
  .calculator-hedging-body-content, .calculator-select-hedging { width: 100% !important; }
  .card-contact-modal-forex2 { width: 95% !important; }
}

.footer-home { padding: 2.5rem 10rem !important; background: linear-gradient(181.18deg, rgb(2, 62, 119) 1.1%, rgb(0, 0, 0) 99.08%) !important; display: flex !important; flex-direction: column !important; gap: 2rem !important; }

.footer-home-content { display: flex !important; justify-content: space-between !important; }

.footer-home-content-top { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 1.5rem !important; }

@media only screen and (max-width: 500px) {
  .footer-home { padding: 0px 2rem !important; }
  .footer-home-content { flex-wrap: wrap !important; }
  .footer-home-content-top { width: 100%; margin-bottom: 20px; }
}

.box-laporan-report-container { flex-wrap: wrap; gap: 10px; width: 100% !important; display: flex !important; justify-content: space-evenly !important; margin-top: 15px !important; }

.box-date-picker fieldset.MuiOutlinedInput-notchedOutline { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; border-radius: 8px !important; height: 50px !important; }

@media (max-width: 900px) {
  .box-laporan-report-container { flex-direction: column !important; padding-right: 0px !important; }
  .box-laporan-report-container-currency { width: 100% !important; margin-bottom: 20px !important; }
  .box-laporan-report-container-input, .report-field-input { width: 100% !important; }
  .report-field-input { box-sizing: border-box !important; margin-bottom: 20px !important; }
}

@media (max-width: 1200px) {
  .center-pie { justify-content: center !important; margin: 30px auto !important; }
  .graphic-width-mobile { width: 100% !important; display: flex !important; flex-direction: column !important; max-width: 100% !important; height: auto !important; padding-bottom: 40px !important; }
  .graphic-responsive-container-pie, .graphic-width-mobile { flex-wrap: wrap !important; }
  .center-align-mobile { display: flex; align-items: center !important; }
  .responsive-balhis-container { justify-content: flex-start !important; width: 100% !important; }
}

@media (max-width: 900px) {
  .skk-padding-mobile { padding: 0px 5% !important; }
  .skk-header-container { flex-direction: column; }
  .skk-content-checkbox { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
  .skk-content-center { justify-content: center !important; }
  .skk-content-center, .skk-content-start { text-align: center; width: 100% !important; align-items: center !important; display: flex !important; flex-wrap: wrap !important; margin-bottom: 15px !important; margin-right: 0px !important; max-width: 100% !important; box-sizing: border-box !important; margin-left: 0px !important; }
  .skk-content-start { justify-content: start !important; }
  .skk-content-scroll { margin-left: 0px !important; overflow-x: auto !important; }
  .skk-content-center-rekening, .skk-content-scroll { text-align: center; width: 100% !important; display: flex !important; margin-bottom: 15px !important; margin-right: 0px !important; max-width: 100% !important; box-sizing: border-box !important; }
  .skk-content-center-rekening { flex-wrap: wrap !important; }
  .skk-content-content-full { width: 100% !important; display: flex !important; margin-right: 0px !important; }
  .skk-margin-bottom-mobile { margin-bottom: 20px !important; }
  .for-pc { display: none !important; }
  .skk-content-center-no-padding { margin-bottom: 15px !important; }
  .skk-content-center-no-margin, .skk-content-center-no-padding { flex-wrap: wrap; text-align: center; width: 100% !important; align-items: center !important; justify-content: center !important; display: flex !important; margin-right: 0px !important; padding: 0px !important; max-width: 100% !important; }
  .skk-content-center-no-margin { margin-left: 0px !important; }
  .skk-no-margin { margin: 0px !important; }
  .skk-content-center-terbang { top: 450px !important; }
  .skk-content-center-terbang, .skk-content-center-terbang2 { text-align: center; left: 0px; width: 100% !important; align-items: center !important; justify-content: center !important; display: flex !important; flex-wrap: wrap !important; margin-bottom: 15px !important; margin-right: 0px !important; max-width: 100% !important; box-sizing: border-box !important; margin-left: 0px !important; }
  .skk-content-center-terbang2 { top: 1250px !important; }
  .skk-content-center-terbang3 { margin-bottom: 15px !important; top: 1820px !important; }
  .skk-content-center-terbang3, .skk-content-center-terbang4 { text-align: center; width: 100% !important; align-items: center !important; justify-content: center !important; display: flex !important; flex-wrap: wrap !important; margin-right: 0px !important; max-width: 100% !important; box-sizing: border-box !important; margin-left: 0px !important; left: 0px !important; }
  .skk-content-center-terbang4 { margin-bottom: -700px; }
}

.accNameSkk { width: 443.8px; }

.accNoSkk { width: 176px; }

.accJenisSkk { width: 180px; }

.accBalanceSkk { width: 200px; }

@media (min-width: 1250px) and (max-width: 1300px) {
  .accNameSkk { width: 603.8px; }
  .accNoSkk { width: 136px; }
  .accJenisSkk { width: 220px; }
  .accBalanceSkk { width: 230px; }
}

@media (min-width: 1300px) and (max-width: 1350px) {
  .accNameSkk { width: 503.8px; }
  .accNoSkk { width: 136px; }
  .accJenisSkk { width: 180px; }
  .accBalanceSkk { width: 200px; }
}

@media (min-width: 1350px) and (max-width: 1400px) {
  .accNameSkk { width: 443.8px; }
  .accNoSkk { width: 176px; }
  .accJenisSkk { width: 180px; }
  .accBalanceSkk { width: 200px; }
}

@media (min-width: 1400px) and (max-width: 1450px) {
  .accNameSkk { width: 443.8px; }
  .accNoSkk { width: 176px; }
  .accJenisSkk { width: 180px; }
  .accBalanceSkk { width: 200px; }
}

@media (min-width: 1450px) and (max-width: 1500px) {
  .accNameSkk { width: 383.8px; }
  .accNoSkk { width: 216px; }
  .accJenisSkk { width: 180px; }
  .accBalanceSkk { width: 200px; }
}

@media (min-width: 1500px) and (max-width: 1550px) {
  .accNameSkk { width: 373.8px; }
  .accNoSkk { width: 230px; }
  .accJenisSkk { width: 180px; }
  .accBalanceSkk { width: 200px; }
}

@media (min-width: 1550px) and (max-width: 1600px) {
  .accNameSkk { width: 353.8px; }
  .accNoSkk { width: 245px; }
  .accJenisSkk { width: 180px; }
  .accBalanceSkk { width: 200px; }
}

@media (min-width: 1600px) and (max-width: 1650px) {
  .accNameSkk { width: 333.8px; }
  .accNoSkk { width: 265px; }
  .accBalanceSkk, .accJenisSkk { width: 200px; }
}

@media (min-width: 1650px) and (max-width: 1700px) {
  .accNameSkk { width: 333.8px; }
  .accNoSkk { width: 265px; }
  .accJenisSkk { width: 210px; }
  .accBalanceSkk { width: 200px; }
}

@media (min-width: 1700px) and (max-width: 1750px) {
  .accNameSkk { width: 333.8px; }
  .accNoSkk { width: 265px; }
  .accJenisSkk { width: 225px; }
  .accBalanceSkk { width: 200px; }
}

@media (min-width: 1750px) and (max-width: 1800px) {
  .accNameSkk { width: 333.8px; }
  .accNoSkk { width: 265px; }
  .accJenisSkk { width: 240px; }
  .accBalanceSkk { width: 200px; }
}

@media (min-width: 1800px) and (max-width: 1850px) {
  .accNameSkk { width: 300.8px; }
  .accNoSkk { width: 320px; }
  .accJenisSkk { width: 233px; }
  .accBalanceSkk { width: 220px; }
}

@media (min-width: 1850px) and (max-width: 1900px) {
  .accNameSkk { width: 300.8px; }
  .accNoSkk { width: 330px; }
  .accJenisSkk { width: 240px; }
  .accBalanceSkk { width: 228px; }
}

@media (min-width: 1900px) and (max-width: 1950px) {
  .accNameSkk { width: 300.8px; }
  .accNoSkk { width: 350px; }
  .accJenisSkk { width: 250px; }
  .accBalanceSkk { width: 243px; }
}

@media (min-width: 1950px) and (max-width: 2000px) {
  .accNameSkk { width: 350.8px; }
  .accNoSkk { width: 315px; }
  .accJenisSkk { width: 290px; }
  .accBalanceSkk { width: 248px; }
}

@media (min-width: 2000px) and (max-width: 2100px) {
  .accNameSkk { width: 350.8px; }
  .accNoSkk { width: 325px; }
  .accJenisSkk { width: 350px; }
  .accBalanceSkk { width: 248px; }
}

@media (min-width: 2100px) and (max-width: 2150px) {
  .accNameSkk { width: 350.8px; }
  .accNoSkk { width: 300px; }
  .accJenisSkk { width: 380px; }
  .accBalanceSkk { width: 253px; }
}

@media (min-width: 2150px) and (max-width: 2200px) {
  .accNameSkk { width: 350.8px; }
  .accNoSkk { width: 320px; }
  .accJenisSkk { width: 400px; }
  .accBalanceSkk { width: 253px; }
}

@media (min-width: 2200px) and (max-width: 2250px) {
  .accNameSkk { width: 350.8px; }
  .accNoSkk { width: 320px; }
  .accJenisSkk { width: 430px; }
  .accBalanceSkk { width: 253px; }
}

@media (min-width: 2250px) and (max-width: 2300px) {
  .accNameSkk { width: 350.8px; }
  .accNoSkk { width: 320px; }
  .accJenisSkk { width: 460px; }
  .accBalanceSkk { width: 253px; }
}

@media (min-width: 2300px) and (max-width: 2350px) {
  .accNameSkk { width: 370.8px; }
  .accNoSkk { width: 330px; }
  .accJenisSkk { width: 490px; }
  .accBalanceSkk { width: 253px; }
}

@media (max-width: 1350px) {
  .skk-account-statement { text-align: center; width: 100% !important; align-items: center !important; justify-content: center !important; display: flex !important; flex-wrap: wrap !important; margin-bottom: 15px !important; margin-right: 0px !important; max-width: 100% !important; box-sizing: border-box !important; margin-left: 0px !important; }
}

.button-feature {
  @media only screen and (max-width: 550px) {
  font-size: 14px !important; padding: 0px 80px !important; border-radius: 60px !important;
}
}

.main-feature { }

.container-tag { display: flex !important; gap: 10px !important; margin-top: 10px !important; flex-wrap: wrap !important; }

.button-tag { border-radius: 20px !important; border: 1px solid rgb(77, 174, 255) !important; background-color: rgba(77, 174, 255, 0.25) !important; color: rgb(255, 255, 255) !important; }

.container-contact-us {
  margin-top: 20px !important;
  @media only screen and (max-width: 550px) {
  display: flex !important; justify-content: center !important;
}
  @media only screen and (max-width: 1050px) {
  margin-top: 20px !important;
}
}

.container-contact-us-forex {
  display: flex !important; gap: 10px !important; margin-top: 10px !important; flex-wrap: wrap !important;
  @media only screen and (max-width: 550px) {
  display: flex !important; justify-content: center !important; margin-top: 30px !important;
}
}

.responsive-iframe-ibbiz, .responsive-iframe-ibbiz-forex { position: absolute; inset: 0px; width: 100%; height: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.arrow-forex-left {
  left: -35px !important;
  @media only screen and (max-width: 550px) {
  left: 10px !important;
}
  @media only screen and (max-width: 400px) {
  left: -10px !important;
}
}

.arrow-forex-left, .arrow-forex-right { z-index: 1000; position: absolute !important; top: 40% !important; cursor: pointer !important; }

.arrow-forex-right {
  right: -30px !important;
  @media only screen and (max-width: 550px) {
  right: 0px !important;
}
  @media only screen and (max-width: 400px) {
  right: -10px !important;
}
}

.card-contact-modal-ibbiz {
  width: 715px !important; top: 50% !important; left: 50% !important; position: absolute !important; transform: translate(-50%, -50%) !important; background: rgb(255, 255, 255) !important; border-radius: 16px !important; outline: none !important; height: 80vh !important; overflow-y: scroll !important;
  @media only screen and (max-width: 1000px) {
  width: 90% !important; height: 80vh !important; overflow-y: scroll !important;
}
}

.image-feature {
  width: 100% !important;
  @media only screen and (max-width: 1000px) {
  height: 200px !important; object-fit: contain !important;
}
  @media only screen and (max-width: 1500px) {
  height: 300px !important; object-fit: contain !important;
}
  @media only screen and (min-width: 1501px) {
  height: 350px !important; object-fit: contain !important;
}
}

.image-banner { height: 500px; width: 100%; }

@media only screen and (max-width: 1280px) {
  .image-banner { height: 450px !important; object-position: center center !important; }
}

@media only screen and (max-width: 1024px) {
  .image-banner { height: 400px !important; width: 100% !important; object-position: center center !important; }
}

@media only screen and (max-width: 768px) {
  .main-feature { display: block !important; flex-direction: column !important; }
  .main-feature-satu { gap: 30px !important; margin-bottom: 30px !important; flex-direction: column !important; }
  .main-feature-dua, .main-feature-satu { width: 100% !important; }
  .container-tag { flex-direction: column; display: flex !important; justify-content: center !important; }
}

.titleCustomerContent { position: absolute !important; font-family: AvenirNextBold !important; font-size: 24px !important; }

.CustomerContent { box-shadow: rgba(19, 22, 22, 0.16) 0px 2px 4px 2px; background: rgb(255, 255, 255); border-radius: 10px; margin: 20px 0px; padding: 20px !important; }

.containerCustomerContent {
  margin-bottom: 20px; position: relative; width: 40% !important;
  @media only screen and (max-width: 1200px) {
  width: 80% !important;
}
  @media only screen and (max-width: 1000px) {
  width: 70% !important;
}
}

.fontBold { font-family: AvenirNextBold !important; font-size: 18px !important; }

.fontGray { color: rgb(135, 135, 135); }

.fontBlack, .fontGray { font-family: AvenirNext !important; font-size: 18px !important; }

.fontBlack { color: rgb(0, 0, 0); }

.font14px { font-size: 14px !important; }

.containerTitle { margin-top: 15px; gap: 3px; display: flex; flex-direction: column; }

.containerInformationCustomer { padding: 10px; border: 1px solid rgb(173, 216, 230); border-radius: 10px; background-color: rgb(173, 216, 230); margin-top: 20px !important; }

.informationOne { display: flex; gap: 10px; align-items: center; }

.informationTwo { padding: 0px 5px 0px 35px; }

.containerCheckbox { display: flex; align-items: center; margin-top: 20px !important; }

.containerButton { margin-top: 15px !important; }

.textInformation { color: blue; cursor: pointer; font-family: AvenirNext !important; font-size: 18px !important; }

.flexBetween { display: flex; justify-content: space-between; }

.cursorPointer { cursor: pointer; }

.modalInformationCustomer { top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgb(255, 255, 255); padding: 1.5rem; max-height: 80%; max-width: 80%; overflow-y: auto; position: absolute !important; }

.modalInformationCustomer .modalInformationCustomerContent { margin-top: 10px; padding: 0px 0px 0px 20px; margin-bottom: 30px; }

.modalInformationCustomerSuccess {
  top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgb(255, 255, 255); padding: 1.5rem; max-height: 80%; max-width: 30%; overflow-y: auto; position: absolute !important;
  @media only screen and (max-width: 800px) {
  max-width: 100%;
}
}

.olCustomer { padding: 0px; list-style-type: decimal; margin: 10px 0px 0px 17px; }

.liCustomer { margin-bottom: 10px; }

.containerCenter { display: flex; justify-content: center; }

.responsive-text-title { margin: 0px; color: rgb(41, 41, 41); max-width: 170px; text-wrap: balance; font-family: BriDigitalTextMedium; font-size: 14px; font-weight: 600; }

.responsive-text-desc { margin: 0px; color: rgb(41, 41, 41); text-align: center; font-family: BriDigitalText; font-size: 12px; font-weight: 500; }

@media screen and (max-width: 1023px) {
  .responsive-text-desc { font-size: 8px; }
  .responsive-text-title { font-size: 10px; }
}

@media screen and (max-width: 1439px) {
  .responsive-text-desc { font-size: 10px; }
  .responsive-text-title { font-size: 12px; }
}

@media screen and (max-width: 1919px) {
  .responsive-text-desc { font-size: 12px; }
  .responsive-text-title { font-size: 14px; }
}

@media screen and (max-width: 2559px) {
  .responsive-text-desc { font-size: 16px; }
  .responsive-text-title { font-size: 18px; }
}

@media screen and (max-width: 3840px) {
  .responsive-text { font-size: 20px; }
  .responsive-text-title { font-size: 22px; }
}

html { scroll-behavior: smooth !important; }

.cursor-default { cursor: default !important; }

.jss1 { display: block !important; }

.no-textfield fieldset { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; outline: none !important; }

.css-1o9s3wi-MuiInputBase-input-MuiOutlinedInput-input { cursor: pointer !important; }

.dates .MuiFormLabel-root, .dates .css-1sumxir-MuiFormLabel-root-MuiInputLabel-root { margin-top: -5px !important; }

input#session-date { display: inline-block; position: relative; }

input[type="date"]::-webkit-calendar-picker-indicator { background: transparent; inset: 0px; color: transparent; cursor: pointer; height: auto; position: absolute; width: auto; }

body { font-family: AvenirNext; }

.w-25 { width: 25%; }

.w-75 { width: 75%; }

@font-face { font-family: AvenirNext; src: url("/fonts/AvenirNext/AvenirNextLTPro-Regular.otf"); font-style: normal; font-weight: 400; font-display: swap; }

@page { margin: 0px; }

@media print {
  @page { margin: 0px; }
  body { margin: 1.6cm; }
}

@font-face { font-family: AvenirNextDemiBold; src: url("/fonts/AvenirNext/AvenirNext-DemiBold.ttf"); font-style: normal; font-weight: 400; font-display: swap; }

@font-face { font-family: AvenirNextBold; src: url("/fonts/AvenirNext/AvenirNext-DemiBold.ttf"); font-style: normal; font-weight: 400; font-display: swap; }

@font-face { font-family: Rajdhani; src: url("/fonts/Rajdhani/Rajdhani-Regular.ttf"); font-weight: 600; }

@font-face { font-family: RajdhaniBold; src: url("/fonts/Rajdhani/Rajdhani-Bold.ttf"); }

@font-face { font-family: Inter; src: url("/fonts/Inter/Inter-Regular.ttf"); font-weight: 400; }

@font-face { font-family: BriDigitalDisplayLight; src: url("/fonts/BRIDigitalDisplay/BRIDigitalDisplay-Light.ttf"); font-weight: 400; }

@font-face { font-family: BriDigitalDisplay; src: url("/fonts/BRIDigitalDisplay/BRIDigitalDisplay-Regular.ttf"); font-weight: 400; }

@font-face { font-family: BriDigitalDisplayMedium; src: url("/fonts/BRIDigitalDisplay/BRIDigitalDisplay-Medium.ttf"); font-weight: 400; }

@font-face { font-family: BriDigitalDisplaySemiBold; src: url("/fonts/BRIDigitalDisplay/BRIDigitalDisplay-SemiBold.ttf"); font-weight: 400; }

@font-face { font-family: BriDigitalDisplayBold; src: url("/fonts/BRIDigitalDisplay/BRIDigitalDisplay-Bold.ttf"); font-weight: 400; }

@font-face { font-family: BriDigitalTextLight; src: url("/fonts/BRIDigitalText/BRIDigitalText-Light.otf"); font-weight: 400; }

@font-face { font-family: BriDigitalText; src: url("/fonts/BRIDigitalText/BRIDigitalText-Regular.otf"); font-weight: 400; }

@font-face { font-family: BriDigitalTextMedium; src: url("/fonts/BRIDigitalText/BRIDigitalText-Medium.otf"); font-weight: 400; }

@font-face { font-family: BriDigitalTextSemiBold; src: url("/fonts/BRIDigitalText/BRIDigitalText-SemiBold.otf"); font-weight: 400; }

@font-face { font-family: BriDigitalTextBold; src: url("/fonts/BRIDigitalText/BRIDigitalText-Bold.otf"); font-weight: 400; }

video { border-radius: 16px; width: 100%; }

.videoContainer { position: relative; width: 100%; padding-top: 56.25%; }

.responsive-iframe { position: absolute; inset: 0px; width: 100%; height: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.scroll::-webkit-scrollbar-track { background: rgb(241, 241, 241); display: none; }

* { box-sizing: border-box; }

.scroll::-webkit-scrollbar-thumb { background: rgb(136, 136, 136); display: none; }

.scroll::-webkit-scrollbar-thumb:hover { background: rgb(85, 85, 85); display: none; }

.scroll::-webkit-scrollbar { width: 5px; height: 1px; background: rgb(241, 241, 241); }

.playlist-queue-styles { justify-content: space-between; margin-top: 51px; overflow: hidden; display: flex !important; }

.thumbnail-styles { width: 354px; height: 199.5px; margin-right: 24px; border-radius: 16px; }

::-webkit-scrollbar-track { box-shadow: rgb(255, 255, 255) 0px 0px 6px inset; }

::-webkit-scrollbar-thumb { box-shadow: rgb(85, 85, 85) 0px 0px 6px inset; }

.App, body { margin: 0px; padding: 0px; font-family: AvenirNext; }

.css-advny6-MuiPopper-root { z-index: 9999; }

p { }

a, p { font-family: AvenirNext, "Be Vietnam Pro", "sans-serif"; }

.slick-dots li.slick-active button::before { color: rgb(136, 23, 152); }

.form-error-message { }

.slick-slide { margin-right: -50px; }

.slick-list { padding: 0px 0px 0px 10% !important; }

.slick-next::before, .slick-prev::before { color: rgb(136, 23, 152); }

.bgImageConnect { background: url("https://c4.wallpaperflare.com/wallpaper/500/442/354/outrun-vaporwave-hd-wallpaper-preview.jpg") 50% center no-repeat; }

.bgImage { background-position: 50% center; background-repeat: no-repeat; background-size: cover; }

.box { }

.App { text-align: center; font-family: AvenirNext; }

.App-logo { height: 100px; pointer-events: none; }

@media (prefers-reduced-motion: no-preference) {
  .App-logo { animation: 20s linear 0s infinite normal none running App-logo-spin; }
}

.App-header { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: calc(10px + 2vmin); }

.App-footer, .App-header { background-color: rgb(40, 44, 52); color: rgb(255, 255, 255); }

.App-footer { flex: 0 0 70px; margin-top: auto; }

.App-link { color: rgb(97, 218, 251); }

.scrollNotif::-webkit-scrollbar { width: 5px; }

.scrollNotif::-webkit-scrollbar-track { background: rgb(241, 241, 241); border-radius: 5px; }

.scrollNotif::-webkit-scrollbar-thumb { background: rgb(136, 136, 136); border-radius: 5px; }

.scrollNotif::-webkit-scrollbar-thumb:hover { background: rgb(85, 85, 85); }

.menu-button, .menu-button::after, .menu-button::before { display: block; background-color: rgb(0, 82, 156); height: 4px; width: 30px; transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1); border-radius: 2px; }

.menu-button::before { content: ""; margin-top: -8px; }

.menu-button::after { content: ""; margin-top: 8px; }

@keyframes App-logo-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { appearance: none; margin: 0px; }

input[type="number"] { }

.select-skk .MuiMenu-list { padding: 20px !important; }

.MuiTableSortLabel-root.MuiTableSortLabel-active { color: rgb(255, 255, 255) !important; }

.MuiTableSortLabel-root.MuiTableSortLabel-active.MuiTableSortLabel-root.MuiTableSortLabel-active .MuiTableSortLabel-icon { color: rgb(255, 255, 255) !important; opacity: 1 !important; }

@media only screen and (min-width: 200px) and (max-width: 320px) {
  .margin-mobile-login { margin-left: 5%; }
}

@media only screen and (min-width: 400px) and (max-width: 455px) {
  .margin-mobile-login { margin-left: 5%; }
}

.custome-scrollbar::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; }

.custome-scrollbar::-webkit-scrollbar-track { box-shadow: rgb(165, 172, 184) 0px 0px 5px inset; border-radius: 10px; background: rgb(255, 255, 255); }

.custome-scrollbar::-webkit-scrollbar-thumb { background: rgb(207, 207, 207); border-radius: 10px; }

.custome-scrollbar::-webkit-scrollbar-thumb:hover { background: rgb(165, 172, 184); }

.ml-2 { margin-left: 20px !important; }

.pointer { cursor: pointer !important; }

.loadingDots::after { overflow: hidden; display: inline-block; vertical-align: bottom; animation: 0.9s steps(4) 0s infinite normal none running ellipsis; content: "…"; width: 0px; }

@keyframes ellipsis { 
  100% { width: 1.25em; }
}

.css-16ffsi9 { background-image: url("https://minio.dev.bri.co.id/qlola-bucket1/assets/images/Forex.jpg"); background-size: cover; background-repeat: no-repeat; }

.tabs-lc .MuiTabs-indicator { display: none; }

#modalLc::-webkit-scrollbar-thumb { background-color: rgba(85, 85, 85, 0.494); border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; }

#modalLc::-webkit-scrollbar-track { box-shadow: unset; }

#modalLc::-webkit-scrollbar { width: 16px; }

.stepLcs .MuiStepLabel-root { align-items: flex-start !important; }

@media (max-width: 500px) {
  .stepLcs .MuiStepConnector-lineVertical { display: none; }
  .stepLcs .MuiStepLabel-root { align-items: flex-start !important; margin-bottom: 0px !important; padding-bottom: 0px !important; }
}

.MuiPickersToolbar-penIconButton { display: none !important; }

.pdf-fundFact { margin-bottom: 50px; }

@media (max-width: 500px) {
  .responsive-content-left { padding: 0px; margin: 0px; display: flex; width: 100%; flex-wrap: wrap; justify-content: left; }
}

.button-glow { width: 174px; height: 44px; border-radius: 32px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgb(248, 123, 18) 0px 0px 5px, rgb(248, 123, 18) 0px 0px 30px, rgb(248, 123, 18) 0px 0px 20px; -webkit-box-reflect: below 1px linear-gradient(transparent, rgba(0, 0, 0, 0.333)); color: rgb(255, 255, 255); font-weight: 700; }

.button-glow, .button-radial-gradient { background: radial-gradient(rgb(250, 154, 73), rgb(248, 123, 18)); }

.MuiSvgIcon-root.MuiSvgIcon-fontSizeSmall.css-ptiqhd-MuiSvgIcon-root { color: red; }

.rdrDefinedRangesWrapper { display: none; }

.react-joyride__overlay { min-height: 100vh !important; }

.tooltip-pendidikan { position: relative; display: inline-block; padding-top: 3px; }

.tooltip-pendidikan .tooltiptext { visibility: hidden; width: 230px; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); text-align: center; border-radius: 6px; position: absolute; z-index: 1; top: -35px; left: 110%; margin-left: 10px; padding: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px 3px; }

.tooltip-pendidikan .tooltiptext::after { content: ""; position: absolute; top: 50%; right: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent rgb(255, 255, 255) transparent transparent; border-image: none; }

.tooltip-pendidikan:hover .tooltiptext { visibility: visible; }

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { transition-duration: 50ms; }

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay: 50ms; }

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { transition-duration: 0.1s; }

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay: 0.1s; }

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { transition-duration: 0.15s; }

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay: 0.15s; }

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { transition-duration: 0.2s; }

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay: 0.2s; }

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { transition-duration: 0.25s; }

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay: 0.25s; }

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { transition-duration: 0.3s; }

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay: 0.3s; }

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { transition-duration: 0.35s; }

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { transition-delay: 0.35s; }

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { transition-duration: 0.4s; }

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay: 0.4s; }

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { transition-duration: 0.45s; }

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { transition-delay: 0.45s; }

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { transition-duration: 0.5s; }

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { transition-delay: 0.5s; }

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { transition-duration: 0.55s; }

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { transition-delay: 0.55s; }

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { transition-duration: 0.6s; }

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay: 0.6s; }

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { transition-duration: 0.65s; }

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { transition-delay: 0.65s; }

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { transition-duration: 0.7s; }

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { transition-delay: 0.7s; }

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { transition-duration: 0.75s; }

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay: 0.75s; }

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { transition-duration: 0.8s; }

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay: 0.8s; }

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { transition-duration: 0.85s; }

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { transition-delay: 0.85s; }

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { transition-duration: 0.9s; }

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { transition-delay: 0.9s; }

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { transition-duration: 0.95s; }

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { transition-delay: 0.95s; }

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { transition-duration: 1s; }

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { transition-delay: 1s; }

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { transition-duration: 1.05s; }

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { transition-delay: 1.05s; }

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { transition-duration: 1.1s; }

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { transition-delay: 1.1s; }

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { transition-duration: 1.15s; }

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { transition-delay: 1.15s; }

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { transition-duration: 1.2s; }

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { transition-delay: 1.2s; }

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { transition-duration: 1.25s; }

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { transition-delay: 1.25s; }

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { transition-duration: 1.3s; }

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { transition-delay: 1.3s; }

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { transition-duration: 1.35s; }

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { transition-delay: 1.35s; }

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { transition-duration: 1.4s; }

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { transition-delay: 1.4s; }

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { transition-duration: 1.45s; }

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { transition-delay: 1.45s; }

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { transition-duration: 1.5s; }

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { transition-delay: 1.5s; }

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { transition-duration: 1.55s; }

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { transition-delay: 1.55s; }

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { transition-duration: 1.6s; }

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { transition-delay: 1.6s; }

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { transition-duration: 1.65s; }

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { transition-delay: 1.65s; }

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { transition-duration: 1.7s; }

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { transition-delay: 1.7s; }

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { transition-duration: 1.75s; }

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { transition-delay: 1.75s; }

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { transition-duration: 1.8s; }

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { transition-delay: 1.8s; }

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { transition-duration: 1.85s; }

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { transition-delay: 1.85s; }

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { transition-duration: 1.9s; }

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { transition-delay: 1.9s; }

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { transition-duration: 1.95s; }

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { transition-delay: 1.95s; }

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { transition-duration: 2s; }

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { transition-delay: 2s; }

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { transition-duration: 2.05s; }

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { transition-delay: 2.05s; }

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { transition-duration: 2.1s; }

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { transition-delay: 2.1s; }

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { transition-duration: 2.15s; }

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { transition-delay: 2.15s; }

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { transition-duration: 2.2s; }

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { transition-delay: 2.2s; }

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { transition-duration: 2.25s; }

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { transition-delay: 2.25s; }

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { transition-duration: 2.3s; }

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { transition-delay: 2.3s; }

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { transition-duration: 2.35s; }

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { transition-delay: 2.35s; }

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { transition-duration: 2.4s; }

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { transition-delay: 2.4s; }

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { transition-duration: 2.45s; }

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { transition-delay: 2.45s; }

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { transition-duration: 2.5s; }

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { transition-delay: 2.5s; }

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { transition-duration: 2.55s; }

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { transition-delay: 2.55s; }

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { transition-duration: 2.6s; }

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { transition-delay: 2.6s; }

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { transition-duration: 2.65s; }

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { transition-delay: 2.65s; }

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { transition-duration: 2.7s; }

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { transition-delay: 2.7s; }

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { transition-duration: 2.75s; }

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { transition-delay: 2.75s; }

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { transition-duration: 2.8s; }

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { transition-delay: 2.8s; }

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { transition-duration: 2.85s; }

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { transition-delay: 2.85s; }

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { transition-duration: 2.9s; }

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { transition-delay: 2.9s; }

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { transition-duration: 2.95s; }

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { transition-delay: 2.95s; }

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { transition-duration: 3s; }

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { }

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { transition-delay: 3s; }

[data-aos][data-aos][data-aos-easing="linear"], body[data-aos-easing="linear"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }

[data-aos][data-aos][data-aos-easing="ease"], body[data-aos-easing="ease"] [data-aos] { transition-timing-function: ease; }

[data-aos][data-aos][data-aos-easing="ease-in"], body[data-aos-easing="ease-in"] [data-aos] { transition-timing-function: ease-in; }

[data-aos][data-aos][data-aos-easing="ease-out"], body[data-aos-easing="ease-out"] [data-aos] { transition-timing-function: ease-out; }

[data-aos][data-aos][data-aos-easing="ease-in-out"], body[data-aos-easing="ease-in-out"] [data-aos] { transition-timing-function: ease-in-out; }

[data-aos][data-aos][data-aos-easing="ease-in-back"], body[data-aos-easing="ease-in-back"] [data-aos] { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); }

[data-aos][data-aos][data-aos-easing="ease-out-back"], body[data-aos-easing="ease-out-back"] [data-aos] { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }

[data-aos][data-aos][data-aos-easing="ease-in-out-back"], body[data-aos-easing="ease-in-out-back"] [data-aos] { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

[data-aos][data-aos][data-aos-easing="ease-in-sine"], body[data-aos-easing="ease-in-sine"] [data-aos] { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }

[data-aos][data-aos][data-aos-easing="ease-out-sine"], body[data-aos-easing="ease-out-sine"] [data-aos] { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }

[data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }

[data-aos][data-aos][data-aos-easing="ease-in-quad"], body[data-aos-easing="ease-in-quad"] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing="ease-out-quad"], body[data-aos-easing="ease-out-quad"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing="ease-in-out-quad"], body[data-aos-easing="ease-in-out-quad"] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos][data-aos][data-aos-easing="ease-in-cubic"], body[data-aos-easing="ease-in-cubic"] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing="ease-out-cubic"], body[data-aos-easing="ease-out-cubic"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"], body[data-aos-easing="ease-in-out-cubic"] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos][data-aos][data-aos-easing="ease-in-quart"], body[data-aos-easing="ease-in-quart"] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing="ease-out-quart"], body[data-aos-easing="ease-out-quart"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing="ease-in-out-quart"], body[data-aos-easing="ease-in-out-quart"] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos^="fade"][data-aos^="fade"] { opacity: 0; transition-property: opacity, transform; }

[data-aos^="fade"][data-aos^="fade"].aos-animate { opacity: 1; transform: translateZ(0px); }

[data-aos="fade-up"] { transform: translate3d(0px, 100px, 0px); }

[data-aos="fade-down"] { transform: translate3d(0px, -100px, 0px); }

[data-aos="fade-right"] { transform: translate3d(-100px, 0px, 0px); }

[data-aos="fade-left"] { transform: translate3d(100px, 0px, 0px); }

[data-aos="fade-up-right"] { transform: translate3d(-100px, 100px, 0px); }

[data-aos="fade-up-left"] { transform: translate3d(100px, 100px, 0px); }

[data-aos="fade-down-right"] { transform: translate3d(-100px, -100px, 0px); }

[data-aos="fade-down-left"] { transform: translate3d(100px, -100px, 0px); }

[data-aos^="zoom"][data-aos^="zoom"] { opacity: 0; transition-property: opacity, transform; }

[data-aos^="zoom"][data-aos^="zoom"].aos-animate { opacity: 1; transform: translateZ(0px) scale(1); }

[data-aos="zoom-in"] { transform: scale(0.6); }

[data-aos="zoom-in-up"] { transform: translate3d(0px, 100px, 0px) scale(0.6); }

[data-aos="zoom-in-down"] { transform: translate3d(0px, -100px, 0px) scale(0.6); }

[data-aos="zoom-in-right"] { transform: translate3d(-100px, 0px, 0px) scale(0.6); }

[data-aos="zoom-in-left"] { transform: translate3d(100px, 0px, 0px) scale(0.6); }

[data-aos="zoom-out"] { transform: scale(1.2); }

[data-aos="zoom-out-up"] { transform: translate3d(0px, 100px, 0px) scale(1.2); }

[data-aos="zoom-out-down"] { transform: translate3d(0px, -100px, 0px) scale(1.2); }

[data-aos="zoom-out-right"] { transform: translate3d(-100px, 0px, 0px) scale(1.2); }

[data-aos="zoom-out-left"] { transform: translate3d(100px, 0px, 0px) scale(1.2); }

[data-aos^="slide"][data-aos^="slide"] { transition-property: transform; }

[data-aos^="slide"][data-aos^="slide"].aos-animate { transform: translateZ(0px); }

[data-aos="slide-up"] { transform: translate3d(0px, 100%, 0px); }

[data-aos="slide-down"] { transform: translate3d(0px, -100%, 0px); }

[data-aos="slide-right"] { transform: translate3d(-100%, 0px, 0px); }

[data-aos="slide-left"] { transform: translate3d(100%, 0px, 0px); }

[data-aos^="flip"][data-aos^="flip"] { backface-visibility: hidden; transition-property: transform; }

[data-aos="flip-left"] { transform: perspective(2500px) rotateY(-100deg); }

[data-aos="flip-left"].aos-animate { transform: perspective(2500px) rotateY(0deg); }

[data-aos="flip-right"] { transform: perspective(2500px) rotateY(100deg); }

[data-aos="flip-right"].aos-animate { transform: perspective(2500px) rotateY(0deg); }

[data-aos="flip-up"] { transform: perspective(2500px) rotateX(-100deg); }

[data-aos="flip-up"].aos-animate { transform: perspective(2500px) rotateX(0deg); }

[data-aos="flip-down"] { transform: perspective(2500px) rotateX(100deg); }

[data-aos="flip-down"].aos-animate { transform: perspective(2500px) rotateX(0deg); }

.carousel .control-arrow, .carousel.carousel-slider .control-arrow { transition: 0.25s ease-in; opacity: 0.4; position: absolute; z-index: 2; top: 20px; background: none; border: 0px; font-size: 32px; cursor: pointer; }

.carousel .control-arrow:focus, .carousel .control-arrow:hover { opacity: 1; }

.carousel .control-arrow::before, .carousel.carousel-slider .control-arrow::before { margin: 0px 5px; display: inline-block; border-top: 8px solid transparent; border-bottom: 8px solid transparent; content: ""; }

.carousel .control-disabled.control-arrow { opacity: 0; cursor: inherit; display: none; }

.carousel .control-prev.control-arrow { left: 0px; }

.carousel .control-prev.control-arrow::before { border-right: 8px solid rgb(255, 255, 255); }

.carousel .control-next.control-arrow { right: 0px; }

.carousel .control-next.control-arrow::before { border-left: 8px solid rgb(255, 255, 255); }

.carousel-root { outline: none; }

.carousel { position: relative; width: 100%; }

.carousel * { box-sizing: border-box; }

.carousel img { width: 100%; display: inline-block; pointer-events: none; }

.carousel .carousel { position: relative; }

.carousel .control-arrow { outline: 0px; border: 0px; background: none; top: 50%; margin-top: -13px; font-size: 18px; }

.carousel .thumbs-wrapper { margin: 20px; overflow: hidden; }

.carousel .thumbs { transition: 0.15s ease-in; transform: translateZ(0px); position: relative; list-style: none; white-space: nowrap; }

.carousel .thumb { transition: border 0.15s ease-in; display: inline-block; margin-right: 6px; white-space: nowrap; overflow: hidden; border: 3px solid rgb(255, 255, 255); padding: 2px; }

.carousel .thumb:focus { border: 3px solid rgb(204, 204, 204); outline: none; }

.carousel .thumb.selected, .carousel .thumb:hover { border: 3px solid rgb(51, 51, 51); }

.carousel .thumb img { vertical-align: top; }

.carousel.carousel-slider { position: relative; margin: 0px; overflow: hidden; }

.carousel.carousel-slider .control-arrow { top: 0px; color: rgb(255, 255, 255); font-size: 26px; bottom: 0px; margin-top: 0px; padding: 5px; }

.carousel.carousel-slider .control-arrow:hover { background: rgba(0, 0, 0, 0.2); }

.carousel .slider-wrapper { overflow: hidden; margin: auto; width: 100%; transition: height 0.15s ease-in; }

.carousel .slider-wrapper.axis-horizontal .slider { display: flex; }

.carousel .slider-wrapper.axis-horizontal .slider .slide { flex-flow: column; }

.carousel .slider-wrapper.axis-vertical { display: flex; }

.carousel .slider-wrapper.axis-vertical .slider { flex-direction: column; }

.carousel .slider { margin: 0px; padding: 0px; position: relative; list-style: none; width: 100%; }

.carousel .slider.animated { transition: 0.35s ease-in-out; }

.carousel .slide { min-width: 100%; margin: 0px; position: relative; text-align: center; }

.carousel .slide img { width: 100%; vertical-align: top; border: 0px; }

.carousel .slide iframe { display: inline-block; width: calc(100% - 80px); margin: 0px 40px 40px; border: 0px; }

.carousel .slide .legend { position: absolute; bottom: 40px; left: 50%; margin-left: -45%; width: 90%; border-radius: 10px; background: rgb(0, 0, 0); color: rgb(255, 255, 255); padding: 10px; font-size: 12px; text-align: center; opacity: 0.25; transition: opacity 0.35s ease-in-out; }

.carousel .control-dots { position: absolute; bottom: 0px; margin: 10px 0px; padding: 0px; text-align: center; width: 100%; z-index: 1; }

@media (min-width: 960px) {
  .carousel .control-dots { bottom: 0px; }
}

.carousel .control-dots .dot { transition: opacity 0.25s ease-in; opacity: 0.3; box-shadow: rgba(0, 0, 0, 0.9) 1px 1px 2px; background: rgb(255, 255, 255); border-radius: 50%; width: 8px; height: 8px; cursor: pointer; display: inline-block; margin: 0px 8px; }

.carousel .control-dots .dot.selected, .carousel .control-dots .dot:hover { opacity: 1; }

.carousel .carousel-status { position: absolute; top: 0px; right: 0px; padding: 5px; font-size: 10px; text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px; color: rgb(255, 255, 255); }

.carousel:hover .slide .legend { opacity: 1; }

#more { display: none; }