/*Fonts*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

:root {
  scroll-padding-top: 100px; /* Match your header height */
}

/*Common CSS*/
*+html {
  margin:0px;
  padding:0px;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, header, footer, section, nav {
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-weight:600;
  margin:0px;
  padding:0px;
}
img {
  border:0px;
  outline:none;
  max-width: 100%;
}
p {
  margin:0px;
  text-align: left;
  font-size: 24px;
}
ul li, ol li {
  margin:0px;
  padding:0px;
  list-style:none;
}
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}
::-moz-selection {
  background: rgba(0, 88, 255, 0.5);
  text-shadow: none;
}
::selection {
  background: rgba(0, 88, 255, 0.5);
  text-shadow: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #000;
  margin: 1em 0;
  padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
.text-center p{
  text-align: center;
}
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
.hidden {
  display: none !important;
}
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}
.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a, a:visited, a:hover, a:active {
    text-decoration: none;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
ul, ol{
    padding: 0;
    margin: 0;
}
li{
    list-style: none;
}
/* Legal page overrides */
.content ul {
  list-style-type: disc;
  margin-left: 20px;
}
.content li {
  margin-bottom: 10px;
}

button:focus-within, button:focus, button:active, a:hover, a:active, a:focus, select:hover, select:active, select:focus, option:hover, option:active, option:focus {
  text-decoration: none;
  outline: 0;
}
ul{padding: 0; margin: 0;}
a{text-decoration: none; color: inherit;transition: 0.3s}
b, strong {
  font-weight: bold;
}






/*Scroll Animation CSS*/

[data-ani] {
    opacity: 0;
    transition: opacity 1s ease, transform 1s ease; /* Default duration */
}
[data-ani="fade-left"] {
    transform: translateX(-50px);
}
[data-ani="fade-left"].astart {
    opacity: 1;
    transform: translateX(0);
}
[data-ani="fade-right"] {
    transform: translateX(50px);
}
[data-ani="fade-right"].astart {
    opacity: 1;
    transform: translateX(0);
}
[data-ani="fade-up"] {
    transform: translateY(50px);
}
[data-ani="fade-up"].astart {
    opacity: 1;
    transform: translateY(0);
}
[data-ani="fade-down"] {
    transform: translateY(-50px);
}
[data-ani="fade-down"].astart {
    opacity: 1;
    transform: translateY(0);
}
[data-ani="zoom-in"] {
    transform: scale(0.9);
}
[data-ani="zoom-in"].astart {
    opacity: 1;
    transform: scale(1);
}
[data-ani-delay="100"]{
    transition-delay: 100ms;
}
[data-ani-delay="200"]{
    transition-delay: 200ms;
}
[data-ani-delay="300"]{
    transition-delay: 300ms;
}
[data-ani-delay="400"]{
    transition-delay: 400ms;
}
[data-ani-delay="500"]{
    transition-delay: 500ms;
}
[data-ani-delay="600"]{
    transition-delay: 600ms;
}
[data-ani-delay="700"]{
    transition-delay: 700ms;
}
[data-ani-delay="800"]{
    transition-delay: 800ms;
}
[data-ani-delay="900"]{
    transition-delay: 900ms;
}
[data-ani-delay="1000"]{
    transition-delay: 1000ms;
}






/*Main body CSS*/
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  font-family: "Lato", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  color: #F5FEFF;
  font-size: 16px;
  position: relative;
  background: #010812;
}
img{
  max-width: 100%;
  height: auto;
}
h3 {
  font-size: 35px;
}
ol li{
  position: relative;
}
section{
  padding: 50px 0;
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
}










/*header nvbar area*/

