.navbar-nav li.current_page_parent > a {
    color:#18c6ff;
}

.navbar-nav li.current_page_parent .sub-menu > li.current-menu-item > a{
    background: #18c6ff;
    color: #ffffff;
}

.service_main_content_area {
    margin-bottom: 20px;
}



.service_single_counter_section.counter_section{
    padding:100px 0;
    background:#f7f7f7;
}

.service_single_counter_section .counter_card{
    position:relative;
    background:#fff;
    padding:45px 35px;
    overflow:hidden;
    height:100%;
    border-radius:20px;
    transition:all .4s ease;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.service_single_counter_section .counter_card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.service_single_counter_section .counter_number{
    font-size:58px;
    line-height:1;
    font-weight:800;
    margin-bottom:20px;
    background:linear-gradient(90deg,#28b5ff,#5865f2);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.service_single_counter_section .counter_card h3{
    font-size:30px;
    font-weight:700;
    color:#121826;
    margin-bottom:18px;
}

.service_single_counter_section .counter_card p{
    color:#6c7487;
    line-height:1.9;
    margin-bottom:30px;
}

.service_single_counter_section .counter_link{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#28b5ff;
    text-decoration:none;
    font-weight:600;
    text-transform:uppercase;
    font-size:14px;
    letter-spacing:.5px;
}

.service_single_counter_section .counter_link:hover{
    color:#5865f2;
}

.service_single_counter_section .counter_bg{
    position:absolute;
    bottom:-40px;
    right:-10px;
    font-size:120px;
    font-weight:800;
    color:#f3f3f3;
    line-height:1;
    z-index:0;
    pointer-events:none;
}

.service_single_counter_section .counter_card > *{
    position:relative;
    z-index:2;
}

@media(max-width:767px){

    .service_single_counter_section .counter_card{
        padding:30px 25px;
    }

    .counter_number{
        font-size:42px;
    }

    .service_single_counter_section .counter_card h3{
        font-size:24px;
    }

    .service_single_counter_section .counter_bg{
        font-size:90px;
    }
}


/* CONTENT */

.portfolio_content{
    color:#60697d;
    font-size:17px;
    line-height:1.9;
}

.portfolio_content p{
    margin:0 0 24px;
}

.portfolio_content strong,
.portfolio_content b{
    color:#0d1b39;
    font-weight:700;
}

.portfolio_content a{
    color:#2bbcff;
    font-weight:600;
    text-decoration:none;
}

.portfolio_content a:hover{
    color:#635bff;
}

/* Headings */

.portfolio_content h2{
    font-size:42px;
    color:#0d1b39;
    margin:70px 0 25px;
    font-weight:700;
}

.portfolio_content h3{
    font-size:34px;
    color:#0d1b39;
    margin:60px 0 25px;
    font-weight:700;
    position:relative;
    padding-bottom:16px;
}

.portfolio_content h3:after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:70px;
    height:4px;
    border-radius:50px;
    background:linear-gradient(90deg,#2bbcff,#635bff);
}

.portfolio_content h4,
.portfolio_content h5,
.portfolio_content h6{
    font-size:24px;
    font-weight:700;
    color:#0d1b39;
    margin:40px 0 18px;
    display:flex;
    align-items:center;
    gap:12px;
}

.portfolio_content h4:before,
.portfolio_content h5:before,
.portfolio_content h6:before{
    content:"";
    width:10px;
    height:10px;
    border-radius:50%;
    background:#2bbcff;
}

/* Lists */

.portfolio_content ul{
    list-style:none;
    padding:0;
    margin:30px 0;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:18px;
}

.portfolio_content ul li{
    position:relative;
    background:#fff;
    border:1px solid #edf2fa;
    border-radius:18px;
    padding:18px 22px 18px 58px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    transition:.35s;
}

.portfolio_content ul li:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.portfolio_content ul li:before{
    content:"✓";
    position:absolute;
    left:20px;
    top:18px;
    width:26px;
    height:26px;
    border-radius:50%;
    background:linear-gradient(135deg,#2bbcff,#635bff);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:700;
}

/* Ordered List */

.portfolio_content ol{
    counter-reset:item;
    padding:0;
    margin:30px 0;
}

.portfolio_content ol li{
    list-style:none;
    counter-increment:item;
    position:relative;
    padding-left:60px;
    margin-bottom:18px;
}

.portfolio_content ol li:before{
    content:counter(item);
    position:absolute;
    left:0;
    top:2px;
    width:36px;
    height:36px;
    border-radius:50%;
    background:linear-gradient(135deg,#2bbcff,#635bff);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
}

/* Images */

.portfolio_content img{
    width:100%;
    border-radius:20px;
    margin:30px 0;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

/* Tables */

.portfolio_content table{
    width:100%;
    border-collapse:collapse;
    margin:40px 0;
}

.portfolio_content table th{
    background:#0d1b39;
    color:#fff;
    padding:16px;
}

.portfolio_content table td{
    padding:16px;
    border:1px solid #ececec;
}

/* Quote */

.portfolio_content blockquote{
    padding:35px;
    background:#f8fbff;
    border-left:5px solid #2bbcff;
    border-radius:15px;
    margin:40px 0;
    color:#0d1b39;
    font-size:22px;
}

@media(max-width:991px){

.portfolio_content_card{
    padding:35px;
}

.protfliwdetailssbheading{
    font-size:34px;
}

.portfolio_content h2{
    font-size:34px;
}

.portfolio_content h3{
    font-size:28px;
}

.portfolio_content ul{
    grid-template-columns:1fr;
}

}

@media(max-width:767px){

.portfolio_content{
    font-size:16px;
}

.portfolio_content h2{
    font-size:28px;
}

.portfolio_content h3{
    font-size:24px;
}

.portfolio_content h4,
.portfolio_content h5{
    font-size:20px;
}

}

.technology_index_section{
    
    position:relative;
    overflow:hidden;
    background-color: #f8fbff;
}

.technology_index_wrapper{
    display:flex;
    justify-content:center;
    align-items:flex-end;
    gap:45px;
    margin-top:80px;
    flex-wrap:wrap;
}

.technology_item{
    text-align:center;
    transition:.35s;
    cursor:pointer;
}

.technology_icon{
    width:110px;
    height:110px;
    border-radius:20px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 18px;
    box-shadow:0 20px 50px rgba(0,0,0,.08);
    transition:.35s;
}

.technology_icon i{
    font-size:42px;
    color:#43b3ff;
}

.technology_item span{
    display:inline-block;
    font-size:15px;
    font-weight:600;
    color:#222;
    text-transform:uppercase;
    letter-spacing:.5px;
}

.technology_item:hover{
    transform:translateY(-8px);
}

.technology_item:hover .technology_icon{
    background:linear-gradient(135deg,#43b3ff,#5c5dff);
}

.technology_item:hover .technology_icon i{
    color:#fff;
}

.technology_item.active{
    transform:translateY(-30px);
}

.technology_item.active .technology_icon{
    width:165px;
    height:165px;
    border-radius:0;
    background:linear-gradient(135deg,#43b3ff,#5c5dff);
}

.technology_item.active .technology_icon i{
    color:#fff;
    font-size:62px;
}

.technology_item.active span{
    margin-top:12px;
}

@media(max-width:991px){

    .technology_index_wrapper{
        gap:25px;
    }

    .technology_item.active{
        transform:none;
    }

    .technology_item.active .technology_icon{
        width:130px;
        height:130px;
    }

}

@media(max-width:767px){

    .technology_index_section{
        padding:80px 0;
    }

    .technology_index_wrapper{
        justify-content:center;
        gap:18px;
    }

    .technology_icon{
        width:85px;
        height:85px;
    }

    .technology_icon i{
        font-size:34px;
    }

    .technology_item.active .technology_icon{
        width:105px;
        height:105px;
    }

    .technology_item.active .technology_icon i{
        font-size:46px;
    }

}