.template-page-banner{position:relative;overflow:hidden}.banner-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.template-page-banner .container{position:relative;z-index:1}.layout-center h1{font-size:50px!important}.filters{padding:20px 0!important;border-bottom:1px solid #e6eaf0}.filters-inner{display:flex;gap:16px;align-items:center;justify-content:flex-start}.filters select.dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;min-width:220px;padding:12px 44px 12px 16px;font-size:15px;font-weight:500;color:#1f2937;background-color:#fff;border:1px solid #dbe1ea;border-radius:10px;cursor:pointer;transition:all 0.2s ease;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 14px center;background-size:16px}.filters select.dropdown:hover{border-color:#c7d0dd;background-color:#fcfdff}.filters select.dropdown:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgb(37 99 235 / .12)}.filters select.dropdown:disabled{background-color:#f1f5f9;color:#9ca3af;cursor:not-allowed}.filters select.dropdown option{font-size:14px;padding:8px}.header{background-color:#fff;padding:90px 0 20px;text-align:center;margin-bottom:20px}.thumbnail-section{padding:40px 0;background:#f7f6f4}.thumbnail-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:35px;row-gap:40px}.thumbnail{position:relative;background-color:#fff;border-radius:6px;overflow:hidden;box-shadow:-10px 30px 50px rgb(0 0 0 / .1)}.thumbnail img{width:100%;display:block;max-width:100%;height:100%}.dots-bar{display:flex;gap:4px;padding:10px;background-color:#fff;border-radius:6px 6px 0 0}.dot{width:4px;height:4px;border-radius:50%;background-color:rgb(77 51 222 / .4)}.overlay{position:absolute;inset:0;background:linear-gradient(180deg,#fff0 -129.09%,#ffffff 72.73%)!important;opacity:0;transition:opacity 0.3s ease}.thumbnail:hover .overlay{opacity:1}.btn-view{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000;color:#fff;border:1px solid #000;padding:8px 20px;border-radius:6px;font-size:14px;cursor:pointer;opacity:0;transition:opacity 0.3s ease;z-index:2}.btn-view:hover{opacity:1;color:#000!important;background:#fff}.thumbnail:hover .btn-view{opacity:1}.thumbnail-title{padding:20px 0 0 0;font-size:16px;line-height:22px;font-family:poppins-regular;font-weight:400}.preview-container{display:flex;flex-direction:column;width:100%;height:100%;overflow-x:hidden}.preview-tabs{display:flex;justify-content:center;gap:10px;padding:75px 0 20px;background:#fff;box-shadow:0 2px 5px rgb(0 0 0 / .1);z-index:10}.preview-toggle{display:flex;align-items:center;gap:5px;padding:4px 10px;cursor:pointer;border:none;border-radius:5px;background:#fff;font-size:14px}.preview-toggle.active{background:#cdcdcd;color:#000}.preview-toggle:focus{outline:none}.desktop-frame,.mobile-frame-wrapper{display:block}.preview-frames{flex:1;display:flex;justify-content:center;align-items:center;background:#f7f6f4;overflow:hidden}.preview-frame{display:none}.preview-frame.active{display:flex;justify-content:center;align-items:center}.desktop-frame{width:100%;height:100vh;border:none;padding-bottom:50px}.mobile-frame-wrapper{display:none;justify-content:center;align-items:center}.mobile-wrapper{position:relative;margin-block:30px;width:375px;height:667px;border-radius:40px;box-shadow:0 20px 50px #00000026;background:#000;overflow:hidden;display:flex;flex-direction:column}.mobile-wrapper::before{content:"";height:54px;background:#fff;width:100%;display:block;box-shadow:inset 0 -1px 0 rgb(255 255 255 / .1);border-top-left-radius:40px;border-top-right-radius:40px;position:relative}.mobile-wrapper::after{content:"";width:60px;height:5px;background:#555;border-radius:3px;position:absolute;top:20px;left:50%;transform:translateX(-50%)}.mobile-home-indicator{height:40px;background:#fff;width:100%;display:block;box-shadow:inset 0 1px 0 rgb(255 255 255 / .1);border-bottom-left-radius:40px;border-bottom-right-radius:40px}.mobile-frame{width:100%;flex:1;border:none;display:block;overflow-y:auto}@media (min-width:768px) and (max-width:1024px){.template-page-banner{padding:70px 0!important}}@media (max-width:1024px){.desktop-frame{display:none!important}.mobile-frame-wrapper{display:flex!important}.preview-tabs{display:none}.preview-tabs{display:none}.preview-frames{padding-top:70px}.header h1{font-size:32px;line-height:32px}.thumbnail-grid{grid-template-columns:repeat(2,1fr)}.header{background-color:#fff;padding:90px 0 20px!important;text-align:left;margin-bottom:0}.filters-inner{display:flex;justify-content:flex-start;gap:10px}}section.contact-us-page-form-banner{background:linear-gradient(0deg,#21309ad1 0,#1460a4 100%)}@media (max-width:575px){.thumbnail-grid{grid-template-columns:1fr}}