/*
Theme Name: DevVN Theme
Description: 
Author: DevVN Team
Template: flatsome
Version: 1.0.2
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
body {
    font-family: Arial, Helvetica, Helvetica Neue, sans-serif !important;
}

b, strong {
    font-weight: 700;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin: 0 0 20px 0;
}

.videoWrapper iframe, .videoWrapper object, .videoWrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

h1.h1_logo {
    height: 0;
    overflow: hidden;
    width: 0;
    margin: 0;
    padding: 0;
    position: absolute;
}

ul.header-nav.header-nav-main.nav li a {
    font-size: 16px;
    font-weight: 400;
}

ul.header-nav.header-nav-main.nav > li > a {
    font-weight: 700;
}

ul.header-nav.header-nav-main.nav > li {
    margin-left: unset;
    margin-right: 35px;
}

ul.header-nav.header-nav-main.nav > li ul.sub-menu {
    padding: unset;
}

ul.header-nav.header-nav-main.nav > li ul.sub-menu li a {
    font-size: 15px;
    padding: 15px 5px;
    line-height: 1.5;
    color: #000;
    text-transform: none;
}

ul.header-nav.header-nav-main.nav > li ul.sub-menu li a:hover {
    color: #af3689;
}

ul.header-nav.header-nav-main.nav > li > ul.sub-menu {
    display: block;
    left: auto;
    right: 0;
}

ul.header-nav.header-nav-main.nav > li > ul.sub-menu > li:hover > ul.sub-menu {
    display: block;
}

ul.header-nav.header-nav-main.nav > li > ul.sub-menu > li > ul.sub-menu::-webkit-scrollbar {
    width: 5px;
    background: #ddd;
}

ul.header-nav.header-nav-main.nav > li > ul.sub-menu > li > ul.sub-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

ul.header-nav.header-nav-main.nav > li > ul.sub-menu > li > ul.sub-menu::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: var(--primary-color);
}

ul.header-nav.header-nav-main.nav > li > ul.sub-menu > li > ul.sub-menu {
    position: absolute;
    left: 100%;
    background-color: #fff;
    top: 0;
    box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
    display: none;
    min-width: 250px;
    max-height: 300px;
    overflow-y: auto;
}

ul.header-nav.header-nav-main.nav > li > ul.sub-menu > li {
    display: block;
    width: 100%;
    position: relative;
}

ul.header-nav.header-nav-main.nav > li > ul.sub-menu > li > a:after {
    content: "";
}

ul.header-nav.header-nav-main.nav > li > ul.sub-menu > li.menu-item-has-children > a:after {
    content: "";
    speak: none !important;
    display: inline-block;
    font-display: block;
    font-family: fl-icons !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: 400 !important;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    position: absolute;
    text-transform: none !important;
    right: 0;
    top: 15px;
    right: 15px;
    font-size: 18px;
}

.absolute-footer.dark {
    padding: unset;
}

.footer-widgets.footer.footer-2 {
    padding-top: 55px;
    padding-bottom: 20px;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 14px;
}

.footer-widgets.footer.footer-2 .textwidget.custom-html-widget {
}

a.devvn_footer_logo {
    max-width: 300px;
    display: block;
    margin-bottom: 30px;
}

ul.devvn_list_contacts {
}

.footer-widgets.footer.footer-2 span.widget-title {
    font-size: 18px;
    text-transform: none;
    display: block;
    line-height: 1.6;
    margin-bottom: 20px;
}

.footer-widgets.footer.footer-2 .is-divider.small {
    display: none;
}

.footer-widgets.footer.footer-2 h3 {
    font-size: 24px;
    margin-bottom: 20px;
}

ul.devvn_list_contacts {
    font-size: 14px;
    color: #fff;
}

[class*="devvn_icon_"]:before {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 18px;
    height: 18px;
    display: inline-flex;
    margin-right: 10px;
    position: relative;
    top: 3px;
}

.absolute-footer.dark {
    color: #fff;
    font-size: 11px;
    line-height: 1.6;
    padding: 15px 0;
}

.devvn_icon_location:before {
    background-image: url('./images/home.svg');
}

.devvn_icon_phone:before {
    background-image: url('./images/phone.svg');
}

.devvn_icon_mail:before {
    background-image: url('./images/mail.svg');
}

ul.devvn_list_contacts li:nth-child(2) [class*="devvn_icon_"]:before {
    background-size: contain;
    width: 24px;
    height: 24px;
    position: relative;
    top: 6px;
    margin-right: 6px;
}

ul.devvn_list_contacts li:nth-child(3) [class*="devvn_icon_"]:before {
    width: 21px;
    height: 21px;
    top: 4px;
    margin-right: 6px;
}

.devvn_box_banner .devvn_box_content > :nth-child(1) >span {
    font-size: 41px;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: unset;
    display: block;
}

.devvn_box_banner .devvn_box_content > :nth-child(1) strong {
    font-size: 76px;
    letter-spacing: 4px;
    line-height: 1.6;
    text-shadow: rgb(2 2 2 / 20%) 5px 7px 3px;
    margin-bottom: unset;
    display: block;
}

ul.devvn_list_check {
    color: rgb(255, 255, 255);
    font-size: 18px;
    line-height: 1.6;
    list-style: none;
    margin: unset;
    padding: unset;
}

ul.devvn_list_check li {
    margin-left: unset;
    margin-bottom: unset;
}

.devvn_box_banner .devvn_box_content ul.devvn_list_check {
    border: 2px solid #fff;
}

.devvn_icon_check::before {
    background-image: url('./images/check.png');
}

ul.devvn_list_check li:not(:last-child):after {
    position: absolute;
    right: 0;
    top: 8px;
    content: "";
    bottom: 8px;
    border-right: 1px solid #fff;
}

ul.devvn_list_check li:not(:last-child) {
    margin-right: 30px;
    padding-right: 30px;
    /*border-right: 1px solid #fff;*/
}

ul.devvn_list_check li:before {
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    position: absolute;
    width: 26px;
    height: 26px;
    margin: unset;
    background-size: contain;
    background-repeat: no-repeat;
}

.devvn_box_banner .devvn_box_content ul.devvn_list_check {
    display: flex;
    padding: 10px 20px;
    max-width: 702px;
    margin-left: auto;
    margin-right: auto;
}

.devvn_box_banner .devvn_box_content ul.devvn_list_check li {
    padding-left: 40px;
    position: relative;
}

.devvn_list_counts .col-inner {
    box-shadow: 0px 0px 10px 0px rgb(87 37 87);
    -webkit-box-shadow: 0px 0px 10px 0px rgb(87 37 87);
    background-color: rgb(9, 44, 73);
}

.devvn_list_counts .col-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 150px;
}

.devvn_list_counts .col-inner .devvn_item_count > :nth-child(1) {
    color: rgb(227, 92, 176);
    font-size: 35px;
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: unset;
}

.devvn_list_counts .col-inner .devvn_item_count > :nth-child(2) {
    font-size: 21px;
    margin-bottom: unset;
    line-height: 1.6;
}

a.button.primary {
    font-size: 18px;
    min-height: 64px;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 20px;
    display: inline-flex;
    align-items: center;
    padding-left: 40px;
    padding-right: 25px;
}

a.button.primary:hover {
    background-color: #fff;
    box-shadow: unset;
    color: #af3689;
    border-color: #af3689;
}

/*.devvn_group_banner{
    background-repeat: no-repeat;
    background-image: url('./images/bg_banner_1.png'),url('./images/bg_banner_2.png');
}*/
.devvn_image_absolute {
    mix-blend-mode: screen;
    will-change: transform, opacity;
    position: absolute;
}

.devvn_image_absolute .devvn_image_inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}

.devvn_image_1 .devvn_image_background {
    background-image: url('./images/bg_banner_1.png');
}

.devvn_image_2 .devvn_image_background {
    background-image: url('./images/bg_banner_2.png');
}

.devvn_image_3 .devvn_image_background {
    background-image: url('./images/bg_banner_10.png');
}

