.elementor-2122 .elementor-element.elementor-element-1fc9713{--display:flex;--min-height:616px;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--background-transition:0.3s;}.elementor-2122 .elementor-element.elementor-element-1fc9713:not(.elementor-motion-effects-element-type-background), .elementor-2122 .elementor-element.elementor-element-1fc9713 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2C33A9;background-image:url("https://codeidev.com/wp-content/uploads/2024/06/banner.svg");background-position:top right;background-repeat:no-repeat;}.elementor-2122 .elementor-element.elementor-element-1fc9713, .elementor-2122 .elementor-element.elementor-element-1fc9713::before{--border-transition:0.3s;}.elementor-2122 .elementor-element.elementor-element-0145a3d{--display:flex;--justify-content:center;--background-transition:0.3s;}.elementor-2122 .elementor-element.elementor-element-7c75e31 .elementor-heading-title{color:#FFFFFF;font-family:"Open Sans", Sans-serif;font-weight:700;}.elementor-2122 .elementor-element.elementor-element-7c75e31 > .elementor-widget-container{margin:030px 0px 0px 0px;}.elementor-2122 .elementor-element.elementor-element-ae03a18 .elementor-heading-title{color:#FFFFFF;font-family:"Open Sans", Sans-serif;font-weight:800;}.elementor-2122 .elementor-element.elementor-element-6694475{font-family:"Open Sans", Sans-serif;font-weight:500;width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-2122 .elementor-element.elementor-element-c051ea0{--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;--background-transition:0.3s;}.elementor-2122 .elementor-element.elementor-element-9905b87{width:initial;max-width:initial;}.elementor-2122 .elementor-element.elementor-element-de07e66{--display:flex;--background-transition:0.3s;}.elementor-2122 .elementor-element.elementor-element-4c6987e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2122 .elementor-element.elementor-element-4c6987e{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-2122 .elementor-element.elementor-element-4c6987e.elementor-element{--align-self:center;}.elementor-2122 .elementor-element.elementor-element-a93c5f3{--display:flex;--background-transition:0.3s;}.elementor-2122 .elementor-element.elementor-element-2bd4816{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--background-transition:0.3s;}.elementor-2122 .elementor-element.elementor-element-f0661b3{--display:flex;--background-transition:0.3s;}.elementor-2122 .elementor-element.elementor-element-f0661b3:not(.elementor-motion-effects-element-type-background), .elementor-2122 .elementor-element.elementor-element-f0661b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8EFFF;}.elementor-2122 .elementor-element.elementor-element-f0661b3, .elementor-2122 .elementor-element.elementor-element-f0661b3::before{--border-transition:0.3s;}.elementor-2122 .elementor-element.elementor-element-f6e935b{--display:flex;--background-transition:0.3s;}.elementor-2122 .elementor-element.elementor-element-eb5d865{--display:flex;--background-transition:0.3s;}.elementor-2122 .elementor-element.elementor-element-89b9c01{--display:flex;--background-transition:0.3s;}.elementor-2122 .elementor-element.elementor-element-8203db4 .elementor-icon-wrapper{text-align:center;}.elementor-2122 .elementor-element.elementor-element-8203db4.elementor-view-stacked .elementor-icon{background-color:#0B6EF6;}.elementor-2122 .elementor-element.elementor-element-8203db4.elementor-view-framed .elementor-icon, .elementor-2122 .elementor-element.elementor-element-8203db4.elementor-view-default .elementor-icon{color:#0B6EF6;border-color:#0B6EF6;}.elementor-2122 .elementor-element.elementor-element-8203db4.elementor-view-framed .elementor-icon, .elementor-2122 .elementor-element.elementor-element-8203db4.elementor-view-default .elementor-icon svg{fill:#0B6EF6;}body:not(.rtl) .elementor-2122 .elementor-element.elementor-element-8203db4{right:21px;}body.rtl .elementor-2122 .elementor-element.elementor-element-8203db4{left:21px;}.elementor-2122 .elementor-element.elementor-element-8203db4{bottom:20px;}.elementor-2122 .elementor-element.elementor-element-b48ca77 .elementor-icon-wrapper{text-align:center;}.elementor-2122 .elementor-element.elementor-element-b48ca77.elementor-view-stacked .elementor-icon{background-color:#006BFF;}.elementor-2122 .elementor-element.elementor-element-b48ca77.elementor-view-framed .elementor-icon, .elementor-2122 .elementor-element.elementor-element-b48ca77.elementor-view-default .elementor-icon{color:#006BFF;border-color:#006BFF;}.elementor-2122 .elementor-element.elementor-element-b48ca77.elementor-view-framed .elementor-icon, .elementor-2122 .elementor-element.elementor-element-b48ca77.elementor-view-default .elementor-icon svg{fill:#006BFF;}.elementor-2122 .elementor-element.elementor-element-b48ca77 .elementor-icon{font-size:21px;}.elementor-2122 .elementor-element.elementor-element-b48ca77 .elementor-icon svg{height:21px;}body:not(.rtl) .elementor-2122 .elementor-element.elementor-element-b48ca77{right:26px;}body.rtl .elementor-2122 .elementor-element.elementor-element-b48ca77{left:26px;}.elementor-2122 .elementor-element.elementor-element-b48ca77{bottom:123px;}.elementor-2122 .elementor-element.elementor-element-59bb1ad .elementor-icon-wrapper{text-align:center;}.elementor-2122 .elementor-element.elementor-element-59bb1ad.elementor-view-stacked .elementor-icon{background-color:#F10521;}.elementor-2122 .elementor-element.elementor-element-59bb1ad.elementor-view-framed .elementor-icon, .elementor-2122 .elementor-element.elementor-element-59bb1ad.elementor-view-default .elementor-icon{color:#F10521;border-color:#F10521;}.elementor-2122 .elementor-element.elementor-element-59bb1ad.elementor-view-framed .elementor-icon, .elementor-2122 .elementor-element.elementor-element-59bb1ad.elementor-view-default .elementor-icon svg{fill:#F10521;}.elementor-2122 .elementor-element.elementor-element-59bb1ad .elementor-icon{font-size:21px;padding:10px;}.elementor-2122 .elementor-element.elementor-element-59bb1ad .elementor-icon svg{height:21px;}.elementor-2122 .elementor-element.elementor-element-59bb1ad > .elementor-widget-container{padding:8px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-2122 .elementor-element.elementor-element-59bb1ad.elementor-element{--align-self:center;}body:not(.rtl) .elementor-2122 .elementor-element.elementor-element-59bb1ad{right:26px;}body.rtl .elementor-2122 .elementor-element.elementor-element-59bb1ad{left:26px;}.elementor-2122 .elementor-element.elementor-element-59bb1ad{bottom:76px;}.elementor-2122 .elementor-element.elementor-element-59bb1ad:not( .elementor-widget-image ) .elementor-widget-container{-webkit-mask-image:url( https://codeidev.com/wp-content/plugins/elementor/assets//mask-shapes/circle.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-2122 .elementor-element.elementor-element-59bb1ad.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://codeidev.com/wp-content/plugins/elementor/assets//mask-shapes/circle.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-2122 .elementor-element.elementor-element-4ece674 .elementor-icon-wrapper{text-align:center;}.elementor-2122 .elementor-element.elementor-element-4ece674.elementor-view-stacked .elementor-icon{background-color:#3A87F1;}.elementor-2122 .elementor-element.elementor-element-4ece674.elementor-view-framed .elementor-icon, .elementor-2122 .elementor-element.elementor-element-4ece674.elementor-view-default .elementor-icon{color:#3A87F1;border-color:#3A87F1;}.elementor-2122 .elementor-element.elementor-element-4ece674.elementor-view-framed .elementor-icon, .elementor-2122 .elementor-element.elementor-element-4ece674.elementor-view-default .elementor-icon svg{fill:#3A87F1;}.elementor-2122 .elementor-element.elementor-element-4ece674 .elementor-icon{font-size:35px;padding:4px;}.elementor-2122 .elementor-element.elementor-element-4ece674 .elementor-icon svg{height:35px;}body:not(.rtl) .elementor-2122 .elementor-element.elementor-element-4ece674{right:26px;}body.rtl .elementor-2122 .elementor-element.elementor-element-4ece674{left:26px;}.elementor-2122 .elementor-element.elementor-element-4ece674{bottom:171px;}@media(max-width:1024px){.elementor-2122 .elementor-element.elementor-element-2bd4816{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-2122 .elementor-element.elementor-element-0145a3d{--width:100%;}}@media(max-width:767px){.elementor-2122 .elementor-element.elementor-element-2bd4816{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-fc162d0 */.containert {
    max-width: 1200px;
    padding: 20px;
    margin-top: 30px;
    text-align: center;
}

