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

/*************** ADD CUSTOM CSS HERE.   ***************/
#comments .comment-respond{
	background-color: rgb(255 255 255 / 5%);
}
#comments label{
	color:#fff;
}

#comments  input#submit {background-color: var(--fs-color-primary) !important;}
.dark .nav>li>a:hover{
	color: #ffd000!important;
}
.entry-content li{
	color: #fff;
}
img.attachment-original.size-original.wp-post-image {
    height: auto !important;
}
.blog-wrapper h2 {
	color:#FFCC00;
}
.blog-wrapper h3, h4{
	color:#50AE37;
}
h1.entry-title {
    color: #fcdb3c;
}
#chaty-widget-0 .chaty-widget {
    bottom: 100px !important;
}
.row-video1 .col {
	padding: 0px;
}
.st-two .large-4 .col-inner {
	min-height: 443px;
}
.text-thuonghieu ul {
	list-style: none;
	display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.text-thuonghieu ul li {
    border: 1px solid #ffffff4a;
    padding: 6px;
    text-align: center;
    margin: 5px 5px;
    font-size: 14px;
    color: #fff;
}
.social-icons .button i {
	top: 0px !important;
	line-height: 0px !important;
}
.social-icons a {
	   border: 1px solid #ffffffd1 !important;
	margin-left: 0 !important;
    margin-right: 15px !important;
}
.slider .flickity-prev-next-button:hover .arrow, .slider .flickity-prev-next-button:hover svg {
	fill: #fff !important;
}
.flickity-page-dots .dot {
    background-color: #fff !important;
	opacity: 1 !important;
}
.row-khacbiet .large-12 p {
	    font-weight: 600;
    font-size: 20px;
}
.row-khacbiet .align-middle .col {
	padding: 5px !important;
}
.row-khacbiet .col {
	padding: 0px;
}
.row-khacbiet .large-12 .large-2 p {
    font-size: 18px;
    font-weight: normal !important;
}
.row-khacbiet .large-3 a.button {
	font-size: 19px;
    padding: 0 10px;
	margin-bottom: 0px;
}
.nav-outline li a, .nav-outline li.active a {
    border: 1px solid #ffffff4a ;
    border-radius: 0px;
    padding: 5px 50px;
    color: #fff !important;
    width: 300px;
    text-align: center;
    display: block;
}
.title-big h3, .title-big h4 {
	font-family: 'utmhelvetins' !important;
}
.nav-outline li:hover a {
	color: #fff;
}
.st-giaiphap ul {
	list-style: none;
    display: flex;
}
.st-giaiphap ul li {
	color: #fff;
}
.st-giaiphap ul {
	margin-bottom: 0px;
}
.st-giaiphap .col {
	padding: 0 15px 0px;
}
.social-icons a, .ux-menu-link span {
	color: #fff;
}

.nav-outline {
	margin-bottom: 15px;
}
.nav-outline li {
    margin: 5px 0px;
    padding-right: 5px;
    padding-left: 5px;
}
.col-giaiphap2 .large-6 {
	padding: 0 15px 0px;
}
.col-giaiphap2 .tuvanngay {
	    margin-top: 0px;
    margin-bottom: 26px;
}
.row-banner .col {
	padding: 0 15px 0px;
}
.col-goidichvu .col-inner {
	border: 1px solid #ffffff4a;
    padding: 15px;
}
.col-goituyenthongnguoi .col-inner {
	padding: 15px 15px 0px 15px;
	border: 1px solid #ffffff4a;
}
.col-goidichvu .icon-box p, .goitruyenthong .icon-box p {
	font-size: 14px;
}
.row-tvcaqua .col-inner {
	padding: 0px !important
}
.col-tuvanngay .col-inner, .goitruyenthong .col-inner, .row-tvcaqua .col-inner {
	border: none !important;
}
.goitruyenthong {
	padding: 0 15px 0px;
}
.col-tuvanngay .tuvanngay {
	margin-top: 0px ;
}
.col-tuvanngay .col-inner {
	padding: 0;
}
.col-tuvanngay {
	padding: 0px;
}
.col-nhakhoa .icon-box, .goitruyenthong .icon-box {
	margin-bottom: 25px !important
}
.col-goidichvu .icon-box .icon-box-img, .goitruyenthong .icon-box .icon-box-img {
	    margin-left: -30px;
}
.col-goidichvu .icon-box, .goitruyenthong .icon-box {
	border: 1px solid #ffffff4a;
    padding: 10px;
    margin-bottom: 15px;
    width: 95%;
    margin-left: 24px;
}
.col-goidichvu .icon-box h3, .goitruyenthong h3 {
	font-weight: 500;
	font-size: 16px;
}
.col-giaiphaptruyenthong .text-giaiphapytuong {
	min-height: 210px !important
}
.text-giaiphapso {
	margin-top: 20px;
	min-height: 330px !important;
}
.text-giaiphapso ul {
	list-style: none;
	margin-top: 20px;
	display: flex;
}
.text-giaiphapso ul li {
	border: 1px solid #50A647;
	color: #fff;
	text-align: center;
	margin-left: 0px;
	width: 50%;
    margin-right: 10px;
}
.case-inner .col-inner:not(.gallery-col .col-inner) {
	border: 1px solid #ffffff4a;
	padding: 20px;
}
.st-two .large-8 h2, .st-three h2, .st-four h2, .title-big h2 {
	font-size: 40px;
	margin-bottom: 15px;
}
.col-giaiphaptruyenthong  .medium-4 .col-inner, .col-giaiphaptruyenthong .large-12 .col-inner{
	border: none !important;
	padding: 0px;
}
.col-giaiphaptruyenthong .col-inner {
	border: 1px solid #ffffff4a;
	padding: 20px;
}
.col-giaiphaptruyenthong .text-tamnhin h3 {
    width: 85%;
    font-size: 18px;
}
.text-tamnhin {
	border: 1px solid #ffffff4a;
	padding: 20px;
	min-height: 212px;
}
.text-tamnhin h3 {
    background: #50A647;
    text-align: center;
    width: 55%;
    display: block;
    margin: 0 auto;
    padding: 5px;
    margin-top: -42px;
    margin-bottom: 20px;
}
.title-big h2 {
	color: #FFD000
}
.title-big h3 {
	font-size: 25px;
	margin-bottom: 15px;
}
.title-big h4 {
	color: #50A647;
	font-size: 22px;
}
.text-quytrinh {
	border: 1px solid #50A647;
	padding: 15px;
	min-height: 185px;
}
.st-two .large-4 h3, .st-two .large-12 h3 {
	font-size: 25px;
	margin-bottom: 15px;
	text-align: center;
	    font-family: 'utmhelvetins' !important;
}
.st-two .large-4 .icon-box, .st-two .large-6 .icon-box {
    border: 1px solid #ffffff4a;
    margin-bottom: 15px;
    padding: 10px 0;
    width: 85%;
    margin-left: 42px;
}
.st-two .col-giaiphap1 .col-inner, .st-two .col-giaiphap2 .large-6 .col-inner {
	border: none !important;
}
.st-two .large-4 .col-inner, .st-two .large-8 .col-inner:not(.large-12 .col-inner) {
	border: 1px solid #ffffff4a;
	padding-top: 20px;
    padding-bottom: 20px;
}
.st-two .large-4 .icon-box-text, .st-two .col-giaiphap2  .icon-box-text {
	 margin: auto;
}
.st-two .large-4 .icon-box-img, .st-two .col-giaiphap2  .icon-box-img {
	 margin-left: -30px;
}
.col-giaiphap2 .large-12 {
	padding: 0 15px 0px;
}
.col-giaiphap2 .large-6 .col-inner {
	padding-top: 0px !important;
}

.col-giaiphap2 .col-inner {
	padding-bottom: 0px !important;
}
.st-two .large-4 .icon-box-text h5, .st-two .large-4 .icon-box-text h6, .st-two .col-giaiphap2  .icon-box-text h5, .st-two .col-giaiphap2  .icon-box-text h6 {
	font-weight: 600;
}
.tuvanngay {
    background: #FFD000 !important;
	color: #000 !important;
    margin: auto;
    display: block;
    width: fit-content;
    margin-top: 20px;
}
.st-two .large-4 .icon-box-text h6, .st-two .col-giaiphap2 .icon-box-text h6 {
    text-transform: initial;
    color: #fff;
    font-weight: normal;
	font-size: 12px;
    line-height: 20px;
    opacity: 1;
}
.col-giaiphap6 .icon-box {
	padding: 20px 0px !important
}
.st-one h1 {
	color: #FFD000;
	font-size: 70px;
}
.st-one span{
	color: #fff;
}
.st-one p {
	color: #fff;
	font-size: 24px;
}
.row-thongso span.count-up.active, .row-thongso span {
    font-size: 40px;
}
.row-thongso p:nth-child(2) {
	font-size: 25px;
	text-transform: uppercase;
}
.row-thongso .col-inner {
	border: 1px solid #ffffff4a;
    border-radius: 15px;
	margin-top: 20px;
}
body, .pum-container {
	background-image: url(/wp-content/uploads/2025/05/bg-thien-phong-1.jpg) ;
    background-size: cover;
    background-repeat: no-repeat;
}
p, li, h1, h2, h3, h4 {
	margin-bottom: 0px;
}
p, h2, h3, h5, h6 {
	color: #fff;
}
input::placeholder, textarea::placeholder {
	color: #fff !important;
	opacity: 1 !important;
}
.st-four .wpforms-submit {
    background: #51A646 !important;
    border-radius: 50px !important;
    padding: 0px 35px;
    float: right;
    top: -45px;
    margin: 0 auto;
    left: -16%;
}
.marquee {
  height: 25px;
  width: 100%;

  overflow: hidden;
  position: relative;
}

.marquee div {
    display: inline-flex;
    width: 100%;
    height: 30px;
    position: relative;
    overflow: visible;
    animation: marquee 20s linear infinite;
}
.marquee br, .wpforms-icon-choices-icon {
	display: none !important;
}
.wpforms-field label.wpforms-field-label-inline span {
	color: #fff !important;
}
.wpforms-field-label-inline {
	border: 1px solid #ffffff4a !important;
	box-shadow: none !important;
}
.wpforms-field .wpforms-selected label {
	border-color: #fcdb3c !important
}
.wpforms-container .wpforms-list-inline ul {
	   grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	display: grid !important;
}
.wpforms-container .wpforms-list-inline ul li {
	max-width: unset !important;
}
.marquee span {
    width: fit-content;
    margin-right: 10px;
}

@keyframes marquee {
  0% 
	{ 
		left: 0; 
	}
  100% { 
	  left: -100%; 
	}
}

input, textarea {
	background: transparent !important;
	border-radius: 0px !important;
	border-bottom: 1px solid #ffffff4a !important;
	box-shadow: none !important;
	border-top: none !important;
	border-right: none !important;
	border-left: none !important;
	color: #fff !important;
}
#main, #wrapper {
	background: transparent;
}
.absolute-footer.dark {
	display: none;
}
#masthead li.menu-item-design-default a {
	text-align: center;
	color: #fff;
}
#masthead li.menu-item-design-default:hover a{
	color: #fcdb3c;
}
 .stuck .header-main {
    height: 70px !important;
    background: #1a1a1a;
}
.row-khacbiet {
	margin-bottom: 30px;
}
/* .row-teennie .box-image {
	    height: 200px;
} */
@media only screen and (max-width: 768px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.st-one h1 {
    font-size: 32px;
}
.wpforms-container .wpforms-list-inline ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	.row-khacbiet .large-12 .large-2 p, .row-khacbiet .medium-3 .col-inner {
		text-align: center;
	}
	.text-thuonghieu ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
	.marquee span {
	    font-size: 12px;
}
	.text-giaiphapso ul li {
    margin-right: 8px;
		        font-size: 14px;
}
.st-one p {
    font-size: 15px;
}
	div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-list-3-columns ul {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
	.wpforms-field label.wpforms-field-label-inline span {
    font-size: 11px !important;
	}
	div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices {
    gap: 10px;
}
	div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label {
    padding: 8px;
	}


.row-thongso span.count-up.active, .row-thongso span {
    font-size: 26px;
}
.row-thongso p:nth-child(2) {
    font-size: 14px;
}
	.text-tamnhin {
    min-height: 125px;
    margin-bottom: 20px;
}
/* .page-id-18  p {
		text-align: left;
		font-size: 14px;
	} */
	.st-two .large-4 h3, .st-two .large-12 h3 {
    font-size: 20px;
	}
	.st-two .large-8 h2, .st-three h2, .st-four h2, .title-big h2 {
        font-size: 30px;
        text-align: center;
        line-height: 38px;
	}
	.nav-outline li a, .nav-outline li.active a {
    width: 170px;
	}
	.nav-outline li a, .nav-outline li.active a {
    padding: 5px 5px;
	}
	.wpforms-field {
		width: 100% !important;
		margin-left: 0px !important;
	}
	.st-four .wpforms-submit {
    top: 8px;
    left: 0%;
}

	.row-banner .col {
	padding: 0px;
}
	.col-goidichvu .icon-box, .goitruyenthong .icon-box {
    width: 100%;
    margin-left: 10px;
}
	.sidebar-menu  ul li a {
		color: #fff;
	}
	.nav-sidebar.nav-vertical>li+li {
    border-top: 1px solid;
}
	.mfp-content {
		background-image: url(/wp-content/uploads/2025/05/bg-thien-phong-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	}
}


.wpforms-submit {
    background: #FFD000 !important;
    color: #000 !important;
    margin: auto;
    display: block;
    width: fit-content;
    margin-top: 20px;
}

@media all and (min-width: 769px) and (max-width: 1280px) {

    .pum-container.theme-251 {
        width: 60% !important;
    }
#wpforms-form-84 .wpforms-field-label-inline {
padding: 10px  !important;
}
#wpforms-form-84 .wpforms-field label.wpforms-field-label-inline span {
font-size: 12px !important;
}
#wpforms-form-84  .wpforms-form ul.wpforms-icon-choices {
    gap: 8px !important;
}
}

