
.elementor-mode3d .elementor-element.elementor-element-4items {
    --display: flex;
    --width: 90%; /*100*/
    --flex-direction: row;
    --align-items: flex-start;
    --justify-content: center;
    --flex-wrap: nowrap;
    --overlay-transition: 0.3s;
}

.elementor-mode3d .elementor-element.elementor-element-4items.e-container {
    --align-self: center;
}

.elementor-mode3d .elementor-element.elementor-element-001 .elementor-flip-box_front {
    background-color: #fff; /*15151500;*/
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #fff;
    box-shadow: 0 0 10px 4px rgb(31 66 135 / 10%);
}

.elementor-mode3d .elementor-element.elementor-element-001 .elementor-flip-box_back {
	background-image: url("https://thienphongco.com/themes/default/images/tom-3d.jpg");
    background-size: cover;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #fff;
    box-shadow: 0 0 10px 4px rgb(31 66 135 / 10%);
}

.elementor-mode3d .elementor-element.elementor-element-001 .elementor-flip-box_back .elementor-flip-box_layer_overlay {
    background-color: #151515AB;
    padding: 10px 10px 10px 10px;
    text-align: center;
}

.elementor-mode3d .elementor-element.elementor-element-001 .elementor-flip-box {
    height: 410px; /*50vh*/
}

.elementor-mode3d .elementor-element.elementor-element-001 .elementor-flip-box_layer,
.elementor-mode3d .elementor-element.elementor-element-001 .elementor-flip-box_layer_overlay {
    border-radius: 20px;
}

.elementor-mode3d .elementor-element.elementor-element-001 .elementor-flip-box_front .elementor-flip-box_layer_overlay {
    padding: 10px 10px 10px 10px;
    text-align: center;
    justify-content: center;
}

.elementor-mode3d .elementor-element.elementor-element-001 .elementor-view-stacked .elementor-icon {
    background-color: var( --e-global-color-text);
}

.elementor-mode3d .elementor-element.elementor-element-001 .elementor-view-stacked .elementor-icon svg {
    stroke: var( --e-global-color-text);
}

.elementor-mode3d .elementor-element.elementor-element-001 .elementor-view-framed .elementor-icon,
.elementor-mode3d .elementor-element.elementor-element-001 .elementor-view-default .elementor-icon {
    color: var( --e-global-color-text);
    border-color: var( --e-global-color-text);
}

.elementor-mode3d .elementor-element.elementor-element-001 .elementor-view-framed .elementor-icon svg,
.elementor-mode3d .elementor-element.elementor-element-001 .elementor-view-default .elementor-icon svg {
    fill: var( --e-global-color-text);
    border-color: var( --e-global-color-text);
}

.elementor-mode3d .elementor-element.elementor-element-001 .elementor-icon {
    font-size: 50px;
}

.elementor-mode3d .elementor-element.elementor-element-001 .elementor-icon svg {
    width: 50px;
    transform: rotate(0deg);
}

.elementor-mode3d .elementor-element.elementor-element-001 .elementor-icon i {
    transform: rotate(0deg);
}

.elementor-mode3d .elementor-element.elementor-element-001 .elementor-flip-box_front .elementor-flip-box_layer_title {
    color: var( --e-global-color-text);
    font-family: var( --e-global-typography-secondary-font-family), Sans-serif;
    font-size: var( --e-global-typography-secondary-font-size);
    font-weight: var( --e-global-typography-secondary-font-weight);
    line-height: var( --e-global-typography-secondary-line-height);
}

.elementor-mode3d .elementor-element.elementor-element-001 .elementor-flip-box_front .elementor-flip-box_layer_description {
    color: var( --e-global-color-text);
    font-family: var( --e-global-typography-text-font-family), Sans-serif;
    font-size: var( --e-global-typography-text-font-size);
    font-weight: var( --e-global-typography-text-font-weight);
    line-height: var( --e-global-typography-text-line-height);
}

