@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');/* ---------------Header section--------- */.top-navdesk { font-family: 'Philosopher', sans-serif;display: grid;grid-template-columns: repeat(4, 1fr);align-items: center; grid-gap: 10px; padding: 10px 0px;}.header-content .links { width: 25%;}.links h3 { font-weight: 700;}.top-nav .top-num { color: #000000; text-decoration: none;}.header-social img { width: 100%; justify-content: center; align-items: center; margin: auto;}.top-navdesk{ display: grid;}.top-navmob{ display: none;}/* ---------------Navbaar------------- */.navbar-main { position: absolute; width: 100%; margin: auto;}.navbar { width: 100%; border-radius: 10px 10px 0px 0px; background-color: #fc500a; z-index: 1; align-items: center; padding: 10px !important; --bs-navbar-nav-link-padding-x: 1.5rem !important;}.navbar-nav .nav-link { font-family: 'Philosopher', sans-serif; text-transform: uppercase; color: white; font-weight: 500; font-size: 1.1rem;}.navbar-nav .nav-link:hover { text-transform: uppercase; color: white; background-color: #fc500a;}.carousel-control-next,.carousel-control-prev { width: 5% !important;}.navbar-collapse .nav-btn { background-color: #fc500a; color: white; text-transform: uppercase; font-weight: 500; border: none; padding: 7px 15px;}.navbar-collapse .nav-btn:hover { background-color: white;}.navbar-collapse .nav-btn a { font-family: 'Philosopher', sans-serif; color: white; text-decoration: none; text-align: center; text-transform: uppercase;}.navbar-collapse .nav-btn:hover a { color: #fc500a;}.navbar-nav li:hover>ul.dropdown-menu { display: block;}.dropdown-submenu { position: relative;}.dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px;}.dropdown-menu>li { text-transform: uppercase !important;}.dropdown-menu>li>a:hover:after { text-decoration: underline; transform: rotate(-90deg);}.dropdown-item:focus,.dropdown-item:hover { /*font-family: 'Philosopher', sans-serif;*/ color: white !important; background-color: #fc500a !important;}.navbar-toggler { color: white !important; background-color: #fc500a !important;}.reveal { position: relative; transform: translateY(150px); opacity: 0; transition: 1s all ease;}.reveal.active { transform: translateY(0); opacity: 1;}/* -----------booking form ---------- */.navbar-down-main { font-family: 'Philosopher', sans-serif; width: 90%; margin: auto; z-index: 111; left: 5%; right: 5%; padding: 15px;}.navbar-down-main .btn { background-color: #fc500a; color: white; width: 140px !important; margin: 0px 10px; padding: 10px;}.navbar-down { font-family: 'Philosopher', sans-serif; background-color: rgba(0, 0, 0, 0.6); border-radius: 10px; padding: 15px;}.navbar-down .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: white !important; border: 0px !important; border-radius: 0.375rem;}.nav-pills .nav-link { background: 0 0; border: 0; border-radius: var(--bs-nav-pills-border-radius); background-color: #fc500a !important; margin: 0px 5px;}.nav-pills .nav-link:hover { color: white;}.navbar-down-button { display: flex; align-items: center; justify-content: right; margin-top: 20px;}.navbar-down button { background-color: #fc500a; color: white; border: none; padding: 10px 30px; border-radius: 10px; font-weight: 500;}.navbar-down button:hover { background-color: #fc500a;color: #fff; } .navbar-down .navbar-down-button a { font-weight: 600 !important;}.navbar-down-main button:hover { background-color: white; color: #fc500a;}div.elem-group { margin: 10px 0;}label { display: block; padding-bottom: 10px; font-size: 1em; color: white;}label.customlabel { padding: 0px; font-size: 13px;}.nav-pills .nav-link.active,.nav-pills .show>.nav-link { color: white !important; background-color: #fc500a !important;}.nav { --bs-nav-link-color: white !important;}/* ---------------why with us --------- */.why-us-main { margin: 50px 0px; font-family: 'Philosopher', sans-serif;}.why-us-main h1 { font-family: 'Philosopher', sans-serif; font-size: 40px; color: #fc500a; font-weight: 700; text-transform: capitalize; margin-bottom: 30px; text-align: center;}.why-us { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px;}.why-us .why-us-1 { margin: 30px 0px; text-align: center; align-items: center;}.why-us .why-us-1 .d-flex h4 { color: black; font-weight: 600; font-size: 1.4rem;}.why-us .why-us-1 .d-flex p { font-size: 0.9rem; color: #515151;}.why-us .why-us-1 .d-flex img { padding: 5px;}/* --------------cards styling----------- */.cards-maindiv { margin: 50px 0px; font-family: 'Philosopher', sans-serif;}.cards-section { display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; grid-gap: 10px; font-family: 'Philosopher', sans-serif;}.cards-maindiv h1 { font-size: 40px; color: #fc500a; font-weight: 700; text-transform: capitalize;}.cards-maindiv p { font-family: 'Philosopher', sans-serif; color: #515151; font-size: 1.1rem;}.card { width: 100%; background-color: white; border-radius: 20px; align-items: center; text-align: center; margin-top: 40px; --bs-card-border-radius: 1rem !important; --bs-card-box-shadow: 20px gray;}.card-content { display: flex; flex-direction: column; align-items: center; text-align: center;}.card-content .image-sec { display: flex; flex-direction: column; justify-content: center; width: 100%; /* height: 250px; */}.card-content .image-sec img { width: 100%; height: 100%; border-radius: 10px 10px 0px 0px;}.cards-maindiv .card .card-content p { font-size: 1rem; color: #515151; margin-top: 10px;}.cards-maindiv .card .card-content p span { color: #fc500a; font-weight: 700; font-size: 1.5rem;}.cards-maindiv .card button { background-color: #fc500a; border: none; text-align: center; width: 100%; border-radius: 10px; padding: 5px 20px; font-size: 1rem; margin: 5px 0px;}.cards-maindiv .card button a { color: white; text-decoration: none;}/* -------------about us section --------- */.about-main { background-color: #ffffff; margin: 50px 0px;}.about-us { width: 100%; display: flex; border-radius: 30px;}.about-us .about-content { width: 50%; padding: 30px;}.about-us .about-content h1 { font-weight: 900; font-size: 3rem; color: white; opacity: 0.7; text-transform: capitalize;}.about-us .about-content h4 { font-weight: 700; font-size: 1.3rem; margin-top: 20px;}.about-us .about-content p { font-size: 0.9rem; margin-top: 20px;}.about-us .about-img { display: flex; width: 50%; justify-content: end;}.about-us .mob { display: none;}.about-us .about-img img { width: 100%; transform: translateY(50px);}.about-us .about-content .button { color: white; background-color: black; padding: 10px 20px; border-radius: 20px !important; margin-top: 20px; font-size: 1rem;}/* --------------------Our products styling---------- */.cards-maindiv1 { font-family: 'Philosopher', sans-serif; display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; grid-gap: 10px; margin: 40px 0px;}.cards-maindiv1 .card1 { font-family: 'Philosopher', sans-serif; width: 100%; background-color: #f2f3f4; border-radius: 20px !important; padding: 10px;}.services h1 { font-family: 'Philosopher', sans-serif; color: #fc500a; text-align: center; font-size: 40px; font-weight: 700; margin: 20px 0px;}.services p { font-family: 'Philosopher', sans-serif; /* font-weight: 500; */ color: #515151; font-size: 1rem; text-align: center;}.cards-maindiv1 .card1 .card-img { display: flex; flex-direction: column; justify-content: center; width: auto;}.cards-maindiv1 .card1 .card-img img { width: 100%; height: 100%;}/* ----------book ticket-------- */.book-ticket-main { background-color: #6a0b7fe8; margin: 50px 0px 0px 0px;}.book-ticket { display: flex; justify-content: center;}.book-ticket .image { padding: 10px 50px 0px 10px;}.book-ticket .image img { width: 100%;}.book-ticket .content { align-items: center; color: white; padding: 17px 80px; text-align: center;}.book-ticket .content a { color: white; font-size: 40px; text-decoration: none; font-weight: bold;}.book-ticket .content .amazing { font-size: 22px;}.book-ticket .content button { background-color: #fc500a; border: none; padding: 10px; border-radius: 10px;}.book-ticket .content button a { color: #fc500a; font-weight: bold; text-decoration: none;}/* ---------------footer ------------ */.footer-section-main { font-family: 'Philosopher', sans-serif; background-color: rgb(233, 232, 232);}.footer-section-main .footer-top { display: flex; align-items: center; padding: 20px 0px;}.footer-section-main .footer-top p { padding: 0px 30px; font-size: 15px; color: black; font-weight: 400; margin-bottom: 0;}.footer-section-main .footer-top svg { width: 100%; padding: 20px;}.footer-section-main .footer-bar { background-color: #fc500a; display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; text-align: start; padding: 10px; color: white;}.footer-section-main .footer-bar span { width: 50px; margin-left: auto; height: 50px; border-radius: 50%; background-color: white; padding: 12px; margin-right: auto;} .footer-section-main .footer-bar .div-icon { margin: auto;} /* .footer-section-main .footer-bar span svg{ text-align: center;} */ .footer-section-main .footer-bar span svg { color: #fc500a;}.footer-section-main .footer-bar h4 { color: white; margin-bottom: 0; font-weight: bold; font-size: 20px;}.footer-section-main .footer-bar a { color: white; text-decoration: none;}.footer-inner { text-align: center; padding: 20px;}.footer-section-main .footer-mid { padding: 0px 0px 30px 0px;}.footer-mid h5 { color: #fc500a; font-weight: bold; position: relative; margin: 0 0 10px; border-bottom: 1px solid rgba(204, 204, 204, 0.5); text-transform: uppercase; padding: 20px 0px}.footer-mid p { font-size: 14px; margin-bottom: 0;}.right-sec .d-flex ul li { list-style: none; line-height: 16px; margin: 0 0 10px; font-weight: 400;}.right-sec .d-flex ul li:hover { border-bottom: 2px dotted #fc500a;}.right-sec .d-flex ul { padding: 0px 0px 0px 10px !important;}.right-sec .d-flex ul li a { color: black !important; text-decoration: none; font-size: 14px;}.footer-section-main .footer-mid label { color: black !important; font-size: 12px; color: #fc500a !important; margin-bottom: 0;}.footer-section-main .footer-mid input { background-color: #fc500a; color: white !important;}.footer-section-main .footer-mid button { background-color: #fc500a; padding: 5px 15px; border: none; border-radius: 10px;}.footer-section-main .footer-mid button a { color: white; text-decoration: none;}.footer-inner .copyright { font-size: 14px; color: #fc500a;}.footer-inner .copyright a { color: #fc500a; text-decoration: none; font-weight: bold;}.footer-section-main .footer-mid svg { color: #fc500a;}.footer-section-main .footer-mid svg:hover { color: #fc500a;}/* ---------------city breaks page----------- */.packages .cards-maindiv-city { font-family: 'Philosopher', sans-serif; display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; grid-gap: 10px; margin-bottom: 30px;}.packages .cards-maindiv-city .card1 { width: 100%; background-color: #f2f3f4; border-radius: 20px !important; padding: 10px;}.packages .cards-maindiv-city .card1 img { border-radius: 10px 10px 0px 0px;}.packages .cards-maindiv-city .card1:hover { animation-name: slidein;}@keyframes slidein { from { margin-top: 5%; width: 100%; } /* to { margin-top: 0%; width: 100%; } */}.packages .cards-maindiv-city .card1 .card-img { display: flex; flex-direction: column; justify-content: center; width: auto; /* height: 270px; */}.packages .cards-maindiv-city .card1 .card-img img { width: 100%; height: 100%;}.packages .cards-maindiv-city .card1 .stars { color: #feca0a; align-items: center; margin: auto;}.packages .cards-maindiv-city .card1 .card-img h3 { text-align: center; margin: 10px 0px !important;}.packages .cards-maindiv-city .card1 .card-img h3 a { color: #fc500a; font-size: 1.3rem !important; font-weight: 700; margin: auto; text-decoration: none;}.packages .cards-maindiv-city .card1 .card-content { display: flex; flex-direction: column; padding-bottom: 20px;}.packages .cards-maindiv-city .card1 .card-content table { width: 100%;}.packages .cards-maindiv-city .card1 .card-content table td { text-align: left;}.packages .cards-maindiv-city .card1 button { background-color: #fc500a; border: none; text-align: center; width: 100%; border-radius: 10px; padding: 5px 20px; /* height: 35px; */ font-size: 1rem;}.packages .cards-maindiv-city .card1 .button-section { display: flex; justify-content: space-between; padding: 0px 20px;}.packages .cards-maindiv-city .card1 .button-section h3 { color: #fc500a; font-weight: 700;}.packages .cards-maindiv-city .card1 button a { color: white; font-weight: 500; text-decoration: none;}/* -------------umrah form -------- */.umrah-form-bg { width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 64px 20px;}/* --------------umrahhh page =--------- */.umrah-page .cards-maindiv-umrah { font-family: 'Philosopher', sans-serif; display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; grid-gap: 10px; margin-bottom: 30px;}.umrah-page .cards-maindiv-umrah .card1 { width: 100%; background-color: #f2f3f4; border-radius: 20px !important; padding: 3px;}.umrah-page .cards-maindiv-umrah .card1:hover { animation: fadeUp 1s;}@keyframes fadeUp { /* 0% { opacity: 0; } 100% { opacity: 0.6; } */ 100% { transform: translateY(-20px); }}h2 { font-family: 'Philosopher', sans-serif; color: #fc500a; text-align: center; font-size: 50px !important; font-weight: 800 !important; margin: 20px 0px; margin: 30px !important;}h2::after { content: ''; display: block; width: 50px; height: 6px; background: #fc500a; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; margin: 9px 0 0; margin-left: auto; margin-right: auto;}.umrah-page .cards-maindiv-umrah .card1 .card-img { display: flex; flex-direction: column; justify-content: center; width: auto; /* height: 270px; */}.umrah-page .cards-maindiv-umrah .card1 .card-img img { width: 100%; height: 100%; border-radius: 20px 20px 0px 0px;}.umrah-page .cards-maindiv-umrah .card1 h4 { text-align: center; margin: 10px 0px !important; line-height: 30px; font-weight: bold;}.umrah-page .cards-maindiv-umrah .card1 .nights { color: #000000;}.umrah-page .cards-maindiv-umrah .card1 .umrahpkg { color: #fc500a; font-size: 1.3rem !important;}.umrah-page .cards-maindiv-umrah .card1 h4 a { color: #fc500a; font-size: 1.1rem !important; font-weight: 700; margin: auto; text-decoration: none;}.umrah-page .cards-maindiv-umrah .card1 .price {background: #333333; font-size: 25px; font-weight: bold; color: #ffffff; text-align: center; margin-bottom: 0px; line-height: 50px; border-radius: 5px 5px 0px 0px;}.umrah-page .cards-maindiv-umrah .card1 .card-content { display: flex; flex-direction: column; padding: 10px;}.umrah-page .cards-maindiv-umrah .card1 .card-content table { width: 100%;}.umrah-page .cards-maindiv-umrah .card1 .card-content table td { text-align: center; font-size: 0.9rem; width: 81%;}.umrah-page .cards-maindiv-umrah .card1 .card-content table th { text-align: start;}.umrah-page .cards-maindiv-umrah .card1 .card-content table svg { color: #fc500a;}.umrah-page .cards-maindiv-umrah .card1 .card-content table .stars svg { color: #feca0a; text-align: start;}.umrah-page .cards-maindiv-umrah .card1 .button-section button { background-color: #fc500a; align-items: center; border: none; text-align: center; width: 50%; border-radius: 10px; padding: 5px 5px; /* height: 35px; */ font-size: 1rem; margin: 0px 2px;}.umrah-page .cards-maindiv-umrah .card1 .button-section { display: flex; justify-content: space-between; padding: 20px 10px;}.umrah-page .cards-maindiv-umrah .card1 button a { color: white; font-weight: 500; text-decoration: none;}/* ---------contact us page---------- */.contact-page { font-family: 'Philosopher', sans-serif; width: 100%; display: flex; justify-content: center;}.contact-page .div1 { width: 50%;}.contact-page .div1 h3 { font-weight: 700; margin: 20px 0px; text-align: center;}.contact-page .div1 button { width: 100%; background-color: #fc500a; border: none; padding: 10px; font-weight: 600; font-size: 1.1rem; align-items: center; text-align: center; border-radius: 10px;}.contact-page .div1 button a { color: white; text-decoration: none;}.contact-page .div1 .contact-info { display: flex; align-items: center;}.contact-page .div1 .contact-info svg { color: #fc500a; margin: 20px;}.contact-page .div1 .contact-info .text a { font-size: 1.1rem; text-decoration: none; color: black;}.contact-page .div1 .colos .text a { color: #000000; font-weight: 700;}.contact-page .div1 .colos .text span { font-weight: 700;}/* ----------cal button------ */.box { /* width: 40%; */ margin: 0 auto; background: rgba(255,255,255,0.2); /* padding: 35px; */ border: 2px solid #fff; border-radius: 20px/50px; background-clip: padding-box; /* text-align: center; */ } .button { position: absolute; transform: translateY(500px); /* transform: translateX(-600px); */ font-size: 1em; padding: 10px; color: #fff; border: 2px solid #06D85F; border-radius: 20px/50px; text-decoration: none; cursor: pointer; transition: all 0.3s ease-out; } .button:hover { background: #06D85F; } .overlay { position: fixed; top: 45%; bottom: 0; left: 5%; right: 0; /* background: rgba(0, 0, 0, 0.7); */ transition: opacity 500ms; visibility: hidden; opacity: 0; z-index: 1; } .overlay:target { visibility: visible; opacity: 1; } .popup { /* margin: 70px auto; */ padding: 20px; background: #fff; border-radius: 5px; width: 25%; position: relative; transition: all 5s ease-in-out; } .popup h2 { margin-top: 0; color: #333; font-family: Tahoma, Arial, sans-serif; } .close { position: absolute; top: 20px; right: 30px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #333; } .close:hover { color: #06D85F; } .popup .content { max-height: 30%; overflow: auto; } @media screen and (max-width: 700px){ .box{ width: 70%; } .popup{ width: 70%; } }.phone-call { width: 50px; height: 50px; left: 35px; bottom: 40px; background: #fc500a; position: fixed; text-align: center; color: #ffffff; cursor: pointer; border-radius: 50%; z-index: 99; display: inline-block; align-items: center; padding: 5px;}.phone-call img { width: 100%;}.phone-call:before { position: absolute; content: " "; z-index: -1; top: -10px; left: -10px; background-color: #fc500a; width: 70px; height: 70px; border-radius: 100%; animation-fill-mode: both; -webkit-animation-fill-mode: both; opacity: 0.6; -webkit-animation: pulse 1s ease-out; animation: pulse 1.8s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}@-webkit-keyframes pulse { 0% { -webkit-transform: scale(0); opacity: 0; } 25% { -webkit-transform: scale(0.3); opacity: 1; } 50% { -webkit-transform: scale(0.6); opacity: .6; } 75% { -webkit-transform: scale(0.9); opacity: .3; } 100% { -webkit-transform: scale(1); opacity: 0; }}@keyframes pulse { 0% { transform: scale(0); opacity: 0; } 25% { transform: scale(0.3); opacity: 1; } 50% { transform: scale(0.6); opacity: .6; } 75% { transform: scale(0.9); opacity: .3; } 100% { transform: scale(1); opacity: 0; }}/* ---------------flight page --------- */.search-top { display: flex; align-items: center; width: 100%; border: 2px solid #fc500a; justify-content: center;}.search-top .icon { width: 5%; background-color: white; align-items: center; padding: 10px;}.search-top .icon svg { color: #fc500a;}.search-top .cityname { width: 100%; background-color: #fc500a; color: white; padding: 10px; font-size: 1.4rem; font-weight: 600; display: flex; flex-direction: column;}.flight-detail { background-color: white; align-items: center; border-radius: 0px 0px 10px 10px; padding: 20px; margin: 30px 0px !important; border-bottom: 2px dotted #fc500a;}.flight-detail:hover { box-shadow: 5px 5px 3px 3px #977e9cf1;}.arrows { display: flex; flex-direction: column; background-color: #fc500a; color: white; border-radius: 50%; width: 40px; height: 40px; align-items: center; justify-content: center; font-weight: 700; margin: auto;}.flight-detail .div1 { align-items: center; text-align: center;}.flight-num{ text-decoration: none;font-weight: 600;color: #fc500a;font-size: 1.1rem;}.flight-detail .city-name { font-size: 1.3rem; font-weight: 500;}.div1 .text { font-size: 1rem; font-weight: 600; color: #fc500a; margin-bottom: 0;}.div1 .time { font-size: 1.2rem; font-weight: 800; color: #fc500a; margin-bottom: 0;}.div1 h5 { color: #fc500a; font-weight: 700; font-size: 1.5rem;}.div1 .booking-button { background-color: #fc500a; padding: 5px 20px; font-weight: 500; text-transform: capitalize; border: none; border-radius: 20px; align-items: center; text-align: center;}.div1 .booking-button a { text-decoration: none; color: white;}/* ---------model--------- */#modalOverlay { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 99999; height: 100%; width: 100%;}.modalPopup { position: absolute; display: flex; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; -webkit-box-shadow: 0 2px 10px 3px rgba(0, 0, 0, .2); -moz-box-shadow: 0 2px 10px 3px rgba(0, 0, 0, .2); box-shadow: 0 2px 10px 3px rgba(0, 0, 0, .2);}.modalContent { /* padding: 0 2em; */ text-align: center; padding: 20px;}.headerBar img { margin: 1em;}.modalContent h1 { background-color: #fc500a; margin-bottom: .2em; font-size: 1.6rem; color: white; text-transform: capitalize; padding: 5px; font-weight: 700; border-radius: 10px;}.modalContent h3{ font-size: 1.5rem;} .modalContent h3 span{ font-weight: 700; color: #fc500a;}.modalContent .pop-number{ display: flex; font-size: 1.7rem; font-weight: 700;justify-content: center;background-color: #fc500a;border-radius: 10px;width: 70%;margin: auto;margin-top: 25px;}.modalContent .pop-number svg{ color: white;}.modalContent .pop-number a{ color: white; text-decoration: none;}.buttonStyle { display: flex; justify-content: end; margin-left: 90%; margin-top: 10px; padding: 5px; margin-bottom: 20px; color: black !important; cursor: pointer; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d6d6d', endColorstr='#1e1e1e', GradientType=0); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}.buttonStyle:hover { background: #1e1e1e; color: #fff !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e1e1e', endColorstr='#6d6d6d', GradientType=0);}.returnToProfile { text-align: center; margin: 3em;}.returnToProfile a,.returnToProfile a:visited { color: #ddd;}.returnToProfile a:hover { color: #fff;}.sticky-btn{ position: fixed; background-color: #fc500a; border-radius: 7px; border: 0; padding: 13px 13px; top: 90%; left: 2%;}.sticky-btn .fa{ color: #fff; font-size: 25px;} .modal-last .row img{ width: 100%; height: auto; margin:0 0 10px 10px;}.modal{ top: 100px !important; left: -450px !important; --bs-modal-width: 300px !important;}.modal-last .row .form-control:focus{ box-shadow: none;background-color: azure;}.modal-last .row .schedule-btn{ background-color: #fc500a; color: white; font-weight: 600; border: 0; border-radius: 4px; padding: 7px 50px; width: 100%;}.modal-last .row .schedule-btn:hover{ color: #fff; background-color:#fc500a; transition: 0.5s;}.modal p{ font-size: 13px;}.shuffleflight{ position: absolute; right: 5px; top: 10px; color: #fc500a; cursor: pointer; z-index: 9;}.shuffleflight:hover{ color: black;}.cabinclassandtraveller_div{width: 100%; background: white; height: 40px; border-radius: 5px !important; padding: 7px 0px 0px 5px; cursor: pointer;}.imgcct{ background: #97c62c; border-radius: 10px; padding: 2px 2px 2px 2px; width: 20px; margin: 0px 0px 2px 0px;}.cabinclassandtraveller_div i{ position: absolute; right: 10px; top: 12px;}.cabinclassandtraveller_under{ width: 40%; height: 300px; z-index: 9; position: absolute; top: 50px; left: 20px; border: 0.0625rem solid #dddde5; background-color: #fff; border-radius: 0.375rem !important; box-shadow: 0 4px 14px 0 rgb(37 32 31 / 25%); display: none;}.cabinclassandtraveller_under:before{ position: absolute; content: ""; width: 0; height: 0; border: 9px solid transparent; border-bottom-color: #ffffff; top: -17px; left: 50px;}.numberstyle-qty { width: 135px; position: relative; border-radius: 6px; background-color: #ffffff; overflow: hidden; margin: 0px 0px 10px 10px; box-shadow: 0 3px 6px rgba(116, 116, 116, 0.25);}.numberstyle-qty input,.numberstyle-qty .qty-btn { position: relative; display: block; float: left; height: 40px; padding: 0; margin: 0; border: 0px; text-align: center; line-height: 40px; outline: 0; box-shadow: 0px;}.numberstyle-qty .qty-btn { width: 40px; font-size: 18px; cursor: pointer; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all 250ms ease;}.numberstyle-qty .qty-btn.disabled { cursor: default; color: rgba(116, 116, 116, 0.5);}.numberstyle-qty input { width: 50px; border-left: 0; border-right: 0; color: #747474; font-size: 18px; font-weight: 700; z-index: 1;}.numberstyle-qty input:focus { outline: 0; box-shadow: 0px;}.numberstyle-qty input[type=number]::-webkit-inner-spin-button,.numberstyle-qty input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}.numberstyle-qty input[type=number] { -moz-appearance: textfield;}/* * More from me link 🔥 */.more { position: absolute; bottom: 15px; right: 15px; padding: 7px 21px; border-radius: 8px; color: #fff; background-color: rgba(0, 0, 0, 0.2); font-family: "Source Sans Pro", sans-serif; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; text-decoration: none; overflow: hidden; z-index: 1; -webkit-animation: reveal 5000ms cubic-bezier(0.87, -0.41, 0.19, 1.44); animation: reveal 5000ms cubic-bezier(0.87, -0.41, 0.19, 1.44);}.more::before { display: block; content: ""; position: absolute; top: 50%; left: 50%; width: 100%; max-width: 20%; height: 100%; border-radius: 8px; background-color: rgba(0, 0, 0, 0); transition: max-width 0ms ease 250ms, background-color 250ms ease; transform: translate(-50%, -50%); z-index: -1;}.more:hover::before { max-width: 100%; background-color: rgba(0, 0, 0, 0.6); transition: all 250ms ease;}@-webkit-keyframes reveal { 0%, 90% { bottom: -30px; } 100% { bottom: 15px; }}@keyframes reveal { 0%, 90% { bottom: -30px; } 100% { bottom: 15px; }}.span_ccandt{ color: black; margin: 12px; font-weight: 600;}.span_right_ccandt{ position: absolute; top: 35px; left: 150px; font-size: 13px;}.flightclass_div{ margin: 0px 0px 10px 0px;}.fc_btnleftright{ font-size: 12px; cursor: pointer; color: #97c62c;}.span_btnleftright{/* background: #680b7e;*//* padding: 0px 12px 4px 10px;*/ border-radius: 100px; margin: 15px; cursor: pointer;} .span_btnleftright:hover{/* background: #97c62c;*/}.span_flightclass{ display: none;}.span_flightclass.active{ display: contents; font-family: revert;}/*search ui*/.ui-autocomplete { max-height: 400px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; /* add padding to account for vertical scrollbar */ z-index:1000 !important;}/* ############################################### */.FlightSearchResult { background-color: #F7F7F7; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; margin-top: 20px;}.FlightSearchResult h6 { color: #010A47; font-family: poppins-regular; font-size: 12px;}.FlightSearchResult h5 { color: #737476; font-family: poppins-regular; font-size: 14px;}.FlightSearchResult h3 { color: #737476; font-family: poppins-semibold; font-size: 42px;}.FlightSearchResult .Price { color: #010A47; font-family: poppins-semibold; font-size: 16px;}.FlightSearchResult .Price span { color: #010A47; font-family: poppins-semibold; font-size: 12px;}.color-green{ background-color: #fc500a;}.color-green-front{ color: #fc500a;}#ui-datepicker-div{ z-index: 10000 !important;}.mtable { border: 1px solid #000; border-collapse: collapse; table-layout: fixed; width: 100%;}.mtable tr {}.mtable th,.mtable td {}.mtable th { color: #fc500a !important;}@media screen and (max-width: 980px) { .mtable { border: 0; } .mtable caption { } .mtable thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .mtable tr { border-bottom: 3px solid #000; display: block; margin-bottom: .625em; } .mtable td { border-bottom: 1px solid #000; display: block; font-size: .8em; text-align: right; } .mtable td::before { /* * aria-label has no advantage, it won't be read inside a table content: attr(aria-label); */ content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; color: #fc500a !important; } .mtable td:last-child { border-bottom: 0; } } body { overflow-x: hidden; }.btnbooknow { background-color: #fc500a; align-items: center; border: none; text-align: center; width: 50%; border-radius: 10px; padding: 5px 5px; /* height: 35px; */ font-size: 1rem; margin: 0px 2px; color: #fff !important; text-decoration: none; /* "to left" / "to right" - affects initial color */ background: linear-gradient(to left, #fc500a 50%, #000 50%) right; background-size: 200%; transition: .5s ease-out; } .btnbooknow:link , .btnbooknow:active , .btnbooknow:visited { align-items: center; border: none; text-align: center; width: 50%; border-radius: 10px; padding: 5px 5px; /* height: 35px; */ font-size: 1rem; margin: 0px 2px; color: #fff !important; text-decoration: none; /* "to left" / "to right" - affects initial color */ background: linear-gradient(to left, #fc500a 50%, #000 50%) right; background-size: 200%; transition: .5s ease-out; } .btnbooknow:hover { background-position: left; } .footer-mid .accordion {--bs-accordion-bg: transparent !important; } .footer-mid .accordion-button { color: #fc500a; font-weight: bold; position: relative; margin: 0 0 10px; border-bottom: 1px solid rgba(204, 204, 204, 0.5); text-transform: uppercase; padding: 20px 0px; background-color: transparent !important; font-size: 1.25rem; } .footer-mid .accordion-button:focus { box-shadow: none !important; }.footer-mid .accordion-button:not(.collapsed) { color: #fc500a; border-bottom: 1px solid rgba(204, 204, 204, 0.5); } .footer-mid .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,"); } .footer-mid .accordion-item ul { padding: 0px 0px 0px 10px !important;text-align: left !important; }.footer-mid .accordion-item ul li { list-style: none;line-height: 16px;margin: 0 0 10px;font-weight: 400;text-align: left !important;}.footer-mid .accordion-item ul li a { color: black !important; text-decoration: none;font-size: 14px;text-align: left !important;}button a { width: 100%; display: block; } .sliderimg { width: 100%; height: auto; aspect-ratio: 32/15; } .logomobileimg { width: 100%; height: auto; aspect-ratio: 203/30; } .myimg { width: 100%; height: auto; aspect-ratio: 3/2; } .hajj-img1 { width: 100%; height: auto; aspect-ratio: 683/330; } .hajj-img2 { width: 100%; height: auto; aspect-ratio: 127/80; } .hajj-img3 { width: 100%; height: auto; aspect-ratio: 127/80; } .hajj-umrahimg { width: 100%; height: auto; aspect-ratio: 1280/851; } .booknow-new { background: #333 !important; } .btnwhatsappnew { background: #055C34 !important; }