:root {
     --black: #000;
     --light-black: #2A2A2A;
     --blue: #283E76;
     --yellow: #BCBF4F;
     --pink: #FFE3E4;
     --white: #fff;
     --red: #F34F55;
     --grey: #F5F5F5;
}
 * {
     font-family: 'Visby Medium';
     font-weight: 500;
     border: none;
     outline: none;
     list-style: none;
     text-decoration: none;
     box-sizing: border-box;
}
 *::selection {
     background-color: #BCBF4F;
     color: var(--black);
}
 *:focus {
     outline: none;
}
 body, html {
     overflow-x: hidden;
     scroll-behavior: smooth;
}
 body::-webkit-scrollbar, .box-mobile::-webkit-scrollbar {
     width: 8px;
}
 body::-webkit-scrollbar-track, .box-mobile::-webkit-scrollbar-track {
     box-shadow: inset 0 0 6px #fff;
}
 body::-webkit-scrollbar-thumb, .box-mobile::-webkit-scrollbar-thumb {
     background-color: #D80002;
     ;
     outline: 1px solid #BCBF4F;
}
 .relative {
     position: relative;
}
 .absolute {
     position: absolute;
}
 a, a:hover {
     text-decoration: none;
}
 ul {
     padding: 0;
     margin: 0;
}
 h1, h2, h3, h4, h5, h6, p, ul, span {
     margin-bottom: 0;
}
 img {
     max-width: 100%;
     height: auto;
}
 span, a, li, p {
    /* font-size: 16px;
     */
    /* margin-bottom: 0;
     */
}
 .container {
     max-width: 1170px 
}
 section {
    /* padding: 80px 0;
     */
}
 .f-30 {
     font-size: 30px !important;
}
 .f-25 {
     font-size: 25px !important;
}
 .f-60 {
     font-size: 60px !important;
}
 .f-40 {
     font-size: 40px !important;
}
 .fw-100 {
     font-weight: 100 !important;
}
 .fw-200 {
     font-weight: 200 !important;
}
 .fw-300 {
     font-weight: 300 !important;
}
 .fw-400 {
     font-weight: 400 !important;
}
 .fw-500 {
     font-weight: 500 !important;
}
 .fw-600 {
     font-weight: 600 !important;
}
 .fw-700 {
     font-weight: 700 !important;
}
 .fw-800 {
     font-weight: 800 !important;
}
 .fw-900 {
     font-weight: 900 !important;
}
 .text-white {
     color: var(--white);
}
 .bg-blue {
     background: radial-gradient(closest-side at 50% 50%, #567f53 0, #567f53 100%);
}

 .bg-pink {
     background-color: var(--pink);
}
/* Reset */
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}
/* Top Bar */
 .top-bar {
     font-size: 14px;
     width: auto;
     background-color: #ffffff21;
     border-radius: 60px;
     border: 0px solid;
     padding: 10px 6px;
     z-index: 2;
}
 .top-bar .contact-info {
     display: flex;
     justify-content: space-between;
     color: #ccc;
     gap: 55em;
}
 .contact-info span {
     text-decoration: none;
     color: white;
     font-weight: 200;
}
 i.fas.fa-envelope, i.fas.fa-phone-alt {
     background: antiquewhite;
     COLOR: rgb(0, 0, 0);
     border-radius: 52px;
     padding: 5px;
}
 .top-bar i {
     margin-right: 5px;
     color: black;
     background: white;
     border-radius: 55px;
}
 .top-bar img {
     margin-right: 5px;
}
/* Navigation Bar */
 .mega-menu-item {
     position: relative;
}
 .mega-menu {
     position: absolute;
     top: calc(100% + 10px);
     left: 50%;
     transform: translateX(-50%);
     background: #fff;
     padding: 20px;
     width: 950px;
     box-shadow: 0 15px 30px rgba(0,0,0,0.1);
     border-radius: 8px;
     display: flex;
     gap: 20px;
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s ease;
     z-index: 999;
}
 .mega-menu-item:hover .mega-menu {
     opacity: 1;
     visibility: visible;
     transform: translateX(-50%) translateY(0);
}
 .mega-menu-col {
     flex: 1;
}
 .mega-menu-col ul {
     list-style: none;
     margin: 0;
     padding: 0;
}
 .mega-menu-col ul li {
     padding-bottom: 8px;
     margin-bottom: 8px;
     border-bottom: 1px solid #e2e2e2;
}
 .mega-menu-col ul li:last-child {
     border-bottom: none;
}
 .mega-menu-col ul li a {
     text-decoration: none;
     color: #333;
     font-size: 14px;
     transition: color 0.3s ease, padding-left 0.3s ease;
}
 .mega-menu-col ul li a:hover {
     color: #007bff;
     padding-left: 8px;
}
/* Responsive Styles */
 @media (max-width: 1000px) {
     .mega-menu {
         width: 90%;
         flex-wrap: wrap;
    }
     .mega-menu-col {
         width: 50%;
         margin-bottom: 15px;
    }
}
 @media (max-width: 600px) {
     .mega-menu-col {
         width: 100%;
    }
}
 .nav-bar {
     padding: 30px 0;
     position: relative;
     z-index: 2;
}
 .navigation {
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
     gap: 50px;
}
 .nav-menu {
     list-style: none;
     display: flex;
     gap: 50px;
}
 .nav-menu li a {
     color: #fff;
     text-decoration: none;
     font-weight: 300;
     transition: 0.3s;
     position: relative;
}
 .nav-menu li a.active, .nav-menu li a:hover {
     color: #e50914;
}
 .nav-menu li a.active::after {
     content: "";
     display: block;
     width: 12px;
     height: 2px;
     background: #e50914;
     margin: 4px auto 0;
}
/* Logo Section */

 header.main-header {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: space-between;
     padding-top: 40px;
}

 .logo h1 {
     font-size: 18px;
     color: #fff;
     margin: 0;
     text-transform: uppercase;
     letter-spacing: 1px;
}
 .logo span {
     display: block;
     font-size: 12px;
     font-weight: 300;
     color: #bbb;
}
/* Contact Button */
 .btn-contact {
     background: linear-gradient(90deg, #D80002 0%, #720001 100%);
     color: #fff !important;
     padding: 8px 16px;
     border-radius: 25px;
     font-weight: bold;
     transition: background 0.3s;
}
 .btn-contact:hover {
     background: #bf0811;
}
 .icon-btn {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     background: linear-gradient(to right, #D80002, #720001);
     color: #fff;
     font-weight: 300;
     padding: 28px 30px;
     border-radius: 50px;
     text-decoration: none;
     font-size: 20px;
     transition: all 0.3s ease;
     height: 50px;
}
 .icon-btn:hover {
     background-color: #b30000;
     color: #fff;
     box-shadow: 0 0 20px #d80002, 0 0 40px #ffffff40;
     border: 1px solid #ffffff;
}
 .btn-icon {
     width: 20px;
     height: 20px;
     object-fit: contain;
}
/* Initial styles for the book card */
 .book-card {
     position: relative;
     overflow: hidden;
     transition: transform 0.3s ease;
}
 .book-card .text {
     opacity: 0;
    /* Initially hidden */
     position: absolute;
     bottom: -50px;
    /* Start below the card */
     left: 20px;
    /* Adjust as needed */
     color: white;
     font-size: 18px;
     font-weight: bold;
     transition: bottom 0.5s ease, opacity 0.5s ease;
}
/* Header end here */
/* Home Page */
 .hero-section {
     background-image: url(/assets/images/herobg.png);
    /* Update the path accordingly */
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     position: relative;
     padding: 375px 0;
     margin-top: -315px;
     margin-bottom: -300px;
}
 .hero-section {
     border-bottom-left-radius: 15px;
     border-bottom-right-radius: 15px;
     overflow: visible;
    /* this is important */
}
/* Optional overlay for better readability */
 .hero-content {
     display: flex;
    /* flex-wrap: wrap;
     */
     justify-content: space-between;
     gap: 10px;
     align-items: center;
    /* margin-bottom: -85px;
     */
}
 .hero-left {
     width: 50%;
    /* flex: 1;
     */
    /* max-width: 500px;
     */
}
 .hero-left h1 {
     font-size: 45px;
     font-weight: bold;
     line-height: 1;
}
 .hero-left h1 span {
     color: #D80002;
     font-size: 45px;
}
 .hero-left p {
     margin: 20px 0;
     line-height: 1.6;
     color: #ddd;
     color: #FFF;
     font-family: Visby;
     font-size: 20px;
     font-style: normal;
     font-weight: 500;
     line-height: 32px;
    /* 140% */
}
 .cta-buttons {
     display: flex;
     gap: 15px;
     margin-bottom: 20px;
}
 .btn-red {
     background: linear-gradient(90deg, #D80002, #720001);
     padding: 10px 20px;
     color: #fff;
     border: none;
     border-radius: 25px;
     text-decoration: none;
     font-weight: bold;
     transition: 0.3s;
}
 .btn-red:hover {
     opacity: 0.9;
}
 .btn-outline {
     padding: 10px 20px;
     border-radius: 25px;
     background: #1c1c1c;
     color: #fff;
     border: 1px solid #444;
     text-decoration: none;
     font-weight: 500;
}
 .cta-buttons {
     display: flex;
     gap: 15px;
     margin-bottom: 20px;
}
 a:hover {
     color: white;
}
 .text-areaa textarea::placeholder {
     color: white !important;
     background: transparent !important ;
}
 .btn-red {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background: linear-gradient(90deg, #e50914, #b3000c);
     color: white;
     border-radius: 30px;
     padding: 12px 30px;
     font-weight: 600;
     text-decoration: none;
     box-shadow: 0 4px 10px rgba(229, 9, 20, 0.3);
     transition: all 0.3s ease;
     border: none;
     white-space: nowrap;
}
 .cta-buttons .btn-red:before {
     content: "";
     background-image: url('assets/images/icons/calendar-icon.png');
    /* Or use Font Awesome */
    /* content: "\f073";
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     */
     width: 20px;
     height: 20px;
     display: inline-block;
     margin-right: 8px;
     background-size: contain;
     background-repeat: no-repeat;
}
 .cta-buttons .btn-red:hover {
     transform: translateY(-2px);
     box-shadow: 0 8px 15px rgba(229, 9, 20, 0.4);
     background: linear-gradient(90deg, #c80812, #8e000a);
}
 .cta-buttons .btn-outline {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background: rgba(255, 255, 255, 0.1);
     backdrop-filter: blur(5px);
     border: 1px solid rgba(255, 255, 255, 0.1);
     color: white;
     border-radius: 50px;
     padding: 12px 30px;
     font-weight: 600;
     text-decoration: none;
     transition: all 0.3s ease;
     white-space: nowrap;
}
 .cta-buttons .btn-outline:before {
     width: 20px;
     height: 20px;
     display: inline-block;
     margin-right: 8px;
     background-size: contain;
     background-repeat: no-repeat;
}
 .cta-buttons .btn-outline:hover {
     background: rgba(255, 255, 255, 0.2);
     border-color: rgba(255, 255, 255, 0.3);
}
 .reviews img {
     height: 75px;
     margin-right: 10px;
}
 .hero-right {
     display: flex;
    /* flex: 1;
     */
    /* max-width: 500px;
     */
     width: 45%;
     align-content: center;
     justify-content: center;
}
 .form-box {
     background: linear-gradient(140deg, #5d5d5db3, #4a494999);
     padding: 40px 35px 42px 35px;
     border-radius: 30px;
     box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.05);
}
 .form-box h3 {
     font-size: 30px;
     font-weight: 500;
    /* margin-bottom: 40px;
     */
     width: 80%;
}
 .form-row {
     display: flex;
     gap: 10px;
     margin-bottom: 15px;
}
 input, textarea {
     width: 100%;
     padding: 10px;
     height: 60px;
     padding: 20px 20px;
     border-radius: 60px;
     color: black;
     margin-bottom: 15px;
     background: #5D5D5D;
     font-size: 18px;
}
 textarea {
     height: 100px;
     border-radius: 15px;
     resize: none;
}
 .full-width {
     width: 100%;
}
 .fade-mask-wrap {
     position: relative;
     overflow: visible;
}
 .fade-mask-wrap::before, .fade-mask-wrap::after {
     content: "";
     position: absolute;
     top: 0;
     width: 60px;
     height: 100%;
     z-index: 3;
     pointer-events: none;
}
 .fade-mask-wrap::before {
     left: 0;
     background: linear-gradient(to right, #000 60%, transparent);
    /* dark background */
}
 .fade-mask-wrap::after {
     right: 0;
     background: linear-gradient(to left, #000 60%, transparent);
}
 .brands-bar {
     margin-top: 100px;
     text-align: center;
}
 .brands-bar p {
     font-size: 14px;
     margin-bottom: 15px;
     color: #bbb;
}
 .brands-logos {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 20px;
}
 .brands-logos img {
     height: 40px;
     opacity: 0.8;
}
/* Statistics Counter Section */
 .stats-counter-section {
     background-color: #f8f8f8;
     padding: 70px 0 30px;
}
 .stats-row {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     max-width: 1000px;
     margin: 0 auto;
}
 .stat-item {
     flex: 1;
     min-width: 180px;
     text-align: center;
     padding: 15px;
}
 .stat-item h3 {
     font-size: 50px;
     font-weight: 300;
     color: #333;
     display: inline-block;
     margin: 0;
     font-family: sans-serif;
}
 .plus-sign, .stat-text {
     font-size: 42px;
     font-weight: 300;
     color: black;
}
 .stat-item p {
     font-size: 18px;
     margin-top: 5px;
     color: #D80002;
     font-weight: 500;
}
/* Team Section */
 .team-section {
     padding: 80px 0;
     background-color: #fff;
}
 .team-container {
     display: flex;
     flex-wrap: wrap;
     gap: 40px;
     align-items: center;
}
 .team-image {
     flex: 1;
     min-width: 300px;
     border-radius: 25px;
     overflow: visible;
}
 .team-image img {
     width: 100%;
     height: auto;
     transition: transform 0.3s ease;
}
 .team-image:hover img {
     transform: scale(1.02);
}
 .team-content {
     display: flex;
     flex: 1;
     min-width: 300px;
     gap: 10px;
     flex-direction: column;
}
 .team-content h2 {
     line-height: 1;
     color: #2c2c2c;
     font-family: 'Visby Medium';
     font-size: 60px;
     font-style: normal;
     font-weight: 500;
     text-transform: uppercase;
}
 .team-content span {
     line-height: 1;
     color: #D80002;
     font-family: 'Visby Semibold';
     font-size: 60px;
     font-style: normal;
     font-weight: 600;
     text-transform: uppercase;
}

 .intro-text {
     color: #2C2C2C !important;
     font-family: 'Visby Medium';
     font-size: 30px;
     font-style: normal;
     font-weight: 500;
}
 .team-content p {
     margin-bottom: 15px;
     color: #555;
}
 .formbtn {
     border: 1px solid white !important;
}
 .btn-red {
     display: inline-block;
     background-color: #e63946;
     color: white;
     padding: 10px 28px;
     border-radius: 50px;
     text-decoration: none;
     font-weight: 200;
     margin-top: 15px;
     transition: all 0.3s ease;
     font-size: 14px;
}
 .btn-red:hover {
     background-color: #d32f2f;
     transform: translateY(-2px);
}
/* Partners Section */
 .partners-section {
     background-color: #f9f9f9;
     padding: 50px 0;
     border-top: 1px solid #eee;
}
 .partners-logos {
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
     gap: 30px;
}
 .partners-logos img {
     height: 45px;
     width: auto;
    /* opacity: 0.8;
     */
     transition: opacity 0.3s ease;
}
 .partners-logos img:hover {
     opacity: 1;
}
/* Enhanced Hero Section */
 .hero-section {
     background-attachment: fixed;
     transition: all 0.5s ease;
}
 .hero-left h1 {
     animation: fadeInUp 1s ease;
}
 .form-box {
     display: flex;
    /* margin-left: -22%;
     */
     width: 100%;
     height: 647px;
     transition: transform 0.3s ease;
     border: 1px solid rgba(255, 255, 255, 0.1);
     flex-direction: column;
     align-content: center;
     justify-content: center;
     gap: 40px;
}
 .form-box:hover {
     transform: translateY(-10px);
}
 input, textarea {
     transition: all 0.3s ease;
     color: #e50914;
}
 input:focus, textarea:focus {
     box-shadow: 0 0 10px rgba(216, 0, 2, 0.4);
     background: #fff;
}
 .btn-red {
     position: relative;
     overflow: visible;
     z-index: 1;
}
 .btn-red:before {
     content: '';
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
     transition: 0.5s;
     z-index: -1;
}
 .btn-red:hover:before {
     left: 100%;
}
/* Enhanced Stats Section */
 .stat-item {
     transition: transform 0.3s ease;
     padding: 30px 15px;
}
 .stat-item:hover {
     transform: translateY(-10px);
     box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
 .counter {
     background: linear-gradient(90deg, black, black);
     -webkit-background-clip: text;
     background-clip: text;
     -webkit-text-fill-color: transparent;
     display: inline-block;
}
/* Team Section Enhancement */
 .team-section {
     position: relative;
}
 .team-section:before {
    /* content: '';
     */
     position: absolute;
    /* top: 0;
     */
    /* left: 0;
     */
     width: 100%;
    /* height: 100%;
     */
    /* background: radial-gradient(circle at center, rgba(230, 57, 70, 0.03) 0%, transparent 70%);
     */
}
 .team-content h2 {
     position: relative;
     display: inline-block;
}
 .into-2-text{
     color: #2C2C2C;
     font-family: Visby;
     font-size: 20px;
     font-style: normal;
     font-weight: 500;
     line-height: 32px;
    /* 160% */
}
/* Partners Section Enhancement */
 .partners-section {
     background: linear-gradient(to right, #f9f9f9, #f0f0f0, #f9f9f9);
}
 .partners-logos {
     animation: fadeIn 1.5s ease;
}
 .partners-logos img {
    /* filter: grayscale(100%);
     */
     transition: all 0.5s ease;
}
 .partners-logos img:hover {
     filter: grayscale(0%);
     transform: scale(1.1);
}
/* Animations */
 @keyframes fadeInUp {
     from {
         opacity: 0;
         transform: translateY(20px);
    }
     to {
         opacity: 1;
         transform: translateY(0);
    }
}
 @keyframes fadeIn {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
/* Services Section */
 .services-section {
     background: linear-gradient(to bottom, #f7e4e4, #fff);
     padding: 80px 50px;
}
 .services-section .section-header {
     margin-bottom: 60px;
}
 .services-section h2 {
     font-size: 60px;
     font-family: 'Visby Medium';
     font-weight: 500 !important;
     position: relative;
     display: inline-block;
     margin-bottom: 20px;
     color: #2c2c2c;
}
 .services-list {
     display: flex;
     flex-direction: column;
     gap: 20px;
}
 .service-item {
     display: flex;
     background: white;
     border-radius: 20px;
     overflow: visible;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
     transition: all 0.3s ease;
     padding: 20px 30px;
     border-radius: 156px;
}
 .service-item:hover {
     transform: translateY(-5px);
     box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
     background: linear-gradient(to right, #D80002, #720001);
}
 .service-item:hover p {
     color: white !important;
}
 .service-item:hover h3 {
     color: white !important;
}
 .service-item:hover a {
     color: white !important;
     border: 1px solid;
}
 .service-icon {
     flex: 0 0 80px;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .service-icon img {
     width: 90px;
     height: 80px;
     transition: transform 0.3s ease;
     margin-top: -11px;
}
 .service-item:hover .service-icon img {
     transform: scale(1.1);
}
 .service-content {
     flex: 1;
     padding-left: 20px;
}
 .service-content h3 {
     font-size: 20px;
     font-weight: 600;
     margin-bottom: 10px;
     color: #333;
}
 .service-content p {
     color: #666;
     margin-bottom: -34px;
     padding-right: 140px;
     line-height: 1.6;
}
 .read-more {
     color: #e63946;
     font-weight: 600;
     font-size: 14px;
     text-decoration: none;
     position: relative;
     transition: all 0.3s ease;
     display: inline-block;
}
/* Why Choose Us Section */
 .why-choose-section {
     color: white;
     padding: 80px 0;
     position: relative;
     overflow: visible;
}
 .overlay-gradient {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     pointer-events: none;
     background: linear-gradient(to right, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.85));
     z-index: 1;
}

 .why-choose-content {
     flex: 1;
     min-width: 300px;
}
 .section-subheader {
     font-size: 14px;
     text-transform: uppercase;
     letter-spacing: 1px;
     margin-bottom: 10px;
     color: #ffffff;
}
 .why-choose-content h2 {
     font-size: 36px;
     font-weight: 400;
     margin-bottom: 20px;
     line-height: 1.2;
}
 .why-choose-content p {
     margin-bottom: 30px;
     color: #ccc;
     line-height: 32px;
}
 .features-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 20px;
     margin-bottom: 30px;
}
 .feature-item {
     display: flex;
     align-items: center;
     gap: 15px;
}
 .feature-icon {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #e63946;
     font-size: 16px;
}
 div#package-features {
     background: #fdfdfd;
}
 .feature-text {
     font-weight: 500;
     color: #eee;
}
 .call-to-action {
     font-size: 15px;
     font-weight: 600;
     padding: 15px 1px 21px 2px;
     margin-bottom: 20px;
     border: 1px solid red;
     border-radius: 50px;
}
 .why-choose-image {
     flex: 1;
     min-width: 300px;
     border-radius: 15px;
     overflow: visible;
}
 .why-choose-image img {
     width: 100%;
     height: auto;
     transition: transform 0.5s ease;
}
 .why-choose-image:hover img {
     transform: scale(1.05);
}
 .cta-buttons {
     display: flex;
     gap: 15px;
}
 .btn-outline {
     padding: 12px 25px;
     border-radius: 50px;
     background: transparent;
     color: #fff;
     border: 1px solid rgba(255, 255, 255, 0.3);
     text-decoration: none;
     font-weight: 500;
     transition: all 0.3s ease;
}
 .btn-outline:hover {
     background: rgba(255, 255, 255, 0.1);
     border-color: #fff;
}
 .btn-red i {
     margin-right: 8px;
}
/* Team Section */
 .team-section {
     padding: 80px 7px 80px;
     background-color: #fff;
     color: #333;
}
 .team-header {
     display: flex;
     justify-content: space-between;
     margin-bottom: 60px;
     gap: -2px;
}
 .team-title {
     flex: 0 0 500px;
}
 .team-title h2 {
     font-size: 60px !important;
     font-weight: 500 !important;
     font-family: 'Visby Medium';
     line-height: 1.1;
     margin: 0;
     color: #2c2c2c !important;
}

 .team-description {
     flex: 1;
     max-width: 650px;
}
 .team-description p {
     font-size: 16px;
     line-height: 1.7;
     color: #555;
}
 .team-grid {
     display: flex;
     flex-direction: column;
     gap: 30px;
     align-items: center;
}
 .team-row {
     display: flex;
     gap: 30px;
     height: 490px;
     width: 994px;
}
 .team-row.bottom-row {
     justify-content: center;
     gap: 30px;
}
 .team-member {
     background: #f9f9f9;
     border-radius: 34px;
     overflow: visible;
     text-align: center;
     flex: 1;
     max-width: 310px !important;
     transition: all 0.3s ease;
     padding: 15px;
     position: relative;
     z-index: 1;
}
 .team-member:hover {
     transform: translateY(-10px);
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
 .member-image {
     width: 100%;
     height: 280px;
     overflow: visible;
     border-radius: 40px;
}
 .member-image img {
     width: 100%;
     height: 100%;
     object-fit: contain;
     transition: transform 0.5s ease;
}
 .team-member:hover .member-image img {
     transform: scale(1.05);
}
 .member-name {
     font-size: 20px;
     font-weight: 600;
     margin: 20px 0 5px;
     color: #333;
}
 .member-title {
     font-size: 16px;
     font-weight: 500;
     color: #D80002;
     margin-bottom: 10px;
}
 .member-bio {
     font-size: 14px;
     color: #666;
     padding: 0 15px;
     margin-bottom: 15px;
     min-height: 40px;
}
 .read-bio {
     display: inline-block;
     color: #333;
     font-size: 14px;
     font-weight: 500;
     text-decoration: none;
     border-bottom: 1px solid #e63946;
     margin-bottom: 20px;
     transition: all 0.3s ease;
}
 .read-bio:hover {
     color: #e63946;
}
 .team-member:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: #f9f9f9;
     z-index: -1;
     transition: opacity 0.3s ease;
     opacity: 1;
     border-radius: 10px;
}
 .team-member:after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: linear-gradient(180deg, #ff0909, #000000);
     z-index: -1;
     transition: opacity 0.5s ease;
     opacity: 0;
     border-radius: 10px;
}
 .team-member:hover {
     transform: translateY(-10px);
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}
 .team-member:hover:before {
     opacity: 0;
}
 .team-member:hover:after {
     opacity: 1;
}
/* Update text colors on hover for better readability */
 .team-member:hover .member-name, .team-member:hover .member-bio {
     color: #ffffff;
     transition: color 0.3s ease;
}
 .team-member:hover .member-title {
     color: #ff0909;
     transition: color 0.3s ease;
}
 .team-member:hover .read-bio {
     color: #ffffff;
     border-bottom: 1px solid #ffffff;
     transition: all 0.3s ease;
}
 .team-member .member-name, .team-member .member-title, .team-member .member-bio, .team-member .read-bio {
     position: relative;
     z-index: 2;
     transition: color 0.3s ease;
}
 .read-bio {
     display: inline-block;
     color: #333;
     font-size: 14px;
     font-weight: 500;
     text-decoration: none;
     padding: 6px 15px;
     border: 1px solid #e63946;
     border-radius: 50px;
     margin-bottom: 20px;
     transition: all 0.3s ease;
     background: transparent;
}
 .read-bio:hover {
     color: #fff;
     background: #e63946;
}
/* Update for when parent team-member is hovered */
 .team-member:hover .read-bio {
     color: #ffffff;
     border: 1px solid #ffffff;
     background: transparent;
     transition: all 0.3s ease;
}
 .team-member:hover .read-bio:hover {
     color: #ff0909;
     background: #ffffff;
     border: 1px solid #ffffff;
}
 .icon-btn-team{
     display: flex;
     color: #FFF;
     align-self: flex-start;
     gap: 10px;
     font-family: 'Visby Medium';
     font-size: 20px;
     font-style: normal;
     font-weight: 500;
     padding: 22px 35px 22px 35px;
     border-radius: 60px;
     background: linear-gradient(103deg, #D80002 30.16%, #720001 87.16%);
     justify-content: center;
     align-content: center;
     align-items: center;
}
 .read-more {
     display: inline-block;
     color: #000000;
     font-size: 17px;
     font-weight: 500;
     text-decoration: none;
     padding: 12px 18px;
     border: 1px solid #33333370;
     border-radius: 50px;
     margin-bottom: 20px;
     transition: all 0.3s ease;
     background: transparent;
     position: absolute;
     right: 20px;
     bottom: 13px;
     align-self: flex-start;
}
 .read-more:hover {
     color: #fff;
     background: #e63946;
}
/* Make sure the parent container has relative positioning */
 .service-content {
     position: relative;
     padding-bottom: 50px;
    /* Add space for the button */
}
 .service-item:hover .read-more:hover {
     border: 1px solid #ffffff;
}
 .service-item {
     position: relative;
     padding-bottom: 10px;
}
 .service-content {
     position: relative;
     padding-right: 30px;
    /* Give space for the button */
}
/* CTA Banner Section */
 .cta-banner {
     padding: 80px 0;
     overflow: visible;
     margin: 50px auto;
     box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}
 .cta-banner.with-overlay {
     z-index: 1;
}
 .overlay-gradient {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: linear-gradient(90deg, rgba(0, 0, 0, 0.9), rgb(149 28 28 / 80%));
     z-index: -1;
}
 .cta-content {
     position: relative;
     z-index: 3;
     text-align: center;
     color: white;
     padding-top: 0px;
}
 .cta-title {
     font-size: 60px;
     font-family: 'Visby Medium';
     text-transform: uppercase;
     font-weight: 500;
     margin: 0;
     margin-bottom: 10px;
}
 .cta-highlight {
     font-size: 60px;
     font-family: 'Visby Semibold';
     text-transform: uppercase;
     font-weight: 600;
     margin: 0;
     margin-bottom: 30px;
     color: #D80002;
     text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
 .cta-button-container {
     display: flex;
     justify-content: center;
}
 .btn-consultation {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background: white;
     color: #333;
     font-size: 16px;
     font-weight: 600;
     padding: 12px 30px;
     border-radius: 30px;
     text-decoration: none;
     transition: all 0.3s ease;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
 .btn-consultation i {
     margin-right: 8px;
}
 .btn-consultation:hover {
     background: #f0f0f0;
     transform: translateY(-3px);
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}
/* Testimonial Slider Section */
 .testimonial-slider-section {
    /* padding: 100px 80px;
     */
     background-color: #fff;
     position: relative;
}
 .testimonial-slider-section .container {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 50px;
}
/* Left Column - Heading and Text */
 .testimonial-header {
     flex: 0 0 35%;
     /* padding-right: 20px; */
}
 .testimonial-heading {
     font-size: 38px;
     font-weight: 500;
     margin-bottom: 20px;
     line-height: 70px;
     color: #333;
}

 .placeholder-text {
     color: #666;
     line-height: 1.6;
     margin-bottom: 30px;
     font-size: 16px;
}
 .btn-see-more {
     display: inline-flex;
     align-items: center;
     text-decoration: none;
     color: #fff;
     font-weight: 600;
     gap: 10px;
     transition: all 0.3s ease;
}
 .btn-see-more:hover {
     transform: translateX(5px);
     color: #000000;
}
 .btn-icon {
     width: 40px;
     height: 40px;
     background-color: #e63946;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.3s ease;
}
 .btn-see-more:hover .btn-icon {
     color: #000000;
}
/* Right Column - Testimonial Cards */
 .testimonial-cards-slider {
     flex: 0 0 60%;
     position: relative;
     padding-bottom: 40px;
}
 .testimonial-track {
     position: relative;
     height: 380px;
     overflow: visible;
}
 .testimonial-content {
     background-color: #f5f2f2;
     border-radius: 20px;
     padding: 30px;
     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
     height: 100%;
     display: flex;
     flex-direction: column;
}
 .testimonial-text {
     color: #555;
     line-height: 1.7;
     margin-bottom: 20px;
     flex-grow: 1;
     font-size: 15px;
}
 .author-info {
     display: flex;
     align-items: center;
     margin-top: auto;
}
 .author-image {
     width: 50px;
     height: 50px;
     border-radius: 50%;
     overflow: visible;
     margin-right: 15px;
}
 .author-image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .author-name {
     font-size: 16px;
     font-weight: 600;
     margin-bottom: 3px;
     color: #333;
}
 .author-title {
     font-size: 13px;
     color: #888;
}
/* Pagination Dots */
 .slider-pagination {
     display: flex;
     justify-content: center;
     margin-top: 20px;
     gap: 8px;
}
 .dot {
     width: 10px;
     height: 10px;
     border-radius: 50%;
     background-color: #ddd;
     cursor: pointer;
     transition: all 0.3s ease;
}
 .dot.active {
     background-color: #e63946;
     width: 20px;
     border-radius: 10px;
}
/* Pricing Section */
 .pricing-section {
     padding: 100px 0;
     background-color: #fff5f5;
     position: relative;
     overflow: visible;
}
 .pricing-section {
     position: relative;
     overflow: visible;
     z-index: 0;
}
/* Top Layer – Fast, right to left */
 .pricing-section::before {
     content: "PRICING PRICING PRICING PRICING ";
     position: absolute;
     top: 20%;
     left: 100%;
     font-size: 400px;
    /* font-weight: 800;
     */
     letter-spacing: 20px;
     color: rgba(229, 9, 20, 0.04);
     white-space: nowrap;
     transform: translateY(-50%);
     animation: tickerLeft 10s linear infinite;
     z-index: 1;
     pointer-events: none;
     -webkit-text-stroke: 1px #D80002;
    /* opacity: 0.2;
     */
}
 .history-section-ticker {
     position: relative;
     overflow: hidden;
    /* Hide the moving text overflow */
     width: 100%;
     height: 150px;
    /* Adjust height based on your design */
}
 .history-section-ticker::before, .history-section-ticker::after {
     content: "HISTORY HISTORY";
     position: absolute;
     top: 50%;
     left: 100%;
     font-family: 'Visby Semibold';
     font-size: 200px;
     font-weight: 900;
     letter-spacing: 20px;
    /* Spacing between words */
     white-space: nowrap;
     transform: translateY(-50%);
     animation: tickerLeft 20s linear infinite;
     z-index: 1;
     pointer-events: none;
     transition: -webkit-text-stroke-color 0.3s ease, color 0.3s ease;
}
/* First layer (red stroke) */
 .history-section-ticker::before {
     color: rgba(229, 9, 20, 0.1);
    /* Light opacity for background look */
     -webkit-text-stroke: 1px #D80002;
    /* Red stroke */
    /* margin-left: 55%;
     */
     content: "HISTORY ";
}
/* Second layer (gray stroke) */
 .history-section-ticker::after {
     color: rgba(128, 128, 128, 0.3);
    /* Light gray opacity */
     -webkit-text-stroke: 2px #808080;
    /* Gray stroke */
     animation-delay: 10s;
    /* Slight delay to create a staggered effect */
     content: "HISTORY ";
}
/* Hover effect to make both layers solid red */
 .history-section-ticker:hover::before, .history-section-ticker:hover::after {
     color: #D80002;
    /* Solid red text color */
     -webkit-text-stroke-color: #D80002;
    /* Red stroke color on hover */
}
/* Animation for moving text from right to left */
 @keyframes tickerLeft {
     0% {
         transform: translateX(100%) translateY(-50%);
    }
     100% {
         transform: translateX(-100%) translateY(-50%);
    }
}
/* Middle Layer – Slow, bigger font */
 .pricing-section::after {
     content: "PRICING PRICING PRICING PRICING ";
     position: absolute;
     top: 60%;
     left: 100%;
     font-size: 500px;
    /* font-weight: 900;
     */
     letter-spacing: 30px;
     white-space: nowrap;
     transform: translateY(-50%);
     animation: tickerLeftSlow 30s linear infinite;
     z-index: 0;
     pointer-events: none;
    /* opacity: 0.2;
     */
     -webkit-text-stroke: 1px #D80002;
     color: transparent;
}
/* Third Layer – Medium speed, left to right */
 .pricing-section .ticker-bottom {
     position: absolute;
     top: 60%;
     right: 100%;
     font-size: 450px;
     font-weight: 800;
     letter-spacing: 20px;
     color: rgba(229, 9, 20, 0.04);
     white-space: nowrap;
     animation: tickerRight 10s linear infinite;
     z-index: 1;
     pointer-events: none;
     -webkit-text-stroke: 2px #D80002;
     opacity: 0.2;
}
 @keyframes tickerLeft {
     from {
         left: 100%;
    }
     to {
         left: -100%;
    }
}
 @keyframes tickerLeftSlow {
     from {
         left: 100%;
    }
     to {
         left: -100%;
    }
}
 @keyframes tickerRight {
     from {
         right: 100%;
    }
     to {
         right: -100%;
    }
}
 .pricing-header {
     position: relative;
     z-index: 5;
     margin-bottom: 60px;
}
 .section-title {
     font-size: 50px;
     font-weight: 700;
     margin-bottom: 15px;
     color: #333;
}

 .section-subtitle {
     text-align: center;
     font-size: 18px;
     color: #555;
     max-width: 600px;
     margin: 0 auto;
}
 .pricing-table-container {
     position: relative;
     z-index: 5;
     padding: 30px 50px;
     border: 5px solid #edebeb;
     border-radius: 36px;
     background: linear-gradient(135deg, #D80002 0%, #020202 50%, #D80002 100%);
     box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}
 .pricing-table {
     display: flex;
     justify-content: center;
     gap: 25px;
     max-width: 1100px;
     margin: 0 auto;
}
 .pricing-column {
     background: #fff;
     border-radius: 20px;
     overflow: visible;
     width: 100%;
     max-width: 340px;
     box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
     position: relative;
     transition: all 0.3s ease;
}
 .pricing-column.basic:hover {
     transform: translateY(-15px);
     box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
     background: linear-gradient(174deg, #896f6f, #720001);
}
 .pricing-column.standard:hover {
     transform: translateY(-15px);
     box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
     background: linear-gradient(174deg, #896f6f, #720001);
}
 .pricing-column.premium:hover {
     transform: translateY(-15px);
     box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
     background: linear-gradient(174deg, #896f6f, #720001);
}
 .pricing-column:hover h3 {
     color: white !important;
}
 .pricing-column.basic {
     border-radius: 25px;
}
 .pricing-column.standard {
     background: linear-gradient(145deg, #fff, #f8f8f8);
}
 .pricing-column.premium {
     background: linear-gradient(145deg, #e6e6e6, #d9d9d9);
}
 .package-name {
     padding: 25px 20px;
     text-align: center;
     background: #dfdfdf6e;
}
 .package-name h3 {
     margin: 0;
     font-size: 18px;
     font-weight: 600;
     line-height: 1.3;
     color: #333;
}
 .pricing-column.basic:hover .package-name h3, .pricing-column.basic:hover .feature-text, .pricing-column.basic:hover .feature-icon i {
     color: white !important;
}
 .pricing-column:hover .package-name h3, .pricing-column:hover .feature-text, .pricing-column:hover .feature-icon i {
     color: white !important;
}
 .pricing-column.basic .package-name h3, .pricing-column.basic .feature-text, .pricing-column.basic .feature-icon i {
     color: #000000 !important;
}
 .package-features {
     padding: 30px 25px 0px;
}
 #feature-item {
     display: flex;
     align-items: flex-start;
     margin-bottom: 15px;
     background: rgb(187 179 179 / 20%);
     padding: 10px;
     border-radius: 30px;
}
 .pricing-column.standard .feature-item, .pricing-column.premium .feature-item {
     background: rgba(0, 0, 0, 0.05);
}
 .feature-icon {
     flex: 0 0 24px;
     margin-right: 10px;
     margin-top: -5px;
}
 .feature-icon i {
     color: #e50914;
}
 .pricing-column.standard .feature-icon i, .pricing-column.premium .feature-icon i {
     color: #333;
}
 .feature-text {
     flex: 1;
     font-size: 14px;
     line-height: 1.4;
     color: #fff;
}
 #feature-text {
     color: #333;
     font-size: 13px;
     margin-left: -22px;
     margin-top: 5px;
}
 .package-pricing {
     text-align: center;
     padding: 25px 0 15px;
     background: #efeeee;
     margin-top: 30px;
     border-radius: 40px;
     margin-left: 26px;
     margin-right: 26px;
     margin-bottom: 20px;
}
 div#feature-text-first {
     margin-left: -20px;
     margin-top: 5px;
}
 #package-pricing {
     margin-top: 70px;
}
 .price {
     font-size: 36px;
     font-weight: 700;
     color: #e50914;
     margin: 0;
}
 .billing-cycle {
     font-size: 19px;
     color: #777;
     margin: 5px 0 0;
}
 h3#package-name {
     color: #333;
}
 .package-cta {
     text-align: center;
     padding: 0 0 25px;
}
 div#package-pricing-second {
     margin-top: 66px;
}
 a#btn-get-started {
     background: #efeeee;
}
 .btn-get-started {
     display: inline-block;
     background: #fff;
     color: #333;
     padding: 16px 94px;
     border-radius: 30px;
     text-decoration: none;
     font-weight: 600;
     font-size: 14px;
     transition: all 0.3s ease;
     border: none;
}
 .btn-get-started:hover {
     background: #e50914;
     color: #fff;
}
 .contact-us {
     position: relative;
     height: 100%;
     background: #ffffff;
     overflow: visible;
     margin-top: -360px;
}
 .contact-form111 input{
     background:white !important;
     color: #e50914 !important;
     border:0.5px solid rgba(0, 0, 0, 0.37) !important;
}
 .contact-form111 textarea{
     background:white !important;
     color: #e50914 !important;
     border:0.5px solid rgba(0, 0, 0, 0.37) !important;
}
 textarea{
     margin-top: 10px;
     height: 193px;
     background:#5D5D5D;
     color: #e50914 !important;
     border:0.5px solid rgba(0, 0, 0, 0.37) !important;
}
 textarea::placeholder {
     color: white !important;
}
 .contact-form111 input::placeholder {
     color: black !important;
}
 .contact-form111 textarea::placeholder {
     color: rgb(0, 0, 0) !important;
}
/* Contact Form Section */
 .contact-form-section {
     padding: 80px 0;
     background-color: #fff;
}
/* Main container that holds both form and image containers */
 .contact-form-container {
     display: flex;
     margin: 0 auto;
     border-radius: 20px;
     overflow: visible;
     gap: 30px;
}
/* First Container - Form Content */
 .form-content-container {
     flex: 1;
     background: #fff;
     border-radius: 20px;
}
 .form-content-inner {
     padding: 40px;
}
 .form-heading {
     font-size: 60px;
     font-family: 'Visby Medium';
     text-transform: uppercase;
     font-weight: 500;
     line-height: 1.2;
     margin-bottom: 30px;
     color: #2c2c2c;
}
 span#text-red-contact {
     font-size: 60px;
     font-weight: 500;
}

 .contact-form {
     width: 100%;
}
 .form-row {
     margin-bottom: 10px;
}
 input::placeholder {
     color: #000;
}
 .form-row input, .form-row textarea {
     width: 100%;
     height: 59px;
     padding: 20px 20px;
     border-radius: 30px;
     font-size: 18px;
     color: #e50914 !important;
     border: 0.5px solid rgba(0, 0, 0, 0.37) !important;
     transition: all 0.3s ease;
}
 .form-row input:focus, .form-row textarea:focus {
     outline: none;
     border-color: #e50914;
     box-shadow: 0 0 0 2px rgba(229, 9, 20, 0.1);
     background: #fff;
     color: #e50914;
}
 .form-row textarea {
     height: 120px;
     resize: none;
     border-radius: 20px;
}
 textarea::placeholder {
     color: #000 !important;
}
 .btn-submit {
     background: linear-gradient(to right, #D80002, #720001);
     color: #fff;
     border: none;
     border-radius: 30px;
     padding: 12px 30px;
     font-size: 16px;
     font-weight: 600;
     cursor: pointer;
     transition: all 0.3s ease;
}
 .btn-submit:hover {
     background: #c70812;
     transform: translateY(-2px);
     box-shadow: 0 5px 15px rgba(229, 9, 20, 0.2);
}
/* Second Container - Image */
 .form-image-container {
     /* flex: 1; */
     border-radius: 20px;
     overflow: visible;
}
 .form-image-inner {
     height: 100%;
     width: 100%;
}
 .form-image-inner img {
     width: 532px;
     height: 560px;
     object-position: center;
     display: block;
     transition: transform 0.5s ease;
}
 .form-image-container:hover .form-image-inner img {
     transform: scale(1.05);
}
/* Team Memeber */
 .team-row {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 20px;
}
 .team-member {
     width: 330px !important;
     text-align: center;
     background: #fff;
     padding: 13px;
     border-radius: 10px;
     transition: all 0.3s ease;
}
 .testimonial-cards-slider {
     overflow-x: auto;
     scroll-snap-type: x mandatory;
     -webkit-overflow-scrolling: touch;
}
 .testimonial-track {
     display: flex;
     flex-wrap: nowrap;
     margin-left: 226px;
}
 .testimonial-card {
     flex: 0 0 65%;
     scroll-snap-align: start;
     box-sizing: border-box;
     padding: 20px;
}
/* Optional: Hide scrollbar on mobile */
 .testimonial-cards-slider::-webkit-scrollbar {
     display: none;
}
/* You can style the dots if needed */
 .slider-pagination {
     display: flex;
     justify-content: center;
     margin-top: 15px;
}
 .slider-pagination .dot {
     width: 10px;
     height: 10px;
     border-radius: 50%;
     background-color: #ccc;
     margin: 0 5px;
     cursor: pointer;
}
 .slider-pagination .dot.active {
     background-color: #f00;
    /* red or whatever matches your theme */
}
/* Mobile Menu Styles */
 .mobile-menu-toggle {
     display: none;
     width: 40px;
     height: 40px;
     background: linear-gradient(90deg, #D80002 0%, #720001 100%);
     color: white;
     border-radius: 50%;
     align-items: center;
     justify-content: center;
     font-size: 18px;
     cursor: pointer;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
     z-index: 1000;
     transition: all 0.3s ease;
     position: absolute;
     right: 20px;
     top: 50%;
     transform: translateY(-50%);
}
 .mobile-menu-toggle:hover {
     transform: translateY(-50%) scale(1.05);
}
 .mobile-menu {
     position: fixed;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100vh;
     background: rgba(0, 0, 0, 0.95);
     z-index: 1000;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     transition: all 0.4s ease;
     visibility: hidden;
     opacity: 0;
}
 .mobile-menu.active {
     left: 0;
     visibility: visible;
     opacity: 1;
}
 .close-menu {
     position: absolute;
     top: 20px;
     right: 20px;
     color: white;
     font-size: 24px;
     cursor: pointer;
     z-index: 1001;
     width: 40px;
     height: 40px;
     background: rgba(216, 0, 2, 0.8);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.3s ease;
}
 .close-menu:hover {
     background: #D80002;
     transform: rotate(90deg);
}
 .mobile-nav-menu {
     list-style: none;
     padding: 0;
     margin: 0;
     text-align: center;
     width: 100%;
}
 .mobile-nav-menu li {
     margin: 20px 0;
     opacity: 0;
     transform: translateY(20px);
     transition: all 0.3s ease;
     transition-delay: calc(0.05s * var(--i, 0));
}
 .mobile-menu.active .mobile-nav-menu li {
     opacity: 1;
     transform: translateY(0);
}
 .mobile-nav-menu li a {
     color: white;
     font-size: 20px;
     font-weight: 500;
     text-decoration: none;
     position: relative;
     padding: 5px 0;
     display: inline-block;
     transition: all 0.3s ease;
}
 .mobile-nav-menu li a:after {
     content: '';
     position: absolute;
     width: 0;
     height: 2px;
     background: #D80002;
     left: 50%;
     bottom: 0;
     transform: translateX(-50%);
     transition: width 0.3s ease;
}
 .mobile-nav-menu li a:hover, .mobile-nav-menu li a.active {
     color: #D80002;
}
 .mobile-nav-menu li a:hover:after, .mobile-nav-menu li a.active:after {
     width: 100%;
}
 .mobile-nav-menu li a.btn-contact {
     background: linear-gradient(90deg, #D80002 0%, #720001 100%);
     color: white;
     padding: 8px 20px;
     border-radius: 25px;
     margin-top: 10px;
     display: inline-block;
     width: auto;
}
 .mobile-nav-menu li a.btn-contact:hover {
     background: #bf0811;
     color: white;
}
 .mobile-nav-menu li a.btn-contact:after {
     display: none;
}
/* Book Slider Styles */
 .bestseller-section {
     padding: 60px 0 100px;
     background-color: #fff;
}
 .bestseller-section .overlay, .bestseller-section::before {
     display: none !important;
     background: none !important;
}
 .bestseller-header {
     text-align: center;
     margin-bottom: 40px;
}

 .authors-title {
     font-size: 65px;
     font-weight: 500;
}
 .bestseller-title {
     font-size: 60px;
     font-weight: 500;
     font-family: 'Visby Medium';
     margin: 0;
     line-height: 70px;
     color: #2c2c2c;
}
 .authors-title {
     color: #D80002;
     font-size: 60px;
     font-weight: 600;
     line-height: 70px;
     font-family: 'Visby Semibold';
}
/* Book Slider - Slick Customization */
 .book-slider {
     margin: 0 auto;
     padding: 20px 0;
}
 .book-item {
     padding: 0 10px;
     transition: all 0.3s ease;
}
 .book-card {
     overflow: visible;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
     transition: transform 0.3s ease;
}
 #service-item-set-up {
     background-color: #fff;
     padding: 20px 30px 10px;
     margin-bottom: 0px;
     border-radius: 100px;
}
 #feature-item-set-up {
     border: 0px;
}
 .book-card:hover {
     transform: translateY(-10px);
     box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}
 .book-card img {
     width: 100%;
     height: auto;
     display: block;
     border-radius: 50px;
}
/* Book item color variants */
 .book-card img {
     filter: grayscale(100%);
     transition: filter 0.4s ease-in-out;
}
 .book-card:hover img {
     filter: grayscale(0%);
}
/* Slick slider customization */
 .slick-slide {
     transition: all 0.5s ease;
}
 .slick-track {
     display: flex;
     align-items: center;
}
/* Optional: Custom styles for Slick dots */
 .slick-dots li button:before {
     font-size: 12px;
     color: #e63946;
}
 .slick-dots li.slick-active button:before {
     color: #e63946;
}
 .book-slider.customer-logos {
     transform: rotate(-5deg);
    /* Rotate the slider */
     margin-top: -20px;
    /* Move slider up */
     margin-left: -400px;
     margin-right: -400px;
}
 .book-item {
     transform: translateY(10px);
    /* Adjust the position of items within the slider */
}
 .book-item:nth-child(even) {
     transform: translateY(-10px);
    /* Slightly move the even items upwards */
}
 .book-item .book-card {
     box-shadow: none;
    /* Optional: Adding shadow for better visual */
}
/* Testimonial Slider Section */
 .testimonial-slider-section {
    /* padding: 100px 80px;
     */
     background-color: #fff;
     position: relative;
}
 .testimonial-slider-section .container {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 50px;
}
/* Left Column - Heading and Text */
 .testimonial-header {
     flex: 1 0 45%;
     /* padding-right: 20px; */
}
 .testimonial-heading {
     font-size: 60px;
     text-transform: uppercase;
     font-weight: 500;
     margin-bottom: 20px;
     line-height: 1.2;
     color: #333;
}

 span.text-red {
     width: 100% !important;
     color: #D80002;
     font-size: 60px;
     font-family: 'Visby Semibold' !important;
     font-weight: 600 !important;
}
 .placeholder-text {
     color: #2c2c2c;
     line-height: 32px;
     margin-bottom: 30px;
     font-family: 'Visby Medium';
     font-size: 20px;
}
 .btn-see-more {
     display: inline-flex;
     align-items: center;
     text-decoration: none;
     color: #fff;
     font-weight: 600;
     gap: 10px;
     transition: all 0.3s ease;
}
 .btn-see-more:hover {
     transform: translateX(5px);
     color: #000000;
}
 .btn-icon {
     width: 40px;
     height: 40px;
     background-color: #e63946;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.3s ease;
}
 .btn-see-more:hover .btn-icon {
     color: #000000;
}
/* Right Column - Testimonial Cards */
 .testimonial-cards-slider {
     flex: 0 0 60%;
     position: relative;
     padding-bottom: 40px;
}
 .testimonial-track {
     position: relative;
     height: 380px;
     overflow: visible;
}
 .testimonial-card {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     transition: opacity 0.5s ease;
     visibility: hidden;
}
 .testimonial-card.active {
     opacity: 1;
     visibility: visible;
}
 .testimonial-content {
     background-color: #f5f2f2;
     border-radius: 20px;
     padding: 30px;
     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
     height: 107%;
     display: flex;
     flex-direction: column;
}
 .testimonial-text {
     color: #2c2c2c;
     line-height: 1.7;
     margin-bottom: 20px;
     flex-grow: 1;
     font-family: 'Visby Medium';
     font-size: 18px;
}
 .author-info {
     display: flex;
     align-items: center;
     margin-top: auto;
}
 .author-image {
     width: 50px;
     height: 50px;
     border-radius: 50%;
     overflow: visible;
     margin-right: 15px;
}
 .author-image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .author-name {
     font-size: 16px;
     font-weight: 600;
     margin-bottom: 3px;
     color: #333;
}
 .author-title {
     font-size: 13px;
     color: #888;
}
/* Pagination Dots */
 .slider-pagination {
     display: flex;
     justify-content: center;
     margin-top: 20px;
     margin-left: 212px;
     gap: 8px;
}
 .dot {
     width: 10px;
     height: 10px;
     border-radius: 50%;
     background-color: #ddd;
     cursor: pointer;
     transition: all 0.3s ease;
}
 .dot.active {
     background-color: #e63946;
     width: 20px;
     border-radius: 10px;
}
/* aBOUT US */
 .about-us {
     position: relative;
     height: 100%;
     background: #ffffff;
     overflow: visible;
     margin-top: -360px;
}
 .image {
     border-radius: 30px;
     width: 100%;
     height: 100%;
     max-height: 95%;
     object-fit: cover;
}
 .rectangle-31, .rectangle-1, .rectangle-12 {
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: 30px;
}
 .rectangle-31 {
     background: #d80002;
     opacity: 0.8;
}
 .rectangle-1 {
     background: linear-gradient(109.4deg, rgba(0, 0, 0, 1) 0%, rgba(15, 0, 0, 1) 25%, rgba(25, 0, 0, 0.77) 47%, rgba(28, 0, 0, 0.81) 64%, rgba(15, 0, 0, 0.9) 82%, rgba(0, 0, 0, 1) 95%);
}
 .rectangle-12 {
     background: linear-gradient(107.16deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.3) 33%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 1) 100%);
     opacity: 0.4;
}
 .the-lhp-story {
     text-align: center;
     text-transform: uppercase;
     position: absolute;
     top: 380px;
     left: 50%;
     transform: translateX(-50%);
}
 .the-lhp-story-span {
     color: #ffffff;
     font-family: "Visby-Medium", sans-serif;
     font-size: 76px;
     font-weight: 500;
}
 .the-lhp-story-span3 {
     color: #d80002;
     font-family: "Visby-Bold", sans-serif;
     font-size: 76px;
     font-weight: 700;
}
 .we-are-a-dedicated-group {
     color: #ffffff;
     font-family: "Visby-Medium", sans-serif;
     font-size: 20px;
     font-weight: 500;
     text-align: center;
     position: absolute;
     top: 500px;
     left: 50%;
     transform: translateX(-50%);
     width: 60%;
}
 .component-15 {
     width: 404px;
     height: 174px;
     position: absolute;
     top: 600px;
     left: 55%;
     transform: translateX(-50%);
}
 .rectangle-2 {
     background: linear-gradient(103.45deg, rgba(216, 0, 2, 1) 0%, rgba(114, 0, 1, 1) 100%);
     border-radius: 60px;
     width: 324px;
     height: 64px;
     position: absolute;
     top: 55px;
}
 .group-127 {
     position: absolute;
     top: 70px;
     left: 100px;
}
 .schedule-a-consultation {
     color: #ffffff;
     font-family: "Visby-Medium", sans-serif;
     font-size: 20px;
     font-weight: 500;
     position: absolute;
     left: 20px;
     top: 20px;
}
 .what-we-do {
     background-color: #fff;
     padding: 4rem 2rem;
     max-width: 1200px;
     margin: auto;
     text-align: center;
     font-family: 'Montserrat', sans-serif;
}
 .what-we-do .heading h2 {
     font-size: 60px;
     font-weight: 500;
     line-height: 70px;
     font-family: 'Visby Medium';
     color: #2c2c2c;
     /* margin-bottom: 0.5rem;
     */
     text-transform: uppercase;
}
 .what-we-do .heading h3 {
     font-size: 60px;
     font-family: 'Visby Semibold';
     color: #D80002;
     font-weight: 600;
     line-height: 70px;
     text-transform: uppercase;
     /* margin-bottom: 1rem;
     */
     /* margin-top: -10px; */
}
 .what-we-do .services-description {
     font-size: 1.3rem;
     margin-bottom: 2rem;
     color: #333;
}
 .services-list {
     list-style-type: none;
     padding: 0;
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(347px, 1fr));
     text-align: start;
     width: 1270px;
     margin: 0 -64px 2rem 0;
}
 .services-list1 {
     list-style-type: none;
     padding: 0;
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(720px, 1fr));
     padding: 20px;
     gap: 1rem;
     text-align: start;
     max-width: 100%;
     margin: 0 auto 2rem auto;
}
 .services-list li {
     padding: 5px;
     font-weight: 400;
     color: black;
     transition: all 0.3s ease;
     list-style: inside;
     font-size: 1.3rem;
}
 ::marker {
     color: #D80002;
     font-size: 19px;
}
 .services-list li:hover {
     transform: translateX(5px);
}

section#cta-banner {
    display: flex;
    height: 410px;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
 .ultimate-source {
     font-style: italic;
     font-size: 1.05rem;
     margin-top: 2rem;
     color: #555;
     max-width: 900px;
     margin-left: auto;
     margin-right: auto;
}
 .what-we-do .image {
     margin-top: 3rem;
}
 .what-we-do .image img {
     max-width: 100%;
     height: auto;
     border-radius: 12px;
}
 .why-choose-content1 {
     flex: 1;
     min-width: 300px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     gap: 4px;
}
 .why-choose-content4 {
     flex: 1;
     min-width: 300px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     gap: 25px;
}
 .why-choose-content1 h2 {
     text-transform: uppercase;
     font-size: 60px;
     font-weight: 500;
     line-height: 70px;
     font-family: 'Visby Medium';
}
 .why-choose-content1 span {
     /* font-size: 68px !important; */
     font-family: 'Visby Semibold';
}
 .why-choose-content4 span {
     font-size: 71px;
}
 .why-choose-section1 {
     color: white;
     padding: 60px 0;
     position: relative;
     overflow: visible;
}
 .faqs {
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     margin: auto;
}
 .hero-faqs h2 {
     font-size: 76px;
     font-weight: 500;
     text-transform: uppercase;
     color: #000000;
}
 .hero-faqs span {
     font-size: 76px;
     font-weight: 500;
     text-transform: uppercase;
     color: #D80002;
}
 .hero-faqs p {
     width: 55%;
     font-size: 20px;
     font-weight: 500;
     color: #2C2C2C;
     text-align: center;
     line-height: 32px;
}
 .faqs-section {
     width: 100%;
     display: flex;
     justify-content: flex-start;
     align-items: center;
     gap: 40px;
}
 .faqs-container {
     width: 100%;
     display: flex;
     gap: 40px;
}
 .faqs-container .left {
     background-image: url(../images/Group-686.png);
     width: 781px;
     background-repeat: no-repeat;
     background-size: inherit;
     height: 1000px;
}
 div#left-container-set {
     border-bottom-right-radius: 30px;
}
/* Story-writing css */
 @font-face {
     font-family: visby;
     src: url('VisbyRegular.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: VisbyMedium;
     src: url('/assets/css/fonts/VisbyMedium.ttf') format('truetype');
     font-weight: 500;
     font-style: normal;
     font-display: swap;
}
 .hero-container-services {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     gap: 20px;
}
 .hero-container-services h1 {
     font-size: 74px;
     font-weight: 400;
     color: #fff;
     text-align: center;
}
 .hero-container-services span {
     font-size: 74px;
     font-weight: 600;
     color: #d80002;
     ;
}
 .hero-container-services p {
     font-size: 20px;
     font-weight: 300;
     color: #ffff;
     line-height: 1.5em;
     width: 800px;
     text-align: center;
}
 .container-about-story {
     display: flex;
     gap: 20px;
     align-items: flex-start;
     margin: auto;
     margin-top: 52px;
     padding-top: 0px;
     padding-bottom: 58px;
}
 .container-about-story .left-div {
     width: 50%;
     height: auto;
}
/* .left-div img{
     width: 674px !important;
     height:685px !important;
}
 */
 .container-about-story .left-div {
     width: 50%;
     height: auto;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .container-about-story .right-div {
     width: 50%;
     height: auto;
     display: flex;
     justify-content: center;
     flex-direction: column;
     gap: 20px;
}
 .container-about-story .right-div .overlay-box {
     border-radius: 20px;
     background-color: #F8F8F8;
     width: 760px;
     height: 144px;
     padding: 10px;
}
 .container-about-story h2 {
     font-size: 60px;
     line-height: 1;
     font-weight: 400;
     font-family: 'Visby Medium' !important;
     color: #2C2C2C;
}
 .container-about-story span {
     font-size: 60px;
     font-weight: 600;
 font-family: 'Visby Semibold' !important;
     color: #d80002 !important;
}
.set-img{
    height: 600px;
    object-fit: contain;
}

 .container-about-story p {
     font-size: 20px;
     font-weight: 400;
    /* padding: 0px 10px;
     */
     color: #2c2c2c;
     line-height: 1.3;
}
 .inner-container-grid {
     display: flex;
     gap: 40px;
     color: #D80002;
}
 .inner-container-grid ul {
     list-style-type: disc;
}
 .inner-container-grid li {
     margin-bottom: 10px;
     font-size: 20px;
     font-weight: 400;
}
 .process-container {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     margin: auto;
     gap: 40px;
     padding: 66px 20px 60px 20px;
     background-color: #F3F3F3;
     min-height: 1029px;
     border-radius: 30px;
     width: 100%;
     box-sizing: border-box;
}
 .process-container h2 {
     font-size: 74px;
     font-weight: 400;
     line-height: 1.2em;
     text-transform: uppercase;
     color: #2c2c2c;
     text-align: center;
}
 .process-container span {
     font-size: 74px;
     font-weight: 600;
     color: #d80002;
}
 .process-container p {
     font-size: 20px;
     font-weight: 400;
     text-align: center;
     color: #2C2C2C;
}
 .process-container .inner-container-grid {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     align-items: stretch;
     gap: 20px;
     width: 1440px;
}
 .process-container .inner-container-grid .item-process {
     flex: 1 1 calc(33.333% - 20px);
     max-width: calc(33.333% - 20px);
     min-width: 280px;
     height: auto;
     display: flex;
     flex-direction: column;
     align-items: flex-end;
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}
 .item-process .label-process {
     margin-right: 60px;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 22px;
     font-weight: 500;
     width: 173px;
     height: 71px;
     color: #fff;
     background-color: #2C2C2C;
     border-top-right-radius: 20px;
     border-top-left-radius: 20px;
}
 .content-process {
     background-color: #F6E5E5;
     width: 100%;
     height: auto;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 20px;
     border-radius: 30px;
    /* padding: 25px 30px;
     */
     height: 179px;
     padding: 20px;
     box-sizing: border-box;
     flex-direction: row;
}
 .content-process h3 {
     font-size: clamp(20px, 3vw, 38px);
     font-weight: 400;
     font-family: 'visby';
     color: #D80002;
     width: 231px;
     text-align: left;
}
 .overlay-process {
     width: 100px;
     height: 100px;
     border-radius: 50%;
     background-color: #fff5f5;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .overlay-process img {
     width: 50px;
     height: 50px;
}
 .choose-container {
     display: flex;
     width: 100%;
     justify-content: center;
     align-items: center;
     gap: 80px;
}
 .left {
     display: flex;
     flex-direction: column;
     width: 40%;
     gap: 20px;
}
 .right {
    /* width: 40%;
     */
}
 .choose-container .left .overlay-box-1 {
     width: 100%;
     height: 171px;
     border: 1px solid rgba(255, 255, 255, 0.1);
     padding: 30px;
     border-radius: 20px;
     background-color: rgba(255, 255, 255, 0.1);
     display: flex;
     flex-direction: column;
     gap: 10px;
     justify-content: center;
     padding-right: 40px;
}
 .choose-container .left .overlay-box-1 h3 {
     font-size: 30px;
     font-weight: 500;
}
 .Component {
     width: 100%;
     display: flex;
     justify-content: center;
    /* align-items: center;
     */
     gap: 25px;
    /* margin-bottom: 155px;
     */
}
 .Component .left {
     width: 20%;
     display: flex;
     justify-content: end;
     background-image: url(../images/banner-overlay.png);
     background-repeat: no-repeat;
     background-blend-mode: multiply;
     border-radius: 20px;
     background-color: rgba(216, 0, 2, 1);
     height: 550px;
     padding: 20px;
     gap: 10px;
     padding-bottom: 40px;
}
 .Component .middle {
     width: 32%;
     display: flex;
     background-image: url(../images/middle-banner-overlaty.png);
     background-repeat: no-repeat;
     background-size: contain;
     border-radius: 40px;
     /* height: 656546450px; */
}
 .Component .right {
     position: relative;
     width: 20%;
     display: flex;
     justify-content: end;
     border-radius: 20px;
     height: 550px;
     padding: 20px;
     gap: 10px;
     padding-bottom: 40px;
     flex-direction: column;
     overflow: hidden;
}
 .Component .right::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-image: url(../images/banner-overlay-1.png);
     background-size: cover;
     background-repeat: no-repeat;
     background-blend-mode: color-burn;
     background-color: rgba(221, 221, 221, 1);
     opacity: 0.8;
     z-index: 0;
     border-radius: 20px;
}
 .Component .right>* {
     position: relative;
     z-index: 1;
}
 .Component .left img {
     align-self: flex-start;
}
 .Component .left h3 {
     font-size: 70px;
     font-weight: 500;
     text-transform: uppercase;
}
 .Component .left h4 {
     font-size: 28px;
     font-weight: 300;
}
 .Component .left p {
     font-size: 20px;
     font-weight: 400;
}
 .Component .right img {
     align-self: flex-start;
}
 .Component .right h3 {
     font-size: 70px;
     font-weight: 500;
     text-transform: uppercase;
     color: rgba(216, 0, 2, 1);
}
 .Component .right h4 {
     font-size: 28px;
     font-weight: 300;
     color: #2C2C2C;
}
 .Component .right p {
     font-size: 20px;
     font-weight: 300;
     color: #2C2C2C;
}
 .services-cta-section {
     background-image: url(../images/Component-banner.png);
     background-size: cover;
     height: 100vh;
     background-repeat: no-repeat;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .services-cta h2 {
     font-size: 100px;
     font-weight: 500;
     text-transform: uppercase;
     color: #2C2C2C;
     text-align: center;
}
 .section-process {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     gap: 100px;
}
 .Seamless-process-container {
     display: flex;
     gap: 20px;
     align-items: flex-start;
     margin: auto;
}
 .Seamless-process-container .left-div {
     width: 50%;
     height: auto;
     display: flex;
     align-items: center;
     justify-content: flex-end;
}
 .Seamless-process-container .right-div {
     width: 35%;
     height: auto;
     display: flex;
     justify-content: center;
     flex-direction: column;
     gap: 30px;
}
 .Seamless-process-container .right-div .overlay-box p {
     color: #888888;
     font-size: 20px;
}
 .Seamless-process-container .right-div .overlay-box {
     border-radius: 20px;
     background-color: #F8F8F8;
     padding: 30px;
}
 .overlay-box-color {
     border-radius: 20px;
     background-color: #FFD4D480;
     padding: 30px;
}
 .Seamless-process-container .right-div .overlay-box-color p {
     color: #888888;
     font-size: 20px;
}
 .heading-center {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
}
 .heading-center h2 {
     text-align: center;
     font-size: 74px;
     color: #000000;
     text-transform: uppercase;
}
 .heading-center span {
     text-align: center;
     font-size: 74px;
     text-transform: uppercase;
}
 .heading-center p {
     font-size: 20px;
     color: #2C2C2C;
     width: 65%;
     text-align: center;
}
 .banner-image-Component {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 720px;
     margin: auto;
}
 .component-image {
     background-image: url(../images/mask-banner.png);
     background-position: center center;
     width: 100%;
     height: 610px;
     background-repeat: no-repeat;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .faqs {
     width: 100%;
     padding-top: 80px;
     padding-bottom: 80px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin: auto;
}
 .hero-faqs h2 {
     font-size: 60px;
     font-weight: 500;
     font-family: 'Visby Medium';
     text-transform: uppercase;
     color: #2c2c2c;
}
 .hero-faqs span {
     font-weight: 500;
     text-transform: uppercase;
     color: #D80002;
}
 .hero-faqs p {
     width: 55%;
     font-size: 20px;
     font-weight: 500;
     color: #2C2C2C;
     line-height: 32px;
}
 .faqs-section {
     width: 100%;
     display: flex;
     justify-content: flex-start;
     align-items: center;
     gap: 40px;
}
 .faqs-container {
     width: 100%;
     display: flex;
     gap: 40px;
}
 .faqs-container .left img {
     background-image: url(../images/Group-686.png);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     background-attachment: fixed;
    /* This line fixes the background */
     width: 781px;
     height: 1320px;
}
 details {
     border-bottom: 1px solid #e0e0e0;
     padding: 15px 0;
     cursor: pointer;
}
 summary {
     font-size: 26px;
     font-weight: 500 !important;
     list-style: none;
     display: flex;
     justify-content: space-between;
     align-items: center;
     color: #2c2c2c;
}
 summary::marker {
     display: none;
     color: #2C2C2C;
}
 summary::-webkit-details-marker {
     display: none;
}
.summary::after {
    content: "▼"; /* Unicode for  */
    font-size: 26px;
    transition: transform 0.3s ease;
}

 details[open] summary::after {
     transform: rotate(180deg);
}
 details div {
     margin-top: 10px;
     font-size: 18px;
     color: #555;
     color: #000000;
     line-height: 1.6;
     padding-right: 20px;
}
 .Rectangle {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 600px;
     background-color: #E4E4E4;
     gap: 20px;
     border-radius: 40px;
}
 .rectangle-container {
     text-align: center;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     padding-top: 120px;
     padding-bottom: 120px;
     gap: 20px;
}
 .rectangle-container h2 {
     font-size: 60px;
     font-weight: 500;
     text-transform: uppercase;
     text-align: center;
     color: #2c2c2c;
}
 .rectangle-container span {
     font-size: 60px;
     font-weight: 600;
     font-family: 'Visby Semibold';
     text-transform: uppercase;
     text-align: center;
     color: #D80002;
}
 .rectangle-container p {
     font-size: 20px;
     font-weight: 500;
     width: 80%;
     text-align: center;
     color: #2C2C2C;
     line-height: 32px;
}
 .rectangle-container .cta-buttons {
     display: flex;
     gap: 15px;
     align-items: center;
     justify-content: center;
}
 .team-section-page {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100vh;
     gap: 60px;
     flex-direction: column;
     background-color: #F3F3F3;
}
 .team-section-page .team-component {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 654px;
     border-radius: 50px;
     background-color: #E2E2E2;
     border: 1px solid#939393;
     width: 1374px;
}
 .team-component .left img {
     width: 50%;
     max-width: 50%;
}
 .team-component .right h2 {
     font-size: 66px;
     font-weight: 500;
     color: #2C2C2C;
}
 .team-component .right .red {
     color: #FF000C;
     font-size: 66px;
     font-weight: 600;
}
 .heading-h3 {
     color: #FF000C;
     font-size: 34px;
     font-weight: 500;
}
 .para-team {
     color: #2C2C2C;
     font-size: 21px;
     font-weight: 500;
}
 .hd-about {
     color: #2C2C2C;
     font-size: 30px;
     font-weight: 500;
}
 .line {
     width: 100%;
     border: 1px solid #B3B3B3;
}
 .ul-about {
     color: #2C2C2C;
}
 .ul-about li {
     list-style: disc;
     color: #2C2C2C;
     font-size: 20px;
     font-weight: 500;
}
 .ul-about li::marker {
     color: #D80002;
     font-size: 28px;
     line-height: 0;
}
 .team-component .right {
     width: 50%;
}
 .team-component .left {
     width: 50%;
     display: flex;
     align-content: center;
     align-items: center;
}
 .team-container-1 p {
     color: black;
     font-size: 38px;
     text-align: center;
    /* text-transform: capitalize;
     */
     font-weight: 500;
     width: 60%;
}
 .team-container-1 {
     display: flex;
     justify-content: center;
     align-items: center;
}
 .box-cont {
     background-color: #FFE6E6;
     height: 204px;
     height: 702px;
     display: flex;
     border-radius: 30px;
}
 span.text-red.servicespan {
     font-size: 60px;
     font-family: 'Visby Semibold';
     font-weight: 600 !important;
     line-height: 70px;
}
 #scroll-image {
     transition: transform 0.01s ease-in;
     will-change: transform;
     width: 85%;
     height: 50%;
     background: transparent;
     padding-left: 70px;
}
/* Services Dropdown Styles */
 .nav-menu li {
     position: relative;
}
 .services-dropdown {
     display: none;
     position: absolute;
     top: 100%;
     left: 519%;
     transform: translateX(-50%);
     background-color: #000;
     min-width: 600px;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
     z-index: 1000;
     border-bottom-left-radius: 40px;
     border-bottom-right-radius: 40px;
     padding: 20px 379px 315px;
}
 .nav-menu li:hover .services-dropdown {
     display: flex;
     grid-template-columns: repeat(6, 1fr);
     gap: 15px;
}
 .services-dropdown a {
     color: #fff;
     text-decoration: none;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     text-align: center;
     background-color: #1a1a1a;
     border-radius: 8px;
     padding: 20px 15px;
     transition: all 0.3s ease;
}
 .services-dropdown a:hover {
     background-color: #333;
     transform: translateY(-3px);
}
 .services-dropdown .service-icon {
     width: 150px;
     height: 100px;
     margin-bottom: 10px;
}
 .services-dropdown .service-name {
     font-size: 14px;
     font-weight: 500;
     margin-top: 8px;
}
/* End */
/* Main Section Background Set */
 section#hero-section {
     padding: 630px 0 260px 0px;
     border-bottom-left-radius: 30px;
     border-bottom-right-radius: 30px;
}
 a {
     color: #ffffff;
    /* text-decoration: underline;
     */
}
/* End */
 .why-choose-content4 h2 {
     font-size: 60px !important;
     text-align: center;
     color: #2c2c2c;
     font-family: 'Visby Medium';
     font-weight: 400;
     text-transform: uppercase;
     /* margin-left: -210px; */
     /* margin-right: -300px; */
     /* margin-top: 20px; */
}
 p.para-2-2-1 {
     font-size: 20px;
     line-height: 32px;
     font-family: 'Visby Medium';
     color: #2C2C2C;
     text-align: center;
     /* margin-left: -200px; */
     /* margin-right: -153px; */
     /* margin-bottom: 65px; */
}
 .why-choose-section1 {
     background-color: #dfdcdc;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     border-radius: 40px;
     padding: 80px 0;
     margin: 0px 0px;
     position: relative;
     z-index: 1;
}
 .why-choose-container {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 160px;
}
 .why-choose-content4 {
     max-width: 1200px;
     text-align: left;
}
 .text-red {
     text-transform: uppercase;
}
 .para-2-2 {
     font-size: 1.1rem;
     color: #333;
     margin-bottom: 20px;
     line-height: 1.8;
}
 .para-2-2 span {
     font-weight: bold;
     color: #000;
}
 .cta-buttons {
     display: flex;
     gap: 20px;
     /* margin-top: 25px; */
     /* flex-wrap: wrap;
     */
}
 .icon-btn img {
     width: 20px;
     height: 20px;
}
 a#btn-outline {
     background: #2928281a;
     color: #000;
}
 .para-2-2 span {
     font-weight: 500;
     color: #000;
     position: relative;
     display: inline-block;
     font-size: 15px;
     margin-left: -205px;
     margin-top: -38px;
}
 .para-2-2 span::before {
     content: "";
     position: absolute;
     left: -155px;
     top: 50%;
     width: 140px;
     height: 2px;
     background-color: #000;
     transform: translateY(-50%);
}
 .journey-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 30px;
     margin: 40px 0;
}
 .journey-item {
     background: transparent;
     padding: 20px;
}
 .journey-item h3 {
     font-size: 1.3rem;
     color: #000;
     font-weight: 500;
     line-height: 1.4;
     margin: -123px -163px 85px 223px;
}
 .journey-image {
     position: absolute;
     margin-top: -419px;
     margin-left: -180px;
     width: 42.7%;
     z-index: -1;
}
 div#cta-buttons-2 {
     display: flex;
     /* margin-top: -131px; */
     /* margin-left: 238px; */
     flex-direction: row;
     align-items: center;
     justify-content: center;
     align-content: center;
}
 .Component .left h3 {
     font-size: 70px;
     font-weight: 500;
     text-transform: uppercase;
     color: #fff;
}
 .Component .left h4 {
     font-size: 28px;
     font-weight: 300;
     color: #fff;
}
 .Component .left p {
     font-size: 20px;
     font-weight: 400;
     color: #fff;
}
 h3.bestselling-editors {
     font-size: 30px;
     font-weight: 500;
     font-family: visby;
     color: #000;
     line-height: 50px;
}
 span#book-writing-head {
     font-size: 100px;
     text-transform: uppercase;
}
 section {
    /* padding: 85px 0;
     */
}
 .publishing-services {
     padding: 40px 20px;
}
 .publishing-services {
     padding: 145px 20px;
}
 .publishing-services .pricing-container {
     background-color: #fff1f1;
     border-radius: 25px;
     padding: 40px;
     width: 100%;
     max-width: 1140px;
     margin: 0 auto;
}
 .pricing-container h2 {
     font-size: 24px;
     margin-bottom: 30px;
}
 .pricing-columns-2 {
     display: flex;
     gap: 20px;
}
 .service-names {
     width: 470px;
     flex-shrink: 0;
}
 .service-header {
     height: 40px;
    /* Match height of tier headers */
     margin-bottom: 15px;
     font-size: 25px;
     font-weight: 600;
}
 .service-item {
     background-color: #ffe8e8;
     padding: 15px 33px;
     margin-bottom: 15px;
     border-radius: 50px;
     font-size: 14px;
     min-height: 53px;
     display: flex;
     align-items: center;
}
 .pricing-column-2 {
     flex: 1;
     display: flex;
     flex-direction: column;
     gap: 14px;
     padding: 20px 10px;
}
 .tier {
     text-align: center;
     padding: 8px 15px;
     border-radius: 20px;
     font-size: 14px;
     margin-bottom: 15px;
}
 .premier {
     background-color: #e8e8e8;
}
 .executive {
     background-color: #e8e8e8;
}
 .black-card {
     background-color: #fff;
     color: #000;
}
 .feature-item {
     min-height: 40px;
     margin-bottom: 15px;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 1px solid #D3D3D3;
     border-radius: 50px;
}
 .check {
     display: contents;
     width: 20px;
     height: 20px;
     background-size: contain;
     background-repeat: no-repeat;
     vertical-align: middle;
     color: #000;
     font-size: 18px;
}
 .writer-type, .editor-type, .editor-label, .conference, .performed-by {
     font-size: 12px;
     padding: 0px;
     border-radius: 15px;
     text-align: center;
     width: 100%;
}
 .replacement {
     font-size: 12px;
}
 .conference, .performed-by {
     line-height: 1.3;
}
 .subtext {
     display: contents;
     font-size: 12px;
     color: #666;
}
 .pricing-footer {
     margin-top: 30px;
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .price-2 {
     font-size: 70px;
     font-weight: bold;
     color: #2C2C2C;
}
 .amount {
     color: #d80002;
     font-size: 70px;
     font-weight: bold;
}
 .get-started {
     background-color: #ff0000;
     color: white;
     border: none;
     padding: 12px 30px;
     border-radius: 25px;
     font-size: 16px;
     cursor: pointer;
     transition: background-color 0.3s;
}
 .get-started:hover {
     background-color: #e60000;
}
 .pricing-middle-container {
     background-color: #fff;
     border: 1px solid #fff;
     border-radius: 35px;
     padding: 30px;
}
 div#writer-type-set {
     background-color: #000;
     color: #fff;
     font-size: 11px;
}
 .pricing-column-2.black-card-column {
     background-color: #000;
     border-radius: 16px;
     padding: 20px 17px;
}
 #Color-set:hover {
     color: #fff;
}
 h2#section-title {
     font-size: 74px;
     text-transform: uppercase;
     font-weight: 500;
     text-align: center;
}
 .banner-image-Component {
     position: relative;
     overflow: hidden;
     border-radius: 0px;
}
/* Background Zoom Layer */
 .banner-background {
     position: absolute;
     inset: 0;
     background-image: url("assets/images/your-background.jpg");
     background-size: 100%;
     background-position: center;
     background-repeat: no-repeat;
     transition: transform 1.8s ease-in-out, border-radius 1.8s ease-in-out, background-size 1s ease-in-out;
     z-index: 0;
}
 .banner-image-Component:hover .banner-background {
     transform: scaleX(2.2) scaleY(1.15);
     border-radius: 50px;
     background-size: 110%;
}
/* Text + Image Layer */
 .component-image {
     position: relative;
     z-index: 2;
}
 .component-image img {
     width: auto;
     max-width: 100%;
     height: auto;
     display: block;
     margin: 0 auto;
     transition: opacity 1.5s ease-in-out;
}
 .banner-image-Component:hover .component-image img {
     opacity: 0;
}
 .banner-text {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     text-align: center;
     display: flex;
     z-index: 3;
     color: #fff;
     flex-direction: column;
     align-content: center;
     justify-content: center;
     align-items: center;
}
 .banner-text h2 {
     opacity: 0;
     transition: all 1s ease;
}
 .banner-image-Component:hover .banner-text h2 {
     opacity: 1;
     transform: translateY(0px);
}
 .banner-button, .cta-buttons {
     /* margin-top: 20px; */
     /* opacity: 0; */
     transform: translateY(30px);
     transition: all 1s ease;
}
 .banner-image-Component:hover .banner-button, .banner-image-Component:hover .cta-buttons {
     opacity: 1;
     transform: translateY(0px);
}
 span.section-title-2 {
     font-size: 74px;
     font-weight: 600;
     color: #d80002;
}
 h3.seamless-process-3 {
     font-size: 30px;
     font-weight: 500;
     font-family: visby;
     color: #000;
}
 .box-container- {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     align-content: flex-start;
     justify-content: flex-start;
     align-items: center;
     width: 104%;
     margin-top: -196px;
     gap: 40px;
     background-color: #FFE6E6;
     border-radius: 20px;
     padding: 10px 0px 10px 15px;
     margin-left: -8px;
}
 .left-contact-form-1-2-main {
     display: flex;
     flex-direction: column;
     width: 51%;
     gap: 5px;
     padding-left: 15px;
}
 h3.contact-form-1-2-h {
     font-size: 20px;
     color: #D80002;
}
 p.contact-form-1-2-e {
     font-size: 21px;
     font-weight: 500;
}
 p.contact-form-1-2-p {
     font-size: 20px;
     padding-top: 6px;
}
 .right-contact-form-1-2-main {
     display: flex;
     width: 40%;
     position: relative;
     flex-direction: row-reverse;
}
 a.view-full-size {
     display: flex;
     position: absolute;
     padding: 12px;
     bottom: 12px;
     right: 58px;
     border-radius: 30px;
    /* width: 13%;
     */
    /* height: 12%;
     */
     background-color: #35323287;
     color: #fff;
     align-content: center;
     flex-wrap: wrap;
     justify-content: center;
    /* margin-top: 100px;
     */
    /* margin-left: 38px;
     */
}
 .form-content-inner {
     padding: 13px;
     width: 84%;
}
 p.contact-form-1-2-p-2 {
     font-size: 20px;
     font-family: 'Visby Medium';
     font-weight: 400;
     line-height: 26px;
     margin-bottom: 40px;
}
 h2.form-heading-1-2-h {
     font-size: 60px;
     font-family: 'Visby Medium';
     font-weight: 500;
     color: #2c2c2c;
}
 span#text-red-contact-1-2-1 {
     font-size: 47px;
     font-weight: 600;
     line-height: 10px;
}
 .form-image-inner-1-2-1 {
     height: 100%;
}
 .form-image-container-1-2-1 {
     flex: 1;
}
 .form-content-container-1-2-1 {
     flex: 1;
}
 span.text-red-1-22 {
     font-size: 33px;
     font-weight: 700;
     color: #D80002;
}
 .contact-form-container-1-2-1 {
     display: flex;
     margin: 0 auto;
     gap: 100px;
}
/* Blogs Page Code Start */
 .blog-container {
     max-width: 1200px;
     margin: 0 auto;
}
 .blog-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
     gap: 30px;
     margin-bottom: 40px;
}
 .blog-card {
     border-radius: 8px;
     overflow: hidden;
     transition: all 0.3s ease;
}
 .blog-image {
     width: 100%;
     height: 200px;
     overflow: hidden;
}
 .blog-image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .blog-content h3 {
     font-size: 1.25rem;
     color: #1f2937;
     margin-bottom: 10px;
}
 .blog-content p {
     color: #6b7280;
     font-size: 0.95rem;
     margin-bottom: 15px;
}
 .read-more {
     color: #dc2626;
     text-decoration: none;
     font-weight: 600;
}
 .pagination {
     display: flex;
     justify-content: center;
     gap: 10px;
}
 .pagination a {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     text-decoration: none;
     color: #4b5563;
     font-weight: 600;
     transition: all 0.3s ease;
}
 .pagination a.active {
     background-color: #dc2626;
     color: white;
}
 .pagination a:hover:not(.active) {
     background-color: #f3f4f6;
}
 .blogs-section {
     padding: 20px;
     background-color: #f8f8f8;
}
 .blogs-section .navigation {
     background-color: #fff;
     padding: 20px;
     margin-bottom: 30px;
     border-radius: 8px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
 .blogs-section .nav-items {
     display: flex;
     justify-content: center;
     gap: 20px;
     flex-wrap: wrap;
}
 .blogs-section .nav-items a {
     text-decoration: none;
     color: #333;
     padding: 8px 16px;
     border-radius: 20px;
     transition: all 0.3s ease;
}
 .blogs-section .nav-items a.active {
     background-color: #dc2626;
     color: white;
}
 .blogs-section .nav-items a:hover:not(.active) {
     background-color: #f3f4f6;
}
 .blogs-section .categories {
     padding: 20px;
     margin-bottom: 30px;
     border-radius: 8px;
     display: flex;
     justify-content: center;
     gap: 15px;
     flex-wrap: wrap;
     margin-top: 50px;
}
 .blogs-section .category-btn {
     border: 1px solid #D3D3D3;
     background: none;
     padding: 13px 32px;
     border-radius: 50px;
     cursor: pointer;
     font-size: 1rem;
     color: #333;
     transition: all 0.3s ease;
     margin-bottom: 25px;
}
 .blogs-section .category-btn:hover {
     background-color: #f3f4f6;
}
 .blogs-section .category-btn.active {
     background: linear-gradient(to right, #D80002, #720001);
     color: white;
}
 .blogs-section .blog-container {
     max-width: 1200px;
     margin: 0 auto;
}
 .blogs-section .blog-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
     gap: 30px;
     margin-bottom: 40px;
}
 .blogs-section .blog-card {
     border-radius: 8px;
     overflow: hidden;
     transition: all 0.3s ease;
     opacity: 1;
     transform: scale(1);
}
 .blogs-section .blog-card.hide {
     display: none;
     opacity: 0;
     transform: scale(0.8);
}
 .blogs-section .blog-card:hover {
     transform: translateY(-5px);
}
 .blogs-section .blog-image {
     width: 100%;
     height: 380px;
     overflow: hidden;
}
 .blogs-section .blog-image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.3s ease;
}
 .blogs-section .blog-card:hover .blog-image img {
     transform: scale(1.05);
}
 .blogs-section .blog-content {
     padding: 20px;
     padding-left: 7px;
}
 .blogs-section .blog-content h3 {
     font-size: 20px;
     color: #2c2c2c;
     margin-bottom: 10px;
     line-height: 1.4;
}
 .blogs-section .blog-content p {
     color: #6b7280;
     font-size: 0.88rem;
     line-height: 1.6;
     margin-bottom: 15px;
}
 .blogs-section .read-more {
     display: contents;
     color: #2C2C2C;
     text-decoration: none;
     font-weight: 500;
     font-size: 16px;
     transition: color 0.3s ease;
}
 .blogs-section .read-more:hover {
     color: #D80002;
}
 .blogs-section .pagination {
     display: flex;
     justify-content: center;
     gap: 10px;
     padding-bottom: 55px;
}
 .blogs-section .pagination a {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     text-decoration: none;
     color: #4b5563;
     font-weight: 600;
     transition: all 0.3s ease;
     background: #DFDFDF;
}
 .blogs-section .pagination a.active {
     background: linear-gradient(to right, #D80002, #720001);
     color: white;
}
 .blogs-section .pagination a:hover:not(.active) {
     background-color: #f3f4f6;
}
 .separator {
     height: 1px;
     background-color: #ccc;
     border: none;
     margin: 20px 0;
     width: 127%;
     margin-left: -160px;
     margin-top: -8px;
     margin-bottom: 55px;
}
/* Blogs Page Code End */
/* Blog-Inner Page Code Start */
 .guide-section {
     max-width: 1200px;
     margin: 0 auto;
     padding: 40px 20px;
}
 .guide-header {
     text-align: center;
     margin-bottom: 40px;
}
 .guide-header h1 {
     font-size: 4.5rem;
     font-weight: 500;
     margin-bottom: 10px;
     margin-top: 70px;
}
 .guide-header h2 {
     font-size: 4.5rem;
     color: #ff0000;
     font-weight: 500;
     margin-bottom: 20px;
}
 .subtitle {
     color: #666;
     line-height: 1.6;
     margin-bottom: 20px;
     width: 70%;
     justify-self: anchor-center;
}
 .social-links {
     display: flex;
     justify-content: center;
     gap: 15px;
     margin-bottom: 30px;
}
 .social-icon {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background: #f5f5f5;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: transform 0.3s ease;
}
 .social-icon:hover {
     transform: translateY(-3px);
}
 .social-icon img {
     width: 60px;
     height: 40px;
}
 .featured-image {
     width: 100%;
     height: 520px;
     border-radius: 10px;
     overflow: hidden;
     margin-bottom: 40px;
}
 .featured-image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .guide-steps {
     display: flex;
     flex-direction: column;
     gap: 30px;
}
 .step {
     padding: 20px;
     border-radius: 10px;
     width: 97%;
}
 .step h3 {
     font-size: 1.5rem;
     font-weight: 600;
     margin-bottom: 15px;
     color: #333;
}
 .step p {
     color: #666;
     line-height: 1.6;
}
 .guide-footer {
     margin-top: 0px;
     padding: 20px;
     border-radius: 10px;
     color: #666;
     line-height: 1.6;
}
 .environment-section {
     width: 100%;
     height: 300px;
     background-color: #F6E5E5;
     padding: 40px 20px;
     border-radius: 30px;
}
 .environment-header {
     max-width: 1400px;
     margin: 0 auto;
}
 .environment-header h2 {
     color: #FF0000;
     font-size: 3rem;
     font-weight: 700;
     text-align: center;
     margin: 0;
}
 .environment-header h2 {
     color: #FF0000;
     font-size: 4.5rem;
     font-weight: 500;
     text-align: center;
     margin: 60px;
}
/* Blog-Inner Page Code */
/* Term & Condition Css Start */
 div#term-and-condition-0 {
    /* margin-top: 70px;
     */
     padding: 80px;
}
 h1 span {
     font-weight: normal;
}
 span.highlight-TAC {
     color: #D80002;
     font-size: 65px;
     font-weight: 600;
}
 section:last-child {
     border-bottom: none;
}
 p {
    /* margin-bottom: 1rem;
     */
    /* color: #FFF;
     */
     font-family: 'Visby Medium';
    /* font-size: 26px;
     */
    /* font-style: normal;
     */
    /* font-weight: 500;
     */
    /* line-height: 38px;
     */
    /* 146.154% */
}
 .intro {
     font-size: 1.1rem;
     color: #2C2C2C;
     margin-bottom: 40px;
}
 h1.term-and-condition-h1-top {
     font-size: 60px;
     font-weight: 500;
}
 .term-and-condition-top-setup {
     margin-bottom: 20px;
     margin-top: 100px;
}
 h2.term-and-condition-services {
     font-size: 45px;
     padding-bottom: 15px;
     padding-top: 30px;
}
 h2.term-and-condition-refund {
     font-size: 45px;
     padding-top: 40px;
     padding-bottom: 15px;
}
 h2.term-and-condition-change-mind {
     font-size: 45px;
     padding-top: 40px;
     padding-bottom: 15px;
}
 h2.term-and-condition-incompetent {
     font-size: 45px;
     padding-top: 40px;
     padding-bottom: 20px;
}
 h2.term-and-condition-communication {
     font-size: 45px;
     padding-top: 40px;
     padding-bottom: 20px;
}
 h2.term-and-condition-no-refund {
     font-size: 45px;
     padding-top: 40px;
     padding-bottom: 20px;
}
 h2.term-and-condition-late-delivery {
     font-size: 45px;
     padding-top: 40px;
     padding-bottom: 20px;
}
/* Term & Condition Css End */
/* Privacy Policy Css Start */
 .content-top-section {
     padding: 50px 0;
}
 .privacy-intro {
     margin-bottom: 40px;
}
 .privacy-intro p {
     font-size: 1.1rem;
     color: #2c3e50;
     margin-bottom: 20px;
}
 .policy-section {
     
     border-bottom: 1px solid #eee;
}
 .policy-section:last-child {
     border-bottom: none;
     margin-bottom: 0;
     padding-bottom: 0;
}
 h3.privacy-policy-head-3 {
     color: #2c3e50;
     font-size: 1.5rem;
     margin-bottom: 20px;
     font-weight: 600;
}
 p.privacy-policy-para-1 {
     color: #555;
     margin-bottom: 20px;
     line-height: 1.8;
}
 ul.privacy-policy-ul {
     list-style: none;
     padding-left: 20px;
     margin-bottom: 20px;
}
 li.privacy-policy-li {
     position: relative;
     padding-left: 25px;
     margin-bottom: 15px;
     line-height: 1.6;
}
 .content-top h3 {
     font-size: 44px;
     font-weight: 400;
     color: #2C2C2C;
     /* padding-bottom: 40px; */
}
 .content-top-section {
     display: flex;
     margin: auto;
     width: 1440px;
     justify-content: center;
     align-items: center;
}
 .content-top {
     display: flex;
     justify-content: center;
     align-items: flex-start;
     flex-direction: column;
     gap: 30px;
}
 .content-top h2 {
     font-size: 76px;
     text-transform: uppercase;
     font-weight: 400;
     color: #060000;
}
 .content-top span {
     font-size: 76px;
     font-weight: 600;
     text-transform: uppercase;
     text-align: center;
     color: #D80002;
}
 .content-top p {
     font-size: 20px;
     font-weight: 400;
     color: #2C2C2C;
}
 .content-top ul {
     color: #2C2C2C;
}
 .content-top li {
     list-style: disc;
     font-size: 20px;
}
 .content-top li::marker {
     color: #D80002;
     font-size: 28px;
     line-height: 0;
}
/* Privacy Policy Css End */
 .container {
     max-width: 1440px;
     margin: 0 auto;
}
 .btn-submit-form{
     border-radius: 60px;
     border: 1px solid #FFF;
     background: linear-gradient(103deg, #D80002 30.16%, #720001 87.16%);
     font-size: 20px;
     font-weight: 400;
     font-family: 'Visby Medium';
     padding: 20px 40px 20px 40px;
     color: #fff;
}
 .container-sec{
     display: flex;
     flex-direction: column;
     gap: 30px;
}
 .new-services{
     width: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     gap: 20px;
}
 .container-ser{
     max-width: 1440px;
     margin: 0 auto;
}
 .list-services{
     display: flex;
     width: 100%;
     height: 191px;
     border-radius: 130px;
     background: #FFF;
     box-shadow: 0px 34px 34px 0px rgba(0, 0, 0, 0.03);
     flex-direction: row;
     justify-content: space-evenly;
     align-items: center;
}
 .img-sec{
     width: 112px;
     height: 112px;
     flex-shrink: 0;
     transition: filter 0.3s ease;
     filter: brightness(1) saturate(88%) invert(0%);
}
 .content{
     display: flex;
     width: 60%;
     gap: 10px;
     flex-direction: column;
}
 .content h3{
     color: #2C2C2C;
     font-family: 'Visby Medium';
     font-size: 34px;
     font-style: normal;
     font-weight: 500;
}
 .content p{
     color: #888;
     font-family: 'Visby Medium';
     font-size: 20px;
     font-style: normal;
     font-weight: 500;
     line-height: 28px;
}
 .right-new a{
     border-radius: 60px;
     border: 1px solid #D3D3D3;
     padding: 22px 35px 22px 35px;
     color: #000;
     text-align: center;
     font-family: 'Visby Medium';
     font-size: 20px;
     font-style: normal;
     font-weight: 500;
}
 .list-services:hover{
     background: linear-gradient(103deg, #D80002 30.16%, #720001 87.16%);
}
 .list-services:hover .content h3{
     color: #fff;
}
 .list-services:hover .content p{
     color: #fff;
}
 .list-services:hover a{
     color: #fff;
}
 .why-choose-content h3{
     color: #FFF;
     font-family: 'Visby Medium';
     font-size: 20px;
     font-style: normal;
     font-weight: 500;
}
 .why-choose-content h2{
     color: #FFF;
     font-family: 'Visby Medium';
     font-size: 60px;
     font-style: normal;
     font-weight: 500;
     text-transform: uppercase;
}
 .why-choose-content h2 span{
     color: #D80002;
     font-family: 'Visby Semibold' !important;
     font-size: 60px;
     font-style: normal;
     font-weight: 800;
     text-transform: uppercase;
}
 .para{
     color: #FFF;
     font-family: 'Visby Medium';
     font-size: 20px;
     font-style: normal;
     font-weight: 500;
}
 .first-features{
     display: flex;
     justify-content: center;
     flex-direction: column;
     gap: 20px;
     color: #FFF;
     font-family: 'Visby Medium';
     font-size: 22px;
     font-style: normal;
     font-weight: 500;
     line-height: 22px;
    /* 100% */
}
 .main-feature{
     display: flex;
     justify-content: space-between;
     flex-direction: row;
}
 .first-features li{
     display: flex;
     justify-content: left;
     gap: 5px;
     line-height: 1.4;
}
 .first-features li:before {
    /* content: "•";
     */
     font-size: 50px;
     left: 0;
     color: #D80002;
     font-weight: bold;
}
 .cta-btn-new{
     margin-top: 7%;
     height: 64px;
     width: 100%;
     padding: 20px;
     border-radius: 80px;
     border: 1px solid #D80002;
     background: rgba(255, 255, 255, 0.00);
}
 .cta-btn-new a{
     color: #FFF;
     font-family: 'Visby Medium';
     font-size: 18px;
     font-style: normal;
     font-weight: 500;
     line-height: 20px;
    /* 100% */
}
 .bestseller-header h4{
     color: #000;
     text-align: center;
     font-family: 'Visby Medium';
     font-size: 30px;
     font-style: normal;
     font-weight: 500;
}
 .bestseller-header h4 span{
     color: #D80002;
     font-family: 'Visby Semibold';
     font-size: 30px;
     font-style: normal;
     font-weight: 600;
     line-height: 28px;
}



@media (max-width: 1366px) and (min-width: 768px) {
  .inner-header {

    max-width: 1140px;
}
.navbar {
    width: 100%;
    max-width: 1140px;

}
    .container {
        max-width: 1140px !important;
    }
    .why-choose-container {
    gap: 80px;
}
.footer__content {
    max-width: 1140px;
}
.team-content h2 {
   font-size: 62px;
}
}
.list-services:hover .img-sec {
 filter: brightness(0) saturate(100%) invert(100%);
}
p.low-time {
    font-size: 20px;
    font-family: 'Visby Medium';
    line-height: 1.3;
}
.p_t_80{
    padding-top: 80px;
}