/* .main-footer::before {
    background-image: url(/images/home_pages/Capture-removebg-preview.png);
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    width: 100%;
    height: 360px;
    background-size: 17%;
    position: absolute;
    overflow: hidden;
    pointer-events: none;
    pointer-events: none;
} */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.col-md-4:nth-child(3) .nav-footer::before {
    content: '';
    position: absolute;
    top: 52px;
    width: 17px;
    right: 15px;
    height: 75%;
    background-repeat: no-repeat;
    background-position: right;
    background-image: url(/images/home_pages/whilte_line.png);
    background-size: 11px;
}

.col-md-4:nth-child(4) .nav-footer::before {
    content: '';
    position: absolute;
    top: 52px;
    right: 15px;
    width: 19px;
    height: 75%;
    background-repeat: no-repeat;
    background-position: right;
    background-image: url(/images/home_pages/whilte_line.png);
    background-size: 11px;
}
.footer-copy-left {
    color: white;
    padding-top: 19px;
}


.footer-copy-right {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: right;
}

.footer-copy-right img {
    margin-left: 0px;
}

.what_is_umrah_section .nav-link.active {
    color: white;
    padding-top: 31px;
    padding-bottom: 11px;
    padding-left: 16px;
    padding-right: 12px;
    background: none;
    background-image: url(/images/all_images/gunbad.PNG);
    background-position: 1px -1px;
    background-size: 100%;
    background-repeat: no-repeat;
    border: none;
	opacity: 0.8;
}

.what_is_umrah_section .tab-content {
    background-color: rgb(199 0 3 / 76%);
    padding: 80px;
    color: white;
    /* background-image: url(/images/home_pages/whilte_line.png); */
    background-repeat: no-repeat;
    background-size: 10px 153px;
    background-position: 37px;
    position: relative;
}

.what_is_umrah_section .tab-content::before {
    content: '';
    top: 55px;
    position: absolute;
    left: 56px;
    width: 12px;
    height: 180px;
    background-repeat: no-repeat;
    background-position: right;
    background-image: url(/images/home_pages/whilte_line.png);
    background-size: 11px;
}
.what_is_umrah_section .tab-content::after {
    content: '';
    top: 55px;
    position: absolute;
    right: 60px;
    width: 12px;
    height: 189px;
    background-repeat: no-repeat;
    background-position: right;
    background-image: url(/images/home_pages/whilte_line.png);
    background-size: 11px;
}


/* .what_is_umrah_section .tab-pane.fade.show.active{
    border-left: 2px solid;
    padding-left: 15px;
    padding-right: 8px;
    border-right: 2px solid;
} */

.what_is_umrah_section button{
	background: none;
	padding-left: 42px;
    padding-right: 42px;
}

.what_is_umrah_section .nav-tabs{
	border: none;
    display: inline-flex;

}

.bravo-form-search-all .nav-link.active{
	background-color: white !important;
    color: #F15A22;
}

.bravo-form-search-all .nav-link.active svg {
    fill: #F15A22;
}


.bravo-form-search-all .nav-link:nth-child(5) {

    border-top-right-radius: 16px !important;
}

.bravo-form-search-all .nav-link:nth-child(odd) {
    background-color: #f53100;
}

.bravo-form-search-all .nav-link:nth-child(even) {
    background-color: #ff5800;
}




.bravo-form-search-all .nav-link {
    color: white;
	border-radius: 0 !important;
	width: 20%;
	height: 42px;
}

.bravo-form-search-all .nav-link {
	color: white;
    padding-left: 50px;
    padding-right: 54px;
    font-size: 14px;
}

.bravo-form-search-all .nav-link:nth-child(1) {
    /* background-color: #F15A22; */
	border-top-left-radius: 16px !important;
}

.what_is_umrah_section button img{
    width: 70px;
    background-color: #2b2a2a3b;
    border-radius: 35px;
    padding: 10px;
    filter: grayscale(1);
}

.bravo-booking-page .form-section {
    padding: 20px 15px;
}

@media (min-width: 1200px) {

}

@media (min-width: 1366px) {
    .container {
        max-width: 1340px;
    }
}

.main-footer .nav-footer {
    display: block;
}

.footer-copy-right svg {
    margin-left: 18px;
}

