:root {
--icon-filter-light:invert(1);
--icon-filter-dark:invert(0)
}

body.dark-mode {
background-color:#181818;
color:#e0e0e0
}

.text-black-custom {
color:#000!important
}

.text-muted-custom {
color:#6c757d!important
}

.dark-mode .text-black-custom {
color:#f1f1f1!important
}

.dark-mode .text-muted-custom {
color:#ccc!important
}

body {
color:gray;
font-weight:400;
font-size:1rem;
line-height:1.7
}

.container {
max-width:100%;
padding:0 20px;
overflow:hidden
}

@media (min-width: 1200px) {
.container {
max-width:1140px
}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
.container {
max-width:960px
}
}

@media (min-width: 768px) and (max-width: 991.98px) {
.container {
max-width:720px
}
}

@media (max-width: 767.98px) {
.container {
max-width:100%
}
}

.img-absolute {
max-width:100%;
height:auto;
position:absolute;
top:50%;
transform:translateY(-50%);
right:0;
width:50%
}

.header-buttons {
position:absolute;
top:50%;
right:20px;
transform:translateY(-50%);
display:flex;
gap:10px;
z-index:1000;
align-items:center
}

.site-navbar .site-navigation .site-menu {
margin-right:80px
}

.site-navbar {
padding-right:150px
}

@media (max-width: 991.98px) {
.header-buttons {
top:auto;
bottom:10px;
right:10px;
transform:translateY(0)
}

.site-navbar {
padding-right:20px
}
}

body.dark-mode .text-primary {
color:#007bff!important
}

body.dark-mode a.btn-primary {
background-color:#bb86fc;
color:#181818!important
}

body.dark-mode .btn-secondary {
background-color:#2e2e2e;
color:#e0e0e0!important
}

body.dark-mode .bg-light {
background-color:#242424!important
}

body.dark-mode .site-navbar {
background-color:#181818!important
}

body.dark-mode .lead {
color:#b3b3b3!important
}

body.dark-mode .ul-check li:before {
color:#bb86fc!important
}

body.dark-mode .unit-4 {
background-color:#2e2e2e!important
}

body {
line-height:1.7;
color:gray;
font-weight:400;
font-size:1rem
}

::selection {
background:#000;
color:#fff
}

a {
-webkit-transition:.3s all ease;
-o-transition:.3s all ease;
transition:.3s all ease
}

a:hover {
text-decoration:none
}

h1,h2,h3,.h1,.h2,.h3 {
font-family:"Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}

.bg-light {
background:#f6f6f6!important
}

.text-black {
color:#000!important
}

.site-wrap:before {
-webkit-transition:.3s all ease-in-out;
-o-transition:.3s all ease-in-out;
transition:.3s all ease-in-out;
background:#0009;
content:"";
position:absolute;
z-index:2000;
top:0;
left:0;
right:0;
bottom:0;
opacity:0;
visibility:hidden
}

.btn {
font-size:16px;
border-radius:30px;
padding:10px 30px
}

.btn:hover,.btn:active,.btn:focus {
outline:none;
-webkit-box-shadow:none!important;
box-shadow:none!important
}

.btn.btn-primary {
border-width:2px;
background:#4285f4;
border-color:#4285f4;
color:#fff;
position:relative;
top:0;
-webkit-transition:.3s all ease;
-o-transition:.3s all ease;
transition:.3s all ease;
-webkit-box-shadow:0 4px 20px -5px #4285f466;
box-shadow:0 4px 20px -5px #4285f466
}

.btn.btn-primary:hover {
top:-2px;
background:#4285f4;
border-color:#4285f4;
color:#fff;
-webkit-box-shadow:0 5px 30px -5px #4285f4b3!important;
box-shadow:0 5px 30px -5px #4285f4b3!important
}

.site-section {
padding:2.5em 0
}

body.dark-mode .site-logo a,body.dark-mode .site-navbar .nav-link,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode .h1,body.dark-mode .h2,body.dark-mode .h3,body.dark-mode p,body.dark-mode a,body.dark-mode .btn,body.dark-mode .dark-mode-text,body.dark-mode .section-title {
color:#e0e0e0!important
}

.text-primary,body.dark-mode .unit-4:hover h3,body.dark-mode .unit-4:hover p,body.dark-mode .unit-4:hover p a {
color:#242424!important
}

.dark-mode #features-section {
background-color:#242424
}

