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

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

/* Điểm yếu */
.st_pointw{
	padding-top: 50px !important;
}
.title{
	margin-bottom: 20px;
}
.title h3{
	color: #3131ba;
	font-size: 36px;
	text-shadow: #ebebff 2px 2px 0px;
	margin-bottom: 0;
}
.title p{
	color: #292966;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 0;
}
.st_pointw .r-content{
	border-radius: 10px;
}
.st_pointw .r-content .col-inner{
	padding: 30px;
	height: 100%;
	background-color: #eff6ff;
}
.st_pointw .r-content .col-hot .col-inner{
	height: 106%;
	transform: translatey(-3%);
	border-radius: 10px;
	box-shadow: 0px 10px 25px -10px #292966;
	background: linear-gradient(120deg, var(--color-eight), var(--color-three));
}
.st_pointw .r-content .col-inner h3{
	color: #292966;
	font-size: 18px;
}
.st_pointw .r-content .col-hot h3{
	color: #eff6ff;
}
.st_pointw .r-content .col-inner p{
	color: #585890;
	font-size: 15px;
}
.st_pointw .r-content .col-hot p{
	color: #eff6ff;
}
.st_pointw .r-content .col-inner .num{
	position: absolute;
	bottom: 10px;
	right: 30px;
	background: linear-gradient(120deg, transparent, rgba(63, 136, 255, 0.2));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	color: #fff;
	font-size: 50px;
	line-height: 1;
}
.st_pointw .r-content .col-hot .num{
	font-size: 70px;
	bottom: 10px;
	background: linear-gradient(120deg, transparent, rgba(194, 208, 226, 0.3));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* Contact */
.st_contact .col-frm .col-inner{
	background: linear-gradient(120deg, #3c86ff, #292966);
	box-shadow: 0px 10px 25px -10px #292966;
	padding: 30px 50px;
	border-radius: 30px;
	color: #fff;
	text-align: center;
}
.st_contact .col-frm .col-inner h3{
	color: #eff6ff;
	font-size: 18px;
}
.st_contact .col-frm .wpcf7-form-control-wrap .wpcf7-form-control{
	border: 0;
	box-shadow: none;
	border-radius: 15px;
	padding: 0 20px;
}
.st_contact .col-frm .wpcf7-submit{
	color: #292966;
	font-size: 16px;
	border: 0;
	box-shadow: none;
	background: #b0eeff;
	border-radius: 15px;
	margin: 0;
	width: 100%;
	animation: flash 2s infinite;
}
@keyframes flash{
	0%, 100%, 50% {
		opacity: 1;
	}
	25%, 75% {
		opacity: 0;
	}
}
.st_contact .col-txt{
	padding-left: 70px;
}
.st_contact .col-txt h2{
	font-size: 28px;
	color: #292966;
	text-shadow: #d6d6ff 1px 1px 0px;
	margin-bottom: 40px;
}
.st_contact .col-txt p{
	color: #585890;
	margin-bottom: 40px;
}
.st_contact .col-txt .box-icon{
	display: flex; 
	justify-content: space-between;
	align-items: center;
}
.st_contact .col-txt .icon-it{
	text-align: center;
}
.st_contact .col-txt .icon-it i{
	padding: 20px;
	font-size: 30px;
	margin-bottom: 10px;
	background: #3d87ff;
	border-radius: 100%;
	color: #fff;
	width: 70px;
}
.st_contact .col-txt .icon-it h3{
	color: #292966;
	font-size: 36px;
	margin-bottom: 0;
}
.st_contact .col-txt .icon-it p{
	margin-bottom: 0;
}
.st_footer{
	padding-bottom: 0 !important;
}
.st_footer ul li{
	list-style-type: none;
	margin-left: 0;
	font-size: 14px;
}
.st_footer ul li i{
	margin-right: 10px;
	font-size: 18px;
	padding: 2px;
	color: #fff;
}
.st_footer ul.li-2c li{
	display: inline-block;
	width: 49%;
	vertical-align: top;
}
.st_footer .r-bottom p{
	padding-top: 20px;
	border-top: 1px solid  rgba(255,255,255,0.3);
}
@media only screen and (max-width: 767px) {
	body{overflow-x: hidden;}
	.st_banner h2{font-size: 30px;}
	.st_banner .bg_bn >div.bn1 {
		height: 400px;
		top: 60px;
		right: 0;
	}
	.st_banner .bg_bn >div.bn2 {
		width: 100%;
		height: 381px;
	}
	.st_banner .bg_bn >div.bn3 {
		width: 90%;
		height: 310px;
	}
	.st_banner ul {margin-bottom: 30px;	}
	.st_banner .section-content {
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.title p{font-size: 20px;}
	.st_pointw .r-content {padding: 0 10px;}
	.st_sercu .slider-wrapper .box-text {padding: 30px;}
	.section-title-normal .section-title-main{font-size: 24px;}
	.st_whyus .col-txt .row .col-inner {padding: 10px 20px;}
	.st_idj .des-title{width: 100%;}
	.st_idj .box-text{padding: 0;}
	.st_idj .box-text h4{font-size: 16px;}
	.section-title-center .section-title-main{font-size: 28px;line-height: 1.2;}
	.st_contact .col-frm .col-inner{padding: 20px;}
	.st_contact .col-txt {padding-left: 15px;}
	.st_contact .col-txt h2 {font-size: 23px;margin-bottom: 20px;}
	.st_contact .col-txt .icon-it p{font-size: 14px;}
	.st_contact .col-txt .icon-it h3{font-size: 28px;}
}

/* CSS dihi */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
h1, h2, h3, h4, h5, h6, p, span, div, strong, ul, li, a{
	font-family: "Poppins", sans-serif !important;
}
:root{
	--background: #FFF3E4;
	--color-one: #2F327D;
	--color-two: #F48C06;
	--color-three: #23BDEE;
	--color-four: #4EE381;
	--color-five: #F25471;
	--color-six: #F3627C;
	--color-seven: #CFCFDE;
	--color-eight: #5B72EE;
	--color-text: #252641;
}
td, th{
	border-bottom: none;
	color: #fff;
}
 #customers\ two td{
	color: #000;
}
 h2 span{
	color: var(--color-two);
}
 h2{
	color: var(--color-one) !important;
	font-size: 45px;
}
.btn-header{
	background-color: var(--color-two);
	font-weight: 600;
	padding: 5px 20px;
	transition: .5s;
}
.btn-header:hover{
	background-color: var(--color-three);
}
/* header */
a.nav-top-link{
	color: var(--color-text) !important;
	font-size: 18px !important;
	padding: 0px 10px !important;
	font-weight: 300 !important;
}
/* banner */
.st_banner {
	background-color: var(--background);
	height: 800px;
	padding-top: 0 !important;
}
.st_banner img, .st_banner .img .img-inner{
	border-radius: 25px;
	position: relative;
}
.st_banner .img::before, .st_banner .col-img::before {
    position: absolute;
    top: -25px;
    left: -15px;
    content: '';
    width: 100px;
    height: 100px;
    background-color: var(--color-three);
    z-index: -1;
    border-radius: 25px;
}
.st_banner .img::after, .st_banner .col-img::after {
    position: absolute;
	bottom: 20px;
	right: 75px;
    content: '';
    width: 100px;
    height: 100px;
    background-color: var(--color-two);
    z-index: -1;
    border-radius: 25px;
}
.st_banner .col{
	padding-bottom: 0;
}
.st_banner p{
	text-align: justify;
}

/* Common and Potential risks */

.st_common img, .st_common .img .img-inner{
	border-radius: 20px;
}
.st_common .col{
	padding-bottom: 0;
}

/* Competitor Analysis */
.st_pointw .col{
	padding-bottom: 0;
}
.st_pointw th{
	color: var(--color-two);
}
.st_pointw tr, .st_pointw th, .st_pointw td{
	font-size: 16px;
}
.st_pointw i.fa-solid.fa-circle-check{
	color: var(--color-four)
}
.st_pointw .fa-solid.fa-circle-xmark{
	color: red;
}



/* Plan */
.st_detail .icon-box-img img{
	padding: 5px !important;
}
.st_detail .icon{
	background-color: var(--color-eight);
	border-radius: 99px;
	padding: 15px;
}
.st_detail .icon-box-text{
	background-color: var(--background);
	border-radius: 15px;
	padding: 15px;
	height: 250px;
}
.st_detail h3{
	color: var(--color-one);
	font-size: 24px;
}
.st_detail ul li{
	text-align: left;
}
.st_detail ul li::marker{
	color: var(--color-four);
}
/* pricing*/
.st_pricing .plan {
	border-radius: 16px;
	box-shadow: 20px 30px 30px -25px rgba(25, 27, 41, 0.205);
	padding: 10px;
	background-color: #fff;
	color: #697e91;
	/* max-width: 300px; */
  }
  
  .st_pricing .plan strong {
	font-weight: 600;
	color: #425275;
  }
  
  .st_pricing .plan .inner {
	align-items: center;
	padding: 20px;
	/* padding-top: 40px; */
	background-color: #ecf0ff;
	border-radius: 12px;
	position: relative;
  }
  
  .st_pricing .plan .pricing {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #bed6fb;
	border-radius: 99em 0 0 99em;
	display: flex;
	align-items: center;
	padding: 0.625em 0.75em;
	font-size: 1.25rem;
	font-weight: 600;
	color: #425475;
  }
  
  .st_pricing .plan .pricing small {
	color: #707a91;
	font-size: 0.75em;
	margin-left: 0.25em;
  }
  
  .st_pricing .plan .title {
	font-weight: 600;
	font-size: 1.25rem;
	color: #425675;
  }
  
  .st_pricing .plan .title + * {
	margin-top: 0.75rem;
  }
  
  .st_pricing .plan .info + * {
	margin-top: 1rem;
  }
  
  .st_pricing .plan ul{
	display: flex;
	flex-direction: column;
  }
  
  .st_pricing .plan ul li {
	/* display: flex;
	align-items: center; */
	gap: 0.5rem;
	margin-bottom: 0;
	list-style: none;
  }
  
  .st_pricing .plan ul li + * {
	margin-top: 0.75rem;
  }
  
  .st_pricing .plan ul i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--color-three);
	border-radius: 50%;
	width: 20px;
	height: 20px;
	margin-right: 7px;
  }
  
  .st_pricing .plan ul + * {
	margin-top: 1.25rem;
  }
  
  .st_pricing .plan .action {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: end;
  }
  
  .st_pricing .plan .button {
	background-color: #6558d3;
	border-radius: 6px;
	color: #fff;
	font-weight: 500;
	font-size: 1.125rem;
	text-align: center;
	border: 0;
	outline: 0;
	width: 100%;
	padding: 0.625em 0.75em;
	text-decoration: none;
	margin: 0;
  }
  
  .st_pricing .plan .button:hover, .plan .button:focus {
	background-color: #4133B7;
  }


