.gts-services{
    background:#f8f9fc;
}

.section-title span{
    color:#0f4db8;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:2px;
}

.section-title h2{
    font-size:42px;
    font-weight:700;
    margin:15px 0;
    color:#0f4db8;
}

.section-title p{
    max-width:720px;
    margin:auto;
    color:#666;
    line-height:1.8;
}

.service-card{
    background:#fff;
    border:1px solid #e8e8e8;
    padding:35px;
    height:100%;
    transition:.4s;
    position:relative;
    overflow:hidden;
}

.service-card:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:5px;
    height:0;
    background:#0f4db8;
    transition:.4s;
}

.service-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}

.service-card:hover:before{
    height:100%;
}

.service-icon{
    width:75px;
    height:75px;
    border-radius:50%;
    background:#edf4ff;
    color:#0f4db8;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    margin-bottom:25px;
    transition:.4s;
}

.service-card:hover .service-icon{
    background:#0f4db8;
    color:#fff;
}

.service-card .section-two-subtitle{
    font-size:24px;
    font-weight:700;
    margin-bottom:20px;
}

.service-card ul{
    margin:0;
    padding:0;
    list-style:none;
}

.service-card ul li{
    position:relative;
    padding-left:24px;
    margin-bottom:12px;
    color:#666;
    line-height:1.7;
}

.service-card ul li:before{
    content:"✓";
    position:absolute;
    left:0;
    color:#0f4db8;
    font-weight:700;
}

@media(max-width:991px){

    .section-title h2{
        font-size:34px;
    }

    .service-card{
        padding:30px;
    }
}

@media(max-width:767px){

    .section-title h2{
        font-size:28px;
    }

    .service-card{
        padding:25px;
    }

    .service-card .section-two-subtitle{
        font-size:22px;
    }
}

.industries-area{
    background:#fff;
}

.industry-title span{
    display:inline-block;
    color:#0056b3;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:10px;
}

.industry-title h2{
    font-size:42px;
    font-weight:700;
    margin-bottom:18px;
    color:#0f4db8;
}

.industry-title p{
    color:#666;
    line-height:1.8;
    max-width:760px;
    margin:auto;
}

.industry-item{
    display:flex;
    align-items:center;
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    transition:.4s;
    height:100%;
}

.industry-item:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(0,0,0,.12);
}

.industry-icon{
    width:120px;
    min-width:120px;
    background:#0056b3;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:40px;
    height:100%;
    position:relative;
}

.industry-icon:after{
    content:"";
    position:absolute;
    right:-18px;
    top:50%;
    transform:translateY(-50%);
    border-top:18px solid transparent;
    border-bottom:18px solid transparent;
    border-left:18px solid #0056b3;
}

.industry-content{
    padding:30px 30px 30px 45px;
}

.industry-content .section-three-subtitle{
    font-size:24px;
    font-weight:700;
    margin-bottom:12px;
    color:#1a1a1a;
}

.industry-content p{
    margin:0;
    color:#666;
    line-height:1.8;
}

@media (max-width:991px){

    .industry-title h2{
        font-size:34px;
    }

    .industry-content{
        padding:25px;
    }
}

@media (max-width:767px){

    .industry-item{
        flex-direction:column;
        text-align:center;
    }

    .industry-icon{
        width:100%;
        height:90px;
    }

    .industry-icon:after{
        display:none;
    }

    .industry-content{
        padding:25px;
    }

    .industry-title h2{
        font-size:28px;
    }

    .industry-content .section-three-subtitle{
        font-size:22px;
    }
}

.why-gts-area{
    background:#f8fafc;
}

.gts-left h2,
.engineering-box .engineering-box-title{
    font-size:40px;
    font-weight:700;
    margin-bottom:35px;
   
    color:#0f4db8;
}

.why-box{
    display:flex;
    gap:20px;
    margin-bottom:25px;
    align-items:flex-start;
}

.why-box span{
    width:58px;
    height:58px;
    background:#0054a6;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    font-weight:700;
    flex-shrink:0;
}

.why-title{
    font-size:22px;
    font-weight:700;
    color:#111;
    margin-bottom:8px;
}

.why-box p:last-child{
    color:#666;
    line-height:1.8;
    margin:0;
}

