/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0
*/



.hf-button a{background-color: #fff !important;color: #000 !important;
    background: linear-gradient(to right,  #F15E2B 50%, #ffffff00 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .4s ease-out;
}
.hf-button a:hover{background-color:#F15E2B;color: #fff !important;background: linear-gradient(to right, #F15E2B 50%, #ffffff 50%);
  background-size: 200% 100%;
  background-position: left bottom;}

.hf-button svg{fill:#000000;font-size: 10px;margin-top: 2px;margin-left:3px;}
.hf-button a:hover svg{fill:#ffffff;}
.hf-button a.elementor-button{padding:11px 24px 12px;}



.hf-pro-banner-title .elementor-heading-title{padding:0px 35px;}
.hf-pro-banner-title .elementor-heading-title:hover{color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;background-image: url(/wp-content/uploads/2022/03/HItouch-5N-bg-color.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
    
.hf-pro-banner-title-2 .elementor-heading-title{padding:0px 15px;}
.hf-pro-banner-title-2 .elementor-heading-title:hover{color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;background-image: url(/wp-content/uploads/2022/03/HItouch-5N-bg-color.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}

.hf-pro-banner-title-3 .elementor-heading-title{color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;background-image: url(/wp-content/uploads/2022/03/HItouch-5N-bg-color.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}

.hf-pro-banner-title-4 .elementor-heading-title{color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;background-image: url(/wp-content/uploads/2023/06/2023-bg-color.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}



.hf-pro-banner-title .elementor-heading-title .shuzi{font-size: 36px;line-height: 30px;}

.hf-pro-icon{margin-bottom:45px !important;}
.hf-pro-icon h3{margin-top: 0rem;margin-bottom: 0rem;}
.hf-pro-icon .elementor-image-box-img{width:72px !important;display: grid;}

.hf-pro-icon-2{margin-bottom:45px !important;}
.hf-pro-icon-2 h3{margin-top: 0rem;margin-bottom: 0rem;padding-left: 15px;padding-right: 15px;}
.hf-pro-icon-2 .elementor-image-box-img{width:72px !important;display: grid;}




.hf-pro-title-bg h3{color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;background-image: url(/wp-content/uploads/2022/03/HItouch-5N-bg-color.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}

.hf-pro-title-bg-2 h3{color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;background-image: url(/wp-content/uploads/2022/04/HItouch-5N-bg-color-3.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}



.hf-text-ul ul {
    padding-inline-start: 18px;
    list-style-type: square;
}


.product-banner-title{
    text-align: center;
}
.product-banner-title ul{
    list-style: none;
    padding-inline-start: 0px;
    margin: 0px auto;
}

.product-banner-title ul li{
    display:inline;
    padding:0px 35px;
    font-size: 24px;
    font-weight: 600;
    color:#fff;
    font-family: "OPPOSans", Sans-serif;
}


.product-banner-title ul li:hover{color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;background-image: url(/wp-content/uploads/2022/03/HItouch-5N-bg-color.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}

@media (max-width:860px){
    .product-banner-title ul li{
    padding:0px 15px;
    }
}



@media (max-width: 600px){
    .product-banner-title ul li{
    display:flow-root;
    padding:0px 15px;
    font-size: 18px;
    font-weight: 600;
    color:#fff;
    }
    
    .product-banner-title ul li:hover{
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;background-image: url(/wp-content/uploads/2022/03/HItouch-5N-bg-color.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;}
}





@media(max-width:800px){
	.hf-pro-banner-title{width:50% !important; padding-top:20px;}
}
@media(max-width:500px){
	.hf-banner-gd {min-height:100vh;}
	
    .hf-pro-banner-title{width:50% !important; padding-top:20px;}
    .hf-pro-banner-title .elementor-heading-title{font-size:16px !important;padding:0px 5px;}
    .hf-pro-banner-title .elementor-heading-title .shuzi{font-size: 20px;line-height: 30px;}
    
    .hf-pro-banner-title-2{width:50% !important; padding-top:20px;}
	
	.hf-pro-icon{width: 100% !important;max-width: 100% !important;}
	.hf-pro-icon .elementor-image-box-wrapper{display: flex;align-items: center;}
	.hf-pro-icon .elementor-image-box-content{text-align: left;display: table;padding-left: 20px;padding-bottom:8px;}
	.hf-pro-icon {margin-bottom: 15px !important;}
	.hf-pro-icon .elementor-image-box-img {width: 50px !important;}
	.hf-pro-icon h3{font-size:14px !important;}
	
	.hf-pro-icon-2{width: 100% !important;max-width: 100% !important;}
	.hf-pro-icon-2 .elementor-image-box-wrapper{display: flex;align-items: center;}
	.hf-pro-icon-2 .elementor-image-box-content{text-align: left;display: table;padding-left: 5px;}
	.hf-pro-icon-2 {margin-bottom: 10px !important;}
	.hf-pro-icon-2 .elementor-image-box-img {width: 50px !important;margin-bottom: 0px !important;margin-top: 5px !important;}
	.hf-pro-icon-2 h3{font-size:14px !important;}
	
	.hf-button a.elementor-button{font-size: 12px;padding: 8px 18px 9px;}
}