:root {
  --white: #ffffff;
  --black: #000000;
  --green: #67B94A;
}
/*------------------ Contact Page -----------------*/
#contact-page,#packages-form-page,#event-form-page{
  background: #1F2029;
}
.contact-box{
  padding: 3%;
  background: #000;
  box-shadow: 0px 3px 8px 0px #00000029;
  border-radius: 20px;
}
.contactpage-details{
  background: #1F2029;
  padding: 20px;
  border-radius: 10px;
}
.contactpage-details h4{
  font: normal normal 600 30px/40px Inter;
  color: #fff;
}
.contactpage-details p{
  font: normal normal 300 14px/26px Inter;
  color: #fff;
  width: 80%;
}
.contactpage-icon,.contactpage-icon a{
  font: normal normal normal 16px/26px Inter;
  color: #fff;
}
.contac_form input,.contac_form textarea,.contac_form .wpcf7 input[type="email"]{
  font: normal normal normal 14px / 26px Inter;
  color: #fff;
  padding: 6px 10px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  background: transparent;
}
.contac_form form p {
    margin: 14px 0px;
}
.contac_form textarea{
  height: 150px;
}
.contac_form label{
  width: 90%;
  font: normal normal 600 18px/30px Inter;
}
.contac_form input.wpcf7-form-control.wpcf7-submit.has-spinner {
  font: normal normal bold 15px / 20px Inter;
  color: #fff;
  background: var(--green);
  border: none;
  border-radius: 6px;
  padding: 10px 22px;
  width: max-content;
}
.contac_form input.wpcf7-form-control.wpcf7-submit.has-spinner:hover{
  background: #fff;
  color: #000;
}
.contac_form form p:nth-child(5):hover::after{
  color: var(--orange);
}
/* 404 page */
.content_page.error-page {
  background: #1F2029;
}
.error-contents{
  padding: 2% 2% 15% 2%;
}
.error-contents img{
  border-bottom : 1px solid #fff;
}
.error-contents h1{
  font: bold 130px / 140px Inter;
  color: #fff;
}
.error-contents p{
  width: 40%;
  margin: auto;
}
.error-button.btn {
  font: normal normal bold 15px / 20px Inter;
  color: #fff;
  background: var(--green);
  padding: 12px;
  border-radius: 6px;
  border: none;
}
.error-button.btn:hover {
  color: #000;
  background: #fff;
  border: 2px solid #000;
}

/*---------------- Pagination ----------------*/
nav.navigation.post-navigation  .nav-links{
  display: flex;
  justify-content: space-between;
}
.single-post .nav-next{
  text-align: end;
}
.nav-previous .meta-nav, .nav-next .meta-nav{
  font: normal normal normal 16px/50px Kumbh Sans;
  letter-spacing: 0px;
  color: #A1A1A1;
}
.nav-next .meta-nav{
    text-align: end;
}
.post_pagination .post-title{
  font: normal normal 500 16px/20px Josefin Sans;
  letter-spacing: 0px;
  color: #242424;
}
/*------------- Page -----------------*/
.banner-page-text {
  padding: 50px 0px;
}
.banner-page-text .above_title{
  padding: 60px 60px;
  background-color: rgb(200 200 200 / 30%);
  width: 40%;
  border-radius: 20px 100px 20px 20px;
}
.title-box {
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 8% 6% 0% 6%;
  margin-top: -7%;
}
.title-box h1 {
  font: normal normal bold 28px/30px Inter;
}
.bradcrumbs,.bradcrumbs a,.bradcrumbs span{
  color: #ffffff;
  margin-right: 6px;
  font: normal normal bold 18px/21px Inter;
}
/* .category .title-box h4{
  font: normal normal bold 30px/36px Josefin Sans;
  letter-spacing: 0px;
  color: #121212;
  position: relative;
  text-align: initial;
}
.read-moresec {
  margin: 2% 0;
} */
.outer_dpage,#single-services-page{
  padding: 50px 0;
  background: #1F2029;
}

