:root {
    --color-white-1: #fff;
    --color-white-2: #fafafa;
    --color-black-1: #030303;
    --color-black-2: #212529;
    --color-gray-1: #353535;
    --color-gray-2: #707070;
    --color-transparent: transparent;
    --color-yellow-1: #FAFA00;
    --color-purple-1: #713DFF;
    --color-red-1: #b00505;
    --line-height-1: 28px;
    --line-height-2: 40px;
    --line-height-3: 57px;
    --line-height-4: 20px;
    --line-height-5: 22px;
    --line-height-6: 25px;
    --line-height-7: 63px;
    --line-height-8: 140px;
    --border-radius-1: 10px;
    --border-radius-2: .625rem;
    --border-radius-3: 50%;
    --border-radius-4: 140px;
    --border-radius-5: 20px;
    --border-radius-5: 30px;
    --font-family-michroma: "Michroma", sans-serif;
    --font-family-questrial: "Questrial", sans-serif;
    --color-gardient-1: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(112, 60, 252, 1) 100%);
    --color-gardient-2: linear-gradient(180deg, rgba(3, 3, 3, 1) 60%, rgba(220, 66, 0, 1) 100%);
    --color-gardient-3: linear-gradient(90deg, rgba(110, 59, 248, 1) 13%, rgba(3, 3, 3, 1) 100%);
    --color-gardient-4: linear-gradient(90deg, rgba(0, 128, 0, 1) 0%, rgba(3, 3, 3, 1) 100%);
    --color-gardient-6: linear-gradient(180deg, rgba(111, 60, 251, 1) 0%, rgba(3, 3, 3, 1) 100%);
    --color-gardient-7: linear-gradient(180deg, rgba(248, 165, 255, 1) 0%, rgba(115, 63, 255, 1) 100%);
    --color-gardient-8: linear-gradient(90deg, rgba(115, 63, 255, 1) 0%, rgba(0, 0, 0, 1) 100%);
    --color-gardient-9: linear-gradient(90deg, rgba(244, 73, 2, 1) 0%, rgba(117, 67, 246, 1) 100%);
    --color-gardient-10: linear-gradient(-90deg, rgba(244, 73, 2, 1) 0%, rgba(117, 67, 246, 1) 100%);
    --color-gardient-11: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 53%, rgba(117, 67, 246, 1) 100%);
    --color-gardient-14: linear-gradient(90deg, rgb(0, 133, 0), rgb(3, 3, 3));
    --color-gardient-15: linear-gradient(180deg, rgb(3, 3, 3), rgb(113, 61, 255) 30%, rgb(3, 3, 3) 99%);
    --color-gardient-16: linear-gradient(0deg, rgba(0, 0, 0, 1) 54%, rgba(0, 133, 0, 1) 100%);
    --color-gardient-17: linear-gradient(-90deg, rgba(3, 3, 3, 1) 0%, rgba(220, 66, 0, 1) 100%);
    --color-gardient-18: linear-gradient(90deg, rgba(3, 3, 3, 1) 0%, rgba(220, 66, 0, 1) 100%);
    /* slide background */
    --color-gardient-5: linear-gradient(0deg, rgba(3, 3, 3, 1) 0%, rgba(245, 73, 0, 1) 100%);
    --color-gardient-12: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(113, 61, 255, 1) 100%);
    --color-gardient-13: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 133, 0, 1) 100%);
    --color-gardient-reverse-1: linear-gradient(180deg, rgba(3, 3, 3, 1) 0%, rgba(245, 73, 0, 1) 100%);
    --color-gardient-reverse-2: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(113, 61, 255, 1) 100%);
    --color-gardient-reverse-3: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 133, 0, 1) 100%);
    --color-gardient-reverse-4: linear-gradient(90deg, rgba(244, 73, 2, 1) 0%, rgba(117, 67, 246, 1) 100%);
}

/***** Common Style *****/

.section-devider.--sm {
    height: unset;
}

.section-devider.--sm hr {
    border-top: 2px dashed var(--color-white-1);
}

.michroma-regular {
    font-family: "Michroma", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.questrial-regular {
    font-family: "Questrial", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.box-red {
    border: 2px solid red;
}


.figure-img {
    position: absolute;
}

.figure-1 {
    top: 60%;
    right: -2%;
    width: 28.75rem;
}

.figure-2 {
    top: 30%;
    left: -2%;
    width: 26.5rem;
}

.scroll-btn {
    height: 44px;
    width: 44px;
    background: var(--color-gray-2);
    border-radius: var(--border-radius-3);
    position: fixed;
    right: 3rem;
    bottom: 3rem;
    z-index: 1000;
    width: 2.75rem;
    height: 2.75rem;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    opacity: 0;
    visibility: hidden;
}

.scroll-btn.--visible {
    opacity: 0.7;
    visibility: visible;
    transform: translateY(0);
}

.scroll-btn i {
    color: var(--color-white-1);
}

.scroll-btn:hover {
    opacity: 1;
    transition: opacity 350ms ease;
}

.--lock-scroll {
    overflow: hidden;
}

/***** End Common Style *****/


/***** Border Button *****/

.border-btn {
    padding: 12px 30px;
    color: var(--color-yellow-1) !important;
    border-radius: var(--border-radius-1);
    font-family: var(--font-family-questrial);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    max-width: 200px;
    width: 100%;
    outline: 0.17rem dashed var(--color-yellow-1);
    outline-offset: -3px;
    background-color: var(--color-transparent);
    position: relative;
    cursor: default;
    z-index: 2;
    overflow: hidden;
    cursor: pointer;
}

.border-btn.--md {
    max-width: 300px !important;
}

.border-btn.--lg {
    max-width: 450px !important;
}

.border-btn span {
    position: relative;
    z-index: 1000;
    transition: color 350ms ease;
    transition: color 350ms ease;
    font-family: var(--font-family-questrial);
    font-size: 20px;
    font-weight: 500;
}

.border-btn:hover span {
    color: var(--color-black-1);
    transition: color 350ms ease;
}

.border-btn::after,
.border-btn::before {
    content: " ";
    display: block;
    position: absolute;
    color: var(--color-black-1);
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    background: var(--color-yellow-1);
    z-index: -1;
}

.border-btn::before {
    transform: translateX(-100%);
    z-index: 1;
}

.border-btn:hover:before {
    transform: translateX(0);
    transition: transform 350ms ease;
}

.border-btn::after {
    z-index: 0;
    transform: translateX(100%);
    transition: none;
    transition: transform 350ms ease;
}

.border-btn:hover:after {
    opacity: 1;
    transform: translateX(0);
    transition: transform 350ms 360ms ease;
}

.border-btn:hover span {
    color: var(--color-black-1) !important;
}

/***** End Border Button *****/


/***** Navbar *****/

header {
    position: fixed;
    z-index: 100000;
    right: 0px;
    left: 0px;
    background: var(--color-black-1);
}

.navbar {
    padding: 1.5rem 0;
    transition: all 0.3s ease-out;
}

.navbar__logo {
    height: 60px;
    transition: all 0.3s ease-out;
}

.navbar__logo:hover {
    opacity: 0.8;
}

.navbar__menu-item a {
    color: var(--color-white-1);
    font-family: var(--font-family-questrial);
    font-size: 20px;
    font-weight: 500;
    height: 100%;
}

.navbar__menu-item a:not(.border-btn):hover span {
    color: var(--color-yellow-1);
}

.navbar.--active .navbar__logo {
    height: 50px;
    transition: all 0.3s ease-out;
}

.navbar.--active {
    padding: 1.6rem 0;
    transition: all 0.3s ease-out;
}

.dropdown-menu {
    display: none;
    font-size: 14px;
    color: var(--color-black-1);
    text-align: left;
    list-style: none;
    background-color: var(--color-black-1);
    border: 1px dashed var(--color-white-1);
    border-radius: var(--border-radius-2);
    --bs-dropdown-link-hover-bg: var(--color-transparent);
    --bs-dropdown-link-hover-color: var(--color-yellow-1);
    transform: translate(-15px, 0px);
}

.navbar__burger {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 21px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 100001;
}

.navbar__burger span {
    width: 100%;
    height: 3px;
    background-color: var(--color-white-1);
    border-radius: var(--border-radius-1);
    transition: all 0.3s ease-in-out;
    transform-origin: center;
}

.navbar__burger.--active span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
}

.navbar__burger.--active span:nth-child(2) {
    opacity: 0;
}

.navbar__burger.--active span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
}

