/* Card */

.service-card{

    background:#fff;
    border-radius:18px;
    padding:30px;
    display:flex;
    align-items:flex-start;

    border:1px solid #edf1f5;

    transition:.35s;

    height:100%;
}

.service-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(0,0,0,.08);

    border-color:#16c2d5;
}

/* Icon */

.service-icon{

    width:60px;
    height:60px;

    min-width:60px;

    border-radius:50%;

    background:rgba(22,194,213,.12);

    display:flex;

    justify-content:center;

    align-items:center;

    margin-right:18px;
}

.service-icon i{

    font-size:28px;

    color:#00bfd8;
}

/* Content */

.service-content h5{

    font-size:22px;

    font-weight:700;

    color:#12284a;

    margin-bottom:12px;
}

.service-content p{

    color:#6b7280;

    line-height:1.8;

    margin:0;

    font-size:15px;
}

/* CTA */

.cta-box{

    margin-top:20px;

    padding:40px;

    border-radius:20px;

    background:linear-gradient(135deg,#102a54,#17396b);

    color:#fff;

    box-shadow:0 18px 35px rgba(16,42,84,.25);
}

.cta-box h3{

    font-size:34px;

    font-weight:700;

    margin-bottom:10px;
}

.cta-box p{

    font-size:17px;

    color:#d8e6ff;

    margin:0;
}

/* Button */

.cta-btn{

    display:inline-block;

    padding:15px 38px;

    background:#12d4e3;

    color:#fff;

    border-radius:50px;

    font-weight:600;

    transition:.3s;

    text-decoration:none;
}

.cta-btn:hover{

    background:#fff;

    color:#17396b;

    text-decoration:none;

    transform:translateY(-3px);

    box-shadow:0 12px 25px rgba(255,255,255,.2);
}

.cta-box.cta-box02 {
    padding: 17px;
    margin-top: 0;
    margin-bottom: 24px;
}

.cta-box.cta-box02 span{
	color:#fff;
}

.synerg--design4562 {
    padding: 14px;
    border-left: solid 4px #1e40af;
    margin-bottom: 34px;
    background: #fff;
	position:relative;
}

.synerg--design4562 h4 {
    font-size: 17px;
}
.synerg--design4562 h2 {
    font-size: 24px;
}

.synerg--design4562 a {
    color: #212529;
}

.synerg--design4562 a i {
    position: absolute;
    right: 15px;
    top: 6px;
    font-size: 32px;
    color: #1e40af;
}

.secudata--main02 .securd01 {
    padding: 15px 16px 14px 44px;
    background: #fff;
    border: 1px solid #EEEEEE;
    border-radius: 15px;
    position: relative;
    margin-bottom: 12px;
    min-height: 145px;
}

.secudata--main02 .securd01 h6 {
    font-size: 16px;
    font-weight: 600;
}

.secudata--main02 .securd01 p {
    font-size: 15px;
    color: #545353;
	    margin: 0;
}

.secudata--main02 .securd01:before {
    content: "\eb80";
    font-family: remixicon !important;
    position: absolute;
    left: 18px;
    top: 10px;
    font-size: 20px;
    color: #ff0000;
    font-weight: normal;
}

.main--top--faince526 .ri-git-repository-private-line {
    font-size: 23px;
    color: #ff0000;
    background: #fff;
    padding: 10px;
    border: 1px solid #EEEEEE;
    border-radius: 7px;
}


.why--secur526 {
    margin: 0;
    padding: 0;
    list-style: none;
}

.why--secur526 li {
    padding: 5px;
}

.padd35 {
    padding: 35px;
}

.feature-card02 {
   background: #fff;
    padding: 35px;
    border-radius: 18px;
    margin-bottom: 22px;
    transition: .4s;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .08);
    min-height: 373px;
}

.feature-card02 h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 18px;
    color: #003366;
}

.feature-card02 p {
    line-height: 28px;
    color: #666;
}

.feature-card02 .icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2c497d, #0061ff);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 23px;
    margin-bottom: 11px;
}

.cardnew01 {
    background: #fff;
    border-radius: 16px;
    padding: 25px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, .08);
    border-top: 6px solid #0d6efd;
    transition: .4s;
}

.cardnew01  h2 {
    font-size: 24px;
    margin-bottom: 3px;
    color: #05386b;
}

.cardnew01 h4 {
    font-size: 16px;
    font-weight: 500;
    color: #0d6efd;
    margin-bottom: 5px;
}

