* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
    font-synthesis: none !important;
	
}

/*Primary Font*/
@font-face {
    font-family: 'Lora';
    src: url("fonts/Lora.ttf") format('truetype');
    font-style: normal;
    font-weight: 400 500 600 700;
}

/*Secondary Font*/
@font-face {
    font-family: 'Nunito';
    src: url("fonts/Nunito.ttf") format('truetype');
    font-style: normal;
    font-weight: 200 300 400 500 600 700 800 900;
}



:root{
  
    --primary-font:  'Lora', sans-serif;
    --secondary-font: 'Nunito', sans-serif;
    --error-font: Helvetica, sans-serif;; 
    --main-light: #EDEDED;
    --main-light2: #D9D9D9;
    --main-medium: #eeeeee;
    --main-dark: #5E5E5E;
    --main-Xdark: #1E1E1E;
    --main-brand-one: #27304A;
    --main-white-tint: #fbfafa;
    --cta-color: #27304A;
    --background-color: #fbfafa;
    --error-color: lightcoral;
    --success-color: forestgreen;
    --primary-14px: 0.875rem;  
    --primary-16px: 1rem;        
    --primary-20px: 1.25rem;
    --primary-24px: 1.5rem;         
    --primary-32px: 2rem; 
    --primary-40px: 2.5rem;
    --primary-48px: 3rem;
    --primary-56px: 3.5rem;
    --primary-64px: 4rem;
    --primary-72px: 4.5rem;
    --primary-80px: 5rem;
    --line-height-fs: 1.5rem;
    --line-height-small: 1rem;

    --h1-hero: var(--primary-80px);
    --h1-fs: var(--primary-64px);
    --h2-fs: var(--primary-40px);
    --h3-fs: var(--primary-20px);
    --h4-fs: var(--primary-16px);
    --body-fs: var(--primary-16px);
  

    --boundry-limit: 87.5rem;

    --section-divider: 8rem;
    --section-divider-mobile: 15%;


    --z-index-negative-2: -10; 
    --z-index-negative-1: -5; 
    --z-index-plus-1: 5;
    --z-index-plus-2: 10;
    --z-index-plus-3: 15;
    --z-index-priority-top: 200;


    --custom-background: linear-gradient(-200deg, #405b6e 0%, #1f2537 90%);
    
    
}

a {
    text-decoration: none;
    color: unset;
    cursor: pointer;
    user-select: none;
    color: var(--main-Xdark);
}

ul{
    list-style-type: none;
}

body{
    
    font-size: 1.2rem;
    font-family: var(--secondary-font);
    position: relative;
    
   

}

main{
    max-width: 2600px;
    margin: 0 auto;
    background: white;

    background-color: var(--background-color);
}

main > div{
    overflow-x: hidden;
  
}

/*locks scroll when enabled*/
[data-scroll-lock="enabled"]{
    overflow-y: hidden;
}

button{
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    
}


/*Global Settings For My Framework*/

/*Section-S-2c3 2 Column Version 3*/
section[type-id="s-2c3"] {
    height: 100%;
    padding: var(--section-divider) 0;
}

section[type-id="s-2c3"] img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

section[type-id="s-2c3"] div.s-2c3__indiv-content-wrapper {
    display: flex;
    position: relative;
    gap: 1.5rem;
    flex-wrap: wrap;
}

p{
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    padding-top: .5rem;
    font-weight: 400;
    font-family: var(--secondary-font);
    color: var(--main-Xdark);
 
}

/*------Used For Sticky Header------*/

#lyt1-header{
    position: sticky;
    top:0;
    z-index: var(--z-index-priority-top);
}


#lyt1-header > div{
    position: relative;

}


/*Sets max-width for all main wrappers*/
[data-global="boundary"] > div:first-child{
    max-width: var(--boundry-limit);
    margin: 0 auto;
    padding: 0 3%;
}


[data-type="cta-main"]{
    background: var(--cta-color);
    color: var(--text-color-main);
    font-family: var(--secondary-font);
    font-weight: 600;
    font-size: .9rem;
    padding: .75rem 2rem;

   
}

/*------------------------------------*/
/* ===============
Patrtials : Header - ph2
   =============== */
/*------------------------------------*/


/* Header Main Container Settings */
[type-id="ph2"] {
    background: transparent;
    position: relative;
    background-color: var(--background-color);
    border-bottom: 1px var(--main-light) solid;

}

/*Sibling Alignment*/
[type-id="ph2"] [type-target="wrapper"]{
    display: flex;
    align-items: center;
}

/*Expands left and pushes sibling to right*/
[type-id="ph2"] [type-target="wrapper"] div:first-child{
  flex-grow: 1;
}

/**/
[type-id="ph2"] ul{
    display: flex;
}


/*Nav-Link Adjustments*/
[type-id="ph2"] ul li a{
    cursor: pointer;
    color: var(--main-dark);
    font-size: var(--primary-16px);
    font-weight: 300;
    text-wrap: nowrap;
    
  
  
}

/*-----------------Specific Design-------------------*/
[type-partial="header"] div.ph2__name-wrapper{
    height: 55px;
}
[type-partial="header"] div.ph2_main-nav-wrapper{
    padding-top: 1%;
    padding-bottom: 1%;
}
[type-partial="header"] div.ph2__nav-mobile-btn-container{
    display: none;
    cursor: pointer;
}
[type-partial="header"] div.ph2__nav-mobile-btn-wrapper{
    width: 35px;
    height: 35px;
    display: flex;
}

[type-partial="header"] div.ph2__nav-mobile-btn-wrapper img{
    width: 100%;
    height: 100%;
    padding: .2rem;
}

[type-partial="header"] div.ph2__name-wrapper img{
    height: 55px;
}

[type-partial="header"] ul.ph2___nav-wrapper li a{
  /*used to create slightly bigger click range*/
  margin: 0 1.5rem;
  padding: .125rem 0.0625rem;



}



@media (max-width: 851px) {

    [nav-component-active="active"]{
        visibility: visible !important;
    }

    [nav-component-active="non-active"]{
        visibility: hidden !important;
    }

    [nav-component-active="active"] > div{
        visibility: visible !important;
        max-height: 100vh;
        transition: max-height 200ms ease-out;
    }

    [nav-component-active="non-active"] > div {
        visibility: hidden !important;
        max-height: 10vh;
        transition: max-height 200ms ease-out ;
       
    }

    [type-partial="header"] div.ph2__nav-mobile-btn-container{
        display: block;
    }

    [type-partial="header"] div.ph2__nav-grouping-container {
       
        position: absolute;
        top: 76px;
        top: 62.05px;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: var(--z-index-plus-2);
        overflow: hidden;
        height: 100vh;
    }

    [type-partial="header"] div.ph2__nav-grouping-container > div{
        position: absolute;
        visibility: hidden;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background: var(--main-white-tint);
        opacity: 1;
      
    }

    [type-partial="header"] div.ph2__nav-mobile-btn-container{
        display: block;
    }

    [type-partial="header"]  ul{
        display: block;
        border-top: 1px var(--main-dark) solid;
    }
    [type-partial="header"]  ul li {
            text-align: center;
        padding: 1rem 0;
    }
    [type-partial="header"]  ul li a{
        cursor: pointer;
        color: var(--main-dark);
        font-size: var(--primary-16px);
        font-weight: 300;
        text-wrap: nowrap;
    
       
      
      
    }

    [type-partial="header"] div.ph2__name-wrapper img{
        /*Controls Logo Header Size When Small*/
        height: 55px;
        padding-top: 5px;
        padding-bottom: 5px;
    
    }

   
}


/*------------------------------------*/
/* ===============
Patrtials : Hero - s-hero1
   =============== */
/*------------------------------------*/
div.image-slider-wrapper{
    display: flex;
    transition: transform 1s ease-in-out
}

