:root{
    --primary-- : #121212;
   --secondary-- : #fff;
   --yellow-- : #ECAF26;
   --dark-gray-- : #1B1919;
   --dark-- : #000;
   --light-gray-- : #FFF9F9;
   --gray-- : #414141;
   --dim-gray-- : #545454;
   --rubik-- : "Rubik";
 }
 /*-------------- Owl crousel ---------------*/
 
 .owl-carousel .owl-item img {
     width: auto;
     margin: 0 auto;
     width: auto;
   }
 /*---common css------------*/
 hr.abt-border,hr.chse-border,a.info-btn,hr.info-border,hr.serv-border,h3.service-title a:hover,hr.gall-border,hr.prod-border,hr.tours-border,hr.testi-border,hr.blog-border,hr.event-border,a.event-right-btn:hover{
   color: #C57139;
 }
 hr.chse-border {
     display: inline-block;
 }
 h6.choslist-item i,h3.info-head,h4.serv-icns i,h3.service-head,h3.gall-head,h3.product-head,h3.testi-head,hr.testi-bottom-border,h3.blog-head,h3.event-head{
     color: #322A2B;
 }
 h6.slid-small-head, h1.slid-main,p.slid-txt,h6.tours-sm-head,h3.tours-head,h3.tours-count,p.tours-inner-head,h3.event-title-2 a,p.event-content,a.event-right-btn{
   color: #ffffff;
 }

 hr.abt-border,hr.chse-border,hr.event-border{
     width: 28%;
     opacity: 1;
 }
 /* SLIDER */
    section#slider .owl-dots{
     display: none !important;
    }
   #slider{
     position: relative;
   }
   h6.slid-small-head{
     font-size: 14px;
     font-weight: 400;
     background: #FFFFFF4D;
     backdrop-filter: blur(4px);
     width: max-content;
     border-radius: 50px;
     padding: 10px 20px;
     line-height: 1.5;
 }
 .category-tab {
   cursor: pointer;
   transition: all 0.3s ease;
   font-family: var(--rubik--);
   font-weight: 400;
   font-size: 18px;
   line-height: 100%;
   text-transform: uppercase;
   color: var(--secondary--);
   margin-top:30px;
   position: relative;
 }
 .category-tab::before {
     content:'';
     display:inline-block;
     height:6px;
     width:0;
     background:var(--yellow--);
     border-radius:2px;
     position:absolute;
     left:-19px;
     top:5px;
     transition:all 0.2s ease-in;
 }
 .category-tab.active{list-style:none;position:relative;padding-left:15px;}
 .category-tab.active::before {
     width:26px;
 }
 .category-content {
   display: none;
   margin-top: 20px;
 }
 .category-content.active {
   display: block;
 }
 .cat-img {
   display: inline-block;
   transform: scale(0.9);
   opacity: 0;
   transition: all 0.6s ease-in-out;
 }
 
 .category-content.active .cat-img {
   animation: catZoomIn 1.2s ease-in-out forwards;
 }
 
 @keyframes catZoomIn {
   0% {
     transform: scale(0.9);
     opacity: 0;
   }
   60% {
     transform: scale(1.05);
     opacity: 1;
   }
   100% {
     transform: scale(1);
     opacity: 1;
   }
 }
 .slider-heading h1 {
     font-family: var(--rubik--);
     font-weight: 700;
     font-size: 45px;
     line-height: 60px;
     text-align: center;
     text-transform: capitalize;
 }
 .slider-heading {
     width: 43%;
     margin: 0 auto;
 }
 .slider-right-section {
     position: relative;
 }
 p.slid-txt {
     font-family: var(--rubik--);
     font-weight: 400;
     font-size: 16px;
     line-height: 30px;
     text-transform: capitalize;
 }
.slider-content-wrapper .owl-nav {
    display: none;
}
 .slider-read-btn a span.btn-text {
     border-radius: 25px;
     font-size: 14px;
     line-height: 1;
     font-weight: 400;
     padding: 12px 30px;
     text-transform: capitalize;
     color: var(--secondary--);
     font-family: var(--inter--);
     border: 1px solid var(--secondary--);
     margin: unset !important;
 }
 .slider-read-btn a:hover span.btn-text {
     background: var(--yellow--);
     color: #fff;
 }
