/* 
Lizar Business HTML Template 

*/
/************ TABLE OF CONTENTS ***************

1. Fonts
2. Reset
3. Global
4. Main Header / Two / Three
5. Main Slider / Two / Three
6. About One
7. Services One / Two / Three / Four
8. Project One / Two / Three
9. Testimonial One / Two / Three
10. Partners One
11. News One / Two
12. CTA One
13. Main Footer
14. Clients One / Two / Three
15. Counter One
16. News Three
17. InTouch One
18. Page Title
19. Banner One
20. Work One
21. Pricing One
22. Team One
23. Services Widgets
24. Services Detail
25. Our Projects
26. Projects Detail
27. Projects Widgets
28. Our Blog
29. Blog Widgets
30. Comment Form
31. Comment Box
32. Contact Info
33. Contact Form
34. Map

**********************************************/



/*** 
====================================================================
	Css Files
====================================================================
***/
@import url('01-global.css');
@import url('module-css/header.css');
@import url('module-css/footerr.css');
@import url('module-css/feature.css');
@import url('module-css/solutions.css');
@import url('module-css/pricing.css');
@import url('module-css/brand.css');
@import url('module-css/collaboration.css');
@import url('module-css/free-trail.css');
@import url('module-css/testimonial.css');
@import url('module-css/copywriting-tool.css');
@import url('module-css/counter.css');
@import url('module-css/case.css');
@import url('module-css/banner.css');
@import url('module-css/gallery.css');
@import url('module-css/image-generator-tools.css');
@import url('module-css/art-and-image-tool.css');
@import url('module-css/amazing-art-tool.css');
@import url('module-css/create-something.css');
@import url('module-css/page-title.css');
@import url('module-css/how-tool-work.css');
@import url('module-css/about.css');
@import url('module-css/video.css');
@import url('module-css/team.css');
@import url('module-css/teams.css'); 
@import url('module-css/ai-product.css'); 
@import url('module-css/consulting.css');



@import url('02-bootstrap-select.min.css');
@import url('03-owl.css');
@import url('04-animate.css');
@import url('05-rtl.css');
@import url('06-custom-animate.css');
@import url('07-dark-body.css');
@import url('08-font-awesome.css');
@import url('09-icomoon.css');
@import url('10-jarallax.css');
@import url('11-preloader.css');
@import url('12-swiper.min.css');
@import url('13-odometer-theme-default.css');
@import url('14-jquery-ui.css');
@import url('15-magnific-popup.css');
@import url('../fonts/reey-font/stylesheet.css');



/*** 
====================================================================

====================================================================
***/


/* Sticy Header */
.want-sticky-header .main-header.fixed-header {
	position: relative !important;
	display: none;
}


/* Box Layout */
.box-layout .page-wrapper {
	max-width: 1390px;
	width: 100%;
	margin: 0 auto;
	padding: 15px;
	overflow: hidden;
	background-color: var(--thm-body-bg);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
}

