@charset "UTF-8";

:root {
  --clr-charcoal:#160E08;
  --clr-neutral-white:#fff;
  --clr-neutral-gray-lighter:#C5C1BD;
  --clr-neutral-gray-darker:#29231F;
  --clr-birch-lighter:#FFFDFA;
  --clr-birch-light:#FDF7ED;
  --clr-birch-dark:#F1E2C8;
  --clr-birch-default:#FAF0DF;
  --clr-coral-default:#FE7E62;
  --clr-lightgrey:#ebebea;

	--clr-bg-primary: var(--clr-birch-lighter);
	--clr-bg-inverse: var(--clr-charcoal);
	--clr-surface-primary: var(--clr-birch-lighter);
  --clr-surface-secondary: var(--clr-birch-light);
  --clr-surface-tertiary: var(--clr-birch-default);
  --clr-surface-inverse: var(--clr-charcoal);
  --clr-surface-inverse-secondary: var(--clr-neutral-gray-darker);
	--clr-border-primary: var(--clr-neutral-gray-lighter);
  --clr-border-inverse: var(--clr-neutral-gray-darker);

	--clr-text-primary: var(--clr-charcoal);
  --clr-text-primary-subtle:rgba(22, 14, 8, 0.75);
  --clr-text-primary-subtlest:rgba(22, 14, 8, .58);
	--clr-text-inverse: var(--clr-neutral-white);
  --clr-text-inverse-subtle:rgba(255, 255, 255, 0.75);
  --clr-text-inverse-subtlest:rgba(255, 255, 255, 0.6);

	--clr-action-primary: var(--clr-charcoal);
  --clr-action-primary-hover: var(--clr-neutral-gray-darker);

  --clr-accent: var(--clr-coral-default);
  --clr-transparent: transparent;

  --style-radius-lg:12px;
  --style-radius-md:8px;
  --style-radius-sm:4px;

  --spacing-sections: clamp(6rem, 3.6531rem + 8.9404vw, 9.375rem);

  --effects-shadow-xl:0px 1px 1px 0px rgba(22, 14, 8, 0.01), 0px 2px 2px 0.5px rgba(22, 14, 8, 0.02), 0px 4px 4px 1px rgba(22, 14, 8, 0.03), 0px 8px 8px 1.5px rgba(22, 14, 8, 0.04), 0px 16px 16px 2px rgba(22, 14, 8, 0.05), 0px 32px 32px 2.5px rgba(22, 14, 8, 0.06);
}

