/*
 * Theme Name: Mona Theme
 * Author: template_path
 * Author URI: https://themeforest.net/user/template_path/
 * Theme URI: https://ftpdemo.com/tranzix/
 * Description: Tranzix is Best Transport Services Theme.
 * Version: 1.0.1
 * License: This theme or plugin is comprised of two parts. (1) the PHP code and integrated HTML are licensed under the General Public License (GPL). You will find a copy of the GPL in the same directory as this text file. (2) All other parts, but not limited to the CSS code, images, and design are licensed according to the license purchased from Envato.  Read more about licensing here: http://themeforest.net/licenses
 * License URI: license.txt
 * Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
 * Text Domain: tranzix
 * Tested up to: 6.1.1
 * Requires PHP: 7.0
*/
.wp-caption {
	margin-bottom: 2px;
}

.wp-caption-text {
	margin-bottom: 5px;
}

.screen-reader-text {
	margin-bottom: 12px;
}

.gallery-caption {
	margin-bottom: 2px;
}

.bypostauthor {
	margin-bottom: 2px;
}

.alignleft {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	max-width: 100%;
}

.alignright {
	float: right !important;
	margin-bottom: 20px;
	margin-left: 20px;
	max-width: 100%;
}

.aligncenter {
	display: block;
	margin: 0 auto 20px;
}

.col-md-4 .funfact-meta > i {
	right: 27px;
}

.mycustom-pricing {
	background-color: #090909 !important;
}

.on-hover {
	display: none;
	animation: fadeOut 0.5s;
}

.hver:hover .on-hover {
	display: block;
	animation: fadeIn 0.5s;
}

/* ----- custom ----- */

:root {
	--max-width-container: 1216px;
	--padding-section: 80px;
	--font-family-title: "Roboto";
	--font-size-title: 36px;
	--line-height-title: 44px;
}

/* container */
.auto-container {
	max-width: var(--max-width-container) !important;
}

/* transition - 0.5s */
.mona-sec-about-project .about-eight .content_block_nine .content-box .video-btn a i {
	transition: all 0.5s !important;
}

/* padding - section */
.sec-pad {
	padding: var(--padding-section) 0;
}

/* title */
.sec-title h2.font_family_pt,
.sec-title h2.font_family_spartan,
.sec-title-three h2,
.mona-sec-contact-page .sec-title h3,
.mona-sec-contact-page .text h3,
.mona-services h2,
.pricing-one .sec-title h2{
	font-size: var(--font-size-title);
	text-transform: uppercase;
	line-height: var(--line-height-title) !important;
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-family-title) !important;
}
.color-primery {
	color: var(--e-global-color-primary);
}

/* button */
.theme-btn {
	text-transform: uppercase;
	padding: 16px 32px !important;
}

/* feature */
.feature-block-three .inner-box .icon-box {
	background-color: rgba(250, 66, 22, 0.2) !important;
}
.feature-block-three .inner-box:hover .icon-box {
	background-color: #fff !important;
}
.mona-sec-feature .inner-box {
	display: flex;
    flex-direction: column;
    align-items: center;
}
.mona-sec-feature .feature-block-seven .inner-box:before {
	right: -15px;
}
.mona-sec-feature .feature-block-seven .inner-box h6 {
	text-align: center;
}

