@import url(https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,400;0,500;0,600;1,700&family=Jost:wght@400;500;600;700&display=swap);

.Text,
body {
    font-family: roboto, sans-serif
}

.bg h4,
.head-box h4,
.tour-section h3 {
    border-left: 3px solid #ff6836;
    padding-left: 10px
}
.mobs{display: none;}
.home-banner h2,
.mar-head,
.pera-left,
.tour-box {
    position: relative
}

.box,
.panel,
.service-box {
    overflow: hidden
}

.para ul,
ul.footerListMenu .list-icon,
ul.glanceList {
    list-style: none
}

#customers,
.table-border {
    border-collapse: collapse
}

body {
    line-height: 1.7
}

a {
    text-decoration: none;
    transition: .4s;
    font-weight: 500
}

p {
    font-size: 14px;
    margin-bottom: 7px;
    line-height: 27px;
    color: rgb(0 0 0);
    font-weight: 400;
    text-align: justify
}

.top-nav {
    background: #92673D;
    padding-top: 2px;
    padding-bottom: 4px;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9;
}

.top-nav span a {
       color: #ffffff !important;
    font-size: 13px;
}

.btn i,
.exploreMore i,
.top-nav p i {
    vertical-align: middle !important;
    font-size: 20px
}

.list-inline i,
.mar-head,
.news-section i {
    vertical-align: middle
}

.top-nav p {
    margin-bottom: 0;
    display: inline-block;
    padding-right: 20px
}

.top-nav .social-links a {
    width: 32px;
    height: 32px;
    background-color: rgb(45 32 27);
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-radius: 100%
}

.social-links a:hover {
    background-color: #fff;
    color: #ffbe76
}

.navbar {
    border-bottom: 1px solid #fcda7a;
    margin-bottom: 0px;
    position: relative;
}

.navbar .navbar-nav .nav-item :active,
.navbar .navbar-nav .nav-item :hover {
    color: #ff0707
}

.navbar-expand-lg .navbar-nav .nav-link {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase
}

.navbar-brand img {
    height: 50px;
    margin-top: 5px;
    margin-bottom: -5px;
}

li.nav-item {
    margin-right: 25px
}

.right-bg {
    background: #2c3421;
    margin-top: 33px;
    border-radius: 5px
}

.btn-brand,
.expl {
    border-radius: 30px
}

.Btn {
    padding: 10px 24px
}

.btn-brand {
    background-color: #ff6836;
    color: #fff;
    padding: 15px 30px
}

.history-sec {
    padding-bottom: 1%
}

.history-sec h2,
.home-banner h1 {
    color: #302d2d;
    font-size: 27px;
    line-height: 40px;
    margin-top: 20px;
    border-left: 3px solid #ff6836;
    padding-left: 10px
}
marquee {
    position: fixed;
    top: 104px;
    z-index: 4;
    color: white;
    line-height: 0px;
    background-color: rgb(61 61 61);
    height:28px;
}
marquee p{
  color:#fff;
}
.home-banner,
.tour-section,
h4 span,
span {
    font-weight: 800
}

.about-box span {
    color: #ff6836
}

.home-banner h2 {
    color: #161616;
    font-size: 25px;
    line-height: 25px;
    margin-top: 20px;
    margin-bottom: 12px;
    text-align: center
}

.home-banner img {
    width: 352px;
    margin-left: 468px
}

.text-para {
    color: #000;
    text-align: center;
    margin-bottom: 37px
}

.best-section h4 {
    font-size: 25px;
    padding-bottom: 20px
}

.expl {
    color: #fff;
    padding: 10px 30px
}

.btn-brand:hover {
    color: #020202;
    background-color: #fff
}

.review span {
    font-size: 16px;
    color: #313131
}

.review span i {
    font-size: 27px;
    color: red;
    vertical-align: sub
}

.packages-gall {
    box-shadow: 0 4px 6px -1px rgb(175 167 167), 0 2px 4px -1px rgba(0, 0, 0, .06);
    border-radius: 10px;
    color: #ff5300;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1;
    padding: 10px
}

.stars img {
    width: 120px
}

.packages-gall-btn {
    font-size: 1rem;
    font-weight: 700;
    color: #000 !important;
    max-width: 80px;
    padding: 10px 17px;
    border-radius: 7px;
    background-color: #ffb100;
    float: right;
    margin-right: 33px;
    margin-top: 6px
}

.mar-head {
    font-size: 15px;
    border-top: 1px solid #fcda7a;
    font-weight: 500;
    color: #fff;
    margin-bottom: 5px;
    line-height: 25px;
    background: rgb(133 11 11 / 56%)
}


.head-box h4 {
    margin-bottom: 20px;
    color: #302d2d;
    font-size: 25px;
    line-height: 40px;
    margin-top: 20px;
    margin-left: 22px
}

.slider-wrapper {
    background: url(../images/banner.jpg) center/cover no-repeat
}

.slider1 {
    display: table;
    background: url(../images/pattern_3.png) center bottom repeat-x;
    width: 100%;
    height: 483px;
    margin-top: 103px
}

