@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&family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap');

body {

  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
  text-align: left;
  background-color: #f3f3f3; 

  }
  
  .box-solid {
	background-color:white;
	padding:30px;	
	height:auto;
	  
  }
  
   .box-solid:hover {
	background-color:white;
	padding:30px;	
	-moz-box-shadow: -0px 0px 16px 0px #ccc;
	-webkit-box-shadow:-0px 0px 16px 0px #ccc;
	box-shadow: -0px 0px 16px 0px #ccc;
	  
  }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #333;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
  font-weight: 600;
  line-height: 42px;
}

h3, .h3 {
  font-size: 1.5rem;
}

h4, .h4 {
  font-size: 1.3rem;
  line-height: 30px;
}

h5, .h5 {
  font-size: 1.25rem;
   color:#fdda2a;
   stroke: black;
   txt-shadow: 2px 2px #000000;
}

h6, .h6 {
  font-size: 1em;
  color:#333;
  stroke: black;
  text-sadow: 2px 2px #000000;
}

h7, .h7 {
  font-size: 2rem;
  color:#333;
  strke: black;
  text-sadow: 2px 2px #000000;
}


.cent{
	text-align:center;
	color:#333;
}

p {
	text-align:justify;
	color:#333;
}
.label{
	color:#333;
}

/*navbar*/



.navbar-techinno {

  background-color: #fdda2a;

  border: 0px solid #ddd;

  z-index:1000;

}

.navbar-techinno .navbar-brand {

  color: #777;

}

.navbar-techinno .navbar-brand:hover,

.navbar-techinno .navbar-brand:focus {

  color: #5e5e5e;

  background-color: transparent;

}

.navbar-techinno .navbar-text {

  color: #fff;

}

.navbar-techinno .navbar-nav > li > a {

  color: #333;

  font-family: "Poppins", Arial, sans-serif;

  font-weight:bolder;



}

.navbar-techinno .navbar-nav > li > a:hover,

.navbar-techinno .navbar-nav > li > a:focus {

  color: #333;

  backgroun-color: #333;

}

.navbar-techinno .navbar-nav > .active > a,

.navbar-techinno .navbar-nav > .active > a:hover,

.navbar-techinno .navbar-nav > .active > a:focus {

  color: #555;

  background-color: #e7e7e7;

}

.navbar-techinno .navbar-nav > .disabled > a,

.navbar-techinno .navbar-nav > .disabled > a:hover,

.navbar-techinno .navbar-nav > .disabled > a:focus {

  color: #ccc;

  background-color: transparent;

}

.navbar-techinno .navbar-toggle {

  border-color: #000;

  border:2px;

  border-radius:0px;

}

.navbar-techinno .navbar-toggle:hover,

.navbar-techinno .navbar-toggle:focus {

  background-color: #333;

}

.navbar-techinno .navbar-toggle .icon-bar {

  background-color: #333;

}

.navbar-techinno .navbar-collapse,

.navbar-techinno .navbar-form {

  border-color: #000;

}

.navbar-techinno .navbar-nav > .open > a,

.navbar-techinno .navbar-nav > .open > a:hover,

.navbar-techinno .navbar-nav > .open > a:focus {

  color: #000;

  backgroundcolor: #fdda2a;

}



 .navbar-techinno .navbar-nav .open .dropdown-menu > li > a {

	font-family: "Poppins", Arial, sans-serif;

    color: #fdda2a;

	font-size:14px;

	font-weight:bold;

	background-color:#000;

	box-shadow: 5px 5px 5px;

  }

  .navbar-techinno .navbar-nav .open .dropdown-menu > li > a:hover,

  .navbar-techinno .navbar-nav .open .dropdown-menu > li > a:focus {

    color: #fdda2a;

    background-color: #000;

  }

  .navbar-techinno .navbar-nav .open .dropdown-menu > .active > a,

  .navbar-techinno .navbar-nav .open .dropdown-menu > .active > a:hover,

  .navbar-techinno .navbar-nav .open .dropdown-menu > .active > a:focus {

    color: #fdda2a;

    background-color: #000;

  }

  .navbar-techinno .navbar-nav .open .dropdown-menu > .disabled > a,

  .navbar-techinno .navbar-nav .open .dropdown-menu > .disabled > a:hover,

  .navbar-techinno .navbar-nav .open .dropdown-menu > .disabled > a:focus {

    color: #ccc;

    background-color: transparent;

  }



