/***trang con***/
:root {
    --mau-hover-menu: #7b6fb9;
    --mau-nen: #7b6fb9;
    --mau-nen2: #ffffff;
    --mau-hover: #2e3192;
}
.barner-360,
.detail-container,
.contact-container {
    /* margin-top: 6rem; */
    padding-top: 6rem !important;
    /* top: 6rem; */
}

.barner-360 {
    background-image: url(../image/360/360_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.contact-container {
    position: relative;
    /* top: 80px; */
    width: 100vw;
    min-height: calc(100vh - 300px);
    background-color: #e2d9df;
    background-image: url(../image/contact/contact_bg.jpeg);
    background-repeat: no-repeat;
    /* background-position: center; */
    background-size: cover;
    font-family: "Lato", sans-serif;
    /* padding: 4rem 0 4rem 0; */

    .spinner {
        -webkit-transition: opacity 2s linear;
        -moz-transition: opacity 2s linear;
        -o-transition: opacity 2s linear;
        transition: opacity 2s linear;
        border: 1px solid red;
        opacity: 1;
    }

    .hidden {
        opacity: 0;
    }
}
.subpages {
    font-family: "Lato", sans-serif;
    background-image: url(../image/pages/our_client/background3.png);
    width: 100%;
    background-repeat: no-repeat;
    padding-top: 137px;
    padding-bottom: 221px;
    background-size: 100% 416px;
    /* background-size: 100% 300px;  */
    /* background-position:center center; */
    /* background-clip: padding-box; */
    /* margin-bottom: 20px; */
}
@media (max-width: 992px) {
    .subpages,
    .subpages1 {
        background-image: none !important;
        background-color: #7b6fb9;
        background-size: 100%;
        border-bottom-right-radius: 15% 15%;
        padding-top: 7.5rem !important;
        padding-bottom: 2rem !important;
        margin-bottom: 5rem !important;
    }
}
.subpages-heading {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 44px;
    line-height: 56px;
    text-align: center;
    text-transform: capitalize;
    color: #ffffff;
}
.subpages-title {
    font-family: "Lato", sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #f7f7f7;
    text-align: center;
}
/*********/
.subpages1 {
    background-image: url(../image/pages/our_client/background3.png);
    width: 100%;
    background-repeat: no-repeat;
    padding-top: 137px;
    padding-bottom: 221px;
    background-size: 100% 416px;
}
.subpages-heading1 {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
}
.subpages-heading2 {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    text-transform: capitalize;
    color: #ffffff;
}
.subpages-title1 {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
    margin: 0;
}
.subpages-logo {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    margin-right: 8px;
}
.subpages-heading3 {
    font-family: "Lato", sans-serif;
    width: 700px;
    font-weight: bold;
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    text-transform: capitalize;
    color: #ffffff;
    margin: 0 auto;
}
/*************/
/* trang our client */

/* testimonials */
.swiper.myswiper-testimonials {
    /* overflow:unset !important; */
}
.testimonials {
    padding-top: 6.25rem;
    padding-bottom: 1.25rem;
}
.testimonials-heading {
    font-family: "Lato", sans-serif;
    text-align: center;
    margin-bottom: 40px;
}
.testimonials-heading-h {
    font-weight: bold;
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    text-transform: capitalize;
    color: #000000;
    max-width: 600px;
    margin: auto;
}
.testimonials-item {
    max-width: 370px;
    /*height: 104px;     */
    text-align: center;
    color: #7c7c8c;
    padding: 28px 30px;
    border-radius: 8px;
    box-shadow: 0px 4px 3px rgba(39, 39, 46, 0.05);
}
.testimonials-item:hover {
    background: var(--mau-hover);
    color: #ffffff;
}
.testimonials-item-p {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    line-height: 26px;
    padding: 0;
    padding-bottom: 28px;
}
.testimonials-item-img > img {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 12px;
}
.testimonials-item-footer {
}
.testimonials-item-footer-name {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
}
.testimonials-item-footer-h3 {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-transform: capitalize;
}

.myswiper-testimonials .swiper-pagination {
    width: 100%;
    height: 50px;
    text-align: center;
    margin-top: 2.5rem;
}
.myswiper-testimonials .swiper-pagination-bullet {
    display: inline-block;
    width: 16px;
    height: 4px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 5%;
    margin-right: 8px;
}

.myswiper-testimonials .swiper-pagination-bullet-active {
    color: #fff;
    width: 32px;
    background: var(--mau-hover);
}
@media (max-width: 992px) {
    .myswiper-testimonials .swiper-pagination-bullet {
        width: 20px;
        height: 4px;
        line-height: 14px;
        font-size: 10px;
    }
}
@media (max-width: 400px) {
    .myswiper-testimonials .swiper-pagination-bullet {
        width: 15px;
        height: 4px;
        line-height: 4px;
        font-size: 20px;
        /* bottom: 10px !important; */
    }
}
/**card list*/
.card-list {
    background: url(../image/pages/our_client/card-list/Background.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding-top: 6.25rem;
    padding-bottom: 4.25rem;
}
.card-list-heading {
    font-family: "Lato", sans-serif;
    color: #ffffff;
    text-align: center;
    margin-bottom: 2.68rem;
}
.card-list-heading-p1 {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 36px;
    line-height: 44px;
    text-transform: capitalize;
}
.card-list-heading-p2 {
    font-family: "Lato", sans-serif;
    font-size: 20px;
    line-height: 30px;
}
.card-list-item {
    font-family: "Lato", sans-serif;
    text-align: center;
    margin-bottom: 2rem;
}
.card-list-item > img {
    width: 160px;
    height: 160px;
}
.card-list-item > h1 {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    text-transform: capitalize;
    color: #ffffff;
    margin-top: 1.25rem;
}
/***our-unique***/
.our-unique {
    /* padding-top: 4.6rem; */
    padding-bottom: 6.25rem;
}
.our-unique-item {
    height: 100%;
    /* margin-bottom: 1.625rem;   */
    display: flex;
    flex-direction: column;
    box-shadow: 0px 4px 3px rgba(39, 39, 46, 0.05);
    border-radius: 8px;
}
.our-unique-item-img {
    width: 100%;
    padding-top: 266px !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px 8px 0 0;
}
.our-unique-item-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    padding: 0 30px;
    padding-top: 1.5rem;
    padding-bottom: 1.75rem;
    color: #353535 !important;
    border-radius: 0 0 8px 8px;
    font-family: "Lato", sans-serif;
    box-shadow: 0px 4px 3px rgba(39, 39, 46, 0.05);
}
.our-unique-item-body-img {
    width: 100%;
}
.our-unique-item-body:hover {
    background: var(--mau-hover);
    color: #ffffff !important;
}
.our-unique-item-body:hover .our-unique-item-li2 {
    color: #ffffff;
}
.our-unique-item-body:hover .our-unique-item-li1 {
    border-bottom: 20px solid #ffffff;
}

.our-unique-item-title {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    text-transform: capitalize;
}
.our-unique-item-text {
    font-size: 16px;
    line-height: 26px;
    text-align: center;
}
.our-unique-item-ul {
    font-family: "Lato", sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
}
.our-unique-item-ul > li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-right: 10px;
}
.our-unique-item-li1 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid var(--mau-hover);
}
.our-unique-item-li2 {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 30px;
    line-height: 38px;
    text-transform: capitalize;
    color: var(--mau-hover);
}
.our-unique-item-li3 {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    text-transform: capitalize;
}
.btn-read-more {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
    text-transform: capitalize;
    color: #ffffff;
    background-color: var(--mau-hover);
    padding: 11px 38px;
    border-radius: 1000px;
    margin-top: 30px;
}
.btn-read-more:hover {
    opacity: 0.5;
    color: #ffffff;
}
/******our-pricing*****/
.our-pricing {
    padding-top: 20px;
    padding-bottom: 100px;
}
.our-pricing-heading {
    font-family: "Lato", sans-serif;
    margin-bottom: 50px;
    text-align: center;
}
.our-pricing-heading-h1 {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 36px;
    line-height: 44px;
    text-transform: capitalize;
    color: #353535;
}
.our-pricing-heading-p {
    font-family: "Lato", sans-serif;
    font-size: 20px;
    line-height: 30px;
    color: #7c7c8c;
}