.navbar__menu {
    flex-direction: row !important;
}

.navbar__menu-container {
    transition: all 0.1s ease-in-out;
}


/***** End Navbar *****/


/***** Home Page *****/

.home-content,
.service-content,
.blog-content,
.service-single-content,
.blog-single-content,
.about-us-content,
.result-content,
.result-single-content,
.contact-us-content {
    padding-top: 6.7rem;
    background-color: var(--color-black-1);
    overflow: hidden;
}

/* Banner Section */

.home-banner {
    height: 120vh;
    min-height: 1000px;
    padding: 7.5rem 0px;
    position: relative;
    background: var(--color-black-1);
    gap: 200px;
    margin-bottom: 200px;
}

.home-banner__header {
    font-size: 4.25rem;
    font-weight: 700;
    color: var(--color-white-1);
    max-width: 70%;
    text-align: center;
    line-height: var(--line-height-7);
    z-index: 1;
}

.home-banner__description {
    font-size: 2.125rem;
    max-width: 60%;
    font-weight: 700;
    color: var(--color-white-1);
    text-align: center;
    line-height: var(--line-height-2);
    z-index: 1000;
}

.logo-image {
    width: 40%;
    transform: rotate(-5deg);
    z-index: 1;
}

/* Start-up Section */

.home-start-up {
    padding: 7.5rem 0px 5.5rem 0px;
    min-height: 500px;
    height: auto;
    background: var(--color-black-1);
    background: var(--color-gardient-1);
}

.start-up__description {
    font-size: 2.125rem;
    max-width: 60%;
    font-weight: 700;
    color: var(--color-white-1);
    text-align: center;
    line-height: var(--line-height-2);
}

.brands-container__item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Section Divider */

.section-devider {
    width: 100%;
    height: 100px;
}

.section-devider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Graph Section */

.home-graph {
    height: auto;
    min-height: 1000px;
    padding: 7.5rem 0px;
    position: relative;
    background: var(--color-black-1);
    background: var(--color-gardient-2);
}

.graph-header {
    font-weight: 700;
    font-size: 48px;
    line-height: var(--line-height-3);
    color: var(--color-white-1);
}

.graph-description {
    font-weight: 400;
    font-size: 20px;
    line-height: var(--line-height-1);
    color: var(--color-white-1);
}

.graph-image-container {
    height: 100vh;
}

.graph-image-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Service Section */

.home-service {
    min-height: 0;
    height: auto;
    padding: 7.5rem 0px;
    position: relative;
}

.home-service__header {
    font-weight: 700;
    font-size: 42px;
    line-height: var(--line-height-3);
    color: var(--color-white-1);
}

.home-service__card {
    height: 250px;
    background: var(--color-black-1);
    background: var(--color-gardient-3);
    border-radius: var(--border-radius-1);
    padding: 40px 30px;
    font-family: var(--font-family-questrial);
    cursor: pointer;
}

.home-service__card h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: var(--line-height-4);
    color: var(--color-white-1);
}

.home-service__card p {
    font-weight: 500;
    font-size: 14px;
    line-height: var(--line-height-1);
    color: var(--color-white-1);
}

.home-service__card span {
    font-weight: 400;
    font-size: 16px;
    line-height: var(--line-height-5);
    color: var(--color-yellow-1);
    border-bottom: 1px solid var(--color-yellow-1);
    padding-bottom: 1px;
}

.home-service__card i {
    font-size: 20px;
    vertical-align: text-bottom;
}

/* Partners Section */

.home-partners {
    height: auto;
    min-height: 0;
    padding: 7.5rem 0px;
    position: relative;
    background: var(--color-black-1);
    background: var(--color-gardient-4);
}

.home-partners__header p {
    font-weight: 500;
    font-size: 20px;
    font-family: var(--font-family-questrial);
    line-height: var(--line-height-1);
    color: var(--color-white-1);
    margin-bottom: 20px;
}

.home-partners__header h2 {
    font-weight: 700;
    font-size: 48px;
    line-height: var(--line-height-3);
    color: var(--color-white-1);
    font-family: var(--font-family-michroma);
    margin-top: 30px;
}

.special-text {
    font-size: 26px;
    font-weight: 700;
    color: var(--color-yellow-1);
}

.home-partners__card {
    background: var(--color-white-1);
    padding: 30px;
    border-radius: var(--border-radius-1);
    min-height: 700px;
    display: flex;
    flex-direction: column;
}