.engineering-box{
    background:#0054a6;
    color:#fff;
    padding:60px;
    border-radius:15px;
    position:sticky;
    top:40px;
}

.engineering-box .engineering-box-title{
    color:#fff;
}

.engineering-box p{
    color:#eef4ff;
    line-height:2;
    font-size:17px;
}

.assessment-area{
    margin-top:80px;
    background:#fff;
    padding:50px;
    border-radius:15px;
    box-shadow:0 12px 40px rgba(0,0,0,.06);
}

.assessment-area h3{
    font-size:32px;
    margin-bottom:35px;
    font-weight:700;
    color:#111;
}

.assessment-area ul{
    list-style:none;
    padding:0;
    margin:0;
}

.assessment-area li{
    position:relative;
    padding-left:35px;
    margin-bottom:20px;
    line-height:1.8;
    color:#555;
}

.assessment-area li:before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    width:22px;
    height:22px;
    border-radius:50%;
    background:#0054a6;
    color:#fff;
    font-size:13px;
    text-align:center;
    line-height:22px;
    font-weight:700;
}

@media(max-width:991px){

    .engineering-box{
        margin-top:40px;
        padding:40px;
        position:relative;
        top:0;
    }

    .assessment-area{
        padding:35px;
    }

    .gts-left h2,
    .engineering-box .engineering-box-title{
        font-size:32px;
        color:#0f4db8;
    }

    .assessment-area h3{
        font-size:28px;
    }
}

@media(max-width:767px){

    .engineering-box{
        padding:30px;
    }

    .assessment-area{
        padding:25px;
    }

    .gts-left h2,
    .engineering-box .engineering-box-title{
        font-size:28px;
    }

    .assessment-area h3{
        font-size:24px;
    }

    .why-title{
        font-size:20px;
    }

    .why-box span{
        width:48px;
        height:48px;
        font-size:16px;
    }
}

.about-gts{
    background:#fff;
}

.about-image{
    position:relative;
}

.about-image img{
    width:100%;
    border-radius:15px;
    box-shadow:0 20px 60px rgba(0,0,0,.10);
}

.experience-box{
    position:absolute;
    right:-30px;
    bottom:0px;
    background:#0054a6;
    color:#fff;
    padding:25px 30px;
    border-radius:12px;
    text-align:center;
    box-shadow:0 15px 40px rgba(0,0,0,.18);
}

.experience-box h2{
    color:#fff;
    font-size:48px;
    font-weight:700;
    margin:0;
    line-height:1;
}

.experience-box p{
    margin-top:10px;
    margin-bottom:0;
    color:#fff;
    font-size:16px;
}

.about-content-electrical{
    padding-left:40px;
}

.sub-title{
    color:#0054a6;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.about-content-electrical h2{
    font-size:42px;
    font-weight:700;
    margin:20px 0;
    color:#0f4db8;
    line-height:1.3;
}

.about-content-electrical p{
    color:#666;
    line-height:1.9;
    margin-bottom:22px;
}





@media(max-width:991px){

    .about-content-electrical{
        padding-left:0;
        margin-top:50px;
    }

    .experience-box{
        right:20px;
        bottom:20px;
    }

    .about-content-electrical h2{
        font-size:34px;
    }
}

@media(max-width:767px){

    .about-content-electrical h2{
        font-size:28px;
    }

    

    .experience-box{
        position:relative;
        right:0;
        bottom:0;
        margin-top:20px;
        display:inline-block;
    }
}

.gts-process-area{
    background:#fff;
}

.process-header{
    margin-bottom:80px;
}

.process-header h2{
    font-size:42px;
    font-weight:700;
    margin-bottom:20px;
    color:#0f4db8;
}

.process-subtitle{
    font-size:20px;
    color:#0054a6;
    font-weight:600;
    margin-bottom:25px;
}

.process-title{
    font-size:26px;
    color:#111;
    font-weight:700;
    margin-bottom:20px;
}

.process-header p{
    color:#666;
    line-height:1.9;
}

.process-timeline{
    position:relative;
    max-width:900px;
    margin:auto;
}