@font-face {
  font-family: "Ivar Display";
  src: url("/wp-content/themes/commons-clinic/assets/fonts/IvarDisplay-Regular.otf") format("otf"), url("/wp-content/themes/commons-clinic/assets/fonts/IvarDisplay-Regular.woff") format("woff"), url("/wp-content/themes/commons-clinic/assets/fonts/IvarDisplay-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;}
@font-face {
  font-family: "Ivar Display";
  src: url("/wp-content/themes/commons-clinic/assets/fonts/IvarDisplay-Italic.otf") format("otf"), url("/wp-content/themes/commons-clinic/assets/fonts/IvarDisplay-Italic.woff") format("woff"), url("/wp-content/themes/commons-clinic/assets/fonts/IvarDisplay-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;}
@font-face {
  font-family: "Moderat";
  src: url("/wp-content/themes/commons-clinic/assets/fonts/Moderat-Regular.otf") format("otf"), url("/wp-content/themes/commons-clinic/assets/fonts/Moderat-Regular.woff") format("woff"), url("/wp-content/themes/commons-clinic/assets/fonts/Moderat-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;}
/*@font-face {
  font-family: "Moderat";
  src: url(fonts/Moderat-Regular.otf) format("otf"), url(fonts/Moderat-Regular.woff) format("woff"), url(fonts/Moderat-Regular.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;}*/
@font-face {
  font-family: "Moderat";
  src: url("/wp-content/themes/commons-clinic/assets/fonts/Moderat-Bold.otf") format("otf"), url("/wp-content/themes/commons-clinic/assets/fonts/Moderat-Bold.woff") format("woff"), url("/wp-content/themes/commons-clinic/assets/fonts/Moderat-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;}

:where(*) {box-sizing: border-box;padding:0;margin: 0;}
:where(a){text-decoration: none;color: inherit;display: inline-block;}

body{
	background-color: var(--clr-birch-lighter);
	color: var(--clr-text-primary);
	font-family: "Moderat", sans-serif;
  font-weight: 400;
	font-size: 1rem;
	/* line-height: 150%; */
	overflow-x: hidden;}

	p{margin: 0;padding: 0;line-height: 150%;}

h1,h2,h3,h4,h5,h6{
  font-family: "Ivar Display", serif;
  line-height: 115%;
  font-weight: 400; }

h1{
  font-size: clamp(3.4375rem, 2.8725rem + 2.1523vw, 4.25rem); }
h2{
  font-size: clamp(2.75rem, 2.2719rem + 1.8212vw, 3.4375rem); }
h3{
  font-size: clamp(2.25rem, 1.9023rem + 1.3245vw, 2.75rem); }
h4{
  font-size: 2.25rem; }
h5{
  font-size: 1.75rem; }


/* TEXT UTILITIES */
.body-lg{font-size: 1.125rem;}
.body-md{font-size: 1rem;}
.body-sm{font-size: .875rem;}

.body-title-lg{font-size: 1.25rem;font-weight: 500;}
.body-title-md{font-size: 1.125rem;font-weight: 600;}
.body-title-sm{font-size: 1rem;font-weight: 500;}

.body-action-lg{font-size: 1.125rem;font-weight: 700;line-height:1.125rem;}
.body-action-md{font-size: 1rem;font-weight: 700;line-height:1rem;}
.body-action-sm{font-size: .875rem;font-weight: 700;line-height:.875rem;}

.text-primary{color: var(--clr-text-primary);}
.text-subtle{color: var(--clr-text-primary-subtle);}
.text-subtlest{color: var(--clr-text-primary-subtlest);}
.text-inverse{color: var(--clr-text-inverse);}
.text-inverse-subtle{color: var(--clr-text-inverse-subtle);}
.text-inverse-subtlest{color: var(--clr-text-inverse-subtlest);}


.bold{font-weight: 700;}
.h-italic{font-style: italic;}



.container{
  width: 100%;
  max-width:1384px !important;
  margin-left: auto;
  margin-right: auto;
  padding-right: 32px !important;
  padding-left: 32px !important;
}

.fullscreen-container{
  width: 100vw;
  min-height: fit-content;
  height: 100vh;
}

.new-section{
  padding-top: var(--spacing-sections);
}

/* NAV */
/* 
.nav-container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
}

.nav-items-container{
  display: flex;
  gap:20px;
  align-items: center;
}

.mobile-menu{
  display: none;
  visibility: hidden;
}
.nav-buttons-container{
  display: flex;
  gap: 8px;
}

.nav-menu-items{
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  gap:20px;
}

@media (max-width:950px) {
  .nav-menu-items{
    display: none;
    visibility: hidden;
  }
  .mobile-menu{
    display: block;
    visibility: visible;
  }
}
@media (max-width:370px) {
  .nav-container{
    flex-direction: column;
    gap: 16px;
  }
} */
/* BUTTONS + TAGS */
.button-xs{
  font-size: .875rem;
  line-height: .875rem;
  font-weight: 600;
  padding: 8px 12px;
  border-radius: 3px;
}

.button-sm{
  font-size: .875rem;
  line-height: .875rem;
  font-weight: 600;
  padding: 12px 24px;
  border-radius: var(--style-radius-sm);
  transition:all .3s ease-in-out;
}

.button{
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 600;
  padding: 16px 32px;
  border-radius: var(--style-radius-sm);
  transition:all .3s ease-in-out;
  text-decoration: none !important;
}
.button-sm:hover, .button:hover{
  /* border-radius: 99px; */
  background-color: var(--clr-surface-tertiary);

}

.button-outline{
  color: var(--clr-text-primary);
  border: 1px solid var(--clr-text-primary);
  background-color: transparent;
  transition:all .3s ease-in-out;
}

.button-outline:hover{
  /* color: var(--clr-text-inverse); */
  background-color: var(--clr-surface-tertiary);
  border: 1px solid var(--clr-action-primary-hover);
}

.button-primary{
  color: var(--clr-text-inverse);
  background-color: var(--clr-action-primary);
  border: 1px solid var(--clr-action-primary);
  transition:all .3s ease-in-out;
}
.button-primary:hover{
  color: var(--clr-text-primary);
  background-color: var(--clr-coral-default);
  border: 1px solid var(--clr-action-primary-hover);
}

.button-primary-inverse{
  color: var(--clr-text-primary);
  background-color: #fff;
  border: 1px solid var(--clr-text-inverse);
}

.button-secondary{
  color: var(--clr-text-primary);
  background-color: var(--clr-coral-default);
  border: 1px solid var(--clr-coral-default);
}

.button-secondary:hover{
  background-color: var(--clr-birch-default);
}


.button-ghost{
  display: inline-flex;
  align-items: center;
  gap:4px;
  color: var(--clr-text-primary);
  padding-left:0;
  padding-right:0;
  transition: gap .3s ease-in-out;
}
.button-ghost:hover{
  gap:8px;
  background-color:transparent;
}

.button-group{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
  padding: 20px 0;
}

.tag{
  font-size: 1rem;
  font-weight: 500;
  line-height: 24px;
  padding: 4px 8px;
  border-radius: 3px;
}
.tag-light{
  background-color: var(--clr-surface-tertiary);
  color: var(--clr-text-primary);
}
.tag-dark{
  background-color: var(--clr-surface-inverse);
  color: var(--clr-text-inverse);
}

/* HERO */

.hero-container, .hero-video-container{
  position: relative;
  width: 100%;
  min-height: 580px;
  height: 100%;
  /* height: fit-content; */
  border-radius: var(--style-radius-lg);
  overflow: hidden;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
}
.hero-container-square{
  border-radius: 0;
}

.hero-overlay{
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(22, 14, 8, 0.00) 20%, rgba(22, 14, 8, 0.75) 80%);
  position: absolute;
  z-index: 0;
}

.hero-overlay-light{
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 20%, rgba(255, 255, 255, 0.75) 80%);
  position: absolute;
  z-index: 0;
}

.hero-text-container,.hero-video-text-container{
  width:100%;
  height: 100%;
  min-height: 580px;
  display: flex;
  flex-direction: column;
  justify-content:center;
  padding: clamp(2rem, 1.3046rem + 2.649vw, 3rem);
  position: relative;
  z-index: 1;
  flex: 1;
}

.hero-video-text-container{
  padding: 0px;
  max-width: 490px;
}

.hero-text{
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 760px;
  align-items: flex-start;
}

.hero-text h2{
  font-size: 2.25rem;@
  line-height: 2.25rem;
  font-weight: 400;
  color: var(--clr-coral-default);
}

.bullet-point{
  display: block;
  display: flex;
  align-items: center;
  gap: 8px;
}

@media (max-width: 768px) {

  .hero-text-container{
    padding: 8px;
  }
  .hero-video-text-container{
    padding: 0px;
    max-width: unset !important;
  }


  .container.full_width_on_mobile{
    padding:0px !important;
    margin:0px !important;
  }
  .container.full_width_on_mobile .hero-container{
    border-radius: 0px !important;
    height: 100vw;
    min-height: 100vw;
  }

  .container.full_width_on_mobile .hero-container .hero-overlay-light{
    display: none;
    visibility: hidden;
  }

  .container.full_width_on_mobile .button{
    margin-left: auto;
    margin-right: auto;
    /* width: calc(100% - 32px); */
    margin-bottom: 16px;

  }


}

/* BG FLAIR */
.bg-flair{
  --top:120px;
  position: absolute;
  width: 100%;
  top:var(--top);
  left: 0;
  right: 0;
}
.bg-flair img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}



/* SECTION HEADINGS */
.section-heading-container{
  display: flex;
  flex-direction: row;
  /* justify-content: space-between; */
  align-items: end;
  gap: 16px;
}
.section-heading{
  /* width: 75vw; */
  max-width:75vw;
  

}
.section-heading-container .button-primary{
  margin-top: 20px;
  white-space: nowrap;
}
.section-heading h2{
  max-width: 650px;
}
.section-heading>p{
  /* width: 55vw; */
  margin-top: 10px;
  /* max-width:650px; */

}
@media (max-width:900px) {
  .section-heading-container{
    flex-direction: column;
    justify-content:start;
    align-items: start;
  }
  .section-heading{
    width: 100%;
    max-width: unset;
  }
  .section-heading p{
    width: 100%;
  }
}


.features-container{
  display: flex;
  flex-wrap: wrap;
  gap:12px;
}
.feature{
  padding: 20px 32px;
  border-radius: 99px;
  display: inline-flex;
  align-items: center;
  gap:8px;
  background-color: var(--clr-surface-tertiary);
}
.feature-blank{
  background-color: var(--clr-surface-secondary);
  flex: 1;
  min-width: 200px;
  height: 70px;
}
.feature-blank-ends{
  background-color: var(--clr-surface-secondary);
  flex: 1;
  height: 70px;
}
.feature-title{
  background-color: var(--clr-surface-inverse);
}

@media (max-width:1023px){
  .features-container{
    flex-direction: column;
    flex-wrap: nowrap;
    gap:8px;
  }
  .feature-bg{
    padding: 16px 24px;
  }
  .hide-on-small{
		display: none;}
}



/* HOME TABS */
.tab-container{
  background-color: var(--clr-surface-primary);
  overflow: hidden;
  border-radius: var(--style-radius-lg);
  border: 1px solid var(--clr-border-primary);
}
.tab-container .tab{
  cursor: pointer;
}
.tab-active{
  background-color: var(--clr-surface-primary);
  padding: 28px 16px;
}
.tab-inactive{
  background-color: var(--clr-surface-secondary);
  padding: 28px 16px;
  color: var(--clr-text-primary-subtlest);
  transition: all .3s ease-in-out;
  border-bottom: 1px solid var(--clr-border-primary);
}
.tab-inactive:hover{
  background-color: var(--clr-surface-tertiary);
  color: var(--clr-text-primary);
}
.tab-number{
  font-family: "Caveat", cursive;
  font-weight: 600;
  font-size: 28px;
  line-height: 20px;
}
.tab-container .tab .tab-number{
  background: linear-gradient(180deg, var(--clr-transparent) 95%, var(--clr-transparent) 15% );
}
.tab-container .tab-active .tab-number{
  background: linear-gradient(180deg, var(--clr-transparent) 65%, var(--clr-accent) 35% );
  background-position: 100px;
}

.tab-content-container{
  padding: clamp(2rem, 1.3046rem + 2.649vw, 3rem);
}
.tab-content-image{
  aspect-ratio: 5 / 4;
  overflow: hidden;
  border-radius: var(--style-radius-lg);
}

.tab-content-text{
  max-width: 480px;
  justify-self: center;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: start;
}

.tab-content-bullet-point{
margin-top: 8px;
}

.tab-menu{
  display: flex;
}

.tab-accordion{
  display: none;
  visibility: hidden;
  text-align: left;
  
  flex-direction: row;
  gap: 8px;
}

.tab-accordion .body-lg{
  flex: 1;
}

.tab-accordion #minus-sign, .tab-accordion #plus-sign{
  display: none;
  visibility: hidden;
}
.tab-accordion.tab-active #minus-sign{
  display: block;
  visibility: visible;
}
.tab-accordion.tab-inactive #plus-sign{
  display: block;
  visibility: visible;
}

.tab-accordion.tab-inactive{
  border-bottom: none;
}

.sidebar-tabs{
  display: flex;
  flex-direction: row;
  border: none;
}

.sidebar-tabs .tab-menu{
  flex-direction: column;
  flex:none;
  border:none;
}

.sidebar-tabs .tab-menu .tab{
  border:none;
  text-align: left;
}
.sidebar-tabs .tab-inactive{
  background-color: transparent;
}
.sidebar-tabs .tab-active{
  background-color: var(--clr-surface-secondary);
}

#sidebar-menu-wrapper{
  width: 100vw;
}

@media (max-width:900px) {
  .tab-menu{
    display: none;
    visibility: hidden;
  }
  .tab-accordion{
    display: flex;
    visibility: visible;
  }
  .tab-accordion.tab-active{
    display: flex;
    visibility: visible;
  }
  .tab-accordion.tab-active .tab-number{
    height: 20px;
  }
}





/* HOME RESOURCES GRID */

.resources-container{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(304px, 1fr));
  align-items: stretch;
  gap:24px;
}