/* header */
body.home .mona-header {
	position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    width: 100%;
    background: transparent;
}
.mona-sec-header {
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

/* banner */
.banner-carousel .owl-nav button.owl-prev {
	left: 20px !important;
}
.banner-carousel .owl-nav button.owl-next {
    right: 20px !important;
}
.mona-sec-banner .slider-seven .content-box {
	max-width: 750px;
}
.mona-sec-banner .auto-container {
	max-width: 1000px !important;
}
.mona-sec-about-home .image_block_nine .image-box .image {
	bottom: 0;
}
.mona-sec-about-home .image_block_nine .image-box {
	min-height: 625px;
}

/* giới thiệu */
body .font_family_inter {
    font-family: var(--e-global-typography-primary-font-family);
}
.about-left-six-items .image {
	aspect-ratio: 8 / 11;
	overflow: hidden;
}
.about-left-six-items .image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.about-left-six-items .image_block_eight .image-box .shape .shape-3 {
	background-size: cover;
}
.mona-about-left .image_block_nine .image-box .text {
	bottom: 40px;
}
.mona-about-left .image_block_nine .image-box .image {
	bottom: 0;
	width: 100%;
	overflow: hidden;
	aspect-ratio: 6 / 7;
}
.mona-about-left .image_block_nine .image-box .image:before {
	position: absolute;
    top: 0;
    left: -80%;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.mona-about-left .image_block_nine .image-box .image:hover:before {
	animation: shine 1s;
}
.mona-about-left .image_block_nine .image-box .image img {
	border-radius: 8px;
	object-fit: cover;
    height: 100%;
    width: 100%;
}
.mona-about-left .image_block_nine .image-box {
	min-height: 625px;
}
.ourmission-section .pattern-layer {
	z-index: 0;
}
.mona-sec-skills .skills-two.about-page-1 {
	background: #fff;
}
.mona-sec-our-client .clients-one.new {
	background: transparent;
	padding: 30px 0;
}
.clients-one.new .clients-logo-box {
	padding: 60px 0 !important;
}
.list-style-two li:before {
	color: var(--e-global-color-primary);
}

/* video */
.mona-item-video .theme-btn-eight:before {
	background-color: #fff;
}
.mona-item-video .theme-btn.theme-btn-eight:hover {
	color: #200903 !important;
}

/* subscribe */
.mona-sec-form-subscribe .form-subscribe {
	display: flex;
    justify-content: space-between;
	gap: 10px;
}
.mona-sec-form-subscribe .form-subscribe .form-group-subscribe .wpcf7-form-control-wrap input {
	border-color: #fff !important;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
    height: 60px;
    display: block;
    position: relative;
    width: 100%;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    font-size: 15px;
    color: #808080;
    padding: 15px 20px;
}
.mona-sec-form-subscribe .form-subscribe  .wpcf7-not-valid-tip {
	position: absolute;
    bottom: 0;
    right: 10px;
    font-size: 12px;
    line-height: 20px;
}
.mona-sec-form-subscribe .wpcf7-form .wpcf7-response-output {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.mona-sec-form-subscribe .form-subscribe .form-group-subscribe,
.mona-sec-form-subscribe .form-subscribe>p {
	width: 100%;
}

/* services */
.sevices-tab-items .tabs-content #tab-3 .image,
.sevices-tab-items .tabs-content #tab-4 .col-lg-8 .image {
	aspect-ratio: 1 / 1;
}
.sevices-tab-items .tabs-content #tab-3 .image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.sevices-tab-items .tabs-content #tab-4 .col-lg-4 .image {
	position: absolute;
    width: calc(100% - 30px);
    height: 100%;
}
.sevices-tab-items .tabs-content #tab-4 .col-lg-4 .image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.service-eight .tab-btns li {
	font-size: 16px !important;
	text-transform: uppercase;
}
.mona-sec-services .mona-services {
	background: transparent;
	z-index: 1;
}

/* project */
body.single-tranzix_project .blog-details-content .blog-post .content-one>.image-box,
body.single-tranzix_project .blog-details-content .blog-post .content-one>.post-title{
	
}
.mona-sec-about-project .about-eight .content_block_nine .content-box .video-btn a:hover {
	background: var(--e-global-color-primary);
    border-color: var(--e-global-color-primary);
}
.mona-sec-about-project .about-eight .content_block_nine .content-box .video-btn a:hover,
.mona-sec-about-project .about-eight .content_block_nine .content-box .video-btn a:hover i {
	color: #fff;
}
.mona-sec-about-project .image_block_eight .image-box .text {
	background: var(--e-global-color-primary);
}

/* lý do */
.mona-sec-ly-do .about-three .row.clearfix {
	justify-content: center;
}
.mona-sec-ly-do .about-three .row.clearfix .feature-block {
	margin-bottom: 30px;
}


/* animation - image - left/right */
.mona-animation-left-right img {
	animation: moveLeftRight 8s linear infinite;
}
@keyframes moveLeftRight{
	0% {
    	    transform: translateX(0);
	}

	50% {
	    transform: translateX(50px);
	}
	100% {
	    transform: translateX(0);
	}
}

