/*
Theme Name: Katalyst
Theme URI: https://wordpress.org/themes/Katalyst/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Katalyst is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Katalyst comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.0
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Katalyst
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}
*, *::before, *::after {
	box-sizing: border-box;
  }
  * {
	margin: 0;
  }
  @media (prefers-reduced-motion: no-preference) {
	html {
	  interpolate-size: allow-keywords;
	}
  }
  
  a:hover{text-decoration:unset !important;}
  
  
  body {
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
  }
  img, picture, video, canvas, svg {
	display: block;
	max-width: 100%;
  }
  input, button, textarea, select {
	font: inherit;
  }
  p, h1, h2, h3, h4, h5, h6 {
	overflow-wrap: break-word;
  }
  p {
	text-wrap: pretty;
  }
  h1, h2, h3, h4, h5, h6 {
	text-wrap: balance;
  }

  #root, #__next {
	isolation: isolate;
  }
:root{
	--darkblue :#0B2033;
	--orange :#F38120;
	--grey-bg :#3C3C3C;
	--b-line :#999999;
	--white :#FFFFFF;
	--common-unit  : 0.0625rem;
	--h1 : clamp(2rem,  calc(5.21vw + var(--common-unit)), 6.25rem);
	--h2 : clamp(1.5rem, calc(2.29vw + var(--common-unit)) , 2.75rem);
	--h2-1 : clamp(1.5rem, calc(1.67vw + var(--common-unit)) , 2rem);
	--h3 : clamp(1.75rem, calc(1.67vw + var(--common-unit)) , 2rem);
	--h3-1 : clamp(1.5rem, calc(1.46vw + var(--common-unit)) , 1.75rem);
	--h4 : 1.25rem;
	--h5 : 1rem;
	--h6 : 0.75rem;
	--banner-height : 100vh;
	--p : clamp(1rem, calc(0.9375vw + var(--common-unit)) , 1.125rem);
	--small-title:clamp(1rem, calc(0.9375vw + var(--common-unit)) , 1.125rem);
	--list-title:clamp(1.25rem, calc(1.25vw + var(--common-unit)) , 1.5rem);
	--btn-text :clamp(1rem, calc(1.1vw + var(--common-unit)) , 1.25rem);
	--a-text :clamp(1rem, calc(0.9375vw + var(--common-unit)) , 1.125rem);
	--credit : clamp(1rem, calc(0.9375vw + var(--common-unit)) , 1.125rem);
	--f29 : clamp(1rem, calc(1.5vw + var(--common-unit)) , 1.813rem);
	--nav: var(--p);
	--shead : clamp(1.25rem, calc(4.1vw + var(--common-unit)) , 5rem);
	--banner-head : clamp(2rem, calc(4.42vw + var(--common-unit)) , 5.313rem);
	--c-text :clamp(1.125rem, calc(1.1vw + var(--common-unit)) , 1.25rem);
	--c-head :clamp(3.125rem, calc(3.125vw + var(--common-unit)) , 3.75rem);
	--post-head :clamp(1.25rem, calc(2.5vw + var(--common-unit)) , 3rem);
	
	--p-head : clamp(1.25rem, calc(1.67vw + var(--common-unit)) , 2rem);
	
	
	--p-inner-head : clamp(1rem, calc(1.25vw + var(--common-unit)) , 1.5rem);
	
	--wp--preset--font-family--manrope :"Instrument Sans";
	
		--inner-banner-head : clamp(2rem, calc(4.42vw + var(--common-unit)) , 5.313rem);
		--inner-banner-p :clamp(1rem, calc(1.1vw + var(--common-unit)) , 1.25rem);
		
		--f-29-22:clamp(1.375rem, calc(1.5vw + var(--common-unit)) , 1.813rem);
		
			--f-100-60:clamp(3.75rem, calc(5.2vw + var(--common-unit)) , 6.25rem);
		
		--f-85-75:clamp(4.6rem, calc(4.4vw + var(--common-unit)) , 5.313rem);
		
		--f-28-24:clamp(1.5rem, calc(1.45vw + var(--common-unit)) , 1.75rem);
		
		--f-20-18:clamp(1.125rem, calc(1.1vw + var(--common-unit)) , 1.25rem);
		
		--f-44-20:clamp(1.25rem, calc(2.3vw + var(--common-unit)) , 2.75rem);
		
		
		
		
	
}
body,header,footer{
	font-family: "Instrument Sans", sans-serif !important;
}
.h1{
	font-size: var(--h1);
}
.h2{
	font-size: var(--h2);
}
.h3{
	font-size: var(--h3);
}
.h3-1{
	font-size: var(--h3-1);
}

.f-18{font-size: var(--small-title);}

.f-20{font-size: var(--btn-text);line-height:1.2;}

.f-24,.f-24 h2{font-size: var(--list-title);}

.f-29-22{font-size:var(--f-29-22);}

.f-20-16{font-size:var(--btn-text);}

.f-85-74px{font-size:var(--f-85-75);}

.f-28-24{font-size:var(--f-28-24);}

#blogs .f-24 h2{font-weight: 600 !important;}

#blogs .cus-cta{}



.f-nav{
	    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-top: 15px
}

.why-text{font-size:var(--list-title);}


.p-head{font-size:var(--post-head);}

p{font-size: var(--p);}
.h-100{height:100%;}

.resource-list figure.h-100 img{height:100%;}


.sm-head{
    	font-size: var(--small-title);position:relative;    
    	display: flex;
    align-items: center;
    gap: 8px;
    line-height: 1;
}
.sm-head::before{    content: "";
    height: 20px;
    display: flex;
    width: 20px;
    background: #EDA663;}
    
.sm-head.white::before{background:#fff;}

.pad-all{
	padding: 5vw;
}
.pad-x{
	padding-top: 5vw;
	padding-bottom: 5vw;
}
.pad-y{
	padding-left: 5vw;
	padding-right: 5vw;
}
.pad-x-1{
	padding-top: .5rem;
	padding-bottom: .5rem;
}
.pad-x-2{
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.pad-x-3{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
.pad-x-4{
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.pad-x-3per {
    padding-top: 3%;
    padding-bottom: 3%;
}

.pad-tp2{padding-top:2%;padding-bottom:2%;}

.pad-0{
	padding: 0;
}
.pad-y-0{
	padding-left: 0;
	padding-right: 0;
}
.pad-x-0{
	padding-top: 0;
	padding-bottom: 0;
}

.pad-t-5{padding-top:5%;}

.margin-all{
	margin: 5vw;
}
.margin-x{
	margin-top: 5vw;
	margin-bottom: 5vw;
}
.margin-y{
	margin-left: 5vw;
	margin-right: 5vw;
}
.margin-x-1{
	margin-top: .5rem;
	margin-bottom: .5rem;
}
.margin-x-2{
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.margin-x-3{
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
.margin-x-4{
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.margin-0{
	margin: 0;
}
.margin-y-0{
	margin-left: 0;
	margin-right: 0;
}
.margin-x-0{
	margin-top: 0;
	margin-bottom: 0;
}
.credit p{
	font-size: var(--credit);
}
.credit-synergos{
	display: inline-flex;
}



#inner-banner .scroll-down {
  position: absolute;
    bottom: 0rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;}


#inner-banner .line {
    height: 4.75rem;
    background: var(--orange);
    width: 2px;
    margin: auto;
    border-radius: 2px;
    position: relative;
}

#inner-banner{position:relative;}
#inner-banner .line::after {
    position: absolute;
    top: 0;
    height: 2.37rem;
    width: 2px;
    background: #FFFFFF;
    content: "";
    z-index: 1;
    margin: auto;
    left: 0;
    animation: linemove 2s linear infinite;
}

@keyframes linemove {
    0%{
        top: 0;
    }
    50%{
        top: 50%;
    }
    100%{
        top: 0%;
    }
    
}


#video-sec video{border-radius:12px;}
#video-sec{
    display: flex;
    justify-content: center;}

 #video-sec video {
      width: 30%; /* initial width */
      transition: width 0.3s ease;
      max-width: 100%;}