.stepwizard-step p {
    margin-top: 0px;
    color:#666;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}
.stepwizard-step button[disabled] {
    /*opacity: 1 !important;
    filter: alpha(opacity=100) !important;*/
}
.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {
    opacity:1 !important;
    color:#bbb;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content:" ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-index: 0;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
/**     1- zaid Section                                   **/
/* zaid Styling Start Here */
.bravo_header .navbar{
    padding: 0;
}
.navigation {
    margin-left: 35%;
    position: absolute;
    right: 0;
}
.navigation .nav-item .nav-link{
    color: #ffffff!important;
    font-size: 16px;
    padding: 10px 15px;
}
.navigation .nav-item .nav-link:hover{
    color: #ffffff;
}
.navbar-light .navbar-nav .active > .nav-link{
    color: #ffffff;
}
.lgn_cont{
    display: inline-flex;
}
.lng_btn{
    display: inline-flex;
    border-radius: 4px;
    overflow: hidden;
}
.lng_btn .btn.btn-primary{
    border-radius: 0;
    background-color: #fff;
}
.lng_btn .btn.btn-primary {
    color: #000;
    padding: 10px;
}
.lng_btn .btn-primary:hover{
    background-color: #F15A22;
    color: #fff;
}
.m-lgnbtn{
    display: inline-block;
    margin-left: 10px;
}
.navigation-home-search .card{
    padding: 20px;
}
.bravo-form-search-all div.card-body {
    padding-left: 10px;
}
.header-form-home.bravo_form{
    margin-right: 10px;
}
.header-form-home.bravo_form::after {
    content: '';
    position: absolute;
    top: 0;
    right: -7px;
    width: 18px;
    height: 72%;
    opacity: 0.6;
    background-repeat: no-repeat;
    background-position: right;
    background-image: url(/images/home_pages/green_line.png);
    background-size: 11px;
}
.form.header-form-home{
    margin-right: 0;
    padding-right: 0;
}
.frm_spc{
    padding: 10px 32px;
}
.bravo_wrap .page-template-content .bravo-form-search-all{
    background-image: url(/images/home_pages/untitled-design-37.jpeg);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    height: 60vh;
    position: relative;
    top: -36px;
}
/* .bravo_wrap .page-template-content .bravo-form-search-all::after{
    content: url(/images/all_images/pattern.png);
    min-height: 119px;
    min-width: 100%;
    position: absolute;
    background-size: 167px 72px;
    z-index: 999999;
    background-repeat: repeat-x;
    background-position: bottom;
} */
.back_line_pattern {
    display: none;
    background-image: url(/images/all_images/pattern.png);
    min-height: 69px;
    min-width: 100%;
    position: absolute;
    background-size: 167px 72px;
    z-index: 999999;
    background-repeat: repeat-x;
    background-position: bottom;
    bottom: 0;
}
.bravo_form label, .control-label{
    font-size: 15px;
    color: #5e6d77;
}
.home-form-text .card-title{
}
.home-form-text .card-text{
}
.bravo_wrap .bravo_form .input-search, .bravo_wrap .bravo_form .smart-search {
    width: 100%;
}
.nav-tabs .nav-link{
    border: none;
}
.what_is_umrah_section {
    background-image: url(/images/home_pages/Capture.PNG) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 150px 0;
}
.what_is_umrah_section .tab-content {
    background-color: rgb(199 0 3 / 76%);
    padding: 80px;
    color: white;
    /* background-image: url(/images/home_pages/whilte_line.png); */
    background-repeat: no-repeat;
    background-size: 10px 153px;
    background-position: 37px;
    position: relative;
    height: 300px;
}
.what_is_umrah_section .tab-content .tab-pane a{
    color: #fff;
    font-size: 16px;
}
.what_is_umrah_section .tab-content .tab-pane a:hover{
    color: #fff;
}
.what_is_umrah_section nav{
    text-align: center;
}
.home_faq_section .btn-group{
    display: block;
}
.home_faq_section .btn-group .dropdown-toggle-split{
    border-left: 1px solid;
    padding-top: 10px;
    position: absolute;
    right: 0;
    pointer-events: none;
    z-index: 99999;
    top: 0;
    display: none;
}
.home_faq_section .btn{
    text-align: left;
}
.dropdown-menu.select-guests-dropdown.show {
    min-width: 275px;
    position: relative;
    z-index: 9999999;
}
.admr_btn{
    display: block;
    margin-left: 15px;
}
.admr_btn a{
    font-size: 14px;
    color: #e85721;
}
.admr_btn a i{
    margin-right: 5px;
}

.h_lgb_btn{
    display: none;
    width: 190px;
}
.h_lgb_btn a {
    position: relative;
    display: inline-block;
    padding: 5px 7px;
    margin: 10px 0;
    color: #fff;
    text-decoration: none;
    text-transform: capitalize;
    transition: 0.5s;
    letter-spacing: 1px;
    overflow: hidden;
    margin-right: 20px;
}
.h_lgb_btn a:hover{
    background: #e85721;
    color: #fff;
    /* box-shadow: 0 0 5px #e85721,
                0 0 25px #e85721,
                0 0 50px #e85721,
                0 0 200px #e85721; */
     -webkit-box-reflect:below 1px linear-gradient(transparent, #0005);
}
.h_lgb_btn a:nth-child(1){
    filter: hue-rotate(0deg);
}
.h_lgb_btn a:nth-child(2){
    filter: hue-rotate(0deg);
}
.h_lgb_btn a span{
    position: absolute;
    display: block;
}
.h_lgb_btn a span:nth-child(1){
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg,transparent,#e85721);
    animation: animate1 1s linear infinite;
}
@keyframes animate1{
    0%{
        left: -100%;
    }
    50%,100%{
        left: 100%;
    }
}
.header-normal .bravo_header{
    background: linear-gradient(to bottom, #0e0e0eeb, rgb(0 0 0 / 0%)) 0px 0px no-repeat padding-box padding-box transparent !important;
    z-index: 999;
}
.bravo_wrap .bravo_footer .main-footer .nav-footer .context ul li a i {
    margin-left: 10px;
    font-size: 18px;
}
.bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .nav-tabs li:nth-child(2){

}
.bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .nav-tabs li:nth-child(3){
    display: none!important;
}
.bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .nav-tabs li:nth-child(4){
    display: none!important;
}
.bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .nav-tabs li:nth-child(6){
    display: none!important;
}
.bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .nav-tabs li:nth-child(7){
    display: none!important;
}
.bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .nav-tabs li:nth-child(9){
    display: none!important;
}
.bravo_wrap .bravo_topbar{
    background: #1a2b47!important;
}
.gateway-umrah-section .carousel-caption {
    position: absolute;
    max-width: 30%;
    text-align: left;
    top: 25%;
    bottom: 0;
    height: 100px;
}
.gateway-umrah-section .carousel-caption p {
    font-size: 16px;
    line-height: 26px;
}
.slider_text{
    display: block;
    padding: 20px 15px;
    background: rgb(0 0 0 / 30%);
}
.slider_text h5{
    font-size: 24px;
    font-weight: 700;
}
.f-contact{
    display: inline-block;
    padding: 0;
    color: #fff;
    font-size: 16px;
    margin-right: 5px;
    padding-top: 5px;
}
.astrodivider {
    margin: 0 auto;
    width: 400px;
    max-width: 100%;
    position: absolute;
    z-index: 9999;
    left: 0;
    right: 0;
}

  .astrodividermask {
      overflow:hidden; height:20px;
  }

  .astrodividermask:after {
        content:'';
        display:block; margin:-25px auto 0;
        width:100%; height:25px;
          border-radius:125px / 12px;
         box-shadow:0 0 8px #049372;
  }
  .astrodivider span {
      width:50px; height:50px;
      position:absolute;
      bottom:100%; margin-bottom:-25px;
      left:50%; margin-left:-25px;
      border-radius:100%;
     box-shadow:0 0 8px #000000;
      background:#fff;
  }
  .astrodivider i {
      position:absolute;
      top:4px; bottom:4px;
      left:4px; right:4px;
      border-radius:100%;
      border:1px dashed #e85721;
      text-align:center;
      line-height:40px;
      font-style:normal;
       color:#e85721;
  }

/* .bravo_wrap .bravo_form .form-group::after {
    content: "\f107";
    font-family: 'FontAwesome';
    position: absolute;
    right: 20px;
    top: 16px;
    font-size: 18px;
    color: #e85721;
} */
.bravo_wrap .bravo_form .smart-search:after{
    display: none;
}
.bravo_wrap .bravo_form .dropdown-toggle:after{
    display: none;
}
.val.children_ages{

}
.astrodivider{
    display: none;
}

.umrah_col {
    display: block;
    background-image: url(/images/home_pages/faq-banner.jpg);
    background-color: rgba(255, 255, 255, 0.9);
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 50px 0 200px 0;
}
.col_center{
    float: none;
    margin: auto;
}
.umrah_text {
    display: block;
    padding: 20px 0;
    background-color: #fff;
    padding: 20px;
}
.umrah_text h2{
    font-size: 32px;
    color: #000;
    margin-bottom: 20px;
}
.umrah_text p{
    font-size: 16px;
    color: #000;
    margin-bottom: 20px;
}
.umrah_textline{
    padding: 20px 0;
}
.umrah_steps{
    display: block;
    padding: 30px 0px;
    margin-bottom: 50px;
}
.umrah_steps .stepwizard-step p {
    margin-top: 0px;
    color:#666;
}
.umrah_steps .stepwizard-row {
    display: table-row;
}
.umrah_steps .stepwizard {
    display: table;
    width: auto;
    position: relative;
    margin: auto;
}
.umrah_steps .form{
    width: 70%;
    position: relative;
    margin: auto;
}
.umrah_steps .form p{
    font-size: 14px;
    line-height: 22px;
    color: #000;

}
.umrah_steps .stepwizard-step button[disabled] {
    /*opacity: 1 !important;
    filter: alpha(opacity=100) !important;*/
}
.umrah_steps .stepwizard .btn.disabled, .umrah_steps .stepwizard .btn[disabled], .umrah_steps .stepwizard fieldset[disabled] .btn {
    opacity:1 !important;
    color:#bbb;
}
.umrah_steps .stepwizard-row:after {
    left: 0px;
    right: 0;
    position: absolute;
    content: " ";
    width: 74%;
    height: 1px;
    background-color: transparent;
    z-index: 0;
    border-top: 2px dashed #BFBFBF;
    margin: 0 auto;
    text-align: center;
    bottom: -25px;
}
.umrah_steps .stepwizard-row:before{
    display: none;
}
.umrah_steps .stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
    width: 100px;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle{
    background-color: transparent;
    border: none;
    box-shadow: unset;
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus{
    box-shadow: none;
}
.btn-success{
    background-color: transparent;
    border: none;
    box-shadow: unset;
}
.btn-success:hover {
    color: #fff;
    background-color: transparent;
    border: none;
    box-shadow: unset;
}

.umrah_steps .stepwizard-step .btn-success:focus, .btn-success.focus{
    box-shadow: unset!important;
}
.umrah_steps .stepwizard-step i{
    font-size: 28px;
}
.umrah_steps .btn-circle {
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 5px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: rgba(100, 100, 111, 0.6) 0px 7px 29px 0px;
}
.umrah_steps .btn-circle img {
    display: block;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 26%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
}
.umrah_steps .btn-circle.btn-success{
    background-color: #F15A22;
}
.umrah_steps .btn-circle.btn-success img{
    filter: brightness(0) invert(1);
}
.umrah_steps .btn-circle.btn-success
.umrah_steps .btn-circle.btn-success:before {
    content: "\f111";
    font-family: 'FontAwesome';
    position: absolute;
    left: 42%;
    opacity: 1;
    margin: 0 auto;
    top: -27px;
    color: #F15A22;
    font-size: 14px;
    font-weight: 600;
    /* border: 10px solid transparent;
    border-bottom-color: #F15A22; */
}
.umrah_steps .btn-circle:before {
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    left: 42%;
    opacity: 1;
    margin: 0 auto;
    top: -32px;
    color: rgba(127, 127, 127, 0.5);
    font-size: 20px;
    font-weight: 700;
    /* border: 10px solid transparent;
    border-bottom-color: #F15A22; */
}
.stp_sintr{
    display: block;
    text-align: center;
    overflow: hidden;
}
.umrah_steps .form .card-header {
    background-color: transparent;
    border: none;
    padding: 10px 0;
}
.umrah_steps .form .collapse.show{
    font-size: 18px;
    line-height: 22px;
    color: #000;
}
.umrah_steps .form .accordion .card {
    box-shadow: 0px 10px 5px rgba(0, 0, 0, 0.25);
    margin-bottom: 20px;
    background-color: transparent;
    border: none;
}
.umrah_steps .form .card-header .btn.btn-link.collapsed {
    display: block;
    width: 100%;
    text-align: left;
}
.umrah_steps .form .card-header .btn.btn-link{
    font-size: 22px;
    color: #000;
    text-decoration: none;
}
.umrah_steps .form .card-header .btn.btn-link:after {
    content: "\f106";
    font-family: 'FontAwesome';
    position: absolute;
    right: 2%;
    opacity: 1;
    margin: 0 auto;
    color: rgba(127, 127, 127, 0.5);
    font-size: 20px;
    font-weight: 700;
}
.umrah_steps .form .card-header .btn.btn-link.collapsed:after {
    content: "\f107";
    font-family: 'FontAwesome';
    position: absolute;
    right: 2%;
    opacity: 1;
    margin: 0 auto;
    color: rgba(127, 127, 127, 0.5);
    font-size: 20px;
    font-weight: 700;
}

.umrah_list{
    display: block;
}
.umrah_list li{
    display: block;
    list-style: none;
    padding: 10px 0 0 0;
    font-size: 16px;
}
.f-partners {
    display: block;
    margin-top: 20px;
}
.bravo_wrap .bravo_footer .main-footer .nav-footer .context .f-partners li {
    display: inline-block;
    width: 92px;
    margin: 3px 3px 0 0;
    padding: 10px;
    background-color: hsla(0, 0%, 100%, .1);
}
.bravo_wrap .bravo_footer .main-footer .nav-footer .context .f-partners li a{
    margin: 0;
}
.bravo_wrap .bravo_footer .main-footer .nav-footer .context .f-partners li a img{
    width: 100%;
}
.m-footer{
    display: block;
    background-color: #fff;
}
.download_app{
    padding-top: 20px;
}
.download_app h5 {
    font-size: 24px;
    color: #000;
    font-weight: 700;
}
.ziyara_app{
    position: relative;
    margin-bottom: -60px;
}
.min_suport {
    box-shadow: 0 -10px 30px -5px #b9b9b9;
    padding: 15px 0;
}
.min_suport {
    box-shadow: 0 -10px 30px -5px #b9b9b9;
    padding: 15px 0;
    z-index: 9999999999;
    position: relative;
    background-color: #fff;
}
.suprt_fotr {
    display: flex;
    margin-top: 25px;
    margin-left: 2%;
}
.suprt_fotr li {
    display: inline-block;
    width: 35%;
    border-right: 1px solid rgb(151, 151, 151);
    padding: 0 50px;
}
.suprt_fotr li:last-child{
    border-right: none;
}
.suprt_fotr li i {
    float: left;
    font-size: 40px;
    color: #FF7833;
    padding: 10px 0;
    margin-right: 15px;
}
.suprt_fotr li h3{
    font-size: 14px;
    font-weight: 500;
    color: #7F7F7F;
}
.suprt_fotr li span{
    font-size: 20px;
    color: #000;
    font-weight: 700;
}
.about_us{
    display: block;
    padding: 50px 0;
}
.inner-banner{
    display: block;
    background-image: url(/images/home_pages/makkah_banner.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 250px;
    margin-top: -30px;
    position: relative;
    background-color: rgb(235 235 235);
    padding-bottom: 50px;
    min-height: 670px;
}

.main_umrah {
    background-image: url(/images/home_pages/umrah_bg.png);
}
.main-about {
    background-image: url(/images/home_pages/about-banner.jpg);
}
.main-faq {
    background-image: url(/images/home_pages/faq-banner.jpg);
}
.privacy_policy_banner {
    background-image: url(/images/home_pages/privacy_policy_banner.png);
}
.terms_and_condition {
    background-image: url(/images/home_pages/terms_and_condition.png);
    background-position: bottom;
}
.cancellation-policy {
    background-image: url(/images/home_pages/cancellation-policy.png);
}
.madina_banner{
    background-image: url(/images/home_pages/madina_banner.jpg);
}
.main-travel{
    background-image: url(/images/home_pages/travel-banner.jpg);
}
.makkah_banner{
    background-image: url(/images/home_pages/makkah_banner.jpg);
}

.contact_us_banner {
    background-image: url(/images/home_pages/contact_us.jpg);
}
.travel-guide{
    background: #FFFFFF;
    width: 70%;
    height: 1000px;
    margin: 0 auto;
    position: relative;
    margin-top: 10%;
    box-shadow: 2px 5px 20px rgba(119, 119, 119, 0.5);
    margin-bottom: 10%;
}
.logo {
    float: right;
    margin-right: 12px;
    margin-top: 12px;
    font-family: "Nunito Sans", sans-serif;
    color: #3DBB3D;
    font-weight: 900;
    font-size: 1.5em;
    letter-spacing: 1px;
}

.CTA {
    width: 80px;
    height: 40px;
    right: -20px;
    bottom: 0;
    margin-bottom: 90px;
    position: absolute;
    z-index: 1;
    background: #7ED386;
    font-size: 1em;
    transform: rotate(-90deg);
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}
.CTA:hover {
    background: #007D6E;
    transform: scale(1.1);
}

.leftbox {
    float: left;
    top: -5%;
    left: 5%;
    position: absolute;
    width: 15%;
    height: 110%;
    background: #007D6E;
    box-shadow: 3px 3px 10px rgba(119, 119, 119, 0.5);
}
.travel-logo {
    display: block;
    text-align: center;
    padding: 30px 0;
}
.leftbox nav a {
    list-style: none;
    padding: 25px 0;
    color: #FFFFFF!important;
    font-size: 14px;
    display: block;
    transition: all 0.3s ease-in-out;
    text-align: center;
}
.leftbox nav a i{
    display: block;
}
.leftbox nav a:hover {
    color: #3FB6A8;
    transform: scale(1.2);
    cursor: pointer;
}

.leftbox nav a:first-child {
    margin-top: 7px;
}

.rightbox {
    padding-left: 25%;
    height: 100%;
    padding-top: 70px;
}

.profile,
.payment,
.subscription,
.privacy,
.settings {
    transition: opacity 0.5s ease-in;
    position: absolute;
    width: 75%;
}
input {
    border: 1px solid #dddddd;
    padding: 2px;
    margin: 0;
}

.privacy h2 {
    margin-top: 25px;
}

.settings h2 {
    margin-top: 25px;
}

.noshow {
    opacity: 0;
}


.timeLine {
    position: relative;
    padding: 70px 0px;
    text-align: center;
    width: 100%;
    overflow: hidden;
}

.timeLine .row .lineHeader:before {
    position: absolute;
    top: 0;
    margin: auto;
    content: "";
    font-family: FontAwesome;
    color: #DDD;
    font-size: 36px;
    margin-left: -10px;
}

.timeLine .row .lineHeader:after {
    content: "";
    width: 3px;
    position: absolute;
    top: 35px;
    bottom: 35px;
    left: 50%;
    border-radius: 50px;
    background-color: #DDD;
}

.timeLine .row .lineFooter:before {
    position: absolute;
    bottom: 0;
    margin: auto;
    content: "";
    font-family: FontAwesome;
    color: #DDD;
    font-size: 36px;
    margin-left: -10px;
}

.timeLine .row .item {
    visibility: hidden;
    float: left;
    margin-bottom: 2%;
    padding: 0px;
    clear: left;
}

.timeLine .row .item:before {
    content: "";
    width: 15px;
    height: 15px;
    border: 3px solid darkred;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    right: -9px;
    top: 10px;
}

.timeLine .row .item:after {
    content: "";
    height: 1px;
    width: 5%;
    position: absolute;
    background-color: #DDD;
    top: 16px;
    right: 8px;
}

.timeLine .row .item .caption {
    margin: auto;
    width: 85%;
    background: #ffffff;
    min-height: 200px;
    position: relative;
    color: #333;
    border: 1px solid #ededed;
    box-shadow: 2px 2px 10px 1px rgb(223 223 223 / 50%);
}

.timeLine .row .item .caption .star {
    width: 450px;
    padding: 5px 0px;
    font-weight: bold;
    line-height: 15px;
    position: absolute;
    z-index: 999;
    top: -10px;
    left: 20px;
    background-color: rgb(241, 90, 34)!important;
    color: white;
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.5);
}

.timeLine .row .item .caption .star span {
    display: inline-block;
    font-size: 20px;
}

.timeLine .row .item .caption .star:before {
    content: "";
    position: absolute;
    top: 0px;
    left: -10px;
    z-index: 2;
    border-right: 10px solid #F15A22;
    border-bottom: 0px solid transparent;
    border-top: 10px solid transparent;
}

.timeLine .row .item .caption .image {
    padding: 10px 20px;
    position: relative;
    padding-top: 70px;
}

.timeLine .row .item .caption .image img {
    width: 100%;
    min-height: 200px;
    max-height: 400px;
}

.timeLine .row .item .caption .image video {
    width: 100%;
    height: 100%;
    position: relative;
}

.timeLine .row .item .caption .image .controll {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.3);
    color: rgba(255, 255, 255, 0.7);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.timeLine .row .item .caption .image .title {
    background-color: darkred;
    padding: 0px 20px;
    position: absolute;
    z-index: 999;
    left: -10px;
    bottom: 10px;
    display: inline-block;
    opacity: 0;
    color: white;
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.5);
}

.timeLine .row .item .caption .image .title:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0px;
    z-index: 2;
    border-left: 10px solid transparent;
    border-bottom: 0px solid transparent;
    border-top: 10px solid #5e0000;
}

.timeLine .row .item .textContent {
    padding: 15px 10px;
}

.timeLine .row .item .textContent p {
    text-justify: justify;
    text-align: left;
    padding: 0px 10px;
    border-left: 5px solid #5e0808;
    border-radius: 3px;
}

.timeLine .row .pull-right {
    float: right;
    margin-bottom: 0%;
    margin-top: 3%;
    clear: right;
}

.timeLine .row .pull-right:before {
    content: "";
    width: 15px;
    height: 15px;
    border: 3px solid darkred;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    left: -6px;
    top: 14px;
}

.timeLine .row .pull-right:after {
    content: "";
    height: 1px;
    width: 5%;
    position: absolute;
    background-color: #DDD;
    top: 21px;
    left: 12px;
}

/* Smart Phones Screen */
@media (max-width: 767px) {
    .timeLine .row .item {
        margin-bottom: 4%;
    }

    .timeLine .row .item:before {
        display: none;
    }

    .timeLine .row .item:after {
        display: none;
    }

    .timeLine .row .pull-right {
        margin-top: 0%;
    }

    .timeLine .row .pull-right:before {
        display: none;
    }

    .timeLine .row .pull-right:after {
        display: none;
    }
}

/* small Screen */
@media (min-width: 768px) and (max-width: 991px) {
    .timeLine .row .item {
        margin-bottom: 4%;
    }

    .timeLine .row .item:before {
        display: none;
    }

    .timeLine .row .item:after {
        display: none;
    }

    .timeLine .row .pull-right {
        margin-top: 0%;
    }

    .timeLine .row .pull-right:before {
        display: none;
    }

    .timeLine .row .pull-right:after {
        display: none;
    }
}

/* My image part  */
.myImage {
    position: fixed;
    bottom: 0px;
    left: 30px;
    width: 400px;
    height: 100px;
}

.myImage a {
    float: left;
}

.myImage a img {
    border-radius: 50%;
    border: 4px solid #fff;
    width: 70px;
    -webkit-filter: grayscale(50%);
    transition: all 0.3s ease-out;
}

.myImage a img:hover {
    -webkit-filter: grayscale(0%);
    border-radius: 50%;
    border: 4px solid #fff;
    transform: scale(1.5);
}

.myImage a h2 {
    transition: all 0.3s ease-out;
    display: inline-block;
    margin-left: 30px;
    color: white;
    opacity: 0;
    font-weight: bold;
    font-style: italic;
}

.timeLine .row .item .caption .image .title:before {
    border-top: 10px solid #5E0000;
}

.timeLine .row .item .caption .star:before {
    border-right: 10px solid #5E0000;
}

.timeLine .row .pull-right:before,
.timeLine .row .item:before {
    border: 3px solid rgb(241, 90, 34)!important;
}

.timeLine .row .lineHeader:after {
    background-color: #DDDDDD;
}

.timeLine .row .lineHeader:before,
.timeLine .row .lineFooter:before {
    color: #DDDDDD;
}

.inner_text{
    display: block;
    padding: 50px 0;
}
.inner_text strong{
    font-size: 22px;
    color: #585858;
    font-weight: 700;
}
.inner_text h2 {
    font-size: 28px;
    color: #585858;
    font-weight: 700;
}
.inner_text p {
    font-size: 16px;
    color: #707070;
    margin-bottom: 20px;
}

.blog-slider {
    width: 95%;
    position: relative;
    max-width: 800px;
    margin: auto;
    background: #fff;
    box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);
    padding: 25px;
    border-radius: 25px;
    height: 400px;
    transition: all 0.3s;
    margin-top: 50px;
    margin-bottom: 50px;
  }
.blog-slider  h2 {
    font-size: 28px;
    color: #585858;
    font-weight: 700;
}
  @media screen and (max-width: 992px) {
    .blog-slider {
      max-width: 680px;
      height: 400px;
    }
  }

  @media screen and (max-width: 768px) {
    .blog-slider {
      min-height: 500px;
      height: auto;
      margin: 180px auto;
    }
  }

  @media screen and (max-height: 500px) and (min-width: 992px) {
    .blog-slider {
      height: 350px;
    }
  }

  .blog-slider__item {
    display: flex;
    align-items: center;
  }

  @media screen and (max-width: 768px) {
    .blog-slider__item {
      flex-direction: column;
    }
  }

  .blog-slider__item.swiper-slide-active .blog-slider__img img {
    opacity: 1;
    transition-delay: 0.3s;
  }

  .blog-slider__item.swiper-slide-active .blog-slider__content>* {
    opacity: 1;
    transform: none;
  }

  .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(1) {
    transition-delay: 0.3s;
  }

  .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(2) {
    transition-delay: 0.4s;
  }

  .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(3) {
    transition-delay: 0.5s;
  }

  .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(4) {
    transition-delay: 0.6s;
  }

  .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(5) {
    transition-delay: 0.7s;
  }

  .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(6) {
    transition-delay: 0.8s;
  }

  .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(7) {
    transition-delay: 0.9s;
  }

  .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(8) {
    transition-delay: 1s;
  }

  .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(9) {
    transition-delay: 1.1s;
  }

  .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(10) {
    transition-delay: 1.2s;
  }

  .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(11) {
    transition-delay: 1.3s;
  }

  .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(12) {
    transition-delay: 1.4s;
  }

  .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(13) {
    transition-delay: 1.5s;
  }

  .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(14) {
    transition-delay: 1.6s;
  }

  .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(15) {
    transition-delay: 1.7s;
  }

  .blog-slider__img {
    width: 300px;
    flex-shrink: 0;
    height: 300px;
    background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
    box-shadow: 4px 13px 30px 1px rgba(252, 56, 56, 0.2);
    border-radius: 20px;
    transform: translateX(-80px);
    overflow: hidden;
  }

  .blog-slider__img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
    border-radius: 20px;
    opacity: 0.8;
  }

  .blog-slider__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 0;
    border-radius: 20px;
    transition: all 0.3s;
  }

  @media screen and (max-width: 768px) {
    .blog-slider__img {
      transform: translateY(-50%);
      width: 90%;
    }
  }

  @media screen and (max-width: 576px) {
    .blog-slider__img {
      width: 95%;
    }
  }

  @media screen and (max-height: 500px) and (min-width: 992px) {
    .blog-slider__img {
      height: 270px;
    }
  }

  .blog-slider__content {
    padding-right: 25px;
  }

  @media screen and (max-width: 768px) {
    .blog-slider__content {
      margin-top: -80px;
      text-align: center;
      padding: 0 30px;
    }
  }

  @media screen and (max-width: 576px) {
    .blog-slider__content {
      padding: 0;
    }
  }

  .blog-slider__content>* {
    opacity: 0;
    transform: translateY(25px);
    transition: all 0.4s;
  }

  .blog-slider__code {
    color: #7b7992;
    margin-bottom: 15px;
    display: block;
    font-weight: 500;
  }

  .blog-slider__title {
    font-size: 24px;
    font-weight: 700;
    color: #0d0925;
    margin-bottom: 20px;
  }

  .blog-slider__text {
    color: #4e4a67;
    margin-bottom: 30px;
    line-height: 1.5em;
  }

  .blog-slider__button {
    display: inline-flex;
    background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
    padding: 15px 35px;
    border-radius: 50px;
    color: #fff;
    box-shadow: 0px 14px 80px rgba(252, 56, 56, 0.4);
    text-decoration: none;
    font-weight: 500;
    justify-content: center;
    text-align: center;
    letter-spacing: 1px;
  }

  @media screen and (max-width: 576px) {
    .blog-slider__button {
      width: 100%;
    }
  }

  .blog-slider .swiper-container-horizontal>.swiper-pagination-bullets,
  .blog-slider .swiper-pagination-custom,
  .blog-slider .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
  }

  .blog-slider__pagination {
    position: absolute;
    z-index: 21;
    right: 20px;
    width: 11px !important;
    text-align: center;
    left: auto !important;
    top: 50%;
    bottom: auto !important;
    transform: translateY(-50%);
  }

  @media screen and (max-width: 768px) {
    .blog-slider__pagination {
      transform: translateX(-50%);
      left: 50% !important;
      top: 205px;
      width: 100% !important;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }

  .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 8px 0;
  }

  @media screen and (max-width: 768px) {
    .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
      margin: 0 5px;
    }
  }

  .blog-slider__pagination .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    display: block;
    border-radius: 10px;
    background: #062744;
    opacity: 0.2;
    transition: all 0.3s;
  }

  .blog-slider__pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fd3838;
    height: 30px;
    box-shadow: 0px 0px 20px rgba(252, 56, 56, 0.3);
  }

  @media screen and (max-width: 768px) {
    .blog-slider__pagination .swiper-pagination-bullet-active {
      height: 11px;
      width: 30px;
    }
  }

  .ziara_list{
    display: block;
    margin-top: 10px;
    width: 75%;
  }
  .ziara_list li{
    display: block;
    list-style: none;
    font-size: 16px;
    color: #707070;
    line-height: 18px;
    margin-bottom: 20px;
    padding-left: 25px;
  }
