/*
 Theme Name:   Rakar Child  
 Theme URI:    https://wordpress.themeholy.com/rakar
 Description:  This is a child theme for Rakar - WordPress Theme
 Author:       Themeholy
 Author URI:   https://themeforest.net/user/themeholy 
 Template:     rakar
 Version:      1.0
 Tags:         two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, theme-options, editor-style, featured-images, microformats, post-formats,  sticky-post, threaded-comments, translation-ready
 Text Domain:  rakar-child
*/

/*  [ Add your custom css below ] 
- - - - - - - - - - - - - - - - - - - - */     
/* Force font-display swap for Font Awesome */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 300 400 900;
  font-display: swap;
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}


/* a {
    text-decoration: underline !important;
}
 */
.header-layout2 .header-logo {
	width: 240px;
}
.header-logo {
    width: 220px;
}
.contact-info .team-contact {
	height: 100%;
}


.home-why_section .contact-process {
    margin-bottom: 48px;
}
/* home page banner css */
.swiper .hero-style1 .th-btn {
    display: none !important;
}
.swiper .swiper-slide.swiper-slide-active .hero-style1 .th-btn {
    display: inline-block !important;
}
/* home page banner css end */
/* 1. Make swiper wrapper flex so slides can stretch */
.home_service-box .swiper-wrapper {
  display: flex;
  align-items: stretch;
}

/* 2. Make each slide a flex column and stretch */
.home_service-box .swiper-slide {
  display: flex;
  flex-direction: column;
  height: auto;
/*   background-color: #fff; */
  border-radius: 25px;
  background-image: linear-gradient(#ff000000 70%, #ffffff 30%);
}

/* 3. Make service box fill the slide height */
.home_service-box .service-box {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.home_service-box .service-box .box-icon img, .home_service-box .service-card img {
    width: 48px;
}


/* Service page */
.tech-spec-table {
	width: 100%; 
	border-collapse: collapse;
	border-radius: 15px; 
	margin-bottom: 0px;
	border: 0;    
	background-color: white;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	overflow: auto;
}
.coating-service {
	 display: inline-block;
}
.tech-spec-table td, .tech-spec-table th {
	border-width: 0;
	border-bottom: 1px solid #f47629;
/* 	 */
}
.tech-spec-table th, .tech-spec-table td {border-right: 1px solid #f47629;}
.tech-spec-table th:last-child, .tech-spec-table td:last-child {border-right: 0px solid #f47629;}
.tech-spec-table tr td:first-child {
    border-right: 1px solid #f47629;
}
.tech-spec-table tr:last-child td {
	border-bottom: 0px solid #f47629;
}
.tech-spec-table tr:first-child td {
    background-color: #f47629;
    color: #fff;
    border-radius: 15px;
}
.process_box-eq .process-card {
    height: 100%;
}
.process_box-eq .box-content {
    height: 100%;
    display: block;
}


/*  */
.expert-box_eh .elementor-image-box-content {
	padding: 20px;
}


.th-btn.th_btn.style3, .form-btn .th-btn {
    color: #000000;
}
.form-btn .th-btn:hover {
    color: #ffffff;
}



element.style {
}
.call-btn .box-link a {
    color: inherit;
}
.box-link a {
    font-size: 20px;
    font-weight: 700;
    font-family: "Exo", sans-serif;
}



.hero-1 {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.th-menu-toggle {
	width: 40px;
	height: 40px;
}
.hover-white:hover {
    color: #fff;
}
.blog-comment-area {
    display: none;
}


.blog-details h1 {
	font-size: 2em;
}
.blog-details h2 {
	font-size: 1.5em;
}
.blog-details h3 {
	font-size: 1.17em;
}
.blog-details h4 {
	font-size: 1em;
}
.blog-details h5 {
	font-size: 0.83em;
}
.blog-details h6 {
	font-size: 0.67em;
}