/* Hero Main Container Settings */
[type-id="s-hero1"] {
position: relative;
/*for when image is slow to load*/
background: var(--main-brand-one);
background: linear-gradient(to bottom, var(--main-brand-one), transparent); /* Bottom to top gradient */
background: linear-gradient(180deg, rgba(255, 255, 255, 0%) 0%, #27304A 35%);
background: linear-gradient(180deg, rgba(255, 255, 255, 0%) 0%, rgba(39, 48, 74, 0.7) 60%, #27304A 100%);

/*testing image scroll*/
min-width: 100%;


}
/* Hero Main Wrapper Settings */
[type-id="s-hero1"] > div {
    max-height: 1050px;   
height: 89.5vh;


}


/*-----------------Specific Design-------------------*/

[type-section="hero"] div.s-hero1_text-container{
   
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100%;
}

[type-section="hero"] div.s-hero1_text-wrapper{
   
   position: absolute;
   max-width: 55ch;
   margin-bottom: clamp(3rem, 10vw, 6rem);
}
[type-section="hero"] div.s-hero1_image-wrapper img{
    position: absolute;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    filter: opacity(0.75) brightness(0.75);
    /*filter: opacity(0.75) contrast(0.65)  brightness(0.75);*/
    object-position: 100% 10%; 
   
}
[type-section="hero"] hgroup h1{
 font-family: var(--primary-font);
 font-weight: 400;
 font-size: clamp(var(--primary-40px), 10vw, var(--primary-72px));
 letter-spacing: -.15rem;
 line-height: clamp(calc(var(--primary-32px) + var(--line-height-fs)), 15vw, calc(var(--primary-72px) + var(--line-height-fs)) );
 color: white;
 color: var(--main-light);
 color: #fbfafa;
 margin-bottom: .5rem;
 display: inline-block;
 width: 100%;
}

[type-section="hero"] hgroup p{
    color: var(--main-light);
    max-width: 50ch;
    margin-bottom: 2rem;
}



[type-section="hero"] div.s-hero1__button-wrapper a{
    font-size: var(--primary-16px);
    line-height: calc(var(--primary-16px) +  var(--line-height-fs));
    font-weight: 400;
    padding: .5rem .75rem;
    /*inline corrects padding overlap*/
    display: inline-block;
    border-radius: 3px;
  
}

[type-section="hero"] div.s-hero1__button-wrapper a:first-child{
    color: var(--main-light);
    background: var(--cta-color);
    background: var(--custom-background);

}
[type-section="hero"] div.s-hero1__button-wrapper a:last-of-type{
    color: var(--main-Xdark);
    background: var(--main-light);
    margin-left: .5em;
}



/*------------------------------------*/
/* ===============
Section : Commitment - s-2c3
   =============== */
/*------------------------------------*/

 




 /* Keeps content spaced to boundry*/
 [type-id="s-2c3"] div.s-2c3___small-container{
    width: 100%;
        /*late night testing */
     
     /*good combo below*/
    flex: 1 0 0%;
    min-width: 15rem;
 
 }
 /*postion container to overlap middle boundry*/
 [type-id="s-2c3"] div.s-2c3___large-container{
         flex: 1 1;
         width: 100%;
         min-width: 58.33%;
         position: relative;
        
 }  

/*postion small wrapper aligned to middle from top to bottom*/
[type-id="s-2c3"] div.s-2c3___small-wrapper{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    
}

/*-----------------Specific Design-------------------*/

/*This is for adjust background color, or positioning content away from other sections(margin)*/
[type-section="commitment"]{
    background: var(--main-medium);
    padding: 4.5rem 0;
}



[type-section="commitment"] div.s-2c3___large-wrapper::before{
 content: "";
 position: absolute;
 left: 0;
 height: 100%;
 width: 2px;
 background:var(--main-light2);
}

[type-section="commitment"] div.s-2c3___small-wrapper h2{
    display: inline-block;
    font-family: var(--primary-font);
    color: var(--main-Xdark);
    font-size: clamp(var(--primary-32px), 5vw, var(--primary-48px));
    line-height: calc(var(--primary-48px) + var(--line-height-fs));
    font-weight: 400;
    

}

[type-section="commitment"] div.s-2c3___small-wrapper span{
    display: inline-block;
 font-size: var(--primary-14px);
 line-height: calc(var(--primary-14px) + 10px);
 color: var(--main-dark);

}

[type-section="commitment"] div.s-2c3___large-wrapper p{
    line-height: 28px;
    color: var(--main-Xdark);
    margin-left: calc(8.333% * 2);


}

/*------------------------------------*/
/* ===============
Section : Tax Services - s-3c2
   =============== */
/*------------------------------------*/
 

[type-id="s-3c2"] {
    height: 100%;
    padding: var(--section-divider) 0;
}

[type-id="s-3c2"] img {
    height: auto;
    width: 100%;
 
  
}
[type-id="s-3c2"] > * [type-selector="grid-item"] {
display: grid;
grid-template-rows: minmax(50px, 6rem) minmax(60px, 15rem) 1fr;
height: 100%;
max-width: 45ch;
}



[type-id="s-3c2"] div.s-3c2___card-content-image-container{
grid-row: span 2;
height: 100%;
width: 100%;

}

[type-id="s-3c2"] div.s-3c2___card-content-text-wrapper{
grid-row: 3;


}


[type-id="s-3c2"] div.s-3c2_title-wrapper{
    display: flex;
    flex-direction: column;
   text-align: center;
   align-items: center;
  
  }

  
[type-id="s-3c2"] > * [type-selector="grid"] {
   
    --gap: 1.5rem;
    --column-count: 3;
    --gap-calc: calc(var(--gap)* var(--column-count));
    gap: var(--gap);
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(clamp(clamp(calc((100% / 3) - var(--gap-calc)),(1100px - 100vw)* 1000, 30%),(1000px - 100vw)* 1000, 100%) /* if(screen> 1100px) 33% else(screen> 1000px) 30% else 100% */, 1fr));
    justify-items: center;
  }
  [type-id="s-2c4"] {
    height: 100%;
    padding: 4rem 0;
  }
  [type-id="s-2c4"] > * [type-selector="grid"] {
    --gap: 1.5rem;
    --column-count: 2;
    --gap-calc: calc(var(--gap)* var(--column-count));
    gap: var(--gap);
    display: grid
;
    grid-template-columns: repeat(auto-fill, minmax(clamp(clamp(calc((100% / 2) - var(--gap-calc)),(1100px - 100vw)* 1000, 30%),(1000px - 100vw)* 1000, 100%) /* if(screen> 1100px) 33% else(screen> 1000px) 30% else 100% */, 1fr));
    justify-items: center;
  }



 
/*-----------------Specific Design-------------------*/
[type-section="taxServices"] div.s-3c2_card-wrapper{
    padding-top: 4rem;
}
[type-section="taxServices"] div.s-3c2__indiv-card-container{
    transition: all 500ms;
    border-radius: 6px;
    display: flex;
    justify-content: center;
}

[type-section="taxServices"] div.s-3c2__indiv-card-container:hover{
   
    transition: all 500ms;
    transform: translateY(-2%);
}

[type-section="taxServices"] div.s-3c2___card-content-image-container img{
    height: 100%;
    width: 100%;

    display: flex;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    object-fit: cover;
    filter: opacity(0.85) brightness(0.75);
    object-position: 50% 20%; 
}
[type-section="taxServices"] div.s-3c2_title-wrapper span{
    font-family: var(--secondary-font);
    display: inline-block;
    font-size: var(--primary-14px);
    line-height: calc(var(--primary-14px)+ var(--line-height-fs));
    width: 100%;
    color: var(--main-dark);

}

[type-section="taxServices"] div.s-3c2_title-wrapper h2{
    font-family: var(--primary-font);
    display: inline-block;
    font-size: clamp(var(--primary-32px), 5vw, var(--primary-48px));
    line-height: calc(var(--primary-48px) + var(--line-height-fs));
    font-weight: 400;
    color: var(--main-Xdark);

}

[type-section="taxServices"] div.s-3c2_title-wrapper p{
    max-width: 55ch;
    text-align: center;
    text-wrap: balance;
}

[type-section="taxServices"] div.s-3c2____card-content-top{
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-bottom: .5rem;
}

[type-section="taxServices"] div.s-3c2____card-content-top::after{
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #fefefe;
}

/*Icon*/
[type-section="taxServices"] div.s-3c2____card-content-top img{
   width: 20px;
   height: 20px;
}

[type-section="taxServices"] div.s-3c2___card-content-text-wrapper{
    background: var(--main-brand-one);
    padding: 1.5rem 1rem;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    height: 100%;
    display: flex;
    flex-direction: column;
    

}



[type-section="taxServices"] div.s-3c2___card-content-text-wrapper h3{
    font-family: var(--primary-font);
    font-size: var(--primary-20px);
    font-weight: 500;
    line-height: calc(var(--primary-20px)+ var(--line-height-fs));
    color: #fefefe;  
}

[type-section="taxServices"] div.s-3c2___card-content-text-wrapper p{
    color: var(--main-light2);
    padding-top: 1rem;   
}

[type-section="taxServices"] div.s-3c2____card-content-bottom {
    display: flex;
    flex: 1;
    align-items: flex-end;
}


[type-section="taxServices"] div.s-3c2____card-content-bottom a{
    display: flex;
    align-items: center;
    margin-top: 2rem;
    text-decoration: underline;
    border-radius: 6px;
    padding: .5rem .5rem;
    color: var(--main-light);
}

/*Icon*/
[type-section="taxServices"] div.s-3c2____card-content-bottom img{
    width: 20px;
    height: 14px;
}

[type-section="taxServices"] div.s-3c2___card-content-text-wrapper a div{
    font-family: var(--secondary-font);
    font-size: var(--primary-16px);
    font-weight: 400;
    color: #fefefe;
    line-height: calc(var(--primary-16px)+ var(--line-height-fs));
    padding-right: .5rem;
    
    
}


/*------------------------------------*/
/* ===============
Section :About Us - s-2c3
   =============== */
/*------------------------------------*/


/*-----------------Specific Design-------------------*/

 /* Keeps content spaced to boundry*/
 [type-section="aboutUs"] div.s-2c3___small-container{
    width: 100%;
        /*late night testing */
     
     /*good combo below*/
    flex: 1 0 0%;
    min-width: 22rem;
 
 }
 /*postion container to overlap middle boundry*/
 [type-section="aboutUs"]  div.s-2c3___large-container{
         flex: 1 1;
         width: 100%;
         min-width: 50%;
        z-index: var(--z-index-plus-1);
         position: relative;
    
        
 }  
 [type-section="aboutUs"] div.s-2c3___large-wrapper{
    background: var(--main-brand-one);
    display: flex;

 }
 [type-section="aboutUs"] div.s-2c3___large-wrapper img{
max-height: 50rem;
filter: opacity(0.95) brightness(0.95);
object-position: 50% 20%; 

   
}  

 [type-section="aboutUs"] h2{
    font-family: var(--primary-font);
    display: inline-block;
    font-size: clamp(var(--primary-32px), 4vw, var(--primary-48px));
    line-height: calc(var(--primary-48px) + var(--line-height-fs));
    font-weight: 400;
    color: var(--main-Xdark);
    z-index: var(--z-index-plus-1);
}

[type-section="aboutUs"] p{
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    color: var(--main-Xdark);
    font-weight: 400;
    width: 100%;
    padding-top: 1rem;
    padding-right: calc(8.333% * 1);
    display: inline-block;
    z-index: var(--z-index-plus-1);
    max-width: 60ch;
}
[type-section="aboutUs"] p.bold{
   font-weight: 700;
   padding-top: 1.5rem;
   z-index: var(--z-index-plus-1);
}

[type-section="aboutUs"] ul{
    list-style-type: unset ;
    padding-inline-start: 30px;
    padding-top: .75rem;
    z-index: var(--z-index-plus-1);
  
 
 }
[type-section="aboutUs"] li{
    list-style-type: disc; 
    list-style-position: inside;
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    color: var(--main-Xdark);
    line-height: calc(var(--primary-16px) + .5rem);


 }

 [type-section="aboutUs"] li {
    list-style-type: disc;
    list-style-position: unset;
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    color: var(--main-Xdark);
    line-height: calc(var(--primary-16px) + .5rem);
    max-width: 50ch;
    padding-top: .25rem;
 }
 [type-section="aboutUs"] div.s-2c3___small-wrapper a{
    margin-top: 2.5rem;
    display: flex;
    align-items: center;
    border-radius: 3px;
    padding: 1rem .75rem;
    color: var(--main-light);
    background: var(--main-brand-one);
    z-index: var(--z-index-plus-1);
    width: max-content;
    background: var(--custom-background);
 }

 [type-section="aboutUs"]  div.s-2c3___small-wrapper a div{
    font-family: var(--secondary-font);
    font-size: var(--primary-16px);
    font-weight: 400;
    color: #fefefe;
    line-height: calc(var(--primary-16px)+ var(--line-height-fs));
    padding-right: .5rem;

    
}



 /*Icon*/
 [type-section="aboutUs"] div.s-2c3___small-wrapper img{
    width: 20px;
    height: 14px;
}
[type-section="aboutUs"] div.s-2c3___small-container{
    position: relative;
    
}
[type-section="aboutUs"] div.s-2c3___small-wrapper::before{
    content: "";
    position: absolute;
    left: -120%;
    width: 200vw;
    height: calc(35% + 20rem);
    background: var(--main-medium);
    
}

@media (max-width: 1100px){
    [type-section="aboutUs"] div.s-2c3___small-wrapper::before{
       
        height: calc(105% + 20rem);
        
        
    }
}

@media (max-width: 851px){
    [type-section="aboutUs"] div.s-2c3___small-container{
        order: 2;
    }
}


/*------------------------------------*/
/* ===============
Section : 6 Grid Services - s-3c2
   =============== */
/*------------------------------------*/
 

/*-----------------Specific Design-------------------*/
[type-section="services"] {
    background: linear-gradient(-200deg, #050a1cc4 0%, #1f2537 90%);
    background: var(--custom-background);
}
[type-section="services"] div.s-3c2_card-wrapper{
    padding-top: 4rem;
  
}
[type-section="services"] div.s-3c2__indiv-card-wrapper{
    transition: all 500ms;
   
}
[type-section="services"] div.s-3c2__indiv-card-wrapper:hover{
    transition: all 500ms;
    transform: translateY(-2%);
}
[type-section="services"] div.s-3c2__indiv-card-container {
    max-width: 45ch;
    display: grid;
    grid-template-rows: 1fr;
}
[type-section="services"] div.s-3c2__indiv-card-wrapper {
    background: #2E3753;
    background: rgb(255 255 255 / 1.5%);
    border: #fefefe2c 1px solid;
    padding: 2rem 1.5rem;
    border-radius: 6px;

    display: flex;
    flex-direction: column;
    backdrop-filter: contrast(.75) brightness(1.2);


}
[type-section="services"] div.s-3c2_title-wrapper span{
    font-family: var(--secondary-font);
    display: inline-block;
    font-size: var(--primary-14px);
    line-height: calc(var(--primary-14px)+ var(--line-height-fs));
    width: 100%;
    color: #DCE0EA;

}

[type-section="services"] div.s-3c2_title-wrapper h2{
    font-family: var(--primary-font);
    display: inline-block;
    font-size: clamp(var(--primary-32px), 5vw, var(--primary-48px));
    line-height: calc(var(--primary-48px) + var(--line-height-fs));
    font-weight: 400;
    color: var(--main-white-tint);

}

[type-section="services"] div.s-3c2___indiv-card-top-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-bottom: .5rem;
}

[type-section="services"] div.s-3c2___indiv-card-top-wrapper h3{
    font-family: var(--primary-font);
    font-size: var(--primary-20px);
    font-weight: 500;
    line-height: calc(var(--primary-20px) + var(--line-height-small));
    color: var(--main-white-tint);
}
/*Top Icon*/
[type-section="services"] div.s-3c2___indiv-card-top-wrapper img{
    width: 20px;
    height: 20px;
}

[type-section="services"] div.s-3c2___indiv-card-top-wrapper::after{
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #fefefe;
}


[type-section="services"] div.s-3c2___indiv-card-mid-wrapper p{
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    color: var(--main-Xdark);
    font-weight: 400;
    max-width: 55ch;
    padding-top: 1rem;
    width: 100%;
    display: inline-block;
    color: #DDDDDD;
}



[type-section="taxServices"] div.s-3c2___card-content-text-wrapper{

    padding: 1.5rem 1rem;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: linear-gradient(-200deg, #262c40 0%, #2e3753 100%);
    

}

[type-section="services"] div.s-3c2___indiv-card-bottom-container {
    display: flex;
    flex: 1;
    align-items: flex-end;
}



[type-section="services"] a.s-3c2___indiv-card-bottom-wrapper{
    display: flex;
    align-items: center;
    margin-top: 3rem;
    border-radius: 6px;
    padding: .5rem .5rem;
    color: var(--main-light);
    border: var(--main-white-tint) 1px solid;
    width: max-content;


}

/*Icon*/
[type-section="services"] a.s-3c2___indiv-card-bottom-wrapper img{
    width: 20px;
    height: 14px;
}

[type-section="services"] a.s-3c2___indiv-card-bottom-wrapper  div{
    font-family: var(--secondary-font);
    font-size: var(--primary-16px);
    font-weight: 400;
    color: #fefefe;
    line-height: calc(var(--primary-16px)+ var(--line-height-fs));
    padding-right: .5rem;
    
    
    
}


/*------------------------------------*/
/* ===============
Section :Appointment - s-2c3
   =============== */
/*------------------------------------*/


/*-----------------Specific Design-------------------*/

 /* Keeps content spaced to boundry*/
 [type-section="appointment"] div.s-2c3___small-container{
    width: 100%;
        /*late night testing */
     
     /*good combo below*/
    flex: 1 0 0%;
    min-width: 22rem;
 
 }

 [type-section="appointment"] div.s-2c3___small-wrapper{
    padding-left: calc(8.333% * 1);
 }
 [type-section="appointment"]  div.s-2c3___large-container{
    min-width: 50%;

    
        
 }  
 [type-section="appointment"] div.s-2c3___large-wrapper{
    background: var(--main-brand-one);
    display: flex;

 }

 
 [type-section="appointment"] div.s-2c3___large-wrapper img{
max-height: 50rem;
filter: opacity(0.95) brightness(0.95);
object-position: 50% 20%; 


}  

[type-section="appointment"] div.s-2c3____small-top-container{
    position: relative;
}
[type-section="appointment"] div.s-2c3____small-top-container::after{
    content: "";
    position: absolute;
    height: 1px;
    background: var(--main-dark);
    width: 100%;
    bottom: 0;
    left: 0;

}
[type-section="appointment"] span{
    font-family: var(--secondary-font);
    display: inline-block;
    font-size: var(--primary-14px);
    line-height: calc(var(--primary-14px)+ var(--line-height-fs));
    width: 100%;
    color: var(--main-dark);
}

 [type-section="appointment"] h2{
    font-family: var(--primary-font);
    display: inline-block;
    font-size: clamp(var(--primary-32px), 3vw, var(--primary-48px));
    line-height: clamp(calc(var(--primary-32px) + var(--line-height-fs)), 6vw, calc(var(--primary-48px) + var(--line-height-fs)) );
    font-weight: 400;
    color: var(--main-Xdark);
    z-index: var(--z-index-plus-1);
    padding-bottom: 1.5rem;
    
}


[type-section="appointment"] hgroup h3{
    display: inline-block;
    padding-top: 3.5rem;
    font-family: var(--primary-font);
    width: 100%;
    font-size: clamp(var(--primary-16px), 3vw, var(--primary-20px));
    font-weight: 600;
    color: var(--main-Xdark);
    z-index: var(--z-index-plus-1);
    display: inline-block;
    
}
[type-section="appointment"] hgroup p{
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    color: var(--main-Xdark);
    font-weight: 400;
    width: 100%;
    padding-top: 1rem;
    display: inline-block;
    z-index: var(--z-index-plus-1);
    max-width: 35ch;
    display: inline-block;
}





 [type-section="appointment"] div.s-2c3___small-wrapper a{
    margin-top: 3.5rem;
    display: flex;
    align-items: center;
    border-radius: 3px;
    padding: 1rem .75rem;
    color: var(--main-light);
    background: var(--main-brand-one);
    z-index: var(--z-index-plus-1);
    width: max-content;
    background: var(--custom-background);
    
 }

 [type-section="appointment"]  div.s-2c3___small-wrapper a div{
    font-family: var(--secondary-font);
    font-size: var(--primary-16px);
    font-weight: 400;
    color: #fefefe;
    line-height: calc(var(--primary-16px)+ var(--line-height-fs));
    padding-right: .5rem;

    
}
 /*Icon*/
 [type-section="appointment"] div.s-2c3___small-wrapper img{
    width: 20px;
    height: 14px;
}

/*------------------------------------*/
/* ===============
Section : Topics - s-1c1
   =============== */
/*------------------------------------*/
[type-id="s-1c1"]{

     
 }
 [type-id="s-1c1"] div.s-1c1-wrapper{
    
     padding: calc(1rem + 50px) 0;
 
     /*if I want specific height, but will need flex*/
     /*height: 40vh;*/
     
 }

 /*-----------------Specific Design-------------------*/
 [type-section="contactCTA"] div.s-1c1-wrapper{
     background: var(--main-brand-one);
     background: var(--custom-background);
     
 }
 
 
 [type-section="contactCTA"] div.s-1c1_content-wrapper{
     text-align: center;
     /*max-width with margin- creates middle technique*/
     max-width: 60ch;
     margin: 0 auto;
     
 }
 
 
 [type-section="contactCTA"] div.s-1c1__title-wrapper h2{
      font-family: var(--primary-font);
    display: inline-block;
    font-size: clamp(var(--primary-32px), 3vw, var(--primary-48px));
    line-height: clamp(calc(var(--primary-32px) + var(--line-height-fs)), 6vw, calc(var(--primary-48px) + var(--line-height-fs)) );
    font-weight: 400;
    color: var(--main-white-tint);
 
  
 
 }
 
 [type-section="contactCTA"] div.s-1c1__text-wrapper p{
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    color: var(--main-Xdark);
    font-weight: 400;
    width: 100%;
    padding-top: .5rem;
    display: inline-block;
    z-index: var(--z-index-plus-1);
    max-width: 48ch;
    display: inline-block;
    color: var(--main-white-tint);
     
 
 }
  
 [type-section="contactCTA"] div.s-1c1__button-wrapper {
    display: flex;
    justify-content: center;
 }
 [type-section="contactCTA"] div.s-1c1__button-wrapper a{
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    border-radius: 3px;
    padding: 1rem .75rem;
    color: var(--main-Xdark);
    background: var(--main-white-tint);
    z-index: var(--z-index-plus-1);
    width: max-content;
    
 }

 [type-section="contactCTA"] div.s-1c1__button-wrapper a div{
    padding-right: .25rem;
    
 }


 /*Icon*/
 [type-section="contactCTA"] div.s-1c1__button-wrapper img{
    width: 20px;
    height: 14px;
}

/*------------------------------------*/
/* ===============
Partial : Footer - pf-2c2
   =============== */
/*------------------------------------*/
[type-id="pf-4c1"] > div {
    display: grid;
    grid-template-areas:
        "area1 area2 area3 area4"
        "area5 area5 area5 area5"; /* Adjusted to have consistent area names */
    gap: 4vh;
    overflow: hidden;
    

}


[type-grid-area="1"] {
    grid-area: area1;
}

[type-grid-area="2"] {
    grid-area: area2;
}

[type-grid-area="3"] {
    grid-area: area3;
}

[type-grid-area="4"] {
    grid-area: area4;
}

[type-grid-area="5"] {
    grid-area: area5;
}




/*-----------------Specific Design-------------------*/
[type-section="footer"]{
    padding: 4rem 0;
  
}

[type-section="footer"] img{
    width: 100%;
  
}

[type-section="footer"] div.pf-4c1-wrapper > div{
    position: relative;
    padding-bottom: 2rem;
}


[type-section="footer"] div.pf-4c1_column-two-container::before,
[type-section="footer"] div.pf-4c1_column-three-container::before,
[type-section="footer"] div.pf-4c1_column-four-container::before{
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
    width: 1px;
    background: var(--main-medium);
}



[type-section="footer"] h4{
    font-family: var(--secondary-font);
    color: var(--main-Xdark);
    font-size: var(--primary-16px);
    font-weight: 700;
    line-height: 2rem;
    padding-left: 5%;
  
}

[type-section="footer"] p,
[type-section="footer"] span, 
[type-section="footer"] a{
    font-family: var(--secondary-font);
    color: var(--main-dark);
    font-size: var(--primary-14px);
    font-weight: 400;
    padding-left: 5%;
    display: inline-block;
    width: 100%;
line-height: 2;
  
}






[type-section="footer"] div.pf-4c1__column-four-link-wrapper{
    display: flex;
    flex-wrap: wrap;
    padding-left: 5%;

   
 
}

[type-section="footer"] div.pf-4c1__column-four-link-wrapper > a{
  max-width: 140px;
  text-wrap: nowrap;
  margin-right: 1.5%;
  margin-top: 1.5%;
  padding-left: unset;
  width: fit-content;
  min-width: 20ch;


 

}

[type-section="footer"] div.pf-4c1_column-bottom-wrapper{
    position: relative;

    display: flex;
    justify-content: space-between;
    padding-top: 3%;
}

[type-section="footer"] div.pf-4c1_column-bottom-wrapper:before{
   position: absolute;
   content: "";
   width: 100%;
   background: var(--main-medium);
   height: 1px;
   top: 0;
}


[type-section="footer"] div.pf-4c1_column-bottom-wrapper span,
[type-section="footer"] div.pf-4c1_column-bottom-wrapper a{
font-size: 14px;
margin: 0;
padding: 0;
text-wrap: nowrap;


}

[type-section="footer"] div.pf-4c1__column-bottom-right-container{
    display: flex;
    gap: 2rem;
  
}

[type-section="footer"] div.pf-4c1__column-bottom-right-container a {
    text-decoration: underline;

}

@media (max-width: 60rem) {
    [type-id="pf-4c1"] > div {
        display: block;
        grid-template-columns: 1fr; /* Adjusted to accommodate three columns */
        grid-template-areas:
         unset;
        gap: 4vh;
        overflow: hidden;
   
    
    }

    [type-section="footer"] div.pf-4c1-wrapper > div {
        position: relative;
        padding-bottom: 2rem;
        display: flex;
        justify-content: center;
     
    }

    [type-section="footer"] div.pf-4c1_column-one-wrapper{
        display: flex;
        justify-content: center;
        
    }

    [type-section="footer"] div.pf-4c1_column-one-wrapper img{
        width: 100%;
    }
 
 
    [type-section="footer"] div.pf-4c1-wrapper > div > div {
        width: 100%;
        max-width: 300px;
     
    }

    [type-section="footer"] div.pf-4c1_column-bottom-wrapper {

        display: block;
       
        padding-left: 2%;
}

[type-section="footer"] div.pf-4c1_column-two-container::before,
[type-section="footer"] div.pf-4c1_column-three-container::before,
[type-section="footer"] div.pf-4c1_column-four-container::before{
   position: relative;
}
}
/*------------------------------------*/
/* ===============
Partial : Header - ph-3
   =============== */
/*------------------------------------*/


[type-id="ph-3"]{
    

}

/*-----------------Specific Design-------------------*/

[type-partial="teamHeader"]{
    background: linear-gradient(43.155deg, rgba(46, 55, 83, 0%) 0%, rgba(97, 114, 167, 15%) 33%, rgba(255, 255, 255, 15%) 48%, rgba(255, 255, 255, 15%) 68%), 
    linear-gradient(-43.155deg, rgba(46, 55, 83, 0%) 0%, rgba(97, 114, 167, 15%) 50%, rgba(255, 255, 255, 15%) 98%), linear-gradient(#27304A, #27304A);
    background: linear-gradient(-200deg, #050a1cc4 0%, #2e3753 90%);;
    background: linear-gradient(-200deg, #262c40 0%, #2e3753 100%);;
        padding: 3rem 0;
}

[type-partial="teamHeader"] span{
    font-family: var(--secondary-font);
    display: inline-block;
    font-size: var(--primary-14px);
    line-height: calc(var(--primary-14px)+ var(--line-height-fs));
    width: 100%;
    color: #DCE0EA;
}

[type-partial="teamHeader"] h1{
    font-family: var(--primary-font);
    display: inline-block;
    font-size: clamp(var(--primary-32px), 3vw, var(--primary-48px));
    line-height: clamp(calc(var(--primary-32px) + var(--line-height-fs)), 6vw, calc(var(--primary-48px) + var(--line-height-fs)) );
    font-weight: 400;
    color: var(--main-white-tint);
  
    
}

/*------------------------------------*/
/* ===============
Section : TeamGrid - s-4c1
   =============== */
/*------------------------------------*/
[type-id="s-4c1"] {
    height: 100%;
    padding: 1rem 0;
}
[type-id="s-4c1"] > * [type-selector="grid"] {
   
    --gap: .25rem;
    --column-count: 4;
    --gap-calc: calc(var(--gap)* var(--column-count));
    gap: var(--gap);
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(clamp(clamp(calc((100% / 4) - var(--gap-calc)),(800px - 100vw)* 1000, 30%),(600px - 100vw)* 1000, 100%) /* if(screen> 800px) 33% else(screen> 700px) 30% else 100% */, 1fr));
    
}

[type-id="s-4c1"] img {
    height: auto;
    width: 100%;
    object-fit: cover;
   aspect-ratio: 2 / 3;
    display: flex;
    
    border-radius: 6px;
 
  

}

/*-----------------Specific Design-------------------*/
[type-section="teamGrid"] div.s-4c1___indiv-grid-image-container{
   
    border-radius: 6px;
    margin: .65rem;
    position: relative;
}

[type-section="teamGrid"] div.s-4c1___indiv-grid-image-container:hover img{
    
    cursor: pointer;
    transform: translateY(-3%);
    transition: all 500ms;
    
}

[type-section="teamGrid"] div.s-4c1___indiv-grid-image-container:hover button{
    display: block;
    filter:  brightness(0.85) opacity(1);

}
[type-section="teamGrid"] button{
    font-family: var(--secondary-font);
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    font-weight: 600;
    color: var(--main-white-tint);
    display: none;

    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 6vh;
    background: var(--main-brand-one);
    background: linear-gradient(-200deg, #262c40 0%, #2e3753 100%);
    border-top: 2px var(--main-white-tint) solid;
   
   

   
}


[type-section="teamGrid"] div.s-4c1___indiv-grid-content-wrapper{
    margin: .65rem;
    position: relative;
    
}

[type-section="teamGrid"] div.s-4c1___indiv-grid-content-wrapper::after{
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: var(--main-dark);
  top: 0;
  left: 0 ;
  
 
  
    
}
[type-section="teamGrid"] h2{
    font-family: var(--primary-font);
    font-size: clamp(var(--primary-20px), 2vw, var(--primary-24px));
    font-weight: 400;
    line-height: calc(var(--primary-20px) + var(--line-height-small));
    color: var(--main-Xdark);

   
   
   

   
}

[type-section="teamGrid"] p{
    color: var(--main-dark);
    padding-top: 0;


   
   

   
}

/*------------------------------------*/
/* ===============
Team Page | Component : Dialog - cd-1
   =============== */
/*------------------------------------*/

dialog[type-id="c-d2"]
{
    padding: unset;
    margin: auto;
    width: 90%;
    max-width: 85ch;
    border: none;
    border-radius: 3px;

    max-height: 35rem;
    max-height: 45rem;
 
}

dialog[type-id="c-d2"]::backdrop
{
    background: var(--main-Xdark);
    opacity: 75%;


   
 
}

/* Custom scrollbar styles for WebKit browsers (Chrome, Safari, Edge) */
dialog::-webkit-scrollbar {
    width: 8px;              /* Set width for vertical scrollbar */
          /* Set height for horizontal scrollbar */
}

dialog::-webkit-scrollbar-thumb {
    background-color: var(--main-dark);  /* Set the scrollbar thumb (scroll handle) color */
    /* Add rounded corners */

}

dialog::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Set the scrollbar track color */
    border-radius: 10px;
}


/*-----------------Specific Design-------------------*/
[type-component="dialog"] div.c-d2_content-wrapper{
    display: flex;
    position: relative;
    flex-wrap: wrap;
}

[type-component="dialog"] div.c-d2_button-container{
    position: sticky;
    top: 0;
    z-index: var(--z-index-plus-2);

}

[type-component="dialog"] div.c-d2_button-wrapper{
    display: flex;
    background: var(--main-brand-one);
    justify-content: flex-end;
    gap: .5rem;
    padding: .5rem 1rem;
   
}
[type-component="dialog"] div.c-d2_content-container{
    background: var(--main-white-tint);
   
}
[type-component="dialog"] div.c-d2_content-wrapper{
    

}
[type-component="dialog"] div.c-d2_button-wrapper button{
    color: var(--main-white-tint);
    outline: none;
    cursor: pointer;
}
[type-component="dialog"] div.c-d2_button-wrapper img{
    display: flex;
    width: 20px;
    height: 20px;
    padding: 2px;
    cursor: pointer;

}


 /* Keeps content spaced to boundry*/
 [type-component="dialog"] div.c-d2__content-image-container{
    width: 100%;
        /*late night testing */
     
     /*good combo below*/
    flex: 1 0 0%;
    min-width: 15rem;
 
 }
 /*postion container to overlap middle boundry*/
 [type-component="dialog"] div.c-d2__content-bio-container{
         flex: 1 1;
         width: 100%;
         min-width: 65%;
         position: relative;
     
        
 }  

  /*postion container to overlap middle boundry*/
  [type-component="dialog"] div.c-d2__content-bio-wrapper{

   
}  


[type-component="dialog"]  div.c-d2__content-image-wrapper{
    position: relative;
    width: 100%;
    position: sticky;
    top: 10%;
   
    

}


[type-component="dialog"]  div.c-d2__content-image-wrapper img{
    object-fit: contain;
    width: 100%;
    padding: 2%;
    max-height: 30rem;

    
}

[type-component="dialog"] div.c-d2__content-bio-wrapper{

    padding: 2%;
    padding-top: 7%;
}
[type-component="dialog"] div.c-d2__content-bio-wrapper h2{

    font-family: var(--primary-font);
    font-size: clamp(var(--primary-20px), 6vw, var(--primary-32px));
    font-weight: 400;
    line-height: calc(var(--primary-20px) + var(--line-height-small));
    color: var(--main-Xdark);
}

[type-component="dialog"] div.c-d2__content-bio-wrapper h3{
    font-family: var(--secondary-font);
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    font-weight: 700;
    color: var(--main-dark);
}
[type-component="dialog"] div.c-d2___content-p-container{
    max-height: 250px;
    overflow: hidden;
    overflow-y: auto;
}
[type-component="dialog"] div.c-d2__content-bio-wrapper p{
    font-family: var(--secondary-font);
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    font-weight: 400;
    color: var(--main-dark);
    padding-top: 1rem;
    padding-right: 5%;
}

[type-component="dialog"] div.c-d2___content-licenses-wrapper h4{
    font-family: var(--secondary-font);
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    font-weight: 700;
    color: var(--main-xdark);

    padding-top: 2rem;
    display: inline-block;
    width: 100%;
    width: max-content;
}
[type-component="dialog"] div.c-d2___content-licenses-wrapper span{
    font-family: var(--secondary-font);
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    font-weight: 400;
    color: var(--main-dark);

    padding-right: 5%;
    display: inline-block;
    width: 100%;
    width: max-content;
}

[type-component="dialog"] div.c-d2___content-education-wrapper{
  padding-bottom: 10%;
}
[type-component="dialog"] div.c-d2___content-education-wrapper h4{
    font-family: var(--secondary-font);
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    font-weight: 700;
    color: var(--main-xdark);
    display: block;
    padding-top: 2rem;
    width: max-content;
}
[type-component="dialog"] div.c-d2___content-education-wrapper span{
    font-family: var(--secondary-font);
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    font-weight: 400;
    color: var(--main-dark);
    display: block;
    padding-right: 5%;
    width: max-content;
}



[type-component="dialog"] div.c-d2___credentials-container{
    display: flex;
    flex-wrap: wrap;
    gap: 5%;

}

[type-component="dialog"] div.c-d2___content-education-container{
    width: min-content;
}

[type-component="dialog"] div.c-d2___content-licenses-container{
    width: min-content;
}
[type-component="dialog"] .quick-change{
    padding-top: .5rem;
}

/*------------------------------------*/
/* ===============
Service Page | Partial : Servce Header - ph-3
   =============== */
/*------------------------------------*/


[type-id="ph-3"]{
    

}

/*-----------------Specific Design-------------------*/

[type-partial="serviceHeader"]{
        background: url(images/service-header.png);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 5rem 0;
        border-bottom: var(--main-brand-one) 16px solid;
}

[type-partial="serviceHeader"] span{
    font-family: var(--secondary-font);
    display: inline-block;
    font-size: var(--primary-14px);
    line-height: calc(var(--primary-14px)+ var(--line-height-fs));
    width: 100%;
    color: #DCE0EA;
}

[type-partial="serviceHeader"] h1{
    font-family: var(--primary-font);
    display: inline-block;
    font-size: clamp(var(--primary-40px), 3vw, var(--primary-56px));
    line-height: clamp(calc(var(--primary-32px) + var(--line-height-fs)), 6vw, calc(var(--primary-48px) + var(--line-height-fs)) );
    font-weight: 400;
    color: var(--main-white-tint);
    max-width: 18ch;
 
  
    
}
[type-partial="serviceHeader"] p{
    font-family: var(--secondary-font);
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    line-height: clamp(calc(var(--primary-14px) + var(--line-height-small)), 3vw, calc(var(--primary-16px) + var(--line-height-small)) );
    font-weight: 400;
    color: var(--main-white-tint);
    max-width: 70ch;
    width: 100%;
    padding-top: 1rem;

 
  
    
}


/*------------------------------------*/
/* ===============
Service Page | Partial : Servce Page | Main Services - s-3c2
   =============== */
/*------------------------------------*/



/*-----------------Specific Design-------------------*/

/*------------------------------------*/
/* ===============
Service | Section : 6 Grid Services - s-3c2
   =============== */
/*------------------------------------*/
 

/*-----------------Specific Design-------------------*/
[type-section="services-page"] {
    background: var(--main-medium);
    background: linear-gradient(-180deg, var(--main-white-tint) 85%, #2e375319 100%);;
}

[type-section="services-page"] div.s-3c2_card-wrapper{
    padding-top: 4rem;
  
}
[type-section="services-page"] div.s-3c2__indiv-card-container {
  
    display: grid;
    grid-template-rows: 1fr;
}
[type-section="services-page"] div.s-3c2__indiv-card-wrapper {
    background: #2E3753;
 
    background: #eeeeee;
    border: #27304a7a  1px solid;
    padding: 2rem 1.5rem;
    border-radius: 6px;
    margin-top: 3%;
    display: flex;
    flex-direction: column;

}

[type-section="services-page"] div.s-3c2__indiv-card-wrapper:hover{
    background: #ffffff5f;
   

    

}
[type-section="services-page"] div.s-3c2_title-wrapper {
    display: block;

    text-align: left;
}
[type-section="services-page"] div.s-3c2_title-wrapper span{
    font-family: var(--secondary-font);
    display: inline-block;
    font-size: var(--primary-14px);
    line-height: calc(var(--primary-14px)+ var(--line-height-fs));
    width: 100%;
    color: var(--main-dark);


}

[type-section="services-page"] div.s-3c2_title-wrapper h2{
    font-family: var(--primary-font);
    display: inline-block;
    font-size: clamp(var(--primary-32px), 5vw, var(--primary-48px));
    line-height: calc(var(--primary-48px) + var(--line-height-fs));
    font-weight: 400;
    color: #2E3753;

}

[type-section="services-page"] div.s-3c2__indiv-card-wrapper{
    transition: all 500ms;
   
}
[type-section="services-page"] div.s-3c2__indiv-card-wrapper:hover{
    transition: all 500ms;
    transform: translateY(-2%);
}
[type-section="services-page"] div.s-3c2___indiv-card-top-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-bottom: .5rem;
}

[type-section="services-page"] div.s-3c2___indiv-card-top-wrapper h3{
    font-family: var(--primary-font);
    font-size: var(--primary-20px);
    font-weight: 500;
    line-height: calc(var(--primary-20px) + var(--line-height-small));
    color: #2E3753;
}
/*Top Icon*/
[type-section="services-page"] div.s-3c2___indiv-card-top-wrapper img{
    width: 20px;
    height: 20px;
}

[type-section="services-page"] div.s-3c2___indiv-card-top-wrapper::after{
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: var(--main-brand-one);
}


[type-section="services-page"] div.s-3c2___indiv-card-mid-wrapper p{
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    color: var(--main-Xdark);
    font-weight: 400;
    max-width: 55ch;
    padding-top: 1rem;
    width: 100%;
    display: inline-block;
    color: var(--main-dark);
}



[type-section="taxServices"] div.s-3c2___card-content-text-wrapper{

    padding: 1.5rem 1rem;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: linear-gradient(-200deg, #262c40 0%, #2e3753 100%);
    background: var(--custom-background);
    

}

[type-section="services-page"] div.s-3c2___indiv-card-bottom-container {
    display: flex;
    flex: 1;
    align-items: flex-end;
}



[type-section="services-page"] a.s-3c2___indiv-card-bottom-wrapper{
    display: flex;
    align-items: center;
    margin-top: 3rem;
    border-radius: 6px;
    padding: .5rem .5rem;
    color: var(--main-light);
    border: var(--main-white-tint) 1px solid;
    background: var(--main-brand-one);
    width: max-content;


}

/*Icon*/
[type-section="services-page"] a.s-3c2___indiv-card-bottom-wrapper img{
    width: 20px;
    height: 14px;
}

[type-section="services-page"] a.s-3c2___indiv-card-bottom-wrapper  div{
    font-family: var(--secondary-font);
    font-size: var(--primary-16px);
    font-weight: 400;
    color: #fefefe;
    line-height: calc(var(--primary-16px)+ var(--line-height-fs));
    padding-right: .5rem;
    
    
    
}

/*-----------------Specific Design-------------------*/

/*------------------------------------*/
/* ===============
Service | Section : 6 Grid Services - s-2c4
   =============== */
/*------------------------------------*/
 

/*-----------------Specific Design-------------------*/
[type-section="services-page"] {
background: none;


}

[type-section="services-page"] div.s-2c4_card-wrapper{
    padding-top: 4rem;
  
}
[type-section="services-page"] div.s-2c4__indiv-card-container {
  
    display: grid;
    grid-template-rows: 1fr;
    width: 100%;
}
[type-section="services-page"] div.s-2c4__indiv-card-wrapper {
  

    padding: 2rem 1.5rem;
    border-radius: 6px;
    margin-top: 3%;
    display: flex;
    flex-direction: column;

}

[type-section="services-page"] div.s-2c4__indiv-card-wrapper:hover{
    background: #ffffff5f;
   

    

}
[type-section="services-page"] div.s-2c4_title-wrapper {
    display: block;

    text-align: left;
}
[type-section="services-page"] div.s-2c4_title-wrapper span{
    font-family: var(--secondary-font);
    display: inline-block;
    font-size: var(--primary-14px);
    line-height: calc(var(--primary-14px)+ var(--line-height-fs));
    width: 100%;
    color: var(--main-dark);


}

[type-section="services-page"] div.s-2c4_title-wrapper h2{
    font-family: var(--primary-font);
    display: inline-block;
    font-size: clamp(var(--primary-32px), 5vw, var(--primary-48px));
    line-height: calc(var(--primary-48px) + var(--line-height-fs));
    font-weight: 400;
    color: #2E3753;

}

[type-section="services-page"] div.s-2c4__indiv-card-wrapper{
    transition: all 500ms;
   
}

[type-section="services-page"] div.s-2c4___indiv-card-top-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-bottom: .5rem;
}

[type-section="services-page"] div.s-2c4___indiv-card-top-wrapper h3{
    font-family: var(--primary-font);
    font-size: var(--primary-20px);
    font-weight: 500;
    line-height: calc(var(--primary-20px) + var(--line-height-small));
    color: #2E3753;
}
/*Top Icon*/
[type-section="services-page"] div.s-2c4___indiv-card-top-wrapper img{
    width: 20px;
    height: 20px;
}

[type-section="services-page"] div.s-2c4___indiv-card-top-wrapper::after{
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: var(--main-brand-one);
}


[type-section="services-page"] div.s-2c4___indiv-card-mid-wrapper li{
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    color: var(--main-Xdark);
    font-weight: 400;
    
    padding-top: 1rem;
    width: 100%;
    display: inline-block;
    color: var(--main-dark);
}

div.s-2c4___indiv-card-mid-wrapper li:hover{
    transition: all 500ms;
    transform: translateY(-5%);
    font-weight: 600;
}



[type-section="services-page"] div.s-2c4____indiv-card-mid-link-wrapper a {
    display: flex;
    align-items: center;
 

}

[type-section="services-page"] div.s-2c4____indiv-card-mid-link-wrapper div{
flex-grow: 1;
}

[type-section="services-page"] div.s-2c4____indiv-card-mid-link-wrapper a img {
    width: 20px;
    height: 14px;
    
}
[type-section="taxServices"] div.s-2c4___card-content-text-wrapper{

    padding: 1.5rem 1rem;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: linear-gradient(-200deg, #262c40 0%, #2e3753 100%);
    background: var(--custom-background);
    

}

[type-section="services-page"] div.s-2c4___indiv-card-bottom-container {
    display: flex;
    flex: 1;
    align-items: flex-end;
}



[type-section="services-page"] a.s-2c4___indiv-card-bottom-wrapper{
    display: flex;
    align-items: center;
    margin-top: 3rem;
    border-radius: 6px;
    padding: .5rem .5rem;
    color: var(--main-light);
    border: var(--main-white-tint) 1px solid;
    background: var(--main-brand-one);
    width: max-content;


}

/*Icon*/
[type-section="services-page"] a.s-2c4___indiv-card-bottom-wrapper img{
    width: 20px;
    height: 14px;
}

[type-section="services-page"] a.s-2c4___indiv-card-bottom-wrapper  div{
    font-family: var(--secondary-font);
    font-size: var(--primary-16px);
    font-weight: 400;
    color: #fefefe;
    line-height: calc(var(--primary-16px)+ var(--line-height-fs));
    padding-right: .5rem;
    
    
    
}

/*------------------------------------*/
/* ===============
About Page | Partial : Servce Header - ph-3
   =============== */
/*------------------------------------*/


[type-id="ph-3"]{
    

}

/*-----------------Specific Design-------------------*/

[type-partial="aboutHeader"]{
        background: url(images/about-header.png);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 5rem 0;
        border-bottom: var(--main-brand-one) 16px solid;
}

[type-partial="aboutHeader"] span{
    font-family: var(--secondary-font);
    display: inline-block;
    font-size: var(--primary-14px);
    line-height: calc(var(--primary-14px)+ var(--line-height-fs));
    width: 100%;
    color: #DCE0EA;
}

[type-partial="aboutHeader"] h1{
    font-family: var(--primary-font);
    display: inline-block;
    font-size: clamp(var(--primary-40px), 3vw, var(--primary-56px));
    line-height: clamp(calc(var(--primary-32px) + var(--line-height-fs)), 6vw, calc(var(--primary-48px) + var(--line-height-fs)) );
    font-weight: 400;
    color: var(--main-white-tint);
    max-width: 18ch;
 
  
    
}
[type-partial="aboutHeader"] p{
    font-family: var(--secondary-font);
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    line-height: clamp(calc(var(--primary-14px) + var(--line-height-small)), 3vw, calc(var(--primary-16px) + var(--line-height-small)) );
    font-weight: 400;
    color: var(--main-white-tint);
    max-width: 70ch;
    width: 100%;
    padding-top: 1rem;

 
  
    
}


/*------------------------------------*/
/* ===============
Section : Introduction - s-2c3
   =============== */
/*------------------------------------*/


 /* Keeps content spaced to boundry*/
 [type-id="introduction"] div.s-2c3___small-container{
    width: 100%;
        /*late night testing */
     
     /*good combo below*/
    flex: 1 0 0%;
    min-width: 15rem;
 
 }
 /*postion container to overlap middle boundry*/
 [type-section="introduction"] div.s-2c3___large-container{
         flex: 1 1;
         width: 100%;
         min-width: 58.33%;
         position: relative;
        
 }  

/*postion small wrapper aligned to middle from top to bottom*/
[type-id="s-2c3"] div.s-2c3___small-wrapper{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    
}

/*-----------------Specific Design-------------------*/

/*This is for adjust background color, or positioning content away from other sections(margin)*/
[type-section="introduction"]{
    background: var(--main-white-tint);
    padding: 4.5rem 0;
}


[type-section="introduction"] div.s-2c3___small-wrapper{
    justify-content: unset;
 
    

}
[type-section="introduction"] div.s-2c3___small-wrapper h2{
    display: inline-block;
    font-family: var(--primary-font);
    color: var(--main-Xdark);
    font-size: clamp(var(--primary-32px), 5vw, var(--primary-48px));
    line-height: calc(var(--primary-48px) + var(--line-height-fs));
    font-weight: 400;
    

}

[type-section="introduction"] div.s-2c3___small-wrapper span{
    display: inline-block;
 font-size: var(--primary-14px);
 line-height: calc(var(--primary-14px) + 10px);
 color: var(--main-dark);

}

[type-section="introduction"] div.s-2c3___large-wrapper p{
    font-family: var(--secondary-font);
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    line-height: 28px;
    color: var(--main-dark);
    margin-left: calc(8.333% * 2);


}

/*------------------------------------*/
/* ===============
About Us Page | Section :Meeting Team - s-2c3
   =============== */
/*------------------------------------*/


/*-----------------Specific Design-------------------*/
[type-section="meetingTeam"]{
    padding: 4.5rem 0;
}
 /* Keeps content spaced to boundry*/
 [type-section="meetingTeam"] div.s-2c3___small-container{
    width: 100%;
        /*late night testing */
     
     /*good combo below*/
    flex: 1 0 0%;
    min-width: 22rem;
 
 }
 /*postion container to overlap middle boundry*/
 [type-section="meetingTeam"]  div.s-2c3___large-container{
         flex: 1 1;
         width: 100%;
         min-width: 50%;
        z-index: var(--z-index-plus-1);
         position: relative;
    
        
 }  
 [type-section="meetingTeam"] div.s-2c3___large-wrapper{
    background: var(--main-brand-one);
    display: flex;

 }
 [type-section="meetingTeam"] div.s-2c3___large-wrapper img{
max-height: 50rem;
filter: opacity(0.75) brightness(0.95);
object-position: 50% 20%; 

   
}  

[type-section="meetingTeam"] h2{
    font-family: var(--primary-font);
    display: inline-block;
    font-size: clamp(var(--primary-32px), 5vw, var(--primary-48px));
    line-height: calc(var(--primary-48px) + var(--line-height-fs));
    font-weight: 400;
    color: var(--main-Xdark);
    z-index: var(--z-index-plus-1);
}

[type-section="meetingTeam"] p{
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    color: var(--main-Xdark);
    font-weight: 400;
    width: 100%;
    padding-top: 1rem;
    padding-right: calc(8.333% * 1);
    display: inline-block;
    z-index: var(--z-index-plus-1);
    max-width: 60ch;
}
[type-section="meetingTeam"] p.bold{
   font-weight: 700;
   padding-top: 1.5rem;
   z-index: var(--z-index-plus-1);
}

[type-section="meetingTeam"] ul{
    list-style-type: unset ;
    padding-inline-start: 40px;
    padding-top: 1rem;
    z-index: var(--z-index-plus-1);
  
 
 }
 [type-section="meetingTeam"] li{
    list-style-type: disc; 
    list-style-position: inside;
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    color: var(--main-Xdark);
    line-height: calc(var(--primary-16px) + .5rem);


 }


 [type-section="meetingTeam"] div.s-2c3___small-wrapper a{
    margin-top: 2.5rem;
    display: flex;
    align-items: center;
    border-radius: 3px;
    padding: 1rem .75rem;
    color: var(--main-light);
    background: var(--main-brand-one);
    z-index: var(--z-index-plus-1);
    width: max-content;
 }

 [type-section="meetingTeam"]  div.s-2c3___small-wrapper a div{
    font-family: var(--secondary-font);
    font-size: var(--primary-16px);
    font-weight: 400;
    color: #fefefe;
    line-height: calc(var(--primary-16px)+ var(--line-height-fs));
    padding-right: .5rem;

    
}

 /*Icon*/
 [type-section="meetingTeam"] div.s-2c3___small-wrapper img{
    width: 20px;
    height: 14px;
}
[type-section="meetingTeam"] div.s-2c3___small-container{
    position: relative;
    
}
[type-section="meetingTeam"] div.s-2c3___small-wrapper::before{
    content: "";
    position: absolute;
    left: -120%;
    width: 200vw;
    height: calc(35% + 20rem);
    background: var(--main-medium);

}

@media (max-width: 851px){
    [type-section="meetingTeam"] div.s-2c3___small-container{
        order: 2;
    }
}

/*------------------------------------*/
/* ===============
About Us Page | Section : Dan Barton Bio - s-2c3
   =============== */
/*------------------------------------*/


/*-----------------Specific Design-------------------*/
[type-section="danBarton"]{
    padding: 4.5rem 0;
}
 /* Keeps content spaced to boundry*/
 [type-section="danBarton"] div.s-2c3___large-container{
    width: 100%;
        /*late night testing */
     
     /*good combo below*/
    flex: 1 0 0%;
    min-width: 22rem;
 
 }
 /*postion container to overlap middle boundry*/
 [type-section="danBarton"]   div.s-2c3___small-container{
         flex: 1 1;
         width: 100%;
         min-width: 50%;
      
         position: relative;
    
        
 }  
 [type-section="danBarton"]  div.s-2c3___large-wrapper{
   
    display: flex;

 }

[type-section="danBarton"] div.s-2c3___large-wrapper img{

object-fit: contain;
object-position: left bottom;
max-height: 628px;

   
}  

[type-section="danBarton"]  h2{
    font-family: var(--primary-font);
    display: inline-block;
    font-size: clamp(var(--primary-32px), 5vw, var(--primary-48px));
    line-height: calc(var(--primary-48px) + var(--line-height-fs));
    font-weight: 400;
    color: var(--main-Xdark);
    z-index: var(--z-index-plus-1);
}

[type-section="danBarton"] p{
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    color: var(--main-Xdark);
    font-weight: 400;
    width: 100%;
    padding-top: 1rem;
    padding-right: calc(8.333% * 1);
    display: inline-block;
    z-index: var(--z-index-plus-1);
    max-width: 60ch;
}

[type-section="danBarton"] span{
  
}



[type-section="danBarton"]  div.s-2c3___small-wrapper a{
    margin-top: 2.5rem;
    display: flex;
    align-items: center;
    border-radius: 3px;
    padding: 1rem .75rem;
    color: var(--main-light);
    background: var(--main-brand-one);
    z-index: var(--z-index-plus-1);
    width: max-content;
 }

 [type-section="danBarton"]   div.s-2c3___small-wrapper a div{
    font-family: var(--secondary-font);
    font-size: var(--primary-16px);
    font-weight: 400;
    color: #fefefe;
    line-height: calc(var(--primary-16px)+ var(--line-height-fs));
    padding-right: .5rem;

    
}

 /*Icon*/
 [type-section="danBarton"]  div.s-2c3___small-wrapper img{
    width: 20px;
    height: 14px;
}
[type-section="danBarton"]  div.s-2c3___small-container{
    position: relative;
    
}



/*------------------------------------*/
/* ===============
Indiv Service | Partial : Servce Header - ph-3
   =============== */
/*------------------------------------*/


[type-id="ph-3"]{
    

}

/*-----------------Specific Design-------------------*/

[type-partial="indivService"]{
        background: url(images/indiv-service-header.png);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 5rem 0 3rem 0;
        border-bottom: var(--main-brand-one) 16px solid;
}

[type-partial="indivService"] div.ph-3__span-wrapper{
    display: flex;
    align-items: center;
    
}

[type-partial="indivService"] div.ph-3__span-wrapper div{
    width: 20px;
    height: 20px;
    
}
[type-partial="indivService"] span{
    font-family: var(--secondary-font);
    display: inline-block;
    font-size: var(--primary-14px);
    line-height: calc(var(--primary-14px)+ var(--line-height-fs));
    width: 100%;
    color: #DCE0EA;
    padding-left: .5rem;
}

[type-partial="indivService"] h1{
    font-family: var(--primary-font);
    display: inline-block;
    font-size: clamp(var(--primary-40px), 3vw, var(--primary-56px));
    line-height: clamp(calc(var(--primary-32px) + var(--line-height-fs)), 6vw, calc(var(--primary-48px) + var(--line-height-fs)) );
    font-weight: 400;
    color: var(--main-white-tint);
    max-width: 25ch;
    padding-top: .5rem;
 
  
    
}
[type-partial="indivService"] p{
    font-family: var(--secondary-font);
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    line-height: clamp(calc(var(--primary-14px) + var(--line-height-small)), 3vw, calc(var(--primary-16px) + var(--line-height-small)) );
    font-weight: 400;
    color: var(--main-white-tint);
    max-width: 70ch;
    width: 100%;
    padding-top: .5rem;



 
  
    
}

[type-partial="indivService"] div.ph-3_cta-wrapper a{
    display: flex;
    align-items: center;
    margin-top: 3rem;
    border-radius: 6px;
    padding: .5rem .5rem;
    color: var(--main-light);
    border: var(--main-white-tint) 1px solid;
    width: max-content;
}

[type-partial="indivService"] a.ph-3_cta-wrapper{
    display: flex;
    align-items: center;
    margin-top: 3rem;
    border-radius: 6px;
    padding: .5rem .75rem;
    color: var(--main-light);
    border: var(--main-white-tint) 1px solid;
    width: max-content;
    margin-top: 1.5rem;
    font-size: var(--primary-16px);
    width: max-content;
}
[type-partial="indivService"] a.ph-3_cta-wrapper div{
  padding-right: .5rem;
}


/*------------------------------------*/
/* ===============
Indiv Service  Section : Service Desc - s-2c3
   =============== */
/*------------------------------------*/

 

/* Overlaping Content Settings */
[type-section="serviceDesc"] div.s-2c3__indiv-content-wrapper{
    display: flex;
    position: relative;
    gap: 3rem;
        /*late night testing */
    flex-wrap: wrap;
    padding-bottom: 3rem;
}


 /* Keeps content spaced to boundry*/
 [type-section="serviceDesc"] div.s-2c3___small-container{
    width: 100%;
        /*late night testing */
     
     /*good combo below*/
    flex: 1 0 0%;

    min-width: 22rem;
 
 }
 /*postion container to overlap middle boundry*/
 [type-section="serviceDesc"] div.s-2c3___large-container{
         flex: 1 1;
         width: 100%;
         min-width: calc(50% - 8.33%);
         position: relative;
        
 }  


/*-----------------Specific Design-------------------*/

[type-section="serviceDesc"] div.s-2c3__indiv-content-wrapper-2{
  
    padding: 3rem 0;
}

[type-section="serviceDesc"] div.s-2c3__indiv-content-wrapper-2 h3{
    display: inline-block;
    font-family: var(--primary-font);
    color: var(--main-Xdark);
    font-size: clamp(var(--primary-16px), 5vw, var(--primary-20px));
    font-weight: 700;
    padding-bottom: 1rem;
}

[type-section="serviceDesc"] div.s-2c3___small-wrapper p {
    font-family: var(--secondary-font);
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    line-height: 28px;
    color: var(--main-dark);
}


[type-section="serviceDesc"] div.s-2c3__indiv-content-wrapper-2 p{
    font-family: var(--secondary-font);
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    line-height: 28px;
    color: var(--main-dark);
}


[type-section="serviceDesc"] div.s-2c3__indiv-content-wrapper-2  ul {
    list-style-type: unset;
    padding-inline-start: 40px;
    z-index: var(--z-index-plus-1);
}

[type-section="serviceDesc"] div.s-2c3__indiv-content-wrapper-2 li {
    font-family: var(--secondary-font);
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    line-height: 28px;
    color: var(--main-dark);
    list-style-type: disc;
    padding: .25rem;
}
/*This is for adjust background color, or positioning content away from other sections(margin)*/
[type-section="serviceDesc"]{
    background: var(--main-white-tint);
    padding: 4.5rem 0;
}


[type-section="serviceDesc"] div.s-2c3___small-wrapper{
    justify-content: unset;
 
    

}
[type-section="serviceDesc"] div.s-2c3___small-wrapper h2{
    display: inline-block;
    font-family: var(--primary-font);
    color: var(--main-Xdark);
    font-size: clamp(var(--primary-24px), 5vw, var(--primary-40px));
    font-weight: 400;
    

}

[type-section="serviceDesc"] div.s-2c3___small-wrapper span{
    display: inline-block;
 font-size: var(--primary-14px);
 line-height: calc(var(--primary-14px) + 10px);
 color: var(--main-dark);

}
[type-section="serviceDesc"] div.s-2c3___large-wrapper p:first-child{
    padding-top: 1.5rem;


}

[type-section="serviceDesc"] div.s-2c3___large-wrapper p{
    font-family: var(--secondary-font);
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    line-height: 28px;
    color: var(--main-dark);

    padding-top: 3rem;


}


[type-section="serviceDesc"] div.s-2c3___large-wrapper ul{
    list-style-type: unset ;
    padding-inline-start: 40px;
 
    z-index: var(--z-index-plus-1);


}

[type-section="serviceDesc"] div.s-2c3___large-wrapper li{
    font-family: var(--secondary-font);
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    line-height: 28px;
    color: var(--main-dark);

       list-style-type: disc; 
    padding: .25rem;


}



/*------------------------------------*/
/* ===============
Indiv Service  Section : FAQ - s-2c3
   =============== */
/*------------------------------------*/


 /* Keeps content spaced to boundry*/
 [type-section="FAQs"] div.s-2c3___small-container{
    width: 100%;
        /*late night testing */
     
     /*good combo below*/
    flex: 1 0 0%;
    min-width: calc(22rem + 8.33%);
 
 }
 /*postion container to overlap middle boundry*/
 [type-section="FAQs"] div.s-2c3___large-container{
         flex: 1 1;
         width: 100%;
         min-width: calc(50% - 8.33%);
         position: relative;
        
 }  

/*postion small wrapper aligned to middle from top to bottom*/
[type-id="FAQ"] div.s-2c3___small-wrapper{
    height: 100%;
    display: flex;
    flex-direction: column;

    position: relative;
    
}

/*-----------------Specific Design-------------------*/

/*This is for adjust background color, or positioning content away from other sections(margin)*/
[type-section="FAQs"]{
    background: var(--main-white-tint);
    padding: 4.5rem 0;
}


[type-section="FAQs"] div.s-2c3___small-wrapper{
    justify-content: unset;
 
    

}

[type-section="FAQs"] div.s-2c3___small-wrapper img{
    max-height: 700px;
 
    object-fit: contain;
 
    

}
[type-section="FAQs"] div.s-2c3____title-wrapper h2{
    display: inline-block;
    font-family: var(--primary-font);
    color: var(--main-Xdark);
    font-size: clamp(var(--primary-24px), 5vw, var(--primary-40px));
    font-weight: 400;
    

}

[type-section="FAQs"] div.s-2c3____title-wrapper h2 span{
    display: inline-block;
    font-family: var(--primary-font);
    color: var(--main-Xdark);
    font-size: clamp(var(--primary-24px), 5vw, var(--primary-40px));
    font-weight: 400;
    

}

[type-section="FAQs"] div.s-2c3____title-wrapper span{
    display: inline-block;
 font-size: var(--primary-14px);
 line-height: calc(var(--primary-14px) + 10px);
 color: var(--main-dark);

}


[type-section="FAQs"] div.s-2c3______header-container{
display: flex;
justify-content: space-between;
padding-top: 2rem;
padding-bottom: .75rem;
align-items: center;
position: relative;
cursor: pointer;

}
[type-section="FAQs"] div.s-2c3______header-container h3{
    font-family: var(--secondary-font);
    font-size: clamp(var(--primary-14px), 2vw, var(--primary-16px));
    line-height: 28px;
    color: var(--main-dark);
    font-weight: 700;
   


}

[type-section="FAQs"] div.s-2c3______header-container h3::after{
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    background: var(--main-dark);
    bottom: 0;
    left: 0;
   


}

[type-section="FAQs"] div.s-2c3______header-container img{
   width: 24px;
   height: 12px;
   margin-left: 1rem;
  


}
[type-section="FAQs"] div.s-2c3______answer-container p{
    font-family: var(--secondary-font);
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    line-height: 28px;
    color: var(--main-dark);

    
    padding: .5rem;
    padding-left: 0rem;
    padding-right: 1.5rem;

}
[type-section="FAQs"] div.s-2c3______answer-container ul{
    list-style-type: unset ;
    padding-inline-start: 40px;
 
    z-index: var(--z-index-plus-1);


}

[type-section="FAQs"] div.s-2c3______answer-container li{
    font-family: var(--secondary-font);
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    line-height: 28px;
    color: var(--main-dark);

       list-style-type: disc; 
    padding: 1rem;


}




/* FAQ Component Settings */
[data-dropdownHidden="true"] {
    max-height: 0;           /* Collapse the element */
    opacity: 0;              /* Make the element invisible */      
    overflow: hidden;        /* Prevents overflow */
    transition: max-height .8s ease-out, opacity 0s ease-out, padding 0.3s ease-out;
}

[data-dropdownHidden="false"] {
    max-height: 600px;       /* Set a maximum height large enough for the content */
    opacity: 1;              /* Make the element visible */       
    transition: max-height 0.4s ease-in, opacity 0.4s ease-in, padding 0.3s ease-in;
}

[data-dropdownHidden="false"] > p {
    overflow: visible;       /* Ensure content is visible */
}


/*------------------------------------*/
/* ===============
Section :Appointment - s-2c3
   =============== */
/*------------------------------------*/


/*-----------------Specific Design-------------------*/

 /* Keeps content spaced to boundry*/
 [type-section="process"] div.s-2c3___small-container{
    width: 100%;
        /*late night testing */
     
     /*good combo below*/
    flex: 1 0 0%;
    min-width: 22rem;
 
 }

  /* Keeps content spaced to boundry*/
  [type-section="process"] div.s-2c3___small-wrapper{
justify-content: unset;
gap: 4rem;
padding: 3rem;
 }



 [type-section="process"] div.s-2c3___large-container{
         flex: 1 1;
         width: 100%;
         min-width: 50%;
         position: relative;
    
        
 }  
 [type-section="process"] div.s-2c3___large-wrapper{
    background: var(--main-brand-one);
    display: flex;
    height: 100%;

 }

 [type-section="process"] div.s-2c3____content-container{

 }
 
 [type-section="process"] div.s-2c3___large-wrapper img{
max-height: 60rem;
filter: opacity(0.95) brightness(0.95);
object-position: 50% 20%; 


}  


[type-section="process"] span{
    font-family: var(--secondary-font);
    display: inline-block;
    font-size: var(--primary-14px);
    line-height: calc(var(--primary-14px)+ var(--line-height-fs));
    width: 100%;
    color: var(--main-dark);
}

[type-section="process"] h2{
    font-family: var(--primary-font);
    display: inline-block;
    font-size: clamp(var(--primary-32px), 3vw, var(--primary-48px));
    line-height: clamp(calc(var(--primary-32px) + var(--line-height-fs)), 6vw, calc(var(--primary-48px) + var(--line-height-fs)) );
    font-weight: 400;
    color: var(--main-Xdark);
    z-index: var(--z-index-plus-1);
    padding-bottom: 1.5rem;
    text-wrap: nowrap;
    
}


[type-section="process"] h3{
    display: inline-block;
    padding-top: 3.5rem;
    font-family: var(--primary-font);
    width: 100%;
    font-size: clamp(var(--primary-16px), 3vw, var(--primary-20px));
    font-weight: 600;
    color: var(--main-Xdark);
    z-index: var(--z-index-plus-1);
    display: inline-block;
    
}

[type-section="process"] div.s-2c3____steps-wrapper{
    display: flex;
    gap: 1.5rem;
    align-items: baseline;
}

[type-section="process"] div.s-2c3_____icon-wrapper {
  
    aspect-ratio: 1 / 1;
    width: 2.5rem;

   
}
[type-section="process"] div.s-2c3_____icon-wrapper span {
    font-family: var(--primary-font);
    color: var(--main-white-tint);
    background: var(--main-brand-one);
    font-size: clamp(var(--primary-16px), 3vw, var(--primary-20px));
    font-weight: 700;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

    border-radius: 3px;

   
}

[type-section="process"] div.s-2c3_____text-wrapper{
    flex-grow: 1;
    
}

[type-section="process"] div.s-2c3_____text-wrapper h3{
  
    padding-top: unset;
    font-family: var(--primary-font);
    position: relative;
    font-size: clamp(var(--primary-16px), 3vw, var(--primary-20px));

    font-weight: 500;
    color: var(--main-Xdark);
    z-index: var(--z-index-plus-1);
    display: inline-block;
    padding-bottom: .5rem;
    
}

[type-section="process"] div.s-2c3_____text-wrapper h3::after{
   position: absolute;
   content: "";
   width: 100%;
   height: 1px;
   background: var(--main-Xdark);
   bottom: 0;
   left: 0;
}

[type-section="process"] div.s-2c3_____text-wrapper p{
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    color: var(--main-dark);
    font-weight: 400;
    width: 100%;
    padding-top: 1rem;
    display: inline-block;
    z-index: var(--z-index-plus-1);
    max-width: 45ch;
    display: inline-block;
    padding-bottom: 2rem;
    
}


[type-section="process"] div.s-2c3___small-wrapper a{
    margin-top: 3.5rem;
    display: flex;
    align-items: center;
    border-radius: 3px;
    padding: 1rem .75rem;
    color: var(--main-light);
    background: var(--main-brand-one);
    z-index: var(--z-index-plus-1);
    width: max-content;
    
 }

 [type-section="process"]  div.s-2c3___small-wrapper a div{
    font-family: var(--secondary-font);
    font-size: var(--primary-16px);
    font-weight: 400;
    color: #fefefe;
    line-height: calc(var(--primary-16px)+ var(--line-height-fs));
    padding-right: .5rem;

    
}
 /*Icon*/
 [type-section="process"] div.s-2c3___small-wrapper img{
    width: 20px;
    height: 14px;
}


@media (max-width: 851px){
    [type-section="process"] div.s-2c3___small-container{
        order: 2;
    }
}
/*------------------------------------*/
/* ===============
Partial : Header - ph-3
   =============== */
/*------------------------------------*/


[type-id="ph-3"]{
    

}

/*-----------------Specific Design-------------------*/

[type-partial="contactHeader"]{
    background: linear-gradient(43.155deg, rgba(46, 55, 83, 0%) 0%, rgba(97, 114, 167, 15%) 33%, rgba(255, 255, 255, 15%) 48%, rgba(255, 255, 255, 15%) 68%), 
    linear-gradient(-43.155deg, rgba(46, 55, 83, 0%) 0%, rgba(97, 114, 167, 15%) 50%, rgba(255, 255, 255, 15%) 98%), linear-gradient(#27304A, #27304A);
    background: linear-gradient(-200deg, #050a1cc4 0%, #2e3753 90%);;
    background: linear-gradient(-200deg, #262c40 0%, #2e3753 100%);;
        padding: 1rem 0;
    height: 2.5rem;
}




 /*------------------------------------*/
/* ===============
Section : Contact From - s-1c1
   =============== */
/*------------------------------------*/

 
 [type-section="contact"] div.s-1c1-wrapper{
    padding: unset;
}

 
 
[type-section="contact"] div.s-1c1_content-wrapper{
     text-align: center;
     /*max-width with margin- creates middle technique*/
     max-width: 65ch;
     margin: 0 auto;
     
 }
 
 [type-section="contact"] div.s-1c1_content-wrapper > div{
     margin: 2rem;
     
 }

[type-section="contact"] div.s-1c1__title-wrapper span{
    font-family: var(--secondary-font);
    display: inline-block;
    font-size: var(--primary-14px);
    line-height: calc(var(--primary-14px)+ var(--line-height-fs));
    width: 100%;
    color: var(--main-Xdark);

 
 }
 [type-section="contact"] div.s-1c1__title-wrapper h2{
    font-family: var(--primary-font);
    text-align: center;
    font-size: clamp(var(--primary-40px), 3vw, var(--primary-56px));
    line-height: clamp(calc(var(--primary-32px) + var(--line-height-fs)), 6vw, calc(var(--primary-48px) + var(--line-height-fs)) );
    font-weight: 400;
    color: var(--main-Xdark);

 
 }
 
 [type-section="contact"] div.s-1c1__title-wrapper p{
    font-family: var(--secondary-font);
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    line-height: clamp(calc(var(--primary-14px) + var(--line-height-small)), 3vw, calc(var(--primary-16px) + var(--line-height-small)) );
    font-weight: 400;

    width: 100%;
    padding-top: .5rem;
    color: var(--main-Xdark);
 text-wrap: balance;
     
 
 }
 
 [type-section="contact"] div.s-1c1__button-wrapper{
     padding-top: 1.5rem;
     
 
 }
 
/*------------------------------------*/
/* ===============
Component: Contact From
   =============== */
/*------------------------------------*/


/*-----------------Specific Design-------------------*/
div.cf1-input-container{

    border-radius: 3px;
    margin:  0;
    padding: 0;
}
div.cf1-input-wrapper{
   
    display: flex;
    flex-direction: column;
	

}

div.cf1-main-wrapper{
    
    padding: 0rem 1.5rem;
    border-radius: 6px;
}

#cf1{
    font-family: var(--secondary-font);
}
#cf1 fieldset{
    border: none;
}
#cf1 label{
    font-family: var(--secondary-font);
    font-weight: 400;
    font-size: 0.875rem;
    padding: .1rem .2rem .2rem;
    color: var(--main-dark);
    padding: 1rem .1rem .25rem;
    text-align: left;
    position: relative;
}

#cf1 label::after{
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--main-dark);
}

#cf1 label:last-of-type::after {
    position: relative;
}

#cf1 input{
 
    border-radius: 3px;
    border: 1px  #C9C9C9 solid;
    padding: .7rem 1rem;
   font-weight: 400;
    height: 3rem;
    font-size: 1rem;
    background: var(--background-color);
    color: var(--main-dark);
}



#cf1 button{
   
    color: white;
    background: var(--cta-color);
    padding: 1.5em 2.25em;
    border-radius: 6px;
    font-weight: 700;
}