header .inner-head{padding:20px 5vw !important;}
header .wp-block-site-logo img{min-width:210px;}

body header .inner-head{
    transition: 0.3s all ease-in-out;}

body.bg header .inner-header{    background: #000 !important;
    transition: 0.3s all ease-in-out;}
    
    


.bottom-line{position:relative;padding-bottom:5px;}
.bottom-line::after{content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 120px;
    background: var(--orange);}
.bottom-line::before{content: "";
    position: absolute;
    bottom: 0;
    left: 120px;
    height: 2px;
    width: 120px;
    background: var(--b-line);}

footer .f-nav ul{display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 16px 0px;
        align-items: start;
}

.inline-img{display: flex;
    align-items: center;
    gap: 8px;}
.a-top{    align-items: flex-start;}


.syn-img{    display: flex;
    align-items: center;
    gap: 8px;
}

footer .newsletter{
    margin-top:25px;
}

.cred-items{justify-content: space-between;}



.inner-header{    background: transparent;
    position: fixed;
    top: 0;
    z-index: 10000;
    width: 100%;}



.relative{position:relative;z-index:1;}



.sec-title-arrow h4{    display: flex;
    align-items: center;justify-content: center;
    gap: 10px;}


.sec-title{
    font-size: var(--h2-1);
    text-transform: uppercase;
    font-weight: 600;
}