.slider-read-btn a span.btn-icon {
    height: 40px;
    width: 40px;
    background: var(--secondary--);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.slider-read-btn a:hover span.btn-icon{
    background: var(--yellow--);
}
.slider-read-btn a {
    margin-top: 52px;
    display: flex;
    align-items: center;
}
.slider-read-btn a span.btn-icon i {
    color: var(--dark--);
    transform: rotate(45deg);
}
.slider-read-btn a:hover span.btn-icon i {
    color: #fff;
}
 .wave {
   position: relative;
   width: 611px;
   height: 609px;
   display: flex;
   justify-content: center;
   align-items: center;
   border: 1px solid var(--dim-gray--);
   border-radius: 50%;
 }
 .wave::before {
   content: '';
   position: absolute;
   top: 50px;
   left: 190px;
   width: 100px;
   height: 200px;
   background: var(--yellow--);
   border-radius: 50%;
   filter: blur(150px);
     box-shadow: 0px -20px 20px 0px var(--yellow--);
 }
 .wave__container {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
 }
  .wave__circle {
     position: absolute;
     border: 1px solid #fff;
     border-radius: 50%;
     animation-name: ripple;
     animation-duration: 3s;
     animation-timing-function: cubic-bezier(0, 0.2, 0.8, 1);
     animation-iteration-count: infinite;
 }
 .wave__container .wave__circle:nth-child(2) {
   animation-delay: 0ms;
 }
 .wave__container .wave__circle:nth-child(3) {
   animation-delay: 1000ms;
 }
 .wave__container .wave__circle:nth-child(4) {
   animation-delay: 2000ms;
 }
 .wave__container .wave__circle:nth-child(5) {
   animation-delay: 3000ms;
 }
 img.slider-star1,img.slider-star2 {
     position: absolute;
 }
 img.slider-star1 {
     top: 85px;
     right: 0;
     animation: zoomInOut 3.5s linear infinite;
 }
 img.slider-star2 {
     bottom: 75px;
     left: 41px;
     animation: zoomInOut 3s linear infinite;
 }
 @keyframes zoomInOut {
   0% {
     transform: scale(0);
     opacity: 1;
   }
   25% {
     transform: scale(0.5);
     opacity: 0.95;
   }
   50% {
     transform: scale(1);
     opacity: 0.95;
   }
   100% {
     transform: scale(0);
     opacity: 1;
   }
 }
 @keyframes ripple {
   0% {
     top: 304.5px;
     left: 305.5px;
     width: 0;
     height: 0;
     opacity: 0;
   }
   20% {
     opacity: 10%;
   }
   40% {
     opacity: 20%;
   }
   60% {
     opacity: 40%;
   }
   80% {
     opacity: 50%;
   }
   100% {
     top: 0;
     left: 0;
     width: 611px;
     height: 609px;
     opacity: 100%;
   }
 }
 @keyframes rotate {
     0% {
     transform: rotateY(0deg);
     }
     20% {
         transform: rotateY(45deg);
     }
     40% {
         transform: rotateY(90deg);
     }
     60% {
         transform: rotateY(135deg);
     }
     80% {
         transform: rotateY(180deg);
     }
     100% {
         transform: rotateY(0deg);
     } 
 }
 /* Circle Play Start */
 .play-circle-wrap {
     height: 170px;
     width: 170px;
     border: 1px solid var(--dim-gray--);
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
     position: absolute;
     left: -140px;
     top: 20px;
 }
 .play-circle {
   --width: 140px;
   --height: 140px;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   width: var(--width, 200px);
   height: var(--height, 200px);
   padding: 20px;
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%;
 }
 .play-icon {
   position: absolute;
   background-color: #fff;
   background-size: cover;
   width: 84px; /** Fallback */
   height: 84px; /** Fallback */
   border-radius: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 1;
 }
 .play-icon i {
     color: var(--dark--);
     font-size: 32px;
 }
 .circle-text {
   position: absolute;
   width: 100%;
   height: 100%;
   animation: rotateText 10s linear infinite;
   -webkit-animation: rotateText 10s linear infinite;
 }
 .circle-text .circle-char {
   position: absolute;
   left: 50%;
   transform-origin: 0 calc(var(--width, 150px) / 2);
 }
 @media (min-width: 500px) {
   .circle-text .circle-char {
     font-size: 14px;
   }
 }
 /* Circle Play End */
 @keyframes rotateText {
   0% {
     transform: rotate(360deg);
     -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     -o-transform: rotate(360deg);
   }
   100% {
     transform: rotate(0deg);
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     -o-transform: rotate(0deg);
   }
 }
 
 @media (max-width: 500px) {
   .play-circle {
     --width: 300px;
     --height: 300px;
   }
 }
 @media (max-width: 350px) {
   .play-circle {
     --width: 220px;
     --height: 220px;
   }
   .circle-text .circle-char {
     font-size: 0.7em;
   }
 }
 @media (max-width: 230px) {
   .play-circle {
     --width: 150px;
     --height: 150px;
   }
   .circle-text .circle-char {
     font-size: 0.4em;
   }
 }
 /* ------------Contact Info----------- */
 section#contact-info {
     margin-top: 0;
     position: relative;
     z-index: 1;
     padding-top: 100px !important;
 }
 
 .contact-info-box-img {
     height: 60px;
     width: 60px;
     display: flex;
     justify-content: center;
     align-items: center;
     background: #0B3D2C;
     border-radius: 100%;
 }
 .contact-info-box-inner {
     padding: 20px 10px;
     border-radius: 30px;
 }
 .contact-info-box-inner{
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 15px;
 }
 .contact-info-box-inner:hover {
     background: #C57139;
     position: relative;
     border-radius: 30px;
     padding: 20px 10px;
     transition: all 1s ease-in;
 }
 
 .contact-info-box-inner:hover h3.contact-info-head {
     /* font-size: 18px; */
     color: #fff;
 }
 
 .contact-info-box-inner:hover .contact-info-text {
     /* font-size: 30px; */
     font-family: 'Marcellus';
     color: #fff;
     word-wrap: break-word;
     word-break: break-all;
 }
 
 .contact-info-box-inner:hover .contact-info-box-img {
     background: #0B3D2C;
 }
 
 /* ---------------Info feature-------------- */
 .ticket-box {
     padding: 10px;
     transition: all 500ms ease-in;
 }
 .ticket-box:hover *, .ticket-box:hover a {
     color: #fff !important;
 }
 .ticket-box {
     border-radius: 12px;
 }
 .ticket-box:hover {
     background: #0B3D2C;
 }
 .ticket-box-img {
     width: max-content;
     /* margin: 0 auto; */
     position: relative;
 }
 .ticket-box-img img.hover-img {
     position: absolute;
     left: 0;
     z-index: -1;
     transition: all 1s ease-in;
 }
 .ticket-box:hover .ticket-box-img img.hover-img {
     z-index: 1;
 }
 .ticket-box h3.info-head.m-0 {
     font-size: 22px;
     line-height: 1.5;
     font-weight: 400;
     text-align: left;
 }
 .ticket-box p.info-text.mb-2 {
     font-size: 16px;
     line-height: 1.5;
     font-weight: 400;
     text-align: left;
 }
 .ticket-box .info_btn a {
     font-size: 16px;
     line-height: 1.5;
     font-weight: 400;
     text-align: left;
     padding: 0;
     margin: 0;
     color:#000;
     font-family: 'Inter';
     text-transform: capitalize;
 }
 .ticket-box .info_btn {
     text-align: left;
     margin-top: 30px;
 }
 .ticket-box:hover .info_btn a {
     color: #C57139;
 }
 /*------------choose-us---------*/
 #choose_us {
     background-size: 100% 100%;
     padding: 0;
     border-top: 0;
     border-left: 0;
     border-right: 0;
 }
 h6.choslist-item {
     font-size: 20px;
     font-weight: 400;
     color: #000000;
 }
 h3.chse-head {
     padding-left: 0;
 }
 p.chse-text{
     font-size: 16px;
     font-weight: 400;
     line-height: 1.7;
 }
 .chse-sm-head {
     background: #FFFFFF1A;
     color: white;
 }
 h2.chse-head {
     color: var(--white--);
     width: 50%;
     margin: 0 auto !important;
     margin-top: 20px !important;
 }
 .chos-checklist {
 }
 ul.chos-under{
     list-style: none;
     margin: 0;
 }
 .choose-details {
     text-align: left !important;
 }
 .chos-checklist ul.chos-under {
     display: flex;
     padding: 0;
 }
 .chos-checklist ul.chos-under li {padding: 99px 53px;border-right: 1px solid var(--dim-gray--);transition: all 500ms ease;}