#cf1 textarea{
    font-family: var(--secondary-font);
    resize: none;
    height: 10rem;
    padding: 1rem 1rem;
    font-size: 1.1rem;
    border-radius: 3px;
    border: 1px  #C9C9C9 solid;
    background: var(--background-color);
  
}

#cf1 textarea:focus, #cf1 input:focus{

    outline: none !important;
	border: 2px #405b6e solid;
    border-radius: 2px;
}

#cf1 [cf1-category="hny-pt-container"]{
    display: none;
}

div.cf1-form-submit-wrapper{
    display: flex;
    justify-content: center;
}

p[cf1-category="error"]{
    color: var(--error-color);
    font-family: var(--error-font);
    text-align: center;
    font-size: 1rem;
    font-weight: 700;

}
p[cf1-category="success"]{
    color: var(--success-color);
    text-align: center;
    font-family: var(--error-font);
    font-size: 1rem;
    font-weight: 700;
}

/*------------------------------------*/
/* ===============
JobBoard Section : jobBoard- s-2c3
   =============== */
/*------------------------------------*/

 

/* Overlaping Content Settings */
[type-section="jobBoard"] div.s-2c3__indiv-content-wrapper{
    display: flex;
    position: relative;
    gap: 3rem;
        /*late night testing */
    flex-wrap: wrap;
    padding-bottom: 3rem;
}


 /* Keeps content spaced to boundry*/
 [type-section="jobBoard"] div.s-2c3___small-container{
    width: 100%;
        /*late night testing */
     
     /*good combo below*/
    flex: 1 0 0%;

    min-width: 22rem;
 
 }
 /*postion container to overlap middle boundry*/
 [type-section="jobBoard"] div.s-2c3___large-container{
         flex: 1 1;
         width: 100%;
         min-width: calc(50% - 8.33%);
         position: relative;
        
 }  


