/* Navbar 1 */
.nav-button{
    border: 2px solid #FF6B35;
    border-radius: 10px;
    color: #FF6B35;
    transition: 0,3s ease;
}

.nav-button:hover{
    color: white;
    background-color: #FF6B35;
}

.nav-button1{
    border-radius: 10px;
    background-color: #FF6B35;
    color: white;
}

.nav-button1:hover{
    color: white;
    background-color: #ff4400;
}

@media (max-width: 576px) {
    .form-control {
      max-width: 120px;
    }
  
    .nav-button,
    .nav-button1 {
      font-size: 0.9rem;
      padding: 0.5rem 0.5rem;
    }
  }

/* Navbar 2 */

.nav-link {
    color: #FF6B35 !important;
  }

.nav-link:hover{
    color: #276aa6 !important;
}

.dropdown-menu {
  position: absolute !important;
  z-index: 1000;
}





.cont1{
  margin-top: 70px;
  border: 1px solid silver;
  border-radius: 10px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.card1-btn{
    border: 2px solid #FF6B35;
    border-radius: 10px;
    color: #FF6B35;
    transition: 0,3s ease;
}

.card1-btn:hover{
  color: white;
  background-color: #FF6B35;
}

.cont2{
  background-color: rgb(72,68,68);
  border-radius: 10px;
  padding:50px ;
}

.card2{
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: whitesmoke;
}

.cont3{
  background-color: whitesmoke;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 35px;
  padding-right: 35px;
  margin-top: 50px;
  border-radius: 10px;
}

.card3{
  color: black;
  border-radius: 30px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card3:hover{
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.text2{
  font-size: small;
}

.cont4{
  background-color: rgb(256,244,236);
  padding: 30px;
  border-radius: 10px;
}

.btn1{
  border:2px solid rgba(0,175,232,255);
  border-radius: 10px;
  background-color: rgba(0,175,232,255);
  color: white;
}

.btn1:hover{
  background-color: #276aa6;
  border:2px solid #276aa6;
  color: white;
}

.btn2{
  border:2px solid rgba(0,175,232,255);
  border-radius: 10px;
  background-color: white;
  color: rgba(0,175,232,255);
}

.btn2:hover{
  background-color: #276aa6;
  border:2px solid #276aa6;
  color: white;
}

.cont5{
  background-color: rgba(236,250,255,255);
  padding: 30px;
  border-radius: 10px;
}

.btn3{
  border-radius: 10px;
  background-color: #FF6B35;
  color: white;
}

.btn3:hover{
  color: white;
  background-color: #ff4400;
}

.btn4{
  border: 2px solid #FF6B35;
  border-radius: 10px;
  color: #FF6B35;
  transition: 0,3s ease;
  background-color: white;
}

.btn4:hover{
  color: white;
  background-color: #ff4400;
  border: 2px solid #ff4400;
}

.cont6 {
  background: linear-gradient(to bottom left, #ff4400, #276aa6);
  border-radius: 10px;
  padding-top: 60px;
  padding-left: 45px;
  padding-right: 45px;
  padding-bottom: 45px;
  margin-top: 48px;
  color: white;
}

.btn5 {
  border: 2px solid white;
  border-radius: 10px;
  color: white;
  background-color: transparent;
  transition: 0.3s;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 20px;
  margin-bottom:px;
}

.btn5:hover {
  background-color: white;
  color: #935753;
}

.cont7{
  background-color: antiquewhite;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 35px;
  padding-right: 35px;
  margin-top: 50px;
  border-radius: 10px;
}

.card4{
  color: black;
  border-radius: 30px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  background-color: aliceblue;
}

.card4:hover{
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.cont8{
  border: 1px solid silver;
  border-radius: 10px;
  box-shadow: 30px 30px 10px rgba(0, 0, 0, 0.2);
  padding: 20px;
}






/*Footer*/

.footer-custom{
    background-color: silver;
}

.footer-custom a{
    text-decoration: none;
    color: black;
}

.footer-custom a:hover{
    color: #FF6B35;
}