.chos-checklist ul.chos-under li:last-child{border:0;} 
.chos-checklist ul.chos-under li:hover {
     margin-top: -10px;
     z-index: 1;
     background: var(--dark-gray--);
 }
 .chos-checklist ul.chos-under li span {height: 60px;width: 60px;background: #FAF1EC;border-radius: 100%;display: flex;align-items: center;justify-content: center;transition: all 1s ease;margin-bottom: 25px;}
 .chos-checklist ul.chos-under li:hover span{
     transform: rotateY(180deg);
 }
 .chos-checklist ul.chos-under li h6.choslist-title {
     margin-bottom: 11px;
     font-size: 18px;
     font-family: var(--rubik--);
     font-weight: 500;
     line-height: 1.5;
     text-align: left;
 }
 .chos-checklist ul.chos-under li p.choslist-item {
     font-size: 12px;
     line-height: 21px;
     font-weight: 400;
     color: var(--secondary--);
     text-align: left;
     font-family: var(--rubik--);
     margin-bottom: 11px;
 }
 .chse-img-box:hover img.choose-img {
     filter: grayscale(1);
 }
 
 /*------------info---------*/
 a.info-btn{
     font-size: 18px;
 }
 hr.info-border {
     opacity: 1;
     margin-top: 40px;
 }
 /*-------------service-------*/
 .service-box {
     background: #F0FFF0;
     border-radius: 20px;
     padding: 40px 20px;
 }
 h3.service-head,h3.gall-head,h3.product-head,h3.tours-head,h3.tours-count,h3.testi-head,h3.blog-head,h3.event-head {
     font-size: 30px;
     font-weight: 400;
 }
 hr.serv-border,hr.gall-border,hr.prod-border,hr.tours-border,hr.testi-border,hr.blog-border{
     width: 12%;
     opacity: 1;
 }
 .service_content_pad {
     position: relative;
 }
 h4.serv-icns.serv-bolt0 i,h4.serv-icns.serv-bolt3 i{
     padding: 35px;
 }
 h4.serv-icns.serv-bolt2 i {
     padding: 35px 30px;
 }
 h4.serv-icns.serv-bolt1 i {
     padding: 35px 40px;
 }
 h3.service-title a {
     font-size: 22px;
     font-weight: 400;
     line-height: 1.5;
 }
 p.serv-inn-txt {
     color: #282828;
     font-size: 16px;
     line-height: 1.5;
 }
 .ser-img {
     border-radius: 45px;
     height: 90px;
     width: 90px;
     margin: 0 auto;
     display: flex;
     justify-content: center;
     align-items: center;
     background: #0B3D2C;
 }
 .ser-img img{
     width: auto !important;
 }
 .service-btn a {
     background: #000000;
     border-radius: 32px;
     padding: 10px 20px;
     font-size: 16px;
     line-height: 1.5;
     font-weight: 400;
     color: #fff;
 }
 .service-btn {
     margin-top: 12px;
     display: flex;
     justify-content: center;
 }
 .service-box:hover {
     background: #C57139;
 }
 .service-box:hover .service-btn a {
     background: #E1FFE1;
     color: #000;
 }
 .service-box:hover h3.service-title a,
 .service-box:hover p.serv-inn-txt{
     color: #fff;
 }
 .service_sec .owl-nav {
     display: flex;
     justify-content: center;
     margin-top: 20px;
     gap: 10px;
 }
 
 .service_sec .owl-nav button.owl-prev {
     background: #C57139 !important;
 }
 .service_sec .owl-nav button.owl-next {
     background: #000000 !important;
 }
 /*------------gallery*/
 .gallery-image3 img.gall-img {
     width: 100%;
     height: 100%;
 }
 .gallery-image7 img.gall-img {
     width: 100%;
     height: 100%;
 }
 .gallery-box {
     margin-top: 51px;
 }
 .gallery-box  img {
     width: 100%;
 }
 .gallery-box img:hover {
     filter: grayscale(1);
 }
 .gallery-image1, .gallery-image2, .gallery-image3, .gallery-image4, .gallery-image5,.gallery-image6,.gallery-image7 {
     overflow: hidden;
 }
 /*----------------Product-------------*/
 .product-bottom {
     display: flex;
     justify-content: space-between;
     gap: 10px;
     align-items: end;
 }
 .produc_content_pad p {
    margin: 0;
    font-family: var(--rubik--);
    font-weight: 400;
    font-size: 12px;
    line-height: 30px;
    text-transform: capitalize;
}

h5.prodc-name {
    font-family: var(--rubik--);
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    text-transform: capitalize;
    margin-bottom: 28px;
}
#product h2.main-heading {
    text-align: center;
}

