.custom-provide-body {
    border-radius: 12px;
    position: relative;
}

.custom-provide-body .thumb {
    text-align: center;
    margin-bottom: 20px;
}

.custom-provide-body .thumb img {
    max-width: 100%;
    border-radius: 12px;
}

.custom-provide-body .service-title {
    margin-bottom: 12px;
    text-align: center;
}

.custom-provide-body .service-desc {
    text-align: justify;
}

.custom-provide-body .service-points {
    list-style: disc inside;
    margin-bottom: 20px;
}

.custom-provide-body .service-points li {
    margin-bottom: 8px;
}



.tablink {
   width: 100%;
   background: transparent;
   border: none;
   display: flex;
   align-items: center;
   gap: 12px;
   padding: 14px 18px;
   font-size: 16px;
   font-weight: 500;
   color: #000;
   cursor: pointer;
   transition: all 0.3s ease;
}

.tablink .icon i {
   font-size: 22px;
   color: #fff; /* green */
   transition: 0.3s;
}

/* Active tab */
.nav-links.active .tablink {
   background: #F6FBEA;
   border-left: 4px solid #FFC20F;
}

.nav-links.active .icon i {
   color: #fff; /* yellow */
}

/* Hover */
.tablink:hover .icon i {
   transform: scale(1.15);
}


.footer-social li a {
   width: 42px;
   height: 42px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   background: #ffc111;
   color: #fff;
   font-size: 16px;
   transition: all 0.3s ease;
}

.footer-social li a:hover {
   background: #ffc111;
   color: #fff;
   transform: translateY(-3px);
}


.socss li a {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 36px;
   height: 36px;
   border-radius: 50%;
   color: #fff;
   font-size: 16px;
   transition: all 0.3s ease;
   background: #ffc111;
}

.socss li a:hover {
   background: #ffc111;
   color: #fff;
   transform: translateY(-3px);
}