:root {
 
 
 
  --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
   */
}
* {
    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;
}



div
{
	position: relative;
}

.labelOverInput
{

	position: absolute;
    left: 0px;
    top: -16px;
    /* top: -23px; */
    font-size: 12px;
    line-height: 20px;
    color: #999;
    width: 0;
    pointer-events: none;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    transition: width 1.5sease;
	
}

.dropdown {
    position: absolute;
    right: 0;
    top: calc(100% + 7px);
    font-size: 14px;
    line-height: 48px;
    background-color: white;
    border-radius: 3px;
    z-index: 150;
    text-align: left;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
    opacity: 0;
    pointer-events: none;
    letter-spacing: normal;
    transform: translateY(24px);
    transition: 0.3s ease;
    transition-property: opacity, transform;
}

.dropdown li {
    white-space: nowrap;
    position: relative;
}

.dropdown .delimiter {
    margin-top: 13px;
    position: relative;
    background: transparent;
    list-style: none;
    padding: 0;
}

.dropdown .delimiter:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -7px;
    height: 1px;
    background-color: #ebebeb;
}

.dropdown a:not(.icon)
{
    color: #333;
    display: block;
    position: relative;
    cursor: pointer;
    padding: 0 36px 0 72px;
    transition: color 0.3s ease;
}


.dropdown svg {
    position: absolute;
    top: calc(50% - 12px);
    left: 24px;
    width: 24px;
    height: 24px;
    fill: #999;
}


.header_userinfo_holder
{
	display: flex;
    -moz-box-pack: center;
    cursor: pointer;
    place-content: center;
    -moz-box-align: center;
    align-items: center;
    margin-left: 16px;
}

.header_userinfo_holder.display .dropdown {
    opacity: 1;
    transform: translateY(0) !important;
    pointer-events: auto;
}

.dropdown.padding {
    padding: 12px 0;
}

.header_userinfo_holder .dropdown {
    top: calc(100% + 13px);
}

@media (hover: hover) {
    .dropdown li:hover > a:not(.icon) {
        color: black;
    }

	.dropdown li:hover > a:not(.icon) svg {
        fill: #333;
    }
}



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;
}


.setting_top_tab
{

	border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #5f6a7d;
    /* color: var(--color-black-75); */
    font-size: 18px;
    line-height: 24px;
    padding: 1rem 1.5rem;
    /* background: #fff; */
    /* background: var(--color-white); */
    border-color: #ececec;
    margin-bottom: 0;
	
}

.setting_top_tab.active
{
    background: #fff;
}




.setting_top_tab:hover
{
	border: 1px solid #ececec;
    background: #fff;
	color: black;
	font-weight: 500;
}


.businessLink
{
	color: #03A9F4;
    font-weight: 700;
	
}

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

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



.desktop-side-menu
{
	
	
    /* color: #fff; */
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    z-index: 1;
    overflow: hidden;
    flex: 0 0 225px;
    max-width: 225px;
    min-width: 225px;
    width: 225px;
    border-right: none;
    background: #fff;
    position: relative;
    /* background: #001529; */
    transition: all .2s ease-in-out;
    
	
	
}

.desktop-side-menu-collapse
{
	
	
	max-width: 60px !important;
    min-width: 60px !important;
	
	
}


.side-children
{
	
	padding-top: 0.1px;
    margin-top: -0.1px;
    transition: all .2s ease-in-out;
    background-color: rgb(255, 255, 255) !important;
    position: fixed;
    overflow-y: visible;
    box-sizing: content-box;
    padding-bottom: 4rem;
    width: 225px;
    height: 100%;
    /* border: 2px solid red; */
    top: 0;
    left: 0;
	
}


.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;
}

.desktop-side-menu-collapse .side-children
{
	
	
	width: 60px;
	
}


.desktop-side-menu-collapse a > span {
  transition: all .2s ease-in-out;
  overflow: hidden;
  opacity: 0;
  margin: 0;
  width: 0;
}


.navbar-collapse
{
	
	padding-left: 0.75rem !important;
}


.menu-a
{
	position: relative;
	background-color: transparent;
    outline: none;
    cursor: pointer;
    touch-action: manipulation;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    color: rgb(41, 68, 85) !important;
    text-decoration: none;
    padding: 1rem 20px;
    transition: background 0.25s;
    overflow-y: hidden;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.05em;
    text-decoration: none;
    overflow: hidden;
    padding-right: 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.75rem 20px;
	
	
	
}


.menu-a::before
{
	
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 0.25rem;
	/* background: rgb(185, 59, 228); */
	
	
  	background: #f44336;
	
	transition: opacity 0.25s;
	opacity: 0;
	
	
}


.menu-a:hover::before {
  opacity: 0.5;
}


