.aboutUs {
    background: none repeat scroll 0 0 rgba(0, 163, 77, 0.65);
}

.airTicketing {
    background: none repeat scroll 0 0 rgba(0, 163, 77, 0.65);
}

.hotel {
    background: none repeat scroll 0 0 rgba(0, 163, 77, 0.65);
}

.visa {
    background: none repeat scroll 0 0 rgba(0, 163, 77, 0.65);
}

.embassyAttestation {
    background: none repeat scroll 0 0 rgba(0, 163, 77, 0.65);
}

.umra {
    background: none repeat scroll 0 0 rgba(0, 163, 77, 0.65);
}

.trainBus {
    background: none repeat scroll 0 0 rgba(0, 163, 77, 0.65);}

.mice {
    background: none repeat scroll 0 0 rgba(0, 163, 77, 0.65);}

.insurance {
    background: none repeat scroll 0 0 rgba(0, 163, 77, 0.65);}

.slideTwo {
    background: none repeat scroll 0 0 rgba(0, 163, 77, 0.65);}
.highlights i { font-size: 40px;}
#wallDiv {
    width: 100%;
    height: 20em;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

#wallDiv .wallTextDiv {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 70%;
    left: 5%
}

@media (min-width: 768px) {
    #wallDiv .wallTextDiv {
        top: 60%
    }
}

#wallDiv .wallTextDiv .wallText {
    margin: 0;
    color: #fefefe;
    font-size: 3rem;
    bottom: 20px
}

@media (min-width: 568px) {
    #wallDiv .wallTextDiv .wallText {
        font-size: 4rem
    }
}

@media (min-width: 1024px) {
    #wallDiv .wallTextDiv .wallText {
        font-size: 4rem
    }
}

.contentDiv {
    padding-top: 2rem
}

.contentDiv .serviceContentList::before {
    content: "";
     background-color: #960000;
    margin-right: .5rem;
    position: absolute;
    width: 7px;
    height: 7px;
    left: 0;
    top: 10px;
    border-radius: 15px;
}

.contentDiv .serviceContentListDiv .serviceContentList {
    list-style-type: none;
    position: relative; 
    padding-left: 20px;
}

.contentDiv .serviceContentSubListDiv {
    margin: 1rem
}

.contentDiv .serviceContentSubListDiv .serviceContentSubList {
    list-style-type: none
}

.contentDiv .serviceContentSubListDiv .serviceContentSubList::before {
    content: "•";
    color: #df4b4b;
    margin-right: .5rem
}

.bottomPadding {
    padding: 3rem 0
}

.textBold {
    font-weight: 600
}

.content {
    text-align: left
}

#contactFormSection {
    width: 100%;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#contactFormSection #contactFormDiv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.5rem
}

#contactFormSection #contactFormDiv #form {
    margin-top: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#contactFormSection #contactFormDiv #form .formInput {
    width: 100%;
    height: 2rem;
    padding: 0 1rem 0 0;
    margin-top: 1rem;
    border: none;
    border-bottom: 1px solid #e4e2e0
}

#contactFormSection #contactFormDiv #form .contactButton {
    background-color: #d61010;
    background-image: linear-gradient(147deg, #d61010 0%, #ff3425 74%);
    width: 10rem;
    margin-top: 1.5rem;
    border: none;
    padding: .5rem;
    border-radius: 100px;
    color: #fefefe
}

#highlightsDiv {
    padding-top: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 0
}

@media (min-width: 768px) {
    #highlightsDiv {
        padding-bottom: 5rem
    }
}

#highlightsDiv .highlights {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 1rem;
    text-align: center;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

@media (min-width: 568px) {
    #highlightsDiv .highlights {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media (min-width: 768px) {
    #highlightsDiv .highlights {
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%
    }
}

@media (min-width: 768px) {
    #highlightsDiv .highlights {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

#highlightsDiv .highlights .highlightsIconDiv:hover {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

#highlightsDiv .highlights .highlightsIconDiv {
    width: 3rem;
    height: 3rem;
    background-color: #faa424;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    padding: .5rem;
    -webkit-transition: -webkit-transform 0.8s;
    transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

#highlightsDiv .highlights .highlightsIconDiv .highlightsIcon {
    margin: auto;
    width: 100%
}

#highlightsDiv .highlights .highlightsHeading {
color:  #000;
    font-weight: 700
}

#highlightsDiv .highlights .highlightsContent {
    color: #202020
}

.holidayDealsBoxDiv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    padding: 2rem 0
}

