.wtgal{width:100%}
.wtgal-item{height:150px;opacity:0;position:absolute;transition:all .3s ease-in-out;width:150px;z-index:0}
.wtgal-controls{display:flex;justify-content:center}
.wtgal-controls button{background-color:transparent;border:0;cursor:pointer;box-shadow:none;margin:0 20px;text-transform:capitalize}
.wtgal-controls button:focus{outline:0}
.wtgal-controls-previous{position:relative}
.wtgal-controls-previous::before{display:inline-block;height:4px;transform:rotate(135deg) translateY(-50%);width:4px}
.wtgal-controls-next{position:relative}
.wtgal-controls-next::before{display:inline-block;height:4px;right:-10px;transform:rotate(-45deg) translateY(-50%);width:4px}
.wtgal-controls-next:hover::before{right:-18px}
.wtgal-nav{bottom:-15px;display:flex;justify-content:center;list-style:none;padding:0;position:absolute;width:100%}
.wtgal-nav li{background:#ccc;border-radius:50%;height:10px;margin:0 16px;width:10px}
.wtgal-nav li.wtgal-item-selected{background:#555}
.wtgal-item-1,.wtgal-item-5{transform:translateX(-50%);transform:translateX(-50%)}
.wtgal-item-2,.wtgal-item-4{transform:translateX(-50%)}
.wtgal-item-1{left:30%;opacity:0}
.wtgal-item-5{left:72%;opacity:0}
.wtgal-item-3{box-shadow:none;height:auto;opacity:1;left:50%;transform:translateX(-50%);width:755px;z-index:2}
.wtgal-item-2,.wtgal-item-4{height:auto;opacity:1;width:550px;z-index:1}
.wtgal-item-2{left:23.6%}
.wtgal-item-4{left:76.5%}
.wtgal-container{align-items:center;display:flex;height:auto;margin:0 auto;max-width:100%;position:relative}
.wtgal-controls{margin:0;top:-124px;left:50%;transform:translateX(-50%)}
.wtgal-controls-add{display:none}
.wtgal-controls button{font-size:0;padding:8px}
.wtgal-controls-next::before,.wtgal-controls-previous::before{border:0;border-width:0;left:-10px;padding:2px;position:absolute;top:0;transform:none;transition:left .15s ease-in-out;content:" \f177";font-family:"Font Awesome 6 Free";font-size:32px;color:#b8bac5}
.wtgal-controls-next::before{content:"\f178"}
.wtgal-controls-next:hover::before,.wtgal-controls-previous:hover::before{color:var(--theme-color)}
@media screen and (min-width:992px) and (max-width:1199px){.wtgal-item-3{width:600px}
.wtgal-item-2,.wtgal-item-4{width:436px}
.wtgal-controls{top:-72px}}
@media screen and (min-width:768px) and (max-width:991px){.wtgal-item-3{width:440px}
.wtgal-item-2,.wtgal-item-4{width:323px}
.wtgal-controls{top:-20px}}
@media screen and (max-width:767px){.wtgal-item-3{width:230px}
.wtgal-item-2,.wtgal-item-4{width:155px}
.wtgal-controls{top:20px}}
@media screen and (min-width:601px) and (max-width:767px){.wtgal-item-2,.wtgal-item-4{width:238px}
.wtgal-item-3{width:345px}}
@media screen and (min-width:500px) and (max-width:600px){.wtgal-item-3{width:315px}
.wtgal-item-2,.wtgal-item-4{width:225px}}
@media screen and (min-width:400px) and (max-width:499px){.wtgal-item-3{width:280px}
.wtgal-item-2,.wtgal-item-4{width:185px}}