.boxte,
.news-box .social-links a {
    display: inline-block;
    text-align: center
}

.text-box {
    padding-top: 100px
}

.pench-table {
    padding-top: 35px
}

.navbar-expand-lg .navbar-nav {
    margin-top: 16px;
}

.fs-22 {
    float: right
}

.Text,
.boxte {
    font-size: 15px
}

.contact-text ul.explrbnrUl li a,
.text-white,
.widget-organizer p {
    color: #fff
}

.boxte {
    background: #adb3ad;
    padding: 12px 20px;
    color: #000;
    margin-top: 63px
}

.Text {
    margin-bottom: 15px;
    line-height: 25px;
    font-weight: 400;
    text-align: justify
}

.history-sec h3 {
    font-size: 22px;
    line-height: 25px;
    margin: 10px 11px;
    background: #b88142;
    color: #fff;
    padding: 10px;
    width: 50%
}

.best-section i,
.bg i,
.dis-section i,
.faq-sec i,
.history-sec i,
.home-banner i,
.text i {
    color: #de4310;
    font-size: 36px;
    vertical-align: middle
}

.news-section i {
    color: #de4310;
    font-size: 26px
}

.bg h4,
.tour-section h3 {
    color: #302d2d;
    font-size: 27px;
    line-height: 40px
}

#servics {
    padding: 2% 0
}

.about-incredible-right img {
    width: 390px
}

.pera-left {
    width: 50%;
    padding: 0 12px 3px;
    float: left
}

.bg {
    padding: 1% 0
}

.news-right .list li img {
    width: 308px;
    margin-left: -20px;
    margin-top: -10px
}

.widget-organizer {
    color: #f04339;
    border-top: 1px dotted #ee4437
}

.widget-organizer h3 {
    color: #fff;
    font-size: 23px;
    border-left: 2px solid #f04339;
    padding-left: 10px;
    margin-bottom: 15px
}

.book-form {
      background: 0 0 / cover no-repeat #2a2a2f;
    border: 1px solid #b8b5b5;
    border-radius: 10px
}

.box {
    background: #fff;
    box-shadow: rgb(100 100 111 / 20%) 0 7px 29px 0;
    border-radius: 10px
}

.service-box,
.tour-box {
    box-shadow: 0 4px 6px -1px rgb(175 167 167), 0 2px 4px -1px rgba(0, 0, 0, .06)
}

.box h5 {
    background: rgb(255 104 54);
    font-size: 16px;
    margin-bottom: 0;
    padding: 10px 0 10px 20px;
    color: #fff
}

.intro,
.list-inline1 li {
    margin-bottom: 20px
}

.box .list li {
    list-style-type: disc;
    padding: 4px 0;
    border-bottom: 1px dashed #ccc
}

.tour-section {
    padding-bottom: 2%
}

.tour-section .tour-box i {
    color: #ff7a0a;
    font-size: 20px;
    vertical-align: sub
}

.tour-box {
    border-radius: 0 0 0 30px;
    padding: 14px 0
}

.tour-box .tag {
    padding: 4px 12px;
    background-color: #171f29;
    color: #fff;
    border-radius: 10px;
    top: 23px;
    left: 8px;
    font-size: 14px;
    position: absolute
}

.tour-box .tag:hover {
    background: #a5b659
}

.list-inline1,
.tour-box .list-inline {
    margin-top: 5px;
    color: #000;
    padding-left: 5px
}

.list-inline1 i {
    color: #d2710b;
    padding-left: 8px;
    border-radius: 50%;
    border: 1px solid #fff
}

.bg-lemon {
    border: none;
    color: #fff;
    background: #ff7a0a;
    cursor: pointer;
    padding: 9px 14px;
    outline: 0;
    font-size: 14px
}

.list-inline1 li {
    list-style: none;
    font-size: 16px;
    text-align: center;
    margin-top: 14px
}

.list-inline i {
      color: #fff;
    padding-left: 14px;
    border-radius: 50%;
    border: 1px solid #fff;
    height: 22px;
    width: 32px;
}
.list-inline{
    
    position: relative;
    bottom: -11px;
}
.tour-box h4 {
    font-size: 17px;
    padding-bottom: 14px;
    padding-top: 5px;
    padding-left: 36px;
    color: #000
}

.intro h3 {
    font-size: 25px;
    line-height: 25px;
    padding-top: 20px
}

.intro h3 span {
    color: #f1bf19;
    font-weight: 600
}

.intro h3 :hover {
    color: rgba(243, 209, 16)
}

.intro p {
    margin: auto;
    width: 600px
}

.text h5 {
    color: #302d2d;
    font-size: 22px;
    line-height: 35px;
    margin-top: 20px;
    border-left: 3px solid #ff6836;
    padding-left: 10px;
    margin-left: 22px
}

.dis-section h5,
.faq-sec h6 {
    border-left: 3px solid orange
}

.text h6 {
    font-size: 18px;
    border-bottom: 3px solid #deccc7;
    padding-bottom: 10px;
    padding-top: 39px;
    width: 39%
}

.text-img img {
    margin-top: 14px
}