.elementor-mode3d .elementor-element.elementor-element-001 .elementor-flip-box_button {
    margin-center: 0;
    font-family: "Nunito Sans", Sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    background-color: #17786f;
	border-color:: #17786f;
	color:#fff;
    border-radius: 10px;
}

.elementor-mode3d .elementor-element.elementor-element-001 .elementor-flip-box_back .elementor-flip-box_layer_title {
    font-family: var( --e-global-typography-secondary-font-family), Sans-serif;
    font-size: var( --e-global-typography-secondary-font-size);
    font-weight: var( --e-global-typography-secondary-font-weight);
    line-height: var( --e-global-typography-secondary-line-height);
}

.elementor-mode3d .elementor-element.elementor-element-001 .elementor-flip-box_button:hover {
    color: var( --e-global-color-d39cd61);
    background-color: #02010100;
    border-color: var( --e-global-color-d39cd61);
}

.elementor-mode3d .elementor-element.elementor-element-001 {
    width: 26.066%;
    max-width: 26.066%;
}

.elementor-mode3d .elementor-element.elementor-element-001.elementor-element {
    --flex-grow: 0;
    --flex-shrink: 0;
}

.elementor-mode3d .elementor-element.elementor-element-001>.elementor-widget-container {
    border-radius: 5px 5px 5px 5px;
}

.elementor-mode3d .elementor-element.elementor-element-002 .elementor-flip-box_front {
    background-color: #fff; /*15151500;*/
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #fff;
    box-shadow: 0 0 10px 4px rgb(31 66 135 / 10%);
}

.elementor-mode3d .elementor-element.elementor-element-002 .elementor-flip-box_back {
	background-image: url("https://thienphongco.com/themes/default/images/ca-3d.jpg");
    background-size: cover;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #fff;
    box-shadow: 0 0 10px 4px rgb(31 66 135 / 10%);
}

.elementor-mode3d .elementor-element.elementor-element-002 .elementor-flip-box_back .elementor-flip-box_layer_overlay {
    background-color: #151515AB;
    padding: 10px 10px 10px 10px;
    text-align: center;
}

.elementor-mode3d .elementor-element.elementor-element-002 .elementor-flip-box {
    height: 410px;
}

.elementor-mode3d .elementor-element.elementor-element-002 .elementor-flip-box_layer,
.elementor-mode3d .elementor-element.elementor-element-002 .elementor-flip-box_layer_overlay {
    border-radius: 20px;
}

.elementor-mode3d .elementor-element.elementor-element-002 .elementor-flip-box_front .elementor-flip-box_layer_overlay {
    padding: 10px 10px 10px 10px;
    text-align: center;
    justify-content: center;
}

.elementor-mode3d .elementor-element.elementor-element-002 .elementor-view-stacked .elementor-icon {
    background-color: var( --e-global-color-text);
}

.elementor-mode3d .elementor-element.elementor-element-002 .elementor-view-stacked .elementor-icon svg {
    stroke: var( --e-global-color-text);
}

.elementor-mode3d .elementor-element.elementor-element-002 .elementor-view-framed .elementor-icon,
.elementor-mode3d .elementor-element.elementor-element-002 .elementor-view-default .elementor-icon {
    color: var( --e-global-color-text);
    border-color: var( --e-global-color-text);
}

.elementor-mode3d .elementor-element.elementor-element-002 .elementor-view-framed .elementor-icon svg,
.elementor-mode3d .elementor-element.elementor-element-002 .elementor-view-default .elementor-icon svg {
    fill: var( --e-global-color-text);
    border-color: var( --e-global-color-text);
}

.elementor-mode3d .elementor-element.elementor-element-002 .elementor-icon {
    font-size: 50px;
}

.elementor-mode3d .elementor-element.elementor-element-002 .elementor-icon svg {
    width: 50px;
    transform: rotate(0deg);
}

