.elementor-1468 .elementor-element.elementor-element-a456eb6{--display:flex;}.elementor-1468 .elementor-element.elementor-element-5956eb70{--display:flex;}/* Start custom CSS for html, class: .elementor-element-8404711 *//*====================================================
MICROSOFT 365 DEPLOYMENT SECTION
====================================================*/

.m365-deployment{
    background:#EAF4FF;
    padding:90px 20px;
    text-align:center;
    font-family:'Manrope',sans-serif;
}

.m365-deployment .container{
    max-width:1200px;
    margin:auto;
}

.section-tag{
    display:inline-block;
    padding:7px 16px;
    border:1px solid #2563EB;
    color:#2563EB;
    border-radius:30px;
    font-size:11px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:22px;
}

.section-tag.center{
    display:block;
    width:max-content;
    margin:0 auto 50px;
}

.deployment-hero h2{

font-size:54px;
font-weight:800;
line-height:1.2;
color:#0F2A45;
margin:0;

}

.deployment-hero p{

max-width:760px;
margin:25px auto 40px;
font-size:18px;
line-height:1.8;
color:#607A98;

}

.hero-buttons{

display:flex;
justify-content:center;
gap:18px;
flex-wrap:wrap;

}

.btn-primary{

background:#2563EB;
color:#fff;
padding:15px 32px;
border-radius:10px;
text-decoration:none;
font-weight:700;
transition:.3s;

}

.btn-primary:hover{

background:#1D4ED8;

}

.btn-secondary{

background:#0F2A45;
color:#fff;
padding:15px 32px;
border-radius:10px;
text-decoration:none;
font-weight:700;
transition:.3s;

}

.btn-secondary:hover{

background:#17385A;

}

/*====================================================
SERVICE GRID
====================================================*/

.services-grid-section{

background:#fff;
padding:90px 20px;

}

.services-grid-section .container{

max-width:1200px;
margin:auto;

}

.services-grid{

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

}

.service-card{

background:#fff;
border:1px solid #DCE8F6;
border-radius:16px;
padding:28px;
transition:.35s;
box-shadow:0 8px 20px rgba(15,42,69,.05);

}

.service-card:hover{

transform:translateY(-8px);
box-shadow:0 18px 40px rgba(15,42,69,.10);

}

.service-card.featured{

border:2px solid #2563EB;

}

.service-icon{

width:54px;
height:54px;
background:#EEF6FF;
border-radius:12px;
display:flex;
align-items:center;
justify-content:center;
font-size:24px;
margin-bottom:20px;

}

.service-card h3{

font-size:22px;
font-weight:800;
color:#0F2A45;
margin-bottom:14px;
line-height:1.35;

}

.service-card p{

font-size:15px;
line-height:1.8;
color:#607A98;
margin:0;

}

/*====================================================
WHO THIS IS FOR
====================================================*/

.who-for-section{

background:#EAF4FF;
padding:90px 20px;

}

.who-for-section .container{

max-width:1000px;
margin:auto;

}

.who-wrapper{

background:transparent;

}

.who-list{

list-style:none;
padding:0;
margin:0;

}

.who-list li{

position:relative;
padding-left:34px;
margin-bottom:22px;
font-size:17px;
line-height:1.8;
color:#0F2A45;

}

.who-list li:before{

content:"✓";
position:absolute;
left:0;
top:2px;
color:#2563EB;
font-weight:800;
font-size:20px;

}

/*====================================================
RESPONSIVE
====================================================*/

@media(max-width:1024px){

.services-grid{

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

}

.deployment-hero h2{

font-size:42px;

}

}

@media(max-width:768px){

.m365-deployment{

padding:70px 20px;

}

.deployment-hero h2{

font-size:32px;

}

.deployment-hero p{

font-size:16px;

}

.services-grid{

grid-template-columns:1fr;

}

.hero-buttons{

flex-direction:column;
align-items:center;

}

.btn-primary,
.btn-secondary{

width:260px;
text-align:center;

}

.service-card{

padding:24px;

}

.who-list li{

font-size:15px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-926740d *//*=========================================
HOW WE DELIVER
=========================================*/

.delivery-process{

padding:90px 20px;

background:#fff;

font-family:'Manrope',sans-serif;

}

.delivery-process .container{

max-width:1200px;

margin:auto;

}

.process-grid{

display:grid;

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

gap:20px;

margin-top:40px;

}

.process-card{

background:#fff;

border:1px solid #DCE8F6;

border-radius:14px;

padding:28px;

transition:.35s;

}

.process-card:hover{

transform:translateY(-6px);

box-shadow:0 18px 35px rgba(15,42,69,.08);

}

.step-number{

font-size:34px;

font-weight:800;

color:#2563EB;

margin-bottom:16px;

}

.process-card h3{

font-size:18px;

font-weight:800;

color:#0F2A45;

margin-bottom:12px;

line-height:1.4;

}

.process-card p{

font-size:15px;

line-height:1.8;

color:#607A98;

margin:0;

}

/*=========================================
WHY PRODUCTIVITY365
=========================================*/

.why-p365{

background:#EAF4FF;

padding:90px 20px;

}

.why-p365 .container{

max-width:900px;

margin:auto;

}

.why-list{

list-style:none;

padding:0;

margin:40px 0 0;

}

.why-list li{

position:relative;

padding-left:32px;

margin-bottom:18px;

font-size:16px;

line-height:1.8;

color:#0F2A45;

}

.why-list li:before{

content:"✓";

position:absolute;

left:0;

top:2px;

font-size:18px;

font-weight:800;

color:#2563EB;

}

@media(max-width:1024px){

.process-grid{

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

}

}

@media(max-width:768px){

.process-grid{

grid-template-columns:1fr;

}

.delivery-process,
.why-p365{

padding:70px 20px;

}

}/* End custom CSS */