.image-width img,
img {
    width: 100%;
    height: auto
}

.service-box {
    margin-top: 20px;
    transition: .5s;
    background-color: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    margin-bottom: 30px;
    padding: 15px
}

.faq-sec {
    background: rgb(45 32 27);
    padding: 3% 0
}

#img1 {
    width: 20%
}

.faq-sec .plus-icon {
    width: 5%;
    float: right
}

.icon-style {
    padding: 10px;
    border-radius: 5px 0 0 5px;
    color: #fff;
    background: green
}

.panel {
    background-color: #fff9e0 !important
}

.faq-sec h6 {
    font-size: 23px;
    line-height: 35px;
    color: #fff
}

.faq-acc button {
    font-size: 14px;
    padding: 9px 0 15px;
    border-bottom: 1px solid #ffbc09;
    font-weight: 500;
    background-color: rgb(45 32 27);
    color: #fff
}

.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: 0;
    font-size: 15px;
    transition: .4s
}

.accordion:hover,
.active {
    background-color: rgb(45 32 27);
    color: #fff
}

.panel {
    padding: 0 18px;
    display: none
}

.faq-li {
    font-size: 14px;
    padding: 10px !important
}

.service-box h5 {
    margin-top: 7px;
    margin-bottom: 7px;
    font-size: 17px
}

.service-box:hover {
    transform: translateY(-20px)
}

.booking-box {
    background: url(../images/gradient-back.png) center/cover no-repeat;
    min-height: 419px;
    position: relative
}

.best-section {
    background: url(../images/gradient.png)
}

.news-section {
    padding-top: 2%;
    padding-bottom: 3%
}

.news-box .img-wrapper {
    position: relative;
    overflow: hidden
}

.news-box .img-wrapper img {
    width: 100%
}

.news-box .overlay {
    position: absolute;
    top: -10%;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(243, 175, 28, .89);
    transition: .4s;
    opacity: 0
}

.news-box .social-links {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px
}

.news-box .social-links a {
    width: 32px;
    height: 32px;
    background-color: rgba(255, 255, 255, .3);
    color: #fff;
    font-size: 20px;
    border-radius: 100%
}

.news-box .social-links a:hover {
    background-color: #fff;
    color: #ffbe76;
    border-radius: 30px 30px 0
}

.btn-readmore {
    background: url(../images/arrow-right.png) right no-repeat;
    padding-right: 24px;
    color: orange
}

.news-box:hover .overlay {
    opacity: 1;
    top: 0
}

.news-box:hover .social-links {
    opacity: 1;
    top: 50%
}

.news-box h5 {
    margin-top: 24px;
    font-size: 15px
}

.geographical ul li:nth-child(odd) {
    background: #ffffff;
}

.geographical ul li {
        list-style-type: none;
    background: #dfdddd;
    padding: 7px 5px 7px 10px;
        font-size: 14px;
}

.dis-section h5 {
    padding-bottom: 18px;
    font-size: 22px;
    line-height: 21px;
    padding-left: 14px
}

.para-color {
    color: #000
}

.footer-section {
    padding-top: 9px;
    background-color: #92673d
}
.copyright{
        color: rgb(255 255 255);
}

.footer {
    background-color: #9f6d30;
    padding-top: 30px;
    border-top: 1px solid #8c5e25
}

.pad-col {
    padding-left: 8rem
}

ul.glanceList {
    padding-left: 5px;
    font-size: 16px;
    font-weight: 600;
    display: grid
}

ul.glanceList>li {
    margin-bottom: 5px
}

ul.glanceList>li :hover {
    color: #f3b702
}

ol,
ul {
    padding-left: 0
}

.fs-20 {
    font-size: 22px !important;
    padding: 7px;
    margin-left: 10px
}

ul.footerListMenu>li>a {
    text-decoration: none;
    color: #fff
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0 5px 5px 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.footer-section h5 {
    color: rgb(252 218 122);
    font-weight: 600;
    font-size: 1.25rem
}

.footer-section li i {
    vertical-align: bottom;
    color: #ffe394;
    font-size: 25px;
    margin-top: 18px
}

.footer-section a {
       color: #ffffff !important;
    font-size: 14px;
    display: inline-block;
    font-weight: 600
}
.blog-author {
    display: flex;
    align-items: center;
}
.blog-author li {
    font-size: 13px;
    font-weight: 400;
    margin-right: 30px;
    color: #000;
    margin-top: 15px;
}
.contact-banner {
    background: linear-gradient(to right, rgba(49, 50, 9, .3), rgba(9, 32, 50, .3)), url("../images/contact-banner1.jpg") center/cover no-repeat
}

.flora-banner {
    background: linear-gradient(to right, rgba(49, 50, 9, .3), rgba(9, 32, 50, .3)), url("../images/flora-banner.jpg") center/cover no-repeat
}

.contact-text .explrbannertx {
    position: relative;
    left: 50%;
    max-width: 550px;
    width: 100%;
    height: 120px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    transform: translate(-61%, 24%);
}

.contact-text ul.explrbnrUl li {
    display: inline-block;
    font-size: 14px;
    color: #facf40;
    font-weight: 500;
    line-height: 20px;
    margin: 0 2px
}

.contact-text .explrbnrIn h1 {
    font-size: 27px;
    color: rgb(250 207 64);
    font-weight: 700;
    line-height: 40px
}

.contact-section .container {
    width: 70%;
    background-color: #fff;
    border-radius: 6px;
    padding: 30px 60px 40px 40px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .4)
}