#product .section_text {
    justify-content: center;
    margin-bottom: 38px;
}
 .prod-box {
     border: 1px solid #3C3C3C;
     padding: 15px;
     border-radius: 25px;
 }
 .produc-imagebg {
     width: 100%;
     height: 300px;
     position: relative;
     margin-bottom: 20px;
     border-radius: 6px;
     background: var(--dark-gray--);
     display: flex;
     justify-content: center;
     align-items: center;
     overflow: hidden;
     padding: 25px;
 }
 .produc-imagebg img {
     object-fit: contain;
     transition: all 1s ease;
     height: 100%;
 }
 .produc-imagebg:hover>img {
     transform: rotateY(180deg);
 }
 .cart-icon .add_to_cart_button {
     height: 40px;
     width: 40px;
     border-radius: 50%;
     padding: 8px 8px;
     background: var(--secondary--);
     display: flex;
     justify-content: center;
     align-items: center;
     transition: all 1s ease;
 }
 .prodc-rating {
     display: flex;
     align-items: center;
     gap: 10px;
 }
 .rating-star {
     display: flex;
     align-items: center;
     gap: 9px;
     margin-top: 16px;
 }
 .rating-star i {
     color: var(--yellow--);
     font-size: 13px;
 }
 .rating-star i[data-rate="blank"] {
     color: #D9D9D9;
 }
 .prodc-rating .rating {
     font-family: Inter;
     font-weight: 400;
     font-size: 14px;
     line-height: 28px;
     text-transform: capitalize;
     color: #757575;
 }
 h5.prodc-name a {
     font-size: 16px;
     font-weight: 500;
     font-family: 'Inter';
     line-height: 28px;
     color: var(--secondary--);
 }
 h4.prodc-price {
     font-size: 16px;
     font-weight: 400;
     color: var(--secondary--);
     line-height: 28px;
 }
 p.produc-tag {
     font-size: 12px;
     font-weight: 400;
     background: #322a2b;
     color: #ffffff;
     display: inline-block;
     padding: 4px 12px;
     border-radius: 32px;
     font-family: 'Marcellus';
 }
 .product-btn {
     text-align: center;
     margin-top: 40px;
 }
 .product-btn a {
     background: var(--peru--);
     border-radius: 32px;
     padding: 12px 39px;
     text-transform: capitalize;
     transition: all 1s ease-in;
     color: var(--white--);
 }
