/*
Theme Name: Matrik Child
Theme URI: https://unicadbatteries.com/
Description: Child theme for Matrik
Author: Your Name
Template: matrik
Version: 1.0.0
Text Domain: matrik-child
*/
.swiper-fade .swiper-slide {
     height: 75vh;
}
.sec-mar {
    margin: 0 !important;
}
.contact-address h3, .product-categories h3 {
    color: #D41015;
    font-size: 22px;
}

.product-categories ul li a {
	color: #000000cc !important
}

.project-slider-page .pf-horizontal-slider .swiper-slide-active .project-slider-content {
    animation: fadeInUp 1.7s;
    display: none !important;
}
.project-slider-page .swiper-wrapper .project-slider-item .project-slider-bg {
    background-size: 100% 75% !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    height: 100%;
    width: 100%;
    animation: qodef-animate-image-out 1s 0.1s cubic-bezier(0.78, 0.2, 0.21, 0.88) forwards;
}
ul.elementor-image-box-description.list-items li {
    text-align: left;
}
.elementor-image-box-description {
    text-align: left;
}
.our-capabilities .elementor-widget-image-box .elementor-image-box-title {
    color: #2732c0;
}
p {
    line-height: 24px !important;
}
.applications .service-card {
    border: 1px solid #011644 !important;
}
header.style-1 .nav-right::before {
    background-color: #fff !important;
}
.section-title span {
    font-size: 22px !important;
    font-weight: bold !important;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.section-title h2 {
    font-size: 20px !important;
	line-height: 1.5 !important;
}
.team-name-and-desig {
    width: 365px;
}
}
.home1-about-section .about-content ul li {
    margin-bottom: 20px  !important;
}

.home1-about-section .about-content ul {
    padding-top: 30px !important;
    max-width: 100% !important;
}
.details-content-wrapper p {
    color: #000000cc !important;
    line-height: 1.5 !important;
}
header.style-1.inner-page {
    border: none !important;
}
.header-area, .project-slider-page {
    background-color: #fffbf5 !important;
}
.project-slider-page .slider-btn-area .slider-btn {
    bottom: 15px !important;
 }
 .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
    width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667);
    border: 1px solid #ccc;
    border-radius: 10px;
}
.breadcrumb-section .breadcrumb-img {
    mask-image: none !important;
}
.breadcrumb-section {
    background-color: #fffbf5;
    padding-top: 78px;
}
.project-slider-page {
	height: 75vh !important;
}
.our-capabilities h3.elementor-image-box-title {
    font-size: 23px;
}
.breadcrumb-section .breadcrumb-content-wrap {
    position: relative;
    z-index: 1;
    display: none;
}
.elementor-widget-text-editor, p, .home1-about-section .about-content p, .home1-about-section .about-top-area .about-title-area .video-and-content .content p, .elementor-widget-image-box .elementor-image-box-description {
    color: #000000cc !important;
 }
.service-card p {
    text-align: left;
    font-family: 'DM Sans' !important;
}
.service-card {
    padding: 30px 20px !important;
    border: 1px solid #FD7503 !important;
    background-color: #f7f6ff;
    border-radius: 10px;
    position: relative;
}
@media (max-width: 767px) {
.breadcrumb-section {
    background-color: #ffffff !important;
    padding-top: 20px;
}
.page-content-wrapper table.electrolyte_table {
    width: 100%;
}
.sec-mar {
  margin: 10px 0 !important;
  }	
  .project-slider-page .swiper-wrapper,
  .project-slider-page .swiper-slide,
  .project-slider-page .project-slider-item {
    height: auto !important;
    min-height: unset !important;
  }

  .project-slider-page .swiper-wrapper .project-slider-item .project-slider-bg {
    height: auto !important;
    min-height: unset !important;

    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    aspect-ratio: 1908 / 824;
  }
}


@media (max-width: 767px) {
.footer-logo img {
    width: 200px;
}
  .project-slider-page,
  .project-slider-page .swiper,
  .project-slider-page .swiper-container {
    height: auto !important;
    min-height: unset !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

.breadcrumb-section .breadcrumb-img img {
    max-height: 100% !important;
}
.breadcrumb-section .breadcrumb-img img {
      object-fit: contain !important;
}
@media (min-width: 767px) {
.tmm_1_columns .tmm_member .tmm_photo {
    width: 15% !important;
    padding-bottom: 15% !important;
    margin-top: -8% !important;
}
	.e-con-inner .tmm .tmm_member {
		margin-top: 105px !important;
	}
}
.e-con-inner .tmm .tmm_member .tmm_photo {
    border: 2px solid #cb0000 !important;
    border-radius: 100% !important;
}
.e-con-inner .tmm .tmm_job, .e-con-inner .tmm .tmm_job p {
    color: #cb0000;
}
.home1-about-section .about-top-area .about-title-area .section-title {
    max-width: 100% !important;
    width: 100%;
}
.home1-about-section .col-lg-5.wow.animate.fadeInRight {
    margin-top: 30px;
}
 .elementor-widget-matrik_about.elementor-element-37531ca .col-lg-5.wow.animate.fadeInRight {
  margin-top: 60px;	
}
.home1-about-section .about-content p, .home1-about-section .about-top-area .about-title-area .video-and-content .content p {
    line-height: 1.7 !important;
}

.gs-team-popup--default .gs-member-desc.gs-team--scrollbar ul {
    margin-top: 0 !important;
}
.gs-team-popup--default .gs-member-desc {
     color: #000 !important;
    font-family: var(--font-dmsans) !important; 
    
}
.gstm-details, .member-skill-wraaper {
	display: none;
}
.gs_team_area a, .gs_team_area a:focus, .gs_team_area a:hover {
    font-size: 21px;
    color: #F63813 !important;
}
.gs_tm_theme_v_2 .single-member-div .gs_member_info .gs-member-desig {
    color: grey;
    font-family: Rubik,sans-serif;
    font-size: 16px;
    color: #1902F5 !important;
    font-weight: 600;
}
.gs-team-circle-one .single-member-div .gs_member_info .gs-member-name {
    line-height: 25px !important;
}
.page-content-wrapper .what_we_do ul{
	margin-top: 10px;
}
.page-content-wrapper .what_we_do ul li {
    margin-top: 10px;
    margin-bottom: 10px;
}
@media (max-width: 576px) {
.section-title h2 {
    font-size: 20px !important;
    line-height: 1.3;
}
h5 {
	font-size: 18px !important;
}
}
.elementor-9 .elementor-element.elementor-element-5352f89 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #EC6436;
    height: 350px;
}
.swiper-slide img {
	height: 350px !important;
}
.key_features_slider {
    border: 1px solid #cb0000;
    border-radius: 15px !important;
}