body.dark-mode .icon-wrap,body.dark-mode .unit-4:hover {
background-color:#bb86fc!important
}

@media (min-width: 768px) {
.site-section {
padding:5em 0
}
}

.ul-check {
margin-bottom:50px
}

.ul-check li {
position:relative;
padding-left:35px;
margin-bottom:15px;
line-height:1.5
}

.ul-check li:before {
left:0;
font-size:20px;
top:-.3rem;
font-family:"icomoon";
content:"\e5ca";
position:absolute
}

.ul-check.success li:before {
color:#8bc34a
}

.site-navbar {
margin-bottom:0;
z-index:1999;
position:absolute;
width:100%;
background:#fff
}

.site-navbar .site-logo {
position:relative;
left:0;
top:-5px
}

.site-navbar .site-navigation .site-menu {
margin-bottom:0
}

.site-navbar .site-navigation .site-menu .active {
color:#4285f4;
display:inline-block;
padding:15px 20px
}

.site-navbar .site-navigation .site-menu a {
text-decoration:none!important;
display:inline-block
}

.site-navbar .site-navigation .site-menu > li {
display:inline-block
}

.site-navbar .site-navigation .site-menu > li > a {
padding:15px 20px;
color:#000;
display:inline-block;
text-decoration:none!important
}

.site-navbar .site-navigation .site-menu > li > a:hover {
color:#4285f4
}

.img-absolute {
position:absolute;
bottom:0;
right:0;
top:60%;
-webkit-transform:translateY(-50%) translateX(30%);
-ms-transform:translateY(-50%) translateX(30%);
transform:translateY(-50%) translateX(30%)
}

.img-absolute img {
max-width:100%
}

@media (max-width: 991.98px) {
.img-absolute {
position:relative;
top:auto;
-webkit-transform:translateY(0%) translateX(0%);
-ms-transform:translateY(0%) translateX(0%);
transform:translateY(0%) translateX(0%);
margin-bottom:30px
}
}

.bg-light {
background:#ccc
}

.unit-4 {
padding:30px;
background:#f1f1f1;
border-radius:5px;
-webkit-transition:.3s all ease;
-o-transition:.3s all ease;
transition:.3s all ease;
position:relative;
top:0;
margin-bottom:4em;
padding-top:50px
}

.unit-4 .unit-4-icon {
position:absolute;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
left:50%;
top:-50px
}

.unit-4 .unit-4-icon .icon-wrap {
width:80px;
height:80px;
position:relative;
border-radius:50%;
display:inline-block;
background-color:#4285f4;
-webkit-box-shadow:0 4px 20px -5px #4285f466;
box-shadow:0 4px 20px -5px #4285f466
}

.unit-4 .unit-4-icon .icon-wrap span {
font-size:2rem;
position:absolute;
top:50%;
color:#fff!important;
left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}

.unit-4 h3 {
font-size:18px;
color:#000;
-webkit-transition:.3s all ease;
-o-transition:.3s all ease;
transition:.3s all ease
}

.unit-4 p {
font-weight:300;
-webkit-transition:.3s all ease;
-o-transition:.3s all ease;
transition:.3s all ease
}

.unit-4 :last-child {
margin-bottom:inherit
}

.unit-4:hover {
background:#4285f4;
-webkit-box-shadow:0 4px 20px -5px #4285f466;
box-shadow:0 4px 20px -5px #4285f466;
top:-7px
}

.unit-4:hover .icon-wrap {
background-color:#fff
}

.unit-4:hover .icon-wrap span {
color:#4285f4!important
}

.unit-4:hover p {
font-weight:300;
color:#ffffffb3
}

.h-entry img {
margin-bottom:30px
}

.h-entry .meta {
color:#b3b3b3;
font-size:14px
}