header {
    padding: 24px 0;
    position: relative;
    transition: 0.3s;
    transform: translateY(0px);
    position: fixed;
    z-index: 9999;
    width: 100%;
    top: 0;
    left: 0;
    will-change: transform;
    z-index: 99999;
}
header.scrolled {
/*    transform: translateY(-100%);*/
}
header.sticky{
    background-color: #000;
    padding: 10px 0;
}
@keyframes header-show {
  0% {
      transform: translateY(-100%);
  }
  to {
      transform: translateY(0);
  }
}
.logo {
    margin-right: 40px;
}
.navbar {
  z-index: 99;
}
.navbar-expand-xl .navbar-nav .nav-link {
    color: #F5FEFF;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    padding: 8px 18px;
    position: relative;
    transition: 0.3s;
    text-transform: uppercase;
    border-radius: 5px;
}
.navbar-expand-xl .navbar-nav .nav-link:hover{
    background: #F5FEFF;
    color: #030F1F;
}
.nav-link.dropdown-toggle::after {
  content: "";
  position: absolute;
  width: 0;
  height: 3px;
  top: 100%;
  left: 12px;
  transition: 0.2s;
  background-color: #1943dc;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0;
  z-index: 9991;
  border-radius: 3px;
  border: 0;
}
.nav-link.active::after, .nav-link.dropdown-toggle:hover::after, .nav-item:hover .dropdown-toggle::after, .nav-link.dropdown-toggle.show::after {
  width: calc(100% - 30px);
}
.navbar-expand-xl .navbar-nav .nav-link.get-started{
border-radius: 50px;
background: rgba(255, 255, 255, 0.12);
font-weight: 600;
color: #fff;
width: 160px;
position: relative;
}
.navbar-expand-xl .navbar-nav .nav-link.get-started span{
    transition: 0.3s;
}
.navbar-expand-xl .navbar-nav .nav-link.get-started:hover span{
    padding-right: 30px;
}
.navbar-expand-xl .navbar-nav .nav-link.try-now{
    background: #F5FEFF;
    color: #030F1F;
    margin: 0 25px;
}
.navbar-expand-xl .navbar-nav .nav-link.login{
    border: 1px solid #F5FEFF;
}
body, html{
    max-width: 100vw;
    width: 100vw;
    overflow-x: hidden !important;
}


/*hamburger menu open close animation */

.navbar-toggler:focus, .navbar-toggler:active{
  outline: 0;
  box-shadow: none;
}
.navbar-toggler {
  width: 30px;
  height: 30px;
  position: absolute;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  border: 0;
  padding: 0;
  top: 0;
  right: 0;
}
.navbar-toggler span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: rgba(255, 255, 255, 1);
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.navbar-toggler[aria-expanded="true"] span{
  background: #fff;
}
.navbar-toggler span:nth-child(1) {
  top: 0px;
}
.navbar-toggler span:nth-child(2),.navbar-toggler span:nth-child(3) {
  top: 10px;
}
.navbar-toggler span:nth-child(4) {
  top: 20px;
}
.navbar-toggler[aria-expanded="true"] span:nth-child(1) {
  top: 10px;
  width: 0%;
  left: 50%;
}
.navbar-toggler[aria-expanded="true"] span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] span:nth-child(4) {
  top: 10px;
  width: 0%;
  left: 50%;
}
body.navbar-open{
  overflow: hidden;
}
body.navbar-open .banner {
  opacity: 0;
}






