body{
    font-family: 'Montserrat', sans-serif;
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
.custom-navbar{
    background:#283995;
    height:80px;
    display:flex;
    align-items:center;
    padding:0;

}

.logo img{
    width:clamp(150px,30vw,230px);
}

.navbar-nav{
    gap:10px;
}

.nav-link{
    color:#fff  !important;
    font-size:14px;
    font-weight:600;
    transition:.3s;
}


.navbar-toggler{
    background:transparent;
    /* margin:0 15px */
}

.navbar-toggler-icon{
    filter: brightness(0) invert(1);
}
.navbar-collapse{
    align-items:center;
    z-index: 5000000;
}
.custom-navbar .container{
    height:100%;
    display:flex;
    align-items:center;
}

.footer-section{
    background:#2B3990;
    padding:40px 0;
}

.footer-wrapper{
    display:grid;
    grid-template-columns:75% 25%;
    align-items:center;
    /* gap:100px; */
}

.footer-logo{
    width:230px;
    display:block;
    margin-bottom:35px;
}
.footer-info {
    display:grid;
    grid-template-columns:45% 55%;
    gap:0;
    align-items: center;
}
.footer-info h4{
    color:#fff;

    font-size:14px;
    font-weight:700;

    margin-bottom:12px;
}

.footer-info p{
    color:#fff;

    font-size:14px;
    line-height:2;

    margin-bottom:50px;

    max-width:360px;
}

.footer-info a{
    display:block;

    color:#fff;

    text-decoration:none;

    font-size:14px;

    margin-bottom:30px;
}

.footer-links{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:70px;
}

.footer-column h5{
    color:#fff;

    font-size:15px;
    font-weight:700;

    margin-bottom:25px;
}

.footer-column a{
    display:block;

    color:#fff;

    font-size:14px;

    margin-bottom:25px;

    text-decoration:underline;
}

.footer-column a:hover{
    color:#fff;
    opacity:.8;
}
@media(max-width:992px){
    .navbar-nav{
        margin:10px 0;
    }

    .footer-wrapper{
        grid-template-columns:1fr;
        gap:50px;
    }


    .custom-navbar{
        background:#283995;
        height:auto;
        display:flex;
        align-items:center;
        padding:20px 0;

    }
    .footer-info {
        display:grid;
        grid-template-columns:repeat(1,1fr);
        gap:25px;
    }

}

@media(max-width:576px){

    .footer-section{
        padding:50px 0;
    }

    .footer-logo{
        width:180px;
    }

    .footer-links{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:30px;
    }

    .footer-info p{
        font-size:14px;
    }

}

/* Fade up on scroll */
.fade-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.9s ease, transform 0.6s ease;
}
.fade-up.visible {
    opacity: 1;
    transform: translateY(0);
}
.fadeDown{
    opacity:0;
    transform:translateY(-50px);
    animation:fadeDown 1s ease forwards;
}
.fadeUp{
    opacity:0;
    transform:translateY(50px);
    animation:fadeUp 1s ease forwards;
}

