:root {

   --allbox-font: '';
   --allbox-font-centauri: 'Centauri';
   --allbox-font-roboto: 'Roboto';
   --allbox-color-0: #df6417;
   --allbox-color-1: #e1721b;
   --allbox-color-2: #e4841f;
   --allbox-color-3: #e69222;
   --allbox-color-4: #e9a126;
   --allbox-color-5: #ebaf29;

   --allbox-fw: 400;
   --allbox-fs: .95rem;

   --allbox-footer-bg: #fff;
   --allbox-footer-min-height: 60vh;
   --allbox-footer-my: auto;
   --allbox-footer-mx: 0;
   --allbox-footer-py: 4rem;
   --allbox-footer-px: 0;
   --allbox-footer-position: relative;
   --allbox-footer-title-color: #2b3377;
   --allbox-footer-item-color: #5c5e87;
   --allbox-footer-link-width: 40px;
   --allbox-footer-link-aspect: 1/1;
   --allbox-footer-link-radius: 50%;
   --allbox-footer-link-display: flex;
   --allbox-footer-link-align: center;
   --allbox-footer-link-border-solid: solid;
   --allbox-footer-link-border-width: .06125rem;
   --allbox-footer-link-border-color: #5c5e87;
   --allbox-footer-link-color: #5c5e87;
   --allbox-footer-link-color-hover: #2b3377;

}

