.elementor-8451 .elementor-element.elementor-element-4e6d349d{--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;--padding-top:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-8451 .elementor-element.elementor-element-54b5ab5 .elementor-heading-title{font-family:"Ubuntu", Sans-serif;font-size:45px;font-weight:700;line-height:57px;color:#FFFFFF;}.elementor-8451 .elementor-element.elementor-element-140f8f33{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-8451 .elementor-element.elementor-element-12126c63{text-align:center;font-family:"Ubuntu", Sans-serif;font-size:18px;font-weight:400;font-style:italic;line-height:36px;}.elementor-8451 .elementor-element.elementor-element-24239442{--display:flex;}.elementor-8451 .elementor-element.elementor-element-9bbcc05 > .elementor-widget-container{margin:40px 0px 30px 0px;}.elementor-8451 .elementor-element.elementor-element-9bbcc05{text-align:center;}.elementor-8451 .elementor-element.elementor-element-9bbcc05 .elementor-heading-title{font-family:"Ubuntu", Sans-serif;font-size:40px;font-weight:700;line-height:57px;color:#FFFFFF;}.elementor-8451 .elementor-element.elementor-element-2f079ad3{--display:flex;}.elementor-8451 .elementor-element.elementor-element-17e21927{--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-8451 .elementor-element.elementor-element-17e21927:not(.elementor-motion-effects-element-type-background), .elementor-8451 .elementor-element.elementor-element-17e21927 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #171717 0%, #171717 100%);}.elementor-8451 .elementor-element.elementor-element-6adbf09a > .elementor-widget-container{margin:49px 0px 47px 0px;}.elementor-8451 .elementor-element.elementor-element-6adbf09a{text-align:center;}.elementor-8451 .elementor-element.elementor-element-6adbf09a .elementor-heading-title{font-family:"Ubuntu", Sans-serif;font-size:55px;font-weight:700;text-transform:none;color:#FFFFFF;}.elementor-8451 .elementor-element.elementor-element-266be8c6{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-8451 .elementor-element.elementor-element-574b09cd{width:100%;max-width:100%;grid-column:span 1;grid-row:span 1;}.elementor-8451 .elementor-element.elementor-element-574b09cd > .elementor-widget-container{background-color:transparent;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-image:linear-gradient(180deg, #262424 0%, #262424 100%);}.elementor-8451 .elementor-element.elementor-element-574b09cd.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-8451 .elementor-element.elementor-element-574b09cd .elementor-image-box-wrapper{text-align:center;}.elementor-8451 .elementor-element.elementor-element-574b09cd.elementor-position-right .elementor-image-box-img{margin-left:35px;}.elementor-8451 .elementor-element.elementor-element-574b09cd.elementor-position-left .elementor-image-box-img{margin-right:35px;}.elementor-8451 .elementor-element.elementor-element-574b09cd.elementor-position-top .elementor-image-box-img{margin-bottom:35px;}.elementor-8451 .elementor-element.elementor-element-574b09cd .elementor-image-box-title{margin-bottom:59px;font-family:"Ubuntu", Sans-serif;font-size:30px;font-weight:700;text-transform:none;font-style:normal;word-spacing:0px;color:#FFFFFF;}.elementor-8451 .elementor-element.elementor-element-574b09cd .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-8451 .elementor-element.elementor-element-574b09cd .elementor-image-box-img img{border-radius:0px;transition-duration:0.3s;}.elementor-8451 .elementor-element.elementor-element-574b09cd .elementor-image-box-description{font-family:"Ubuntu", Sans-serif;font-size:17px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#CCCCCC;}.elementor-8451 .elementor-element.elementor-element-b838b75{width:100%;max-width:100%;grid-column:span 1;grid-row:span 1;}.elementor-8451 .elementor-element.elementor-element-b838b75 > .elementor-widget-container{background-color:transparent;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-image:linear-gradient(180deg, #262424 0%, #262424 100%);}.elementor-8451 .elementor-element.elementor-element-b838b75.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-8451 .elementor-element.elementor-element-b838b75 .elementor-image-box-wrapper{text-align:center;}.elementor-8451 .elementor-element.elementor-element-b838b75.elementor-position-right .elementor-image-box-img{margin-left:35px;}.elementor-8451 .elementor-element.elementor-element-b838b75.elementor-position-left .elementor-image-box-img{margin-right:35px;}.elementor-8451 .elementor-element.elementor-element-b838b75.elementor-position-top .elementor-image-box-img{margin-bottom:35px;}.elementor-8451 .elementor-element.elementor-element-b838b75 .elementor-image-box-title{margin-bottom:49px;font-family:"Ubuntu", Sans-serif;font-size:30px;font-weight:700;text-transform:none;font-style:normal;color:#FFFFFF;}.elementor-8451 .elementor-element.elementor-element-b838b75 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-8451 .elementor-element.elementor-element-b838b75 .elementor-image-box-img img{border-radius:0px;transition-duration:0.3s;}.elementor-8451 .elementor-element.elementor-element-b838b75 .elementor-image-box-description{font-family:"Ubuntu", Sans-serif;font-size:17px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#CCCCCC;}.elementor-8451 .elementor-element.elementor-element-2bc3ffac{width:100%;max-width:100%;grid-column:span 1;grid-row:span 1;}.elementor-8451 .elementor-element.elementor-element-2bc3ffac > .elementor-widget-container{background-color:transparent;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-image:linear-gradient(180deg, #262424 0%, #262424 100%);}.elementor-8451 .elementor-element.elementor-element-2bc3ffac.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-8451 .elementor-element.elementor-element-2bc3ffac .elementor-image-box-wrapper{text-align:center;}.elementor-8451 .elementor-element.elementor-element-2bc3ffac.elementor-position-right .elementor-image-box-img{margin-left:35px;}.elementor-8451 .elementor-element.elementor-element-2bc3ffac.elementor-position-left .elementor-image-box-img{margin-right:35px;}.elementor-8451 .elementor-element.elementor-element-2bc3ffac.elementor-position-top .elementor-image-box-img{margin-bottom:35px;}.elementor-8451 .elementor-element.elementor-element-2bc3ffac .elementor-image-box-title{margin-bottom:59px;font-family:"Ubuntu", Sans-serif;font-size:30px;font-weight:700;text-transform:none;font-style:normal;color:#FFFFFF;}.elementor-8451 .elementor-element.elementor-element-2bc3ffac .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-8451 .elementor-element.elementor-element-2bc3ffac .elementor-image-box-img img{border-radius:0px;transition-duration:0.3s;}.elementor-8451 .elementor-element.elementor-element-2bc3ffac .elementor-image-box-description{font-family:"Ubuntu", Sans-serif;font-size:17px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#CCCCCC;}.elementor-8451 .elementor-element.elementor-element-7a2113c5{width:100%;max-width:100%;grid-column:span 1;grid-row:span 1;}.elementor-8451 .elementor-element.elementor-element-7a2113c5 > .elementor-widget-container{background-color:transparent;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-image:linear-gradient(180deg, #262424 0%, #262424 100%);}.elementor-8451 .elementor-element.elementor-element-7a2113c5.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-8451 .elementor-element.elementor-element-7a2113c5 .elementor-image-box-wrapper{text-align:center;}.elementor-8451 .elementor-element.elementor-element-7a2113c5.elementor-position-right .elementor-image-box-img{margin-left:35px;}.elementor-8451 .elementor-element.elementor-element-7a2113c5.elementor-position-left .elementor-image-box-img{margin-right:35px;}.elementor-8451 .elementor-element.elementor-element-7a2113c5.elementor-position-top .elementor-image-box-img{margin-bottom:35px;}.elementor-8451 .elementor-element.elementor-element-7a2113c5 .elementor-image-box-title{margin-bottom:59px;font-family:"Ubuntu", Sans-serif;font-size:30px;font-weight:700;text-transform:none;font-style:normal;color:#FFFFFF;}.elementor-8451 .elementor-element.elementor-element-7a2113c5 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-8451 .elementor-element.elementor-element-7a2113c5 .elementor-image-box-img img{border-radius:0px;transition-duration:0.3s;}.elementor-8451 .elementor-element.elementor-element-7a2113c5 .elementor-image-box-description{font-family:"Ubuntu", Sans-serif;font-size:17px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#CCCCCC;}.elementor-8451 .elementor-element.elementor-element-546c5e2c{width:100%;max-width:100%;grid-column:span 1;grid-row:span 1;}.elementor-8451 .elementor-element.elementor-element-546c5e2c > .elementor-widget-container{background-color:transparent;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-image:linear-gradient(180deg, #262424 0%, #262424 100%);}.elementor-8451 .elementor-element.elementor-element-546c5e2c.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-8451 .elementor-element.elementor-element-546c5e2c .elementor-image-box-wrapper{text-align:center;}.elementor-8451 .elementor-element.elementor-element-546c5e2c.elementor-position-right .elementor-image-box-img{margin-left:35px;}.elementor-8451 .elementor-element.elementor-element-546c5e2c.elementor-position-left .elementor-image-box-img{margin-right:35px;}.elementor-8451 .elementor-element.elementor-element-546c5e2c.elementor-position-top .elementor-image-box-img{margin-bottom:35px;}.elementor-8451 .elementor-element.elementor-element-546c5e2c .elementor-image-box-title{margin-bottom:59px;font-family:"Ubuntu", Sans-serif;font-size:34px;font-weight:700;text-transform:none;font-style:normal;color:#FFFFFF;}.elementor-8451 .elementor-element.elementor-element-546c5e2c .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-8451 .elementor-element.elementor-element-546c5e2c .elementor-image-box-img img{border-radius:0px;transition-duration:0.3s;}.elementor-8451 .elementor-element.elementor-element-546c5e2c .elementor-image-box-description{font-family:"Ubuntu", Sans-serif;font-size:17px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#CCCCCC;}.elementor-8451 .elementor-element.elementor-element-3af542e1{width:100%;max-width:100%;grid-column:span 1;grid-row:span 1;}.elementor-8451 .elementor-element.elementor-element-3af542e1 > .elementor-widget-container{background-color:transparent;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-image:linear-gradient(180deg, #262424 0%, #262424 100%);}.elementor-8451 .elementor-element.elementor-element-3af542e1.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-8451 .elementor-element.elementor-element-3af542e1 .elementor-image-box-wrapper{text-align:center;}.elementor-8451 .elementor-element.elementor-element-3af542e1.elementor-position-right .elementor-image-box-img{margin-left:35px;}.elementor-8451 .elementor-element.elementor-element-3af542e1.elementor-position-left .elementor-image-box-img{margin-right:35px;}.elementor-8451 .elementor-element.elementor-element-3af542e1.elementor-position-top .elementor-image-box-img{margin-bottom:35px;}.elementor-8451 .elementor-element.elementor-element-3af542e1 .elementor-image-box-title{margin-bottom:59px;font-family:"Ubuntu", Sans-serif;font-size:30px;font-weight:700;text-transform:none;font-style:normal;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-8451 .elementor-element.elementor-element-3af542e1 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-8451 .elementor-element.elementor-element-3af542e1 .elementor-image-box-img img{border-radius:0px;transition-duration:0.3s;}.elementor-8451 .elementor-element.elementor-element-3af542e1 .elementor-image-box-description{font-family:"Ubuntu", Sans-serif;font-size:17px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#CCCCCC;}.elementor-8451 .elementor-element.elementor-element-dcb320f{--display:flex;}.elementor-8451 .elementor-element.elementor-element-b8aa6e7{--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-8451 .elementor-element.elementor-element-4a0c2a8e{font-family:"Ubuntu", Sans-serif;font-size:18px;font-weight:400;line-height:36px;color:#FFFFFF;}.elementor-8451 .elementor-element.elementor-element-2433cd68{text-align:center;}.elementor-8451 .elementor-element.elementor-element-2433cd68 .elementor-heading-title{font-family:"Ubuntu", Sans-serif;font-size:40px;font-weight:700;line-height:57px;color:#FFFFFF;}.elementor-8451 .elementor-element.elementor-element-352fcbab{--display:flex;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-8451 .elementor-element.elementor-element-17e21927{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8451 .elementor-element.elementor-element-6adbf09a .elementor-heading-title{font-size:36px;}.elementor-8451 .elementor-element.elementor-element-266be8c6{--grid-auto-flow:row;}.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-8451 .elementor-element.elementor-element-574b09cd .elementor-image-box-title{font-size:28px;}.elementor-8451 .elementor-element.elementor-element-574b09cd .elementor-image-box-description{font-size:17px;}.elementor-8451 .elementor-element.elementor-element-b838b75 .elementor-image-box-title{font-size:28px;}.elementor-8451 .elementor-element.elementor-element-2bc3ffac .elementor-image-box-title{font-size:28px;}.elementor-8451 .elementor-element.elementor-element-7a2113c5 .elementor-image-box-title{font-size:28px;}.elementor-8451 .elementor-element.elementor-element-546c5e2c .elementor-image-box-title{font-size:28px;}.elementor-8451 .elementor-element.elementor-element-3af542e1 .elementor-image-box-title{font-size:28px;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-8451 .elementor-element.elementor-element-17e21927{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8451 .elementor-element.elementor-element-6adbf09a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8451 .elementor-element.elementor-element-6adbf09a .elementor-heading-title{font-size:28px;}.elementor-8451 .elementor-element.elementor-element-266be8c6{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-8451 .elementor-element.elementor-element-574b09cd .elementor-image-box-img{margin-bottom:28px;}.elementor-8451 .elementor-element.elementor-element-574b09cd.elementor-position-right .elementor-image-box-img{margin-left:28px;}.elementor-8451 .elementor-element.elementor-element-574b09cd.elementor-position-left .elementor-image-box-img{margin-right:28px;}.elementor-8451 .elementor-element.elementor-element-574b09cd.elementor-position-top .elementor-image-box-img{margin-bottom:28px;}.elementor-8451 .elementor-element.elementor-element-574b09cd .elementor-image-box-title{font-size:28px;}.elementor-8451 .elementor-element.elementor-element-b838b75 .elementor-image-box-img{margin-bottom:28px;}.elementor-8451 .elementor-element.elementor-element-b838b75.elementor-position-right .elementor-image-box-img{margin-left:28px;}.elementor-8451 .elementor-element.elementor-element-b838b75.elementor-position-left .elementor-image-box-img{margin-right:28px;}.elementor-8451 .elementor-element.elementor-element-b838b75.elementor-position-top .elementor-image-box-img{margin-bottom:28px;}.elementor-8451 .elementor-element.elementor-element-b838b75 .elementor-image-box-title{font-size:28px;}.elementor-8451 .elementor-element.elementor-element-2bc3ffac .elementor-image-box-img{margin-bottom:35px;}.elementor-8451 .elementor-element.elementor-element-2bc3ffac .elementor-image-box-title{font-size:28px;}.elementor-8451 .elementor-element.elementor-element-7a2113c5 .elementor-image-box-img{margin-bottom:35px;}.elementor-8451 .elementor-element.elementor-element-7a2113c5 .elementor-image-box-title{font-size:28px;}.elementor-8451 .elementor-element.elementor-element-546c5e2c .elementor-image-box-img{margin-bottom:35px;}.elementor-8451 .elementor-element.elementor-element-546c5e2c .elementor-image-box-title{font-size:28px;}.elementor-8451 .elementor-element.elementor-element-3af542e1 .elementor-image-box-img{margin-bottom:35px;}.elementor-8451 .elementor-element.elementor-element-3af542e1 .elementor-image-box-title{font-size:28px;}}/* Start custom CSS for text-editor, class: .elementor-element-6ba43749 */.hfff-card {
  display: flex;
  flex-wrap: wrap;
  background: #000;
  padding: 24px;
  border-radius: 16px;
  box-shadow: 0 0 28px rgba(170, 255, 100, 0.1);
  color: #fff;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}

.hfff-col {
  flex: 1 1 20%;
  min-width: 180px;
  text-align: center;
}

.rank-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.rank {
  font-size: 20px;
  color: #aaff44;
  font-weight: bold;
  margin-bottom: 8px;
}

.logo {
  width: 100px;
  height: auto;
}

.brand-name {
  font-size: 18px;
  font-weight: bold;
  color: #aaff44;
  margin-bottom: 10px;
}

.features {
  text-align: left;
  font-size: 15px;
  line-height: 1.6;
  padding: 0;
  list-style: none;
}

.features li {
  margin-bottom: 6px;
}

.rating {
  text-align: center;
}

.stars {
  color: #ffc107;
  font-size: 18px;
  margin-bottom: 6px;
}

.badge {
  background: red;
  color: white;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 6px;
  display: inline-block;
}

.action {
  text-align: center;
}

.btn {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 6px;
  font-weight: bold;
  margin: 6px 0;
  text-decoration: none;
  font-size: 14px;
}

.btn.red {
  background: #ff2c2c;
  color: white;
}

.btn.green {
  background: #00e676;
  color: white;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-42a52e3 */.hfff-card {
  display: flex;
  flex-wrap: wrap;
  background: #000;
  padding: 24px;
  border-radius: 16px;
  box-shadow: 0 0 28px rgba(170, 255, 100, 0.1);
  color: #fff;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}

.hfff-col {
  flex: 1 1 20%;
  min-width: 180px;
  text-align: center;
}

.rank-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.rank {
  font-size: 20px;
  color: #aaff44;
  font-weight: bold;
  margin-bottom: 8px;
}

.logo {
  width: 100px;
  height: auto;
}

.brand-name {
  font-size: 18px;
  font-weight: bold;
  color: #aaff44;
  margin-bottom: 10px;
}

.features {
  text-align: left;
  font-size: 15px;
  line-height: 1.6;
  padding: 0;
  list-style: none;
}

.features li {
  margin-bottom: 6px;
}

.rating {
  text-align: center;
}

.stars {
  color: #ffc107;
  font-size: 18px;
  margin-bottom: 6px;
}

.badge {
  background: red;
  color: white;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 6px;
  display: inline-block;
}

.action {
  text-align: center;
}

.btn {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 6px;
  font-weight: bold;
  margin: 6px 0;
  text-decoration: none;
  font-size: 14px;
}

.btn.red {
  background: #ff2c2c;
  color: white;
}

.btn.green {
  background: #00e676;
  color: white;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3189957 */.hfff-card {
  display: flex;
  flex-wrap: wrap;
  background: #000;
  padding: 24px;
  border-radius: 16px;
  box-shadow: 0 0 28px rgba(170, 255, 100, 0.1);
  color: #fff;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}

.hfff-col {
  flex: 1 1 20%;
  min-width: 180px;
  text-align: center;
}

.rank-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.rank {
  font-size: 20px;
  color: #aaff44;
  font-weight: bold;
  margin-bottom: 8px;
}

.logo {
  width: 100px;
  height: auto;
}

.brand-name {
  font-size: 18px;
  font-weight: bold;
  color: #aaff44;
  margin-bottom: 10px;
}

.features {
  text-align: left;
  font-size: 15px;
  line-height: 1.6;
  padding: 0;
  list-style: none;
}

.features li {
  margin-bottom: 6px;
}

.rating {
  text-align: center;
}

.stars {
  color: #ffc107;
  font-size: 18px;
  margin-bottom: 6px;
}

.badge {
  background: red;
  color: white;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 6px;
  display: inline-block;
}

.action {
  text-align: center;
}

.btn {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 6px;
  font-weight: bold;
  margin: 6px 0;
  text-decoration: none;
  font-size: 14px;
}

.btn.red {
  background: #ff2c2c;
  color: white;
}

.btn.green {
  background: #00e676;
  color: white;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6e65e110 */.hfff-card {
  display: flex;
  flex-wrap: wrap;
  background: #000;
  padding: 24px;
  border-radius: 16px;
  color: #fff;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}

.hfff-col {
  flex: 1 1 20%;
  min-width: 180px;
  text-align: center;
}

.rank-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.rank {
  font-size: 20px;
  color: #aaff44;
  font-weight: bold;
  margin-bottom: 8px;
}

.logo {
  width: 100px;
  height: auto;
}

.brand-name {
  font-size: 18px;
  font-weight: bold;
  color: #aaff44;
  margin-bottom: 10px;
}

.features {
  text-align: left;
  font-size: 15px;
  line-height: 1.6;
  padding: 0;
  list-style: none;
}

.features li {
  margin-bottom: 6px;
}

.rating {
  text-align: center;
}

.stars {
  color: #ffc107;
  font-size: 18px;
  margin-bottom: 6px;
}

.badge {
  background: red;
  color: white;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 6px;
  display: inline-block;
}

.action {
  text-align: center;
}

.btn {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 6px;
  font-weight: bold;
  margin: 6px 0;
  text-decoration: none;
  font-size: 14px;
}

.btn.red {
  background: #ff2c2c;
  color: white;
}

.btn.green {
  background: #00e676;
  color: white;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-666ed5c */.hfff-card {
  display: flex;
  flex-wrap: wrap;
  background: #000;
  padding: 24px;
  border-radius: 16px;
  color: #fff;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}

.hfff-col {
  flex: 1 1 20%;
  min-width: 180px;
  text-align: center;
}

.rank-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.rank {
  font-size: 20px;
  color: #aaff44;
  font-weight: bold;
  margin-bottom: 8px;
}

.logo {
  width: 100px;
  height: auto;
}

.brand-name {
  font-size: 18px;
  font-weight: bold;
  color: #aaff44;
  margin-bottom: 10px;
}

.features {
  text-align: left;
  font-size: 15px;
  line-height: 1.6;
  padding: 0;
  list-style: none;
}

.features li {
  margin-bottom: 6px;
}

.rating {
  text-align: center;
}

.stars {
  color: #ffc107;
  font-size: 18px;
  margin-bottom: 6px;
}

.badge {
  background: red;
  color: white;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 6px;
  display: inline-block;
}

.action {
  text-align: center;
}

.btn {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 6px;
  font-weight: bold;
  margin: 6px 0;
  text-decoration: none;
  font-size: 14px;
}

.btn.red {
  background: #ff2c2c;
  color: white;
}

.btn.green {
  background: #00e676;
  color: white;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2307afd9 */.hfff-card {
  display: flex;
  flex-wrap: wrap;
  background: #000;
  padding: 24px;
  border-radius: 16px;
  color: #fff;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}

.hfff-col {
  flex: 1 1 20%;
  min-width: 180px;
  text-align: center;
}

.rank-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.rank {
  font-size: 20px;
  color: #aaff44;
  font-weight: bold;
  margin-bottom: 8px;
}

.logo {
  width: 100px;
  height: auto;
}

.brand-name {
  font-size: 18px;
  font-weight: bold;
  color: #aaff44;
  margin-bottom: 10px;
}

.features {
  text-align: left;
  font-size: 15px;
  line-height: 1.6;
  padding: 0;
  list-style: none;
}

.features li {
  margin-bottom: 6px;
}

.rating {
  text-align: center;
}

.stars {
  color: #ffc107;
  font-size: 18px;
  margin-bottom: 6px;
}

.badge {
  background: red;
  color: white;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 6px;
  display: inline-block;
}

.action {
  text-align: center;
}

.btn {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 6px;
  font-weight: bold;
  margin: 6px 0;
  text-decoration: none;
  font-size: 14px;
}

.btn.red {
  background: #ff2c2c;
  color: white;
}

.btn.green {
  background: #00e676;
  color: white;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2bbc500 */.hfff-card {
  display: flex;
  flex-wrap: wrap;
  background: #000;
  padding: 24px;
  border-radius: 16px;
  color: #fff;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}

.hfff-col {
  flex: 1 1 20%;
  min-width: 180px;
  text-align: center;
}

.rank-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.rank {
  font-size: 20px;
  color: #aaff44;
  font-weight: bold;
  margin-bottom: 8px;
}

.logo {
  width: 100px;
  height: auto;
}

.brand-name {
  font-size: 18px;
  font-weight: bold;
  color: #aaff44;
  margin-bottom: 10px;
}

.features {
  text-align: left;
  font-size: 15px;
  line-height: 1.6;
  padding: 0;
  list-style: none;
}

.features li {
  margin-bottom: 6px;
}

.rating {
  text-align: center;
}

.stars {
  color: #ffc107;
  font-size: 18px;
  margin-bottom: 6px;
}

.badge {
  background: red;
  color: white;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 6px;
  display: inline-block;
}

.action {
  text-align: center;
}

.btn {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 6px;
  font-weight: bold;
  margin: 6px 0;
  text-decoration: none;
  font-size: 14px;
}

.btn.red {
  background: #ff2c2c;
  color: white;
}

.btn.green {
  background: #00e676;
  color: white;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-671b7290 */.hfff-card {
  display: flex;
  flex-wrap: wrap;
  background: #000;
  padding: 24px;
  border-radius: 16px;
  color: #fff;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}

.hfff-col {
  flex: 1 1 20%;
  min-width: 180px;
  text-align: center;
}

.rank-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.rank {
  font-size: 20px;
  color: #aaff44;
  font-weight: bold;
  margin-bottom: 8px;
}

.logo {
  width: 100px;
  height: auto;
}

.brand-name {
  font-size: 18px;
  font-weight: bold;
  color: #aaff44;
  margin-bottom: 10px;
}

.features {
  text-align: left;
  font-size: 15px;
  line-height: 1.6;
  padding: 0;
  list-style: none;
}

.features li {
  margin-bottom: 6px;
}

.rating {
  text-align: center;
}

.stars {
  color: #ffc107;
  font-size: 18px;
  margin-bottom: 6px;
}

.badge {
  background: red;
  color: white;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 6px;
  display: inline-block;
}

.action {
  text-align: center;
}

.btn {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 6px;
  font-weight: bold;
  margin: 6px 0;
  text-decoration: none;
  font-size: 14px;
}

.btn.red {
  background: #ff2c2c;
  color: white;
}

.btn.green {
  background: #00e676;
  color: white;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-903966f */.hfff-card {
  display: flex;
  flex-wrap: wrap;
  background: #000;
  padding: 24px;
  border-radius: 16px;
  color: #fff;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}

.hfff-col {
  flex: 1 1 20%;
  min-width: 180px;
  text-align: center;
}

.rank-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.rank {
  font-size: 20px;
  color: #aaff44;
  font-weight: bold;
  margin-bottom: 8px;
}

.logo {
  width: 100px;
  height: auto;
}

.brand-name {
  font-size: 18px;
  font-weight: bold;
  color: #aaff44;
  margin-bottom: 10px;
}

.features {
  text-align: left;
  font-size: 15px;
  line-height: 1.6;
  padding: 0;
  list-style: none;
}

.features li {
  margin-bottom: 6px;
}

.rating {
  text-align: center;
}

.stars {
  color: #ffc107;
  font-size: 18px;
  margin-bottom: 6px;
}

.badge {
  background: red;
  color: white;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 6px;
  display: inline-block;
}

.action {
  text-align: center;
}

.btn {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 6px;
  font-weight: bold;
  margin: 6px 0;
  text-decoration: none;
  font-size: 14px;
}

.btn.red {
  background: #ff2c2c;
  color: white;
}

.btn.green {
  background: #00e676;
  color: white;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5ce243c */.hfff-card {
  display: flex;
  flex-wrap: wrap;
  background: #000;
  padding: 24px;
  border-radius: 16px;
  color: #fff;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}

.hfff-col {
  flex: 1 1 20%;
  min-width: 180px;
  text-align: center;
}

.rank-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.rank {
  font-size: 20px;
  color: #aaff44;
  font-weight: bold;
  margin-bottom: 8px;
}

.logo {
  width: 100px;
  height: auto;
}

.brand-name {
  font-size: 18px;
  font-weight: bold;
  color: #aaff44;
  margin-bottom: 10px;
}

.features {
  text-align: left;
  font-size: 15px;
  line-height: 1.6;
  padding: 0;
  list-style: none;
}

.features li {
  margin-bottom: 6px;
}

.rating {
  text-align: center;
}

.stars {
  color: #ffc107;
  font-size: 18px;
  margin-bottom: 6px;
}

.badge {
  background: red;
  color: white;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 6px;
  display: inline-block;
}

.action {
  text-align: center;
}

.btn {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 6px;
  font-weight: bold;
  margin: 6px 0;
  text-decoration: none;
  font-size: 14px;
}

.btn.red {
  background: #ff2c2c;
  color: white;
}

.btn.green {
  background: #00e676;
  color: white;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1bc52da0 */.hfff-icons-section {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
  padding: 40px 20px;
  background: #0b0b0b;
  border-radius: 16px;
  box-shadow: 0 0 20px rgba(170, 255, 68, 0.15);
}

.hfff-icon-box {
  flex: 1 1 200px;
  max-width: 240px;
  text-align: center;
  transition: transform 0.3s ease;
}

.hfff-icon-box:hover {
  transform: translateY(-5px);
}

.hfff-icon-box img {
  width: 80px;
  height: 80px;
  margin-bottom: 16px;
}

.hfff-icon-box p {
  color: #aaff44;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.hfff-icon-box img {
  background: #ffffff;
  border-radius: 50%;
  padding: 10px;
  box-shadow: 0 0 8px rgba(0,0,0,0.05);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-574b09cd */.section-toancau2 .elementor-image-box-content{
        padding: 0 10% 10%;
}
.section-toancau2 .box-title .elementor-image-box-wrapper{
        border: 1px solid #97B100;
}
.section-toancau2 .e-con-inner .e-grid{
    gap: 30px;    
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-b838b75 */.section-toancau-2 .elementor-image-box-content{
        padding: 0 10% 10%;
}
.section-toancau-2 .elementor-image-box-wrapper{
        border: 1px solid #97B100;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-2bc3ffac */.section-toancau-2 .elementor-image-box-content{
        padding: 0 10% 10%;
}
.section-toancau-2 .elementor-widget-container{
        border: 1px solid #97B100;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-7a2113c5 */.section-toancau-2 .elementor-image-box-content{
        padding: 0 10% 10%;
}
.section-toancau-2 .elementor-image-box-wrapper{
        border: 1px solid #97B100;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-546c5e2c */.section-toancau-2 .elementor-image-box-content{
    padding: 0 10% 10%;
}
.section-toancau-2 .elementor-image-box-wrapper{
    border: 1px solid #97B100;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-3af542e1 */.section-toancau-2 .elementor-image-box-content{
        padding: 0 10% 10%;
}
.section-toancau-2 .elementor-image-box-wrapper{
        border: 1px solid #97B100;
}
.section-toancau-2 .e-con-inner{
    max-width: 1300px;
}
.section-toancau-2 .e-con-inner .e-grid{
    gap: 30px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17e21927 */.section-toancau4 .box-title .elementor-widget-container{
    border: 1px solid #97B100;
}
.section-toancau4 .elementor-image-box-content{
    padding: 0 30px 30px;
}
.section-toancau4 .elementor-image-box-title{
    line-height: 1.2;
    height: 60px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4496691e */.hfff-section-expandable {
  padding: 60px 20px;
  display: flex;
  justify-content: center;
  
}

.hfff-expandable-wrapper {
  position: relative;
  max-height: 520px;
  overflow: hidden;
  transition: max-height 0.6s ease;
  
  border-radius: 20px;
  padding: 40px 40px 100px;
  width: 100%;
  max-width: 1800px;
  box-shadow: 0 0 25px rgba(127, 197, 4, 0.3);
  color: #e6f4ea;
  font-family: 'Ubuntu', sans-serif;
  line-height: 1.7;
  font-size: 15px;
}

.hfff-expandable-wrapper.expanded {
  max-height: 7000px;
}

.hfff-expandable-content h2,
.hfff-expandable-content h3,
.hfff-expandable-content h4 {
  color: #7fc504;
  margin-bottom: 12px;
  border-left: 4px solid #7fc504;
  padding-left: 12px;
}

.hfff-expandable-content p,
.hfff-expandable-content li {
  margin-bottom: 12px;
}

.hfff-expandable-content ul {
  list-style: none;
  padding-left: 0;
}

.hfff-expandable-content ul li {
  position: relative;
  padding-left: 24px;
}

.hfff-expandable-content ul li::before {
  content: "✅";
  position: absolute;
  left: 0;
  top: 0;
  color: #7fc504;
}

/* Overlay mờ dưới cùng */
.hfff-fade-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(to bottom, transparent, rgba(127, 197, 4, 0.3));
  pointer-events: none;
  z-index: 5;
}

.hfff-expandable-wrapper.expanded .hfff-fade-overlay {
  display: none;
}

/* Button ảnh */


@keyframes floatUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

.hfff-expand-toggle {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  background: none;
  border: none;
  cursor: pointer;
  z-index: 10;
  padding: 0;
}

.hfff-expand-toggle img {
  width: 50px;
  height: auto;
  display: block;
  border-radius: 12px;
  animation: floatUpDown 2.5s ease-in-out infinite;
  transition: transform 0.4s ease, box-shadow 0.3s ease;
}


/* Khi wrapper mở rộng: quay ảnh nút */
.hfff-expandable-wrapper.expanded .hfff-expand-toggle img {
  transform: rotate(180deg);
}
/* Khối nội dung chính */
.hfff-expandable-content {
  color: #e6f4ea;
  font-family: 'Ubuntu', sans-serif;
  line-height: 1.7;
  font-size: 16px; /* 👉 Cỡ chữ mặc định cho đoạn văn */
}

/* Tiêu đề */
.hfff-expandable-content h1 {
  font-size: 32px;
  color: #7fc504;
  margin: 30px 0 15px;
  border-left: 5px solid #7fc504;
  padding-left: 12px;
}

.hfff-expandable-content h2 {
  font-size: 28px;
  color: #7fc504;
  margin: 25px 0 15px;
  border-left: 4px solid #7fc504;
  padding-left: 12px;
}

.hfff-expandable-content h3 {
  font-size: 22px;
  color: #b2d235;
  margin: 20px 0 12px;
  border-left: 3px solid #b2d235;
  padding-left: 10px;
}

.hfff-expandable-content h4 {
  font-size: 18px;
  color: #b2d235;
  margin: 16px 0 10px;
  font-weight: 600;
}

/* Đoạn văn */
.hfff-expandable-content p {
  font-size: inherit;
  margin-bottom: 14px;
  color: inherit;
}

/* Danh sách */
.hfff-expandable-content ul {
  list-style: none;
  padding-left: 0;
  margin: 16px 0;
}

.hfff-expandable-content li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  color: #e6f4ea;
  font-size: inherit;
}

.hfff-expandable-content li::before {
  content: "✅";
  position: absolute;
  left: 0;
  top: 0;
  color: #7fc504;
}

/* Sub-section nội dung bổ sung */
.hfff-expandable-content .sub-section {
  margin-top: 12px;
  font-size: inherit;
  line-height: inherit;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4a0c2a8e */.faq-section {
  background-color: #0d0f2d;
  padding: 20px;
  border-radius: 12px;
  font-family: 'Ubuntu', sans-serif;
  color: #fff;
}

.faq-section h2 {
  color: #b2d235;
  font-size: 24px;
  margin-bottom: 15px;
}

.faq-intro {
  margin-bottom: 20px;
  font-size: 16px;
}

.faq-item {
  margin-bottom: 15px;
  border-bottom: 1px solid #333;
  padding-bottom: 10px;
}

.faq-question {
  background: none;
  border: none;
  color: #7fc504;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  width: 100%;
  text-align: left;
  position: relative;
  padding-right: 20px;
}

.faq-question::after {
  content: "▶";
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

.faq-item.active .faq-question::after {
  transform: rotate(90deg);
}

.faq-answer {
  display: none;
  margin-top: 10px;
  color: #eee;
  font-size: 15px;
  line-height: 1.6;
}

.faq-item.active .faq-answer {
  display: block;
}

.faq-conclusion {
  margin-top: 20px;
  font-size: 15px;
  line-height: 1.6;
  color: #ccc;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3ce518c9 */.hfff-top-nha-cai {
  padding: 60px 20px;
  max-width: 1200px;
  margin: auto;
  text-align: center;
}

.section-heading {
  font-size: 36px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 40px;
}

.hfff-toplist-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
}

.toplist-item {
  background-color: #0d0f2d;
  border-radius: 16px;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.toplist-item:hover {
  transform: translateY(-6px);
}

.toplist-thumb {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 16px 16px 0 0;
}

.toplist-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.toplist-title {
  padding: 16px 30px;
  font-size: 20px;
  font-weight: 600;
  color: #b2d235;
  margin: 0;
  line-height: 1.4;
}

.toplist-title a {
  color: inherit;
  text-decoration: none;
}

.toplist-title a:hover {
  color: #7fc504;
}/* End custom CSS */