/*
Theme Name: Khosar Gang Adventrue
Theme URI: https://wordpress.org/themes/
Author: Arif Hassan Arif
Author URI: 
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.3
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License:
License URI: 
Text Domain: Khosargangadventrue
*/
.carousel-inner{
      height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.btn-pst{
  padding: 9px 4px !important;
}
/* Custom wordpressform and rating */
.comments-rating {
	border: none;
	padding: 0;
	margin-left: 0;
}

.comments-rating label {
	display: inline-block;
}

.rating-container {
	/* remove inline-block whitespace */
	font-size: 0;
	/* flip the order so we can use the + and ~ combinators */
	unicode-bidi: bidi-override;
	direction: rtl;
}

.rating-container * {
	font-size: 1.4rem;
}

.rating-container > input {
	display: none;
}

span.dashicons.dashicons-star-filled {
    color: #8bc34a;
}

.rating-container > input + label {
	/* only enough room for the star */
	font-family: 'dashicons';
	display: inline-block;
	overflow: hidden;
	text-indent: 9999px;
	width: 1em;
	white-space: nowrap;
	cursor: pointer;
	margin: 0;
}

.rating-container > input + label:before {
	display: inline-block;
	text-indent: -9999px;
	content: "\f154";
	color: #18458b;
}

.rating-container > input:checked ~ label:before,
.rating-container > input + label:hover ~ label:before,
.rating-container > input + label:hover:before {
	content: "\f155";
	color: #e9b914;
	text-shadow: 0 0 1px #333;
}

.rating-container > .star-cb-clear + label {
	text-indent: -9999px;
	width: .5em;
	margin-left: -.5em;
}

.rating-container > .star-cb-clear + label:before {
	width: .5em;
}

.rating-container:hover > input + label:before {
	content: "\f154";
	color: #888;
	text-shadow: none;
}

.rating-container:hover > input + label:hover ~ label:before,
.rating-container:hover > input + label:hover:before {
	content: "\f155";
	color: #8bc34a;
	text-shadow: 0 0 1px #333;
}

.comment-respond .rating-container > .star-cb-clear + label, .comment-respond .rating-container > input + label:before {
	text-indent: 9999px;
}

.comment-respond .rating-container > input + label {
	text-indent: -9999px;
}

  .average-rating .dashicons.dashicons-star-filled {
    color: #8bc34a !important;
}
.rating_form_rating {
  display: flex;
  gap: 4px;
}
.star-rating {
  margin-top: 4px;
}
.testimony {
  display: inline-flex;
}
/* End comment rating css */

#booking {
    font-family: 'Montserrat', sans-serif;
    background-image: url('https://i.imgur.com/ZaRYfYW.jpg');
    background-size: cover;
    background-position: center;
}

#booking::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(47, 103, 177, 0.6);
}

.booking-form {
    background-color: #fff;
    padding: 0px 20px;
    padding-bottom: 10px;
    -webkit-box-shadow: 0px 5px 20px -5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 5px 20px -5px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}

.booking-form .form-group {
    position: relative;
    margin-bottom: 30px;
}

.booking-form .form-control {
    background-color: #ebecee;
    border-radius: 4px;
    border: none;
    height: 40px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #3e485c;
    font-size: 14px;
}

.booking-form .form-control::-webkit-input-placeholder {
    color: rgba(62, 72, 92, 0.3);
}

.booking-form .form-control:-ms-input-placeholder {
    color: rgba(62, 72, 92, 0.3);
}

.booking-form .form-control::placeholder {
    color: rgba(62, 72, 92, 0.3);
}

.booking-form input[type="date"].form-control:invalid {
    color: rgba(62, 72, 92, 0.3);
}

.booking-form select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.booking-form select.form-control+.select-arrow {
    position: absolute;
    right: 0px;
    bottom: 4px;
    width: 32px;
    line-height: 32px;
    height: 32px;
    text-align: center;
    pointer-events: none;
    color: rgba(62, 72, 92, 0.3);
    font-size: 14px;
}

