.elementor-6725 .elementor-element.elementor-element-95a2afa{--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;--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-6725 .elementor-element.elementor-element-16e0dfa > .elementor-widget-container{margin:0px 0px 0px 0px;padding:50px 0px 0px 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-6725 .elementor-element.elementor-element-6fd4c92.elementor-element{--align-self:center;}.elementor-6725 .elementor-element.elementor-element-6fd4c92{text-align:center;font-family:"Outfit", Sans-serif;font-size:18px;font-weight:400;line-height:15px;color:#34405399;}.elementor-6725 .elementor-element.elementor-element-27e921f > .elementor-widget-container{margin:60px 0px 100px 0px;}.elementor-6725 .elementor-element.elementor-element-54021ab{--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;--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-6725 .elementor-element.elementor-element-c6d7a3d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6725 .elementor-element.elementor-element-c2d41d2{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6725 .elementor-element.elementor-element-2b0fb70 > .elementor-widget-container{padding:100px 0px 0px 0px;}.elementor-6725 .elementor-element.elementor-element-fa91346.elementor-element{--align-self:center;}.elementor-6725 .elementor-element.elementor-element-fa91346{text-align:center;font-family:"Outfit", Sans-serif;font-size:18px;font-weight:400;line-height:15px;color:#34405399;}.elementor-6725 .elementor-element.elementor-element-c6da15a{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6725 .elementor-element.elementor-element-d667abe > .elementor-widget-container{padding:100px 0px 0px 0px;}.elementor-6725 .elementor-element.elementor-element-e8e3588.elementor-element{--align-self:center;}.elementor-6725 .elementor-element.elementor-element-e8e3588{text-align:center;font-family:"Outfit", Sans-serif;font-size:18px;font-weight:400;line-height:15px;color:#34405399;}.elementor-6725 .elementor-element.elementor-element-e7db7b1 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-6725 .elementor-element.elementor-element-851c9ed{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6725 .elementor-element.elementor-element-4472e87 > .elementor-widget-container{padding:100px 0px 0px 0px;}.elementor-6725 .elementor-element.elementor-element-d7c1573.elementor-element{--align-self:center;}.elementor-6725 .elementor-element.elementor-element-d7c1573{text-align:center;font-family:"Outfit", Sans-serif;font-size:18px;font-weight:400;line-height:15px;color:#34405399;}.elementor-6725 .elementor-element.elementor-element-0a828d7{--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;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-6725 .elementor-element.elementor-element-c82b27d > .elementor-widget-container{padding:100px 0px 0px 0px;}.elementor-6725 .elementor-element.elementor-element-7e1274b.elementor-element{--align-self:center;}.elementor-6725 .elementor-element.elementor-element-7e1274b{text-align:center;font-family:"Outfit", Sans-serif;font-size:18px;font-weight:400;line-height:15px;color:#34405399;}.elementor-6725 .elementor-element.elementor-element-b8843c6{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-6725 .elementor-element.elementor-element-95a2afa{--content-width:100%;}}@media(max-width:1024px){.elementor-6725 .elementor-element.elementor-element-95a2afa{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-6725 .elementor-element.elementor-element-16e0dfa > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6725 .elementor-element.elementor-element-27e921f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6725 .elementor-element.elementor-element-54021ab{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-6725 .elementor-element.elementor-element-c2d41d2{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-6725 .elementor-element.elementor-element-c6da15a{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-6725 .elementor-element.elementor-element-851c9ed{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-6725 .elementor-element.elementor-element-0a828d7{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}}@media(max-width:767px){.elementor-6725 .elementor-element.elementor-element-95a2afa{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-6725 .elementor-element.elementor-element-16e0dfa > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6725 .elementor-element.elementor-element-6fd4c92{font-size:14px;}.elementor-6725 .elementor-element.elementor-element-54021ab{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6725 .elementor-element.elementor-element-c6d7a3d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6725 .elementor-element.elementor-element-c2d41d2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-6725 .elementor-element.elementor-element-2b0fb70 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6725 .elementor-element.elementor-element-fa91346{font-size:14px;}.elementor-6725 .elementor-element.elementor-element-c6da15a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-6725 .elementor-element.elementor-element-d667abe > .elementor-widget-container{padding:70px 0px 0px 0px;}.elementor-6725 .elementor-element.elementor-element-e8e3588{font-size:14px;}.elementor-6725 .elementor-element.elementor-element-851c9ed{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-6725 .elementor-element.elementor-element-4472e87 > .elementor-widget-container{padding:70px 0px 0px 0px;}.elementor-6725 .elementor-element.elementor-element-d7c1573{font-size:14px;line-height:20px;}.elementor-6725 .elementor-element.elementor-element-0a828d7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-6725 .elementor-element.elementor-element-c82b27d > .elementor-widget-container{padding:40px 0px 0px 0px;}.elementor-6725 .elementor-element.elementor-element-7e1274b{font-size:14px;}}/* Start custom CSS for html, class: .elementor-element-c6d7a3d */.transform-heading {
    padding-top: 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e7db7b1 *//* ============================
   SCENE & CONNECTOR
============================ */
.scene{
  position:relative;
  width:100%;
  aspect-ratio: 1200 / 560;
}

.connector{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:1;
  pointer-events:none;
}
.connector path{
  fill:none;
  stroke:#c7cbdb;
  stroke-width:1.5;
  stroke-dasharray:6 9;
  stroke-linecap:round;
}

/* ============================
   CARD CHUNG
============================ */
.revenue-card{
  position:absolute;
  width:470px;
  height:200px;
  padding:34px 32px;
  background:#fff;
  border-radius:16px;      /* giảm bo tròn */
  box-sizing:border-box;
  box-shadow:0 18px 50px rgba(20,30,60,0.12);
  display:flex;
  flex-direction:column;
  justify-content:center;
  transition:
    left .6s cubic-bezier(.4,0,.2,1),
    transform .6s cubic-bezier(.4,0,.2,1);
}

.revenue-title{
  margin:0 0 16px;
  font-size:24px;
  font-weight:600;
  line-height:30px;
  color:#344054;
}

.revenue-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.revenue-list li{
  display:flex;
  align-items:center;
  gap:12px;
}
.revenue-list img{
  width:22px;
  height:22px;
  flex-shrink:0;
}
.revenue-list span{
  font-size:14px;
  font-weight:400;
  line-height:1.5;
  color:#667085;
}

/* ============================
   CARD MÀU
============================ */
.card-blue{
  background-color:#00ACD8;
}
.card-blue h2{ color:#fff; }
.card-blue span{ color:#fff; }

/* ============================
   VỊ TRÍ MẶC ĐỊNH
   (2 card chồng đúng lên nhau tại đỉnh đường tròn, top cố định, không đổi khi hover)
============================ */
.card-white{
   left: calc(50% - 235px);
  top:14.3%;
  transform: rotate(0deg);
  transform-origin: 20% 100%;
  z-index:3;
}
.card-blue{
  left: calc(50% - 235px);
  top:14.3%;
  transform: rotate(0deg);
  transform-origin: 80% 100%;
  z-index:2;
}

/* ============================
   HOVER: CHỈ TRƯỢT NGANG + XOAY
   (top giữ nguyên, không nhảy lên xuống)
============================ */
.scene:hover .card-white{
 left: calc(50% - 495px);
  transform: rotate(-5deg);
}
.scene:hover .card-blue{
 left: calc(50% + 39px);
  transform: rotate(5deg);
}

.scene{
 position:relative;
  width:100vw;
  height: 380px;
  margin-left: calc(-50vw + 50%);
  aspect-ratio: 1200 / 560;
}

.connector{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  z-index:1;
  pointer-events:none;
  transform: translateY(70px);
}

/* ============================
   RESPONSIVE: TABLET & MOBILE
   (không có hover trên touch, nên bỏ hết absolute/transform,
   cho card về flow bình thường, xếp dọc)
============================ */
@media (max-width: 991px){

  .scene{
    width:100%;
    height:auto;              /* bỏ height cố định của desktop */
    max-height:none;
    aspect-ratio: unset;
    margin-left:0;            /* bỏ full-bleed trick */
    overflow:visible;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:24px;
    padding: 24px 16px;
  }

  /* Ẩn đường connector cong — trên mobile không cần thiết,
     hoặc set opacity thấp nếu muốn giữ làm chi tiết trang trí */
  .connector{
    display:none;
  }

  .revenue-card{
    position:static;          /* thoát khỏi absolute, về flow bình thường */
    width:100%;
    max-width:520px;
    height:auto;               /* để nội dung tự quyết định chiều cao */
    transform:none !important; /* không xoay nữa */
    left:auto;
    top:auto;
  }

  /* Đảm bảo hover không còn tác dụng gì trên touch device */
  .scene:hover .card-white,
  .scene:hover .card-blue{
    left:auto;
    transform:none;
  }
}

/* ============================
   MOBILE riêng (thu nhỏ chữ, padding cho vừa màn hình nhỏ)
============================ */
@media (max-width: 576px){

  .scene{
    padding: 16px 12px;
    gap:20px;
  }

  .revenue-card{
    padding: 24px 20px;
    border-radius: 16px;
  }

  .revenue-title{
    font-size:20px;
    line-height:26px;
    margin-bottom:12px;
  }

  .revenue-list{
    gap:14px;
  }

  .revenue-list span{
    font-size:11px;
  }

  .revenue-list img{
    width:18px;
    height:18px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c6da15a */html,
body{
    overflow-x: hidden;
}

#containerPer{
     width: 100vw;
    max-width: 100vw;

    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d2a364f */@media (max-width: 768px) {
    .faq-content {
        flex-wrap: wrap;
    }
}



@media (max-width: 920px) {
    .faq-card {
        flex-basis: 100%;
        max-width: 100%;
    }

    .faq-list {
        flex-basis: 100%;
    }
    
    .faq-header span {
		font-size:14px !important;
	}
	
	.faq-body p {
		font-size: 12px !important;
	}
	
	.faq-card h3 {
	    font-size: 16px !important;
	}
	
	.faq-card p {
	    font-size:12px !important;
	}

}

@media (max-width:1227px){
    .case-tabs{
        justify-content:flex-start;
        overflow-x:auto;
        flex-wrap:nowrap;
        gap:16px;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }
    .case-tabs::-webkit-scrollbar{
        display:none;
    }
    .case-tabs .tab{
        flex:0 0 188px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0f2f460 *//* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.pum-theme-7534, .pum-theme-default-theme  {
	background-color: transparent;
}

#popmake-7543 {
  top: 40px !important ;
}


.success-popup{
    width:420px !important;
    padding:28px 24px 24px;
    background:#fff;
    border-radius:20px;
    text-align:center;
    font-family:Poppins,sans-serif;
    box-shadow:0 12px 40px rgba(0,0,0,.08);
}

/* ICON */
.success-icon{
    display:flex;
    justify-content:center;
    margin-top:-8px;
    margin-bottom:18px;
}

.icon-circle{
    width:74px;
    height:74px;
    border-radius:50%;
    background:#18B5E7;
    color:#fff;
    font-size:38px;
    font-weight:600;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    box-shadow:0 10px 25px rgba(24,181,231,.25);
}

.icon-circle::before{
    content:"";
    position:absolute;
    inset:-12px;
    border-radius:50%;
    background:rgba(24,181,231,.12);
    z-index:-1;
}

/* TITLE */
.success-popup h2{
    margin:0 0 12px;
    font-size:24px;
    font-weight:600;
    color:#37415A;
    line-height:1.3;
	white-space: nowrap;
}

/* TEXT */
.success-popup p{
    margin:0 0 24px;
    font-size:15px;
    line-height:1.8;
    color:#8A93A8;
}

/* BUTTON */
.popup-btn{
    width:100%;
    height:46px;
    border:none;
    border-radius:999px;
    background:linear-gradient(90deg,#4287D8,#D82A8A,#F0255B);
    color:#fff;
    font-size:15px;
    font-weight:600;
    letter-spacing:.5px;
    cursor:pointer;
    transition:.3s;
}

.popup-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(216,42,138,.3);
}

.popup-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);

    display:flex;
    justify-content:center;
    align-items:center;

    opacity:0;
    visibility:hidden;

    transition:.3s;
    z-index:99999;
}

.popup-overlay.active{
    opacity:1;
    visibility:visible;
}

.success-popup{
    transform:scale(.9);
    transition:.3s;
}

.popup-overlay.active .success-popup{
    transform:scale(1);
}


/* RESPONSIVE*/
@media (max-width:768px){
	.success-popup h2 {
		font-size: 18px;
	}
	
	.success-popup p {
		font-size: 14px;
	}
	
	.success-popup{
	    width:80% !important;
	}
}/* End custom CSS */