.our-pricing-left-item {
    margin-top: 40px;
}
.our-pricing-left-item:first-child {
    margin-top: 0px;
}
.our-pricing-left-h {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    text-transform: capitalize;
    color: #353535;
    margin-bottom: 20px;
}
.our-pricing-left-list-ul {
    margin: 0;
    padding: 0;
}
.our-pricing-left-list-ul-li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 12px;
}
.fa-check-pricings {
    color: var(--mau-hover);
    font-size: 16px;
}
.our-pricing-left-list-ul-li-text {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #7c7c8c;
}
.our-pricing-right {
    margin-bottom: 20px;
}
.our-pricing-right-h {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    text-transform: capitalize;
    color: #353535;
    margin-bottom: 28px;
    text-align: center;
}
.our-pricing-right-form-ul {
    font-family: "Lato", sans-serif;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    /* flex-direction: column; */
}
.our-pricing-right-form-ul-li {
    list-style-type: none;
    width: 100%;
}
.our-pricing-right-form-ul-li > input {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-transform: capitalize;
    color: #adadc6;
    margin-bottom: 16px;
    padding: 12px 20px;
    height: 44px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    border-radius: 100px;
    width: 100%;
}
.our-pricing-right-form-ul-li:first-child,
.our-pricing-right-form-ul-li:nth-child(2) {
    width: 48%;
}
.our-pricing-right-form-ul-li:first-child {
    margin-right: 4%;
}

@media (max-width: 576px) {
    .our-pricing-right-form-ul-li:first-child,
    .our-pricing-right-form-ul-li:nth-child(2) {
        width: 100% !important;
    }
    .our-pricing-right-form-ul-li:first-child {
        margin-right: 0% !important;
    }
}
.btn-submit-now {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
    text-transform: capitalize;
    color: #ffffff;
    background: var(--mau-hover);
    border-radius: 1000px;
    padding: 9px 0;
    margin-top: 20px;
    width: 100%;
    text-align: center;
}
.btn-submit-now:hover {
    opacity: 0.5;
    color: #ffffff;
}

.btn-submit-now1:hover {
    opacity: 0.5;
    color: #ffffff;
}
.btn-submit-now1 {
    float: right;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
    text-transform: capitalize;
    color: #ffffff;
    background: #7b6fb9;
    border-radius: 5px;
    padding: 0.8rem 2.5rem;
    margin: 1.2rem 1rem 0 0;
    text-align: center;
}
/***our-blog**/
.our-blog-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    /* margin-bottom: 28px; */
    box-shadow: 0px 4px 3px rgba(39, 39, 46, 0.05);
    border-radius: 8px;
}
.our-blog1,
.general {
    min-width: 300px !important;
}

#detail-case {
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.our-blog-item > img {
    border-radius: 8px 8px 0 0;
}
.our-blog-item-body {
    font-family: "Lato", sans-serif;
    border-radius: 0 0 8px 8px;
    padding: 28px 30px;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    box-shadow: 0px 4px 3px rgba(39, 39, 46, 0.05);
}

