/*



Theme Name: Elementor Child



Theme URI: https://github.com/elementor/hello-theme/



Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team



Author: Elementor Team



Author URI: https://elementor.com/



Template: hello-elementor



Version: 3.4.5



Text Domain: hello-elementor-child



License: GNU General Public License v3 or later.



License URI: https://www.gnu.org/licenses/gpl-3.0.html



*/
/* html {
  scroll-behavior: smooth;
} */


.section-transform-image-new {

    overflow: initial!important;

    position: relative !important;

}

.section-transform-image-new .section-item {

    justify-content: center!important;

    opacity: .2

}

.section-transform-image-new .gallery-wrap {

    position: absolute;

    top: 0;

    right: 0;

    width: 60%;

    height: 100%;

    overflow: initial

}

.section-transform-image-new .gallery-container {

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

    overflow: initial;

    padding-right: initial;

}

.section-transform-image-new .gallery-list {

    position: sticky;

    top: 200px !important;

    width: 100%;

    max-width: 760px

}

/* body.admin-bar .section-transform-image-new .gallery-list {

    top: 186px

} */

.section-transform-image-new .gallery-list::before {

    content: "";

    display: block;

    padding-top: 71.05%

}

.section-transform-image-new .gallery-list .gallery-item {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 580px;

    opacity: 0;

    overflow: hidden;

    transition: 0.3s;
    border-radius: 20px;

}

.section-transform-image-new .section-item:first-child,.section-transform-image-new .gallery-list .gallery-item:first-child {

    opacity: 1

}

.section-transform-image-new .gallery-list .gallery-item img {

    width: 100%;

    height: 100%;

    object-fit: contain;

    /* object-position: left; */

    /* transform: scaleY(1); */

    transform-origin: bottom

}

.section-transform-image-new .section-item .brxe-heading span {

    color: #1256f9

}

.brxe-container {

    align-items: center;

    display: flex;

    /* flex-direction: column; */

    margin-left: auto;

    margin-right: auto;

    /* width: 1100px; */

}

/* .brxe-block.col-text {

    /* width: 50% !important; */

    /* padding: 0 50px 0 0 !important; */

/* } */

.brxe-block.col-image {

    width: 60% !important;

}

.brxe-block.col-image .image-opacty{

    opacity: 0;

}

.button-contact-home {
    width: 510px;
    
}

.button-contact-home .pp-info-box{
    justify-content: space-between !important;
}



.items-right-product-website  img.image-product {

    transition: 3s linear;

}

.items-right-product-website:hover  img.image-product {

    transform: translateY(calc(-100% + 450px));

    transition: 3s linear;

}
button.slick-arrow {width: 50px;height: 50px;border: none;border-radius: 100%;}



button.slick-next.slick-arrow svg {

    transform: rotateY(180deg);

}

button.slick-arrow svg path {

    fill: #ffffff !important;

}

.right-product-content-wesite-home.slick-initialized.slick-slider .slick-slide.slick-current.slick-active .items-right-prodcut-website {

    box-shadow: 0px 0px 10px 0px rgb(254 126 53);

}

.class-chuyen-doi .pp-info-box-container {

    overflow: hidden;

}

.class-chuyen-doi .pp-info-box-container .pp-slider-arrow.elementor-swiper-button-next {

    right: 0;

}

.slider-ladipage .slide {
    height: 500px;
    margin: 0 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(180, 180, 180, 0.5);
}

.slider-ladipage .slide:before, .slider-ladipage .slide:hover:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8));
    z-index: 9;
}

.slider-ladipage .slide .title-landingpage {
    z-index: 10;
}

.slider-ladipage .slick-slide.slick-active {
    padding: 30px 0 !important;
    transition: height .6s ease-out;
}

.slider-ladipage .slick-slide.slick-active .slide {
    height: 440px;
    transition: height .6s ease-out;
}

.slider-ladipage .slick-slide.slick-current.slick-active.slick-center .slide {
    height: 500px;
    transition: height .6s ease-out;
}

.slider-ladipage .slick-slide.slick-current.slick-active.slick-center {
    padding: 0 !important;
    transition: height .6s ease-out;
}

.slider-ladipage .slick-slide .slide {
    height: 390px;
    transition: height .6s ease-out;
}

.slider-ladipage .slick-slide {
    padding: 55px 0 !important;
    transition: height .6s ease-out;
}

