.venue-one {
position: relative;
display: block;
overflow: hidden;
padding: 120px 0 0;
z-index: 1;
}
.venue-one:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 90px;
background-color: var(--thm-white);
z-index: 1;
}
.venue-one__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: -1;
}
.venue-one__bg:before {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(var(--thm-black-rgb), .9);
z-index: -1;
}
.venue-one__shape-1 {
position: absolute;
top: -170px;
left: 0;
z-index: -1;
}
.venue-one__shape-1 img {
width: auto;
}
.venue-one__shape-2 {
position: absolute;
top: -30px;
right: 0;
z-index: -1;
}
.venue-one__shape-2 img {
width: auto;
}
.venue-one__shape-3 {
position: absolute;
bottom: -140px;
left: -200px;
z-index: -1;
}
.venue-one__shape-3 img {
width: auto;
}
.venue-one .container {
max-width: 1200px;
}
.venue-one__inner {
position: relative;
display: block;
}
.venue-one__inner .section-title__title {
color: var(--thm-white);
}
.venue-one__inner-content {
position: relative;
display: block;
background-color: var(--thm-white);
}
.venue-one__main-content {
position: relative;
display: block;
}
.venue-one__main-content-inner {
position: relative;
display: block;
}
.venue-one__map-box {
position: relative;
display: block;
}
.venue-one__goolge-map-outer {
position: relative;
display: block;
}
.venue-one__goolge-map {
position: relative;
display: block;
width: 100%;
height: 470px;
clip-path: polygon(100% 0%, 91% 49%, 100% 100%, 0 100%, 0% 50%, 0 0);
}
.venue-one__right {
position: relative;
display: block;
padding: 50px 0 165px;
margin-left: 30px;
}
.venue-one__title-box {
position: relative;
display: block;
}
.venue-one__sub-title {
font-size: 16px;
font-weight: 500;
color: var(--thm-base);
line-height: 16px;
}
.venue-one__title {
font-size: 24px;
font-weight: 600;
line-height: 34px;
margin-top: 9px;
margin-bottom: 13px;
}
.venue-one__title a{
color: inherit;
}
.venue-one__content-box {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
margin-top: 25px;
}
.venue-one__icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 90px;
width: 70px;
border: 2px solid #eaeced;
}
.venue-one__icon span {
position: relative;
display: inline-block;
font-size: 40px;
color: var(--thm-base);
}
.venue-one__content {
position: relative;
display: block;
max-width: 350px;
width: 100%;
border: 2px solid #eff1f1;
padding: 22px 30px 16px;
margin-left: 10px;
}
.venue-one__content h5 {
font-size: 24px;
font-weight: 600;
line-height: 24px;
}
.venue-one__content p {
margin-top: 8px;
}
.venue-one__thumb-box {
position: absolute;
bottom: 0;
right: 0;
width: 736px;
background-color: #f8f7f3;
padding: 15px;
z-index: 2;
}
#venue-one__thumb {
width: 717px;
}
.venue-one__img-holder {
position: relative;
display: block;
overflow: hidden;
transition: all 500ms ease;
width: 105px;
cursor: pointer;
}
.venue-one__img-holder:before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(var(--thm-base-rgb), 0);
content: "";
z-index: 1;
transition: all 500ms ease;
}
#venue-one__thumb .swiper-slide-thumb-active .venue-one__img-holder:before {
background-color: rgba(var(--thm-base-rgb), .90);
}
.venue-one__img-holder>img {
width: 105px;
transition: all 0.5s ease-in-out 0.6s;
}
.venue-one__img-content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
transform: translateY(-66%);
transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
visibility: hidden;
opacity: 0;
z-index: 2;
}
#venue-one__thumb .swiper-slide-thumb-active .venue-one__img-content {
visibility: visible;
transform: translateY(0%);
opacity: 1;
}
.venue-one__img-content p {
font-size: 14px;
font-weight: 500;
color: var(--thm-white);
line-height: 14px;
margin-bottom: 7px;
}
.venue-one__img-content h6 {
font-size: 24px;
font-weight: 500;
line-height: 24px;
color: var(--thm-white);
}