.social-icon {
    font-size: 30px;
    color: hotpink; /* Default color */
    transition: color 0.3s ease; /* Smooth transition */
}

.social-icon:hover {
    color: #E1306C; /* Instagram color */
    transition: 0.6s;
}

.social-icon2 {
    color: #FF5555; /* YouTube color */
}
.social-icon2:hover {
    color: #FF0000; /* YouTube color */
    transition: 0.6s;
}
.darkbluebtn{
width: 90% !important;
}
@media (max-width: 768px) {
.image-sindhDevelopment{
max-height: 300px; /* Limit height on smaller screens */
object-fit: cover; /* Ensure the image covers the area without distortion */
}
}
@media (max-width: 410px) {
.poster{
font-size: 12px !important;
}

}
@media (max-width: 586px) {
.special{
right: 0;
}
.dashboard-img {
background: none !important;
}
}
@media (min-width: 760px) and (max-width: 800px){
.special{
right: 25% !important;
}
.darkbluebtn{
width: 15rem !important;
}
}
@media (min-width: 820px) and (max-width: 930px){
.special{
right: 25% !important;
}
.darkbluebtn{
width: 15rem !important;
}
}
@media (min-width: 800px) and (max-width: 830px){
.special{
right: 25% !important;
}
}
@media (min-width: 930px) and (max-width: 1130px){
.special{
right: 22% !important;
}
.darkbluebtn{
width: 15rem !important;
}
}