@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap&subset=vietnamese');

body {
    font-family: 'Montserrat', sans-serif !important;
}
  
  * {
	  margin: 0px;
	  padding: 0px;
	  outline: none;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6, .heading-size-1{
  font-family:'Montserrat', sans-serif !important;
	  margin: 0px !important;
	  padding: 0px;
	  letter-spacing: 0;
	  font-weight: 800;
  }
  h1 {
	  font-size: 42px !important;
  }
  
  h2 {
	  font-size: 36px;
  }
  
  h3 {
	  font-size: 30px;
  }
  
  h4 {
	  font-size: 27px;
  }
  
  h5 {
	  font-size: 24px;
  }
  
  h6 {
	  font-size: 23px;
  }
  
  .entry-content h1,
  .entry-content h2,
  .entry-content h3,
  .entry-content h4,
  .entry-content h5,
  .entry-content h6 {
	  margin: 0;
  }

  li, span, p, a .uc_post_text{
	  font-size: 18px !important;
	  font-weight: 400 !important;
	    font-family: 'Montserrat', sans-serif !important;
	  line-height: 1.6em !important;
	
  }
  button, .uc_btn_txt, .elementor-36 .elementor-element.elementor-element-990c9df .elementor-slide-button {
	     font-family: 'Montserrat', sans-serif !important;
	font-size: 18px;
	font-weight: 500 !important;
	  line-height: 1.6em !important;
	
}
  
  ::-webkit-input-placeholder {
	    font-family:'Montserrat', sans-serif !important;
  }
  
  :-moz-placeholder {
	    font-family:'Montserrat', sans-serif !important;
  }
  
  ::-moz-placeholder {
	  font-family:'Montserrat', sans-serif !important;
	  opacity: 1;
  }
  
  :-ms-input-placeholder {
	  font-family:'Montserrat', sans-serif !important;
  }
  
  @media only screen and (min-width: 767px) and (max-width:1024px){
  
	  .entry-content p,
	  .entry-content li {
		  font-size: 15px !important;
	  }
  
	  h1 {
		  font-size: 32px !important;
	  }
  
	  h2 {
		  font-size: 29px !important;
	  }
  
	  h3 {
		  font-size: 25px !important;
	  }
  
	  h4 {
		  font-size: 20px !important;
	  }
  
	  h5 {
		  font-size: 18px !important;
	  }
  
	  h6 {
		  font-size: 16px !important;
	  }
  
  }
  
  @media only screen and (max-width: 767px) {
  
	  h1 {
		  font-size: 24px !important;
	  }
  
	  h2 {
		  font-size: 20px !important;
	  }
  
	  h3 {
		  font-size: 19px !important;
	  }
  
	  h4 {
		  font-size: 18px !important;
	  }
  
	  h5 {
		  font-size: 17px !important;
	  }
  
	  h6 {
		  font-size: 14px !important;
	  }
		li, span, p, a .uc_post_text {
    font-size: 16px !important;

     }
  
  } 
  
.xpro-theme-builder-frontend.xpro-theme-builder-mount {
    display: none !important;
}
  header.entry-header.has-text-align-center.header-footer-group{
	  display: none;
  }
  .post-inner {
	  padding-top: 0;
  }
  .singular .entry-header {
	  padding:0;
  }
  .footer-nav-widgets-wrapper.header-footer-group {
	  display: none;
  }
  .post-meta-wrapper.post-meta-edit-link-wrapper {
	  display: none;
  }
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){
	  max-width:100% !important;
	  width:100% !important;
  }
  #slider-part .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
	  padding: 0px;
  }
  p{
	  margin:0;
  }

#main-header {
    padding:4rem 0 ;
}
#inner-header{
	padding: 2.5rem 3rem;
	background-color:#efefef;
	border-radius:100px;
}
.xpro-elementor-horizontal-navbar-nav{
    position: relative;
}
.xpro-elementor-horizontal-navbar-nav .xpro-elementor-nav-link{
    font-family: 'Montserrat', sans-serif !important;
    position: relative;
    display: inline-block;
    padding-bottom: 12px;
    color: #000 !important;
    text-decoration: none;
    transition: color .3s ease;
	font-size: 17px !important;
    font-weight: 900 !important;
}

.xpro-underline{
    position:absolute;
    bottom:0;
    left:0;
    height:2px;
    background:#ec1e79;
    opacity:0;
    width:0;
    pointer-events:none;

    transition:
        left .55s cubic-bezier(.22, 1, .36, 1),
        width .55s cubic-bezier(.22, 1, .36, 1),
        opacity .25s ease;
}
.custom-dashed-border {
    position: relative;
}

.custom-dashed-border::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    max-width:1140px !important;
	margin:auto;
    background: repeating-linear-gradient(
        to right,
        #ec1e79 0px,
        #ec1e79 8px,
        transparent 10px,
        transparent 15px
    );
}
body.home #main-header.custom-dashed-border::after{
    display: none !important;
    content: none !important;
}
.price-inner .custom-dashed-border{
    position: relative;
}

.price-inner .custom-dashed-border::before{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;

    background: repeating-linear-gradient(
        to bottom,
        #ec1e79 0px,
        #ec1e79 8px,
        transparent 10px,
        transparent 15px
    );
}

.price-inner .custom-dashed-border::after{
    display: none;
}
#footer p {
    font-size: 15px !important;
	text-align:center !important;
	color:#000 !important;
}
#footer {
	padding:2rem 0 !important;
}
.ab-block1 h1 {
    font-size: 53px !important;
}
.ab-block2 p{
	line-height:1.7em !important;
}
.contact-inner .elementor-column-gap-default {
    gap: 3rem !important;
}
.home-left1 p{
	font-size:16px !important;
	font-weight:500 !important;
	line-height:2em !important;
}
.price-inner span.elementor-icon-list-text {
    font-size: 13px !important;
	font-weight:500 !important;
}
.price-inner svg.e-font-icon-svg.e-fas-circle {
    width: 8px !important;
    height: 8px !important;
}