.booking-form select.form-control+.select-arrow:after {
    content: '\279C';
    display: block;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.booking-form .form-label {
    display: inline-block;
    color: #242b33;
    font-weight: 700;
    margin-bottom: 6px;
    margin-left: 7px;
    font-family: 'Barlow condensed bold';
}

.booking-form .submit-btn {
    font-family: 'Barlow Condensed Bold';
    display: inline-block;
    cursor: pointer;
    color: #fff;
    background-color: #1e62d8;
    font-weight: 700;
    padding: 14px 30px;
    border-radius: 4px;
    border: none;
	margin-top: 33px;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}

.booking-form .submit-btn:hover,
.booking-form .submit-btn:focus {
    opacity: 0.9;
}
.carousel-indicators {
    z-index: 1 !important;
}
.blink {
    animation: blinker 1.5s linear infinite;
    color: red;
    font-family: sans-serif;
}
@keyframes blinker {
    50% {
        opacity: 0.2;
    }
}
.nav-pills-custom .nav-link {
    color: #242b33;
    background: #fff;
    position: relative;
}

.nav-pills-custom .nav-link.active {
    color: #45b649;
    background: #fff;
}


/* Add indicator arrow for the active tab */
@media (min-width: 992px) {
    .nav-pills-custom .nav-link::before {
        content: '';
        display: block;
        border-top: 8px solid transparent;
        border-left: 10px solid #389ac9;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 50%;
        right: -10px;
        transform: translateY(-50%);
        opacity: 0;
    }
}

.nav-pills-custom .nav-link.active::before {
    opacity: 1;
}
#accordion .card-header .card-link:after {
    font-family: 'FontAwesome';  
    content: "-";
    float: right; 
    color: black;
}
#accordion .card-header .collapsed:after {
    /* symbol for "collapsed" panels */
    content: "+" !important; 
    float: right;
}
#accordion .card .card-header a {
  color: #242b33;
  font-family: 'Barlow Condensed bold';
}
#accordion2 .card-header .card-link:after {
  font-family: 'FontAwesome';
  content: "-";
  float: right;
  color: black;
}
#accordion2 .card .card-header a {
  color: #242b33;
  font-size: 16px;
  font-family: 'Barlow Condensed';
  font-weight: 700;
  letter-spacing: 0.5px;

}
#accordion2 .card-header .collapsed:after {
  /* symbol for "collapsed" panels */
  content: "+" !important; 
  float: right;
}


/*Slider with thumbnail css */
 /* Hide the images by default */
 .slider-row {
  /* margin-left: 0px; */
  /* margin-right: 0px; */
  /* display: flex; */
  display: inline-block;
}
 .slider-imgs {
  position: relative;
}
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 45%;
  width: auto;
  padding: 16px;
  /* margin-top: -50px; */
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}
/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
  .nice-select{
    float: revert !important;
  }
  .form-btn {
    text-align: -webkit-center;
}
}
.founder-img img {
  border-radius: 50%;
}
/* Hero Video */
.outter.hero-video {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 767px) {
  .outter.hero-video {
    height: 325px;
  }
}

.hero-video .video-container {
  height: 550px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .hero-video .video-container {
    height: 325px;
  }
}
.hero-video video {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  height: 550px;
  width: 100%;
  top: 0;
  left: 0;
}
@media (max-width: 767px) {
  .hero-video video {
    height: 325px;
  }
}
.hero-video .video-container:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.hero-video h1 {
  text-transform: uppercase;
  margin: 0 0 1rem;
  padding: 0;
  line-height: 1;
  color: white;
  text-shadow: 3px 2px #000;
}
.hero-video .pera1 {
  font-family: "Barlow Condensed";
  color: #fff;
  font-weight: 500;
  font-size: 60px;
  line-height: 1.1;
  text-shadow: 3px 2px #000;
}
@media (max-width: 767px) {
  .hero-video h1 {
    font-size: 32px;
  }
  .hero-video .pera1{
    font-size: 32px;
  }
}
@media (min-width: 768px) {
  .hero-video h1 {
    font-size: 46px;
  }
}
.hero-video .desc {
  color: white;
  font-weight: 400;
  font-size: 18px;
}
.hero-video .callout {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  text-align: center;
  position: relative;
  z-index: 2;
  width: 70%;
  margin: auto;
}
@media (max-width: 767px) {
  .hero-video .callout {
    width: 90%;
  }
}

