/*==================================================
Project Name : ARC International Exchange
Description : Official consultancy landing page for Work, Study & PR Solutions
Design & Code: Shakib Hosen Sabbir
Portfolio: https://shakibhosensabbir.netlify.app
GitHub: https://github.com/shakibhosensabbir
Email: shakibhossin1234@gmail.com
Technologies: HTML5, Tailwind CSS, JavaScript, jQuery, Owl Carousel, FontAwesome
==================================================*/

/* Solid Single Color Logo (#2563eb) */
.solid-logo-green,
.solid-logo-blue {
    display: inline-block;
    background-color: #6BAD43;
    background-image: url('../images/logo.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-mask-image: url('../images/logo.webp');
    mask-image: url('../images/logo.webp');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

/* Solid Single Color Logo (White) */
.solid-logo-white {
    display: inline-block;
    background-color: #ffffff;
    background-image: url('../images/logo.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-mask-image: url('../images/logo.webp');
    mask-image: url('../images/logo.webp');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.custom-glass {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

/* Navigation Link ScrollSpy Highlight Styles */
.nav-link {
    position: relative;
    color: #334155;
    transition: color 0.25s ease-in-out;
}
.nav-link:hover,
.nav-link.active {
    color: #2563eb !important;
}

.hero-gradient {
    background: radial-gradient(circle at 15% 15%, #dbeafe 0%, #ffffff 50%, #eff6ff 100%);
}
.card-premium-hover {
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.card-premium-hover:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 35px -10px rgba(37, 99, 235, 0.18), 0 10px 15px -5px rgba(37, 99, 235, 0.1);
    border-color: #93c5fd;
}
.pulse-glow {
    animation: pulseGlow 2.5s infinite;
}
@keyframes pulseGlow {
    0%, 100% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.4); }
    50% { box-shadow: 0 0 0 14px rgba(37, 99, 235, 0); }
}
.play-btn-ripple::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(37, 99, 235, 0.5);
    animation: ripple 2s infinite;
}
@keyframes ripple {
    0% { transform: scale(1); opacity: 0.8; }
    100% { transform: scale(1.6); opacity: 0; }
}
.service-tab-btn {
    background-color: #ffffff;
    color: #334155;
    border: 1px solid #e2e8f0;
    transition: all 0.2s ease-in-out;
}
.service-tab-btn:hover {
    background-color: #eff6ff;
    color: #2563eb;
    border-color: #93c5fd;
}
.service-tab-btn.active,
.service-tab-btn.active:hover {
    background-color: #2563eb !important;
    color: #ffffff !important;
    box-shadow: 0 10px 15px -3px rgba(37, 99, 235, 0.35);
}

/* Custom Owl Carousel dots styling */
.testimonials-carousel .owl-dots,
.testimonials-carousel .owl-dots.disabled {
    margin-top: 2.5rem !important;
    display: flex !important;
    justify-content: center;
    gap: 0.5rem;
}
.testimonials-carousel .owl-dot span {
    width: 10px !important;
    height: 10px !important;
    margin: 0 !important;
    background: #dbeafe !important;
    transition: all 0.3s ease !important;
    border-radius: 9999px !important;
    display: block;
}
.testimonials-carousel .owl-dot.active span {
    width: 28px !important;
    background: #2563eb !important;
}

/* Make Owl Carousel items take equal heights */
.testimonials-carousel .owl-stage {
    display: flex !important;
}
.testimonials-carousel .owl-item {
    display: flex !important;
    flex: 1 0 auto;
}
.testimonials-carousel .owl-item > div {
    width: 100% !important;
    height: calc(100% - 2rem) !important; /* Subtract margin space for vertical alignment */
}

/* Custom Sleek Scrollbar Styles */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background: #f8fafc;
}
::-webkit-scrollbar-thumb {
    background: #60a5fa;
    border-radius: 9999px;
    border: 2px solid #f8fafc;
}
::-webkit-scrollbar-thumb:hover {
    background: #2563eb;
}

/* Firefox Scrollbar Support */
* {
    scrollbar-width: thin;
    scrollbar-color: #60a5fa #f8fafc;
}