.devvn_image_absolute .devvn_image_background {
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    background-attachment: scroll;
    background-origin: content-box;
    position: absolute;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.devvn_box_research .devvn_content > :nth-child(1) {
    margin-top: 15px;
}

.devvn_box_research .devvn_content > :nth-child(1) span {
    line-height: 1.6;
    font-size: 27px;
    margin-bottom: unset;
}

.devvn_box_research .devvn_content > :nth-child(1) strong:nth-child(2) {
    -webkit-text-stroke: 1px rgb(255, 255, 255);
    color: rgba(220, 77, 162, 0);
}

.devvn_box_research .devvn_content > :nth-child(1) strong {
    font-size: 53px;
    line-height: 1.6;
    margin-bottom: unset;
}

.devvn_box_research .devvn_content {
    font-size: 16px;
}

.devvn_box_research .devvn_content ul li {
    list-style: none;
    margin-left: unset;
    line-height: 1.6;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
}

.devvn_box_research .devvn_content ul li:before {
    content: "";
    width: 9px;
    height: 9px;
    display: block;
    background-color: #af3689;
    border-radius: 99px;
    position: absolute;
    top: 8px;
    left: 0;
}

.devvn_box_research .devvn_content ul {
    padding-top: 20px;
}

.devvn_image_6 .devvn_image_background {
    background-image: url('./images/bg_banner_6.png');
}

.devvn_image_7 .devvn_image_background {
    background-image: url('./images/bg_banner_7.png');
}

.devvn_image_8 .devvn_image_background {
    background-image: url('./images/bg_banner_8.png');
}

.devvn_image_absolute.absolute.devvn_image_7 {
    width: 728px;
    height: 482px;
    z-index: 3;
    left: 50%;
    transform: translate(-50%, -50%);
}

.devvn_image_absolute.absolute.devvn_image_8 {
    width: 740px;
    height: 488px;
    z-index: 2;
    left: 50%;
    transform: translate(-50%, -50%);
}

.devvn_image_absolute.absolute.devvn_image_6 {
    width: 463px;
    height: 463px;
    z-index: 1;
    right: 5px;
}

.devvn_box_research .devvn_image_absolute {
    top: calc(50% + 60px);
    transform: translateY(-50%);
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

.devvn_image_absolute.absolute.devvn_image_6 .devvn_image_inner {
    animation-name: swing;
    -webkit-animation-name: swing;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-duration: 25s;
    -webkit-animation-duration: 25s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.devvn_box_research .img {
    z-index: 6;
}

.devvn_image_absolute.absolute.devvn_image_9 {
    width: 700px;
    height: 700px;
    left: -60px;
    transform: translateY(-50%);
    z-index: 4;
}

.devvn_image_absolute.absolute.devvn_image_7 .devvn_image_inner {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.devvn_name_webmaster p {
    margin-bottom: unset;
    font-size: 150px;
    letter-spacing: 0;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.1);
    margin-top: -68px;
}

.devvn_box_research .devvn_box_teacher .img {
    margin-top: -100px;
    margin-bottom: unset;
}

.devvn_box_research .section-content.relative > .devvn_image_research:nth-last-child(1) {
    max-width: 452px;
    right: 0;
}

.devvn_box_research .section-content.relative > .devvn_image_research:nth-last-child(2) {
    max-width: 370px;
}

.devvn_box_research .section-content.relative > .devvn_image_research:nth-last-child(3) {
    bottom: 0;
}

.devvn_box_research {
    padding-bottom: 520px !important;
}

.devvn_research_image .devvn_image_background {
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    background-attachment: scroll;
    background-origin: content-box;
    position: absolute;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.devvn_research_image.absolute.image_1 .devvn_image_background {
    background-image: url('./images/research_bg_1.png');
}

.devvn_research_image.absolute.image_2 .devvn_image_background {
    background-image: url('./images/research_bg_2.png');
}

.devvn_research_image.absolute.image_3 .devvn_image_background {
    background-image: url('./images/research_bg_3.png');
}

.devvn_research_image.absolute.image_4 .devvn_image_background {
    background-image: url('./images/research_bg_4.png');
}

.devvn_research_image.absolute.image_2 {
    width: 100%;
    height: 595px;
    bottom: -520px;
    z-index: 2;
}

.devvn_research_image.absolute.image_1 {
    height: 302px;
    width: 100%;
    bottom: -230px;
    z-index: 1;
}

.devvn_research_image.absolute {
    bottom: -440px;
}

.devvn_research_image.absolute.image_4 {
    width: 370px;
    height: 163px;
}

.devvn_research_image.absolute.image_3 {
    width: 452px;
    height: 278px;
}

.devvn_research_image.absolute.image_4 {
    z-index: 4;
    bottom: -310px;
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}

.devvn_research_image.absolute.image_3 {
    right: 0;
    z-index: 4;
    bottom: -410px;
}

.devvn_research_image.absolute.image_4 .devvn_image_inner {
    animation-name: shake;
    -webkit-animation-name: shake;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-duration: 35s;
    -webkit-animation-duration: 35s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.devvn_research_image.absolute .devvn_image_inner {
    position: absolute;
    width: 100%;
    height: 100%;
}

.devvn_research_image.absolute.image_3 .devvn_image_inner {
    animation-name: shake;
    -webkit-animation-name: shake;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-duration: 30s;
    -webkit-animation-duration: 30s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.devvn_box_research .bg.section-bg.fill.bg-fill.bg-loaded {
    background-position: center center;
    background-repeat: repeat !important;
    background-attachment: scroll;
    background-origin: content-box;
}

.devvn_box_research .devvn_box_teacher {
    z-index: 21;
    position: relative;
}

.devvn_research_image.absolute.image_2 .devvn_image_background {
    width: 100%;
}

.devvn_image_absolute.absolute.devvn_image_10 .devvn_image_background, .devvn_image_absolute.absolute.devvn_image_9 .devvn_image_background {
    background-image: url('./images/bg_banner_9.png');
}

.devvn_image_absolute.absolute.devvn_image_10 {
    left: -315px;
    transform: unset;
    top: 15px;
}

.devvn_image_absolute.absolute.devvn_image_10 {
    width: 700px;
    height: 700px;
}

.devvn_image_absolute.absolute.devvn_image_9 {
    left: -40px;
    top: 235px;
}

.container.section-title-container span.section-title-main {
    color: rgb(6, 23, 41);
    line-height: 1.6;
    font-size: 35px;
}

.container.section-title-container b {
    opacity: 0;
}

.container.section-title-container .section-title {
    margin-bottom: unset;
}

.devvn_box_education_program .section {
    padding-left: 15px;
    padding-right: 15px;
}

.devvn_box_education_program .section .bg.section-bg.fill.bg-fill.bg-loaded {
    background-image: unset !important;
}

.devvn_box_education_program .section .box {
    background-color: #fff;
    box-shadow: 7px 7px 9px 0px rgb(51 51 51 / 20%);
    -webkit-box-shadow: 7px 7px 9px 0px rgb(51 51 51 / 20%);
}

.devvn_box_education_program .section .box .box-text {
    padding: 20px 30px 100px 50px;
}

.devvn_box_education_program .section .box .box-text .box-text-inner > :nth-child(1) {
    line-height: 1.4;
    color: rgb(6, 23, 41);
    margin-top: unset;
    margin-bottom: 15px;
    height: 65px;
    font-size: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.devvn_box_education_program .section .box .box-text .box-text-inner {
    line-height: 1.6;
    color: rgb(6, 23, 41);
    font-size: 15px;
    text-align: justify;
}

.devvn_box_education_program .section .section-content.relative {
    height: 100%;
    padding-bottom: 15px;
}

.devvn_arrow_outside button.flickity-button.flickity-prev-next-button {
    opacity: 1;
    width: 50px;
}

.devvn_arrow_outside button.flickity-button.flickity-prev-next-button.next:hover svg.flickity-button-icon {
    background-image: url('./images/right_hover.svg');
}

.devvn_arrow_outside button.flickity-button.flickity-prev-next-button.next svg.flickity-button-icon {
    background-image: url('./images/right.svg');
}

.devvn_arrow_outside button.flickity-button.flickity-prev-next-button.next {
    left: auto;
    right: -90px;
}

.devvn_arrow_outside button.flickity-button.flickity-prev-next-button.previous:hover svg.flickity-button-icon {
    background-image: url('./images/left_hover.svg');
}

.devvn_arrow_outside button.flickity-button.flickity-prev-next-button.previous svg.flickity-button-icon {
    background-image: url('./images/left.svg');
}

.devvn_arrow_outside button.flickity-button.flickity-prev-next-button.previous {
    left: -90px;
    right: auto;
}

.devvn_arrow_outside button.flickity-button.flickity-prev-next-button svg.flickity-button-icon path {
    opacity: 0;
}

.devvn_arrow_outside button.flickity-button.flickity-prev-next-button svg.flickity-button-icon {
    border: unset;
}

.devvn_arrow_outside button.flickity-button.flickity-prev-next-button:hover svg.flickity-button-icon {
    background-color: unset;
}

.devvn_box_education_program .slider .section {
    max-width: 50%;
}

.devvn_box_list_reports .box.box-vertical {
    display: flex;
    background-color: #fff;
}

.devvn_box_list_reports .box.box-vertical .box-image {
    max-width: 250px;
    flex-basis: 250px;
    padding: 20px;
}

.devvn_box_list_reports .box.box-vertical .box-text {
    padding-left: unset;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.devvn_box_list_reports .box.box-vertical .box-text .text > :nth-child(1) {
    font-size: 26px;
    line-height: 1.2;
    margin-bottom: 15px;
}

.devvn_box_list_reports .box.box-vertical .box-text .text ul {
    font-size: 16px;
    line-height: 1.2;
}

.devvn_box_list_reports .box.box-vertical .box-text .text ul li {
    list-style: none;
    margin-left: unset;
    padding-left: 15px;
    position: relative;
    margin-bottom: 16px;
}

.devvn_box_list_reports .box.box-vertical .box-text .text ul li:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background-color: #af3689;
    border-radius: 99px;
    position: absolute;
    left: 0;
    top: 8px;
}

.devvn_box_list_reports .box.box-vertical .box-text .text > :nth-child(3) {
    font-size: 25px;
    margin: unset;
    color: rgb(175, 54, 137);
    line-height: 1.6;
}

.devvn_box_list_reports .box.box-vertical .box-text .text ul li:last-child {
    margin-bottom: unset;
}

.devvn_box_list_reports .bg.section-bg.fill.bg-fill.bg-loaded, .devvn_box_education_program .bg.section-bg.fill.bg-fill.bg-loaded {
    background-position: center;
    background-attachment: scroll;
    background-origin: content-box;
    background-repeat: repeat !important;
}

.container.section-title-container.white-color span.section-title-main {
    color: #fff;
}

form.devvn_search_form .button_check {
    width: 25px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(28, 0, 194);
    height: 25px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 10px;
    position: relative;
    top: -1px;
}

form.devvn_search_form .button_check svg {
    width: 15px;
    height: 15px;
}

form.devvn_search_form label {
    display: flex;
    margin-bottom: 10px;
    font-size: 16px;
}

form.devvn_search_form .devvn_input {
    margin-bottom: unset;
}

form.devvn_search_form input {
    height: 40px;
    box-shadow: unset;
    border: unset;
    font-size: 14px;
}

form.devvn_search_form .devvn_input_groups .devvn_input button {
    margin: unset;
    height: 43px;
    font-size: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

form.devvn_search_form .devvn_input_groups .devvn_input button svg {
    width: 24px;
    height: 25px;
    margin-right: 10px;
}

.devvn_box_quick_search .devvn_form .col-inner {
    margin-right: auto;
}

.devvn_box_quick_search .container.section-title-container {
    margin-bottom: 40px;
}

.devvn_box_quick_search .devvn_form form.devvn_search_form {
    margin-bottom: 50px;
}

.devvn_box_quick_search .devvn_form p {
    margin-bottom: 10px;
}

.devvn_box_custumers .devvn_box_content > .col-inner:before {
    content: "";
    background-image: url('./images/bg_customer.png');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    background-attachment: scroll;
    background-origin: content-box;
    position: absolute;
    left: 15px;
    right: 15px;
    top: 15px;
    bottom: 15px;
}

.devvn_box_custumers .devvn_box_content > .col-inner {
    box-shadow: 0px 0px 20px 0px rgb(252 110 143);
    -webkit-box-shadow: 0px 0px 20px 0px rgb(252 110 143);
    background-color: rgb(255, 255, 255);
}

.devvn_box_custumers .devvn_box_content > .col-inner .container.section-title-container {
    margin-top: 30px;
}

.devvn_box_custumers .devvn_box_content > .col-inner .container.section-title-container span.section-title-main {
    font-size: 30px;
}

.devvn_box_custumers .devvn_box_content > .col-inner .slider-wrapper section .icon-box.testimonial-box {
    max-width: 935px;
    margin-left: auto;
    margin-right: auto;
    padding: unset;
}

.devvn_box_custumers .icon-box.testimonial-box .testimonial-text {
    font-style: normal !important;
    color: rgb(6, 23, 41);
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    line-height: 2;
}

.devvn_box_custumers .icon-box.testimonial-box .icon-box-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.devvn_box_custumers .icon-box.testimonial-box .testimonial-meta strong.testimonial-name.test_name {
    display: block;
    color: rgb(9, 32, 53);
    font-size: 25px;
    text-align: center;
    line-height: 1.6;
}

.devvn_box_custumers .icon-box.testimonial-box .testimonial-meta span.testimonial-name-divider {
    display: none;
}

.devvn_box_custumers .icon-box.testimonial-box .testimonial-meta span.testimonial-company {
    color: rgb(9, 32, 53);
    font-size: 16px;
    text-align: center;
    line-height: 1.6;
}

.devvn_box_custumers .icon-box.testimonial-box .testimonial-meta {
    padding-top: 50px;
    padding-bottom: 20px;
}

.devvn_box_custumers .icon-box.testimonial-box .icon-box-img.testimonial-image {
    height: 118px;
}

.devvn_box_custumers .devvn_box_content {
    margin-top: -120px;
}

.devvn_box_quick_search {
    padding-top: 80px !important;
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js {
    display: flex;
    align-items: center;
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js .devvn_tab_header {
    max-width: 560px;
    padding-right: 20px;
    width: 100%;
    padding-left: 40px;
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js .devvn_tab_bottom {
    max-width: calc(100% - 560px);
    padding-left: 20px;
    width: 100%;
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js .devvn_tab_header ul.nav {
    width: 445px;
    height: 486px;
    position: relative;
    margin: 0 auto;
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js ul.nav li.tab {
    margin: unset;
    width: 138px;
    height: auto;
    position: absolute;
}

.devvn_tab_bottom .tab-panel-title :nth-child(1) {
    color: rgb(6, 23, 41);
    font-size: 40px;
    line-height: 1.4;
    margin-bottom: unset;
}

.devvn_tab_bottom .tab-panels {
    color: rgb(9, 44, 73);
    font-size: 15px;
    text-align: justify;
    line-height: 1.6;
}

.devvn_tab_bottom .tab-panels a.button.primary {
    margin: 20px 0 0 0;
    height: 43px;
    min-height: unset;
    padding-left: 25px;
}

.devvn_tab_bottom .tab-panels a.button.primary i.icon-angle-right {
    font-size: 21px;
    margin-left: 15px;
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js ul.nav li.tab a {
    padding: unset;
    position: relative;
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js ul.nav li.tab a:before {
    display: none;
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js ul.nav li.tab a span:nth-child(1) {
    display: none;
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js ul.nav li.tab a span.image_hover {
    position: absolute;
    opacity: 0;
    transition: .3s all;
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js .devvn_tab_header ul.nav li.tab:nth-last-child(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js ul.nav li.tab:nth-child(1) {
    left: 152px;
    top: -2px;
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js ul.nav li.tab:nth-child(2) {
    top: 30px;
    left: 250px;
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js ul.nav li.tab:nth-child(2) {
    transform: rotate(36deg);
    -webkit-transform: rotate(36deg);
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js ul.nav li.tab:nth-child(3) {
    top: 110px;
    left: 305px;
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js ul.nav li.tab:nth-child(3) {
    transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js ul.nav li.tab:nth-child(4) {
    top: 209px;
    left: 307px;
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js ul.nav li.tab:nth-child(5) {
    top: 289px;
    left: 253px;
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js ul.nav li.tab:nth-child(6) {
    top: 321px;
    left: 157px;
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js ul.nav li.tab:nth-child(7) {
    top: 291px;
    left: 61px;
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js ul.nav li.tab:nth-child(8) {
    top: 213px;
    left: 3px;
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js ul.nav li.tab:nth-child(9) {
    top: 112px;
    left: 0px;
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js ul.nav li.tab:nth-child(10) {
    top: 30px;
    left: 56px;
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js ul.nav li.tab:nth-child(4) {
    transform: rotate(109deg);
    -webkit-transform: rotate(109deg);
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js ul.nav li.tab:nth-child(5) {
    transform: rotate(145deg);
    -webkit-transform: rotate(145deg);
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js ul.nav li.tab:nth-child(6) {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js ul.nav li.tab:nth-child(7) {
    transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js ul.nav li.tab:nth-child(8) {
    transform: rotate(252deg);
    -webkit-transform: rotate(252deg);
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js ul.nav li.tab:nth-child(9) {
    transform: rotate(289deg);
    -webkit-transform: rotate(289deg);
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js ul.nav li.tab:nth-child(10) {
    transform: rotate(325deg);
    -webkit-transform: rotate(325deg);
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js .devvn_tab_header ul.nav li.tab:not(:nth-last-child(2)) {
    clip-path: polygon(2% 1%, 40% 99%, 62% 99%, 99% 1%);
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js ul.nav li.tab.active a span.image_hover {
    opacity: 1;
}

@media (min-width: 768px) {
    .devvn_box_meaningfuls .devvn_tabs_ux_element_js ul.nav li.tab.active a span.image_hover, .devvn_box_meaningfuls .devvn_tabs_ux_element_js ul.nav li.tab:hover a span.image_hover {
        opacity: 1;
    }
}

.devvn_content_shawdown {
}

.devvn_box_news .bg.section-bg.fill.bg-fill.bg-loaded:before, .devvn_box_share_numerology .bg.section-bg.fill.bg-fill.bg-loaded:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 440px;
    background: rgba(255, 255, 255, 1.0);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1.0), rgba(255, 255, 255, 0.0));
    background: linear-gradient(180deg, rgba(255, 255, 255, 1.0), rgba(255, 255, 255, 0.0));
}

.devvn_box_share_numerology .container.section-title-container {
    margin-top: 30px;
    margin-bottom: 70px;
}

.devvn_box_share_numerology .accordion-title {
    border: unset;
    background: rgba(9, 44, 73, 1);
    background: -webkit-linear-gradient(90deg, rgba(9, 44, 73, 1), rgba(175, 54, 136, 1));
    background: linear-gradient(90deg, rgba(9, 44, 73, 1), rgba(175, 54, 136, 1));
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    line-height: 1.6;
    /* border: 1px solid transparent; */
}

.devvn_box_share_numerology .accordion-item {
    margin-bottom: 10px;
}

.devvn_box_share_numerology .accordion-title button.toggle {
    right: 0;
    left: auto;
    opacity: 1;
}

.devvn_box_share_numerology .bg.section-bg.fill.bg-fill.bg-loaded {
    background-attachment: fixed;
}

.devvn_box_share_numerology .accordion-title.active {
    color: rgb(9, 44, 73);
    background: #fff;
    border: 1px solid rgb(9, 44, 73);
}

.devvn_box_share_numerology .accordion-title.active + .accordion-inner {
    background-color: #fff;
    border: 1px solid rgb(9, 44, 73);
    border-top: unset;
    margin-bottom: 50px;
}

.devvn_box_share_numerology .accordion-inner, .devvn_box_share_numerology .accordion-inner * {
    color: rgb(0, 0, 0);
    font-size: 18px;
    text-align: justify;
    line-height: 1.6;
}

.devvn_box_share_numerology .accordion-inner p:last-child {
    margin-bottom: unset;
}

.devvn_box_share_numerology .accordion-inner table {
    /* border: 1px solid rgb(9, 44, 73); */
    background-color: rgb(240, 241, 241);
}

.devvn_box_share_numerology .accordion-inner table td {
    padding: 12px 20px;
    border: 1px solid rgb(9, 44, 73);
}

.devvn_box_share_numerology .accordion-inner table td:nth-child(1) {
    width: 22% !important;
    text-align: left;
}

.devvn_box_share_numerology .bg.section-bg.fill.bg-fill.bg-loaded:after {
    content: "";
    background: rgba(255, 255, 255, 0.0);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 1.0));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 1.0));
    height: 190px;
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
}

.devvn_box_share_numerology {
    padding-bottom: 150px !important;
}

.devvn_box_share_numerology .accordion-inner table td:nth-child(2) {
    width: 78% !important;
}

.devvn_box_news .bg.section-bg.fill.bg-fill.bg-loaded:before {
    height: 630px;
}

.devvn_box_title span.section-title-main {
    border: unset;
    padding: unset;
}

.devvn_box_title .section-title.section-title-normal {
    border: unset;
}

.devvn_vertical_post .col-inner > .box.box-vertical {
    display: flex;
    align-items: center;
    background-color: #fff;
    margin-bottom: 20px;
}

.devvn_vertical_post .col-inner > .box.box-vertical .box-image {
    width: 100%;
    max-width: 52%;
    padding: 10px;
}

.devvn_vertical_post .col-inner > .box.box-vertical .box-text {
    max-width: 48%;
    padding: 10px;
}

.devvn_vertical_post .col-inner > .box.box-vertical .box-text .box-text-inner > :nth-child(1) {
    color: rgb(0, 0, 0);
    font-size: 19px;
    font-weight: bold;
    text-align: left;
    line-height: 1.4;
    margin-bottom: 8px;
}

.devvn_vertical_post .col-inner > .box.box-vertical .box-text .box-text-inner p {
    color: rgb(68, 68, 68);
    font-size: 15px;
    text-align: justify;
    line-height: 1.4;
}

.devvn_vertical_post .col-inner > .box.box-vertical .box-text a.button.primary {
    margin: 18px 0 0 0;
    min-height: 38px;
    font-size: 16px;
}

.devvn_list_box_image .box .box-text {
    padding: 0 10px 10px 10px;
}

.devvn_list_box_image .box {
    background-color: #fff;
}

.devvn_list_box_image .box .box-image {
    padding: 10px;
}

.devvn_list_box_image .box .box-text .box-text-inner > :nth-child(1) {
    color: rgb(0, 0, 0);
    font-size: 19px;
    margin-bottom: 5px;
    text-align: left;
    line-height: 1.4;
}

.devvn_list_box_image .box .box-text .box-text-inner a {
    color: rgb(175, 54, 137);
    font-size: 16px;
    font-weight: 700;
    text-align: justify;
    line-height: 1.4;
    margin: unset;
}

.devvn_list_box_image .box .box-text .box-text-inner {
    min-height: 200px;
}

.devvn_box_news .col.post-item .col-inner a.plain {
    background-color: rgb(9, 32, 53);
}

.devvn_box_news .col.post-item .col-inner .box.box-vertical {
    background-color: rgb(9, 32, 53);
    display: flex;
}

.devvn_box_news .col.post-item .col-inner .box .post-title.is-large {
    font-size: 12px;
}

.devvn_box_news .col.post-item .col-inner .box .is-divider {
    display: none;
}

.devvn_box_news .col.post-item .col-inner .box .box-text {
    padding: 10px 10px 10px 5px;
    max-width: calc(100% - 120px);
}

.devvn_box_news .col.post-item .col-inner .box .box-image {
    max-width: 130px;
    padding: 8px;
    width: 100% !important;
}

a.button.primary.devvn_button {
    margin-top: 20px;
    min-height: 50px;
    padding-left: 30px;
    padding-right: 30px;
    max-width: 360px;
    width: 100%;
    justify-content: center;
}

.devvn_list_box_image_view_more > .col-inner:not(.active) > .devvn_list_box_image {
    display: none;
}

.devvn_box_banner .devvn_group_banner {
    position: relative;
}

.devvn_box_banner > .section-content.relative {
    z-index: auto;
}

.devvn_box_banner .devvn_absolute_banner {
    position: absolute;
    top: -40px;
    bottom: -40px;
    max-width: 1200px;
    width: 100%;
    left: 50%;
    pointer-events: none;
    margin-left: -32%;
}

.devvn_box_banner .devvn_box_image_mobile {
    display: none;
}

.devvn_image_absolute.absolute.devvn_image_1 {
    width: 860px;
    height: 860px;
    top: 0px;
    left: -264px;
}

.devvn_box_banner .devvn_box_desc .text {
    max-width: 960px;
    margin: 0 auto;
}

.devvn_image_absolute.absolute.devvn_image_1 .devvn_image_background {
    top: -225px;
    left: -48px;
}

.devvn_image_absolute.absolute.devvn_image_2 {
    width: 628px;
    height: 628px;
    top: 20.5px;
    left: 16px;
}

.devvn_image_absolute.absolute.devvn_image_2 .devvn_image_background {
    width: 849px;
    height: 849px;
    top: -98px;
    left: -125px;
}

.devvn_image_absolute.absolute.devvn_image_3 {
    width: 545px;
    height: 486px;
    top: 0px;
    left: 149.686px;
}

.devvn_image_absolute.absolute.devvn_image_3 .devvn_image_background {
    width: 545px;
    height: 543px;
    top: -74px;
    left: -8px;
}

.devvn_image_absolute.absolute.devvn_image_4 .devvn_image_background {
    background-image: url('./images/bg_banner_4.png');
}

.devvn_image_absolute.absolute.devvn_image_5 .devvn_image_background {
    background-image: url('./images/bg_banner_3.png');
}

.devvn_image_absolute.absolute.devvn_image_4 {
    width: 742px;
    height: 350px;
    top: 16px;
    left: 243px;
}

.devvn_image_absolute.absolute.devvn_image_4 .devvn_image_inner {
    animation-name: flash;
    -webkit-animation-name: flash;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }

    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }

    25%, 75% {
        opacity: 0
    }
}

.devvn_image_absolute.absolute.devvn_image_5 {
    width: 102px;
    height: 102px;
    top: 191px;
    left: 1108px;
}

.devvn_image_absolute.absolute.devvn_image_5 .devvn_image_inner {
    animation-name: flash;
    -webkit-animation-name: flash;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.devvn_image_absolute.absolute.devvn_image_0 {
    width: 672px;
    height: 434px;
    bottom: 0;
    left: 477px;
}

.devvn_image_absolute.absolute.devvn_image_0 .devvn_image_background {
    width: 672px;
    height: 672px;
    top: 0px;
    left: 0px;
    background-image: url('./images/bg_banner_5.png');
}

.devvn_box_research {
    overflow: hidden;
    padding-top: 26px !important;
}

div#devvn_login_form .col-inner .devvn_content ul {
    margin-bottom: 0
}

div#devvn_login_form .col-inner .devvn_content ul li {
    margin-left: 0;
    list-style: none;
    font-size: 16px;
    margin-bottom: 25px;
    padding-left: 45px;
    position: relative;
    color: #fff
}

div#devvn_login_form .col-inner .devvn_content ul li:last-child {
    margin-bottom: 0
}

div#devvn_login_form .col-inner .devvn_content ul li:nth-child(1):before {
    background-color: #8cc63f;
    content: "1"
}

div#devvn_login_form .col-inner .devvn_content ul li:nth-child(2):before {
    background-color: #f39d1c;
    content: "2"
}

div#devvn_login_form .col-inner .devvn_content ul li:nth-child(3):before {
    background-color: #ed1b35;
    content: "3"
}

div#devvn_login_form .col-inner .devvn_content ul li:before {
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 99px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: -5px;
    font-size: 16px;
    font-weight: 700
}

form.wp-user-form .login_fields label {
    display: flex;
    align-items: center;
    line-height: normal;
    margin-top: 0 !important;
    margin-left: 0 !important;
    position: unset !important
}

form.wp-user-form .login_fields input {
    margin-bottom: 0;
    margin-top: 0 !important;
    margin-left: 0 !important
}

form.wp-user-form .login_fields {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end
}

form.wp-user-form .login_fields .rememberme {
    width: 100%;
    margin-bottom: 10px
}

form.wp-user-form .login_fields button.user-submit {
    margin-bottom: 0;
    border-radius: 16px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: none;
    color: #fff;
    font-size: 18px;
    margin-right: 0;
    margin-left: 15px
}

form.wp-user-form .login_fields button.user-submit svg {
    margin-right: 10px
}

form.wp-user-form .login_fields button.user-submit:hover {
    background-color: #03bac6
}

form.wp-user-form .login_fields .devvn_forgot_password {
    flex-grow: 1;
    font-size: 14px;
    line-height: 1.43;
    color: #333;
    text-decoration: underline
}

form.wp-user-form .login_fields .devvn_forgot_password:hover {
    color: #0872ca
}

div#tab3_login .login_fields, div#tab2_login .login_fields {
    justify-content: flex-end
}

div#login-register-password ul.tabs_login li.devvn_link_back_login {
    width: 100%
}

div#login-register-password ul.tabs_login li.devvn_link_back_login a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    background-color: #fff
}

form.wp-user-form input#user_login:focus {
    border: 1px solid #af3689
}

form.wp-user-form input#user_email:hover, form.wp-user-form input#user_pass:hover, form.wp-user-form input#user_login:hover {
    -webkit-box-shadow: 6px 6px 0 0 #af368929;
    box-shadow: 6px 6px 0 0 #af368929;
    border: 1px solid #af3689
}

form.wp-user-form input#user_pass::placeholder {
    color: #ddd
}

div#login-register-password label {
    font-size: 14px;
    line-height: 1.43;
    text-align: left;
    color: #999;
    font-weight: 400;
    margin-bottom: 0;
    position: absolute;
    top: 7px;
    left: 15px;
    z-index: 2
}

form.wp-user-form .username, form.wp-user-form .password {
    position: relative
}

form.wp-user-form input#user_pass {
    font-size: 14px
}

form.wp-user-form input#user_email, form.wp-user-form input#user_pass, form.wp-user-form input#user_login {
    padding: 27px 15px 7px 15px;
    height: auto;
    line-height: 26px;
    font-size: 16px;
    border: 1px solid #ededed;
    border-radius: 4px;
    box-shadow: unset;
    color: #333;
    font-weight: 700;
    margin-bottom: 25px;
    font-family: Nunito, sans-serif
}

div#login-register-password ul.tabs_login {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px
}

div#login-register-password ul.tabs_login li {
    width: 50%;
    text-align: center;
    list-style: none;
    margin: 0
}

div#login-register-password ul.tabs_login li a {
    line-height: 1.5;
    font-size: 24px;
    letter-spacing: 0;
    font-weight: 700;
    display: block;
    padding: 24px 15px;
    background-color: #ebebeb;
    color: #666
}

div#login-register-password ul.tabs_login li.active_login a {
    background: #fff;
    color: #af3689;
}

div#login-register-password .tab_container_login {
    padding: 0 40px 40px;
}

div#tab2_login form.wp-user-form input#user_email::placeholder, div#tab3_login form.wp-user-form input#user_login::placeholder, div#tab2_login form.wp-user-form input#user_login::placeholder {
    color: #999
}

form.wp-user-form .password a.devvn_show_pass {
    position: absolute;
    bottom: 35px;
    right: 10px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

div#login-register-password label.error {
    bottom: 2px;
    top: auto;
    left: 0;
    color: red
}

div#login-register-password ul.tabs_login li.devvn_link_back_login a {
    justify-content: flex-start;
}

form#formRDR > div {
    margin-bottom: 10px;
    padding: unset !important;
    border: unset !important;
}

form#formRDR > div .col {
    padding-left: unset;
    padding-right: unset;
    padding-bottom: 10px;
}

form#formRDR input:not([type="checkbox"]), form#formRDR select {
    height: 43px;
}

form#formRDR textarea.textarea-control {
}

form#formRDR button.button_form_custom i.fas.fa-search:before {
    content: "";
}

form#formRDR button.button_form_custom {
    font-size: 17px;
    line-height: 1.6;
}

form#formRDR > div label {
    font-size: 16px;
}

form#formRDR > div [type="checkbox"] {
    position: relative;
    top: 1px;
    margin-bottom: 10px;
    margin-left: unset;
}

