/* about page starts */

.about-page-wrapp {
    padding: 40px 0;
}
.about-page {

    background: #eef3f7;
    padding-bottom: 40px;
}

.about-top-image {

    height: 350px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-title  {

    position: relative;
    margin-bottom: 0;
}
.about-title{

   margin: 0;
}

.service-wrapper .service-content-wrapp h3 {
    font-size: 20px;
    text-transform: uppercase;
    padding: 15px 0;
    transition: 300ms ease all;
}
.about-image-side img,
.about-page-wrapp img {

    width: 100% !important;
    height: auto;
}

.mission {

    box-shadow:  none;
}

.mission .service-content-wrapp p {

    max-height: none;
    overflow: visible;
}

/* about page ends */


/* blog section strats */

.blog-section {

    background: #eef3f7;
}

.blog-image {

    display: block;
}

.blog-image img {

    width: 100%;
    height: 250px;
    object-fit: cover;
}

.blog-wrapper {

    position: relative;
    transition: 300ms ease all;
    margin-bottom: 30px;
}

.blog-wrapper:hover {

    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    transform: translateY(-5px);


}

.date {

    position: absolute;
    top: 20px;
    left: -20px;
    background: #1c4fa2;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.date p {

    margin: 0;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}

.admin {

    position: relative;
    margin: 0 15px;
    background: #647084;
    padding: 15px;
    margin-top: -15px;
}

.admin h4 {

    font-size: 12px;
    color: #fff;
}

.blog-content {

    padding: 20px 10px;
    text-align: center;
    padding-top: 40px;
    background: #fff;
    margin-top: -28px;
}

.blog-content h3 {

    margin-bottom: 15px;
    font-size: 20px;

}

.blog-content a {

    font-size: 14px;
    background: #2d69ca;
    color: #fff;
}

.blog-title h3 {

    max-height: 50px;
    overflow: hidden;
}

.blog-title p {
    max-height: 75px;
    overflow: hidden;
}

.all-sec-back {

    background: #f2f2f2;
}
/* blog section ends */




/* blog detail page starts */

.blog-detail-wrapp {
    background: #fff;
    padding: 15px;
}


.blog-detail {

    background: #eef3f7;
}

.blog-detail-wrapp img {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.blog-sidebar h3 {
    padding: 10px;
    background: #2d69ca;
    color: #fff;
    font-size: 25px;
}

.post li {
    list-style: none;
}

.post {
    border: 1px solid #b9b9b9;
    background: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.post li a {
    color: #4a4a4a;
    font-size: 14px;
    padding: 10px;
    display: block;
    border-bottom: 1px solid #b9b9b9;
    transition: 300ms ease all;
}

.post li a:hover {
    background: #27304f;
    color: #fff;
    padding-left: 15px;
}

.recomended-wrapp {
    padding-top: 40px;
}

.blog-detail-wrapp h3 {

    font-size: 30px;
    margin-bottom: 15px;
}

span.date-wrapp {
    display: block;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 600;
    color: #545454cc;
}

/* blog detail page ends */


/* contact page starts */

.contact-page-title  {
    margin-bottom: 0;
}

.contact-toop-image {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.contact-toop-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(31, 43, 82, 0.6);
}

.contact-title {
    margin: 0;
}

.contact-title h2::before {
    display: none;
}

.map-section iframe {
    width: 100%;
    height: 400px;
}

.contact-info-section {
    padding: 80px 0;
    background: #f2f2f2;
}

.contact-address-wrap {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    padding: 30px;
    background: #fff;
}

.contact-address-wrap ul li {
    text-align: center;
    display: block;
    margin: 30px 0;
}

.contact-address-wrap ul li i {
    border: 1px solid #2d69ca;
    height: 65px;
    width: 65px;
    line-height: 65px;
    text-align: center;
    font-size: 30px;
    border-radius: 50%;
    color: #2d69ca;
    margin-bottom: 15px;
}

.contact-address-wrap ul li h3 {
    font-size: 25px;
    font-weight: 600;
    color: #424242;
    margin-bottom: 15px;
}

.contact-address-wrap ul li a {
    color: #424242;
    transition: 500ms ease all;
}

.contact-address-wrap ul li a:hover {
    color: rgba(232, 76, 61, 1);
}

.contact-form-wrapper {
    padding: 15px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    background: #fff;
}

.contact-form-wrapper h3 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 15px;
}

.contact-form-wrapper p {
    margin-bottom: 30px;
}

.contact-form-wrapper label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 14px;
}

.contact-form-wrapper textarea,
.contact-form-wrapper input {
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #f2f2f2;
    outline: none;
    margin-bottom: 20px;
}

.contact-form-wrapper textarea {
    height: 150px;
}

.contact-form-wrapper button {
    outline: none;
    border: none;
    padding: 10px 25px;
    max-width: 200px;
    color: #fff;
    background: #2d69ca;
    transition: 500ms ease all;
    border-radius: 3px;
}

.contact-form-wrapper button:hover {
    background: #3c67b1;
}

.map-wrapper {
    width: 100%;
}

.map-wrapper iframe {
    width: 100%;
    height: 500px;
}

.inner-top-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

/* contact page ends */



/* guide page starts */

.testimonial-page,
.guide-page {
    background: #eef3f7;
}

.guide-wrapper {
    background: #fff;
    padding: 20px;
}

.guide-wrapper h3 {
    font-size: 25px;
    margin-bottom: 20px;
}

.other-guide h3 {
    background: #fff;
    padding: 15px 10px;
    color: #13304a;
    border-bottom: 1px solid #13304a;
    font-size: 20px;
    font-weight: 600;
}

.other-guide ul {
    background: #ffffff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.other-guide ul li {
    list-style: none;
}

.other-guide ul li a {
    display: block;
    color: #656565;
    padding: 10px 15px;
    font-size: 14px;
    border-bottom: 1px solid #f2f2f2;
    transition: 300ms ease all;
    font-weight: 600;
}

.other-guide ul li a:hover {
    background: #f1f1f1;
    padding-left: 20px;
}


/* guide page ends */

/* tour list page starts */

ul.package-info.trip-info {
    margin: 0;
    border-radius: inherit;
    background: transparent;
    padding: 15px 0;
    padding-top: 0;
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: auto;
}


ul.package-info.trip-info::-webkit-scrollbar {
  height: 2px;
}

ul.package-info.trip-info::-webkit-scrollbar-thumb {
  background: #f7f7f7;
}

.package-info li {
    display: inline-block;
    margin: 0 10px;
    list-style: none;
    text-align: center;
}

.trip-wrapper {

    margin-bottom: 30px;
}

.trip-wrapper:hover .trip-image img {

    filter: saturate(1);
}

.trip-image {

    position: relative;
    display: block;
}

.price {
    position: absolute;
    top: 18px;
    left: 25px;
    background: #eaad13;
    display: block;
    border-top-left-radius: 3px;
    width: 70px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
     /* transform: rotate(41deg); */
}

.price::before {
    background: #ffd621;
    border-bottom-left-radius: 4px;
    top: 50%;
    content: "";
    height: 4px;
    right: 100%;
    position: absolute;
    width: 50px;
    /* border-top: 10px solid red; */
    /* border-top: 89px solid #57bd75; */
    /* /* border-right: 120px solid transparent; */
}

.price-wrapper {
 
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    position: relative;
    display: block;
    text-align: center;
}

.price-wrapper::before {
    width: 0;
    height: 0;
    /* border-top: 20px solid #16ace0; */
    /* border-right: 20px solid transparent; */
    position: absolute;
    top: 0;
    right: -20px;
    content: '';
}

.price-wrapper::after {
    width: 0;
    height: 0;
    /* border-bottom: 20px solid #16ace0; */
    /* border-right: 20px solid transparent; */
    position: absolute;
    bottom: 0;
    right: -20px;
    content: '';
}

.trip-container {
    overflow: hidden;
}

.trip-image img {

    width: 100%;
    height: 250px;
    object-fit: cover;
    filter: saturate(1.5);
    transition: 300ms ease all;
}

.trip-title {

    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 15px 0;
    text-align: center;
}

.trip-title h3 {

    color: #424242;
    font-weight: 400;
    font-size: 18px;
    max-height: 22px;
    overflow: hidden;
    transition: 300ms ease all;

}

.trip-wrapper:hover .trip-content {
    background: #3d3d3e;
    color: #fff;
}

.trip-wrapper:hover .trip-content .trip-title h3,
.trip-wrapper:hover .trip-content .trip-info li span,
.trip-wrapper:hover .trip-content .trip-info li p {

    color: #fff;
}

.trip-content {

    padding: 30px 15px;
    background: #fff;
    transition: 300ms ease all;
}

.trip-info li span {

    color: #424242;
    font-weight: 600;

}

.trip-info li p {

    color: #656565;
}

.trip-slider .next-arrow {
    right: -3em;
    transition: 500ms ease all;
}

.trip-slider .prev-arrow {

    left: -3em;
}

.trip-slider button.slick-arrow {

    background: #1b75bc;
    width: 35px;

}

section.feature-tour.all-sec-padding {
    padding-bottom: 40px;
}

/* tour list ends */


/* tour detail page starts */

.tour-tab-container {
    position: sticky;
    top: 50px;
    z-index: 3;
}

.blog-listing-page,
.tour-detail-page {
    padding-bottom: 80px;
    background: #fafafa;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.detail-title-wrapp {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #00000061;
}

.detail-title-wrapp h2 {
    font-size: 30px;
    font-weight: 900;
    padding: 15px;
    color: #fff;

}

.detail-row {

    flex-direction: row-reverse;
}

.tour-detail-wrapper img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}

