/*!
Theme Name: DonaTheme
Theme URI: https://underscores.me/
Author: Automattic
Author URI: https://automattic.com/
Description: Hi. I'm a starter theme called <code>DonaTheme</code>, or <em>underscores</em>, if you like. I'm a theme meant for hacking so don't use me as a <em>Parent Theme</em>. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: DonaTheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

DonaTheme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.tab-content .fade:not(.no-fade){
	opacity:1;
}
section.gallery #pills-tab{
	display:flex;
	justify-content:center;
	gap:20px;
}
.nav-item .nav-link{
	background:transparent !important;
	border-radius:10px;
	color:#ff6c26 !important;
	padding:5px 25px;
}
	.nav-item .nav-link.active{

	border:1px solid #ff6c26;

}


/* Prcing section New */

/* software-section - start */
.pricing-section .bg-image {
  position: relative; }
  .pricing-section .bg-image .bg-shape-1 {
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    position: absolute; }

/* software-section - end */


/* 14 - pricing plan page - start
==================================================================================================== */
.pricing-section .bg-image {
  margin: 0 auto;
  max-width: 1690px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  .pricing-section .bg-image .pricing-plan {
    
border-radius:9px}

.pricing-section .pricing-tab-nav {
  margin-bottom: 20px; }
  .pricing-section .pricing-tab-nav > ul {
    display: table;
  

    }
    .pricing-section .pricing-tab-nav > ul > li {
      width: 30%;
    }
      .pricing-section .pricing-tab-nav > ul > li > a {
        width: 100%;
        height: 100%;
        display: block;
        font-size: 16px;
        padding: 0px 30px;
        line-height: 40px;
        color: #535e72; 
 border: 2px solid #Ff5895;
border-radius:0 !important}
        .pricing-section .pricing-tab-nav > ul > li > a:hover {
          color: #ffffff;
          background-color: #FF848C;
 border: 1px solid #FF848C;}

.pricing-section .pricing-tab-nav > ul > li button{
	padding:0;

	color: #FF848C;
	
	transition:all ease 0.3s;
	width:100%;
	font-weight:700;
	
}
.pricing-section .pricing-tab-nav > ul > li button img{
	width:100%;
	aspect-ratio:1;
	object-fit:cover
}
.pricing-section .pricing-tab-nav > ul > li button:hover{
	 
}
      .pricing-section .pricing-tab-nav > ul > li > .active {
        color: #ffffff;
        background-color: #FF848C;
 border: 20px solid #FF848C;}

.pricing-section .pricing-plan {
  padding:0px;

  position: relative;

  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .pricing-section .pricing-plan .offer-text {
    top: 45px;
    right: 0px;
    font-size: 14px;
    padding: 8px 10px;
    border-radius: 3px;
    position: absolute;
    color: #ffffff;
    background-color: #d7144e; }
    .pricing-section .pricing-plan .offer-text:before {
      left: 0px;
      bottom: -10px;
      content: '';
      position: absolute;
      border-top: 10px solid transparent;
      border-left: 10px solid #d7144e;
      border-right: 10px solid transparent;
      border-bottom: 10px solid transparent; }
  .pricing-section .pricing-plan .plan-title {
    font-size: 18px;
    color: #535e72; }
  .pricing-section .pricing-plan .item-icon {
    width: 120px;
    height: 115px;
    font-size: 54px;
    line-height: 115px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center; }
    .pricing-section .pricing-plan .item-icon > i {
      background: -webkit-gradient(linear, left top, left bottom, from(#e93194), to(#701d94));
      background: -webkit-linear-gradient(top, #e93194, #701d94);
      background: -o-linear-gradient(top, #e93194, #701d94);
      background: linear-gradient(to bottom, #e93194, #701d94);
      -webkit-background-clip: text !important;
      -webkit-text-fill-color: transparent !important; }
  .pricing-section .pricing-plan .price-text, .pricing-section .pricing-plan .price-text-2 {
    font-size: 36px;
    color: #Ff5895;
    font-weight: 700; }
  .pricing-section .pricing-plan .item-list {
    padding: 50px 0px;
padding-bottom:0}
.pricing-section .pricing-plan .item-list ul ul {
	list-style:none;
	margin:0;
	padding:0;
}
@media(max-width:992px){
	.pricing-section .pricing-tab-nav > ul > li{
		width:29%
	}
}
    .pricing-section .pricing-plan .item-list > ul > li {
      font-size: 16px;
      margin-bottom: 15px; }
      .pricing-section .pricing-plan .item-list > ul > li:last-child {
        margin-bottom: 0px; }
  .pricing-section .pricing-plan .start-btn {
    width: auto;
    height: 55px;
    font-size: 16px;
    padding: 0px 45px;
    line-height: 55px;
    border-radius: 3px;
    color: #535e72;
    background-color: #f7f9fe; }
  .pricing-section .pricing-plan:hover {
    -webkit-box-shadow: 0px 15px 43.65px 1.35px rgba(0, 27, 103, 0.1);
    box-shadow: 0px 15px 43.65px 1.35px rgba(0, 27, 103, 0.1); }
    .pricing-section .pricing-plan:hover .start-btn {
      color: #ffffff;
      background-color: #Ff5895; }

.pricing-section .pricing-plan.active-item {
  -webkit-box-shadow: 0px 15px 43.65px 1.35px rgba(0, 27, 103, 0.1);
  box-shadow: 0px 15px 43.65px 1.35px rgba(0, 27, 103, 0.1); }
  .pricing-section .pricing-plan .start-btn {
    color: #ffffff;
    background-color: #FF848C;
border:1px solid #FF848C}
  .pricing-section .pricing-plan.active-item:hover .start-btn {
    background-color: #FF848C;
border-radius:20px}

.pricing-section .review-btn {
  margin-top: 70px; }
  .pricing-section .review-btn .custom-btn-underline {
    font-size: 18px;
    color: #ffffff; }
    .pricing-section .review-btn .custom-btn-underline:before {
      border-bottom: 2px solid #ffffff; }

/* 14 - pricing plan page - end */
  /* pricing pages - start
	================================================== */
  .pricing-section .bg-image {
    max-width: 100%;
	border-radius:20px}
  /* pricing pages - end */
 /* pricing pages - start
	================================================== */
  .pricing-section .bg-image .pricing-plan {
    max-width: 370px;
    margin: 30px auto 0px; }
  .pricing-section .pricing-tab-nav {
    margin-bottom: 60px; }
  .pricing-section .pricing-plan {
    max-width: 370px;
	  
    margin: 30px auto 0px; }
  .pricing-section .review-btn .custom-btn-underline {
    color: #Ff5895; }
  .pricing-section .review-btn .custom-btn-underline:before {
    border-bottom: 2px solid #Ff5895; }
  .pricing-section .bg-image {
    padding: 0px !important;
    background-image: none !important; }
  /* pricing pages - end
	================================================== */
  .pricing-section .bg-image .pricing-plan {
    max-width: 100%; }
  .pricing-section .pricing-plan {
    max-width: 100%; }

.pricing-section  .pricing-plan{
	margin-top:0px !important;
	padding-top:0
}

.page-template-page-pricing #pricing-section .col-md-12:first-child  .plan-title{
	  background-color:#B2C4D8;
}
.pricing-section .pricing-plan .item-list ul ul li:before{
/* 	content:"";
	position:absolute;
	top:5px;
	left:-20px;
	background-size:cover;
	background-image:url('https://vidocenter.com/wp-content/uploads/2024/10/Remove-bg.ai_1727854291686.png');
	width:16px;
	height:16px;} */
}
.pricing-section .pricing-plan .item-list ul ul li{
	text-align:left;
	position:relative;
	padding-left:7px;
	font-size:14px;
	margin-bottom:10px
}
.price-list-page.col-lg-4{
	max-width:31%;
}
.pricing-section .pricing-plan .item-list ul{
	margin-top:-30px;
}
.pricing-section .pricing-plan{
	height:100%;
	display:flex;
	flex-direction:column;
}
.pricing-section .pricing-plan .start-btn{
	margin-top:auto;
}
#pricing-section #pills-tab{
	gap:20px;
}
.dieu-khoan{
	margin: 50px 20px 0 20px;
	border:2px solid #ffffff;
	color:#000;
	border-radius:20px;
	padding:20px;
}
.page-template-page-pricing footer {
	background-color: #FF848C !important;
	margin-top:30px;
	background-image:none !important
}
 :root {
        --background-light: #f5f5f7;
        --text-light: #333333;
        --background-dark: #1c1c1e;
        --text-dark: #ffffff;
        --toggle-light: #FD632F;
        --toggle-dark: #34C759;
    }


    .cont {
        text-align: center;
    }

    .toggle {
        position: relative;
        display: inline-block;
    }

    .toggle__input {
        display: none;
    }

    .toggle__label {
        display: block;
        width: 60px;
        height: 30px;
        background-color: var(--toggle-light);
        border-radius: 99px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    .dark-mode .toggle__label {
        background-color: var(--toggle-dark);
    }

    .toggle__input:checked+.toggle__label::after {
        left: 32px;
    }

    .toggle__label::after {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        width: 26px;
        height: 26px;
        background-color: #ffffff;
        border-radius: 50%;
        transition: left 0.3s ease;
    }
@media(max-width:992px){
	.tab-pane .section-title .title-text{
		color :white
	}
}
.toggle-wrap{
	    display: flex;
    justify-content: center;
    gap: 10px;
    justify-content: center;
    text-align: center;
    align-items: center;
    margin-top: 20px;
	color:#FF848C
}
.year{
	font-weight:700;
}
.pricing-section .pricing-plan .price-text-2{
	display:none
}
.change .pricing-plan .price-text-2{
	display:block
}
.change .pricing-plan .price-text{
	display:none
}
#service_11{
	margin-bottom:25px;
}
.list-content .item{
	padding:50px 0
}
#service_2 .circle{
	margin:0 auto 20px;
}
@media(max-width:992px){
	.page-template-page-service h2{
		font-size:24px
	}
}
#sv2 h2{
	margin:30px 0 80px;
	text-align:center
}
#sv2 .col-12{
	display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 20px;

    align-items: center;
}
#sv2  img{
	max-width:60px;
}
.client-logo img{
	aspect-ratio:1;
	object-fit:cover;
}
#service_3{
	margin-bottom:40px
}
.add_service_1{
	margin-top:40px
}
.blog .breadcrumb-section{
	padding:0;
	min-height:700px;
}
.hot-post{
		margin-top:-500px
}
.hot-post img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:20px;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);}
.hot-post .owl-item{
	display:flex;justify-content:center
}
.hot-post .post-item{
	position:relative;
}
.hot-post .post-entry{
	position:absolute;
	background:white;
	border-radius:20px;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	width:80%;
	    box-shadow: 1px 10px 20px rgba(0, 0, 0, 1);
    padding: 20px 30px;

}
.post-entry h4{
	text-align:center;
}
.post-entry .read-more{
	padding:10px 20px;
	color:white;
	border-radius:10px;
	background:#Ff5895;
	display:flex;
	    margin: 0 auto;
	width:max-content;
}
.post-entry .post-excerpt{
	color:#000
}
@media(max-width:992px){
	.hot-post .post-entry{
		padding:10px
	}
	.price-list-page.col-lg-4{
		max-width:100%;
		margin-bottom:30px
	}
	.page-template-page-pricing #pricing-section{
overflow:hidden}
}
.box-price-list .price-list-page {
    float: left;
   
 
    background-color: #fff;
    position: relative;
    border-radius: 10px;
}

.box-price-list .price-list-page:nth-child(1) {
    border: solid 1px #f49020;
}

.box-price-list .price-list-page:nth-child(2) {
    border: solid 1px #24c19b;
}

.box-price-list .price-list-page:nth-child(3) {
    border: solid 1px #656dee;
}

.box-price-list .price-list-page b {
    margin-bottom: 15px !important;
    display: none;
    text-transform: capitalize;
    text-align: left;
    font-size: 32px;
    padding: 20px 30px;
    font-weight: 600;
}

.box-price-list .price-list-page:nth-child(1) b {
    color: #f49020;
}

.box-price-list .price-list-page:nth-child(2) b {
    color: #24c19b;
}

.box-price-list .price-list-page:nth-child(3) b {
    color: #656dee;
}

.box-price-list .gia-dona {
    padding: 0;
    background: transparent;
}

.box-price-list .gia-dona h3 {
    background: rgb(254, 159, 0);
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    padding: 15px 18px;
    text-align: left;
    line-height: 1;
}

.box-price-list .price-list-page:nth-child(1) .color-price-1 {
    background: linear-gradient(90deg, rgba(254, 159, 0, 1) 0%, rgba(238, 36, 36, 1) 100%);
    border-radius: 9px;
}

.box-price-list .price-list-page:nth-child(2) .color-price-1 {
    background: linear-gradient(90deg, rgba(0, 170, 115, 1) 0%, rgba(0, 119, 140, 1) 100%);
    border-radius: 9px;
}

/* CSS quan trọng cho page pricing */
/* CHỈ ẩn các element con trong wrapper, KHÔNG ẩn wrapper */
.page-template-page-pricing .wrapper > .btn-menu,
.page-template-page-pricing .wrapper > .section-navigation,
.page-template-page-pricing .wrapper > .header.contact_dis_none {
	display: none !important;
}

/* Đảm bảo HTML và body có thể scroll */
html.page-template-page-pricing,
.page-template-page-pricing body {
	height: auto !important;
	min-height: 100vh;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

/* CSS background cho wrapper - đúng theo style-big.css */
.page-template-page-pricing .wrapper {
	position: absolute !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 100vh !important;
	overflow: visible !important;
	background-image: url(https://vidocenter.com/wp-content/uploads/2025/03/Layer-2@3x.png) !important;
	background-size: cover !important;
	z-index: -1 !important;
	top: 0 !important;
	left: 0 !important;
}

/* 2. Thêm margin-top cho box-price-list */
.page-template-page-pricing .box-price-list.row {
	margin-top: 40px !important;
}

/* 3. Ẩn img tag khi src trống */
.page-template-page-pricing .pricing-plan img[src=""],
.page-template-page-pricing .pricing-plan img:not([src]) {
	display: none !important;
}

/* Đảm bảo header và nội dung có thể tương tác */
.page-template-page-pricing #masthead,
.page-template-page-pricing #breadcrumb-section,
.page-template-page-pricing #pricing-section,
.page-template-page-pricing footer,
.page-template-page-pricing .site-footer {
	position: relative;
	z-index: 999 !important;
	pointer-events: auto !important;
}

/* 1. Fix wpadminbar tự động cuộn theo */
.page-template-page-pricing #wpadminbar {
	position: fixed !important;
	top: 0 !important;
	z-index: 99999 !important;
}

/* Header luôn fixed để không bị nhảy */
.page-template-page-pricing #masthead {
	position: fixed !important;
	top: 0px !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	z-index: 9999 !important;
	background: transparent !important;
	box-shadow: none !important;
	transition: all 0.3s ease !important;
}

/* Header khi scroll - có background trắng */
.page-template-page-pricing #masthead.sticky {
	background: #fff !important;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
}

/* 2. Làm chữ PRICING to hơn */
.page-template-page-pricing #breadcrumb-section .title-text {
	font-size: 4rem !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
}

/* 4. Giảm chiều cao breadcrumb-section */
.page-template-page-pricing #breadcrumb-section {
	padding-top: 180px !important;
	padding-bottom: 30px !important;
	min-height: auto !important;
}

.page-template-page-pricing #breadcrumb-section .section-title {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* Responsive mobile cho breadcrumb */
@media (max-width: 768px) {
	.page-template-page-pricing #breadcrumb-section {
		padding-top: 140px !important;
		padding-bottom: 20px !important;
	}
	
	.page-template-page-pricing #breadcrumb-section .title-text {
		font-size: 2.5rem !important;
	}
	
	/* Tối ưu touch/click trên mobile */
	.page-template-page-pricing * {
		-webkit-tap-highlight-color: transparent !important;
		-webkit-touch-callout: none !important;
	}
	
	.page-template-page-pricing button,
	.page-template-page-pricing a,
	.page-template-page-pricing .nav-link,
	.page-template-page-pricing .vido-new-cta-button {
		-webkit-tap-highlight-color: rgba(0,0,0,0.1) !important;
		touch-action: manipulation !important;
	}
}

.page-template-page-pricing #pricing-section {
	margin-top:30px;
}

/* Đảm bảo tất cả button, link, input có thể click */
.page-template-page-pricing button,
.page-template-page-pricing a,
.page-template-page-pricing input,
.page-template-page-pricing .nav-link,
.page-template-page-pricing .vido-new-cta-button {
	pointer-events: auto !important;
	cursor: pointer !important;
}

.sub-image{
	display:none
}

/* CSS cho tabs */
#pills-tab{
	display:flex;
	justify-content:center
}

#pills-tab .nav-link {
	transition: all 0.2s ease !important;
	-webkit-transition: all 0.2s ease !important;
}