.cardnew01 p {
    font-size: 16px;
    line-height: 26px;
    color: #5c6b7a;
    margin-bottom: 14px;
}

.features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.feature {
    display: flex;
    align-items: center;
    background: #f6f9ff;
    padding: 6px 12px;
    border-radius: 12px;
    transition: .3s;
}

.check {
    width: 30px;
    height: 30px;
    background: #0d6efd;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin-right: 9px;
    transition: .3s;
}

.feature h5 {
    font-size: 14px;
    font-weight: 500;
}

.info-box {
    margin-top: 24px;
    background: linear-gradient(135deg, #0d6efd, #0b5ed7);
    padding: 16px;
    border-radius: 18px;
    color: #fff;
}

.info-box h3 {
    margin-bottom: 3px;
    font-size: 20px;
}

.info-box p {
    color: #fff;
    line-height: 25px;
}

.backoffice-card {
        background: #fff;
    border-radius: 20px;
    padding: 26px;
    display: flex;
    justify-content: space-between;
    gap: 27px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .08);
    border-left: 6px solid #0d6efd;
} 

.right-content {
    width: 350px;
}

.feature-list.feature-list056 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.feature-item {
   background: #f4f8ff;
    padding: 8px 12px;
    border-radius: 12px;
    font-weight: 600;
    color: #0d6efd;
    transition: .3s;
    border: 1px solid #dce9ff;
    font-size: 14px;
}

.glass {
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .08);
    padding: 35px;
}

.title {
    font-size: 1.6rem;
    font-weight: 700;
}

.feature, .metric, .agent {
    border: 1px solid #d9e7ff;
    border-radius: 12px;
    padding: 18px;
    height: 100%;
    transition: .3s;
}

.feature:hover, .metric:hover, .agent:hover {
    background: #0b63d1;
    color: #fff;
    transform: translateY(-5px);
}

.feature i {
    font-size: 22px;
    color: #0b62df;
    padding-right: 6px;
}

.cmp, .ent, .cta {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
}

.head {
    background: #0c4aa4;
    color: #fff;
    font-weight: bold;
}

.head, .rowc {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.head div, .rowc div {
    padding: 12px;
}

.ent {
    padding: 40px;
    margin-top: 40px;
}

.tag {
    display: inline-block;
    background: #eef5ff;
    color: #0b5ed7;
    padding: 8px 16px;
    border-radius: 30px;
    margin: 6px;
}

.cta--new056 {
    text-align: center;
    padding: 26px;
}

.cta--new056 .btn.btn-primary05 {
    color: #1f61a6;
    background: #fff;
    padding: 12px;
    font-weight: 600;
}

.cta--new056 .btn.btn-primary06{
	 color: #fff;
    background: #1f61a6;
    padding: 12px;
    font-weight: 600;
}

.xtpl--logo856 img {
    width: 332px;
}

.rowc div:last-child {
    background: #f7fbff;
    color: #0b5ed7;
    font-weight: 600;
	    border-bottom-right-radius: 16px;
}

.tracex--block526 .feature-card02{
	    min-height: 288px;
}



.timeline{
            position:relative;
            margin-top:70px;
        }

        .timeline:before{
            content:'';
            position:absolute;
            left:50%;
            top:0;
            width:4px;
            height:100%;
            background:#d6e6ff;
            transform:translateX(-50%);
        }

        .timeline-item{
            position:relative;
            margin-bottom:60px;
        }

        .timeline-card{
            background:#fff;
            border-radius:18px;
            padding:35px;
            box-shadow:0 15px 35px rgba(0,0,0,.08);
            transition:.3s;
        }

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

        .timeline-icon{
            width:70px;
            height:70px;
            border-radius:50%;
               background: linear-gradient(135deg, #4975ab, #167fff);
            color:#fff;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:30px;
            position:absolute;
            left:50%;
            top:35px;
            transform:translate(-50%,0);
            z-index:5;
            box-shadow:0 10px 25px rgba(13,110,253,.3);
        }

        .timeline-left{
            padding-right:70px;
        }

        .timeline-right{
            padding-left:70px;
        }

        .step{
            display:inline-block;
            background: rgb(73 117 171 / 67%);
            color:#fff;
            padding:5px 14px;
            border-radius:30px;
            font-size:13px;
            margin-bottom:15px;
        }

        .timeline-card h4{
            font-weight:700;
            margin-bottom:15px;
            color:#143d8d;
        }

        .timeline-card p{
            margin:0;
            color:#666;
            line-height:1.8;
        }
		
		
		.offer-card{
    background: #fff;
    border-radius: 18px;
    padding: 14px;
    height: 100%;
    transition: .35s;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .08);
    border: 1px solid #eef4ff;
}

.offer-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 45px rgba(13,110,253,.18);

}