.h3 {
    font-size: 2em;
    margin-bottom: 30px;
    font-weight: bold;
}

.highlightt {
    color: #2339c3;
}

.product-cardss {
    display: flex;
    margin-top: 50px;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.cardd {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    overflow: hidden;
    flex: 1 1 calc(25% - 20px);
    max-width: calc(25% - 20px);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cardd:hover {
            box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.2); /* Bóng đổ phía bên phải khi 
                hover */
        
    transition: all 500ms;
}

.cardd img {
    width: 100%;
    height: auto;
}

.card-contentt {
    padding: 15px;
    text-align: left;
    width: 100%;
}

.card-contentt p {
    margin: 0;
    color: #888;
    font-size: 1em;
}

.card-contentt h3 {
    margin: 10px 0 0;
    font-size: 1.2em;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c834e4c */.containert {
    text-align: center;
}

.h3 {
    font-size: 2em;
    margin-bottom: 30px;
    font-weight: bold;
}

.highlightt {
    color: #2339c3;
}

.product-cardss {
    display: flex;
    margin-top: 50px;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.cc {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.cc:hover{
    box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.2); /* Bóng đổ phía bên phải khi 
                hover */
        
    transition: all 500ms;
}

.cardd:hover {
            box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.2); /* Bóng đổ phía bên phải khi 
                hover */
        
    transition: all 500ms;
}

.cardd img {
    width: 100%;
    height: auto;
}

.card-contentt {
    padding: 15px;
    text-align: left;
    width: 100%;
}

.card-contentt p {
    margin: 0;
    color: #888;
    font-size: 1em;
}

.card-contentt h3 {
    margin: 10px 0 0;
    font-size: 1.2em;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-524ecfd */.testimonial-container {
    padding: 50px 20px;
    text-align: center;
    border-radius: 10px;
}

.h3 {
    font-size: 2.5em;
    
}

.testimonial-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: relative;
}

.testimonial-content {
    display: flex;
    align-items: center;
    text-align: left;
}

.client-logo {
    width: 100px;
    height: auto;
    border-radius: 50%;
    margin-right: 20px;
}

.testimonial-text {
    max-width: 500px;
}

.quote {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    color: #333;
}

.client-name {
    margin-top: 10px;
    font-size: 1em;
    color: #777;
}

.large-logo {
    width: 200px;
    height: auto;
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bf9840c */.testimonial-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 20px;
    text-align: center;
    background-color: #e6f0ff;
    border-radius: 10px;
}

.h3 {
    font-size: 2.5em;
    margin-bottom: 50px;
}

.testimonial-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: relative;
}

.testimonial-content {
    display: flex;
    align-items: center;
    text-align: left;
}

.client-logo {
    width: 100px;
    height: auto;
    border-radius: 50%;
    margin-right: 20px;
}

.testimonial-text {
    max-width: 500px;
}

.quote {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    line-height: 1.5;
    color: #333;
}

.client-name {
    margin-top: 10px;
    font-size: 1em;
    color: #777;
}

.large-logo {
    width: 200px;
    height: auto;
    border-radius: 50%;
}

 @media (max-width: 900px) {
            .testimonial-card {
                    display: flex;
                    align-items: center;
                    background-color: white;
                    padding: 20px;
                    border-radius: 10px;
                    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                    position: relative;
                    flex-direction: column;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-314c5ad */.testimonial-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 20px;
    text-align: center;
    background-color: #e6f0ff;
    border-radius: 10px;
}

.h3 {
    font-size: 2.5em;
    margin-bottom: 50px;
}

.testimonial-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: relative;
}

.testimonial-content {
    display: flex;
    align-items: center;
    text-align: left;
}

.client-logo {
    width: 100px;
    height: auto;
    border-radius: 50%;
    margin-right: 20px;
}

.testimonial-text {
    max-width: 500px;
}

.quote {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    line-height: 1.5;
    color: #333;
}

.client-name {
    margin-top: 10px;
    font-size: 1em;
    color: #777;
}

.large-logo {
    width: 200px;
    height: auto;
    border-radius: 50%;
}/* End custom CSS */