.ziara_list li:before {
    content: "\f00c";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: calc( var(--icon-space) * -1 );
    width: var(--icon-space);
    color: #F15A22;
    position: absolute;
    left: 15px;
}

.multi-room .remove_room {
    margin-left: 5px;
    margin-bottom: 10px;
    display: inline-block;
    background-color: #dbdbdb;
    padding: 0px 4px;
    border-radius: 10px;
    font-size: 12px;
    position: absolute;
    right: 10px;
}
       /* Android 2.3 :checked fix */
       @-webkit-keyframes fake {
        from {
            opacity: 1;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes fake {
        from {
            opacity: 1;
        }

        to {
            opacity: 1;
        }
    }

    .worko-tabs {
        margin: 20px;
        width: 80%;
    }

    .worko-tabs .state {
        position: absolute;
        left: -10000px;
    }

    .worko-tabs .flex-tabs {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .worko-tabs .flex-tabs .tab {
        flex-grow: 1;
        max-height: 40px;
    }

    .worko-tabs .flex-tabs .panel {
        background-color: #fff;
        padding: 20px;
        min-height: 300px;
        display: none;
        width: 100%;
        flex-basis: auto;
    }

    .worko-tabs .tab {
        display: inline-block;
        padding: 10px;
        vertical-align: top;
        background-color: #eee;
        cursor: hand;
        cursor: pointer;
        border-left: 10px solid #ccc;
    }

    .worko-tabs .tab:hover {
        background-color: #fff;
    }

    #tab-one:checked~.tabs #tab-one-label,
    #tab-two:checked~.tabs #tab-two-label,
    #tab-three:checked~.tabs #tab-three-label,
    #tab-four:checked~.tabs #tab-four-label {
        background-color: #fff;
        cursor: default;
        border-left-color: #69be28;
    }

    #tab-one:checked~.tabs #tab-one-panel,
    #tab-two:checked~.tabs #tab-two-panel,
    #tab-three:checked~.tabs #tab-three-panel,
    #tab-four:checked~.tabs #tab-four-panel {
        display: block;
    }

    @media (max-width: 600px) {
        .flex-tabs {
            flex-direction: column;
        }

        .flex-tabs .tab {
            background: #fff;
            border-bottom: 1px solid #ccc;
        }

        .flex-tabs .tab:last-of-type {
            border-bottom: none;
        }

        .flex-tabs #tab-one-label {
            order: 1;
        }

        .flex-tabs #tab-two-label {
            order: 3;
        }

        .flex-tabs #tab-three-label {
            order: 5;
        }

        .flex-tabs #tab-four-label {
            order: 7;
        }

        .flex-tabs #tab-one-panel {
            order: 2;
        }

        .flex-tabs #tab-two-panel {
            order: 4;
        }

        .flex-tabs #tab-three-panel {
            order: 6;
        }

        .flex-tabs #tab-four-panel {
            order: 8;
        }

        #tab-one:checked~.tabs #tab-one-label,
        #tab-two:checked~.tabs #tab-two-label,
        #tab-three:checked~.tabs #tab-three-label,
        #tab-four:checked~.tabs #tab-four-label {
            border-bottom: none;
        }

        #tab-one:checked~.tabs #tab-one-panel,
        #tab-two:checked~.tabs #tab-two-panel,
        #tab-three:checked~.tabs #tab-three-panel,
        #tab-four:checked~.tabs #tab-four-panel {
            border-bottom: 1px solid #ccc;
        }
    }
