::-webkit-scrollbar {
  width: 5px;
}

.body {
  font-family: "Khand", sans-serif !important;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  /* border-radius: 20px; */
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #ec6c1c;
  border-radius: 20px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.navbar .nav-link {
  color: #ec6c1c;
  font-family: "Khand", sans-serif;
  text-shadow: 1px 1px 4px rgba(171, 167, 167, 0.5);
  /* margin-top: 10% !important; */
  /* border: 2px solid red; */
  /* margin: 1%; */
  /* font-family: sans-serif; */
}

.navbar {
  margin-top: -1%;
}

.navbar-toggler {
  background-color: rgb(255, 255, 255) !important;
}

.navbar .nav-item .active {
  color: white;
  font-weight: bold;
}

#hero-section {
  /* height: 100vh; */
  /* max-height: 100vh; */
  margin: 0px;
  background-color: #dedcdc;
  /* overflow: hidden; */
  padding: 0px;
}

p,
nav {
  font-family: "Khand", sans-serif;
  font-size: 1.2rem;
}

h2 {
  font-family: "Khand", sans-serif;
  /* font-size: 120%; */
}

/* p {
} */

.logo {
  position: absolute;
  left: 2%;
  top: 3.5%;
  width: 10%;
  margin-top: 8px;
}

.log {
  position: absolute;
  right: 2%;
  top: 5%;
  width: 16%;
}

.tagline {
  font-weight: bold;
}

#hero-section-title {
  font-size: 5.5rem;
}

.counter_container {
  width: 30%;
  position: absolute;
  right: 3%;
  top: 25%;
}

.counter {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.counter h3 {
  display: flex;
  /* justify-content: center; */
  /* align-items: center; */
  font-family: "Impact";
  font-style: normal;
  font-weight: 400;
  font-size: 60px;
  line-height: 73px;
  text-align: center;
  letter-spacing: 0.07em;
  color: #ec6c1c;
  margin: 0px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.counter p {
  display: flex;
  /* justify-content: center; */
  /* align-items: center; */

  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  line-height: 34px;
  /* identical to box height */

  text-align: left;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #f5f5f5;
}

.git_desktop {
  position: absolute;
  width: 32%;
  top: 7%;
  left: 2%;
}

.container-fluid {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.img {
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
}

.form_box {
  position: absolute;
  right: 3%;
  top: 25%;
  /* background-color: rgba(234, 228, 228, 0.3);
   */
  background-color: white;
  width: 360px !important;
  border-radius: 20px;
  /* opacity: 0.9; */
  /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); */
}

.section-title {
  /* width: 529px; */
  /* height: 62px; */

  font-family: "Hind";
  font-style: normal;
  font-weight: 700;
  font-size: 2rem;
  /* line-height: 148%; */
  margin-top: 4% !important;
  margin-bottom: 1% !important;
  /* or 62px */
  /* opacity: 0; */

  text-align: center;
  letter-spacing: 0.02em;

  color: #00003a;

  /* Inside auto layout */
  /* 
	flex: none;
	order: 0;
	flex-grow: 0; */
}

#title-counter-seciton {
  /* border: 2px solid red; */
  position: absolute;
  right: 3%;
  width: 30%;
  top: 25%;
  text-shadow: 2px 1px #515151;
}

.form_box {
  display: none;
}

.agenda-card {
  /* border: 1px solid black; */
  border-radius: 8px;
  overflow: hidden;
  margin: 3%;
  /* padding: 1%; */
}

.agenda-card {
  /* border: 2px solid #ffffff; */
  border-radius: 8px;
  overflow: hidden;
  font-family: "Khand", sans-serif;
  font-size: 1.2rem !important;
}

.card-title {
  color: #ffffff;
  background-color: #ff7801;
  /* font-size: 0.7rem; */
}

.card-content p {
  /* background-color: red; */
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    "Open Sans",
    "Helvetica Neue",
    sans-serif;
  font-size: 0.9rem !important;
}

.card-content {
  padding-left: 3%;
}

img {
  display: block;
  max-width: 100%;
}

.smooth-corners {
  border-radius: 8px;
}

.carousal-tile {
  background: linear-gradient(259deg, #ca592f 0%, #ca592f 85.29%);
  /* background: url(img/Testimonial\ Container\ Asset-1.png) no-repeat center/cover; */
  border-radius: 58px;
  color: white;
  word-spacing: 2px;
  height: 45vh;
  border: 3px solid rgb(255, 85, 0) !important;
}

#agenda-caraousal {
  width: 90%;
}

#agenda-caraousal .splide__track {
  width: 90%;
  margin: auto;
}

/* #media-buzz-caraousal .splide__slide {
	display: flex;
	justify-content: center;
	padding: 1% 2%;
} */
#agenda-caraousal .splide__slide {
  transition: all 0.3s ease;
  filter: opacity(50%);
  transform: scale(0.95);
}

#agenda-caraousal .splide__slide.is-active {
  transform: scale(1);
  filter: opacity(1);
}