/* blog page */
/* single blog page */
.single-post h2{
  font: normal normal bold 30px/60px Inter;
}
.single-post-comment .comments-area{
  display: flex !important;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.comment-author cite{
  font: 600 18px/28px Inter;
  color: #fff;
}
.comments-title{
  display: none;
}
.comment-awaiting-moderation{
  display: none;
}
.comment-list{
  list-style-type: none;
  width: 55%;
}
#respond {
  background: #000;
  border-radius: 20px;
  padding: 20px;
  width: 100%;
  max-width: 40%;
  height: 100%;
  order: 1;
}
.comment-author cite a{
  font: 500 18px / 28px Inter;
  color: #fff;
}
.comment-reply-link{
  font: 500 14px / 28px Inter;
  color: #fff;
}
.comment-author.vcard{
  height: 30px;
}
.comment-body>p, .comment-body>.reply {
  padding-left: 11%;
  padding-top: 5%;
}
.comment-meta,.says,.comment-reply-link i{
  display: none;
}
.single-post-content h4 {
  font: normal normal 600 24px/50px Inter;
}
.single-post-content p {
  font: normal normal normal 18px/35px Inter;
  letter-spacing: 0px;
  color: #242424;
}
.comment-body {
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 6px;
}
.comment-author.vcard img {
  padding: 2px;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}
#reply-title{
  font: normal normal normal 24px/28px Inter;
}
.entry-author  img{
  width: 50px;
  margin-right: 8px;
  border-radius: 50%;
}
.entry-date,.entry-comments{
  align-self: center;
  font: normal normal normal 16px/40px Kumbh Sans;
}
.entry-date,.entry-comments a,.single-blog-meta span,.single-blog-meta a{
  align-self: center;
  font: 500 18px / 26px Inter;
  color: #fff;
  text-transform: capitalize;
}
.single-post-comment{
  border-top: 1px solid #fff;
}
.post-share-text i{
  font-size: 13px;
}
.post_share .socila_share i{
  color: #fff;
  font-size: 16px;
  margin-right: 20px;
}
.single-blog-page .socila_share{
  display: flex;
}
.post_share .socila_share i:hover{
  color: var(--green);
}
.single-blog-meta{
  justify-content: space-between;
}
.post_share .share_icon{
  display: none
}
.post_share:hover .share_icon{
  display: block
}
.post_share:hover .socila_share{
  position: absolute;
}
.single-post .comment-list li{
  list-style-type: none;
  font: normal normal 600 16px/25px Inter !important;
}
.single-post #commentform {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.single-post .comment-form-url,.comment-notes{
  display: none;
}
.single-post .comment-form-author{
  order: 2;
  width: 100%;
}
.single-post .comment-form-email{
  order: 3;
  width: 100%;
}
.single-post .comment-form-comment{
  order: 4;
  width: 100%;
}
input, textarea {
  border: 1px solid #fff;
  border-radius: 6px;
  padding: 5px 8px;
  width: 100%;
  background: transparent;
  color: #fff;
}
.single-blog-page #our_blog .owl-dots{
  display: none;
}
.single-post .form-submit{
  order: 6;
  margin-top: 25px;
  position: relative;
}
.single-post .form-submit .submit{
  border: 1px solid #fff;
  border-radius: 6px;
  color: #fff;
  background: #000;
  font: normal normal normal 16px/35px Inter;
  padding: 5px 20px 5px 20px;
  width: max-content;
}
.single-post .form-submit{
  width: max-content;
  position: relative;
}

.single-post .comment-form-cookies-consent{
  order: 5;
  width: 100%;
  display: flex;
}
.single-post .single-post-comment label {
  font: normal normal 600 16px/30px Inter;
  margin-top: 20px;
  width: 100%;
}
.single-post .comment-form-cookies-consent label{
  font: normal normal normal 16px/20px Inter;
  margin-top: 0px;
}
.single-post input#wp-comment-cookies-consent {
  margin-top: 0px;
  height: 22px;
  margin-right: 10px;
  width: max-content;
}

/* support page  */