.elementor-mode3d .elementor-element.elementor-element-002 .elementor-icon i {
    transform: rotate(0deg);
}

.elementor-mode3d .elementor-element.elementor-element-002 .elementor-flip-box_front .elementor-flip-box_layer_title {
    color: var( --e-global-color-text);
    font-family: var( --e-global-typography-secondary-font-family), Sans-serif;
    font-size: var( --e-global-typography-secondary-font-size);
    font-weight: var( --e-global-typography-secondary-font-weight);
    line-height: var( --e-global-typography-secondary-line-height);
}

.elementor-mode3d .elementor-element.elementor-element-002 .elementor-flip-box_front .elementor-flip-box_layer_description {
    color: var( --e-global-color-text);
    font-family: var( --e-global-typography-text-font-family), Sans-serif;
    font-size: var( --e-global-typography-text-font-size);
    font-weight: var( --e-global-typography-text-font-weight);
    line-height: var( --e-global-typography-text-line-height);
}

.elementor-mode3d .elementor-element.elementor-element-002 .elementor-flip-box_button {
    margin-center: 0;
    font-family: "Nunito Sans", Sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    background-color: #17786f;
	border-color:: #17786f;
	color:#fff;
    border-radius: 10px;
}

.elementor-mode3d .elementor-element.elementor-element-002 .elementor-flip-box_back .elementor-flip-box_layer_title {
    font-family: var( --e-global-typography-secondary-font-family), Sans-serif;
    font-size: var( --e-global-typography-secondary-font-size);
    font-weight: var( --e-global-typography-secondary-font-weight);
    line-height: var( --e-global-typography-secondary-line-height);
}

.elementor-mode3d .elementor-element.elementor-element-002 .elementor-flip-box_button:hover {
    color: var( --e-global-color-d39cd61);
    background-color: #02010100;
    border-color: var( --e-global-color-d39cd61);
}

.elementor-mode3d .elementor-element.elementor-element-002 {
    width: 25.62%;
    max-width: 25.62%;
}

.elementor-mode3d .elementor-element.elementor-element-002.elementor-element {
    --flex-grow: 0;
    --flex-shrink: 0;
}

.elementor-mode3d .elementor-element.elementor-element-002>.elementor-widget-container {
    border-radius: 5px 5px 5px 5px;
}

.elementor-mode3d .elementor-element.elementor-element-003 .elementor-flip-box_front {
    background-color: #fff; /*15151500;*/
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #fff;
    box-shadow: 0 0 10px 4px rgb(31 66 135 / 10%);
}

.elementor-mode3d .elementor-element.elementor-element-003 .elementor-flip-box_back {
    background-image: url("https://thienphongco.com/themes/default/images/oc-3d.jpg");
    background-size: cover;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #fff;
    box-shadow: 0 0 10px 4px rgb(31 66 135 / 10%);
}

.elementor-mode3d .elementor-element.elementor-element-003 .elementor-flip-box_back .elementor-flip-box_layer_overlay {
    background-color: #151515AB;
    padding: 10px 10px 10px 10px;
    text-align: center;
}

.elementor-mode3d .elementor-element.elementor-element-003 .elementor-flip-box {
    height: 410px;
}

.elementor-mode3d .elementor-element.elementor-element-003 .elementor-flip-box_layer,
.elementor-mode3d .elementor-element.elementor-element-003 .elementor-flip-box_layer_overlay {
    border-radius: 20px;
}

.elementor-mode3d .elementor-element.elementor-element-003 .elementor-flip-box_front .elementor-flip-box_layer_overlay {
    padding: 10px 10px 10px 10px;
    text-align: center;
    justify-content: center;
}

.elementor-mode3d .elementor-element.elementor-element-003 .elementor-view-stacked .elementor-icon {
    background-color: var( --e-global-color-text);
}

.elementor-mode3d .elementor-element.elementor-element-003 .elementor-view-stacked .elementor-icon svg {
    stroke: var( --e-global-color-text);
}

