/*
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.   ***************/

.no-margin {margin: 0 !important}
.no-margin > * {margin: 0 !important}
.no-paddding {padding: 0 !important}
.no-paddding > *{padding: 0 !important}

/* .owl-nav.disabled{display: none !important;}
.owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev {left: 0}
.owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next {right: 0;} */
.absolute-footer {display: none !important;}
.padding-10 {padding: 10px !important;}
.para p:last-child {margin-bottom: 0 !important;}

:root {
    --primary-color: #d1af47;
    --secondary-color: #c5a95f;
    --heading-color: #232b3e;
    --base-color: #3c3b3b;
    --dark-blue-color: #242b3d;
    --white-color: #fff;
    --dark-color: #000;
    --border-color: #d5d0c9;
    --header-color: #eae8e4;
    --fontawesome: "Font Awesome 7 Free";
    --font-fira: "Fira Sans", sans-serif;
    --gradient-color: linear-gradient(180deg, rgba(241,217,122,1) 0%, rgba(212,175,55,1) 40%, rgba(179,142,44,1) 100%); 
    --gradient-color-1: linear-gradient(45deg, rgb(32, 22, 48) 0%, rgba(32, 22, 48, 0) 100%);
    --glass-color: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
}
.bgr-section {background: var(--header-color); background-clip: content-box;}
#top-bar {padding: 10px 0; border-bottom: 1px solid var(--border-color);}
.phone-contact i {margin-right: 10px;}
.phone-contact a {display: inline-block; margin-left: 20px; font-family: Barlow, sans-serif !important; font-weight: 500;}
.phone-contact > * {color: var(--primary-color) !important; font-size: 16px;}
.header-newsletter-item a {font-size: 16px !important; color: var(--heading-color) !important; align-items: center; font-family: Barlow, sans-serif !important;}
.header-newsletter-item a span{ font-weight: 500;}
.header-newsletter-item a i {color: var(--primary-color) !important; font-size: 14px !important; margin-right: 5px; margin-top: 3px;}
.header-social-icons .social-icons {padding-top: 5px;}
.header-social-icons a {font-size: 16px !important; color: var(--heading-color) !important; border-right: 1px solid var(--border-color); margin: 0 !important; padding: 0 8px;}
.header-social-icons a:last-child {border-right: 0;}
#header .header-wrapper:not(.stuck) .header-bottom { position: absolute; background: transparent; z-index: 99; width: 100%; top: 80%;}
#header .header-wrapper:not(.stuck) .header-bottom .container {background: var(--dark-blue-color); background-clip: content-box;}
#header .header-wrapper .header-bottom a {font-size: 16px; color: var(--primary-color); padding: 22px 26px 18px 25px; border-right: 1px solid rgba(255, 255, 255, 0.15); line-height: unset;}
#header .header-wrapper .header-bottom ul li {margin: 0;}
#header .header-wrapper .header-bottom ul li .header-search-form-wrapper {padding: 22px 26px 18px 25px;}
#header .header-wrapper .header-bottom .searchform input {background: transparent; border: 0; box-shadow: unset; color: #9b9da8; font-size: 16px;}
#header .header-wrapper .header-bottom .searchform button {background: transparent; border: 0; color: #9b9da8;}
#header .header-wrapper .header-bottom {background-color: var(--dark-blue-color);}
.icon-box-contact-header h4 {font-size: 18px; margin-bottom: 0; line-height: 1.25em;}
.icon-box-contact-header p {font-size: 16px; margin-bottom: 0; color: #727580;}
.title-banner h2 { font-size: 50px; margin: 0; text-transform: capitalize;}
.title-banner p { margin-bottom: 10px; font-size: 17px; margin-top: 0; background: var(--gradient-color); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 1px 2px rgba(0,0,0,0.2);}

.title-website h2 {color: var(--heading-color); font-size: 30px; text-transform: capitalize; font-weight: 700; position: relative; letter-spacing: -0.5px; margin-bottom: 30px; padding-bottom: 20px;}
.title-website h2::after {content:""; position: absolute; background-image: url(./assets/images/dash-title.png); background-size: contain; background-repeat: no-repeat; bottom: 0px; left: calc(50% - 35px); width: 70px; height: 3px; }
.title-website.l h2::after {left: 0;}
.btn-website {border: 0; overflow: hidden; position: relative; z-index: 1; font-size: 16px; text-transform: capitalize; color: var(--white-color); font-weight: 600; padding: 13px 40px; line-height: 16px; box-shadow: unset !important; font-family: var(--font-fira);}
.btn-website::before {position: absolute; content: ""; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; background: var(--dark-blue-color); transform: scale(0, 1); transform-origin: right top; transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1) 0s, -webkit-transform 500ms 0s;}
.btn-website:hover:before {transform: scale(1,1); transform-origin: top left;}
.title-website2 p {margin-bottom: 10px; font-weight: 700;}
.title-website2 h2 {margin-bottom: 0px; font-weight: 700; font-size: 30px;}

