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

/*************** ADD CUSTOM CSS HERE.   ***************/
.container, .container-width, .full-width .ubermenu-nav, .row {
    max-width: 1300px !important;
}
body,h1,h2,h4,h3,h5,h6,p,.nav > li > a{
  font-family: "Montserrat", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
	color: #000;
}
header .header-nav.nav-left {
    justify-content: space-around;
}
:root{
	--font: "Montserrat", sans-serif;
	--color-vang: #ffb500;
	--color-main: #3351a1;
}
.nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    text-transform: capitalize;
}
.home_banner {
    height: calc(100vh - 75px);
}
footer .menu-item a{
	color: #fff;
	border: 0px solid;
}
.ux-menu-title{
	font-size: 18px;
	color: yellow;
	text-transform: math-auto;
}
.home_ss1 .note{
	color: #ffb500 !important;
	font-weight: 600;
}
.custom_title h3{
	font-size: 36px;
	font-weight: 700;
	margin-bottom:0px;
	
}
.home_ss1 .custom_title h3{
	text-align: left;
}
.home_ss2 {
	background-color: #f2f2f2;
}
.home_ss2 .custom_title{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
.home_ss2 .custom_title p{
	white-space: nowrap;
}
.home_ss2 .icon-box{
	background-color: #fff;
	border-radius: 16px;
	padding: 20px;
	box-shadow: 0px 0px 3px #ccc;
}
.home_ss3 {
    background-color: #3351a1;
}
.home_ss3 .col-2 .col-inner {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    padding: 30px;
    border-radius: 16px;
}
.home_ss3 .col-2 .icon-box h3{
	font-size: 16px;
}
.home_ss3 .col-2 .icon-box p{
	font-size: 14px;
}
.home_ss3 .ex{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
}
.home_ss3 .ex .box{
	flex: 1;
	background: rgba(255, 255, 255, 0.1);
	 backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    padding: 30px;
    border-radius: 16px;
}
.home_ss3 .text h3{
	font-size: 30px;
}
.home_ss3 .ex .box .number{
	font-size: 20px;
	font-weight: 600;
	color: var(--color-vang);
}
.home_ss3 .ex .box  p{
	margin-bottom: 0px;
	color: #fff;
	font-weight: 500;
}
.team-item{
	padding: 0px 16px 16px;
}
.team-item .box{
	width: 100%;
	background-color: #fff;
	box-shadow: 0px 0px 3px #ccc;
}
.team-item .box .box_text {
    padding: 10px;
}
.team-item .box .box_text h3 {
    margin-bottom: 0px;
    text-transform: uppercase;
}
.team-item .box .box_text .team-field p{
	color: var(--color-vang);
	margin-bottom: 0px;
}
.team-item .box .box_text .team-desc{
	font-size: 14px;
}
.home_ss4 .custom_title h3{
	margin-bottom: 50px;
}
.home_ss5 .header_title p {
    color: #ae0000;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
	font-size: 20px;
}
.home_ss5 .header_title h3{
	font-size: 36px;
}
.home_ss5 .img_item{
	max-width: 20%;
	flex-basis: 20%;
	height: 100px;
	padding: 10px !important;
	margin: 0px 10px !important;
}
.home_ss5 .img_item .img-inner{
	width: 100%;
	height: 100%;
	padding: 10px;
	background-color: #fff;
	border-radius: 8px;
}
.home_ss5 .img_item .img-inner img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.home_ss6 .header_title p {
    color: #ae0000;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
	font-size: 20px;
}
.home_ss6 .header_title h3{
	font-size: 36px;
}
.home_ss6 .gt_item {
    max-width: 35% !important;
    flex-basis: 35% !important;
    padding: 10px;
}
.home_ss6 .gt_item .box{
	padding: 30px;
	border: 2px solid #b7394b;
	border-radius: 16px;
}
.home_ss6 .gt_item .box .box-image{
	width: 100%;
	height: 100px;
}
.home_ss6 .gt_item .box .box-image img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.home_ss7 .slider .img{
	max-width: 20%;
	flex-basis: 20%;
	padding: 0px 10px;
	height: 110px;
}
.home_ss7 .slider .img .img-inner{
	width: 100%;
	height: 100%;
	border-radius: 8px;
	overflow: hidden;
}
.home_ss7 .slider .img img{
	width: 100%;
	height: 100%; 
	object-fit: cover;
}
.home_ss7 .header_title p{
	margin-bottom: 0px;
}
.home_ss7 .header_title h3{
	font-size: 36px;
}
.gt_ss3 .header_title a{
	font-size: 36px;
	font-weight: 700;
	color: var(--color-main);
}
.gt_ss3 .box_step {
    box-shadow: 0px 0px 3px #3F51B5;
    border-radius: 10px;
    padding: 20px;
}
.gt_ss3 .box_step h3{
	color: var(--color-main);
	font-size: 18px;
	text-transform: uppercase;
}
.gt_ss3 .box_step .since {
    font-size: 26px;
    color: var(--color-main);
	font-weight: 600;
}
.gt_ss3 .box_step .since span{
    font-size: 16px;
    color: var(--color-main);
	font-weight: 400;
}
.gt_ss4 .duan_item a {
    box-shadow: 0px 0px 3px #3F51B5;
    width: 100%;
    display: block;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: var(--color-main);
}
.gt_ss4 .duan_item a:hover{
	background-color: var(--color-main);
	color: #fff;
}
.gt_ss2 .nav li.active a{
	background-color: var(--color-main);
	color: #fff;
}
.gt_ss2 .nav li.active a {
    background-color: var(--color-main);
    color: #fff;
    border-top-left-radius: 5px;
    padding-left: 20px;
    border-bottom-left-radius: 5px;
    border-right-color: var(--color-main);
}
.btn_file{
	background-color: var(--color-vang);
}
.linhvuc_ss2 .accordion {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}
.linhvuc_ss2 .accordion .accordion-item {
    max-width: 32%;
    flex-basis: 32%;
}
.linhvuc_ss2 .accordion .accordion-title {
    background-color: var(--color-main);
    color: #fff !important;
    font-weight: 600;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.linhvuc_ss2 .accordion .toggle {
   color: #fff;
    right: 0;
	left: auto;
}
.linhvuc_ss2 .accordion .accordion-inner {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
	background: rgb(223 231 244);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}
.linhvuc_ss2 .accordion .accordion-inner a{
	color: var(--color-main);
	background-color: #fff;
	padding: 5px 10px;
	border-radius: 3px;
}
.linhvuc_ss2 .accordion .accordion-inner a:hover{
	color: #fff;
	background-color: var(--color-main);
}
.post-item .col-inner{
	box-shadow: 0px 0px 3px var(--color-main);
	border-radius: 8px;
	overflow: hidden;
}
.post-item .col-inner .box-text{
    padding: 16px;
}
.post-item .box-image,.post-item .box-image .image-cover{
	height: 250px;
	width: 100%;
}
.post-item .box-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.list_doingu{
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
}
.list_doingu .team-item{
	max-width: 25%;
	flex-basis: 25%;
	padding-bottom: 30px;
}
.lienhe_info .list_info{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.lienhe_info .list_info a{
	display: flex;
	align-items: center;
	gap: 8px;
	color: #000;
	font-size: 16px;
	font-weight: 600;
}
.lienhe_info .list_info a i{
	color: var(--color-main);
}
.lienhe_info h3{
	color: var(--color-main);
	font-size: 36px;
	margin-bottom: 30px;
}
.lienhe_ss1 .row {
    background-color: #cccccc61;
    padding: 30px;
    border-radius: 12px;
}
.form_lh{
	background-color: #fff;
	border-radius: 12px;
	padding: 30px;
}
.form_lh .text_form p{
	color: #000;
	font-size: 15px;
	font-weight: 600;
}
.form_lh input{
	height: 40px;
	border-radius: 5px;
}





@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}