/*Banner section*/
.bg-img{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.pageHeading {
  font-size: 77px;
  margin-bottom: 25px;
  margin-top: 15px;
  line-height: 100px;
}
.headingBtm{
    font-size: 36px;
}
.banner{
    padding-top: 100px;
}
.banner-desc{
    padding-top: 160px;
    padding-bottom: 80px;
}
.btn1 {
    position: relative;
    color: #030F1F;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    background: #F5FEFF;
    padding: 10px 40px;
    margin-top: 50px;
    transition: 0.3s;
    display: inline-block;
    border: 1px solid transparent;
}
.btn1:hover{
    color: #F5FEFF;
    background-color: #030F1F;
    border: 1px solid #F5FEFF;
}






/*Slider section*/
.carousel-area {
    margin-top: 50px;
}
.section-heading{
    font-size: 64px;
    text-transform: uppercase;
}
.sheading-btm{
    font-size: 28px;
}
.carousel-block {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    padding: 30px;
    color: #F5FEFF;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.carousel-block h3{
    font-size: 36px;
}
.carousel-block p {
    font-size: 24px;
    margin-top: 50px;
}
/* Slider */
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    margin-top: 40px;
}
.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}
.slick-slide{
    display: none;
    float: none;
    height: auto;
    margin: 0 20px;
    min-height: 1px;
}
[dir='rtl'] .slick-slide{
    float: right;
}
.slick-slide img{
    display: block;
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-arrow {
    font-size: 0;
    background-position: center;
    background-size: 100%;
    width: 40px;
    height: 80px;
    background-color: transparent;
    border: 0;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - 40px);
}
.slick-prev.slick-arrow {
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='106' viewBox='0 0 64 106' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M61.5 3L3 53L61.5 103' stroke='%23F5FEFF' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    left: -50px;
}
.slick-next.slick-arrow {
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='106' viewBox='0 0 64 106' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3L61.5 53L3 103' stroke='%23F5FEFF' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    right: -50px;
}




/*Service section*/
.service-block li {
    background-image: linear-gradient(to left, #000c15, #031028);
    padding: 20px 30px;
    margin-bottom: 30px;
}
.service-block img{
    max-height: 160px;
}
.service-block h4{}
.service-block p {
    font-size: 16px;
}
.service-block li{
    display: flex;
    align-items: center;
}





/*Mobile Network section*/

.network-blocks {
    background-color: #EDFCFF;
    border-radius: 5px;
    color: #000;
    padding: 40px 20px;
}
.network-blocks li {
	position: relative;
	text-align: center;
}





/*Contact Us section*/

.form-control {
    border-radius: 5px;
    background-color: #F5FEFF;
    font-size: 18px;
    padding: 10px 18px;
}
.btn2 {
    color: #F5FEFF;
    border: 1px solid #F5FEFF;
    border-radius: 5px;
    background: transparent;
    padding: 8px 40px;
    text-transform: uppercase;
    transition: 0.3s;
}
.btn2:hover{
    color: #010812;
    border: 1px solid #F5FEFF;
    background: #F5FEFF;
}
form input[ type="text"], form input[ type="email"]{
    width: 80%;
}
.divider {
    height: 2px;
    background-color: #F5FEFF;
    display: flex;
    justify-content: center;
    width: 40%;
    margin: 20px auto;
}






/*Meet Team section*/
.team{}
.team ul{}
.team ul li {
    margin-bottom: 45px;
}
.team-img{}
.team-img img {
    border-radius: 5px;
    max-width: 300px;
}
.team-name{}
.team-name h3 {
    font-size: 36px;
    margin-bottom: 10px;
}
.team-name p{}
.team-social{}
.team-social a {
    display: inline-block;
    transition: 0.3s;
    margin-right: 15px;
}
.team-social a img {
    width: 40px;
    height: 40px;
    padding: 5px;
    transition: 0.3s;
}
.team-social a:hover img{
    transform: scale(1.3);
}


/*Text Alert Section*/
.text-alert-section {
  background-color: #010812; /* same as site background */
  padding: 40px 5px;
  text-align: center;
  color: #F5FEFF;
}

.alert-title {
  font-size: 20px;  /* adjust from 36px */
  font-weight: 600;
  max-width: 900px;
  margin: 0 auto;
  line-height: 1.5;
  text-align: center;
}

.text-alert-spacer {
  height: 20px; /* creates visual gap */
}

.alert-disclaimer {
  font-size: 14px;
  color: #ccc;
  max-width: 900px;
  margin: 0 auto;
  line-height: 1.6;
  text-align: center;
}


/*footer section*/
footer {
	padding: 100px 0;
	background-image: linear-gradient(to top, black, #010812);
}
footer a{
    display: inline-block;
}
.footer-logo img{
    max-width: 200px;
}
footer h4{
    font-size: 28px;
    margin-bottom: 10px;
}
footer ul li{}
footer ul li a {
	transition: 0.3s;
	padding: 5px 0 !important;
	display: inline-block !important;
}
footer ul li a:hover {
    color: #356b9d;
}
.underline a{
    text-decoration: underline;
}
.copyright{
    font-size: 12px;
}







/*Back to top button css*/
input:focus{
  outline: 0;
}
.back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: black;
    border-radius: 50% !important;
    width: 30px;
    height: 30px;
    display: none;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 5px;
    transition: transform 0.3s;
    border: 1px solid #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23fff' d='M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2 160 448c0 17.7 14.3 32 32 32s32-14.3 32-32l0-306.7L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z'/%3E%3C/svg%3E");
    background-position: center;
    background-size: 12px;
    background-repeat: no-repeat;
    z-index: 1;
}
.back-to-top:hover{
  color: #b50000;
  transform: scale(1.2);
}







/*parallax*/
.parallax {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
}
.animation {
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-play-state: running;
}
@keyframes slide-up {
    from {opacity:0; top:100px;}
    to {opacity:1; top:0;}
}
.animation_slide-up {
    animation-name: slide-up;
}
@keyframes slide-down {
    from {opacity:0; bottom:100px;}
    to {opacity:1; bottom:0;}
}
.animation_slide-down {
    animation-name: slide-down;
}
@keyframes slide-left {
    from {opacity:0; left:100px;}
    to {opacity:1; left:0;}
}
.animation_slide-left {
    animation-name: slide-left;
}
@keyframes slide-right {
    from {opacity:0; right:100px;}
    to {opacity:1; right:0;}
}
.animation_slide-right {
    animation-name: slide-right;
}
@keyframes flip-x {
    from {opacity:0;transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -180deg);}
    to {opacity:1;transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);}
}
.animation_flip-x {
    backface-visibility: visible;
    animation-name: flip-x;
}
@keyframes flip-y {
    from {opacity: 0;transform: perspective(400px) rotate3d(1, 0, 0, 90deg);}
    to {opacity:1;transform: perspective(400px);}
}
.animation_flip-y {
    backface-visibility: visible !important;
    animation-name: flip-y;
}
@keyframes zoom {
    from {opacity: 0;transform: scale3d(0.3, 0.3, 0.3);}
    to {opacity: 1;}
}
.animation_zoom {
    animation-name: zoom;
}




