/*
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}
.absolute-footer {display: none !important;}
.img-border-radirus img {border-radius: 10px;}

:root {
    --primary-color: #e53935;
    --secondary-color: #046879;
    --yellow-color: #f9c63c;
    --base-color: #111418;
    --heading-color: #1a0f10;
    --white-color: #fff;
    --box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
    --gradient-color: linear-gradient(45deg, rgb(229, 57, 53) 0%, rgba(229, 57, 53, 0) 100%);
	--font-awesome: "Font Awesome 7 Free";
}
html { scroll-behavior: smooth; }

#header .header-inner .flex-right {width: 70%;}
.icon-box-header {align-items: center;}
.icon-box-header .icon-box-text p {margin-bottom: 0; font-size: 14px; color: #757783;}
.icon-box-header .icon-box-text p:last-child {color: var(--heading-color); font-size: 16px;}
.follow-icons a {margin-bottom: 0;}
.follow-icons a.button.icon {display: inline-block ; margin-right: 10px ; background-color: #F1F2F6 ; border-color: #F1F2F6 ;}
.follow-icons a.button.icon:first-child {background: var(--primary-color) !important; border-color: var(--primary-color) !important; color: var(--white-color);}
.follow-icons a.button.icon:hover {background: var(--primary-color) !important; border-color: var(--primary-color) !important;}

.title-website h2 {margin-bottom: 0; font-size: 30px; color: var(--heading-color); position: relative; display: inline-block; margin-top: 25px; padding-top: 25px;}
.title-website h2::before {content: ''; position: absolute; width: 40px; height: 8px; border-radius: 20px; background: var(--primary-color); left: calc(50% - 20px); top: 0;}
.title-website p {font-size: 18px; margin-bottom: 0; margin-top: 5px;}
.title-website.l h2::before {left: 0;}
.title-website {margin-bottom: 40px;}

.title-website-1 p {margin-bottom: 10px; color: var(--base-color); font-size: 16px; text-transform: uppercase;}
.title-website-1 h2 {color: var(--primary-color); font-size: 30px; text-transform: uppercase; margin-bottom: 0; line-height: 30px;}
.title-website-1 {position: relative; padding-left: 20px; margin-bottom: 30px;}
.title-website-1::before {content: ''; position: absolute; height: 100%; width: 3px; left: 0; top: 0; background: var(--primary-color); display: block;}

.btn-website {border-radius: 5px; padding: 5px 20px;}
.btn-website.secondary-color {background: var(--secondary-color) !important; color: var(--white-color);}
.btn-website.yellow-color {background: var(--yellow-color) !important; color: var(--base-color);}
.text-about p{font-size: 16px; margin-bottom: 10px; text-align: justify;}

.sub-menu.nav-dropdown {padding: 0; overflow: hidden;}
.sub-menu.nav-dropdown li a {padding: 15px 20px;}
.sub-menu.nav-dropdown li a:hover {background: var(--secondary-color); color: var(--white-color);}
.header-main {border: 1px solid #ddd;}
.header-bottom .searchform input {border: 1px solid #ddd; box-shadow: none; background: rgba(255, 255, 255, 1); border-top-left-radius: 5px; border-bottom-left-radius: 5px; height: 50px;}
.header-bottom .searchform input::placeholder {color: var(--base-color);}
.header-bottom .searchform button[type="submit"].submit-button {height: 50px; width: 50px; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; background: var(--primary-color);}
.box-image-about img {border-radius: 15px; position: relative; box-shadow: var(--box-shadow);}
.box-image-about .box-image {overflow: unset;}
.box-image-about .box-image > div {padding: 10px;}

.section-about {margin-bottom: -30px;}

.box-image-about .box-text {padding-bottom: 0; padding-top: 20px;}
.box-image-about .box-text h4 {font-size: 16px; font-weight: 500; text-transform: uppercase;}
.flickity-page-dots .dot {background: var(--white-color) !important; border-color: var(--white-color) !important;}
.flickity-page-dots .dot.is-selected {background: var(--primary-color) !important; border-color: var(--primary-color) !important;}

.col-exp .col-inner {height: 100%;}
.icon-box-number {align-items: center;}
.icon-box-number .icon-box-text h3 {font-size: 30px; line-height: 30px; margin-bottom: 15px;}
.icon-box-number .icon-box-text p {margin-bottom: 0; font-size: 16px; min-height: 52px;}
.icon-box-number .icon-inner {  position: relative; z-index: 999;}
.icon-box-number .icon-inner::after {content: ''; position: absolute; width: 65px; height: 65px; border-radius: 99%; background:linear-gradient(to right,#ffd54f 0%,#fff8e1 50%,#ffffff 100%); left: -15px; top: 0; z-index: -1;}

.icon-box-wc .icon-box-text p {margin-bottom: 0;}
.icon-box-wc .icon-box-text h3 {color: var(--primary-color);}

.icon-box-procedure .icon-box-text h3 {margin-bottom: 0;}
.icon-box-procedure .icon-box-text p {color: #777; font-size: 15px; text-align: justify;}
.icon-box-procedure {margin-bottom: 25px;}
.icon-box-procedure:last-child {margin-bottom: 0;}
.icon-box-procedure .icon-inner {position: relative;}
.icon-box-procedure .icon-inner::before {content: '1'; position: absolute; background: var(--secondary-color); width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; font-size: 12px; border-radius: 99%; color: var(--white-color); left: 0; top: 0; }
.icon-box-procedure.i1 .icon-inner::before{content: '1';}
.icon-box-procedure.i2 .icon-inner::before{content: '2';}
.icon-box-procedure.i3 .icon-inner::before{content: '3';}
.icon-box-procedure.i4 .icon-inner::before{content: '4';}

.col-procedure-image .col-inner {height: 100%;}
.col-procedure-image .img, .col-procedure-image .img-inner, .col-procedure-image img {height: 100%;}

.post-item .is-divider {display: none;}
.post-item .image-cover img {border-radius: 20px;}
.post-item .box-image {margin-bottom: 20px;}
.post-item .box-text {padding: 0;}
.post-item .post-title {margin: 0;}
.post-item .post-title a {font-size: 16px; margin-bottom: 20px; display: inline-block; margin-top: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.post-item .from_the_blog_excerpt  {color: #777; text-align: justify;}
.post-item a.button {background: var(--primary-color); color: var(--white-color); text-transform: inherit; font-weight: 500; padding: 1px 20px; font-size: 17px; border-radius: 20px;}

.col-feedback .icon-box {padding: 40px;}
.col-feedback .col-inner {box-shadow: var(--box-shadow);}
.col-feedback .icon-box img {padding-top: 0; border-radius: 99%;}
.col-feedback .icon-box-img {margin-bottom: 10px !important; }
.col-feedback .icon-box-text p {color: #777;}
.col-feedback .position-text p {margin-bottom: 0; margin-top: 20px; padding: 15px 0; border-top: 1px solid #eee; font-size: 14px;}

.form-contact input, textarea {border: 0; box-shadow: none; background: rgba(154, 154, 154, 0.1); margin-bottom: 0; height: 60px; border-radius: 5px;}
.form-contact input:focus {background: rgba(154, 154, 154, 0.1); box-shadow: none;}
.form-contact textarea:focus {background: rgba(154, 154, 154, 0.1); box-shadow: none;}
.form-contact .required {color: var(--primary-color);}
.form-contact label {font-weight: 500;}
.form-contact button[type="submit"] {width: 100%; margin: 0;}
.wpcf7-spinner {display: none;}
form {margin-bottom: 0;}
.col-banner-form .col-inner, .col-banner-form .img, .col-banner-form .img-inner, .col-banner-form img {height: 100%;}
.col-banner-form img {object-fit: cover;}
.col-banner-form img {border-radius: 5px;}

.section-footer .row-header .col-text p{margin-bottom: 0; font-size: 22px; color: var(--white-color);  line-height: 32px;}
.section-footer .is-divider {background: rgb(255 255 255 / 10%) !important;}
.section-footer .title-footer h2 {font-size: 20px;}
.icon-box-contact-footer {align-items: center; border-bottom: 1px solid rgb(255 255 255 / 10%); padding-bottom: 20px; margin-bottom: 20px;}
.icon-box-contact-footer:last-child {border-bottom: 0; margin-bottom: 0;}
.icon-box-contact-footer .icon-box-text p { margin-bottom: 0;}
.icon-box-contact-footer .icon-box-text p:first-child {color: #AEB2C2; font-size: 14px;}
.section-footer .menu-footer .ux-menu-link__link {font-size: 18px; color: var(--white-color);}
.section-footer .menu-footer .ux-menu-link__link:hover {color: var(--primary-color);}

.section-title-page {padding: 60px 0 !important; margin-bottom: 50px; width: 100%; background: url(/wp-content/uploads/2025/12/banner-section.png); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; z-index: 1;}
.section-title-page::before {position: absolute; top: 0; right: 0; left: 0; bottom: 0; content: ''; background-image: var(--gradient-color);}
.section-title-page.in-builder {margin-bottom: 0;}
.section-title-page h1 {font-size: 40px; line-height: 45px; color: var(--white-color); margin-bottom: 0;}
#breadcrumbs {margin-bottom: 0; margin-top: 8px; }
#breadcrumbs > span {font-size: 13px; color: var(--white-color); font-weight: 600;}
#breadcrumbs > span > span {padding: 0 5px;}
#breadcrumbs > span > span:first-child {padding-left: 0;}
#breadcrumbs > span > span:last-child {padding-right: 0;}
#breadcrumbs a {color: var(--white-color);}
.section-title-page .box-section-title-page {position: relative; padding-left: 22px;}
.section-title-page .box-section-title-page::before {position: absolute; content: ''; width: 4px; height: 100%; left: 0; top: 0; background: var(--white-color);}

/* category page */
.blog-wrapper.blog-archive.page-wrapper {padding-top: 0;}
/* end category page */

