/* Start custom CSS */.wrap__cta_btn a.elementor-button.elementor-button-link.elementor-size-sm {
    width: 100%;
    font-size: 1.6rem;
    font-weight: 700;
    color: #2a83e9;
    background: rgb(189 221 249);
}

.wrap__cta_btn a.elementor-button.elementor-button-link.elementor-size-sm:hover {
    opacity: 0.8;
}

.detail_product_lp img {
    height: auto !important;
}

/* CSS cho desktop */
@media (min-width: 1024px) { 
.loop_products {
    padding-bottom: 20px;
    margin: 30px 0;
    background: #00000008;
    border-radius: 10px;
    border: 1px solid #ff000000;
    transition: all .3s ease;
    overflow: hidden;
    /*box-shadow: 0 8px 20px -2px rgba(0, 0, 0, .16); */
}

.loop_products:hover h4{
    color: var(--color-hover-brand);
}

.loop_products:hover {
    /*border: 1px solid var(--color-hover-brand);*/
    transform: translateY(-4px); box-shadow: 0 4px 8px #0000001a;
}

.loop_products img {
    object-fit: cover !important;
}

.detail_product_lp {
    border-radius: 10px;
    /*background: #fff;*/
    /*box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1) !important;*/
}

.loop_products h4 {
    height: 55px;
    padding: 0 10px 15px 10px;
    margin-top: 15px;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: left;
    color: var(--color-black);
    line-height: normal;
    display: -webkit-box;
  -webkit-line-clamp: 2;     
  -webkit-box-orient: vertical; 
  overflow: hidden;          
  text-overflow: ellipsis;   
  line-height: 1.5;
  max-height: calc(1.5em * 2); 
  margin-bottom: 2rem;
}

/*button*/
.contac_lp_products {
    padding: 0 5px;
    
}

.contac_lp_products .contact_phone .elementor-icon-box-wrapper{
    background: var(--red-brand);
    padding: 7px 3px;
    border-radius: 4px;
    transition: opacity .3s ease;
}

.contac_lp_products .contact_zalo .elementor-icon-box-wrapper{
    background: var(--color-blue);
    padding: 7px 3px;
    border-radius: 4px;
    transition: opacity .3s ease;
}

.contac_lp_products .elementor-icon-box-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #fff;
}

/*hover*/
.contac_lp_products .contact_phone:hover .elementor-icon-box-wrapper, .contac_lp_products .contact_zalo:hover .elementor-icon-box-wrapper {
    opacity: 0.8;
}

}


/*Responsive Tablet*/
@media (min-width: 768px) and (max-width: 1023px) {
.loop_products {
    padding-bottom: 20px;
    margin: 30px 0;
    background: #00000008;
    border-radius: 10px;
    border: 1px solid #ff000000;
    transition: all .3s ease;
    overflow: hidden;

}

.loop_products:hover h4{
    color: var(--color-hover-brand);
}

.loop_products:hover {

    /*border: 1px solid var(--color-hover-brand);*/
    transform: translateY(-4px); 
    box-shadow: 0 4px 8px #0000001a;
}

.loop_products img {
    object-fit: cover !important;
}

.detail_product_lp {
    border-radius: 10px;
    /*background: #fff;*/
    /*box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1) !important;*/
}

.loop_products h4 {
    height: 55px;
    padding: 0 10px 15px 10px;
    margin-top: 15px;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: left;
    color: var(--color-black);
    line-height: normal;
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; 
  overflow: hidden;          
  text-overflow: ellipsis;   
  line-height: 1.5;
  max-height: calc(1.5em * 2); 
  margin-bottom: 2rem;
}

}


/* CSS cho mobile */
@media (max-width: 767px) {
.loop_products {
    padding-bottom: 20px;
    margin: 30px 0 0 0;
    background: #00000008;
    border-radius: 10px;
    border: 1px solid #ff000000;
    transition: all .3s ease;
    overflow: hidden;
}

.loop_products:hover h4{
    color: var(--color-hover-brand);
}

.loop_products:hover {

    /*border: 1px solid var(--color-hover-brand);*/
    transform: translateY(-4px); 
    box-shadow: 0 4px 8px #0000001a;
}

.loop_products img {
     object-fit: cover !important;
}

.detail_product_lp {
    border-radius: 10px;
    /*background: #fff;*/
    /*box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1) !important;*/
}

.loop_products h4 {
    height: 55px;
    padding: 0 10px 15px 10px;
    margin-top: 15px;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: left;
    color: var(--color-black);
    line-height: normal;
    display: -webkit-box;
  -webkit-line-clamp: 2;     
  -webkit-box-orient: vertical; 
  overflow: hidden;          
  text-overflow: 
  line-height: 1.5;
  max-height: calc(1.5em * 2); 
  margin-bottom: 2rem;
}


    
}/* End custom CSS */
/* Start custom CSS */.wrap__cta_btn a.elementor-button.elementor-button-link.elementor-size-sm {
    width: 100%;
    font-size: 1.6rem;
    font-weight: 700;
    color: #2a83e9;
    background: rgb(189 221 249);
}

