@font-face {
     font-family: 'Bellefair';
     src: url('../assets/fonts/Bellefair.ttf');
}
 @font-face {
     font-family: 'Inter';
     src: url('../assets/fonts/Inter-Regular.ttf');
}
 @font-face {
     font-family: 'InterMedium';
     src: url('../assets/fonts/Inter-Medium.ttf');
}
 @font-face {
     font-family: 'InterBold';
     src: url('../assets/fonts/Inter-Bold.ttf');
}
 * {
     margin: 0;
     padding: 0;
     border: 0;
}
 a {
     text-decoration: none !important;
}
 p, h4, h2, ul {
     margin-bottom: 0 !important;
}
 ul {
     padding-left: 24px !important;
}
 body {
     height: fit-content;
}
/* Small devices */
 .breadcrumb-section {
     padding: 0px 16px;
}
 .hero-section {
     padding: 24px 16px 16px 16px;
     height: 130px;
     gap: 80px;
     background: linear-gradient(3deg, #000 3.05%, rgba(0, 0, 0, 0.00) 90.71%), linear-gradient(270deg, rgba(208, 203, 210, 0.00) 85.26%, #D0CBD2 90.64%), url("../assets/InFlightExperience/electronicDevice.jpg") lightgray 37px -32.92px / 90.256% 182.96% no-repeat;
}
 .hero-title {
     color: var(--gray-text-invert, #FFF);
    /* Mobile/Display-2 */
     font-family: 'Bellefair';
     font-size: 24px;
     font-style: normal;
     font-weight: 400;
     line-height: 150%;
    /* 36px */
     text-transform: uppercase;
     margin-bottom: 0;
}
 .container1-section {
     display: flex;
     padding: 40px 16px;
     flex-direction: column;
     align-items: flex-start;
     gap: 24px;
     align-self: stretch;
     background: var(--gray-surface-weak, #F9F9FC);
}
 .container1-section div {
     gap: 24px;
}
 .container1-section .device-card {
     display: flex;
     flex-direction: column;
     padding: 24px 16px;
     gap: 24px;
     border-radius: 8px;
     border: 1px solid var(--gray-stroke-weak, #F2F2FA);
     background: #FFF;
}
 .device-card h4 {
     color: var(--gray-text-strong, #2C3059);
    /* Mobile/H4 — Bold */
     font-family: 'InterBold';
     font-size: 18px;
     font-style: normal;
     font-weight: 700;
     line-height: 150%;
    /* 27px */
}
 .device-card .device-list {
     display: flex;
     flex-direction: column;
     gap: 16px;
     color: var(--gray-text-strong, #2C3059);
    /* Body/Body — Medium */
     font-family: 'InterMedium';
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: 160%;
    /* 25.6px */
}
 .device-card .device-list span {
     display: flex;
     align-items: self-start;
}
 .device-card .device-list img {
     width: 24px;
     height: 24px;
     margin-right: 12px;
}
 .footnote {
     color: var(--gray-text, #6A6D87);
    /* Small/Small — Regular */
     font-family: 'Inter';
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: 160%;

    /* 22.4px */
}
.boeing-services .footnote {
  padding: 0px 16px 60px 16px;
}
 .container2-section {
     display: flex;
     padding: 40px 16px 60px 16px;
     flex-direction: column;
     align-items: flex-start;
     gap: 32px;
}
 .container2-section div {
     gap: 32px;
}
 .container2-section h2 {
     color: var(--gray-text-strong, #2C3059);
    /* Mobile/Display-2 */
     font-family: 'Bellefair';
     font-size: 24px;
     font-style: normal;
     font-weight: 400;
     line-height: 150%;
    /* 36px */
     text-transform: uppercase;
     margin-bottom: 8px !important;
}
 .container2-section p {
     color: var(--gray-text, #6A6D87);
    /* Body/Body — Regular */
     font-family: 'Inter';
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 160%;
    /* 25.6px */
}
 .cabin-instruction {
     color: var(--gray-text-strong, #2C3059);
    /* Mobile/H4 — Medium */
     font-family: 'InterMedium';
     font-size: 18px;
     font-style: normal;
     font-weight: 500;
     line-height: 150%;
     padding-left: 10px;
     padding-right: 10px;
    /* 27px */
}
 .cabin-instruction span {
     color: var(--gray-text-strong, #2C3059);
    /* Mobile/H4 — Bold */
     font-family: 'InterBold';
     font-size: 16px;
     font-style: normal;
     font-weight: 700;
     line-height: 150%;
}
 .cabin-list {
     display: flex;
     flex-direction: column;
     gap: 32px !important;
     margin-top: 40px;
}
 .cabin-detail {
     display: flex;
     flex-direction: column;
     gap: 8px !important;
}
 .cabin-detail h4 {
     color: var(--gray-text-strong, #2C3059);
    /* Mobile/Display-3 */
     font-family: 'Bellefair';
     font-size: 20px;
     font-style: normal;
     font-weight: 400;
     line-height: 150%;
    /* 30px */
     text-transform: uppercase;
}
 .cabin-detail p {
     color: var(--gray-text, #6A6D87);
    /* Small/Small — Medium */
     font-family: 'InterMedium';
     font-size: 14px;
     font-style: normal;
     font-weight: 500;
     line-height: 160%;
    /* 22.4px */
     margin-bottom: 8px !important;
}
/* Medium devices (tablets, 768px and up) */
 @media (min-width: 768px) {
     .breadcrumb-section {
         padding: 0px 150px;
    }
     .hero-section {
         height: 300px;
         padding: 72px 150px 32px 150px;
         background: linear-gradient(3deg, #000 3.05%, rgba(0, 0, 0, 0.00) 90.71%), linear-gradient(90deg, rgba(19, 6, 9, 0.00) 86.18%, #130609 93.16%), linear-gradient(270deg, rgba(129, 116, 102, 0.00) 72.88%, #A39281 79.49%, #655A4E 99.76%), url("../assets/InFlightExperience/electronicDevice.jpg") lightgray 285.724px -149.053px / 74.097% 232.8% no-repeat;
    }
     .hero-title {
         color: var(--gray-text-invert, #FFF);
        /* Desktop/Display-1 */
         font-family: 'Bellefair';
         font-size: 36px;
         font-style: normal;
         font-weight: 400;
         line-height: 150%;
        /* 54px */
         text-transform: uppercase;
    }
     .container1-section {
         display: flex;
         padding: 60px 150px;
         flex-direction: column;
         align-items: flex-start;
         gap: 32px;
         background: var(--gray-surface-weak, #F9F9FC);
    }
     .container1-section div {
         gap: 32px;
    }
     .container1-section .device-card {
         display: flex;
         flex-direction: column;
         padding: 32px 24px;
         gap: 32px;
         border-radius: 4px;
         border: 1px solid var(--gray-stroke-weak, #F2F2FA);
         background: #FFF;
    }
     .device-card h4 {
         color: var(--gray-text-strong, #2C3059);
        /* Desktop/H4 — Bold */
         font-family: 'InterBold';
         font-size: 20px;
         font-style: normal;
         font-weight: 700;
         line-height: 150%;
        /* 30px */
    }
     .device-card .device-list {
         display: flex;
         flex-direction: column;
         gap: 16px;
         color: var(--gray-text-strong, #2C3059);
        /* Desktop/H6 — Medium */
         font-family: 'InterMedium';
         font-size: 16px;
         font-style: normal;
         font-weight: 500;
         line-height: 150%;
        /* 24px */
    }
     .device-card .device-list span {
         display: flex;
         align-items: self-start;
    }
     .device-card .device-list img {
         width: 24px;
         height: 24px;
         margin-right: 12px;
    }
     .footnote {
         color: var(--gray-text, #6A6D87);
        /* Body/Body — Regular */
         font-family: 'Inter';
         font-size: 16px;
         font-style: normal;
         font-weight: 400;
         line-height: 160%;
        /* 25.6px */
    }
     .container2-section {
         display: flex;
         padding: 0px;
         margin-bottom: 5%;
         flex-direction: column;
         align-items: flex-start;
         gap: 60px;
         align-self: stretch;
    }
     .container2-section div {
         gap: 60px;
    }
     .container2-section h2 {
         color: var(--gray-text-strong, #2C3059);
        /* Desktop/Display-2 */
         font-family: 'Bellefair';
         font-size: 32px;
         font-style: normal;
         font-weight: 400;
         line-height: 150%;
        /* 48px */
         text-transform: uppercase;
         margin-bottom: 16px !important;
    }
     .container2-section p {
         color: var(--gray-text, #6A6D87);
        /* Body/Body — Regular */
         font-family: 'Inter';
         font-size: 16px;
         font-style: normal;
         font-weight: 400;
         line-height: 160%;
        /* 25.6px */
    }

     .cabin-instruction span {
         color: var(--gray-text-strong, #2C3059);
        /* Mobile/H4 — Bold */
         font-family: 'InterBold';
         font-size: 18px;
         font-style: normal;
         font-weight: 700;
         line-height: 150%;
    }
     .cabin-list {
         display: flex;
         flex-direction: column;
         gap: 32px !important;
         margin-top: 40px;
    }
     .cabin-detail {
         display: flex;
         flex-direction: column;
         gap: 16px !important;
    }
     .cabin-detail h4 {
         color: var(--gray-text-strong, #2C3059);
        /* Desktop/Display-4 */
         font-family: 'Bellefair';
         font-size: 24px;
         font-style: normal;
         font-weight: 400;
         line-height: 150%;
        /* 36px */
         text-transform: uppercase;
    }
     .cabin-detail p {
         color: var(--gray-text, #6A6D87);
        /* Body/Body — Medium */
         font-family: 'InterMedium';
         font-size: 16px;
         font-style: normal;
         font-weight: 500;
         line-height: 160%;
        /* 25.6px */
         margin-bottom: 0px !important;
    }
}
 .breadcrumb-section {
     display: flex;
     width: 100%;
     height: 40px;
     flex-direction: column;
     justify-content: center;
     align-items: start;
}
 .breadcrumb-content {
     width: auto;
     height: 21px;
}
 .dummy {
     display:flex;
     flex: 1 1 50%;
}
 .top-marign{
     margin-top:6%;
}
 .breadcrumb-item {
     display: flex;
}
 .breadcrumb-item a {
     color: var(--primary-text, #684B9B) !important;
    /* Small/Small — Medium */
     font-family: 'InterMedium';
     font-size: 14px;
     font-style: normal;
     font-weight: 500;
     line-height: 160%;
    /* 22.4px */
}
 .breadcrumb-item.active a {
     color: var(--gray-text, #6A6D87) !important;
    /* Small/Small — Medium */
     font-family: 'InterMedium';
     font-size: 14px;
     font-style: normal;
     font-weight: 500;
     line-height: 160%;
    /* 22.4px */
}
 .img-breadcrumb {
     width: 16px;
     height: 16px;
     margin-top: 3px;
     margin-left: 5.5px;
     margin-right: 5.5px;
}
 .hero-section {
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     align-items: flex-start;
}
 .cabinContainer {
     width: 100% !important;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap !important;
}
 .row-cols-md-2 .col {
     width: 50%;
}
 .row-cols-md-2 .col .dummy {
     display: flex;
}
 .row-cols-md-2 .col .dummy:nth-child(2) img{
     width: 22%;
     height: 40%;
}
 .boeing{
        display: block;
       	width: 100%;
        }
 @media (min-width: 768px) {
     .row-cols-md-2>* {
         flex: 0 0 auto;
         width: 50%;
    }

 .boeing-services{
      padding: 60px 150px;

        }

 .boeing{
        display: flex;
        flex-direction: row;
		width: 100%;
        }

 .boeing-col1{
		width: 50%;
        }
 .boeing-col2{
		width: 50%;
        }

}