body{
                                        font-family:Raleway;
                                                color:#0c0b0b;
                                                font-size:15px;
                                                line-height:1.5;
                                                font-weight:400;
                            }
            /*----------main color------------*/
        .text-blue-1,
        .header .header-menu .menu .subnav > li > a:hover,
        .bravo_wrap .footer .menu-footer .menu__nav li .subnav > li > a:hover,
        .desktopMenu .menu a:hover,
        .desktopMenu .menu .subnav__backBtn a,
        .hotel_rooms_form .nav-enquiry .enquiry-item.active span,
        .bravo_single_book .nav-enquiry .enquiry-item.active span,
        .pricing-table .title{
            color: #ff6633;
        }

        .tabs.-underline .tabs__controls .tabs__button:hover,
        .tabs.-pills-2 .tabs__controls .tabs__button:hover,
        .tabs.-bookmark-2 .tabs__button:hover,
        .sidebar.-dashboard .sidebar__button.-is-active,
        .tabs.-underline-2 .tabs__controls .tabs__button.is-tab-el-active,
        .accordion.-db-sidebar .accordion__item.is-active .sidebar__button,
        .tabs.-underline-2 .tabs__controls .tabs__button:hover{
            color: #ff6633 !important;
        }

        .pagination.-dots .pagination__item.is-active,
        .button.-outline-blue-1:hover,
        .form-checkbox:hover input ~ .form-checkbox__mark,
        .pricing-tabs .tab-btns:before,
        .tabs.-underline-2 .tabs__controls .tabs__button::after{
            background-color: #ff6633;
        }

        .bg-blue-1,
        .button.-blue-1:hover,
        .tabs.-pills-2 .tabs__controls .tabs__button.is-tab-el-active,
        .tourTypeCard.-type-1:hover,
        .noUi-connect,
        .accordion.-map .accordion__item.is-active .accordion__icon,
        .form-checkbox input:checked ~ .form-checkbox__mark{
            background-color: #ff6633 !important;
        }

        .button.-blue-1:hover,
        .border-blue-1,
        .button.-outline-blue-1,
        .noUi-handle,
        .hotel_rooms_form .nav-enquiry .enquiry-item.active span,
        .bravo_single_book .nav-enquiry .enquiry-item.active span,
        .form-checkbox input:checked ~ .form-checkbox__mark,
        .pricing-table .inner-box:hover, .pricing-table.tagged .inner-box{
            border-color: #ff6633;
        }
        /*-----------end main color------------*/
    
            h1{
            font-family: Raleway, sans-serif
        }
                h2{
            font-family: Raleway, sans-serif
        }
                h3{
            font-family: Raleway, sans-serif
        }
    
    :root { 
    --bs-font-sans-serif: system-ui,-apple-system,"Raleway",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: Raleway,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-body-font-family: var(--bs-font-sans-serif);
}
body{
    font-family:Raleway!important;
     transition: background-color 0.20s ease; /* Smooth transition */
}
p, span, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h4, .h6{
   font-family:Raleway!important;  
}

.text-justify{
    text-align:justify!important;
 }
.header .header-logo {
    position: relative;
    top: 30px;
}
.sectionTitle__text{
    text-align:justify!important;
   
}
.flex-col{
    flex-direction:column;
}

.search-box.position-relative {
    top: -30%;
}

.text-blue-1, .header .header-menu .menu .subnav > li > a:hover, .bravo_wrap .footer .menu-footer .menu__nav li .subnav > li > a:hover, .desktopMenu .menu a:hover, .desktopMenu .menu .subnav__backBtn a, .hotel_rooms_form .nav-enquiry .enquiry-item.active span, .bravo_single_book .nav-enquiry .enquiry-item.active span, .pricing-table .title {
    color: #f63;
}
.bg-blue-1, .button.-blue-1:hover, .tabs.-pills-2 .tabs__controls .tabs__button.is-tab-el-active, .tourTypeCard.-type-1:hover, .noUi-connect, .accordion.-map .accordion__item.is-active .accordion__icon, .form-checkbox input:checked ~ .form-checkbox__mark {
    background-color: #f63 !important;
}
p.text-dark-1.mt-40.lg\:mt-20.sm\:mt-15 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mainbanner #text {
    position: relative;
    font-size: 4vw;
    color: #fff;
    top: -22%;
}
.layout-pb-md, layout-pt-lg {
    padding-top: 60px;
    padding-bottom: 40px;
}
.footer-top-wrap .footer-link:nth-child(2) iframe {
    height: 250px;
  }

.testimonials-slider-2 {
    overflow: hidden;
}
 
.dsn-slider-content .slide-content .slide-content-inner p {
    -webkit-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    transition-delay: 0.15s;
    color: #ffffff;
    background: #13357b85;
    padding: 10px;
    border-radius: 20px;
    text-align: center;
}
body {
    font-family: Raleway!important;
}
.galleryGrid.-type-1 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: contain;
}
 .dsn-slider
 {
     background:#13357b!important;
 }
 
 
.dsn-slider .slide-inner .slide-item .image-container .image-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70%;
}
 
 
.news-alert {
    background-color: #ec6719;
    color: #fff
}

.news-alert .alert,.header .news-alert .alert {
    padding: 5px 15px;
    margin-bottom: 0;
    font-size: .9375rem;
    font-weight: 600
}