.val.children_ages{
    margin-left: 10px;
}
.val.children_ages select {
    margin: 10px 8px;
    width: 42%;
    border: 1px solid #dbdbdb;
}
.embark {
    display: block;
    text-align: center;
}

/*@font-face {
    font-family: 'fontello';
    src: url('https://css-tricks.com/examples/RoundButtons/fonts/fontello.eot');
    src: url('https://css-tricks.com/examples/RoundButtons/fonts/fontello.eot?#iefix') format('embedded-opentype'),
        url('https://css-tricks.com/examples/RoundButtons/fonts/fontello.woff') format('woff'),
        url('https://css-tricks.com/examples/RoundButtons/fonts/fontello.ttf') format('truetype'),
        url('https://css-tricks.com/examples/RoundButtons/fonts/fontello.svg#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class*="icon-"] {
    font-family: 'fontello';
    font-style: normal;
    speak: none;
}*/

.icon-home:after {
    content: "\2302";
}

.icon-cog:after {
    content: "\2699";
}

.icon-cw:after {
    content: "\27f3";
}

.icon-location:after {
    content: "\e724";
}

.travel_nav {
    list-style: none;
    text-align: center;
}

.travel_nav li {
    position: relative;
    display: inline-block;
    margin-right: -4px;
}

.travel_nav li:before {
    content: "";
    display: block;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #fff;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: -1;
}

