.flex,footer,header{display:flex}*,::after,::before{padding:0;margin:0;box-sizing:border-box}@font-face{font-family:Roboto;src:url(../fonts/Roboto-Regular.woff2) format("woff2");font-size:1rem;font-style:normal;font-weight:400;line-height:1.3125rem}@font-face{font-family:NunitoSans-SemiBold;src:url(../fonts/NunitoSans-SemiBold.woff2) format("woff2");font-size:2.5rem;font-style:normal;font-weight:600;line-height:3.25rem;letter-spacing:.0125rem}@font-face{font-family:Quicksand-Medium;src:url(../fonts/Quicksand-Medium.woff2) format("woff2");font-size:2.1875rem;font-style:normal;font-weight:500;line-height:2.1875rem}.container{width:min(90%,1170px);margin:0 auto}header,main{margin-bottom:100px}body{font-size:1rem;color:#232323;font-family:Roboto}header{height:80px;align-items:center}header img{width:200px;height:35px}main span{color:#7690A8;width:108px;height:20px}main h1{width:377px;height:46px;margin-top:15px;color:#16133D;font-family:NunitoSans-SemiBold;margin-bottom:40px}.flex h2,.flex p{margin-bottom:30px;color:#16133D}.flex{gap:30px}.flex .flex-container{position:relative;width:370px;height:340px;border-radius:8px;border:1px solid #E5EAF4;padding:40px;transition:border .3s}.flex .flex-container:hover{border:1px solid #3DB370}.flex .flex-container .icon,.flex .flex-container .icon-hover{width:64px;height:64px;position:absolute;top:40px;left:40px;transition:opacity .3s ease;padding:10px}.flex .flex-container .icon{opacity:1;z-index:1;border:1px solid #E8F3FF;border-radius:15px}.flex .flex-container .icon-hover{opacity:0;z-index:2;border:1px solid #E1F4F5;border-radius:15px}.flex .flex-container:hover .icon{opacity:0}.flex .flex-container:hover .icon-hover{opacity:1}.flex h2{margin-top:94px;font-size:1.5rem;line-height:1.33rem;letter-spacing:.0125rem}.flex p{line-height:1.75rem}.flex a{color:#3DB370;font-weight:600;text-decoration:none}.flex a:hover{text-decoration:underline}footer{background-color:#16133D;height:193px;width:100%;align-items:center}footer .media-links ul li,footer a{display:inline-block;text-decoration:none;height:38px;width:38px;border-radius:5px}footer img{margin-bottom:40px}footer a{color:#0D0D0D}footer a:hover{color:#3DB370}footer .media-links ul li{list-style:none;margin-right:10px;background:var(--1,#EFEEF3)}footer .media-links ul li .icon-media{width:38px;border-radius:5px;height:21px;margin-top:9px}