.search-bar { display: flex; gap: 18px; margin-bottom: 25px; flex-direction: row; align-items: flex-end; align-content: flex-end; justify-content: flex-start;flex-wrap: nowrap}
.search-bar label{color: #232323; font-weight: 600; display: block; margin: 0; padding: 0 0 12px 0}
.search-bar input[type="text"],
.search-bar select{padding: 12px 20px 12px 30px;background: #f2f2f2; border:0; border-radius: 50px; font-size: 18px; outline: none !important; width: 100%; height: 65px;font-family: "Inter", Sans-serif; font-weight: 400; color: #525252}
.search-bar select{ appearance:none; -moz-appearance:none; -webkit-appearance:none;background-image: url(../img/down-arrow.svg); background-position: 95% center; background-size: 15px; background-repeat: no-repeat;}
.search-bar .searchField{width: 39%;}
.search-bar .searchbtn{width: 22%;}
.search-bar .button {outline: none !important; border: 0 !important; font-size: 18px; text-transform: uppercase; padding: 0 15px; color: #fff;height: 65px; display: block; display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center;}
.search-bar .button span{background: url(../img/icon-search.svg) left center no-repeat; background-size: 21px; display:block; padding:2px 0 2px 32px}
.search-bar .button:hover { background:var( --e-global-color-f6718de ); color: #fff;}

/* Search Filters */
.search-filters{ margin: 0 0 20px 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-content: center; align-items: center;} 
.search-filters .filter-row{ width: 77%; display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; justify-content: flex-start;gap:28px}
.search-filters select{border: 0; outline: none !important; color: #4b4842; font-size: 18px; font-weight: 500;font-family: "Inter", Sans-serif; appearance:none; -moz-appearance:none; -webkit-appearance:none;background-image: url(../img/down-arrow.svg); background-position: 95% center; background-size: 15px; background-repeat: no-repeat; padding:0 34px 0 3px;width: 150px}
.search-filters select:focus{background-image: url(../img/down-arrow2.svg);}
.search-filters select option{padding: 4px; font-size: 16px;}
.search-filters .filter-actions .button{    background: none;
    padding: 0;
    border:0; font-family: "Inter", Sans-serif;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    color: #4b4842}

.search-filters .button-secondary {
    padding: 8px 20px;
    background: #6c757d;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s;
}

.search-filters .button-secondary:hover {
    background: #5a6268;
}

/* Search Content - Map and Results Side by Side */
.search-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 30px;
}

.results-section {
    border: 1px solid #bebebe;
    
}

.trainer-list-vertical {
    height: 600px;
    overflow-y: auto;
    padding: 20px;
}
.trainer-list-vertical .trainer-item { display: flex;align-items: flex-start; gap:20px; padding:15px; border-bottom: 1px solid #d8d8d8; -moz-transition: all .2s linear;-webkit-transition: all .2s linear;background: #f7f7f7;position: relative}
.trainer-list-vertical .trainer-item:last-child{border-bottom: 0}
.trainer-list-vertical .trainer-item:hover {background: #fff}
.trainer-list-vertical .trainer-avatar {width: 100px;height: auto;border-radius:8px;object-fit: cover; display: flex;align-items: center;justify-content: center;font-size: 20px;color: #fff;flex-shrink: 0;flex-direction: column}
.trainer-list-vertical .trainer-avatar img{height: 112px !important;}
.trainer-list-vertical .trainer-info {flex: 1;min-width: 0;}
.trainer-list-vertical .trainer-avatar .btm-btns {display: flex;flex-direction: column;}
.trainer-list-vertical .trainer-avatar .btm-btns .trainer-Certified{display:block}
.trainer-list-vertical .trainer-name {font-size:18px;font-weight: 600;color: #090909; line-height: 1.1; padding:0 0 5px 0}
.trainer-list-vertical .trainer-name a {color: #090909;text-decoration: none;}
.trainer-list-vertical .trainer-name a:hover {color: #c8a969;}
.trainer-list-vertical .trainer-rating {
    display: flex;
    align-items: center;
    gap: 5px; line-height: 1;
    margin-bottom:0;
}
.trainer-list-vertical  .btm-btns{display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    justify-content: space-between;justify-content: flex-end}
.trainer-list-vertical .trainer-rating .stars { color: #c8a969; font-size: 19px;display: none}
.trainer-list-vertical .trainer-rating .stars:first-child {display: block;margin: 1px -1px 0 0;}
.trainer-list-vertical .trainer-rating .reviewCount { font-weight: 400; color: #525252; margin:0  0 -7px 0; font-size: 13px;}
.reviewCount{padding:0 0 4px  0}

.trainer-list-vertical .trainer-rating .reviews-count {
    color: #525252;
    font-size: 13px;
}
.trainer-list-vertical .trainer-badges:empty{display: none}
.trainer-list-vertical .trainer-badges { border-radius:  50px;font-weight: 500; color: #fff; font-size: 14px; background:#c8a969; min-width: 60px; min-height: 22px; text-align: center;display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center;margin-left: 5px}
.trainer-list-vertical .location-specialization{ font-size: 14px; font-weight: 400; color: #525252; line-height:1.1;display: flex;flex-wrap: wrap; flex-direction: row; margin:10px 0 0 0;}
.trainer-list-vertical .location-specialization .specialization-outer{width: 100%;display: flex; flex-wrap: wrap; row-gap: 6px;;}
.trainer-list-vertical .location-specialization .specialization-outer ul{margin:8px 0 0 0; padding: 0; list-style: none;display: flex; flex-wrap: wrap; row-gap: 5px; width: 100%}
.trainer-list-vertical .location-specialization .specialization-outer ul li{margin: 0; list-style: none;width: 50%; padding:1px 0 1px 13px; background: url(../img/checkmark.svg) left 4px no-repeat; background-size: 10px;    font-size: 13px;
    font-weight: 400;}

/*.trainer-map-tooltip .location-specialization .specialization-outer ul{margin: 0; padding: 0; list-style: none;display: flex; flex-wrap: wrap; row-gap: 2px; width: 100%}
.trainer-map-tooltip .location-specialization .specialization-outer ul li{margin: 0; list-style: none;width: 50%;  padding:1px 0 1px 13px; background: url(../img/checkmark.svg) left 4px no-repeat; background-size: 10px;}*/


.trainer-list-vertical .location-specialization .specialization-outer span{width: 50%}
.trainer-list-vertical .location-specialization .clear{width: 100%;display: block}
.trainer-list-vertical .trainer-location {background: url(../img/map-marker.svg) 1px 2px no-repeat;padding: 2px 0 2px 19px;background-size: 12px;color: #525252;font-weight: 400;line-height: 1.1;font-size: 13px;margin: 0 0 10px 0;}
.trainer-list-vertical  .sep{ padding: 0 8px; color: #c8c8c8}

.trainer-list-vertical .trainer-actions {line-height: 1; margin:0;width: 100%; margin-top: 5px}
.trainer-list-vertical .trainer-actions a{ 
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    background: #000;
    border-radius: 50px;
    padding: 8px 10px;
    line-height: 1;
    text-align: center;
    display: block;
    text-decoration: none;    width: 100%;}
.trainer-list-vertical .trainer-actions a:hover{color: #2b2b2b;/* padding-right: 25px*/text-decoration: none;}
.trainer-list-vertical .trainer-actions a:hover{background: #c8a969; color: #000}
.trainer-list-vertical .btm-btns .trainer-Certified span{font-size: 12px;
    font-weight: 600;
    color: #000;
    background: #c8a969;
    border-radius: 50px;
    padding: 7px 8px;
    line-height: 1;
    text-align: center;
    display: inline-block;}



.all-trainers-section h3 {
    margin-bottom: 20px;
    color: #333;
    font-size: 20px;
}

.trainer-slider {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.slider-container {
    display: flex;
    gap: 32px;
}

.slider-container .trainer-item {
    /*flex: 0 0 23%;*/
    flex:auto;
    display: flex;
    flex-direction: column;
    padding: 0;
    -moz-transition: all .2s linear;-webkit-transition: all .2s linear;
    border-radius: 20px; position: relative;
     overflow: hidden; margin:0 15px !important;
}


.slider-container .trainer-avatar{position: relative}
.slider-container .trainer-avatar .verify{background: url("../img/verify.png") center center no-repeat; background-size: contain;width: 27px; height: 28px; position: absolute; left: 12px; top: 12px;display: none}
.slider-container .trainer-avatar img{width: 100%; height: 420px; object-fit: cover;display: flex;}
.slider-container .trainer-caption .trainer-caption-inner{width: 100%; padding:0 25px;}
.slider-container .trainer-caption{position: absolute; left: 0; bottom: 0; background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); width: 100%;
    height: 80%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-end;
}


.slider-container .trainer-avatar .trainer-name-advanced{position: absolute; left: 15px; top:15px; right: 15px; display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;}
.slider-container .trainer-avatar .trainer-name-advanced img{width: 80px; height: auto; object-fit: contain}
.slider-container .trainer-avatar .trainer-name-advanced .trainer-name{ color: #fff; font-size: 16px}


.slider-container .trainer-name {font-size: 22px;font-weight: 600;color: #fff; line-height: 1.1; padding: 10px 0 10px 0; }
.slider-container .trainer-caption .trainer-name { display: none}
.slider-container .trainer-name a {color: #fff;text-decoration: none;}
.slider-container .trainer-name a:hover {color: #c8a969;}
.slider-container .trainer-rating {
    display: flex;
    align-items: center;
    gap: 10px; line-height: 1;
    margin-bottom:15px;
}


.slider-container .trainer-rating .stars {
    color: #c8a969;
    font-size: 21px;display: none
}
.slider-container .trainer-rating .stars:first-child {display: block}

.slider-container .trainer-rating .reviewCount {
    font-weight: 400;
    color: #fff; margin:0 0 -6px 0;
    font-size: 14px;
}
.slider-container .reviewCount{padding:0 0 4px  0}

.slider-container .trainer-rating .reviews-count {
    color: #fff;
    font-size: 13px;
}
.slider-container .trainer-badges:empty{display: none}
.slider-container .trainer-badges { border-radius:  50px;font-weight: 500; color: #fff; font-size: 14px; background:#c8a969; min-width: 60px; min-height: 22px; text-align: center;display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; margin-left:3px }
.slider-container .location-specialization{ font-size: 14px; font-weight: 400; color: #fff; display: flex; line-height: 1.3;}
.slider-container .trainer-location {background: url("../img/map-marker.svg") left top no-repeat; padding: 0 0 0 26px; background-size: 13px;}
.slider-container  .sep{ padding: 0 7px; color: #fff}

.slider-container .trainer-actions {line-height: 1.1; margin:12px 0 0 0; padding:0; border-top:1px solid rgba(255,255,255,0.21);width: 100%}
.slider-container .trainer-actions a{font-size: 14px; font-weight: 600;color: #fff;background: url("../img/right-arrow2.svg") 90% center no-repeat; background-size: 15px; padding: 15px 25px;display: block;width: 100%}
.slider-container .trainer-actions a:hover{color:#c8a969;}

.slider-prev,
.slider-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #0073aa;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s;
    z-index: 10;
}

.slider-prev {
    left: 10px;
}

.slider-next {
    right: 10px;
}

.slider-prev:hover,
.slider-next:hover {
    background: #005a87;
}

.slider-prev:disabled,
.slider-next:disabled {
    background: #ccc;
    cursor: not-allowed;
}

/* Map Tooltip Styles */
.gm-style-iw-d{overflow: hidden !important}
.gm-style-iw-chr{margin:0px -20px -31px 0 !important; position: relative;}
.gm-style-iw-chr button.gm-ui-hover-effect{z-index: 1}
.gm-style .gm-style-iw-c {
    padding:0 20px 25px 20px !important;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.39);
border-radius: 18px ;
 width: 412px !important;
  max-width: 412px !important;
  min-width: 412px !important;
    
}

.trainer-map-tooltip {padding: 1px;
      min-width: 372px;
    max-width: 372px;
    display: flex;
    /*flex-direction: column;*/
    flex-wrap: nowrap;gap:20px;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;

}

/**/
.trainer-map-tooltip .trainer-item { display: flex;align-items: flex-start; gap:30px; padding:30px 24px; border-bottom: 1px solid #d8d8d8; -moz-transition: all .2s linear;-webkit-transition: all .2s linear;background: #f7f7f7}
.trainer-map-tooltip .trainer-item:last-child{border-bottom: 0}
.trainer-map-tooltip .trainer-item:hover {background: #fff}
.trainer-map-tooltip .trainer-avatar {display: flex;align-items: center;justify-content: center; width: 100px;    flex-direction: column;}
.trainer-map-tooltip .trainer-avatar img{width:100px!important;height:118px!important;border-radius:8px !important;object-fit: cover; display: flex;align-items: center;justify-content: center;font-size: 20px;color: #fff;flex-shrink: 0;}
.trainer-map-tooltip .trainer-avatar .avatar-gecertificeerd-btn{margin: 5px 0 0 0;}
.trainer-map-tooltip .trainer-avatar .avatar-gecertificeerd-btn .trainer-Certified{ font-size: 12px; font-weight: 600; color: #000; background: #c8a969; border-radius: 50px; padding: 8px 13px 7px 13px; line-height: 1; text-align: center; display: inline-block;}
.trainer-map-tooltip .trainer-info {flex: 1;min-width: 0;}
.trainer-map-tooltip .trainer-name {font-size: 17px;font-weight: 600;color: #090909; line-height: 1.1; padding:0 0 5px 0}
.trainer-map-tooltip .trainer-name a {color: #090909;text-decoration: none;}
.trainer-map-tooltip .trainer-name a:hover {color: #c8a969;}
.trainer-map-tooltip .trainer-rating { display: flex; align-items: center; gap: 5px; line-height: 1; margin-bottom:0;}
.trainer-map-tooltip .trainer-rating .stars {color: #c8a969;font-size: 21px;display: none}
.trainer-map-tooltip .trainer-rating .stars:first-child {display: block; margin: -3px 0 0 0}
.trainer-map-tooltip .box-overlay-link{font-size: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.trainer-map-tooltip .trainer-rating .rating-value {
    font-weight: 400;
    color: #525252; margin:0 -2px 0 0;
    font-size: 12px;
}
.trainer-map-tooltip .reviewCount{padding:0;font-size: 13px; font-weight: 400}
.trainer-map-tooltip .rating-title-text{font-size: 13px; font-weight: 400}

.trainer-map-tooltip .trainer-rating .reviews-count {
    color: #525252;
    font-size: 12px;
}
.trainer-map-tooltip .trainer-badges:empty{display: none}
.trainer-map-tooltip .trainer-badges { border-radius:  50px;font-weight: 500; color: #fff; font-size: 12px; background:#c8a969; min-width: 60px; min-height: 22px; text-align: center;display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center;margin-left: 5px; padding: 3px 0 0 0}
.trainer-map-tooltip .location-specialization{ display: flex;font-size: 14px;
    font-weight: 400;
    color: #525252;
    line-height: 1.1;
    flex-wrap: wrap;
    flex-direction: row; margin:8px 0 0 0}
.trainer-map-tooltip .location-specialization .specialization-outer {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    row-gap: 0;
    margin-bottom: 10px;
}

.trainer-map-tooltip .location-specialization .specialization-outer ul{margin: 0; padding: 0; list-style: none;display: flex; flex-wrap: wrap; row-gap: 2px; width: 100%}
.trainer-map-tooltip .location-specialization .specialization-outer ul li{margin: 0; list-style: none;width: 50%;  padding:1px 0 1px 13px; background: url(../img/checkmark.svg) left 4px no-repeat; background-size: 10px; font-size: 13px; font-weight: 400;}
.trainer-map-tooltip .location-specialization .clear {width: 100%;display: block;}
.trainer-map-tooltip .location-specialization span{display: flex; margin: 0 !important}
.trainer-map-tooltip .trainer-location {/*background: url("../img/map-marker.svg") left 2px no-repeat; padding: 0 0 0 12px; background-size:9px; margin: 0 0 12px 0; color: #000;*/background: url(../img/map-marker.svg) 1px 2px no-repeat;
    padding: 2px 0 2px 19px;
    background-size: 12px;
        font-weight: 400;
    line-height: 1.1;
    font-size: 13px;
    margin: 0 0 13px 0;}
.trainer-map-tooltip  .sep{ padding:0 10px; color: #c0c0c0}
.trainer-map-tooltip .trainer-actions {line-height: 1; margin:5px 0 0 0; display: flex; justify-content: flex-end;}
.trainer-map-tooltip .trainer-actions a{font-size: 12px; font-weight: 600; color: #fff; background: #000; border-radius: 50px; padding: 8px 13px 8px 13px; line-height: 1; text-align: center; display: block; text-decoration: none; width: 100%;}
.trainer-map-tooltip .trainer-actions a:hover{color: #000; background: #c8a969;}
.trainer-list-vertical .trainer-item .box-overlay-link{font-size: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
/* Responsive Design */
@media (max-width: 1024px) {
    .search-content {
        grid-template-columns: 1fr;
    }
    
    .map-section {
        order: 1;
    }
    
    .results-section {
        order: 2;
    }
    
    #trainer-map {
        height: 400px;
    }
    
    .trainer-list-vertical {
        height: 400px;
    }
}

@media (max-width: 768px) {
    
    .search-bar input[type="text"] {
        width: 100%;
    }
    
/*
    .search-filters .filter-group {
        flex-direction: column;
        align-items: stretch;
    }
*/
    
    .search-filters select {
        width: 100%;
    }
    
    /*.slider-container .trainer-item {
        flex: 0 0 250px;
    }*/
    
/*
    .trainer-list-vertical .trainer-item {
        flex-direction: column;
        text-align: center;
    }
*/
    
    .trainer-list-vertical .trainer-actions {
        margin-top: 10px;
        width: 100%;
    }
}

/* Single Trainer Page */
.single-trainer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 30px;
}

.trainer-main-content {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.trainer-header {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.trainer-header-image {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    color: #666;
}

.trainer-header-info h1 {
    margin-bottom: 10px;
    color: #333;
}


.trainer-experience {
    color: #666;
    margin-bottom: 10px;
}

.trainer-stats {
    display: flex;
    gap: 20px;
    color: #666;
}

.trainer-sidebar {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.trainer-contact-card,
.trainer-map-card {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.trainer-contact-card h3,
.trainer-map-card h3 {
    margin-bottom: 20px;
    color: #333;
}

.contact-method {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    transition: background-color 0.3s;

}

.contact-method:hover {
    background: #e9ecef;
}

.contact-method .icon {
    width: 40px;
    height: 40px;
    background: #0073aa;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.contact-method .details {
    flex: 1;
}

.contact-method .label {
    font-size: 12px;
    color: #666;
    margin-bottom: 2px;
}

.contact-method .value {
    font-weight: 600;
    color: #333;
}

.trainer-map {
    width: 100%;
    height: 250px;
    border-radius: 8px;
    overflow: hidden;
}

.trainer-specializations-section {
    margin-bottom: 30px;
}

.trainer-specializations-section h3 {
    margin-bottom: 15px;
    color: #333;
}

.trainer-specializations-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
}

.specialization-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 8px;
}

.specialization-item .icon {
    width: 30px;
    height: 30px;
    background: #28a745;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.trainer-about-section h3 {
    margin-bottom: 15px;
    color: #333;
}

.trainer-about-content {
    color: #666;
    line-height: 1.6;
}

.trainer-about-content ul {
    margin: 15px 0;
    padding-left: 20px;
}

.trainer-about-content li {
    margin-bottom: 8px;
}

/* Loading State */
.loading {
    text-align: center;
    padding: 40px;
    color: #666;
}

.loading::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #ddd;
    border-top-color: #0073aa;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-left: 10px;
}

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

/* No Results */
.no-results {
    text-align: center;
    padding: 40px;
    color: #666;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Responsive Design */
@media (max-width: 768px) {
    
    .search-filters {
        order: 2;
    }
    
    .map-container {
        order: 1;
    }
    
    .trainer-list {
        grid-column: 1;
    }
    
    .trainer-item {
        grid-template-columns: 60px 1fr;
        gap: 15px;
    }
    
  /*  .trainer-avatar {
        width: 60px;
        height: 60px;
        font-size: 18px;
    }*/
    
    .trainer-actions {
        grid-column: 1 / -1;
        flex-direction: row;
        justify-content: center;
    }
    
    .single-trainer-container {
        grid-template-columns: 1fr;
    }
    
    .trainer-header {
        flex-direction: column;
        text-align: center;
    }
    
    .trainer-header-image {
        width: 100px;
        height: 100px;
        font-size: 30px;
    }
    
    .trainer-stats {
        justify-content: center;
    }
}

 
.search-input-group {
    display: flex;
    max-width: 600px;
    margin: 0 auto;
    background: rgba(255,255,255,0.15);
    border-radius: 50px;
    overflow: hidden;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 2px solid rgba(255,255,255,0.2);
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.search-input-group:focus-within {
    transform: translateY(-2px);
    box-shadow: 0 20px 45px rgba(0,0,0,0.15);
    border-color: rgba(255,255,255,0.4);
}

.search-input-group input {
    flex: 1;
    padding: 20px 30px;
    border: none;
    background: transparent;
    color: white;
    font-size: 16px;
    font-weight: 500;
    outline: none;
}

.search-input-group input::placeholder {
    color: rgba(255,255,255,0.7);
    font-style: italic;
}

.search-input-group .button {
    padding: 20px 35px;
    border: none;
    background: linear-gradient(135deg, #28a745, #20c997);
    color: white;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 0 50px 50px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;
}

.search-input-group .button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transition: left 0.5s;
}

.search-input-group .button:hover::before {
    left: 100%;
}

.search-input-group .button:hover {
    background: linear-gradient(135deg, #218838, #1e7e34);
    transform: scale(1.05);
}

.search-icon {
    font-size: 18px;
}



.reset-icon {
    font-size: 20px;
    display: inline-block;
    transition: transform 0.3s ease;
}

.button-outline:hover .reset-icon {
    transform: rotate(180deg);
}

.search-content { display: flex; flex-wrap: nowrap; flex-direction: row; gap: 42px; margin: 30px 0 0 0}
.search-content .map-section{width: 69%}
.search-content .results-section{width: 31%}

.map-section, .results-section { background: #fff; border-radius: 18px; overflow: hidden;}

.map-header {
    padding: 25px 30px;
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    border-bottom: 1px solid #dee2e6;
}

.map-header h3 {
    margin: 0 0 5px 0;
    font-size: 20px;
    font-weight: 800;
    color: #2c3e50;
    display: flex;
    align-items: center;
    gap: 10px;
}

.map-header h3::before {
    content: '🗺️';
    font-size: 24px;
}

.map-subtitle {
    color: #6c757d;
    font-size: 14px;
    font-weight: 500;
}

#trainer-map {
    width: 100%;
    height: 540px;
}

.results-header {
    padding: 25px 30px;
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.results-header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    color: #2c3e50;
    display: flex;
    align-items: center;
    gap: 10px;
}

.results-header h3::before {
    content: '💪';
    font-size: 24px;
}

.results-info {
    display: flex;
    align-items: center;
    gap: 15px;
}

.results-count {
    font-size: 14px;
    color: #6c757d;
    font-weight: 600;
    padding: 8px 16px;
    background: white;
    border-radius: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.trainer-list-vertical {
    max-height: 538px;
    overflow-y: auto;
    padding: 0;
}

.trainer-list-vertical::-webkit-scrollbar {
    width: 10px;
}

.trainer-list-vertical::-webkit-scrollbar-track {
    background: #f1f3f4;
    border-radius: 5px;
}

.trainer-list-vertical::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #c1c1c1, #a8a8a8);
    border-radius: 5px;
    border: 2px solid #f1f3f4;
}

.loading-state {
    text-align: center;
    padding: 60px 20px;
    color: #6c757d;
}

.loading-spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #667eea;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 20px;
}

.all-trainers-section { margin-top: 50px; }

.section-header {
    text-align: center;
    margin-bottom: 30px;
}

.section-header h3 {
    margin: 0 0 10px 0;
    font-size: 28px;
    font-weight: 800;
    color: #2c3e50;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.section-header h3::before {
    content: '⭐';
    font-size: 32px;
}

.section-header p {
    margin: 0;
    color: #6c757d;
    font-size: 16px;
    font-weight: 500;
}

.trainer-slider {
    position: relative;
}

.slider-container {
    overflow: hidden;
}

.slider-controls {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

.slider-controls button {
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(102, 126, 234, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-controls button:hover:not(:disabled) {
    transform: scale(1.1);
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
}

.slider-controls button:disabled {
    opacity: 0.3;
    cursor: not-allowed;
    transform: scale(0.9);
}

.slider-controls .arrow {
    font-size: 24px;
    line-height: 1;
}

/* Responsive Design for Original Search */
@media (max-width: 1024px) {
    .search-content {
        grid-template-columns: 1fr;
    }
    
    #trainer-map {
        height: 350px;
    }
    
/*
    .trainer-list-vertical {
        max-height: 350px;
    }
*/
}

@media (max-width: 768px) {
    
    .search-title h2 {
        font-size: 28px;
    }
    
    .search-title p {
        font-size: 16px;
    }
    
    
    .search-input-group {
        flex-direction: column;
        border-radius: 15px;
    }
    
    .search-input-group .button {
        border-radius: 0 0 15px 15px;
        justify-content: center;
    }
    
    .section-header h3 {
        font-size: 24px;
    }
}

@media (max-width: 480px) {
    
    .search-title h2 {
        font-size: 24px;
    }
    
    #trainer-map {
        height: 450px;
    }
    
/*
    .trainer-list-vertical {
        max-height: 300px;
        padding: 15px;
    }
*/
    
    /*.all-trainers-section {
        padding: 25px 15px;
    }*/

    
    .slider-controls button {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
}


.search-filters-advanced{    display: flex;    justify-content: center;gap:15px;
    flex-direction: row;
    flex-wrap: wrap;}
.search-filters-advanced .filter-row{    display: flex;gap:25px;width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;}
.search-filters-advanced .filter-group label{font-weight: 600; color: #232323;    white-space: nowrap;}
.search-filters-advanced .filter-group {gap: 12px;
    display: flex;
    flex-direction: column;
    position: relative;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: flex-start;width: 40%;width: 100%}
.search-filters-advanced .filter-group.btnrow{width: 20%;justify-content: flex-end}
.search-filters-advanced .filter-group.btnrow .filter-group{ justify-content: flex-end;}
.search-filters-advanced .filter-group input[type=text], 
.search-filters-advanced .filter-group select{outline: none; padding:12px 20px 12px 30px; color: #525252; font-size: 17px; font-family: "Inter", Sans-serif; font-weight: 400;  border-radius: 50px;
  border-style: solid;
  border-width: 0px;
  border-color: rgb(165, 165, 165);
  background:#f2f2f2;
  width:100%;
  height: 65px;
}
.search-filters-advanced .filter-group select{width: 100%; appearance:none; -moz-appearance:none; -webkit-appearance:none;background-image: url(../img/down-arrow.svg); background-position: 95% center; background-size: 15px; background-repeat: no-repeat;}
.search-filters-advanced .filter-group button{ border: 0; height: 60px;display: flex;align-items: center;}
.search-filters-advanced .filter-group button span {
    background: url(../img/btn-arrow1.svg) right center no-repeat;
    background-size: 30px;
    padding: 10px 45px 10px 0;
    display: block;
}
.search-filters-advanced .filter-group button:hover span {background-image: url(../img/btn-arrow2.svg)}
 
/*.trainer-search-advanced-container .search-header-advanced{border-bottom: 1px solid #e5e5e5; margin: 0 0 55px 0; padding: 0 0 55px 0;}*/

.trainer-search-advanced-container .search-header-advanced{ margin: 0 0 35px 0;}

.search-content-advanced .title-finde-deine-trainer{}
.filter-group {
    display: flex;
    flex-direction: column;
    position: relative;
}

.search-content-advanced {display: flex; gap: 42px; flex-direction: row; flex-wrap: nowrap;}
.search-content-advanced .map-section-advanced {width: 69%}
.search-content-advanced .results-section{width: 31%;}

.search-content-advanced.search-content-advanced-titlearea {justify-content: space-between; margin-bottom: 25px}
.search-content-advanced.search-content-advanced-titlearea .results-section-advanced{width: auto;}

.search-content-advanced .title-finde-deine-trainer{font-size: 40px;color: #090c10; font-weight: 700; margin: 0; padding: 0}
.search-content-advanced .title-finde-deine-trainer span{background: url("../img/search-icon.png") right center no-repeat; padding: 5px 50px 5px 0}
.map-section-advanced .map-section-box { border-radius: 18px; overflow: hidden; position: relative;}

#trainer-map-advanced { width: 100%; height: 540px;}
.map-legend {
    padding: 25px;
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    border-top: 1px solid #dee2e6;
}

.legend-item {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 600;
    color: #495057;
}

.legend-item:last-child {
    margin-bottom: 0;
}

.legend-marker {
    width: 24px;
    height: 24px;
    border-radius: 50% 50% 50% 0;
    margin-right: 12px;
    transform: rotate(-45deg);
    border: 3px solid white;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    position: relative;
}

.legend-marker::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background: white;
    border-radius: 50%;
}

.legend-marker.available {
    background: linear-gradient(135deg, #28a745, #20c997);
}

.legend-marker.out-of-range {
    background: linear-gradient(135deg, #dc3545, #c82333);
}

.results-section-advanced {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    max-height: 1015px;
}
.results-section-advanced .filter-fields{display: flex; 
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;gap:15px;}
.results-section-advanced .filter-fields label{font-weight: 600; color: #232323; margin: 0; padding: 0}
.results-section-advanced .filter-fields select{outline: none; padding: 7px 32px 7px 18px; color: #525252; font-size: 18px; font-family: "Inter", Sans-serif; font-weight: 400;  border-radius: 50px;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(165, 165, 165);
  background:#fff;
  
  height: 44px;/*width: 277px;*/width: 185px; appearance:none; -moz-appearance:none; -webkit-appearance:none;background-image: url(../img/down-arrow.svg); background-position: 95% center; background-size: 15px; background-repeat: no-repeat;
}


.results-header {
    padding: 25px 30px;
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}

.results-header h3 {
    margin: 0;
    font-size: 22px;
    font-weight: 800;
    color: #2c3e50;
    display: flex;
    align-items: center;
    gap: 10px;
}

.results-header h3::before {
    content: '🏋️';
    font-size: 24px;
}

.results-count {
    font-size: 14px;
    color: #6c757d;
    font-weight: 600;
    padding: 8px 16px;
    background: white;
    border-radius: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.results-count span {
    color: #0073e6;
    font-weight: 800;
    font-size: 16px;
}

.trainer-list-advanced {
    flex: 1;
    overflow-y: auto;
    
}

.trainer-list-advanced::-webkit-scrollbar {
    width: 10px;
}

.trainer-list-advanced::-webkit-scrollbar-track {
    background: #f1f3f4;
    border-radius: 5px;
}

.trainer-list-advanced::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #c1c1c1, #a8a8a8);
    border-radius: 5px;
    border: 2px solid #f1f3f4;
}

.trainer-list-advanced::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #a8a8a8, #959595);
}

.trainer-item-advanced {
    display: grid;
    grid-template-columns:197px  auto;
    gap: 25px;
    padding: 10px;
    border: 1px solid rgb(216, 216, 216);
    border-radius: 18px;
    margin-bottom: 30px;
    background: #fff;
    align-items: center;
    position: relative;
    box-shadow:none;-moz-transition: all .2s linear;-webkit-transition: all .2s linear; 
}

.trainer-item-advanced:hover {
    box-shadow:inset 0 0px 0 1px #000;
    border-color: #000;
}

.trainer-item-advanced:hover::before {
    opacity: 1;
}

.trainer-item-advanced:last-child {
    margin-bottom: 0;
}

.trainer-avatar-advanced {
    width: 197px;
    height: 261px;
    border-radius:18px;
    background:url("../img/avtar.png") center center no-repeat;
    background-size: cover; 
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 800;
    font-size: 0;
    flex-shrink: 0;
    overflow: hidden;
    
    position: relative;
}
.trainer-avatar-advanced img{width: 100%; height: 100% !important;  object-fit: cover}




.trainer-info-advanced {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.trainer-name-advanced { /*position: relative;
    line-height: 1.4; border-bottom: 1px solid #ececec; margin: 0 0 5px 0; padding:0 75px 15px 0;*/
}
/*.trainer-name-advanced .certified-icon {position: absolute; right: 0; top: -10px;width: 67px; object-fit: contain}*/
.trainer-name-advanced .certified-icon {width:77px}
.section-find-trainer .trainer-name-advanced  .certified-icon {
    float: right;
    margin: -5px 5px 0 0;
}
.trainer-name-advanced .trainer-name {font-size: 21px; font-weight: 800; text-transform: uppercase;
    color: #030303; margin: 0; padding: 0;
    text-decoration: none;
    position: relative;line-height: 1.2;
    display: block;
}
.trainer-name-advanced .trainer-name a{ color: #030303;}
.trainer-name-advanced .trainer-name a:hover{color: var( --e-global-color-accent );}
.trainer-name-advanced a:hover {
    color:var( --e-global-color-accent );
}
.trainer-name-advanced .trainer-location-advanced{background: url(../img/map-marker2.svg) left 2px no-repeat; padding: 0 0 0 20px; color: #3e3e3e; font-size: 18px; line-height: 1.1; background-size: 11px; margin: 5px 0 0 0}
.trainer-item-advanced .trainer-specialization { color: #3e3e3e; font-size: 18px;}
.trainer-item-advanced .trainer-specialization h4{ color: #030303; font-size: 16px; margin: 0; padding: 0 0 10px 0; font-weight: 600;}
.trainer-item-advanced .trainer-specialization ul{ margin: 0; padding: 0;list-style: none;    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 6px;
}
.trainer-item-advanced .trainer-specialization ul li{ margin: 0; padding:0 0 0 26px;list-style: none;background: url("../img/checkmark1.svg") left 7px no-repeat; background-size: 17px; line-height: 1.2; width: 33.3333%; float: left}

/*
.trainer-badges {
    margin-bottom: 8px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
*/

/*
.trainer-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
*/

/*
.trainer-badge.elite {
    background: linear-gradient(135deg, #FFD700, #FFA500);
    color: white;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
*/

/*
.trainer-badge.pro {
    background: linear-gradient(135deg, #28a745, #20c997);
    color: white;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
*/

.trainer-rating-advanced {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}

.trainer-rating-advanced .stars {
    color: #FFD700;
    font-size: 14px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.trainer-rating-advanced .rating-value {
    font-weight: 800;
    color: #2c3e50;
    font-size: 16px;
}

.trainer-rating-advanced .reviews-count {
    color: #6c757d;
    font-size: 12px;
    font-weight: 500;
}

.trainer-location-advanced {
    font-size: 14px;
    color: #6c757d;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
}

.trainer-specialization-advanced {
    font-size: 14px;
    color: #495057;
    font-weight: 700;
    padding: 6px 12px;
    background: #f8f9fa;
    border-radius: 8px;
    display: inline-block;
    border-left: 4px solid #667eea;
}

.trainer-distance {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 12px;
    margin-top: 8px;
    padding: 10px 15px;
    border-radius: 10px;
    font-weight: 700;
    position: relative;
    overflow: hidden;
}

.trainer-distance::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
}

.trainer-distance.distance-within {
    background: linear-gradient(135deg, #d4edda, #c3e6cb);
    color: #155724;
    border: 1px solid #b8dabc;
}

.trainer-distance.distance-within::before {
    background: #28a745;
}

.trainer-distance.distance-outside {
    background: linear-gradient(135deg, #f8d7da, #f5c6cb);
    color: #721c24;
    border: 1px solid #f1b0b7;
}

.trainer-distance.distance-outside::before {
    background: #dc3545;
}

.distance-value {
    font-weight: 800;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.distance-status {
    font-size: 11px;
    opacity: 0.8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.trainer-actions-advanced { margin: 10px 0 0 0;
   display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.trainer-actions-advanced .button { font-size:18px; font-weight: 700; text-transform: uppercase; color: #000000;
  border-style: solid;border-radius: 50px;
  border-width: 1px; line-height: 1; padding: 13px 23px;
  border-color: #000000;
  background-color: rgba(242, 181, 31, 0);  outline: none !important;
}
.trainer-actions-advanced .button:hover {background: #c8a569; color: #fff; border-color:#c8a569}
/*

.trainer-actions-advanced .button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255,255,255,0.2);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.3s, height 0.3s;
}

.trainer-actions-advanced .button:hover::before {
    width: 100%;
    height: 100%;
}

.trainer-actions-advanced .button.primary {
    background: linear-gradient(135deg, #0073e6, #0056b3);
    color: white;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.trainer-actions-advanced .button.primary:hover {
    background: linear-gradient(135deg, #0056b3, #004085);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,115,230,0.3);
}

.trainer-actions-advanced .button.secondary {
    background: linear-gradient(135deg, #6c757d, #545b62);
    color: white;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.trainer-actions-advanced .button.secondary:hover {
    background: linear-gradient(135deg, #545b62, #3d4142);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(108,117,125,0.3);
}

.trainer-actions-advanced .button.whatsapp {
    background: linear-gradient(135deg, #25D366, #128C7E);
    color: white;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.trainer-actions-advanced .button.whatsapp:hover {
    background: linear-gradient(135deg, #128C7E, #0d5f4f);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(37,211,102,0.3);
}
*/

.loading {
    text-align: center;
    padding: 60px;
    color: #6c757d;
    font-style: italic;
    font-size: 16px;
    position: relative;
}

.loading::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #667eea;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-top: -60px;
}

@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

.no-results {
    text-align: center;
    padding: 60px;
    color: #6c757d;
    font-style: italic;
    font-size: 16px;
    background: white;
    border-radius: 16px;
    border: 2px dashed #dee2e6;
}





/* Responsive Design for Advanced Search */
@media (max-width: 1024px) {
    .search-content-advanced {
        grid-template-columns: 1fr;
    }
    
    #trainer-map-advanced {
        height: 450px;
    }
    
    .results-section-advanced {
        max-height: 700px;
    }
    
    
}

@media (max-width: 768px) {
    
    .search-header-advanced {
        padding: 30px 20px;
        margin-bottom: 30px;
    }
    
    .search-header-advanced h2 {
        font-size: 26px;
        margin-bottom: 25px;
    }
    
    .search-filters-advanced {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    
    
/*
    .trainer-actions-advanced {
        grid-column: 1 / -1;
        flex-direction: row;
        justify-content: center;
        margin-top: 15px;
        min-width: auto;
    }
    
*/
    
    .results-header {
        flex-direction: column;
        gap: 15px;
        text-align: center;
        padding: 20px;
    }
    
    .trainer-list-advanced {
        padding: 10px 0 0 0;
    }
    .search-filters-advanced .filter-group{width: 50%;flex-direction: column}
    .search-filters-advanced .filter-row.btnrow .filter-group{width: 100%}
    .search-filters-advanced .filter-group input[type=text], 
    .search-filters-advanced .filter-group select{width: 100%}
    .trainer-search-advanced-container .search-header-advanced{margin-bottom:0; padding-bottom:15px;padding-left:0;padding-right:0; padding-top: 0}
    .map-section-advanced .map-section-box{margin-top: 15px}
    .search-content-advanced .title-finde-deine-trainer{font-size: 32px;}
    .results-section-advanced .filter-fields{margin-bottom: 20px;}
}

@media (max-width: 480px) {
/*    .trainer-search-advanced-container {
        padding: 15px 0 0 0;
    }*/
    
    .search-header-advanced {
        padding: 25px 15px;
    }
    
    .search-header-advanced h2 {
        font-size: 22px;
    }
    
    #trainer-map-advanced {
        height: 350px;
    }
    
    .trainer-list-advanced {
        
        max-height: 546px;
    }
    
    .trainer-item-advanced {

        gap: 15px;
    }
    
    .trainer-actions-advanced .button {
        
        font-size: 15px;
        padding: 10px 15px;
    }
    
    .filter-group input[type="text"],
    .filter-group select {

        font-size: 14px;
    }
    
}

@media only screen and (max-width: 1370px){
    .trainer-list-vertical .btm-btns .trainer-Certified span{padding: 8px 13px 7px 13px}
}

@media only screen and (max-width: 1199px){
    .search-content .map-section {
    width: 60%;
}
    .search-content .results-section {
    width: 40%;
}
    .trainer-list-vertical .trainer-item{padding: 15px;}
    .trainer-list-vertical .trainer-actions a,
    .trainer-list-vertical .btm-btns .trainer-Certified span{padding: 6px 8px}
    .trainer-list-vertical .trainer-name {
        font-size: 20px;}
}


@media only screen and (max-width: 991px){
    .search-content-advanced .results-section{width: 100%;}
    .search-content{flex-direction: column}
    .search-content .map-section{width: 100%}
    .search-content .results-section{width: 100%}
    .search-content-advanced .map-section-advanced {
    width: 100%;
}
    .search-content-advanced{display: flex;
    flex-direction: column;}
    .search-filters-advanced .filter-row{display: flex;
    gap: 25px;
    width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;    align-content: center
}
    .search-filters-advanced .filter-group.btnrow{    align-items: center;}
}

@media only screen and (max-width: 767px){
    .search-bar{flex-direction: column}
    .search-bar .searchbtn,
    .search-bar .searchField{width: 100%}
    .search-bar input[type="text"], .search-bar select {
    padding: 12px 22px 12px 22px;
    font-size: 16px;
    height: 50px;
    
}
    .search-bar .button{height: 50px;}
    .search-filters .filter-group,
    .search-filters .filter-row{width: 100%}
    .search-filters .filter-actions{margin-top: 20px}
    .search-filters .filter-actions .button{font-size: 15px}
    .search-content{gap:30px;}
    .trainer-list-vertical .trainer-item{padding: 10px;gap:15px;min-height: 225px;}
    .trainer-list-vertical .trainer-avatar {width: 90px;display: block; /*height: 190px;*/}    
    .trainer-list-vertical .location-specialization .specialization-outer ul{flex-direction: column;flex-wrap: wrap;row-gap: 2px;}
/*    .trainer-list-vertical .trainer-name{padding: 0}*/
.trainer-list-vertical .location-specialization .specialization-outer ul li{width: 100%}
    .trainer-list-vertical .location-specialization .clear{display: none}
    .trainer-list-vertical .location-specialization .specialization-outer{margin-bottom: 0}
    .trainer-list-vertical .trainer-actions{margin-top: 3px;}
    
    .trainer-list-vertical .trainer-actions a{ padding: 6px 7px 6px 7px !important; font-size: 11px !important;}
        .trainer-list-vertical .btm-btns .trainer-Certified span {
        padding: 5px 7px 5px 7px;
        font-size: 11px;
    }
    .trainer-list-vertical .trainer-actions a {
        font-size: 13px;}
    .trainer-list-vertical .btm-btns {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: space-between;
    gap: 5px;
}

    
    .trainer-list-vertical .trainer-name{font-size: 18px}
    .trainer-list-vertical .sep {
        padding: 0 3px;}
    
    .search-filters-advanced .filter-row {
    gap: 15px;
    flex-direction: column;
    
}
        .search-filters-advanced .filter-group {align-items: flex-start;gap:10px; width: 100%;}
    .search-filters-advanced .filter-group.btnrow{width: 100%}
    
    .search-filters-advanced .filter-group input[type=text], .search-filters-advanced .filter-group select{ height: 45px; padding:10px 15px 10px 30px; font-size: 16px;}
    .search-filters-advanced .filter-group button{height: 50px;}
    .search-filters-advanced{display: block;}
    .search-filters-advanced .filter-row.btnrow{margin-top: 15px;}
        .search-content-advanced .title-finde-deine-trainer {
        font-size: 22px; 
    }
    .search-content-advanced .title-finde-deine-trainer span{background-size: 22px; padding-right: 40px;}
    .search-content-advanced{gap:30px}
    .results-section-advanced .filter-fields{    display: flex;row-gap:10px;
    flex-direction: row;
    gap: 0;
    flex-wrap: wrap;}
    .results-section-advanced .filter-fields .filter-group{        width: 100%;
        padding: 5px;}
    .search-content-advanced.search-content-advanced-titlearea{margin: 0}
    
    .results-section-advanced .filter-fields select{ font-size: 14px;width: 100%}
    .results-section-advanced .filter-fields label{width: 100%;padding-bottom: 10px; text-align: left}
        .trainer-avatar-advanced {
        height: 250px;
        width: 100%;
    }
    .trainer-item-advanced{align-items: start}
    .trainer-item-advanced{ display: flex; flex-direction: column;}
    .trainer-name-advanced a.trainer-name{font-size: 18px;}
    .trainer-name-advanced .trainer-location-advanced{font-size: 15px;}
    .trainer-item-advanced .trainer-specialization ul li{width: 50%;}
    .trainer-item-advanced .trainer-specialization{font-size: 16px;}
    .trainer-name-advanced .certified-icon{/*width: 50px;*/ top: 0}
    /*.slider-container .sep,*/
    .trainer-list-vertical .sep{display: none}
    
    .trainer-list-vertical .location-specialization{flex-direction: column;gap:10px}
    .slider-container .trainer-avatar{height: auto}   
    .slider-container .trainer-item{margin: 0 !important}
 
    .gm-style .gm-style-iw-c {
    padding:5px 10px 15px 15px !important;
    width: 280px !important;
    max-width: 280px !important;
    min-width: 280px !important;
}
    .gm-style-iw-d{overflow: auto !important}
    .trainer-list-vertical .trainer-badges{    min-width: 44px;
    min-height: 20px; font-size: 13px;}    
    .trainer-list-vertical .trainer-rating .reviewCount{white-space: nowrap;}
    .trainer-list-vertical .trainer-avatar .avatar-gecertificeerd-btn{gap: 0;flex-direction: column; align-content: center; align-items: center;}
    .trainer-list-vertical .trainer-location{font-size: 11px;}
    .trainer-list-vertical .btm-btns .trainer-Certified{display: none}
    .trainer-list-vertical .trainer-avatar .avatar-gecertificeerd-btn .trainer-Certified{display: block}
    .trainer-list-vertical .trainer-avatar{flex-direction: column;}
    
    .trainer-list-vertical .trainer-actions a{padding: 6px 14px 6px 14px;
    font-size: 13px;
    font-weight: 600;
   /* color: #000;
    background: #c8a969;*/
    border-radius: 50px;
    line-height: 1;
    text-align: center;
    display: inline-block;
    text-decoration: none;}
    
    .trainer-map-tooltip .trainer-avatar {
    
    width: 70px; 
}
        .trainer-map-tooltip .trainer-avatar img {
        width: 70px !important;
        height: 75px !important;
    }
    
           .trainer-map-tooltip .trainer-avatar .avatar-gecertificeerd-btn .trainer-Certified {
        padding: 4px 5px 5px 5px;
        font-size: 9px;
    }
    .trainer-map-tooltip {
    min-width: 252px;
        max-width: 252px;}
    .gm-style-iw-chr {
        margin: -13px -16px -21px 0 !important;}
/*    .trainer-map-tooltip .location-specialization .specialization-outer ul{row-gap:1px}*/
/*    .trainer-map-tooltip .location-specialization .specialization-outer ul li{width: 100%} */
    .trainer-map-tooltip .trainer-actions a { font-size: 9px; padding: 6px 8px 7px 8px;}
    
      .trainer-map-tooltip .location-specialization .specialization-outer ul li{padding-right: 8px;    font-size: 11px;width: 50%;word-break: break-word;}
    .trainer-map-tooltip .location-specialization .specialization-outer ul{flex-direction: row;row-gap:2px;}
    .trainer-map-tooltip .trainer-name{font-size:15px;}
    
    
}