#about .sec-title-arrow,#sustainability .sec-title-arrow{gap: 1.25rem; display: flex ; flex-direction: column;}


.counter-sec .c-box h3,.w-sec .w-box h3{font-size:var(--c-head);font-weight:600;color:var(--grey-bg);line-height:1.1;}

.counter-sec .c-box p{font-size:var(--c-text);color:var(--grey-bg);font-weight:400;}


.counter-sec .c-box {gap: 3px;position:relative;}

.counter-sec,.w-sec{    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 4rem;}



.counter-sec  .c-box::after{    content: "";
    width: 2px;
    height: 100%;
    background-color: #3c3c3c5c;
    position: absolute;
    right: -2rem;}


.counter-sec .c-box:last-child::after,.w-sec .w-box:last-child::after {
  display: none;
}


#why-katalyst .sec-title-arrow h4,#women-empowerment .sec-title-arrow h4,#careers .sec-title-arrow h4,#contact .sec-title-arrow h4,#resources .sec-title-arrow h4,#products  .sec-title-arrow h4{justify-content: left;}


.just-spc{justify-content: space-between;}



.why-box svg{min-width:100px;}



.w-sec .w-box h3{font-size:var(--h2);}

.w-sec {gap:1rem;}
.w-sec .w-box{position:relative;z-index:1;    gap: 2px;align-items:flex-start;}

.w-sec .w-box::after{    content: "";
    width: 2px;
    height: 100%;
    background-color: #3c3c3c5c;
    position: absolute;
    right:0.75rem}

.w-sec{position:relative;z-index:1;}


#women-empowerment .img-sec{
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    display: flex;
    height: 100%;
    max-width: calc(100% - 900px);
}
#women-empowerment .img-sec img{height:100%;}
#women-empowerment .img-sec::before{content: "";
   background:linear-gradient(90deg, #ffffff 3.41%, rgba(246, 246, 246, 0) 38.89%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;z-index: 0;
}

#women-empowerment .sec-title{
    position: relative;
    z-index: 1;
}


#sustainability  .logo-sec figure{margin:0px;    width: 100%;}
#sustainability  .logo-sec{display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2rem 3rem;}
#sustainability  .logo-sec figure img{width:100%;}
#careers{background-image:url('https://katalyst.dotncube.in/wp-content/uploads/2025/05/careers-gradient-3.png');background-size: cover;
    background-repeat: no-repeat;}

#contact .left img{width:100%;}



.cat-sec{display: flex;
    padding: 10px;
    border: unset !important;
    border-radius: 4px;
    justify-content: flex-start;    gap: 20px;    backdrop-filter: blur(11.399999618530273px);background: repeating-linear-gradient(to right, black 0 4px, transparent 4px 8px), repeating-linear-gradient(to bottom, black 0 4px, transparent 4px 8px), repeating-linear-gradient(to left, black 0 4px, transparent 4px 8px), repeating-linear-gradient(to top, black 0 4px, transparent 4px 8px);    background-repeat: no-repeat;
    background-position: top left, top right, bottom right, bottom left;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
}
.mobile{display:none !important;}
.desktop{display:block;}

#blogs .cat-sec{     border: 1px dotted #fff;
   background: 
  repeating-linear-gradient(to right, white 0 4px, transparent 4px 8px),
  repeating-linear-gradient(to bottom, white 0 4px, transparent 4px 8px),
  repeating-linear-gradient(to left, white 0 4px, transparent 4px 8px),
  repeating-linear-gradient(to top, white 0 4px, transparent 4px 8px);
    background-repeat: no-repeat;
    background-position: top left, top right, bottom right, bottom left;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    backdrop-filter: blur(59.400001525878906px);position:relative;
}


