.container { max-width: 1260px; } a{ text-decoration: none; color: #2b2b2b; transition: all 0.3s ease-in-out; } section{ padding: 30px 0px; } .container { max-width: 1240px; } .airlineRoute_sect{ padding: 80px 0px 30px; position: relative; z-index: 1; } .arltitle{ font-size: 28px; font-weight: 600; margin-top: 15px; margin-bottom: 20px; color: #2b2b2b; } .topairline_sect{ width: 100%; padding: 25px 0px 40px; padding-top: 80px; /* float: left; */ background-color: #fff; } .topairline_sect.detailsstn{ padding: 25px 0px 40px; padding-top: 25px; } .airline_content.airline_details_content{ padding-top: 90px; } .airlineList{ width: 100%; display: grid; grid-template-columns: repeat(4,1fr); column-gap: 18px; row-gap: 20px; margin: 0px; padding: 0px; padding-bottom: 15px; } .airlineList.airroute{ grid-template-columns: repeat(3,1fr); } .airlineList li{ list-style: none; width: 100%; font-size: 14px; font-weight: 500; color: #2b2b2b; text-align: left; } .airlineList li a{ text-decoration: none; color: #2b2b2b; font-size: 14px; font-weight: 500; display: flex; justify-content: flex-start; align-items: flex-start; column-gap: 10px; border: 1px solid #ffe0c5; padding: 12px 20px; border-radius: 32px; position: relative; } .airlineList li a:hover{ border-color: #FF7800; color: #FF7800; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 10%); } .airlineList li a:hover .rightarow{ opacity: 1; right: 15px } .airlineList li a .planeicon{ width: 18px; height: 18px; position: relative; top: 3px; } .rightarow{ position: absolute; right: 22px; top: 12px; width: 22px; height: 22px; opacity: 0; transition: all 0.25s ease-in-out; } .airline_content{ width: 100%; padding: 30px 0px; /* float: left; */ background-color: #fff; } .airline_content h1, h2, h3{ font-size: 24px; font-weight: 600; margin-top: 30px; margin-bottom: 15px; color: #2b2b2b; } .airline_content h1, h2, h3:first-child{ margin-top: 0px; } .airline_content h4{ font-size: 20px; font-weight: 600; margin-top: 15px; margin-bottom: 15px; color: #2b2b2b; } .airline_content h5{ font-size: 18px; font-weight: 500; margin-top: 15px; margin-bottom: 15px; color: #2b2b2b; } .airline_content p{ font-size: 14px; font-weight: 400; color: #2b2b2b; } .airlinebk_list{ margin: 0px; padding: 0px; padding-left: 25px; margin-bottom: 20px; } .airlinebk_list li{ font-size: 14px; font-weight: 400; color: #2b2b2b; margin-top: 10px; } .airline_content ul{ margin: 0px; padding: 0px; padding-left: 25px; margin-bottom: 20px; } .airline_content li{ font-size: 14px; font-weight: 400; color: #2b2b2b; margin-top: 8px; } .airline_content li p{ margin-bottom: 0px; } .airloffer_modal{ width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background: rgba(0, 0, 0, 65%); z-index: 9999; display: none; opacity: 0; /* transition: opacity 0.3s ease; */ transition: all 0.ss ease-out; } .airloffer_modal.show { display: block; opacity: 1; } .airlmodal_content{ max-width: 600px; width: 100%; background: #fff; padding: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 15px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 10%); text-align: center; /* transition: transform .3s ease-out; */ animation: modalDown 0.3s ease-out; } @keyframes modalDown { 0%{ transform: translate(-50%, -50%) translateY(-30px); } 100%{ transform: translate(-50%, -50%) translateY(0px); } } .openmodal{ overflow: hidden; } .modal-close{ position: absolute; top: 15px; right: 15px; cursor: pointer; width: 25px; height: 25px; z-index: 10; } .modal-close img{ width: 18px; height: 18px; opacity: 0.5; } .calllist{ display: flex; justify-content: center; align-items: center; column-gap: 15px; margin-bottom: 25px; } .calllist li{ list-style: none; font-size: 15px; } .calllist li a{ text-decoration: none; color: #282828; font-size: 18px; font-weight: 700; display: flex; align-items: center; column-gap: 5px; padding: 10px 15px; background-color: #ffe8d4; border-radius: 32px; transition: all 0.3s ease-in-out; } .calllist li a:hover{ color: #FF7800 } /* .calllist li a img{ width: 22px; height: 18px; } */ .airlmodal_content h2, h3{ font-size: 24px; font-weight: 600; margin-top: 4px; margin-bottom: 15px; color: #2b2b2b; } .airlmodal_content h4{ font-size: 16px; font-weight: 600; margin-top: 0px; margin-bottom: 18px; color: #4c4c4c; } .airlmodal_content p{ font-size: 14px; font-weight: 400; color: #2b2b2b; margin-bottom: 25px; } .supportlist{ list-style: none; margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 15px; row-gap: 10px; } .supportlist li{ display: flex; column-gap: 6px; font-size: 14px; color: #2b2b2b; text-align: left; } .supportlist li img{ width: 28px; height: 28px; } .bottom_modal_content{ width: 100%; padding: 20px 22px 15px; max-width: 1050px; box-shadow: 0px 0px 12px 0px #00000021; border-radius: 12px; } .bottom_modal_content h2, h3{ font-size: 20px; font-weight: 600; margin-top: 0px; margin-bottom: 18px; color: #2B2B2B; } .bottom_modal_content h4{ font-size: 16px; font-weight: 600; margin-top: 0px; margin-bottom: 18px; color: #4c4c4c; } .bottom_modal_content p{ font-size: 14px; font-weight: 400; color: #2B2B2B; margin-bottom: 18px; } .bottom_modal_right h3{ margin-bottom: 18px; } .bottom_modal{ width: 1050px; position: fixed; bottom: 18px; left: 50%; z-index: 999; background: #fff; border-radius: 15px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 10%); transform: translateX(-50%) translateY(0px); display: block; transition: all 0.3s ease-in-out; animation: bottomup 0.3s ease-in-out; border-radius: 12px; } @keyframes bottomup { 0%{ transform: translateX(-50%) translateY(150px); } 100%{ transform: translateX(-50%) translateY(0px); } } /* .bottom_modal.bottomfix{ display: block; } */ .bottom_modal_content .calllist{ /* flex-direction: column; */ justify-content: flex-start; row-gap: 15px; } .bottom_modal_content  .supportlist li{ font-size: 14px; } .botm-modal-close{ position: absolute; top: 15px; right: 15px; cursor: pointer; width: 25px; height: 25px; z-index: 10; } .botm-modal-close img{ width: 18px; height: 18px; opacity: 0.5; } .bottom_modal_right{ width: 100%; } /*---- Route Pages Css  -----*/ .routeSection{ width: 100%; padding: 30px 0px 40px; padding-top: 80px; background-color: #ffffff; /* float: left; */ } .airlineList.routeList li a{ /* border-radius: 10px; */ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 8%); } @media screen and (min-width: 992px) and (max-width: 1500px){ .calllist li a{ font-size: 16px; } } /* @media screen and (max-width: 1320px){ .bottom_modal{ left: 23%; transform: translateX(-50%) translateY(0px); } @keyframes  bottomup { 0%{ transform: translateX(-50%) translateY(0px); } 100%{ transform: translateX(-15%) translateY(0px); } } } */ /* @media screen and (max-width: 1220px){ .bottom_modal { left: 10%; transform: translateX(-5%) translateY(0px); } @keyframes  bottomup { 0%{ transform: translateX(-5%) translateY(0px); } 100%{ transform: translateX(-5%) translateY(0px); } } } */ @media screen and (max-width: 1240px){ .airlineList{ grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 1120px){ .bottom_modal{ left: 0%; transform: translateX(4%) translateY(0px); width: 93%; } @keyframes  bottomup { 0%{ transform: translateX(4%) translateY(0px); } 100%{ transform: translateX(4%) translateY(0px); } } } @media screen and (max-width: 767px){ .airlineList{ grid-template-columns: repeat(2, 1fr); } .airlmodal_content h2, h3{ font-size: 18px; margin-top: 12px; margin-bottom: 8px; } .bottom_modal_right{ display: none; } /* .bottom_modal{ left: 0%; transform: translateX(4%) translateY(0px); width: 93%; } @keyframes  bottomup { 0%{ transform: translateX(4%) translateY(120px); } 100%{ transform: translateX(4%) translateY(0px); } } */ .bottom_modal_content .row .col-lg-6:last-child{ display: none; } .calllist{ margin-bottom: 0px; } .botm-modal-close{ top: 10px; right: 8px; } .bottom_modal_content{ padding: 25px 20px 6px; } .airline_content h1, h2, h3{ font-size: 18px; } } @media screen and (max-width: 576px){ .calllist{ flex-direction: column; row-gap: 15px; width: 100%; } .calllist li{ width: 100%; } .calllist li a{ width: 100%; justify-content: center; font-size: 22px; border-radius: 8px; padding: 7px 15px; } .airlmodal_content h4{ margin-top: 15px; font-size: 15px; } .airlineList{ grid-template-columns: repeat(1, 1fr); } .airlmodal_content{ max-width: 450px; padding: 16px; } .bottom_modal_content h2{ font-size: 16px; text-align: center; margin-top: -13px; } .bottom_modal_content p{ display: none;; } .supportlist{ grid-template-columns: repeat(1, 1fr); row-gap: 5px; } .supportlist li{ font-size: 14px; } .airlmodal_content p{ margin-bottom: 17px; } .bottom_modal{ box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 34%); } .bottom_modal_content{ background-color: #f6f6f6; box-shadow: 0px 0px 16px 0px #00000021; } } @media screen and (max-width: 450px){ .airlmodal_content{ max-width: 330px; } .airlmodal_content p{ font-size: 13px; } .calllist li a{ font-size: 20px; } } @media screen and (max-width: 355px){ .airlmodal_content{ max-width: 320px; } .calllist li a{ font-size: 18px; } }


.special_phone_deal{
    display: none;
}

.tfnbtn{
    display: none;
}

.bottom_modal .bottom_modal_content .calllist{
    margin-bottom: 12px;
}

.bottom_modal .bottom_modal_content h2, h3{
    margin-bottom: 10px;
}