.process-timeline:before{
    content:"";
    position:absolute;
    left:34px;
    top:0;
    bottom:0;
    width:3px;
    background:#0054a6;
}

.process-item{
    position:relative;
    display:flex;
    margin-bottom:50px;
}

.step-number{
    width:70px;
    height:70px;
    background:#0054a6;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    font-weight:700;
    flex-shrink:0;
    z-index:2;
    box-shadow:0 10px 25px rgba(0,84,166,.25);
}

.process-content{
    margin-left:40px;
    background:#f8f9fc;
    padding:30px;
    border-radius:12px;
    border-left:5px solid #0054a6;
    transition:.3s;
    width:100%;
}

.process-item:hover .process-content{
    transform:translateX(10px);
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.step-title{
    display:block;
    font-size:20px;
    font-weight:700;
    color:#111;
    margin-bottom:15px;
}

.process-content p{
    margin:0;
    color:#666;
    line-height:1.9;
}

.process-item.last{
    margin-bottom:0;
}

@media(max-width:768px){

    .process-header h2{
        font-size:30px;
    }

    .process-title{
        font-size:22px;
    }

    .process-timeline:before{
        left:24px;
    }

    .step-number{
        width:50px;
        height:50px;
        font-size:18px;
    }

    .process-content{
        margin-left:20px;
        padding:20px;
    }

    .step-title{
        font-size:18px;
    }
}
.industrial-commercial-area{
    background:#f8fafc;
}

.industrial-commercial-area h2{
    color:#0f4db8;
    font-size:42px;
    font-weight:700;
    margin-bottom:0;
}

.service-panel{
    display:flex;
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 15px 45px rgba(0,0,0,.06);
    transition:.4s;
}

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

.service-label{
    width:220px;
    background:#0f4db8;
    color:#fff;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    position:relative;
    padding-left: 20px;
}

.service-label:after{
    content:"";
    position:absolute;
    right:-40px;
    top:0;
    width:80px;
    height:100%;
    background:#0f4db8;
    transform:skewX(-18deg);
}

.reverse .service-label{
    background:#153c73;
}

.reverse .service-label:after{
    background:#153c73;
}

.service-label span{
    font-size:60px;
    font-weight:700;
    line-height:1;
    position:relative;
    z-index:2;
}

.service-label p{
    margin-top:15px;
    margin-bottom:0;
    font-size:22px;
    font-weight:600;
    letter-spacing:1px;
    position:relative;
    z-index:2;
}

.service-content{
    padding:50px 60px 50px 120px;
}

.service-title{
    font-size:28px;
    font-weight:700;
    color:#222;
    margin-bottom:20px;

}

.service-content p{
    color:#666;
    line-height:1.9;
    margin-bottom:18px;
}

.service-content p:last-child{
    margin-bottom:0;
}

@media(max-width:991px){

    .industrial-commercial-area h2{
        font-size:34px;
    }

    .service-panel{
        flex-direction:column;
    }

    .service-label{
        width:100%;
        height:150px;
    }

    .service-label:after{
        display:none;
    }

    .service-content{
        padding:40px;
    }

}

@media(max-width:767px){

    .industrial-commercial-area h2{
        font-size:28px;
    }

    .service-title{
        font-size:24px;
    }

    .service-content{
        padding:25px;
    }

    .service-label{
        height:120px;
    }

    .service-label span{
        font-size:40px;
    }

    .service-label p{
        font-size:18px;
    }

}
.htlt-area{
    background:#ffffff;
}

.htlt-area h2{
    font-size:42px;
    font-weight:700;
    color:#0f4db8;
    margin-bottom:0;
}

.htlt-box{
    position:relative;
    height:100%;
    padding:45px;
    background:#fff;
    border:1px solid #e6edf5;
    border-radius:12px;
    transition:.35s;
}

.htlt-box:hover{
    box-shadow:0 18px 45px rgba(0,0,0,.08);
    transform:translateY(-8px);
}

.service-icon{
    width:75px;
    height:75px;
    border-radius:50%;
    background:#eef5ff;
    color:#0f4db8;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:25px;
}

.service-heading{
    font-size:24px;
    font-weight:700;
    color:#111;
    margin-bottom:25px;
    position:relative;
    padding-bottom:15px;
}

.service-heading:after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:70px;
    height:3px;
    background:#0f4db8;
}

