/* 
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('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@100..900&family=Cinzel:wght@400..900&family=Fanwood+Text:ital@0;1&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=League+Gothic&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+Elbasan&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&family=Play:wght@400;700&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto+Flex:opsz,wght@8..144,100..1000&family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&family=Teko:wght@300..700&display=swap');

@import url('01-global.css');
@import url('header.css');
@import url('footer.css');
@import url('feature.css');
@import url('solutions.css');
@import url('pricing.css');
@import url('brand.css');
@import url('collaboration.css');
@import url('testimonial.css');
@import url('faq.css');
@import url('free-trail.css');
@import url('copywriting-tool.css');
@import url('how-tool-work.css');
@import url('counter.css');
@import url('case.css');
@import url('banner.css');
@import url('gallery.css');
@import url('image-generator-tools.css');
@import url('art-and-image-tool.css');
@import url('amazing-art-tool.css');
@import url('create-something.css');
@import url('page-title.css');
@import url('about.css');
@import url('video.css');
@import url('team.css');
@import url('ai-product.css');
@import url('login.css');
@import url('reset-password.css');
@import url('contact.css');
@import url('blog.css');
@import url('career.css');
@import url('404.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('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/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;
}
.button {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    background: transparent;
    color: #EDD5A8 !important;
    font-weight: bold;
    font-size: 15px;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    text-transform: capitalize;
}

/* Icon hover effect */
.button i {
    transition: transform 0.3s ease;
}
.button:hover i {
    transform: scale(1.2) rotate(20deg);
}

/* Moving blue border */
.button::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    border: 2px solid #EDD5A8;
    z-index: 0;
    pointer-events: none;
    box-sizing: border-box;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    animation: borderMove 3.5s linear infinite;
}

/* Text stays above the border */
.button span {
    position: relative;
    z-index: 1;
}

/* Hover text color change */
.button:hover {
    color: #EDD5A8
}

/* Smooth border movement around the corners */
@keyframes borderMove {
    0% {
        clip-path: polygon(0 0, 50% 0, 0 0, 0 0);
    }
    25% {
        clip-path: polygon(0 0, 100% 0, 0 0, 0 0);
    }
    50% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
    }
    75% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
    100% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
    }
}

.btn_shop {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    border: none;
    cursor: pointer;
    background: linear-gradient(45deg, #ff416c, #ff4b2b);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    border-radius: 0; /* No border-radius */
}

/* Hover effect */
.btn_shop:hover {
    transform: translateY(-4px) scale(1.03);
    box-shadow: 0 8px 25px rgba(255, 65, 108, 0.35);
}

/* Icon animation */
.btn_shop .btn_icon {
    font-size: 20px;
    transition: 0.3s ease;
}

.btn_shop:hover .btn_icon {
    transform: translateY(-2px);
}

/* Wave effect */
.btn_shop .btn_wave {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.35);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
}

.btn_shop:active .btn_wave {
    animation: btn_wave_anim 0.6s ease-out;
}

