:root 
{
 

  --image-homepage-main: url(../../../images2/black_woman_blue_bg_sm.png) ;
  --image-circular-bg: url(../../../images2/woman_smiling.png);
  --image-rounded-square-bg: url(../../../images2/man_red_beenie.png);
  
  --image-business-bg: url(../../../images2/vintage_store.png);
  
  --image-medium-square-bg: url(../../../images2/women_praying.png);
  
  --image-portrait-window-bg:  url(../../../images2/woman_shades.png);


/* 

 background-image: url(images2/man_red_beenie.jpeg);
    background-image:  var(--image-circular-bg);

  --image-homepage-main: url(../../../images2/black_woman_blue_bg.png) ;

  --image-homepage-main: url(../../../images2/black_woman_blue_bg.jpeg) ;
	  --image-homepage-main: url(../backgrounds/black_woman_orange_bg.png) ;
   --image-homepage-main: url(../backgrounds/spineImage.jpg) ;
  
  https://telemd.me/template_site/themes/orig   
  doctor_background.jpg
   */ 
	
}	
  




@font-face {
  font-family: 'Sentient-Extralight';
  src: url('../fonts/Sentient-Extralight.woff2') format('woff2'),
       url('../fonts/Sentient-Extralight.woff') format('woff'),
       url('../fonts/Sentient-Extralight.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Sentient-ExtralightItalic';
  src: url('../fonts/Sentient-ExtralightItalic.woff2') format('woff2'),
       url('../fonts/Sentient-ExtralightItalic.woff') format('woff'),
       url('../fonts/Sentient-ExtralightItalic.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Sentient-Light';
  src: url('../fonts/Sentient-Light.woff2') format('woff2'),
       url('../fonts/Sentient-Light.woff') format('woff'),
       url('../fonts/Sentient-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Sentient-LightItalic';
  src: url('../fonts/Sentient-LightItalic.woff2') format('woff2'),
       url('../fonts/Sentient-LightItalic.woff') format('woff'),
       url('../fonts/Sentient-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Sentient-Regular';
  src: url('../fonts/Sentient-Regular.woff2') format('woff2'),
       url('../fonts/Sentient-Regular.woff') format('woff'),
       url('../fonts/Sentient-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Sentient-Italic';
  src: url('../fonts/Sentient-Italic.woff2') format('woff2'),
       url('../fonts/Sentient-Italic.woff') format('woff'),
       url('../fonts/Sentient-Italic.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Sentient-Medium';
  src: url('../fonts/Sentient-Medium.woff2') format('woff2'),
       url('../fonts/Sentient-Medium.woff') format('woff'),
       url('../fonts/Sentient-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Sentient-MediumItalic';
  src: url('../fonts/Sentient-MediumItalic.woff2') format('woff2'),
       url('../fonts/Sentient-MediumItalic.woff') format('woff'),
       url('../fonts/Sentient-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Sentient-Bold';
  src: url('../fonts/Sentient-Bold.woff2') format('woff2'),
       url('../fonts/Sentient-Bold.woff') format('woff'),
       url('../fonts/Sentient-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Sentient-BoldItalic';
  src: url('../fonts/Sentient-BoldItalic.woff2') format('woff2'),
       url('../fonts/Sentient-BoldItalic.woff') format('woff'),
       url('../fonts/Sentient-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}



@font-face {
    font-family: 'Barlow Condensed';
    src: url('../fonts/BarlowCondensed-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('../fonts/BarlowCondensed-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('../fonts/BarlowCondensed-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('../fonts/BarlowCondensed-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('../fonts/BarlowCondensed-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}





* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
    /* font-family: 'Roboto', sans-serif; */
    font-family: ProximaNova,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
	
	/* 
		iphone safe area if needed 
		MUSt HAVE meta tag for iphone notch fullscreen - viewport-fit=cover"
		Ex. below
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimal-ui, viewport-fit=cover">
	*/
	padding: env(safe-area-inset);		
	font-size: 16px;
}

@font-face{
	font-family:fonticon;
	
	
	
	src:url('../fonts/fonticon.woff2') format("woff2"),
		url('../fonts/fonticon.ttf') format("truetype"),
		url('../fonts/fonticon.woff') format("woff");



	font-weight:400;
	font-style:normal;
	font-display:block;
}

li {
    list-style: none;
}


li:hover
{
	cursor: pointer; 
	
	border: none;
	box-shadow: none;	
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	
	
}

a {
    text-decoration: none;
}


.bodyHome
{
	
	background-color: #fff;
	/* background-color: #0CF; */
    color: #000;
    margin: 0px;
}

.header{
    border-bottom: 1px solid #E2E8F0;
   
   
}

.topBarPinned,
.topBar
{    
    z-index: 111;
	width: 100%;
	z-index:4;
	position: fixed;
	left: 0;
	background-color:#FFFFFF;
	transition: transform 0.3s cubic-bezier(.78,.13,.15,.86) 0.1s;
	-webkit-tap-highlight-color: rgba(102,204,204,0.2);
	display: block;
	border-bottom: 1px solid lightgray;
    
    
}


.topBarPinned
{
	box-shadow: 0 1px 12px 0 rgba(0,0,0,.06), 0 1px 4px 0 rgba(0,0,0,.04);
}

.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    /* 
		Padding added ONLY for iphone safe area if needed 
		MUSt HAVE meta tag for iphone notch fullscreen - viewport-fit=cover"
		Ex. below
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimal-ui, viewport-fit=cover">
	*/
	padding-left: env(safe-area-inset-left);
	padding-right: env(safe-area-inset-right);
	
	
	max-width: 1536px;
    margin-left: auto;
    margin-right: auto;
    padding: 0.5em;
    padding-top: 0;
    padding-bottom: 0;
    /* padding-left: 1em; */
	
	
    
}

.black-text
{
	--tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
	
	margin-top: 1rem;
	margin-bottom: 2rem;
	text-align: center;
}


.hamburger {
    display: none;		/* IMPORTANT - HIDE THE MOBILE MENU ICON UNTIL SCREEN WIDTH IS LESS THAN 768px  */
}


.barWhite,
.bar {
    display: block;
    width: 25px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #101010;
}

.barWhite
{
	background-color: white;
	
}


.resultTitle
{

	font-size: 2rem;
    text-align: left;
    font-weight: 700;
    color: white;
    /* width: 7rem; */
    line-height: 1.75rem;
    /* margin-bottom: 2rem; */
    padding: 2rem;
    font-family: Barlow Condensed;
    text-transform: capitalize;
	
}




.password-holder
{
	width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    position: relative;
}


.toggle-password
{
	position: absolute;
    top: calc(50% - 12px);
    /* right: 12px; */
    /* margin-top: 1.25rem; */
    right: 0.5rem;
    top: 25%;
    right: 0.5rem;
    z-index: 1;
    width: 24px;
    height: 24px;
}

.toggle-password svg
{
	width: 24px;
    height: 24px;
    fill: rgb(204, 204, 204);
}

.toggle-password svg:nth-child(2) {
    display: none;
}


.password-holder.visible .toggle-password svg {
    display: none;
    fill: rgb(26, 115, 232);
}


.password-holder.visible .toggle-password svg:nth-child(2) {
    display: block;
}






.nav-menu {				/* IMPORTANT - FLEX DIRECTION ROW HORIZONTAL */
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 2rem;
}




.submit-item,
.nav-item-medium-long,
.nav-item-medium,
.nav-item-talk-white,
.nav-item-talk,
.nav-item-get-started-section,
.nav-item-login,
.nav-item-get-started,
.nav-item {
    margin-left: 1.2rem;
	background-color: transparent;
	margin-bottom: 0;
}

.nav-item {
    margin-left: 2rem;
}



.submit-item,
.nav-item-medium-long,
.nav-item-medium,
.nav-item-get-started-section,
.nav-item-get-started
{
	color: white;
    background-color: #09f;
    padding: 0.5em 1.75rem;
    border-radius: 10px;
    border: 3px #09f solid;
}

.nav-item-login
{
	border: 3px #09f solid;
    padding: 0.5em 1.75rem;
    border-radius: 7px;
	
}


.nav-item-talk
{
	border: 3px #09f solid;
    padding: 0.5em 1.75rem;
    border-radius: 7px;
    min-width: 10rem;
    text-align: center;
	
}



.nav-item-talk-white
{
	border: 3px #fff solid;
    padding: 0.5em 1.75rem;
    border-radius: 7px;
    min-width: 10rem;
    text-align: center;
	
}



.submit-item,
.nav-item-medium,
.nav-item-medium-long,
.nav-item-get-started-section,
.nav-item-talk-white,
.nav-item-talk
{

	width: 18rem;
    text-align: center;
    padding: 1rem 1rem;
    font-size: 1.25rem;
    border-radius: 2rem;
}


.nav-item-medium
{
	
	width: 10rem;
    font-size: 1rem;
    padding: 0.75rem 0.5rem;
    margin-left: 0.25rem;
}

.nav-item-medium-long
{
	
	width: 20rem;
    font-size: 1rem;
    padding: 0.75rem 0.5rem;
    margin-left: 0.25rem;
}



.submit-item
{
	
	width: 100%;
    font-size: 1rem;
    padding: 0.75rem 0.5rem;
    margin-left: 0.25rem;
    margin-top: 1rem;
    padding: 1rem;
}



.nav-item-get-started
{
	
	border-radius: 2rem;
	
}

.nav-item-get-started:hover
{
	color: white;
    background-color: #09f;
    padding: 0.5em 1.75rem;
    border-radius: 2rem;
    border: 3px #09f solid;
    
    
}

.nav-item-login:hover
{
	border: 3px #09f solid;
    padding: 0.5em 1.75rem;
    border-radius: 7px;
	
}


.nav-item-talk:hover
{
	border: 3px #09f solid;
    padding: 0.5em 1.75rem;
    border-radius: 7px;
    padding: 1rem 1rem;
    border-radius: 2rem;
	
}



.nav-item-talk-white:hover
{
	border: 3px #fff solid;
    padding: 0.5em 1.75rem;
    border-radius: 7px;
    padding: 1rem 1rem;
    border-radius: 2rem;
	
}


.nav-item-get-started-section:hover
{
	color: white;
    background-color: #09f;
    border-radius: 10px;
    border: 3px #09f solid;
    padding: 1rem 1rem;
    border-radius: 2rem;
    
}

.nav-item-medium:hover
{
	
	color: white;
    background-color: #09f;
    border-radius: 10px;
    border: 3px #09f solid;
    padding: 0.75rem 0.5rem;
    border-radius: 2rem;
    
	
}


.nav-link-medium,
.nav-link-talk,
.nav-link-talk-white,
.nav-link-get-started-section,
.nav-link-get-started,
.nav-link-login,
.nav-link,
.nav-link-selected
{
    /* font-size: 0.75rem; */
    color: #475569;
    font-size: 1rem;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}


.nav-link
{
    
    font-weight: 400;
}

.nav-link-login
{
 	color:  #09f;  
    font-weight: 400;
}

.nav-link-talk
{
	color:  #09f;  
    font-weight: 400;
	font-size: 1.25rem;
}


.nav-link-talk-white
{
	color:  #fff;  
    font-weight: 400;
	font-size: 1.25rem;
}



.nav-link-get-started
{
 	color:  white;
 	font-weight: 400;
 	width: 6rem;
 	text-align: center;
 	font-family: 'Sentient-Bold';
}

.nav-link-get-started-section
{
	color:  white;
 	font-weight: 400;
 	font-size: 1.25rem;
	
}

.nav-link-medium
{
	color:  white;
 	font-weight: 400;
 	font-size: 1rem;
	
}

.nav-link-selected
{
    
    font-weight: 700;
    color: #09f;
}

.nav-link:hover{
    color: #09f;
}

.nav-link-login:hover,
.nav-link-talk-white:hover,
.nav-link-talk:hover
{
    font-weight: bold;
}

.nav-link-medium:hover,
.nav-link-get-started-section:hover,
.nav-link-get-started:hover
{
    font-weight: bold;
}





.dropdowncaret
{

	color: rgb(25, 25, 27);
   	margin-left: .25rem;
   	font-family: fonticon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.dropdowncaret.active
{	

	
	color: rgb(25, 25, 27);
   	margin-left: .25rem;
   	font-family: fonticon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    
}

.dropdowncaret:before
{
	content:"\e900";
}





.directionsFont
{

	color: rgb(25, 25, 27);
   	margin-left: .25rem;
   	font-family: fonticon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-size: 2rem;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}


.directionsFont:before
{
	content:"\e924";
}



.menuLeftSection
{
	
	padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-top: 2.5rem;
    cursor: default;
    
    
	
}

.menuRigthSection
{
	
	padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-top: 2.5rem;
    background-color: #e6e8eb80;
    min-width: 22rem;
    cursor: default;
	
}

.openCollapseButton
{
	font-size: 1.25rem;
	padding: 0.25rem 0rem;
	cursor: pointer;
	font-weight: 400;
	display: flex;
}

.openCollapseButton:hover
{
	
	font-weight: 700;
}

.chevron {
	transition: transform 0.3s ease;
	margin-left: 0.5rem;
}

.chevron.open-collapsible  {
	transform: rotate(180deg);
}


.openCollapseButton.open-collapsible>.chevron  {
	transform: rotate(180deg);
}



.loading-text {
	/* font-size: 24px; */
	font-weight: bold;
	background: linear-gradient(-45deg, #ffffff 25%, #888888 50%, #ffffff 75%);
	
	background: linear-gradient(-45deg, #ffffff 10%, #888888 50%, #ffffff 90%);
	background-size: 200% 200%;
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	animation: shimmer 3s infinite linear;
}

@keyframes shimmer {
	0% { background-position: 200% 0; }
	100% { background-position: -200% 0; }
}


.expanding-search-text-holder
{
	
	display: flex;
    font-size: 1.25rem;
    padding-left: 0.5rem;
    align-content: center;
    align-items: center;
    gap: 0.5rem;
}





.thinking-indicator {
	width: 12px;
	height: 12px;
	background-color: orange; /* ChatGPT green color */
	border-radius: 50%;
	animation: thinking 1.5s infinite ease-in-out;
}

@keyframes thinking {
	0%, 100% {
		transform: scale(1);
		opacity: 0.5;
	}
	50% {
		transform: scale(1.5);
		opacity: 1;
	}
}




.result_title_container
{

	font-size: 1.25rem;
    font-weight: 700;
    padding: 0.25rem 1rem;
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.result_title
{
	font-size: 1.25rem;
    font-weight: 700;
    padding: 0.25rem 1rem;
}


.dropDownDiv
{
	
	position: absolute;
    border-color: #e6e8eb;
    top: 75%;
    transform: translateX(-35%);
    left: 45%;
    /* box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, .1); */
    border-top: #e6e8eb 1px solid;
    height: fit-content;
    width: auto;
    box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, .1);
	
}



.sectionHolder
{
	 --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    display: flex;
	
}

.h3FooterTitle,
.h3MenuTitle
{
	margin-top: inherit;
    font-size: .8125rem;
    margin-left: 1rem;
    margin-bottom: 1rem;
    font-family: Inter, sans-serif;
    font-weight: 500;
    color: #6e7071;
    text-transform: uppercase;
    letter-spacing: 3px;
	
}

.h3FooterTitle
{
	
	font-weight: 800;
	margin-left: 0rem;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.ulMenu
{
	
	
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: .75rem;
    grid-auto-flow: row;
    grid-template-columns: repeat(2, auto);
    list-style: none;
    margin: 0;
    padding: 0;
	
	
}

.ulMenuBasic
{
	list-style: none;
    margin: 0;
    padding: 0;
	
}


.liMenu
{
	
	border-radius: 6rem;
    background-color: white;
    transition: .1s ease-in-out;
	
}

.liMenuBasic
{
	display: flex;
    margin-bottom: .75rem;
	
}

.circleDotHolder
{
	width: 1rem;
    min-height: 1rem;
    /* margin: auto; */
    display: flex;
    align-items: center;
    justify-content: start;
	
}

.svgCircle
{
	visibility: hidden;opacity: 0;visibility: visible;opacity: 1;
	
}

.aMenu
{
	
	position: relative;
    outline: 0;
    padding: .5rem;
    border-radius: 2rem;
    display: flex;
    align-items: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	
	
}

.aMenuRight
{
	flex: 1;
    line-height: 1.6;
    white-space: nowrap;
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 1rem;
    color: #191919;
	
}

.divMenuOption
{
	
	width:58px;
	height:58px;
	display: flex;
    align-items: center;
}


.spanHolder
{
	
	box-sizing:border-box;
	display:inline-block;
	overflow:hidden;
	width:initial;
	height:initial;
	background:none;
	opacity:1;
	border:0;
	margin:0;
	padding:0;
	position:relative;
	max-width:100%
	
}

.spanImgHolder
{
	
	box-sizing:border-box;
	display:block;
	width:initial;
	height:initial;
	background:none;
	opacity:1;
	border:0;
	margin:0;
	padding:0;
	max-width:100%
	
}

.menuImgBackground
{
	display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;
	
}

.menuImg
{
	
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	box-sizing:border-box;
	padding:0;
	border:none;
	margin:auto;
	display:block;
	width:0;
	height:0;
	min-width:100%;
	max-width: 100%;
	min-height:100%;
	max-height: 100%;
	object-fit: cover;
	
}

.menuTextLinkHolder
{
	display: flex;
    flex-direction: column;
    padding-right: 1.5rem;
	
}

.menuTextLink
{
	line-height: 1.5rem;
    white-space: nowrap;
    font-family: Inter, sans-serif;
    font-weight: 600;
    color: #191919;
    font-size: 1.125rem;
	
}

.menuTextLinkMedium
{
	
	line-height: 1.5;
    font-family: Inter, sans-serif;
    font-weight: 400;
    white-space: nowrap;
    color: #191919;
    font-size: .875rem;
}



.logoHolder
{
	
	background-image: url(../backgrounds/ntbss_logo.svg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 100%;
    height: 100%;
    cursor: pointer;
	
}

.divLogo
{
	
	width: 10rem;
    height: 3rem;
    z-index: 100;
}

.nav-logo {
    font-size: 1.2rem;
    font-weight: 500;
    color: #482ff7;
	margin: 0.5rem;
}


.rounded-image
{
	
	width: 100%;
    /* height: 100%; */
    border-radius: 2rem;
    object-fit: contain;
    position: relative;
}



.rounded-image-no-width
{
	width: fit-content;
	border-radius: 2rem;
    object-fit: contain;
    position: relative;
}



.rounded-award-image
{
	/* width: fit-content; */
	display: block;
	height: 18rem;
    border-radius: 7px;
    object-fit: contain;
    position: relative;
    /* width: 100%; */
}


.add-top-pad-add-left-margin
{
	
	margin-top: 3.5rem;
    margin-left: 2rem;
	
}

.main-section-top,
.main-section 
{
	padding-left: 1rem;
	padding-right: 1rem;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	/* margin-bottom: 3rem; */
	/* background-color: #f30; */
}


.textFieldRounded {
    border: 1px solid #999;
    padding: 1rem;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 5px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    background-color: #fff;
    
    
    font-size: 1rem;
    padding: 1rem 0.75rem;
}

.textAreaRounded
{
	
	margin: 5px;
    border-radius: 4px;
    border: 1px solid #999;
    padding: 1rem;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    margin-left: 0;
    margin-right: 0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
}

.textFieldRounded-no-margin {
    border: 1px solid #999;
    padding: 1rem;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    
    margin-bottom: 10px;
    background-color: #fff;
}


.hideCheckDiv {
    display: none;
    margin-left: -50px;
    margin-bottom: 20px;
    font-family: ProximaNova,Helvetica Neue,Helvetica,Arial,sans-serif
}

.revealCheckDiv {
    display: inline;
    margin-left: -50px;
    margin-bottom: 20px;
    font-family: ProximaNova,Helvetica Neue,Helvetica,Arial,sans-serif
}

.revealCheckDivSpinner {
    visibility: visible;
    margin-left: -50px;
    margin-bottom: 20px;
    font-family: ProximaNova,Helvetica Neue,Helvetica,Arial,sans-serif
}

.checkMark {
    top: 10px;
    position: relative
}

.checkingGif {
    top: 4px;
    position: relative
}


.nav-item-get-started
{
	
	border-radius: 2rem;
	
}

.nav-item-get-started:hover
{
	color: white;
    background-color: #09f;
    padding: 0.5em 1.75rem;
    border-radius: 2rem;
    border: 3px #09f solid;
    
    
}

.nav-item-login:hover
{
	border: 3px #09f solid;
    padding: 0.5em 1.75rem;
    border-radius: 7px;
	
}


.nav-item-talk:hover
{
	border: 3px #09f solid;
    padding: 0.5em 1.75rem;
    border-radius: 7px;
    padding: 1rem 1rem;
    border-radius: 2rem;
	
}



.nav-item-talk-white:hover
{
	border: 3px #fff solid;
    padding: 0.5em 1.75rem;
    border-radius: 7px;
    padding: 1rem 1rem;
    border-radius: 2rem;
	
}


.nav-item-get-started-section:hover
{
	color: white;
    background-color: #09f;
    border-radius: 10px;
    border: 3px #09f solid;
    padding: 1rem 1rem;
    border-radius: 2rem;
    
}

.nav-item-medium:hover
{
	
	color: white;
    background-color: #09f;
    border-radius: 10px;
    border: 3px #09f solid;
    padding: 0.75rem 0.5rem;
    border-radius: 2rem;
    
	
}


.nav-link-medium,
.nav-link-talk,
.nav-link-talk-white,
.nav-link-get-started-section,
.nav-link-get-started,
.nav-link-login,
.nav-link,
.nav-link-selected
{
    /* font-size: 0.75rem; */
    color: #475569;
    font-size: 1rem;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}


.nav-link
{
    
    font-weight: 400;
}

.nav-link-login
{
 	color:  #09f;  
    font-weight: 400;
}

.nav-link-talk
{
	color:  #09f;  
    font-weight: 400;
	font-size: 1.25rem;
}


.nav-link-talk-white
{
	color:  #fff;  
    font-weight: 400;
	font-size: 1.25rem;
}

.main_link_black
{

	width: auto;
    padding: 0;
    margin: 0;
    color: black;
    font-family: 'Sentient-Regular';
}


.nav-link-get-started
{
 	color:  white;
 	font-weight: 400;
 	width: 6rem;
    text-align: center;
}

.nav-link-get-started-section
{
	color:  white;
 	font-weight: 400;
 	font-size: 1.25rem;
	
}

.nav-link-medium
{
	color:  white;
 	font-weight: 400;
 	font-size: 1rem;
	
}

.nav-link-selected
{
    
    font-weight: 700;
    color: #09f;
}

.nav-link:hover{
    color: #09f;
}

.nav-link-login:hover,
.nav-link-talk-white:hover,
.nav-link-talk:hover
{
    font-weight: bold;
}

.nav-link-medium:hover,
.nav-link-get-started-section:hover,
.nav-link-get-started:hover
{
    font-weight: bold;
}




.nav-link-simple-black
{

	width: auto;
	padding: 0;
	margin: 0;
	color: black;
	font-family: 'Sentient-Regular';
	transition: transform 0.2s ease-in-out; /* Smooth animation */
}


.nav-link-simple-black:hover
{
	font-weight:700;
	/* color: #607D8B; */
	transform: scale(1.05); /* Increases size by 10% */
}



.big-link-white
{
	color: white;
	width: auto;
	padding: 0;
	margin: 0;
	transition: transform 0.2s ease-in-out; /* Smooth animation */
}


.big-link-white:hover
{
	font-weight:700;
	/* color: #607D8B; */
	transform: scale(1.5); /* Increases size by 10% */
	font-size: 2.325rem;
}




.nav-link-simple
{
	width: auto;
	padding: 0;
	margin: 0;
	font-family: 'Sentient-Regular';
	
	transition: transform 0.2s ease-in-out; /* Smooth animation */
}

.nav-link-simple-bold-footer-big,
.nav-link-simple-bold-footer,
.nav-link-simple-bold
{

	width: auto;
    padding: 0;
    margin: 0;
    font-family: Sentient-Bold;
	transition: transform 0.2s ease-in-out; /* Smooth animation */
}

.nav-link-simple-bold-footer-big
{
	font-weight: 900;
    margin-bottom: 1rem;
    font-size: 2.25rem;
}


.nav-link-simple-bold-footer
{
    font-size: 1.75rem ;
    line-height: 2.25rem;
}


.nav-link-simple-bold-footer-big:hover,
.nav-link-simple-bold-footer:hover,
.nav-link-simple-bold:hover
{
	font-weight: 700;
	/* color: #607D8B; */
	transform: scale(1.1); /* Increases size by 10% */
}

.nav-link-simple:hover
{

	transform: scale(1.1); /* Increases size by 10% */
}




.active-nav-link-white
{
	color: orange;
    font-weight: 700;
	
	
}



.left-button-holder-top,
.left-button-holder,
.top-buttons-holder
{
	
	position: relative;
	margin-left: 0;
    margin-right: 0;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex;
    /* z-index: 10; */
    
}


.left-button-holder
{
	
	align-items: flex-start;
    justify-content: left;
}

.left-button-holder-top
{
	align-items: flex-start;
    justify-content: left;
	margin-top: 2rem;
}



.submit-item
{
	
	width: 100%;
    font-size: 1rem;
    padding: 0.75rem 0.5rem;
    margin-left: 0.25rem;
    margin-top: 1rem;
    padding: 1rem;
}



.submit-item .spinner 
{
    left: auto;
    right: 20px;
    display: none; 
}


.submit-item svg {
  position: absolute;
  top: calc(50% - 5px);
  left: 10px;
  width: 24px;
  height: 24px;
  fill: white;
}


svg {
  /*! pointer-events: none; */
  transition: fill 0.3s ease; 
  
}





.header_avatar_holder
{

	display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    margin: 0px;
    padding: 0px;
    font-size: inherit;
}

.header_avatar_img
{

	display: block;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    border: 1px solid white;
    object-fit: cover;
}

.header_avatar_svg
{
	width: 2rem;
    font-size: 1.5rem;
    overflow: visible;
    transition: 0.3s ease-in-out;
    cursor: pointer;
    color: white;
    opacity: 1;
}



.header_avatar_img_mid
{

	display: block;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid white;
    object-fit: cover;
}

.header_avatar_svg_mid
{
	width: 1.5rem;
    font-size: 1.5rem;
    overflow: visible;
    transition: 0.3s ease-in-out;
    cursor: pointer;
    color: white;
    opacity: 1;
}





.main-section-top 
{
	/* padding-top: 3.75rem; */
	padding-top: 4.75rem;
	
}

.main-article
{
	margin-bottom: 0;
	box-sizing: border-box;
	overflow-wrap: break-word;
	word-wrap: break-word;
	padding-left: env(safe-area-inset-left);
	padding-right: env(safe-area-inset-right);
}

.main-content
{
	position:relative;
	
}

.main-content p
{
	
	/* margin-bottom: 2rem; */
}


.mid-section-row-flex,
.top-section-flex-no-bottom,
.top-section-flex,
.top-section
{
	padding-left: 0;
	padding-right: 0;
	position: relative;
	max-width: 1132px;
	max-width: 1300px;
}

.mid-section-row-flex,
.top-section-flex-no-bottom,
.top-section-flex
{
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: center;
}

.mid-center
{
	display: flex;
	/* align-items: center; */
	
}

.side-content
{
	padding-top: 12rem;
    padding-bottom: 7.5rem;
    width: 445px;
    max-width: 100%;
    position: relative;
    color: black;
    margin-left: 2rem;
	
}

.mid-section,
.mid-section-no-bottom
{
    position: relative;
    padding-top: 5.625rem;
    
}

.mid-section-no-top-no-bottom
{
	position: relative;
    padding-top: 0rem;
    padding-bottom: 0rem;
}


.mid-section
{
	padding-bottom: 5.625rem;
	
}


.mid-section-no-bottom
{
    
    padding-bottom: 0rem;
}

.image-block
{
	
	height: auto;
    display: block;
    max-width: 100%;
	
}

.affliated_long_icon,
.affliated_icon
{
	
	/* width: max-content; */
    max-height: 50px;
    object-fit: contain !important;
    height: 100% !important;
    display: block;
    border-radius: 4px;
    width: auto;
	
	
}

.affliated_holder
{
	display: flex;
    flex-flow: row wrap;
    gap: 0.5rem;
    justify-content: center;
	
	
}


.specialty_holder
{
	
	display: flex;
    -ms-flex-wrap: wrap;
    justify-content: center;
    flex-wrap: wrap;	
    
    gap: 1%;
    align-items: inherit;
}

.fadeInFlipAnimation
{
	
	-webkit-animation-duration: 1000 ms;
    animation-duration: 1000 ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	animation-duration: 1s;
    animation-fill-mode: both;
	
	transition: all 0.3s ease-in-out;
    padding: 15px;
	
	flex: 1 1 30%;
    flex-basis: 300px;
    width: auto;
	-webkit-backface-visibility: visible;
    animation-fill-mode: initial !important;
	
	visibility: visible;
    animation-name: fadeInUpa;
    
	
	
}

.fadeInFlipAnimation>div {
    -webkit-backface-visibility: hidden;
    animation-fill-mode: initial!important
}


.flip-title
{
	color: rgba(95, 96, 101, 1);
    font-weight: 500;
	
}

.flipBox
{
	background-color: transparent;
    width: 100%;
    height: 300px;
    perspective: 1000px;
	
}


.searchButtonSVG
{
	width: 32px;
    height: 32px;
    fill: white;
    display: block;
}


.innerFlipBox
{
	
	position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
	
}

.flipBox:hover .innerFlipBox {
    transform: rotateX(180deg);
    -webkit-backface-visibility: visible
}

.backFlipBox,
.frontFlipBox
{

	position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;


}


.frontFlipBox
{
	
	color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /* background-image: linear-gradient(180deg, #9d9d9d 0%, #888888 100%); */
    background-image: linear-gradient(180deg, #f6f1f1 0%, #ffffff 100%);
	
}





.frontFlipBox img 
{
    display: block;
    margin: 0 auto 20px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%!important;
    object-fit: cover;
    opacity: .2;
    max-width: 100%;
}


.flipFrontMediumIcon,
.flipFrontIcon
{
	opacity: 1 !important;
    position: relative !important;
	
}


.flipFrontMediumIcon
{
	
	width: 7rem !important;
    margin-bottom: 1rem !important;
    object-fit: contain !important;
	
}



.backFlipBox
{
	
	/* background-color: #888888; */
	background-image: linear-gradient(180deg, #f6f1f1 0%, #ffffff 100%);
    color: #fff;
    transform: rotateX(180deg) translateZ(1px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}


.flipBackText
{
	color: rgba(95, 96, 101, 1);
	margin: 0;
    line-height: 1.75rem;
    padding: 0.5rem;
    text-align: left;
    margin-bottom: 1rem;
	
}

.flipBackButton
{
	margin-left: 0.25rem;
	margin-bottom: 0;
	border: 3px #09f solid;
	background-color: #09f;
	border-radius: 2rem;
	text-align: center;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	
    font-weight: 400;
    font-size: 1rem;
    color: white;
    padding: 0.5rem 1rem;
	
	
}




@keyframes fadeInUpa {
    0% {
        opacity: 0;
        transform: translate3d(0,150px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.mid-container
{
	
	padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.mid-section-title
{
	margin-bottom: 1.875rem;
	margin-top: 0;
	font-size: 1rem;
    line-height: 1.7;
    font-weight: 400;
	
}

.centerTextBold
{
	font-weight: 500;
	color: #000;
	text-align: center;
	margin-bottom: 0;
	font-size: 1.875rem;
    line-height: 1.5;
	
}

.centerTextSemiBold
{
	font-weight: 400;
	color: #000;
	text-align: center;
	margin-bottom: 0;
	font-size: 1.875rem;
    line-height: 1.5;
	
}


.content-background-footer,
.content-background-testimonials,
.content-background-specialties,
.content-background-spine-full,
.content-background-spine,
.content-background-left-half,
.content-background-grey,
.content-background-grad,
.content-background
{
	height: 100%;
	position: absolute;
	/* left: 50%; */
	width: 100vw;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	transition-duration: .15s;
	transition-timing-function: cubic-bezier(0,0,.2,1);
	transition-duration: 1s;
	/* margin-left: -50vw; */
	/* z-index: 1; */
}



.content-background
{
	
	background-image: url(https://telemd.me/poc/themes/orig/backgrounds/provider_background.jpg);

	background-position: 0 0;
    background-size: cover;

}



.searchInput
{
	
	border-radius: unset;
    width: 100%;
    margin: 0;
    /* background-color: #ffffff40; */
    text-align: left;
    padding-left: 2rem;
    font-size: 1.2rem;
    background-color: transparent;
    border: transparent;
    width: 40rem;
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
	
	
}


.searchInput:focus
{

	outline: 0;
   	border: 0px solid transparent;
}
	



.circularWindow
{
	
	background-size: cover;
    width: 30rem;
    margin: 0;
    border: 1px solid;
    display: flex;
    background-position: center;
    background-repeat: no-repeat;
    justify-content: center;
    background-image:  var(--image-circular-bg);
    background-color: rgba(0, 0, 0, 0.25);
    background-blend-mode: overlay;
    width: 20rem;
    height: 20rem;
    border-radius: 20rem;
    align-items: flex-end;
    border: 0px;
	
	
	
}



.roundedSquareWindow
{
	
	background-size: cover;
    width: 30rem;
    margin: 0;
    border: 1px solid;
    display: flex;
    background-position: center;
    background-repeat: no-repeat;
    justify-content: space-between;
    background-color: #080404;
    /* background-image: url(images2/man_red_beenie.jpeg); */
    background-image:  var(--image-rounded-square-bg);
    background-color: rgba(0, 0, 0, 0.25);
    background-blend-mode: overlay;
    width: 20rem;
    height: 20rem;
    border-radius: 2rem;
    /* align-items: flex-end; */
    border: 0px;
    flex-direction: column;
	
}



.searchResult
{
	width: 100%;
    border-radius: 8px;
    cursor: pointer;
    max-width: 25rem;
	transition: transform 0.3s ease; /* Adds smooth transition */
	
}

.searchResult:hover
{

	transform: scale(1.05); /* Increase size by 5% */
	border: 2px solid #FFC107;
}


.footerLeftTitle
{
	font-size: 2.5rem;
    line-height: 2.25rem;
    margin-top: 1rem;
    /* color: #90c4dc; */
    font-weight: 700;
	
}

.footerCategorySubHolder
{
	font-size: 1.5rem;
    height: 100%;
    width: 100%;
    color: white;
    /* width: 7rem; */
    line-height: 1.75rem;
    /* margin-bottom: 2rem; */
    /* padding: 1rem 2rem; */
    text-align: left;
    display: flex;
    align-content: space-between;
    flex-direction: column;
    justify-content: space-between;
	
}


.roundedSquareWindowMin30
{
	
	background-size: cover;
    width: 30rem;
    margin: 0;
    border: 1px solid;
    display: flex;
    background-position: center;
    background-repeat: no-repeat;
    justify-content: space-between;
    background-color: #080404;
    /* background-image: url(images2/man_red_beenie.jpeg); */
    background-image:  var(--image-rounded-square-bg);
    background-color: rgba(0, 0, 0, 0.25);
    background-blend-mode: overlay;
    width: 20rem;
    height: 20rem;
    border-radius: 2rem;
    /* align-items: flex-end; */
    border: 0px;
    flex-direction: column;
    min-height: 30rem;
	
}



.roundedMediumSquareWindow
{
	
	    background-color: transparent;
    padding: 2rem 2rem;
    /* border-radius: 10px; */
    margin-top: 2rem;
    padding-top: 2rem;
    width: 50%;
    margin: 0;
    background-position: center;
    background-repeat: no-repeat;
    justify-content: flex-end;
    background-size: cover;
    /* background-image: url(images2/women_praying.jpg); */
    background-image:  var(--image-medium-square-bg);
    background-color: rgba(0, 0, 0, 0.25);
    background-blend-mode: overlay;
    border-radius: 2rem;
    display: flex;
    /* height: 100%; */
    flex-direction: column;
	
	
}

.portraitWindow50Hideable,
.portraitWindow50,
.portraitWindow
{
	
	background-size: cover;
    width: 30rem;
    margin: 0;
    border: 1px solid;
    display: flex;
    background-position: center;
    background-repeat: no-repeat;
    justify-content: flex-end;
    background-color: #080404;
    /* background-image: url(images2/man_with_beanie.jpg); */
    background-image:  var(--image-portrait-window-bg);
    background-color: rgba(0, 0, 0, 0.25);
    background-blend-mode: overlay;
    width: 50rem;
    height: 25rem;
    /* border-radius: 2rem; */
    align-items: flex-start;
    border: 0px;
    flex-direction: column;
	
	
	
}

.portraitWindow50Hideable,
.portraitWindow50
{

	width: 50%;
    height: 40rem;
}

.content-background-spine
{
	
	
	background: linear-gradient(to bottom, #ffffff 0, #f2f2f2 100%);
	background-image: var(--image-homepage-main);
	
	/* background-image: url(../backgrounds/spineImage.jpg) !important; */
    background-size: 100%;
    background-size: 160vw;
    
    -webkit-transition: background-size 5000ms ease;
	-moz-transition: background-size 5000 ease;
	-ms-transition: background-size 5000ms ease;
	-o-transition: background-size 5000 ease;
	transition: background-size 5000ms ease;
}


.content-background-spine-full
{
	
	
	background: linear-gradient(to bottom, #ffffff 0, #f2f2f2 100%);
	/* background-image: url(../backgrounds/spineImage.jpg) !important; */
	background-image: var(--image-homepage-main);
    background-size: 150%;
    background-size: 200vw;
    
     -webkit-transition: background-size 5000ms linear;
	-moz-transition: background-size 5000 linear;
	-ms-transition: background-size 5000ms linear;
	-o-transition: background-size 5000 linear;
	transition: background-size 5000ms linear;
    
}

.content-background-testimonials
{
	background: linear-gradient(to bottom, #ffffff 0, #f2f2f2 100%);
	background-image: url(../backgrounds/testimonial_bg.jpeg) !important;
    background-size: 100%;
	
}

.content-background-specialties
{
	background: linear-gradient(to bottom, #ffffff 0, #f2f2f2 100%);
	background-image: url(../backgrounds/specialities-bg.jpg) !important;
    background-size: 100%;
	
}



.content-background-grad
{
	
	
	background: linear-gradient(to bottom, #ffffff 0, #f2f2f2 100%);
}


.content-background-footer
{
	background: #f2f2f2;
	border-top: 1px solid;
	
}



.content-background-grey
{
	
	
	background: #f2f2f2;
}


.content-background-left-half
{
	
	background: #ffd90066;
	left: 0;
    margin-left: 0;
    width: 48.5vw;
	
}




.content-background-plain-abs
{
	position: absolute;
	max-width: 100vw;
    margin-left: -50vw;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    z-index: 0;
    background-color: #0CF;
    height: 100%;
}

.content-container-pad-small,
.content-container-half-right,
.content-container-half-left,
.content-container-half,
.content-container-pad,
.content-container-main,
.content-container-title,
.content-container-main-no-top-pad,
.content-container-pad-2,
.content-container-pad-3,
.content-container
{
	display: flex;
	flex-direction: column;
	padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
	
}


.content-container-pad
{
	padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}



.businessHolder
{
	padding-top: 2rem;
	padding-bottom: 1rem;
	height: 35rem;
	background-image: var(--image-business-bg);
	background-size: cover;
	/* background-color: rgba(0, 0, 0, 0.125); */
	background-color: rgba(0, 0, 0, 0.25);
	background-blend-mode: overlay;
	width: 30rem;
	margin: 0;
	border: 1px solid;
	display: flex;
	background-position: center;
	background-repeat: no-repeat;
	justify-content: flex-end;
}
.mainBackgroundTopFull,
.mainBackgroundTop
{

	display: flex;
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
	
	padding-top: 2rem;
    padding-bottom: 1rem;
    height: 35rem;
    /* background-image: url(images2/black_woman_blue_bg.jpeg); */
    background-size: cover;
    border-radius: 30px;
	
	background-image: var(--image-homepage-main);
	
	/* background-image: url(../backgrounds/spineImage.jpg) !important; */
    background-size: 100%;
    /* background-size: 80vw; */
    
    
    background-size: cover;
    
    -webkit-transition: background-size 5000ms ease;
	-moz-transition: background-size 5000 ease;
	-ms-transition: background-size 5000ms ease;
	-o-transition: background-size 5000 ease;
	transition: background-size 5000ms ease;
	
}


.mainBackgroundTopFull
{
	
	
    background-size: 120vw;
}


.content-container-pad-2
{
	padding-top: 7rem;
    padding-bottom: 7rem;
}

.content-container-pad-small
{
	
	padding-top: 1.5rem;
    padding-bottom: 1rem;
	
}

.content-container-pad-3
{
	padding: 3.5rem 3rem;
}


.content-container-half-right,
.content-container-half-left,
.content-container-half
{
	padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    width: 50%;
    margin: 0rem 2rem;
	
}

.content-container-title,
.content-container-main
{
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
	width: 100%;
	margin: 0rem 2rem;
}





.content-container-main-details
{
	background-color: #ffffff73;
	padding: 2rem 2rem;
	border-radius: 10px;
	margin-top: 2rem;
	padding-top: 2rem;
	color: white;
	
}





.searchBarFlex
{display: flex;justify-content: space-between;padding: 2rem;background-color: lightgray;border-radius: 2rem;column-gap: 1rem;}


.filter-container 
{
  display: flex;
  gap: 1rem;
  width: 100%;
  background-color: white;
  padding: 1.5rem;
  border-radius: 1rem;
  border: 1px solid #e1e0e0;
  /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
  align-items: flex-end;
  justify-content: space-between;
}

.filter-container-collapsible
{
	overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 0.5rem;
	height: 3rem;
    transition: height 0.5s ease-out;
	
}

.filter-label {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: #4b5563;
  margin-bottom: 0.5rem;
  text-align: left;
  padding-left: 0.5rem;
}

.filter-select {
  width: 18rem;
  padding: 0.5rem;
  border: 1px solid #d1d5db;
  border-radius: 0.375rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  font-size: 1rem;
  color: #374151;
  height: 2.5rem;
  text-align: center;
}

.filter-search-button {
  padding: 0.5rem 1rem;
  background-color: #4f46e5;
  color: white;
  border: none;
  border-radius: 0.375rem;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  height: 2.5rem;
}

.filter-search-button:hover {
  background-color: #4338ca;
}

.filter-search-button:focus {
  outline: none;
  box-shadow: 0 0 0 2px #c7d2fe;
}

.filter-dropdown-container {
  display: flex;
  flex-direction: column;
}

.filter-container-holder-no-border
{

	display: flex;
    gap: 1rem;
    width: 100%;
    background-color: white;
    align-items: flex-end;
    justify-content: space-between;
}

.content-container-main-no-top-pad
{
	padding-top: 0rem;
    padding-bottom: 3.5rem;
    width: 100%;
    margin: 0rem 2rem;
	
	
}

.content-container-half-left
{
	
	margin-right: 0;
	
}

.content-container-half-right
{
	
	margin-left: 0;
}



.no-bottom-padding
{
	
	padding-bottom: 0;
}


.no-top-pad-no-left-margin
{
	
	padding-top: 0;
    margin-left: 0;
	
}



.big-text
{
	line-height: 60px;
	
	color: black;
	font-size: 1.875rem;
    font-weight: 500;
}


.big-text-main-left-row,
.big-text-main-left,
.big-text-main,
.big-text-main-row
{
	color: rgba(47, 48, 50, 1);
	font-family: Gilroy, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	margin-bottom: .5rem;
	font-size: 3rem !important;
    line-height: 3.5rem !important;
    margin-left: 0;
    margin-right: 0;
    align-items: center;
    flex-direction: column;
    display: flex;
	
}

.big-text-main-left
{
	
	align-items: flex-start;
    padding: 0.5rem;
    
    /* flex-direction: row; */
    
}



.big-text-main-left-row
{
	
	align-items: flex-start;
    padding: 0.5rem;
    
    flex-direction: row;
}




.big-text-main-left-column
{
	
	align-items: flex-start;
    padding: 0.5rem;
    
    flex-direction: column;
}


.big-text-main-row
{
	
    flex-direction: row;
	
}

.big-text-top-more
{

	margin-bottom: 2rem;
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    margin-left: 2rem;
}


.fullBgColorOrange
{

	background: orange;
    width: 100vw;
    height: 100%;
    margin-left: -50vw;
    left: 50%;
	
}

.fullBgTransparent,
.fullBgColorWhiteBrown,
.fullBgColorBrown,
.fullBgColorGreen
{
	background: #20442c;
	/* width: 100vw; */
	min-width: 100vw;
	height: 100%;
	margin-left: -50vw;
    left: 50%;	
	
}

.fullBgColorBrown
{
	background: #181414;
	
}


.content-container-title
{display: flex;align-items: center;justify-content: space-between;flex-direction: row;padding: 3.5rem 2rem;margin: 0;}


.fullBgTransparent
{
	background: transparent;
	display: flex;
	/* width: 100%; */
	/* background: red; */
	overflow: auto;
	height: auto;
	/* padding: 1rem 0; */
	position: relative;
	/* left: 0; */
	/* width: 100vw; */
	margin-left: 0;
	left: 0;
	scrollbar-width: none; /* For Firefox */
	-ms-overflow-style: none; /* For Internet Explorer */
}

.fullBgColorWhiteBrown
{
	background: linear-gradient(white 80%, #181414 20%);
	
}

.fullBgColorWhiteOrange
{
	
    position: absolute;
    left: 50%;
    /* width: 100vw; */
    /* transition-property: opacity; */
    /* transition-timing-function: cubic-bezier(.4,0,.2,1); */
    /* transition-duration: .15s; */
    /* transition-timing-function: cubic-bezier(0,0,.2,1); */
    /* transition-duration: 1s; */
    margin-left: -50vw;
    /* z-index: 1; */
	background: linear-gradient(white 80%, orange 20%);
    width: 100vw;
    height: 100%;
	
}


.imgContainer {
  width: 16rem;
  height: 20rem;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  justify-content: center; /* Centers the image horizontally */
  align-items: center;     /* Centers the image vertically */
}



.imgMediaContainer
{
  width: 16rem;
  height: 20rem;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  justify-content: center; /* Centers the image horizontally */
  align-items: center;     /* Centers the image vertically */
	width: 100%;
    height: auto;
	border-radius: 0;
	
}


.imgAspectCover
{
  width: 100%;
  height: 100%;
  object-fit: cover;  /* Ensures the image covers the container */
}



.imgAspectCoverMain
{
  width: 100%;
  height: 100%;
	display: none;
  object-fit: cover;  /* Ensures the image covers the container */
}

.profile_photo_svg
{
	width: 4rem;
    font-size: 1.5rem;
    overflow: visible;
    transition: 0.3s ease-in-out;
    cursor: pointer;
    color: white;
    opacity: 1;
}




.profile_photo_update
{
	background-color: lightgray;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    cursor: pointer;
}


.profile_photo_update.active > .imgAspectCoverMain
{
	display: block;	
}


.profile_photo_update.active > .profile_photo_svg
{
	display: none;	
}



.marketItemsFlexContainer
{

	    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    row-gap: 2rem;
    column-gap: 1rem;
}

.marketItemHolderWithBorderFull,
.marketItemHolderWithBorder
{
    background-size: cover;
    width: 30rem;
    margin: 0;
    border: 1px solid;
    display: flex;
    background-position: center;
    background-repeat: no-repeat;
    /* justify-content: center; */
    /* background-image: url(images2/woman_smiling.jpeg); */
    /* background-color: rgba(0, 0, 0, 0.25); */
    /* background-blend-mode: overlay; */
    width: 20rem;
    height: 20rem;
    /* border-radius: 20rem; */
    align-items: center;
    border: 0px;
    flex-direction: column;
    /* border: 1px solid lightgray; */
    border-radius: 7px;
    padding: 0.5rem;
    margin: 0;
    margin-bottom: 2rem;
}


.marketItemHolderWithBorderFull:hover,
.marketItemHolderWithBorder:hover
{

	background-color: #ffc10736;
}

.edit_svg_gray
{
	width: 20px;
    height: 20px;
    fill: lightslategray;
}

.close_svg_red
{
	width: 24px;
    height: 24px;
    fill: red;
}

.close_button_holder
{
	position: absolute;
    /* z-index: 1000; */
    /* background: red; */
    right: 0;
    padding: 0.25rem;
}

.edit_holder
{
	display: none;
	cursor: pointer;
}




.marketItemHolderWithBorderFull:hover > .close_button_holder > .edit_holder,
.marketItemHolderWithBorderFull:hover > .companyName > .edit_holder,
.marketItemHolderWithBorder:hover > .close_button_holder > .edit_holder,
.marketItemHolderWithBorder:hover > .companyName > .edit_holder
{

	display: flex;
	
}






.marketItemHolderTrim,
.marketItemHolder
{
    background-size: cover;
    width: 30rem;
    margin: 0;
    border: 1px solid;
    display: flex;
    background-position: center;
    background-repeat: no-repeat;
    justify-content: center;
    /* background-image: url(images2/woman_smiling.jpeg); */
    /* background-color: rgba(0, 0, 0, 0.25); */
    /* background-blend-mode: overlay; */
    width: 20rem;
    height: 20rem;
    /* border-radius: 20rem; */
    align-items: center;
    border: 0px;
    flex-direction: column;
	
}

.marketItemHolderTrim
{
	
	width: 18rem;
}



.companyName
{text-transform: capitalize; font-size: 1.25rem;color: black;/* width: 7rem; */line-height: 1.75rem;margin: 0.5rem 0;/* font-style: italic; */font-family: 'Sentient-Bold';font-weight: 600;}



.product_owner
{
	color: black;
	display: flex;
    gap: 0.5rem;
    margin: 0;
    font-weight: 400;
    font-family: 'Sentient-Light';
    font-size: 1rem;
    line-height: 1.25rem;
    margin-bottom: 0.25rem;
    text-transform: none;
}



.mediaTitle
{

	color: black;
    /* width: 7rem; */
    line-height: 1.75rem;
    margin: 0.5rem 0;
    /* font-style: italic; */
    font-family: 'Sentient-Bold';
    font-weight: 600;
	
	font-size: 1rem;
    line-height: 1.25rem;
    text-align: left;
    width: 100%;
    padding: 0 1rem;
    /* padding-bottom: 0; */
    margin: 0;
    text-transform: none;
	
}

.mediaDescription
{
	color: black;

	font-size: 1rem;
    line-height: 1.25rem;
    text-align: left;
    width: 100%;
    padding: 0 1rem;
    margin: 0;
    font-weight: 200;
    font-family: 'Sentient-Light';
    text-transform: none;
}


.productName
{text-transform: capitalize;font-size: 1.5rem;font-weight: 200; line-height: 1.25rem;margin-bottom: 0.5rem;font-family: 'Sentient-Light';}

.productPrice
{
	font-size: 1.25rem;
	line-height: 1.75rem;
	font-family: 'Sentient-Light';
}

.featuredBusinessHolder
{
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	/* border: 2px solid yellow; */
	/* background: rebeccapurple; */
	width: 33.33%;
	width: 60rem;
	position: relative;
	box-sizing: border-box;
}





.mid-text-p-white,
.mid-text-p-white-no-shadow,
.mid-text-p-left-indent,
.mid-text-p-left,
.mid-text-p-2,
.mid-text-p
{
	
	margin: 0;
	line-height: 1.75rem;
	text-align: center;
	margin-top: 1.5rem;
	margin-bottom: 2rem;
	color: rgba(95, 96, 101, 1);
	margin-bottom: 1rem;
	padding: 0rem 13rem;
}

.mid-text-p-white
{
	color: white;
	font-size: 1.375rem;
    text-shadow: 0px 0px 8px black;
    margin-bottom: 2rem;
	
}



.mid-text-p-white-no-shadow
{
	color: white;
	font-size: 1.375rem;
    margin-bottom: 2rem;
	
}



.mid-text-p-left-indent,
.mid-text-p-left
{
	
	padding: 0.5rem;
    text-align: left;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}


.mid-text-p-left-indent
{
	text-indent: 2.5rem;
}

.mid-text-p-2
{
	font-size: 1.25rem;
	margin-bottom: 2rem;
	
}


.big-text-solid-white-bold-capitalized,
.big-text-solid-medium-left,
.big-text-solid-white-bold,
.big-text-solid-black-bold,
.big-text-solid-medium,
.big-text-solid-margin,
.big-text-solid
{
	display: inline-block;
	text-align: center;
	color: rgba(47, 48, 50, 1);
	font-family: Gilroy, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	margin-bottom: .75rem;
	color: black;
}

.big-text-solid
{
	font-weight: 400;
	margin-bottom: 0;
}

.big-text-solid-medium
{
	font-weight: 400;
	margin-bottom: 0;
	font-size: 2rem;
    text-align: left;
    line-height: 2.5rem;
    text-align: center;
}



.big-text-solid-medium-left
{
	font-weight: 400;
	margin-bottom: 0;
	font-size: 2rem;
    text-align: left;
    line-height: 2.5rem;
    text-align: left;
}


.big-text-solid-white-bold
{
	
	
	color: white;
    font-weight: 800;
}


.big-text-solid-white-bold-capitalized
{
	color: white;
	font-weight: 800;
	text-transform: capitalize;
}

.big-text-solid-black-bold
{
	
	
	 color: rgba(47, 48, 50, 1);
    font-weight: 800;
}


.text-white
{
	
	color: white;	
}

.text-bold
{
	font-weight: 600;
	
}


.text-mid-big
{
	font-size: 1.25rem;
	
}



.text-bold-big
{
	font-size: 2.5rem;
	line-height: 2.75rem;
	font-weight: 600;
	font-family: 'Sentient-Bold';
	/* scrollbar-width: none; */ /* For Firefox */
	-ms-overflow-style: none; /* For Internet Explorer */
}



.my_business_link_selected
{

	color: black;
    font-size: 1.5rem;
    padding: 0.25rem;
    border-top: 1px solid black;
    margin-right: 2rem;
}


.my_business_link
{
    color: rgb(142, 142, 142);
    font-size: 1.5rem;
    padding: 0.25rem;
    border-top: 1px solid transparent;
    font-weight: 200;
    font-family: Sentient-Light;
    margin-right: 2rem;
	cursor: pointer;
	
}

.my_business_link:hover
{
	color: black;
    font-size: 1.5rem;
    padding: 0.25rem;
    border-top: 1px solid black;
	
}



.ul-list
{
	padding-bottom:1rem;
	
}




.li-dot
{
  background: transparent;
  padding-left: 0.5rem;
  color: rgba(95, 96, 101, 1);
}


.li-dot::before {
  content: "• ";
  color: blue; /* or whatever color you prefer */
  margin-right: 0.5rem;
}

.colored-text
{
	
	-webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    /*
    background: linear-gradient(90deg, #f7bf2a, #f26e7e 18.23%, #be5188 38.02%, #8a3391 53.65%, #0983ff 74.48%, #09f);
    
    
    background: linear-gradient(90deg, #f7bf2a, #f26e7e 18.23%, #be5188 38.02%, #8a3391 53.65%, #805ac3 74.48%, #09f);
    
    background: linear-gradient(90deg, #f7bf2a, #f26e7e 18.23%, #be5188 38.02%, #8a3391 53.65%, #805ac3 74.48%, #7682f4);
     */
    background: linear-gradient(90deg,  #f7bf2a, #f26e7e 18.23%, #f090c0 38.02%, #d991df 53.65%,  #0983ff 74.48%, #09f);
   
    -webkit-background-clip: text;
    -moz-background-clip: text;
    text-shadow: none;
    position: relative;
}



.colored-text-rainbow
{
	
	-webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    background: linear-gradient(90deg, #f7bf2a, #f26e7e 18.23%, #be5188 38.02%, #8a3391 53.65%, #0983ff 74.48%, #09f);
    
    
    /* 
    
    background: linear-gradient(90deg, #f7bf2a, #f26e7e 18.23%, #be5188 38.02%, #8a3391 53.65%, #805ac3 74.48%, #09f);
    
    background: linear-gradient(90deg, #f7bf2a, #f26e7e 18.23%, #be5188 38.02%, #8a3391 53.65%, #805ac3 74.48%, #7682f4);
     */
    
    -webkit-background-clip: text;
    -moz-background-clip: text;
    text-shadow: none;
    position: relative;
}



.colored-text-white
{
	
	-webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
   background: linear-gradient(90deg, #e6cd8b, #eb9fa8 18.23%, #f090c0 38.02%, #d991df 53.65%, #fff3ff 74.48%, #fff);
    
    -webkit-background-clip: text;
    -moz-background-clip: text;
    text-shadow: none;
    position: relative;
    font-size: 4rem;
}


.left-button-holder-top,
.left-button-holder,
.top-buttons-holder
{
	
	position: relative;
	margin-left: 0;
    margin-right: 0;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex;
    /* z-index: 10; */
    
}


.left-button-holder
{
	
	align-items: flex-start;
    justify-content: left;
}

.left-button-holder-top
{
	align-items: flex-start;
    justify-content: left;
	margin-top: 2rem;
}


.medium-text
{
	
	font-size: 1rem;
    margin-bottom: 1.5rem;
    line-height: 1.9;
	color: black;
}

.white-text-color
{
	
	color: #fff;
}

.icon-svg-holder
{
	    width: 5rem;
	    margin-bottom: 1.5rem;
	    margin: auto;
	
	
}

.icon-svg
{
	
	/* fill:#66CCCC; */
	fill:#0CF;
	
}

.mid-columns-holder
{
	display: flex;
    margin-bottom: 1.75em;
    box-sizing: border-box;
    flex-wrap: wrap;
	
}

.mid-column
{
	
	flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word;
}

.margin-bottom-small
{
	margin-bottom: .75rem;
	
}

.margin-bottom-mid
{
	margin-bottom: 1.5rem;
	
}

.font-size-basic
{
	font-size: .875rem;
	
}


.transBlueBg
{
	background: #add8e691;
    padding: 1rem;
    border-radius: 12px;
	
	
}



.textFieldRounded {
    border: 1px solid #999;
    padding: 1rem;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 5px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    background-color: #fff;
    
    
    font-size: 1rem;
    padding: 1rem 0.75rem;
    
    appearance: none;              /* Remove default styling (partially works in Safari) */
  -webkit-appearance: none;      /* Specifically for Safari and older WebKit browsers */
  -moz-appearance: none;         /* For Firefox */
}

.textAreaRounded
{
	
	margin: 5px;
    border-radius: 4px;
    border: 1px solid #999;
    padding: 1rem;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    margin-left: 0;
    margin-right: 0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
}

.textFieldRounded-no-margin {
    border: 1px solid #999;
    padding: 1rem;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    
    margin-bottom: 10px;
    background-color: #fff;
}


.buttonBigSignUp
{

	display: flex;
    justify-content: center;
    height: 8rem;
    align-content: center;
    align-items: center;
	cursor: pointer;
	font-weight: 200;
	font-family: 'Sentient-Light';
}


.buttonBigSignUp:hover
{
	border-width: 3px;
	font-weight: 700;
	font-family: 'Sentient-Bold';

}	

.signUpProgressBar
{
	
	height: 0.75rem;
    /* background: linear-gradient(90deg, #FF9800, #eb9fa8 18.23%, #f090c0 37.02%, #d991df 53.65%, #03A9F4 74.48%, #c2dc6a); */
    background-color: #CDDC39;
    border-radius: 0.325rem;
    /* border-top-right-radius: 0.75rem; */
    /* border-top-left-radius: 0.75rem; */
    width: 100%;
    
    transition: width 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
	
}

.signUpForm
{
	width: 20rem;
	display: none;
}

.signUpType
{
	width: 20rem;
}

.signUpStep2>.signUpForm
{

	display: flex;
}


.signUpStep2>.signUpType
{

	display: none;
}


.signUpBackButton
{
	position: absolute;
	display: flex;
	align-items: center;
	cursor: pointer;
	font-weight: 200;
	display: none;
}


.signUpBackButton:hover
{
	font-weight: 400;
}	

.signUpStep2 .signUpBackButton
{

	display: flex;
}




.hideCheckDiv {
    display: none;
    margin-left: -50px;
    margin-bottom: 20px;
    font-family: ProximaNova,Helvetica Neue,Helvetica,Arial,sans-serif
}

.revealCheckDiv {
    display: inline;
    margin-left: -50px;
    margin-bottom: 20px;
    font-family: ProximaNova,Helvetica Neue,Helvetica,Arial,sans-serif
}

.revealCheckDivSpinner {
    visibility: visible;
    margin-left: -50px;
    margin-bottom: 20px;
    font-family: ProximaNova,Helvetica Neue,Helvetica,Arial,sans-serif
}

.checkMark {
    top: 10px;
    position: relative
}

.checkingGif {
    top: 4px;
    position: relative
}



.margin-center
{
	
	/* margin: 0rem 20rem; */
	padding: 0rem 20rem;
	padding-bottom:1.5rem;
}


.img-holder
{
	
	margin: 2rem;
}

.div-margin-center
{
	
	/* margin: 0rem 20rem; */
	padding: 0rem 20rem;
	
	margin-bottom: 0rem;
    padding-bottom: 0.5rem;
    text-align: left;
    margin-left: 0.5rem;
	
}


.grid-2-columns
{
	
	display: grid;
    grid-gap: 1rem;
    grid-auto-flow: row;
    grid-row-gap: .75rem;
    grid-auto-flow: row;
    grid-template-columns: repeat(2, auto);
	
}


.grid-bottons-2-main,
.grid-buttons-2
{
	
	display: grid;
    grid-auto-flow: row;
    grid-row-gap: .75rem;
    grid-auto-flow: row;
    grid-template-columns: repeat(2, auto);
    list-style: none;
    margin: 0;
    padding: 0;
    grid-gap: 2rem;
    
    justify-content: center;
	
}

.grid-bottons-2-main
{
	
	display: flex;
    /* width: 100%; */
    /* margin: 0 5rem; */
    background-color: #ffffff40;
    text-align: left;
    /* padding-left: 2rem; */
    font-size: 1.2rem;
    /* padding: 1rem 1rem; */
    font-size: 1.25rem;
    border-radius: 2rem;
    border: 4px solid white;
    max-width: 80rem;
	
}


.searchConnectInput
{
	
	border-radius: unset;
    width: 100%;
    margin: 0;
    /* background-color: #ffffff40; */
    text-align: left;
    padding-left: 2rem;
    font-size: 1.2rem;
    background-color: transparent;
    border: transparent;
    width: 100%;
}

.highlightText {
    background-color: yellow;
    font-weight: bold;
}

.grid-search-input
{
	
	display: flex;
	grid-gap: 0rem;
    /* width: 100%; */
    /* margin: 0 5rem; */
    background-color: #ffffff40;
    text-align: left;
    /* padding-left: 2rem; */
    font-size: 1.2rem;
    /* padding: 1rem 1rem; */
    font-size: 1.25rem;
    border-radius: 2rem;
    border: 4px solid white;
    max-width: 80rem;
	margin: 0 2rem;
    /* width: 100%; */
    border-color: black;
    background-color: #d3d3d357;
	
}


.footerBottomBar
{
	padding-left: 1rem;
	padding-right: 1rem;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	background: #fbfbfb;
	border-top: 1px solid;
	background: #181414;
	justify-content: center;
	flex-direction: row;
}


.footerContent
{
	text-align: left;
	border-top-width: 1px;
	/* padding: 3rem 1.25rem 1.5rem; */
	position: relative;
	z-index: 2;
	max-width: 1300px;
	
	margin-bottom: 0;
    box-sizing: border-box;
    overflow-wrap: break-word;
    word-wrap: break-word;
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    padding-left: 1rem;
    padding-right: 1rem;
}


.footerContent h5
{
	font-weight: 500;
    font-size: .875rem;
    margin-bottom: 1rem;


}

.footerContent a
{

	--tw-text-opacity: 1;
    color: rgba(95,106,125,var(--tw-text-opacity));

}



.footerContentButton
{
	margin-left: 0.25rem;
	margin-top: 0.5rem;
	margin-bottom: 0;
	border: 3px #09f solid;
	background-color: #09f;
	border-radius: 2rem;
	text-align: center;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	
    font-weight: 400;
    font-size: 1rem;
    color: white !important;
    padding: 0.5rem 1rem;
	
	
}

.footer-copyright-div
{
	
	border-top: 1px solid #6e7071;
}




.footer-gray-text
{
	--tw-text-opacity: 1;
    color: 6e7071;
	
	margin-top: 1rem;
	margin-bottom: 0;
	text-align: center;
}




.header-button-span
{
	
	display: flex; 
	
	align-items: center; 
	justify-content: center;
	
    padding-top: 1rem;
    padding-bottom: 1rem;
    
    
	
}

.margin-top-1
{
	
	margin-top:1rem
}




.star-rating {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.star {
    width: 50px;
    height: 50px;
    fill: #ddd;
    cursor: pointer;
    transition: fill 0.3s;
}
.star.highlight {
    fill: #f39c12;
}


.displayNone:hover
{
	/* using javascript onmouseenter */	
	/* display: block;  */
}


.content-grid-holder
{
	
	    background-color: transparent;
    padding: 2rem 0rem;
    border-radius: 10px;
    display: flex;
    align-items: center;
	
}

.content-grid
{
	
	align-items: flex-start;
    padding-top: 1.5rem;
    background: transparent;
    display: flex;
    align-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0rem;
    
}	


.spreadFlex
{
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    row-gap: 2rem;
    column-gap: 1rem;
    justify-content: space-around;
}



.spreadFlexNoSpace
{
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    row-gap: 2rem;
    column-gap: 0;
    justify-content: space-around;
}


.pinterest-grid
{
	  flex-wrap: wrap;
	  flex-direction: row;
	  row-gap: 2rem;
	  column-gap: 1rem;
	  display: block;
	  column-count: 3;
	  column-gap: 2rem;
	  /* display: none; */
}


.displayNone
{

	 display:none; 
}


.imgFloat
{
	
	float: right;
    border-radius: 8px;
    margin-left: 1.5rem;
    margin-right: 1rem;
    max-width: 25rem;
	
}



.displayFlexStretchCenter,
.displayFlexStretch
{
	
	align-items: stretch;
    padding-top: 1.5rem;
    background: transparent;
    display: flex;
    align-content: flex-start;
    flex-direction: row;
    justify-content: flex-start;
	
}



.header-button-span:hover + .displayNone {
    display: block;
}


.content-container-50-percent,
.content-container-50-percent-shadow
{

	background-color: transparent;
    padding: 2rem 2rem;
    /* border-radius: 10px; */
	  margin-top: 2rem;
	  padding-top: 2rem;
	  /* width: 50%; */
	  margin: 0;
}

.content-container-50-percent-shadow
{
	background-color: rgba(0, 0, 0, 0.25);
}


.displayBlock
{

	display:block;
}



.boxPadded2
{
	background-color: transparent;
    padding: 2rem 0rem;
    border-radius: 10px;
    margin: 0;
}

.wideBoxSignUp50,
.wideBox50,
.wideRedBox
{

	background-size: cover;
    width: 30rem;
    margin: 0;
    border: 1px solid;
    display: flex;
    background-position: center;
    background-repeat: no-repeat;
    justify-content: flex-start;
    background-color: #080404;
    /* background-image: url(images2/man_with_beanie.jpg); */
    background-color: red;
    /* background-blend-mode: overlay; */
    width: 100%;
    height: 25rem;
    /* border-radius: 2rem; */
    align-items: flex-start;
    border: 0px;
    flex-direction: column;

}

.wideBox50
{

	width: 50%;
    background: #20442c;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 40rem;
}

.wideBoxSignUp50
{
	
	width: 50%;
    background: #20442c;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 40rem;
    height: 100%;
    padding-top: 2.5rem;
}


.span-content-half
{

	text-align: left;
    width: 25rem;
    font-weight: 700;
    line-height: 2.75rem;
    color: black;
}

.footerTopMainLink
{
	color: red;
    font-weight: 900;
    margin-bottom: 1rem;
    font-size: 2.25rem;
}

.footerContent ul li 
{
    line-height: 1.5rem;
    margin-bottom: .5rem;
    font-size: 1rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    padding: 0rem;
    margin-bottom: 0;
    background: none;
    border-radius: 4px;
    cursor: pointer;
}


.footerSubSectionHolder
{
	
	align-items: stretch;
    /* padding-top: 1.5rem; */
    background: transparent;
    display: flex;
    align-content: flex-start;
    flex-direction: row;
    justify-content: flex-start;
    height: 24rem;
	
	
}

.searchButtonText
{

	
	margin-right: 0.5rem;
}


.footerRightSection
{background-size: cover;width: 30rem;margin: 0;border: 1px solid;display: flex;background-position: center;background-repeat: no-repeat;/* background-color: #ffff003d; *//* background-image: url(images2/man_with_beanie.jpg); *//* background-color: rgba(0, 0, 0, 0.25); */background-blend-mode: overlay;width: 160rem;/* height: 25rem; *//* border-radius: 2rem; */align-items: flex-start;border: 0px;flex-direction: column;padding-top: 4rem;justify-content: space-between;font-family: 'Sentient-Regular';}	


.footerCategory
{
    display: flex;
    justify-content: space-between;
    font-family: 'Sentient-Bold';
}	



.footMainLinksSubHolder
{
	
	display: flex;
    column-gap: 2rem;
    font-size: 1.5rem;
    flex-direction: row;
}




.footerMainLinksHolder
{

	border-top: 1px solid white;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    /* border-bottom: 1px solid; */
    padding-top: 1rem;
    align-items: flex-end;
    
}



.footerLeftSection
{
	background-size: cover;
	width: 30rem;
	margin: 0;
	border: 1px solid;
	display: flex;
	background-position: center;
	background-repeat: no-repeat;
	justify-content: space-between;
	/* background-color: #080404; */
	/* background-image: url(images2/man_with_beanie.jpg); */
	/* background-color: #ff000063; */
	/* background-blend-mode: overlay; */
	width: 100%;
	height: 100%;
	/* border-radius: 2rem; */
	align-items: flex-start;
	border: 0px;
	flex-direction: column;
	font-family: 'Barlow Condensed';
}
	
.searchButton
{


	padding: 0.5rem 3rem;
    background-color: #4CAF50;
    border-radius: 2rem;
    color: white;
    margin: 4px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-content: center;
    align-items: center;
    padding-right: 2rem;

}	




.near_me_div
{
	display: flex; 
	margin-top: -12.5rem; 
	color: white; 
	font-weight: 700; 
	justify-content: center;
	min-height: 0.875rem;
}




.subSectionLabel
{
	
	background-color: transparent;
    padding: 2rem 2rem;
    /* border-radius: 10px; */
    margin: 0;
    height: 100%;
    width: 45rem;
	
}


.default-cursor
{
	cursor: default !important; 
	
}



.footerLiMainLink
{
	font-size: 1.75rem !important;
    line-height: 2.25rem !important;
	
}
	
	
	
	
.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
    
    transition-duration: 366ms;
}



.fancybox-container * {
    box-sizing: border-box;
}


.fancybox-is-removed, .fancybox-stage-2-none {
    display: none;
}	


.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
    background: rgba(0, 0, 0, 0.4);
    
}

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}



.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}




.fancybox-stage-2 {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
    display: block;
}


.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block;
}


.fancybox-slide {
  -webkit-backface-visibility: hidden;
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform,opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994; }

.fancybox-button-small
{

	box-shadow: none;
    /* cursor: pointer; */
    display: inline-block;
    /* height: 44px; */
    margin: 0;
    /* padding: 10px; */
    /* position: relative; */
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    /* width: 44px; */
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    /* padding: 8px; */
    position: absolute;
    /* right: -12px; */
    /* top: -44px; */
    z-index: 401;
    padding: 0;
    width: 24px;
    height: 24px;
    top: 12px;
    right: 12px;
	
}

.fancybox-slide:before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
  }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
  display: block; }

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0; }

.fancybox-slide--image:before {
  display: none; }

.fancybox-slide--html {
  padding: 6px; }


.fancybox-slide--html {
    padding: 6px;
}

.fancybox-slide {
    overflow-y: scroll;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}


.modal-content {
    width: 360px;
    background-color: white;
    border-radius: 9px;
    overflow: visible;
    box-shadow: 0 1px 72px rgba(0, 0, 0, 0.2);
    padding: 1.5rem 2.5rem;
}


.fancybox-is-open .fancybox-bg {
    opacity: 1;
}
	
	
	
.paddedCenteredHolder
{
	
	font-size: 1.5rem;
    color: slategray;
    /* width: 7rem; */
    line-height: 1.75rem;
    /* margin-bottom: 2rem; */
    padding: 2rem 2rem;
    text-align: left;
    /* padding-right: 4rem; */
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    
    
	
}

.businessDetailsHolder {
    border-radius: 10px;
    padding: 2rem;
    margin-top: 4rem;
    display: flex;
    background-color: #708090ab;
}



.scrollHorizontalFull
{
	/* width: 100%; */
	height: auto;
}




.business-link-black-italic
{color: black;font-family: 'Sentient-Italic';font-style: italic;font-size: 1.125rem;}

.business-link-svg-img
{
	width: 1.5rem;
    height: 1.5rem;
    vertical-align: middle;
}


.business-scroll-container {
  display: flex;
  overflow-x: auto;
  gap: 15px;
  padding: 10px;
  scroll-behavior: smooth;
  background-color: #ffffff6e;
  /* border: 1px solid #ddd; */
  border-radius: 10px;
  
scrollbar-width: none;
-ms-overflow-style: none;
}

.business-item {
  /* min-width: 150px; */
  background-color: transparent;
  /* color: black; */
  padding: 0.5rem 1.25rem;
  text-align: center;
  border: 1px solid black;
  border-radius: 2rem;
  white-space: nowrap;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: transform 0.2s;
  font-size: 1.5rem;
}

.business-item:hover {
  transform: scale(1.05);
}

.business-item-1 {
  /* min-width: 150px; */
  background-color: #007bff;
  color: white;
  padding: 0.75rem 1.5rem;
  text-align: center;
  border-radius: 8px;
  white-space: nowrap;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: transform 0.2s;
  font-size: 1.5rem;
}

.business-item-1:hover {
  transform: scale(1.05);
}

.topSectionBg
{
	display: flex;
	justify-content: space-between;
}



.detailsPadding2
{
	padding: 0 2rem;
	
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.detailsContainer
{
	
	padding-top: 3.5rem;
	padding-bottom: 1rem;
	height: 35rem;
}



.business-mid-header
{
	text-align: left;
    /* width: 25rem; */
    font-weight: 700;
    color: black;
    font-size: 2rem;
    font-family: 'Sentient-Bold';
    line-height: 3.5rem;
}

.section-header
{
	text-align: left;
    /* width: 25rem; */
    font-weight: 800;
    color: black;
    line-height: 3.5rem;
    font-family: 'Barlow Condensed';
    font-size: 3rem;
}


@media (min-width: 1132px) {
	
	.main-section-top,	
	.main-section {
	    max-width: 1132px;
	    max-width: 1300px;
	}
		
	
	
}

@media (min-width: 782px) {
	
		
	.mid-column:not(:first-child) {
	    margin-left: 2em;
	}
	
	
}


/*
@media only screen and (max-width: 768px) {	

*/

@media only screen and (max-width: 1150px) {	/* IMPORTANT - FLEX DIRECTION COLUMN VERTICAL */
    .nav-menu {
        position: fixed;
		z-index:2;
		overflow: auto;
        top: 3.8rem;
        max-height: 0px;
		visibility:hidden;
        flex-direction: column;
        background-color: #fff;
        width: 100%;
        text-align: center;
        transition: 0.3s;
        left:0;
        box-shadow:
            0 10px 27px rgba(0, 0, 0, 0.05);
			
			transition: visibility 0s linear 0.15s;
			transition: max-height 0.15s ease-in;
			transition: max-height 0.15s ease-out;
			
			
    }
    
    
	.near_me_div
	{
		display: flex; 
		margin-top: -8.5rem; 
		margin-top: -7.5rem; 
		
		margin-top: -12.5rem; 
		color: white; 
		font-weight: 700; 
		justify-content: center;
	}
	
    
	.main-section-top 
	{
		/* padding-top: 4rem; */
		height: auto;
	}

    .nav-menu.active {
        
		visibility:visible;
		max-height: 550px;
		
		transition: visibility 0s linear 0.15s;
		transition: max-height 0.15s ease-in;
		transition: max-height 0.15s ease-out;
    	height: calc(100vh - 100px);
		margin: 1rem;
		overflow-y: auto;
		margin: 0;
		padding-bottom: 2rem;
		border-bottom: 3px solid;
		box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, .1);
		
    }

	.nav-item-login,
	.nav-item-get-started,
    .nav-item {
        /* margin: 1.5rem 0; */
        margin: 1rem 0;
    }
	 
	.nav-item-get-started-section,    
	.nav-item-talk-white,    
	.nav-item-talk
	{
		margin: 0.325rem 0;
	    width: 18rem;
	    text-align: center;
	    padding: 1rem 1rem;
	    font-size: 1.25rem;
	
	}  
	
	.grid-bottons-2-main
	{
	    margin: 0 2rem;
    	width: 100%;
    	background-color: #ffffffa8;
	
	}
	
		
	.searchInput
	{
		
		border-radius: unset;
	    width: 100%;
	    margin: 0;
	    /* background-color: #ffffff40; */
	    text-align: left;
	    padding-left: 2rem;
	    font-size: 1.2rem;
	    background-color: transparent;
	    border: transparent;
	    width: 100%;
		
    	border-top-left-radius: 2rem;
    	border-bottom-left-radius: 2rem;
		
	}
	
	.searchInput:focus
	{
	
		outline: 0;
    	border: 0px solid transparent;
	}
		
		
		
	.fullBgTransparent
	{
		margin-left: -50vw;
   		left: 50%;
		
	}
	
		
	
	.scrollHorizontalFull
	{
		width: 100%;
		height: auto;
	}
		
		
		
	.searchButton
	{
	
	
		padding: 0.5rem 3rem; 
        border-radius: 2rem;
        color: white;
        margin: 4px;
        font-weight: 700;
        cursor: pointer;
        display: flex;
        align-content: center;
        align-items: center;
        /* padding-right: 2rem; */
        padding: 0.5rem 1rem;
        background-color: transparent;
	
	}	
	
	.searchButtonText
	{
	
		display: none;
		margin-right: 0.5rem;
	}

		
	.searchButtonSVG
	{
		width: 32px;
	    height: 32px;
	    fill: orange;
	}
	
	.footerCategory
	{
	   display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding-top: 1.5rem;
        background: transparent;
        display: flex;
        align-content: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1rem;
        /* width: 30rem; */
        justify-content: start;
        margin-bottom: 2rem;
	
	}	
	
		
	.affliated_long_icon
	{
		
		width: 100%;
	}
	
	.top-section-flex
	{
		
		display: flex;
	    flex-direction: column;
	    justify-content: center;
	    
		
	}
	
		
	.searchBarFlex
	{
	display: flex;
	justify-content: space-between;
	padding: 2rem;
	background-color: lightgray;
	border-radius: 2rem;
	flex-direction: column;
	row-gap: 1rem;
	}
	
	.filter-container
	{
		display: flex;
        justify-content: space-between;
        /* padding: 2rem; */
        border-radius: 2rem;
        flex-direction: column;
        row-gap: 1rem;
        align-content: center;
        align-items: center;
	}


	.filter-container-holder-no-border
	{

		display: flex;
        justify-content: space-between;
        /* padding: 2rem; */
        border-radius: 2rem;
        flex-direction: column;
        row-gap: 1rem;
        align-content: center;
        align-items: center;
	}

	.wideBoxSignUp50,
	.wideBox50
	{
		height: 100%;	
		width: 100%;
	}
	
	
	
	.wideRedBox
	{
		height: 100%;	
	}	
	
	.top-section-flex-no-bottom
	{
		
		display: flex;
	    flex-direction: column;
	    justify-content: center;
	    padding-bottom: 0;
		
	}
	
	
	.mid-section-row-flex
	{
		
		display: flex;
	    flex-direction: row;
	    justify-content: center;
	   /*  padding-bottom: 2rem; */
		
	}
	
	
		
	.businessDetailsHolder {
	    border-radius: 10px;
	    padding: 2rem 1rem;
	    margin-top: 4rem;
	    display: flex;
	    background-color: #708090ab;
	}
	
	
	.content-grid
	{
		
		align-items: flex-start;
	    padding-top: 1.5rem;
	    background: transparent;
	    display: flex;
	    align-content: flex-start;
	    flex-direction: row;
	    flex-wrap: wrap;
	    gap: 1rem;
	    /* width: 50rem; */
	    justify-content: center;
	    
	}	

	.content-container-title,
	.content-container-main
	{
		padding-top: 3.5rem;
		padding-bottom: 3.5rem;
		width: 100%;
		margin: 0rem;
	}


	.content-container-title
	{display: flex;align-items: center;justify-content: space-between;padding: 1rem 2rem;flex-direction: column;margin: 0;}
		
	.mid-center
	{
		display: flex;
		align-items: center;
		
	}
			
		
		
	.mid-section-no-bottom,
	.mid-section-no-top-no-bottom
	{
	    padding-top: 0rem;
	    padding-bottom: 0rem;
	}
	
	
	.content-container-half-right,
	.content-container-half-left,
	.content-container-half
	{
		padding-top: 3.5rem;
	    padding-bottom: 0;
	    width: auto;
	    margin: 0rem 2rem;
		
	}
	
	
	.content-container-half-right,
	.content-container-half-left
	{
		
		 margin: 0rem 1rem;
		
	}
						
	
	.content-container-50-percent
	{
	
		background-color: transparent;
	    padding: 2rem 2rem;
	    /* border-radius: 10px; */
	    margin-top: 2rem;
	    padding-top: 2rem;
	    width: 100%;
	    margin: 0;
	
	}
	
	
	.span-content-half
	{
	
		text-align: left;
	    width: 100%;
	    font-weight: 700;
	    line-height: 2.75rem;
	    color: black;
	}
	
	.rounded-image
	{
		
		width: 100%;
	    /* height: 100%; */
	    border-radius: 2rem;
	    object-fit: contain;
	    position: relative;
	}
	
	.rounded-image-no-width
	{
		width: fit-content;
		border-radius: 2rem;
	    object-fit: contain;
	    position: relative;
	}
	
	
		
		
	.footerCategorySubHolder
	{
		font-size: 1.5rem;
        height: 100%;
        width: 100%;
        color: white;
        /* width: 7rem; */
        line-height: 1.75rem;
        /* margin-bottom: 2rem; */
        /* padding: 1rem 2rem; */
        text-align: left;
        display: flex;
        align-content: space-between;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
		
	}
	
	
	.footMainLinksSubHolder
	{
		
		display: flex;
        column-gap: 2rem;
        font-size: 1.5rem;
        flex-direction: column;
        gap: 1rem;
        margin-bottom: 1rem;
	}
	
	
	
	
	.footerMainLinksHolder
	{
	
        border-top: 1px solid white;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        /* border-bottom: 1px solid; */
        padding-top: 1rem;
        align-items: center;

	}
	
	
	.footerMainLinksLeftHolder
	{
		display: flex;
	
	}
	
	
	.footerMainLinksRightHolder
	{
		
		font-size: 1rem;
	    line-height: 1.5rem;
	    
	}
	
	
	
	
	.imgFloat
	{
		
		max-width: 14rem;
   		 border-radius: 8px !important;
		
	}
		
	
	
	.dropdowncaret
	{	
		font-size: 1.5rem;
   		margin-top: 0.25rem;
   		transform: rotate(-90deg);
	}
	
	.dropdowncaret.active
	{	
		font-size: 1.5rem;
   		margin-top: 0.25rem;
   		transform: rotate(0deg);
	}
	
	
	.portraitWindow50,
	.portraitWindow
	{
		width:100%;
	}	

	.portraitWindow50Hideable
	{
		display: none;
		
	}


	.displayFlexStretchCenter,
	.displayFlexStretch {
	    align-items: stretch;
	    padding-top: 1.5rem;
	    background: transparent;
	    display: flex;
	    align-content: flex-start;
	    flex-direction: column;
	    justify-content: flex-start;
	    
	    
        padding: 0;
        margin-top: 2rem;
        /* border-radius: 2rem; */
        overflow: hidden;
	}


	.displayFlexStretchCenter
	{
		padding: 0;
	    margin: 0;
	    display: flex;
	    align-content: center;
	    align-items: center;
		
	}
	
	
	
	.rounded-award-image
	{
		/* width: 100%; */
		display: block;
		height: 18rem;
	    border-radius: 7px;
	    object-fit: contain;
	    position: relative;
	    
	    /* width: 100%; */
	    
	}
			
	
	.content-background-left-half
	{
		
		background: #ffd90066;
		left: 50%;
	    margin-left: -50vw;
	    width: 100vw;
		
	}
	
	
	
	.displayNone
	{
	
		/* display:none; */
	}
	
	.displayBlock
	{
	
		display:block;
	}
		
			
	.detailsContainer
	{
		
		padding-top: 3.5rem;
		padding-bottom: 1rem;
		height: 35rem;
	}
			
	
	
	.boxPadded2
	{
		background-color: transparent;
	    padding: 0rem;
	    border-radius: 10px;
	    overflow: hidden;
	    margin: 0;
	}
			
	
	.dropDownDiv
	{
		
		position: relative;
	    border-color: #e6e8eb;
	    top: 0%;
	    transform: translateX(0%);
	    left: 0%;
	    /* box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, .1); */
	    border-top: #e6e8eb 0px;
	    height: fit-content;
	    width: auto;
	    box-shadow: 0 0 0;
	   
		border-top: 1px solid;
	    border-bottom: 1px solid;
	    margin-top: 1rem;
	}
	
		
	
	.sectionHolder
	{
		 --tw-bg-opacity: 1;
	    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
	    display: block;
		
	}
	
	
		
	.menuLeftSection
	{
		
	    padding-bottom: 0;
	    padding-top: 1rem;
	    padding-left: 0;
	    padding-right: 0;
	    
	}
		
		
		
	.footerSubSectionHolder
	{
		
		align-items: stretch;
        /* padding-top: 1.5rem; */
        background: transparent;
        display: flex;
        align-content: flex-start;
        flex-direction: column;
        justify-content: flex-start;
        height: 100%;
		
		
	}
	
			
		
	.footerRightSection
	{
	
	    background-size: cover;
        width: 30rem;
        margin: 0;
        border: 1px solid;
        display: flex;
        background-position: center;
        background-repeat: no-repeat;
        /* background-color: #ffff003d; */
        /* background-image: url(images2/man_with_beanie.jpg); */
        /* background-color: rgba(0, 0, 0, 0.25); */
        background-blend-mode: overlay;
        width: 100%;
        /* height: 25rem; */
        /* border-radius: 2rem; */
        align-items: flex-start;
        border: 0px;
        flex-direction: column;
        padding-top: 4rem;
        justify-content: space-between;
        /* padding-bottom: 4rem; */
	
	
	}	
		
	
	.footerLeftSection
	{
		
		background-size: cover;
        width: 30rem;
        margin: 0;
        border: 1px solid;
        display: flex;
        background-position: center;
        background-repeat: no-repeat;
        justify-content: space-between;
        /* background-color: #080404; */
        /* background-image: url(images2/man_with_beanie.jpg); */
        /* background-color: #ff000063; */
        /* background-blend-mode: overlay; */
        width: 100%;
        height: 100%;
        /* border-radius: 2rem; */
        align-items: center;
        border: 0px;
        flex-direction: column;

		
	}
	
		
	.subSectionLabel
	{
		
		background-color: transparent;
	    padding: 2rem 2rem;
	    /* border-radius: 10px; */
	    margin: 0;
	    height: 100%;
	    width: 100%;
		
	}
				
		
	.menuRigthSection
	{
		
		
	    padding-bottom: 0.5rem;
	    padding-top: 1rem;
	    
	}
			
		
	.ulMenu
	{
		
		
	    display: block;
	    list-style: none;
	    margin: 0;
	    padding: 0;
		
		
	}	
		
	.liMenu
	{
		justify-content: center;
	
	}	
		
	
	.flipBox:hover .innerFlipBox {
	    transform:rotateX(180deg) translateZ(1px);
	}	
	
	.header-button-span:hover + .displayNone {
	    display: none;
	}
	
	
	
	.header-button-span:target + .displayNone {
	    display: block;
	}
						
		
	.add-top-pad-add-left-margin
	{
		
		margin-top: 3.5rem;
	    margin-left: 0;
		
	}
		
	.nav-item-medium-long,	
	.nav-item-medium
	{
		
		width: 10rem;
	    font-size: 1rem;
	    padding: 0.75rem 0.5rem;
	    margin: 0.325rem 0;
	}
	
	.nav-item-medium-long
	{
		
		width: 20rem;
		
	}	
	
	.left-button-holder-top,
	.left-button-holder,
	.top-buttons-holder
	{
	
		position: relative;
	    margin-left: 0;
	    margin-right: 0;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	    display: flex;
	    /* z-index: 10; */
	
	}
		
		
	.left-button-holder-top
	{
		
		margin-top: 2rem;
	}
	
	
	
	.content-container-pad-3
	{
		padding: 3.5rem 1rem;
	}
		
	
	  
	.nav-link,
	.nav-link-selected
	{
	    font-size: 1.5rem;
	    color: #475569;
	}
	
	
	.nav-link
	{
	    
	    font-weight: 400;
	}



	.nav-link-simple-black
	{

		width: auto;
    padding: 0;
    margin: 0;
    color: black;
    font-family: 'Sentient-Regular';
	}

    .hamburger {
        display: block;		/* IMPORTANT - REVEAL THE MOBILE MENU ICON */
        cursor: pointer;
		margin: 0rem 1rem;
    }
	
	/* IMPORTANT - TRANSITION TO "X" AFTER CLICKING ON MENU  */
    .hamburger.active .bar:nth-child(2),
    .hamburger.active .barWhite:nth-child(2)  
    {
        opacity: 0;
    }

    .hamburger.active .bar:nth-child(1), 
    .hamburger.active .barWhite:nth-child(1) 
    {
        transform: translateY(8px) rotate(45deg);
    }

    .hamburger.active .bar:nth-child(3), 
    .hamburger.active .barWhite:nth-child(3) 
    {
        transform: translateY(-8px) rotate(-45deg);
    }
    
    .side-content
	{
		padding-top: 7rem;
	    padding-bottom: 3rem;
	    width: 445px;
	    max-width: 100%;
	    position: relative;
	    color: black;
	    margin-left: 0rem;
    	text-align: center;
    }
    
	.big-text
	{
		line-height: 30px;
		font-size: 1.5rem;
		color: black;
	}
	
		
	.grid-2-columns
	{
		
		
	    display: flex;
	    flex-direction: column;
	    align-content: flex-start;
	    /* align-items: center; */
	    grid-gap: 0px;
		
	}
		
		
	.grid-buttons-2
	{
		
		
	    margin: 0;
	    padding: 0;
	    
    	justify-content: center;
    	display: flex;
	    flex-direction: column;
	    align-content: center;
	    align-items: center;
	    grid-gap: 1rem;
		
	}
	
		
	.centerTextBold
	{
		font-weight: 500;
		color: #000;
		text-align: center;
		margin-bottom: 0;
		font-size: 1.275rem;
	    line-height: 1.5;
		
	}
	
	.centerTextSemiBold
	{
		font-weight: 400;
		color: #000;
		text-align: center;
		margin-bottom: 0;
		font-size: 1.275rem;
	    line-height: 1.5;
		
	}
	
	.mid-text-p-white-no-shadow,
	.mid-text-p-white,
	.mid-text-p-left-indent,
	.mid-text-p-left,	
	.mid-text-p
	{
		
		margin: 0;
		line-height: 1.75rem;
		text-align: center;
		margin-top: 1.5rem;
		color: rgba(95, 96, 101, 1);
		margin-bottom: 1rem;
		padding: 0rem 2rem;
	}
	
	
	.mid-text-p-left-indent,	
	.mid-text-p-left
	{
		
		padding: 0.5rem;
	    text-align: left;
	    margin-top: 0.5rem;
	    margin-bottom: 0.5rem;
	}
	
	.mid-text-p-left-indent
	{
		text-indent: 2.5rem;
	}
	
	
	
	.mid-text-p-2
	{
		font-size: 1.25rem;
		margin-bottom: 2rem;
		padding: 0;
	}
	
	.mid-text-p-white-no-shadow
	{
		color: white;
	}
	
	.mid-text-p-white
	{
		color: white;
	}			
	
	
	
	.text-white
	{
		
		color: white;	
	}
			
	.font-size-basic
	{
		font-size: .875rem;
		
	}
	
	.no-margin
	{
		margin: 0;
		margin-left: auto;
    	margin-right: auto;
    	position:relative;
	}	
	
	.center-image-table
	{
		display: table;
		position:relative;
		margin: 0;
		margin-left: auto;
	    margin-right: auto;
	}
	
	
	
	.margin-center
	{
		padding: 0rem 0rem;
		padding-bottom:1.5rem;
		/* margin: 0rem 0rem; */
		
	}
	
		
		
	.div-margin-center
	{
		
		padding: 0rem 0rem;
		
		margin-bottom: 0rem;
	    padding-bottom: 0.5rem;
	    text-align: left;
	    margin-left: 0.5rem;
		
	}
		
		
		
	.content-grid-holder
	{
		
		    background-color: transparent;
	    padding: 2rem 0rem;
	    border-radius: 10px;
	    display: flex;
	    align-items: center;
		
	}
		
		
	.mid-column
	{
		flex-grow: 1;
	    min-width: 0;
	    word-break: break-word;
	    overflow-wrap: break-word;
		flex-basis: auto;
		margin-bottom: 1.75em;
		max-width: 50%;
		padding-right: 1rem;
	
	}
	
	.white-text-color
	{
		
		color: #fff;
	}
	

}





@media only screen and (max-width: 768px) {	/* IMPORTANT - FLEX DIRECTION COLUMN VERTICAL */
    

	
	.big-text-solid-white-bold
	{
		font-size: 1.75rem !important;
    	line-height: 2rem !important;
	}

	.big-text-top-more
	{
	
		margin-bottom: 0rem;
	    display: flex;
	    align-content: flex-start;
	    align-items: flex-start;
	    margin-left: 2rem;
	}
	
	
	.topSectionBg
	{
		display: flex;
	    justify-content: space-between;
	    height: 20rem;
	    padding-top: 1rem;
	}
	
	.near_me_div
	{
		margin-top: -5rem;
		margin-top: -8rem;
		font-size: 0.75rem;
	}
	
	
	
	.grid-bottons-2-main
	{
	   
    	width: 100%;
    	background-color: #ffffff66;
    	margin: 0 0.5rem;
	    border-radius: 1rem;
	    border-width: 2px;
	
	}
	
	.searchInput
	{
	
		padding-left: 1rem;
		border-top-left-radius: 1rem;
    	border-bottom-left-radius: 1rem;
	}
	
	.detailsPadding2
	{
		padding: 0;
		
	}
	
		
	.businessDetailsHolder {
	    border-radius: 10px;
	    padding: 1rem 1rem;
	    margin-top: 0rem;
	    display: flex;
	    flex-direction: column;
	    background-color: #708090ab;
	}
	
	
	.detailsContainer
	{
		
		padding-top: 3.5rem;
		padding-bottom: 3.5rem;
		height: 100%;
	}
		
		
		
	.content-container-main
	{
		padding: 2rem 0rem;
	}	
	
	
	.content-container-main-details
	{
		background-color: #ffffff73;
		padding: 2rem 1rem;
		border-radius: 10px;
		margin-top: 2rem;
		padding-top: 2rem;
		color: white;
		
	}
	
	
	
}