/*
Theme Name: Jadro
Theme URI: https://wpshout.com/jadro/
Author: Jadro WP
Description: Jadro is a minimal and lightweight Full Site Editing theme. This speed optimized theme utilizes the WordPress blocks editor to create unique and eye-catching layouts. Jadro is perfect for blogs, small businesses, startups, law firms and other creative agencies who prefer simple and speed optimized websites.
Requires at least: 5.9
Tested up to: 6.2
Requires PHP: 5.6
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jadro
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, rtl-language-support, theme-options, threaded-comments, translation-ready, blog, e-commerce, wide-blocks
*/
/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Forms
--------------------------------------------- */
.button,
.button:visited,
button,
.wp-block-search__button,
input[type=button],
input[type=reset],
input[type=submit] {
  font-family: inherit;
  font-size: var(--wp--preset--font-size--base);
  border: none;
  border-radius: 5px;
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--background);
  line-height: 1;
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  -webkit-text-decoration: none;
  text-decoration: none;
  cursor: pointer;
  transition: 0.4s ease-in-out;
}

.button:active,
.button:focus,
button:active,
button:focus,
.wp-block-search__button:active,
.wp-block-search__button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--background);
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
select,
textarea {
  font-family: inherit;
  font-size: var(--wp--preset--font-size--base);
  color: var(--wp--preset--color--base);
  border: none;
  border: 1px solid var(--wp--preset--color--quinary);
  border-radius: 5px;
  padding: 0.5em;
  width: 100%;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
select:focus,
textarea:focus {
  outline: 1px solid var(--wp--preset--color--secondary);
}

select {
  box-sizing: border-box;
  -webkit-appearance: none;
          appearance: none;
  background: transparent;
  background-image: url(assets/images/icon-downarrow.png);
  background-repeat: no-repeat;
  background-position: top 50% right 1em;
  background-size: 16px;
}

.select2-container--default .select2-selection--single {
  border: 1px solid var(--wp--preset--color--quinary);
  border-radius: 5px;
}

/* List
--------------------------------------------- */
ul li a,
ol li a,
.wp-block-site-title a,
.wp-block-post-title a,
.wp-block-query-pagination-numbers a,
.wp-block-post-excerpt a,
.wp-block-navigation ul,
.wp-block-navigation ul li,
.wp-block-navigation ul li a,
.wp-block-comment-author-name a,
.wp-block-comment-date a,
.wp-block-post-date a,
.wp-block-post-terms a,
.wp-block-post-author-name a,
footer ul li a {
  color: inherit;
  text-decoration: inherit;
}

.wp-block-navigation ul.wp-block-navigation-submenu {
  padding: 0;
}

/* Responsive menu styles
--------------------------------------------- */
.wp-block-navigation__responsive-container.is-menu-open.has-modal-open {
  padding-top: 30px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
  align-items: flex-start;
  width: 100%;
  gap: 30px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
  display: flex;
  position: absolute;
  top: 10px;
  right: 0;
  width: auto;
  height: auto;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation-submenu__toggle:where([aria-expanded=true]) + .wp-block-navigation__submenu-container {
  opacity: 1;
  visibility: visible;
  position: static;
  padding-top: 0;
}

.page .wp-block-template-part,
.single .wp-block-template-part,
.archive .wp-block-template-part {
  margin-top: 0;
}

footer.wp-block-template-part {
  margin-top: 0;
}

nav.wp-block-query-pagination {
  margin-top: 6rem;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content:hover {
	background: #056e6e !important;
    color: #fff;
}
.topNavMenu li ul li a span:hover {
    background: #056e6e !important;
    color: #fff;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
	padding: 0px;
}
 ul.wp-block-navigation-submenu  {
	padding: 0px !important;
}
.SolutionSubMenu ul li span, .productSubMenu ul li span  {
	padding: 15px !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation-submenu__toggle:where([aria-expanded=true]) + .wp-block-navigation__submenu-container {
    
    gap: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
/* List styles
--------------------------------------------- */
ul,
ul.is-style-default,
ul.is-style-square {
  padding-left: 22px;
}

ol,
ol.is-style-default,
ol.is-style-square {
  padding-left: 22px;
}

ul.is-style-square {
  list-style-type: square;
}

.is-style-checklist,
.is-style-checklist-circle,
.is-style-none {
  list-style: none;
  padding-left: 0;
}

.is-style-checklist li {
  display: flex;
  align-items: flex-start;
}

.is-style-checklist li::before {
  content: "";
  mask: url(assets/images/checklist.svg);
  -webkit-mask: url(assets/images/checklist.svg);
  height: 1.5em;
  width: 1.5em;
  min-height: 1.5em;
  min-width: 1.5em;
  background: currentcolor;
  align-self: center;
}

.is-style-checklist-circle li {
  display: flex;
  align-items: flex-start;
  column-gap: 8px;
}

.is-style-checklist-circle li::before {
  content: "";
  mask: url(assets/images/checklist-circle.svg);
  -webkit-mask: url(assets/images/checklist-circle.svg);
  height: 1em;
  width: 1em;
  min-height: 1em;
  min-width: 1em;
  background: currentcolor;
  align-self: center;
}

/* Button Block
--------------------------------------------- */
.button {
  line-height: 1;
  border-radius: 5px;
}

.wp-block-button[style*=text-decoration] .wp-block-button__link {
  text-underline-offset: 5px;
}

/* Separator Block
--------------------------------------------- */
hr.wp-block-separator.has-background {
  height: 2px !important;
}
hr.wp-block-separator.is-style-dots {
  height: auto !important;
}
hr.wp-block-separator.is-style-dotted {
  width: 100% !important;
  border-bottom: none !important;
  height: 1px !important;
  background: repeating-linear-gradient(90deg, currentcolor, currentcolor 2px, transparent 2px, transparent 6px) !important;
}
hr.wp-block-separator.is-style-wide-thin-line {
  height: 1px !important;
  border-width: 1px !important;
  width: 100% !important;
}
hr.wp-block-separator.is-style-left-aligned {
  margin-left: 0 !important;
}
hr.wp-block-separator.is-style-right-aligned {
  margin-right: 0 !important;
}

/* Comment styles
--------------------------------------------- */
.wp-block-comment-template li.comment > .wp-block-columns {
  column-gap: 12px !important;
}
.wp-block-comment-template .wp-block-comment-content {
  border-radius: 10px;
  margin-top: 20px !important;
  margin-bottom: 10px !important;
}

/* Single page and post styles
--------------------------------------------- */
.page .wp-block-post-content a,
.single-post .wp-block-post-content a {
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
.page .wp-block-post-content h1,
.page .wp-block-post-content h2,
.page .wp-block-post-content h3,
.page .wp-block-post-content h4,
.page .wp-block-post-content h5,
.page .wp-block-post-content h6,
.single-post .wp-block-post-content h1,
.single-post .wp-block-post-content h2,
.single-post .wp-block-post-content h3,
.single-post .wp-block-post-content h4,
.single-post .wp-block-post-content h5,
.single-post .wp-block-post-content h6 {
  text-underline-offset: 5px;
  text-decoration-thickness: 2px !important;
}
.page .wp-block-post-content h1 a,
.page .wp-block-post-content h2 a,
.page .wp-block-post-content h3 a,
.page .wp-block-post-content h4 a,
.page .wp-block-post-content h5 a,
.page .wp-block-post-content h6 a,
.single-post .wp-block-post-content h1 a,
.single-post .wp-block-post-content h2 a,
.single-post .wp-block-post-content h3 a,
.single-post .wp-block-post-content h4 a,
.single-post .wp-block-post-content h5 a,
.single-post .wp-block-post-content h6 a {
  color: inherit;
  text-underline-offset: 5px;
  text-decoration-thickness: 2px;
}

.single .wp-block-post-navigation-link a {
  color: inherit;
  text-decoration: inherit;
}


body, p, div, section, ul, li, span{font-family:Inter, Arial, sans-serif !important; font-size:16px !important}
h1, h2, h3, h4, h5{font-family:Roboto, Arial, sans-serif !important; }
h2, h3, h4, h5{font-weight:700 !important}
h2 span, h2 .subhTxt{color:#056e6e; display:block; text-transform:uppercase; display:block}
.newh2Head:before{border:2px solid #056e6e; content:''; position:absolute; left:-20px; height:100%}

.wavebox {
  --mask:
    radial-gradient(514.3px at 50% 690px,#000 99%,#0000 101%) calc(50% - 460px) 0/920px 100%,
    radial-gradient(514.3px at 50% -460px,#0000 99%,#000 101%) 50% 230px/920px 100% repeat-x;
  -webkit-mask: var(--mask);
          mask: var(--mask);
}

.aboutSect{position:relative; top:-136px}
.aboutSect img{width:100%}
.aboutComp{top:-80px}
.teamLinkTxt a{color:#056e6e; }
p.teamLinkTxt{margin-top:5px !important;}
.learnMoreBtn{ color:#056e6e; text-decoration:none; border-radius:2px solid #056e6e}
.whyChooseIcon{position: absolute; right: -1px; bottom: -16px; background: #207d7f; width: 100px; height: 100px; text-align: center; padding: 36px 0 0 24px;border-radius: 100px 0 20px 0;}
.blockart-slider-a00c8ad8 .splide__pagination{top:100% !important }
.splide__pagination__page{height:3px; width:30px; border-radius:0}
.splide__pagination__page.is-active{background:#056e6e !important}
.clientTestimonials .testiSliderCont .blockart-column-inner{padding-left:210px !important; text-align:left}
.clientTestimonials .blockart-image{position:absolute; top:0; left:0; width:150px}
.clientTestimonials .blockart-image img{border-radius:3px; width:150px !important; margin:60px 0 0 34px}
.testiSliderCont h2{font-weight:100 !important}
.testiSliderCont h2 strong{font-weight:400 !important}
.testiSliderCont .blockart-column-inner h2{text-align:left; padding:0}
.innerPageDesign .entry-content{margin:0; padding:0}
.b2bsocial_linkedin {position: absolute;bottom:48px;left: 47%;}
.teamUserPic h3, .teamUserPic p{padding-left: 0px; text-align:left}
.teamUserPic p{letter-spacing:0 !important}
.logoFooter img{width:160px}
.blockart-button .blockart-button-link{background:#056e6e;}
.CTAButton{background:#056e6e; color:#fff; border-radius:3px; padding:10px 30px; font-weight:bold}
.topNavMenu li:hover{color:#056e6e}
.topNavMenu li ul li a span:hover{background:#f9f9f9}
.contactIcon{position:relative; padding-left:50px}
.contactIcon img{ position:absolute; left:0;}
.wp-block-latest-posts__featured-image a{display:block}
.wp-block-latest-posts__featured-image img{ max-width:100%; width:100%}
.BlogMainPg .wp-block-post-content a{display:block}
.homeBlogSection .wp-block-latest-posts__post-title, .blogMainPagePost .wp-block-latest-posts__post-title{color:#056e6e; font-weight:bold; font-size:18px; line-height: 24px; display: inline-block; margin: 15px 0;}
.homeBlogSection .wp-block-latest-posts__read-more{color: #056e6e; text-decoration:underline }
.homeBlogSection .wp-block-latest-posts__post-date, .blogMainPagePost .wp-block-latest-posts__post-date{color:#999}
.blogRecentList li{ border-top:1px solid #999; padding:10px 0;}
.blogRecentList li a{color: #056e6e;}
.blogMainPagePost .wp-block-latest-posts.columns-2 li {background: #fff;padding: 10px;}
.jobTitlePos{font-size:16px !important; color:#154b4c !important}
.jobTitlePos strong{font-size:20px !important; color:#000 !important}
#ewd-ufaq-faq-list{max-width:1170px; margin:0 auto}
.ewd-ufaq-faq-title .ewd-ufaq-post-margin-symbol span{font-family: 'ewd-toggle-icon' !important;}
div.ewd-ufaq-faq-title div.ewd-ufaq-post-margin-symbol{padding:12px 0px 0px 2px}
.ewd-ufaq-faqs{padding-bottom:100px}
.wp-block-social-links .wp-social-link svg{height: 2em;width: 2em;}
.wp-block-navigation-item__content.active, .wp-block-navigation-item__content.custom-active {color: #056e6e !important; /* Change to your desired highlight color */}
.clientLogos{margin:0; padding:0; list-style:none}
.clientLogos li{display:inline-block; padding:30px 20px; width: 16.3%;}
.clientLogos li figure{margin:0}
.clientLogos li img{width:100%; max-width:100%}
.blockart-section-433417e6, .blockart-section-e6ec9dfd{margin-block-start:0px !important;}
h4{font-size:22px}
.teamLinkedIncon{position:absolute; margin-left:5px}
.topLogoImg{position: absolute; top: 0; background: #fff; z-index: 9; padding: 15px 40px 15px; border-radius: 0 0 20px 20px; border: 1px solid #fff;}
.clientLogos_safe{margin:0; padding:0; list-style:none}
.clientLogos_safe li{display:inline-block; padding:10px;}
.clientLogos_safe li img{height:32px}
.stepsTagN{background: #046e6e; display: inline-block; padding: 6px 20px; border-radius: 3px; color: #fff !important; font-weight: bold; font-family:Poppins, sans-serif; text-transform: uppercase;}
.stepsTagN:after{position:absolute; left:32%; top:100%; content:""; width:0px; height:0px; border-left: 20px solid transparent; border-right: 20px solid transparent;border-top: 20px solid #046e6e;}
.LinkTxtDemandAI a{color: #ffffff !important;}
.linkTxtGreen a{color: #046e6e !important}
.wp-block-navigation ul.wp-block-navigation-submenu{width:210px !important}
.SolutionSubMenu ul.wp-block-navigation-submenu{padding:10px 0; width:370px !important}
.productSubMenu ul.wp-block-navigation-submenu{padding:10px 0;}
.SolutionSubMenu ul li a, .productSubMenu ul li a{display:inline-block !important; padding: 0 15px;}
.SolutionSubMenu ul li span, .productSubMenu ul li span{ border-bottom:1px solid #999; padding:15px 0px 15px 0; display:block}
.SolutionSubMenu ul li:last-child span, .productSubMenu ul li:last-child span{border-bottom:0px solid #999;}
.featureListDt li{margin-bottom:15px}
.featIconImg{position:absolute; top:-20px}
.wave {
  --s: 100px; /* the size of the wave */
  --p: 2.0;   /* the curvature of the wave [0 2] */

  --R: calc(var(--s)*sqrt(var(--p)*var(--p) + 1)) at 50%;
  mask:
    radial-gradient(var(--R) calc(100% - var(--s)*(1 + var(--p))), #000 99%, #0000 101%) 
      calc(50% - 2*var(--s)) 0/calc(4 * var(--s)),
    radial-gradient(var(--R) calc(100% + var(--s)*var(--p)), #0000 99%, #000 101%) 
      50% calc(-1*var(--s))/calc(4 * var(--s)) repeat-x;
}
@media screen and (min-width:1920px)
{
	.aboutSect {top: -156px;}
}


@media screen and (max-width:1279px)
{
	.aboutSect{display:none}
}

@media screen and (max-width:990px)
{
	.newh2Head:before{display:none}
	.homeHeroImg{background-image: url(https://demandai.net/wp-content/uploads/2025/05/Demand-AI-bg-mobile.jpg) !important; padding-top: 10px !important;}
	.safeHeroBanner{background-image: url(https://demandai.net/wp-content/uploads/2025/05/safe-bg-mobile.jpg) !important;}
	.clientTestimonials .testiSliderCont .blockart-column-inner{padding-left:30px !important;}
	.clientTestimonials .blockart-image{position:relative; top:0; left:0; width:150px}
	.clientTestimonials .blockart-image img{border-radius:3px; width:150px !important; margin:0px 0 0 34px}
	.blockart-section-10d60ee9{margin:0}
	.aboutComp{padding: 80px 15px 0px !important;}
	.heroBannerImgMob{max-width:400px}
	.clientLogos li{width: 32%;}
	.clientLogos li img{width:100%; max-width:200px}
	.topLogo img{width:250px !important}
	.logoFooter img{width:160px !important}
	
}
@media screen and (max-width:480px)
{
	.heroBannerImgMob{max-width:300px}
	.ewd-ufaq-faq-body {padding-left: 38px !important;}
	.BlogMainPg .wp-block-latest-posts.alignleft{margin-right:0}
	.BlogMainPg .wp-block-latest-posts.is-grid li{margin:0 0 1.25em 0}
	.clientLogos li{width: 48%;}
	.topLogo img{width:250px !important}
	.clientLogos_safe li{width: 48%;}
	
}

/* kk css */


.wp-block-ub-icon .ub_icon {
    width: 176px;
    margin: 0 auto;
}

.contact-card{
	margin-top: 0px;
}

.contact-actions {
  display: flex;
  gap: 20px;
  margin-top: 3px;
  flex-wrap: wrap;
}

.contact-item {
  position: relative;
  font-size: 16px;
}

.hover-wrapper {
  position: relative;
  display: inline-block;
}

.trigger-area {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

/* Tooltip box styling */
.tooltip-box {
  position: absolute;
  top: 105%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #1c827c;
  padding: 8px 12px;
  border-radius: 6px;
  color: white;
  white-space: nowrap;
  z-index: 10;
  display: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  min-width: 180px;
}

.hover-wrapper:hover .tooltip-box,
.hover-wrapper:focus-within .tooltip-box {
  display: block;
}

.tooltip-box::after {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #1c827c transparent;
}
.tooltip-box input {
  background-color: transparent;
  color: white;
  border: none;
  outline: none;
  font-size: 14px;
  text-align: center;
  outline: none;
  width: 100%;
  font-family: inherit;
  cursor: text;
  pointer-events: auto;
}
.tooltip-box input:hover{
	outline: none !important
}

@media (max-width: 992px){
	.blockart-image img {
	height: auto !important;
}
	.contact-actions{
		gap: 8px !important;
	}
}

@media (max-width: 576px) {
  .blockart-image .mask-repeat-no-repeat {
    width: 100% !important;
    height: auto !important;
  }
}
/* 
location page css */

.location-box{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border: 2px solid #90bfc0;
  background-color: #e5fdfd;
  border-radius: 10px;
  padding: 20px 24px;
  font-family: Arial, sans-serif;
  flex-wrap: wrap;
  gap: 16px;
}

.location-box img {
  width:32px;
  height: auto;
  margin-right: 12px;
  opacity: 0.8;
}
.location-box .address, .location-box .phone {
  display: flex;
  align-items: center;
  flex: 1 1 200px;
}

.location-box .address strong,
.location-box .phone strong,
.location-box .phone a {
  color: #006666;
  font-weight: 600;
  text-decoration: none;
}

.location-box .divider {
  width: 1px;
  height: 50px;
  background-color: #009999;
  margin: 0 20px;
}
@media (max-width: 1158px){
	 .location-box .divider {
    display: none !important;
  }
}
@media (max-width: 600px) {
  .location-box {
    flex-direction: column;
    align-items: flex-start;
  }
	.location-box .address, .location-box .phone {
		flex: auto !important;
	}
 
}
.swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: -40px !important;
}

.page-id-3292  h2.wp-block-post-title {
display: none !important;
}
.page-id-3783 h2.wp-block-post-title {
display: none !important;
}
.profile-wrapper {
  position: relative;
  width: 190px;
  height: 190px;
}

.profile-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.linkedin-icon {
    position: absolute;
    bottom: 3px;
    right: 9px;
    width: 32px;
    height: 32px;
    background-color: #0077b5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.linkedin-icon img {
  width: 20px;
  height: 20px;
}

.contact-item span.icon-label a{color: #b5b5b5 !important; text-decoration:none;}

.custom-video-wrapper {
  width: 100%;
  height: 540px; 
  overflow: hidden;
  position: relative;
}

.custom-video-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover; 
}
@media (max-width: 1600px) {
  .custom-video-wrapper {
    height: 640px;
  }
}
@media (max-width: 992px) {
  .custom-video-wrapper {
    height: 400px;
  }
}


@media (max-width: 576px) {
  .custom-video-wrapper {
    height: 300px !important;
  }
}

.roletext {
	height: 50px !important;
		
}