@font-face {
    font-family: 'Gabriola';
    src: url('../Fonts/Gabriola.woff') format('woff'), /* Pretty Modern Browsers */
    url('../Fonts/Gabriola.svg') format('svg'), /* Legacy iOS */
    url('../Fonts/Gabriola.ttf.eot'), /* IE9 Compat Modes */
    url('../webfonts/Gabriola.ttf.eot?#iefix') format('embedded-opentype');
    /* IE6-IE8 */
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Roboto';
    src: url('../Fonts/Roboto.ttf.woff') format('woff'), /* Pretty Modern Browsers */
    url('../Fonts/Roboto.ttf.svg#Roboto') format('svg'), /* Legacy iOS */
    url('../Fonts/Roboto.ttf.eot'), /* IE9 Compat Modes */
    url('../Fonts/Roboto.ttf.eot?#iefix') format('embedded-opentype');
    /* IE6-IE8 */
    font-weight: normal;
    font-style: normal;
}

p { margin: 0;
    padding: 0;}
    ul { margin: 0;
        list-style-type: none;
    padding: 0;}
    html,
    body {
       direction: ltr;
        margin: 0;
    }

/******************************************start main-s******************************************************/
/*************************************************************************************************************/
.main-s { background: url(../img/main-pic.png) center center no-repeat;
height: 600px;
background-size: cover;
margin-bottom: 150px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;}

