/* Home Page Style */
.row {
    /* width:75rem; */
    margin: 0 auto;
}
/* ------ Carousel Style ------ */
.top-container {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.top-container .bg-img {
    width: 100%;
    height: auto; /* Maintain aspect ratio */
}

.top-container .swiper-box {
    position: absolute;
    margin: 0 auto;
    bottom: -13.4375rem; /* -215px / 16 = -13.4375rem */
}

.top-container .swiper-box .swiper-content {
    margin: 0 auto;
    row-gap: 1.25rem; /* 20px / 16 = 1.25rem */
}

.top-container .swiper-box .box-item {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.5s ease;
}

.top-container .swiper-box .box-item:hover {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
    box-shadow: 0 0 0.625rem rgba(255, 255, 25, 0.5); /* 10px / 16 = 0.625rem */
}

.top-container .swiper-box .box-item .box-bg {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 2.75rem; /* 44px / 16 = 2.75rem */
    width: 24.125rem;
    height: 18.75rem; /* 300px / 16 = 18.75rem */
    background: url('/assets/home/images/2.png') no-repeat center center;
    background-size: contain;
}

.top-container .swiper-box .box-item .box-bg h4 {
    font-size: 1.25rem; /* 20px / 16 = 1.25rem */
    font-weight: 400;
    color: #333333;
}

.top-container .swiper-box .box-item .box-bg h2 {
    margin-top: 1.875rem; /* 30px / 16 = 1.875rem */
    font-size: 1.875rem; /* 30px / 16 = 1.875rem */
    font-weight: 700;
    color: #333333;
}

/* ------ Launcher Download Style ------ */
.sn-about-section {
    margin-top: 20.9375rem; /* 335px / 16 = 20.9375rem */
    background: #ffffff;
}

.sn-what-we-do {
    padding: 5rem 0 2.5rem 0; /* 80px / 16 = 5rem, 40px / 16 = 2.5rem */
    width: 75rem; /* 1200px / 16 = 75rem */
    margin: 0 auto;
    row-gap: 1.25rem; /* 20px / 16 = 1.25rem */
}

.sn-about-header {
    margin-bottom: 0.5rem !important; /* 8px / 16 = 0.5rem */
}

.about-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1.25rem 1.375rem 1.875rem; /* 20px / 16 = 1.25rem, 22px / 16 = 1.375rem, 30px / 16 = 1.875rem */
    /* height: 5.625rem;*/ /* 90px / 16 = 5.625rem */
    background: #ffffff;
    border: 0.0625rem solid #dcdcdc; /* 1px / 16 = 0.0625rem */
}

.about-item .about-left {
    width:78%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.about-item .about-left h4 {
    font-weight: 700;
    color: #000000;
}

.about-item .about-left p {
    font-size: 0.875rem; /* 14px / 16 = 0.875rem */
    font-weight: 400;
    color: #85755c;
    margin-bottom: 0;
}

.about-item .about-download {
	position:relative;
    /* Slow transition animation */
    transition: all 0.5s ease;
    cursor: pointer;     
}
.about-item .about-download img {
	max-height: 2.8125rem;
}
@media only screen and (max-width: 600px) {

 .about-item .about-download img {
	max-height: 4.8rem;
 }

}
.about-item .about-download .custom-link {
	position: absolute;
	left:0;
	right:0;
	top:0;
    display: flex;
    justify-content: center;
    align-items: center;
	font-size: 1rem ;
	width:100%;
	height:100%;
	white-space: nowrap;
	color: #ffde00;
}


/* ------ Update Log Style ------ */
.sn-features {
	width:75rem;
}
.sn-features-tabs {
    width: fit-content;
    display: block;
    cursor: pointer;
}

.sn-features-tabs h5 {
    font-weight: 400;
    color: #000000;
}

.selected {
    position: relative;
}

.selected::before {
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.625rem; /* -10px / 16 = -0.625rem */
    content: "";
    width: 2.125rem; /* 34px / 16 = 2.125rem */
    height: 0.3125rem; /* 5px / 16 = 0.3125rem */
    background: #e63333;
    border-radius: 0.1875rem; /* 3px / 16 = 0.1875rem */
}

.selected h5 {
    font-weight: 700;
}

.sn-features-content {
    padding: 2.5rem 1.875rem; /* 40px / 16 = 2.5rem, 30px / 16 = 1.875rem */
    margin-top: 4.375rem; /* 70px / 16 = 4.375rem */
    height: 38.75rem; /* 620px / 16 = 38.75rem */
    min-height: 18.75rem; /* 300px / 16 = 18.75rem */
    font-size: 1rem; /* 16px / 16 = 1rem */
    font-weight: 400;
    color: #333333;
    background: #ffffff;
    /* Auto scroll */
    overflow-y: scroll;
}