@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400..700;1,400..700&display=swap');

body{
    font-family: "Poppins", sans-serif; 
    
}


/* top part */
.top-part{background-color: #F3F3F3;padding: 3px 0; 
  font-family: "Poppins", sans-serif;   /* css */
  position: relative;
  z-index: 1031;
 }
.top-part p{
  margin-bottom: 0px;
}
.top-part .tfont{
font-size: 13px;
}
.top-part .efont{
font-size: 14px;
}
.twoparts{
  justify-content: space-between;
  display: flex;
}
.fonincrese-contrest{
  display: flex;
}
.fontbtns{
  display: inline;
}
.skipcontrast{
  display: flex;
  justify-content: end;
}
.governament-part{
  border-right: 1px solid #ccc;
}
.skipbtn{color: #000;}
.skipbtn:hover{color: #000;}

.skipbtn {
  font-size: 16px;
}
.fontbtn{
  background-color: #fff;
  color: #000;
  height: 36px;
  width: 36px;
  padding-right: 27px;
  border: 1px solid #DCDCDC;
}
.fontbtn:hover{
  background-color: #fff;
  color: #000;
  height: 36px;
  width: 36px;
  border: 1px solid #DCDCDC;
}
.fontbtncontrast{
  background-color: #000;
  color: #FFEA00;
  margin-left: 11px;
  height: 36px;
  border-radius:  5px;
  width: 36px;
  border: 1px solid #DCDCDC;
}
.fontbtncontrast:hover{
  background-color: #000;
  color: #FFEA00;
  height: 36px;
  width: 36px;
  border: 1px solid #DCDCDC;
}
/* .resetfont{
  margin: 0px 4px;
} */
.top-content{
  display: flex;
}
.contrastbtns{margin: 0px 15px;}
/* conterast */
.conbtns{
  margin: 0px 10px;
}
.noncontrast{background-color: #fff; border-radius: 5px;   font-size: 19px; width: 34px;  margin-right: -4px; width: 36px; height: 36px;   border: 1px solid #DCDCDC;}
.noncontrast:hover{background-color: #fff; border-radius:  5px;   font-size: 19px; width: 34px; margin-right: -4px; width: 36px; height: 36px;   border: 1px solid #DCDCDC;}

.contrast-btn{background-color: #000; border-radius: 5px;  font-size: 19px; width: 36px; height: 36px;}
.contrast-btn:hover{background-color: #000; border-radius: 5px;  font-size: 19px; width: 36px; height: 36px;}
.contrast-btn {color: #FFEA00; text-decoration: none;}
.contrast-btn .btn{color: #fff;}
/* conterast */

/* langiuage btn */
.languagebtn{background-color:#fff; border-radius: 30px;   border: 1px solid #DCDCDC;color: #000; margin: 0px 10px;}
  .languagebtn:hover{background-color:#fff; border-radius: 30px;   border: 1px solid #DCDCDC;color: #000;  margin: 0px 10px;}
  .language-ul li{text-align: center;}
  .language-ul li a{
    text-decoration: none;
  }
  .language-ul{background-color: #000;}
  .language-ul a{  color: #fff; text-decoration: none;}
  .language-ul a:hover{  color: #fff; background-color: transparent; text-decoration: none;}

/* langiuage btn */
  
/* languagetranslator  */
.skiptranslate {display: none !important;}
a.gflag {vertical-align: middle;font-size:16px;padding: 1px 0;background-repeat: no-repeat; text-decoration: none;}
a.gflag img {border: 0;}
#goog-gt-tt {display: none !important;}
.goog-te-banner-frame {display: none !important;}  
.goog-te-menu-value:hover {text-decoration: none !important;}
body {top: 0 !important;}
#google_translate_element2 {display: none !important;}
.VIpgJd-ZVi9od-aZ2wEe-OiiCO{display: none !important;}
.language-translator .dropdown-menu{background-color: #000 !important;}
.language-translator ul li{text-align: center;}
.language-translator .languagebtn{background-color: #f8ab1f;}
/* languagetranslator  */

.top-part .btn-check:checked+.btn,   .top-part .btn.active,  .top-part .btn.show,  .top-part .btn:first-child:active, :not(.btn-check)+  .top-part .btn:active{
  border: 1px solid#DCDCDC;
  background-color: #fff;
  color:#000
}
/* top part */
.contrastleftarrow , .contrastrightarrow{
  display: none;
}



/* ************************contrast css****************** */
 /* darkmode css */
 .theme-dark>*{background-color: #000 !important;color:#ff0 !important;
  .contrast{background-color: #000 !important;color: #ff0!important;}
  .contrastbg{
background-color: #ff0 !important; color: #000 !important;
  }
  .contrastbg a{
    color: #000 !important;
  }
.contrastborderbottom{position: relative;z-index: 1031;}
  .contrasttext , h1 h3 , p, h2, .noamount h3{ color: #ff0 !important  }
.contrastbutton{background-color: #ff0 !important; color: #000 !important;}
.contrastleftarrow ,.contrastrightarrow{display: block;}
.contrastborderright{border-right: 1px solid #ff0 !important;}
body{background-color: #000 !important;}
 .contrastborder{border:1px solid #ff0 !important}
 .contrastborderbottom{border-bottom:1px solid #ff0 !important}
 .conterestbordertop{border-top:1px solid #ff0 !important}
 .contrestpaddingbottom{padding-bottom: 10px;}
.contrasta{color: #000 !important;}
.contrastbtn{background-color: #ff0 !important;color:#000!important;}
.link-part{margin: 0rem !important;}
.contrestbackground{background: #000 !important;color: #ff0 !important;}
} 
/* ************************contrast css****************** */
.navbar {
  background-color: white; 
  --bs-navbar-padding-y:0rem !important;
  height: 78px;

}
  .navbar-brand img{width: 70px;padding: 2px;}
  .brand-text{line-height: 1.2;}
.brand-title{margin-bottom: 0rem !important;}
.brand-title b{font-size: 20px;font-family: "Ubuntu", sans-serif;}
.brand-subtitle{margin-bottom: 0rem !important;font-size: 17px;font-weight: 500;font-family: "Ubuntu", sans-serif;}
.underline {
  position: absolute;
  top: 46px;
  width: 70px;
  height: 5px;
  background-color: #8ef073; 
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color: #0084FF !important;font-size: 16px;font-weight: 500;}
.navbar-expand-sm .navbar-nav .nav-link{color: #000;font-size: 16px;}
.nav-item:hover .nav-link {
  color: #0084FF; 
}
.nav-item {
  position: relative;
}
.nav-link {
  text-decoration: none;
  color: #000;
  position: relative;
  padding: 0;
  transition: color 0.3s ease;
}

.nav-item .underline {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #FF6F00;
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.nav-item:hover .underline,
.nav-link.active + .underline {
  opacity: 1;
  transform: scaleX(1); 
}

.bg-right{
  display: flex;
  align-items: center;
  justify-content: center;
}
.welcome-heading h4{font-size: 50px;font-weight: 700; color:#3761FA;font-family: "Ubuntu", sans-serif;position: relative;line-height: 1;}
.welcome-heading h4::after{
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgNDM4IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxtYXNrIGlkPSJtYXNrMF81MjBfMTAiICBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iNDM4IiBoZWlnaHQ9IjI0Ij48cmVjdCB3aWR0aD0iNDM4IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+PC9tYXNrPjxnIG1hc2s9InVybCgjbWFzazBfNTIwXzEwKSI+PHBhdGggZD0iTTM4OC42ODEgOC4zOTM2NkM0MDAuMjI4IDEwLjAwOSA0MTIuMDA2IDEwLjUxNTkgNDIyLjg0IDExLjUwNTRDNDI5LjE1MSAxMi4wODEgNDM5LjY1IDEzLjIyNTEgNDM3LjUyMiAxMy4zODM0QzQyMi40NDggMTQuNTAzMSA0NDYuMjU4IDE5LjM3NTkgNDE4LjAyOCAxOS4xNjA2QzMwMy40NDQgMTguMjg5MiAyMTkuMDg5IDIyLjQ1MyAxMTIuNTM3IDIyLjkxOUMxMDUuMDUxIDIyLjk1MTggOTggMjMuMDYwOSA5MC41ODkxIDIzLjEwNzJDNDcuNzU3OCAyMy4zNzM2IDQ3Ljc0MDcgMjMuMzcwNyAyMC41MjY5IDE2Ljk3NjdDLTcuNDYxNDggMTAuMzk4NyAtNy42MTg1NiA5Ljk1MjIyIDMwLjQ5MTIgOC42MzU4MkMxMDkuNjY1IDUuOTAwODcgMTg5LjM5MiAzLjI0NjEgMjc0LjAwNiAxLjMzNjIxQzMwMC4zOSAwLjc0MDQyNyAzMjkuNTQ0IDAuNTk2MTQ2IDM3MC42MjkgMy4xNDgxQzM4MS43MDcgMy44MjA1NSAzOTIuOTkxIDQuNjUwNDggNDA0LjE0MiA1LjYxMjkyQzQxMy43NCA2LjQ1NzgyIDQyNS45MDEgNy42NzMwMiA0MjYuNzUgOC43OTE5NUM0MjcuNjM1IDkuOTUzNDIgNDE0Ljk5OSA4LjgxMjA2IDQwNy4yMiA4LjQ0Njk3QzQwMC4wOTIgOC4xMDg5NSAzOTIuNjcgNy43MDY4MSAzODguNjgxIDguMzkzNjZaIiBmaWxsPSIjOTBFZDZGIi8+PC9nPjwvc3ZnPg==');
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 70px;
  height: 5px;
}
.welcome-heading p{font-size: 16px;width: 70%;font-weight: 500;color: #000;}
.welcome-heading{width: 85%;}
/* -------------------Know More button animation starts here------------------- */
button {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
}

.know-more {
  display: flex;
  justify-content: start;
  align-items: start;
  /* margin-left: -8%; */
}

button.know-more {
  width: 12rem;
  height: auto;
  margin-top: 20px;
  margin-bottom: 50px;
}

button.know-more .circle {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  display: block;
  margin: 0;
  width: 3rem;
  height: 3rem;
  background: #FF6F00;
  border-radius: 1.625rem;
}

button.know-more .circle .icon {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
}

button.know-more .circle .icon.arrow {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  left: 0.625rem;
  width: 1.125rem;
  height: 0.125rem;
  background: none;
}

button.know-more .circle .icon.arrow::before {
  position: absolute;
  content: "";
  top: -0.25rem;
  right: 0.0625rem;
  width: 0.625rem;
  height: 0.625rem;
  border-top: 0.125rem solid #fff;
  border-right: 0.125rem solid #fff;
  transform: rotate(45deg);
}

button.know-more .button-text {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0px;
  left: 28px;
  right: 0;
  bottom: 0;
  font-size: 20px;
  padding: 0.65rem 0;
  color: #000;
  font-weight: 500;
  line-height: 1.4;
  text-transform: capitalize;
  font-family: 'Poppins', sans-serif;
}

button:hover .circle {
  width: 100%;
}

button:hover .circle .icon.arrow {
  background: #fff;
  transform: translate(1rem, 0);
}

button:hover .button-text {
  color: #fff;
}
/* -----------------------------Button Css Ends Here---------------------------- */
.message-board{
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  background-color: #FFD127;
  width: 15%;
}
.message-board p{
  color:#000;
  font-size:20px;
  font-weight:400;
  margin-bottom:0px;

}
.quee-text{
  width:100%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 0px 20px;
  background-color: #343434;
}
.quee-text marquee p{
  margin-bottom:0px;
  font-size:16px;
  color: #fff;
  text-decoration: none;
}
#welcome-part {
  position: relative;
  z-index: 1;
}

.banner-right {
  position: relative;
}

.bg-right, .banner-right {
  overflow: hidden; 
}

.earth-svg {
  position: absolute;
  z-index: -1;
  -webkit-animation: rotation infinite 55s linear;
  animation: rotation infinite 55s linear;
  width: 750px;
  left: 4%;
 bottom: 20px;
}
.plane-svg {
  position: absolute;
  z-index: 2;
  animation: mymove 30s infinite;
  animation-timing-function: linear;
  top: 32%;
}
 
@keyframes mymove {
  from {
    left: 450px;
    transform: scale(0.2);
  }
  to {
    left: 0px;
    transform: scale(1);
  }
}
@keyframes rotation {
  to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}
/* @keyframes moveLeftRight {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(50px);
  }
  100% {
    transform: translateX(0);
  }
} */
/* 
.searchbarpart {
  background:#2D3868;
  clip-path: polygon(7% 0, 100% 0, 100% 74%, 0 65%);
} */



/* **********************slider css************************************* */

.startlevel input[type=radio] {
  display: none;
}

.startlevel .card {
  position: absolute;
  width: 59%;
  height: 92%;
  left:23%;
  border-radius: 10px;
  right: 0;
  /* margin: auto; */
  transition: transform .4s ease;
  cursor: pointer;
}

.startlevel {
  margin-top: 44px;
  width: 100%;
  /* max-width: %; */
  max-height: 600px;
  height: 100%;
  transform-style: preserve-3d;
  display: flex;
  /* justify-content: center; */
  /* flex-direction: column; */
  /* align-items: center; */
}

.statelevel .cards {
  position: relative;
  width: 100%;
  height: 59%;
  margin-bottom: 20px;
}
/* 
img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
} */

/* Add the following CSS to account for all 10 cards */
#item-1:checked ~ .cards #song-1,
#item-2:checked ~ .cards #song-2,
#item-3:checked ~ .cards #song-3,
#item-4:checked ~ .cards #song-4,
#item-5:checked ~ .cards #song-5,
#item-6:checked ~ .cards #song-6,
#item-7:checked ~ .cards #song-7,
#item-8:checked ~ .cards #song-8,
#item-9:checked ~ .cards #song-9,
#item-10:checked ~ .cards #song-10 {
  transform: translateX(0) scale(1);
  opacity: 1;
  z-index: 1;
}

#item-1:checked ~ .cards #song-2,
#item-2:checked ~ .cards #song-3,
#item-3:checked ~ .cards #song-4,
#item-4:checked ~ .cards #song-5,
#item-5:checked ~ .cards #song-6,
#item-6:checked ~ .cards #song-7,
#item-7:checked ~ .cards #song-8,
#item-8:checked ~ .cards #song-9,
#item-9:checked ~ .cards #song-10,
#item-10:checked ~ .cards #song-1 {
  transform: translateX(40%) scale(.8);
  z-index: 0;
}

#item-1:checked ~ .cards #song-10,
#item-2:checked ~ .cards #song-1,
#item-3:checked ~ .cards #song-2,
#item-4:checked ~ .cards #song-3,
#item-5:checked ~ .cards #song-4,
#item-6:checked ~ .cards #song-5,
#item-7:checked ~ .cards #song-6,
#item-8:checked ~ .cards #song-7,
#item-9:checked ~ .cards #song-8,
#item-10:checked ~ .cards #song-9 {
  transform: translateX(-40%) scale(.8);
  z-index: 0;
}


.player {
  background-color: #fff;
  border-radius: 8px;
  min-width: 320px;
  padding: 16px 10px;
}

.play-icon{ margin-right: 10px; }

.song-info {
  width: calc(100% - 32px);
  display: block;
}

.song-info .title {
  color: #403d40;
  font-size: 14px;
  line-height: 24px;
}

.sub-line {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.subtitle, .time {
  font-size: 12px;
  line-height: 16px;
  color: #c6c5c6;
}

.time {
  font-size: 12px;
  line-height: 16px;
  color: #a5a5a5;
  font-weight: 500;
  margin-left: auto;
}

.progress-bar {
  height: 3px;
  width: 100%;
  background-color: #e9efff;
  border-radius: 2px;
  overflow: hidden;
}

.progress {
  display: block;
  position: relative;
  width: 60%;
  height: 100%;
  background-color: #2992dc;
  border-radius: 6px;
}

.info-area {
  width: 100%;
  position: absolute;
  top: 0;
  left: 30px;
  transition: transform .4s ease-in;
}

#item-2:checked ~ .player #test {
  transform: translateY(0);
}

#item-2:checked ~ .player #test  {
  transform: translateY(-40px);
}

#item-3:checked ~ .player #test  {
  transform: translateY(-80px);
}

.toppart{
  padding: 25px;
  border-radius: 10px;
  text-align: center;
}
/* airport */
.airport .toppart {
  background-color: #0E34BF;
}
/* airport */
/* education */
.education .toppart {
  background-color: #3761FA;
}
/* education */
/* energy */
.energy .toppart {
  background-color: #63c2fe;
}
/* energy */
/* health */
.health .toppart {
  background-color: #0E34BF;
}
/* health */
/* roads */
.roads .toppart {
  background-color: #3761FA;
}
/* roads */
/* tourisum */
.tourisum .toppart {
  background-color: #63c2fe;
}
/* tourisum */



/* urban */
.urban .toppart {
  background-color: #0E34BF;
}
/* urban */
/* others */
.others .toppart {
  background-color: #3761FA;
}
/* others */

/* total */
.total .toppart {
  background-color: #BF430E;
}
/* total */
/* upcomeing */
.upcomeing .toppart {
  background-color: #0E34BF;
}
.arrow-part{
  position: absolute;
  top:-24%;
  right: 0;
}
/* upcomeing */
.left-arrow img{
  width: 35px;
  margin-right: 30px;
}
.right-arrow img {
  width: 35px;
  
}


.traveltype{
  color: #fff;
  font-size: 20px;
  margin-bottom: 0px;
  margin-top: 14px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}
.noamount{
  text-align: center;

}
.noamount h3{
  color:#616161 ;
  font-size: 45px;
  margin-bottom: 0px;
  margin-top: 14px;
  font-weight: bold;
}
.noamount p{
  color:#888888 ;
  font-size: 18px;
  font-weight: 200;
}
.noamount h2{
  color:#FF6F00;
  font-size: 45px;
  margin-bottom: 0px;
  margin-top: 14px;
  font-weight: bold;
}

.toppart h1{
  background-color: rgb(15, 12, 197);
}

/* **********************slider css************************************* */

.ppp {}
.ppp .cm {  background: #0E34BF;clip-path: polygon(0 0, 97% 0, 82% 100%, 0% 100%);
   /* border-top: 50px solid #0E34BF;  border-left: 0px solid transparent;
  border-right: 25px solid transparent;
  height: 0;
  width: 125px; */
  
}
/* .ppp .cm:after { width: 0;  height: 0;  border-top: 100px solid red;  border-right: 100px solid transparent;} */
.ppp .cm .cm-pic { text-align: right;}
.ppp .cm .cm-pic img { width: 72%;}
.ppp .cm h3 {font-family: "Archivo Narrow", sans-serif;  font-size: 22px; font-weight: 600; color: #fff; margin: 7rem 0 0 0;}
.ppp .cm p {font-family: "Archivo Narrow", sans-serif; font-size: 14px; font-weight: 400; color: #fff; margin: 0;}
.ppp .initiatives { margin: 48px 0 0 0;}
.ppp .initiatives h2 {font-family: "Ubuntu", sans-serif;font-size: 35px; font-weight: 600; color: #444444; margin:0px 0 96px 10px; position: relative;}
.ppp .initiatives h2:after {background-image: url(../images/ppp-border.png); background-size: 66% auto; content: ""; position: absolute; left: 5px;top: auto; bottom: -23px; height: 20px; width: 40%; background-repeat: no-repeat; }
.ppp-box { border: 1px solid #C7C7C7; display: flex; text-decoration: none;}
.ppp-box:hover{background-color: #FFFBEE;}
.ppp-box:hover .box-point{color :#FF6F00}
.ppp-box .box-arrow { background: #393939; height: 70px; width: 70px; text-align: center;}
.ppp-box .box-arrow img {margin: 23px 0 0 0; height: 25px; width: 25px;}
.ppp-box .box-point {font-family: "Poppins", sans-serif;font-size: 15px; font-weight: 500; color: #353535; margin: 0px 0 0 10px; display: flex;align-items: center;}




#prev {
  position: absolute;
  top: -11rem;
  left: auto;
  right: 4rem;
  width: 50px;
}
#next {
position: absolute;
top: -11rem;
right: 0rem;width: 50px;
}

#slider {
  position: relative;
  width: inherit;
  height: 13rem;
  left: 0%;   /* css */
  font-family: "Poppins", sans-serif;   /* css */
  padding: 0 0 0 12rem;
}

/*Card style general*/


.item-list {
  text-align: center;
}
.item-list .item {
  padding: 0.7rem 0;
  font-size: 0.8rem;
  color: #757575;
}
.item-list .item:nth-child(odd) {
  background-color: #F4F4F4;
}
.item-list .item:nth-child(even) {
  background-color: #fff;
}


/*Cards Style*/

/*Class position cards*/
.front {
  transform: translateX(0rem) scale(1.3);
  z-index: 20;
}

.left {
  transform: translateX(-10rem);
  z-index: 10;
}

.right {
  transform: translateX(10rem);
  z-index: 10;
}


/* ---------------------------- */
.subheading{
  position: relative;
}
.rightsidepart .subheading:after {background-image: url(../images/textline.png);
  background-size: 66% auto;
  content: "";
  position: absolute;
  left: 5px;
  top: auto;
  bottom: -28px;
  height: 20px;
  width: 30%;
  background-repeat: no-repeat; }
.subheading {
  color:#444444 ;
  font-size: 40px;
  /* width: 55%; */
  /* width: 37%; */
  margin: 14px 0 0 60px;
  font-weight: bold;
  font-family: "Ubuntu", sans-serif;
}
.subheading span {display: block;}
.traveltype{
  color: #fff;
  font-size: 20px;
  margin-bottom: 0px;
  margin-top: 14px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}
.noamount{
  text-align: center;
}
.noamount h3{
  color:#616161 ;
  font-size: 45px;
  margin-bottom: 0px;
  margin-top: 14px;
  font-weight: bold;
}
.noamount p{
  color:#888888 ;
  font-size: 18px;
  font-weight: 200;
}
.noamount h2{
  color:#FF6F00;
  font-size: 45px;
  margin-bottom: 0px;
  margin-top: 14px;
  font-weight: bold;
}
.reference-part{
  background-color: #000;
  position: relative;
}
/* .reference-part img{
  position: absolute;
} */
.reference-part h4{
  color: #fff;
  font-size: 35px;
  font-family: "Ubuntu", sans-serif;
  margin-left: auto;
  position: relative;
}
.reference {
  position: absolute;
  top: 0;
  height: 70vh;
  width: 81%;
}
.reference-part .reference h4:after {background-image: url(../images/ppp-border.png); 
  background-size: 66% auto; 
  content: ""; 
  position: absolute; 
  left: 5px;
  top: auto; 
  bottom: -23px; 
  height: 20px; 
  width: 80%; 
  background-repeat: no-repeat; }
.reference-right .row{width: 100% !important;}
.links{
  width: 100%;
}
/* .links img{width: 13px;} */
.links p{font-size: 20px;font-family: "Ubuntu", sans-serif;cursor: pointer;}
.links p:hover{font-size: 20px;font-family: "Ubuntu", sans-serif;color: #E1FF00;}
.project-left h4{position: relative;font-size: 40px;font-weight: 700;font-family: "Ubuntu", sans-serif;padding-top: 5rem;}
.project-left h4:after {background-image: url(../images/textline.png); 
  background-size: 66% auto; 
  content: ""; 
  position: absolute; 
  left: 5px;
  top: auto; 
  bottom: -23px; 
  height: 20px; 
  width: 30%; 
  background-repeat: no-repeat; }
  .application-card h5{background-color: #000;padding: 20px 0;font-size: 20px;}
  .application-card{border-radius: 10px;  box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.2);border: 1px solid #DADADA; }
  .application-card p{font-size: 18px;min-height: 154px;}
  .application-card{height: 300px;}
  .view-button {
    border: 1px solid #000;
    border-radius: 28px;
    padding: 10px 40px 10px 40px;
}
  .view-button:hover{
    border: 1px solid #000;
    border-radius: 28px;
    padding: 10px 40px 10px 40px;
}
.carousel-inner{    padding-bottom: 5rem !important;}
  .carouselExampleIndicators{
    opacity: 0;
    transition: opacity ease-out .7s;
}

.carouselExampleIndicators.active {
    opacity: 1;
    transition: opacity ease-out .7s;
}
.carousel-indicators .active {
  background-color: #FF6F00 !important;
}
.carousel-indicators [data-bs-target] {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #AEAEAE;
  margin-bottom: 4rem !important;
}
.carousel-indicators{margin-left: -2% !important;}
.project-right{background-color: #3761FA;}
.project-right h4{position: relative;font-size: 40px;font-weight: 700;font-family: "Ubuntu", sans-serif;padding-top: 5rem;}
.project-right h4:after {
  background-image: url(../images/ppp-border.png);
  background-size: 66% auto;
  content: "";
  position: absolute;
  left: 50px;
  top: auto;
  bottom: -23px;
  height: 20px;
  width: 23%;
  background-repeat: no-repeat;
}
.events .marquee-text{background-color: #3159E8;}
.events {padding-left: 10rem ;}
.events p{font-size: 18px;}

/* --------------------------------Parallax css----------------------- */
.parallax-section {
  position: relative;
  overflow: hidden;
}

.parallax-bg {
  background-image: url('../images/reference.png');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  z-index: -1;
}


.parallax-container {
  position: relative;
  z-index: 1; 
}

.reference-part {
  position: relative;
  z-index: 2;
  padding-left: 9rem;
}

.reference-right {
  position: relative;
  z-index: 2;
  padding-left: 9rem;
}
/* .reference-part {
  position: relative;
  overflow: hidden;
  height: 100vh; 
}

.reference-part::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('images/reference-bg.png');
  background-size: cover;
  background-position: center;
  background-attachment: fixed; 
  z-index: -1; 
} */


/* -----------------Parallax css Ends---------------------- */
/* --------------------MArquee css Starts------------------ */
.marquee-container {
  position: relative;
  overflow: hidden;
  height: 250px; 
}

.marquee-content {
  display: inline-block;
  animation: marquee 30s linear infinite;
}

@keyframes marquee {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(-100%);
  }
}

/* Pause animation when hovering over the marquee */
.marquee-container:hover .marquee-content {
  animation-play-state: paused;
}


/* --------------------Marquee css Endss------------------ */
/* --------------------Swiper css Starts------------------------------ */
.marquee-container1{background-color: #343434;height: 100px;}
  .marquee-wrapper {width: 99vw;overflow: hidden;}
  .marquee-container {display: flex;animation: animate 50s linear infinite;}
  .marquee-list {
    display: flex;
    gap:30px;
    padding:30px 0px;
    padding-right: 0;
  }
  .marquee-list .image-slider {
    flex-shrink: 0;
    border-radius: 16px;
    object-fit: cover;
  }
  .marquee-list .image-slider img {
    padding:0px 30px;
    height:35px;
  }
  @keyframes animate {
    to {
      transform: translate(calc(var(--ml-w) * -1));
    }
  }

/* --------------------Search Bar------------------------- */
/* =================================== */
.searchbarpart{
  margin-top: 10px;
  background-color: #2D3868;
  position: relative;
  width: 59.5%;
  margin-left: -9.5%;
  height: 237px;
  /* background-color: #e74c3c; */
  clip-path: polygon(14% 0, 100% 0, 100% 100%, 3% 100%);
}
.centerbox {
  position: absolute; top: 50%; left: 56%;
  transform: translate(-50%, -50%);
  width: 620px; min-height: 52px; z-index: 2;
}

.description a { text-decoration: none; }
.main-input {
  background: #fff; height: 50px; width: 327px; color: #a7b1ab; border: 1px solid #cccccc; 
  border-radius: 27px 0px 0px 27px; display: inline-block; text-align: left; font-size: 16px; font-weight: 500; 
  padding: 0px 0px 0px 57px; background: #ffffff url("../images/searchicon.png") 18px 15px no-repeat; 
  background-size: 18px 18px; float: left; border-right: 0px;
}
.main-location { display: none; }
#main-submit {
  background: #3cb13c; color: #fff; display: inline-block; font-size: 19px; font-weight: 500;
  text-align: center; cursor: pointer; border-radius: 27px; width: 136px; height: 50px; 
  border: 0px; padding-top: 0px; float: left;
}
#main-submit:hover { background: #00a221; }
.main-btn {
  display: inline-block; width: 156px; height: 50px; border: 1px solid #cccccc; 
  background: #ffffff url("http://seodesigns.com/projects/TD/images/main-bullet.png") 122px 23px no-repeat; 
  background-size: 6px 6px; cursor: pointer; float: left; border-right: 0px; position: relative;
}
.search-small { font-size: 12px; color: #9B9B9B; position: absolute; top: 6px; left: 16px; }
.search-large { font-size: 12px; color: #4A4A4A; position: absolute; top: 19px; left: 16px; font-weight: 900; }
.main-form-container { height: 50px; position: relative; }
ul.search-description {
  width: 150px; position: absolute; background: #fff; right: 143px; top: 49px;
  border-radius: 2px; padding: 0px 0px; border: 1px solid #E5E5E5; display: none;
  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
}
.search-description li {
  font-size: 13px; color: #4A4A4A; font-weight: 900; padding: 0px 0px;
  display: block; padding-left: 16px; cursor: pointer;
}
.search-description li:hover { background: #f8f8f8; }
.searchbtn{
  position: absolute;
  left: auto;
  right: 23px;
}
/* =================================== */




/* --------------------Swiper css Ends------------------------------ */

footer{
  background-color: #000;
  }
  .footer-head h4{
    font-size: 25px !important;
  }
  .footer-head p{font-size: 16px;}
  .footer-head h4 span{color: #F5C147;font-weight: 700;}
  /* .footer-right p{width: 50%;} */
  .address p{font-size: 16px;font-weight: 300;width: 50%;}
  .address a{text-decoration: none;color: #fff;}
  .contact-info p{font-size: 16px;font-weight: 300;}
  .disclaimer h4{font-size: 22px;}
  .disclaimer p{font-size: 12px;font-weight: 300;}
  .bottom{background-color: #232323;}
  .bottom p{font-size: 12px;}
.disclaimer h4{font-size: 16px;color: #fff;}
.disclaimer p{font-size: 12px;font-weight:300;}
/* .fixed-footer{background-color:  #393939;border-radius: 50px 50px 0px 0px;} */
.footer-bottom{background-color: #232323;padding: 5px 0;}
.footer-bottom p{color: #fff;font-size: 12px;font-weight:300;}
.quick-info a{text-decoration: none;color: #fff;font-size: 14px;font-weight:300; }
.footer-bottom img{width: 106px;}
/* .main-content {
	position: relative;
	background-size: cover;
z-index: 2;
}

.fixed-footer {
	position: sticky;
	bottom: 0;
} */
.map iframe{width: 400px !important;height: 350px !important;}
/* ---------------------------- */
/* media queries starts here */
@media (max-width:1366px){
  .navbar-expand-lg .navbar-nav .nav-link { color: #000; font-size: 15px;}
  .navbar-brand img { width: 65px;}
  .underline {top: 46px;}
  .welcome-heading h4 {font-size: 32px;}
  .welcome-heading h4::after {bottom: 0px;}
  .nav-item{margin-right:0rem !important ;}
  /* .welcome-heading{padding-top: 80px ;padding-bottom: 80px;} */
  .welcome-heading p{width: 90%;margin-top: 2rem !important;margin-bottom: 2rem !important;font-size: 15px;}
  button.know-more .button-text {
    font-size: 17px;
    line-height: 1.6;
  }
  .application-card p{padding:1rem !important}
  .reference-right{padding-left: 0rem !important;}

.project-left{padding-left: 3rem ;}
.carousel-indicators {
  margin-left: 14% !important;
}
.events {
  padding-left: 4rem;
}
.reference {
  width: 91%;
}
.searchbarpart {
  height: 143px;
  clip-path: polygon(14% 0, 100% 0, 100% 100%, 4% 100%);
}}


@media (max-width: 1280px) { 
  .navbar-brand img {width: 50px;}
  .brand-title b {font-size: 17px;}
  .brand-subtitle {font-size: 11px;}
  .nav-item{margin-left: 0rem !important;margin-right: 0rem !important;}
  .navbar-expand-lg .navbar-nav .nav-link{font-size: 14px;}
  .underline {top: 45px;}
  /* .welcome-heading {padding-top: 50px;padding-bottom: 50px;} */
  .welcome-heading h4 {font-size: 27px;}
  .welcome-heading p { font-size: 13px;width: 100%; margin-top: 1rem !important;margin-bottom: 1rem !important;}
  .welcome-heading h4::after {  bottom: 4px;}
  .quee-text marquee p {font-size: 15px;}
    .earth-svg { width: 510px;}
    .plane-svg { width: 191px;}
  .subheading{
  font-size: 29px;
  width: 57% !important;
  margin: 14px 0 0 60px;
  }
  .noamount h3{
    font-size: 39px;
  }
  .noamount h2{
    font-size: 40px;
  }
  .card{
    top: 25%;
  }
  .arrow-part{
    position: absolute;
    top: 4%;
    right: -50px;
  }
  .startlevel{
    margin-top: -83px;
  }
  .centerbox{
    left: 54%;
  }
  .searchbarpart{
    height: 149px;
  }
  .ppp .cm h3{
    font-size: 19px;
  }
}
@media (max-width: 1024px){
  .welcome-heading{padding-top: 60px;}
  .welcome-bg{padding-top: 50px;}
  .subheading {
    width: 66% !important;
    font-size: 27px;
  }
  #slider{
    /* left: 34%; */
  }
  .nav-item {
    margin-left: 0rem !important;
    margin-right: 1rem !important;
  }
  .card{
    width: 19rem;
  }
  .arrow-part{
    position: absolute;
    top: 6%;
    right: -113px;
  }
  .searchbarpart{
    height: 122px;
  }
  .centerbox{
    width: 449px;
  }
  .main-input{
    width: 200px;
  }
  #main-submit{
    width: 94px;
  }
  .reference {
    height: 95vh;
}
.reference-part h4 {
  font-size: 27px;
}
.links p {
  font-size: 16px;
}
.links img{width: 12spx !important;}

.link-text{padding-left: 0rem !important;padding-right: 0rem !important;}
.reference-right {
  padding-left: 3rem !important;
}
.project-left h4 {
  font-size: 28px;
}
.project-right h4 {
  font-size: 28px;
}
.application-card h5 {
  font-size: 16px;
}
.application-card p {
  font-size: 15px;
  min-height: 138px;
}
.map iframe{width:287px !important;height: 287px !important;}
.address p{font-size: 14px;}
.address img{width: 13px;}
.footer-head p {
  font-size: 14px;
}
.events p {
  font-size: 14px;
}
.startlevel .card {
  height: 78%;
}
.startlevel {
  margin-top: -46px;
}
}

@media (max-width: 992px){
  .subheading{
    width: 86% !important;
  }
  .searchbarpart {
  
    width: 100% !important;
     margin-left: 0px !important; 
    height: 169px;
    clip-path: border-box;
  }
  .events p {
    font-size: 15px;
}


}
@media (max-width:820px){
  .nav-link.active + .underline  {display: none;}
  .nav-item:hover .underline, .nav-link.active + .underline{display: none;}
  .welcome-heading h4 {font-size: 22px;}
  .welcome-heading p {
    font-size: 12px;
    width: 100%;
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
}
/* .navbar{margin-top: 93px !important;} */
.arrow-part {
  position: absolute;
  top: 6%;
  right: 3px;
}
.reference{
  justify-content: center;
  height: 49vh;
  width: 100%;
}
.reference h4{
  font-size: 40px;
  margin-left: 0px;
}
.reference-right {
  padding-left: 3rem !important;
  padding: 46px;
}
.project-left {
  padding-left: 1rem !important;
}
.parallax-section{margin-top: 14rem ;}
.startlevel{margin-top: 2rem;}
.map iframe {
  width: 697px !important;
  height: 287px !important;
}
.map{margin-bottom: 0rem !important;}
.footer-right{margin-bottom: 0rem !important;justify-content: unset !important;}
.navbar-collapse {background-color: #fff;}
.navbar .container-fluid{    --bs-gutter-x:0rem !important;}
.nav-item{margin-left: 2rem !important;}
}

@media (max-width: 575px){
  .subheading{
    width: 86% !important;
  }
}

@media(max-width:414px){
  .navbar{margin-left: 0rem !important;margin-right: 0rem !important;}
  .message-board { width: 39%;}
.message-board p { font-size: 14px;}
.welcome-heading {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}
.bg-right{order: 1;}
.background{padding-top: 0px;}

  .map iframe {
      width: 381px !important;
      height: 287px !important;
  }
  .navbar{position: relative;margin-top: 0px;}
}
@media(max-width:375px){
  .navbar{margin-left: 0rem !important;margin-right: 0rem !important;}
  .message-board { width: 39%;}
.message-board p { font-size: 14px;}
.bg-right{order: 1;}
.background{padding-top: 0px;}
}







/* @media (min-width: 1400px) {
#next {top: -7rem; right: -10rem;}
#prev {top: -7rem; right: -6rem;}
} */


/* // XX-Large devices (larger desktops, 1400px and up) */
@media (max-width: 1399.98px) {
#next {top: -7rem; right: -10rem;}
#prev {top: -7rem; right: -6rem;}

.skipbtn {
  font-size: 15px !important;
  font-weight: 500;
}






}


/* // X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1199.98px) {
.ppp .cm h3 {margin: 3rem 0 0 0; width: 70%;}
#next {top: -4rem; right: -10rem;}
#prev {top: -4rem; right: -6rem;}

.fontbtns {
  display: contents !important;
}
.skipbtn {
  font-size: 14px !important;
  width: 200px;
}
}
/* // Large devices (desktops, 992px and up) */
@media (max-width: 991.98px) {
#next {top: -4rem; right: 15rem;}
#prev {top: -4rem; right: 20rem;}
.card { width: 25rem;}
.twoparts{
  display: block !important;
}
.skipcontrast {
  justify-content: flex-start !important;
}
.startlevel .card {
  position: absolute;
  width: 59%;
  height: auto;
  }
}

/* // Medium devices (tablets, 768px and up) */
@media (max-width: 769.98px) {
#next {top: -4rem; right: 8rem;}
#prev {top: -4rem; right: 12rem;}
.ppp .cm {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
.ppp .cm .cm-pic { text-align: center;}
.ppp .cm .cm-pic img {width: 30%;}
.ppp .cm h3 { width: 100%; text-align: center;margin: 2rem 0 0px 0;}
.ppp .cm p { width: 100%; text-align: center;margin: 0 0 20px 0;}

.twoparts{
  display: block !important;
}
.skipcontrast {
  justify-content: flex-start !important;
}
.startlevel .card {
  position: absolute;
  width: 59%;
  height: auto;
  }
  .startlevel{
    margin-top: 25px;
    width: 91%;
  }
  .arrow-part {
    position: absolute;
    top: -85px;
    right: 43px;
}

}
@media (min-width: 760px) {
  .swiper-button-prev,
.swiper-button-next {
    display: flex;
  }
}

/* // Small devices (landscape phones, 576px and up) */
@media (max-width: 575.98px) {
#next {top: -4rem; right: 0rem;width: 30px;}
#prev {top: -4rem; right: 3rem;width: 30px;}

.noamount h2 { font-size: 20px;}
.noamount h3 { font-size: 27px;}
.noamount p { font-size: 14px;}
.subheading {margin: 75px 0 0 20px;font-size: 25px;}
#slider {  padding: 0 0 0 10rem;}
.top-content {
  display: block !important;
}
.fonincrese-contrest{
  display: contents!important;
}
.top-part .efont{
  font-size: 13px !important;
}
.conbtns{
  margin-top: 5px;
}
.resetfont{
  margin: 0px !important;
}
.startlevel .card {
  position: absolute;
  width: 60%;
  height: auto;
  }
  .arrow-part {
    position: absolute;
    top: -83px;
    right: 0%;
}
}
@media(max-width:320px){
  .top-content {
    display: block !important;
    text-align: left !important;
}
.fontbtns{
  display: block !important;
}
.top-part .tfont{
  font-size: 9px;
}
.brand-title b{
  font-size: 15px;
}
.startlevel{
  margin-top: 10px;
  width: 85%;
  height: auto !important;
}
.arrow-part {
  position: absolute;
  top: -664%;
  right: -14%;
}

}