/* pricing tab */
.mona-sec-pricing-tab .pricing-one .tab-btn-box .tab-btns:before {
	background: #fff;
}
.mona-sec-pricing-tab .pricing-one .table-content {
	padding: 0;
	text-align: left;
}
.mona-sec-pricing-tab .pricing-one.pricing-page-1 .pricing-block-one .pricing-table .theme-btn:before {
	background: #141417 !important;
}
.mona-sec-pricing-tab .pricing-one.pricing-page-1 .pricing-block-one .pricing-table .theme-btn,
.mona-sec-pricing-tab .pricing-one.pricing-page-1 .pricing-block-one.active-block .pricing-table .table-header h6 {
	color: #fff !important;
}
.mona-sec-pricing-tab .pricing-one.pricing-page-1 .pricing-block-one.active-block .pricing-table .theme-btn,
.mona-sec-pricing-tab .pricing-one.pricing-page-1 .pricing-block-one.active-block .pricing-table .table-content .feature-list li:before {
	background: #fff;
}
.mona-sec-pricing-tab .pricing-one.pricing-page-1 .pricing-block-one .pricing-table .theme-btn:hover {
	border-color: #141417 !important;
}
.mona-sec-pricing-tab .pricing-one.pricing-page-1 .pricing-block-one.active-block .pricing-table .theme-btn {
	border-color: #fff;
	color: var(--e-global-color-primary) !important;
}
.mona-sec-pricing-tab .pricing-one.pricing-page-1 .pricing-block-one.active-block .pricing-table {
	background: #f1603e;
    border-color: #f1603e;
}
.mona-sec-pricing-tab .pricing-one.pricing-page-1 .pricing-block-one.active-block .pricing-table .table-content .feature-list li:before {
	background: #fff;
}
.mona-sec-pricing-tab .tabs-content.service-eight {
	background: transparent;
}

/* faq */
.faq-items .faq-page-section.faq-page-3 .accordion-box .block .acc-btn.active h4, 
.faq-items .faq-page-section.faq-page-3 .accordion-box .block .acc-btn.active .icon-outer {
    color: var(--e-global-color-primary);
}

/* pricing table */
.mona-pricing-table table {
	border-collapse: collapse;
}

/* blog */
body .blog-sidebar .sidebar-widget {
    background: transparent;
    padding: 0;
}
.news-block-one .inner-box .post-info li a {
	pointer-events: none;
}
.news-nine .theme-btn-eight {
	background: var(--e-global-color-primary) !important;
    color: #fff !important;
	border: none !important;
}
.mona-sec-blog-page .news-block {
	margin-bottom: 30px;
}
.mona-sec-blog-page h4.font_family_spartan {
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
body .row.clearfix {
	margin: 0;
}
body .sidebar-widget:not(:last-child) {
	margin-bottom: 40px
}
body .widget-title {
	margin-bottom: 20px !important;
}
body .sidebar-page-container.blog-details .sidebar-widget.post-widget {
	margin-bottom: 0 !important;
}
body .post-inner:not(:last-child) {
	margin-bottom: 20px;
}
body .post-inner .inner-box {
	display: flex;
	flex-direction: row;
	gap: 15px;
}
body .post-inner .inner-box .image-box {
	border-radius: 5px;
    overflow: hidden;
	width: 40%;
}
body .post-inner .inner-box .lower-content {
	width: 60%;
}
body .post-inner .inner-box .lower-content h5 {
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mona-col-single-post #comments {
	margin-bottom: 0;
}
.mona-col-single-post #comments .wpd-thread-list,
.mona-col-single-post #comments .wpd-comment {
	padding-bottom: 0;
}

/* contact */
.mona-sec-contact-page .wpcf7-form .wpcf7-not-valid-tip {
	position: absolute;
    bottom: 0px;
    right: 10px;
    font-size: 12px;
    line-height: 20px;
}
.mona-sec-contact-page .wpcf7-form .wpcf7-response-output {
	margin: 0;
}
.loading-form:after {
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2026/03/loading.png);
	width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    bottom: calc(50% - 10px);
    left: calc(50% - 10px);
    object-fit: cover;
    background-size: cover;
    animation: spin 1s infinite linear;
    pointer-events: none;
	opacity: 0;
	z-index: -1;
}
.wpcf7-form.submitting .loading-form:after {
	z-index: 2;
	opacity: 1;
}
@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
.wpcf7-form.submitting button {
	pointer-events: none !important;
	opacity: 0.75;
}

/* footer */
.mona-footer-media img {
	height: 13px !important; 
	margin-bottom: 2px; 
	padding-left: 5px;
}

/* hidden */
body .news-block-one .inner-box .post-date-two,
body .post-inner .post-info,
body .post-inner .link,
.mona-img-d-none .service-details-content figure.image,
body.single-tranzix_project .blog-details-content .blog-post .content-one>.image-box,
body.single-tranzix_project .blog-details-content .blog-post .content-one>.post-title,
.mona-fillter-d-none .filters,
.loader-wrap,
.fancybox-container.fancybox-is-zoomable.fancybox-can-zoomIn {
	display: none !important;
}