/*-----------------Specific Design-------------------*/

[type-section="jobBoard"] div.s-2c3__indiv-content-wrapper-2{
  
    padding: 3rem 0;
}

[type-section="jobBoard"] div.s-2c3__indiv-content-wrapper-2 h3{
    display: inline-block;
    font-family: var(--primary-font);
    color: var(--main-Xdark);
    font-size: clamp(var(--primary-16px), 5vw, var(--primary-20px));
    font-weight: 700;
    padding-bottom: 1rem;
    text-decoration: underline;
}

/*Job Posting Edits*/
[type-section="jobBoard"] div.s-2c3___small-wrapper h3 span{
    font-family: var(--secondary-font);
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    line-height: 28px;
    color: var(--main-dark);
    list-style-type: disc;
    padding: .25rem;
    font-weight: normal;

}

[type-section="jobBoard"] div.s-2c3___small-wrapper p {
    font-family: var(--secondary-font);
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    line-height: 28px;
    color: var(--main-dark);
}


[type-section="jobBoard"] div.s-2c3__indiv-content-wrapper-2 p{
    font-family: var(--secondary-font);
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    line-height: 28px;
    color: var(--main-dark);
}


[type-section="jobBoard"] div.s-2c3__indiv-content-wrapper-2  ul {
    list-style-type: unset;
    padding-inline-start: 40px;
    z-index: var(--z-index-plus-1);
    padding-bottom: 1rem;
}

