/* Smooth scroll */
html{
scroll-behavior: smooth;
}
/*html, body{
width:100%;
height:100%;
overflow-x:hidden;
}
body{
margin:0;
padding:0;
}
*/
/* Offset only for desktop */
@media (min-width: 769px){
section{
scroll-margin-top: 80px; /* navbar height */
}
}
*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}
body{color:#333}
/* COMMON */
.container{width:90%;max-width:1200px;margin:auto}
h2{/*text-align:center;*/margin-bottom:25px}
/* NAVBAR */
/* NAVBAR */
.navbar{
position:sticky;
top:0;
width:100%;
background:#0b2c4d;
z-index:999;
}
.nav-container{
max-width:1200px;
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
padding:10px 15px;
}
/* LOGO */
.nav-logo-text{
display:flex;
align-items:center;
gap:10px;
}
.logo-icon{
height:56px; /* larger icon */
width:auto;
object-fit:contain;
flex-shrink:0;
}
.logo-text-wrap{
display:flex;
flex-direction:column;
line-height:1.1;
}
.typing-text{
font-size:16px;
font-weight:700;
color:#fff;
white-space:nowrap;
overflow:hidden;
width:0;
animation: typing 3s steps(22,end) forwards;
}
.logo-sub{
font-size:11px;
font-weight:600;
color:#fff;
background:#CC0000;
padding:3px 8px;
border-radius:4px;
margin-top:4px;
width:max-content;
}
/* MENU */
.nav-menu{
display:flex;
gap:25px;
}
.nav-menu a{
color:#fff;
text-decoration:none;
font-weight:500;
font-size:14px;
}
/* ACTION BUTTONS */
.nav-actions{
display:flex;
align-items:center;
gap:10px;
}
.nav-btn{
padding:8px 10px;
border-radius:6px;
color:#fff;
}
.nav-btn.whatsapp{ background:#25D366; }
.nav-btn.call{ background:#ff7a00; }
/* HAMBURGER */
.hamburger{
display:none;
flex-direction:column;
gap:4px;
cursor:pointer;
}
.hamburger span{
width:22px;
height:2px;
background:#fff;
}
/* TYPING ANIMATION */
@keyframes typing{
from{ width:0 }
to{ width:25ch; }
}
/* MOBILE */
@media (max-width:768px){
.nav-menu{
position:absolute;
top:100%;
left:0;
width:100%;
background:#0b2c4d;
flex-direction:column;
display:none;
gap:5px;
}
.nav-menu a{
padding:5px 14px;
border-top:1px solid rgba(255,255,255,0.1);
}
.nav-menu.show{
display:flex;
}
.hamburger{
display:flex;
}
/* Hide WhatsApp & Call on mobile */
.nav-btn.whatsapp,
.nav-btn.call{
display:none;
}
.logo-icon{
height:50px;
}
.typing-text{
font-size:13px;
}
}
/* SECTIONS */
.about,.why,.quote{padding:60px 0}
/*==================================
ABOUT SECTION
===================================*/
/*==================================================
EAGLE ABOUT INTRODUCTION
==================================================*/
.eagleaboutintro,
.eagleaboutintro *{
box-sizing:border-box;
}
.eagleaboutintro{
position:relative;
width:100%;
padding:110px 0;
background:#ffffff;
overflow:hidden;
font-family:'Poppins',sans-serif;
}
.eagleaboutintro::before{
content:"";
position:absolute;
top:-180px;
right:-120px;
width:520px;
height:520px;
border:90px solid rgba(14,15,72,.03);
border-radius:50%;
}
.eagleaboutintro::after{
content:"";
position:absolute;
left:-100px;
bottom:-120px;
width:300px;
height:300px;
background:rgba(255,193,7,.08);
border-radius:50%;
}
/*==================================================
CONTAINER
==================================================*/
.eagleaboutcontainer{
width:100%;
max-width:1320px;
margin:auto;
padding:0 15px;
position:relative;
z-index:2;
}
/*==================================================
GRID
==================================================*/
.eagleaboutwrapper{
display:grid;
grid-template-columns:48% 52%;
gap:70px;
align-items:center;
}
/*==================================================
IMAGE
==================================================*/
.eagleaboutimage{
position:relative;
}
.eagleaboutimage img{
width:100%;
height:650px;
object-fit:cover;
display:block;
border-radius:18px;
box-shadow:0 30px 80px rgba(14,15,72,.15);
}
.eagleaboutimage::before{
content:"";
position:absolute;
top:25px;
left:-25px;
width:100%;
height:100%;
border:4px solid #e53935;
border-radius:18px;
z-index:-1;
}
/*==================================================
CONTENT
==================================================*/
.eagleaboutcontent{
position:relative;
}
/*==================================================
TAG
==================================================*/
.eagleabouttag{
display:inline-flex;
align-items:center;
gap:12px;
padding:10px 22px;
margin-bottom:22px;
background:#fff5f5;
color:#e53935;
border-radius:50px;
font-size:14px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
}
.eagleabouttag i{
width:42px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#ffffff;
border-radius:50%;
}
/*==================================================
HEADING
==================================================*/
.eagleaboutcontent h2{
margin:0 0 25px;
color:#0e0f48;
font-size:48px;
font-weight:800;
line-height:1.2;
}
.eagleaboutcontent h2 span{
color:#ffc107;
}
/*==================================================
PARAGRAPH
==================================================*/
.eagleaboutcontent p{
margin:0 0 22px;
color:#5f667d;
font-size:17px;
line-height:1.9;
}
/*==================================================
FEATURES
==================================================*/
.eagleaboutfeatures{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
margin:35px 0 40px;
}
.eagleaboutfeatures div{
display:flex;
align-items:center;
gap:14px;
padding:16px 18px;
background:#ffffff;
border:1px solid #eceff5;
border-radius:10px;
font-weight:600;
color:#0e0f48;
transition:.35s;
}
.eagleaboutfeatures div:hover{
border-color:#e53935;
transform:translateY(-6px);
box-shadow:0 18px 40px rgba(14,15,72,.10);
}
.eagleaboutfeatures i{
width:38px;
height:38px;
min-width:38px;
display:flex;
align-items:center;
justify-content:center;
background:#0e0f48;
color:#ffffff;
border-radius:50%;
transition:.35s;
}
.eagleaboutfeatures div:hover i{
background:#e53935;
}
/*==================================================
BUTTON
==================================================*/
.eagleaboutbtn{
display:inline-flex;
align-items:center;
gap:12px;
padding:17px 34px;
background:#e53935;
color:#ffffff;
text-decoration:none;
border-radius:8px;
font-size:16px;
font-weight:700;
transition:.35s;
box-shadow:0 18px 45px rgba(229,57,53,.25);
}
.eagleaboutbtn i{
transition:.35s;
}
.eagleaboutbtn:hover{
background:#0e0f48;
transform:translateY(-4px);
}
.eagleaboutbtn:hover i{
transform:translateX(6px);
}
/*==================================================
TABLET
==================================================*/
@media(max-width:991px){
.eagleaboutintro{
padding:80px 0;
}
.eagleaboutcontainer{
padding:0 25px;
}
.eagleaboutwrapper{
grid-template-columns:1fr;
gap:45px;
}
.eagleaboutimage{
max-width:700px;
margin:auto;
}
.eagleaboutimage img{
height:500px;
}
.eagleaboutcontent h2{
font-size:40px;
}
}
/*==================================================
MOBILE
==================================================*/
@media(max-width:767px){
.eagleaboutintro{
padding:60px 0;
}
.eagleaboutcontainer{
padding:0 18px;
}
.eagleaboutimage::before{
display:none;
}
.eagleaboutimage img{
height:330px;
}
.eagleabouttag{
font-size:12px;
padding:8px 16px;
}
.eagleabouttag i{
width:36px;
height:36px;
}
.eagleaboutcontent h2{
font-size:32px;
}
.eagleaboutcontent p{
font-size:15px;
}
.eagleaboutfeatures{
grid-template-columns:1fr;
}
.eagleaboutbtn{
width:100%;
justify-content:center;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media(max-width:480px){
.eagleaboutcontainer{
padding:0 15px;
}
.eagleaboutimage img{
height:260px;
}
.eagleaboutcontent h2{
font-size:28px;
line-height:1.3;
}
.eagleaboutcontent p{
font-size:14px;
}
}
/*=========================================
EAGLE CONTACT SECTION
=========================================*/
.eaglecontact{
position:relative;
padding:100px 0;
background:#f7f9fc;
overflow:hidden;
}
.eaglecontainer{
max-width:1320px;
width:100%;
margin:auto;
padding:0 15px;
}
/*=========================================
SECTION HEADING
=========================================*/
.eaglecontactheading{
max-width:760px;
margin:0 auto 70px;
text-align:center;
}
.eaglecontacttag{
display:inline-flex;
align-items:center;
gap:12px;
padding:12px 24px;
background:#ffffff;
border-radius:50px;
color:#e53935;
font-size:15px;
font-weight:700;
letter-spacing:1px;
border:1px solid rgba(229,57,53,.12);
box-shadow:0 8px 25px rgba(0,0,0,.05);
}
.eaglecontacttag i{
width:44px;
height:44px;
border-radius:50%;
background:#e53935;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
}
.eaglecontactheading h2{
font-size:52px;
font-weight:800;
color:#0e0f48;
line-height:1.2;
margin:30px 0 18px;
}
.eaglecontactheading h2 span{
color:#e53935;
}
.eaglecontactheading p{
font-size:17px;
line-height:1.9;
color:#666;
}
/*=========================================
WRAPPER
=========================================*/
.eaglecontactwrapper{
display:grid;
grid-template-columns:470px 1fr;
gap:40px;
align-items:stretch;
}
/*=========================================
INFORMATION PANEL
=========================================*/
.eaglecontactinfo{
background:#ffffff;
border-radius:28px;
overflow:hidden;
box-shadow:0 20px 60px rgba(14,15,72,.08);
border:1px solid rgba(14,15,72,.08);
display:flex;
flex-direction:column;
height:100%;
}
/*=========================================
ITEM
=========================================*/
.eaglecontactitem{
display:flex;
align-items:flex-start;
gap:24px;
padding:35px;
transition:.35s;
position:relative;
}
.eaglecontactitem:not(:last-child){
border-bottom:1px solid #edf1f7;
}
.eaglecontactitem:hover{
background:#fafbff;
}
/*=========================================
ICON
=========================================*/
.eaglecontacticon{
width:70px;
min-width:70px;
height:70px;
border-radius:50%;
background:linear-gradient(135deg,#0e0f48,#24359d);
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:26px;
transition:.35s;
}
.eaglecontactitem:hover .eaglecontacticon{
background:#e53935;
transform:rotate(-8deg);
}
/*=========================================
CONTENT
=========================================*/
.eaglecontactcontent{
flex:1;
}
.eaglecontactcontent h3{
font-size:24px;
font-weight:700;
color:#0e0f48;
margin-bottom:14px;
}
.eaglecontactcontent p{
font-size:16px;
line-height:1.9;
color:#666;
margin:0;
}
.eaglecontactcontent span{
display:block;
margin-top:8px;
color:#e53935;
font-weight:600;
}
.eaglecontactcontent a{
display:block;
text-decoration:none;
color:#666;
font-size:16px;
margin-bottom:10px;
transition:.3s;
word-break:break-word;
}
.eaglecontactcontent a:hover{
color:#e53935;
padding-left:8px;
}
/*=========================================
GOOGLE MAP
=========================================*/
.eaglecontactmap{
border-radius:28px;
overflow:hidden;
box-shadow:0 20px 60px rgba(14,15,72,.10);
border:1px solid rgba(14,15,72,.08);
min-height:650px;
background:#fff;
}
.eaglecontactmap iframe{
width:100%;
height:100%;
min-height:650px;
border:0;
display:block;
}
/*=========================================
DECORATIVE EFFECT
=========================================*/
.eaglecontact::before{
content:"";
position:absolute;
width:320px;
height:320px;
background:rgba(255,193,7,.10);
border-radius:50%;
top:-140px;
left:-140px;
z-index:0;
}
.eaglecontact::after{
content:"";
position:absolute;
width:260px;
height:260px;
background:rgba(229,57,53,.06);
border-radius:50%;
bottom:-120px;
right:-120px;
z-index:0;
}
.eaglecontainer{
position:relative;
z-index:2;
}
/*=========================================
LARGE LAPTOP
=========================================*/
@media (max-width:1400px){
.eaglecontainer{
max-width:1140px;
}
.eaglecontactwrapper{
grid-template-columns:430px 1fr;
gap:35px;
}
.eaglecontactheading h2{
font-size:46px;
}
.eaglecontactmap,
.eaglecontactmap iframe{
min-height:600px;
}
}
/*=========================================
LAPTOP
=========================================*/
@media (max-width:1199px){
.eaglecontact{
padding:80px 0;
}
.eaglecontainer{
max-width:960px;
}
.eaglecontactwrapper{
grid-template-columns:380px 1fr;
gap:30px;
}
.eaglecontactheading h2{
font-size:42px;
}
.eaglecontactheading p{
font-size:16px;
}
.eaglecontactitem{
padding:28px;
}
.eaglecontacticon{
width:62px;
min-width:62px;
height:62px;
font-size:22px;
}
.eaglecontactcontent h3{
font-size:22px;
}
.eaglecontactcontent p,
.eaglecontactcontent a{
font-size:15px;
}
.eaglecontactmap,
.eaglecontactmap iframe{
min-height:560px;
}
}
/*=========================================
TABLET
=========================================*/
@media (max-width:991px){
.eaglecontact{
padding:70px 0;
}
.eaglecontactheading{
margin-bottom:50px;
}
.eaglecontactheading h2{
font-size:36px;
}
.eaglecontactwrapper{
grid-template-columns:1fr;
gap:35px;
}
.eaglecontactinfo{
order:1;
}
.eaglecontactmap{
order:2;
}
.eaglecontactmap,
.eaglecontactmap iframe{
min-height:480px;
}
}
/*=========================================
MOBILE
=========================================*/
@media (max-width:767px){
.eaglecontact{
padding:60px 0;
}
.eaglecontainer{
padding:0 20px;
}
.eaglecontactheading{
margin-bottom:40px;
}
.eaglecontacttag{
padding:10px 18px;
font-size:13px;
}
.eaglecontacttag i{
width:38px;
height:38px;
font-size:16px;
}
.eaglecontactheading h2{
font-size:30px;
margin:20px 0 15px;
}
.eaglecontactheading p{
font-size:15px;
line-height:1.8;
}
.eaglecontactitem{
padding:24px;
gap:18px;
}
.eaglecontacticon{
width:56px;
min-width:56px;
height:56px;
font-size:20px;
}
.eaglecontactcontent h3{
font-size:20px;
margin-bottom:10px;
}
.eaglecontactcontent p,
.eaglecontactcontent a,
.eaglecontactcontent span{
font-size:15px;
line-height:1.8;
}
.eaglecontactmap,
.eaglecontactmap iframe{
min-height:380px;
}
}
/*=========================================
SMALL MOBILE
=========================================*/
@media (max-width:575px){
.eaglecontact{
padding:50px 0;
}
.eaglecontainer{
padding:0 15px;
}
.eaglecontactheading{
text-align:left;
}
.eaglecontactheading h2{
font-size:26px;
}
.eaglecontacttag{
width:100%;
justify-content:center;
}
.eaglecontactinfo{
border-radius:20px;
}
.eaglecontactitem{
flex-direction:column;
text-align:center;
align-items:center;
padding:22px;
}
.eaglecontacticon{
margin-bottom:5px;
}
.eaglecontactcontent{
width:100%;
}
.eaglecontactcontent h3{
font-size:18px;
}
.eaglecontactcontent p,
.eaglecontactcontent a,
.eaglecontactcontent span{
font-size:14px;
}
.eaglecontactmap{
border-radius:20px;
}
.eaglecontactmap,
.eaglecontactmap iframe{
min-height:320px;
}
}
/*=========================================
EXTRA SMALL DEVICES
=========================================*/
@media (max-width:380px){
.eaglecontactheading h2{
font-size:22px;
}
.eaglecontacttag{
font-size:12px;
padding:8px 15px;
}
.eaglecontacttag i{
width:34px;
height:34px;
font-size:14px;
}
.eaglecontactitem{
padding:18px;
}
.eaglecontacticon{
width:50px;
min-width:50px;
height:50px;
font-size:18px;
}
.eaglecontactcontent h3{
font-size:17px;
}
.eaglecontactcontent p,
.eaglecontactcontent a,
.eaglecontactcontent span{
font-size:13px;
}
.eaglecontactmap,
.eaglecontactmap iframe{
min-height:280px;
}
}
/*=========================================
EAGLE CTA SECTION
=========================================*/
.eaglecta{
position:relative;
padding:90px 0;
background:linear-gradient(135deg,#0e0f48 0%,#18266f 100%);
overflow:hidden;
z-index:1;
}
.eaglecta::before{
content:"";
position:absolute;
width:380px;
height:380px;
background:rgba(255,255,255,.05);
border-radius:50%;
top:-170px;
left:-140px;
}
.eaglecta::after{
content:"";
position:absolute;
width:300px;
height:300px;
background:rgba(229,57,53,.12);
border-radius:50%;
bottom:-120px;
right:-120px;
}
.eaglectabox{
position:relative;
z-index:2;
display:grid;
grid-template-columns:1.7fr .9fr;
gap:60px;
align-items:center;
}
/*=========================================
LEFT SIDE
=========================================*/
.eaglectatag{
display:inline-flex;
align-items:center;
gap:12px;
padding:12px 24px;
background:rgba(255,255,255,.12);
border:1px solid rgba(255,255,255,.15);
border-radius:50px;
color:#ffffff;
font-size:14px;
font-weight:700;
letter-spacing:1px;
margin-bottom:28px;
backdrop-filter:blur(12px);
}
.eaglectatag i{
width:42px;
height:42px;
border-radius:50%;
background:#ffc107;
color:#0e0f48;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
}
.eaglectaleft h2{
font-size:56px;
font-weight:800;
line-height:1.2;
color:#ffffff;
margin-bottom:25px;
}
.eaglectaleft h2 span{
color:#ffc107;
}
.eaglectaleft p{
font-size:17px;
line-height:1.9;
color:rgba(255,255,255,.82);
max-width:720px;
margin-bottom:40px;
}
/*=========================================
FEATURES
=========================================*/
.eaglectafeatures{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
}
.eaglectaitem{
display:flex;
align-items:center;
gap:16px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.10);
padding:18px 22px;
border-radius:16px;
transition:.35s;
backdrop-filter:blur(8px);
}
.eaglectaitem:hover{
background:#ffffff;
transform:translateY(-5px);
}
.eaglectaitem i{
width:52px;
height:52px;
border-radius:50%;
background:#e53935;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:20px;
transition:.35s;
}
.eaglectaitem:hover i{
background:#0e0f48;
}
.eaglectaitem span{
color:#ffffff;
font-size:16px;
font-weight:600;
transition:.35s;
}
.eaglectaitem:hover span{
color:#0e0f48;
}
/*=========================================
RIGHT CARD
=========================================*/
.eaglectacard{
background:#ffffff;
border-radius:28px;
padding:45px;
box-shadow:0 30px 80px rgba(0,0,0,.20);
text-align:center;
}
.eaglectacard h3{
font-size:34px;
color:#0e0f48;
margin-bottom:20px;
line-height:1.3;
font-weight:800;
}
.eaglectacard p{
color:#666;
line-height:1.8;
margin-bottom:30px;
font-size:16px;
}
/*=========================================
PHONE BUTTON
=========================================*/
.eaglectaphone{
display:flex;
justify-content:center;
align-items:center;
gap:15px;
width:100%;
height:68px;
border-radius:14px;
background:#e53935;
color:#ffffff;
font-size:22px;
font-weight:700;
text-decoration:none;
transition:.35s;
margin-bottom:30px;
}
.eaglectaphone:hover{
background:#0e0f48;
color:#ffffff;
}
.eaglectaphone i{
font-size:24px;
}
/*=========================================
BUTTONS
=========================================*/
.eaglectabuttons{
display:flex;
flex-direction:column;
gap:15px;
}
.eaglectabtn{
display:flex;
justify-content:center;
align-items:center;
gap:10px;
height:58px;
border-radius:12px;
text-decoration:none;
font-weight:700;
transition:.35s;
font-size:16px;
}
.eaglectabtnprimary{
background:#0e0f48;
color:#ffffff;
}
.eaglectabtnprimary:hover{
background:#ffc107;
color:#0e0f48;
}
.eaglectabtnsecondary{
border:2px solid #25d366;
color:#25d366;
background:#ffffff;
}
.eaglectabtnsecondary:hover{
background:#25d366;
color:#ffffff;
}
/*=========================================
SMALL ANIMATION
=========================================*/
.eaglectacard,
.eaglectaitem,
.eaglectaphone,
.eaglectabtn{
transition:all .35s ease;
}
/*=========================================
1400px
=========================================*/
@media (max-width:1400px){
.eaglectaleft h2{
font-size:50px;
}
.eaglectabox{
gap:45px;
}
}
/*=========================================
1200px
=========================================*/
@media (max-width:1199px){
.eaglecta{
padding:80px 0;
}
.eaglectabox{
grid-template-columns:1.5fr 1fr;
gap:35px;
}
.eaglectaleft h2{
font-size:42px;
}
.eaglectaleft p{
font-size:16px;
}
.eaglectacard{
padding:35px;
}
.eaglectacard h3{
font-size:30px;
}
.eaglectaphone{
font-size:20px;
}
}
/*=========================================
992px
=========================================*/
@media (max-width:991px){
.eaglecta{
padding:70px 0;
}
.eaglectabox{
grid-template-columns:1fr;
gap:45px;
}
.eaglectaleft{
text-align:center;
}
.eaglectatag{
justify-content:center;
}
.eaglectaleft p{
margin:0 auto 35px;
}
.eaglectafeatures{
max-width:700px;
margin:auto;
}
.eaglectaright{
max-width:550px;
margin:auto;
width:100%;
}
}
/*=========================================
768px
=========================================*/
@media (max-width:767px){
.eaglecta{
padding:60px 0;
}
.eaglectatag{
font-size:13px;
padding:10px 20px;
}
.eaglectatag i{
width:38px;
height:38px;
font-size:16px;
}
.eaglectaleft h2{
font-size:34px;
}
.eaglectaleft p{
font-size:15px;
}
.eaglectafeatures{
grid-template-columns:1fr;
gap:15px;
}
.eaglectaitem{
padding:16px 18px;
}
.eaglectaitem i{
width:48px;
height:48px;
font-size:18px;
}
.eaglectaitem span{
font-size:15px;
}
.eaglectacard{
padding:30px;
}
.eaglectacard h3{
font-size:26px;
}
.eaglectaphone{
height:60px;
font-size:18px;
}
.eaglectabtn{
height:54px;
font-size:15px;
}
}
/*=========================================
576px
=========================================*/
@media (max-width:575px){
.eaglecta{
padding:50px 0;
}
.eaglectatag{
width:100%;
justify-content:center;
text-align:center;
}
.eaglectaleft h2{
font-size:28px;
line-height:1.35;
}
.eaglectaleft p{
font-size:15px;
}
.eaglectaitem{
flex-direction:column;
text-align:center;
gap:15px;
}
.eaglectacard{
border-radius:20px;
padding:28px 22px;
}
.eaglectacard h3{
font-size:24px;
}
.eaglectaphone{
font-size:17px;
}
}
/*=========================================
380px
=========================================*/
@media (max-width:380px){
.eaglectaleft h2{
font-size:24px;
}
.eaglectatag{
font-size:12px;
padding:8px 14px;
}
.eaglectatag i{
width:34px;
height:34px;
font-size:14px;
}
.eaglectacard{
padding:22px 18px;
}
.eaglectacard h3{
font-size:21px;
}
.eaglectaphone{
height:55px;
font-size:16px;
}
.eaglectabtn{
height:50px;
font-size:14px;
}
.eaglectaitem span{
font-size:14px;
}
}
.eipmmumcounterbox{
background:#173d69;
color:#fff;
padding:30px 20px;
border-radius:15px;
}
.eipmmumcounterbox h3{
font-size:42px;
color:#e53935;
margin-bottom:10px;
}
.eipmmumcounterbox span{
font-size:16px;
font-weight:600;
}
/* Tablet */
@media(max-width:991px){
.eipmmumaboutcontent h2{
font-size:36px;
}
.eipmmumaboutfeatures{
grid-template-columns:repeat(2,1fr);
}
.eipmmumaboutcounter{
grid-template-columns:repeat(2,1fr);
}
}
/* Mobile */
@media(max-width:767px){
.eipmmumaboutsection{
padding:70px 0;
}
.eipmmumaboutcontent h2{
font-size:28px;
}
.eipmmumaboutcontent p{
font-size:15px;
}
.eipmmumaboutfeatures{
grid-template-columns:1fr;
}
.eipmmumaboutcounter{
grid-template-columns:1fr;
}
.eipmmumcounterbox h3{
font-size:34px;
}
}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.two-col img{width:100%;border-radius:10px}
.icon-list{list-style:none}
.icon-list li{margin-bottom:10px;font-weight:500}
.icon-list i{color:#ff7a00;margin-right:8px}
/* FORM */
form{max-width:420px;margin:auto}
input,textarea{width:100%;padding:12px;margin-bottom:10px;border:1px solid #ccc}
button{width:100%;padding:12px;background:#ff7a00;color:#fff;border:none}
/* FOOTER */
.footer{background:#0b2c4d;color:#fff;text-align:center;padding:15px}
/*==================================================
EAGLE PREMIUM HERO
PART 2A-1
LAYOUT & BACKGROUND
==================================================*/
/*==============================
HERO SECTION
==============================*/
.eaglehero{
position:relative;
overflow:hidden;
padding:90px 0;
background:linear-gradient(135deg,#081d46 0%,#0b295d 45%,#123d82 100%);
font-family:'Poppins',sans-serif;
}
/*==============================
CONTAINER
==============================*/
.eaglecontainer{
max-width:1320px;
width:100%;
margin:0 auto;
padding:0 15px;
position:relative;
z-index:5;
}
/*==============================
GRID
==============================*/
.eagleherogrid{
display:grid;
grid-template-columns:1.1fr .9fr;
align-items:center;
gap:70px;
}
/*==============================
LEFT CONTENT
==============================*/
.eagleherocontent{
position:relative;
z-index:2;
}
/*==============================
RIGHT FORM
==============================*/
.eagleheroquote{
position:relative;
z-index:5;
}
/*==============================
BACKGROUND SHAPE 1
==============================*/
.eagleheroshape{
position:absolute;
border-radius:50%;
pointer-events:none;
}
.eagleheroshape1{
width:520px;
height:520px;
left:-220px;
top:-180px;
background:rgba(255,255,255,.04);
}
/*==============================
BACKGROUND SHAPE 2
==============================*/
.eagleheroshape2{
width:340px;
height:340px;
right:-120px;
bottom:-120px;
background:rgba(229,57,53,.12);
filter:blur(10px);
}
/*==============================
WORLD MAP OVERLAY
==============================*/
.eaglehero::before{
content:"";
position:absolute;
inset:0;
background:url("images/world-map.png") center center no-repeat;
background-size:65%;
opacity:.05;
pointer-events:none;
}
/*==============================
GRADIENT OVERLAY
==============================*/
.eaglehero::after{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(
90deg,
rgba(8,29,70,.15),
rgba(8,29,70,0)
);
}
/*==============================
DESKTOP LARGE
==============================*/
@media(max-width:1400px){
.eagleherogrid{
gap:55px;
}
}
/*==============================
LAPTOP
==============================*/
@media(max-width:1200px){
.eaglehero{
padding:80px 0;
}
.eagleherogrid{
gap:45px;
}
}
/*==============================
TABLET
==============================*/
@media(max-width:991px){
.eaglehero{
padding:70px 0;
}
.eagleherogrid{
grid-template-columns:1fr;
gap:50px;
}
.eagleherocontent{
text-align:center;
}
.eagleheroquote{
max-width:700px;
width:100%;
margin:auto;
}
.eaglehero::before{
background-size:90%;
}
}
/*==============================
MOBILE
==============================*/
@media(max-width:767px){
.eaglehero{
padding:60px 0;
}
.eaglecontainer{
padding:0 15px;
}
.eagleherogrid{
gap:40px;
}
.eaglehero::before{
background-size:120%;
opacity:.03;
}
.eagleheroshape1{
width:280px;
height:280px;
left:-140px;
top:-120px;
}
.eagleheroshape2{
width:220px;
height:220px;
right:-90px;
bottom:-90px;
}
}
/*==============================
SMALL MOBILE
==============================*/
@media(max-width:480px){
.eaglehero{
padding:50px 0;
}
.eaglecontainer{
padding:0 12px;
}
.eagleherogrid{
gap:35px;
}
.eaglehero::before{
display:none;
}
}
/*==================================================
EAGLE HERO
PART 2A-2
LEFT CONTENT TYPOGRAPHY
==================================================*/
/*====================================
LEFT CONTENT
====================================*/
.eagleherocontent{
position:relative;
z-index:5;
}
/*====================================
TOP BADGE
====================================*/
.eagleherobadge{
display:inline-flex;
align-items:center;
gap:12px;
padding:12px 24px;
background:rgba(255,255,255,.10);
border:1px solid rgba(255,255,255,.15);
backdrop-filter:blur(12px);
border-radius:50px;
color:#ffffff;
font-size:15px;
font-weight:600;
letter-spacing:.3px;
margin-bottom:30px;
transition:.35s;
}
.eagleherobadge:hover{
background:#e53935;
border-color:#e53935;
}
.eagleherobadge i{
width:38px;
height:38px;
border-radius:50%;
background:#ffc107;
color:#081d46;
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
}
/*====================================
MAIN HEADING
====================================*/
.eagleherocontent h1{
margin:0;
color:#ffffff;
font-size:62px;
font-weight:800;
line-height:1.15;
letter-spacing:-1px;
}
.eagleherocontent h1 span{
display:block;
margin:8px 0;
color:#ffc107;
}
/*====================================
DESCRIPTION
====================================*/
.eagleherocontent p{
max-width:650px;
margin:30px 0 40px;
color:rgba(255,255,255,.82);
font-size:17px;
line-height:1.9;
}
/*====================================
TEXT SELECTION
====================================*/
.eagleherocontent ::selection{
background:#ffc107;
color:#081d46;
}
/*====================================
TABLET
====================================*/
@media(max-width:991px){
.eagleherocontent{
text-align:center;
}
.eagleherobadge{
margin:0 auto 25px;
}
.eagleherocontent h1{
font-size:48px;
}
.eagleherocontent p{
margin:25px auto 35px;
max-width:100%;
}
}
/*====================================
MOBILE
====================================*/
@media(max-width:767px){
.eagleherobadge{
font-size:13px;
padding:10px 18px;
}
.eagleherobadge i{
width:34px;
height:34px;
font-size:15px;
}
.eagleherocontent h1{
font-size:36px;
line-height:1.25;
}
.eagleherocontent p{
font-size:15px;
line-height:1.8;
margin:22px 0 30px;
}
}
/*====================================
SMALL MOBILE
====================================*/
@media(max-width:480px){
.eagleherobadge{
width:100%;
justify-content:center;
font-size:12px;
}
.eagleherocontent h1{
font-size:30px;
}
.eagleherocontent p{
font-size:14px;
line-height:1.75;
}
}
/*==================================================
EAGLE HERO
PART 2A-3
FEATURE CARDS
==================================================*/
/*====================================
FEATURES WRAPPER
====================================*/
.eagleherofeatures{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
margin:35px 0 40px;
}
/*====================================
FEATURE CARD
====================================*/
.eaglefeaturebox{
position:relative;
overflow:hidden;
display:flex;
align-items:center;
gap:16px;
padding:18px;
min-height:88px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.12);
border-radius:16px;
backdrop-filter:blur(12px);
transition:.35s ease;
}
/* TOP BORDER */
.eaglefeaturebox::before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:5px;
background:linear-gradient(90deg,#e53935,#ff9800,#ffc107);
transform:translateY(-100%);
transition:.35s ease;
}
/*====================================
ICON BOX
====================================*/
.eaglefeatureicon{
width:64px;
height:64px;
min-width:64px;
border-radius:16px;
background:linear-gradient(135deg,#e53935,#c62828);
display:flex;
align-items:center;
justify-content:center;
color:#ffffff;
font-size:24px;
transition:.4s;
}
/*====================================
TEXT
====================================*/
.eaglefeaturebox h4{
margin:0 0 6px;
color:#ffffff;
font-size:18px;
font-weight:700;
line-height:1.3;
}
.eaglefeaturebox p{
margin:0;
color:rgba(255,255,255,.75);
font-size:14px;
line-height:1.6;
}
/*====================================
HOVER
====================================*/
.eaglefeaturebox:hover{
transform:translateY(-6px);
background:#ffffff;
border-color:#ffffff;
box-shadow:0 18px 40px rgba(0,0,0,.15);
}
.eaglefeaturebox:hover::before{
transform:translateY(0);
}
.eaglefeaturebox:hover h4{
color:#081d46;
}
.eaglefeaturebox:hover p{
color:#666;
}
.eaglefeaturebox:hover .eaglefeatureicon{
background:#081d46;
color:#ffc107;
}
/*==============================
TEXT
==============================*/
.eaglefeaturecontent{
flex:1;
}
.eaglefeaturecontent h4{
margin:0 0 4px;
font-size:17px;
font-weight:700;
color:#ffffff;
line-height:1.2;
}
.eaglefeaturecontent p{
margin:0;
font-size:14px;
color:rgba(255,255,255,.75);
line-height:1.5;
}
/*====================================
ICON ANIMATION
====================================*/
.eaglefeatureicon i{
transition:.45s ease;
}
/*====================================
TABLET
====================================*/
@media(max-width:991px){
.eagleherofeatures{
grid-template-columns:repeat(2,1fr);
gap:18px;
}
.eaglefeaturebox{
padding:20px;
}
.eaglefeatureicon{
width:56px;
height:56px;
min-width:56px;
border-radius:14px;
background:linear-gradient(135deg,#e67e22,#e53935);
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:22px;
transition:.35s;
}
.eaglefeaturebox h4{
font-size:17px;
}
}
/*====================================
MOBILE
====================================*/
@media(max-width:767px){
.eagleherofeatures{
grid-template-columns:1fr;
gap:16px;
margin-bottom:35px;
}
.eaglefeaturebox{
padding:18px;
min-height:80px;
border-radius:14px;
}
.eaglefeatureicon{
width:50px;
height:50px;
min-width:50px;
border-radius:14px;
font-size:20px;
}
.eaglefeaturebox h4{
font-size:17px;
}
.eaglefeaturebox p{
font-size:13px;
}
}
/*====================================
SMALL MOBILE
====================================*/
@media(max-width:480px){
.eaglefeaturebox{
gap:14px;
padding:16px;
}
.eaglefeatureicon{
width:50px;
height:50px;
min-width:50px;
font-size:18px;
}
.eaglefeaturebox h4{
font-size:15px;
}
.eaglefeaturebox p{
font-size:12px;
}
}
/*==================================================
EAGLE HERO
PART 2A-4
CTA BUTTONS & STATISTICS
==================================================*/
/*====================================
ACTION BUTTONS
====================================*/
.eagleheroactions{
display:flex;
align-items:center;
gap:20px;
margin-bottom:45px;
}
/*====================================
COMMON BUTTON
====================================*/
.eagleheroprimary,
.eagleherocall{
display:inline-flex;
align-items:center;
text-decoration:none;
transition:.35s ease;
}
/*====================================
PRIMARY BUTTON
====================================*/
.eagleheroprimary{
gap:12px;
padding:18px 34px;
background:linear-gradient(135deg,#e53935,#d32f2f);
color:#ffffff;
border-radius:10px;
font-size:16px;
font-weight:700;
box-shadow:0 18px 45px rgba(229,57,53,.30);
}
.eagleheroprimary i{
transition:.35s;
}
.eagleheroprimary:hover{
background:linear-gradient(135deg,#ffc107,#ffb300);
color:#081d46;
transform:translateY(-5px);
box-shadow:0 22px 50px rgba(255,193,7,.35);
}
.eagleheroprimary:hover i{
transform:translateX(6px);
}
/*====================================
CALL BUTTON
====================================*/
.eagleherocall{
gap:14px;
padding:12px 22px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.12);
backdrop-filter:blur(12px);
border-radius:12px;
}
.eaglecallicon{
width:56px;
height:56px;
min-width:56px;
border-radius:50%;
background:#081d46;
display:flex;
align-items:center;
justify-content:center;
color:#ffc107;
font-size:20px;
transition:.35s;
}
.eagleherocall small{
display:block;
color:rgba(255,255,255,.75);
font-size:12px;
margin-bottom:4px;
}
.eagleherocall strong{
color:#ffffff;
font-size:18px;
font-weight:700;
}
.eagleherocall:hover{
background:#ffffff;
transform:translateY(-5px);
}
.eagleherocall:hover strong{
color:#081d46;
}
.eagleherocall:hover small{
color:#555;
}
.eagleherocall:hover .eaglecallicon{
background:#e53935;
color:#ffffff;
transform:rotate(15deg);
}
/*====================================
STATISTICS
====================================*/
.eagleherostats{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}
.eagleherostat{
text-align:center;
padding:25px 20px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.10);
backdrop-filter:blur(12px);
border-radius:18px;
transition:.35s;
}
.eagleherostat h3{
margin:0 0 8px;
color:#ffc107;
font-size:40px;
font-weight:800;
line-height:1;
}
.eagleherostat span{
color:#ffffff;
font-size:15px;
font-weight:500;
}
.eagleherostat:hover{
background:#ffffff;
transform:translateY(-8px);
box-shadow:0 25px 55px rgba(0,0,0,.18);
}
.eagleherostat:hover h3{
color:#e53935;
}
.eagleherostat:hover span{
color:#081d46;
}
/*====================================
TABLET
====================================*/
@media(max-width:991px){
.eagleheroactions{
justify-content:center;
flex-wrap:wrap;
}
.eagleherostats{
gap:18px;
}
.eagleherostat{
padding:22px;
}
.eagleherostat h3{
font-size:34px;
}
}
/*====================================
MOBILE
====================================*/
@media(max-width:767px){
.eagleheroactions{
flex-direction:column;
align-items:stretch;
gap:15px;
}
.eagleheroprimary,
.eagleherocall{
width:100%;
justify-content:center;
}
.eagleherostats{
grid-template-columns:1fr;
gap:15px;
}
.eagleherostat{
padding:20px;
}
.eagleherostat h3{
font-size:30px;
}
.eagleherostat span{
font-size:14px;
}
}
/*====================================
SMALL MOBILE
====================================*/
@media(max-width:480px){
.eagleheroprimary{
padding:16px 22px;
font-size:15px;
}
.eaglecallicon{
width:48px;
height:48px;
min-width:48px;
font-size:18px;
}
.eagleherocall strong{
font-size:16px;
}
.eagleherostat h3{
font-size:28px;
}
}
/*==================================================
EAGLE HERO
PART 2A-5
QUOTE FORM CONTAINER
==================================================*/
/*=========================================
QUOTE FORM CARD
=========================================*/
.eagleheroquote{
position:relative;
background:rgba(255,255,255,.10);
backdrop-filter:blur(20px);
-webkit-backdrop-filter:blur(20px);
border:1px solid rgba(255,255,255,.15);
border-radius:28px;
overflow:hidden;
box-shadow:
0 35px 80px rgba(0,0,0,.18);
transition:.4s ease;
}
/*=========================================
TOP BORDER
=========================================*/
.eagleheroquote::before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:5px;
background:linear-gradient(90deg,#e53935,#ffc107,#081d46);
}
/*=========================================
DECORATIVE CIRCLE
=========================================*/
.eagleheroquote::after{
content:"";
position:absolute;
width:220px;
height:220px;
border-radius:50%;
background:rgba(255,193,7,.10);
right:-90px;
top:-90px;
pointer-events:none;
}
/*=========================================
HOVER
=========================================*/
.eagleheroquote:hover{
transform:translateY(-10px);
box-shadow:
0 45px 100px rgba(0,0,0,.25);
}
/*=========================================
HEADER
=========================================*/
.eaglequoteheader{
position:relative;
z-index:2;
padding:40px 40px 20px;
text-align:center;
}
/*=========================================
HEADER BADGE
=========================================*/
.eaglequoteheader span{
display:inline-flex;
align-items:center;
gap:10px;
padding:10px 22px;
border-radius:50px;
background:rgba(229,57,53,.18);
color:#ffffff;
font-size:14px;
font-weight:600;
margin-bottom:20px;
}
.eaglequoteheader span i{
width:34px;
height:34px;
border-radius:50%;
background:#e53935;
display:flex;
align-items:center;
justify-content:center;
color:#ffffff;
}
/*=========================================
TITLE
=========================================*/
.eaglequoteheader h2{
color:#ffffff;
margin:0 0 15px;
font-size:38px;
font-weight:800;
line-height:1.2;
}
/*=========================================
DESCRIPTION
=========================================*/
.eaglequoteheader p{
margin:0;
color:rgba(255,255,255,.82);
font-size:15px;
line-height:1.8;
}
/*=========================================
FORM
=========================================*/
.eaglequoteform{
position:relative;
z-index:2;
padding:0 40px 40px;
}
/*=========================================
BOTTOM INFO BAR
=========================================*/
.eaglequotefooter{
display:flex;
justify-content:space-between;
gap:15px;
padding:20px 40px 35px;
border-top:1px solid rgba(255,255,255,.10);
}
.eaglequotefooter div{
display:flex;
align-items:center;
gap:12px;
}
.eaglequotefooter i{
width:42px;
height:42px;
border-radius:50%;
background:#081d46;
display:flex;
align-items:center;
justify-content:center;
color:#ffc107;
font-size:16px;
}
.eaglequotefooter span{
color:#ffffff;
font-size:14px;
font-weight:600;
}
/*=========================================
TABLET
=========================================*/
@media(max-width:991px){
.eagleheroquote{
max-width:720px;
margin:auto;
}
.eaglequoteheader{
padding:35px 30px 18px;
}
.eaglequoteform{
padding:0 30px 30px;
}
.eaglequotefooter{
padding:20px 30px 30px;
}
}
/*=========================================
MOBILE
=========================================*/
@media(max-width:767px){
.eagleheroquote{
border-radius:20px;
}
.eaglequoteheader{
padding:30px 22px 18px;
}
.eaglequoteheader h2{
font-size:30px;
}
.eaglequoteform{
padding:0 22px 25px;
}
.eaglequotefooter{
flex-direction:column;
padding:20px 22px 25px;
}
}
/*=========================================
SMALL MOBILE
=========================================*/
@media(max-width:480px){
.eagleheroquote{
border-radius:18px;
}
.eaglequoteheader{
padding:25px 18px 15px;
}
.eaglequoteheader h2{
font-size:25px;
}
.eaglequoteheader p{
font-size:14px;
}
.eaglequoteform{
padding:0 18px 20px;
}
.eaglequotefooter{
padding:18px;
}
.eaglequotefooter span{
font-size:13px;
}
}
/*==================================================
EAGLE HERO
PART 2A-6
FORM FIELDS & BUTTON
==================================================*/
/*==================================
FORM GROUP
==================================*/
.eaglefield{
position:relative;
margin-bottom:18px;
}
/*==================================
ROW
==================================*/
.eaglefieldrow{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
}
/*==================================
INPUTS
==================================*/
.eaglefield input,
.eaglefield select,
.eaglefield textarea{
width:100%;
background:#ffffff;
border:1px solid #e4e8f1;
border-radius:12px;
outline:none;
padding:0 18px;
height:56px;
font-size:15px;
font-weight:500;
color:#1b2430;
font-family:'Poppins',sans-serif;
transition:.35s;
}
/*==================================
TEXTAREA
==================================*/
.eaglefield textarea{
height:130px;
resize:none;
padding:16px 18px;
}
/*==================================
SELECT
==================================*/
.eaglefield select{
appearance:none;
-webkit-appearance:none;
cursor:pointer;
padding-right:48px;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23081d46' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-size:18px;
background-position:right 16px center;
}
/*==================================
PLACEHOLDER
==================================*/
.eaglefield input::placeholder,
.eaglefield textarea::placeholder{
color:#7b8794;
}
/*==================================
FOCUS
==================================*/
.eaglefield input:focus,
.eaglefield textarea:focus,
.eaglefield select:focus{
border-color:#e53935;
box-shadow:
0 0 0 4px rgba(229,57,53,.10);
}
/*==================================
HOVER
==================================*/
.eaglefield input:hover,
.eaglefield textarea:hover,
.eaglefield select:hover{
border-color:#ffc107;
}
/*==================================
BUTTON
==================================*/
.eaglequotesubmit{
width:100%;
border:none;
height:58px;
border-radius:12px;
background:linear-gradient(135deg,#e53935,#cf2c2c);
color:#ffffff;
font-size:17px;
font-weight:700;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
gap:12px;
transition:.35s;
box-shadow:
0 18px 40px rgba(229,57,53,.25);
}
.eaglequotesubmit i{
transition:.35s;
}
.eaglequotesubmit:hover{
background:linear-gradient(135deg,#ffc107,#ffb400);
color:#081d46;
transform:translateY(-4px);
}
.eaglequotesubmit:hover i{
transform:translateX(6px);
}
/*==================================
OPTION
==================================*/
.eaglefield option{
color:#081d46;
background:#ffffff;
}
/*==================================
TABLET
==================================*/
@media(max-width:991px){
.eaglefieldrow{
gap:15px;
}
.eaglefield input,
.eaglefield select{
height:54px;
}
}
/*==================================
MOBILE
==================================*/
@media(max-width:767px){
.eaglefieldrow{
grid-template-columns:1fr;
}
.eaglefield input,
.eaglefield select{
height:52px;
font-size:14px;
}
.eaglefield textarea{
height:110px;
font-size:14px;
}
.eaglequotesubmit{
height:54px;
font-size:15px;
}
}
/*==================================
SMALL MOBILE
==================================*/
@media(max-width:480px){
.eaglefield input,
.eaglefield select{
padding:0 15px;
}
.eaglefield textarea{
padding:14px 15px;
}
.eaglequotesubmit{
height:52px;
font-size:14px;
}
}
/*==================================================
eipm HERO SECTION
COLOR COMBINATION
PRIMARY NAVY : #173d69
ACCENT ORANGE : #e53935
==================================================*/
.eipmhero{
position:relative;
width:100%;
min-height:780px;
display:flex;
align-items:center;
padding:85px 0;
background:
radial-gradient(
circle at 88% 15%,
rgba(221,116,54,.18) 0,
rgba(221,116,54,0) 29%
),
radial-gradient(
circle at 5% 90%,
rgba(255,255,255,.05) 0,
rgba(255,255,255,0) 25%
),
linear-gradient(
115deg,
#102d4f 0%,
#173d69 48%,
#214f80 100%
);
font-family:"Poppins",sans-serif;
overflow:hidden;
}
.eipmhero,
.eipmhero *{
box-sizing:border-box;
}
/*==================================================
BACKGROUND GRID
==================================================*/
.eipmhero::before{
content:"";
position:absolute;
inset:0;
background-image:
linear-gradient(
rgba(255,255,255,.025) 1px,
transparent 1px
),
linear-gradient(
90deg,
rgba(255,255,255,.025) 1px,
transparent 1px
);
background-size:55px 55px;
pointer-events:none;
}
/*==================================================
BACKGROUND DECORATIVE CIRCLE
==================================================*/
.eipmhero::after{
content:"";
position:absolute;
width:650px;
height:650px;
top:-430px;
right:-230px;
border:90px solid rgba(221,116,54,.08);
border-radius:50%;
pointer-events:none;
}
/*==================================================
DECORATIVE LINES
==================================================*/
.eipmheroline{
position:absolute;
height:1px;
background:linear-gradient(
90deg,
transparent,
rgba(221,116,54,.55),
transparent
);
transform:rotate(-35deg);
pointer-events:none;
}
.eipmherolineone{
width:600px;
top:150px;
left:-270px;
}
.eipmherolinetwo{
width:500px;
right:-190px;
bottom:100px;
}
/*==================================================
HERO WRAPPER
==================================================*/
.eipmherowrap{
position:relative;
z-index:2;
width:100%;
display:grid;
grid-template-columns:
minmax(0,1.05fr)
minmax(500px,.95fr);
align-items:center;
gap:70px;
}
/*==================================================
LEFT HERO CONTENT
==================================================*/
.eipmherocontent{
width:100%;
max-width:760px;
text-align:left;
}
/*==================================================
HERO BADGE
==================================================*/
.eipmherobadge{
display:inline-flex;
align-items:center;
gap:10px;
margin:0 0 25px;
padding:8px 19px 8px 8px;
background:rgba(255,255,255,.09);
color:#ffffff;
border:1px solid rgba(255,255,255,.15);
border-radius:50px;
font-size:13px;
font-weight:700;
line-height:1.4;
box-shadow:
0 12px 30px rgba(0,0,0,.08);
}
.eipmherobadgeicon{
width:36px;
height:36px;
min-width:36px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#ffffff;
border-radius:50%;
font-size:13px;
box-shadow:
0 8px 20px rgba(221,116,54,.28);
}
/*==================================================
HERO HEADING
==================================================*/
.eipmherocontent h1{
margin:0 0 27px;
color:#ffffff;
font-size:60px;
font-weight:800;
line-height:1.16;
letter-spacing:-1.7px;
}
.eipmherocontent h1 span{
display:block;
color:#e53935;
}
/*==================================================
HERO DESCRIPTION
==================================================*/
.eipmherolead{
width:100%;
max-width:710px;
margin:0 0 33px;
color:rgba(255,255,255,.82);
font-size:16px;
font-weight:400;
line-height:1.9;
}
/*==================================================
HERO ACTION AREA
==================================================*/
.eipmheroactions{
display:flex;
align-items:center;
gap:27px;
margin:0 0 38px;
}
/*==================================================
PRIMARY QUOTE BUTTON
==================================================*/
.eipmheroprimary{
min-height:60px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:11px;
padding:15px 27px;
background:#e53935;
color:#ffffff;
border:1px solid #e53935;
border-radius:8px;
text-decoration:none;
font-size:14px;
font-weight:800;
white-space:nowrap;
box-shadow:
0 13px 30px rgba(221,116,54,.24);
transition:
background .3s ease,
color .3s ease,
border-color .3s ease,
transform .3s ease,
box-shadow .3s ease;
}
.eipmheroprimary i{
font-size:12px;
transition:transform .3s ease;
}
.eipmheroprimary:hover{
background:#ffffff;
color:#173d69;
border-color:#ffffff;
transform:translateY(-3px);
box-shadow:
0 18px 38px rgba(0,0,0,.18);
}
.eipmheroprimary:hover i{
transform:translateX(5px);
}
/*==================================================
CALL BUTTON
==================================================*/
.eipmherocall{
display:flex;
align-items:center;
gap:13px;
color:#ffffff;
text-decoration:none;
}
.eipmherocallicon{
width:56px;
height:56px;
min-width:56px;
display:flex;
align-items:center;
justify-content:center;
background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.24);
border-radius:50%;
color:#e53935;
font-size:17px;
transition:
background .3s ease,
color .3s ease,
border-color .3s ease,
transform .3s ease;
}
.eipmherocall:hover .eipmherocallicon{
background:#e53935;
color:#ffffff;
border-color:#e53935;
transform:rotate(-8deg);
}
.eipmherocalltext{
display:block;
color:#ffffff;
font-size:16px;
font-weight:700;
line-height:1.4;
}
.eipmherocalltext small{
display:block;
margin:0 0 3px;
color:rgba(255,255,255,.62);
font-size:11px;
font-weight:500;
}
/*==================================================
TRUST FEATURES
==================================================*/
.eipmherotrust{
width:100%;
max-width:720px;
display:grid;
grid-template-columns:
repeat(3,minmax(0,1fr));
gap:15px;
}
/*==================================================
TRUST ITEM
==================================================*/
.eipmherotrustitem{
min-width:0;
display:flex;
align-items:center;
gap:13px;
padding:16px;
background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.12);
border-radius:10px;
transition:
background .3s ease,
border-color .3s ease,
transform .3s ease,
box-shadow .3s ease;
}
.eipmherotrustitem:hover{
background:rgba(221,116,54,.15);
border-color:rgba(221,116,54,.60);
transform:translateY(-4px);
box-shadow:
0 15px 30px rgba(8,29,51,.20);
}
/*==================================================
TRUST ICON
==================================================*/
.eipmherotrusticon{
width:47px;
height:47px;
min-width:47px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#ffffff;
border-radius:9px;
font-size:17px;
box-shadow:
0 8px 20px rgba(221,116,54,.25);
}
/*==================================================
TRUST TEXT
==================================================*/
.eipmherotrusttext{
min-width:0;
display:block;
color:rgba(255,255,255,.62);
font-size:10px;
font-weight:400;
line-height:1.5;
}
.eipmherotrusttext strong{
display:block;
margin:0 0 3px;
color:#ffffff;
font-size:13px;
font-weight:700;
line-height:1.4;
}
/*==================================================
RIGHT QUOTE SIDE
==================================================*/
.eipmheroquoteside{
position:relative;
width:100%;
display:flex;
align-items:center;
justify-content:flex-end;
}
/*==================================================
QUOTE FORM BOX
==================================================*/
.eipmheroquotebox{
position:relative;
width:100%;
max-width:570px;
padding:42px 40px;
background:#ffffff;
border:1px solid rgba(255,255,255,.18);
border-radius:18px;
box-shadow:
0 35px 80px rgba(8,29,51,.34);
overflow:hidden;
}
.eipmheroquotebox::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:6px;
background:linear-gradient(
90deg,
#173d69 0%,
#e53935 100%
);
}
.eipmheroquotebox::after{
content:"";
position:absolute;
width:250px;
height:250px;
top:-175px;
right:-155px;
border:45px solid rgba(23,61,105,.035);
border-radius:50%;
pointer-events:none;
}
/*==================================================
QUOTE HEADING
==================================================*/
.eipmheroquotehead{
position:relative;
z-index:2;
margin:0 0 28px;
text-align:left;
}
.eipmheroquotetag{
display:inline-flex;
align-items:center;
gap:9px;
margin:0 0 12px;
color:#e53935;
font-size:12px;
font-weight:800;
line-height:1.4;
letter-spacing:1px;
text-transform:uppercase;
}
.eipmheroquotetag i{
font-size:14px;
}
.eipmheroquotehead h2{
margin:0 0 10px;
color:#173d69;
font-size:34px;
font-weight:800;
line-height:1.25;
letter-spacing:-.5px;
}
.eipmheroquotehead p{
margin:0;
color:#6d7680;
font-size:15px;
font-weight:400;
line-height:1.7;
}
/*==================================================
QUOTE FORM
==================================================*/
.eipmheroquoteform{
position:relative;
z-index:2;
width:100%;
}
/*==================================================
FORM ROW
==================================================*/
.eipmheroquoterow{
width:100%;
display:grid;
grid-template-columns:
repeat(2,minmax(0,1fr));
gap:16px;
}
/*==================================================
FORM FIELD
==================================================*/
.eipmheroquotefield{
position:relative;
width:100%;
min-width:0;
margin:0 0 16px;
}
.eipmheroquotefield > i{
position:absolute;
top:50%;
left:20px;
z-index:2;
transform:translateY(-50%);
color:#e53935;
font-size:16px;
pointer-events:none;
}
/*==================================================
INPUT AND SELECT
==================================================*/
.eipmheroquotefield input,
.eipmheroquotefield select{
display:block;
width:100%;
max-width:100%;
height:64px;
margin:0;
padding:0 20px 0 54px;
background:#f7f9fb;
border:1px solid #dce3ea;
border-radius:10px;
outline:none;
color:#173d69;
font-family:"Poppins",sans-serif;
font-size:15px;
font-weight:500;
line-height:1;
transition:
border-color .3s ease,
box-shadow .3s ease,
background .3s ease,
transform .3s ease;
}
.eipmheroquotefield input::placeholder{
color:#7b8794;
opacity:1;
font-size:15px;
font-weight:400;
}
.eipmheroquotefield input:focus,
.eipmheroquotefield select:focus{
background:#ffffff;
border-color:#e53935;
box-shadow:
0 0 0 4px rgba(221,116,54,.12);
transform:translateY(-1px);
}
/*==================================================
SELECT FIELD
==================================================*/
.eipmheroquotefield select{
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
padding-right:45px;
cursor:pointer;
}
.eipmheroquoteselect::after{
content:"\f078";
position:absolute;
top:50%;
right:20px;
transform:translateY(-50%);
color:#173d69;
font-family:"Font Awesome 6 Free";
font-size:12px;
font-weight:900;
pointer-events:none;
}
/*==================================================
DATE FIELD
==================================================*/
.eipmheroquotefield input[type="date"]{
color:#657180;
font-size:15px;
}
.eipmheroquotefield
input[type="date"]::-webkit-calendar-picker-indicator{
cursor:pointer;
opacity:.75;
}
/*==================================================
SUBMIT BUTTON
==================================================*/
.eipmheroquotebtn{
width:100%;
min-height:64px;
display:flex;
align-items:center;
justify-content:space-between;
gap:15px;
padding:13px 22px;
background:#173d69;
color:#ffffff;
border:1px solid #173d69;
border-radius:10px;
font-family:"Poppins",sans-serif;
font-size:16px;
font-weight:800;
cursor:pointer;
box-shadow:
0 12px 28px rgba(23,61,105,.22);
transition:
background .3s ease,
color .3s ease,
border-color .3s ease,
transform .3s ease,
box-shadow .3s ease;
}
.eipmheroquotebtn i{
width:38px;
height:38px;
min-width:38px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#ffffff;
border-radius:50%;
font-size:13px;
transition:
background .3s ease,
color .3s ease,
transform .3s ease;
}
.eipmheroquotebtn:hover{
background:#e53935;
color:#ffffff;
border-color:#e53935;
transform:translateY(-3px);
box-shadow:
0 18px 35px rgba(221,116,54,.25);
}
.eipmheroquotebtn:hover i{
background:#173d69;
color:#ffffff;
transform:translateX(4px);
}
/*==================================================
FORM BOTTOM INFORMATION
==================================================*/
.eipmheroquotesecure{
position:relative;
z-index:2;
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
gap:15px;
margin:20px 0 0;
padding:18px 0 0;
border-top:1px solid #e1e7ed;
}
.eipmheroquotesecure span{
display:flex;
align-items:center;
gap:7px;
color:#687482;
font-size:11px;
font-weight:500;
line-height:1.5;
}
.eipmheroquotesecure i{
color:#e53935;
font-size:12px;
}
/*==================================================
SMALL DESKTOP
==================================================*/
@media screen and (max-width:1199px){
.eipmhero{
min-height:740px;
padding:75px 0;
}
.eipmherowrap{
grid-template-columns:
minmax(0,1fr)
minmax(440px,.9fr);
gap:45px;
}
.eipmherocontent h1{
font-size:49px;
}
.eipmherolead{
font-size:15px;
line-height:1.85;
}
.eipmheroquotebox{
max-width:520px;
padding:36px 32px;
}
.eipmheroquotehead h2{
font-size:30px;
}
.eipmheroquotefield input,
.eipmheroquotefield select{
height:60px;
font-size:14px;
}
.eipmheroquotefield input::placeholder{
font-size:14px;
}
}
/*==================================================
TABLET
==================================================*/
@media screen and (max-width:991px){
.eipmhero{
min-height:auto;
padding:65px 0;
}
.eipmherowrap{
grid-template-columns:
minmax(0,1fr)
minmax(360px,.88fr);
gap:35px;
}
.eipmherobadge{
font-size:11px;
}
.eipmherocontent h1{
font-size:41px;
letter-spacing:-1px;
}
.eipmherolead{
font-size:14px;
line-height:1.8;
}
.eipmheroactions{
flex-direction:column;
align-items:flex-start;
gap:17px;
margin-bottom:30px;
}
.eipmherotrust{
grid-template-columns:1fr;
gap:9px;
}
.eipmherotrustitem{
padding:12px;
}
.eipmherotrusticon{
width:43px;
height:43px;
min-width:43px;
}
.eipmheroquotebox{
max-width:100%;
padding:30px 25px;
border-radius:16px;
}
.eipmheroquotehead{
margin-bottom:22px;
}
.eipmheroquotehead h2{
font-size:27px;
}
.eipmheroquotehead p{
font-size:13px;
}
.eipmheroquoterow{
grid-template-columns:1fr;
gap:0;
}
.eipmheroquotefield{
margin-bottom:13px;
}
.eipmheroquotefield input,
.eipmheroquotefield select{
height:58px;
padding-left:50px;
font-size:14px;
}
.eipmheroquotefield input::placeholder{
font-size:14px;
}
.eipmheroquotefield > i{
left:18px;
font-size:14px;
}
.eipmheroquotebtn{
min-height:59px;
font-size:14px;
}
.eipmheroquotesecure{
flex-direction:column;
align-items:flex-start;
gap:8px;
}
}
/*==================================================
MOBILE
==================================================*/
@media screen and (max-width:767px){
.eipmhero{
padding:55px 0 60px;
background:
radial-gradient(
circle at 100% 8%,
rgba(221,116,54,.20) 0,
rgba(221,116,54,0) 30%
),
linear-gradient(
150deg,
#102d4f 0%,
#173d69 65%,
#214f80 100%
);
}
.eipmherowrap{
grid-template-columns:1fr;
gap:45px;
}
.eipmherocontent{
max-width:100%;
}
.eipmherocontent h1{
font-size:38px;
line-height:1.2;
}
.eipmherolead{
max-width:100%;
font-size:14px;
}
.eipmheroprimary{
width:100%;
}
.eipmherotrust{
max-width:100%;
grid-template-columns:1fr;
}
.eipmheroquoteside{
justify-content:flex-start;
}
.eipmheroquotebox{
width:100%;
max-width:100%;
margin:0;
padding:30px 24px;
border-radius:15px;
}
.eipmheroquotehead h2{
font-size:28px;
}
.eipmheroquotehead p{
font-size:14px;
}
.eipmheroquoterow{
grid-template-columns:
repeat(2,minmax(0,1fr));
gap:13px;
}
.eipmheroquotefield input,
.eipmheroquotefield select{
height:60px;
font-size:14px;
}
.eipmheroquotefield input::placeholder{
font-size:14px;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media screen and (max-width:575px){
.eipmhero{
padding:48px 0 55px;
}
.eipmherobadge{
width:100%;
padding-right:13px;
border-radius:9px;
font-size:10px;
}
.eipmherocontent h1{
font-size:32px;
line-height:1.22;
letter-spacing:-.5px;
}
.eipmherolead{
font-size:13px;
line-height:1.8;
}
.eipmheroactions{
width:100%;
}
.eipmherocall{
width:100%;
}
.eipmherotrustitem{
padding:14px;
}
.eipmherotrusttext{
font-size:10px;
}
.eipmherotrusttext strong{
font-size:13px;
}
.eipmheroquotebox{
padding:27px 18px;
border-radius:13px;
}
.eipmheroquotetag{
font-size:10px;
}
.eipmheroquotehead h2{
font-size:25px;
}
.eipmheroquotehead p{
font-size:13px;
}
.eipmheroquoterow{
grid-template-columns:1fr;
gap:0;
}
.eipmheroquotefield{
margin-bottom:12px;
}
.eipmheroquotefield input,
.eipmheroquotefield select{
height:58px;
padding-left:49px;
font-size:14px;
border-radius:8px;
}
.eipmheroquotefield input::placeholder{
font-size:14px;
}
.eipmheroquotefield > i{
left:17px;
font-size:14px;
}
.eipmheroquotebtn{
min-height:59px;
padding:12px 17px;
font-size:14px;
border-radius:8px;
}
.eipmheroquotebtn i{
width:34px;
height:34px;
min-width:34px;
font-size:11px;
}
.eipmheroquotesecure{
flex-direction:column;
align-items:flex-start;
gap:9px;
margin-top:17px;
}
.eipmheroquotesecure span{
font-size:10px;
}
}
/*==================================================
VERY SMALL MOBILE
==================================================*/
@media screen and (max-width:380px){
.eipmherocontent h1{
font-size:29px;
}
.eipmheroquotebox{
padding:24px 15px;
}
.eipmheroquotehead h2{
font-size:22px;
}
.eipmheroquotehead p{
font-size:12px;
}
.eipmheroquotefield input,
.eipmheroquotefield select{
height:56px;
font-size:13px;
}
.eipmheroquotefield input::placeholder{
font-size:13px;
}
.eipmheroquotebtn{
font-size:13px;
}
}
/* RESPONSIVE */
@media screen and (max-width:768px){
.two-col{
grid-template-columns:1fr;
}
.hero-content h1{
font-size:28px;
}
}
@media(min-width:769px){
.sticky{display:none}
}
/* SERVICES SECTION */
.services{
padding:60px 0;
background:#f9fafb;
}
.services h2{
text-align:center;
margin-bottom:35px;
color:#0b2c4d;
}
.services-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:25px;
}
.service-card{
background:#fff;
border-radius:12px;
overflow:hidden;
text-align:center;
box-shadow:0 8px 20px rgba(0,0,0,0.08);
transition:transform .3s ease;
}
.service-card:hover{
transform:translateY(-6px);
}
.service-card img{
width:100%;
height:170px;
object-fit:cover;
}
.service-card i{
font-size:28px;
color:#ff7a00;
margin-top:15px;
}
.service-card h4{
margin:10px 0 6px;
font-size:17px;
color:#0b2c4d;
}
.service-card p{
font-size:14px;
line-height:1.5;
padding:0 15px 20px;
color:#555;
}
/* MOBILE */
@media(max-width:768px){
.service-card img{
height:150px;
}
}
/* WHY CHOOSE + FORM WITH IMAGE */
.why-form{
padding:70px 0;
background:#f4f6f8;
}
.why-form-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
align-items:flex-start;
}
/* COMMON CARD STYLE */
.why-box,
.form-box{
background:#fff;
padding:30px;
border-radius:14px;
box-shadow:0 8px 20px rgba(0,0,0,0.08);
}
/* IMAGE */
.why-box img,
.form-box img{
width:100%;
height:auto;
object-fit:cover;
border-radius:10px;
margin-bottom:18px;
}
/* HEADINGS */
.why-box h3,
.form-box h3{
color:#0b2c4d;
margin-bottom:15px;
text-align:center;
}
/* WHY LIST */
.why-list{
list-style:none;
}
.why-list li{
margin-bottom:12px;
font-weight:500;
color:#333;
}
.why-list i{
color:#ff7a00;
margin-right:10px;
}
/* FORM FIX (IMPORTANT) */
.form-box form{
width:100%;
}
.form-box input,
.form-box textarea{
width:100%;
padding:12px;
margin-bottom:14px;
border-radius:6px;
border:1px solid #ccc;
font-size:14px;
display:block;
box-sizing:border-box;
}
.form-box textarea{
resize:none;
height:100px;
}
.form-box button{
width:100%;
padding:14px;
background:#25D366;
color:#fff;
border:none;
border-radius:6px;
font-size:16px;
font-weight:600;
cursor:pointer;
}
.form-box button i{
margin-right:6px;
}
/* MOBILE */
@media(max-width:768px){
.why-form-grid{
grid-template-columns:1fr;
}
}
/* FULL WIDTH CONTACT SECTION */
/* CONTACT SECTION */
.contact-separate{
width:100%;
padding:60px 15px;
background:#f4f6f8;
}
/* GRID */
.contact-separate-grid{
max-width:1300px;
margin:auto;
display:grid;
grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
gap:20px;
}
/* CARD */
.contact-card{
background:#fff;
padding:25px 20px;
border-radius:12px;
text-align:center;
box-shadow:0 6px 18px rgba(0,0,0,0.08);
}
/* ICON */
.contact-card i{
font-size:32px;
color:#ff7a00;
margin-bottom:12px;
}
/* TITLE */
.contact-card h4{
font-size:17px;
margin-bottom:8px;
color:#0b2c4d;
}
/* TEXT */
.contact-card p{
font-size:14px;
color:#444;
line-height:1.6;
margin:0;
}
/* BREAK LONG TEXT (EMAIL FIX) */
.break-text{
word-break:break-all;
}
/* LINKS */
.contact-card a{
color:#0b2c4d;
text-decoration:none;
font-weight:500;
}
/* MOBILE */
@media(max-width:480px){
.contact-card{
padding:20px 16px;
}
.contact-card h4{
font-size:16px;
}
.contact-card p{
font-size:13px;
}
}
/* Fix for sticky navbar overlap */
.read-more-btn{
display:inline-block;
margin-top:15px;
padding:10px 22px;
background:#ff7a00;
color:#fff;
text-decoration:none;
border-radius:25px;
font-size:14px;
font-weight:500;
transition:all 0.3s ease;
}
.read-more-btn:hover{
background:#e66a00;
transform:translateY(-3px);
box-shadow:0 8px 20px rgba(0,0,0,0.2);
}
.read-more-btn span{
margin-left:6px;
transition:0.3s;
}
.read-more-btn:hover span{
margin-left:12px;
}
.hero-service{
height: 300px;
background: linear-gradient(135deg, #fdf6ec, #f7e9d7);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #222; /* Dark text for light bg */
padding: 0 20px;
}
.hero-contentpages h1{
font-size: 32px;
font-weight: 700;
margin-bottom: 10px;
color:#000000;
}
.hero-contentpages p{
font-size: 16px;
margin-bottom: 20px;
color:#000000;
}
.hero-btn{
background: #ff6b00;
color: #ffffff;
padding: 10px 22px;
text-decoration: none;
border-radius: 5px;
font-weight: 600;
transition: 0.3s;
}
.hero-btn:hover{
background: #e65c00;
}
.hero-points{
font-size:16px;
color:#000;
margin-bottom:20px;
}
.hero-points i{
color:#ff6b00;
margin-right:6px;
}
.divider{
margin:0 12px;
color:#999;
}
.service-page{
padding:70px 5%;
background:#f8f9fa;
}
.service-page h2{
text-align:center;
margin-bottom:20px;
}
.service-page p{
color:#555;
line-height:1.7;
margin-bottom:20px;
}
.features{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
margin-top:40px;
}
.feature-box{
background:#fff;
padding:25px;
border-radius:10px;
box-shadow:0 5px 15px rgba(0,0,0,0.08);
transition:0.3s;
}
.feature-box:hover{
transform:translateY(-6px);
}
.feature-box i{
font-size:30px;
color:#ff6b00;
margin-bottom:10px;
}
.cta-section{
background:#0b2c4d;
color:#fff;
text-align:center;
padding:60px 5%;
}
.cta-section h2{
font-size:28px;
margin-bottom:15px;
}
.cta-btn{
background:#ff6b00;
padding:14px 28px;
color:#fff;
text-decoration:none;
border-radius:6px;
font-weight:600;
}
.footer{
background:#e53935;
color:#fff;
text-align:center;
padding:20px;
}
/* Responsive */
@media(max-width:992px){
.features{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
.features{grid-template-columns:1fr;}
.hero-content h1{font-size:24px;}
}
/*=========================================
WHY CHOOSE US SECTION
=========================================*/
.eipmmumwhysection{
padding:100px 0;
background:#ffffff;
position:relative;
overflow:hidden;
}
.eipmmumwhysection::before{
content:"";
position:absolute;
top:-120px;
right:-120px;
width:300px;
height:300px;
background:rgba(244,180,0,.08);
border-radius:50%;
}
.eipmmumwhysection::after{
content:"";
position:absolute;
bottom:-150px;
left:-150px;
width:350px;
height:350px;
background:rgba(23,61,105,.05);
border-radius:50%;
}
/*===========================
GRID
===========================*/
.eipmmumwhygrid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
margin-top:60px;
}
/*===========================
CARD
===========================*/
.eipmmumwhycard{
background:#fff;
border-radius:18px;
padding:40px 35px;
text-align:center;
transition:.35s;
box-shadow:0 12px 35px rgba(0,0,0,.08);
border:1px solid #eee;
position:relative;
overflow:hidden;
}
.eipmmumwhycard::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:5px;
background:#e53935;
transition:.35s;
}
.eipmmumwhycard:hover{
transform:translateY(-10px);
box-shadow:0 22px 50px rgba(23,61,105,.18);
}
.eipmmumwhycard:hover::before{
height:100%;
opacity:.05;
}
/*===========================
ICON
===========================*/
.eipmmumwhyicon{
width:85px;
height:85px;
margin:0 auto 25px;
border-radius:20px;
background:#173d69;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:34px;
transition:.35s;
}
.eipmmumwhycard:hover .eipmmumwhyicon{
background:#e53935;
color:#173d69;
transform:rotate(-8deg);
}
/*===========================
TEXT
===========================*/
.eipmmumwhycard h3{
font-size:24px;
color:#173d69;
margin-bottom:15px;
font-weight:700;
}
.eipmmumwhycard p{
color:#666;
line-height:1.8;
font-size:15px;
}
/*===========================
BUTTON
===========================*/
.eipmmumwhybtnwrap{
margin-top:40px;
text-align:center;
}
.eipmmumwhybtnwrap .eipmmumprimarybtn{
display:inline-flex;
align-items:center;
gap:12px;
background:#173d69;
color:#fff;
padding:16px 36px;
border-radius:50px;
text-decoration:none;
font-weight:700;
transition:.35s;
}
.eipmmumwhybtnwrap .eipmmumprimarybtn:hover{
background:#e53935;
color:#000;
}
.eipmmumwhybtnwrap .eipmmumprimarybtn i{
transition:.35s;
}
.eipmmumwhybtnwrap .eipmmumprimarybtn:hover i{
transform:translateX(6px);
}
/*====================================
LAPTOP
====================================*/
@media(max-width:1199px){
.eipmmumwhygrid{
grid-template-columns:repeat(2,1fr);
}
}
/*====================================
TABLET
====================================*/
@media(max-width:991px){
.eipmmumwhysection{
padding:80px 0;
}
.eipmmumwhygrid{
gap:25px;
}
.eipmmumwhycard{
padding:35px 25px;
}
.eipmmumwhyicon{
width:75px;
height:75px;
font-size:30px;
}
.eipmmumwhycard h3{
font-size:22px;
}
}
/*====================================
MOBILE
====================================*/
@media(max-width:767px){
.eipmmumwhysection{
padding:60px 0;
}
.eipmmumwhygrid{
grid-template-columns:1fr;
gap:20px;
margin-top:40px;
}
.eipmmumwhycard{
padding:30px 22px;
}
.eipmmumwhyicon{
width:70px;
height:70px;
font-size:28px;
}
.eipmmumwhycard h3{
font-size:21px;
}
.eipmmumwhycard p{
font-size:15px;
}
.eipmmumwhybtnwrap{
margin-top:40px;
}
.eipmmumwhybtnwrap .eipmmumprimarybtn{
width:100%;
justify-content:center;
}
}
/*====================================
LARGE DESKTOP
====================================*/
@media(min-width:1400px){
.eipmmumwhygrid{
gap:35px;
}
.eipmmumwhycard{
padding:45px 40px;
}
.eipmmumwhycountbox{
padding:40px 25px;
}
}
/*=========================================
SERVICE AREAS
=========================================*/
.eipmmumareassection{
padding:100px 0;
background:#f8f9fc;
}
.eipmmumareagrid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
margin-top:50px;
}
.eipmmumareabox{
background:#fff;
border:1px solid #e9e9e9;
border-radius:12px;
padding:18px 20px;
text-align:center;
text-decoration:none;
color:#173d69;
font-weight:600;
transition:.35s;
box-shadow:0 8px 20px rgba(0,0,0,.05);
}
.eipmmumareabox:hover{
background:#173d69;
color:#fff;
transform:translateY(-5px);
border-color:#173d69;
}
/* Tablet */
@media(max-width:991px){
.eipmmumareassection{
padding:80px 0;
}
.eipmmumareagrid{
grid-template-columns:repeat(2,1fr);
}
}
/* Mobile */
@media(max-width:767px){
.eipmmumareassection{
padding:60px 0;
}
.eipmmumareagrid{
grid-template-columns:1fr;
gap:15px;
}
.eipmmumareabox{
padding:16px;
font-size:15px;
}
}
/* Large Desktop */
@media(min-width:1400px){
.eipmmumareagrid{
grid-template-columns:repeat(5,1fr);
}
}
/*=========================================
CTA SECTION
=========================================*/
.eipmmumctasection{
padding:90px 0;
background:linear-gradient(135deg,#173d69,#0d2c52);
position:relative;
overflow:hidden;
}
.eipmmumctasection::before{
content:"";
position:absolute;
width:300px;
height:300px;
background:rgba(255,255,255,.05);
border-radius:50%;
top:-120px;
right:-120px;
}
.eipmmumctasection::after{
content:"";
position:absolute;
width:250px;
height:250px;
background:rgba(244,180,0,.12);
border-radius:50%;
bottom:-100px;
left:-80px;
}
.eipmmumctawrapper{
position:relative;
z-index:2;
max-width:900px;
margin:auto;
text-align:center;
}
.eipmmumctatag{
display:inline-block;
background:#e53935;
color:#000;
padding:10px 24px;
border-radius:40px;
font-weight:700;
margin-bottom:20px;
}
.eipmmumctawrapper h2{
color:#fff;
font-size:48px;
font-weight:800;
line-height:1.3;
margin-bottom:25px;
}
.eipmmumctawrapper h2 span{
color:#e53935;
}
.eipmmumctawrapper p{
color:#e7e7e7;
font-size:18px;
line-height:1.9;
margin-bottom:40px;
}
.eipmmumctabtnwrap{
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
}
.eipmmumctacall{
background:#e53935;
color:#000;
text-decoration:none;
padding:17px 36px;
border-radius:50px;
font-weight:700;
transition:.35s;
}
.eipmmumctacall:hover{
background:#fff;
color:#173d69;
}
.eipmmumctaquote{
border:2px solid #fff;
color:#fff;
text-decoration:none;
padding:17px 36px;
border-radius:50px;
font-weight:700;
transition:.35s;
}
.eipmmumctaquote:hover{
background:#fff;
color:#173d69;
}
.eipmmumctabtnwrap a{
display:flex;
align-items:center;
gap:10px;
}
.eipmmumctainfo{
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
margin-top:45px;
}
.eipmmumctabox{
background:rgba(255,255,255,.10);
backdrop-filter:blur(12px);
padding:15px 22px;
border-radius:12px;
color:#fff;
display:flex;
align-items:center;
gap:10px;
}
.eipmmumctabox i{
color:#e53935;
font-size:20px;
}
/*==============================
TABLET
==============================*/
@media(max-width:991px){
.eipmmumctawrapper h2{
font-size:38px;
}
.eipmmumctawrapper p{
font-size:16px;
}
}
/*==============================
MOBILE
==============================*/
@media(max-width:767px){
.eipmmumctasection{
padding:70px 0;
}
.eipmmumctawrapper h2{
font-size:30px;
}
.eipmmumctawrapper p{
font-size:15px;
}
.eipmmumctabtnwrap{
flex-direction:column;
}
.eipmmumctacall,
.eipmmumctaquote{
width:100%;
justify-content:center;
}
.eipmmumctainfo{
flex-direction:column;
}
.eipmmumctabox{
justify-content:center;
}
}
/*=========================================
FOOTER
=========================================*/
.eipmmumfooter{
background:#173d69;
color:#fff;
padding:90px 0 0;
position:relative;
}
.eipmmumfootergrid{
display:grid;
grid-template-columns:1.4fr 1fr 1fr 1.2fr;
gap:50px;
padding-bottom:60px;
}
/*=========================================
LOGO
=========================================*/
.eipmmumfooterlogo{
display:inline-block;
margin-bottom:25px;
}
.eipmmumfooterlogo img{
width:280px;
display:block;
}
.eipmmumfooter p{
color:rgba(255,255,255,.85);
line-height:1.9;
margin-bottom:30px;
font-size:15px;
}
/*=========================================
HEADING
=========================================*/
.eipmmumfooter h3{
color:#fff;
font-size:24px;
font-weight:700;
margin-bottom:30px;
position:relative;
}
.eipmmumfooter h3::after{
content:"";
position:absolute;
left:0;
bottom:-10px;
width:55px;
height:3px;
background:#e53935;
}
/*=========================================
LIST
=========================================*/
.eipmmumfooter ul{
list-style:none;
padding:0;
margin:0;
}
.eipmmumfooter ul li{
margin-bottom:15px;
}
.eipmmumfooter ul li a{
color:rgba(255,255,255,.85);
text-decoration:none;
transition:.35s;
}
.eipmmumfooter ul li a:hover{
color:#e53935;
padding-left:8px;
}
/*=========================================
CONTACT
=========================================*/
.eipmmumfootercontact li{
display:flex;
align-items:flex-start;
gap:15px;
}
.eipmmumfootercontact i{
color:#e53935;
font-size:18px;
margin-top:4px;
min-width:18px;
}
.eipmmumfootercontact span,
.eipmmumfootercontact a{
color:rgba(255,255,255,.85);
text-decoration:none;
line-height:1.7;
}
/*=========================================
GOOGLE RATING
=========================================*/
.eipmmumfooterrating{
display:flex;
align-items:center;
gap:6px;
margin-bottom:25px;
flex-wrap:wrap;
}
.eipmmumfooterrating i{
color:#ffc107;
}
.eipmmumfooterrating span{
margin-left:8px;
font-weight:600;
}
/*=========================================
SOCIAL
=========================================*/
.eipmmumfootersocial{
display:flex;
gap:12px;
}
.eipmmumfootersocial a{
width:45px;
height:45px;
border-radius:50%;
background:rgba(255,255,255,.12);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
text-decoration:none;
transition:.35s;
}
.eipmmumfootersocial a:hover{
background:#e53935;
color:#173d69;
transform:translateY(-5px);
}
/*=========================================
FOOTER BOTTOM
=========================================*/
.eipmmumfooterbottom{
border-top:1px solid rgba(255,255,255,.15);
padding:25px 0;
}
.eipmmumfooterbottomwrapper{
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
}
.eipmmumfooterbottom p{
margin:0;
color:rgba(255,255,255,.80);
font-size:15px;
}
.eipmmumfooterbottom a{
color:#e53935;
text-decoration:none;
font-weight:600;
}
.eipmmumfooterbottom a:hover{
color:#fff;
}
/*=========================================
TABLET
=========================================*/
@media(max-width:991px){
.eipmmumfooter{
padding:70px 0 0;
}
.eipmmumfootergrid{
grid-template-columns:repeat(2,1fr);
gap:40px;
}
.eipmmumfooterbottomwrapper{
flex-direction:column;
text-align:center;
}
}
/*=========================================
MOBILE
=========================================*/
@media(max-width:767px){
.eipmmumfooter{
padding:60px 0 0;
}
.eipmmumfootergrid{
grid-template-columns:1fr;
gap:40px;
}
.eipmmumfooterlogo img{
width:160px;
}
.eipmmumfooter h3{
font-size:22px;
}
.eipmmumfootersocial{
justify-content:flex-start;
}
.eipmmumfooterbottom{
padding:20px 0;
}
.eipmmumfooterbottomwrapper{
flex-direction:column;
text-align:center;
}
.eipmmumfooterbottom p{
font-size:14px;
}
}
/*=========================================
LARGE DESKTOP
=========================================*/
@media(min-width:1400px){
.eipmmumfootergrid{
gap:60px;
}
}
/*=========================================
TESTIMONIAL SECTION
=========================================*/
.eipmmumtestimonialsection{
padding:100px 0;
background:#f8f9fc;
overflow:hidden;
}
.eipmmumtestimonialslider{
position:relative;
overflow:hidden;
padding-bottom:30px;
}
.eipmmumtestimonialtrack{
display:flex;
align-items:stretch;
gap:30px;
transition:transform .5s ease;
}
/*=========================================
CARD
=========================================*/
.eipmmumtestimonialcard{
min-width:calc(33.333% - 20px);
background:#fff;
border-radius:18px;
padding:35px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
transition:.35s;
border-top:5px solid #e53935;
position:relative;
height:auto;
min-height:420px; /* optional */
}
.eipmmumtestimonialcard:hover{
transform:translateY(-10px);
box-shadow:0 25px 55px rgba(23,61,105,.18);
}
/*=========================================
STARS
=========================================*/
.eipmmumtestimonialstars{
margin-bottom:20px;
}
.eipmmumtestimonialstars i{
color:#e53935;
font-size:18px;
margin-right:3px;
}
/*=========================================
REVIEW
=========================================*/
.eipmmumtestimonialcard p{
color:#555;
font-size:16px;
line-height:1.9;
margin-bottom:30px;
min-height:165px;
}
/*=========================================
USER
=========================================*/
.eipmmumtestimonialuser{
display:flex;
align-items:center;
gap:18px;
}
.eipmmumtestimonialuser img{
width:70px;
height:70px;
border-radius:50%;
object-fit:cover;
border:4px solid #e53935;
}
.eipmmumtestimonialuser h4{
color:#173d69;
font-size:20px;
margin-bottom:6px;
font-weight:700;
}
.eipmmumtestimonialuser span{
color:#888;
font-size:14px;
}
.eipmmumtestimonialwrapper{
background:#ffffff;
border-radius:25px;
padding:40px;
box-shadow:0 20px 50px rgba(0,0,0,.08);
margin-top:50px;
}
/*=========================================
NAVIGATION
=========================================*/
.eipmmumtestimonialnav{
display:flex;
justify-content:center;
gap:15px;
margin-top:25px;
background:#ffffff;
width:max-content;
margin-left:auto;
margin-right:auto;
padding:15px 20px;
border-radius:60px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
}
.eipmmumtestimonialnav button{
width:55px;
height:55px;
border:none;
border-radius:50%;
background:#173d69;
color:#fff;
font-size:20px;
cursor:pointer;
transition:.35s;
}
.eipmmumtestimonialnav button:hover{
background:#e53935;
color:#fff;
transform:translateY(-5px);
}
/*=========================================
TABLET
=========================================*/
@media(max-width:991px){
.eipmmumtestimonialsection{
padding:80px 0;
}
.eipmmumtestimonialcard{
min-width:calc(50% - 15px);
padding:30px;
}
.eipmmumtestimonialcard p{
min-height:auto;
}
}
/*=========================================
MOBILE
=========================================*/
@media(max-width:767px){
.eipmmumtestimonialsection{
padding:60px 0;
}
.eipmmumtestimonialslider{
margin-top:10px;
}
.eipmmumtestimonialtrack{
gap:20px;
}
.eipmmumtestimonialcard{
min-width:100%;
padding:25px;
}
.eipmmumtestimonialcard p{
font-size:15px;
line-height:1.8;
margin-bottom:25px;
}
.eipmmumtestimonialuser{
gap:12px;
}
.eipmmumtestimonialuser img{
width:60px;
height:60px;
}
.eipmmumtestimonialuser h4{
font-size:18px;
}
.eipmmumtestimonialuser span{
font-size:13px;
}
.eipmmumtestimonialnav{
margin-top:20px;
}
.contactsection{
background:#f8f9fc;
}
.eipmmumtestimonialnav button{
width:48px;
height:48px;
font-size:18px;
}
}
/*=========================================
LARGE DESKTOP
=========================================*/
@media(min-width:1400px){
.eipmmumtestimonialcard{
padding:40px;
}
.eipmmumtestimonialcard p{
font-size:17px;
}
}
.eipmmumtestimonialavatar{
width:70px;
height:70px;
border-radius:50%;
background:#173d69;
color:#fff;
display:flex;
justify-content:center;
align-items:center;
font-size:28px;
border:4px solid #e53935;
}
/*==================================
TESTIMONIAL NAVIGATION
==================================*/
.eipmmumtestimonialcontrols{
display:flex;
justify-content:center;
align-items:center;
gap:15px;
margin-top:45px;
}
.eipmmumtestimonialcontrols button{
width:60px;
height:60px;
border:none;
border-radius:50%;
background:#173d69;
color:#fff;
font-size:20px;
cursor:pointer;
transition:.35s;
box-shadow:0 15px 35px rgba(23,61,105,.25);
}
.eipmmumtestimonialcontrols button:hover{
background:#e53935;
color:#173d69;
transform:translateY(-5px);
}
/*=========================================
CONTACT INFORMATION
=========================================*/
.eipmmumcontactsection{
padding:90px 0;
background:#f8f9fc;
}
.eipmmumcontactgrid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}
.eipmmumcontactcard{
background:#fff;
padding:45px 30px;
text-align:center;
border-radius:18px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
transition:.35s;
border-bottom:4px solid transparent;
}
.eipmmumcontactcard:hover{
transform:translateY(-8px);
border-color:#e53935;
box-shadow:0 25px 50px rgba(23,61,105,.15);
}
.eipmmumcontacticon{
width:80px;
height:80px;
margin:0 auto 25px;
border-radius:50%;
background:#173d69;
color:#fff;
display:flex;
justify-content:center;
align-items:center;
font-size:30px;
transition:.35s;
}
.eipmmumcontactcard:hover .eipmmumcontacticon{
background:#e53935;
color:#173d69;
}
.eipmmumcontactcard h3{
font-size:26px;
color:#173d69;
margin-bottom:18px;
font-weight:700;
}
.eipmmumcontactcard p{
color:#666;
line-height:1.8;
margin:0;
}
.eipmmumcontactcard a{
color:#173d69;
font-size:18px;
font-weight:600;
text-decoration:none;
word-break:break-word;
}
.eipmmumcontactcard a:hover{
color:#e53935;
}
.eipmmumcontactcard span{
display:block;
margin-top:12px;
color:#888;
font-size:14px;
}
/*==========================
TABLET
==========================*/
@media(max-width:991px){
.eipmmumcontactgrid{
grid-template-columns:repeat(2,1fr);
}
}
/*==========================
MOBILE
==========================*/
@media(max-width:767px){
.eipmmumcontactsection{
padding:60px 0;
}
.eipmmumcontactgrid{
grid-template-columns:1fr;
gap:20px;
}
.eipmmumcontactcard{
padding:35px 25px;
}
.eipmmumcontacticon{
width:70px;
height:70px;
font-size:26px;
}
.eipmmumcontactcard h3{
font-size:22px;
}
.eipmmumcontactcard a{
font-size:16px;
}
}
.eipmmumgooglerating{
display:flex;
align-items:center;
justify-content:center;
gap:4px;
flex-wrap:wrap;
}
.eipmmumgooglerating i{
color:#e53935;
font-size:18px;
}
.eipmmumgooglerating span{
margin-left:8px;
color:#173d69;
font-weight:600;
font-size:16px;
}
.eipmmumratingstars{
display:flex;
gap:3px;
margin:6px 0;
}
.eipmmumratingstars i{
color:#e53935;
font-size:16px;
}
/*==================================================
FINAL BREADCRUMB FIX
ADD AT VERY END OF style.css
==================================================*/
.eipmmumbreadcrumbsection{
position:relative !important;
width:100% !important;
height:auto !important;
min-height:330px !important;
margin:0 !important;
padding:0 !important;
display:block !important;
background:#173d69 !important;
overflow:hidden !important;
clear:both !important;
top:auto !important;
bottom:auto !important;
left:auto !important;
transform:none !important;
}
.eipmmumbreadcrumboverlay{
position:absolute !important;
inset:0 !important;
width:100% !important;
height:100% !important;
background:linear-gradient(
90deg,
rgba(13,44,82,.98) 0%,
rgba(23,61,105,.90) 55%,
rgba(23,61,105,.65) 100%
) !important;
z-index:1 !important;
pointer-events:none;
}
.eipmmumbreadcrumbsection > .eipmmumcontainer{
position:relative !important;
width:100% !important;
z-index:5 !important;
margin-left:auto !important;
margin-right:auto !important;
}
.eipmmumbreadcrumbcontent{
position:relative !important;
width:100% !important;
max-width:850px !important;
min-height:330px !important;
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
justify-content:center !important;
margin:0 !important;
padding:50px 0 !important;
top:auto !important;
right:auto !important;
bottom:auto !important;
left:auto !important;
transform:none !important;
z-index:10 !important;
text-align:left !important;
}
/*==================================================
BREADCRUMB TAG
==================================================*/
.eipmmumbreadcrumbtag{
position:relative !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:auto !important;
margin:0 0 20px 0 !important;
padding:10px 22px !important;
background:#e53935 !important;
color:#000 !important;
border-radius:50px !important;
font-size:14px !important;
font-weight:700 !important;
line-height:1.4 !important;
top:auto !important;
bottom:auto !important;
transform:none !important;
z-index:10 !important;
}
/*==================================================
BREADCRUMB TITLE
==================================================*/
.eipmmumbreadcrumbcontent h1{
position:relative !important;
display:block !important;
width:100% !important;
margin:0 0 28px 0 !important;
padding:0 !important;
color:#ffffff !important;
font-size:58px !important;
font-weight:800 !important;
line-height:1.15 !important;
top:auto !important;
transform:none !important;
z-index:10 !important;
}
/*==================================================
BREADCRUMB NAV
==================================================*/
.eipmmumbreadcrumbnav{
position:relative !important;
display:inline-flex !important;
align-items:center !important;
justify-content:flex-start !important;
flex-wrap:wrap !important;
gap:12px !important;
width:auto !important;
margin:0 !important;
padding:14px 22px !important;
background:rgba(255,255,255,.12) !important;
border:1px solid rgba(255,255,255,.18) !important;
border-radius:50px !important;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
top:auto !important;
transform:none !important;
z-index:10 !important;
}
.eipmmumbreadcrumbnav a{
display:inline-flex !important;
align-items:center !important;
gap:8px !important;
color:#ffffff !important;
text-decoration:none !important;
font-size:15px !important;
font-weight:600 !important;
}
.eipmmumbreadcrumbnav a i{
color:#e53935 !important;
}
.eipmmumbreadcrumbnav a:hover{
color:#e53935 !important;
}
.eipmmumbreadcrumbdivider{
display:inline-flex !important;
align-items:center !important;
color:rgba(255,255,255,.55) !important;
font-size:11px !important;
}
.eipmmumbreadcrumbactive{
color:#e53935 !important;
font-size:15px !important;
font-weight:700 !important;
}
/*==================================================
DECORATION
==================================================*/
.eipmmumbreadcrumbsection::before{
content:"";
position:absolute;
width:300px;
height:300px;
top:-160px;
right:-60px;
border:1px solid rgba(255,255,255,.12);
border-radius:50%;
z-index:2;
pointer-events:none;
}
.eipmmumbreadcrumbsection::after{
content:"";
position:absolute;
width:260px;
height:260px;
right:80px;
bottom:-150px;
background:rgba(244,180,0,.08);
border-radius:50%;
z-index:2;
pointer-events:none;
}
/*==================================================
TABLET
==================================================*/
@media(max-width:991px){
.eipmmumbreadcrumbsection{
min-height:290px !important;
}
.eipmmumbreadcrumbcontent{
min-height:290px !important;
padding:45px 0 !important;
}
.eipmmumbreadcrumbcontent h1{
font-size:46px !important;
}
}
/*==================================================
MOBILE
==================================================*/
@media(max-width:767px){
.eipmmumbreadcrumbsection{
min-height:260px !important;
}
.eipmmumbreadcrumbcontent{
min-height:260px !important;
align-items:center !important;
justify-content:center !important;
padding:40px 0 !important;
text-align:center !important;
}
.eipmmumbreadcrumbtag{
margin-bottom:17px !important;
padding:8px 17px !important;
font-size:12px !important;
}
.eipmmumbreadcrumbcontent h1{
margin-bottom:22px !important;
font-size:36px !important;
text-align:center !important;
}
.eipmmumbreadcrumbnav{
justify-content:center !important;
padding:12px 18px !important;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media(max-width:480px){
.eipmmumbreadcrumbsection{
min-height:240px !important;
}
.eipmmumbreadcrumbcontent{
min-height:240px !important;
padding:35px 0 !important;
}
.eipmmumbreadcrumbcontent h1{
font-size:31px !important;
}
.eipmmumbreadcrumbnav{
border-radius:15px !important;
}
}
/*=========================================
ABOUT PAGE SECTION
=========================================*/
.eipmmumaboutpagesection{
position:relative;
padding:100px 0;
background:#f8f9fc;
overflow:hidden;
}
.eipmmumaboutpagesection::before{
content:"";
position:absolute;
width:350px;
height:350px;
border-radius:50%;
background:rgba(244,180,0,.07);
top:-170px;
right:-120px;
}
.eipmmumaboutpagesection::after{
content:"";
position:absolute;
width:300px;
height:300px;
border-radius:50%;
background:rgba(23,61,105,.05);
bottom:-150px;
left:-120px;
}
.eipmmumaboutpagegrid{
position:relative;
z-index:2;
display:grid;
grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);
gap:65px;
align-items:center;
}
/*=========================================
LEFT CONTENT
=========================================*/
.eipmmumaboutpagetag{
display:inline-flex;
align-items:center;
padding:10px 22px;
margin-bottom:22px;
border-radius:50px;
background:#e53935;
color:#fff;
font-size:14px;
font-weight:700;
letter-spacing:.3px;
}
.eipmmumaboutpagecontent h1{
margin:0 0 25px;
color:#173d69;
font-size:52px;
font-weight:800;
line-height:1.2;
}
.eipmmumaboutpagecontent h1 span{
color:#e53935;
}
.eipmmumaboutpagecontent > p{
margin:0 0 20px;
color:#626262;
font-size:16px;
line-height:1.9;
}
.eipmmumaboutpagecontent .eipmmumaboutpageintro{
color:#444;
font-size:18px;
}
/*=========================================
FEATURES
=========================================*/
.eipmmumaboutpagefeatures{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:20px;
margin-top:35px;
}
.eipmmumaboutpagefeature{
display:flex;
align-items:flex-start;
gap:16px;
padding:22px;
background:#fff;
border:1px solid #eceff3;
border-radius:16px;
box-shadow:0 10px 30px rgba(0,0,0,.05);
transition:transform .35s ease,
box-shadow .35s ease,
border-color .35s ease;
}
.eipmmumaboutpagefeature:hover{
transform:translateY(-6px);
border-color:rgba(244,180,0,.6);
box-shadow:0 18px 40px rgba(23,61,105,.12);
}
.eipmmumaboutpagefeatureicon{
width:55px;
height:55px;
min-width:55px;
display:flex;
align-items:center;
justify-content:center;
border-radius:14px;
background:#173d69;
color:#fff;
font-size:22px;
transition:.35s ease;
}
.eipmmumaboutpagefeature:hover .eipmmumaboutpagefeatureicon{
background:#e53935;
color:#ffc107;
transform:rotate(-6deg);
}
.eipmmumaboutpagefeature h3{
margin:0 0 7px;
color:#173d69;
font-size:18px;
font-weight:700;
}
.eipmmumaboutpagefeature p{
margin:0;
color:#6c6c6c;
font-size:14px;
line-height:1.7;
}
/*=========================================
BUTTONS
=========================================*/
.eipmmumaboutpagebuttons{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:16px;
margin-top:38px;
}
.eipmmumaboutpageprimarybtn,
.eipmmumaboutpagesecondarybtn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
min-height:56px;
padding:15px 28px;
border-radius:50px;
text-decoration:none;
font-size:15px;
font-weight:700;
transition:.35s ease;
}
.eipmmumaboutpageprimarybtn{
background:#173d69;
color:#fff;
box-shadow:0 12px 30px rgba(23,61,105,.20);
}
.eipmmumaboutpageprimarybtn:hover{
background:#e53935;
color:#111;
transform:translateY(-3px);
}
.eipmmumaboutpageprimarybtn i{
transition:.35s ease;
}
.eipmmumaboutpageprimarybtn:hover i{
transform:translateX(5px);
}
.eipmmumaboutpagesecondarybtn{
border:2px solid #173d69;
color:#173d69;
background:#fff;
}
.eipmmumaboutpagesecondarybtn:hover{
background:#173d69;
color:#fff;
transform:translateY(-3px);
}
/*=========================================
RIGHT SIDE
=========================================*/
.eipmmumaboutpageside{
display:flex;
flex-direction:column;
gap:25px;
}
.eipmmumaboutpagetrustbox{
position:relative;
padding:45px 38px;
background:#173d69;
border-radius:25px;
box-shadow:0 25px 60px rgba(23,61,105,.25);
overflow:hidden;
}
.eipmmumaboutpagetrustbox::before{
content:"";
position:absolute;
width:220px;
height:220px;
border-radius:50%;
background:rgba(255,255,255,.05);
top:-100px;
right:-90px;
}
.eipmmumaboutpagetrusttag{
position:relative;
z-index:2;
display:inline-block;
margin-bottom:18px;
padding:8px 17px;
border-radius:40px;
background:#e53935;
color:#fff;
font-size:13px;
font-weight:700;
}
.eipmmumaboutpagetrustbox h2{
position:relative;
z-index:2;
margin:0 0 18px;
color:#fff;
font-size:32px;
font-weight:800;
line-height:1.3;
}
.eipmmumaboutpagetrustbox p{
position:relative;
z-index:2;
margin:0 0 28px;
color:rgba(255,255,255,.82);
font-size:15px;
line-height:1.8;
}
.eipmmumaboutpagetrustbox ul{
position:relative;
z-index:2;
list-style:none;
margin:0;
padding:0;
}
.eipmmumaboutpagetrustbox ul li{
display:flex;
align-items:center;
gap:12px;
margin-bottom:17px;
color:#fff;
font-size:15px;
font-weight:600;
}
.eipmmumaboutpagetrustbox ul li:last-child{
margin-bottom:0;
}
.eipmmumaboutpagetrustbox ul li i{
width:26px;
height:26px;
min-width:26px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#e53935;
color:#fff;
font-size:11px;
}
/*=========================================
COMMITMENT BOX
=========================================*/
.eipmmumaboutpagequote{
display:flex;
align-items:center;
gap:20px;
padding:27px;
background:#fff;
border-radius:18px;
border-left:5px solid #e53935;
box-shadow:0 15px 40px rgba(0,0,0,.07);
}
.eipmmumaboutpagequoteicon{
width:65px;
height:65px;
min-width:65px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(23,61,105,.08);
color:#173d69;
font-size:27px;
}
.eipmmumaboutpagequote span{
display:block;
margin-bottom:5px;
color:#e53935;
font-size:13px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.8px;
}
.eipmmumaboutpagequote h3{
margin:0;
color:#173d69;
font-size:19px;
line-height:1.5;
}
/*=========================================
TABLET
=========================================*/
@media(max-width:1199px){
.eipmmumaboutpagegrid{
grid-template-columns:minmax(0,1fr) minmax(340px,.75fr);
gap:40px;
}
.eipmmumaboutpagecontent h1{
font-size:44px;
}
.eipmmumaboutpagefeatures{
grid-template-columns:1fr;
}
}
@media(max-width:991px){
.eipmmumaboutpagesection{
padding:80px 0;
}
.eipmmumaboutpagegrid{
grid-template-columns:1fr;
gap:50px;
}
.eipmmumaboutpagecontent h1{
font-size:40px;
}
.eipmmumaboutpagefeatures{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.eipmmumaboutpageside{
max-width:700px;
width:100%;
margin:0 auto;
}
}
/*=========================================
MOBILE
=========================================*/
@media(max-width:767px){
.eipmmumaboutpagesection{
padding:60px 0;
}
.eipmmumaboutpagetag{
padding:9px 17px;
font-size:12px;
}
.eipmmumaboutpagecontent h1{
font-size:31px;
line-height:1.25;
}
.eipmmumaboutpagecontent .eipmmumaboutpageintro{
font-size:16px;
}
.eipmmumaboutpagecontent > p{
font-size:15px;
line-height:1.8;
}
.eipmmumaboutpagefeatures{
grid-template-columns:1fr;
gap:15px;
}
.eipmmumaboutpagefeature{
padding:20px;
}
.eipmmumaboutpagebuttons{
flex-direction:column;
align-items:stretch;
}
.eipmmumaboutpageprimarybtn,
.eipmmumaboutpagesecondarybtn{
width:100%;
}
.eipmmumaboutpagetrustbox{
padding:35px 25px;
border-radius:20px;
}
.eipmmumaboutpagetrustbox h2{
font-size:27px;
}
.eipmmumaboutpagequote{
align-items:flex-start;
padding:22px;
}
.eipmmumaboutpagequoteicon{
width:55px;
height:55px;
min-width:55px;
font-size:23px;
}
.eipmmumaboutpagequote h3{
font-size:17px;
}
}
/*=========================================
SMALL MOBILE
=========================================*/
@media(max-width:480px){
.eipmmumaboutpagecontent h1{
font-size:28px;
}
.eipmmumaboutpagefeature{
flex-direction:column;
}
.eipmmumaboutpagequote{
flex-direction:column;
}
}
/*==================================================
eipmmum MOVING JOURNEY SECTION
==================================================*/
.eipmmumjourneysection{
position:relative;
padding:100px 0;
background:#f7f9fc;
overflow:hidden;
}
.eipmmumjourneysection::before{
content:"";
position:absolute;
width:420px;
height:420px;
top:-220px;
left:-220px;
border-radius:50%;
border:70px solid rgba(23,61,105,.035);
pointer-events:none;
}
.eipmmumjourneysection::after{
content:"";
position:absolute;
width:300px;
height:300px;
right:-150px;
bottom:-150px;
border-radius:50%;
background:rgba(244,180,0,.06);
pointer-events:none;
}
.eipmmumjourneygrid{
position:relative;
z-index:2;
display:grid;
grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
gap:80px;
align-items:center;
}
/*==================================================
LEFT CONTENT
==================================================*/
.eipmmumjourneycontent{
position:relative;
}
.eipmmumjourneysubtitle{
display:inline-flex;
align-items:center;
margin-bottom:20px;
padding:9px 20px;
background:rgba(244,180,0,.15);
border:1px solid rgba(244,180,0,.35);
border-radius:50px;
color:#173d69;
font-size:13px;
font-weight:700;
letter-spacing:.5px;
text-transform:uppercase;
}
.eipmmumjourneycontent h2{
margin:0 0 25px;
color:#173d69;
font-size:48px;
font-weight:800;
line-height:1.2;
}
.eipmmumjourneycontent h2 span{
color:#e53935;
}
.eipmmumjourneycontent p{
margin:0 0 18px;
color:#626b77;
font-size:16px;
line-height:1.9;
}
.eipmmumjourneycontent .eipmmumjourneylead{
color:#3f4853;
font-size:17px;
}
/*==================================================
SERVICE PROMISE
==================================================*/
.eipmmumjourneypromise{
display:flex;
align-items:center;
gap:18px;
margin:32px 0;
padding:22px 25px;
background:#fff;
border-left:5px solid #e53935;
border-radius:0 16px 16px 0;
box-shadow:0 15px 40px rgba(23,61,105,.08);
}
.eipmmumjourneypromiseicon{
width:60px;
height:60px;
min-width:60px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#173d69;
color:#fff;
font-size:24px;
}
.eipmmumjourneypromisetext span{
display:block;
margin-bottom:5px;
color:#e53935;
font-size:12px;
font-weight:800;
letter-spacing:.8px;
text-transform:uppercase;
}
.eipmmumjourneypromisetext h3{
margin:0;
color:#173d69;
font-size:18px;
font-weight:700;
line-height:1.5;
}
/*==================================================
BUTTON
==================================================*/
.eipmmumjourneybtn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:12px;
min-height:56px;
padding:15px 30px;
background:#173d69;
color:#fff;
border-radius:50px;
text-decoration:none;
font-size:15px;
font-weight:700;
box-shadow:0 12px 30px rgba(23,61,105,.20);
transition:
transform .35s ease,
background .35s ease,
color .35s ease;
}
.eipmmumjourneybtn i{
transition:transform .35s ease;
}
.eipmmumjourneybtn:hover{
background:#e53935;
color:#173d69;
transform:translateY(-3px);
}
.eipmmumjourneybtn:hover i{
transform:translateX(5px);
}
/*==================================================
RIGHT PROCESS
==================================================*/
.eipmmumjourneyprocess{
position:relative;
display:flex;
flex-direction:column;
gap:22px;
}
.eipmmumjourneyline{
position:absolute;
top:45px;
bottom:45px;
left:30px;
width:2px;
background:linear-gradient(
to bottom,
#e53935,
rgba(23,61,105,.20)
);
z-index:1;
}
.eipmmumjourneyitem{
position:relative;
display:grid;
grid-template-columns:62px minmax(0,1fr);
gap:20px;
align-items:center;
z-index:2;
}
/*==================================================
NUMBER
==================================================*/
.eipmmumjourneynumber{
position:relative;
width:62px;
height:62px;
display:flex;
align-items:center;
justify-content:center;
border:6px solid #f7f9fc;
border-radius:50%;
background:#e53935;
color:#173d69;
font-size:16px;
font-weight:800;
box-shadow:0 8px 25px rgba(244,180,0,.25);
z-index:3;
}
/*==================================================
PROCESS BOX
==================================================*/
.eipmmumjourneybox{
display:flex;
align-items:flex-start;
gap:20px;
padding:26px 28px;
background:#fff;
border:1px solid #e9edf3;
border-radius:18px;
box-shadow:0 12px 35px rgba(23,61,105,.06);
transition:
transform .35s ease,
box-shadow .35s ease,
border-color .35s ease;
}
.eipmmumjourneyitem:hover .eipmmumjourneybox{
transform:translateX(8px);
border-color:rgba(244,180,0,.55);
box-shadow:0 20px 45px rgba(23,61,105,.12);
}
.eipmmumjourneyicon{
width:58px;
height:58px;
min-width:58px;
display:flex;
align-items:center;
justify-content:center;
border-radius:15px;
background:rgba(23,61,105,.08);
color:#173d69;
font-size:23px;
transition:.35s ease;
}
.eipmmumjourneyitem:hover .eipmmumjourneyicon{
background:#173d69;
color:#fff;
transform:rotate(-5deg);
}
.eipmmumjourneyboxcontent span{
display:block;
margin-bottom:5px;
color:#e53935;
font-size:11px;
font-weight:800;
letter-spacing:.8px;
text-transform:uppercase;
}
.eipmmumjourneyboxcontent h3{
margin:0 0 8px;
color:#173d69;
font-size:20px;
font-weight:700;
}
.eipmmumjourneyboxcontent p{
margin:0;
color:#6b7280;
font-size:14px;
line-height:1.7;
}
/*==================================================
TABLET
==================================================*/
@media(max-width:1199px){
.eipmmumjourneygrid{
gap:50px;
}
.eipmmumjourneycontent h2{
font-size:42px;
}
.eipmmumjourneybox{
padding:23px;
}
}
@media(max-width:991px){
.eipmmumjourneysection{
padding:80px 0;
}
.eipmmumjourneygrid{
grid-template-columns:1fr;
gap:55px;
}
.eipmmumjourneycontent{
max-width:750px;
}
.eipmmumjourneycontent h2{
font-size:40px;
}
.eipmmumjourneyprocess{
max-width:800px;
width:100%;
}
}
/*==================================================
MOBILE
==================================================*/
@media(max-width:767px){
.eipmmumjourneysection{
padding:60px 0;
}
.eipmmumjourneysubtitle{
margin-bottom:17px;
padding:8px 16px;
font-size:11px;
}
.eipmmumjourneycontent h2{
font-size:31px;
line-height:1.3;
}
.eipmmumjourneycontent p,
.eipmmumjourneycontent .eipmmumjourneylead{
font-size:15px;
line-height:1.8;
}
.eipmmumjourneypromise{
padding:20px;
}
.eipmmumjourneypromiseicon{
width:52px;
height:52px;
min-width:52px;
font-size:21px;
}
.eipmmumjourneypromisetext h3{
font-size:16px;
}
.eipmmumjourneybtn{
width:100%;
}
.eipmmumjourneyprocess{
gap:18px;
}
.eipmmumjourneyline{
left:25px;
}
.eipmmumjourneyitem{
grid-template-columns:52px minmax(0,1fr);
gap:12px;
}
.eipmmumjourneynumber{
width:52px;
height:52px;
border-width:5px;
font-size:14px;
}
.eipmmumjourneybox{
gap:15px;
padding:20px;
}
.eipmmumjourneyicon{
width:50px;
height:50px;
min-width:50px;
font-size:20px;
}
.eipmmumjourneyboxcontent h3{
font-size:18px;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media(max-width:480px){
.eipmmumjourneycontent h2{
font-size:28px;
}
.eipmmumjourneypromise{
align-items:flex-start;
}
.eipmmumjourneyitem{
display:block;
padding-left:0;
}
.eipmmumjourneyline{
display:none;
}
.eipmmumjourneynumber{
margin:0 0 -13px 18px;
}
.eipmmumjourneybox{
flex-direction:column;
padding:28px 20px 22px;
}
.eipmmumjourneyitem:hover .eipmmumjourneybox{
transform:translateY(-4px);
}
}
.eipmmumsectiontitle{
max-width:800px;
margin:0 auto 60px;
text-align:center;
position:relative;
}
.eipmmumsectionsubtitle{
display:inline-block;
padding:10px 24px;
background:#e53935;
color:#000;
font-size:15px;
font-weight:700;
border-radius:40px;
margin-bottom:18px;
}
.eipmmumsectiontitle h2{
font-size:46px;
font-weight:800;
color:#173d69;
line-height:1.3;
margin-bottom:18px;
}
.eipmmumsectiontitle h2 span{
color:#e53935;
}
.eipmmumsectiontitle p{
font-size:17px;
color:#666;
line-height:1.9;
}
/*==================================================
eipmmum WHY CHOOSE US - DIFFERENT DESIGN
==================================================*/
.eipmmumreasonsection{
position:relative;
width:100%;
padding:100px 0;
background:#ffffff;
overflow:hidden;
}
/*==================================================
BACKGROUND
==================================================*/
.eipmmumreasonsection::before{
content:"";
position:absolute;
width:500px;
height:500px;
left:-300px;
top:-250px;
border:80px solid rgba(23,61,105,.025);
border-radius:50%;
pointer-events:none;
}
.eipmmumreasonsection::after{
content:"";
position:absolute;
width:280px;
height:280px;
right:-140px;
bottom:-140px;
background:rgba(244,180,0,.06);
border-radius:50%;
pointer-events:none;
}
/*==================================================
MAIN LAYOUT
==================================================*/
.eipmmumreasonlayout{
position:relative;
z-index:2;
display:grid;
grid-template-columns:
minmax(0,.82fr)
minmax(0,1.18fr);
gap:80px;
align-items:center;
}
/*==================================================
LEFT INTRO
==================================================*/
.eipmmumreasonintro{
position:relative;
width:100%;
text-align:left;
}
.eipmmumreasonlabel{
display:inline-flex;
align-items:center;
justify-content:flex-start;
margin:0 0 20px;
padding:9px 19px;
background:rgba(244,180,0,.14);
border-left:4px solid #e53935;
border-radius:0 6px 6px 0;
color:#173d69;
font-size:13px;
font-weight:800;
letter-spacing:.7px;
line-height:1.4;
text-transform:uppercase;
}
.eipmmumreasonintro h2{
margin:0 0 25px;
padding:0;
color:#173d69;
font-size:49px;
font-weight:800;
line-height:1.2;
text-align:left;
}
.eipmmumreasonintro h2 span{
display:block;
color:#e53935;
}
.eipmmumreasonintro p{
max-width:650px;
margin:0 0 18px;
padding:0;
color:#69717d;
font-size:16px;
font-weight:400;
line-height:1.9;
text-align:left;
}
.eipmmumreasonintro .eipmmumreasonlead{
color:#3f4854;
font-size:17px;
}
/*==================================================
PROMISE
==================================================*/
.eipmmumreasonpromise{
position:relative;
display:flex;
align-items:center;
justify-content:flex-start;
gap:18px;
width:100%;
margin:32px 0;
padding:23px 25px;
background:#f7f9fc;
border:1px solid #e9edf3;
border-radius:16px;
text-align:left;
}
.eipmmumreasonpromise::before{
content:"";
position:absolute;
top:0;
left:0;
width:5px;
height:100%;
background:#e53935;
border-radius:16px 0 0 16px;
}
.eipmmumreasonpromiseicon{
width:62px;
height:62px;
min-width:62px;
display:flex;
align-items:center;
justify-content:center;
background:#173d69;
color:#ffffff;
border-radius:14px;
font-size:25px;
}
.eipmmumreasonpromisetext{
text-align:left;
}
.eipmmumreasonpromisetext span{
display:block;
margin:0 0 5px;
color:#e53935;
font-size:11px;
font-weight:800;
letter-spacing:1px;
text-transform:uppercase;
text-align:left;
}
.eipmmumreasonpromisetext h3{
margin:0;
padding:0;
color:#173d69;
font-size:18px;
font-weight:700;
line-height:1.5;
text-align:left;
}
/*==================================================
ACTIONS
==================================================*/
.eipmmumreasonactions{
display:flex;
align-items:center;
justify-content:flex-start;
flex-wrap:wrap;
gap:20px;
margin-top:35px;
text-align:left;
}
.eipmmumreasonquote{
display:inline-flex;
align-items:center;
justify-content:center;
gap:11px;
min-height:57px;
padding:15px 30px;
background:#173d69;
color:#ffffff;
border-radius:8px;
text-decoration:none;
font-size:15px;
font-weight:700;
box-shadow:0 12px 30px rgba(23,61,105,.18);
transition:.35s ease;
}
.eipmmumreasonquote i{
transition:transform .35s ease;
}
.eipmmumreasonquote:hover{
background:#e53935;
color:#173d69;
transform:translateY(-3px);
}
.eipmmumreasonquote:hover i{
transform:translateX(5px);
}
/*==================================================
PHONE
==================================================*/
.eipmmumreasonphone{
display:inline-flex;
align-items:center;
justify-content:flex-start;
gap:12px;
color:#173d69;
text-decoration:none;
text-align:left;
}
.eipmmumreasonphoneicon{
width:50px;
height:50px;
min-width:50px;
display:flex;
align-items:center;
justify-content:center;
background:rgba(244,180,0,.15);
color:#e53935;
border-radius:50%;
font-size:18px;
transition:.35s ease;
}
.eipmmumreasonphone:hover .eipmmumreasonphoneicon{
background:#e53935;
color:#173d69;
transform:rotate(-8deg);
}
.eipmmumreasonphonetext{
display:flex;
flex-direction:column;
align-items:flex-start;
text-align:left;
}
.eipmmumreasonphonetext small{
margin-bottom:3px;
color:#7a828d;
font-size:11px;
font-weight:600;
}
.eipmmumreasonphonetext strong{
color:#173d69;
font-size:16px;
font-weight:800;
}
/*==================================================
RIGHT LIST
==================================================*/
.eipmmumreasonlist{
position:relative;
display:flex;
flex-direction:column;
align-items:stretch;
gap:14px;
width:100%;
text-align:left;
}
/*==================================================
REASON ITEM
==================================================*/
.eipmmumreasonitem{
position:relative;
display:grid;
grid-template-columns:
68px
minmax(0,1fr)
42px;
gap:20px;
align-items:center;
width:100%;
min-height:130px;
padding:22px 22px;
background:#f8fafc;
border:1px solid #e8edf3;
border-radius:14px;
overflow:hidden;
text-align:left;
transition:
transform .35s ease,
background .35s ease,
border-color .35s ease,
box-shadow .35s ease;
}
.eipmmumreasonitem::before{
content:"";
position:absolute;
top:0;
left:0;
width:4px;
height:0;
background:#e53935;
transition:height .35s ease;
}
.eipmmumreasonitem:hover{
background:#ffffff;
border-color:rgba(244,180,0,.50);
box-shadow:0 18px 45px rgba(23,61,105,.10);
transform:translateX(8px);
}
.eipmmumreasonitem:hover::before{
height:100%;
}
/*==================================================
ITEM ICON
==================================================*/
.eipmmumreasonitemicon{
position:relative;
z-index:2;
width:68px;
height:68px;
min-width:68px;
display:flex;
align-items:center;
justify-content:center;
background:#173d69;
color:#ffffff;
border-radius:12px;
font-size:25px;
transition:
background .35s ease,
color .35s ease,
transform .35s ease;
}
.eipmmumreasonitem:hover .eipmmumreasonitemicon{
background:#e53935;
color:#173d69;
transform:rotate(-5deg);
}
/*==================================================
ITEM CONTENT
==================================================*/
.eipmmumreasonitemcontent{
position:relative;
z-index:2;
min-width:0;
text-align:left;
}
.eipmmumreasonnumber{
display:block;
margin:0 0 4px;
color:#e53935;
font-size:11px;
font-weight:800;
letter-spacing:1px;
text-align:left;
}
.eipmmumreasonitemcontent h3{
margin:0 0 7px;
padding:0;
color:#173d69;
font-size:19px;
font-weight:700;
line-height:1.4;
text-align:left;
}
.eipmmumreasonitemcontent p{
margin:0;
padding:0;
color:#6b7280;
font-size:14px;
font-weight:400;
line-height:1.7;
text-align:left;
}
/*==================================================
ARROW
==================================================*/
.eipmmumreasonarrow{
position:relative;
z-index:2;
width:42px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid #dfe5ec;
border-radius:50%;
color:#173d69;
font-size:14px;
transition:.35s ease;
}
.eipmmumreasonitem:hover .eipmmumreasonarrow{
background:#173d69;
border-color:#173d69;
color:#ffffff;
transform:translateX(3px);
}
/*==================================================
TABLET LANDSCAPE
==================================================*/
@media(max-width:1199px){
.eipmmumreasonlayout{
gap:50px;
grid-template-columns:
minmax(0,.8fr)
minmax(0,1.2fr);
}
.eipmmumreasonintro h2{
font-size:42px;
}
.eipmmumreasonitem{
grid-template-columns:
60px
minmax(0,1fr)
38px;
gap:16px;
padding:20px;
}
.eipmmumreasonitemicon{
width:60px;
height:60px;
min-width:60px;
font-size:22px;
}
}
/*==================================================
TABLET
==================================================*/
@media(max-width:991px){
.eipmmumreasonsection{
padding:80px 0;
}
.eipmmumreasonlayout{
grid-template-columns:1fr;
gap:55px;
}
.eipmmumreasonintro{
max-width:800px;
text-align:left;
}
.eipmmumreasonintro h2{
max-width:700px;
font-size:40px;
text-align:left;
}
.eipmmumreasonintro p{
max-width:750px;
text-align:left;
}
.eipmmumreasonlist{
max-width:850px;
}
}
/*==================================================
MOBILE
==================================================*/
@media(max-width:767px){
.eipmmumreasonsection{
padding:60px 0;
}
.eipmmumreasonlabel{
margin-bottom:17px;
padding:8px 15px;
font-size:11px;
}
.eipmmumreasonintro h2{
margin-bottom:20px;
font-size:31px;
line-height:1.3;
text-align:left;
}
.eipmmumreasonintro h2 span{
display:inline;
}
.eipmmumreasonintro p,
.eipmmumreasonintro .eipmmumreasonlead{
font-size:15px;
line-height:1.8;
text-align:left;
}
.eipmmumreasonpromise{
align-items:flex-start;
padding:20px;
text-align:left;
}
.eipmmumreasonpromiseicon{
width:54px;
height:54px;
min-width:54px;
font-size:21px;
}
.eipmmumreasonpromisetext h3{
font-size:16px;
text-align:left;
}
.eipmmumreasonactions{
flex-direction:column;
align-items:flex-start;
width:100%;
text-align:left;
}
.eipmmumreasonquote{
width:100%;
}
.eipmmumreasonphone{
width:100%;
}
.eipmmumreasonlist{
gap:14px;
}
.eipmmumreasonitem{
grid-template-columns:
55px
minmax(0,1fr);
gap:15px;
min-height:auto;
padding:20px;
text-align:left;
}
.eipmmumreasonitemicon{
width:55px;
height:55px;
min-width:55px;
font-size:21px;
}
.eipmmumreasonitemcontent h3{
font-size:18px;
text-align:left;
}
.eipmmumreasonitemcontent p{
font-size:14px;
text-align:left;
}
.eipmmumreasonarrow{
display:none;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media(max-width:480px){
.eipmmumreasonintro h2{
font-size:28px;
text-align:left;
}
.eipmmumreasonpromise{
flex-direction:column;
text-align:left;
}
.eipmmumreasonitem{
grid-template-columns:1fr;
padding:22px 20px;
text-align:left;
}
.eipmmumreasonitemicon{
width:54px;
height:54px;
min-width:54px;
}
.eipmmumreasonitemcontent,
.eipmmumreasonitemcontent h3,
.eipmmumreasonitemcontent p,
.eipmmumreasonnumber{
text-align:left;
}
.eipmmumreasonitem:hover{
transform:translateY(-4px);
}
}
/*==================================================
REQUEST A QUOTE PAGE
==================================================*/
.eipmmumquotepagesection{
position:relative;
width:100%;
padding:100px 0;
background:#f6f8fb;
overflow:hidden;
}
.eipmmumquotepagesection::before{
content:"";
position:absolute;
width:420px;
height:420px;
left:-250px;
top:-220px;
border:70px solid rgba(23,61,105,.025);
border-radius:50%;
pointer-events:none;
}
.eipmmumquotepagesection::after{
content:"";
position:absolute;
width:320px;
height:320px;
right:-160px;
bottom:-170px;
background:rgba(244,180,0,.07);
border-radius:50%;
pointer-events:none;
}
/*==================================================
MAIN LAYOUT
==================================================*/
.eipmmumquotepagelayout{
position:relative;
z-index:2;
display:grid;
grid-template-columns:
minmax(0,.78fr)
minmax(0,1.22fr);
gap:75px;
align-items:center;
}
/*==================================================
LEFT CONTENT
==================================================*/
.eipmmumquotepageinfo{
position:relative;
width:100%;
text-align:left;
}
.eipmmumquotepagelabel{
display:inline-flex;
align-items:center;
margin:0 0 20px;
padding:9px 18px;
background:rgba(244,180,0,.15);
border-left:4px solid #e53935;
border-radius:0 6px 6px 0;
color:#173d69;
font-size:13px;
font-weight:800;
letter-spacing:.7px;
text-transform:uppercase;
}
.eipmmumquotepageinfo h2{
margin:0 0 25px;
padding:0;
color:#173d69;
font-size:49px;
font-weight:800;
line-height:1.2;
text-align:left;
}
.eipmmumquotepageinfo h2 span{
display:block;
color:#e53935;
}
.eipmmumquotepageinfo > p{
max-width:620px;
margin:0 0 18px;
color:#68717d;
font-size:16px;
line-height:1.9;
text-align:left;
}
.eipmmumquotepageinfo .eipmmumquotepagelead{
color:#3f4854;
font-size:17px;
}
/*==================================================
TRUST POINTS
==================================================*/
.eipmmumquotepagepoints{
display:flex;
flex-direction:column;
gap:18px;
margin:35px 0;
}
.eipmmumquotepagepoint{
display:flex;
align-items:flex-start;
justify-content:flex-start;
gap:16px;
text-align:left;
}
.eipmmumquotepagepointicon{
width:38px;
height:38px;
min-width:38px;
display:flex;
align-items:center;
justify-content:center;
margin-top:2px;
background:#173d69;
color:#ffffff;
border-radius:50%;
font-size:13px;
box-shadow:0 8px 20px rgba(23,61,105,.15);
}
.eipmmumquotepagepoint h3{
margin:0 0 5px;
color:#173d69;
font-size:17px;
font-weight:700;
line-height:1.4;
text-align:left;
}
.eipmmumquotepagepoint p{
margin:0;
color:#6b7280;
font-size:14px;
line-height:1.7;
text-align:left;
}
/*==================================================
CALL BOX
==================================================*/
.eipmmumquotepagecall{
display:flex;
align-items:center;
justify-content:flex-start;
gap:17px;
max-width:430px;
padding:22px 24px;
background:#173d69;
border-radius:14px;
box-shadow:0 15px 35px rgba(23,61,105,.20);
text-align:left;
}
.eipmmumquotepagecallicon{
width:58px;
height:58px;
min-width:58px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#173d69;
border-radius:12px;
font-size:23px;
}
.eipmmumquotepagecallcontent{
display:flex;
flex-direction:column;
align-items:flex-start;
text-align:left;
}
.eipmmumquotepagecallcontent span{
margin-bottom:4px;
color:rgba(255,255,255,.75);
font-size:12px;
font-weight:600;
}
.eipmmumquotepagecallcontent a{
color:#ffffff;
text-decoration:none;
font-size:21px;
font-weight:800;
}
/*==================================================
FORM WRAPPER
==================================================*/
.eipmmumquoteformwrap{
position:relative;
width:100%;
padding:38px;
background:#ffffff;
border:1px solid #e5eaf0;
border-radius:22px;
box-shadow:0 25px 70px rgba(23,61,105,.12);
text-align:left;
}
.eipmmumquoteformwrap::before{
content:"";
position:absolute;
top:0;
left:38px;
width:90px;
height:5px;
background:#e53935;
border-radius:0 0 6px 6px;
}
/*==================================================
FORM TOP
==================================================*/
.eipmmumquoteformtop{
display:flex;
align-items:center;
justify-content:flex-start;
gap:18px;
margin-bottom:32px;
padding-bottom:25px;
border-bottom:1px solid #edf0f4;
text-align:left;
}
/* ICON BOX */
.eipmmumquoteformicon{
width:64px !important;
height:64px !important;
min-width:64px !important;
min-height:64px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
margin:0 !important;
padding:0 !important;
background:#173d69;
color:#ffffff !important;
border-radius:15px;
line-height:1 !important;
flex-shrink:0;
}
/* ACTUAL ICON */
.eipmmumquoteformicon i{
display:block;
margin:0;
padding:0;
color:#ffffff !important;
font-size:27px !important;
line-height:1 !important;
}
/* TEXT WRAPPER */
.eipmmumquoteformtop > div{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
min-width:0;
text-align:left;
}
/* SMALL LABEL */
/* IMPORTANT:
only target span inside text div
*/
.eipmmumquoteformtop > div > span{
display:block;
margin:0 0 5px;
padding:0;
color:#e53935;
font-size:11px;
font-weight:800;
line-height:1.4;
letter-spacing:.8px;
text-transform:uppercase;
text-align:left;
}
/* HEADING */
.eipmmumquoteformtop h3{
margin:0;
padding:0;
color:#173d69;
font-size:27px;
font-weight:800;
line-height:1.3;
text-align:left;
}
*==================================================
TABLET
==================================================*/
@media(max-width:991px){
.eipmmumquoteformicon{
width:60px !important;
height:60px !important;
min-width:60px !important;
min-height:60px !important;
}
.eipmmumquoteformicon i{
font-size:25px !important;
}
}
/*==================================================
MOBILE
==================================================*/
@media(max-width:767px){
.eipmmumquoteformtop{
gap:15px;
margin-bottom:27px;
padding-bottom:22px;
}
.eipmmumquoteformicon{
width:56px !important;
height:56px !important;
min-width:56px !important;
min-height:56px !important;
border-radius:13px;
}
.eipmmumquoteformicon i{
font-size:23px !important;
}
.eipmmumquoteformtop h3{
font-size:23px;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media(max-width:480px){
.eipmmumquoteformtop{
align-items:center;
}
.eipmmumquoteformicon{
width:52px !important;
height:52px !important;
min-width:52px !important;
min-height:52px !important;
}
.eipmmumquoteformicon i{
font-size:21px !important;
}
.eipmmumquoteformtop h3{
font-size:21px;
}
}
/*==================================================
FORM GRID
==================================================*/
.eipmmumquoteform{
display:grid;
grid-template-columns:
repeat(2,minmax(0,1fr));
gap:22px 20px;
}
.eipmmumquoteformfull{
grid-column:1 / -1;
}
/*==================================================
FORM GROUP
==================================================*/
.eipmmumquoteformgroup{
width:100%;
text-align:left;
}
.eipmmumquoteformgroup label{
display:block;
margin:0 0 9px;
color:#303946;
font-size:13px;
font-weight:700;
text-align:left;
}
.eipmmumquoteformgroup label span{
color:#e53935;
}
/*==================================================
INPUT WRAPPER
==================================================*/
.eipmmumquoteinput{
position:relative;
display:flex;
align-items:center;
width:100%;
}
.eipmmumquoteinput > i{
position:absolute;
left:17px;
top:50%;
transform:translateY(-50%);
color:#8a939f;
font-size:15px;
z-index:2;
pointer-events:none;
}
.eipmmumquoteinput input,
.eipmmumquoteinput select,
.eipmmumquoteinput textarea{
width:100%;
margin:0;
padding:15px 17px 15px 47px;
background:#f8fafc;
border:1px solid #dfe5ec;
border-radius:9px;
outline:none;
color:#303946;
font-family:"Poppins",sans-serif;
font-size:14px;
transition:
border-color .3s ease,
background .3s ease,
box-shadow .3s ease;
}
.eipmmumquoteinput input,
.eipmmumquoteinput select{
min-height:54px;
}
.eipmmumquoteinput textarea{
min-height:130px;
resize:vertical;
line-height:1.7;
}
.eipmmumquotetextarea{
align-items:flex-start;
}
.eipmmumquotetextarea > i{
top:20px;
transform:none;
}
.eipmmumquoteinput input:focus,
.eipmmumquoteinput select:focus,
.eipmmumquoteinput textarea:focus{
background:#ffffff;
border-color:#e53935;
box-shadow:0 0 0 4px rgba(244,180,0,.10);
}
.eipmmumquoteinput input::placeholder,
.eipmmumquoteinput textarea::placeholder{
color:#9aa2ad;
}
/*==================================================
PRIVACY
==================================================*/
.eipmmumquoteprivacy{
display:flex;
align-items:flex-start;
justify-content:flex-start;
gap:10px;
padding:14px 16px;
background:rgba(23,61,105,.05);
border-radius:8px;
text-align:left;
}
.eipmmumquoteprivacy i{
margin-top:4px;
color:#173d69;
font-size:13px;
}
.eipmmumquoteprivacy p{
margin:0;
color:#6b7280;
font-size:12px;
line-height:1.6;
text-align:left;
}
/*==================================================
SUBMIT BUTTON
==================================================*/
.eipmmumquoteformbtn{
width:100%;
min-height:58px;
display:flex;
align-items:center;
justify-content:center;
gap:12px;
padding:15px 25px;
background:#173d69;
border:0;
border-radius:9px;
color:#ffffff;
font-family:"Poppins",sans-serif;
font-size:15px;
font-weight:700;
cursor:pointer;
box-shadow:0 12px 30px rgba(23,61,105,.20);
transition:.35s ease;
}
.eipmmumquoteformbtn i{
transition:transform .35s ease;
}
.eipmmumquoteformbtn:hover{
background:#e53935;
color:#173d69;
transform:translateY(-3px);
}
.eipmmumquoteformbtn:hover i{
transform:translateX(5px);
}
/*==================================================
TABLET LANDSCAPE
==================================================*/
@media(max-width:1199px){
.eipmmumquotepagelayout{
gap:45px;
grid-template-columns:
minmax(0,.75fr)
minmax(0,1.25fr);
}
.eipmmumquotepageinfo h2{
font-size:42px;
}
.eipmmumquoteformwrap{
padding:32px;
}
}
/*==================================================
TABLET
==================================================*/
@media(max-width:991px){
.eipmmumquotepagesection{
padding:80px 0;
}
.eipmmumquotepagelayout{
grid-template-columns:1fr;
gap:55px;
align-items:start;
}
.eipmmumquotepageinfo{
max-width:780px;
}
.eipmmumquotepageinfo h2{
max-width:700px;
font-size:40px;
}
.eipmmumquotepageinfo > p{
max-width:750px;
}
.eipmmumquoteformwrap{
max-width:850px;
}
}
/*==================================================
MOBILE
==================================================*/
@media(max-width:767px){
.eipmmumquotepagesection{
padding:60px 0;
}
.eipmmumquotepagelabel{
margin-bottom:17px;
padding:8px 15px;
font-size:11px;
}
.eipmmumquotepageinfo h2{
margin-bottom:20px;
font-size:31px;
line-height:1.3;
}
.eipmmumquotepageinfo h2 span{
display:inline;
}
.eipmmumquotepageinfo > p,
.eipmmumquotepageinfo .eipmmumquotepagelead{
font-size:15px;
line-height:1.8;
}
.eipmmumquotepagepoints{
margin:30px 0;
}
.eipmmumquotepagecall{
max-width:100%;
}
.eipmmumquoteformwrap{
padding:28px 22px;
border-radius:16px;
}
.eipmmumquoteformwrap::before{
left:22px;
}
.eipmmumquoteformtop{
margin-bottom:27px;
}
.eipmmumquoteformicon{
width:55px;
height:55px;
min-width:55px;
font-size:22px;
}
.eipmmumquoteformtop h3{
font-size:23px;
}
.eipmmumquoteform{
grid-template-columns:1fr;
gap:19px;
}
.eipmmumquoteformfull{
grid-column:auto;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media(max-width:480px){
.eipmmumquotepageinfo h2{
font-size:28px;
}
.eipmmumquotepagepoint{
gap:13px;
}
.eipmmumquotepagepointicon{
width:34px;
height:34px;
min-width:34px;
}
.eipmmumquotepagecall{
padding:19px;
}
.eipmmumquotepagecallicon{
width:50px;
height:50px;
min-width:50px;
font-size:20px;
}
.eipmmumquotepagecallcontent a{
font-size:18px;
}
.eipmmumquoteformwrap{
padding:25px 18px;
}
.eipmmumquoteformwrap::before{
left:18px;
}
.eipmmumquoteformtop{
align-items:flex-start;
}
.eipmmumquoteformtop h3{
font-size:21px;
}
.eipmmumquoteinput input,
.eipmmumquoteinput select,
.eipmmumquoteinput textarea{
font-size:13px;
}
}
/*==================================================
QUOTE PAGE CONTACT INFORMATION
==================================================*/
.eipmmumquotecontactsection{
position:relative;
width:100%;
padding:100px 0;
background:#ffffff;
overflow:hidden;
}
/*==================================================
BACKGROUND DECORATION
==================================================*/
.eipmmumquotecontactsection::before{
content:"";
position:absolute;
width:350px;
height:350px;
top:-200px;
right:-170px;
border:60px solid rgba(23,61,105,.025);
border-radius:50%;
pointer-events:none;
}
.eipmmumquotecontactsection::after{
content:"";
position:absolute;
width:260px;
height:260px;
left:-140px;
bottom:-150px;
background:rgba(244,180,0,.06);
border-radius:50%;
pointer-events:none;
}
/*==================================================
SECTION HEAD
==================================================*/
.eipmmumquotecontacthead{
position:relative;
z-index:2;
max-width:760px;
margin:0 0 55px;
text-align:left;
}
.eipmmumquotecontactlabel{
display:inline-flex;
align-items:center;
margin:0 0 20px;
padding:9px 18px;
background:rgba(244,180,0,.15);
border-left:4px solid #e53935;
border-radius:0 6px 6px 0;
color:#173d69;
font-size:13px;
font-weight:800;
letter-spacing:.7px;
text-transform:uppercase;
}
.eipmmumquotecontacthead h2{
margin:0 0 20px;
padding:0;
color:#173d69;
font-size:46px;
font-weight:800;
line-height:1.2;
text-align:left;
}
.eipmmumquotecontacthead h2 span{
color:#e53935;
}
.eipmmumquotecontacthead p{
margin:0;
color:#68717d;
font-size:16px;
line-height:1.9;
text-align:left;
}
/*==================================================
CONTACT GRID
==================================================*/
.eipmmumquotecontactgrid{
position:relative;
z-index:2;
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:22px;
}
/*==================================================
CONTACT ITEM
==================================================*/
.eipmmumquotecontactitem{
position:relative;
min-width:0;
min-height:300px;
padding:32px 26px;
background:#f8fafc;
border:1px solid #e7ecf2;
border-radius:16px;
overflow:hidden;
text-align:left;
transition:
transform .35s ease,
border-color .35s ease,
box-shadow .35s ease,
background .35s ease;
}
.eipmmumquotecontactitem::before{
content:"";
position:absolute;
left:0;
bottom:0;
width:100%;
height:4px;
background:#e53935;
transform:scaleX(0);
transform-origin:left;
transition:transform .35s ease;
}
.eipmmumquotecontactitem:hover{
background:#ffffff;
border-color:rgba(244,180,0,.55);
box-shadow:0 20px 50px rgba(23,61,105,.11);
transform:translateY(-7px);
}
.eipmmumquotecontactitem:hover::before{
transform:scaleX(1);
}
/*==================================================
NUMBER
==================================================*/
.eipmmumquotecontactnumber{
position:absolute;
top:20px;
right:22px;
color:rgba(23,61,105,.07);
font-size:55px;
font-weight:800;
line-height:1;
}
/*==================================================
ICON
==================================================*/
.eipmmumquotecontacticon{
position:relative;
z-index:2;
width:65px;
height:65px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:28px;
background:#173d69;
color:#ffffff;
border-radius:14px;
font-size:25px;
transition:
background .35s ease,
color .35s ease,
transform .35s ease;
}
.eipmmumquotecontactitem:hover .eipmmumquotecontacticon{
background:#e53935;
color:#173d69;
transform:rotate(-6deg);
}
/*==================================================
CONTENT
==================================================*/
.eipmmumquotecontactcontent{
position:relative;
z-index:2;
min-width:0;
text-align:left;
}
.eipmmumquotecontactcontent > span{
display:block;
margin:0 0 7px;
color:#e53935;
font-size:11px;
font-weight:800;
letter-spacing:.8px;
text-transform:uppercase;
}
.eipmmumquotecontactcontent h3{
margin:0 0 13px;
padding:0;
color:#173d69;
font-size:20px;
font-weight:700;
line-height:1.4;
text-align:left;
}
.eipmmumquotecontactcontent p{
margin:0;
color:#6b7280;
font-size:14px;
line-height:1.8;
text-align:left;
}
.eipmmumquotecontactcontent a{
display:block;
max-width:100%;
margin:0 0 8px;
color:#173d69;
text-decoration:none;
font-size:15px;
font-weight:700;
line-height:1.7;
overflow-wrap:anywhere;
word-break:break-word;
transition:color .3s ease;
}
.eipmmumquotecontactcontent a:hover{
color:#e53935;
}
.eipmmumquotecontactcontent strong{
display:block;
margin-bottom:8px;
color:#173d69;
font-size:17px;
font-weight:800;
}
.eipmmumquotecontactcontent small{
display:block;
color:#7b8490;
font-size:12px;
line-height:1.6;
}
/*==================================================
BOTTOM CTA
==================================================*/
.eipmmumquotecontactbottom{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:space-between;
gap:40px;
margin-top:55px;
padding:38px 42px;
background:#173d69;
border-radius:18px;
overflow:hidden;
}
.eipmmumquotecontactbottom::after{
content:"";
position:absolute;
width:220px;
height:220px;
right:-80px;
bottom:-150px;
background:rgba(244,180,0,.10);
border-radius:50%;
pointer-events:none;
}
.eipmmumquotecontactbottomcontent{
position:relative;
z-index:2;
max-width:680px;
text-align:left;
}
.eipmmumquotecontactbottomcontent span{
display:block;
margin-bottom:7px;
color:#e53935;
font-size:12px;
font-weight:800;
letter-spacing:.8px;
text-transform:uppercase;
}
.eipmmumquotecontactbottomcontent h3{
margin:0 0 10px;
color:#ffffff;
font-size:29px;
font-weight:800;
line-height:1.35;
text-align:left;
}
.eipmmumquotecontactbottomcontent p{
margin:0;
color:rgba(255,255,255,.75);
font-size:14px;
line-height:1.8;
text-align:left;
}
/*==================================================
BOTTOM ACTIONS
==================================================*/
.eipmmumquotecontactactions{
position:relative;
z-index:2;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:13px;
min-width:max-content;
}
.eipmmumquotecontactcall,
.eipmmumquotecontactwhatsapp{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
min-height:54px;
padding:14px 24px;
border-radius:8px;
text-decoration:none;
font-size:14px;
font-weight:700;
transition:.35s ease;
}
.eipmmumquotecontactcall{
background:#e53935;
color:#173d69;
}
.eipmmumquotecontactcall:hover{
background:#ffffff;
color:#173d69;
transform:translateY(-3px);
}
.eipmmumquotecontactwhatsapp{
background:#25d366;
color:#ffffff;
}
.eipmmumquotecontactwhatsapp:hover{
background:#ffffff;
color:#173d69;
transform:translateY(-3px);
}
/*==================================================
TABLET LANDSCAPE
==================================================*/
@media(max-width:1199px){
.eipmmumquotecontactgrid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.eipmmumquotecontactitem{
min-height:270px;
}
.eipmmumquotecontactbottom{
padding:35px;
}
}
/*==================================================
TABLET
==================================================*/
@media(max-width:991px){
.eipmmumquotecontactsection{
padding:80px 0;
}
.eipmmumquotecontacthead h2{
font-size:40px;
}
.eipmmumquotecontactbottom{
flex-direction:column;
align-items:flex-start;
}
.eipmmumquotecontactactions{
min-width:0;
}
}
/*==================================================
MOBILE
==================================================*/
@media(max-width:767px){
.eipmmumquotecontactsection{
padding:60px 0;
}
.eipmmumquotecontacthead{
margin-bottom:40px;
}
.eipmmumquotecontactlabel{
margin-bottom:17px;
padding:8px 15px;
font-size:11px;
}
.eipmmumquotecontacthead h2{
font-size:31px;
line-height:1.3;
}
.eipmmumquotecontacthead p{
font-size:15px;
line-height:1.8;
}
.eipmmumquotecontactgrid{
grid-template-columns:1fr;
gap:17px;
}
.eipmmumquotecontactitem{
min-height:auto;
padding:27px 23px;
}
.eipmmumquotecontacticon{
width:58px;
height:58px;
margin-bottom:23px;
font-size:22px;
}
.eipmmumquotecontactbottom{
margin-top:40px;
padding:30px 25px;
border-radius:15px;
}
.eipmmumquotecontactbottomcontent h3{
font-size:24px;
}
.eipmmumquotecontactactions{
width:100%;
flex-direction:column;
align-items:stretch;
}
.eipmmumquotecontactcall,
.eipmmumquotecontactwhatsapp{
width:100%;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media(max-width:480px){
.eipmmumquotecontacthead h2{
font-size:28px;
}
.eipmmumquotecontactnumber{
font-size:46px;
}
.eipmmumquotecontactcontent h3{
font-size:18px;
}
.eipmmumquotecontactbottom{
padding:27px 20px;
}
.eipmmumquotecontactbottomcontent h3{
font-size:21px;
}
}
/*==================================================
eipmmum CONTACT PAGE
==================================================*/
.eipmmumcontactpagesection{
position:relative;
width:100%;
padding:100px 0;
background:#f5f7fa;
overflow:hidden;
}
.eipmmumcontactpagesection::before{
content:"";
position:absolute;
width:450px;
height:450px;
top:-270px;
right:-220px;
border:75px solid rgba(23,61,105,.025);
border-radius:50%;
pointer-events:none;
}
.eipmmumcontactpagesection::after{
content:"";
position:absolute;
width:300px;
height:300px;
left:-170px;
bottom:-170px;
background:rgba(244,180,0,.07);
border-radius:50%;
pointer-events:none;
}
/*==================================================
SECTION HEAD
==================================================*/
.eipmmumcontactpagehead{
position:relative;
z-index:2;
max-width:850px;
margin:0 0 60px;
text-align:left;
}
.eipmmumcontactpagelabel{
display:inline-flex;
align-items:center;
margin:0 0 20px;
padding:9px 18px;
background:rgba(244,180,0,.15);
border-left:4px solid #e53935;
border-radius:0 6px 6px 0;
color:#173d69;
font-size:12px;
font-weight:800;
letter-spacing:.8px;
text-transform:uppercase;
}
.eipmmumcontactpagehead h1{
margin:0 0 22px;
padding:0;
color:#173d69;
font-size:50px;
font-weight:800;
line-height:1.2;
text-align:left;
}
.eipmmumcontactpagehead h1 span{
color:#e53935;
}
.eipmmumcontactpagehead p{
max-width:800px;
margin:0;
color:#68717d;
font-size:16px;
line-height:1.9;
text-align:left;
}
/*==================================================
MAIN LAYOUT
==================================================*/
.eipmmumcontactpagelayout{
position:relative;
z-index:2;
display:grid;
grid-template-columns:
minmax(0,.85fr)
minmax(0,1.15fr);
gap:35px;
align-items:stretch;
}
/*==================================================
LEFT INFORMATION PANEL
==================================================*/
.eipmmumcontactpageinfo{
position:relative;
padding:45px 40px;
background:#173d69;
border-radius:20px;
overflow:hidden;
text-align:left;
}
.eipmmumcontactpageinfo::before{
content:"";
position:absolute;
width:300px;
height:300px;
top:-190px;
right:-170px;
border:55px solid rgba(255,255,255,.035);
border-radius:50%;
}
.eipmmumcontactpageinfo::after{
content:"";
position:absolute;
width:220px;
height:220px;
left:-140px;
bottom:-140px;
background:rgba(244,180,0,.08);
border-radius:50%;
}
/*==================================================
INFO TOP
==================================================*/
.eipmmumcontactpageinfotop{
position:relative;
z-index:2;
margin-bottom:32px;
text-align:left;
}
.eipmmumcontactpageinfotop > span{
display:block;
margin:0 0 8px;
color:#e53935;
font-size:11px;
font-weight:800;
letter-spacing:1px;
text-transform:uppercase;
}
.eipmmumcontactpageinfotop h2{
margin:0 0 13px;
color:#ffffff;
font-size:31px;
font-weight:800;
line-height:1.35;
text-align:left;
}
.eipmmumcontactpageinfotop p{
margin:0;
color:rgba(255,255,255,.70);
font-size:14px;
line-height:1.8;
text-align:left;
}
/*==================================================
CONTACT DETAIL ITEM
==================================================*/
.eipmmumcontactdetailitem{
position:relative;
z-index:2;
display:grid;
grid-template-columns:58px minmax(0,1fr) 38px;
align-items:center;
gap:16px;
width:100%;
margin-bottom:13px;
padding:17px;
background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.10);
border-radius:11px;
color:inherit;
text-decoration:none;
text-align:left;
transition:
background .35s ease,
transform .35s ease,
border-color .35s ease;
}
div.eipmmumcontactdetailitem{
grid-template-columns:58px minmax(0,1fr);
}
.eipmmumcontactdetailitem:hover{
background:rgba(255,255,255,.12);
border-color:rgba(244,180,0,.35);
transform:translateX(5px);
}
.eipmmumcontactdetailicon{
width:58px;
height:58px;
min-width:58px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#173d69;
border-radius:10px;
font-size:21px;
}
.eipmmumcontactdetailicon i{
color:#fff;
font-size:21px;
line-height:1;
}
.eipmmumcontactdetailcontent{
min-width:0;
text-align:left;
}
.eipmmumcontactdetailcontent span{
display:block;
margin:0 0 4px;
color:rgba(255,255,255,.58);
font-size:10px;
font-weight:700;
letter-spacing:.7px;
text-transform:uppercase;
}
.eipmmumcontactdetailcontent h3{
margin:0 0 4px;
padding:0;
color:#ffffff;
font-size:16px;
font-weight:700;
line-height:1.5;
text-align:left;
overflow-wrap:anywhere;
}
.eipmmumcontactdetailcontent p{
margin:0;
color:rgba(255,255,255,.68);
font-size:12px;
line-height:1.7;
text-align:left;
}
.eipmmumcontactdetailarrow{
width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid rgba(255,255,255,.15);
border-radius:50%;
color:#ffffff;
font-size:12px;
transition:.35s ease;
}
.eipmmumcontactdetailitem:hover .eipmmumcontactdetailarrow{
background:#e53935;
border-color:#e53935;
color:#173d69;
}
/*==================================================
WHATSAPP QUICK BOX
==================================================*/
.eipmmumcontactpagequick{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
margin-top:30px;
padding-top:28px;
border-top:1px solid rgba(255,255,255,.14);
}
.eipmmumcontactpagequickcontent{
text-align:left;
}
.eipmmumcontactpagequickcontent span{
display:block;
margin-bottom:4px;
color:rgba(255,255,255,.58);
font-size:10px;
font-weight:700;
}
.eipmmumcontactpagequickcontent h3{
margin:0;
color:#ffffff;
font-size:15px;
font-weight:700;
line-height:1.5;
text-align:left;
}
.eipmmumcontactpagequick > a{
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
min-width:max-content;
padding:13px 18px;
background:#25d366;
color:#ffffff;
border-radius:7px;
text-decoration:none;
font-size:13px;
font-weight:700;
transition:.35s ease;
}
.eipmmumcontactpagequick > a:hover{
background:#ffffff;
color:#173d69;
transform:translateY(-3px);
}
/*==================================================
FORM BOX
==================================================*/
.eipmmumcontactformbox{
position:relative;
padding:45px;
background:#ffffff;
border:1px solid #e4e9ef;
border-radius:20px;
box-shadow:0 25px 65px rgba(23,61,105,.10);
text-align:left;
}
.eipmmumcontactformbox::before{
content:"";
position:absolute;
top:0;
left:45px;
width:85px;
height:5px;
background:#e53935;
border-radius:0 0 5px 5px;
}
/*==================================================
FORM HEADER
==================================================*/
.eipmmumcontactformhead{
max-width:600px;
margin:0 0 32px;
text-align:left;
}
.eipmmumcontactformlabel{
display:block;
margin:0 0 7px;
color:#e53935;
font-size:11px;
font-weight:800;
letter-spacing:1px;
text-transform:uppercase;
}
.eipmmumcontactformhead h2{
margin:0 0 10px;
padding:0;
color:#173d69;
font-size:34px;
font-weight:800;
line-height:1.3;
text-align:left;
}
.eipmmumcontactformhead p{
margin:0;
color:#707985;
font-size:14px;
line-height:1.8;
text-align:left;
}
/*==================================================
FORM GRID
==================================================*/
.eipmmumcontactform{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:21px 19px;
}
.eipmmumcontactfull{
grid-column:1 / -1;
}
/*==================================================
FORM FIELD
==================================================*/
.eipmmumcontactfield{
width:100%;
min-width:0;
text-align:left;
}
.eipmmumcontactfield label{
display:block;
margin:0 0 8px;
color:#303946;
font-size:13px;
font-weight:700;
text-align:left;
}
.eipmmumcontactfield label span{
color:#e53935;
}
/*==================================================
INPUT
==================================================*/
.eipmmumcontactinput{
position:relative;
width:100%;
}
.eipmmumcontactinput input,
.eipmmumcontactinput select,
.eipmmumcontactinput textarea{
display:block;
width:100%;
margin:0;
padding:15px 47px 15px 16px;
background:#f7f9fb;
border:1px solid #dfe5eb;
border-radius:8px;
outline:none;
color:#303946;
font-family:"Poppins",sans-serif;
font-size:14px;
transition:
background .3s ease,
border-color .3s ease,
box-shadow .3s ease;
}
.eipmmumcontactinput input,
.eipmmumcontactinput select{
min-height:54px;
}
.eipmmumcontactinput textarea{
min-height:145px;
resize:vertical;
line-height:1.7;
}
.eipmmumcontactinput > i{
position:absolute;
top:50%;
right:17px;
transform:translateY(-50%);
color:#173d69;
font-size:15px;
line-height:1;
pointer-events:none;
}
.eipmmumcontactmessage > i{
top:20px;
transform:none;
}
.eipmmumcontactinput input:focus,
.eipmmumcontactinput select:focus,
.eipmmumcontactinput textarea:focus{
background:#ffffff;
border-color:#e53935;
box-shadow:0 0 0 4px rgba(244,180,0,.10);
}
.eipmmumcontactinput input::placeholder,
.eipmmumcontactinput textarea::placeholder{
color:#9aa2ad;
}
/*==================================================
PRIVACY
==================================================*/
.eipmmumcontactprivacy{
display:flex;
align-items:flex-start;
justify-content:flex-start;
gap:11px;
padding:14px 16px;
background:rgba(23,61,105,.05);
border-left:3px solid #173d69;
text-align:left;
}
.eipmmumcontactprivacy i{
margin-top:4px;
color:#173d69;
font-size:13px;
}
.eipmmumcontactprivacy p{
margin:0;
color:#6b7280;
font-size:12px;
line-height:1.6;
text-align:left;
}
/*==================================================
SUBMIT BUTTON
==================================================*/
.eipmmumcontactsubmit{
display:flex;
align-items:center;
justify-content:center;
gap:11px;
width:100%;
min-height:58px;
padding:15px 25px;
background:#173d69;
border:0;
border-radius:8px;
color:#ffffff;
font-family:"Poppins",sans-serif;
font-size:15px;
font-weight:700;
cursor:pointer;
box-shadow:0 12px 30px rgba(23,61,105,.18);
transition:.35s ease;
}
.eipmmumcontactsubmit i{
transition:transform .35s ease;
}
.eipmmumcontactsubmit:hover{
background:#e53935;
color:#173d69;
transform:translateY(-3px);
}
.eipmmumcontactsubmit:hover i{
transform:translateX(5px);
}
/*==================================================
TABLET LANDSCAPE
==================================================*/
@media(max-width:1199px){
.eipmmumcontactpagelayout{
grid-template-columns:
minmax(0,.9fr)
minmax(0,1.1fr);
gap:25px;
}
.eipmmumcontactpageinfo{
padding:40px 30px;
}
.eipmmumcontactformbox{
padding:40px 32px;
}
.eipmmumcontactformbox::before{
left:32px;
}
.eipmmumcontactpagehead h1{
font-size:44px;
}
}
/*==================================================
TABLET
==================================================*/
@media(max-width:991px){
.eipmmumcontactpagesection{
padding:80px 0;
}
.eipmmumcontactpagehead{
margin-bottom:50px;
}
.eipmmumcontactpagehead h1{
font-size:40px;
}
.eipmmumcontactpagelayout{
grid-template-columns:1fr;
gap:30px;
}
.eipmmumcontactpageinfo,
.eipmmumcontactformbox{
max-width:850px;
}
.eipmmumcontactpageinfo{
padding:45px;
}
.eipmmumcontactformbox{
padding:45px;
}
.eipmmumcontactformbox::before{
left:45px;
}
}
/*==================================================
MOBILE
==================================================*/
@media(max-width:767px){
.eipmmumcontactpagesection{
padding:60px 0;
}
.eipmmumcontactpagehead{
margin-bottom:40px;
}
.eipmmumcontactpagelabel{
margin-bottom:17px;
padding:8px 15px;
font-size:10px;
}
.eipmmumcontactpagehead h1{
margin-bottom:18px;
font-size:31px;
line-height:1.3;
}
.eipmmumcontactpagehead p{
font-size:15px;
line-height:1.8;
}
.eipmmumcontactpageinfo{
padding:35px 23px;
border-radius:15px;
}
.eipmmumcontactpageinfotop h2{
font-size:27px;
}
.eipmmumcontactdetailitem,
div.eipmmumcontactdetailitem{
grid-template-columns:52px minmax(0,1fr);
gap:13px;
padding:15px;
}
.eipmmumcontactdetailicon{
width:52px;
height:52px;
min-width:52px;
font-size:19px;
}
.eipmmumcontactdetailicon i{
font-size:19px;
}
.eipmmumcontactdetailarrow{
display:none;
}
.eipmmumcontactpagequick{
flex-direction:column;
align-items:flex-start;
}
.eipmmumcontactpagequick > a{
width:100%;
}
.eipmmumcontactformbox{
padding:38px 23px;
border-radius:15px;
}
.eipmmumcontactformbox::before{
left:23px;
}
.eipmmumcontactformhead h2{
font-size:28px;
}
.eipmmumcontactform{
grid-template-columns:1fr;
gap:19px;
}
.eipmmumcontactfull{
grid-column:auto;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media(max-width:480px){
.eipmmumcontactpagehead h1{
font-size:28px;
}
.eipmmumcontactpageinfo{
padding:32px 18px;
}
.eipmmumcontactpageinfotop h2{
font-size:24px;
}
.eipmmumcontactdetailitem,
div.eipmmumcontactdetailitem{
grid-template-columns:46px minmax(0,1fr);
padding:14px 12px;
}
.eipmmumcontactdetailicon{
width:46px;
height:46px;
min-width:46px;
}
.eipmmumcontactdetailcontent h3{
font-size:14px;
}
.eipmmumcontactformbox{
padding:35px 18px;
}
.eipmmumcontactformbox::before{
left:18px;
}
.eipmmumcontactformhead h2{
font-size:25px;
}
.eipmmumcontactinput input,
.eipmmumcontactinput select,
.eipmmumcontactinput textarea{
font-size:13px;
}
}
/*==================================================
CONTACT PAGE BREADCRUMB
==================================================*/
.eipmmumcontactbread{
position:relative;
width:100%;
padding:85px 0;
background:#173d69;
overflow:hidden;
}
/*==================================================
BACKGROUND DECORATION
==================================================*/
.eipmmumcontactbread::before{
content:"";
position:absolute;
width:420px;
height:420px;
top:-280px;
right:-150px;
border:75px solid rgba(255,255,255,.035);
border-radius:50%;
pointer-events:none;
}
.eipmmumcontactbread::after{
content:"";
position:absolute;
width:280px;
height:280px;
left:-150px;
bottom:-190px;
background:rgba(244,180,0,.09);
border-radius:50%;
pointer-events:none;
}
/*==================================================
MAIN WRAPPER
==================================================*/
.eipmmumcontactbreadwrap{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:space-between;
gap:50px;
width:100%;
}
/*==================================================
LEFT CONTENT
==================================================*/
.eipmmumcontactbreadcontent{
max-width:750px;
text-align:left;
}
.eipmmumcontactbreadlabel{
display:inline-flex;
align-items:center;
margin:0 0 16px;
padding:8px 16px;
background:rgba(244,180,0,.14);
border-left:4px solid #e53935;
color:#fff;
border-radius:0 5px 5px 0;
font-size:11px;
font-weight:800;
letter-spacing:1px;
line-height:1.5;
text-transform:uppercase;
}
/*==================================================
HEADING
==================================================*/
.eipmmumcontactbreadcontent h1{
margin:0 0 14px;
padding:0;
color:#ffffff;
font-size:50px;
font-weight:800;
line-height:1.2;
text-align:left;
}
/*==================================================
DESCRIPTION
==================================================*/
.eipmmumcontactbreadcontent p{
max-width:650px;
margin:0 0 23px;
color:rgba(255,255,255,.72);
font-size:15px;
line-height:1.8;
text-align:left;
}
/*==================================================
BREADCRUMB NAV
==================================================*/
.eipmmumcontactbreadcrumb{
display:flex;
align-items:center;
justify-content:flex-start;
flex-wrap:wrap;
gap:12px;
text-align:left;
}
.eipmmumcontactbreadcrumb a{
display:inline-flex;
align-items:center;
gap:8px;
color:#ffffff;
text-decoration:none;
font-size:13px;
font-weight:600;
line-height:1.5;
transition:color .3s ease;
}
.eipmmumcontactbreadcrumb a:hover{
color:#e53935;
}
.eipmmumcontactbreadcrumb a i{
color:#e53935;
font-size:12px;
}
.eipmmumcontactbreadarrow{
color:rgba(255,255,255,.35);
font-size:9px;
}
.eipmmumcontactbreadcrumb > span{
color:#e53935;
font-size:13px;
font-weight:700;
}
/*==================================================
RIGHT CONTACT BOX
==================================================*/
.eipmmumcontactbreadside{
position:relative;
display:flex;
align-items:center;
justify-content:flex-start;
gap:17px;
min-width:350px;
padding:23px 25px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.12);
border-radius:14px;
backdrop-filter:blur(8px);
text-align:left;
}
/*==================================================
RIGHT ICON
==================================================*/
.eipmmumcontactbreadicon{
width:62px;
height:62px;
min-width:62px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#173d69;
border-radius:12px;
font-size:25px;
}
.eipmmumcontactbreadicon i{
color:#fff;
font-size:25px;
line-height:1;
}
/*==================================================
RIGHT TEXT
==================================================*/
.eipmmumcontactbreadsidetext{
display:flex;
flex-direction:column;
align-items:flex-start;
min-width:0;
text-align:left;
}
.eipmmumcontactbreadsidetext span{
display:block;
margin:0 0 5px;
color:rgba(255,255,255,.65);
font-size:11px;
font-weight:600;
line-height:1.5;
}
.eipmmumcontactbreadsidetext a{
color:#ffffff;
text-decoration:none;
font-size:20px;
font-weight:800;
line-height:1.4;
white-space:nowrap;
transition:color .3s ease;
}
.eipmmumcontactbreadsidetext a:hover{
color:#e53935;
}
/*==================================================
TABLET LANDSCAPE
==================================================*/
@media(max-width:1199px){
.eipmmumcontactbread{
padding:75px 0;
}
.eipmmumcontactbreadcontent h1{
font-size:45px;
}
.eipmmumcontactbreadside{
min-width:315px;
padding:21px;
}
.eipmmumcontactbreadsidetext a{
font-size:18px;
}
}
/*==================================================
TABLET
==================================================*/
@media(max-width:991px){
.eipmmumcontactbread{
padding:65px 0;
}
.eipmmumcontactbreadwrap{
align-items:flex-start;
gap:35px;
}
.eipmmumcontactbreadcontent{
flex:1;
}
.eipmmumcontactbreadcontent h1{
font-size:40px;
}
.eipmmumcontactbreadside{
min-width:290px;
}
.eipmmumcontactbreadicon{
width:55px;
height:55px;
min-width:55px;
font-size:21px;
}
.eipmmumcontactbreadicon i{
font-size:21px;
}
.eipmmumcontactbreadsidetext a{
font-size:16px;
}
}
/*==================================================
MOBILE
==================================================*/
@media(max-width:767px){
.eipmmumcontactbread{
padding:55px 0;
}
.eipmmumcontactbreadwrap{
flex-direction:column;
align-items:stretch;
gap:30px;
}
.eipmmumcontactbreadcontent{
width:100%;
max-width:100%;
text-align:left;
}
.eipmmumcontactbreadlabel{
margin-bottom:14px;
padding:7px 14px;
font-size:10px;
}
.eipmmumcontactbreadcontent h1{
margin-bottom:12px;
font-size:34px;
line-height:1.3;
}
.eipmmumcontactbreadcontent p{
margin-bottom:20px;
font-size:14px;
line-height:1.8;
}
.eipmmumcontactbreadside{
width:100%;
min-width:0;
padding:19px;
gap:14px;
}
.eipmmumcontactbreadicon{
width:52px;
height:52px;
min-width:52px;
border-radius:10px;
}
.eipmmumcontactbreadicon i{
font-size:20px;
}
.eipmmumcontactbreadsidetext a{
font-size:17px;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media(max-width:480px){
.eipmmumcontactbread{
padding:45px 0;
}
.eipmmumcontactbreadcontent h1{
font-size:30px;
}
.eipmmumcontactbreadcontent p{
font-size:13px;
}
.eipmmumcontactbreadcrumb{
gap:9px;
}
.eipmmumcontactbreadcrumb a,
.eipmmumcontactbreadcrumb > span{
font-size:12px;
}
.eipmmumcontactbreadside{
padding:17px 15px;
}
.eipmmumcontactbreadicon{
width:48px;
height:48px;
min-width:48px;
}
.eipmmumcontactbreadsidetext span{
font-size:10px;
}
.eipmmumcontactbreadsidetext a{
font-size:16px;
}
}
/*==================================================
REQUEST A QUOTE BREADCRUMB
==================================================*/
.eipmmumquotebread{
position:relative;
width:100%;
padding:85px 0;
background:#173d69;
overflow:hidden;
}
/*==================================================
BACKGROUND DESIGN
==================================================*/
.eipmmumquotebread::before{
content:"";
position:absolute;
width:450px;
height:450px;
top:-300px;
right:-170px;
border:75px solid rgba(255,255,255,.035);
border-radius:50%;
pointer-events:none;
}
.eipmmumquotebread::after{
content:"";
position:absolute;
width:300px;
height:300px;
left:-170px;
bottom:-210px;
background:rgba(244,180,0,.09);
border-radius:50%;
pointer-events:none;
}
/*==================================================
WRAPPER
==================================================*/
.eipmmumquotebreadwrap{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:space-between;
gap:55px;
width:100%;
}
/*==================================================
LEFT CONTENT
==================================================*/
.eipmmumquotebreadcontent{
flex:1;
max-width:750px;
min-width:0;
text-align:left;
}
/*==================================================
LABEL
==================================================*/
.eipmmumquotebreadlabel{
display:inline-flex;
align-items:center;
margin:0 0 16px;
padding:8px 16px;
background:rgba(244,180,0,.14);
border-left:4px solid #e53935;
border-radius:0 5px 5px 0;
color:#e53935;
font-size:11px;
font-weight:800;
letter-spacing:1px;
line-height:1.5;
text-transform:uppercase;
}
/*==================================================
HEADING
==================================================*/
.eipmmumquotebreadcontent h1{
margin:0 0 14px;
padding:0;
color:#ffffff;
font-size:50px;
font-weight:800;
line-height:1.2;
text-align:left;
}
/*==================================================
DESCRIPTION
==================================================*/
.eipmmumquotebreadcontent p{
max-width:680px;
margin:0 0 23px;
color:rgba(255,255,255,.72);
font-size:15px;
font-weight:400;
line-height:1.8;
text-align:left;
}
/*==================================================
BREADCRUMB
==================================================*/
.eipmmumquotebreadcrumb{
display:flex;
align-items:center;
justify-content:flex-start;
flex-wrap:wrap;
gap:12px;
text-align:left;
}
.eipmmumquotebreadcrumb a{
display:inline-flex;
align-items:center;
gap:8px;
color:#ffffff;
text-decoration:none;
font-size:13px;
font-weight:600;
line-height:1.5;
transition:color .3s ease;
}
.eipmmumquotebreadcrumb a:hover{
color:#e53935;
}
.eipmmumquotebreadcrumb a i{
color:#e53935;
font-size:12px;
line-height:1;
}
.eipmmumquotebreadarrow{
color:rgba(255,255,255,.35);
font-size:9px;
}
.eipmmumquotebreadcrumb > span{
color:#e53935;
font-size:13px;
font-weight:700;
line-height:1.5;
}
/*==================================================
RIGHT QUOTE BOX
==================================================*/
.eipmmumquotebreadside{
position:relative;
display:flex;
align-items:center;
justify-content:flex-start;
gap:18px;
width:100%;
max-width:390px;
padding:24px 25px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.12);
border-radius:15px;
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
text-align:left;
}
/*==================================================
RIGHT ICON
==================================================*/
.eipmmumquotebreadicon{
width:68px;
height:68px;
min-width:68px;
display:flex;
align-items:center;
justify-content:center;
margin:0;
padding:0;
background:#e53935;
color:#173d69;
border-radius:13px;
font-size:27px;
line-height:1;
}
.eipmmumquotebreadicon i{
display:block;
margin:0;
padding:0;
color:#173d69;
font-size:27px;
line-height:1;
}
/*==================================================
RIGHT TEXT
==================================================*/
.eipmmumquotebreadsidetext{
display:flex;
flex-direction:column;
align-items:flex-start;
min-width:0;
text-align:left;
}
.eipmmumquotebreadsidetext > span{
display:block;
margin:0 0 3px;
color:rgba(255,255,255,.60);
font-size:10px;
font-weight:700;
letter-spacing:.5px;
line-height:1.5;
text-transform:uppercase;
text-align:left;
}
.eipmmumquotebreadsidetext h2{
margin:0 0 8px;
padding:0;
color:#ffffff;
font-size:18px;
font-weight:700;
line-height:1.4;
text-align:left;
}
.eipmmumquotebreadsidetext a{
display:inline-flex;
align-items:center;
gap:8px;
color:#e53935;
text-decoration:none;
font-size:12px;
font-weight:700;
line-height:1.5;
transition:color .3s ease;
}
.eipmmumquotebreadsidetext a i{
font-size:10px;
transition:transform .3s ease;
}
.eipmmumquotebreadsidetext a:hover{
color:#ffffff;
}
.eipmmumquotebreadsidetext a:hover i{
transform:translateX(5px);
}
/*==================================================
DESKTOP / SMALL LAPTOP
==================================================*/
@media(max-width:1199px){
.eipmmumquotebread{
padding:75px 0;
}
.eipmmumquotebreadcontent h1{
font-size:45px;
}
.eipmmumquotebreadside{
max-width:350px;
padding:22px;
}
.eipmmumquotebreadicon{
width:62px;
height:62px;
min-width:62px;
}
.eipmmumquotebreadicon i{
font-size:24px;
}
}
/*==================================================
TABLET
==================================================*/
@media(max-width:991px){
.eipmmumquotebread{
padding:65px 0;
}
.eipmmumquotebreadwrap{
align-items:flex-start;
gap:35px;
}
.eipmmumquotebreadcontent h1{
font-size:40px;
}
.eipmmumquotebreadcontent p{
font-size:14px;
}
.eipmmumquotebreadside{
max-width:315px;
padding:20px;
}
.eipmmumquotebreadicon{
width:56px;
height:56px;
min-width:56px;
border-radius:10px;
}
.eipmmumquotebreadicon i{
font-size:21px;
}
.eipmmumquotebreadsidetext h2{
font-size:16px;
}
}
/*==================================================
MOBILE
==================================================*/
@media(max-width:767px){
.eipmmumquotebread{
padding:55px 0;
}
.eipmmumquotebreadwrap{
flex-direction:column;
align-items:stretch;
gap:30px;
}
.eipmmumquotebreadcontent{
width:100%;
max-width:100%;
}
.eipmmumquotebreadlabel{
margin-bottom:14px;
padding:7px 14px;
font-size:10px;
}
.eipmmumquotebreadcontent h1{
margin-bottom:12px;
font-size:34px;
line-height:1.3;
}
.eipmmumquotebreadcontent p{
margin-bottom:20px;
font-size:14px;
line-height:1.8;
}
.eipmmumquotebreadside{
width:100%;
max-width:100%;
padding:19px;
gap:15px;
}
.eipmmumquotebreadicon{
width:55px;
height:55px;
min-width:55px;
}
.eipmmumquotebreadicon i{
font-size:21px;
}
.eipmmumquotebreadsidetext h2{
font-size:16px;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media(max-width:480px){
.eipmmumquotebread{
padding:45px 0;
}
.eipmmumquotebreadcontent h1{
font-size:30px;
}
.eipmmumquotebreadcontent p{
font-size:13px;
}
.eipmmumquotebreadcrumb{
gap:9px;
}
.eipmmumquotebreadcrumb a,
.eipmmumquotebreadcrumb > span{
font-size:12px;
}
.eipmmumquotebreadside{
padding:17px 15px;
gap:13px;
}
.eipmmumquotebreadicon{
width:50px;
height:50px;
min-width:50px;
}
.eipmmumquotebreadicon i{
font-size:19px;
}
.eipmmumquotebreadsidetext > span{
font-size:9px;
}
.eipmmumquotebreadsidetext h2{
margin-bottom:5px;
font-size:15px;
}
.eipmmumquotebreadsidetext a{
font-size:11px;
}
}
/*==================================================
HOUSE PAGE GLOBAL
==================================================*/
.eipmmumhouseintro,
.eipmmumhouseprocess,
.eipmmumhouseitems,
.eipmmumhousewhy,
.eipmmumhousefaq,
.eipmmumhousecta,
.eipmmumhousebread{
font-family:"Poppins",sans-serif;
}
.eipmmumhouseeyebrow{
display:inline-block;
margin:0 0 15px;
color:#e53935;
font-size:11px;
font-weight:800;
letter-spacing:1px;
text-transform:uppercase;
}
/*==================================================
BREADCRUMB
==================================================*/
.eipmmumhousebread{
position:relative;
padding:85px 0;
background:#173d69;
overflow:hidden;
}
.eipmmumhousebread::before{
content:"";
position:absolute;
width:450px;
height:450px;
top:-290px;
right:-170px;
border:75px solid rgba(255,255,255,.035);
border-radius:50%;
}
.eipmmumhousebread::after{
content:"";
position:absolute;
width:300px;
height:300px;
left:-170px;
bottom:-210px;
background:rgba(244,180,0,.09);
border-radius:50%;
}
.eipmmumhousebreadwrap{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:space-between;
gap:50px;
}
.eipmmumhousebreadcontent{
max-width:760px;
text-align:left;
}
.eipmmumhousebreadlabel{
display:inline-flex;
margin-bottom:16px;
padding:8px 16px;
background:rgba(244,180,0,.14);
border-left:4px solid #e53935;
color:#e53935;
font-size:11px;
font-weight:800;
letter-spacing:.8px;
text-transform:uppercase;
}
.eipmmumhousebreadcontent h1{
margin:0 0 15px;
color:#fff;
font-size:48px;
font-weight:800;
line-height:1.2;
text-align:left;
}
.eipmmumhousebreadcontent p{
max-width:650px;
margin:0 0 23px;
color:rgba(255,255,255,.72);
font-size:15px;
line-height:1.8;
}
.eipmmumhousebreadcrumb{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:11px;
}
.eipmmumhousebreadcrumb a{
display:inline-flex;
align-items:center;
gap:7px;
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:600;
}
.eipmmumhousebreadcrumb > i{
color:rgba(255,255,255,.35);
font-size:9px;
}
.eipmmumhousebreadcrumb span{
color:#e53935;
font-size:13px;
font-weight:700;
}
.eipmmumhousebreadbox{
display:flex;
align-items:center;
gap:17px;
width:100%;
max-width:370px;
padding:23px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.12);
border-radius:14px;
}
.eipmmumhousebreadicon{
width:65px;
height:65px;
min-width:65px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#173d69;
border-radius:12px;
font-size:25px;
}
.eipmmumhousebreadbox span{
display:block;
margin-bottom:3px;
color:rgba(255,255,255,.6);
font-size:10px;
font-weight:700;
text-transform:uppercase;
}
.eipmmumhousebreadbox h2{
margin:0 0 6px;
color:#fff;
font-size:17px;
font-weight:700;
}
.eipmmumhousebreadbox a{
display:inline-flex;
align-items:center;
gap:7px;
color:#e53935;
font-size:12px;
font-weight:700;
text-decoration:none;
}
/*==================================================
INTRO
==================================================*/
.eipmmumhouseintro{
padding:100px 0;
background:#fff;
}
.eipmmumhouseintrogrid{
display:grid;
grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
gap:65px;
align-items:center;
}
.eipmmumhouseintrocontent{
text-align:left;
}
.eipmmumhouseintrocontent h2,
.eipmmumhouseitemscontent h2,
.eipmmumhousewhytitle h2,
.eipmmumhousefaqintro h2{
margin:0 0 23px;
color:#173d69;
font-size:43px;
font-weight:800;
line-height:1.25;
text-align:left;
}
.eipmmumhouseintrocontent h2 span,
.eipmmumhouseitemscontent h2 span,
.eipmmumhousewhytitle h2 span,
.eipmmumhousefaqintro h2 span{
color:#e53935;
}
.eipmmumhouseintrocontent p,
.eipmmumhouseitemscontent p,
.eipmmumhousewhytitle p,
.eipmmumhousefaqintro p{
margin:0 0 17px;
color:#68717d;
font-size:15px;
line-height:1.9;
text-align:left;
}
.eipmmumhouselead{
color:#46505c !important;
font-size:16px !important;
}
.eipmmumhousefeatures{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
margin:30px 0;
}
.eipmmumhousefeature{
display:flex;
align-items:center;
gap:10px;
color:#394451;
font-size:13px;
font-weight:600;
}
.eipmmumhousefeature i{
width:25px;
height:25px;
min-width:25px;
display:flex;
align-items:center;
justify-content:center;
background:rgba(244,180,0,.15);
color:#173d69;
border-radius:50%;
font-size:10px;
}
.eipmmumhouseintroactions{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:13px;
}
.eipmmumhouseprimarybtn,
.eipmmumhousecallbtn,
.eipmmumhouseitemsbtn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
min-height:54px;
padding:14px 23px;
border-radius:7px;
text-decoration:none;
font-size:13px;
font-weight:700;
transition:.3s ease;
}
.eipmmumhouseprimarybtn{
background:#173d69;
color:#fff;
}
.eipmmumhousecallbtn{
background:#e53935;
color:#173d69;
}
.eipmmumhouseprimarybtn:hover,
.eipmmumhousecallbtn:hover,
.eipmmumhouseitemsbtn:hover{
transform:translateY(-3px);
}
/*==================================================
SUMMARY
==================================================*/
.eipmmumhousesummary{
padding:42px;
background:#173d69;
border-radius:20px;
box-shadow:0 25px 60px rgba(23,61,105,.18);
}
.eipmmumhousesummarytag{
display:block;
margin-bottom:8px;
color:#e53935;
font-size:10px;
font-weight:800;
letter-spacing:1px;
text-transform:uppercase;
}
.eipmmumhousesummary > h3{
margin:0 0 27px;
color:#fff;
font-size:27px;
font-weight:800;
line-height:1.4;
}
.eipmmumhousesummarylist{
display:flex;
flex-direction:column;
gap:12px;
}
.eipmmumhousesummaryitem{
display:flex;
align-items:flex-start;
gap:15px;
padding:16px;
background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.09);
border-radius:9px;
}
.eipmmumhousesummaryitem > span{
width:38px;
height:38px;
min-width:38px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#173d69;
border-radius:7px;
font-size:12px;
font-weight:800;
}
.eipmmumhousesummaryitem h4{
margin:0 0 4px;
color:#fff;
font-size:14px;
}
.eipmmumhousesummaryitem p{
margin:0;
color:rgba(255,255,255,.65);
font-size:12px;
line-height:1.6;
}
.eipmmumhousesummarycall{
display:flex;
align-items:center;
gap:14px;
margin-top:25px;
padding-top:23px;
border-top:1px solid rgba(255,255,255,.14);
}
.eipmmumhousesummarycall > i{
width:48px;
height:48px;
display:flex;
align-items:center;
justify-content:center;
background:#fff;
color:#173d69;
border-radius:50%;
}
.eipmmumhousesummarycall span{
display:block;
color:rgba(255,255,255,.6);
font-size:10px;
}
.eipmmumhousesummarycall a{
color:#e53935;
font-size:15px;
font-weight:700;
text-decoration:none;
}
/*==================================================
PROCESS
==================================================*/
.eipmmumhouseprocess{
padding:95px 0;
background:#f5f7fa;
}
.eipmmumhouseheading{
max-width:760px;
margin:0 auto 55px;
text-align:center;
}
.eipmmumhouseheading > span{
color:#e53935;
font-size:11px;
font-weight:800;
letter-spacing:1px;
text-transform:uppercase;
}
.eipmmumhouseheading h2{
margin:10px 0 16px;
color:#173d69;
font-size:42px;
font-weight:800;
line-height:1.3;
}
.eipmmumhouseheading h2 strong{
color:#e53935;
}
.eipmmumhouseheading p{
margin:0;
color:#707985;
font-size:15px;
line-height:1.8;
}
.eipmmumhouseprocessgrid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:20px;
}
.eipmmumhouseprocesscard{
position:relative;
padding:35px 25px;
background:#fff;
border:1px solid #e5eaf0;
border-radius:14px;
text-align:left;
transition:.35s ease;
}
.eipmmumhouseprocesscard:hover{
transform:translateY(-7px);
box-shadow:0 20px 45px rgba(23,61,105,.10);
}
.eipmmumhouseprocessnumber{
position:absolute;
top:20px;
right:20px;
color:rgba(23,61,105,.08);
font-size:42px;
font-weight:800;
}
.eipmmumhouseprocessicon{
width:58px;
height:58px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:23px;
background:#173d69;
color:#fff;
border-radius:11px;
font-size:21px;
}
.eipmmumhouseprocesscard h3{
margin:0 0 10px;
color:#173d69;
font-size:18px;
}
.eipmmumhouseprocesscard p{
margin:0;
color:#707985;
font-size:13px;
line-height:1.8;
}
/*==================================================
HOUSE ITEMS
==================================================*/
.eipmmumhouseitems{
padding:100px 0;
background:#fff;
}
.eipmmumhouseitemsgrid{
display:grid;
grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
gap:65px;
align-items:center;
}
.eipmmumhouseitemsbtn{
margin-top:10px;
background:#173d69;
color:#fff;
}
.eipmmumhouseitemlist{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
}
.eipmmumhouseitembox{
display:flex;
align-items:flex-start;
gap:15px;
padding:22px;
background:#f7f9fb;
border:1px solid #e5eaf0;
border-radius:11px;
}
.eipmmumhouseitembox > i{
width:47px;
height:47px;
min-width:47px;
display:flex;
align-items:center;
justify-content:center;
background:rgba(244,180,0,.16);
color:#173d69;
border-radius:9px;
font-size:18px;
}
.eipmmumhouseitembox h3{
margin:0 0 5px;
color:#173d69;
font-size:15px;
}
.eipmmumhouseitembox p{
margin:0;
color:#707985;
font-size:12px;
line-height:1.7;
}
/*==================================================
WHY CHOOSE
==================================================*/
.eipmmumhousewhy{
padding:100px 0;
background:#f5f7fa;
}
.eipmmumhousewhygrid{
display:grid;
grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
gap:70px;
align-items:center;
}
.eipmmumhousewhytitle .eipmmumhouseprimarybtn{
margin-top:10px;
}
.eipmmumhousewhylist{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
}
.eipmmumhousewhybox{
padding:27px;
background:#fff;
border:1px solid #e5eaf0;
border-radius:13px;
}
.eipmmumhousewhyicon{
width:52px;
height:52px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:20px;
background:#173d69;
color:#fff;
border-radius:10px;
font-size:19px;
}
.eipmmumhousewhybox h3{
margin:0 0 9px;
color:#173d69;
font-size:17px;
}
.eipmmumhousewhybox p{
margin:0;
color:#707985;
font-size:13px;
line-height:1.8;
}
/*==================================================
FAQ
==================================================*/
.eipmmumhousefaq{
padding:100px 0;
background:#fff;
}
.eipmmumhousefaqgrid{
display:grid;
grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
gap:70px;
align-items:start;
}
.eipmmumhousefaqhelp{
display:flex;
align-items:center;
gap:14px;
margin-top:30px;
padding:20px;
background:#173d69;
border-radius:10px;
}
.eipmmumhousefaqhelp > i{
width:48px;
height:48px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#173d69;
border-radius:50%;
}
.eipmmumhousefaqhelp span{
display:block;
color:rgba(255,255,255,.65);
font-size:10px;
}
.eipmmumhousefaqhelp a{
color:#fff;
font-size:18px;
font-weight:800;
text-decoration:none;
}
.eipmmumhousefaqlist{
display:flex;
flex-direction:column;
gap:13px;
}
.eipmmumhousefaqitem{
background:#f7f9fb;
border:1px solid #e4e9ef;
border-radius:9px;
overflow:hidden;
}
.eipmmumhousefaqitem summary{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding:20px 22px;
color:#173d69;
font-size:14px;
font-weight:700;
cursor:pointer;
list-style:none;
}
.eipmmumhousefaqitem summary::-webkit-details-marker{
display:none;
}
.eipmmumhousefaqitem summary i{
font-size:12px;
transition:transform .3s ease;
}
.eipmmumhousefaqitem[open] summary i{
transform:rotate(45deg);
}
.eipmmumhousefaqitem p{
margin:0;
padding:0 22px 21px;
color:#707985;
font-size:13px;
line-height:1.8;
}
/*==================================================
CTA
==================================================*/
.eipmmumhousecta{
padding:75px 0;
background:#173d69;
}
.eipmmumhousectawrap{
display:flex;
align-items:center;
justify-content:space-between;
gap:45px;
}
.eipmmumhousectacontent{
max-width:720px;
text-align:left;
}
.eipmmumhousectacontent > span{
display:block;
margin-bottom:7px;
color:#e53935;
font-size:11px;
font-weight:800;
text-transform:uppercase;
}
.eipmmumhousectacontent h2{
margin:0 0 10px;
color:#fff;
font-size:35px;
font-weight:800;
line-height:1.3;
}
.eipmmumhousectacontent p{
margin:0;
color:rgba(255,255,255,.7);
font-size:14px;
line-height:1.8;
}
.eipmmumhousectaactions{
display:flex;
align-items:center;
gap:12px;
min-width:max-content;
}
.eipmmumhousectaprimary,
.eipmmumhousectacall{
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
min-height:54px;
padding:14px 22px;
border-radius:7px;
text-decoration:none;
font-size:13px;
font-weight:700;
}
.eipmmumhousectaprimary{
background:#e53935;
color:#173d69;
}
.eipmmumhousectacall{
background:#fff;
color:#173d69;
}
/*==================================================
TABLET
==================================================*/
@media(max-width:991px){
.eipmmumhousebreadwrap,
.eipmmumhousectawrap{
align-items:flex-start;
}
.eipmmumhousebreadcontent h1{
font-size:40px;
}
.eipmmumhousebreadbox{
max-width:310px;
}
.eipmmumhouseintrogrid,
.eipmmumhouseitemsgrid,
.eipmmumhousewhygrid,
.eipmmumhousefaqgrid{
grid-template-columns:1fr;
gap:50px;
}
.eipmmumhouseprocessgrid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.eipmmumhouseintrocontent h2,
.eipmmumhouseitemscontent h2,
.eipmmumhousewhytitle h2,
.eipmmumhousefaqintro h2,
.eipmmumhouseheading h2{
font-size:38px;
}
.eipmmumhousectawrap{
flex-direction:column;
}
}
/*==================================================
MOBILE
==================================================*/
@media(max-width:767px){
.eipmmumhousebread{
padding:55px 0;
}
.eipmmumhousebreadwrap{
flex-direction:column;
gap:30px;
}
.eipmmumhousebreadcontent h1{
font-size:33px;
}
.eipmmumhousebreadbox{
max-width:100%;
}
.eipmmumhouseintro,
.eipmmumhouseitems,
.eipmmumhousewhy,
.eipmmumhousefaq{
padding:65px 0;
}
.eipmmumhouseprocess{
padding:65px 0;
}
.eipmmumhouseintrocontent h2,
.eipmmumhouseitemscontent h2,
.eipmmumhousewhytitle h2,
.eipmmumhousefaqintro h2,
.eipmmumhouseheading h2{
font-size:30px;
}
.eipmmumhousefeatures,
.eipmmumhouseprocessgrid,
.eipmmumhouseitemlist,
.eipmmumhousewhylist{
grid-template-columns:1fr;
}
.eipmmumhousesummary{
padding:32px 23px;
}
.eipmmumhouseintroactions{
flex-direction:column;
align-items:stretch;
}
.eipmmumhouseprimarybtn,
.eipmmumhousecallbtn{
width:100%;
}
.eipmmumhouseheading{
margin-bottom:40px;
text-align:left;
}
.eipmmumhouseheading h2,
.eipmmumhouseheading p{
text-align:left;
}
.eipmmumhousecta{
padding:60px 0;
}
.eipmmumhousectacontent h2{
font-size:28px;
}
.eipmmumhousectaactions{
width:100%;
min-width:0;
flex-direction:column;
align-items:stretch;
}
.eipmmumhousectaprimary,
.eipmmumhousectacall{
width:100%;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media(max-width:480px){
.eipmmumhousebreadcontent h1{
font-size:29px;
}
.eipmmumhousebreadbox{
padding:18px 15px;
}
.eipmmumhousebreadicon{
width:52px;
height:52px;
min-width:52px;
font-size:20px;
}
.eipmmumhouseintrocontent h2,
.eipmmumhouseitemscontent h2,
.eipmmumhousewhytitle h2,
.eipmmumhousefaqintro h2,
.eipmmumhouseheading h2{
font-size:27px;
}
.eipmmumhousesummary{
padding:28px 18px;
}
.eipmmumhousesummary > h3{
font-size:23px;
}
.eipmmumhouseprocesscard,
.eipmmumhousewhybox{
padding:25px 20px;
}
.eipmmumhouseitembox{
padding:18px;
}
.eipmmumhousefaqitem summary{
padding:18px;
font-size:13px;
}
.eipmmumhousefaqitem p{
padding:0 18px 19px;
}
}
/*==================================================
OFFICE PAGE GLOBAL
==================================================*/
.eipmmumofficebread,
.eipmmumofficeintro,
.eipmmumofficegoods,
.eipmmumofficeprocess,
.eipmmumofficewhy,
.eipmmumofficetypes,
.eipmmumofficefaq,
.eipmmumofficecta{
font-family:"Poppins",sans-serif;
}
.eipmmumofficeeyebrow{
display:inline-block;
margin:0 0 15px;
color:#e53935;
font-size:11px;
font-weight:800;
letter-spacing:1px;
line-height:1.5;
text-transform:uppercase;
}
/*==================================================
BREADCRUMB
==================================================*/
.eipmmumofficebread{
position:relative;
width:100%;
padding:85px 0;
background:#173d69;
overflow:hidden;
}
.eipmmumofficebread::before{
content:"";
position:absolute;
width:460px;
height:460px;
top:-310px;
right:-180px;
border:75px solid rgba(255,255,255,.035);
border-radius:50%;
pointer-events:none;
}
.eipmmumofficebread::after{
content:"";
position:absolute;
width:300px;
height:300px;
left:-170px;
bottom:-210px;
background:rgba(244,180,0,.09);
border-radius:50%;
pointer-events:none;
}
.eipmmumofficebreadwrap{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:space-between;
gap:50px;
}
.eipmmumofficebreadcontent{
flex:1;
max-width:760px;
min-width:0;
text-align:left;
}
.eipmmumofficebreadlabel{
display:inline-flex;
align-items:center;
margin:0 0 16px;
padding:8px 16px;
background:rgba(244,180,0,.14);
border-left:4px solid #e53935;
border-radius:0 5px 5px 0;
color:#e53935;
font-size:11px;
font-weight:800;
letter-spacing:.8px;
line-height:1.5;
text-transform:uppercase;
}
.eipmmumofficebreadcontent h1{
margin:0 0 15px;
padding:0;
color:#ffffff;
font-size:48px;
font-weight:800;
line-height:1.2;
text-align:left;
}
.eipmmumofficebreadcontent p{
max-width:680px;
margin:0 0 23px;
color:rgba(255,255,255,.72);
font-size:15px;
line-height:1.8;
text-align:left;
}
.eipmmumofficebreadcrumb{
display:flex;
align-items:center;
justify-content:flex-start;
flex-wrap:wrap;
gap:11px;
}
.eipmmumofficebreadcrumb a{
display:inline-flex;
align-items:center;
gap:7px;
color:#ffffff;
text-decoration:none;
font-size:13px;
font-weight:600;
}
.eipmmumofficebreadcrumb > i{
color:rgba(255,255,255,.35);
font-size:9px;
}
.eipmmumofficebreadcrumb > span{
color:#e53935;
font-size:13px;
font-weight:700;
}
.eipmmumofficebreadside{
display:flex;
align-items:center;
gap:17px;
width:100%;
max-width:385px;
padding:23px 24px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.12);
border-radius:14px;
text-align:left;
}
.eipmmumofficebreadicon{
width:66px;
height:66px;
min-width:66px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#173d69;
border-radius:12px;
font-size:25px;
}
.eipmmumofficebreadsidetext{
min-width:0;
text-align:left;
}
.eipmmumofficebreadsidetext > span{
display:block;
margin-bottom:3px;
color:rgba(255,255,255,.60);
font-size:10px;
font-weight:700;
text-transform:uppercase;
}
.eipmmumofficebreadsidetext h2{
margin:0 0 7px;
color:#ffffff;
font-size:17px;
font-weight:700;
line-height:1.4;
}
.eipmmumofficebreadsidetext a{
display:inline-flex;
align-items:center;
gap:7px;
color:#e53935;
text-decoration:none;
font-size:12px;
font-weight:700;
}
/*==================================================
INTRODUCTION
==================================================*/
.eipmmumofficeintro{
padding:100px 0;
background:#ffffff;
}
.eipmmumofficeintrogrid{
display:grid;
grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
gap:65px;
align-items:center;
}
.eipmmumofficeintrocontent{
min-width:0;
text-align:left;
}
.eipmmumofficeintrocontent h2,
.eipmmumofficeprocessintro h2,
.eipmmumofficewhyintro h2,
.eipmmumofficefaqintro h2{
margin:0 0 23px;
color:#173d69;
font-size:43px;
font-weight:800;
line-height:1.25;
text-align:left;
}
.eipmmumofficeintrocontent h2 span,
.eipmmumofficeprocessintro h2 span,
.eipmmumofficewhyintro h2 span,
.eipmmumofficefaqintro h2 span{
color:#e53935;
}
.eipmmumofficeintrocontent p,
.eipmmumofficeprocessintro > p,
.eipmmumofficewhyintro > p,
.eipmmumofficefaqintro > p{
margin:0 0 17px;
color:#68717d;
font-size:15px;
line-height:1.9;
text-align:left;
}
.eipmmumofficelead{
color:#46505c !important;
font-size:16px !important;
}
.eipmmumofficehighlight{
display:flex;
align-items:flex-start;
gap:16px;
margin:28px 0;
padding:20px;
background:#f5f7fa;
border-left:4px solid #e53935;
border-radius:0 9px 9px 0;
}
.eipmmumofficehighlighticon{
width:48px;
height:48px;
min-width:48px;
display:flex;
align-items:center;
justify-content:center;
background:#173d69;
color:#ffffff;
border-radius:9px;
font-size:18px;
}
.eipmmumofficehighlight span{
display:block;
margin-bottom:4px;
color:#173d69;
font-size:14px;
font-weight:700;
}
.eipmmumofficehighlight p{
margin:0;
color:#707985;
font-size:12px;
line-height:1.7;
}
.eipmmumofficeintroactions{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:13px;
}
.eipmmumofficeprimarybtn,
.eipmmumofficecallbtn,
.eipmmumofficeplanbtn,
.eipmmumofficefaqbtn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
min-height:54px;
padding:14px 23px;
border-radius:7px;
text-decoration:none;
font-size:13px;
font-weight:700;
transition:.35s ease;
}
.eipmmumofficeprimarybtn{
background:#173d69;
color:#ffffff;
}
.eipmmumofficecallbtn{
background:#e53935;
color:#173d69;
}
.eipmmumofficeprimarybtn:hover,
.eipmmumofficecallbtn:hover,
.eipmmumofficeplanbtn:hover,
.eipmmumofficefaqbtn:hover{
transform:translateY(-3px);
}
/*==================================================
OFFICE PLANNING BOX
==================================================*/
.eipmmumofficeplan{
position:relative;
padding:42px;
background:#173d69;
border-radius:20px;
box-shadow:0 25px 60px rgba(23,61,105,.18);
overflow:hidden;
}
.eipmmumofficeplan::before{
content:"";
position:absolute;
width:250px;
height:250px;
top:-160px;
right:-150px;
border:45px solid rgba(255,255,255,.035);
border-radius:50%;
}
.eipmmumofficeplantop,
.eipmmumofficeplanlist,
.eipmmumofficeplanbtn{
position:relative;
z-index:2;
}
.eipmmumofficeplantop{
margin-bottom:25px;
text-align:left;
}
.eipmmumofficeplantop > span{
display:block;
margin-bottom:7px;
color:#e53935;
font-size:10px;
font-weight:800;
letter-spacing:1px;
text-transform:uppercase;
}
.eipmmumofficeplantop h3{
margin:0 0 10px;
color:#ffffff;
font-size:27px;
font-weight:800;
line-height:1.4;
text-align:left;
}
.eipmmumofficeplantop p{
margin:0;
color:rgba(255,255,255,.65);
font-size:13px;
line-height:1.8;
}
.eipmmumofficeplanlist{
display:flex;
flex-direction:column;
gap:12px;
}
.eipmmumofficeplanitem{
display:flex;
align-items:flex-start;
gap:15px;
padding:16px;
background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.09);
border-radius:9px;
}
.eipmmumofficeplannumber{
width:39px;
height:39px;
min-width:39px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#173d69;
border-radius:7px;
font-size:11px;
font-weight:800;
}
.eipmmumofficeplanitem h4{
margin:0 0 4px;
color:#ffffff;
font-size:14px;
font-weight:700;
}
.eipmmumofficeplanitem p{
margin:0;
color:rgba(255,255,255,.64);
font-size:12px;
line-height:1.6;
}
.eipmmumofficeplanbtn{
width:100%;
margin-top:22px;
background:#e53935;
color:#173d69;
}
/*==================================================
COMMON SECTION HEAD
==================================================*/
.eipmmumofficehead{
max-width:760px;
margin:0 auto 55px;
text-align:center;
}
.eipmmumofficehead > span{
color:#e53935;
font-size:11px;
font-weight:800;
letter-spacing:1px;
text-transform:uppercase;
}
.eipmmumofficehead h2{
margin:10px 0 16px;
color:#173d69;
font-size:42px;
font-weight:800;
line-height:1.3;
}
.eipmmumofficehead h2 strong{
color:#e53935;
}
.eipmmumofficehead p{
margin:0;
color:#707985;
font-size:15px;
line-height:1.8;
}
/*==================================================
OFFICE GOODS
==================================================*/
.eipmmumofficegoods{
padding:95px 0;
background:#f5f7fa;
}
.eipmmumofficegoodsgrid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:20px;
}
.eipmmumofficegoodscard{
position:relative;
padding:32px 25px;
background:#ffffff;
border:1px solid #e5eaf0;
border-radius:14px;
text-align:left;
overflow:hidden;
transition:.35s ease;
}
.eipmmumofficegoodscard:hover{
transform:translateY(-7px);
box-shadow:0 20px 45px rgba(23,61,105,.10);
}
.eipmmumofficegoodsicon{
width:58px;
height:58px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:22px;
background:#173d69;
color:#ffffff;
border-radius:11px;
font-size:21px;
}
.eipmmumofficegoodscard h3{
margin:0 0 10px;
color:#173d69;
font-size:18px;
line-height:1.5;
}
.eipmmumofficegoodscard p{
margin:0 0 20px;
color:#707985;
font-size:13px;
line-height:1.8;
}
.eipmmumofficegoodscard > span{
display:inline-block;
padding:6px 11px;
background:rgba(244,180,0,.14);
color:#173d69;
border-radius:50px;
font-size:9px;
font-weight:800;
text-transform:uppercase;
}
/*==================================================
OFFICE PROCESS
==================================================*/
.eipmmumofficeprocess{
padding:100px 0;
background:#ffffff;
}
.eipmmumofficeprocessgrid{
display:grid;
grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
gap:70px;
align-items:center;
}
.eipmmumofficeprocessintro{
text-align:left;
}
.eipmmumofficeprocessnote{
display:flex;
align-items:flex-start;
gap:13px;
margin:28px 0;
padding:18px;
background:#f5f7fa;
border-left:4px solid #e53935;
}
.eipmmumofficeprocessnote i{
margin-top:5px;
color:#173d69;
font-size:15px;
}
.eipmmumofficeprocessnote p{
margin:0;
color:#68717d;
font-size:12px;
line-height:1.8;
}
.eipmmumofficesteps{
position:relative;
display:flex;
flex-direction:column;
gap:17px;
}
.eipmmumofficesteps::before{
content:"";
position:absolute;
top:45px;
bottom:45px;
left:34px;
width:2px;
background:#e2e7ed;
}
.eipmmumofficestep{
position:relative;
z-index:2;
display:grid;
grid-template-columns:68px minmax(0,1fr);
gap:22px;
align-items:center;
}
.eipmmumofficestepnumber{
width:68px;
height:68px;
display:flex;
align-items:center;
justify-content:center;
background:#173d69;
border:7px solid #ffffff;
border-radius:50%;
box-shadow:0 7px 20px rgba(23,61,105,.15);
color:#ffffff;
font-size:14px;
font-weight:800;
}
.eipmmumofficestepcontent{
padding:20px 23px;
background:#f7f9fb;
border:1px solid #e4e9ef;
border-radius:10px;
text-align:left;
}
.eipmmumofficestepcontent > span{
display:block;
margin-bottom:4px;
color:#e53935;
font-size:9px;
font-weight:800;
letter-spacing:.8px;
}
.eipmmumofficestepcontent h3{
margin:0 0 6px;
color:#173d69;
font-size:16px;
font-weight:700;
}
.eipmmumofficestepcontent p{
margin:0;
color:#707985;
font-size:12px;
line-height:1.7;
}
/*==================================================
WHY CHOOSE
==================================================*/
.eipmmumofficewhy{
padding:100px 0;
background:#f5f7fa;
}
.eipmmumofficewhygrid{
display:grid;
grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
gap:70px;
align-items:center;
}
.eipmmumofficewhyintro{
text-align:left;
}
.eipmmumofficewhycall{
display:flex;
align-items:center;
gap:14px;
margin-top:30px;
padding:20px;
background:#173d69;
border-radius:10px;
}
.eipmmumofficewhycallicon{
width:50px;
height:50px;
min-width:50px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#173d69;
border-radius:50%;
font-size:18px;
}
.eipmmumofficewhycall span{
display:block;
color:rgba(255,255,255,.6);
font-size:10px;
}
.eipmmumofficewhycall a{
color:#ffffff;
text-decoration:none;
font-size:18px;
font-weight:800;
}
.eipmmumofficewhyfeatures{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
}
.eipmmumofficewhybox{
position:relative;
padding:28px;
background:#ffffff;
border:1px solid #e5eaf0;
border-radius:13px;
text-align:left;
overflow:hidden;
}
.eipmmumofficewhybox > span{
position:absolute;
top:18px;
right:20px;
color:rgba(23,61,105,.07);
font-size:38px;
font-weight:800;
}
.eipmmumofficewhyicon{
width:52px;
height:52px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:20px;
background:#173d69;
color:#ffffff;
border-radius:10px;
font-size:19px;
}
.eipmmumofficewhybox h3{
margin:0 0 9px;
color:#173d69;
font-size:17px;
}
.eipmmumofficewhybox p{
margin:0;
color:#707985;
font-size:13px;
line-height:1.8;
}
/*==================================================
OFFICE TYPES
==================================================*/
.eipmmumofficetypes{
padding:95px 0;
background:#ffffff;
}
.eipmmumofficetypesgrid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:18px;
}
.eipmmumofficetypeitem{
padding:30px 24px;
background:#173d69;
border-bottom:5px solid #e53935;
border-radius:12px;
text-align:left;
transition:.35s ease;
}
.eipmmumofficetypeitem:hover{
transform:translateY(-6px);
}
.eipmmumofficetypeitem > i{
display:block;
margin-bottom:20px;
color:#e53935;
font-size:29px;
}
.eipmmumofficetypeitem h3{
margin:0 0 9px;
color:#ffffff;
font-size:17px;
}
.eipmmumofficetypeitem p{
margin:0;
color:rgba(255,255,255,.68);
font-size:12px;
line-height:1.8;
}
/*==================================================
FAQ
==================================================*/
.eipmmumofficefaq{
padding:100px 0;
background:#f5f7fa;
}
.eipmmumofficefaqgrid{
display:grid;
grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
gap:70px;
align-items:start;
}
.eipmmumofficefaqintro{
text-align:left;
}
.eipmmumofficefaqbtn{
margin-top:15px;
background:#173d69;
color:#ffffff;
}
.eipmmumofficefaqlist{
display:flex;
flex-direction:column;
gap:13px;
}
.eipmmumofficefaqitem{
background:#ffffff;
border:1px solid #e4e9ef;
border-radius:9px;
overflow:hidden;
}
.eipmmumofficefaqitem summary{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding:20px 22px;
color:#173d69;
font-size:14px;
font-weight:700;
cursor:pointer;
list-style:none;
}
.eipmmumofficefaqitem summary::-webkit-details-marker{
display:none;
}
.eipmmumofficefaqitem summary i{
font-size:12px;
transition:transform .3s ease;
}
.eipmmumofficefaqitem[open] summary i{
transform:rotate(45deg);
}
.eipmmumofficefaqitem p{
margin:0;
padding:0 22px 21px;
color:#707985;
font-size:13px;
line-height:1.8;
}
/*==================================================
CTA
==================================================*/
.eipmmumofficecta{
position:relative;
padding:75px 0;
background:#173d69;
overflow:hidden;
}
.eipmmumofficecta::after{
content:"";
position:absolute;
width:280px;
height:280px;
right:-150px;
bottom:-190px;
background:rgba(244,180,0,.08);
border-radius:50%;
}
.eipmmumofficectawrap{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:space-between;
gap:45px;
}
.eipmmumofficectacontent{
max-width:730px;
text-align:left;
}
.eipmmumofficectacontent > span{
display:block;
margin-bottom:7px;
color:#e53935;
font-size:11px;
font-weight:800;
text-transform:uppercase;
}
.eipmmumofficectacontent h2{
margin:0 0 10px;
color:#ffffff;
font-size:35px;
font-weight:800;
line-height:1.3;
}
.eipmmumofficectacontent p{
margin:0;
color:rgba(255,255,255,.70);
font-size:14px;
line-height:1.8;
}
.eipmmumofficectaactions{
display:flex;
align-items:center;
gap:12px;
min-width:max-content;
}
.eipmmumofficectaprimary,
.eipmmumofficectacall{
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
min-height:54px;
padding:14px 22px;
border-radius:7px;
text-decoration:none;
font-size:13px;
font-weight:700;
transition:.35s ease;
}
.eipmmumofficectaprimary{
background:#e53935;
color:#173d69;
}
.eipmmumofficectacall{
background:#ffffff;
color:#173d69;
}
.eipmmumofficectaprimary:hover,
.eipmmumofficectacall:hover{
transform:translateY(-3px);
}
/*==================================================
TABLET
==================================================*/
@media(max-width:991px){
.eipmmumofficebreadwrap{
align-items:flex-start;
gap:35px;
}
.eipmmumofficebreadcontent h1{
font-size:40px;
}
.eipmmumofficebreadside{
max-width:310px;
}
.eipmmumofficeintrogrid,
.eipmmumofficeprocessgrid,
.eipmmumofficewhygrid,
.eipmmumofficefaqgrid{
grid-template-columns:1fr;
gap:50px;
}
.eipmmumofficegoodsgrid,
.eipmmumofficetypesgrid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.eipmmumofficeintrocontent h2,
.eipmmumofficeprocessintro h2,
.eipmmumofficewhyintro h2,
.eipmmumofficefaqintro h2,
.eipmmumofficehead h2{
font-size:38px;
}
.eipmmumofficectawrap{
flex-direction:column;
align-items:flex-start;
}
}
/*==================================================
MOBILE
==================================================*/
@media(max-width:767px){
.eipmmumofficebread{
padding:55px 0;
}
.eipmmumofficebreadwrap{
flex-direction:column;
align-items:stretch;
gap:30px;
}
.eipmmumofficebreadcontent h1{
font-size:33px;
}
.eipmmumofficebreadside{
max-width:100%;
}
.eipmmumofficeintro,
.eipmmumofficeprocess,
.eipmmumofficewhy,
.eipmmumofficefaq{
padding:65px 0;
}
.eipmmumofficegoods,
.eipmmumofficetypes{
padding:65px 0;
}
.eipmmumofficeintrocontent h2,
.eipmmumofficeprocessintro h2,
.eipmmumofficewhyintro h2,
.eipmmumofficefaqintro h2,
.eipmmumofficehead h2{
font-size:30px;
}
.eipmmumofficeintroactions{
flex-direction:column;
align-items:stretch;
}
.eipmmumofficeprimarybtn,
.eipmmumofficecallbtn{
width:100%;
}
.eipmmumofficeplan{
padding:32px 23px;
}
.eipmmumofficegoodsgrid,
.eipmmumofficewhyfeatures,
.eipmmumofficetypesgrid{
grid-template-columns:1fr;
}
.eipmmumofficehead{
margin-bottom:40px;
text-align:left;
}
.eipmmumofficehead h2,
.eipmmumofficehead p{
text-align:left;
}
.eipmmumofficestep{
grid-template-columns:55px minmax(0,1fr);
gap:14px;
}
.eipmmumofficesteps::before{
left:27px;
}
.eipmmumofficestepnumber{
width:55px;
height:55px;
border-width:5px;
font-size:12px;
}
.eipmmumofficestepcontent{
padding:18px;
}
.eipmmumofficecta{
padding:60px 0;
}
.eipmmumofficectacontent h2{
font-size:28px;
}
.eipmmumofficectaactions{
width:100%;
min-width:0;
flex-direction:column;
align-items:stretch;
}
.eipmmumofficectaprimary,
.eipmmumofficectacall{
width:100%;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media(max-width:480px){
.eipmmumofficebreadcontent h1{
font-size:29px;
}
.eipmmumofficebreadside{
padding:18px 15px;
}
.eipmmumofficebreadicon{
width:52px;
height:52px;
min-width:52px;
font-size:20px;
}
.eipmmumofficeintrocontent h2,
.eipmmumofficeprocessintro h2,
.eipmmumofficewhyintro h2,
.eipmmumofficefaqintro h2,
.eipmmumofficehead h2{
font-size:27px;
}
.eipmmumofficeplan{
padding:28px 18px;
}
.eipmmumofficeplantop h3{
font-size:23px;
}
.eipmmumofficegoodscard,
.eipmmumofficewhybox,
.eipmmumofficetypeitem{
padding:25px 20px;
}
.eipmmumofficestep{
grid-template-columns:48px minmax(0,1fr);
gap:11px;
}
.eipmmumofficesteps::before{
left:23px;
}
.eipmmumofficestepnumber{
width:48px;
height:48px;
font-size:10px;
}
.eipmmumofficestepcontent{
padding:16px 14px;
}
.eipmmumofficestepcontent h3{
font-size:14px;
}
.eipmmumofficefaqitem summary{
padding:18px;
font-size:13px;
}
.eipmmumofficefaqitem p{
padding:0 18px 19px;
}
}
/*==================================================
VEHICLE PAGE GLOBAL
==================================================*/
.eipmmumvehiclebread,
.eipmmumvehicleintro,
.eipmmumvehicleservices,
.eipmmumvehicleprocess,
.eipmmumvehicleprepare,
.eipmmumvehiclewhy,
.eipmmumvehiclefaq,
.eipmmumvehiclecta{
font-family:"Poppins",sans-serif;
}
.eipmmumvehicleeyebrow{
display:inline-block;
margin:0 0 15px;
color:#e53935;
font-size:11px;
font-weight:800;
letter-spacing:1px;
line-height:1.5;
text-transform:uppercase;
}
/*==================================================
BREADCRUMB
==================================================*/
.eipmmumvehiclebread{
position:relative;
width:100%;
padding:85px 0;
background:#173d69;
overflow:hidden;
}
.eipmmumvehiclebread::before{
content:"";
position:absolute;
width:460px;
height:460px;
top:-310px;
right:-180px;
border:75px solid rgba(255,255,255,.035);
border-radius:50%;
pointer-events:none;
}
.eipmmumvehiclebread::after{
content:"";
position:absolute;
width:300px;
height:300px;
left:-170px;
bottom:-210px;
background:rgba(244,180,0,.09);
border-radius:50%;
pointer-events:none;
}
.eipmmumvehiclebreadwrap{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:space-between;
gap:50px;
}
.eipmmumvehiclebreadcontent{
flex:1;
max-width:760px;
min-width:0;
text-align:left;
}
.eipmmumvehiclebreadlabel{
display:inline-flex;
align-items:center;
margin:0 0 16px;
padding:8px 16px;
background:rgba(244,180,0,.14);
border-left:4px solid #e53935;
border-radius:0 5px 5px 0;
color:#e53935;
font-size:11px;
font-weight:800;
letter-spacing:.8px;
text-transform:uppercase;
}
.eipmmumvehiclebreadcontent h1{
margin:0 0 15px;
color:#ffffff;
font-size:48px;
font-weight:800;
line-height:1.2;
text-align:left;
}
.eipmmumvehiclebreadcontent p{
max-width:680px;
margin:0 0 23px;
color:rgba(255,255,255,.72);
font-size:15px;
line-height:1.8;
text-align:left;
}
.eipmmumvehiclebreadcrumb{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:11px;
}
.eipmmumvehiclebreadcrumb a{
display:inline-flex;
align-items:center;
gap:7px;
color:#ffffff;
text-decoration:none;
font-size:13px;
font-weight:600;
}
.eipmmumvehiclebreadcrumb > i{
color:rgba(255,255,255,.35);
font-size:9px;
}
.eipmmumvehiclebreadcrumb > span{
color:#e53935;
font-size:13px;
font-weight:700;
}
.eipmmumvehiclebreadside{
display:flex;
align-items:center;
gap:17px;
width:100%;
max-width:385px;
padding:23px 24px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.12);
border-radius:14px;
text-align:left;
}
.eipmmumvehiclebreadicon{
width:66px;
height:66px;
min-width:66px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#173d69;
border-radius:12px;
font-size:25px;
}
.eipmmumvehiclebreadsidetext{
min-width:0;
text-align:left;
}
.eipmmumvehiclebreadsidetext > span{
display:block;
margin-bottom:3px;
color:rgba(255,255,255,.6);
font-size:10px;
font-weight:700;
text-transform:uppercase;
}
.eipmmumvehiclebreadsidetext h2{
margin:0 0 7px;
color:#ffffff;
font-size:17px;
font-weight:700;
line-height:1.4;
}
.eipmmumvehiclebreadsidetext a{
display:inline-flex;
align-items:center;
gap:7px;
color:#e53935;
text-decoration:none;
font-size:12px;
font-weight:700;
}
/*==================================================
INTRO
==================================================*/
.eipmmumvehicleintro{
padding:100px 0;
background:#ffffff;
}
.eipmmumvehicleintrogrid{
display:grid;
grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
gap:65px;
align-items:center;
}
.eipmmumvehicleintrocontent{
text-align:left;
}
.eipmmumvehicleintrocontent h2,
.eipmmumvehicleprocessintro h2,
.eipmmumvehiclepreparecontent h2,
.eipmmumvehiclefaqintro h2{
margin:0 0 23px;
color:#173d69;
font-size:43px;
font-weight:800;
line-height:1.25;
text-align:left;
}
.eipmmumvehicleintrocontent h2 span,
.eipmmumvehicleprocessintro h2 span,
.eipmmumvehiclepreparecontent h2 span,
.eipmmumvehiclefaqintro h2 span{
color:#e53935;
}
.eipmmumvehicleintrocontent p,
.eipmmumvehicleprocessintro > p,
.eipmmumvehiclepreparecontent p,
.eipmmumvehiclefaqintro > p{
margin:0 0 17px;
color:#68717d;
font-size:15px;
line-height:1.9;
text-align:left;
}
.eipmmumvehiclelead{
color:#46505c !important;
font-size:16px !important;
}
.eipmmumvehicleintrofeatures{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
margin:29px 0;
}
.eipmmumvehicleintrofeature{
display:flex;
align-items:center;
gap:10px;
color:#394451;
font-size:13px;
font-weight:600;
}
.eipmmumvehicleintrofeature i{
width:25px;
height:25px;
min-width:25px;
display:flex;
align-items:center;
justify-content:center;
background:rgba(244,180,0,.16);
color:#173d69;
border-radius:50%;
font-size:10px;
}
.eipmmumvehicleintroactions{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:13px;
}
.eipmmumvehicleprimarybtn,
.eipmmumvehiclecallbtn,
.eipmmumvehiclequickbtn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
min-height:54px;
padding:14px 23px;
border-radius:7px;
text-decoration:none;
font-size:13px;
font-weight:700;
transition:.35s ease;
}
.eipmmumvehicleprimarybtn{
background:#173d69;
color:#ffffff;
}
.eipmmumvehiclecallbtn{
background:#e53935;
color:#173d69;
}
.eipmmumvehicleprimarybtn:hover,
.eipmmumvehiclecallbtn:hover,
.eipmmumvehiclequickbtn:hover{
transform:translateY(-3px);
}
/*==================================================
QUICK BOX
==================================================*/
.eipmmumvehiclequickbox{
position:relative;
padding:42px;
background:#173d69;
border-radius:20px;
box-shadow:0 25px 60px rgba(23,61,105,.18);
overflow:hidden;
}
.eipmmumvehiclequickbox::before{
content:"";
position:absolute;
width:250px;
height:250px;
top:-160px;
right:-150px;
border:45px solid rgba(255,255,255,.035);
border-radius:50%;
}
.eipmmumvehiclequicktop{
position:relative;
z-index:2;
display:flex;
align-items:center;
gap:16px;
margin-bottom:25px;
}
.eipmmumvehiclequickicon{
width:60px;
height:60px;
min-width:60px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#173d69;
border-radius:11px;
font-size:22px;
}
.eipmmumvehiclequicktop span{
display:block;
margin-bottom:4px;
color:#e53935;
font-size:9px;
font-weight:800;
text-transform:uppercase;
}
.eipmmumvehiclequicktop h3{
margin:0;
color:#ffffff;
font-size:21px;
font-weight:800;
line-height:1.4;
}
.eipmmumvehiclequicklist{
position:relative;
z-index:2;
display:flex;
flex-direction:column;
gap:12px;
}
.eipmmumvehiclequickitem{
display:flex;
align-items:flex-start;
gap:15px;
padding:16px;
background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.09);
border-radius:9px;
}
.eipmmumvehiclequickitem > span{
width:39px;
height:39px;
min-width:39px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#173d69;
border-radius:7px;
font-size:11px;
font-weight:800;
}
.eipmmumvehiclequickitem h4{
margin:0 0 4px;
color:#ffffff;
font-size:14px;
}
.eipmmumvehiclequickitem p{
margin:0;
color:rgba(255,255,255,.64);
font-size:12px;
line-height:1.6;
}
.eipmmumvehiclequickbtn{
position:relative;
z-index:2;
width:100%;
margin-top:22px;
background:#e53935;
color:#173d69;
}
/*==================================================
COMMON HEADING
==================================================*/
.eipmmumvehicleheading{
max-width:760px;
margin:0 auto 55px;
text-align:center;
}
.eipmmumvehicleheading > span{
color:#e53935;
font-size:11px;
font-weight:800;
letter-spacing:1px;
text-transform:uppercase;
}
.eipmmumvehicleheading h2{
margin:10px 0 16px;
color:#173d69;
font-size:42px;
font-weight:800;
line-height:1.3;
}
.eipmmumvehicleheading h2 strong{
color:#e53935;
}
.eipmmumvehicleheading p{
margin:0;
color:#707985;
font-size:15px;
line-height:1.8;
}
/*==================================================
CAR & BIKE SERVICES
==================================================*/
.eipmmumvehicleservices{
padding:95px 0;
background:#f5f7fa;
}
.eipmmumvehicleservicesgrid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:25px;
}
.eipmmumvehicleservicecard{
padding:42px;
background:#ffffff;
border:1px solid #e4e9ef;
border-top:5px solid #173d69;
border-radius:15px;
text-align:left;
transition:.35s ease;
}
.eipmmumvehicleservicebike{
border-top-color:#e53935;
}
.eipmmumvehicleservicecard:hover{
transform:translateY(-7px);
box-shadow:0 20px 50px rgba(23,61,105,.1);
}
.eipmmumvehicleservicetop{
display:flex;
align-items:center;
gap:14px;
margin-bottom:25px;
}
.eipmmumvehicleserviceicon{
width:62px;
height:62px;
display:flex;
align-items:center;
justify-content:center;
background:#173d69;
color:#ffffff;
border-radius:11px;
font-size:24px;
}
.eipmmumvehicleservicebike .eipmmumvehicleserviceicon{
background:#e53935;
color:#173d69;
}
.eipmmumvehicleservicetop > span{
color:#e53935;
font-size:10px;
font-weight:800;
letter-spacing:1px;
}
.eipmmumvehicleservicecard h3{
margin:0 0 14px;
color:#173d69;
font-size:25px;
font-weight:800;
line-height:1.4;
}
.eipmmumvehicleservicecard > p{
margin:0 0 23px;
color:#707985;
font-size:14px;
line-height:1.9;
}
.eipmmumvehicleservicecard ul{
display:flex;
flex-direction:column;
gap:12px;
margin:0 0 28px;
padding:0;
list-style:none;
}
.eipmmumvehicleservicecard li{
display:flex;
align-items:center;
gap:10px;
color:#46505c;
font-size:13px;
font-weight:600;
}
.eipmmumvehicleservicecard li i{
color:#e53935;
font-size:14px;
}
.eipmmumvehicleservicecard > a{
display:inline-flex;
align-items:center;
gap:9px;
color:#173d69;
text-decoration:none;
font-size:13px;
font-weight:800;
}
/*==================================================
PROCESS
==================================================*/
.eipmmumvehicleprocess{
padding:100px 0;
background:#ffffff;
}
.eipmmumvehicleprocessgrid{
display:grid;
grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
gap:70px;
align-items:center;
}
.eipmmumvehicleprocessintro{
text-align:left;
}
.eipmmumvehicleprocesshelp{
display:flex;
align-items:center;
gap:14px;
margin-top:30px;
padding:20px;
background:#173d69;
border-radius:10px;
}
.eipmmumvehicleprocesshelpicon{
width:50px;
height:50px;
min-width:50px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#173d69;
border-radius:50%;
font-size:18px;
}
.eipmmumvehicleprocesshelp span{
display:block;
color:rgba(255,255,255,.6);
font-size:10px;
}
.eipmmumvehicleprocesshelp a{
color:#ffffff;
text-decoration:none;
font-size:18px;
font-weight:800;
}
.eipmmumvehicleprocesssteps{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
}
.eipmmumvehicleprocessstep{
position:relative;
padding:25px;
background:#f7f9fb;
border:1px solid #e4e9ef;
border-radius:13px;
overflow:hidden;
}
.eipmmumvehicleprocessnumber{
position:absolute;
top:15px;
right:18px;
color:rgba(23,61,105,.07);
font-size:42px;
font-weight:800;
}
.eipmmumvehicleprocesscontent{
position:relative;
z-index:2;
text-align:left;
}
.eipmmumvehicleprocessicon{
width:53px;
height:53px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:20px;
background:#173d69;
color:#ffffff;
border-radius:10px;
font-size:19px;
}
.eipmmumvehicleprocesscontent h3{
margin:0 0 8px;
color:#173d69;
font-size:17px;
}
.eipmmumvehicleprocesscontent p{
margin:0;
color:#707985;
font-size:12px;
line-height:1.8;
}
/*==================================================
PREPARATION
==================================================*/
.eipmmumvehicleprepare{
padding:100px 0;
background:#f5f7fa;
}
.eipmmumvehiclepreparegrid{
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
gap:70px;
align-items:center;
}
.eipmmumvehiclechecklist{
padding:38px;
background:#173d69;
border-radius:18px;
}
.eipmmumvehiclecheckhead{
display:flex;
align-items:center;
gap:16px;
margin-bottom:25px;
}
.eipmmumvehiclecheckhead > i{
width:58px;
height:58px;
min-width:58px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#173d69;
border-radius:11px;
font-size:21px;
}
.eipmmumvehiclecheckhead span{
display:block;
margin-bottom:4px;
color:#e53935;
font-size:9px;
font-weight:800;
}
.eipmmumvehiclecheckhead h3{
margin:0;
color:#ffffff;
font-size:22px;
}
.eipmmumvehiclecheckitems{
display:flex;
flex-direction:column;
gap:12px;
}
.eipmmumvehiclecheckitem{
display:flex;
align-items:flex-start;
gap:14px;
padding:17px;
background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.09);
border-radius:9px;
}
.eipmmumvehiclecheckitem > i{
width:28px;
height:28px;
min-width:28px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#173d69;
border-radius:50%;
font-size:10px;
}
.eipmmumvehiclecheckitem h4{
margin:0 0 4px;
color:#ffffff;
font-size:14px;
}
.eipmmumvehiclecheckitem p{
margin:0;
color:rgba(255,255,255,.64);
font-size:12px;
line-height:1.7;
}
.eipmmumvehiclepreparecontent{
text-align:left;
}
/*==================================================
WHY CHOOSE
==================================================*/
.eipmmumvehiclewhy{
padding:95px 0;
background:#173d69;
}
.eipmmumvehicleheadinglight h2{
color:#ffffff;
}
.eipmmumvehicleheadinglight p{
color:rgba(255,255,255,.68);
}
.eipmmumvehiclewhygrid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:18px;
}
.eipmmumvehiclewhybox{
position:relative;
padding:30px 25px;
background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.11);
border-radius:13px;
text-align:left;
overflow:hidden;
transition:.35s ease;
}
.eipmmumvehiclewhybox:hover{
transform:translateY(-6px);
background:rgba(255,255,255,.1);
}
.eipmmumvehiclewhybox > span{
position:absolute;
top:18px;
right:20px;
color:rgba(255,255,255,.07);
font-size:39px;
font-weight:800;
}
.eipmmumvehiclewhyicon{
width:54px;
height:54px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:21px;
background:#e53935;
color:#173d69;
border-radius:10px;
font-size:20px;
}
.eipmmumvehiclewhybox h3{
margin:0 0 9px;
color:#ffffff;
font-size:17px;
}
.eipmmumvehiclewhybox p{
margin:0;
color:rgba(255,255,255,.66);
font-size:13px;
line-height:1.8;
}
/*==================================================
FAQ
==================================================*/
.eipmmumvehiclefaq{
padding:100px 0;
background:#ffffff;
}
.eipmmumvehiclefaqgrid{
display:grid;
grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
gap:70px;
align-items:start;
}
.eipmmumvehiclefaqintro{
text-align:left;
}
.eipmmumvehiclefaqcall{
display:flex;
align-items:center;
gap:14px;
margin-top:30px;
padding:20px;
background:#173d69;
border-radius:10px;
}
.eipmmumvehiclefaqcall > i{
width:48px;
height:48px;
min-width:48px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#173d69;
border-radius:50%;
}
.eipmmumvehiclefaqcall span{
display:block;
color:rgba(255,255,255,.6);
font-size:10px;
}
.eipmmumvehiclefaqcall a{
color:#ffffff;
text-decoration:none;
font-size:18px;
font-weight:800;
}
.eipmmumvehiclefaqlist{
display:flex;
flex-direction:column;
gap:13px;
}
.eipmmumvehiclefaqitem{
background:#f7f9fb;
border:1px solid #e4e9ef;
border-radius:9px;
overflow:hidden;
}
.eipmmumvehiclefaqitem summary{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding:20px 22px;
color:#173d69;
font-size:14px;
font-weight:700;
cursor:pointer;
list-style:none;
}
.eipmmumvehiclefaqitem summary::-webkit-details-marker{
display:none;
}
.eipmmumvehiclefaqitem summary i{
font-size:12px;
transition:transform .3s ease;
}
.eipmmumvehiclefaqitem[open] summary i{
transform:rotate(45deg);
}
.eipmmumvehiclefaqitem p{
margin:0;
padding:0 22px 21px;
color:#707985;
font-size:13px;
line-height:1.8;
}
/*==================================================
FINAL CTA
==================================================*/
.eipmmumvehiclecta{
position:relative;
padding:75px 0;
background:#173d69;
overflow:hidden;
}
.eipmmumvehiclecta::after{
content:"";
position:absolute;
width:280px;
height:280px;
right:-150px;
bottom:-190px;
background:rgba(244,180,0,.08);
border-radius:50%;
}
.eipmmumvehiclectawrap{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:space-between;
gap:45px;
}
.eipmmumvehiclectacontent{
max-width:730px;
text-align:left;
}
.eipmmumvehiclectacontent > span{
display:block;
margin-bottom:7px;
color:#e53935;
font-size:11px;
font-weight:800;
text-transform:uppercase;
}
.eipmmumvehiclectacontent h2{
margin:0 0 10px;
color:#ffffff;
font-size:35px;
font-weight:800;
line-height:1.3;
}
.eipmmumvehiclectacontent p{
margin:0;
color:rgba(255,255,255,.7);
font-size:14px;
line-height:1.8;
}
.eipmmumvehiclectaactions{
display:flex;
align-items:center;
gap:12px;
min-width:max-content;
}
.eipmmumvehiclectaprimary,
.eipmmumvehiclectacall{
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
min-height:54px;
padding:14px 22px;
border-radius:7px;
text-decoration:none;
font-size:13px;
font-weight:700;
transition:.35s ease;
}
.eipmmumvehiclectaprimary{
background:#e53935;
color:#173d69;
}
.eipmmumvehiclectacall{
background:#ffffff;
color:#173d69;
}
.eipmmumvehiclectaprimary:hover,
.eipmmumvehiclectacall:hover{
transform:translateY(-3px);
}
/*==================================================
TABLET
==================================================*/
@media(max-width:991px){
.eipmmumvehiclebreadwrap{
align-items:flex-start;
gap:35px;
}
.eipmmumvehiclebreadcontent h1{
font-size:40px;
}
.eipmmumvehiclebreadside{
max-width:310px;
}
.eipmmumvehicleintrogrid,
.eipmmumvehicleprocessgrid,
.eipmmumvehiclepreparegrid,
.eipmmumvehiclefaqgrid{
grid-template-columns:1fr;
gap:50px;
}
.eipmmumvehiclewhygrid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.eipmmumvehicleintrocontent h2,
.eipmmumvehicleprocessintro h2,
.eipmmumvehiclepreparecontent h2,
.eipmmumvehiclefaqintro h2,
.eipmmumvehicleheading h2{
font-size:38px;
}
.eipmmumvehiclectawrap{
flex-direction:column;
align-items:flex-start;
}
}
/*==================================================
MOBILE
==================================================*/
@media(max-width:767px){
.eipmmumvehiclebread{
padding:55px 0;
}
.eipmmumvehiclebreadwrap{
flex-direction:column;
align-items:stretch;
gap:30px;
}
.eipmmumvehiclebreadcontent h1{
font-size:33px;
}
.eipmmumvehiclebreadside{
max-width:100%;
}
.eipmmumvehicleintro,
.eipmmumvehicleservices,
.eipmmumvehicleprocess,
.eipmmumvehicleprepare,
.eipmmumvehiclewhy,
.eipmmumvehiclefaq{
padding:65px 0;
}
.eipmmumvehicleintrocontent h2,
.eipmmumvehicleprocessintro h2,
.eipmmumvehiclepreparecontent h2,
.eipmmumvehiclefaqintro h2,
.eipmmumvehicleheading h2{
font-size:30px;
}
.eipmmumvehicleintrofeatures,
.eipmmumvehicleservicesgrid,
.eipmmumvehicleprocesssteps,
.eipmmumvehiclewhygrid{
grid-template-columns:1fr;
}
.eipmmumvehicleintroactions{
flex-direction:column;
align-items:stretch;
}
.eipmmumvehicleprimarybtn,
.eipmmumvehiclecallbtn{
width:100%;
}
.eipmmumvehiclequickbox{
padding:32px 23px;
}
.eipmmumvehicleheading{
margin-bottom:40px;
text-align:left;
}
.eipmmumvehicleheading h2,
.eipmmumvehicleheading p{
text-align:left;
}
.eipmmumvehicleservicecard{
padding:32px 24px;
}
.eipmmumvehiclechecklist{
padding:30px 22px;
}
.eipmmumvehiclecta{
padding:60px 0;
}
.eipmmumvehiclectacontent h2{
font-size:28px;
}
.eipmmumvehiclectaactions{
width:100%;
min-width:0;
flex-direction:column;
align-items:stretch;
}
.eipmmumvehiclectaprimary,
.eipmmumvehiclectacall{
width:100%;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media(max-width:480px){
.eipmmumvehiclebreadcontent h1{
font-size:29px;
}
.eipmmumvehiclebreadside{
padding:18px 15px;
}
.eipmmumvehiclebreadicon{
width:52px;
height:52px;
min-width:52px;
font-size:20px;
}
.eipmmumvehicleintrocontent h2,
.eipmmumvehicleprocessintro h2,
.eipmmumvehiclepreparecontent h2,
.eipmmumvehiclefaqintro h2,
.eipmmumvehicleheading h2{
font-size:27px;
}
.eipmmumvehiclequickbox{
padding:28px 18px;
}
.eipmmumvehiclequicktop h3{
font-size:19px;
}
.eipmmumvehicleservicecard{
padding:28px 20px;
}
.eipmmumvehicleservicecard h3{
font-size:22px;
}
.eipmmumvehicleprocessstep{
padding:22px 19px;
}
.eipmmumvehiclechecklist{
padding:27px 18px;
}
.eipmmumvehiclecheckhead h3{
font-size:19px;
}
.eipmmumvehiclewhybox{
padding:26px 21px;
}
.eipmmumvehiclefaqitem summary{
padding:18px;
font-size:13px;
}
.eipmmumvehiclefaqitem p{
padding:0 18px 19px;
}
}
/*==================================================
STORAGE GLOBAL
==================================================*/
.eipmmumstoragebread,
.eipmmumstorageintro,
.eipmmumstoragetypes,
.eipmmumstoragesituations,
.eipmmumstorageprocess,
.eipmmumstorageprepare,
.eipmmumstoragewhy,
.eipmmumstoragefaq,
.eipmmumstoragecta{
font-family:"Poppins",sans-serif;
}
.eipmmumstorageeyebrow{
display:inline-block;
margin:0 0 15px;
color:#e53935;
font-size:11px;
font-weight:800;
letter-spacing:1px;
line-height:1.5;
text-transform:uppercase;
}
/*==================================================
BREADCRUMB
==================================================*/
.eipmmumstoragebread{
position:relative;
width:100%;
padding:85px 0;
background:#173d69;
overflow:hidden;
}
.eipmmumstoragebread::before{
content:"";
position:absolute;
width:460px;
height:460px;
top:-310px;
right:-180px;
border:75px solid rgba(255,255,255,.035);
border-radius:50%;
}
.eipmmumstoragebread::after{
content:"";
position:absolute;
width:300px;
height:300px;
left:-170px;
bottom:-210px;
background:rgba(244,180,0,.09);
border-radius:50%;
}
.eipmmumstoragebreadwrap{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:space-between;
gap:50px;
}
.eipmmumstoragebreadcontent{
flex:1;
max-width:760px;
min-width:0;
text-align:left;
}
.eipmmumstoragebreadlabel{
display:inline-flex;
align-items:center;
margin-bottom:16px;
padding:8px 16px;
background:rgba(244,180,0,.14);
border-left:4px solid #e53935;
border-radius:0 5px 5px 0;
color:#e53935;
font-size:11px;
font-weight:800;
letter-spacing:.8px;
text-transform:uppercase;
}
.eipmmumstoragebreadcontent h1{
margin:0 0 15px;
color:#ffffff;
font-size:48px;
font-weight:800;
line-height:1.2;
}
.eipmmumstoragebreadcontent p{
max-width:680px;
margin:0 0 23px;
color:rgba(255,255,255,.72);
font-size:15px;
line-height:1.8;
}
.eipmmumstoragebreadcrumb{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:11px;
}
.eipmmumstoragebreadcrumb a{
display:inline-flex;
align-items:center;
gap:7px;
color:#ffffff;
text-decoration:none;
font-size:13px;
font-weight:600;
}
.eipmmumstoragebreadcrumb > i{
color:rgba(255,255,255,.35);
font-size:9px;
}
.eipmmumstoragebreadcrumb > span{
color:#e53935;
font-size:13px;
font-weight:700;
}
.eipmmumstoragebreadcard{
display:flex;
align-items:center;
gap:17px;
width:100%;
max-width:385px;
padding:23px 24px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.12);
border-radius:14px;
}
.eipmmumstoragebreadicon{
width:66px;
height:66px;
min-width:66px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#173d69;
border-radius:12px;
font-size:25px;
}
.eipmmumstoragebreadcardtext span{
display:block;
margin-bottom:3px;
color:rgba(255,255,255,.6);
font-size:10px;
font-weight:700;
text-transform:uppercase;
}
.eipmmumstoragebreadcardtext h2{
margin:0 0 7px;
color:#ffffff;
font-size:17px;
font-weight:700;
line-height:1.4;
}
.eipmmumstoragebreadcardtext a{
display:inline-flex;
align-items:center;
gap:7px;
color:#e53935;
text-decoration:none;
font-size:12px;
font-weight:700;
}
/*==================================================
LEFT CONTENT
==================================================*/
.eipmmumstoragesituationsintro{
width:100%;
min-width:0;
text-align:left;
}
.eipmmumstoragesituationsintro .eipmmumstorageeyebrow{
display:inline-block;
margin:0 0 15px;
color:#e53935;
font-size:11px;
font-weight:800;
line-height:1.5;
letter-spacing:1px;
text-transform:uppercase;
}
.eipmmumstoragesituationsintro h2{
margin:0 0 22px;
color:#173d69;
font-size:43px;
font-weight:800;
line-height:1.25;
}
.eipmmumstoragesituationsintro h2 span{
color:#e53935;
}
.eipmmumstoragesituationsintro > p{
margin:0 0 17px;
color:#68717d;
font-size:15px;
font-weight:400;
line-height:1.9;
}
.eipmmumstoragesituationsintro .eipmmumstorageprimarybtn{
margin-top:15px;
}
/*==================================================
INTRO
==================================================*/
.eipmmumstorageintro{
padding:100px 0;
background:#ffffff;
}
.eipmmumstorageintrogrid{
display:grid;
grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
gap:65px;
align-items:center;
}
.eipmmumstorageintrocontent,
.eipmmumstoragesituationsintro,
.eipmmumstoragepreparecontent,
.eipmmumstoragewhyintro,
.eipmmumstoragefaqintro{
text-align:left;
}
.eipmmumstorageintrocontent h2,
.eipmmumstoragesituationsintro h2,
.eipmmumstoragepreparecontent h2,
.eipmmumstoragewhyintro h2,
.eipmmumstoragefaqintro h2{
margin:0 0 23px;
color:#173d69;
font-size:43px;
font-weight:800;
line-height:1.25;
}
.eipmmumstorageintrocontent h2 span,
.eipmmumstoragesituationsintro h2 span,
.eipmmumstoragepreparecontent h2 span,
.eipmmumstoragewhyintro h2 span,
.eipmmumstoragefaqintro h2 span{
color:#e53935;
}
.eipmmumstorageintrocontent p,
.eipmmumstoragesituationsintro > p,
.eipmmumstoragepreparecontent > p,
.eipmmumstoragewhyintro > p,
.eipmmumstoragefaqintro > p{
margin:0 0 17px;
color:#68717d;
font-size:15px;
line-height:1.9;
}
.eipmmumstoragelead{
color:#46505c !important;
font-size:16px !important;
}
.eipmmumstorageintroline{
display:flex;
align-items:flex-start;
gap:16px;
margin:28px 0;
padding:20px;
background:#f5f7fa;
border-left:4px solid #e53935;
border-radius:0 9px 9px 0;
}
.eipmmumstorageintrolineicon{
width:48px;
height:48px;
min-width:48px;
display:flex;
align-items:center;
justify-content:center;
background:#173d69;
color:#ffffff;
border-radius:9px;
}
.eipmmumstorageintroline span{
display:block;
margin-bottom:4px;
color:#173d69;
font-size:14px;
font-weight:700;
}
.eipmmumstorageintroline p{
margin:0;
color:#707985;
font-size:12px;
line-height:1.7;
}
.eipmmumstorageintroactions{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:13px;
}
.eipmmumstorageprimarybtn,
.eipmmumstoragecallbtn,
.eipmmumstoragerequirementbtn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
min-height:54px;
padding:14px 23px;
border-radius:7px;
text-decoration:none;
font-size:13px;
font-weight:700;
transition:.35s ease;
}
.eipmmumstorageprimarybtn{
background:#173d69;
color:#ffffff;
}
.eipmmumstoragecallbtn{
background:#e53935;
color:#173d69;
}
.eipmmumstorageprimarybtn:hover,
.eipmmumstoragecallbtn:hover,
.eipmmumstoragerequirementbtn:hover{
transform:translateY(-3px);
}
/*==================================================
STORAGE REQUIREMENT
==================================================*/
.eipmmumstoragerequirement{
position:relative;
padding:42px;
background:#173d69;
border-radius:20px;
box-shadow:0 25px 60px rgba(23,61,105,.18);
overflow:hidden;
}
.eipmmumstoragerequirement::before{
content:"";
position:absolute;
width:260px;
height:260px;
top:-170px;
right:-150px;
border:45px solid rgba(255,255,255,.035);
border-radius:50%;
}
.eipmmumstoragerequirementhead,
.eipmmumstoragerequirementlist,
.eipmmumstoragerequirementbtn{
position:relative;
z-index:2;
}
.eipmmumstoragerequirementhead{
margin-bottom:25px;
}
.eipmmumstoragerequirementhead span{
display:block;
margin-bottom:6px;
color:#e53935;
font-size:10px;
font-weight:800;
letter-spacing:1px;
}
.eipmmumstoragerequirementhead h3{
margin:0 0 9px;
color:#ffffff;
font-size:27px;
font-weight:800;
line-height:1.4;
}
.eipmmumstoragerequirementhead p{
margin:0;
color:rgba(255,255,255,.64);
font-size:13px;
line-height:1.8;
}
.eipmmumstoragerequirementlist{
display:flex;
flex-direction:column;
gap:12px;
}
.eipmmumstoragerequirementitem{
display:flex;
align-items:flex-start;
gap:15px;
padding:16px;
background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.09);
border-radius:9px;
}
.eipmmumstoragerequirementicon{
width:42px;
height:42px;
min-width:42px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#173d69;
border-radius:8px;
font-size:15px;
}
.eipmmumstoragerequirementitem h4{
margin:0 0 4px;
color:#ffffff;
font-size:14px;
}
.eipmmumstoragerequirementitem p{
margin:0;
color:rgba(255,255,255,.64);
font-size:12px;
line-height:1.6;
}
.eipmmumstoragerequirementbtn{
width:100%;
margin-top:22px;
background:#e53935;
color:#173d69;
}
/*==================================================
COMMON HEADING
==================================================*/
.eipmmumstorageheading{
max-width:760px;
margin:0 auto 55px;
text-align:center;
}
.eipmmumstorageheading > span{
color:#e53935;
font-size:11px;
font-weight:800;
letter-spacing:1px;
text-transform:uppercase;
}
.eipmmumstorageheading h2{
margin:10px 0 16px;
color:#173d69;
font-size:42px;
font-weight:800;
line-height:1.3;
}
.eipmmumstorageheading h2 strong{
color:#e53935;
}
.eipmmumstorageheading p{
margin:0;
color:#707985;
font-size:15px;
line-height:1.8;
}
/*==================================================
STORAGE TYPES
==================================================*/
.eipmmumstoragetypes{
padding:95px 0;
background:#f5f7fa;
}
.eipmmumstoragetypesgrid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:20px;
}
.eipmmumstoragetypecard{
position:relative;
padding:32px 25px;
background:#ffffff;
border:1px solid #e4e9ef;
border-radius:14px;
overflow:hidden;
transition:.35s ease;
}
.eipmmumstoragetypecard:hover{
transform:translateY(-7px);
box-shadow:0 20px 45px rgba(23,61,105,.1);
}
.eipmmumstoragetypenumber{
position:absolute;
top:15px;
right:18px;
color:rgba(23,61,105,.06);
font-size:42px;
font-weight:800;
}
.eipmmumstoragetypeicon{
width:58px;
height:58px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:22px;
background:#173d69;
color:#ffffff;
border-radius:11px;
font-size:21px;
}
.eipmmumstoragetypecard h3{
margin:0 0 11px;
color:#173d69;
font-size:18px;
line-height:1.5;
}
.eipmmumstoragetypecard p{
margin:0 0 20px;
color:#707985;
font-size:13px;
line-height:1.8;
}
.eipmmumstoragetypecard a{
display:inline-flex;
align-items:center;
gap:8px;
color:#173d69;
text-decoration:none;
font-size:12px;
font-weight:800;
}
/*==================================================
STORAGE SITUATIONS
==================================================*/
.eipmmumstoragesituations{
position:relative;
width:100%;
padding:100px 0;
background:#ffffff;
overflow:hidden;;
}
.eipmmumstoragesituationsgrid{
display:grid;
grid-template-columns:minmax(0, 0.80fr) minmax(0, 1.20fr);
gap:70px;
align-items:center;
}
.eipmmumstoragesituationlist{
width:100%;
min-width:0;
display:flex;
flex-direction:column;
gap:16px;
}
.eipmmumstoragesituationitem{
position:relative;
/* IMPORTANT */
display:block;
width:100%;
min-width:0;
min-height:145px;
padding:28px 80px 28px 105px;
background:#f7f9fb;
border:1px solid #e1e7ee;
border-radius:14px;
overflow:hidden;
transition:
transform .35s ease,
box-shadow .35s ease,
border-color .35s ease,
background .35s ease;
}
.eipmmumstoragesituationitem:hover{
transform:translateY(-4px);
background:#ffffff;
border-color:rgba(244,180,0,.45);
box-shadow:0 18px 40px rgba(23,61,105,.10);
}
.eipmmumstoragesituationitem > span{
position:absolute;
top:16px;
right:24px;
color:rgba(23,61,105,.065);
font-size:44px;
font-weight:800;
line-height:1;
pointer-events:none;
}
.eipmmumstoragesituationicon{
position:absolute;
left:28px;
top:50%;
transform:translateY(-50%);
width:58px;
height:58px;
display:flex;
align-items:center;
justify-content:center;
background:#173d69;
color:#ffffff;
border-radius:12px;
font-size:21px;
transition:
background .35s ease,
color .35s ease,
transform .35s ease;
}
.eipmmumstoragesituationitem:hover .eipmmumstoragesituationicon{
background:#e53935;
color:#173d69;
transform:
translateY(-50%)
scale(1.05);
}
/*==================================================
CONTENT - IMPORTANT WIDTH FIX
==================================================*/
.eipmmumstoragesituationitem > div:last-child{
display:block;
width:100%;
min-width:0;
text-align:left;
}
.eipmmumstoragesituationitem h3{
width:100%;
margin:0 0 8px;
color:#173d69;
font-size:19px;
font-weight:700;
line-height:1.45;
word-break:normal;
overflow-wrap:normal;
white-space:normal;
}
.eipmmumstoragesituationitem p{
width:100%;
max-width:600px;
margin:0;
color:#707985;
font-size:13px;
font-weight:400;
line-height:1.8;
word-break:normal;
overflow-wrap:normal;
white-space:normal;
}
/*==================================================
TABLET
==================================================*/
@media(max-width:991px){
.eipmmumstoragesituations{
padding:80px 0;
}
.eipmmumstoragesituationsgrid{
grid-template-columns:1fr;
gap:50px;
}
.eipmmumstoragesituationsintro{
max-width:750px;
}
.eipmmumstoragesituationsintro h2{
font-size:38px;
}
.eipmmumstoragesituationlist{
width:100%;
}
.eipmmumstoragesituationitem{
min-height:135px;
padding:25px 75px 25px 100px;
}
}
/*==================================================
MOBILE
==================================================*/
@media(max-width:767px){
.eipmmumstoragesituations{
padding:65px 0;
}
.eipmmumstoragesituationsgrid{
gap:40px;
}
.eipmmumstoragesituationsintro h2{
font-size:30px;
line-height:1.3;
}
.eipmmumstoragesituationsintro > p{
font-size:14px;
line-height:1.8;
}
.eipmmumstoragesituationlist{
gap:14px;
}
.eipmmumstoragesituationitem{
min-height:auto;
padding:
24px
55px
24px
88px;
border-radius:12px;
}
.eipmmumstoragesituationicon{
left:20px;
width:52px;
height:52px;
font-size:18px;
}
.eipmmumstoragesituationitem > span{
top:16px;
right:17px;
font-size:36px;
}
.eipmmumstoragesituationitem h3{
font-size:17px;
}
.eipmmumstoragesituationitem p{
font-size:12px;
line-height:1.75;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media(max-width:480px){
.eipmmumstoragesituationsintro h2{
font-size:27px;
}
.eipmmumstoragesituationitem{
padding:
82px
20px
24px
20px;
}
.eipmmumstoragesituationicon{
top:20px;
left:20px;
transform:none;
width:48px;
height:48px;
font-size:17px;
}
.eipmmumstoragesituationitem:hover .eipmmumstoragesituationicon{
transform:scale(1.05);
}
.eipmmumstoragesituationitem > span{
top:20px;
right:20px;
font-size:38px;
}
.eipmmumstoragesituationitem h3{
padding-right:0;
font-size:17px;
line-height:1.45;
}
.eipmmumstoragesituationitem p{
max-width:100%;
font-size:13px;
line-height:1.75;
}
}
/*==================================================
STORAGE PROCESS
==================================================*/
.eipmmumstorageprocess{
padding:95px 0;
background:#173d69;
}
.eipmmumstorageheadinglight h2{
color:#ffffff;
}
.eipmmumstorageheadinglight p{
color:rgba(255,255,255,.67);
}
.eipmmumstorageprocessgrid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:18px;
}
.eipmmumstorageprocessbox{
position:relative;
padding:30px 25px;
background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.11);
border-radius:13px;
overflow:hidden;
}
.eipmmumstorageprocessnumber{
position:absolute;
top:17px;
right:20px;
color:rgba(255,255,255,.07);
font-size:40px;
font-weight:800;
}
.eipmmumstorageprocessicon{
width:55px;
height:55px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:21px;
background:#e53935;
color:#173d69;
border-radius:10px;
font-size:20px;
}
.eipmmumstorageprocessbox h3{
margin:0 0 9px;
color:#ffffff;
font-size:17px;
}
.eipmmumstorageprocessbox p{
margin:0;
color:rgba(255,255,255,.66);
font-size:13px;
line-height:1.8;
}
/*==================================================
STORAGE PREPARATION
==================================================*/
.eipmmumstorageprepare{
padding:100px 0;
background:#f5f7fa;
}
.eipmmumstoragepreparegrid{
display:grid;
grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
gap:70px;
align-items:center;
}
.eipmmumstoragepreparenote{
display:flex;
align-items:flex-start;
gap:13px;
margin:27px 0;
padding:18px;
background:#ffffff;
border-left:4px solid #e53935;
}
.eipmmumstoragepreparenote i{
margin-top:5px;
color:#173d69;
}
.eipmmumstoragepreparenote p{
margin:0;
color:#68717d;
font-size:12px;
line-height:1.8;
}
.eipmmumstoragechecklist{
padding:38px;
background:#173d69;
border-radius:18px;
}
.eipmmumstoragecheckhead{
margin-bottom:25px;
}
.eipmmumstoragecheckhead span{
display:block;
margin-bottom:6px;
color:#e53935;
font-size:10px;
font-weight:800;
letter-spacing:1px;
}
.eipmmumstoragecheckhead h3{
margin:0;
color:#ffffff;
font-size:25px;
}
.eipmmumstoragecheckitems{
display:flex;
flex-direction:column;
gap:12px;
}
.eipmmumstoragecheckitem{
display:flex;
align-items:flex-start;
gap:14px;
padding:17px;
background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.09);
border-radius:9px;
}
.eipmmumstoragecheckicon{
width:29px;
height:29px;
min-width:29px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#173d69;
border-radius:50%;
font-size:10px;
}
.eipmmumstoragecheckitem h4{
margin:0 0 4px;
color:#ffffff;
font-size:14px;
}
.eipmmumstoragecheckitem p{
margin:0;
color:rgba(255,255,255,.64);
font-size:12px;
line-height:1.7;
}
/*==================================================
WHY CHOOSE
==================================================*/
.eipmmumstoragewhy{
padding:100px 0;
background:#ffffff;
}
.eipmmumstoragewhygrid{
display:grid;
grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
gap:70px;
align-items:center;
}
.eipmmumstoragewhycall{
display:flex;
align-items:center;
gap:14px;
margin-top:30px;
padding:20px;
background:#173d69;
border-radius:10px;
}
.eipmmumstoragewhycallicon{
width:50px;
height:50px;
min-width:50px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#173d69;
border-radius:50%;
}
.eipmmumstoragewhycall span{
display:block;
color:rgba(255,255,255,.6);
font-size:10px;
}
.eipmmumstoragewhycall a{
color:#ffffff;
text-decoration:none;
font-size:18px;
font-weight:800;
}
.eipmmumstoragewhyfeatures{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
}
.eipmmumstoragewhybox{
position:relative;
padding:28px;
background:#f7f9fb;
border:1px solid #e4e9ef;
border-radius:13px;
}
.eipmmumstoragewhybox > span{
position:absolute;
top:18px;
right:20px;
color:rgba(23,61,105,.07);
font-size:38px;
font-weight:800;
}
.eipmmumstoragewhybox > i{
width:52px;
height:52px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:20px;
background:#173d69;
color:#ffffff;
border-radius:10px;
font-size:19px;
}
.eipmmumstoragewhybox h3{
margin:0 0 9px;
color:#173d69;
font-size:17px;
}
.eipmmumstoragewhybox p{
margin:0;
color:#707985;
font-size:13px;
line-height:1.8;
}
/*==================================================
FAQ
==================================================*/
.eipmmumstoragefaq{
padding:100px 0;
background:#f5f7fa;
}
.eipmmumstoragefaqgrid{
display:grid;
grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
gap:70px;
align-items:start;
}
.eipmmumstoragefaqlist{
display:flex;
flex-direction:column;
gap:13px;
}
.eipmmumstoragefaqitem{
background:#ffffff;
border:1px solid #e4e9ef;
border-radius:9px;
overflow:hidden;
}
.eipmmumstoragefaqitem summary{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding:20px 22px;
color:#173d69;
font-size:14px;
font-weight:700;
cursor:pointer;
list-style:none;
}
.eipmmumstoragefaqitem summary::-webkit-details-marker{
display:none;
}
.eipmmumstoragefaqitem summary i{
font-size:12px;
transition:transform .3s ease;
}
.eipmmumstoragefaqitem[open] summary i{
transform:rotate(45deg);
}
.eipmmumstoragefaqitem p{
margin:0;
padding:0 22px 21px;
color:#707985;
font-size:13px;
line-height:1.8;
}
/*==================================================
CTA
==================================================*/
.eipmmumstoragecta{
position:relative;
padding:75px 0;
background:#173d69;
overflow:hidden;
}
.eipmmumstoragecta::after{
content:"";
position:absolute;
width:280px;
height:280px;
right:-150px;
bottom:-190px;
background:rgba(244,180,0,.08);
border-radius:50%;
}
.eipmmumstoragectawrap{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:space-between;
gap:45px;
}
.eipmmumstoragectacontent{
max-width:730px;
}
.eipmmumstoragectacontent > span{
display:block;
margin-bottom:7px;
color:#e53935;
font-size:11px;
font-weight:800;
text-transform:uppercase;
}
.eipmmumstoragectacontent h2{
margin:0 0 10px;
color:#ffffff;
font-size:35px;
font-weight:800;
line-height:1.3;
}
.eipmmumstoragectacontent p{
margin:0;
color:rgba(255,255,255,.7);
font-size:14px;
line-height:1.8;
}
.eipmmumstoragectaactions{
display:flex;
align-items:center;
gap:12px;
min-width:max-content;
}
.eipmmumstoragectaprimary,
.eipmmumstoragectacall{
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
min-height:54px;
padding:14px 22px;
border-radius:7px;
text-decoration:none;
font-size:13px;
font-weight:700;
transition:.35s ease;
}
.eipmmumstoragectaprimary{
background:#e53935;
color:#173d69;
}
.eipmmumstoragectacall{
background:#ffffff;
color:#173d69;
}
.eipmmumstoragectaprimary:hover,
.eipmmumstoragectacall:hover{
transform:translateY(-3px);
}
/*==================================================
TABLET
==================================================*/
@media(max-width:991px){
.eipmmumstoragebreadwrap{
align-items:flex-start;
gap:35px;
}
.eipmmumstoragebreadcontent h1{
font-size:40px;
}
.eipmmumstoragebreadcard{
max-width:310px;
}
.eipmmumstorageintrogrid,
.eipmmumstoragesituationsgrid,
.eipmmumstoragepreparegrid,
.eipmmumstoragewhygrid,
.eipmmumstoragefaqgrid{
grid-template-columns:1fr;
gap:50px;
}
.eipmmumstoragetypesgrid,
.eipmmumstorageprocessgrid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.eipmmumstorageintrocontent h2,
.eipmmumstoragesituationsintro h2,
.eipmmumstoragepreparecontent h2,
.eipmmumstoragewhyintro h2,
.eipmmumstoragefaqintro h2,
.eipmmumstorageheading h2{
font-size:38px;
}
.eipmmumstoragectawrap{
flex-direction:column;
align-items:flex-start;
}
}
/*==================================================
MOBILE
==================================================*/
@media(max-width:767px){
.eipmmumstoragebread{
padding:55px 0;
}
.eipmmumstoragebreadwrap{
flex-direction:column;
align-items:stretch;
gap:30px;
}
.eipmmumstoragebreadcontent h1{
font-size:33px;
}
.eipmmumstoragebreadcard{
max-width:100%;
}
.eipmmumstorageintro,
.eipmmumstoragetypes,
.eipmmumstoragesituations,
.eipmmumstorageprocess,
.eipmmumstorageprepare,
.eipmmumstoragewhy,
.eipmmumstoragefaq{
padding:65px 0;
}
.eipmmumstorageintrocontent h2,
.eipmmumstoragesituationsintro h2,
.eipmmumstoragepreparecontent h2,
.eipmmumstoragewhyintro h2,
.eipmmumstoragefaqintro h2,
.eipmmumstorageheading h2{
font-size:30px;
}
.eipmmumstoragetypesgrid,
.eipmmumstorageprocessgrid,
.eipmmumstoragewhyfeatures{
grid-template-columns:1fr;
}
.eipmmumstorageintroactions{
flex-direction:column;
align-items:stretch;
}
.eipmmumstorageprimarybtn,
.eipmmumstoragecallbtn{
width:100%;
}
.eipmmumstoragerequirement{
padding:32px 23px;
}
.eipmmumstorageheading{
margin-bottom:40px;
text-align:left;
}
.eipmmumstorageheading h2,
.eipmmumstorageheading p{
text-align:left;
}
.eipmmumstoragesituationitem{
padding:22px 20px 22px 82px;
}
.eipmmumstoragesituationicon{
left:18px;
}
.eipmmumstoragechecklist{
padding:30px 22px;
}
.eipmmumstoragecta{
padding:60px 0;
}
.eipmmumstoragectacontent h2{
font-size:28px;
}
.eipmmumstoragectaactions{
width:100%;
min-width:0;
flex-direction:column;
align-items:stretch;
}
.eipmmumstoragectaprimary,
.eipmmumstoragectacall{
width:100%;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media(max-width:480px){
.eipmmumstoragebreadcontent h1{
font-size:29px;
}
.eipmmumstoragebreadcard{
padding:18px 15px;
}
.eipmmumstoragebreadicon{
width:52px;
height:52px;
min-width:52px;
font-size:20px;
}
.eipmmumstorageintrocontent h2,
.eipmmumstoragesituationsintro h2,
.eipmmumstoragepreparecontent h2,
.eipmmumstoragewhyintro h2,
.eipmmumstoragefaqintro h2,
.eipmmumstorageheading h2{
font-size:27px;
}
.eipmmumstoragerequirement{
padding:28px 18px;
}
.eipmmumstoragerequirementhead h3{
font-size:23px;
}
.eipmmumstoragetypecard,
.eipmmumstorageprocessbox,
.eipmmumstoragewhybox{
padding:25px 20px;
}
.eipmmumstoragesituationitem{
padding:75px 18px 20px;
}
.eipmmumstoragesituationicon{
top:18px;
left:18px;
transform:none;
width:45px;
height:45px;
}
.eipmmumstoragechecklist{
padding:27px 18px;
}
.eipmmumstoragecheckhead h3{
font-size:21px;
}
.eipmmumstoragefaqitem summary{
padding:18px;
font-size:13px;
}
.eipmmumstoragefaqitem p{
padding:0 18px 19px;
}
}
/*==================================================
NETWORK GLOBAL
==================================================*/
.eipmmumnetworkbread,
.eipmmumnetworkintro,
.eipmmumnetworkregions,
.eipmmumnetworkroutes,
.eipmmumnetworkservices,
.eipmmumnetworkwhy,
.eipmmumnetworkfaq,
.eipmmumnetworkcta{
font-family:"Poppins",sans-serif;
}
.eipmmumnetworkeyebrow{
display:inline-block;
margin:0 0 15px;
color:#e53935;
font-size:11px;
font-weight:800;
letter-spacing:1px;
line-height:1.5;
text-transform:uppercase;
}
/*==================================================
BREADCRUMB
==================================================*/
.eipmmumnetworkbread{
position:relative;
width:100%;
padding:85px 0;
background:#173d69;
overflow:hidden;
}
.eipmmumnetworkbread::before{
content:"";
position:absolute;
width:450px;
height:450px;
top:-310px;
right:-170px;
border:75px solid rgba(255,255,255,.035);
border-radius:50%;
}
.eipmmumnetworkbread::after{
content:"";
position:absolute;
width:280px;
height:280px;
left:-160px;
bottom:-200px;
background:rgba(244,180,0,.08);
border-radius:50%;
}
.eipmmumnetworkbreadwrap{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:space-between;
gap:50px;
}
.eipmmumnetworkbreadcontent{
flex:1;
max-width:760px;
min-width:0;
text-align:left;
}
.eipmmumnetworkbreadlabel{
display:inline-flex;
align-items:center;
margin-bottom:16px;
padding:8px 16px;
background:rgba(244,180,0,.14);
border-left:4px solid #e53935;
border-radius:0 5px 5px 0;
color:#e53935;
font-size:11px;
font-weight:800;
letter-spacing:.8px;
text-transform:uppercase;
}
.eipmmumnetworkbreadcontent h1{
margin:0 0 15px;
color:#ffffff;
font-size:48px;
font-weight:800;
line-height:1.2;
}
.eipmmumnetworkbreadcontent p{
max-width:680px;
margin:0 0 23px;
color:rgba(255,255,255,.72);
font-size:15px;
line-height:1.8;
}
.eipmmumnetworkbreadcrumb{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:11px;
}
.eipmmumnetworkbreadcrumb a{
display:inline-flex;
align-items:center;
gap:7px;
color:#ffffff;
text-decoration:none;
font-size:13px;
font-weight:600;
}
.eipmmumnetworkbreadcrumb > i{
color:rgba(255,255,255,.35);
font-size:9px;
}
.eipmmumnetworkbreadcrumb > span{
color:#e53935;
font-size:13px;
font-weight:700;
}
.eipmmumnetworkbreadpanel{
display:flex;
align-items:center;
gap:17px;
width:100%;
max-width:385px;
padding:23px 24px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.12);
border-radius:14px;
}
.eipmmumnetworkbreadicon{
width:66px;
height:66px;
min-width:66px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#173d69;
border-radius:12px;
font-size:25px;
}
.eipmmumnetworkbreadpaneltext span{
display:block;
margin-bottom:3px;
color:rgba(255,255,255,.6);
font-size:10px;
font-weight:700;
text-transform:uppercase;
}
.eipmmumnetworkbreadpaneltext h2{
margin:0 0 7px;
color:#ffffff;
font-size:17px;
font-weight:700;
line-height:1.4;
}
.eipmmumnetworkbreadpaneltext a{
display:inline-flex;
align-items:center;
gap:7px;
color:#e53935;
text-decoration:none;
font-size:12px;
font-weight:700;
}
/*==================================================
INTRODUCTION
==================================================*/
.eipmmumnetworkintro{
padding:100px 0;
background:#ffffff;
}
.eipmmumnetworkintrogrid{
display:grid;
grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
gap:65px;
align-items:center;
}
.eipmmumnetworkintrocontent,
.eipmmumnetworkroutesintro,
.eipmmumnetworkwhyintro,
.eipmmumnetworkfaqintro{
min-width:0;
text-align:left;
}
.eipmmumnetworkintrocontent h2,
.eipmmumnetworkroutesintro h2,
.eipmmumnetworkwhyintro h2,
.eipmmumnetworkfaqintro h2{
margin:0 0 23px;
color:#173d69;
font-size:43px;
font-weight:800;
line-height:1.25;
}
.eipmmumnetworkintrocontent h2 span,
.eipmmumnetworkroutesintro h2 span,
.eipmmumnetworkwhyintro h2 span,
.eipmmumnetworkfaqintro h2 span{
color:#e53935;
}
.eipmmumnetworkintrocontent p,
.eipmmumnetworkroutesintro > p,
.eipmmumnetworkwhyintro > p,
.eipmmumnetworkfaqintro > p{
margin:0 0 17px;
color:#68717d;
font-size:15px;
line-height:1.9;
}
.eipmmumnetworklead{
color:#46505c !important;
font-size:16px !important;
}
.eipmmumnetworkintrohighlight{
display:flex;
align-items:flex-start;
gap:16px;
margin:28px 0;
padding:20px;
background:#f5f7fa;
border-left:4px solid #e53935;
border-radius:0 9px 9px 0;
}
.eipmmumnetworkintrohighlighticon{
width:48px;
height:48px;
min-width:48px;
display:flex;
align-items:center;
justify-content:center;
background:#173d69;
color:#ffffff;
border-radius:9px;
}
.eipmmumnetworkintrohighlight span{
display:block;
margin-bottom:4px;
color:#173d69;
font-size:14px;
font-weight:700;
}
.eipmmumnetworkintrohighlight p{
margin:0;
color:#707985;
font-size:12px;
line-height:1.7;
}
.eipmmumnetworkintroactions{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:13px;
}
.eipmmumnetworkprimarybtn,
.eipmmumnetworkcallbtn,
.eipmmumnetworkcoveragebtn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
min-height:54px;
padding:14px 23px;
border-radius:7px;
text-decoration:none;
font-size:13px;
font-weight:700;
transition:.35s ease;
}
.eipmmumnetworkprimarybtn{
background:#173d69;
color:#ffffff;
}
.eipmmumnetworkcallbtn{
background:#e53935;
color:#fff;
}
.eipmmumnetworkprimarybtn:hover,
.eipmmumnetworkcallbtn:hover,
.eipmmumnetworkcoveragebtn:hover{
transform:translateY(-3px);
}
/*==================================================
NETWORK COVERAGE PANEL
==================================================*/
.eipmmumnetworkcoverage{
position:relative;
padding:42px;
background:#173d69;
border-radius:20px;
box-shadow:0 25px 60px rgba(23,61,105,.18);
overflow:hidden;
}
.eipmmumnetworkcoverage::before{
content:"";
position:absolute;
width:260px;
height:260px;
top:-170px;
right:-150px;
border:45px solid rgba(255,255,255,.035);
border-radius:50%;
}
.eipmmumnetworkcoveragehead,
.eipmmumnetworkcoveragelist,
.eipmmumnetworkcoveragebtn{
position:relative;
z-index:2;
}
.eipmmumnetworkcoveragehead{
margin-bottom:25px;
}
.eipmmumnetworkcoveragehead span{
display:block;
margin-bottom:6px;
color:#e53935;
font-size:10px;
font-weight:800;
letter-spacing:1px;
}
.eipmmumnetworkcoveragehead h3{
margin:0 0 9px;
color:#ffffff;
font-size:27px;
font-weight:800;
line-height:1.4;
}
.eipmmumnetworkcoveragehead p{
margin:0;
color:rgba(255,255,255,.64);
font-size:13px;
line-height:1.8;
}
.eipmmumnetworkcoveragelist{
display:flex;
flex-direction:column;
gap:12px;
}
.eipmmumnetworkcoverageitem{
display:flex;
align-items:flex-start;
gap:15px;
padding:16px;
background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.09);
border-radius:9px;
}
.eipmmumnetworkcoverageicon{
width:42px;
height:42px;
min-width:42px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#fff;
border-radius:8px;
font-size:15px;
}
.eipmmumnetworkcoverageitem > div:last-child{
width:100%;
min-width:0;
}
.eipmmumnetworkcoverageitem h4{
margin:0 0 4px;
color:#ffffff;
font-size:14px;
}
.eipmmumnetworkcoverageitem p{
margin:0;
color:rgba(255,255,255,.64);
font-size:12px;
line-height:1.6;
}
.eipmmumnetworkcoveragebtn{
width:100%;
margin-top:22px;
background:#e53935;
color:#fff;
}
/*==================================================
COMMON HEADING
==================================================*/
.eipmmumnetworkheading{
max-width:760px;
margin:0 auto 55px;
text-align:center;
}
.eipmmumnetworkheading > span{
color:#e53935;
font-size:11px;
font-weight:800;
letter-spacing:1px;
text-transform:uppercase;
}
.eipmmumnetworkheading h2{
margin:10px 0 16px;
color:#173d69;
font-size:42px;
font-weight:800;
line-height:1.3;
}
.eipmmumnetworkheading h2 strong{
color:#e53935;
}
.eipmmumnetworkheading p{
margin:0;
color:#707985;
font-size:15px;
line-height:1.8;
}
/*==================================================
REGIONS
==================================================*/
.eipmmumnetworkregions{
padding:95px 0;
background:#f5f7fa;
}
.eipmmumnetworkregionsgrid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:22px;
}
.eipmmumnetworkregioncard{
position:relative;
padding:32px;
background:#ffffff;
border:1px solid #e3e8ee;
border-radius:15px;
overflow:hidden;
transition:.35s ease;
}
.eipmmumnetworkregioncard:hover{
transform:translateY(-5px);
box-shadow:0 20px 45px rgba(23,61,105,.10);
}
.eipmmumnetworkregiontop{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
margin-bottom:22px;
}
.eipmmumnetworkregionicon{
width:58px;
height:58px;
display:flex;
align-items:center;
justify-content:center;
background:#173d69;
color:#ffffff;
border-radius:11px;
font-size:21px;
}
.eipmmumnetworkregiontop > span{
color:rgba(23,61,105,.10);
font-size:31px;
font-weight:800;
letter-spacing:2px;
}
.eipmmumnetworkregioncard h3{
margin:0 0 9px;
color:#173d69;
font-size:22px;
font-weight:800;
}
.eipmmumnetworkregioncard > p{
margin:0 0 22px;
color:#707985;
font-size:13px;
line-height:1.8;
}
.eipmmumnetworkcitylist{
display:flex;
flex-wrap:wrap;
gap:9px;
}
.eipmmumnetworkcitylist span{
display:inline-flex;
align-items:center;
min-height:35px;
padding:8px 13px;
background:#f5f7fa;
border:1px solid #e1e7ed;
border-radius:5px;
color:#173d69;
font-size:11px;
font-weight:700;
transition:.3s ease;
}
.eipmmumnetworkcitylist span:hover{
background:#e53935;
border-color:#e53935;
}
.eipmmumnetworkregionwide{
min-height:100%;
}
/*==================================================
POPULAR ROUTES
==================================================*/
.eipmmumnetworkroutes{
padding:100px 0;
background:#ffffff;
}
.eipmmumnetworkroutesgrid{
display:grid;
grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
gap:70px;
align-items:center;
}
.eipmmumnetworkroutelist{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
.eipmmumnetworkrouteitem{
display:grid;
grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);
align-items:center;
gap:10px;
min-height:75px;
padding:17px 20px;
background:#f7f9fb;
border:1px solid #e2e8ee;
border-radius:10px;
transition:.35s ease;
}
.eipmmumnetworkrouteitem:hover{
background:#173d69;
border-color:#173d69;
transform:translateY(-3px);
}
.eipmmumnetworkroutefrom,
.eipmmumnetworkrouteto{
color:#173d69;
font-size:14px;
font-weight:700;
}
.eipmmumnetworkrouteto{
text-align:right;
}
.eipmmumnetworkroutearrow{
width:42px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#fff;
border-radius:50%;
font-size:13px;
}
.eipmmumnetworkrouteitem:hover .eipmmumnetworkroutefrom,
.eipmmumnetworkrouteitem:hover .eipmmumnetworkrouteto{
color:#ffffff;
}
/*==================================================
NETWORK SERVICES
==================================================*/
.eipmmumnetworkservices{
padding:95px 0;
background:#173d69;
}
.eipmmumnetworkheadinglight h2{
color:#ffffff;
}
.eipmmumnetworkheadinglight p{
color:rgba(255,255,255,.67);
}
.eipmmumnetworkservicesgrid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
}
.eipmmumnetworkservicebox{
display:grid;
grid-template-columns:58px minmax(0,1fr) 40px;
align-items:center;
gap:18px;
padding:23px;
background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.11);
border-radius:12px;
text-decoration:none;
transition:.35s ease;
}
.eipmmumnetworkservicebox:hover{
background:rgba(255,255,255,.12);
transform:translateY(-4px);
}
.eipmmumnetworkserviceicon{
width:58px;
height:58px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#fff;
border-radius:10px;
font-size:20px;
}
.eipmmumnetworkservicebox h3{
margin:0 0 5px;
color:#ffffff;
font-size:17px;
}
.eipmmumnetworkservicebox p{
margin:0;
color:rgba(255,255,255,.63);
font-size:12px;
line-height:1.7;
}
.eipmmumnetworkservicebox > i{
color:#e53935;
}
/*==================================================
WHY NETWORK
==================================================*/
.eipmmumnetworkwhy{
padding:100px 0;
background:#ffffff;
}
.eipmmumnetworkwhygrid{
display:grid;
grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
gap:70px;
align-items:center;
}
.eipmmumnetworkwhycontact{
display:flex;
align-items:center;
gap:14px;
margin-top:30px;
padding:20px;
background:#173d69;
border-radius:10px;
}
.eipmmumnetworkwhycontacticon{
width:50px;
height:50px;
min-width:50px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#173d69;
border-radius:50%;
}
.eipmmumnetworkwhycontact span{
display:block;
color:rgba(255,255,255,.6);
font-size:10px;
}
.eipmmumnetworkwhycontact a{
color:#ffffff;
text-decoration:none;
font-size:18px;
font-weight:800;
}
.eipmmumnetworkwhylist{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
}
.eipmmumnetworkwhyitem{
position:relative;
display:block;
min-width:0;
padding:28px;
background:#f7f9fb;
border:1px solid #e4e9ef;
border-radius:13px;
}
.eipmmumnetworkwhyitem > span{
position:absolute;
top:18px;
right:20px;
color:rgba(23,61,105,.07);
font-size:38px;
font-weight:800;
}
.eipmmumnetworkwhyicon{
width:52px;
height:52px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:20px;
background:#173d69;
color:#ffffff;
border-radius:10px;
font-size:19px;
}
.eipmmumnetworkwhyitem > div:last-child{
width:100%;
min-width:0;
}
.eipmmumnetworkwhyitem h3{
margin:0 0 9px;
color:#173d69;
font-size:17px;
}
.eipmmumnetworkwhyitem p{
margin:0;
color:#707985;
font-size:13px;
line-height:1.8;
}
/*==================================================
FAQ
==================================================*/
.eipmmumnetworkfaq{
padding:100px 0;
background:#f5f7fa;
}
.eipmmumnetworkfaqgrid{
display:grid;
grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
gap:70px;
align-items:start;
}
.eipmmumnetworkfaqlist{
display:flex;
flex-direction:column;
gap:13px;
}
.eipmmumnetworkfaqitem{
background:#ffffff;
border:1px solid #e4e9ef;
border-radius:9px;
overflow:hidden;
}
.eipmmumnetworkfaqitem summary{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding:20px 22px;
color:#173d69;
font-size:14px;
font-weight:700;
cursor:pointer;
list-style:none;
}
.eipmmumnetworkfaqitem summary::-webkit-details-marker{
display:none;
}
.eipmmumnetworkfaqitem summary i{
font-size:12px;
transition:transform .3s ease;
}
.eipmmumnetworkfaqitem[open] summary i{
transform:rotate(45deg);
}
.eipmmumnetworkfaqitem p{
margin:0;
padding:0 22px 21px;
color:#707985;
font-size:13px;
line-height:1.8;
}
/*==================================================
FINAL CTA
==================================================*/
.eipmmumnetworkcta{
position:relative;
padding:75px 0;
background:#173d69;
overflow:hidden;
}
.eipmmumnetworkcta::after{
content:"";
position:absolute;
width:280px;
height:280px;
right:-150px;
bottom:-190px;
background:rgba(244,180,0,.08);
border-radius:50%;
}
.eipmmumnetworkctawrap{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:space-between;
gap:45px;
}
.eipmmumnetworkctacontent{
max-width:730px;
text-align:left;
}
.eipmmumnetworkctacontent > span{
display:block;
margin-bottom:7px;
color:#e53935;
font-size:11px;
font-weight:800;
text-transform:uppercase;
}
.eipmmumnetworkctacontent h2{
margin:0 0 10px;
color:#ffffff;
font-size:35px;
font-weight:800;
line-height:1.3;
}
.eipmmumnetworkctacontent p{
margin:0;
color:rgba(255,255,255,.7);
font-size:14px;
line-height:1.8;
}
.eipmmumnetworkctaactions{
display:flex;
align-items:center;
gap:12px;
min-width:max-content;
}
.eipmmumnetworkctaprimary,
.eipmmumnetworkctacall{
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
min-height:54px;
padding:14px 22px;
border-radius:7px;
text-decoration:none;
font-size:13px;
font-weight:700;
transition:.35s ease;
}
.eipmmumnetworkctaprimary{
background:#e53935;
color:#173d69;
}
.eipmmumnetworkctacall{
background:#ffffff;
color:#173d69;
}
/*==================================================
TABLET
==================================================*/
@media(max-width:991px){
.eipmmumnetworkbreadwrap{
align-items:flex-start;
gap:35px;
}
.eipmmumnetworkbreadcontent h1{
font-size:40px;
}
.eipmmumnetworkbreadpanel{
max-width:320px;
}
.eipmmumnetworkintrogrid,
.eipmmumnetworkroutesgrid,
.eipmmumnetworkwhygrid,
.eipmmumnetworkfaqgrid{
grid-template-columns:1fr;
gap:50px;
}
.eipmmumnetworkintrocontent h2,
.eipmmumnetworkroutesintro h2,
.eipmmumnetworkwhyintro h2,
.eipmmumnetworkfaqintro h2,
.eipmmumnetworkheading h2{
font-size:38px;
}
.eipmmumnetworkctawrap{
flex-direction:column;
align-items:flex-start;
}
}
/*==================================================
MOBILE
==================================================*/
@media(max-width:767px){
.eipmmumnetworkbread{
padding:55px 0;
}
.eipmmumnetworkbreadwrap{
flex-direction:column;
align-items:stretch;
gap:30px;
}
.eipmmumnetworkbreadcontent h1{
font-size:33px;
}
.eipmmumnetworkbreadpanel{
max-width:100%;
}
.eipmmumnetworkintro,
.eipmmumnetworkregions,
.eipmmumnetworkroutes,
.eipmmumnetworkservices,
.eipmmumnetworkwhy,
.eipmmumnetworkfaq{
padding:65px 0;
}
.eipmmumnetworkintrocontent h2,
.eipmmumnetworkroutesintro h2,
.eipmmumnetworkwhyintro h2,
.eipmmumnetworkfaqintro h2,
.eipmmumnetworkheading h2{
font-size:30px;
}
.eipmmumnetworkregionsgrid,
.eipmmumnetworkroutelist,
.eipmmumnetworkservicesgrid,
.eipmmumnetworkwhylist{
grid-template-columns:1fr;
}
.eipmmumnetworkintroactions{
flex-direction:column;
align-items:stretch;
}
.eipmmumnetworkprimarybtn,
.eipmmumnetworkcallbtn{
width:100%;
}
.eipmmumnetworkcoverage{
padding:32px 23px;
}
.eipmmumnetworkheading{
margin-bottom:40px;
text-align:left;
}
.eipmmumnetworkheading h2,
.eipmmumnetworkheading p{
text-align:left;
}
.eipmmumnetworkregioncard{
padding:27px 22px;
}
.eipmmumnetworkservicebox{
grid-template-columns:52px minmax(0,1fr) 25px;
gap:14px;
padding:19px;
}
.eipmmumnetworkserviceicon{
width:52px;
height:52px;
}
.eipmmumnetworkcta{
padding:60px 0;
}
.eipmmumnetworkctacontent h2{
font-size:28px;
}
.eipmmumnetworkctaactions{
width:100%;
min-width:0;
flex-direction:column;
align-items:stretch;
}
.eipmmumnetworkctaprimary,
.eipmmumnetworkctacall{
width:100%;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media(max-width:480px){
.eipmmumnetworkbreadcontent h1{
font-size:29px;
}
.eipmmumnetworkbreadpanel{
padding:18px 15px;
}
.eipmmumnetworkbreadicon{
width:52px;
height:52px;
min-width:52px;
font-size:20px;
}
.eipmmumnetworkintrocontent h2,
.eipmmumnetworkroutesintro h2,
.eipmmumnetworkwhyintro h2,
.eipmmumnetworkfaqintro h2,
.eipmmumnetworkheading h2{
font-size:27px;
}
.eipmmumnetworkcoverage{
padding:28px 18px;
}
.eipmmumnetworkcoveragehead h3{
font-size:23px;
}
.eipmmumnetworkregiontop > span{
font-size:23px;
}
.eipmmumnetworkcitylist{
gap:7px;
}
.eipmmumnetworkcitylist span{
min-height:32px;
padding:7px 10px;
font-size:10px;
}
.eipmmumnetworkrouteitem{
grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);
padding:15px;
}
.eipmmumnetworkroutearrow{
width:36px;
height:36px;
}
.eipmmumnetworkroutefrom,
.eipmmumnetworkrouteto{
font-size:12px;
}
.eipmmumnetworkservicebox{
grid-template-columns:48px minmax(0,1fr);
}
.eipmmumnetworkservicebox > i{
display:none;
}
.eipmmumnetworkserviceicon{
width:48px;
height:48px;
}
.eipmmumnetworkwhyitem{
padding:25px 20px;
}
.eipmmumnetworkfaqitem summary{
padding:18px;
font-size:13px;
}
.eipmmumnetworkfaqitem p{
padding:0 18px 19px;
}
}
/*========================================
TRACK YOUR SHIPMENT BUTTON
========================================*/
.eipmmumdesktoptrack{
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
padding:9px 17px;
background:#e53935;
color:#173d69;
border:1px solid #e53935;
border-radius:6px;
font-size:13px;
font-weight:700;
line-height:1.2;
text-decoration:none;
white-space:nowrap;
transition:
background .3s ease,
color .3s ease,
transform .3s ease,
box-shadow .3s ease;
}
.eipmmumdesktoptrack i{
font-size:14px;
}
.eipmmumdesktoptrack:hover{
background:#ffffff;
color:#173d69;
border-color:#ffffff;
transform:translateY(-2px);
box-shadow:0 7px 18px rgba(0,0,0,.15);
}
/*========================================
TABLET
========================================*/
@media(max-width:991px){
.eipmmumdesktoptrack{
padding:8px 14px;
font-size:12px;
}
}
/*========================================
MOBILE
========================================*/
@media(max-width:767px){
.eipmmumdesktoptrack{
padding:7px 11px;
gap:6px;
font-size:11px;
}
.eipmmumdesktoptrack i{
font-size:12px;
}
}
/*========================================
SMALL MOBILE
========================================*/
@media(max-width:480px){
.eipmmumdesktoptrack{
padding:7px 9px;
font-size:10px;
}
}
/*==================================================
SHIPMENT TRACKING SECTION
==================================================*/
.eipmmumtracksection{
position:relative;
width:100%;
padding:100px 0;
background:#f5f7fa;
font-family:"Poppins",sans-serif;
overflow:hidden;
}
.eipmmumtracksection::before{
content:"";
position:absolute;
width:450px;
height:450px;
top:-280px;
left:-250px;
border:70px solid rgba(23,61,105,.025);
border-radius:50%;
}
.eipmmumtracksection::after{
content:"";
position:absolute;
width:320px;
height:320px;
right:-210px;
bottom:-210px;
background:rgba(244,180,0,.06);
border-radius:50%;
}
.eipmmumtrackwrap{
position:relative;
z-index:2;
display:grid;
grid-template-columns:minmax(0,.90fr) minmax(0,1.10fr);
gap:75px;
align-items:center;
}
/*==================================================
LEFT CONTENT
==================================================*/
.eipmmumtrackcontent{
width:100%;
min-width:0;
text-align:left;
}
.eipmmumtrackeyebrow{
display:inline-flex;
align-items:center;
gap:8px;
margin:0 0 17px;
color:#e53935;
font-size:11px;
font-weight:800;
line-height:1.4;
letter-spacing:1px;
text-transform:uppercase;
}
.eipmmumtrackeyebrow i{
font-size:14px;
}
.eipmmumtrackcontent h2{
margin:0 0 22px;
color:#173d69;
font-size:45px;
font-weight:800;
line-height:1.22;
}
.eipmmumtrackcontent h2 span{
display:block;
color:#e53935;
}
.eipmmumtracklead{
max-width:570px;
margin:0 0 33px;
color:#68717d;
font-size:15px;
font-weight:400;
line-height:1.9;
}
/*==================================================
TRACK FEATURES
==================================================*/
.eipmmumtrackfeatures{
display:flex;
flex-direction:column;
gap:14px;
max-width:570px;
}
.eipmmumtrackfeature{
display:flex;
align-items:flex-start;
gap:16px;
padding:18px;
background:#ffffff;
border:1px solid #e1e7ed;
border-radius:10px;
transition:
transform .35s ease,
border-color .35s ease,
box-shadow .35s ease;
}
.eipmmumtrackfeature:hover{
transform:translateX(5px);
border-color:rgba(244,180,0,.55);
box-shadow:0 12px 30px rgba(23,61,105,.07);
}
.eipmmumtrackfeatureicon{
width:50px;
height:50px;
min-width:50px;
display:flex;
align-items:center;
justify-content:center;
background:#173d69;
color:#ffffff;
border-radius:9px;
font-size:18px;
}
.eipmmumtrackfeature > div:last-child{
width:100%;
min-width:0;
}
.eipmmumtrackfeature h3{
margin:0 0 5px;
color:#173d69;
font-size:15px;
font-weight:700;
}
.eipmmumtrackfeature p{
margin:0;
color:#707985;
font-size:12px;
line-height:1.7;
}
/*==================================================
TRACKING BOX
==================================================*/
.eipmmumtrackbox{
position:relative;
width:100%;
min-width:0;
padding:48px 43px 40px;
background:#ffffff;
border:1px solid #e0e6ed;
border-radius:18px;
box-shadow:0 25px 65px rgba(23,61,105,.12);
text-align:left;
overflow:hidden;
}
.eipmmumtrackbox::before{
content:"";
position:absolute;
width:230px;
height:230px;
top:-150px;
right:-140px;
background:rgba(244,180,0,.07);
border-radius:50%;
}
.eipmmumtrackboxicon{
position:relative;
z-index:2;
width:68px;
height:68px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:24px;
background:#173d69;
color:#ffffff;
border-radius:14px;
font-size:26px;
box-shadow:0 12px 25px rgba(23,61,105,.18);
}
.eipmmumtrackboxtag{
position:relative;
z-index:2;
display:block;
margin-bottom:7px;
color:#e53935;
font-size:10px;
font-weight:800;
letter-spacing:1px;
}
.eipmmumtrackbox h3{
position:relative;
z-index:2;
margin:0 0 10px;
color:#173d69;
font-size:29px;
font-weight:800;
line-height:1.35;
}
.eipmmumtrackbox > p{
position:relative;
z-index:2;
margin:0 0 28px;
color:#707985;
font-size:13px;
line-height:1.8;
}
/*==================================================
TRACKING FORM
==================================================*/
.eipmmumtrackform{
position:relative;
z-index:2;
width:100%;
}
.eipmmumtrackform label{
display:block;
margin-bottom:9px;
color:#173d69;
font-size:12px;
font-weight:700;
}
.eipmmumtracksearch{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:10px;
width:100%;
}
.eipmmumtrackinputwrap{
position:relative;
width:100%;
min-width:0;
}
.eipmmumtrackinputwrap > i{
position:absolute;
top:50%;
left:18px;
transform:translateY(-50%);
color:#173d69;
font-size:15px;
pointer-events:none;
}
.eipmmumtrackinputwrap input{
width:100%;
height:58px;
padding:0 18px 0 48px;
background:#f7f9fb;
border:1px solid #dce3ea;
border-radius:8px;
outline:none;
color:#173d69;
font-family:"Poppins",sans-serif;
font-size:13px;
font-weight:500;
transition:
border-color .3s ease,
box-shadow .3s ease,
background .3s ease;
}
.eipmmumtrackinputwrap input::placeholder{
color:#929ba5;
}
.eipmmumtrackinputwrap input:focus{
background:#ffffff;
border-color:#e53935;
box-shadow:0 0 0 4px rgba(244,180,0,.12);
}
.eipmmumtracksearch button{
min-width:145px;
height:58px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
padding:0 23px;
background:#e53935;
color:#173d69;
border:none;
border-radius:8px;
cursor:pointer;
font-family:"Poppins",sans-serif;
font-size:13px;
font-weight:800;
white-space:nowrap;
transition:
background .3s ease,
color .3s ease,
transform .3s ease,
box-shadow .3s ease;
}
.eipmmumtracksearch button:hover{
background:#173d69;
color:#ffffff;
transform:translateY(-2px);
box-shadow:0 10px 24px rgba(23,61,105,.18);
}
/*==================================================
HELP INFORMATION
==================================================*/
.eipmmumtrackhelp{
position:relative;
z-index:2;
display:flex;
align-items:flex-start;
gap:10px;
margin-top:16px;
}
.eipmmumtrackhelp i{
margin-top:4px;
color:#e53935;
font-size:13px;
}
.eipmmumtrackhelp p{
margin:0;
color:#818a94;
font-size:11px;
line-height:1.7;
}
/*==================================================
TRACK CONTACT
==================================================*/
.eipmmumtrackcontact{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
margin-top:27px;
padding-top:22px;
border-top:1px solid #e6ebf0;
}
.eipmmumtrackcontact span{
color:#707985;
font-size:11px;
font-weight:500;
}
.eipmmumtrackcontact a{
display:inline-flex;
align-items:center;
gap:7px;
color:#173d69;
text-decoration:none;
font-size:13px;
font-weight:800;
white-space:nowrap;
}
.eipmmumtrackcontact a i{
color:#e53935;
}
/*==================================================
TABLET RESPONSIVE
==================================================*/
@media(max-width:991px){
.eipmmumtracksection{
padding:80px 0;
}
.eipmmumtrackwrap{
grid-template-columns:1fr;
gap:50px;
}
.eipmmumtrackcontent{
max-width:750px;
}
.eipmmumtrackcontent h2{
font-size:39px;
}
.eipmmumtracklead,
.eipmmumtrackfeatures{
max-width:700px;
}
.eipmmumtrackbox{
max-width:750px;
}
}
/*==================================================
MOBILE RESPONSIVE
==================================================*/
@media(max-width:767px){
.eipmmumtracksection{
padding:65px 0;
}
.eipmmumtrackwrap{
gap:40px;
}
.eipmmumtrackcontent h2{
font-size:31px;
line-height:1.3;
}
.eipmmumtracklead{
margin-bottom:25px;
font-size:14px;
line-height:1.8;
}
.eipmmumtrackfeature{
padding:16px;
}
.eipmmumtrackbox{
padding:35px 25px 30px;
border-radius:14px;
}
.eipmmumtrackboxicon{
width:60px;
height:60px;
margin-bottom:20px;
font-size:22px;
}
.eipmmumtrackbox h3{
font-size:25px;
}
.eipmmumtracksearch{
grid-template-columns:1fr;
gap:11px;
}
.eipmmumtracksearch button{
width:100%;
}
.eipmmumtrackcontact{
align-items:flex-start;
flex-direction:column;
gap:8px;
}
}
/*==================================================
SMALL MOBILE RESPONSIVE
==================================================*/
@media(max-width:480px){
.eipmmumtracksection{
padding:55px 0;
}
.eipmmumtrackcontent h2{
font-size:27px;
}
.eipmmumtrackeyebrow{
font-size:10px;
}
.eipmmumtrackfeature{
gap:13px;
padding:14px;
}
.eipmmumtrackfeatureicon{
width:45px;
height:45px;
min-width:45px;
font-size:16px;
}
.eipmmumtrackfeature h3{
font-size:14px;
}
.eipmmumtrackfeature p{
font-size:11px;
}
.eipmmumtrackbox{
padding:30px 18px 27px;
}
.eipmmumtrackboxicon{
width:55px;
height:55px;
font-size:20px;
}
.eipmmumtrackbox h3{
font-size:22px;
}
.eipmmumtrackinputwrap input{
height:55px;
padding-left:44px;
font-size:12px;
}
.eipmmumtrackinputwrap > i{
left:16px;
}
.eipmmumtracksearch button{
height:55px;
font-size:12px;
}
}
/*==================================================
TRACKING PAGE GLOBAL
==================================================*/
.eipmmumtrackpagebread,
.eipmmumtrackpagemain,
.eipmmumtrackpagesteps,
.eipmmumtrackpageservices,
.eipmmumtrackpagehelp,
.eipmmumtrackpagefaq{
font-family:"Poppins",sans-serif;
}
.eipmmumtrackpageeyebrow{
display:inline-flex;
align-items:center;
gap:8px;
margin:0 0 15px;
color:#e53935;
font-size:11px;
font-weight:800;
line-height:1.5;
letter-spacing:1px;
text-transform:uppercase;
}
/*==================================================
BREADCRUMB
==================================================*/
.eipmmumtrackpagebread{
position:relative;
width:100%;
padding:85px 0;
background:#173d69;
overflow:hidden;
}
.eipmmumtrackpagebread::before{
content:"";
position:absolute;
width:430px;
height:430px;
top:-300px;
right:-160px;
border:70px solid rgba(255,255,255,.035);
border-radius:50%;
}
.eipmmumtrackpagebread::after{
content:"";
position:absolute;
width:260px;
height:260px;
left:-160px;
bottom:-190px;
background:rgba(244,180,0,.08);
border-radius:50%;
}
.eipmmumtrackpagebreadwrap{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:space-between;
gap:50px;
}
.eipmmumtrackpagebreadcontent{
flex:1;
min-width:0;
max-width:760px;
text-align:left;
}
.eipmmumtrackpagebreadlabel{
display:inline-flex;
margin-bottom:16px;
padding:8px 15px;
background:rgba(244,180,0,.14);
border-left:4px solid #e53935;
border-radius:0 5px 5px 0;
color:#e53935;
font-size:11px;
font-weight:800;
letter-spacing:.8px;
text-transform:uppercase;
}
.eipmmumtrackpagebreadcontent h1{
margin:0 0 15px;
color:#ffffff;
font-size:48px;
font-weight:800;
line-height:1.2;
}
.eipmmumtrackpagebreadcontent p{
max-width:680px;
margin:0 0 23px;
color:rgba(255,255,255,.72);
font-size:15px;
line-height:1.8;
}
.eipmmumtrackpagebreadcrumb{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:11px;
}
.eipmmumtrackpagebreadcrumb a{
display:inline-flex;
align-items:center;
gap:7px;
color:#ffffff;
text-decoration:none;
font-size:13px;
font-weight:600;
}
.eipmmumtrackpagebreadcrumb > i{
color:rgba(255,255,255,.35);
font-size:9px;
}
.eipmmumtrackpagebreadcrumb > span{
color:#e53935;
font-size:13px;
font-weight:700;
}
.eipmmumtrackpagebreadcard{
display:flex;
align-items:center;
gap:17px;
width:100%;
max-width:365px;
padding:23px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.12);
border-radius:14px;
}
.eipmmumtrackpagebreadicon{
width:65px;
height:65px;
min-width:65px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#173d69;
border-radius:12px;
font-size:24px;
}
.eipmmumtrackpagebreadcard span{
display:block;
margin-bottom:3px;
color:rgba(255,255,255,.58);
font-size:10px;
font-weight:700;
text-transform:uppercase;
}
.eipmmumtrackpagebreadcard h2{
margin:0 0 6px;
color:#ffffff;
font-size:17px;
font-weight:700;
}
.eipmmumtrackpagebreadcard a{
display:inline-flex;
align-items:center;
gap:7px;
color:#e53935;
text-decoration:none;
font-size:13px;
font-weight:700;
}
/*==================================================
MAIN TRACKING
==================================================*/
.eipmmumtrackpagemain{
position:relative;
padding:100px 0;
background:#f5f7fa;
overflow:hidden;
}
.eipmmumtrackpagegrid{
display:grid;
grid-template-columns:minmax(0,.90fr) minmax(0,1.10fr);
gap:75px;
align-items:center;
}
.eipmmumtrackpagecontent{
min-width:0;
text-align:left;
}
.eipmmumtrackpagecontent h2,
.eipmmumtrackpageservicesintro h2,
.eipmmumtrackpagefaqintro h2{
margin:0 0 22px;
color:#173d69;
font-size:43px;
font-weight:800;
line-height:1.25;
}
.eipmmumtrackpagecontent h2 span,
.eipmmumtrackpageservicesintro h2 span,
.eipmmumtrackpagefaqintro h2 span{
display:block;
color:#e53935;
}
.eipmmumtrackpagecontent > p,
.eipmmumtrackpageservicesintro > p,
.eipmmumtrackpagefaqintro > p{
margin:0 0 17px;
color:#68717d;
font-size:15px;
line-height:1.9;
}
.eipmmumtrackpagelead{
color:#46505c !important;
font-size:16px !important;
}
.eipmmumtrackpagepoints{
display:flex;
flex-direction:column;
gap:13px;
margin-top:30px;
}
.eipmmumtrackpagepoint{
display:flex;
align-items:flex-start;
gap:15px;
padding:17px;
background:#ffffff;
border:1px solid #e1e7ed;
border-radius:10px;
}
.eipmmumtrackpagepointicon{
width:48px;
height:48px;
min-width:48px;
display:flex;
align-items:center;
justify-content:center;
background:#173d69;
color:#ffffff;
border-radius:9px;
font-size:17px;
}
.eipmmumtrackpagepoint > div:last-child{
width:100%;
min-width:0;
}
.eipmmumtrackpagepoint h3{
margin:0 0 4px;
color:#173d69;
font-size:15px;
font-weight:700;
}
.eipmmumtrackpagepoint p{
margin:0;
color:#707985;
font-size:12px;
line-height:1.7;
}
/*==================================================
TRACKING CARD
==================================================*/
.eipmmumtrackpagecard{
position:relative;
width:100%;
min-width:0;
padding:48px 43px 40px;
background:#ffffff;
border:1px solid #e0e6ed;
border-radius:18px;
box-shadow:0 25px 65px rgba(23,61,105,.12);
overflow:hidden;
}
.eipmmumtrackpagecard::before{
content:"";
position:absolute;
width:240px;
height:240px;
top:-160px;
right:-140px;
background:rgba(244,180,0,.08);
border-radius:50%;
}
.eipmmumtrackpagecardtop{
position:relative;
z-index:2;
display:flex;
align-items:center;
gap:15px;
margin-bottom:22px;
}
.eipmmumtrackpagecardicon{
width:65px;
height:65px;
display:flex;
align-items:center;
justify-content:center;
background:#173d69;
color:#ffffff;
border-radius:13px;
font-size:24px;
}
.eipmmumtrackpagecardtop > span{
color:#e53935;
font-size:10px;
font-weight:800;
letter-spacing:1px;
}
.eipmmumtrackpagecard > h2{
position:relative;
z-index:2;
margin:0 0 9px;
color:#173d69;
font-size:29px;
font-weight:800;
}
.eipmmumtrackpagecarddesc{
position:relative;
z-index:2;
margin:0 0 27px;
color:#707985;
font-size:13px;
line-height:1.8;
}
.eipmmumtrackpageform{
position:relative;
z-index:2;
}
.eipmmumtrackpageform label{
display:block;
margin-bottom:9px;
color:#173d69;
font-size:12px;
font-weight:700;
}
.eipmmumtrackpageinput{
position:relative;
width:100%;
}
.eipmmumtrackpageinput i{
position:absolute;
top:50%;
left:18px;
transform:translateY(-50%);
color:#173d69;
font-size:15px;
}
.eipmmumtrackpageinput input{
width:100%;
height:59px;
padding:0 18px 0 48px;
background:#f7f9fb;
border:1px solid #dce3ea;
border-radius:8px;
outline:none;
color:#173d69;
font-family:"Poppins",sans-serif;
font-size:13px;
font-weight:500;
}
.eipmmumtrackpageinput input:focus{
background:#ffffff;
border-color:#e53935;
box-shadow:0 0 0 4px rgba(244,180,0,.12);
}
.eipmmumtrackpagebtn{
width:100%;
min-height:58px;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
margin-top:12px;
padding:14px 22px;
background:#e53935;
color:#173d69;
border:0;
border-radius:8px;
cursor:pointer;
font-family:"Poppins",sans-serif;
font-size:13px;
font-weight:800;
transition:.35s ease;
}
.eipmmumtrackpagebtn:hover{
background:#173d69;
color:#ffffff;
transform:translateY(-2px);
}
.eipmmumtrackpageinfo{
display:flex;
align-items:flex-start;
gap:9px;
margin-top:15px;
}
.eipmmumtrackpageinfo i{
margin-top:4px;
color:#e53935;
font-size:13px;
}
.eipmmumtrackpageinfo p{
margin:0;
color:#818a94;
font-size:11px;
line-height:1.7;
}
.eipmmumtrackpagecardhelp{
display:flex;
align-items:center;
gap:13px;
margin-top:25px;
padding-top:21px;
border-top:1px solid #e5eaf0;
}
.eipmmumtrackpagehelpicon{
width:45px;
height:45px;
min-width:45px;
display:flex;
align-items:center;
justify-content:center;
background:#173d69;
color:#ffffff;
border-radius:50%;
}
.eipmmumtrackpagecardhelp span{
display:block;
color:#7a838d;
font-size:10px;
}
.eipmmumtrackpagecardhelp a{
color:#173d69;
text-decoration:none;
font-size:14px;
font-weight:800;
}
/*==================================================
STEPS
==================================================*/
.eipmmumtrackpagesteps{
padding:95px 0;
background:#ffffff;
}
.eipmmumtrackpageheading{
max-width:760px;
margin:0 auto 55px;
text-align:center;
}
.eipmmumtrackpageheading > span{
color:#e53935;
font-size:11px;
font-weight:800;
letter-spacing:1px;
text-transform:uppercase;
}
.eipmmumtrackpageheading h2{
margin:10px 0 16px;
color:#173d69;
font-size:42px;
font-weight:800;
line-height:1.3;
}
.eipmmumtrackpageheading h2 strong{
color:#e53935;
}
.eipmmumtrackpageheading p{
margin:0;
color:#707985;
font-size:15px;
line-height:1.8;
}
.eipmmumtrackpagestepsgrid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:22px;
}
.eipmmumtrackpagestep{
position:relative;
min-width:0;
padding:35px 30px;
background:#f7f9fb;
border:1px solid #e2e8ee;
border-radius:14px;
text-align:left;
overflow:hidden;
transition:.35s ease;
}
.eipmmumtrackpagestep:hover{
transform:translateY(-5px);
background:#ffffff;
box-shadow:0 18px 40px rgba(23,61,105,.09);
}
.eipmmumtrackpagestepnumber{
position:absolute;
top:17px;
right:22px;
color:rgba(23,61,105,.07);
font-size:42px;
font-weight:800;
}
.eipmmumtrackpagestepicon{
width:60px;
height:60px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:23px;
background:#173d69;
color:#ffffff;
border-radius:11px;
font-size:21px;
}
.eipmmumtrackpagestep h3{
margin:0 0 9px;
color:#173d69;
font-size:18px;
font-weight:700;
}
.eipmmumtrackpagestep p{
margin:0;
color:#707985;
font-size:13px;
line-height:1.8;
}
/*==================================================
TRACKABLE SERVICES
==================================================*/
.eipmmumtrackpageservices{
padding:100px 0;
background:#f5f7fa;
}
.eipmmumtrackpageservicesgrid{
display:grid;
grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
gap:70px;
align-items:center;
}
.eipmmumtrackpageservicesintro{
min-width:0;
text-align:left;
}
.eipmmumtrackpagecontactbtn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
min-height:53px;
margin-top:10px;
padding:14px 23px;
background:#173d69;
color:#ffffff;
border-radius:7px;
text-decoration:none;
font-size:13px;
font-weight:700;
}
.eipmmumtrackpageservicelist{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:17px;
}
.eipmmumtrackpageserviceitem{
display:block;
min-width:0;
padding:27px;
background:#ffffff;
border:1px solid #e2e8ee;
border-radius:12px;
text-align:left;
}
.eipmmumtrackpageserviceicon{
width:53px;
height:53px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:18px;
background:#173d69;
color:#ffffff;
border-radius:10px;
font-size:19px;
}
.eipmmumtrackpageserviceitem h3{
margin:0 0 8px;
color:#173d69;
font-size:16px;
font-weight:700;
}
.eipmmumtrackpageserviceitem p{
margin:0;
color:#707985;
font-size:12px;
line-height:1.8;
}
/*==================================================
TRACKING HELP
==================================================*/
.eipmmumtrackpagehelp{
position:relative;
padding:75px 0;
background:#173d69;
overflow:hidden;
}
.eipmmumtrackpagehelp::after{
content:"";
position:absolute;
width:300px;
height:300px;
right:-180px;
bottom:-220px;
background:rgba(244,180,0,.08);
border-radius:50%;
}
.eipmmumtrackpagehelpwrap{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:space-between;
gap:45px;
}
.eipmmumtrackpagehelpcontent{
max-width:720px;
text-align:left;
}
.eipmmumtrackpagehelpcontent > span{
display:block;
margin-bottom:7px;
color:#e53935;
font-size:11px;
font-weight:800;
text-transform:uppercase;
}
.eipmmumtrackpagehelpcontent h2{
margin:0 0 10px;
color:#ffffff;
font-size:34px;
font-weight:800;
line-height:1.3;
}
.eipmmumtrackpagehelpcontent p{
margin:0;
color:rgba(255,255,255,.7);
font-size:14px;
line-height:1.8;
}
.eipmmumtrackpagehelpactions{
display:flex;
align-items:center;
gap:11px;
min-width:max-content;
}
.eipmmumtrackpagehelpcall,
.eipmmumtrackpagehelpwhatsapp{
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
min-height:53px;
padding:14px 21px;
border-radius:7px;
text-decoration:none;
font-size:12px;
font-weight:700;
}
.eipmmumtrackpagehelpcall{
background:#e53935;
color:#173d69;
}
.eipmmumtrackpagehelpwhatsapp{
background:#ffffff;
color:#173d69;
}
/*==================================================
FAQ
==================================================*/
.eipmmumtrackpagefaq{
padding:100px 0;
background:#ffffff;
}
.eipmmumtrackpagefaqgrid{
display:grid;
grid-template-columns:minmax(0,.70fr) minmax(0,1.30fr);
gap:70px;
align-items:start;
}
.eipmmumtrackpagefaqintro{
min-width:0;
text-align:left;
}
.eipmmumtrackpagefaqlist{
display:flex;
flex-direction:column;
gap:13px;
}
.eipmmumtrackpagefaqitem{
background:#f7f9fb;
border:1px solid #e2e8ee;
border-radius:9px;
overflow:hidden;
}
.eipmmumtrackpagefaqitem summary{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding:20px 22px;
color:#173d69;
cursor:pointer;
list-style:none;
font-size:14px;
font-weight:700;
}
.eipmmumtrackpagefaqitem summary::-webkit-details-marker{
display:none;
}
.eipmmumtrackpagefaqitem summary i{
font-size:12px;
transition:transform .3s ease;
}
.eipmmumtrackpagefaqitem[open] summary i{
transform:rotate(45deg);
}
.eipmmumtrackpagefaqitem p{
margin:0;
padding:0 22px 21px;
color:#707985;
font-size:13px;
line-height:1.8;
}
/*==================================================
TABLET
==================================================*/
@media(max-width:991px){
.eipmmumtrackpagebreadwrap{
align-items:flex-start;
gap:35px;
}
.eipmmumtrackpagebreadcontent h1{
font-size:40px;
}
.eipmmumtrackpagebreadcard{
max-width:320px;
}
.eipmmumtrackpagegrid,
.eipmmumtrackpageservicesgrid,
.eipmmumtrackpagefaqgrid{
grid-template-columns:1fr;
gap:50px;
}
.eipmmumtrackpagecontent h2,
.eipmmumtrackpageservicesintro h2,
.eipmmumtrackpagefaqintro h2,
.eipmmumtrackpageheading h2{
font-size:38px;
}
.eipmmumtrackpagecard{
max-width:760px;
}
.eipmmumtrackpagehelpwrap{
flex-direction:column;
align-items:flex-start;
}
}
/*==================================================
MOBILE
==================================================*/
@media(max-width:767px){
.eipmmumtrackpagebread{
padding:55px 0;
}
.eipmmumtrackpagebreadwrap{
flex-direction:column;
align-items:stretch;
gap:30px;
}
.eipmmumtrackpagebreadcontent h1{
font-size:33px;
}
.eipmmumtrackpagebreadcard{
max-width:100%;
}
.eipmmumtrackpagemain,
.eipmmumtrackpagesteps,
.eipmmumtrackpageservices,
.eipmmumtrackpagefaq{
padding:65px 0;
}
.eipmmumtrackpagecontent h2,
.eipmmumtrackpageservicesintro h2,
.eipmmumtrackpagefaqintro h2,
.eipmmumtrackpageheading h2{
font-size:30px;
}
.eipmmumtrackpagestepsgrid,
.eipmmumtrackpageservicelist{
grid-template-columns:1fr;
}
.eipmmumtrackpagecard{
padding:35px 25px 30px;
border-radius:14px;
}
.eipmmumtrackpagecard > h2{
font-size:25px;
}
.eipmmumtrackpageheading{
margin-bottom:40px;
text-align:left;
}
.eipmmumtrackpageheading h2,
.eipmmumtrackpageheading p{
text-align:left;
}
.eipmmumtrackpagehelp{
padding:60px 0;
}
.eipmmumtrackpagehelpcontent h2{
font-size:28px;
}
.eipmmumtrackpagehelpactions{
width:100%;
min-width:0;
flex-direction:column;
align-items:stretch;
}
.eipmmumtrackpagehelpcall,
.eipmmumtrackpagehelpwhatsapp{
width:100%;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media(max-width:480px){
.eipmmumtrackpagebreadcontent h1{
font-size:29px;
}
.eipmmumtrackpagebreadcard{
padding:18px 15px;
}
.eipmmumtrackpagebreadicon{
width:52px;
height:52px;
min-width:52px;
font-size:19px;
}
.eipmmumtrackpagecontent h2,
.eipmmumtrackpageservicesintro h2,
.eipmmumtrackpagefaqintro h2,
.eipmmumtrackpageheading h2{
font-size:27px;
}
.eipmmumtrackpagecard{
padding:30px 18px 27px;
}
.eipmmumtrackpagecardicon{
width:55px;
height:55px;
font-size:20px;
}
.eipmmumtrackpagecard > h2{
font-size:22px;
}
.eipmmumtrackpageinput input{
height:55px;
padding-left:44px;
font-size:12px;
}
.eipmmumtrackpagebtn{
min-height:55px;
font-size:12px;
}
.eipmmumtrackpagestep{
padding:30px 22px;
}
.eipmmumtrackpageserviceitem{
padding:24px 21px;
}
.eipmmumtrackpagefaqitem summary{
padding:18px;
font-size:13px;
}
.eipmmumtrackpagefaqitem p{
padding:0 18px 19px;
}
}
/*==================================================
PREMIUM SHIPMENT TRACKING
==================================================*/
.eipmmumshiptrack{
position:relative;
width:100%;
padding:100px 0;
background:#f5f7fa;
font-family:"Poppins",sans-serif;
overflow:hidden;
}
.eipmmumshiptrack::before{
content:"";
position:absolute;
width:450px;
height:450px;
top:-310px;
left:-270px;
border:75px solid rgba(23,61,105,.025);
border-radius:50%;
}
.eipmmumshiptrack::after{
content:"";
position:absolute;
width:300px;
height:300px;
right:-190px;
bottom:-210px;
background:rgba(244,180,0,.07);
border-radius:50%;
}
.eipmmumshiptrackwrap{
position:relative;
z-index:2;
width:100%;
}
/*==================================================
SECTION HEADING
==================================================*/
.eipmmumshiptrackheading{
width:100%;
max-width:760px;
margin:0 auto 45px;
text-align:center;
}
.eipmmumshiptracktag{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
margin-bottom:14px;
color:#e53935;
font-size:11px;
font-weight:800;
line-height:1.5;
letter-spacing:1px;
text-transform:uppercase;
}
.eipmmumshiptracktag i{
font-size:14px;
}
.eipmmumshiptrackheading h2{
margin:0 0 17px;
color:#173d69;
font-size:44px;
font-weight:800;
line-height:1.25;
}
.eipmmumshiptrackheading h2 span{
color:#e53935;
}
.eipmmumshiptrackheading p{
max-width:650px;
margin:0 auto;
color:#68717d;
font-size:15px;
line-height:1.9;
}
/*==================================================
MAIN TRACKING PANEL
==================================================*/
.eipmmumshiptrackpanel{
position:relative;
width:100%;
max-width:1180px;
margin:0 auto;
padding:42px 48px 38px;
background:#173d69;
border-radius:18px;
box-shadow:0 25px 60px rgba(23,61,105,.18);
overflow:hidden;
}
.eipmmumshiptrackpanel::before{
content:"";
position:absolute;
width:250px;
height:250px;
top:-170px;
right:-140px;
border:45px solid rgba(255,255,255,.035);
border-radius:50%;
}
.eipmmumshiptrackpanel::after{
content:"";
position:absolute;
width:160px;
height:160px;
left:-110px;
bottom:-110px;
background:rgba(244,180,0,.08);
border-radius:50%;
}
/*==================================================
PANEL HEADING
==================================================*/
.eipmmumshiptrackpanelhead{
position:relative;
z-index:2;
display:flex;
align-items:center;
gap:16px;
margin-bottom:25px;
}
.eipmmumshiptrackpanelicon{
width:58px;
height:58px;
min-width:58px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#173d69;
border-radius:11px;
font-size:21px;
}
.eipmmumshiptrackpanelhead > div:last-child{
min-width:0;
}
.eipmmumshiptrackpanelhead span{
display:block;
margin-bottom:3px;
color:#e53935;
font-size:10px;
font-weight:800;
letter-spacing:1px;
}
.eipmmumshiptrackpanelhead h3{
margin:0;
color:#ffffff;
font-size:22px;
font-weight:700;
line-height:1.4;
}
/*==================================================
TRACKING FORM
==================================================*/
.eipmmumshiptrackform{
position:relative;
z-index:2;
width:100%;
}
.eipmmumshiptracksearch{
display:grid;
grid-template-columns:minmax(0,1fr) 200px;
gap:14px;
width:100%;
}
.eipmmumshiptrackinput{
position:relative;
width:100%;
min-width:0;
}
.eipmmumshiptrackinput > i{
position:absolute;
top:50%;
left:23px;
transform:translateY(-50%);
color:#173d69;
font-size:18px;
pointer-events:none;
}
.eipmmumshiptrackinput input{
width:100%;
height:72px;
padding:0 25px 0 60px;
background:#ffffff;
border:2px solid transparent;
border-radius:10px;
outline:none;
color:#173d69;
font-family:"Poppins",sans-serif;
font-size:16px;
font-weight:600;
transition:
border-color .3s ease,
box-shadow .3s ease;
}
.eipmmumshiptrackinput input::placeholder{
color:#8c96a1;
font-size:15px;
font-weight:500;
}
.eipmmumshiptrackinput input:focus{
border-color:#e53935;
box-shadow:0 0 0 4px rgba(244,180,0,.15);
}
/*==================================================
TRACK BUTTON
==================================================*/
.eipmmumshiptracksearch button{
width:200px;
height:72px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
padding:0 20px;
background:#e53935;
color:#173d69;
border:0;
border-radius:10px;
cursor:pointer;
font-family:"Poppins",sans-serif;
font-size:13px;
font-weight:800;
white-space:nowrap;
transition:
background .3s ease,
color .3s ease,
transform .3s ease,
box-shadow .3s ease;
}
.eipmmumshiptracksearch button:hover{
background:#ffffff;
color:#173d69;
transform:translateY(-2px);
box-shadow:0 12px 25px rgba(0,0,0,.15);
}
.eipmmumshiptracksearch button i:last-child{
font-size:12px;
transition:transform .3s ease;
}
.eipmmumshiptracksearch button:hover i:last-child{
transform:translateX(4px);
}
/*==================================================
TRACK NOTE
==================================================*/
.eipmmumshiptracknote{
position:relative;
z-index:2;
display:flex;
align-items:flex-start;
gap:9px;
margin-top:14px;
}
.eipmmumshiptracknote i{
margin-top:3px;
color:#e53935;
font-size:12px;
}
.eipmmumshiptracknote span{
color:rgba(255,255,255,.63);
font-size:11px;
line-height:1.7;
}
/*==================================================
TRACKING CARDS
==================================================*/
.eipmmumshiptrackcards{
position:relative;
z-index:3;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:20px;
width:calc(100% - 100px);
max-width:1280px;
margin:-1px auto 0;
padding-top:35px;
}
.eipmmumshiptrackcard{
position:relative;
display:block;
min-width:0;
min-height:235px;
padding:30px 27px;
background:#ffffff;
border:1px solid #e1e7ed;
border-radius:13px;
overflow:hidden;
transition:
transform .35s ease,
border-color .35s ease,
box-shadow .35s ease;
}
.eipmmumshiptrackcard:hover{
transform:translateY(-5px);
border-color:rgba(244,180,0,.55);
box-shadow:0 18px 40px rgba(23,61,105,.10);
}
.eipmmumshiptracknumber{
position:absolute;
top:18px;
right:21px;
color:rgba(23,61,105,.07);
font-size:42px;
font-weight:800;
line-height:1;
}
.eipmmumshiptrackcardicon{
width:58px;
height:58px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:22px;
background:#173d69;
color:#ffffff;
border-radius:11px;
font-size:20px;
transition:
background .35s ease,
color .35s ease;
}
.eipmmumshiptrackcard:hover .eipmmumshiptrackcardicon{
background:#e53935;
color:#173d69;
}
.eipmmumshiptrackcardcontent{
width:100%;
min-width:0;
text-align:left;
}
.eipmmumshiptrackcardcontent h3{
margin:0 0 9px;
color:#173d69;
font-size:17px;
font-weight:700;
line-height:1.45;
}
.eipmmumshiptrackcardcontent p{
margin:0;
color:#707985;
font-size:12px;
line-height:1.8;
}
/*==================================================
SUPPORT STRIP
==================================================*/
.eipmmumshiptracksupport{
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
width:100%;
max-width:1250px;
margin:35px auto 0;
padding:23px 27px;
background:#ffffff;
border:1px solid #e1e7ed;
border-left:5px solid #e53935;
border-radius:10px;
box-shadow:0 10px 30px rgba(23,61,105,.06);
}
.eipmmumshiptracksupportleft{
display:flex;
align-items:center;
gap:15px;
min-width:0;
}
.eipmmumshiptracksupporticon{
width:52px;
height:52px;
min-width:52px;
display:flex;
align-items:center;
justify-content:center;
background:#173d69;
color:#ffffff;
border-radius:50%;
font-size:18px;
}
.eipmmumshiptracksupportleft > div:last-child{
min-width:0;
}
.eipmmumshiptracksupportleft span{
display:block;
margin-bottom:3px;
color:#7a838d;
font-size:10px;
font-weight:600;
}
.eipmmumshiptracksupportleft h3{
margin:0;
color:#173d69;
font-size:17px;
font-weight:700;
line-height:1.4;
}
.eipmmumshiptracksupportactions{
display:flex;
align-items:center;
gap:10px;
min-width:max-content;
}
.eipmmumshiptrackcall,
.eipmmumshiptrackwhatsapp{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:47px;
padding:12px 18px;
border-radius:7px;
text-decoration:none;
font-size:12px;
font-weight:700;
transition:
transform .3s ease,
box-shadow .3s ease;
}
.eipmmumshiptrackcall{
background:#173d69;
color:#ffffff;
}
.eipmmumshiptrackwhatsapp{
background:#25d366;
color:#ffffff;
}
.eipmmumshiptrackcall:hover,
.eipmmumshiptrackwhatsapp:hover{
transform:translateY(-2px);
box-shadow:0 8px 18px rgba(23,61,105,.15);
}
/*==================================================
TABLET
==================================================*/
@media(max-width:991px){
.eipmmumshiptrack{
padding:80px 0;
}
.eipmmumshiptrackheading h2{
font-size:38px;
}
.eipmmumshiptrackpanel{
padding:35px 32px 31px;
}
.eipmmumshiptrackcards{
width:100%;
}
.eipmmumshiptracksupport{
align-items:flex-start;
}
}
/*==================================================
MOBILE
==================================================*/
@media(max-width:767px){
.eipmmumshiptrack{
padding:65px 0;
}
.eipmmumshiptrackheading{
margin-bottom:35px;
text-align:left;
}
.eipmmumshiptracktag{
justify-content:flex-start;
}
.eipmmumshiptrackheading h2{
font-size:30px;
line-height:1.3;
}
.eipmmumshiptrackheading p{
margin:0;
font-size:14px;
line-height:1.8;
}
.eipmmumshiptrackpanel{
padding:30px 24px 27px;
border-radius:14px;
}
.eipmmumshiptrackpanelhead{
margin-bottom:22px;
}
.eipmmumshiptrackpanelhead h3{
font-size:19px;
}
.eipmmumshiptracksearch{
grid-template-columns:1fr;
gap:11px;
}
.eipmmumshiptracksearch button{
width:100%;
min-width:0;
}
.eipmmumshiptrackcards{
grid-template-columns:1fr;
gap:14px;
padding-top:25px;
}
.eipmmumshiptrackcard{
min-height:auto;
padding:25px 23px;
}
.eipmmumshiptracksupport{
flex-direction:column;
align-items:stretch;
gap:22px;
margin-top:25px;
padding:22px;
}
.eipmmumshiptracksupportactions{
width:100%;
min-width:0;
}
.eipmmumshiptrackcall,
.eipmmumshiptrackwhatsapp{
flex:1;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media(max-width:480px){
.eipmmumshiptrack{
padding:55px 0;
}
.eipmmumshiptrackheading h2{
font-size:27px;
}
.eipmmumshiptrackpanel{
padding:26px 18px 24px;
}
.eipmmumshiptrackpanelhead{
align-items:flex-start;
gap:13px;
}
.eipmmumshiptrackpanelicon{
width:50px;
height:50px;
min-width:50px;
font-size:18px;
}
.eipmmumshiptrackpanelhead h3{
font-size:17px;
}
.eipmmumshiptrackinput input{
height:57px;
padding-left:47px;
font-size:12px;
}
.eipmmumshiptrackinput > i{
left:17px;
font-size:14px;
}
.eipmmumshiptracksearch button{
height:57px;
font-size:12px;
}
.eipmmumshiptrackcard{
padding:23px 20px;
}
.eipmmumshiptrackcardicon{
width:52px;
height:52px;
margin-bottom:18px;
font-size:18px;
}
.eipmmumshiptrackcardcontent h3{
font-size:16px;
}
.eipmmumshiptrackcardcontent p{
font-size:12px;
}
.eipmmumshiptracksupportleft{
align-items:flex-start;
}
.eipmmumshiptracksupporticon{
width:46px;
height:46px;
min-width:46px;
font-size:16px;
}
.eipmmumshiptracksupportleft h3{
font-size:15px;
}
.eipmmumshiptracksupportactions{
flex-direction:column;
}
.eipmmumshiptrackcall,
.eipmmumshiptrackwhatsapp{
width:100%;
}
}
/*========================================
TABLET
========================================*/
@media(max-width:991px){
.eipmmumshiptrackpanel{
max-width:100%;
padding:38px 35px 34px;
}
.eipmmumshiptracksearch{
grid-template-columns:minmax(0,1fr) 190px;
}
.eipmmumshiptracksearch button{
width:190px;
}
}
/*========================================
MOBILE
========================================*/
@media(max-width:767px){
.eipmmumshiptrackpanel{
padding:30px 24px 27px;
}
.eipmmumshiptracksearch{
grid-template-columns:1fr;
gap:12px;
}
.eipmmumshiptrackinput input{
height:65px;
padding-left:54px;
font-size:14px;
}
.eipmmumshiptrackinput input::placeholder{
font-size:13px;
}
.eipmmumshiptrackinput > i{
left:20px;
font-size:16px;
}
.eipmmumshiptracksearch button{
width:100%;
height:62px;
font-size:13px;
}
}
/*========================================
SMALL MOBILE
========================================*/
@media(max-width:480px){
.eipmmumshiptrackpanel{
padding:27px 18px 24px;
}
.eipmmumshiptrackinput input{
height:62px;
padding:0 18px 0 50px;
font-size:13px;
}
.eipmmumshiptrackinput > i{
left:18px;
font-size:15px;
}
.eipmmumshiptracksearch button{
height:60px;
}
}
/*==================================================
FIX TRACKING INPUT WIDTH - DESKTOP
==================================================*/
@media screen and (min-width: 992px){
.eipmmumshiptrackpanel{
width:100% !important;
max-width:1280px !important;
box-sizing:border-box !important;
}
.eipmmumshiptrackform{
display:block !important;
width:100% !important;
max-width:none !important;
}
.eipmmumshiptracksearch{
display:flex !important;
align-items:center !important;
width:100% !important;
max-width:none !important;
gap:15px !important;
}
.eipmmumshiptrackinput{
display:block !important;
flex:1 1 auto !important;
width:auto !important;
max-width:none !important;
min-width:0 !important;
}
.eipmmumshiptrackinput input{
display:block !important;
width:100% !important;
max-width:none !important;
min-width:0 !important;
height:72px !important;
padding:0 25px 0 60px !important;
box-sizing:border-box !important;
}
.eipmmumshiptracksearch button{
flex:0 0 215px !important;
width:215px !important;
min-width:215px !important;
height:72px !important;
}
}
.bipmarea{
position:relative;
width:100%;
padding:100px 0;
background:#f5f7fa;
font-family:"Poppins",sans-serif;
overflow:hidden;
}
.bipmarea,
.bipmarea *{
box-sizing:border-box;
}
.bipmarea::before{
content:"";
position:absolute;
width:420px;
height:420px;
top:-300px;
right:-260px;
border:70px solid rgba(23,61,105,.025);
border-radius:50%;
}
/*==================================================
SECTION TOP
==================================================*/
.bipmareatop{
position:relative;
z-index:2;
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:55px;
width:100%;
margin-bottom:48px;
}
/*==================================================
SECTION HEADING
==================================================*/
.bipmareaheading{
width:100%;
max-width:720px;
text-align:left;
}
.bipmareatag{
display:inline-flex;
align-items:center;
justify-content:flex-start;
gap:8px;
margin-bottom:14px;
color:#e53935;
font-size:11px;
font-weight:800;
line-height:1.5;
letter-spacing:1px;
text-transform:uppercase;
}
.bipmareatag i{
font-size:13px;
}
.bipmareaheading h2{
margin:0 0 18px;
color:#173d69;
font-size:44px;
font-weight:800;
line-height:1.25;
}
.bipmareaheading h2 span{
color:#e53935;
}
.bipmareaheading p{
max-width:680px;
margin:0;
color:#68717d;
font-size:15px;
font-weight:400;
line-height:1.9;
}
/*==================================================
TOP INFORMATION BOX
==================================================*/
.bipmareatopinfo{
display:flex;
align-items:center;
gap:16px;
width:100%;
max-width:390px;
padding:21px;
background:#ffffff;
border:1px solid #e1e7ed;
border-radius:11px;
box-shadow:0 12px 32px rgba(23,61,105,.07);
}
.bipmareatopicon{
width:60px;
height:60px;
min-width:60px;
display:flex;
align-items:center;
justify-content:center;
background:#173d69;
color:#ffffff;
border-radius:10px;
font-size:21px;
}
.bipmareatopcontent{
min-width:0;
}
.bipmareatopcontent span{
display:block;
margin-bottom:4px;
color:#e53935;
font-size:9px;
font-weight:800;
line-height:1.5;
letter-spacing:.7px;
text-transform:uppercase;
}
.bipmareatopcontent h3{
margin:0 0 5px;
color:#173d69;
font-size:15px;
font-weight:700;
line-height:1.5;
}
.bipmareatopcontent p{
margin:0;
color:#78818c;
font-size:11px;
font-weight:400;
line-height:1.65;
}
/*==================================================
SERVICE AREA GRID
==================================================*/
.bipmareagrid{
position:relative;
z-index:2;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:15px;
width:100%;
}
/*==================================================
SERVICE AREA BOX
==================================================*/
.bipmareabox{
position:relative;
display:flex;
align-items:center;
gap:15px;
width:100%;
min-width:0;
min-height:82px;
padding:17px 18px;
background:#ffffff;
border:1px solid #e0e6ed;
border-radius:9px;
color:#173d69;
cursor:default;
overflow:hidden;
transition:
transform .35s ease,
border-color .35s ease,
box-shadow .35s ease,
background .35s ease;
}
.bipmareabox::before{
content:"";
position:absolute;
top:0;
left:0;
width:4px;
height:100%;
background:#e53935;
transform:scaleY(0);
transform-origin:bottom;
transition:transform .35s ease;
}
.bipmareabox:hover{
transform:translateY(-3px);
border-color:rgba(244,180,0,.60);
box-shadow:0 13px 30px rgba(23,61,105,.09);
}
.bipmareabox:hover::before{
transform:scaleY(1);
}
/*==================================================
SERVICE AREA ICON
==================================================*/
.bipmareaicon{
width:46px;
height:46px;
min-width:46px;
display:flex;
align-items:center;
justify-content:center;
background:#eef3f8;
color:#173d69;
border-radius:8px;
font-size:14px;
transition:
background .35s ease,
color .35s ease,
transform .35s ease;
}
.bipmareabox:hover .bipmareaicon{
background:#173d69;
color:#ffffff;
transform:rotate(-5deg);
}
/*==================================================
AREA NAME
==================================================*/
.bipmareaname{
display:block;
flex:1 1 auto;
min-width:0;
color:#66717c;
font-size:10px;
font-weight:500;
line-height:1.45;
text-align:left;
}
.bipmareaname strong{
display:block;
margin-top:2px;
color:#173d69;
font-size:14px;
font-weight:700;
line-height:1.5;
}
/*==================================================
RIGHT LOCATION ICON
==================================================*/
.bipmareaarrow{
flex:0 0 auto;
color:#c1c8d0;
font-size:12px;
transition:
color .35s ease,
transform .35s ease;
}
.bipmareabox:hover .bipmareaarrow{
color:#e53935;
transform:scale(1.15);
}
/*==================================================
BOTTOM CTA
==================================================*/
.bipmareabottom{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
width:100%;
margin-top:35px;
padding:25px 28px;
background:#173d69;
border-radius:11px;
overflow:hidden;
}
.bipmareabottom::after{
content:"";
position:absolute;
width:200px;
height:200px;
top:-120px;
right:-115px;
border:38px solid rgba(255,255,255,.035);
border-radius:50%;
}
.bipmareabottomcontent{
position:relative;
z-index:2;
display:flex;
align-items:center;
gap:16px;
min-width:0;
}
.bipmareabottomcontent > i{
width:55px;
height:55px;
min-width:55px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#173d69;
border-radius:10px;
font-size:19px;
}
.bipmareabottomcontent > div{
min-width:0;
}
.bipmareabottomcontent span{
display:block;
margin-bottom:4px;
color:#e53935;
font-size:10px;
font-weight:800;
line-height:1.5;
letter-spacing:.6px;
}
.bipmareabottomcontent h3{
margin:0;
color:#ffffff;
font-size:17px;
font-weight:700;
line-height:1.5;
}
/*==================================================
QUOTE BUTTON
==================================================*/
.bipmareaquote{
position:relative;
z-index:2;
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
min-width:max-content;
min-height:51px;
padding:13px 22px;
background:#e53935;
color:#173d69;
border-radius:7px;
text-decoration:none;
font-size:12px;
font-weight:800;
line-height:1.5;
white-space:nowrap;
transition:
background .3s ease,
color .3s ease,
transform .3s ease,
box-shadow .3s ease;
}
.bipmareaquote:hover{
background:#ffffff;
color:#173d69;
transform:translateY(-2px);
box-shadow:0 10px 22px rgba(0,0,0,.15);
}
.bipmareaquote i{
font-size:11px;
transition:transform .3s ease;
}
.bipmareaquote:hover i{
transform:translateX(4px);
}
/*==================================================
LARGE TABLET
==================================================*/
@media screen and (max-width:1100px){
.bipmareatop{
gap:35px;
}
.bipmareaheading{
max-width:620px;
}
.bipmareaheading h2{
font-size:40px;
}
}
/*==================================================
TABLET
==================================================*/
@media screen and (max-width:991px){
.bipmarea{
padding:80px 0;
}
.bipmareatop{
align-items:flex-start;
gap:30px;
margin-bottom:40px;
}
.bipmareaheading h2{
font-size:37px;
}
.bipmareatopinfo{
max-width:330px;
padding:18px;
}
.bipmareatopicon{
width:54px;
height:54px;
min-width:54px;
font-size:19px;
}
.bipmareagrid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
.bipmareabottom{
align-items:flex-start;
}
}
/*==================================================
MOBILE
==================================================*/
@media screen and (max-width:767px){
.bipmarea{
padding:65px 0;
}
.bipmareatop{
flex-direction:column;
align-items:stretch;
gap:27px;
margin-bottom:35px;
}
.bipmareaheading{
max-width:100%;
}
.bipmareaheading h2{
font-size:30px;
line-height:1.3;
}
.bipmareaheading p{
font-size:14px;
line-height:1.8;
}
.bipmareatopinfo{
max-width:100%;
}
.bipmareagrid{
grid-template-columns:1fr;
gap:11px;
}
.bipmareabox{
min-height:76px;
padding:15px 16px;
}
.bipmareaicon{
width:44px;
height:44px;
min-width:44px;
}
.bipmareabottom{
flex-direction:column;
align-items:stretch;
gap:22px;
margin-top:27px;
padding:23px;
}
.bipmareaquote{
width:100%;
min-width:0;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media screen and (max-width:480px){
.bipmarea{
padding:55px 0;
}
.bipmareaheading h2{
font-size:27px;
}
.bipmareatopinfo{
align-items:flex-start;
padding:17px;
}
.bipmareatopicon{
width:50px;
height:50px;
min-width:50px;
font-size:17px;
}
.bipmareatopcontent h3{
font-size:14px;
}
.bipmareabox{
gap:12px;
min-height:72px;
padding:13px 14px;
}
.bipmareaicon{
width:42px;
height:42px;
min-width:42px;
font-size:13px;
}
.bipmareaname{
font-size:9px;
}
.bipmareaname strong{
font-size:13px;
}
.bipmareaarrow{
font-size:11px;
}
.bipmareabottom{
padding:20px 17px;
}
.bipmareabottomcontent{
align-items:flex-start;
gap:13px;
}
.bipmareabottomcontent > i{
width:48px;
height:48px;
min-width:48px;
font-size:17px;
}
.bipmareabottomcontent h3{
font-size:15px;
}
.bipmareaquote{
min-height:49px;
font-size:11px;
}
}
/*==================================================
ABOUT PAGE BREADCRUMB
==================================================*/
.eipmmumaboutbreadcrumb{
position:relative;
width:100%;
min-height:390px;
display:flex;
align-items:center;
padding:80px 0;
background:
linear-gradient(
110deg,
#102f53 0%,
#173d69 55%,
#1d4c80 100%
);
font-family:"Poppins",sans-serif;
overflow:hidden;
}
.eipmmumaboutbreadcrumb,
.eipmmumaboutbreadcrumb *{
box-sizing:border-box;
}
/*==================================================
BACKGROUND PATTERN
==================================================*/
.eipmmumaboutbreadcrumb::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-image:
linear-gradient(
rgba(255,255,255,.025) 1px,
transparent 1px
),
linear-gradient(
90deg,
rgba(255,255,255,.025) 1px,
transparent 1px
);
background-size:45px 45px;
pointer-events:none;
}
.eipmmumaboutbreadcrumb::after{
content:"";
position:absolute;
left:0;
bottom:0;
width:100%;
height:5px;
background:#e53935;
}
/*==================================================
DECORATIVE SHAPES
==================================================*/
.eipmmumaboutbreadshape{
position:absolute;
border-radius:50%;
pointer-events:none;
}
.eipmmumaboutbreadshapeone{
width:420px;
height:420px;
top:-290px;
right:-170px;
border:65px solid rgba(255,255,255,.035);
}
.eipmmumaboutbreadshapetwo{
width:250px;
height:250px;
left:-150px;
bottom:-180px;
background:rgba(244,180,0,.07);
}
/*==================================================
BREADCRUMB WRAPPER
==================================================*/
.eipmmumaboutbreadwrap{
position:relative;
z-index:2;
display:grid;
grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);
align-items:center;
gap:70px;
width:100%;
}
/*==================================================
LEFT CONTENT
==================================================*/
.eipmmumaboutbreadcontent{
width:100%;
max-width:750px;
text-align:left;
}
/*==================================================
TOP TAG
==================================================*/
.eipmmumaboutbreadtag{
display:inline-flex;
align-items:center;
justify-content:flex-start;
gap:9px;
margin-bottom:17px;
color:#e53935;
font-size:11px;
font-weight:800;
line-height:1.5;
letter-spacing:1px;
text-transform:uppercase;
}
.eipmmumaboutbreadtag i{
font-size:14px;
}
/*==================================================
TITLE
==================================================*/
.eipmmumaboutbreadcontent h1{
margin:0 0 17px;
color:#ffffff;
font-size:55px;
font-weight:800;
line-height:1.15;
letter-spacing:-1px;
}
.eipmmumaboutbreadcontent h1 span{
color:#e53935;
}
/*==================================================
DESCRIPTION
==================================================*/
.eipmmumaboutbreadcontent > p{
max-width:650px;
margin:0 0 26px;
color:rgba(255,255,255,.75);
font-size:15px;
font-weight:400;
line-height:1.9;
}
/*==================================================
BREADCRUMB NAVIGATION
==================================================*/
.eipmmumaboutbreadnav{
display:inline-flex;
align-items:center;
justify-content:flex-start;
gap:13px;
min-height:47px;
padding:11px 18px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.12);
border-radius:7px;
backdrop-filter:blur(5px);
-webkit-backdrop-filter:blur(5px);
}
.eipmmumaboutbreadnav a{
display:inline-flex;
align-items:center;
gap:8px;
color:#ffffff;
text-decoration:none;
font-size:12px;
font-weight:600;
transition:color .3s ease;
}
.eipmmumaboutbreadnav a:hover{
color:#e53935;
}
.eipmmumaboutbreadnav a i{
color:#e53935;
font-size:11px;
}
.eipmmumaboutbreadseparator{
color:rgba(255,255,255,.35);
font-size:9px;
}
.eipmmumaboutbreadnav > span{
color:#e53935;
font-size:12px;
font-weight:700;
}
/*==================================================
RIGHT VISUAL
==================================================*/
.eipmmumaboutbreadvisual{
display:flex;
align-items:center;
justify-content:flex-end;
width:100%;
}
/*==================================================
VISUAL BOX
==================================================*/
.eipmmumaboutbreadiconbox{
position:relative;
width:100%;
max-width:330px;
padding:34px 28px;
background:rgba(255,255,255,.075);
border:1px solid rgba(255,255,255,.13);
border-radius:16px;
text-align:center;
backdrop-filter:blur(7px);
-webkit-backdrop-filter:blur(7px);
box-shadow:0 25px 50px rgba(0,0,0,.12);
overflow:hidden;
}
.eipmmumaboutbreadiconbox::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background:#e53935;
}
.eipmmumaboutbreadsmalltext{
display:block;
margin-bottom:22px;
color:#e53935;
font-size:9px;
font-weight:800;
letter-spacing:1.2px;
}
/*==================================================
MAIN ICON
==================================================*/
.eipmmumaboutbreadmainicon{
width:90px;
height:90px;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 20px;
background:#e53935;
color:#fff;
border-radius:50%;
font-size:34px;
box-shadow:
0 0 0 10px rgba(244,180,0,.08),
0 0 0 20px rgba(244,180,0,.04);
}
.eipmmumaboutbreadiconbox strong{
display:block;
margin-bottom:8px;
color:#ffffff;
font-size:18px;
font-weight:700;
line-height:1.5;
}
.eipmmumaboutbreadiconbox p{
margin:0;
color:rgba(255,255,255,.60);
font-size:11px;
line-height:1.7;
}
/*==================================================
TABLET
==================================================*/
@media screen and (max-width:991px){
.eipmmumaboutbreadcrumb{
min-height:auto;
padding:70px 0;
}
.eipmmumaboutbreadwrap{
grid-template-columns:minmax(0,1fr) 280px;
gap:40px;
}
.eipmmumaboutbreadcontent h1{
font-size:46px;
}
.eipmmumaboutbreadiconbox{
padding:30px 22px;
}
.eipmmumaboutbreadmainicon{
width:78px;
height:78px;
font-size:29px;
}
}
/*==================================================
MOBILE
==================================================*/
@media screen and (max-width:767px){
.eipmmumaboutbreadcrumb{
min-height:auto;
padding:60px 0 65px;
}
.eipmmumaboutbreadwrap{
grid-template-columns:1fr;
gap:35px;
}
.eipmmumaboutbreadcontent{
max-width:100%;
}
.eipmmumaboutbreadtag{
margin-bottom:13px;
font-size:10px;
}
.eipmmumaboutbreadcontent h1{
margin-bottom:14px;
font-size:38px;
line-height:1.2;
}
.eipmmumaboutbreadcontent > p{
margin-bottom:22px;
font-size:14px;
line-height:1.8;
}
.eipmmumaboutbreadvisual{
justify-content:flex-start;
}
.eipmmumaboutbreadiconbox{
max-width:100%;
padding:29px 24px;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media screen and (max-width:480px){
.eipmmumaboutbreadcrumb{
padding:50px 0 55px;
}
.eipmmumaboutbreadcontent h1{
font-size:33px;
}
.eipmmumaboutbreadcontent > p{
font-size:13px;
}
.eipmmumaboutbreadnav{
gap:10px;
min-height:44px;
padding:10px 14px;
}
.eipmmumaboutbreadnav a,
.eipmmumaboutbreadnav > span{
font-size:11px;
}
.eipmmumaboutbreadiconbox{
padding:27px 20px;
}
.eipmmumaboutbreadmainicon{
width:72px;
height:72px;
margin-bottom:18px;
font-size:26px;
}
.eipmmumaboutbreadiconbox strong{
font-size:16px;
}
}
/*==================================================
eipm TOP BAR + HEADER
PRIMARY : #173d69
ACCENT : #e53935
==================================================*/
/*html{
overflow-x:hidden;
}
body{
margin:0;
overflow-x:hidden;
}*/
.eipmtopbar,
.eipmtopbar *,
.eipmheader,
.eipmheader *,
.eipmheadermobile,
.eipmheadermobile *{
box-sizing:border-box;
}
/*==================================================
TOP BAR
==================================================*/
.eipmtopbar{
position:relative;
z-index:1001;
width:100%;
min-height:68px;
display:flex;
align-items:center;
background:#173d69;
font-family:"Poppins",sans-serif;
overflow:hidden;
}
.eipmtopbar::before{
content:"";
position:absolute;
top:0;
left:0;
width:36%;
height:100%;
background:linear-gradient(
115deg,
#e53935 0%,
#e53935 92%,
transparent 92%
);
}
.eipmtopbarcontainer{
position:relative;
z-index:2;
width:100%;
max-width:1450px;
margin:0 auto;
padding:0 30px;
}
.eipmtopbarwrap{
min-height:68px;
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
align-items:center;
gap:30px;
}
.eipmtopbarleft{
display:flex;
align-items:center;
gap:25px;
}
.eipmtopbarphone{
display:flex;
align-items:center;
gap:11px;
color:#ffffff;
text-decoration:none;
white-space:nowrap;
}
.eipmtopbarphoneicon{
width:38px;
height:38px;
min-width:38px;
display:flex;
align-items:center;
justify-content:center;
background:rgba(255,255,255,.17);
border:1px solid rgba(255,255,255,.25);
border-radius:50%;
color:#ffffff;
font-size:14px;
}
.eipmtopbarphonetext{
display:block;
color:#ffffff;
font-size:14px;
font-weight:700;
line-height:1.35;
}
.eipmtopbarphonetext small{
display:block;
margin-bottom:2px;
color:rgba(255,255,255,.78);
font-size:10px;
font-weight:500;
text-transform:uppercase;
letter-spacing:.5px;
}
.eipmtopbarcenter{
display:flex;
align-items:center;
justify-content:center;
gap:20px;
}
.eipmtopbarservice,
.eipmtopbaremail{
display:flex;
align-items:center;
gap:9px;
color:rgba(255,255,255,.92);
font-size:13px;
font-weight:500;
text-decoration:none;
white-space:nowrap;
}
.eipmtopbarservice i,
.eipmtopbaremail i{
color:#e53935;
font-size:14px;
}
.eipmtopbardivider{
width:1px;
height:23px;
background:rgba(255,255,255,.22);
}
.eipmtopbarright{
display:flex;
justify-content:flex-end;
}
.eipmtopbarquote{
min-height:45px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
padding:11px 21px;
background:#e53935;
color:#ffffff;
border:1px solid #e53935;
border-radius:7px;
text-decoration:none;
font-size:13px;
font-weight:700;
white-space:nowrap;
transition:.3s ease;
}
.eipmtopbarquote:hover{
background:#ffffff;
color:#173d69;
border-color:#ffffff;
transform:translateY(-2px);
}
/*==================================================
HEADER
==================================================*/
.eipmheaderspace{
width:100%;
height:0;
display:block;
}
.eipmheader{
position:relative;
z-index:1000;
width:100%;
background:#ffffff;
border-bottom:1px solid #e5eaf0;
box-shadow:0 5px 22px rgba(23,61,105,.07);
font-family:"Poppins",sans-serif;
transition:
background .35s ease,
box-shadow .35s ease;
}
.eipmheadercontainer{
width:100%;
max-width:1320px;
margin:0 auto;
padding:0 30px;
}
.eipmheaderwrap{
width:100%;
min-height:94px;
display:grid;
grid-template-columns:250px minmax(0,1fr) auto;
align-items:center;
gap:30px;
}
/*==================================================
LOGO
==================================================*/
.eipmheaderlogo{
width:230px;
height:75px;
display:flex;
align-items:center;
justify-content:flex-start;
text-decoration:none;
overflow:hidden;
}
.eipmheaderlogo .eipmheaderlogodark{
display:block !important;
width:auto;
max-width:220px;
max-height:70px;
object-fit:contain;
}
.eipmheaderlogo .eipmheaderlogowhite{
display:none !important;
width:auto;
max-width:220px;
max-height:70px;
object-fit:contain;
}
/*==================================================
DESKTOP NAV
==================================================*/
.eipmheadernav{
display:flex;
align-items:center;
justify-content:center;
}
.eipmheadernavlist{
display:flex;
align-items:center;
justify-content:center;
gap:5px;
margin:0;
padding:0;
list-style:none;
}
.eipmheadernavlist > li{
position:relative;
}
.eipmheadernavlist > li > a{
position:relative;
min-height:94px;
display:flex;
align-items:center;
gap:8px;
padding:0 16px;
color:#173d69;
text-decoration:none;
font-size:16px;
font-weight:600;
white-space:nowrap;
transition:color .3s ease;
text-transform:uppercase;
}
.eipmheadernavlist > li > a::after{
content:"";
position:absolute;
left:16px;
right:16px;
bottom:24px;
height:3px;
background:#e53935;
border-radius:10px;
transform:scaleX(0);
transition:transform .3s ease;
}
.eipmheadernavlist > li > a:hover{
color:#e53935;
}
.eipmheadernavlist > li > a:hover::after{
transform:scaleX(1);
}
.eipmheadernavlist > li > a i{
font-size:11px;
transition:transform .3s ease;
}
.eipmheaderhasdropdown:hover > a i{
transform:rotate(180deg);
}
/*==================================================
DESKTOP DROPDOWN
==================================================*/
.eipmheaderdropdown{
position:absolute;
top:100%;
left:0;
z-index:3000;
width:285px;
margin:0;
padding:10px;
background:#ffffff;
border-top:4px solid #e53935;
border-radius:0 0 10px 10px;
box-shadow:0 20px 50px rgba(23,61,105,.18);
list-style:none;
opacity:0;
visibility:hidden;
transform:translateY(12px);
transition:.3s ease;
}
.eipmheaderhasdropdown:hover > .eipmheaderdropdown{
opacity:1;
visibility:visible;
transform:translateY(0);
}
.eipmheaderdropdown li a{
width:100%;
display:flex;
align-items:center;
gap:13px;
padding:14px 15px;
color:#173d69;
border-radius:7px;
text-decoration:none;
font-size:14px;
font-weight:500;
transition:.3s ease;
text-transform:uppercase;
}
.eipmheaderdropdown li a i{
width:22px;
color:#e53935;
text-align:center;
}
.eipmheaderdropdown li a:hover{
padding-left:20px;
background:rgba(221,116,54,.09);
color:#e53935;
}
/*==================================================
HEADER CALL
==================================================*/
.eipmheaderright{
display:flex;
justify-content:flex-end;
}
.eipmheadercall{
display:flex;
align-items:center;
gap:13px;
padding:9px 18px 9px 9px;
background:#f7f9fb;
border:1px solid #dce4ec;
border-radius:50px;
color:#173d69;
text-decoration:none;
white-space:nowrap;
transition:.3s ease;
}
.eipmheadercallicon{
width:50px;
height:50px;
min-width:50px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#ffffff;
border-radius:50%;
font-size:17px;
}
.eipmheadercalltext{
color:#173d69;
font-size:15px;
font-weight:700;
line-height:1.35;
}
.eipmheadercalltext small{
display:block;
margin-bottom:2px;
color:#758292;
font-size:11px;
font-weight:500;
}
.eipmheadercall:hover{
border-color:#e53935;
transform:translateY(-2px);
box-shadow:0 12px 28px rgba(23,61,105,.13);
}
/*==================================================
MOBILE TOGGLE
==================================================*/
.eipmheadertoggle{
position:relative;
width:50px;
height:50px;
min-width:50px;
display:none;
flex-direction:column;
align-items:center;
justify-content:center;
gap:6px;
padding:0;
background:#173d69;
border:0;
border-radius:9px;
cursor:pointer;
}
.eipmheadertoggle span{
display:block;
width:24px;
height:3px;
background:#ffffff;
border-radius:20px;
pointer-events:none;
transition:.3s ease;
}
.eipmheadertoggle span:nth-child(2){
width:17px;
margin-left:7px;
background:#e53935;
}
/*==================================================
OVERLAY
==================================================*/
.eipmheaderoverlay{
position:fixed !important;
inset:0;
z-index:99998 !important;
width:100%;
height:100vh;
height:100dvh;
background:rgba(9,27,48,.72);
opacity:0;
visibility:hidden;
pointer-events:none;
transition:
opacity .35s ease,
visibility .35s ease;
}
.eipmheaderoverlay.active{
opacity:1;
visibility:visible;
pointer-events:auto;
}
/*==================================================
MOBILE SLIDE MENU
==================================================*/
.eipmheadermobile{
position:fixed !important;
top:0;
right:0;
z-index:99999 !important;
width:390px;
max-width:88%;
height:100vh;
height:100dvh;
display:flex !important;
flex-direction:column;
background:#ffffff;
font-family:"Poppins",sans-serif;
box-shadow:-20px 0 60px rgba(0,0,0,.25);
overflow-x:hidden;
overflow-y:auto;
transform:translate3d(110%,0,0);
pointer-events:none;
transition:transform .4s ease;
will-change:transform;
}
.eipmheadermobile.active{
transform:translate3d(0,0,0);
pointer-events:auto;
}
/*==================================================
MOBILE MENU HEAD
==================================================*/
.eipmheadermobilehead{
width:100%;
min-height:95px;
flex:0 0 auto;
display:flex;
align-items:center;
justify-content:space-between;
gap:15px;
padding:15px 20px;
background:#ffffff;
border-bottom:1px solid #e5eaf0;
}
.eipmheadermobilelogo{
display:flex;
align-items:center;
}
.eipmheadermobilelogo img{
display:block !important;
width:auto;
max-width:185px;
max-height:65px;
object-fit:contain;
}
.eipmheaderclose{
width:45px;
height:45px;
min-width:45px;
display:flex;
align-items:center;
justify-content:center;
padding:0;
background:#173d69;
color:#ffffff;
border:0;
border-radius:50%;
font-size:18px;
cursor:pointer;
transition:.3s ease;
}
.eipmheaderclose:hover{
background:#e53935;
transform:rotate(90deg);
}
/*==================================================
MOBILE NAV
==================================================*/
.eipmheadermobilenav{
width:100%;
flex:1;
padding:20px;
}
.eipmheadermobilenav > ul{
width:100%;
margin:0;
padding:0;
list-style:none;
}
.eipmheadermobilenav > ul > li{
width:100%;
margin:0 0 8px;
}
.eipmheadermobilenav > ul > li > a,
.eipmheadermobileservicetoggle{
width:100%;
min-height:56px;
display:flex;
align-items:center;
justify-content:space-between;
padding:14px 16px;
background:#f7f9fb;
color:#173d69;
border:1px solid #e3e9ef;
border-radius:8px;
text-decoration:none;
font-family:"Poppins",sans-serif;
font-size:15px;
font-weight:600;
line-height:1.4;
text-align:left;
cursor:pointer;
transition:.3s ease;
}
.eipmheadermobilenav > ul > li > a span,
.eipmheadermobileservicetoggle span{
display:flex;
align-items:center;
gap:12px;
}
.eipmheadermobilenav > ul > li > a span i,
.eipmheadermobileservicetoggle span i{
width:24px;
color:#e53935;
font-size:16px;
text-align:center;
}
.eipmheadermobilenav > ul > li > a:hover,
.eipmheadermobileservicetoggle:hover,
.eipmheadermobileservicetoggle.active{
background:#173d69;
color:#ffffff;
border-color:#173d69;
}
/*==================================================
MOBILE SUBMENU
==================================================*/
.eipmheadermobilearrow{
margin-left:auto;
font-size:11px;
transition:transform .3s ease;
}
.eipmheadermobileservicetoggle.active
.eipmheadermobilearrow{
transform:rotate(180deg);
}
.eipmheadermobilesubmenu{
width:100%;
max-height:0;
margin:0;
padding:0 12px;
list-style:none;
overflow:hidden;
opacity:0;
transition:
max-height .4s ease,
opacity .3s ease,
padding .4s ease;
}
.eipmheadermobilesubmenu.active{
max-height:500px;
padding-top:9px;
padding-bottom:5px;
opacity:1;
}
.eipmheadermobilesubmenu li{
margin:0 0 6px;
}
.eipmheadermobilesubmenu li a{
display:block;
width:100%;
padding:13px 15px 13px 20px;
background:#f7f9fb;
color:#596979;
border-left:3px solid #e53935;
border-radius:0 7px 7px 0;
text-decoration:none;
font-size:13px;
font-weight:500;
text-transform:uppercase;
}
.eipmheadermobilesubmenu li a:hover{
color:#e53935;
background:rgba(221,116,54,.10);
}
/*==================================================
MOBILE CONTACT
==================================================*/
.eipmheadermobilecontact{
width:100%;
flex:0 0 auto;
margin-top:auto;
padding:25px 22px;
background:#173d69;
}
.eipmheadermobilecontact span{
display:block;
margin-bottom:10px;
color:rgba(255,255,255,.72);
font-size:12px;
}
.eipmheadermobilecontact a{
display:flex;
align-items:center;
gap:12px;
color:#ffffff;
text-decoration:none;
font-size:17px;
font-weight:700;
}
.eipmheadermobilecontact a i{
width:42px;
height:42px;
min-width:42px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
border-radius:50%;
}
/*==================================================
STICKY HEADER
==================================================*/
.eipmheader.eipmheadersticky{
position:fixed !important;
top:0 !important;
left:0 !important;
right:0 !important;
z-index:99990 !important;
width:100% !important;
background:#173d69 !important;
border-bottom:
1px solid rgba(255,255,255,.10) !important;
box-shadow:
0 10px 35px rgba(0,0,0,.20) !important;
animation:
eipmStickyHeaderSlide .35s ease forwards;
}
.eipmheader.eipmheadersticky
.eipmheaderlogo .eipmheaderlogodark{
display:none !important;
}
.eipmheader.eipmheadersticky
.eipmheaderlogo .eipmheaderlogowhite{
display:block !important;
}
.eipmheader.eipmheadersticky
.eipmheadernavlist > li > a{
color:#ffffff;
}
.eipmheader.eipmheadersticky
.eipmheadernavlist > li > a:hover{
color:#e53935 !important;
}
.eipmheader.eipmheadersticky
.eipmheadercall{
background:rgba(255,255,255,.08);
border-color:rgba(255,255,255,.20);
}
.eipmheader.eipmheadersticky
.eipmheadercalltext{
color:#ffffff;
}
.eipmheader.eipmheadersticky
.eipmheadercalltext small{
color:rgba(255,255,255,.70);
}
@keyframes eipmheaderdrop{
from{
transform:translateY(-100%);
}
to{
transform:translateY(0);
}
}
/*==================================================
STICKY MOBILE TOGGLE
==================================================*/
.eipmheader.eipmheadersticky
.eipmheadertoggle{
background:#e53935 !important;
box-shadow:
0 8px 22px rgba(0,0,0,.20) !important;
}
.eipmheader.eipmheadersticky
.eipmheadertoggle span{
background:#ffffff !important;
}
.eipmheader.eipmheadersticky
.eipmheadertoggle span:nth-child(2){
background:#173d69 !important;
}
/*==================================================
STICKY ANIMATION
==================================================*/
@keyframes eipmStickyHeaderSlide{
from{
transform:translateY(-100%);
opacity:0;
}
to{
transform:translateY(0);
opacity:1;
}
}
/*==================================================
SMALL DESKTOP
==================================================*/
@media screen and (max-width:1199px){
.eipmtopbarcontainer,
.eipmheadercontainer{
padding-left:22px;
padding-right:22px;
}
.eipmtopbarwrap{
gap:18px;
}
.eipmtopbarleft{
gap:15px;
}
.eipmtopbarphonetext{
font-size:12px;
}
.eipmtopbarservice,
.eipmtopbaremail{
font-size:11px;
}
.eipmheaderwrap{
min-height:86px;
grid-template-columns:200px minmax(0,1fr) auto;
gap:18px;
}
.eipmheaderlogo{
width:190px;
height:67px;
}
.eipmheaderlogo .eipmheaderlogodark,
.eipmheaderlogo .eipmheaderlogowhite{
max-width:185px;
max-height:63px;
}
.eipmheadernavlist{
gap:0;
}
.eipmheadernavlist > li > a{
min-height:86px;
padding:0 10px;
font-size:13px;
}
.eipmheadercallicon{
width:44px;
height:44px;
min-width:44px;
}
.eipmheadercalltext{
font-size:13px;
}
}
/*==================================================
TABLET
==================================================*/
@media screen and (max-width:991px){
.eipmtopbar{
min-height:62px;
}
.eipmtopbar::before{
width:52%;
}
.eipmtopbarwrap{
min-height:62px;
grid-template-columns:auto minmax(0,1fr) auto;
}
.eipmtopbaraltphone{
display:none;
}
.eipmtopbarservice{
display:none;
}
.eipmtopbardivider{
display:none;
}
.eipmtopbaremail{
font-size:11px;
}
.eipmheadercontainer{
padding:0 20px;
}
.eipmheaderwrap{
min-height:82px;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
}
.eipmheaderlogo{
width:auto;
height:65px;
flex:1;
}
.eipmheaderlogo .eipmheaderlogodark,
.eipmheaderlogo .eipmheaderlogowhite{
max-width:200px;
max-height:62px;
}
.eipmheadernav{
display:none !important;
}
.eipmheaderright{
display:none !important;
}
.eipmheadertoggle{
display:flex !important;
}
}
/*==================================================
MOBILE
==================================================*/
@media screen and (max-width:767px){
.eipmtopbar{
min-height:64px;
}
.eipmtopbar::before{
display:none;
}
.eipmtopbarcontainer{
padding:0 14px;
}
.eipmtopbarwrap{
min-height:64px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}
.eipmtopbarcenter{
display:none;
}
.eipmtopbarleft{
flex:1;
min-width:0;
}
.eipmtopbaraltphone{
display:none;
}
.eipmtopbarphoneicon{
width:38px;
height:38px;
min-width:38px;
color:#e53935;
background:rgba(221,116,54,.13);
border-color:rgba(221,116,54,.45);
}
.eipmtopbarphonetext{
font-size:14px;
}
.eipmtopbarphonetext small{
font-size:8px;
}
.eipmtopbarquote{
min-height:42px;
padding:10px 14px;
font-size:11px;
}
.eipmheadercontainer{
padding:0 15px;
}
.eipmheaderwrap{
min-height:75px;
gap:15px;
}
.eipmheaderlogo{
height:58px;
}
.eipmheaderlogo .eipmheaderlogodark,
.eipmheaderlogo .eipmheaderlogowhite{
max-width:170px;
max-height:55px;
}
.eipmheadertoggle{
width:46px;
height:46px;
min-width:46px;
}
.eipmheadermobile{
width:350px;
max-width:90%;
}
.eipmheadermobilehead{
min-height:88px;
padding:13px 17px;
}
.eipmheadermobilelogo img{
max-width:160px;
max-height:58px;
}
.eipmheadermobilenav{
padding:15px;
}
}
/*==================================================
VERY SMALL MOBILE
==================================================*/
@media screen and (max-width:380px){
.eipmtopbarcontainer{
padding:0 10px;
}
.eipmtopbarphoneicon{
width:33px;
height:33px;
min-width:33px;
font-size:11px;
}
.eipmtopbarphonetext{
font-size:12px;
}
.eipmtopbarquote{
padding:9px 10px;
font-size:10px;
}
.eipmheaderlogo .eipmheaderlogodark,
.eipmheaderlogo .eipmheaderlogowhite{
max-width:145px;
}
.eipmheadertoggle{
width:43px;
height:43px;
min-width:43px;
}
.eipmheadermobile{
width:100%;
max-width:94%;
}
}
/*==================================================
eipm MOBILE MENU FINAL FIX
IMPORTANT - KEEP AT BOTTOM OF STYLE.CSS
==================================================*/
@media screen and (max-width:991px){
/* SHOW HAMBURGER */
.eipmheadertoggle{
display:flex !important;
width:50px !important;
height:50px !important;
min-width:50px !important;
flex:0 0 50px !important;
align-items:center !important;
justify-content:center !important;
flex-direction:column !important;
gap:6px !important;
padding:0 !important;
margin:0 !important;
background:#173d69 !important;
border:0 !important;
border-radius:9px !important;
cursor:pointer !important;
position:relative !important;
z-index:99997 !important;
}
.eipmheadertoggle span{
display:block !important;
width:24px !important;
height:3px !important;
margin:0 !important;
padding:0 !important;
background:#ffffff !important;
border-radius:50px !important;
}
.eipmheadertoggle span:nth-child(2){
width:18px !important;
margin-left:6px !important;
background:#e53935 !important;
}
/* HIDE DESKTOP NAV */
.eipmheadernav{
display:none !important;
}
.eipmheaderright{
display:none !important;
}
/* MOBILE MENU */
.eipmheadermobile{
position:fixed !important;
top:0 !important;
right:0 !important;
bottom:0 !important;
left:auto !important;
z-index:2147483646 !important;
width:380px !important;
max-width:90% !important;
height:100vh !important;
height:100dvh !important;
display:flex !important;
flex-direction:column !important;
background:#ffffff !important;
visibility:visible !important;
opacity:1 !important;
overflow-x:hidden !important;
overflow-y:auto !important;
transform:translate3d(110%,0,0) !important;
transition:transform .4s ease !important;
pointer-events:none !important;
box-shadow:-20px 0 60px rgba(0,0,0,.30) !important;
}
/* OPEN MOBILE MENU */
.eipmheadermobile.active{
transform:translate3d(0,0,0) !important;
pointer-events:auto !important;
}
/* IMPORTANT - SHOW MOBILE NAV */
nav.eipmheadermobilenav,
.eipmheadermobilenav{
display:block !important;
width:100% !important;
visibility:visible !important;
opacity:1 !important;
position:relative !important;
flex:1 1 auto !important;
padding:20px !important;
}
.eipmheadermobilenav > ul{
display:block !important;
width:100% !important;
margin:0 !important;
padding:0 !important;
list-style:none !important;
}
.eipmheadermobilenav > ul > li{
display:block !important;
width:100% !important;
margin:0 0 8px !important;
padding:0 !important;
}
.eipmheadermobilenav > ul > li > a{
display:flex !important;
width:100% !important;
min-height:56px !important;
align-items:center !important;
justify-content:space-between !important;
padding:14px 16px !important;
background:#f7f9fb !important;
color:#173d69 !important;
border:1px solid #e3e9ef !important;
border-radius:8px !important;
text-decoration:none !important;
font-family:"Poppins",sans-serif !important;
font-size:15px !important;
font-weight:600 !important;
text-transform:uppercase;
}
/* SERVICES BUTTON */
.eipmheadermobileservicetoggle{
display:flex !important;
width:100% !important;
min-height:56px !important;
align-items:center !important;
justify-content:space-between !important;
padding:14px 16px !important;
background:#f7f9fb !important;
color:#173d69 !important;
border:1px solid #e3e9ef !important;
border-radius:8px !important;
font-family:"Poppins",sans-serif !important;
font-size:15px !important;
font-weight:600 !important;
cursor:pointer !important;
text-transform:uppercase;
}
/* OVERLAY */
.eipmheaderoverlay{
position:fixed !important;
inset:0 !important;
z-index:2147483645 !important;
width:100% !important;
height:100vh !important;
height:100dvh !important;
display:block !important;
background:rgba(9,27,48,.75) !important;
opacity:0 !important;
visibility:hidden !important;
pointer-events:none !important;
transition:
opacity .35s ease,
visibility .35s ease !important;
}
.eipmheaderoverlay.active{
opacity:1 !important;
visibility:visible !important;
pointer-events:auto !important;
}
}
/*==================================================
MOBILE
==================================================*/
@media screen and (max-width:575px){
.eipmheadermobile{
width:100% !important;
max-width:92% !important;
}
.eipmheadertoggle{
width:46px !important;
height:46px !important;
min-width:46px !important;
flex-basis:46px !important;
}
.eipmheadermobilenav{
padding:15px !important;
}
}
/*==================================================
eipm NEW HOME SERVICES
==================================================*/
.eipmnewservices,
.eipmnewservices *{
box-sizing:border-box;
}
.eipmnewservices{
position:relative;
width:100%;
padding:105px 0;
background:linear-gradient(
135deg,
#173d69 0%,
#1d4d86 55%,
#102f52 100%
);
font-family:"Poppins",sans-serif;
overflow:hidden;
}
.eipmnewservices::before{
content:"";
position:absolute;
top:-250px;
right:-180px;
width:600px;
height:600px;
border:100px solid rgba(255,255,255,.025);
border-radius:50%;
}
.eipmnewservices::after{
content:"";
position:absolute;
left:-100px;
bottom:-150px;
width:350px;
height:350px;
background:rgba(221,116,54,.05);
border-radius:50%;
}
/*==================================================
CONTAINER
==================================================*/
.eipmnewservicescontainer{
position:relative;
z-index:2;
width:100%;
max-width:1400px;
margin:0 auto;
padding:0 30px;
}
/*==================================================
TOP
==================================================*/
.eipmnewservicestop{
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(0,.75fr);
align-items:end;
gap:90px;
margin-bottom:60px;
}
/*==================================================
TAG
==================================================*/
.eipmnewservicestag{
display:inline-flex;
align-items:center;
gap:12px;
margin-bottom:20px;
color:#e53935;
font-size:15px;
font-weight:700;
line-height:1.4;
text-transform:uppercase;
letter-spacing:1.2px;
}
.eipmnewservicestag i{
width:43px;
height:43px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#ffffff;
border-radius:7px;
font-size:17px;
}
/*==================================================
HEADING
==================================================*/
.eipmnewservicesheading h2{
max-width:800px;
margin:0;
color:#ffffff;
font-size:50px;
font-weight:800;
line-height:1.18;
letter-spacing:-1.5px;
text-align:left;
}
.eipmnewservicesheading h2 span{
display:block;
color:#ffc107;
}
/*==================================================
INTRO
==================================================*/
.eipmnewservicesintro{
padding-left:25px;
border-left:3px solid #e53935;
text-align:left;
}
.eipmnewservicesintro p{
margin:0 0 20px;
color:rgba(255,255,255,.72);
font-size:17px;
font-weight:400;
line-height:1.8;
}
.eipmnewservicesintro > a{
display:inline-flex;
align-items:center;
gap:11px;
color:#ffffff;
text-decoration:none;
font-size:15px;
font-weight:700;
}
.eipmnewservicesintro > a i{
color:#e53935;
transition:transform .3s ease;
}
.eipmnewservicesintro > a:hover i{
transform:translateX(6px);
}
/*==================================================
GRID
==================================================*/
.eipmnewservicesgrid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:20px;
}
/*==================================================
CARD
==================================================*/
.eipmnewservicecard{
position:relative;
min-width:0;
min-height:530px;
display:flex;
flex-direction:column;
background:#ffffff;
border-radius:8px;
overflow:hidden;
transition:
transform .35s ease,
box-shadow .35s ease;
}
.eipmnewservicecard:hover{
transform:translateY(-10px);
box-shadow:0 28px 60px rgba(0,0,0,.25);
}
/*==================================================
CARD TOP
==================================================*/
.eipmnewservicehead{
position:relative;
min-height:125px;
display:flex;
align-items:flex-end;
padding:28px 27px 20px;
background:#f4f7fa;
border-bottom:1px solid #e5ebf0;
}
.eipmnewservicehead::after{
content:"";
position:absolute;
top:0;
right:0;
width:70px;
height:5px;
background:#e53935;
transition:width .35s ease;
}
.eipmnewservicecard:hover
.eipmnewservicehead::after{
width:100%;
}
/*==================================================
NUMBER
==================================================*/
.eipmnewservicenumber{
position:absolute;
top:16px;
right:22px;
color:rgba(23,61,105,.08);
font-size:55px;
font-weight:800;
line-height:1;
}
/*==================================================
ICON
==================================================*/
.eipmnewserviceicon{
position:relative;
z-index:2;
width:72px;
height:72px;
display:flex;
align-items:center;
justify-content:center;
background:#173d69;
color:#ffffff;
border-radius:8px;
font-size:28px;
box-shadow:0 12px 28px rgba(23,61,105,.22);
transition:
background .3s ease,
transform .3s ease;
}
.eipmnewservicecard:hover
.eipmnewserviceicon{
background:#e53935;
transform:rotate(-5deg);
}
/*==================================================
BODY
==================================================*/
.eipmnewservicebody{
flex:1;
padding:27px;
text-align:left;
}
.eipmnewservicebody h3{
margin:0 0 15px;
color:#173d69;
font-size:23px;
font-weight:750;
line-height:1.35;
}
.eipmnewservicebody > p{
margin:0 0 24px;
color:#637586;
font-size:15px;
font-weight:400;
line-height:1.75;
}
/*==================================================
POINTS
==================================================*/
.eipmnewservicepoints{
display:flex;
flex-direction:column;
gap:12px;
}
.eipmnewservicepoints span{
display:flex;
align-items:flex-start;
gap:10px;
color:#344c63;
font-size:14px;
font-weight:600;
line-height:1.5;
}
.eipmnewservicepoints span i{
width:22px;
height:22px;
min-width:22px;
display:flex;
align-items:center;
justify-content:center;
margin-top:0;
background:rgba(221,116,54,.12);
color:#e53935;
border-radius:50%;
font-size:9px;
}
/*==================================================
FOOTER
==================================================*/
.eipmnewservicefooter{
padding:0 27px 27px;
}
.eipmnewservicefooter > a{
width:100%;
min-height:52px;
display:flex;
align-items:center;
justify-content:space-between;
padding:11px 12px 11px 18px;
background:#f3f6f9;
color:#173d69;
border:1px solid #e3e9ef;
border-radius:6px;
text-decoration:none;
font-size:15px;
font-weight:700;
transition:.3s ease;
}
.eipmnewservicefooter > a span{
width:35px;
height:35px;
display:flex;
align-items:center;
justify-content:center;
background:#173d69;
color:#ffffff;
border-radius:5px;
font-size:13px;
transition:.3s ease;
}
.eipmnewservicefooter > a:hover{
background:#173d69;
border-color:#173d69;
color:#ffffff;
}
.eipmnewservicefooter > a:hover span{
background:#e53935;
}
/*==================================================
BOTTOM CTA
==================================================*/
.eipmnewservicescta{
position:relative;
display:flex;
align-items:center;
justify-content:space-between;
gap:35px;
margin-top:35px;
padding:28px 32px;
background:#ffffff;
border-radius:8px;
overflow:hidden;
}
.eipmnewservicescta::before{
content:"";
position:absolute;
top:0;
left:0;
width:6px;
height:100%;
background:#e53935;
}
.eipmnewservicesctaleft{
display:flex;
align-items:center;
gap:18px;
}
.eipmnewservicesctaicon{
width:65px;
height:65px;
min-width:65px;
display:flex;
align-items:center;
justify-content:center;
background:#173d69;
color:#ffffff;
border-radius:8px;
font-size:25px;
}
.eipmnewservicesctaleft span{
display:block;
margin-bottom:5px;
color:#173d69;
font-size:21px;
font-weight:750;
line-height:1.4;
}
.eipmnewservicesctaleft p{
margin:0;
color:#687989;
font-size:15px;
line-height:1.6;
}
/*==================================================
CTA ACTIONS
==================================================*/
.eipmnewservicesctaactions{
display:flex;
align-items:center;
gap:12px;
}
.eipmnewservicescall,
.eipmnewservicesquote{
min-height:55px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:11px;
padding:14px 22px;
border-radius:6px;
text-decoration:none;
white-space:nowrap;
font-size:15px;
font-weight:700;
transition:.3s ease;
}
.eipmnewservicescall{
background:#eef3f7;
color:#173d69;
}
.eipmnewservicescall:hover{
background:#173d69;
color:#ffffff;
}
.eipmnewservicesquote{
background:#e53935;
color:#ffffff;
}
.eipmnewservicesquote:hover{
background:#173d69;
color:#ffffff;
transform:translateY(-3px);
}
/*==================================================
SMALL DESKTOP
==================================================*/
@media screen and (max-width:1199px){
.eipmnewservices{
padding:85px 0;
}
.eipmnewservicestop{
gap:55px;
}
.eipmnewservicesheading h2{
font-size:43px;
}
.eipmnewservicesgrid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:22px;
}
.eipmnewservicecard{
min-height:500px;
}
}
/*==================================================
TABLET
==================================================*/
@media screen and (max-width:991px){
.eipmnewservices{
padding:75px 0;
}
.eipmnewservicescontainer{
padding:0 30px;
}
.eipmnewservicestop{
grid-template-columns:1fr;
gap:28px;
margin-bottom:45px;
}
.eipmnewservicesheading h2{
max-width:720px;
font-size:43px;
}
.eipmnewservicesintro{
max-width:750px;
}
.eipmnewservicesgrid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.eipmnewservicecard{
min-height:510px;
}
.eipmnewservicescta{
align-items:flex-start;
flex-direction:column;
}
.eipmnewservicesctaactions{
padding-left:83px;
}
}
/*==================================================
MOBILE
==================================================*/
@media screen and (max-width:767px){
.eipmnewservices{
padding:60px 0;
}
.eipmnewservicescontainer{
padding:0 18px;
}
.eipmnewservicestop{
gap:22px;
margin-bottom:35px;
}
.eipmnewservicestag{
margin-bottom:17px;
font-size:13px;
letter-spacing:.7px;
}
.eipmnewservicesheading h2{
font-size:35px;
line-height:1.22;
letter-spacing:-.7px;
}
.eipmnewservicesintro{
padding-left:18px;
}
.eipmnewservicesintro p{
font-size:16px;
line-height:1.75;
}
.eipmnewservicesgrid{
grid-template-columns:1fr;
gap:18px;
}
.eipmnewservicecard{
min-height:auto;
}
.eipmnewservicehead{
min-height:115px;
padding:25px 23px 18px;
}
.eipmnewserviceicon{
width:65px;
height:65px;
font-size:24px;
}
.eipmnewservicenumber{
font-size:48px;
}
.eipmnewservicebody{
padding:24px 23px;
}
.eipmnewservicebody h3{
font-size:23px;
}
.eipmnewservicebody > p{
font-size:15px;
}
.eipmnewservicefooter{
padding:0 23px 23px;
}
.eipmnewservicescta{
gap:23px;
margin-top:25px;
padding:25px 23px;
}
.eipmnewservicesctaleft{
align-items:flex-start;
}
.eipmnewservicesctaleft span{
font-size:19px;
}
.eipmnewservicesctaactions{
width:100%;
padding-left:0;
flex-direction:column;
}
.eipmnewservicescall,
.eipmnewservicesquote{
width:100%;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media screen and (max-width:480px){
.eipmnewservices{
padding:52px 0;
}
.eipmnewservicescontainer{
padding:0 15px;
}
.eipmnewservicestag{
font-size:12px;
}
.eipmnewservicestag i{
width:39px;
height:39px;
font-size:15px;
}
.eipmnewservicesheading h2{
font-size:30px;
line-height:1.25;
}
.eipmnewservicesintro p{
font-size:15px;
}
.eipmnewservicehead{
min-height:105px;
padding:22px 20px 17px;
}
.eipmnewserviceicon{
width:60px;
height:60px;
font-size:22px;
}
.eipmnewservicenumber{
top:17px;
right:19px;
font-size:44px;
}
.eipmnewservicebody{
padding:22px 20px;
}
.eipmnewservicebody h3{
font-size:21px;
}
.eipmnewservicebody > p{
font-size:15px;
line-height:1.7;
}
.eipmnewservicepoints span{
font-size:14px;
}
.eipmnewservicefooter{
padding:0 20px 20px;
}
.eipmnewservicescta{
padding:22px 20px;
}
.eipmnewservicesctaleft{
gap:13px;
}
.eipmnewservicesctaicon{
width:55px;
height:55px;
min-width:55px;
font-size:21px;
}
.eipmnewservicesctaleft span{
font-size:18px;
}
.eipmnewservicesctaleft p{
font-size:14px;
}
}
/*==================================================
eipm HOME WHY CHOOSE US
PRIMARY : #173d69
ACCENT : #e53935
==================================================*/
.eipmwhychoose,
.eipmwhychoose *{
box-sizing:border-box;
}
.eipmwhychoose{
position:relative;
width:100%;
padding:105px 0;
background:#ffffff;
font-family:"Poppins",sans-serif;
overflow:hidden;
}
.eipmwhychoose::before{
content:"";
position:absolute;
top:-180px;
left:-200px;
width:520px;
height:520px;
border:85px solid rgba(23,61,105,.035);
border-radius:50%;
pointer-events:none;
}
.eipmwhychoose::after{
content:"";
position:absolute;
right:-100px;
bottom:100px;
width:300px;
height:300px;
background:rgba(221,116,54,.04);
border-radius:50%;
pointer-events:none;
}
/*==================================================
CONTAINER
==================================================*/
.eipmwhychoosecontainer{
position:relative;
z-index:2;
width:100%;
max-width:1400px;
margin:0 auto;
padding:0 30px;
}
/*==================================================
MAIN GRID
==================================================*/
.eipmwhychoosegrid{
display:grid;
grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
align-items:center;
gap:85px;
}
/*==================================================
LEFT CONTENT
==================================================*/
.eipmwhychoosecontent{
width:100%;
text-align:left;
}
/*==================================================
TAG
==================================================*/
.eipmwhychoosetag{
display:inline-flex;
align-items:center;
gap:12px;
margin-bottom:20px;
color:#e53935;
font-size:15px;
font-weight:700;
line-height:1.4;
text-transform:uppercase;
letter-spacing:1px;
}
.eipmwhychoosetag i{
width:43px;
height:43px;
display:flex;
align-items:center;
justify-content:center;
background:rgba(221,116,54,.12);
color:#e53935;
border-radius:7px;
font-size:18px;
}
/*==================================================
HEADING
==================================================*/
.eipmwhychoosecontent h2{
max-width:650px;
margin:0 0 24px;
color:#173d69;
font-size:48px;
font-weight:800;
line-height:1.18;
letter-spacing:-1.4px;
text-align:left;
}
.eipmwhychoosecontent h2 span{
display:block;
color:#e53935;
}
/*==================================================
CONTENT TEXT
==================================================*/
.eipmwhychooselead{
max-width:670px;
margin:0 0 17px;
color:#3e5266;
font-size:18px;
font-weight:500;
line-height:1.8;
text-align:left;
}
.eipmwhychoosedescription{
max-width:680px;
margin:0 0 32px;
color:#697a8a;
font-size:16px;
font-weight:400;
line-height:1.85;
text-align:left;
}
.eipmwhychoosedescription strong{
color:#173d69;
font-weight:700;
}
/*==================================================
TRUST ROW
==================================================*/
.eipmwhychoosetrust{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:15px;
margin-bottom:34px;
}
.eipmwhychoosetrustitem{
display:flex;
align-items:center;
gap:14px;
min-width:0;
padding:17px;
background:#f6f8fa;
border:1px solid #e4eaf0;
border-radius:8px;
}
.eipmwhychoosetrusticon{
width:49px;
height:49px;
min-width:49px;
display:flex;
align-items:center;
justify-content:center;
background:#173d69;
color:#ffffff;
border-radius:7px;
font-size:19px;
}
.eipmwhychoosetrustitem strong{
display:block;
margin-bottom:4px;
color:#173d69;
font-size:15px;
font-weight:700;
line-height:1.4;
}
.eipmwhychoosetrustitem small{
display:block;
color:#748392;
font-size:12px;
font-weight:500;
line-height:1.5;
}
/*==================================================
ACTIONS
==================================================*/
.eipmwhychooseactions{
display:flex;
align-items:center;
gap:25px;
}
/*==================================================
QUOTE BUTTON
==================================================*/
.eipmwhychoosequote{
min-height:58px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:12px;
padding:15px 25px;
background:#e53935;
color:#ffffff;
border:2px solid #e53935;
border-radius:7px;
text-decoration:none;
font-size:15px;
font-weight:700;
transition:.3s ease;
}
.eipmwhychoosequote i{
transition:transform .3s ease;
}
.eipmwhychoosequote:hover{
background:#173d69;
border-color:#173d69;
color:#ffffff;
transform:translateY(-3px);
}
.eipmwhychoosequote:hover i{
transform:translateX(5px);
}
/*==================================================
CALL
==================================================*/
.eipmwhychoosecall{
display:flex;
align-items:center;
gap:12px;
color:#173d69;
text-decoration:none;
}
.eipmwhychoosecall > span{
width:52px;
height:52px;
min-width:52px;
display:flex;
align-items:center;
justify-content:center;
background:rgba(23,61,105,.08);
color:#173d69;
border-radius:50%;
font-size:18px;
}
.eipmwhychoosecall small{
display:block;
margin-bottom:3px;
color:#788796;
font-size:12px;
font-weight:500;
}
.eipmwhychoosecall strong{
display:block;
color:#173d69;
font-size:16px;
font-weight:700;
}
/*==================================================
BENEFIT GRID
==================================================*/
.eipmwhychoosebenefits{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:20px;
}
/*==================================================
BENEFIT CARD
==================================================*/
.eipmwhychoosecard{
position:relative;
min-height:275px;
padding:31px 28px;
background:#f6f8fa;
border:1px solid #e1e8ee;
border-radius:9px;
overflow:hidden;
text-align:left;
transition:
transform .35s ease,
background .35s ease,
border-color .35s ease,
box-shadow .35s ease;
}
.eipmwhychoosecard:nth-child(2),
.eipmwhychoosecard:nth-child(4){
transform:translateY(35px);
}
.eipmwhychoosecard:nth-child(2):hover,
.eipmwhychoosecard:nth-child(4):hover{
transform:translateY(27px);
}
.eipmwhychoosecard:hover{
transform:translateY(-8px);
background:#ffffff;
border-color:rgba(221,116,54,.45);
box-shadow:0 22px 50px rgba(23,61,105,.12);
}
.eipmwhychoosecard::before{
content:"";
position:absolute;
left:0;
bottom:0;
width:0;
height:4px;
background:#e53935;
transition:width .4s ease;
}
.eipmwhychoosecard:hover::before{
width:100%;
}
/*==================================================
CARD NUMBER
==================================================*/
.eipmwhychoosenumber{
position:absolute;
top:20px;
right:22px;
color:rgba(23,61,105,.07);
font-size:52px;
font-weight:800;
line-height:1;
}
/*==================================================
CARD ICON
==================================================*/
.eipmwhychoosecardicon{
position:relative;
z-index:2;
width:64px;
height:64px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:23px;
background:#173d69;
color:#ffffff;
border-radius:8px;
font-size:24px;
transition:
background .3s ease,
transform .3s ease;
}
.eipmwhychoosecard:hover
.eipmwhychoosecardicon{
background:#e53935;
transform:rotate(-5deg);
}
/*==================================================
CARD CONTENT
==================================================*/
.eipmwhychoosecard h3{
position:relative;
z-index:2;
margin:0 0 12px;
color:#173d69;
font-size:20px;
font-weight:750;
line-height:1.4;
text-align:left;
}
.eipmwhychoosecard p{
position:relative;
z-index:2;
margin:0;
color:#697989;
font-size:14px;
font-weight:400;
line-height:1.75;
text-align:left;
}
/*==================================================
PROCESS STRIP
==================================================*/
.eipmwhychooseprocess{
position:relative;
display:grid;
grid-template-columns:1.25fr 1fr auto 1fr auto 1fr auto 1fr;
align-items:center;
gap:20px;
margin-top:95px;
padding:30px 32px;
background:#173d69;
border-radius:9px;
overflow:hidden;
}
.eipmwhychooseprocess::after{
content:"";
position:absolute;
top:-100px;
right:-50px;
width:260px;
height:260px;
border:45px solid rgba(255,255,255,.035);
border-radius:50%;
}
/*==================================================
PROCESS INTRO
==================================================*/
.eipmwhychooseprocessintro{
position:relative;
z-index:2;
padding-right:25px;
border-right:1px solid rgba(255,255,255,.18);
}
.eipmwhychooseprocessintro span{
display:block;
margin-bottom:5px;
color:#e53935;
font-size:12px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
}
.eipmwhychooseprocessintro strong{
display:block;
color:#ffffff;
font-size:18px;
font-weight:700;
line-height:1.4;
}
/*==================================================
PROCESS STEP
==================================================*/
.eipmwhychoosestep{
position:relative;
z-index:2;
display:flex;
align-items:center;
gap:11px;
}
.eipmwhychoosestepnumber{
width:42px;
height:42px;
min-width:42px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#ffffff;
border-radius:50%;
font-size:12px;
font-weight:800;
}
.eipmwhychoosestep strong{
display:block;
margin-bottom:3px;
color:#ffffff;
font-size:14px;
font-weight:700;
}
.eipmwhychoosestep small{
display:block;
color:rgba(255,255,255,.62);
font-size:11px;
line-height:1.4;
}
/*==================================================
ARROW
==================================================*/
.eipmwhychoosearrow{
position:relative;
z-index:2;
color:#e53935;
font-size:15px;
}
/*==================================================
SMALL DESKTOP
==================================================*/
@media screen and (max-width:1199px){
.eipmwhychoose{
padding:85px 0;
}
.eipmwhychoosegrid{
gap:55px;
}
.eipmwhychoosecontent h2{
font-size:41px;
}
.eipmwhychoosetrust{
grid-template-columns:1fr;
}
.eipmwhychooseactions{
align-items:flex-start;
flex-direction:column;
}
.eipmwhychoosecard{
min-height:300px;
padding:27px 24px;
}
.eipmwhychooseprocess{
grid-template-columns:1fr 1fr 1fr 1fr;
}
.eipmwhychooseprocessintro{
grid-column:1 / -1;
padding:0 0 20px;
border-right:0;
border-bottom:1px solid rgba(255,255,255,.18);
}
.eipmwhychoosearrow{
display:none;
}
}
/*==================================================
TABLET
==================================================*/
@media screen and (max-width:991px){
.eipmwhychoose{
padding:75px 0;
}
.eipmwhychoosecontainer{
padding:0 30px;
}
.eipmwhychoosegrid{
grid-template-columns:1fr;
gap:60px;
}
.eipmwhychoosecontent{
max-width:760px;
}
.eipmwhychoosecontent h2{
max-width:700px;
font-size:43px;
}
.eipmwhychoosetrust{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.eipmwhychooseactions{
align-items:center;
flex-direction:row;
}
.eipmwhychoosebenefits{
max-width:800px;
}
.eipmwhychoosecard{
min-height:275px;
}
}
/*==================================================
MOBILE
==================================================*/
@media screen and (max-width:767px){
.eipmwhychoose{
padding:60px 0;
}
.eipmwhychoosecontainer{
padding:0 18px;
}
.eipmwhychoosegrid{
gap:42px;
}
.eipmwhychoosetag{
margin-bottom:17px;
font-size:13px;
letter-spacing:.7px;
}
.eipmwhychoosecontent h2{
margin-bottom:20px;
font-size:35px;
line-height:1.22;
letter-spacing:-.7px;
}
.eipmwhychooselead{
font-size:17px;
line-height:1.75;
}
.eipmwhychoosedescription{
margin-bottom:27px;
font-size:15px;
line-height:1.8;
}
.eipmwhychoosetrust{
grid-template-columns:1fr;
gap:12px;
}
.eipmwhychooseactions{
align-items:flex-start;
flex-direction:column;
gap:22px;
}
.eipmwhychoosebenefits{
grid-template-columns:1fr;
gap:15px;
}
.eipmwhychoosecard,
.eipmwhychoosecard:nth-child(2),
.eipmwhychoosecard:nth-child(4){
min-height:auto;
padding:26px 23px;
transform:none;
}
.eipmwhychoosecard:hover,
.eipmwhychoosecard:nth-child(2):hover,
.eipmwhychoosecard:nth-child(4):hover{
transform:translateY(-5px);
}
.eipmwhychoosecardicon{
width:60px;
height:60px;
margin-bottom:20px;
font-size:22px;
}
.eipmwhychoosecard h3{
font-size:20px;
}
.eipmwhychoosecard p{
font-size:14px;
}
.eipmwhychooseprocess{
grid-template-columns:1fr 1fr;
gap:22px 15px;
margin-top:35px;
padding:25px 23px;
}
.eipmwhychooseprocessintro{
grid-column:1 / -1;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media screen and (max-width:480px){
.eipmwhychoose{
padding:52px 0;
}
.eipmwhychoosecontainer{
padding:0 15px;
}
.eipmwhychoosetag{
font-size:12px;
}
.eipmwhychoosetag i{
width:39px;
height:39px;
font-size:15px;
}
.eipmwhychoosecontent h2{
font-size:30px;
line-height:1.25;
}
.eipmwhychooselead{
font-size:16px;
}
.eipmwhychoosedescription{
font-size:15px;
}
.eipmwhychoosetrustitem{
padding:15px;
}
.eipmwhychoosequote{
width:100%;
}
.eipmwhychoosecard{
padding:23px 20px;
}
.eipmwhychoosenumber{
top:18px;
right:18px;
font-size:44px;
}
.eipmwhychoosecard h3{
font-size:19px;
}
.eipmwhychooseprocess{
grid-template-columns:1fr;
padding:23px 20px;
}
.eipmwhychooseprocessintro{
grid-column:auto;
}
.eipmwhychoosestep{
padding:12px 0;
border-bottom:1px solid rgba(255,255,255,.10);
}
.eipmwhychoosestep:last-child{
border-bottom:0;
}
.eipmwhychoosestep strong{
font-size:15px;
}
.eipmwhychoosestep small{
font-size:12px;
}
}
/*==================================================
eipm HOME SURAT SERVICE AREAS
PRIMARY : #173d69
ACCENT : #e53935
==================================================*/
.eipmsuratareas,
.eipmsuratareas *{
box-sizing:border-box;
}
.eipmsuratareas{
position:relative;
width:100%;
padding:105px 0;
background:#f5f7fa;
font-family:"Poppins",sans-serif;
overflow:hidden;
}
.eipmsuratareas::before{
content:"";
position:absolute;
top:-210px;
right:-180px;
width:520px;
height:520px;
border:85px solid rgba(23,61,105,.035);
border-radius:50%;
pointer-events:none;
}
.eipmsuratareas::after{
content:"";
position:absolute;
left:-100px;
bottom:-120px;
width:300px;
height:300px;
background:rgba(221,116,54,.045);
border-radius:50%;
pointer-events:none;
}
/*==================================================
CONTAINER
==================================================*/
.eipmsuratareascontainer{
position:relative;
z-index:2;
width:100%;
max-width:1400px;
margin:0 auto;
padding:0 30px;
}
/*==================================================
MAIN LAYOUT
==================================================*/
.eipmsuratareaslayout{
display:grid;
grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
align-items:center;
gap:80px;
}
/*==================================================
LEFT CONTENT
==================================================*/
.eipmsuratareascontent{
width:100%;
text-align:left;
}
/*==================================================
SECTION TAG
==================================================*/
.eipmsuratareastag{
display:inline-flex;
align-items:center;
gap:12px;
margin-bottom:20px;
color:#e53935;
font-size:15px;
font-weight:700;
line-height:1.4;
text-transform:uppercase;
letter-spacing:1px;
}
.eipmsuratareastag i{
width:43px;
height:43px;
display:flex;
align-items:center;
justify-content:center;
background:rgba(221,116,54,.12);
color:#e53935;
border-radius:7px;
font-size:18px;
}
/*==================================================
HEADING
==================================================*/
.eipmsuratareascontent h2{
max-width:650px;
margin:0 0 24px;
color:#173d69;
font-size:49px;
font-weight:800;
line-height:1.18;
letter-spacing:-1.4px;
text-align:left;
}
.eipmsuratareascontent h2 span{
display:block;
color:#e53935;
}
/*==================================================
CONTENT TEXT
==================================================*/
.eipmsuratareaslead{
max-width:650px;
margin:0 0 17px;
color:#3f5367;
font-size:18px;
font-weight:500;
line-height:1.8;
text-align:left;
}
.eipmsuratareasdescription{
max-width:650px;
margin:0 0 30px;
color:#697a8a;
font-size:16px;
font-weight:400;
line-height:1.85;
text-align:left;
}
/*==================================================
COVERAGE BOX
==================================================*/
.eipmsuratareascoverage{
display:flex;
align-items:center;
gap:17px;
max-width:570px;
margin-bottom:32px;
padding:20px;
background:#ffffff;
border:1px solid #e1e8ee;
border-left:5px solid #e53935;
border-radius:8px;
box-shadow:0 14px 35px rgba(23,61,105,.07);
}
.eipmsuratareascoverageicon{
width:60px;
height:60px;
min-width:60px;
display:flex;
align-items:center;
justify-content:center;
background:#173d69;
color:#ffffff;
border-radius:8px;
font-size:23px;
}
.eipmsuratareascoverage strong{
display:block;
margin-bottom:5px;
color:#173d69;
font-size:17px;
font-weight:700;
line-height:1.4;
}
.eipmsuratareascoverage p{
margin:0;
color:#71808f;
font-size:14px;
font-weight:400;
line-height:1.6;
}
/*==================================================
ACTION BUTTONS
==================================================*/
.eipmsuratareasactions{
display:flex;
align-items:center;
gap:14px;
}
.eipmsuratareasquote,
.eipmsuratareascall{
min-height:57px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:11px;
padding:14px 24px;
border-radius:7px;
text-decoration:none;
font-size:15px;
font-weight:700;
transition:.3s ease;
}
.eipmsuratareasquote{
background:#e53935;
color:#ffffff;
border:2px solid #e53935;
}
.eipmsuratareasquote i{
transition:transform .3s ease;
}
.eipmsuratareasquote:hover{
background:#173d69;
border-color:#173d69;
color:#ffffff;
text-decoration:none;
transform:translateY(-3px);
}
.eipmsuratareasquote:hover i{
transform:translateX(5px);
}
.eipmsuratareascall{
background:#ffffff;
color:#173d69;
border:2px solid #dce4eb;
}
.eipmsuratareascall:hover{
background:#173d69;
border-color:#173d69;
color:#ffffff;
text-decoration:none;
}
/*==================================================
RIGHT DIRECTORY
==================================================*/
.eipmsuratareasdirectory{
position:relative;
width:100%;
padding:35px;
background:#173d69;
border-radius:12px;
box-shadow:0 25px 60px rgba(23,61,105,.22);
overflow:hidden;
}
.eipmsuratareasdirectory::before{
content:"";
position:absolute;
top:-120px;
right:-100px;
width:300px;
height:300px;
border:50px solid rgba(255,255,255,.035);
border-radius:50%;
pointer-events:none;
}
/*==================================================
DIRECTORY HEADER
==================================================*/
.eipmsuratareasdirectorytop{
position:relative;
z-index:2;
display:flex;
align-items:center;
gap:17px;
margin-bottom:28px;
padding-bottom:25px;
border-bottom:1px solid rgba(255,255,255,.14);
}
.eipmsuratareasdirectoryicon{
width:64px;
height:64px;
min-width:64px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#ffffff;
border-radius:9px;
font-size:25px;
}
.eipmsuratareasdirectorytop span{
display:block;
margin-bottom:5px;
color:#e53935;
font-size:12px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
}
.eipmsuratareasdirectorytop h3{
margin:0;
color:#ffffff;
font-size:25px;
font-weight:750;
line-height:1.4;
text-align:left;
}
/*==================================================
AREA LINKS GRID
==================================================*/
.eipmsuratareaslist{
position:relative;
z-index:2;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:11px;
}
/*==================================================
AREA LINK
==================================================*/
.eipmsuratareaitem{
min-width:0;
min-height:49px;
display:flex;
align-items:center;
gap:10px;
padding:11px 13px;
background:rgba(255,255,255,.07);
color:#ffffff;
border:1px solid rgba(255,255,255,.10);
border-radius:6px;
text-decoration:none;
font-size:14px;
font-weight:600;
line-height:1.4;
cursor:pointer;
transition:
background .3s ease,
border-color .3s ease,
color .3s ease,
transform .3s ease;
}
.eipmsuratareaitem i{
color:#e53935;
font-size:12px;
transition:
color .3s ease,
transform .3s ease;
}
.eipmsuratareaitem span{
min-width:0;
color:inherit;
}
/*==================================================
AREA LINK HOVER
==================================================*/
.eipmsuratareaitem:hover{
background:#e53935;
border-color:#e53935;
color:#ffffff;
text-decoration:none;
transform:translateY(-3px);
}
.eipmsuratareaitem:hover i{
color:#ffffff;
transform:translateX(3px);
}
/*==================================================
DIRECTORY BOTTOM
==================================================*/
.eipmsuratareasdirectorybottom{
position:relative;
z-index:2;
display:flex;
align-items:flex-start;
gap:12px;
margin-top:25px;
padding-top:22px;
border-top:1px solid rgba(255,255,255,.14);
}
.eipmsuratareasdirectorybottom i{
margin-top:4px;
color:#e53935;
font-size:17px;
}
.eipmsuratareasdirectorybottom p{
margin:0;
color:rgba(255,255,255,.70);
font-size:14px;
font-weight:400;
line-height:1.7;
}
/*==================================================
SMALL DESKTOP
==================================================*/
@media screen and (max-width:1199px){
.eipmsuratareas{
padding:85px 0;
}
.eipmsuratareaslayout{
gap:55px;
}
.eipmsuratareascontent h2{
font-size:42px;
}
.eipmsuratareaslead{
font-size:17px;
}
.eipmsuratareasdirectory{
padding:30px;
}
.eipmsuratareaslist{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
/*==================================================
TABLET
==================================================*/
@media screen and (max-width:991px){
.eipmsuratareas{
padding:75px 0;
}
.eipmsuratareascontainer{
padding:0 30px;
}
.eipmsuratareaslayout{
grid-template-columns:1fr;
gap:55px;
}
.eipmsuratareascontent{
max-width:760px;
}
.eipmsuratareascontent h2{
max-width:700px;
font-size:43px;
}
.eipmsuratareaslead{
font-size:18px;
}
.eipmsuratareascoverage{
max-width:650px;
}
.eipmsuratareasdirectory{
max-width:850px;
}
.eipmsuratareaslist{
grid-template-columns:repeat(3,minmax(0,1fr));
}
}
/*==================================================
MOBILE
==================================================*/
@media screen and (max-width:767px){
.eipmsuratareas{
padding:60px 0;
}
.eipmsuratareascontainer{
padding:0 18px;
}
.eipmsuratareaslayout{
gap:40px;
}
.eipmsuratareastag{
margin-bottom:17px;
font-size:13px;
letter-spacing:.7px;
}
.eipmsuratareascontent h2{
margin-bottom:20px;
font-size:35px;
line-height:1.22;
letter-spacing:-.7px;
}
.eipmsuratareaslead{
font-size:17px;
line-height:1.75;
}
.eipmsuratareasdescription{
margin-bottom:26px;
font-size:15px;
line-height:1.8;
}
.eipmsuratareascoverage{
margin-bottom:27px;
padding:17px;
}
.eipmsuratareascoverageicon{
width:55px;
height:55px;
min-width:55px;
font-size:21px;
}
.eipmsuratareasactions{
align-items:stretch;
flex-direction:column;
}
.eipmsuratareasquote,
.eipmsuratareascall{
width:100%;
}
.eipmsuratareasdirectory{
padding:27px 23px;
border-radius:9px;
}
.eipmsuratareasdirectorytop{
align-items:flex-start;
}
.eipmsuratareasdirectoryicon{
width:58px;
height:58px;
min-width:58px;
font-size:22px;
}
.eipmsuratareasdirectorytop h3{
font-size:22px;
}
.eipmsuratareaslist{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:9px;
}
.eipmsuratareaitem{
min-height:48px;
padding:10px 11px;
font-size:13px;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media screen and (max-width:480px){
.eipmsuratareas{
padding:52px 0;
}
.eipmsuratareascontainer{
padding:0 15px;
}
.eipmsuratareastag{
font-size:12px;
}
.eipmsuratareastag i{
width:39px;
height:39px;
font-size:15px;
}
.eipmsuratareascontent h2{
font-size:30px;
line-height:1.25;
}
.eipmsuratareaslead{
font-size:16px;
}
.eipmsuratareasdescription{
font-size:15px;
}
.eipmsuratareascoverage{
align-items:flex-start;
gap:13px;
padding:15px;
}
.eipmsuratareascoverageicon{
width:50px;
height:50px;
min-width:50px;
font-size:19px;
}
.eipmsuratareascoverage strong{
font-size:15px;
}
.eipmsuratareascoverage p{
font-size:13px;
}
.eipmsuratareasdirectory{
padding:23px 18px;
}
.eipmsuratareasdirectorytop{
gap:13px;
margin-bottom:22px;
padding-bottom:20px;
}
.eipmsuratareasdirectoryicon{
width:52px;
height:52px;
min-width:52px;
font-size:20px;
}
.eipmsuratareasdirectorytop span{
font-size:10px;
}
.eipmsuratareasdirectorytop h3{
font-size:19px;
line-height:1.4;
}
.eipmsuratareaslist{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
}
.eipmsuratareaitem{
min-height:46px;
gap:7px;
padding:9px;
font-size:12px;
}
.eipmsuratareaitem i{
font-size:10px;
}
.eipmsuratareasdirectorybottom p{
font-size:13px;
}
}
/*==================================================
VERY SMALL MOBILE
==================================================*/
@media screen and (max-width:360px){
.eipmsuratareaslist{
grid-template-columns:1fr;
}
.eipmsuratareaitem{
font-size:13px;
}
}
/*==================================================
eipm HOME CTA SECTION
PRIMARY : #173d69
ACCENT : #e53935
==================================================*/
.eipmhomecta,
.eipmhomecta *{
box-sizing:border-box;
}
.eipmhomecta{
position:relative;
width:100%;
padding:95px 0;
background:#ffffff;
font-family:"Poppins",sans-serif;
overflow:hidden;
}
/*==================================================
BACKGROUND DECORATION
==================================================*/
.eipmhomecta::before{
content:"";
position:absolute;
top:-220px;
left:-190px;
width:550px;
height:550px;
border:90px solid rgba(23,61,105,.035);
border-radius:50%;
pointer-events:none;
}
.eipmhomecta::after{
content:"";
position:absolute;
right:-100px;
bottom:-130px;
width:320px;
height:320px;
background:rgba(221,116,54,.05);
border-radius:50%;
pointer-events:none;
}
/*==================================================
CONTAINER
==================================================*/
.eipmhomectacontainer{
position:relative;
z-index:2;
width:100%;
max-width:1400px;
margin:0 auto;
padding:0 30px;
}
/*==================================================
CTA WRAPPER
==================================================*/
.eipmhomectawrap{
position:relative;
display:grid;
grid-template-columns:
minmax(0,1.1fr)
minmax(420px,.7fr);
align-items:center;
gap:70px;
padding:65px;
background:#173d69;
border-radius:14px;
overflow:hidden;
box-shadow:
0 30px 70px rgba(23,61,105,.22);
}
/*==================================================
WRAPPER DECORATION
==================================================*/
.eipmhomectawrap::before{
content:"";
position:absolute;
top:-190px;
right:280px;
width:500px;
height:500px;
border:80px solid rgba(255,255,255,.025);
border-radius:50%;
pointer-events:none;
}
.eipmhomectawrap::after{
content:"";
position:absolute;
left:0;
bottom:0;
width:38%;
height:5px;
background:#e53935;
pointer-events:none;
}
/*==================================================
LEFT CONTENT
==================================================*/
.eipmhomectacontent{
position:relative;
z-index:2;
width:100%;
text-align:left;
}
/*==================================================
TAG
==================================================*/
.eipmhomectatag{
display:inline-flex;
align-items:center;
gap:11px;
margin-bottom:20px;
color:#e53935;
font-size:15px;
font-weight:700;
line-height:1.4;
text-transform:uppercase;
letter-spacing:1px;
}
.eipmhomectatag i{
width:43px;
height:43px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#ffffff;
border-radius:7px;
font-size:17px;
}
/*==================================================
HEADING
==================================================*/
.eipmhomectacontent h2{
max-width:720px;
margin:0 0 23px;
color:#ffffff;
font-size:52px;
font-weight:800;
line-height:1.16;
letter-spacing:-1.5px;
text-align:left;
}
.eipmhomectacontent h2 span{
display:block;
color:#ffc107;
}
/*==================================================
DESCRIPTION
==================================================*/
.eipmhomectacontent > p{
max-width:700px;
margin:0 0 29px;
color:rgba(255,255,255,.74);
font-size:17px;
font-weight:400;
line-height:1.8;
text-align:left;
}
/*==================================================
POINTS
==================================================*/
.eipmhomectapoints{
display:flex;
flex-direction:column;
gap:13px;
}
.eipmhomectapoints span{
display:flex;
align-items:center;
gap:11px;
color:#ffffff;
font-size:15px;
font-weight:600;
line-height:1.5;
}
.eipmhomectapoints span i{
color:#e53935;
font-size:17px;
}
/*==================================================
RIGHT ACTION PANEL
==================================================*/
.eipmhomectaaction{
position:relative;
z-index:3;
width:100%;
padding:37px 35px;
background:#ffffff;
border-radius:10px;
text-align:left;
box-shadow:
0 25px 55px rgba(0,0,0,.20);
}
/*==================================================
ACTION ICON
==================================================*/
.eipmhomectaactionicon{
width:68px;
height:68px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:22px;
background:#173d69;
color:#ffffff;
border-radius:9px;
font-size:26px;
box-shadow:
0 12px 28px rgba(23,61,105,.20);
}
/*==================================================
ACTION TAG
==================================================*/
.eipmhomectaactiontag{
display:block;
margin-bottom:8px;
color:#e53935;
font-size:12px;
font-weight:750;
line-height:1.4;
text-transform:uppercase;
letter-spacing:1px;
}
/*==================================================
ACTION HEADING
==================================================*/
.eipmhomectaaction h3{
margin:0 0 14px;
color:#173d69;
font-size:28px;
font-weight:800;
line-height:1.35;
text-align:left;
}
/*==================================================
ACTION TEXT
==================================================*/
.eipmhomectaaction > p{
margin:0 0 25px;
color:#697a8a;
font-size:15px;
font-weight:400;
line-height:1.75;
text-align:left;
}
/*==================================================
BUTTONS
==================================================*/
.eipmhomectabuttons{
display:flex;
flex-direction:column;
gap:13px;
}
/*==================================================
QUOTE BUTTON
==================================================*/
.eipmhomectaquote{
width:100%;
min-height:58px;
display:flex;
align-items:center;
justify-content:center;
gap:12px;
padding:14px 22px;
background:#e53935;
color:#ffffff;
border:2px solid #e53935;
border-radius:7px;
text-decoration:none;
font-size:16px;
font-weight:700;
transition:
background .3s ease,
border-color .3s ease,
transform .3s ease;
}
.eipmhomectaquote i{
transition:transform .3s ease;
}
.eipmhomectaquote:hover{
background:#173d69;
border-color:#173d69;
color:#ffffff;
text-decoration:none;
transform:translateY(-3px);
}
.eipmhomectaquote:hover i{
transform:translateX(5px);
}
/*==================================================
CALL BUTTON
==================================================*/
.eipmhomectacall{
width:100%;
min-height:66px;
display:flex;
align-items:center;
gap:13px;
padding:10px 14px;
background:#f4f7fa;
color:#173d69;
border:1px solid #e0e7ed;
border-radius:7px;
text-decoration:none;
transition:
background .3s ease,
border-color .3s ease;
}
.eipmhomectacall > span{
width:45px;
height:45px;
min-width:45px;
display:flex;
align-items:center;
justify-content:center;
background:#173d69;
color:#ffffff;
border-radius:7px;
font-size:17px;
transition:
background .3s ease,
transform .3s ease;
}
.eipmhomectacall small{
display:block;
margin-bottom:3px;
color:#7a8997;
font-size:11px;
font-weight:500;
line-height:1.3;
}
.eipmhomectacall strong{
display:block;
color:#173d69;
font-size:16px;
font-weight:750;
line-height:1.4;
}
.eipmhomectacall:hover{
background:#eef3f7;
border-color:#cdd8e2;
color:#173d69;
text-decoration:none;
}
.eipmhomectacall:hover > span{
background:#e53935;
transform:rotate(-5deg);
}
/*==================================================
HELP TEXT
==================================================*/
.eipmhomectahelp{
display:flex;
align-items:flex-start;
gap:9px;
margin-top:19px;
padding-top:17px;
border-top:1px solid #e2e8ed;
}
.eipmhomectahelp i{
margin-top:4px;
color:#e53935;
font-size:14px;
}
.eipmhomectahelp span{
color:#748493;
font-size:12px;
font-weight:400;
line-height:1.6;
}
/*==================================================
SMALL DESKTOP
==================================================*/
@media screen and (max-width:1199px){
.eipmhomecta{
padding:85px 0;
}
.eipmhomectawrap{
grid-template-columns:
minmax(0,1fr)
minmax(380px,.75fr);
gap:50px;
padding:52px;
}
.eipmhomectacontent h2{
font-size:44px;
}
.eipmhomectacontent > p{
font-size:16px;
}
}
/*==================================================
TABLET
==================================================*/
@media screen and (max-width:991px){
.eipmhomecta{
padding:75px 0;
}
.eipmhomectacontainer{
padding:0 30px;
}
.eipmhomectawrap{
grid-template-columns:1fr;
gap:45px;
padding:50px;
}
.eipmhomectacontent{
max-width:750px;
}
.eipmhomectacontent h2{
max-width:680px;
font-size:44px;
}
.eipmhomectacontent > p{
max-width:720px;
font-size:17px;
}
.eipmhomectaaction{
max-width:650px;
}
}
/*==================================================
MOBILE
==================================================*/
@media screen and (max-width:767px){
.eipmhomecta{
padding:60px 0;
}
.eipmhomectacontainer{
padding:0 18px;
}
.eipmhomectawrap{
gap:37px;
padding:38px 25px;
border-radius:10px;
}
.eipmhomectatag{
margin-bottom:17px;
font-size:13px;
letter-spacing:.6px;
}
.eipmhomectatag i{
width:40px;
height:40px;
font-size:15px;
}
.eipmhomectacontent h2{
margin-bottom:20px;
font-size:36px;
line-height:1.22;
letter-spacing:-.7px;
}
.eipmhomectacontent > p{
margin-bottom:25px;
font-size:16px;
line-height:1.75;
}
.eipmhomectapoints span{
font-size:14px;
}
.eipmhomectaaction{
padding:30px 25px;
}
.eipmhomectaactionicon{
width:62px;
height:62px;
margin-bottom:20px;
font-size:23px;
}
.eipmhomectaaction h3{
font-size:25px;
}
.eipmhomectaaction > p{
font-size:15px;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media screen and (max-width:480px){
.eipmhomecta{
padding:52px 0;
}
.eipmhomectacontainer{
padding:0 15px;
}
.eipmhomectawrap{
padding:32px 18px;
}
.eipmhomectatag{
font-size:11px;
letter-spacing:.4px;
}
.eipmhomectatag i{
width:38px;
height:38px;
min-width:38px;
}
.eipmhomectacontent h2{
font-size:30px;
line-height:1.25;
}
.eipmhomectacontent > p{
font-size:15px;
}
.eipmhomectapoints{
gap:12px;
}
.eipmhomectapoints span{
align-items:flex-start;
font-size:14px;
}
.eipmhomectapoints span i{
margin-top:3px;
}
.eipmhomectaaction{
padding:25px 20px;
border-radius:8px;
}
.eipmhomectaactionicon{
width:57px;
height:57px;
font-size:21px;
}
.eipmhomectaactiontag{
font-size:11px;
}
.eipmhomectaaction h3{
font-size:22px;
line-height:1.4;
}
.eipmhomectaaction > p{
font-size:14px;
line-height:1.7;
}
.eipmhomectaquote{
min-height:55px;
font-size:15px;
}
.eipmhomectacall{
min-height:64px;
}
.eipmhomectacall strong{
font-size:15px;
}
}
/*==================================================
VERY SMALL MOBILE
==================================================*/
@media screen and (max-width:360px){
.eipmhomectawrap{
padding:28px 15px;
}
.eipmhomectacontent h2{
font-size:27px;
}
.eipmhomectaaction{
padding:22px 16px;
}
.eipmhomectacall{
padding:9px 10px;
}
.eipmhomectacall > span{
width:41px;
height:41px;
min-width:41px;
}
.eipmhomectacall strong{
font-size:14px;
}
}
/*==================================================
eipm HOME MOVING APPROACH
PRIMARY : #173d69
ACCENT : #e53935
==================================================*/
.eipmjourney,
.eipmjourney *{
box-sizing:border-box;
}
.eipmjourney{
position:relative;
width:100%;
padding:105px 0;
background:#f4f7fa;
font-family:"Poppins",sans-serif;
overflow:hidden;
}
/*==================================================
BACKGROUND DESIGN
==================================================*/
.eipmjourney::before{
content:"";
position:absolute;
top:-250px;
left:-280px;
width:650px;
height:650px;
border:80px solid rgba(23,61,105,.035);
border-radius:50%;
pointer-events:none;
}
.eipmjourney::after{
content:"";
position:absolute;
bottom:-170px;
right:-150px;
width:420px;
height:420px;
background:rgba(221,116,54,.045);
border-radius:50%;
pointer-events:none;
}
/*==================================================
CONTAINER
==================================================*/
.eipmjourneycontainer{
position:relative;
z-index:2;
width:100%;
max-width:1400px;
margin:0 auto;
padding:0 30px;
}
/*==================================================
MAIN GRID
==================================================*/
.eipmjourneygrid{
display:grid;
grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
align-items:start;
gap:145px;
}
/*==================================================
LEFT CONTENT
==================================================*/
.eipmjourneyleft{
position:sticky;
top:150px;
width:100%;
padding-top:5px;
text-align:left;
}
/*==================================================
TAG
==================================================*/
.eipmjourneytag{
display:inline-flex;
align-items:center;
gap:10px;
min-height:44px;
margin-bottom:25px;
padding:10px 19px;
background:#ffffff;
color:#173d69;
border:1px solid rgba(221,116,54,.45);
border-radius:50px;
font-size:14px;
font-weight:750;
line-height:1.4;
text-transform:uppercase;
letter-spacing:.6px;
}
.eipmjourneytag i{
color:#e53935;
font-size:15px;
}
/*==================================================
HEADING
==================================================*/
.eipmjourneyleft h2{
max-width:650px;
margin:0 0 30px;
color:#173d69;
font-size:52px;
font-weight:800;
line-height:1.18;
letter-spacing:-1.6px;
text-align:left;
}
.eipmjourneyleft h2 span{
color:#e53935;
}
/*==================================================
CONTENT
==================================================*/
.eipmjourneylead{
max-width:640px;
margin:0 0 20px;
color:#344b62;
font-size:18px;
font-weight:500;
line-height:1.9;
text-align:left;
}
.eipmjourneytext{
max-width:640px;
margin:0 0 32px;
color:#687989;
font-size:16px;
font-weight:400;
line-height:1.9;
text-align:left;
}
/*==================================================
SERVICE PROMISE
==================================================*/
.eipmjourneypromise{
position:relative;
display:flex;
align-items:flex-start;
gap:20px;
max-width:650px;
margin-bottom:31px;
padding:24px;
background:#ffffff;
border:1px solid #e1e7ed;
border-left:5px solid #e53935;
border-radius:9px;
box-shadow:0 15px 40px rgba(23,61,105,.07);
}
.eipmjourneypromiseicon{
width:60px;
height:60px;
min-width:60px;
display:flex;
align-items:center;
justify-content:center;
background:#173d69;
color:#ffffff;
border-radius:8px;
font-size:23px;
}
.eipmjourneypromise span{
display:block;
margin-bottom:5px;
color:#e53935;
font-size:11px;
font-weight:800;
line-height:1.4;
text-transform:uppercase;
letter-spacing:1px;
}
.eipmjourneypromise h3{
margin:0 0 8px;
color:#173d69;
font-size:19px;
font-weight:750;
line-height:1.5;
}
.eipmjourneypromise p{
margin:0;
color:#71808f;
font-size:14px;
font-weight:400;
line-height:1.7;
}
/*==================================================
LEFT BUTTONS
==================================================*/
.eipmjourneyactions{
display:flex;
align-items:center;
gap:14px;
}
.eipmjourneyquote,
.eipmjourneycall{
min-height:57px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:11px;
padding:14px 24px;
border-radius:7px;
text-decoration:none;
font-size:15px;
font-weight:700;
transition:.3s ease;
}
.eipmjourneyquote{
background:#e53935;
color:#ffffff;
border:2px solid #e53935;
}
.eipmjourneyquote i{
transition:transform .3s ease;
}
.eipmjourneyquote:hover{
background:#173d69;
border-color:#173d69;
color:#ffffff;
text-decoration:none;
transform:translateY(-3px);
}
.eipmjourneyquote:hover i{
transform:translateX(5px);
}
.eipmjourneycall{
background:#ffffff;
color:#173d69;
border:2px solid #dce4eb;
}
.eipmjourneycall:hover{
background:#173d69;
border-color:#173d69;
color:#ffffff;
text-decoration:none;
}
/*==================================================
RIGHT STEPS
==================================================*/
.eipmjourneyright{
position:relative;
width:100%;
display:flex;
flex-direction:column;
gap:25px;
}
/*==================================================
VERTICAL TIMELINE
==================================================*/
.eipmjourneyright::before{
content:"";
position:absolute;
top:55px;
bottom:55px;
left:-59px;
width:2px;
background:rgba(221,116,54,.55);
}
/*==================================================
STEP
==================================================*/
.eipmjourneystep{
position:relative;
width:100%;
}
/*==================================================
NUMBER
==================================================*/
.eipmjourneynumber{
position:absolute;
top:50%;
left:-88px;
z-index:5;
width:60px;
height:60px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#ffffff;
border:6px solid #f4f7fa;
border-radius:50%;
box-shadow:0 0 0 2px rgba(221,116,54,.18);
font-size:15px;
font-weight:800;
line-height:1;
transform:translateY(-50%);
}
/*==================================================
STEP CARD
==================================================*/
.eipmjourneycard{
position:relative;
min-height:170px;
display:grid;
grid-template-columns:68px minmax(0,1fr);
align-items:start;
gap:22px;
padding:29px 31px;
background:#ffffff;
border:1px solid #e0e7ed;
border-radius:14px;
box-shadow:0 13px 35px rgba(23,61,105,.045);
transition:
transform .35s ease,
box-shadow .35s ease,
border-color .35s ease;
}
.eipmjourneycard::before{
content:"";
position:absolute;
top:0;
left:0;
width:4px;
height:0;
background:#e53935;
border-radius:14px 0 0 14px;
transition:height .35s ease;
}
.eipmjourneystep:hover .eipmjourneycard{
border-color:rgba(221,116,54,.32);
transform:translateX(8px);
box-shadow:0 20px 48px rgba(23,61,105,.10);
}
.eipmjourneystep:hover .eipmjourneycard::before{
height:100%;
}
/*==================================================
CARD ICON
==================================================*/
.eipmjourneycardicon{
width:68px;
height:68px;
display:flex;
align-items:center;
justify-content:center;
background:#edf1f5;
color:#173d69;
border-radius:11px;
font-size:25px;
transition:
background .35s ease,
color .35s ease,
transform .35s ease;
}
.eipmjourneystep:hover .eipmjourneycardicon{
background:#173d69;
color:#ffffff;
transform:rotate(-4deg);
}
/*==================================================
CARD CONTENT
==================================================*/
.eipmjourneycardcontent{
min-width:0;
padding-top:2px;
}
.eipmjourneycardtag{
display:block;
margin-bottom:8px;
color:#e53935;
font-size:11px;
font-weight:800;
line-height:1.4;
text-transform:uppercase;
letter-spacing:1px;
}
.eipmjourneycardcontent h3{
margin:0 0 11px;
color:#173d69;
font-size:23px;
font-weight:750;
line-height:1.4;
text-align:left;
}
.eipmjourneycardcontent p{
margin:0;
color:#697a8a;
font-size:15px;
font-weight:400;
line-height:1.75;
text-align:left;
}
/*==================================================
SMALL DESKTOP
==================================================*/
@media screen and (max-width:1199px){
.eipmjourney{
padding:85px 0;
}
.eipmjourneygrid{
gap:110px;
}
.eipmjourneyleft h2{
font-size:44px;
}
.eipmjourneylead{
font-size:17px;
}
.eipmjourneyright::before{
left:-45px;
}
.eipmjourneynumber{
left:-74px;
}
}
/*==================================================
TABLET
==================================================*/
@media screen and (max-width:991px){
.eipmjourney{
padding:75px 0;
}
.eipmjourneycontainer{
padding:0 30px;
}
.eipmjourneygrid{
grid-template-columns:1fr;
gap:65px;
}
.eipmjourneyleft{
position:relative;
top:auto;
max-width:800px;
}
.eipmjourneyleft h2{
max-width:700px;
font-size:45px;
}
.eipmjourneylead,
.eipmjourneytext{
max-width:760px;
}
.eipmjourneypromise{
max-width:760px;
}
.eipmjourneyright{
padding-left:75px;
}
.eipmjourneyright::before{
left:29px;
}
.eipmjourneynumber{
left:-75px;
}
.eipmjourneycard{
min-height:160px;
}
}
/*==================================================
MOBILE
==================================================*/
@media screen and (max-width:767px){
.eipmjourney{
padding:60px 0;
}
.eipmjourneycontainer{
padding:0 18px;
}
.eipmjourneygrid{
gap:48px;
}
.eipmjourneytag{
min-height:41px;
margin-bottom:20px;
padding:9px 15px;
font-size:12px;
}
.eipmjourneyleft h2{
margin-bottom:23px;
font-size:36px;
line-height:1.22;
letter-spacing:-.8px;
}
.eipmjourneylead{
font-size:17px;
line-height:1.8;
}
.eipmjourneytext{
font-size:15px;
line-height:1.8;
}
.eipmjourneypromise{
gap:15px;
padding:20px;
}
.eipmjourneypromiseicon{
width:55px;
height:55px;
min-width:55px;
font-size:21px;
}
.eipmjourneyactions{
align-items:stretch;
flex-direction:column;
}
.eipmjourneyquote,
.eipmjourneycall{
width:100%;
}
/*==============================================
MOBILE TIMELINE
==============================================*/
.eipmjourneyright{
gap:20px;
padding-left:0;
}
.eipmjourneyright::before{
display:none;
}
.eipmjourneystep{
padding-top:23px;
}
.eipmjourneynumber{
top:0;
left:22px;
width:47px;
height:47px;
border:5px solid #f4f7fa;
font-size:12px;
transform:none;
}
.eipmjourneycard{
min-height:0;
grid-template-columns:60px minmax(0,1fr);
gap:17px;
padding:35px 21px 24px;
border-radius:10px;
}
.eipmjourneystep:hover .eipmjourneycard{
transform:translateY(-4px);
}
.eipmjourneycardicon{
width:60px;
height:60px;
border-radius:9px;
font-size:22px;
}
.eipmjourneycardcontent h3{
font-size:21px;
}
.eipmjourneycardcontent p{
font-size:14px;
line-height:1.7;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media screen and (max-width:480px){
.eipmjourney{
padding:52px 0;
}
.eipmjourneycontainer{
padding:0 15px;
}
.eipmjourneyleft h2{
font-size:30px;
line-height:1.25;
}
.eipmjourneylead{
font-size:16px;
}
.eipmjourneytext{
font-size:15px;
}
.eipmjourneypromise{
align-items:flex-start;
padding:17px;
}
.eipmjourneypromiseicon{
width:50px;
height:50px;
min-width:50px;
font-size:18px;
}
.eipmjourneypromise h3{
font-size:16px;
}
.eipmjourneypromise p{
font-size:13px;
}
.eipmjourneystep{
padding-top:21px;
}
.eipmjourneynumber{
left:18px;
width:43px;
height:43px;
font-size:11px;
}
.eipmjourneycard{
display:block;
padding:35px 18px 22px;
}
.eipmjourneycardicon{
width:57px;
height:57px;
margin-bottom:18px;
font-size:21px;
}
.eipmjourneycardtag{
font-size:10px;
}
.eipmjourneycardcontent h3{
font-size:20px;
}
.eipmjourneycardcontent p{
font-size:14px;
}
}
/*==================================================
eipm HOME TESTIMONIAL SLIDER
PRIMARY : #173d69
ACCENT : #e53935
==================================================*/
.eipmreviews,
.eipmreviews *{
box-sizing:border-box;
}
.eipmreviews{
position:relative;
width:100%;
padding:105px 0;
background:#ffffff;
font-family:"Poppins",sans-serif;
overflow:hidden;
}
.eipmreviews::before{
content:"";
position:absolute;
top:-240px;
right:-220px;
width:600px;
height:600px;
border:90px solid rgba(23,61,105,.035);
border-radius:50%;
pointer-events:none;
}
.eipmreviews::after{
content:"";
position:absolute;
left:-100px;
bottom:-130px;
width:320px;
height:320px;
background:rgba(221,116,54,.045);
border-radius:50%;
pointer-events:none;
}
/*==================================================
CONTAINER
==================================================*/
.eipmreviewscontainer{
position:relative;
z-index:2;
width:100%;
max-width:1400px;
margin:0 auto;
padding:0 30px;
}
/*==================================================
SECTION HEADING
==================================================*/
.eipmreviewsheading{
display:grid;
grid-template-columns:minmax(0,1.1fr) minmax(320px,.65fr);
align-items:end;
gap:70px;
margin-bottom:58px;
}
.eipmreviewsheadingcontent{
min-width:0;
}
.eipmreviewstag{
display:inline-flex;
align-items:center;
gap:11px;
margin-bottom:19px;
color:#e53935;
font-size:15px;
font-weight:700;
line-height:1.4;
text-transform:uppercase;
letter-spacing:1px;
}
.eipmreviewstag i{
width:43px;
height:43px;
display:flex;
align-items:center;
justify-content:center;
background:rgba(221,116,54,.12);
color:#e53935;
border-radius:7px;
font-size:17px;
}
.eipmreviewsheading h2{
max-width:760px;
margin:0;
color:#173d69;
font-size:49px;
font-weight:800;
line-height:1.18;
letter-spacing:-1.4px;
text-align:left;
}
.eipmreviewsheading h2 span{
display:block;
color:#e53935;
}
.eipmreviewsheadingtext{
margin:0 0 5px;
color:#697a8a;
font-size:16px;
font-weight:400;
line-height:1.8;
text-align:left;
}
/*==================================================
SLIDER
==================================================*/
.eipmreviewsslider{
width:100%;
overflow:hidden;
touch-action:pan-y;
}
.eipmreviewstrack{
display:flex;
align-items:stretch;
gap:24px;
will-change:transform;
transition:transform .6s cubic-bezier(.22,.61,.36,1);
}
/*==================================================
REVIEW CARD
==================================================*/
.eipmreviewcard{
position:relative;
min-width:calc((100% - 48px) / 3);
flex:0 0 calc((100% - 48px) / 3);
min-height:360px;
display:flex;
flex-direction:column;
padding:32px;
background:#f5f7fa;
border:1px solid #e0e7ed;
border-radius:12px;
overflow:hidden;
transition:
transform .35s ease,
box-shadow .35s ease,
border-color .35s ease;
}
.eipmreviewcard::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background:#e53935;
transform:scaleX(0);
transform-origin:left;
transition:transform .35s ease;
}
.eipmreviewcard::after{
content:"";
position:absolute;
right:-55px;
bottom:-65px;
width:160px;
height:160px;
border:30px solid rgba(23,61,105,.035);
border-radius:50%;
pointer-events:none;
}
.eipmreviewcard:hover{
border-color:rgba(221,116,54,.30);
transform:translateY(-7px);
box-shadow:0 22px 50px rgba(23,61,105,.11);
}
.eipmreviewcard:hover::before{
transform:scaleX(1);
}
/*==================================================
CARD TOP
==================================================*/
.eipmreviewcardtop{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
margin-bottom:26px;
}
.eipmreviewquoteicon{
width:59px;
height:59px;
display:flex;
align-items:center;
justify-content:center;
background:#173d69;
color:#ffffff;
border-radius:9px;
font-size:22px;
}
.eipmreviewstars{
display:flex;
align-items:center;
gap:4px;
color:#e53935;
font-size:15px;
}
/*==================================================
REVIEW TEXT
==================================================*/
.eipmreviewtext{
position:relative;
z-index:2;
flex:1 1 auto;
margin:0 0 30px;
color:#4f6274;
font-size:16px;
font-weight:400;
line-height:1.85;
text-align:left;
}
/*==================================================
CUSTOMER
==================================================*/
.eipmreviewcustomer{
position:relative;
z-index:2;
display:grid;
grid-template-columns:55px minmax(0,1fr) auto;
align-items:center;
gap:14px;
padding-top:22px;
border-top:1px solid #dce4eb;
}
.eipmreviewavatar{
width:55px;
height:55px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#ffffff;
border-radius:50%;
font-size:15px;
font-weight:800;
letter-spacing:.5px;
}
.eipmreviewcustomerinfo{
min-width:0;
}
.eipmreviewcustomerinfo h3{
margin:0 0 5px;
color:#173d69;
font-size:17px;
font-weight:750;
line-height:1.4;
text-align:left;
}
.eipmreviewcustomerinfo span{
display:flex;
align-items:center;
gap:7px;
color:#758594;
font-size:12px;
font-weight:500;
line-height:1.5;
}
.eipmreviewcustomerinfo span i{
color:#e53935;
}
.eipmreviewverified{
color:#173d69;
font-size:20px;
}
/*==================================================
CONTROLS
==================================================*/
.eipmreviewscontrols{
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
margin-top:38px;
}
/*==================================================
DOTS
==================================================*/
.eipmreviewsdots{
display:flex;
align-items:center;
gap:8px;
}
.eipmreviewsdot{
width:10px;
height:10px;
padding:0;
background:#cbd5de;
border:0;
border-radius:50px;
cursor:pointer;
transition:
width .3s ease,
background .3s ease;
}
.eipmreviewsdot.active{
width:34px;
background:#e53935;
}
/*==================================================
ARROWS
==================================================*/
.eipmreviewsarrows{
display:flex;
align-items:center;
gap:10px;
}
.eipmreviewsprev,
.eipmreviewsnext{
width:54px;
height:54px;
display:flex;
align-items:center;
justify-content:center;
padding:0;
background:#ffffff;
color:#173d69;
border:2px solid #dce4eb;
border-radius:7px;
font-size:17px;
cursor:pointer;
transition:
background .3s ease,
border-color .3s ease,
color .3s ease,
transform .3s ease;
}
.eipmreviewsprev:hover,
.eipmreviewsnext:hover{
background:#173d69;
border-color:#173d69;
color:#ffffff;
transform:translateY(-3px);
}
.eipmreviewsnext{
background:#e53935;
border-color:#e53935;
color:#ffffff;
}
.eipmreviewsnext:hover{
background:#173d69;
border-color:#173d69;
}
/*==================================================
SMALL DESKTOP
==================================================*/
@media screen and (max-width:1199px){
.eipmreviews{
padding:85px 0;
}
.eipmreviewsheading{
gap:50px;
}
.eipmreviewsheading h2{
font-size:43px;
}
.eipmreviewcard{
min-height:380px;
padding:27px;
}
.eipmreviewtext{
font-size:15px;
}
}
/*==================================================
TABLET
==================================================*/
@media screen and (max-width:991px){
.eipmreviews{
padding:75px 0;
}
.eipmreviewscontainer{
padding:0 30px;
}
.eipmreviewsheading{
grid-template-columns:1fr;
gap:20px;
margin-bottom:48px;
}
.eipmreviewsheading h2{
max-width:700px;
font-size:43px;
}
.eipmreviewsheadingtext{
max-width:720px;
font-size:16px;
}
.eipmreviewcard{
min-width:calc((100% - 24px) / 2);
flex-basis:calc((100% - 24px) / 2);
min-height:365px;
}
}
/*==================================================
MOBILE
==================================================*/
@media screen and (max-width:767px){
.eipmreviews{
padding:60px 0;
}
.eipmreviewscontainer{
padding:0 18px;
}
.eipmreviewsheading{
margin-bottom:38px;
}
.eipmreviewstag{
margin-bottom:17px;
font-size:13px;
letter-spacing:.7px;
}
.eipmreviewsheading h2{
font-size:35px;
line-height:1.22;
letter-spacing:-.7px;
}
.eipmreviewsheadingtext{
font-size:15px;
line-height:1.75;
}
.eipmreviewstrack{
gap:16px;
}
.eipmreviewcard{
min-width:100%;
flex-basis:100%;
min-height:350px;
padding:27px 24px;
border-radius:9px;
}
.eipmreviewquoteicon{
width:55px;
height:55px;
font-size:20px;
}
.eipmreviewtext{
font-size:15px;
line-height:1.8;
}
.eipmreviewscontrols{
margin-top:28px;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media screen and (max-width:480px){
.eipmreviews{
padding:52px 0;
}
.eipmreviewscontainer{
padding:0 15px;
}
.eipmreviewstag{
font-size:12px;
}
.eipmreviewstag i{
width:39px;
height:39px;
font-size:15px;
}
.eipmreviewsheading h2{
font-size:30px;
line-height:1.25;
}
.eipmreviewcard{
min-height:365px;
padding:24px 20px;
}
.eipmreviewcardtop{
margin-bottom:22px;
}
.eipmreviewquoteicon{
width:50px;
height:50px;
font-size:18px;
}
.eipmreviewstars{
gap:3px;
font-size:13px;
}
.eipmreviewtext{
margin-bottom:25px;
font-size:14px;
}
.eipmreviewcustomer{
grid-template-columns:50px minmax(0,1fr) auto;
gap:11px;
}
.eipmreviewavatar{
width:50px;
height:50px;
font-size:13px;
}
.eipmreviewcustomerinfo h3{
font-size:15px;
}
.eipmreviewcustomerinfo span{
font-size:11px;
}
.eipmreviewscontrols{
gap:15px;
}
.eipmreviewsprev,
.eipmreviewsnext{
width:48px;
height:48px;
}
}
/*==================================================
VERY SMALL MOBILE
==================================================*/
@media screen and (max-width:360px){
.eipmreviewcustomer{
grid-template-columns:46px minmax(0,1fr);
}
.eipmreviewverified{
display:none;
}
.eipmreviewavatar{
width:46px;
height:46px;
}
}
/*==================================================
eipm HOME CONTACT INFORMATION
PRIMARY COLOR : #173d69
ACCENT COLOR : #e53935
==================================================*/
.eipmhomecontact,
.eipmhomecontact *{
box-sizing:border-box;
}
.eipmhomecontact{
position:relative;
width:100%;
padding:105px 0;
background:#f4f7fa;
font-family:"Poppins",sans-serif;
overflow:hidden;
}
/*==================================================
BACKGROUND DESIGN
==================================================*/
.eipmhomecontact::before{
content:"";
position:absolute;
top:-240px;
left:-260px;
width:630px;
height:630px;
border:90px solid rgba(23,61,105,.035);
border-radius:50%;
pointer-events:none;
}
.eipmhomecontact::after{
content:"";
position:absolute;
right:-140px;
bottom:-160px;
width:390px;
height:390px;
background:rgba(221,116,54,.045);
border-radius:50%;
pointer-events:none;
}
/*==================================================
CONTAINER
==================================================*/
.eipmhomecontactcontainer{
position:relative;
z-index:2;
width:100%;
max-width:1400px;
margin:0 auto;
padding:0 30px;
}
/*==================================================
MAIN WRAPPER
==================================================*/
.eipmhomecontactwrap{
display:grid;
grid-template-columns:
minmax(0,.90fr)
minmax(0,1.10fr);
align-items:center;
gap:85px;
}
/*==================================================
LEFT CONTENT
==================================================*/
.eipmhomecontactleft{
width:100%;
min-width:0;
text-align:left;
}
/*==================================================
SECTION TAG
==================================================*/
.eipmhomecontacttag{
display:inline-flex;
align-items:center;
gap:10px;
min-height:44px;
margin-bottom:23px;
padding:10px 18px;
background:#ffffff;
color:#173d69;
border:1px solid rgba(221,116,54,.40);
border-radius:50px;
font-size:14px;
font-weight:700;
line-height:1.4;
text-transform:uppercase;
letter-spacing:.7px;
}
.eipmhomecontacttag i{
color:#e53935;
font-size:16px;
}
/*==================================================
MAIN HEADING
==================================================*/
.eipmhomecontactleft h2{
max-width:650px;
margin:0 0 25px;
color:#173d69;
font-size:50px;
font-weight:800;
line-height:1.18;
letter-spacing:-1.5px;
text-align:left;
}
.eipmhomecontactleft h2 span{
display:block;
color:#e53935;
}
/*==================================================
CONTENT
==================================================*/
.eipmhomecontactlead{
max-width:650px;
margin:0 0 18px;
color:#344c63;
font-size:18px;
font-weight:500;
line-height:1.85;
text-align:left;
}
.eipmhomecontacttext{
max-width:650px;
margin:0 0 30px;
color:#697a8a;
font-size:16px;
font-weight:400;
line-height:1.85;
text-align:left;
}
/*==================================================
MOVING SUPPORT BOX
==================================================*/
.eipmhomecontactsupport{
display:flex;
align-items:flex-start;
gap:19px;
max-width:650px;
margin-bottom:30px;
padding:24px;
background:#ffffff;
border:1px solid #dfe6ec;
border-left:5px solid #e53935;
border-radius:9px;
box-shadow:
0 15px 38px rgba(23,61,105,.065);
}
.eipmhomecontactsupporticon{
width:60px;
height:60px;
min-width:60px;
display:flex;
align-items:center;
justify-content:center;
background:#173d69;
color:#ffffff;
border-radius:8px;
font-size:23px;
}
.eipmhomecontactsupportcontent{
min-width:0;
}
.eipmhomecontactsupportcontent span{
display:block;
margin-bottom:5px;
color:#e53935;
font-size:11px;
font-weight:800;
line-height:1.4;
text-transform:uppercase;
letter-spacing:1px;
}
.eipmhomecontactsupportcontent h3{
margin:0 0 8px;
color:#173d69;
font-size:20px;
font-weight:700;
line-height:1.45;
}
.eipmhomecontactsupportcontent p{
margin:0;
color:#71818f;
font-size:14px;
font-weight:400;
line-height:1.7;
}
/*==================================================
ACTION BUTTONS
==================================================*/
.eipmhomecontactactions{
display:flex;
align-items:center;
gap:13px;
}
.eipmhomecontactcall,
.eipmhomecontactpage{
min-height:57px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:11px;
padding:14px 25px;
border-radius:7px;
text-decoration:none;
font-size:15px;
font-weight:700;
transition:
background .3s ease,
color .3s ease,
border-color .3s ease,
transform .3s ease;
}
/* CALL BUTTON */
.eipmhomecontactcall{
background:#e53935;
color:#ffffff;
border:2px solid #e53935;
}
.eipmhomecontactcall:hover{
background:#173d69;
border-color:#173d69;
color:#ffffff;
text-decoration:none;
transform:translateY(-3px);
}
/* CONTACT BUTTON */
.eipmhomecontactpage{
background:#ffffff;
color:#173d69;
border:2px solid #dce4eb;
}
.eipmhomecontactpage i{
transition:transform .3s ease;
}
.eipmhomecontactpage:hover{
background:#173d69;
border-color:#173d69;
color:#ffffff;
text-decoration:none;
}
.eipmhomecontactpage:hover i{
transform:translateX(5px);
}
/*==================================================
RIGHT CONTACT PANEL
==================================================*/
.eipmhomecontactright{
position:relative;
width:100%;
min-width:0;
display:flex;
flex-direction:column;
gap:15px;
padding:27px;
background:#173d69;
border-radius:14px;
box-shadow:
0 30px 70px rgba(23,61,105,.20);
overflow:hidden;
}
.eipmhomecontactright::before{
content:"";
position:absolute;
top:-160px;
right:-130px;
width:400px;
height:400px;
border:65px solid rgba(255,255,255,.035);
border-radius:50%;
pointer-events:none;
}
/*==================================================
CONTACT ITEM
==================================================*/
.eipmhomecontactitem{
position:relative;
z-index:2;
width:100%;
min-width:0;
display:grid;
grid-template-columns:
64px
minmax(0,1fr)
43px;
align-items:center;
gap:18px;
min-height:128px;
padding:21px 23px;
background:#ffffff;
color:inherit;
border:1px solid rgba(255,255,255,.15);
border-radius:9px;
text-decoration:none;
transition:
transform .35s ease,
box-shadow .35s ease;
}
a.eipmhomecontactitem:hover{
color:inherit;
text-decoration:none;
transform:translateX(-7px);
box-shadow:
0 17px 38px rgba(0,0,0,.17);
}
/*==================================================
CONTACT ICON
==================================================*/
.eipmhomecontactitemicon{
width:64px;
height:64px;
min-width:64px;
display:flex;
align-items:center;
justify-content:center;
background:#edf2f6;
color:#173d69;
border-radius:9px;
font-size:23px;
transition:
background .3s ease,
color .3s ease,
transform .3s ease;
}
a.eipmhomecontactitem:hover
.eipmhomecontactitemicon{
background:#e53935;
color:#ffffff;
transform:rotate(-5deg);
}
/*==================================================
CONTACT CONTENT
==================================================*/
.eipmhomecontactitemcontent{
width:100%;
min-width:0;
}
.eipmhomecontactitemcontent span{
display:block;
margin-bottom:5px;
color:#e53935;
font-size:11px;
font-weight:800;
line-height:1.4;
text-transform:uppercase;
letter-spacing:.8px;
}
.eipmhomecontactitemcontent h3{
width:100%;
min-width:0;
margin:0 0 7px;
color:#173d69;
font-size:21px;
font-weight:700;
line-height:1.4;
text-align:left;
overflow-wrap:anywhere;
}
.eipmhomecontactitemcontent p{
width:100%;
margin:0;
color:#6e7f8e;
font-size:14px;
font-weight:400;
line-height:1.65;
text-align:left;
overflow-wrap:anywhere;
}
/*==================================================
EMAIL
==================================================*/
.eipmhomecontactemail{
font-size:19px !important;
word-break:break-word;
overflow-wrap:anywhere;
}
/*==================================================
ADDRESS CARD
==================================================*/
.eipmhomecontactaddress{
min-height:155px;
}
/*==================================================
CONTACT ARROW
==================================================*/
.eipmhomecontactarrow{
width:43px;
height:43px;
min-width:43px;
display:flex;
align-items:center;
justify-content:center;
background:#f3f6f8;
color:#173d69;
border-radius:50%;
font-size:14px;
transition:
background .3s ease,
color .3s ease,
transform .3s ease;
}
a.eipmhomecontactitem:hover
.eipmhomecontactarrow{
background:#173d69;
color:#ffffff;
transform:rotate(8deg);
}
/*==================================================
SERVICE HOURS
==================================================*/
.eipmhomecontacthours{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding:19px 23px;
background:#e53935;
border-radius:8px;
}
.eipmhomecontacthoursleft{
display:flex;
align-items:center;
gap:10px;
}
.eipmhomecontacthours i{
color:#ffffff;
font-size:18px;
}
.eipmhomecontacthours span{
color:#ffffff;
font-size:14px;
font-weight:600;
}
.eipmhomecontacthours strong{
color:#ffffff;
font-size:16px;
font-weight:700;
}
/*==================================================
SMALL DESKTOP
==================================================*/
@media screen and (max-width:1199px){
.eipmhomecontact{
padding:85px 0;
}
.eipmhomecontactwrap{
gap:55px;
}
.eipmhomecontactleft h2{
font-size:44px;
}
.eipmhomecontactright{
padding:22px;
}
.eipmhomecontactitem{
grid-template-columns:
60px
minmax(0,1fr)
40px;
gap:15px;
padding:20px;
}
.eipmhomecontactitemicon{
width:60px;
height:60px;
min-width:60px;
}
.eipmhomecontactemail{
font-size:17px !important;
}
}
/*==================================================
TABLET
==================================================*/
@media screen and (max-width:991px){
.eipmhomecontact{
padding:75px 0;
}
.eipmhomecontactcontainer{
padding:0 30px;
}
.eipmhomecontactwrap{
grid-template-columns:1fr;
gap:55px;
}
.eipmhomecontactleft{
max-width:800px;
}
.eipmhomecontactleft h2{
max-width:700px;
font-size:44px;
}
.eipmhomecontactlead,
.eipmhomecontacttext,
.eipmhomecontactsupport{
max-width:760px;
}
.eipmhomecontactright{
max-width:850px;
}
.eipmhomecontactemail{
font-size:20px !important;
}
}
/*==================================================
MOBILE
==================================================*/
@media screen and (max-width:767px){
.eipmhomecontact{
padding:60px 0;
}
.eipmhomecontactcontainer{
padding:0 18px;
}
.eipmhomecontactwrap{
gap:43px;
}
.eipmhomecontacttag{
min-height:41px;
margin-bottom:20px;
padding:9px 15px;
font-size:12px;
}
.eipmhomecontactleft h2{
margin-bottom:21px;
font-size:35px;
line-height:1.22;
letter-spacing:-.7px;
}
.eipmhomecontactlead{
font-size:17px;
line-height:1.8;
}
.eipmhomecontacttext{
font-size:15px;
line-height:1.8;
}
/* SUPPORT */
.eipmhomecontactsupport{
gap:15px;
padding:20px;
}
.eipmhomecontactsupporticon{
width:55px;
height:55px;
min-width:55px;
font-size:20px;
}
/* BUTTONS */
.eipmhomecontactactions{
align-items:stretch;
flex-direction:column;
}
.eipmhomecontactcall,
.eipmhomecontactpage{
width:100%;
}
/* RIGHT PANEL */
.eipmhomecontactright{
gap:13px;
padding:18px;
border-radius:10px;
}
.eipmhomecontactitem{
grid-template-columns:
57px
minmax(0,1fr)
40px;
gap:14px;
min-height:120px;
padding:19px;
}
.eipmhomecontactitemicon{
width:57px;
height:57px;
min-width:57px;
font-size:21px;
}
.eipmhomecontactitemcontent h3{
font-size:19px;
}
.eipmhomecontactemail{
font-size:17px !important;
}
.eipmhomecontactitemcontent p{
font-size:13px;
}
.eipmhomecontactaddress{
min-height:150px;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media screen and (max-width:480px){
.eipmhomecontact{
padding:52px 0;
}
.eipmhomecontactcontainer{
padding:0 15px;
}
.eipmhomecontactleft h2{
font-size:30px;
line-height:1.25;
}
.eipmhomecontactlead{
font-size:16px;
}
.eipmhomecontacttext{
font-size:15px;
}
/* SUPPORT BOX */
.eipmhomecontactsupport{
align-items:flex-start;
padding:17px;
}
.eipmhomecontactsupporticon{
width:50px;
height:50px;
min-width:50px;
font-size:18px;
}
.eipmhomecontactsupportcontent h3{
font-size:17px;
}
.eipmhomecontactsupportcontent p{
font-size:13px;
}
/* RIGHT PANEL */
.eipmhomecontactright{
padding:14px;
}
.eipmhomecontactitem{
grid-template-columns:
52px
minmax(0,1fr);
gap:13px;
min-height:0;
padding:18px 16px;
}
.eipmhomecontactitemicon{
width:52px;
height:52px;
min-width:52px;
font-size:19px;
}
.eipmhomecontactarrow{
display:none;
}
.eipmhomecontactitemcontent span{
font-size:10px;
}
.eipmhomecontactitemcontent h3{
font-size:17px;
line-height:1.5;
}
.eipmhomecontactemail{
font-size:15px !important;
line-height:1.6 !important;
}
.eipmhomecontactitemcontent p{
font-size:13px;
line-height:1.7;
}
.eipmhomecontactaddress{
min-height:0;
}
/* SERVICE HOURS */
.eipmhomecontacthours{
align-items:flex-start;
flex-direction:column;
gap:7px;
padding:17px;
}
.eipmhomecontacthours strong{
padding-left:28px;
font-size:15px;
}
}
/*==================================================
VERY SMALL MOBILE
==================================================*/
@media screen and (max-width:360px){
.eipmhomecontactsupport{
display:block;
}
.eipmhomecontactsupporticon{
margin-bottom:15px;
}
.eipmhomecontactitem{
display:block;
}
.eipmhomecontactitemicon{
margin-bottom:15px;
}
.eipmhomecontactemail{
font-size:14px !important;
}
}
/*==================================================
eipm FLOATING CALL & WHATSAPP
==================================================*/
.eipmfloatcontact{
position:fixed;
right:22px;
bottom:22px;
z-index:9999;
display:flex;
flex-direction:column;
gap:14px;
}
/* COMMON */
.eipmfloatcall,
.eipmfloatwhatsapp{
display:flex;
align-items:center;
min-width:235px;
padding:10px 18px 10px 10px;
border-radius:60px;
text-decoration:none;
font-family:Poppins,sans-serif;
box-shadow:
0 15px 35px rgba(0,0,0,.20);
transition:.35s;
overflow:hidden;
}
/* CALL */
.eipmfloatcall{
background:#173d69;
color:#fff;
}
/* WHATSAPP */
.eipmfloatwhatsapp{
background:#25D366;
color:#fff;
}
/* ICON */
.eipmfloaticon{
width:52px;
height:52px;
min-width:52px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:rgba(255,255,255,.18);
font-size:22px;
}
/* TEXT */
.eipmfloattext{
margin-left:15px;
display:flex;
flex-direction:column;
}
.eipmfloattext small{
font-size:12px;
font-weight:500;
opacity:.85;
line-height:1.3;
}
.eipmfloattext strong{
font-size:17px;
font-weight:700;
line-height:1.4;
}
/* HOVER */
.eipmfloatcall:hover{
background:#e53935;
color:#fff;
transform:translateX(-6px);
}
.eipmfloatwhatsapp:hover{
background:#1fb857;
color:#fff;
transform:translateX(-6px);
}
.eipmfloatcall:hover .eipmfloaticon,
.eipmfloatwhatsapp:hover .eipmfloaticon{
transform:rotate(-12deg) scale(1.08);
transition:.3s;
}
/*==================================================
PHONE ANIMATION
==================================================*/
.eipmfloatcall .eipmfloaticon{
animation:eipmcallpulse 1.5s infinite;
}
@keyframes eipmcallpulse{
0%{
box-shadow:0 0 0 0 rgba(255,255,255,.45);
}
70%{
box-shadow:0 0 0 15px rgba(255,255,255,0);
}
100%{
box-shadow:0 0 0 0 rgba(255,255,255,0);
}
}
/*==================================================
WHATSAPP ANIMATION
==================================================*/
.eipmfloatwhatsapp .eipmfloaticon{
animation:eipmwhatsapppulse 1.8s infinite;
}
@keyframes eipmwhatsapppulse{
0%{
transform:scale(1);
}
50%{
transform:scale(1.12);
}
100%{
transform:scale(1);
}
}
/*==================================================
TABLET
==================================================*/
@media(max-width:991px){
.eipmfloatcall,
.eipmfloatwhatsapp{
min-width:200px;
}
.eipmfloattext strong{
font-size:15px;
}
}
/*==================================================
MOBILE
==================================================*/
@media(max-width:767px){
.eipmfloatcontact{
right:14px;
bottom:14px;
gap:10px;
}
.eipmfloatcall,
.eipmfloatwhatsapp{
min-width:auto;
width:58px;
height:58px;
padding:0;
justify-content:center;
border-radius:50%;
}
.eipmfloaticon{
width:58px;
height:58px;
margin:0;
background:none;
font-size:24px;
}
.eipmfloattext{
display:none;
}
}
/*==================================================
SMALL MOBILE
==================================================*/
@media(max-width:480px){
.eipmfloatcall,
.eipmfloatwhatsapp{
width:54px;
height:54px;
}
.eipmfloaticon{
width:54px;
height:54px;
font-size:22px;
}
}
/*==================================================
eipm MAP SECTION
==================================================*/
.eipmmapsection{
padding:100px 0;
background:#f7f9fc;
font-family:Poppins,sans-serif;
}
.eipmmapcontainer{
width:100%;
max-width:1400px;
margin:auto;
padding:0 20px;
}
/* HEADING */
.eipmmapheading{
max-width:800px;
margin:auto;
text-align:center;
margin-bottom:60px;
}
.eipmmaptag{
display:inline-flex;
align-items:center;
gap:10px;
background:#fff;
color:#e53935;
border:1px solid rgba(221,116,54,.3);
padding:10px 18px;
border-radius:40px;
font-weight:600;
margin-bottom:20px;
}
.eipmmapheading h2{
font-size:48px;
color:#173d69;
font-weight:800;
margin-bottom:20px;
}
.eipmmapheading h2 span{
color:#e53935;
}
.eipmmapheading p{
font-size:17px;
line-height:1.9;
color:#687889;
}
/* GRID */
.eipmmapwrapper{
display:grid;
grid-template-columns:380px 1fr;
gap:35px;
align-items:stretch;
}
/* INFO */
.eipmmapinfo{
display:flex;
flex-direction:column;
gap:18px;
}
/* CARD */
.eipmmapcard{
display:flex;
gap:18px;
padding:25px;
background:#fff;
border-radius:14px;
border-left:5px solid #e53935;
box-shadow:0 15px 35px rgba(0,0,0,.06);
transition:.35s;
}
.eipmmapcard:hover{
transform:translateY(-6px);
}
.eipmmapicon{
width:62px;
height:62px;
min-width:62px;
border-radius:12px;
background:#173d69;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:24px;
}
.eipmmapcard h3{
font-size:22px;
color:#173d69;
margin-bottom:8px;
}
.eipmmapcard p{
color:#667788;
line-height:1.8;
font-size:15px;
}
/* BUTTONS */
.eipmmapbuttons{
display:flex;
gap:15px;
margin-top:10px;
}
.eipmmapbuttons a{
flex:1;
text-align:center;
padding:16px;
border-radius:8px;
text-decoration:none;
font-weight:600;
transition:.35s;
}
.eipmmapbuttons a:first-child{
background:#173d69;
color:#fff;
}
.eipmmapbuttons a:last-child{
background:#e53935;
color:#fff;
}
.eipmmapbuttons a:hover{
transform:translateY(-4px);
}
/* MAP */
.eipmmapbox{
overflow:hidden;
border-radius:18px;
box-shadow:0 20px 45px rgba(0,0,0,.12);
}
.eipmmapbox iframe{
width:100%;
height:100%;
min-height:620px;
border:0;
display:block;
}
/*==========================
TABLET
==========================*/
@media(max-width:991px){
.eipmmapsection{
padding:80px 0;
}
.eipmmapwrapper{
grid-template-columns:1fr;
}
.eipmmapheading h2{
font-size:40px;
}
.eipmmapbox iframe{
min-height:500px;
}
}
/*==========================
MOBILE
==========================*/
@media(max-width:767px){
.eipmmapsection{
padding:60px 0;
}
.eipmmapcontainer{
padding:0 15px;
}
.eipmmapheading{
margin-bottom:40px;
}
.eipmmapheading h2{
font-size:32px;
}
.eipmmapheading p{
font-size:15px;
}
.eipmmapcard{
padding:18px;
}
.eipmmapicon{
width:52px;
height:52px;
min-width:52px;
font-size:20px;
}
.eipmmapcard h3{
font-size:18px;
}
.eipmmapcard p{
font-size:14px;
}
.eipmmapbuttons{
flex-direction:column;
}
.eipmmapbox iframe{
min-height:350px;
}
}
/*==================================================
eipm OFFICE MAP
==================================================*/
.eipmofficemap{
position:relative;
width:100%;
padding:100px 0;
background:#ffffff;
}
.eipmofficemapcontainer{
width:100%;
max-width:1400px;
margin:auto;
padding:0 25px;
}
.eipmofficemapwrapper{
position:relative;
overflow:hidden;
border-radius:22px;
border:6px solid #fff;
background:#fff;
box-shadow:0 25px 60px rgba(23,61,105,.15);
}
/* Badge */
.eipmofficemapbadge{
position:absolute;
top:25px;
left:25px;
z-index:5;
display:inline-flex;
align-items:center;
gap:12px;
padding:14px 22px;
background:#173d69;
color:#fff;
border-radius:50px;
font-family:Poppins,sans-serif;
font-size:15px;
font-weight:600;
box-shadow:0 15px 35px rgba(0,0,0,.20);
}
.eipmofficemapbadge i{
width:42px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
background:#e53935;
color:#fff;
border-radius:50%;
font-size:18px;
}
/* Map */
.eipmofficemapwrapper iframe{
display:block;
width:100%;
height:620px;
border:0;
}
/*======================
Large Desktop
======================*/
@media(max-width:1199px){
.eipmofficemapwrapper iframe{
height:560px;
}
}
/*======================
Tablet
======================*/
@media(max-width:991px){
.eipmofficemap{
padding:80px 0;
}
.eipmofficemapcontainer{
padding:0 20px;
}
.eipmofficemapwrapper{
border-radius:16px;
}
.eipmofficemapbadge{
top:18px;
left:18px;
padding:12px 18px;
font-size:14px;
}
.eipmofficemapbadge i{
width:38px;
height:38px;
font-size:16px;
}
.eipmofficemapwrapper iframe{
height:480px;
}
}
/*======================
Mobile
======================*/
@media(max-width:767px){
.eipmofficemap{
padding:60px 0;
}
.eipmofficemapcontainer{
padding:0 15px;
}
.eipmofficemapwrapper{
border-radius:12px;
}
.eipmofficemapbadge{
top:12px;
left:12px;
right:12px;
justify-content:center;
padding:10px 14px;
font-size:12px;
border-radius:8px;
}
.eipmofficemapbadge i{
width:34px;
height:34px;
font-size:15px;
}
.eipmofficemapwrapper iframe{
height:340px;
}
}
/*======================
Small Mobile
======================*/
@media(max-width:480px){
.eipmofficemap{
padding:50px 0;
}
.eipmofficemapbadge{
gap:8px;
font-size:11px;
}
.eipmofficemapbadge i{
width:30px;
height:30px;
font-size:13px;
}
.eipmofficemapwrapper iframe{
height:300px;
}
}
/*=========================================
EAGLE TRUST SECTION
=========================================*/
.eagletrust{
position:relative;
padding:100px 0;
background:#f7f9fc;
overflow:hidden;
}
.eagletrust::before{
content:"";
position:absolute;
width:320px;
height:320px;
border-radius:50%;
background:rgba(229,57,53,.05);
top:-150px;
left:-120px;
}
.eagletrust::after{
content:"";
position:absolute;
width:280px;
height:280px;
border-radius:50%;
background:rgba(255,193,7,.08);
bottom:-120px;
right:-120px;
}
.eaglecontainer{
max-width:1320px;
margin:auto;
padding:0 15px;
position:relative;
z-index:2;
}
/*=========================================
HEADING
=========================================*/
.eagletrustheading{
max-width:820px;
margin:0 auto 70px;
text-align:center;
}
.eagletrusttag{
display:inline-flex;
align-items:center;
justify-content:center;
padding:12px 30px;
background:#ffffff;
border:1px solid rgba(229,57,53,.15);
border-radius:50px;
color:#e53935;
font-size:14px;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
box-shadow:0 8px 25px rgba(0,0,0,.05);
}
.eagletrustheading h2{
margin:25px 0 20px;
font-size:50px;
line-height:1.2;
font-weight:800;
color:#0e0f48;
}
.eagletrustheading h2 span{
display:block;
color:#e53935;
}
.eagletrustheading p{
font-size:17px;
line-height:1.9;
color:#666;
}
/*=========================================
GRID
=========================================*/
.eagletrustgrid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}
/*=========================================
CARD
=========================================*/
.eagletrustcard{
background:#ffffff;
border-radius:22px;
padding:35px 30px;
text-align:center;
border:1px solid #eceff5;
box-shadow:0 15px 45px rgba(14,15,72,.06);
transition:.35s;
position:relative;
overflow:hidden;
}
.eagletrustcard::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:5px;
background:#e53935;
transform:scaleX(0);
transition:.35s;
}
.eagletrustcard:hover{
transform:translateY(-10px);
box-shadow:0 25px 60px rgba(14,15,72,.12);
}
.eagletrustcard:hover::before{
transform:scaleX(1);
}
/*=========================================
ICON
=========================================*/
.eagletrusticon{
width:90px;
height:90px;
margin:0 auto 25px;
border-radius:50%;
background:linear-gradient(135deg,#0e0f48,#24359d);
color:#ffffff;
display:flex;
align-items:center;
justify-content:center;
font-size:34px;
transition:.35s;
}
.eagletrustcard:hover .eagletrusticon{
background:#e53935;
transform:rotate(-10deg) scale(1.05);
}
/*=========================================
CONTENT
=========================================*/
.eagletrustcontent h3{
font-size:26px;
color:#0e0f48;
margin-bottom:18px;
font-weight:700;
line-height:1.3;
}
.eagletrustcontent p{
color:#666;
font-size:16px;
line-height:1.9;
margin:0;
}
.eagletrustcontent strong{
display:block;
margin-top:10px;
color:#e53935;
font-size:17px;
font-weight:700;
letter-spacing:1px;
}
/*=========================================
RESPONSIVE
=========================================*/
@media(max-width:1200px){
.eagletrustheading h2{
font-size:42px;
}
.eagletrustgrid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:991px){
.eagletrust{
padding:80px 0;
}
.eagletrustheading{
margin-bottom:50px;
}
.eagletrustheading h2{
font-size:36px;
}
}
@media(max-width:767px){
.eagletrust{
padding:70px 0;
}
.eagletrustheading{
text-align:center;
}
.eagletrustheading h2{
font-size:30px;
}
.eagletrustheading p{
font-size:15px;
}
.eagletrustgrid{
grid-template-columns:1fr;
gap:20px;
}
.eagletrustcard{
padding:30px 25px;
}
.eagletrusticon{
width:75px;
height:75px;
font-size:28px;
}
.eagletrustcontent h3{
font-size:22px;
}
}
@media(max-width:480px){
.eagletrust{
padding:60px 0;
}
.eagletrusttag{
width:100%;
font-size:12px;
letter-spacing:1px;
padding:10px 15px;
}
.eagletrustheading h2{
font-size:26px;
}
.eagletrustcontent h3{
font-size:20px;
}
.eagletrustcontent p{
font-size:14px;
}
.eagletrustcontent strong{
font-size:16px;
}
}
/*====================================================
Eagle International Packers & Movers - BREADCRUMB
====================================================*/
.eipmmumbreadcrumb{
position:relative;
overflow:hidden;
padding:65px 0;
background:linear-gradient(135deg,#0a2d57 0%,#1d4d87 100%);
border-bottom:4px solid #ff3b30;
}
.eipmmumbreadcrumb::before{
content:"";
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
background-size:55px 55px;
}
.eipmmumbreadcrumb::after{
content:"";
position:absolute;
width:420px;
height:420px;
border-radius:50%;
background:rgba(255,255,255,.04);
top:-220px;
right:-180px;
}
.eipmmumcontainer{
max-width:1320px;
margin:auto;
padding:0 15px;
position:relative;
z-index:2;
}
/*====================================================
WRAPPER
====================================================*/
.eipmmumbreadcrumbwrapper{
display:grid;
grid-template-columns:1.45fr .75fr;
gap:45px;
align-items:center;
}
/*====================================================
LEFT
====================================================*/
.eipmmumbreadtag{
display:inline-flex;
align-items:center;
gap:10px;
color:#ff3b30;
font-size:13px;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
margin-bottom:16px;
}
.eipmmumbreadtag i{
font-size:15px;
}
.eipmmumbreadleft h1{
font-size:52px;
font-weight:800;
color:#ffffff;
line-height:1.15;
margin-bottom:18px;
}
.eipmmumbreadleft h1 span{
color:#ff3b30;
}
.eipmmumbreadleft p{
max-width:650px;
color:rgba(255,255,255,.88);
font-size:17px;
line-height:1.8;
margin-bottom:28px;
}
/*====================================================
BREADCRUMB
====================================================*/
.eipmmumbreadcrumbnav{
display:inline-flex;
align-items:center;
gap:15px;
list-style:none;
margin:0;
padding:14px 22px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.12);
border-radius:12px;
backdrop-filter:blur(10px);
}
.eipmmumbreadcrumbnav li{
color:#ffffff;
font-size:15px;
font-weight:500;
}
.eipmmumbreadcrumbnav li:last-child{
color:#ff3b30;
font-weight:700;
}
.eipmmumbreadcrumbnav a{
color:#ffffff;
text-decoration:none;
display:flex;
align-items:center;
gap:8px;
transition:.3s;
}
.eipmmumbreadcrumbnav a:hover{
color:#ff3b30;
}
/*====================================================
RIGHT CARD
====================================================*/
.eipmmumbreadcard{
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.10);
border-top:4px solid #ff3b30;
border-radius:20px;
backdrop-filter:blur(18px);
padding:28px;
text-align:center;
transition:.35s;
}
.eipmmumbreadcard:hover{
transform:translateY(-6px);
box-shadow:0 20px 50px rgba(0,0,0,.18);
}
.eipmmumbreadcard span{
display:block;
color:#ff3b30;
font-size:12px;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
}
.eipmmumbreadicon{
width:90px;
height:90px;
margin:18px auto;
border-radius:50%;
background:#ff3b30;
color:#ffffff;
display:flex;
align-items:center;
justify-content:center;
font-size:36px;
box-shadow:0 0 0 10px rgba(255,59,48,.18);
}
.eipmmumbreadcard h3{
color:#ffffff;
font-size:28px;
font-weight:700;
margin-bottom:12px;
line-height:1.3;
}
.eipmmumbreadcard p{
color:rgba(255,255,255,.82);
font-size:15px;
line-height:1.8;
margin:0;
}
/*====================================================
LAPTOP
====================================================*/
@media(max-width:1200px){
.eipmmumbreadcrumb{
padding:60px 0;
}
.eipmmumbreadcrumbwrapper{
gap:35px;
}
.eipmmumbreadleft h1{
font-size:46px;
}
.eipmmumbreadleft p{
font-size:16px;
}
.eipmmumbreadcard{
padding:25px;
}
}
/*====================================================
TABLET
====================================================*/
@media(max-width:991px){
.eipmmumbreadcrumb{
padding:55px 0;
}
.eipmmumbreadcrumbwrapper{
grid-template-columns:1fr;
gap:35px;
}
.eipmmumbreadleft{
text-align:center;
}
.eipmmumbreadleft p{
margin:0 auto 25px;
}
.eipmmumbreadcrumbnav{
justify-content:center;
}
.eipmmumbreadright{
max-width:480px;
margin:auto;
width:100%;
}
.eipmmumbreadleft h1{
font-size:40px;
}
}
/*====================================================
MOBILE
====================================================*/
@media(max-width:767px){
.eipmmumbreadcrumb{
padding:45px 0;
}
.eipmmumbreadtag{
font-size:12px;
letter-spacing:1px;
}
.eipmmumbreadleft h1{
font-size:34px;
}
.eipmmumbreadleft p{
font-size:15px;
line-height:1.7;
}
.eipmmumbreadcrumbnav{
width:100%;
justify-content:center;
flex-wrap:wrap;
padding:12px 15px;
gap:12px;
}
.eipmmumbreadcard{
padding:22px;
}
.eipmmumbreadicon{
width:75px;
height:75px;
font-size:30px;
box-shadow:0 0 0 8px rgba(255,59,48,.18);
}
.eipmmumbreadcard h3{
font-size:22px;
}
.eipmmumbreadcard p{
font-size:14px;
}
}
/*====================================================
SMALL MOBILE
====================================================*/
@media(max-width:480px){
.eipmmumbreadcrumb{
padding:38px 0;
}
.eipmmumbreadleft h1{
font-size:30px;
}
.eipmmumbreadleft p{
font-size:14px;
}
.eipmmumbreadcard{
padding:20px 16px;
border-radius:16px;
}
.eipmmumbreadicon{
width:65px;
height:65px;
font-size:26px;
}
.eipmmumbreadcard h3{
font-size:20px;
}
.eipmmumbreadcard p{
font-size:13px;
}
}
/*=========================================================
EIPM MUM GALLERY
=========================================================*/
.eipmmumgallery{
padding:100px 0;
background:#f8f9fc;
}
.eipmmumgallerycontainer{
width:100%;
max-width:1320px;
margin:auto;
padding:0 15px;
}
/*=========================================================
HEADING
=========================================================*/
.eipmmumgalleryheading{
max-width:750px;
margin:0 auto 60px;
text-align:center;
}
.eipmmumgallerytag{
display:inline-flex;
align-items:center;
gap:10px;
padding:10px 22px;
background:#ffe9e8;
color:#e53935;
border-radius:50px;
font-size:14px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
}
.eipmmumgallerytitle{
margin-top:22px;
font-size:46px;
font-weight:800;
line-height:1.2;
color:#0e0f48;
}
.eipmmumgallerytitle span{
color:#e53935;
}
.eipmmumgallerydesc{
margin-top:18px;
font-size:17px;
line-height:1.8;
color:#666;
}
/*=========================================================
GRID
=========================================================*/
.eipmmumgallerygrid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}
/*=========================================================
ITEM
=========================================================*/
.eipmmumgalleryitem{
position:relative;
overflow:hidden;
border-radius:18px;
cursor:pointer;
background:#fff;
box-shadow:0 12px 35px rgba(0,0,0,.08);
}
.eipmmumgalleryitem img{
width:100%;
height:280px;
object-fit:cover;
display:block;
transition:.6s;
}
/*=========================================================
OVERLAY
=========================================================*/
.eipmmumgalleryoverlay{
position:absolute;
inset:0;
background:linear-gradient(to top,
rgba(14,15,72,.95),
rgba(14,15,72,.20));
display:flex;
flex-direction:column;
justify-content:flex-end;
align-items:center;
padding:30px;
opacity:0;
transition:.45s;
}
.eipmmumgalleryitem:hover .eipmmumgalleryoverlay{
opacity:1;
}
.eipmmumgalleryitem:hover img{
transform:scale(1.12);
}
.eipmmumgalleryitem:hover{
transform:translateY(-8px);
transition:.4s;
}
/*=========================================================
ICON
=========================================================*/
.eipmmumgalleryicon{
position:absolute;
top:22px;
right:22px;
width:58px;
height:58px;
border-radius:50%;
background:#e53935;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:20px;
transform:scale(.5);
transition:.35s;
}
.eipmmumgalleryitem:hover .eipmmumgalleryicon{
transform:scale(1);
}
/*=========================================================
TITLE
=========================================================*/
.eipmmumgalleryoverlay h4{
color:#fff;
font-size:22px;
font-weight:700;
text-align:center;
margin:0;
}
/*=========================================================
POPUP
=========================================================*/
.eipmmumgallerypopup{
position:fixed;
inset:0;
background:rgba(0,0,0,.94);
display:none;
justify-content:center;
align-items:center;
z-index:99999;
padding:30px;
}
.eipmmumgallerypopup.active{
display:flex;
}
.eipmmumgallerypopupimg{
max-width:90%;
max-height:85vh;
border-radius:12px;
box-shadow:0 20px 60px rgba(0,0,0,.35);
animation:eipmmzoom .35s ease;
}
@keyframes eipmmzoom{
from{
opacity:0;
transform:scale(.85);
}
to{
opacity:1;
transform:scale(1);
}
}
/*=========================================================
BUTTONS
=========================================================*/
.eipmmumgalleryclose,
.eipmmumgalleryprev,
.eipmmumgallerynext{
position:absolute;
width:58px;
height:58px;
border:none;
border-radius:50%;
background:#ffffff;
color:#0e0f48;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
font-size:22px;
transition:.3s;
}
.eipmmumgalleryclose:hover,
.eipmmumgalleryprev:hover,
.eipmmumgallerynext:hover{
background:#e53935;
color:#fff;
}
.eipmmumgalleryclose{
top:35px;
right:35px;
}
.eipmmumgalleryprev{
left:35px;
top:50%;
transform:translateY(-50%);
}
.eipmmumgallerynext{
right:35px;
top:50%;
transform:translateY(-50%);
}
/*=========================================================
COUNTER
=========================================================*/
.eipmmumgallerycounter{
position:absolute;
bottom:35px;
left:50%;
transform:translateX(-50%);
background:#ffffff;
padding:10px 24px;
border-radius:50px;
font-size:15px;
font-weight:700;
color:#0e0f48;
}
/*=========================================================
RESPONSIVE
=========================================================*/
@media(max-width:1199px){
.eipmmumgallerygrid{
grid-template-columns:repeat(3,1fr);
}
.eipmmumgallerytitle{
font-size:40px;
}
}
@media(max-width:991px){
.eipmmumgallery{
padding:80px 0;
}
.eipmmumgallerygrid{
grid-template-columns:repeat(2,1fr);
gap:20px;
}
.eipmmumgallerytitle{
font-size:36px;
}
.eipmmumgalleryitem img{
height:250px;
}
}
@media(max-width:767px){
.eipmmumgallery{
padding:70px 0;
}
.eipmmumgalleryheading{
margin-bottom:40px;
}
.eipmmumgallerytitle{
font-size:30px;
}
.eipmmumgallerydesc{
font-size:15px;
}
.eipmmumgallerygrid{
grid-template-columns:1fr;
}
.eipmmumgalleryitem img{
height:260px;
}
.eipmmumgalleryprev,
.eipmmumgallerynext{
width:48px;
height:48px;
font-size:18px;
}
.eipmmumgalleryclose{
top:20px;
right:20px;
}
.eipmmumgalleryprev{
left:15px;
}
.eipmmumgallerynext{
right:15px;
}
.eipmmumgallerycounter{
bottom:20px;
font-size:14px;
}
}
/*==================================================
EIPM PREMIUM CTA
==================================================*/
.eipmctasection{
position:relative;
padding:80px 0;
background:#f6f8fb;
}
.eipmctawrapper{
max-width:980px;
margin:auto;
}
/*========================*/
.eipmctabox{
position:relative;
display:flex;
align-items:center;
gap:28px;
padding:20px 25px;
background:linear-gradient(135deg,#26395d,#304f83);
border-radius:20px;
overflow:hidden;
text-decoration:none;
color:#fff;
box-shadow:0 18px 45px rgba(0,0,0,.18);
transition:.4s;
}
.eipmctabox:hover{
transform:translateY(-8px);
box-shadow:0 25px 55px rgba(0,0,0,.25);
}
/* Shine */
.eipmctabox::before{
content:"";
position:absolute;
top:0;
left:-120%;
width:50%;
height:100%;
background:linear-gradient(120deg,transparent,rgba(255,255,255,.20),transparent);
transform:skewX(-25deg);
animation:eipmshine 6s linear infinite;
}
/*========================*/
.eipmctacall{
width:110px;
height:110px;
background:#fff;
border-radius:18px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
flex:none;
animation:eipmpulse 2s infinite;
}
.eipmctacall span{
color:#ea1e00;
font-size:24px;
font-weight:800;
}
.eipmctacall strong{
color:#111;
font-size:32px;
font-weight:800;
}
/*========================*/
.eipmctacontent{
flex:1;
}
.eipmctatitle{
margin:0 0 6px;
font-size:18px;
color:#ffd84d;
font-weight:600;
}
.eipmctanumber{
font-size: 35px;
font-weight: 800;
letter-spacing: 0px;
margin: 0 0 0px;
/* animation: glow 1.5s infinite; */
color: #fff;
line-height: 45px;
font-family: 'Jost';
}
.eipmctaline{
width:100%;
height:2px;
margin:10px 0;
background:rgba(255,255,255,.20);
}
.eipmctatext{
margin:0;
color:#eef3ff;
font-size:15px;
line-height:1.8;
}
/*========================*/
.eipmctaicon{
width:70px;
height:70px;
background:#f58220;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
color:#fff;
font-size:28px;
flex:none;
animation:eipmpulse 2s infinite;
}
/*==================================================
PHONE NUMBER EFFECT
==================================================*/
.eipmctanumber span{
display: inline-block;
color: #fff;
animation: popLoop 3s ease-in-out infinite;
}
/* Delay */
.eipmctanumber span:nth-child(1) { animation-delay: 0.4s; }
.eipmctanumber span:nth-child(2) { animation-delay: 0.5s; }
.eipmctanumber span:nth-child(3) { animation-delay: 0.6s; }
.eipmctanumber span:nth-child(4) { animation-delay: 0.7s; }
.eipmctanumber span:nth-child(5) { animation-delay: 0.8s; }
.eipmctanumber span:nth-child(6) { animation-delay: 0.9s; }
.eipmctanumber span:nth-child(7) { animation-delay: 1s; }
.eipmctanumber span:nth-child(8) { animation-delay: 1.1s; }
.eipmctanumber span:nth-child(9) { animation-delay: 1.2s; }
.eipmctanumber span:nth-child(10){ animation-delay: 1.3s; }
.eipmctanumber span:nth-child(11){ animation-delay: 1.4s; }
.eipmctanumber span:nth-child(12){ animation-delay: 1.5s; }
.eipmctanumber span:nth-child(13){ animation-delay: 1.6s; }
/*==================================================
ANIMATIONS
==================================================*/
/* animation + 2s pause included */
@keyframes popLoop {
0% {
transform: scale(1);
}
15% {
transform: scale(1.5);
}
30% {
transform: scale(1);
}
100% {
transform: scale(1);
}
}
/*==================================================
RESPONSIVE
==================================================*/
@media(max-width:991px){
.eipmctabox{
flex-direction:column;
text-align:center;
}
.eipmctanumber{
justify-content:center;
font-size:36px;
}
}
@media(max-width:767px){
.eipmctasection{
padding:60px 0;
}
.eipmctabox{
padding:18px;
gap:18px;
}
.eipmctacall{
width:85px;
height:85px;
}
.eipmctacall span{
font-size:18px;
}
.eipmctacall strong{
font-size:24px;
}
.eipmctanumber{
font-size:26px;
justify-content:center;
}
.eipmctatitle{
font-size:15px;
}
.eipmctatext{
font-size:13px;
}
.eipmctaicon{
width:55px;
height:55px;
font-size:20px;
}
}
/*=========================================
SOFT WHITE GLOW (NO COLOR CHANGE)
=========================================*/
@keyframes eipmglow{
0%,
100%{
color:#fff;
text-shadow:none;
}
50%{
color:#fff;
text-shadow:
0 0 6px rgba(255,255,255,.45),
0 0 12px rgba(255,255,255,.30),
0 0 20px rgba(255,255,255,.18);
}
}
/*=====================================
CTA NUMBER
=====================================*/
/* Right content */
/*.cta-number {
font-size: 35px;
font-weight: 800;
letter-spacing: 0px;
margin: 0 0 0px;
color: #fff;
line-height: 45px;
font-family: 'Jost';
}*/
/* Animations */
/* @keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.02); }
100% { transform: scale(1); }
}
@keyframes glow {
0% { text-shadow: 0 0 0 #fff; }
50% { text-shadow: 0 0 20px rgba(255,255,255,0.9); }
100% { text-shadow: 0 0 0 #fff; }
}
@keyframes slideUp {
from {
opacity: 0;
transform: translateY(40px);
}
to {
opacity: 1;
transform: translateY(0);
}
}*/
/* Mobile responsive */
/*@media (max-width: 768px) {
.cta-number {
font-size: 20px;
letter-spacing: -1px;
line-height: 28px;
}
}
.cta-number span {
display: inline-block;
color: #fff;
animation: popLoop 3s ease-in-out infinite;
}*/
/* stagger delay (same as tumne diya) */
/*.cta-number span:nth-child(1) { animation-delay: 0.4s; }
.cta-number span:nth-child(2) { animation-delay: 0.5s; }
.cta-number span:nth-child(3) { animation-delay: 0.6s; }
.cta-number span:nth-child(4) { animation-delay: 0.7s; }
.cta-number span:nth-child(5) { animation-delay: 0.8s; }
.cta-number span:nth-child(6) { animation-delay: 0.9s; }
.cta-number span:nth-child(7) { animation-delay: 1s; }
.cta-number span:nth-child(8) { animation-delay: 1.1s; }
.cta-number span:nth-child(9) { animation-delay: 1.2s; }
.cta-number span:nth-child(10){ animation-delay: 1.3s; }
.cta-number span:nth-child(11){ animation-delay: 1.4s; }
.cta-number span:nth-child(12){ animation-delay: 1.5s; }
.cta-number span:nth-child(13){ animation-delay: 1.6s; }*/
/* animation + 2s pause included */
/* @keyframes popLoop {
0% {
transform: scale(1);
}
15% {
transform: scale(1.5);
}
30% {
transform: scale(1);
}
100% {
transform: scale(1);
}
}
*/
/*=========================================
SERVICES HERO SECTION
=========================================*/
.srvhero{
position:relative;
overflow:hidden;
padding:100px 0 90px;
background:linear-gradient(135deg,#163c6c 0%,#214f89 100%);
border-bottom:4px solid #ff432e;
}
/*=========================================
GRID EFFECT
=========================================*/
.srvhero-grid{
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
background-size:68px 68px;
pointer-events:none;
z-index:1;
}
/*=========================================
DECORATIVE SHAPES
=========================================*/
.srvhero::before{
content:"";
position:absolute;
width:380px;
height:380px;
border-radius:50%;
right:-170px;
top:-170px;
background:rgba(255,255,255,.05);
}
.srvhero::after{
content:"";
position:absolute;
width:260px;
height:260px;
border-radius:50%;
left:-120px;
bottom:-120px;
background:rgba(255,255,255,.03);
}
/*=========================================
LEFT CONTENT
=========================================*/
.srvhero-left{
position:relative;
z-index:5;
}
.srvhero-subtitle{
display:inline-flex;
align-items:center;
gap:10px;
color:#ff432e;
font-size:17px;
font-weight:700;
text-transform:uppercase;
letter-spacing:2px;
margin-bottom:25px;
}
.srvhero-subtitle i{
font-size:18px;
}
.srvhero-left h1{
font-size:72px;
line-height:1.05;
color:#fff;
margin:0;
font-weight:800;
font-family:'Jost',sans-serif;
}
.srvhero-left h1 span{
color:#ff432e;
}
.srvhero-left p{
margin:35px 0;
max-width:700px;
font-size:25px;
line-height:1.8;
color:rgba(255,255,255,.88);
}
/*=========================================
BREADCRUMB
=========================================*/
.srvhero-breadcrumb{
display:inline-flex;
align-items:center;
gap:18px;
list-style:none;
margin:0;
padding:18px 30px;
border-radius:60px;
background:rgba(255,255,255,.10);
backdrop-filter:blur(12px);
border:1px solid rgba(255,255,255,.12);
}
.srvhero-breadcrumb li{
color:#fff;
font-size:18px;
font-weight:600;
}
.srvhero-breadcrumb a{
display:flex;
align-items:center;
gap:10px;
color:#fff;
text-decoration:none;
transition:.35s;
}
.srvhero-breadcrumb a:hover{
color:#ff432e;
}
.srvhero-breadcrumb li:last-child{
color:#ff432e;
}
/*=========================================
RIGHT CARD
=========================================*/
.srvhero-card{
position:relative;
z-index:5;
max-width:480px;
margin-left:auto;
text-align:center;
padding:45px;
border-radius:28px;
background:rgba(255,255,255,.10);
backdrop-filter:blur(18px);
border-top:4px solid #ff432e;
border-left:1px solid rgba(255,255,255,.10);
border-right:1px solid rgba(255,255,255,.10);
border-bottom:1px solid rgba(255,255,255,.10);
transition:.45s;
}
.srvhero-card:hover{
transform:translateY(-10px);
}
.srvhero-cardtop{
display:block;
color:#ff432e;
font-size:16px;
letter-spacing:3px;
font-weight:700;
margin-bottom:22px;
}
.srvhero-icon{
width:130px;
height:130px;
margin:auto;
border-radius:50%;
background:#ff432e;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 0 0 14px rgba(255,67,46,.15);
}
.srvhero-icon i{
color:#fff;
font-size:58px;
}
.srvhero-card h3{
margin:35px 0 18px;
color:#fff;
font-size:46px;
font-weight:700;
line-height:1.2;
}
.srvhero-card p{
margin:0;
color:rgba(255,255,255,.82);
font-size:23px;
line-height:1.8;
}
/*=========================================
CALL BOX
=========================================*/
.srvhero-call{
position:absolute;
right:80px;
bottom:-35px;
z-index:10;
display:flex;
align-items:center;
gap:16px;
padding:14px 28px 14px 14px;
border-radius:60px;
text-decoration:none;
background:#1d4373;
box-shadow:0 18px 40px rgba(0,0,0,.25);
}
.srvhero-callicon{
width:74px;
height:74px;
border-radius:50%;
background:rgba(255,255,255,.12);
display:flex;
justify-content:center;
align-items:center;
}
.srvhero-callicon i{
color:#fff;
font-size:30px;
}
.srvhero-call small{
display:block;
color:#fff;
font-size:15px;
margin-bottom:4px;
}
.srvhero-call strong{
color:#fff;
font-size:34px;
font-weight:700;
}
/*=========================================
SERVICES SECTION
=========================================*/
.eipmmumservicepagew{
padding:110px 0;
background:#f8fbff;
}
.eipmmumservicepagewcontainer{
position:relative;
z-index:2;
max-width:1320px;
margin:auto;
padding:0 15px;
}
/*=========================================
HEADING
=========================================*/
.eipmmumservicepagewheading{
width:100%;
max-width:100%;
margin:0 0 60px;
text-align:left;
}
.eipmmumservicepagewheading span{
display:inline-block;
padding:10px 22px;
border-radius:40px;
background:rgba(229,57,53,.10);
color:#e53935;
font-size:14px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
margin-bottom:18px;
}
.eipmmumservicepagewheading h2{
width:100%;
margin:0 0 18px;
font-size:40px;
line-height:1.3;
color:#173d69;
font-weight:700;
}
.eipmmumservicepagewheading strong{
display:block;
margin-top:8px;
color:#e53935;
font-weight:700;
}
.eipmmumservicepagewheading p{
width:100%;
max-width:100%;
margin:0;
font-size:17px;
line-height:1.9;
color:#333;
}
/*=========================================
GRID
=========================================*/
.eipmmumservicepagewgrid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:35px;
}
/*=========================================
CARD
=========================================*/
.eipmmumservicepagewcard{
background:#fff;
border-radius:22px;
padding:40px;
border-top:4px solid #dd7436;
box-shadow:0 12px 40px rgba(0,0,0,.08);
display:flex;
flex-direction:column;
transition:.45s;
height:100%;
}
/*=========================================
ICON
=========================================*/
.eipmmumservicepagewicon{
width:90px;
height:90px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#173d69;
transition:.4s;
}
.eipmmumservicepagewicon i{
color:#ffc107;
font-size:36px;
}
/*=========================================
TITLE
=========================================*/
.eipmmumservicepagewcard h3{
font-size:25px;
color:#173d69;
margin-bottom:18px;
font-weight:700;
}
/*=========================================
DESCRIPTION
=========================================*/
.eipmmumservicepagewcard p{
font-size:16px;
color:#666;
line-height:1.9;
margin-bottom:28px;
}
/*=========================================
FEATURE BADGES
=========================================*/
.eipmmumservicepagewbadgebox{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:auto;
margin-bottom:28px;
}
.eipmmumservicepagewbadgebox span{
padding:9px 16px;
border-radius:30px;
background:#fff8e1;
color:#173d69;
border:1px solid rgba(255,193,7,.45);
font-size:13px;
font-weight:600;
}
/*=========================================
BUTTON
=========================================*/
.eipmmumservicepagewbtn{
display:inline-flex;
align-items:center;
gap:10px;
color:#173d69;
font-size:15px;
font-weight:700;
text-decoration:none;
transition:.4s;
}
.eipmmumservicepagewbtn i{
transition:.4s;
}
/*=========================================
PREMIUM HOVER EFFECTS
=========================================*/
.eipmmumservicepagewcard{
position:relative;
overflow:hidden;
}
.eipmmumservicepagewcard::before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:4px;
background:#173d69;
transform:scaleX(0);
transform-origin:left;
transition:.45s;
}
.eipmmumservicepagewcard:hover{
transform:translateY(-12px);
border-top-color:#ffc107;
box-shadow:0 25px 55px rgba(23,61,105,.15);
}
.eipmmumservicepagewcard:hover::before{
transform:scaleX(1);
}
.eipmmumservicepagewcard:hover .eipmmumservicepagewicon{
background:#e53935;
transform:rotate(-10deg) scale(1.08);
}
.eipmmumservicepagewcard:hover .eipmmumservicepagewicon i{
color:#fff;
}
.eipmmumservicepagewicon{
transition:.45s;
}
.eipmmumservicepagewbadgebox span{
transition:.35s;
}
.eipmmumservicepagewbadgebox span:hover{
background:#ffc107;
color:#173d69;
}
.eipmmumservicepagewbtn:hover{
color:#e53935;
}
.eipmmumservicepagewbtn:hover i{
transform:translateX(8px);
}
/*=========================================
FADE-UP ANIMATION
=========================================*/
.eipmmumservicepagewcard{
animation:eipmmumservicepagewfade .8s ease;
}
@keyframes eipmmumservicepagewfade{
from{
opacity:0;
transform:translateY(40px);
}
to{
opacity:1;
transform:translateY(0);
}
}
/*=========================================
TABLET
=========================================*/
@media(max-width:991px){
.eipmmumservicepagew{
padding:80px 0;
}
.eipmmumservicepagewheading{
margin-bottom:50px;
}
.eipmmumservicepagewheading h2{
font-size:34px;
}
.eipmmumservicepagewheading p{
font-size:16px;
}
.eipmmumservicepagewgrid{
grid-template-columns:repeat(2,1fr);
gap:25px;
}
.eipmmumservicepagewcard{
padding:30px;
}
.eipmmumservicepagewicon{
width:78px;
height:78px;
}
.eipmmumservicepagewicon i{
font-size:30px;
}
.eipmmumservicepagewcard h3{
font-size:22px;
}
.eipmmumservicepagewcard p{
font-size:15px;
}
}
/*=========================================
MOBILE
=========================================*/
@media(max-width:767px){
.eipmmumservicepagew{
padding:70px 0;
}
.eipmmumservicepagewheading{
margin-bottom:40px;
}
.eipmmumservicepagewheading span{
font-size:12px;
padding:8px 18px;
}
.eipmmumservicepagewheading h2{
font-size:28px;
line-height:1.4;
}
.eipmmumservicepagewheading p{
font-size:15px;
line-height:1.8;
}
.eipmmumservicepagewgrid{
grid-template-columns:1fr;
gap:22px;
}
.eipmmumservicepagewcard{
padding:28px;
}
.eipmmumservicepagewicon{
width:72px;
height:72px;
margin-bottom:22px;
}
.eipmmumservicepagewicon i{
font-size:28px;
}
.eipmmumservicepagewcard h3{
font-size:22px;
}
.eipmmumservicepagewcard p{
font-size:15px;
margin-bottom:22px;
}
.eipmmumservicepagewbadgebox{
gap:10px;
margin-bottom:22px;
}
.eipmmumservicepagewbadgebox span{
font-size:12px;
padding:8px 14px;
}
.eipmmumservicepagewbtn{
font-size:15px;
}
}
/*=========================================
SMALL MOBILE
=========================================*/
@media(max-width:480px){
.eipmmumservicepagew{
padding:60px 0;
}
.eipmmumservicepagewheading h2{
font-size:24px;
}
.eipmmumservicepagewheading p{
font-size:14px;
}
.eipmmumservicepagewcard{
padding:24px;
border-radius:18px;
}
.eipmmumservicepagewicon{
width:65px;
height:65px;
}
.eipmmumservicepagewicon i{
font-size:24px;
}
.eipmmumservicepagewcard h3{
font-size:20px;
}
.eipmmumservicepagewcard p{
font-size:14px;
line-height:1.8;
}
.eipmmumservicepagewbadgebox{
justify-content:center;
}
.eipmmumservicepagewbtn{
justify-content:center;
}
}