form#formRDR button.button_form_custom i.fas.fa-search:before {
    content: "";
    background-image: url(./images/seach.svg);
    width: 24px;
    height: 24px;
    display: inline-flex;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    top: 2px;
}

.devvn_breadcrumbs nav.rank-math-breadcrumb p {
    margin-bottom: unset;
    line-height: 1.6;
}

.devvn_breadcrumbs {
    padding: 10px 0;
    background-color: #af368929;
}

.container.section-title-container.devvn_box_title_1 span.section-title-main {
    font-size: 28px;
    border: unset;
    margin-right: 20px;
    padding-bottom: unset;
    margin-bottom: unset;
}

.container.section-title-container.devvn_box_title_1 b {
    opacity: 0;
}

.container.section-title-container.devvn_box_title_1 .section-title.section-title-normal {
    border: unset;
    display: flex;
}

.container.section-title-container.devvn_box_title_1 .section-title.section-title-normal:after {
    content: "";
    flex-grow: 1;
    border-bottom: 1px solid #ccc;
}

.devvn_page_contact p {
    color: #000;
}

.devvn_page_contact h3:after {
    content: "";
    flex-grow: 1;
    border-bottom: 1px solid #ccc;
}

.devvn_page_contact h3 {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.devvn_page_contact h3 strong {
    margin-right: 15px;
}

.devvn_page_contact a.button {
    border-radius: 5px;
    letter-spacing: 0;
    font-size: 14px;
    text-transform: none;
    font-weight: 400;
}

.devvn_zodiac_box_3 table {
    background-color: #fff;
    border-collapse: collapse;
    color: #000;
}

.devvn_zodiac_box_3 table td {
    border: 1px solid #e1e1e1;
    padding: 12px;
    color: #000;
    text-align: center;
}

.devvn_zodiac_box_3 table tr:nth-child(1) td {
    font-weight: 700;
    font-size: 20px;
}

.devvn_zodiac_box_3 table td:nth-child(1) {
    font-weight: 700;
    font-size: 18px;
}

.devvn_zodiac_box_3 table td img {
    width: 100px;
    height: auto;
}

.devvn_zodiac_box_4 .tabbed-content .tab-panels {
    background-color: #fff;
    padding: 30px;
}

.devvn_zodiac_box_4 .tabbed-content .nav.nav-vertical li.active a {
    background-color: #fff;
}

.devvn_zodiac_box_4 .tabbed-content .nav.nav-vertical li a::before {
    display: none;
}

.devvn_zodiac_box_4 .tabbed-content .nav.nav-vertical li a {
    font-size: 18px;
    color: #000;
    padding: 25px 20px;
}

.devvn_zodiac_box_4 .tabbed-content .nav.nav-vertical {
    border-left: 1px solid #fff;
}

.devvn_zodiac_box_4 .tabbed-content .nav.nav-vertical li:last-child {
    border-bottom: 1px solid #fff;
}

.devvn_zodiac_box_4 .tabbed-content .tab-panels .img {
    margin: 0 auto 20px;
}

.devvn_zodiac_box_5 .bg.section-bg.fill.bg-fill.bg-loaded {
    background-position: bottom right;
    background-attachment: fixed;
}

.devvn_zodiac_box_5 .accordion {
    background-color: #fff;
    border: 1px solid #ececec;
}

.devvn_zodiac_box_5 .accordion a.accordion-title.plain {
    font-size: 18px;
    color: #0a0a0a;
    font-weight: 700;
}

.devvn_bg_violet > .col-inner {
    background: radial-gradient(#7329ce, #9145cc, #af50c4);
}

figure.wp-caption.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

figure.wp-caption {
    border: 1px solid #ccc;
}

.devvn_bg_p_bottom .bg.section-bg.fill.bg-fill.bg-loaded {
    background-position: bottom;
}

figure.wp-caption figcaption.wp-caption-text {
    background-color: unset;
    font-size: 14px;
    padding: 8px 20px;
}

.blog-wrapper.blog-single.page-wrapper .entry-divider.is-divider.small {
    display: none;
}

.entry-content.single-page {
    padding-top: unset;
}

header.archive-page-header .page-title {
    font-size: 30px;
    color: #000;
    letter-spacing: 0;
    text-align: left;
}

.blog-wrapper.blog-single.page-wrapper .entry-title {
    color: #000;
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js .devvn_tab_bottom .container.section-title-container b {
    display: none;
}

.devvn_box_meaningfuls .devvn_tabs_ux_element_js .devvn_tab_bottom .container.section-title-container {
    margin-bottom: unset;
}

.devvn_box_banner {
    overflow: hidden;
}

div#secondary .is-divider.small {
    display: none;
}

div#secondary span.widget-title {
    display: block;
    margin-bottom: 10px;
    color: #000;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.6;
}

div#secondary .widget {
    margin-bottom: 30px;
}

