/* CSS Document */


/* API Homepage Styles
--------------------------------------------------------------------------------*/
.container {
	padding-right: 25px;
	padding-left:25px
}

.section {
	padding:60px 60px
}

.bigger-section {
	padding:90px 60px
}


@media (max-width:992px){
    .section {
        padding:60px 40px
    }    
}


@media (max-width:768px){
    .section {
        padding:60px 0px
    }    
}


.gradient-bkg {
	background: rgb(142,123,231);
	background: linear-gradient(90deg, rgba(142,123,231,1) 0%, rgba(95,65,223,1) 50%, rgba(73,155,230,1) 100%);
}

.btn {
	font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 40px;
    border-radius: 2rem;
}

.btn-blue {
	background:#00D5DD;
	color:#fff
}

.btn-blue:hover {
	background:#512cde;
	color:#fff
}

.btn-purple {
	background:#512cde;
	border: 1px solid #512cde;
	color:#fff
}

.btn-purple:hover {
	background:#fff;
	border-color: #512cde;
	color:#512cde
}

a {
	color:#512cde
}

a:hover {
	color:#CABFF5;
	text-decoration:none
}

@media (min-width: 1200px){
	.container {
		max-width: 1540px;
	}
}

.guide-icon {
	max-width:64px
}

.guide-icon svg {
	fill:#575c63
}

.hp-logo svg {
	max-width:138px
}






/* Header --------------------------------------------------------------------------------*/


#hero {
    padding-bottom: 0
}


#header {
    padding: 0 0 60px;
}


.header-nav a {
	color:#fff
}

.header-nav a:hover {
	color:#00D5DD;
	text-decoration:none
}

#header .btn-header {
	border: 1px solid #fff;
}

#header .btn-header:hover {
	color:#00D5DD;
	background:#fff
}

#header .btn-header-mobile {
	border: 1px solid #00D5DD;
	color: #00D5DD
}

#header .btn-header-mobile:hover {
	color:#fff;
	background:#00D5DD
}

#mobileToggle {
	background:none;
	border:none;
	color: white;
	padding:0
}

#mobileToggle:focus-visible, #mobileToggle:focus {
	border:none;
	outline:none;
	box-shadow:none;
}

#mobileToggle.dropdown-toggle::after {
	display:none
}

#mobileToggle + .dropdown-menu .dropdown-item:focus, #mobileToggle + .dropdown-menu .dropdown-item:hover {
	background:none
}

/*.mobile-nav {
	display:none;
}

.mobileToggled .mobile-nav {
	display:block;
}*/


/* Banner --------------------------------------------------------------------------------*/
/*.banner-wrap {
	background: rgb(142,123,231);
	background: linear-gradient(90deg, rgba(142,123,231,1) 0%, rgba(95,65,223,1) 50%, rgba(73,155,230,1) 100%);
}*/


#banner {
	padding: 0 0 0px
}


#hero .custom-shape-divider-bottom-1623339515{
    margin: 0 -65px;
}
.custom-shape-divider-bottom-1623339515 {
    /*position: absolute;*/
    /* bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;*/
}

.custom-shape-divider-bottom-1623339515 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 80px;
}

.custom-shape-divider-bottom-1623339515 .shape-fill {
    fill: #FFFFFF;
}



.banner-title {
	font-size:48px;
	color:#fff
}

.banner-form {
	padding:40px 0
}


.banner-form .form-control, 
.input-group-text {
	background: none;
}
.banner-form .input-group-text {
	color:white;
    border: 0;
}

/*.banner-form .input-group-prepend {
	margin-left:-20px
}*/


.banner-form .input-group-text,
.banner-form .input-style {
    background: none;
    color: #fff;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid white;
}


.banner-form select.input-style option {
    color: #000;
}


.banner-form .input-group:first-child, .input-group:last-child {
	margin:0
}

.input-group:last-child {
	border:0
}

@media screen and (max-width: 992px){
	/*.banner-form .select-wrap:after {right:2%}*/
	.banner-form .input-group {margin:0}
	#banner {padding:0}
}

@media screen and (max-width: 576px){
	.banner-form {
    	padding: 40px 20px;
	}
	.banner-title {font-size:38px}
}


/*.banner-form .select-wrap:after {
    content:"\f078";
    font-family: "Font Awesome 5 Free";
    color: #fff;
    padding: 12px 8px;
    position: absolute; right: 0; top: 0;
    z-index: 1;
    text-align: center;
    width: 10%;
    height: 100%;      
    pointer-events: none;
    box-sizing: border-box;   
}*/

.banner-form .custom-select:focus, .banner-form .form-control:focus {
	box-shadow:none
}




/*#search-group {
	border-bottom: 1px solid #fff;
}
*/
#banner input::placeholder {
  color: #fff;
}

#banner ::-webkit-input-placeholder {  /* Chrome/Opera/Safari */
  color: #fff;
}
#banner ::-moz-placeholder {  /* Firefox 19+ */
  color: #fff;
}
#banner :-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
#banner :-ms-input-placeholder {  /* Edge/IE 10+ */
  color: #fff;
}

#banner .btn-blue {
	background:#00D5DD;
	color:white;
	height: 36px
}

#banner .btn-blue:hover {
	background:white;
	color:#00D5DD
}

.pac-container {
        z-index: 10000 !important;
 }

.pac-container:after {
    background-image: none !important;
    height: 0px;
}


/* Listing --------------------------------------------------------------------------------*/