.box-layout:before {
	position: fixed;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	background: url(../images/partners/thm-pattern-2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.box-layout .slider-one_social-icons {
	display: none;
}

.box-layout .main-header-two__inner {
	margin: 0 0px;
}

/* Responsive Container */
.video-container {
	position: relative;
	width: 100%;
	max-width: 800px; /* Optional: Set a max width for larger screens */
	margin: 0 auto; /* Center the video horizontally */
	padding-bottom: 56.25%; /* Maintain 16:9 aspect ratio (height is 56.25% of the width) */
	height: 0;
	overflow: hidden;
  }

  /* Responsive Iframe */
  .video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
  }

/* Animated background for feature box */
.animated-background {
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 1080'%3E%3Cdefs%3E%3CradialGradient id='a' r='.3' cx='.6' cy='.6' gradientTransform='rotate(0 .5 .5)'%3E%3Cstop offset='0' stop-color='%23FFFFFF' stop-opacity='.5'%3E%3Canimate attributeName='stop-color' values='%23FFFFFF%3B%2300FFAB%3B%23FFFFFF%3B%2300FFAB%3B%23FFFFFF%3B%2300FFAB%3B%23FFFFFF%3B%2300FFAB%3B%23FFFFFF' dur='19s' repeatCount='370'%3E%3C/animate%3E%3C/stop%3E%3Cstop offset='1' stop-color='%23FFFFFF' stop-opacity='0'%3E%3Canimate attributeName='stop-color' values='%23FFFFFF%3B%2300FFAB%3B%23FFFFFF%3B%2300FFAB%3B%23FFFFFF%3B%2300FFAB%3B%23FFFFFF%3B%2300FFAB%3B%23FFFFFF' dur='19s' repeatCount='370'%3E%3C/animate%3E%3C/stop%3E%3CanimateTransform attributeName='gradientTransform' type='rotate' values='360 .5 .5%3B0 .5 .5' dur='19s' repeatCount='370' /%3E%3C/radialGradient%3E%3CradialGradient id='b' r='.3' cx='.6' cy='.6' gradientTransform='rotate(120 .5 .5)'%3E%3Cstop offset='0' stop-color='%2300FFAB' stop-opacity='.5'%3E%3Canimate attributeName='stop-color' values='%23FFFFFF%3B%2300FFAB%3B%23FFFFFF%3B%2300FFAB%3B%23FFFFFF%3B%2300FFAB%3B%23FFFFFF%3B%2300FFAB%3B%23FFFFFF' dur='19s' repeatCount='370' begin='0s'%3E%3C/animate%3E%3C/stop%3E%3Cstop offset='1' stop-color='%2300FFAB' stop-opacity='0'%3E%3Canimate attributeName='stop-color' values='%23FFFFFF%3B%2300FFAB%3B%23FFFFFF%3B%2300FFAB%3B%23FFFFFF%3B%2300FFAB%3B%23FFFFFF%3B%2300FFAB%3B%23FFFFFF' dur='19s' repeatCount='370' begin='-1.5s'%3E%3C/animate%3E%3C/stop%3E%3CanimateTransform attributeName='gradientTransform' type='rotate' values='360 .5 .5%3B0 .5 .5' dur='19s' repeatCount='370' begin='-3s' /%3E%3C/radialGradient%3E%3CradialGradient id='c' r='.3' cx='.6' cy='.6' gradientTransform='rotate(240 .5 .5)'%3E%3Cstop offset='0' stop-color='%23FFFFFF' stop-opacity='.5'%3E%3Canimate attributeName='stop-color' values='%23FFFFFF%3B%2300FFAB%3B%23FFFFFF%3B%2300FFAB%3B%23FFFFFF%3B%2300FFAB%3B%23FFFFFF%3B%2300FFAB%3B%23FFFFFF' dur='19s' repeatCount='370' begin='-4.5s'%3E%3C/animate%3E%3C/stop%3E%3Cstop offset='1' stop-color='%23FFFFFF' stop-opacity='0'%3E%3Canimate attributeName='stop-color' values='%23FFFFFF%3B%2300FFAB%3B%23FFFFFF%3B%2300FFAB%3B%23FFFFFF%3B%2300FFAB%3B%23FFFFFF%3B%2300FFAB%3B%23FFFFFF' dur='19s' repeatCount='370' begin='-6s'%3E%3C/animate%3E%3C/stop%3E%3CanimateTransform attributeName='gradientTransform' type='rotate' values='360 .5 .5%3B0 .5 .5' dur='19s' repeatCount='370' begin='-7.5s' /%3E%3C/radialGradient%3E%3CradialGradient id='d' r='.4' cx='.5' cy='.5'%3E%3Cstop offset='0' stop-color='%2300FFAB' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%2300FFAB' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg fill-opacity='0.09'%3E%3Crect fill='url(%23a)' width='100%25' height='100%25' /%3E%3Crect fill='url(%23b)' width='100%25' height='100%25' /%3E%3Crect fill='url(%23c)' width='100%25' height='100%25' /%3E%3Crect fill='url(%23d)' width='100%25' height='100%25' /%3E%3C/g%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #263d22;
}

/* Core feature section (removing SVG background) */
.core-feature__content-two {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
}

.core-feature__content-two-right {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  margin-left: -20px; /* Adding negative margin to move closer to video */
  z-index: 1;
}

.expand-btn {
  display: inline-block;
  padding: 6px 12px;
  margin-top: 10px;
  margin-left: 20px;
  background: transparent;
  border: 1px solid #00FFAB;
  color: #00FFAB;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 14px;
}

.expand-btn:hover {
  background: #00FFAB;
  color: black;
}

.collapsible.active .expand-btn {
  background: #00FFAB;
  color: black;
}

.collapsible-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out, padding 0.3s ease-out;
  padding: 0 15px;
}