.detail-top-image h2 {
    margin-bottom: 0;
}

/* .detail-top-image {
    margin-bottom: 30px;
} */

.tour-tab-wrapper .nav-tabs .nav-link {
    color: #fff;
    border:none;
    background:transparent;
    border-radius: inherit;
    transition: 300ms ease all;
    font-size: 16px;
}
.top-tab-wrapper {

    background-color: #fff;
    margin-bottom: 40px;
    z-index: 6;
}

.tour-tab-wrapper .nav-tabs .nav-item {

    margin-bottom: 0;
}

#home img {
    width: 100%;
    height: auto;
}

.tour-tab-wrapper .nav-tabs .nav-link:hover {
    background: #f22521;
    color: #fff;
}

.tour-detail-tabs .tab-pane p {
    margin-bottom: 15px;
}

.itinery-wrapper h4 {
    font-size: 17px;
    margin-bottom: 10px;
}
.tab-pane img {

    margin-bottom: 10px;
}

.itinery-wrapper h4 span {
    font-weight: 700;
}

.itinery-wrapper {
    margin-bottom: 15px;
}

.related-tours-wrapper {
    padding-top: 50px;
}



.inquiry-form h3,
.trip-map h3,
.trip-wrap h3 {
    font-size: 18px;
    font-weight: 400;
    background: #ffffff;
    padding: 10px;
    color: #424242;
    margin-bottom: 10px;
    border-bottom: 1px solid #8c8c8c;
}