/* Custom wordpressform and rating */
.comments-rating {
	border: none;
	padding: 0;
	margin-left: 0;
}

.comments-rating label {
	display: inline-block;
}

.rating-container {
	/* remove inline-block whitespace */
	font-size: 0;
	/* flip the order so we can use the + and ~ combinators */
	unicode-bidi: bidi-override;
	direction: rtl;
}

.rating-container * {
	font-size: 1.4rem;
}

.rating-container > input {
	display: none;
}

span.dashicons.dashicons-star-filled {
    color: #8bc34a !important;
}

.rating-container > input + label {
	/* only enough room for the star */
	font-family: 'dashicons';
	display: inline-block;
	overflow: hidden;
	text-indent: 9999px;
	width: 1em;
	white-space: nowrap;
	cursor: pointer;
	margin: 0;
}

.rating-container > input + label:before {
	display: inline-block;
	text-indent: -9999px;
	content: "\f154";
	color: #18458b;
}

.rating-container > input:checked ~ label:before,
.rating-container > input + label:hover ~ label:before,
.rating-container > input + label:hover:before {
	content: "\f155";
	color: #e9b914;
	text-shadow: 0 0 1px #333;
}

.rating-container > .star-cb-clear + label {
	text-indent: -9999px;
	width: .5em;
	margin-left: -.5em;
}

.rating-container > .star-cb-clear + label:before {
	width: .5em;
}

.rating-container:hover > input + label:before {
	content: "\f154";
	color: #888;
	text-shadow: none;
}

.rating-container:hover > input + label:hover ~ label:before,
.rating-container:hover > input + label:hover:before {
	content: "\f155";
	color: #8bc34a;
	text-shadow: 0 0 1px #333;
}

.comment-respond .rating-container > .star-cb-clear + label, .comment-respond .rating-container > input + label:before {
	text-indent: 9999px;
}

.comment-respond .rating-container > input + label {
	text-indent: -9999px;
}

  .average-rating .dashicons.dashicons-star-filled {
    color: #8bc34a !important;
}
.rating_form_rating {
  display: flex;
  gap: 4px;
}
.star-rating {
  margin-top: 4px;
}
.testimony {
  display: inline-flex;
}
/* End comment rating css */
.single-testimonial {
  border: 1px solid blue;
  background-color: white;
  margin-right: 12px;
}
.testimonial-area .testimonial-caption .testimonial-founder .founder-text{
  text-align: left;
}
.testimonial-area .testimonial-caption .testimonial-founder .founder-text span {
  display: initial;
  text-align: -webkit-left;
}
.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.carousel-control-prev .ti-angle-left{
  background: #389ac9;
  width: 45px;
  padding: 14px;
  border-radius: 50%;
}
.carousel-control-next .ti-angle-right{
  background: #389ac9;
  width: 45px;
  padding: 14px;
  border-radius: 50%;
}
.media.post_item img {
  width: 31%;
  height: auto;
  margin-right: 12px;
}
.media.post_item .media-body h3 {
  color: #fff;
  margin-bottom: 3px;
}
.media.post_item .media-body .average-rating {
  color: #fff;
}
.social-bottom {
  float: left !important;
}
.nice-select{
  float: inherit !important;
}
ul#navigation li.active a {
  color: #92cc68 !important;
  text-decoration: underline;
}
.dashed {
  --b: 5px;  /* border thickness */
  --s: 30px; /* size of the dashes */
  --c1: #242b33;
  --c2: #389ac9;
  aspect-ratio: 1;
  position: relative;
}
.dashed::before {
  content:"";
  position: absolute;
  inset: 0;
  padding: var(--b);
  background: 
    repeating-conic-gradient(var(--c1) 0 25%,var(--c2) 0 50%) 
    0 0/var(--s) var(--s) round;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}