.elementor-mode3d .elementor-element.elementor-element-003 .elementor-view-framed .elementor-icon,
.elementor-mode3d .elementor-element.elementor-element-003 .elementor-view-default .elementor-icon {
    color: var( --e-global-color-text);
    border-color: var( --e-global-color-text);
}

.elementor-mode3d .elementor-element.elementor-element-003 .elementor-view-framed .elementor-icon svg,
.elementor-mode3d .elementor-element.elementor-element-003 .elementor-view-default .elementor-icon svg {
    fill: var( --e-global-color-text);
    border-color: var( --e-global-color-text);
}

.elementor-mode3d .elementor-element.elementor-element-003 .elementor-icon {
    font-size: 50px;
}

.elementor-mode3d .elementor-element.elementor-element-003 .elementor-icon svg {
    width: 50px;
    transform: rotate(0deg);
}

.elementor-mode3d .elementor-element.elementor-element-003 .elementor-icon i {
    transform: rotate(0deg);
}

.elementor-mode3d .elementor-element.elementor-element-003 .elementor-flip-box_front .elementor-flip-box_layer_title {
    color: var( --e-global-color-text);
    font-family: var( --e-global-typography-secondary-font-family), Sans-serif;
    font-size: var( --e-global-typography-secondary-font-size);
    font-weight: var( --e-global-typography-secondary-font-weight);
    line-height: var( --e-global-typography-secondary-line-height);
}

.elementor-mode3d .elementor-element.elementor-element-003 .elementor-flip-box_front .elementor-flip-box_layer_description {
    color: var( --e-global-color-text);
    font-family: var( --e-global-typography-text-font-family), Sans-serif;
    font-size: var( --e-global-typography-text-font-size);
    font-weight: var( --e-global-typography-text-font-weight);
    line-height: var( --e-global-typography-text-line-height);
}

.elementor-mode3d .elementor-element.elementor-element-003 .elementor-flip-box_button {
    margin-center: 0;
    font-family: "Nunito Sans", Sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    background-color: #17786f;
	border-color:: #17786f;
	color:#fff;
    border-radius: 10px;
}

.elementor-mode3d .elementor-element.elementor-element-003 .elementor-flip-box_back .elementor-flip-box_layer_title {
    font-family: var( --e-global-typography-secondary-font-family), Sans-serif;
    font-size: var( --e-global-typography-secondary-font-size);
    font-weight: var( --e-global-typography-secondary-font-weight);
    line-height: var( --e-global-typography-secondary-line-height);
}

.elementor-mode3d .elementor-element.elementor-element-003 .elementor-flip-box_button:hover {
    color: var( --e-global-color-d39cd61);
    background-color: #02010100;
    border-color: var( --e-global-color-d39cd61);
}

.elementor-mode3d .elementor-element.elementor-element-003 {
    width: 25.619%;
    max-width: 25.619%;
}

.elementor-mode3d .elementor-element.elementor-element-003.elementor-element {
    --flex-grow: 0;
    --flex-shrink: 0;
}

.elementor-mode3d .elementor-element.elementor-element-003>.elementor-widget-container {
    border-radius: 5px 5px 5px 5px;
}

.elementor-mode3d .elementor-element.elementor-element-004 .elementor-flip-box_front {
    background-color: #fff; /*15151500;*/
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #fff;
    box-shadow: 0 0 10px 4px rgb(31 66 135 / 10%);
}

.elementor-mode3d .elementor-element.elementor-element-004 .elementor-flip-box_back {
	background-image: url("https://thienphongco.com/themes/default/images/nl-3d.jpg");
    background-size: cover;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #fff;
    box-shadow: 0 0 10px 4px rgb(31 66 135 / 10%);
}

.elementor-mode3d .elementor-element.elementor-element-004 .elementor-flip-box_back .elementor-flip-box_layer_overlay {
    background-color: #151515AB;
    padding: 10px 10px 10px 10px;
    text-align: center;
}

