@charset "UTF-8";
/*!
 * 2022-06-06   v0.0.0
 * 2022-06-09   v0.0.1
 * 2022-06-15   v0.0.2

 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
/*------------------------------------*/
:root {
  --bs-font-sans-serif: "Montserrat", sans-serif;
}

.bg-fs-masthead { background-color: #04182E !important; }
.bg-fs-nav { background-color: #041E3D !important; }
.bg-fs-footer { background-color: #04182E !important; }

.bg-fs-blue { background-color: #004E99 !important; }
.bg-fs-gray { background-color: #EFF1F2 !important; }

.bg-fs-green-gradient {
  background: rgb(134,251,128);
  background: linear-gradient(45deg, rgba(134,251,128,1) 0%, rgba(134,251,128,1) 0%, rgba(0,167,229,1) 100%);
}

.hr-fs-gray {
    height: 1px;
    background-color: #C4C4C4;
    border: none;
}

.fs-fs-75rem {  font-size: 0.75rem; }
.fs-fs-125rem {  font-size: 1.25rem; }
.fs-fs-150rem {  font-size: 1.50rem; }
.fs-fs-250rem {  font-size: 2.50rem; }
.fs-fs-40px {  font-size: 40px; line-height: 48px; }
.fs-fs-64px {  font-size: 64px; line-height: 68px; }

.fw-fs-500 { font-weight: 500 !important; }
.fw-fs-600 { font-weight: 600 !important; }
.fw-fs-700 { font-weight: 700 !important; }

.h-fs-40px { height: 40px; }
.h-fs-49px { height: 49px; }
.h-fs-64px { height: 64px; }
.h-fs-72px { height: 72px; }
.h-fs-76px { height: 76px; }

.w-fs-175px { width: 175px; }
.w-fs-250px { width: 250px; }

.mb-40px { margin-bottom: 40px !important; }
.mb-80px { margin-bottom: 80px !important; }
.mb-96px { margin-bottom: 96px !important; }

.mt-40px { margin-top: 40px !important; }
.mt-80px { margin-top: 80px !important; }
.mt-96px { margin-top: 96px !important; }

.pb-40px { padding-bottom: 40px !important; }
.pb-80px { padding-bottom: 80px !important; }
.pb-96px { padding-bottom: 96px !important; }

.pt-40px { padding-top: 40px !important; }
.pt-80px { padding-top: 80px !important; }
.pt-96px { padding-top: 96px !important; }


.flag-us {
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("flags/flag-us.png");
  background-size: 32px 21px;
  padding-left: 44px;
}
.flag-mideast {
    display: inline-block;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url("flags/flag-mideast.png");
    background-size: 32px 21px;
    padding-left: 44px;
    min-width: 85%;
}

.flag-brasil {
    display: inline-block;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url("flags/flag-brasil.png");
    background-size: 32px 21px;
    padding-left: 44px;
    min-width: 85%;
}

.flag-mexico {
    display: inline-block;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url("flags/flag-mexico.png");
    background-size: 32px 21px;
    padding-left: 44px;
    min-width: 85%;
}

.flag-france {
    display: inline-block;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url("flags/flag-france.png");
    background-size: 32px 21px;
    padding-left: 44px;
    min-width: 85%;
}

.flag-united-kingdom {
    display: inline-block;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url("flags/flag-united-kingdom.png");
    background-size: 32px 21px;
    padding-left: 44px;
    min-width: 85%;
}

.flag-germany {
    display: inline-block;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url("flags/flag-germany.png");
    background-size: 32px 21px;
    padding-left: 44px;
    min-width: 85%;
}
.flag-italy {
    display: inline-block;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url("flags/flag-italy.png");
    background-size: 32px 21px;
    padding-left: 44px;
    min-width: 85%;
}

.flag-japan {
    display: inline-block;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url("flags/flag-japan.png");
    background-size: 32px 21px;
    padding-left: 44px;
    min-width: 85%;
}

.flag-south-korea {
    display: inline-block;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url("flags/flag-south-korea.png");
    background-size: 32px 21px;
    padding-left: 44px;
    min-width: 85%;
}

.flag-china {
    display: inline-block;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url("flags/flag-china.png");
    background-size: 32px 21px;
    padding-left: 44px;
    min-width: 85%;
}

.flag-russia {
    display: inline-block;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url("flags/flag-russia.png");
    background-size: 32px 21px;
    padding-left: 44px;
    min-width: 85%;
}
.flag-georgia {
    display: inline-block;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url("flags/flag-georgia.png");
    background-size: 32px 21px;
    padding-left: 44px;
    min-width: 85%;
}

.icon-fs-social {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
}

.icon-fs-facebook { background-image: url("icons/icon-facebook.png");}
.icon-fs-twitter { background-image: url("icons/icon-twitter.png");}
.icon-fs-instagram { background-image: url("icons/icon-instagram.png");}
.icon-fs-linkedin { background-image: url("icons/icon-linkedin.png");}
.icon-fs-youtube { background-image: url("icons/icon-youtube.png");}

nav .nav-link {
    color: white;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    text-decoration: none;
    padding-left: 0;
    padding-right: 0;
    margin-left: 25px;
    margin-right: 25px;
}

nav .nav-link:hover {
    color: #75F881;
}
nav .nav-link.active {
    color: #75F881;
    border-bottom: 2px solid #75F881;
}

.btn-fs {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  background-color: #41F97D;
  border-radius: 4px;
  border: none;

  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-fs:hover {
  background-color: #88FFAF;
}

.btn-fs-outlined-green {
    color: #41F97D;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-align: left;
    background-color: transparent;
    border: 1px solid #41F97D;
    border-radius: 4px;

    width: 210px;
    padding: 18px 10px 18px 20px;
}
.btn-fs-outlined-green:hover {
  color: #fff;
  background-color: #41F97D;
}

.btn-fs-outlined-blue {
    color: #004E99;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    background-color: transparent;
    border: 2px solid #004E99;
    border-radius: 4px;

    padding: 18px 40px;
}
.btn-fs-outlined-blue:hover {
  color: #fff;
  background-color: #004E99;
}

.btn-fs-unbordered-white {
    color: white;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    background-color: transparent;
    border: none;

    padding: 18px 40px;
    text-decoration: none;
}

.btn-fs-unbordered-white:hover {
    color: white !important;
    text-decoration: underline;
}

.btn-fs-unbordered-white:focus {
    color: white !important;
    text-decoration: underline;
}


.btn:focus {
  outline: none;
  box-shadow: none;
}

.icon-caret {
    display: inline-block;
    width: 22px;
    height: 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 22px 14px;
    transition: all linear 0.25s;
}
.collapsed .icon-caret {
  transform: rotate(180deg);
}

.icon-caret-up-white {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 14' fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'><path d='M20 12L11 3L2 12'/></svg>");
}
.icon-caret-down-white {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 14' fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'><path d='M2 1.5L11 10.5L20 1.5'/></svg>");
}

.icon-caret-up-black {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 14' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'><path d='M20 12L11 3L2 12'/></svg>");
}
.icon-caret-down-black {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 14' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'><path d='M2 1.5L11 10.5L20 1.5'/></svg>");
}

.accordion-fs .accordion-item {
    border:  none;
}
.accordion-fs .accordion-button {
    padding: 1rem 0;
    color: #000000;
    text-align: left;
    background-color: transparent;
    box-shadow: none;
}


.accordion-fs .accordion-button::after {
    background-image: none;
}

.accordion-button:not(.collapsed)::after {
    background-image: none;
}

.accordion-fs .accordion-body {
  padding: 0 0;
}

footer a {
    text-decoration: none;
}

.video-player {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.video-player iframe, .video-player object, .video-player embed {
    position: absolute; top: 0;
    left: 0; width: 100%;
    height: 100%;
}

.bg-splash-fs {
  max-width: 1440px;
  background-image: url('../images/splash/fifa_wc_2026.jpg');
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
}

html[dir=rtl] .bg-splash-fs {
  background-position: top right;
  background-image: url('../images/splash/fifa_wc_2026-rtl.jpg');
}

.bg-splash-philippines-fs {
    max-width: 1440px;
    background-image: url('../images/splash/splash-philippines.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
}

html[dir=rtl] .bg-splash-philippines-fs {
    background-position: top right;
    background-image: url('../images/splash/splash-philippines-rtl.jpg');
}

.bg-splash-uae-fs {
    max-width: 1440px;
    background-image: url('../images/splash/splash-uae.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
}

html[dir=rtl] .bg-splash-uae-fs {
    background-position: top right;
    background-image: url('../images/splash/splash-uae-rtl.jpg');
}
/* This is to handle the app store and play store icons in mobile and desktop views */
.apple-margin{
    margin-bottom: 0;
}
.google-margin{
    margin-top: 0;
}
@media (max-width: 338px) {
    .apple-margin{
        margin-bottom: 15px;
    }
    .play-margin{
        margin-top: 15px;
    }
}

@media (min-width: 768px) {
  .accordion-fs .collapse:not(.show) {
      display: inherit !important;
  }
  .collapsing {
    height: unset !important;
  }
}

@media (min-width: 992px) {
  .fs-fs-lg-64px {
      font-size: 64px; line-height: 68px;
  }

  .pt-lg-210px {
    padding-top: 210px !important;
  }
  .pb-lg-210px {
    padding-bottom: 210px !important;
  }
    .pb-lg-90px {
        padding-bottom: 90px !important;
    }
}




/* ------------------------------------*/
/*# sourceMappingURL=bootstrap.css.map */