/*Preloader*/
/* Fullscreen preloader container */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  overflow: hidden;
}

#loading-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#loading-text {
  position: relative;
  z-index: 2;
  color: white;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background: rgba(0, 0, 0, 0.4); /* slightly ghostly for readability */
  padding: 0.5em 1em;
  border-radius: 0.5em;
}

/*.pl {
    box-shadow: 2em 0 2em rgba(0, 0, 0, 0.2) inset, -2em 0 2em rgba(255, 255, 255, 0.1) inset;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transition: 0.5s;
    transform: rotateX(30deg) rotateZ(45deg) scale(0.8);
    width: 15em;
    height: 15em;
}
.pl, .predot {
    border-radius: 50%;
}
.predot {
    animation-name: shadow;
    box-shadow: 0.1em 0.1em 0 0.1em black, 0.3em 0 0.3em rgba(0, 0, 0, 0.5);
    top: calc(50% - 0.75em);
    left: calc(50% - 0.75em);
    width: 1.5em;
    height: 1.5em;
}
.predot, .predot:before, .predot:after {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    position: absolute;
}
.predot:before, .predot:after {
    content: "";
    display: block;
    left: 0;
    width: inherit;
    transition: background-color 0.3s;
}
.predot:before {
    animation-name: pushInOut1;
    background-color: #454954;
    border-radius: inherit;
    box-shadow: 0.05em 0 0.1em rgba(255, 255, 255, 0.2) inset;
    height: inherit;
    z-index: 1;
}
.predot:after {
    animation-name: pushInOut2;
    background-color: #255ff4;
    border-radius: 0.75em;
    box-shadow: 0.1em 0.3em 0.2em rgba(255, 255, 255, 0.4) inset, 0 -0.4em 0.2em #2e3138 inset, 0 -1em 0.25em rgba(0, 0, 0, 0.3) inset;
    bottom: 0;
    clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);
    height: 3em;
    transform: rotate(-45deg);
    transform-origin: 50% 2.25em;
}
.predot:nth-child(1) { transform: rotate(0deg) translateX(5em) rotate(0deg); z-index: 5; }
.predot:nth-child(1):before, .predot:nth-child(1):after { animation-delay: 0s; }
.predot:nth-child(2) { transform: rotate(-30deg) translateX(5em) rotate(30deg); z-index: 4; }
.predot:nth-child(2):before, .predot:nth-child(2):after { animation-delay: -0.1666666667s; }
.predot:nth-child(3) { transform: rotate(-60deg) translateX(5em) rotate(60deg); z-index: 3; }
.predot:nth-child(3):before, .predot:nth-child(3):after { animation-delay: -0.3333333333s; }
.predot:nth-child(4) { transform: rotate(-90deg) translateX(5em) rotate(90deg); z-index: 2; }
.predot:nth-child(4):before, .predot:nth-child(4):after { animation-delay: -0.5s; }
.predot:nth-child(5) { transform: rotate(-120deg) translateX(5em) rotate(120deg); z-index: 1; }
.predot:nth-child(5):before, .predot:nth-child(5):after { animation-delay: -0.6666666667s; }
.predot:nth-child(6) { transform: rotate(-150deg) translateX(5em) rotate(150deg); z-index: 1; }
.predot:nth-child(6):before, .predot:nth-child(6):after { animation-delay: -0.8333333333s; }
.predot:nth-child(7) { transform: rotate(-180deg) translateX(5em) rotate(180deg); z-index: 2; }
.predot:nth-child(7):before, .predot:nth-child(7):after { animation-delay: -1s; }
.predot:nth-child(8) { transform: rotate(-210deg) translateX(5em) rotate(210deg); z-index: 3; }
.predot:nth-child(8):before, .predot:nth-child(8):after { animation-delay: -1.1666666667s; }
.predot:nth-child(9) { transform: rotate(-240deg) translateX(5em) rotate(240deg); z-index: 4; }
.predot:nth-child(9):before, .predot:nth-child(9):after { animation-delay: -1.3333333333s; }
.predot:nth-child(10) { transform: rotate(-270deg) translateX(5em) rotate(270deg); z-index: 5; }
.predot:nth-child(10):before, .predot:nth-child(10):after { animation-delay: -1.5s; }
.predot:nth-child(11) { transform: rotate(-300deg) translateX(5em) rotate(300deg); z-index: 6; }
.predot:nth-child(11):before, .predot:nth-child(11):after { animation-delay: -1.6666666667s; }
.predot:nth-child(12) { transform: rotate(-330deg) translateX(5em) rotate(330deg); z-index: 6; }
.predot:nth-child(12):before, .predot:nth-child(12):after { animation-delay: -1.8333333333s; }

.pretext {
    color: white;
    font-size: 0.75em;
    max-width: 5rem;
    position: relative;
    text-shadow: 0 0 0.1em rgba(227, 228, 232, 0.5);
    transform: rotateZ(-45deg);
}
#preloader {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    background-color: #454954;
    background-image: linear-gradient(135deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    z-index: 99999999;
    position: fixed;
} */

