body, div, h1, h2, h3, h4, h5, h6, figure, ul, li { border: 0; margin: 0; outline: 0; padding: 0; } li { list-style: none; } a { text-decoration: none; } .product-detail p { padding: 0; } .product-detail { background-color: #04060e; } .product-details { background-color: #04060e; } .product-detail img { border-radius: 10px; } .section.over-img { padding-top: 0; } .section.app-img ~.section.over-img { padding-top: 40px; } .section.over-img +.section, .section.over-img { background-color: #000000; } .section { width: 100%; background-color: #04060e; padding-bottom: 40px; position: relative; padding-top: 40px; } .section h2 { font-size: 45px; color: #ffffff; } .home-banner { max-width: 1400px; margin: 0 auto; height: 600px; } .content-text { position: absolute; z-index: 5; max-width: 726px; text-align: left; top: 42%; left: 22%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .content-text h2 { font-size: 45px; color: #ffffff; } .content-text p { color: #ffffff; } .banner-content { position: relative; } .section img.iphone { display: none; } .banner-content img, .cont-img img { width: 100%; display: block; } .product-functions-content3 { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; max-width: 1200px; margin: 0 auto; } .product-func { padding: 10px; } .product-func div { display: flex; text-align: center; width: 300px; border-radius: 10px; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; padding: 15px; height: 200px; background-image: linear-gradient(42deg, #000000, #283c6585); } .product-func div img { max-width: 230px; margin-top: 10px; } .product-func div h3, .product-func-content h3 { font-size: 25px; color: #ffffff; } .product-func div p, .product-func-content p { font-size: 20px; color: #ffffff; line-height: 20px; } .product-func2 { width: 504px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; padding: 10px; } .product-func2 img { max-width: 92px; } .product-func-content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; width: 100%; height: 150px; padding: 30px 35px; border-radius: 10px; background-image: linear-gradient(42deg, #000000, #283c6585); } .col-content { max-width: 1400px; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; margin-top: 60px; } .col-img { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; flex: 1; } .col-text { max-width: 570px; } .col-text p { color: #ffffff; line-height: 35px; } .col-img img { max-width: 340px; border-radius: 12px; margin-bottom: 20px; margin-right: 20px; } .section-img { max-width: 1400px; margin: 0 auto; margin-top: 40px; } .section-img img { width: 100%; } .col-content.icon-img img { width: 100%; max-width: 700px; } .col-content.big-img img { max-width: 800px; border-radius: 10px; } .color-fonts { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; margin-top: 30px; } .color-font { text-align: center; } .color-font h3 { font-size: 17px; margin: 0; background: linear-gradient(90deg, #003cff, #a4deff); -webkit-background-clip: text; color: #fff0; } .color-font h3 b { font-size: 45px; font-weight: 900; } .text { padding-top: 0px; } .icon-content p { padding: 0 10px; } .section.small-img { padding-bottom: 0; } .tab-col4-box { margin-top: 0; } .custom-tabs { padding: 20px 5px; flex-wrap: wrap; justify-content: flex-start; } .custom-tab { padding: 10px 10px; text-align: center; font-size: 13px; } .section img { /* width: auto; */ margin: 0 auto; } .section.tab-section { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; max-width: 1400px; margin: 0 auto; } .tab-left.text { text-align: left; } .tab-left { max-width: 620px; } .
