/*style qualcomm v1.0*/

@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@400;700&display=swap');

.lp-qualcomm {font-family: 'Sarabun', sans-serif; background: #fff;}
.lp-qualcomm .container {width: 1240px; margin: 0 auto;}
.lp-qualcomm h2 {font-size: 60px; font-weight: bold; color: #fff;}
.lp-qualcomm h3 {font-size: 50px; font-weight: bold; color: #000; line-height: 36px;}
.lp-qualcomm img {display: block;}
.lp-qualcomm a {transition: all 0.5s; display: block;}
.lp-qualcomm a:hover {transform: scale(0.95);}

.lp-qualcomm section.hero {background: url(https://www.casasbahia-imagens.com.br/criacao/03-hotsite/2022/02-fev/qualcomm/images/bg-hero.png); background-size: cover; color: #fff; padding: 40px 0; max-width: 1920px; margin: 0 auto;}
.lp-qualcomm section.hero .copy {font-size: 28px; text-align: center}
.lp-qualcomm section.hero .copy.aside {display: flex; font-size: 36px; text-align: left; align-items: center; line-height: 40px;}
.lp-qualcomm section.hero iframe.player {display: block; margin: 50px auto; box-shadow: 0 10px 50px rgba(0,0,0,0.7);}
.lp-qualcomm section.hero h3 {color: #fff;}
.lp-qualcomm section.hero .social {display: flex; justify-content: center; margin: 20px 0;}
.lp-qualcomm section.hero .social a {font-weight: bold; display: flex; align-items: center; margin: 0 20px; color: #fff;}
.lp-qualcomm section.hero .social a img {margin-right: 10px;}

.lp-qualcomm section.phones {padding-top: 50px; background: #fff;}
.lp-qualcomm section.phones h3 {text-align: center; font-size: 32px;}
.lp-qualcomm section.phones p {font-size: 40px; text-align: center; font-weight: bold;}
.lp-qualcomm section.phones .block {display: flex; align-items: center; margin-top: -100px;}
.lp-qualcomm section.phones a:first-of-type .block {margin-top: 50px;}
.lp-qualcomm section.phones .block .copy {padding: 20px; text-align: left;}
.lp-qualcomm section.phones .block .copy.reverse {text-align: right;}
.lp-qualcomm section.phones .block .copy p {font-size: 34px; text-align: left;}
.lp-qualcomm section.phones .block .copy.reverse p {text-align: right;}
.lp-qualcomm section.phones .block img {width: 50%;}

.lp-qualcomm section.banner img {width: 100%;}

.lp-qualcomm section.tech {margin: 90px 0;}
.lp-qualcomm section.tech .block {display: flex; align-items: center; margin-bottom: 20px;}
.lp-qualcomm section.tech .block.reverse {text-align: right;}
.lp-qualcomm section.tech .block .copy {padding: 20px 100px 20px 20px}
.lp-qualcomm section.tech .block.reverse .copy {padding: 20px 20px 20px 100px}
.lp-qualcomm section.tech .block .copy h3 {line-height: 48px; margin-bottom: 10px;}
.lp-qualcomm section.tech .block .copy p {font-size: 24px; color: #000; line-height: 28px;}
.lp-qualcomm section.tech .block img {width: 50%;}

@media screen and (max-width:768px) {

.lp-qualcomm .container {width: 100%; padding: 20px; text-align: center;}
.lp-qualcomm h2 {font-size: 36px; line-height: 38px; padding: 20px 20px 0;}
.lp-qualcomm h3 {font-size: 24px; margin-bottom: 10px; line-height: 26px;}
.lp-qualcomm p {font-size: 18px!important; text-align: center; line-height: 22px;}

.lp-qualcomm section.hero {padding: 40px 0 0;}
.lp-qualcomm section.hero .container {padding: 0;}
.lp-qualcomm section.hero img {width: 75%;}
.lp-qualcomm section.hero .copy {padding: 20px;}
.lp-qualcomm section.hero .copy.aside {flex-direction: column;}
.lp-qualcomm section.hero iframe.player {width: 100%; margin: 0px; height: 50vw;}
.lp-qualcomm section.hero .copy:last-of-type {background: #14314a; padding-top: 40px;}
.lp-qualcomm section.hero .social {flex-direction: column;}
.lp-qualcomm section.hero .social a {font-size: 22px; justify-content: center; margin-bottom: 10px;}
.lp-qualcomm section.hero .social a img {width: 44px;}

.lp-qualcomm section.banner .container {padding: 0;}

.lp-qualcomm section.phones .block {flex-direction: column; margin: 0 auto 40px;}
.lp-qualcomm section.phones .block.reverse {flex-direction: column-reverse;}
.lp-qualcomm section.phones .block h3,.lp-qualcomm section.phones .block p {text-align: center!important; margin: 0;}
.lp-qualcomm section.phones .block img {width: 75%;}

.lp-qualcomm section.tech {margin: 0;}
.lp-qualcomm section.tech .block {flex-direction: column; margin-bottom: 40px;}
.lp-qualcomm section.tech .block.reverse {flex-direction: column-reverse;}
.lp-qualcomm section.tech .block .copy,.lp-qualcomm section.tech .block.reverse .copy {padding: 0; text-align: center;}
.lp-qualcomm section.tech .block .copy h3 {line-height: 28px;}
.lp-qualcomm section.tech .block img {width: 100%; margin-bottom: 20px;}

}