/* Animations */
@keyframes shadow {
    from {
        animation-timing-function: ease-in;
        box-shadow: 0.1em 0.1em 0 0.1em black, 0.3em 0 0.3em rgba(0, 0, 0, 0.3);
    }
    25% {
        animation-timing-function: ease-out;
        box-shadow: 0.1em 0.1em 0 0.1em black, 0.8em 0 0.8em rgba(0, 0, 0, 0.5);
    }
    50%, to {
        box-shadow: 0.1em 0.1em 0 0.1em black, 0.3em 0 0.3em rgba(0, 0, 0, 0.3);
    }
}
@keyframes pushInOut1 {
    from {
        animation-timing-function: ease-in;
        background-color: #454954;
        transform: translate(0, 0);
    }
    25% {
        animation-timing-function: ease-out;
        background-color: #5583f6;
        transform: translate(-71%, -71%);
    }
    50%, to {
        background-color: #454954;
        transform: translate(0, 0);
    }
}
@keyframes pushInOut2 {
    from {
        animation-timing-function: ease-in;
        background-color: #454954;
        clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);
    }
    25% {
        animation-timing-function: ease-out;
        background-color: #255ff4;
        clip-path: polygon(0 25%, 100% 25%, 100% 100%, 0 100%);
    }
    50%, to {
        background-color: #454954;
        clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);
    }
}










