/*
 Theme Name:   Webteck Child
 Theme URI:    https://themeholy.com/wordpress/webteck
 Description:  This is a child theme for Webteck - WordPress Theme
 Author:       Themeholy
 Author URI:   https://themeforest.net/user/themeholy
 Template:     webteck
 Version:      1.0.16
 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:  webteck-child
*/
/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */
/*------------------- 1.3. Variable-------------------*/
:root {
  --theme-color: #4d9df4;
  --theme-color2: #684DF4;
  --body-color: #555555;
}

/*------------------- 4.00. Testimonial  -------------------*/
.testi-grid_img {
  border: 10px solid var(--black-color2);
}

/*------------------- 4.00. Service -------------------*/
/* Service Grid ---------------------------------- */
.service-grid .service-grid_text, .service-grid .box-title {
  z-index: 2;
  position: relative;
}

.service-grid:hover .service-grid_content {
  background-color: var(--theme-color2);
}

/*------------------- 4.8. Hero Area  -------------------*/
.hero-style4 {
  margin: 115px 0 115px 0;
}

/*------------------- 4.00. Why -------------------*/
.img-box5 .year-counter {
  top: 20px;
  left: 55%;
  height: 140px;
  width: 140px;
}

/*------------------- 4.2. Header  -------------------*/
.header-layout2 .menu-area {
  background-color: #ffffff;
}

.header-layout2 .header-top {
  padding: 10px 0;
}

@media (max-width: 767px), (max-width: 575px), (max-width: 375px) {
  .header-layout1 .header-logo {
    max-width: 250px;
  }
}

@media (max-width: 767px), (max-width: 575px), (max-width: 375px) {
  .header-layout1 .header-logo > h2 {
    font-size: 25px;
  }
}