/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 02 2026 | 09:10:13 */
html, body {
  overflow-y: auto !important;
  height: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

 
:root {
  --mt-gradient: linear-gradient(90deg, #00685B 0%, #0F8A85 100%) !important;
	  --mt-gradient: linear-gradient(90deg, #00685B 0%, #0F8A85 100%) !important;
}

#myTab li button span{
	font-family: Space Grotesk;
	font-weight: 500;
	font-style: Medium;
	font-size: 26px;
	line-height: 41.6px;
	letter-spacing: 0%;
	vertical-align: middle;
}

#myTab li button{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#myTab li button i {
	font-size: x-large;	
}

#myTab li button div{
	display: flex;
	align-items: center;
}

.mt-section-title .subtitle-2{
	margin-bottom: 50px !important;
}


#myTab li button strong{
	font-family: Poppins;
	font-weight: 700;
	font-style: Bold;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0%;
	vertical-align: middle;
}

.mt-service-content-6{
	align-items: end !important:
}

.csolution-section .mt-service-item-5{
	min-height: 450px !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.mt-service-tab-desc-4{
	display: flex;
	align-items: center;
}


.mt-service-item-5:before{
	background: linear-gradient(90deg, #00685B 0%, #0F8A85 100%);
	color: white !important;
}
.mt-service-item-5:hover .pera-content h3 a, .mt-service-item-5:hover .pera-content p{
	color: white !important;
}
.mt-testimonial-slide-wrap{
	display: flex;
	align-items: end;
}

span.highlight-text, .mt-section-title .subtitle, .mt-contact-play .play-text h3 {
    color: #00685B;
}

.mt-contact-form form button{
	border: 2px solid #00685B;
	transition: all 0.3s ease;
}

.mt-contact-form form button:hover{
transition: all 0.3s ease;
	background: linear-gradient(87.59deg, #00685B 21.02%, #0F8A85 49.22%);
}

.mt-cta-info:before{
	background-color: white;
}

.mt-cta-info .item-text h3{
	color: white;
	font-weight: 400;
}
.scrollup i{
	color: white;
}
.mt-cta-info .item-icon{
	background: white;
}

.mt-cta-info .item-text a, .mt-cta-info .item-text span{
	color: white;
}

.mt-cta-info .item-icon i{
	background: linear-gradient(90deg, #00685B 0%, #0F8A85 100%);
    -webkit-background-clip: text; /* Text ke andar background dikhane ke liye */
    -webkit-text-fill-color: transparent; /* Asli text color ko gayab karne ke liye */
    background-clip: text;
    color: transparent;
}
.mt-header-section.header_style_one .mt-header-action .cta-btn a, .newslatter-widget button i{
	color: white;
}
.mt-hero-text-3 .hero-subtitlte span {
	font-family: Poppins;
	font-weight: 600;
	font-style: SemiBold;
	font-size: 25px;
	leading-trim: NONE;
	line-height: 81px;
	letter-spacing: 0%;
	vertical-align: middle;
	border: none !important;
	padding: 0px; 
	color: white;
}
.mt-section-title .subtitle-2{
	border: 1px solid #00685B;
}
.mt-hero-text-3 .hero-subtitlte{
	padding-bottom: 0px;
}
.mt-hero-text-3 .hero-list li{
	margin-right: 0px;
}
.mt-breadcrumb-section{
	background-color: #161617;
}
.mt-header-section.header_style_one .mt-header-action .header-cta .item-text span{
	color: #00685B;
}
.mt-about-tab-text .tab-list li{
	color: #026C61;
}
.mt-breadcrumb-content .mt-breadcrumb-text .bread_btn, .mt-about-tab-btn .nav-tabs .nav-link.active, .mt-team-item-4 .item-icon a{
	color: white;
}

.mt-about-tab-text .tab-list li{
	color: #026C61 !important;
}
.mt-about-p-counter .counter-p-item h3, 
.mt-about-value-item .item-text h3, 
.mt-team-item-4 .item-text h3, .mt-join-team a, .mt-testi-item-3 .item-text .item-author .name-degi h3, .mt-testi-item-3 .item-text .item-author li, .mt-testi-item-3 .item-img:before{
	color: #026C61 !important;
}
.mt-award-item:hover .item-arrow a i{
	color: white;
}
.elementor-6643 .elementor-element.elementor-element-fb7446a .item-meta a:last-child {
    /* Your CSS here */
    background: #0F8A85;
	border-radius: 0 100px 100px 0px;
}
.mt-blog-item-3 .item-meta a{
	border-radius: 100px 0px 0px 100px;
}

.swiper-slide-thumb-active {
    border: 2px solid #026C61;
    border-radius: 20px;
}

.appear_top{
	transform: none !important;
	margin-top: 0px !important;
}

div:has(> .appear_top) {
    padding: 0px;
}

.tag-container {
    display: flex;
    flex-wrap: wrap; /* Isse tags line se niche shift ho jayenge agar jagah kam hogi */
    gap: 10px;      /* Tags ke beech ka distance */
    padding: 20px 0px;
}

/* Common Styles for all Tags */
.tag {
    display: inline-flex;
    align-items: center;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    user-select: none;
}

/* 2. Modern Gradient Tag */
.tag-gradient {
    background: var(--mt-gradient);
    color: white;
    box-shadow: 0 4px 15px rgba(110, 142, 251, 0.3);
}

.tag-gradient:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(110, 142, 251, 0.4);
}
.mt-award-item .item-title{
	max-width: 800px;
}

.dynamap-section{
	position: relative;
}

@media screen and (max-width: 1024px) {
    .page-id-6643 .mt-service-tab-btn-4 {
        max-width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .mt-about-gallery-wrap .mt-gallery-item img {
        width: 300px;
    }
	.mt-client-item {
        width: 50%;
    }
	.search_btn_toggle{
		display: none;
	}
}