* {
	box-sizing: border-box;
}
:root{
	--primaryColor:#000000;
	--secondaryColor:#ED2F59;
}
body {
  margin: 0;
  font-family: "Lato", sans-serif;
  overflow-x: hidden;
  background:var(--primaryColor);
  font-size:15px; line-height:24px;
}
.lato-thin {
	  font-family: "Lato", sans-serif;
	  font-style: normal;
	}
ul {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
h1, h2, h3, p {
	margin: 0;
}
button {
	cursor: pointer;
}
.clear {
	clear: both;
}
.container { width:90%;
	margin: 0 auto; max-width:1300px;
}
.container::after {
    content:'';
	clear: both;
	width: 100%;
}

header{ display:flex; justify-content:space-between; align-items:center; width:90%; margin:0 auto; padding:30px 0;}
.site-logo{ text-transform:uppercase; width:100px;}
.site-logo img{ max-width:100%;}
.site-logo a{ color:var(--secondaryColor); font-size:33px; font-weight:900;}
.navbar{ display:flex; justify-content:flex-end; align-items:center; gap:30px;}
.navbar a{ color:#fff; display:inline-block; font-weight:600;}
.navbar a:hover{background:var(--secondaryColor); border-radius:25px; padding:3px 10px;}
.navbar a.nav-link-active{ background:var(--secondaryColor); border-radius:25px; padding:3px 10px;}
	.bg-banner{ position:relative; z-index:1; height:520px; overflow:hidden;}
	
	.overlay{ background:rgba();  position:absolute; z-index:2; height:100%; width:100%; top:0; left:0; display:flex; justify-content:space-between; align-items:center; }
	.banner-content{color:#fff; width:50%; margin-left:5%;}
	.banner-content h1{ color:var(--secondaryColor); font-size:44px; line-height:55px; font-weight:900;}
	.cta-secondary-btn{ background:var(--secondaryColor); border-radius:25px; color:#fff; padding:10px 35px; display:inline-block; margin-top:20px; text-transform:uppercase; font-size:18px; font-weight:700;}
	.banner-txt{ font-size:18px; line-height:26px; margin-top:10px;}
.menu-icon{ display:none;}	
.nav-active{
    
}
@media (min-width: 1400px) {
    .bg-banner video{ width:100%;}
    
}
@media (max-width: 768px) {
 .navbar{ 
        display:none;
        position: absolute;
        right:0;
        top:80px;
        height: 100vh;
        width: 50%;
        background-color: var(--primaryColor);
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding:20px;
        transition: right 0.3s ease; 
        z-index:300;
 }
 .navbar.nav-active {
        right: 0; display:block;
    }
.navbar.nav-active a{ display:block; margin-bottom:10px;} 
.navbar a.nav-link-active{ width:120px; text-align:center;}
.menu-icon{
    display:block;
    color: #fff;
    font-size: 28px; padding:10px 12px;
    cursor: pointer; background-color: var(--secondaryColor);}
}
@media (max-width:600px){
    header {
        padding: 15px 0; 
    }
    .navbar{width:280px; top:60px;}
    .bg-banner {
        position: relative;
        z-index: 1;
        height: 420px;
        overflow: hidden;
    }
    .banner-content h1{ font-size:33px; line-height:44px;}
    .banner-content {
        color: #fff;
        width:90%;
        margin-left: 5%;
    }
    .menu-icon{
        display:block;
        color: #fff;
        font-size: 28px; padding:7px 10px;
        cursor: pointer; 
        background-color:var(--secondaryColor);
    }
}
.search-container{ color:#fff; text-align:center; padding:50px 0;}
	.search-container h2{color:var(--secondaryColor); font-size:44px; line-height:55px; font-weight:900;}
	.search-container p{ font-size:20px; font-weight:500;}
	.form-container{ width:60%; margin:20px auto 0 auto;}
	.form-container form{ display:flex; justify-content:space-between; align-items:center; width:100%; border:2px solid var(--secondaryColor); border-radius:25px; padding:7px 7px 7px 10px;}
	.form-container button{ font-size:24px; width:50px; text-align:right; background:none; outline:none; border:0; color:var(--secondaryColor);}
	.form-container input::placeholder { color:#fff;}
	.form-container input{ font-size:17px; color:#fff; width:calc(100% - 50px); background:none; outline:none; border:0;}
@media (max-width:600px){
    .search-container h2{font-size:33px; line-height:44px;}
    .search-container p{ font-size:17px; font-weight:500;}
    .form-container{ width:90%;}
}	
/*.section-col-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

.flex-image {
    display: flex;
    justify-content: center;
    align-items: center;
}
*/
.flex-image{ width:200px;}
.flex-image img {
    max-width: 100%;
    height: auto;
    display: block;
}

@media (max-width: 600px) {
    /*.section-col-grid {
        display: flex;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .flex-image {
        flex: 0 0 auto;
        margin-right: 10px; width:120px;
    }*/
}
.columns-2{ display:flex; justify-content:space-around; align-items:center; margin:50px 0;}
.column-h2{color:var(--secondaryColor); font-size:44px; line-height:55px; font-weight:900;}

@media (max-width: 600px) {
    .columns-2{flex-wrap:wrap;}
    .column-h2{font-size:33px; line-height:44px; margin-bottom:30px;}
    .col-6{ width:100%;}
    .col-6 img{ max-width:100%;}
}
	.section-title{ text-align:center; margin:50px 0;}
	.section-title h2{color:var(--secondaryColor); font-size:44px; line-height:55px; font-weight:900;}
	.section-title p{ font-size:18px; color:#fff;}
	.packages{border:2px solid var(--secondaryColor); border-radius:25px; padding:0 30px; margin:0 2%;}
	.package{ display:flex; justify-content:space-between; align-items:center; color:#fff; gap:30px; font-size:18px; border-bottom:2px solid #fff; padding:30px 0;}
	.package-price{ width:100px;}
	.package-tip{ width:20%;}
	.package-cta{ width:30%; display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap;}
	.buynow-btn{width:100%; text-align:right; margin-bottom:10px; font-size:16px;}
	.package-cta a{ display:inline-block; background:var(--secondaryColor); padding:5px 0px; width:150px; text-align:center;
	font-weight:700; border-radius:25px; color:#fff; }
	.dollar-price{color:var(--secondaryColor); font-size:40px; font-weight:900; margin-top:10px;}
	.package-tip-1 i{color:var(--secondaryColor); display:inline-block; margin-right:5px;}
	.package-border{border:1px solid var(--secondaryColor); margin:8px 0 8px 20px;}
	.devices-icons i{ display:inline-block; margin-left:20px;}
@media (max-width: 600px) {
    .package{ flex-direction: column;}
    .package-price{ width:100%;}
	.package-tip{ width:100%;}
	.package-cta {width: 100%; justify-content: center;}
	.buynow-btn {text-align: center;}
}
.columns-3{ display:flex; justify-content:space-around; align-items:stretch; color:#fff; text-align:center;}
		.col-3-1{ width:30%; padding:0 30px;}
		.card-title-3{ font-size:24px; font-weight:700; margin:20px 0;}
		.card-txt-3{ font-size:17px; margin-bottom:20px; line-height:24px;}
		.col-3-2{ border-right:2px solid #fff; border-left:2px solid #fff;}
@media (max-width: 600px) {
    .section-title h2{font-size:33px; line-height:44px;}
    .columns-3{ flex-wrap:wrap;}    
    .col-3-1{ width:100%;}
    .col-3-2{ border:2px solid rgba(255,255,255, 0.3); padding:30px; border-radius:25px;}
}	
.bg-gray{ background:#1E1E1E;}
	.full-column-2{ display:flex; justify-content:space-between; align-items:center; margin:50px 0;}
	.full-column-2 h2{ font-size:28px; color:#fff;}
	.col-left{ width:50%;}
	.col-right{ width:45%;}
	.flex-banner-3{ display:flex; justify-content:flex-end; align-items:center;}
	.flex-1{ width:30%;}
	.flex-1 img{ max-width:100%;}
	.section-title h3{ color:#fff; font-size:28px;}
	.columns-4{ display:flex; justify-content:space-around; align-items:stretch;}
	.service-col-4{ background:var(--secondaryColor); padding:20px; border-radius:15px; width:22%; text-align:center; color:#fff; }
	.service-title{ font-size:24px; font-weight:700; margin:10px 0;}
	.service-des{ line-height:20px;}
@media (max-width: 600px) {
    .full-column-2{ flex-wrap:wrap;}
    .col-left{ width:100%;}
	.col-right{ width:100%;}
	.flex-banner-3{justify-content:center;}
	.columns-4{ flex-wrap:wrap;}
	.service-col-4{ width:100%; margin-bottom:30px;}
}
.faqs-container{ width:87%; margin:50px auto;}
.faqs-container h2{ color:var(--secondaryColor);  font-size:28px; font-weight:900; text-align:center; margin-bottom:30px;}
.accordions{ display:flex; justify-content:space-between; align-items: flex-start; flex-wrap:wrap;}
.q-col{ width:48%; margin-top:20px;}
.accordion {
  color:rgba(255,255,255,0.7);
  background:rgba(255,255,255,0.1);
  cursor: pointer;
  padding:12px 50px 12px 15px; border-radius:5px;
  width:100%;
  border: none;
  text-align: left;
  outline: none;
  font-size:15px;
  font-weight:500;
  transition: 0.4s;
  border-bottom:0px solid var(--secondaryColor);
  position:relative;
}
.accordion::after {
  content: '\f078';
  font-family: 'fontawesome';
  font-weight: 900;
  font-size: 14px; 
   color:var(--secondaryColor);
  vertical-align: middle;
  position:absolute; right:20px;
}
.active, .accordion:hover {
  color:var(--secondaryColor); 
}
.panel {
  padding: 20px 0px; font-size:15px; line-height:28px;
  display: none;
color:rgba(255,255,255,0.7);
  overflow: hidden;
}
@media (max-width: 600px) {
    .faqs-container h2{font-size:24px; line-height:33px;}
    .q-col{ width:100%; margin-top:20px;}
    
}
	footer{width:86%; margin:0px auto;}
	.images-3{ display:flex; justify-content:space-between; align-items:center;}
	.image-3{ width:25%;}
	.image-3 img{ max-width:100%;}
	.cta-card{ display:flex; justify-content:space-between; align-items:center; background:rgba(255,255,255,0.1); border-radius:60px; padding:10px 10px 10px 20px; margin:50px 0; }
	.cta-title{ width:70%;}
	.cta-button-footer{ width:200px; text-align:right;}
	.cta-button-footer a{ margin:0;}
	.cta-card h2{color:var(--secondaryColor); font-size:17px; line-height:28px; font-weight:600; }
    .bottom-footer{ display:flex; justify-content:space-between; align-items:stretch; color:#fff; padding-bottom:20px;}
			.bottom-col-1{ width:50%;}
			.bottom-col-2{ width:40%; display:flex; justify-content:space-between; align-items:stretch; }
			.bottom-footer a{ color:#fff;}
			.social-icons{ margin-bottom:20px;}
			.social-icons i{ font-size:24px; display:inline-block; margin-right:10px;}
			.btc-title{ font-size:20px; font-weight:700; margin-bottom:20px;}
			.btc-2 a{ display:block;}
@media (max-width: 600px) {
   footer{width:90%; margin:0px auto;} 
   .cta-card{ flex-wrap:wrap;}
   .cta-title{ width:100%; font-size:33px;}
   .cta-card h2 { font-size:22px; font-weight:600; text-align:center;}
   .cta-button-footer{ width:200px; text-align:right; margin:20px auto;}
   .bottom-footer{ flex-wrap:wrap;}
   .bottom-col-1{ width:100%;}
   .bottom-col-2 { width:100%;}
   .social-icons {
        margin-bottom: 20px;
        text-align: left;
    }
    .btc-2{ width:50%;}
}