.partners-card__header {
    padding-bottom: 30px;
    margin-bottom: 30px;
    height: 110px;
    border-bottom: 1px dashed var(--color-black-1);
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.partners-card__header img {
    width: 80%;
    height: 80%;
    object-fit: contain;
}

.partners-card__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.partners-card__content__header {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 12px;
}

.partners-card__content__header h3 {
    font-family: var(--font-family-questrial);
    font-size: 24px;
    font-weight: 700;
    line-height: var(--line-height-1);
}

.partners-card__content__header p {
    font-family: var(--font-family-questrial);
    font-size: 14px;
    font-weight: 500;
    line-height: var(--line-height-4);
}

.partners-card__content__footer {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    width: 100%;
}

.content__footer__avatar {
    display: flex;
    align-items: center;
    gap: 10px;
}

.content__footer__avatar-container {
    overflow: hidden;
    border-radius: var(--border-radius-3);
    height: 40px;
    width: 40px;
    flex-shrink: 0;
}

.content__footer__avatar-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.content__footer__avatar-text h4 {
    font-size: 14px;
    font-weight: 700;
    font-family: var(--font-family-questrial);
    line-height: var(--line-height-4);
}

.content__footer__avatar-text span {
    font-size: 14px;
    font-weight: 500;
    font-family: var(--font-family-questrial);
    line-height: var(--line-height-4);
}

.content__footer__price {
    color: var(--color-purple-1);
    margin-top: 20px;
}

.content__footer__price span {
    font-size: 48px;
    font-weight: 700;
    font-family: var(--font-family-questrial);
    line-height: var(--line-height-2);
    color: var(--color-purple-1);
    display: flex;
    align-items: center;
}

.content__footer__price a {
    font-size: 16px;
    font-weight: 700;
    font-family: var(--font-family-questrial);
    line-height: var(--line-height-4);
    color: var(--color-purple-1);
    text-decoration: none;
    border-bottom: 1px solid var(--color-purple-1);
    padding-bottom: 1px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.content__footer__price a i {
    font-size: 20px;
}

/* Home Slider Section */

.home-slider {
    height: auto;
    min-height: 0;
    padding: 7.5rem 0px;
    position: relative;
}

.home-slider__header {
    gap: 25px;
}

.home-slider__header p {
    font-weight: 500;
    font-size: 20px;
    font-family: var(--font-family-questrial);
    line-height: var(--line-height-1);
    color: var(--color-white-1);
}

.home-slider__header h2 {
    font-weight: 700;
    font-size: 48px;
    line-height: var(--line-height-3);
    color: var(--color-white-1);
    font-family: var(--font-family-michroma);
}

.home-slider__header .special-text {
    color: var(--color-white-1);
}

.slide-nav-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 50px;
    font-weight: 400;
    color: var(--color-white-1);
    border-radius: 50%;
    border: 2px dashed var(--color-white-1);
    cursor: pointer;
    width: 70px;
    height: 70px;
    min-width: 70px;
    min-height: 70px;
    padding: 0;
    line-height: 1;
}

.slide-nav-btn i {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}

.slide-nav-btn.disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.slide-nav-btn:not(.disabled):hover {
    color: var(--color-yellow-1);
    border-color: var(--color-yellow-1);
}

.swiper {
    width: 100%;
    height: 100%;
}

.slider-slide-plan {
    min-height: 600px;
    height: auto;
    background: var(--color-black-1);
    border-radius: var(--border-radius-1);
    padding: 80px;
}

.--bg-gardient-1 {
    background: var(--color-gardient-5);
}

.--bg-gardient-2 {
    background: var(--color-gardient-12);
}

.--bg-gardient-3 {
    background: var(--color-gardient-13);
}

.slide-card__text {
    text-align: start;
    height: 100%;
}

.slide-card__text .slide-card__icon {
    height: 70px;
    width: 70px;
    border: 3px dashed var(--color-white-1);
    border-radius: var(--border-radius-3);
    font-family: var(--font-family-questrial);
    font-size: 28px;
    color: var(--color-white-1);
}

.slide-card__text h3 {
    color: var(--color-white-1);
    font-family: var(--font-family-michroma);
    font-size: 34px;
    font-weight: 700;
    line-height: var(--line-height-1);
}

.slide-card__text p {
    color: var(--color-white-1);
    font-family: var(--font-family-questrial);
    font-size: 16px;
    line-height: var(--line-height-5);
    font-weight: 500;
}

.slide-card__img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* Home QA Section */

.home-qa {
    background: var(--color-black-1);
    background: var(--color-gardient-6);
    height: auto;
    position: relative;
    overflow: hidden;
}

.home-qa__partners,
.home-qa__top-tier {
    height: auto;
    width: 100%;
    padding: 60px 80px;
    border-radius: var(--border-radius-1);
    background: var(--color-black-1);
    background: var(--color-gardient-7);
    z-index: 2;
}

.home-qa__partners h2,
.home-qa__top-tier h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: var(--line-height-1);
    font-family: var(--font-family-questrial);
    color: var(--color-black-1);
}

.home-qa__container {
    gap: 120px;
    padding: 120px;
}

.home-qa__partners-container {
    gap: 60px;
}

.home-qa__partners-container .partner-logo {
    width: 20%;
    height: 40px;
}

.home-qa__partners-container img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.home-qa__qa h3 {
    font-family: var(--font-family-michroma);
    font-size: 48px;
    font-weight: 700;
    line-height: var(--line-height-3);
    color: var(--color-white-1);
    text-align: center;
}

.home-qa__qa .accordion-button {
    font-size: 20px;
    font-family: var(--font-family-questrial);
    font-weight: 700;
    line-height: var(--line-height-1);
}

.home-qa__qa .accordion-button:hover {
    color: var(--color-yellow-1);
}

.home-qa__qa .accordion-body {
    font-size: 18px;
    font-weight: 400;
    font-family: var(--font-family-questrial);
    line-height: var(--line-height-6);
}

.home-qa__qa .accordion-item {
    border-radius: var(--border-radius-1) !important;
    overflow: hidden;
}

.home-qa__qa .accordion-item:first-of-type,
.home-qa__qa .accordion-item:last-of-type {
    border-radius: var(--border-radius-1) !important;
}

.home-qa__qa .accordion-button {
    border-radius: var(--border-radius-1) !important;
}

.home-qa__qa .accordion-button:not(.collapsed) {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.home-qa__qa .accordion {
    --bs-accordion-color: var(--color-white-1);
    --bs-accordion-bg: var(--color-gray-1);
    --bs-accordion-transition: color .2s ease-in-out;
    --bs-accordion-border-color: none;
    --bs-accordion-border-radius: var(--border-radius-1);
    --bs-accordion-inner-border-radius: var(--border-radius-1);
    --bs-accordion-btn-padding-x: 40px;
    --bs-accordion-btn-padding-y: 15px;
    --bs-accordion-btn-color: var(--color-white-1);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E");
    --bs-accordion-btn-icon-width: 2.5rem;
    --bs-accordion-btn-icon-transform: rotate(45deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E");
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-body-padding-x: 40px;
    --bs-accordion-body-padding-y: 15px;
    --bs-accordion-active-color: var(--color-white-1);
    --bs-accordion-active-bg: var(--color-gray-1);
}

.home-qa__qa {
    z-index: 100;
}

.home-qa .cube {
    position: absolute;
}

.home-qa .cube-1 {
    top: 0;
    transform: rotate(20deg);
    right: 8rem;
    width: 25rem;
}

.home-qa .cube-2 {
    transform: rotate(-25deg);
    bottom: -30rem;
    left: -17rem;
    width: 67.5rem;
}

/* Home News Section */

.home-news {
    height: auto;
    background: var(--color-black-1);
    background: var(--color-gardient-8);
    padding: 120px 0;
}

.home-news h2 {
    font-size: 48px;
    font-family: var(--font-family-michroma);
    text-align: start;
    font-weight: 700;
    max-width: 90%;
    padding: 0 120px;
    color: var(--color-white-1);
    line-height: var(--line-height-3);
}

.card-container {
    padding: 0 120px;
}

.card-container .row {
    align-items: stretch !important;
}

.card-container .col-4 {
    display: flex;
}

/* News Card */

.news-card {
    width: 100%;
    height: 600px;
    background: var(--color-white-1);
    overflow: hidden;
    border-radius: var(--border-radius-1);
    display: flex;
    flex-direction: column;
}

.news-card__header {
    flex: 0 0 200px;
    overflow: hidden;
    position: relative;
}

.news-card__header img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-card__body {
    flex: 1;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.news-card__body h3 a {
    color: var(--color-black-1);
    font-family: var(--font-family-questrial);
    font-size: 24px;
    font-weight: 700;
    line-height: var(--line-height-1);
    text-decoration: none;
    transition: color 350ms ease;
}

.news-card__body h3 {
    max-height: 100px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-card__body h3:hover {
    color: var(--color-purple-1);
    transition: color 350ms ease;
}

.news-card__body p {
    font-family: var(--font-family-questrial);
    font-size: 14px;
    color: var(--color-gray-2);
    line-height: var(--line-height-4);
    font-weight: 500;
    overflow: hidden;
    max-height: 200px;
    text-overflow: ellipsis;
}

.news-card__footer {
    flex: 0 0 auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: auto;
}

.news-card__time {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: var(--color-gray-2);
    font-weight: 500;
    font-family: var(--font-family-questrial);
}

.news-card__author {
    display: flex;
    align-items: center;
    gap: 10px;
}

.author__avatar {
    width: 36px;
    height: 36px;
    border-radius: var(--border-radius-3);
    overflow: hidden;
    flex-shrink: 0;
}

.author__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-card__author-info {
    display: flex;
    flex-direction: column;
    font-family: var(--font-family-questrial);
    font-size: 13px;
    font-weight: 600;
    color: var(--color-black-1);
    line-height: 1.3;
}

/* Tags */

.tags-container {
    position: absolute;
    left: 10px;
    top: 10px;
    display: flex;
    gap: 8px;
    z-index: 10;
}

.tag {
    height: 30px;
    font-family: var(--font-family-questrial);
    font-size: 13px;
    font-weight: 500;
    background: var(--color-black-1);
    border-radius: var(--border-radius-1);
    padding: 4px 12px;
    color: var(--color-white-1);
    display: flex;
    align-items: center;
}

/***** End Home Page *****/


/***** Footer *****/

/* footer contact us banner */

.footer-contact-us-banner {
    padding: 80px;
    background: var(--color-black-1);
    overflow: hidden;
}

.contact-us-banner {
    height: 500px;
    background: var(--color-black-1);
    background: var(--color-gardient-9);
    padding: 120px;
    border-radius: var(--border-radius-1);
    position: relative;
}

.contact-us-banner h2 {
    font-size: 68px;
    font-weight: 700;
    line-height: var(--line-height-7);
    font-family: var(--font-family-michroma);
    max-width: 700px;
    color: var(--color-white-1);
    z-index: 0;
}

.contact-us-banner img {
    z-index: 1;
    width: 41.25rem;
    position: absolute;
    right: -11rem;
    top: -3rem;
}

/* footer subscribe section*/

.footer-subcription__container {
    position: relative;
    padding: 2px 0;
}

.footer-subcription__container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--color-gardient-10)
}

.footer-subcription__container::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--color-gardient-10)
}