.collapsible.active .collapsible-content {
  max-height: 500px;
  padding: 15px;
}

.ai-product__single {
  transition: border-radius 0.3s ease;
  border-radius: 10px;
}

.ai-product__title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  text-align: center;
  padding: 15px 0;
  line-height: 1;
}

.expand-btn {
  margin-top: 0;
}

.collapsible.active .ai-product__title {
  border-bottom: 1px solid #263d22;
}

.ai-product__title a {
  margin: 0;
  padding: 0;
}

.collapsible:not(.active) .ai-product__single {
  border-radius: 10px;
  padding-bottom: 15px;
}

.ai-product__title a {
  text-align: center;
}

.banner-one__btn {
  margin: 10px 0;
  max-width: 300px;
  display: block;
  background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 1920 1080\'%3E%3Cdefs%3E%3CradialGradient id=\'a\' r=\'.3\' cx=\'.6\' cy=\'.6\' gradientTransform=\'rotate(0 .5 .5)\'%3E%3Cstop offset=\'0\' stop-color=\'%2300FFAB\' stop-opacity=\'.5\'%3E%3Canimate attributeName=\'stop-color\' values=\'%2300FFAB%3B%2300FF00%3B%2300FFAB%3B%2300FF00%3B%2300FFAB%3B%2300FF00%3B%2300FFAB\' dur=\'19s\' repeatCount=\'370\'%3E%3C/animate%3E%3C/stop%3E%3Cstop offset=\'1\' stop-color=\'%2300FFAB\' stop-opacity=\'0\'%3E%3Canimate attributeName=\'stop-color\' values=\'%2300FFAB%3B%2300FF00%3B%2300FFAB%3B%2300FF00%3B%2300FFAB%3B%2300FF00%3B%2300FFAB\' dur=\'19s\' repeatCount=\'370\'%3E%3C/animate%3E%3C/stop%3E%3CanimateTransform attributeName=\'gradientTransform\' type=\'rotate\' values=\'360 .5 .5%3B0 .5 .5\' dur=\'19s\' repeatCount=\'370\'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill=\'url(%23a)\' width=\'100%25\' height=\'100%25\'/%3E%3C/svg%3E');
  border-radius: 10px;
  overflow: hidden;
  background-size: 400% 400%;
  animation: gradientAnimation 19s ease infinite;
}

@keyframes gradientAnimation {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.pricing-one__sub-title {
    font-size: 18px;
    text-align: center;
    width: 100%;
    display: block;
    margin: 0 auto;
}

.box-rita {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    padding: 15px;
    transition: all 0.3s ease;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    height: fit-content;
    display: flex;
    flex-direction: column;
}

.box-rita .enterprise-header {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    height: 100%;
}

.box-rita h5 {
    margin: 0;
    padding: 0;
}

.box-rita .expand-btn {
    margin: 0;
}

.box-rita p {
    margin: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    line-height: 1.6;
    padding: 0 15px;
    opacity: 0;
    transform: translateY(-10px);
}

.box-rita.active p {
    max-height: 1000px;
    margin-top: 20px;
    margin-bottom: 10px;
    overflow: hidden;
    opacity: 1;
    transform: translateY(0);
}

.box-rita .expand-btn {
    margin-top: 10px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #00FFAB;
    line-height: 1; /* Add line-height to center text vertically */
    display: flex;
    align-items: center;
    justify-content: center; /* Center text both horizontally and vertically */
    min-width: 80px;
    height: 28px; /* Ensure consistent height */
}

.box-rita .expand-btn:hover {
    background: rgba(0, 255, 171, 0.1);
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 255, 171, 0.2);
}

