.m-138-video-tutorial-cards.grey-component{padding-top:40px;padding-bottom:40px}
@media(min-width:940px){.m-138-video-tutorial-cards.grey-component{padding-top:60px;padding-bottom:60px}
}
.m-138-video-tutorial-cards .title-heading{margin-bottom:40px}
.m-138-video-tutorial-cards .card-item{padding:0;height:700px}
@media(max-width:1420px){.m-138-video-tutorial-cards .card-item{height:611px}
}
@media(max-width:1240px){.m-138-video-tutorial-cards .card-item{height:463px}
}
@media(max-width:940px){.m-138-video-tutorial-cards .card-item{height:350px}
}
@media(max-width:710px){.m-138-video-tutorial-cards .card-item{height:100%;flex:0 0 auto}
}
.m-138-video-tutorial-cards .card-item .focuspoint-bg{padding:60px;width:100%;height:50%;color:white}
@media(max-width:1420px){.m-138-video-tutorial-cards .card-item .focuspoint-bg{padding:50px}
}
@media(max-width:1240px){.m-138-video-tutorial-cards .card-item .focuspoint-bg{padding:38px}
}
@media(max-width:940px){.m-138-video-tutorial-cards .card-item .focuspoint-bg{padding:20px}
}
.m-138-video-tutorial-cards .card-item:before{content:"";width:100%;height:100%;position:absolute;bottom:0;left:0;z-index:0;background-image:linear-gradient(180deg,#0f2033 0,rgba(15,32,51,0.5) 50%,rgba(15,32,51,0) 75%,rgba(15,32,51,0) 100%)}
@media(max-width:710px){.m-138-video-tutorial-cards .card-item:before{background-image:linear-gradient(180deg,#0f2033 0,rgba(15,32,51,0.5) 50%,rgba(15,32,51,0) 75%,rgba(15,32,51,0) 100%)}
}
.m-138-video-tutorial-cards .card-item .text-container img{align-self:flex-start}
.m-138-video-tutorial-cards .card-item .modal_label{display:flex;align-items:center;justify-content:space-between;gap:10px;height:fit-content !important;top:428px !important;left:20px !important;transform:none !important}
@media(max-width:939px) and (min-width:710px){.m-138-video-tutorial-cards .card-item .modal_label{top:auto !important;bottom:60px !important;left:50% !important;right:auto !important}
}
.m-138-video-tutorial-cards .card-item .modal_label i.am-icon-play{margin-bottom:-5px}
.m-138-video-tutorial-cards .card-item .modal_label i.am-icon-play::after{width:16px;height:20px}
.m-138-video-tutorial-cards .item-h3{color:#004e7a;margin-top:20px;z-index:1}
@media(max-width:1420px){.m-138-video-tutorial-cards .item-h3{margin-top:14.5px}
}
@media(max-width:1240px){.m-138-video-tutorial-cards .item-h3{margin-top:0}
}
@media(max-width:940px){.m-138-video-tutorial-cards .item-h3{margin-top:10px}
}
@media(max-width:710px){.m-138-video-tutorial-cards .item-h3{min-height:0}
}
.m-138-video-tutorial-cards .copy-text{font-family:"Value-Regular",sans-serif;min-height:60px}
@media(max-width:710px){.m-138-video-tutorial-cards .copy-text{min-height:0;padding-right:20px}
}
.m-138-video-tutorial-cards btn .am-icon-close{margin-top:40px;width:40px;height:40px;background:#00747a;border-radius:40px;position:relative}
@media(max-width:1420px){.m-138-video-tutorial-cards btn .am-icon-close{width:34px;height:34px;margin-top:30px}
}
@media(max-width:1240px){.m-138-video-tutorial-cards btn .am-icon-close{width:25.6px;height:25.6px;margin-top:14.5px}
}
@media(max-width:940px){.m-138-video-tutorial-cards btn .am-icon-close{width:30px;height:30px;margin-top:40px}
}
@media(max-width:710px){.m-138-video-tutorial-cards btn .am-icon-close{margin-top:0;position:absolute;right:20px}
}
.m-138-video-tutorial-cards btn .am-icon-close:after{width:30px;height:30px;transform:rotate(-45deg) translate(0,7px);position:absolute}
@media(max-width:1420px){.m-138-video-tutorial-cards btn .am-icon-close:after{width:25px;height:25px;transform:rotate(-45deg) translate(0,6px)}
}
@media(max-width:1240px){.m-138-video-tutorial-cards btn .am-icon-close:after{width:18.6px;height:18.6px;transform:rotate(-45deg) translate(0,5px)}
}
@media(max-width:940px){.m-138-video-tutorial-cards btn .am-icon-close:after{width:21px;height:21px;transform:rotate(-45deg) translate(0,6.6px)}
}
@media(max-width:710px){.m-138-video-tutorial-cards btn .am-icon-close:after{width:30px;height:30px;transform:rotate(-45deg) translate(0,0)}
}
@media(max-width:709px){.m-138-video-tutorial-cards .xs-flex-column{flex-direction:column}
.m-138-video-tutorial-cards .xs-flex-row{align-items:start !important;justify-content:center !important}
}
.m-138-video-tutorial-cards.three-items-row .copy-text,.m-138-video-tutorial-cards.two-items-row .copy-text{margin-top:30px;padding-right:20%}
.m-138-video-tutorial-cards.two-items-row .copy-text{padding-right:50%}
.m-138-video-tutorial-cards.grey-component{background-color:rgba(226,243,245,0.3)}
.m-138-video-tutorial-cards.white-component{background-color:#fff}
.m-138-video-tutorial-cards [data-aos^=custom],.m-138-video-tutorial-cards [data-aos]{opacity:1;transform:translateZ(0)}
.m-138-video-tutorial-cards[data-animate=yes] [data-aos^=custom]{opacity:0;transition-property:opacity,transform}
.m-138-video-tutorial-cards[data-animate=yes] [data-aos^=custom].aos-animate{opacity:1;transform:translateZ(0)}
.m-138-video-tutorial-cards[data-animate=yes] [data-aos=custom-up]{transform:translate3d(0,100px,0)}
body[data-aos-easing=home-easing] .m-138-video-tutorial-cards [data-aos],.m-138-video-tutorial-cards [data-aos][data-aos][data-aos-easing=home-easing]{transition-timing-function:cubic-bezier(0.25,0.1,0.25,1)}
@media(max-width:939px){.m-138-video-tutorial-cards[data-animate=yes] [data-aos^=custom]{opacity:1;transform:translateZ(0);transition-property:unset}
}
@media(max-width:939px){.m-138-video-tutorial-cards.home .row{margin-right:-5px;margin-left:-5px}
}
.m-138-video-tutorial-cards.home .row .col-sm-5{padding-right:0}
.m-138-video-tutorial-cards.home .row.pt-6{padding-top:40px}
@media(max-width:709px){.m-138-video-tutorial-cards.home .row.pt-6{padding-top:30px}
}
.m-138-video-tutorial-cards.home .card-item{height:540px;padding-right:20px}
@media(max-width:939px){.m-138-video-tutorial-cards.home .card-item{padding-right:0;display:flex;height:300px}
}
@media(max-width:709px){.m-138-video-tutorial-cards.home .card-item{display:block;height:540px;padding-left:0;padding-right:0}
.m-138-video-tutorial-cards.home .card-item.image{height:320px}
}
.m-138-video-tutorial-cards.home .card-item:before{content:none}
.m-138-video-tutorial-cards.home .card-item .focuspoint-bg{position:relative;height:37%}
@media(max-width:939px){.m-138-video-tutorial-cards.home .card-item .focuspoint-bg{height:100%;width:45%}
}
@media(max-width:939px) and (min-width:710px){.m-138-video-tutorial-cards.home .card-item .focuspoint-bg{position:initial !important}
}
@media(min-width:710px){.m-138-video-tutorial-cards.home .card-item .focuspoint-bg{padding:20px}
}
@media(min-width:1240px){.m-138-video-tutorial-cards.home .card-item .focuspoint-bg{padding:40px}
}
@media(max-width:709px){.m-138-video-tutorial-cards.home .card-item .focuspoint-bg{height:37%;width:100%}
}
.m-138-video-tutorial-cards.home .card-item .focuspoint-bg .am-icon-video:after{width:53.333px;height:53.333px}
.m-138-video-tutorial-cards.home .card-item .newDiv{background-color:#fff;padding:52px 20px 20px;height:63%}
@media(max-width:939px){.m-138-video-tutorial-cards.home .card-item .newDiv{height:100%;width:60%;padding:20px 20px 20px 62px}
}
@media(max-width:709px){.m-138-video-tutorial-cards.home .card-item .newDiv{width:100%;height:63%;padding:52px 20px 20px}
}
.m-138-video-tutorial-cards.home .card-item .newDiv.linkBox{position:absolute;left:0;top:0;display:flex;justify-content:center;align-items:center;height:100%;width:100%;z-index:1000000;padding:60px 20px;background-color:#f7f8f8;background-image:url("../../amplifon-us/clientlibs/clientlib-base/resources/img/icons/video-cards-waves.png");background-position:top;background-size:100%;background-repeat:no-repeat}
@media(max-width:939px) and (min-width:710px){.m-138-video-tutorial-cards.home .card-item .newDiv.linkBox{background-position:0 0}
}
@media(max-width:709px){.m-138-video-tutorial-cards.home .card-item .newDiv.linkBox{padding:40px 20px}
}
.m-138-video-tutorial-cards.home .card-item .newDiv.linkBox>div{gap:30px}
@media(max-width:709px){.m-138-video-tutorial-cards.home .card-item .newDiv.linkBox>div{justify-content:space-between !important}
}
.m-138-video-tutorial-cards.home .card-item .newDiv.linkBox a{top:auto !important}
@media(max-width:709px){.m-138-video-tutorial-cards.home .card-item .newDiv.linkBox a{width:100%}
}
@media(max-width:709px){.m-138-video-tutorial-cards.home .card-item .xs-flex-row{justify-content:flex-end !important;align-items:end !important}
}
.m-138-video-tutorial-cards.home .card-item .item-h3{margin-top:0;font-family:"AvenirNext-Regular";font-size:18px;font-style:normal;font-weight:600;line-height:26px}
@media(max-width:709px){.m-138-video-tutorial-cards.home .card-item .item-h3{font-size:16px;line-height:24px}
}
.m-138-video-tutorial-cards.home .card-item .box-title{font-family:"AvenirNext-Regular";font-size:28px;font-style:normal;font-weight:600;line-height:36px;color:#0f2033;text-align:center}
@media(max-width:709px){.m-138-video-tutorial-cards.home .card-item .box-title{font-size:22px;line-height:30px}
}
.m-138-video-tutorial-cards.home .card-item .box-subtitle{font-family:Noto Sans;font-size:16px;font-style:normal;font-weight:400;line-height:26px;color:#0f2033;text-align:center;padding-bottom:10px}
.m-138-video-tutorial-cards.home .card-item .simple-text{font-family:"AvenirNext-Regular";color:#0f2033;padding-top:10px;padding-bottom:10px;z-index:1;font-size:22px;font-style:normal;font-weight:600;line-height:30px}
@media(max-width:709px){.m-138-video-tutorial-cards.home .card-item .simple-text{font-size:18px;line-height:26px}
}
.m-138-video-tutorial-cards.home .card-item .clock{display:flex;align-items:center;justify-content:flex-start;gap:10px;font-family:Noto Sans;color:#0f2033;font-size:14px;font-style:normal;font-weight:400;line-height:22px}
.m-138-video-tutorial-cards.home .card-item .clock .am-icon-clock{margin-bottom:-6px}
.m-138-video-tutorial-cards.home .card-item .image-box-link{z-index:1;margin-top:20px;line-height:1.25;font-family:"AvenirNext-DemiBold",sans-serif;position:absolute;bottom:20px;display:flex;flex-direction:column;align-items:center;gap:20px;justify-content:center}
@media(max-width:939px) and (min-width:710px){.m-138-video-tutorial-cards.home .card-item .image-box-link{position:absolute;top:auto !important}
}
@media(max-width:709px){.m-138-video-tutorial-cards.home .card-item .image-box-link{width:100%;left:0}
.m-138-video-tutorial-cards.home .card-item .image-box-link a{padding:0 20px}
}
.m-138-video-tutorial-cards.home .card-item .secondary-btn{display:flex;gap:10px;align-items:center;justify-content:space-between;top:auto !important}
@media(max-width:709px){.m-138-video-tutorial-cards.home .card-item .secondary-btn{justify-content:center}
}
.m-138-video-tutorial-cards.home .card-item .text-container{width:100%}
.m-138-video-tutorial-cards.home .card-item .text-container img{align-self:flex-start}
.m-138-video-tutorial-cards .video-btn{padding:15px 25px !important;border-radius:30px}
.m-138-video-tutorial-cards__items{margin-left:0 !important;margin-right:0 !important}
@media(max-width:939px){.m-138-video-tutorial-cards__items{gap:10px}
}
@media(max-width:709px){.m-138-video-tutorial-cards__items{gap:20px}
}
.m-138-video-tutorial-cards__items .mycontainer{height:100%;box-shadow:0 4px 20px 0 rgba(34,34,34,0.1);position:relative}
@media(max-width:939px){.m-138-video-tutorial-cards__items .mycontainer{padding-right:0;display:flex;width:100%}
}
@media(max-width:709px){.m-138-video-tutorial-cards__items .mycontainer{display:block}
}
.m-138-video-tutorial-cards__items.video-player.active-video .focuspoint img{opacity:0;transition:opacity 2s}
.m-138-video-tutorial-cards__items.video-player .am-icon-chevron-small-primary:after{padding-left:10px;background-size:auto 100%;margin-bottom:-2px}
.m-138-video-tutorial-cards__items.video-player .youtube-video{opacity:0;width:100%;height:100%;transition:opacity 2s}
.m-138-video-tutorial-cards__items.video-player .youtube-video.visible-video{opacity:1}
.m-138-video-tutorial-cards__items.video-player .am-img-video-play{cursor:pointer;z-index:9}
.m-138-video-tutorial-cards__items.video-player .am-icon-video-play{width:70px;height:70px;position:absolute;left:50%;transform:translate(-50%,-50%);top:50%;cursor:pointer;z-index:10;transition:opacity 2s;filter:blur(0) !important;border-radius:30px;left:0 !important;padding:0 20px}
@media(max-width:939px) and (min-width:710px){.m-138-video-tutorial-cards__items.video-player .am-icon-video-play{left:50% !important;padding-left:0}
}
@media(max-width:709px){.m-138-video-tutorial-cards__items.video-player .am-icon-video-play{width:100% !important}
}
.m-138-video-tutorial-cards__items.video-player .am-icon-video-play:after{width:100%;height:100%;filter:blur(0) !important}
.m-138-video-tutorial-cards__items.video-player .am-icon-video-play.hidden{opacity:0}
@media(max-width:709px){.m-138-video-tutorial-cards__items.video-player .am-icon-video-play span{width:100%}
}
.m-138-video-tutorial-cards__items.video-player .video-player-container{position:absolute;left:20px;bottom:-35px;text-align:center;z-index:10;transition:opacity 2s}
@media(max-width:939px){.m-138-video-tutorial-cards__items.video-player .video-player-container{top:25px;right:-26px;left:auto}
}
@media(max-width:939px) and (min-width:710px){.m-138-video-tutorial-cards__items.video-player .video-player-container{left:-17%}
}
@media(max-width:709px){.m-138-video-tutorial-cards__items.video-player .video-player-container{left:20px;bottom:-35px;right:auto;top:auto}
}
.m-138-video-tutorial-cards__items.video-player .video-player-container .am-icon-video-play{width:70px;position:relative;height:70px;cursor:pointer;filter:blur(0) !important;left:0;top:0}
.m-138-video-tutorial-cards__items.video-player .video-player-container .am-icon-video-play:after{width:70px;height:70px;filter:blur(0) !important}
.m-138-video-tutorial-cards__items.video-player .video-player-container .am-icon-video-play.hidden{opacity:0}
.m-138-video-tutorial-cards__items.video-player .video-player-container button.am-icon-video-play{width:70px;position:relative;height:70px;cursor:pointer;filter:blur(0) !important;left:0;top:0}
.m-138-video-tutorial-cards__items.video-player .video-player-container button.am-icon-video-play:after{width:70px;height:70px;filter:blur(0) !important}
.m-138-video-tutorial-cards__items.video-player .video-player-container button.am-icon-video-play.hidden{opacity:0}
.m-138-video-tutorial-cards__items.video-player .video-player-container .video-title-text{position:relative;color:#fff;font-family:"AvenirNext-DemiBold",sans-serif;font-size:16px;line-height:24px;margin-top:10px}
@media only screen and (min-width:940px){.m-138-video-tutorial-cards__items.video-player .video-player-container .video-title-text{font-size:22px;line-height:30px;margin-top:20px}
}
@media(min-width:710px){.m-138-video-tutorial-cards__items.video-player .video-player-container .video-title-text{font-size:22px;line-height:30px;margin-top:20px}
}
@media only screen and (min-width:1240px){.m-138-video-tutorial-cards__items.video-player .video-player-container .video-title-text{font-size:28px;line-height:36px;margin-top:30px}
}
.home-page-wrapper .m-138-video-tutorial-cards.home.typeOfItem.light-jade-component{background-color:#fff}
.home-page-wrapper .m-138-video-tutorial-cards.home.typeOfItem.light-jade-component.lightblue-lightblue,.home-page-wrapper .m-138-video-tutorial-cards.home.typeOfItem.light-jade-component.generic-white{padding-bottom:0}
@media(min-width:1240px){.m-138-video-tutorial-cards.home .card-item .image-box-link{top:auto !important;bottom:20px}
}