#blogs .cat-sec::before{content:"";background: rgba(255, 255, 255, 0.3);    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;}

.d-flex{display: flex;}
.cat-sec p,.cat-sec div{position:relative;}

.cat-sec p::after,.cat-sec div::after{    content: "";
    width: 1px;
    height: 100%;
    background-color: #3c3c3c5c;
    position: absolute;
    right: -10px;}

.cat-sec p:last-child::after,.cat-sec div:last-child::after {
  display: none;
}

#blogs .cat-sec p::after,#blogs .cat-sec div::after{background-color: #fff;}
#blogs .d-flex{margin:0px; position: absolute;
    bottom: 1rem;
    left: 1rem;}

#contact .left figure,#contact .left figure img,#contact .left {height:100%;}



#inner-banner h1{font-size:var(--inner-banner-head);}
#inner-banner p{font-size:var(--inner-banner-p);}
a,button{outline:none;}
a:focus,button:focus {
  outline: none;
  text-decoration: none;
}
body:not(.page-id-11) header .inner-header,body.bg header .inner-header{background:#fff !important;}
body:not(.page-id-11) header .inner-header ul.has-white-color,body.bg header .inner-header ul.has-white-color{color:var(--grey-bg) !important;}
body:not(.page-id-11) header .inner-header .s-icon path,body.bg header .inner-header .s-icon path{stroke:var(--grey-bg) !important;}
body:not(.page-id-11) header .inner-header .wp-block-site-logo,body.bg header .inner-header .wp-block-site-logo{display:none;}
body.page-id-11 header .inner-header .site-logo-black{display:none;}
body.bg header .inner-header .site-logo-black{display:block;}


.product-listing .right .content .p-content p{padding-bottom:10px;}

.a-aboutus .wp-block-cover__inner-container,#vision-mision .wp-block-cover__inner-container{width:100% !important;}

#vision-mision h2{
    border-bottom: 2px dashed #ccc;
    padding-bottom: 10px;
    max-width: 410px;
}

#vision-mision{background-position: left;
    position: relative;
    background-size: contain !important;
    background-repeat: no-repeat;}
#vision-mision::after,#team::after,#awards::after{    content: "";
    background-image: url(https://katalyst.dotncube.in/wp-content/uploads/2025/06/Group-1000006790-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;}

#team{position:relative;overflow:hidden;}
#team::after{ content: "";
    background-image: url(https://katalyst.dotncube.in/wp-content/uploads/2025/06/OBJECTS.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;}
#team::before{ content:"";background-image: url(https://katalyst.dotncube.in/wp-content/uploads/2025/06/thread-2-1.webp);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: -5%;
    top: -5%;
    width: 100%;
    height: 100%;
    z-index: 0;}


#team .sec-title-arrow h4,#team-members .sec-title-arrow h4,#csr .sec-title-arrow h4,#awards .sec-title-arrow h4,.sec-title-arrow h4.al-left,#Textile-recycling .sec-title-arrow h4{justify-content: flex-start;} 

#csr::before{    content: "";
    background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}


#csr ul li::before{content:url('https://katalyst.dotncube.in/wp-content/uploads/2025/06/bullet.png');}
#csr ul{list-style: none;
    padding-left: 0;}