.expand-btn:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    top: -2px;
    left: 0;
    background-color: #00FFAB;
    transform: scaleX(0);
    transform-origin: top right;
    transition: transform 0.3s ease;
}

.expand-btn:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.box-rita.active .expand-btn {
    background: rgba(0, 255, 171, 0.1);
    border-color: #00FFAB;
}

/* Expanded testimonial styling */
.testimonial-one__text-expanded {
  overflow: hidden;
  transition: all 0.3s ease;
  width: 100%;
  max-width: 100%;
}

.testimonial-one__text-container {
  width: 100%;
}

/* Make expanded content wider */
.testimonial-one__single.box-rita.active {
  height: auto;
  width: 100%;
}

/* Ensure responsive text in testimonials */
@media (max-width: 767px) {
  .testimonial-one__name {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .testimonial-one__name .expand-btn {
    margin-left: 0 !important;
    margin-top: 5px;
  }

  .testimonial-one__text-expanded p {
    font-size: 14px;
  }
}

/* Fix for box-rita in testimonials */
.testimonial-one__single.box-rita .expand-btn {
  background: transparent;
  color: #00FFAB;
  border: 2px solid #00FFAB;
  padding: 4px 15px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 120px;
}

/* Update testimonial expand button hover effect to match enterprise section */
.testimonial-one__single .expand-btn:hover {
  background: rgba(0, 255, 171, 0.1) !important;
  color: #00FFAB !important;
  border-color: #00FFAB !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 5px 15px rgba(0, 255, 171, 0.2) !important;
}

/* Active state for testimonial expand button */
.testimonial-one__single.box-rita.active .expand-btn {
  background: rgba(0, 255, 171, 0.1);
  border-color: #00FFAB;
  color: #00FFAB;
}

/* Override any conflicting styles */
.testimonial-one__single.box-rita.active {
  height: auto;
}

/* Fix for testimonial expansion */
.testimonial-review-container p.first-sentence {
  display: block; /* Always show the first sentence */
  margin-bottom: 15px;
}

.testimonial-review-expanded {
  transition: max-height 0.5s ease, opacity 0.5s ease;
  overflow: hidden;
}

.box-rita.active .testimonial-review-expanded {
  display: block;
}

/* Override any conflicting styles */
.testimonial-one__single.box-rita.active {
  height: auto;
  width: 100%;
}

/* Ensure testimonial text is always visible */
.testimonial-one__single .testimonial-one__text {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.6;
}

.pricing-one__tagline {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    color: var(--thm-white);
    margin: 0;
}

.pricing-one__tagline strong {
    color: #45E498;
}

.nina-package {
    color: #45E498;
    background-color: #111;
    border-radius: 10px;
}

.tara-package {
    color: #45E498;
    background-color: #111;
    border-radius: 10px;
}

.nico-package {
    color: #45E498;
    background-color: #111;
    border-radius: 10px;
}

/* Add glowing animation to NINA, TARA, NICO text */
.pricing-one__tagline strong {
  font-size: 30px;
  font-weight: bold;
  color: #00FFAB;
  background: linear-gradient(90deg, rgba(0,255,171,0.3) 0%, rgba(0,255,171,1) 50%, rgba(0,255,171,0.3) 100%);
  background-size: 400% 400%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradientAnimation 19s ease infinite;
}