.videos{text-align:center}.videos .constrain{max-width:1620px}.videos__title{margin-bottom:78px}.videos__grid{display:grid;gap:40px 76px;grid-template-columns:repeat(3,minmax(0,500px));justify-content:center}.videos__grid-item{align-items:center;display:flex;flex-direction:column;row-gap:15px}.videos__trigger{aspect-ratio:500/280;background:transparent;border:1px solid #707070;box-shadow:0 3px 6px rgba(0,0,0,.16);cursor:pointer;height:100%;margin:0;max-height:280px;padding:0;position:relative;width:100%}.videos__trigger:after{background-color:rgba(66,91,118,.75);border-radius:50%;content:"";height:75px;left:50%;position:absolute;top:50%;transition:background-color .35s ease;translate:-50% -50%;width:75px;z-index:1}.videos__trigger:hover:after{background-color:#425b76}.videos__thumbnail{height:100%;object-fit:cover;width:100%}.videos__play-icon{color:#fff;left:50%;position:absolute;top:50%;translate:-50% -50%;z-index:2}.videos__description{color:#666;font-style:italic}.videos__modal{background-color:rgba(61,61,61,.6);display:none;inset:0;opacity:0;padding:15px;position:fixed;-webkit-transition:opacity .15s ease;-o-transition:opacity .15s ease;transition:opacity .15s ease;z-index:2000}.videos__modal-outer{left:50%;max-width:1200px;padding:40px;position:relative;top:50%;translate:-50% -50%;z-index:2}.videos__modal-inner{align-items:center;display:flex;flex-direction:column;margin:0 auto}.videos__modal-video{aspect-ratio:16/9;height:100%;width:100%}.videos__modal-close{align-items:center;background-color:transparent;border:2px solid #fff;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;margin:0;padding:0;position:absolute;right:0;top:0;transition:background-color .25s ease;width:30px}.videos__modal-close i{color:#fff;transition:color .25s ease}.videos__modal-close:hover{background-color:#fff}.videos__modal-close:hover i{color:#444}@media only screen and (max-width:991px){.videos__grid{grid-template-columns:repeat(2,minmax(0,360px))}.videos__modal-outer{padding:45px 0 0}}@media only screen and (max-width:767px){.videos__grid{grid-template-columns:repeat(1,minmax(0,360px))}}@media only screen and (max-width:575px){.videos__trigger:after{height:50px;width:50px}.videos__play-icon{scale:.75}}