@charset "UTF-8";
.bac {
    background-color: #4f626c;
    width: 100%;
    width: 100%;
    padding: 4rem 1rem;
}

.fat {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .fat {
        flex-direction: column;
        margin-top: 0rem;
    }
}
@media (max-width: 576px) {
    .fat {
        flex-direction: column;
        margin-top: 0rem;
    }
}

.w-90 {
    width: 900px;
    margin: auto;
    max-width: 100%;
}

.pad2 {
    width: 80% !important;
}
@media (max-width: 576px) {
    .pad2 {
        width: 100% !important;
    }
}

.pad {
    text-align: left;
    width: 100%;
}
.pad a {
    display: flex;
    height: fit-content;
    color: white;
    line-height: 1.7rem;
    font-size: 1.5rem;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .pad a {
        font-size: 1rem;
        line-height: 2rem;
    }
}
@media (max-width: 576px) {
    .pad a {
        font-size: 1rem;
        line-height: 2rem;
    }
}
.pad a img {
    width: 1.2rem;
    margin-right: 0.6rem;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .pad a img {
        width: 1rem;
    }
}
@media (max-width: 576px) {
    .pad a img {
        width: 1rem;
        margin-right: 0.3rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .pad {
        padding: 0.3rem;
    }
}
@media (max-width: 576px) {
    .pad {
        padding: 0.2rem;
    }
}

.pad:hover {
    color: white;
}

.pad.active {
    color: white;
}

.airplaneFooter {
    width: 90%;
    position: absolute;
    top: -21px;
    left: 0px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .airplaneFooter {
        top: -18px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .airplaneFooter {
        top: -14px;
        left: -1px;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .airplaneFooter {
        top: -11px;
    }
}
@media (max-width: 576px) {
    .airplaneFooter {
        top: -6px;
    }
}
.header {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100px;
    background-color: #3ebda9;
    padding: 1rem 2rem;
    display: flex;
    justify-content: space-between;
    z-index: 99999;
}
@media (max-width: 576px) {
    .header {
        height: 70px;
        padding: 0.5rem;
    }
}

.divLogo {
    width: 28%;
}
.divLogo .headerLogo {
    width: 100%;
    display: block;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .divLogo .headerLogo {
        display: none;
    }
}
@media (max-width: 576px) {
    .divLogo .headerLogo {
        display: none;
    }
}
.divLogo .headerLogoSmall {
    display: none;
    width: 4rem;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .divLogo .headerLogoSmall {
        display: block;
    }
}
@media (max-width: 576px) {
    .divLogo .headerLogoSmall {
        display: block;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .divLogo {
        width: 35%;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .divLogo {
        width: 42%;
    }
}

.menu {
    cursor: pointer;
    font-size: 38px;
    line-height: 1.8;
    color: white;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .menu {
        line-height: 1.2;
    }
}
@media (max-width: 576px) {
    .menu {
        font-size: 30px;
        line-height: 2;
    }
}

.ulHeader {
    text-decoration: none;
    width: 28%;
    line-height: 3;
    display: flex;
    justify-content: end;
    list-style-type: none;
}
.ulHeader li {
    color: white;
    font-size: 1.7rem;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .ulHeader li {
        font-size: 1.2rem;
    }
}
@media (max-width: 576px) {
    .ulHeader li {
        font-size: 1rem;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .ulHeader {
        width: 35%;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .ulHeader {
        width: 43%;
        line-height: 2;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .ulHeader {
        width: 44%;
        line-height: 4;
    }
}
@media (max-width: 576px) {
    .ulHeader {
        width: 55%;
        line-height: 4;
    }
}

a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    color: inherit;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 20;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    right: 0;
    background-color: white;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 113px;
}

.sidenav a {
    text-decoration: none;
    padding: 2px 8px 8px 32px;
    font-size: 23px;
    color: #818181;
    display: block;
    transition: 0.3s;
    text-align: center;
}

.sidenav a:hover {
    color: #585050;
}

.sidenav a.active {
    color: #585050;
    font-weight: bold;
}

.sidenav .closebtn {
    position: absolute;
    left: -53px;
    top: 4rem;
    width: 4rem;
    font-size: 36px;
    margin-left: 50px;
    top: 5rem;
}

#main {
    transition: margin-left 0.5s;
    padding: 16px;
}

ul {
    list-style-type: none;
}

.product-thumbs .swiper-slide img {
    border: 2px solid transparent;
    -o-object-fit: cover;
    object-fit: cover;
    cursor: pointer;
    opacity: 0.2;
}

.product-thumbs .swiper-slide-active img {
    opacity: 1;
}

.product-slider .swiper-button-next:after,
.product-slider .swiper-button-prev:after {
    font-size: 20px;
    color: #000;
    font-weight: bold;
}

.img-fluid {
    width: 100%;
    border-radius: 1rem;
}

.first-div {
    position: relative;
    width: 100%;
    overflow-y: hidden;
}
.first-div .imgsky {
    width: 100%;
}
@media (max-width: 576px) {
    .first-div .imgsky {
        height: 40vh;
    }
}
.first-div .imgCloud {
    width: 100%;
    position: absolute;
    bottom: 0px;
    z-index: 2;
    left: 0;
}

#airplane {
    position: absolute;
    top: 20rem;
    width: 100%;
    display: block;
    margin: auto;
}
@media (max-width: 576px) {
    #airplane {
        top: 2rem;
    }
}

#travelSpan {
    font-size: 3rem;
    font-weight: bold;
    font-family: "medium";
}
#travelSpan span {
    color: #4f626c;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #travelSpan {
        font-size: 2.5rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    #travelSpan {
        font-size: 2rem;
    }
}
@media (max-width: 576px) {
    #travelSpan {
        font-size: 1.5rem;
    }
}

