/*
* @Author: Lalit
* @Date:   2025-04-01 12:03:57
* @Last Modified by:   Lalit
* @Last Modified time: 2025-04-10 15:03:12
*/
.mt-3{margin-top:3em;}
.mt-5{margin-top:5em;}
.mb-5{margin-bottom:5em;}
.zodiac-card {
background-color: white;
border-radius: 10px;
margin-bottom: 20px;
padding: 20px 5px;
transition: transform 0.3s ease;
display: flex;
border: 1px solid #ddd;
}
.zodiac-card:hover {
/* transform: scale(1.02); */
box-shadow: 0px 2px 4px 0px #cccaca;
}
.zodiac-icon {
display: flex;
align-items: center;
justify-content: center;
}
.zodiac-icon img {
width: 80px;
height: 80px;
/* max-width: 60%; */
/* max-height: 60%; */
border-radius: 50%;
border: 1px solid #ddd;
margin: 0 auto;
padding: 10px;
margin-right: 12px;
background-color: #ffedd5;
}

.read-more {
color: #ff6f61;
font-weight: bold;
}
.zodiac-title {
color: #333;
margin-top: 0px !important;
}
.zodiac-card::after{
content: "Read More";
position: absolute;
bottom: 24px;
right: 25px;
font-size: 14px;
color: #ff6f61;
font-weight: 500;
}
.zodiac-widget{
text-decoration: none;
color:unset !important
}
.zodiac-card-link { text-decoration: none; 
color:unset !important;
}
.zodiac-card-link:hover{
text-decoration: none !important;
color:unset !important;
}

/* talk chat button */
.astrologer-connect {
      background-color: #ffedd5;
      padding: 15px;
      border-radius: 10px;
      text-align: center;
      margin-bottom: 20px;
}

.astrologer-connect h3 {
      margin-top: 0;
      margin-bottom: 15px;
}

.astrologer-button {
      border-radius: 20px;
      padding: 10px 25px;
      margin: 0 10px;
      display: inline-block;
      font-size: 16px;
      margin: 5px;
}

.astrologer-button i {
      margin-right: 5px;
}

 /* Call Button - Green */
 .talk {
      background: linear-gradient(135deg, #00B431, #00D140);
      box-shadow: 0 4px 10px rgba(0, 180, 49, 0.3);
      color:white;
}

.talk:hover {
      background: linear-gradient(135deg, #00D140, #00B431);
      text-decoration: none !important;
}

/* Chat Button - Orange */
.chat {
      background: linear-gradient(135deg, #EB750C, #FF8C2B);
      box-shadow: 0 4px 10px rgba(235, 117, 12, 0.3);
      color:white;

}

.chat:hover {
      background: linear-gradient(135deg, #FF8C2B, #EB750C);
      text-decoration: none !important;

}


@media only screen and (max-width: 767px) and (min-width: 300px) {
       .mainmenu .navbar-toggle {
         margin:14px 11px;
      }
          .navbar-nav .open .dropdown-menu {
              height: auto;  -- ye auto krdo
              overflow-y: auto;
          }

    .mt-3{margin-top:1.5em;}
}