@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(50px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}
@keyframes fadeDown{
    from{
        opacity:0;
        transform:translateY(-50px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}
/* Navbar link underline hover */
.nav-link {
    position: relative;
}
.nav-link::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: #fff;
    transition: width 0.3s ease;
}

.nav-link:hover,
.nav-link.active{
    opacity:.8;
    color:#fff

}
.nav-link:hover::after,
.nav-link.active::after{
    width:100%;
    opacity:.8;
    color:#fff

}
/* Stat counter pulse */
.stat-box h3 {
    transition: transform 0.3s ease;
}
.stat-box:hover h3 {
    transform: scale(1.08);
}

/* Service card hover */
.service-card .service-content {
    transition: background 0.3s ease;
}
.service-card:hover .service-content {
    background: #1a2570;
}

/* Sector card border animation */
.sector-card {
    transition: transform 0.3s ease, border-color 0.3s ease;
}
.sector-card:hover {
    border-bottom-color: #1a2570;
}
.footer-contact-item{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.footer-contact-item i{
    color: #fff;
    font-size: 18px;
}

.footer-contact-item a{
    color: #fff;
    text-decoration: none;
    margin-bottom: 0;
}
.footer-contact-item a:active,
.footer-contact-item a:hover{
    color: #ffffff;
    opacity: .8;
}
.footer-column a:hover,
.footer-column a.active{
    color:#fff;
    opacity:.8;
}
.footer-section .laboratory-btn{
    color:black;
}
/* Button hover lift — applies everywhere */
a[class$="-btn"], .contact-btn {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
a[class$="-btn"]:hover, .contact-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}
.footer-copyright{
    padding: 15px 0;
    border-top: 1px solid rgba(255,255,255,.2);
    background:#2B3990;

    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.footer-copyright p{
    margin: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .3px;
}
.more-gap{
    display:flex;
    gap:70px;
}
@media (max-width: 768px){

    .footer-copyright p{
        font-size: 13px;
        line-height: 1.6;
        padding: 0 15px;
    }
    .more-gap{
        display:flex;
        gap:40px;
    }

}
.cont-gap{
    display:flex;
    gap:50px;
}
.servcont-gap{
    display:flex;
    gap:25px;
}
@media (max-width: 768px){

    .cont-gap{
        display:flex;
        gap:10px;
        flex-direction: column;
    }}
.somemargin{
    margin-top:60px;
}
.left-shape{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    object-fit:cover;
    z-index:1;
}
.right-shape{
    position:absolute;
    right:0;
    top:0;
    height:100%;
    width:auto;
    z-index:1;
    pointer-events:none;
}
a[class$="-btn"]:hover{
    background:#1f2c78;
    color:#fff;
}
.contact-section{
    padding:60px 0;
    background:#ffffff;
    position: relative;
}
.contact-section .container{

    position: relative;
    z-index:2;

}
.contact-wrapper{
    display:grid;

    grid-template-columns:50% 45%;
    justify-content:space-between;
}

.contact-info h2{
    color:#2B3990;

    font-size:clamp(20px,2vw,28px);
    font-weight:700;

    margin-bottom:25px;
}

.contact-info h4{
    color:#2B3990;

    font-size:clamp(14px,1.4vw,16px);

    line-height:1.4;

    margin-bottom:20px;

}

.contact-info p{
    font-size:clamp(14px,1.4vw,16px);
    line-height:1.4;
}


.contact-form-box{
    background:#2B3990;

    padding:30px;

    width:100%;
}

.contact-section .form-group{
    margin-bottom:18px;
}

.contact-section .form-group label{
    display:block;

    color:#fff;

    font-size:14px;

    margin-bottom:8px;
}

.contact-section .form-group input,
.contact-section .form-group textarea{
    width:100%;

    border:none;
    outline:none;

    padding:12px 14px;

    background:#fff;

    font-size:14px;
    margin-bottom:20px
}

.contact-section .form-group textarea{
    resize:none;
}

.contact-btn{
    border:none;

    background:#fff;
    color:#2B3990;

    padding:13px 27px;

    border-radius:24px;

    font-size:16px;
    font-weight:700;

    float:right;

    cursor:pointer;

    transition:.3s;

    display: flex;
    align-items: center;
    justify-self: center;

}

.contact-btn:hover{
    transform:translateY(-2px);
}
@media (max-width:992px){

    .contact-wrapper{
        grid-template-columns:1fr;
        gap:40px;
    }

    .contact-form-box{
        max-width:100%;
    }

}


.contact-shape{
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    pointer-events:none;
    height: 100%;
    width: auto;
}
html{
    scroll-behavior: smooth;
}
@media (max-width:990px){

    .contact-section{
        padding:70px 0;
    }

    .contact-form-box{
        padding:20px;
    }

    .contact-info h2{
        margin-bottom:15px;
    }

    .contact-shape{
        position:absolute;
        left:0;
        top:0;
        z-index:1;
        pointer-events:none;
        height: 100%;
        width:100%;
    }
    .servcont-gap{
        display:flex;
        flex-direction:column;
    }
    .left-shape{
        width:300px
    }
    .right-shape{
        width:300px

    }
    br {
        display: none;
    }
}
.sector-project-title br{
    display: none;
}
.datasense-logo{
    width:293px;
    margin-bottom:10px;
}
.datasense-logo2{
    width:293px;
    margin-bottom:20px;
}
.logocolumn{
    display:flex;
    flex-direction:column;
}

@media (max-width:990px){

    .datasense-logo{
        width:250px;
        margin-bottom:20px;
    }
    .datasense-logo2{
        width:250px;
        margin-bottom:20px;
    }

}
.hero-section{
    position: relative;
    min-height: calc(85vh - 72px);
    background-image: url("../images/bg-hero.png");
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:rgb(0 0 0 / 4%);
}

.hero-content{
    position:relative;
    z-index:3;

    height:calc(90vh - 72px);

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    padding-top: 60px;
}

.hero-content h1{
    color:#fff;
    font-size:clamp(28px,5vw,48px);
    font-weight:700;
    line-height:1.1;
    margin-bottom:10px;
    max-width:900px;
}

.hero-content p{
    color:#fff;
    max-width:700px;
    line-height:1.4;
    font-size:16px;
    margin-bottom:clamp(30px,20vw,60px);
}

.hero-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:16px;

    background:#fff;
    color:#000;

    border-radius:24px;

    text-decoration:none;
    font-weight:700;

    transition:.3s;
    white-space: nowrap;
    padding:13px 27px
}

.hero-btn:hover{
    transform:translateY(-2px);
}

.hero-shape{
    position:absolute;

    top:-5%;
    right:15%;

    width:220px;
    height:120%;

    /* background:rgba(20,31,78,.45); */

    transform:skew(-22deg);

    z-index:2;
}

.pause-btn{
    /* position:absolute;

    right:210px;
    bottom:115px;

    z-index:3; */

    color:#fff;
    font-weight:600;
    font-size:14px;
    /*
        display:flex;
        align-items:center;
        gap:10px; */
}
.consultancy-section{
    padding: 40px 0 20px 0;
    background: #fff;
    text-align: center;
}

.consultancy-section .container{
    max-width: 1170px;
}

.consultancy-section h2{
    color: #2B3990;
    font-size: clamp(16px,3vw,22px);
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1.4;
}

.consultancy-section p{
    margin: 0 auto 25px;
    font-size: clamp(14px, 1.6vw, 16px);
    font-weight: 400;
    line-height: 1.4;
}
.stats-section{
    position: relative;
    overflow: hidden;

    background-image: url("../images/stats-bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    padding: 90px 0;
    color: #fff;
    min-height: 300px;
}


.stats-section .container{
    position: relative;
    z-index: 2;
    max-width:1000px

}
.stat-box{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    text-align:center;
    height:100%;
    margin-bottom:0;

}



/* .stat-box img{
        height: 79px;

} */
.stat-box h3{
    font-size: clamp(24px,8vw,36px);
    font-weight: 700;
    margin-bottom: 2px;
}
.stat-box h3.fcounter-value:after{
    content: "+";
}
.stat-box h3.scounter-value:after{
    content: "%";
}
.stat-box p{
    margin: 0;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    cursor: pointer;

}
.end-to-end-section{
    background:#D5D7DA;
    padding:50px 0;
    text-align:center;
}

.end-to-end-section .section-subtitle{
    display:block;
    margin-bottom:10px;

    color:#2B3990;
    font-size:clamp(12px,1.6vw,14px);
    letter-spacing:6px;
    font-weight:400;
}

.end-to-end-section .section-title{
    color:#2B3990;
    font-size:clamp(22px,5vw,32px);
    font-weight:700;
    margin-bottom:30px;
}

.end-to-end-section .section-desc{
    max-width:700px;
    margin:0 auto 55px;
    font-size:clamp(14px,1.6vw,18px);
    line-height:1.4;
}

.process-card{
    background:#fff;

    border-top:10px solid #2B3990;

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

    margin-top:30px;
}

.process-item{
    padding:45px 38px;
    text-align:left;
    border-top:none;

}
.imgliberlab{
    width:150px;
    height:80px;

}
.new-lab{
    width:auto;
    margin-bottom:10px;

}
.cont-imgliberlab{
    width:170px;
    height:100px;

    padding: 10px;
    object-fit: cover;
}
.process-item:not(:last-child){
    border-right:1px solid #143EB1;
}

.step-number{
    display:block;

    color:#2B3990;
    font-weight:700;
    font-size:18px;

    margin-bottom:20px;
}

.icon-box{
    width:58px;
    height:58px;

    background:#2B3990;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:25px;
}

.icon-box img{
    width:28px;
}

.process-item h3{
    color:#2B3990;
    font-size:22px;
    font-weight:700;

    margin-bottom:18px;
}

.process-item p{
    line-height:1.4;
    font-size:15px;
    margin:0;
}

.bottom-text{
    margin-top:45px;

    color:#143EB1;
    font-size:clamp(16px,1.6vw,19px);
    font-weight:700;
    line-height: 1.4;
}
@media (max-width: 768px){

    .hero-content{
        justify-content:center;
    }



    .hero-content p{
        max-width:100%;
        font-size:13px;
    }

    .hero-shape{
        width:120px;
        right:-20px;
    }

    .pause-btn{
        /* right:20px;
        bottom:30px; */
        font-size:12px;
    }

    .consultancy-section{
        padding:60px 20px;
    }
    .process-card{
        grid-template-columns:1fr;
        border-top:none;

    }

    .process-item{
        border-right:none !important;
        border-top:10px solid #2B3990;

        border-bottom:1px solid #d9d9d9;
    }

    .process-item:last-child{
        border-bottom:none;
    }

    .process-item{
        text-align:center;
    }

    .icon-box{

        margin-inline:auto;
    }
    .stat-box{
        display: flex;
        flex-direction: column;
        align-items:center;

    }

}
.services-section{
    position: relative;

    padding: 90px 0 110px;

    background: url("../images/services-bg.png") center center/cover no-repeat;

    overflow: hidden;
}

.services-overlay{
    position:absolute;
    inset:0;

    background: linear-gradient(
            90.09deg,
            #0C1045 16.65%,
            rgba(32, 41, 173, 0) 99.9%
    );
    z-index:1;
}

.services-section .container{
    position:relative;
    z-index:2;
}

.services-section .services-subtitle{
    display:block;
    margin-bottom:10px;

    text-align:center;

    color:#fff;
    font-size:clamp(12px,1.6vw,14px);
    letter-spacing:6px;
    font-weight:400;
}

.services-section .services-title{
    text-align:center;

    color:#fff;
    font-size:clamp(22px,5vw,32px);
    font-weight:700;
    margin-bottom:30px;
}

.services-section .services-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
}

.services-section .service-card{
    display:flex;
    min-height:88px;
}

.services-section .service-card .service-icon{
    width:95px;
    min-width:95px;
    border:1px solid #2B3990;

    background:#fff;

    display:flex;
    align-items:center;
    justify-content:center;
}

.services-section .service-card .service-icon img{
    width:60%;
    max-width:60%;

    object-fit:contain;
}

.services-section .service-card .service-content{
    flex:1;

    background:#2d3996;

    color:#fff;

    display:flex;
    align-items:center;

    padding:25px;

    font-size:14px;
    font-weight:700;
    line-height:1.4;
}
@media (max-width:992px){

    .services-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media (max-width:768px){

    .services-section{
        padding:70px 0;
    }

    .services-section .services-grid{
        grid-template-columns:1fr;
    }

    .services-section .service-card .service-content{
        font-size:14px;
    }



}
.products-section{
    background:#efefef;
    padding:60px 0;
    text-align:center;
}


.products-section .products-subtitle{
    display:block;
    margin-bottom:10px;

    color:#2B3990;
    font-size:clamp(12px,1.6vw,14px);
    letter-spacing:6px;
    font-weight:400;
}

.products-section .products-title{
    color:#2B3990;
    font-size:clamp(22px,5vw,32px);
    font-weight:700;
    margin-bottom:30px;
}

.products-section .products-description{
    max-width:850px;
    margin:0 auto 55px;
    font-size:clamp(14px,1.6vw,18px);
    line-height:1.4;
}

.product-card{
    text-align: center;
    transition: .3s;
    border: 1px solid #2B3990;

    display: flex;
    flex-direction: column;
    height: 100%;
}

.product-card img{
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
}

.product-card h3{
    margin: 10px auto;
    font-size: clamp(14px,1.4vw,16px);
    font-weight: 700;
    line-height: 1.4;

    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}
.products-btn{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    margin-top:45px;

    padding:13px 27px;

    background:#2B3990;

    color:#fff;

    border-radius:24px;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.products-btn:hover{
    color:#fff;
    transform:translateY(-2px);
}
@media (max-width:768px){

    .products-section{
        padding:60px 0;
    }


    .product-card img{
        height:220px;
    }

}

/* .laboratory-section{
    display:grid;
    grid-template-columns:47% 53%;
        min-height:600px;

}
.laboratory-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.laboratory-content{
    background:#2B3990;

    color:#fff;

    padding:50px;

    display:flex;
    flex-direction:column;
} */
.laboratory-section{

    background:#2B3990;
}
.laboratory-section .container{
    display:grid;
    grid-template-columns:1fr 1fr;
    background:#2B3990;
    align-items:center;
    gap:50px;
}

.laboratory-image{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:40px 0;
}

.laboratory-image img{
    width:100%;
    max-width:650px;
    height:auto;
    object-fit:contain;
    display:block;
}
.laboratory-content h1{
    font-size:clamp(24px,3vw,36px);
    letter-spacing:6px;
    font-weight:800;
    margin-bottom:25px;

}
.laboratory-subtitle{
    display:block;
    margin-bottom:clamp(15px,2.5vw,25px);
    margin-top:15px;


    color:#fff;
    font-size:clamp(14px,1.6vw,18px);
    letter-spacing:6px;
    font-weight:400;
}

.laboratory-text{
    font-size:16px;
    line-height:1.4;
    margin-bottom:30px;
    max-width:460px;
    color:#fff;
}

.laboratory-tags{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin-bottom:20px;
    max-width:490px;
    margin:25px 0 25px 0;
    cursor: default;
    pointer-events: none;

}

.laboratory-tags span{
    border:1px solid #fff;
    color:#fff;
    background: #5472C4;
    padding:8px 16px;
    font-size:13px;
    font-weight:500;
    cursor: pointer;

}

.laboratory-btn{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    width:fit-content;

    padding:13px 27px;

    border-radius:24px;

    background:#fff;
    color:#143EB1;

    font-weight:700;
    text-decoration:none;

    transition:.3s;
    margin:60px 0 30px 0;

}

.laboratory-btn:hover{
    transform:translateY(-2px);
    color:#2B3990;
}
@media (max-width: 1280px) {
    .laboratory-tags{
        margin:0 0 15px 0;
    }
    .laboratory-btn{
        margin: 15px 0 25px 0;
    }
}
@media (max-width:992px){

    .laboratory-section .container{
        display:flex;
        flex-direction:column-reverse;
    }

    .laboratory-image{
        height:400px;
    }

    .laboratory-content{
        padding:50px 0;
    }
    .laboratory-tags{
        margin-top:35px;
    }
    .laboratory-text{
        margin-bottom:20px
    }
    .laboratory-image {
        padding: 0;
    }


}
@media (max-width:576px){

    .laboratory-section .container{
        gap: 0;
    }

    .laboratory-content{
        padding:0;
    }


}
.sectors-section{
    position:relative;
    padding:60px 0;
    overflow:hidden;
}

.sectors-bg{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;

    z-index:1;
}

.sectors-section .container{
    position:relative;
    z-index:2;
}

.sectors-subtitle{
    text-align:center;
    display:block;
    margin-bottom:10px;

    color:#2B3990;
    font-size:clamp(12px,1.6vw,16px);
    letter-spacing:6px;
    font-weight:400;
}

.sectors-title{
    text-align:center;

    color:#2B3990;
    font-size:clamp(22px,5vw,34px);
    font-weight:700;
    margin-bottom:30px;
}

.sectors-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:35px;

}

.sector-card{
    background:#fff;

    min-height:185px;

    padding:30px 20px;

    text-align:center;

    border-bottom:4px solid #2B3990;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    transition:.3s;
    cursor: pointer;
}

.sector-card:hover{
    transform:translateY(-5px);
}

.sector-icon-home{
    width:67px;
    height:62px;
    display:flex;
    align-items: center;
    justify-content: center;
    background:#2B3990 ;

    margin-bottom:20px;
}

.sector-icon-home img{
    width:70%;
    height:75%;
    object-fit:contain;
}

.sector-card h3{
    color:#143EB1;

    font-size:14px;
    font-weight:700;

    line-height:1.4;
    margin:0;
}

.sectors-btn{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    margin-top:50px;

    padding:13px 27px;


    background:#2B3990;
    color:#fff;

    border-radius:24px;

    text-decoration:none;

    font-size:14px;
    font-weight:600;

    transition:.3s;


}

.sectors-btn:hover{
    color:#fff;
    transform:translateY(-2px);
}
@media (max-width:992px){

    .sectors-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media (max-width:576px){

    .sectors-section{
        padding:60px 0;
    }

    .sectors-grid{
        grid-template-columns:repeat(2,1fr);
        gap:10px;
    }



    .sector-card{
        min-height:210px;
    }

}
.clients-section{
    padding:60px 150px;
    background:#fff;
}

.clients-subtitle{
    text-align:center;
    display:block;
    margin-bottom:10px;

    color:#2B3990;
    font-size:clamp(12px,1.6vw,14px);
    letter-spacing:6px;
    font-weight:400;
}

.clients-title{
    text-align:center;

    color:#2B3990;
    font-size:clamp(22px,5vw,34px);
    font-weight:700;
    margin-bottom:30px;
}

.clients-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:50px ;
}

.client-logo{
    display:flex;
    align-items:center;
    justify-content:center;

    min-height:70px;
}

.client-logo img{
    max-width:100%;
    object-fit:contain;

    transition:.3s;
}

.client-logo:hover img{
    transform:scale(1.05);

}

.clients-btn{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    margin-top:50px;

    padding:13px 27px;

    background:#2B3990;
    color:#fff;

    border-radius:24px;

    text-decoration:none;

    font-size:14px;
    font-weight:600;


}

.clients-btn:hover{
    color:#fff;
}
@media(max-width:992px){

    .clients-grid{
        grid-template-columns:repeat(4,1fr);
        gap:30px;
    }

}

@media(max-width:768px){

    .clients-grid{
        grid-template-columns:repeat(3,1fr);
        gap:30px;
    }
    .clients-section{
        padding:60px 0;
        background:#fff;
    }

}

@media(max-width:576px){

    .clients-grid{
        grid-template-columns:repeat(2,1fr);
    }

}
.projects-section{
    background:#2B3990;
    padding:60px 0;
}

.projects-subtitle{
    text-align:center;
    display:block;
    margin-bottom:10px;

    color:#ffffff;
    font-size:clamp(12px,1.6vw,14px);
    letter-spacing:6px;
    font-weight:400;
}

.projects-title{
    text-align:center;

    color:#ffffff;
    font-size:clamp(24px,5vw,34px);
    font-weight:700;
    margin-bottom:30px;
}


.projects-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap: 60px;
    margin-top:clamp(30px,30vw,60px);
    padding:0 100px
}

.project-card{
    background:#fff;
    border:1px solid #fff;


    transition:.3s;

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

.project-image{
    height:250px;
}

.project-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;

}

.project-content{
    padding:18px 20px 22px;
}

.project-client{
    display:block;

    color:#2B3990;

    font-size:14px;
    font-weight:700;

    margin-bottom:10px;
}

.project-content h3{
    font-size:14px;
    font-weight:700;
    line-height:1.4;
    margin-bottom:15px;
}

.project-content ul{
    padding-left:30px;
    margin:0;
}

.project-content li{
    font-size:14px;
    line-height:1.4;
    margin-bottom:4px;
}

.projects-btn{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    margin-top:50px;

    padding:13px 27px;

    background:#fff;
    color:#143EB1;

    border-radius:24px;

    font-size:14px;
    font-weight:600;

    text-decoration:none;


}

.projects-btn:hover{
    color:#2B3990;
}
@media (max-width:992px){

    .projects-grid{
        grid-template-columns:1fr;
        padding:0 30px
    }

}

@media (max-width:768px){

    .projects-section{
        padding:60px 0;
    }

    .project-image{
        height:220px;
    }

}

.news-section{
    position:relative;
    padding:60px 0;
    overflow:hidden;
}



.news-section .container{
    position:relative;
    z-index:2;
}
.news-subtitle{
    text-align:center;
    display:block;
    margin-bottom:10px;

    color:#2B3990;
    font-size:clamp(12px,1.6vw,14px);
    letter-spacing:6px;
    font-weight:400;
}

.news-title{
    text-align:center;

    color:#2B3990;
    font-size:clamp(22px,5vw,32px);
    font-weight:700;
    margin-bottom:30px;
}

.news-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:50px;

}

.news-card{
    background:#fff;

    border:1px solid #293B8F;

    overflow:hidden;

    display:flex;
    flex-direction:column;

    cursor: pointer;
    transition:.3s;

}
.news-card:hover{
    transform:translateY(-5px);
}
.news-image{
    height:auto;
    border-bottom:1px solid #293B8F;

}

.news-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;

}

