body{ padding-bottom:0;}
h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#333;
}
h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#7E0091;
}

h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#7E0091;
}


h5{
	color:#7E0091;
}
.gray-bg{
	background:#f1f0f0;	
}
.btn {
    border-radius: 0 !important;
}

.rk-navbar{
	background:#7E0091
}
.bg-pink{
	background-color:rgb(193 4 195);
	
}
.carousel-item {
    background-color: transparent; /* Remove any background color */
}

:root {
	--bs-secondary-color: rgba(33, 37, 41, 0.4); /* Custom secondary color */
}

.scroll{
	background:#e9e5e5; 
	margin:0 0 0 0;
}
.scroll span{
	font-size:22px; 
	line-height:80px; 
	margin:0; 
	padding:0; 
	font-family:Georgia, "Times New Roman", Times, serif;
}
.scroll img{
	padding:0 10px;
	/*width:18px;
	height:18px;*/
	}

.intro-div{}
.intro-div h1{
    color:#7e0091;
}
.intro-div p{
    font-size: 1.2rem; 
    font-weight: 500;
}

.my-services-outer{
	background-image:url(../../../images/service-bg.jpg); background-position:top; background-repeat:no-repeat;
}

.my-services h3{
	color:#7E0091;
	font-size:24px;
	font-weight:bold;
	font-style:italic;
}

.services h3{
	font-size:20px;
	/*font-weight:bold;*/
	color:#7E0091;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
}



.hover-shadow {
    transition: box-shadow 0.3s ease;
	box-shadow: 0 8px 8px rgba(0, 0, 0, 0.3);
}

.hover-shadow:hover {
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.3);
}

/*.info-panel{
	
}

.info-panel p{
	
}*/

.review-text{ color:#504a4a;}
.review h5{color: #7e0091;}
.review .review-sub-title{color: #444; margin-top: -10px;}
.review .rating{font-size: 20px;}
.review .verified-text{color: #444; margin-top: 5px;}




/*.rotate {
    transition: transform 0.5s ease; 
}

.rotate:hover {
    transform: rotate(360deg); 
}*/

/*@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }

    .rotate {
        animation: rotate 5s linear infinite; 
    }
}*/


/*--------------------*/
.blinking-button {
    background-color: #7e0091; /* Button color */
    color: white; /* Text color */
    font-size: 18px;
    text-decoration:none;
    padding: 15px 30px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

/* Add animation for blinking effect */
@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0.3; }
    100% { opacity: 1; }
}

.blinking-button {
    animation: blink 1.5s infinite;
}

/* Optional: Add hover effect for the button */
.blinking-button:hover {
    background-color: #500a5a; /* Darker shade on hover */
}
/*--------------------*/


/*--------------------*/
.blinking-button2 {
    background-color: #7e0091; /* Button color */
    color: white; /* Text color */
    font-size: 18px;
    text-decoration:none;
    padding: 15px 30px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

/* Add animation for blinking effect */
@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0.3; }
    100% { opacity: 1; }
}

.blinking-button2 {
    animation: blink 1.0s infinite;
}

/* Optional: Add hover effect for the button */
.blinking-button2:hover {
    background-color: #500a5a; /* Darker shade on hover */
}
/*--------------------*/

.btn-primary{
	background:#7E0091;
	color:#FFF;
	border:none;
	
}
.btn-primary:hover{
	background:#C104C3
}


.appointment{
	background:#7e0091
}

.appointment h1{
	color:#FFF;
}
.appointment h5{
	color:#f6b9ff;
}

.footer{
	background:#5D016B;
	margin-bottom:0;
	padding-bottom:0;
	color:#FFF;
	
}

.footer p a{
	color:#FD89FE;
	
}

.footer .social-icons a{
	color:#FFF;
	text-decoration:none;
}


@media (max-width: 768px) {
   .logo{ width:150px;}	
}


@media (max-width: 768px) {
    .info-panel {
      text-align: center;
    }
  }