div#secondary {
    color: #919191;
}

div#secondary .widget strong {
    color: var(--primary-color);
}

div#secondary .widget.widget_recent_entries ul li a {
    font-style: italic;
    font-size: 14px;
    color: #919191;
    transition: .3s all;
    padding: 7px 0;
}

.blog-wrapper.blog-single.page-wrapper {
    padding-top: unset;
}

.blog-wrapper.blog-single.page-wrapper .post, .blog-wrapper.blog-single.page-wrapper div#secondary {
    padding-top: 60px;
}

div#secondary .widget.widget_recent_entries ul li a:hover {
    color: var(--primary-color);
    text-decoration: underline;
}

.blog-single header.entry-header .entry-image {
    margin-bottom: 30px;
}

.devvn_av_button {
    text-align: center;
}

.devvn_av_button .button {
    border-radius: 4px;
    color: #ffffff !important;
    background-color: #a81010 !important;
    font-size: 13px;
    font-weight: 400;
}

@media only screen and (max-width: 1399px) {
    .devvn_arrow_outside button.flickity-button.flickity-prev-next-button.next {
        right: -60px;
    }

    .devvn_arrow_outside button.flickity-button.flickity-prev-next-button.previous {
        left: -60px;
    }

    .devvn_box_custumers .devvn_arrow_outside button.flickity-button.flickity-prev-next-button.next {
        right: -90px;
    }

    .devvn_box_custumers .devvn_arrow_outside button.flickity-button.flickity-prev-next-button.previous {
        left: -90px;
    }

    .devvn_box_share_numerology .bg.section-bg.fill.bg-fill.bg-loaded:after, .devvn_box_news .bg.section-bg.fill.bg-fill.bg-loaded:before, .devvn_box_share_numerology .bg.section-bg.fill.bg-fill.bg-loaded:before {
        left: 0;
        right: 0;
    }
}

