--------------------------------------------------------------*/  :root {  --font-default:"Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";  --font-primary:"Montserrat";  --font-secondary:"Raleway"; }  :root {  --color-default:#2b180d;  --color-primary:#56b8e6;  --color-secondary:#1b2f45; }  :root {  scroll-behavior:smooth; }  body {  font-family:var(--font-default);  color:var(--color-default); } a {  color:var(--color-primary);  text-decoration:none;  transition:0.3s; } a:hover {  color:#82cbed;  text-decoration:none; } h1, h2, h3, h4, h5, h6 {  font-family:var(--font-primary); }  section {  overflow:hidden;  padding:30px 0; } .section-header {  text-align:center;  padding-bottom:30px; } .section-header h2 {  font-size:32px;  font-weight:600;  margin-bottom:20px;  padding-bottom:20px;  position:relative; } .section-header h2:after {  content:"";  position:absolute;  display:block;  width:60px;  height:2px;  background:var(--color-primary);  left:0;  right:0;  bottom:0;  margin:auto; } .section-header p {  margin-bottom:0; }  .breadcrumbs {  padding:140px 0 60px 0;  min-height:30vh;  position:relative;  background-size:cover;  background-position:center;  background-repeat:no-repeat; } .breadcrumbs:before {  content:"";  background-color:rgba(27, 47, 69, 0.7);  position:absolute;  inset:0; } .breadcrumbs h2 {  font-size:56px;  font-weight:500;  color:#fff;  font-family:var(--font-secondary); } .breadcrumbs ol {  display:flex;  flex-wrap:wrap;  list-style:none;  padding:0 0 10px 0;  margin:0;  font-size:16px;  font-weight:600;  color:var(--color-primary); } .breadcrumbs ol a {  color:rgba(255, 255, 255, 0.8);  transition:0.3s; } .breadcrumbs ol a:hover {  text-decoration:underline; } .breadcrumbs ol li+li {  padding-left:10px; } .breadcrumbs ol li+li::before {  display:inline-block;  padding-right:10px;  color:#fff;  content:"/"; }  .scroll-top {  position:fixed;  visibility:hidden;  opacity:0;  right:15px;  bottom:15px;  z-index:99999;  background:var(--color-primary);  width:40px;  height:40px;  border-radius:4px;  transition:all 0.4s; } .scroll-top i {  font-size:24px;  color:#fff;  line-height:0; } .scroll-top:hover {  background:rgba(86, 184, 230, 0.8);  color:#fff; } .scroll-top.active {  visibility:visible;  opacity:1; }  #preloader {  position:fixed;  inset:0;  z-index:9999;  overflow:hidden;  background:#fff;  transition:all 0.6s ease-out; } #preloader:before {  content:"";  position:fixed;  top:calc(50% - 30px);  left:calc(50% - 30px);  border:6px solid var(--color-primary);  border-top-color:#fff;  border-radius:50%;  width:60px;  height:60px;  animation:animate-preloader 1s linear infinite; } @keyframes animate-preloader {  0% {   transform:rotate(0deg);  }  100% {   transform:rotate(360deg);  } }  @media screen and (max-width:768px) {  [data-aos-delay] {   transition-delay:0 !important;  } } .header {  color:var(--default-color);  background-color:rgb(27 47 69);  padding:15px 0;  transition:all 0.5s;  z-index:997; } .header .logo img {  margin-right:6px; } .header .logo span {  color:var(--primary-color);  font-size:24px;  font-weight:600;  padding-left:3px; } .header .btn-getstarted, .header .btn-getstarted:focus {  color:#fff901;  font-size:20px;  padding:10px 15px;  border-radius:4px;  transition:0.3s;  margin-right:50px; }  @media (max-width:1200px) {  .header .logo {   order:1;  }  .header .logo img {   max-width:170px;  }   .header .btn-getstarted {   font-size:16px;   order:2;   margin:0;   padding:6px 20px;  }  .header .navmenu {   display:none;   order:3;  } }  .scrolled .header {  --background-color:#ffffff;  --secondary-color:#444444;  --nav-color:#444444;  --nav-hover-color:#e84545;  box-shadow:0 0 30px 10px rgba(0, 0, 0, 0.1); }  section {  scroll-margin-top:90px; } @media (max-width:1199px) {  section {   scroll-margin-top:66px;  } }  .index-page .header {  --background-color:rgba(255, 255, 255, 0);  --secondary-color:#ffffff;  --nav-color:rgba(255, 255, 255, 0.515);  --nav-hover-color:#ffffff; }  .index-page.scrolled .header {  --background-color:#ffffff;  --secondary-color:#444444;  --nav-color:#444444;  --nav-hover-color:#d83535; }   #hero {  margin-top:90px;  width:100%;  background:url("../img/hero.webp") top center;  background-size:cover;  position:relative; } #hero:before {  content:"";  background:rgba(0, 0, 0, 0.5);  position:absolute;  bottom:0;  top:0;  left:0;  right:0; } #hero h1 {  margin:0 0 10px 0;  font-size:48px;  font-weight:700;  line-height:56px;  text-transform:uppercase;  color:#fff; } #hero h2 {  color:#eee;  font-size:36px;  margin-top:5px;  margin-bottom:25px;  font-weight:600;  font-style:italic; } #hero h3 {  color:rgb(215, 218, 32);  font-size:24px;  margin-top:5px;  margin-bottom:5px;  font-weight:600; } #hero h4 {  font-weight:700;  color:rgb(5 13 24);  font-size:36px; } #hero h5 {  font-weight:600;  color:rgb(215, 218, 32);  font-size:24px; } #hero .social2 {  margin-top:0px !important;  font-size:36px; }   #hero .btn-get-started {  font-family:"Raleway", sans-serif;  text-transform:uppercase;  font-weight:500;  font-size:14px;  letter-spacing:0.5px;  display:inline-block;  padding:10px 28px;  transition:0.5s;  border:2px solid #fff;  color:#fff; } #hero .btn-get-started:hover {  background:#cc1616;  border-color:#cc1616; } @media (min-width:1024px) {  #hero {   background-attachment:fixed;  } } @media (max-width:768px) {  #hero {   margin-top:70px;   height:auto;   text-align:center;   width:100%;   background:url("../img/hero-sm.webp");   background-size:cover;   position:relative;  }   #hero h1 {   font-size:32px;   line-height:36px;   margin-top:5px;  }  #hero h2 {   font-size:24px;   line-height:24px;   margin:0px;   font-weight:600;   font-style:italic;  }  #hero h3 {   font-size:16px;   line-height:24px;   margin:0px;  }  #hero h4 {   font-weight:700;   text-align:center;   font-size:20px;  }  #hero h5 {   font-weight:600;   text-align:center;   font-size:18px;   color:rgb(215, 218, 32);  }  #hero .social2 {   margin-top:0px !important;   font-size:24px;  } }  .about .about-item {  color:rgba(var(--default-color-rgb), 0.8); } .about .about-item+.about-item {  margin-top:100px; } @media (max-width:768px) {  .about .about-item+.about-item {   margin-top:40px;  } } .about .about-item h3 {  font-weight:700;  font-size:26px; } .about .about-item .btn-get-started {  font-family:var(--font-primary);  display:inline-block;  font-weight:500;  font-size:15px;  letter-spacing:1px;  padding:10px 32px;  border-radius:50px;  transition:0.5s;  background-color:var(--color-primary);  color:#fff; } .about .about-item .btn-get-started:hover {  background-color:#3882a5; } .about .about-item ul {  list-style:none;  padding:0; } .about .about-item ul li {  padding-bottom:10px;  display:flex;  align-items:flex-start; } .about .about-item ul li:last-child {  padding-bottom:0; } .about .about-item ul i {  font-size:20px;  padding-right:4px;  color:var(--primary-color); } .about .about-item img {  border:6px solid var(--background-color);  box-shadow:-3px 1px 30px 8px rgba(0, 0, 0, 0.1); } .about .about-item .about-img-bg {  position:relative;  min-height:500px; } @media (max-width:640px) {  .about .about-item .about-img-bg {   min-height:300px;  } } .about .about-item .about-img-bg img {  position:absolute;  inset:0;  display:block;  width:100%;  height:100%;  -o-object-fit:cover;  object-fit:cover; } .about .about-item .image-stack {  display:grid;  position:relative;  grid-template-columns:repeat(12, 1fr); } .about .about-item .image-stack .stack-back {  grid-column:4/-1;  grid-row:1;  width:100%;  z-index:1; } .about .about-item .image-stack .stack-front {  grid-row:1;  grid-column:1/span 8;  margin-top:20%;  width:100%;  z-index:2; }  .services-list .service-item {  position:relative; } .services-list .service-item .icon i {  font-size:32px;  line-height:0;  margin-right:20px;  color:#38618e; } .services-list .service-item .title {  font-weight:700;  margin-bottom:5px;  font-size:18px; } .services-list .service-item .title a {  color:var(--color-secondary); } .services-list .service-item .title a:hover {  color:#38618e; } .services-list .service-item .description {  line-height:24px;  font-size:14px; }  .call-to-action {  background:linear-gradient(rgba(27, 47, 69, 0.8), rgba(27, 47, 69, 0.8)), url("../img/cta-bg.jpg") center center;  background-size:cover;  padding:100px 0; } @media (min-width:1365px) {  .call-to-action {   background-attachment:fixed;  } } .call-to-action h3 {  color:#fff;  font-size:28px;  margin-bottom:25px;  font-weight:700; } .call-to-action p {  color:#fff;  margin-bottom:25px; } .call-to-action .cta-btn {  font-family:var(--font-default);  font-weight:500;  font-size:16px;  letter-spacing:1px;  display:inline-block;  padding:12px 40px;  border-radius:50px;  transition:0.5s;  margin:10px;  color:#fff;  background:#2aa5df; } .call-to-action .cta-btn:hover {  background:var(--color-primary); }  .features {  padding-bottom:0; } .features h3 {  color:var(--color-secondary);  font-weight:700;  margin-bottom:30px; } .features .icon-list i {  margin-right:10px;  font-size:24px;  line-height:1.2; } .features .icon-list span {  font-weight:600;  font-size:24px;  color:#29486a; } .features .phone-wrap {  position:absolute; } #mobile-show {  display:none; } @media (max-width:768px) {  .features .phone-wrap {   position:relative;  } } .features .phone-wrap img {  width:340px; } @media (max-width:992px) {  .features .phone-wrap img {   margin-top:30px;  }  #div_apps_used {   text-align:center;  }  #mobile-show {   display:block;  } } @media (max-width:768px) {  .features .phone-wrap img {   display:none;  } } .features .details {  margin-top:30px;  padding:30px 0;  background-color:#f7f9fc; } .features .details h4 {  color:var(--color-secondary);  font-size:32px;  font-weight:700;  margin-bottom:20px; } .features .details p {  margin-bottom:20px;  font-size:15px; } .features .details .btn-get-started {  font-family:var(--font-primary);  display:inline-block;  font-weight:500;  font-size:15px;  letter-spacing:1px;  padding:10px 32px;  border-radius:50px;  transition:0.5s;  background-color:var(--color-primary);  color:#fff; } .features .details .btn-get-started:hover {  background:#2aa5df; }  .faq .content h3 {  font-weight:400;  font-size:34px; } .faq .content p {  font-size:15px;  color:rgba(var(--default-color-rgb), 0.7); } .faq .faq-container .faq-item {  position:relative;  padding:20px;  margin-bottom:20px;  box-shadow:0px 5px 25px 0px rgba(var(--default-color-rgb), 0.1);  overflow:hidden; } .faq .faq-container .faq-item:last-child {  margin-bottom:0; } .faq .faq-container .faq-item h3 {  font-weight:600;  font-size:18px;  line-height:24px;  margin:0 30px 0 0;  transition:0.3s;  cursor:pointer;  display:flex;  align-items:flex-start; } .faq .faq-container .faq-item h3 .num {  color:var(--primary-color);  padding-right:5px; } .faq .faq-container .faq-item h3:hover {  color:var(--primary-color); } .faq .faq-container .faq-item .faq-content {  display:grid;  grid-template-rows:0fr;  transition:0.3s ease-in-out;  visibility:hidden;  opacity:0; } .faq .faq-container .faq-item .faq-content p {  margin-bottom:0;  overflow:hidden; } .faq .faq-container .faq-item .faq-toggle {  position:absolute;  top:20px;  right:20px;  font-size:16px;  line-height:0;  transition:0.3s;  cursor:pointer; } .faq .faq-container .faq-item .faq-toggle:hover {  color:var(--primary-color); } .faq .faq-container .faq-active h3 {  color:var(--primary-color); } .faq .faq-container .faq-active .faq-content {  grid-template-rows:1fr;  visibility:visible;  opacity:1;  padding-top:10px; } .faq .faq-container .faq-active .faq-toggle {  transform:rotate(90deg);  color:var(--primary-color); }  .faq .btn-get-started {  font-family:var(--font-primary);  display:inline-block;  font-weight:500;  font-size:15px;  letter-spacing:1px;  padding:10px 32px;  border-radius:50px;  transition:0.5s;  background-color:var(--color-primary);  color:#fff; } .faq .btn-get-started:hover {  background:#2aa5df; }  .recent-posts .post-box {  transition:0.3s;  height:100%;  overflow:hidden;  position:relative;  display:flex;  flex-direction:column; } .recent-posts .post-box .post-img {  overflow:hidden;  position:relative; } .recent-posts .post-box .post-img img {  transition:0.5s; } .recent-posts .post-box .meta {  margin-top:15px; } .recent-posts .post-box .meta .post-date {  font-size:15px;  font-weight:400;  color:var(--color-primary); } .recent-posts .post-box .meta .post-author {  font-size:15px;  font-weight:400;  color:var(--color-secondary); } .recent-posts .post-box .post-title {  font-size:18px;  color:var(--color-secondary);  font-weight:700;  margin:15px 0 0 0;  position:relative;  transition:0.3s; } .recent-posts .post-box p {  margin:15px 0 0 0;  color:rgba(27, 47, 69, 0.7); } .recent-posts .post-box .readmore {  font-size:11px;  display:flex;  align-items:center;  line-height:1;  transition:0.3s; } .recent-posts .post-box .readmore i {  line-height:0;  margin-left:4px;  font-size:18px; } .recent-posts .post-box:hover .post-title {  color:var(--color-primary); } .recent-posts .post-box:hover .post-img img {  transform:scale(1.1); }  .contact {  border-radius:4px;  border:solid #ffffff;  text-align:left;  background:#ffffffdb; } .contact .info-item {  background:#059652;  padding:30px; } .contact .info-item i {  font-size:38px;  line-height:0;  color:var(--primary-color); } .contact .info-item h3 {  font-size:20px;  font-weight:700;  margin:20px 0 10px 0; } .contact .info-item p {  color:#bebebe;  line-height:12px;  font-size:12px; } .contact #main_form {  background:rgba(var(--default-color-rgb), 0.03);  padding:30px;  height:100%; } .contact #main_form .error-message {  display:none;  background:#df1529;  color:#ffffff;  text-align:left;  padding:15px;  margin-bottom:24px;  font-weight:600; } .error {  border:solid 1px red; } .contact #main_form .sent-message {  display:none;  color:#ffffff;  background:#059652;  text-align:center;  padding:15px;  margin-bottom:24px;  font-weight:600; } .contact #main_form .loading {  display:none;  background:var(--background-color);  text-align:center;  padding:15px;  margin-bottom:24px; } .contact #main_form .loading:before {  display:inline-block;  border-radius:50%;  width:24px;  height:24px;  margin:0 10px -6px 0;  border:3px solid var(--primary-color);  border-top-color:var(--background-color);  animation:animate-loading 1s linear infinite; } .contact #main_form label {  color:rgb(0, 0, 0); }  .contact #main_form input[type=text], .contact #main_form input[type=email], .contact #main_form input[type=tel], .contact #main_form input[type=zip], .contact #main_form textarea {  font-size:14px;  padding:10px 15px;  box-shadow:none;  border-radius:0;  color:var(--default-color);  border-color:rgba(var(--default-color-rgb), 0.2); } .contact #main_form input[type=text]:focus, .contact #main_form input[type=email]:focus, .contact #main_form textarea:focus {  border-color:var(--primary-color); } .contact #main_form input[type=text]::-moz-placeholder, .contact #main_form input[type=email]::-moz-placeholder, .contact #main_form textarea::-moz-placeholder {  color:rgba(var(--default-color-rgb), 0.3); } .contact #main_form input[type=text]::placeholder, .contact #main_form input[type=email]::placeholder, .contact #main_form textarea::placeholder {  color:rgba(var(--default-color-rgb), 0.3); } .contact #main_form button[type=submit] {  font-weight:700;  background:#56b8e6;  color:#ffffff;  border:0;  border-radius:50px;  padding:10px 30px;  transition:0.4s; } .contact #main_form button[type=submit]:hover {  background:#3a82a3 } @keyframes animate-loading {  0% {   transform:rotate(0deg);  }  100% {   transform:rotate(360deg);  } } .checkmark {   height:1rem;  width:1rem;  background-color:#e0e0e0; }  input:checked ~ .checkmark {  background-color:#232358; }  .checkmark:after {  content:"";  position:absolute;  display:none; }  .checkmark:after {  left:9px;  top:5px;  width:5px;  height:10px;  border:solid white;  border-width:0 3px 3px 0;  -webkit-transform:rotate(45deg);  -ms-transform:rotate(45deg);  transform:rotate(45deg); }  .footer {  --background-color:rgb(27 47 69);  color:#fff;  background-color:var(--background-color);  font-size:14px;  padding-bottom:50px; } .footer .footer-top {  padding-top:50px; } .footer .footer-about .logo {  line-height:0;  margin-bottom:25px; } .footer .footer-about .logo img {  max-height:40px;  margin-right:6px; } .footer .footer-about .logo span {  color:#fff;  font-size:30px;  font-weight:700;  letter-spacing:1px;  font-family:var(--heading-font); } .footer .footer-about p {  font-size:14px;  font-family:var(--heading-font); } .footer h4 {  color:var(--secondary-color);  font-size:16px;  font-weight:bold;  position:relative;  padding-bottom:12px; } .footer .footer-links {  margin-bottom:30px; } .footer .footer-links ul {  list-style:none;  padding:0;  margin:0; } .footer .footer-links ul i {  padding-right:2px;  font-size:12px;  line-height:0; } .footer .footer-links ul li {  padding:10px 0;  display:flex;  align-items:center; } .footer .footer-links ul li:first-child {  padding-top:0; } .footer .footer-links ul a {  color:rgba(var(--default-color-rgb), 0.8);  display:inline-block;  line-height:1; } .footer .footer-links ul a:hover {  color:var(--primary-color); } .footer .footer-contact p {  margin-bottom:5px; } .footer .copyright {  padding-top:25px;  padding-bottom:25px;  background-color:rgba(var(--default-color-rgb), 0.05); } .footer .copyright p {  margin-bottom:0; } .footer .credits {  margin-top:6px;  font-size:13px; }