:root{
    --download-gold:#b88a00;
    --download-gold-dark:#9b7600;
    --download-black:#050505;
    --download-soft:#fff8df;
    --download-border:rgba(184,138,0,.35);
}

body{
    background:#fff;
}

.downloads-page{
    margin-top:100px;
    background:#fff;
    overflow:hidden;
    font-family:'Poppins', Arial, sans-serif;
}

.downloads-artboard-wrap{
    width:100%;
    padding:0;
    background:#fff;
}

.downloads-artboard{
    position:relative;
    width:min(100%,1535px);
    margin:0 auto;
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position:center top;
    box-shadow:0 24px 70px rgba(0,0,0,.08);
}

.downloads-desktop-artboard-wrap .downloads-artboard{
    aspect-ratio:1535 / 1024;
    background-image:url('../downloads_page/desktopv1.jpg');
    
}

.downloads-mobile-artboard-wrap{
    display:none;
}

.downloads-artboard-mobile{
    aspect-ratio:1030 / 1527;
    width:min(100%,1030px);
    background-image:url('../downloads_page/mobilev1.jpg');
    
}

.downloads-seo-copy{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}

.download-hotspot{
    position:absolute;
    z-index:5;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    color:transparent;
    text-decoration:none;
    background:rgba(184,138,0,.01);
    transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
}

.download-hotspot span{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
}

.download-hotspot:hover,
.download-hotspot:focus-visible{
  outline: none;
  transform: translateY(-2px);
  background: rgba(0, 98, 184, 0.18);
  box-shadow: 0 12px 28px rgba(0, 63, 184, 0.22);
}

.download-hotspot.is-loading{
    pointer-events:none;
    background:rgba(0,0,0,.08);
}

.hotspot-windows,
.hotspot-mac,
.hotspot-classic{
    width:12.9%;
    height:4.4%;
}

.hotspot-windows{left:2.25%;top:69.05%;}
.hotspot-mac{left:18.15%;top:69.05%;}
.hotspot-classic{left:33.6%;top:69.05%;}

.mobile-hotspot-windows,
.mobile-hotspot-mac,
.mobile-hotspot-classic{
    left:56.2%;
    width:29.2%;
}


.mobile-hotspot-windows{top:49.0%;height:6.0%;}
.mobile-hotspot-mac{top:70.4%;height:6.8%;}
.mobile-hotspot-classic{top:75.2%;height:4.7%;}

@media (max-width:1100px){
    .downloads-page{margin-top:84px;}
    .downloads-desktop-artboard-wrap .downloads-artboard{
        width:100%;
        border-radius:0;
    }
}

@media (max-width:768px){
    .downloads-page{margin-top:78px;}
    .downloads-desktop-artboard-wrap{
        display:none;
    }
    .downloads-mobile-artboard-wrap{
        display:block;
    }
    .downloads-artboard-mobile{
        width:100%;
        box-shadow:none;
        border-radius:0;
    }
    .mobile-hotspot-windows,
    .mobile-hotspot-mac,
    .mobile-hotspot-classic{
        border-radius:10px;
    }
}

@media (max-width:430px){
    .mobile-hotspot-windows,
    .mobile-hotspot-mac,
    .mobile-hotspot-classic{
        left:55.8%;
        width:40%;
    }

    .mobile-hotspot-windows{top:41.0%;height:5.0%;}
    .mobile-hotspot-mac{top:59.2%;height:4.9%;}
    .mobile-hotspot-classic{top:75.0%;height:4.8%;}
}

@media (max-width:480px){
    .downloads-page{margin-top:70px;}
}