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

/*************** ADD CUSTOM CSS HERE.   ***************/
html .logo_main_section_1{
margin-right: 21% !important;
}
.icon-menu:before{color:#fff}
.col_scroll_mb::-webkit-scrollbar {
    display: none;
}
body .scroll_custom_tablet::-webkit-scrollbar {
    display: block!important;
}
body .scroll_custom_tablet:hover::-webkit-scrollbar {
    display: block!important;
}
body .scroll_custom_tablet{
  scrollbar-width: auto;
}
body .scroll_custom_tablet:hover{
  scrollbar-width: auto;
}
body .scroll_custom_tablet::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
	border-radius: 10px;
	background-color: transparent;
}
body .scroll_custom_tablet::-webkit-scrollbar
{
	width: 5px;
	background-color: transparent;
}
body .scroll_custom_tablet::-webkit-scrollbar-thumb
{
	border-radius: 4px;
	background-color: transparent;
}
body .scroll_custom_tablet:hover::-webkit-scrollbar-thumb
{
	border-radius: 4px;
	background-color: #555;
}



body .col_scroll_mb::-webkit-scrollbar {
    display: block!important;
}
body .col_scroll_mb:hover::-webkit-scrollbar {
    display: block!important;
}
body .col_scroll_mb{
  scrollbar-width: auto;
}
body .col_scroll_mb:hover{
  scrollbar-width: auto;
}
body .col_scroll_mb::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
	border-radius: 10px;
	background-color: transparent;
}
body .col_scroll_mb::-webkit-scrollbar
{
	width: 5px;
	background-color: transparent;
}
body .col_scroll_mb::-webkit-scrollbar-thumb
{
	border-radius: 4px;
	background-color: transparent;
}
body .col_scroll_mb:hover::-webkit-scrollbar-thumb
{
	border-radius: 4px;
	background-color: #555;
}
.stack_custom_footer{
	align-items: baseline;
}
body #main-menu .toggle .icon-angle-down{
	font-family: fl-icons !important;
}
.header-nav>li.has-dropdown:hover:after{
    content:'\f142' !important;
}
.icon-box-img img, .icon-box-img svg{
    padding-top: 0 !important;
}
.text>
.text>*:last-child:not(style),.col-inner>p:last-child,.col-inner>.img:last-child{
    margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6{
    text-wrap: wrap;
}
.accordion-item:last-child{
    margin-bottom:0;
}
.no_padding_bottom_pc{
    padding-bottom: 0 !important;
}
.fnt-14 p{
    font-size: 14px;
}
body .menu-item.has-dropdown:after {
	content: "\f140";
    display: block !important;
    top: 0;
    transform: translate(0, 100%);
    margin: 0 !important;
    bottom: 0;
    float: right;
    right: 0;
    left: unset;
    border: unset !important;
    opacity: 1;
    padding: 0;
    position: relative;
    text-transform: none !important;
    font-family: dashicons;
    display: inline-block;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    transition: color .1s ease-in;
    top: 5px !important;
    color:#fff;
    opacity: .8;
}
.has-dropdown .icon-angle-down{
	display: none;
}
.nav-dark .content_contact *{
	color:#fff;
}
.content_contact p{
	line-height: 1;
}
.flex_contact{
	display: flex;
    align-items: center;
    gap: 12px;
}
.zoom{
	animation: zoom-in-zoom-out .8s ease infinite;
}
.nav > li > a,.nav > li a{
	font-size:14px;
}
.nav-sidebar.nav-vertical>li+li{
    border:unset!important;
}
.nav:not(.nav-slide) .active>.children{
    padding-bottom:0;
}
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before,.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:after{
	display:none
}
.nav-dropdown.nav-dropdown-default > li > a {
    border: unset;
    color: #fff;
}
.sub-menu.nav-dropdown {
    background: #000000;
    border:unset;
	border-radius: 8px !important;
	overflow: hidden;
}
.sub-menu.nav-dropdown{
	padding: 0;
}
.sub-menu.nav-dropdown>li>a{
	padding-left: 15px;
	padding-right: 15px;
	margin: 0;
}
#footer .menu_footer_style_1 .ux-menu-title{
	color:var();
}
#footer .menu_footer_style_1 p{
	margin-bottom: 5px;
}
@keyframes zoom-in-zoom-out {
	0% {
		transform: scale(1, 1);
	}

	50% {
		transform: scale(1.15, 1.15);
	}

	100% {
		transform: scale(1, 1);
	}
}
.banner_style_1 .text_left{
	background: linear-gradient(114deg, #E9DC9F 1.68%, #FFDF4B 77.04%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
	text-align:left;
}
.banner_style_1 .stack_2_col>*:first-child{
	width: 624px;
}
.banner_style_1 .stack_2_col>*:nth-child(2){
	width:350px;
}
.banner_style_1 .icon_box_vertical .icon-box-text{
	display:flex; 
	align-items:center
}
.banner_style_1 .icon_box_vertical .icon-box-text p{
	margin:0;
	color: #9F9F9F;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
}
.button.btn-style-1
{
	width: 281px;
    height: 62px;
    background:url(/wp-content/uploads/img/sun-cta-1.png);
}
.button.btn-style-1 *{
	color:transparent;
}
.banner_style_2 .title_box *{
	color: #FFF;
	font-size: 56px;
	font-style: normal;
	font-weight: 800;
	line-height: 150%; /* 84px */
}
.banner_style_2 .box_text_content{
	font-size:18px;
}
.btn-style-2{
	color: #FFF;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	display: flex;
	width: 323.699px;
	height: 59.592px;
	padding: 10px var(--Spacing-ml, 20px);
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 30px;
	background: var(--linear-01, linear-gradient(180deg, #824EBC 0%, #0B1254 100%));
	border: 1px solid;
	box-shadow: 0px 5px 3px 3px rgba(14, 0, 21, 0.70), 0px 7px 12px 0px #8300C1, 0px 2px 5px 0px rgba(255, 255, 255, 0.25);
}
.btn-style-2:before{
	content: '';
	background: transparent;
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 30px;
	box-shadow: 0px 0px 2px 4px #C882FF;
	border: 1px solid #fff;
}
.banner_style_3 .title_box *{
	color: #FFF;
	font-size: 56px;
	font-style: normal;
	font-weight: 800;
	line-height: 77px; /* 137.5% */
}
.banner_style_3 .box_text_content *{
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 30px */
}
.button.bnt-style-3{
    background:url(/wp-content/uploads/img/group-34.png);
	background-size:cover;
	background-repeat:no-repeat;
    width: 315.25px;
    height: 73.935px;
    display:flex;
	align-items:center;
	justify-content:center;
	color:#3E1700;
		box-shadow:unset;
}
.button.bnt-style-3 span{
	margin-top:15px;
}
.button.bnt-style-3:hover{
	box-shadow:unset;
	color:#3E1700;
}
.banner_style_3 .stack_up{
	transform: translateY(-3rem);
}
.banner_style_3 .stack_down{
	transform: translateY(3rem);
}
.button.btn-style-4{
	    background: url(/wp-content/uploads/img/group-3466045.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 371px;
    height: 76px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: unset;
    box-shadow: 0px 0px 10px 0px rgba(255, 226, 71, 0.25), 0px 0px 30px 0px rgba(255, 226, 71, 0.36);
	
}
.button.btn-style-4 span{
	color: #2A1400;
	text-align: center;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}
.banner_style_4 .box_text_content *{
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}
.banner_style_4 .sub_title *{
	color: #9F9F9F;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	margin-bottom:21px;
	line-height: 13px; /* 100% */
	text-transform: uppercase;
}
.banner_style_4 .title_box *{
    color: #FFF;
	font-size: 56px;
	font-style: normal;
	font-weight: 800;
	line-height: 77px;
}
.button.btn-style-5{
	border-radius: 35px;
	border: 1px solid #D2AFFF;
	background: linear-gradient(92deg, #804EBB 0%, #0F1557 100%);
	box-shadow: 0px 0px 9px 1px #E0C1FF inset, -7px -14px 30px 2px #3E107A inset, 6px 6px 15px 0px #C89DFF inset, 2px 2px 16px 0px rgba(200, 255, 156, 0.46), 3px 12px 15px 0px rgba(0, 0, 0, 0.38);
	display: flex;
	width: 310px;
	height: 73px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
}
.button.btn-style-5 span{
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}
.banner_style_5 .title_box *{
	color: #FFF;
	font-size: 56px;
	font-style: normal;
	font-weight: 800;
	line-height: 77px;
	background: linear-gradient(275deg, #E2C3FF 13.54%, #FFF 95.35%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.banner_style_5 .sub_title *{
	color: #9F9F9F;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: 13px; /* 100% */
	text-transform: uppercase;
}
.banner_style_5 .box_text_content * {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.view_thumbnail img{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s ease;
}
.view_thumbnail{
    padding-top: 175%;
    position: relative;
    background-position: 50% 50%;
    background-size: cover;
    height: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    
}
body .view_thumbnail::-webkit-scrollbar {
    display: block!important;
}
body .view_thumbnail:hover::-webkit-scrollbar {
    display: block!important;
}
body .view_thumbnail{
  scrollbar-width: auto;
}
body .view_thumbnail:hover{
  scrollbar-width: auto;
}
body .view_thumbnail::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
	border-radius: 10px;
	background-color: transparent;
}
body .view_thumbnail::-webkit-scrollbar
{
	width: 5px;
	background-color: #002013;
}
body .view_thumbnail::-webkit-scrollbar-thumb
{
	border-radius: 4px;
	background-color: transparent;
}
body .view_thumbnail:hover::-webkit-scrollbar-thumb
{
	border-radius: 4px;
	background-color: #555;
}
.gr_btn{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    gap: 10px;
    opacity: 0;
    transition: all .3s;
}
.gr_btn a{
    color:#fff;
    width:140px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 4px;
    
}
.gr_btn a.view_demo{
    background: linear-gradient(0deg, #8647FF 16.55%, #6E22FF 100%);
}
.gr_btn a.import_demo{
    background: #36066A;
}
.col_view:hover .gr_btn{
    opacity: 1;
    transition: all .3s;
}
blockquote, dl, figure, form, ol, p, pre, ul {
    margin-bottom: 8px;
}
.title_nhacai:after {
    content: "";
    background: url(/wp-content/uploads/img/star.svg);
    height: 13px;
    display: block;
    width: 65px;
    margin-bottom: 8px;
    background-size: 13px;
}
.absolute-footer{
	display: none;
}
.title_cldp .uxb-draggable{
	width:max-content !important; 
}

.z-10{
	z-index: 10;
}
@media only screen and (max-width: 40em) {
	.footer_ldp1.uxb-draggable .ux-menu{
		margin-top:10px !important;
	}
    .view_thumbnail{
        padding-top:500px !important;
    }
    .col_view .gr_btn{
        opacity: 1 !important;
    }
    .icon_readmore.active{
        
    }
}