#pills-tab .nav-link:active {
	transform: scale(0.95) !important;
}

.tab-pane .section-title .title-text{
	color:#FF848C
}

/* Tối ưu toggle Monthly/Yearly */
.toggle__input {
	transition: all 0.2s ease !important;
	-webkit-transition: all 0.2s ease !important;
}

.toggle__label {
	transition: transform 0.2s ease !important;
	-webkit-transition: transform 0.2s ease !important;
	cursor: pointer !important;
	will-change: transform !important;
	-webkit-transform: translateZ(0) !important;
	transform: translateZ(0) !important;
}

.toggle-wrap,
.toggle {
	-webkit-tap-highlight-color: transparent !important;
	user-select: none !important;
	-webkit-user-select: none !important;
}

/* Tối ưu cho mobile - loại bỏ delay 300ms */
@media (max-width: 768px) {
	.toggle__label,
	.toggle__input,
	.toggle-wrap * {
		touch-action: manipulation !important;
		-webkit-tap-highlight-color: rgba(0,0,0,0.05) !important;
	}
}

/* CSS cho pricing list items */
.pricing-section .pricing-plan .item-list ul ul li{
	text-align:left;
	position:relative;
	padding-left:7px;
	font-size:14px;
	margin-bottom:10px
}

.price-list-page.col-lg-4{
	max-width:31%;
}

