html{font-family: 'Poppins', sans-serif;
}
.satloMenu-item{
    height: 30px;
    background-color: #928A7F;
    height: 66px;
    border-bottom: 1px solid #eee;
    padding-left: 20px;
    padding-top: 20px;
    color: #eee;
}
.satlo-logo{
    padding-top: 55px;
    padding-bottom: 30px;
}

.cage1{ padding: 30px 40px; background-color: #D9D9D9; height: 470px;}

.cage2{ padding: 30px 40px; background-color: #505155; height: 320px;}

.satlo-hotline{ background-color: #2D1501; padding: 20px;height: 104px; color: #928A7F;}

.logobgcolor{ background-color: #ffffff; }

.bgColor { background-color: #2D1501; }

/* .cage1 p{ font-size: 1.3em; line-height: 1.5em;}  */
.cage1 p{ line-height: 1.5em;}

.cage2 p{ color: white; line-height: 1.5; font-size: 2.0em; font-weight: normal;}

.textColor{color: #2D1501;}

.footerBg{ background-color: #2d1501; padding-top: 40px; padding-bottom: 40px;
}

.footerBg li, .footerBg p { color:#928A7F;  }

.footerBg p { color:#928A7F; line-height: 20px; padding: 0; }

.bodyText { font-family: 'Open Sans', sans-serif; font-size: 1.0em; font-weight: 300;}

.titleText { font-family: 'Open Sans', sans-serif; font-size: 1.3em; font-weight: 500;}

.border1{ border-radius: 30px 0 0 0;}
.border2{ border-radius: 0px 30px 0 0;}
.border3{ border-radius: 0px 0px 30px 0;}
.border4{ border-radius: 0px 0px 0px 30px;}

.sliderSize{height: 654px; width: auto;}


/* Container with fixed size */
.slid-container {
    position: relative; /* Ensure the container is positioned */
    width: 100%; /* Adjust width as needed */
    height: 654px; /* Define the height */
    overflow: hidden; /* Hide any overflow from the image */
}

.slid-container img {
    position: absolute; /* Allow precise positioning */
    top: 50%; /* Move to the vertical center */
    left: 50%; /* Move to the horizontal center */
    width: 1400px!important; /* Maintain the specific width */
    height: 654px; /* Maintain the specific height */
    transform: translate(-50%, -50%); /* Adjust position back by 50% of its dimensions */
}


@media (max-width: 768px) {

    .slid-container {
        width: 400px; /* Adjust container size for smaller screens */
        height: 600px; /* Maintain a square container proportional to screen width */
        overflow: hidden;
    }

    .cage1{ height: 640px;}

    .cage2{ height:320px;}


}