@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
html {
    font-size: 62.5%;
}
@media (min-width: 768px) {
    html {
        font-size: 40%;
   }
}
@media (min-width: 992px) {
    html {
        font-size: 48%;
   }
}
@media (min-width: 1200px) {
    html {
        font-size: 56%;
   }
}
@media (min-width: 1300px) {
    html {
        font-size: 62.5%;
   }
}
@media (min-width: 1600px) {
    html {
        font-size: 70%;
   }
}
@media (min-width: 2100px) {
    html {
        font-size: 85%;
   }
}
@media (min-width: 3100px) {
    html {
        font-size: 100%;
   }
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-size: initial;
}
body{
    background-color: #000;
}
.dFlex{
    display: flex;
}
.topHead {
    margin-bottom: 1rem ;
}
.topHead .imgWrapper img{
    width: 100%;
}
.topHead h2{
    font-size: 2.8rem;
    text-transform: capitalize;
    padding-left: .2rem;
    color: #fff;
    padding-left: 2rem;
    font-family: "Roboto", sans-serif !important;
}
.topHead .imgWrapper{
    width: 6rem;
    height: 6rem;
}
.fids{
    padding:2rem;
}
ul li{
    list-style-type: none;
}
.bannerHeader{
    justify-content: space-between;
    width: 100%;
}
.bannerHeader li{
    text-transform: capitalize;
    font-size: 2.8rem;
    padding: .5rem;
    color: #fff;
    font-family: "Roboto", sans-serif !important;

}
.fidsContent li.row{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    background-color: #242424;
    padding: 0.2rem .5rem;
    margin-bottom: 1px;
}

.fidsContent li.row:nth-child(even){
    background-color: #1a1a1a;
}
.destination li span,
.flight li span,
.gate li span,
.time li span,
.gap li span {
    /* font-size: 2.8rem; */
    font-size: 2.5rem;
    padding: .6rem 0;
    /* background-color: #3c2e05; */
    /* color: #b8a947; */
    color: #FFF;
    margin: .1rem;
    font-family: "Roboto", sans-serif !important;
    display: inline-block;
    /* width: 2.91rem; */
    width: 3.91rem;
    text-align: center;
}
.fidsContent li.row ul li {
    display: flex;
}
/* .fidsContent li.row {
    gap: .2rem;
} */
.bannerHeader li:first-child {
    /* width: 45%; */
    width: 20%;
}
.bannerHeader li:nth-child(2) {
    /* width: 8%; */
    width: 61%;
}
.bannerHeader li:nth-child(3) {
    /* width: 43%; */
    width: 26%;
    display: flex;
    justify-content: center;
}
.bannerHeader li:nth-child(4) {
    width: 10.8rem;
}
ul.destination {
    /* width: 45%; */
    width: 48%;
}
ul.gap {
    /* width: 2%; */
    width: 4%;
    opacity: 0;
}
ul.time {
    /* width: 8%; */
    width: 10%;
}
ul.destination ~ ul.destination {
    /* width: 43%; */
    width: 25%;
    display: flex;
    justify-content: center;
}

/* New CSS */
.fidsAlt {
    padding: 2rem;
}
.HeaderFlex {
    display: flex;
    align-items: center;
}
.HeaderFlex h2 {
    color: white;
    font-size: 30px;
    margin-left: 20px;
}
.HeaderFlex .imgWrapper {
    width: 6rem;
    height: 6rem;
    display: flex;
}
.flightFlex {
    display: flex;
}
.flightFlex p, .flightFlex .block h2 {
    font-size: 2.2rem;
    color: #d1be43;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    margin-top: 10px;
}
.flightFlex .block h2 {
    font-weight: 500;
    letter-spacing: 1px;
}
.flightFlex .block:first-child {
    width: 32.8rem;
}
.flightFlex .block:nth-child(2) {
    width: 49.4rem;
}
.flightFlex .block:nth-child(3) {
    width: 71rem;
}
.flightFlex .block:nth-child(4) {
    width: 10.8rem;
}
.row-logos {
   display: flex;
   margin-bottom: 10px;
   align-items: center;
   justify-content: center;
}
.row-logos .col-4 {
   width: 33.3%;
}
.row-logos .col-4 img {
   max-width: 100%;
   width: 40%;
}
.logo-left {
  text-align: left;
}
.logo-center {
  text-align: center;
}
.logo-center img {
  width: 70% !important;
}
.logo-right {
  text-align: right;
}