.pagination-controls{
		display: flex;
		align-items: center;
		gap: 1rem;
		margin-bottom: 1.5rem;
	}
	.pagination-controls.pagination-bottom{
		margin-top: 1rem;
		margin-bottom: 0;
	}
	@media(max-width: 768px){
		.pagination-controls:not(.pagination-bottom){
			display: none !important;
		}
	}
	.pagination-btn{
		font-size: 0.9rem;
		border-radius: 3px;
		padding: 0.75rem 1.5rem;
		text-transform: uppercase;
		border: solid 1px #52C6D8;
		background: #52C6D8;
		color: white;
		font-family: "Montserrat";
		font-weight: 600;
		cursor: pointer;
	}
	.pagination-btn:hover{
		background: #000000;
		color: #52C6D8;
		border: solid 1px #000000!important;
	}
	.pagination-btn:disabled{
		background: #cccccc;
		border-color: #cccccc;
		color: #888888;
		cursor: not-allowed;
	}
	.pagination-btn:disabled:hover{
		background: #cccccc;
		color: #888888;
		border-color: #cccccc;
	}
	.pagination-info{
		font-family: "Montserrat";
		font-size: 1rem;
		color: #52C6D8;
		font-weight: 500;
	}
	.class-card:nth-child(n+3) {
		border-top: solid 2px #d0d0d0 !important;
	}
	@media(max-width: 600px){
		.pagination-controls{
			flex-wrap: wrap;
			justify-content: center;
		}
		.pagination-btn{
			padding: 0.5rem 1rem;
			font-size: 0.8rem;
		}
	}
	.class-results-amount h2  span.c-word, .class-results-amount h2  span.is-are{
		font-weight: 400;
	}
	.no-results-message{
		font-family: "Montserrat"!important;
		font-size: 1.5rem;
		color: #717171;
		font-weight: 400;
		text-align: center;
		margin-top: 4rem;
	}
	/* Skeleton Loaders for Classes */
	.class-skeleton{
		display: flex;
		align-items: center;
		padding: 1rem;
		border: solid 2px #e0e0e0;
		border-radius: 3px;
		margin-bottom: 10px;
		gap: 1rem;
		min-height: 150px;
	}
	.class-skeleton .skeleton-date{
		width: 20%;
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
	}
	.class-skeleton .skeleton-instructor{
		width: 60%;
		display: flex;
		gap: 1rem;
		align-items: center;
	}
	.class-skeleton .skeleton-action{
		width: 20%;
		display: flex;
		justify-content: center;
	}
	.class-skeleton .skeleton-image-small{
		width: 60px;
		height: 60px;
		border-radius: 50%;
		background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
		background-size: 200% 100%;
		animation: skeleton-pulse 1.5s ease-in-out infinite;
	}
	.class-skeleton .skeleton-text{
		flex: 1;
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
	}
	.class-skeleton .skeleton-line{
		height: 1rem;
		width: 80%;
		background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
		background-size: 200% 100%;
		animation: skeleton-pulse 1.5s ease-in-out infinite;
		border-radius: 3px;
	}
	.class-skeleton .skeleton-line.short{
		width: 50%;
	}
	.class-skeleton .skeleton-button{
		width: 120px;
		height: 40px;
		background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
		background-size: 200% 100%;
		animation: skeleton-pulse 1.5s ease-in-out infinite;
		border-radius: 3px;
	}
	@keyframes skeleton-pulse {
		0% { background-position: 200% 0; }
		100% { background-position: -200% 0; }
	}
	.class-card-address-distance.message{ 
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 0.5rem;
	}
	.geo-message br{
		display: none!important;
	}
	.book-button{
		font-size: 0.9rem;
		border-radius: 3px;
		padding: 0.75rem 1.5rem;
		text-transform: uppercase;
		border: solid 1px #52C6D8;
		background: #52C6D8;
		color: white;
	}
	.book-button:hover{
		background: #000000;
		color: #52C6D8;
		border: solid 1px #000000!important;
	}
	.class-card-address-distance.zoom img{
		width: 35px;
	}
	.class-card-address-distance.zoom{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-end;
		color: #717171;
		font-family: "Montserrat";
		font-size: 1rem;
		font-weight: 500;
	}
	.class-card-address-distance.zoom span{
		margin-top: 0.5rem;
	}
	.class-results-amount{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.geo-message{
		font-size: 0.8rem;
		color: #000000;
		text-align: center;
	}
	.class-card-instructor-info-metadata-rank{
		display:none!important;
	}
    .class-card-instructor-info-metadata .class-card-address-direction{
        text-align: left;
    }
	.class-card-address-distance.message{
		display: none!important;
	}
	#more-filters, #i-location, #i-date, .time-range-wrapper{
		width: 100%;
		display: flex;
	}
	#suggestions{
		transform: translateY(1.5rem);
		z-index: 9;
		max-width: 100%;
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		border: solid 2px #77777777;
		color: #999999;
		min-width: 100%;
		left: 0;
	}
	.suggestion-item {
		padding: 8px;
		cursor: pointer;
		background-color: #fff;
	}
	.suggestion-item:hover {
		background-color: #eee;
	}
	.class-card .language{
		font-size: 0.9rem;
    	color: #717171;
	}
	.instructor-card a{ 
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	.search-filter-active span{
		pointer-events: none;
	}
	.search-filter-active.search-selector-zoom{
		display: none;
	}
	@media(max-width: 768px){
		#suggestions{
			max-width: 400px;
			min-width: 400px;
		}
	}
	@media(max-width: 600px){
		.letabs button{
			margin: 0!important;
		}
		#suggestions{
			max-width: 100%;
			min-width: 100%;
		}
	}
    .time-range-inner{
        position: relative;
        cursor: pointer;
    }
    .form_control_container__time__input{
        display: none;
    }
    .range_container.active{
        display: flex;
    }
    .range_container {
      flex-wrap: wrap;
      padding: 1rem 1.5rem 1.5rem;
      min-width: 100%;
      position: absolute;
      left: 0rem;
      background: white;
      top: 4rem;
      box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
      display: none;
      z-index: 2;
	  width: 100%;
    }
	.distance .range_container{
		box-shadow: unset;
		display: flex;
		position: relative;
		min-width: 100%;
		width: 100%;
		left: 0;
		padding: 0;
		padding: 1rem 1.5rem 1rem;
		top: 0;
		font-family: "Montserrat";
	}
    .range_wrapper{
        display: flex;
        justify-content: space-between;
        margin-bottom: 1rem;
    }
    .sliders_control {
      position: relative;
      min-height: 20px;
    }
    
    .form_control {
      position: relative;
      display: flex;
      justify-content: space-between;
      font-size: 1rem;
      color: #635a5a;
    }
    
    input[type=range]::-webkit-slider-thumb {
      -webkit-appearance: none;
      pointer-events: all;
      width: 24px;
      height: 24px;
      background-color: #fff;
      border-radius: 50%;
      box-shadow: 0 0 0 1px #C6C6C6;
      cursor: pointer;
    }
    
    input[type=range]::-moz-range-thumb {
      -webkit-appearance: none;
      pointer-events: all;
      width: 24px;
      height: 24px;
      background-color: #fff;
      border-radius: 50%;
      box-shadow: 0 0 0 1px #C6C6C6;
      cursor: pointer;  
    }
    
    input[type=range]::-webkit-slider-thumb:hover {
      background: #f7f7f7;
    }
    
    input[type=range]::-webkit-slider-thumb:active {
      box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
      -webkit-box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
    }
    .form_control_container{
        width: 50%;
    }
    .form_control_container span{
        font-size: 0.9rem;
         color: #717171;
         font-family: "Montserrat";
    }
	.distance .form_control_container span{
		color: #000000;
	}
    input[type="number"] {
      color: #717171;
      width: 30px;
      height: 20px;
      font-size: 0.9rem;
      border: none;
      padding: 0;
      font-family: "Montserrat";
      pointer-events: none;
    }

	.clear-button{
		cursor: pointer;
	}
    input[type="range"] {
      -webkit-appearance: none; 
      appearance: none;
      height: 2px;
      width: 100%;
      position: absolute;
      background-color: #C6C6C6;
      pointer-events: none;
    }
	.distance input[type="range"] { 
		height: 5px;
	}
    .sliders_control{
        width: 100%;
        min-height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .range_wrapper{
        width: 100%;
    }
    .form_control_container.one{
        display: flex;
        justify-content: start;
    }
    .form_control_container.one span{
        position: relative;
        top: 0px;
    }
    .form_control_container.two span{
        position: relative;
        top: 0px;
    }
    .form_control_container.two{
        display: flex;
        justify-content: end;
    }
    #fromSlider {
      height: 0;
      z-index: 1;
    }

    .class-results-amount h2 span{
        font-weight: 700;
    }
    .class-results-amount{
        display: flex;
        justify-content: center;
    }
    .custom-container{
        max-width: 1140px;
        margin: auto;
        padding: 0rem 0rem 5rem 0rem;
    }
    .class-results-wrapper{
        display: flex;
        justify-content: start;
        margin-top: 0rem;
        flex-wrap: wrap;
		flex-direction: column;
    }
    .form-sub{
        cursor: pointer;
    }
    .class-card{
        width: 100%;
        display: flex;
        border: solid 2px #d0d0d0;
        border-radius: 3px;
        padding: 2rem 2rem;
        margin-bottom: 10px;
    }
    .class-card:last-child{
        margin-bottom: 0;
    }
    .class-card-date{
        width: 20%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        position: relative;
    }
    .class-card-date-day, .class-card-address-distance{
        color: #000000;
        font-family: "Montserrat";
        font-size: 1.3rem;
        font-weight: 400;
    }
    .class-card-date-time, .class-card-address-direction{
        color: #717171;
        font-family: "Montserrat";
        font-size: 1rem;
        font-weight: 500;
    }
    .class-card-instructor{
        width: 60%;
        display: flex;
        position: relative;
    }
    .class-card-instructor::before,
    .class-card-instructor::after{
        content: '';
        position: absolute;
        top: 0;
        height: 100%;
        width: 1px;
        background-color: #d0d0d0;
    }
    .class-card-instructor::before{
        left: 0;
    }
    .class-card-instructor::after{
        right: 0;
    }
    .class-card-picture{
        width: 30%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .class-card-instructor-info{
        padding-left: 2rem;
        width: 100%;
        justify-content: center;
        display: flex;
        flex-direction: column;
    }
    .class-card-instructor-info-intensity{
        color: #000000;
        font-family: "Montserrat";
        font-size: 0.8rem;
        font-weight: 400;
		text-transform: capitalize;
    }
    .class-card-instructor-info-title{
        color: #52C6D8;
        font-family: "Montserrat";
        font-size: 1.6rem;
        font-weight: 400;
		line-height: 1.2em;
    }
    .class-card-instructor-info-metadata-rank img{
        width: 10px;
        margin-right: 0.3rem;
    }
    .class-card-instructor-info-metadata-rank p{
        margin-left: 0.3rem;
    }
    .class-card-address{
        width: 20%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .class-card-address-inner{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .class-card-address-distance, .class-card-address-direction{
        text-align: right;
    }
    .class-card-instructor-info-metadata{
        display: flex;
        flex-wrap: wrap;
    }
    .class-card-instructor-info-metadata-rank{
         width: 50%;
         display: flex;
        color: #717171;
        font-family: "Montserrat";
        font-size: 0.8rem;
        font-weight: 400;
    }

    .class-card-instructor-info-metadata-name{
        width: 100%;
        color: #717171;
        font-family: "Montserrat";
        font-size: 0.8rem;
        font-weight: 400;
    }

    .class-card-picture img{
        width: 100px;
        height: 100px;
        object-fit: cover;
        border: solid 3px #52C6D8;
        border-radius: 100px;
    }
	#i-location:focus-visible, #location-input-col *, :focus-visible{
		outline: none!important;
	}
    @media(max-width: 1024px){
        .class-card{
            width: 100%;
        }
        .custom-container{
            padding: 0rem 2rem 5rem 2rem;
        }
    }
    @media(max-width: 768px){
        .class-card{
            flex-wrap: wrap;
            padding: 1rem 1rem;
        }
        .class-card-instructor-info-metadata .class-card-address-direction {
            text-align: center;
        }
		.class-card-instructor-info-title {
			line-height: 1.3em;
			margin: 0.5rem 0;
		}
        .class-card-date, .class-card-instructor, .class-card-address{
            width: 100%;
        }
        .class-card-instructor::before,
        .class-card-instructor::after{
            display: none;
        }
        .class-card-instructor{
            margin: 1.5rem 0;
        }
        .class-card-date-day, .class-card-date-time{
            text-align: center;
        }
        .class-card-address-distance, .class-card-address-direction, .class-card-instructor-info-intensity, .class-card-instructor-info-title {
            text-align: center;
        }
        .class-card-instructor{
            flex-direction: column;
        }

        .class-card-picture{
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 1rem 0;
        }
        .class-card-instructor-info{
            padding-left: 0;
        }
        .class-card-instructor-info-metadata {
            max-width: 100%;
            flex-direction: column;
            width: 100%;
            justify-content: center;
            align-items: center;
            text-align: center;
        }
        .class-card-instructor-info-metadata-rank{
            justify-content: center;
        }
    }
    @media(max-width: 600px){
		.range_container {
			min-width: 100.6%;
			left: -0.05rem;
			top: 12.7rem;
		}
		.no-results-message {
			margin-top: 0rem;
		}
		.filters-selected{
			margin-top:1rem;
		}
		.search-filter-active {
   	 		padding: 0.5rem 1rem 0.5rem 1rem;
		}
		.class-card-address-distance.zoom {
    		justify-content: center;
			align-items: center;
		}
		.class-card-address-inner {
			align-items: center;
		}
		.i-field{
			font-size: 1rem;
		}
		.class-card-picture img {
			height: 100px;
		}
		.class-card-date-day{
			font-size: 1.5rem;
		}
		.class-card-date-hour-duration{
			font-size: 1rem;
		}
		.class-card-instructor {
			margin: 0.5rem 0 1.5rem;
		}
		.class-card-instructor-info-intensity{
			font-size: 1rem;
		}
		.class-card {
			padding: 1.5rem 1.5rem;
		}
		.class-card-instructor-info-metadata-name{
			font-size: 1rem;
		}
		.class-card-address-direction{
			font-size: 1rem;
		}
        .class-card{
            width: 100%;
        }
        .class-results-amount h2{
            text-align: center;
            max-width: 90%;
        }
        .class-results-wrapper{
            margin-top: 0rem;
        }