.elementor-mode3d .elementor-element.elementor-element-004 .elementor-flip-box {
    height: 410px;
}

.elementor-mode3d .elementor-element.elementor-element-004 .elementor-flip-box_layer,
.elementor-mode3d .elementor-element.elementor-element-004 .elementor-flip-box_layer_overlay {
    border-radius: 20px;
}

.elementor-mode3d .elementor-element.elementor-element-004 .elementor-flip-box_front .elementor-flip-box_layer_overlay {
    padding: 10px 10px 10px 10px;
    text-align: center;
    justify-content: center;
}

.elementor-mode3d .elementor-element.elementor-element-004 .elementor-view-stacked .elementor-icon {
    background-color: var( --e-global-color-text);
}

.elementor-mode3d .elementor-element.elementor-element-004 .elementor-view-stacked .elementor-icon svg {
    stroke: var( --e-global-color-text);
}

.elementor-mode3d .elementor-element.elementor-element-004 .elementor-view-framed .elementor-icon,
.elementor-mode3d .elementor-element.elementor-element-004 .elementor-view-default .elementor-icon {
    color: var( --e-global-color-text);
    border-color: var( --e-global-color-text);
}

.elementor-mode3d .elementor-element.elementor-element-004 .elementor-view-framed .elementor-icon svg,
.elementor-mode3d .elementor-element.elementor-element-004 .elementor-view-default .elementor-icon svg {
    fill: var( --e-global-color-text);
    border-color: var( --e-global-color-text);
}

.elementor-mode3d .elementor-element.elementor-element-004 .elementor-icon {
    font-size: 50px;
}

.elementor-mode3d .elementor-element.elementor-element-004 .elementor-icon svg {
    width: 50px;
    transform: rotate(0deg);
}

.elementor-mode3d .elementor-element.elementor-element-004 .elementor-icon i {
    transform: rotate(0deg);
}

.elementor-mode3d .elementor-element.elementor-element-004 .elementor-flip-box_front .elementor-flip-box_layer_title {
    color: var( --e-global-color-text);
    font-family: var( --e-global-typography-secondary-font-family), Sans-serif;
    font-size: var( --e-global-typography-secondary-font-size);
    font-weight: var( --e-global-typography-secondary-font-weight);
    line-height: var( --e-global-typography-secondary-line-height);
}

.elementor-mode3d .elementor-element.elementor-element-004 .elementor-flip-box_front .elementor-flip-box_layer_description {
    color: var( --e-global-color-text);
    font-family: var( --e-global-typography-text-font-family), Sans-serif;
    font-size: var( --e-global-typography-text-font-size);
    font-weight: var( --e-global-typography-text-font-weight);
    line-height: var( --e-global-typography-text-line-height);
}

.elementor-mode3d .elementor-element.elementor-element-004 .elementor-flip-box_button {
    margin-center: 0;
    font-family: "Nunito Sans", Sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
	background-color: #17786f;
	border-color:: #17786f;
	color:#fff;
    border-radius: 10px;
}

.elementor-mode3d .elementor-element.elementor-element-004 .elementor-flip-box_back .elementor-flip-box_layer_title {
    font-family: var( --e-global-typography-secondary-font-family), Sans-serif;
    font-size: var( --e-global-typography-secondary-font-size);
    font-weight: var( --e-global-typography-secondary-font-weight);
    line-height: var( --e-global-typography-secondary-line-height);
}

.elementor-mode3d .elementor-element.elementor-element-004 .elementor-flip-box_button:hover {
    color: var( --e-global-color-d39cd61);
    background-color: #02010100;
    border-color: var( --e-global-color-d39cd61);
}

.elementor-mode3d .elementor-element.elementor-element-004 {
    width: 26.075%;
    max-width: 26.075%;
}

.elementor-mode3d .elementor-element.elementor-element-004.elementor-element {
    --flex-grow: 0;
    --flex-shrink: 0;
}