#csr ul li{display: flex;
    gap: 8px;
    align-items: center;padding-bottom: 5px;}
    
    
        .p-item .just-spc{display: flex;
    flex-direction: column;
    justify-content: space-between;}
    
   .p-list .p-item{border-top: 1px dashed #3c3c3c54;} 
.p-item.p-bottom{border-bottom: 1px dashed #3c3c3c54;} 

.p-list .p-item figure {
  width: 28%;
  height: 16em;
  overflow: hidden;
  will-change: width, height;
  transition: none; /* GSAP handles animation */
}

.p-list .p-item figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}



header .wp-block-navigation__container .wp-block-navigation__submenu-container{color:#000 !important;}


.p-menu{position: sticky;
    top: var(--header-height);
    background: #fff;
    z-index: 1;}
.p-menu a{text-decoration:none !important;}

.p-menu h3.active a{color: var(--orange);}

#linkSelect{display:none;}

.usps-row{display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5rem 1.5rem;
}

.c-none .cta-sec{display:none !important;}

.usps-row .wp-block-group.u-item::after{content: "";
    position: absolute;
    top: 40px;
    width: 100%;
    height: 2px;
    border: 1px dashed #949494;
    left: 0;z-index:0;}
.usps-row .wp-block-group.u-item{position:relative;}
.usps-row .wp-block-group img{height:80px;width:auto;position:relative;z-index:1;}
.usps-row .wp-block-group figure{    padding-right: 1.5rem;position:relative;z-index:1;}


.why-box figure{width:100px;height:auto;}
.why-box figure img{
width: 100%;
    min-width: 100px;
    height: auto;}


.image-column .content-block{
   flex: 0 0 35%;
    max-width: 35vw;
    margin-right: 10%;
    padding-bottom: 5vw;
}

.image-column .image-block{
    flex: 0 0 60%;
}

.reverse .image-column .content-block{
    flex-direction: column-reverse;
}


.grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 0;
    gap: 3rem;
}

.card-b-border .why-box{
        border-bottom: 2px dashed rgb(243 129 32);
            margin-top: 0;
    padding-bottom: 1rem;

}
header{
    position: relative;
    z-index: 9999;
    isolation: isolate;
}
body.bg header .inner-header{
    background-color: #FFF;
}
header .search-block{
    position: fixed;
    top:-300px;
    left: 0;
    width: 100%;
    transition: 0.3s all ease-in-out;
}
header .search-block.show{
    top:var(--header-height);
    z-index: -1;
}
header .wp-block-search__inside-wrapper{
    border-bottom: 1px solid #fff;
}
header .wp-block-search__inside-wrapper  .wp-block-search__input::placeholder
{
    color: #FFF;
    opacity: 1; /* Firefox */
}
header .wp-block-search__inside-wrapper  .wp-block-search__input {
    background: transparent;
    border: none;
    color: #FFF;
    font-size: 3.5rem;
    font-weight: 400;
    outline: none  !important;
}
header .wp-block-search__inside-wrapper  button{
    background: transparent;
    border: none;
    outline: none  !important;

}

body.search  header .search-block.show{
    display: none !important;
}
body.search .wp-block-search__inside-wrapper{
    border-bottom: 1px solid #fff;
}
body.search  .wp-block-search__inside-wrapper  .wp-block-search__input::placeholder
{
    color: #FFF;
    opacity: 1; /* Firefox */
}
body.search  .wp-block-search__inside-wrapper  .wp-block-search__input {
    background: transparent;
    border: none;
    color: #FFF;
    font-size: 3.5rem;
    font-weight: 400;
    outline: none  !important;
}
body.search  .wp-block-search__inside-wrapper  button{
    background: transparent;
    border: none;
    outline: none  !important;

}

.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{
    min-width: 350px;
}

.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container {
    /* left: 0 !important; */
    right: auto !important;
}

nav ul .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
    padding: 1rem 0 !important;
}


.contact-info-list div:not(.icon) p {
    width: 100%;
    text-align: start;
}

.contact-info-list div:not(.icon) p {
    width: 100%;
    text-align: start;
}
.contact-info-list .icon {
    flex: 0 0 32px;
}
.contact-map{
    display: flex;
}
.contact-map .wp-block-columns {
    width: 100%;
    gap: 0;
}
@media only screen and (max-width:1500px) and (min-width:1100px){
    
    #events .left{flex-basis:40% !important;}
    
    #events .wp-block-post-featured-image,#events .wp-block-post-featured-image a,#events .wp-block-post-featured-image a img{height:100%;}
    
    #industries{padding-left:5vw !important;}
    .custom-data #customDots .custom-dot {
    font-size: .9rem;}
    
    
}

@media only screen and (max-width:781px){
.m-grid-1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    padding: 0;
    gap: 3rem;
}

.contact-map{
    min-height: unset  !important;
}
.contact-map .wp-block-columns  .wp-block-column:last-child{
    aspect-ratio: 1 !important;
}
#banner .fixed-block{min-width:100% !important;}
#homepage-banner .item {
    min-height: 60vh;
}
#homepage-banner .content-block{
    width: unset;
    left: 5vw;
}

.image-column .content-block{
   flex: 0 0 100%;
    max-width: 100vw;
    margin-right: 0%;
    padding: 5vw;
}

.image-column .image-block{
    flex: 0 0 100%;
}

 .image-column:not(.reverse){
    flex-direction: column-reverse;
} 
.Impact-Beyond-Work{
    padding-left: 0px !important;
}


#banner .fixed-block{right:unset;left:5vw;        gap: 1rem;
        bottom: 6vw;}
