.single-directories:has(.hero-section) {
    background-color: #FFFEFC;
}

.custom-desing-directory-profile .container {
    max-width: 1390px !important;
    padding: 0px !important;
}
 
 .hero-section{
     background-color: #F9F7F3 !important;
 }
 
  .cbd-breadcrumb{
    font-size: var(--e-global-typography-taxonomy-font-size);
    line-height: var(--e-global-typography-taxonomy-line-height);
    letter-spacing: var(--e-global-typography-taxonomy-letter-spacing);
    word-spacing: var(--e-global-typography-taxonomy-word-spacing);
    text-transform: var(--e-global-typography-meta-text-transform);
    color: var(--e-global-color-primary);
    padding:30px 60px 20px 00px;
  }
  .cbd-breadcrumb a{
      color: var(--e-global-color-primary) !important;
      text-decoration:none;
      
  }
  .cbd-breadcrumb a:hover{color:var(--ink);}
  .cbd-breadcrumb .sep{margin:0 8px;opacity:.5;}
  .cbd-breadcrumb .current{color:var(--ink);}

  /* ---------- hero ---------- */
  .cbd-hero-row{
    margin:0;
  }
  .cbd-hero-text-col{
    flex-direction: column;
    background:#FFFEFC;
    display:flex;
    align-items:start;
    padding:00px 60px 60px 60px !important;
    min-height:460px;
    justify-content: space-between;
  }

  .cbd-hero-text-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    gap: 16px !important;
     padding-left:40px !important;  
    @media (max-width: 991.98px){
        padding-top:20px;    
    } 
     @media (max-width: 767px){
        padding-left:20px !important;    
        padding-right:20px !important;  
    } 
}
.hero_content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
  .subheading-tag{
    margin-bottom:0px !important;
    font-size: var(--e-global-typography-accent-font-size);
    line-height: var(--e-global-typography-accent-line-height);
    letter-spacing: var(--e-global-typography-accent-letter-spacing);
    word-spacing: var(--e-global-typography-accent-word-spacing);
    text-transform: var(--e-global-typography-accent-text-transform);
    color: var(--e-global-color-primary);
  }
  
  h1, h1.elementor-heading-title {
    font-family: var(--cmsmasters-h1-font-family);
    font-weight: var(--cmsmasters-h1-font-weight);
    font-style: var(--cmsmasters-h1-font-style);
    text-transform: var(--cmsmasters-h1-text-transform);
    -webkit-text-decoration: var(--cmsmasters-h1-text-decoration);
    text-decoration: var(--cmsmasters-h1-text-decoration);
    font-size: var(--cmsmasters-h1-font-size) !important;
    line-height: var(--cmsmasters-h1-line-height);
    letter-spacing: var(--cmsmasters-h1-letter-spacing);
    word-spacing: var(--cmsmasters-h1-word-spacing);
}
.heading-titles{
    margin-bottom:0px !important;
}

  .cbd-rule{
    width:50px;
    height:1px;
    background: #997D5A;
    opacity:.6;
    margin:6px 0px 10px;
  }
  .cbd-hero-desc{
    font-size: var(--e-global-typography-text-font-size);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    word-spacing: var(--e-global-typography-text-word-spacing);
    color: var(--e-global-color-secondary);
    h1,h2,h3,h4,h5,h6{
        line-height: var(--e-global-typography-h2-line-height) !important;
        letter-spacing: var(--e-global-typography-h2-letter-spacing) !important;
        word-spacing: var(--e-global-typography-h2-word-spacing) !important;
        font-weight: var(--e-global-typography-h2-font-weight) !important;
        font-family: var(--e-global-typography-h2-font-family), Sans-serif !important;
        color: var(--e-global-color-secondary) !important;
        margin-bottom:16px !important;
      }
  
  }

  .cbd-hero-actions{
    display:flex;
    align-items:center;
    gap:14px;
  }
  .btn-cbd-dark{
    font-size: var(--e-global-typography-button-font-size) !important;
    line-height: var(--e-global-typography-button-line-height) !important;
    letter-spacing: var(--e-global-typography-button-letter-spacing) !important;
    word-spacing: var(--e-global-typography-button-word-spacing);
    background-color: var(--e-global-color-primary) !important;
    font-family: var(--e-global-typography-button-font-family), Sans-serif;
    font-weight: var(--e-global-typography-button-font-weight);
    text-transform: var(--e-global-typography-button-text-transform) !important;
    font-style: var(--e-global-typography-button-font-style);
    text-decoration: var(--e-global-typography-button-text-decoration) !important;
    fill: var(--e-global-color-background);
    color: var(--e-global-color-background) !important;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-primary);
    border-radius: 0px 0px 0px 0px;
  }
  
  .btn-cbd-dark:hover{
    background:transparent;
    color:var(--forest-deep) !important;
  }
  i.fas.fa-arrow-right {
    margin-left: 8px;
}

  /* ---------- hero photo ---------- */
  .cbd-hero-photo-col{
    padding:0;
    position:relative;
    min-height:580px;
    overflow:hidden;
  }
  .cbd-hero-photo{
    width:100%;
    height:100%;
    min-height:460px;
    background-size:cover;
    background-position:center 20%;
    background-color:#FFFEFC;
    position:relative;
  }