.htlt-box p{
    color:#666;
    line-height:1.9;
    margin-bottom:18px;
}

.row.mt-70{
    margin-top:70px;
}

/* Vertical Divider */

@media(min-width:992px){

    .col-lg-6:first-child .htlt-box{
        border-right:none;
    }

    .col-lg-6:last-child .htlt-box{
        border-left:4px solid #0f4db8;
    }

}

@media(max-width:991px){

    .htlt-area h2{
        font-size:34px;
    }

    .htlt-box{
        margin-bottom:30px;
        padding:35px;
    }

}

@media(max-width:767px){

    .htlt-area h2{
        font-size:28px;
    }

    .service-heading{
        font-size:21px;
    }

    .htlt-box{
        padding:25px;
    }

    .service-icon{
        width:60px;
        height:60px;
        font-size:24px;
    }

}

.gts-safety-area{
    background:#f8fafc;
}

.gts-safety-area h2{
    font-size:42px;
    font-weight:700;
    color:#0f4db8;
    margin-bottom:15px;
}

.section-subtitle{
    font-size:20px;
    color:#666;
    margin-bottom:0;
}

.safety-wrapper{
    position:relative;
}

.safety-wrapper::before{
    content:"";
    position:absolute;
    left:10%;
    right:10%;
    top:48px;
    height:2px;
    background:#d9e5f5;
}

.safety-box{
    position:relative;
    background:#fff;
    padding:70px 35px 35px;
    border-radius:15px;
    text-align:center;
    height:100%;
    transition:.35s;
    border:1px solid #e5edf6;
}

.safety-box:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}

.safety-icon{
    position:absolute;
    top:-18px;
    left:50%;
    transform:translateX(-50%);
    width:90px;
    height:90px;
    background:#0f4db8;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:34px;
    border:8px solid #f8fafc;
}

.safety-title{
    font-size:24px;
    font-weight:700;
    color:#111;
    margin-bottom:20px;
}

.safety-box p:last-child{
    color:#666;
    line-height:1.9;
    margin-bottom:0;
}

@media(max-width:991px){

    .gts-safety-area h2{
        font-size:34px;
    }

    .safety-wrapper::before{
        display:none;
    }

    .safety-box{
        margin-top:30px;
    }

}

@media(max-width:767px){

    .gts-safety-area h2{
        font-size:28px;
    }

    .safety-title{
        font-size:21px;
    }

    .section-subtitle{
        font-size:18px;
    }

    .safety-box{
        padding:65px 25px 25px;
    }

    .safety-icon{
        width:75px;
        height:75px;
        font-size:28px;
    }

}

.areas-serve-area{
    background:#fff;
}

.areas-serve-area h2{
    color:#0f4db8;
    font-size:42px;
    font-weight:700;
    margin-bottom:20px;
}

.area-intro{
    max-width:760px;
    margin:auto;
    color:#666;
    line-height:1.9;
}

.mt-70{
    margin-top:70px;
}

.area-box{
    display:flex;
    align-items:flex-start;
    background:#f8fafc;
    border-left:5px solid #0f4db8;
    padding:30px;
    border-radius:12px;
    height:100%;
    transition:.35s;
}

.area-box:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.area-badge{
    width:60px;
    height:60px;
    min-width:60px;
    border-radius:50%;
    background:#0f4db8;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    margin-right:20px;
}

.area-title{
    font-size:24px;
    font-weight:700;
    color:#111;
    margin-bottom:15px;
}

.area-content p:last-child{
    margin-bottom:0;
    color:#666;
    line-height:1.8;
}

.industrial-box{
    display:flex;
    align-items:center;
    background:#0f4db8;
    color:#fff;
    padding:40px;
    border-radius:15px;
    margin-top:20px;
}

.industrial-icon{
    width:90px;
    height:90px;
    min-width:90px;
    border-radius:50%;
    background:rgba(255,255,255,.15);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    margin-right:30px;
}

.industrial-box .area-title{
    color:#fff;
    margin-bottom:15px;
}

.industrial-box p:last-child{
    color:#eef4ff;
    margin-bottom:0;
    line-height:1.9;
}