.news-card{
    height:100%;
}

.news-content{
    display:flex;
    flex-direction:column;
    flex:1;
    padding:30px
}

.news-footer{
    margin-top:auto;
    display:flex;
    flex-direction: column;
    align-items:start;
}
.news-content a{
    margin-top:auto;
}

.news-category{
    display:block;

    color:#00000080;

    font-size:12px;
    font-weight:600;

    margin-bottom:15px;
}

.news-content h3{
    color:#2B3990;

    font-size:16px;
    font-weight:700;

    line-height:1.4;

    margin-bottom:15px;
}

.news-content p{

    font-size:14px;
    line-height:1.4;
    white-space: wrap;

    margin-bottom:18px;
}

.news-date{
    display:block;

    color:#4a56b5;

    font-style:italic;

    margin-bottom:15px;

    font-size:13px;
}

.news-content a{
    color:#2B3990;

    text-decoration:none;

    font-size:13px;
    font-weight:700;
}

.news-btn{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    margin-top:45px;

    padding:13px 27px;

    background:#2B3990;
    color:#fff;

    border-radius:24px;

    text-decoration:none;

    font-size:14px;
    font-weight:600;


}
@media(max-width:992px){

    .news-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .news-grid{
        grid-template-columns:1fr;
        padding:0 30px


    }

    /* .news-section{
        padding:60px 0;
    } */



    .news-image{
        height:auto;
    }

}


.hero-section{
    position:relative;
    overflow:hidden;
}

.hero-bg{
    position:absolute;
    inset:0;

    background:url("../images/bg-hero.png") center/cover no-repeat;

    z-index:1;
}

.hero-video{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;

    opacity:0;
    visibility:hidden;

    transition:.4s;

    z-index:2;
}

.hero-video.active{
    opacity:1;
    visibility:visible;
}

.hero-overlay{
    position:absolute;
    inset:0;
    /*background:rgb(0 0 0 / 20%);*/
    z-index:3;
}

.hero-content{
    position:relative;
    z-index:4;
}

.pause-btn{
    /* position:absolute;
    right:210px;
    bottom:115px; */

    z-index:5;

    background:none;
    border:none;
    color:#fff;

    display:flex;
    align-items:center;
    gap:10px;

    cursor:pointer;
}
/* .hero-overlay,
.hero-shape,
.hero-content{
    transition: all .4s ease;
}

.hero-overlay.hide,
.hero-shape.hide,
.hero-content.hide{
    opacity: 0;
    visibility: hidden;
} */
.hero-video{
    display:none;
}

.hero-video.active{
    display:block;
}

@media (max-width:992px){

    .pause-btn{
        /* position:absolute;
        right:20px;
        bottom:120px; */

        z-index:5;

        background:none;
        border:none;
        color:#fff;

        display:flex;
        align-items:center;
        gap:10px;

        cursor:pointer;
    }}
/*about*/
.ourteam-hero-section{
    position: relative;
    width: 100%;
    height: 250px;
    background: url("../images/ourteam-bg.webp") center center/cover no-repeat;
    overflow: hidden;
}

.ourteam-hero-overlay{
    position: absolute;
    inset: 0;
    /* background: linear-gradient(
     90deg,
     #2B3990 0%,
     rgba(255,255,255,0) 84%
 ); */
    z-index: 1;
}

.ourteam-hero-content{
    position: relative;
    z-index: 3;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ourteam-hero-content h1{
    margin: 0;
    color: #fff;
    font-size: clamp(28px, 4vw, 35px);
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

@media (max-width:768px){

    .ourteam-hero-section,
    .ourteam-hero-content{
        height:180px;
    }

    .ourteam-hero-shape{
        width:300px;
        right:8%;
    }

}
/* url("../images/about-image.png") center/cover no-repeat */
.ourteam-about-section{
    background:#2B3990 ;
    display:flex;
    align-items:center;
    /* width:60%; */
    position:relative;

}

.ourteam-about-section .container{
    display:flex;
    align-items:stretch;
    width:100%;

}

.ourteam-about-content{
    width:min(68%,850px);
    background-color:#2B3990;
    color:#fff;

    padding:45px 50px 45px 0;

    clip-path:polygon(0 0,85% 0,100% 100%,0 100%);

    display:flex;
    flex-direction:column;
    justify-content:center;
    z-index:2;
}

.ourteam-about-content p{
    max-width:620px;
    font-size:clamp(14px,1.6vw,16px);
    line-height:1.4;
    margin-bottom:18px;
}

.ourteam-about-content p:last-child{
    margin-bottom:0;
}
.ourteam-about-content p{
    font-size: clamp(14px, 1.6vw, 16px);
    line-height:1.4;
    margin-bottom:20px;
    max-width:720px

}

.ourteam-about-content p:last-child{
    margin-bottom:0;
}
.ourteam-about-mobile-img{
    display:none;
}
@media(max-width:1380px){
    .ourteam-about-content{
        width:67%;
        background-color:#2B3990;
        color:#fff;
        clip-path:polygon(0 0,86% 0,100% 100%,0 100%);
        display:flex;
        flex-direction:column;
        justify-content:center;
    }
    .ourteam-about-content p{
        max-width: 600px;
    }

}

@media (max-width:991px){
    .ourteam-about-content{
        background-color:transparent;
    }

    .ourteam-about-section{
        min-height:auto;
        background-position:center;
        background-color:none;

    }

    .ourteam-about-content{
        width:100%;
        clip-path:none;
        padding:40px 30px;
    }

    .ourteam-about-content p{
        max-width:100%;
    }

}

@media (max-width: 576px){

    .ourteam-about-section{
        background-position: center bottom;
        background-size: cover;
        align-items: flex-end;

    }
    .ourteam-about-content{
        background-color:transparent;
    }
    .ourteam-about-section{
        position: relative;
        background: url("../images/about-image.png") center/cover no-repeat;
        overflow: hidden;
    }

    .ourteam-about-section::before{
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(43,57,144,.35);
    }

    .ourteam-about-section .container{
        position: relative;
        z-index: 1;
    }
    .dsk-only{
        display:none;
    }
}
.ourteam-ceo-section{
    position: relative;
    padding: 40px 0 55px 0;
    overflow: hidden;
    background: url("../images/ceo-bg.png") center center / cover no-repeat;
}


.ourteam-ceo-content{
    position: relative;
    z-index: 2;
    color: #fff;
}

.ourteam-ceo-content h2{
    font-size:clamp(22px,5vw,32px);
    font-weight: 700;
    margin-bottom: 35px;
}

.ourteam-ceo-content p{
    font-size:clamp(15px,1.4vw,17px);
    line-height: 1.4;
    margin-bottom: 30px;
    font-weight: 400;
}

.ourteam-ceo-content h5{
    margin-top: 35px;
    margin-bottom: 0;
    font-size:clamp(14px,1.6vw,16px);
    font-style: italic;
    font-weight: 700;
}

.ourteam-ceo-content span{
    font-size:clamp(14px,1.6vw,16px);
    font-style: italic;
    font-weight: 700;

}

.ourteam-ceo-image{
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: start;
    padding:90px 0 0 70px;
}

.ourteam-ceo-image img{
    width: 245px;
    max-width: 100%;
    display: block;
}
/* @media (max-width:1380px){

    .ourteam-ceo-content{
        padding-left:25px;
    }
} */
@media (max-width:991px){

    .ourteam-ceo-content{
        text-align:center;
        padding-left:0;
    }

    .ourteam-ceo-image{
        display: flex;
        padding:50px 0 ;
        justify-content: center;
    }


}
.ourteam-members-section{
    position:relative;
    background:#F8F8F8;
    padding:50px 90px 60px 90px;
    overflow:hidden;
}

.ourteam-members-shape{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:auto;
    z-index:1;
    pointer-events:none;
}

.ourteam-members-section .container{
    position:relative;
    z-index:2;
}

.ourteam-members-heading{
    margin-bottom:60px;
}

.ourteam-members-heading h2{
    color:#2B3990;
    font-size:clamp(22px,5vw,32px);
    font-weight:700;
    margin-bottom:20px;
}

.ourteam-members-heading p{
    color:#2B3990;
    letter-spacing:6px;
    font-size:clamp(12px,1.6vw,14px);
    margin:0;
}

.ourteam-member-card{
    background:#fff;
    border:1px solid #2B3990;
    text-align:center;
    width:100%;
    display:flex;
    flex-direction:column;
}

.ourteam-member-card img{
    width:100%;
    display:block;
}

.ourteam-member-info{
    padding:8px;
}

.ourteam-member-info h5{
    color:#2B3990;
    font-size:clamp(14px,1.4vw,16px);
    font-weight:700;
    margin-bottom:2px;
}

.ourteam-member-info span{
    color:#000000;
    font-size:clamp(13px,1.1vw,15px);
    font-weight:400;

}
.ourteam-executive-section{
    padding:60px 120px;
    background:url("../images/member-bg.png") center center/cover no-repeat;
}

.ourteam-executive-heading{
    margin-bottom:45px;
}

.ourteam-executive-heading h2{
    color:#fff;
    font-size:clamp(12px,1.6vw,14px);
    font-weight:400;
    letter-spacing:6px;
    text-transform:uppercase;
    line-height:1.4;
}

.ourteam-executive-card{
    background:#fff;
    text-align:center;
    width:100%;
    display:flex;
    flex-direction:column;}

.ourteam-executive-card img{
    width:100%;
    display:block;
}

.ourteam-executive-info{
    padding:8px 18px;
    min-height:77px;
    display:flex;
    flex-direction:column;
}

.ourteam-executive-info h5{
    color:#2B3990;
    font-size:clamp(14px,1.4vw,16px);
    font-weight:700;
    margin-bottom:2px;
}

.ourteam-executive-info span{
    font-size:clamp(13px,1.1vw,15px);
    line-height:1.4;
}
@media(max-width:991px){

    .ourteam-executive-section{
        padding:50px 65px;
    }

    .ourteam-executive-info{
        min-height:auto;
    }
    .ourteam-members-section{
        position:relative;
        background:#F8F8F8;
        padding:50px 70px;
        overflow:hidden;
    }
    .ourteam-members-shape{
        width:300px;
    }

}

.ourteam-executive-card{

    cursor:pointer;
    transition:.3s;
}

.ourteam-executive-card:hover{

    transform:translateY(-5px);
}
.ourteam-member-card{

    cursor:pointer;
    transition:.3s;
}
.ourteam-member-card:hover{
    transform:translateY(-5px);
}

#ourteamMemberModal .modal-content{

    border-radius:8px;
}

#ourteamMemberModal .modal-body{

    padding:25px;
}
#ourteamModalPosition{
    font-size:clamp(16px,1.3vw,18px);

    margin:10px 0 15px 0;

}
#ourteamModalName{
    font-size:clamp(18px,2vw,24px);

}
#ourteamMemberModal ul{
    font-size:clamp(14px,1.3vw,16px);

    padding-left:20px;
}

#ourteamMemberModal li{

    line-height:1.4;
    margin-bottom:6px;
}
/*services*/
.services-hero-section{
    position: relative;
    width: 100%;
    height: 250px;
    background: url("../images/servicesbg.webp") center center/cover no-repeat;
    overflow: hidden;
}

