/* 
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/footer.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/testimonial.css');
@import url('module-css/faq.css');
@import url('module-css/free-trail.css');
@import url('module-css/copywriting-tool.css');
@import url('module-css/how-tool-work.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/about.css');
@import url('module-css/video.css');
@import url('module-css/team.css');
@import url('module-css/ai-product.css');
@import url('module-css/login.css');
@import url('module-css/reset-password.css');
@import url('module-css/contact.css');
@import url('module-css/blog.css');
@import url('module-css/career.css');
@import url('module-css/404.css');
@import url('module-css/flow-builder.css');
@import url('module-css/dynamic-tables.css');
@import url('module-css/custom-webhooks.css');
@import url('module-css/dynamic-api.css');
@import url('module-css/clickup-integration.css');
@import url('module-css/langchain-agent.css');
@import url('module-css/chain-pipeline.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;
}

/* Blog Content Styles */
.blog-content {
    color: var(--thm-gray);
    font-size: 16px;
    line-height: 1.8;
    margin: 30px 0;
}

.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content h6 {
    color: var(--thm-white);
    font-weight: 600;
    margin: 30px 0 15px 0;
    line-height: 1.3;
}

.blog-content h1 {
    font-size: 32px;
}

.blog-content h2 {
    font-size: 28px;
}

.blog-content h3 {
    font-size: 24px;
}

.blog-content h4 {
    font-size: 20px;
}

.blog-content h5 {
    font-size: 18px;
}

.blog-content h6 {
    font-size: 16px;
}

.blog-content p {
    margin-bottom: 20px;
    color: var(--thm-gray);
}

.blog-content ul,
.blog-content ol {
    margin: 20px 0;
    padding-left: 30px;
}

.blog-content li {
    margin-bottom: 8px;
    color: var(--thm-gray);
}

.blog-content ul li {
    list-style-type: disc;
}

.blog-content ol li {
    list-style-type: decimal;
}

.blog-content strong {
    color: var(--thm-white);
    font-weight: 600;
}

.blog-content em {
    font-style: italic;
    color: var(--thm-gray);
}

.blog-content a {
    color: var(--thm-base);
    text-decoration: underline;
    transition: all 0.3s ease;
}

.blog-content a:hover {
    color: var(--thm-white);
}

.blog-content blockquote {
    border-left: 4px solid var(--thm-base);
    padding: 20px 30px;
    margin: 30px 0;
    background: rgba(60, 60, 119, 0.1);
    border-radius: 0 8px 8px 0;
    font-style: italic;
    color: var(--thm-gray);
}

.blog-content hr {
    border: none;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--thm-base), transparent);
    margin: 40px 0;
}

.blog-content code {
    background: rgba(60, 60, 119, 0.2);
    padding: 2px 6px;
    border-radius: 4px;
    font-family: 'Courier New', monospace;
    color: var(--thm-base);
    font-size: 14px;
}

.blog-content pre {
    background: rgba(21, 21, 46, 0.8);
    padding: 20px;
    border-radius: 8px;
    border: 1px solid var(--stroke-dark, #3C3C77);
    margin: 20px 0;
    overflow-x: auto;
}

.blog-content pre code {
    background: none;
    padding: 0;
    color: var(--thm-gray);
}

.blog-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    background: rgba(21, 21, 46, 0.5);
    border-radius: 8px;
    overflow: hidden;
}

.blog-content th,
.blog-content td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid var(--stroke-dark, #3C3C77);
}

.blog-content th {
    background: rgba(60, 60, 119, 0.3);
    color: var(--thm-white);
    font-weight: 600;
}

.blog-content td {
    color: var(--thm-gray);
}