.cart-icon a {
    font-size: 12px;
}
.cart-icon i {
    color: var(--dark--);
    transition: all 1s ease;
    font-size: 19px;
}
.prod-box:hover .cart-icon .add_to_cart_button {
    background: var(--yellow--);
}
.prod-box:hover .cart-icon i {
    color: var(--secondary--);
}
h5.prodc-name a:hover {
    color: var(--yellow--);
}
 /*----------safari-tours------------*/
 section#safari_tours .tour-bg {
     background-size: cover;
     background-repeat: no-repeat;
     position: relative;
     height: 66vh;
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 a.popup-youtube i {
     color: #000000;
     background: rgb(255 255 255);
     padding: 25px 22px 25px 25px;
     border-radius: 50%;
     font-size: 12px;
 }
 .tour-bg:before {
     content: "";
     position: absolute;
     top: 0px;
     right: 0px;
     bottom: 0px;
     left: 0px;
     background: #0B3D2CCC;
 }
 .count-info-box {
     border-right: 1px solid #F0FFF0;
 }
 .count-info-box.shape-border4 {
     border: none;
 }
 .tours-head h6.tours-sm-head {
     color: #fff;
     line-height: 1.5;
 }
 .tours-head {
     margin-top: 20px;
 }
 .tours-head h3.tours-head {
     font-size: 30px;
     line-height: 1.5;
 }
 .count-info-box h3.tours-count {
     font-size: 24px;
     font-family: 'Marcellus';
     line-height: 1.5;
     font-weight: 400;
 }
 .count-info-box p.tours-inner-head {
     font-size: 18px;
     color: #fff;
     line-height: 1.5;
     margin-top: 15px;
 }
 /*--------------testimonial------------*/
 h3.testi-title {
     padding: 0;
     margin: 0;
 }
 h3.testi-title a {
     font-size: 20px;
     font-weight: 400;
     color: var(--secondary--);
     font-family: var(--rubik--);
     text-align: right;
 }
 hr.testi-bottom-border {
     opacity: 1;
 }
 p.testi-inner-txt {
     width: 100%;
     font-size: 16px;
     line-height: 1.7;
     font-weight: 400;
     color: var(--secondary--);
 }
 .testi-name-wrap {
 }
 p.testi-name {
     color: var(--secondary--);
     font-family: Marcellus;
     font-weight: 400;
     font-size: 16px;
     line-height: 15px;
     margin: 0;
     margin-top: 5px;
 }
 .testi-rating .rating-star i {
     color: #FFB800;
 }
 section#testimonial {
     position: relative;
 }
 .testi_content {
     text-align: left;
     display: flex;
     flex-flow: column;
     gap: 33px;
 }
 .testi_content:hover{background: var(--peru--);}
 .testi_content:hover *{color:#fff;}
 .testimonial-btn {
     text-align: center;
 }
 .testimonial-btn .testi-btn {
     background: var(--peru--);
     border-radius: 32px;
     padding: 12px 39px;
     text-transform: capitalize;
     transition: all 1s ease-in;
     color: var(--white--);
 }
 .testi-quote-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.testi-quote-image {
    height: 45px;
    width: 64px;
}
.testibox {
    margin-top: 44px;
}
.testi-client-wrap {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}
.testi-client-img {
    height: 90px;
    width: 90px;
    border-radius: 100%;
    border: 2px solid var(--secondary--);
}
.testi-client-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.testi-image {border-radius: 20px;overflow: hidden;}
.testi-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
#testimonial .owl-nav {
    justify-content: start;
}
 /* ---------------Booking---------------- */
 section#booking {
     padding-bottom: 0;
 }
 .booking-form {
     background: var(--bg--);
     border-radius: 20px;
     padding: 34px 30px 40px 30px;
 }
 .booking-form h3 {
     font-family: var(--marcellus--);
     font-weight: 400;
     font-size: 24px;
     line-height: 100%;
     margin: 0;
     padding: 0;
 }
 .booking-form p {
     font-family: var(--inter--);
     font-weight: 400;
     font-size: 16px;
     line-height: 100%;
     margin: 0;
     margin-top: 6px;
 }
 .booking-form form {
     margin-top: 25px;
 }
 .booking-form form input {
     background: var(--white--);
     border-radius: 10px;
     height: 50px;
     font-family: var(--inter--);
     font-weight: 400;
     font-size: 16px;
     line-height: 100%;
     margin-bottom: 20px;
     color: #B2AFA1;
 }
 .booking-form form p {
     margin: 0;
 }
 .booking-form form input::placeholder {
     font-family: var(--inter--);
     font-weight: 400;
     font-size: 16px;
     line-height: 100%;
     margin-bottom: 20px;
     color: #B2AFA1;
 }
 .booking-form form input[type="submit"] {
     background: var(--peru--);
     margin: 0;
     border-radius: 60px;
     color: var(--white--);
     font-family: Inter;
     font-weight: 500;
     font-size: 16px;
     line-height: 1.2;
     text-transform: capitalize;
 }
 .booking-box-img .absolute-section5 .absolute-sec {
     margin-left: 0;
     background: var(--dim-gray--);
 }
 .booking-box-img .absolute-section5 {
     bottom: 62px;
     left: -69px;
 }
 .booking-box-img .booking-call-icon {
     background: var(--white--);
 }
 
 .booking-box-img .booking-sec {
     color: var(--white--);
 }
 .booking-box-img .booking-sec span:nth-child(2) {
     color: var(--white--);
 }
 /* -----------Category------------ */
 .category-item {
 max-width: 248px;
 width: 100%;
 position: relative;
 overflow: hidden;
 border-radius: 20px;
 }
 .category-item:last-child {
     padding: 0;
 }
 .category-item h3 a {
     font-family: var(--rubik--);
     font-weight: 400;
     font-size: 18px;
     line-height: 100%;
     text-transform: uppercase;
     color: var(--secondary--);
 }