@media only screen and (min-width: 1024px) {
    .pum-container.pum-responsive.pum-responsive-small {
        width: 60%;
    }
}



.Phone-channel-link .Phone-channel {
		background: #04cb7a !important;
        animation-name: devvn_zoom;
        -webkit-animation-name: devvn_zoom;
        animation-delay: 0s;
        -webkit-animation-delay: 0s;
        animation-duration: 1.5s;
        -webkit-animation-duration: 1.5s;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        cursor: pointer;
        box-shadow: 0 0 0 0 #04cb7a;
}
.chaty-widget .chaty-channel-list .chaty-channel:nth-child(1) {
    -webkit-transform: translateY(-90px) !important;
}

.Facebook_Messenger-channel-link .Facebook_Messenger-channel  {
	background: #0d67b5 !important;
        animation-name: devvn_zoom;
        -webkit-animation-name: devvn_zoom;
        animation-delay: 0s;
        -webkit-animation-delay: 0s;
        animation-duration: 1.5s;
        -webkit-animation-duration: 1.5s;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        cursor: pointer;
        box-shadow: 0 0 0 0 #0d67b5;
}

@-webkit-keyframes devvn_zoom {
        70% {
            box-shadow: 0 0 0 15px transparent
        }
        100% {
            box-shadow: 0 0 0 0 transparent
        }
    }
 
    @keyframes devvn_zoom {
        70% {
            box-shadow: 0 0 0 15px transparent
        }
        100% {
            box-shadow: 0 0 0 0 transparent
        }
    }