.main-seven-image-accordion-container{display:flex;width:100%;background-color:transparent}
@media(min-width:992px){.main-seven-image-accordion-container .txt-left-desktop{text-align:left}
}
@media(min-width:320px) and (max-width:991px){.main-seven-image-accordion-container .txt-left-mobile{text-align:left}
}
@media(min-width:992px){.main-seven-image-accordion-container .txt-center-desktop{text-align:center}
}
@media(min-width:320px) and (max-width:991px){.main-seven-image-accordion-container .txt-center-mobile{text-align:center}
}
.main-seven-image-accordion-container .txt-color-black{color:#000}
.main-seven-image-accordion-container .txt-color-white{color:#fff}
.main-seven-image-accordion-container .font-weight-300{font-weight:300}
.main-seven-image-accordion-container .font-weight-700{font-weight:700}
@media(min-width:992px){.main-seven-image-accordion-container .font-size-16-desktop-title{font-size:16px;line-height:21.86px}
}
@media(min-width:992px){.main-seven-image-accordion-container .font-size-20-desktop-title{font-size:20px;line-height:20px}
}
@media(min-width:992px){.main-seven-image-accordion-container .font-size-32-desktop-title{font-size:32px;line-height:35.2px}
}
@media(min-width:992px) and (max-width:1280px){.main-seven-image-accordion-container .font-size-32-desktop-title{font-size:28px;line-height:30.2px}
}
@media(min-width:320px) and (max-width:991px){.main-seven-image-accordion-container .font-size-16-mobile-title{font-size:16px;line-height:21.86px}
}
@media(min-width:320px) and (max-width:991px){.main-seven-image-accordion-container .font-size-20-mobile-title{font-size:20px;line-height:20px}
}
@media(min-width:320px) and (max-width:991px){.main-seven-image-accordion-container .font-size-22-mobile-title{font-size:22px;line-height:24.2px}
}
@media(min-width:992px){.main-seven-image-accordion-container .font-size-16-desktop-description{font-size:16px;line-height:23.2px}
}
@media(min-width:992px) and (max-width:1280px){.main-seven-image-accordion-container .font-size-16-desktop-description{font-size:15px;line-height:21.2px}
}
@media(min-width:320px) and (max-width:991px){.main-seven-image-accordion-container .font-size-14-mobile-description{font-size:14px;line-height:23px}
}
@media(min-width:320px) and (max-width:991px){.main-seven-image-accordion-container .font-size-12-mobile-description{font-size:12px;line-height:19.2px}
}
@keyframes expand-card-desktop{0{width:calc(100vw / var(--child-count))}
to{width:calc((100vw / var(--child-count)) * 1.75)}
}
@media(min-width:320px) and (max-width:991px){.main-seven-image-accordion-container{flex-direction:column;height:auto}
}
.main-seven-image-accordion-container::-webkit-scrollbar{display:none}
.main-seven-image-accordion-container .child-card{position:relative;width:calc(100vw / var(--child-count));display:flex;flex-direction:column;border:0;height:533px;background-image:var(--bg-image-url-desktop);background-size:cover;background-repeat:no-repeat}
@media(min-width:320px) and (max-width:991px){.main-seven-image-accordion-container .child-card{width:100%;height:90px;background-image:var(--bg-image-url-mobile);background-repeat:round;transition:height .7s linear .1s,background-image .7s linear}
}
.main-seven-image-accordion-container .child-card .packshot-image{display:none;position:absolute;top:25%;padding:0 5%}
@media(min-width:992px){.main-seven-image-accordion-container .child-card .packshot-image.txt-left-desktop{left:0;transform:translateX(0)}
.main-seven-image-accordion-container .child-card .packshot-image.txt-center-desktop{left:50%;transform:translateX(-50%)}
}
@media(min-width:320px) and (max-width:991px){.main-seven-image-accordion-container .child-card .packshot-image.txt-left-mobile{left:0;transform:translateX(0)}
.main-seven-image-accordion-container .child-card .packshot-image.txt-center-mobile{left:50%;transform:translateX(-50%)}
}
@media(min-width:320px) and (max-width:991px){.main-seven-image-accordion-container .child-card .packshot-image{padding:0 3% 0 6%;top:10%}
}
.main-seven-image-accordion-container .child-card .packshot-image img{width:98px;height:117px;object-fit:cover}
@media(min-width:320px) and (max-width:991px){.main-seven-image-accordion-container .child-card .packshot-image img{width:91px;height:109px}
}
.main-seven-image-accordion-container .child-card .txt-wrapper{position:absolute;bottom:0;display:flex;flex-direction:column;width:100%;padding:0 5% 13%}
@media(min-width:320px) and (max-width:991px){.main-seven-image-accordion-container .child-card .txt-wrapper{padding:0 3% 0 6%;bottom:50%;transform:translateY(50%)}
}
.main-seven-image-accordion-container .child-card .txt-wrapper .heading{width:100%;max-width:100%}
@media(min-width:320px) and (max-width:991px){.main-seven-image-accordion-container .child-card .txt-wrapper .heading.txt-left-mobile{max-width:min-content}
}
.main-seven-image-accordion-container .child-card .txt-wrapper .additional-txt{display:none;width:100%}
.main-seven-image-accordion-container .child-card .txt-wrapper .additional-txt .desc-txt{font-weight:500;margin:16px 0 24px;min-width:calc((100vw / var(--child-count)) * 1.3);max-width:100%;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis;white-space:normal}
@media(min-width:320px) and (max-width:991px){.main-seven-image-accordion-container .child-card .txt-wrapper .additional-txt .desc-txt{min-width:100%}
}
.main-seven-image-accordion-container .child-card .txt-wrapper .additional-txt .explore-now-button.animated-btn-black{color:#000}
.main-seven-image-accordion-container .child-card .txt-wrapper .additional-txt .explore-now-button .animated-arrow-button{cursor:pointer !important}
.main-seven-image-accordion-container .child-card.child-open{animation-name:expand-card-desktop;animation-duration:.7s;animation-fill-mode:both;animation-timing-function:ease-in-out;animation-direction:normal;background-image:var(--hover-bg-image-url-desktop)}
@media(min-width:320px) and (max-width:991px){.main-seven-image-accordion-container .child-card.child-open{animation:none;height:362px;background-image:var(--hover-bg-image-url-mobile)}
}
.main-seven-image-accordion-container .child-card.child-open .txt-wrapper{width:100%;top:56%}
@media(min-width:320px) and (max-width:991px){.main-seven-image-accordion-container .child-card.child-open .txt-wrapper{top:50%;bottom:unset;transform:unset}
}
@media(min-width:320px) and (max-width:991px){.main-seven-image-accordion-container .child-card.child-open .txt-wrapper .heading{max-width:100%}
}
.main-seven-image-accordion-container .child-card.child-open .txt-wrapper .additional-txt{display:flex;flex-direction:column}
.main-seven-image-accordion-container .child-card:last-child.child-open .txt-wrapper .additional-txt .desc-txt{min-width:100%}
.img-inline-side-by-side{background-color:#fff;transition:all .8s ease;position:relative;padding:0 4% 4%}
.img-inline-side-by-side .grow-image-bottom-to-top{position:absolute;height:100%;width:100%;top:0;left:0;-webkit-animation-name:grow;-webkit-animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-name:grow;animation-duration:2s;animation-fill-mode:forwards}
.img-inline-side-by-side .no-image-animation-effect~picture>img{display:inline !important}
.img-inline-side-by-side ul{display:flex;justify-content:center}
.img-inline-side-by-side ul li{position:relative;height:500px;transition:all .5s ease,opacity .2s ease;width:100%;margin:0 3px;text-align:center;border-radius:8px;border:0;overflow:hidden;cursor:pointer}
.img-inline-side-by-side ul li img{display:none;height:100%;width:100%;max-width:100%;-webkit-transition:.4s ease .1s;-moz-transition:.4s ease .1s;transition:.4s ease .1s;border-radius:8px}
@media(min-width:320px) and (max-width:991px){.img-inline-side-by-side ul li img{display:block;width:293px}
}
.img-inline-side-by-side ul li .title{color:#fff;font-size:20px;transition:all .5s ease-in;position:absolute;bottom:-7px;width:100%;display:block;border-radius:0 0 8px 8px;background:rgba(0,0,0,.55);padding:18px 0}
@media(min-width:320px) and (max-width:991px){.img-inline-side-by-side ul li .title{padding-left:6px;padding-right:6px;max-width:100%}
}
.img-inline-side-by-side ul li:focus,.img-inline-side-by-side ul li:hover{transform:scale(1.02);opacity:1;margin:0 3px}
@media(min-width:320px) and (max-width:991px){.img-inline-side-by-side ul li{height:305px;width:293px;flex:0 0 77%;border-radius:0}
}
@media(min-width:576px) and (max-width:767px){.img-inline-side-by-side ul li{flex:0 0 34%}
}
@media(min-width:768px) and (max-width:991px){.img-inline-side-by-side ul li{flex:0 0 34%;height:450px}
}
@media(device-width:1024px) and (device-height:768px) and (orientation:landscape){.img-inline-side-by-side ul li{height:425px}
}
@media(device-width:1024px) and (device-height:1366px) and (orientation:portrait){.img-inline-side-by-side ul li{height:425px}
}
.img-inline-side-by-side ul:hover li:not(:hover){opacity:.6}
@media(min-width:320px) and (max-width:991px){.img-inline-side-by-side ul:hover li:not(:hover){opacity:1}
}
@keyframes grow{1%{height:35%}
to{height:0}
}
@media(min-width:320px) and (max-width:991px){.img-inline-side-by-side .slick-dots{justify-content:left;bottom:-15px;z-index:2}
}
.img-inline-side-by-side .slick-dots li{margin-right:0}
.img-inline-side-by-side .slick-dots li.slick-active{margin-right:23px}
.img-inline-side-by-side .slick-dots li.slick-active button:before{background:#fcc666 !important;width:30px !important;opacity:1 !important}
.img-inline-side-by-side .slick-dots li button:before{content:"" !important}
@media(min-width:320px) and (max-width:991px){.img-inline-side-by-side{padding:0 0 0 15px;background:transparent}
}
.img-inline-side-by-side .img-side-by-side .slick-dots{bottom:-25px;display:flex;margin-left:6px}
@media(min-width:320px) and (max-width:991px){.img-inline-side-by-side .img-side-by-side .slick-dots{margin-left:0}
}
.img-inline-side-by-side .img-side-by-side .slick-dots li{width:8px !important;height:8px !important;margin-right:3px;transition:none;overflow:inherit;flex:0}
.img-inline-side-by-side .img-side-by-side .slick-dots li button:before{color:#4d4d4d;width:8px !important;height:8px !important}
.img-inline-side-by-side .img-side-by-side .slick-dots li.slick-active{margin-right:14px;margin-left:3px}
.img-inline-side-by-side .img-side-by-side .slick-dots li.slick-active button:before{background:#4d4d4d !important;width:18px !important;opacity:1 !important}
@media(min-width:320px) and (max-width:991px){.img-inline-side-by-side .img-side-by-side .slick-list .slick-track .slick-slide{height:306px !important;margin:0 5px}
}
@media(min-width:320px) and (max-width:991px){.img-inline-side-by-side .img-side-by-side .slick-list .slick-track .slick-slide a .title{font-size:16px;font-weight:700;line-height:21.86px}
}
@media(min-width:320px) and (max-width:991px){.img-inline-side-by-side .img-side-by-side .slick-list .slick-track .slick-slide a picture img{width:100%;border-radius:8px}
}
@media(min-width:320px) and (max-width:991px){.img-inline-side-by-side .img-side-by-side .slick-list .slick-track .slick-slide:hover{transform:none;opacity:1;margin:0 5px}
}
@media(min-width:320px) and (max-width:991px){.imageaccordion .flip-Image-OnHover ul{column-gap:0;flex-wrap:nowrap;justify-content:start;overflow-x:auto}
.imageaccordion .flip-Image-OnHover ul-webkit-scrollbar{display:none}
}
.imageaccordion .flip-Image-OnHover ul li{height:372px;margin:0 1px;display:block;border-radius:4px}
@media(min-width:320px) and (max-width:991px){.imageaccordion .flip-Image-OnHover ul li{margin:0 2px}
}
.imageaccordion .flip-Image-OnHover ul li a picture{height:372px}
.imageaccordion .flip-Image-OnHover ul li a picture img{object-fit:cover;width:100%;height:100%}
@media(min-width:320px) and (max-width:991px){.imageaccordion .flip-Image-OnHover ul li a picture img{object-fit:inherit}
}
@media(min-width:1366px){.imageaccordion .flip-Image-OnHover ul li a picture img{object-fit:inherit}
}
.imageaccordion .flip-Image-OnHover ul li a .before{display:block}
@media(min-width:320px) and (max-width:991px){.imageaccordion .flip-Image-OnHover ul li a .before{display:none}
}
.imageaccordion .flip-Image-OnHover ul li a .after{display:none}
@media(min-width:320px) and (max-width:991px){.imageaccordion .flip-Image-OnHover ul li a .after{display:block}
}
.imageaccordion .flip-Image-OnHover ul li:hover{transform:none;opacity:1;margin:0 1px}
.imageaccordion .flip-Image-OnHover ul:hover li{opacity:1;margin:0 1px !important;transition:all 1.5s ease}
.imageaccordion .flip-Image-OnHover ul:hover li a .before{display:none}
.imageaccordion .flip-Image-OnHover ul:hover li a .after{display:block}