.pricing-section .pricing-plan .item-list ul{
	margin-top:-30px;
}

.pricing-section .pricing-plan{
	height:100%;
	display:flex;
	flex-direction:column;
}

.pricing-section .pricing-plan .start-btn{
	margin-top:auto;
}

#pricing-section #pills-tab{
	gap:20px;
}

.dieu-khoan{
	margin: 50px 20px 0 20px;
	border:2px solid #ffffff;
	color:#000;
	border-radius:20px;
	padding:20px;
}

.page-template-page-pricing footer {
	background-color: #FF848C !important;
	margin-top:30px;
	background-image:none !important;
}

/* Responsive cho mobile */
@media(max-width:992px){
	.price-list-page.col-lg-4{
		max-width:100%;
		margin-bottom:30px
	}
	.page-template-page-pricing #pricing-section{
		overflow:hidden
	}
}

.page-template-page-pricing #pricing-section .plan-title{
	height: 50px;
    width: 200px;
    background-color: #F1CA2B;
    border-radius: 50% / 90%;
    position: absolute;
    top: -25px;
	display:flex;
	justify-content:center;
	align-items:center;
	left: 50%;
    transform: translateX(-50%);
}

.box-price-list .price-list-page:nth-child(3) .color-price-1 {
    background: linear-gradient(90deg, rgba(103, 0, 255, 1) 0%, rgba(80, 101, 255, 1) 100%);
    border-radius: 9px;
}