.travel_nav a:link, .travel_nav a:visited {
    display: block;
    text-decoration: none;
    background-color: #f7f7f7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #f7f7f7, #e7e7e7);
    background-image: -moz-linear-gradient(top, #f7f7f7, #e7e7e7);
    background-image: -ms-linear-gradient(top, #f7f7f7, #e7e7e7);
    background-image: -o-linear-gradient(top, #f7f7f7, #e7e7e7);
    color: #a7a7a7;
    margin: 36px;
    width: 70px;
    height: auto;
    position: relative;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    box-shadow: 0px 3px 8px #aaa, inset 0px 2px 3px #fff;
    border: solid 1px transparent;
    padding: 20px 0;
}
.travel_nav a:link .screen-reader-text{
    display: block;
}

.travel_nav a:before {
    content: "";
    display: block;
    background: #fff;
    border-top: 2px solid #ddd;
    position: absolute;
    top: -10px;
    left: -10px;
    bottom: -10px;
    right: -10px;
    z-index: -1;
    border-radius: 50%;
    box-shadow: inset 0px 8px 48px #ddd;
}

.travel_nav a:active  {
    box-shadow: 0px 3px 4px #aaa inset, 0px 2px 3px #5c1900;
}

.travel_nav a:hover {
    text-decoration: none;
    color: #F15A22;
}
.btn-success:not(:disabled):not(.disabled):active{
    background: transparent;
    color: #fff;
}
.umrah_steps .stepwizard-step:before {
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    left: 50%;
    opacity: 1;
    margin: 0 auto;
    bottom: -38px;
    color: rgba(127, 127, 127, 0.5);
    font-size: 20px;
    font-weight: 700;
}
.panel-primary.setup-content{
    margin-top: 50px;
}
.ziara_works{
    background-image: url(/images/home_pages/ziara_works.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    text-align: center;
    padding: 40px 0;
}
.ziara_works h2 {
    font-size: 38px;
    font-weight: 500;
    color: #4c4c4c;
}
.col_out {
    display: block;
    background-color: #00a693;
    text-align: center;
    padding-top: 40px;
    margin: 20px 0;
}
.col_out:before {
    content: "";
    border-bottom: 30px solid #00a693;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: 5.4em;
    right: -10%;
    margin-left: -0.2em;
    -webkit-transform: rotate(45deg);
    transform: rotate(90deg);
    z-index: 9999;
}
.col_out_dark{
    background-color: #828282;
}
.col_out_dark:before {
    border-bottom: 30px solid #828282;
}
.col-md-3.col_out:nth-child(4) .col_out:before{
    border: none;
}
.col_out a {
    display: inline-block;
}
.col_out a:hover{
    text-decoration: unset;
}
.col_out a img{
    width: 100%;
}

.col_out h3{
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 30px;
}
.col_out p {
    color: #fff;
    font-size: 16px;
    margin: 10px auto;
    width: 170px;
    font-weight: 500;
    margin-bottom: 140px;
}
.col_out span {
    display: block;
    color: #00a693;
    background-color: #fff;
    font-size: 24px;
    font-weight: 700;
    width: 150px;
    height: 70px;
    padding-top: 30px;
    border-radius: 80px 80px 0 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    text-transform: uppercase;
}
.col_out_dark span{
    color: #828282;

}
.overlay-filter{
    margin-top: 20px;
}
.socials {
    display: inline-flex;
    align-items: center;
}
.socials a{
    display: inline-flex;
    padding: 5px 7px;
    color: #fff;
    font-size: 18px;
}
.inner-text{
    display: block;
}
.inner-text strong{
    display: block;
}
.inner-text h2{
    font-size: 22px;
}
.inner-text h3{
    font-size: 18px;
}
.inner-text ul {
    display: block;
    margin-bottom: 30px;
}
.inner-text ul li {
    display: block;
    padding-left: 5px;
}
.inner-text ul li:before {
    content: "\f05d";
    font-family: 'FontAwesome';
    position: relative;
    left: -5px;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    color: #e85721;
    font-size: 16px;
    font-weight: 500;
}
.bravo-autocomplete .list-item .item p{
    padding-top: 0!important;
    margin-bottom: 0;
    font-weight: normal!important;
    font-size: 12px!important;
}

.bravo_wrap .bravo_form .input-search .bravo-autocomplete .item, .bravo_wrap .bravo_form .smart-search .bravo-autocomplete .item{
    border-bottom: 1px solid #e1e1e1;
    padding: 10px;
}

.remove_room{
    display:none !important;
}
.yeah2 .dropdown-menu.clone_guest_all.show {
    margin-top: 10px;
}
.your_trip{
    background-color: #00a693;
    width: 300px;
    padding: 12px 0;
    font-size: 18px;
    color: #fff;
}
.your_trip:hover{
    color: #fff;
}
.slider_text .btn-primary {
    float: right;
    border-radius: 20px;
}
.info-content a{
    color: #fff;
}
.info-content a:hover{
    color: #fff;
}
.bravo-news .space-between .share{
    display: none;
}
.bravo-news .post-info{
    display: none!important;
}
img.overlay-pic{
    display: none!important;
}
.bravo_wrap .page-template-content .bravo-list-news .item-news .caption .item-date {
    margin-bottom: 5px;
    display: none;
}
.post-content h3 span{
    display: block;
}
.post-content h3 span:before{
    content: url(/images/home_pages/umrah_tabs_ico/acco_ico.png);
    font-family: 'FontAwesome';
    position: relative;
    left: -5px;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    color: #e85721;
    font-size: 16px;
    font-weight: 500;
}
.bravo_wrap .bravo_topbar .content .topbar-items li.login-item{
    display: none;
}
.bravo_wrap .bravo_topbar .content .topbar-items li.signup-item{
    display: none;
}

.bravo_wrap .bravo_topbar .content .topbar-items li:nth-child(2){
}
.bravo_wrap .bravo-contact-block .contact-info .info-content{
    display: none!important;
}


/* .spinner_loader {
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 999;
    text-align: center;
} */
.spinner_loader {
    display: none;
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(0deg, rgb(0 0 0 / 100%), rgb(0 0 0 / 30%));
    left: 0;
    z-index: 9999999999999999999999999;
    text-align: center;
}

.spinner {
    display: block;
    margin: auto 20px;
    height: 100%;
    position: fixed;
    top: 80%;
    bottom: 0;
    left: 0;
    right: 0;
}
.spinner_loader .spinner .ball {
    width: 20px;
    height: 20px;
    background-color: #e85721;
    border-radius: 50%;
    display: inline-block;
    -webkit-animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
    animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
    position: relative;
    z-index: 99999;
}

.spinner_loader .spinner p {
    color: #fff;
    margin-top: 5px;
    font-family: sans-serif;
    letter-spacing: 3px;
    font-size: 20px;
    font-weight: 400;
    position: relative;
    z-index: 999;
    margin: auto;
}
.loader_logo {
    display: none;
    margin-top: 10px;
}
@-webkit-keyframes motion {
    0% {
        transform: translateX(0) scale(1);
    }

    25% {
        transform: translateX(-50px) scale(0.3);
    }

    50% {
        transform: translateX(0) scale(1);
    }

    75% {
        transform: translateX(50px) scale(0.3);
    }

    100% {
        transform: translateX(0) scale(1);
    }
}

@keyframes motion {
    0% {
        transform: translateX(0) scale(1);
    }

    25% {
        transform: translateX(-50px) scale(0.3);
    }

    50% {
        transform: translateX(0) scale(1);
    }

    75% {
        transform: translateX(50px) scale(0.3);
    }

    100% {
        transform: translateX(0) scale(1);
    }
}

.fotorama__wrap--css3 .fotorama__stage .fotorama__img {
    width: 100% !important;
    left: 0 !important;
}
.listing-icon{
    display: inline-block;
    padding-right: 5px;
    width: 40px;
}

.footer-copy-left p img{
    display: none;
}
/*# sourceMappingURL=style.css.map */
/* .majid_hrm {
    background-image: linear-gradient(0deg,rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.2)),url(/images/home_pages/namazi.png) !important;
    width: 100%;
    height: 100%;
    content: '';
    background-size: 100%;
    background-repeat: no-repeat;
} */

.inner-banner_all{
    display: block;
    background-image: url(/images/home_pages/travel-con_img.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 75px;
    margin-top: -30px;
    position: relative;
    background-color: rgb(235 235 235);
    padding-bottom: 50px;
}

.inner-banner_all_list{
    padding-bottom: 261px;
    background-position: center;
}
.bravo_detail_hotel .bravo_banner {
    display: none;
}

.bravo_detail_hotel .owner-info.widget-box {
    display: none;
}

.hotels_listing_loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #e85721;
    width: 61px;
    height: 61px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    float: left;
}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


.total_count_hotels {
    float: right;
    padding-top: 17px;
    padding-left: 48px;
    display: block;
}

div#hotels_no_found_text h1 {
    font-size: 24px;
    text-align: center;
}

div#hotels_found_text h1 {
    font-size: 24px;
    text-align: center;
}
h2.total_count_hotels {
    font-size: 19px;
}

.children_ages select {
    text-align: center;
}
.main_umrahpkg {
    display: block;
    padding: 50px 0;
    position: relative;
    background-color: #fff;
}
.ummrah_pkg{
    display: block;
    padding: 0;
    border: 0;
    background-color: transparent;
}
.ummrah_pkg .card {
    /* background-color: #1a2b47; */
    /* background: url("/images/home_pages/travel-banner.jpg"), linear-gradient(4deg, rgba(38,8,31,0.75) 30%, rgba(213,49,127,0.3) 45%, rgba(232,120,12,0.3) 100%); */
    background: linear-gradient(270deg, rgb(10 10 10 / 30%), rgb(8 8 8 / 70%)), url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTH9Nj3hCPSzcsdjAflTKRDuc5SapmNfYrYzYk2gAz2k5GIgGkdY8GirxegyEulCSshzRE&usqp=CAU) center center no-repeat;
    padding: 10px 15px;
    border-radius: 6px;
    border: 1px solid #00102a;
    background-size: cover!important;
    transition: transform .2s;
}
.ummrah_pkg .card:hover {
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.1);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.35);
}
.ummrah_pkg .card.one1{
    display: block;
    background-size: cover;
    background: linear-gradient(270deg, rgb(10 10 10 / 10%), rgb(8 8 8 / 20%)), url(/images/home_pages/banner/ra-1.jpg) center center no-repeat;
}
.ummrah_pkg .card.two2{
    background-size: cover;
    display: block;
    background: linear-gradient(270deg, rgb(10 10 10 / 10%), rgb(8 8 8 / 20%)), url(/images/home_pages/banner/ra-2.jpg) center center no-repeat;
}
.ummrah_pkg .card.three3{
    background-size: cover;
    display: block;
    background: linear-gradient(270deg, rgb(10 10 10 / 10%), rgb(8 8 8 / 20%)), url(/images/home_pages/banner/ra-3.jpg) center center no-repeat;
}
@keyframes slidein {
    0% {
      opacity: 0;
      right: -200px;
    }
    100% {
      opacity: 1;
      right: 0px;
    }
  }
  /* general */


  .card-box {
    margin: 0 auto;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .card-box .card {
    transition: all 0.3s ease;
    transform: scale 1s ease;
    animation: 400ms ease-out slidein 1;
    animation-fill-mode: both;
    min-height: 250px;
    padding: 10px 25px;
    background-color: #f2f2f2;
    display: inline-block;
    border: 0;
    border-radius: 0;
    text-align: left;
    position: relative;
    top: 0px;
    width: 100%;
  }
  .card-box .card h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    position: absolute;
    bottom: 30px;
}
.card-box .card .btn {
    transition: all 0.3s ease;
    transform: scale 1s ease;
    cursor: pointer;
    padding: 4px 12px;
    margin: 5px 0;
    background-color: #e85721;
    color: #fff;
    border: none;
    border-radius: 50px;
    font-size: 12px;
    position: absolute;
    bottom: 5px;
}
  .card-box .card .btn:hover {
    background-color: pink;
  }
  .card-box .card:hover {
  }
  .card-box .fa-check {
    transform: scale(1, 1);
    transition: all 0.2s ease-in-out;
  }
  .card-box .btn:hover > .fa-check {
    transform: scale(2, 2);
  }

  .supernova body{
    padding: 0;
    margin: 0;
  }

.jkECgF .content-container {
    padding: 3rem 2rem 3rem 1rem;
}
.uxhda {
    border-radius: 27px;
    padding: 8px 24px;
    background: rgb(180, 145, 100);
}
.AiSCI.provider {
    flex-direction: column;
    align-items: flex-start;
}
.jGgYAZ {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 135%;
    font-style: normal;
    font-family: Gotham-Regular, ZaridSans-Regular, sans-serif;
}
.jkECgF .content-container p, .jkECgF .content-container li {
    color: rgba(0, 0, 0, 0.7);
}
.lkZPCI {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
.AiSCI {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 6px;
}
.AiSCI > p.amenities {
    color: rgb(180, 145, 100) !important;
}
.kexixH * {
    margin-bottom: 1rem;
}
.eWyMLs {
    border-radius: 5px;
    padding: 24px;
    background: rgba(240, 240, 240, 0.5);
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.wbSwX {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.jkECgF .content-container p, .jkECgF .content-container li {
    color: rgba(0, 0, 0, 0.7);
}
.bMtmeY {
    font-size: 1rem;
    line-height: 1.3;
    font-size: 14px;
}
.kexixH * {
    margin-bottom: 1rem;
}
.kexixH li{
    display: block;
    list-style: none;
}
.jkECgF .content-container p, .jkECgF .content-container li {
    color: rgba(0, 0, 0, 0.7);
}
.wbSwX.include li {
    list-style-image: url(/icons/check.svg);
    padding-left: 0;
    font-size: 12px;
}
.wbSwX.include li i{
    padding-right: 5px;
    color: #007D6E;
    font-size: 14px;
}
/* .wbSwX.include li::before{
    content: "\f00c";
    font-family: 'FontAwesome';
    position: absolute;
    left: 10%;
    opacity: 1;
    margin: 0 auto;
    color: #007D6E;
    font-size: 14px;
    font-weight: 400;
} */
.wbSwX {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.bMtmeY {
    font-size: 14px;
    line-height: 1.3;
}
.jGgYAZ {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 135%;
    font-style: normal;
    font-family: Gotham-Regular, ZaridSans-Regular, sans-serif;
}
.wbSwX.exclude li {
    list-style-image: url(/icons/cross.svg);
}
.sc-df4b4493-7.bcULAl{
    display: inline-flex;
}
.sc-df4b4493-8.kZqGWl{
    margin-top: 20px;
}
.sc-2fe98234-6.HdCdg.price {
    font-size: 22px;
    margin-right: 10px;
}
.sc-2fe98234-7.sc-2fe98234-7.iebARE{
    padding-top: 25px;
    margin-bottom: 0;
}
.pkg_model .supernova body {
    background-color: transparent;
    padding: 0;
    margin: 0;
}
.jotform-form{}
.form-all{
    background-color: #fbfbfb;
    margin: 0;
}
.pkg_model .ul.form-section{
    padding: 5px 10px;
}
.bravo_visa-form > iframe{}


.main-footer .nav-footer:nth-child(3){
    margin-left: 30px;
}
.booking-review .booking-review-content .review-section {
    padding: 15px!important;
}
.total-review {
    padding: 15px!important;
}

.destination {
    display: block;
    padding: 0 0 50px 0;
    background-color: #fff;
    position: relative;
}
.destination h2{
    color: #000;
    font-size: 32p;
}
.destination .carousel {
    position: relative;
    display: block;
    width: 100%;
}
.dest_col {
    display: block;
    margin-bottom: 30px;
}
.dest_col .card-body{
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
}
.dest_col .card-body .card-title{
    text-shadow: 1px 1px 1px var(--bui_color_black);
    font-size: 22px;
    font-weight: 600;
    color: #fff;
}
.g-tour-feature{
    display: none;
}

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: block!important;
}
.owl-carousel .owl-stage{
    transform: translate3d(0px, 0px, 0px)!important;
}

.carousel-inner .carousel-item-right.active,
.carousel-inner .carousel-item-next {
  transform: translateX(33.33%);
}

.carousel-inner .carousel-item-left.active,
.carousel-inner .carousel-item-prev {
  transform: translateX(-33.33%)
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{
  transform: translateX(0);
}
.carousel-item.active, .carousel-item-next, .carousel-item-prev {
   display: inline-flex;
}
.carousel-item {
   transition: none!important;
}
.carousel-item a{
    display: block;
}
.carousel-item a img{
   width: 100%;
}
.carousel-item a h4 {
    position: absolute;
    top: 20px;
    color: #fff;
    text-shadow: #000 1px 0 10px;
    left: 40px;
}
.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 45%;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    color: #fff;
    text-align: center;
    opacity: 0.5;
    background-color: #ff5800;
    transition: opacity 0.15s ease;
}
#recipeCarousel .carousel-control-prev, #recipeCarousel .carousel-control-next {
    top: 38%;
}

/* Global Style Modifiers */
/** Global Background/Text Color Combinations **/
.platinum{
    background-color: #624c40!important;
}
.silver{
    background-color: #9b9a99!important;
}
.gold{}
.upcpl-pink {
    background-color: var(--upcpl-color-pink);
    color: var(--upcpl-color-anthracite);
  }
  .upcpl-red {
    background-color: var(--upcpl-color-red);
    color: white;
  }
  .upcpl-orange {
    background-color: var(--upcpl-color-orange);
    color: white;
  }
  .upcpl-yellow {
    background-color: var(--upcpl-color-yellow);
    color: var(--upcpl-color-anthracite);
  }
  .upcpl-green {
    background-color: var(--upcpl-color-green);
    color: var(--upcpl-color-anthracite);
  }
  .upcpl-blue {
    background-color: var(--upcpl-color-blue);
    color: var(--upcpl-color-anthracite);
  }
  .upcpl-teal {
    background-color: var(--upcpl-color-teal);
    color: white;
  }
  .upcpl-black {
    background-color: var(--upcpl-color-black);
    color: var(--upcpl-color-grey);
  }
  .upcpl-anthracite {
    background-color: var(--upcpl-color-anthracite);
    color: var(--upcpl-color-grey);
  }
  .upcpl-white {
    background-color: white;
    color: var(--upcpl-color-anthracite);
  }

  /** Global Shadows **/

  .upcpl-shadow-1 {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }
  .upcpl-shadow-2 {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }
  .upcpl-shadow-3 {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  }
  .upcpl-shadow-4 {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  }
  .upcpl-shadow-5 {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  }

  /* Modules */
  /** Price Badge **/
  /*** Blocks ***/
  .upcpl-disc {
    display: inline-block;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    height: 100%;
    text-align: center;
    font-family: "HCo Gotham Rounded SSm", Geneva, Verdana, sans-serif;
    text-rendering: optimizeLegibility;
    font-kerning: normal;
  }

  .dgbenv {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  /** Badge Dependencies **/
  .upcpl-disc__head {
    font-size: 11px;
    font-weight: 400;
    line-height: 100%;
    margin-bottom: 5px;
}
  .upcpl-disc__foot {
    font-size: 11px;
    font-weight: 400;
    line-height: normal;
    margin-top: 5px;
  }
  .upcpl-disc__price {
    font-size: 20pxem;
    font-weight: 700;
    line-height: normal;
  }
  .upcpl-disc__price__currency {
    font-size: 0.25em;
    font-weight: 700;
    line-height: 100%;
  }

  /*** Badge Style Modifiers ***/
  .upcpl-disc--large {
    position: absolute;
    right: 25px;
    width: 100px;
    height: 100px;
    z-index: 99;
    font-size: 1rem;
    background-color: #d2ac47;
    top: 10px;
}
  .upcpl-disc--medium {
    width: 125px;
    height: 125px;
    font-size: 0.875rem;
  }
  .upcpl-disc--small {
    width: 100px;
    height: 100px;
    font-size: 0.75rem;
  }

  .bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .nav-tabs li a.active {
    background-color: #d13900!important;
    border-color: #e85721;
}

.loader_packages .loader_packages_center {
    margin: 0 auto;
    height: 100vh;
}
.loader_packages .loader_packages_center a{
    top: 25%;
    position: relative;
    bottom: 0;
}
.loader_heading{
    top: 230px;
    position: relative;
}
#myVideo {
    position: absolute;
    top: 0;
    bottom: 0;
    height: auto;
    left: 0;
    right: 0;
    width: 100%;
}
.video {
    display: block;
    overflow: hidden;
}
.bravo_wrap .bravo_header{
    top: 35px;
}
.page-template-content {
    position: relative;
    overflow: hidden;
}
.fotorama__fullscreen-icon{
    display: none;
}

/* __________ L O G O   S L I D E R __________ */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-250px * 7))
    }
}