.slider-ladipage .slick-track {
    height: 510px;
}

.slider-ladipage .slick-next.slick-arrow {
    left: 96.1% !important;
}

.slider-ladipage .slick-arrow {
    top: 50%;
    z-index: 9;
    transform: translateY(-50%);
}


div#custom-post-list {
    display: flex;
    flex-wrap: wrap;
}

.custom-post-item img.attachment-medium.size-medium.wp-post-image {
    width: 100%;
    object-fit: cover;
    object-position: top;
    transition: 3s linear;
}

.custom-post-item:hover img.attachment-medium.size-medium.wp-post-image {
    transform: translateY(calc(-100% + 450px));
    transition: 3s linear;
}

div#custom-post-list .custom-post-item {
    width: calc(100% / 4 - 10px);
    position: relative;
    border-radius: 10px;
    margin: 5px;
    padding: 0 15px 15px 15px;
}

div#custom-post-list .custom-post-item .box-custom-flex-product {
    height: 450px !important;
    overflow: hidden;
    border-radius: 10px;
}
div#custom-post-list .custom-post-item .title-products {
    padding: 10px 15px;
    bottom: 0;
    z-index: 10;
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    transition: .5s linear;
    text-align: center;
}

div#custom-post-list .custom-post-item:hover div {
    display: block;
    transition: .5s linear;
}
div#custom-post-list .custom-post-item img {
    transition: 3s linear;
}
div#custom-post-list .custom-post-item:hover img {
    transform: translateY(calc(-100% + 400px));
    transition: 3s linear;
}
/* .custom-post-item:hover:before {
    content: "";
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.822) 0%, rgb(255 255 255 / 0%) 100%);
    position: absolute;
    height: 50%;
    width: 100%;
    bottom: 0;
    z-index: 9;
    transition: .5s linear;
} */

form#custom-post-search-form {
    display: flex;
    margin-bottom: 50px;
    border: 1px solid #ffffff;
    box-shadow: 0px 10px 20px 10px rgb(59 91 234 / 19%);
    border-radius: 100px;
    padding: 0 20px;
    width: 80%;
    background: #fff;
}
.archiver-product-all {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
form#custom-post-search-form input[type="text"] {
    width: 70% !important;
    border: none;
    border-radius: 100px;
}

form#custom-post-search-form select {
    width: 100%;
    border-radius: 0;
    border: none;
    border-left: 1px solid;
}

form#custom-post-search-form button {
    width: 10%;
    border-radius: 0;
    border: none;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
form#custom-post-search-form button img.class-button {
    width: 30px;
    height: 30px;
}
form#custom-post-search-form button:hover {
background: #fff !important;
}

form#custom-post-search-form input:focus-visible {
    outline: -webkit-focus-ring-color auto 0px !important;
}

form#custom-post-search-form select:focus-visible {
    outline: -webkit-focus-ring-color auto 0px !important;
}

.class-box-product .pp-post-thumbnail {
    height: 350px;
    overflow: hidden;
}

.class-box-product .pp-post-thumbnail img {
    transition: 3s linear;
}

.class-box-product .pp-post-thumbnail:hover img {
    transform: translateY(calc(-100% + 400px));
    transition: 3s linear;
}

.class-box-product .pp-post-title {
    position: absolute;
    bottom: 10px;
    z-index: 9;
}

.box-text-hover-home .pp-info-box {
    position: relative;
}

.box-text-hover-home .pp-info-box .pp-info-box-content {
    position: absolute;
    bottom: 10px;
    padding: 0 10px;
}

section.brxe-section.section-transform-image-new.landingpage h4.brxe-heading {
    color: #000000;
    font-family: "Roboto", Sans-serif;
    font-weight: 600;
    margin-bottom: 20px;
}

section.brxe-section.section-transform-image-new.landingpage .brxe-text {
    color: #000000 !important;
    margin: 40px 0;
}

.section-transform-image-new.landingpage .gallery-wrap {
    width: 50%;
    
}

.section-transform-image-new.landingpage .brxe-block.col-text {
    /* width: 50% !important; */
    padding: 20px !important;
    overflow: hidden;
}

a.button-content {
    border-radius: 4px;
    font-size: 16px;
    padding: 12px 30px;
    color: #000000;
    /* background-image: linear-gradient(90deg, #F48A35 0%, #EB5810 100%); */
}