.cbd-hero-photo{
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.cbd-photo-shadow{
    position: absolute;
    inset: 0 auto 0 0;
    width: 140px;
    background: linear-gradient(
        90deg,
        #FFFEFC 0%,
        #fefefee0 30%,
        #fefefe00 100%
    );
    z-index: 999;
}
  /* ---------- responsive ---------- */
 
@media (max-width: 1024px){
    .cbd-hero-text-col{
     padding: 0px 20px 50px 20px !important;
    }
}
  @media (max-width: 991.98px){
    .cbd-breadcrumb{padding:18px 20px;}
    .cbd-hero-text-col{
      padding: 20px 0px 50px !important;
      min-height:auto;
      order:2;
    }
    .cbd-hero-photo-col{
      min-height:300px;
      order:1;
    }
    .cbd-hero-photo{
        min-height:300px;
    }
  }
  @media (max-width: 575.98px){
    .cbd-breadcrumb{padding:16px 22px;font-size:10px;}
    .cbd-hero-text-col{padding:40px 22px;}
    .cbd-hero-desc{font-size:14.5px;}
    .cbd-hero-actions{flex-wrap:wrap;gap:12px;}
    .cbd-art-frame{width:80px;height:96px;left:5%;top:14px;}
    .cbd-plant{width:50px;height:150px;}
    .cbd-hero-photo-col{
      min-height:220px;
      order:1;
    }
    .cbd-hero-photo{
        min-height:220px;
    }
  }
  
  
  
 /* ---------------- AT A GLANCE ---------------- */

.cbd-story-section {
    padding: 0 40px !important;
    background-color: #FFFEFC !important;
    @media (max-width: 1024px){
        padding: 0 20px !important;
    }
}
    .glance-col {
        background-color: var(--e-global-color-alternate);
        padding:56px 44px 40px !important;
        @media (max-width: 1024px){
            padding: 40px 24px !important;
        }
        @media (max-width: 991px){
            padding: 40px 16px !important;
        }
    }

  .glance-title{
    margin-bottom:10px !important;
  }
  .glance-item{
    display:flex;
    gap:18px;
    align-items:flex-start;
    padding:20px 0;
    border-bottom:1px solid #d3d3d3;
  }
  .glance-item:first-of-type{padding-top:0;}
  .glance-ico{
    width:26px;
    flex-shrink:0;
    margin-top:2px;
    color:var(--ink);
    font-size:17px;
  }
    .glance-ico svg {
        fill: #00000000;
        width: 28px;
        height: 28px;
    }
  .glance-label{
    font-size: var(--e-global-typography-accent-font-size);
    line-height: var(--e-global-typography-accent-line-height);
    letter-spacing: var(--e-global-typography-accent-letter-spacing);
    word-spacing: var(--e-global-typography-accent-word-spacing);
    color: var(--e-global-color-secondary);
    font-weight: 600;
    text-transform: var(--e-global-typography-accent-text-transform);
    margin-bottom: 5px;
  }
  .glance-value{
    font-size:14px;
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    word-spacing: var(--e-global-typography-text-word-spacing);
    color: var(--e-global-color-primary);
    align-self: start;
    a{
         color: var(--e-global-color-primary) !important;
    }
    a:hover{
         color: var(--e-global-color-primary) !important;
    }
    
  }
  .glance-social{
    display:flex;
    gap:12px;
    margin-top:8px;
  }
  .glance-social a{
    width:20px;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#2C2C2C !important;
    font-size:10px;
    text-decoration:none;
  }
  .glance-social a:hover{
      color:#2C2C2C !important;
  }
  .glance-contact-btn{
    margin-top:28px;
    width:100%;
  }
  .glance-contact-btn:hover{
    background:#141b0e;
    color:#fff;
  }

  /* ---------------- THE STORY ---------------- */
  
  .story-section-row{
      border:1px solid #d3d3d3;
  }
  
  .story-col{
    padding:56px 50px 40px !important;
    display:flex;
    flex-direction:column;
    @media (max-width: 1024px){
        padding: 40px 30px !important;
    }
    @media (max-width: 991px){
        padding: 40px 16px !important;
    }
  }
  .story-eyebrow{
    margin-bottom:25px !important;
  }
  .story-signature{
    margin:14px 0 26px;
    img.logos {
        width: 100%;
        max-width: 200px;
    }
  }
  .story-quote{
    background-color: var(--e-global-color-alternate);
    padding:40px 60px;
  }
  .story-quote p{
    font-family: var(--e-global-typography-h2-font-family), Sans-serif !important;
    font-weight:500;
    font-size:24px;
    line-height:1.5;
    color:#2c2c2c;
    margin-bottom:12px;
    @media (max-width: 767px){
        font-size:20px;
    }
  }
  .story-quote cite{
    font-style:normal !important;
  }

  /* ---------------- IMAGE COLUMN ---------------- */
  .story-image-col{
    padding:0;
    min-height:100%;
  }
  .story-image{
    width:100%;
    height:auto;
    background-size:cover;
    background-position:center;
  }

  /* ---------------- RESPONSIVE ---------------- */
  @media (max-width: 991.98px){
    .story-image{min-height:auto;}
    .story-heading{font-size:28px;}
  }
  @media (max-width: 575.98px){
    .story-heading{font-size:24px;}
    .story-quote{padding:22px 20px;}
  } 
    .story-image-col .form-control {
        height: auto !important;
        font-size: 14px !important;
        text-transform: none;
    }
    .story-image-col label.control-label {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .story-image-col .form-group {
        margin-bottom: 10px !important;
        margin-left: 0 !important;
        padding: 0 10px;
        margin-right: 0 !important;
    }
    
    .story-image-col label.form-check-label {
        font-size: 14px;
        margin-left: 4px !important;
    }
    .story-image-col  textarea#message-content {
        font-size: 12px !important;
    }
    .story-image-col .cmsmasters-theme-button:before,
    .story-image-col button:before{
          background-color: var(--e-global-color-primary) !important;
    }
     .story-image-col .btn-cbd-dark:hover{
         color:#FFF !important;
     }
   
/*============== beyond-section ============ */

.beyond-section {
    padding: 0px 40px !important;
    background-color: #FFFEFC !important;
    @media (max-width: 1024px){
        padding: 0px 20px !important;
    }
    .container {
        border: 1px solid #d3d3d3;
        border-bottom:0px solid;
        border-top:0px solid !important;
        padding: 50px 40px 0px 40px !important;
        @media (max-width: 1070px){
            padding: 50px 20px 0px 20px !important;
        }
    }
    @media (max-width: 991px){
        .row.no-gutters{
            justify-content: center;
        }
    }
}

.beyond-title{
    margin-bottom:34px !important;
}
.beyond-item{
    text-align:center;
    padding: 5px 30px !important;
    border-right: 1px solid #d3d3d3;
    @media (min-width: 767px){
        /*display: grid;*/
        /*grid-template-rows: 1fr 0.9fr 1fr;*/
    }
    @media (max-width: 1070px){
        padding: 5px 20px !important;
    }
}
.beyond-item.no-border,
.beyond-item:last-child{
    border-right:none;
    /*padding-right:0px !important;*/
}

.beyond-ico{
    margin-bottom:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    svg{
        fill:#00000000 !important;
        height:40px;
        width:40px;
    }
}
  .beyond-label {
    margin-bottom: 20px;
    align-self: start;
    @media (max-width: 767px){
        margin-bottom: 16px;
    }
}
@media (max-width: 991.98px){
    .beyond-item{
      margin-bottom:30px;
      padding: 0px 20px 00px 20px !important;
    }
    .beyond-item:nth-child(3) {
        border-right: 0px solid #d3d3d3;
    }
}

@media (max-width: 767px){
    .beyond-item{
        border-right: 0px solid #d3d3d3;
        border-bottom: 1px solid #d3d3d3;
        padding: 20px !important;
        margin-bottom:0px;
    }
    .beyond-title{
        margin-bottom:24px !important;
    }
    .beyond-item.no-border,
    .beyond-item:last-child{
         border-bottom: 0px solid #d3d3d3;
    }
}

@media (max-width: 575.98px){
    .beyond-title{padding:0 22px;}
}



/********************* Image gallery slider ******************/

.image-gallery-section {
    padding: 0px 40px !important;
    background-color: #FFFEFC !important;
    @media (max-width: 1024px){
        padding: 0px 20px !important;
    }
    .container {
        border: 1px solid #d3d3d3;
        border-top:0px solid !important;
        padding: 50px 40px !important;
        margin-bottom:20px;
        @media (max-width: 1070px){
            padding: 50px 20px !important;
        }
    }
}

.cbd-peek{
		background:var(--cream);
		/*padding:50px 0 00px;*/
		position:relative;
		@media (max-width: 991.98px){
		    /*padding:25px 0 00px;*/
        }
	}
	.cbd-peek-head{
		display:flex;
		align-items:center;
		gap:16px;
		margin-bottom:34px;
	}
	.cbd-peek-head::after{
		content:"";
		flex:1;
		height:1px;
		background: #d3d3d3;
	}

	.cbd-peek-wrap{
		position:relative;
	}

	/* Slick handles the layout now — no manual flex/overflow needed */
	.cbd-peek-slider .cbd-peek-slide{
		padding:0 6px;
	}
	.cbd-peek-img{
		display:block;
		aspect-ratio:3/3.8;
		overflow:hidden;
	}
	.cbd-peek-img img{
		width:100%;
		height:100%;
		object-fit:cover;
		display:block;
		transition:transform .35s ease;
	}
	.cbd-peek-img:hover img{
		transform:scale(1.04);
	}

	/* Slick default track fixes */
	.cbd-peek-slider.slick-slider{
		margin:0 -7px;
	}
	.cbd-peek-slider .slick-track{
		display:flex;
	}
	.cbd-peek-slider .slick-slide{
		height:auto;
	}
	
	.cbd-peek .cmsmasters-theme-button:after,
	.cbd-peek .cmsmasters-theme-button:before, 
	.cbd-peek button:after, .cbd-peek button:before {
        content: "";
        width: 44px !important;
        border-radius: 50% !important;
        border:1px solid #d3d3d3;
        display:none !important;
    }
    .cbd-peek i.fas.fa-arrow-right {
        margin-left: 4px;
    }
	.cbd-peek-arrow{
		position:absolute;
		top:50%;
		transform:translateY(-50%) !important;;
		width:44px !important;
		height:44px !important;;
		border-radius:50% !important;
		background:#F9F7F3;
		border:1px solid #d3d3d3;
		/*color:var(--ink);*/
		display:flex;
		align-items:center;
		justify-content:center;
		cursor:pointer;
		z-index:5;
		font-size:14px;
		transition:.2s ease;
		padding: 5px 12px !important;
	}
	.cbd-peek-prev{ 
	    left:-25px; 
	    @media (max-width: 1024px){
	        left:-18px;
	    }
	}
	.cbd-peek-next{ 
	    right:-25px; 
	    @media (max-width: 1024px){
	        right:-18px; 
	    }
	}
	
	.cbd-peek .cmsmasters-theme-button:hover, .cbd-peek button:hover {
        background-color:#5F5C53 !important;
    }

	/* You might also love */
	.cbd-related{
		background:var(--cream);
		padding:40px 0px 0px 0px;
	}
	.cbd-related-label{
		margin-right:18px;
		display:inline-block;
		vertical-align:middle;
		margin-bottom: 10px !important;
	}
	.cbd-related-grid{
		display:inline-flex;
		flex-wrap:wrap;
		gap:12px;
		vertical-align:middle;
		margin-bottom: 10px !important;
	}
	.cbd-pill{
		border:1px solid #d3d3d3;
		padding:5px 18px;
		transition:.2s ease;
		white-space:nowrap;
		color:#5F5C53 !important;
		text-transform: uppercase;
        font-size: 13px;
	}
	.cbd-pill:hover{
		border-color:#5F5C53;
		background:#5F5C53;
		color:#F9F7F3;
	}

	/* ---------------- responsive ---------------- */
	@media (max-width: 991.98px){
		/*.cbd-peek-head, .cbd-peek-wrap, .cbd-related{ padding-left:30px; padding-right:30px; }*/
	}
	@media (max-width: 1024px){
		.cbd-peek-arrow{ 
		    width:36px !important; 
		    height:36px !important;; 
		    font-size:12px !important;; 
		}
	}