.diy-fly-screens-section{font-family:sans-serif;padding:20px 00px;color:#fff}@media screen and (max-width:749px){.diy-fly-screens-section{padding-bottom:0}}.manuals-section{text-align:center;padding-bottom:40px}.manuals-section .section-heading{margin-bottom:50px}@media screen and (max-width:749px){.manuals-section .section-heading{margin-bottom:30px}}.section-subheading{color:#198a28;font-weight:700;margin-bottom:8px}.manuals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:-200px}@media screen and (max-width:749px){.manuals-grid{grid-template-columns:repeat(1,minmax(0,1fr));margin-bottom:-550px}}.manual-card{overflow:hidden;text-align:center;position:relative}.manual-card .manual-card-image{width:100%;height:auto;aspect-ratio:1/1;display:block}.manual-card .manual-card-image--active{transition:opacity .3s ease}.manual-card .manual-card-image--hover{opacity:0;position:absolute;left:0;top:0;transition:opacity .2s ease}.manual-card:hover:has(.manual-card-image--hover) .manual-card-image--active{opacity:0}.manual-card:hover:has(.manual-card-image--hover) .manual-card-image--hover{opacity:1}.manual-card:hover .card-btn{height:100%;opacity:1;min-height:50px}@media screen and (max-width:749px){.manual-card{width:100%;max-width:100%}}.manual-image-wrapper{position:relative;background:#fff;border:2px solid #191a24;border-radius:10px;overflow:hidden}.manual-image-wrapper:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#191a2466;z-index:1}.manual-title{font-size:28px}.card-content{position:absolute;top:calc(50% + 20px);transform:translateY(-50%);width:100%;font-weight:700;color:#fff;padding:10px 0;z-index:2}.card-btn{opacity:0;height:0;transition:opacity .3s ease,min-height .35s ease;min-height:0;margin-top:20px}.measurement-section{padding-top:240px;padding-bottom:60px;text-align:center;background:#191a24;color:#fff}.measurement-section .section-heading,.measurement-section .info-card h4{color:#fff}.measurement-section .section-subheading{color:#5082a7}.measurement-section .button--small{background-color:#5082a7;color:#fff}.measurement-section .button--small:after{box-shadow:0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(80,130,167,var(--alpha-button-background))}.measurement-section .button--small:hover:after{box-shadow:0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 calc(var(--buttons-border-width) + 1px) rgba(80,130,167,var(--alpha-button-background))}@media screen and (max-width:749px){.measurement-section .button--small{margin-inline:inherit;margin-top:10px}}@media screen and (max-width:749px){.measurement-section{padding-top:580px}}.measurements-container{display:flex;gap:20px;flex-wrap:wrap}@media screen and (max-width:749px){.measurements-container{flex-wrap:wrap;flex-direction:column}}.measurements-head{flex:1;max-width:calc((100% - 2 * 20px) / 3);min-width:30%;text-align:left}@media screen and (max-width:749px){.measurements-head{width:100%;max-width:100%}}.info-card{background-color:#383c54;padding:20px;border-radius:10px;flex:1;max-width:calc((100% - 2 * 20px) / 3);text-align:left}.info-card h3{margin-block:15px;color:#fff}.info-card p{line-height:1.3}@media screen and (max-width:749px){.info-card{width:100%;max-width:100%}}.info-number{background-color:#5082a7;color:#fff;font-weight:700;border-radius:50%;width:21px;height:21px;display:inline-block;text-align:center;font-size:14px;line-height:21px}
/*# sourceMappingURL=/cdn/shop/t/77/assets/diy-manuals.css.map */