/*
Theme Name: MindAiNinja
Text Domain: twentytwenty
Version: 2.7
Tested up to: 6.6
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries

----------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */

/* variables-colors */
:root {
  /* =====================
     COLORS
  ===================== */
  --kp-color-heading: #212121;
  --kp-color-subheading: #232323;
  --kp-color-body: #484848;
  --kp-color-text: #4A5565;
  --kp-color-muted: #6A7282;
  --kp-color-border: #E5E7EB;
  --kp-color-bg-soft: #F9FAFB;
  --Primary-btn: #004138;
  --text-white: #fff;
  --banner-color: #fafafa;
  --color-primary: #59667a;
  --heading-text: #28292e;
  --sub-heading: #34353a;
  --sub-heading-one: #434548;
  --text-black: #000;
  --btn-color: #ff7a01;
  --border-color: #f7ebfb;
  --heading: #3f3f41;
  --tab-bg: #f8f8f8;
  --tab-border: #dddddd;
  --bg-gradient: linear-gradient(357.31deg, #fff5eb 2.25%, #fffcfa 162.74%);
  --bg-FAFAFA: #fafafa;
  --color-2C2D35: #2c2d35;
  --color-C1C1C1: #c1c1c1;
  --bg-FFFCF2: #fffcf2;
  --color-333333: #333333;
  --color-444444: #444444;
  --color-EDE9E7: #ede9e7;
  --header-bg: #faf9f9;
  --Text-Heading: #212121;
  --Text-Subheading: #232323;
  --primary-color: #004138;
  --Text-Para: #484848;
  --Text-white: #ffffff;
  --Footer-bg: #212226;
  --Text-Label: #454753;

  /* Font-weight */
  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;
  --fw-800: 800;
  --fw-900: 900;

  /* =====================
     FONT FAMILY
  ===================== */
  --kp-font-primary: 'Inter', sans-serif !important;

  /* =====================
     HEADING STYLES
  ===================== */
  --kp-h2-size: 40px;
  --kp-h2-line: 52px;
  --kp-h2-weight: 600;

  --kp-h4-size: 24px;
  --kp-h4-line: 36px;
  --kp-h4-weight: 400;

  /* =====================
     CARD TEXT
  ===================== */
  --kp-card-title-size: 24px;
  --kp-card-title-line: 32px;
  --kp-card-title-weight: 500;

  --kp-card-desc-size: 16px;
  --kp-card-desc-line: 26px;
  --kp-card-desc-weight: 400;

  /* =====================
     RADIUS
  ===================== */
  --kp-radius-sm: 10px;
  --kp-radius-md: 14px;
  --kp-radius-lg: 16px;

  /* =====================
     SHADOWS
  ===================== */
  --kp-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
  --kp-shadow-icon: 0 10px 15px -3px rgba(0, 184, 219, 0.30),
    0 4px 6px -4px rgba(0, 184, 219, 0.30);
}

/* reset */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a,
li {
  font-family: var(--kp-font-primary) !important;
}

button {
  border: initial;
  background-color: initial;
  color: inherit;
  font: inherit;
  outline: none;
}

.btn-close:focus {
  box-shadow: none !important;
}

button:focus,
a:focus {
  outline: none;
}

.logo-text {
  color: var(--text-logo);
  font-size: 18.726px;
  font-weight: 500;
  line-height: 28px;
}
body.no-scroll {
  overflow: hidden;
}
/*Home page start*/
.kp-heading {
  color: var(--kp-color-heading);
  font-family: var(--kp-font-primary);
  font-size: var(--kp-h2-size);
  font-weight: var(--kp-h2-weight);
  line-height: var(--kp-h2-line);
}

.kp-subheading {
  color: var(--kp-color-subheading);
  font-family: var(--kp-font-primary);
  font-size: var(--kp-h4-size);
  font-weight: var(--kp-h4-weight);
  line-height: var(--kp-h4-line);

}

.kp-card-title {
  color: var(--kp-color-heading);
  font-family: var(--kp-font-primary);
  font-size: var(--kp-card-title-size);
  font-weight: var(--kp-card-title-weight);
  line-height: var(--kp-card-title-line);
  margin-bottom: 16px;
}

.kp-card-desc {
  color: var(--kp-color-text);
  font-family: var(--kp-font-primary);
  font-size: var(--kp-card-desc-size);
  font-weight: var(--kp-card-desc-weight);
  line-height: var(--kp-card-desc-line);
  margin-bottom: 24px;
}

.kp-label {
  color: var(--kp-color-muted);
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 12px;
}

.btn-primary {
  display: flex;
  padding: 16px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 10px;
  background: var(--Primary-btn);
  color: var(--text-white);
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin: 0 auto;
  border: none;
  transition: .3s ease-in-out;
  width: fit-content !important;
}

.btn-secondry {
  display: flex;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: var(--Primary-btn);
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin: 0 auto;
  border: none;
  transition: .3s ease-in-out;
  width: fit-content !important;
  border-radius: 10px;
  border: 2px solid var(--Primary-btn)#004138;
}

.btn-primary:hover {
  box-shadow: 0 21px 15px -9px rgba(225, 61, 75, .2);
  transform: scale(1.1);
}

.text-white {
  color: var(--text-white);
}

nav.navbar {
  border-radius: 24px;
  border: 2px solid #004138;
  background: #FFF;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.02);
  display: flex;
  max-width: 1166px;
  padding: 16px 16px 16px 24px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 16px auto 24px;
}

nav.navbar .navbar-nav li.nav-item {
  color: #18181B;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 26.954px;
}

nav.navbar .navbar-nav li.nav-item a.nav-link {
  color: #18181B;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 26.954px;
}

.header-sticky {
  background: #FFFFFF;
  z-index: 1000;
  top: 0px;
  border-bottom: 1px solid #E8E7E7;
}

header.kp-header.position-sticky {
  position: sticky;
  z-index: 999;
  top: 0;
  border-bottom: 1px solid #E8E7E7;
}

.os-hero-wrapper {
  background: #fff5ed;
  padding: 40px 0 0px;
  min-height: 128px;
}



.kt-nav-btn {
  background: #0d4f42;
  color: #fff;
  padding: 8px 20px;
  border-radius: 12px;
  text-decoration: none;
}

.os-btn-primary {
  background: #0f4d3c;
  color: #fff;
  padding: 10px 22px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 500;
  transition: 0.3s ease;
}

.os-btn-primary:hover {
  background-position: right center;
  background-image: linear-gradient(90deg, #0f4d3c 0%, #145e4b 50%, #08392c 100%);
}

.os-btn-outline {
  border: 2px solid #0f4d3c;
  color: #0f4d3c;
  padding: 10px 22px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 500;
  transition: 0.3s ease;
  background: transparent;
}

.os-btn-outline:hover {
  background: #0f4d3c;
  color: #fff;
}

/* Hero */
.os-heading {
  color: var(--primary-color);
  font-size: 48px;
  font-weight: 700;
  line-height: 60px;
  margin-bottom: 0;
}

.os-description {
  margin: 16px 0 24px;
  color: var(--kp-color-subheading);
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
}

.os-feature {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #484848;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

.os-features {
  display: flex;
  max-width: 384px;
  align-items: center;
  align-content: center;
  gap: 20px;
  flex-wrap: wrap;
  width: 100%;
}

.os-image-box img.img-fluid {
  width: 100%;
}

.kt-hero-section {
  background: #FFF5ED;
  padding: 130px 0 60px;
}

.kt-hero-section-od {
  background: #004138;
  padding: 80px 0;
}


.kp-sticky-wrapper {
  position: sticky;
  top: 120px;
  /* adjust according to header height */
}

img.kp-saas-image {
  width: 100%;
}

/* Left Content */
.kt-hero-title {
  color: #ffffff;
  font-size: 40px;
  font-weight: 600;
  line-height: 52px;
  margin-bottom: 16px;
}

.kt-hero-desc {
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 24px;
}

.kt-btn-light {
  background: #ffffff;
  color: #0d4f42;
  padding: 12px 26px;
  border-radius: 12px;
  font-weight: 500;
  text-decoration: none;
  transition: 0.3s ease;
}

.kt-btn-light:hover {
  transform: translateY(-2px);
}

.kt-btn-outline {
  border: 2px solid #ffffff;
  color: #ffffff;
  padding: 12px 26px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 500;
  transition: 0.3s ease;
  background: transparent;
}

.kt-btn-outline:hover {
  background: #ffffff;
  color: #0d4f42;
}

/* Unique Section Class */
.ksolves-hero-section {
  background-color: #0b4f44;
  padding: 80px 0;
  color: #ffffff;
}

.ksolves-hero-section h4 {
  color: var(--text-white);
  font-size: 40px;
  font-weight: 600;
  line-height: 52px;
  /* 130% */
  margin-bottom: 16px;
}

.ksolves-hero-section p {
  color: var(--text-white);
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 24px;
}

.ksolves-feature-btn {
  color: var(--text-white);
  width: 100%;
  transition: 0.3s ease;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.40);
  background: rgba(255, 255, 255, 0.10);
  display: flex;
  padding: 8px 16px;
  justify-content: start;
  align-items: center;
  gap: 10px;
cursor: default !important;
}

.ksolves-feature-btn:hover {
  background: #ffffff;
  color: #0b4f44;
}

.ksolves-cta-btn {
  margin-top: 24px;
  border: none;
  color: #004138;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
  padding: 9px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: #FFF;
}

.ksolves-image-wrapper {
  width: 100%;
  height: 100%;
}

.ksolves-image-wrapper img {
  width: 100%;
  height: 100%;
}

/* Right Card */
.kt-card img.odoo-kt-card {
  width: 100%;
}

.kt-card-title {
  font-weight: 600;
  margin-bottom: 20px;
}

/* Steps */
.kt-steps {
  position: relative;
}

.kt-step {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
  position: relative;
}

.kt-step-text {
  flex: 1;
  margin-left: 20px;
}

.kt-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #c4c4c4;
  position: relative;
}

.kt-step.completed .kt-dot {
  background: #1f6d5c;
  border-color: #1f6d5c;
}

.kt-step.active .kt-dot {
  border-color: #1f6d5c;
}

.kt-badge {
  padding: 6px 14px;
  font-size: 12px;
  border-radius: 20px;
}

.kt-badge.success {
  background: #1f6d5c;
  color: #ffffff;
}

.kt-badge.progress {
  background: #f3e8dd;
  color: #444;
}

/* Unique Wrapper */
.kp-saas-section {
  background-color: #f4f5f7;
  padding: 80px 0;
}

/* Feature Card */
.kp-saas-section .kp-feature-card {
  display: flex;
  padding: 16px;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  transition: all 0.3s ease;
  border-radius: 16px;
  border: 1px solid #E2E4FF;
}

.kp-saas-section .kp-feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.kp-scroll-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.kp-feature-card.kp-featureblue1 {
  background: linear-gradient(180deg, #E1EEFF 0%, #FFF 100%);
}

.kp-feature-card.featureblue2 {
  background: linear-gradient(180deg, #FFFAF7 0%, #FFF 100%);
}

.kp-feature-card.featureblue3 {
  background: linear-gradient(180deg, #FDF2FF 0%, #FFF 100%);
}

.kp-feature-card.featureblue4 {
  background: linear-gradient(180deg, #E1EEFF 0%, #FFF 100%);
}

.kp-feature-card.featureblue5 {
  background: linear-gradient(180deg, #FFFAF7 0%, #FFF 100%);
}

.kp-feature-card.featureblue6 {
  background: linear-gradient(180deg, #FDF2FF 0%, #FFF 100%);

}

/* Icon Style */
.kp-saas-section .kp-icon {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
}

/* Title */
.kp-saas-section .kp-feature-title {
  color: var(--Text-Subheading);
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  margin-bottom: 8px;
}

/* Description */
.kp-saas-section .kp-feature-text {
  color: var(--kp-color-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

/* ===== Main Section ===== */
.odoo-saas-section {
  padding: 80px 0;
  background: #f5f7fa;
}

/* ===== Heading ===== */
.odoo-saas-title {
  font-weight: 700;
  font-size: 2.5rem;
}

/* ===== Card Container ===== */
.odoo-saas-card {
  padding: 40px;
  border-radius: 32px;
  border: 1px solid #E2E4FF;
  display: flex;
  justify-content: start;
  align-items: flex-start;
  gap: 40px;
  width: 100%;
}

.odoo-saas-card.blue {
  background: linear-gradient(180deg, #E1EEFF 0%, #FFF 100%);
}

.odoo-saas-card.blue1 {
  background: linear-gradient(180deg, #FFFAF7 0%, #FFF 100%);
}

.odoo-saas-card.blue2 {
  background: linear-gradient(180deg, #FDF2FF 0%, #FFF 100%);
}

.odoo-saas-card.blue3 {
  background: linear-gradient(180deg, #E1EEFF 0%, #FFF 100%);

}

.odoo-saas-card.blue4 {
  background: linear-gradient(180deg, #FFFAF7 0%, #FFF 100%);
}

.odoo-saas-card.blue5 {
  background: linear-gradient(180deg, #FDF2FF 0%, #FFF 100%);
}

.odoo-saas-card.blue6 {
  background: linear-gradient(180deg, #E1EEFF 0%, #FFF 100%);
}

.kp-saas-section,
.kp-saas-section .container,
.kp-saas-section .row {
  overflow: visible !important;
}

.odoo-saas-img {
  width: 100%;
  border-radius: 15px;
  object-fit: cover;
}

/* ===== Content ===== */
.odoo-saas-card h4 {
  color: var(--kp-color-heading);
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
}

.odoo-saas-list {
  list-style: none;
  padding-left: 0;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  flex-direction: column;

}

.odoo-saas-list li {
  color: var(--kp-color-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: inline;
  gap: 8px;
  position: relative;
  padding-left: 30px;
  width: 100%;
}


.odoo-saas-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  background-image: url("/wp-content/uploads/2026/02/check_circle_line.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.odoo-saas-list li b {
  color: var(--kp-color-subheading);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-right: 0px;
}

.odoo-benefits-section {
  padding: 80px 0;
  background: #fff;
}

.odoo-benefits-title {
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: 60px;
}

.odoo-benefits-list {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.odoo-benefits-list li {
  display: flex;
  align-items: center;
  color: var(--kp-color-subheading);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  position: relative;
  padding-left: 30px;
  width: 100%;
}

.odoo-benefits-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  background-image: url("/wp-content/uploads/2026/02/subtract.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

/* ============================= */
/* Right Image Area */
/* ============================= */
.odoo-benefits-visual {
  position: relative;
}

.odoo-benefits-main-img {
  width: 100%;
  border-radius: 25px;
  /*box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1);*/
}

/* Floating Cards */
.odoo-benefits-float {
  position: absolute;
  background: #fff;
  border-radius: 15px;
  padding: 15px 20px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
  font-size: 14px;
}

/* Top Card */
.odoo-float-top {
  top: -40px;
  left: 40px;
}

/* Right Card */
.odoo-float-right {
  top: 30px;
  right: -40px;
}

/* Bottom Card */
.odoo-float-bottom {
  bottom: -30px;
  left: 60px;
}

/* Unique Section Wrapper */
.kp-toolkit-section {
  background: #f5f6f8;
  padding: 80px 0;
}

/* Left Heading */
.kp-toolkit-section .kp-main-heading {
  color: var(--kp-color-heading);
  font-size: 40px;
  font-weight: 600;
  line-height: 52px;
}

/* Feature Card */
.kp-toolkit-section .kp-feature-card {
  display: flex;
  padding: 16px;
  align-items: flex-start;
  gap: 12px;
  flex: 1 0 0;
  border-radius: 24px;
  border: 1px solid #E2E4FF;
  background: #FFF;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  height: 100%;
  transition: all 0.3s ease;
}

.kp-toolkit-section .kp-feature-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}

/* Icon Box */
.kp-toolkit-section .kp-icon-box {
  width: 48px;
  min-width: 48px;
  height: 48px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Title */
.kp-toolkit-section .kp-feature-title {
  margin-bottom: 8px;
  color: var(--kp-color-subheading);
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
}

/* Description */
.kp-toolkit-section .kp-feature-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--kp-color-text);
}

/* Unique Section Wrapper */
.ks-odoo-section {
  padding: 80px 0;
  background-color: #f8f9fa;
}

.ks-odoo-section .ks-title {
  font-size: 42px;
  font-weight: 700;
  color: #222;
}

.ks-odoo-section .ks-description {
  color: var(--kp-color-subheading);
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
}

.ks-odoo-section .ks-btn {
  background-color: #0f3f2e;
  color: #fff;
  padding: 12px 28px;
  border-radius: 8px;
  font-weight: 500;
}

.ks-odoo-section .ks-btn:hover {
  background-color: #0c3326;
  color: #fff;
}

.ks-odoo-section .ks-card {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  margin-bottom: 24px;
  border-radius: 16px;
  border: 1px solid #E2E4FF;
  background: #FFF;
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.ks-odoo-section .ks-card:last-child {
  margin-bottom: 0px;
}

.ks-odoo-section .ks-icon-box {
  width: 60px;
  height: 60px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ks-odoo-section .ks-card h5 {
  color: var(--kp-color-subheading);
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
}

.ks-odoo-section .ks-card p {
  color: var(--Text-Para);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0;
}

/* Unique Section Wrapper */
.ks-odoo-section {
  padding: 80px 0;
  background-color: #f8f9fa;
}

.ks-odoo-section .ks-title {
  font-size: 42px;
  font-weight: 700;
  color: #222;
}

.ks-odoo-section .ks-btn {
  background-color: #0f3f2e;
  color: #fff;
  padding: 12px 28px;
  border-radius: 8px;
  font-weight: 500;
}

.ks-odoo-section .ks-btn:hover {
  background-color: #0c3326;
  color: #fff;
}



.ks-odoo-section .ks-icon-box {
  width: 60px;
  height: 60px;
  background-color: #0f3f2e;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
  flex-shrink: 0;
}


/*Odoo SaaS Blogs*/
.os-blog-section {
  padding: 80px 0;
  background: #fff;
}

.os-blog-title {
  color: var(--kp-color-heading);
  text-align: center;
  font-size: 40px;
  font-weight: 600;
  line-height: 52px;
}

.mustread {
  color: #131313;
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 24px;
}

.os-blog-subtitle {
  color: var(--kp-color-subheading);
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 48px;
}

.os-blog-main-img {
  width: 100%;
  border-radius: 12px;
}

.os-blog-meta {
  color: #808080;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

.os-blog-heading {
  color: #131313;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 8px;
}

.os-mustread-card {
  background: #fff;
  transition: 0.3s;
  padding: 16px;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  border-radius: 8px;
  border: 1px solid #E6E7ED;
  width: 100%;
  text-decoration: none;
}

.os-mustread-card:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.os-mustread-img {
  object-fit: cover;
  border-radius: 8px;
  width: 212px;
  height: 100%;
}

small.mustreadtxt.text-muted {
  color: #808080 !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.mustreadtitle {
  color: #232323;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 12px;
}

.os-blog-dis {
  color: #4A4A4A;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

/* ===== UNIQUE FOOTER CLASS ===== */
.ks-footer-wrapper {
  border-top: 1px solid #E1E1E1;
  background: #004138;
  padding: 80px 0;
  color: #fff;
}

/* Logo Title */
.ks-footer-title {
  margin-bottom: 12px;
  height: 100%;
}

.ks-footer-nse {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ks-footer-year {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ks-footer-year strong {
  color: #FFF;
  font-size: 24px;
  font-weight: 700;
  line-height: 22px;
  text-transform: uppercase;
}

.ks-footer-year span.ks-footer-small {
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.ks-footer-title img.img-fluid {
  height: 100%;
  width: 200px;
}

.ks-footer-nse span.ks-footer-small {
  color: #FFF;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
}

/* Vertical divider */
.ks-divider {
  height: 41px;
  width: 1px;
  background: #E1E1E1;
}

/* Footer heading */
.ks-footer-heading {
  font-size: 32px;
  font-weight: 600;
  margin-top: 40px;
}

/* Links */
.ks-footer-links a {
  display: block;
  text-decoration: none;
  margin-bottom: 16px;
  transition: 0.3s ease;
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.ks-footer-links a:hover {
  opacity: 0.7;
}

.ks-social-icons {
  margin-bottom: 32px;
  display: flex;
  align-items: flex-start;
  gap: 6px;
}

/* Social Icons */
.ks-social-icons a {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
}

.ks-social-icons a:hover {
  background: #e6e6e6;
}

/* Certificate Images */
.ks-cert-img {
  max-height: 55px;
  margin-right: 10px;
}

.ks-footer-small {
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
}

.mainblogcard{
    text-decoration:none;
}

.key-features-odoo {
  padding: 80px 4px;
  background-color: #fcfcfc;
}

.odoo-tool-title {
  font-weight: 600;
  font-size: 40px;
  line-height: 52px;
  text-align: center;
  color: #212121;
  margin-bottom: 48px;
}

.feature-sticky-box {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 1100px;
  margin: 0 auto;
}

/* Sticky Logic */
.feature-card {
  position: sticky;
  top: 90px;
  padding: 40px;
  display: flex;
  align-items: start;
  gap: 40px;
  min-height: 400px;
  border-radius: 32px;

  /* Improved Visible Border Gradient Logic */
  border: 1px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  /* First image is the card background, second is the border gradient */
  background-image: linear-gradient(white, white),
    linear-gradient(180deg, #e2e4ff 6.79%, rgba(255, 255, 255, 0) 100%);
}

/* Specific Card Background Gradients with Sticky Offsets */
/* We use background-image to override the 'white' fill while keeping the border */

.feature-card:nth-child(1) {
  top: 110px;
  background-image: linear-gradient(#e1eeff, #ffffff),
    linear-gradient(180deg, #e2e4ff 6.79%, rgba(255, 255, 255, 0) 100%);
}
.feature-card:nth-child(2) {
  top: 130px;
  background-image: linear-gradient(#fffaf7, #ffffff),
    linear-gradient(180deg, #e2e4ff 6.79%, rgba(255, 255, 255, 0) 100%);
}
.feature-card:nth-child(3) {
  top: 170px;
  background-image: linear-gradient(#fdf2ff, #ffffff),
    linear-gradient(180deg, #e2e4ff 6.79%, rgba(255, 255, 255, 0) 100%);
}
.feature-card:nth-child(4) {
  top: 210px;
  background-image: linear-gradient(#e1eeff, #ffffff),
    linear-gradient(180deg, #e2e4ff 6.79%, rgba(255, 255, 255, 0) 100%);
}
.feature-card:nth-child(5) {
  top: 250px;
  background-image: linear-gradient(#fffaf7, #ffffff),
    linear-gradient(180deg, #e2e4ff 6.79%, rgba(255, 255, 255, 0) 100%);
}
.feature-card:nth-child(6) {
  top: 290px;
  background-image: linear-gradient(#fdf2ff, #ffffff),
    linear-gradient(180deg, #e2e4ff 6.79%, rgba(255, 255, 255, 0) 100%);
}
.feature-card:nth-child(7) {
  top: 330px;
  background-image: linear-gradient(#e1eeff, #ffffff),
    linear-gradient(180deg, #e2e4ff 6.79%, rgba(255, 255, 255, 0) 100%);
}

.left-card-box {
  flex: 1;
  max-width: 400px;
}

.left-card-box img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  object-fit: cover;
}

.right-card-box {
  flex: 1.2;
}

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

.title-list {
  font-weight: 500;
  font-size: 32px;
  line-height: 40px;
  color: #212121;
}

.toolkit-odoo-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.toolkit-odoo-list li {
  position: relative;
  padding-left: 32px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #323232;
}

.toolkit-odoo-list li span {
  color: #484848;
  font-weight: 400;
}

/* Checkmark using pseudo-element */
.toolkit-odoo-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_361_7776)"><path d="M12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2ZM12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4ZM15.535 8.381C15.7145 8.19975 15.9566 8.09397 16.2115 8.08532C16.4665 8.07667 16.7152 8.1658 16.9066 8.33447C17.098 8.50313 17.2177 8.73858 17.2412 8.99262C17.2647 9.24666 17.1902 9.50008 17.033 9.701L16.95 9.795L11.364 15.382C11.1733 15.5726 10.9193 15.6866 10.6502 15.7023C10.381 15.7179 10.1155 15.6342 9.904 15.467L9.808 15.382L7.05 12.624C6.86875 12.4445 6.76297 12.2024 6.75432 11.9475C6.74567 11.6925 6.8348 11.4438 7.00347 11.2524C7.17213 11.061 7.40758 10.9413 7.66162 10.9178C7.91566 10.8943 8.16908 10.9688 8.37 11.126L8.464 11.21L10.586 13.331L15.536 8.381H15.535Z" fill="%23004138"/></g><defs><clipPath id="clip0_361_7776"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 991px){
 .kp-sticky-wrapper-row  {
     position: sticky;
    top: 200px;  
 }  
}


/* Responsive Adjustments */
@media (max-width: 1080px) {

  .os-blog-section,
  .ks-odoo-section,
  .kt-hero-section-od,
  .odoo-saas-section,
  .kp-toolkit-section,
  .ksolves-hero-section,
  .odoo-benefits-section,
  .kp-saas-section,
  .ks-footer-wrapper {
    padding: 40px 0;
  }
  nav.navbar {
    max-width: 96%;
    width: 100%;
    padding: 12px 16px;
    border-radius: 16px;
}
.os-mustread-card {
    flex-direction: column;
}

}

@media (max-width: 991px) {

  .os-blog-section,
  .ks-odoo-section,
  .kt-hero-section-od,
  .odoo-saas-section,
  .kp-toolkit-section,
  .ksolves-hero-section,
  .odoo-benefits-section,
  .kp-saas-section,
  .ks-footer-wrapper {
    padding: 40px 0;
  }
  
  .os-hero-wrapper {
    min-height: 105px;
}
ul.navbar-nav {
    margin-bottom: 24px;
}
  .ks-footer-title {
    margin-bottom: 16px;
  }

  .kp-sticky-wrapper,.feature-card {
    position: relative;
    top: 0;
  }
  

.left-card-box {
    flex: 1;
    max-width: 100%;
    width: 100%;
}
.feature-card {
        flex-direction: column;
}
  .odoo-saas-img {
    width: 100%;
    border-radius: 15px;
    object-fit: cover;
    height: 100%;
  }

  .odoo-imgdiv {
    width: 100%;
    height: 100%;
  }

  .odoo-saas-card {
    width: 100%;
    flex-direction: column;
  }

  .odoo-benefits-float {
    position: relative;
    margin-top: 15px;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
  }

  .ks-odoo-section .ks-description {
    max-width: 100%;
  }
  .ks-odoo-section .ks-description {
    max-width: 100%;
  }
  nav.navbar .navbar-nav li.nav-item a.nav-link {
    text-align: start;

}
nav.navbar {
    margin: 16px auto;
}
a.navbar-brand img.img-fluid {
    width: 120px;
}
}

/* ===== Responsive ===== */
@media (max-width: 768px) {

  .odoo-saas-list li {
    justify-content: center;
  }
}

@media (max-width: 767.89px) {
    
    .os-hero-wrapper {
        min-height: 100px;
    }
     .feature-card {
    flex-direction: column;
    padding: 16px;
    text-align: center;
    gap: 16px;
  }
  .toolkit-odoo-list li {
    text-align: left;
  }
  .key-features-odoo {
    padding: 40px 4px;
  }
  .odoo-tool-title {
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 24px;
  }
  .title-list {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
  }
  .feature-card:nth-child(1) {
    top: 0;
  }
  .feature-card:nth-child(2) {
    top: 0;
  }
  .feature-card:nth-child(3) {
    top: 0;
  }
  .feature-card:nth-child(4) {
    top: 0;
  }
  .feature-card:nth-child(5) {
    top: 0;
  }
  .feature-card:nth-child(6) {
    top: 0;
  }
  .feature-card:nth-child(7) {
    top: 0;
  }
  .ks-footer-title img.img-fluid {
    margin-bottom: 8px;
  }

  .ks-footer-links a {
    margin-bottom: 8px;
  }
.os-mustread-card:last-child{
    margin-bottom:0 !important;
}
  .footernse {
    flex-direction: column;
    width: 100%;
    gap: 16px;
    justify-content: start;
    align-items: start !important;
  }

  .ks-social-icons {
    margin: 24px 0;
  }

  .kp-certifications {
    gap: 16px;
    display: flex;
  }

  .os-blog-title .kp-toolkit-section .kp-main-heading {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
  }
.kp-toolkit-section .kp-main-heading{
    font-size: 32px;
    font-weight: 600;
    line-height: 40px; 
      text-align: center;
}
  .os-blog-subtitle {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
  }

  .kp-heading {
    font-size: 32px;
    line-height: 40px;
  }

  .ks-odoo-section .ks-description {
    font-size: 16px;
    line-height: 24px;
  }
 .os-heading {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 0;
    text-align: center;
}
.os-description {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}
.os-features {
    display: flex;
    max-width: 100%;

}
.os-btn-primary,.ks-odoo-section .ks-btn {
    width: 100%;
}
.os-btn-outline, .ksolves-cta-btn, .kt-btn-light ,.kt-btn-outline {
    width: 100%;
}
.kt-hero-section {
    padding: 80px 0 40px;
}
.ksolves-hero-section h4 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 16px;
}

.ksolves-hero-section p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
}
.odoo-saas-card {
        padding: 16px;
        text-align: start;
        gap: 16px;
    }
    .odoo-saas-card h4 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 12px !important;
}
.kt-hero-title {
    font-size: 32px;;
    line-height: 40px;
    margin-bottom: 16px;
}
.kt-hero-desc {
    font-size: 16px;;
    line-height: 24px;
    margin-bottom: 24px;
}
.os-mustread-img {
    object-fit: cover;
    border-radius: 4px;
    width: 142px;
    height: 100%;
}

.mustreadtitle {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 8px;
}
small.mustreadtxt.text-muted {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}
}




/*Home page END*/

/* Contact us form modal  CSS - Start */

#kingpin-contactus .modal-header,
#contactus-camp .modal-header {
  margin-bottom: 0;
}

#kingpin-contactus .modal-header .btn-close,
#contactus-camp .modal-header .btn-close {
  right: -6px;
  position: relative;
  top: -15px;
}

#kingpin-contactus .modal-dialog,
#contactus-camp .modal-dialog {
  max-width: 775px;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 768px) {

  #kingpin-contactus .modal-header .btn-close,
  #contactus-camp .modal-header .btn-close {
    right: 7px;
    position: relative;
    top: 39px;
    z-index: 10;
  }

  .kp-kingpin-section,
  .kp-kingpin-section * {
    max-width: 100%;
  }
}


.dataflow-form-section {
  padding: 112px 0;
  position: relative;
}

.dataflow-form-section .cta-dataflow:before {
  content: "";
  background-color: var(--banner-color);
  display: block;
  position: absolute;
  width: 93%;
  min-height: 338px;
  left: 0;
  border: 1px solid var(--border-color);
  border-radius: 24px;
  z-index: -1;
}

.dataflow-form .modal-content {
  border-radius: 16px;
  padding: 32px 32px 32px 32px;
  border: 1px solid var(--Border-Medium, #d1d2d7);
  background: var(--Surface-Default, #f5f6f8);
  margin: 0 auto;
}

.dataflow-form .modal-header {
  padding: 0;
  margin-bottom: 40px;
  border: none;
  display: flex;
  align-items: start;
}

.dataflow-form .modal-header .modal-title {
  font-size: 24px;
  font-weight: var(--fw-600);
  line-height: 34px;
  margin-bottom: 16px;
  color: var(--heading-text);
}

.dataflow-form .modal-header .modal-subtitle {
  font-weight: var(--fw-400);
  font-size: 16px;
  line-height: 18px;
  color: var(--sub-heading-one);
}

.dataflow-form .modal-dialog {
  max-width: 775px;
  width: 100%;
}

.dataflow-form .modal-content .modal-body {
  padding: 0;
}

.dataflow-form .modal-content .modal-body form input:focus-visible {
  outline: none;
}

.dataflow-form .modal-content .modal-body form .label p {
  margin-bottom: 0;
}

.dataflow-form .modal-content {
  padding: 16px 16px 24px;
}

.dataflow-form .modal-content .modal-body .wpcf7-not-valid-tip {
  color: #e01507;
  font-size: 14px;
  font-weight: normal;
  display: block;
  padding-top: 5px;
  text-align: start;
}

.dataflow-form .modal-content .modal-body .wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border-radius: 6px;
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: var(--fw-500);
}

@media screen and (max-width: 991.98px) {
  .dataflow-form .modal-content {
    max-height: 95vh;
    overflow-y: auto;
    width: 96%;
    margin: 0 auto;
  }
}

/* Contact us form modal  CSS - end */

/* Contact us form Talk Expert CSS - Start */

.talk-expert {
  font-size: 24px;
  line-height: 36px;
  color: var(--Text-Heading);
  font-weight: var(--fw-600);
  margin-bottom: 24px;
}

.talk-data-expert {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.talk-data-expert .contact-list a {
  gap: 16px;
  color: var(--Text-Subheading);
  font-size: 18px;
  font-weight: var(--fw-500);
  line-height: 27px;
  justify-content: start;
  display: flex;
  align-items: center;
  text-decoration: none;
}

.talk-data-expert .contact-list a:hover {
  color: #004138  !important;
}

.talk-data-expert .contact-list img {
  width: 24px;
  height: 24px;
}


@media screen and (max-width: 767.8px) {
  .talk-data-expert .contact-list {
    font-size: 16px;
    line-height: 24px;
    justify-content: start;
  }
}

.dfmcamppaid-form .wpcf7 form .wpcf7-response-output {
  display: none !important;
}

.dfmcamppaid-form .wpcf7-not-valid-tip {
  color: var(--primary-color);
  font-size: 13px;
  font-weight: normal;
  display: block;
  text-align: start;
  margin-top: 5px;
  padding-top: 0 !important;
}

#kingpin-contactus .modal-header,
#contactus-camp .modal-header,
#dfm-contactus-api .modal-dialog {
  margin-bottom: 0;
}

#kingpin-contactus .modal-header .btn-close,
#contactus-camp .modal-header .btn-close,
#dfm-contactus-api .modal-header .btn-close {
  right: -6px;
  position: relative;
  top: -15px;
}

#kingpin-contactus .modal-dialog,
#contactus-camp .modal-dialog,
#dfm-contactus-api .modal-dialog {
  max-width: 775px;
  width: 100%;
  margin: 0 auto;
}

.modal.ks-auto-capture-main-modal.show {
  background-color: rgba(0, 0, 0, 0.5);
  transition: background-color 0.3s ease;
}

.dataflow-form .modal-content {
  border-radius: 16px;
  padding: 32px 32px 32px 32px;
  border: 1px solid var(--Border-Medium, #d1d2d7);
  background: var(--Surface-Default, #f5f6f8);
  margin: 0 auto;
}

.dataflow-form .modal-header {
  padding: 0;
  margin-bottom: 40px;
  border: none;
  display: flex;
  align-items: start;
}

.dataflow-form .modal-header .modal-title {
  font-size: 24px;
  font-weight: var(--fw-600);
  line-height: 34px;
  margin-bottom: 16px;
  color: var(--heading-text);
}

.dataflow-form .modal-header .modal-subtitle {
  font-weight: var(--fw-400);
  font-size: 16px;
  line-height: 18px;
  color: var(--sub-heading-one);
}

.dataflow-form .modal-dialog {
  max-width: 536px;
  width: 100%;
}

.talk-expert {
  font-size: 24px;
  line-height: 36px;
  color: var(--Text-Heading);
  font-weight: var(--fw-600);
  margin-bottom: 24px;
}

.talk-data-expert {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.talk-data-expert .contact-list a {
  gap: 16px;
  color: var(--Text-Subheading);
  font-size: 18px;
  font-weight: var(--fw-500);
  line-height: 27px;
  justify-content: start;
  display: flex;
  align-items: center;
}

.talk-data-expert .contact-list img {
  width: 24px;
  height: 24px;
}

button.btn-close {
  color: #636363;
}

.dataflow-form .modal-content .modal-body {
  padding: 0;
}

.contact-right {
  border-radius: 16px;
  background: var(--Text-white);
  padding: 16px;
}

.get-demo {
  color: var(--Text-Heading);
  font-size: 24px;
  font-weight: var(--fw-600);
  line-height: 36px;
  margin-bottom: 6px;
}

.get-text-subdemo {
  color: var(--Text-Para);
  font-size: 14px;
  font-style: unset;
  font-weight: var(--fw-500);
  line-height: 21px;
  margin-bottom: 16px;
}

.dfm-form-unit .label {
  margin-bottom: 5px;
  color: var(--Text-Label, #454753);
  font-size: 14px;
  font-weight: var(--fw-500);
  line-height: 21px;
}

.dfm-form-unit .label p {
  margin-bottom: 0;
}

.dfm-form-unit {
  margin-bottom: 16px;
}

.dfm-form-unit .input p {
  margin-bottom: 0;
}

.dfm-form-unit input :focus-visible {
  outline: none;
}

.input p span {
  display: block;
}

.input span input[type="tel"],
.input span input[type="text"],
.input span input[type="email"],
.input span textarea {
  border: 1px solid #e8e8e9;
  min-height: 40px;
  padding: 8px 16px;
  border-radius: 8px;
  background: var(--Text-white);
  width: 100%;
  resize: none;
  /* Prevents resizing */
}

.input span input[type="tel"]:focus,
.input span input[type="text"]:focus,
.input span input[type="email"]:focus,
.input span textarea:focus {
  outline: none;
  box-shadow: none;
}

.input span input[type="tel"]::placeholder,
.input span input[type="email"]::placeholder,
.input span input[type="text"]::placeholder,
.input span textarea::placeholder {
  color: #8c8f9e;
  font-weight: var(--fw-500);
  line-height: 18px;
  font-size: 14px;
}

.captcha-div p.dscf7captcha span.wpcf7-form-control-wrap input::placeholder {
  color: #8c8f9e;
  font-weight: var(--fw-500);
  line-height: 18px;
  font-size: 16px;
  text-transform: capitalize;
}

.input span textarea {
  min-height: 100px;
  /* Adjust the height for better usability */
}

input.error {
  color: #28292e;
}

span.wpcf7-not-valid-tip {
  font-size: 13px;
}

.custom-message {
  max-width: 100%;
  width: 100%;
}

.custom-message textarea {
  min-height: 40px;
  height: 85px;
  padding: 8px 16px;
  border-radius: 8px;
  background: #fff;
  width: 100%;
  resize: none;
  border: 1px solid #e8e8e9;
  max-width: 100%;
  width: 100%;
}

.custom-message textarea:focus-visible {
  outline: none;
  box-shadow: none;
}

.custom-message p {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
}

.custom-message textarea::placeholder {
  color: #8c8f9e;
  font-weight: var(--fw-500);
  line-height: 18px;
  font-size: 14px;
}

.input.phone-num {
  display: flex;
}

.input.phone-num .country-code {
  border: 1px solid #e8e8e9;
  padding: 0;
  border-radius: 8px 0 0 8px;
  background: #fff;
  border-right: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: fit-content;
  height: 40px;
}

.input.phone-num .country-code select {
  border-radius: 8px 0 0 8px;
  border-right: 0;
  border: none;
  margin: 0 5px;
  background-color: transparent;
}

.input.phone-num .country-code select:focus-visible {
  outline: none;
}

.input.phone-num input {
  border-radius: 0 8px 8px 0px !important;
  padding: 0 16px !important;
}

.dataflow-form .modal-content .modal-body form input:focus-visible {
  outline: none;
}

.submit-form p {
  margin-bottom: 0;
}

.dataflow-form .modal-content .modal-body form .label p {
  margin-bottom: 0;
}

.input.phone-num .country-code p {
  margin-bottom: 0;
}

.input.phone-num p {
  margin-bottom: 0;
}

.captcha-div p.dscf7captcha {
  display: flex;
  gap: 5px;
  align-items: center;
  margin-bottom: 16px;
  color: var(--color-2C2D35);
  font-size: 14px;
  font-weight: var(--fw-400);
  line-height: 16px;
  width: 100%;
}

.dataflow-form .modal-content .modal-body .wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border-radius: 6px;
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: var(--fw-500);
}

.wpcf7 form.invalid .wpcf7-response-output {
  display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
  font-weight: var(--fw-500);
  border-radius: 8px;
  border: 1px solid #84dfc1;
  background: #f1fbf8;
  color: #1b6e53;
  font-size: 14px;
  line-height: 21px;
  padding: 8px 16px;
  text-align: start;
}

.dataflow-form .modal-content .modal-body .wpcf7-not-valid-tip {
  color: #e01507;
  font-size: 14px;
  font-weight: normal;
  display: block;
  padding-top: 5px;
  text-align: start;
}

.captcha-div p.dscf7captcha span.wpcf7-form-control-wrap {
  width: 62%;
  margin-left: 6px;
}

.captcha-div p.dscf7captcha img.dscf7_captcha_icon {
  width: 18px;
}

.captcha-div {
  display: flex;
  align-items: center;
  gap: 5px;
}

.captcha-div p.dscf7captcha img.dscf7_captcha_reload_icon {
  width: 18px !important;
}

.captcha-div p.dscf7captcha span.wpcf7-form-control-wrap input {
  width: 100% !important;
  max-width: 100%;
  margin-left: 0px;
  font-size: 16px;
  margin-bottom: 0 !important;
  border: 1px solid #e8e8e9;
  min-height: 40px;
  padding: 8px 16px;
  border-radius: 8px;
  background: #fff;
  width: 100%;
  resize: none;
  text-transform: capitalize;
}

.wpcf7-spinner {
  visibility: hidden;
  display: flex !important;
  background: var(--btn-color) !important;
  opacity: 0.75;
  width: 20px !important;
  height: 20px !important;
  border: none;
  border-radius: 100%;
  padding: 0;
  margin: 0 auto !important;
  position: relative;
  bottom: 78px !important;
}

.model-div {
  overflow-y: auto;
  height: 465px;
  min-height: 422px;
  padding-right: 6px;
}

#overflow-gradient::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}

#overflow-gradient::-webkit-scrollbar {
  width: 5px;
  background-color: #f5f5f5;
}

#overflow-gradient::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}

.submit-form input.wpcf7-submit {
  background: var(--btn-color) !important;
  width: 100%;
  font-size: 18px;
  font-weight: var(--fw-600);
  line-height: 26px;
  color: #fff;
  height: 56px;
  transition: background 0.5s ease-in-out;
  padding: 16px var(--Spacing-4, 32px);
  border-radius: 8px;
  outline: none;
  border: none;
  animation: gradientAnimation 5s ease infinite;
}

.submit-form {
  height: 56px;
}

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

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.submit-form input.wpcf7-submit :hover {
  background: linear-gradient(90deg, #ff7a01, #ffaa00, #ff7a01);
  background-size: 300% 300%;
  animation: gradientAnimation 5s ease infinite;
  box-shadow: 0 12px 20px -6px rgba(255, 122, 1, 0.4),
    0 8px 15px -5px rgba(23, 72, 201, 0.45),
    0 10px 35px -6px rgba(204, 49, 247, 0.3);
  transform: translateY(-5px) scale(1.05);
  transition: transform 0.4s ease, box-shadow 0.4s ease, background 0.6s ease;
}

/* Contact us form Talk Expert CSS - end */



/* Odoosaastoolkit  Contact Us Start*/
.ks-contact-wrapper {
  padding: 90px 0 178px;
}

.ks-contact-wrapper .contact-gap {
  gap: 32px;
}

.ks-contact-wrapper .ks-cloud-contact {
  background-color: #F8F8F8;
  padding: 48px;
  border-radius: 24px;
  gap: 253px;
  display: grid;
  grid-template-columns: 1.2fr 1.2fr;
  justify-content: center;
}

.ks-contact-wrapper .contact-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 32px;
}

.ks-contact-wrapper .contact-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ks-contact-wrapper .contact-content .talk-expert {
  font-weight: 600;
  font-size: 48px;
  line-height: 62px;
  color: #131313;
  margin-bottom: 0;
}

.ks-contact-wrapper .ks-contact-text {
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: #232323;
  margin-bottom: 0;
}

.ks-contact-wrapper .ks-contact-email {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ks-contact-wrapper .ks-contact-email .email-text {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #131313;
}

.ks-contact-wrapper .email-link a {
  font-weight: 500;
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  color: #232323;
}

.ks-contact-wrapper .list-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ks-contact-wrapper .list-content ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 0;
}

.ks-contact-wrapper .list-content ul li a {
  display: flex;
  gap: 16px;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #212226;
}

.ks-contact-wrapper .contact-info {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #131313;
}

.ks-contact-wrapper .contact-right {
  border: 1px solid #E1E1E1;
}

.ks-contact-wrapper .get-demo-contact {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #131313;
  margin-bottom: 16px;
}

.ks-contact-wrapper .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit .ks-form-label {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #232323 !important;
}

.ks-contact-wrapper .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit input[type=text],
.ks-contact-wrapper .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit input[type=email],
.ks-contact-wrapper .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit input[type=date],
.ks-contact-wrapper .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit input[type=number],
.ks-contact-wrapper .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit textarea,
.ks-contact-wrapper .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit select,
.ks-contact-wrapper .ks-AutoCaptureForm-main-container .ks-AutoCapture-form-unit input[type=file],
.ks-contact-wrapper .auto-phone-num .intl-tel-input {
  border: 1px solid #D1D2D7 !important;
}

.ks-contact-wrapper .auto-phone-num .intl-tel-input input {
  border: none !important;
}

@media screen and (max-width:1440px) {
  .ks-contact-wrapper .ks-cloud-contact {
    gap: 64px;
  }
}

@media screen and (max-width:992px) {
  .ks-contact-wrapper .ks-cloud-contact {
    grid-template-columns: 1fr;
  }

  .ks-contact-wrapper .ks-AutoCaptureForm-main-container {
    max-width: 100%;
  }
}

@media screen and (max-width:575px) {
  .ks-contact-wrapper .ks-cloud-contact {
    padding: 16px;
    gap: 32px;
  }

  .ks-contact-wrapper .contact-content .talk-expert {
    font-weight: 600;
    font-size: 32px;
    line-height: 44px;
    color: #131313;
  }

  .ks-contact-wrapper .contact-right {
    width: 100%;
    padding: 16px;
  }

  .ks-contact-wrapper .contact-gap {
    gap: 14px;
  }

  .ks-contact-wrapper .ks-contact-wrapper {
    padding: 32px 4px;
  }

  .ks-contact-wrapper {
    padding: 16px 4px 32px;
  }
}

/*  Odoosaastoolkit  Contact Us End*/

/* Baner image shortcode - Remove card start */
.removable-card {
    position: relative;
    background-image: url(https://www.ksolves.com/assets/images/marketing/ks-who-sec-inner-bg.webp);
    background-blend-mode: multiply;
    background-color: #222d64;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 40px;
    margin: 40px 0 50px;
	max-width: 600px;
    width: 100%;
}
 

.removable-card-header {
  font-size: 36px;
  line-height: 1.5;
  font-weight: 700;
  color: #fff;
  margin-right: 24px;
}
 
.removable-card h3 {
  font-size: 36px;
  line-height: 1.5;
}

.btn-removable-card {
   position: absolute;
    top: 20px;
    right: 20px;
    background: transparent;
    border: none;
    cursor: pointer;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    z-index: 2;
    padding: 0;
}

.btn-removable-card::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.1566 2.20947L2.18964 16.2095' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.18964 2.20947L16.1566 16.2095' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: contain;
  opacity: 0.8;
display:none;
} 

 
.removable-card-contact {
  background-color: #fff;
  border-radius: 6px;
  padding: 20px 30px;
  font-size: 20px;
  color: #424242 !important;
  font-weight: 600;
  min-width: 170px;
  text-decoration: none !important;
}

.removable-card-body {
  width: 100%;
  display: flex;
  flex-direction: column; /* add this */
  align-items: flex-start; /* optional */
  /* margin: 40px 0 50px; */
  gap:16px;
}

@media (max-width: 768px) {
  .removable-card {
    padding: 20px;
  }
  .removable-card-body {
    flex-wrap: wrap;
    /* margin: 20px 0 20px; */
	gap:16px;
  }

  .removable-card-header {
    margin-right: 0;
    margin-bottom: 24px;
  }
}

/* Baner image shortcode - Remove card end */

/*Author contact info css */

.author-contact {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
}

.author-contact li {
  margin-bottom: 5px;
  font-size: 14px;
}

.author-contact a {
  color: #0073aa;
  text-decoration: none;
}

.author-contact a:hover {
  text-decoration: underline;
}
 /*Author contact info css  end */