#banner .owl-dots{display:none;}

#banner .fixed-block .cta-sec svg,.cta-sec a.black svg, .cta-sec button.black svg, .cta-sec svg{width:30px;height:auto;}
section{padding:10% 5vw !important;}
#banner,#sustainability,#contact{padding:0 !important;}

header .wp-block-site-logo img {
    min-width: 85px;
}


#about .sec-title-arrow,#sustainability .sec-title-arrow{;padding-left: 0px !important;padding-right: 0px !important;    gap: 1rem;}
.counter-sec, .w-sec{padding-top:5% !important;grid-template-columns:1fr;        gap: 3rem;}
.counter-sec .c-box::after {
    width: 2px;
    right: unset;
    bottom: -1.5rem;
    height: 1px;
    width: 40%;
}

.just-spc{        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;}

.why-box{    flex-direction: column;
    align-items: center;margin-block-start: 4rem;}

.why-box h4,.why-box p{    justify-content: center !important;
    align-items: center !important;text-align:center;
    width: 100%;}

#women-empowerment .sec-title-arrow{padding:0px !important;}
.w-sec .w-box{align-items:center;}
.w-sec .w-box h3 {
    font-size: 40px;}
.w-sec .w-box::after{display:none}
#women-empowerment{background:#fff;}
#sustainability .logo-sec {
 grid-template-columns: 1fr 1fr;
    gap: 1rem;}



#sustainability .wp-block-cover{padding:10% 5vw !important;}

#careers .wp-block-columns {flex-direction: column-reverse !important;}
#careers{padding:0px !important;padding-top:5% !important;background-image: unset;}
#events .wp-block-columns{gap: 0; flex-direction: column-reverse;}

#events .wp-block-post-excerpt,#blogs .wp-block-post-excerpt{padding-bottom:0rem !important;}
#blogs .cus-cta {
    flex-direction: column;
    align-items: baseline;
}
#blogs .cus-cta .cta-sec a .span, #blogs .cus-cta .cta-sec button .span {
    display: block;font-weight: 400;
}


#blogs .cus-cta .cta-sec a{color: var(--grey-bg);
    border: 1px dotted var(--grey-bg);padding: 3px 3px 3px 10px;}

#blogs .cus-cta .c-arrow {
    display: flex;
    width: unset;
}
#contact .wp-block-columns{ flex-direction: column-reverse;}
#contact{padding-top:5% !important;}
footer .f-box{padding:0% 5% !important;}
footer .wp-container-core-columns-is-layout-9c22b1e3{padding:10% 0% !important;}
footer .f-nav ul {grid-template-columns: 1fr 1fr;}
footer .cred{padding-top:10px !important;padding-bottom:5% !important;}
.cred-items{    flex-direction: column;gap: 5px;padding-bottom:5% !important;}
.syn-img{flex-direction:column;}
.product-listing,.product-listing .right .content{flex-direction:column;}
.product-listing .left .p-head{width:100%;        gap: 1rem;}
.product-listing{padding-top:5%;}
.custom-data #customDots{display:none;}
.mobile{display:block !important;}
.industry-slider .right{display:none;}
#sync1 .item img{padding-bottom:15px;}
.custom-nav{width:100%;}
.custom-nav .custom-prev,.custom-nav .custom-next{
    max-width: 35px;}
.desktop{display:none;}

header nav{display:none !important;}
#women-empowerment .img-sec {
    position: relative;
    top: 0;
    left: 0%;
    margin: 0;
    display: flex;
    height: 100%;
    width: calc(100% + 6%);
    max-width: unset;
    padding-top: 8%;
}
#women-empowerment{padding-bottom:0px !important;}

.mob-menu-icon line{stroke:#000 !important;}
body header .inner-header .site-logo-black img{max-width:110px;}
header .s-icon{max-width:20px;}

body header .inner-header .site-logo-black{
    max-width: 110px;
    height: auto;
    align-items: center;
    display: flex;
}
body.bg header .inner-header .site-logo-black {
    display:flex;}


#inner-banner .scroll-down{display:none;}
#inner-banner .wp-block-cover{min-height:400px !important;}
#breadcrumb{display:none;}
#video-sec video {
    width: 100%;}
.a-aboutus{padding:0% !important;}

#v-sec,#vision-mision,#team-members,#awards,#csr{padding:10% 5% !important;}

#vision-mision{background-image:unset !important;}

#vision-mision::after{background: #efefef;}