.services-hero-overlay{
    position: absolute;
    inset: 0;

    z-index: 1;
}

.services-hero-content{
    position: relative;
    z-index: 3;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.services-hero-content h1{
    margin: 0;
    color: #fff;
    font-size: clamp(28px, 4vw, 35px);
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.services-hero-content p{
    margin-top: 10px;
    color: #fff;
    font-size: clamp(16px,1.6vw,19px);
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
}


.consultancy-section{
    padding: 40px 0 45px 0;
    background: #fff;
    text-align: center;.consultancy-section
}

/* .consultancy-section .container{
    max-width: 1170px;
} */

.consultancy-section h2{
    color: #2B3990;
    font-size: clamp(16px,3vw,22px);
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1.4;
}

.consultancy-section p{
    margin: 0 auto 25px;
    font-size: clamp(14px, 1.6vw, 16px);
    font-weight: 400;
    line-height: 1.4;
}
.services-section .services-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
}

.services-section .service-card{
    display:flex;
    min-height:88px;
    cursor:pointer;
    text-decoration: none;
}
.service-card:hover{
    background:rgba(255,255,255,.08);
    color:#fff;
}
.services-section .service-card .service-icon{
    width:95px;
    min-width:95px;
    border:1px solid #2B3990;
    background:#fff;

    display:flex;
    align-items:center;
    justify-content:center;
}

.services-section .service-card .service-icon img{
    width: 60%;
    min-width:60%;
    object-fit:contain;
}

.services-section .service-card .service-content{
    flex:1;
    background:#2d3996;
    color:#fff;
    display:flex;
    align-items:center;
    padding:25px;
    font-size:14px;
    font-weight:700;
    line-height:1.4;
    text-align: left;
    min-width: 315px;
}
@media (max-width:992px){

    .services-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .services-section .service-card .service-icon img{
        width:60%;
        min-width:60%;
        object-fit:contain;
    }

}
@media (max-width: 576px) {
    .services-section .service-card .service-content{
        min-width: 295px;
    }

}
@media (max-width: 410px) {
    .services-section .service-card .service-content{
        min-width: 285px;
    }

}
@media (max-width: 395px) {
    .services-section .service-card .service-content{
        min-width: 275px;
    }

}
@media (max-width: 375px) {
    .services-section .service-card .service-content{
        min-width: 255px;
    }

}
@media (max-width: 360px) {
    .services-section .service-card .service-content{
        min-width: 245px;
    }

}
.ourteam-service-section{
    position:relative;
    background:#2B3990;
    overflow:hidden;
    padding:55px 0;
}
.ourteam-servicediff-section{
    position:relative;
    background:#D5D7DA;
    overflow:hidden;
    padding:55px 0;
}
.ourteam-servicewhite-section{
    position:relative;
    background:#ffffff;
    overflow:hidden;
    padding:55px 0;
}
.ourteam-service-shape{
    position:absolute;
    right:0;
    bottom:0;
    height:100%;
    z-index:1;
    pointer-events:none;
}
.ourteam-service-leftshape{
    position:absolute;
    left:0;
    bottom:0;
    height:100%;
    z-index:1;
    pointer-events:none;
}
.ourteam-service-section .container{
    position:relative;
    z-index:2;
    display:flex;
    justify-content: space-between;

}
.ourteam-servicediff-section .container{
    position:relative;
    z-index:2;
    display:flex;
    justify-content: space-between;

}
.ourteam-servicewhite-section .container{
    position:relative;
    z-index:2;
    display:flex;
    justify-content: space-between;

}
.ourteam-service-wrapper{
    display:flex;
    align-items:start;
    justify-content:space-between;
    /* gap:65px; */
    /* max-width: 1170px; */

}

.ourteam-service-content{
    flex:1;
    color:#fff;
    max-width: 644px;
}

.ourteam-service-content h2{
    font-size: clamp(16px,3vw,22px);
    font-weight:700;
    margin-bottom:18px;
    color:#fff !important;

}
.ourteam-servicediff-content{
    flex:1;
    color:#000000;
}

.ourteam-servicediff-content h2{
    font-size:clamp(18px,2vw,24px);
    font-weight:700;
    margin-bottom:18px;
    color:#2B3990;

}
.ourteam-service-content p{
    font-size: clamp(14px, 1.6vw, 16px);
    line-height:1.4;
    margin-bottom:20px;
    max-width:760px;
}
.ourteam-servicediff-content p{
    font-size: clamp(14px, 1.6vw, 16px);
    line-height:1.4;
    margin-bottom:20px;
    max-width:760px;
}

.ourteam-service-content ul{
    margin:0;
}

.ourteam-service-content li{
    font-size: clamp(14px, 1.6vw, 16px);
    line-height:1.4;
    margin-bottom:4px;
}
.ourteam-servicediff-content li{
    font-size: clamp(14px, 1.6vw, 16px);
    line-height:1.4;
    margin-bottom:4px;
}
.ourteam-service-image{
    width:312px;
    flex-shrink:0;
}

.ourteam-service-image img{
    width:100%;
    display:block;
    object-fit:cover;
}
.ourteam-service-section .service-icon{
    width:101px;
    min-width:101px;
    height:109px;
    border:1px solid #2B3990;
    background:#fff;

    display:flex;
    align-items:center;
    justify-content:center;
}
.ourteam-servicediff-section .service-icon{
    width:101px;
    min-width:101px;
    height:109px;
    border:1px solid #2B3990;
    background:#fff;

    display:flex;
    align-items:center;
    justify-content:center;
}
.ourteam-servicewhite-section .service-icon{
    width:101px;
    min-width:101px;
    height:109px;
    border:1px solid #2B3990;
    background:#fff;

    display:flex;
    align-items:center;
    justify-content:center;
}
@media (max-width:768px){

    .services-section{
        padding:30px 0;
    }

    .services-section .services-grid{
        grid-template-columns:1fr;
    }

    .services-section .service-card .service-content{
        font-size:14px;
    }
    .ourteam-service-image{
        width:100%;
        flex-shrink:0;
        margin:10px 0;
    }

    .ourteam-service-image img{
        width:100%;
        display:block;
        object-fit:cover;
    }
    .ourteam-service-wrapper{
        display: flex;
        flex-direction: column;
        gap:35px
    }
    .ourteam-service-content ul{
        padding-left: 2rem;
    }
    .consultancy-section{
        padding:30px 0 30px 0;
    }
    .ourteam-servicediff-section{
        padding:40px 0;
    }
    .ourteam-servicediff-section .container{
        position:relative;
        z-index:2;
        display:flex;
        flex-direction:column;
    }
    .ourteam-service-section .container{
        position:relative;
        z-index:2;
        display:flex;
        flex-direction:column;
    }

    .ourteam-servicewhite-section .container{
        position:relative;
        z-index:2;
        display:flex;
        flex-direction:column;
    }


}
@media (max-width:768px){

    .services-hero-section,
    .services-hero-content{
        height:180px;
    }

    .services-hero-shape{
        width:300px;
        right:8%;
    }
    .ourteam-service-shape{
        width:300px;
    }
    .ourteam-service-leftshape{
        width:300px;
    }

}
@media (max-width:576px){


    .ourteam-service-leftshape{
        height:auto;
    }

}
.services-section-list {
    position: relative;
    padding: 0 0 40px;
    overflow: hidden;
}
.services-section-list .container{
    position:relative;
    z-index:2;
}

.services-section-list .services-subtitle{
    display:block;
    margin-bottom:10px;

    text-align:center;

    color:#fff;
    font-size:clamp(12px,1.6vw,14px);
    letter-spacing:6px;
    font-weight:400;
}

.services-section-list .services-title{
    text-align:center;

    color:#fff;
    font-size:clamp(22px,5vw,32px);
    font-weight:700;
    margin-bottom:30px;
}

.services-section-list .services-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
}

.services-section-list .service-card{
    display:flex;
    min-height:88px;
}

.services-section-list .service-card .service-icon{
    width:95px;
    min-width:95px;
    border:1px solid #2B3990;

    background:#fff;

    display:flex;
    align-items:center;
    justify-content:center;
}

.services-section-list .service-card .service-icon img{
    width:60%;
    max-width:60%;

    object-fit:contain;
}