/*Responsive CSS for all sections*/
@media(max-width:1299px){
}
@media(max-width:1199px){


}

@media(min-width:992px){

}


@media(max-width: 1399px){
}


@media(max-width:1199px){
.container{
  max-width: 100%;
}
.navbar-expand-xl .navbar-nav .nav-link.get-started {
    margin: 10px auto;
    border: 1px solid transparent;
}
.navbar-expand-xl .navbar-nav .nav-link.get-started:hover {
    border: 1px solid #fff;
}
header {
  padding: 15px 0;
}
.nav-link.login::before {
    display: none;
}
.navbar-collapse {
    margin-top: 35px;
    background: rgb(1, 1, 1);
    border-radius: 5px;
}
.navbar-collapse ul{
    padding: 0 20px 20px;
}
.navbar-expand-xl .navbar-nav .nav-link.try-now {
    margin: 10px 0 20px;
}
.logo {
    margin-right: 10px;
}
.logo img {
    width: 250px;
}
.pageHeading {
    font-size: 50px;
    line-height: normal;
}
.headingBtm, .sheading-btm, p {
    font-size: 18px;
}
.banner-desc {
    padding-top: 60px;
    padding-bottom: 50px;
}
.section-heading {
    font-size: 30px;
}
.carousel-block h3 {
    font-size: 26px;
}
.carousel-block p {
    font-size: 17px;
    margin-top: 30px;
}
.slick-prev.slick-arrow {
    left: 0;
}
.slick-next.slick-arrow {
    right: 0;
}
.slick-arrow {
    width: 20px;
    z-index: 1;
}
footer {
    padding: 0;
}
.copyright {
    padding-bottom: 20px;
}

}


@media(max-width:991px){
.pageHeading {
    font-size: 48px;
    letter-spacing: -1px;
    margin-top: 20px;
}



}



@media(max-width:767px){
section {
  padding: 25px 0;
}
.footer {
    flex-direction: column-reverse;
}
.copyright p {
    margin-top: 25px;
    font-size: 12px;
}
.team-img img {
    max-width: 200px;
}
.team-name h3 {
    font-size: 20px;
    margin-bottom: 6px;
}
.team-social a img {
    width: 35px;
    height: 35px;
    padding: 5px;
}
.btn1 {
    margin-top: 20px;
}
form input[type="text"], form input[type="email"] {
    width: 100%;
}
.divider {
    height: 1px;
    width: 70%;
}
.network-blocks li h3{
    font-size: 25px;
}
.network-blocks li p{
    font-size: 18px;
}

}

@media(max-width:520px){
.banner-desc {
    padding-top: 20px;
    padding-bottom: 30px;
}
.pageHeading {
    font-size: 35px;
}
.section-heading {
    font-size: 25px;
}
.network-blocks {
    flex-direction: column;
}
.network-blocks li {
    position: relative;
    margin-bottom: 25px;
}
.team-img {
    margin-right: 15px !important;
}
.team-img img {
    max-width: 180px;
}
.service-block li {
    padding: 15px;
    margin-bottom: 20px;
}
.service-block img {
    max-height: 110px;
}

}

/* Live Chat Button - style to look like a link */
.chat-btn {
  all: unset;
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  display: inline;
}

@media (max-width: 767px) {
  #chatButton {
    display: none !important;
  }
}