.elementor-22200 .elementor-element.elementor-element-ca8e653{--display:flex;}.elementor-22200 .elementor-element.elementor-element-4d316ac{--display:flex;}.elementor-22200 .elementor-element.elementor-element-76a0a28:not(.elementor-motion-effects-element-type-background), .elementor-22200 .elementor-element.elementor-element-76a0a28 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-22200 .elementor-element.elementor-element-76a0a28{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-22200 .elementor-element.elementor-element-76a0a28 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22200 .elementor-element.elementor-element-5f3eb8b .elementor-heading-title{font-size:2em;line-height:42px;color:#212529;}.elementor-22200 .elementor-element.elementor-element-d59f639{font-size:1.2em;font-weight:300;color:var( --e-global-color-quaternary );}.elementor-22200 .elementor-element.elementor-element-4d80f2d .porto-sicon-img{font-size:55px;}.elementor-22200 .elementor-element.elementor-element-4d80f2d .porto-sicon-title{font-size:1.5em;font-weight:700;line-height:1em;color:var( --e-global-color-quaternary );}.elementor-22200 .elementor-element.elementor-element-4d80f2d .porto-sicon-description{line-height:26px;color:var( --e-global-color-quaternary );}.elementor-22200 .elementor-element.elementor-element-a6d3303 .porto-sicon-img{font-size:55px;}.elementor-22200 .elementor-element.elementor-element-a6d3303 .porto-sicon-title{font-size:1.5em;font-weight:700;color:var( --e-global-color-quaternary );}.elementor-22200 .elementor-element.elementor-element-a6d3303 .porto-sicon-description{line-height:26px;color:var( --e-global-color-quaternary );}.elementor-22200 .elementor-element.elementor-element-0857257 .porto-sicon-img{font-size:60px;}.elementor-22200 .elementor-element.elementor-element-0857257 .porto-sicon-title{font-size:1.5em;font-weight:700;line-height:1em;color:var( --e-global-color-quaternary );}.elementor-22200 .elementor-element.elementor-element-0857257 .porto-sicon-description{line-height:26px;color:var( --e-global-color-quaternary );}.elementor-22200 .elementor-element.elementor-element-13442b7 .porto-sicon-img{font-size:55px;}.elementor-22200 .elementor-element.elementor-element-13442b7 .porto-sicon-title{font-size:1.5em;font-weight:700;line-height:1em;color:var( --e-global-color-quaternary );}.elementor-22200 .elementor-element.elementor-element-13442b7 .porto-sicon-description{line-height:26px;color:var( --e-global-color-quaternary );}.elementor-22200 .elementor-element.elementor-element-5ba3e14{--display:flex;}.elementor-22200 .elementor-element.elementor-element-82f1290{--display:flex;}/* Start custom CSS for html, class: .elementor-element-e201324 */.m365-security-hero{

    padding:80px 0;

    background:#fff;

    overflow:hidden;

    font-family:'Poppins',sans-serif;
}

.m365-security-container{

    width:90%;

    max-width:1450px;

    margin:auto;

    display:grid;

    grid-template-columns:1.05fr .95fr;

    gap:60px;

    align-items:center;
}

/* TAG */

.m365-security-tag{

    display:inline-block;

    padding:10px 18px;

    border-radius:50px;

    background:#edf7ff;

    color:#0088CC;

    font-size:12px;

    font-weight:600;

    letter-spacing:2px;
}

/* HEADING */

.m365-security-content h1{

    margin:20px 0;

    font-size:58px;

    font-weight:500;

    line-height:1.08;

    color:#111;
}

.m365-security-content h1 span{

    display:block;

    color:#0088CC;

    font-weight:600;
}

/* TEXT */

.security-intro{

    font-size:19px !important;

    font-weight:500;

    color:#111 !important;
}

.m365-security-content p{

    margin-top:16px;

    color:#666;

    line-height:1.9;

    font-size:16px;
}

/* IMAGE */

.m365-security-image-card{

    position:relative;
}

.m365-security-image-card img{

    width:100%;

    display:block;

    border-radius:35px;

    box-shadow:
    0 35px 80px rgba(0,0,0,.08);
}

/* FLOATING CARDS */

.security-floating{

    position:absolute;

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

    padding:16px 22px;

    border-radius:18px;

    box-shadow:
    0 12px 30px rgba(0,0,0,.08);
}

.security-floating strong{

    display:block;

    color:#111;

    font-size:18px;
}

.security-floating span{

    color:#666;

    font-size:13px;
}

.security-1{

    top:20px;

    left:-20px;
}

.security-2{

    top:50%;

    right:-20px;

    transform:translateY(-50%);
}

.security-3{

    bottom:20px;

    left:20px;
}

/* TABLET */

@media(max-width:991px){

    .m365-security-container{

        grid-template-columns:1fr;

        gap:40px;
    }

    .m365-security-content h1{

        font-size:42px;
    }

    .security-1,
    .security-2,
    .security-3{

        position:static;

        margin-top:15px;

        transform:none;
    }

}

/* MOBILE */

@media(max-width:767px){

    .m365-security-hero{

        padding:60px 0;
    }

    .m365-security-content h1{

        font-size:34px;
    }

    .security-intro{

        font-size:17px !important;
    }

    .m365-security-content p{

        font-size:15px;
    }

    .m365-security-image-card img{

        border-radius:25px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f6dbc1 */.m365-security-architecture{

    padding:70px 0;

    background:#fff;

    font-family:'Poppins',sans-serif;
}

.security-header{

    width:90%;

    max-width:900px;

    margin:0 auto 50px;

    text-align:center;
}

.security-tag{

    display:inline-block;

    padding:10px 18px;

    border-radius:50px;

    background:#edf7ff;

    color:#0088CC;

    font-size:12px;

    font-weight:600;

    letter-spacing:2px;
}

.security-header h2{

    margin:20px 0;

    font-size:52px;

    font-weight:600;

    line-height:1.15;

    color:#111;
}

.security-header p{

    color:#666;

    font-size:16px;

    line-height:1.9;
}

/* GRID */

.security-grid{

    width:90%;

    max-width:1400px;

    margin:auto;

    display:grid;

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

    gap:25px;
}

/* CENTER SHIELD */

.security-center{

    grid-column:span 2;

    display:flex;

    justify-content:center;
}

.center-shield{

    width:140px;

    height:140px;

    border-radius:50%;

    background:#0088CC;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:65px;

    box-shadow:
    0 20px 50px rgba(0,136,204,.25);
}

/* CARDS */

.security-card{

    background:#fff;

    padding:30px;

    border-radius:30px;

    border:1px solid #e8eef7;

    transition:.35s;

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

.security-card:hover{

    transform:translateY(-8px);

    border-color:#0088CC;
}

.security-icon{

    width:70px;

    height:70px;

    border-radius:20px;

    background:#f8fbff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

    margin-bottom:20px;
}

.security-card h3{

    margin:0;

    font-size:26px;

    font-weight:600;

    line-height:1.3;

    color:#111;
}

.security-card p{

    margin-top:15px;

    color:#666;

    font-size:15px;

    line-height:1.9;
}

/* LAST CARD */

.security-wide{

    grid-column:span 2;
}

/* MOBILE */

@media(max-width:991px){

    .security-grid{

        grid-template-columns:1fr;
    }

    .security-center,
    .security-wide{

        grid-column:auto;
    }

    .security-header h2{

        font-size:40px;
    }

}

@media(max-width:767px){

    .security-header h2{

        font-size:32px;
    }

    .security-card{

        padding:22px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-24ab8ae */.m365-security-expertise{

    padding:65px 0;

    background:#fff;

    font-family:'Poppins',sans-serif;
}

.expertise-header{

    width:90%;

    max-width:900px;

    margin:0 auto 45px;

    text-align:center;
}

.expertise-header h2{

    margin:0;

    font-size:48px;

    font-weight:600;

    line-height:1.15;

    color:#111;
}

.expertise-header p{

    margin-top:15px;

    color:#666;

    font-size:15px;

    line-height:1.9;
}

/* GRID */

.expertise-bento{

    width:90%;

    max-width:1400px;

    margin:auto;

    display:grid;

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

    gap:22px;
}

/* CARD */

.expertise-box{

    background:#fff;

    padding:28px;

    border-radius:28px;

    border:1px solid #e8eef7;

    transition:.35s;

    box-shadow:
    0 12px 35px rgba(0,0,0,.04);
}

.expertise-box:hover{

    transform:translateY(-8px);

    border-color:#0088CC;
}

.expertise-box img{

    width:75px;

    height:75px;

    object-fit:contain;

    margin-bottom:18px;
}

.expertise-box h3{

    margin:0;

    font-size:24px;

    font-weight:600;

    line-height:1.3;

    color:#111;
}

.expertise-box p{

    margin-top:12px;

    color:#666;

    font-size:15px;

    line-height:1.8;
}

/* CENTER */

.expertise-center{

    grid-column:span 2;
}

.center-card{

    background:
    linear-gradient(
    135deg,
    #0088CC,
    #00AEEF);

    border-radius:30px;

    padding:45px;

    text-align:center;

    color:#fff;
}

.center-card span{

    font-size:42px;

    font-weight:600;
}

/* MOBILE */

@media(max-width:991px){

    .expertise-bento{

        grid-template-columns:1fr;
    }

    .expertise-center{

        grid-column:auto;
    }

}

@media(max-width:767px){

    .expertise-header h2{

        font-size:32px;
    }

    .center-card span{

        font-size:28px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9450465 */.m365-security-cta{

    padding:55px 0;

    background:#fff;

    font-family:'Poppins',sans-serif;
}

.security-cta-wrapper{

    width:90%;

    max-width:1400px;

    margin:auto;

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:25px;

    align-items:center;
}

/* LEFT */

.security-cta-content{

    padding:35px;

    background:#f8fbff;

    border:1px solid #e8eef7;

    border-radius:30px;
}

.security-cta-tag{

    display:inline-block;

    padding:10px 18px;

    border-radius:50px;

    background:#edf7ff;

    color:#0088CC;

    font-size:12px;

    font-weight:600;

    letter-spacing:2px;
}

.security-cta-content h2{

    margin:18px 0;

    font-size:46px;

    font-weight:600;

    line-height:1.1;

    color:#111;
}

.security-cta-content p{

    margin-top:12px;

    color:#666;

    font-size:15px;

    line-height:1.9;
}

/* BUTTON */

.security-cta-btn{

    display:inline-block;

    margin-top:20px;

    padding:15px 30px;

    background:#0088CC;

    color:#fff;

    text-decoration:none;

    border-radius:50px;

    font-weight:500;

    transition:.3s;
}

.security-cta-btn:hover{

    transform:translateY(-3px);
}

/* RIGHT */

.security-cta-benefits{

    display:flex;

    flex-direction:column;

    gap:18px;
}

.benefit-box{

    display:flex;

    align-items:center;

    gap:18px;

    padding:22px;

    border:1px solid #e8eef7;

    border-radius:24px;

    background:#fff;

    transition:.35s;

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

.benefit-box:hover{

    transform:translateX(8px);

    border-color:#0088CC;
}

.benefit-icon{

    width:52px;

    height:52px;

    min-width:52px;

    border-radius:14px;

    background:#0088CC;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:18px;

    font-weight:600;
}

.benefit-box p{

    margin:0;

    color:#111;

    font-size:15px;

    font-weight:500;

    line-height:1.7;
}

/* BOTTOM TEXT */

.security-cta-bottom{

    width:90%;

    max-width:900px;

    margin:25px auto 0;

    text-align:center;

    color:#555;

    font-size:17px;

    line-height:1.8;
}

/* TABLET */

@media(max-width:991px){

    .security-cta-wrapper{

        grid-template-columns:1fr;
    }

    .security-cta-content h2{

        font-size:38px;
    }

}

/* MOBILE */

@media(max-width:767px){

    .m365-security-cta{

        padding:45px 0;
    }

    .security-cta-content{

        padding:25px 20px;
    }

    .security-cta-content h2{

        font-size:30px;
    }

    .security-cta-btn{

        width:100%;

        text-align:center;
    }

    .benefit-box{

        padding:18px;
    }

}/* End custom CSS */