.our-blog-item-body-title1 {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--mau-hover);
    text-align: center;
}
.our-blog-item-body-title2 {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    text-transform: capitalize;
    color: #353535;
}
.our-blog-item-body-p1 {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #7c7c8c;
    margin-bottom: 10px;
}
.our-blog-item-body-p2 {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-transform: capitalize;
    text-align: center;
    margin: 0;
}
.our-blog-item-body-p1-by {
    font-family: "Lato", sans-serif;
    color: #adadc6;
}
.our-blog-item-body-p1-date {
    color: #353535;
}
.our-blog-item:hover .our-blog-item-body {
    background: var(--mau-hover);
}
.our-blog-item:hover .our-blog-item-body-title1 {
    color: #ffffff;
}
.our-blog-item:hover .our-blog-item-body-title2 {
    color: #ffffff;
}
.our-blog-item:hover .our-blog-item-body-p1 {
    color: #ffffff;
}
.our-blog-item:hover .our-blog-item-body-p1-by {
    color: #ffffff;
}
.our-blog-item:hover .our-blog-item-body-p1-date {
    color: #ffffff;
}
/* search blog */
.search-our-blog {
}
.our-blog .form-select {
    border: 1px solid #e5e5e5;
    border-radius: 1000px;
    width: 100%;
    padding: 8px 20px;
}
.search {
}
.search > input {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #adadc6;
    padding: 8px 20px;
    border: 1px solid #e5e5e5;
    border-radius: 1000px;
}
.clear-filter {
}
.btn-clear-filter:hover {
    opacity: 0.5;
    color: #ffffff;
}
.btn-clear-filter {
    font-family: "Lato", sans-serif;
    width: 180px;
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
    text-transform: capitalize;
    color: #ffffff;
    background: var(--mau-hover);
    border-radius: 1000px;
    padding: 9px 42px;
}
/**blog-post****/
.blog-post-left > p {
    font-family: "Lato", sans-serif;
    font-size: 18px;
    line-height: 32px;
    color: #353535;
}
.blog-post-tag > p {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-transform: capitalize;
    color: #353535;
}
.blog-post-mh-ul {
    margin: 0;
    padding: 0;
}
.blog-post-mh-ul li {
    list-style-type: none;
    padding: 0 4px;
}
.blog-post-mh-ul li a {
    color: #353535;
}

/* .blog-post-right */
.blog-post-right-search {
    position: relative;
}
.blog-post-right-search-input {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #adadc6;
    padding: 11px 20px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    border-radius: 1000px;
}
.blog-post-right-search-icon {
    position: absolute;
    color: #adadc6;
    right: 20px;
}
.blog-post-right-list {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
}
.blog-post-right-list-h {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    text-transform: capitalize;
    color: #353535;
    margin-bottom: 12px;
}
.blog-post-right-list-ul {
    margin: 0;
    padding: 0;
}
.blog-post-right-list-ul li {
    list-style-type: none;
}
.blog-post-right-list-ul li a {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    line-height: 32px;
    text-transform: capitalize;
    color: #7c7c8c;
    text-decoration: none;
}
.blog-post-right-item {
}
.blog-post-right-item-list {
    margin-top: 24px;
}

.blog-post-right-item-list-sub > img {
    width: 80px;
    height: 80px;
    border-radius: 4px;
}
.blog-post-right-item-list-sub a {
    text-decoration: none;
}
.blog-post-right-item-list-sub .content {
    margin-left: 1rem;
}
.blog-post-right-item-list-sub .content-title {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--mau-hover);
}
.blog-post-right-item-list-sub .content-p {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    text-transform: capitalize;
    color: #353535;
}
.list-item-heading {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
}
.list-item-heading-h {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    text-transform: capitalize;
    color: #353535;
}
/*****case-single******/
.case-single-left-img {
    margin-bottom: 24px;
}
.case-single-left-p1 {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    text-transform: capitalize;
    color: #353535;
    margin-bottom: 12px !important;
}
.case-single-left-p2 {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #7c7c8c;
    margin-bottom: 34px !important;
}
.case-single-left-item {
    padding-right: 23px;
}
.case-single-left-item-img {
    margin-bottom: 10px !important;
    height: 28px;
}
.case-single-left-item-p1 {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    text-transform: capitalize;
    color: #353535;
    margin: 0 !important;
    margin-bottom: 10px !important;
}
.case-single-left-item-p2 {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #7c7c8c;
    margin: 0 !important;
}

.case-single-right-p {
    font-family: "Lato", sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #353535;
}
.xahoi {
    margin-top: 80px;
    margin-bottom: 100px;
}
/**********webinar-single****/
.webinar-single {
}
.webinar-single-left > p {
    font-family: "Lato", sans-serif;
    font-size: 18px;
    color: #353535;
}
.webinar-single-left-h {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    text-transform: capitalize;
    color: #353535;
}
/*******contact-map******/
.contact-map {
    margin-top: 20px;
    margin-bottom: 80px;
}
.google-map {
    height: 25rem;
    position: relative;
}
.google-map iframe {
    height: 100%;
    width: 100%;
}
.google-map [data-state-details] {
    color: #6b6763;
    font-family: Montserrat;
    height: 1.5em;
    margin-top: -0.75em;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}
.google-map[data-state] {
    background: #e9e5dc;
}
.google-map[data-state="loading"] [data-state-details] {
    display: none;
}
/*****contact-content***/
.contact-content {
    padding-top: 4rem;
    padding-bottom: 4rem;
    margin-bottom: 20px;
}
.contact-content-left-h {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 36px;
    line-height: 44px;
    text-transform: capitalize;
    color: #353535;
    margin-bottom: 12px !important;
}
.contact-content-left-p {
    font-family: "Lato", sans-serif;
    font-size: 20px;
    line-height: 30px;
    color: #7c7c8c;
    margin-bottom: 2rem !important;
}
.contact-content .vien {
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 12px 0 12px 20px;
}
.contact-content .vien:focus {
    /* border: none; */
    outline: none;
}
.contact-messger {
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    border-radius: 8px;
    padding-left: 20px;
    padding-top: 12px;
}
.contact-messger:focus {
    /* border: none; */
    outline: none;
}
.svg-inline--fa {
    width: 18px;
    height: 18px;
    color: #adadc6;
    margin-right: 20px;
}

