@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
body{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #111;
    font-size: 14px;
}
/******Header********/
.topbar {
    background-color: #fcda7a;
}
.topbar .nav .nav-item .nav-link{
    font-size: 17px;
    color: #000;
    font-weight: 600;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.topbar .nav .nav-item .nav-link img.email {
    height: 14px;
    width: 20px;
}
.topbar .nav .nav-item .nav-link img.call {
    width: 17px;
    height: 17px;
}
.topbar .nav .nav-item .nav-link span {
    padding-right: 10px;
    padding-left: 10px;
}
.navbarbg{
    background-color: #2d201b;
    padding: 0.5rem 0.4rem;
}
.navbarbg .navbar-brand {
    margin-right: 0;
}
/* .navbarbg .navbar-brand img {
    max-width: 300px;
} */
.navbarbg .navbar-toggler {
    padding: 0;
    outline: none;
}
.navbarbg .navbar-toggler-icon i {
    color: #fff;
    font-size: 30px;
    -webkit-text-stroke: 1px #2d201b;
}
.navbarbg .navbar-nav .nav-link{
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: .2px;
    color: #fff;
    padding-right: 40px !important;
    padding-left: 40px !important;
}
/******Header-End********/
.marquee {
    background-color: #ff6836;
    display: flex;
}
.marquee span {
    background-color: #fcda7a;
    padding: 5px 15px;
    font-size: 17px;
    font-weight: 600;
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
}
.marquee p {
    width: 1000px;
    margin: 0 auto;
    margin-bottom: 0px;
    padding-top: 7px;
}
.marquee p marquee {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}
.mainbanner{
    width: 100%;
    min-height: 480px;
    background-size: cover;
    background-position: left center;
    margin-top: 0px;
}
.mainbanner .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}
.mainbanner .container-fluid .row-fluid .col-sm-4{
    padding-left: 0px;
    padding-right: 0px;
}
.busbookingform {
    background-color: #71614a;
    padding: 15px;

}
.busbookingform h2 {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    text-shadow: 4px 5px 5px #000;
    font-family: 'Montserrat', sans-serif;
    padding-bottom: 15px;
    border-bottom: 2px solid #fff;
    margin-bottom: 15px;
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
}
.busbookingform form label {
    font-size: 15px;
    color: #fff;
    letter-spacing: .5px;
}
.busbookingform form #date {
    max-width: 100%;
}
.homeform input[type="date"] {
    position: relative;
}
.homeform input[type="date"]::-webkit-calendar-picker-indicator {
    color: transparent;
    background: none;
    z-index: 1;
}
.homeform input[type="date"]:before {
    color: transparent;
    background: none;
    font-family: 'FontAwesome';
    content: '\f073';
    position: absolute;
    top: 1px;
    right: 12px;
    color: #e56564;
    font-size: 20px;
    cursor: pointer;
}
.innerform input[type="date"] {
    position: relative;
}
.innerform input[type="date"]::-webkit-calendar-picker-indicator {
    color: transparent;
    background: none;
    z-index: 1;
}
.innerform input[type="date"]:before {
    color: transparent;
    background: none;
    font-family: 'FontAwesome';
    content: '\f073';
    position: absolute;
    top: 4px;
    right: 12px;
    color: #e56564;
    font-size: 20px;
    cursor: pointer;
}
.homeform .inputstyle{
    height: 36px;
}
.homeform .selectstyle{
    height: 36px;
}
.inputstyle {
    background-color: #fff;
    border-radius: 0px;
    font-size: 15px;
    height: 42px;
    border: 2px solid #c9c9c9;
}
.inputstyle:focus {
    border-color: #0000;
    outline: 0;
    box-shadow: none;
    border: 2px solid #c9c9c9;
}
.selectstyle{
    background-color: #fff;
    border-radius: 0px;
    font-size: 15px;
    height: 42px;
    border: 2px solid #c9c9c9;
}
.selectstyle:focus {
    border-color: #0000;
    outline: 0;
    box-shadow: none;
    border: 2px solid #c9c9c9;
}
.textareastyle{
    background-color: #fff;
    border-radius: 0px;
    font-size: 15px;
    border: 2px solid #c9c9c9;
}
.textareastyle:focus {
    outline: 0;
    box-shadow: none;
    border: 2px solid #c9c9c9;
}
.busbookingform form .btn-primary {
    width: 100%;
    /* margin-top: 20px; */
}
.btn-primary {
    color: #fff;
    background-color: #000;
    border-color: #000;
    border-radius: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    padding: 8px 15px;
}
.btn-primary:hover{
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.btn-primary.focus, .btn-primary:focus{
    color: #fff;
    background-color: #000;
    border-color: #000;
    box-shadow: none;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{
    box-shadow: none;
}
.jumbotron {
    text-align: center;
    background-color: #fff;
}
.jumbotron .container {
    max-width: 730px;
    position: relative;
    margin: 0 auto;
}
.jumbotron h1 {
    color: #e56564;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 36px;
    padding: 10px;
    padding-left: 0px;
    padding-right: 0px;
}
.corner-border::after {
    content:'';
    position: absolute;
    background-color: #707070;
    width: 4px;
    height: 80px;
    top: 0;
    left: 0;

  }
.corner-border::before{
    content:'';
    position: absolute;
    background-color: #707070;
    width: 120px;
    height: 4px;
    top: 0;
    left: 0;

  }
.bottom-corner::after {
    content:'';
    position: absolute;
    background-color: #707070;
    width: 4px;
    height: 80px;
    bottom: 0;
    right: 0;

  }
.bottom-corner::before {
    content:'';
    position: absolute;
    background-color: #707070;
    width: 120px;
    height: 4px;
    bottom: 0;
    right: 0;

  }
.jumbotron h1 span {
    display: block;
    color: #2d201b;
    font-weight: 600;
}
.time-table h4 {
    color: #e56564;
    font-weight: 300;
    font-size: 34px;
    border-bottom: 1px solid #a9a9a9;
    margin-bottom: 20px;
    text-align: center;
}
.time-table h4 span {
    color: #2d201b;
    font-weight: 500;
}
.busicon{
    position: relative;
    top: 4px;
    max-width: 65px;
    margin-left: 15px;
}
.custom-tabel .table .thead-dark th {
    color: #fff;
    background-color: #71614a;
    border-color: #524431;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .4px;
}
.custom-tabel .table th.tfooter{
    color: #fff;
    background-color: #71614a;
    border-color: #524431;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .4px;
}
.custom-tabel .table td{
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .4px;
    color: #000;
    text-align: center;
}
.custom-tabel .table-bordered td, .custom-tabel .table-bordered th {
    border: 1px solid #524431;
}
.bus-book {
    margin-top: 50px;
}
.cancellation{
    margin-top: 50px;
}
.Distance{
    margin-top: 50px;
}
.Distance .custom-tabel .table th.tfooter span {
    padding-right: 20px;
    padding-left: 20px;
}
.innerbanner {
    background-color: #71614a;
    padding-top: 30px;
    padding-bottom: 40px;
}
.innerbanner h1 {
    color: #fff;
    font-size: 36px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    padding-bottom: 15px;
    margin-bottom: 25px;
    text-align: center;
}
.innerbanner h1 span{
    font-weight: 600;
}
.innerform .form-group{
    margin-left: 25px;
}
.innerform label {
    font-size: 15px;
    color: #fff;
    letter-spacing: .5px;
}
.innerform .row .col-sm-3 {
    max-width: 20%;
}
.innerform .btn-primary {
    width: 100%;
    /* margin-top: 30px; */
}
.bus-safari-timing {
    padding-top: 60px;
}
.bookingpage {
    padding-top: 50px;
}
.Booking-Detail h1 {
    color: #e56564;
    font-size: 30px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    padding-bottom: 15px;
    margin-bottom: 25px;
    text-align: left;
}
.Booking-Detail h1 span {
    color: #2d201b;
    font-weight: 600;
}
.bookingform label {
    color: #2d201b;
    font-size: 15px;
    letter-spacing: .4px;
    font-weight: 500;
}
.btn-secondary {
    color: #2d201b;
    background-color: #fcda7a;
    border-color: #fcda7a;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    padding: 8px 15px;
    font-size: 17px;
}
.btn-secondary:hover{
    color: #2d201b;
    background-color: #fcda7a;
    border-color: #fcda7a;
}
.btn-secondary.focus, .btn-secondary:focus{
    color: #2d201b;
    background-color: #fcda7a;
    border-color: #fcda7a;
    box-shadow: none;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus{
    box-shadow: none;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{
    color: #2d201b;
    background-color: #fcda7a;
    border-color: #fcda7a;
}
.editbutton {
    text-align: right;
}
.savebtn {
    padding-top: 30px;
}
.Booking-Person {
    padding-top: 50px;
}
.person-detail {
    border: 1px solid #c9c9c9;
    padding: 20px;
}
.person-detail h2 {
    color: #e56564;
    font-size: 30px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    padding-bottom: 15px;
    margin-bottom: 25px;
    text-align: center;
}
.person-detail h2 span {
    color: #2d201b;
    font-weight: 600;
}
.customrow {
    border: 1px solid #fcda7a;
    margin-left: 0px;
    margin-right: 0px;
}
.customrow .col-sm-3 label {
    background-color: #fcda7a;
    width: 100%;
    padding: 10px;
    margin-bottom: 0px;
}
.customrow .col-sm-3 {
    padding-left: 0px;
    padding-right: 0px;
    border: 1px solid #fcda7a;
}
.customrow .col-sm-3 input.ageinput {
    max-width: 35%;
    margin: 10px;
}
.customrow .col-sm-3 select.selectbox {
    max-width: 65%;
    margin: 10px;
}
.customrow .col-sm-2 label {
    background-color: #fcda7a;
    width: 100%;
    padding: 10px;
    margin-bottom: 0px;
}
.customrow .col-sm-2 {
    padding-left: 0px;
    padding-right: 0px;
    border: 1px solid #fcda7a;
}
.customrow .col-sm-2 input.traveller_name {
    max-width: 90%;
    margin: 10px;
}
.customrow .col-sm-2 input.ageinput {
    max-width: 35%;
    margin: 10px;
}
.customrow .col-sm-2 select.selectbox {
    max-width: 85%;
    margin: 10px;
}
.Proof-Details h2 {
    margin-bottom: 0px;
}
.Proof-Details p {
    text-align: center;
    font-size: 17px;
    color: red;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    margin-bottom: 25px;
}
.paybg {
    background: rgb(77,104,26);
    background: radial-gradient(circle, rgba(77,104,26,1) 0%, rgba(160,206,69,1) 100%);
    margin-left: 0;
    margin-right: 0;
    padding: 15px;
    border-radius: 3px;
    box-shadow: 0px 3px 9px #00000047;
    position: relative;
    margin-top: 70px;
    margin-bottom: 70px;
}
.total span {
    font-size: 28px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}
.total {
    text-align: right;
}
.amt {
    position: absolute;
    width: 160px;
    height: 160px;
    background-color: #fcda7a;
    padding: 60px 25px;
    border-radius: 50%;
    top: -59px;
    box-shadow: 0px 3px 6px #00000047;
}
.amt span{
    font-size: 28px;
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;

}
.paynow {
    text-align: right;
}
.paynow .btn-secondary {
    font-size: 20px;
    padding: 8px 30px;
}
.cancel .btn-danger{
    font-size: 20px;
    padding: 8px 30px;
}
.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    padding: 8px 15px;
    font-size: 17px;
}
.btn-danger:hover{
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
/******Footer********/
.footer {
    width: 100%;
    background-position: center;
    background-size: cover;
    margin-top: 50px;
    padding-top: 210px;
}
.footerlogo ul {
    margin-top: 30px;
}
.footerlogo ul li {
    list-style-type: none;
}
.footerlogo ul li a {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .2px;
    color: #fff;
    line-height: 36px;
}
.footerlogo ul li a:hover {
    text-decoration: none;
}
.footerinfo ul {
    text-align: center;
}
.footerinfo ul li {
    list-style-type: none;
}
.footerinfo ul li a {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .2px;
    color: #fff;
    line-height: 36px;
}
.footerinfo ul li a:hover {
    text-decoration: none;
}
.socialmedia ul {
    margin-top: 60px;
}
.socialmedia ul li {
    padding-right: 25px;
}
.socialmedia ul li:last-child {
    padding-right: 0px;
}
.copyright p {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .2px;
    color: #fff;
}
.timing {
    margin-top: 60px;
}
.contactus .custom-tabel .table .thead-dark th{
    width: 50%;
}
.contactus .custom-tabel .table td{
    height: 51px;
}
.termscheck label {
    color: #575757;
}
.informationpage {
    padding-top: 50px;
}
.informationpage h1 {
    color: #e56564;
    font-weight: 400;
    font-size: 34px;
    border-bottom: 1px solid #a9a9a9;
    margin-bottom: 20px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}
.informationpage h1 span {
    color: #2d201b;
    font-weight: 600;
}
.tremsinfo p {
    display: flex;
}
.tremsinfo p img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}
.tremsinfo p span {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    line-height: 22px;
    color: #575757;
}
.tremsinfo p {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #383737;
}
.tremsinfo {
    margin-top: 30px;
    margin-bottom: 30px;
}
.privacy {
    margin-top: 30px;
    margin-bottom: 30px;
}
#accordion .card {
    margin-bottom: 25px;
}
#accordion .card .card-header .btn-header-link:after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right;
    color: #fff;
    font-size: 26px;
    -webkit-text-stroke: 1px #71614a;
    line-height: 24px;
  }
#accordion .card .card-header .btn-header-link.collapsed:after {
    content: "\f106";
  }