.slider-ladipage .slick-slide .slide {
    overflow: hidden;
    position: relative;
}

.slider-ladipage .slick-slide .slide img {
    width: 100%;
    transition: 3s linear;
}

.slider-ladipage .slick-slide .slide:hover img {
    transform: translateY(calc(-100% + 500px));
    transition: 3s linear;
}

.slider-ladipage .slick-slide .title-landingpage {
    position: absolute;
    bottom: 0;
    color: #ff7200;
    font-weight: 600;
    font-size: 20px;
}

.slider-ladipage .slick-slide .title-landingpage {
    padding: 10px 40px;
}

.slider-ladipage .slick-slide.slick-active .title-landingpage {
    padding: 10px 30px;
}

.slider-ladipage .slick-slide.slick-current.slick-active.slick-center .title-landingpage {
    padding: 10px 20px;
}

/* .button-link-disp { */
    /* position: relative; Đặt vị trí tương đối để sử dụng pseudo-element */
    /* text-decoration: none; Bỏ gạch chân mặc định */
    /* color: #ff7200; Màu chữ */
    /* overflow: hidden !important; Ẩn phần thừa */
    /* font-weight: 600; */
/* } */

/* .button-link-disp::after { */
    /* content: ''; Tạo một pseudo-element */
    /* position: absolute; Đặt vị trí tuyệt đối */
    /* left: 0; Bắt đầu từ bên trái */
    /* bottom: 0; Đặt đường gạch dưới ở dưới chữ */
    /* width: 100%; Chiều rộng bằng chiều rộng của chữ */
    /* height: 2px; Độ dày của đường gạch dưới */
    /* background-color: #ff7200; Màu của đường gạch dưới */
    /* transform: translateX(-100%); Bắt đầu từ bên trái ngoài vùng nhìn thấy */
    /* transition: transform 0.3s; Hiệu ứng chuyển động */
/* } */

/* .button-link-disp:hover::after { */
    /* transform: translateX(0); Di chuyển vào vị trí khi hover */
/* } */

/* .button-link-disp:hover { */
    /* color: #ff7200; Thay đổi màu chữ khi hover */
/* } */
a.button-link-disp {
    border-radius: 10px;
    padding: 10px;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    background: rgba(30, 94, 237, 1);
    color: #fff;
}
h4.brxe-heading {
    color: #1E5EED !important;
    font-weight: 700;
}

section.brxe-section.section-transform-image-new.landingpage .brxe-text ul > li {
    margin: 10px 0;
}

.brxe-text, .title-website-product, .disp-website-product {
    color: #000000 !important;
}


.box-img-content .pp-info-box-container {
    height: 200px;
}

.box-list-home .pp-info-box {
    box-shadow: 0px 4px 20px 0px rgba(0, 48, 101, 0.15);
    margin-right: 10px;
}

.box-list-home .swiper-wrapper {
    padding: 20px 10px;
} 

.hide-section-higth .pp-image-accordion-active {
    flex: 2 1 0 !important;
}

.hide-section-higth .pp-image-accordion{
    overflow: hidden !important;
}

a.button-content {
    color: #fff;
}

.class-box-product .pp-post.pp-carousel-item {
    position: relative;
}

.class-box-product .pp-post.pp-carousel-item:before {
    content: "";
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.87) 0%, rgb(255 255 255 / 0%) 100%);
    position: absolute;
    height: 50%;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 9;
    transition: .5s linear;
    border-radius: 10px;
}

.button-contact-new .pp-info-box {
    justify-content: space-between;
}

.button-contact-new {
    width: 100%;
}

#load-more-posts {
    text-align: center;
    margin-top: 50px;
    margin-left: 50%;
    transform: translateX(-50%);
    background: rgba(30, 94, 237, 1);
    border-color: rgba(30, 94, 237, 1) !important;
}
#load-more-posts:hover {
    background: rgb(21 73 191);
}

.style-box-slider-step .pp-info-box-content{
z-index: 2;
position: relative;
}

.style-box-slider-step .pp-info-box:hover {
    background-color: #2b55b1 !important;
    transition: .5s all;
}

.style-box-slider-step .pp-info-box:hover .pp-info-box-icon.pp-icon, .style-box-slider-step .pp-info-box:hover .pp-info-box-description {
    color: #fff !important;
    transition: .5s all;
}