#report iframe {
  height: 48vw;
}

/* #agenda-caraousal li{
	cursor: pointer;
} */

.navbar.collapsed {
  background-color: none;
}

.card-content {
  background-color: white;
  /* border: 2px solid red; */
}

/* .footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
} */

/* .footer span {
  margin: 0 2%;
} */

/* copy to  clipboard */
.input-group {
  margin-top: 30px;
  position: relative;
}

.input-group {
  position: relative;
}

.input-group-addon {
  border: none;
}

.linkname {
  display: none;
}

#copyButton {
  cursor: pointer;
  background: #ff7801;
}

.copied {
  opacity: 1;
  position: absolute;
  left: 55px;
}

/* @media (min-width: 768px) {
	.copied {
		left: 135px;
	}

	.linkname {
		display: block;
		background: #3b3e45;
		color: #fff;
	}
} */

.form_head {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  text-align: left;
  font-size: 45px;
  font-weight: 650;
  /* color: #ff7801; */
  line-height: 3rem;
  font-family: "Khand", sans-serif;
}

#media-buzz-caraousal {
  width: 90% !important;
  margin: auto;
}

#media-buzz-caraousal .splide__track {
  width: 90%;
}

#media-buzz-caraousal .splide__slide {
  display: flex;
  justify-content: center;
  padding: 1% 2%;
}

#media-buzz-caraousal .splide__slide img {
  border: 2px solid #ff7801;
  border-radius: 8px;
}

.card-content {
  height: 55vh;
}

#floating-animation {
  position: absolute;
  top: 32%;
  left: 3%;
}

#video-section {
  height: 45vw;
}

.video-cotainer iframe {
  /* background-color: red; */
  height: 25vw;
}

.video-title {
  background-color: #f18316;
  color: white;
  width: 100%;
  text-align: center;
  /* height: 10%; */
  padding: 0;
  margin: 0;
  border-radius: 0 0 10px 10px;
}

#video-caraousal li {
  /* border: 2px solid red; */
  /* padding: 5px; */
  border-radius: 10px;
  overflow: hidden;
  /* z-index: 1000; */
}

#video-caraousal .splide__track {
  width: 90%;
  margin: auto;
}

#testimonial-caraousal p {
  font-family: unset;
  font-size: 1rem;
}

.yt_section {
  height: 550px;
}

@media (max-width: 768px) {
  .yt_section {
    height: 200px !important;
  }

  .yt_p {
    /* background-color: red; */
    padding: 0px !important;
    overflow: hidden !important;
  }
  .accordion-body {
    padding: 10px 2px;
  }
  .yt_p .row {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin: 0px !important;
  }
  .yt_p .row > div {
    padding: 0px;
  }

  .counter,
  .counter h3,
  .counter p {
    justify-content: center !important;
    text-align: center !important;
  }

  p,
  nav {
    font-family: "Khand", sans-serif;
    font-size: 1.1rem;
  }

  .nav-item:first-of-type {
    margin-top: 12%;
  }

  #agenda-caraousal .splide__slide {
    /* transition: all 0.3s ease;
		filter: blur(2px); */
    transform: scale(1);
  }

  #agenda-caraousal .splide__arrow--next {
    right: 0.3em;
  }

  #agenda-caraousal .splide__arrow--prev {
    left: 0.3em;
  }

  .card-content {
    height: 105vw;
  }

  #report iframe {
    height: 500px;
  }

  .logo {
    /* position: absolute; */
    width: 20% !important;
    left: 2% !important;
    top: 10px !important;
    /* display: none; */
  }
  .log {
    width: 30% !important;
    right: 2% !important;
    top: 4% !important;
  }

  .carousal-tile .tile-content,
  .tile-author {
    font-size: 0.9rem !important;
    padding: 1%;
  }

  .nav {
    width: 100% !important;
  }

  .nav-item {
    display: flex;
    /* justify-content: end; */
    margin-top: 10px;
    padding: 3px 10px;
    /* border: 1px solid #ff7801; */
    border-radius: 10px;
    font-size: 16px;
    text-align: right;
  }

  .nav-item a {
    /* border:2px solid red; */
    width: 100%;
  }

  #navcont {
    padding: 0px;
  }

  .navbar.collapsed {
    background-color: #ffb86c;
    z-index: 100;
  }

  .navbar .nav-link {
    color: rgb(0, 0, 0);
    text-shadow: none;
    font-family: sans-serif;
  font-weight:700;
  }

  .navbar .nav-item .active {
    color: rgb(0, 0, 0);
    font-weight: bold;
  }

  #hero-section {
    height: auto;
  }

  .tagline {
    font-weight: normal;
  }

  #hero-section-title {
    font-size: 1.8rem;
  }

  .form_box {
    position: relative;
    right: auto;
    top: auto;
    background-color: transparent;
    max-width: 100% !important;
    width: auto !important;
    border-radius: none;
    box-shadow: none;
    margin-top: 10px !important;
    margin: 20px;
    background-color: white;
  }

  .card-title {
    color: #ffffff;
    font-size: 1rem;
  }

  .section-title {
    font-size: 1.5rem;
  }

  .carousal-tile {
    width: 100%;
    margin: auto;
    height: 60vh;
    padding: 3% 2%;
  }

  .carousal-tile img {
    width: 40px;
  }

  #title-counter-seciton {
    position: relative;
    width: 100%;
    margin: auto;
    margin-top: 1%;
    right: 0;
    color: black !important;
    text-shadow: none;
  }

  .counter_container {
    width: 100% !important;
    position: relative;
    right: auto;
    top: auto;
  }

  .counter h3 {
    color: black;
    font-size: 47px;
  }

  .counter p {
    color: black;
    font-size: 30px;
    line-height: 1.4;
  }

  .git_desktop {
    position: absolute;
    width: 52%;
    top: 16% !important;
    left: 1%;
  }

  .splide__slide p {
    font-size: 70%;
  }

  .card-header h5 {
    font-size: 1rem;
  }

  .agenda-card {
    width: 97% !important;
    margin: auto;
    /* padding: 2%; */
  }

  #aboutUs-seciton-text,
  #refer-seciton-text,
  #video-section,
  #agenda-caraousal,
  #media-buzz-caraousal,
  .splide__track {
    width: 100% !important;
  }

  /* .footer {
    display: block;
    text-align: center;
  } */

  .form_head {
    /* text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); */
    /* text-align: center !important; */
    font-size: 34px;
    font-weight: 650;
    color: #f18316;
    line-height: 2rem;
    font-family: "Khand", sans-serif;
  }

  #video-section {
    height: 60vw;
  }

  .video-cotainer iframe {
    /* background-color: red; */
    height: 80vw;
  }

  #video-caraousal .splide__track {
    width: 85% !important;
    margin: auto;
  }

  #video-caraousal p {
    font-size: 1.2rem !important;
  }
}