.contact-section .container .content {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.textcol {
    background: #393433;
    border-radius: 9px
}

.box1 h1 {
    font-size: 25px;
    color: #fff;
    line-height: 44px;
    padding-top: 7px
}

.footer-p {
    color: #fff;
    text-align: center;
    margin-top: -9px;
    font-size: 15px;
}

.head_section {
    padding-top: 4rem;
    padding-bottom: 1rem;
    background: #000 !important;
}

.box1 h1 span {
    color: #fc3f22
}

.info-about-box {
    margin-top: 103px
}

.box1 .table-border td,
th {
    padding: 15px !important;
    border: 1px dotted #fff;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 25px
}

.head-online .box1 {
    border-radius: 10px;
    margin-bottom: 10px;
    width: 100%;
    padding: 21px 15px;
}

.footer-section::before {
    content: "";
    height: 32px;
    width: 100%;
    display: block;
    background: url(../images/patern_up1.jpg) top center/100% 100% no-repeat;
    position: absolute;
    margin-top: -60px
}

.right-side .topic-text {
    font-size: 23px;
    font-weight: 600;
    color: #3e2093
}

.right-side .input-box {
    height: 50px;
    width: 100%;
    margin: 12px 0
}

.right-side .input-box input,
.right-side .input-box textarea {
    height: 100%;
    width: 100%;
    border: none;
    background-color: #f0f1f8;
    border-radius: 6px;
    padding: 0 15px;
    resize: none
}

.right-side .message-box {
    min-height: 110px;
    margin-top: 6px
}

.right-side .button {
    margin-top: 12px;
    display: inline-block
}

.text-one a {
    color: #e50000
}

.right-side .button input[type=button] {
    color: #fff;
    font-size: 18px;
    outline: 0;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    background-color: #db5305;
    transition: .3s;
    cursor: pointer
}

.right-side .button input[type=button]:hover {
    background-color: #5029bc
}

.payment-section {
    background-color: #cfcfcf61;
    padding: 2% 0;
/*    margin-top: 103px;*/
}

.payment-section h3 {
 
    font-size: 22px;
    font-weight: 500 !important;
        
}
.per-detail .form-group{
        margin-top: 23px;
}
.payment-section p {
    color: #000;
    text-align: center;
    font-size: 14px
}

.payment-section .container {
       box-shadow: rgb(100 100 111 / 10%) 0 1px 9px 0;
    border-radius: 5px;
    margin-bottom: 2%;
    overflow: hidden;
    background: #fff;
    padding: 20px;
}

.payment-section .container .left-box {
    flex-basis: 50%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: .5rem 1.5rem
}

.payment-section form {
    padding: 1rem;
    border-radius: 5px
}

.payment-section form input[type=text],
.payment-section form textarea[type=text] {
    width: 100%;
    padding: .3rem .5rem;
    margin: .5rem 0;
    outline: 0;
    border-radius: 6px;
    border: 1px solid #848484
}

#zip {
    display: flex
}

#zip select {
    padding: .6rem .7rem;
    width: 100%;
    border-radius: 6px
}

.payment-section span {
    color: red;
    font-size: 18px
}

.payment-section form input[type=number] {
    padding: .4rem .7rem;
    margin-left: 5px;
    width: 100%;
    border-radius: 6px;
    border: 1px solid #848484
}

.payment-section .container .right-box {
    flex-basis: 50%;
    padding: .7rem 1.5rem
}

.payment-section form .img-card {
    width: 35%;
    height: 35%;
    margin-top: 10px;
    margin-bottom: 8px
}

.payment-section input[type=submit] {
    padding: .7rem 1.5rem;
    outline: 0;
    background-color: #9fb812;
    color: #fff;
    border: none;
    cursor: pointer;
    font-weight: 600;
    margin: 1% 4%;
    width: 19%;
    text-transform: uppercase;
}

.payment-section input[type=submit]:hover {
    background-color: #2881da
}

#customers th {
    text-align: left;
    background-color: #04aa6d !important;
    color: #fff
}

#customers td,
#customers th {
    border: 1px solid #abaaaa !important;
    padding: 3px 19px;
    font-size: 15px;
    background: #fff
}

#customers {
    width: 100%
}

.aboutus-banner,
.best-banner,
.contact-banner,
.faq-banner,
.fauna-banner,
.flora-banner,
.jeep-safari-banner,
.package-banner,
.policy-banner,
.privacy-policy-banner,
.safari-banner,
.thing-banner,
.tour-banner {
    min-height: 330px;
    margin-top: 103px;
}

.aboutus-banner {
    background: linear-gradient(to right, rgb(0 0 0 / 80%), rgba(9, 32, 50, 0)), url(../images/banner-home2.jpg) center/cover no-repeat
}

