.elementor-2552 .elementor-element.elementor-element-4aa8f58{--display:flex;--min-height:85vh;--justify-content:flex-end;}.elementor-2552 .elementor-element.elementor-element-275d673 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2552 .elementor-element.elementor-element-275d673.elementor-element{--align-self:center;}.elementor-2552 .elementor-element.elementor-element-275d673{--icon-box-icon-margin:0px;}.elementor-2552 .elementor-element.elementor-element-275d673 .elementor-icon{font-size:30px;}.elementor-2552 .elementor-element.elementor-element-87fc598{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2552 .elementor-element.elementor-element-7929dc2.elementor-element{--align-self:center;}.elementor-2552 .elementor-element.elementor-element-f8fbe25{--divider-border-style:solid;--divider-color:#8E8E8E;--divider-border-width:1.7px;}.elementor-2552 .elementor-element.elementor-element-f8fbe25 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 10px 0px;}.elementor-2552 .elementor-element.elementor-element-f8fbe25 .elementor-divider-separator{width:95%;}.elementor-2552 .elementor-element.elementor-element-f8fbe25 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2552 .elementor-element.elementor-element-8485bc2{--display:flex;}.elementor-2552 .elementor-element.elementor-element-a952314{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2552 .elementor-element.elementor-element-72e6a8f{--display:flex;}.elementor-2552 .elementor-element.elementor-element-68b039c{--display:flex;}.elementor-2552 .elementor-element.elementor-element-e8f6b31{--display:flex;}.elementor-2552 .elementor-element.elementor-element-9a44908{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2552 .elementor-element.elementor-element-f91bbf1{--display:flex;}.elementor-2552 .elementor-element.elementor-element-55fdda4{--display:flex;}.elementor-2552 .elementor-element.elementor-element-ab9bb1f{--display:flex;}.elementor-2552 .elementor-element.elementor-element-e804598{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2552 .elementor-element.elementor-element-737ca06{--display:flex;}.elementor-2552 .elementor-element.elementor-element-4ad4d5b{--display:flex;}.elementor-2552 .elementor-element.elementor-element-9080be2{--display:flex;}.elementor-2552 .elementor-element.elementor-element-32439d1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2552 .elementor-element.elementor-element-7fd421b{--display:flex;}.elementor-2552 .elementor-element.elementor-element-6bc37e2{--display:flex;}.elementor-2552 .elementor-element.elementor-element-4e85b71{--display:flex;}.elementor-2552 .elementor-element.elementor-element-3fc53ad{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2552 .elementor-element.elementor-element-0f03b0f{--display:flex;}.elementor-2552 .elementor-element.elementor-element-4aecb35{--display:flex;}.elementor-2552 .elementor-element.elementor-element-50e7372{--display:flex;}.elementor-2552 .elementor-element.elementor-element-8660ff3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2552 .elementor-element.elementor-element-327d01c{--display:flex;}.elementor-2552 .elementor-element.elementor-element-08f71ea{--display:flex;}.elementor-2552 .elementor-element.elementor-element-1f8b90d{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:45px;--n-tabs-gap:0px;--n-tabs-title-border-radius:10px 10px 10px 10px;--n-tabs-title-padding-top:30px;--n-tabs-title-padding-right:30px;--n-tabs-title-padding-bottom:30px;--n-tabs-title-padding-left:30px;--n-tabs-title-color-active:#EE3537;--n-tabs-icon-size:30px;}.elementor-2552 .elementor-element.elementor-element-1f8b90d.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:2px 2px 2px 2px;border-color:#02010100;}.elementor-2552 .elementor-element.elementor-element-1f8b90d.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{border-style:solid;border-width:2px 2px 2px 2px;border-color:#2F374A;}.elementor-2552 .elementor-element.elementor-element-1f8b90d.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-2552 .elementor-element.elementor-element-1f8b90d.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{border-style:solid;border-width:2px 2px 2px 2px;border-color:#2F374A;}.elementor-2552 .elementor-element.elementor-element-1f8b90d [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#EE3537;}.elementor-2552 .elementor-element.elementor-element-7fc00f3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2552 .elementor-element.elementor-element-89dbfa4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 15px;--row-gap:0px;--column-gap:15px;}.elementor-2552 .elementor-element.elementor-element-1d57ad9{--display:flex;}.elementor-2552 .elementor-element.elementor-element-b17ccd0{--display:flex;}.elementor-2552 .elementor-element.elementor-element-9f9b081{--divider-border-style:dotted;--divider-color:#000;--divider-border-width:1.4px;}.elementor-2552 .elementor-element.elementor-element-9f9b081 .elementor-divider-separator{width:100%;}.elementor-2552 .elementor-element.elementor-element-9f9b081 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2552 .elementor-element.elementor-element-23a9f74{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2552 .elementor-element.elementor-element-ef8de16 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-2552 .elementor-element.elementor-element-ef8de16 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-2552 .elementor-element.elementor-element-ef8de16 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-2552 .elementor-element.elementor-element-ef8de16 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-2552 .elementor-element.elementor-element-ef8de16 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-2552 .elementor-element.elementor-element-ef8de16 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-2552 .elementor-element.elementor-element-ef8de16 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-2552 .elementor-element.elementor-element-ef8de16{--e-icon-list-icon-size:20px;}.elementor-2552 .elementor-element.elementor-element-ef8de16 .elementor-icon-list-icon{padding-inline-end:7px;}.elementor-2552 .elementor-element.elementor-element-ef8de16 .elementor-icon-list-text{transition:color 0.3s;}.elementor-2552 .elementor-element.elementor-element-e6b0606{--display:flex;}.elementor-2552 .elementor-element.elementor-element-767b8b6{--display:flex;}.elementor-2552 .elementor-element.elementor-element-fe206f2{--divider-border-style:dotted;--divider-color:#000;--divider-border-width:1.4px;}.elementor-2552 .elementor-element.elementor-element-fe206f2 .elementor-divider-separator{width:100%;}.elementor-2552 .elementor-element.elementor-element-fe206f2 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2552 .elementor-element.elementor-element-eecfb4c{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2552 .elementor-element.elementor-element-00da7e2 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-2552 .elementor-element.elementor-element-00da7e2 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-2552 .elementor-element.elementor-element-00da7e2 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-2552 .elementor-element.elementor-element-00da7e2 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-2552 .elementor-element.elementor-element-00da7e2 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-2552 .elementor-element.elementor-element-00da7e2 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-2552 .elementor-element.elementor-element-00da7e2 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-2552 .elementor-element.elementor-element-00da7e2{--e-icon-list-icon-size:20px;}.elementor-2552 .elementor-element.elementor-element-00da7e2 .elementor-icon-list-icon{padding-inline-end:7px;}.elementor-2552 .elementor-element.elementor-element-00da7e2 .elementor-icon-list-text{transition:color 0.3s;}.elementor-2552 .elementor-element.elementor-element-71a843d{--display:flex;}.elementor-2552 .elementor-element.elementor-element-86caaa4{--display:flex;}.elementor-2552 .elementor-element.elementor-element-c62ec93{--divider-border-style:dotted;--divider-color:#000;--divider-border-width:1.4px;}.elementor-2552 .elementor-element.elementor-element-c62ec93 .elementor-divider-separator{width:100%;}.elementor-2552 .elementor-element.elementor-element-c62ec93 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2552 .elementor-element.elementor-element-2116a02{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2552 .elementor-element.elementor-element-0aa2fbd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-2552 .elementor-element.elementor-element-0aa2fbd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-2552 .elementor-element.elementor-element-0aa2fbd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-2552 .elementor-element.elementor-element-0aa2fbd .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-2552 .elementor-element.elementor-element-0aa2fbd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-2552 .elementor-element.elementor-element-0aa2fbd .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-2552 .elementor-element.elementor-element-0aa2fbd .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-2552 .elementor-element.elementor-element-0aa2fbd{--e-icon-list-icon-size:20px;}.elementor-2552 .elementor-element.elementor-element-0aa2fbd .elementor-icon-list-icon{padding-inline-end:7px;}.elementor-2552 .elementor-element.elementor-element-0aa2fbd .elementor-icon-list-text{transition:color 0.3s;}.elementor-2552 .elementor-element.elementor-element-62ba408{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-2552 .elementor-element.elementor-element-d330ea1{--display:grid;--grid-auto-flow:row;}.elementor-2552 .elementor-element.elementor-element-065a0ad{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 15px;--row-gap:0px;--column-gap:15px;}.elementor-2552 .elementor-element.elementor-element-a50606e{--display:flex;}.elementor-2552 .elementor-element.elementor-element-f4dc28a{width:var( --container-widget-width, 92.115% );max-width:92.115%;--container-widget-width:92.115%;--container-widget-flex-grow:0;}.elementor-2552 .elementor-element.elementor-element-f4dc28a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2552 .elementor-element.elementor-element-44fff66{--display:flex;}.elementor-2552 .elementor-element.elementor-element-8ca66d2{width:var( --container-widget-width, 89.948% );max-width:89.948%;--container-widget-width:89.948%;--container-widget-flex-grow:0;text-align:center;}.elementor-2552 .elementor-element.elementor-element-8ca66d2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2552 .elementor-element.elementor-element-0ae9b46{--display:flex;}.elementor-2552 .elementor-element.elementor-element-3035b6e{width:var( --container-widget-width, 79.278% );max-width:79.278%;--container-widget-width:79.278%;--container-widget-flex-grow:0;}.elementor-2552 .elementor-element.elementor-element-3035b6e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2552 .elementor-element.elementor-element-7e9196c{--display:flex;}.elementor-2552 .elementor-element.elementor-element-ba7e39c{--display:flex;}.elementor-2552 .elementor-element.elementor-element-e4a99b8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 15px;--row-gap:0px;--column-gap:15px;}.elementor-2552 .elementor-element.elementor-element-efb7581{--display:flex;}.elementor-2552 .elementor-element.elementor-element-41b0498{--display:flex;}.elementor-2552 .elementor-element.elementor-element-2c36bfb{--display:flex;}.elementor-2552 .elementor-element.elementor-element-c3ef2ca{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;}.elementor-2552 .elementor-element.elementor-element-e448e0e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2552 .elementor-element.elementor-element-884e062{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:30px 30px;--row-gap:30px;--column-gap:30px;--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-2552 .elementor-element.elementor-element-2a7dc8e{--display:flex;}.elementor-2552 .elementor-element.elementor-element-704ac38{--display:flex;}.elementor-2552 .elementor-element.elementor-element-b5753a4{--display:flex;}.elementor-2552 .elementor-element.elementor-element-f49ae8a img{width:100%;}.elementor-2552 .elementor-element.elementor-element-fdc0c1a{--display:flex;}.elementor-2552 .elementor-element.elementor-element-5c7486a{--display:flex;}.elementor-2552 .elementor-element.elementor-element-31116a1{--display:flex;}.elementor-2552 .elementor-element.elementor-element-69c32e4{--display:flex;}.elementor-2552 .elementor-element.elementor-element-3b0a4e8{--display:flex;}.elementor-2552 .elementor-element.elementor-element-2607e4a{--display:flex;}.elementor-2552 .elementor-element.elementor-element-0d3c98e{--display:flex;}.elementor-2552 .elementor-element.elementor-element-33b8ef2{--display:flex;}.elementor-2552 .elementor-element.elementor-element-01c06e1{--display:flex;}.elementor-2552 .elementor-element.elementor-element-8aacb58{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.34;}.elementor-2552 .elementor-element.elementor-element-8aacb58:not(.elementor-motion-effects-element-type-background), .elementor-2552 .elementor-element.elementor-element-8aacb58 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ledsunmwmvn.wptangtoc-ols.com/wp-content/uploads/2024/11/bg-form-contact-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2552 .elementor-element.elementor-element-8aacb58::before, .elementor-2552 .elementor-element.elementor-element-8aacb58 > .elementor-background-video-container::before, .elementor-2552 .elementor-element.elementor-element-8aacb58 > .e-con-inner > .elementor-background-video-container::before, .elementor-2552 .elementor-element.elementor-element-8aacb58 > .elementor-background-slideshow::before, .elementor-2552 .elementor-element.elementor-element-8aacb58 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2552 .elementor-element.elementor-element-8aacb58 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2552 .elementor-element.elementor-element-91b82ba{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-2552 .elementor-element.elementor-element-d752f1e{--display:flex;}.elementor-2552 .elementor-element.elementor-element-c973e8e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2552 .elementor-element.elementor-element-d02e8a9{--display:flex;}.elementor-2552 .elementor-element.elementor-element-c13e6f1{--display:flex;}.elementor-2552 .elementor-element.elementor-element-9405ec2 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2552 .elementor-element.elementor-element-9405ec2 .elementor-button span{gap:7px;}.elementor-2552 .elementor-element.elementor-element-9405ec2 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:25px;}.elementor-2552 .elementor-element.elementor-element-9405ec2 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-25px;}.elementor-2552 .elementor-element.elementor-element-9405ec2 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2552 .elementor-element.elementor-element-9405ec2 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2552 .elementor-element.elementor-element-9405ec2 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-2552 .elementor-element.elementor-element-9405ec2 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-2552 .elementor-element.elementor-element-9405ec2 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-2552 .elementor-element.elementor-element-9405ec2 .elementor-field-type-html{padding-bottom:0px;}.elementor-2552 .elementor-element.elementor-element-9405ec2 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-2552 .elementor-element.elementor-element-9405ec2 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-2552 .elementor-element.elementor-element-9405ec2 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-2552 .elementor-element.elementor-element-9405ec2 .elementor-button[type="submit"]{color:#ffffff;}.elementor-2552 .elementor-element.elementor-element-9405ec2 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-2552 .elementor-element.elementor-element-9405ec2 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-2552 .elementor-element.elementor-element-9405ec2 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-2552 .elementor-element.elementor-element-9405ec2 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-2552 .elementor-element.elementor-element-9405ec2 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-2552 .elementor-element.elementor-element-9405ec2 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-2552 .elementor-element.elementor-element-9405ec2{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-2552 .elementor-element.elementor-element-5fa99a5{--display:flex;}@media(max-width:1024px){.elementor-2552 .elementor-element.elementor-element-4aa8f58{--min-height:420px;}.elementor-2552 .elementor-element.elementor-element-f8fbe25 .elementor-divider-separator{width:100%;}.elementor-2552 .elementor-element.elementor-element-d330ea1{--grid-auto-flow:row;}.elementor-2552 .elementor-element.elementor-element-884e062{--grid-auto-flow:row;}.elementor-2552 .elementor-element.elementor-element-91b82ba{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-2552 .elementor-element.elementor-element-4aa8f58{--min-height:225px;}.elementor-2552 .elementor-element.elementor-element-275d673 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2552 .elementor-element.elementor-element-275d673 .elementor-icon{font-size:25px;}.elementor-2552 .elementor-element.elementor-element-87fc598{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2552 .elementor-element.elementor-element-f8fbe25 .elementor-divider-separator{width:100%;}.elementor-2552 .elementor-element.elementor-element-1f8b90d{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-padding-top:30px;--n-tabs-title-padding-right:30px;--n-tabs-title-padding-bottom:30px;--n-tabs-title-padding-left:30px;}.elementor-2552 .elementor-element.elementor-element-89dbfa4{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 15px;--row-gap:40px;--column-gap:15px;}.elementor-2552 .elementor-element.elementor-element-d330ea1{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2552 .elementor-element.elementor-element-065a0ad{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:15px 0px;--row-gap:15px;--column-gap:0px;}.elementor-2552 .elementor-element.elementor-element-e4a99b8{--gap:15px 0px;--row-gap:15px;--column-gap:0px;}.elementor-2552 .elementor-element.elementor-element-c3ef2ca{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2552 .elementor-element.elementor-element-884e062{--e-con-grid-template-columns:repeat(4, 1fr);--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;}.elementor-2552 .elementor-element.elementor-element-8aacb58:not(.elementor-motion-effects-element-type-background), .elementor-2552 .elementor-element.elementor-element-8aacb58 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top right;}.elementor-2552 .elementor-element.elementor-element-91b82ba{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-2552 .elementor-element.elementor-element-4aa8f58{--width:100%;}.elementor-2552 .elementor-element.elementor-element-91b82ba{--width:1110px;}}@media(max-width:1024px) and (min-width:768px){.elementor-2552 .elementor-element.elementor-element-91b82ba{--width:100%;}}/* Start custom CSS *//* CSS cho desktop */ @media (min-width: 1024px) { /*Grid projects*/ .block__design { margin-top: 65px; display: grid; width: 1110px; grid-template-columns: repeat(3, 1fr); /* 3 cột, mỗi cột có chiều rộng bằng nhau */ grid-template-rows: auto auto auto auto; /* 4 hàng, tự động điều chỉnh chiều cao theo nội dung */ gap: 15px 10px; /* Khoảng cách giữa các phần tử */ } .block__design .div_1 { grid-column: 1 / 4; /* Chiếm toàn bộ 3 cột */ grid-row: 1; /* Hàng 1 */ } .block__design .div_2 { grid-column: 1 / 2; /* Cột 1 */ grid-row: 2; /* Hàng 2 */ } .block__design .div_3 { grid-column: 2 / 3; /* Cột 2 */ grid-row: 2; /* Hàng 2 */ } .block__design .div_4 { grid-column: 3 / 4; /* Cột 3 */ grid-row: 2; /* Hàng 2 */ } .block__design .div_5 { grid-column: 1 / 4; /* Chiếm toàn bộ 3 cột */ grid-row: 3; /* Hàng 3 */ } .block__design .div_6 { grid-column: 1 / 4; /* Chiếm toàn bộ 3 cột */ grid-row: 4; /* Hàng 4 */ } .block__design .grid_1 { position: relative; height: 235px; padding: 20px; z-index: 1; align-items: center; justify-content: center; } .block__design .grid_1 .heading_project, .block__design .grid_1 .desc__project, .block__design .grid_1 .btn_link_ct { position: relative; visibility: hidden; opacity: 0; transition: opacity 0.3s ease; text-align: center; } .block__design .grid_1:hover .heading_project, .block__design .grid_1:hover .desc__project, .block__design .grid_1:hover .btn_link_ct { visibility: visible; opacity: 1; z-index: 3; } /*heading 3*/ .block__design .grid_1 h3 { font-size: 1.8rem; font-weight: 700; color: #fff; line-height: 24px; } .block__design .grid_1 .desc__project .elementor-heading-title{ margin-top: 15px; font-size: 1.4rem; color: #fff; line-height: 20px !important; } /*btn*/ .block__design .grid_1 .btn_link_ct a{ margin-top: 20px; font-size: 1.3rem !important; color: #fff; font-weight: 600; background: var(--color-blue); border-radius: 10px } .img__project_ct { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; opacity: 1; pointer-events: none; } .img__project_ct img { height: 235px; } .img__project_ct:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, #C13437 0%, rgba(193, 52, 55, 0.00) 100%); z-index: 1; border-radius: 10px !important; opacity: 0; visibility: hidden; transition: opacity 0.5s ease, visibility 0.5s ease; } .grid_1:hover .img__project_ct:before { opacity: 1; visibility: visible; } footer { margin-top: 0 !important; } /*Contact*/ .container_contact { margin-top: 20px; padding-top: 110px; } .grid_custom { display: grid; gap: 1.5rem; row-gap: 0; justify-content: center; grid-template-columns: 440px 670px !important; grid-template-rows: initial !important; padding-bottom: 2rem; } .contact__data { width: 392px; height: 375px; padding: 5.7rem 3.5rem 3.5rem; margin: 7.5rem 0 0 13.5rem; border-bottom: 6px solid var(--red-brand); position: relative; background-color: hsl(0, 0%, 83%); border-radius: 0.75rem; z-index: 5; transition: background-color 0.4s; } /*div Form child*/ .contact__mail { grid-column: 2 / 3 !important; grid-row: 1 / 3 !important; padding: 10rem 9.5rem 3.5rem; margin-top: 0; position: relative; background-color: #000000; border-radius: 0.75rem; margin-top: -2.5rem; transition: background-color 0.4s; background-color: rgba(0, 0, 0, 0.7); } /*title form*/ .contact__mail .contact__title { color: #fff; font-size: 1.89rem; margin-bottom: 2rem !important; font-weight: 600; text-align: initial; } .contact__social { margin-left: 8rem; text-align: initial; } .contact__social { display: grid; row-gap: 1rem; background-color: hsl(0, 0%, 10%); padding-block: 1rem 2rem; text-align: center; } .contact__social { background-color: transparent; } .section__title-1, .section__title-2 { position: relative; font-size: var(--h1-font-size); width: max-content; margin: 0.75rem auto 2rem; } .contact__data .section__title-2 { margin: 0 0 3.3rem !important; transform: translateX(-6.5rem); } .section__title-2 span{ position: relative; font-size: 3.2rem; width: max-content; margin: 0.75rem auto 2rem; font-weight: bold; z-index: 5; } .section__title-1::after, .section__title-2::after { width: 70px; height: 48px; } .section__title-2::after { top: initial; bottom: -4px; } .section__title-1::after, .section__title-2::after { content: ""; width: 40px; height: 28px; background-color: #897739ab; position: absolute; top: -4px; right: -8px; } .contact__description-1 .elementor-heading-title{ color: var(--color-black); font-size: 1.6rem; margin-bottom: 2rem; line-height: normal; } .contact__description-2 .elementor-heading-title{ color: var(--color-black); font-size: 1.6rem; line-height: normal; } .contact__data .geometric-box { top: 2rem; left: 2.5rem; } .geometric-box { position: absolute; width: 20px; height: 20px; background-color: var(--red-brand); rotate: -30deg; } .geometric-box::after { content: ""; position: absolute; width: 16px; height: 16px; border: 3px solid var(--color-black); left: -5px; top: -5px; } /*Form*/ .form_style_custom .elementor-field-label{ position: absolute; top: 8px; left: 10px; color: #fff; font-size: 1.2rem; font-weight: bold; background-color: hsl(0, 0%, 0%);; padding: 5px; pointer-events: none; transition: top 0.4s, opacity 0.4s, background-color 0.4s; opacity: 0; } .form_style_custom .elementor-field{ width: 100%; height: 100%; background-color: hsl(0, 0%, 0%); border: 2.2px solid hsl(0, 0%, 40%);; border-radius: 0.75rem; color: #fff; font-weight: bold; transition: border 0.4s, background-color 0.4s; } /*focus input*/ .form_style_custom .elementor-field:focus { border: 2.2px solid #fff; } /*transparent*/ .form_style_custom input, .form_style_custom select, .form_style_custom textarea, .form_style_custom .elementor-select-wrapper { background: transparent !important; } { background: transparent !important; } .form_style_custom .elementor-field-group:focus-within:not(:has(select:focus)) .elementor-field-label { opacity: 1; top: -16px; padding-bottom: 5px !important; } .elementor-field:focus::placeholder { opacity: 0; } .form_style_custom input::placeholder, .form_style_custom textarea::placeholder { color: #fff !important; } /*button*/ .form_style_custom .elementor-button { font-size: 1.6rem; color: #fff; font-weight: 600; background: var(--color-blue); border-radius: 5px; transition: background .6s ease; } .form_style_custom .elementor-button:hover { background: var(--color-blue-hover); } .form_style_custom span.elementor-button-icon { display: flex; align-items: center; width: 12px; height: 12px; } .form_style_custom .elementor-field-type-textarea { margin-bottom: 0 !important; } /*Messenger form*/ .form_style_custom .elementor-message { border-left: 5px solid #06a106; padding: 5px; width: max-content; color: #fff; } /*HERO*/ .container_video { display: flex; padding-bottom: 30px !important; justify-content: flex-end; } .container_video .elementor-icon { -webkit-animation: animation-ydik6v 2s ease-in-out infinite; animation: animation-ydik6v 2s ease-in-out infinite; } .elementor-icon-box-title { font-size: 1.6rem; color: #fff; } .container_video .elementor-icon-box-wrapper { padding-bottom: 20px !important; } @keyframes animation-ydik6v { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 60% { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } } /*Drive Procedure*/ .div_procedure { margin-top: 60px; padding: 20px 0; text-align: center; } .div_procedure h2 .font_design { font-family: "NVN Motherland Signature", sans-serif; } .div_procedure h2 { margin-bottom: 40px; font-size: 44px; font-weight: bold; } .div_procedure h2:after { content: ""; display: block; position: absolute; z-index: -1; width: 30px; height: 30px; background: var(--red-brand); border-radius: 50%; top: -22px; } .e-n-tabs-heading button { background: transparent !important; } .e-n-tabs-heading button span { font-size: 7rem !important; /*color: var(--color-black);*/ font-weight: 600; } /*icon dot tab*/ .e-n-tab-icon { position: absolute; top: -42px; left: -10px; } span.e-n-tab-icon svg path { fill: #333; } /*hover icon dot*/ .e-n-tab-title:hover svg path { fill: red; } .container_tab_child { margin-top: 40px; padding: 45px; background: #f3f3f3c2; border-radius: 25px; box-shadow: -6px 10px 15px 0px rgba(0,0,0,0.1); } .elementor-2552 .elementor-element.elementor-element-1f8b90d.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"] { border-style: solid; border-width: 2px 2px 2px 2px; border-color: #2F374A; box-shadow: -6px 10px 15px 0px rgba(0,0,0,0.1); } /*Tab child*/ .container_tab_child img { border-radius: 15px; filter: grayscale(85%); transition: filter .6s ease; } .container_tab_child img:hover { border-radius: 15px; filter: grayscale(0); } .container_text_tab { padding: 0 25px; justify-content: center; } .container_text_tab h3 { font-size: 2.4rem; color: var(--color-black); font-weight: 700; line-height: normal; } .container_text_tab .text_desc { margin-top: 30px; line-height: 22px; } .container_text_tab .text_desc .elementor-heading-title { font-size: 1.6rem; line-height: 22px; margin-bottom: 30px; } /*Button*/ .btn__style { margin-top: 20px; cursor: pointer; } .btn__style .elementor-button { color: var(--color-black) } body.elementor-page-2552{ --btn-color:#333; --arrow-color:#fff; --btn-size: 60px; } .container_text_tab .elementor-button{ position: relative; outline: none; border: 0; vertical-align: middle; text-decoration: none; background: transparent; box-shadow: none; padding: 0 calc(var(--btn-size) / 2.5); } .container_text_tab .elementor-button-content-wrapper{ height: var(--btn-size); align-items: center; } .container_text_tab .elementor-button-content-wrapper:before{ content: ""; display: block; position: absolute; width: var(--btn-size); height: var(--btn-size); background: var(--red-brand); margin: 0; left: 0; top: 0; border-radius: 15em; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); box-shadow: 0px 10px 20px #ee353757; } .container_text_tab .elementor-button-text:before{ content: ""; display: block; position: absolute; width: 18px; height: 4px; background: none; top: 50%; left: -12px; margin-top: -1px; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); } .container_text_tab .elementor-button-text:after{ content: ""; position: absolute; width: 10px; height: 10px; top: 50%; left: calc(var(--btn-size) - (var(--btn-size) + 2px)); margin-top: -4.5px; border-top: 4px solid var(--arrow-color); border-right: 4px solid var(--arrow-color); transform: rotate(45deg); transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); } .container_text_tab .elementor-button-text{ font-size: calc(var(--btn-size) / 3); padding-left: calc(var(--btn-size) - 10px); font-weight: 600; position: relative; z-index: 1; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); } /* Hover Animation */ .container_text_tab .elementor-button:hover .elementor-button-content-wrapper:before{ width: 100%; } .container_text_tab .elementor-button:hover .elementor-button-text{ color: var(--arrow-color); } .container_text_tab .elementor-button:hover .elementor-button-text:before{ background: var(--arrow-color); transform: translate(17px, 0); } .container_text_tab .elementor-button:hover .elementor-button-text:after{ transform: translate(15px, 0) rotate(45deg); } /*Price Service*/ .div__price { padding: 75px 0 20px; } .div__price h2 { width: fit-content; margin: 0 auto; font-size: 4.4rem; font-weight: bold; } .div__price .font_design{ font-family: "NVN Motherland Signature", sans-serif; } .div__price h2:after { content: ""; display: block; position: absolute; z-index: -1; width: 30px; height: 30px; background: var(--red-brand); border-radius: 50%; top: -22px; } /*container child price*/ .container_price_child { margin-top: 85px; } /*PRICE*/ .container_price_child { display: flex !important; justify-content: space-between !important; } .container_price_child .box_price { flex: 1 !important; box-sizing: border-box !important; } /*Box price*/ .box_price { position: relative; padding: 40px 25px; text-align: center; border: 2px solid #69727d; border-radius: 10px; box-shadow: 0px 13px 15px -3px rgba(0,0,0,0.1); } .box_price:hover { border-color: var(--color-hover-brand); } /*After box price center*/ .box_price_before:before { content: "Phổ biến"; position: absolute; top: -23px; left: 38%; display: block; width: fit-content; height: fit-content; background: red; padding: 10px; border-radius: 10px; color: #fff; font-size: 1.6rem; font-weight: bold; } .box_price h4 { font-size: 2.7rem; font-weight: 700; } /*Box price child*/ .box_price_child { margin-top: 15px; padding: 25px; background: #f6cacb; border-radius: 5px; } .box_price h5 { display: flex; flex-direction: column; gap: 5px; font-size: 2.2rem; font-weight: bold; color: #c51010; } .box_price .value__price_unit { display: block; font-size: 1.2rem; font-weight: 500; } .box_price .desc { margin-top: 10px; font-size: 1.3rem; } .box_price .desc .elementor-heading-title { line-height: normal; } .box_price .div_line { margin: 10px 0; } /*List items*/ .box_price .list__item { padding: 0 10px; } .box_price .item_list_icon { margin-bottom: 15px !important; } .box_price span.elementor-icon-list-text { padding: 0 !important; } .box_price .elementor-icon-list-item { font-size: 1.3rem !important; } /* Hover Animation */ .box_price:hover .container_text_tab .elementor-button .elementor-button-content-wrapper:before{ width: 100%; } .box_price:hover .container_text_tab .elementor-button .elementor-button-text{ color: var(--arrow-color); } .box_price:hover .container_text_tab .elementor-button .elementor-button-text:before{ background: var(--arrow-color); transform: translate(17px, 0); } .box_price:hover .container_text_tab .elementor-button .elementor-button-text:after{ transform: translate(15px, 0) rotate(45deg); } /*Projects Relate to*/ .container_project_relate { padding-top: 100px; text-align: center; } /*text heading*/ .container_project_relate h2 .font_design { font-family: "NVN Motherland Signature", sans-serif; } .container_project_relate h2 { font-size: 44px; font-weight: bold; width: fit-content; margin: 0 auto; } .container_project_relate h2:after { content: ""; display: block; position: absolute; z-index: -1; width: 30px; height: 30px; background: var(--red-brand); border-radius: 50%; top: -22px; } .container_project_relate .post_project_relate { margin-top: 55px; } /*Customer*/ .containe_customer { margin-top: 50px; padding-top: 30px; } /*text heading*/ .containe_customer h2 .font_design { font-family: "NVN Motherland Signature", sans-serif; } .containe_customer h2 { font-size: 44px; font-weight: bold; width: fit-content; margin: 0 auto; } .containe_customer h2:after { content: ""; display: block; position: absolute; z-index: -1; width: 30px; height: 30px; background: var(--red-brand); border-radius: 50%; top: -22px; } .containe_customer .grid_customer { margin-top: 60px; } .containe_customer .div_img_customer { width: 100%; height: 150px; padding: 0 7px; display: flex; align-items: center; justify-content: center; border-radius: 7px; box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1); transition: all .2s ease-in-out; } .containe_customer .div_img_customer:hover { transform: scale(1.1); } } /*Responsive Tablet*/ @media (min-width: 768px) and (max-width: 1023px) { .page-content { overflow-x: hidden !important; } /*Grid projects*/ .block__design { margin-top: 65px; display: grid; width: 100%; grid-template-columns: repeat(3, 1fr) !important; grid-template-rows: auto auto auto auto !important; gap: 15px 10px; } .block__design .div_1 { grid-column: 1 / 4; /* Chiếm toàn bộ 3 cột */ grid-row: 1; /* Hàng 1 */ } .block__design .div_2 { grid-column: 1 / 2; /* Cột 1 */ grid-row: 2; /* Hàng 2 */ } .block__design .div_3 { grid-column: 2 / 3; /* Cột 2 */ grid-row: 2; /* Hàng 2 */ } .block__design .div_4 { grid-column: 3 / 4; /* Cột 3 */ grid-row: 2; /* Hàng 2 */ } .block__design .div_5 { grid-column: 1 / 4; /* Chiếm toàn bộ 3 cột */ grid-row: 3; /* Hàng 3 */ } .block__design .div_6 { grid-column: 1 / 4; /* Chiếm toàn bộ 3 cột */ grid-row: 4; /* Hàng 4 */ } .block__design .grid_1 { position: relative; height: 235px; padding: 20px; z-index: 1; align-items: center; justify-content: center; } .block__design .grid_1 .heading_project, .block__design .grid_1 .desc__project, .block__design .grid_1 .btn_link_ct { position: relative; visibility: hidden; opacity: 0; transition: opacity 0.3s ease; text-align: center; } .block__design .grid_1:hover .heading_project, .block__design .grid_1:hover .desc__project, .block__design .grid_1:hover .btn_link_ct { visibility: visible; opacity: 1; z-index: 3; } /*heading 3*/ .block__design .grid_1 h3 { font-size: 1.8rem; font-weight: 700; color: #fff; line-height: 24px; } .block__design .grid_1 .desc__project .elementor-heading-title{ margin-top: 15px; font-size: 1.4rem; color: #fff; line-height: 20px !important; } /*btn*/ .block__design .grid_1 .btn_link_ct a{ margin-top: 20px; font-size: 1.3rem !important; color: #fff; font-weight: 600; background: var(--color-blue); border-radius: 10px } .img__project_ct { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; opacity: 1; pointer-events: none; } .img__project_ct img { height: 235px; } .img__project_ct:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, #C13437 0%, rgba(193, 52, 55, 0.00) 100%); z-index: 1; border-radius: 10px !important; opacity: 0; visibility: hidden; transition: opacity 0.5s ease, visibility 0.5s ease; } .grid_1:hover .img__project_ct:before { opacity: 1; visibility: visible; } /*HERO*/ .container_video { display: flex; padding-bottom: 0px !important; justify-content: flex-end; } .container_video .elementor-icon { -webkit-animation: animation-ydik6v 2s ease-in-out infinite; animation: animation-ydik6v 2s ease-in-out infinite; } .elementor-icon-box-title { font-size: 1.3rem; color: #fff; } .container_video .elementor-icon-box-wrapper { padding-bottom: 5px !important; } @keyframes animation-ydik6v { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 60% { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } } /*Drive Procedure*/ .div_procedure { margin-top: 30px; padding: 20px 10px; text-align: center; } .div_procedure h2 .font_design { font-family: "NVN Motherland Signature", sans-serif; } .div_procedure h2 { margin-bottom: 40px; font-size: 2.2rem; font-weight: bold; } .div_procedure h2:after { content: ""; display: block; position: absolute; z-index: -1; width: 30px; height: 30px; background: var(--red-brand); border-radius: 50%; top: -22px; } .e-n-tabs-heading button { background: transparent !important; } .e-n-tabs-heading button span { font-size: 2rem !important; /*color: var(--color-black);*/ font-weight: 600; } .e-n-tab-title { padding: 0; width: max-content; height: max-content; padding: 30px !important; } .e-n-tabs-heading { gap: 15px !important; } .e-n-tab-icon { position: absolute; top: -42px; left: -10px; } /*icon dot tab*/ /*.e-n-tab-icon {*/ /* display: none !important;*/ /*}*/ .container_tab_child { margin-top: 10px; padding: 10px; background: #f3f3f3c2; border-radius: 25px; box-shadow: -6px 10px 15px 0px rgba(0,0,0,0.1); } .elementor-2552 .elementor-element.elementor-element-1f8b90d.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"] { border-style: solid; border-width: 2px 2px 2px 2px; border-color: #2F374A; box-shadow: -6px 10px 15px 0px rgba(0,0,0,0.1); } /*Tab child*/ .container_tab_child img { border-radius: 15px; filter: grayscale(85%); transition: filter .6s ease; } .container_tab_child img:hover { border-radius: 15px; filter: grayscale(0); } .container_text_tab { margin-top: 20px; padding: 0 15px; justify-content: center; } .container_text_tab h3 { font-size: 1.8rem; color: var(--color-black); font-weight: 700; line-height: normal; } .container_text_tab .text_desc { margin-top: 15px; line-height: 22px; } .container_text_tab .text_desc .elementor-heading-title { font-size: 1.4rem; line-height: 22px; margin-bottom: 10px; } /*Button*/ .btn__style { margin-top: 20px; cursor: pointer; } .btn__style .elementor-button { color: var(--color-black) } body.elementor-page-2552{ --btn-color:#333; --arrow-color:#fff; --btn-size: 60px; } .container_text_tab .elementor-button{ position: relative; outline: none; border: 0; vertical-align: middle; text-decoration: none; background: transparent; box-shadow: none; padding: 0 calc(var(--btn-size) / 2.5); } .container_text_tab .elementor-button-content-wrapper{ height: var(--btn-size); align-items: center; } .container_text_tab .elementor-button-content-wrapper:before{ content: ""; display: block; position: absolute; width: var(--btn-size); height: var(--btn-size); background: var(--red-brand); margin: 0; left: 0; top: 0; border-radius: 15em; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); box-shadow: 0px 10px 20px #ee353757; } .container_text_tab .elementor-button-text:before{ content: ""; display: block; position: absolute; width: 18px; height: 4px; background: none; top: 50%; left: -12px; margin-top: -1px; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); } .container_text_tab .elementor-button-text:after{ content: ""; position: absolute; width: 10px; height: 10px; top: 50%; left: calc(var(--btn-size) - (var(--btn-size) + 2px)); margin-top: -4.5px; border-top: 4px solid var(--arrow-color); border-right: 4px solid var(--arrow-color); transform: rotate(45deg); transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); } .container_text_tab .elementor-button-text{ font-size: calc(var(--btn-size) / 3); padding-left: calc(var(--btn-size) - 10px); font-weight: 600; position: relative; z-index: 1; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); } /* Hover Animation */ .container_text_tab .elementor-button:hover .elementor-button-content-wrapper:before{ width: 100%; } .container_text_tab .elementor-button:hover .elementor-button-text{ color: var(--arrow-color); } .container_text_tab .elementor-button:hover .elementor-button-text:before{ background: var(--arrow-color); transform: translate(17px, 0); } .container_text_tab .elementor-button:hover .elementor-button-text:after{ transform: translate(15px, 0) rotate(45deg); } /*Price Service*/ .div__price { padding: 45px 10px 20px; } .div__price h2 { width: fit-content; margin: 0 auto; font-size: 2.2rem; font-weight: bold; } .div__price .font_design{ font-family: "NVN Motherland Signature", sans-serif; } .div__price h2:after { content: ""; display: block; position: absolute; z-index: -1; width: 30px; height: 30px; background: var(--red-brand); border-radius: 50%; top: -22px; } /*container child price*/ .container_price_child { margin-top: 45px; } /*PRICE*/ .container_price_child { display: flex !important; justify-content: space-between !important; } .container_price_child .box_price { flex: 1 !important; box-sizing: border-box !important; } /*Box price*/ .box_price { position: relative; padding: 25px 10px 20px 10px; text-align: center; border: 2px solid #69727d; border-radius: 10px; box-shadow: 0px 13px 15px -3px rgba(0,0,0,0.1); } .box_price .elementor-button-text { font-size: 1.6rem; white-space: nowrap; } .box_price .container_text_tab .elementor-button-content-wrapper:before { width: 45px; height: 45px; top: unset; } .box_price .container_text_tab .elementor-button-text:after { left: unset; right: 100% !important; } .box_price .container_text_tab .elementor-button-text:before { left: -20px; } /*Box price body.elementor-page-2552 2*/ .container_price_child .box_price:nth-child(2) { padding-top: 45px; } .container_price_child .list__item { padding: 0 !important; } .box_price:hover { border-color: var(--color-hover-brand); } /*After box price center*/ .box_price_before:before { content: "Phổ biến"; position: absolute; top: -23px; left: 33%; display: block; width: fit-content; height: fit-content; background: red; padding: 10px; border-radius: 10px; color: #fff; font-size: 1.6rem; font-weight: bold; } .box_price h4 { font-size: 2.7rem; font-weight: 700; } /*Box price child*/ .box_price_child { margin-top: 15px; padding: 25px; background: #f6cacb; border-radius: 5px; } .box_price h5 { display: flex; flex-direction: column; gap: 5px; font-size: 2.2rem; font-weight: bold; color: #c51010; } .box_price .value__price_unit { display: block; font-size: 1.2rem; font-weight: 500; } .box_price .desc { margin-top: 10px; font-size: 1.3rem; } .box_price .desc .elementor-heading-title { line-height: normal; } .box_price .div_line { margin: 10px 0; } /*List items*/ .box_price .list__item { padding: 0 10px; } .box_price .item_list_icon { margin-bottom: 15px !important; } .box_price span.elementor-icon-list-text { padding: 0 !important; } .box_price .elementor-icon-list-item { font-size: 1.3rem !important; } /* Hover Animation */ .box_price:hover .container_text_tab .elementor-button .elementor-button-content-wrapper:before{ width: 100%; } .box_price:hover .container_text_tab .elementor-button .elementor-button-text{ color: var(--arrow-color); } .box_price:hover .container_text_tab .elementor-button .elementor-button-text:before{ background: var(--arrow-color); transform: translate(17px, 0); } .box_price:hover .container_text_tab .elementor-button .elementor-button-text:after{ transform: translate(15px, 0) rotate(45deg); } /*Projects Relate to*/ .container_project_relate { margin-top: 20px; padding-top: 30px; text-align: center; padding: 30px 10px 0 10px; } /*text heading*/ .container_project_relate h2 .font_design { font-family: "NVN Motherland Signature", sans-serif; } .container_project_relate h2 { font-size: 2.2rem; font-weight: bold; width: fit-content; margin: 0 auto; } .container_project_relate h2:after { content: ""; display: block; position: absolute; z-index: -1; width: 30px; height: 30px; background: var(--red-brand); border-radius: 50%; top: -22px; } .container_project_relate .post_project_relate { margin-top: 30px; } /*Customer*/ .containe_customer { margin-top: 50px; padding: 0 10px; text-align: center; } /*text heading*/ .containe_customer h2 .font_design { font-family: "NVN Motherland Signature", sans-serif; } .containe_customer h2 { font-size: 2.2rem; font-weight: bold; width: fit-content; margin: 0 auto; } .containe_customer h2:after { content: ""; display: block; position: absolute; z-index: -1; width: 30px; height: 30px; background: var(--red-brand); border-radius: 50%; top: -22px; } .containe_customer .grid_customer { margin-top: 35px; } .containe_customer .div_img_customer { width: 100%; height: 55px; padding: 5px 7px; display: flex; align-items: center; justify-content: center; border-radius: 7px; box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1); transition: all .2s ease-in-out; } .containe_customer .div_img_customer:hover { transform: scale(1.1); } /*footer {*/ /* margin-top: 0 !important;*/ /*}*/ /*Contact*/ .container_contact { margin-top: 20px; padding-top: 110px; } .grid_custom { display: grid; gap: 1.5rem; row-gap: 0; justify-content: center; grid-template-columns: 1fr; grid-template-rows: initial !important; padding-bottom: 2rem; padding: 0 10px; } .contact__data { width: 100%; height: 290px; padding: 3rem 1.5rem 3.5rem; /*margin: 7.5rem 0 0 13.5rem;*/ border-bottom: 6px solid var(--red-brand); position: relative; background-color: hsl(0, 0%, 83%); border-radius: 0.75rem; z-index: 5; transition: background-color 0.4s; } /*div Form child*/ .contact__mail { /*grid-column: 2 / 3 !important;*/ /*grid-row: 1 / 3 !important;*/ padding: 5rem 1.5rem 2.5rem; position: relative; background-color: #000000; border-radius: 0.75rem; margin-top: -2.5rem; transition: background-color 0.4s; background-color: rgba(0, 0, 0, 0.7); } /*title form*/ .contact__mail .contact__title { color: #fff; font-size: 1.89rem; margin-bottom: 2rem !important; font-weight: 600; text-align: initial; } .contact__social { margin-left: 8rem; text-align: initial; } .contact__social { display: grid; row-gap: 1rem; background-color: hsl(0, 0%, 10%); padding-block: 1rem 2rem; text-align: center; } .contact__social { background-color: transparent; } .section__title-1, .section__title-2 { position: relative; font-size: var(--h1-font-size); width: max-content; margin: 0.75rem auto 2rem; } .section__title-2 { padding-top: 20px; } .contact__data .section__title-2 { margin: 0 0 3.3rem !important; transform: translateX(0); } .section__title-2 span{ position: relative; font-size: 2.4rem; width: max-content; margin: 0.75rem auto 2rem; font-weight: bold; z-index: 5; } .section__title-1::after, .section__title-2::after { width: 70px; height: 48px; } .section__title-2::after { top: initial; bottom: -4px; } .section__title-1::after, .section__title-2::after { content: ""; width: 40px; height: 28px; background-color: #897739ab; position: absolute; top: -4px; right: -12px; } .contact__description-1 .elementor-heading-title{ color: var(--color-black); font-size: 1.4rem; margin-bottom: 1.5rem; line-height: normal; } .contact__description-2 .elementor-heading-title{ color: var(--color-black); font-size: 1.4rem; line-height: normal; } .contact__data .geometric-box { top: 2rem; left: 2.5rem; } .geometric-box { position: absolute; width: 20px; height: 20px; background-color: var(--red-brand); rotate: -30deg; } .geometric-box::after { content: ""; position: absolute; width: 16px; height: 16px; border: 3px solid var(--color-black); left: -5px; top: -5px; } /*Form*/ .form_style_custom .elementor-field-label{ position: absolute; top: 8px; left: 10px; color: #fff; font-size: 1.2rem; font-weight: bold; background-color: hsl(0, 0%, 0%);; padding: 5px; pointer-events: none; transition: top 0.4s, opacity 0.4s, background-color 0.4s; opacity: 0; } .form_style_custom .elementor-field{ width: 100%; height: 100%; background-color: hsl(0, 0%, 0%); border: 2.2px solid hsl(0, 0%, 40%);; border-radius: 0.75rem; color: #fff; font-weight: bold; transition: border 0.4s, background-color 0.4s; } /*focus input*/ .form_style_custom .elementor-field:focus { border: 2.2px solid #fff; } /*transparent*/ .form_style_custom input, .form_style_custom select, .form_style_custom textarea, .form_style_custom .elementor-select-wrapper { background: transparent !important; } { background: transparent !important; } .form_style_custom .elementor-field-group:focus-within:not(:has(select:focus)) .elementor-field-label { opacity: 1; top: -16px; padding-bottom: 5px !important; } .elementor-field:focus::placeholder { opacity: 0; } .form_style_custom input::placeholder, .form_style_custom textarea::placeholder { color: #fff !important; } /*button*/ .form_style_custom .elementor-button { font-size: 1.6rem; color: #fff; font-weight: 600; background: var(--color-blue); border-radius: 5px; transition: background .6s ease; } .form_style_custom .elementor-button:hover { background: var(--color-blue-hover); } .form_style_custom span.elementor-button-icon { display: flex; align-items: center; width: 12px; height: 12px; } .form_style_custom .elementor-field-type-textarea { margin-bottom: 0 !important; } /*Messenger form*/ .form_style_custom .elementor-message { border-left: 5px solid #06a106; padding: 5px; width: max-content; color: #fff; } .contact__social { display: none; } } /* CSS cho mobile */ @media (max-width: 767px) { .page-content { overflow-x: hidden !important; } /*HERO*/ .container_video { display: flex; padding-bottom: 0px !important; justify-content: flex-end; } .container_video .elementor-icon { -webkit-animation: animation-ydik6v 2s ease-in-out infinite; animation: animation-ydik6v 2s ease-in-out infinite; } .elementor-icon-box-title { font-size: 1.3rem; color: #fff; } .container_video .elementor-icon-box-wrapper { padding-bottom: 5px !important; } @keyframes animation-ydik6v { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 60% { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } } /*Drive Procedure*/ .div_procedure { margin-top: 30px; padding: 20px 10px; text-align: center; } .div_procedure h2 .font_design { font-family: "NVN Motherland Signature", sans-serif; } .div_procedure h2 { margin-bottom: 40px; font-size: 2.2rem; font-weight: bold; } .div_procedure h2:after { content: ""; display: block; position: absolute; z-index: -1; width: 30px; height: 30px; background: var(--red-brand); border-radius: 50%; top: -22px; } .e-n-tabs-heading button { background: transparent !important; } .e-n-tabs-heading button span { font-size: 2rem !important; /*color: var(--color-black);*/ font-weight: 600; } .e-n-tab-title { padding: 0; width: max-content; height: max-content; padding: 10px !important; } .e-n-tabs-heading { gap: 15px !important; } /*icon dot tab*/ .e-n-tab-icon { display: none !important; } .container_tab_child { margin-top: 10px; padding: 10px; background: #f3f3f3c2; border-radius: 25px; box-shadow: -6px 10px 15px 0px rgba(0,0,0,0.1); } .elementor-2552 .elementor-element.elementor-element-1f8b90d.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"] { border-style: solid; border-width: 2px 2px 2px 2px; border-color: #2F374A; box-shadow: -6px 10px 15px 0px rgba(0,0,0,0.1); } /*Tab child*/ .container_tab_child img { border-radius: 15px; filter: grayscale(85%); transition: filter .6s ease; } .container_tab_child img:hover { border-radius: 15px; filter: grayscale(0); } .container_text_tab { margin-top: 20px; padding: 0 15px; justify-content: center; } .container_text_tab h3 { font-size: 1.8rem; color: var(--color-black); font-weight: 700; line-height: normal; } .container_text_tab .text_desc { margin-top: 15px; line-height: 22px; } .container_text_tab .text_desc .elementor-heading-title { font-size: 1.4rem; line-height: 22px; margin-bottom: 10px; } /*Button*/ .btn__style { margin-top: 20px; cursor: pointer; } .btn__style .elementor-button { color: var(--color-black) } body.elementor-page-2552{ --btn-color:#333; --arrow-color:#fff; --btn-size: 60px; } .container_text_tab .elementor-button{ position: relative; outline: none; border: 0; vertical-align: middle; text-decoration: none; background: transparent; box-shadow: none; padding: 0 calc(var(--btn-size) / 2.5); } .container_text_tab .elementor-button-content-wrapper{ height: var(--btn-size); align-items: center; } .container_text_tab .elementor-button-content-wrapper:before{ content: ""; display: block; position: absolute; width: var(--btn-size); height: var(--btn-size); background: var(--red-brand); margin: 0; left: 0; top: 0; border-radius: 15em; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); box-shadow: 0px 10px 20px #ee353757; } .container_text_tab .elementor-button-text:before{ content: ""; display: block; position: absolute; width: 18px; height: 4px; background: none; top: 50%; left: -12px; margin-top: -1px; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); } .container_text_tab .elementor-button-text:after{ content: ""; position: absolute; width: 10px; height: 10px; top: 50%; left: calc(var(--btn-size) - (var(--btn-size) + 2px)); margin-top: -4.5px; border-top: 4px solid var(--arrow-color); border-right: 4px solid var(--arrow-color); transform: rotate(45deg); transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); } .container_text_tab .elementor-button-text{ font-size: calc(var(--btn-size) / 3); padding-left: calc(var(--btn-size) - 10px); font-weight: 600; position: relative; z-index: 1; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); } /* Hover Animation */ .container_text_tab .elementor-button:hover .elementor-button-content-wrapper:before{ width: 100%; } .container_text_tab .elementor-button:hover .elementor-button-text{ color: var(--arrow-color); } .container_text_tab .elementor-button:hover .elementor-button-text:before{ background: var(--arrow-color); transform: translate(17px, 0); } .container_text_tab .elementor-button:hover .elementor-button-text:after{ transform: translate(15px, 0) rotate(45deg); } /*Price Service*/ .div__price { padding: 45px 10px 20px; } .div__price h2 { width: fit-content; margin: 0 auto; font-size: 2.2rem; font-weight: bold; } .div__price .font_design{ font-family: "NVN Motherland Signature", sans-serif; } .div__price h2:after { content: ""; display: block; position: absolute; z-index: -1; width: 30px; height: 30px; background: var(--red-brand); border-radius: 50%; top: -22px; } /*container child price*/ .container_price_child { margin-top: 45px; } /*PRICE*/ .container_price_child { display: flex !important; justify-content: space-between !important; } .container_price_child .box_price { flex: 1 !important; box-sizing: border-box !important; } /*Box price*/ .box_price { position: relative; padding: 25px; text-align: center; border: 2px solid #69727d; border-radius: 10px; box-shadow: 0px 13px 15px -3px rgba(0,0,0,0.1); } /*Box price body.elementor-page-2552 2*/ .container_price_child .box_price:nth-child(2) { padding-top: 45px; } .container_price_child .list__item { padding: 0 !important; } .box_price:hover { border-color: var(--color-hover-brand); } /*After box price center*/ .box_price_before:before { content: "Phổ biến"; position: absolute; top: -23px; left: 38%; display: block; width: fit-content; height: fit-content; background: red; padding: 10px; border-radius: 10px; color: #fff; font-size: 1.6rem; font-weight: bold; } .box_price h4 { font-size: 2.7rem; font-weight: 700; } /*Box price child*/ .box_price_child { margin-top: 15px; padding: 25px; background: #f6cacb; border-radius: 5px; } .box_price h5 { display: flex; flex-direction: column; gap: 5px; font-size: 2.2rem; font-weight: bold; color: #c51010; } .box_price .value__price_unit { display: block; font-size: 1.2rem; font-weight: 500; } .box_price .desc { margin-top: 10px; font-size: 1.3rem; } .box_price .desc .elementor-heading-title { line-height: normal; } .box_price .div_line { margin: 10px 0; } /*List items*/ .box_price .list__item { padding: 0 10px; } .box_price .item_list_icon { margin-bottom: 15px !important; } .box_price span.elementor-icon-list-text { padding: 0 !important; } .box_price .elementor-icon-list-item { font-size: 1.3rem !important; } /* Hover Animation */ .box_price:hover .container_text_tab .elementor-button .elementor-button-content-wrapper:before{ width: 100%; } .box_price:hover .container_text_tab .elementor-button .elementor-button-text{ color: var(--arrow-color); } .box_price:hover .container_text_tab .elementor-button .elementor-button-text:before{ background: var(--arrow-color); transform: translate(17px, 0); } .box_price:hover .container_text_tab .elementor-button .elementor-button-text:after{ transform: translate(15px, 0) rotate(45deg); } /*Projects Relate to*/ .container_project_relate { margin-top: 20px; padding-top: 30px; text-align: center; padding: 30px 10px 0 10px; } /*text heading*/ .container_project_relate h2 .font_design { font-family: "NVN Motherland Signature", sans-serif; } .container_project_relate h2 { font-size: 2.2rem; font-weight: bold; width: fit-content; margin: 0 auto; } .container_project_relate h2:after { content: ""; display: block; position: absolute; z-index: -1; width: 30px; height: 30px; background: var(--red-brand); border-radius: 50%; top: -22px; } .container_project_relate .post_project_relate { margin-top: 30px; } /*Customer*/ .containe_customer { margin-top: 50px; padding: 0 10px; text-align: center; } /*text heading*/ .containe_customer h2 .font_design { font-family: "NVN Motherland Signature", sans-serif; } .containe_customer h2 { font-size: 2.2rem; font-weight: bold; width: fit-content; margin: 0 auto; line-height: 35px; } .containe_customer h2:after { content: ""; display: block; position: absolute; z-index: -1; width: 30px; height: 30px; background: var(--red-brand); border-radius: 50%; top: -22px; } .containe_customer .grid_customer { margin-top: 35px; } .containe_customer .div_img_customer { width: 100%; height: 55px; padding: 5px 7px; display: flex; align-items: center; justify-content: center; border-radius: 7px; box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1); transition: all .2s ease-in-out; } .containe_customer .div_img_customer:hover { transform: scale(1.1); } footer { margin-top: 0 !important; } /*Contact*/ .container_contact { margin-top: 20px; padding-top: 110px; } .grid_custom { display: grid; gap: 1.5rem; row-gap: 0; justify-content: center; grid-template-columns: 1fr; grid-template-rows: initial !important; padding-bottom: 2rem; padding: 0 10px; } .contact__data { width: 100%; height: 290px; padding: 3rem 1.5rem 3.5rem; /*margin: 7.5rem 0 0 13.5rem;*/ border-bottom: 6px solid var(--red-brand); position: relative; background-color: hsl(0, 0%, 83%); border-radius: 0.75rem; z-index: 5; transition: background-color 0.4s; } /*div Form child*/ .contact__mail { /*grid-column: 2 / 3 !important;*/ /*grid-row: 1 / 3 !important;*/ padding: 5rem 1.5rem 2.5rem; position: relative; background-color: #000000; border-radius: 0.75rem; margin-top: -2.5rem; transition: background-color 0.4s; background-color: rgba(0, 0, 0, 0.7); } /*title form*/ .contact__mail .contact__title { color: #fff; font-size: 1.89rem; margin-bottom: 2rem !important; font-weight: 600; text-align: initial; } .contact__social { margin-left: 8rem; text-align: initial; } .contact__social { display: grid; row-gap: 1rem; background-color: hsl(0, 0%, 10%); padding-block: 1rem 2rem; text-align: center; } .contact__social { background-color: transparent; } .section__title-1, .section__title-2 { position: relative; font-size: var(--h1-font-size); width: max-content; margin: 0.75rem auto 2rem; } .section__title-2 { padding-top: 20px; } .contact__data .section__title-2 { margin: 0 0 3.3rem !important; transform: translateX(0); } .section__title-2 span{ position: relative; font-size: 2.4rem; width: max-content; margin: 0.75rem auto 2rem; font-weight: bold; z-index: 5; } .section__title-1::after, .section__title-2::after { width: 70px; height: 48px; } .section__title-2::after { top: initial; bottom: -4px; } .section__title-1::after, .section__title-2::after { content: ""; width: 40px; height: 28px; background-color: #897739ab; position: absolute; top: -4px; right: -12px; } .contact__description-1 .elementor-heading-title{ color: var(--color-black); font-size: 1.4rem; margin-bottom: 1.5rem; line-height: normal; } .contact__description-2 .elementor-heading-title{ color: var(--color-black); font-size: 1.4rem; line-height: normal; } .contact__data .geometric-box { top: 2rem; left: 2.5rem; } .geometric-box { position: absolute; width: 20px; height: 20px; background-color: var(--red-brand); rotate: -30deg; } .geometric-box::after { content: ""; position: absolute; width: 16px; height: 16px; border: 3px solid var(--color-black); left: -5px; top: -5px; } /*Form*/ .form_style_custom .elementor-field-label{ position: absolute; top: 8px; left: 10px; color: #fff; font-size: 1.2rem; font-weight: bold; background-color: hsl(0, 0%, 0%);; padding: 5px; pointer-events: none; transition: top 0.4s, opacity 0.4s, background-color 0.4s; opacity: 0; } .form_style_custom .elementor-field{ width: 100%; height: 100%; background-color: hsl(0, 0%, 0%); border: 2.2px solid hsl(0, 0%, 40%);; border-radius: 0.75rem; color: #fff; font-weight: bold; transition: border 0.4s, background-color 0.4s; } /*focus input*/ .form_style_custom .elementor-field:focus { border: 2.2px solid #fff; } /*transparent*/ .form_style_custom input, .form_style_custom select, .form_style_custom textarea, .form_style_custom .elementor-select-wrapper { background: transparent !important; } { background: transparent !important; } .form_style_custom .elementor-field-group:focus-within:not(:has(select:focus)) .elementor-field-label { opacity: 1; top: -16px; padding-bottom: 5px !important; } .elementor-field:focus::placeholder { opacity: 0; } .form_style_custom input::placeholder, .form_style_custom textarea::placeholder { color: #fff !important; } /*button*/ .form_style_custom .elementor-button { font-size: 1.6rem; color: #fff; font-weight: 600; background: var(--color-blue); border-radius: 5px; transition: background .6s ease; } .form_style_custom .elementor-button:hover { background: var(--color-blue-hover); } .form_style_custom span.elementor-button-icon { display: flex; align-items: center; width: 12px; height: 12px; } .form_style_custom .elementor-field-type-textarea { margin-bottom: 0 !important; } /*Messenger form*/ .form_style_custom .elementor-message { border-left: 5px solid #06a106; padding: 5px; width: max-content; color: #fff; } .contact__social { display: none; } /*Project hover*/ .block__design { margin-top: 40px; width: 100%; /* Full width */ grid-template-columns: 1fr !important; /* 1 cột duy nhất */ grid-template-rows: auto auto auto auto auto auto !important; gap: 15px 0 !important; } .block__design .div_1, .block__design .div_2, .block__design .div_3, .block__design .div_4, .block__design .div_5, .block__design .div_6 { grid-column: 1 / 2; /* Mỗi phần tử chiếm toàn bộ chiều rộng */ } .block__design .grid_1 { position: relative; height: 235px; padding: 20px; z-index: 1; align-items: center; justify-content: center; } .block__design .grid_1 .heading_project, .block__design .grid_1 .desc__project, .block__design .grid_1 .btn_link_ct { position: relative; visibility: hidden; opacity: 0; transition: opacity 0.3s ease; text-align: center; } .block__design .grid_1:hover .heading_project, .block__design .grid_1:hover .desc__project, .block__design .grid_1:hover .btn_link_ct { visibility: visible; opacity: 1; z-index: 3; } /*heading 3*/ .block__design .grid_1 h3 { font-size: 1.8rem; font-weight: 700; color: #fff; line-height: 24px; } .block__design .grid_1 .desc__project .elementor-heading-title{ margin-top: 15px; font-size: 1.4rem; color: #fff; line-height: 20px !important; } /*btn*/ .block__design .grid_1 .btn_link_ct a{ margin-top: 20px; font-size: 1.3rem !important; color: #fff; font-weight: 600; background: var(--color-blue); border-radius: 10px } .img__project_ct { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; opacity: 1; pointer-events: none; } .img__project_ct img { height: 235px; } .img__project_ct:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, #C13437 0%, rgba(193, 52, 55, 0.00) 100%); z-index: 1; border-radius: 10px !important; opacity: 0; visibility: hidden; transition: opacity 0.5s ease, visibility 0.5s ease; } .grid_1:hover .img__project_ct:before { opacity: 1; visibility: visible; } }/* End custom CSS */