/*********** Home ***********/
.section-slider-hero {background: var(--header-color); background-clip: content-box;}
.section-slider-hero .flickity-button  svg { border-radius: unset;}
.icon-box-under-banner p {font-size: 22px; line-height: 30px; border-bottom: 2px dotted #5d6a8a; padding-bottom: 21px; margin-bottom: 26px; font-weight: 600; margin-bottom: 0; position: relative;}
.icon-box-under-banner p::before {position: absolute; position: absolute; content: ''; border-bottom: 2px dotted #5d6a8a; width: 100%; left: 0px; bottom: -7px;}
.row-under-slider {margin-top: -50px !important;}
.row-under-slider .row > .col > .col-inner {height: 100%;}
.row-under-slider .row .col-video .col-inner{background-image: url(./assets/images/bgr-video.jpeg); height: 100%; width: 100%;}
.row-under-slider .row .col-video .col-inner::before {position: absolute; content: ''; background: var(--dark-blue-color); opacity: 0.6; left: 0; right: 0; bottom: 0; top: 0;}
.row-under-slider .row .col-video .col-inner .video-button-wrapper {height: 100%; display: flex; align-items: center; justify-content: center;}
.row-under-slider .row .col-video .col-inner .video-button-wrapper a{margin: 0; border-radius: unset !important; background: var(--primary-color); border-color: var(--primary-color); opacity: 1; box-shadow: 0 0 0px 10px rgba(209, 175, 71, 0.45);}
.row-under-slider .row .col-video .col-inner .video-button-wrapper a i {color: var(--white-color);}

.image-box-commit .box-image::after {position: absolute; content: ""; background: var(--dark-blue-color); left: 0; right: 0; bottom: 0; top: 0; opacity: 0.75;}
.image-box-commit .box-text { padding: 0; position: unset;}
.image-box-commit .box-text-inner p {margin: 0; font-size: 18px; line-height: 28px; color: #727580;}
.image-box-commit .box-text-inner {padding: 31px 30px 33px 30px; background: var(--header-color);}
.image-box-commit .box-text-inner .icon-box { position: absolute; left: 30px; bottom: 140px;}
.image-box-commit .box-text-inner .icon-box h3 {font-size: 20px; line-height: 30px; margin: 0;}
.image-box-commit .box-text-inner .icon-box .icon-box-img {margin-bottom: 8px;}
.image-box-commit .box-text-inner {position: relative; z-index: 1;}
.image-box-commit .box-text-inner::before {content: ""; opacity: 0; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: var(--dark-blue-color); transition: .5s; transform: perspective(400px) rotateX(-90deg); transform-origin: top; z-index: -1;}
.image-box-commit:hover .box-text-inner::before {opacity: 1; transform: perspective(400px) rotateX(0deg);}

.section-about .row-about .col .col-inner {height: 100%;}
.section-about .title-website h2 {margin-bottom: 20px !important;}
.section-about .des-about > * {font-size: 18px; font-weight: 700;}
.section-about .des-about p {margin-bottom: 10px;}
.section-about .des-about ul {margin-bottom: 10px; list-style: none;}
.section-about .des-about ul li{ font-weight: 700; position: relative; margin-left: 0; display: flex; gap: 10px; color: #727580;}
.section-about .des-about ul li:last-child{ margin-bottom: 0;}
.section-about .des-about ul li::before{ color: var(--primary-color); content: "\f00c"; font-family: var(--fontawesome); font-weight: 800; position: relative; left: 0x; top: 0;}
.section-about .img {height: 100%;}
.section-about .img > * {height: 100%;}
.section-about .img img {height: 100%;}
.section-about .img img {height: 100%;}
.section-about .img .img-inner::before {position: absolute; content: ""; top: 0; left: -80%; width: 50%; height: 100%; display: block; background: var(--glass-color); transform: skewX(-25deg);}
.section-about .img:hover .img-inner::before {animation: shine 1s;}

.section-project .section-bg {padding: 10px !important; background-clip: content-box;}
.section-project .section-bg-overlay {background-clip: content-box; padding: 10px !important;}
.section-project .projects .post-item {padding-bottom: 0;}
.section-project .projects .post-item .is-divider{ display: none; }
.section-project .projects .post-item .box-text {padding: 20px; background: linear-gradient(-180deg, #303b55, #1a202f 100%);}
.section-project .projects .post-item a.button {margin: 0; width: 100%; font-size: 16px; line-height: 16px; font-family: var(--font-fira); padding: 14px 15px; background: #2c364d; color: var(--white-color);border-color: #2c364d;}
.section-project .projects .post-item .post-title {color: var(--white-color); text-align: center; font-size: 22px; margin-bottom: 22px; position: relative; margin-top: 40px;}
.section-project .projects .post-item .post-title::before {content: "\f1ad"; font-family: var(--fontawesome); position: absolute; font-weight: 700; top: -99px; left: calc(50% - 40px); width: 80px; height: 80px; border-radius: 99%; background: var(--primary-color); font-size: 30px; display: flex; align-items: center; justify-content: center;}
.section-project .projects .post-item .post-title a {color: var(--white-color);}
.section-project .projects .post-item:hover a.button {background: var(--primary-color); color: var(--white-color);}
.section-project .projects .post-item:hover .post-title::before {background: var(--white-color); color: var(--dark-blue-color);}
.section-project .projects .post-item a.button::after {content: unset;}

.section-procedure::before{content: ""; background: url(./assets/images/bgr-procedure.jpeg); height: 100%; width: 0%; left: 0; top: 0; position: absolute; background-size: cover; background-repeat: no-repeat; background-position: center; padding: 10px 0 10px 10px; box-sizing: inherit; background-clip: content-box;}
.section-procedure::after {content: ""; background: #ebe8e4; height: 100%; width: 100%; top: 0; right: 0; padding: 10px; background-clip: content-box; position: absolute;}
.section-procedure .text-proceduce p{font-size: 16px; font-weight: 700; text-align: justify;}
.section-procedure .col-text-procedure .col-inner{position: relative; z-index: 1;}
.section-procedure .col-text-procedure .col-inner::before {content: ""; position: absolute; background-image: url(./assets/images/city-skiline.png); background-repeat: no-repeat; background-size: cover; left:0; bottom: 0; z-index: -1; width: 100%; height: 50%;}
.icon-box-step { margin-bottom: 30px;}
.icon-box-step:last-child {margin-bottom: 0px;}
.icon-box-step .icon-box-img {width: unset !important;}
.icon-box-step .icon-inner{width: 90px; height: 90px; text-align: center; background: var(--white-color); padding: 20px;}
.icon-box-step .icon-box-text h3 {margin-bottom: 0; font-size: 22px;}
.icon-box-step .icon-box-text p { border-bottom: 2px dotted #5d6a8a; padding-bottom: 21px; margin-bottom: 21px; position: relative; font-weight: 700; font-size: 18px; color: var(--primary-color); line-height: 18px;}
.icon-box-step .icon-box-text p::before {content: ""; border-bottom: 2px dotted #5d6a8a; position: absolute; left: 0; bottom: -7px; width: 100%;}

.section-clients {background: url(./assets/images/bg-client.jpg); background-clip: content-box; background-repeat: no-repeat; background-size: cover;}
.section-clients .title-website h2{margin-bottom: 20px !important;}
.section-clients::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--dark-blue-color); opacity: 0.95; padding: 10px !important; background-clip: content-box;}
.section-clients .flickity-slider .img {background: var(--white-color); margin: 0 15px; padding: 10px 10px; border-radius: 5px;}
.section-clients .flickity-slider .img img {object-fit: contain;}
.section-clients .flickity-page-dots {bottom: -50px;}
.section-clients .flickity-page-dots li {background: var(--white-color) !important; border-color: var(--white-color);}
.section-clients .flickity-page-dots li.is-selected {background: var(--primary-color) !important; border-color: var(--primary-color) !important;}

.section-blog .title-website h2 {margin-bottom: 20px !important;}
.section-blog .col-btn-view-more .col-inner {text-align: left;}

.post-item .is-divider {display: none;}
.post-item .box-text { padding: 0 23px 25px; background: var(--header-color); box-shadow: 0px 0px 62px 0px rgba(27, 31, 45, 0.09); margin: 0 11px; margin-top: -50px; width: auto;}
.post-item .box-text::before {content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: var(--dark-blue-color); opacity: 0; transform: perspective(400px) rotateX(-90deg); transform-origin: top; transition: .5s;}
.post-item .box-text .cat-label {font-size: 13px; background: var(--primary-color); padding: 3px 21px; border-radius: 12px; text-transform: uppercase; transform: translateY(-12px); opacity: 1; display: inline-block; margin-bottom: 10px; color: var(--white-color);}
.post-item .box-text .post-title {margin: 0;}
.post-item .box-text .post-title a{font-size: 22px; color: var(--heading-color); margin-bottom: 5px;  margin-top: 0; display: inline-block; position: relative; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.post-item .box-text .post-meta {padding-bottom: 30px; margin-bottom: 20px; position: relative; font-size: 15px; color: var(--primary-color); font-weight: 500; opacity: 1;}
.post-item .box-text .post-meta::before {content: ""; position: absolute; left: 0; bottom: 0; height: 6px; width: 100%; background: url(./assets/images/border-shape.png) repeat-x center;}
.post-item .box-text a.button {margin: 0; color: #727580; text-transform: uppercase; font-size: 16px; position: relative; font-weight: 700; line-height: 16px; min-height: unset !important; display: inline-block; padding-right: 15px; padding-left: 0;}
.post-item .box-text a.button::after {content: "\f0da"; font-family: var(--fontawesome); position: absolute; right: 0; font-weight: 700; top: 1px;}
.post-item .box-image img {border-radius: 6px;}

.post-item:hover .box-text::before {opacity: 1; transform: perspective(400px) rotateX(0deg);}
.post-item:hover .box-text .post-title a {color: var(--white-color);}
.post-item:hover .box-text a.button {color: var(--white-color); color: var(--primary-color);}

.section-form-letter {background: var(--primary-color); background-clip: content-box;}
.section-form-letter .icon-box {align-items: center;}
.section-form-letter .icon-box .icon-box-img {width: auto !important;}
.section-form-letter .icon-box .icon-box-img .icon-inner {width: 70px; height: 70px; background: var(--white-color); padding: 12px;}
.section-form-letter .icon-box .icon-box-text p {margin-bottom: 0; font-size: 25px; line-height: 40px; color: var(--white-color); font-weight: 600;}

.form-letter .wpcf7-spinner {display: none;}
.form-letter p {position: relative; padding-right: 0;}
.form-letter button {position: relative; margin: 0;}
.form-letter input {background: transparent; box-shadow: none !important; border: 0; height: 70px; border: 2px solid var(--white-color); font-size: 18px; color: var(--white-color) !important; padding: 10px 20px 10px 60px; position: relative;}
.form-letter input:focus {background: transparent;}
.form-letter input::placeholder {color: var(--white-color);}
.form-letter p::after {content: '\f0e0'; font-family: var(--fontawesome); left: 30px; font-size: 18px; top: 22px; position: absolute; font-weight: 500; color: var(--white-color);}
.form-letter button {width: 100%; background: var(--white-color) !important; border: 0; height: 70px; box-shadow: none !important; color: var(--primary-color) !important; font-family: var(--font-fira); font-weight: 800;}
form {margin-bottom: 0;}
/*********** End Home ***********/

/*********** Category ***********/
.blog-wrapper.blog-archive.page-wrapper {padding-top: 0;}
.header-banner-archive {padding: 80px 0; margin-bottom: 60px;}
.header-banner-archive {width: 100%; background-image: url(/wp-content/uploads/2025/11/1800x395.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1;}
.header-banner-archive::before {position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; background-image: var(--gradient-color-1); z-index: -1;}
.header-banner-archive .box-text-archive h1 {font-size: 40px; line-height: 45px; font-weight: 700; color: var(--white-color); margin-bottom: 0;}
.header-banner-archive .box-text-archive {padding-left: 22px; position: relative;}
.header-banner-archive .box-text-archive::before {position: absolute; background: var(--primary-color); content: ''; left: 0; top: 0; height: 100%; width: 4px;}
.header-banner-archive .box-text-archive span.subtitle {background: var(--white-color); color: var(--heading-color); padding: 3px 21px; border-radius: 12px; line-height: 18px; display: inline-block; margin-bottom: 5px;}
#breadcrumbs {margin-bottom: 0; margin-top: 6px;}
#breadcrumbs span {font-size: 15px; color: var(--white-color); font-weight: 700; text-transform: uppercase; display: flex; gap: 10px; flex-wrap: wrap;}
#breadcrumbs a {color: var(--white-color);}
/*********** End Category ***********/

/*********** Single ***********/
.blog-wrapper.blog-single.page-wrapper {padding-top: 0;}
.blog-wrapper.blog-single.page-wrapper .entry-header {display: none;}
.blog-wrapper.blog-single.page-wrapper .single-page {padding-top: 0; overflow: hidden;}
.header-banner-archive.single {background-image: url(./assets/images/bg-single.jpg);}
.header-banner-archive.single::before {background: rgba(32, 22, 48, 0.85);}
.header-banner-archive.single .box-text-archive {text-align: center; padding-left: 0;}
.header-banner-archive.single .box-text-archive::before {content: unset;}
.header-banner-archive.single #breadcrumbs span {justify-content: center;}
.post-sidebar aside {padding: 30px; background: #f1f5f8; border: 1px solid #e1e5e9; border-radius: 6px;}
.post-sidebar .is-divider {display: none;}
.post-sidebar .widget-title {margin-bottom: 25px; font-size: 19px; font-weight: 600; font-family: var(--font-fira); display: inline-block; text-transform: capitalize;}
.post-sidebar .widget_search {width: 100%; padding: 0; background: transparent; border: 0;}
.post-sidebar .widget_search form {border: 2px solid #e1e5e9; border-radius: 6px; overflow: hidden;}
.post-sidebar .widget_search input {border: 0; box-shadow: none; height: 57px;}
.post-sidebar .widget_search button {background: transparent !important; border: 0; color: var(--dark-color); height: 57px;}
.post-sidebar li.recent-blog-posts-li {position: relative; padding-bottom: 30px; margin-bottom: 30px;}
.post-sidebar li.recent-blog-posts-li:last-child {margin-bottom: 0;}
.post-sidebar li.recent-blog-posts-li::before {content: ''; position: absolute; background-image: url(./assets/images/pattern-6.png); left: 0; height: 7px; width: 100%; bottom: 0; }
.post-sidebar li.recent-blog-posts-li .recent-blog-posts {padding: 0; align-items: center !important;}
.post-sidebar li.recent-blog-posts-li .recent-blog-posts .post-date {width: 70px; height: 70px; border-radius: 50%; overflow: hidden;}
.post-sidebar li.recent-blog-posts-li .recent-blog-posts .post-date .badge-inner {padding: 0;}
.post-sidebar li.recent-blog-posts-li .recent-blog-posts a {font-size: 17px; font-family: var(--font-fira); color: var(--heading-color); font-weight: 600; margin-bottom: 0;}
.post-sidebar .widget_categories .widget-title {margin-bottom: 7px;}
.post-sidebar .cat-item {padding: 14px 0px 13px 20px; position: relative; border-bottom: 1px solid rgb(225, 229, 233); transition: 0.5s;}
.post-sidebar .cat-item::before {position: absolute; content: '\f063'; font-family: var(--fontawesome); font-weight: 700; left: 0; font-size: 12px; top: 20px; color: rgb(131, 141, 158); transition: 500ms;}
.post-sidebar .cat-item:hover {padding-left: 0;}
.post-sidebar .cat-item:hover::before {opacity: 0;}
.post-sidebar .cat-item a {padding: 0; font-size: 18px; color: var(--heading-color); line-height: 28px; font-weight: 700;}
.tag-list {border-bottom: 1px solid #e1e5e9; padding-bottom: 50px; margin-bottom: 40px;}
.tag-list a {display: inline-block; font-size: 16px; border-radius: 20px; background: var(--white-color); color: #838d9e; padding: 3.5px 17px 7px; box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.1); font-weight: 500; margin: 0 5px; transition: .5s ease;} 
.tag-list a:hover {background: var(--primary-color);}
.blog-share .title {font-size: 18px; font-weight: 500; font-family: var(--font-fira); margin-bottom: 20px;}
.blog-share a {position: relative; width: 140px; text-align: left; padding: 8px 0 8px 25px !important;}
.blog-share a::after {position: absolute; content: 'Facebook'; color: var(--white-color); right: 25px; text-transform: none;}
.blog-share a.twitter::after {content: 'Twitter'; right: 32px;}
.blog-share a.twitter {padding-left: 32px !important;}
.blog-share a.pinterest::after {content: 'Pinterest';}
.blog-share a.linkedin::after {content: 'Linkedin';}
/*********** End Single ***********/

/*********** About ***********/
.title-section-page {padding-left: 22px; position: relative;}
.title-section-page::before {position: absolute; background: var(--primary-color); content: ''; left: 0; top: 0; height: 100%; width: 4px;}
.title-section-page h1 {font-size: 40px; line-height: 45px; font-weight: 700; color: var(--white-color); margin-bottom: 0;}
.section-about-top .col-image-about-top .col-inner::after {background-image: url(./assets/images/vat-about.png); content: ''; position: absolute; width: 100px; height: 185px; left: -100px; bottom: 80px; background-repeat: no-repeat; background-size: contain;}
.section-about-top .col-image-about-top .col-inner::before{background-image: url(./assets/images/circle-about.png); content: ''; position: absolute; top: -50px; left: -170px; width: 350px; height: 282px; background-repeat: no-repeat; background-size: contain;}
.section-about-top .title-website h2 {margin-bottom: 30px;}
.section-about-top .col-text-about-top p{font-size: 18px; font-weight: 700; color: var(--heading-color);}
.section-about-top .col-text-about-top ul {margin-bottom: 0; list-style: none;}
.section-about-top .col-text-about-top ul li:last-child {margin-bottom: 0;}
.section-about-top .col-text-about-top ul li {font-weight: 700; color: var(--heading-color); position: relative; font-size: 18px; margin-left: 0; padding-left: 30px;}
.section-about-top .col-text-about-top ul li::before {content: '\f058'; font-family: var(--fontawesome); font-weight: 700; color: var(--primary-color); left: 0; position: absolute;}
.section-about-number {background: var(--dark-blue-color); background-size: cover; background-clip: content-box; background-repeat: no-repeat;}
.iconbox-about-number p{margin-bottom: 0;}
.iconbox-about-number .infor-number p:first-child {font-size: 16px; font-size: var(--font-fira); font-weight: 500; margin-bottom: 25px; text-transform: uppercase;}
.iconbox-about-number .infor-number p:nth-child(2) {font-size: 48px; line-height: 50px; font-weight: 600; margin-bottom: 4px; text-transform: uppercase;}
.iconbox-about-number .infor-number p:nth-child(3) {font-size: 20px; font-weight: 500; margin-bottom: 15px;}
.iconbox-about-number .label p{position: relative; font-size: 16px; font-weight: 500;}
.iconbox-about-number.icon-box .icon-box-text {padding-left: 30px ;}
.row-about-number > .col { border-color: #41394f !important; }
.section-about-core-value {background: #eff2f5; background-size: cover; background-clip: content-box; background-repeat: no-repeat;}
.section-about-core-value .title-website h2 {margin-bottom: 20px;}
.boximage-corevalue .box-image{border-top-left-radius: 6px; border-top-right-radius: 6px;}
.boximage-corevalue .box-text {background: var(--white-color); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; padding: 20px; z-index: 10; transition: all .3s ease;}
.boximage-corevalue .box-text h4 {font-size: 20px; text-transform: uppercase; color: var(--primary-color); transition: all .3s ease;}
.boximage-corevalue .box-text p {margin: 0; font-size: 16px; font-weight: 600; color: var(--heading-color); text-align: justify; transition: all .3s ease;}
.boximage-corevalue .box-text::before {position: absolute; content: ''; left: 20px; right: 20px; bottom: -20px; height: 20px; opacity: .3; transition: .5s; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; background-color: var(--white-color); z-index: -1;}
.boximage-corevalue .box-text::after {position: absolute; content: ''; left: 10px; right: 10px; bottom: -10px; height: 10px; opacity: .5; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; transition: .5s; background-color: var(--white-color); z-index: -1;}
.boximage-corevalue:hover .box-text {background: var(--dark-blue-color);}
.boximage-corevalue:hover .box-text h4 {color: var(--white-color);}
.boximage-corevalue:hover .box-text p {color: var(--white-color);}
.boximage-corevalue:hover .box-text ul li {color: var(--white-color);}
.boximage-corevalue:hover .box-text::before {background-color: var(--dark-blue-color);}
.boximage-corevalue:hover .box-text::after {background-color: var(--dark-blue-color);}
.boximage-corevalue .box-text ul {margin-bottom: 0 !important;}
.boximage-corevalue .box-text ul li { font-size: 16px; font-weight: 600; color: var(--heading-color); text-align: justify;}
.boximage-corevalue .box-text ul li:last-child {margin-bottom: 0;}
.section-about-boss {background: #eff2f5; background-size: cover; background-clip: content-box; background-repeat: no-repeat;}
.section-about-boss .title-website h2 {margin-bottom: 20px;}
.section-about-boss p {margin-bottom: 20px; font-size: 16px; font-weight: 600; text-align: justify;}
.section-about-boss p strong {color: var(--primary-color);}
.section-about-boss .img img {border-radius: 10px;}
.section-about-boss .row-text-top .col-inner {height: 100%}
/*********** End About ***********/

/*********** Contact ***********/
.col-icon-box-contact .col-inner { box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15);}
.col-icon-box-contact .col-inner {height: 100%;}
.col-icon-box-contact .col-inner p {margin-bottom: 0;}
.col-icon-box-contact .col-inner .icon-box .icon-box-text h3 {color: var(--primary-color); font-size: 16px; font-family: var(--font-fira); font-weight: 600; margin-bottom: 0px;}
.col-icon-box-contact .col-inner .icon-box .icon-box-text p {font-size: 20px; font-weight: 600; font-family: var(--font-fira); font-weight: 600;}
.col-icon-box-contact .col-inner .icon-box {align-items: center; margin-bottom: 15px;}
.col-icon-box-contact .col-inner p {font-size: 18px; font-weight: 600; }
.form-contact input, .form-contact textarea {box-shadow: none; border-color: #e0e5e8; height: 56px; color: #738299; line-height: 30px; font-size: 15px; border-radius: 6px; margin-bottom: 0;}
.form-contact input:focus {box-shadow: none;}
.form-contact button {border-radius: 30px; min-height: 3em;}
.form-contact .wpcf7-spinner {display: none;}
.text-box-banner-contact p {margin-bottom: 20px; font-size: 18px; font-weight: 600;}
/*********** End Contact ***********/

/*********** Footer ***********/
.section-footer .title-website h2 {font-size: 22px; line-height: 30px; margin-bottom: 32px;}
.section-footer .col-footer-logo .text-des p {margin-bottom: 30px; color: #9b9da8; font-size: 18px; line-height: 28px;}
.section-footer .col-footer-logo .icon-box-1 {margin-bottom: 30px; align-items: center;}
.section-footer .col-footer-logo .icon-box-1 p {color: var(--white-color); font-family: var(--font-fira); font-weight: 700; font-size: 30px;}
.section-footer .col-footer-logo .icon-box-2 p {color: var(--white-color); font-weight: 700; font-size: 18px; line-height: 22px;}
.section-footer .col-footer-logo .icon-box-2 .icon-inner {border-radius: 0;}
.section-footer .menu-footer a {color: #d2ccda; font-size: 18px; font-weight: 700;}
.section-footer .menu-footer a:hover {color: var(--primary-color);}
.section-footer .text-help p {margin-bottom: 0; color: #d2ccda; font-size: 18px;}
.section-copyright .row {border-top: 1px solid rgba(255, 255, 255, 0.1);}
.section-copyright p {margin-bottom: 0; color: #9b9da8; font-size: 18px; line-height: 28px;}
/*********** End Footer ***********/

.sub-menu.nav-dropdown {padding-top: 0; padding-bottom: 0; background: #201630; border-top: 2px solid var(--primary-color);}
.sub-menu.nav-dropdown > li > a {color: var(--white-color) !important; padding-top: 12px; padding-bottom: 12px; font-weight: 700;}
.sub-menu.nav-dropdown > li > a:hover {color: var(--primary-color) !important;}
.category-tuyen-dung .box-blog-post .box-text {margin-top: unset;}

/*********** keyframe ***********/
@keyframes shine {
    100% {left: 125%;}
}

@keyframes drive {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
    }
}
/*********** End keyframe ***********/


/* md */
@media (min-width: 768px) {  
    .title-banner h2 { font-size: 60px;}
    .section-slider-hero .flickity-button {width: 50px;}
    .section-slider-hero .flickity-button  svg { height: 50px;}
    .row-under-slider {margin-top: -80px !important;}
    .title-website h2 {font-size: 40px;}
    .title-website h2 {margin-bottom: 40px;}
    .section-project .projects .post-item .post-title::before {width: 70px; height: 70px; font-size: 25px; top: -96px; left: calc(50% - 35px);}
    .icon-box-step { margin-bottom: 40px; align-items: center;}
    .icon-box-step .icon-inner {width: 110px; height: 110px;}
    .section-blog .col-btn-view-more .col-inner {text-align: left;}
    .form-letter button {width: 200px; position: absolute; top: 0; right: 0;}
    .form-letter p {padding-right: 200px;}
    .section-form-letter .icon-box .icon-box-text p {font-size: 30px;}
    .form-letter input {margin-bottom: 0;}
    .header-banner-archive .box-text-archive h1 {font-size: 50px; line-height: 55px}
    .header-banner-archive {padding: 110px 0;}
}

/* lg */
@media (min-width: 992px) { 
    .row-no-padding-bottom > .col {padding-bottom: 0 !important;}
    .title-banner h2 { font-size: 70px;}
/*     .header-main { padding: 15px 0px 55px 0px; height: unset !important;} */
    .section-slider-hero .flickity-button {width: 70px;}
    .section-slider-hero .flickity-button  svg { height: 70px;}
    .row-under-slider {margin-top: -100px !important;}
    .title-website h2 {margin-bottom: 50px;}
    section.section-about {padding-top: 200px !important;}
    .section-about .img {padding-right: 30px;}
    .section-project .projects .post-item .post-title::before {width: 60px; height: 60px; font-size: 20px; top: -90px; left: calc(50% - 30px);}
    .icon-box-step { margin-bottom: 60px;}
    .section-procedure::before {width: 50%;}
    .section-procedure::after {width: 50%; padding: 10px 10px 10px 0;}
    .section-blog .col-btn-view-more .col-inner {text-align: right;}
    .header-banner-archive {padding: 160px 0; margin-bottom: 100px;}
    .header-banner-archive .box-text-archive h1 {font-size: 60px; line-height: 65px}
}