*,
*::after,
*::before {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

*::before,
*::after {
   clear: both;
}

body {
   font-family: var(--allbox-font-roboto);
   font-size: var(--allbox-fs);
   font-weight: var(--allbox-fw);
   font-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   text-size-adjust: 100%;
   background: #fafaff;
   /*linear-gradient(to right, #f1f4ed, #e5eadb);*/
}

ul,
li {
   list-style: none;
}

ul,
ol,
ul>ol,
ul>ul,
ol>ol,
ol>ul {
   margin: 0;
   padding: 0;
}

a {
   text-decoration: none;
}

a>*,
button>* {
   pointer-events: none;
}

.allbox-navbar {
   width: 100%;
   height: 80px;
   z-index: 1999;
   position: relative;
}

.allbox-navbar .container {
   display: flex;
   align-items: center;
   height: 100%;
   position: relative;
}

.allbox-navbar-brand {
   color: #FFCA1D;
   font-size: 1.15rem;
   font-family: var(--allbox-font-centauri);
}

.allbox-list,
.allbox-list li,
.allbox-list-link {
   height: 100%;
   display: flex;
   align-items: center;
   gap: 1rem;
}

.is-login-btn {
   width: 40px;
   height: 40px;
   aspect-ratio: 1/1;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid transparent;
   color: #fff !important;
   background-color: #FFCA1D;
}

.allbox-list-link:hover {
   color: #e4841f;
}

.allbox-list {
   gap: 2rem;
   margin-left: 2rem;
}

.allbox-list-link {
   color: #000;
   font-size: .8125rem;
   text-transform: uppercase;
   font-weight: 450;
}

.allbox-list-link>* {
   margin: 0;
}

.allbox-header {
   width: 100%;
   position: relative;
   margin-top: -80px;
   height: calc(100vh + 80px);
   overflow: hidden;
}

.allbox-header-caption {
   top: 50%;
   left: 50%;
   width: 100%;
   position: absolute;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

.allbox-header-wallpaper {
   width: 100%;
   height: 100%;
   position: relative;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
   background-attachment: fixed;
}

.allbox-header-wallpaper::after {
   content: '';
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   position: absolute;
   opacity: 0.8;
   background: linear-gradient(to right, #fff, rgba(0, 0, 0, 0));
}


.allbox-header-circulator,
.allbox-header-circulator-2 {
   top: -2rem;
   right: -12rem;
   width: 50%;
   height: 120%;
   background-color: #4a82e6;
   position: absolute;
   -webkit-transform: rotate(35deg);
   transform: rotate(35deg);
   border-radius: 50px;
   opacity: 0.6;
}

.allbox-header-circulator-2 {
   top: -1rem;
   right: -14.5rem;
   width: 55%;
   opacity: .2;
   background-color: #4a82e6;
}

.allbox-header-caption .title {
   font-size: clamp(2rem, 3vw, 3rem);
   line-height: clamp(2.5rem, 3.5vw, 3.5rem);
   font-weight: 800;
   font-family: 'Poppins';
   margin-top: 1rem;
   margin-bottom: 1rem;
}

.allbox-header-caption .tiny {
   text-transform: capitalize;
}

.allbox-header-btn {
   display: inline-block;
   text-align: center;
   margin-top: 1.75rem;
   padding: 1rem 2.25rem;
   background-color: #FFCA1D;
   border-radius: 50px;
   color: #fff;
}


.allbox-header-dots {
   display: flex;
   align-items: center;
   gap: .75rem;
   padding-left: 1rem;
}

.allbox-header-dot {
   width: 12px;
   aspect-ratio: 1/1;
   background-color: rgba(0, 0, 0, 0.25);
   border-radius: 50%;
   position: relative;
}

.allbox-header-dot::after {
   content: '';
   top: 50%;
   left: 50%;
   width: 185%;
   aspect-ratio: 1/1;
   position: absolute;
   border: 1px solid transparent;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   border-radius: 50%;
}

.allbox-header-dot.active {
   background-color: #FFCA1D;
}

.allbox-header-dot.active::after {
   border-color: #FFCA1D;
}

.allbox-header-links {
   top: 2rem;
   right: 2rem;
   z-index: 1111111;
   position: absolute;
   display: flex;
   flex-direction: column;
   gap: .25rem;
}

.allbox-header-links .allbox-link-item {
   color: #fff;
   width: 38px;
   aspect-ratio: 1/1;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 1.15rem;
   transition: color .25s ease-in-out;
}

.allbox-header-links .allbox-link-item:hover {
   color: rgba(255, 255, 255, .5);
}

.allbox-card-section {
   padding: 1.5rem 0 2rem;
}


.allbox-footer {
   margin-top: var(--allbox-footer-my);
   min-height: var(--allbox-footer-min-height);
   /* background-color: var(--allbox-footer-bg); */
   background-color: #3769bf;
   padding: var(--allbox-footer-py) var(--allbox-footer-px);
   position: var(--allbox-footer-position);
   /* color: var(--allbox-footer-item-color); */
   color: rgba(255, 255, 255, .5);
   font-weight: 300;
}

.allbox-footer a {
   color: rgba(255, 255, 255,1);
}

.allbox-footer-title {
   font-weight: 700;
   text-transform: uppercase;
   font-size: .825rem;
   /* color: var(--allbox-footer-title-color); */
   /* color: #fff; */
   color: #e9a126;
}


.allbox-footer-link {
   width: var(--allbox-footer-link-width);
   aspect-ratio: var(--allbox-footer-link-aspect);
   border-radius: var(--allbox-footer-link-radius);
   display: var(--allbox-footer-link-display);
   align-items: var(--allbox-footer-link-align);
   justify-content: center;
   border: var(--allbox-footer-link-border-width) var(--allbox-footer-link-border-solid) transparent;
   color: var(--allbox-footer-link-color);
   background-color: #e9a126;
   color: #fff !important;
   transition: .45s ease-in-out;
}

.allbox-footer a:hover,
.allbox-footer-link:hover {
   color: #fff;
}

.allbox-footer-link:hover {
   -webkit-transform: translateY(-10px);
   transform: translateY(-10px);
}

.allbox-footer-list {
   display: flex;
   flex-direction: column;
   gap: 1rem;
   margin-top: 1.25rem;
}


.allbox-card-section-tiny-title {
   font-weight: 400;
   font-size: .75rem;
   background-color: #ffe785;
   display: inline-block;
   text-align: center;
   border-radius: .25rem;
   padding: .25rem .5rem;
   font-family: 'Poppins';
}

.allbox-card-section-title {
   font-size: clamp(1.25rem, 1.8vw, 1.8rem);
   display: block;
   margin-top: 0.5rem;
   margin-bottom: -0.085rem;
   font-family: 'Poppins';
}

.allbox-card-section-subtitle {
   font-size: 1.5rem;
   font-weight: 200
}


.allbox-card-form-send .input-group {
   position: relative;
   margin-top: 1.75rem;
}

.allbox-card-form-send input {
   width: 100%;
   outline: none;
   border: 1px solid rgba(0, 0, 0, 0.05);
   border-radius: .625rem;
   padding: 1rem 2.5rem;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
   font-family: 'Poppins';
   font-weight: 300;
}

.allbox-card-form-send i.bxs-envelope,
.allbox-card-form-send i.bi-question-circle-fill {
   top: 50%;
   left: 1rem;
   position: absolute;
   color: rgba(0, 0, 0, 0.5);
   font-size: 1.15rem;
   margin-top: -1px;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   color: #4a82e6;
}

.allbox-card-form-send button {
   top: 50%;
   right: 0.5rem;
   position: absolute;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   height: 80%;
   border-radius: 10px;
   outline: none;
   border: 1px solid transparent;
   padding: 0 1rem;
   font-size: .875rem;
   display: flex;
   align-items: center;
   gap: 4px;
   background-color: #4a82e6;
   color: #fff;
   font-weight: 500;
}

.allbox-card-form-send button i {
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
}



.allbox-faqs-top {
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 2rem 0 1.5rem;
   flex-wrap: wrap;
   gap: 1rem;
   position: relative;
}

.allbox-faqs-top-item {
   display: flex;
   align-items: center;
   padding: 1rem 2rem;
   border-radius: 10px;
   gap: .5rem;
   color: #898a90;
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, 0.025);
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.025);
   transition: .25s ease-in;
}

.allbox-faqs-top-item>* {
   margin: 0;
   pointer-events: none;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 1;
}

.allbox-faqs-top-item.active,
.allbox-faqs-top-item:hover {
   color: #fff;
   background-color: #4a82e6;
   border-color: transparent;
   -webkit-transform: translateY(-8px);
   transform: translateY(-8px);
}

.allbox-faqs-top-item.active {
   pointer-events: none;
}

.allbox-faqs-selected {
   font-size: 1.65rem;
   margin: 3rem 0 1.5rem;
   font-weight: bold;
   display: block;
   font-family: 'Poppins';
}

.allbox-faqs-item,
.allbox-faqs-content {
   position: relative;
   width: 100%;
   display: flex;
   flex-direction: column;
}

.allbox-faqs-content {
   gap: 0.5rem;
}

.allbox-faqs-item {
   padding: 1rem 2rem;
   background-color: #fff;
   border-radius: 10px;
   border: 1px solid rgba(0, 0, 0, 0.025);
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.025);
}