.box-price-list .gia-dona span {
    font-size: 17px;
    font-weight: 400;
    border: none;
	color:white;
	font-weight:700
}

.box-price-list .price-sale {
    background-size: cover;
    display: block;
    width: 270px;
    height: 145px;
    padding-top: 40px;
    -ms-transform: rotate(47deg);
    transform: rotate(47deg);
    position: absolute;
    right: -104px;
    top: -33px;
}

.box-price-list .price-list-page:nth-child(1) .price-sale {
    background: url(../images/bg-orange.svg) no-repeat center;
}

.box-price-list .price-list-page:nth-child(2) .price-sale  {
    background: url(../images/bg-green.svg) no-repeat center;
}

.box-price-list .price-list-page:nth-child(3) .price-sale {
    background: url(../images/bg-violet.svg) no-repeat center;
}

.box-price-list .price-sale h5 {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    line-height: 30px;
    margin-right: 10px;
    margin-top:20px;
}

.box-price-list .price-sale h5 span {
    display: block;
    font-size: 24px;
    font-weight: 600;
    color: white;
}
@media(max-width:768px){
	.box-price-list .price-sale h5 span{
		font-size:20px
	}
}

.box-price-list .price-sale a {
    display: flex;
    margin: 0 auto;
    align-items: center;
    color: #fff;
    font-size: 15px;
    width: 150px;
}