.termheading{
  font: normal normal 600 36px/60px Inter;
  letter-spacing: 0px;
  color: #fff;
}
#support-page h2{
  font: normal normal 600 22px/30px Inter;
}
.privacy-policy h2, .terms-conditions-heading,#support-page h2{
  font: normal normal 600 26px/60px Inter;
  letter-spacing: 0px;
  color: #fff;
}
.terms-conditions-custo-heading {
  font: normal normal 600 24px / 34px Inter;
  padding-top: 2%;
}
.privacy-policy .privacy-policy-tutorial{
  font: normal normal 600 18px/60px Inter;
  letter-spacing: 0px;
  color: #fff;
}
.privacy-policy .middle-content p, .terms-conditions-para, .middle-content .about-para {
  font: normal normal normal 16px/27px Inter;
  letter-spacing: 0px;
  width: 87%;
  padding-top: 1%;
}
.middle-content ul,#support-page ul {
  margin-left: 20px;
  color: #fff;
}
.privacy-policy .middle-content p, .terms-conditions-para, .middle-content .about-para,#support-page ul li{
  font: normal normal normal 15px / 25px Inter;
  letter-spacing: 0px;
  width: 87%;
  padding-top: 0;
  color: #fff;
}
.privacy-heading {
  font: normal normal 600 24px / 31px Inter;
  padding-top: 3%;
}
.privacy-bold-sub-heading {
  font: 600 20px / 30px Inter;
  width: 85%;
  color: #fff;
  margin: 5px 0px;
}
.privacy-sub-heading {
  font: normal normal 600 22px / 34px Inter;
  color: #fff;
}
.privacy-policy-para {
  font: normal normal normal 16px / 31px Inter;
  color: #fff;
  width: 76%;
}
#support-page,#faq-page,.privacy-heading {
  background: #1F2029;
  padding: 30px 0px 10px 0px;
}
.terms-conditions-heading {
  /* padding-top: 70px; */
}
.terms-conditions-last-para,.privacy-policy-last-para,.support-page-last-para{
  /* padding-bottom: 70px; */
}
/* faq page */
#faq-page .accordion-button:not(.collapsed){
  border: none;
  background: var(--green);
  color: #fff;
  padding: 12px 22px;
  border-radius: 8px;
}
#faq-page .accordion-body{
  color: #fff;
}
#faq-page .accordion-item{
  border: none;
  background: #000;
  border-radius: 10px;
  margin: 10px 0px;
  position: relative;
  z-index: 0;
}
#faq-page .accordion-button{
  background: #000;
  border-radius: 10px;
  padding: 12px 30px;
  color: #fff;
}
#faq-page .accordion-button.collapsed::after {
  content: '\f067';
}
#faq-page .accordion-button::after {
  content: '\f068';
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 14px;
  background-image: unset !important;
  height: unset !important;
  width: unset !important;
  transition: unset !important;
}
/* about-page */
.about-our-story-main-box,.about-page-box{
  background: #1F2029;
}
.about-page h5{
  font: normal normal 600 22px/28px Inter;
}
.about-page-box p{
  font: normal normal normal 16px/25px Inter;
  width: 93%;
}
.about-our-story-box{
  background: #000;
  padding: 4% 2%;
  border-radius: 30px;
}
.about-our-story-content-box{
  padding-left: 68px;
}
.about-our-story{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(8, 40px);
}
.about-our-story-img-one{
  grid-row-start: 2;
  grid-row-end: 9;
  grid-column-start: 1;
  grid-column-end: 4;
}
.about-our-story-image-one{
  width: 100%;
  height: 100%;
  border-radius: 15px;
  object-fit: cover;
}
.about-our-story-img-two{
  grid-row-start: 1;
  grid-row-end: 6;
  grid-column-start: 3;
  grid-column-end: 5;
}
.about-our-story-image-two{
  border-radius: 15px;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-left: 8px solid #000;
  border-bottom: 8px solid #000;
}
.about-our-story-client-para{
  color: #fff;
  font: normal normal 600 18px/28px Inter;
}
.about-our-story-client-image{
  width: 95px;
  height: max-content;
  border-radius: 50%;
}
.about-our-vission-image-two,.about-our-vission-feature-two{
  border-radius: 10px;
}
.about-our-vission-count-text,.about-our-vission-feature-text{
  position: relative;
  left: 20px;
}
.about-our-vission-count-text:before,.about-our-vission-feature-text:before{
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50px;
  position: absolute;
  left: -20px;
  top: 8px;
}
.upcoming-events-page .events-left-content-box{
  background: #000;
}
.upcoming-events-page{
  background: #1F2029;
}
.upcoming-events-page .events-left-content-box {
  margin: 15px 0px;
  border-radius: 10px;
  padding: 0;
}
/* gallery  */
.gallery-page {
  background: #1F2029;
  padding: 30px 0px;
}
#our-Gallery.gallery-page .main-grid {
  display: grid;
  grid-template-columns: repeat(13, 1fr);
  grid-template-rows: repeat(7, 90px);
  margin: 0;
  border-radius: 20px;
  overflow: auto;
}
/* single animal */
.packages-content p{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#single-animals-page,.single-event-page, .single-package-page,.single-blog-page,.page-template-animal-page{
  background: #1F2029;
}
.single-animals-image-box img, .single-event-page .event-image img,.package-image img{
  border-radius: 15px;
}
.single-animals-text-content-box h5,.single-event-page-content-box h5,.single-event-page-inform-box h5,.single-event-page-posts-box h5,.single-package-page-content-box h5 a,.single-package-page-posts-box h5,.popular-price{
  font: normal normal 600 28px/35px Inter;
  color: #fff;
}
.single-package-page .package-title-price-box{
  display: flex !important;
}
.single-animals-meta-box h6,.single-event-field-box h6,.packages-content .packages-title a{
  font: normal normal 600 16px/23px Inter;
  color: #fff;
}
.single-event-field-box{
  justify-content: space-between;
}
.single-event-page-inform-box,.single-event-page-posts-box, .single-package-form-box{
  background: #000;
  border-radius: 15px;
  padding: 25px;
}
.single-event-button.btn{
  font: 500 15px / 20px Inter;
  letter-spacing: 0.50px;
  color: #fff;
  background: var(--green);
  padding: 10px 40px 10px 40px;
  border-radius: 8px;
  border: none;
  width: 100%;
}
.single-event-page-posts-box .event-time-name {
  font: normal normal 600 12px / 24px Inter;
}
.single-event-page-posts-box .event-date-name {
  color: #fff;
  font: normal normal 500 13px / 24px Inter;
}
.single-event-page-posts-box .events-left-title-box h5 a {
  font: normal normal bold 16px / 30px Inter;
}
.single-event-page-posts-box .events-left-image-box img {
  width: auto;
  height: 100px;
  border-radius: 10px 0px 0px 10px;
  object-fit: cover;
}
.single-event-page-posts-box .events-left-content-box,.packages-left-content-box {
  margin-top: 12px;
}
.single-event-page .events-left-content-box .cat-item {
  font: 500 13px / 24px Inter;
}
.events-left-title-box h5{
  font: normal normal 600 18px / 24px Inter;
}
.packages-left-image-box img{
  width: 100%;
  height: 80px;
  border-radius: 10px;
  object-fit: cover;
}
.single-package-points,.single-evnts-points,.single-blog-points,.single-animals-meta-box h6{
  margin-left: 20px;
  position: relative;
}
.single-package-points:after,.single-evnts-points:after,.single-blog-points:after,.single-animals-meta-box h6:after{
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  top: 8px;
  left: -20px;
  border-radius: 50px;
}
.single-package-button.btn:hover{
  color: #fff;
  background: #000;
}
.single-package-button.btn {
  font: 500 15px / 20px Inter;
  letter-spacing: 0.50px;
  color: #fff;
  background: var(--green);
  padding: 10px 40px 10px 40px;
  border-radius: 8px;
  border: none;
}
.packages-left-content-box:hover .packages-title a{
  color: var(--green);
}
.packages-form,.event-form{
  border: 1px solid #fff;
  border-radius: 30px;
  padding: 2% 4%;
  width: 65%;
  margin: auto;
  position: relative;
}
.packages-form label select,.event-form label select{
  border: none;
  background: #000;
  padding: 12px 10px;
  width: 100%;
  border-radius: 8px;
  color: #fff;
  font: 500 13px / 26px Inter;
}
.packages-form label,.event-form label{
  font: 500 16px / 26px Inter;
  width: 100%;
  padding-top: 3%;
}
.packages-form label .wpcf7-list-item-label,.event-form label .wpcf7-list-item-label{
  font: 300 14px / 26px Inter;
}
.packages-form label input,.event-form label input{
  border: none !important;
  background: #000 !important;
  padding: 8px 15px !important;
  margin-top: 5px;
  font: 500 13px / 26px Inter;
  width: 100% !important;
  color: #fff;
}
.packages-form .wpcf7-list-item input,.event-form .wpcf7-list-item input{
  width: max-content !important;
}
.packages-form .additional-services .wpcf7-list-item,.event-form .additional-services .wpcf7-list-item{
  width: 100%;
}
#packages-form-page .wpcf7-form-control.wpcf7-submit,#event-form-page .wpcf7-form-control.wpcf7-submit{
  width: max-content;
  padding: 6px 40px 6px 40px;
  border: none;
  background: var(--green);
}
.wpcf7-spinner{
  position: absolute;
  bottom: 0;
}
.additional-services .wpcf7-list-item{
  margin: 0px;
}
.date-time-box label{
  display: grid;
}
.date-time-box label input{
  width: 50% !important;
}
.page-numbers {
  width: max-content;
  padding: 10px 14px;
  background: #fff;
  color: #000;
  font: 500 14px / 20px Inter;
}
span.page-numbers.current{
  background: var(--green);
  color: #fff;
  padding: 10px 14px;
}