.wrap__cta_btn a.elementor-button.elementor-button-link.elementor-size-sm:hover {
    opacity: 0.8;
}

.detail_product_lp img {
    height: auto !important;
}

/* CSS cho desktop */
@media (min-width: 1024px) { 
.loop_products {
    padding-bottom: 20px;
    margin: 30px 0;
    background: #00000008;
    border-radius: 10px;
    border: 1px solid #ff000000;
    transition: all .3s ease;
    overflow: hidden;
    /*box-shadow: 0 8px 20px -2px rgba(0, 0, 0, .16); */
}

.loop_products:hover h4{
    color: var(--color-hover-brand);
}

.loop_products:hover {
    /*border: 1px solid var(--color-hover-brand);*/
    transform: translateY(-4px); box-shadow: 0 4px 8px #0000001a;
}

.loop_products img {
    object-fit: cover !important;
}

.detail_product_lp {
    border-radius: 10px;
    /*background: #fff;*/
    /*box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1) !important;*/
}

.loop_products h4 {
    height: 55px;
    padding: 0 10px 15px 10px;
    margin-top: 15px;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: left;
    color: var(--color-black);
    line-height: normal;
    display: -webkit-box;
  -webkit-line-clamp: 2;     
  -webkit-box-orient: vertical; 
  overflow: hidden;          
  text-overflow: ellipsis;   
  line-height: 1.5;
  max-height: calc(1.5em * 2); 
  margin-bottom: 2rem;
}

/*button*/
.contac_lp_products {
    padding: 0 5px;
    
}

.contac_lp_products .contact_phone .elementor-icon-box-wrapper{
    background: var(--red-brand);
    padding: 7px 3px;
    border-radius: 4px;
    transition: opacity .3s ease;
}

.contac_lp_products .contact_zalo .elementor-icon-box-wrapper{
    background: var(--color-blue);
    padding: 7px 3px;
    border-radius: 4px;
    transition: opacity .3s ease;
}

.contac_lp_products .elementor-icon-box-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #fff;
}

/*hover*/
.contac_lp_products .contact_phone:hover .elementor-icon-box-wrapper, .contac_lp_products .contact_zalo:hover .elementor-icon-box-wrapper {
    opacity: 0.8;
}

}


/*Responsive Tablet*/
@media (min-width: 768px) and (max-width: 1023px) {
.loop_products {
    padding-bottom: 20px;
    margin: 30px 0;
    background: #00000008;
    border-radius: 10px;
    border: 1px solid #ff000000;
    transition: all .3s ease;
    overflow: hidden;

}

.loop_products:hover h4{
    color: var(--color-hover-brand);
}

.loop_products:hover {

    /*border: 1px solid var(--color-hover-brand);*/
    transform: translateY(-4px); 
    box-shadow: 0 4px 8px #0000001a;
}

.loop_products img {
    object-fit: cover !important;
}

.detail_product_lp {
    border-radius: 10px;
    /*background: #fff;*/
    /*box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1) !important;*/
}

.loop_products h4 {
    height: 55px;
    padding: 0 10px 15px 10px;
    margin-top: 15px;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: left;
    color: var(--color-black);
    line-height: normal;
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; 
  overflow: hidden;          
  text-overflow: ellipsis;   
  line-height: 1.5;
  max-height: calc(1.5em * 2); 
  margin-bottom: 2rem;
}

}


/* CSS cho mobile */
@media (max-width: 767px) {
.loop_products {
    padding-bottom: 20px;
    margin: 30px 0 0 0;
    background: #00000008;
    border-radius: 10px;
    border: 1px solid #ff000000;
    transition: all .3s ease;
    overflow: hidden;
}

.loop_products:hover h4{
    color: var(--color-hover-brand);
}

.loop_products:hover {

    /*border: 1px solid var(--color-hover-brand);*/
    transform: translateY(-4px); 
    box-shadow: 0 4px 8px #0000001a;
}

.loop_products img {
     object-fit: cover !important;
}

.detail_product_lp {
    border-radius: 10px;
    /*background: #fff;*/
    /*box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1) !important;*/
}

.loop_products h4 {
    height: 55px;
    padding: 0 10px 15px 10px;
    margin-top: 15px;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: left;
    color: var(--color-black);
    line-height: normal;
    display: -webkit-box;
  -webkit-line-clamp: 2;     
  -webkit-box-orient: vertical; 
  overflow: hidden;          
  text-overflow: 
  line-height: 1.5;
  max-height: calc(1.5em * 2); 
  margin-bottom: 2rem;
}


    
}/* End custom CSS */