.header-main .sub-menu.elementor-nav-menu--dropdown {
    background-color: #ffffff;
    min-width: 250px !important;
    padding: 20px 10px !important;
    border-radius: 20px !important;
    box-shadow: 0px 0px 10px 0px rgba(180, 180, 180, 0.5);
}

.header-main .elementor-nav-menu--dropdown a{
    border-radius: 5px !important;
}

.custom-post-item {
    box-shadow: 0px 0px 10px 0px rgba(180, 180, 180, 0.5);
}

.header-main .elementor-nav-menu--dropdown .menu-item {
    margin: 3px 0 !important;
}

.animation-sever-rotate{
    /* Rotation animation */
    animation: rotate360 32s linear infinite;
    transform-style: preserve-3d;
}

.animation-sever-1 {
    -webkit-animation: balloon 3s linear 1s infinite alternate !important;
    animation: balloon 3s linear 1s infinite alternate !important;
}

.animation-sever-2 {
    -webkit-animation: balloon 4.5s linear 1s infinite alternate !important;
    animation: balloon 4.5s linear 1s infinite alternate !important;
}

.animation-sever-3 {
    -webkit-animation: balloon 2.5s linear 1s infinite alternate !important;
    animation: balloon 2.5s linear 1s infinite alternate !important;
}

.animation-4{
    -webkit-animation: penAnimate 5s linear 1s infinite alternate !important;
    animation: penAnimate 5s linear 1s infinite alternate !important;
}

.animation-5{
    -webkit-animation: ipAnimate 5s linear 1s infinite alternate !important;
    animation: ipAnimate 5s linear 1s infinite alternate !important;
}

.box-goi-sevicer  .elementor-price-table__feature-inner {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
}

.box-goi-sevicer  .elementor-price-table__feature-inner svg {
    width: 10%;
}

.box-goi-sevicer  .elementor-price-table__feature-inner span {
    width: 90%;
}

.box-style-home .pp-info-box-content {
    min-height: 180px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}

.box-style-home .pp-info-box-title, .box-style-home .pp-info-box-title-wrap, .box-style-home .pp-info-box-title-container  {
    width: 100%;
}

.slider-sevicer-website-home .slick-slide {
    min-height: 360px !important;
}

ul.slick-dots {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    list-style: none;
    margin-top: -30px;
}