@-webkit-keyframes ticker {
    0% {
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }
    100% {
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes ticker {
    0% {
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }
    100% {
        transform: translate3d(-100%, 0, 0);
    }
}
.ticker-wrap {
    width: 100%;
    overflow: hidden;
    height: 5rem;
    background-color: #3ebda9;
    padding-left: 100%;
    box-sizing: content-box;
}
.ticker-wrap .ticker {
    display: inline-block;
    height: 5rem;
    line-height: 4rem;
    white-space: nowrap;
    padding-right: 100%;
    box-sizing: content-box;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: ticker;
    animation-name: ticker;
    -webkit-animation-duration: 35s;
    animation-duration: 35s;
}
.ticker-wrap .ticker__item {
    display: inline-block;
    position: relative;
    padding: 0 2rem;
    font-size: 2rem;
    color: white;
}
.ticker-wrap .ticker__item img {
    width: 8rem;
}
@media (max-width: 576px) {
    .ticker-wrap .ticker__item img {
        width: 5rem;
    }
}
.ticker-wrap .ticker__item::after {
    content: "";
    width: 1px;
    height: 3rem;
    background-color: white;
    position: absolute;
    top: 1rem;
    right: 0rem;
}
@media (max-width: 576px) {
    .ticker-wrap .ticker__item::after {
        height: 2rem;
        top: 0.5rem;
    }
}
@media (max-width: 576px) {
    .ticker-wrap .ticker {
        height: 3rem;
        line-height: 3rem;
    }
}
@media (max-width: 576px) {
    .ticker-wrap {
        height: 3rem;
    }
}

.greyGrdaient {
    background-image: linear-gradient(to bottom, #4f626c, white);
}

.poiplarAirplane {
    color: white;
    text-align: center;
    font-weight: bold;
    margin-top: 0rem;
    padding-top: 2rem;
    margin-bottom: 2rem;
}
@media (max-width: 576px) {
    .poiplarAirplane {
        font-size: 1.5rem;
    }
}

.carousel-item {
    position: relative !important;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .carousel-item {
        height: 20rem !important;
    }
}
@media (max-width: 576px) {
    .carousel-item {
        height: 17rem !important;
    }
}

.carousel-inner {
    margin: auto;
    border-radius: 2rem !important;
}

.carousel {
    width: 80%;
    margin: auto;
    border-radius: 2rem;
    background-color: transparent !important;
}
@media (max-width: 576px) {
    .carousel {
        width: 97%;
    }
}

.carousel img {
    border-radius: 2rem !important;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .carousel img {
        height: 100% !important;
    }
}
@media (max-width: 576px) {
    .carousel img {
        height: 100% !important;
    }
}

.carousel-control-prev {
    left: -4rem;
    width: 4rem;
}
@media (max-width: 576px) {
    .carousel-control-prev {
        left: 0rem;
        width: 2rem;
    }
}

.carousel-control-next {
    right: -4rem;
    width: 4rem;
}
@media (max-width: 576px) {
    .carousel-control-next {
        right: 0rem;
        width: 2rem;
    }
}

.carousel-indicators [data-bs-target] {
    width: 0.7rem !important;
    height: 0.7rem !important;
    border-radius: 100% !important;
}

.divContactGreen {
    text-align: center;
    font-size: 2rem;
    width: 12rem;
    margin: auto;
    margin-top: 3rem;
}
.divContactGreen a {
    background-color: #3ebda9;
    color: white;
    border-radius: 1rem;
    padding: 0.5rem 2rem;
    font-size: 1.5rem;
    display: block;
    width: 100%;
}
@media (max-width: 576px) {
    .divContactGreen a {
        font-size: 1rem;
        padding: 0.5rem 1rem;
        width: 10rem;
        text-align: center;
    }
}
@media (max-width: 576px) {
    .divContactGreen {
        width: 10rem;
    }
}

.viewFlightLink {
    text-align: left;
    margin-top: 8rem;
    margin-right: 5rem;
}
.viewFlightLink a {
    background-color: #3ebda9;
    color: white;
    padding: 0.5rem 2rem;
    font-size: 1.5rem;
    border-radius: 1rem;
    margin-left: auto;
    display: block;
    width: 12rem;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .viewFlightLink a {
        font-size: 1rem;
        padding: 0.5rem 1rem;
        width: 8rem;
        text-align: center;
    }
}
@media (max-width: 576px) {
    .viewFlightLink a {
        font-size: 1rem;
        width: 10rem;
        margin-right: auto;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .viewFlightLink {
        margin-top: 5rem;
        margin-right: 0rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .viewFlightLink {
        margin-top: 4rem;
        margin-right: 0rem;
    }
}
@media (max-width: 576px) {
    .viewFlightLink {
        margin-top: 2rem;
        margin-right: 0rem;
        text-align: center;
    }
}

.viewFlightLink2 {
    text-align: left;
    margin-top: 8rem;
    margin-right: 1rem;
}
.viewFlightLink2 a {
    background-color: #3ebda9;
    color: white;
    padding: 0.5rem 2rem;
    font-size: 1.5rem;
    border-radius: 1rem;
    display: block;
    margin-left: auto;
    width: 12rem;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .viewFlightLink2 a {
        font-size: 1rem;
        padding: 0.5rem 1rem;
        padding: 0.5rem 1rem;
        width: 8rem;
        text-align: center;
    }
}
@media (max-width: 576px) {
    .viewFlightLink2 a {
        font-size: 1rem;
        width: 10rem;
        margin-right: auto;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .viewFlightLink2 {
        margin-top: 6rem;
    }
}
@media (max-width: 576px) {
    .viewFlightLink2 {
        margin-top: 2rem;
        margin-right: 0rem;
        text-align: center;
    }
}

.imgAirplaneee {
    width: 100%;
    margin-top: 3rem;
}

.maps {
    background-image: url("../svg/aer.svg");
    background-repeat: no-repeat;
    background-size: 79%;
    background-position-x: center;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .maps {
        background-size: 100%;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .maps {
        background-size: 100%;
    }
}
@media (max-width: 576px) {
    .maps {
        background-size: 100% 100%;
    }
}

@media (max-width: 576px) {
    .order1 {
        order: 1;
    }
}

@media (max-width: 576px) {
    .order2 {
        order: 2;
    }
}

@media (max-width: 576px) {
    .order3 {
        order: 3;
    }
}

@media (max-width: 576px) {
    .order4 {
        order: 4;
    }
}

.chooseDest {
    color: white;
    width: 50%;
    display: block;
    margin: auto;
    font-size: 1.5rem;
    text-align: center;
    margin-top: 2rem;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .chooseDest {
        width: 60%;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .chooseDest {
        width: 80%;
        font-size: 1.5rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .chooseDest {
        width: 80%;
        font-size: 1.5rem;
    }
}
@media (max-width: 576px) {
    .chooseDest {
        width: 100%;
        font-size: 1rem;
    }
}

.contactDetails {
    color: white;
    width: 50%;
    display: block;
    margin: auto;
    font-size: 1.5rem;
    text-align: center;
    margin-top: 1rem;
    font-family: "italic";
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .contactDetails {
        width: 60%;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .contactDetails {
        width: 80%;
        font-size: 1.5rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .contactDetails {
        width: 80%;
        font-size: 1.5rem;
    }
}
@media (max-width: 576px) {
    .contactDetails {
        width: 100%;
        font-size: 1rem;
    }
}

.headingGreyHome {
    color: #4f626c;
    margin-top: 2rem;
    text-align: center;
    font-size: 4rem;
    font-weight: bold;
    margin-bottom: 2rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .headingGreyHome {
        font-size: 3rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .headingGreyHome {
        font-size: 2.5rem;
    }
}
@media (max-width: 576px) {
    .headingGreyHome {
        font-size: 2rem;
    }
}

.headingGreenHome {
    color: #3ebda9;
    margin-top: 2rem;
    text-align: center;
    font-size: 4rem;
    font-weight: bold;
    margin-bottom: 2rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .headingGreenHome {
        font-size: 3rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .headingGreenHome {
        font-size: 2.5rem;
    }
}
@media (max-width: 576px) {
    .headingGreenHome {
        font-size: 2rem;
    }
}

.imgHomeDiv {
    text-align: center;
    position: relative;
}
.imgHomeDiv img {
    width: 90%;
    display: block;
    aspect-ratio: 1/1.3;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 1rem;
    margin: auto;
}
.imgHomeDiv span {
    color: #4f626c;
    font-size: 2.5rem;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .imgHomeDiv span {
        font-size: 2rem;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .imgHomeDiv span {
        font-size: 1.5rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .imgHomeDiv span {
        font-size: 1.5rem;
    }
}
@media (max-width: 576px) {
    .imgHomeDiv span {
        font-size: 1.3rem;
    }
}
.imgHomeDiv .tourName {
    display: block;
    position: absolute;
    left: 2rem;
    color: white;
    top: 1rem;
    font-size: 2em;
}
@media (max-width: 576px) {
    .imgHomeDiv .tourName {
        font-size: 1.5rem;
    }
}
.imgHomeDiv .tourPrice {
    display: block;
    position: absolute;
    left: 2rem;
    color: white;
    top: 3rem;
    font-size: 2em;
}
@media (max-width: 576px) {
    .imgHomeDiv .tourPrice {
        font-size: 1.5rem;
    }
}

.greenImg {
    background-image: url(../images/skyghiom.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow-x: hidden;
}

.carousel-cell {
    margin-right: 10px;
    background: transparent;
    border-radius: 5px;
    counter-increment: carousel-cell;
    width: 40%;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .carousel-cell {
        width: 60%;
        margin-right: 0.5rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .carousel-cell {
        width: 70%;
        margin-top: 1rem;
    }
}
@media (max-width: 576px) {
    .carousel-cell {
        width: 80%;
        margin-top: 0.6rem;
    }
}

.flickity-page-dots {
    display: none;
}

.flickity-prev-next-button.previous {
    display: none;
}

.flickity-prev-next-button.next {
    display: none;
}

.all-divs-Reviews {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 1200px;
    margin: auto;
    max-width: 100%;
    position: relative;
}

.div-Review {
    background-color: rgba(255, 255, 255, 0.4);
    width: 100%;
    padding: 1rem;
    border: 1px solid transparent;
    border-radius: 1rem;
    margin-right: 1rem;
    height: 11rem;
    overflow-y: auto;
}
@media (max-width: 576px) {
    .div-Review {
        height: 9rem;
    }
}
.div-Review .name-review {
    font-weight: bold;
    font-size: 1.5rem;
    font-family: "italic";
    color: #4f626c;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .div-Review .name-review {
        font-size: 1.5rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .div-Review .name-review {
        font-size: 1.5rem;
    }
}
@media (max-width: 576px) {
    .div-Review .name-review {
        font-size: 1rem;
    }
}
.div-Review .customer-review-para {
    color: gray;
    font-size: 1.1rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .div-Review .customer-review-para {
        font-size: 1rem;
    }
}
@media (max-width: 576px) {
    .div-Review .customer-review-para {
        font-size: 0.8rem;
    }
}
.div-Review .star-img {
    width: 2rem;
    margin-right: 0.8rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .div-Review .star-img {
        width: 1.5rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .div-Review .star-img {
        width: 1.5rem;
    }
}
@media (max-width: 576px) {
    .div-Review .star-img {
        width: 1rem;
        margin-right: 0.5rem;
    }
}

.rateusdiv {
    display: block;
    margin: auto;
    margin-top: 2rem;
    border-radius: 0.5rem;
    width: 12rem;
    text-align: center;
    padding: 0.2rem;
    font-size: 1.8rem;
    cursor: pointer;
    background-color: #4f626c;
    color: white;
    border-radius: 1rem;
}
@media (max-width: 576px) {
    .rateusdiv {
        width: 9rem;
        font-size: 1.5rem;
    }
}

.rateParaghrph {
    width: 100%;
    color: #4f626c;
    font-size: 1.8rem;
    text-align: center;
}

.padding2 {
    padding: 0rem 3rem;
}

.rateusheading {
    font-weight: bold;
    color: #4f626c;
    text-align: center;
}

.rateusParghraph {
    width: 65%;
    font-size: 1.5rem;
    text-align: center;
    display: block;
    margin: auto;
    margin-top: auto;
    margin-top: 2rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .rateusParghraph {
        width: 86%;
        font-size: 1.2rem;
        margin-top: 1rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .rateusParghraph {
        width: 86%;
        font-size: 1.2rem;
        margin-top: 1rem;
    }
}
@media (max-width: 576px) {
    .rateusParghraph {
        width: 100%;
        font-size: 1.2rem;
        margin-top: 1rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .lb2 {
        font-size: 1rem !important;
        margin-left: 2.5rem !important;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .lb2 {
        font-size: 1rem !important;
        margin-left: 1rem !important;
    }
}
@media (max-width: 576px) {
    .lb2 {
        font-size: 1rem !important;
        margin-left: 0rem !important;
    }
}

.stars-checkboxs {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
}
.stars-checkboxs .checkbox-parent input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
}
.stars-checkboxs .checkbox-parent input:checked + label:after {
    content: "★";
    color: #3ebda9;
}
.stars-checkboxs .checkbox-parent input + label {
    font-size: 2rem;
    cursor: pointer;
}
.stars-checkboxs .checkbox-parent input + label:after {
    content: "★";
    color: gray;
    font-size: 3;
    margin-right: 1px;
}
@media (max-width: 576px) {
    .stars-checkboxs .checkbox-parent input + label:after {
        margin-right: 0px;
        font-size: 2rem;
    }
}
.stars-checkboxs .checkbox-parent:hover ~ .checkbox-parent label:after,
.stars-checkboxs .checkbox-parent:hover label:after {
    content: "★";
    color: #3ebda9;
}
.stars-checkboxs + h5 {
    margin-top: -1rem;
    font-size: 0.8rem;
}

.sendBtn {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.sendBtn .btnSend {
    background-color: #3ebda9;
    color: white;
    padding: 0.2rem 2.5rem;
    font-size: 1.5rem;
    border-radius: 1rem;
    border-color: transparent;
}
.sendBtn .btnSend:hover {
    transform: scale(1.03);
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .sendBtn .btnSend {
        font-size: 1.2rem;
    }
}
@media (max-width: 576px) {
    .sendBtn .btnSend {
        font-size: 1.2rem;
    }
}

@media (min-width: 577px) and (max-width: 767.98px) {
    .inp2 {
        margin-left: 0rem !important;
        width: 100% !important;
    }
}
@media (max-width: 576px) {
    .inp2 {
        margin-left: 0rem !important;
        width: 100% !important;
    }
}

@media (max-width: 576px) {
    .mb-2 {
        margin-bottom: -1rem !important;
    }
}

.dailyFlights {
    color: white;
    font-size: 2rem;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .dailyFlights {
        font-size: 1.7rem;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .dailyFlights {
        font-size: 1.5rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .dailyFlights {
        font-size: 1.3rem;
    }
}
@media (max-width: 576px) {
    .dailyFlights {
        font-size: 1.5rem;
    }
}

.focus-in-expand-fwd {
    -webkit-animation: focus-in-expand-fwd 0.8s
        cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: focus-in-expand-fwd 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94)
        both;
}

@-webkit-keyframes focus-in-expand-fwd {
    0% {
        letter-spacing: -0.5em;
        transform: translateZ(-800px);
        filter: blur(12px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0);
        filter: blur(0);
        opacity: 1;
    }
}
@keyframes focus-in-expand-fwd {
    0% {
        letter-spacing: -0.5em;
        transform: translateZ(-800px);
        filter: blur(12px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0);
        filter: blur(0);
        opacity: 1;
    }
}
.booktitletosyria {
    color: white;
    font-weight: bold;
    font-size: 2rem;
    margin-top: 2rem;
    display: block;
    text-align: center;
    margin-bottom: -1rem;
}
@media (max-width: 576px) {
    .booktitletosyria {
        font-size: 1.5rem;
    }
}

@font-face {
    font-family: "futura";
    src: url(fonts/Futura\ Book\ font.ttf);
}
@font-face {
    font-family: "light";
    src: url(fonts/Futura\ Light\ font.ttf);
}
@font-face {
    font-family: "italic";
    src: url(fonts/Futura\ Heavy\ Italic\ font.ttf);
}
@font-face {
    font-family: "medium";
    src: url(fonts/futura\ medium\ bt.ttf);
}
.aboustImg {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -2;
    height: 100%;
    height: 56rem;
}
@media (max-width: 576px) {
    .aboustImg {
        display: none;
    }
}

.aboutImgsmall {
    display: none;
}
@media (max-width: 576px) {
    .aboutImgsmall {
        display: block;
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: -2;
    }
}

/* .aboutusPara {
  width: 95%;
  position: absolute;
  top: 14rem;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 1.5rem;
  color: #4f626c;
  z-index: 0;
}
@media (max-width: 576px) {
  .aboutusPara {
    font-size: 1.2rem;
  }
} */

ul {
    list-style-type: none;
}

.contactUl {
    padding: 0;
}
.contactUl .contactLi {
    font-size: 2rem;
    color: #4f626c;
}
.contactUl .contactLi a img {
    width: 1.5rem;
    margin-right: 1rem;
}
@media (max-width: 576px) {
    .contactUl .contactLi a img {
        width: 1rem;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .contactUl .contactLi {
        font-size: 1.3rem;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .contactUl .contactLi {
        font-size: 1.3rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .contactUl .contactLi {
        font-size: 1.2rem;
    }
}
@media (max-width: 576px) {
    .contactUl .contactLi {
        font-size: 1.2rem;
    }
}
@media (max-width: 576px) {
    .contactUl {
        padding: 0 0.5rem;
    }
}

.margintop14rem {
    margin-top: 14rem;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .margintop14rem {
        margin-top: 9rem;
    }
}
@media (max-width: 576px) {
    .margintop14rem {
        margin-top: 9rem;
    }
}

@media (min-width: 577px) and (max-width: 767.98px) {
    .marginTop-1 {
        margin-top: -1rem;
    }
}
@media (max-width: 576px) {
    .marginTop-1 {
        margin-top: -1rem;
    }
}

.flightTitle {
    color: #3ebda9;
    font-weight: bold;
    font-size: 3rem;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .flightTitle {
        margin-bottom: 2rem;
    }
}
@media (max-width: 576px) {
    .flightTitle {
        font-size: 2rem;
        margin-bottom: 2rem;
    }
}

.d-flexx {
    justify-content: space-between;
    display: flex;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .d-flexx {
        display: block;
    }
}
@media (max-width: 576px) {
    .d-flexx {
        display: block;
    }
}

.tourTitle {
    text-align: center;
    font-weight: bold;
    color: #4f626c;
    font-size: 4rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .tourTitle {
        font-size: 2rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .tourTitle {
        font-size: 2rem;
    }
}
@media (max-width: 576px) {
    .tourTitle {
        font-size: 2rem;
    }
}

.toureExplain {
    font-size: 1.8rem;
    color: #4f626c;
    margin-top: 1rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .toureExplain {
        font-size: 1.2rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .toureExplain {
        font-size: 1.2rem;
    }
}
@media (max-width: 576px) {
    .toureExplain {
        font-size: 1rem;
    }
}

.carousel {
    background: white;
}

.carousel img {
    display: block;
    height: 450px;
    width: 350px;
    -o-object-fit: cover;
    object-fit: cover;
    border: 1px solid transparent;
    border-radius: 1rem;
    margin-right: 1rem;
}
@media (max-width: 576px) {
    .carousel img {
        height: 350px;
        width: 250px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.flickity-button {
    display: none;
}

.flickity-page-dots {
    display: none;
}

.priceTilte {
    color: #3ebda9;
    font-size: 3.5rem;
    font-weight: bold;
    margin-top: 1rem;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .priceTilte {
        font-size: 2rem;
    }
}
@media (max-width: 576px) {
    .priceTilte {
        font-size: 1.6rem;
    }
}

.greyTitle {
    color: #4f626c;
    font-size: 2.5rem;
    font-family: "medium";
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .greyTitle {
        font-size: 2rem;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .greyTitle {
        font-size: 2rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .greyTitle {
        font-size: 1.2rem;
    }
}
@media (max-width: 576px) {
    .greyTitle {
        font-size: 1rem;
    }
}

.smalltitlegrey {
    color: #4f626c;
    font-size: 3rem;
    font-family: "light";
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .smalltitlegrey {
        font-size: 2rem;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .smalltitlegrey {
        font-size: 2rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .smalltitlegrey {
        font-size: 1.5rem;
    }
}
@media (max-width: 576px) {
    .smalltitlegrey {
        font-size: 1.8rem;
    }
}

.note {
    display: block;
    font-size: 1rem;
    color: #4f626c;
    /* margin-left: 3rem; */
    text-align: left;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .note {
        font-size: 0.8rem;
        /* margin-left: 0rem; */
    }
}
@media (max-width: 576px) {
    .note {
        font-size: 0.8rem;
        /* margin-left: 0rem; */
    }
}

.txt-center {
    text-align: center;
    margin-top: 2rem;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .txt-center {
        text-align: left;
        margin-left: 1rem;
    }
}
@media (max-width: 576px) {
    .txt-center {
        text-align: left;
        margin-left: 1rem;
    }
}

.lblInput {
    display: block;
    margin-left: 5.5rem;
    color: #4f626c;
    margin-top: 1rem;
    font-size: 1.5rem;
}


.inputStyle {
    padding: 1rem 0.5rem;
    width: 75%;
    background-color: #eee;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    margin: auto;
    display: block;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .inputStyle {
        width: 85% !important;
    }
}

@media (max-width: 576px) {
    .inputStyle {
        width: 85%;
    }
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

.linkStyle {
    background-color: #3ebda9;
    color: white;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    padding: 0.3rem 0.2rem;
    width: 12rem;
    height: 3rem;
    font-size: 1.5rem;
    display: block;
    margin: auto;
    text-align: center;
    margin-top: 3rem;
    margin-bottom: 2rem;
}
.linkStyle:hover {
    transform: scale(1.05);
    color: white;
}
.linkStyle.active {
    transform: scale(1.05);
    color: white;
}

.decrease {
    display: inline;
    font-size: 1.5rem;
    cursor: pointer;

    color: #4f626c;
}
.divwidthh {
    width: 190px;
    justify-content: center;
    display: flex;
}
@media (max-width: 576px) {
    #decrease2 {
        margin-left: 0.3rem;
    }
}

.increase {
    display: inline;
    font-size: 1.5rem;
    cursor: pointer;
    color: #4f626c;
}

.numberdiv {
    width: 7rem;
    text-align: center;
    background-color: #eee;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    color: #4f626c;
    pointer-events: none;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .numberdiv {
        width: 5rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .numberdiv {
        width: 5rem;
    }
}
@media (max-width: 576px) {
    .numberdiv {
        width: 5rem;
    }
}

.decAndinc {
    display: flex;
    justify-content: space-evenly;
}

@media (max-width: 576px) {
    .marginTopsmall1 {
        margin-top: 1rem;
    }
}

.totalprice {
    line-height: 1;
}
.totalprice span {
    font-size: 2rem;
    color: #3ebda9;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .totalprice span {
        font-size: 1.5rem;
    }
}
@media (max-width: 576px) {
    .totalprice span {
        font-size: 1.2rem;
    }
}
.totalprice div {
    border: 1px solid #3ebda9;
    border-radius: 0.5rem;
    padding: 0.2rem;
    background-color: #f8f5f5;
}
@media (max-width: 576px) {
}
.totalprice label {
    font-size: 1.3rem;
    color: #4f626c;
}
@media (max-width: 576px) {
    .totalprice label {
        font-size: 1rem;
    }
}

.headingGrey {
    text-align: center;
    font-weight: bold;
    margin-top: 8rem;
    color: #4f626c;
    font-size: 4rem;
    margin-bottom: 2rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .headingGrey {
        font-size: 3rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .headingGrey {
        font-size: 2.5rem;
    }
}
@media (max-width: 576px) {
    .headingGrey {
        font-size: 1.5rem;
    }
}

.visaimg {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 1rem;
    aspect-ratio: 1/1.3;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .visaimg {
        width: 80%;
        margin: auto;
        display: block;
    }
}
@media (max-width: 576px) {
    .visaimg {
        width: 80%;
        margin: auto;
        display: block;
    }
}

.visaExplain {
    color: #4f626c;
}
.visaExplain .visatitle {
    color: #4f626c;
    font-size: 2.5rem;
    display: block;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .visaExplain .visatitle {
        font-size: 2rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .visaExplain .visatitle {
        font-size: 2rem;
        text-align: center;
    }
}
@media (max-width: 576px) {
    .visaExplain .visatitle {
        font-size: 1.5rem;
        text-align: center;
    }
}
.visaExplain p {
    /*font-size: 2rem;*/
    /*font-weight: lighter;*/
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .visaExplain p {
        font-size: 1.5rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .visaExplain p {
        font-size: 1.3rem;
    }
}
@media (max-width: 576px) {
    .visaExplain p {
        font-size: 1.1rem;
    }
}
.visaExplain div .arrowemoji {
    color: #3ebda9;
    font-size: 2rem;
    margin-right: 0.7rem;
    margin-top: 0.3rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .visaExplain div .arrowemoji {
        font-size: 1.2rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .visaExplain div .arrowemoji {
        font-size: 1.2rem;
    }
}
@media (max-width: 576px) {
    .visaExplain div .arrowemoji {
        font-size: 1.2rem;
    }
}
.visaExplain div .timespan {
    font-size: 2rem;
    font-family: "italic";
}

.applyNowBtn {
    background-color: #4f626c;
    color: white;
    display: block;
    padding: 0.3rem;
    font-size: 1.3rem;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    width: 10rem;
    text-align: center;
}
.applyNowBtn:hover {
    transform: scale(1.02);
    color: white;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .applyNowBtn {
        width: 9rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .applyNowBtn {
        width: 9rem;
        font-size: 1.2rem;
    }
}
@media (max-width: 576px) {
    .applyNowBtn {
        width: 8rem;
        font-size: 1rem;
    }
}

.personelInfoHeading {
    font-size: 2.5rem;
    color: #4f626c;
    font-family: "futura";
    margin-top: 1rem;
    position: relative;
    display: block;
    margin-top: 2rem;
}
.personelInfoHeading::before {
    content: url("../svg/airplane_1.svg");
    position: absolute;
    top: 0px;
    left: -2.5rem;
    width: 2rem;
}
@media (max-width: 576px) {
    .personelInfoHeading::before {
        left: -2rem;
        width: 1.5rem;
    }
}
@media (max-width: 576px) {
    .personelInfoHeading {
        font-size: 1.5rem;
        margin-top: 2rem;
        margin-left: 2rem;
    }
}

.personaInfo2 {
    font-size: 2rem;
    color: #4f626c;
    font-family: "futura";
    margin-top: 1rem;
    position: relative;
    margin-top: 2rem;
}
.personaInfo2::before {
    content: url("../svg/airplane_1.svg");
    position: absolute;
    top: 0px;
    left: -2.5rem;
    width: 2rem;
}
@media (max-width: 576px) {
    .personaInfo2::before {
        left: -2rem;
        width: 1.5rem;
    }
}
@media (max-width: 576px) {
    .personaInfo2 {
        font-size: 1.5rem;
        margin-top: 2rem;
        margin-left: 3rem;
        display: block;
    }
}

.burjImgbackground {
    background-image: url("../images/visa.webp");
    background-repeat: no-repeat;
    background-size: 100%;
}
@media (max-width: 576px) {
    .burjImgbackground {
        background-size: 100% 55rem;
    }
}

p {
    color: #4f626c;
}

.filepond--drop-label {
    color: #4c4e53;
}

.filepond--label-action {
    -webkit-text-decoration-color: #babdc0;
    text-decoration-color: #babdc0;
}

.filepond--panel-root {
    border-radius: 2em;
    background-color: #edf0f4;
    height: 1em;
}

.filepond--item-panel {
    background-color: #595e68;
}

.filepond--drip-blob {
    background-color: #7f8a9a;
}

.custom-file {
    position: relative;
    overflow: hidden;
    height: 3rem;
    background-color: rgba(238, 238, 238, 0.8);
    width: 80%;
    background-color: #eee;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    display: block;
    margin-bottom: 2rem;
    margin-left: 5rem;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .custom-file {
        margin-left: 3rem;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .custom-file {
        margin-left: 1rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .custom-file {
        margin-left: 1rem;
    }
}
@media (max-width: 576px) {
    .custom-file {
        margin-left: 1rem;
    }
}
.custom-file .content {
    line-height: 3rem;
    max-width: 14rem;
    font-family: tahoma, arial;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    margin-left: 1rem;
    color: gray;
}
.custom-file .button {
    position: absolute;
    top: 0;
    cursor: pointer;
    color: white;
    right: 9px;
    top: 3px;
}
.custom-file input[type="file"] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    outline: none;
    opacity: 0;
}

.uploadImg {
    width: 2rem;
    position: absolute;
    right: 15%;
    top: 3.5rem;
}

.donebookPara {
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: -1rem;
    margin-top: 2rem;
}

.radio-custom {
    opacity: 0;
    position: absolute;
}

.radio-custom,
.radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.radio-custom-label {
    position: relative;
    font-size: 2rem;
    color: #4f626c;
    font-family: "light";
}
@media (max-width: 576px) {
    .radio-custom-label {
        font-size: 1.5rem;
    }
}

.radio-custom + .radio-custom-label:before {
    content: "";
    background: #fff;
    border: 2px solid #ccc;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
    background: #3ebda9;
}

.visaPriceDiv {
    display: flex;
    justify-content: right;
    align-items: center;
    gap: 1rem;
}
.visaPriceDiv .totalPricediv1 .span1 {
    font-size: 3rem;
    color: #4f626c;
    font-family: "futura";
    display: block;
    margin-bottom: -1rem;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .visaPriceDiv .totalPricediv1 .span1 {
        font-size: 2rem;
    }
}
@media (max-width: 576px) {
    .visaPriceDiv .totalPricediv1 .span1 {
        font-size: 1.6rem;
    }
}
.visaPriceDiv .totalPricediv1 .span2 {
    color: #4f626c;
    font-size: 0.8rem;
}
.visaPriceDiv .divgreen {
    width: 12rem;
    border: 1px solid #3ebda9;
    text-align: center;
    display: flex;
    justify-content: space-between;
    padding: 0.5rem;
    line-height: 2;
    border-radius: 0.5rem;
    margin-left: 1rem;
    margin-top: 1rem;
    margin: 0;
}
.visaPriceDiv .divgreen span {
    font-size: 1.8rem;
    color: #4f626c;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .visaPriceDiv .divgreen span {
        font-size: 1.2rem;
    }
}
@media (max-width: 576px) {
    .visaPriceDiv .divgreen span {
        font-size: 1.2rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .visaPriceDiv .divgreen {
        width: 7rem;
    }
}
@media (max-width: 576px) {
    .visaPriceDiv .divgreen {
        width: 7rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .visaPriceDiv {
        justify-content: left;
    }
}
@media (max-width: 576px) {
    .visaPriceDiv {
        justify-content: left;
    }
}

.container1 {
    display: inline;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 1.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #4f626c;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .container1 {
        font-size: 1rem;
    }
}
@media (max-width: 576px) {
    .container1 {
        font-size: 1rem;
    }
}

/* Hide the browser's default checkbox */
.container1 input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}
@media (max-width: 576px) {
    .checkmark {
        top: 2px;
        height: 21px;
    }
}

/* On mouse-over, add a grey background color */
.container1:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container1 input:checked ~ .checkmark {
    background-color: #3ebda9;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container1 input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container1 .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.btnTermCond {
    color: #3ebda9;
    font-size: 1.5rem;
    border-bottom: 2px solid #3ebda9;
    cursor: pointer;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .btnTermCond {
        font-size: 1.2rem;
    }
}
@media (max-width: 576px) {
    .btnTermCond {
        font-size: 1.2rem;
    }
}

.submit {
    display: block;
    margin: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-top: 3rem;
    margin-bottom: 2rem;
    background-color: #3ebda9;
    color: white;
    padding: 0.1rem 1.5rem;
    width: 11rem;
    font-size: 1.1rem;
    border: 1px solid transparent;
    border-radius: 0.5rem;
}
.submit:hover {
    transform: scale(1.02);
}

.conditionHead {
    color: #4f626c;
    text-align: center;
}

.paddin2 {
    padding: 2rem;
}
@media (max-width: 576px) {
    .paddin2 {
        padding: 1rem 0.9rem;
    }
}

.modalxssmaller {
    width: 90%;
    margin: auto;
}

.total_Payment {
    display: flex;
    justify-content: right;
}
.total_Payment span {
    color: #4f626c;
    font-size: 2.5rem;
    margin-right: 1rem;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .total_Payment span {
        font-size: 1.5rem;
    }
}
@media (max-width: 576px) {
    .total_Payment span {
        font-size: 1.5rem;
    }
}
.total_Payment div {
    color: #3ebda9;
    background-color: #eee;
    text-align: center;
    padding: 0rem 0.5rem;
    font-size: 1.8rem;
    height: 3rem;
    font-weight: 600;
    border-radius: 0.5rem;
    margin-top: 0.7rem;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .total_Payment div {
        font-size: 1.3rem;
        height: 2rem;
        margin-top: 0.3rem;
    }
}
@media (max-width: 576px) {
    .total_Payment div {
        margin-top: 0.3rem;
        font-size: 1.3rem;
        height: 2rem;
    }
}

.LabelGreendiv {
    font-size: 1.5rem;
}
.LabelGreendiv .spangreen {
    color: #3ebda9;
    display: block;
}
.LabelGreendiv .spangrey {
    color: #4f626c;
}
@media (max-width: 576px) {
    .LabelGreendiv {
        font-size: 1.2rem;
        margin-left: 2rem;
    }
}

.visaorcard {
    display: flex;
    justify-content: space-between;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .visaorcard {
        display: block;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .visaorcard {
        display: block;
    }
}
@media (max-width: 576px) {
    .visaorcard {
        display: block;
    }
}

.imgcardVisa {
    margin-top: 2rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .imgcardVisa {
        text-align: end;
        margin-top: 0rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .imgcardVisa {
        text-align: end;
        margin-top: 0rem;
    }
}
@media (max-width: 576px) {
    .imgcardVisa {
        text-align: end;
        margin-top: 0rem;
    }
}

.visacardImg {
    width: 2rem;
    width: 5rem;
    margin-right: 0.5rem;
}
@media (max-width: 576px) {
    .visacardImg {
        width: 4rem;
    }
}

.d-flex-month {
    width: 75%;
    margin: auto;
    margin-top: 1rem;
    display: flex;
}
.d-flex-month div {
    display: inline;
    width: 100%;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .d-flex-month {
        width: 88%;
    }
}
@media (max-width: 576px) {
    .d-flex-month {
        width: 86%;
    }
}

.lblmonth {
    display: block;
    margin-left: 1rem;
    color: #4f626c;
}

.inputmonth {
    width: 98%;
    padding: 0.8rem 0.5rem;
    background-color: #eee;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    margin: auto;
    display: block;
}

.inputStyle2 {
    padding: 0.8rem 0.5rem;
    width: 100%;
    background-color: #eee;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    display: block;
}

.lblInput2 {
    display: block;
    color: #4f626c;
}

.lblcv {
    position: absolute;
    left: 4rem;
    top: 15px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .lblcv {
        left: 3rem;
    }
}
@media (max-width: 576px) {
    .lblcv {
        left: 2rem;
    }
}

.notereddiv {
    color: #4f626c;
    font-size: 1.5rem;
    margin-top: 2rem;
}
.notereddiv .rednote {
    color: red;
    border-bottom: 2px solid red;
    font-size: 1.8rem;
}
@media (max-width: 576px) {
    .notereddiv .rednote {
        font-size: 1.3rem;
    }
}
@media (max-width: 576px) {
    .notereddiv {
        font-size: 1rem;
    }
}

.contactWhats {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
}
.contactWhats span {
    color: #3ebda9;
    font-size: 1.3rem;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .contactWhats span {
        display: block;
    }
}
@media (max-width: 576px) {
    .contactWhats span {
        font-size: 1.1rem;
        margin-bottom: 0.5rem;
        display: block;
    }
}
.contactWhats a {
    background-color: #3ebda9;
    color: white;
    padding: 0.4rem 1rem;
    border-radius: 0.5rem;
}
.contactWhats a img {
    width: 1.2rem;
    margin-right: 0.3rem;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .contactWhats {
        display: block;
    }
}
@media (max-width: 576px) {
    .contactWhats {
        display: block;
    }
}

.back_pay_div {
    margin-top: 3rem;
    margin-bottom: 2rem;
    text-align: center;
}
.back_pay_div a {
    background-color: #eee;
    width: 7rem;
    display: inline-block;
    padding: 0.4rem 1.5rem;
    border-radius: 0.5rem;
    color: #4f626c;
    margin-right: 0.5rem;
}
.back_pay_div button {
    background-color: #3ebda9;
    width: 7rem;
    display: inline-block;
    font-size: 1.2rem;
    border-radius: 0.5rem;
    border-color: transparent;
    color: white;
    margin-left: 0.5rem;
    padding: 0.15rem;
}

.conditionPar {
    font-size: 1.2rem;
    margin-top: 1rem;
}
@media (max-width: 576px) {
    .conditionPar {
        font-size: 0.9rem;
    }
}

.okbtn {
    display: block;
    margin: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-bottom: 1rem;
    margin-top: 3rem;
    background-color: #3ebda9;
    color: white;
    border-radius: 0.5rem;
    border-color: transparent;
    padding: 0.1rem 1.5rem;
}

.airplaneBackground {
    background-image: url("../images/booking.webp");
    background-repeat: no-repeat;
}


.dropdown dd,
.dropdown dt,
.dropdown ul {
    margin: 0px;
    padding: 0px;
}

.dropdown dd {
    position: relative;
}

.dropdown a,
.dropdown a:visited {
    color: #816c5b;
    text-decoration: none;
    outline: none;
}

.dropdown a:hover {
    color: #5d4617;
}

.dropdown dt a:hover {
    color: #5d4617;
}

.dropdown dt a {
    display: block;
    padding-right: 20px;
    background: #b6b5b5 url("../svg/arrow.svg") no-repeat scroll 92.5% center;
    background-size: 1rem;
    background-position-x: right 11px;
    border: 1px solid #b6b5b5;
    width: 18rem;
    height: 3.5rem;
    border-radius: 0.5rem;
}
@media (max-width: 576px) {
    .dropdown dt a {
        width: 17rem;
    }
}

.dropdown dt a span {
    cursor: pointer;
    display: block;
    padding: 5px;
    color: #4f626c;
    line-height: 2rem;
}

.dropdown dd ul {
    color: #c5c0b0;
    display: none;
    left: 0px;
    padding: 5px 0px;
    position: absolute;
    width: auto;
    list-style: none;
    background: #b6b5b5 none repeat scroll 0 0;
    border: 1px solid #b6b5b5;
    top: 1px;
    /*min-width: 18rem;*/
    border-radius: 0.5rem;
    z-index: 2;
}
@media (max-width: 576px) {
    .dropdown dd ul {
        min-width: 17rem;
    }
}

.dropdown span.value {
    display: none;
}

.dropdown dd ul li a {
    padding: 5px;
    display: block;
}

.dropdown dd ul li a:hover {
    background-color: #999;
}

.dropdown img.flag {
    border: none;
    vertical-align: middle;
    margin-left: 10px;
    width: 11rem;
}

.flagvisibility {
    display: none;
}

.d-flexxx {
    justify-content: space-around;
    display: flex;
    margin-top: 2rem;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .d-flexxx {
        display: block;
    }
}
@media (max-width: 576px) {
    .d-flexxx {
        display: block;
    }
}

.buttonFlight {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    font-size: 2rem;
    color: #4f626c;
    display: block;
    position: relative;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .buttonFlight {
        font-size: 1.3rem;
        margin-top: 0.8rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .buttonFlight {
        font-size: 1.3rem;
        margin-top: 0.8rem;
    }
}
@media (max-width: 576px) {
    .buttonFlight {
        font-size: 1.2rem;
        margin-left: 2rem;
        margin-top: 0.6rem;
    }
}

.buttonFlight::before {
    position: absolute;
    content: url(../svg/airplane_1.svg);
    width: 2rem;
    left: -2.5rem;
}
@media (max-width: 576px) {
    .buttonFlight::before {
        width: 1.2rem;
        left: -1.5rem;
    }
}

.buttonFlight.active {
    font-weight: bold;
}
@media (max-width: 576px) {
    .buttonFlight.active {
        margin-left: 3.5rem;
    }
}

.buttonFlight:hover {
    font-weight: bold;
    margin-left: 1.5rem;
    transition: ease-in-out 0.2s;
}
@media (max-width: 576px) {
    .buttonFlight:hover {
        margin-left: 3.5rem;
    }
}

.buttonFlight.active::before {
    position: absolute;
    content: url(../svg/grey_airplane.svg);
    width: 2rem;
    left: -2.5rem;
}
@media (max-width: 576px) {
    .buttonFlight.active::before {
        width: 1.2rem;
        left: -1.5rem;
    }
}

.buttonFlight:hover::before {
    position: absolute;
    content: url(../svg/grey_airplane.svg);
    width: 2rem;
    left: -2.5rem;
}
@media (max-width: 576px) {
    .buttonFlight:hover::before {
        width: 1.2rem;
        left: -1.5rem;
    }
}

.avaliableFlightsHead {
    font-size: 2.5rem;
    text-align: center;
    display: block;
    margin-top: 2rem;
    color: #4f626c;
    font-family: "medium";
}
@media (max-width: 576px) {
    .avaliableFlightsHead {
        font-size: 2rem;
    }
}

.flightTimeDiv {
    position: absolute;
    top: 0;
    display: block;
    margin: auto;
    width: 100%;
    text-align: center;
    padding: 2rem;
    left: 0;
}
.flightTimeDiv .daySpan {
    display: block;
    font-size: 2.9rem;
    color: #3ebda9;
    font-weight: bold;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .flightTimeDiv .daySpan {
        font-size: 2rem;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .flightTimeDiv .daySpan {
        font-size: 2rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .flightTimeDiv .daySpan {
        font-size: 1.8rem;
    }
}
@media (max-width: 576px) {
    .flightTimeDiv .daySpan {
        font-size: 1.5rem;
    }
}
.flightTimeDiv .Deputurespan {
    display: block;
    font-size: 2rem;
    color: #4f626c;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .flightTimeDiv .Deputurespan {
        font-size: 1rem;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .flightTimeDiv .Deputurespan {
        font-size: 1.5rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .flightTimeDiv .Deputurespan {
        font-size: 1.2rem;
    }
}
@media (max-width: 576px) {
    .flightTimeDiv .Deputurespan {
        font-size: 1.2rem;
    }
}
.flightTimeDiv .timespan2 {
    display: block;
    font-size: 2rem;
    color: #4f626c;
    font-family: "light";
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .flightTimeDiv .timespan2 {
        font-size: 1.2rem;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .flightTimeDiv .timespan2 {
        font-size: 1.5rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .flightTimeDiv .timespan2 {
        font-size: 1.2rem;
    }
}
@media (max-width: 576px) {
    .flightTimeDiv .timespan2 {
        font-size: 1.2rem;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .flightTimeDiv {
        padding: 1rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .flightTimeDiv {
        padding: 1rem;
    }
}
@media (max-width: 576px) {
    .flightTimeDiv {
        padding: 0.5rem;
    }
}

.getdetailsdiv {
    position: absolute;
    bottom: 0px;
    width: 90%;
    background-color: #3ebda9;
    color: white;
    height: 4rem;
    border: 1px solid transparent;
    border-radius: 0rem 0rem 0.5rem 0.5rem;
    font-size: 2rem;
    text-align: center;
    cursor: pointer;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .getdetailsdiv {
        font-size: 1.5rem;
        line-height: 2;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .getdetailsdiv {
        height: 3rem;
        font-size: 1.2rem;
        line-height: 2rem;
    }
}
@media (max-width: 576px) {
    .getdetailsdiv {
        height: 3rem;
        font-size: 1.2rem;
        line-height: 2rem;
        width: 89%;
    }
}

.hotelParaghraph {
    font-size: 2rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .hotelParaghraph {
        font-size: 1.5rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .hotelParaghraph {
        font-size: 1.5rem;
    }
}
@media (max-width: 576px) {
    .hotelParaghraph {
        font-size: 1.2rem;
    }
}

.flightTitlehotel {
    display: block;
    font-size: 2rem;
    color: #3ebda9;
    font-weight: bold;
}
@media (max-width: 576px) {
    .flightTitlehotel {
        font-size: 1.5rem;
    }
}

.imghotelDiv img {
    width: 100%;
    aspect-ratio: 1/1.2;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 1rem;
    height: auto;
    width: 100%;
}
.imghotelDiv .hotlname {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 1.5rem;
    color: #4f626c;
}
@media (max-width: 576px) {
    .imghotelDiv .hotlname {
        font-size: 1.3rem;
    }
}
.imghotelDiv span {
    text-align: center;
    display: block;
    font-size: 1.3rem;
    color: #4f626c;
}
@media (max-width: 576px) {
    .imghotelDiv span {
        font-size: 1rem;
    }
}

.bookeheadingg {
    text-align: center;
    font-size: 2rem;
    color: #3ebda9;
    font-weight: bold;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .bookeheadingg {
        text-align: left;
        font-size: 1.5rem;
    }
}
@media (max-width: 576px) {
    .bookeheadingg {
        text-align: left;
        font-size: 1rem;
    }
}

.svgdate {
    width: 1.5rem;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(-25%, -50%);
}

.nightsDays {
    display: block;
    text-align: center;
    color: #4f626c;
    font-size: 2rem;
    margin-top: 1rem;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .nightsDays {
        font-size: 1.3rem;
    }
}
@media (max-width: 576px) {
    .nightsDays {
        font-size: 1.3rem;
    }
}

.hotelnameBold {
    font-size: 4rem;
    color: #4f626c;
    font-weight: bold;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .hotelnameBold {
        font-size: 3rem;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .hotelnameBold {
        font-size: 3rem;
        display: none;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .hotelnameBold {
        font-size: 2.5rem;
        display: none;
    }
}
@media (max-width: 576px) {
    .hotelnameBold {
        font-size: 2.5rem;
        display: none;
    }
}

.hotelCity {
    font-weight: lighter;
}

.stars {
    display: flex;
    z-index: 999;
    margin-top: -1rem;
}
.stars .star:after {
    content: "★";
    color: gray;
    font-size: 2rem;
    margin-right: 1px;
}
@media (max-width: 576px) {
    .stars .star:after {
        margin-right: 0px;
        font-size: 1.8rem;
    }
}
.stars .star.active:after {
    content: "★";
    color: #3ebda9;
}
.stars.big {
    bottom: 0.5rem;
    left: 1.5rem;
}
@media (max-width: 576px) {
    .stars.big {
        left: 1rem;
    }
}
.stars.big .star:after {
    font-size: 1.5rem;
}
@media (max-width: 576px) {
    .stars.big .star:after {
        font-size: 1.3rem;
    }
}
.stars.comments {
    position: initial;
    transform: none;
    margin-left: auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    filter: none;
}

.img-fluid {
    aspect-ratio: 1/1.2;
    -o-object-fit: cover;
    object-fit: cover;
}

.hotelPar {
    font-size: 1.8rem;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .hotelPar {
        font-size: 1.7rem;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .hotelPar {
        font-size: 1.5rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .hotelPar {
        font-size: 1.3rem;
    }
}
@media (max-width: 576px) {
    .hotelPar {
        font-size: 1rem;
    }
}

.chidyears {
    color: #4f626c;
    font-size: 1rem;
    font-family: "light";
}

.mr1 {
    margin-right: 1rem !important;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .mr1 {
        margin-right: 2rem !important;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .mr1 {
        margin-right: 2rem !important;
    }
}
@media (max-width: 576px) {
    .mr1 {
        margin-right: 2rem !important;
    }
}

.cjildernSpan {
    color: #4f626c;
    font-size: 1.8rem;
    font-family: "light";
}

@media (max-width: 576px) {
    .cjildernSpan {
        font-size: 1.5rem;
    }
}

.childernAge {
    width: 100%;
    padding: 0.5rem 0;
    text-align: center;
    background-color: #eee;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    color: #4f626c;
}

@media (min-width: 577px) and (max-width: 767.98px) {
    .smal {
        margin-right: -1rem !important;
    }
}

/* .margrinRightRoom {
  margin-right: 3rem !important;
} */
/* @media (min-width: 992px) and (max-width: 1199.98px) {
  .margrinRightRoom {
    margin-right: 3rem !important;
  }
} */
/* @media (min-width: 768px) and (max-width: 991.98px) {
  .margrinRightRoom {
    margin-right: 3rem !important;
  }
}
@media (min-width: 577px) and (max-width: 767.98px) {
  .margrinRightRoom {
    margin-right: 1.5rem !important;
  }
}
@media (max-width: 576px) {
  .margrinRightRoom {
    margin-right: 3rem !important;
  }
} */

.breakfastLabel {
    font-size: 1.8rem;
}

@media (max-width: 576px) {
    .breakfastLabel {
        font-size: 1.5rem;
    }
}

.margin-right {
    margin-right: 15rem;
    margin-left: 0rem !important;
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .margin-right {
        margin-right: 7rem;
    }
}
@media (max-width: 576px) {
    .margin-right {
        margin-right: 2rem;
    }
}

@media (max-width: 576px) {
    .mlxs {
        margin-left: 0rem !important;
    }
}

.d-flexlg {
    display: flex;
}
@media (max-width: 576px) {
    .d-flexlg {
        display: block;
    }
}

.txtArea {
    width: 75%;
    background-color: #eee;
    border-radius: 0.8rem;
    height: 7rem;
    border-color: transparent;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .txtArea {
        width: 93%;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .txtArea {
        width: 93%;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .txtArea {
        width: 100%;
    }
}
@media (max-width: 576px) {
    .txtArea {
        width: 100%;
        margin-bottom: 2rem;
    }
}

.notetxtArea {
    display: block;
    font-size: 2rem;
    margin-left: 2rem;
    color: #4f626c;
}
@media (max-width: 576px) {
    .notetxtArea {
        font-size: 1.5rem;
    }
}

.hotelnamexs {
    display: none !important;
    font-size: 2.5rem;
    text-align: center;
    display: block;
    color: #4f626c;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .hotelnamexs {
        display: block !important;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .hotelnamexs {
        display: block !important;
    }
}
@media (max-width: 576px) {
    .hotelnamexs {
        display: block !important;
        font-size: 2rem;
    }
}

.sliderMt {
    margin-top: 10rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .sliderMt {
        margin-top: 1rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .sliderMt {
        margin-top: 1rem;
    }
}
@media (max-width: 576px) {
    .sliderMt {
        margin-top: 1rem;
    }
}

::-webkit-calendar-picker-indicator {
    opacity: 0;
    cursor: pointer;
    /* optional */
}

.loader {
    position: fixed;
    z-index: 333333333333333;
    background: #3ebda9;
    width: 100%;
    height: 100%;
}

.loader2 {
    width: 30%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-animation: loader 4s;
    animation: loader 4s;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .loader2 {
        width: 500px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .loader2 {
        top: 80%;
        width: 400px;
        height: 700px;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .loader2 {
        top: 40%;
        width: 300px;
    }
}
@media (max-width: 576px) {
    .loader2 {
        top: 50%;
        width: 200px;
    }
}

.load {
    position: fixed;
    z-index: 333333333333333;
    background: white;
    width: 100%;
    height: 100%;
    top: 0;
}

.load2 {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    align-items: center;
}
.load2 img {
    width: 9rem;
    -webkit-animation: loader22;
    animation: loader22;
    -webkit-animation-name: loader22;
    -webkit-animation-duration: 4000ms;
    animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    animation-name: loader22;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .load2 img {
        width: 9rem;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .load2 img {
        width: 9rem;
    }
}
@media (min-width: 577px) and (max-width: 767.98px) {
    .load2 img {
        width: 8rem;
    }
}
@media (max-width: 576px) {
    .load2 img {
        width: 7rem;
    }
}
@-webkit-keyframes loader22 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes loader22 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes loader {
    0% {
        opacity: 0;
    }
}
@keyframes loader {
    0% {
        opacity: 0;
    }
}

@media screen and (max-width: 370px) {
    .ulHeader {
        width: 67%;
    }
} /*# sourceMappingURL=style.css.map */