.icon-box{
   width: 42px;
    height: 42px;
    border-radius: 18px;
    background: linear-gradient(135deg, #2c497d, #0061ff);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 10px;
}

.offer-card h4{

    font-size:18px;
    font-weight:700;
    color:#143d8d;
    margin-bottom:15px;

}

.offer-card p{

    color:#666;
    line-height:1.8;
    margin:0;

}



.industry-section{
    padding:90px 0;
}

.section-tag{

    display:inline-block;

    padding:8px 20px;

    border-radius:30px;

    background:rgba(73,117,171,.12);

    color:#4975ab;

    font-weight:600;

    margin-bottom:20px;

}

.industry-section h2{

    font-size:42px;

    font-weight:700;

    color:#264d79;

    margin-bottom:20px;

}

.industry-section h5{

    color:#4975ab;

    font-weight:600;

    margin-bottom:20px;

}

.industry-section p{

    color:#666;

    line-height:1.8;

}

.feature-box{

    background:#fff;

    border-radius:20px;

    padding:30px;

    text-align:center;

    height:100%;

    box-shadow:0 15px 35px rgba(73,117,171,.12);

    transition:.35s;

    border:1px solid rgba(73,117,171,.08);

}

.feature-box:hover{

    transform:translateY(-8px);

    background:linear-gradient(135deg,#4975ab,#7399c9);

    color:#fff;

}

.feature-box i{

    font-size:40px;

    color:#4975ab;

    display:block;

    margin-bottom:18px;

}

.feature-box:hover i{

    color:#fff;

}

.feature-box h6{

    font-weight:600;

    margin:0;

}

.industry-wrapper{

    background:linear-gradient(135deg,#4975ab,#7ea3cf);

        padding: 25px;

    border-radius:30px;

    margin:80px 0;

    color:#fff;

}

.industry-wrapper h2,
.industry-wrapper p{

    color:#fff;

}

.industry-grid{

    margin-top:40px;

}

.industry-card{

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

    backdrop-filter:blur(10px);

    border-radius:18px;

    padding: 6px;

    text-align:center;

    transition:.35s;

    min-height: 124px;

}

.industry-card:hover{

    background:#fff;

    color:#4975ab;

    transform:translateY(-8px);

}

.industry-card i{

    font-size:38px;

    display:block;

    margin-bottom:2px;

}

.industry-card span{

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

}

.info-box0256{

    margin-top:10px;

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

    padding:18px;

    border-radius:20px;

    line-height:1.8;

}

.integration-grid{

    display:grid;

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

    gap:20px;

}

.integration-grid div{

    background: #fff;
    padding: 15px;
    border-radius: 15px;
    border-left: 5px solid #4975ab;
    font-weight: 600;
    box-shadow: 0 15px 30px rgba(73, 117, 171, .12);
    transition: .35s;
    display: flex;
    align-items: center;
    font-size: 14px;

}

.integration-grid div:hover{

    background:#4975ab;

    color:#fff;

    transform:translateX(10px);

}

.security-box{

    margin-top:50px;

    background:#edf4fb;

    border-left:6px solid #4975ab;

    padding:35px;

    border-radius:20px;

    font-size:18px;

    line-height:1.9;

    color:#555;

}

span.section-tag.section-tag02 {
    background: rgb(73 117 171 / 86%);
    color: #b1cdf0;
}

@media(max-width:991px){

.industry-wrapper{

padding:40px 25px;

}

.integration-grid{

grid-template-columns:1fr;

}

.industry-section h2{

font-size:34px;

}

}





.benefits-section{

padding:100px 0;

background:#f8fbff;

}

.section-badge{

display:inline-block;

padding:8px 22px;

background:rgba(73,117,171,.12);

color:#4975ab;

border-radius:30px;

font-weight:600;

margin-bottom:20px;

}

.section-title{

font-size:42px;

font-weight:700;

color:#264d79;

}

.section-subtitle{

color:#666;

font-size:18px;

margin-top:10px;

margin-bottom:60px;

}

.benefit-card{

background:#fff;

padding:35px;

border-radius:22px;

height:100%;

transition:.35s;

box-shadow:0 15px 35px rgba(73,117,171,.10);

position:relative;

overflow:hidden;

}

.benefit-card:before{

content:"";

position:absolute;

top:0;

left:0;

width:100%;

height:5px;

background:linear-gradient(90deg,#4975ab,#84abd9);

}

.benefit-card:hover{

transform:translateY(-8px);

box-shadow:0 25px 45px rgba(73,117,171,.18);

}

.icon{

width:70px;

height:70px;

background:linear-gradient(135deg,#4975ab,#84abd9);

border-radius:18px;

display:flex;

align-items:center;

justify-content:center;

color:#fff;

font-size:30px;

margin-bottom:25px;

}

.benefit-card h4{

font-size:22px;

font-weight:700;

color:#264d79;

margin-bottom:15px;

}

.benefit-card p{

color:#666;

line-height:1.8;

margin:0;

}

.future-box{

margin-top:80px;

background:linear-gradient(135deg,#4975ab,#6f97c6);

padding:60px;

border-radius:30px;

color:#fff;

position:relative;

overflow:hidden;

}

.future-box:before{

content:"";

position:absolute;

right:-80px;

top:-80px;

width:220px;

height:220px;

border-radius:50%;

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

}

.future-box h2{

font-size:38px;

font-weight:700;

margin-bottom:20px;

}

.future-box h5{

font-size:22px;

font-weight:600;

margin-bottom:20px;

line-height:1.6;

}

.future-box p{

font-size:17px;

line-height:1.8;

opacity:.95;

margin-bottom:0;

}

.cta-btn{

display:inline-block;

padding:18px 40px;

background:#fff;

color:#4975ab;

font-weight:700;

border-radius:50px;

text-decoration:none;

transition:.35s;

box-shadow:0 10px 25px rgba(0,0,0,.15);

}

.cta-btn:hover{

background:#264d79;

color:#fff;

text-decoration:none;

}

@media(max-width:991px){

.future-box{

padding:40px 30px;

text-align:center;

}

.future-box h2{

font-size:30px;

}

.future-box h5{

font-size:20px;

}

}


.dms-card{
    background:#fff;
    border-radius:28px;
    padding:45px;
    box-shadow:0 18px 45px rgba(14,93,181,.12);
    position:relative;
}

.dms-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:7px;
}

/*================================*/

.mini-tag{

display:inline-block;

padding:8px 18px;

border-radius:30px;

background:#EAF4FF;

color:#0E5DB5;

font-weight:600;

font-size:13px;

margin-bottom:20px;

}

.title-area h2{

font-size:42px;

font-weight:700;

line-height:54px;

margin-bottom:10px;

color:#17324d;

}

.title-area h2 span{

color:#0E5DB5;

}

.subtitle{

font-size:22px;

font-weight:600;

color:#0E5DB5;

margin-bottom:18px;

}

.description{

font-size:17px;

line-height:30px;

color:#68788d;

margin-bottom:10px;

}

/*================================*/

.feature-boxdpdp256{

background:#fff;

border:1px solid #dcecff;

border-radius:18px;

padding:22px;

display:flex;

transition:.35s;

height:100%;

box-shadow:0 10px 25px rgba(0,0,0,.05);

}

.feature-boxdpdp256:hover{

transform:translateY(-8px);

border-color:#0E5DB5;

box-shadow:0 20px 45px rgba(14,93,181,.18);

}

.feature-boxdpdp256 .icon-box{

width:58px;

height:58px;

min-width:58px;

background:linear-gradient(135deg,#0E5DB5,#2D8DFF);

border-radius:16px;

display:flex;

align-items:center;

justify-content:center;

color:#fff;

font-size:24px;

margin-right:18px;

}

.feature-boxdpdp256 .feature-box h5{

font-size:18px;

font-weight:600;

margin-bottom:8px;

}

.feature-boxdpdp256 .feature-box p{

font-size:14px;

color:#6c7b90;

line-height:24px;

margin:0;

}

/*================================*/

.security-card{

margin-top:25px;

padding:30px;

background:linear-gradient(135deg,#0E5DB5,#2B7FFF);

border-radius:22px;

color:#fff;

}

.security-header{

display:flex;

align-items:center;

margin-bottom:20px;

}

.lock-icon{

width:70px;

height:70px;

border-radius:18px;

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

display:flex;

align-items:center;

justify-content:center;

font-size:30px;

margin-right:18px;

}

.security-card h3{

font-size:28px;

margin-bottom:5px;

}

.security-card p{

margin:0;

opacity:.9;

}

.security-card ul{

margin-top:20px;

padding-left:20px;

}

.security-card li{

    padding: 7px 0;
    font-size: 15px;
    display: inline-block;
    width: 33%;

}

/*================================*/

.image-wrapper{

position:relative;

padding-left:35px;

}

.floating-card{

background:#fff;

padding:15px;

border-radius:28px;

box-shadow:0 20px 50px rgba(14,93,181,.15);

}

.floating-card img{

border-radius:20px;

width:100%;

display:block;

}

.stats-card{

position:absolute;

top:40px;

left:0;

background:#fff;

padding:20px 28px;

border-radius:18px;

box-shadow:0 15px 40px rgba(14,93,181,.18);

}

.stats-card h3{

font-size:36px;

color:#0E5DB5;

font-weight:700;

margin-bottom:5px;

}

.stats-card p{

margin:0;

font-size:14px;

color:#66778d;

}

.experience-card{

position:absolute;

bottom:30px;

right:-15px;

display:flex;

align-items:center;

background:#fff;

padding:18px 24px;

border-radius:18px;

box-shadow:0 20px 45px rgba(14,93,181,.18);

}

.experience-card i{

font-size:34px;

color:#0E5DB5;

margin-right:15px;

}

.experience-card h4{

font-size:18px;

margin-bottom:2px;

font-weight:600;

}

.experience-card span{

font-size:14px;

color:#67798d;

}

/*================================*/

@media(max-width:991px){

.image-wrapper{

margin-top:50px;

padding-left:0;

}

.stats-card{

position:relative;

top:auto;

left:auto;

margin-top:20px;

display:inline-block;

}

.experience-card{

position:relative;

right:auto;

bottom:auto;

margin-top:20px;

}

.title-area h2{

font-size:34px;

line-height:45px;

}

.subtitle{

font-size:19px;

}

.dms-card{

padding:30px;

}

}

@media(max-width:576px){

.feature-box{

flex-direction:column;

text-align:center;

}

.icon-box{

margin:0 auto 15px;

}

.title-area h2{

font-size:28px;

line-height:38px;

}

.subtitle{

font-size:18px;

}

.description{

font-size:15px;

line-height:26px;

}

.security-card{

padding:25px;

}

.security-header{

flex-direction:column;

text-align:center;

}

.lock-icon{

margin:0 0 15px;

}

}



/**********************************efarm css**********************/


.efrm-banner{

padding:120px 0;

background:linear-gradient(135deg,#eef6ff,#ffffff);

position:relative;

overflow:hidden;

}

.banner-tag{

display:inline-block;

padding:10px 22px;

background:#E8F3FF;

color:#0E5DB5;

border-radius:30px;

font-weight:600;

margin-bottom:25px;

}

.efrm-banner h1{

font-size:60px;

font-weight:700;

line-height:74px;

color:#16385C;

margin-bottom:25px;

}

.efrm-banner h1 span{

color:#0E5DB5;

}

.hero-text{

font-size:17px;

line-height:31px;

color:#5F738B;

margin-bottom:20px;

}

.hero-buttons{

margin-top:35px;

}

.hero-buttons .btn{

padding:14px 35px;

border-radius:50px;

font-weight:600;

}

.dashboard-wrapper{

background:#fff;

border-radius:25px;

padding:35px;

box-shadow:0 20px 55px rgba(14,93,181,.12);

}

.dashboard-head{

display:flex;

justify-content:space-between;

margin-bottom:25px;

align-items:center;

}

.dashboard-head span{

background:#15B56D;

padding:6px 15px;

border-radius:20px;

color:#fff;

font-size:13px;

}

.info-box{

background:#F8FBFF;

border-radius:18px;

padding:25px;

text-align:center;

margin-bottom:20px;

transition:.3s;

}

.info-box:hover{

transform:translateY(-8px);

}

.info-box i{

font-size:35px;

color:#0E5DB5;

display:block;

margin-bottom:15px;

}

.info-box h2{

font-size:34px;

font-weight:700;

color:#16385C;

}

.activity-panel{

background:#EEF6FF;

padding:25px;

border-radius:20px;

margin-top:15px;

}

.activity-panel ul{

margin:0;

padding-left:20px;

}

.activity-panel li{

padding:8px 0;

color:#506982;

}








/*======================================
Fraud Intelligence
======================================*/

.fraud-intelligence{

padding:100px 0;

background:#ffffff;

}

.section-tag{

display:inline-block;

padding:8px 18px;

background:#EAF4FF;

color:#0E5DB5;

border-radius:30px;

font-weight:600;

margin-bottom:18px;

}

.section-heading h2{

font-size:48px;

font-weight:700;

color:#143B66;

}

.section-heading h2 span{

color:#0E5DB5;

}

.section-heading p{

font-size:20px;

color:#657A93;

margin-top:15px;

}

.content-box{

padding-right:40px;

}

.content-box h3{

font-size:34px;

font-weight:700;

color:#143B66;

margin-bottom:25px;

}

.content-box p{

font-size:17px;

line-height:31px;

color:#677A90;

}

.flow-card{

display:flex;

align-items:flex-start;

background:#fff;

padding:22px;

border-radius:18px;

margin-bottom:18px;

box-shadow:0 10px 30px rgba(0,0,0,.06);

transition:.35s;

border-left:5px solid #0E5DB5;

}

.flow-card:hover{

transform:translateX(10px);

box-shadow:0 20px 40px rgba(14,93,181,.18);

}

.flow-icon{

width:65px;

height:65px;

background:#EAF4FF;

border-radius:18px;

display:flex;

justify-content:center;

align-items:center;

margin-right:20px;

}

.flow-icon i{

font-size:30px;

color:#0E5DB5;

}

.flow-card h5{

font-size:19px;

font-weight:600;

color:#143B66;

margin-bottom:8px;

}

.flow-card p{

margin:0;

color:#687A8F;

font-size:15px;

line-height:25px;

}



/*==============================
XN eFRM Process
==============================*/

.xn-efrm-process-section{

    padding:70px 0;
    background:#F8FBFF;

}

.xn-efrm-process-tag{

    display:inline-block;
    background:#EAF4FF;
    color:#0E5DB5;
    padding:8px 20px;
    border-radius:30px;
    font-weight:600;
    margin-bottom:18px;

}

.xn-efrm-process-title{

    font-size:46px;
    font-weight:700;
    color:#15395E;
    margin-bottom:20px;

}

.xn-efrm-process-desc{

    color:#5E738A;
    font-size:18px;
    line-height:30px;
    margin-bottom:10px;

}

.xn-efrm-process-desc2{

    color:#73869A;
    line-height:30px;

}

.xn-efrm-process-card{

    background:#fff;
    padding:35px;
    border-radius:20px;
    text-align:center;
    position:relative;
    transition:.35s;
    box-shadow:0 12px 35px rgba(0,0,0,.07);
    height:100%;

}

.xn-efrm-process-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(14,93,181,.18);

}

.xn-efrm-process-icon{

    width:85px;
    height:85px;
    background:#EAF4FF;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 auto 20px;

}

.xn-efrm-process-icon i{

    font-size:38px;
    color:#0E5DB5;

}

.xn-efrm-number{

    position:absolute;
    top:20px;
    right:20px;
    font-size:46px;
    color:#E3EEF9;
    font-weight:700;

}

.xn-efrm-process-card h4{

    font-size:24px;
    color:#163B63;
    margin-bottom:15px;
    font-weight:600;

}

.xn-efrm-process-card p{

    color:#6B7D91;
    line-height:28px;
    margin:0;

}

@media(max-width:991px){

.xn-efrm-process-title{

font-size:34px;

}

.xn-efrm-process-card{

margin-bottom:30px;

}

}


/*=========================================
Threat Intelligence Section
=========================================*/

.xn-efrm-threat-section{

padding:110px 0;

background:#fff;

}

.xn-efrm-threat-tag{

display:inline-block;

padding:8px 22px;

background:#EAF4FF;

color:#0E5DB5;

border-radius:40px;

font-weight:600;

margin-bottom:20px;

}

.xn-efrm-threat-content h2{

font-size:48px;

font-weight:700;

color:#15395E;

margin-bottom:15px;

}

.xn-efrm-threat-content h5{

font-size:24px;

color:#0E5DB5;

margin-bottom:20px;

font-weight:600;

}

.xn-efrm-threat-content p{

font-size:17px;

line-height:30px;

color:#66798F;

margin-bottom:30px;

}

.xn-efrm-threat-note{

padding:22px;

background:#F4F9FF;

border-left:5px solid #0E5DB5;

border-radius:10px;

line-height:28px;

font-weight:500;

color:#36526F;

}

.xn-efrm-threat-card{

background:#fff;

border:1px solid #E4EEF8;

border-radius:20px;

padding:30px;

height:100%;

transition:.35s;

box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.xn-efrm-threat-card:hover{

transform:translateY(-8px);

border-color:#0E5DB5;

box-shadow:0 18px 45px rgba(14,93,181,.18);

}

.xn-efrm-threat-icon{

width:70px;

height:70px;

background:#EAF4FF;

border-radius:18px;

display:flex;

justify-content:center;

align-items:center;

margin-bottom:20px;

}

.xn-efrm-threat-icon i{

font-size:32px;

color:#0E5DB5;

}

.xn-efrm-threat-card h4{

font-size:22px;

font-weight:600;

color:#15395E;

margin-bottom:15px;

}

.xn-efrm-threat-card p{

margin:0;

color:#6B7D91;

line-height:28px;

}

.xn-efrm-threat-full{

display:flex;

align-items:flex-start;

}

.xn-efrm-threat-full .xn-efrm-threat-icon{

margin-right:20px;

margin-bottom:0;

}

@media(max-width:991px){

.xn-efrm-threat-content{

margin-bottom:50px;

}

.xn-efrm-threat-content h2{

font-size:36px;

}

}

@media(max-width:576px){

.xn-efrm-threat-full{

display:block;

}

.xn-efrm-threat-full .xn-efrm-threat-icon{

margin-bottom:20px;

}

}


/*=====================================
XN eFRM Key Features
======================================*/

.xn-efrm-feature-section{

    padding:0px 0;
    background:#F8FBFF;

}

.xn-efrm-feature-tag{

    display:inline-block;
    padding:8px 22px;
    background:#EAF4FF;
    color:#0E5DB5;
    border-radius:30px;
    font-weight:600;
    margin-bottom:18px;

}

.xn-efrm-feature-title{

    font-size:46px;
    font-weight:700;
    color:#143B66;
    margin-bottom:18px;

}

.xn-efrm-feature-subtitle{

    max-width:760px;
    margin:auto;
    color:#6B7C91;
    line-height:30px;

}

/* Timeline */

.xn-efrm-feature-timeline{

    position:relative;
    margin-top:70px;

}

.xn-efrm-feature-timeline:before{

    content:'';
    position:absolute;
    left:50%;
    top:0;
    width:4px;
    height:100%;
    background:#D7E8FA;
    transform:translateX(-50%);

}

.xn-efrm-feature-item{

    width:50%;
    position:relative;
    padding:20px 45px;

}

.xn-efrm-feature-item.left{

    left:0;
    text-align:right;

}

.xn-efrm-feature-item.right{

    left:50%;

}

.xn-efrm-feature-card{

    background:#fff;
    border-radius:18px;
    padding:25px;
    display:flex;
    align-items:flex-start;
    box-shadow:0 10px 35px rgba(0,0,0,.06);
    transition:.35s;
    border:1px solid #E5EEF8;

}

.xn-efrm-feature-card:hover{

    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(14,93,181,.16);
    border-color:#0E5DB5;

}

.xn-efrm-feature-icon{

    width:65px;
    height:65px;
    min-width:65px;
    border-radius:18px;
    background:#EAF4FF;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:18px;

}

.xn-efrm-feature-icon i{

    font-size:30px;
    color:#0E5DB5;

}

.xn-efrm-feature-card h4{

    font-size:22px;
    color:#143B66;
    font-weight:600;
    margin-bottom:10px;

}

.xn-efrm-feature-card p{

    margin:0;
    color:#6B7C91;
    line-height:28px;

}

/* Timeline Dot */

.xn-efrm-feature-item:before{

    content:'';
    position:absolute;
    top:45px;
    width:18px;
    height:18px;
    background:#0E5DB5;
    border:4px solid #fff;
    border-radius:50%;
    box-shadow:0 0 0 4px #DCEBFA;

}

.xn-efrm-feature-item.left:before{

    right:-9px;

}

.xn-efrm-feature-item.right:before{

    left:-9px;

}

/* Mobile */

@media(max-width:991px){

.xn-efrm-feature-timeline:before{

left:25px;

}

.xn-efrm-feature-item{

width:100%;
left:0 !important;
padding-left:65px;
padding-right:0;
text-align:left !important;

}

.xn-efrm-feature-item:before{

left:16px !important;

}

}


/*==================================
Benefits
===================================*/

.xn-efrm-benefit-section{

padding:110px 0;

background:#ffffff;

}

.xn-efrm-benefit-tag{

display:inline-block;

padding:8px 20px;

background:#EAF4FF;

color:#0E5DB5;

border-radius:30px;

font-weight:600;

margin-bottom:18px;

}

.xn-efrm-benefit-title{

font-size:46px;

font-weight:700;

color:#15395E;

margin-bottom:20px;

}

.xn-efrm-benefit-desc{

max-width:760px;

margin:auto;

line-height:30px;

color:#6E8196;

}

.xn-efrm-benefit-card{

background:#F8FBFF;

padding:35px;

border-radius:18px;

height:100%;

transition:.35s;

text-align:center;

border:1px solid #E5EEF8;

}

.xn-efrm-benefit-card:hover{

background:#0E5DB5;

transform:translateY(-8px);

}

.xn-efrm-benefit-card i{

font-size:42px;

color:#0E5DB5;

margin-bottom:20px;

display:block;

}

.xn-efrm-benefit-card:hover i,
.xn-efrm-benefit-card:hover h5,
.xn-efrm-benefit-card:hover p{

color:#fff;

}

.xn-efrm-benefit-card h5{

font-weight:600;

margin-bottom:15px;

color:#15395E;

}

.xn-efrm-benefit-card p{

margin:0;

line-height:28px;

color:#6E8196;

}

/* WHY */

.xn-efrm-why-section{

padding:100px 0;

background:#F7FAFE;

}

.xn-efrm-why-tag{

display:inline-block;

background:#EAF4FF;

padding:8px 20px;

border-radius:30px;

color:#0E5DB5;

font-weight:600;

margin-bottom:20px;

}

.xn-efrm-why-section h2{

font-size:44px;

font-weight:700;

color:#15395E;

margin-bottom:20px;

}

.xn-efrm-why-section p{

line-height:32px;

color:#667B90;

}

.xn-efrm-why-box{

background:#fff;

padding:35px;

border-radius:20px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.xn-efrm-why-box div{

padding:18px 0;

font-weight:600;

border-bottom:1px solid #EDF3FA;

}

.xn-efrm-why-box div:last-child{

border:none;

}

.xn-efrm-why-box i{

font-size:22px;

color:#0E5DB5;

margin-right:12px;

}

/* CTA */

.xn-efrm-cta-section{

padding:90px 0;

background:linear-gradient(135deg,#0E5DB5,#123A72);

}

.xn-efrm-cta-wrap{

text-align:center;

color:#fff;

}

.xn-efrm-cta-wrap h2{

font-size:46px;

font-weight:700;

margin-bottom:20px;

}

.xn-efrm-cta-wrap p{

font-size:18px;

margin-bottom:35px;

opacity:.95;

}

.xn-efrm-cta-wrap .btn{

padding:15px 40px;

border-radius:50px;

font-weight:600;

color:#0E5DB5;

}

.info-box.info-boxdpdp526{
	    margin-top: 24px;
    background: linear-gradient(135deg, #0d6efd, #0b5ed7) !important;
    padding: 16px;
    border-radius: 18px;
    color: #fff;
}

/****************************Glocery css start************************************/

    .xt-glossary-section{
    background:#f7f9fc;
}

.xt-title{
    font-size:42px;
    font-weight:700;
}

.xt-title span{
    color:#0d6efd;
}

.xt-subtitle{
    color:#0d6efd;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:2px;
}

.xt-desc{
    max-width:700px;
    margin:auto;
    color:#666;
}

.xt-alpha-nav{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    margin-bottom:50px;
}

.xt-alpha-nav button{
    width:38px;
    height:38px;
    margin:2px;
    border-radius:50%;
    border:none;
    background:#fff;
    box-shadow:0 3px 12px rgba(0,0,0,.08);
    transition:.3s;
    font-weight:600;
}

.xt-alpha-nav button:hover,
.xt-alpha-nav button.active{
       background: linear-gradient(135deg, #2c497d, #0061ff);
    color:#fff;
}

.xt-letter-heading{
    font-size:32px;
    margin:30px 0 25px;
       border-left: 5px solid #2050a1;
    padding-left:15px;
}

.xt-glossary-card{
    background:#fff;
    padding:25px;
    border-radius:12px;
    height:100%;
    transition:.35s;
    box-shadow:0 10px 25px rgba(0,0,0,.06);
}

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

.xt-glossary-card h5{
    color: #2050a1;
    font-weight:600;
}

.xt-glossary-card p {
    margin: 0;
}

.xt-search-box input{
    height:55px;
    border-radius:40px;
}


/* ============================= */
/* A-Z Tab Show / Hide */
/* ============================= */

.xt-letter-block{
    display:none;
    animation:fadeEffect .35s ease-in-out;
}

.xt-letter-block.active-block{
    display:block;
}

@keyframes fadeEffect{

    from{
        opacity:0;
        transform:translateY(15px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}