#team .wp-block-columns{padding-top:10% !important;padding-left:0px !important;padding-right:0px !important;}
#team .wp-block-columns .wp-block-column:nth-child(1){order:2;}
#team .wp-block-columns .wp-block-column:nth-child(2) h2{    font-size: 1.25rem !important;}
#team .wp-block-columns .wp-block-column:nth-child(2) p{margin-top: 10px;}
#team{padding-top:10% !important;}
#team::before{top: unset;
        bottom: -10vh;
        background-position: 100%;
        background-size: 590px;
        left: 0;}
.awards-carousel .award-item{flex-direction:column;}
.awards-carousel .award-item .content h3 {
    font-size: 22px;
    padding-top: 10px;
    line-height: 1.3;}

#awards .custom-dots {
  overflow: auto; /* or scroll */
  scrollbar-width: none;       /* Firefox */
  -ms-overflow-style: none;    /* IE 10+ */

}

#awards .custom-dots::-webkit-scrollbar {
  display: none;               /* Chrome, Safari */
}
#awards .dot-item{min-width:150px;}
#awards .custom-dots{padding-top:1.5rem;}

#csr{    background-image: url(https://katalyst.dotncube.in/wp-content/uploads/2025/06/Rectangle-20461.png) !important;
    background-size: cover;
    background-position: 100%;
    padding-top: 25vh !important;
    background-repeat: no-repeat;}


#vision-mision .mobile{position: relative;
    left: -5%;
    width: calc(100% + 10%);}


.team-carousel .team-image img{max-width:240px;height:auto;}
.p-list .p-item figure {
    width: 100%;
    height: auto;}

.p-list .f-85-74px{color:#00000036 !important;}

.p-menu,.c-number{        display: none !important;}
#linkSelect{display:block;}
.usps-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
}
.card-b-border .why-box{
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
}

.card-b-border .why-box h4,.card-b-border .why-box p{
    text-align: left !important;
    width: 100%;
    display: block;
}


}


.hide{display:none !important;}
.usps-row .wp-block-group.u-item::after{display:none;}
.search-results .search-card{
    width: 100%;
}