.trip-wrap ul {
    padding:10px;
    padding-top: 10px;
}

.trip-wrap ul li {
    font-size: 15px;
    margin: 10px 0;
    list-style: none;
}

.trip-wrap ul li span {
    color: #000;
    font-weight: 700;
    display: inline-block;
}

.tour-detail-wrapper {
    /*background: #fff;*/
    /* padding: 15px; */
    /*box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);*/
    position: relative;
}

.new_bg {
    background: #fff;
    padding: 40px 40px;
    box-shadow: 0 6px 32px #d4d4d4;
    margin-bottom: 50px;
}

.trip-wrap {
    background: #fff;
    margin-bottom: 30px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.trip-map {
    border: 2px solid #fff;
    margin-bottom: 30px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.trip-map iframe {
    width: 100%;
    height: 300px;
}

.inquiry-form {
    background: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.inquiry-form form {
    padding: 10px;
}

.inquiry-form form input,
.inquiry-form form textarea {
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 14px;
    margin: 10px 0;
    border: 1px solid #dadada;
    outline: none;
    font-weight: 600;
}

.inquiry-form form textarea {
    height: 100px;
}

.inquiry-form form button {
    background: #2d69ca;
    color: #fff;
    padding: 10px 35px;
    outline: none;
    border: none;
    transition: 500ms ease all;
}

.inquiry-form form button:hover {
    background: #3c67b1;
}

.tour-tab-padding {
    padding: 20px 0 0 0;
}



.nav-tabs .nav-item .nav-link.active {
    background: #eef3f7 !important;
    color: #424242;
}

#text {
    display: none;
}

#toggle {
    border: none;
    outline: none;
    font-size: 12px;
    background: transparent;
    margin: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    color: #f22521;
}

#toggle i {
    padding: 7px;
    font-size: 16px;
}