.partners-logo-slider {
    margin-top: 50px;
    overflow: hidden;
    position: relative;
    width: auto;
    padding: 16px 0px;

    .slide-track {
        animation: scroll 40s linear infinite;
        display: flex;
        width: calc(250px * 14);
    }

    .sliderTitle {
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
        text-align: center;
    }

    .slide {
        width: 250px;
        /* filter: grayscale(100%); */
        border: 1px solid #d3d3d3;
        width: 100%;
        padding: 15px 25px;
    }

    .slide:hover {
        filter: grayscale(0%);
    }
}
.form-all {
    width: 100% !important;
}
.pkg_price .price_drpdon {
    display: block;
    width: 100%;
    background-color: transparent;
    border: 1px solid #d7dce3;
    Color: #000;
}
.pkg_price .dropdown-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding: 10px 15px;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #e85721;
}
.pkg_price .dropdown-menu.show {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0;
}
.pkg_price .btn-secondary:focus, .pkg_price .btn-secondary.focus{
    color: #fff;
    background-color: #e85721;
    border-color: #bf3400;
    box-shadow: none;
}



/**     24- Media queries       **/
@media screen and (min-width: 1199px) and (max-width: 1440px) { /* Default 992px to 1199px */
.bravo_wrap .bravo_topbar{
    position: relative;
}
.bravo_wrap .bravo_header{
    top: 34px;
    background-color: #000;
}
.frontend-page.header-transparent .page-template-content>div:first-child {
    top: -65px;
}
.bravo_wrap .bravo_topbar .content .topbar-right .dropdown-menu{
    left: -130px;
}
.bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .nav-tabs {
    flex-wrap: unset;
    margin-top: 0;
}
.bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .nav-tabs li a{
    margin-bottom: 1px;
    width: 200px;
    text-align: center;
}
.padding-content {
    padding: 30px 0;
}
.inner-banner {
    margin-top: -70px;
}
.header-normal .bravo_header {
    top: 0;
}
.spinner {
    top: 115%;
}
.loader_heading {
    top: 200px;
}
/* Code Inside this block to execute on this range of browser width */
/*
*
*
*/
}

@media screen and (min-width: 992px) and (max-width: 1199px) { /* Default 992px to 1199px */
.bravo_wrap .bravo_topbar{
    position: relative;
}
.bravo_wrap .bravo_topbar .content .topbar-right .dropdown-menu{
    left: -130px;
}
.navigation {
    margin-left: 25%;
}
.inner-banner{
    margin-top: -70px;
}
.bravo_wrap .bravo_header {
    top: 34px;
}
.bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .nav-tabs {
    margin-top: 0;
}
.bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .nav-tabs li a{
    margin-bottom: 1px;
    width: 200px;
    text-align: center;
}
.bravo_wrap .page-template-content .bravo-form-search-all{
    height: 75vh;
    top: -70px;
}
.col_out a {
    width: 120px;
}
.what_is_umrah_section button img {
    width: 48px;
    padding: 5px;
}
.suprt_fotr li {
    padding: 0;
}
.main-footer::before {
    height: 370px;
}
.col_out h3 {
    font-size: 14px;
    margin-bottom: 15px;
}
.col_out p {
    font-size: 14px;
    width: 120px;
    margin-bottom: 100px;
}
.col_out span {
    font-size: 14px;
    width: 110px;
    height: 50px;
    padding-top: 22px;
}
.what_is_umrah_section .tab-content {
    height: 350px;
}
.suprt_fotr li i {
    font-size: 22px;
    padding: 10px 0;
    margin-right: 10px;
}
.suprt_fotr li h3 {
    font-size: 12px;
    font-weight: 500;
    color: #7F7F7F;
}
.suprt_fotr li span {
    font-size: 16px;
}
.suprt_fotr li {
    padding: 0 14px;
}
.what_is_umrah_section .tab-content::before {
    top: 80px;
}
.what_is_umrah_section .tab-content::after {
    top: 80px;
}
.bravo-offer.test {
    display: none;
}
.bravo_wrap .bravo_footer .main-footer .nav-footer .context .f-partners li {
    width: 85px;
}
.home_faq_section .multi-collapse .card-body {
    height: auto;
}
.what_is_umrah_section button {
    padding-left: 32px;
    padding-right: 32px;
}
.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list a{
    padding: 10px;
}
.bravo_wrap .bravo_footer .main-footer .nav-footer .context ul li {
    display: block;
    padding-left: 0px;
}
.padding-content {
    padding: 30px 0;
}
.inner-banner, .inner-banner_all{
    margin-top: -70px;
}
.header-normal .bravo_header{
    top: 0px;
}
.card-box .card{
    bottom: 50px;
   padding: 10px 15px;
}
.card-box .card h2 {
    font-size: 22px;
    margin-bottom: 10px;
}
.card-box .card .btn {
    padding: 4px 7px;
    font-size: 9px;
}
.destination{
    padding-top: 0;
}
.spinner {
    top: 115%;
}
/* Code Inside this block to execute on this range of browser width */
/*
*
*
*/
}