@media only screen and (max-width: 1299px) {
    .devvn_arrow_outside button.flickity-button.flickity-prev-next-button.next {
        right: -0px;
    }

    .devvn_arrow_outside button.flickity-button.flickity-prev-next-button.previous {
        left: -0px;
    }

    .devvn_box_custumers .devvn_arrow_outside button.flickity-button.flickity-prev-next-button.next {
        right: 0px;
    }

    .devvn_box_custumers .devvn_arrow_outside button.flickity-button.flickity-prev-next-button.previous {
        left: 0px;
    }
}

@media only screen and (max-width: 1230px) {
    .devvn_name_webmaster p {
        font-size: 136px;
        margin-top: -40px;
    }
}

@media only screen and (max-width: 1140px) {
    .devvn_name_webmaster p {
        font-size: 120px;
    }

    .devvn_box_banner .devvn_box_content > :nth-child(1) span {
        font-size: 35px;
    }

    ul.devvn_list_check li:not(:last-child) {
        padding-right: 20px;
        margin-right: 20px;
    }

    .devvn_list_counts.row-large > .col {
        padding-left: 15px;
        padding-right: 15px;
    }

    .devvn_box_research .devvn_content > :nth-child(1) span {
        font-size: 23px;
        margin-top: 20px;
    }

    .devvn_box_list_reports .box.box-vertical .box-image {
        padding: 15px;
    }

    .devvn_tab_bottom .tab-panel-title :nth-child(1) {
        font-size: 30px;
    }

    .devvn_box_list_reports .box.box-vertical .box-text {
        padding: 15px 15px 15px 0;
    }

    .devvn_box_education_program .section .box .box-text {
        padding: 20px;
    }

    .devvn_box_list_reports .box.box-vertical .box-text .text > :nth-child(1), .devvn_box_list_reports .box.box-vertical .box-text .text > :nth-child(3) {
        font-size: 23px;
    }

    .devvn_box_research .devvn_content > :nth-child(1) strong {
        font-size: 40px;
    }

    .devvn_box_meaningfuls .devvn_tabs_ux_element_js .devvn_tab_header {
        padding-left: unset;
        max-width: 455px;
        padding-right: 10px;
    }

    .devvn_box_news .col.post-item .col-inner .box .box-text {
        max-width: calc(100% - 100px);
    }

    .devvn_box_news .col.post-item .col-inner .box .box-image {
        max-width: 100px;
    }

    .devvn_box_meaningfuls .devvn_tabs_ux_element_js .devvn_tab_bottom {
        max-width: calc(100% - 455px);
        padding-left: 10px;
    }

    .devvn_box_research .devvn_content ul {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 849px) {
    .devvn_box_banner .devvn_box_content > :nth-child(1) span {
        font-size: 25px;
    }

    .nav-vertical li li.menu-item-has-children > a, .nav-vertical > li > ul li a {
        color: #fff;
    }

    /*.devvn_box_meaningfuls .devvn_tabs_ux_element_js .devvn_tab_bottom .container.section-title-container {
        position: absolute;
        top: 0;
    }*/
    /*.devvn_box_meaningfuls .devvn_tabs_ux_element_js {
        padding-top: 130px;
    }*/
    .devvn_box_meaningfuls .devvn_tabs_ux_element_js .devvn_tab_bottom .container.section-title-container .section-title {
        justify-content: center;
    }

    .devvn_box_list_reports .slider .section .bg.section-bg.fill.bg-fill.bg-loaded {
        background: unset !important;
    }

    .devvn_box_list_reports .slider .section {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 50%;
        flex-basis: 50%;
    }

    .devvn_box_list_reports .box.box-vertical .box-text .text > :nth-child(1) {
        font-size: 18px;
    }

    .devvn_box_list_reports .box.box-vertical .box-text .text ul {
        font-size: 14px;
    }

    .devvn_box_list_reports .box.box-vertical .box-text .text ul li {
        margin-bottom: 10px;
    }

    .off-canvas:not(.off-canvas-center) li.html .devvn_popup_login_btn a {
        color: #fff;
        font-size: 16px;
    }

    .off-canvas:not(.off-canvas-center) li.html {
        padding: 15px 20px;
    }

    .devvn_box_banner .devvn_box_content > :nth-child(1) strong {
        font-size: 50px;
        letter-spacing: 2px;
    }

    .devvn_box_banner .devvn_box_content ul.devvn_list_check {
        padding: 10px;
    }

    .devvn_box_banner .devvn_box_content ul.devvn_list_check li {
        padding-left: 35px;
    }

    .devvn_list_counts .col-inner .devvn_item_count > :nth-child(1) {
        font-size: 24px;
    }

    .devvn_list_counts .col-inner .devvn_item_count > :nth-child(2) {
        font-size: 18px;
    }

    ul.devvn_list_check li:not(:last-child) {
        padding-right: 10px;
        margin-right: 10px;
    }

    .devvn_name_webmaster p {
        font-size: 85px;
    }

    .devvn_list_counts .col-inner {
        min-height: 130px;
    }

    .devvn_box_research .devvn_box_teacher .img {
        margin-top: unset;
        max-width: 330px;
        margin-left: auto;
        margin-right: auto;
    }

    .devvn_image_absolute.absolute.devvn_image_7 {
        width: 450px;
        height: 332px;
        transform: translateX(-50%);
        left: 50%;
        bottom: 40px;
        top: auto;
    }

    .devvn_image_absolute.absolute.devvn_image_8 {
        width: 500px;
        height: 363px;
        top: auto;
        bottom: 40px;
        transform: translateX(-50%);
    }

    .absolute.devvn_image_6.devvn_image_absolute {
        width: 390px;
        height: 390px;
        top: auto;
        bottom: 0;
        transform: translateX(-50%);
        left: 50%;
        right: auto;
    }

    .devvn_image_absolute.absolute.devvn_image_10, .devvn_image_absolute.absolute.devvn_image_9 {
        width: 629px;
        height: 629px;
        transform: translateX(-50%);
        left: 50%;
        bottom: 0;
        top: auto;
    }

    .devvn_box_meaningfuls .devvn_tabs_ux_element_js .devvn_tab_header {
        max-width: 100%;
        padding-right: unset;
    }

    .devvn_box_meaningfuls .devvn_tabs_ux_element_js {
        flex-direction: column;
    }

    .devvn_box_meaningfuls .devvn_tabs_ux_element_js .devvn_tab_bottom {
        max-width: 100%;
        padding-left: unset;
        text-align: center;
    }

    .devvn_tab_bottom .tab-panel-title :nth-child(1) {
        text-align: center;
    }

    ul.mobile-nav.nav.nav-right li.nav-icon.has-icon i.icon-menu {
        color: #af3689;
    }

    .devvn_tab_bottom .tab-panels {
        text-align: center;
    }

    .devvn_image_absolute.absolute.devvn_image_10 {
        left: calc(50% - 100px);
        bottom: -100px;
    }

    .devvn_image_absolute.absolute.devvn_image_9 {
        left: calc(50% + 60px);
        bottom: -25px;
    }

    .off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
        background-color: rgb(34 34 34 / 90%);
    }

    .off-canvas-right .mfp-content {
        background-image: url(./images/bg_mobile_menu.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 300px;
    }
.nav:not(.nav-slide) .active>.children {
    padding-bottom: 15px;
    font-size: 14px;
}
    .nav-sidebar.nav-vertical > li button.toggle i {
        color: #fff;
        font-size: 13px;
    }
.off-canvas.off-canvas-right button.mfp-close {
    background-color: #af3589;
    opacity: 1;
    mix-blend-mode: unset;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.off-canvas.off-canvas-right button.mfp-close svg {
    width: 20px;
    height: 20px;
}
    .mobile-sidebar ul.nav.nav-sidebar.nav-vertical {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 30px;
    }

    .nav-sidebar.nav-vertical > li button.toggle {
        opacity: 1;
        margin-right: unset;
        width: 30px;
    }

    .nav-sidebar.nav-vertical > li button.toggle i:before {
        content: "";
    }

    .nav-sidebar.nav-vertical li.active> button.toggle i {
        transform: rotate(45deg);
        /* position: relative; */
    }

    .off-canvas .nav-vertical > li > a {
        color: #fff;
        /* font-weight: 400; */
        font-size: 15px;
        text-transform: none;
        padding: 13px 0 !important;
    }

    .nav-sidebar.nav-vertical > li + li {
        /* border: unset; */
    }

    .devvn_box_list_reports .box.box-vertical .box-image {
        padding: 10px;
    }

    .devvn_box_list_reports .box.box-vertical .box-text {
        padding: 10px 10px 10px 0;
    }
}

@media only screen and (max-width: 767px) {
    .devvn_group_banner > .col {
        max-width: 100%;
        flex-basis: 100%;
    }

    .devvn_box_banner .devvn_box_image_mobile {
        display: block;
    }

    .devvn_box_list_reports .slider .section {
        max-width: 100%;
        flex-basis: 100%;
    }

    .devvn_group_banner > .col:nth-child(1) {
        display: none;
    }

    .devvn_group_banner > .col:nth-child(2) {
        margin-bottom: 30px;
    }

    .devvn_box_banner .devvn_box_content ul.devvn_list_check {
        flex-direction: column;
        padding: 20px 40px;
    }

    ul.devvn_list_check li:before {
        top: 14px;
        width: 24px;
        height: 24px;
    }

    .container.section-title-container span.section-title-main {
        font-size: 30px;
    }

    .devvn_box_banner .devvn_box_content ul.devvn_list_check li {
        padding-right: unset;
        margin-right: unset;
    }

    ul.devvn_list_check li:not(:last-child):after {
        bottom: 0;
        top: auto;
        max-width: 196px;
        width: 100%;
        border-bottom: 1px solid #fff;
        left: 50%;
        transform: translateX(-50%);
    }

    ul.devvn_list_check li:not(:last-child) {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .devvn_box_banner .devvn_box_button .img.hidden {
        display: block !important;
        visibility: visible !important;
    }

    .devvn_box_banner .devvn_box_button .img {
        max-width: 268px;
        margin-top: 50px;
    }

    .devvn_box_banner {
        padding-bottom: unset !important;
    }

    .devvn_research_image.absolute.image_3 {
        max-width: 250px;
        height: 150px;
    }

    .devvn_research_image.absolute.image_4 {
        max-width: 270px;
        height: 110px;
    }

    .devvn_name_webmaster p {
        font-size: 60px;
    }

    .container.section-title-container span.section-title-main {
        font-size: 30px;
    }

    .devvn_vertical_post .col-inner > .box.box-vertical {
        flex-direction: column;
    }

    .devvn_vertical_post .col-inner > .box.box-vertical .box-image, .devvn_vertical_post .col-inner > .box.box-vertical .box-text {
        max-width: 100%;
    }

    .devvn_list_box_image .box .box-text .box-text-inner > :nth-child(1) {
        font-size: 16px;
    }

    .devvn_list_box_image .box .box-text .box-text-inner {
        min-height: unset;
    }

    .devvn_box_education_program .section .box .box-text {
        padding: 15px;
    }

    .devvn_box_education_program .section .box .box-text .box-text-inner > :nth-child(1) {
        font-size: 18px;
        height: unset;
    }

    .devvn_box_list_reports .box.box-vertical .box-text .text > :nth-child(1), .devvn_box_list_reports .box.box-vertical .box-text .text > :nth-child(3) {
        font-size: 18px;
    }

    .devvn_box_list_reports .box.box-vertical .box-text .text ul {
        font-size: 15px;
        margin-bottom: 12px;
    }

    .devvn_box_share_numerology .container.section-title-container {
        margin-bottom: 30px;
    }

    .devvn_box_education_program .slider .section {
        max-width: 100%;
    }

    .devvn_box_share_numerology .accordion-title {
        font-size: 16px;
    }

    .devvn_arrow_mobile.devvn_box_list_reports .devvn_arrow_outside button.flickity-button.flickity-prev-next-button {
        bottom: -60px;
    }

    .devvn_arrow_mobile .devvn_arrow_outside button.flickity-button.flickity-prev-next-button {
        bottom: -45px;
        top: auto;
        height: 50px;
        opacity: 1 !important;
        transform: translateX(-50%) !important;
        right: auto;
    }

    .devvn_arrow_mobile .devvn_arrow_outside button.flickity-button.flickity-prev-next-button.previous svg {
        background-image: url(./images/left_w.svg);
    }

    .devvn_arrow_mobile .devvn_arrow_outside button.flickity-button.flickity-prev-next-button.previous {
        left: calc(50% - 25px);
        opacity: 1;
    }

    .devvn_arrow_mobile .devvn_arrow_outside button.flickity-button.flickity-prev-next-button.next svg {
        background-image: url(./images/right_w.svg);
    }

    .devvn_box_quick_search .container.section-title-container {
        margin-bottom: 0;
    }

    form#formRDR input:not([type="checkbox"]), form#formRDR select, form#formRDR > div label, form#formRDR {
        font-size: 14px;
    }

    .devvn_box_quick_search .mb {
        margin-bottom: 15px;
    }

    .devvn_box_education_program .bg.section-bg.fill.bg-fill.bg-loaded {
        background-image: url(./images/bg_ct.png) !important;
    }

    .devvn_arrow_mobile .devvn_arrow_outside button.flickity-button.flickity-prev-next-button.next {
        left: calc(50% + 25px);
    }

    form#formRDR button.button_form_custom {
        font-size: 15px;
    }

    .devvn_box_custumers .devvn_arrow_outside button.flickity-button.flickity-prev-next-button {
        right: auto;
        left: 50%;
        transform: translateX(-50%) !important;
        top: -32%;
        bottom: auto;
        height: 50px;
    }

    .devvn_box_custumers .devvn_arrow_outside button.flickity-button.flickity-prev-next-button.previous {
        left: calc(50% - 25px);
    }

    .devvn_box_custumers .devvn_arrow_outside button.flickity-button.flickity-prev-next-button.next {
        left: calc(50% + 25px);
    }

    .devvn_box_custumers .icon-box.testimonial-box .icon-box-img.testimonial-image {
        max-width: 95px;
        height: 95px;
    }

    form#formRDR button.button_form_custom i.fas.fa-search:before {
        width: 20px;
        height: 20px;
    }

    .devvn_box_custumers .devvn_box_content {
        margin-top: 120px;
    }

    .devvn_tab_bottom .tab-panel-title :nth-child(1) {
        font-size: 20px;
    }

    .devvn_tab_bottom .tab-panels a.button.primary {
        margin-top: 10px;
        height: 38px;
    }

    .devvn_box_share_numerology .accordion-inner, .devvn_box_share_numerology .accordion-inner * {
        font-size: 15px;
    }

    .devvn_box_share_numerology .accordion-inner {
        padding-left: 15px;
        padding-right: 15px;
    }

    .devvn_box_news .container.section-title-container span.section-title-main {
        text-align: center;
    }

    .devvn_vertical_post .col-inner > .box.box-vertical .box-text {
        text-align: center;
    }

    .devvn_vertical_post .col-inner > .box.box-vertical .box-text .box-text-inner > :nth-child(1) {
        text-align: center;
        font-size: 16px;
    }

    .devvn_vertical_post .col-inner > .box.box-vertical .box-text .box-text-inner p {
        font-size: 14px;
        text-align: center;
    }

    .devvn_vertical_post .col-inner > .box.box-vertical .box-text a.button.primary {
        margin-top: 15px;
        margin-bottom: 10px;
        font-size: 15px;
    }

    .devvn_box_banner .devvn_box_image_mobile .img {
        max-width: 268px;
        margin: 0 auto;
    }

    .devvn_box_banner .devvn_box_image_mobile .devvn_image_absolute.absolute.devvn_image_0 {
        left: 0;
        bottom: 0;
    }

    .devvn_box_banner .devvn_box_image_mobile .devvn_image_absolute.absolute.devvn_image_4 {
        width: 400px;
        height: 190px;
        top: 25px;
        left: 35%;
    }

    .devvn_box_banner .devvn_box_image_mobile .devvn_image_absolute.absolute.devvn_image_3, .devvn_box_banner .devvn_box_image_mobile .devvn_image_absolute.absolute.devvn_image_2 {
        display: none;
    }

    .devvn_box_banner .devvn_box_image_mobile > .col-inner:after {
        position: absolute;
        content: "";
        background: rgba(5, 22, 40, 0.0);
        background: -webkit-linear-gradient(180deg, rgba(5, 22, 40, 0.0), rgba(5, 23, 40, 1.0));
        background: linear-gradient(180deg, rgba(5, 22, 40, 0.0), rgba(5, 23, 40, 1.0));
        border-radius: 0px;
        left: -15px;
        right: -15px;
        height: 197px;
        bottom: 0;
    }

    .devvn_box_banner .devvn_box_image_mobile .devvn_image_absolute.absolute.devvn_image_1 {
        width: 539px;
        height: 539px;
        top: 25%;
        left: -25%;
    }
}