.h-entry h2 {
font-size:20px
}

.section-title {
color:#000;
font-size:40px;
font-weight:900
}

.unit-4:hover h3,.unit-4:hover p a {
color:#fff
}

@media (max-width: 991.98px) {
.section-title {
font-size:30px
}
}

.position-relative {
position:relative
}

.feature-big h2 {
font-size:40px;
font-weight:900;
margin-bottom:30px
}

.author-box {
-webkit-box-shadow:0 5px 15px -2px #0000001a;
box-shadow:0 5px 15px -2px #0000001a;
border-radius:4px;
padding:20px;
border:1px solid #eee;
border-left:10px solid #4285f4
}

.author-box :last-child {
margin-bottom:0
}

.author-box img {
max-width:50px
}

.author-box blockquote {
font-style:italic
}

.shadow {
-webkit-box-shadow:0 5px 15px -2px #0000001a;
box-shadow:0 5px 15px -2px #0000001a
}

.h-entry h2 a {
color:#000;
font-size:30px
}

@media (max-width: 991.98px) {
.site-logo {
top:0
}

.main-menu {
display:none!important
}
}

.unit-4:hover {
background:#4285f4!important;
box-shadow:0 4px 20px -5px #4285f466;
top:-7px
}

.unit-4:hover h3,.unit-4:hover p,.unit-4:hover p a {
color:#fff!important
}

.unit-4:hover .icon-wrap {
background-color:#fff!important
}

.unit-4:hover .icon-wrap span {
filter:sepia(1) saturate(10000%) hue-rotate(190deg)
}

body.dark-mode .unit-4:hover {
background:#bb86fc!important
}

body.dark-mode .unit-4:hover h3,body.dark-mode .unit-4:hover p,body.dark-mode .unit-4:hover p a {
color:#242424!important
}

body.dark-mode .unit-4:hover .icon-wrap {
background-color:#2e2e2e!important
}

body.dark-mode .unit-4:hover .icon-wrap span {
filter:sepia(1) saturate(10000%) hue-rotate(290deg)
}

.icon-wrap span {
filter:none
}

.icon-style {
display:inline-block;
width:45px;
height:45px;
background-position:center center;
background-repeat:no-repeat;
background-size:contain
}

.unit-4 {
display:flex;
flex-direction:column;
height:80%
}

.unit-4 .unit-4-icon {
margin-bottom:20px
}

.unit-4 .icon-wrap {
margin:0 auto
}

.ul-check li::before {
  display: none!important;
  content: ""!important; 
}
.fas.fa-check {
  color: #2aa220;
  padding-right: 10px;
}
.ul-check li {
  padding-left: 0px!important;
}
.full-height {
  height: 100vh;
}
.left-pane, .right-pane {
  height: 100% !important;
}
.BTN {
  padding: 10px 30px;
  min-width: 139px;
  text-align: center;
}
.full-height .row {
  height: 100%;
}
.fixed-container {
  position: absolute;
  bottom: 25%;
  left: 50px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.button-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 179px;
}
.button-container a {
  margin: 10px 0;
}
.btn-primary {
  background-color: #007bff;
  border-color: #007bff;
  color: #fff;
}
.btn-primary:hover {
  background-color: #0056b3;
  border-color: #0056b3;
}
.btn-primary:focus, .btn-primary:active {
  background-color: #0056b3;
  border-color: #0056b3;
  box-shadow: none;
}
.dark-mode .btn-primary {
  background-color: #bb86fc;
  border-color: #bb86fc;
  color: #181818 !important;
}
.dark-mode .btn-primary:hover {
  background-color: #9f5fdc;
  border-color: #9f5fdc;
}
.dark-mode .text-dark {
  color: #e0e0e0 !important;
}
.dark-mode .text-muted-custom {
  color: #ccc !important;
}
.dark-mode .get-started {
  color: #fff !important;
}
.get-started {
  color: #000;
}
.d-flex .btn-primary {
  margin: 5px;
}
.fixed-container img {
  max-width: 400px;
  margin-bottom: 35px;
  align-self: center;