ul.slick-dots li {width: 13px;height: 13px;background: #2c58b996;border-radius: 100%;margin: 0 5px;}

ul.slick-dots li.slick-active {
    background: #2c58b9;
}

.box-style-content-home:after {
    content: "";
    background-image: url(https://zipweb.vn/wp-content/uploads/2025/09/line-cham.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 200px;
    height: 35px;
    position: absolute;
    top: 25%;
    right: -150px;
}
.title-color-home span {
    color: #1e5eed;
}
.tab-down-home .e-n-accordion-item-title-icon {
    background: #1e5eed;
    padding: 5px;
    border-radius: 100%;
}
.colum-post-home {
    overflow: hidden !important;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 30px !important;
}
.title-price .pp-info-box-title span {
    color: #000;
    font-size: 16px;
}


/* button style */
.style-button .elementor-button:before {
    content: '';
    background-color: #1e5eed !important;
    width: 120% !important;
    height: 100%;
    top: 0;
    left: -10% !important;
    transform: skew(30deg) !important;
    transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
    position: absolute !important;
}

.style-button .elementor-button {
    position: relative !important;
    overflow: hidden;    
    background-color: #ffffff !important;
    border: 1px solid #1e5eed !important;
}
.style-button .elementor-button:hover, .style-button .elementor-button:hover .elementor-button-icon svg path, .style-button .elementor-button:hover .elementor-button-icon svg circle {
    stroke: #1e5eed;
    color: #1e5eed !important;
}
.style-button .elementor-button:hover:before {
    transform: translate3d(100%, 0, 0)!important;
}

.style-button span.pp-button-text, .style-button span.elementor-button-text, .style-button .elementor-button-icon {
    z-index: 1 !important;
}

.box-line-items .pp-info-box-icon.pp-icon:before {
    content: "";
    background-image: url(https://zipweb.vn/wp-content/uploads/2025/09/shadow.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 250px;
    height: 250px;
    position: absolute;
    bottom: -130px;
    left: -10%;
}

.box-line-items span.pp-info-box-icon.pp-icon {
    position: relative;
}

.box-line-items .pp-info-box .pp-info-box-icon img {
    position: relative;
    z-index: 2;
}
span.swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    background: #2c58b996;
    border-radius: 100%;
    margin: 0 5px;
    opacity: 1;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #1e5eed;
}
@media (min-width: 1025px) and (max-width:1440px) {

    .section-transform-image-new>.section-item:not(.section-item-last) {

        padding-bottom:0!important

    }

}

@media (min-width: 1025px) and (max-width:1361px) {

    .section-transform-image-new .gallery-wrap {

        width:calc(100% - 520px - 3vw)

    }

}


@media (max-width: 1024px) {

    .section-transform-image-new .gallery-container {

        padding-right:32px;

        padding-top: 276px;

        padding-bottom: 64px

    }

    .section-transform-image-new .section-item .brxe-heading br {

        display: none

    }

    .section-transform-image-new .section-item {

        opacity: 1!important

    }

    .section-transform-image-new .section-item .col-image {

        align-items: flex-start!important

    }

}

@media (max-width: 769px) {

    .section-transform-image-new .gallery-wrap {

        width:100%

    }

    .section-transform-image-new .gallery-container {

        padding-left: 16px;

        padding-top: 268px;

        padding-right: 16px;

        padding-bottom: 360px

    }

    .slider-product-website-home .left-product-content-website-home {

        width: 50%;

    }

    .right-product-content-wesite-home {

        width: 50%;

    }

}


@media (max-width: 600px) {

    .brxe-container {

        flex-wrap:wrap

    }
    .slider-product-website-home .left-product-content-website-home {

    width: 100%;

}



.right-product-content-wesite-home {

    width: 100%;

}

.items-left-product-website {
    padding: 20px 20px 20px 0;
}

.title-website-product {
    font-size: 20px;
}

 button.slick-arrow{
    display: none !important;
}

}


  /* Keyframes for continuous rotation */
@keyframes rotate360 {
    from {
      transform: rotateZ(0deg);
    }
    to {
      transform: rotateZ(360deg);
    }
  }

  @keyframes balloon {
    100% {
        transform: translateY(35px)
    }
}

@keyframes penAnimate {
    0% {
        transform: translate(-10px,10px)
    }

    50% {
        transform: translate(10px,-10px)
    }

    100% {
        transform: translate(15px,-20px)
    }
}
@keyframes ipAnimate {
    0% {
        transform: translate(5px,5px)
    }

    100% {
        transform: translate(15px,10px)
    }
}

/* Tùy chỉnh CSS cho slider và các slide */
.slider-container {
  width: 90%; /* Hoặc bất kỳ độ rộng nào bạn muốn */
  margin: 50px auto;
}

/* Tùy chỉnh các slide con */
.slide {
  transform-style: preserve-3d;
  perspective: 1000px;
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  padding: 0 10px; /* Tạo khoảng cách giữa các slide */
}

/* Các slide không phải là slide trung tâm (active) */
.slick-slide:not(.slick-active) {
  transform: scale(0.8) rotateY(15deg);
  opacity: 0.7;
}

/* Slide trung tâm (active) */
.slick-center {
  transform: scale(1.1) rotateY(0deg);
  opacity: 1;
  z-index: 10; /* Đưa slide trung tâm lên trên */
}

/* Cấu hình thêm cho hình ảnh bên trong slide */
.slide img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}



.box-khai-pha .pp-info-box-container {
    min-height: 337px;
}

.box-khai-pha .pp-info-box-container {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: flex-start;
    justify-content: center;
}

.box-line-dich-vu .pp-info-box-container:after {
    content: "";
    position: absolute;
    width: 60%;
    height: 2px;
    background: rgba(47, 186, 255, 1);
    top: 23%;
    left: 74%;
}
.phan-tu-nhap-nhay {
  animation: nhapnhay 1s infinite; /* Tên animation, thời gian 1 giây, lặp vô hạn */
}

.box-line-right-up .pp-info-box-container:after {
    content: "";
    background-image: url("/wp-content/uploads/2025/09/line-right.png");
    width: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    height: 70px;
    position: absolute;
    top: 50%;
    left: 90%;
}
.box-line-right-down .pp-info-box-container:after {
    content: "";
    background-image: url("/wp-content/uploads/2025/09/line-right-02.png");
    width: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    height: 70px;
    position: absolute;
    top: 60%;
    left: 90%;
}
.box-line-down .pp-info-box-container:after {
    content: "";
    background-image: url(/wp-content/uploads/2025/09/line-down.png);
    width: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    height: 130px;
    position: absolute;
    bottom: -30%;
    left: 20%;
}
.box-line-left-up .pp-info-box-container:after {
    content: "";
    background-image: url("/wp-content/uploads/2025/09/line-left.png");
    width: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    height: 70px;
    position: absolute;
    bottom: 30%;
    left:-40%;
}

.swiper-container.slider-product-ladipage.all.style-slider.website-custom {
    overflow: hidden;
    padding-bottom: 70px;
}
.class-box-nhat-long .pp-info-box-content {
    background: #1e5eed;
    border-radius: 15px;
}

.class-box-nhat-long.circle-content .pp-info-box-container:after {
    content: "";
    background-image: url("https://zipweb.vn/wp-content/uploads/2025/09/circle.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 40px;
    height: 40px;
    right: -65px;
    transform: rotateZ(240deg);
}
.class-box-nhat-long.circle-content.left-bottom .pp-info-box-container:after {
    left: -40px;
    bottom: -50px;
    transform: rotateZ(344deg);
}

.class-box-nhat-long.circle-content.top .pp-info-box-container:after {
    top: 18px !important;
    transform: rotateZ(173deg);
    right: -54px;
}
.class-box-nhat-long.circle-content.left-top .pp-info-box-container:after {
    left: -45px;
    top: 40px;
    transform: rotateZ(70deg);
}

.style-box-line-quy-trinh .pp-info-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    flex-direction: column-reverse;
}
.title-style-khoanh .pp-info-box-title span {
    position: relative;
}
.title-style-khoanh .pp-info-box-title span:before {
    content: "";
    background-image: url(https://zipweb.vn/wp-content/uploads/2025/10/khoanhtron.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 270px;
    height: 100px;
    top: -30px;
    left: -10px;
    animation: nhapnhay 1s infinite;
}
.title-style-khoanh .pp-info-box-title span:after {
    content: "";
    background-image: url(https://zipweb.vn/wp-content/uploads/2025/10/muiten-animation.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 100px;
    height: 100px;
    top: -50px;
    right: -110px;
    animation: nhapnhay 1s infinite;
}




@keyframes nhapnhay {
  0% { opacity: 1; } /* Bắt đầu, hiển thị bình thường */
  50% { opacity: 0; } /* Giữa, ẩn đi */
  100% { opacity: 1; } /* Kết thúc, hiển thị lại */
}


@media (max-width: 1025px) {

}
@media (max-width: 725px) {
    
}
@media (max-width: 600px) {
    .box-style-content-home:after {
        display: none;
    }
    .items-text-line-center .pp-info-box {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    }

    .items-text-line-center .pp-info-box .pp-info-box-title-wrap {
        text-align: center;
    }

    .items-text-line-center .pp-info-box .pp-info-box-description {
        text-align: center;
    }
    .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        display: none;
    }
    .swiper-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    }

    .box-line-items .pp-info-box-icon.pp-icon:before {
    width: 100px;
    height: 100px;
    bottom: -60px;
    left: 0;
    }

    .box-line-items .pp-info-box-icon-wrap {
        width: 30%;
    }

    .box-line-items .pp-info-box-content {
        width: 70%;
    }

    .box-line-items .pp-info-box-description {
        text-align: left;
    }


        /* CSS cơ bản */
        .feature-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .elementor-icon-list-item {
            display: flex;
            align-items: center;
            padding: 5px 0;
        }

        .elementor-icon-list-icon svg {
            width: 20px;
            height: 20px;
            margin-right: 10px;
            min-width: 20px;
        }

        .elementor-icon-list-icon path {
            fill: #1e5eed !important;
        }

        .box-style-price .elementor-icon-list-icon path {
            fill: #fff !important;
        }


        /* Lớp CSS để ẩn các mục */
        .hidden-feature {
            display: none;
        }

        /* Style cho nút */
        #showMoreBtn {
            background: none;
            border: none;
            color: #1E5EED;
            cursor: pointer;
            padding: 10px 0;
            font-weight: bold;
            display: block;
            width: 100%;
            text-align: left;
            margin-top: 10px;
        }

}
@media (max-width: 375px) {
    
}
@media (max-width: 325px) {
    
}