/* services sub page */
.service-sub-page .all-page-first-image-navigation .navigator-link a{    
    color:#fff;
    background:linear-gradient(240deg, #13547a91, #137a759f);
    font-weight:600;
    padding:10px 45px;
    border-radius: 10px;
    text-decoration:none;
}

.service-sub-page .all-page-first-image-navigation .navigator-link a:hover{
    background:linear-gradient(240deg, #137a759f, #137a759f);
}

.service-sub-page .all-page-first-image-navigation .navigator-link i{    
    color:#fff;
    background:linear-gradient(240deg, #13547ac9, #137a75c2);
    font-weight:600;
    padding:5px 10px;
    border-radius: 10px;
    text-decoration:none;
}

/* personal loan page */
.personal-loan-page .experience-content{
    box-shadow:0px 0px 10px #ececec;
    padding:10px 20px 20px 20px;
    border-radius:10px;
    border:1px solid #ececec;
    margin-bottom:30px;
}

.personal-loan-page .experience-content p{
    text-align:justify;
    color: #444;
}

.personal-loan-page .experience-content h2{
    background:linear-gradient(120deg, #13547a, #137a75);   
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;  
    font-size:30px;
    font-weight: 1000;
    margin-bottom:15px;
    word-spacing: 3px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.personal-loan-page .experience-content h2::after{
    content: "";
    display: block;
    height: 2px;
    background:linear-gradient(120deg, #13547a, #137a75); 
    margin-top:5px;
    margin-bottom: 5px;
    animation: slideLine 5s infinite linear;
}

@keyframes slideLine {
    0% {
        transform: scaleX(0);
    }
    100% {
        transform: scaleX(.2);
    }
}

.custom-container {
    max-width: 1250px;
    padding:30px;
    margin: 0 auto;
}

.custom-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 20px;
}

.custom-box {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    text-align: center;
    border:1px solid #ececec;
}

.custom-box img {
    width: 100%;
    max-height:350px;
    object-fit: cover;
    border-radius: 10px;
    transition:transform 0.2s linear;
}

.custom-box:hover img{
    transform: scale(1.01);
}


.custom-box h3 {
    font-size: 17px;
    font-weight: 600;
    margin: 15px 0 10px;
}

.custom-box p {
    text-align: justify;
    font-size: 15px;
    color: #666;
    line-height: 1.5;
}

.experience-section {
    text-align: center;
    margin-top: 40px;
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border:1px solid #ececec;
}

.experience-section h3 {
    font-size: 24px;
    margin-bottom: 15px;
}

.experience-section p{
    text-align:center;
    color: #444;
}

.apply-button {
    display: inline-block;
    padding: 10px 45px;
    background:linear-gradient(120deg, #13547a, #137a75); 
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 14px;
    font-weight:600;
    margin-top: 10px;
    box-shadow:0px 0px 10px #ececec;
    border:1px solid #ececec;
    transition:.3s linear;
}

.apply-button:hover {
    background:linear-gradient(120deg, #137a75, #137a75);
    color: #fff;
}

/* service tab */
.service-page .service-list-tab{
    max-width: 1250px;
    padding:30px;
    margin: 0 auto;
}

.service-page .tab-container {
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
}

.service-page .tab {
    width:24%;
    padding:7px;
    cursor: pointer;
    font-size:14px;
    color:#555;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    background-color: #f1f1f1;
    font-weight: bold;
    margin:2px;
    text-align: center;
}

.service-page .tab:hover {
    background-color: #f1f1f1;
}

.service-page .tab.active {
    border-image:linear-gradient(120deg, #13547a, #137a75);
    background:linear-gradient(120deg, #13547a, #137a75); 
    border-image-slice:1;
    font-weight: bold;
    color: #fff;
    width: 49.2%;
}

/* anti harassment service page */
.service-sub-page .our-process-section{
    padding:0px;
}

@media (max-width:991px) {
    /* services sub page */
    .service-sub-page .all-page-first-image-navigation .navigator-link a{
        padding:10px 35px;
    }

    /* personal loan resolution */
    .personal-loan-page .experience-content h2{
        font-size:25px;
    }

    .experience-section p{
        text-align:justify;
    }

    .service-page .tab {
        font-size:11px;
    }
}

@media (max-width:768px) {
    /* services sub page */
    .service-sub-page .all-page-first-image-navigation .navigator-link a{
        padding:10px 20px;
    }

    .service-page .tab {
        width:30%;
        padding:5px;
        font-size:10.5px;
    }

    .service-page .tab.active {
        width:100%;
    }

    /* personal loan resolution */
    .personal-loan-page .experience-content{
        margin-bottom:20px;
    }

    .personal-loan-page .experience-content h2{
        font-size:20px;
    }
    
}

@media (max-width:575px) {
    /* services sub page */
    .service-sub-page .all-page-first-image-navigation .navigator-link a{
        padding:10px 10px;
        font-size:15px;
    }

    .service-page .tab {
        width:48%;
    }

    /* personal loan resolution */
    .personal-loan-page .experience-content h2{
        font-size:20px;
        word-spacing:3px;
        letter-spacing:1px;
    }

    .custom-container {
        padding:20px;
    }
    
    .custom-row {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }

    .service-page .service-list-tab{
        padding:20px;
    }
}

@media (max-width:491px) {
    /* services sub page */
    .service-sub-page .all-page-first-image-navigation .navigator-link a{
        font-size:13px;
    }

    .service-sub-page .all-page-first-image-navigation {
        padding: 15px 10px;
    }

    /* personal loan resolution */
    .personal-loan-page .experience-content h2{
        font-size:18px;
        word-spacing:1px;
        letter-spacing:0px;
    }
    
    .personal-loan-page .experience-content p{
        font-size:15px;
    }

    .experience-section p{
        font-size:15px;
    }

    .custom-box p {
        font-size: 14px;
    }
}

@media (max-width:431px) {
    /* services sub page */
    .service-sub-page .all-page-first-image-navigation .navigator-link a{
        padding:10px 10px;
        font-size:12px;
    }

    .service-sub-page .all-page-first-image-navigation .navigator-link i{
        padding:3px 5px;
        font-size:12px;
    }

    /* personal loan resolution */
    .personal-loan-page .experience-content h2{
        font-size:16px;
        word-spacing: 0px;
    }
}

@media (max-width:391px) {
    /* services sub page */
    .service-sub-page .all-page-first-image-navigation .navigator-link a{
        padding:7px 7px;
        font-size:12px;
    }

    .service-sub-page .all-page-first-image-navigation .navigator-link i{
        padding:3px 5px;
        font-size:12px;
    }

    /* personal loan resolution */
    .personal-loan-page .experience-content h2{
        font-size:15px;
    }

    .custom-container {
        padding:15px;
    }
    
    .custom-row {
        grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    }


}

@media (max-width:375px) {
    .service-page .tab {
        font-size:10px;
    }
}