@media screen and (min-width: 768px) and (max-width: 991px) { /* Portrait Tablets 768 to 979 */
.bravo_wrap .bravo_topbar{
    position: relative;
}
.bravo_wrap .bravo_topbar .content .topbar-right .dropdown-menu{
    left: -130px;
}
.bravo_wrap .bravo_header{
    background-color: #000;
}
.navigation {
    margin-left: 0;
    background-color: #F15A22;
    margin-top: 12px;
    width: 100%;
    z-index: 99999;
    position: absolute;
}
.inner-banner_all_list {
    margin-top: -70px!important;
}
.bravo_wrap .bravo_header {
    z-index: 999;
    top: auto;
}
.dropdown-menu.select-guests-dropdown.show {
    min-width: 686px;
    left: 0!important;
}
.multi-room .remove_room {
    margin-left: 5px;
    margin-bottom: 10px;
    display: inline-block;
}
.bravo-form-search-all .nav_home{
    margin-top: 40px;
}
.lgn_cont {
    margin-top: 70px;
    right: 18px;
    position: absolute;
}
.navbar-light .navbar-toggler {
    border-color: #F15A22;
    background-color: #F15A22;
    position: absolute;
    right: 18px;
    top: 5px;
}
.navbar-light .navbar-nav .active > .nav-link {
    color: #fff;
}
.navigation .nav-item .nav-link {
    padding: 10px 12px;
}
.bravo_wrap .page-template-content .bravo-form-search-all{
    padding: 50px 0;
    height: auto;
    overflow: hidden;
}
.col-md-6:nth-child(3) .nav-footer::before {
    top: 100px;
    right: 15px;
}
.col-md-6:nth-child(4) .nav-footer::before {
    top: 100px;
    right: 15px;
}
.gateway-umrah-section .carousel-caption{
    max-width: 100%;
}
.detail_line {
    display: none;
}
.what_is_umrah_section button img{
    width: 50px;
    padding: 10px;
}
.what_is_umrah_section .nav-link.active {
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 6px;
}
.what_is_umrah_section button {
    background: none;
    padding-left: 12px;
    padding-right: 12px;
}
.what_is_umrah_section .tab-content{
    padding: 20px;
    height: 280px;
}
.what_is_umrah_section .tab-content::before, .what_is_umrah_section .tab-content::after{
    display: none;
}
.suprt_fotr {
    margin-top: 85px;
}
.suprt_fotr li i {
    font-size: 18px;
    margin-right: 7px;
}
.suprt_fotr li h3 {
    font-size: 11px;
    margin-bottom: 0px;
}
.suprt_fotr li span {
    font-size: 14px;
}
.col_out:before{
    display: none;
}
.col_out h3 {
    font-size: 15px;
    margin-bottom: 15px;
}
.col_out a {
    width: 90px;
    margin-bottom: 20px;
}
.col_out p {
    width: auto;
    font-size: 12px;
    margin-bottom: 80px;
}
.col_out span {
    font-size: 18px;
    width: 100px;
    height: 50px;
    padding-top: 16px;
}
.bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .nav-tabs {
    flex-wrap: unset;
    overflow: scroll;
    margin-top: 0;
}
.bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .nav-tabs li a{
    margin-bottom: 1px;
    width: 200px;
    text-align: center;
}
.bravo_wrap .bravo_footer .main-footer .nav-footer .context .f-partners li {
    width: 56px;
    margin: 2px 2px 0 0;
    padding: 5px;
}
.suprt_fotr li {
    padding: 0 10px;
}
.bravo-offer.test {
    display: none;
}
.home_faq_section .multi-collapse .card-body {
    height: auto;
}
.umrah_col{
    padding-bottom: 0;
}
.main-about, .inner-banner {
    min-height: 280px;
    padding-top: 30px;
}
.home_faq_section .multi-collapse .card-body{
    height: auto;
}
.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list a{
    padding: 10px;
}
.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .thumb-image {
    height: 255px;
}
.breakfast_tag{
    text-align: left;
}
.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .thumb-image {
    height: 252px;
}
.ziara_works{
    display: none;
}
.bravo_wrap .bravo_footer .main-footer .nav-footer .context ul li {
    display: block;
    padding-left: 0px;
}
.padding-content {
    padding: 30px 0;
}
.inner-banner, .inner-banner_all{
    margin-top: -70px;
}
.header-normal .bravo_header {
    top: 0px;
}
.bravo_wrap .bravo_detail_tour .bravo-more-book-mobile {
    padding-bottom: 50px;
}
.card-box .card{
    bottom: 50px;
   padding: 10px 15px;
}
.card-box .card h2 {
    font-size: 22px;
    margin-bottom: 10px;
}
.card-box .card .btn {
    padding: 4px 7px;
    font-size: 9px;
}
.destination{
    padding-top: 0;
}
.spinner {
    top: 115%;
}
.loader_heading {
    top: 200px;
}
.spinner_loader .spinner p{
   width: auto;
}
#myVideo {
   width: auto;
}
/* Code Inside this block to execute on this range of browser width */
/*
*
*
*/
}

@media screen and  (min-width: 639px) and (max-width: 767px){/* Smart Phones to Tablets 481 to 767 */
.bravo_wrap .bravo_topbar{
    position: relative;
}
.bravo_wrap .bravo_topbar .content .topbar-right .dropdown-menu{
    left: -130px;
}
.bravo_wrap .bravo_topbar .content .socials a{
    padding-right: 0;
}
.cntct_email{
    display: none;
}
.t_email{
    display: none;
}
.header-normal .bravo_header {
    top: 0;
    z-index: 999;
}
.header-normal .bravo_header {
    z-index: 9999;
    top: 0;
}
.navigation {
    margin-left: 0;
    background-color: #F15A22;
    margin-top: 10px;
    width: auto;
    z-index: 99999;
    position: relative;
}
.lgn_cont {
    margin-top: 70px;
    right: 18px;
    position: absolute;
}
.navbar-light .navbar-toggler {
    border-color: transparent;
    background-color: transparent;
    filter: brightness(0) invert(1);
    position: absolute;
    right: 0;
    top: 0;
}
.navbar-light .navbar-nav .active > .nav-link {
    color: #fff;
}
.bravo_wrap .page-template-content .bravo-form-search-all{
    overflow: hidden;
}
.inner-banner {
    min-height: 310px;
}
.col_out:before{
    display: none;
}
.bravo-offer.test {
    display: none;
}
.main-footer .nav-footer {
    padding-top: 0;
    padding-right: 0;
}
.bravo_wrap .bravo_footer .main-footer .nav-footer .context ul {
    list-style: none;
    display: inline-block;
    padding-left: 0;
    float: none;
    margin-top: 0 !important;
}
.bravo_wrap .bravo_footer .main-footer .nav-footer .context ul li a{
    margin-bottom: 10px;
}
.umrah_col{
    padding-bottom: 0;
}
.main-about, .inner-banner {
    min-height: 280px;
    padding-top: 30px;
}
.home_faq_section .multi-collapse .card-body{
    height: auto;
}
.main-footer::before {
    height: 700px;
    background-size: 37%;
}
.what_is_umrah_section button {
    padding-left: 15px;
    padding-right: 15px;
}
.what_is_umrah_section button img {
    width: 60px;
}
.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list a{
}
.breakfast_tag{
    text-align: right;
}
.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .terms .g-attributes:first-child{
    margin-bottom: 20px;
}
.ziara_works{
    display: none;
}

.card-box .card{
    padding: 5px;
    margin-bottom: 15px;
 }
 .card-box .card{
     bottom: 50px;
    padding: 10px 15px;
 }
 .card-box .card h2 {
     font-size: 22px;
     margin-bottom: 10px;
 }
 .card-box .card .btn {
    padding: 2px 5px;
    font-size: 8px;
    bottom: 10px;
}
.total-review {
    padding-left: 15px;
    padding-right: 15px;
}
.destination{
    padding-top: 0;
}
.dest_col {
    margin-bottom: 20px;
}
.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-rate-price .g-price .price{
    display: block!important;
    margin-top: 0;
}

.bravo_wrap .bravo_detail_tour .bravo-more-book-mobile {
    padding-bottom: 50px;
}

.spinner {
    top: 105%;
}
.loader_heading {
    top: 200px;
}
.spinner_loader .spinner p{
    width: auto;
}
#myVideo {
   width: auto;
}
/* Code Inside this block to execute on this range of browser width */
/*
*
*
*/
}

