html, body {overflow-x: hidden;}
body{color: #212326;background: #000;font-family: 'Gotham-Book';}
section {overflow: hidden;}
h1, h2, h3, h4, h5, h6, p {color: #212326;}
p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}
a {display:inline-block;text-decoration:none !important;transition:ease-in-out 0.2s;}
button{outline:none !important;}
img {max-width:100%;}
::placeholder {color:#ccc !important;}
.container {
    max-width: 1150px;
}
.white_txt {color:#fff !important;}
.gray_txt {color:#666 !important;}
.purple_txt {color:#5b2ce0 !important;}
.gradient_txt {
	color:#666 !important;
	background: -webkit-linear-gradient(#1262b4, #7112f1);
	background: -webkit-linear-gradient(360deg, #1262b4, #7112f1 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.light_font {font-family: 'Gotham-Light';}
.med_font {font-family: 'Gotham-Medium';}
.bold_font {font-family: 'Gotham-Bold';}
/* header CSS start here */
.header_sec {
    z-index: 99;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    background: #000;
    padding: 30px 0;
}
.darkheader {
    position: fixed;
}
.header_sec .navbar-toggler {
    background: #fff;
}
.header_sec .navbar {
    background: none !important;
    padding: 0;
}
.navbar-brand {
    margin: 0;
    padding: 0;
    max-width: 92px;
}
.header_sec .navbar-expand-lg .navbar-nav li {
    padding:0 15px;
}
.header_sec .navbar-expand-lg .navbar-nav li:last-child {
    padding-right: 0;
    border-left: 1px solid #666;
}
.header_sec .navbar-expand-lg .navbar-nav .nav-link {
    padding: 0;
    color: #fff;
    font-size: 20px;
	line-height: 16px;
}
.login_txt {
    color: #0d69bf !important;
}
/* header CSS end here */
/* Banner CSS start here */
.bnr_sec {
    padding: 20px 0 130px;
}
.bnr_box h2 {
    line-height: 1.04em;
    font-size: 40px;
}
.bnr_box h3 {
    font-size: 31px;
    line-height: 33px;
}
.bnr_box h4 {
    font-size: 21px;
    margin: 30px 0;
    line-height: 27.4px;
}
.bnr_box p {
    font-size: 20px;
    margin-bottom: 30px;
    line-height: 27.4px;
}
.gradient_btn {
	border:2px solid;
	border-image: linear-gradient( to bottom, #111111, #7211f2, #1262b4, #111111 ) 1 100%;
	-webkit-border-image: linear-gradient( to bottom, #111111, #7211f2, #1262b4, #111111 ) 1 100%;
	padding:0 10px;
	display:inline-block;
}
.btn {
    border-radius: 10px;
    color: #1281e9;
    font-size: 18px;
    letter-spacing: 1.5px;
    padding: 6px 15px;
    min-width: 124px;
}
/* Banner CSS end here */
/* Brand-sec CSS start here */
.brand_sec {
    background: #0c0a0d;
    padding: 35px 0 50px;
}
.sec_head {
    font-size: 30px;
    margin-bottom: 50px;
}
/* Brand-sec CSS end here */
/* Buy-sec CSS Start here */
.buy_sec {padding: 80px 0 75px;}
.buy_sec .container {max-width: 1035px;}
.buy_sec .row {margin: 0 -30px;}
.buy_sec .row > div {
    padding: 0 30px;
    margin-bottom: 90px;
}
.heading_box h3 {
    background: -webkit-linear-gradient(400deg, #96caff, #640fd4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-size: 37px;
}
.heading_box span {
    margin: 10px 0;
}
.heading_box p {
    color: #787878;
    font-size: 31px;
    line-height: 39px;
    margin: 0 auto 40px;
    max-width: 650px;
}
.buy_sec .heading_box p {
    max-width: 400px;
    margin: 0 auto 65px;
}
.buy_box {
    border-radius: 10px;
    background-color: rgb(32, 32, 32);
    margin-bottom: 10px;
}
.buy_img {
    background: #000;
    height: 220px;
    padding: 15px 0;
    border: 2px solid;
    -webkit-border-image: linear-gradient(to left, #111111 1%, #1262b4 50%, #7211f2, #111111 100%) 100% 0 100% 0/2px 0 2px 0 stretch;
    border-image: linear-gradient(to left, #111111 1%, #1262b4 50%, #7211f2, #111111 100%) 100% 0 100% 0/2px 0 2px 0 stretch;
}
.buy_img img {
    max-height: 100%;
}
.buy_txt {
    padding: 15px 15px 20px;
    min-height: 258px;
}
.buy_txt h4 {
    font-size: 20px;
    margin-bottom: 20px;
}
.buy_list h5 {
    font-size: 17px;
    margin: 0;
}
.buy_list ul {
    padding-left: 18px;
    margin:0;
}
.buy_list li {
    font-size: 14px;
}
.buy_list li span {
    font-size: 17px;
    line-height: 23px;
}
.mini_mum {
    position: absolute;
    right: 10px;
    bottom: 2px;
}
.purple_btn {
    background: #4719b1;
    color: #fff;
    border-radius: 5px;
    padding: 6px 3px;
}
.price_box h3 {
    font-size: 26px;
    line-height: normal;
}
.price_gradient {
    background: -webkit-linear-gradient(320deg, #1262b4, #640fd4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.price_box span {
    font-size: 13.6px;
    line-height: normal;
}
.buy_img span {
    font-size: 26px;
    text-align: center;
    line-height: 32px;
}
/* Buy-sec CSS end here */

/* Why-sec CSS start here */
.dna_list li {
    color: #fff;
    font-size: 26px;
    background: url(../images/bullet.png) no-repeat;
    background-position: center left;
    padding-left: 70px;
}
.counter_sec {
    padding: 120px 0 40px;
}
.cyan_txt {color: #76b5ed;}
.cyanD_txt {color: #287ec0;}
.count_box h2 {
    font-size: 59px;
    margin: 0;
}
.count_box h5 {
    font-size: 19px;
    margin: 0;
}
/* Why-sec CSS end here */

/* Contact-sec CSS start here */
.contact_sec {
    background-image: -moz-linear-gradient( 87deg, rgb(6,14,28) 0%, rgb(1,3,5) 100%);
    background-image: -webkit-linear-gradient( 87deg, rgb(6,14,28) 0%, rgb(1,3,5) 100%);
    background-image: -ms-linear-gradient( 87deg, rgb(6,14,28) 0%, rgb(1,3,5) 100%);
    padding: 50px 0 20px;
}
.contact_sec .heading_box h3 {
    background: none;
    -webkit-text-fill-color: #fff;
    font-size: 31px;
}
.contact_sec .heading_box p {
    max-width: 100%;
}
.contact_form {
    max-width: 950px;
    margin: 0 auto;
}
.contact_form .form-group {
    margin-bottom: 25px;
}
.contact_form label {
    font-size: 19px;
    color: #ccc;
    margin-bottom: 8px;
}
.contact_form .form-control {
    border-radius: 3px;
    height: 57px;
    background: none;
    color: #fff;
    font-size: 16px;
    border: 2px solid;
    border-image-slice: 1;
    border-image-source: -webkit-linear-gradient(to left, #1262b4, #7211f2);
    border-image-source: linear-gradient(to left, #1262b4, #7211f2);
}
.contact_form textarea {
    height: 192px !important;
}

.custom_form {
    max-width: 950px;
    margin: 0 auto;
}
.custom_form .form-group {
    margin-bottom: 25px;
}
.custom_form label {
    font-size: 19px;
    color: #ccc;
    margin-bottom: 8px;
}
.custom_form .form-control {
    border-radius: 3px;
    height: 57px;
    background: none;
    color: #fff;
    font-size: 16px;
    border: 2px solid;
    border-image-slice: 1;
    border-image-source: -webkit-linear-gradient(to left, #1262b4, #7211f2);
    border-image-source: linear-gradient(to left, #1262b4, #7211f2);
}
.custom_form textarea {
    height: 100px !important;
}
/* Contact-sec CSS end here */
/* Footer-sec CSS start here */
.footer_sec {padding: 30px 0 15px;}
.footer_text p, .footer_text p a {
    font-size: 12px;
    color: #ccc;
    margin: 0;
}
.footer_text p .cyan_txt {
    color: #4aa4e7;
}
.footer_text .copy_right {
    border-top: 1px solid #949494;
    padding-top: 7px;
    margin-top: 7px;
}
.copy_right a:not(:last-child) {
    margin-left: 35px;
}
/* Footer-sec CSS end here */