@media only screen and (max-width: 470px) {
    .devvn_box_meaningfuls .devvn_tabs_ux_element_js .devvn_tab_header ul.nav {
        transform: scale(.7) translateX(-71%);
        left: 50%;
    }
}

@media only screen and (max-width: 549px) {
    .devvn_list_box_image .box {
        display: flex;
    }

    .devvn_box_banner .devvn_box_image_mobile .devvn_image_absolute.absolute.devvn_image_1 {
        left: -50%;
    }

    /*.devvn_box_meaningfuls .devvn_tabs_ux_element_js {
        padding-top: 95px;
    }*/
    .devvn_vertical_post .col-inner > .box.box-vertical .box-text a.button.primary i.icon-angle-right {
        top: 0;
    }

    .devvn_box_research .bg.section-bg.fill.bg-fill.bg-loaded {
        background-image: url('./images/bg_nguyen_louis.png') !important;
    }

    .devvn_research_image.absolute.image_2 {
        height: 350px;
        bottom: -350px;
    }

    .devvn_research_image.absolute.image_2 .devvn_image_background {
        background-size: 420px auto;
    }

    .devvn_box_research {
        padding-bottom: 170px !important;
    }

    .devvn_research_image.absolute.image_1 {
        bottom: -150px;
        height: 302px;
        opacity: 0;
    }

    .devvn_box_research .devvn_box_teacher .img {
        max-width: 233px;
    }

    .devvn_image_absolute.absolute.devvn_image_10, .devvn_image_absolute.absolute.devvn_image_9 {
        width: 529px;
        height: 529px;
    }

    .devvn_image_absolute.absolute.devvn_image_7 {
        width: 350px;
        height: 231px;
    }

    .devvn_image_absolute.absolute.devvn_image_8 {
        width: 400px;
        height: 263px;
    }

    .absolute.devvn_image_6.devvn_image_absolute {
        width: 290px;
        height: 290px;
    }

    .devvn_image_absolute.absolute.devvn_image_10 {
        left: calc(50% - 75px);
    }

    .devvn_image_absolute.absolute.devvn_image_9 {
        left: calc(50% + 30px);
        bottom: -65px;
    }

    .devvn_box_research .devvn_content ul li:before {
        width: 7px;
        height: 7px;
    }

    .devvn_list_box_image .box .box-text .box-text-inner a {
        font-size: 14px;
    }

    .devvn_list_box_image .box .box-image {
        max-width: 180px;
        padding-right: unset;
        width: 100%;
    }

    .devvn_list_box_image .box .box-text {
        max-width: calc(100% - 180px);
        width: 100%;
        padding: 10px;
    }

    .devvn_list_box_image .box .box-text .box-text-inner a {
        font-size: 14px;
    }

    .devvn_box_news .col.post-item .col-inner .box .box-image {
        max-width: 180px;
        padding-right: unset;
    }

    .devvn_box_news .col.post-item .col-inner .box .box-text {
        max-width: calc(100% - 180px);
        padding-left: 10px;
    }

    .devvn_box_news .col.post-item .col-inner .box .box-image .image-cover {
        padding-top: 58% !important;
    }

    .slider-wrapper .flickity-prev-next-button {
        display: block;
    }

    .devvn_box_news .col.post-item .col-inner .box .post-title.is-large {
        font-size: 16px;
    }

    .devvn_box_banner .devvn_box_content > :nth-child(1) span {
        font-size: 20px;
    }

    .devvn_box_banner .devvn_box_content > :nth-child(1) strong {
        font-size: 36px;
        letter-spacing: 1px;
    }

    .devvn_box_banner .devvn_box_content ul.devvn_list_check {
        padding: 15px 20px;
    }

    .devvn_name_webmaster p {
        font-size: 40px;
    }

    .devvn_box_research .devvn_content > :nth-child(1) span {
        font-size: 16px;
    }

    .devvn_box_research .devvn_content > :nth-child(1) strong {
        font-size: 30px;
    }

    .devvn_box_research .devvn_content {
        font-size: 14px;
    }

    .container.section-title-container span.section-title-main {
        font-size: 24px;
    }

    .devvn_box_education_program .container.section-title-container {
        margin-bottom: unset;
    }

    /*.devvn_box_list_reports .box.box-vertical .box-image {
        max-width: 100%;
        flex-basis: 100%;
        padding: 10px 10px 0 10px;
    }

    .devvn_box_list_reports .box.box-vertical {
        flex-direction: column;
    }

    .devvn_box_list_reports .box.box-vertical .box-text {
        padding: 10px;
    }*/
    .devvn_box_custumers .devvn_box_content > .col-inner .container.section-title-container span.section-title-main {
        font-size: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .devvn_box_custumers .icon-box.testimonial-box .testimonial-text {
        font-size: 14px;
        font-weight: 400;
    }

    .devvn_box_custumers .slider section {
        padding-left: 15px;
        padding-right: 15px;
    }

    .devvn_box_custumers .icon-box.testimonial-box .testimonial-text {
        font-size: 15px;
    }

    .devvn_box_custumers .icon-box.testimonial-box .testimonial-meta strong.testimonial-name.test_name {
        font-size: 20px;
    }

    .devvn_box_custumers .icon-box.testimonial-box .testimonial-meta span.testimonial-company {
        font-size: 14px;
    }

    .devvn_box_share_numerology {
        padding-bottom: 30px !important;
    }

    .devvn_box_news {
        padding-top: 50px !important;
    }

    .devvn_list_box_image .box .box-image, .devvn_box_news .col.post-item .col-inner .box .box-image {
        max-width: 130px;
    }

    .devvn_list_box_image .box .box-text, .devvn_box_news .col.post-item .col-inner .box .box-text {
        max-width: calc(100% - 130px);
    }

    .devvn_box_news {
        padding-bottom: 15px !important;
    }

    .container.section-title-container span.section-title-main {
        margin-right: unset;
        margin-left: unset;
    }

    .devvn_box_custumers .icon-box.testimonial-box .testimonial-meta {
        padding-top: 20px;
    }

    .devvn_box_share_numerology .accordion-title {
        padding: 10px 40px 10px 15px;
        font-size: 15px;
    }

    .devvn_box_meaningfuls {
        padding-top: unset !important;
    }

    a.button.primary {
        font-size: 14px;
        letter-spacing: 0;
        min-height: 40px;
        padding: 8px 20px 10px;
    }

    ul.devvn_list_check {
        font-size: 15px;
    }

    ul.devvn_list_check li:before {
        width: 15px;
        height: 15px;
        top: 12px;
    }

    .row.row-large.devvn_list_counts > .col {
        padding-left: 5px;
        padding-right: 5px;
    }

    .row.row-large.devvn_list_counts > .col:first-child {
        padding-left: 10px;
    }

    .row.row-large.devvn_list_counts > .col:nth-child(3n) {
        padding-right: 10px;
    }

    .devvn_box_banner .devvn_box_content ul.devvn_list_check li {
        padding-left: 25px;
    }

    ul.devvn_list_check li:not(:last-child) {
        margin-bottom: 12px;
        padding-bottom: 12px;
    }

    .devvn_list_counts .col-inner .devvn_item_count > :nth-child(1), .devvn_list_counts .col-inner .devvn_item_count > :nth-child(2) {
        font-size: 16px;
    }

    .devvn_research_image.absolute.image_3 {
        max-width: 170px;
        height: 105px;
        bottom: -150px;
    }

    .devvn_research_image.absolute.image_4 {
        max-width: 100px;
        height: 44px;
        bottom: -120px;
    }

    .devvn_box_custumers .devvn_box_content > .col-inner:before {
        background-position: center;
    }

    .devvn_box_education_program .container.section-title-container {
        margin-bottom: unset;
    }

    .devvn_box_education_program .section .box .image-cover {
        padding: unset !important;
    }

    .devvn_box_education_program .section .box .image-cover img {
        position: unset;
    }

    .devvn_box_news .col.post-item .col-inner .box .box-text .post-meta.is-small.op-8 {
        display: none;
    }

    .devvn_list_box_image_view_more .devvn_list_box_image .box .box-text {
        padding: 0 10px 10px 10px;
        max-width: 100%;
    }

    .devvn_list_box_image_view_more .devvn_list_box_image .box .box-image {
        max-width: 100%;
        padding: 10px;
    }

    .devvn_list_box_image_view_more .devvn_list_box_image .box {
        flex-direction: column;
    }

    .devvn_list_box_image_view_more .devvn_list_box_image .box .box-text .box-text-inner > :nth-child(1) {
        font-size: 19px;
        margin-bottom: 20px;
    }

    .devvn_list_box_image_view_more a.button.primary.devvn_button {
        font-size: 18px;
    }

    .devvn_list_box_image_view_more .devvn_list_box_image .box .box-text .box-text-inner a {
        font-size: 16px;
        display: inline-flex;
        margin-bottom: 10px;
    }

    .footer-widgets.footer.footer-2 h3 {
        font-size: 18px;
        margin-bottom: 10px;
        letter-spacing: 0;
    }

    ul.devvn_list_contacts {
        font-size: 14px;
    }

    ul.devvn_list_contacts li {
        margin-bottom: unset;
    }

    ul.devvn_list_contacts li [class*="devvn_icon_"]:before {
        width: 16px;
        height: 16px;
    }

    ul.devvn_list_contacts li:nth-child(2) [class*="devvn_icon_"]:before {
        width: 20px;
    }

    .devvn_box_banner .devvn_box_desc .text {
        font-size: 14px;
        margin-bottom: 10px;
    }

    ul.devvn_list_contacts li:nth-child(3) [class*="devvn_icon_"]:before {
        width: 18px;
    }
}