.include-wrapper h3 {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 800;
}

.include-wrapper ul li {
    list-style: none;
    position: relative;
    padding-left: 25px;
    font-size: 14px;
    color: #424242;
    margin: 5px 0;
}
.gears ul li::before {

    content: "\f0a4" !important;
    color: #1b75bc !important;
}

.include-wrapper ul li::before {
    content: "\f058";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    font-family: fontawesome;
    color: #3c67b1;
}

.excluded-wrapper ul li:before {
    content: "\f00d";
    color: #af0000;
}

.hughlight ul li:before {
    color: green;
}

.hughlight {
    margin-bottom: 20px;
}

.excluded-wrapper h3 {
    margin-top: 30px;
}

.itinery-wrapper {
    display: flex;
}

.itinery-tab-wrapper {
    width: 15%;
}

.itinery-content-wrapper {
    width: 85%;
}

.itinery-tab-wrapper ul li a {
    margin: 3px 0 !important;
    background: transparent !important;
    border: 1px solid #d4d4d4 !important;
    color: #27304f !important;
    font-size: 14px;
}

.itinery-tab-wrapper .nav-tabs .nav-item .nav-link:hover,
.itinery-tab-wrapper .nav-tabs .nav-item .nav-link.active {
    color: #fff !important;
    background: #3c67b1 !important;
    border-color: #3c67b1 !important;
}


.accordion-container {
    position: relative;
    width: 100%;
    height: auto;
    margin: 10px auto;
}

.accordion-container>h2 {
    text-align: center;
    color: #fff;
    padding-bottom: 5px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.set {
    position: relative;
    width: 100%;
    height: auto;
}

.set>button {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #555;
    width: 100%;
    outline: none;
    border: none;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    text-align: left;
    background: #eef3f7;
}

.set>button h3 {
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    color: 000;
}

button.active h3 {
    color: #fff;
}

.set>button span {
    display: inline-block;
    font-size: 15px;
    font-weight: 800;
    color: #000;
    margin-right: 10px;
}

.set>button i {
    float: right;
    margin-top: 2px;
}

.set>button.active {
    background-color: #2d69ca;
    color: #fff;
}

.content {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    display: none;
    padding: 15px 0;
}

.content h3 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}

.content p {
    color: #333;
}

.himalaya-tab {

    background: #fff;
    border:none;
    display: block;
    text-align: center;
}

.himalaya-tab .nav-item {

    display: inline-block;
}

