芝麻web文件管理V1.00

编辑当前文件:/home/pulsehostuk9/www/wp-content/themes/dexolix/assets/css/responsive.css

@media (max-width: 767px) {

.container {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
    }

/*=================== Top-Header-Nav-Home========================*/
    .dex_nav_area-mobail-section {
        background: var(--color-1);
        padding: 20px 0;
    }

.dex_nav_area-mobail-section02 {
        background: var(--color-3);
        padding: 20px 0;
    }

.dex_nav_area-mobail-logo-box {
        display: block;
        width: 70%;
        height: 100%;
    }

/* Mobail */
    .dnx_btn01 span {
        font-size: 14px;
        padding: 14px 26px;
    }

.dnx_btn01-icon i {
        transition: all 0.4s ease;
        color: var(--color-3);
        font-size: 10px;
    }

.dnx_btn01-icon {
        width: 47px;
        aspect-ratio: 1/1;
    }

/*  */
    .dex_hero-top-content-box {
        display: flex;
        align-items: start;
        flex-wrap: wrap;
        gap: 68px;
    }

.dex_hero-btn a {
        font-size: 14px;
    }

.dex_hero {
        padding: 120px 0px 60px 0px;
    }

.dex_hero-btn a i {
        font-size: 16px;
        margin-left: 7px;
    }

.dex_hero-title {
        font-size: 32px;
    }

.dex_hero-title-pill {
        font-size: 12px;
        padding: 6px 12px;
    }

.dex_hero-bottom-content-box {
        flex-wrap: wrap;
        margin-top: 50px;
    }

.dex_hero-text {
        font-size: 14px;
    }

.dex_hero-bottom-content-left-box {
        gap: 20px;
        flex-wrap: wrap;
    }

.dex_hero-img {
        width: 100%;
        height: 144px;
    }

.dex_hero-title-pill-left {
        left: -2%;
        top: -65%;
        rotate: 0deg;
    }

.dex_hero-title-pill-right {
        right: 0%;
        top: 121%;
        rotate: 0deg;
    }

.dex_hero-text-mw02 {
        max-width: 325px;
        margin-top: 20px;
    }

.dex_hero-shap01,
    .dex_hero-shap01 img {
        width: 100%;
        height: 100%;
    }

.dex_hero-shap02,
    .dex_hero-shap02 img {
        width: 100%;
        height: 100%;
    }

/* ========== Section-Counter-Home ============== */
    .dex_counter {
        padding: 60px 0px;
    }

.dex_counter-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
    }

.dex_counter-stats-container {
        width: 100%;
        gap: 20px;
        flex-wrap: nowrap;
        padding: 20px 20px;
    }

.dex_counter-number-box span {
        font-size: 38px;
    }

.dex_counter-stat-item p {
        font-size: 15px;
        margin-top: 6px;
    }

.dex_counter-stat-item {
        min-width: 100%;
        padding-bottom: 20px;
    }

.dex_title {
        font-size: 28px;
    }

.dex_counter-section {
        width: 100%;
    }

.dex_banner-wrapper {
        width: 100%;
        height: 200px;
        margin-bottom: 20px;
    }

.dex_title-counter-mb {
        margin-bottom: 30px;
    }

.dex_banner-video {
        width: 70px;
    }

.dex_counter-text {
        font-size: 16px;
    }

/* ============= Section-Services-Home ============ */
    .dex_services-top-content {
        flex-wrap: wrap;
        margin-bottom: 64px;
    }

.dex_title02 {
        font-size: 28px;
    }

.dex_services {
        padding: 60px 0px;
    }

.dex_services-text {
        font-size: 16px;
    }

.dex_services-text-mw {
        margin-top: 20px;
    }

.dex_services-text-box {
        flex-wrap: wrap;
        gap: 20px;
    }

.dex_services-text-title {
        font-size: 26px;
    }

.dex_services-js {
        padding: 16px 0;
        gap: 12px;
        flex-wrap: wrap;
    }

.dex_services-arrow {
        width: 50px;
    }

.dex_services-text-title-mw {
        min-width: 100%;
    }

.dex_services-arrow i {
        font-size: 12px;
    }

.dex_services-text-main-box {
        padding-right: 0px;
    }

.dex_services-img-preview {
        display: none;
    }

.dex_services-shap01 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.dex_services-shap01 img {
        width: 100%;
        height: 100%;
    }

.dex_dream {
        padding: 60px 0px;
    }

.dex_dream-title-box {
        display: flex;
        align-items: start;
        flex-direction: column;
        gap: 20px;
    }

.dex_dream-clippath-wrapper {
        height: 120px;
        margin-top: 30px;
    }

.dex_dream-exact-bars {
        width: 100%;
        height: 100px;
        margin-top: 30px;
        clip-path: polygon(
            /* Left full bar */ 0% 100%, 0% 0%, 20% 0%, 20% 80%,
                    /* Diagonal gap */ -20% 80%, 0% 100%,
                    /* Left short bar */ 20% 100%, 20% 20%, 40% 20%, 40% 100%,
                    /* Left gap */ 27% 100%, 28% 100%,
                    /* Center bar */ 40% 100%, 40% 0%, 60% 0%, 60% 100%,
                    /* Right gap (mirrored) */ 72% 100%, 73% 100%,
                    /* Right short bar (mirrored) */ 60% 100%, 60% 20%, 80% 20%, 80% 100%,
                    /* Right full bar (mirrored with diagonal gap) */ 100% 105%, 101% 0%, 80% 0%, 80% 80%,
                    /* Diagonal gap (mirrored) */ 120% 80%, 100% 100%
        );
    }

.dex_slider01 {
        padding: 60px 0px;
    }

.dex_design-title-mw {
        margin-bottom: 20px;
    }

.dex_slider01-stepTag {
        font-size: 15px;
    }

.dex_slider01-img {
        width: 70px;
    }

.dex_slider01-img img {
        width: 60%;
        height: 60%;
        object-fit: cover;
    }

.dex_slider01-content {
        min-height: 250px;
    }

.dex_slider01-define h3 {
        font-size: 20px;
        padding: 20px 0px;
    }

.dex_slider01-imgBtn-box {
        margin-top: 50px;
    }

.dex_slider01-define-btn {
        font-size: 18px;
        padding: 12px 0px;
    }

.dex_slider01-cursor-inner {
        font-size: 18px;
        width: 70px;
        aspect-ratio: 1/1;
    }

.dex_slider02 {
        padding: 60px 0px 60px 0px;
    }

