.advertisement-slider { width: 100%; }
.advertisement-slide { background-color: #f2f2f2; padding: 20px; text-align: right; }
.advertisement-slide a { color: #333; text-decoration: none; }
.advertisement-slide a:hover { color: #000; text-decoration: underline; }
.slick-prev, .slick-next { position: absolute; top: 50%; transform: translateY(-50%); background: #333; color: #fff; padding: 10px; border: none; outline: none; z-index: 1; cursor: pointer; }

/*category slider*/

.category-slider .slick-dots button { width: 32px; height: 8px; border-radius: 4px; font-size: 0; background-color: rgba(0, 0, 0, 0.2); }
.category-slider .slick-dots { position: absolute; bottom: 0; display: flex; justify-content: center; align-items: center; margin: 0 auto; left: 0; right: 0; gap: 10px; bottom: -5px; }
.category-slider .slick-dots .slick-active button { background-color: #007474; }
.category-slider button.slick-arrow { color: #000; width: 30px; height: 30px; border-radius: 100%; background-color: #fff; transition: all 0.2s ease-in-out; box-shadow: 0 0.14px 2.29266px rgba(0, 0, 0, 0.03), 0 0.37px 4.42626px rgba(0, 0, 0, 0.05), 0 3px 7px rgba(0, 0, 0, 0.09); }
.category-slider button.slick-arrow:hover { background-color: rgba(0, 0, 0, 0.1); }
.category-slider button.slick-prev i, .category-slider button.slick-next i { position: absolute; left: 11px; top: 10px; font-size: 10px; }
.category-slider button.slick-next i { right: 11px; }
.our-offering-sectoin .category-slider { padding-top: 10px; }
.our-offering-sectoin { padding-top: 40px; padding-bottom: 40px;}
.category-slider .slick-arrow { position: absolute; top: 80px; }
.category-image { margin: 0 auto; width: 130px; height: 150px; position: relative; z-index: 1; overflow: hidden; border-radius: 6px; }
.category-image:after { content: ''; border-radius: 6px; opacity: 0.8; background: linear-gradient(180deg, rgba(0, 37, 54, 0.90) 1.45%, rgba(0, 37, 54, 0.00) 100%); position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all 400ms ease; }
.category-image:hover:after { opacity: 0; }
.category-image:hover h6 {
    color: #087E84!important; /* Change to your desired text color */
}
.category-image img { width: 100%; height: 100%; object-fit: cover; }
.category-wrap .inner h6 { font-size: 14px; font-weight: 500; line-height: normal; color: #fff; position: absolute; top: 8px; z-index: 1; left: 0; text-align: center; right: 0; width: 100%; }
.category-wrap .inner a.category-item { position: relative; display: inline-block; }
.category-wrap .inner h6 { font-size: 14px; line-height: 20px; color: #fff;}
.category-slider .slick-prev { position: absolute; left: 0; }
.category-slider .slick-next { position: absolute; right: 0; }
.category-wrap .inner { text-align: center; }


.advertisement-slide .inner { background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%;  padding: 70px 50px; }

.advertisement-slide .title h2 { color: #fff; font-size: 45px; font-weight: 600; line-height: 55px; }
.advertisement-slide .inner .title a:hover { text-decoration: none; }
.advertisement-slide { background: none; padding: 0; }
.advertisement-slider { padding: 50px 0; }
.advertisement-slider button.slick-arrow { color: #000; width: 30px; height: 30px; border-radius: 100%; background-color: #fff; transition: all 0.2s ease-in-out; box-shadow: 0 0.14px 2.29266px rgba(0, 0, 0, 0.03), 0 0.37px 4.42626px rgba(0, 0, 0, 0.05), 0 3px 7px rgba(0, 0, 0, 0.09); }
.advertisement-slider .slick-dots button { width: 32px; height: 8px; border-radius: 4px; font-size: 0; background-color: rgba(0, 0, 0, 0.2); }
.advertisement-slider .slick-dots { position: absolute; bottom: 0; display: flex; justify-content: center; align-items: center; margin: 0 auto; left: 0; right: 0; gap: 10px; bottom: -5px; }
.advertisement-slider .slick-dots .slick-active button { background-color: #007474; }
.advertisement-slider button.slick-arrow { color: #000; width: 30px; height: 30px; border-radius: 100%; background-color: #fff; transition: all 0.2s ease-in-out; box-shadow: 0 0.14px 2.29266px rgba(0, 0, 0, 0.03), 0 0.37px 4.42626px rgba(0, 0, 0, 0.05), 0 3px 7px rgba(0, 0, 0, 0.09); }
.advertisement-slider button.slick-arrow:hover { background-color: rgba(255, 255, 255, 0.8); }
.advertisement-slider button.slick-prev i { position: absolute; left: 11px; top: 10px; font-size: 10px; }
.advertisement-slider button.slick-next i { position: absolute; right: 11px; top: 10px; font-size: 10px; }
/*home-slide*/
.home-slider { width: 100%; }
.home-slide { background-color: #f2f2f2; padding: 20px; text-align: center; }
.home-slide a { color: #333; text-decoration: none; }
.home-slide a:hover { color: #000; text-decoration: underline; }
.slick-prev, .slick-next { position: absolute; top: 50%; transform: translateY(-50%); background: #333; color: #fff; padding: 10px; border: none; outline: none; z-index: 1; cursor: pointer; }
.slick-prev { left: 50px; }
.slick-next { right: 50px; }
.home-slide .inner { padding: 80px 0 90px; background-size: cover; background-repeat: no-repeat; background-position: unset; width: 100%; position: relative; z-index: 1; }
.home-slide .inner:after { content: ''; position: absolute; background: rgba(0, 37, 54, 0.4); top: 0; left: 0; right: 0; bottom: 0; z-index: -1; }
.home-slide .inner .title h2 { line-height: 72px; color: var(--white); font-weight: 600; margin: 0; }
.home-slide .inner .title h3 { font-size: 24px; font-weight: 400; color: var(--white); margin: 0; padding: 5px 0 40px; }
.banner-right-image { width: 30%; }
.home-slide .inner .title { width: 70%; text-align: left; }
.home-slide .learnmore-btn a:hover { background-color: var(--green); color: var(--white); }
.home-slide .learnmore-btn a { padding: 9px 35px; background: var(--white); font-size: 18px; font-weight: 500; color: var(--green); line-height: normal; border-radius: 50px; display: inline-block; }
.home-slide .learnmore-btn a:hover { text-decoration: none; }
.home-slide .title h2 { color: #fff; font-size: 45px; font-weight: 600; line-height: 55px;}
.home-slide .inner .title a:hover { text-decoration: none; }
.home-slide { background: none; padding: 0; }
.slick-prev, .slick-next { padding: 0; }
.home-slider button i { font-size: 17px !important; }
.home-slider button { background: rgba(0, 37, 54, 0.75); width: 50px; height: 50.704px; border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.home-slider .slick-dots button { width: 60px; height: 6px; border-radius: 4px; font-size: 0; background-color: rgb(255 255 255 / 30%); }
.home-slider .slick-dots { position: absolute; bottom: 0; display: flex; justify-content: center; align-items: center; margin: 0 auto; left: 0; right: 0; gap: 10px; bottom: 25px; }
.home-slider .slick-dots .slick-active button { background-color: #06D5EA; }
.banner-right-image img { width: 100%; height: 100%; object-fit: contain; }


@media screen and (max-width:1200px) {
    
    
}
@media screen and (max-width:991px) {
    
    
    .category-slider .slick-list { padding: 0; }
}
@media screen and (max-width:767px) {
    
    
    .category-slider .slick-list { padding: 0; }
    .advertisement-slide .title h2 { font-size: 35px; line-height: 45px; }
}
@media screen and (max-width:567px) {
    
    
    .category-slider .slick-list { padding: 0; }
    .advertisement-slide { height: auto; }
    /*.advertisement-slide .inner { flex-direction: column; height: 100%; padding: 0; }*/
    .advertisement-slide .inner .title { width: 100%; padding-top: 10px; }
    .advertisement-slide .inner .learnmore-btn { width: 100%; text-align: center; padding-bottom: 25px; }
    .advertisement-slide .inner .learnmore-btn a { margin: 0; }
    .advertisement-slide .title h2 { padding: 0 20px; }
}
@media screen and (max-width:767px) {
    .home-slide .title h2 { font-size: 35px; line-height: 45px; }
}