@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700|Philosopher&display=swap');
:root{
  --primary1: 84,197,208;  /* #54c5d0 */
  --primary2: 167,139,107; /* #a78b6b */
  --primary3: 166,206,57; /* #a6ce39 */
  --primary4: 245,130,31; /* #f5821f */
  --primary5: 85,114,56; /* #557238 */
  --baseColor: 33,33,35; /* #212123 */
  --color_black: 0,0,0; /* #000 */
  --color_white: 255,255,255; /* #fff */
  --color_gray: 245,245,245; /* #f5f5f5 */
  --baseFont: 'Montserrat', sans-serif;
  --titleFont: 'Philosopher', sans-serif;
  --imgPrimary1: invert(13%) sepia(8%) saturate(5009%) hue-rotate(190deg) brightness(92%) contrast(106%);
  --imgPrimary2: invert(17%) sepia(84%) saturate(5583%) hue-rotate(349deg) brightness(71%) contrast(110%);
  --imgWhite: invert(100%) sepia(100%) saturate(0%) hue-rotate(13deg) brightness(103%) contrast(102%);
  --imgBlack: invert(0%) sepia(100%) saturate(0%) hue-rotate(108deg) brightness(93%) contrast(103%);
}

body {font-family: var(--baseFont); font-weight: 400; color: rgb(var(--baseColor)); background-color: #f2f2f2;}
a {color: rgb(var(--baseColor)); text-decoration: none;}
a:hover, a:focus {outline: none; box-shadow: none; text-decoration: none; color: rgb(var(--primary4)); }
button:focus {outline: none;}
.sprite { background-image: url("../images/sprite.png"); background-position: 0 0; background-repeat: no-repeat; display: inline-block; vertical-align: middle;}
.tra { transition: all 0.3s linear;}
.color-primary1 {color: rgb(var(--primary1)) !important;}
.color-primary2 {color: rgb(var(--primary2)) !important;}
.color-primary3 {color: rgb(var(--primary3)) !important;}
.color-primary4 {color: rgb(var(--primary4)) !important;}
.color-primary5 {color: rgb(var(--primary5)) !important;}
.baseFont {font-family: var(--baseFont);}
.titleFont {font-family: var(--titleFont);}

::-moz-selection { color: rgb(var(--color_white)); background: rgb(var(--primary1));}
::selection {color: rgb(var(--color_white)); background: rgb(var(--primary1));}

.btn-custom {background-color: transparent; color: #747474; font-weight: 600; position: relative; text-decoration: none;}
.btn-custom .svg {display: inline-block; vertical-align: middle; margin-right: 15px; transition: all 0.4s;}
.btn-custom .svg path {fill: rgb(var(--primary4));}
.btn-custom:hover, .btn-custom:focus {color: rgb(var(--primary4)) !important;}
.btn-custom:hover .svg, .btn-custom:focus .svg {margin-right: 20px;}
.btn-custom.text-decoration-underline {text-underline-offset: 7px;}

.padding {padding: clamp(3.125rem, 2.8125rem + 1.5625vw, 4.6875rem) 0;}

.owl-carousel.owl-flex .owl-stage {display: flex;}

.owl-dots {text-align: center; padding-top: 15px;}
.owl-dots button.owl-dot {width: 12px; height: 12px; border-radius: 50%; display: inline-block; background: rgba(var(--color_white),0.4); margin: 0 3px;}
.owl-dots button.owl-dot.active {background-color: rgb(var(--color_white));}
.owl-dots button.owl-dot:focus {outline: none;}

.overlay {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(var(--color_black),0.75); visibility: hidden; opacity: 0; z-index: 9999;}
.overlay.active {opacity: 1; visibility: visible;}

#wrapper {max-width: 1920px; margin: 0 auto;}
.container {width: 100%; max-width: 1440px;}

h1, h2, h3, h4, h5 {font-family: var(--titleFont);}

h2.title {font-size: clamp(1.875rem, 1.55rem + 1.625vw, 3.5rem); position: relative;}
/* h2.title:before {content: ''; width: 2px; height: clamp(1.875rem, 1rem + 4.375vw, 6.25rem); background-color: #c5c5c5; position: relative; left: 74px; top: 0; bottom: 0; display: block;} */
h2.title > span {font-family: var(--baseFont); font-size: 18px; font-weight: 500;}

/* .top0 {margin-top: 0 !important;} .btm0 {margin-bottom: 0 !important;}
.top15 {margin-top: 15px !important;} .btm15 {margin-bottom: 15px !important;}
.no-padding {padding: 0 !important;} */

textarea {resize: none;}

hr {border-color: #ccc;}
hr.dashed {border-style: dashed; border-color: #000;}

header {z-index: 1021; background-color: rgb(var(--color_white)); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
header .nav-link {--bs-nav-link-color: rgb(var(--baseColor));}
header .navbar .row {width: calc(100% + 30px);}
#main-menu .dropdown:hover > .dropdown-menu {display: block;}
.btn-style1 {background-color: rgb(var(--primary2)); color: rgb(var(--color_white));}
.btn-style1:hover, .btn-style1:focus {background-color: rgb(var(--primary1)); color: rgb(var(--color_white));}

.banner .item:before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.35);}
.banner .item img {width: 100%; height: 100%; object-fit: cover;}
.banner .container {position: absolute; left: 0; top: 0; right: 0; bottom: 4rem; margin: 0 auto; z-index: 1;}
.banner .container .banner-title {padding-bottom: 80px;}
.banner .container .banner-title h1 {font-size: clamp(1.875rem, 1.35rem + 2.625vw, 4.5rem); font-weight: 500; color: rgb(var(--color_white)); max-width: 500px; position: relative; line-height: 85px; margin-bottom: 15px;}
.banner .owl-dots {position: absolute; left: 0; right: 0; bottom: 2rem; z-index: 9;}

.main-container {background: url('../images/main-container-bg.png') center top no-repeat;}

.tread-the-wild p {color: rgb(var(--primary5));}
.tread-the-wild .highlight {margin-right: 100px; margin-bottom: 85px;}
.tread-the-wild .highlight .lion-steps {background: url('../images/lion-steps.png') left top no-repeat; width: 253px; height: 147px; display: block; margin: 0 0 20px -15px;}
.tread-the-wild .highlight p {font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem); font-weight: 300; color: rgb(var(--primary2));}

.the-lodge .pic .owl-dots {position: absolute; left: 0; right: 0; bottom: 1rem;}
.the-lodge .block-content:before {content: ''; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid rgb(var(--color_white)); position: absolute; left: -20px; top: 100px;}
.the-lodge .row:last-child .block-content:before {left: auto; right: -20px; border-right: 0; border-left: 20px solid rgb(var(--color_white));}
.the-lodge .block-content h3 {font-size: clamp(1.375rem, 1.275rem + 0.5vw, 1.875rem); font-weight: 400; color: rgb(var(--primary2)); margin-bottom: 15px;}
.the-lodge .block-content a {text-transform: uppercase; text-decoration: none; position: relative; margin-top: 15px; display: inline-block;}
.the-lodge .block-content a:before {content: ''; width: 25px; height: 1px; background-color: #51411b; display: inline-block; vertical-align: middle; margin-right: 10px;}

.experience .owl-carousel .owl-stage-outer {overflow: visible;}
.experience h3.title {font-family: var(--baseFont); font-size: clamp(1.125rem, 1.1rem + 0.125vw, 1.25rem); font-weight: 500; color: #51411b; text-transform: uppercase;}
.experience h3.title > span {font-style: normal; border-bottom: 1px solid #51411b;}
.experience p {line-height: 1.6; color: rgba(var(--color_black),0.75);}
.experience .item {display: block; text-decoration: none; opacity: 0.35;}
.experience .owl-item.active .item {opacity: 1;}

.excursion .item {transition: 0.4s; opacity: 0.35;}
.excursion .item:hover .img-wrapper {opacity: 0;}
.excursion .item .img-wrapper:before {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: linear-gradient(0deg, rgba(0,0,0,0.75), transparent); z-index: 1;}
.excursion .item .img-title {font-family: var(--titleFont); font-size: clamp(1.125rem, 1.1rem + 0.125vw, 1.25rem); font-weight: 500; color: rgb(var(--color_white)); position: absolute; left: 0; bottom: 0; right: 0; z-index: 2;}
.excursion .item .details {position: absolute; left: 0; top: 0; width: 100%; min-height: 100%; background-color: rgba(143,102,78,0.85); color: rgb(var(--color_white)); visibility: hidden; opacity: 0; transition: all 0.4s; z-index: 2;}
.excursion .item .details .title {display: block; font-family: 'Philosopher', sans-serif; font-size: 138%; margin-bottom: 7px;}
.excursion .item .details ul {margin: 0 0 0 15px; padding: 0;}

.excursion .item:hover{text-decoration: none; transform: scale(1.1); z-index: 3;}
.excursion .item:hover .img-title {display: none;}
.excursion .item:hover .details {visibility: visible; opacity: 1;}
.excursion .owl-carousel .owl-stage-outer {overflow: visible;}
.excursion .style1.owl-carousel .owl-nav button.owl-next, .excursion .style1.owl-carousel .owl-nav button.owl-prev {top: calc(50% - 21.5px);}
.excursion .owl-item.active .item {opacity: 1;}

/* .reviews .right-top {position: absolute; right: 0; top: 0; text-align: right;} */
.reviews .btn-custom {font-weight: 400;}
.reviews .ta-rating-icon {background-position: -109px -84px; width: 190px; height: 32px; display: block;}
.person-icon {background-position: -341px 0; width: 46px; height: 46px;}
.other-reviews .item {position: relative; margin: 0 5px 15px;}
.other-reviews .item img {max-width: 70px; max-height: 70px;}

.social-connect li {display: inline-block; vertical-align: middle; text-align: center; margin: 0 4px; line-height: normal;}
.social-connect a {width: 22px; height: 22px; line-height: 22px; display: block; color: rgb(var(--color_white)); position: relative;}
.social-connect a:hover {color: rgb(var(--color_white));}
.social-connect .facebook a:hover {background-color: #3C5899;}
.social-connect .twitter a:hover {background-color: #2EACF6;}
.social-connect .linkedin a:hover {background-color: #0177B5;}
.social-connect .instagram a:hover {background-color: #c50187;}

/* footer */
footer .top {padding: 70px 0 470px; position: relative; height: 940px; overflow: hidden; background: url('../images/gmap.jpg') center bottom no-repeat; display: none;}
footer .top .iframe-container {position: absolute; left: 0; top: 0; width: 100%;}
footer .top .iframe-container:before {content: ''; position: absolute; left: 0; top: 0; right: 0; background-image: linear-gradient(#f2f2f2 5%, transparent); height: 300px;}
footer .top .iframe-container iframe {margin-top: -150px;}
footer .top > .container {position: relative;}
footer .top:before {content: ''; width: 100%; height: 722px; background: url('../images/resort-bg.png') center bottom / cover no-repeat; position: absolute; left: 0; bottom: 0; z-index: 3;}
footer .top .eco-tourism-logo {position: absolute; left: 0; right: 0; bottom: 25px; max-width: 1140px; margin: 0 auto; z-index: 3;}
footer .top .eco-tourism-logo img {filter: grayscale(1) brightness(100) drop-shadow(5px 5px 10px #000);}

footer .address-column {background-color: #355222; color: rgb(var(--color_white)); max-width: 384px; position: absolute; right: 0; top: 0; z-index: 1; padding: 50px 35px 100px; margin-top: 115px;}
footer .address-column h3 {text-align: right; font-family: 'Montserrat', sans-serif; font-size: 125%; font-weight: 500; color: #cd2900; position: absolute; right: 15px; top: -75px;}
footer .address-column h3 a {color: #cd2900; text-decoration: none;}
footer .address-column .gmap-circle {background-position: -428px -50px; width: 71px; height: 71px;}
footer .address-column img {margin-bottom: 30px;}
footer .address-column p {line-height: 30px;}

footer .top-new {position: relative; background: url('../images/footer-new-bg.jpg') center top / cover no-repeat; padding-bottom: 700px; /*background-color: #5c4d3b;*/}
footer .top-new h3 {font-family: var(--baseFont); font-size: clamp(1.125rem, 1.1rem + 0.125vw, 1.25rem); font-weight: 600;}
footer .top-new .social-connect a {width: 40px; height: 40px; border: 1px solid rgb(var(--primary2)); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: 0.75rem; transition: 0.4s;}
footer .top-new .social-connect a svg {max-width: 18px; fill: rgb(var(--color_white));}
footer .top-new .social-connect a:hover {background-color: rgb(var(--primary2));}
footer .top-new .direction {font-weight: 600;}
footer .top-new .direction img {filter: var(--imgWhite);}

footer .middle {padding: 50px 0; background-color: #47331c; color: #a28768; font-size: 107%; position: relative;}
footer .middle a {color: #a28768;}
footer .middle a:hover {color: #f58220;}
footer .middle .phone {background-position: -395px -12px; width: 17px; height: 17px;}
footer .middle .fax {background-position: -422px -8px; width: 22px; height: 22px;}
footer .middle .email {background-position: -458px -12px; width: 19px; height: 14px;}
footer .middle .mobile {background-position: -483px -10px; width: 11px; height: 19px;}

footer .middle .social-connect ul {margin: 0; padding: 0; list-style: none; text-align: center;}
footer .middle .social-connect ul li {display: inline-block; vertical-align: top; text-align: center; font-size: medium;}
footer .middle .social-connect a {display: block; color: #47331c; background: url('../images/sprite.png') no-repeat -2px -80px; width: 43px; height: 43px; text-align: center; transition: none;}
footer .middle .social-connect a .svg {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 22px; fill: #47331c;}
footer .middle .social-connect a:hover {background-position: -2px -133px;}

footer .bottom {padding: 15px 0; background-color: rgb(var(--color_white));}
footer .bottom span.blue, footer .bottom span.reserved, footer a {color: #47331c;}
footer .bottom a:hover {color: rgb(var(--primary4));}

/* Sprite Image */
.sprite {background-image: url('../images/sprite.png'); background-repeat: no-repeat; display: inline-block; vertical-align: middle;}

.totop {bottom: 30px; cursor: pointer; display: block; padding: 0; position: fixed; right: 30px; z-index:9; background: url('../images/sprite.png') no-repeat -2px -80px; width: 43px; height: 43px; text-align: center; transition: background-color .2s linear; opacity: 0;}
.totop i.caret-up {background-position: -396px -52px; width: 24px; height: 15px; transform: scale(0.7); position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.totop:hover {background-position: -2px -133px;}

.red{color: #ff0000 !important;}

/* .owl-nav.disabled .owl-next, .owl-nav.disabled .owl-prev {display: none !important;} */

/*::-webkit-input-placeholder {text-transform: uppercase;}
:-moz-placeholder {text-transform: uppercase;}
::-moz-placeholder {text-transform: uppercase;}
:-ms-input-placeholder {text-transform: uppercase;}*/

.style1.owl-carousel .owl-nav button.owl-next, .style1.owl-carousel .owl-nav button.owl-prev {background-image: url('../images/sprite.png'); background-position: -2px -80px; background-repeat: no-repeat; width: 43px; height: 43px; position: absolute; top: calc(35% - 21.5px); display: flex; align-items: center; justify-content: center;}
.style1.owl-carousel .owl-nav [class*='disabled'] {opacity: 0; visibility: hidden;}
.style1.owl-carousel .owl-nav [class*='owl-']:before {content: ''; background-image: url('../images/sprite.png'); background-position: -396px -52px; background-repeat: no-repeat; width: 24px; height: 15px; transform: rotate(90deg) scale(0.7);}
.style1.owl-carousel .owl-nav .owl-prev {left: -21.5px;}
.style1.owl-carousel .owl-nav .owl-prev:before {transform: rotate(-90deg) scale(0.7);}
.style1.owl-carousel .owl-nav .owl-next {right: -21.5px;}
.style1.owl-carousel .owl-nav [class*='owl-']:hover {background-position: -2px -133px;}

.form-panel {margin-top: 50px;}
form .form-control {height:50px; border: 1px solid #e9e9e9; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: #f9f9f9; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding-left: 20px;}
form .form-control:focus {background-color: rgb(var(--color_white));}
form .form-control.error {border-color:#ff0000;}
form textarea.form-control {resize:none; height:124px;}
form .has-captcha .input-group .form-control {width:44.6%; display:inline-block; border-right: 0;}
form .input-group-addon:last-child {display:inline-block; width:auto; background:rgb(var(--color_white)); border:1px solid #e9e9e9; height:auto; border-radius: 0; padding: 0; margin-left: -1px;}
form .form-group label {position: relative; font-size: 114%; font-weight: 400; color: #999999; display: none;}
form .form-group.required label:before {color: red; content: "*"; position: absolute; right: -10px; top: 0;}
form .refresh {cursor: pointer; width:50px; line-height: 48px; display: inline-block; vertical-align: top; position: relative; margin-left: -4px;}
form #imgCaptcha {border-right:1px solid #e9e9e9;}
form .btn-wrap {margin-top: 15px;}
form .btn {background-color: transparent; border-radius: 0; border:1px solid #f58220; color:#f58220; min-width: 110px; height:50px; line-height:35px;transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; margin-top: 20px;}
form .btn:hover,form .btn:focus {color:rgb(var(--color_white)); background-color: #f58220;}
form .error-inline {color: #ff0000; padding: 2px 5px;}
form .btn-reset {border: 1px solid #244372; background-color: transparent; color: #244372;}
form .error {background-color: rgb(var(--color_white)); color: #ff0000; padding: 5px 12px;}

.logos .row [class*='col-md'] {width: calc(100% / 5);}
.logos .item {margin-bottom: 30px; border: 1px solid rgba(var(--primary2),0.2); transition: 0.4s; padding-top: 45% !important; position: relative;}
.logos .item img {position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 70%; max-height: 70%;}
.logos .item:hover {border-color: rgba(var(--primary2),0.35);}

.wappicon {position:fixed; width:60px; height:60px; bottom:20px; right:105px; display: flex; align-items: center; justify-content: center; background-color:#25d366; color:rgb(var(--color_white)) !important; border-radius:50px; box-shadow: 1px 1px 4px rgba(60, 60, 60, 0.4); transition: box-shadow 0.2s; font-size:42px; z-index:100; transition: all 0.4s;}
/* .wappicon:hover, .wappicon:focus {text-decoration: none; background-color: rgb(var(--color_white)); color: #25d366;} */
.wappicon:before, .wappicon:after {content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgb(37 211 102 / 63%); border-radius: 50%; z-index: -1;}
.wappicon:before {animation: btn_ring_anim 2s linear infinite;}
.wappicon:after {animation: btn_ring_anim 2s linear 1s infinite;}
@keyframes btn_ring_anim {
  0% {transform: scale(1); opacity: 0.1;}
  50% {transform: scale(1.3); opacity: 1;}
  100% {transform: scale(1.6); opacity: 0;}
}

/* inner */
/* Page Banners */
.page-banner {position: relative; padding-top: 24%; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.page-banner:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: radial-gradient(transparent, rgba(0,0,0,0.6));}
.page-banner > .container {position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.page-banner h1 {font-size: clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem); font-weight: 400; color: rgb(var(--color_white)); position: absolute; left: 15px; right: 0; bottom: 30px; margin: 0;}
.page-banner h1 span {display: block; font-size: 60%; font-weight: 400; font-style: italic; margin-top: 5px;}

.content h3 {color: rgb(var(--primary2));}
.content h3.subtitle {color: #f58220; margin-bottom: 25px;}
.content h4 {color: rgb(var(--primary2)); margin-top: 20px;}
/* .content p {color: #557238; line-height: 24px; margin-bottom: 15px;} */
.content p small {color: #557238; line-height: normal;}
.content ul.style01 li {color: #557238; margin-bottom: 5px;}
.content .column h3 {color: rgb(var(--color_white));}
/* .content .column ul {margin: 0; padding: 20px 0; list-style: none; border-top: 1px solid rgb(var(--color_white));}
.content .column ul:first-of-type {border-top: 0; margin-bottom: 0;}
.content .column ul li {margin-bottom: 20px; color: rgb(var(--color_white)); position: relative; padding-left: 30px;}
.content .column ul li strong {font-family: 'Philosopher', sans-serif; font-size: 113%; font-weight: 400; color: #553b2a;}
.content .column ul li:last-child {margin-bottom: 0;} */
.content .column.contact-info {margin-top: 25px;}
.content .column.contact-info p {font-family: 'Philosopher', sans-serif; font-size: 113%; color: rgb(var(--color_white)); line-height: 1.6em;}

/* .content .content-panel {margin-bottom: 60px;} */

.content .accessibility ul.flight li:before, .content .accessibility ul.railway li:before {content: ''; background: url('../images/sprite.png') no-repeat -340px -55px; width: 18px; height: 18px; display: block; position: absolute; left: 0; top: 7px;}
.content .accessibility ul.railway li:before {background-position: -369px -55px; width: 16px; height: 19px;}

.content .iframe-container {position: relative; width: 100%; height: 566px; overflow: hidden;}
.content .iframe-container iframe {height: calc(566px + 150px); margin-top: -150px;}

.content .transfers {max-width: 400px; padding: 30px 0;}
.content .transfers h3 {color: rgb(var(--primary2));  margin: 0 0 25px;}
.content .transfers p {color: #858484;}

.content .highlight {margin-right: 30px; /*margin-bottom: 85px;*/}
.content .highlight h3 {font-size: 150%; color: rgb(var(--primary2)); margin-top: 0;}
.content .highlight p {font-size: clamp(1.0625rem, 1.0125rem + 0.25vw, 1.3125rem); font-weight: 300; color: rgb(var(--primary2)); margin-bottom: 0; line-height: 1.5;}
.content .highlight table {font-size: 113%; color: rgb(var(--primary2)); background-color: transparent;}
.content .highlight table th, .content .highlight table td {border: none;}
.content .highlight table th {padding-left: 0;}

/* .content .room-facilities ul {padding: 10px 0 0;}
.content .room-facilities ul li {margin-bottom: 10px; padding-left: 0;}
.content .dining ul li {font-size: 113%; padding-left: 0;}
.content .dining ul li strong {font-weight: 500; color: rgb(var(--color_white));}
.content .facilities ul {padding: 0; list-style: disc; margin-left: 20px;}
.content .facilities ul li {margin-bottom: 2px; padding-left: 0;} */

.table-cell [class^='col-'] {float: none; display: table-cell; vertical-align: top;}
.highlights-box li {font-size: 1.125rem; --bs-border-color: rgba(var(--primary2),0.2);}
.highlights-box li.active a {color: rgb(var(--primary4));}

.gir-page-panel .column {text-align: center; position: relative; justify-content: center;}
.gir-page-panel .column img {max-width: 97px; margin: 0 auto 1rem;}
.gir-page-panel .column h3 {font-size: clamp(1.5rem, 1.35rem + 0.75vw, 2.25rem);}
.gir-page-panel .gir-page-content {margin-top: 40px;}
.gir-page-panel .map {max-width: 520px;}
.gir-page-panel .safari-timings h3 {margin-top: 0;}
.gir-page-panel .safari-timings table {color: #557238; background-color: transparent;}
.gir-page-panel .safari-timings table th, .gir-page-panel .safari-timings table td {border: none; padding: 4px; padding-left: 0;}
.gir-page-panel .safari-timings p {color: #6d6d6d; margin-bottom: 10px;}
.gir-page-panel .safari-timings p a {color: #557238;}
.has-asterisk {position: relative; padding-left: 10px;}
.has-asterisk:before {content: '*'; display: inline-block; position: absolute; left: 0;}
.gir-page-panel .safari-routes {margin-top: 40px;}
.gir-page-panel .safari-routes h3 {margin-bottom: 30px;}
.gir-page-panel .safari-routes .row-eq-height {flex-wrap: wrap;}
.gir-page-panel .safari-routes .item {background-color: rgb(var(--primary2)); display: table; height: calc(100% - 30px); margin-bottom: 30px;}
.gir-page-panel .safari-routes .col-route-number {width: 100px; text-align: center; vertical-align: middle; background-color: #856a4c; padding: 12px;}
.gir-page-panel .safari-routes .col-route-detail {vertical-align: middle; margin-left: 100px; padding: 12px; font-size: 94%; color: rgb(var(--color_white));}
.gir-page-panel .safari-routes .col-route-number .route {display: block; font-family: 'Philosopher', sans-serif; font-size: 125%; color: rgb(var(--color_white)); padding-bottom: 15px;}
.gir-page-panel .safari-routes .col-route-number .route em {display: block; font-size: 325%; font-style: normal; color: rgb(var(--color_white)); margin-top: -25px;}
.gir-page-panel .safari-routes .col-route-number .kms {display: block; border-top: 1px solid rgb(var(--primary2)); font-size: 125%; color: rgb(var(--primary2)); padding: 20px 0 8px;}
.gir-page-panel .highlight {margin-bottom: 15px; margin-right: 50px;}
.gir-page-panel .birds-listing {margin: 50px 0 0; padding: 0; list-style: none; column-count: 4; column-gap: 30px;}
.gir-page-panel .birds-listing li {font-weight: 600; color: #557238; margin-bottom: 10px;}

.gir-page-panel .sightseeing-places {margin: 120px 0 0;}
.sightseeing-places .item {display: block; text-align: center; position: relative; transition: all 0.6s;}
.sightseeing-places .item .img-wrapper {display: block; overflow: hidden; height1: 260px; position: relative;}
.sightseeing-places .item:hover .img-wrapper {opacity: 0;}
.sightseeing-places .item .img-wrapper:before {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: linear-gradient(0deg, rgba(0,0,0,0.75), transparent); z-index: 1;}
.sightseeing-places .item .img-title {display: block; font-family: 'Philosopher', sans-serif; font-size: 125%; font-weight: 600; color: rgb(var(--color_white)); position: absolute; left: 0; bottom: 0; right: 0; text-align: left; padding: 10px 15px; z-index: 2;}
.sightseeing-places .item .details {position: absolute; left: 0; top: 0; width: 100%; min-height: 100%; background-color: rgba(143,102,78,0.85); color: rgb(var(--color_white)); text-align: left; padding: 20px 30px; visibility: hidden; opacity: 0; transition: all 0.4s; z-index: 2;}
.sightseeing-places .item .details .title {display: block; font-family: 'Philosopher', sans-serif; font-size: 138%; margin-bottom: 7px;}
.sightseeing-places .item .details ul {margin: 0 0 0 15px; padding: 0;}

.sightseeing-places .item:hover{text-decoration: none; transform: scale(1.2); z-index: 3;}
.sightseeing-places .item:hover .img-title {display: none;}
.sightseeing-places .item:hover .details {visibility: visible; opacity: 1;}

.sightseeing-places .owl-carousel .owl-stage-outer {overflow: visible;}
.sightseeing-places .owl-stage {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.sightseeing-places .owl-flex .owl-stage .owl-item {display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; height: auto !important;}
.sightseeing-places .owl-flex:hover .owl-prev, .sightseeing-places .owl-flex:hover .owl-next {opacity: 1;}
.sightseeing-places .owl-prev, .sightseeing-places .owl-next {height: 41px; width: 41px; top: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; margin: 0; padding: 0; background: none !important;}
.sightseeing-places .owl-nav {position: absolute; right: 0; top: -70px; margin: 0; width: 100px; height: 41px;}
.sightseeing-places .owl-nav {text-align: right; background-color: transparent;}
.sightseeing-places .owl-prev {margin-right: 10px;}
.sightseeing-places .owl-prev .svg {transform: rotate(180deg);}
.sightseeing-places .owl-nav .svg path {fill: rgb(var(--primary2));}
.sightseeing-places .owl-nav :hover .svg path {fill: #f58220;}

.content .even .highlight {margin-right: 0px; margin-left: 50px;}

.bg-orange {background-color: #f58220 !important;}
.bg-orange a:hover {color: rgb(var(--color_white)); text-decoration: underline; text-underline-offset: 3px;}
.bg-turquoise {background-color: #54c5d0 !important;}
.bg-green {background-color: #a6ce39 !important;}
.bg-brown {background-color: rgb(var(--primary2)) !important;}

.gallery .item {position: relative; width: 100%; padding-top: 65%; display: block; overflow: hidden; margin-bottom: 30px;}
.gallery .item:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 1; transition: all 0.3s; visibility: hidden; opacity: 0;}
.gallery .item .view {background-position: -61px -84px; width: 41px; height: 42px; opacity: 0; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all 0.4s;}
.gallery .item:hover:before {visibility: visible; opacity: 1;}
.gallery .item:hover .view {opacity: 1;}
.gallery .item img {transition: all 0.5s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.gallery .item:hover img {transform: scale(1.1);}

.package-validity {display: block; font-family: 'Montserrat', sans-serif; font-size: 30%; font-weight: 600; margin-top: 15px;}

.package-table tr th, .package-table tr td {border: 1px solid rgb(var(--primary2)) !important; padding: 10px 15px !important;}
.package-table tr th {background-color: rgb(var(--primary2)); color: rgb(var(--color_white)); vertical-align: top !important; border-right: 1px solid rgb(var(--color_white)) !important; border-bottom: 1px solid rgb(var(--color_white)) !important;}
.package-table tr th:last-child {border-right-color: rgb(var(--primary2)) !important;}
.package-table tr td {color: #557238; vertical-align: middle !important;}
.package-table tr td .plan {display: block; font-size: 150%; font-weight: 600; color: #557238;}

.carousel.slider .carousel-inner .item {height: 100%;}
.carousel.slider .carousel-inner .item .img-wrapper {position: relative; width: 100%; height: 100%; background-color: #ffcc00;}
.carousel-control > svg, carousel-control img {position: absolute; left: 0; right: 0; top: calc(50% - 20.1px); margin: 0 auto;}
.carousel-control:hover > svg path {fill: #f58220;}
.left.carousel-control > svg {transform: rotate(180deg);}

.menu-btn {width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; background: rgb(var(--primary4)); border-radius: 50%; position: relative;}
.menu-btn span, .menu-btn span:before, .menu-btn span:after {width: 18px; height: 2px; background-color: #fff; display: block; position: relative; transition: all 0.3s;}
.menu-btn span:before {content: ''; top: -6px;}
.menu-btn span:after {content: ''; top: 4px;}

#close-btn {width: 42px; height: 42px; background-color: rgb(var(--primary2)); display: flex; align-items: center; display: flex; align-items: center; justify-content: center; position: absolute; right: 1rem; top: 1rem; color: #fff;}

#main-menu1 {width: 25%; height: 100vh; background-color: #5c4d3b; overflow: hidden; position: fixed; left: 0; top: 0; transition: all 0.4s; z-index: 10000; transform: translateX(-100%); padding: 5% 0; align-items: flex-start; overflow-y: auto; /*clip-path: circle(40px at 90% 40px); display: none;*/}
#main-menu1.active {transform: translateX(0);}
#main-menu1 ul.navbar-nav {display: flex; flex-direction: column; margin-left: 1.5rem !important;}
#main-menu1 ul li {visibility: hidden; opacity: 0; transform: translateX(-250px); transition: 0.5s calc(0.1s * var(--i));}
#main-menu1 ul li a {font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem); font-weight: 600; color: rgba(var(--primary2)); text-decoration:none; display: block; padding: 5px 0 10px; position: relative; transition: 0.4s;}
#main-menu1.collapse:not(.show) {display: flex !important;}
#main-menu1 .navbar-nav .dropdown-menu {position: inherit !important; background: none; padding-left: 1.5rem; border: none;}
#main-menu1 .navbar-nav .dropdown-menu li a {font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);}
#main-menu1 .navbar-nav .dropdown-menu li a:hover, #main-menu1 .navbar-nav .dropdown-menu li a:focus {background: none;}
#main-menu1 .navbar-nav li a:hover {color: rgb(var(--color_white)) !important;}
#main-menu1.animation ul li {visibility: visible; opacity: 1; transform: translateX(0);}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    #main-menu1 {width: 100%;}
}

.others {position: fixed; left: 2.5%; bottom: 5%; z-index: 99;}

#CDSWIDSSP {width: 100% !important; font-family: var(--baseFont) !important;}
#CDSWIDSSP .widSSPData .widSSPBranding, #CDSWIDSSP .widSSPData .widSSPWrap, #CDSWIDSSP .widSSPData .widSSPComponent .widSSPSummary, #CDSWIDSSP .widSSPData .widSSPH11, #CDSWIDSSP .widSSPClickWrap {display: none !important;}
#CDSWIDSSP .widSSPData {padding: 0 !important;}
#CDSWIDSSP .widSSPData .widSSPOneReview .widSSPBullet {display: flex; justify-content: space-between; overflow: hidden;}
#CDSWIDSSP .widSSPData .widSSPOneReview .widSSPBullet li {flex: 0 0 50%; width: 50%; font: 400 clamp(1rem, 0.975rem + 0.125vw, 1.125rem) var(--baseFont) !important; opacity: 0.75 !important; line-height: 1.4 !important; padding-right: 1.5rem;}
#CDSWIDSSP .widSSPData .widSSPOneReview .widSSPBullet li span {font-family: var(--baseFont) !important; font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem) !important;}
#CDSWIDSSP .widSSPData .widSSPOneReview .widSSPBullet li a, #CDSWIDSSP .widSSPData .widSSPOneReview .widSSPBullet li a:hover {font: inherit !important;}
#CDSWIDSSP .widSSPData .widSSPAll .widSSPReadReview li, #CDSWIDSSP .widSSPData .widSSPAll .widSSPWriteReview li {font-family: var(--baseFont) !important; font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem) !important;}
#CDSWIDSSP .widSSPData .widSSPAll a:hover, #CDSWIDSSP .widSSPData .widSSPAll a:link, #CDSWIDSSP .widSSPData .widSSPAll a:visited {font-size: inherit !important; text-decoration: none !important; color: rgb(var(--primary2)) !important;}
#CDSWIDSSP .widSSPData .widSSPAll a:hover {color: rgb(var(--primary4)) !important;}
#CDSWIDSSP .widSSPData .widSSPAll a:link {text-decoration: underline !important; text-underline-offset: 5px;}
#CDSWIDSSP .widSSPData .widSSPAll {margin-top: 1.5rem !important;}

.card-img-top {aspect-ratio: 16/9; width: 100%; height: 100%; object-fit: cover;}
.blog-img {aspect-ratio: 800/400; width: 100%; height: 100%; object-fit: cover;}

.author-card {display: flex; align-items: center; margin-top: 2rem;}
.author-card img {width: 80px; height: 80px; object-fit: cover; border-radius: 50%; margin-right: 1rem;}

.btm-logo {padding:0.75rem; background: #fff; margin-bottom: 1rem; max-width:200px; height: 75px;}
.btm-logo img {height: 100%; margin: auto; display: block;}