.dex_slider02-title-box {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

.dex_slider02-btn-box {
        gap: 20px;
    }

.dex_slider02-img {
        width: 100%;
        height: 195px;
    }

.dex_slider02-item-title {
        font-size: 15px;
    }

.dex_working {
        padding: 60px 0px 60px 0px;
    }

.dex_awards-title-box {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 30px;
    }

.dex_awards {
        padding-bottom: 60px;
        padding-top: 60px;
    }

.dex_awards-img {
        width: 100%;
        height: 300px;
    }

.dex_awards-img-text {
        padding: 20px 20px;
        width: 100%;
    }

.dex_awards-img-text01 {
        font-size: 14px;
    }

.dex_awards-img-text-item01 {
        gap: 16px;
        padding: 12px 0px;
    }

.dex_awards-img-text01:nth-child(1) {
        width: 60%;
    }

.dex_awards-img-text01:nth-child(3) {
        width: 20%;
    }

.dex_articles-title-mb {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

.dex_articles-content {
        padding: 30px 20px;
    }

.dex_articles-item-tag-box {
        display: flex;
        gap: 10px;
    }

.dex_articles-item-tag {
        font-size: 14px;
        padding: 10px 14px;
    }

.dex_articles-item-title {
        font-size: 22px;
    }

.dex_articles-item-img {
        width: 50px;
    }

.dex_articles {
        padding-bottom: 60px;
    }

.dex_articles-item-details-box {
        gap: 16px;
    }

.dex_articles-item-name h4 {
        font-size: 16px;
    }

.dex_articles-item-name h5 {
        font-size: 14px;
        margin-top: 6px;
    }

.dex_articles-item-arrow {
        width: 40px;
        font-size: 12px;
    }

.dex_footer-content-main-box {
        display: flex;
        flex-direction: column;
        gap: 30px;
        padding-bottom: 60px;
    }

.dex_footer-logo {
        width: 140px;
        height: 40px;
    }

.dex_footer {
        padding: 60px 0px 20px 0px;
    }

.dex_footer-link-title {
        font-size: 18px;
    }

.dex_footer-link-box li a {
        font-size: 16px;
    }

.dex_footer-link-box {
        margin-top: 20px;
    }

.dex_footer-shap01 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

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

.dex_footer-shap02 {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

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

.dex_footer-link-main-box {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        width: 100%;
        padding: 20px 0px 0px 0px;
    }

.dex_footer-form-box {
        padding: 20px 20px 20px 20px;
    }

.dex_footer-form-title {
        font-size: 28px;
    }

.dex_footer-form-wrapper {
        margin-top: 20px;
    }

input[type="email"].dex_footer-form-input {
        font-size: 14px;
        padding: 12px 18px;
    }

.dex_footer-form-submit-btn {
        width: 40px;
        font-size: 10px;
    }

.dex_footer-copy-text {
        margin-top: 20px;
    }

.dex_footer-socal-icon-box {
        margin-top: 20px;
    }

.dnx_btn01-mobile span {
        color: var(--color-3);
        background: var(--color-4);
    }

/* Header02-Style */
    input[type="search"].dex_header02-search-input {
        font-size: 14px;
        width: 100%;
    }

.dex_header02-search-button {
        font-size: 14px;
        padding: 14px 32px;
    }

.dex_hero02-title {
        font-size: 32px;
    }

.dex_hero02-top-content {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

.dex_hero02-wrapper {
        padding: 120px 0px 0px 15px;
    }

.dex_hero02-body-text {
        font-size: 15px;
    }

.dex_hero02-bottom-content {
        margin-top: 30px;
    }

.dex_hero02-counter-number-box span {
        font-size: 30px;
    }

.dex_hero02-counter-stat-item p {
        font-size: 16px;
        margin-top: 5px;
    }

.dex_hero02-counter-stats-container {
        gap: 30px;
        width: 100%;
    }

.dex_hero02 {
        padding-bottom: 60px;
    }

/* marquee-Style */
    .dex_marquee-box {
        padding: 30px 0px;
    }

.dex_marquee-slider-img {
        width: 135px;
        height: fit-content;
    }

.dex_marquee-ul-style {
        display: flex;
        gap: 30px;
    }

.dex_idea {
        padding: 60px 0px;
    }

.dex_idea-left-content {
        padding: 0px 0px 52px 0px;
    }

.dex_idea-text {
        font-size: 15px;
    }

.dex_idea-wrapper {
        display: flex;
        flex-direction: column;
        align-items: start;
    }

.dex_idea-right-content {
        padding-left: 0px;
    }

.dex_idea-img {
        width: 44px;
    }

.dex_idea-service {
        font-size: 16px;
    }

.dex_idea-img-main-box {
        margin: 20px 0px 30px 0px;
    }

.dex_idea-circle-button {
        font-size: 15px;
        width: 96px;
    }

.dex_hm02_title01 {
        font-size: 28px;
    }

.dex_idea-right-img {
        width: 100%;
        height: fit-content;
        flex-shrink: 0;
    }

.dex_idea-appr {
        font-size: 24px;
    }

.dex_idea-right-bottom-box {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: start;
        margin-top: 0px;
    }

.dex_idea-right-bottom-text-box {
        margin-top: 20px;
        margin-right: 0px;
    }

/* business */
    .dex_business-title-box {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 30px;
    }

.dex_hm02_title02 {
        font-size: 28px;
    }

.dex_business {
        padding: 60px 0px;
    }

.dex_business-text {
        font-size: 15px;
    }

.dex_business-item-title {
        font-size: 24px;
    }

.dex_business-item-box {
        padding: 20px 0px 20px 0px;
    }

.dex_business-item-text {
        font-size: 15px;
    }

.dex_business-explore-btn {
        font-size: 16px;
        margin-top: 20px;
    }

.dex_business-icon {
        font-size: 16px;
        width: 42px;
    }

.dex_business-item-image {
        width: 100%;
        height: fit-content;
        transform: translateY(30px);
        opacity: 0;
        margin-right: 0px;
        margin-top: 0px;
    }

.dex_business-item-content {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        gap: 30px;
    }

/* Accordion */
    .dex_accordion-wrapper {
        padding: 520px 0px 60px 0px;
    }

.dex_accordion-container {
        max-width: 100%;
        margin-top: 20px;
    }

.dex_accordion-question {
        font-size: 18px;
        padding: 16px 0px 10px 0px;
    }

.faq-icon {
        font-size: 10px;
        width: 32px;
    }

.dex_accordion-answer {
        font-size: 14px;
    }

.dex_accordion-img01 {
        border: 1px solid var(--color-4);
        width: 100%;
        height: fit-content;
        margin-right: 0px;
    }

.dex_accordion-img02 {
        border: 1px solid var(--color-4);
        width: 100%;
        height: fit-content;
        margin-top: 0px;
    }

.dex_accordion-img-box {
        top: 0px;
    }

/* Banner */
    .dex_banner02 {
        padding: 60px 0px;
    }

.dex_banner02-main-wrapper {
        width: 100%;
        height: 180px;
    }

.dex_hm02_title01-banner02-mw {
        margin-bottom: 20px;
    }

/* Blog */
    .dex_blog {
        padding: 60px 0px;
    }

.dex_blog-left-img {
        width: 100%;
        height: fit-content;
    }

.dex_hm02_blog-title02-mb {
        margin-bottom: 30px;
    }

.dex_blog-left-details h4 {
        font-size: 15px;
    }

.dex_blog-left-link-box .dex_blog-from-left-and-back {
        font-size: 20px;
    }

.dex_blog-left-details {
        padding: 20px;
    }

.dex_blog-right-details h4 {
        font-size: 16px;
    }

.dex_blog-from-left-and-back {
        font-size: 20px;
    }

.dex_blog-right-content {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

.dex_blog-from-left-and-back-main {
        margin-top: 10px;
    }

/* clint */
    .dex_client {
        padding: 60px 0px;
    }

.dex_hm02_client-title01 {
        margin-bottom: 30px;
    }

.dex_client-right-box01 {
        display: flex;
        flex-direction: column;
        padding: 20px;
        gap: 30px;
    }

.dex_client-details h4 {
        font-size: 22px;
    }

.dex_client-details {
        gap: 20px;
    }

.dex_client-details h3 {
        font-size: 18px;
    }

.dex_client-img {
        width: 100%;
        height: fit-content;
    }

/* footer */
    .dex_footer02 {
        padding: 60px 0px 60px 0px;
    }

.dex_footer02-top-content {
        flex-direction: column;
        gap: 20px;
    }

.dex_footer02-middle-content {
        padding: 20px 0px;
        margin-top: 30px;
        flex-direction: column;
        gap: 20px;
    }

.dex_footer02-ul-box li a {
        font-size: 16px;
    }

.dex_footer02-ul-box {
        gap: 20px;
    }

.dex_footer02-bottom-content {
        display: flex;
        gap: 20px;
        flex-direction: column;
        justify-content: center;
        margin-top: 20px;
        align-items: center;
    }

.dex_footer02-bottom-content h4 {
        font-size: 16px;
        text-align: center;
    }

/* ========================================== About ============================================== */
    .dex_about_service {
        padding: 60px 0px 60px 0px;
    }

.dex_about_service-wrapper {
        flex-direction: column;
        gap: 20px;
    }

.dex_about_service-left-text {
        font-size: 18px;
    }

.dex_about_service-left-text-box {
        margin-top: 20px;
        margin-bottom: 20px;
    }

.dex_about_service-img01 {
        height: fit-content;
    }

.dex_about_service-img02 {
        height: fit-content;
    }

.dnx_btn02 {
        margin-left: 27px;
    }

.dex_about_service-text-box {
        margin: 24px 0px 30px 0px;
    }

.dex_about_counter {
        padding: 60px 0px;
    }

.dex_about_counter-title-box {
        flex-direction: column;
        gap: 20px;
    }

.dex_about_counter-text01 {
        font-size: 22px;
    }

.dex_about_counter-top-counter {
        flex-direction: column;
        gap: 20px;
    }

.dex_about_counter-item-title {
        font-size: 20px;
    }

.dex_about_counter-top-counter02 {
        flex-direction: column;
        gap: 20px;
    }

.dex_about_counter-item {
        padding: 24px;
    }

.dex_awards02 {
        padding: 60px 0px;
    }

.dex_awards02-title-box {
        flex-direction: column-reverse;
        gap: 30px;
    }

.dex_awards02-text01 {
        font-size: 16px;
    }

.dex_awards02-item-text03, .dex_awards02-item-text02, .dex_awards02-item-text01 {
        font-size: 18px;
    }

.dex_awards02-item-number {
        font-size: 18px;
    }

.dex_awards02-item-img {
        right: 20px;
        width: 120px;
        height: 140px;
    }

.dex_awards02-item-number-box {
        min-width: 40%;
        gap: 10px;
    }

.dex_awards02-item-text02 {
        min-width: 40%;
    }

.dex_awards02-item-text03 {
        min-width: 20%;
    }

.dex_awards02-item-box-active {
        padding: 40px 10px;
    }

.dex_awards02-item-box-active .dex_awards02-item-text02-mr {
        margin-right: 0px;
    }

.dex_awards02-item-box {
        flex-direction: column;
        gap: 20px;
        align-items: start;
    }

.dex_team {
        padding: 60px 0px;
    }

.dex_team-title-mb {
        margin-bottom: 60px;
    }

.dex_team-item-text-box h4 {
        font-size: 16px;
    }

.dex_team-item-text-box h3 {
        font-size: 14px;
    }

.dex_team-item-text-box {
        padding: 24px 20px;
        min-width: 220px;
    }

.dex_team-item-box {
        height: 350px;
    }

/* ================================================= Blog =============================================== */
    .dex_blog_cat {
        padding: 60px 0px;
    }

.dex_blog_cat-link-box {
        flex-wrap: wrap;
        gap: 10px;
    }

.dex_blog_cat-link {
        font-size: 15px;
        padding: 12px 20px;
    }

.dex_blog_cat-link-box {
        justify-content: start;
    }

.dex_blog_cat-item-box {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

.dex_blog_cat-item {
        padding: 20px 20px;
        border-top: 1px solid rgba(12, 16, 0, 0.2);
        border-left: 1px solid rgba(12, 16, 0, 0.2);
        border-right: 1px solid rgba(12, 16, 0, 0.2);
    }

.dex_blog_cat-item-img {
        height: fit-content;
    }

.dex_blog_cat-item-title {
        font-size: 24px;
    }

.dex_blog_cat-item-date {
        padding-top: 20px;
        margin-top: 20px;
        flex-direction: column;
        gap: 10px;
    }

.dex_blog_cat-item-date h4 {
        font-size: 16px;
    }

.dex_blog-cat-arrow {
        width: 70px;
        font-size: 17px;
    }

.dex_blog_cat-item:hover .dex_blog-cat-arrow-box {
        top: 110px;
    }

.dex_blog-cat-arrow-box {
        top: 150px;
    }

/* ====================================================== Blog-Details ======================================== */
    .dex_details {
        padding: 60px 0px;
    }

.dex_details-name {
        font-size: 14px;
    }

.dex_details-name-box, .dex_details-name-right-box, .dex_details-name-left-box {
        gap: 10px;
        flex-wrap: wrap;
    }

.dex_details-img01 {
        height: fit-content;
    }

.dex_details-title {
        font-size: 28px;
    }

.dex_details-img-box {
        grid-template-columns: repeat(1, 1fr);
    }

.dex_artical {
        padding: 60px 0px;
    }

/* ============================================= Project ============================================= */
    .dex_project {
        padding: 60px 0px;
    }

.dex_project-item {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        padding: 20px;
    }

.dex_project-item-title {
        font-size: 28px;
    }

.dex_project-left-item {
        gap: 20px;
    }

.dex_Project-btn {
        font-size: 14px;
        padding: 14px 32px;
    }

.dex_project-right-img {
        height: fit-content;
    }

/* ===================================================== Services-Details ================================== */
    .dex_services02 {
        padding: 60px 0px;
    }

.dex_services02-item {
        grid-template-columns: repeat(1, 1fr);
        padding: 20px;
        gap: 20px;
    }

.dex_services02-item-number {
        font-size: 40px;
    }

.dex_services02-item-details {
        gap: 20px;
    }

.dex_services02-item-img {
        height: fit-content;
    }

/* ============================================= Project-Details ========================================== */
    .dex_project_details-top-box h5 {
        font-size: 16px;
    }

.dex_project_details-top-box h4 {
        font-size: 16px;
    }

.dex_project_details-top-mainbox {
        flex-direction: column;
        gap: 20px;
        align-items: start;
    }

.dex_project_details {
        padding: 60px 0px;
    }

.dex_project_details-banner-img {
        height: fit-content;
    }

.dex_project_details-info-mainbox {
        flex-direction: column;
        gap: 20px;
    }

.dex_project_details-info-box {
        flex-direction: column;
        gap: 18px;
        text-align: center;
    }

.dex_project_details-icon {
        font-size: 18px;
        width: 52px;
    }

.dex_project_details-text-box h5 {
        font-size: 16px;
        margin-top: 5px;
    }

.dex_project_details-overview-left-box {
        padding-right: 0px;
    }

.dex_project_details-img01 {
        height: fit-content;
    }

.dex_project_details-overview-right-box {
        top: 40px;
        padding: 20px;
    }

/* ================================================== Services-Details =========================================== */
    .dex_services_details {
        padding: 60px 0px;
    }

.dex_services_details-left-img {
        height: fit-content;
    }

.dex_services_details-left-box {
        padding-right: 0px;
    }

.dex_services_details-right-list-box li {
        font-size: 16px;
    }

.dex_services_details-right-box-top {
        padding: 30px;
    }

.dex_services_details-right-box-bottom {
        padding: 20px;
    }

.dex_projecrt_details-right-box-img {
        width: 100%;
        height: fit-content;
    }

/* ================================================ Contact ============================================== */
    .dex_contact {
        padding: 60px 0px;
    }

.dex_contact-left-box {
        gap: 30px;
    }

.dex_contact-details-box {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }

.dex_counter-list-box {
        padding-top: 0px;
    }

.dex_contact-icon-details {
        font-size: 16px;
    }

.dex_contact-icon-box {
        font-size: 16px;
        width: 34px;
    }

.dex_contact-socail-icon-title {
        font-size: 16px;
        margin-bottom: 20px;
    }

.dex_contact-form-container {
        padding: 20px;
    }

.dex_contact-form-container input, .dex_contact-form-container textarea {
        padding: 12px 24px;
    }

.dnx_btn03-submit-icon {
        background: var(--color-3);
    }

.dnx_btn03-submit-icon i {
        color: var(--color-4);
    }

.dex_contact-btn-box {
        margin-top: 20px;
        margin-left: 30px;
    }
}

@media (min-width: 768px) {

.dex_slider01-content {
        min-height: 400px;
    }

.dex_slider01-define h3 {
        font-size: 24px;
        padding: 30px 0px;
    }

.dex_nav_area-mobail-section {
        padding: 20px 0;
        background: var(--color-1);
    }

.dex_nav_area-mobail-section02 {
        padding: 20px 0;
        background: var(--color-3);
    }

.dnx_btn01-mobile span {
        color: var(--color-3);
        background: var(--color-4);
    }

.dex_services-img-preview {
        height: fit-content;
    }

/* Custom */
    .dex_hero-top-content-box {
        display: flex;
        flex-wrap: wrap;
        gap: 100px;
    }

.dex_hero {
        padding: 140px 0px 100px 0px;
    }

.dex_hero-title {
        font-size: 50px;
    }

.dex_hero-title-pill-left {
        left: -2%;
        top: -72%;
        rotate: 0deg;
    }

.dex_hero-title-pill-right {
        right: 0%;
        top: 116%;
        rotate: 0deg;
    }

.dex_hero-title-pill {
        font-size: 14px;
        padding: 10px 22px;
    }

.dex_hero-bottom-content-box {
        flex-direction: column;
        gap: 50px;
        align-items: start;
        margin-top: 70px;
    }

.dex_hero-img {
        width: 100%;
    }

.dex_counter {
        background: var(--color-4);
        padding: 80px 0px;
    }

.dex_counter-wrapper {
        flex-wrap: wrap;
    }

.dex_counter-number-box span {
        font-size: 70px;
    }

.dex_counter-stat-item p {
        font-size: 18px;
        margin-top: 14px;
    }

.dex_counter-stat-item {
        padding-bottom: 30px;
    }

.dex_title {
        font-size: 44px;
    }

.dex_dream-clippath-wrapper {
        height: 246px;
    }

.dex_title-counter-mb {
        margin-bottom: 20px;
    }

.dex_hero-text {
        font-size: 18px;
    }

.dex_banner-wrapper {
        width: 100%;
        height: 420px;
    }

.dex_counter-text {
        font-size: 18px;
    }

.dex_services {
        padding: 80px 0px;
    }

.dex_services-top-content {
        flex-direction: column;
        gap: 30px;
    }

.dex_title02 {
        font-size: 44px;
    }

.dex_services-text {
        font-size: 18px;
    }

.dex_services-text-title {
        font-size: 32px;
    }

.dex_services-text-title-mw {
        min-width: 100%;
    }

.dex_services-text-box {
        flex-direction: column;
        gap: 20px;
    }

.dex_services-js {
        padding: 20px 0;
        gap: 10px;
        align-items: start;
    }

.dex_services-arrow {
        width: 50px;
    }

.dex_services-arrow i {
        font-size: 14px;
    }

.dex_services-text-main-box {
        padding-right: 0px;
    }

.dex_dream {
        padding: 80px 0px;
    }

.dex_dream-title-box {
        align-items: start;
        flex-direction: column;
        gap: 30px;
    }

.dex_dream-exact-bars {
        height: 246px;
    }

.dex_slider01 {
        padding: 80px 0px;
    }

.dex_slider01-stepTag {
        font-size: 20px;
    }

.dex_slider01-imgBtn-box {
        margin-top: 100px;
    }

.dex_slider01-img {
        width: 100px;
    }

.dex_slider01-define-btn {
        font-size: 28px;
        padding: 20px 0px;
    }

.dex_slider01-cursor-inner {
        font-size: 18px;
        width: 80px;
    }

.dex_slider02-title-box {
        flex-direction: column;
        gap: 30px;
        align-items: end;
    }

.dex_slider02 {
        padding: 80px 0px 80px 0px;
    }

.dex_slider02-btn-box {
        gap: 30px;
    }

.dex_slider02-item-title {
        font-size: 22px;
    }

.dex_slider02-img {
        height: 400px;
    }

.dex_working {
        padding: 80px 0px 80px 0px;
    }

.dex_awards-title-box {
        flex-direction: column;
        gap: 30px;
    }

.dex_awards {
        padding: 80px 0px;
    }

.dex_awards-img-text {
        padding: 20px 20px;
        width: 100%;
    }

.dex_awards-img-text-item01 {
        gap: 50px;
    }

.dex_awards-img-text01 {
        font-size: 18px;
    }

.dex_awards-img {
        height: 390px;
    }

.dex_awards-img-text01:nth-child(1) {
        width: 60%;
    }

.dex_awards-img-text01:nth-child(2) {
        width: 20%;
    }

.dex_awards-img-text01:nth-child(3) {
        width: 20%;
    }

.dex_awards-img-text-item01 {
        padding: 20px 0px;
    }

.dex_articles-content {
        padding: 20px 20px;
    }

.dex_articles-item-tag {
        font-size: 14px;
    }

.dex_articles-item-title {
        font-size: 22px;
    }

.dex_articles-item-img {
        width: 60px;
    }

.dex_articles-item-name h4 {
        font-size: 18px;
    }

.dex_articles-item-details-box {
        gap: 14px;
    }

.dex_articles-item-name h5 {
        font-size: 14px;
        margin-top: 5px;
    }

.dex_articles-item-arrow {
        width: 60px;
    }

.dex_articles {
        padding-bottom: 80px;
    }

.dex_footer-link-main-box {
        gap: 30px;
        width: 700px;
        padding: 40px 20px 0px 0px;
    }

.dex_footer-content-main-box {
        flex-direction: column;
        gap: 30px;
        padding-bottom: 80px;
    }

.dex_footer-link-title {
        font-size: 22px;
    }

.dex_footer-link-box li a {
        font-size: 20px;
    }

.dex_footer-link-box {
        margin-top: 20px;
    }

.dex_footer-form-title {
        font-size: 34px;
    }

.dex_footer-form-input {
        font-size: 18px;
    }

.dex_footer-copy-text {
        margin-top: 20px;
    }

.dex_footer {
        padding: 80px 0px 20px 0px;
    }

/* ====================================== Home02 ================================= */
    .dex_hero02-wrapper {
        padding: 130px 0px 0px 30px;
    }

.dex_hero02-title {
        font-size: 48px;
    }

.dex_hero02-top-content {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

.dex_hero02-img-mainbox {
        position: absolute;
        top: 15px;
        left: 260px;
    }

.dex_hero02-img {
        width: 350px;
        height: fit-content;
    }

.dex_hero02-bottom-content {
        flex-direction: column;
        align-items: start;
        gap: 50px;
        margin-top: 30px;
    }

.dex_hero02-btn {
        width: 80px;
        font-size: 30px;
    }

.dex_marquee-ul-style {
        gap: 30px;
    }

.dex_marquee-slider-img {
        width: 180px;
        height: fit-content;
    }

.dex_hero02 {
        padding-bottom: 60px;
    }

.dex_idea-wrapper {
        display: flex;
        flex-direction: column;
        gap: 30px;
        align-items: start;
    }

.dex_idea-left-content {
        padding: 20px 20px 20px 0px;
    }

.dex_idea-circle-button {
        font-size: 16px;
        width: 108px;
    }

.dex_hm02_title01 {
        font-size: 42px;
    }

.dex_idea-appr {
        font-size: 30px;
    }

.dex_hm02_title02 {
        font-size: 42px;
    }

.dex_business-title-box {
        display: flex;
        flex-direction: column;
        gap: 30px;
        align-items: start;
        margin-bottom: 60px;
    }

.dex_business-item-title {
        font-size: 32px;
    }

.dex_business-item-text {
        font-size: 20px;
    }

.dex_business-item-image {
        width: 330px;
        height: fit-content;
        margin-right: 0px;
        margin-top: 0px;
    }

.dex_accordion-img02 {
        width: 570px;
        height: fit-content;
    }

.dex_accordion-img-box {
        top: 0px;
        left: 0;
    }

.dex_accordion-wrapper {
        padding: 620px 0px 80px 0px;
    }

.dex_accordion-container {
        margin-top: 20px;
    }

.dex_banner02 {
        padding: 80px 0px;
    }

.dex_banner02-main-wrapper {
        height: 370px;
    }

.dex_client-right-box01 {
        padding: 30px;
        gap: 30px;
    }

.dex_client-details h4 {
        font-size: 28px;
    }

.dex_footer02-top-content {
        flex-direction: column;
        gap: 30px;
    }

.dex_footer02 {
        padding: 70px 0px 60px 0px;
    }

.dex_footer02-ul-box {
        gap: 30px;
    }

.dex_footer02-middle-content {
        flex-direction: column;
        gap: 20px;
    }

.dex_footer02-ul-box li a {
        font-size: 20px;
    }

.dex_footer02-bottom-content h4 {
        font-size: 20px;
    }

.dex_footer02-bottom-content {
        margin-top: 30px;
    }

/* ================================================ About ============================================== */
    .dex_about_service {
        padding: 80px 0px 80px 0px;
    }

.dex_about_service-wrapper {
        flex-direction: column;
        gap: 20px;
    }

.dex_about_counter {
        padding: 80px 0px;
    }

.dex_about_counter-text01 {
        font-size: 32px;
    }

.dex_about_counter-title-box {
        flex-direction: column;
        gap: 20px;
    }

.dex_about_counter-item {
        padding: 26px;
    }

.dex_about_counter-item-title {
        font-size: 22px;
    }

.dex_awards02-title-box {
        flex-direction: column-reverse;
        gap: 20px;
    }

.dex_awards02-item-number {
        font-size: 28px;
    }

.dex_awards02-item-text03, .dex_awards02-item-text02, .dex_awards02-item-text01 {
        font-size: 28px;
    }

.dex_awards02-item-number-box {
        min-width: 40%;
    }

.dex_awards02-item-text02 {
        min-width: 40%;
    }

.dex_awards02-item-text03 {
        min-width: 20%;
    }

.dex_awards02 {
        padding: 80px 0px;
    }

.dex_awards02-item-box-active .dex_awards02-item-text02-mr {
        margin-right: 0px;
    }

.dex_awards02-item-box {
        align-items: start;
        flex-direction: column;
        gap: 20px;
    }

.dex_awards02-item-img {
        right: 80px;
    }

.dex_team {
        padding: 80px 0px;
    }

.dex_team-item-box {
        height: fit-content;
    }

/* ================================================= Blog =============================================== */
    .dex_blog_cat {
        padding: 80px 0px;
    }

.dex_blog_cat-link-box {
        display: flex;
        flex-wrap: wrap;
        justify-content: start;
        align-items: start;
        gap: 20px;
    }

.dex_blog_cat-link {
        font-size: 16px;
        padding: 14px 38px;
    }

.dex_blog_cat-item {
        padding: 20px 20px;
    }

.dex_blog_cat-item-title {
        font-size: 32px;
    }

.dex_blog_cat-item-img {
        height: fit-content;
    }

.dex_blog_cat-item-date h4 {
        font-size: 16px;
    }

.dex_blog-cat-arrow {
        width: 70px;
        font-size: 17px;
    }

.dex_blog_cat-item:hover .dex_blog-cat-arrow-box {
        top: 100px;
    }

.dex_blog-cat-arrow-box {
        top: 130px;
    }

/* ====================================================== Blog-Details ======================================== */
    .dex_details {
        padding: 80px 0px;
    }

.dex_details-name {
        font-size: 18px;
    }

.dex_details-name-box,
    .dex_details-name-right-box,
    .dex_details-name-left-box {
        gap: 16px;
    }

.dex_details-img01 {
        height: fit-content;
    }

.dex_details-title {
        font-size: 44px;
    }

.dex_details-img-box {
        gap: 16px;
    }

.dex_details-img-box01 {
        height: fit-content;
    }

.dex_artical {
        padding: 80px 0px;
    }

/* ============================================== Project =================================================== */
    .dex_project {
        padding: 80px 0px;
    }

.dex_project-item {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        padding: 30px;
    }

.dex_project-right-img {
        height: fit-content;
    }

.dex_project-item-title {
        font-size: 28px;
    }

.dex_project-left-item {
        gap: 20px;
    }

.dex_Project-btn {
        font-size: 14px;
        padding: 12px 32px;
    }

/* =================================================== Services ============================================= */
    .dex_services02 {
        padding: 80px 0px;
    }

.dex_services02-item {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
        padding: 30px;
    }

.dex_services02-item-img {
        height: fit-content;
    }

.dex_services02-item-img img {
        object-fit: contain;
    }

.dex_services02-item-number {
        font-size: 82px;
    }

/* ===================================================== Services-Details ======================================== */
    .dex_services_details {
        padding: 80px 0px;
    }

.dex_services_details-left-box {
        padding-right: 0px;
    }

.dex_services_details-left-img {
        height: fit-content;
    }

.dex_projecrt_details-right-box-img {
        height: fit-content;
    }

/* ================================================ Contact =============================================== */
    .dex_contact {
        padding: 80px 0px;
    }

.dex_contact-details-box {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }

.dex_contact-left-box {
        gap: 30px;
    }

}

@media (min-width: 992px) {

.dex_services-img-preview {
        height: fit-content;
    }

.dex_dream-clippath-wrapper {
        height: 330px;
    }

.dex_slider01-content {
        min-height: 400px;
    }

.dex_slider01-define h3 {
        font-size: 24px;
        padding: 30px 0px;
    }

/* Header-Style */
    .dex_header-logo {
        width: 120px;
        height: fit-content;
    }

.dex_nav_bar > ul > li > a {
        font-size: 17px;
    }

.dnx_btn01 span {
        font-size: 14px;
        padding: 16px 32px;
    }

.dnx_btn01-icon {
        width: 44px;
    }

.dex_nav_bar ul > li > ul, .dex_nav_bar ul ul ul {
        font-size: 16px;
    }

.dex_nav_bar ul > li > ul {
        top: 235%;
        left: 0%;
    }

/* End */
    /* Nav-bar */
    .dex_nav_bar > ul {
        gap: 20px;
    }

.dex_nav_bar ul > li > ul, .dex_nav_bar ul ul ul {
        min-width: 200px;
    }

/* Custom */
    .dex_hero-top-content-box {
        display: flex;
        flex-wrap: wrap;
        gap: 100px;
    }

.dex_hero {
        padding: 140px 0px 100px 0px;
    }

.dex_hero-title {
        font-size: 50px;
    }

.dex_hero-title-pill-left {
        left: 0%;
        top: -130%;
        rotate: 0deg;
    }

.dex_hero-title-pill-right {
        right: 0%;
        top: 130%;
        rotate: 0deg;
    }

.dex_hero-title-pill {
        font-size: 14px;
        padding: 10px 22px;
    }

.dex_hero-bottom-content-box {
        flex-direction: column;
        gap: 50px;
        align-items: start;
        margin-top: 70px;
    }

.dex_hero-img {
        width: 100%;
    }

.dex_counter {
        background: var(--color-4);
        padding: 80px 0px;
    }

.dex_counter-wrapper {
        flex-wrap: wrap;
    }

.dex_counter-number-box span {
        font-size: 70px;
    }

.dex_counter-stat-item p {
        font-size: 18px;
        margin-top: 14px;
    }

.dex_counter-stat-item {
        padding-bottom: 30px;
    }

.dex_title {
        font-size: 44px;
    }

.dex_title-counter-mb {
        margin-bottom: 20px;
    }

.dex_hero-text {
        font-size: 18px;
    }

.dex_banner-wrapper {
        width: 100%;
        height: 420px;
    }

.dex_counter-text {
        font-size: 18px;
    }

.dex_services {
        padding: 80px 0px;
    }

.dex_services-top-content {
        flex-direction: column;
        gap: 30px;
    }

.dex_title02 {
        font-size: 44px;
    }

.dex_services-text {
        font-size: 18px;
    }

.dex_services-text-title {
        font-size: 32px;
    }

.dex_services-text-title-mw {
        min-width: 100%;
    }

.dex_services-text-box {
        flex-direction: column;
        gap: 20px;
    }

.dex_services-js {
        padding: 20px 0;
        gap: 10px;
        align-items: start;
    }

.dex_services-arrow {
        width: 50px;
    }

.dex_services-arrow i {
        font-size: 14px;
    }

.dex_services-text-main-box {
        padding-right: 0px;
    }

.dex_dream {
        padding: 80px 0px;
    }

.dex_dream-title-box {
        align-items: start;
        flex-direction: column;
        gap: 30px;
    }

.dex_dream-exact-bars {
        height: 246px;
    }

.dex_slider01 {
        padding: 80px 0px;
    }

.dex_slider01-stepTag {
        font-size: 20px;
    }

.dex_slider01-imgBtn-box {
        margin-top: 100px;
    }

.dex_slider01-img {
        width: 100px;
    }

.dex_slider01-define-btn {
        font-size: 28px;
        padding: 20px 0px;
    }

.dex_slider01-cursor-inner {
        font-size: 18px;
        width: 80px;
    }

.dex_slider02-title-box {
        flex-direction: column;
        gap: 30px;
        align-items: end;
    }

.dex_slider02 {
        padding: 80px 0px 80px 0px;
    }

.dex_slider02-btn-box {
        gap: 30px;
    }

.dex_slider02-item-title {
        font-size: 22px;
    }

.dex_slider02-img {
        height: 400px;
    }

.dex_working {
        padding: 80px 0px 80px 0px;
    }

.dex_awards-title-box {
        flex-direction: column;
        gap: 30px;
    }

.dex_awards {
        padding: 80px 0px;
    }

.dex_awards-img-text {
        padding: 20px 20px;
        width: 100%;
    }

.dex_awards-img-text-item01 {
        gap: 50px;
    }

.dex_awards-img-text01 {
        font-size: 18px;
    }

.dex_awards-img {
        height: 390px;
    }

.dex_awards-img-text01:nth-child(1) {
        width: 60%;
    }

.dex_awards-img-text01:nth-child(2) {
        width: 20%;
    }

.dex_awards-img-text01:nth-child(3) {
        width: 20%;
    }

.dex_awards-img-text-item01 {
        padding: 20px 0px;
    }

.dex_articles-content {
        padding: 20px 20px;
    }

.dex_articles-item-tag {
        font-size: 14px;
    }

.dex_articles-item-title {
        font-size: 22px;
    }

.dex_articles-item-img {
        width: 60px;
    }

.dex_articles-item-name h4 {
        font-size: 18px;
    }

.dex_articles-item-details-box {
        gap: 14px;
    }

.dex_articles-item-name h5 {
        font-size: 14px;
        margin-top: 5px;
    }

.dex_articles-item-arrow {
        width: 60px;
    }

.dex_articles {
        padding-bottom: 80px;
    }

.dex_footer-link-main-box {
        gap: 30px;
        width: 700px;
        padding: 40px 20px 0px 0px;
    }

.dex_footer-content-main-box {
        flex-direction: column;
        gap: 30px;
        padding-bottom: 80px;
    }

.dex_footer-link-title {
        font-size: 22px;
    }

.dex_footer-link-box li a {
        font-size: 20px;
    }

.dex_footer-link-box {
        margin-top: 20px;
    }

.dex_footer-form-title {
        font-size: 34px;
    }

.dex_footer-form-input {
        font-size: 18px;
    }

.dex_footer-copy-text {
        margin-top: 20px;
    }

.dex_footer {
        padding: 80px 0px 20px 0px;
    }

/* ====================================== Home02 ================================= */
    .dex_hero02-wrapper {
        padding: 190px 0px 0px 40px;
    }

.dex_hero02-title {
        font-size: 60px;
    }

.dex_hero02-top-content {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

.dex_hero02-img-mainbox {
        position: absolute;
        top: 15px;
        left: 260px;
    }

.dex_hero02-img {
        width: 430px;
        height: fit-content;
    }

.dex_hero02-bottom-content {
        flex-direction: row;
        align-items: start;
        gap: 0px;
        margin-top: 30px;
    }

.dex_hero02-btn {
        width: 80px;
        font-size: 30px;
    }

.dex_marquee-ul-style {
        gap: 70px;
    }

.dex_marquee-slider-img {
        width: 180px;
        height: fit-content;
    }

.dex_hero02 {
        padding-bottom: 60px;
    }

.dex_idea-wrapper {
        display: flex;
        flex-direction: column;
        gap: 30px;
        align-items: start;
    }

.dex_idea-left-content {
        padding: 20px 20px 20px 0px;
    }

.dex_idea-circle-button {
        font-size: 16px;
        width: 108px;
    }

.dex_hm02_title01 {
        font-size: 52px;
    }

.dex_idea-appr {
        font-size: 30px;
    }

.dex_hm02_title02 {
        font-size: 42px;
    }

.dex_business-title-box {
        display: flex;
        flex-direction: column;
        gap: 30px;
        align-items: start;
        margin-bottom: 60px;
    }

.dex_business-item-title {
        font-size: 32px;
    }

.dex_business-item-text {
        font-size: 20px;
    }

.dex_business-item-image {
        width: 330px;
        height: fit-content;
        margin-right: 0px;
        margin-top: 0px;
    }

.dex_accordion-img02 {
        width: 570px;
        height: fit-content;
    }

.dex_accordion-img-box {
        top: 0px;
        left: 0;
    }

.dex_accordion-wrapper {
        padding: 620px 0px 80px 0px;
    }

.dex_accordion-container {
        margin-top: 20px;
    }

.dex_banner02 {
        padding: 80px 0px;
    }

.dex_banner02-main-wrapper {
        height: 500px;
    }

.dex_client-right-box01 {
        padding: 30px;
        gap: 30px;
    }

.dex_client-details h4 {
        font-size: 28px;
    }

.dex_footer02-top-content {
        flex-direction: column;
        gap: 30px;
    }

.dex_footer02 {
        padding: 70px 0px 60px 0px;
    }

.dex_footer02-ul-box {
        gap: 30px;
    }

.dex_footer02-middle-content {
        flex-direction: column;
        gap: 20px;
    }

.dex_footer02-ul-box li a {
        font-size: 20px;
    }

.dex_footer02-bottom-content h4 {
        font-size: 20px;
    }

.dex_footer02-bottom-content {
        margin-top: 30px;
    }

/* blog */
    .dex_blog-right-content {
        gap: 20px;
    }

.dex_blog-left-img {
        height: fit-content;
    }

.dex_blog-left-link-box .dex_blog-from-left-and-back {
        font-size: 24px;
    }

.dex_blog-left-details h4 {
        font-size: 20px;
    }

.dex_blog-from-left-and-back {
        font-size: 20px;
    }

.dex_blog-from-left-and-back-main {
        margin-top: 10px;
    }

/* ================================================ About ============================================== */
    .dex_about_service {
        padding: 80px 0px 80px 0px;
    }

.dex_about_service-wrapper {
        flex-direction: column;
        gap: 20px;
    }

.dex_about_counter {
        padding: 80px 0px;
    }

.dex_about_counter-text01 {
        font-size: 32px;
    }

.dex_about_counter-title-box {
        flex-direction: column;
        gap: 20px;
    }

.dex_about_counter-item {
        padding: 26px;
    }

.dex_about_counter-item-title {
        font-size: 22px;
    }

.dex_awards02-title-box {
        flex-direction: column-reverse;
        gap: 20px;
    }

.dex_awards02-item-number {
        font-size: 28px;
    }

.dex_awards02-item-text03, .dex_awards02-item-text02, .dex_awards02-item-text01 {
        font-size: 28px;
    }

.dex_awards02-item-number-box {
        min-width: 40%;
    }

.dex_awards02-item-text02 {
        min-width: 40%;
    }

.dex_awards02-item-text03 {
        min-width: 20%;
    }

.dex_awards02 {
        padding: 80px 0px;
    }

.dex_awards02-item-box-active .dex_awards02-item-text02-mr {
        margin-right: 0px;
    }

.dex_awards02-item-box {
        align-items: start;
        flex-direction: column;
        gap: 20px;
    }

.dex_awards02-item-img {
        right: 80px;
    }

.dex_team {
        padding: 80px 0px;
    }

.dex_team-item-box {
        height: 380px;
    }

/* ================================================= Blog =============================================== */
    .dex_blog_cat {
        padding: 80px 0px;
    }

.dex_blog_cat-link-box {
        display: flex;
        flex-wrap: wrap;
        justify-content: start;
        align-items: start;
        gap: 20px;
    }

.dex_blog_cat-link {
        font-size: 16px;
        padding: 14px 38px;
    }

.dex_blog_cat-item {
        padding: 20px 20px;
    }

.dex_blog_cat-item-title {
        font-size: 32px;
    }

.dex_blog_cat-item-img {
        height: fit-content;
    }

.dex_blog_cat-item-date h4 {
        font-size: 16px;
    }

.dex_blog-cat-arrow {
        width: 70px;
        font-size: 17px;
    }

.dex_blog_cat-item:hover .dex_blog-cat-arrow-box {
        top: 100px;
    }

.dex_blog-cat-arrow-box {
        top: 130px;
    }

/* ====================================================== Blog-Details ======================================== */
    .dex_details {
        padding: 80px 0px;
    }

.dex_details-name {
        font-size: 18px;
    }

.dex_details-name-box,
    .dex_details-name-right-box,
    .dex_details-name-left-box {
        gap: 16px;
    }

.dex_details-img01 {
        height: fit-content;
    }

.dex_details-title {
        font-size: 44px;
    }

.dex_details-img-box {
        gap: 16px;
    }

.dex_details-img-box01 {
        height: fit-content;
    }

.dex_artical {
        padding: 80px 0px;
    }

/* ============================================== Project =================================================== */
    .dex_project {
        padding: 80px 0px;
    }

.dex_project-item {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        padding: 30px;
    }

.dex_project-right-img {
        height: fit-content;
    }

.dex_project-item-title {
        font-size: 28px;
    }

.dex_project-left-item {
        gap: 20px;
    }

.dex_Project-btn {
        font-size: 14px;
        padding: 12px 32px;
    }

/* ================================================= Project-Details ============================================== */
    .dex_project_details {
        padding: 80px 0px;
    }

.dex_project_details-top-box h5 {
        font-size: 18px;
    }

.dex_project_details-top-box h4 {
        font-size: 22px;
    }

.dex_project_details-top-mainbox {
        align-items: start;
        flex-direction: column;
        gap: 20px;
    }

.dex_project_details-banner-img {
        height: fit-content;
    }

.dex_project_details-info-mainbox {
        flex-wrap: wrap;
        gap: 20px;
    }

.dex_project_details-icon {
        font-size: 18px;
        width: 48px;
    }

.dex_project_details-overview-right-box {
        padding: 20px;
    }

.dex_project_details-overview-left-box {
        padding-right: 0px;
    }

/* =================================================== Services ============================================= */
    .dex_services02 {
        padding: 80px 0px;
    }

.dex_services02-item {
        grid-template-columns: 55% 40%;
        gap: 5%;
        padding: 30px;
    }

.dex_services02-item-img {
        height: fit-content;
    }

.dex_services02-item-img img {
        object-fit: contain;
    }

.dex_services02-item-number {
        font-size: 82px;
    }

.dex_services02-item-details {
        gap: 30px;
    }

/* ===================================================== Services-Details ======================================== */
    .dex_services_details {
        padding: 80px 0px;
    }

.dex_services_details-left-box {
        padding-right: 0px;
    }

.dex_services_details-left-img {
        height: fit-content;
    }

.dex_projecrt_details-right-box-img {
        height: fit-content;
    }

/* ================================================ Contact =============================================== */
    .dex_contact {
        padding: 80px 0px;
    }

.dex_contact-details-box {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }

.dex_contact-left-box {
        gap: 30px;
    }

}

@media (min-width: 1200px) {

.dex_services-img-preview {
        height: fit-content;
    }

.dex_dream-clippath-wrapper {
        height: 395px;
    }

.dex_slider01-content {
        min-height: 400px;
    }

.dex_slider01-define h3 {
        font-size: 30px;
        padding: 50px 0px;
    }

/* end-Profile-mobile */
    .dex_nav_area-mobail-section {
        padding: 20px 0;
    }

.dex_nav_area-mobail-section02 {
        padding: 20px 0;
    }

/* Nav bar */
    .dex_nav_bar > ul {
        gap: 40px;
    }

.dex_nav_bar ul > li > ul, .dex_nav_bar ul ul ul {
        min-width: 250px;
    }

/* Again */
    .dex_hero-title {
        font-size: 72px;
    }

.dex_hero-title-pill-left {
        left: 0%;
        top: -60%;
        rotate: 0deg;
    }

.dex_hero-bottom-content-box {
        flex-direction: row;
        gap: 30px;
        align-items: center;
        margin-top: -20px;
    }

.dex_hero-title-pill-right {
        right: 0%;
        top: 70%;
        rotate: 0deg;
    }

.dex_banner-wrapper {
        width: 100%;
        height: 350px;
    }

.dex_title {
        font-size: 66px;
    }

.dex_counter-number-box span {
        font-size: 80px;
    }

.dex_title02 {
        font-size: 66px;
    }

.dex_services-text-box {
        flex-direction: row;
        gap: 20px;
    }

.dex_dream-exact-bars {
        height: 390px;
    }

.dex_slider02-item-title {
        font-size: 26px;
    }

.dex_footer-logo {
        width: 200px;
        height: 54px;
    }

.dex_footer-link-main-box {
        gap: 30px;
        width: 648px;
        padding: 52px 30px 0px 0px;
    }

/* Custom */
    .dex_hero-top-content-box {
        display: flex;
        flex-wrap: nowrap;
        gap: 68px;
    }

.dex_hero {
        padding: 220px 0px 120px 0px;
    }

.dex_hero-title-pill {
        font-size: 16px;
        padding: 14px 32px;
    }

.dex_hero-img {
        width: 617px;
    }

.dex_counter {
        background: var(--color-4);
        padding: 120px 0px;
    }

.dex_counter-wrapper {
        flex-wrap: nowrap;
    }

.dex_counter-stat-item p {
        font-size: 20px;
        margin-top: 26px;
    }

.dex_counter-stat-item {
        padding-bottom: 52px;
    }

.dex_title-counter-mb {
        margin-bottom: 60px;
    }

.dex_hero-text {
        font-size: 20px;
    }

.dex_counter-text {
        font-size: 20px;
    }

.dex_services {
        padding: 120px 0px;
    }

.dex_services-top-content {
        flex-direction: row;
        gap: 0;
    }

.dex_services-text {
        font-size: 22px;
    }

.dex_services-text-title {
        font-size: 48px;
    }

.dex_services-text-title-mw {
        min-width: 250px;
    }

.dex_services-js {
        padding: 32px 0;
        gap: 80px;
        align-items: center;
    }

.dex_services-arrow {
        width: 94px;
    }

.dex_services-arrow i {
        font-size: 20px;
    }

.dex_services-text-main-box {
        padding-right: 0px;
    }

.dex_dream {
        padding: 120px 0px;
    }

.dex_dream-title-box {
        align-items: center;
        flex-direction: row;
        gap: 0;
    }

.dex_slider01 {
        padding: 120px 0px;
    }

.dex_slider01-stepTag {
        font-size: 26px;
    }

.dex_slider01-imgBtn-box {
        margin-top: 184px;
    }

.dex_slider01-img {
        width: 148px;
    }

.dex_slider01-define-btn {
        font-size: 48px;
        padding: 52px 0px;
    }

.dex_slider01-cursor-inner {
        font-size: 22px;
        width: 120px;
    }

.dex_slider02-title-box {
        flex-direction: row;
        gap: 0;
        align-items: center;
    }

.dex_slider02 {
        padding: 120px 0px 134px 0px;
    }

.dex_slider02-btn-box {
        gap: 56px;
    }

.dex_slider02-img {
        height: 584px;
    }

.dex_working {
        padding: 120px 0px 114px 0px;
    }

.dex_awards-title-box {
        flex-direction: row;
        gap: 0;
    }

.dex_awards {
        padding: 120px 0px;
    }

.dex_awards-img-text {
        padding: 60px 80px;
        width: 770px;
    }

.dex_awards-img-text-item01 {
        gap: 24px;
    }

.dex_awards-img-text01 {
        font-size: 26px;
    }

.dex_awards-img {
        height: 768px;
    }

.dex_awards-img-text01:nth-child(1) {
        width: 45%;
    }

.dex_awards-img-text01:nth-child(2) {
        width: 30%;
    }

.dex_awards-img-text01:nth-child(3) {
        width: 25%;
    }

.dex_awards-img-text-item01 {
        padding: 32px 0px;
    }

.dex_articles-content {
        padding: 52px 40px;
    }

.dex_articles-item-tag {
        font-size: 16px;
    }

.dex_articles-item-title {
        font-size: 36px;
    }

.dex_articles-item-img {
        width: 70px;
    }

.dex_articles-item-name h4 {
        font-size: 20px;
    }

.dex_articles-item-details-box {
        gap: 24px;
    }

.dex_articles-item-name h5 {
        font-size: 16px;
        margin-top: 10px;
    }

.dex_articles-item-arrow {
        width: 70px;
    }

.dex_articles {
        padding-bottom: 230px;
    }

.dex_footer-content-main-box {
        flex-direction: row;
        gap: 0;
        padding-bottom: 110px;
    }

.dex_footer-link-title {
        font-size: 26px;
    }

.dex_footer-link-box li a {
        font-size: 22px;
    }

.dex_footer-link-box {
        margin-top: 24px;
    }

.dex_footer-form-title {
        font-size: 64px;
    }

.dex_footer-form-input {
        font-size: 16px;
    }

.dex_footer-copy-text {
        margin-top: 40px;
    }

.dex_footer {
        padding: 120px 0px 85px 0px;
    }

/* ====================================== Home02 ================================= */
    .dex_hero02-wrapper {
        padding: 190px 0px 0px 40px;
    }

.dex_hero02-title {
        font-size: 60px;
    }

.dex_hero02-top-content {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

.dex_hero02-img-mainbox {
        position: absolute;
        top: 15px;
        left: 260px;
    }

.dex_hero02-img {
        width: 430px;
        height: fit-content;
    }

.dex_hero02-bottom-content {
        flex-direction: row;
        align-items: start;
        gap: 0px;
        margin-top: 30px;
    }

.dex_hero02-btn {
        width: 80px;
        font-size: 30px;
    }

.dex_marquee-ul-style {
        gap: 70px;
    }

.dex_marquee-slider-img {
        width: 180px;
        height: fit-content;
    }

.dex_hero02 {
        padding-bottom: 60px;
    }

.dex_idea-wrapper {
        display: flex;
        flex-direction: column;
        gap: 30px;
        align-items: start;
    }

.dex_idea-left-content {
        padding: 20px 20px 20px 0px;
    }

.dex_idea-circle-button {
        font-size: 16px;
        width: 108px;
    }

.dex_hm02_title01 {
        font-size: 52px;
    }

.dex_idea-appr {
        font-size: 30px;
    }

.dex_hm02_title02 {
        font-size: 42px;
    }

.dex_business-title-box {
        display: flex;
        flex-direction: column;
        gap: 30px;
        align-items: start;
        margin-bottom: 60px;
    }

.dex_business-item-title {
        font-size: 32px;
    }

.dex_business-item-text {
        font-size: 20px;
    }

.dex_business-item-image {
        width: 330px;
        height: fit-content;
        margin-right: 0px;
        margin-top: 0px;
    }

.dex_accordion-img02 {
        width: 570px;
        height: fit-content;
    }

.dex_accordion-img-box {
        top: 0px;
        left: 0;
    }

.dex_accordion-wrapper {
        padding: 620px 0px 80px 0px;
    }

.dex_accordion-container {
        margin-top: 20px;
    }

.dex_banner02 {
        padding: 80px 0px;
    }

.dex_banner02-main-wrapper {
        height: 500px;
    }

.dex_client-right-box01 {
        padding: 30px;
        gap: 30px;
    }

.dex_client-details h4 {
        font-size: 28px;
    }

.dex_footer02-top-content {
        flex-direction: column;
        gap: 30px;
    }

.dex_footer02 {
        padding: 70px 0px 60px 0px;
    }

.dex_footer02-ul-box {
        gap: 30px;
    }

.dex_footer02-middle-content {
        flex-direction: column;
        gap: 20px;
    }

.dex_footer02-ul-box li a {
        font-size: 20px;
    }

.dex_footer02-bottom-content h4 {
        font-size: 20px;
    }

.dex_footer02-bottom-content {
        margin-top: 30px;
    }

/* blog */
    .dex_blog-right-content {
        gap: 20px;
    }

.dex_blog-left-img {
        height: fit-content;
    }

.dex_blog-left-link-box .dex_blog-from-left-and-back {
        font-size: 24px;
    }

.dex_blog-left-details h4 {
        font-size: 20px;
    }

.dex_blog-from-left-and-back {
        font-size: 20px;
    }

.dex_blog-from-left-and-back-main {
        margin-top: 10px;
    }

/* ================================================ About ============================================== */
    .dex_about_service {
        padding: 80px 0px 80px 0px;
    }

.dex_about_service-wrapper {
        flex-direction: column;
        gap: 20px;
    }

.dex_about_counter {
        padding: 80px 0px;
    }

.dex_about_counter-text01 {
        font-size: 32px;
    }

.dex_about_counter-title-box {
        flex-direction: column;
        gap: 20px;
    }

.dex_about_counter-item {
        padding: 26px;
    }

.dex_about_counter-item-title {
        font-size: 22px;
    }

.dex_awards02-title-box {
        flex-direction: column-reverse;
        gap: 20px;
    }

.dex_awards02-item-number {
        font-size: 28px;
    }

.dex_awards02-item-text03, .dex_awards02-item-text02, .dex_awards02-item-text01 {
        font-size: 28px;
    }

.dex_awards02-item-number-box {
        min-width: 444px;
    }

.dex_awards02-item-text02 {
        min-width: 460px;
    }

.dex_awards02-item-text03 {
        min-width: 110px;
    }

.dex_awards02 {
        padding: 80px 0px;
    }

.dex_awards02-item-box-active .dex_awards02-item-text02-mr {
        margin-right: 100px;
    }

.dex_awards02-item-box {
        align-items: center;
        flex-direction: row;
        gap: 0px;
    }

.dex_awards02-item-img {
        right: 165px;
    }

.dex_team {
        padding: 80px 0px;
    }

.dex_team-item-box {
        height: 380px;
    }

/* ================================================= Blog =============================================== */
    .dex_blog_cat {
        padding: 80px 0px;
    }

.dex_blog_cat-link-box {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 24px;
    }

.dex_blog_cat-item {
        padding: 40px 32px;
    }

.dex_blog_cat-item-title {
        font-size: 48px;
    }

.dex_blog_cat-item-img {
        height: 447px;
    }

.dex_blog_cat-item-date h4 {
        font-size: 20px;
    }

.dex_blog-cat-arrow {
        width: 112px;
        font-size: 28px;
    }

.dex_blog_cat-item:hover .dex_blog-cat-arrow-box {
        top: 208px;
    }

.dex_blog-cat-arrow-box {
        top: 240px;
    }