.footer-subcription__container {
    margin: 80px auto 0 auto;
    padding: 80px;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    text-align: center;
}

.footer-subcription__container h2 {
    font-size: 48px;
    font-weight: 700;
    font-family: var(--font-family-michroma);
    color: var(--color-white-1);
    line-height: var(--line-height-3);
    max-width: 80%;
}

footer {
    background: var(--color-black-1);
    background: var(--color-gardient-11);
    overflow: hidden;
}

.footer-links {
    padding-top: 80px;
    padding-bottom: 80px;
}

.footer-links .accordion-button {
    font-size: 20px;
    font-family: var(--font-family-questrial);
    font-weight: 700;
    line-height: var(--line-height-1);
    padding: 10px 0px 0px 0px;
}

.footer-links .accordion-button:hover {
    color: var(--color-yellow-1);
}

.footer-links .accordion-item {
    position: relative;
    padding-bottom: 15px;
}

.footer-links .accordion-item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--color-gardient-reverse-4)
}

.footer-links .accordion {
    --bs-accordion-color: var(--color-white-1);
    --bs-accordion-bg: var(--color-transparent);
    --bs-accordion-transition: color .2s ease-in-out;
    --bs-accordion-border-color: none;
    --bs-accordion-border-radius: var(--border-radius-1);
    --bs-accordion-inner-border-radius: var(--border-radius-1);

    --bs-accordion-btn-color: var(--color-white-1);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E");
    --bs-accordion-btn-icon-width: 2.5rem;
    --bs-accordion-btn-icon-transform: rotate(45deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E");
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-body-padding-x: unset;
    --bs-accordion-body-padding-y: 15px;
    --bs-accordion-active-color: var(--color-white-1);
    --bs-accordion-active-bg: var(--color-transparent);
}

.footer-links__container h3 {
    font-family: var(--font-family-questrial);
    font-size: 26px;
    font-weight: 700;
    line-height: var(--line-height-1);
    color: var(--color-white-1);
    margin-bottom: 30px;
}

.footer-links__links li {
    font-size: 20px;
    font-family: var(--font-family-questrial);
    font-weight: 500;
    line-height: var(--line-height-1);
    color: var(--color-white-1);
    margin-bottom: 5px;
}

.footer-links .container .row {
    position: relative;
    padding-bottom: 80px;
}

.footer-links .container .row::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--color-gardient-10);
}

/* footer contact logo */

.footer-contact-logo {
    padding-bottom: 80px;
    overflow: hidden;
    position: relative;
}

.footer-contact-logo .sphere {
    position: absolute;
    width: 30rem;
    top: 10rem;
    left: -15rem;
    transform: rotate(-45deg);
}

.footer-contact__icons i {
    width: 50px;
    height: 50px;
    font-size: 45px;
    color: var(--color-white-1);
    transition: color 350ms ease;
    cursor: pointer;
}

.footer-contact__icons i:hover {
    transition: color 350ms ease;
    color: var(--color-yellow-1);
}

.footer-contact__adress {
    color: var(--color-white-1);
    font-family: var(--font-family-questrial);
}

.footer-contact__adress h3,
.footer-contact__adress h4,
.footer-links .container .row h4 {
    font-weight: 700;
    font-size: 20px;
    line-height: var(--line-height-6);
}

.footer-contact__adress span,
.footer-links .container .row span {
    font-size: 14px;
    font-weight: 700;
    line-height: var(--line-height-4);
}

.contact-logo img {
    width: 90%;
    height: 90%;
    object-fit: cover;
}

.contact-logo+span {
    color: var(--color-white-1);
    font-family: var(--font-family-questrial);
    line-height: var(--line-height-4);
    font-size: 14px;
    font-weight: 500;
}

/***** End Footer *****/


/***** Service Page *****/

.--bg-black {
    background: var(--color-black-1);
}

.service-banner {
    padding: 7.5rem 0;
    background: var(--color-gardient-14);
}

.service-banner img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.service-banner h1 {
    font-size: 4.25rem;
    color: var(--color-white-1);
    font-family: var(--font-family-michroma);
    font-weight: 700;
    line-height: var(--line-height-7);
}

.service-banner h2 {
    font-size: 2.125rem;
    color: var(--color-white-1);
    font-family: var(--font-family-michroma);
    font-weight: 700;
    line-height: var(--line-height-1);
}

.service-banner p {
    font-size: 1.25rem;
    color: var(--color-white-1);
    font-family: var(--font-family-questrial);
    font-weight: 500;
    line-height: var(--line-height-1);
}

.mw-100 {
    max-width: 100% !important;
}

/***** End Service Page *****/


/***** Blog Page *****/


/* blog banner */
.blog-banner__heading {
    background: var(--color-gardient-15);
    padding: 7.5rem 0px;
    text-align: center;
}

.blog-banner__heading h1 {
    text-transform: uppercase;
    font-size: 4.25rem;
    line-height: var(--line-height-7);
    font-family: var(--font-family-michroma);
    font-weight: 700;
    color: var(--color-white-1);
}

.tag-btn {
    padding: 4px 14px;
    border: 2px dashed var(--color-white-1);
    border-radius: var(--border-radius-1);
}

.tag-btn a {
    font-size: 18px;
    line-height: var(--line-height-6);
    text-wrap: nowrap;
    font-weight: 400;
    font-family: var(--font-family-questrial);
    color: var(--color-white-1);
}

.tag-btn.--active {
    background: var(--color-yellow-1);
    border: 2px solid yellow;
}

.tag-btn.--active a {
    color: var(--color-black-1);
}

.blog-banner__search-input-container {
    padding-left: 16px;
    border-left: 2px solid var(--color-white-1);
    background: var(--color-black-1);
}