.privacy-policy-banner {
    background: linear-gradient(to right, rgb(0 0 0 / 80%), rgba(9, 32, 50, 0)), url(../images/privacy-policy-banner.jpg) center/cover no-repeat
}

.fauna-banner {
    background: linear-gradient(to right, rgb(0 0 0 / 80%), rgba(9, 32, 50, 0)), url(../images/fauna-banner.jpg) center/cover no-repeat
}

.jeep-safari-banner {
    background: linear-gradient(to right, rgb(0 0 0 / 80%), rgba(9, 32, 50, 0)), url(../images/jeep-safari-banner.jpg) center/cover no-repeat
}

.about-box,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600
}

.about-box h3 {
    font-size: 19px
}

.about-box h4,
h5,
h6 {
    font-size: 19px
}

.list li i,
.tym i,
strong {
    font-size: 14px;
    color: #ff5823;
    vertical-align: middle
}

.onlinebook-section .about-box {
    border-radius: 0
}

.about-section,
.contact-section,
.faq-section,
.onlinebook-section {
    padding: 3% 0
}

.about-box h2 {
    font-size: 1.3rem;
  
}

.faq-banner,
.safari-banner {
    background: linear-gradient(to right, rgb(0 0 0 / 80%), rgba(9, 32, 50, 0)), url(../images/banner1.jpg) center/cover no-repeat
}

.tour-banner {
    background: linear-gradient(to right, rgb(0 0 0 / 80%), rgba(9, 32, 50, 0)), url(../images/tour-banner.jpg) center/cover no-repeat;
  
}

.package-banner {
    background: linear-gradient(to right, rgb(0 0 0 / 80%), rgba(9, 32, 50, 0)), url(../images/package-banner.jpg) center/cover no-repeat
}

.subHeading3 {
    color: #e71e25;
    font-size: 27px;
    margin-bottom: 9px
}

.itenary-box h5 {
    color: #ff180a
}

.itenary-box .list-itenary li {
    list-style: none;
    font-size: 14px;
    line-height: 30px;
}

.itenary-box .list-itenary li a {
    color: #000
}

.itenary-box .list-itenary li i {
    color: red;
    font-size: 20px;
    vertical-align: middle
}

.besttime-section,
.package-section,
.safari-section,
.tourpackge-section {
    padding: 3% 0;
    margin-bottom: 30px
}

.header1 {
    position: fixed;
    width: 100%;
    padding: 0;
    z-index: 10000;
    transition: .2s ease-in-out;
    height: auto;
    margin-top: -76px;
}

.best-banner {
    background: linear-gradient(to right, rgb(0 0 0 / 80%), rgba(9, 32, 50, 0)), url(../images/banner1.jpg) center/cover no-repeat
}

.thing-banner {
    background: linear-gradient(to right, rgb(0 0 0 / 80%), rgba(9, 32, 50, 0)), url(../images/thing-banner.jpg) center/cover no-repeat
}

.policy-banner {
    background: linear-gradient(to right, rgba(49, 50, 9, .1), rgba(9, 32, 50, .1)), url("../images/cont-banner.jpg")
}

.para ul li i {
    font-size: 15px;
    color: tomato;
    vertical-align: middle;
    margin-right: 5px
}

.form-group {
    margin-top: 15px
}

button {
    background: #ff5722
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color:green;
    margin: 10% 63%;
    padding: 6px 29px;
    border: none;
    border-radius: 5px
}

.default-form {
    padding: 0 28px
}

.default-form h4 {
      font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    border-radius: 10px;
    padding-bottom: 0;
    border-bottom: 2px solid rgb(255 255 255);
    color: rgb(255 255 255);
    margin-left: -9px;
    width: 106%;
    margin-top: 23px;
    padding-bottom: 12px;
}

.news-right h2 {
    font-size: 22px;
    color: #e79e1d;
    margin: 0 0 .3em;
    padding: 0;
    position: relative;
    font-weight: 600
}

.news-right .list {
    padding: 10px !important
}

.news-right {
    margin-bottom: -9% !important;
    padding: 9% 0 7% !important
}

.news-right .list li {
    color: #403c3c;
    text-transform: capitalize;
    line-height: 42px;
    display: block;
    padding: 0 0 0 10px
}

.list ul li a {
    line-height: 37px !important
}

.news-right .list li a {
    color: #17171b !important;
    font-size: 14px
}

.itenary-bg {
    background: beige;
    padding: 10px;
    border-radius: 5px;
    margin-top: 18px;
}

.news-con {
    background: #f0f0f0;
    padding: 40px;
    border-radius: 6px;
}

.item-tour {
    border-radius: 5px !important;
    min-height: inherit;
    display: flex;
    padding: 0 !important;
    background: #fff
}

.thumb-image {
    margin-bottom: 0;
    min-height: 188px;
    max-height: 170px;
    overflow: hidden;
    border-radius: 5px
}

.info {
    display: block !important;
    padding: 0 18px;
    background: #f0f0f0
}

.about-box h1{
        font-size: 25px;
            color: #000;
}