@media (max-width: 1200px) {
  .counter_container {
    /* background-color: red; */
    top: 10%;
    /* width: 40%; */
  }
}

@media (min-width: 769px) and (max-width: 1000px) {
  /* .card-content {
		height: 35vh;
	} */
  /* Your CSS styles for iPad landscape mode */
}

@media (max-width: 950px) {
  .counter_container {
    /* background-color: red; */
    top: 10%;
    width: 35%;
  }

  .form_head {
    font-size: 30px;
    line-height: 1.2rem;
    /* text-align: center; */
  }

  .counter p {
    font-size: 20px;
  }

  .counter h3 {
    font-size: 45px;
  }

  /* .logo{
	width: 13% !important;
} */
}

@media (max-width: 550px) {
  .logo {
    width: 23%;
  }
}

/* nav{
  background: linear-gradient(to bottom, rgba(28, 28, 28, 0.4), transparent);
} */

.videos {
  position: relative;
}

.videos .t {
  position: absolute;
  display: block;
  height: 40px;
  width: 40px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* margin: -20px 0 0 -20px; */
  color: red;
  font-size: 35px;
  /* background-color: red; */
}

/* .videos .t:hover {
	position: absolute;
	display: block;
	background: url(url_to_play_button_image.png);
	height: 40px;
	width: 40px;
	top: 48%;
	left: 48%;
	margin: -20px 0 0 -20px;
	color: red;
	opacity: .7;
	font-size: 45px;
	cursor: pointer;
} */

.tlarge {
  position: absolute;
  display: block;
  height: 40px;
  width: 40px;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
  color: red;
  font-size: 50px;
}

.tlarge:hover {
  top: 48%;
  left: 48%;
  color: red;
  font-size: 60px;
}

.social_media_icon {
  color: white;
  text-decoration: none;
  cursor: pointer;
  font-size: 20px;
  margin: 0px;
}
.social_media_icon img {
  width: 40px;
  height: 46px;
}

.footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 768px) {
  .footer {
    flex-direction: column;
    text-align: center;
  }
}

#lang-switcher {
    position: absolute;
    top: 6px;
    right: 20px;
    z-index: 9999;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background-color: #c0392b;
    color: #fff;
    text-decoration: none;
    padding: 6px 12px;
    border-radius: 4px;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    transition: background-color 0.2s ease;
  }
 
  #lang-switcher:hover {
    background-color: #a93226;
    color: #fff;
  }
 
  .lang-icon {
    font-size: 16px;
    font-weight: bold;
    border: 1px solid rgba(255,255,255,0.6);
    border-radius: 3px;
    padding: 0 3px;
    line-height: 1.4;
  }

  .about_camp{
    position: absolute;
    top:2%;
    right:13%;
    font-weight: 700;
     font-family: sans-serif; 
  }

  @media(max-width:768px){
    .navbar-collapse{
      background-color:white;
    }
     .about_camp{
    position: absolute;
    top:8%;
    right:5%;
    font-weight: 700;
     font-family: sans-serif; 
     font-size:12px !important;
  }
  }