.coverage-note{
    margin-top:60px;
    background:#f8fafc;
    border-radius:12px;
    padding:30px 35px;
    display:flex;
    align-items:flex-start;
}

.coverage-note i{
    color:#0f4db8;
    font-size:28px;
    margin-right:18px;
    margin-top:5px;
}

.coverage-note p{
    margin:0;
    color:#555;
    line-height:1.9;
}

@media(max-width:991px){

    .areas-serve-area h2{
        font-size:34px;
    }

    .industrial-box{
        flex-direction:column;
        text-align:center;
    }

    .industrial-icon{
        margin-right:0;
        margin-bottom:25px;
    }

}

@media(max-width:767px){

    .areas-serve-area h2{
        font-size:28px;
    }

    .area-box{
        padding:25px;
    }

    .area-title{
        font-size:20px;
    }

    .coverage-note{
        flex-direction:column;
        text-align:center;
    }

    .coverage-note i{
        margin:0 0 15px;
    }

}

/*===================================================
Recent Projects
===================================================*/

.gts-project-area{
    background:#f8fafc;
    position:relative;
    overflow:hidden;
}

.gts-project-area h2{
    font-size:42px;
    font-weight:700;
    color:#0f4db8;
    margin-bottom:0;
}

.gtsProjectSlider{
   width:100% !important;
    padding-bottom:80px;
    overflow:hidden;
}

.gts-project-slider-wrap{
    width:100% !important;
    overflow:hidden;
    position:relative;
}

/*===================================
Project Card
===================================*/

.project-card{
    width:92%;
    margin:auto;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 15px 60px rgba(0,0,0,.08);
    transition:.4s;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    transform:translateZ(0);
    will-change:transform;
}

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

.swiper-wrapper{
    align-items:stretch;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    transform:translateZ(0);
    will-change:transform;
}
.swiper-slide
{
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    transform:translateZ(0);
    will-change:transform;
}
/*===================================
Gallery
===================================*/

.project-gallery{
    display:flex;
  flex-direction: column;
    gap:15px;
    padding:30px;
    background:#eef5ff;
}

.project-gallery img{
    display:block;
    width:100%;
    height:240px;
    object-fit:cover;
    border-radius:12px;
    transition:.4s;
    cursor:pointer;
}

.project-gallery img:hover{
    transform:scale(1.05);
}

/*===================================
Content
===================================*/

.project-content{
    padding:40px;
}

.project-name{
    font-size:30px;
    font-weight:700;
    color:#0f4db8;
    margin-bottom:30px;
}

.project-label{
    display:inline-block;
    background:#0f4db8;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    font-size:15px !important;
    font-weight:600;
    margin-bottom:18px;
}

.project-text{
    color:#666;
    line-height:1.9 ;
    margin-bottom:22px;
    text-align:justify;
    font-size: 16px !important;
}

/*===================================
Scope List
===================================*/

.project-list{
    list-style:none;
    margin:0 0 30px;
    padding:0;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}

.project-list li{
    position:relative;
    padding-left:32px;
    color:#444;
    line-height:1.8;
    font-size: 16px !important;
}

.project-list li::before{
    content:"\f058";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    color:#0f4db8;
    position:absolute;
    left:0;
    top:2px;
}

/*===================================
Navigation
===================================*/

.gts-project-prev,
.gts-project-next{

    width:55px;
    height:55px;
    background:#0f4db8;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:10;
    transition:.35s;

}

.gts-project-prev{
    left:-25px;
}

.gts-project-next{
    right:-25px;
}

.gts-project-prev:hover,
.gts-project-next:hover{

    background:#082d74;

}

.gts-project-prev i,
.gts-project-next i{

    font-size:18px;

}

/*===================================
Pagination
===================================*/

.gtsProjectSlider .swiper-pagination{

    bottom:10px;

}

.gtsProjectSlider .swiper-pagination-bullet{

    width:12px;
    height:12px;
    background:#c6d5f3;
    opacity:1;

}

.gtsProjectSlider .swiper-pagination-bullet-active{

    background:#0f4db8;
    width:35px;
    border-radius:20px;

}

/*===================================
Desktop Layout
===================================*/