[type-section="jobBoard"] div.s-2c3__indiv-content-wrapper-2 li {
    font-family: var(--secondary-font);
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    line-height: 28px;
    color: var(--main-dark);
    list-style-type: disc;
    padding: .25rem;
}
/*This is for adjust background color, or positioning content away from other sections(margin)*/
[type-section="jobBoard"]{
    background: var(--main-white-tint);
    padding: 4.5rem 0;
}


[type-section="jobBoard"] div.s-2c3___small-wrapper{
    justify-content: unset;
 
    

}
[type-section="jobBoard"] div.s-2c3___small-wrapper h2{
    display: inline-block;
    font-family: var(--primary-font);
    color: var(--main-Xdark);
    font-size: clamp(var(--primary-24px), 5vw, var(--primary-40px));
    font-weight: 400;
    

}

[type-section="jobBoard"] div.s-2c3___small-wrapper span{
    display: inline-block;
 font-size: var(--primary-14px);
 line-height: calc(var(--primary-14px) + 10px);
 color: var(--main-dark);

}
[type-section="jobBoard"] div.s-2c3___large-wrapper p:first-child{
    padding-top: 1.5rem;


}

[type-section="jobBoard"] div.s-2c3___large-wrapper p{
    font-family: var(--secondary-font);
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    line-height: 28px;
    color: var(--main-dark);

    padding-top: 3rem;


}


