nav {
  background-color: white;
}
.header-btn{
  background-color: var( --primary-color8);
  color: var(--primary-color4);
  border-radius: 30px;
}
.header-btn :hover{
  background-color: var(--primary-color4);
  color: #1E90FF;
  border: 1px solid var( --primary-color8);;
  border-radius: 30px;
}
/* navbar */
.logo-img {
width: 28.53px;
height: 28.51px;
}

.logo-name {
color: #00ADD4;
font-family: "Urbanist";
font-size: 18.61px;
font-weight: 600;
line-height: 32.98px;
}

.list-colorr {
font-family: Open Sans;
font-size: 14px;
font-weight: 400;
line-height: 21.79px;
color: #999A9D;


}

.list-colorr:hover,
.list-colorr:focus,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
color: #00ADD4;
}


.dropdown-toggle::after {
display: none;
}

/* Style the custom dropdown icon */
.dropdown-icon {
transition: transform 0.2s ease-in-out;
}

/* Rotate the icon when dropdown is open */
.show .dropdown-icon {
/* transform: rotate(180deg); */
}
.navbr-gap {
  gap: 23px;
}

@media (max-width: 767px) {
  .navbr-gap {
    gap: 0px;
  }
 
}
@media (max-width: 920px) {
 
  .sign-up-btnn {
    margin-top: 35px !important;
  }
}
/* Adjust spacing if needed */
.nav-link {
padding-right: 0.5rem;
}

.nav-login {
font-family: "Open Sans";
font-size: 14.2px;
font-weight: 400;
line-height: 21.79px;
color: #00ADD4;
}

/*############ dropdown hover effect Started here ##################*/
.dropdown-item:hover {
  background-color: #00ADD4 !important;
  color: #ffffff; 
}

.dropdown-item:active {
  background-color: #00ADD4 !important;
  color: #ffffff;
}

/*############ dropdown hover effect Ended here ##################*/

.nav-sign-up-btn {
border-radius: 22px;
background: #00ADD4;
color: white;
border: 1px solid transparent !important;
font-size: 16px;
font-weight: 400;
line-height: 21.79px;
padding-top: 5px;
padding-bottom: 7px;
font-family: "Open Sans";
padding-inline: 12px;
}
.nav-sign-up-btn:hover {
  
  background: transparent !important;
  color: #00ADD4 !important;
  border: 1px solid #00ADD4 !important;
  
  }

/* navbar end */
.log-btnn {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
}
.sign-up-btnn {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    border-radius: 22px;
    background: #00ADD4;
    color: white;
    padding-block: 2px;
}
.sign-up-btnn:hover {
    border-color: #00ADD4;
    color: #00ADD4;
    background: white;
}



footer {
  background-color: white;
}

.navbar-brand img {
  height: 30px;
}

.navbar-contact {
  font-size: 10px;
}

.navbar-toggler {
  border: none;
}

.navbar-nav .nav-link {
  padding-left: 20px;
}

.navbar-collapse {
  justify-content: end;
}

.navbar-contact {
  background-color: #186070;
}

footer {
  padding: 40px 0;
}

.footer-links a {
  display: block;
  color: #5C6574;
  text-decoration: none;
  font-size: 14px;
  margin: 10px 0;
}

.footer-links a:hover {
  text-decoration: underline;
}

.social-icons a {
  font-size: 20px;
  color: #000;
  margin-right: 10px;
}

.social-icons a:hover {
  color: #1E90FF;
}

.footer-bottom {
  border-top: 1px solid #ddd;
  padding-top: 20px;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.home-footer-icon-x{
  width: 30px;
  border: 1px solid #101A24;
  border-radius: 50%;
}
.home-footer-heading{
  color: #101A24;
}
.home-footer-icon {
  width: 30px;
}
.dropdown-item:hover{
  background-color: rgb(230, 230, 230);
}

@media (min-width:768px) and (max-width:1440px) {
  .home-nav-flag{
    margin-right: 300px;
  }
}