@media(min-width:992px){

.project-card{

display:grid;

grid-template-columns:42% 58%;

align-items:stretch;

}

.project-gallery{

height:100%;

}

.project-gallery img{

height:220px;

}

}

/*===================================
Tablet
===================================*/

@media(max-width:991px){

.gts-project-area h2{

font-size:34px;

}

.project-card{

display:block;

}

.project-gallery{

grid-template-columns:repeat(2,1fr);

padding:25px;

}

.project-gallery img{

height:200px;

}

.project-content{

padding:30px;

}

.project-name{

font-size:26px;

}

.project-list{

grid-template-columns:1fr;

}

.gts-project-prev{

left:10px;

}

.gts-project-next{

right:10px;

}

}

/*===================================
Mobile
===================================*/

@media(max-width:767px){

.gts-project-area{

padding-top:80px;
padding-bottom:80px;

}

.gts-project-area h2{

font-size:28px;

}

.project-gallery{

grid-template-columns:1fr;
padding:20px;

}

.project-gallery img{

height:220px;

}

.project-content{

padding:25px;

}

.project-name{

font-size:24px;

margin-bottom:20px;

}

.project-label{

font-size:14px;

padding:7px 15px;

}

.project-text{

font-size:15px;

line-height:1.8;

text-align:left;

}

.project-list{

grid-template-columns:1fr;
gap:12px;

}

.project-list li{

font-size:15px;

}

.gts-project-prev,
.gts-project-next{

display:none;

}

}

/*===================================
Large Desktop
===================================*/

@media(min-width:1400px){

.project-gallery img{

height:250px;

}

.project-content{

padding:50px;

}

.project-name{

font-size:34px;

}



.project-text{

font-size:17px;

}

}

.gts-benefits-area{
    background:#f8fafc;
}

.gts-benefits-area h2{
    font-size:42px;
    font-weight:700;
    color:#0f4db8;
    margin-bottom:15px;
}

.gts-benefits-area .section-subtitle{
    font-size:20px;
    color:#666;
    margin-bottom:0;
}

.benefits-wrapper{
    position:relative;
}

.benefits-wrapper::before{
    content:"";
    position:absolute;
    left:10%;
    right:10%;
    top:48px;
    height:2px;
    background:#d9e5f5;
}

.benefit-box{
    position:relative;
    background:#fff;
    padding:70px 35px 35px;
    border-radius:15px;
    text-align:center;
    height:100%;
    border:1px solid #e5edf6;
    transition:.35s;
}

.benefit-box:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}

.benefit-icon{
    position:absolute;
    top:-18px;
    left:50%;
    transform:translateX(-50%);
    width:90px;
    height:90px;
    background:#0f4db8;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:34px;
    border:8px solid #f8fafc;
}

.benefit-title{
    font-size:24px;
    font-weight:700;
    color:#111;
    margin-bottom:20px;
}

.benefit-box p:last-child{
    color:#666;
    line-height:1.9;
    margin-bottom:0;
}

@media(max-width:991px){

    .gts-benefits-area h2{
        font-size:34px;
    }

    .benefits-wrapper::before{
        display:none;
    }

    .benefit-box{
        margin-top:30px;
    }

}

@media(max-width:767px){

    .gts-benefits-area h2{
        font-size:28px;
    }

    .benefit-title{
        font-size:21px;
    }

    .gts-benefits-area .section-subtitle{
        font-size:18px;
    }

    .benefit-box{
        padding:65px 25px 25px;
    }

    .benefit-icon{
        width:75px;
        height:75px;
        font-size:28px;
    }

}
.quality-assurance-area{
    background:#f8fafc;
}

.quality-assurance-area h2{
    font-size:42px;
    font-weight:700;
    color:#0f4db8;
    margin-bottom:60px;
}

.quality-box{
    background:#fff;
    border-radius:18px;
    padding:50px;
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}

.quality-icon{
    text-align:center;
    padding:20px;
}

.quality-icon .icon{
    width:100px;
    height:100px;
    background:#0f4db8;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 25px;
}

.quality-icon .icon i{
    color:#fff;
    font-size:42px;
}

.quality-heading{
    font-size:26px;
    font-weight:700;
    color:#111;
    margin-bottom:0;
}

