@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');
body{font-family: "Cairo", sans-serif;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight: 700}
.page-new h1{margin-bottom: 20px;color: #663300}
.controls{margin-bottom: 20px}
.controls .control{
    background-color: #ffb531;color: #fff;padding:10px 15px;
    border: 0;border-radius: 7px;margin-left: 10px;font-weight: 700
}
.controls .mixitup-control-active{color: #663300}
.mix{float: right}
.the-box img{max-width: 100%}
.the-box-info div{float: right}
.the-box-info h2{font-size: 14px;color: #663300}
.the-box-info{padding: 10px 2px}
.trip-num{
    padding-left: 5px;padding-right: 5px;text-align: center;color: #663300;
    font-size: 10px;border-left: 1px dashed #663300
}
.trip-num span{
    display: block;font-weight: 700;font-size: 25px;color: #ffb531;
    text-shadow: 1px 1px 1px #663300, 1px 1px 1px #663300;
}
.trip-details .row > div{
    padding-left: 5px;padding-right: 5px;font-size: 11px;margin-bottom: 5px;
    margin-top: 7px;font-weight: 700
}
.trip-details img{height: 15px}
.trip-details{padding-left: 1px;padding-right: 1px}
.mix{margin-bottom: 15px}
.the-container{padding-bottom: 180px}
.more-details span{color: #663300;font-weight: 700;margin-top: 10px;display: block}
.more-details p{font-size: 11px;line-height: 21px}
.row.trip-details > div{
    padding-left: 5px;
    padding-right: 5px;
    font-size: 11px;
    margin-bottom: 5px;
    /*margin-top: 7px;*/
    font-weight: 700;
}
.row.trip-details{width: 100%}
.the-form label{min-height: 35px;font-size: 13px;display: block;margin-top: 10px}
.contact-form.the-form .form-control{padding: 6px 12px}
.product-slider img{max-width: 100%}
.product-slider .carousel-indicators li{text-indent: initial}
.product-slider .carousel-indicators{position: initial;width: 100%}
.product-slider .carousel-indicators li {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
    border: 1px solid rgb(255 255 255 / 43%);
    overflow: hidden;
    border-radius: 3px;opacity: .58
}
.product-slider .carousel-indicators li.active{opacity: 1}
.the-indicators{padding: 0 8px}
.product-details h2{text-align: initial;max-width: 450px;line-height: 30px}
.product-details .breadcrumb{padding-left: 0;padding-right: 0;background: rgb(245 245 245 / 0%);color: #434343}
.product-details a{color: #434343}
.product-details .breadcrumb>li+li:before{color: #434343}
.breadcrumb2{margin-bottom: 0}
.breadcrumb2 a{text-decoration: underline}
.product-details .breadcrumb img{height: 18px;margin-left: 3px}
.breadcrumb3 span{font-weight: 700;font-size: 15px}
.price-1{float: right}
.price-2{float: left;font-weight: 700;font-size: 18px}
.product-price{overflow: hidden;margin-bottom: 15px}
.product-btn img{height: 16px;margin-left: 5px}
.product-btn,a.product-btn{
    color: #fff;background-color: #ffb531;border-radius: 5px;padding: 10px;
    width: 100%;display: block;text-align: center;margin-bottom: 5px
}
.product-btns > div{padding-left: 4px;padding-right: 4px}
.product-btn:hover,a.product-btn:hover{text-decoration: none;opacity: .9}
.product-btn-2,a.product-btn-2{background-color: #bd3e1e}
.the-note{color: #663300;margin-top: 8px;font-weight: 700;text-align: center;margin-bottom: 8px}
.product-title span{
    background-color: #ffb531;color: #fff;display: inline-block;
    border-radius: 5px;padding: 10px 15px;font-size: 16px
}
.product-title{border-bottom: 2px solid #ffb531}
.product-bg{background-color: rgba(255, 255, 255, 0.5);padding: 15px}
.product-bg img{max-width: 100%}
.product-bg p{margin: 10px 0}
.activity-details > div{float: right;padding-left: 3px;padding-right: 3px;margin-bottom: 5px;margin-top: 10px; font-weight: 700}
.activity-details > div span{color: #663300}
.activity-details p{font-size: 14px}
.ms-choice{border: 0;text-align: right}
.ms-choice>div.icon-caret{left: 8px;right: auto}
.ms-drop ul>li label{padding-left: initial;padding-right: 1.55rem}
.ms-drop input[type="radio"], .ms-drop input[type="checkbox"]{margin-left: auto;margin-right: -1.55rem}
.ms-drop{right: 0}
.navbar-default .navbar-nav>li>a{font-weight: 700}
.Contact-us h1{font-weight: 700}
.footer .footer_nav li a{font-weight: 700}
.lang{padding: 5px 7px}
.navbar-default .navbar-nav>li>a.nav-btn{background: #f58020;padding: 5px 20px;border-radius: 5px;color: #fff}
.navbar-default .navbar-nav>li>a.nav-btn:hover{opacity: .92}
.mobile-menu a.nav-btn{background: #f58020;padding: 7px 40px;border-radius: 5px;color: #fff;margin-top: 5px;display: inline-block}
.mobile-menu a.nav-btn2{background: #000000;padding: 7px 40px;border-radius: 5px;color: #fff;margin-top: 5px;display: inline-block}
.footer .footer_nav li a.nav-btn{background: #f58020;padding: 7px 20px;border-radius: 5px;color: #fff}
.footer .footer_nav li a.nav-btn2{background: #000000;padding: 7px 20px;border-radius: 5px;color: #fff}
.footer .footer_nav li a.nav-btn:hover{opacity: .92;color: #fff !important}
.footer .footer_nav li a{font-size: 11px}
.footer .copyright{font-size: 11px}
.back-icon{position: absolute;left: 20px;top: 20px;display: none}
.back-icon img{height: 18px}
.category-box{position: relative}
.the-category{
    position: absolute;top: 15px;left: 15px;background-color: #ffb531;font-size: 11px;
    color: #fff;min-width: 53px;min-height: 53px;border-radius: 50%;text-align: center;padding-top: 8px
}
.the-category img{height: 18px;display: block;margin: auto}
.category1{color: #bd3e1e}
.lg-outer .lg-inner{direction: ltr}
.carousel-inner>.item img:hover{cursor: zoom-in;opacity: .9}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #ffb531;
}
#lg-download-1{display: none}
.trip-img img{    width: 150px;
    height: 150px;
    display: block;
    margin-left: auto;
    margin-right: auto;}
.trip-data{padding-bottom: 100px;margin-top: 15px}
.trip-img{position: relative}
.trip-number{
    position: absolute;top: 20px;left: 35px;background-color: #ffb531;
    border-radius: 5px;padding: 10px;color: #fff;text-align: center
}
.trip-number span{display: block;font-weight: 700;font-size: 33px;line-height: 33px}
.nav-tabs>li{float: right;font-size: 17px}
.trip-title{margin: 10px 0;line-height: 35px;color: #000;font-size: 19px}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    background-color: #ffb531;border-color: #ffb531;color: #fff;margin: 0;
}
.nav-tabs>li>a{color: #000;font-weight: 700}
.nav-tabs{border-bottom: 2px solid #ffb531}
.nav>li>a:focus, .nav>li>a:hover{background: rgb(238 238 238 / 0%);border: 1px solid rgb(238 238 238 / 0%);color: #fff}
.trip-list{list-style: disc;margin-right: 15px;margin-top: 15px}
.trip-list li {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 700;
}
.trip-feature > div{
    background: rgba(255, 255, 255, 0.5);border-radius: 7px;padding:20px 10px 0;margin-top: 10px;min-height: 72px}
.trip-feature img{height: 22px;margin: 0 5px}
.trip-feature span{font-weight: 700}
.trip-feature{float: right;}
.trips-btn{max-width: 800px;margin:20px auto 0}
@media (max-width: 1200px) {
    .the-container > .col-sm-6{width: 50%}
    .trip-details .col-sm-6{width: 50%}
    .trip-details .row > div.col-sm-4{width: 33.33333333%;}
    .controls .control{margin-bottom: 5px}
    .the-container{padding-bottom: 0}
}
@media (max-width: 768px) {
    .trip-num{width: 100%;border-left: 0}
    .the-box-info{gap:10px}
    .trip-details .row > div.col-sm-4{width: 50%}
    .the-box-info h2{font-size: 12px}
    .trip-num{font-size: 12px}
    .controls .control{font-size: 12px;margin-left: 5px}
    .trip-details.row > div.col-sm-4 {width: 50%;}
    .the-form label{min-height: auto}
    .mobile-menu{gap:16px;font-size: 26px;font-family: "Cairo", sans-serif}
    .back-icon{display: inline-block}
    nav.navbar.navbar-default{margin-top: 30px}
    .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{width: 50px !important;height: 50px !important}
    .lg-outer .lg-thumb-item{float: right}
    .lg-outer.lg-animate-thumb .lg-thumb{transform: translate3d(0, 0px, 0px) !important}
    .trip-number{font-size: 12px;padding: 6px;top: 10px;left: 25px}
    .trip-number span{font-size: 22px;line-height: 15px}
    .nav-tabs>li{font-size: 13px}
    .trip-title{font-size: 17px;line-height: 25px}
}
@media (max-width: 480px) {
    .the-box-info h2{font-size: 14px}
    .the-container > .col-sm-6{width: 100%}
    .trip-details .row > div{font-size: 13px}
    .mobile-menu{font-size: 23px;gap:13px}
    .trip-number{top: 5px;left: 20px;font-size: 10px}
    .nav-tabs>li{font-size: 11px}
    .nav-tabs>li>a{padding: 10px 6px}
    .trip-feature > div{min-height: 60px}
    .trip-feature{width: 100%}
    .trip-title{font-size: 15px}
    .trip-list li{font-size: 15px}
}



/* Style the video: 100% width and height to cover the entire window */
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
 filter: blur(7px);
 -webkit-filter: blur(7px);
}

/* Add some content at the bottom of the video/page */
.content {
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}

/* Style the button used to pause/play the video */
#myBtn {
  width: 200px;
  font-size: 18px;
  padding: 10px;
  border: none;
  background: #000;
  color: #fff;
  cursor: pointer;
}

#myBtn:hover {
  background: #ddd;
  color: black;
}