/* 
  © 2025 RR Group. All Rights Reserved.
  This website, including its design, content, and code, is developed and maintained by
  VIHAN IT PROFESSIONALS (https://vihanitprofessionals.com).

  Unauthorized copying, reproduction, redistribution, or use of any part of this website
  without express written permission is strictly prohibited and may result in legal action 
  under applicable intellectual property laws.

  If you believe this work has been copied or misused in any way, please contact us immediately.
*/

/* About Us Section */
.about-us {
    background: linear-gradient(135deg, #f3f3f3, #ffffff);
    padding: 80px 20px;
    text-align: center;
}

.about-container {
    /* max-width: 1200px; */
    margin: 0 auto;
}

.section-title {
    font-size: 32px;
    font-weight: bold;
    color: #1e3c72;
    margin-top: 20px;
}

.about-intro {
    font-size: 18px;
    color: #555;
    margin-bottom: 40px;
}

/* About Us Cards */
.about-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.about-card {
    background: #ffffff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    width: 350px;
    text-align: left;
}

.about-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.about-image img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.about-info {
    padding: 20px;
}

.about-info h3 {
    font-size: 22px;
    color: #1e3c72;
    margin-bottom: 10px;
}

.about-info p,
.about-info ul {
    font-size: 16px;
    color: #666;
}

.about-info ul {
    padding-left: 20px;
    list-style: none;
}

.about-info ul li {
    margin-bottom: 8px;
}
/* Domains Sidebar */
/* Domains Sidebar */
.domains {
    /* background: rgba(255, 170, 170, 0.8); Glassmorphic effect */
    backdrop-filter: blur(10px);
    width: 120px;
    padding: 20px;
    border-radius: 0 20px 20px 0;
    position: fixed;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1000;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.domains ul {
    display: flex;
    flex-direction: column;
    gap: 25px;
    list-style: none;
    padding: 0;
    text-align: center;
}

.domains ul li {
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}

.domains ul li a {
    margin: 10px 15px;
    text-decoration: none;
    font-weight: bold;
    display: block;
    transition: color 0.3s;
    color: #1a1d23;
    padding: 10px;
    background-color:   #ffffff;
    text-align: center;
}

.domains ul li a:hover {
    background-color: #1a1d23;
    color: #ffffff;
    transform: scale(1.1);
    border-radius: 20px;
}

.domains ul li:hover a {
    color: white;
}

/* Improved Domain Content - Vertical Scroll */
.domain-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 80%;
    margin-left: 150px;
    /* height: 100vh; */
    overflow-y: auto; /* Smooth scrolling */
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none; /* Hide scrollbar for Firefox */
    -ms-overflow-style: none; /* Hide scrollbar for IE/Edge */
    scroll-padding-top: 20px;
}

/* Hide scrollbar for Chrome, Safari, and Edge */
.domain-content::-webkit-scrollbar {
    display: none;
}

/* Individual Sections (Snap Effect) */
.domain-content > div {
    width: 70%;
    min-height: 100vh;
    scroll-snap-align: start;
    padding: 50px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    background: white;
    border-radius: 10px;
    margin-bottom: 150px;
    padding-top: 100px;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    text-align: center;
}

/* Hover & Focus Effects */
.domain-content > div:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}


/* Section Headings */
.domain-content h1 {
    text-align: center;
    font-size: 2rem;
    color: #333;
    margin-bottom: 20px;
}

.domain-content h2 {
    font-size: 1.8rem;
    color: #ff5555;
    margin-bottom: 25px;
    position: relative;
    display: inline-block;
    text-decoration: none; /* Remove default overline */
    text-align: center;
}

.domain-content h2::before {
    content: "";
    position: absolute;
    top: -10px; /* Adjusts space between overline and text */
    left: 10%;
    width: 80%;
    height: 5px; /* Thickness of the overline */
    background-color: black;
    text-align: center;
}

.domain-content p {
    font-size: 1rem;
    line-height: 2.6;
    color: #555;
    text-align: justify;
}

.domain-content h3 {
    font-size: 1.5rem;
    margin-top: 20px;
    color: #222;
}

/* Service List */
.domain-content ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    list-style: none;
    padding: 10px;
}

.domain-content ul li {
    background: #ffdddd;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 1rem;
    color: #333;
    transition: all 0.3s ease-in-out;
}

.domain-content ul li:hover {
    background: #ffaaaa;
    color: white;
    transform: scale(1.05);
}

/* Floating Next Button */
.floating-next-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #ff7777;
    color: white;
    border: none;
    padding: 15px 20px;
    font-size: 18px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease-in-out;
}

.floating-next-btn:hover {
    transform: scale(1.1);
}

/* Section Navigation Button */
.navigate-btn {
    display: block;
    margin: 20px auto;
    padding: 10px 20px;
    background: #007bff;
    color: white;
    border: none;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s;
}

.cont {
    display: flex;
    justify-content: space-between;
}

.cont a {
    text-decoration: none;
}

.down {
    border-radius: 50%;
}

.navigate-btn:hover {
    background: #0056b3;
}

/* 
  © 2025 RR Group. All Rights Reserved.
  This website, including its design, content, and code, is developed and maintained by
  VIHAN IT PROFESSIONALS (https://vihanitprofessionals.com).

  Unauthorized copying, reproduction, redistribution, or use of any part of this website
  without express written permission is strictly prohibited and may result in legal action 
  under applicable intellectual property laws.

  If you believe this work has been copied or misused in any way, please contact us immediately.
*/