/*
Theme Name: WebNganh Child
Description: Website Design by Wordpress and Theme Flatsome
Author: UX Themes Web Nganh
Template: flatsome
Theme URI: https://webnganh.com/
Author URI: https://webnganh.com/
Description: WebNganh.Com - WebNganh.Vn - iFnt.Vn
Version: Code DevWp WebNganh
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.header-main {
	height: 0px !important;
}
.col-1 .col-inner{
	background-image: url(/wp-content/uploads/2022/05/coina1crop.png) !important;
    height: 260px;
	padding: 20px;
}
.col-2 .col-inner{
	background-image: url(/wp-content/uploads/2022/05/coinbcrop.png) !important;
	height: 260px;
	padding: 20px;
}
.col-3 .col-inner{
	background-image: url(/wp-content/uploads/2022/05/coinccrop.png) !important;
	height: 260px;
	padding: 20px;
}
.col-text .col-inner .text-1{
	font-size: 28px;
}
.col-level .col-inner .text-level{
	font-size: 28px;
}
.col-picture-level .col-inner{
	background-image: url(/wp-content/uploads/2022/05/Mask-Group-1-1.png) !important;
	height: 337px;
	width: 700px;
	
}


.col-spend .col-inner .text-spend{
	font-size: 28px;
}

.sec-1 .textbox-1 .text-spend-1 > h2 {
	background: linear-gradient(to right, #FEC918 0%, #FF41B8 100%);
     -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
 color: transparent;
	font-size: 50px;
	border: none;
}
.sec-phanhoi .text-phanhoi{
	font-size: 28px !important;
}
.header-button-1 a{
	text-transform: initial;
}
/* .sec-spend{
	background-image: url(/wp-content/uploads/2022/05/web_14-Converted.png) !important;
	background-repeat: no-repeat;
} */
 .sec-spend{
	
	background-repeat: no-repeat;
} 
.range {
	position: relative;
	top: -20px;
}
 .range input {
	 width: 100%;
	 position: absolute;
	 -webkit-appearance: none;
	 border-radius: 50px;
}
 .range input::-webkit-slider-thumb {
	 -webkit-appearance: none;
	 width: 18px;
	 height: 18px;
	 margin: -8px 0 0;
	 border-radius: 50%;
	 background: #37adbf;
	 cursor: pointer;
	 border: 0 !important;
}
 .range input::-moz-range-thumb {
	 width: 18px;
	 height: 18px;
	 margin: -8px 0 0;
	 border-radius: 50%;
	 background: #37adbf;
	 cursor: pointer;
	 border: 0 !important;
}
 .range input::-ms-thumb {
	 width: 18px;
	 height: 18px;
	 margin: -8px 0 0;
	 border-radius: 50%;
	 background: #37adbf;
	 cursor: pointer;
	 border: 0 !important;
}
 .range input::-webkit-slider-runnable-track {
	 width: 100%;
	 height: 2px;
	 cursor: pointer;
	 background: #b2b2b2;
}
 .range input::-moz-range-track {
	 width: 100%;
	 height: 15px;
	 cursor: pointer;
	 background: #b2b2b2;
}
 .range input::-ms-track {
	 width: 100%;
	 height: 2px;
	 cursor: pointer;
	 background: #b2b2b2;
}
 .range input:focus {
	 background: none;
	 outline: none;
}
 .range input::-ms-track {
	 width: 100%;
	 cursor: pointer;
	 background: transparent;
	 border-color: transparent;
	 color: transparent;
}
 .range-labels {
	 margin: 18px -41px 0;
	 padding: 0;
	 list-style: none;
}
 .range-labels li {
	 position: relative;
	 float: left;
	 width: 90.25px;
	 text-align: center;
	 color: #b2b2b2;
	 font-size: 14px;
	 cursor: pointer;
}
 .range-labels li::before {
	 position: absolute;
	 top: -25px;
	 right: 0;
	 left: 0;
	 content: "";
	 margin: 0 auto;
	 width: 9px;
	 height: 0px;
	 background: #b2b2b2;
	 border-radius: 50%;
}
 .range-labels .active {
	 color: #D9B560;
}
 .range-labels .selected::before {
	 background: #D9B560;
}
 .range-labels .active.selected::before {
	 display: none;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #D9B560;
/* 	height: 30px;
	width: 30px; */
	margin-top: -10px;
 
}
	.sec-1 .bg{
		background-position: bottom !important;
	}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.col-text .col-inner .text-tichluy > p{
	line-height: 25px;
}
	.col-picture-level .col-inner{
	width: 350px;
	
}

	.sec-1 .textbox-1 .text-spend-1 > h2 {
	font-size: 40px;
}
	.sec-1{
		margin-bottom: -100px !important;
	}
	
	.range-labels li{
		width: 35px;
		margin-left: 27px !important;
	}

}