.allbox-faqs-item-header {
   height: 20%;
   position: relative;
   display: flex;
   align-items: center;
   font-size: 1.15rem;
   font-family: 'Poppins';
}

.allbox-faqs-item-header>* {
   margin: 0;
}

.allbox-faqs-item-header> :first-child {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 1;
}

.allbox-faqs-item-header button {
   margin-left: auto;
   outline: none;
   width: 50px;
   border-radius: 50%;
   aspect-ratio: 1/1;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 2rem;
   border: 1px solid rgba(0, 0, 0, 0);
   background-color: transparent;
   transition: .45s ease-in-out;
}

.allbox-faqs-item-header button:hover {
   color: rgba(0, 0, 0, 0.5);
}

.allbox-faqs-item-body {
   font-family: 'Poppins';
   text-align: left;
   font-size: .875rem;
   height: 80%;
   height: 0;
   overflow: hidden;
}

.allbox-faqs-item-body>* {
   padding: .5rem 0;
   font-weight: 300;
   line-height: 1.5rem;
}


.allbox-ts-support {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
}

.allbox-ts-img {
   width: 60%;
   position: relative;
}

@media (max-width: 768px) {
   .allbox-ts-img {
      width: 100%;
   }
}



.allbox-ts-support-info {
   position: absolute;
   width: 50%;
   left: 70%;
   bottom: 2rem;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   background-color: #fff;
   border-radius: 10px;
   padding: 1rem;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.allbox-ts-img img {
   width: 100%;

}

.allbox-ts-link {
   display: inline-block;
   padding: 1rem 1.25rem;
   background-color: #ffca1d;
   border-radius: 10px;
   color: #fff;
}


.allbox-nav-toggler {
   width: 45px;
   aspect-ratio: 1/1;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   outline: none;
   background-color: transparent;
   border: 1px solid transparent;
}

.allbox-nav-toggler .line {
   display: block;
   width: 80%;
   height: 2px;
   background-color: #fff;
   box-shadow: 0 -7px 0 #fff, 0 7px 0 #fff;
}


.allbox-service-spinner {
   width: 40px;
   aspect-ratio: 1/1;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto;
   position: relative;
}

.allbox-service-spinner.hidden {
   display: block;
}

.allbox-service-spinner>.spin {
   width: 50%;
   aspect-ratio: 1/1;
   background-color: #4a82e6;
   border-radius: 50%;
   position: relative;
   -webkit-animation: animMe 1s linear infinite;
   animation: animMe 1s linear infinite;
}

.allbox-service-spinner>.spin::after {
   content: '';
   top: 50%;
   left: 50%;
   position: absolute;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   width: 180%;
   aspect-ratio: 1/1;
   background-color: #4a83e677;
   border-radius: 0%;
   border-radius: 50%;
}




@-webkit-keyframes animMe {
   0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      border-radius: 50%;
   }

   100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
      border-radius: 0%;
   }
}




@keyframes animMe {
   0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      border-radius: 50%;
   }

   100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
      border-radius: 0%;
   }
}