.box-price-list .price-sale img {
    width: 40px;
    margin: 0;
    margin-right: 8px;
}

.box-price-list .content-price {
    padding: 20px;
    min-height: 350px;
}

.box-price-list .content-price p {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: dotted 1px #ccc;
    font-size: 15px;
    line-height: 24px;
}

.box-price-list .content-price p:last-child {
    padding-bottom: 0;
    border: none;
}

.box-price-list .price-list-page p.view-more {
    background: rgb(244 133 32 / 20%);
    font-size: 18px;
    text-align: center;
    padding: 12px 10px;
    border: none;
    color: #fff;
}

.box-price-list .price-list-page p.view-more a {
    color: #333;
}

.box-price-list .price-list-page h4.bottom-price {
    position: relative;
    text-align: center;
    background: linear-gradient(90deg, rgba(254, 159, 0, 1) 0%, rgba(238, 36, 36, 1) 100%);
    line-height: 30px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 0 0 7px 7px;
    width: 100%;
}

.box-price-list .price-list-page h4 a {
    display: block;
    padding: 15px 20px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
}

.box-price-list .price-list-page h4 img {
    width: 26px;
    display: inline-table;
    height: auto;
    margin-right: 10px;
}
@media(max-width:768px){
	.post-entry h4{
		font-size:14px;
	}
	.post-entry .post-excerpt{
		font-size:12px
	}
}
/* Custom css */
/* Css canh lề */
.item-list.ul-li-block.clearfix {
    text-align: left;
}
.box-price-list .price-list-page:nth-child(4) .price-sale,.box-price-list .price-list-page:nth-child(7) .price-sale {
    background: url(../images/bg-orange.svg) no-repeat center;
}
.box-price-list .price-list-page:nth-child(4) .color-price-1,.box-price-list .price-list-page:nth-child(7) .color-price-1 {
    background: linear-gradient(90deg, rgba(254, 159, 0, 1) 0%, rgba(238, 36, 36, 1) 100%);
    border-radius: 9px;
}
.box-price-list .price-list-page:nth-child(4),.box-price-list .price-list-page:nth-child(7) {
    border: solid 1px #f49020;
	margin-top:3.5rem;
}