.product-categories-grid {
    gap: 20px;
}
.category-item>a {
    position: absolute;
    right: 18px;
    top: 10px;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #414141;
    background: var(--secondary--);
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    opacity: 0;
    transition: all 1s ease;
}
.category-item>a i {
    color: var(--secondary--);
}
.cat-details {
    position: absolute;
    bottom: -15px;
    padding: 0 10px 14px 26px;
    width: 100%;
    transition: all 1s ease;
}
.cat-details p {
    font-family: var(--rubik--);
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: var(--secondary--);
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 1s ease;
}
.category-item:hover .cat-details {
    bottom: 0;
}
.category-item:hover .cat-details p {
    visibility: visible;
    opacity: 1;
}
.category-item:hover>a {
    opacity: 1;
}
 /*------------------blog-----------*/
 h3.post-title a {
     font-size: 18px;
     font-weight: 500;
     color: var(--secondary--);
     font-family: var(--rubik--);
     line-height: 1.2;
 }
h3.post-title a:hover {
    color: var(--yellow--);
}
 .post-date span {
     color: var(--primary--);
     font-size: 12px;
     font-weight: 300;
     font-family: var(--rubik--);
     line-height: 100%;
 }
 .post-content {
     font-family: var(--rubik--);
     font-weight: 400;
     color: var(--secondary--);
     font-size: 12px;
     line-height: 19px;
 }
 .post-btn {
 margin-top: 21px;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 gap: 30px;
 }
 .post-btn .blog-admin-wrap {
    position: relative;
    bottom: 0;
    justify-content: start;
    opacity: 0;
}