.menu-a.-active 
{
  box-shadow: rgba(6, 35, 51, 0.15) 0px 4px 8px;
  
  color: rgb(185, 59, 228) !important;
  --fa-primary-color: #B93BE4;
  
  
  color: #f44336 !important;
  --fa-primary-color: #f44336;
  font-weight: 700;
  
  
  
  
}

.menu-a.-active::before {
  opacity: 1;
}




.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;
    
    
}

.inputLabel
{

	    box-sizing: border-box;
    position: absolute;
    left: 0.25rem;
    top: -23px;
    font-size: 12px;
    line-height: 20px;
    color: #999;
    width: 0;
    pointer-events: none;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    transition: width 1.5s ease;
    top: -1rem;
}


.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; */
    transition: all .2s ease-in-out;
	
	
    
}

.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  */
}

.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;
}





.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;
}



.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; 
  
}


.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;
}

.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;
	
}


.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;
}


.mainAdminHolder
{

	display: block;
    padding: 15px 20px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ececec;
}

.mainDashboardHolder
{
	
	display: block;
    padding: 15px 20px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ececec;
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}


.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;
}

.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; */
    
	
}


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

.main-article
{
	
	margin-bottom: 3.75rem;
	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;
    
	
}

.mid-section-row-flex,
.top-section-flex-no-bottom,
.top-section-flex
{
	
	display: flex;
    flex-direction: row;
    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;
	
}


.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
    }
}


@keyframes spin {
  100% {
    transform: rotate(360deg); 
  } 
}



.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;

}


.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-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;
}



.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-main
{
	padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    width: 100%;
    margin: 0rem 2rem;
	
}


.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,
.big-text-main
{
	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;
}


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

.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-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;
}

.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-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;
	
}



.text-bold-mid-big
{
	font-size: 2rem;
    line-height: 2.25rem;
    font-weight: 600;
	
}

.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;
}



.responseTextBlue
{
	font-size: 2rem;
    margin-left: 3rem;
    font-weight: 200;
    color: #09f;
}

.red-text
{
	color: red;
}



.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;
	
	
}

.select_custom
{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url('data:image/svg+xml;utf8,<svg fill="%23333" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5H7z"/></svg>');
	background-image: url('data:image/svg+xml;utf8,<svg fill="%23333" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5 7l7 10 7-10H5z"/></svg>');
	background-image: url('data:image/svg+xml;utf8,<svg fill="none" stroke="%23333" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><polyline points="5 8 12 16 19 8"/></svg>');
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 15px;
	padding-right: 30px; /* Ensures space for the arrow */
}

.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
}



.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;
	
}





.left-menu-text
{


	font-size: 14px;
    margin: 0px 0px 0px 8px;
    opacity: 1;
    transition: 0.2s ease-in-out;
    text-transform: uppercase;
    white-space: nowrap;
    transition: all .2s ease-in-out;
}



.dropzone_box {
	width: 300px;
	height: 200px;
	border: 2px dashed #aaa;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #666;
	font-family: sans-serif;
	cursor: pointer;
	width: 100%;
}

.dropzone_box.hover {
	border-color: #333;
	background-color: #f9f9f9;
}


.dropzone_content_holder
{
	
	display: flex;
    flex-direction: column;
    align-items: center;
}



.dropzone_text
{
	text-align: center;
    line-height: 1.5rem;
    font-weight: 700;
}


.remove-button {
  background-color: #ff4d4f;
  color: white;
  border: none;
  padding: 6px 10px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.9rem;
}

.preview-image {
  max-width: 100%;
  max-height: 150px;
  border-radius: 6px;
  margin-top: 10px;
}


.preview-image-contain
{
	width: 100%;
    height: 100%;
    max-width: 30rem;
    max-height: 10rem;
    object-fit: contain;
}


.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);
    margin-bottom: 1rem;
	
}




.grid-top-align
{display: flex;width: 100%;align-content: center;align-items: flex-start;margin-bottom: 0.5rem;}

.input_holder_with_label
{width: 30rem;margin-top: 0.75rem;}

.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-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;
	
}

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


.footerContent
{
	text-align: left;
	border-top-width: 1px;
    padding: 3rem 1.25rem 1.5rem;
    position: relative;
    z-index: 2;
    max-width: 1132px;
	
}


.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;  */
}



.displayNone
{

	 display:none; 
}


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


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

.tableHolder
{
	box-sizing: content-box;
    padding-right: 0px;
    overflow: scroll;
    width: 100%;
    max-height: 78vh;
    margin: 0;
    padding: 0;
	
}

.trHolder
{

	background-color: transparent;
    height: 60px;
}

.tbodyHolder
{

	display: table-row-group;
    max-height: 65vh;
    overflow-y: scroll;
}

.headerHolder
{display: table-header-group;position: sticky;top: 71px;z-index: 60;margin: 0;width: 100%;}