@media (min-width: 568px) {
    .holidayDealsBoxDiv {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.holidayDealsBoxDiv .holidayDealsBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 10px;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s;
    padding: 0 2%;
    width: 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    margin-bottom: 2rem;
    min-width: 100px !important;
    max-width: 400px !important;
    margin: 1rem 0 !important
}

@media (min-width: 568px) {
    .holidayDealsBoxDiv .holidayDealsBox {
        padding: 0 2%;
        width: 50%;
        min-width: 50%;
        max-width: 50%
    }
}

@media (min-width: 768px) {
    .holidayDealsBoxDiv .holidayDealsBox {
        width: 33%;
        min-width: 33%;
        max-width: 33%
    }

    .holidayDealsBoxDiv .holidayDealsBox:hover {
        -webkit-transform: scale(0.985, 0.985);
        transform: scale(0.985, 0.985)
    }

    .holidayDealsBoxDiv .holidayDealsBox:hover .holidayDealBoxImageDiv .holidayDealBoxImage:hover {
        filter: brightness(60%);
        -webkit-filter: brightness(60%)
    }
}

.holidayDealsBoxDiv .holidayDealsBox a {
    border-radius: 10px 10px 0 0
}

.holidayDealsBoxDiv .holidayDealsBox .holidayDealBoxImageDiv {
    overflow: hidden;
    width: 100%;
    border-radius: 10px 10px 0 0
}

.holidayDealsBoxDiv .holidayDealsBox .holidayDealBoxImageDiv .holidayDealsBoxTitle {
    position: absolute;
    text-align: center;
    font-weight: 700;
    letter-spacing: 2px;
    margin-top: .8rem;
    color: #fefefe;
    z-index: 1;
    width: 100%;
    margin-top: 3rem;
    font-size: 1.953rem;
    border-radius: 10px 10px 0 0
}

@media (min-width: 568px) {
    .holidayDealsBoxDiv .holidayDealsBox .holidayDealBoxImageDiv .holidayDealsBoxTitle {
        font-size: 1.25rem
    }
}

.holidayDealsBoxDiv .holidayDealsBox .holidayDealBoxImageDiv .holidayDealBoxImage {
    width: 100%;
    border-radius: 10px 10px 0 0;
    filter: brightness(100%);
    -webkit-filter: brightness(100%);
    -webkit-transition: -webkit-filter .5s;
    transition: -webkit-filter .5s;
    transition: filter .5s;
    transition: filter .5s, -webkit-filter .5s
}

.holidayDealsBoxDiv .holidayDealsBox .holidayDealsBoxContent {
    width: 100%;
    height: 8rem;
    padding: .5rem .5rem 1rem .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0 0 10px 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fefefe;
    background-color: #faa424;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.holidayDealsBoxDiv .holidayDealsBox .holidayDealsBoxContent .holidayDealsBoxTitleDiv {
    width: 100%;
    text-align: center
}

.holidayDealsBoxDiv .holidayDealsBox .holidayDealsBoxContent .holidayDealsBoxTitleDiv .holidayDealsBoxDays {
    font-size: 1rem;
    margin-top: .8rem
}

.holidayDealsBoxDiv .holidayDealsBox .holidayDealsBoxContent .holidayDealsBoxTitleDiv .holidayDealsBoxDate {
    font-weight: 900;
    font-size: 1rem;
    margin-top: .8rem
}

#countrySection #countryDiv {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#countrySection #countryDiv .country {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 1rem;
    height: 4rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(#fdfcff), color-stop(#fdf9ff), color-stop(#fef6fd), to(#fff2fb));
    background: linear-gradient(to bottom, #fff, #fdfcff, #fdf9ff, #fef6fd, #fff2fb);
    -webkit-transform: none;
    transform: none;
    border-radius: 20px;
    border: 1px solid #da4177;
    margin: .5rem 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

@media (min-width: 350px) {
    #countrySection #countryDiv .country {
        width: 48%
    }
}

@media (min-width: 768px) {
    #countrySection #countryDiv .country {
        width: 22%
    }
}

#countrySection #countryDiv .country:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#da4177), color-stop(#d64282), color-stop(#d0458c), color-stop(#c84997), to(#c04da0));
    background: linear-gradient(to bottom, #da4177, #d64282, #d0458c, #c84997, #c04da0);
    -webkit-transform: translate(0px, -6px);
    transform: translate(0px, -6px);
    border: 1px solid transparent
}

#countrySection #countryDiv .country:hover h4 {
    color: #fefefe
}

#countrySection #countryDiv .country h4 {
    margin: auto;
    color: #da4177;
    font-weight: 600
}

/*# sourceMappingURL=services.css.map */