/* tablet */
@media (max-width: 1024px) {
	/* feature */
	.mona-sec-feature .feature-block {
		flex: 0 0 33.33%;
        max-width: 33.33%;
	}
	
	/* banner */
	.mona-sec-banner .banner-carousel .content-box h2,
	.mona-sec-banner .banner-carousel .active .content-box .btn-box{
		text-align: center;
	}
	
	/* giới thiệu */
	.mona-about-left .image_block_nine .image-box {
        min-height: 927px;
        margin-right: 0;
    }
	
	/* services */
	.mona-sec-services .mona-services ul.tab-btns {
		display: flex;
		overflow: scroll;
	}
	.mona-sec-services .mona-services ul.tab-btns li {
		margin-right: 20px;
		white-space: nowrap;
	}
	.mona-sec-services .tabs-content .tab .image-box-one {
		padding-right: 0;
	}
	.mona-sec-services .tabs-content .tab .col-lg-8 {
		flex: 0 0 66.666667%;
    	max-width: 66.666667%;
	}
	.mona-sec-services .tabs-content .tab .col-lg-4 {
		flex: 0 0 33.333333%;
    	max-width: 33.333333%;
	}
	/* subscribe */
	.theme-btn {
		padding: 16px 20px !important;
	}
	.mona-sec-form-subscribe .form-subscribe>p {
		display: flex;
		justify-content: flex-end;
		width: auto;
		min-width: 23%;
	}
}

/* mobile */
@media (max-width: 767px) {
	:root {
		--padding-section: 30px;
		--font-size-title: 30px;
    	--line-height-title: 36px;
	}
	
	/* padding - section */
	.sec-pad,
	.about-three.about-page-1 {
		padding: var(--padding-section) 0 !important;
	}
	
	/* banner */
	.mona-sec-banner .banner-carousel .content-box h2 {
		font-size: 40px;
        line-height: 46px;
	}
	
	/* giới thiệu */
	.mona-about-left .image_block_nine .image-box {
		min-height: 456px;
		margin-top: 0;
	}
	.mona-sec-our-client .clients-one .col-md-6 {
		width: 50%;
	}
	.mona-sec-our-client .clients-one .clients-logo-box {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}
	
	/* feature */
	.mona-sec-feature .feature-block {
		flex: 0 0 100%;
        max-width: 100%;
	}
	
	/* service */
	.mona-sec-services .service-eight .image-box-one {
		padding-right: 0;
	}
	.mona-services .single-image:first-child {
		margin-bottom: 30px;
	}
	.upper-box.centred {
		margin-bottom: 30px !important;
	}
	.mona-sec-about-project .content_block_nine .content-box {
		padding-top: 0;
	}
	.mona-sec-about-project .about-eight {
		padding-bottom: 0;
	}
	
	/* giới thiệu */
	.content_block_nine .content-box {
		padding-top: 30px !important;
	}
	.content_block_nine .content-box,
	.ourmission-section.about-page-1 {
		padding-bottom: 30px !important;
	}
	
	/* video */
	.mona-item-video.cta-three .inner-box h2 {
		font-size: 30px;
		line-height: 36px;
	}
	.mona-item-video.cta-three .inner-box p {
		padding: 0px;
	}
	
	/* subscribe */
	.mona-sec-form-subscribe .form-subscribe>p {
		min-width: 43%;
	}
	.mona-sec-form-subscribe .form-subscribe .theme-btn {
		font-size: 13px;
	}
	
	/* home */
	.cta-six .text {
		margin-top: 30px;
	}
	.cta-six {
		padding-bottom: 30px;
	}
	
	/* faq */
	.faq-page-section {
		padding-top: 0 !important;
	}
	
	/* contact */
	.contact-four .form-inner {
		padding: 30px;
	}
	
	/* footer */
	.mona-footer-media {
		font-size: 13px;
	}
	.mona-footer-media img {
		height: 11px !important; 
	}
	
	/* hidden */
	.scroll-to-top {
		display: none !important;
	}
}

/* ----- end custom ----- */

/* ----- scrollbar ----- */
body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

body::-webkit-scrollbar {
	width: 6px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: var(--e-global-color-primary);
}
/* ----- end scrollbar ----- */