// header
// footer
// Overall
.bg-blue{
    background-color: #2D2CFE;
}
.lang-switcher{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(12px);
}
.lang-switcher__pill{
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #fff;
    padding: 8px 16px;
    font-size: 13px;
    line-height: 1;
    transition: background-color 0.2s ease, color 0.2s ease;
}
.lang-switcher__pill.is-active{
    background: #fff;
    color: #2D2CFE;
}
.lang-switcher__pill:hover{
    background: rgba(255, 255, 255, 0.16);
}
.text-blue{
    color: #2D2CFE;
}
.bg-pink{
    background-color: #F92382;
}
.text-pink{
    color: #F92382;
}
.bg-yellow{
   background-color: #ecf312;
}
.text-yellow{
  color: #ecf312;
}
.bg-green{
    background-color: #13F37D;
}
.text-green{
    color: #13F37D;
}
.bg-neutral-50{
    background-color: #252525 !important;
}
.bg-black{
  background-color: #151515 !important;
}
.sec-1-home-4{
  background-color: #2D2CFE;
}
.bg-hidden {
position: relative;
z-index: 1;
overflow: hidden;
}
.bg-app{
    background-color: #2D2CFE;
}
.card-award{
   background-color: #2928df;
   border: none;
}
.at-offcanvas{
   background-color: #2D2CFE;
}
.mp-footer-style .at-hero-social a{
    border: 1px solid #FFF;
}
.sec-1-home-4-wrap{
    padding-top: 195px !important;
}
[data-bs-theme=dark] .at-header-logo img, [data-bs-theme=dark] .at-offcanvas-logo img {
filter: none;
}
.at-header-spacing {
padding: 10px 0;
}
h1, h2, h3, h4, h5, h6{
   font-family: 'calcioregular';
   letter-spacing: initial;
   font-weight: normal;
}
.alt-font{
   font-family: "DM Sans", sans-serif;
}
.card-award-image{
   height: auto !important;
}
.card-award{
   box-shadow: initial !important;
}
.card-award-preview-transparent{
   background: transparent !important;
   box-shadow: none !important;
   border-radius: 0 !important;
   overflow: visible !important;
}
.card-award:hover .card-award-image img{
   transform: none !important;
}
.sec-1-home-4__btns{
   justify-content: center;
}
.sec-1-home-4-wrap .sec-1-home-4__tags{
   justify-content: center !important;
   width: 100%;
}
.card-award-date{
  text-align: center;
}
.card-award-web-excellence{
  color: #aef;
}
.card-award-date{
  color: #ffa;
}
.card-award-title{
  color: #FFF;
}
.logo.h4{
  font-size: 68px !important;
}
.card-award-url{
  background-color: #FFF;
  padding: 10px 20px;
  border-radius: 9999px;
  color: #2D2CFE;
}
.card-award:hover .card-award-url{
  background-color: #2D2CFE;
  padding: 10px 20px;
  border-radius: 9999px;
  color: #FFF;
}
.sec-1-home-4-wrap .sec-1-home-4{
  padding-top: 100px;
}
.sec-1-home-4-wrap .sec-1-home-4__card{
  aspect-ratio: 1/1;
  box-shadow: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
  .sec-1-home-4-wrap .sec-1-home-4__brand {
    font-size: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px){
  .sec-1-home-4-wrap .sec-1-home-4__brand {
    font-size: 150px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px){
  .sec-1-home-4-wrap .sec-1-home-4__brand {
    font-size: 150px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px){
  #hype h4{
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px){
  #hype h4{
    font-size: 40px;
  }
  #download{
    text-align: center;
  }
  .card-award-meta{
    min-width: 207px;
  }
  .card-award-meta, .card-award-icon{
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .card-award-content{
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1399px){
  .card-award-link{
    row-gap: 18px;
  }
  .card-award-content{
    flex: 1 1 auto !important;
    order: 1;
    min-width: 0;
  }
  .card-award-web-excellence{
    flex: 0 1 320px !important;
    order: 2;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
    margin-left: auto;
  }
  .card-award-date{
    display: none !important;
  }
  .card-award-meta{
    flex: 1 1 auto !important;
    order: 3;
    margin: 0;
  }
  .card-award-icon{
    order: 4;
    margin: 0 0 0 auto !important;
    align-self: center;
  }
  .card-award-meta{
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px){
  .card-award-link{
    row-gap: 18px;
  }
  .card-award-content{
    flex: 1 1 100% !important;
    order: 1;
    margin-bottom: 0;
  }
  .card-award-web-excellence{
    flex: 1 1 100% !important;
    order: 2;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  .card-award-date{
    display: none !important;
  }
  .card-award-meta{
    flex: 1 1 auto !important;
    order: 3;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .card-award-icon{
    order: 4;
    margin: 0 0 0 auto !important;
    align-self: center;
  }
  .card-award-title{
    font-size: 25px;
  }
  .card-award-image{
    width: 50px;
  }
}

@media (max-width: 574.98px){
  #hype h4{
    font-size: 40px;
  }
  .lang-switcher{
    gap: 6px;
    padding: 4px;
  }
  .lang-switcher__pill{
    padding: 7px 12px;
    font-size: 12px;
  }
  .sec-1-home-4-wrap .sec-1-home-4__tagline{
    font-size: 18px;
  }
  .sec-1-home-4__brand{
    display: none;
  }
  .card-award-web-excellence{
    flex: 1 1 100% !important;
    order: 2;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  .card-award-date{
    display: none !important;
  }
  .card-award-meta{
    flex: 1 1 auto !important;
    order: 3;
    margin: 0;
  }
  .card-award-icon{
    order: 4;
    margin: 0 0 0 auto !important;
    align-self: center;
  }
}
.at-service-card.card-1::before{
  opacity: 0.35;
}
.at-service-card.card-2::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.25;
background: linear-gradient(99deg, #000 5.05%, rgba(0, 0, 0, 0.44) 49.84%, #000 94.63%);
z-index: 0;
}
.at-service-card.card-2-myequipment, .at-service-card.card-3{
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.at-service-card.card-3::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.25;
background: linear-gradient(99deg, #000 5.05%, rgba(0, 0, 0, 0.44) 49.84%, #000 94.63%);
z-index: 0;
}
.sec-1-home-4-wrap .sec-1-home-4__tagline{
  font-weight: normal;
  text-transform: uppercase;
}
.back-to-top-btn{
  background-color: #2D2CFE;
}
@media (max-width: 574.98px){
.fz-200 {
font-size: 78px;
}
#download{
  text-align: center;
}
.card-award-web-excellence{
  font-size: 15px !important;
}
.card-award-date{
  display: none;
}
.card-award-meta{
  margin-top: 20px;
  margin-bottom: 20px;
}
.card-award-image{
  width: 50px;
}
.card-award-title{
  font-size: 19px;
}
.card-award{
  padding: 20px 22px;
}
.h1{
  line-height: 80px !important;
}
}