#accordion .card .card-header {
    padding: 0.75rem 0.4rem;
    margin-bottom: 0;
    background-color: #71614a;
    border-bottom: 1px solid #524431;
}
#accordion .card .card-header .btn.focus, .btn:focus{
    box-shadow: none;
}
#accordion .card .card-body{
    border: 1px solid #71614a;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #575757;
}
#accordion .card .card-body p{
    margin-bottom: 0px;
}
#accordion .card .card-header .btn-header-link {
    color: #fff;
    text-decoration: none;
    padding-bottom: 0px;
    padding-top: 0px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}
/********Footer-End**********/
@media screen and (max-width:767px){
.topbar .nav .nav-item .nav-link {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 2px;
    padding-top: 2px;
}
.marquee span{
    display: none;
}
.marquee p {
    width: 100%;
    padding-top: 5px;
}
.marquee p marquee {
    font-size: 14px;
}
.navbarbg .navbar-nav{
    border-top: 1px solid #643f31;
    margin-top: 10px !important;
}
.navbarbg .navbar-nav .nav-link{
    padding-right: 0 !important;
    padding-left: 5px !important;
    font-size: 15px;
}
.mainbanner .container-fluid .row-fluid .col-sm-4 {
    padding-left: 15px;
    padding-right: 15px;
}
.mainbanner .container-fluid .row-fluid .offset-8{
    margin-left: 0;
}
.mainbanner {
    min-height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
}
.busbookingform {
    background-color: #71614ad9;
    padding: 15px;
}
.busbookingform h2 {
    font-size: 22px;
    padding-bottom: 15px;
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
}
.homeform .inputstyle {
    height: 35px;
}
.homeform .selectstyle {
    height: 35px;
}
.busbookingform form label {
    font-size: 14px;
}
.busbookingform form #date {
    max-width: 100%;
}
.inputstyle {
    font-size: 14px;
    height: 35px;
}
.selectstyle {
    font-size: 14px;
    height: 35px;
}
.busbookingform form .btn-primary {
    margin-top: 0px;
}
.jumbotron h1 {
    font-size: 18px;
    line-height: 28px;
}
.corner-border::before{
    width: 52px;
    height: 3px;
}
.corner-border::after {
    width: 3px;
    height: 52px;
}
.bottom-corner::before{
    width: 52px;
    height: 3px;
}
.bottom-corner::after{
    width: 3px;
    height: 52px;
}
.time-table h4 {
    font-size: 20px;
    margin-bottom: 15px;
}
.busicon {
    top: 3px;
    max-width: 50px;
    margin-left: 10px;
}
.jumbotron{
    margin-bottom: 0px;
}
.bus-book {
    margin-top: 20px;
}
.cancellation {
    margin-top: 20px;
}
.Distance {
    margin-top: 20px;
}
.custom-tabel .table-bordered td, .custom-tabel .table-bordered th {
    border: 1px solid #524431;
}
.custom-tabel .table .thead-dark th{
    font-size: 13px;
    padding: 3px;
    vertical-align: middle;
    letter-spacing: .2px;
}
.custom-tabel .table td {
    font-size: 12px;
    letter-spacing: .2px;
    padding: 3px;
    vertical-align: middle;
}
.custom-tabel .table th.tfooter {
    font-size: 13px;
    letter-spacing: .2px;
    padding: 4px;
}
.footer{
    margin-top: 0px;
    padding-top: 275px;
}
.footerlogo ul {
    margin-top: 15px;
    text-align: center;
}
.footerlogo ul li a {
    font-size: 14px;
    line-height: 26px;
}
.footerinfo ul {
    margin-bottom: 0px;
}
.footerinfo ul li a {
    font-size: 14px;
    line-height: 30px;
}
.socialmedia ul {
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: center !important;
}
.socialmedia ul li {
    padding-right: 10px;
}
.socialmedia ul li a img {
    width: 35px;
}
.copyright p {
    font-size: 14px;
    text-align: center;
}
.timing {
    margin-top: 40px;
}
.innerbanner {
    padding-top: 20px;
    padding-bottom: 10px;
}
.innerform .row .col-sm-3 {
    max-width: 100%;
    margin-bottom: 20px;
}
.innerbanner h1 {
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.bus-safari-timing {
    padding-top: 30px;
}
.btn-secondary {
    padding: 6px 10px;
    font-size: 14px;
}
.Booking-Detail h1 {
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.bookingpage .bookingform label{
    margin-top: 10px;
}
.person-detail .bookingform label{
    margin-top: 0px;
}
.person-detail h2 {
    font-size: 20px;
    padding-bottom: 0px;
    margin-bottom: 15px;
}
.customrow .col-sm-3 input.ageinput {
    max-width: 90%;
    margin: 14px;
}
.customrow .col-sm-3 select.selectbox {
    max-width: 90%;
    margin: 14px;
}
.Proof-Details p {
    font-size: 14px;
    margin-bottom: 15px;
}
.paynow .btn-secondary {
    font-size: 15px;
    padding: 6px 10px;
}
.cancel .btn-danger {
    font-size: 15px;
    padding: 6px 10px;
}
.amt span {
    font-size: 22px;
    color: #fff;
}
.total span {
    font-size: 24px;
    color: #fff;
}
.amt {
    position: relative;
    width: auto;
    height: auto;
    background-color: #0000;
    padding: 0;
    border-radius: 50%;
    top: 0;
    box-shadow: none;
}
.paybg{
    margin-top: 20px;
    margin-bottom: 0px;
}
/* .total {
    margin-bottom: 15px;
} */
#show .row .col-sm-3 {
    margin-bottom: 0px;
}
.savebtn {
    padding-top: 20px;
}
.termscheck label {
    font-size: 13px;
}
.Proof-Details .bookingform .row .col-sm-3{
    margin-bottom: 15px;
}
.informationpage h1 {
    font-size: 20px;
}
.tremsinfo p span {
    font-size: 14px;
}
.tremsinfo p img {
    margin-right: 5px;
}
.tremsinfo {
    margin-top: 15px;
    margin-bottom: 15px;
}
.informationpage {
    padding-top: 30px;
}
.tremsinfo p {
    font-size: 14px;
}
.privacy {
    margin-top: 15px;
    margin-bottom: 15px;
}
#accordion .card .card-header .btn-header-link{
    font-size: 15px;
}
#accordion .card .card-header .btn-header-link:after{
    font-size: 22px;
    line-height: 22px;
}
#accordion .card .card-body {
    font-size: 14px;
}
}

@media (min-width: 1371px) and (max-width: 1440px){
    .mainbanner {
        min-height: 460px;
    }
    .busbookingform h2{
        padding-left: 65px;
        padding-right: 65px;
    }
}

@media (min-width: 1441px) and (max-width: 1600px){
    .mainbanner {
        min-height: 460px;
    }
    .busbookingform h2{
        padding-left: 65px;
        padding-right: 65px;
    }
}

@media (min-width: 1641px) and (max-width: 2560px){
    .mainbanner {
        min-height: 460px;
    }
    .busbookingform h2 {
        padding-left: 95px;
        padding-right: 95px;
    }
}