.contact-content-right {
}
.contact-content-right-phone {
    margin-bottom: 20px;
}
.contact-content-right-phone .phone {
    font-weight: bold;
    font-size: 36px;
    line-height: 44px;
    text-transform: capitalize;
    color: #353535;
}
.contact-content-right-phone .date {
    font-size: 18px;
    line-height: 28px;
    color: #adadc6;
}
.contact-content-right-phone .fa-phone {
    font-size: 25px;
    color: #adadc6;
    margin-right: 20px;
}
.contact-content-right-email {
    margin-bottom: 20px;
}
.contact-content-right-email > p {
    margin-bottom: 8px !important;
}
.contact-content-right-email .email {
    font-size: 18px;
    line-height: 28px;
    color: #353535;
    margin-right: 20px;
}
.contact-content-right-email .fa-envelope {
    font-size: 18px;
    color: #adadc6;
    margin-right: 20px;
}
.contact-content-right-address {
    margin-bottom: 40px;
}
.contact-content-right-address .fa-map-marker {
    font-size: 25px;
    color: #adadc6;
    margin-right: 22px;
}
.contact-content-right-address-span {
    font-family: "Lato", sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #353535;
}
.contact-content-right-social-h {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    text-transform: capitalize;
    color: #353535;
    margin-bottom: 16px !important;
}
.box-xh {
    width: 40px;
    height: 40px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box-xh:hover {
    background-color: #a7a3a3ab;
}
.box-xh-in {
    background: #353535;
    margin-left: 1rem;
    margin-right: 1rem;
}
.box-xh .fa-facebook {
    font-size: 18px;
    color: #353535;
}
.box-xh .fa-instagram {
    font-size: 18px;
    color: #ffffff;
}
.box-xh .fa-youtube-play {
    font-size: 18px;
    color: #353535;
}
.xh-kc {
    margin-right: 42px;
}
/*******about-us********/
.about-us-fisrt {
    margin-top: 45px;
    margin-bottom: 100px;
}
.about-us-fisrt-left {
    /* margin-right: 160px; */
}
@media (max-width: 767px) {
    .about-us-fisrt-left {
        margin-right: 0px;
    }
}
.about-us-fisrt-left > p {
    font-family: "Lato", sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #7c7c8c;
    text-align: justify;
}
.about-us-fisrt-left-h1 {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 44px;
    line-height: 56px;
    text-transform: capitalize;
    color: #353535;
    margin-bottom: 1rem !important;
}
.about-us-fisrt-left-p1 {
    font-family: "Lato", sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #7c7c8c;
    margin-bottom: 40px;
}
.about-us-fisrt-left-h2 {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    text-transform: capitalize;
    color: #353535;
}
.about-us-fisrt-left-p2 {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #7c7c8c;
    margin-bottom: 28px !important;
}
/*****about-us-second*****/
.about-us-second {
    font-family: "Lato", sans-serif;
    margin-bottom: 100px;
}
.about-us-second-h {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 44px;
    line-height: 56px;
    text-align: center;
    text-transform: capitalize;
    color: #353535;
}
.about-us-second-p {
    font-family: "Lato", sans-serif;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #7c7c8c;
    margin-bottom: 40px !important;
}
.about-us-second-left-h {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    text-transform: capitalize;
    color: #353535;
}
.about-us-second-left-p {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #7c7c8c;
    margin-bottom: 28px !important;
}
.btn-contact-us:hover {
    opacity: 0.5;
}
.btn-contact-us {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
    text-transform: capitalize;
    color: #353535;
    padding: 9px 40px;
    border: 2px solid var(--mau-hover);
    box-sizing: border-box;
    border-radius: 1000px;
}
/*******about-us-counter****/
.about-us-counter {
    background: url(../image/pages/about-us/background.png);
    background-size: auto auto;
    padding-bottom: 102px;
    padding-top: 102px;
    margin-bottom: 100px;
}
.about-us-counter-item-h {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 56px;
    line-height: 68px;
    text-align: center;
    text-transform: capitalize;
    color: #ffffff;
}
.about-us-counter-item-p {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-transform: capitalize;
    color: #ffffff;
}
/*****************/

.about-us-team-heading-h {
    font-family: "Lato", sans-serif;
    font-size: 44px;
    line-height: 56px;
    text-transform: capitalize;
    color: #353535;
}

.about-us-team-heading-p {
    font-family: "Lato", sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #7c7c8c;
}
.btn-view-all:hover {
    opacity: 0.8;
}
.btn-view-all {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
    text-transform: capitalize;
    color: var(--mau-hover);
}
.about-us-team-item {
    margin-bottom: 40px;
}
.about-us-team-item > img {
    width: 220px;
    height: 220px;
}
.about-us-team-item-name {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    text-transform: capitalize;
    color: #353535;
    margin-top: 20px;
    margin-bottom: 8px !important;
}
.about-us-team-item-pos {
    font-family: "Lato", sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-transform: capitalize;
    color: #7c7c8c;
    margin-bottom: 13px !important;
}
.about-us-team-item-social {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}
.about-us-team-item-social1 {
    list-style-type: none;
    margin-right: 28px;
}
.about-us-team-item-social1 .fa {
    font-size: 14px;
    color: #adadc6;
}
/************/
.webinar-single-left {
    margin-bottom: 12px;
}
.webinar-single-left-heading {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 30px;
    line-height: 38px;
    text-transform: capitalize;
    color: #353535;
    margin-bottom: 2rem !important;
    margin-top: 60px !important;
}
.webinar-single-left-speaker {
    width: 140px;
    text-align: center;
    margin-right: 40px;
}
.webinar-single-left-speaker > img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.webinar-single-left-speaker-h {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
    text-transform: capitalize;
    color: #353535;
    margin-bottom: 4px !important;
}
.webinar-single-left-speaker-p {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-transform: capitalize;
    color: #adadc6;
}
/*****event*****/
.list-item-heading {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 30px;
    line-height: 38px;
    text-transform: capitalize;
    color: #353535;
    margin-bottom: 2rem !important;
    margin-top: 12px !important;
}
.general-date {
    border: 1px solid #e5e5e5;
    border-radius: 1000px;
    width: 100%;
    padding: 8px 20px;
}
/***********career********/
.career {
    margin-top: 60px;
    margin-bottom: 2rem;
}
.career-heading {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 30px;
    line-height: 38px;
    text-transform: capitalize;
    color: #353535;
    text-align: center;
}
.career-item {
    padding: 28px 40px;
    box-shadow: 0px 4px 3px rgba(39, 39, 46, 0.05);
    border-radius: 8px;
    /* display: flex; */
    justify-content: space-between;
    align-items: center;
}
.career-item-h {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    text-transform: capitalize;
    color: #353535;
    margin-bottom: 1rem !important;
}
.career-item-p {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #adadc6;
    margin-bottom: 0 !important;
}
.career-item-btn {
    margin-top: 32px;
}
.career-item-btn-a:hover {
    opacity: 0.5;
    color: #ffffff;
}
.career-item-btn-a {
    font-family: "Lato", sans-serif;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
    text-transform: capitalize;
    color: #ffffff;
    padding: 9px 45px;
    background: var(--mau-hover);
    border-radius: 1000px;
}
/**********event-detail*******/
.event-detail {
    margin-bottom: 20px;
}
.event-detail-img {
    margin-bottom: 22px;
}
.event-detail-left-h,
.event-detail-right-h {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 36px;
    line-height: 44px;
    text-transform: capitalize;
    color: #353535;
    margin-bottom: 1rem !important;
}
.event-detail-img {
    position: relative;
    z-index: 2;
}
.event-detail-heading {
    font-family: "Lato", sans-serif;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    z-index: 12;
    background: #17151f;
    color: #ffffff;
    padding: 15px 0;
    padding-left: 28px;
    opacity: 0.85;
}

.event-detail-heading-h {
    font-family: "Lato", sans-serif;
    font-size: 36px;
    line-height: 30px;
}
.event-detail-heading-p {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 4px;
}
.event-detail-heading-p1 {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 4px;
}
.event-detail-heading-p2 {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 4px;
}
.event-detail-left-p,
.event-detail-right-p {
    font-family: "Lato", sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #353535;
}
.event-detail-first {
    margin-bottom: 60px;
    margin-top: 60px;
}
.event-detail-second {
}
.event-detail-second-left-p {
    font-family: "Lato", sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #353535;
}
.event-detail-second {
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    border-radius: 12px;
    padding: 32px 40px;
}
.event-detail-second-right > iframe {
    background: #c4c4c4;
    border-radius: 12px;
}
.terms-use {
    margin-top: 20px;
    margin-bottom: 20px;
}
.terms-use article {
    width: 770px;
    margin: auto;
}
.terms-use h1 {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 30px;
    line-height: 38px;
    color: #353535;
}
.terms-use p {
    font-family: "Lato", sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #353535;
}
/**************/
.btn-hide {
    display: none;
}

/* NEW UI */
.contact-content-header {
    font-weight: 700;
    font-size: 44px;
    line-height: 66px;
    text-transform: capitalize;
    color: #292929;
    margin-bottom: 16px;
    text-align: center;
}
.contact-content-desc {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #757575;
    text-align: center;
}
.contact-content-form-container {
    position: relative;
    margin-top: 4rem;
    padding: 2rem 1rem;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    /* background-image: url(../image/contact/arrow.png);
    background-repeat: no-repeat;
    background-size: 220px 100px;
    background-position-x: 50%;
    background-position-y: bottom; */
}

.arrow {
    position: absolute;
    bottom: 0;
    right: 5rem;
    width: 220px;
    height: 110px;
    background-image: url(../image/contact/arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(-23deg);
}

@media (max-width: 1200px) {
    .contact-content-form-container .left,
    .arrow {
        display: none;
    }
}

.contact-content-form-container .left {
    margin-right: 1rem;
    background-image: url(../image/contact/ai_pic_left.png);
}

.contact-content-form-container .right {
    width: 100%;
    height: fit-content;
    margin-left: 1rem;
    .input {
        margin-bottom: 2rem;
        display: flex;
        flex-direction: column-reverse;
        position: relative;
        padding-top: 1.5rem;
        padding-right: 1rem;
        /* &+.input {
		 margin-top: 1.5rem;
	}
	 */
    }
    .input-label {
        font-weight: 500;
        font-size: 12px;
        line-height: 20px;
        color: #757575;
        position: absolute;
        top: 0;
        /* top: 1.5rem;
	 */
        /* transition: .25s ease;
	 */
    }
    .input-field,
    .area-field {
        border: 0;
        z-index: 1;
        background-color: transparent;
        border-bottom: 2px solid #eee;
        font: inherit;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        padding: 0.25rem 0;
        color: #292929;
    }
    .input-field:focus,
    .input-field:valid {
        outline: 0;
        border-bottom-color: #6658d3;
    }
    .area-field:focus {
        outline: 0;
        border-bottom-color: #6658d3;
    }
    input[type="checkbox"] {
        accent-color: #7b6fb9;
        vertical-align: middle;
    }
    .label-checkbox {
        margin-left: 0.5rem;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: left;
        color: #757575;
    }
}

.bg-contact-success {
    text-align: center;
    color: #fff;
    background-color: #f5dece;
    background-image: url(../image/contact/ai_pic.jpeg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 700px;
    margin: 0 1rem;
    .title {
        font-size: 36px;
        font-weight: 600;
        line-height: 44px;
        margin-top: 2rem;
        margin-bottom: 1rem;
    }
    .desc {
        font-size: 24px;
        font-weight: 400;
        line-height: 29px;
    }
}

.for-advertisers,
.for-publishers {
    min-height: 80vh;
    /* background-repeat: no-repeat;
    background-position: center;
    background-size: cover; */
}

.for-advertisers {
    /* background-image: url(../image/pages/advertiser/advertisers.jpg); */
    background-color: #a1d2d8;
}

.for-publishers {
    /* background-image: url(../image/pages/publisher/for-publishers_flip.jpg); */
    background-color: #485b98;
}

.publisher-solution-container,
.advertiser-solution-container {
    .section-1 {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        color: #292929;
        padding-top: 4rem;
        padding-bottom: 6rem;
        .title {
            font-size: 2rem;
            font-weight: 500;
            line-height: 48px;
            letter-spacing: 0.1em;
            text-align: center;
            text-transform: uppercase;
            margin-bottom: 64px;
        }
        .solution-list {
            gap: 32px;
            justify-content: center;
        }
        .solution-item {
            background-color: #fff;
            width: 352px;
            min-height: 352px;
            border-radius: 20px;
            padding: 32px 16px;
            .avatar {
                text-align: center;
                margin-bottom: 2rem;
                img {
                    height: 160px;
                    width: auto;
                }
            }
            .solution-title {
                font-size: 24px;
                font-weight: 700;
                line-height: 36px;
                text-align: left;
                margin-bottom: 1rem;
            }
            .desc {
                color: #757575;
                font-size: 1rem;
                font-weight: 500;
                line-height: 24px;
                text-align: left;
            }
        }
    }
    .section-2 {
        padding-top: 128px;
        padding-bottom: 128px;
        text-align: center;
        background-color: #fff;
        color: #292929;
        text-transform: uppercase;
        .title {
            /* margin-top: 128px; */
            padding-bottom: 64px;
            font-size: 2rem;
            font-weight: 500;
            line-height: 48px;
            letter-spacing: 0.1em;
        }
        .logo {
            display: flex;
            flex-direction: row;
            justify-content: center;
            flex-wrap: wrap;
            gap: 4rem;
        }
    }
    .section-3 {
        width: 100%;
        /* height: 360px; */
        /* background-color: #5737ee; */
        padding: 5rem 0 5rem 0;
        text-align: center;
        text-transform: uppercase;
        .title {
            margin-bottom: 1rem;
            height: 1.5rem;
            span {
                font-size: 1rem;
                font-weight: 500;
                line-height: 24px;
                letter-spacing: 0.145em;
                background: #ffcc4a;
                padding: 4px 12px;
                border-radius: 20px;
            }
            /* opacity: 0; */
        }
        .desc {
            color: #fff;
            font-size: 44px;
            font-weight: 700;
            line-height: 66px;
            margin-bottom: 3rem;
        }
        .button-start {
            a {
                color: #191825;
                font-size: 20px;
                font-weight: 400;
                line-height: 30px;
                color: #191825;
                background: linear-gradient(
                    95.95deg,
                    #e0c3ff 0%,
                    #bfc3fe 24.51%,
                    #9cc4fd 50.17%,
                    #bec3fe 75.31%,
                    #e0c3ff 100%
                );
                box-shadow: 0px 0px 0px 0px #0000001a;
                box-shadow: 0px 5px 11px 0px #0000001a;
                box-shadow: 0px 20px 20px 0px #00000017;
                box-shadow: 0px 45px 27px 0px #0000000d;
                box-shadow: 0px 81px 32px 0px #00000003;
                box-shadow: 0px 126px 35px 0px #00000000;
                padding: 16px 32px;
                border-radius: 40px;
            }
            /* opacity: 0; */
        }
    }
}
.advertiser-solution-container {
    .section-1 {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-image: url(../image/pages/advertiser/advertiser-section-1-bg.png);
    }
    .section-3 {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-image: url(../image/pages/advertiser/advertiser-section-3-bg.jpg);
    }
}
.publisher-solution-container {
    .section-1 {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-image: url(../image/pages/publisher/publisher-section-1-bg.png);
    }
    .section-3 {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-image: url(../image/pages/publisher/publisher-section-3-bg.jpg);
    }
}

.our-partners-container,
.our-reach-container {
}

.our-partners-container {
    background-color: #fff;
    text-align: center;
    padding-bottom: 128px;
    .our-partner-title {
        font-size: 2rem;
        font-weight: 500;
        line-height: 3rem;
        letter-spacing: 0.1em;
    }
    .our-partner-list {
        justify-content: center;
        margin-top: 4rem;
        gap: 4rem;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        .our-partner-item {
        }
    }
}

.our-reach-container {
    background-color: #fff;
    text-align: center;
    /* padding-top: 128px; */
    /* padding-bottom: 64px; */
    .wrapper {
        background-color: #e5e2f1;
    }
    .our-reach-title {
        font-size: 2rem;
        font-weight: 500;
        line-height: 3rem;
        letter-spacing: 0.1em;
    }
    .our-reach-map {
        padding: 4rem 4rem 8rem 4rem;
        /* background-image: url(../image/reach/reach_map.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        min-height: 600px; */
        img {
            width: 100%;
        }
    }
}

.our-product-container {
    position: relative;
    z-index: 2;
    background-color: #fafafa;
    background-image: url(../image/product/product_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 64px;

    .our-product-title {
        color: #292929;
        font-size: 2rem;
        font-weight: 500;
        line-height: 3rem;
        letter-spacing: 0.1em;
        text-align: center;
    }
    .our-product-list {
        justify-content: center;
        margin-top: 4rem;
        gap: 20px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        .our-product-item {
            width: 360px;
            padding: 22px 16px;
            margin-bottom: 44px;
            background-color: #fff;
            border-radius: 20px;
            /* box-shadow: 0px 2px 5px 0px #0000001a; */
            box-shadow: 0px 10px 10px 0px #00000017;
            .our-product-item-avatar {
                text-align: center;
                margin-bottom: 2rem;
                img {
                    height: 160px;
                    width: auto;
                }
            }
            .our-product-item-title {
                font-size: 24px;
                font-weight: 700;
                line-height: 36px;
                text-align: left;
                margin-bottom: 1rem;
            }
            .our-product-item-desc {
                color: #757575;
                font-size: 1rem;
                font-weight: 500;
                line-height: 24px;
                text-align: left;
            }
        }
    }
}

.advertiser-mission-container {
    background-image: url(../image/pages/advertiser/advertisers.jpg);
}
.publisher-mission-container {
    background-image: url(../image/pages/publisher/for-publishers_flip.jpg);
}

.advertiser-mission-container,
.publisher-mission-container {
    position: relative;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    padding-top: 6rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* background-image: url(../image/pages/advertiser/advertisers.jpg); */
    height: 90vh;
    text-align: center;
    .wavy {
        position: absolute;
        bottom: -4vw;
        left: 0;
        z-index: 1;
    }
    .mission-type {
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 35px;
        letter-spacing: 0.145em;
        background-color: #ffcc4a;
        padding: 0px 12px 0px 12px;
        border-radius: 20px;
    }
    .mission-title {
        color: #fff;
        font-size: 52px;
        font-weight: 900;
        line-height: 78px;
    }
    .mission-desc {
        color: #fff;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
    }
    .mission-button-start {
        color: #191825;
        background: linear-gradient(
            95.95deg,
            #e0c3ff 0%,
            #bfc3fe 24.51%,
            #9cc4fd 50.17%,
            #bec3fe 75.31%,
            #e0c3ff 100%
        );
        box-shadow: 0px 20px 20px 0px #00000017;
        padding: 16px 32px 16px 32px;
        border-radius: 40px;
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 2rem;
        text-transform: uppercase;
    }
}

.coverage-container {
    /* background-color: #ececec; */
    padding-top: 4rem;
    text-align: center;
    /* .container {
        display: flex;
        flex-direction: column;
        align-items: center;
    } */
    .coverage-title {
        font-size: 2rem;
        font-weight: 500;
        line-height: 3rem;
        letter-spacing: 0.1em;
        text-align: center;
        padding-bottom: 4rem;
    }
    .coverage-list {
        color: #fff;
        margin-bottom: 128px;
        justify-content: center;
        gap: 2rem;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        .coverage-item {
            width: 248px;
            height: 248px;
            padding: 2rem 1rem;
            border-radius: 20px;
            background: linear-gradient(
                130.93deg,
                #7b6fb9 1.99%,
                #9ebaf3 100.02%
            );
            .coverage-item-title {
                font-size: 44px;
                font-weight: 700;
                line-height: 66px;
                text-align: center;
                margin-bottom: 1rem;
            }
            .coverage-item-desc {
                font-size: 20px;
                font-weight: 500;
                line-height: 30px;
                text-align: center;
            }
        }
    }
}

.explore-solution-container {
    background-color: #e2d9df;
    background-image: url(../image/contact/contact_bg.jpeg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* height: 800px; */
    padding: 210px 0px;
    text-align: center;
    .explore-solution-title {
        font-size: 44px;
        font-weight: 700;
        line-height: 66px;
        margin-bottom: 2rem;
        padding: 0 5rem;
    }
    .explore-solution-desc {
        font-size: 32px;
        font-weight: 400;
        line-height: 48px;
        margin-bottom: 5rem;
    }
    .explore-solution-button {
        padding: 16px 32px;
        border-radius: 40px;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 2rem;
        background: linear-gradient(130.93deg, #7b6fb9 1.99%, #9ebaf3 100.02%);
        color: #fff;
    }
}

.data-management-container {
    padding-top: 64px;
    padding-bottom: 128px;
    text-align: center;
    .data-management-title {
        font-size: 2rem;
        font-weight: 500;
        line-height: 3rem;
        letter-spacing: 0.1em;
        text-align: center;
        padding-bottom: 4rem;
    }
    .data-management-list {
        color: #fff;
        /* margin-bottom: 128px; */
        justify-content: center;
        gap: 2rem;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        .data-management-item {
            width: 352px;
            min-height: 414px;
            padding: 2rem 1rem;
            border-radius: 20px;
            background: #fff;
            text-align: center;
            .data-management-item-img img {
                height: 180px;
                width: auto;
            }

            .data-management-item-title {
                color: #292929;
                font-size: 2rem;
                line-height: 3rem;
                font-weight: 700;
                padding: 1rem 0;
            }
            .data-management-item-desc {
                color: #757575;
                font-size: 20px;
                font-weight: 500;
                line-height: 30px;
            }
        }
    }
}

.ads-solutions-container {
    margin-bottom: 4rem;
    .show {
        display: block;
    }
    .hide {
        display: none;
    }
    /* padding: 128px 0; */
    .ads-solutions-title {
        color: #292929;
        font-size: 2rem;
        font-weight: 500;
        line-height: 48px;
        letter-spacing: 0.1em;
        text-align: center;
        margin-bottom: 4rem;
    }
    .ads-solutions-content {
        gap: 2rem;
        justify-content: center;
        /* display: flex;
        flex-direction: row;
        flex-wrap: wrap; */
        .ads-solutions-content-left {
            padding: 0;
            text-align: center;
            max-width: 546px;
            /* padding-bottom: 2rem; */
        }
        .ads-solutions-content-right {
            padding: 0;
            /* min-width: 500px; */
            max-width: 542px;
        }
        .collapse-list {
            margin-bottom: 0;
            padding-left: 0;
            list-style: none;
            /* border-bottom: 1px solid #e0e0e0; */
        }

        .collapse-open {
            display: none;
        }

        .collapse-painel {
            visibility: hidden;
            max-height: 0;
            opacity: 0;
            /* transition: max-height 0.1s, visibility 0.3s, opacity 0.3s; */
            transition: height 0.3s ease;
        }

        .collapse-open:checked ~ .collapse-painel {
            max-height: 100%;
            opacity: 100;
            visibility: visible;
        }

        .collapse-list li {
            margin-bottom: 0;
        }

        .collapse-list .collapse-btn {
            cursor: pointer;
            display: block;
            /* border-top: 1px solid #e0e0e0; */
            /* padding: 15px 10px; */
            margin-bottom: 1rem;
            /* color: #4285f4; */
            /* font-weight: normal; */
            color: #292929;
            font-size: 1.5rem;
            font-weight: 500;
            line-height: 2rem;
            text-align: left;
            transition: background-color 0.2s ease;
        }

        .collapse-list .collapse-btn:hover {
            background: #eee;
        }

        .collapse-open ~ .collapse-btn:before {
            /* content: "↓"; */
            /* content: "⌄"; */
            content: "⌃";
            transform: rotate(180deg);
            float: right;
        }

        .collapse-open:checked ~ .collapse-btn:before {
            /* content: "↑"; */
            content: "⌃";
            transform: rotate(0deg);
        }

        .collapse-inner {
            color: #757575;
            padding-bottom: 1rem;
            font-size: 20px;
            font-weight: 500;
            line-height: 30px;
            text-align: left;
        }
    }
}

.explore-container {
    background-color: #fff;
    background-image: url(../image/360/explore-we-can-do-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 600px;
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 64px;
    padding-bottom: 64px;
    .explore-inner {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .explore-left {
        flex: 50%;
        min-width: 500px;
        height: 600px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        .slider {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -webkit-box-align: end;
            -webkit-align-items: flex-end;
            -ms-flex-align: end;
            align-items: flex-end;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
        /* .slider-nav-container {
            position: absolute;
            bottom: 4rem;
            z-index: 9;
        } */
        .slider__nav {
            position: relative;
            bottom: 4rem;
            width: 10px;
            height: 10px;
            margin: 2rem 12px;
            border-radius: 50%;
            z-index: 10;
            outline: 5px solid #ccc;
            outline-offset: -5px;
            box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
            cursor: pointer;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }
        .slider__nav:checked {
            -webkit-animation: check 0.4s linear forwards;
            animation: check 0.4s linear forwards;
            /* outline-color: #fafafa; */
            outline-color: #7b6fb9;
        }
        .slider__nav:checked:nth-of-type(1) ~ .slider__inner {
            left: 0%;
        }
        .slider__nav:checked:nth-of-type(2) ~ .slider__inner {
            left: -100%;
        }
        .slider__nav:checked:nth-of-type(3) ~ .slider__inner {
            left: -200%;
        }
        /* .slider__nav:checked:nth-of-type(4) ~ .slider__inner {
            left: -300%;
        } */
        .slider__inner {
            position: absolute;
            top: 0;
            left: 0;
            width: 300%;
            height: 100%;
            -webkit-transition: left 0.4s;
            transition: left 0.4s;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
        }
        .slider__contents {
            height: 100%;
            padding: 2rem;
            text-align: center;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
        .slider__image {
            font-size: 2.7rem;
            color: #2196f3;
        }
        .slider__caption {
            font-weight: 500;
            margin: 2rem 0 1rem;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
            text-transform: uppercase;
        }
        .slider__txt {
            color: #999;
            margin-bottom: 3rem;
            max-width: 300px;
        }

        @-webkit-keyframes check {
            50% {
                outline-color: #333;
                box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
            }
            100% {
                outline-color: #333;
                box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
            }
        }

        @keyframes check {
            50% {
                outline-color: #333;
                box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
            }
            100% {
                outline-color: #333;
                box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
            }
        }
    }
    .explore-right {
        flex: 45%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        /* margin-bottom: 128px; */
        .explore-title {
            color: #292929;
            font-size: 44px;
            font-weight: 700;
            line-height: 66px;
            text-align: left;
            margin-bottom: 2rem;
        }
        .explore-desc {
            color: #757575;
            font-size: 24px;
            font-weight: 400;
            line-height: 36px;
            text-align: left;
            margin-bottom: 2rem;
        }
        .explore-button {
            padding: 16px 32px;
            border-radius: 40px;
            font-size: 1.5rem;
            font-weight: 700;
            line-height: 2rem;
            background: linear-gradient(
                130.93deg,
                #7b6fb9 1.99%,
                #9ebaf3 100.02%
            );
            color: #fff;
        }
    }
}

.top-space {
    padding-top: 14vh;
}

.detail-container {
    .detail-header {
        background-image: url(../image/contact/contact_bg.jpeg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        text-align: center;
        h1 {
            color: #fff;
            font-size: 64px;
            font-weight: 700;
            line-height: 96px;
            padding: 200px 0px 64px 0px;
        }
    }
    .detail-content {
        min-height: 50vh;
        padding: 64px 0px;
        color: #757575;
        font-size: 20px;
        /* font-weight: 500; */
        line-height: 30px;
        text-align: left;
    }
}

@media (max-width: 992px) {
    .explore-right {
        padding-bottom: 32px;
    }
    /* .explore-left {
        display: none;
    } */
}

@media (max-width: 520px) {
    .explore-left {
        display: none !important;
    }
    .top-space {
        padding-top: 2vh !important;
    }
    .mission-title {
        font-size: 40px !important;
        font-weight: 900 !important;
        line-height: 50px !important;
    }
    .barner-left,
    .explore-right {
        text-align: center !important;
    }
    .explore-solution-container {
        padding: 120px 0 !important;
    }
    .explore-solution-title {
        font-size: 36px !important;
        line-height: 50px !important;
        padding: 1rem !important;
    }
    .explore-solution-desc {
        font-size: 24px;
        font-weight: 400;
        line-height: 32px;
        margin-bottom: 3rem;
    }
}