.font-weight-bold{
  font-family: 'Barlow Condensed';
  font-size: 16px !important;
  letter-spacing: 1px;
}
.table-bordered td, .table-bordered th{
  font-family: 'Barlow Condensed bold';
}
label {
  font-size: 16px;
  font-family: 'Barlow Condensed';
}
.form-control{
  font-size: 16px !important;
  font-family: 'Barlow Condensed';
}
.blog_area .footer-social a i:hover {
  color: #242b33;
  box-shadow: 0 -3px 0 0 rgba(24,24,24,0.15) inset, 0 3px 10px rgba(0,0,0,0.3);
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
}
.footer-area p.average-rating {
  color: #ffffff;
}
a:not([href]):not([tabindex]) {
  /* color: inherit; */
  color: #ffffff !important;
  text-decoration: none;
  background: #389ac9;
  width: 45px;
  padding: 7px;
  margin-left: 17px;
  margin-right: 17px;
  text-align: center;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .single-testimonial{
    margin-right: 0px;
  }
 
  .section-tittle2 h2 {
    margin-bottom: 12px !important;
}
.support-company-area .right-caption .support-caption p {
  margin-bottom: 12px !important;
}
.select-suport-items {
  margin-bottom: 30px !important;
}
}
@media screen and (max-width: 600px) {
 .support-company-area .right-caption .section-tittle {
    text-align:center;
  } 
  .support-company-area .right-caption .support-caption p{
    padding-right: 0px !important;
    text-align: center;
  }
}
/* google maps */
iframe {
  width: -webkit-fill-available;
}
/* End google maps */
.text-muted {
  text-align: justify;
}
/* tiles css */
.place-cap {
  min-height: 315px;
}
/* End tils css */
/* Read More css */
.comment-readmore > a {
  color: #014b85;
  background: white;
  display: block;
  text-decoration:underline;
  /* margin-bottom: 17px; */
  font-size: 26px;
}
.comment-readmore {
  font-family: "barlow condensed";
  color:#242b33;
  font-weight: 300;
  line-height: 1.5;
  /* padding: 0 50px; */
  font-size: 26px;
  padding:0 0px;
  min-height: 117px;
}
.comment-readmore > a:hover{
  color:#92cc68;
  
}
/* .testimonial-area .testimonial-caption .testimonial-top-cap p{
  color:#242b33;font-weight:300;line-height:1.5;padding:0 3px;margin-bottom:50px;font-size:26px
} */
/* End Read More Css */
@media (max-width: 767px) {
  .caption h1 {
    font-size: 36px !important;
    font-weight: 700 !important;
    text-shadow: -2px 2px 0 #000, 2px 2px 0 #000, 2px -2px 0 #000, -2px -2px 0 #000 !important;
    letter-spacing: 3px !important;
}
}
.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #ffffff !important;
    border-bottom: 1px solid #1e62d8 !important;
}
/*css to disable text highlight will not be able to use ctrl + C  */
 body {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none; 
}  
/*CSS ends */
.carousel-item:after{
  content:"";
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  /* background:rgba(0,0,0,0.7); */
  /* background:#242b3370; */
  background:#242b3380;
}
.carousel-control-next, .carousel-control-prev{
  opacity: 1 !important;
}
.carousel-control-next .ti-angle-right:hover {
  background: #92cc68;
}
.carousel-control-prev .ti-angle-left:hover {
  background: #92cc68;
}
/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 550px) {
  .nav-link {
      padding: 0.5rem 0.2rem !important;
  }
  .font-weight-bold {
          font-size: 13px !important;
           letter-spacing: 0px !important;
  }
  .comments-area .comment-list .single-comment .date{ 
      display:none;
      
  }

}