.post-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
 .bolg-box {padding-top: 18px;display: flex;flex-flow: column;}
 .post-date {display: flex;justify-content: start;align-items: center;margin: 0;color: var(--primary--);opacity: 0;transition: all 3000ms ease-in;}
.blog-admin-wrap {
    position: absolute;
    bottom: 9px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
 .blog-admin {
    width: max-content;
    background: var(--secondary--);
    display: flex;
    align-items: center;
    padding: 5px;
    border-radius: 25px;
    height: 50px;
}
.blog-admin-img {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    overflow: hidden;
}
 .bolg-image {
     overflow: hidden;
     width: 100%;
     height: 239px;
     border-radius: 15px;
     position: relative;
 }
 .bolg-image img{object-fit:cover;height:100%;transition: all 1s ease;}
 .blog-info:hover .bolg-image img {transform: scale(1.1);}
 .blog-info {
    background: var(--dark-gray--);
    padding: 15px 15px 23px 15px;
    border-radius: 20px;
}
h3.post-title {
    line-height: 0;
    margin-bottom: 3px;
}
p.post-admin-name {
    font-family: var(--rubik--);
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: var(--primary--);
    margin: 0;
    opacity: 0;
    transition: all 3000ms ease-in;
}
.post-admin {
    width: 0;
    transition: width 1s ease-in;
}
.blog-admin:hover .post-admin {
    width: max-content;
    margin-left: 5px;
}
.blog-admin:hover p.post-admin-name,.blog-admin:hover p.post-date {
    opacity: 1;
}
.post-btn .blog-admin-wrap .blog-admin {
    background: transparent;
}
.post-btn .blog-admin-wrap p.post-admin-name {
    color: var(--secondary--);
    opacity: 1;
}
.post-btn .blog-admin-wrap p.post-date {
    opacity: 1;
    color: var(--secondary--);
}
.post-btn .blog-admin-wrap .post-admin {
    width: auto;
    margin-left: 5px;
}
.post-btn .blog-admin-wrap p.post-date span {
    color: var(--secondary--);
}
.bolg-box:hover .post-btn .blog-admin-wrap {
    opacity: 1;
}
h3.post-title a:hover {
    color: var(--yellow--);
}
.post-btn a.button-wrap:hover span.btn-text {
    border: 0;
    color: var(--primary--);
}
.post-btn a.button-wrap:hover span.btn-icon {
    background: transparent;
    border: 1px solid var(--yellow--);
}
.post-btn a.button-wrap:hover span.btn-icon i{
     color: var(--yellow--);
}
 /* Offer Card */

 section#offer_card {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding: 0;
}
#offer_card .offer-card-wrap{
    padding: 119px 0 !important;
}
#offer_card .offer-card-wrap:nth-child(odd) {
    padding-right: 30px !important;
    border-right: 1px solid var(--dim-gray--);
}
#offer_card .offer-card-wrap:nth-child(even) {
    padding-left: 30px !important;
}
.offer-card {
    position: relative;
    overflow: hidden;
    border-radius: 25px;
}
.offer-card-details {
    position: absolute;
    top: 45px;
    left: 45px;
    width: 45%;
}
.offer-card img {
    height: 300px;
    width: 100%;
}
.offer-card-details>p {
    font-family: var(--rubik--);
    font-weight: 400;
    font-size: 12px;
    line-height: 30px;
    text-transform: capitalize;
    margin: 0;
}
.offer-card-details h3 {
    font-family: var(--rubik--);
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
    text-transform: capitalize;
    margin-bottom: 26px;
}
.offer-card-details p.price-from {
    font-family: Rubik;
    font-weight: 400;
    font-style: Italic;
    font-size: 20px;
    line-height: 30px;
    text-transform: capitalize;
    margin-bottom: 32px;
}
.offer-card-details a.button-wrap span.btn-icon i {
    transform: unset;
}
/* Video */
div#video {
    position: relative;
  }
  div#video img {
      width: 100%;
  }
  .video-content {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;display: flex;justify-content: center;align-items: center;}
  .myVideoBtns a {
      display: flex;
      margin: 0 auto;
      justify-content: center;
      align-items: center;
  }
  .myVideoBtns a i {
      color: #875228;
      font-size: 21px;
      animation: zoomInOut 2s linear infinite;
  }
