/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
/* my-services.css */
#services { padding: 80px 0; background-size: cover; background-position: center; position: relative; }
.section-title h6 { color: #fff; margin-bottom: 10px; font-weight:500; }
.splt-txt { color:#fff; font-size:36px; line-height:1.1; font-weight:700; letter-spacing:0.2px; }
.array-button { position:absolute; top:40%; right:40px; z-index:10; display:flex; flex-direction:column; gap:10px; }
.array-prev, .array-next { background: rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.08); padding:10px; border-radius:8px; cursor:pointer; }
.service-box-items { background:#fff; border-radius:12px; padding:18px; box-shadow:0 6px 20px rgba(0,0,0,0.08); overflow:hidden; }
.service-thumb img { width:100%; height:auto; display:block; border-radius:8px; }
.service-content { padding-top:12px; text-align:left; }
.service-content .number { font-size:20px; color:#888; margin:0 0 6px; }
.service-content h3 { font-size:20px; margin:0 0 10px; line-height:1.2; }
.service-content p { font-size:16px; color:#666; height: 110px; overflow:hidden; }
.link-btn { display:inline-block; margin-top:12px; text-decoration:none; font-weight:600; }

.swiper { padding: 30px 10px; }
.swiper-slide { width: 370px !important; }
@media (max-width: 991px) {
  .splt-txt { font-size: 28px; }
  .array-button { right: 10px; top: 20%; }
  .swiper-slide { width: 85% !important; }
}