.navbar-n { background-image: linear-gradient(#1F4236, #113227);
height: 130px;}

.navbar-brand > img { width: 145px;}

.navbar-collapse {     text-align: right;
    flex-direction: row-reverse;}

    .navbar-light .navbar-nav .nav-link {     color: #fff;
        margin-left: 25px;
        margin-right: 20px;
        text-transform: capitalize;}

.content-main-s {     text-align: left;
    padding: 10% 0 0;
    width: 80%;
    margin: auto;}

.content-main-s >h1 {    font-size: 60px;
    color: #fff;}

    .content-main-s >p { color: #fff;
    font-size: 18px;}

    .navbar-light .navbar-brand {     margin-left: 50px;}

    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #fff;}

    .form-s { width: 100%;
        margin-top: 40px;
        background-color: rgb(225 225 225 / 83%);
        float: right;
        padding: 10px;
        border-radius: 30px;
    box-shadow: -1px 0px 5px #fff;}

    .selection-s { width: 45%;

    margin-right: 5px;

    float: left;}

    .selection-s-non-b { width: 33%;
        margin-right: 5px;

    float: left;}

    .selection-s-non-b > select {        height: 45px; }

    .btn-search { width: 20%;
    float: left;}

    .selection-s > select {    border-top-left-radius: 30px;
        height: 45px;
        border-bottom-left-radius: 30px;}

/* .btn-search > button {  background-color: #008858;
    color: #fff;
    border-radius: 30px;
    width: 100%;
    border: none;
    padding: 10px;} */

/****************/
.form-search-content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.input-search-container {
    width: 80%;
}
.input-search-container__input {
    border-radius: 30px;
    padding: 10px;
    height: 44px;
}
.btn-search-container {
    width: 18%;
}
.btn-search-container__button {
    background-color: #008858;
    color: #fff;
    border-radius: 30px;
    width: 100%;
    border: none;
    padding: 10px;
}
@media (max-width: 426px) {
    .form-search-content {
        flex-direction: column;
    }
    .input-search-container {
        width: 100%;
    }
    .btn-search-container {
        width: 100%;
        margin-top: 5px;
    }
}
/*********/
.carousal-c-1 {
    float: left;
    width: 100%;
    margin-top: 22%;
    direction: ltr;
}

@media (max-width: 1024px) {
    .carousal-c-1 {
        margin-top: 30%;
    }
}
@media (max-width: 426px) {
    .carousal-c-1 {
        margin-top: 60%;
    }
}
@media (max-width: 320px) {
    .carousal-c-1 {
        margin-top: 88%;
    }
}
.img-c-category {text-align: center;
padding: 10px;}


            .img-c-category > a > img { width: 140px;}

.carousal-c-1 .slick-next { right: -5px;}

.carousal-c-1 .slick-prev { left: -5px;}

.carousal-c-1 .slick-next:before {  content:url('../img/arrow-right.png');
}

.carousal-c-1 .slick-prev:before {  content:url('../img/back.png');
}

.carousal-c-1 .slick-prev:before, .carousal-c-1 .slick-next:before { opacity: 1;
    line-height: 0;}

.carousal-c-1 .slick-prev, .carousal-c-1 .slick-next {     background: #fff;

border-radius: 50%;}

.carousal-c-1 .slick-dots li button:before { top: 45px;
color: #d3d1d1;}

.slick-dots li.slick-active button:before { color:#008858 ;}

.drop-down-list {
    position: relative;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    height: 95px;
    -o-transition: all .5s ease-in-out;
}

            .content-d {     position: absolute;
                display: none;
                width: 800px;
                right: -100%;
                background-color: #fff;
                border-radius: 5px;
                top: 100px;
                padding: 20px;
                z-index: 9999;
                box-shadow: 1px -1px 5px rgba(0,0,0,.18);
                text-align: left;}

        .heading-content-d {     font-weight: 600;
            margin-bottom: 20px;
            font-size: 18px;}

            .drop-down-list:hover .content-d { display: block;}

            .list-ul-mega ul > li { line-height: 20px;}

            .list-ul-mega ul > li > a { display: block;
                color: #000;
                font-size: 14px;
                margin-bottom: 18px;}

.list-ul-mega >h6 {     font-weight: 600;
margin-bottom: 18px;
font-size: 17px;}

.nav-item {
    line-height: 95px;
}

.navbar-nav a:hover {
    border-bottom: 1px solid #fff;
    height: 75px;
}

.list-ul-mega a:hover {height: 20px !important;}

.selection-s select.form-control:not([size]):not([multiple]) , .selection-s-non-b select.form-control:not([size]):not([multiple]) { height: 45px;}

.carousal-c-1  .slick-dots li button:before { content: '_' !important;
font-size: 40px; }

 .avatar-img-d { width: 30px;}

 .avatar-img-d span { color: #fff;
display: inline-block;}

.dropdown-l-a { height: 50px !important;
    font-size: 14px;
    color: #707070;
line-height: 50px !important;}

.dropdown-t {     left: -56px !important;
    top: 90%;}

 .wish-img-a { width: 23px;
    margin-right: 10px;}

    .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color: #fff;}


    .video-d > video { width: 500px;}

    .non-border-1 { border-bottom: transparent !important;}


/******************************************end main-s******************************************************/
/*************************************************************************************************************/

/*******************************************start top tours**********************************************************/
/*********************************************************************************************************************/


.top-tours {
    margin: 70px 0;
    float: left;
    width: 100%;
    text-align: center;
}

.title-t { text-align: center;}

.title-t > h1 { margin-bottom: 40px;}

.img-top-tour { position: relative;
    display: inline-block;
margin-bottom: 40px;
height: 400px;}
.img-top-tour__container {
    height: 100%;
}
.img-top-tour__container-image {
    max-width: 100%;
    height: 100%;
    border-radius: 10px;
}
.content-bg {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    border-radius: 10px;
    background: rgba(2,0,36, 0.5);
    background: linear-gradient(0deg, rgba(2,0,36,0.5) 0%, rgba(0,0,0,0.5) 12%, rgba(255,255,255,0.5) 100%);
}
.tour-card-content {
    position: absolute;
    bottom: 10px;
    width: 93%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;

}
.detail-t-r {
    /* position: absolute; */
    bottom: 30px;
    text-align: left;
    left: 25px;}

.f-p {      color: #fff;
    font-size: 16px;
    font-weight: bold;}

.sec-p { color: #fff;
font-size: 12px;}

.span-f { color: #fff;}

.icon-c { width: 14px;}

.rating-img { display: block;
    width: 60px;
    margin-top: 10px;}


.price-d {
    /* position: absolute; */
    bottom: 100px;
    right: 0;}

    .price-d > span {     display: inline-block;
        background-color: #008858;
        color: #fff;
        border-radius: 4px;
        padding: 4px 15px;
        font-weight: 600;}

/*************************************************end top tours**********************************************************/
/************************************************************************************************************************/


/*************************************************start why us**********************************************************/
/************************************************************************************************************************/


.why-us {     background-color: #E5F2ED;
    float: left;
    width: 100%;
    padding: 75px 0 100px;

    margin-bottom: 80px;}


    .content-why-us > p {color: #A7A7A7;
        font-size: 15px;
        margin-bottom: 25px;
        margin-top: 15px;}


.ul-list > li { color: #008858;
    font-size: 14px;
margin-bottom: 10px;}

.ul-list > li > img{
    margin-right: 10px;
    width: 10px;}





/*************************************************end why us**********************************************************/
/************************************************************************************************************************/

/*****************************************************start top destination***************************************/
/*************************************************************************************************************************/
.top-destination { float: left;
width: 100%;
margin: 50px 0 150px;
position: relative;}

.span-plane {     position: absolute;
    top: 10%;
    right: 15%;}

    .span-plane-1 {     position: absolute;
        bottom: -7%;
        left: 15%;}

    .span-plane > img { width: 60px;}

    .span-plane-1 > img { width: 60px;}
.w-img-1 { height: 250px;}

.w-img-1 > img { width: 100%;
height: 100%;}

.w-img-2 { height: 488px;}

.w-img-2 > img { width: 100%;
height: 100%;}

.w-img-3 { height: 250px;}

.w-img-3 > img { width: 100%;
height: 100%;}

.w-img-4 { height: 237px;}

.w-img-4 > img { width: 100%;
height: 100%;}

.w-img-5 { height: 236px;}

.w-img-5 > img { width: 100%;
height: 100%;}

.top-d { margin-top: 20px;
width: 100%;
float: left;}










/*****************************************************end top destination***************************************/
/*************************************************************************************************************************/


/**************************************start footer***************************************************/
/********************************************************************************************************/


.footer {
    background-color: #001A11;
    text-align: center;
    width: 100%;
    float: left;
    padding: 40px 0 0 0;}

.content-d-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
@media (max-width: 426px) {
    .content-d-footer {
        flex-direction: column;
    }
}
.content-d-footer > img {
    display: block;
    margin: 20px auto;
    width: 70px !important;
}

.content-d-footer > a {
    color: #fff;
    display: inline-block;
    margin: 0 15px;}

.content-d-footer > a:hover { text-decoration: none;}

.content-d-footer > a.active , .content-d-footer > a:hover { color: #008858;}

.social-media-l {
    margin: 17px auto;
}

.social-media-l > p {
    color: #fff;
    text-transform: capitalize;
}

.img-social-l {
    display: inline-block;
    margin: 5px;
}

@media (max-width: 768px) {
    .img-social-l {
        display: inline-block;
        margin: 1px;
    }
}
.img-social-l > img { width: 25px;}

.copy-right {
    margin-top: 50px;
    padding: 10px;
    background-color: #012116;
}

.copy-right > p{color: #fff;
    font-size: 14px; }

    .logo-footer-img > img { width: 135px;}

    .content-d-footer { margin-top: 20px;}

    .apps-d { margin-top: 25px;
    text-align: left;}

    .apps-d > h6 { color: #fff;
    font-size: 12px;}

    .apps-d > a { display: inline-block;}

    .apps-d > a > img { width: 80px;}

    .logo-footer-img { text-align: left;}

/**************************************end footer***************************************************/
/********************************************************************************************************/

/********************************start sign in********************************************************/
/****************************************************************************************************/


.sign-in-f { background: url('../img/bg-signIn.png') center center no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
width: 100%;
float: left;}

.form-sign-in { padding: 100px 0;
width: 100%;
float: left;}

.login-d {    width: 400px;
    background-color: rgba(225,225,225,.9);
    padding: 25px;
    float: right;
    border-radius: 10px;}

    .login-d > h6 {     font-size: 30px;

        text-align: center;
        color: #008858;
        font-weight: 600;
        margin-bottom: 15px;}


.input-f-login { margin-bottom: 20px;}

.login-btn-sub { padding: 8px 0 0;}
.btn-log { width: 100%;
    background-color: #008858;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 8px;
    font-size: 16px;
    text-transform: capitalize;
cursor: pointer;}

.btn-log::focus { border: none;}

.account-i-forget { padding: 10px 0;}

.account-f-1 {     color: #000;
    font-size: 14px;
    display: inline-block;}

    .account-f-1:hover , .forget-f-1:hover { color:#008858;
    text-decoration: none;}

.forget-f-1 {    float: right;
    color: #000; }

    .create-e-1 { text-align: center;
    padding: 0;}

    .create-e-1 > a {     display: inline-block;
        font-size: 16px;
        color: #008858;
        font-weight: 500;
        width: 250px;
        padding: 10px;
        border-radius: 5px;}

        .create-e-1 > a:hover { text-decoration: none;

       }


.inputs-check input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none
}





.label-check {
    display: inline-block;
    position: relative;
    font-size: 12px;
    padding-left: 5px;
    color: #000;
}

.label-check:before {
    content: '';
    width: 17px;
    height: 17px;
    border: 1px solid #9E9E9E;
    border-radius: 3px;
    background-color: #fff;
    display: inline-block;
    position: relative;
    top: 4px;
    left: -8px;
}

.label-check:before:focus { background-color: rgb(77, 54, 54);}

.inputs-check input[type="checkbox"]:checked+.label-check:after {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    display: inline-block;
    font-weight: 900;
    position: absolute;
    left: -3px;
    top: 4px;
    font-size: 12px;
    color: #fff;
    background-color: #008858;
    width: 17px;
    height: 17px;
    border-radius: 5px;
    padding: 0 0 0 2px;

}

.copy-right-s {     text-align: center;
    position: absolute;
    width: 100%;
    bottom: 15px;}

    .copy-right-s a { color: #fff;
    text-decoration: none;}
    .copy-right-s a:hover { text-decoration: none;}


/********************************end sign in********************************************************/
/****************************************************************************************************/


/************start sign up*************/
/**************************************/
.create-a-1 {     padding: 100px 0;
    width: 100%;
    float: left;}

    .create-f-l {     width: 600px;
        background-color: rgba(225,225,225,.9);
        padding: 30px;
        float: right;
        border-radius: 10px;}

    .create-a-1 > h6 {  font-size: 25px;
        text-transform: capitalize;
        text-align: center;
        color: #edaa65;
        font-weight: 600;
        margin-bottom: 25px;}


        .sign-up-1 {
            position: relative;
            padding: 50px 0;
            background: url('../img/SignUpImg.png')  bottom right no-repeat;
            height: calc(100vh - 120px);
            background-color: #EDAA65;
            background-size: 400px;
        }


        .d-a-account { padding: 10px 0 0;
            text-align: center;}

        .d-a-account > a {     display: block;
            font-size: 14px;
            text-transform: capitalize;
            margin: 0;
            color: #3E3E3E;}

        .d-a-account > a:hover { text-decoration: none;}

        .green-c{color: #008858 !important;
        text-transform: capitalize;}

        .create-f-l > h6 {     color: #008858;
            margin-bottom: 30px;
            text-align: center;
            font-size: 18px;}



/************end sign up******************/
/*****************************************/

/****************************************start search page*************************************************************/
/*********************************************************************************************************************/

.search-m {     margin: 100px 0;}

.first-s {    width: 80%;}

.first-s > h3 {    color: #008858;
    font-size: 25px;
    margin-bottom: 15px;}

.first-s > p {    font-size: 15px;
    line-height: 1.4;}

    .blog-r {box-shadow: -1px 1px 6px 1px rgb(10 10 10 / 16%);
        margin-bottom: 40px;
        border-radius: 5px;
        padding: 20px;
        margin-top: 50px;}

.img-t-1 {width: 200px;
position: relative;}

@media (max-width: 426px) {
    .img-t-1 {width: 100%;}
}

.img-t-1 > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.span-h {    position: absolute;
    top: 15px;
    right: 15px;}

.span-h > img { width: 25px;}

.title-r-c {     margin-bottom: 20px;}

.title-r-c  > h6 {     font-size: 15px;
    font-weight: 700;}

.rate-img-r { width: 80px;}

.title-r-c > span {     display: inline-block;
    font-size: 14px;
    margin-left: 20px;}

.inner-detail-r-s { margin-bottom: 10px;}

.inner-detail-r-s span:first-of-type {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    width: 37%;
}
@media (max-width: 426px) {
    .inner-detail-r-s span:first-of-type {
        width: 100%;
    }
}
.inner-detail-r-s span:last-of-type {
    font-size: 14px;
    word-break: break-word;
    display: inline-block;
}

.detail-tour-t { margin-bottom: 15px;}

.detail-tour-t > span:first-of-type {     font-size: 13px;
    display: block;}

.detail-tour-t > span:last-of-type {    font-weight: 500;
    font-size: 14px; }

.view-link-a {    display: inline-block;
    background-color: #008858;
    color: #fff;
    padding: 8px;
    border-radius: 5px;
    text-align: center;
    width: 150px;
    font-size: 14px; }

    .view-link-a:hover  { color: #fff;
    text-decoration: none;}

.link-download-a {    display: inline-block;
    border: 1px solid #008858;
    color: #008858;
    font-size: 14px;
    width: 150px;
    padding: 8px;
    text-align: center;
    border-radius: 5px;
    margin-top: 10px;}

    .link-download-a:hover  {    text-decoration: none;
        color: #008858;}

        .see-more-m { text-align: center;}

        .link-see-more { display: block;
        margin-bottom: 15px;
    color: #008858;}

    .link-see-more:hover { color: #008858;}

    .btn-modal-l { border: none;
    color: #fff;
background-color: #008858;
padding: 10px;
width: 250px;
border-radius: 5px;
text-align: center;}

@media (max-width: 426px) {
    .btn-modal-l {
        display: inline-block;
        margin-bottom: 5px;
        width: 100%;
    }
}
.content-result { margin-bottom: 50px;}
/*start slider*/

[slider] {
    position: relative;
    height: 14px;
    border-radius: 10px;
    text-align: left;
    margin: 20px 0 10px 0;
  }

  [slider] > div {
    position: absolute;
    left: 13px;
    right: 15px;
    height: 14px;
  }

  [slider] > div > [inverse-left] {
    position: absolute;
    left: 0;
    height: 2px;
    border-radius: 10px;
    background-color: #CCC;
    margin: 0 7px;
    top: 3px;
  }

  [slider] > div > [inverse-right] {
    position: absolute;
    right: 0;
    height: 2px;
    border-radius: 10px;
    background-color: #CCC;
    margin: 0 7px;
    top: 3px;
  }

  [slider] > div > [range] {
    position: absolute;
    left: 0;
    height: 2px;
    border-radius: 14px;
    background-color: #1ABC9C;
    top: 3px;
  }

  [slider] > div > [thumb] {
    position: absolute;
    top: -7px;
    z-index: 2;
    height: 20px;
    width: 20px;
    text-align: left;
    margin-left: -11px;
    cursor: pointer;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
    background-color: #008858;
    border-radius: 50%;
    outline: none;
  }

  [slider] > input[type=range] {
    position: absolute;
    pointer-events: none;
    -webkit-appearance: none;
    z-index: 3;
    height: 14px;
    top: -2px;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }

  div[slider] > input[type=range]::-ms-track {
    -webkit-appearance: none;
    background: transparent;
    color: transparent;
  }

  div[slider] > input[type=range]::-moz-range-track {
    -moz-appearance: none;
    background: transparent;
    color: transparent;
  }

  div[slider] > input[type=range]:focus::-webkit-slider-runnable-track {
    background: transparent;
    border: transparent;
  }

  div[slider] > input[type=range]:focus {
    outline: none;
  }

  div[slider] > input[type=range]::-ms-thumb {
    pointer-events: all;
    width: 28px;
    height: 28px;
    border-radius: 0px;
    border: 0 none;
    background: red;
  }

  div[slider] > input[type=range]::-moz-range-thumb {
    pointer-events: all;
    width: 28px;
    height: 28px;
    border-radius: 0px;
    border: 0 none;
    background: red;
  }

  div[slider] > input[type=range]::-webkit-slider-thumb {
    pointer-events: all;
    width: 28px;
    height: 28px;
    border-radius: 0px;
    border: 0 none;
    background: red;
    -webkit-appearance: none;
  }

  div[slider] > input[type=range]::-ms-fill-lower {
    background: transparent;
    border: 0 none;
  }

  div[slider] > input[type=range]::-ms-fill-upper {
    background: transparent;
    border: 0 none;
  }

  div[slider] > input[type=range]::-ms-tooltip {
    display: none;
  }

  [slider] > div > [sign] {
    opacity: 1;
    position: absolute;
    margin-left: -15px;
    top: -39px;
    z-index:3;
    color: #000;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
  }



  [slider] > div > [sign] > span {
    font-size: 12px;
    font-weight: 700;
    line-height: 28px;
  }

  [slider]:hover > div > [sign] {
    opacity: 1;
  }

  .filter-d {    box-shadow: -1px 1px 6px 1px rgb(10 10 10 / 16%);
    border-radius: 5px;
    margin-bottom: 100px;
    }

    .filter-heading {    background-color: #008858;
        color: #fff;
        padding: 15px;
        border-radius: 5px 5px 0 0;}
/*end slider*/

.label-l {     padding-left: 10px;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 10px;
    font-size: 15px;
}

.label-l-1 {
    font-weight: 600;
    margin-top: 10px;
    font-size: 15px;}

.input-t-r { padding: 10px;}

.p-check {     padding: 10px;
    margin-top: 20px;}

.labels-s { font-weight: 600;}

.f-result { padding: 20px;}

.range-input-t { margin-top: 10px;}

/* Create a custom radio button */

.radio-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fdfdfd;
    border-radius: 50%;
    border: 1px solid #999;
}

.radio-check input:checked~.checkmark {
    border: 1px solid #008858;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.radio-check input:checked~.checkmark:after {
    display: block;
}

.radio-check .checkmark:after {
    top: 2px;
    left: 2px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #008858;
}

select.form-control:not([size]):not([multiple]) {
    height: 31px;
}

.label-vertical-check {
    margin-top: 60px;
    padding-right: 15px;
}

.check-form {
    padding-bottom: 10px
}

.radio-check { padding-left: 30px;
    position: relative;
font-size: 14px;}

.labels { font-weight: 600;}

.check-rate {     padding: 10px;}

.check-rate > label {font-weight: 600;
    font-size: 15px;
    margin: 0;}

.check-rate > img {    width: 80px;
    display: inline-block; }

    .border-none { border-bottom: none;}

    .close-img img{width: 35px; }

    .heading-r-c {text-align: left;
        font-size: 20px;
        margin-bottom: 20px; }

    .paragraph-r-c { text-align: left;
        font-size: 14px;
        margin-bottom: 20px;}

        .label-m {     text-align: left;
            float: left;
            font-weight: 600;
            font-size: 13px;}

            .input-m { margin-bottom: 20px;
            height: 40px !important;}

            .request-content { padding: 10px;}

            .btn-i {     border: none;
                width: 20px;
                height: 20px;
                border-radius: 25px;
                font-size: 13px;
                padding: 0;
                display: inline-block;}

            .btn-plus {     border: none;
                width: 20px;
                height: 20px;
                border-radius: 25px;
                font-size: 13px;
                padding: 0;
                display: inline-block;}
              .span-num { display: inline-block;
                font-size: 14px;}
               /*.input-num { display: inline-block;
                font-size: 14px;}*/

                .btn-s {     width: 290px;
                    margin-top: 20px;
                    display: inline-block;
                    border: none;
                    color: #fff;
                    background-color: #008858;
                    padding: 10px;
                    border-radius: 5px;}
/*********************************************end search page***********************************************************/
/**********************************************************************************************************************/

/**************************************start tour detail***************************************************************/
/**********************************************************************************************************************/

.one-detail-1 { margin-top: 100px;}

.heading-h3-1 {     margin-bottom: 15px;
    font-size: 25px;
    font-weight: 700;}

.span-1 {     display: inline-block;
    text-decoration: underline;
    margin-right: 15px;
    font-weight: 600;}

.span-2 { display: inline-block;
    font-weight: 600;
}

.img-rate-1 {     width: 80px;
    display: inline-block;
    margin-top: -5px;}


.p-tour-1 { margin: 10px 0;
    font-weight: 600;}

.two-detail-2 { margin-top: 100px;}

.span-inner { display: inline-block;
    background-color: #00885814;
    margin-right: 10px;
    margin-bottom: 5px;
    padding: 5px;
    border-radius: 5px;}

.p-tour-2 { margin:10px 0 ;
font-weight: 600;}

.img-share { width: 30px;
margin-right: 10px;}

.two-detail-2 a { color: #000;
text-transform: capitalize;}

.two-detail-2 p { font-weight: 600;
margin: 15px 0;}

.img-g-one { height: 350px;}

.img-g-one > img { width: 100%;
height: 100%;}

.img-g-two {    width: 65%;
    float: left;
    height: 190px;
    margin-right: 3%;}

.img-g-two > img { width: 100%;
    float: left;
height: 100%;}

.img-g-three {width: 30%;
    float: left;
height: 190px; }

.img-g-three  > img { width: 100%;
    float: left;
height: 100%;}

.img-gallery-four { width: 30%;
    float: left;
    margin-right: 3%;
    margin-top: 10px;
height: 150px;}

.img-gallery-four  > img { width: 100%;
    float: left;
height: 100%;}

.img-gallery-five { width: 65%;
    float: left;
    height: 150px;
    margin-top: 10px;
    }

    .img-gallery-five  > img { width: 100%;
        float: left;
    height: 100%;}

    /***************/

    .img-gallery-2 {    width: 65%;
        float: left;
        height: 190px;
        margin-right: 3%;}

    .img-gallery-2 > img { width: 100%;
        float: left;
    height: 100%;}

    .img-gallery-3 {width: 30%;
        float: left;
    height: 190px; }

    .img-gallery-3  > img { width: 100%;
        float: left;
    height: 100%;}

    .img-gallery-4 {
        width: 30%;
        float: left;
        margin-right: 3%;
        margin-top: 10px;
        height: 150px;
    }

    .img-gallery-4  > img {
        width: 100%;
        float: left;
        height: 100%;
    }

    .img-gallery-5 {
        width: 65%;
        float: left;
        height: 150px;
        margin-top: 10px;
    }

    .img-gallery-5  > img {
        width: 100%;
        float: left;
        height: 100%;
    }

    /**************/
.gallery-imgs { margin-bottom: 100px;}

.edit-button-gallery {
    margin-top: 10px;
}

.highlight-inner > h1{     font-size: 30px;
    margin-bottom: 25px;}

.list-highlight > li  {    margin-bottom: 10px;
    font-size: 15px;}

.list-highlight > li > img { width: 20px;
    margin-right: 15px;}

    .Itinerary , .Introduction  {     margin-top: 70px;}

    .Itinerary > h3  ,  .Introduction > h3 {    font-size: 22px;}

    .img-itin  , .img-war{ width: 30px;
        margin-right: 10px;}

        .Itinerary > p , .Introduction > p {     margin-left: 40px;}

   .details-days { margin-top: 70px;}
   .details-days > p { margin-left: 40px;
    margin-bottom: 20px;}

    .details-days >h6 { margin-left: 40px;
    font-weight: 700;}

    .img-point { width: 33px;
        margin-right: 10px;}

    .details-days >h3 { font-size: 22px;
    color: #008858;}

.detail-inner-days {margin-bottom: 20px;}

.detail-inner-days > p {font-weight: 700; }

.detail-inner-days > p > img{    width: 30px;
margin-right: 10px; }

.included-tour , .where-stay{ margin-top: 35px;}

.included-tour > h1 , .where-stay >h1 { font-size: 28px;}

.customer-review { background-color: #F5FBF9;
padding: 30px 120px;
margin-bottom: 50px;}

.customer-review >h1 { font-size: 28px;}

.p-over-r { font-weight: 600;
font-size: 15px;}

.rate-c-o { width: 80px;
margin-right: 15px;}

.review-words { margin-top: 40px;}

.review-words > h3 {      font-size: 17px;
margin: 0;}

.review-words > h3 >img {    width: 60px;
margin-right: 10px;}

.p-r-v-w { margin-left: 70px;}
@media (max-width: 426px) {
    .p-r-v-w {
        margin-top: 5px;
        margin-left: 0;
    }
}
.btn-show-more {     display: block;
width: 120px;
margin-left: 50px;
border: none;
margin-top: 18px;
background-color: transparent;
text-decoration: underline;
font-weight: 500;}

.link-a-add {     margin-left: 68px;
    color: #008858;
    font-weight: 500;
    margin-top: 11px;
    display: block;
    text-decoration: underline; }


    .dates-avail { width: 100%;
    float: left;}

    .dates-avail > h1 { font-size: 28px;}

    .dates-avail > p { font-size: 24px;}

.avail-r {
    width: 100%;
    float: left;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 35px;
    margin: 40px 20px;
}

.avaril-r-1 { width: 25%;
float: left;}
.avaril-r-1 > p:first-of-type { font-weight:600 ;
margin-bottom: 20px;}

.p-total-1 {     color: #008858;
    font-weight: 600;
    font-size: 18px;}

    .btn-reserve {     background-color: #008858;
        color: #fff;
        width: 120px;
        border: none;
        padding: 5px;
        border-radius: 5px;
        margin-top: 14px;}

        .change-date-a { display: block;
        width: 100px;
    color: #008858;
    margin-left: 20px;
    font-weight: 500;
text-decoration: underline;}

.payment-detail-f {margin: 40px 20px;
    box-shadow: -1px 2px 2px 2px rgb(239 238 238 / 80%);
    padding: 25px;}

    /* @media (max-width: 426px) {
        .payment-detail-f {margin: 0;
            padding: 0;}
    } */
    .payment-detail-f > p { margin-bottom: 20px;}

    .f-payment > h6 { margin-bottom: 15px;}

    .f-payment > h6 > img{width: 20px;
        margin-right: 10px; }

        .confirm-btn { width: 300px;
        background-color: #008858;
    color: #fff;
border: none;
padding: 10px;
text-transform: capitalize;
display: block;
margin-top: 20px;
border-radius: 5px;}


.my-trips-d , .price-p-d{ box-shadow: -1px 2px 2px 2px rgb(239 238 238 / 80%);
    margin-top: 10px;
    margin-bottom: 50px;
    border-radius: 5px;
padding: 25px;}

.my-trips-d > h3 { font-size: 18px;
margin-bottom: 12px}

.inner-trips-d { margin-bottom: 10px;}

.inner-trips-d > p { font-weight: 600;
font-size: 14px;}

.inner-trips-d > span { font-size: 14px;
display: block;}

.p-total-m { border-top: 1px solid #ddd;
    padding: 10px 0;}

    .p-total-m span:first-of-type { display: inline-block;
    font-weight: 600;}

    .p-total-m span:last-of-type {     display: inline-block;
        font-weight: 700;
        float: right;
        font-size: 20px;}

        .total-p-t-detail { box-shadow: -1px 1px 5px rgba(0,0,0,.18);
        padding: 20px;
        border-radius: 10px;
        text-align: center;
    position: relative;}

    .heart-g { position: absolute;
    top: 30px;
right: 30px;
width: 30px;}

.total-p-t-detail p:first-of-type { font-size: 30px;
text-align: left;}
.total-p-t-detail p:last-of-type {     font-size: 30px;
    text-align: left;
    font-weight: 500;}

    .check-avail { width: 250px;
    border: none;
margin: 30px auto 10px;
border-radius: 5px;
background-color: #008858;
padding: 7px;
color: #fff}

/**************************************end tour detail***************************************************************/
/**********************************************************************************************************************/

/****************************************start request-detail****************************************************/
/****************************************************************************************************************/
.request-detail { margin: 100px 0;}

.component-one-d { border: 1px solid #ddd;
padding: 25px;
border-radius: 5px;}

.component-one-d > p { margin-bottom: 10px;}

.check-pic-1 {     width: 20px;
    margin-right: 10px;}


.component-two-d { margin: 30px 0;}

.component-two-d > h3 { font-size: 20px;
    margin-bottom: 15px;}

.inner-component-c { border: 1px solid #ddd;
    border-radius: 5px;
padding: 25px;}

.img-r-p-10 { margin-top: 50px;}

.img-r-p-10 > img { width: 230px;}
@media (max-width: 376px) {
    .img-r-p-10 > img { width: 100%;}
}

.inner-detail-rr-s { margin-top: 50px;}

.inner-detail-rr-s > h6 {    margin-bottom: 15px;
    font-size: 17px;}

.green-g-1 { color: #00BF7C !important;
font-weight: 600;}

.m-l-1 { margin-left: 40px;}

.w-form-p { width: 400px;}

.m-b-100 {
    margin-bottom: 100px;
}
.btn-cancle-11 { border: none;
/* width: 200px; */
display: inline-block;
padding: 7px;
text-align: center;
border-radius: 5px;
color: #fff;
background-color: #FF5454;}
/***************************************end request-detail********************************************************/
/*****************************************************************************************************************/