/* single page */
.blog-wrapper.blog-single.page-wrapper {padding-top: 0;}
.blog-wrapper.blog-single .section-title-page h1 {font-size: 30px; line-height: 35px;}
.blog-wrapper.blog-single .section-title-page {margin-bottom: 30px;}
.blog-wrapper.blog-single .entry-content {padding-top: 10px; padding-bottom: 0;}
.blog-wrapper.blog-single .entry-header {display: none;}
.blog-wrapper.blog-single .entry-meta-single-page .meta-list{ display: flex; gap: 15px;}
.blog-wrapper.blog-single .entry-meta-single-page .meta-list .item i {color: var(--primary-color);}
.blog-wrapper.blog-single .entry-meta-single-page .meta-list .item .text {font-size: 14px;}
.blog-share a {margin-bottom: 0;}
.blog-share a.button.icon {display: inline-block ; margin-right: 10px ; background-color: #F1F2F6 ; border-color: #F1F2F6 ;}
.blog-share a.button.icon:first-child {background: var(--primary-color) !important; border-color: var(--primary-color) !important; color: var(--white-color);}
.blog-share a.button.icon:hover {background: var(--primary-color) !important; border-color: var(--primary-color) !important;}
.blog-wrapper.blog-single .blog-share {padding: 20px 0; border-top: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; display: flex; align-items: center; gap: 15px; margin-top: 45px;}
.blog-wrapper.blog-single .blog-share .title-blog-share {font-weight: 700;}
footer.entry-meta {border: 0;}
footer.entry-meta .title {font-weight: 700; font-size: 16px;}
footer.entry-meta a {border: 1px solid #dee2e6; padding: 10px 15px; font-size: 10px; border-radius: 8px; background: #fff; text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin:0 5px; transition: all .3s ease;}
footer.entry-meta a:hover {background: var(--primary-color); color: var(--white-color); border-color: var(--primary-color);}
/* end single page */

.post-sidebar aside {padding: 35px 30px; background: rgba(221, 221, 221, 0.2); border-radius: 10px;}
.post-sidebar .is-divider {width: 45px; height: 2px; background: var(--primary-color);}
.post-sidebar aside.flatsome_recent_posts .badge {width: 65px; height: 65px; border-radius: 5px; overflow: hidden;}
.post-sidebar aside.flatsome_recent_posts a {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0;}
.post-sidebar aside.flatsome_recent_posts .recent-blog-posts {align-items: center !important;}
.post-sidebar aside.widget_categories .cat-item {display: flex; justify-content: space-between; align-items: center;}

.img-header-about.img img {border-radius: 10px;}
.title-about p {color: var(--primary-color); margin-bottom: 10px; }
.title-about h2 {font-size: 35px; line-height: 55px; color: var(--heading-color); margin-bottom: 0;}
.text-about-page p {margin-bottom: 0; text-align: justify;}
.section-ter {background-image: url(./assets/images/bg-line.png); background-position: bottom left; background-repeat: no-repeat;}

.slider-style-container .flickity-slider>:not(.is-selected) {opacity: 1;}
.slider-ter .row {margin-right: 15px !important;}
.col-feedback.no-shadow .col-inner {box-shadow: none;}
.icon-box-contact-col .col-inner {box-shadow: var(--box-shadow);}
.icon-box-contact {align-items: center;}
.icon-box-contact .icon-inner { width: 64px; height: 64px; padding: 15px; background: #F1F2F6; border-radius: 99%;}
.icon-box-contact .icon-box-text h3 {font-size: 18px; margin-bottom: 0;}
.icon-box-contact .icon-box-text p {color: #757783;}

.icon-box-mvt {align-items: center;}
.icon-box-mvt .icon-box-text h3 {margin-bottom: 0;}
.icon-box-mvt .icon-box-text p {margin-bottom: 0; font-size: 16px; color: #949393;}

.icon-box-mvt .icon-inner {position:relative; z-index: 999;}
.icon-box-mvt .icon-inner::after {content: ''; position: absolute; width: 55px; height: 55px; border-radius: 99%; background: linear-gradient(to right, #ffd54f 0%, #fff8e1 50%, #ffffff 100%); left: -15px; top: 0; z-index: -1;}
.text-m {margin-top: 15px;}
.text-m p {text-align: justify;}
.text-m p:first-child {margin-bottom: 5px;}
.text-m p:last-child {margin-bottom: 0;}
.col-mvt .col-inner {height: 100%;}

.col-trust {padding-bottom: 15px;}
.col-trust .col-inner {background: linear-gradient(135deg, rgba(229, 57, 53, 0.12), rgba(4, 104, 121, 0.12)) !important; height: 100%;}
.icon-box-trust {align-items: flex-end;}
.icon-box-trust .icon-box-text {padding-left: 0 !important;}
.icon-box-trust .icon-box-text p {font-size: 20px; margin-bottom: 1px;}
.text-header-trust {margin-top: 20px;}
.text-header-trust p {margin-bottom: 0; text-align: justify;}

.header-button-1 a.button {border-radius: 5px !important; text-transform: inherit; font-size: 12px; padding-left: 40px; position: relative; animation: wave 2s infinite; }
.header-button-1 a.button span {width: 88px;}
.header-button-1 a.button::before {position: absolute; content: '\f4ad'; font-family: var(--font-awesome); left: 14px; top: 0; font-size: 20px; font-weight: 500}

@keyframes wave {
	0% {box-shadow: 0 0 0 0 var(--primary-color);}
	100% {box-shadow: 0 0 0 8px rgba(229, 57, 53, 0);}
}

@media (max-width: 549px) {
    #logo img {
        max-height: 40px !important;
    }
}

/* md */
@media (min-width: 768px) {  
    .box-image-about .box-text {padding-top: 40px;}
    .box-image-about .box-text h4 {font-size: 18px;}
    .title-website-1 h2 {font-size: 35px; line-height: 35px;}
    .title-website h2 {font-size: 35px;}
    .title-website-1 p {font-size: 17px;}
    .section-title-page h1 {font-size: 50px; line-height: 55px;}
    .title-about h2 {font-size: 40px}
	.col-trust {padding-bottom: 30px;}
	.header-button-1 a.button {font-size: 17px;}
	.header-button-1 a.button span{width: auto;}
	.icon-box-number .icon-box-text p {font-size: 17px;}
	
}

/* lg */
@media (min-width: 992px) { 
    .row-no-padding-col > .col {padding-bottom: 0 !important;}
    .box-image-about .box-image:before {content: ''; width: 100%; height: 100%; position: absolute; border: 3px solid var(--yellow-color); top: 0; left: 0; border-radius: 20px; transform: rotate(15deg);}
    .box-image-about .box-text {padding-top: 60px;}
    .box-image-about .box-text h4 {font-size: 20px;}
    .title-website-1 h2 {font-size: 45px; line-height: 45px;}
    .title-website h2 {font-size: 40px;}
    .title-website-1 p {font-size: 18px;}
    .section-form::after {content: '';}
    .section-title-page h1 {font-size: 60px; line-height: 65px;}
    .section-title-page {padding: 100px 0 !important;}
    #breadcrumbs span {font-size: 15px; } 
    .row-header .col-btn-footer .col-inner {text-align: right !important;}
    .blog-wrapper.blog-single .section-title-page h1 {font-size: 35px; line-height: 40px;}
    .title-about h2 {font-size: 50px;}
	.icon-box-number .icon-box-text p {font-size: 18px;}
	
}