@media screen and (min-width:768px) {
    .default-button:hover .left {
        transform:translate3d(20px,0,0);
        width:100%;
        transition-duration:calc(var(--button-duration) - .15s);
        transition-timing-function:var(--custom-ease-3);
        transition-delay:var(--button-duration);
    }

    .default-button:hover .center {
        width:100% !important;
        transform:scaleX(0);
        transition:
            width var(--button-duration) var(--primary-ease),
            transform calc(var(--button-duration) - .15s)
            var(--custom-ease-3)
            var(--button-duration);
    }

    .default-button:hover .right {
        transform:translate3d(20px,0,0);
        width:100%;
        transition-delay:0s;
    }
   
}

.default-button.mobile-active .left{
    transform:translate3d(20px,0,0);
    width:100%;
    transition-duration:calc(var(--button-duration) - .15s);
    transition-timing-function:var(--custom-ease-3);
    transition-delay:var(--button-duration);
}

.default-button.mobile-active .center{
    width:100% !important;
    transform:scaleX(0);
    transition:
        width var(--button-duration) var(--primary-ease),
        transform calc(var(--button-duration) - .15s)
        var(--custom-ease-3)
        var(--button-duration);
}

.default-button.mobile-active .right{
    transform:translate3d(20px,0,0);
    width:100%;
    transition-delay:0s;
}

.default-button.mobile-active .plus-icon{
    right:0px;
}
#uc-block1 .elementor-widget:not(:last-child), #al-block2 .elementor-widget:not(:last-child) {
    --kit-widget-spacing: 0px;
	margin-block-end: 0 !important;
}

.start-text .elementor-heading-title {
  position: relative;
}
.start-text .elementor-heading-title::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 0px;
  width: 2px;
  height: 100%;
  background-color: #ec1c24;
}
.right-side-block span.elementor-icon-list-text {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #fff !important;
}
.right-side-block ul.elementor-icon-list-items {
    background-color: rgba(0, 0, 0, 0.7);
    margin-top: -20rem !important;
    padding: 1.2rem 3rem !important;
}
.home-left1 span.elementor-counter-number-prefix {
    font-size: 35px !important;
    font-weight: 900 !important;
	align-self: center;
	    font-family: 'Montserrat', sans-serif !important;
}
.home-left1 span.elementor-counter-number{
	 font-size: 120px !important;
    font-weight: 900 !important;
	line-height:1 !important;
	 font-family: 'Montserrat', sans-serif !important;
}
.home-left1 .elementor-counter-title {
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1.6em !important;
	font-family: 'Montserrat', sans-serif !important;
}

.counter-price span.elementor-counter-number-prefix{
    font-size: 50px !important;
    font-weight: 900 !important;
	align-self: flex-end;
	    font-family: 'Montserrat', sans-serif !important;
}
.counter-price span.elementor-counter-number-suffix {
    font-size: 100px !important;
    font-weight: 900 !important;
	 font-family: 'Montserrat', sans-serif !important;
}
.counter-price span.elementor-counter-number{
	 font-size: 180px !important;
    font-weight: 900 !important;
	line-height:1 !important;
	 font-family: 'Montserrat', sans-serif !important;
}
.counter-price .elementor-counter-title {
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1.6em !important;
	font-family: 'Montserrat', sans-serif !important;
}
#hb-2{
    width: fit-content !important;
    margin-left: auto ;
}

/* sticky header */
#main-header{
    transition: all 0.35s ease;
    background: transparent;
}
#main-header.scrolled{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
   background-color: #efefef;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
	padding:0;
}
#main-header.scrolled #inner-header {
    padding: 1.8rem 1rem;
    border-radius: 0px;
}

#main-header.scrolled.custom-dashed-border::after{
    display: none !important;
    content: none !important;
}


@media (max-width:1024px){
	#inner-header{
	padding: 1.5rem 2rem;
}
	#main-header {
    padding: 3rem 1rem;
}
	.ab-block1 h1 {
    font-size: 40px !important;
}
	.ab-block1 h1 {
        font-size: 27px !important;
    }
	.contact-inner .elementor-column-gap-default {
    gap: 2rem !important;
}
	.right-side-block span.elementor-icon-list-text {
    font-size: 23px !important;
}
	.right-side-block ul.elementor-icon-list-items {
    margin-top: -18rem !important;
    padding: 1rem 3rem !important;
}
	.home-left1 span.elementor-counter-number {
    font-size: 70px !important;
}
	.home-left1 .elementor-counter-title {
    font-size: 14px !important;
}
	.home-left1 span.elementor-counter-number-prefix {
    font-size: 25px !important;
}
	.xpro-elementor-horizontal-navbar-nav .xpro-elementor-nav-link{
    color: #fff !important;
}
	
}

@media (max-width:767px){
	.right-side-block span.elementor-icon-list-text {
    font-size: 20px !important;
}
	.right-side-block ul.elementor-icon-list-items {
    margin-top: -15rem !important;
}
	.price-inner .custom-dashed-border::after{
    display:block !important;
}
		.price-inner .custom-dashed-border::before{
    display:none !important;
}
	#hb-2 {
    width: 100%!important;
}
	.counter-price span.elementor-counter-number {
    font-size: 100px !important;
}
	.counter-price span.elementor-counter-number-suffix {
    font-size: 60px !important;
}
	.counter-price span.elementor-counter-number-prefix {
    font-size: 30px !important;
}
	.counter-price .elementor-counter-title {
    font-size: 17px !important;
}
}