.resource-card{
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  overflow: hidden;
  border: 1px solid var(--clr-border-primary);
  border-radius: var(--style-radius-lg);
  background-color: var(--clr-surface-primary);
  transition: all .3s ease-in-out;
  height: 100%;
}

.resource-card-image{
  aspect-ratio: 5 / 4;
  width: 100%;
  overflow: hidden;
  border-radius: var(--style-radius-sm);
}
.resource-card-image img{
  transition: all .3s ease-in-out;
}
.resource-card-text{
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap:4px;
  align-items: start;
  flex: 1;
  justify-content: space-between;
}

.resource-category-mark, .bullet-mark{
  width: 8px;
  height: 8px;
  background-color: var(--clr-accent);
}

.resource-card:hover{
  box-shadow: var(--effects-shadow-xl);
  background-color: var(--clr-surface-secondary);
}
.resource-card:hover .resource-card-image img{
  transform: scale(1.1);
}

@media (max-width:1023px){
  .resource-card-image{aspect-ratio: 4 / 3;}
}


/* HOME PHYSICIANS GRID */

.physicians-container{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(430px, 1fr));
  align-items: stretch;
  gap:24px;
}

@media (max-width:923px){
  .physicians-container{
    grid-template-columns: none;
    display: flex;
    flex-direction: column;
  }
}

