*{
    margin: 0;
    box-sizing: border-box;
}
section{
    position: relative;
}
:root {
    --green: #04aa6b;
    --white: #ffffff;
    --darkgray: #282a35;
    --lightgray:#f8f8f8;
    --black: #000;
  }
/* Header */
#header {
    background-color: var(--green);
}

#header .nav-link {
    color: var(--white);
    font-size: 16px;
    padding: 0 15px;
}

#header .navbar-brand {
    padding: 0;
}

#header .navbar-brand img {
    height: 44px;
}

#header li:last-child .nav-link {
    padding-right: 0;
}

/* Hero Section */
#hero-section  {
    background-size: cover;
    background-position: center center;
    min-height: 100vh;
    display: flex;
    align-items: center;
}


.heading1 {
    font-size: 45px;
    text-align: center;
    color: var(--white);
}
#hero-section:after {
    content: "";
    background-color: #00000024;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}
.hero-inner p {
    color: var(--white);
    text-align: center;
}
.btn-dark {
    background-color: var(--green);
    border: 1px solid var(--green);
    padding: 5px 20px;
    border-radius: 5px;
    text-transform: capitalize;
    text-decoration: none !important;
}


.booking-form {
    background-color: var(--white);
    border-radius: 5px;
    padding: 30px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 5px 8px 0px;
    max-width: 80%;
    margin: auto;
    margin-top: 30px;
}

.booking-form .from-to .exchange {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 25px;
    transform: translate(-50%, -50%);
    background-color: var(--white);
    padding: 5px;
    border-radius: 50%;
    border: 1px solid var(--black);
}

.booking-form .from-to {
    position: relative;
}

.booking-form .from-to select {
    width: 49%;
    padding: 13px 20px;
}
.booking-form .date-to-date input[type=date]{
    width: 49%;
    padding: 10px 20px;
}
.booking-form .btn-dark {
    margin-top: 14px;
}


/* Home Section 3 */
#hm-sec3 {
    padding-top: 50px;
    padding-bottom: 50px;
}

#hm-sec3 .heading2 {
    text-align: center;
}

#hm-sec3 .heading2 + p {
    text-align: center;
    margin-bottom: 30px;
}

.work-inner img {
    width: 100%;
}

.work-inner {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 5px;
}
.work-bottom {
    padding: 15px 20px;
}

.work-bottom .heading3 {
    font-size: 22px;
}

/* .work-bottom a {
    background-color: var(--green);
    color: var(--white);
    padding: 5px 20px;
    border-radius: 5px;
} */

/* Home Section 4 */


#hm-sec4 {
    background-color: var(--lightgray);
    padding: 50px 0;
}

#hm-sec4 .heading2 {
    text-align: center;
}

#hm-sec4 .heading2 + p {
    text-align:  center;
    margin-bottom: 30px;
}


#trips .owl-stage-outer {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.trip-item .trip-top {
    position: relative;
}

.trip-item .trip-top p {
    background-color: rgba(0, 0, 0, 0.42);
    position: absolute;
    width: 100%;
    bottom: -15px;
    color: var(--white);
    text-align: center;
    padding: 5px 10px;
    text-transform: uppercase;
}

.trip-item {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.trip-bottom {padding: 10px 20px;}

.trip-bottom p {
    margin-bottom: 0;
    text-transform: capitalize;
}


.price-container .price {
    font-size: 20px;
    color: var(--green);
    font-weight: 600;
}
.price-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#trips .owl-nav {
    display: block;
}

#trips .owl-nav span {
    font-size: 40px;
    line-height: 15px;
    background-color: #fff;
    display: block;
    border: 1px solid var(--black);
    padding: 6px 12px 17px;
    border-radius: 50%;
}

#trips .owl-nav button {
    line-height: 1;
}
#trips .owl-nav .owl-prev {
    position: absolute;
    top: 45%;
    left: 20px;
    transform: translateY(-50%);
}
#trips .owl-nav .owl-next {
    position: absolute;
    top: 45%;
    right:5px;
    transform: translateY(-50%);
}

/* Home Section 5 */
#hm-sec5{
    padding-top:50px;
    padding-bottom:50px;
}
#hm-sec5 .heading2, #hm-sec5 .heading2 + p {
    text-align: center;
}

#hm-sec5 .heading2 + p {
    margin-bottom: 30px;
}
.testimonials-inner {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 30px;
}

.testimonials-inner .quote-img {
    width: 50px !important;
    margin-bottom: 30px;
}

#testimonials .owl-stage-outer {
    padding: 15px;
}
#testimonials .quote-text {
    margin-bottom: 30px;
}

#testimonials .name {
    margin-bottom: 5px;
    font-weight: 500;
    line-height: 1.6;
}

#testimonials .designation {
    margin-bottom: 0;
}
#testimonials .client-img {
    border-radius: 50%;
}
#testimonials .owl-dots .owl-dot span {
    background-color: transparent;
    width: 15px;
    height: 15px;
    display: block;
    border: 1px solid var(--green);
    border-radius: 50%;
    margin: 5px;
}

#testimonials .owl-dots {
    text-align: center;
}

#testimonials .owl-dots .owl-dot.active span {
    background-color: var(--green);
}


/* Home Section 6 */
#hm-sec6 {
    background-color: var(--lightgray);
    padding: 50px 0;
}

#hm-sec6 .app-mock {
    width: 100%;
}
#hm-sec6 .row {
    align-items: center;
}

#hm-sec6 .heading2 {
    margin-bottom: 30px;
}

#hm-sec6 .col-md-7 {
    padding-left: 40px;
}

#hm-sec6 p {
    margin-bottom: 20px;
}
/* Home Section 7 */
#hm-sec7 {
    padding: 50px 0;
}

#hm-sec7 .heading2, #hm-sec7 .heading2  + p {
    text-align: center;
}

/* HOme Section 8 */
#hm-sec8 {
    padding: 50px 0;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
#hm-sec8 .heading2, #hm-sec8 .heading2  + p {
    text-align: center;
    color: var(--white);
}
#hm-sec8 .newsletter #email {
    width: 50%;
    padding: 11px 20px;
}

#hm-sec8 .newsletter .btn-dark {
    padding: 12px 20px;
}

@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1280px;
}
}