/*
Theme Name: FPT Theme
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.01
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

ul li.bullet-arrow,
ul li.bullet-checkmark,
ul li.bullet-cross,
ul li.bullet-star{
	border: 0;
	padding: 5px 0 5px 25px;
}
ul li.bullet-arrow:before, ul li.bullet-checkmark:before, ul li.bullet-star:before{
	color: var(--fs-color-primary);
}

.copyright-footer {
    padding: 10px 0
}
.copyright-footer img {
    margin-right: 15px
}

.column-price .col-inner,
.column-speed .col-inner{
	background: rgb(247, 247, 248);
    border-radius: 8px;
	padding: 24px;
	box-shadow: 1px 1px 6px 0 #ccc;
}
.price-num{
	font-size: 50px;
    font-weight: 700;
    line-height: 66px;
    padding-left: 10px;
    padding-right: 10px;
    background: -webkit-gradient(linear, left top, right top, from(rgb(5, 147, 235)), to(rgb(16, 87, 203)));
    background: linear-gradient(90deg, rgb(5, 147, 235) 0%, rgb(16, 87, 203) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	line-height: 1;
}

.column-speed .col-inner{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.column-speed .div-left {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
}
.div-left .img-speed {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    padding-right: 20px;
}
.column-speed .div-right {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
}
.div-right .div-label {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgb(61, 61, 61);
}
.div-right .num-speed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgb(61, 61, 61);
}
.div-right .num-speed .speed {
    font-size: 56px;
    font-weight: 700;
    line-height: 66px;
    margin-right: 4px;
    background: -webkit-gradient(linear, left top, right top, from(#F6921E), to(#EB2E0F));
    background: linear-gradient(90deg, #F6921E 0%, #EB2E0F 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.div-right .div-label ._bold {
    margin-right: 8px;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
}
.div-right .num-speed ._num {
    font-weight: 700;
}

.breadcrumb-internet .icon-box{
	padding: 25px 0 22px;
	border-bottom: 4px solid transparent;
}

.internet1 .row .col:nth-child(1) .icon-box,
.internet2 .row .col:nth-child(2) .icon-box,
.internet3 .row .col:nth-child(3) .icon-box,
.internet4 .row .col:nth-child(4) .icon-box{border-bottom: 4px solid #4564ED;}
 
.internet-list .col .col-inner{
	border: 1px solid #D1D1D1;
    border-radius: 10px;
	overflow: hidden;
	color: #888888;
	padding-bottom: 100px;
	height: 100%;
}
.internet-list .price{
	text-align: center;
}
.internet-list .price strong{
	font-size: 24px;
	color: var(--fs-color-primary);
}
.internet-feature{
	display: block;
	margin: 0 20px;
}
.internet-list .internet-feature li{
    display: block;
    background: url(../../uploads/tick-circle.svg) left top no-repeat;
    background-size: 24px;
    padding-left: 32px;
    color: #3D3D3D;
    font-size: 16px;
    margin: 10px 0;
}
.internet-list .btngroup{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	box-sizing: border-box;
	padding: 0 20px 20px 20px;
}

.internet-list .slick-track{display: flex !important;}
.internet-list .slick-slide{height: inherit !important;}

.internet-list .slick-prev:before,
.internet-list .slick-next:before{
	display: none;
}

.internet-list .slick-prev{
	width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.05);
    border-radius: 90px;
    background: rgba(255, 255, 255, 0.7) url(../../uploads/owl-arrow-right.svg) no-repeat center center / 26px !important;
    transform: rotate(180deg) translate(0, 50%);
    left: -20px;
	z-index: 22;
}

.internet-list .slick-next{
	width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.05);
    border-radius: 90px;
    background: rgba(255, 255, 255, 0.7) url(../../uploads/owl-arrow-right.svg) no-repeat center center / 26px !important;
    right: -20px;
	z-index: 22;
}

.slick-arrow.slick-disabled{
	display: none !important;
}

.top1 .img .img-inner{
	border-radius: 10px;
}

.count1{
	text-align: center;
}
.count1 p{
	margin: 0;
}
.count1 .count-up{
	color: #ff6634;
    font-size: 4rem;
    line-height: 1;
	font-weight: bold;
	text-shadow: 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white;
}
.count1 h3{
	margin: 10px 0 0 0;
	font-size: 1.5rem;
	color: black;
}
.cta .row {
	margin: 0 auto !important;
}
.cta-goi-cuoc {
	border-radius: 12px;
	overflow: hidden;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.internet-list .slick-slide{
		max-width: 75vw;
		padding-left: 0;
	}
	.internet-list .col .col-inner {
		padding-bottom: 85px;
	}
	.internet-list .internet-feature li {
		background-size: 18px;
		padding-left: 24px;
		font-size: 95%;
		background-position: top 2px left;
		margin: 6px 0;
	}
	.internet-feature {
		margin: 0 14px;
	}
	.internet-list .btngroup {
		padding: 0 16px 16px 16px;
	}

}