.elementor-mode3d .elementor-element.elementor-element-004>.elementor-widget-container {
    border-radius: 5px 5px 5px 5px;
}

@media(max-width:1024px) {	
    .elementor-mode3d .elementor-element.elementor-element-4items {
        --flex-wrap: wrap;
    }
    .elementor-mode3d .elementor-element.elementor-element-001 .elementor-flip-box_front .elementor-flip-box_layer_title {
        font-size: var( --e-global-typography-secondary-font-size);
        line-height: var( --e-global-typography-secondary-line-height);
    }
    .elementor-mode3d .elementor-element.elementor-element-001 .elementor-flip-box_front .elementor-flip-box_layer_description {
        font-size: var( --e-global-typography-text-font-size);
        line-height: var( --e-global-typography-text-line-height);
    }
    .elementor-mode3d .elementor-element.elementor-element-001 .elementor-flip-box_back .elementor-flip-box_layer_title {
        font-size: var( --e-global-typography-secondary-font-size);
        line-height: var( --e-global-typography-secondary-line-height);
    }
    .elementor-mode3d .elementor-element.elementor-element-001 {
        width: 45%;
        max-width: 45%;
    }
    .elementor-mode3d .elementor-element.elementor-element-002 .elementor-flip-box_front .elementor-flip-box_layer_title {
        font-size: var( --e-global-typography-secondary-font-size);
        line-height: var( --e-global-typography-secondary-line-height);
    }
    .elementor-mode3d .elementor-element.elementor-element-002 .elementor-flip-box_front .elementor-flip-box_layer_description {
        font-size: var( --e-global-typography-text-font-size);
        line-height: var( --e-global-typography-text-line-height);
    }
    .elementor-mode3d .elementor-element.elementor-element-002 .elementor-flip-box_back .elementor-flip-box_layer_title {
        font-size: var( --e-global-typography-secondary-font-size);
        line-height: var( --e-global-typography-secondary-line-height);
    }
    .elementor-mode3d .elementor-element.elementor-element-002 {
        width: 45%;
        max-width: 45%;
    }
    .elementor-mode3d .elementor-element.elementor-element-003 .elementor-flip-box_front .elementor-flip-box_layer_title {
        font-size: var( --e-global-typography-secondary-font-size);
        line-height: var( --e-global-typography-secondary-line-height);
    }
    .elementor-mode3d .elementor-element.elementor-element-003 .elementor-flip-box_front .elementor-flip-box_layer_description {
        font-size: var( --e-global-typography-text-font-size);
        line-height: var( --e-global-typography-text-line-height);
    }
    .elementor-mode3d .elementor-element.elementor-element-003 .elementor-flip-box_back .elementor-flip-box_layer_title {
        font-size: var( --e-global-typography-secondary-font-size);
        line-height: var( --e-global-typography-secondary-line-height);
    }
    .elementor-mode3d .elementor-element.elementor-element-003 {
        width: 45%;
        max-width: 45%;
    }
    .elementor-mode3d .elementor-element.elementor-element-004 .elementor-flip-box_front .elementor-flip-box_layer_title {
        font-size: var( --e-global-typography-secondary-font-size);
        line-height: var( --e-global-typography-secondary-line-height);
    }
    .elementor-mode3d .elementor-element.elementor-element-004 .elementor-flip-box_front .elementor-flip-box_layer_description {
        font-size: var( --e-global-typography-text-font-size);
        line-height: var( --e-global-typography-text-line-height);
    }
    .elementor-mode3d .elementor-element.elementor-element-004 .elementor-flip-box_back .elementor-flip-box_layer_title {
        font-size: var( --e-global-typography-secondary-font-size);
        line-height: var( --e-global-typography-secondary-line-height);
    }
    .elementor-mode3d .elementor-element.elementor-element-004 {
        width: 45%;
        max-width: 45%;
    }
}

