@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap);.panel .sticker-front span,.panel:focus .sticker-back,.panel:focus .sticker-back span,.panel:focus .sticker-front,.panel:hover .sticker-back,.panel:hover .sticker-back span,.panel:hover .sticker-front { transform:translate(0,100%)}
.panel .bg,.panel .bg img { width:100%}
.button,.button a { text-align:center}
.events-box,.single-events-box { box-shadow:5px 5px #b2eaea;border-radius:5px}
.button a,a:hover { text-decoration:none!important}
.discriprion h1,h1,h2,h3,h4,h5,h6 { font-weight:700!important}
.events-box,.panel,.panel .sticker,.tribe-event-meta-bottom .event-single-venue { overflow:hidden}
* { box-sizing:border-box}
body,html { margin:0;padding:0;font-family: "DM Sans", sans-serif;}
.panel { position:relative;background:#000;display:block;width:250px;max-widrth:100%;border-radius:10px;cursor:pointer;transition:.3s;z-index:1;margin:0 12.5px}
.panel:before { content:"";display:block;padding-bottom:130%}
.panel .bg { position:absolute;z-index:0;height:100%;top:0;left:0;background-position:center;background-size:cover}
.panel .sticker-box { position:absolute;z-index:10;top:-80px;right:10px;width:90px;height:180px;transform:rotate(20deg);transform-origin:50% 75%;filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, .1))}
.button a,.panel .sticker-front { z-index:1}
.panel .sticker { width:90px;height:90px;position:absolute;transition:.75s}
.panel .sticker span { content:"";display:block;transition:.75s;width:100%;height:100%;border-radius:100%}
.panel .sticker-front span { background:#e30613;color:#fff;display:flex;justify-content:center;align-items:center;font-size:25px;text-align:center;line-height:1}
.panel .sticker-back { z-index:2}
.panel .sticker-back span { background:linear-gradient(180deg,#f1f1f1 0,#dadada 100%)}
.panel .sticker.offer-two span { background-color:#f4d802;color:#130505}
.panel .sticker.offer-three span { background-color:#339ae5}
.border-block:hover img,.panel:focus,.panel:hover { transform:scale(1.05);z-index:2;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}
.events-box:hover,.single-events-box:hover { box-shadow:5px 5px #0ec6c6}
.panel:focus .sticker-front span,.panel:hover .sticker-front span { transform:translate(0,0)}
.discriprion { padding:0 12.5px}
.discriprion h1 { font-size:15px;margin-bottom:5px}
.discriprion p { font-size:14px}
.bg-cyan { background-color:#0fa9cf}
.padding-40 { padding:40px}
.tribe-event-meta-bottom .event-single-organizer>.content-inner a,.tribe-event-meta-bottom .event-single-venue>.content-inner a,.white { color:#fff!important}
h1 { font-size:45px;line-height:50px;margin:0!important;padding:0!important}
.margin-t-30 { margin-top:30px;display:inline-block}
.text-left.magazine h1 { color:#000!important;font-size:24px}
.padding-20 { padding:20px 0}
.magzne .margin-t-20 { margin-top:20px;display:inline-block}
.magzne .border-block { border:1px solid #e1e1e1;margin-bottom:30px;border-radius:5px!important;overflow:hidden;position:relative;transition:.3s}
.bg .overlay,.border-block .overlay { width:100%;background:rgba(0,0,0,0);transition:background .5s;position:absolute;left:0;top:0}
.magzne .panel { margin:0;width:100%}
.magzne .discriprion { padding:0 12.5px;margin-top:15px;margin-bottom:17px}
.magzne .discriprion p { font-size:14px;margin-top:10px}
.button { width:100%;z-index:9999;position:absolute;left:0;top:180px;opacity:0;transition:opacity .35s}
.magzne img { position:absolute;width:500px;height:300px;left:0}
.bg:hover .button,.border-block:hover .button { opacity:1}
.bg:hover .overlay { display:block;background:rgba(0,0,0,.3)}
.bg .overlay { height:100%}
.magzne .panel:before { content:"";display:block;padding-bottom:119%}
.border-block .overlay { height:72%;Z-INDEX:99}
.border-block:hover .overlay { display:block;background:rgba(0,0,0,.6)}
.border-block img { position:absolute;height:300px;left:0;transition:.3s}
.border-block:hover .title { top:90px}
.button a { width:200px;padding:12px 28px;color:#000;border:2px solid #fff;background:#fff;border-radius:8px;font-size:16px}
.events-box { margin-bottom:35px;transition:var(--transition);position:relative}
.events-box .content { position:absolute;left:0;right:0;bottom:0;z-index:2;padding:25px}
.events-box .content h3 { font-size:20px;color:#fff;margin-bottom:0}
.events-box::before { z-index:1;content:"";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:5px;background-color:#000;opacity:.5}
.events-box .content .meta { display:block;border-top:1px solid #6c6c6c;padding-top:14px;margin-top:12px;color:#fff;font-size:14px;font-weight:600}
.events-item-list { margin-bottom:30px}
.single-events-box { margin-bottom:35px;border:1px solid #96e3e3;transition:var(--transition);background-color:var(--whiteColor)}
.events-box .content .meta i,.single-events-box .content .meta i { margin-right:2px;width:28px;height:28px;text-align:center;display:inline-block;background-color:#e8e8e8;border-radius:50%;transition:var(--transition);font-weight:400}
.single-events-box .image { height:100%;position:relative;border-radius:5px;border-right:1px solid #96e3e3;background-position:center center;background-repeat:no-repeat;background-size:cover}
.single-events-box .image img { border-radius:5px;max-width:100%;height:auto}
.single-events-box .content { padding:13.8px 20px}
.single-events-box .content .meta { display:block;margin-bottom:12px;padding-bottom:14px;color:var(--optionalColor);border-bottom:1px solid #efefef;font-size:14px;font-weight:600}
.single-events-box .content h3 { font-size:20px;margin-bottom:0;line-height:1.4}
.p-0 { padding:0!important}
a:hover { color:#0ec6c6!important}
.single-events-box:hover { border-color:#0ec6c6}
.single-events-box .content .meta i { color:var(--mainColor);line-height:28px;color:#0ec6c6}
.events-box .content .meta i { color:#0ec6c6;line-height:28px}
.events-box:hover img { transform:scale(1.12)}
.events-box img { transition:.3s}
.tribe-events-single .tribe-events-back { margin-bottom:5px}
.tribe-events-back a,.tribe-events-back a:visited { color:#141827;font-family:Manrope,sans-serif;font-size:16px;font-weight:700;text-decoration:none}
.tribe-events-single .tribe-events-single-event-title { font-size:32px;line-height:42px;margin-bottom:15px!important;color:#11161f}
.tribe-events-schedule { align-items:center;display:flex;flex-wrap:wrap;margin-bottom:20px;background-color:transparent;border:0}
.tribe-events-single .tribe-events-schedule .icon { margin-right:6px;color:#0ec6c6;font-size:16px}
.tribe-events-single .tribe-events-schedule { color:#161c26}
.tribe-events-single { margin:65px 0 100px!important}
.tribe-events-event-image img { border:0;vertical-align:top;max-width:100%;height:auto}
.events-details-image img { width:100%;height:300px;object-fit:cover}
.tribe-events-single .tribe-events-single-event-description p { font-size:16px;color:#787878;line-height:28px}
.tribe-event-meta-bottom { margin:50px 0;width:100%;display:inline-block}
.tribe-event-meta-bottom .tribe-events-meta-group .tribe-events-single-section-title { color:#fff;margin:0 0 35px}
.tribe-events-single-section-title { font-size:20px;font-weight:400}
.tribe-event-meta-bottom .event-single-organizer>.content-inner .meta-item,.tribe-event-meta-bottom .event-single-venue .meta-item,.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-organizer>.content-inner .meta-item { font-weight:500;font-size:16px;margin-bottom:15px}
.tribe-event-meta-bottom .event-single-organizer>.content-inner .meta-item .icon { margin-right:10px;display:inline-block;position:relative;top:5px}
.tribe-event-meta-bottom .event-single-venue>.content-inner { background:#0ec6c6;position:relative;float:left;width:100%;color:#fff;padding:45px 50px}
.tribe-event-meta-bottom .event-single-organizer>.content-inner { background:#161c26;position:relative;float:left;width:100%;padding:60px 50px;color:#fff}


/* magazine css start */
#main, #thumbnails img {
    border: 1px solid #e1e1e1;
}

* {
  transition: all 0.5s ease;
}

#thumbnails {
  text-align: center;
}
#thumbnails img {
  width: 100px;
  height: 100px;
  margin: 10px;
  cursor: pointer;
}
@media only screen and (max-width: 480px) {
  #thumbnails img {
    width: 50px;
    height: 50px;
  }
}
#thumbnails img:hover {
  transform: scale(1.05);
}

#main {
  width: 100%;
  height:550px;
  object-fit: cover;
  display: block;
  margin: 0px auto;
}
@media only screen and (max-width: 480px) {
  #main {
    width: 100%;
  }
}

.hidden {
  opacity: 0;
}
.magazine-block img {
    position: relative;
}
.border-block:hover img, .panel:focus, .panel:hover{box-shadow:none;}

.visme-templates-single-header__content ul li {
    color: var(--visme-dark-4);
    font-size:16px;
    line-height: 1.5625rem;
    margin-bottom: 1.25rem;
}
.discriprion.magazine-block-rgt p{font-size:16px!important; line-height:28px}
.visme-templates-single-header__title {
    color:#293745;
    font-size:25px!important;
    line-height:32px;
    margin-bottom: 1.25rem;
}
.discriprion.visme-templates-single-header__content.magazine-block-rgt {
    padding: 20px;
}


.magzne .discriprion.visme-templates-single-header__content.magazine-block-rgt {
    height: 520px;
    overflow-y: scroll;
}