.physician-card{
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 8px;
  overflow: hidden;
  border: 1px solid var(--clr-border-primary);
  border-radius: var(--style-radius-lg);
  background-color: var(--clr-surface-primary);
  transition: all .3s ease-in-out;
}

.physician-card-image{
  aspect-ratio: 1;
  width: 60%;
  overflow: hidden;
  border-radius: var(--style-radius-sm);
}
.physician-card-image img{
  transition: all .3s ease-in-out;
}
.physician-card-text{
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap:4px;
  align-items: start;
}
.physician-card-name{
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: var(--clr-charcoal);
}
.physician-card-title{
  font-weight: 100;
  font-size: 1.25rem;
  line-height: 1.25rem;
  color: var(--clr-charcoal);
  opacity: .75;
  font-family: "Moderat", sans-serif;
  margin-top: 4px;
  margin-bottom: 8px;
}

.physician-card-location{
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: flex-start;
  font-size:1.25rem;
  color: var(--clr-charcoal);
  line-height: 2rem;
}

.physician-card-location-icon{
  padding-top: 9px;
}

.physician-tags{
  color: var(--clr-charcoal);
}

.physician-tags .tag{
  margin-top: 4px;
  display: inline-block;
}

.physician-card:hover{
  box-shadow: var(--effects-shadow-xl);
  background-color: var(--clr-surface-secondary);
}
.physician-card:hover .physician-card-image img{
  transform: scale(1.1);
}