.blog-banner__search-input-container input {
    background: var(--color-transparent);
    border: unset;
    font-size: 18px;
    font-family: var(--font-family-questrial);
    color: var(--color-white-1);
    padding: 6px;
}

.blog-banner__search-input-container input:focus {
    outline: unset;
}

.blog-banner__search-input-container button {
    background: unset;
    border: unset;
}

.blog-banner__search-input-container button i {
    color: var(--color-white-1);
    font-size: 16px;
}

.blog-tag-result h2 {
    font-size: 34px;
    font-weight: 700;
    line-height: var(--line-height-2);
    font-family: var(--font-family-michroma);
    color: var(--color-white-1);
}

.blog-tag-result .news-card,
.blog-articles .news-card {
    height: 550px;
}

.blog-tag__card-container .news-card {
    height: 400px;
}

.blog-tag__card-container .news-card__header {
    flex: 0 0 65%;
}

.blog-tag__card-container .news-card__footer {
    flex-direction: column;
}

.blog-tag-result {
    padding: 5.5rem 0;
    background: var(--color-black-1);
    overflow: hidden;
}

.blog-tag-result .news-card__body a:hover {
    color: var(--color-purple-1);
}

.slider-blog {
    overflow: visible !important;
    margin-left: 0;

    /* MAGIC TRICK: 
       Clip-path inset(top, right, bottom, left)
       Setting the right to -100vw allows it to be visible infinitely to the right.
       Setting the left to 0 clips it exactly at the start of the div. */
    clip-path: inset(0 -100vw 0 0);
}

.slider-blog-wrapper {
    overflow: visible !important;
}

.blog-tag-result .tag a,
.blog-articles .tag a {
    color: var(--color-white-1);
}

.blog-tag-result .tag:hover a,
.blog-articles .tag:hover a {
    color: var(--color-yellow-1);
}

.blog-article-subscribe {
    margin-top: 4rem;
    background: var(--color-black-1);
}

.blog-article-subscribe__container {
    padding: 120px 80px;
    border-radius: var(--border-radius-1);
}

.blog-article-subscribe__container h2 {
    font-family: var(--font-family-michroma);
    font-size: 34px;
    font-weight: 700;
    line-height: var(--line-height-2);
    color: var(--color-white-1);
    text-align: center;
}

.blog-article-subscribe__container h2 .special-text {
    font-size: 34px;
}

.blog-articles {
    padding-top: 7.5rem;
}

.blog-articles h2 {
    font-size: 34px;
    font-weight: 700;
    font-family: var(--font-family-michroma);
    line-height: var(--line-height-2);
    color: var(--color-white-1);
}

.blog-articles .slide-nav-btn {
    height: 55px;
    min-height: 55px;
    width: 55px;
    min-width: 55px;
}

.blog-articles .slide-nav-btn i {
    font-size: 40px;
}

.pagination span {
    font-size: 20px;
    font-family: var(--font-family-questrial);
    font-weight: 700;
    color: var(--color-white-1);
}

.blog-banner__search .dropdown {
    width: 50%;
    height: 100%;
    font-family: var(--font-family-questrial);
}

.blog-banner__search .dropdown-toggle {
    border: unset;
    padding: 15px 30px;
    font-size: 20px;
    width: 100%;
    color: var(--color-white-1);
    border-radius: var(--border-radius-1);
    background-color: var(--color-gray-1);
}

.blog-banner__search .dropdown-toggle::after {
    display: none !important;
}

.blog-banner__search .dropdown-toggle:focus {
    outline: unset;
}

.blog-banner__search .dropdown-toggle:active {
    background: var(--color-gray-1);
}

.blog-banner__search .dropdown-toggle i {
    transition: transform 0.3s ease;
    width: 30px;
    height: 30px;
}

.blog-banner__search .dropdown-toggle[aria-expanded="true"] i {
    transform: rotate(-45deg);
}

.blog-banner__search .dropdown-toggle[aria-expanded="true"] {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
}

.blog-banner__search .dropdown-menu {
    border-radius: 0px 0px var(--border-radius-1) var(--border-radius-1);
    width: 100%;
    border: unset;
    background: var(--color-gray-1);
    top: -2px !important;
    padding-bottom: 20px;
}

.blog-banner__search .dropdown-menu .tag-btn {
    border: unset;
    border-radius: unset;
    padding: 0px 30px;
}


/***** End Blog Page *****/


/***** Blog Single Page *****/

/* Post navbar */

/* .post-nav{
    position: fixed;
    top: 0;
    height: 70px;
    background: red;
    width: 100%;
    z-index: 1000;
} */

/* banner */
.blog-single-banner,
.blog-single-post {
    padding: 5.5rem 0;
}

.blog-single-banner {
    background: var(--color-white-2);
}

.blog-single-banner h1 {
    font-size: 68px;
    line-height: var(--line-height-7);
    font-weight: 700;
    font-family: var(--font-family-michroma);
}

.blog-single-banner p {
    font-size: 18px;
    line-height: var(--line-height-1);
    font-weight: 400;
    font-family: var(--font-family-questrial);
}

.blog-single-content {
    background: var(--color-white-1);
}

.blog-single-content .tag a,
.footer-see-more .tag a {
    color: var(--color-white-1);
}

.blog-single-content .tag:hover a,
.footer-see-more .tag:hover a {
    color: var(--color-yellow-1);
}

.blog-single-banner .banner-author__time-stamp {
    font-size: 14px;
    line-height: var(--line-height-4);
    font-weight: 500;
    font-family: var(--font-family-questrial);
}

.blog-single-banner .banner__author-container {
    margin-right: 20px;
    padding-right: 20px;
    border-right: 2px solid var(--color-gray-2);
}

/* blog single Post */

.sticky-sidebars {
    position: sticky;
    top: 7rem;
}

.blog-single-post .post__subscribe {
    padding: 40px 20px;
    border: 2px dashed var(--color-black-1);
    border-radius: var(--border-radius-1);
}

.blog-single-post .post__subscribe h2 {
    font-size: 18px;
    line-height: var(--line-height-6);
    font-weight: 700;
    font-family: var(--font-family-questrial);
}

.blog-single-post .post__subscribe .border-btn {
    outline-color: var(--color-black-1);
}

.blog-single-post .post__subscribe .border-btn span {
    color: var(--color-black-1);
}

.post__sign-up {
    padding: 40px 20px;
    border-radius: var(--border-radius-1);
    background: var(--color-black-1);
}

.post__sign-up h2 {
    font-size: 20px;
    line-height: var(--line-height-1);
    font-weight: 700;
    font-family: var(--font-family-questrial);
    color: var(--color-white-1);
}

/* author section */

.blog-single-author .author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-single-author .author-avatar {
    min-height: 140px;
    min-width: 140px;
    height: 140px;
    width: 140px;
    border-radius: var(--border-radius-3);
    overflow: hidden;
}

.blog-single-author {
    padding: 40px 0;
    margin: 5.5rem 0;
    border-top: 2px dashed var(--color-gray-2);
    border-bottom: 2px dashed var(--color-gray-2);
}

.blog-single-author h3 a {
    color: var(--color-black-1);
    font-size: 20px;
    line-height: var(--line-height-6);
    font-weight: 700;
    font-family: var(--font-family-questrial);
}

.blog-single-author p {
    color: var(--color-black-1);
    font-size: 18px;
    line-height: var(--line-height-6);
    font-weight: 400;
    font-family: var(--font-family-questrial);
}