@media (max-width: 991.98px) {
    .news-alert .alert,.header .news-alert .alert {
        padding:10px 20px
    }
}

.news-alert .alert a,.header .news-alert .alert a {
    text-decoration: underline
}

.news-alert .alert-dismissible .btn-close,.header .news-alert .alert-dismissible .btn-close {
    padding: 0 0;
    background: 0 0;
    opacity: 1
}

.news-alert .alert-dismissible .btn-close:before, .header .news-alert .alert-dismissible .btn-close:before {
    position: absolute;
    content: "\f2d3";
    right: 0;
    top: -5px;
    font-family: FontAwesome;
    font-size: 1.5rem;
    color: #fff;
    opacity: 1;
    font-weight: 600;
}

.news-alert .btn-close:focus,.header .news-alert .btn-close:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.news-alert a.btn,.header .news-alert a.btn {
    color: #fff;
    font-size: .9375rem;
    text-transform: none;
    font-weight: 600;
    padding: 0 5px
}

@media only screen and (max-width: 1024px) {
.mainbanner .sec{
    padding: 50px;
}

    .mainbanner section {
    height: 80vh;
    }
}
@media only screen and (max-width: 768px) {
\
    .mainbanner section {
    height: 60vh;
    }
.mainbanner .sec {
    padding: 20px;
}
.mainbanner .sec h2{
    font-size:20px;
}
#footer {
    background-repeat: no-repeat;
    background-position: bottom;
}
 .rb {
   width:316px;
}
}


@media only screen and (max-width: 425px) {
    h2, .h2 {
        font-size:18px!important;
        
    }
    
    .mainbanner .sec h2 {
        font-size: 18px;
        font-weight: 700;
    }
    

.text-30 {
    font-size: var(--text-18) !important;
}
}


.stories-container .previous-btn, .stories-container .next-btn, .stories-full-view .previous-btn, .stories-full-view .next-btn {
    width: 40px;
}

.bravo-offer.pb-20{
    padding-bottom:40px!important;
}

@media (max-width: 442px) {
    .header .header-menu .menu .subnav a {
        height: 48px;
    }
    .banner-area .simple-video .content h1{
        font-size:20px;
    }

}
@media (max-width: 575px) {
    .section-bg__item.-video-left .row.y-gap-30{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.section-bg__item.-video-left  {
    padding: 0;
    margin: 0;
}
.banner-area {
    padding: 50px 20px 104px 20px;
}
}

@media (max-width: 330px) {

    .banner-area .simple-video .content h1{
        font-size:18px;
    }
}

.home-search-form button.mainSearch__submit.button {
    background: #ec6719;
    color: white;
    padding: 15px;
}
.home-search-form{
    position: relative;
    z-index: 11111;
    background: white;
    padding: 10px;
}
.home-search-form .button-item {
    display: flex;
    flex: 0 0 150px;
    justify-content: start!important;
    max-width: 150px;
    width: 100%;
}


.accordion .accordion__content .row{
    display:flex;
    align-items:center;
    justify-content:space-evenly;
}

.button.text-dark-1 {
    text-align: start;
}
@media (max-width:767px){
.accordion .accordion__content .row .col-md-8 .pl-60{
    padding-left:0!important;
}
.mainbanner .form-search-service-tour {
    position: absolute;
    bottom: 1%;
    left: 10%;
}
.accordion .accordion__content .row .col-md-2 img.rounded-4.mt-15 {
    height: 200px;
    width:200px;
}
.accordion .accordion__content .row .col-md-2{
     display: flex;
    align-items: center;
    justify-content: center;
}
.header .header-logo img {
    width: 70px;
}
.header .header-logo {
    top: 0px;
}
    
}
#footer .footer-top-content { 
    top: 0; 
}
.dropdown .dropdown-item i {
    background: #f7f7f7;
    padding: 10px;
}
.blog-breadcrumb.py-10.bg-light-2.text-center {
    background-image: url(https://ecotreknepal.com/uploads/0000/1/2024/12/27/breadu.png);
}
.header .header-menu .menu .mega.column-2.--has-mega-image {
    max-width: 900px;
}

.socialsignal-custom-html-html {
    max-width: 600px; 
}
.socialsignal-wrapper.socialsignal-wrapper-rounded.socialsignal-custom-html-wrapper {
    background: transparent !important;
}
button.socialsignal-close {
    background: #ec6719 !important; 
    margin: -15px 5px 0px 0px !important;
    opacity: 1 !important;
}
@media screen and (max-width: 786px) {
    .video-banner {
      height: 60vh;
    }

    .mobile-half {
      width: 20%;
    }

    .mobile-full {
      width: 80%;
    }
    .search-box.position-relative{
        top:10%;
    }
}
.bravo-news .sidebar-widget .sidebar-title:after {
  
    left: 20%;
}
.contact-social-link
{
    background-color: #000000; 
}
 .icofont-twitter:before {
    content: "X";
}
 
#footer .footer-social-icon .socials li i.fa-twitter {
    background-color: #000000;
}
.fa-twitter:before {
    content: "X";
}
.contact-social-link a
{
border-radius:0px;
}
.header.-fixed {
 
    overflow-x: clip;
}
.toursdetails .align-center {
    margin: auto;
}