/*
Theme Name:     Neve
Theme URI:      https://themeisle.com/themes/neve/
Author:         ThemeIsle
Author URI:     https://themeisle.com
Tested up to:   6.2
Requires PHP:   7.0
Requires at least: 5.5
Description:    Neve is a next-generation, ultra-fast WordPress theme designed for top performance, SEO, and Core Web Vitals. Its lightweight codebase and small size ensure minimal overhead and lightning-fast load times. Fully compatible with the block editor, popular page builders (Elementor, Bricks, Oxygen etc), and WooCommerce, it’s perfect for blogs, small businesses, agencies, portfolios, and online stores. With responsive design, multilingual translations, and easy customization options, Neve empowers you to create a future-proof, high-ranking online presence. Discover everything Neve has to offer and explore our powerful premium version at https://themeisle.com/themes/neve/.
Version:        4.1.2
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Pro Slug:  			neve-pro-addon
AMP: 						true
WordPress Available:  yes
Requires License:     no
Tags: blog, custom-logo, e-commerce, rtl-language-support, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles, footer-widgets, portfolio, left-sidebar, right-sidebar
*/
.custom-front-page {
  text-align: center;
  padding: 100px 20px;
  background-color: rgba(0, 0, 0, 0.5); /* optional overlay */
  color: white;
}

.custom-button {
  display: inline-block;
  padding: 12px 24px;
  background-color: #0073aa;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  margin-top: 20px;
}
.join-us-title{
  color: #db21fc;
  font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    opacity: 0.9;
    font-family: var(--theme-font-h5_font-family);
        margin-bottom: 1.4em;

}
.service-heading{
    font-size: 38px;
        margin-top: 15px;


}
.services-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.service-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  border-bottom: 1px solid #ccc;
  padding-bottom: 40px;
  gap: 16px;
}

/* Number */
.service-number {
  color: #d2d1d9;
  font-weight: bold;
  flex: 0 0 auto;
}

.service-title:hover .service-number {
  color: #db21fc;
}

/* Title */
.service-title {
  font-weight: 600;
  color: #000;
  flex: 1 1 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  padding-top: 2px;
}

/* Description */
.service-description {
  flex: 2 1 300px;
  color: #444;
  font-size: 1rem;
  line-height: 1.6;
  margin: 4px 0 0;
  display: -webkit-box;
  /* -webkit-line-clamp: 3; */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Arrow wrapper */
.service-arrow-wrapper {
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
  border: 2px solid #d2d1d9;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  cursor: pointer;
  transition: all 0.3s ease;
}

.service-arrow {
  font-size: 18px;
  color: #000;
  transition: color 0.3s ease;
}

.service-arrow-wrapper:hover {
  border-color: #000;
}

.service-arrow-wrapper:hover .service-arrow {
  color: #000;
    transform: translate(5px, -2px) rotate(-30deg); /* Right + Up + Rotate */
  transition: transform 0.3s ease, color 0.3s ease;

}
.marquee-container {
  width: 100%;
  overflow: hidden;
  background: #e7e7ee;
  padding: 5rem 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.marquee {
  white-space: nowrap;
  display: inline-block;
  padding: 5px 0;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  color: #040113;
    font-size: 100px;
    line-height: 0.95em;
    letter-spacing: -0.03em;
}

.marquee-ltr {
  animation-name: scroll-left-to-right;
    font-weight: 500;
}

.marquee-rtl {
  animation-name: scroll-right-to-left;
    font-weight: 100;

}
.marquee-logo{
  width: 8%;
}

/* Keyframes */
@keyframes scroll-left-to-right {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(50%);
  }
}

@keyframes scroll-right-to-left {
  0% {
    transform: translateX(50%);
  }
  100% {
    transform: translateX(-50%);
  }
}
.wp-block-cover__background {
    background-color: transparent !important;
    padding: 0 2%;
}
.post-categories{
      width: 100%;
    font-size: 14px;
    line-height: 55px;
    font-weight: 550;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    color: #7121fc;
}
.find-out-more-link {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s ease;
}



.arrow-line {
  margin-left: 10px;
  font-weight: bold;
  transition: transform 0.3s ease;
  font-size: 30px;

}

.find-out-more-link:hover .arrow-line {
  transform: translateX(20px);
  
}
.title{
  font-size:14px; 
  text-transform:uppercase;
    color: #7121fc;
    font-weight: 550;

}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    font-size: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.play-button:hover {
    background-color: rgba(0, 0, 0, 0.9);
}

.video-popup {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
}

.video-popup-content {
    position: relative;
    width: 80%;
    max-width: 900px;
    margin: 80px auto;
}

.close-popup {
    position: absolute;
    top: -30px;
    right: -30px;
    color: #fff;
    font-size: 40px;
    cursor: pointer;
}
.custom-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 48px;
    border: 1px solid #FCFCFC;
    border-radius: 100%;
    color: #FCFCFC;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

.custom-play-button:hover {
    color: #FCFCFC;
    transition: none;
    transform: translate(-75%, -75%) translate3d(0, 0, 0);
}


.testimonial-section {
    background-color: #0f1115 !important; /* Black background */
    padding: 60px 60px;
}

.testimonial-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    /* max-width: 1200px; */
    /* margin: 0 auto; */
}

.testimonial-card {
    background-color: #1c1f26;
    border-radius: 15px;
    padding: 30px 20px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.3s ease;
}

.testimonial-card:hover {
    transform: translateY(-5px);
}

.testimonial-quote {
    font-size: 40px;
    color: #ccc;
    margin-bottom: 20px;
}

.testimonial-text {
    font-size: 20px;
    margin-bottom: 30px;
    line-height: 1.8;
}

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

.testimonial-image {
    width: 78px;
    height: 78px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15px;
}

.testimonial-name {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
        padding-top: 35px;

}

.testimonial-location {
    font-size: 14px;
    color: #aaa;
}
.testimonial-card:hover {
    background-color: #db21fc; /* background color on hover */
}
.articles-type{
  text-transform: uppercase;
  font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.6px;
}
.articles-date{
  font-size: 14px;
    display: inline-block;
    margin-left: 0;
    opacity: 0.9;
    color: #838289;
}
.articles-right{
    color: #838289;

}
.contact-form-wrapper {
    padding-right: var(--wp--preset--spacing--30);
    padding-left: var(--wp--preset--spacing--30);
    flex-basis: 34%;
}

.form-subtitle {
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 500;
    color: #fff;
}

.form-title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #fff;
}

.contact-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.contact-form .form-input,
.contact-form .form-textarea {
    padding: 12px;
    border: 1px solid transparent;
    background: transparent;
    color: #fff;
    width: 100%;
    transition: border-color 0.3s ease;
}

.contact-form .form-input:focus,
.contact-form .form-input:hover,
.contact-form .form-textarea:focus,
.contact-form .form-textarea:hover {
    border-bottom: 1px solid #fff;

    outline: none;
}

.contact-form .form-textarea {
    grid-column: span 2;
    min-height: 120px;
    resize: vertical;
}

.contact-form .form-checkbox {
    grid-column: span 2;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #fff;
}

.contact-form .form-checkbox input {
    margin-right: 10px;
}

.contact-form .form-button {
    grid-column: span 2;
    padding: 14px 35px;
    background-color: #db21fc;
    color: #fff;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 50%;
}
  @media (min-width: 320px) and (max-width: 642px) {
    .testimonial-section{
padding: 20px;   

    }
  }