/* footer */
.footer-see-more {
    padding: 7.5rem 0;
}

.footer-see-more h2 {
    color: var(--color-white-1);
    font-size: 34px;
    line-height: var(--line-height-2);
    font-weight: 700;
    font-family: var(--font-family-michroma);
}

.blog-single-content {
    overflow: unset;
}

/***** End Blog Single Page *****/


/***** About Us page *****/

/* Banner */

.about-us-banner {
    padding: 7.5rem;
    background: var(--color-gardient-16);
}

.about-us-banner h1 {
    color: var(--color-white-1);
    font-size: 140px;
    line-height: var(--line-height-8);
    font-weight: 700;
    font-family: var(--font-family-michroma);
}

.about-us-banner h1 span {
    opacity: 0.75;
}

.about-us-banner p {
    color: var(--color-white-1);
    font-size: 20px;
    line-height: var(--line-height-1);
    font-weight: 700;
    font-family: var(--font-family-questrial);
}

.about-us-content .slide-nav-btn a {
    color: var(--color-white-1);
}

.about-us-content .slide-nav-btn:hover a {
    color: var(--color-yellow-1);
}

.about-us-content .banner-img img {
    width: 80%;
    height: 80%;
    object-fit: cover;
    transform: rotate(15deg);
}

/* about us card */

.about-us-card {
    padding: 7.5rem;
    background: var(--color-gardient-1);
}

.about-us-card .defining-card {
    height: 450px;
    border-radius: var(--border-radius-5);
    background: var(--color-gardient-3);
    padding: 80px;
    box-shadow: rgba(255, 253, 253, 0.3) 16px 20px 20px 0px;
}

.defining-card h2 {
    color: var(--color-white-1);
    font-size: 68px;
    line-height: var(--line-height-7);
    font-weight: 700;
    font-family: var(--font-family-michroma);
}

.defining-card span {
    color: var(--color-white-1);
    font-size: 50px;
    font-weight: 700;
    font-family: var(--font-family-questrial);
    opacity: 0.75;
    padding: 0 10px;
    border-left: 5px solid var(--color-white-1);
    border-right: 5px solid var(--color-white-1);
}

.defining-card p {
    color: var(--color-white-1);
    font-size: 34px;
    line-height: var(--line-height-2);
    font-weight: 700;
    font-family: var(--font-family-michroma);
}

/* workers slider */

.about-us-team-slider {
    padding: 7.5rem;
}

.about-us-team-slider h2 {
    color: var(--color-white-1);
    font-size: 48px;
    line-height: var(--line-height-3);
    font-weight: 700;
    font-family: var(--font-family-michroma)
}

.about-us-team-slider p {
    color: var(--color-white-1);
    font-size: 20px;
    line-height: var(--line-height-1);
    font-weight: 500;
    font-family: var(--font-family-questrial)
}

.swiper-slide-team {
    height: 600px;
}

.swiper-slide-team__img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.swiper-slide-team__img {
    display: flex;
    border-radius: var(--border-radius-5);
    overflow: hidden;
    flex-grow: 3;
    transition: all 350ms ease-in-out;
}

.img-1 {
    order: 1;
    transition: all 350ms ease-in-out;

}

.img-2 {
    transition: all 350ms ease-in-out;
    opacity: 0;
    order: 2;
}

.swiper-slide-team__img:hover .img-1 {
    opacity: 0;
    transition: all 350ms ease-in-out;
    order: 2;
}

.swiper-slide-team__img:hover .img-2 {
    opacity: 1;
    transition: all 350ms ease-in-out;
    order: 1
}

.swiper-slide-team h3 {
    color: var(--color-white-1);
    font-size: 24px;
    line-height: var(--line-height-1);
    font-weight: 700;
    font-family: var(--font-family-questrial);
}

.swiper-slide-team p {
    color: var(--color-white-1);
    font-size: 18px;
    line-height: var(--line-height-1);
    font-weight: 700;
    font-family: var(--font-family-questrial);
}

/* Award section */

.about-us-recognition {
    background: var(--color-gardient-13);
    text-align: center;
    padding: 7.5rem 0;
}

.about-us-recognition h2 {
    color: var(--color-white-1);
    font-size: 48px;
    line-height: var(--line-height-3);
    font-weight: 700;
    font-family: var(--font-family-michroma);
}

.about-us-recognition img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* about us number section */

.about-us-numbers {
    padding: 7.5rem 0;
}

.about-us-numbers .home-service__card {
    min-height: 200px;
}

.about-us-numbers .home-service__card h2 {
    font-size: 100px;
    line-height: 100px;
}

.about-us-numbers .home-service__card p {
    font-size: 24px;
    line-height: var(--line-height-6);
}

/***** End About Us page *****/

/**** Result Page *****/

/* Result Banner */

.result-banner {
    padding: 7.5rem 0;
    background: var(--color-gardient-3);
}

.result-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.result-banner h1 {
    text-align: center;
    font-family: var(--font-family-michroma);
    font-size: clamp(40px, 4.7vw, 68px);
    line-height: clamp(45px, 5vw, 78px);
    font-weight: 700;
    color: var(--color-white-1);
}

.result-banner h2 {
    text-align: start;
    font-family: var(--font-family-questrial);
    font-size: clamp(32px, 3.3vw, 48px);
    line-height: clamp(35px, 3.5vw, 55px);
    font-weight: 700;
    color: var(--color-white-1);
}

.result-banner p {
    text-align: start;
    font-family: var(--font-family-questrial);
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    color: var(--color-white-1);
}

/* Result section */

.result-section {
    padding: 7.5rem 0;
}

.result-section li {
    padding: 10px 20px;
    border-radius: var(--border-radius-1);
    background: var(--color-gray-1);
    cursor: pointer;
    transition: all 350ms ease-in-out;
}

.result-section li:hover {
    background: var(--color-yellow-1);
    transition: all 350ms ease-in-out
}

.result-section li a {
    font-family: var(--font-family-questrial);
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: var(--color-white-1);
}

.result-section li:hover a {
    color: var(--color-black-1);
}

.result-section__img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.result-section__img {
    height: 80px;
}

.result-section p {
    font-family: var(--font-family-questrial);
    font-size: 20px;
    font-weight: 500;
    line-height: var(--line-height-1);
    color: var(--color-white-1);
}

.gap-120 {
    gap: 120px
}

.result-section__number-container i {
    color: var(--color-yellow-1);
    font-size: 40px;
}

.result-section__number-container span {
    font-family: var(--font-family-michroma);
    font-size: 48px;
    font-weight: 500;
    line-height: var(--line-height-7);
    color: var(--color-white-1);
}

.result-section__number-container p {
    font-size: 18px;
}

.swiper-slide-result img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

/**** End Result Page ****/

/***** Service single page *****/

.service-single-banner {
    padding: 7.5rem 0 3.75rem 0;
    background: var(--color-gardient-5);
}

.service-single-banner h1 {
    font-family: var(--font-family-michroma);
    font-size: clamp(40px, 4.7vw, 68px);
    line-height: clamp(45px, 5vw, 78px);
    font-weight: 700;
    color: var(--color-white-1);
}

.service-single-banner p {
    font-family: var(--font-family-questrial);
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: var(--color-white-1);
}

.service-single-banner .slide-nav-btn a {
    color: var(--color-white-1);
}

.service-single-banner .slide-nav-btn:hover a {
    color: var(--color-yellow-1);
}

/* Service single article */

.service-single-article {
    padding: 7.5rem 0;
    background: var(--color-gardient-17);
}