/* test financial */

.st_financial .card {
	width: 100%;
	/* height: 22.5em; */
	background-color: var(--background);
	transition: 1s ease-in-out;
	clip-path: polygon(
	  30px 0%,
	  100% 0,
	  100% calc(100% - 30px),
	  calc(100% - 30px) 100%,
	  0 100%,
	  0% 30px
	);
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	display: flex;
	flex-direction: column;
  }
  .st_financial .card h3{
	text-align: center;
	color: var(--color-two);
	padding-top: 10px;
  }
  .st_financial .card span {
	font-weight: bold;
	color: var(--color-text);
	text-align: center;
	display: block;
	font-size: 1em;
  }
  
  .st_financial .card .info {
	font-weight: 600;
	color: var(--color-text);
	font-size: 16px;
	margin: 0 1em;
  }
  .st_financial .card .info li{
	color: var(--color-text);
	font-weight: 300;
	list-style: none;
  }

  .st_financial .card .share {
	display: flex;
	justify-content: center;
	gap: 1em;
  }
  
  .st_financial .card i {
	color: var(--color-one);
	transition: 0.4s ease-in-out;
  }
  
  .st_financial .card a:hover {
	color: var(--color-four);
  }
  
  .st_financial .card button {
	margin-top: 10px;
	padding: 5px 50px;
	display: block;
	margin: auto;
	border-radius: 25px;
	border: none;
	font-weight: bold;
	background: var(--color-two);
	color: #fff;
	transition: 0.4s ease-in-out;
  }
  
  .st_member img{
	border-radius: 15px;
  }
  .st_member h4{
	color: var(--color-two);
  }
  .st_member p{
	color: var(--color-text);
  }
  .st_member .col{
	padding-bottom: 0;
  }
  /* footer */
  .st_footer .dangky-ngay p{
	display: flex;
  }
   .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
   height: 50px;
   border-radius: 50px;
   width: 95%;
}
 input.wpcf7-form-control.wpcf7-submit.has-spinner{
	border-radius: 50px;
	background-color: var(--color-two);
	font-weight: 600;
	text-transform: none;
	padding: 0 20px;
}
#linkfrm .dangky-ngay{
	display: block;
}
#linkfrm {
    border-radius: 20px;
}
#linkfrm input.wpcf7-form-control.wpcf7-submit.has-spinner{
	width: 100%;
	margin-bottom: 0;
}
#linkfrm input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email{
	width: 100%;
}
#linkfrm form.wpcf7-form.init{
	margin-bottom: 0;
}
#linkfrm span.wpcf7-spinner {
    display: none;
}
.st_footer .ft-bottom-text span{
	font-size: 12px;
}
.st_footer .ft-bottom-text a{
	color: orange;
}
@media only screen and (max-width: 48em) {
	.off-canvas-left .mfp-content {
	    width: 100%;
	    top: 70px;
	    background: transparent !important;
    	box-shadow: none;
	}
	.mobile-sidebar {
	    background: var(--background);
	}
	.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
	    font-size: 17px;
	    color: var(--color-one);
	}
	.mfp-content .toggle {
	    color: #fff;
	}
	.icon-menu:before {
		content: "\f550";
		font-family: "Font Awesome 5 Free" !important;
		font-weight: 900;
		margin-right: 5px;
	}
	.icon-menu:after {
		 content: "";
		 font-weight: bold;
		 color: var(--color-one);
		 font-family: 'Muli';
	}
	.header-main .nav > li > a > i {
		font-size: 18px;
		color: var(--color-one);
		border-radius: 4px;
		padding: 5px;
	}
	.nav-sidebar.nav-vertical>li+li{border-color: none !important;}
	.st_banner .img::before {
		top: -10px;
		left: -10px;
	}
	.st_banner .col-img::before{
		top: -5px;
		left: -10px;
	}
	.st_banner .col-img::after{
		bottom: 15px;
		right: -15px;
	}
	.st_banner .img::after {
		bottom: -10px;
		right: -10px;
	}
	.st_banner .col-img{
		padding-top: 10px;
	}
	.wpcf7 input[type="url"],  .wpcf7 input[type="email"],  .wpcf7 input[type="tel"] {
		width: 100%;
	 }
	  input.wpcf7-form-control.wpcf7-submit.has-spinner{
		width: 100%;
		height: 50px;
	 }
	 .st_footer .col{
		padding-bottom: 0;
	 }
	 .st_banner .col.col-txt{
		padding-top: 120px;
	 }
}