* {
	font-family: "Rubik", sans-serif;
	box-sizing: border-box;
}
html,
body {
	margin:0;
	padding: 0;
}
a, a:focus, a:active {
	outline: none;
	text-decoration: none;
}
li {
	list-style: none;
}
h1,h2,h3,h4,h5,h6, ol, ul {
	margin:0;
	padding:0;
}
h1 {
	font-size: 42px;
	font-weight: 600;
	color:#333D3D;
}
h2 {
	font-size: 36px;
	font-weight: 700;
	color: #333D3D;
}
h4 {
	font-size: 28px;
	font-weight: 600;
	color: #333D3D;
}
h4 {
	font-size: 24px;
	font-weight: 600;
	color: #333D3D;
}
h5 {
	font-size: 20px;
	font-weight: 600;
	color: #333D3D;
}
h6 {
	font-size: 16px;
	font-weight: 600;
	color: #333D3D;
}
p {
	font-size: 16px;
	color: #797979;
	line-height: 28px;
}
input[type='text'],
input[type='email'],
input[type='tel'],
textarea,
select {
	color:#797979;
	font-size: 16px;
	padding: 0 20px;
	border:none;
	border-radius: 15px;
	margin-bottom: 20px;
	background: #fff;
	height: 52px;
	width: 100%;
	box-shadow: 0px 5px 15px 0px rgba(196,196,196,0.4);
}
textarea {
	padding: 20px;
	height: 120px;
	resize: none;
}
.theme-btn,
button {
	display: inline-block;
	cursor: pointer;
	border:none;
	margin-top:20px;
	padding:16px 40px;
	color:#fff;
	font-size: 16px;
	border-radius: 50px;
	background: #9CD0F7;
	background: linear-gradient(90deg, rgba(156, 208, 247, 1) 0%, rgba(0, 102, 204, 1) 100%);
	box-shadow: 0px 5px 15px 0px rgba(196,196,196,0.4);
	transition: all .3s ease;
}
.theme-btn:hover {
    transform: translateY(-3px);
}
.theme-color { color:#0066CC; }
/** Common Classes **/
.align-center {
	align-items: center;
}
.gap {
	padding: 100px 0;
}
.remove-top {
	padding-top: 0;
}
.remove-bottom {
	padding-bottom: 0;
}
.grey {
	background:#F2F2F2;
}
.text-center {
	text-align: center;
}
.full-width {
	width: 100%;
	display: inline-block;
}
.grey-text { color: #797979; }
.align-right { text-align: right; }
.pt-30 { padding-top: 30px; display: inline-block; width: 100%; }
.pt-80 { padding-top: 80px; display:inline-block; }
.pb-50 { padding-bottom: 50px; }
.mb-30 { margin-bottom: 30px }
.reveal,
.reveal-left,
.reveal-right,
.stagger-item {
    will-change: transform, opacity;
}
/** Header **/
header.sticky {
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transform: translateY(0);
    animation: slideDown 0.4s ease;
	background: #fff;
	box-shadow: 0px 5px 15px 0px rgba(196,196,196,0.4);
	transition: all 0.4s ease;
}
header.sticky .header {
	border-bottom:0;
}
@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}
.header {
	border-bottom: 1px solid #0066CC;
	padding: 20px 0;
}
nav {
	text-align: right;
}
nav ul {
	display: inline-flex;
}
nav ul li {
	padding: 0 40px;
}
nav ul li:last-child {
	padding-right: 0;
}
nav ul li a {
	color:#333D3D;
	font-size: 16px;
	display: inline-block;
}
/** Home Page **/
.home-banner {
	width: 90%;
}
.home-banner h2 span {
	display: inline-block;
	width: 100%;
	color:#0066CC;
}
.home-banner p {
	padding-bottom: 20px;
}
.home-banner ul {
	width: 100%;
	display: inline-flex;
	gap:10px;
}
.banner-img {
	text-align: right;
}
.about-leptostack {
	padding-bottom: 40px;
	margin-bottom: 40px;
	width: 100%;
	display: inline-flex;
	border-bottom: 1px solid #0066CC;
}
.about-title {
	width: 42%;
	padding-top: 10px;
}
.about-title span {
	display: inline-block;
	width: 100%;
	padding-top: 10px;
	color:#0066CC;
	font-size: 20px;
}
.about-desc {
	width: 68%;
}
.feat-carousel {
	display: inline-block;
	width: 100%;
}
.feat-carousel .slick-slide > div {
    margin: 0 15px;
}
.feat-carousel .slick-list {
    margin: 0 -15px;
}
.feat-box {
	padding: 50px 30px;
	border-radius: 30px;
	background: #fff;
	box-shadow: 0px 5px 15px 0px rgba(196,196,196,0.4);
	height: 620px;
}
.img-wrapper {
	height: 200px;
}
.feat-box img {
	display: flex;
	margin: 0 auto;
}
.feat-box h5 {
	padding-top: 20px;
}
.feat-box ul {
	padding-top: 20px;
	padding-left: 10px;
}
.feat-box ul li {
	list-style: disc;
	color:#797979;
	font-size: 14px;
	line-height: 22px;
	padding-bottom: 20px;
}
.feat-box p {
	font-size: 14px;
	line-height: 22px;
}
.feat-box span {
	display: inline-block;
	font-size: 14px;
	color:#292929;
}
.try-lapto {
	text-align: center
}
.funfact-title {
	padding: 60px 0;
}
.funfact-title span {
	color:#0066CC;
}
.funfact-list {
    padding: 60px 0;
    display: flex;
    justify-content: center;
}
.funfact strong {
	display: inline-block;
	width: 100%;
	color: #0066CC;
	font-weight: 700;
	font-size: 60px;
}
.eco-system-list,
.eco-system {
	padding-right: 40px;
}
.eco-system p {
	color: #797979;
	padding-top: 20px;
}
.eco-system-list li {
	list-style: disc;
}
.eco-system-list li p {
	font-size: 15px;
}
.lepto-usecase {
	margin-top: 50px;
	padding: 0 50px;
	text-align: center;
	background: #fff;
	border-radius: 15px;
	box-shadow: 0px 5px 20px 0px rgba(196,196,196,0.4);
	height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.lepto-usecase h6 {
	padding-top: 10px;
}
/** Services Page **/
.page-banner {
	padding-bottom: 60px;
	display: inline-block;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #0066CC;
}
.page-banner p {
	margin: 0 auto;
	width: 70%;
	padding-top: 20px;
	padding-bottom: 30px;
}
.page-banner ul {
	width: 100%;
	display: inline-flex;
	gap:10px;
	justify-content: center;
}
.work-box {
	padding: 50px; 
	margin-bottom: 30px;
	display: inline-flex;
	width: 100%;
	gap: 30px;
	align-items: center;
	background: #fff;
	border-radius: 15px;
	box-shadow: 0px 5px 20px 0px rgba(196,196,196,0.4);
}
.side-tabs {
	margin-top: 50px;
	display: inline-flex;
	align-items: center;
	width: 100%;
}
.sidetab-btns {
	display: inline-block;
	width: 50%;
}
.sidetab-btns li {
	margin-bottom: 30px;
	position: relative;
}
.sidetab-btns li a {
	font-size: 16px;
	display: inline-block;
	color:#333D3D;
	padding-left: 50px;
	position: relative;
	transition: all 0.3s ease-in;
}
.sidetab-btns li a:before {
	content: '';
	position: absolute;
	left: 0;
	top:calc(50% - 7px);
	border:1px solid #333D3D;
	width: 12px;
	height: 12px;
	border-radius: 10px;	
	transition: all 0.3s ease-in;
}
.sidetab-btns li a:after {
	content: '';
	position: absolute;
	opacity: 0;
	left: 5.5px;
	top:calc(50% - 2.5px);
	width: 4px;
	height: 4px;
	background: #333D3D;
	border-radius: 6px;
	transition: all 0.3s ease-in;
}
.sidetab-btns li a:hover {
	color:#0066CC;
}
.sidetab-btns li a:hover:before {
	border-color:#0066CC;
}
.sidetab-btns li a:hover:after {
	opacity: 1;
	background:#0066CC;
}
.sidetab-body {
	width: 50%;
}
.sidetab-content {
	padding: 50px;
	display: inline-flex;
	align-items: center;
	gap: 50px;
	background: #fff;
	box-shadow: 0 5px 20px 0 #C4C4C466;
	border-radius: 25px;
}
.tabbox h6 {
	color:#0066CC;
	padding-bottom: 20px;
}
.tabbox ul {
	padding-left: 20px;
}
.tabbox li {
	width: 100%;
	color:#797979;
	font-size: 14px;
	padding-bottom: 15px;
	list-style: disc;
}
/** contact Page **/
.contact-inquiry span {
	display: inline-block;
	color:#797979;
	font-size: 15px;
	padding-bottom: 20px;
}
.contact-inquiry ul {
	display: inline-block;
	width: 100%;
}
.contact-inquiry ul li {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    padding-bottom: 10px;
}
.contact-inquiry ul li p {
	font-size: 14px;
	margin: 0;
	padding: 0;
}
.form-wraper {
	display: inline-flex;
	width: 100%;
	box-shadow: 0 4px 20px 0 #C4C4C466;
	border-radius: 15px;
	border:1px solid #333D3D;
	overflow: hidden;
}
.contact-info {
	width: 35%;
	padding: 50px;
	background: #fff;
	border-right:1px solid #333D3D;
}
.contact-info p {
	color:#797979;
	margin:0;
	padding-top: 10px;
	font-size: 15px;
}
.contact-info ul {
	display: inline-block;
	width: 100%;
}
.contact-info ul li {
	display: inline-flex;
	align-items: center;
	gap: 30px;
	width: 100%;
	padding-top: 60px;
}
.info-detail h5 {
	color:#333D3D;
	padding-bottom: 10px;
}
.info-detail a {
	display: inline-block;
	font-size: 16px;
	color:#797979;
}
.fancy-form {
	width: 65%;
	padding: 50px;
}
.fancy-form > p {
	margin: 0;
	padding: 0;
	font-size:15px;
	padding-top: 10px;
	padding-bottom: 20px;
}
.fancy-form form p {
	margin:0;
	padding:0;
}
/** Demo Page **/
.dtabs-head {
	display: inline-flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	border-radius: 75px;
	padding: 10px;
	box-shadow: 0px 5px 20px 0px #C4C4C466;
}
.dtabs-head li {
	padding: 0 15px;
}
.dtabs-head li a {
	padding: 20px;
	display: inline-block;
	border-radius: 50px;
	color: #797979;
	transition: all 0.3s ease-in;
}
.dtabs-head li.active a,
.dtabs-head li a:hover {
	color:#fff;
	background: #0066CC;
}
.dtab-body {
	padding: 30px 40px;
	margin-top: 30px;
	border-radius: 15px;
	background: #fff;
	box-shadow: 0px 5px 20px 0px #C4C4C466;
}
.dtab-content span {
	padding-top: 5px;
	display: inline-block;
	width: 100%;
	color:#797979;
}
.dtab-col {
	margin-top: 40px;
	display: inline-flex;
	width: 100%;
	justify-content: space-between;
}
.demo-detail {
	width: 50%;
}
.demo-detail strong {
	display: inline-block;
	width: 100%;
	padding: 5px 0;
	color:#333D3D;
}
.demo-detail ul.styled {
	padding-left: 20px;
	padding-top: 20px;
}
.demo-detail ul.styled li {
	width: 100%;
	padding-bottom: 10px;
	list-style: disc;
	color: #797979;
	font-size: 14px;
}
.key-words {
	margin-top: 20px;
}
.key-words li {
	display: inline-block;
	padding-bottom: 5px;
	padding-right: 5px;
}
.key-words li a {
	font-size: 13px;
	color:#fff;
	display: inline-block;
	padding: 10px 16px;
	background: #0066CC;
	border-radius: 50px;
}
/** About Page **/
.iconic-box {
	padding: 30px;
	text-align: center;
	display:inline-block;
	width: 100%;
	background: #fff;
	border-radius: 15px;
	box-shadow: 0px 5px 20px 0px rgba(196,196,196,0.4);
	height: 200px;
}
.iconic-box h6 {
	padding-top: 15px;
}
.warning-info {
	padding: 7px 30px;
	margin-top: 30px;
	display: inline-flex;
	width: 100%;
	gap: 20px;
	border-radius: 15px;
	background: #fff;
	box-shadow: 0px 5px 20px 0px rgba(196,196,196,0.4);
}
.warning-info p {
	font-size: 14px;
}
.fancy-box {
	padding: 30px;
	border-radius: 15px;
	background: #fff;
	box-shadow: 0px 5px 20px 0px rgba(196,196,196,0.4);	
	height: 240px;
}
.fancy-box.large {
	height: 310px;
}
.fancybox-icon {
	display: inline-flex;
	align-items: center;
	gap: 15px;
	width: 100%;
}
.fancy-box span {
	font-size:14px;
	font-weight: 500;
	display: inline-block;
	width: 100%;
	padding-bottom: 20px;
	color: #333D3D;
}
.fancy-box ul {
	padding-left: 20px;
}
.fancy-box li {
	font-size: 14px;
	list-style: disc;
	width: 100%;
	color: #797979;
	padding-bottom: 10px;
}
.build-process {
	position: relative;
	display: inline-flex;
	width: 100%;
	align-items: start;
	justify-content: space-between;
}
.build-icon {
	flex: 1;
	width: 20%;
	text-align: center;
	display: inline-block;
}
.build-icon span {
	width: 100%;
	position: relative;
	display: inline-block;
	z-index: 1;
}
.build-icon span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    height: 14px;
    width: 14px;
    border-radius: 14px;
    background: #0066CC;
    margin-left: -7px;
    margin-top: -7px;
}
.build-icon:nth-child(2) span:before {
	content: '';
	display: none;
}
.build-icon p {
	font-size: 14px;
	line-height: 20px;
	color: #333D3D;
}
.process-line {
    position: absolute;
    left: 80px;
    right: 80px;
    top: 52px;
    height: 2px;
    z-index: 1;
}
.process-line-fill{
    width:0%;
    height:100%;
    background:#0d6efd;
}
.about-micronisus {
	text-align: center;
}
.about-micronisus h2 {
	color:#fff;
	padding-top: 20px;
	padding-bottom: 25px;
}
.about-micronisus p {
	color:#b1b1b1;
	width: 75%;
	margin: 0 auto;
}
/** Footer **/
footer {
	background: #F2F2F2;
	padding: 100px 0;
}
.about-widget span {
	display: inline-block;
	width: 100%;
	color:#0066CC;
}
.about-widget p {
	width: 60%;
}