[type-section="jobBoard"] div.s-2c3___large-wrapper ul{
    list-style-type: unset ;
    padding-inline-start: 40px;
 
    z-index: var(--z-index-plus-1);


}

[type-section="jobBoard"] div.s-2c3___large-wrapper li{
    font-family: var(--secondary-font);
    font-size: clamp(var(--primary-14px), 3vw, var(--primary-16px));
    line-height: 28px;
    color: var(--main-dark);

       list-style-type: disc; 
    padding: .25rem;


}




/*---------------------Mobile Adjustments--------------------*/
@media (max-width: 799px){
    section[type-id="s-2c3"] {
        height: 100%;
        padding: var(--section-divider-mobile) 0;
    }

    section[type-id="s-3c2"] {
        height: 100%;
        padding: var(--section-divider-mobile) 0;
    }


    [type-section="commitment"] div.s-2c3___large-wrapper p {
        /*adjust Content to Middle*/
        margin: 0 calc(8.333%* 1);
    }

    [type-section="services"] div.s-3c2_card-wrapper {
       padding-top: unset;
    }

    [type-section="teamGrid"] div.s-4c1___indiv-grid-content-wrapper {
        text-align: center;
    }

    [type-partial="teamHeader"] {

        padding: 1.5rem 0;
      
    }

    [type-section="FAQs"] div.s-2c3___small-wrapper img {
        display: none;
     
    }

    [type-section="aboutUs"] div.s-2c3___small-wrapper::before,
    [type-section="meetingTeam"] div.s-2c3___small-wrapper::before {
        background: unset;
    }

    [type-section="process"] div.s-2c3___small-wrapper {
        padding: 1.5rem 3%;
        gap: .5rem;
    
}

[type-section="process"] div.s-2c3___small-wrapper a{
  margin-top: 1rem

}


}


@media (max-width: 400px){


    [type-section="teamGrid"] div.s-4c1___indiv-grid-image-container {
     
        margin: 2rem;
        
    }
    
  
}