.listing_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* grid-template-rows: repeat(4, 1fr); */
    grid-column-gap: 30px;
    grid-row-gap: 30px;    
    
}

@media (max-width:1650px ){
    .listing_grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .listing_grid .grid-item:nth-last-child(-n+2) {display: none}
}


 @media (max-width:1200px ){
    .listing_grid {
        grid-template-columns: repeat(2, 1fr);
    }
    /* .listing_grid .grid-item:nth-last-child(-n+4) {display: none} */
} 

@media (max-width:650px ){
    .listing_grid {
        grid-template-columns: repeat(1, 1fr);
    }
}



.box-wrap {
    padding:15px;
    border-radius: 10px;
	margin-bottom:15px;
    box-shadow: 1px 8px 8px 0px rgb(0 0 0 / 20%);
    height: 100%;
}

.listing-image {
    object-fit: cover;
    width: 125px;
    height: 146px;
    border-radius: 5px;
}


@media (max-width:1200px ){
    .listing-image {
        width: 100px;
        height: 100px;
    }
}



@media (max-width:650px ){
    .listing-image {
        width: 100px;
        height: 100px;
    }
}



@media (max-width:400px ){
    .listing-image {
        width: 75px;
        height: 100px;
    }
}



.star-rating-value {
	color:#9E94EA;
	font-size:15px
}

.star-rating {
  display: inline-block;
  font-size: 24px;
  font-family: Times;
  line-height: 1em;
}

.star-rating::before {
    content: '★★★★★';
    letter-spacing: 1px;
    background: linear-gradient(90deg, #ffd800 var(--rating-percent), #e0dada  0%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.location {
	color:#919191
}


/* 
@media screen and (max-width: 1388px) { 
	.img-desktop {margin-left:-30%}
	
}

@media screen and (max-width: 1200px) { 
	.img-desktop {margin-left:-40%}
	
}

@media screen and (max-width: 1080) { 
	.img-desktop {margin-left:-50%}
	
}

@media screen and (max-width: 1010px) { 
	.img-desktop {margin-left:-55%}
	
}

@media screen and (min-width: 992px) and (max-width: 1200px) { 
	.practice-details {
		clear: both;
		display: block;
		padding-top: 10px;
	}
	.star-rating-value {
		display:block;
		margin-top: 5px
	}
}

@media screen and (min-width: 768px) and (max-width: 992px) { 
	.star-rating {
		clear: both;
		display: block;
		margin-top: 30px;
	}
}
*/

/* Guide --------------------------------------------------------------------------------*/






/* Details --------------------------------------------------------------------------------*/

#details {
	color:#fff
}

@media screen and (max-width: 1300px) {
	#details .h3 {font-size:1.4rem}
}

@media screen and (max-width: 1200px) {
	#details .h3 {font-size:1.2rem}
}

@media screen and (max-width: 1070px) {
	#details .h3 {font-size:1.1rem}
}

@media screen and (max-width: 1024px) {
	#details .h3 {font-size:.96rem}
}

@media screen and (max-width: 992px) {
	#details .h3 {font-size:1.1rem}
}

@media screen and (max-width: 600px) {
	#details .h3 {font-size:1rem}
}




/* Join --------------------------------------------------------------------------------*/

.grey-bkg {
	background:#F7F7F7
}

.join-text-wrap {
	padding: 90px 0
}

@media screen and (max-width: 992px){
	.join-text-wrap {padding:50px 0}
}

@media screen and (max-width: 768px){
	.join-text-wrap {padding:40px 0}
	.img-desktop {width:100%}
}





/* Quicklinks --------------------------------------------------------------------------------*/

.two-col-list {
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0;
    margin-top: 2em;
    column-count: 2;
    height: 150px;
	column-gap: 25px;
}

#quicklinks span {
	display:block;
	margin-bottom:5px
}

@media screen and (max-width: 992px){
	.quicklinks-list {display:none}
	#quicklinks span.social-title {
		display:inline-block;
		/*margin-right:20px*/
	}
	.social-wrap {display:inline-block}
}

@media screen and (max-width: 768px){
	#quicklinks span.social-title {
		display:block;
		margin-right:0
	}
	.social-wrap {display:block}
}

.ig-gradient {background:linear-gradient(27deg, rgba(254,218,119,1) 0%, rgba(245,133,41,1) 14%, rgba(221,42,123,1) 38%, rgba(129,52,175,1) 66%, rgba(81,91,218,1) 100%);border-radius:3px}

.ig-gradient:before {
	padding-right: 1px;
    padding-left: 4px;
    padding-top: 3px;
    padding-bottom: 2.5px;
    font-size: 23px;
    display: block;
}

@media screen and (max-width: 992px){
	.ig-gradient:before {
		padding-bottom: 3px;
		font-size: 26px;
	}
}
@media screen and (min-width:645px) and (max-width: 812px){
	.ig-gradient:before {padding-right: .5px;}
}
@media screen and (max-width: 768px){
	.ig-gradient:before {font-size: 24px;}
}
/*@media screen and (min-width:645px) and (max-width: 667px){
	.ig-gradient:before {padding-right: .5px;}
}
*/
@media screen and (min-width:361px) and (max-width: 413px){
	.ig-gradient:before {padding-right: .5px;}
}

.social-padding {
	padding-right:10px
}


/* Footer --------------------------------------------------------------------------------*/

#footer {
	padding:20px 0;
	border-top: 1px solid #BFBFBF
}

.footer-logo-sm svg {
	max-width: 32px;
	height:initial
}

.footer-logo-lg svg {
	max-width: 75px
}