@media(max-width:767px) {
    .elementor-mode3d .elementor-element.elementor-element-4items {
        --padding-top: 0px;
        --padding-right: 10px;
        --padding-bottom: 0px;
        --padding-left: 10px;
    }
    .elementor-mode3d .elementor-element.elementor-element-001 .elementor-flip-box {
        height: 400px;
    }
    .elementor-mode3d .elementor-element.elementor-element-001 .elementor-flip-box_front .elementor-flip-box_layer_title {
        font-size: var( --e-global-typography-secondary-font-size);
        line-height: var( --e-global-typography-secondary-line-height);
    }
    .elementor-mode3d .elementor-element.elementor-element-001 .elementor-flip-box_front .elementor-flip-box_layer_description {
        font-size: var( --e-global-typography-text-font-size);
        line-height: var( --e-global-typography-text-line-height);
    }
    .elementor-mode3d .elementor-element.elementor-element-001 .elementor-flip-box_back .elementor-flip-box_layer_title {
        font-size: var( --e-global-typography-secondary-font-size);
        line-height: var( --e-global-typography-secondary-line-height);
    }
    .elementor-mode3d .elementor-element.elementor-element-001 .elementor-flip-box_button {
        font-size: 14px;
        line-height: 21px;
    }
    .elementor-mode3d .elementor-element.elementor-element-001 {
        width: 100%;
        max-width: 100%;
    }
    .elementor-mode3d .elementor-element.elementor-element-002 .elementor-flip-box {
        height: 400px;
    }
    .elementor-mode3d .elementor-element.elementor-element-002 .elementor-flip-box_front .elementor-flip-box_layer_title {
        font-size: var( --e-global-typography-secondary-font-size);
        line-height: var( --e-global-typography-secondary-line-height);
    }
    .elementor-mode3d .elementor-element.elementor-element-002 .elementor-flip-box_front .elementor-flip-box_layer_description {
        font-size: var( --e-global-typography-text-font-size);
        line-height: var( --e-global-typography-text-line-height);
    }
    .elementor-mode3d .elementor-element.elementor-element-002 .elementor-flip-box_back .elementor-flip-box_layer_title {
        font-size: var( --e-global-typography-secondary-font-size);
        line-height: var( --e-global-typography-secondary-line-height);
    }
    .elementor-mode3d .elementor-element.elementor-element-002 .elementor-flip-box_button {
        font-size: 14px;
        line-height: 21px;
    }
    .elementor-mode3d .elementor-element.elementor-element-002 {
        width: 100%;
        max-width: 100%;
    }
    .elementor-mode3d .elementor-element.elementor-element-003 .elementor-flip-box {
        height: 400px;
    }
    .elementor-mode3d .elementor-element.elementor-element-003 .elementor-flip-box_front .elementor-flip-box_layer_title {
        font-size: var( --e-global-typography-secondary-font-size);
        line-height: var( --e-global-typography-secondary-line-height);
    }
    .elementor-mode3d .elementor-element.elementor-element-003 .elementor-flip-box_front .elementor-flip-box_layer_description {
        font-size: var( --e-global-typography-text-font-size);
        line-height: var( --e-global-typography-text-line-height);
    }
    .elementor-mode3d .elementor-element.elementor-element-003 .elementor-flip-box_back .elementor-flip-box_layer_title {
        font-size: var( --e-global-typography-secondary-font-size);
        line-height: var( --e-global-typography-secondary-line-height);
    }
    .elementor-mode3d .elementor-element.elementor-element-003 .elementor-flip-box_button {
        font-size: 14px;
        line-height: 21px;
    }
    .elementor-mode3d .elementor-element.elementor-element-003 {
        width: 100%;
        max-width: 100%;
    }
    .elementor-mode3d .elementor-element.elementor-element-004 .elementor-flip-box {
        height: 400px;
    }
    .elementor-mode3d .elementor-element.elementor-element-004 .elementor-flip-box_front .elementor-flip-box_layer_title {
        font-size: var( --e-global-typography-secondary-font-size);
        line-height: var( --e-global-typography-secondary-line-height);
    }
    .elementor-mode3d .elementor-element.elementor-element-004 .elementor-flip-box_front .elementor-flip-box_layer_description {
        font-size: var( --e-global-typography-text-font-size);
        line-height: var( --e-global-typography-text-line-height);
    }
    .elementor-mode3d .elementor-element.elementor-element-004 .elementor-flip-box_back .elementor-flip-box_layer_title {
        font-size: var( --e-global-typography-secondary-font-size);
        line-height: var( --e-global-typography-secondary-line-height);
    }
    .elementor-mode3d .elementor-element.elementor-element-004 .elementor-flip-box_button {
        font-size: 14px;
        line-height: 21px;
    }
    .elementor-mode3d .elementor-element.elementor-element-004 {
        width: 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 760px) {
  .title-design-element{
    width: 45px;
    height: 45px;
    left: -10px;
    top:0px;
}
}
/* End custom CSS */

/* Start custom CSS for flip-box, class: .elementor-element-001 */
.elementor-mode3d .elementor-element.elementor-element-001 .elementor-flip-box_back{
    visibility: hidden;
}

.elementor-mode3d .elementor-element.elementor-element-001:hover .elementor-flip-box_back{
    visibility: visible;
}

.elementor-mode3d .elementor-element.elementor-element-001 .elementor-flip-box_button{
    visibility: hidden;
}

.elementor-mode3d .elementor-element.elementor-element-001:hover .elementor-flip-box_button{
    visibility: visible;
}


.elementor-mode3d .elementor-element.elementor-element-001 .elementor-flip-box_button{
    padding: 10px 30px;
}
/* End custom CSS */

/* Start custom CSS for flip-box, class: .elementor-element-002 */
.elementor-mode3d .elementor-element.elementor-element-002 .elementor-flip-box_back{
    visibility: hidden;
}

.elementor-mode3d .elementor-element.elementor-element-002:hover .elementor-flip-box_back{
    visibility: visible;
}

.elementor-mode3d .elementor-element.elementor-element-002 .elementor-flip-box_button{
    visibility: hidden;
}

.elementor-mode3d .elementor-element.elementor-element-002:hover .elementor-flip-box_button{
    visibility: visible;
}


.elementor-mode3d .elementor-element.elementor-element-002 .elementor-flip-box_button{
    padding: 10px 30px;
}
/* End custom CSS */

/* Start custom CSS for flip-box, class: .elementor-element-003 */
.elementor-mode3d .elementor-element.elementor-element-003 .elementor-flip-box_back{
    visibility: hidden;
}

.elementor-mode3d .elementor-element.elementor-element-003:hover .elementor-flip-box_back{
    visibility: visible;
}

.elementor-mode3d .elementor-element.elementor-element-003 .elementor-flip-box_button{
    visibility: hidden;
}

.elementor-mode3d .elementor-element.elementor-element-003:hover .elementor-flip-box_button{
    visibility: visible;
}


.elementor-mode3d .elementor-element.elementor-element-003 .elementor-flip-box_button{
    padding: 10px 30px;
}
/* End custom CSS */

/* Start custom CSS for flip-box, class: .elementor-element-004 */
.elementor-mode3d .elementor-element.elementor-element-004 .elementor-flip-box_back{
    visibility: hidden;
}

.elementor-mode3d .elementor-element.elementor-element-004:hover .elementor-flip-box_back{
    visibility: visible;
}

.elementor-mode3d .elementor-element.elementor-element-004 .elementor-flip-box_button{
    visibility: hidden;
}

.elementor-mode3d .elementor-element.elementor-element-004:hover .elementor-flip-box_button{
    visibility: visible;
}


.elementor-mode3d .elementor-element.elementor-element-004 .elementor-flip-box_button{
    padding: 10px 30px;
}
/* End custom CSS */