@media (max-width:1023px){
  .physician-card-image{aspect-ratio: 4 / 3;}
}



/* FAQ */
.faq-container{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.faq{
  width: 100%;
  padding: 24px;
  background: var(--clr-surface-primary);
  border: 1px solid var(--clr-border-primary);
  border-radius: var(--style-radius-lg);
  transition: background .3s ease-in-out;
}

.faq-active #plus-sign{
  display: none;
  visibility: hidden;
}
.faq-inactive #minus-sign{
  display: none;
  visibility: hidden;
}

.faq-answer{
  padding-top: 24px;
}

.faq:hover{
  background: var(--clr-surface-secondary);
}

/* FOOTER */
.footer-bg{
  width: 100%;
  background: var(--clr-bg-inverse);
  padding-top: clamp(3rem, 2.4785rem + 1.9868vw, 3.75rem);
  padding-bottom: 0;
  margin-top: var(--spacing-sections);
}
.footer-container{
  display: flex;
  flex-direction: column;
  gap:clamp(3rem, 2.4785rem + 1.9868vw, 3.75rem)
}

.footer-anchor-container{
  width: 100%;
  padding-top: 26px;
  position: relative;
}

.footer-anchor{
  position: relative;
  background-color: var(--clr-surface-tertiary);
  border-radius: var(--style-radius-lg);
}
.footer-anchor-text{
  padding: 40px;
  position: relative;
  z-index: 1;
}
.footer-anchor-image{
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 464px;
  border-radius: var(--style-radius-lg);
  overflow: hidden;
}