.headerColTdCounter,
.headerColTdNum
{

	padding: 0 24px !important;
    font-size: 12px;
    line-height: 24px;
    height: 59px;
    color: #999;
    text-align: left;
    font-weight: normal;
    position: relative;
    z-index: 10;
    border-top: 1px solid #ececec;
    border-bottom: 2px solid #ececec;
    background: #fafafa !important;
    transition: color 0.3s ease;
}

.headerColTdCounter
{
	width: 2rem;
	min-width: 3rem;
}

.colTdCapitalize,
.colTd
{
	padding: 0 24px;
	position: relative;
	font-size: 14px;
	line-height: 24px;
	background-color: white;
	border-top: 1px solid #ececec;
	transition: 0.3s ease;
	transition-property: background-color, z-index;
	width: fit-content;
}


.colTdCapitalize
{

	text-transform: capitalize;
}

.colNumAndEditHolder
{display: flex;gap: 1rem;width: fit-content;min-width: 3.5rem; width: 3.5rem;}
.trHolder:hover > td
{background-color: #ffc10736;}

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

.edit_button_svg_holder
{
	display: none;
	cursor: pointer;
	display: flex;
    /* height: 20px; */
    /* border: 2px solid; */
    position: relative;
    box-sizing: border-box;
}

.edit_buttons_holder
{
	position: absolute;
	width: 100%;
	/* height: 5rem; */
	background-color: #fffffff0;
	/* background-color: #0000004d; */
	display: none;
	justify-content: space-between;
	padding: 1rem 1rem;
	border-radius: 0;
	border-bottom: 1px solid #ffffff6e;
	gap: 0.75rem;
    padding: 0.5rem;
}


.media_main_holder_no_border,
.media_main_holder
{
	background-size: cover;
    width: 30rem;
    margin: 0;
    border: 1px solid;
    display: flex;
    background-position: center;
    background-repeat: no-repeat;
    
    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;
	height: 100%;
    width: 100%;
    /* margin: 0 2rem; */
    border: 1px solid lightgray;
    padding: 0;
    border-radius: 0.5rem;
    overflow: auto;
}



.media_holder_instagram
{
	min-height:560px;
}


.media_main_holder_no_border
{
	border: none;
}


.media_main_holder:hover > .edit_buttons_holder
{
	display: flex;
}



.media_main_holder_no_border:hover > .edit_buttons_holder
{
	display: flex;
	padding-left: 3rem;
	padding-right: 3rem;
	/* margin: 0 4rem; */
}


.media_container_tiktok_padded
{
	width: 100%;
    font-size: 1rem;
    margin-bottom: 2rem;
	
}

.media_container_padded
{
	padding: 0 2rem;
    break-inside: avoid;
}


.media_container_padded_no_padding
{
	padding: 0;
    break-inside: avoid;
}

.media_holder
{
	width: 100%;
    padding: 0.5rem 0;
}



.media_holder_no_padding
{
	width: 100%;
    padding: 0;
}

.trHolder:hover > .colTd > .colNumAndEditHolder > .edit_holder
{

	display: block;
	
}

.displayBlock
{

	display:block;
}
	

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





.top_controls_button
{
	border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #5f6a7d; 
    /* color: var(--color-black-75); */
    font-size: 18px;
    line-height: 24px;
    padding: 1rem 1.5rem;
    /* background: #fff; */
    /* background: var(--color-white); */
    border-color: #ececec;
    margin-bottom: 0;
}


.top_controls_button:hover
{
	border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #5f6a7d; 
    /* color: var(--color-black-75); */
    font-size: 18px;
    line-height: 24px;
    padding: 1rem 1.5rem;
    /* background: #fff; */
    /* background: var(--color-white); */
    border-color: #ececec;
    margin-bottom: 0;
	background: #fff;
	font-weight: 600;
	
}

.top_controls_button.active:hover,
.top_controls_button.active
{
    background: #fff;
    font-weight: 600;

}

.top_controls_button a
{
	color: #5f6a7d; 
	
}





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




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

@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;
			
			
    }
    
    
    
	.main-section-top 
	{
		padding-top: 3rem;
		
	}

    .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;
	
	}  
	
		
	.affliated_long_icon
	{
		
		width: 100%;
	}
	
	.top-section-flex
	{
		
		display: flex;
	    flex-direction: column;
	    justify-content: center;
	    padding-bottom: 2rem;
		
	}
	
	
	.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; */
		
	}
	
		
	.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;
		
	}
						
	
	
	.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;
	}
	
	
	
	.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);
	}
	
	
	
	.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;
	}
			
	
	.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;
	    
	}
		
		
		
	.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;
	}



    .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) {
        opacity: 0;
    }

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

    .hamburger.active .bar: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;
		
	}
		
	
	
		
	.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;
	}




	
    .pinterest-grid {
      column-count: 2;
    }
  
	

}




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

*/

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


  	.pinterest-grid {
      	column-count: 1;
    }
  

}