body {
   background-image: white;
}

.custom-homepage {
   width: 100%;
}

.row-exe {
   padding: 20px 30px;
}

.hero {
   background-image: linear-gradient(180deg, #BCD5FA 80%, #fff 100%);
}

.exe-hero.grid-columns_4-row_3 {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   grid-auto-rows: max-content;
   gap: 20px;
}

/* Base styles for all tiles */
.exe-grid-m, .exe-grid-s {
   border-radius: 10px;
}

.exe-grid-s:not(.exe-menu) {
   display: flex;
   padding: 20px;
   justify-content: center;
   background: linear-gradient(180deg, #043E8D 15%, #86A5D0 40%, #E0EDFF 62%);
}


.exe-banner {
   position: relative;
   display: block;
   overflow: hidden;
}

.exe-banner img {
   left: 50%;
   height: 100%;
   position: absolute;
   max-width: fit-content;
   transform: translateX(-50%);
}



/* Tile 1: exe-menu */
.exe-menu {
   grid-column: 1 / 2;
   grid-row: 1 / 3;
   display: flex;
}

/* Tile 2: exe-banner */
.exe-banner {
   grid-column: 2 / 4;
   grid-row: 1 / 2;
}

/* Tile 3: exe-x */
.exe-x:nth-of-type(3) {
   grid-column: 4 / 5;
   grid-row: 1 / 2;
}

/* Tile 4: exe-x */
.exe-x:nth-of-type(4) {
   grid-column: 2 / 3;
   grid-row: 2 / 3;
}

/* Tile 5: exe-x */
.exe-x:nth-of-type(5) {
   grid-column: 3 / 4;
   grid-row: 2 / 3;
}

/* Tile 6: exe-x */
.exe-x:nth-of-type(6) {
   grid-column: 4 / 5;
   grid-row: 2 / 3;
}

/* Tile 7: exe-slideshow-1 (first one) */
.exe-slideshow-1:nth-of-type(7) {
   grid-column: 1 / 5;
   grid-row: 3 / 4;
}

/* Tile 8: exe-slideshow-1 (second one) */
/* .exe-slideshow-1:nth-of-type(8) {
   grid-column: 3 / 5;
   grid-row: 3 / 4;
} */

















.side-menu {
   width: 360px;
   background: linear-gradient(180deg, #05225E 0%, #295591 100%);
   padding: 18px 8px 18px 14px;
   border-radius: 10px;
   box-sizing: border-box;
}

.side-menu ul {
   list-style: none;
   padding: 0;
   margin: 0;
}

.side-menu li {
   margin: 0;
}

.side-menu li a {
   display: flex;
   align-items: center;
   padding: 8px 15px;
   color: #ffffff;
   text-decoration: none;
   font-size: 14px;
   transition: background-color 0.2s ease;
   white-space: nowrap;
}

.side-menu li a:hover {
   background: linear-gradient(90deg, rgba(4, 62, 141, 0) 0%, #031B47 70%);
   border-radius: 5px;
   color: white;
}

.side-menu img {
   width: 20px;
   text-align: center;
   margin-right: 8px;
   font-size: 16px;
   flex-shrink: 0;
   filter: brightness(0) invert(1) saturate(0);
}

.side-menu .text {
   flex-grow: 1;
   overflow: hidden;
   text-overflow: ellipsis;
}

.side-menu .arrow {
   margin-left: 10px;
   font-size: 12px;
   flex-shrink: 0;
   color: #a0a0a0 !important;
}

.side-menu li a:hover .arrow {
   color: #ffffff;
}

.sub_menu-text {
   display: flex;
   justify-content: space-between;
   width: 100%;
   font-weight: 600;
   font-style: italic;
}

.sub_menu-text span {
   font-style: normal !important;
}

.back_text-area {
   margin-bottom: 20px;
}

.back-text {
   margin-left: 8px;
}

.submenu-title {
   padding: 8px 15px 8px 34px !important;
}














.exe-grid_box-title {
   font-size: 20px;
   padding: 0 0 10px 0;
   color: white;
   text-align: left;
}

.exe-showcase {
   width: 100%;
   padding: 0 10px;
   text-align: center;
}

.exe_product-bottom {
   color: white;
   display: flex;
   align-items: center;
   border-radius: 10px;
   background-color: #00447C;
   justify-content: space-around;
}

.exe-price {
   font-size: 18px;
   margin: 10px 0;
   width: 75%;
   border-right: 2px solid white;
}

.exe-add-to-cart {
   width: 25%;
}

.exe-add-to-cart button {
   margin: 0px;
   padding: 10px 20px;
   color: white;
   font-size: 16px;
   background-color: transparent;
}

.exe-add-to-cart button:hover {
   background-color: transparent !important;
}




















/* .custom-product-box {
   border: 1px solid #eee;
   padding: 10px;
   width: 250px;
   text-align: center;
} */
.exe-product-box img {
   max-width: 100%;
}
.exe-price {
   font-size: 18px;
   margin: 10px 0;
}
.exe-add-to-cart a {
   background-color: #000;
   color: #fff;
   padding: 8px 12px;
   display: inline-block;
   text-decoration: none;
}