.box-price-list .price-list-page:nth-child(5) .price-sale,.box-price-list .price-list-page:nth-child(8) .price-sale  {
    background: url(../images/bg-green.svg) no-repeat center;
}
.box-price-list .price-list-page:nth-child(5) .color-price-1,.box-price-list .price-list-page:nth-child(8) .color-price-1 {
    background: linear-gradient(90deg, rgba(0, 170, 115, 1) 0%, rgba(0, 119, 140, 1) 100%);
    border-radius: 9px;
}
.box-price-list .price-list-page:nth-child(5),.box-price-list .price-list-page:nth-child(8) {
    border: solid 1px #24c19b;
	margin-top:3.5rem;
}
.box-price-list .price-list-page:nth-child(6) .price-sale,.box-price-list .price-list-page:nth-child(9) .price-sale  {
    background: url(../images/bg-violet.svg) no-repeat center;
}
.box-price-list .price-list-page:nth-child(6) .color-price-1,.box-price-list .price-list-page:nth-child(9) .color-price-1 {
    background: linear-gradient(90deg, rgba(103, 0, 255, 1) 0%, rgba(80, 101, 255, 1) 100%);
    border-radius: 9px;
}
.box-price-list .price-list-page:nth-child(6) ,.box-price-list .price-list-page:nth-child(9){
    border: solid 1px #656dee;
	margin-top:3.5rem;
}
.pricing-section .pricing-plan .item-list {
    padding: 50px 15px;
    padding-bottom: 0;
}

.pricing-section .pricing-plan .item-list ul ul li{
	margin-bottom: 20px;
}
.pricing-section .pricing-plan .item-list > ul > li:last-child {
    margin-bottom: 15px;
} 

.pricing-section .pricing-plan .item-list > ul > li {
  list-style: none;
}
.pricing-section .pricing-plan .item-list ul > li{
	display:flex;
	align-items: flex-start;
}
.pricing-section .pricing-plan .item-list ul  li >img{
	margin-right:6px;
	margin-top: 3px;
}
.change .pricing-plan .price-text-2,.pricing-plan .price-text {
    display: flex;
    align-items: center;
}
.dieu-khoan {
    border-left: 4px solid #FAAD14;
	margin: 40px 20px 0 0px;
	border-radius:0;
}
.dieu-khoan:empty{
	display:none;
}
.pricing-section .pricing-plan .item-list ul ul li:first-child{
	width: 80%;
}
.box-price-list .gia-dona .color-price-1 span:nth-child(2){
	font-size:24px !important;
}
.tab-pane .section-title .title-text, .toggle-wrap {
    color: #FD632F !important;
}
.breadcrumb-section {
    padding-top: 30px;
	padding-bottom:10px;
}
.breadcrumb-section .section-title {
    margin-top: 120px;
    margin-bottom: 0px;
}