iframe{
height: 30vw;
}
@media only screen and (max-width: 1300px){
iframe{
height: 50vw;
}
}
header .x-bar:first-child{
background-color: rgb(51, 63, 72) !important;
}
.img-carousel-container{
display: flex;
}
.img-carousel-wrapper{
width: 80%;
}
.img-carousel-shadow{
border-radius: 10px;
overflow: hidden; }
.img-carousel-inner{
right: 0%;
position: relative;
transition: all 0.5s ease;
display: flex;
}
.img-carousel-inner img{
height: 500px;
width: 100%;
object-fit: cover;
}
.button-right-img, .button-left-img{
width: 10%;
justify-content: center;
display: flex;
align-items: center;
}
.carousel-controls{
justify-content: end;
display: flex;
gap: 15px;
margin-top: 10px;
}
.carousel-dot-img{
cursor: pointer;
border-radius: 50%;
width: 12px;
height: 12px;
background-color: rgb(152, 152, 152);
transition: all 0.3s ease;
}
.carousel-dot-img.active{
background-color: #00adee;
}
.carousel-dot-img:hover{
transform: scale(1.1);
border: 2px solid #00adee;
}
.carousel-dot-img.active{
display: block
}
.button-right-img{
transform: rotate(180deg);
}
.button-right-img svg, .button-left-img svg{
fill: #00adee;
max-width: 15px;
}
.button-arrow{
border: 2px solid #00adee !important;
border-radius: 50%;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
header > .x-bar:nth-child(2){
display: none;
}
@media only screen and (min-width: 767px){
.mobile-carousel-buttons{
display: none;
}
}
@media only screen and (max-width: 767px){
.tmp-button:first-child{
display: none;
}
.button-right-img, .button-left-img{
display: none !important;
}
.mobile-carousel-buttons *{
display: block !important;
}
.mobile-carousel-buttons{
display: flex;
}
.img-carousel-wrapper{
width: 100%;
}
}
@media only screen and (max-width: 600px) {
.img-carousel-container{
gap: 20px;
}
.img-carousel-inner{
height: 100%;
}
.img-carousel-inner img{
height: 100%;
}
}
.button-arrow svg{
fill: white;
}
.img-carousel-shadow *{
padding: 0 !important;
}
.mobile-carousel-buttons{
width: 100%;
gap: 10px;
justify-content: center;
}