.quality-content p{
    color:#666;
    line-height:1.9;
    margin-bottom:20px;
}

.quality-content p:last-child{
    margin-bottom:0;
}

@media(max-width:991px){

    .quality-assurance-area h2{
        font-size:34px;
    }

    .quality-icon{
        margin-bottom:35px;
    }

    .quality-box{
        padding:35px;
    }

}

@media(max-width:767px){

    .quality-assurance-area{
        padding:80px 0;
    }

    .quality-assurance-area h2{
        font-size:28px;
        margin-bottom:40px;
    }

    .quality-box{
        padding:25px;
    }

    .quality-icon .icon{
        width:80px;
        height:80px;
    }

    .quality-icon .icon i{
        font-size:32px;
    }

    .quality-heading{
        font-size:22px;
    }

}
.electrical-challenges-area{
    background:#fff;
}

.electrical-challenges-area h2{
    color:#0f4db8;
    font-size:42px;
    font-weight:700;
    margin-bottom:20px;
}

.challenge-intro{
    color:#666;
    line-height:1.9;
    margin-bottom:60px;
}

.challenge-box{
    background:#f8fafc;
    border-radius:18px;
    padding:45px;
    border:1px solid #e4edf9;
}

.challenge-item{
    display:flex;
    align-items:flex-start;
    margin-bottom:30px;
}

.challenge-item:last-child{
    margin-bottom:0;
}

.challenge-item i{
    width:48px;
    height:48px;
    min-width:48px;
    border-radius:50%;
    background:#0f4db8;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:18px;
    font-size:18px;
}

.challenge-item p{
    margin:0;
    color:#555;
    line-height:1.8;
}

.solution-note{
    margin-top:50px;
    background:#0f4db8;
    border-radius:18px;
    padding:35px;
    display:flex;
    align-items:center;
}

.solution-icon{
    width:90px;
    height:90px;
    min-width:90px;
    border-radius:50%;
    background:rgba(255,255,255,.15);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:30px;
}

.solution-icon i{
    color:#fff;
    font-size:36px;
}

.solution-title{
    color:#fff;
    font-size:24px;
    font-weight:700;
    margin-bottom:15px;
}

.solution-content p:last-child{
    color:#eef4ff;
    margin:0;
    line-height:1.9;
}

@media(max-width:991px){

    .electrical-challenges-area h2{
        font-size:34px;
    }

    .challenge-box{
        padding:30px;
    }

    .challenge-list:first-child{
        margin-bottom:30px;
    }

    .solution-note{
        flex-direction:column;
        text-align:center;
    }

    .solution-icon{
        margin-right:0;
        margin-bottom:20px;
    }

}

@media(max-width:767px){

    .electrical-challenges-area h2{
        font-size:28px;
    }

    .challenge-box{
        padding:25px;
    }

    .challenge-item i{
        width:42px;
        height:42px;
        min-width:42px;
        font-size:16px;
    }

    .solution-title{
        font-size:21px;
    }

}
.trust-area{
    background:#f8fafc;
}

.trust-area h2{
    font-size:42px;
    font-weight:700;
    color:#0f4db8;
    margin-bottom:0;
}

.mt-70{
    margin-top:70px;
}

.trust-box{
    background:#fff;
    border-radius:16px;
    padding:40px 30px;
    text-align:center;
    height:100%;
    border:1px solid #e7eef8;
    transition:.35s;
}

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

.trust-icon{
    width:80px;
    height:80px;
    margin:0 auto 25px;
    border-radius:50%;
    background:#0f4db8;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
}

.trust-number{
    font-size:42px;
    font-weight:700;
    color:#0f4db8;
    line-height:1;
    margin-bottom:15px;
}

.trust-title{
    font-size:22px;
    font-weight:700;
    color:#111;
    margin-bottom:18px;
}

.trust-text{
    color:#666;
    line-height:1.8;
    margin-bottom:0;
}

@media(max-width:991px){

    .trust-area h2{
        font-size:34px;
    }

}