.blog-author li {
    font-size: 13px;
    font-weight: 600;
    margin-right: 30px;
    color: #000;
    margin-top: 15px;
    list-style: none
}

.blog-author li span {
    color: red
}
.top-disclaimer {
    position: fixed;
    top: 104px;
    z-index: 4;
    background-color: rgb(61, 61, 61);
    width: 100%;
    padding: 6px 10px;
}

.top-disclaimer p {
    color: #fff;
    font-size: 0.8rem;
    text-align: center;
    margin: 0;
    line-height: 1.4;       /* FIXED */
    white-space: normal;   /* word wrap allow */
    word-break: break-word;
}
.container-safari .respnsive-listing {
    margin-top: 10px;
    padding: 35px 15px 15px;
}
.respnsive-listing {
    text-align: justify;
    font-family: "Nunito Sans", sans-serif;
    color: #363535;
    font-size: 16px;
    line-height: 27px;
}
.respnsive-listing {
    padding: 55px 15px 0;
    background: #fafafa;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    position: relative;
    margin-top: 30px;
}
.listing-span {
    position: absolute;
    top: -15px;
    left: 15px;
    background: #f2f8ff;
    padding: 8px 17px;
    border: 1px solid #c7c7c7;
    font-size: 18px;
    line-height: 18px;
    color: #333;
    font-weight: 500;
    border-radius: 5px;
    right: 15px;
}
.sec-table {
    width: 100%;
        border-collapse: collapse;
}
.months {
    background-color: #ddd;
    color: #fff;
}
.tab {
    padding: 4px !important;
    border: 1px solid #c3bfbf;
    color: #151414;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 25px;
}
.container .listing-span {
    right: inherit;
}
.lisiti li{
    list-style: none;
}
.container ul.lisiti li .bxs-hand-right {
    color: #e14816;
    padding: 9px;
    padding-left: 4px;
}
.container .respnsive-listing li {
    
       margin-bottom: 1px;
    font-size: 14px;
    line-height: 35px;
}
.section-title h2{
        font-size: 22px;
}
.online_section {
    background: linear-gradient(rgba(0, 0, 0, 89%), rgba(0, 0, 0, .7)), url(../images/bandipur-banner.jpg) center / cover no-repeat;
    padding: 30px 0;
}
.col-lg-7.textarea {
    background: #393433;
    border-radius: 11px;
}
.safari-header-content {
    padding-top: 40px;
}
.safari-header-content .box1, .safari-header-content .box2 {
    background: rgb(255 255 255 / 20%);
    border-radius: 10px;
    margin-bottom: 10px;
    width: 100%;
    padding: 10px;
}
.safari-header-content .box1, .safari-header-content .box2 {
    background: rgb(255 255 255 / 20%);
    border-radius: 10px;
    margin-bottom: 10px;
    width: 100%;
    padding: 10px;
}
.safari-header-content .box1 h1 {
    font-size: 1.5rem;
    color: #fff;
    margin-bottom: 28px;
}

.banner-payment {
    padding: 1% 0 3%;
    margin-bottom: -5%;
    background: wheat;
    z-index: -1;
    margin-top: 114px;
}
.pay-head {
    box-shadow: #0f5132a3 0 1px 9px 0;
    border-radius: 5px;
    margin-bottom: 4%;
    margin-top: 4%;
    overflow: hidden;
    background: #fff;
    padding: 20px;
}
.form-head h3 {
    color: #000;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: -7px;
    border-bottom: 1px solid #f5c977;
    text-transform: uppercase;
    letter-spacing: 1.1px;
    padding: 0 0 20px;
}
.payment-btn {
    background: #12a716;
    text-transform: uppercase !important;
    font-size: 18px !important;
    letter-spacing: .3px !important;
    border-radius: 8px !important;
    color: #fff !important;
    margin-top: 10px;
}