.search-results .search-card .content-block h2 {
    font-size: var(--h2-1);
    text-transform: uppercase;
    font-weight: 600;
}
.search-results .search-card .content-block .wp-block-post-excerpt__excerpt{
    max-width: 900px;
    display: -webkit-box;
  -webkit-line-clamp: 2; /* show only 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
 .search-results .wp-block-post-template{
    gap:0 !important;
 }
 .search-results .wp-block-post-template li>div {
    margin-top:0 !important

 }
.search-results .search-card {
    width: 100%;
    border-bottom: 1px solid #949494;
    padding: 1.5rem 0;
}

.search-results .search-card{
    align-items: end;
}
.search-results .search-card .content-block  .cta-sec{
    flex: 0 0 200px;
}
.wp-block-query-pagination a{
    text-align: center;
    margin: auto !important;
}

.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation-container, .wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container{
    transform: translateX(-50%);
    display: flex;
    flex-direction: row;
    flex: 0 0 50%;
    background: #FFFF;
    gap: 0;
}

.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{
    display: flex;

}
footer nav a{
    transition: all 0.3s ease-in-out;
}
footer nav a:hover{
    color: var(--orange) !important;
}

.social-links{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 1.2rem;
}

.social-links li a{
    border-radius: 4px;
    background: var(--orange);
    display: flex;
    transition: all 0.3s ease-in-out;
}

.social-links li a svg path{
    fill: var(--white);
    transition: all 0.3s ease-in-out;
}

.social-links li a:hover{
    border-radius: 4px;
    background: var(--white);
    display: flex;
    transition: all 0.3s ease-in-out;
}

.social-links li a:hover svg path{
    fill: var(--orange);
    transition: all 0.3s ease-in-out;
}

@media screen and (min-width:781px) {
    
nav ul.wp-block-navigation__container>li>ul>li>ul {
    display: flex !important;
    height: auto !important;
    position: relative !important;
    width: auto !important;
    opacity: 1 !important;
}

nav ul.wp-block-navigation__container>li>ul {
    display: flex !important;
    flex-direction: row !important;
}

nav ul.wp-block-navigation__container>li>a{
    padding: 1rem 0 !important;
}
nav ul.wp-block-navigation__container>li>ul {
    display: flex !important;
    flex-direction: row !important;
    transform: translateX(-50%);
    left: 50% !important;
    align-items: start !important;
    border: none !important;
    visibility: unset !important;
    border-radius: .5rem;
    box-shadow: 0px 2px 4px 0 #00000040;
    padding: 1rem;
}

nav ul.wp-block-navigation__container>li>ul::before {
    content: "";
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #ffffff;
    bottom: calc(100%);
    left: 50%;
    position: absolute;
}
nav ul.wp-block-navigation__container>li>ul::after {
    content: "";
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 17.5px solid #00000010;
    bottom: calc(100%);
    left: 50%;
    position: absolute;
    z-index: -1;
}

nav ul.wp-block-navigation__container>li>ul>li>button{
  display: none !important;
}

nav ul.wp-block-navigation__container>li>ul>li {
    display: grid !important;
    grid-template-columns: repeat(1, 1fr);
}

nav ul.wp-block-navigation__container>li>ul>li>ul{
visibility: unset !important;
border:none !important;
min-width: 350px !important;
}
nav ul.wp-block-navigation__container>li>ul>li>ul>li {
    display: block !important;
    width: 100% !important;
    opacity: 1 !important;

}

nav ul.wp-block-navigation__container>li>ul>li>a[href="#"]{
    color: var(--orange) ! IMPORTANT;
    font-size: 1.25rem;
    font-weight: 500;
}
nav ul.wp-block-navigation__container>li>ul>li>ul>li>a {
    opacity: 1 !important;
}
nav ul.wp-block-navigation__container>li>ul>li>ul>li>a:hover {
    color: var(--orange) !important;
    transition: all 0.3s ease-in-out;

}
nav ul.wp-block-navigation__container .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{
    content: none !important;
}
nav ul.wp-block-navigation__container>li>ul>li>ul>li>a:before {
    content: url(https://katalyst.dotncube.in/wp-content/uploads/2025/10/arrow.png);
    display: block;
    width: 0px;
    overflow: hidden;
    transform: translateX(-38px);
    margin-right: 0;
}
nav ul.wp-block-navigation__container>li>ul>li>ul>li>a:hover:before {
    width: 38px;
    transform: translateX(0);
    margin-right: .25rem;
    transition: all 0.3s ease-in-out;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container{
    transition: unset !important;
}
.mobilemenu{
    display: none !important;
}
    
}

.search-block .cta-sec a{
    color: white;
}



.product-listing .right .content.active{z-index:99;}

@media screen and (max-width:781px) {
    .mobilemenu{
        display: block !important;
    }
    /* .mobilemenu>nav>ul {
    color: #000 !important;
    display: flex
;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    padding: 1rem;
    gap: 1rem;
}*/
.mobilemenu>nav {
    display: block !important;
    color: #000 !important;
}
.mobilemenu nav ul {
    gap: 0 !important;
    width: 100% !important;
}
.mobilemenu nav ul>li {
    width: 100%;
     color: #000;
     justify-content: start;
        align-items: start !important;
}
.mobilemenu nav ul li a {
    padding: .5rem 0 !important;
}
.mobilemenu nav ul.wp-block-navigation__submenu-container {
    padding: 0 !important;
    padding-left: .75rem !important;
}
.mobilemenu nav ul.wp-block-navigation__container li a[href="#"]{
    color: var(--orange) !IMPORTANT;
    font-weight: 500;
}
.mobilemenu .wp-block-navigation__responsive-container-open{
    display: none !important;
} 
/*
.mobilemenu>ul.wp-block-navigation__container>li{
    display: flex !important;
    flex-direction: column !important ;
    align-items: start !important;
}
.mobilemenu>ul.wp-block-navigation__container>li>ul{
    position: relative;
}
    .mobilemenu>nav>ul>li {
        width: 100%;
        align-items: start !important;
        display: flex;
        flex-direction: column;
        align-items: start !important;
    }
.mobilemenu>ul.wp-block-navigation__container>li>ul{
    position: relative !important;
    left: 0 !important;
    transform: translateX(0) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border: none !important;
    padding: 0 !important;
    visibility: visible !important;
    background: transparent !important;

} */



body.page-id-11 .mob-menu-icon line {
        stroke: #fff !important;
    }




body.bg .mob-menu-icon line {
        stroke: #000 !important;
    }


    #banner .fixed-block {
        min-width: 80% !important;        max-width: 80%;
    }



#women-empowerment{overflow:hidden !important;}


}