.service-single-article__info h2 {
    font-family: var(--font-family-michroma);
    font-weight: 700;
    color: var(--color-white-1);
}

.service-single-article__info p {
    font-family: var(--font-family-questrial);
    font-weight: 400;
    color: var(--color-white-1);
    font-size: clamp(16px, 1.25vw, 18px);
    line-height: clamp(20px, 1.5vw, 22px);
}

.service-single-article__agency h2 {
    font-family: var(--font-family-michroma);
    font-weight: 700;
    color: var(--color-white-1);
}

.service-single-article__info h2,
.service-single-article__agency h2 {
    font-size: clamp(24px, 2.4vw, 34px);
    line-height: clamp(30px, 2.8vw, 42px);
}

.service-single-article img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Service single optimization */

.service-single-optimize {
    padding: 7.5rem 0;
    position: relative;
    overflow: hidden;
}

.service-single-optimize__card {
    border: 2px dashed var(--color-white-1);
    padding: 80px;
    position: relative;
    background: var(--color-black-1);
    z-index: 1000;
    border-radius: var(--border-radius-5);
}

.service-single-optimize__card h2 {
    font-family: var(--font-family-michroma);
    font-weight: 700;
    color: var(--color-white-1);
    font-size: clamp(24px, 2.4vw, 34px);
    line-height: clamp(30px, 2.8vw, 42px);
}

.service-single-optimize__card p {
    font-family: var(--font-family-questrial);
    font-weight: 400;
    color: var(--color-white-1);
    font-size: clamp(16px, 1.25vw, 18px);
    line-height: clamp(20px, 1.5vw, 22px);
}

.service-single-optimize__card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cone {
    position: absolute;
    z-index: 10;
}

.cone-1 {
    top: 0;
    right: -7.5rem;
    width: 25rem;
    transform: rotate(25deg)
}

.cone-2 {
    top: 55%;
    left: -13rem;
    width: 50rem;
    transform: rotate(-25deg)
}

.service-single-optimize__card-mini {
    background: var(--color-gray-1);
    height: 120px;
    border-radius: var(--border-radius-1);
}

.service-single-optimize__card-mini span {
    font-family: var(--font-family-questrial);
    font-weight: 400;
    color: var(--color-white-1);
    text-align: center;
    text-wrap: wrap;
    font-size: clamp(18px, 1.4vw, 20px);
    line-height: clamp(18px, 1.7vw, 24px);
}

/* Service single qa */


.service-single-qa__qa h3 {
    font-family: var(--font-family-michroma);
    font-size: 48px;
    font-weight: 700;
    line-height: var(--line-height-3);
    color: var(--color-white-1);
    text-align: center;
}

.service-single-qa__qa .accordion-button {
    font-size: 20px;
    font-family: var(--font-family-questrial);
    font-weight: 700;
    line-height: var(--line-height-1);
}

.service-single-qa__qa .accordion-button:hover {
    color: var(--color-yellow-1);
}

.service-single-qa__qa .accordion-body {
    font-size: 18px;
    font-weight: 400;
    font-family: var(--font-family-questrial);
    line-height: var(--line-height-6);
}

.service-single-qa__qa .accordion-item {
    border-radius: var(--border-radius-1) !important;
    overflow: hidden;
    z-index: 1000;
    position: relative;
}

.service-single-qa__qa .accordion-item:first-of-type,
.service-single-qa__qa .accordion-item:last-of-type {
    border-radius: var(--border-radius-1) !important;
}

.service-single-qa__qa .accordion-button {
    border-radius: var(--border-radius-1) !important;
}

