/*--------------------------------------------------------------
  Template Name: Psychocare || Multi Concept Psychological HTML Template.
  Template URI: #
  Description: Psychocare is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.
  Author: HasTech
  Author URI: https://themeforest.net/user/hastech/portfolio
  Version: 1.0
---------------------------------------------------------------*/

/* ----------------------------------------------------
	Custom Font Styles
-------------------------------------------------------*/

/* Apply Lato font to body text, paragraphs, and navigation */

@font-face {
    font-family: 'IvyMode-Regular';
    src: url('fonts/IvyMode-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IvyMode-Light';
    src: url('fonts/IvyMode-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body,
p,
.main__menu > li > a,
.main__menu ul.dropdown li a,
.htc__btn,
.ht__header__top__left p,
.ht__header__top__right p,
.ht__header__top__right,
input,
select,
textarea,
.contact-box span {
    font-family: 'Lato', sans-serif !important;
}

/* Apply Bodoni Moda font to headings and special text */
h1, h2, h3, h4, h5, h6,
.htc__support__inner h3,
.htc__support__inner span,
.htc__spt__dai p,
.htc__try__details h2,
.gallery__hover__info a,
.ht__sin__solve h4,
.htc__team__info h2,
.htc__team__info h6,
.ht__blog__sub h2,
.ht__blog__meta li,
.ht__blog__meta li a,
.htc__subscribe__inner h4,
.ft__title,
.twit__details p,
.twit__details span,
.ft__contact p,
.ft__contact p a,
.sction__title--2 h4,
.sction__title--2 h2,
.service__details h2,
.clint__info h4,
.clint__info h6,
.clint__info--2 h4,
.clint__info--2 h6,
.psy__blog__details h2,
.psy__blog__details span,
.psy__blog__meta li a,
.psy__cat__list li,
.psy__visit__time p,
.psy__tag__list li a,
.team__details__inner h2,
.team__contact__info p,
.team__title,
.single__his h6 {
    font-family: 'IvyMode-Regular', serif !important;
}

/* Fade Animation for Slider Headings */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.slider-fade-in {
    animation: fadeIn 1.5s ease-out forwards;
    opacity: 0;
}

/* Nested Dropdown Menu Styles */
.main__menu li.drop ul.dropdown li.drop {
    position: relative;
}

.main__menu li.drop ul.dropdown li.drop ul.dropdown {
    left: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    overflow: scroll;
    height: 500px;
}

.main__menu li.drop ul.dropdown li.drop:hover > ul.dropdown {
    opacity: 1;
    visibility: visible;
}

/* Learn More link styling */
.learn-more {
    display: block;
    margin-top: 15px;
    text-align: center;
    color: #5c335b; /* Match with text color */
    font-weight: 500;
    position: relative;
    transition: all 0.3s ease;
}

.learn-more:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background-color: #9370DB; /* Light purple */
    transition: width 0.3s ease;
}

.service:hover .learn-more {
    color: #9370DB; /* Light purple on hover */
}

.service:hover .learn-more:after {
    width: 50%;
}

.center-icon {
    text-align: center;
}

.icon-width {
    width: 110px;
}