.services-section-list .service-card .service-content{
    flex:1;

    background:#2d3996;

    color:#fff;

    display:flex;
    align-items:center;

    padding:25px;

    font-size:14px;
    font-weight:700;
    line-height:1.4;
}
@media (max-width:992px){

    .services-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media (max-width:768px){

    .services-section-list{
        padding:70px 0;
    }

    .services-section-list .services-grid{
        grid-template-columns:1fr;
    }

    .services-section-list .service-card .service-content{
        font-size:14px;
    }



}
.service-card{text-decoration: none;}
.commonsector-hero-section{
    position: relative;
    width: 100%;
    height: 250px;
    overflow: hidden;
}

.commonsector-hero-bg{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
}

.sectors-hero-overlay{
    position: absolute;
    inset: 0;

    z-index: 1;
}

.sectors-hero-content{
    position: relative;
    z-index: 2;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.sectors-hero-content h1{
    margin: 0;
    color: #fff;
    font-size: clamp(28px, 4vw, 35px);
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.sectors-hero-content p{
    margin-top: 10px;
    color: #fff;
    font-size: clamp(16px,1.6vw,19px);
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
}
@media (max-width:768px){


    .sectors-hero-shape{
        width:300px;
        right:8%;
    }

    .sectors-hero-content h1{
        text-align:center;
    }
    .commonsector-hero-bg{
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        z-index: 0;
    }

}
.consultancyshape-section{
    padding: 40px 0 40px 0;
    background: #2B3990;
    text-align: center;
    position: relative;

}
.consultancy-shape{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.consultancyshape-section .container{
    max-width: 1170px;
    position: relative;
    z-index: 2;
}

.consultancyshape-section h2{
    color: #ffffff;
    font-size: clamp(16px,3vw,22px);
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1.4;
}
.consultancyshape-section h4{
    color: #ffffff;
    font-size: clamp(14px, 1.6vw, 16px);
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1.4;
}
.consultancyshape-section p{
    margin: 0 auto 25px;
    font-size: clamp(14px, 1.6vw, 16px);
    font-weight: 400;
    line-height: 1.4;
    color: #ffffff;

}
.sector-projects{
    width:100%;
    padding:40px 15px;
    margin-bottom:30px
}
.sector-projects h1{
    font-size:clamp(18px, 2vw, 24px);
    font-weight: 700;
    padding:0 ;
    text-align:center;
    max-width: 100%;
}
.sector-project-card{
    max-width:1197px;
    margin:auto;
    position:relative;
    overflow:hidden;
    position:relative;
    overflow:hidden;
    min-height:470px;
    display: flex;
    margin-bottom:35px
}

.sector-project-bg{
    position:absolute;
    right:0;
    height:100%;
    object-fit:cover;
    z-index:0;
    max-width: 110%;
}

.sector-project-content{
    position:relative;
    z-index:1;
}
.sector-project-content{
    position:relative;
    left:0;
    top:0;
    width:55%;
    background:#fff;
    clip-path:polygon(0 0,84% 0,100% 100%,0 100%);
    padding:16px 20px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-top:1px solid #2B3990;
    border-bottom:1px solid #2B3990;
    border-left:1px solid #2B3990;



}
.sector-project-content.custom{
    position:relative;
    left:0;
    top:0;
    width:55%;
    background:#fff;
    clip-path:polygon(0 0,82% 0,100% 100%,0 100%);
    padding:16px 10px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-top:1px solid #2B3990;
    border-bottom:1px solid #2B3990;
    border-left:1px solid #2B3990;
}
.sector-project-content.vcustom{
    position:relative;
    left:0;
    top:0;
    width:55%;
    background:#fff;
    clip-path:polygon(0 0,88% 0,100% 100%,0 100%);
    padding:16px 20px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-top:1px solid #2B3990;
    border-bottom:1px solid #2B3990;
    border-left:1px solid #2B3990;
}
.sector-project-title{
    color:#2B3990;
    font-size:clamp(16px, 4vw, 20px);
    line-height:1.4;
    margin-bottom:40px;
    font-weight:700;
    max-width: 78%;
    opacity:0;
    transform:translateY(-50px);
    animation:fadeDown 1s ease forwards;
    text-transform: uppercase;


}

.sector-project-item{
    color:#2B3990;

    margin-bottom:5px;
}

.sector-project-item span{
    display:block;
    font-size: clamp(14px, 1.6vw, 16px);
    margin-bottom: 3px;
    opacity:0;
    transform:translateY(50px);
    animation:fadeUp 1s ease forwards;
    font-weight: 700;

}

.sector-project-item p{
    line-height:1.4;
    font-size: clamp(14px, 1.6vw, 16px);
    opacity:0;
    transform:translateY(50px);
    animation:fadeUp 1s ease forwards;
    max-width: 90%;

}

.sector-project-item li{

    line-height:1.4;

    font-size: clamp(14px, 1.6vw, 16px);
    margin-bottom:1px;
    opacity:0;
    transform:translateY(50px);
    animation:fadeUp 1s ease forwards;
}
@media(max-width:992px){

    .sector-project-content{

        width:100%;

        clip-path: polygon(
                0 0,
                100% 0,
                100% 88%,
                0 100%
        );
        padding:16px 20px;
        border-top:1px solid #2B3990;
        border-bottom:1px solid #2B3990;
        border-left:1px solid #2B3990;
        border-right:1px solid #2B3990;

    }
    .sector-project-content.custom{

        width:100%;

        clip-path: polygon(
                0 0,
                100% 0,
                100% 88%,
                0 100%
        );
        padding:16px 20px;
        border-top:1px solid #2B3990;
        border-bottom:1px solid #2B3990;
        border-left:1px solid #2B3990;
        border-right:1px solid #2B3990;

    }
    .sector-project-content.vcustom{

        width:100%;

        clip-path: polygon(
                0 0,
                100% 0,
                100% 88%,
                0 100%
        );
        padding:16px 20px;
        border-top:1px solid #2B3990;
        border-bottom:1px solid #2B3990;
        border-left:1px solid #2B3990;
        border-right:1px solid #2B3990;

    }
    .sector-project-title{
        max-width: 100%;
        margin-bottom: 25px;
    }
    .sector-project-item p{

        max-width: 100%;

    }

}

@media(max-width:768px){
    .sector-project-bg{
        position: relative;
        bottom:0
    }

    .sector-project-card{

        min-height:auto;

        background:none;

        display:flex;

        flex-direction:column-reverse;
    }

    .sector-project-content{

        position:relative;

        width:100%;


        height:auto;

        clip-path:polygon(0 0,100% 0,100% 100%,0 100%);

    }

}
.sectors-hero-section{
    position: relative;
    width: 100%;
    height: 250px;
    background: url("../images/sectorfullbg.webp") center center/cover no-repeat;
    overflow: hidden;
}

.sectors-hero-overlay{
    position: absolute;
    inset: 0;

    z-index: 1;
}

.sectors-hero-content{
    position: relative;
    z-index: 3;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.sectors-hero-content h1{
    margin: 0;
    color: #fff;
    font-size: clamp(28px, 4vw, 35px);
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.sectors-hero-content p{
    margin-top: 10px;
    color: #fff;
    font-size: clamp(16px,1.6vw,19px);
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
}
@media (max-width:768px){

    .sectors-hero-section,
    .sectors-hero-content{
        height:180px;
    }

    .sectors-hero-shape{
        width:300px;
        right:8%;
    }

}
.consultancy-section{
    padding: 40px 0 20px 0;
    background: #fff;
    text-align: center;
}

.consultancy-section .container{
    max-width: 1170px;
}

.consultancy-section h2{
    color: #2B3990;
    font-size: clamp(16px,3vw,22px);
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1.4;
}
.consultancy-section h4{
    color: #2B3990;
    font-size: clamp(14px, 1.6vw, 16px);
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1.4;
}
.consultancy-section p{
    margin: 0 auto 25px;
    font-size: clamp(14px, 1.6vw, 16px);
    font-weight: 400;
    line-height: 1.4;
}
.sectors-list-section{

    background:#2B3990;

    padding:70px 120px;

    position:relative;

    overflow:hidden;
}
.sector-item{

    display:flex;

    align-items:center;

    text-decoration:none;

    border:1px solid #FFFFFF;


    background:transparent;

    transition:.3s;

    position:relative;

    z-index:2;
}

.sector-item:hover{

    background:rgba(255,255,255,.08);

    color:#fff;
}

.sector-icon{

    width:63px;

    min-width:63px;

    height:63px;

    background:#fff;

    display:flex;

    align-items:center;

    justify-content:center;
}


.sector-text{

    padding:0 18px;
}

.sector-text h4{

    color:#fff;

    font-size: clamp(14px, 1.6vw, 16px);

    font-weight:700;

    line-height:1.15;

    margin:0;

}
.ourwork-projects-section h5{

    color:#2B3990;

    font-size: clamp(18px,2vw,24px);

    font-weight:700;

    line-height:1.4;

    margin:0 0 30px 0;
    text-align:center;


}
.ourwork-projects-section{
    padding:60px 0;
    position:relative;
    z-index:2;
}
.ourwork-projects-section.gray-bg{
    background:#D5D7DA;
}

.ourwork-projects-grid{

    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 378px));
    justify-content:center;

    gap:80px;
    margin:20px 0;

}
.ourwork-projects-section .container{
    /* padding:0 30px; */
    position:relative;

    z-index:2;


}

.ourwork-project-card{

    border:1px solid #2B3990;

    background:#fff;

    display:flex;

    flex-direction:column;

    transition:.3s;
    height: 510px;

}

.ourwork-project-card:hover{

    transform:translateY(-6px);

    cursor: pointer;
}

.ourwork-project-image{

    aspect-ratio:1/1;

    overflow:hidden;

}

.ourwork-project-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:.4s;

}
.ourwork-project-content{

    padding:15px;

    display:flex;

    flex-direction:column;

    flex-grow:1;
    max-width: 345px;

}

.ourwork-project-company{
    font-size:12px;
    font-weight:700;
    color:#2B3990;
    text-transform:uppercase;
    margin-bottom:5px;
    line-height:1.4;

}

.ourwork-project-title{
    font-size:12px;
    font-weight:400;
    line-height:1.4;
    margin:0;

}
.sector-rightshape{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 1;
}
@media (max-width:991px){

    .ourwork-projects-grid{

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

        gap:30px;

    }
    .sectors-list-section{
        padding:30px 10px;
    }

    .ourwork-projects-section{
        padding:30px 0;
        position:relative;
        z-index:2;
    }
    .sector-rightshape{
        width:300px
    }
}

@media (max-width:767px){

    .ourwork-projects-grid{

        grid-template-columns:1fr;

        gap:25px;

    }



}

.news-btn{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    margin-top:20px;

    padding:13px 27px;

    background:#2B3990;
    color:#fff;

    border-radius:24px;

    text-decoration:none;
    cursor: pointer;
    font-size:14px;
    font-weight:600;
    transition:.3s;
    z-index: 4;
    position:relative;

}

.news-btn:hover{
    transform:translateY(-2px);
}
.hidden-card {
    display: none;
}
/*work*/
.ourwork-hero-section{
    position: relative;
    width: 100%;
    height: 230px;
    background: url("../images/ourwork-bg.webp") center center/cover no-repeat;
    overflow: hidden;
}

.ourwork-hero-overlay{
    position: absolute;
    inset: 0;
    /* background: linear-gradient(
     90deg,
     #2B3990 0%,
     rgba(255,255,255,0) 84%
 ); */
    z-index: 1;
}

.ourwork-hero-content{
    position: relative;
    z-index: 3;
    height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.ourwork-hero-content h1{
    margin: 0;
    color: #fff;
    font-size: clamp(28px, 4vw, 35px);
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.ourwork-hero-content p{
    margin-top: 10px;
    color: #fff;
    font-size: clamp(14px, 1.6vw, 16px);
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
}

@media (max-width:768px){

    .ourwork-hero-section,
    .ourwork-hero-content{
        height:180px;
    }

    .ourwork-hero-shape{
        width:300px;
        right:8%;
    }

}
.consultancy-section{
    padding: 40px 0 20px 0;
    background: #fff;
    text-align: center;
}

.consultancy-section .container{
    max-width: 1082px;
}

.consultancy-section h2{
    color: #2B3990;
    font-size: clamp(16px,3vw,22px);
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1.4;
}

.consultancy-section p{
    margin: 0 auto 25px;
    font-size: clamp(14px, 1.6vw, 16px);
    font-weight: 400;
    line-height: 1.4;
}
.ourwork-filter-section{
    padding:60px 0;
    background:#D5D7DA url("../images/dropdown-work.png") right bottom no-repeat;
}
.ourwork-filter-section .container{
    max-width: 1082px;
}
.ourwork-filter-title{
    display:block;
    color:#2B3990;
    font-weight:700;
    font-size:13px;
    letter-spacing:0.5px;
    margin-bottom:10px;
}

.ourwork-dropdown{
    position:relative;
}

.ourwork-dropdown-btn{
    width:100%;
    height:46px;
    background:#fff;
    border:1px solid #2B3990;
    border-radius:15px;
    text-align:left;
    padding:0 15px;
    font-weight:600;
    font-size:14px;
    cursor:pointer;
    position:relative;
    z-index:2;
}

.ourwork-dropdown.active .ourwork-dropdown-btn{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}

.ourwork-dropdown-menu{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:#F0F1F5;
    border:1px solid #2B3990;
    border-top:none;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
    display:none;
    z-index:10;
    /* padding:6px 0; */
}

.ourwork-dropdown.active .ourwork-dropdown-menu{
    display:block;
}

.ourwork-dropdown-menu a{
    display:block;
    padding:6px 15px;
    text-decoration:none;
    font-size:14px;
    color:#000000;
}

.ourwork-dropdown-menu a.active{
    display:none;
}

.ourwork-dropdown-menu a:hover{
    background:#d6d6de;
    color:#000;
}
.ourwork-dropdown-menu a:last-child:hover{
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
}
.ourwork-projects-section{
    padding:60px 0;
}

.ourwork-projects-grid{

    display:grid;

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

    gap:80px;

}


.ourwork-project-card{

    border:1px solid #2B3990;

    background:#fff;

    display:flex;

    flex-direction:column;

    transition:.3s;

}

.ourwork-project-card:hover{

    transform:translateY(-6px);

    cursor: pointer;
}

.ourwork-project-image{

    aspect-ratio:1/1;

    overflow:hidden;

}

.ourwork-project-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:.4s;

}
.ourwork-project-content{

    padding:15px;

    display:flex;

    flex-direction:column;

    flex-grow:1;
    max-width: 345px;

}

.ourwork-project-company{
    font-size:12px;
    font-weight:700;
    color:#2B3990;
    text-transform:uppercase;
    margin-bottom:5px;
    line-height:1.4;

}

.ourwork-project-title{
    font-size:12px;
    font-weight:400;
    line-height:1.4;
    margin:0;
}
@media (max-width:991px){

    .ourwork-projects-grid{

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

        gap:30px;

    }
}

@media (max-width:767px){

    .ourwork-projects-grid{

        grid-template-columns:1fr;

        gap:25px;

    }



}

.news-btn{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    margin-top:45px;

    padding:13px 27px;

    background:#2B3990;
    color:#fff;

    border-radius:24px;

    text-decoration:none;

    font-size:14px;
    font-weight:600;


}
.hidden-card {
    display: none;
}
/*products*/
.product-hero-section{
    position: relative;
    width: 100%;
    height: 250px;
    background: url("../images/productbg.webp") center center/cover no-repeat;
    overflow: hidden;
}

.product-hero-overlay{
    position: absolute;
    inset: 0;

    z-index: 1;
}

.product-hero-content{
    position: relative;
    z-index: 3;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.product-hero-content h1{
    margin: 0;
    color: #fff;
    font-size: clamp(28px, 4vw, 35px);
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.product-hero-content p{
    margin-top: 10px;
    color: #fff;
    font-size: clamp(16px,1.6vw,19px);
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.consultancy-section{
    padding: 40px 0 0 0;
    background: #fff;
    text-align: center;
}

.consultancy-section .container{
    max-width: 1170px;
}

.consultancy-section h2{
    color: #2B3990;
    font-size: clamp(16px,3vw,22px);
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1.4;
}

.consultancy-section p{
    margin: 0 auto 25px;
    font-size: clamp(14px, 1.6vw, 16px);
    font-weight: 400;
    line-height: 1.4;
}
.consultancy-section .products-section{
    padding:30px 0;
    text-align:center;
}
.product-card{
    text-align:center;
    transition:.3s;
    border:1px solid #2B3990

}

.product-card img{
    width:100%;
    height:260px;

    object-fit:cover;

    display:block;
}
.product-card.new img{
    max-width:366px;
    object-fit:cover;

    display:block;
}

.product-card h3{
    margin:10px auto;
    font-size:clamp(14px,1.4vw,16px);
    font-weight:700;
    line-height:1.4;
}
.productsectors-section{
    position:relative;
    padding:60px 0;

    overflow:hidden;
    background: #D5D7DA;
}

.productsectors-bg{
    position:absolute;
    right:0;
    bottom:0;
    height:100%;
    z-index:1;
    pointer-events:none;
}
.productsectors-title{
    text-align:center;
    color:#2B3990;
    font-size:clamp(18px,2vw,24px);
    font-weight:700;
    margin-bottom:60px;
}
.productsectors-section .container{
    position:relative;
    z-index:2;
}
.productsectors-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:35px;

}

.productsector-card{
    background:#fff;

    min-height:154px;

    padding:20px;

    text-align:center;

    border-bottom:4px solid #2B3990;

    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:center;

    transition:.3s;
}

.productsector-icon{
    display:flex;
    align-items: center;
    justify-content: center;
    margin-bottom:20px;
}

.productsector-icon img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.productsector-card h3{
    color:#143EB1;

    font-size:14px;
    font-weight:700;

    line-height:1.4;
    margin:0;
}

.productsectors-btn{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    margin-top:50px;

    padding:13px 27px;


    background:#2B3990;
    color:#fff;

    border-radius:24px;

    text-decoration:none;

    font-size:14px;
    font-weight:600;

    transition:.3s;


}

.productsectors-btn:hover{
    color:#fff;
    transform:translateY(-2px);
}
@media (max-width:992px){

    .productsectors-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .productsector-icon img{
        width:120px;
        height:80px;
        object-fit:contain;
    }


}

@media (max-width:576px){

    .productsectors-section{
        padding:60px 0;
    }

    .productsectors-grid{
        grid-template-columns:repeat(2,1fr);
        gap:10px;
    }



    .productsector-card{
        min-height:140px;
    }

}
.authorizeds-section{
    padding:60px 0;

    background:#fff;
}

.authorizeds-title{
    text-align:center;
    color:#2B3990;
    font-size:clamp(18px,1.6vw,24px);
    font-weight:700;
    margin-bottom:60px;
}

.authorizeds-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:50px ;
}

.authorized-logo{
    display:flex;
    align-items:center;
    justify-content:center;

    min-height:70px;
}

.authorized-logo img{
    max-width:100%;
    object-fit:contain;

    transition:.3s;
}

.authorized-logo:hover img{
    transform:scale(1.05);
    cursor: pointer;
}

.authorizeds-btn{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    margin-top:50px;

    padding:13px 27px;

    background:#2B3990;
    color:#fff;

    border-radius:24px;

    text-decoration:none;

    font-size:14px;
    font-weight:600;


}

.authorizeds-btn:hover{
    color:#fff;
}
@media(max-width:992px){

    .authorizeds-grid{
        grid-template-columns:repeat(4,1fr);
        gap:30px;
    }

}

@media(max-width:768px){

    .authorizeds-grid{
        grid-template-columns:repeat(3,1fr);
        gap:30px;
    }
    .authorizeds-section{
        padding:60px 0;
        background:#fff;
    }

}

@media(max-width:576px){

    .authorizeds-grid{
        grid-template-columns:repeat(1,1fr);
    }

}
.datasense-section{
    background:#D5D7DA;
    padding:60px 0;
    overflow:hidden;
    position:relative;
    z-index:3;

}
.datasenseshape-bg{
    position:absolute;
    left:0;
    bottom:0;
    height:100%;
    z-index:1;
    pointer-events:none;
}

.datasense-container{

    display:grid;
    grid-template-columns:1.1fr .9fr;
    align-items:center;
    z-index:3;

}

.datasense-title{
    font-size:clamp(28px,5vw,45px);
    font-weight:800;
    color:#2B3990;
    margin-bottom:20px;
    line-height:1;
}

.datasense-subtitle{
    color:#2B3990;
    font-size:clamp(16px,1.6vw,22px);
    font-weight:700;
    line-height:1.4;
    margin-bottom:25px;
    max-width:650px;
}

.datasense-description{
    font-size:clamp(14px,1.6vw,16px);
    line-height:1.4;
    max-width:600px;
    margin-bottom:35px;
}

.datasense-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:13px 27px;
    background:#2B3990;
    color:#fff;
    border-radius:24px;
    text-decoration:none;
    font-size:14px;
    font-weight:600;

}

.datasense-btn:hover{
    color:#fff;
    transform:translateY(-2px);
}

.datasense-image{
    display:flex;
    justify-content:center;
    align-items:center;
}

.datasense-image img{
    width:100%;
    max-width:335px;
    display:block;
}

@media (max-width:992px){

    .datasense-container{
        grid-template-columns:1fr;
        gap:60px;
        text-align:center;
    }

    .datasense-description{
        max-width:100%;
    }

    .datasense-btn{
        margin:auto;
    }

    .datasense-image{
        order:-1;
    }
    .datasense-section{
        padding:30px 20px;
    }

}
.contact-section{
    padding:80px 150px;
    background:#ffffff;
}
.contact-wrapper{
    display:grid;

    grid-template-columns:50% 45%;
    justify-content:space-between;
}

.contact-info h2{
    color:#2B3990;

    font-size:clamp(20px,2vw,28px);
    font-weight:700;

    margin-bottom:25px;
}

.contact-info h4{
    color:#2B3990;

    font-size:clamp(14px,1.4vw,16px);

    line-height:1.4;

    margin-bottom:20px;

}

.contact-info p{


    font-size:clamp(14px,1.4vw,16px);
    line-height:1.4;
}


.contact-form-box{
    background:#2B3990;

    padding:30px;

    width:100%;
}

.contact-section .form-group{
    margin-bottom:18px;
}

.contact-section .form-group label{
    display:block;

    color:#fff;

    font-size:14px;

    margin-bottom:8px;
}

.contact-section .form-group input,
.contact-section .form-group textarea{
    width:100%;

    border:none;
    outline:none;

    padding:12px 14px;

    background:#fff;

    font-size:14px;
    margin-bottom:0;
    border-radius: var(--bs-border-radius);
}

.contact-section .form-group textarea{
    resize:none;
}

.contact-btn{
    border:none;

    background:#fff;
    color:#2B3990;

    padding:13px 27px;

    border-radius:24px;

    font-size:16px;
    font-weight:700;

    float:right;

    cursor:pointer;

    transition:.3s;

    display: flex;
    align-items: center;
    justify-self: center;

}

.contact-btn:hover{
    transform:translateY(-2px);
}
@media (max-width:992px){

    .contact-wrapper{
        grid-template-columns:1fr;
        gap:40px;
    }

    .contact-form-box{
        max-width:100%;
    }

}

@media (max-width:576px){

    .contact-section{
        padding:70px 0;
    }

    .contact-form-box{
        padding:20px;
    }

    .contact-info h2{
        margin-bottom:15px;
    }

}

@media (max-width:768px){

    .product-hero-section,
    .product-hero-content{
        height:180px;
    }

    .product-hero-shape{
        width:140px;
        right:8%;
    }
    .datasenseshape-bg{
        width:300px;
    }
    .productsectors-bg{
        width:300px;
    }
}
/*datasence*/
.datasense-monitoring-section{

    position:relative;

    background:#D5D7DA;

    overflow:hidden;

    padding:60px 0;
}

.datasense-monitoring-shape{

    position:absolute;

    right:0;

    bottom:0;

    height:100%;
    width:auto;

    pointer-events:none;
}

.datasense-monitoring-container{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:60px;

    align-items:start;
}

/* Left */

.datasense-monitoring-logo{

    width:260px;

    margin-bottom:6px;
}

.datasense-monitoring-title{
    color:#2B3990;
    font-size:clamp(16px,1.6vw,22px);
    line-height:1.4;
    font-weight:700;
}

.datasense-monitoring-line{
    width:390px;
    height:3px;
    background:#2B3990;
    margin:50px 0;
}
.miniTitle{
    color:#2B3990;
    font-size:clamp(12px,1.6vw,14px);
    line-height:1.4;
    margin-bottom:50px;
    font-weight:500;
}
.datasense-monitoring-text{

    font-size:clamp(14px,1.6vw,16px);

    line-height:1.4;

    max-width:430px;

    margin-bottom:30px;
}

.datasense-monitoring-bold{

    color:#000;
    font-size:clamp(14px,1.6vw,16px);
    font-weight:700;
}

/* Right */

.datasense-monitoring-right{

    display:flex;

    flex-direction:column;

    gap:35px;
}

.datasense-monitoring-image img{

    width:100%;

    display:block;
}

.datasense-monitoring-list h4{
    font-size:clamp(14px,1.6vw,16px);
    margin-bottom:15px;
}

.datasense-monitoring-list ul{

    padding-left:35px;
}

.datasense-monitoring-list li{
    font-size:clamp(14px,1.6vw,16px);
}
.datasense-monitoring-bottom{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    margin-top:20px;
}
@media (max-width:992px){
    .datasense-monitoring-bottom{
        grid-template-columns:1fr;
    }
    .datasense-monitoring-section{
        padding:50px 20px;
    }
    .datasense-monitoring-line{
        width:100%;
        margin:30px 0;
    }
    .datasense-monitoring-container{
        grid-template-columns:1fr;
        gap:35px;
    }
    .miniTitle{
        margin-bottom:20px;
    }
}
.datasense-features-section{
    position:relative;
    background:#fff;
    padding:40px 120px 50px;
    overflow:hidden;
}

.datasense-features-shape{
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    pointer-events:none;
    height: 100%;

}

.datasense-features-container{
    position:relative;
    z-index:2;
}

.datasense-features-title{
    text-align:center;
    color:#2B3990;
    font-size:clamp(24px,1.7vw,30px);
    font-weight:700;
    margin-bottom:30px;
}
.datasense-features-grid{

    display:grid;

    /* grid-template-columns:280px 430px 280px; */
    grid-template-columns:300px 430px 280px;


    grid-template-rows:
        auto
        140px
        140px
        140px
        auto;

    justify-content:center;
    align-items:center;

    column-gap:5px;

    grid-template-areas:
        ". top ."
        "leftTop wheel rightTop"
        "leftTop wheel rightTop"
        "leftBottom wheel rightBottom"
        ". bottom .";
}
.top{
    grid-area:top;
    justify-self:center;
    text-align:center;
}

.bottom{
    grid-area:bottom;
    justify-self:center;
    text-align:center;
}

.left-top{
    grid-area:leftTop;
    justify-self:end;
    align-self:center;
    text-align:center;
}

.left-bottom{
    grid-area:leftBottom;
    justify-self:end;
    align-self:start;
    text-align:center;
}

.right-top{
    grid-area:rightTop;
    justify-self:start;
    align-self:center;
    text-align:center;
}

.right-bottom{
    grid-area:rightBottom;
    justify-self:start;
    align-self:start;
    text-align:center;
}
.datasense-wheel{

    grid-area:wheel;

    display:flex;

    justify-content:center;

    align-items:center;
}

.datasense-wheel img{
    width:100%;
    max-width:370px;
    display:block;
}
.datasense-feature{
    width:100%;
    max-width:255px;
}

.datasense-feature h4{
    color:#2B3990;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom: 0;
}

.datasense-feature p{
    font-size:15px;
    line-height:1.4;
    margin-bottom: 0;

}
.datasense-bottom-banner{

    background:#2B3990;
    color:#fff;
    text-align:center;
    padding:28px;
}

.datasense-bottom-banner h3{
    margin:0;
    font-size:clamp(22px,3vw,30px);
    font-weight:700;
    line-height:1.4;
}
@media(max-width:1400px){

    .datasense-features-section{
        padding:80px 70px 0;
    }

    .datasense-features-grid{

        grid-template-columns:260px 360px 260px;
        column-gap:45px;
    }

    .datasense-wheel img{

        max-width:360px;
    }

}
@media(max-width:1100px){

    .datasense-features-grid{

        grid-template-columns:230px 300px 230px;

        column-gap:35px;
    }

    .datasense-wheel img{

        max-width:300px;
    }

    .datasense-feature h4{

        font-size:15px;
    }

    .datasense-feature p{

        font-size:14px;
    }

}
@media(max-width:992px){

    .datasense-features-section{

        padding:70px 30px 0;
    }

    .datasense-features-grid{

        display:flex;

        flex-direction:column;

        gap:35px;
    }

    .datasense-wheel{

        order:-1;
    }

    .datasense-wheel img{

        width:290px;
    }

    .datasense-feature{

        text-align:center !important;

        max-width:500px;
    }

    .datasense-bottom-banner{

        margin-top:50px;
    }
    .datasense-monitoring-section{

        padding:60px 30px;
    }
}
@media(max-width:576px){

    .datasense-features-section{

        padding:60px 30px;
    }

    .datasense-features-title{

        margin-bottom:40px;
    }

    .datasense-wheel img{

        width:220px;
    }


    .datasense-bottom-banner{

        padding:18px;
    }
    .datasense-monitoring-shape{
        width:100%;
    }

}

.datasense-title{
    font-size:clamp(28px,5vw,45px);
    font-weight:800;
    color:#2B3990;
    margin-bottom:20px;
    line-height:1;
}
/*lab*/
.lab-grid{
    display:grid;
    grid-template-columns:38% 62%;
}

.lab-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:0 35px 0 0;
}

.lab-title{
    font-size:clamp(18px,3vw,28px);
    color:#2B3990;
    line-height:1.4;
    margin-bottom:clamp(25px, 2vw,35px);
    margin-top:clamp(15px, 2vw,25px);

    font-weight:700;
}

.lab-subtitle{
    font-size: clamp(14px, 1.6vw, 16px);
    font-weight:700;
    line-height:1.4;
    margin-bottom:clamp(15px, 2.5vw, 25px);
}

.lab-text{
    font-size: clamp(14px, 1.6vw, 16px);
    line-height:1.4;}

.lab-image img{
    width:calc(68% + ((100vw - 100%) / 2));
    height:100%

}
@media (max-width:992px){

    .lab-grid{
        grid-template-columns:1fr;
    }
    .lab-image img{
        width:100%;
    }
    .lab-content{
        order:2;
        padding:20px;
    }

    .lab-image{
        order:1;
    }

}
.lab-banner{
    position:relative;
    overflow:hidden;
    background:#2B3990;
    padding:35px 0;
}



.lab-banner-container{

    display:grid;
    grid-template-columns:38% 62%;
    margin:auto;

    align-items:center;
    position:relative;

    z-index:2;
}
.lab-banner-logo{
    display:flex;
    justify-content:center;
}


.lab-banner-logo img{

    width:252px;
    display:block;
    text-align:center;
}
.right-shape{
    position:absolute;
    right:0;
    top:0;
    height:100%;
    width:auto;
    z-index:1;
    pointer-events:none;
}


.lab-banner-title{

    color:#fff;

    font-size:clamp(18px,2vw,24px);

    font-weight:700;

    margin-bottom:18px;
}

.lab-banner-text{

    color:#fff;

    font-size:clamp(14px,1.6vw,16px);

    line-height:1.4;

    max-width:720px;
}
.lab-banner-subtitle{
    display: none;
    color:#fff;

    font-size:clamp(18px,1.6vw,24px);

    font-weight:700;

    margin-bottom:18px;
}
@media(max-width:992px){

    .lab-banner-container{
        display: grid;
        grid-template-columns: 1fr;
        margin: auto;
        align-items: center;
        position: relative;
        z-index: 2;
    }
    .lab-banner-logo{

        flex-basis:200px;
    }
    .lab-banner-subtitle{
        display: block;
        color:#fff;

        font-size:clamp(18px,1.6vw,24px);

        font-weight:700;

        margin-bottom:18px;
    }
    .lab-banner-title{
        display: none;
    }

}

@media(max-width:768px){

    .lab-banner-container{
        display:grid;
        grid-template-columns:1fr;
        grid-template-areas:
        "logo"
            "content";
        margin: auto;
        align-items: center;
        position: relative;
        z-index: 2;
    }
    .lab-banner-content{
        grid-area:content;
    }

    .lab-banner-logo{
        grid-area:logo;
    }
    .lab-banner-logo{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .lab-banner-logo img{
        text-align:center;
        width:160px;
        margin:5px 0 25px 0;
    }

    .lab-banner-text{

        max-width:100%;
    }
    .lab-banner{

        padding:30px 20px;
    }
    .right-shape{
        width:300px;
    }


}

.lab-features{
    padding:45px;

    position:relative;
    background:#D5D7DA;

    overflow:hidden;
}


.lab-features .container{


    margin:auto;

    position:relative;

    z-index:2;
}

.lab-features-title{

    text-align:center;

    color:#2B3990;

    font-size:clamp(18px,2vw,24px);

    margin-bottom:55px;

    font-weight:700;
}

.lab-features-grid{

    display:grid;

    grid-template-columns:repeat(6,1fr);
    border:1px solid  #2B3990;

}

.lab-feature-item{

    text-align:center;

    padding:30px 20px;

    border-right:1px solid #2B3990;
}

.lab-feature-item:last-child{

    border-right:none;
}

.lab-feature-item img{

    width:auto;

    height:auto;

    object-fit:contain;

    margin-bottom:20px;
}

.lab-feature-item h3{
    font-size:clamp(12px,1.6vw,14px);
    font-weight:700;
    color:#111;
    line-height:1.4;
    margin-bottom:18px;
}

.lab-feature-item p{

    font-size:clamp(12px,1.6vw,14px);
    line-height:1.4;
}
@media (max-width:1200px){
    .lab-features{
        padding:30px 20px;
    }
    .lab-features-grid{
        grid-template-columns:repeat(3,1fr);
        gap:25px;
    }
    .lab-feature-item{
        border-right:none;
        border-bottom:1px solid #2B3990;
        padding:20px 30px;
    }
    .lab-feature-item:last-child{

        border-bottom:none;
    }

    .lab-feature-item img{
        width:50px;
        height:50px;
    }


}

@media (max-width:768px){
    .lab-features{
        padding:30px 20px;
    }

    .lab-features-grid{
        grid-template-columns:repeat(1,1fr);
        gap:10px;
    }
    .lab-feature-item{
        padding:20px;
    }
    .lab-feature-item img{
        width:50px;
        height:50px;
    }
    .lab-feature-item h3{
        margin-bottom:10px;
    }
}

.env-lab-section{
    padding:45px;
    position:relative;

}
.env-lab-section .container{
    position:relative;
    display:grid;
    grid-template-columns:50% 50%;
    align-items:center;
    z-index:2;
    gap:30px;
}

.left-shape{
    position:absolute;
    left:0;
    top:0;
    width:auto;
    height:100%;
    object-fit:cover;
    z-index:1;
    pointer-events:none;
}
.env-lab-image img{
    max-width:550px;
    display:block;
}

.env-lab-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.env-lab-title{
    font-size:clamp(18px,1.6vw,24px);
    line-height:1.4;
    color:#2B3990;
    font-weight:700;
    margin-bottom:20px;
}

.env-lab-subtitle{
    font-size:clamp(14px,1.6vw,16px);
    color:#2B3990;
    font-weight:700;
    margin-bottom:25px;
}

.env-lab-text{
    font-size:clamp(14px,1.6vw,16px);
    line-height:1.4;
    margin-bottom:20px;
}

.env-lab-list-title{
    font-size:clamp(14px,1.6vw,16px);
}

.env-lab-list{
    margin:0;
    padding-left:22px;
}

.env-lab-list li{
    font-size:clamp(14px,1.6vw,16px);
    line-height:1.4;
    margin-bottom:3px;
}

@media (max-width:992px){

    .env-lab-section{
        padding:30px 20px;
    }

    .env-lab-section .container{
        grid-template-columns:1fr;
        gap:35px;
        grid-template-areas:
            "content"
            "image";
    }

    .env-lab-content{
        grid-area: content;
    }

    .env-lab-image{
        grid-area: image;
    }

    .env-lab-image img{
        max-width:100%;
    }

    .env-lab-subtitle{
        margin-bottom:18px;
    }
    .envbg-shape{
        display:none;
    }
    .left-shape{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        object-fit:cover;
        z-index:1;
        pointer-events:none;
    }



}
.lab-support-section{
    background:#D5D7DA;
    position:relative;
    overflow:hidden;
}
.lab-support-section .container{
    display:grid;
    grid-template-columns:48% 52%;
    position:relative;
    overflow:hidden;
}
.lab-support-images{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
    position:relative;
    z-index:2;
}

.lab-support-item{
    overflow:hidden;
}

.lab-support-item img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.lab-support-content{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    justify-content:start;
    padding:60px;
}

.lab-support-title{
    font-size:clamp(18px,1.6vw,24px);
    color:#2B3990;
    line-height:1.4;
    font-weight:700;
    margin-bottom:20px;
}

.lab-support-text{
    font-size:clamp(14px,1.6vw,16px);
    line-height:1.4;
    max-width:450px;
}

@media (max-width:992px){

    .lab-support-section .container{
        grid-template-columns:1fr;
        grid-template-areas:
            "content"
            "image";
    }

    .lab-support-content{
        grid-area: content;
        padding:40px 30px;
    }
    .lab-support-item img{

        display:block;
        object-fit:cover;
    }
    .lab-support-image{
        grid-area: image;
        gap:6px;
    }

    .lab-support-content{
        padding:30px 20px;
    }
    .lab-support-images{
        grid-template-columns:repeat(2,1fr);
    }

}

.lab-contact-section{
    padding:45px;
    text-align:center;
    background:#fff;
}

.lab-contact-content{
    max-width:700px;
    margin:0 auto;
}

.lab-contact-title{
    font-size:clamp(22px,5vw,28px);
    color:#2B3990;
    font-weight:700;
    line-height:1.2;
    margin-bottom:30px;
}

.lab-contact-text{
    font-size:clamp(14px,1.6vw,16px);
    line-height:1.4;
    max-width:620px;
    margin:0 auto 25px;
    color:#2B3990;

}

.lab-contact-subtitle{
    font-size:clamp(14px,1.6vw,16px);
    color:#2B3990;
    font-weight:700;
    margin-bottom:35px;
}

.lab-contact-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#2B3990;
    color:#fff;
    border-radius:50px;
    text-decoration:none;
    font-size:12px;
    border-radius:24px;
    text-decoration:none;
    font-weight:700;
    transition:.3s;
    white-space: nowrap;
    padding:13px 27px

}

.lab-contact-btn:hover{
    background:#1f2c78;
    color:#fff;
}

@media (max-width:480px){

    .lab-contact-btn{
        width:100%;
        max-width:300px;
    }

    .lab-contact-section{
        padding:30px 20px;}

}
/*news*/
.news-hero-section{
    position: relative;
    width: 100%;
    height: 250px;
    background: url("../images/news-bg.webp") center center/cover no-repeat;
    overflow: hidden;
}

.news-hero-overlay{
    position: absolute;
    inset: 0;
    /* background: linear-gradient(
     90deg,
     #2B3990 0%,
     rgba(255,255,255,0) 84%
 ); */
    z-index: 1;
}

.news-hero-content{
    position: relative;
    z-index: 3;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news-hero-content h1{
    margin: 0;
    color: #fff;
    font-size: clamp(28px, 4vw, 35px);
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

@media (max-width:768px){

    .news-hero-section,
    .news-hero-content{
        height:180px;
    }

    .news-hero-shape{
        width:300px;
        right:8%;
    }


}
.news-section{
    position:relative;
    overflow:hidden;
    padding:40px 0;
    background-color: #D5D7DA;
}

.sectors-bg{
    position:absolute;
    inset:0;
    height:100%;
    object-fit:cover;
    z-index:1;
}

.news-section .container{
    position:relative;
    z-index:2;
}
.news-subtitle{
    text-align:center;
    display:block;
    margin-bottom:10px;
    color:#2B3990;
    font-size:clamp(12px,1.6vw,14px);
    letter-spacing:6px;
    font-weight:400;
}

.news-title{
    text-align:center;
    color:#2B3990;
    font-size:clamp(22px,5vw,32px);
    font-weight:700;
    margin-bottom:40px;
}

.news-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:50px;
}

.news-card{
    background:#fff;
    border:1px solid #293B8F;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    cursor: pointer;
    transition:.3s;
}
.news-card:hover{
    transform:translateY(-5px);
}
.news-image{
    height:auto;
    border-bottom:1px solid #293B8F;

}

.news-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;

}

.news-card{
    height:100%;
}

.news-content{
    display:flex;
    flex-direction:column;
    flex:1;
    padding:30px
}

.news-footer{
    margin-top:auto;
    display:flex;
    flex-direction: column;
    align-items:start;
}
.news-content a{
    margin-top:auto;
}

.news-category{
    display:block;
    color:#00000080;
    font-size:12px;
    font-weight:600;
    margin-bottom:15px;
}

.news-content h3{
    color:#2B3990;
    font-size: clamp(14px, 1.6vw, 16px);
    font-weight:700;
    line-height:1.4;
    margin-bottom:15px;
}

.news-content p{
    font-size:14px;
    line-height:1.4;
    white-space: wrap;
    margin-bottom:18px;
}

.news-date{
    display:block;
    color:#4a56b5;
    font-style:italic;
    margin-bottom:15px;
    font-size:13px;
}

.news-content .readmore{
    color:#2B3990;
    text-decoration:none;
    font-size:13px;
    font-weight:700;
}

.news-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:45px;
    padding:13px 27px;
    background:#2B3990;
    color:#fff;
    border-radius:24px;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
}
@media(max-width:992px){
    .news-section{
        position:relative;
        overflow:hidden;
        padding:40px 0;
    }
    .news-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:768px){
    .news-grid{
        grid-template-columns:1fr;
        padding:0 30px
    }
    .news-image{
        height:auto;
    }

}
.news-card-link{
    text-decoration:none;
    color:inherit;
}

.news-card-link:hover{
    color:inherit;
}
.news-hero-section{
    position: relative;
    width: 100%;
    height: 250px;
    background: url("../images/news-bg.png") center center/cover no-repeat;
    overflow: hidden;
}

.news-hero-overlay{
    position: absolute;
    inset: 0;
    /* background: linear-gradient(
     90deg,
     #2B3990 0%,
     rgba(255,255,255,0) 84%
 ); */
    z-index: 1;
}

.news-hero-content{
    position: relative;
    z-index: 3;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news-hero-content h1{
    margin: 0;
    color: #fff;
    font-size: clamp(28px, 4vw, 35px);
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

@media (max-width:768px){

    .news-hero-section,
    .news-hero-content{
        height:180px;
    }

    .news-hero-shape{
        width:140px;
        right:8%;
    }

}
.insights-section{
    padding:50px 0;
    background:#fff;
}

/* Left */
.insights-label{
    display:block;
    color:#2B3990;
    font-size: clamp(16px,1.6vw,19px);
    letter-spacing:6px;
    text-transform:uppercase;
    margin-bottom:18px;
    opacity:0;
    transform:translateY(-50px);
    animation:fadeDown 1s ease forwards;
}

.insights-title{
    color:#2B3990;
    font-size:clamp(32px,3vw,45px);
    line-height:1.1;
    font-weight:700;
    margin-bottom:35px;
    opacity:0;
    transform:translateY(50px);
    animation:fadeUp 1s ease forwards;
}

.insights-featured-image{
    width:100%;
    margin-bottom:45px;
}

.insights-featured-image img{
    width:100%;
    display:block;
    object-fit:cover;
}

.insights-content h4{
    font-size: clamp(14px, 1.6vw, 16px);
    font-weight:700;
    line-height:1.4;
    margin-bottom:30px;
    opacity:0;
    transform:translateY(50px);
    animation:fadeUp 1s ease forwards;
}

.insights-content p{
    font-size: clamp(14px, 1.6vw, 16px);
    line-height:1.4;
    margin-bottom:30px;
    opacity:0;
    transform:translateY(50px);
    animation:fadeUp 1s ease forwards;
}
.textinsights-content h4{
    font-size: clamp(14px, 1.6vw, 16px);
    font-weight:700;
    line-height:1.4;
    margin-top:15px;
    font-style: italic;
    opacity:0;
    transform:translateY(50px);
    animation:fadeUp 1s ease forwards;
}

.textinsights-content p{
    font-size: clamp(14px, 1.6vw, 16px);
    line-height:1.4;
    margin-bottom:18px;
    opacity:0;
    transform:translateY(50px);
    animation:fadeUp 1s ease forwards;
}
.postnew{
    width:245px;
    height:228px;
}
/* Right */

.insights-sidebar-title{
    color:#2B3990;
    font-size: clamp(16px,1.6vw,19px);
    letter-spacing:5px;
    font-weight:600;
    margin-bottom:35px;
    opacity:0;
    transform:translateY(50px);
    animation:fadeUp 1s ease forwards;
}

.insights-post-card{
    margin-bottom:35px;
}

.insights-post-image{
    width:100%;
    border:1px solid #D8DCEA;
    margin-bottom:18px;
}

.insights-post-image img{
    width:100%;
    display:block;
}

.insights-post-card h4{
    color:#2B3990;
    font-size: clamp(16px,1.6vw,19px);
    line-height:1.25;
    font-weight:600;
    margin-bottom:12px;
    opacity:0;
    transform:translateY(50px);
    animation:fadeUp 1s ease forwards;
}

.insights-post-card span{
    display:block;
    color:#2B3990;
    font-size: clamp(12px,1.6vw,14px);
    font-weight:500;
    font-style: italic;
    opacity:0;
    transform:translateY(50px);
    animation:fadeUp 1s ease forwards;

}
@media (max-width:1240px){

    .insights-section{
        padding:60px 20px;
    }
    .postnew{
        width:180px;
        height:180px;
    }
}

.cont-sgap{
    display:flex;
    gap:30px;
}
.cont-bgap{
    display:flex;
    gap:100px;
}
@media (max-width:990px){

    .insights-section{
        padding:60px 20px;
    }
    .postnew{
        width:245px;
        height:228px;
    }
    .cont-bgap{
        gap:30px
    }
}
.insights-featured-image img,
.cont-bgap img{
    width: 100%;
    height: auto;
    display: block;
}
/*contact*/
.contactUs-section{
    position:relative;
    background:#F8F8F8;

    padding:70px 0;
    overflow:hidden;
}

.contactUs-bg-shape{
    position:absolute;
    right:0;
    top:0;
    width:auto;
    z-index:1;
    pointer-events:none;
}

.contactUs-section .container{
    position:relative;
    z-index:2;
}
.contactUs-header{
    margin-bottom:45px;
}

.contactUs-header h2{
    color:#2B3990;
    font-size: clamp(24px,3vw,36px);
    font-weight:700;
    margin-bottom:20px;
}

.contactUs-header h5{
    color:#2B3990;
    font-size: clamp(14px, 1.6vw, 16px);
    font-weight:700;
    margin-bottom:20px;
}

.contactUs-header p{
    font-size: clamp(14px, 1.6vw, 16px);
    margin:0;
}

.contactUs-form-wrapper{
    background:#D9D9D9;
    border:1px solid #283995;
    padding:25px 35px;
}

.contactUs-form-wrapper h3{
    color:#2B3990;
    font-size:clamp(18px,3vw,28px);
    font-weight:700;
    line-height:1.4;
    margin-bottom:35px;
}

.contactUs-form-group{
    margin-bottom:22px;
}

.contactUs-form-group label{
    display:block;
    color:#2B3990;
    font-size:14px;
    font-weight:700;
    margin-bottom:4px;
}

.contactUs-form-group input,
.contactUs-form-group select,
.contactUs-form-group textarea{

    width:100%;
    border:1px solid #777;
    border-radius:0;
    box-shadow:none;
    padding:12px 15px;
    font-size:14px;
    background:#fff;
    border-radius: var(--bs-border-radius);
}
p:empty {
    display: none;
}
.contactUs-form-group input:focus,
.contactUs-form-group select:focus,
.contactUs-form-group textarea:focus{

    border-color:#2B3990;
    box-shadow:none;
}

.contactUs-form-group textarea{
    resize:none;
    min-height:74px;
}
.contactUs-submit-btn{

    display:inline-flex;
    justify-content:center;
    align-items:center;

    margin-top:40px;
    background:#283995;
    color:#fff;
    text-decoration:none;
    font-size: clamp(14px, 1.6vw, 16px);
    font-weight:600;
    border:none;
    padding:13px 27px;
    border-radius:24px;
    cursor:pointer;
    transition:.3s;
    text-decoration: none;
}

.contactUs-submit-btn:hover{
    transform:translateY(-2px);

}
.contactUs-social{

    padding-left:25px;
    padding-bottom:90px;
}

.contactUs-social h4{

    color:#2B3990;
    font-size:clamp(16px,1.4vw,20px);
    font-weight:700;

    margin-bottom:15px;
}

.contactUs-social a{

    width:45px;
    height:45px;

    display:flex;
    justify-content:center;
    align-items:center;

    text-decoration:none;

    transition:.3s;
}


@media(max-width:991px){

    .contactUs-section{

        padding:50px 0;
    }

    .contactUs-bg-shape{

        width:300px;
        opacity:.15;
    }

    .contactUs-header{

        margin-bottom:35px;
    }
    .contactUs-form-wrapper{

        padding:30px 22px;
    }
    .contactUs-social{

        margin-top:45px;
        padding:0;
    }


    .contactUs-submit-btn{

        width:100%;
    }

}
@media (max-width: 567px) {
    .contactUs-submit-btn {
        width: 74%;
        margin-left: 13%;
    }
}

.thankyou-section{
    min-height:70vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:80px 20px;
}

.thankyou-card{
    max-width:650px;
    margin:auto;
    text-align:center;
}

.thankyou-card img{
    max-width:450px;
    margin-bottom:30px;
}

.thankyou-card h1{
    color:#2B3990;
    font-size:clamp(24px, 3vw, 32px);
    font-weight:700;
    margin-bottom:20px;
}

.thankyou-card p{
    font-size:clamp(14px, 1.5vw, 16px);
    line-height:1.4;
    margin-bottom:35px;
}
@media(max-width:991px){

    .thankyou-card{
        max-width:350px;
        margin:auto;
        text-align:center;
    }

    .thankyou-card img{

        width:100%;
        margin-bottom:30px;
    }
}
.thankyou-btn{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    margin-top:20px;

    padding:13px 27px;


    background:#2B3990;
    color:#fff;

    border-radius:24px;

    text-decoration:none;

    font-size:14px;
    font-weight:600;

    transition:.3s;


}

.thankyou-btn:hover{
    color:#fff;
    transform:translateY(-2px);
}

.portfolio-grid {
    position: relative;
    width: 100%;
}

.portfolio-item {
    position: absolute;

    transition:
            transform 0.4s ease,
            opacity 0.3s ease;
}

.portfolio-item.filter-hidden {
    pointer-events: none;
}
.no-results {
    display: none;

    position: absolute;
    left: 0;
    top: 50%;

    width: 100%;

    text-align: center;

    padding: 60px 20px;

    transform: translateY(-50%);
}

.no-results.visible {
    display: block;
}

.no-results-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}

.no-results-text {
    font-size: 16px;
    color: #777;
    margin-bottom: 20px;
}

#resetFilters {
    padding: 10px 25px;
    border: 0;
    background: #000;
    color: #fff;
    cursor: pointer;
}

#resetFilters:hover {
    opacity: 0.8;
}
.min-height{
    min-height: 600px;
}
.no-results {
    position: absolute;

    left: 0;
    top: 0;

    width: 100%;

    display: none;

    text-align: center;

    padding: 50px 20px;

    box-sizing: border-box;
}

.no-results.visible {
    display: block;
}
.cursor-pointer {
    cursor: pointer !important;
}