.linkitem {
    margin-top: 70px;
}
.box i{
left: 12px; top: 50%; transform: translateY(-50%);
  position: absolute;

      }
      .box select{
      background-color:rgb(0, 47, 109);
        color: white;

      }

.dropdownbg{
      background-color:rgb(0, 47, 109);
      border-radius:12px;

}

 .box select {
  appearance: none;              
  -webkit-appearance: none;      
  -moz-appearance: none;         
  background-color: rgb(0, 47, 109);
  color: white;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5.5l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 12px; 
  padding-right: 2rem; 
} 

 .box select:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(255,255,255,0.3);
} 

.box select option {
  color: black;
  background-color: white;
}


@media (max-width: 576px) {
  .box select {
    width: 100%;
    padding-left: 2.5rem; 
  }
}


/* Social Icon Circle Style */
.social-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: #fff;
  font-size: 18px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Hover effect */
.social-icon:hover {
  transform: scale(1.1);
}

/* Individual brand colors */
.social-icon.facebook i {
  color: #1877F2;
}

.social-icon.instagram i {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.social-icon.linkedin i {
  color: #0A66C2;
}

.social-icon.x i {
  color: #000;
}

.social-icon:hover {
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
}
.viewdetailbtn:hover{
   background-color: #002d72;
      color: white;
      /* border: 1px solid #002d72; */
}
.viewdetailbtn{
        border: 1px solid #002d72;
        color:#002d72 ;
background-color:white ;

}