/*tour packages css*/
 .bravo-list-item .list-item {
    margin-top: 15px;
}
 .bravo-list-item .list-item .item-tour {
    border: 1px solid var(--cr-border);
    border-radius: 3px;
    overflow: hidden;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 30px;
}
.bravo-list-item .list-item .item-tour {
    min-height: inherit;
    display: flex;
    padding: 0px !important;
}
.bravo_wrap .container .item-tour, .bravo_wrap .container .item-loop {
    background: var(--cr-white);
    box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
    border: 1px solid #D7DCE3 !important;
    border-radius: 5px !important;
}
.bravo-list-item .list-item .item-tour .thumb-image {
    overflow: hidden;
    height: 170px;
    background: var(--cr-sec-txt);
}
.bravo-list-item .list-item .item-tour .thumb-image {
    margin-bottom: 0px;
    min-height: 188px;
    max-height: 170px;
}
.bravo-list-item .list-item .item-tour .thumb-image a img {
    transition: all .3s;
    max-width: 100%;
}
 .bravo-list-item .list-item .item-tour .thumb-image a img {
    object-fit: cover;
}
img.lazy.error, img.lazy.initial, img.lazy.loaded {
    opacity: 1;
}
.day-tour {
    position: absolute;
    left: 4px;
    font-weight: 500;
    width: 65px;
    height: 65px;
    border: 2px solid #1dd925;
    border-radius: 100%;
    background: #1dd925;
    color: #fff;
    font-size: 27px;
    line-height: 65px;
    top: 7px;
    padding: 0 3px 0 31px;
}
.tour-rot {
    font-size: 16px;
    line-height: 18px;
    display: inline-block;
    transform: rotate(-90deg);
    vertical-align: middle;
    color: #fff;
    font-weight: 500;
    position: absolute;
    left: 5px;
    top: 24px;
}
 .bravo-list-item .list-item .item-tour .info {
    display: block !important;
}
.bravo-list-item .list-item .item-tour .item-title {
    padding: 0 15px;
    font-size: 16px;
    line-height: 22px;
}
 .bravo-list-item .list-item .item-tour .item-title {
    padding: 10px 10px 0px 0px !important;
}
.bravo-list-item .list-item .item-tour .item-title h4 {
    font-size: 18px;
    margin: 0px;
}
.bravo_wrap .container .item-tour h4 {
    max-width: 74%;
    margin: 0px auto;
}
.item-tour .list-inline {
    padding-left: 0;
    list-style: none;
    margin-bottom: 5px;
}
.bravo-list-item .list-item .item-tour .service-review .list-star {
    display: inline-block;
    line-height: 13px;
    position: relative;
}
 .bravo-list-item .list-item .item-tour .service-review .list-star .booking-item-rating-stars {
    padding: 0;
    margin: 0;
    width: 90px;
}
 .bravo-list-item .list-item .item-tour .service-review .list-star .booking-item-rating-stars li {
    list-style: none;
    float: left;
    margin-right: 5px;
}
.fa-star, .fa-star-o {
    color: #df6951
        !important;
}
 .bravo-list-item .list-item .item-tour .service-review .list-star .booking-item-rating-stars-active {
    position: absolute;
    width: 0;
    top: 0;
    left: 0;
    overflow: hidden;
}
.bravo_search_tour .service-excerpt, .bravo_search_tour .service-excerpt p {
    font-size: 13px;
}
.item-tour .list-inline {
    padding-left: 0;
    list-style: none;
    margin-bottom: 5px;
}
.item-tour .list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-top: 4px;
    font-size: 11px;
    font-weight: 600;
    color: #000;
}
.item-tour .list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-top: 4px;
    font-size: 11px;
    font-weight: 600;
    color: #000;
}
 ul.booking-item-rating-stars {
    min-width: 130px;
}
.bravo-list-item .list-item .item-tour a {
    text-decoration: none;
    transition: all .3s;
    color: #000;
}
.container-box {
    margin: 2% 0;
}
.mid-content {
    display: grid;
    align-content: center;
    text-align: center;
}
.mid-content h1 {
    text-align: left;
    font-size: 24px;
        font-weight: 600;
}
.bravo-text .section-padding {
    background: #F6F7FA;
    text-align: center;
    padding: 2% 0;
}
.bravo-text .section-padding figure {
    width: 100%;
    height: 306px;
    display: block;
    transition: all .3s;
}
figure {
    margin: 0 0 1rem;
}
.bravo-text .section-padding .image-width img {
    width: 100%;
    border-radius: 20px 10px 0;
    height: auto;
}
.bravo-text .section-padding figure img {
    width: 100%;
    object-fit: cover;
    min-height: 330px;
}
.bravo-text .section-padding h3 {
    font: var(--t-b-1);
    font-size: 20px;
    color: #14183E;
    font-weight: bold;
    background: #F58754;
    display: block;
    width: 100%;
    position: relative;
}
.bravo-text .section-padding h3 a {
    color: #fff;
}
.bravo-text .section-padding .button {
    background: url(https://www.pannanationalparkonline.in/images/arrow-right.png) no-repeat right;
    padding-right: 24px;
    color: #FF9413;
}

.bravo-text .section-padding h2 {
    text-align: left;
        font-size: 20px;
}
.tourist-attraction .row {
    margin-bottom: 15px;
}
.tourist-attraction .row img {
    object-fit: cover;
}
.tourist-attraction .row img {
    border-radius: 10px;
    width: 100%;
    min-height: 140px;
    min-width: 180px;
}
.tourist-attraction .row:nth-child(odd) {
    flex-direction: row-reverse;
}
.bravo-list-tour {
    background: #E2E2E0;
    padding: 2% 0 2%;
    margin-bottom: 2%;
    z-index: 0;
}
.bravo_wrap .page-template-content .bravo-list-tour .title {
    font-size: 28px;
    margin-bottom: 20px;
}
.bravo_wrap .page-template-content .bravo-list-tour .title .sub-title {
    color: #5e6d77;
    font-size: 14px;
    margin-bottom: 15px;
}
.owl-carousel.owl-loaded, .no-js .owl-carousel {
    display: block;
}
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.bravo_wrap .page-template-content .bravo-list-tour .item-tour {
    box-shadow: none;
    text-align: center;
    margin-bottom: 0;
}
.bravo_wrap .page-template-content .bravo-list-tour .item-tour {
    overflow: hidden;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 30px;
}
.bravo_wrap .container .item-tour {
    min-height: 276px;
    border-radius: 10px !important;
}
.bravo_wrap .container .item-tour, .bravo_wrap .container .item-loop {
    background: var(--cr-white);
    box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
    border: 1px solid #D7DCE3 !important;
    border-radius: 5px !important;
}
.bravo_wrap .owl-carousel .item-loop .thumb-image, .bravo_wrap .owl-carousel .item-tour .thumb-image {
    width: 100%;
    height: 200px;
    border-radius: 10px;
    padding: 0 !important;
}
.bravo_wrap .item-tour .thumb-image {
    border-radius: 5px;
    padding: 0 !important;
    margin-bottom: 10px;
}
.thumb-image {
    display: block;
    width: 100%;
    padding-bottom: 69%;
    overflow: hidden;
    position: relative;
}
.bravo_wrap .page-template-content .bravo-list-tour .item-tour a {
    text-decoration: none;
    transition: all .3s;
}
.bravo_wrap .page-template-content .bravo-list-tour .item-tour .item-title {
    padding: 2px 0 0;
}   
.bravo_wrap .page-template-content .bravo-list-tour .item-tour .item-title {
    padding: 0 15px;
    font-size: 16px;
    line-height: 22px;
    min-height: 45px;
}
.bravo_wrap .container .item-tour h4 {
    max-width: 74%;
    margin: 0px auto;
}
.tourist-attraction h2{
    font-size: 20px;
}
.tourist-attraction h3{
    font-size: 18px;
}
.bravo_wrap .page-template-content .bravo-list-tour .title {
    font-size: 20px;
    margin-bottom: 20px;
}
.bravo_wrap .page-template-content .bravo-list-tour .title .sub-title {
    color: #5e6d77;
    font-size: 14px;
    margin-bottom: 15px;
}
.bravo_wrap .page-template-content .bravo-list-tour .item-tour {
    box-shadow: none;
    text-align: center;
    margin-bottom: 0;
}
.bravo_wrap .container .item-tour {
    min-height: 276px;
    border-radius: 10px !important;
}
.bravo_wrap .container .item-tour, .bravo_wrap .container .item-loop {
    background: var(--cr-white);
    box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
    border: 1px solid #D7DCE3 !important;
    border-radius: 5px !important;
}
.bravo_wrap .owl-carousel .item-loop .thumb-image, .bravo_wrap .owl-carousel .item-tour .thumb-image {
    width: 100%;
    height: 200px;
    border-radius: 10px;
    padding: 0 !important;
}
.bravo_wrap .item-tour .thumb-image {
    border-radius: 5px;
    padding: 0 !important;
    margin-bottom: 10px;
}
.bravo_wrap .owl-carousel .item-tour .thumb-image img, .bravo_wrap .owl-carousel .item-loop .thumb-image img {
    object-fit: cover;
}
.bravo_wrap .page-template-content .bravo-list-tour .item-tour .item-title {
    padding: 2px 0 0;
}
.bravo_wrap .container .item-tour h4 {
    max-width: 74%;
    margin: 0px auto;
}
.causes-block .inner-box {
    position: relative;
    background: #fff;
    border-radius: 5px;
}
.causes-block .inner-box .image {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background-color: #ff5722;
    transition: .9s;
    -webkit-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
}
.causes-block .inner-box .image img {
    width: 100%;
    display: block;
    transition: .3s;
        height: 225px;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}
.causes-block .inner-box .lower-content {
    position: relative;
    padding-top: 20px;
    padding-left: 15px;
    margin-top: -16px;
}
.causes-block .inner-box .lower-content h3 {
    position: relative;
    color: #333;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 6px;
    font-family: roboto, sans-serif;
}
.causes-block .inner-box .lower-content .content {
    position: relative;
    padding-bottom: 16px;
}
.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-top: 4px;
    font-size: 12px;
    font-weight: 600;
    color: #000;
}
.list-inline .fa.fa-calendar:before {
    color: #f44336;
    font-size: 14px;
    padding: 2px;
}
.text{
        font-size: 14px;
    color: #000;
    margin-top: 12px;
}
.box2 h2{
    font-size: 20px;
}
.top-things-outer .box2 {
    padding: 14% 0 0;
}
.top-things-outer .box {
    background: var(--cr-white);
    border: 1px solid #CECECE;
    box-sizing: border-box;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 6%);
    border-radius: 10px;
    margin-bottom: 30px;
    overflow: hidden;
    min-height: 230px;
    padding: 15px;
}
.box-par h3 {
    font-size: 17px;
    margin-top: 8px;
    font-weight: 400;
}
.top-things .box-par .btn-readmore {
    background: url(https://www.pannanationalparkonline.in/images/arrow-right.png) no-repeat right;
    color: #ff9413;
    padding-right: 24px;
    float: right;
}
.left-column h2{
    font-size: 18px;
}
@media only screen and (max-width: 767px) {
            .bravo-text .section-padding figure img {
        min-height: inherit;
        max-height: 160px;
    }
}