@keyframes btn_wave_anim {
    0% {
        width: 0;
        height: 0;
        opacity: 0.7;
    }
    100% {
        width: 350px;
        height: 350px;
        opacity: 0;
    }
}
/***************3d***************/
.btn_3d {
    position: relative;
    display: inline-flex;
    gap: 10px;
    align-items: center;
    padding: 14px 28px;
    background: linear-gradient(45deg, #ff416c, #ff4b2b);
    color: #fff;
    font-weight: 700;
    border: none;
    cursor: pointer;
    box-shadow: 0 6px 0 #c53047;
    transform: translateY(0);
    transition: 0.2s ease;
}
.btn_3d:active {
    transform: translateY(6px);
    box-shadow: 0 0 0 #c53047;
}
.btn_3d .btn_wave {
    position: absolute;
    top: 50%; left: 50%;
    width: 0; height: 0;
    border-radius: 50%;
    background: rgba(255,255,255,0.4);
    transform: translate(-50%, -50%);
    opacity: 0;
}
.btn_3d:active .btn_wave {
    animation: wave2 .5s ease;
}
@keyframes wave2 {
    0% { width:0; height:0; opacity:.7; }
    100% { width:280px; height:280px; opacity:0; }
}
.btn_neon {
    position: relative;
    padding: 14px 28px;
    display: inline-flex;
    gap: 10px;
    align-items: center;
    border: none;
    background: linear-gradient(45deg, #ff416c, #ff4b2b);
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 0 12px rgba(255, 75, 43, .8),
                0 0 25px rgba(255, 75, 43, .6);
    transition: 0.25s;
}
.btn_neon:hover {
    box-shadow: 0 0 18px rgba(255, 75, 43, 1),
                0 0 45px rgba(255, 75, 43, .8);
    transform: scale(1.04);
}
.btn_neon .btn_wave {
    position: absolute;
    top:50%; left:50%;
    width:0; height:0;
    background: rgba(255,255,255,.3);
    border-radius:50%;
    transform:translate(-50%,-50%);
    opacity:0;
}
.btn_neon:active .btn_wave {
    animation: wave2 .6s ease-out;
}
.btn_glass {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    background: rgba(255, 255, 255, 0.10);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.35);
    backdrop-filter: blur(12px);
    cursor: pointer;
    transition: 0.3s;
}
.btn_glass:hover {
    background: rgba(255,255,255,0.25);
}
.btn_glass .btn_wave {
    position:absolute;
    top:50%; left:50%;
    width:0; height:0;
    border-radius:50%;
    background: rgba(255,255,255,.35);
    transform:translate(-50%,-50%);
    opacity:0;
}
.btn_glass:active .btn_wave {
    animation: wave2 .6s ease-out;
}
.btn_outline {
    position: relative;
    padding: 6px 30px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: transparent;
    color: #EDD5A8;
    border: 2px solid #EDD5A8;
    cursor: pointer;
    transition: 0.3s ease;
}
.btn_outline:hover {
    background: linear-gradient(45deg, #EDD5A8, #EDD5A8);
    color: #fff;
    border-color: transparent;
}
.btn_outline .btn_wave {
    position:absolute;
    top:50%; left:50%;
    width:0; height:0;
    background: rgba(255,255,255,.35);
    border-radius:50%;
    opacity:0;
    transform:translate(-50%,-50%);
}
.btn_outline:active .btn_wave {
    animation: wave2 .6s ease-out;
}
.btn_minimal {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px;
    background: none;
    border: none;
    color: #EDD5A8;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    transition: 0.25s;
}
.btn_minimal:hover {
    color: #EDD5A8;
    transform: translateY(-2px);
}
.btn_minimal .btn_wave {
    position:absolute;
    top:50%; left:50%;
    background: #DDAF9F;
    width:0; height:0;
    border-radius:50%;
    opacity:0;
    transform:translate(-50%,-50%);
}
.btn_minimal:active .btn_wave {
    animation: wave2 .6s ease-out;
}
.image-generator-tools{
    padding: 25px 0 0;
}
.pricee{
    position: absolute;
    width: 180px;
    height: 40px;
    background: #3C3C77;
    color: #fff;
    z-index: 20;
    top:0px;
    right: 0px;
    border-radius: 0px 15px 0px 0px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.pricee h4{
    color: #f1f1f1;
}
h1,h2,h3,h4,h5,h6, 
.solutions-two__content-two-title-box h3,
{
    font-family: 'Oswald' !important;
}
p
{
  font-family: 'play' !important;  
}
p,
li,
.faq-one-accrodion .accrodion-content
{
   
    font-family: 'play' !important;
}


.buy-now-btn {
  z-index: 9;
  right: 15px;
  width: 65px;
  height: 65px;
  bottom: 200px;
  position: fixed;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  background-color: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
          box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  -webkit-animation-name: tada;
          animation-name: tada;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.buy-now-btn img {
  left: 0;
  right: 0;
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-left: auto;
  margin-right: auto;
}

.buy-now-btn::before {
  top: 0;
  left: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  background-color: #81b441;
  -webkit-animation: ripple 1.5s ease-out infinite;
          animation: ripple 1.5s ease-out infinite;
}

@-webkit-keyframes ripple {
  from {
    opacity: 1;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}

@keyframes ripple {
  from {
    opacity: 1;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}
/* Hide by default */
.mobile-m{
  display: none;
  
}

/* Show only on mobile devices */
@media (max-width: 767px){
  .mobile-m{
    display: block; /* or flex / inline-block */
  }
  .tt-mini{
   display: none;   
  }
  .my-70{
      margin-bottom: 40px;
      margin-top: 70px;
  }
}
.d-none{
    display: none !important;
}
a{
    text-decoration: none !important;
}