/* ==================================================================== */ /* System Style Definitions */ /* ==================================================================== */ @media all { *#dm div.dmContent h1, *#dm div.dmFooter h1 { color:rgb(102,102,102); } *#dm div.dmRespCol>* { line-height:normal; } *.dmDesktopBody *#dm ul.dmNavWrapper>li>a *.navText, *.dmDesktopBody *#dm ul.dmNavWrapper>li>a *.navItemText, *.dmDesktopBody *#dm ul.dmNavWrapper>li>*.dmNavigation { color:rgb(17,17,17); font-weight:normal; } *.dmDesktopBody *#dm ul.dmNavWrapper>li>a:hover, *.dmDesktopBody *#dm ul.dmNavWrapper>li>a.currentPage { border-color:rgb(17,17,17); } *.dmDesktopBody *#dm ul.dmNavWrapper>li.navItemSelectedServer>a *.navText, *.dmDesktopBody *#dm ul.dmNavWrapper>li.dmNavItemSelected>a *.navItemText, *.dmDesktopBody *#dm ul.dmNavWrapper>li.dmNavItemSelected>*.navItemText { font-weight:bold; } *.stickyHeaderSpacer { height:112px; } #dm div.dmInner, #dm div.dmInner .dmRespCol, #dm .dmRespCol div.dmNewParagraph, #dm .ecwid .ec-store, #dm .dmform .dmforminput label, .dmPrettyList .listText, .dmPrettyList .itemName, #dm .dmRestaurantMenu .menuItemBox, .dmRestaurantMenu .menuItemName, .dmRestaurantMenu .menuItemDesc, .dmRestaurantMenu .menuItemPrice, .dmPhotoGallery .caption-text.caption-text, .dmGeoLocation a span.dmGeoMLocItemTitle, .dmGeoLocation a span.dmGeoMLocItemDetails, .map-popup-description { font-family: Poppins, "Poppins Fallback"; color:rgba(0,0,0,1); font-weight:400; } *#dm div.dmContent h1, *#dm div.dmFooter h1, *#dm div.p_hfcontainer h1, *#dm div.flex_hfcontainer h1, *#dm div.dm-title h1 { color:rgb(0,0,0); direction:ltr; font-family: "OP font Semi Bold"; font-weight:700; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h1, *#dm div.dmFooter .dmNewParagraph[data-version] h1, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h1, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h1, *#dm div.dm-title .dmNewParagraph[data-version] h1 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h1 *, *#dm div.dmFooter .dmNewParagraph[data-version] h1 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h1 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h1 *, *#dm div.dm-title .dmNewParagraph[data-version] h1 * { text-decoration:none; } #dm div.dmNewParagraph p, #dm div.dmNewParagraph li { color:rgba(0,0,0,1); direction:ltr; font-family: Poppins, "Poppins Fallback"; font-weight:300; font-style:normal; text-decoration:none; } *#dm div.dmNewParagraph a, *#dm .dmNewParagraph a, *#dm div.dmBlockElement a, *#dm .dmBlockElement a, *#dm .dmform a.fileUploadLink, .dmPrettyList .link:not(.dmWidget), *#dm .dmGeoLocation a.dmGeoSVSeeAll, *#dm .dmGeoLocation a.dmGeoSVGoToPage, *#dm .postDescription a, *#dm .blog-post-component a, *#dm .timeline-post a, *#dm .rteBlock a, .newPhotoGallery .photoGalleryViewAll.link, .dmTable a, *#dm .ecwid .ec-link:not(.breadcrumbs__link), .dmSignup a:not(.social-link) { color:var(--color_4); } *#dm div.dmContent h2, *#dm div.dmFooter h2, *#dm div.p_hfcontainer h2, *#dm div.flex_hfcontainer h2, *#dm div.dm-title h2 { color:rgb(0,0,0); direction:ltr; font-family: "OP font Semi Bold"; font-weight:700; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h2, *#dm div.dmFooter .dmNewParagraph[data-version] h2, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h2, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h2, *#dm div.dm-title .dmNewParagraph[data-version] h2 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h2 *, *#dm div.dmFooter .dmNewParagraph[data-version] h2 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h2 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h2 *, *#dm div.dm-title .dmNewParagraph[data-version] h2 * { text-decoration:none; } *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.p_hfcontainer h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { color:rgb(0,0,0); direction:ltr; font-family: "OP font Semi Bold"; font-weight:700; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h3, *#dm div.dmFooter .dmNewParagraph[data-version] h3, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h3, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h3, *#dm div.dm-title .dmNewParagraph[data-version] h3 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h3 *, *#dm div.dmFooter .dmNewParagraph[data-version] h3 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h3 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h3 *, *#dm div.dm-title .dmNewParagraph[data-version] h3 * { text-decoration:none; } *#dm div.dmContent h4, *#dm div.dmFooter h4, *#dm div.p_hfcontainer h4, *#dm div.flex_hfcontainer h4, *#dm div.dm-title h4 { color:var(--color_6); direction:ltr; font-family: "OP font Semi Bold"; font-weight:700; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h4, *#dm div.dmFooter .dmNewParagraph[data-version] h4, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h4, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h4, *#dm div.dm-title .dmNewParagraph[data-version] h4 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h4 *, *#dm div.dmFooter .dmNewParagraph[data-version] h4 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h4 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h4 *, *#dm div.dm-title .dmNewParagraph[data-version] h4 * { text-decoration:none; } *#dm div.dmContent h5, *#dm div.dmFooter h5, *#dm div.p_hfcontainer h5, *#dm div.flex_hfcontainer h5, *#dm div.dm-title h5 { color:rgb(0,0,0); direction:ltr; font-family: "OP font Semi Bold"; font-weight:700; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h5, *#dm div.dmFooter .dmNewParagraph[data-version] h5, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h5, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h5, *#dm div.dm-title .dmNewParagraph[data-version] h5 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h5 *, *#dm div.dmFooter .dmNewParagraph[data-version] h5 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h5 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h5 *, *#dm div.dm-title .dmNewParagraph[data-version] h5 * { text-decoration:none; } *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.p_hfcontainer h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { color:rgb(0,0,0); direction:ltr; font-family: "OP font Semi Bold"; font-weight:400; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h6, *#dm div.dmFooter .dmNewParagraph[data-version] h6, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h6, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h6, *#dm div.dm-title .dmNewParagraph[data-version] h6 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h6 *, *#dm div.dmFooter .dmNewParagraph[data-version] h6 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h6 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h6 *, *#dm div.dm-title .dmNewParagraph[data-version] h6 * { text-decoration:none; } *#dm div.dmNewParagraph a, *#dm .dmNewParagraph a, *#dm div.dmBlockElement a, *#dm .dmBlockElement a, *#dm .dmform a.fileUploadLink, .dmPrettyList .link:not(.dmWidget), *#dm .dmGeoLocation a.dmGeoSVSeeAll, *#dm .dmGeoLocation a.dmGeoSVGoToPage, *#dm .postDescription a, *#dm .blog-post-component a, *#dm .timeline-post a, *#dm .rteBlock a, .newPhotoGallery .photoGalleryViewAll.link, .dmTable a, *#dm .ecwid .ec-link:not(.breadcrumbs__link), .dmSignup a:not(.social-link), .prev-next-links a { color:var(--color_1); text-decoration:none; } *#dm div.dmNewParagraph a.visited, *#dm div.dmNewParagraph a:visited, *#dm .dmNewParagraph a.visited, *#dm .dmNewParagraph a:visited, *#dm div.dmBlockElement a.visited, *#dm div.dmBlockElement a:visited, *#dm .dmBlockElement a.visited, *#dm .dmBlockElement a:visited, *#dm .dmform a.fileUploadLink.visited, *#dm .dmform a.fileUploadLink:visited, .dmPrettyList .link:not(.dmWidget).visited, .dmPrettyList .link:not(.dmWidget):visited, *#dm .dmGeoLocation a.dmGeoSVSeeAll.visited, *#dm .dmGeoLocation a.dmGeoSVSeeAll:visited, *#dm .dmGeoLocation a.dmGeoSVGoToPage.visited, *#dm .dmGeoLocation a.dmGeoSVGoToPage:visited, *#dm .postDescription a.visited, *#dm .postDescription a:visited, *#dm .blog-post-component a.visited, *#dm .blog-post-component a:visited, *#dm .timeline-post a.visited, *#dm .timeline-post a:visited, *#dm .rteBlock a.visited, *#dm .rteBlock a:visited, .newPhotoGallery .photoGalleryViewAll.link.visited, .newPhotoGallery .photoGalleryViewAll.link:visited, .dmTable a.visited, .dmTable a:visited, *#dm .ecwid .ec-link:not(.breadcrumbs__link).visited, *#dm .ecwid .ec-link:not(.breadcrumbs__link):visited, .dmSignup a:not(.social-link).visited, .dmSignup a:not(.social-link):visited, .prev-next-links a.visited, .prev-next-links a:visited { color:var(--color_1); text-decoration:underline solid rgb(34,45,98); } *#dm div.dmNewParagraph a.hover, *#dm div.dmNewParagraph a:hover, *#dm .dmNewParagraph a.hover, *#dm .dmNewParagraph a:hover, *#dm div.dmBlockElement a.hover, *#dm div.dmBlockElement a:hover, *#dm .dmBlockElement a.hover, *#dm .dmBlockElement a:hover, *#dm .dmform a.fileUploadLink.hover, *#dm .dmform a.fileUploadLink:hover, .dmPrettyList .link:not(.dmWidget).hover, .dmPrettyList .link:not(.dmWidget):hover, *#dm .dmGeoLocation a.dmGeoSVSeeAll.hover, *#dm .dmGeoLocation a.dmGeoSVSeeAll:hover, *#dm .dmGeoLocation a.dmGeoSVGoToPage.hover, *#dm .dmGeoLocation a.dmGeoSVGoToPage:hover, *#dm .postDescription a.hover, *#dm .postDescription a:hover, *#dm .blog-post-component a.hover, *#dm .blog-post-component a:hover, *#dm .timeline-post a.hover, *#dm .timeline-post a:hover, *#dm .rteBlock a.hover, *#dm .rteBlock a:hover, .newPhotoGallery .photoGalleryViewAll.link.hover, .newPhotoGallery .photoGalleryViewAll.link:hover, .dmTable a.hover, .dmTable a:hover, *#dm .ecwid .ec-link:not(.breadcrumbs__link).hover, *#dm .ecwid .ec-link:not(.breadcrumbs__link):hover, .dmSignup a:not(.social-link).hover, .dmSignup a:not(.social-link):hover, .prev-next-links a.hover, .prev-next-links a:hover { color:var(--color_1); text-decoration:none; } } @media (min-width:1025px) { *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { font-size:18px; } #dm div.dmNewParagraph p { font-size:18px; } *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { font-size:16px; } #dm DIV.dmOuter DIV.dmInner, #dm DIV.dmOuter DIV#dmSlideRightNavRight { background-image:none; } #dm div.dmInner, #dm div.dmInner .dmRespCol, #dm .dmRespCol div.dmNewParagraph, #dm .ecwid .ec-store, #dm .dmform .dmforminput label, .dmPrettyList .listText, .dmPrettyList .itemName, #dm .dmRestaurantMenu .menuItemBox, .dmRestaurantMenu .menuItemName, .dmRestaurantMenu .menuItemDesc, .dmRestaurantMenu .menuItemPrice, .dmPhotoGallery .caption-text.caption-text, .dmGeoLocation a span.dmGeoMLocItemTitle, .dmGeoLocation a span.dmGeoMLocItemDetails, .map-popup-description { font-size:16px; } #dm div.dmNewParagraph p, #dm div.dmNewParagraph li { font-size:16px; } *#dm div.dmContent h1, *#dm div.dmFooter h1, *#dm div.p_hfcontainer h1, *#dm div.flex_hfcontainer h1, *#dm div.dm-title h1 { font-size:50px; } *#dm div.dmContent h2, *#dm div.dmFooter h2, *#dm div.p_hfcontainer h2, *#dm div.flex_hfcontainer h2, *#dm div.dm-title h2 { font-size:35px; } *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.p_hfcontainer h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { font-size:24px; } *#dm div.dmContent h4, *#dm div.dmFooter h4, *#dm div.p_hfcontainer h4, *#dm div.flex_hfcontainer h4, *#dm div.dm-title h4 { font-size:18px; } *#dm div.dmContent h5, *#dm div.dmFooter h5, *#dm div.p_hfcontainer h5, *#dm div.flex_hfcontainer h5, *#dm div.dm-title h5 { font-size:15px; } *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.p_hfcontainer h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { font-size:14px; } } @media (min-width:768px) and (max-width:1024px) { *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { font-size:18px; } #dm div.dmNewParagraph p { font-size:18px; } *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { font-size:16px; } *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.p_hfcontainer h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { font-size:14px; } #dm div.dmInner, #dm div.dmInner .dmRespCol, #dm .dmRespCol div.dmNewParagraph, #dm .ecwid .ec-store, #dm .dmform .dmforminput label, .dmPrettyList .listText, .dmPrettyList .itemName, #dm .dmRestaurantMenu .menuItemBox, .dmRestaurantMenu .menuItemName, .dmRestaurantMenu .menuItemDesc, .dmRestaurantMenu .menuItemPrice, .dmPhotoGallery .caption-text.caption-text, .dmGeoLocation a span.dmGeoMLocItemTitle, .dmGeoLocation a span.dmGeoMLocItemDetails, .map-popup-description { font-size:16px; } #dm div.dmNewParagraph p, #dm div.dmNewParagraph li { font-size:16px; } *#dm div.dmContent h1, *#dm div.dmFooter h1, *#dm div.p_hfcontainer h1, *#dm div.flex_hfcontainer h1, *#dm div.dm-title h1 { font-size:45px; } *#dm div.dmContent h2, *#dm div.dmFooter h2, *#dm div.p_hfcontainer h2, *#dm div.flex_hfcontainer h2, *#dm div.dm-title h2 { font-size:28px; } *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.p_hfcontainer h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { font-size:22px; } *#dm div.dmContent h4, *#dm div.dmFooter h4, *#dm div.p_hfcontainer h4, *#dm div.flex_hfcontainer h4, *#dm div.dm-title h4 { font-size:16px; } *#dm div.dmContent h5, *#dm div.dmFooter h5, *#dm div.p_hfcontainer h5, *#dm div.flex_hfcontainer h5, *#dm div.dm-title h5 { font-size:15px; } } @media (min-width:0px) and (max-width:767px) { *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { font-size:14px; } #dm div.dmInner, #dm div.dmInner .dmRespCol, #dm .dmRespCol div.dmNewParagraph, #dm .ecwid .ec-store, #dm .dmform .dmforminput label, .dmPrettyList .listText, .dmPrettyList .itemName, #dm .dmRestaurantMenu .menuItemBox, .dmRestaurantMenu .menuItemName, .dmRestaurantMenu .menuItemDesc, .dmRestaurantMenu .menuItemPrice, .dmPhotoGallery .caption-text.caption-text, .dmGeoLocation a span.dmGeoMLocItemTitle, .dmGeoLocation a span.dmGeoMLocItemDetails, .map-popup-description { font-size:16px; } #dm div.dmNewParagraph p, #dm div.dmNewParagraph li { font-size:16px; } *#dm div.dmContent h1, *#dm div.dmFooter h1, *#dm div.p_hfcontainer h1, *#dm div.flex_hfcontainer h1, *#dm div.dm-title h1 { font-size:40px; } *#dm div.dmContent h2, *#dm div.dmFooter h2, *#dm div.p_hfcontainer h2, *#dm div.flex_hfcontainer h2, *#dm div.dm-title h2 { font-size:28px; } *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.p_hfcontainer h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { font-size:20px; } *#dm div.dmContent h4, *#dm div.dmFooter h4, *#dm div.p_hfcontainer h4, *#dm div.flex_hfcontainer h4, *#dm div.dm-title h4 { font-size:18px; } *#dm div.dmContent h5, *#dm div.dmFooter h5, *#dm div.p_hfcontainer h5, *#dm div.flex_hfcontainer h5, *#dm div.dm-title h5 { font-size:15px; } } /*------------ testimonials ------------------*/ /* ---------- Page bleed (safe on mobile) ---------- */ .op-bleed{ /* avoid horizontal scrollbars from 100vw */ width: 100dvw; /* modern */ margin-left: calc(50% - 50dvw); margin-right: calc(50% - 50dvw); } @supports not (width: 100dvw){ .op-bleed{ width: 100vw; /* fallback */ margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); } } /* ---------- Theme variables (responsive) ---------- */ :root{ --op-gap: clamp(14px, 3vw, 28px); --op-radius: 18px; --op-card-bg: var(--color_6); --op-text:#e9eaec; --op-muted:#a9adb7; --op-shadow:none; --speed: 80s; /* default scroll duration */ } /* ---------- Layout ---------- */ .op-testi{display:grid;gap:var(--op-gap)} .op-lane{ overflow:hidden; padding:2px; /* subtle edge fade so cards don’t “cut” at edges */ -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%); } .op-lane:hover .op-scroller{animation-play-state:paused} .op-scroller{ display:flex; gap:var(--op-gap); padding-inline: var(--op-gap); width:max-content; animation: linear infinite; animation-duration: var(--speed); } .op-lane[data-dir="rtl"] .op-scroller{animation-name:op-scroll-rtl} .op-lane[data-dir="ltr"] .op-scroller{animation-name:op-scroll-ltr} .op-belt{display:flex;gap:var(--op-gap);margin:0;padding:0;list-style:none} /* ---------- Cards (fluid, capped) ---------- */ .op-card{ /* 4 cols desktop: (viewport - 3 gaps)/4; clamp keeps mobile tidy */ min-width: clamp(260px, calc((100vw - (var(--op-gap) * 3)) / 4), 520px); max-width: 520px; background:var(--op-card-bg); border:1px solid rgba(255,255,255,.06); border-radius:var(--op-radius); box-shadow:var(--op-shadow); color:var(--op-text); padding: clamp(16px, 2.8vw, 24px); display:grid;gap:14px } .op-quote{font-size:clamp(.95rem, 2.8vw, 1rem);line-height:1.6;letter-spacing:.2px} .op-author{font-size:clamp(.85rem, 2.4vw, .92rem);color:var(--op-muted)} /* ---------- Responsive: 3 / 2 / 1 columns ---------- */ @media (max-width:1200px){ .op-card{min-width: clamp(240px, calc((100vw - (var(--op-gap) * 2)) / 3), 520px);} } @media (max-width:900px){ .op-card{min-width: clamp(240px, calc((100vw - var(--op-gap)) / 2), 420px);} } @media (max-width:560px){ .op-card{min-width: min(92vw, 420px);} .op-lane{-webkit-mask-image:none;mask-image:none} /* maximize small screens */ :root{ --speed: 95s; } /* slow down a bit on small screens */ } /* ---------- Motion preferences ---------- */ @media (prefers-reduced-motion: reduce){ .op-scroller{animation: none !important; transform: translateX(0) !important;} } /* ---------- Infinite loop keyframes ---------- */ @keyframes op-scroll-rtl{from{transform:translateX(0)}to{transform:translateX(-50%)}} @keyframes op-scroll-ltr{from{transform:translateX(-50%)}to{transform:translateX(0)}} /*------------ after testimonials ------------------*/ .customGlassv2{ /* From https://css.glass */ background: rgba(255, 255, 255, 0.03); border-radius: 16px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(0.3px); -webkit-backdrop-filter: blur(0.3px); border: 1px solid rgba(255, 255, 255, 0.3); } /* Hover-reveal for the Watch button */ .videoItem { position: relative; } .watchBtn{ position:absolute; right:14px; bottom:14px; display:inline-flex; align-items:center; gap:8px; padding:10px 14px; font-size:14px; line-height:1; color:#fff; background:rgba(0,0,0,.45); border:1px solid rgba(255,255,255,.18); border-radius:12px; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); cursor:pointer; z-index:3; opacity:0; visibility:hidden; transform:translateY(4px); transition:opacity .18s ease, visibility .18s ease, transform .18s ease, background .18s ease, box-shadow .18s ease; } .videoItem:hover .watchBtn{ opacity:1; visibility:visible; transform:translateY(0); } .watchBtn:hover{ background:rgba(0,0,0,.65); box-shadow:0 6px 14px rgba(0,0,0,.25); } /* place near your carousel CSS */ .videoItem { position: relative; /* anchor overlay */ } .watchBtn { position: absolute; right: 14px; bottom: 14px; display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; font-size: 14px; line-height: 1; color: #fff; background: rgba(0,0,0,0.45); border: 1px solid rgba(255,255,255,0.18); border-radius: 8px; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); cursor: pointer; z-index: 3; transition: transform .18s ease, background .18s ease, box-shadow .18s ease; } .watchBtn:hover { background: rgba(0,0,0,0.65); transform: translateY(-1px); box-shadow: 0 6px 14px rgba(0,0,0,0.25); } .watchBtn svg { display:block } .videoCarousel { position: relative; width: 100%; max-width: 1100px; margin: 0 auto; background: #0d0d0d; border-radius: 20px; box-shadow: 0 6px 20px rgba(0,0,0,0.35); padding: 24px 0; /* keep arrows outside content */ } /* keeps overflow clipping separate to avoid arrow click issues */ .carouselViewport { overflow: hidden; position: relative; padding: 0 8px; /* small breathing room */ } .carouselTrack { display: flex; will-change: transform; transition: transform 420ms cubic-bezier(.2,.7,.2,1); } .videoItem { flex: 0 0 33.333%; padding: 0 12px; box-sizing: border-box; } .videoItem video { width: 100%; height: 220px; border-radius: 14px; object-fit: cover; box-shadow: 0 6px 16px rgba(0,0,0,0.45); transition: transform 0.25s ease; } .videoItem video:hover { transform: scale(1.03); } /* Modern side arrows */ .carouselArrow { position: absolute; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; display: grid; place-items: center; color: #fff; background: rgba(255,255,255,0.08); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border: 1px solid rgba(255,255,255,0.15); border-radius: 12px; cursor: pointer; z-index: 10; /* above videos/track */ transition: transform .2s ease, background .2s ease, box-shadow .2s ease, opacity .2s ease; pointer-events: auto; user-select: none; } .carouselArrow.left { left: 10px; } .carouselArrow.right { right: 10px; } .carouselArrow:hover { background: rgba(255,255,255,0.22); transform: translateY(-50%) scale(1.08); box-shadow: 0 6px 12px rgba(0,0,0,0.25); } .carouselArrow[disabled] { opacity: .35; pointer-events: none; } /* Responsive */ @media (max-width: 900px) { .videoItem { flex: 0 0 50%; } } @media (max-width: 600px) { .videoItem { flex: 0 0 100%; } .videoItem video { height: 200px; } } .noOverflow{ overflow: hidden !important; } .customShadow { box-shadow: 25px -25px 0px -5px rgba(52,183,229,0.75); -webkit-box-shadow: 25px -25px 0px -5px rgba(52,183,229,0.75); -moz-box-shadow: 25px -25px 0px -5px rgba(52,183,229,0.75); border-radius: 20px; } .customGlass{ /* From https://css.glass */ background: rgba(255, 255, 255, 0.28); border-radius: 16px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.3); } .hexagonClip { clip-path: polygon( 25% 5%, 75% 5%, 100% 25%, 100% 75%, 75% 95%, 25% 95%, 0% 75%, 0% 25% ); border-radius: 20px !important; overflow: hidden !important; display: inline-block !important; } .sc-gEvEer{ border-radius: 16px; } @media (min-width: 768px) { .custom_list2 ul { display: block !important; column-count: 2; } .custom_list3 ul { display: block !important; column-count: 3; } .custom_list4 ul { display: block !important; column-count: 4; } /*Tab widget layout design desktop and tablet only*/ .custom_tab2 nav { display: block !important; column-count: 2; } .custom_tab3 nav { display: block !important; column-count: 3; } .custom_tab4 nav { display: block !important; column-count: 4; } .custom_tab5 nav { display: block !important; column-count: 5; } } /* bullet list */ @media (max-width: 768px) { .dmNewParagraph[data-version] ol>li, .dmNewParagraph[data-version] ul>li { text-indent: 0; margin-inline-start: 0; } .custom_text_image .rteBlock { text-align: center !important; } .custom_list_mobile2 ul { column-count: 2; } .custom_text_image .image { width: 100% !important; margin-bottom: 15px; } .custom_text_image .rteBlock { text-align: center !important; } .noOverflow{ overflow: hidden !important; } } /* ==================================================================== */ /* System Style Definitions */ /* ==================================================================== */ @media all { :root { --btn-text-direction: ltr; --btn-border-r-color: var(--btn-border-color); --btn-border-l-color: var(--btn-border-color); --btn-border-b-width: var(--btn-border-width); --btn-border-width: 1px; --btn-border-radius: 6px; --btn-border-t-width: var(--btn-border-width); --btn-border-tl-radius: 50px; --btn-border-br-radius: 50px; --btn-border-bl-radius: 50px; --btn-bg-color: var(--color_1); --btn-border-color: rgba(0, 0, 0, 0); --btn-border-tr-radius: 50px; --btn-border-r-width: var(--btn-border-width); --btn-border-b-color: var(--btn-border-color); --btn-border-l-width: var(--btn-border-width); --btn-border-t-color: var(--btn-border-color); --btn-text-align: center; --btn-text-color: var(--color_2); --btn-text-decoration: none; --btn-text-font-weight: bold; --btn-text-font-family: OP font Semi Bold; --btn-icon-color: rgb(0, 0, 238); --btn-icon-fill: rgb(0, 0, 238); --btn-icon-wrpr-display: none; --btn-hover-border-b-color: var(--btn-hover-border-color); --btn-hover-bg: var(--color_1); --btn-hover-border-t-color: var(--btn-hover-border-color); --btn-hover-border-r-color: var(--btn-hover-border-color); --btn-hover-border-l-color: var(--btn-hover-border-color); --btn-hover-border-color: var(--color_1); --btn-hover-text-color: var(--color_2); --btn-hover-text-font-weight: bold; --btn-hover-text-decoration: var(--btn-text-decoration); --btn-hover-text-font-style: var(--btn-text-font-style); } .button_2 { --btn-text-direction: ltr; --btn-border-r-color: var(--btn-border-color); --btn-border-l-color: var(--btn-border-color); --btn-border-b-width: var(--btn-border-width); --btn-border-width: 1px; --btn-border-radius: 50px; --btn-border-t-width: var(--btn-border-width); --btn-border-tl-radius: var(--btn-border-radius); --btn-border-br-radius: var(--btn-border-radius); --btn-border-bl-radius: var(--btn-border-radius); --btn-bg-color: rgba(0, 0, 0, 0); --btn-border-color: var(--color_2); --btn-border-tr-radius: var(--btn-border-radius); --btn-border-r-width: var(--btn-border-width); --btn-border-b-color: var(--btn-border-color); --btn-border-l-width: var(--btn-border-width); --btn-border-t-color: var(--btn-border-color); --btn-text-align: center; --btn-text-color: var(--color_2); --btn-text-decoration: none; --btn-text-font-weight: bold; --btn-icon-color: rgb(0, 0, 238); --btn-icon-fill: rgb(0, 0, 238); --btn-icon-wrpr-display: none; --btn-hover-border-b-color: var(--btn-hover-border-color); --btn-hover-bg: var(--color_2); --btn-hover-border-t-color: var(--btn-hover-border-color); --btn-hover-border-r-color: var(--btn-hover-border-color); --btn-hover-border-l-color: var(--btn-hover-border-color); --btn-hover-border-color: var(--color_2); --btn-hover-text-color: var(--color_1); --btn-hover-text-font-weight: var(--btn-text-font-weight); --btn-hover-text-decoration: var(--btn-text-decoration); --btn-hover-text-font-style: var(--btn-text-font-style); } :root { --section-padding-top: 4%; --section-padding-left: 0%; --section-padding-right: 0%; --section-padding-bottom: 4%; --column-padding-top: 16px; --column-padding-right: 16px; --column-padding-left: 16px; --column-padding-bottom: 16px; --inner-column-padding-left: 16px; --inner-column-padding-right: 16px; --inner-column-padding-top: 16px; --inner-column-padding-bottom: 16px; } } @media (min-width: 1025px) { :root { --btn-text-font-size: 18px; } } @media (min-width: 768px) and (max-width: 1024px) { :root { --btn-text-font-size: 16px; } } @media (min-width: 768px) and (max-width: 1024px) { :root { --btn-text-font-size: 16px; } .button_2 { --btn-text-font-size: 16px; } :root { --section-padding-left: 2%; --section-padding-right: 2%; } } @media (min-width: 0px) and (max-width: 767px) { :root { --btn-text-font-size: 14px; } } @media (min-width: 0px) and (max-width: 767px) { :root { --btn-text-font-size: 16px; } .button_2 { --btn-text-font-size: 16px; } :root { --section-padding-left: 4%; --section-padding-right: 4%; } } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BASIC'] { border-radius: 7px; background-clip: border-box; box-shadow: inset 0 2px 1px rgba(255, 255, 255, 0.4), inset 0 0 0 1px rgba(0, 0, 0, 0.2); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDc1IDQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwNDA1MDUiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9Ijc1IiBoZWlnaHQ9IjQwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BASIC']:hover { box-shadow: inset 0 2px 1px rgba(255, 255, 255, 0.4), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 100px rgba(0, 0, 0, 0.1); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BASIC']:active { box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 0 100px rgba(0, 0, 0, 0.1); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BASIC'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BIG_BASIC'] { border-radius: 0px; background-clip: border-box; box-shadow: inset 0 2px 1px rgba(255, 255, 255, 0.4), inset 0 0 0 1px rgba(0, 0, 0, 0.2); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDc1IDQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwNDA1MDUiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9Ijc1IiBoZWlnaHQ9IjQwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BIG_BASIC']:hover { box-shadow: inset 0 2px 1px rgba(255, 255, 255, 0.4), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 100px rgba(0, 0, 0, 0.1); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BIG_BASIC']:active { box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 0 100px rgba(0, 0, 0, 0.1); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BIG_BASIC'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BIG_BASIC'] .hidden .iconBg + .text { margin-left: -40px; box-sizing: content-box; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT'] { background-clip: border-box; border-radius: 0px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT'].flexButton { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT'] .text { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY'] { box-shadow: inset 0 -6px 0 0 rgba(0, 0, 0, 0.2), 0 -3px 0 0 #ccc; transition: box-shadow 0.1s ease; position: relative; border-radius: 0px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY']:hover { box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 #ccc; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY'].flexButton { padding: 13px 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY'] .text { position: relative; top: -3px; transition: all 0.1s ease; padding: 13px 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY']:hover input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY']:hover .text { top: 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='TRANSPARENT'] { border-radius: 5px / 4px; box-shadow: 0 0 18px rgba(5, 5, 6, 0.3); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='TWO_COLORS'] { background-clip: border-box; border-radius: 0px; padding: 0 0 0 40px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='TWO_COLORS']:before { content: ""; width: 100%; height: 50%; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.15); display: block; position: absolute; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='TWO_COLORS'] .hidden .iconBg + .text { margin-left: -40px; box-sizing: content-box; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUNDED'] { border-radius: 21px; background-clip: border-box; box-shadow: 0 3px 3px rgba(5, 5, 6, 0.07), inset 0 0 0 2px rgba(0, 0, 0, 0.1); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEyNSAzOCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTI1IiBoZWlnaHQ9IjM4IiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUNDED']:hover { box-shadow: 0 3px 3px rgba(5, 5, 6, 0.1); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEyNSAzOCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTI1IiBoZWlnaHQ9IjM4IiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUNDED']:active { box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1), inset 0 3px 3px rgba(5, 5, 6, 0.3); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEyNSAzOCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMjUiIGhlaWdodD0iMzgiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUNDED'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='CONTRAST_ICON'] { background-clip: border-box; box-shadow: 0 1px 1px rgba(5, 5, 6, 0.5); padding-left: 46px; border-radius: 0px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='CONTRAST_ICON']:hover { box-shadow: 0 1px 1px rgba(5, 5, 6, 0.5), inset 0 0 0 800px rgba(0, 0, 0, 0.1); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='CONTRAST_ICON'] .iconBg { background-color: #f7f7f7; top: 0; bottom: 0; margin: 0; width: 50px; text-align: center; display: block; height: 100%; border-top-left-radius: inherit; border-bottom-left-radius: inherit; opacity: 1; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='CONTRAST_ICON'] .icon { display: inline-block; float: none; position: absolute; top: 50%; left: 0; right: 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='CONTRAST_ICON'] .hidden .iconBg + .text { margin-left: -40px; box-sizing: content-box; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED'] { overflow: hidden; background-clip: border-box; border-radius: 0px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED'] .text { opacity: 1; display: inline-block; transition: all 0.3s; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED']:hover input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED']:hover .text { opacity: 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED'] .iconBg { position: absolute; top: -200%; bottom: 0; margin: auto; width: 100%; left: 0; transition: all 0.3s; opacity: 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED']:hover .iconBg { top: 0; opacity: 1; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED'] .icon { display: block; float: left; position: absolute; font-size: 27px; width: 100%; height: 100%; margin-top: -13px; top: 50%; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER'] { overflow: initial; background-clip: border-box; border-radius: 2px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER'].flexButton { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER'] .text { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER'] .iconBg { display: none; } #dm .dmWidget:not([data-buttonstyle]):not(.button_2), div.buttons , #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER_ROUND'] { border-radius: 6px; overflow: initial; background-clip: border-box; } #dm .dmWidget:not([data-buttonstyle]):not(.button_2).flexButton, div.buttons .flexButton, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER_ROUND'].flexButton { padding: 10px 7px; } #dm .dmWidget:not([data-buttonstyle]):not(.button_2) .textonly, #dm .dmWidget:not([data-buttonstyle]):not(.button_2) input, #dm .dmWidget:not([data-buttonstyle]):not(.button_2) .text, div.buttons .text, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER_ROUND'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER_ROUND'] .text { padding: 10px 7px; } #dm .dmWidget:not([data-buttonstyle]):not(.button_2) .iconBg, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER_ROUND'] .iconBg { display: none; } #dm .dmGeoLocation .dmGeoLocBtn.dmWidget:not(.button_2) .iconBg { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'] { background-clip: border-box; border-radius: 6px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'].flexButton { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'] .text { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'] { background-clip: border-box; border-radius: 3px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'].flexButton { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'] .text { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ICON'] { background-clip: border-box; border-radius: 0px; padding: 0 0 0 40px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ICON'] .hidden .iconBg + .text { margin-left: -40px; box-sizing: content-box; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] { background-clip: border-box; border-radius: 6px; padding: 0 0 0 40px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'].flexButton { padding: 10px 7px 10px 47px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .text { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .iconBg { display: block; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .hidden .iconBg + .text { margin-left: -40px; box-sizing: content-box; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] { overflow: initial; background-clip: border-box; border-radius: 1px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'].flexButton { padding: 16px 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] .text { padding: 16px 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] .iconBg { display: none; } @media (min-width: 768px) { #dm .dmRespRow .dmRespCol > .dmWidget[data-buttonstyle='BORDER_SHORT'], #dm .sticky-widgets-container-global .dmWidget[data-buttonstyle='BORDER_SHORT'], #dm .sticky-widgets-container .dmWidget[data-buttonstyle='BORDER_SHORT'] { width: 222px; } } #dm .button_2 .dmWidget:not([data-buttonstyle]), #dm .dmWidget.button_2:not([data-buttonstyle]), div.buttons .button_2, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] { border-radius: 50px; } #dm .button_2 .dmWidget:not([data-buttonstyle]).flexButton, #dm .dmWidget.button_2:not([data-buttonstyle]).flexButton, div.buttons .button_2.flexButton, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'].flexButton { padding: 10px 0px; } #dm .button_2 .dmWidget:not([data-buttonstyle]) .textonly, #dm .button_2 .dmWidget:not([data-buttonstyle]) input, #dm .button_2 .dmWidget:not([data-buttonstyle]) .text, #dm .dmWidget.button_2:not([data-buttonstyle]) .textonly, #dm .dmWidget.button_2:not([data-buttonstyle]) input, #dm .dmWidget.button_2:not([data-buttonstyle]) .text, div.buttons .button_2 .text, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] .text { padding: 10px 0px; } #dm .button_2 .dmWidget:not([data-buttonstyle]) .iconBg, #dm .dmWidget.button_2:not([data-buttonstyle]) .iconBg, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] .iconBg { display: none; } #dm div.dmInner #site_content .dmWidget, #dm div.dmInner .dmHeader .dmWidget { background-color: var(--btn-bg-color); border-color: var(--btn-border-color); border-bottom-color: var(--btn-border-b-color); border-left-color: var(--btn-border-l-color); border-right-color: var(--btn-border-r-color); border-top-color: var(--btn-border-t-color); border-radius: var(--btn-border-radius); border-bottom-left-radius: var(--btn-border-bl-radius); border-bottom-right-radius: var(--btn-border-br-radius); border-top-left-radius: var(--btn-border-tl-radius); border-top-right-radius: var(--btn-border-tr-radius); border-width: var(--btn-border-width); border-bottom-width: var(--btn-border-b-width); border-left-width: var(--btn-border-l-width); border-right-width: var(--btn-border-r-width); border-top-width: var(--btn-border-t-width); direction: var(--btn-text-direction); text-align: var(--btn-text-align); } #dm div.dmInner #site_content .dmWidget span.text, #dm div.dmInner #site_content .dmformsubmit input { color: var(--btn-text-color); font-family: var(--btn-text-font-family); font-size: var(--btn-text-font-size); font-weight: var(--btn-text-font-weight); text-decoration: var(--btn-text-decoration); } #dm div.dmInner #site_content .dmWidget:hover, #dm div.dmInner #site_content .dmWidget.hover, #dm div.dmInner .dmHeader .dmWidget:hover, #dm div.dmInner .dmHeader .dmWidget.hover { background: var(--btn-hover-bg); border-color: var(--btn-hover-border-color); border-bottom-color: var(--btn-hover-border-b-color); border-left-color: var(--btn-hover-border-l-color); border-right-color: var(--btn-hover-border-r-color); border-top-color: var(--btn-hover-border-t-color); } #dm div.dmInner #site_content .dmWidget:hover span.text, #dm div.dmInner #site_content .dmWidget.hover span.text, #dm div.dmInner .dmHeader .dmWidget:hover span.text, #dm div.dmInner .dmHeader .dmWidget.hover span.text, #dm div.dmInner #site_content .dmWidget:hover input[type="submit"], #dm div.dmInner #site_content .dmWidget.hover input[type="submit"], #dm div.dmInner .dmHeader .dmWidget:hover input[type="submit"], #dm div.dmInner .dmHeader .dmWidget.hover input[type="submit"] { color: var(--btn-hover-text-color); font-weight: var(--btn-hover-text-font-weight); } #dm div.dmInner #site_content .dmWidget span.icon, #dm div.dmInner .dmHeader .dmWidget span.icon { color: var(--btn-icon-color); fill: var(--btn-icon-fill); } #dm div.dmInner #site_content .dmWidget:not([data-buttonstyle]) .iconBg, #dm div.dmInner .dmHeader .dmWidget:not([data-buttonstyle]) .iconBg { display: var(--btn-icon-wrpr-display); } .dmBody [data-layout-grid] > .flex-element.group, .dmFooterContainer [data-layout-grid] > .flex-element.group { padding-bottom: var(--section-padding-bottom); padding-left: var(--section-padding-left); padding-right: var(--section-padding-right); padding-top: var(--section-padding-top); } .dmBody [data-layout-grid] > .flex-element.group > .flex-element.group, .dmFooterContainer [data-layout-grid] > .flex-element.group > .flex-element.group { padding-bottom: var(--column-padding-bottom); padding-left: var(--column-padding-left); padding-right: var(--column-padding-right); padding-top: var(--column-padding-top); } .dmBody [data-layout-grid] > .flex-element.group > .flex-element.group .flex-element.group:not([data-layout-type] *):not([data-layout-type]), .dmFooterContainer [data-layout-grid] > .flex-element.group > .flex-element.group .flex-element.group:not([data-layout-type] *):not([data-layout-type]) { padding-bottom: var(--inner-column-padding-bottom); padding-left: var(--inner-column-padding-left); padding-right: var(--inner-column-padding-right); padding-top: var(--inner-column-padding-top); } @media all { nav.u_1998592992 { color:white !important; } *#dm .dmInner *.u_1306770187 { width:100% !important; } *#dm .dmInner *.u_1581198931 { width:100% !important; } *#dm .dmInner div#hamburger-drawer.layout-drawer { background-color:rgba(255,255,255,1) !important; } *#dm .dmInner *.u_1040696130 { justify-content:center !important; } *#dm .dmInner *.u_1040696130.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { margin-left:0 !important; padding-top:0 !important; padding-left:20px !important; padding-bottom:0 !important; margin-top:0 !important; margin-bottom:0 !important; margin-right:0 !important; padding-right:20px !important; } *#dm .dmInner nav.u_1040696130.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgba(0,0,0,1) !important; } *#dm .dmInner a.u_1354841978:hover { background-image:none !important; } *#dm .dmInner a.u_1354841978.hover { background-image:none !important; } *#dm .dmInner *.u_1955933514 { width:100% !important; } *#dm .dmInner *.u_1495895470.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { margin-left:0 !important; padding-top:0 !important; padding-left:20px !important; padding-bottom:0 !important; margin-top:0 !important; margin-bottom:0 !important; margin-right:0 !important; padding-right:20px !important; } *#dm .dmInner nav.u_1495895470.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgba(0,0,0,1) !important; } *#dm .dmInner *.u_1495895470 { justify-content:flex-end !important; } *#dm .dmInner div.u_1724980913 .svg { color:var(--color_1) !important; fill:var(--color_1) !important; } *#dm .dmInner *.u_1444040303 { width:100% !important; } *#dm .dmInner div.dmform-error { font-weight:300 !important; } *#dm .dmInner div.dmform-error .rteBlock { font-weight:300 !important; } *#dm .dmInner div.u_1986252615 .copyright { color:var(--color_2) !important; } *#dm .dmInner *.u_1998592992.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:20px !important; } *#dm .dmInner *.u_1998592992.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:20px !important; } *#dm .dmInner *.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { margin-left:0px !important; padding-top:15px !important; padding-left:0px !important; padding-bottom:15px !important; margin-top:0px !important; margin-bottom:0px !important; margin-right:0px !important; padding-right:0px !important; } *#dm .dmInner a.u_1542533422 .iconBg { display:none !important; } *#dm .dmInner a.u_1542533422 { background-color:var(--color_1) !important; background-image:initial !important; border-radius:50px !important; -moz-border-radius:50px !important; -webkit-border-radius:50px !important; } *#dm .dmInner div.u_1115469797 .meganav-container__grid-sub-nav-title { font-family:'OP font Semi Bold' !important; } *#dm .dmInner div.u_1115469797 .meganav-container__grid-sub-nav-description { font-family: 'Poppins' !important; } *#dm .dmInner div.u_1115469797 .meganav-container__grid-sub-nav-link-title { font-family: 'Poppins' !important; font-weight:500 !important; } *#dm .dmInner *.u_1115469797 .meganav-container__grid-sub-nav-items>a:hover { background-color:rgba(255,255,255,1) !important; } *#dm .dmInner *.u_1115469797 .meganav-container__grid-sub-nav-wrapper:hover .meganav-container__grid-sub-nav-link-title { color:var(--color_1) !important; } *#dm .dmInner div.u_1115469797 .meganav-container__navlink { font-family:'OP font Regular' !important; color:var(--color_5) !important; } *#dm .dmInner *.u_1115469797 .meganav-container__navlink.text.activeNav { color:var(--color_1) !important; } *#dm .dmInner *.u_1115469797 .meganav-container__navlink.text:hover { color:var(--color_1) !important; } *#dm .dmInner *.u_1115469797 .meganav-container__navlink.box.activeNav { color:var(--color_1) !important; } *#dm .dmInner *.u_1115469797 .meganav-container__navlink.box:hover { color:var(--color_1) !important; } *#dm .dmInner *.u_1115469797 .meganav-container__navlink.bottomLine.activeNav { color:var(--color_1) !important; } *#dm .dmInner *.u_1115469797 .meganav-container__navlink.bottomLine:hover { color:var(--color_1) !important; } *#dm .dmInner *.u_1115469797 .meganav-container__navlink.topBottomLine.activeNav { color:var(--color_1) !important; } *#dm .dmInner *.u_1115469797 .meganav-container__navlink.topBottomLine:hover { color:var(--color_1) !important; } *#dm .dmInner *.u_1115469797 .meganav-container__navlink.bottomLine:before { background-color:var(--color_1) !important; } *#dm .dmInner *.u_1115469797 .meganav-container__navlink.bottomLine.activeNav:before { background-color:var(--color_1) !important; } *#dm .dmInner *.u_1115469797 .meganav-container__navlink.topBottomLine:after { background-color:var(--color_1) !important; } *#dm .dmInner *.u_1115469797 .meganav-container__navlink.topBottomLine:before { background-color:var(--color_1) !important; } *#dm .dmInner *.u_1115469797 .meganav-container__navlink.topBottomLine.activeNav:after { background-color:var(--color_1) !important; } *#dm .dmInner *.u_1115469797 .meganav-container__navlink.topBottomLine.activeNav:before { background-color:var(--color_1) !important; } *#dm .dmInner div.u_1115469797 .meganav-container__navlink-component-container { background-color:rgba(255,255,255,0.99) !important; } *#dm .dmInner div.u_1115469797 .meganav-container__navlink-container.hasComponent:before { background-color:rgba(255,255,255,0.99) !important; } *#dm .dmInner *.u_1986252615 .copyright { justify-content:center !important; text-align:center !important; } *#dm .dmInner div.u_1115469797 .meganav-container__ctc-title { font-family:'OP font Medium' !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav[data-nav-structure="HORIZONTAL"] .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child) .unifiednav__container[data-depth="0"] { left:0px !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav:not([image]) .unifiednav__container[data-depth="0"] { top:calc(100% - 15px - 0px) !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item:hover { color:var(--color_1) !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.hover { color:var(--color_1) !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.dmNavItemSelected { color:var(--color_1) !important; } *#dm .dmInner div.u_1678874349 .socialHubInnerDiv { justify-content:flex-start !important; column-gap:15px !important; } *#dm .dmInner div.u_1678874349 .socialHubIcon { width:30px !important; height:30px !important; font-size:20px !important; line-height:30px !important; color:var(--color_6) !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:var(--color_5) !important; direction:ltr !important; border-bottom-left-radius:0px !important; padding-top:5px !important; font-weight:400 !important; text-decoration:none solid rgb(0,0,0) !important; padding-left:0px !important; font-size:16px !important; padding-bottom:5px !important; border-top-right-radius:0px !important; font-style:normal !important; margin-right:0px !important; border-radius:0px !important; margin-left:0px !important; text-transform:none !important; border-top-left-radius:0px !important; justify-content:flex-start !important; font-family: Poppins !important; border-bottom-right-radius:0px !important; margin-top:0px !important; -webkit-border-radius:0px !important; margin-bottom:0px !important; text-align:left !important; padding-right:0px !important; } *#dm .dmInner div.u_1191732975 .socialHubInnerDiv { column-gap:8px !important; justify-content:flex-start !important; } *#dm .dmInner div.u_1115469797 .meganav-container__contact-title { font-weight:500 !important; } *#dm .dmInner *.u_1115469797 .meganav-container__contact-btn { text-align:CENTER !important; } *#dm .dmInner div.u_1115469797 .meganav-container__contact-btn { font-family:'OP font Semi Bold' !important; background-color:var(--color_1) !important; color:var(--color_2) !important; font-weight:400 !important; } *#dm .dmInner *.u_1115469797 .meganav-container__ctc-btn { background-color:var(--color_1) !important; } *#dm .dmInner *.u_1115469797 .meganav-container__contact-btn:hover { color:var(--color_2) !important; background-color:rgba(65,67,69,1) !important; } *#dm .dmInner *.u_1115469797 .meganav-container__ctc-btn:hover { background-color:rgba(65,67,69,1) !important; } *#dm .dmInner div.u_1115469797 .meganav-container__ctc-btn { font-family:'OP font Semi Bold' !important; font-weight:400 !important; color:var(--color_2) !important; border-style:solid !important; border-color:var(--color_4) !important; border-width:1px !important; } *#dm .dmInner div.u_1862820172 { background-repeat:no-repeat !important; background-image:url(https://lirp.cdn-website.com/1852569b/dms3rep/multi/opt/phone-call-640w.png) !important; background-size:auto !important; background-position:0% 50% !important; } *#dm .dmInner div.u_1808564086 { background-repeat:no-repeat !important; background-image:url(https://lirp.cdn-website.com/1852569b/dms3rep/multi/opt/email-640w.png) !important; background-size:auto !important; background-position:0% 50% !important; } *#dm .dmInner div.u_1875547829 { background-repeat:no-repeat !important; background-image:url(https://lirp.cdn-website.com/1852569b/dms3rep/multi/opt/location-640w.png) !important; background-size:auto !important; background-position:0% 50% !important; } *#dm .dmInner div.u_1191732975 .socialHubIcon { color:var(--color_1) !important; width:30px !important; height:30px !important; font-size:20px !important; line-height:30px !important; } *#dm .dmInner nav.u_1101838120.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:var(--color_2) !important; direction:ltr !important; border-bottom-left-radius:0px !important; padding-top:0px !important; font-weight:400 !important; text-decoration:none solid rgb(53,183,229) !important; padding-left:0px !important; font-size:14px !important; padding-bottom:5px !important; border-top-right-radius:0px !important; font-style:normal !important; border-radius:0px !important; text-transform:none !important; border-top-left-radius:0px !important; justify-content:flex-start !important; font-family: Poppins !important; border-bottom-right-radius:0px !important; -webkit-border-radius:0px !important; text-align:left !important; padding-right:0px !important; } *#dm .dmInner nav.u_1101838120.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:14px !important; } *#dm .dmInner nav.u_1101838120.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:14px !important; } *#dm .dmInner nav.u_1101838120 { color:white !important; } *#dm .dmInner nav.u_1101838120.main-navigation.unifiednav:not([image]) .unifiednav__container[data-depth="0"] { top:calc(100% - 5px - 0px) !important; } *#dm .dmInner nav.u_1101838120.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item:hover { color:var(--color_1) !important; } *#dm .dmInner nav.u_1101838120.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.hover { color:var(--color_1) !important; } *#dm .dmInner nav.u_1101838120.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.dmNavItemSelected { color:var(--color_1) !important; } *#dm .dmInner nav.u_1006278580.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:14px !important; } *#dm .dmInner nav.u_1006278580.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:14px !important; } *#dm .dmInner nav.u_1006278580 { color:white !important; } *#dm .dmInner nav.u_1006278580.main-navigation.unifiednav:not([image]) .unifiednav__container[data-depth="0"] { top:calc(100% - 5px - 0px) !important; } *#dm .dmInner nav.u_1006278580.main-navigation.unifiednav[data-nav-structure="HORIZONTAL"] .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child) .unifiednav__container[data-depth="0"] { left:0px !important; } *#dm .dmInner nav.u_1006278580.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgb(255,255,255) !important; direction:ltr !important; border-bottom-left-radius:0px !important; padding-top:0px !important; font-weight:400 !important; text-decoration:none solid rgb(53,183,229) !important; padding-left:0px !important; font-size:14px !important; padding-bottom:8px !important; border-top-right-radius:0px !important; font-style:normal !important; border-radius:0px !important; text-transform:none !important; border-top-left-radius:0px !important; justify-content:flex-start !important; font-family: Poppins !important; border-bottom-right-radius:0px !important; -webkit-border-radius:0px !important; text-align:left !important; padding-right:0px !important; } *#dm .dmInner nav.u_1006278580.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item:hover { color:var(--color_1) !important; } *#dm .dmInner nav.u_1006278580.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.hover { color:var(--color_1) !important; } *#dm .dmInner nav.u_1006278580.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.dmNavItemSelected { color:var(--color_1) !important; } *#dm .dmInner a.u_1542533422:hover { background-image:initial !important; border-color:rgba(65,67,69,1) !important; background-color:var(--color_6) !important; } *#dm .dmInner a.u_1542533422.hover { background-image:initial !important; border-color:rgba(65,67,69,1) !important; background-color:var(--color_6) !important; } *#dm .dmInner div.u_1198649669 img { object-fit:contain !important; object-position:0% 50% !important; } } @media (min-width:0) and (max-width:767px) { *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content.hamburger-reverse { transform:translate(-75vw,0) !important; } *#dm .dmInner *#hamburger-drawer.layout-drawer[data-origin="top"]:not([data-auto-height]) { height:100% !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content { transform:translate(0,100%) !important; } *#dm .dmInner div.u_1986252615 .copyright { font-size:14px !important; } } @media (min-width:1025px) { *.stickyHeaderSpacer { height:249.2734375px !important; } *#dm .dmInner div.u_1115469797 .meganav-container__grid-sub-nav-title { font-size:18px !important; } *#dm .dmInner div.u_1115469797 .meganav-container__navlink { font-size:18px !important; } *#dm .dmInner *.u_1115469797 .meganav-container__contact-btn { border-radius:40px !important; width:230px !important; } *#dm .dmInner div.u_1115469797 .meganav-container__contact-btn { font-size:14px !important; } *#dm .dmInner div.u_1115469797 .meganav-container__ctc-btn { font-size:18px !important; } *#dm .dmInner *.u_1115469797 .meganav-container__ctc-btn { border-radius:100px !important; width:230px !important; height:42px !important; } *#dm .dmInner div.u_1986252615 .copyright { font-size:13px !important; } } @media (min-width:768px) and (max-width:1024px) { *.stickyHeaderSpacer { height:249.2734375px !important; } div[dmtemplateid="FlexHeader"] .layout-drawer-overlay { background-color:rgba(0,0,0,0.6) !important; } *#dm .dmInner *#hamburger-drawer.layout-drawer[data-origin="top"]:not([data-auto-height]) { height:100% !important; } *#dm .dmInner div.u_1986252615 .copyright { font-size:13px !important; } *#dm .dmInner *#hamburger-drawer.layout-drawer:not([data-origin="top"]) { width:59vw !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content { transform:translate(59vw,0) !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content.hamburger-reverse { transform:translate(-59vw,0) !important; } *#dm .dmInner div#hamburger-drawer.layout-drawer { margin-left:0px !important; padding-top:0px !important; padding-left:0px !important; padding-bottom:0px !important; margin-top:0px !important; margin-bottom:0px !important; margin-right:0px !important; padding-right:0px !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-size:16px !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:16px !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:16px !important; } } @media (min-width:0px) and (max-width:767px) { *#dm .dmInner div#hamburger-drawer.layout-drawer { margin-left:0px !important; padding-top:0px !important; padding-left:0px !important; padding-bottom:0px !important; margin-top:0px !important; margin-bottom:0px !important; margin-right:0px !important; padding-right:0px !important; } *#dm .dmInner div.u_1986252615 .copyright { font-size:12px !important; } } @media all { #flex-header { background-color: rgba(255, 255, 255, 1); box-shadow: rgba(0, 0, 0, 0.25) 3px 0px 11px 0px; } } @media all { #flex-footer { background-color: var(--color_3); background-image: initial; padding: 0px 2% 40px 2%; } } @media all { #\36 3a049320d35b55b4ef2a374 { min-height: 8px; column-gap: 4%; row-gap: 24px; width: 100%; min-width: 4%; background-color: rgba(0, 0, 0, 0); padding: 16px 16px 16px 16px; margin-left: 0%; margin-top: 0%; margin-right: 0%; margin-bottom: 0%; } #\36 3a049320d35b55b4ef2a376 { background-color: rgba(0, 0, 0, 0); } #\36 3a049320d35b55b4ef2a377 { min-height: 200px; padding-top: 2%; padding-bottom: 2%; column-gap: 4%; row-gap: 24px; width: 100%; padding-right: 0%; padding-left: 0%; margin-left: 0%; margin-top: 0%; margin-right: 0%; margin-bottom: 0%; } #\36 3a049ca0d35b55b4ef2a5c3 { width: 544px; height: auto; max-width: 100%; justify-self: auto; align-self: auto; order: 0; grid-area: auto / auto / auto / auto; } #\36 2d6a167a824ca526194d9a5 { background-color: rgba(232, 255, 133, 1); } } @media all { #\36 406026c90e1521f6ecb0ecc { min-height: 460px; padding-top: 4%; padding-bottom: 4%; column-gap: 4%; row-gap: 24px; width: 100%; flex-wrap: nowrap; padding-right: 0%; padding-left: 0%; margin-left: 0%; margin-top: 0%; margin-right: 0%; margin-bottom: 0%; } #\31 c266a59 { width: 100%; height: auto; max-width: 100%; } #\34 205de6c { width: 100%; height: auto; max-width: 100%; } #c6a31bf9 { width: 100%; height: auto; max-width: 100%; } #\33 9f8b48d { min-height: 8px; column-gap: 4%; row-gap: 15px; width: 100%; justify-content: flex-start; min-width: 4%; order: 0; padding-top: 16px; padding-right: 16px; padding-left: 16px; padding-bottom: 0%; margin-left: 0%; margin-top: 0%; margin-right: 0%; margin-bottom: 0%; } #\39 1a4dcc5 { width: 100%; height: auto; max-width: 100%; align-self: stretch; } #\36 406026c90e1521f6ecb0ecb { background-color: var(--color_2); background-image: initial; } #\31 ffa9d77 { width: 250px; height: auto; max-width: 100%; order: 0; align-self: auto; justify-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #d9b64e4f { width: 99.99559219237176%; height: auto; max-width: 100%; order: 0; align-self: auto; justify-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } } @media all { #\32 b46309f { width: 96.05%; height: 42px; max-width: 100%; order: 0; grid-area: auto / auto / auto / auto; } #fdb37e17 { min-height: 37px; column-gap: 0%; row-gap: 0px; max-width: none; width: 100%; flex-wrap: nowrap; padding: 0% 4% 0% 4%; margin: 0% 0% 0% 0%; } #\30 ad31b06 { flex-direction: row; justify-content: flex-start; align-items: center; width: 18.62%; min-width: 4%; min-height: 8px; column-gap: 4%; row-gap: 24px; padding: 0% 16px 0% 16px; margin: 0% 0% 0% 0%; } #\39 9ad3194 { flex-direction: row; justify-content: flex-end; align-items: center; width: 13.02%; min-width: 4%; min-height: 8px; column-gap: 4%; row-gap: 24px; padding: 16px 16px 16px 16px; margin: 0% 0% 0% 0%; } #\36 0aa171e { width: 60px; height: 60px; max-width: 100%; } #e60c44f9 { width: 213px; height: auto; max-width: 100%; align-self: auto; order: 0; grid-area: auto / auto / auto / auto; } #\37 e3ebdf8 { flex-direction: row; align-items: center; width: 68.29256299938537%; min-width: 4%; min-height: 8px; column-gap: 4%; row-gap: 24px; padding: 16px 16px 0% 16px; margin: 0% 0% 0% 0%; } #da95fe39 { min-height: 8px; column-gap: 4%; row-gap: 24px; flex-direction: row; width: 33.333333333333336%; justify-content: flex-end; align-items: center; min-width: 4%; padding: 16px 16px 16px 16px; margin: 0% 0% 0% 0%; } #\37 a2f4a2c svg { fill: var(--color_1); } #\37 a2f4a2c { width: 30px; height: 30px; } #widget_q7f.flex-element.widget-wrapper > [data-element-type] { padding-bottom: 10px; } #widget_q7f { width: 1078px; height: auto; max-width: 100%; } } @media all { #\32 fce0e62 { min-height: 8px; column-gap: 4%; row-gap: 24px; width: 100%; min-width: 4%; padding-right: 16px; padding-left: 16px; padding-top: 0%; padding-bottom: 0%; margin-left: 0%; margin-top: 0%; margin-right: 0%; margin-bottom: 0%; } #bc698484 { min-height: 56px; column-gap: 4%; row-gap: 24px; max-width: none; width: 100%; flex-wrap: nowrap; padding: 1% 4% 1% 4%; margin-left: 0%; margin-top: 0%; margin-right: 0%; margin-bottom: 0%; } #\39 a9f7ff7 { width: 86.12880455827849%; height: auto; max-width: 100%; justify-self: auto; order: 0; align-self: center; margin-top: 0px; margin-bottom: 0px; grid-area: auto / auto / auto / auto; } #\38 d98c9ea { background-color: rgba(21, 30, 78, 1); background-image: initial; border-radius: 0px 0px 16px 16px; } } @media all { #\30 a9fea81 { padding-top: 16px; padding-left: 16px; padding-bottom: 16px; min-height: 8px; column-gap: 4%; row-gap: 24px; width: 100%; min-width: 4%; padding-right: 16px; align-items: flex-end; justify-content: center; margin-left: 0%; margin-top: 0%; margin-right: 0%; margin-bottom: 0%; } #eb8f0e4e { padding-top: 2%; padding-bottom: 2%; min-height: 100px; column-gap: 4%; row-gap: 24px; width: 100%; padding-right: 0%; padding-left: 0%; margin-left: 0%; margin-top: 0%; margin-right: 0%; margin-bottom: 0%; } #\37 2023d64 a { background-color: rgba(0,0,0,0); } #\37 2023d64 svg { fill: var(--color_1); } #\37 2023d64 { width: 30px; height: 30px; } } @media all { #\36 490cf37 { min-height: 8px; column-gap: 4%; row-gap: 10px; width: 48%; min-width: 4%; justify-content: flex-start; order: 0; flex: 1 1 auto; padding: 16px 16px 16px 16px; margin: 0% 0% 0% 0%; } #\38 cdc4aab { min-height: 384px; column-gap: 4%; row-gap: 24px; width: 100%; max-width: none; flex-wrap: wrap; padding: 4% 4% 2% 4%; margin-left: 0%; margin-top: 0%; margin-right: 0%; margin-bottom: 0%; } #dbb6461e::before, #dbb6461e > .bgExtraLayerOverlay { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(21, 30, 78, 1); opacity: 0.4; border-radius: inherit; } #dbb6461e { background-color: var(--color_6); background-image: url(https://lirp.cdn-website.com/1852569b/dms3rep/multi/opt/footer-design-bg-v5-640w.png); border-radius: 16px 16px 0px 0px; background-position: 0% 0%; } #group_l4k { justify-content: flex-start; width: 48%; min-width: 4%; min-height: 8px; column-gap: 4%; row-gap: 17px; order: 2; flex: 1 1 auto; padding: 16px 16px 16px 16px; margin: 0% 0% 0% 0%; } #\37 8159a91 { width: 100%; height: auto; max-width: 100%; order: 0; align-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #widget_p07.flex-element.widget-wrapper > [data-element-type] { padding-left: 30px; padding-right: 30px; } #widget_p07 { width: 100.00%; height: auto; max-width: 100%; order: 1; } #widget_r4q { width: 99.99520176575021%; height: auto; max-width: 100%; justify-self: auto; align-self: auto; order: 5; grid-area: auto / auto / auto / auto; } #widget_vgh { width: 100%; height: auto; max-width: 100%; justify-self: auto; align-self: auto; order: 4; margin-top: 15px; grid-area: auto / auto / auto / auto; } #\39 cd15427.flex-element.widget-wrapper > [data-element-type] { padding-left: 30px; padding-right: 30px; } #\39 cd15427 { width: 100.00%; height: auto; max-width: 100%; order: 2; } #be9003ea.flex-element.widget-wrapper > [data-element-type] { padding-left: 30px; padding-right: 30px; } #be9003ea { width: 100.00%; height: auto; max-width: 100%; order: 3; } #\35 ddbc466 { min-height: 8px; column-gap: 4%; row-gap: 24px; width: 48%; min-width: 4%; justify-content: flex-start; order: 1; flex: 1 1 auto; padding: 16px 16px 16px 16px; margin: 0% 0% 0% 0%; } #\37 4cb5f28 { width: 100%; height: auto; max-width: 100%; order: 2; } #bf2a5cb8 { width: 100%; height: auto; max-width: 100%; align-self: auto; order: 2; justify-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\36 0b03aa0 { width: 34.23%; height: 72px; max-width: 100%; order: 0; justify-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #widget_91o { width: 100.00%; height: auto; max-width: 100%; order: 1; } #group_hu3 { width: 48%; min-width: 4%; min-height: 8px; column-gap: 4%; row-gap: 24px; order: 3; flex: 1 1 auto; padding: 16px 16px 16px 16px; margin: 0% 0% 0% 0%; } #f0536127.flex-element.widget-wrapper > [data-element-type] { padding-top: 0px; padding-bottom: 0px; } #f0536127 { width: 100%; height: auto; max-width: 100%; align-self: auto; order: 1; justify-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\34 edf648e { width: 100%; height: auto; max-width: 100%; order: 0; justify-self: auto; align-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #c5132a48 { width: 79.50%; height: auto; max-width: 100%; order: 1; } } @media all { #fc6a1645 { min-height: 240px; column-gap: 4%; row-gap: 24px; max-width: none; width: 100%; flex-wrap: nowrap; } #\33 56d35c8 { grid-template-rows: minmax(300px, max-content); width: 100%; max-width: 100%; } #\31 07e0799 { min-height: 8px; column-gap: 4%; row-gap: 24px; width: 100%; min-width: 4%; } } @media (min-width: 1025px) { } @media (min-width: 768px) and (max-width: 1024px) { } @media (min-width: 768px) and (max-width: 1024px) { #flex-header { background-color: rgba(255, 255, 255, 1); } } @media (min-width: 768px) and (max-width: 1024px) { #flex-footer { } } @media (min-width: 768px) and (max-width: 1024px) { #\36 3a049320d35b55b4ef2a374 { justify-content: flex-start; padding-top: 24px; } #\36 3a049320d35b55b4ef2a377 { min-height: 50vh; padding: 0% 4% 0% 4%; } } @media (min-width: 768px) and (max-width: 1024px) { #\36 406026c90e1521f6ecb0ecc { min-height: 250px; padding: 0% 4% 4% 4%; } #\31 c266a59 { order: 2; } #\31 ffa9d77 { order: 0; } #d9b64e4f { order: 1; width: 76.01%; } #\34 205de6c { order: 3; } #c6a31bf9 { order: 4; } #\39 1a4dcc5 { order: 5; } } @media (min-width: 768px) and (max-width: 1024px) { #fdb37e17 { padding-left: 4%; padding-right: 4%; flex-direction: row; flex-wrap: nowrap; min-height: 88px; } #\30 ad31b06 { width: 50.00058298507463%; margin-left: -0.0011659701492537314%; justify-content: flex-start; order: 0; min-height: 8px; } #\39 9ad3194 { width: 30%; order: 1; justify-content: flex-start; } #\36 0aa171e { width: 32px; height: 32px; } #\37 e3ebdf8 { width: 45.001%; order: 2; justify-content: flex-end; padding-right: 50px; min-height: 8px; } #e60c44f9 { height: auto; width: 233px; align-self: center; margin-bottom: 0px; margin-top: 0px; } #da95fe39 { order: 4; width: 50.00058298507463%; min-height: 8px; } } @media (min-width: 768px) and (max-width: 1024px) { #bc698484 { flex-direction: row; flex-wrap: nowrap; min-height: 0px; column-gap: 1%; padding: 4% 4% 4% 4%; } #\32 fce0e62 { width: 100%; min-height: 8px; row-gap: 24px; } #\39 a9f7ff7 { justify-self: auto; align-self: auto; width: 100.00%; order: 0; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\31 30452ad { margin-top: 0px; } } @media (min-width: 768px) and (max-width: 1024px) { #\38 cdc4aab { padding-left: 2%; padding-right: 2%; flex-direction: column; flex-wrap: nowrap; min-height: 0; } #\36 490cf37 { width: 100%; min-height: 80px; order: 0; } #group_l4k { width: 100%; min-height: 80px; order: 1; } #widget_r4q { width: 88.40%; } #\35 ddbc466 { width: 100%; min-height: 80px; order: 2; } #\37 4cb5f28 { order: 0; } #group_hu3 { width: 100%; min-height: 80px; order: 3; } #dbb6461e::before, #dbb6461e > .bgExtraLayerOverlay { } } @media (min-width: 768px) and (max-width: 1024px) { #fc6a1645 { padding-left: 2%; padding-right: 2%; } } @media (max-width: 767px) { } @media (max-width: 767px) { #flex-header { background-color: rgba(255, 255, 255, 1); } } @media (max-width: 767px) { #flex-footer { } } @media (max-width: 767px) { #\36 3a049320d35b55b4ef2a374 { min-height: 50vh; justify-content: flex-start; padding-top: 32px; width: 100%; } #\36 3a049320d35b55b4ef2a377 { min-height: unset; flex-direction: column; padding: 0% 4% 0% 4%; } #\36 3a049ca0d35b55b4ef2a5c3 { align-self: flex-start; margin-left: 0px; margin-right: 0px; } } @media (max-width: 767px) { #\36 406026c90e1521f6ecb0ecc { min-height: 0; flex-direction: column; flex-wrap: nowrap; padding: 0% 4% 0% 4%; } #\33 9f8b48d { width: 100%; min-height: 80px; align-items: flex-start; } #\31 c266a59 { order: 2; } #\31 ffa9d77 { order: 0; } #d9b64e4f { order: 1; } #\34 205de6c { order: 3; } #c6a31bf9 { order: 4; } #\39 1a4dcc5 { order: 5; } } @media (max-width: 767px) { #fdb37e17 { padding-left: 4%; padding-right: 4%; min-height: 72px; flex-direction: row; flex-wrap: nowrap; } #\30 ad31b06 { width: 50%; justify-content: flex-start; order: 1; min-height: 8px; padding-left: 6px; } #\39 9ad3194 { width: 19.748%; order: 0; justify-content: flex-start; } #\36 0aa171e { width: 32px; height: 32px; } #\37 e3ebdf8 { width: 29.328%; order: 2; min-height: 8px; } #e60c44f9 { height: auto; width: 160px; } #da95fe39 { align-items: center; width: 50%; order: 3; min-height: 8px; } } @media (max-width: 767px) { #\32 fce0e62 { width: 100%; min-height: 80px; align-items: center; row-gap: 11px; } #bc698484 { min-height: 0; flex-direction: column; padding-left: 4%; padding-right: 4%; flex-wrap: nowrap; row-gap: 0px; } #\39 a9f7ff7 { align-self: stretch; width: 100%; } } @media (max-width: 767px) { #\30 a9fea81 { width: 100%; min-height: 80px; } #eb8f0e4e { min-height: unset; flex-direction: column; } } @media (max-width: 767px) { #\36 490cf37 { width: 100%; min-height: 80px; align-items: flex-start; padding: 0px 0px 0px 0px; } #\38 cdc4aab { min-height: 0; flex-direction: column; padding-left: 4%; padding-right: 4%; flex-wrap: nowrap; padding-bottom: 8%; } #group_l4k { width: 100%; min-height: 80px; align-items: flex-start; padding: 0px 0px 0px 0px; } #widget_p07 { margin-left: 0px; margin-right: 0px; } #widget_r4q { width: 67.23%; } #\39 cd15427 { margin-left: 0px; margin-right: 0px; } #be9003ea { margin-left: 0px; margin-right: 0px; } #\35 ddbc466 { width: 100%; min-height: 80px; align-items: center; padding: 0px 0px 0px 0px; } #\36 0b03aa0 { height: 56px; justify-self: auto; width: 55.08%; order: 0; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #group_hu3 { width: 100%; min-height: 80px; align-items: center; padding: 0px 0px 0px 0px; } #dbb6461e::before, #dbb6461e > .bgExtraLayerOverlay { } #c5132a48 { width: 100.00%; } } @media (max-width: 767px) { #fc6a1645 { min-height: 0; flex-direction: column; padding-left: 4%; padding-right: 4%; flex-wrap: nowrap; } #\31 07e0799 { width: 100%; min-height: 80px; align-items: center; } }