.himalaya-tab .nav-link {

    border: none;
    border-radius: 0;
    padding: 20px;
    font-size: 16px;
    font-weight: 600;
    color:#333;
}


/* tour detail page ends */



/* book form starts */

.book-form form textarea,
.book-select,
.book-form form input {
    display: block;
    width: 100%;
    padding: 15px 10px;
    font-size: 14px;
    border: 1px solid #dedede;
    margin-bottom: 15px;
    outline: none;
    border-radius: 3px;
    background: #fff;
}

.book-form form label {
    font-size: 14px;
    font-weight: 600;
    display: block;
}

.book-form {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}

.book-form::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(141, 201, 193, 0.6);
}

.book-form form button {
    color: #fff;
    background: #16ace0;
    padding: 10px 25px;
    font-size: 16px;
    outline: none;
    border: none;
    margin: 0 auto;
    max-width: 200px;
    text-align: center;
    display: block;
    margin: 0 auto;
    transition: 300ms ease all;
    margin-top: 20px;
    border-radius: 5px;
}

.input-group-append button {
    margin-top: 0 !important;
}

.book-form form button:hover {
    background: #ed2725;
}

.book-form form {
    padding: 40px 20px;
    background: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    border-radius: 5px;
    position: relative;
}

.book-form-title {
    display: block;
    margin: 30px;
    text-align: center;
}

.book-form-title h3 {
    font-size: 20px;
    font-weight: 600;
}

.book-form-title h3 span {
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    background: #16ace0;
    font-size: 20px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
}

.book-select::before {
    display: none;
}

.book-select .select-selected {

    display: block;
    width: 100%;
}

.book-form form textarea {
    height: 200px;
}


/* custom select */

.select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
}

.select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #424242;
    width: 100%;
    height: 35px;
}

.select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    padding: 7px 15px;
    -moz-transition: all 0.2s ease-in;
    font-size: 14px;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.select-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #424242 transparent transparent transparent;
    position: absolute;
    top: 16px;
    right: 10px;
}

.select-styled:hover {
    background-color: #f1f1f1;
}

.select-styled:active,
.select-styled.active {
    background-color: #fff;
}

.select-styled:active:after,
.select-styled.active:after {
    top: 9px;
    border-color: transparent transparent #424242 transparent;
}

.select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.select-options li {
    margin: 0;
    padding: 7px;
    text-indent: 15px;
    font-size: 14px;
    border-bottom: 1px solid #ffffff;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    color: #ffffff;
    background: #3c67b1;
}

.select-options li:hover {
    color: #424242;
    background: #fff;
}

.select-options li[rel="hide"] {
    display: none;
}

.custom-select {
    padding: 0 !important;
}

/* book form ends */


span.inner-price-wrapper {
    position: absolute;
    top: 5px;
    left: 5px;
    padding: 5px 10px;
    background: #2d69ca;
    color: #fff;
    font-size: 14px;
}

.activiti-discription {
    margin-bottom: 30px;
}

.package-date-price-wrapper {
    margin-top: 40px;
}

.trip-booking__card {
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);
    margin-bottom: 30px;
    border: none;
}
.trip-booking__card__body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}
.trip-booking__instaconfirm {
    position: absolute;
    top: -12px;
    color: #fff;
    padding: 3px 12px;
    font-size: .875rem;
    font-weight: 500;
    border-radius: 2px;
    background-color: #c80004;
}
.trip-booking__date {
    display: flex;
}
.trip-booking__date__wrapper.trip-booking__date--from {
    padding-right: 35px;
}
.trip-booking__date__item {
    display: block;
    line-height: 1.2;
}
.trip-booking__date__item--date {
    font-weight: 500;
    font-size: 1.125rem;
}
.trip-booking__price__item {
    display: block;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.2;
}
.trip-booking__action .btn{
    background-color: #c80004 !important;
    border:none;
    outline:none;
}