@media(max-width:767px){

    .trust-area{
        padding:80px 0;
    }

    .trust-area h2{
        font-size:28px;
    }

    .trust-number{
        font-size:34px;
    }

    .trust-title{
        font-size:20px;
    }

    .trust-box{
        padding:30px 25px;
    }

    .trust-icon{
        width:70px;
        height:70px;
        font-size:28px;
    }

}

.gts-cta-area{
    background:#0f4db8;
    padding:120px 0;
    color:#fff;
}

.cta-subtitle{
    display:inline-block;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#bcd4ff;
    margin-bottom:15px;
}

.gts-cta-area h2{
    color:#fff;
    font-size:42px;
    font-weight:700;
    line-height:1.3;
    margin-bottom:25px;
}

.cta-content p{
    color:#e9f0ff;
    line-height:1.9;
    margin-bottom:35px;
}

.theme-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:16px 34px;
    background:#fff;
    color:#0f4db8;
    font-weight:700;
    border-radius:50px;
    text-decoration:none;
    transition:.35s;
}

.theme-btn:hover{
    background:#082d74;
    color:#fff;
}

.cta-contact-box{
    background:#fff;
    border-radius:18px;
    padding:40px;
    color:#222;
}

.contact-item{
    display:flex;
    align-items:flex-start;
    margin-bottom:28px;
}

.contact-item:last-child{
    margin-bottom:0;
}

.contact-icon{
    width:60px;
    height:60px;
    min-width:60px;
    border-radius:50%;
    background:#0f4db8;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:18px;
    font-size:22px;
}

.contact-title{
    font-size:20px;
    font-weight:700;
    color:#111;
    margin-bottom:8px;
}

.contact-item a{
    color:#555;
    text-decoration:none;
    line-height:1.8;
    transition:.3s;
}

.contact-item a:hover{
    color:#0f4db8;
}

@media(max-width:991px){

    .gts-cta-area{
        padding:80px 0;
    }

    .gts-cta-area h2{
        font-size:34px;
    }

    .cta-contact-box{
        margin-top:50px;
    }

}

@media(max-width:767px){

    .gts-cta-area h2{
        font-size:28px;
    }

    .cta-contact-box{
        padding:25px;
    }

    .contact-icon{
        width:50px;
        height:50px;
        min-width:50px;
        font-size:18px;
    }

    .contact-title{
        font-size:18px;
    }

    .theme-btn{
        width:100%;
        justify-content:center;
    }

}
/*=========================================
FAQ
=========================================*/

.gts-faq-area{

    background:#f8fafc;

}

.gts-faq-area h2{

    color:#0f4db8;
    font-size:42px;
    font-weight:700;
    margin-bottom:0;

}

.mt-70{

    margin-top:70px;

}

.gts-faq .accordion-item{

    border:none;
    margin-bottom:20px;
    border-radius:15px !important;
    overflow:hidden;
    box-shadow:0 8px 30px rgba(0,0,0,.06);

}

.gts-faq .accordion-button{

    background:#fff;
    color:#111;
    font-size:20px;
    font-weight:600;
    padding:24px 28px;
    box-shadow:none;

}

.gts-faq .accordion-button:not(.collapsed){

    background:#0f4db8;
    color:#fff;

}

.gts-faq .accordion-button:focus{

    box-shadow:none;

}

.gts-faq .accordion-button::after{

    filter:brightness(0);

}

.gts-faq .accordion-button:not(.collapsed)::after{

    filter:brightness(100);

}

.gts-faq .accordion-body{

    padding:28px;
    color:#666;
    line-height:1.9;
    background:#fff;

}

@media(max-width:991px){

.gts-faq-area h2{

font-size:34px;

}

.gts-faq .accordion-button{

font-size:18px;

}

}

@media(max-width:767px){

.gts-faq-area{

padding:80px 0;

}

.gts-faq-area h2{

font-size:28px;

}

.gts-faq .accordion-button{

font-size:17px;

padding:20px;

}

.gts-faq .accordion-body{

padding:20px;

}

}

/* Hide remaining cards initially */
.read-more-item{
    display:none;
}

.service-read-btn{
    display:inline-block;
    background:#15489b;
    color:#fff;
    border:none;
    padding:14px 35px;
    border-radius:50px;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
}

.service-read-btn:hover{
    background:#0d3577;
}

.read-more-item.show{
    display:block;
}