.service-single-qa__qa .accordion-button:not(.collapsed) {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.service-single-qa__qa .accordion {
    --bs-accordion-color: var(--color-white-1);
    --bs-accordion-bg: var(--color-gray-1);
    --bs-accordion-transition: color .2s ease-in-out;
    --bs-accordion-border-color: none;
    --bs-accordion-border-radius: var(--border-radius-1);
    --bs-accordion-inner-border-radius: var(--border-radius-1);
    --bs-accordion-btn-padding-x: 40px;
    --bs-accordion-btn-padding-y: 15px;
    --bs-accordion-btn-color: var(--color-white-1);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E");
    --bs-accordion-btn-icon-width: 2.5rem;
    --bs-accordion-btn-icon-transform: rotate(45deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E");
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-body-padding-x: 40px;
    --bs-accordion-body-padding-y: 15px;
    --bs-accordion-active-color: var(--color-white-1);
    --bs-accordion-active-bg: var(--color-gray-1);
}

.service-single-qa {
    padding: 7.5rem 0;
    overflow: hidden;
    position: relative;
}

.service-single-qa .container {
    position: relative;
    z-index: 1000;
}

.cone-3 {
    right: -5rem;
    width: 25rem;
    bottom: -5%;
    transform: rotate(20deg);
}


/* Service single news */

.service-single-content .home-news {
    background: var(--color-gardient-17);
}

.service-single-content .home-news h2 {
    max-width: unset;
    padding: unset;
}

/***** End Service single page *****/


/***** Contact us page *****/

/* Contact us banner */

.contact-us-hero {
    padding: 7.5rem 0;
    background: var(--color-gardient-3);
}

.contact-us-hero h1 {
    font-family: var(--font-family-michroma);
    font-size: clamp(35px, 3.3vw, 48px);
    line-height: clamp(40px, 3.8vw, 55px);
    font-weight: 700;
    color: var(--color-white-1);
}

.contact-us-hero p {
    font-family: var(--font-family-questrial);
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: var(--color-white-1);
}

.contact-us-hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-us-hero__form {
    padding: 40px;
    min-width: 450px;
    height: 100%;
    background: var(--color-white-1);
    border-radius: var(--border-radius-5);
}

.contact-us-hero__form .form-control:focus,
.contact-us-hero__form .form-select:focus {
    border-bottom: 1px solid var(--color-black-1);
    /* keeps border on focus */
    box-shadow: none;
    background-image: none;
}

.contact-us-hero__form.was-validated .form-control:valid,
.contact-us-hero__form.was-validated .form-select:valid {
    border-bottom: 1px solid var(--color-black-1);
    /* keeps border when valid */
    background-image: none;
    box-shadow: none;
}

.contact-us-hero__form.was-validated .form-control:invalid,
.contact-us-hero__form.was-validated .form-select:invalid {
    /* red only on bottom border */
    background-image: none;
    box-shadow: none;
}

.contact-us-hero__form.was-validated .form-control:invalid:focus,
.contact-us-hero__form.was-validated .form-select:invalid:focus,
.contact-us-hero__form.was-validated .form-control:valid:focus,
.contact-us-hero__form.was-validated .form-select:valid:focus {
    box-shadow: none;
}

.--requiered {
    color: var(--color-red-1);
    font-size: 20px;
}

.contact-us-hero__form .form-label {
    font-family: var(--font-family-questrial);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: var(--color-black-1);
}

.contact-us-hero__form .form-control,
.contact-us-hero__form .form-select {
    border: unset;
    border-radius: unset;
    font-family: var(--font-family-questrial);
    font-size: 16px;
    padding: 10px 0px;
    border-bottom: 1px solid var(--color-black-1);
    color: var(--color-gray-2);
    box-shadow: none;
    font-weight: 500;
}

.contact-us-hero__form.was-validated .invalid-feedback {
    font-family: var(--font-family-questrial);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}


.contact-us-hero__form .submit-btn {
    font-family: var(--font-family-questrial);
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    padding: 15px 50px;
    border-radius: var(--border-radius-1);
    color: var(--color-white-1);
    background: var(--color-black-1);
    transition: all 350ms ease;
    border: 2px solid var(--color-black-1);
}

.contact-us-hero__form .submit-btn:hover {
    color: var(--color-black-1);
    background: var(--color-white-1);
}

/* contact-us-partners */

.contact-us-content .home-partners {
    background: var(--color-black-1);
}


.contact-us-content .home-partners__card {
    background: var(--color-black-1);
    color: var(--color-white-1);
    border: 2px dashed var(--color-white-1)
}

.contact-us-content .partners-card__header {
    border-bottom: 1px dashed var(--color-white-1);
}

.contact-us-content .content__footer__price span,
.contact-us-content .content__footer__price a {
    color: var(--color-white-1) !important;
}

.content__footer__price a {
    border-bottom: 1px solid var(--color-white-1);
}


/***** End Contact us page *****/


/***** Result single page *****/

/* Result single banner */

.result-single-banner {
    padding: 7.5rem 0;
    background: var(--color-gardient-17);
}

.result-single-banner .result-section__number-container {
    background: var(--color-gardient-18);
    padding: 30px 20px;
    border-radius: var(--border-radius-5);
    text-align: center;
    color: var(--color-white-1);
}

.result-single-banner .result-section__number-container p {
    font-family: var(--font-family-questrial);
    font-size: clamp(16px, 1.25vw, 18px);
    line-height: clamp(20px, 1.8vw, 26px);
    font-weight: 400;
    color: var(--color-white-1);
}

.result-single-banner .content__footer__avatar-container {
    width: 74px;
    height: 74px;
    min-height: 74px;
    min-width: 74px;
}

.result-single-banner .content__footer__avatar-text h4 {
    font-family: var(--font-family-questrial);
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: var(--color-white-1);
}

.result-single-banner .content__footer__avatar-text span {
    font-family: var(--font-family-questrial);
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    color: var(--color-white-1);
}

.result-single-banner__info p {
    font-family: var(--font-family-michroma);
    font-size: clamp(24px, 2.1vw, 30px);
    line-height: clamp(28px, 2.5vw, 36px);
    font-weight: 700;
    color: var(--color-white-1);
    max-width: 80%;
    margin: unset;
}

.result-single-banner img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.lower-card {
    background: var(--color-gardient-18);
    border-radius: var(--border-radius-5);
    padding: 20px 30px;
    height: 120px;
}

.lower-card p,
.result-single-banner__text {
    font-family: var(--font-family-questrial);
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: var(--color-white-1);
}

.lower-card a {
    font-family: var(--font-family-questrial);
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: var(--color-white-1);
}

.lower-card__btn:hover a,
.lower-card__btn:hover .slide-nav-btn {
    color: var(--color-yellow-1);
}

.lower-card__btn:hover .slide-nav-btn {
    border-color: var(--color-yellow-1);
}

.lower-card .slide-nav-btn {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
}

.lower-card .slide-nav-btn i {
    font-size: 15px;
}

/* Squad section */

.result-single-squad {
    padding: 7.5rem 0;
}


.result-single-squad .result-section__number-container {
    background: var(--color-gardient-18);
    padding: 30px 20px;
    border-radius: var(--border-radius-5);
    text-align: center;
    color: var(--color-white-1);
}

.result-single-squad .result-section__number-container p {
    font-family: var(--font-family-questrial);
    font-size: clamp(16px, 1.25vw, 18px);
    line-height: clamp(20px, 1.8vw, 26px);
    font-weight: 400;
    color: var(--color-white-1);
}

.result-single-squad .content__footer__avatar-container {
    width: 74px;
    height: 74px;
    min-height: 74px;
    min-width: 74px;
}

.result-single-squad .content__footer__avatar-text h4 {
    font-family: var(--font-family-questrial);
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: var(--color-white-1);
}

.result-single-squad .content__footer__avatar-text span {
    font-family: var(--font-family-questrial);
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    color: var(--color-white-1);
}

.result-single-squad h2 {
    font-family: var(--font-family-michroma);
    font-size: clamp(35px, 3.3vw, 48px);
    line-height: clamp(40px, 3.8vw, 55px);
    font-weight: 700;
    text-align: center;
    color: var(--color-white-1);
}

/* overview section */

.result-single-overview,
.result-single-service {
    padding: 7.5rem 0;
}

.result-single-overview h2,
.result-single-qa h2,
.result-single-service h2,
.result-single-conclusion h2 {
    font-family: var(--font-family-michroma);
    font-size: clamp(24px, 2.4vw, 34px);
    line-height: clamp(28px, 2.9vw, 42px);
    font-weight: 700;
    color: var(--color-white-1);
}

.result-single-overview p,
.result-single-conclusion p {
    font-family: var(--font-family-questrial);
    font-size: clamp(16px, 1.25vw, 18px);
    line-height: clamp(20px, 1.8vw, 26px);
    font-weight: 400;
    color: var(--color-white-1);
}

/* result qa section */

.result-single-qa {
    padding: 7.5rem 0;
}

.result-single-qa .accordion-button {
    font-size: 20px;
    font-family: var(--font-family-questrial);
    font-weight: 700;
    line-height: var(--line-height-1);
}

.result-single-qa .accordion-button:hover {
    color: var(--color-yellow-1);
}

.result-single-qa .accordion-body {
    font-size: 18px;
    font-weight: 400;
    font-family: var(--font-family-questrial);
    line-height: var(--line-height-6);
}

.result-single-qa .accordion-item {
    border-radius: var(--border-radius-1) !important;
    overflow: hidden;
    z-index: 1000;
    position: relative;
}

.result-single-qa .accordion-item:first-of-type,
.result-single-qa .accordion-item:last-of-type {
    border-radius: var(--border-radius-1) !important;
}

.result-single-qa .accordion-button {
    border-radius: var(--border-radius-1) !important;
}

.result-single-qa .accordion-button:not(.collapsed) {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.result-single-qa .accordion {
    --bs-accordion-color: var(--color-white-1);
    --bs-accordion-bg: var(--color-gray-1);
    --bs-accordion-transition: color .2s ease-in-out;
    --bs-accordion-border-color: none;
    --bs-accordion-border-radius: var(--border-radius-1);
    --bs-accordion-inner-border-radius: var(--border-radius-1);
    --bs-accordion-btn-padding-x: 40px;
    --bs-accordion-btn-padding-y: 15px;
    --bs-accordion-btn-color: var(--color-white-1);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E");
    --bs-accordion-btn-icon-width: 2.5rem;
    --bs-accordion-btn-icon-transform: rotate(45deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E");
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-body-padding-x: 40px;
    --bs-accordion-body-padding-y: 15px;
    --bs-accordion-active-color: var(--color-white-1);
    --bs-accordion-active-bg: var(--color-gray-1);
}


/* result conclusion */

.result-single-conclusion {
    padding: 7.5rem 0;
}

.result-single-conclusion .result-section__number-container {
    background: var(--color-gardient-18);
    padding: 30px 20px;
    border-radius: var(--border-radius-5);
    text-align: center;
    color: var(--color-white-1);
}

.result-single-conclusion .result-section__number-container p {
    font-family: var(--font-family-questrial);
    font-size: clamp(16px, 1.25vw, 18px);
    line-height: clamp(20px, 1.8vw, 26px);
    font-weight: 400;
    color: var(--color-white-1);
}


/***** End Result single page *****/