@media screen and  (min-width: 481px) and (max-width: 639px){ /* Smartphones 480 and Below */
.bravo_wrap .bravo_topbar{
    position: relative;
}
.bravo_wrap .bravo_topbar .content .topbar-right .dropdown-menu{
    left: -130px;
}
.socials a{
    padding: 0 10px;
}
.bravo_wrap .bravo_topbar .content .topbar-items li {
    padding-left: 5px;
    padding-right: 5px;
}
.bravo_wrap .bravo_header {
    background-color: #000 !important;
    top: auto;
}
.inner-banner_all {
    margin-top: -70px;
}
.t_email{
    display: none;
}
.navigation {
    margin-left: 0;
    background-color: #F15A22;
    margin-top: 10px;
    position: absolute;
    z-index: 999;
    width: 100%;
}

    .nav_mobile_tabs{
        overflow: hidden;
    }
    .bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .nav-tabs {
        flex-wrap: unset;
        overflow: scroll;
        margin-top: 0;
    }
    .bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .nav-tabs li a{
        margin-bottom: 1px;
        width: 190px;
        text-align: center;
    }

.lgn_cont {
    margin-top: 20px;
}

.navbar-light .navbar-toggler {
    border-color: transparent;
    background-color: transparent;
    color: #fff;
    filter: brightness(0) invert(1);
}
.navbar-light .navbar-nav .active > .nav-link {
    color: #fff;
}
.col-md-6:nth-child(3) .nav-footer::before {
    top: 100px;
    right: 15px;
}
.col-md-6:nth-child(4) .nav-footer::before {
    top: 100px;
    right: 15px;
}
.gateway-umrah-section .carousel-caption{
    top: 30%;
    max-width: 100%;
}
.detail_line {
    display: none;
}
.what_is_umrah_section button img{
    width: 50px;
    padding: 5px;
}
.what_is_umrah_section .nav-link.active {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 15px;
}
.what_is_umrah_section button {
    background: none;
    padding-left: 12px;
    padding-right: 12px;
}
.what_is_umrah_section .tab-content{
    padding: 20px;
    height: 250px;
}
.what_is_umrah_section .tab-content::before, .what_is_umrah_section .tab-content::after{
    display: none;
}
.col_out:before{
    display: none;
}

.bravo-offer.test {
    display: none;
}

.suprt_fotr {
    display: block;
    margin-left: 0;
}
.suprt_fotr li {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    border: 1px solid #d5d5d5!important;
    padding: 20px;
}
.suprt_fotr li i{
    float: none;
}
.bravo_wrap .page-template-content .bravo-form-search-all{
    height: auto;
    overflow: hidden;
    padding-top: 60px;
}

.bravo_wrap .bravo_form .g-button-submit button {
    display: block;
    width: 91%;
}
.main-footer::before {
    width: 100%;
    height: 760px;
    background-size: 50%;
}
.daterangepicker.ltr {
    left: 0!important;
}
.umrah_steps .stepwizard-step a{
    width: 70px;
}
.main-about, .inner-banner {
    min-height: 280px;
    padding-top: 30px;
}
.home_faq_section .multi-collapse .card-body{
    height: auto;
}
.breakfast_tag{
    text-align: right;
}
.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .terms .g-attributes:first-child{
    margin-bottom: 20px;
}

.footer-copy-left p img{
    display: block;
    filter: brightness(0) invert(1);
}
.inner-banner_all_list {
    padding-bottom: 20px;
}
.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-rate-price .g-price .price{
    display: block!important;
    margin-top: 0;
}
.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .myrooms{
    display: none!important;
}
    .tab-pane iframe{
        height: 1000px!important;
    }
    .tab-pane .form-label{
        margin-bottom: 10px;
    }
    .form-line-error{
        background-color: transparent;
    }
    .card-box .card{
       padding: 5px;
       margin-bottom: 15px;
    }
    .card-box .card h2 {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .card-box .card .btn {
       padding: 2px 5px;
       font-size: 8px;
       bottom: 10px;
   }
   .total-review {
       padding-left: 15px;
       padding-right: 15px;
   }
   .room-select-buttons-1, .room-select-buttons-0{
       margin-left: 0!important;
   }
   .carousel-control-prev, .carousel-control-next {
       position: absolute;
       top: 22%;
       width: 20px;
       height: 20px;
   }
   .carousel-item h4{
       font-size: 16px;
   }
   .destination{
       padding: 0;
   }
   .dest_col {
       margin-bottom: 20px;
   }
    .bravo_wrap .bravo_detail_tour .bravo-more-book-mobile {
        padding-bottom: 50px;
    }

.spinner {
    top: 105%;
}
.loader_heading {
    top: 200px;
}
.spinner_loader .spinner p{
    width: auto;
}
#myVideo {
   width: auto;
}
/* Code Inside this block to execute on this range of browser width */
/*
*
*
*/
}


 @media screen and  (min-width: 320px) and (max-width: 480px) { /* Smartphones 480 and Below */
    .bravo_wrap .bravo_topbar{
        position: relative;
    }
    .bravo_wrap .bravo_topbar .content .topbar-right .dropdown-menu{
        left: -130px;
    }
     .tab-pane iframe{
         height: 1000px!important;
     }
     .tab-pane .form-label{
         margin-bottom: 10px;
     }
     .form-line-error{
         background-color: transparent;
     }
    .bravo_wrap .bravo_header{
        background-color: #000!important;
    }
    .bravo_wrap .bravo_topbar .content .topbar-items li{
        padding: 0 2px;
    }
    .bravo_wrap .bravo_header{
        background-color: #000;
        top: 0;
    }
    .bravo_wrap .bravo_topbar .content .socials a {
        padding: 0 2px;
        font-size: 14px;
        padding-left: 15px;
    }
    .bravo_wrap .bravo_topbar .content .topbar-left .line{
        display: none;
    }
    .bravo_wrap .bravo_topbar .content .topbar-right .topbar-items li a {
        font-size: 10px;
    }
    .h_lgb_btn {
        width: 200px;
    }
    .navigation {
        margin-left: 0;
        background-color: #F15A22;
        margin-top: 12px;
        position: absolute;
        width: 100%;
        z-index: 9;
    }
    .nav_mobile_tabs{
        overflow: hidden;
    }
    .bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .nav-tabs {
        flex-wrap: unset;
        overflow: scroll;
        margin-top: 0;
    }
    .bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .nav-tabs li a{
        margin-bottom: 1px;
        width: 168px;
        text-align: center;
    }
    .bravo_wrap .page-template-content .bravo-form-search-all{
        height: auto;
        padding-top: 60px;
        padding-bottom: 50px;
        overflow: hidden;
    }
    .bravo_wrap .bravo_form .g-button-submit button {
        display: block;
        width: 91%;
    }
    .col_out a img {
        width: 50%;
    }
    .ziara_works{
        display: none;
    }
    .bravo-form-search-all .nav-link svg{
        display: none;
    }
    .back_line_pattern{
        display: none;
    }
    .lgn_cont {
        margin-top: 60px;
        position: absolute;
        right: 0;
    }
    .navbar-light .navbar-toggler {
        border-color: transparent;
        background-color: transparent;
        color: #fff;
        filter: brightness(0) invert(1);
    }
    .navbar-light .navbar-nav .active > .nav-link {
        color: #fff;
    }
    .col-md-6:nth-child(3) .nav-footer::before {
        display: none;
    }
    .col-md-6:nth-child(4) .nav-footer::before {
        top: 100px;
        right: 15px;
    }
    .gateway-umrah-section .carousel-caption {
        max-width: 100%;
        height: auto;
        top: 10%;
    }
    .detail_line {
        display: none;
    }
    .what_is_umrah_section button img {
        width: 30px;
        padding: 2px;
    }
    .what_is_umrah_section .nav-link.active {
        padding-top: 15px;
        padding-left: 15px;
    }
    .what_is_umrah_section button {
        background: none;
        padding-left: 12px;
        padding-right: 12px;
    }
    .what_is_umrah_section .tab-content{
        padding: 20px;
        height: auto;
    }
    .what_is_umrah_section .tab-content::before, .what_is_umrah_section .tab-content::after{
        display: none;
    }
    .language-cultur-section::before{
        background-image: none!important;
    }
    .language-cultur-section .card-body{
        padding: 20px 0;
    }
    .bravo-form-search-all .nav-tabs .nav-link{
        padding: 0;
    }
    .nav-tabs .nav-link span{
        display: none;
    }
    .bravo_wrap .bravo_form .form-content{
        padding-left: 10px 40px;
    }
    .header-form-home.bravo_form::after{
        display: none;
    }
    .stepwizard .stepwizard-step .btn {
        padding: 5px 12px;
    }
    .suprt_fotr {
        display: block;
        margin-left: 0;
    }
    .suprt_fotr li {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
        border: 1px solid #d5d5d5!important;
        padding: 20px;
    }
    .suprt_fotr li i{
        float: none;
    }
    .what_is_umrah_section {
        padding: 60px 0;
    }
    .bravo_wrap .bravo_form .input-search .bravo-autocomplete, .bravo_wrap .bravo_form .smart-search .bravo-autocomplete{
        width: 280px;
    }
    body .daterangepicker {
        min-width: 315px;
        left: 0%!important;
    }
    .dropdown-menu.select-guests-dropdown.show {
        min-width: 100%;
        left: 0!important;
    }
    .remove_room{
        margin-left: 10px;
    }
    body.frontend-page.header-normal .bravo_header {
        top: 0;
    }
    .inner-banner{
        padding-top: 0px;
        margin-top: 0px;
        min-height: 140px;
    }
    .main-about {
        padding-top: 0px;
        margin-top: 0px;
        min-height: 140px;
    }
    .about_us {
        padding: 50px 0;
    }
    .umrah_steps .stepwizard {
        width: 100%;
    }
    .umrah_steps .form {
        width: 100%;
    }
    .umrah_steps .btn-circle img {
        top: 20%;
    }
    .umrah_steps {
        padding: 0% 0px;
        margin-bottom: 100px;
    }
    .col_out:before{
        display: none;
    }
    .col-md-4:nth-child(3) .nav-footer::before {
        top: 28px;
    }
    .col-md-4:nth-child(4) .nav-footer::before {
        top: 28px
    }

    .main-footer::before{
        display: none;
    }
    .f-partners {
        display: block;
        margin: auto;
        text-align: center;
        margin-top: 20px;
    }
    div.nav-footer div.context {
        text-align: center;
    }
    .bravo_wrap .bravo_footer .main-footer .nav-footer .context ul li {
        display: block;
        padding-right: 30px;
    }
    .bravo_wrap .bravo_footer .main-footer .nav-footer .context .f-partners li{
        width: 95px;
    }
    .footer-copy-left {
        color: white;
        text-align: center;
        padding-top: 19px;
    }
    .footer-copy-left p{
    }
    .footer-copy-right {
        text-align: center;
    }
    .bravo-offer.test{
        display: none;
    }
    .t_email{
        display: none;
    }
    .main-footer .nav-footer {
        padding-top: 30px;
        padding-right: 0;
        display: none;
    }
    .bravo_wrap .bravo_footer .main-footer .nav-footer .context ul li{
        padding-left: 0;

    }
    .bravo-offer.test {
        display: none;
    }
    .inner-banner_all {
        margin-top: 0 !important;
        padding-bottom: 10px;
    }
    .download_app {
        padding-top: 20px;
        text-align: center;
    }
    .umrah_col {
        padding: 50px 0 0px 0;
    }
    .umrah_steps .stepwizard-step a{
        width: 70px;
    }
    .umrah_steps .form .card-header .btn.btn-link{
        text-align: left;
    }
    .main-about, .inner-banner {
        min-height: 280px;
        padding-top: 30px;
    }
    .home_faq_section .multi-collapse .card-body{
        height: auto;
    }
    .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list a{
    }
    .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-rate-price .g-price .price{
        margin-top: 10px;
        display: block;
    }
    .ico-duration {
        display: inline-flex;
        padding-left: 16px;
    }
    .ico-duration {
        padding-left: 15px;
        font-size: 12px;
        padding-top: 4px;
    }
    .breakfast_tag{
        text-align: left;
    }
    .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-info .terms .g-attributes:first-child{
        margin-bottom: 20px;
    }

    .footer-copy-left p img {
        width: 140px;
        display: block;
        filter: brightness(0) invert(1);
        margin: auto;
    }
    .copy_footer{
        padding-top: 0;
    }
    ul.form-section{
        padding: 15px 12px;
    }
    ul.form-section .form-line-column .form-label{
        padding-bottom: 10px;
    }
    .inner-banner_all_list {
        padding-bottom: 20px;
    }
    .breakfast_tag_refund {
        bottom: -28%!important;
    }
    .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-rate-price .g-price .price{
        display: block!important;
        margin-top: 0;
    }
    .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .myrooms{
        display: none!important;
    }
     .card-box .card{
        padding: 5px;
        margin-bottom: 15px;
     }
     .card-box .card h2 {
         font-size: 14px;
         margin-bottom: 10px;
     }
     .card-box .card .btn {
        padding: 2px 5px;
        font-size: 8px;
        bottom: 10px;
    }
    .total-review {
        padding-left: 15px;
        padding-right: 15px;
    }
    .room-select-buttons-1, .room-select-buttons-0{
        margin-left: 0!important;
    }
    .carousel-control-prev, .carousel-control-next {
        position: absolute;
        top: 22%;
        width: 20px;
        height: 20px;
    }
    .carousel-item h4{
        font-size: 16px;
    }
    .destination{
        padding-top: 0;
    }
    .dest_col {
        margin-bottom: 20px;
    }
    .bravo_wrap .bravo_detail_tour .bravo-more-book-mobile {
        padding-bottom: 50px;
    }
    button#live-chat-ai-button {
        opacity: 0.6;
    }
    .bravo_detail_tour .owner-info.widget-box {
        /* display: none; */
    }
    .bravo_detail_tour .bravo_single_book{
        /* display: none; */
    }


     .spinner {
         top: 115%;
     }
     .loader_heading {
         top: 200px;
     }
     .spinner_loader .spinner p{
        width: auto;
     }
     #myVideo {
        width: auto;
    }
 /* Code Inside this block to execute on this range of browser width */
 /*
 *
 *
 */
 }
 /* header Styling End Here */

.additional-rates .left {
    padding-right: 10px;
}

#load_more_pagination_hotels {
    width: 100%;
}

div#custom_ajax_listing {
    padding-bottom: 11px;
}

.show_spinner_small{
    background-color: #ffffff !important;;
    background-image: url("/images/small_loader.gif") !important;
    background-size: 25px 25px !important;
    background-position:right center !important;
    background-repeat: no-repeat !important;
}

.show_spinner_small.myrooms{
    background-position: bottom !important;
}


.shimmer-wrapper {
    display: none;
    display: flex;
    padding: 16px;
    background-color: #f6f7f8;
    border: 1px solid #e1e1e1;
    /* border-radius: 8px; */
    margin-bottom: 16px;
}

.shimmer-wrapper.show {
    display: block; /* Show shimmer when loading */
}
/* Shimmer Image */
.shimmer-image {
    width: 158px;
    height: 179px;
    background-color: #e0e0e0;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}

/* Shimmer Content */
.shimmer-content {
    flex: 1;
    margin-left: 16px;
}

.shimmer-title,
.shimmer-description,
.shimmer-button {
    height: 20px;
    background-color: #e0e0e0;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

.shimmer-title {
    width: 47%;
    height: 27px;
    margin-bottom: 22px;
}

.shimmer-description {
    width: 100%;
}

.shimmer-description.short {
    width: 80%;
}

.shimmer-button {
    width: 30%;
    height: 32px;
}

/* Shimmer Effect */
.shimmer-wrapper .shimmer-image::after,
.shimmer-wrapper .shimmer-title::after,
.shimmer-wrapper .shimmer-description::after,
.shimmer-wrapper .shimmer-button::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
    animation: shimmer 1.5s infinite;
}

/* Shimmer Animation */
@keyframes shimmer {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}

.responsive-logos .backup-logos-div img {
    margin: 0 auto;
    display: block;
}


.referral-btn,
.referral-btn:hover {
    background-color: #FF5800;
    border-radius: 34px !important;
}

.bravo-list-hotel-related-widget {
    display: none !important;
}

.banner.partner-igi {
    background-image: url(/images/partner-igi.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}