/*******************************************************
    Template Name    : Repair - Computer & Phone Repair Landing Page Template
    Author           : Cute Themes
    Version          : 1.0
    Created          : 2021
    File Description : Main css file of the template
*******************************************************/

/**************************************
    -- Css Table of Content
    01.Generale Style
    02.Preloader Area Style
    03.Navber Area Style
    04.All Home Section Style
    05.Features Section Style
    06.Services Section Style
    07.About Section Style
    08.Why Choose Us Section Style
    09.Team Section Style
    10.Counter Section Style
    11.Testimonials Section Style
    12.Blog Section Style
    13.Contact Section Style
    14.Partner Logo Section Style
    15.Footer Section Style
 *************************************/

/**************************************
 * 01.Generale Style
 *************************************/

:root {
    --main-color: #ff6b6b; /* 主色调 */
    --secondary-color-light: #ff8484; /* 辅助色1 */
    --secondary-color-lighter: #ff9d9d; /* 辅助色2 */
    --background-color: #ffffff; /* 背景色 */
}


.logo-img {
	width: 40px;
    height: 40px;
    border-radius: 5px;
    object-fit: cover;
}

.app-screenshot {
    max-width: 100%; /* 确保图片不会超过其父容器的宽度 */
    max-height: 500px; /* 限制图片的最大高度 */
    border-radius: 20px; /* 添加圆角 */
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); /* 添加阴影 */
    object-fit: cover; /* 确保图片按比例缩放并填充容器 */
}