@media (max-width: 767px) {

  .navbar-techinno .navbar-nav .open .dropdown-menu > li > a {

	font-family: "Poppins", Arial, sans-serif;

    color: #777;

	background-color:#fff;

  }

  .navbar-techinno .navbar-nav .open .dropdown-menu > li > a:hover,

  .navbar-techinno .navbar-nav .open .dropdown-menu > li > a:focus {

    color: #fdda2a;

    background-color: #666;

  }

  .navbar-techinno .navbar-nav .open .dropdown-menu > .active > a,

  .navbar-techinno .navbar-nav .open .dropdown-menu > .active > a:hover,

  .navbar-techinno .navbar-nav .open .dropdown-menu > .active > a:focus {

    color: #555;

    background-color: #ccc;

  }

  .navbar-techinno .navbar-nav .open .dropdown-menu > .disabled > a,

  .navbar-techinno .navbar-nav .open .dropdown-menu > .disabled > a:hover,

  .navbar-techinno .navbar-nav .open .dropdown-menu > .disabled > a:focus {

    color: #ccc;

    background-color: transparent;

  }

}



  

.navbar-techinno .navbar-link {

  color: #777;

}

.navbar-techinno .navbar-link:hover {

  color: #333;

}

.navbar-techinno .btn-link {

  color: #777;

}

.navbar-techinno .btn-link:hover,

.navbar-techinno .btn-link:focus {

  color: #333;

}

.navbar-techinno .btn-link[disabled]:hover,

fieldset[disabled] .navbar-techinno .btn-link:hover,

.navbar-techinno .btn-link[disabled]:focus,

fieldset[disabled] .navbar-techinno .btn-link:focus {

  color: #ccc;

}





/*homepage 4 items*/
ol {
  padding: 20px;
  font-size:14px;
  font-family:inherit;
  font-family: 'Poppins', sans-serif;
}

ul {
  padding: 20px;
  font-size:14px;
  font-family:inherit;
  font-family: 'Poppins', sans-serif;
}

ol li {

  padding: 5px;
  margin-left: 35px;
  font-size:14px;
  font-family:inherit;
  font-family: 'Poppins', sans-serif;
}

ul li {

   margin: 5px;
   font-size:14px;
   font-family:inherit;
   font-family: 'Poppins', sans-serif;
}

:root {
  --main-color: #fdda2a;
}


.container h2 {
  text-align: center;
  padding-top: 6%;
  margin-bottom: 60px;
  font-size: 1.8rem;
  font-weight: 600;
  position: relative;
  color:#333;
}
.container h2::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 20%;
  transform: translateX(-50%);
  width: 100px;
  height: 5px;
  background-color: var(--main-color);
  border-radius: 20px;
  color:#333;
}

.row .service {
  padding: 25px 15px;
  background: transparent;
  font-size: 15px;
  border-radius: 0px;
  text-align: center;
  cursor: pointer;
  transition: 0.5s;
  color:#333;
}
.row .service:hover {
  color: #fff;
  background-color: var(--main-color);
  transform: scale(1.05);
}
.row .service i {
  color: var(--main-color);
  margin-bottom: 20px;
  font-size: 40px;
  transition: 0.5s;
}
.row .service:hover i {
  color: #fff;
}
.row .service h2 {
  font-weight: 600;
  margin-bottom: 20px;
}

/*dropdown styling*/
.dropdown-menu{

	background-color: #000;
	color:#fdda2a;
	font-family: 'Poppins', sans-serif;
	border-radius: 0px;
	border:1px solid #fdda2a;
	font-size:12px;
	-moz-box-shadow: -0px 0px 6px 0px #ccc;
	-webkit-box-shadow:-0px 0px 6px 0px #ccc;
	box-shadow: -0px 0px 6px 0px #ccc;
	line-height: normal;
	padding-bottom: 020px;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 200;
	display: none;
	padding:6px;
}

.dropdown-menu .dropdown-toggle {
  white-space: nowrap;
}

.dropdown-menu .dropdown-item{

	line-height: normal;
	padding:4px;
	color:#fdda2a;
	font-weight:bolder;

}
.dropdown-menu .dropdown-item:hover{

	background-color: #000;
	color:#fce209;
	font-weight: 900;
	font-family: 'Poppins', sans-serif;

}
.carousel-nav-icon {
   height: 48px;
   width: 48px;
}
.carousel-item {
   .col, .col-sm, .col-md {
      margin: 8px;
      height: 300px;
      background-size: cover;
      background-position: center center;
   }
}


.parent {
  display: flex;
  flex-direction: column;
  align-items: center;
}

button {
  background-color: #fdda2a;
  color: white;
  border: none;
  padding: 5px;
  font-size: 31px;
  height: 50px;
  width: 50px;
  box-shadow: 0 2px 4px #f1f1f1;
  cursor: pointer;
  transition: all 0.2s ease;
}

button:hover {
 background-color: #000;
 color:#fdda2a;
}

button:active {
  box-shadow: 0 0 2px darkslategray;
  transform: translateY(2px);
}

button {
  margin-bottom: 10px;
}

.round-1 {
  border-radius: 5%;
}

.round-2 {
  border-radius: 10%;
}

.round-3 {
  border-radius: 20%;
}

.round-4 {
  border-radius: 30%;
}

.round-5 {
  border-radius: 40%;
}

.round-6 {
  border-radius: 70%;
}