:root {
     --primary-color: #044E88;
     --secondary-color: #FFD505;
     --light-bg: #ffffff;
     --light-bg-2: #f5f5f5;
     --dark-text: #333333;
     --gray-text: #666666;
 }

 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: 'Tajawal', sans-serif;
 }

 body {
     background-color: var(--light-bg);
     color: var(--dark-text);
     overflow-x: hidden;
 }

 a {
     text-decoration: none;
     color: var(--dark-text);
 }

 .container {
     width: 100%;
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 15px;

 }

 /* Header */
 header {
     padding: 15px 0;
     position: fixed;
     width: 100%;
     top: 0;
     left: 0;
     z-index: 1000;
     background-color: white;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
     transition: all 0.3s ease;
 }

 .header-container {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .logo {
     display: flex;
     align-items: center;
 }

 .hero {
     position: relative;
     overflow: hidden;
 }

 .hero-video {
     position: absolute;
     top: 40%;
     left: 50%;
     width: 100%;
     height: 100%;
     object-fit: cover;
     transform: translate(-50%, -40%);
     /* Added scale(1.2) to zoom */

     z-index: 0;
 }

 .hero-content,
 .hero-tabs {
     position: relative;
     z-index: 1;
 }

 .logo img {
     height: 50px;
 }

 .nav-menu {
     display: flex;
     list-style: none;
 }

 .nav-menu li {
     margin: 0 15px;
 }

 .nav-menu a {
     position: relative;
     padding: 5px 0;
     font-weight: 500;
     transition: all 0.3s ease;
     color: white;
 }



 .nav-menu a::after {
     content: '';
     position: absolute;
     width: 0;
     height: 2px;
     background-color: var(--primary-color);
     bottom: 0;
     right: 0;
     transition: width 0.3s ease;
 }

 .nav-menu a:hover::after {
     width: 100%;
 }

 .header-contact {
     color: white;
     display: flex;
     align-items: center;
 }

 .header-contact a {
     columns: white;
     color: white;
     margin-right: 20px;
     font-size: 14px;
     display: flex;
     align-items: center;
 }

 .header-contact i {
     margin-left: 5px;
     color: white;
 }

 .social-icons {
     display: flex;
 }

 .social-icons a {
     margin-right: 15px;
     font-size: 18px;
     transition: transform 0.3s ease;
 }

 .social-icons a:hover {
     transform: translateY(-3px);
     color: var(--primary-color);
 }

 .mobile-toggle {
     display: none;
     background: none;
     border: none;
     color: white;
     font-size: 30px;
     cursor: pointer;
 }

 /* Hero Section */
 .hero {
     height: 100vh;
     background: var(--primary-color) no-repeat center center;
     background-size: cover;
     display: flex;
     align-items: center;
     position: relative;
     color: white;
 }

 .hero-content {
     max-width: 700px;
     opacity: 0;
     transform: translateY(30px);
     animation: fadeInUp 1s ease forwards;
     animation-delay: 0.5s;
 }

 z .hero-subtitle {
     color: var(--secondary-color);
     font-size: 18px;
     margin-bottom: 20px;
     letter-spacing: 1px;
     background-color: #044E88;
     width: 90%;
     padding: 10px;
     text-align: center;

 }

 .hero-title {
     background-color: #e6c004;
     width: 90%;
     text-align: center;
     font-size: 60px;
     font-weight: 700;
     margin-bottom: 20px;
     line-height: 1.2;
 }

 .hero-description {
     font-size: 18px;
     margin-bottom: 30px;
     line-height: 1.6;
     color: rgba(255, 255, 255, 0.9);
     font-weight: 900;
 }

 .btn {
     display: inline-block;
     padding: 12px 30px;
     background-color: var(--primary-color);
     color: white;
     border-radius: 4px;
     font-weight: 500;
     transition: all 0.3s ease;
     border: none;
     cursor: pointer;
 }

 .btn:hover {
     background-color: #033e6d;
     transform: translateY(-3px);
 }

 .btn-outline {
     background-color: transparent;
     border: 2px solid var(--secondary-color);
     color: white;
     margin-right: 15px;
 }

 .btn-outline:hover {
     background-color: var(--secondary-color);
     color: var(--primary-color);
 }

 .hero-tabs {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     background-color: white;
     padding: 20px 0;
     box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.1);
 }

 .tabs-container {
     display: flex;
     justify-content: space-around;
 }

 .tab {
     text-align: center;
     padding: 0 20px;
     cursor: pointer;
     transition: all 0.3s ease;
     opacity: 0;
     transform: translateY(20px);
     animation: fadeInUp 0.5s ease forwards;
     margin-top: 50px;
 }

 .tab:nth-child(1) {
     animation-delay: 0.7s;
 }

 .tab:nth-child(2) {
     animation-delay: 0.9s;
 }

 .tab:nth-child(3) {
     animation-delay: 1.1s;
 }

 .tab i {
     color: var(--primary-color);
     font-size: 30px;
     margin-bottom: 10px;
 }

 .tab h3 {
     font-size: 18px;
     margin-bottom: 5px;
     color: var(--dark-text);
 }

 .tab p {
     color: #033e6d;
 }

 .tab:hover i {
     transform: scale(1.1);
 }

 /* About Section */
 .about {
     padding: 100px 0;
     background-color: var(--light-bg-2);
 }

 .section-header {
     text-align: center;
     margin-bottom: 60px;
 }

 .section-subtitle {
     color: var(--primary-color);
     font-size: 16px;
     margin-bottom: 10px;
     letter-spacing: 1px;
 }

 .section-title {
     font-size: 40px;
     font-weight: 700;
     margin-bottom: 20px;
     color: var(--dark-text);
 }

 .section-description {
     font-size: 18px;
     max-width: 700px;
     margin: 0 auto;
     color: var(--gray-text);
     line-height: 1.6;
 }

 .about-content {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
 }

 .about-image {
     flex: 1;
     min-width: 300px;
     position: relative;
 }

 .about-image img {
     width: 100%;
     border-radius: 8px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
 }

 .about-image::before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     border: 3px solid var(--secondary-color);
     top: 20px;
     right: -20px;
     border-radius: 8px;
     z-index: -1;
 }

 .about-text {
     flex: 1;
     min-width: 300px;
     padding: 30px;
 }

 .about-text h3 {
     font-size: 30px;
     margin-bottom: 20px;
     color: var(--dark-text);
 }

 .about-text p {
     margin-bottom: 20px;
     line-height: 1.6;
     color: var(--gray-text);
 }

 .about-features {
     display: flex;
     flex-wrap: wrap;
     margin-top: 30px;
 }

 .feature {
     display: flex;
     align-items: flex-start;
     width: 50%;
     margin-bottom: 20px;
     padding-right: 15px;
 }

 .feature i {
     color: var(--primary-color);
     font-size: 24px;
     margin-left: 15px;
 }

 .feature-text h4 {
     margin-bottom: 5px;
     color: var(--dark-text);
 }

 .feature-text p {
     font-size: 14px;
     margin-bottom: 0;
     color: var(--gray-text);
 }

 /* Services Section */
 .services {
     padding: 100px 0;
     background-color: var(--light-bg);
 }

 .services-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 30px;
     margin-top: 50px;
 }

 .service-card {
     background-color: white;
     border-radius: 8px;
     padding: 30px;
     transition: all 0.3s ease;
     position: relative;
     overflow: hidden;
     border: 1px solid #e5e5e5;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
 }

 .service-card::before {
     content: '';
     position: absolute;
     width: 100%;
     height: 3px;
     background-color: var(--secondary-color);
     top: 0;
     right: 0;
     transform: scaleX(0);
     transform-origin: right;
     transition: transform 0.3s ease;
 }

 .service-card:hover {
     transform: translateY(-10px);
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 }

 .service-card:hover::before {
     transform: scaleX(1);
 }

 .service-icon {
     width: 70px;
     height: 70px;
     background-color: rgba(4, 78, 136, 0.1);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 20px;
 }

 .service-icon i {
     font-size: 30px;
     color: var(--primary-color);
 }

 .service-title {
     font-size: 22px;
     margin-bottom: 15px;
     color: var(--dark-text);
 }

 .service-description {
     color: var(--gray-text);
     line-height: 1.6;
     margin-bottom: 20px;
 }

 .learn-more {
     color: var(--primary-color);
     font-weight: 500;
     display: flex;
     align-items: center;
 }

 .learn-more i {
     margin-right: 5px;
     transition: transform 0.3s ease;
 }

 .learn-more:hover i {
     transform: translateX(-5px);
 }

 /* Stats Section */
 .stats {
     padding: 80px 0;
     background: linear-gradient(rgba(4, 78, 136, 0.9), rgba(4, 78, 136, 0.9)), url('https://source.unsplash.com/random/1600x900/?statistics,charts') no-repeat center center;
     background-size: cover;
     background-attachment: fixed;
     color: white;
 }

 .stats-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
     gap: 30px;
 }

 .stat-item {
     text-align: center;
     padding: 30px;
     border-radius: 8px;
     background-color: rgba(255, 255, 255, 0.1);
     backdrop-filter: blur(10px);
     border: 1px solid rgba(255, 255, 255, 0.2);
     transition: all 0.3s ease;
 }

 .stat-item:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
 }

 .stat-icon {
     font-size: 40px;
     color: var(--secondary-color);
     margin-bottom: 20px;
 }

 .stat-number {
     font-size: 40px;
     font-weight: 700;
     margin-bottom: 10px;
     background: linear-gradient(45deg, white, var(--secondary-color));
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .stat-title {
     font-size: 16px;
     color: rgba(255, 255, 255, 0.9);
 }

 .team {
     padding: 100px 0;
     background-color: var(--light-bg-2);
 }

 .team-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
     gap: 30px;
     margin-top: 50px;
 }

 .team-card {
     background-color: white;
     border-radius: 8px;
     overflow: hidden;
     transition: all 0.3s ease;
     position: relative;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
 }

 .team-card:hover {
     transform: translateY(-10px);
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 }

 .team-image {

     position: relative;
     height: auto;
     /* Change from fixed height to auto */
     overflow: hidden;

 }

 .team-image img {
     width: 100%;
     height: auto;
     /* Change from 100% to auto */
     max-height: 200px;
     /* Add this line to limit height */
     object-fit: contain;
     /* Change from cover to contain */
     transition: transform 0.5s ease;
 }

 .team-card:hover .team-image img {
     transform: scale(1.1);
 }

 .team-social {
     position: absolute;
     bottom: -50px;
     left: 0;
     width: 100%;
     padding: 15px 0;
     background-color: var(--primary-color);
     display: flex;
     justify-content: center;
     transition: all 0.3s ease;
 }

 .team-card:hover .team-social {
     bottom: 0;
 }

 .team-social a {
     margin: 0 10px;
     width: 30px;
     height: 30px;
     background-color: rgba(255, 255, 255, 0.2);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: white;
     font-size: 14px;
     transition: all 0.3s ease;
 }

 .team-social a:hover {
     transform: translateY(-5px);
     background-color: var(--secondary-color);
     color: var(--primary-color);
 }

 .team-info {
     padding: 20px;
     text-align: center;
 }

 .team-name {
     font-size: 20px;
     margin-bottom: 5px;
     color: var(--dark-text);
 }

 .team-position {
     color: var(--primary-color);
     font-size: 14px;
     margin-bottom: 12px;
 }

 .team-description {
     color: var(--text-color);
     font-size: 14px;
     line-height: 1.5;
     margin-top: 10px;
     text-align: center;
     height: 80px;
 }

 /* Contact Section */
 .contact {
     padding: 100px 0;
     background-color: var(--light-bg);
 }

 .contact-content {
     display: flex;
     flex-wrap: wrap;
     margin-top: 50px;
 }

 .contact-info {
     flex: 1;
     min-width: 300px;
     padding-left: 30px;
 }

 .contact-info h3 {
     font-size: 30px;
     margin-bottom: 30px;
     color: var(--dark-text);
 }

 .contact-info p {
     color: var(--gray-text);
     line-height: 1.6;
     margin-bottom: 30px;
 }

 .contact-method {
     display: flex;
     align-items: flex-start;
     margin-bottom: 20px;
 }

 .contact-method i {
     width: 50px;
     height: 50px;
     background-color: rgba(4, 78, 136, 0.1);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--primary-color);
     font-size: 20px;
     margin-left: 20px;
 }

 .contact-method-info h4 {
     margin-bottom: 5px;
     color: var(--dark-text);
 }

 .contact-method-info p {
     margin-bottom: 0;
     font-size: 14px;
     color: var(--gray-text);
 }

 .contact-form {
     flex: 1;
     min-width: 300px;
     background-color: white;
     padding: 30px;
     border-radius: 8px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
     border: 1px solid #e5e5e5;
 }

 .form-group {
     margin-bottom: 20px;
 }

 .form-control {
     width: 100%;
     padding: 12px 15px;
     background-color: #f9f9f9;
     border: 1px solid #e5e5e5;
     border-radius: 4px;
     color: var(--dark-text);
     transition: all 0.3s ease;
 }

 .form-control:focus {
     outline: none;
     border-color: var(--primary-color);
     background-color: white;
 }

 textarea.form-control {
     resize: vertical;
     min-height: 150px;
 }

 .form-submit {
     width: 100%;
     padding: 15px;
     font-size: 16px;
 }

 /* Footer */
 footer {
     background-color: var(--primary-color);
     padding: 80px 0 0;
     color: white;
 }

 .footer-top {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
     gap: 30px;
     padding-bottom: 50px;
 }

 .footer-widget h4 {
     font-size: 20px;
     margin-bottom: 25px;
     position: relative;
     padding-bottom: 10px;
     color: white;
 }

 .footer-widget h4::after {
     content: '';
     position: absolute;
     width: 50px;
     height: 2px;
     background-color: var(--secondary-color);
     bottom: 0;
     right: 0;
 }

 .footer-widget p {
     color: rgba(255, 255, 255, 0.8);
     line-height: 1.6;
     margin-bottom: 20px;
 }

 .footer-links {
     list-style: none;
 }

 .footer-links li {
     margin-bottom: 15px;
 }

 .footer-links a {
     color: rgba(255, 255, 255, 0.8);
     transition: all 0.3s ease;
     display: flex;
     align-items: center;
 }

 .footer-links a i {
     margin-left: 10px;
     color: var(--secondary-color);
 }

 .footer-links a:hover {
     color: var(--secondary-color);
     transform: translateX(-5px);
 }

 .footer-newsletter p {
     margin-bottom: 15px;
 }

 .newsletter-form {
     display: flex;
 }

 .newsletter-input {
     flex: 1;
     padding: 12px 15px;
     background-color: rgba(255, 255, 255, 0.1);
     border: 1px solid rgba(255, 255, 255, 0.2);
     border-radius: 4px 0 0 4px;
     color: white;
 }

 .newsletter-input:focus {
     outline: none;
     border-color: var(--secondary-color);
 }

 .newsletter-btn {
     background-color: var(--secondary-color);
     color: var(--primary-color);
     border: none;
     padding: 0 20px;
     border-radius: 0 4px 4px 0;
     cursor: pointer;
     transition: all 0.3s ease;
     font-weight: bold;
 }

 .newsletter-btn:hover {
     background-color: #e6c004;
 }

 .footer-bottom {
     padding: 20px 0;
     border-top: 1px solid rgba(255, 255, 255, 0.1);
     text-align: center;
 }

 .footer-bottom p {
     color: rgba(255, 255, 255, 0.8);
     font-size: 14px;
 }

 .footer-bottom a {
     color: var(--secondary-color);
 }

 /* Animations */
 @keyframes fadeInUp {
     from {
         opacity: 0;
         transform: translateY(30px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 .fade-in {
     opacity: 0;
     transform: translateY(30px);
     transition: all 0.5s ease;
 }

 .fade-in.active {
     opacity: 1;
     transform: translateY(0);
 }

 /* Scroll to Top */
 .scroll-top {
     position: fixed;
     bottom: 30px;
     left: 30px;
     width: 50px;
     height: 50px;
     background-color: var(--primary-color);
     color: white;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 20px;
     cursor: pointer;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease;
     z-index: 999;
 }

 .scroll-top.active {
     opacity: 1;
     visibility: visible;
 }

 .scroll-top:hover {
     background-color: var(--secondary-color);
     color: var(--primary-color);
     transform: translateY(-5px);
 }

 /* Responsive */
 @media (max-width: 991px) {
     .hero-title {
         font-size: 40px;
     }

     .section-title {
         font-size: 32px;
     }

     .about-image::before {
         display: none;
     }

     .feature {
         width: 100%;
     }
 }

 @media (max-width: 768px) {
     .hero {
         height: 1500px;
         margin-top: -400px;

     }



     .nav-menu {
         position: fixed;
         top: 80px;
         right: -100%;
         width: 80%;
         max-width: 400px;
         height: calc(100vh - 80px);
         background-color: white;
         flex-direction: column;
         padding: 40px;
         transition: all 0.3s ease;
         z-index: 1000;
         box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
         margin-top: 50px;
     }

     .nav-menu.active {
         right: 0;
     }

     .nav-menu li {
         margin: 15px 0;

     }

     .nav-menu a {
         margin: 15px 0;
         color: black
     }


     .mobile-toggle {
         display: block;
     }

     .header-contact {
         display: none;
     }

     .hero-title {
         font-size: 36px;
     }

     .tab {
         padding: 0 10px;
     }

     .about-content {
         flex-direction: column;
     }

     .about-image {
         margin-bottom: 30px;
     }

     .contact-content {
         flex-direction: column;
     }

     .contact-info {
         margin-bottom: 30px;
         padding-right: 0;
     }
 }

 @media (max-width: 576px) {
     .hero-title {
         font-size: 30px;
     }

     .section-title {
         font-size: 28px;
     }

     .tabs-container {
         flex-direction: column;
     }

     .tab {
         margin-bottom: 20px;
     }

     .btn {
         width: 100%;
         margin-bottom: 15px;
     }

     .btn-outline {
         margin-right: 0;
     }
 }


 .team {
     padding: 100px 0;
     background-color: var(--light-bg-2);
 }

 /* Testimonials Section */
 .testimonials {
     padding: 100px 0;
     background-color: var(--light-bg);
     position: relative;
 }

 .testimonials::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: url('/api/placeholder/1920/1080') no-repeat center center;
     background-size: cover;
     opacity: 0.05;
     z-index: 0;
 }

 .testimonials-slider {
     position: relative;
     max-width: 800px;
     margin: 60px auto 0;
     z-index: 1;
 }

 .testimonial-container {
     position: relative;
     overflow: hidden;
     margin-bottom: 30px;
     height: 350px;
     /* Fixed height for consistent sizing */
 }

 .testimonial-slide {
     position: absolute;
     width: 100%;
     height: 100%;
     opacity: 0;
     transition: all 0.5s ease;
     transform: translateX(100px);
 }

 .testimonial-slide.active {
     opacity: 1;
     transform: translateX(0);
 }

 .testimonial-content {
     background-color: white;
     border-radius: 10px;
     padding: 40px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
     position: relative;
     height: 100%;
     display: flex;
     flex-direction: column;
 }

 .testimonial-quote {
     position: absolute;
     top: 20px;
     right: 20px;
     color: var(--secondary-color);
     font-size: 24px;
 }

 .testimonial-text {
     color: var(--gray-text);
     font-size: 18px;
     line-height: 1.8;
     margin-bottom: 30px;
     flex-grow: 1;
 }

 .testimonial-author {
     display: flex;
     align-items: center;
 }

 .testimonial-author img {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     border: 3px solid var(--primary-color);
     margin-left: 15px;
     object-fit: cover;
 }

 .author-info h4 {
     font-size: 18px;
     margin-bottom: 5px;
     color: var(--dark-text);
 }

 .author-info p {
     color: var(--primary-color);
     font-size: 14px;
 }

 .testimonial-controls {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .testimonial-dots {
     display: flex;
     justify-content: center;
 }

 .testimonial-dot {
     width: 12px;
     height: 12px;
     border-radius: 50%;
     background-color: #e0e0e0;
     margin: 0 5px;
     cursor: pointer;
     transition: all 0.3s ease;
 }

 .testimonial-dot.active {
     background-color: var(--primary-color);
     transform: scale(1.2);
 }

 .testimonial-arrows {
     display: flex;
 }

 .testimonial-arrow {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background-color: white;
     border: 1px solid #e0e0e0;
     margin: 0 5px;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     transition: all 0.3s ease;
     color: var(--primary-color);
 }

 .testimonial-arrow:hover {
     background-color: var(--primary-color);
     color: white;
 }

 /* Partners Section */
 .partners {
     padding: 80px 0;
     background-color: var(--light-bg-2);
 }

 .partners-slider {
     margin-top: 50px;
     position: relative;
     overflow: hidden;
 }

 .partners-track {
     display: flex;
     animation: scrollPartners 30s linear infinite;
     width: calc(200px * 16);
     /* 8 items * 2 (for looping) */
 }

 .partner-item {
     min-width: 200px;
     height: 100px;
     background-color: white;
     margin: 0 15px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 8px;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
     transition: all 0.3s ease;
 }

 .partner-item:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 }

 .partner-item img {
     max-width: 80%;
     max-height: 80%;

     opacity: 0.6;
     transition: all 0.3s ease;
 }

 .partner-item:hover img {
     opacity: 1;
 }

 /* Responsive styles */
 @media (max-width: 991px) {
     .testimonial-text {
         font-size: 16px;
     }

     .testimonial-container {
         height: 400px;
     }
 }

 @media (max-width: 768px) {
     .testimonial-container {
         height: 450px;
     }

     .partner-item {
         min-width: 150px;
         margin: 0 10px;
     }

     .partners-track {
         width: calc(150px * 16);
     }


 }

 @media (max-width: 576px) {
     .testimonial-container {
         height: 500px;
     }

     .testimonial-author {
         flex-direction: column;
         text-align: center;
     }

     .testimonial-author img {
         margin-left: 0;
         margin-bottom: 15px;
     }

     .partner-item {
         min-width: 130px;
         margin: 0 5px;
     }

     .partners-track {
         width: calc(130px * 16);
     }

 }