.footer-links-container{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(163px, 1fr));
  align-items: start;
  gap:24px;
}

.footer-wordmark{
  width: 100%;
  bottom: 0;
}

@media (max-width:800px){
  .footer-anchor-text{
    padding: 24px;}
  .footer-anchor-image{
    width: 100%;
    max-width: 500px;
    position: relative;
    justify-self: flex-end;
  }
}

/* UTILITIES */
.pos-relative{
	position: relative;
}
  
.flex-custom, .flex-mob-custom{
	/* --align-items: center; */
  --gap: 1.25rem;
  --justify-content: flex-start;
  --wrap: nowrap;
    display: flex;
    /* align-items: var(--align-items); */
    justify-content: var(--justify-content);
    gap: var(--gap);
    flex-wrap: var(--wrap);
}
/* 
.flex-col{
	--align-items: start;
  --gap: 1.25rem;
  --justify-content: flex-start;
  --wrap: nowrap;
    display: flex;
    flex-direction: column;
    align-items: var(--align-items);
    justify-content: var(--justify-content);
    gap: var(--gap);
    flex-wrap: var(--wrap);
} */

.flex-item{flex:1;}

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

.icon-12{width: 12px;height: 12px;}
.icon-16{width: 16px;height: 16px;}
.icon-20{width: 20px;height: 20px;}
.icon-24{width: 24px;height: 24px;}
.icon-28{width: 28px;height: 28px;}
.spot-icon{padding: 20px;background-color: var(--clr-surface-tertiary);border-radius: var(--style-radius-sm);}

.stack-4{margin-bottom:4px;}
.stack-8{margin-bottom:8px;}
.stack-12{margin-bottom:12px;}
.stack-16{margin-bottom:16px;}
.stack-20{margin-bottom:20px;}
.stack-24{margin-bottom:24px;}
.stack-32{margin-bottom:21px;}
.stack-48{margin-bottom:48px;}

.divider{width: 100%;background-color: var(--clr-border-primary);height: 1px;}
.divider-inverse{width: 100%;background-color: var(--clr-border-inverse);height: 1px;}

.bordered{border: 1px solid var(--clr-border-primary);}
.border-top{border-top: 1px solid var(--clr-border-primary);}
.border-right{border-right: 1px solid var(--clr-border-primary);}
.border-bottom{border-bottom: 1px solid var(--clr-border-primary);}
.border-left{border-left: 1px solid var(--clr-border-primary);}

@media (max-width:1023px){
  .hide-on-small{
		display: none;}
  .container{
    padding-right: 8px !important;
    padding-left: 8px !important;}
  .service-cards-container{
    grid-template-columns: repeat(2, 1fr);}
  /* .service-card-content-hover{
    opacity: 0 !important;
    display: none !important;
    visibility: hidden !important;
  } */
  .flex-mob-custom{
		flex-direction: column;
		--align-items: start;
		align-items: var(--align-items);}
}
@media (max-width:599px){
  .service-cards-container{
    grid-template-columns: repeat(1, 1fr);
  }

  
}

.hidden{
  display: none;
  /* visibility: hidden; */
}

.lg\:block{
  display: block;
}

@media (min-width:768px){
  .hideForDesktop{
    display: none;
  }
  .showForDesktop{
    display: block;
  }
}