h6.video-sm-head.small-heading {
    font-size: 22px;
    text-align: center;
    line-height: 30px;
    color: var(--secondary--);
    margin-top: 40px;
    margin-bottom: 0;
}

h2.video-head.main-heading {
    font-size: 44px;
    line-height: 100%;
}
  .modal-contents {
      background-color: #fff;
      margin: auto;
      padding: 6px;
      width: 45%;
      transition: 2s;
      border-radius: 10px;
  }
.modal-contents button.close-one {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    margin-left: auto;
    font-size: 23px;
}
  .modal-new {
    display: none;
    position: fixed;
    z-index: 999999999999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, .4);
  }
  .myVideo-inner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }   
  
  /* Newsletter */
section#newsletter {
    padding: 97px 0 70px 0;
}

.newsletter-wrap {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}

.newsletter-wrap .section-text {
    width: 50%;
}

.newsletter-wrap .newsletter {
    width: 50%;
}

.newsletter-wrap h2.main-heading {
    font-weight: 700;
    font-size: 40px;
    line-height: 1.2;
    text-align: left;
}
#newsletter form {
    position: relative;
    width: 100%;
}
#newsletter form input.wpcf7-submit {
    padding: 12px 20px !important;
    font-family: var(--rubik--);
    font-weight: 400;
    line-height: 100%;
    border: 1px solid var(--secondary--);
    height: fit-content;
}
#newsletter form input.wpcf7-email {
    border: 0;
    border-bottom: 1px solid var(--dim-gray--) !important;
    width: 100% !important;
    padding-left: 7px;
    padding-right: 0;
    font-family: var(--rubik--);
    color: var(--secondary--);
    text-transform: capitalize;
    background: transparent !important;
    border-radius: 0 !important;
    outline: 0 !important;
}
#newsletter form input.wpcf7-email::placeholder{
   font-size: 16px !important;
    line-height: 46px;
    color: var(--secondary--);
    font-family: var(--rubik--);
    font-weight: 500;
}
#newsletter form span.btn-icon {
    height: 40px;
    width: 40px;
    display: inline-flex;
    background: var(--secondary--);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 12px;
    margin-bottom: 12px;
}
#newsletter span.btn-icon i {
    color: var(--primary--);
}
#newsletter span.wpcf7-form-control-wrap {
    width: 100%;
    display: block;
    background: transparent;
    height: 60px;
    border-radius: 0;
}
#newsletter form.wpcf7-form.init {
  position: relative;
  width: 100%;
}
#newsletter form.wpcf7-form.init span.wpcf7-form-control-wrap input {border: 0;outline: 0;font-size: 16px !important;line-height: 1.4;font-weight: 400;}
#newsletter form.wpcf7-form.init input[type="submit"] {
  position: absolute;
  font-size: 14px;
  right: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  border-radius: 25px;
  color: #fff !important;
}
#newsletter form.wpcf7-form.init p {
  margin: 0;
}
#newsletter form  {
  /* background: #fff; */
  width: auto;
  padding: 5px 0;
  border-radius: 10px;
}
#newsletter form input[type="email"] {
  height: 58px;
}