@font-face {
    font-family: 'Endzone';
    font-style: bold;
    font-weight: 700;
    src: url('/assets/fonts/endzone/EndzoneTech-Bold.eot'); /* IE9 Compat Modes */
    src: url('/assets/fonts/endzone/EndzoneTech-Bold.woff2') format('woff2'), /* Super Modern Browsers */
         url('/assets/fonts/endzone/EndzoneTech-Bold.woff') format('woff'), /* Modern Browsers */
         url('/assets/fonts/endzone/EndzoneTech-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
    font-display: swap;
}

@font-face {
  font-display: swap;
  font-family: "europa";
  src: url("https://use.typekit.net/af/f3ba4f/00000000000000003b9b12fa/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/f3ba4f/00000000000000003b9b12fa/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/f3ba4f/00000000000000003b9b12fa/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal
}

@font-face {
  font-display: swap;
  font-family: "europa";
  src: url("https://use.typekit.net/af/3e64fb/00000000000000003b9b12fe/27/l?subset_id=2&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/3e64fb/00000000000000003b9b12fe/27/d?subset_id=2&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/3e64fb/00000000000000003b9b12fe/27/a?subset_id=2&fvd=n3&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 300;
  font-stretch: normal
}

@font-face {
  font-display: swap;
  font-family: "europa";
  src: url("https://use.typekit.net/af/4eabcf/00000000000000003b9b12fd/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/4eabcf/00000000000000003b9b12fd/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/4eabcf/00000000000000003b9b12fd/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal
}

@font-face {
  font-display: swap;
  font-family: "europa";
  src: url("https://use.typekit.net/af/a386b3/00000000000000003b9b12f9/27/l?subset_id=2&fvd=i3&v=3") format("woff2"), url("https://use.typekit.net/af/a386b3/00000000000000003b9b12f9/27/d?subset_id=2&fvd=i3&v=3") format("woff"), url("https://use.typekit.net/af/a386b3/00000000000000003b9b12f9/27/a?subset_id=2&fvd=i3&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 300;
  font-stretch: normal
}

@font-face {
  font-display: swap;
  font-family: "europa";
  src: url("https://use.typekit.net/af/e32ad9/00000000000000003b9b12fb/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/e32ad9/00000000000000003b9b12fb/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/e32ad9/00000000000000003b9b12fb/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 400;
  font-stretch: normal
}

@font-face {
  font-display: swap;
  font-family: "europa";
  src: url("https://use.typekit.net/af/a6fa4a/00000000000000003b9b12fc/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/a6fa4a/00000000000000003b9b12fc/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/a6fa4a/00000000000000003b9b12fc/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 700;
  font-stretch: normal
}

h1,h2{
    font-family: Endzone;
}

.accordion h2{
    font-family: var(--bs-body-font-family);
}

.text-info{
    color: #3dada6!important;
}
/* width */
::-webkit-scrollbar {
    width: 8px;
  }
  
/* Track */
::-webkit-scrollbar-track {
    background: #b0fff8;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  min-height: 45%;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(45deg, #06e5da, #048dac);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #2a2a2a;
}
  
.content{
    min-height:800px;
}
/* @media (max-width: 552px) {
    .content{
        padding-top: 35px;
    }
} */
a{
    color: #3dada6;
    text-decoration: none;
}
.tags a {
  color: #ff8787;
}
a:hover,.tags a:hover{
    color: #000
}
img{max-width:100%;height:auto;}
a.dropdown-item{
  color: var(--bs-dropdown-link-color);
}
header.navbar, header.navbar.shrink, header.navbar img{
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
header.navbar{
    background: #50ccc5;
    background: linear-gradient(0deg, #28aa9c, #31e0cd);
    min-height: 90px;
    position: sticky;
    width: 100%;
}
header.navbar-purple{
  background: #af50cc;
  background: linear-gradient(91deg, #ff12f7, #7b32ff);
}
@media (max-width: 552px) {
    header.navbar{
        min-height: 70px;
    }
}
header.navbar.shrink {
    min-height: 70px;
}

header.navbar.shrink img{
    width: 70px;
}
footer{
    color: whitesmoke;
    background: #25201f;
}
.footerhead{
  font-size: 1.5rem;
}
footer a{
    color: #f3c547;
    text-decoration: none;
    font-size: 1.2rem;
}
footer a:hover,.bg-dark a:hover{
    color: #f34747;
}
footer h5{
    color: whitesmoke;
}
#navbarSupportedContent a.nav-link{
    color: white;
}
#navbarSupportedContent a.nav-link:hover{
    color: #000
}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    color: #000;
}
.copyright {
    text-align: center;
    display: block;
    padding: 10px;
    width: 100%;
    background: #21161678;
    font-size: 80%;
    color: #c8c8c8;
}

.error {
    color: #5a5c69;
    font-size: 7rem;
    font-weight: 400;
    font-family: Endzone;
    position: relative;
    line-height: 1;
    width: 15.5rem;
}
.error:after {
    content: attr(data-text);
    position: absolute;
    left: 2px;
    text-shadow: -1px 0 #e74a3b;
    top: 0;
    color: #5a5c69;
    background: #fff;
    overflow: hidden;
    clip: rect(0, 900px, 0, 0);
    animation: noise-anim 2s infinite linear alternate-reverse;
  }
  @-webkit-keyframes noise-anim-2 {
    0% {
      clip: rect(12px, 9999px, 52px, 0);
    }
    5% {
      clip: rect(42px, 9999px, 39px, 0);
    }
    10% {
      clip: rect(64px, 9999px, 36px, 0);
    }
    15% {
      clip: rect(52px, 9999px, 15px, 0);
    }
    20% {
      clip: rect(79px, 9999px, 7px, 0);
    }
    25% {
      clip: rect(17px, 9999px, 41px, 0);
    }
    30% {
      clip: rect(15px, 9999px, 20px, 0);
    }
    35% {
      clip: rect(62px, 9999px, 87px, 0);
    }
    40% {
      clip: rect(94px, 9999px, 11px, 0);
    }
    45% {
      clip: rect(49px, 9999px, 10px, 0);
    }
    50% {
      clip: rect(82px, 9999px, 4px, 0);
    }
    55% {
      clip: rect(70px, 9999px, 100px, 0);
    }
    60% {
      clip: rect(62px, 9999px, 23px, 0);
    }
    65% {
      clip: rect(51px, 9999px, 56px, 0);
    }
    70% {
      clip: rect(41px, 9999px, 24px, 0);
    }
    75% {
      clip: rect(6px, 9999px, 85px, 0);
    }
    80% {
      clip: rect(96px, 9999px, 58px, 0);
    }
    85% {
      clip: rect(16px, 9999px, 24px, 0);
    }
    90% {
      clip: rect(40px, 9999px, 31px, 0);
    }
    95% {
      clip: rect(91px, 9999px, 34px, 0);
    }
    100% {
      clip: rect(87px, 9999px, 26px, 0);
    }
  }
  
  @keyframes noise-anim-2 {
    0% {
      clip: rect(12px, 9999px, 52px, 0);
    }
    5% {
      clip: rect(42px, 9999px, 39px, 0);
    }
    10% {
      clip: rect(64px, 9999px, 36px, 0);
    }
    15% {
      clip: rect(52px, 9999px, 15px, 0);
    }
    20% {
      clip: rect(79px, 9999px, 7px, 0);
    }
    25% {
      clip: rect(17px, 9999px, 41px, 0);
    }
    30% {
      clip: rect(15px, 9999px, 20px, 0);
    }
    35% {
      clip: rect(62px, 9999px, 87px, 0);
    }
    40% {
      clip: rect(94px, 9999px, 11px, 0);
    }
    45% {
      clip: rect(49px, 9999px, 10px, 0);
    }
    50% {
      clip: rect(82px, 9999px, 4px, 0);
    }
    55% {
      clip: rect(70px, 9999px, 100px, 0);
    }
    60% {
      clip: rect(62px, 9999px, 23px, 0);
    }
    65% {
      clip: rect(51px, 9999px, 56px, 0);
    }
    70% {
      clip: rect(41px, 9999px, 24px, 0);
    }
    75% {
      clip: rect(6px, 9999px, 85px, 0);
    }
    80% {
      clip: rect(96px, 9999px, 58px, 0);
    }
    85% {
      clip: rect(16px, 9999px, 24px, 0);
    }
    90% {
      clip: rect(40px, 9999px, 31px, 0);
    }
    95% {
      clip: rect(91px, 9999px, 34px, 0);
    }
    100% {
      clip: rect(87px, 9999px, 26px, 0);
    }
  }
  
  .error:before {
    content: attr(data-text);
    position: absolute;
    left: -2px;
    text-shadow: 1px 0 #4e73df;
    top: 0;
    color: #5a5c69;
    background: #fff;
    overflow: hidden;
    clip: rect(0, 900px, 0, 0);
    animation: noise-anim-2 3s infinite linear alternate-reverse;
  }

.btn-cta{
    background-color: #50ccc5;
    border: none;
    color: white;
}

form h2{
    font-family: var(--bs-body-font-family);
}

.btn-cta:hover{
    background-color: #48c2ba;
    color: white;
    border: none;
}

.breadcrumb{
    font-size: 12px;
}

#pricing ul {
    list-style: none;
}

.animate-fadein{
    display: none;
}
.card-title{
    min-height: 38px;
    font-size: 100%;
}
.card-title a{
    color: black;
}
.card-text{
    min-height: 120px;
    line-height: 20px;
}
#authorbox{
  background: linear-gradient(90deg, #fff, #00eaffbd), #7efff7 url(/assets/img/bg-green.webp) no-repeat 100% 100% fixed;
}
#authorbox a {
  color: #ffffff;
}
#authorbox > a{
    color: #000;
    font-size: 20px;
    font-weight: 700;
    margin-left: 20px;
}
#authorbox img {
  border: 3px dashed #ffffff!important;
}

#authorbox a:hover {
    color: #000000;
}

.cta1{
    background: #fff5e4 url(/assets/img/cta-bg1.png) no-repeat top 60% right;
    border-radius: 16px;
}
.cta1 ul, ul.starred{
    list-style: none;
}
.cta1 ul li:before, ul.starred li:before{
    content: "★";
    color: orange;
    list-style-type: circle;
    font-weight: 700;
    margin-right: 8px;
    font-size: 20px;
}

.cta1 ol li, .cta1 ul li{
    color: black;
    font-weight: normal;
}
.cta2{
    background: #b7f7f3 url(/assets/img/cta-bg2.webp) no-repeat 100% 100%;
    border-radius: 16px;
}
@media(max-width: 800px){
    .cta1{
        background: #fff5e4 url(/assets/img/cta-bg1.webp) no-repeat top 60% right 70%;
    } 
    .cta2{
        background: #b7f7f3 url(/assets/img/cta-bg2.webp) no-repeat 50% 50%;
    } 
}
.gradtitle{
    background-color: #132047;
    background-image: linear-gradient(45deg, #132047, #00fff1);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    padding-bottom: 10px;
}
.gradtitle-pinky{
    background-color: rgb(157, 92, 241);
    background-image: linear-gradient(0deg, #1602d0, #ff00d4);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    padding-bottom: 10px;
}
.gradtitle-purple{
    background-color: rgb(157, 92, 241);
    background-image: linear-gradient(315deg, #ff12f7, #7b32ff);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    padding-bottom: 10px;
}

.pinkbutton {
    border-radius: 16px;
    padding: 1rem;
    font-family: Arial, Tahoma;
    font-size: 1rem;
    padding: .5rem 3rem;
    box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
    border: solid 5px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #78e4ff, #ff48fa);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #ffffff85 inset;
    min-height: 70px;
  }
  
  .pinkbutton:hover {
    box-shadow: none;
    color: #ffffffa1;
  }


.blog .card-text {
    font-weight: 100;
    font-size: 1.2rem;
} 

.greenbutton {
    border-radius: 16px;
    padding: 1rem;
    font-family: Arial, Tahoma;
    font-size: 1rem;
    padding: .5rem 3rem;
    box-shadow: 0 0 6px 0 rgba(96, 212, 173, 0.5);
    border: solid 5px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #0f98ad, #48ffdd);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #ffffff85 inset;
    min-height: 70px;
  }
  
  .greenbutton:hover {
    box-shadow: none;
    color: #ffffffa1;
  }

  
  .pinkbutton:focus,.greenbutton:focus {
    color: #ffffffa1;
  }

.extrudetext{
    font-family: Endzone;
    color: #56d9d9;
    font-size: calc(1em + 5vw);
    font-weight: 900;
    text-shadow: -0.0075em 0.0075em 0 #54f4f4, 0.005em 0.005em 0 #1a4a49, 0.01em 0.01em 0 #2b6d65, 0.015em 0.015em #2d7b81, 0.02em 0.02em 0 #2a7a79, 0.025em 0.025em 0 #287f78, 0.03em 0.03em 0 #215d5a, 0.035em 0.035em 0 #2f8584;
}

.greenbox{
    background:#e6fffc;
}
.greenerbox{
    background:#e9f6f8;
}
.greenerbox a {
  color: #3dada6;
}
.pinkbox{
    background:#f7e9f8;
}
.pinkbox a{
    color: #f36981;
}
.pinkbox a:hover{
    color: #e15b72;
}
.goldbox{
    background: #fffef4;
}
.gradbox{
    background: linear-gradient(180deg, #e6fffc, transparent);
}
.years-experience{
    margin-bottom: 10px;
    width: auto;
    display: flex;
    align-items: center;
    margin-top: 50px;
}
.years-experience .count_box {
    margin-left: 90px;
}
.years-experience .count_text{
    font-size: calc(0.1em + 4vw);
    font-family: Impact;
}
.years-experience .icon_box{
    max-height: 120px;
    background: url('/assets/img/Grade_Symbol.png');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 18%;
    text-align: center;
}
.years-experience .icon {
    opacity: 0.7;
}
.years-experience .count_box .title {
    font-family: Impact;
}
.years-experience .count_box::before {
    content: "";
    display: block;
    width: 60px;
    height: 1px;
    background: whitesmoke;
    position: relative;
    top: 26px;
    left: -70px;
}
@media(max-width: 470px){
    .years-experience .count_box::before {
        width: 40%;
    }
    .years-experience .count_box{
        margin-left: 35%;
    }
    .years-experience .count_text{
        font-size: calc(0.1em + 6vw);
    }
}

.services-one__single {
    position: relative;
    display: block;
    border-radius:  10px;
    background-color:  #ffffff;
    box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 7%);
    padding: 100px 60px 50px;
    text-align: center;
    /* margin-bottom: 105px; */
}

.services-one__text{
  font-size: 1rem;
  font-weight: 100;
}

.services-one__icon {
    position: absolute;
    border-radius: 50%;
    background-color: var(--moniz-base, #ffffff);
    box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 7%);
    width: 150px;
    height: 150px;
    font-size: 64px;
    color: var(--moniz-black, #1e1e22);
    transition: all 500ms ease;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    top: -75px;
    transform: translateX(-50%);
    padding-bottom: 40px;
}

.icon-color-wrap {
    width: 70px;
    height: 70px;
}

.service-one__arrow {
    position: relative;
    color: var(--moniz-gray, #717178);
    transition: all 500ms ease;
    height: 65px;
    width: 65px;
    background-color: #f1f1f5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-size: 40px;
    padding-bottom: 7px;
}

.services-one__single .services-one__title a{
    color:  black;
}

.services-one__single:hover .service-one__arrow,.services-one__single:hover .services-one__icon{
    background-color: #aaf7ee;
    color: #ffffff;
}

.services-one__single:hover .services-one__title a{
    color:  #69e3d5;
}

.accordion-button:focus {
    box-shadow: none;
}

.greenerbox .accordion-button:not(.collapsed){
    background-color: #50ccc5;
    color: white;
}

.greenerbox .accordion-button:not(.collapsed)::after{
    background-image: var(--bs-accordion-btn-icon);
}

.divider-sines {
    background-image: url(/assets/img/Divider-Sine.png);
    background-size: 10% 35%;
    height: 58px;
    margin-top: -67px;
    background-repeat: repeat-x;
}
.divider-curves {
    background: url(/assets/img/Divider-Curved.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 9vw;
    position: relative;
    top: -1px;
}
.divider-line {
  background: url(/assets/img/Divider-Line.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
  height: 7vw;
  position: relative;
  top: -3vw;
}
@media(max-width: 700px) {
    .divider-curves {
        height: 50px;
    }
    .divider-line{
      background-size: 85%;
    }
}


/* TEMPLATES */
.template-purple::-webkit-scrollbar-thumb {
  background: linear-gradient(45deg, #000aff, #ae0dc6);
}
.template-purple::-webkit-scrollbar-track {
  background: #c2b0ff;
}
.template-purple a{
  color:#f36981;
}
.template-purple .greenerbox a {
  color: #3dada6;
}
/* .template-purple p a::before{
  content: "";
  position: absolute;
  top: 33px;
  width: 100px;
  transform: rotate(2deg);
  height: 4px;
  border-radius: 10px;
  background: linear-gradient(111.3deg, #e356ffb3 9.6%, #4d00ff);
} */
.template-purple a.dropdown-item{
  color:black;
}
.template-purple .breadcrumb-item a{
  color:#4800ff;
}
.template-purple a:hover{
  color:black;
}
.template-purple footer a{
  color: #7256ff;
}
.template-purple footer a:hover,.bg-dark a:hover{
  color: #c356ff;
}
.template-purple .gradbox{
  background: radial-gradient(#05013a, #610066);
}

.template-purple .breadcrumb .breadcrumb-item a{
  color: whitesmoke;
}
.template-purple .breadcrumb .breadcrumb-item a:hover {
  color: #e65cd9;
}
.template-purple .breadcrumb-item.active{
  color: #e65cd9;
}

.template-purple .extrudetext{
  color: #ff81b2;
  text-shadow: -0.0075em 0.0075em 0.05em #5f0f2891;
}

.template-purple .services-one__single:hover .service-one__arrow, .template-purple .services-one__single:hover .services-one__icon{
  background-color: #f7aabf;
}
.template-purple .services-one__single:hover .services-one__title a,.template-purple .icon-right-arrow{
  color: #f7aabf;
}
.template-purple .services-one__single:hover .icon-right-arrow{
  color:white;
}



.template-hot::-webkit-scrollbar-thumb {
  background: linear-gradient(45deg, #e5540b, #ae0dc6);
}
.template-hot::-webkit-scrollbar-track {
  background: #ffb0b7;
}
.template-hot header{
  background: #cc6250;
  background: linear-gradient(0deg, #ffba62, #ff4c00);
}