.hero-wrapper {  }
.hero-wrapper .hero-slider-active { width: 100%; height: 100%; }
.hero-wrapper .hero-slider-active .swiper-container { width: 100%; height: 100%; }
.hero-wrapper .hero-slider-active .swiper-container .swiper-wrapper {  }
.hero-wrapper .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide { position: relative; }
.hero-wrapper .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {  }
.hero-wrapper .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide:before { content: ''; }
.hero-wrapper .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper { height: 100%; background-size: cover; background-position: center center; }
.hero-wrapper .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .video-background-wrapper { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.hero-wrapper .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .video-background-wrapper:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*background-image: url(https://gould.usc.edu/wp-content/uploads/2023/04/HomepageFadeblack2.png); z-index: 2; background-size: cover;*/ background-image: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0)); }
.hero-wrapper .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .video-background-wrapper video { width: 100%; height: 100vh; min-height: 100%; object-fit: cover; }
.hero-wrapper .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .container { width: 100%; height: 100%; position: relative; z-index: 3; }
.hero-wrapper .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content { width: 100%; height: 100%; position: relative; padding-right: 120px; }
.hero-wrapper .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content .header-wrap { margin-bottom: 35px; }
.hero-wrapper .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content .title {  }
.hero-wrapper .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content .title.font-weight-400 { font-weight: 400; }
.hero-wrapper .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content .title.font-weight-600 { font-weight: 600; }
.hero-wrapper .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content h1.title { font-size: 52px; }
.hero-wrapper .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content h2.title { font-size: 36px; }
.hero-wrapper .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content h3.title { font-size: 32px; }
.hero-wrapper .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content h4.title { font-size: 28px; }
.hero-wrapper .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content h5.title { font-size: 24px; }
.hero-wrapper .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content h6.title { font-size: 18px; }

.hero-wrapper .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .hero-listing-wrapper {  }

.hero-control-wrap-wrapper { display: block; width: 100%; position: absolute; left: 0; bottom: 250px; }

.hero-slider-active { position: relative; z-index: 1; }
.hero-slider-active .hero-control-wrap { display: flex; position: relative; z-index: 10; width: 100%; }
.hero-slider-active .hero-control-wrap .hero-control-wrap-inner { display: flex; }


.hero-slider-active .hero-button-prev { color: #fff; background: rgba(217, 217, 217, 0.38); width: 25px; height: 25px; text-align: center; border-radius: 50%; cursor: pointer; line-height: 25px; }
.hero-slider-active .hero-pagination { margin: 0 13px; display: flex; flex-wrap: wrap; align-items: center; gap: 13px; }
.hero-slider-active .hero-pagination .swiper-pagination-bullet { width: 9px; height: 9px; background: rgb(217, 217, 217); }
.hero-slider-active .hero-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; }
.hero-slider-active .hero-button-next { color: #fff; background: rgba(217, 217, 217, 0.38); width: 25px; height: 25px; text-align: center; border-radius: 50%; cursor: pointer; line-height: 25px; }
.hero-slider-active .hero-button-prev:hover, .hero-slider-active .hero-button-next:hover { cursor: pointer; }
.hero-button-prev{
	height:20px;
	width:20px;
	


}



.hero-wrapper.homepage-hero-01 { height: 800px; }
.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content .header-wrap { max-width: 50%; margin-bottom: 25px; }
.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content .title { padding-top: 50px; color: #fff; font-weight: 300; }
.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content h2.title { font-size: 62px; line-height: 75px; text-shadow: 2px 2px 4px #000000; }
.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content h2.title > span { /*background-color: #000000;*/ }
.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content .header-wrap > span { font-size: 24px; color: #ffffff; text-shadow: 2px 2px 4px #000000; }
.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content .h-tags { display: none; }
.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content #heroPlayVideo { display: none; background: rgba(217, 217, 217, 0.38); width: 30px; height: 30px; border-radius: 50%; align-items: center; justify-content: center; color: #fff; border: none; margin-right: 10px; font-size: 14px; }
.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content #heroPauseVideo { display: none; background: rgba(217, 217, 217, 0.38); width: 30px; height: 30px; border-radius: 50%; align-items: center; justify-content: center; color: #fff; border: none; font-size: 14px; }
.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .hero-content-wrapper .content .h-tags { display: block; }
.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .hero-content-wrapper .content #heroPlayVideo { display: inline-flex; }
.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .hero-content-wrapper .content #heroPauseVideo { display: inline-flex; }
.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content .h-tags a { margin-bottom: 10px; }
.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content .video-play-control { /*display: none;*/ padding-top: 15px; }
.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content .video-play-control button {  }
.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content .video-play-control button span { display: none; }
.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content .video-play-control button#heroPlayVideo {  }
.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content .video-play-control button#heroPauseVideo {  }
.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .hero-listing-wrapper { position: absolute; bottom: 25px; left: 0; width: 100%; }
.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .hero-listing-wrapper .hero-listing-inner {  }
.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .hero-listing-wrapper.total-cols-5 .hero-listing-inner {  }
.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .hero-listing-wrapper.total-cols-5 .hero-listing-inner ul.hero-listing-items { display: flex; /*justify-content: center;*/ list-style: none; padding: 0; margin: 0; justify-content: space-between; }
.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .hero-listing-wrapper.total-cols-5 .hero-listing-inner ul.hero-listing-items li.hero-listing-item { width: 100%; /*max-width: 175px;*/ margin: 0 5px; position: relative; background-color: #000000; display: flex; align-items: flex-end; padding: 15px 25px; line-height: normal; }
.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .hero-listing-wrapper.total-cols-5 .hero-listing-inner ul.hero-listing-items li.hero-listing-item .hero-listing-item-wrapper { width: 100%; text-align: center; }
.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .hero-listing-wrapper.total-cols-5 .hero-listing-inner ul.hero-listing-items li.hero-listing-item .item-image-wrapper { display: inline-block; margin-bottom: 7px; max-width: 30px; }
.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .hero-listing-wrapper.total-cols-5 .hero-listing-inner ul.hero-listing-items li.hero-listing-item .item-image-wrapper img {  }
.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .hero-listing-wrapper.total-cols-5 .hero-listing-inner ul.hero-listing-items li.hero-listing-item .item-title-wrapper { color: #ffffff; font-weight: 600; font-size: 42px; line-height: normal; }
.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .hero-listing-wrapper.total-cols-5 .hero-listing-inner ul.hero-listing-items li.hero-listing-item .item-subtitle-wrapper { color: #ffffff; }


@media only screen and (max-width: 1199px) {
	.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .hero-listing-wrapper.total-cols-5 .hero-listing-inner ul.hero-listing-items li.hero-listing-item { padding: 10px; }
}
@media only screen and (max-width: 1024px) {
	.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .hero-listing-wrapper { width: calc(100% + 16.66666%); margin-left: -8.33333%; margin-left: -8.33333%; }
	.hero-control-wrap-wrapper { bottom: 220px; }
	.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .hero-listing-wrapper.total-cols-5 .hero-listing-inner ul.hero-listing-items li.hero-listing-item { font-size: 14px; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
	.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .hero-listing-wrapper.total-cols-5 .hero-listing-inner ul.hero-listing-items li.hero-listing-item .hero-listing-item-wrapper {  }
	.hero-control-wrap-wrapper { bottom: 200px; }
	.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content h2.title { font-size: 32px; line-height: 1.3; padding-top: 60px; }
	.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .hero-listing-wrapper { margin-left: -1.25rem; width: calc(100% + 2.5rem); }
	.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .hero-listing-wrapper.total-cols-5 .hero-listing-inner ul.hero-listing-items li.hero-listing-item { /*max-width: calc(20% - 3px); padding: 7px;*/ width: 20%; margin: 0 2.5px; padding: 7px; }
	.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .hero-listing-wrapper.total-cols-5 .hero-listing-inner ul.hero-listing-items li.hero-listing-item .item-title-wrapper { font-size: 18px; }
	.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .hero-listing-wrapper.total-cols-5 .hero-listing-inner ul.hero-listing-items li.hero-listing-item .item-subtitle-wrapper { font-size: 10px; line-height: normal; }
	.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .hero-listing-wrapper.total-cols-5 .hero-listing-inner ul.hero-listing-items li.hero-listing-item .item-image-wrapper { max-width: 25px; }
	.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content .header-wrap { max-width: 100%; }	
	.hero-wrapper .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content {  }
	.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content .h-tags { max-width: 50px; }
	.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content .h-tags a { white-space: nowrap; }
	.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content .header-wrap > span { line-height: normal; font-size: 18px; }
	.hero-wrapper.homepage-hero-01 { height: 700px; }
	
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content .header-wrap { max-width: 85%; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.hero-wrapper.homepage-hero-01 .hero-slider-active .swiper-container .swiper-wrapper .swiper-slide .hero-content-wrapper .content .header-wrap { max-width: 65%; }
}