@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
* {margin:0px;}
.clearfix {clear:both;}
body {
    font-family: 'Poppins', sans-serif;
    background:#2f4fad;
}
.header {
    background:url("../img/header-bg.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height:75vh;
}
.header .version {text-align:center; padding-top:130px;}
.header .version h3 {
    width:125px;
    height:35px;
    margin:0px auto;
    border-radius:30px;
    line-height:35px;
    background:#fff;
    color:#0089ff;
    font-weight:400;
    font-size:25px;
}
.header .title h1 {
    font-size:65px;
    font-weight:500;
    color:#fff;
    text-align:center;
    margin-top:20px;
}
.header .description {
    text-align:center;
}
.header .description p {
    font-size:19px;
    color:#fff;
    font-weight:200;
    margin-top:15px;
}
.header .description span {
    font-weight:500;
}
.header .button {text-align:center; padding-top:45px;}
.header .button .label {display:inline-block;
    background:#0089ff;
    padding:10px 20px;
    border-radius:30px;
    color:#fff;
    font-weight:200;
    font-size:13px;
}
.header .button .down {display:inline-block; margin-left:10px;
    background:#fff;
    height:40px;
    width:40px;
    color:#0089ff;
    border-radius:100%;
    line-height:40px;
    font-size:30px;
    position:relative;
    top:10px;
}
.price {text-align:center; position:relative; top:-0px; margin-top:-130px;}
.substances {
    position:relative;
    margin-top:-120px;
    height:596px;
    background:#2f4fad;
}
.substances:before {
    content:"";
    position:absolute;
    width:700px;
    top:0px;
    height:596px;
    background:url("../img/mockup.png");
}
.substances .col-md-6 {
    position:relative;
}
.substances-items ul {margin:0px; padding:0px; margin-top:50px;}
.substances-items ul li i {
    color:#13eb80;
    font-size:35px;
    margin-right:10px;
    position:relative;
    top:8.5px;
}
.substances-items ul li {
    list-style-type:none;
    margin-top:20px;
    color:#fff;
    font-size:25px;
}
.features {
    background:#fff;
    padding-top:50px;
    padding-bottom:30px;
}
.features .item {
    height:200px;
    margin:15px 0px;
    padding:30px;
    padding-bottom:0px;
}
.features .item.special {
    border:2px solid #294761;
    border-radius:20px;
}
.features .item .icon {
    width:60px;
    height:60px;
    float:left;
    text-align:right;
}
.features .item .icon i {
    margin-right:20px;
    font-size:40px;
    color:#294761;
}
.features .item .text {
    width:calc(100% - 60px);
    float:left;
}

.features .item .text h3 {
    font-size:20px;
    color:#243a7b;
    margin-bottom:10px;
    font-weight:600;
    font-size:25px;
}

.features .item .text p {
    font-weight:300;
    font-size:15px;
}
.all-features {padding-bottom:60px;}
.all-features .item {
    margin:50px 0px;
}
.all-features .item .icon {
    width:106px;
    float:left;
    margin-right:20px;
}
.all-features .item .text {
    width:calc(100% - 126px);
    float:left;
    font-size:30px;
    padding-top:30px;
    color:#fff;
}
.all-features h1 {
    color:#fff;
    text-align:center;
    margin-top:60px;
    font-size:50px;
}
.about-us {
    background:#fff;
    padding:60px 0px;
}
.about-us .title {
    color: #243a7b;
    text-align: center;
    margin-bottom: 30px;
    font-size: 50px;
}
.about-us .text .item p {
    font-size: 30px;
    padding-top: 30px;
}
.about-us .text .item p i {
    float:left;
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    text-align:center;
    font-size:40px;
    color:#294761;
}
.footer {
    padding:60px 0px;
    background:#fff;
    border-top:2px solid #f5f5f5;
}
.clearfix {
    clear:both;
}
.footer .payments {text-align:center;}
.footer .payments h1 {
    color: #243a7b;
    text-align: center;
    margin-bottom: 30px;
    font-size: 50px;
}
.footer .payments .item {
    display:inline-block;
    float:left;
    width:50%;
}
.footer .website {text-align:center; padding-top:50px; margin-top:50px;   border-top:2px solid #f5f5f5;

}
.footer .website h1 {
    color: #243a7b;
    text-align: center;
    margin-bottom: 30px;
    font-size: 50px;
}
.footer .website .item {
    float:left;
    width:50%;
}
.footer .website .item.text-left {
    text-align:left;
}
.footer .website .item.text-right {
    text-align:right;
}

.footer .contact {
    padding-top:50px; margin-top:50px;   border-top:2px solid #f5f5f5;
}
.footer .contact h1 {
    color: #243a7b;
    text-align: center;
    margin-bottom: 30px;
    font-size: 50px;
}
.footer .contact i {
    position:relative;
    top:2px;
}
.footer .contact .mail,
.footer .contact .whatsapp,
.footer .contact .phone {
    width:200px;
    height:50px;
    text-align:center;
    border-radius:30px;
    margin:0px auto;
}
.footer .contact .mail a,
.footer .contact .whatsapp a,
.footer .contact .phone a {
  line-height:48px;
    text-decoration:none;
    color:#fff;
    font-weight:600;
    width:100%;
    display:inline-block;
}


.footer .contact .mail {background:#d93025;}
.footer .contact .whatsapp {background:#4CAE20;}
.footer .contact .phone {background:#2f4fad;}



@media only screen and (max-width: 768px) {
    .header .version h3 {font-size:20px; line-height:20px;}
    .header .version {padding-top:30px;}
    .header {height:auto;}
    .price {margin:0px; width:100%;}
    .price img { width:100%;}
    .price {margin:0px; margin-top:35px;}
    .substances {margin:0px; margin-top:-35px; height:auto; padding-bottom:50px;}
    .substances:before {display:none;}
    .footer .payments .item img {width:100%;}
    .footer .website .item img {width:100%;}
    .features .item { float:left; margin:0px; height:auto; margin-bottom:10px;}
    h1 {font-size:30px !important;}
    .all-features .item .text {width:calc(100% - 50px); font-size:16px; padding-top:12px; padding-left:15px;}
    .substances-items ul li i {font-size:25px; top:4px;}
    .substances-items ul li {font-size:20px;}
    .header .button {padding-top:0px;}
    .all-features .item .icon {width:50px; margin:0px;}
    .all-features .item .icon img {width:100%;}
    .footer .contact .col-md-4 {width:50%; margin-bottom:30px;}
    .footer .contact .col-md-4:last-child {margin:0px auto;}
    .footer .contact .mail, .footer .contact .whatsapp, .footer .contact .phone {width:100%;}
    .about-us .text .item p {font-size:14px;}
    .features .item.special {border:none;}
}