.hero-boxes-container{padding:3% 2% 1%;position:relative;z-index:20;margin-bottom:3vw}.hero-boxes-container *,.hero-boxes-container{backface-visibility:hidden}.hero-boxes-container,body.page-id-2 .container--front-page-hero--outer{background-color:rgb(1.6,146.4,202.4);background-image:url(/wp-content/themes/hooked-gulfstream-pools/assets/images/background/pattern_white_20p.webp);background-repeat:repeat;background-attachment:fixed}.hero-boxes-container::after{-webkit-mask:url(/wp-content/themes/hooked-gulfstream-pools/assets/images/masks/mask_group-mask.svg);mask:url(/wp-content/themes/hooked-gulfstream-pools/assets/images/masks/mask_group-mask.svg);background-color:rgb(1.6,146.4,202.4);background-image:url(/wp-content/themes/hooked-gulfstream-pools/assets/images/background/pattern_white_20p.webp);background-repeat:repeat;background-attachment:fixed;content:"";display:block;position:absolute;z-index:-1;right:0;left:0;height:3vw;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;backface-visibility:hidden;bottom:-2.5vw;-webkit-mask-position:bottom center;mask-position:bottom center}.hero-boxes-container-inner{border-radius:5vw .2vw 5vw .2vw;overflow:clip;max-width:1450px;margin:0 auto;position:relative;isolation:isolate}.hero-boxes{list-style:none;padding:0;margin:0}.hero-boxes li{position:relative;overflow:clip;border-radius:10px;min-height:150px;isolation:isolate;will-change:backdrop-filter}.hero-boxes{display:grid;gap:4px}@media(min-width: 800px){.hero-boxes{gap:10px}.hero-boxes li{min-height:16vw}}@media(min-width: 1900px){.hero-boxes li{min-height:14vw}}@media(max-width: 799px){.hero-boxes.hero-col-4{grid-template-columns:repeat(2, 1fr)}.hero-boxes.hero-col-5{grid-template-columns:repeat(6, 1fr);grid-template-rows:auto auto}.hero-boxes.hero-col-5 li{grid-column:auto;grid-row:auto}.hero-boxes.hero-col-5 li:nth-child(1){grid-column:1/span 3;grid-row:1/2}.hero-boxes.hero-col-5 li:nth-child(2){grid-column:4/span 3;grid-row:1/2}.hero-boxes.hero-col-5 li:nth-child(3){grid-column:1/span 2;grid-row:2/3}.hero-boxes.hero-col-5 li:nth-child(4){grid-column:3/span 2;grid-row:2/3}.hero-boxes.hero-col-5 li:nth-child(5){grid-column:5/span 2;grid-row:2/3}.hero-boxes.hero-col-6{grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(2, 1fr)}.hero-boxes.hero-col-6 li{grid-column:auto;grid-row:auto}}@media(min-width: 800px){.hero-boxes.hero-col-4{grid-template-columns:repeat(4, 1fr);min-height:25vw;gap:20px}.hero-boxes.hero-col-6{grid-template-columns:repeat(9, 1fr);grid-template-rows:repeat(2, 1fr)}.hero-boxes.hero-col-6 li:nth-child(1){grid-column:1/span 3;grid-row:1/span 2}.hero-boxes.hero-col-6 li:nth-child(2){grid-column:4/span 3;grid-row:1/2}.hero-boxes.hero-col-6 li:nth-child(3){grid-column:7/span 3;grid-row:1/2}.hero-boxes.hero-col-6 li:nth-child(4){grid-column:4/span 2;grid-row:2/3}.hero-boxes.hero-col-6 li:nth-child(5){grid-column:6/span 2;grid-row:2/3}.hero-boxes.hero-col-6 li:nth-child(6){grid-column:8/span 2;grid-row:2/3}.hero-boxes.hero-col-5{gap:10px;display:grid;grid-template-rows:repeat(2, auto);grid-template-columns:repeat(3, 1fr);width:100%}.hero-boxes.hero-col-5 li:nth-child(1){grid-row:1/3}}.hero-boxes .hero-box-gradient{display:block;position:absolute;z-index:2;top:50%;right:0;bottom:0;left:0;isolation:isolate;transform:translateZ(0);overflow:clip;border-radius:0 0 10px 10px;background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%)}@media(min-width: 1024px){@supports(not (-webkit-hyphens: none)) and (not (-moz-appearance: none)) and (list-style-type: "*"){@media only screen and (min-width: 1024px)and (-webkit-min-device-pixel-ratio: 2),only screen and (min-width: 1024px)and (min-resolution: 192dpi),only screen and (min-width: 1024px)and (min-resolution: 2dppx){.hero-boxes li,.hero-boxes .hero-box-gradient,.hero-boxes .hb-blur{transform:translateZ(0)}.hero-boxes .hb-blur{position:absolute;inset:0;isolation:isolate;overflow:clip;border-radius:0 0 10px 10px}.hero-boxes .hb-blur::before,.hero-boxes .hb-blur::after,.hero-boxes .hero-box-gradient::before,.hero-boxes .hero-box-gradient::after{content:"";position:absolute;left:0;right:0;height:21%}.hero-boxes .hero-box-gradient::before{bottom:69%;-webkit-backdrop-filter:blur(0.5px);backdrop-filter:blur(0.5px)}.hero-boxes .hero-box-gradient::after{bottom:39%;-webkit-backdrop-filter:blur(0.75px);backdrop-filter:blur(0.75px)}.hero-boxes .hb-blur::before{bottom:19%;-webkit-backdrop-filter:blur(1.75px);backdrop-filter:blur(1.75px)}.hero-boxes .hb-blur::after{bottom:0;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);border-radius:0 0 10px 10px}}}}.hero-boxes figure{margin:0 !important}.hero-boxes a{transition:all .3s linear;display:block;position:absolute;inset:0}.hero-boxes a:hover,.hero-boxes a:hover span{color:#fff}.hero-box-image img{display:block;position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 0%;object-position:50% 0%}@supports(not (-webkit-hyphens: none)) and (not (-moz-appearance: none)) and (list-style-type: "*"){.hero-box-image img{filter:contrast(1.2) saturate(1.05)}}@media(hover: hover){.hero-box-image{will-change:transform;transition:all .5s linear}.hero-box a:hover .hero-box-image img{transform:scale(1.1)}}.hero-boxes-title{position:absolute;line-height:1.1;z-index:10;left:.5px;bottom:5px;margin:0;text-align:left !important;font-weight:600;font-family:"Figtree",sans-serif;text-wrap:balance;padding:5% 8% 5% 5%;color:#fff !important;display:table;text-shadow:0px 0px 5px rgba(2.0936170213,11.8638297872,30.7063829787,.5);font-size:clamp(16px,-0.875em + 4vw,1.4em)}.hero-boxes-title em{font-style:oblique;display:flex;font-weight:500;font-size:65%;font-family:"Merriweather",sans-serif}@media(min-width: 1024px){.hero-boxes-title{line-height:1.1}}@media(min-width: 700px){.hero-boxes-title{font-size:clamp(1em,-0.875em + 3vw,2em)}.hero-boxes.hero-col-5 li:nth-child(1) .hero-boxes-title{font-size:clamp(1em,-0.875em + 4vw,3em);line-height:1}.hero-boxes.hero-col-6 li:nth-child(1) .hero-boxes-title{font-size:clamp(1em,-0.875em + 4vw,3em);line-height:1}}.hero-boxes-container .hero-label{width:200px;height:200px;display:block;overflow:hidden;position:absolute;z-index:100;top:0;right:0;font-family:"Kaushan Script",sans-serif}.hero-boxes-container .hero-label span{font-size:18px;font-weight:400;display:block;color:#fff;background-color:#ed7823;border-left:0;border-right:0;text-align:center;transform:rotate(45deg);position:absolute;padding:0;top:30px;right:-55px;width:200px;transition:all .5s ease-in-out;line-height:30px}@media(max-width: 600px){.hero-boxes-container .hero-label span{font-size:14px;padding:7px 0 5px;top:20px;right:-55px;line-height:.8;width:175px}}@media(max-width: 450px){.hero-boxes-container .hero-label span{font-size:12px;padding:7px 0 5px;top:10px;right:-55px;line-height:.8;width:155px}}