/* 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
===================================*/
/*==================================================
VSPM HOME ABOUT SECTION
PRIMARY : #173d69
ACCENT  : #dd7436
==================================================*/

.vspmhomeabout,
.vspmhomeabout *{
    box-sizing:border-box;
}

.vspmhomeabout{
    position:relative;
    width:100%;
    padding:100px 0;
    background:#ffffff;
    font-family:"Poppins",sans-serif;
    overflow:hidden;
}

.vspmhomeabout::before{
    content:"";
    position:absolute;
    top:-170px;
    right:-170px;
    width:420px;
    height:420px;
    border:70px solid rgba(23,61,105,.035);
    border-radius:50%;
    pointer-events:none;
}


/*==================================================
CONTAINER
==================================================*/

.vspmhomeaboutcontainer{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1400px;
    margin:0 auto;
    padding:0 30px;
}


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

.vspmhomeaboutgrid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
    align-items:center;
    gap:85px;
}


/*==================================================
LEFT VISUAL
==================================================*/

.vspmhomeaboutvisual{
    position:relative;
    width:100%;
    min-height:600px;
    padding:0 55px 55px 0;
}


/*==================================================
MAIN IMAGE
==================================================*/

.vspmhomeaboutimage{
    position:relative;
    width:100%;
    height:550px;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 25px 60px rgba(23,61,105,.18);
}

.vspmhomeaboutimage::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        180deg,
        transparent 55%,
        rgba(23,61,105,.28) 100%
    );
    pointer-events:none;
}

.vspmhomeaboutimage img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .7s ease;
}

.vspmhomeaboutvisual:hover
.vspmhomeaboutimage img{
    transform:scale(1.04);
}


/*==================================================
EXPERIENCE CARD
==================================================*/

.vspmhomeaboutexperience{
     position:absolute;
    top:45px;
    left:-35px;
    z-index:4;

    width:245px;

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

    padding:20px;

    background:#173d69;

    border-left:5px solid #dd7436;
    border-radius:8px;

    box-shadow:0 20px 45px rgba(23,61,105,.28);
}
.vspmhomeaboutexperiencetext strong{
    display:block;

    margin-bottom:5px;

    color:#ffffff;

    font-size:18px;
    font-weight:800;
    line-height:1.3;
}

.vspmhomeaboutexperienceicon{
    width:54px;
    height:54px;
    min-width:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#ffffff;
    border-radius:50%;
    font-size:23px;
}



.vspmhomeaboutexperiencetext span{
    display:block;

    color:rgba(255,255,255,.82);

    font-size:13px;
    font-weight:500;
    line-height:1.5;
}


/*==================================================
SMALL IMAGE
==================================================*/

.vspmhomeaboutsmallimage{
    position:absolute;
    right:0;
    bottom:0;
    z-index:3;
    width:245px;
    height:210px;
    padding:8px;
    background:#ffffff;
    border-radius:10px;
    box-shadow:0 20px 50px rgba(23,61,105,.22);
    overflow:hidden;
}

.vspmhomeaboutsmallimage img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:7px;
}


/*==================================================
DECORATION
==================================================*/

.vspmhomeaboutdot{
    position:absolute;
    display:block;
    border-radius:50%;
    background:#dd7436;
    opacity:.15;
}

.vspmhomeaboutdotone{
    width:90px;
    height:90px;
    right:20px;
    top:-25px;
}

.vspmhomeaboutdottwo{
    width:45px;
    height:45px;
    left:30px;
    bottom:0;
    background:#173d69;
}


/*==================================================
CONTENT
==================================================*/

.vspmhomeaboutcontent{
    width:100%;
    text-align:left;
}


/*==================================================
EYEBROW
==================================================*/

.vspmhomeabouteyebrow{
    display:inline-flex;
    align-items:center;
    gap:11px;
    margin-bottom:20px;
    color:#dd7436;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
}

.vspmhomeabouteyebrowicon{
    width:42px;
    height:42px;
    min-width:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(221,116,54,.11);
    border-radius:50%;
    color:#dd7436;
    font-size:17px;
}


/*==================================================
HEADING
==================================================*/

.vspmhomeaboutcontent h2{
    max-width:680px;
    margin:0 0 23px;
    color:#173d69;
    font-size:48px;
    font-weight:800;
    line-height:1.18;
    letter-spacing:-1.4px;
    text-align:left;
}

.vspmhomeaboutcontent h2 span{
    display:block;
    color:#dd7436;
}


/*==================================================
LEAD
==================================================*/

.vspmhomeaboutlead{
    max-width:700px;
    margin:0 0 17px;
    color:#3d5063;
    font-size:18px;
    font-weight:500;
    line-height:1.8;
    text-align:left;
}


/*==================================================
DESCRIPTION
==================================================*/

.vspmhomeaboutdescription{
    max-width:710px;
    margin:0 0 32px;
    color:#687786;
    font-size:16px;
    font-weight:400;
    line-height:1.85;
    text-align:left;
}

.vspmhomeaboutdescription strong{
    color:#173d69;
    font-weight:700;
}


/*==================================================
FEATURE GRID
==================================================*/

.vspmhomeaboutfeatures{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:17px;
    margin-bottom:35px;
}


/*==================================================
FEATURE CARD
==================================================*/

.vspmhomeaboutfeature{
    display:flex;
    align-items:flex-start;
    gap:15px;
    min-height:125px;
    padding:19px;
    background:#f8fafc;
    border:1px solid #e7edf3;
    border-radius:8px;
    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease,
        background .3s ease;
}

.vspmhomeaboutfeature:hover{
    transform:translateY(-4px);
    background:#ffffff;
    border-color:rgba(221,116,54,.45);
    box-shadow:0 15px 35px rgba(23,61,105,.10);
}


/*==================================================
FEATURE ICON
==================================================*/

.vspmhomeaboutfeatureicon{
    width:50px;
    height:50px;
    min-width:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#173d69;
    color:#ffffff;
    border-radius:8px;
    font-size:20px;
    transition:
        background .3s ease,
        transform .3s ease;
}

.vspmhomeaboutfeature:hover
.vspmhomeaboutfeatureicon{
    background:#dd7436;
    transform:rotate(-5deg);
}


/*==================================================
FEATURE TEXT
==================================================*/

.vspmhomeaboutfeature h3{
    margin:0 0 7px;
    color:#173d69;
    font-size:17px;
    font-weight:700;
    line-height:1.4;
    text-align:left;
}

.vspmhomeaboutfeature p{
    margin:0;
    color:#71808f;
    font-size:14px;
    font-weight:400;
    line-height:1.65;
    text-align:left;
}


/*==================================================
BOTTOM AREA
==================================================*/

.vspmhomeaboutbottom{
    display:flex;
    align-items:center;
    gap:30px;
    padding-top:5px;
}


/*==================================================
BUTTON
==================================================*/

.vspmhomeaboutbutton{
    min-height:58px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    padding:15px 26px;
    background:#dd7436;
    color:#ffffff;
    border:2px solid #dd7436;
    border-radius:7px;
    text-decoration:none;
    font-size:15px;
    font-weight:700;
    transition:.3s ease;
}

.vspmhomeaboutbutton i{
    transition:transform .3s ease;
}

.vspmhomeaboutbutton:hover{
    background:#173d69;
    color:#ffffff;
    border-color:#173d69;
    transform:translateY(-3px);
    box-shadow:0 12px 28px rgba(23,61,105,.20);
}

.vspmhomeaboutbutton:hover i{
    transform:translateX(5px);
}


/*==================================================
CALL AREA
==================================================*/

.vspmhomeaboutcall{
    display:flex;
    align-items:center;
    gap:13px;
}

.vspmhomeaboutcallicon{
    position:relative;
    width:54px;
    height:54px;
    min-width:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(23,61,105,.08);
    color:#173d69;
    border-radius:50%;
    font-size:19px;
}

.vspmhomeaboutcall small{
    display:block;
    margin-bottom:4px;
    color:#758493;
    font-size:12px;
    font-weight:500;
}

.vspmhomeaboutcall a{
    display:block;
    color:#173d69;
    text-decoration:none;
    font-size:17px;
    font-weight:700;
}


/*==================================================
SMALL DESKTOP
==================================================*/

@media screen and (max-width:1199px){

    .vspmhomeabout{
        padding:85px 0;
    }

    .vspmhomeaboutcontainer{
        padding:0 25px;
    }

    .vspmhomeaboutgrid{
        gap:55px;
    }

    .vspmhomeaboutvisual{
        min-height:545px;
        padding-right:40px;
        padding-bottom:45px;
    }

    .vspmhomeaboutimage{
        height:500px;
    }

    .vspmhomeaboutexperience{
        left:-15px;
        width:195px;
        padding:17px;
    }

    .vspmhomeaboutsmallimage{
        width:215px;
        height:185px;
    }

    .vspmhomeaboutcontent h2{
        font-size:41px;
    }

    .vspmhomeaboutlead{
        font-size:17px;
    }

    .vspmhomeaboutfeatures{
        grid-template-columns:1fr;
    }

    .vspmhomeaboutfeature{
        min-height:auto;
    }

}


/*==================================================
TABLET
==================================================*/

@media screen and (max-width:991px){

    .vspmhomeabout{
        padding:75px 0;
    }

    .vspmhomeaboutcontainer{
        padding:0 30px;
    }

    .vspmhomeaboutgrid{
        grid-template-columns:1fr;
        gap:65px;
    }

    .vspmhomeaboutvisual{
        width:100%;
        max-width:700px;
        min-height:600px;
        margin:0 auto;
        padding-right:65px;
        padding-bottom:55px;
    }

    .vspmhomeaboutimage{
        height:550px;
    }

    .vspmhomeaboutexperience{
        left:-10px;
    }

    .vspmhomeaboutsmallimage{
        width:260px;
        height:215px;
    }

    .vspmhomeaboutcontent{
        max-width:760px;
        margin:0 auto;
    }

    .vspmhomeaboutcontent h2{
        max-width:700px;
        font-size:43px;
    }

    .vspmhomeaboutlead{
        font-size:18px;
    }

    .vspmhomeaboutdescription{
        font-size:16px;
    }

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

}


/*==================================================
MOBILE
==================================================*/

@media screen and (max-width:767px){

    .vspmhomeabout{
        padding:60px 0;
    }

    .vspmhomeaboutcontainer{
        padding:0 18px;
    }

    .vspmhomeaboutgrid{
        gap:50px;
    }

    .vspmhomeaboutvisual{
        min-height:auto;
        padding:0 0 80px;
    }

    .vspmhomeaboutimage{
        height:440px;
        border-radius:8px;
    }

      .vspmhomeaboutexperience{
        top:25px;
        left:12px;

        width:220px;

        padding:14px;
        gap:12px;
    }

    .vspmhomeaboutexperiencetext strong{
        font-size:18px;
    }

    .vspmhomeaboutexperiencetext span{
        font-size:12px;
    }


    .vspmhomeaboutexperienceicon{
        width:45px;
        height:45px;
        min-width:45px;
        font-size:18px;
    }



    .vspmhomeaboutsmallimage{
        right:15px;
        bottom:0;
        width:210px;
        height:170px;
    }

    .vspmhomeaboutdot{
        display:none;
    }

    .vspmhomeabouteyebrow{
        margin-bottom:17px;
        font-size:13px;
        letter-spacing:.7px;
    }

    .vspmhomeabouteyebrowicon{
        width:38px;
        height:38px;
        min-width:38px;
    }

    .vspmhomeaboutcontent h2{
        margin-bottom:20px;
        font-size:35px;
        line-height:1.22;
        letter-spacing:-.7px;
    }

    .vspmhomeaboutlead{
        font-size:17px;
        line-height:1.75;
    }

    .vspmhomeaboutdescription{
        margin-bottom:27px;
        font-size:15px;
        line-height:1.8;
    }

    .vspmhomeaboutfeatures{
        grid-template-columns:1fr;
        gap:13px;
        margin-bottom:30px;
    }

    .vspmhomeaboutfeature{
        min-height:auto;
        padding:17px;
    }

    .vspmhomeaboutfeature h3{
        font-size:16px;
    }

    .vspmhomeaboutfeature p{
        font-size:14px;
    }

    .vspmhomeaboutbottom{
        align-items:flex-start;
        flex-direction:column;
        gap:24px;
    }

    .vspmhomeaboutbutton{
        min-height:55px;
        padding:14px 21px;
        font-size:14px;
    }

    .vspmhomeaboutcall a{
        font-size:17px;
    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media screen and (max-width:480px){

    .vspmhomeabout{
        padding:52px 0;
    }

    .vspmhomeaboutcontainer{
        padding:0 15px;
    }

    .vspmhomeaboutvisual{
        padding-bottom:65px;
    }

    .vspmhomeaboutimage{
        height:365px;
    }
.vspmhomeaboutexperience{
        top:18px;
        left:10px;

        width:205px;

        padding:12px;
    }

    .vspmhomeaboutexperiencetext strong{
        font-size:16px;
    }

    .vspmhomeaboutexperiencetext span{
        font-size:11px;
    }

    .vspmhomeaboutexperienceicon{
        width:40px;
        height:40px;
        min-width:40px;
        font-size:16px;
    }

   

    .vspmhomeaboutsmallimage{
        right:10px;
        width:175px;
        height:140px;
        padding:6px;
    }

    .vspmhomeabouteyebrow{
        font-size:12px;
    }

    .vspmhomeaboutcontent h2{
        font-size:30px;
        line-height:1.25;
    }

    .vspmhomeaboutlead{
        font-size:16px;
    }

    .vspmhomeaboutdescription{
        font-size:15px;
    }

    .vspmhomeaboutfeature{
        gap:13px;
        padding:15px;
    }

    .vspmhomeaboutfeatureicon{
        width:44px;
        height:44px;
        min-width:44px;
        font-size:17px;
    }

    .vspmhomeaboutfeature h3{
        font-size:16px;
    }

    .vspmhomeaboutfeature p{
        font-size:14px;
        line-height:1.6;
    }

    .vspmhomeaboutbutton{
        width:100%;
    }

}


.mpmcounterbox{
    background:#173d69;
    color:#fff;
    padding:30px 20px;
    border-radius:15px;
}

.mpmcounterbox h3{
    font-size:42px;
    color:#dd7436;
    margin-bottom:10px;
}

.mpmcounterbox span{
    font-size:16px;
    font-weight:600;
}

/* Tablet */

@media(max-width:991px){

.mpmaboutcontent h2{
    font-size:36px;
}

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

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

}

/* Mobile */

@media(max-width:767px){

.mpmaboutsection{
    padding:70px 0;
}

.mpmaboutcontent h2{
    font-size:28px;
}

.mpmaboutcontent p{
    font-size:15px;
}

.mpmaboutfeatures{
    grid-template-columns:1fr;
}

.mpmaboutcounter{
    grid-template-columns:1fr;
}

.mpmcounterbox 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}

/*==================================================
VSPM HERO SECTION
COLOR COMBINATION
PRIMARY NAVY  : #173d69
ACCENT ORANGE : #dd7436
==================================================*/

.vspmhero{
    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;
}

.vspmhero,
.vspmhero *{
    box-sizing:border-box;
}


/*==================================================
BACKGROUND GRID
==================================================*/

.vspmhero::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
==================================================*/

.vspmhero::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
==================================================*/

.vspmheroline{
    position:absolute;

    height:1px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(221,116,54,.55),
        transparent
    );

    transform:rotate(-35deg);

    pointer-events:none;
}

.vspmherolineone{
    width:600px;

    top:150px;
    left:-270px;
}

.vspmherolinetwo{
    width:500px;

    right:-190px;
    bottom:100px;
}


/*==================================================
HERO WRAPPER
==================================================*/

.vspmherowrap{
    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
==================================================*/

.vspmherocontent{
    width:100%;
    max-width:760px;

    text-align:left;
}


/*==================================================
HERO BADGE
==================================================*/

.vspmherobadge{
    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);
}

.vspmherobadgeicon{
    width:36px;
    height:36px;
    min-width:36px;

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

    background:#dd7436;

    color:#ffffff;

    border-radius:50%;

    font-size:13px;

    box-shadow:
        0 8px 20px rgba(221,116,54,.28);
}


/*==================================================
HERO HEADING
==================================================*/

.vspmherocontent h1{
    margin:0 0 27px;

    color:#ffffff;

    font-size:60px;
    font-weight:800;
    line-height:1.16;

    letter-spacing:-1.7px;
}

.vspmherocontent h1 span{
    display:block;

    color:#dd7436;
}


/*==================================================
HERO DESCRIPTION
==================================================*/

.vspmherolead{
    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
==================================================*/

.vspmheroactions{
    display:flex;
    align-items:center;

    gap:27px;

    margin:0 0 38px;
}


/*==================================================
PRIMARY QUOTE BUTTON
==================================================*/

.vspmheroprimary{
    min-height:60px;

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

    gap:11px;

    padding:15px 27px;

    background:#dd7436;

    color:#ffffff;

    border:1px solid #dd7436;

    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;
}

.vspmheroprimary i{
    font-size:12px;

    transition:transform .3s ease;
}

.vspmheroprimary:hover{
    background:#ffffff;

    color:#173d69;

    border-color:#ffffff;

    transform:translateY(-3px);

    box-shadow:
        0 18px 38px rgba(0,0,0,.18);
}

.vspmheroprimary:hover i{
    transform:translateX(5px);
}


/*==================================================
CALL BUTTON
==================================================*/

.vspmherocall{
    display:flex;
    align-items:center;

    gap:13px;

    color:#ffffff;

    text-decoration:none;
}

.vspmherocallicon{
    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:#dd7436;

    font-size:17px;

    transition:
        background .3s ease,
        color .3s ease,
        border-color .3s ease,
        transform .3s ease;
}

.vspmherocall:hover .vspmherocallicon{
    background:#dd7436;

    color:#ffffff;

    border-color:#dd7436;

    transform:rotate(-8deg);
}

.vspmherocalltext{
    display:block;

    color:#ffffff;

    font-size:16px;
    font-weight:700;
    line-height:1.4;
}

.vspmherocalltext small{
    display:block;

    margin:0 0 3px;

    color:rgba(255,255,255,.62);

    font-size:11px;
    font-weight:500;
}


/*==================================================
TRUST FEATURES
==================================================*/

.vspmherotrust{
    width:100%;
    max-width:720px;

    display:grid;

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

    gap:15px;
}


/*==================================================
TRUST ITEM
==================================================*/

.vspmherotrustitem{
    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;
}

.vspmherotrustitem: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
==================================================*/

.vspmherotrusticon{
    width:47px;
    height:47px;
    min-width:47px;

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

    background:#dd7436;

    color:#ffffff;

    border-radius:9px;

    font-size:17px;

    box-shadow:
        0 8px 20px rgba(221,116,54,.25);
}


/*==================================================
TRUST TEXT
==================================================*/

.vspmherotrusttext{
    min-width:0;

    display:block;

    color:rgba(255,255,255,.62);

    font-size:10px;
    font-weight:400;
    line-height:1.5;
}

.vspmherotrusttext strong{
    display:block;

    margin:0 0 3px;

    color:#ffffff;

    font-size:13px;
    font-weight:700;
    line-height:1.4;
}


/*==================================================
RIGHT QUOTE SIDE
==================================================*/

.vspmheroquoteside{
    position:relative;

    width:100%;

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


/*==================================================
QUOTE FORM BOX
==================================================*/

.vspmheroquotebox{
    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;
}

.vspmheroquotebox::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:6px;

    background:linear-gradient(
        90deg,
        #173d69 0%,
        #dd7436 100%
    );
}

.vspmheroquotebox::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
==================================================*/

.vspmheroquotehead{
    position:relative;
    z-index:2;

    margin:0 0 28px;

    text-align:left;
}

.vspmheroquotetag{
    display:inline-flex;
    align-items:center;

    gap:9px;

    margin:0 0 12px;

    color:#dd7436;

    font-size:12px;
    font-weight:800;
    line-height:1.4;

    letter-spacing:1px;

    text-transform:uppercase;
}

.vspmheroquotetag i{
    font-size:14px;
}

.vspmheroquotehead h2{
    margin:0 0 10px;

    color:#173d69;

    font-size:34px;
    font-weight:800;
    line-height:1.25;

    letter-spacing:-.5px;
}

.vspmheroquotehead p{
    margin:0;

    color:#6d7680;

    font-size:15px;
    font-weight:400;
    line-height:1.7;
}


/*==================================================
QUOTE FORM
==================================================*/

.vspmheroquoteform{
    position:relative;
    z-index:2;

    width:100%;
}


/*==================================================
FORM ROW
==================================================*/

.vspmheroquoterow{
    width:100%;

    display:grid;

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

    gap:16px;
}


/*==================================================
FORM FIELD
==================================================*/

.vspmheroquotefield{
    position:relative;

    width:100%;
    min-width:0;

    margin:0 0 16px;
}

.vspmheroquotefield > i{
    position:absolute;

    top:50%;
    left:20px;

    z-index:2;

    transform:translateY(-50%);

    color:#dd7436;

    font-size:16px;

    pointer-events:none;
}


/*==================================================
INPUT AND SELECT
==================================================*/

.vspmheroquotefield input,
.vspmheroquotefield 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;
}

.vspmheroquotefield input::placeholder{
    color:#7b8794;

    opacity:1;

    font-size:15px;
    font-weight:400;
}

.vspmheroquotefield input:focus,
.vspmheroquotefield select:focus{
    background:#ffffff;

    border-color:#dd7436;

    box-shadow:
        0 0 0 4px rgba(221,116,54,.12);

    transform:translateY(-1px);
}


/*==================================================
SELECT FIELD
==================================================*/

.vspmheroquotefield select{
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;

    padding-right:45px;

    cursor:pointer;
}

.vspmheroquoteselect::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
==================================================*/

.vspmheroquotefield input[type="date"]{
    color:#657180;

    font-size:15px;
}

.vspmheroquotefield
input[type="date"]::-webkit-calendar-picker-indicator{
    cursor:pointer;

    opacity:.75;
}


/*==================================================
SUBMIT BUTTON
==================================================*/

.vspmheroquotebtn{
    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;
}

.vspmheroquotebtn i{
    width:38px;
    height:38px;
    min-width:38px;

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

    background:#dd7436;

    color:#ffffff;

    border-radius:50%;

    font-size:13px;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;
}

.vspmheroquotebtn:hover{
    background:#dd7436;

    color:#ffffff;

    border-color:#dd7436;

    transform:translateY(-3px);

    box-shadow:
        0 18px 35px rgba(221,116,54,.25);
}

.vspmheroquotebtn:hover i{
    background:#173d69;

    color:#ffffff;

    transform:translateX(4px);
}


/*==================================================
FORM BOTTOM INFORMATION
==================================================*/

.vspmheroquotesecure{
    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;
}

.vspmheroquotesecure span{
    display:flex;
    align-items:center;

    gap:7px;

    color:#687482;

    font-size:11px;
    font-weight:500;
    line-height:1.5;
}

.vspmheroquotesecure i{
    color:#dd7436;

    font-size:12px;
}


/*==================================================
SMALL DESKTOP
==================================================*/

@media screen and (max-width:1199px){

    .vspmhero{
        min-height:740px;

        padding:75px 0;
    }

    .vspmherowrap{
        grid-template-columns:
            minmax(0,1fr)
            minmax(440px,.9fr);

        gap:45px;
    }

    .vspmherocontent h1{
        font-size:49px;
    }

    .vspmherolead{
        font-size:15px;

        line-height:1.85;
    }

    .vspmheroquotebox{
        max-width:520px;

        padding:36px 32px;
    }

    .vspmheroquotehead h2{
        font-size:30px;
    }

    .vspmheroquotefield input,
    .vspmheroquotefield select{
        height:60px;

        font-size:14px;
    }

    .vspmheroquotefield input::placeholder{
        font-size:14px;
    }

}


/*==================================================
TABLET
==================================================*/

@media screen and (max-width:991px){

    .vspmhero{
        min-height:auto;

        padding:65px 0;
    }

    .vspmherowrap{
        grid-template-columns:
            minmax(0,1fr)
            minmax(360px,.88fr);

        gap:35px;
    }

    .vspmherobadge{
        font-size:11px;
    }

    .vspmherocontent h1{
        font-size:41px;

        letter-spacing:-1px;
    }

    .vspmherolead{
        font-size:14px;

        line-height:1.8;
    }

    .vspmheroactions{
        flex-direction:column;

        align-items:flex-start;

        gap:17px;

        margin-bottom:30px;
    }

    .vspmherotrust{
        grid-template-columns:1fr;

        gap:9px;
    }

    .vspmherotrustitem{
        padding:12px;
    }

    .vspmherotrusticon{
        width:43px;
        height:43px;
        min-width:43px;
    }

    .vspmheroquotebox{
        max-width:100%;

        padding:30px 25px;

        border-radius:16px;
    }

    .vspmheroquotehead{
        margin-bottom:22px;
    }

    .vspmheroquotehead h2{
        font-size:27px;
    }

    .vspmheroquotehead p{
        font-size:13px;
    }

    .vspmheroquoterow{
        grid-template-columns:1fr;

        gap:0;
    }

    .vspmheroquotefield{
        margin-bottom:13px;
    }

    .vspmheroquotefield input,
    .vspmheroquotefield select{
        height:58px;

        padding-left:50px;

        font-size:14px;
    }

    .vspmheroquotefield input::placeholder{
        font-size:14px;
    }

    .vspmheroquotefield > i{
        left:18px;

        font-size:14px;
    }

    .vspmheroquotebtn{
        min-height:59px;

        font-size:14px;
    }

    .vspmheroquotesecure{
        flex-direction:column;

        align-items:flex-start;

        gap:8px;
    }

}


/*==================================================
MOBILE
==================================================*/

@media screen and (max-width:767px){

    .vspmhero{
        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%
            );
    }

    .vspmherowrap{
        grid-template-columns:1fr;

        gap:45px;
    }

    .vspmherocontent{
        max-width:100%;
    }

    .vspmherocontent h1{
        font-size:38px;

        line-height:1.2;
    }

    .vspmherolead{
        max-width:100%;

        font-size:14px;
    }

    .vspmheroprimary{
        width:100%;
    }

    .vspmherotrust{
        max-width:100%;

        grid-template-columns:1fr;
    }

    .vspmheroquoteside{
        justify-content:flex-start;
    }

    .vspmheroquotebox{
        width:100%;
        max-width:100%;

        margin:0;

        padding:30px 24px;

        border-radius:15px;
    }

    .vspmheroquotehead h2{
        font-size:28px;
    }

    .vspmheroquotehead p{
        font-size:14px;
    }

    .vspmheroquoterow{
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:13px;
    }

    .vspmheroquotefield input,
    .vspmheroquotefield select{
        height:60px;

        font-size:14px;
    }

    .vspmheroquotefield input::placeholder{
        font-size:14px;
    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media screen and (max-width:575px){

    .vspmhero{
        padding:48px 0 55px;
    }

    .vspmherobadge{
        width:100%;

        padding-right:13px;

        border-radius:9px;

        font-size:10px;
    }

    .vspmherocontent h1{
        font-size:32px;

        line-height:1.22;

        letter-spacing:-.5px;
    }

    .vspmherolead{
        font-size:13px;

        line-height:1.8;
    }

    .vspmheroactions{
        width:100%;
    }

    .vspmherocall{
        width:100%;
    }

    .vspmherotrustitem{
        padding:14px;
    }

    .vspmherotrusttext{
        font-size:10px;
    }

    .vspmherotrusttext strong{
        font-size:13px;
    }

    .vspmheroquotebox{
        padding:27px 18px;

        border-radius:13px;
    }

    .vspmheroquotetag{
        font-size:10px;
    }

    .vspmheroquotehead h2{
        font-size:25px;
    }

    .vspmheroquotehead p{
        font-size:13px;
    }

    .vspmheroquoterow{
        grid-template-columns:1fr;

        gap:0;
    }

    .vspmheroquotefield{
        margin-bottom:12px;
    }

    .vspmheroquotefield input,
    .vspmheroquotefield select{
        height:58px;

        padding-left:49px;

        font-size:14px;

        border-radius:8px;
    }

    .vspmheroquotefield input::placeholder{
        font-size:14px;
    }

    .vspmheroquotefield > i{
        left:17px;

        font-size:14px;
    }

    .vspmheroquotebtn{
        min-height:59px;

        padding:12px 17px;

        font-size:14px;

        border-radius:8px;
    }

    .vspmheroquotebtn i{
        width:34px;
        height:34px;
        min-width:34px;

        font-size:11px;
    }

    .vspmheroquotesecure{
        flex-direction:column;

        align-items:flex-start;

        gap:9px;

        margin-top:17px;
    }

    .vspmheroquotesecure span{
        font-size:10px;
    }

}


/*==================================================
VERY SMALL MOBILE
==================================================*/

@media screen and (max-width:380px){

    .vspmherocontent h1{
        font-size:29px;
    }

    .vspmheroquotebox{
        padding:24px 15px;
    }

    .vspmheroquotehead h2{
        font-size:22px;
    }

    .vspmheroquotehead p{
        font-size:12px;
    }

    .vspmheroquotefield input,
    .vspmheroquotefield select{
        height:56px;

        font-size:13px;
    }

    .vspmheroquotefield input::placeholder{
        font-size:13px;
    }

    .vspmheroquotebtn{
        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:#dd7436;
    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
=========================================*/

.mpmwhysection{
    padding:100px 0;
    background:#ffffff;
    position:relative;
    overflow:hidden;
}

.mpmwhysection::before{
    content:"";
    position:absolute;
    top:-120px;
    right:-120px;
    width:300px;
    height:300px;
    background:rgba(244,180,0,.08);
    border-radius:50%;
}

.mpmwhysection::after{
    content:"";
    position:absolute;
    bottom:-150px;
    left:-150px;
    width:350px;
    height:350px;
    background:rgba(23,61,105,.05);
    border-radius:50%;
}

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

.mpmwhygrid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:60px;

}

/*===========================
CARD
===========================*/

.mpmwhycard{

    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;

}

.mpmwhycard::before{

    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:#dd7436;
    transition:.35s;

}

.mpmwhycard:hover{

    transform:translateY(-10px);
    box-shadow:0 22px 50px rgba(23,61,105,.18);

}

.mpmwhycard:hover::before{

    height:100%;
    opacity:.05;

}

/*===========================
ICON
===========================*/

.mpmwhyicon{

    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;

}

.mpmwhycard:hover .mpmwhyicon{

    background:#dd7436;
    color:#173d69;
    transform:rotate(-8deg);

}

/*===========================
TEXT
===========================*/

.mpmwhycard h3{

    font-size:24px;
    color:#173d69;
    margin-bottom:15px;
    font-weight:700;

}

.mpmwhycard p{

    color:#666;
    line-height:1.8;
    font-size:15px;

}


/*===========================
BUTTON
===========================*/

.mpmwhybtnwrap{

    margin-top:40px;
    text-align:center;

}

.mpmwhybtnwrap .mpmprimarybtn{

    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;

}

.mpmwhybtnwrap .mpmprimarybtn:hover{

    background:#dd7436;
    color:#000;

}

.mpmwhybtnwrap .mpmprimarybtn i{

    transition:.35s;

}

.mpmwhybtnwrap .mpmprimarybtn:hover i{

    transform:translateX(6px);

}

/*====================================
LAPTOP
====================================*/

@media(max-width:1199px){

.mpmwhygrid{

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

}



}

/*====================================
TABLET
====================================*/

@media(max-width:991px){

.mpmwhysection{

    padding:80px 0;

}

.mpmwhygrid{

    gap:25px;

}

.mpmwhycard{

    padding:35px 25px;

}

.mpmwhyicon{

    width:75px;
    height:75px;

    font-size:30px;

}

.mpmwhycard h3{

    font-size:22px;

}

}

/*====================================
MOBILE
====================================*/

@media(max-width:767px){

.mpmwhysection{

    padding:60px 0;

}

.mpmwhygrid{

    grid-template-columns:1fr;
    gap:20px;
    margin-top:40px;

}

.mpmwhycard{

    padding:30px 22px;

}

.mpmwhyicon{

    width:70px;
    height:70px;
    font-size:28px;

}

.mpmwhycard h3{

    font-size:21px;

}

.mpmwhycard p{

    font-size:15px;

}



.mpmwhybtnwrap{

    margin-top:40px;

}

.mpmwhybtnwrap .mpmprimarybtn{

    width:100%;
    justify-content:center;

}

}

/*====================================
LARGE DESKTOP
====================================*/

@media(min-width:1400px){

.mpmwhygrid{

    gap:35px;

}

.mpmwhycard{

    padding:45px 40px;

}

.mpmwhycountbox{

    padding:40px 25px;

}

}
/*=========================================
SERVICE AREAS
=========================================*/

.mpmareassection{
    padding:100px 0;
    background:#f8f9fc;
}

.mpmareagrid{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-top:50px;

}

.mpmareabox{

    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);

}

.mpmareabox:hover{

    background:#173d69;
    color:#fff;
    transform:translateY(-5px);
    border-color:#173d69;

}

/* Tablet */

@media(max-width:991px){

.mpmareassection{
    padding:80px 0;
}

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

}

/* Mobile */

@media(max-width:767px){

.mpmareassection{
    padding:60px 0;
}

.mpmareagrid{

    grid-template-columns:1fr;
    gap:15px;

}

.mpmareabox{

    padding:16px;
    font-size:15px;

}

}

/* Large Desktop */

@media(min-width:1400px){

.mpmareagrid{

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

}

}

/*=========================================
CTA SECTION
=========================================*/

.mpmctasection{

    padding:90px 0;

    background:linear-gradient(135deg,#173d69,#0d2c52);

    position:relative;

    overflow:hidden;

}

.mpmctasection::before{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

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

    border-radius:50%;

    top:-120px;

    right:-120px;

}

.mpmctasection::after{

    content:"";

    position:absolute;

    width:250px;

    height:250px;

    background:rgba(244,180,0,.12);

    border-radius:50%;

    bottom:-100px;

    left:-80px;

}

.mpmctawrapper{

    position:relative;

    z-index:2;

    max-width:900px;

    margin:auto;

    text-align:center;

}

.mpmctatag{

    display:inline-block;

    background:#dd7436;

    color:#000;

    padding:10px 24px;

    border-radius:40px;

    font-weight:700;

    margin-bottom:20px;

}

.mpmctawrapper h2{

    color:#fff;

    font-size:48px;

    font-weight:800;

    line-height:1.3;

    margin-bottom:25px;

}

.mpmctawrapper h2 span{

    color:#dd7436;

}

.mpmctawrapper p{

    color:#e7e7e7;

    font-size:18px;

    line-height:1.9;

    margin-bottom:40px;

}

.mpmctabtnwrap{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

.mpmctacall{

    background:#dd7436;

    color:#000;

    text-decoration:none;

    padding:17px 36px;

    border-radius:50px;

    font-weight:700;

    transition:.35s;

}

.mpmctacall:hover{

    background:#fff;

    color:#173d69;

}

.mpmctaquote{

    border:2px solid #fff;

    color:#fff;

    text-decoration:none;

    padding:17px 36px;

    border-radius:50px;

    font-weight:700;

    transition:.35s;

}

.mpmctaquote:hover{

    background:#fff;

    color:#173d69;

}

.mpmctabtnwrap a{

    display:flex;

    align-items:center;

    gap:10px;

}

.mpmctainfo{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

    margin-top:45px;

}

.mpmctabox{

    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;

}

.mpmctabox i{

    color:#dd7436;

    font-size:20px;

}

/*==============================
TABLET
==============================*/

@media(max-width:991px){

.mpmctawrapper h2{

    font-size:38px;

}

.mpmctawrapper p{

    font-size:16px;

}

}

/*==============================
MOBILE
==============================*/

@media(max-width:767px){

.mpmctasection{

    padding:70px 0;

}

.mpmctawrapper h2{

    font-size:30px;

}

.mpmctawrapper p{

    font-size:15px;

}

.mpmctabtnwrap{

    flex-direction:column;

}

.mpmctacall,
.mpmctaquote{

    width:100%;

    justify-content:center;

}

.mpmctainfo{

    flex-direction:column;

}

.mpmctabox{

    justify-content:center;

}

}


/*=========================================
FOOTER
=========================================*/

.mpmfooter{
    background:#173d69;
    color:#fff;
    padding:90px 0 0;
    position:relative;
}

.mpmfootergrid{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1.2fr;
    gap:50px;
    padding-bottom:60px;
}

/*=========================================
LOGO
=========================================*/

.mpmfooterlogo{
    display:inline-block;
    margin-bottom:25px;
}

.mpmfooterlogo img{
    width:280px;
    display:block;
}

.mpmfooter p{
    color:rgba(255,255,255,.85);
    line-height:1.9;
    margin-bottom:30px;
    font-size:15px;
}

/*=========================================
HEADING
=========================================*/

.mpmfooter h3{
    color:#fff;
    font-size:24px;
    font-weight:700;
    margin-bottom:30px;
    position:relative;
}

.mpmfooter h3::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-10px;
    width:55px;
    height:3px;
    background:#dd7436;
}

/*=========================================
LIST
=========================================*/

.mpmfooter ul{
    list-style:none;
    padding:0;
    margin:0;
}

.mpmfooter ul li{
    margin-bottom:15px;
}

.mpmfooter ul li a{
    color:rgba(255,255,255,.85);
    text-decoration:none;
    transition:.35s;
}

.mpmfooter ul li a:hover{
    color:#dd7436;
    padding-left:8px;
}

/*=========================================
CONTACT
=========================================*/

.mpmfootercontact li{
    display:flex;
    align-items:flex-start;
    gap:15px;
}

.mpmfootercontact i{
    color:#dd7436;
    font-size:18px;
    margin-top:4px;
    min-width:18px;
}

.mpmfootercontact span,
.mpmfootercontact a{
    color:rgba(255,255,255,.85);
    text-decoration:none;
    line-height:1.7;
}

/*=========================================
GOOGLE RATING
=========================================*/

.mpmfooterrating{
    display:flex;
    align-items:center;
    gap:6px;
    margin-bottom:25px;
    flex-wrap:wrap;
}

.mpmfooterrating i{
    color:#dd7436;
}

.mpmfooterrating span{
    margin-left:8px;
    font-weight:600;
}

/*=========================================
SOCIAL
=========================================*/

.mpmfootersocial{
    display:flex;
    gap:12px;
}

.mpmfootersocial 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;
}

.mpmfootersocial a:hover{
    background:#dd7436;
    color:#173d69;
    transform:translateY(-5px);
}

/*=========================================
FOOTER BOTTOM
=========================================*/

.mpmfooterbottom{
    border-top:1px solid rgba(255,255,255,.15);
    padding:25px 0;
}

.mpmfooterbottomwrapper{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}

.mpmfooterbottom p{
    margin:0;
    color:rgba(255,255,255,.80);
    font-size:15px;
}

.mpmfooterbottom a{
    color:#dd7436;
    text-decoration:none;
    font-weight:600;
}

.mpmfooterbottom a:hover{
    color:#fff;
}

/*=========================================
TABLET
=========================================*/

@media(max-width:991px){

.mpmfooter{
    padding:70px 0 0;
}

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

.mpmfooterbottomwrapper{
    flex-direction:column;
    text-align:center;
}

}

/*=========================================
MOBILE
=========================================*/

@media(max-width:767px){

.mpmfooter{
    padding:60px 0 0;
}

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

.mpmfooterlogo img{
    width:160px;
}

.mpmfooter h3{
    font-size:22px;
}

.mpmfootersocial{
    justify-content:flex-start;
}


.mpmfooterbottom{
    padding:20px 0;
}

.mpmfooterbottomwrapper{
    flex-direction:column;
    text-align:center;
}

.mpmfooterbottom p{
    font-size:14px;
}

}

/*=========================================
LARGE DESKTOP
=========================================*/

@media(min-width:1400px){

.mpmfootergrid{
    gap:60px;
}

}

/*=========================================
TESTIMONIAL SECTION
=========================================*/

.mpmtestimonialsection{
    padding:100px 0;
    background:#f8f9fc;
    overflow:hidden;
}

.mpmtestimonialslider{
   position:relative;
    overflow:hidden;
    padding-bottom:30px;
}

.mpmtestimonialtrack{
   display:flex;

    align-items:stretch;

    gap:30px;

    transition:transform .5s ease;
}

/*=========================================
CARD
=========================================*/

.mpmtestimonialcard{

    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 #dd7436;

    position:relative;
	height:auto;
    min-height:420px; /* optional */

}

.mpmtestimonialcard:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 55px rgba(23,61,105,.18);

}

/*=========================================
STARS
=========================================*/

.mpmtestimonialstars{

    margin-bottom:20px;

}

.mpmtestimonialstars i{

    color:#dd7436;

    font-size:18px;

    margin-right:3px;

}

/*=========================================
REVIEW
=========================================*/

.mpmtestimonialcard p{

    color:#555;

    font-size:16px;

    line-height:1.9;

    margin-bottom:30px;

    min-height:165px;

}

/*=========================================
USER
=========================================*/

.mpmtestimonialuser{

    display:flex;

    align-items:center;

    gap:18px;

}

.mpmtestimonialuser img{

    width:70px;

    height:70px;

    border-radius:50%;

    object-fit:cover;

    border:4px solid #dd7436;

}

.mpmtestimonialuser h4{

    color:#173d69;

    font-size:20px;

    margin-bottom:6px;

    font-weight:700;

}

.mpmtestimonialuser span{

    color:#888;

    font-size:14px;

}
.mpmtestimonialwrapper{

    background:#ffffff;

    border-radius:25px;

    padding:40px;

    box-shadow:0 20px 50px rgba(0,0,0,.08);

    margin-top:50px;

}
/*=========================================
NAVIGATION
=========================================*/

.mpmtestimonialnav{

   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);

	
	
	

}

.mpmtestimonialnav button{

    width:55px;

    height:55px;

    border:none;

    border-radius:50%;

    background:#173d69;

    color:#fff;

    font-size:20px;

    cursor:pointer;

    transition:.35s;

}

.mpmtestimonialnav button:hover{

    background:#dd7436;

    color:#fff;

    transform:translateY(-5px);

}

/*=========================================
TABLET
=========================================*/

@media(max-width:991px){

.mpmtestimonialsection{

    padding:80px 0;

}

.mpmtestimonialcard{

    min-width:calc(50% - 15px);

    padding:30px;

}

.mpmtestimonialcard p{

    min-height:auto;

}

}

/*=========================================
MOBILE
=========================================*/

@media(max-width:767px){

.mpmtestimonialsection{

    padding:60px 0;

}

.mpmtestimonialslider{

    margin-top:10px;

}

.mpmtestimonialtrack{

    gap:20px;

}

.mpmtestimonialcard{

    min-width:100%;

    padding:25px;

}

.mpmtestimonialcard p{

    font-size:15px;

    line-height:1.8;

    margin-bottom:25px;

}

.mpmtestimonialuser{

    gap:12px;

}

.mpmtestimonialuser img{

    width:60px;

    height:60px;

}

.mpmtestimonialuser h4{

    font-size:18px;

}

.mpmtestimonialuser span{

    font-size:13px;

}

.mpmtestimonialnav{

    margin-top:20px;

}
.contactsection{

    background:#f8f9fc;

}
.mpmtestimonialnav button{

    width:48px;

    height:48px;

    font-size:18px;

}

}

/*=========================================
LARGE DESKTOP
=========================================*/

@media(min-width:1400px){

.mpmtestimonialcard{

    padding:40px;

}

.mpmtestimonialcard p{

    font-size:17px;

}

}

.mpmtestimonialavatar{

    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 #dd7436;

}

/*==================================
TESTIMONIAL NAVIGATION
==================================*/

.mpmtestimonialcontrols{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    margin-top:45px;

}

.mpmtestimonialcontrols 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);

}

.mpmtestimonialcontrols button:hover{

    background:#dd7436;

    color:#173d69;

    transform:translateY(-5px);

}

/*=========================================
CONTACT INFORMATION
=========================================*/

.mpmcontactsection{

    padding:90px 0;

    background:#f8f9fc;

}

.mpmcontactgrid{

    display:grid;

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

    gap:30px;

}

.mpmcontactcard{

    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;

}

.mpmcontactcard:hover{

    transform:translateY(-8px);

    border-color:#dd7436;

    box-shadow:0 25px 50px rgba(23,61,105,.15);

}

.mpmcontacticon{

    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;

}

.mpmcontactcard:hover .mpmcontacticon{

    background:#dd7436;

    color:#173d69;

}

.mpmcontactcard h3{

    font-size:26px;

    color:#173d69;

    margin-bottom:18px;

    font-weight:700;

}

.mpmcontactcard p{

    color:#666;

    line-height:1.8;

    margin:0;

}

.mpmcontactcard a{

    color:#173d69;

    font-size:18px;

    font-weight:600;

    text-decoration:none;

    word-break:break-word;

}

.mpmcontactcard a:hover{

    color:#dd7436;

}

.mpmcontactcard span{

    display:block;

    margin-top:12px;

    color:#888;

    font-size:14px;

}

/*==========================
TABLET
==========================*/

@media(max-width:991px){

.mpmcontactgrid{

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

}

}

/*==========================
MOBILE
==========================*/

@media(max-width:767px){

.mpmcontactsection{

    padding:60px 0;

}

.mpmcontactgrid{

    grid-template-columns:1fr;

    gap:20px;

}

.mpmcontactcard{

    padding:35px 25px;

}

.mpmcontacticon{

    width:70px;

    height:70px;

    font-size:26px;

}

.mpmcontactcard h3{

    font-size:22px;

}

.mpmcontactcard a{

    font-size:16px;

}

}

.mpmgooglerating{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    flex-wrap:wrap;
}

.mpmgooglerating i{
    color:#dd7436;
    font-size:18px;
}

.mpmgooglerating span{
    margin-left:8px;
    color:#173d69;
    font-weight:600;
    font-size:16px;
}

.mpmratingstars{

    display:flex;

    gap:3px;

    margin:6px 0;

}

.mpmratingstars i{

    color:#dd7436;

    font-size:16px;

}
/*==================================================
FINAL BREADCRUMB FIX
ADD AT VERY END OF style.css
==================================================*/

.mpmbreadcrumbsection{
    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;
}

.mpmbreadcrumboverlay{
    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;
}

.mpmbreadcrumbsection > .mpmcontainer{
    position:relative !important;

    width:100% !important;

    z-index:5 !important;

    margin-left:auto !important;
    margin-right:auto !important;
}

.mpmbreadcrumbcontent{
    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
==================================================*/

.mpmbreadcrumbtag{
    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:#dd7436 !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
==================================================*/

.mpmbreadcrumbcontent 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
==================================================*/

.mpmbreadcrumbnav{
    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;
}

.mpmbreadcrumbnav 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;
}

.mpmbreadcrumbnav a i{
    color:#dd7436 !important;
}

.mpmbreadcrumbnav a:hover{
    color:#dd7436 !important;
}

.mpmbreadcrumbdivider{
    display:inline-flex !important;

    align-items:center !important;

    color:rgba(255,255,255,.55) !important;

    font-size:11px !important;
}

.mpmbreadcrumbactive{
    color:#dd7436 !important;

    font-size:15px !important;

    font-weight:700 !important;
}


/*==================================================
DECORATION
==================================================*/

.mpmbreadcrumbsection::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;
}

.mpmbreadcrumbsection::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){

    .mpmbreadcrumbsection{
        min-height:290px !important;
    }

    .mpmbreadcrumbcontent{
        min-height:290px !important;

        padding:45px 0 !important;
    }

    .mpmbreadcrumbcontent h1{
        font-size:46px !important;
    }

}


/*==================================================
MOBILE
==================================================*/

@media(max-width:767px){

    .mpmbreadcrumbsection{
        min-height:260px !important;
    }

    .mpmbreadcrumbcontent{
        min-height:260px !important;

        align-items:center !important;

        justify-content:center !important;

        padding:40px 0 !important;

        text-align:center !important;
    }

    .mpmbreadcrumbtag{
        margin-bottom:17px !important;

        padding:8px 17px !important;

        font-size:12px !important;
    }

    .mpmbreadcrumbcontent h1{
        margin-bottom:22px !important;

        font-size:36px !important;

        text-align:center !important;
    }

    .mpmbreadcrumbnav{
        justify-content:center !important;

        padding:12px 18px !important;
    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media(max-width:480px){

    .mpmbreadcrumbsection{
        min-height:240px !important;
    }

    .mpmbreadcrumbcontent{
        min-height:240px !important;

        padding:35px 0 !important;
    }

    .mpmbreadcrumbcontent h1{
        font-size:31px !important;
    }

    .mpmbreadcrumbnav{
        border-radius:15px !important;
    }

}
/*=========================================
ABOUT PAGE SECTION
=========================================*/

.mpmaboutpagesection{
    position:relative;
    padding:100px 0;
    background:#f8f9fc;
    overflow:hidden;
}

.mpmaboutpagesection::before{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    border-radius:50%;
    background:rgba(244,180,0,.07);
    top:-170px;
    right:-120px;
}

.mpmaboutpagesection::after{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    border-radius:50%;
    background:rgba(23,61,105,.05);
    bottom:-150px;
    left:-120px;
}

.mpmaboutpagegrid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);
    gap:65px;
    align-items:center;
}

/*=========================================
LEFT CONTENT
=========================================*/

.mpmaboutpagetag{
    display:inline-flex;
    align-items:center;
    padding:10px 22px;
    margin-bottom:22px;
    border-radius:50px;
    background:#dd7436;
    color:#111;
    font-size:14px;
    font-weight:700;
    letter-spacing:.3px;
}

.mpmaboutpagecontent h1{
    margin:0 0 25px;
    color:#173d69;
    font-size:52px;
    font-weight:800;
    line-height:1.2;
}

.mpmaboutpagecontent h1 span{
    color:#dd7436;
}

.mpmaboutpagecontent > p{
    margin:0 0 20px;
    color:#626262;
    font-size:16px;
    line-height:1.9;
}

.mpmaboutpagecontent .mpmaboutpageintro{
    color:#444;
    font-size:18px;
}

/*=========================================
FEATURES
=========================================*/

.mpmaboutpagefeatures{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
    margin-top:35px;
}

.mpmaboutpagefeature{
    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;
}

.mpmaboutpagefeature:hover{
    transform:translateY(-6px);
    border-color:rgba(244,180,0,.6);
    box-shadow:0 18px 40px rgba(23,61,105,.12);
}

.mpmaboutpagefeatureicon{
    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;
}

.mpmaboutpagefeature:hover .mpmaboutpagefeatureicon{
    background:#dd7436;
    color:#173d69;
    transform:rotate(-6deg);
}

.mpmaboutpagefeature h3{
    margin:0 0 7px;
    color:#173d69;
    font-size:18px;
    font-weight:700;
}

.mpmaboutpagefeature p{
    margin:0;
    color:#6c6c6c;
    font-size:14px;
    line-height:1.7;
}

/*=========================================
BUTTONS
=========================================*/

.mpmaboutpagebuttons{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:16px;
    margin-top:38px;
}

.mpmaboutpageprimarybtn,
.mpmaboutpagesecondarybtn{
    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;
}

.mpmaboutpageprimarybtn{
    background:#173d69;
    color:#fff;
    box-shadow:0 12px 30px rgba(23,61,105,.20);
}

.mpmaboutpageprimarybtn:hover{
    background:#dd7436;
    color:#111;
    transform:translateY(-3px);
}

.mpmaboutpageprimarybtn i{
    transition:.35s ease;
}

.mpmaboutpageprimarybtn:hover i{
    transform:translateX(5px);
}

.mpmaboutpagesecondarybtn{
    border:2px solid #173d69;
    color:#173d69;
    background:#fff;
}

.mpmaboutpagesecondarybtn:hover{
    background:#173d69;
    color:#fff;
    transform:translateY(-3px);
}

/*=========================================
RIGHT SIDE
=========================================*/

.mpmaboutpageside{
    display:flex;
    flex-direction:column;
    gap:25px;
}

.mpmaboutpagetrustbox{
    position:relative;
    padding:45px 38px;
    background:#173d69;
    border-radius:25px;
    box-shadow:0 25px 60px rgba(23,61,105,.25);
    overflow:hidden;
}

.mpmaboutpagetrustbox::before{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    border-radius:50%;
    background:rgba(255,255,255,.05);
    top:-100px;
    right:-90px;
}

.mpmaboutpagetrusttag{
    position:relative;
    z-index:2;
    display:inline-block;
    margin-bottom:18px;
    padding:8px 17px;
    border-radius:40px;
    background:#dd7436;
    color:#111;
    font-size:13px;
    font-weight:700;
}

.mpmaboutpagetrustbox h2{
    position:relative;
    z-index:2;
    margin:0 0 18px;
    color:#fff;
    font-size:32px;
    font-weight:800;
    line-height:1.3;
}

.mpmaboutpagetrustbox p{
    position:relative;
    z-index:2;
    margin:0 0 28px;
    color:rgba(255,255,255,.82);
    font-size:15px;
    line-height:1.8;
}

.mpmaboutpagetrustbox ul{
    position:relative;
    z-index:2;
    list-style:none;
    margin:0;
    padding:0;
}

.mpmaboutpagetrustbox ul li{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:17px;
    color:#fff;
    font-size:15px;
    font-weight:600;
}

.mpmaboutpagetrustbox ul li:last-child{
    margin-bottom:0;
}

.mpmaboutpagetrustbox ul li i{
    width:26px;
    height:26px;
    min-width:26px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#dd7436;
    color:#173d69;
    font-size:11px;
}

/*=========================================
COMMITMENT BOX
=========================================*/

.mpmaboutpagequote{
    display:flex;
    align-items:center;
    gap:20px;
    padding:27px;
    background:#fff;
    border-radius:18px;
    border-left:5px solid #dd7436;
    box-shadow:0 15px 40px rgba(0,0,0,.07);
}

.mpmaboutpagequoteicon{
    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;
}

.mpmaboutpagequote span{
    display:block;
    margin-bottom:5px;
    color:#dd7436;
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.8px;
}

.mpmaboutpagequote h3{
    margin:0;
    color:#173d69;
    font-size:19px;
    line-height:1.5;
}

/*=========================================
TABLET
=========================================*/

@media(max-width:1199px){

    .mpmaboutpagegrid{
        grid-template-columns:minmax(0,1fr) minmax(340px,.75fr);
        gap:40px;
    }

    .mpmaboutpagecontent h1{
        font-size:44px;
    }

    .mpmaboutpagefeatures{
        grid-template-columns:1fr;
    }

}

@media(max-width:991px){

    .mpmaboutpagesection{
        padding:80px 0;
    }

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

    .mpmaboutpagecontent h1{
        font-size:40px;
    }

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

    .mpmaboutpageside{
        max-width:700px;
        width:100%;
        margin:0 auto;
    }

}

/*=========================================
MOBILE
=========================================*/

@media(max-width:767px){

    .mpmaboutpagesection{
        padding:60px 0;
    }

    .mpmaboutpagetag{
        padding:9px 17px;
        font-size:12px;
    }

    .mpmaboutpagecontent h1{
        font-size:31px;
        line-height:1.25;
    }

    .mpmaboutpagecontent .mpmaboutpageintro{
        font-size:16px;
    }

    .mpmaboutpagecontent > p{
        font-size:15px;
        line-height:1.8;
    }

    .mpmaboutpagefeatures{
        grid-template-columns:1fr;
        gap:15px;
    }

    .mpmaboutpagefeature{
        padding:20px;
    }

    .mpmaboutpagebuttons{
        flex-direction:column;
        align-items:stretch;
    }

    .mpmaboutpageprimarybtn,
    .mpmaboutpagesecondarybtn{
        width:100%;
    }

    .mpmaboutpagetrustbox{
        padding:35px 25px;
        border-radius:20px;
    }

    .mpmaboutpagetrustbox h2{
        font-size:27px;
    }

    .mpmaboutpagequote{
        align-items:flex-start;
        padding:22px;
    }

    .mpmaboutpagequoteicon{
        width:55px;
        height:55px;
        min-width:55px;
        font-size:23px;
    }

    .mpmaboutpagequote h3{
        font-size:17px;
    }

}

/*=========================================
SMALL MOBILE
=========================================*/

@media(max-width:480px){

    .mpmaboutpagecontent h1{
        font-size:28px;
    }

    .mpmaboutpagefeature{
        flex-direction:column;
    }

    .mpmaboutpagequote{
        flex-direction:column;
    }

}

/*==================================================
MPM MOVING JOURNEY SECTION
==================================================*/

.mpmjourneysection{
    position:relative;
    padding:100px 0;
    background:#f7f9fc;
    overflow:hidden;
}

.mpmjourneysection::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;
}

.mpmjourneysection::after{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    right:-150px;
    bottom:-150px;
    border-radius:50%;
    background:rgba(244,180,0,.06);
    pointer-events:none;
}

.mpmjourneygrid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
    gap:80px;
    align-items:center;
}


/*==================================================
LEFT CONTENT
==================================================*/

.mpmjourneycontent{
    position:relative;
}

.mpmjourneysubtitle{
    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;
}

.mpmjourneycontent h2{
    margin:0 0 25px;
    color:#173d69;
    font-size:48px;
    font-weight:800;
    line-height:1.2;
}

.mpmjourneycontent h2 span{
    color:#dd7436;
}

.mpmjourneycontent p{
    margin:0 0 18px;
    color:#626b77;
    font-size:16px;
    line-height:1.9;
}

.mpmjourneycontent .mpmjourneylead{
    color:#3f4853;
    font-size:17px;
}


/*==================================================
SERVICE PROMISE
==================================================*/

.mpmjourneypromise{
    display:flex;
    align-items:center;
    gap:18px;
    margin:32px 0;
    padding:22px 25px;
    background:#fff;
    border-left:5px solid #dd7436;
    border-radius:0 16px 16px 0;
    box-shadow:0 15px 40px rgba(23,61,105,.08);
}

.mpmjourneypromiseicon{
    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;
}

.mpmjourneypromisetext span{
    display:block;
    margin-bottom:5px;
    color:#dd7436;
    font-size:12px;
    font-weight:800;
    letter-spacing:.8px;
    text-transform:uppercase;
}

.mpmjourneypromisetext h3{
    margin:0;
    color:#173d69;
    font-size:18px;
    font-weight:700;
    line-height:1.5;
}


/*==================================================
BUTTON
==================================================*/

.mpmjourneybtn{
    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;
}

.mpmjourneybtn i{
    transition:transform .35s ease;
}

.mpmjourneybtn:hover{
    background:#dd7436;
    color:#173d69;
    transform:translateY(-3px);
}

.mpmjourneybtn:hover i{
    transform:translateX(5px);
}


/*==================================================
RIGHT PROCESS
==================================================*/

.mpmjourneyprocess{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:22px;
}

.mpmjourneyline{
    position:absolute;
    top:45px;
    bottom:45px;
    left:30px;
    width:2px;
    background:linear-gradient(
        to bottom,
        #dd7436,
        rgba(23,61,105,.20)
    );
    z-index:1;
}

.mpmjourneyitem{
    position:relative;
    display:grid;
    grid-template-columns:62px minmax(0,1fr);
    gap:20px;
    align-items:center;
    z-index:2;
}


/*==================================================
NUMBER
==================================================*/

.mpmjourneynumber{
    position:relative;
    width:62px;
    height:62px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:6px solid #f7f9fc;
    border-radius:50%;
    background:#dd7436;
    color:#173d69;
    font-size:16px;
    font-weight:800;
    box-shadow:0 8px 25px rgba(244,180,0,.25);
    z-index:3;
}


/*==================================================
PROCESS BOX
==================================================*/

.mpmjourneybox{
    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;
}

.mpmjourneyitem:hover .mpmjourneybox{
    transform:translateX(8px);
    border-color:rgba(244,180,0,.55);
    box-shadow:0 20px 45px rgba(23,61,105,.12);
}

.mpmjourneyicon{
    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;
}

.mpmjourneyitem:hover .mpmjourneyicon{
    background:#173d69;
    color:#fff;
    transform:rotate(-5deg);
}

.mpmjourneyboxcontent span{
    display:block;
    margin-bottom:5px;
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    letter-spacing:.8px;
    text-transform:uppercase;
}

.mpmjourneyboxcontent h3{
    margin:0 0 8px;
    color:#173d69;
    font-size:20px;
    font-weight:700;
}

.mpmjourneyboxcontent p{
    margin:0;
    color:#6b7280;
    font-size:14px;
    line-height:1.7;
}


/*==================================================
TABLET
==================================================*/

@media(max-width:1199px){

    .mpmjourneygrid{
        gap:50px;
    }

    .mpmjourneycontent h2{
        font-size:42px;
    }

    .mpmjourneybox{
        padding:23px;
    }

}


@media(max-width:991px){

    .mpmjourneysection{
        padding:80px 0;
    }

    .mpmjourneygrid{
        grid-template-columns:1fr;
        gap:55px;
    }

    .mpmjourneycontent{
        max-width:750px;
    }

    .mpmjourneycontent h2{
        font-size:40px;
    }

    .mpmjourneyprocess{
        max-width:800px;
        width:100%;
    }

}


/*==================================================
MOBILE
==================================================*/

@media(max-width:767px){

    .mpmjourneysection{
        padding:60px 0;
    }

    .mpmjourneysubtitle{
        margin-bottom:17px;
        padding:8px 16px;
        font-size:11px;
    }

    .mpmjourneycontent h2{
        font-size:31px;
        line-height:1.3;
    }

    .mpmjourneycontent p,
    .mpmjourneycontent .mpmjourneylead{
        font-size:15px;
        line-height:1.8;
    }

    .mpmjourneypromise{
        padding:20px;
    }

    .mpmjourneypromiseicon{
        width:52px;
        height:52px;
        min-width:52px;
        font-size:21px;
    }

    .mpmjourneypromisetext h3{
        font-size:16px;
    }

    .mpmjourneybtn{
        width:100%;
    }

    .mpmjourneyprocess{
        gap:18px;
    }

    .mpmjourneyline{
        left:25px;
    }

    .mpmjourneyitem{
        grid-template-columns:52px minmax(0,1fr);
        gap:12px;
    }

    .mpmjourneynumber{
        width:52px;
        height:52px;
        border-width:5px;
        font-size:14px;
    }

    .mpmjourneybox{
        gap:15px;
        padding:20px;
    }

    .mpmjourneyicon{
        width:50px;
        height:50px;
        min-width:50px;
        font-size:20px;
    }

    .mpmjourneyboxcontent h3{
        font-size:18px;
    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media(max-width:480px){

    .mpmjourneycontent h2{
        font-size:28px;
    }

    .mpmjourneypromise{
        align-items:flex-start;
    }

    .mpmjourneyitem{
        display:block;
        padding-left:0;
    }

    .mpmjourneyline{
        display:none;
    }

    .mpmjourneynumber{
        margin:0 0 -13px 18px;
    }

    .mpmjourneybox{
        flex-direction:column;
        padding:28px 20px 22px;
    }

    .mpmjourneyitem:hover .mpmjourneybox{
        transform:translateY(-4px);
    }

}

.mpmsectiontitle{
    max-width:800px;
    margin:0 auto 60px;
    text-align:center;
	position:relative;
}

.mpmsectionsubtitle{
    display:inline-block;
    padding:10px 24px;
    background:#dd7436;
    color:#000;
    font-size:15px;
    font-weight:700;
    border-radius:40px;
    margin-bottom:18px;
}

.mpmsectiontitle h2{
    font-size:46px;
    font-weight:800;
    color:#173d69;
    line-height:1.3;
    margin-bottom:18px;
}

.mpmsectiontitle h2 span{
    color:#dd7436;
}

.mpmsectiontitle p{
    font-size:17px;
    color:#666;
    line-height:1.9;
}
/*==================================================
MPM WHY CHOOSE US - DIFFERENT DESIGN
==================================================*/

.mpmreasonsection{
    position:relative;
    width:100%;
    padding:100px 0;
    background:#ffffff;
    overflow:hidden;
}


/*==================================================
BACKGROUND
==================================================*/

.mpmreasonsection::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;
}

.mpmreasonsection::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
==================================================*/

.mpmreasonlayout{
    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        minmax(0,.82fr)
        minmax(0,1.18fr);

    gap:80px;

    align-items:center;
}


/*==================================================
LEFT INTRO
==================================================*/

.mpmreasonintro{
    position:relative;

    width:100%;

    text-align:left;
}


.mpmreasonlabel{
    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 #dd7436;

    border-radius:0 6px 6px 0;

    color:#173d69;

    font-size:13px;

    font-weight:800;

    letter-spacing:.7px;

    line-height:1.4;

    text-transform:uppercase;
}


.mpmreasonintro h2{
    margin:0 0 25px;

    padding:0;

    color:#173d69;

    font-size:49px;

    font-weight:800;

    line-height:1.2;

    text-align:left;
}


.mpmreasonintro h2 span{
    display:block;

    color:#dd7436;
}


.mpmreasonintro 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;
}


.mpmreasonintro .mpmreasonlead{
    color:#3f4854;

    font-size:17px;
}


/*==================================================
PROMISE
==================================================*/

.mpmreasonpromise{
    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;
}


.mpmreasonpromise::before{
    content:"";

    position:absolute;

    top:0;

    left:0;

    width:5px;

    height:100%;

    background:#dd7436;

    border-radius:16px 0 0 16px;
}


.mpmreasonpromiseicon{
    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;
}


.mpmreasonpromisetext{
    text-align:left;
}


.mpmreasonpromisetext span{
    display:block;

    margin:0 0 5px;

    color:#dd7436;

    font-size:11px;

    font-weight:800;

    letter-spacing:1px;

    text-transform:uppercase;

    text-align:left;
}


.mpmreasonpromisetext h3{
    margin:0;

    padding:0;

    color:#173d69;

    font-size:18px;

    font-weight:700;

    line-height:1.5;

    text-align:left;
}


/*==================================================
ACTIONS
==================================================*/

.mpmreasonactions{
    display:flex;

    align-items:center;

    justify-content:flex-start;

    flex-wrap:wrap;

    gap:20px;

    margin-top:35px;

    text-align:left;
}


.mpmreasonquote{
    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;
}


.mpmreasonquote i{
    transition:transform .35s ease;
}


.mpmreasonquote:hover{
    background:#dd7436;

    color:#173d69;

    transform:translateY(-3px);
}


.mpmreasonquote:hover i{
    transform:translateX(5px);
}


/*==================================================
PHONE
==================================================*/

.mpmreasonphone{
    display:inline-flex;

    align-items:center;

    justify-content:flex-start;

    gap:12px;

    color:#173d69;

    text-decoration:none;

    text-align:left;
}


.mpmreasonphoneicon{
    width:50px;

    height:50px;

    min-width:50px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(244,180,0,.15);

    color:#dd7436;

    border-radius:50%;

    font-size:18px;

    transition:.35s ease;
}


.mpmreasonphone:hover .mpmreasonphoneicon{
    background:#dd7436;

    color:#173d69;

    transform:rotate(-8deg);
}


.mpmreasonphonetext{
    display:flex;

    flex-direction:column;

    align-items:flex-start;

    text-align:left;
}


.mpmreasonphonetext small{
    margin-bottom:3px;

    color:#7a828d;

    font-size:11px;

    font-weight:600;
}


.mpmreasonphonetext strong{
    color:#173d69;

    font-size:16px;

    font-weight:800;
}


/*==================================================
RIGHT LIST
==================================================*/

.mpmreasonlist{
    position:relative;

    display:flex;

    flex-direction:column;

    align-items:stretch;

    gap:14px;

    width:100%;

    text-align:left;
}


/*==================================================
REASON ITEM
==================================================*/

.mpmreasonitem{
    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;
}


.mpmreasonitem::before{
    content:"";

    position:absolute;

    top:0;

    left:0;

    width:4px;

    height:0;

    background:#dd7436;

    transition:height .35s ease;
}


.mpmreasonitem:hover{
    background:#ffffff;

    border-color:rgba(244,180,0,.50);

    box-shadow:0 18px 45px rgba(23,61,105,.10);

    transform:translateX(8px);
}


.mpmreasonitem:hover::before{
    height:100%;
}


/*==================================================
ITEM ICON
==================================================*/

.mpmreasonitemicon{
    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;
}


.mpmreasonitem:hover .mpmreasonitemicon{
    background:#dd7436;

    color:#173d69;

    transform:rotate(-5deg);
}


/*==================================================
ITEM CONTENT
==================================================*/

.mpmreasonitemcontent{
    position:relative;

    z-index:2;

    min-width:0;

    text-align:left;
}


.mpmreasonnumber{
    display:block;

    margin:0 0 4px;

    color:#dd7436;

    font-size:11px;

    font-weight:800;

    letter-spacing:1px;

    text-align:left;
}


.mpmreasonitemcontent h3{
    margin:0 0 7px;

    padding:0;

    color:#173d69;

    font-size:19px;

    font-weight:700;

    line-height:1.4;

    text-align:left;
}


.mpmreasonitemcontent p{
    margin:0;

    padding:0;

    color:#6b7280;

    font-size:14px;

    font-weight:400;

    line-height:1.7;

    text-align:left;
}


/*==================================================
ARROW
==================================================*/

.mpmreasonarrow{
    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;
}


.mpmreasonitem:hover .mpmreasonarrow{
    background:#173d69;

    border-color:#173d69;

    color:#ffffff;

    transform:translateX(3px);
}


/*==================================================
TABLET LANDSCAPE
==================================================*/

@media(max-width:1199px){

    .mpmreasonlayout{
        gap:50px;

        grid-template-columns:
            minmax(0,.8fr)
            minmax(0,1.2fr);
    }


    .mpmreasonintro h2{
        font-size:42px;
    }


    .mpmreasonitem{
        grid-template-columns:
            60px
            minmax(0,1fr)
            38px;

        gap:16px;

        padding:20px;
    }


    .mpmreasonitemicon{
        width:60px;

        height:60px;

        min-width:60px;

        font-size:22px;
    }

}


/*==================================================
TABLET
==================================================*/

@media(max-width:991px){

    .mpmreasonsection{
        padding:80px 0;
    }


    .mpmreasonlayout{
        grid-template-columns:1fr;

        gap:55px;
    }


    .mpmreasonintro{
        max-width:800px;

        text-align:left;
    }


    .mpmreasonintro h2{
        max-width:700px;

        font-size:40px;

        text-align:left;
    }


    .mpmreasonintro p{
        max-width:750px;

        text-align:left;
    }


    .mpmreasonlist{
        max-width:850px;
    }

}


/*==================================================
MOBILE
==================================================*/

@media(max-width:767px){

    .mpmreasonsection{
        padding:60px 0;
    }


    .mpmreasonlabel{
        margin-bottom:17px;

        padding:8px 15px;

        font-size:11px;
    }


    .mpmreasonintro h2{
        margin-bottom:20px;

        font-size:31px;

        line-height:1.3;

        text-align:left;
    }


    .mpmreasonintro h2 span{
        display:inline;
    }


    .mpmreasonintro p,
    .mpmreasonintro .mpmreasonlead{
        font-size:15px;

        line-height:1.8;

        text-align:left;
    }


    .mpmreasonpromise{
        align-items:flex-start;

        padding:20px;

        text-align:left;
    }


    .mpmreasonpromiseicon{
        width:54px;

        height:54px;

        min-width:54px;

        font-size:21px;
    }


    .mpmreasonpromisetext h3{
        font-size:16px;

        text-align:left;
    }


    .mpmreasonactions{
        flex-direction:column;

        align-items:flex-start;

        width:100%;

        text-align:left;
    }


    .mpmreasonquote{
        width:100%;
    }


    .mpmreasonphone{
        width:100%;
    }


    .mpmreasonlist{
        gap:14px;
    }


    .mpmreasonitem{
        grid-template-columns:
            55px
            minmax(0,1fr);

        gap:15px;

        min-height:auto;

        padding:20px;

        text-align:left;
    }


    .mpmreasonitemicon{
        width:55px;

        height:55px;

        min-width:55px;

        font-size:21px;
    }


    .mpmreasonitemcontent h3{
        font-size:18px;

        text-align:left;
    }


    .mpmreasonitemcontent p{
        font-size:14px;

        text-align:left;
    }


    .mpmreasonarrow{
        display:none;
    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media(max-width:480px){

    .mpmreasonintro h2{
        font-size:28px;

        text-align:left;
    }


    .mpmreasonpromise{
        flex-direction:column;

        text-align:left;
    }


    .mpmreasonitem{
        grid-template-columns:1fr;

        padding:22px 20px;

        text-align:left;
    }


    .mpmreasonitemicon{
        width:54px;

        height:54px;

        min-width:54px;
    }


    .mpmreasonitemcontent,
    .mpmreasonitemcontent h3,
    .mpmreasonitemcontent p,
    .mpmreasonnumber{
        text-align:left;
    }


    .mpmreasonitem:hover{
        transform:translateY(-4px);
    }

}

/*==================================================
REQUEST A QUOTE PAGE
==================================================*/

.mpmquotepagesection{
    position:relative;
    width:100%;
    padding:100px 0;
    background:#f6f8fb;
    overflow:hidden;
}

.mpmquotepagesection::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;
}

.mpmquotepagesection::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
==================================================*/

.mpmquotepagelayout{
    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        minmax(0,.78fr)
        minmax(0,1.22fr);

    gap:75px;

    align-items:center;
}


/*==================================================
LEFT CONTENT
==================================================*/

.mpmquotepageinfo{
    position:relative;
    width:100%;
    text-align:left;
}

.mpmquotepagelabel{
    display:inline-flex;
    align-items:center;

    margin:0 0 20px;

    padding:9px 18px;

    background:rgba(244,180,0,.15);

    border-left:4px solid #dd7436;

    border-radius:0 6px 6px 0;

    color:#173d69;

    font-size:13px;
    font-weight:800;

    letter-spacing:.7px;

    text-transform:uppercase;
}

.mpmquotepageinfo h2{
    margin:0 0 25px;
    padding:0;

    color:#173d69;

    font-size:49px;
    font-weight:800;

    line-height:1.2;

    text-align:left;
}

.mpmquotepageinfo h2 span{
    display:block;
    color:#dd7436;
}

.mpmquotepageinfo > p{
    max-width:620px;

    margin:0 0 18px;

    color:#68717d;

    font-size:16px;

    line-height:1.9;

    text-align:left;
}

.mpmquotepageinfo .mpmquotepagelead{
    color:#3f4854;
    font-size:17px;
}


/*==================================================
TRUST POINTS
==================================================*/

.mpmquotepagepoints{
    display:flex;
    flex-direction:column;

    gap:18px;

    margin:35px 0;
}

.mpmquotepagepoint{
    display:flex;

    align-items:flex-start;

    justify-content:flex-start;

    gap:16px;

    text-align:left;
}

.mpmquotepagepointicon{
    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);
}

.mpmquotepagepoint h3{
    margin:0 0 5px;

    color:#173d69;

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

    line-height:1.4;

    text-align:left;
}

.mpmquotepagepoint p{
    margin:0;

    color:#6b7280;

    font-size:14px;

    line-height:1.7;

    text-align:left;
}


/*==================================================
CALL BOX
==================================================*/

.mpmquotepagecall{
    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;
}

.mpmquotepagecallicon{
    width:58px;
    height:58px;

    min-width:58px;

    display:flex;

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

    background:#dd7436;

    color:#173d69;

    border-radius:12px;

    font-size:23px;
}

.mpmquotepagecallcontent{
    display:flex;

    flex-direction:column;

    align-items:flex-start;

    text-align:left;
}

.mpmquotepagecallcontent span{
    margin-bottom:4px;

    color:rgba(255,255,255,.75);

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

.mpmquotepagecallcontent a{
    color:#ffffff;

    text-decoration:none;

    font-size:21px;
    font-weight:800;
}


/*==================================================
FORM WRAPPER
==================================================*/

.mpmquoteformwrap{
    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;
}

.mpmquoteformwrap::before{
    content:"";

    position:absolute;

    top:0;
    left:38px;

    width:90px;
    height:5px;

    background:#dd7436;

    border-radius:0 0 6px 6px;
}


/*==================================================
FORM TOP
==================================================*/

.mpmquoteformtop{
      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 */

.mpmquoteformicon{
    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 */

.mpmquoteformicon i{
    display:block;

    margin:0;
    padding:0;

    color:#ffffff !important;

    font-size:27px !important;

    line-height:1 !important;
}


/* TEXT WRAPPER */

.mpmquoteformtop > 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
*/

.mpmquoteformtop > div > span{
    display:block;

    margin:0 0 5px;

    padding:0;

    color:#dd7436;

    font-size:11px;

    font-weight:800;

    line-height:1.4;

    letter-spacing:.8px;

    text-transform:uppercase;

    text-align:left;
}



/* HEADING */

.mpmquoteformtop 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){

    .mpmquoteformicon{
        width:60px !important;
        height:60px !important;

        min-width:60px !important;
        min-height:60px !important;
    }

    .mpmquoteformicon i{
        font-size:25px !important;
    }

}


/*==================================================
MOBILE
==================================================*/

@media(max-width:767px){

    .mpmquoteformtop{
        gap:15px;

        margin-bottom:27px;

        padding-bottom:22px;
    }

    .mpmquoteformicon{
        width:56px !important;
        height:56px !important;

        min-width:56px !important;
        min-height:56px !important;

        border-radius:13px;
    }

    .mpmquoteformicon i{
        font-size:23px !important;
    }

    .mpmquoteformtop h3{
        font-size:23px;
    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media(max-width:480px){

    .mpmquoteformtop{
        align-items:center;
    }

    .mpmquoteformicon{
        width:52px !important;
        height:52px !important;

        min-width:52px !important;
        min-height:52px !important;
    }

    .mpmquoteformicon i{
        font-size:21px !important;
    }

    .mpmquoteformtop h3{
        font-size:21px;
    }

}


/*==================================================
FORM GRID
==================================================*/

.mpmquoteform{
    display:grid;

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

    gap:22px 20px;
}

.mpmquoteformfull{
    grid-column:1 / -1;
}


/*==================================================
FORM GROUP
==================================================*/

.mpmquoteformgroup{
    width:100%;
    text-align:left;
}

.mpmquoteformgroup label{
    display:block;

    margin:0 0 9px;

    color:#303946;

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

    text-align:left;
}

.mpmquoteformgroup label span{
    color:#e53935;
}


/*==================================================
INPUT WRAPPER
==================================================*/

.mpmquoteinput{
    position:relative;

    display:flex;

    align-items:center;

    width:100%;
}

.mpmquoteinput > i{
    position:absolute;

    left:17px;

    top:50%;

    transform:translateY(-50%);

    color:#8a939f;

    font-size:15px;

    z-index:2;

    pointer-events:none;
}

.mpmquoteinput input,
.mpmquoteinput select,
.mpmquoteinput 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;
}

.mpmquoteinput input,
.mpmquoteinput select{
    min-height:54px;
}

.mpmquoteinput textarea{
    min-height:130px;

    resize:vertical;

    line-height:1.7;
}

.mpmquotetextarea{
    align-items:flex-start;
}

.mpmquotetextarea > i{
    top:20px;

    transform:none;
}

.mpmquoteinput input:focus,
.mpmquoteinput select:focus,
.mpmquoteinput textarea:focus{
    background:#ffffff;

    border-color:#dd7436;

    box-shadow:0 0 0 4px rgba(244,180,0,.10);
}

.mpmquoteinput input::placeholder,
.mpmquoteinput textarea::placeholder{
    color:#9aa2ad;
}


/*==================================================
PRIVACY
==================================================*/

.mpmquoteprivacy{
    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;
}

.mpmquoteprivacy i{
    margin-top:4px;

    color:#173d69;

    font-size:13px;
}

.mpmquoteprivacy p{
    margin:0;

    color:#6b7280;

    font-size:12px;

    line-height:1.6;

    text-align:left;
}


/*==================================================
SUBMIT BUTTON
==================================================*/

.mpmquoteformbtn{
    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;
}

.mpmquoteformbtn i{
    transition:transform .35s ease;
}

.mpmquoteformbtn:hover{
    background:#dd7436;

    color:#173d69;

    transform:translateY(-3px);
}

.mpmquoteformbtn:hover i{
    transform:translateX(5px);
}


/*==================================================
TABLET LANDSCAPE
==================================================*/

@media(max-width:1199px){

    .mpmquotepagelayout{
        gap:45px;

        grid-template-columns:
            minmax(0,.75fr)
            minmax(0,1.25fr);
    }

    .mpmquotepageinfo h2{
        font-size:42px;
    }

    .mpmquoteformwrap{
        padding:32px;
    }

}


/*==================================================
TABLET
==================================================*/

@media(max-width:991px){

    .mpmquotepagesection{
        padding:80px 0;
    }

    .mpmquotepagelayout{
        grid-template-columns:1fr;

        gap:55px;

        align-items:start;
    }

    .mpmquotepageinfo{
        max-width:780px;
    }

    .mpmquotepageinfo h2{
        max-width:700px;

        font-size:40px;
    }

    .mpmquotepageinfo > p{
        max-width:750px;
    }

    .mpmquoteformwrap{
        max-width:850px;
    }

}


/*==================================================
MOBILE
==================================================*/

@media(max-width:767px){

    .mpmquotepagesection{
        padding:60px 0;
    }

    .mpmquotepagelabel{
        margin-bottom:17px;

        padding:8px 15px;

        font-size:11px;
    }

    .mpmquotepageinfo h2{
        margin-bottom:20px;

        font-size:31px;

        line-height:1.3;
    }

    .mpmquotepageinfo h2 span{
        display:inline;
    }

    .mpmquotepageinfo > p,
    .mpmquotepageinfo .mpmquotepagelead{
        font-size:15px;

        line-height:1.8;
    }

    .mpmquotepagepoints{
        margin:30px 0;
    }

    .mpmquotepagecall{
        max-width:100%;
    }

    .mpmquoteformwrap{
        padding:28px 22px;

        border-radius:16px;
    }

    .mpmquoteformwrap::before{
        left:22px;
    }

    .mpmquoteformtop{
        margin-bottom:27px;
    }

    .mpmquoteformicon{
        width:55px;
        height:55px;

        min-width:55px;

        font-size:22px;
    }

    .mpmquoteformtop h3{
        font-size:23px;
    }

    .mpmquoteform{
        grid-template-columns:1fr;

        gap:19px;
    }

    .mpmquoteformfull{
        grid-column:auto;
    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media(max-width:480px){

    .mpmquotepageinfo h2{
        font-size:28px;
    }

    .mpmquotepagepoint{
        gap:13px;
    }

    .mpmquotepagepointicon{
        width:34px;
        height:34px;

        min-width:34px;
    }

    .mpmquotepagecall{
        padding:19px;
    }

    .mpmquotepagecallicon{
        width:50px;
        height:50px;

        min-width:50px;

        font-size:20px;
    }

    .mpmquotepagecallcontent a{
        font-size:18px;
    }

    .mpmquoteformwrap{
        padding:25px 18px;
    }

    .mpmquoteformwrap::before{
        left:18px;
    }

    .mpmquoteformtop{
        align-items:flex-start;
    }

    .mpmquoteformtop h3{
        font-size:21px;
    }

    .mpmquoteinput input,
    .mpmquoteinput select,
    .mpmquoteinput textarea{
        font-size:13px;
    }

}


/*==================================================
QUOTE PAGE CONTACT INFORMATION
==================================================*/

.mpmquotecontactsection{
    position:relative;
    width:100%;
    padding:100px 0;
    background:#ffffff;
    overflow:hidden;
}


/*==================================================
BACKGROUND DECORATION
==================================================*/

.mpmquotecontactsection::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;
}

.mpmquotecontactsection::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
==================================================*/

.mpmquotecontacthead{
    position:relative;
    z-index:2;
    max-width:760px;
    margin:0 0 55px;
    text-align:left;
}

.mpmquotecontactlabel{
    display:inline-flex;
    align-items:center;
    margin:0 0 20px;
    padding:9px 18px;
    background:rgba(244,180,0,.15);
    border-left:4px solid #dd7436;
    border-radius:0 6px 6px 0;
    color:#173d69;
    font-size:13px;
    font-weight:800;
    letter-spacing:.7px;
    text-transform:uppercase;
}

.mpmquotecontacthead h2{
    margin:0 0 20px;
    padding:0;
    color:#173d69;
    font-size:46px;
    font-weight:800;
    line-height:1.2;
    text-align:left;
}

.mpmquotecontacthead h2 span{
    color:#dd7436;
}

.mpmquotecontacthead p{
    margin:0;
    color:#68717d;
    font-size:16px;
    line-height:1.9;
    text-align:left;
}


/*==================================================
CONTACT GRID
==================================================*/

.mpmquotecontactgrid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:22px;
}


/*==================================================
CONTACT ITEM
==================================================*/

.mpmquotecontactitem{
    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;
}

.mpmquotecontactitem::before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:4px;
    background:#dd7436;
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .35s ease;
}

.mpmquotecontactitem:hover{
    background:#ffffff;
    border-color:rgba(244,180,0,.55);
    box-shadow:0 20px 50px rgba(23,61,105,.11);
    transform:translateY(-7px);
}

.mpmquotecontactitem:hover::before{
    transform:scaleX(1);
}


/*==================================================
NUMBER
==================================================*/

.mpmquotecontactnumber{
    position:absolute;
    top:20px;
    right:22px;
    color:rgba(23,61,105,.07);
    font-size:55px;
    font-weight:800;
    line-height:1;
}


/*==================================================
ICON
==================================================*/

.mpmquotecontacticon{
    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;
}

.mpmquotecontactitem:hover .mpmquotecontacticon{
    background:#dd7436;
    color:#173d69;
    transform:rotate(-6deg);
}


/*==================================================
CONTENT
==================================================*/

.mpmquotecontactcontent{
    position:relative;
    z-index:2;
    min-width:0;
    text-align:left;
}

.mpmquotecontactcontent > span{
    display:block;
    margin:0 0 7px;
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    letter-spacing:.8px;
    text-transform:uppercase;
}

.mpmquotecontactcontent h3{
    margin:0 0 13px;
    padding:0;
    color:#173d69;
    font-size:20px;
    font-weight:700;
    line-height:1.4;
    text-align:left;
}

.mpmquotecontactcontent p{
    margin:0;
    color:#6b7280;
    font-size:14px;
    line-height:1.8;
    text-align:left;
}

.mpmquotecontactcontent 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;
}

.mpmquotecontactcontent a:hover{
    color:#dd7436;
}

.mpmquotecontactcontent strong{
    display:block;
    margin-bottom:8px;
    color:#173d69;
    font-size:17px;
    font-weight:800;
}

.mpmquotecontactcontent small{
    display:block;
    color:#7b8490;
    font-size:12px;
    line-height:1.6;
}


/*==================================================
BOTTOM CTA
==================================================*/

.mpmquotecontactbottom{
    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;
}

.mpmquotecontactbottom::after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    right:-80px;
    bottom:-150px;
    background:rgba(244,180,0,.10);
    border-radius:50%;
    pointer-events:none;
}

.mpmquotecontactbottomcontent{
    position:relative;
    z-index:2;
    max-width:680px;
    text-align:left;
}

.mpmquotecontactbottomcontent span{
    display:block;
    margin-bottom:7px;
    color:#dd7436;
    font-size:12px;
    font-weight:800;
    letter-spacing:.8px;
    text-transform:uppercase;
}

.mpmquotecontactbottomcontent h3{
    margin:0 0 10px;
    color:#ffffff;
    font-size:29px;
    font-weight:800;
    line-height:1.35;
    text-align:left;
}

.mpmquotecontactbottomcontent p{
    margin:0;
    color:rgba(255,255,255,.75);
    font-size:14px;
    line-height:1.8;
    text-align:left;
}


/*==================================================
BOTTOM ACTIONS
==================================================*/

.mpmquotecontactactions{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:13px;
    min-width:max-content;
}

.mpmquotecontactcall,
.mpmquotecontactwhatsapp{
    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;
}

.mpmquotecontactcall{
    background:#dd7436;
    color:#173d69;
}

.mpmquotecontactcall:hover{
    background:#ffffff;
    color:#173d69;
    transform:translateY(-3px);
}

.mpmquotecontactwhatsapp{
    background:#25d366;
    color:#ffffff;
}

.mpmquotecontactwhatsapp:hover{
    background:#ffffff;
    color:#173d69;
    transform:translateY(-3px);
}


/*==================================================
TABLET LANDSCAPE
==================================================*/

@media(max-width:1199px){

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

    .mpmquotecontactitem{
        min-height:270px;
    }

    .mpmquotecontactbottom{
        padding:35px;
    }

}


/*==================================================
TABLET
==================================================*/

@media(max-width:991px){

    .mpmquotecontactsection{
        padding:80px 0;
    }

    .mpmquotecontacthead h2{
        font-size:40px;
    }

    .mpmquotecontactbottom{
        flex-direction:column;
        align-items:flex-start;
    }

    .mpmquotecontactactions{
        min-width:0;
    }

}


/*==================================================
MOBILE
==================================================*/

@media(max-width:767px){

    .mpmquotecontactsection{
        padding:60px 0;
    }

    .mpmquotecontacthead{
        margin-bottom:40px;
    }

    .mpmquotecontactlabel{
        margin-bottom:17px;
        padding:8px 15px;
        font-size:11px;
    }

    .mpmquotecontacthead h2{
        font-size:31px;
        line-height:1.3;
    }

    .mpmquotecontacthead p{
        font-size:15px;
        line-height:1.8;
    }

    .mpmquotecontactgrid{
        grid-template-columns:1fr;
        gap:17px;
    }

    .mpmquotecontactitem{
        min-height:auto;
        padding:27px 23px;
    }

    .mpmquotecontacticon{
        width:58px;
        height:58px;
        margin-bottom:23px;
        font-size:22px;
    }

    .mpmquotecontactbottom{
        margin-top:40px;
        padding:30px 25px;
        border-radius:15px;
    }

    .mpmquotecontactbottomcontent h3{
        font-size:24px;
    }

    .mpmquotecontactactions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .mpmquotecontactcall,
    .mpmquotecontactwhatsapp{
        width:100%;
    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media(max-width:480px){

    .mpmquotecontacthead h2{
        font-size:28px;
    }

    .mpmquotecontactnumber{
        font-size:46px;
    }

    .mpmquotecontactcontent h3{
        font-size:18px;
    }

    .mpmquotecontactbottom{
        padding:27px 20px;
    }

    .mpmquotecontactbottomcontent h3{
        font-size:21px;
    }

}

/*==================================================
MPM CONTACT PAGE
==================================================*/

.mpmcontactpagesection{
    position:relative;
    width:100%;
    padding:100px 0;
    background:#f5f7fa;
    overflow:hidden;
}

.mpmcontactpagesection::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;
}

.mpmcontactpagesection::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
==================================================*/

.mpmcontactpagehead{
    position:relative;
    z-index:2;
    max-width:850px;
    margin:0 0 60px;
    text-align:left;
}

.mpmcontactpagelabel{
    display:inline-flex;
    align-items:center;
    margin:0 0 20px;
    padding:9px 18px;
    background:rgba(244,180,0,.15);
    border-left:4px solid #dd7436;
    border-radius:0 6px 6px 0;
    color:#173d69;
    font-size:12px;
    font-weight:800;
    letter-spacing:.8px;
    text-transform:uppercase;
}

.mpmcontactpagehead h1{
    margin:0 0 22px;
    padding:0;
    color:#173d69;
    font-size:50px;
    font-weight:800;
    line-height:1.2;
    text-align:left;
}

.mpmcontactpagehead h1 span{
    color:#dd7436;
}

.mpmcontactpagehead p{
    max-width:800px;
    margin:0;
    color:#68717d;
    font-size:16px;
    line-height:1.9;
    text-align:left;
}


/*==================================================
MAIN LAYOUT
==================================================*/

.mpmcontactpagelayout{
    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
==================================================*/

.mpmcontactpageinfo{
    position:relative;
    padding:45px 40px;
    background:#173d69;
    border-radius:20px;
    overflow:hidden;
    text-align:left;
}

.mpmcontactpageinfo::before{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    top:-190px;
    right:-170px;
    border:55px solid rgba(255,255,255,.035);
    border-radius:50%;
}

.mpmcontactpageinfo::after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    left:-140px;
    bottom:-140px;
    background:rgba(244,180,0,.08);
    border-radius:50%;
}


/*==================================================
INFO TOP
==================================================*/

.mpmcontactpageinfotop{
    position:relative;
    z-index:2;
    margin-bottom:32px;
    text-align:left;
}

.mpmcontactpageinfotop > span{
    display:block;
    margin:0 0 8px;
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.mpmcontactpageinfotop h2{
    margin:0 0 13px;
    color:#ffffff;
    font-size:31px;
    font-weight:800;
    line-height:1.35;
    text-align:left;
}

.mpmcontactpageinfotop p{
    margin:0;
    color:rgba(255,255,255,.70);
    font-size:14px;
    line-height:1.8;
    text-align:left;
}


/*==================================================
CONTACT DETAIL ITEM
==================================================*/

.mpmcontactdetailitem{
    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.mpmcontactdetailitem{
    grid-template-columns:58px minmax(0,1fr);
}

.mpmcontactdetailitem:hover{
    background:rgba(255,255,255,.12);
    border-color:rgba(244,180,0,.35);
    transform:translateX(5px);
}

.mpmcontactdetailicon{
    width:58px;
    height:58px;
    min-width:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#173d69;
    border-radius:10px;
    font-size:21px;
}

.mpmcontactdetailicon i{
    color:#fff;
    font-size:21px;
    line-height:1;
}

.mpmcontactdetailcontent{
    min-width:0;
    text-align:left;
}

.mpmcontactdetailcontent 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;
}

.mpmcontactdetailcontent 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;
}

.mpmcontactdetailcontent p{
    margin:0;
    color:rgba(255,255,255,.68);
    font-size:12px;
    line-height:1.7;
    text-align:left;
}

.mpmcontactdetailarrow{
    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;
}

.mpmcontactdetailitem:hover .mpmcontactdetailarrow{
    background:#dd7436;
    border-color:#dd7436;
    color:#173d69;
}


/*==================================================
WHATSAPP QUICK BOX
==================================================*/

.mpmcontactpagequick{
    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);
}

.mpmcontactpagequickcontent{
    text-align:left;
}

.mpmcontactpagequickcontent span{
    display:block;
    margin-bottom:4px;
    color:rgba(255,255,255,.58);
    font-size:10px;
    font-weight:700;
}

.mpmcontactpagequickcontent h3{
    margin:0;
    color:#ffffff;
    font-size:15px;
    font-weight:700;
    line-height:1.5;
    text-align:left;
}

.mpmcontactpagequick > 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;
}

.mpmcontactpagequick > a:hover{
    background:#ffffff;
    color:#173d69;
    transform:translateY(-3px);
}


/*==================================================
FORM BOX
==================================================*/

.mpmcontactformbox{
    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;
}

.mpmcontactformbox::before{
    content:"";
    position:absolute;
    top:0;
    left:45px;
    width:85px;
    height:5px;
    background:#dd7436;
    border-radius:0 0 5px 5px;
}


/*==================================================
FORM HEADER
==================================================*/

.mpmcontactformhead{
    max-width:600px;
    margin:0 0 32px;
    text-align:left;
}

.mpmcontactformlabel{
    display:block;
    margin:0 0 7px;
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.mpmcontactformhead h2{
    margin:0 0 10px;
    padding:0;
    color:#173d69;
    font-size:34px;
    font-weight:800;
    line-height:1.3;
    text-align:left;
}

.mpmcontactformhead p{
    margin:0;
    color:#707985;
    font-size:14px;
    line-height:1.8;
    text-align:left;
}


/*==================================================
FORM GRID
==================================================*/

.mpmcontactform{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:21px 19px;
}

.mpmcontactfull{
    grid-column:1 / -1;
}


/*==================================================
FORM FIELD
==================================================*/

.mpmcontactfield{
    width:100%;
    min-width:0;
    text-align:left;
}

.mpmcontactfield label{
    display:block;
    margin:0 0 8px;
    color:#303946;
    font-size:13px;
    font-weight:700;
    text-align:left;
}

.mpmcontactfield label span{
    color:#e53935;
}


/*==================================================
INPUT
==================================================*/

.mpmcontactinput{
    position:relative;
    width:100%;
}

.mpmcontactinput input,
.mpmcontactinput select,
.mpmcontactinput 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;
}

.mpmcontactinput input,
.mpmcontactinput select{
    min-height:54px;
}

.mpmcontactinput textarea{
    min-height:145px;
    resize:vertical;
    line-height:1.7;
}

.mpmcontactinput > i{
    position:absolute;
    top:50%;
    right:17px;
    transform:translateY(-50%);
    color:#173d69;
    font-size:15px;
    line-height:1;
    pointer-events:none;
}

.mpmcontactmessage > i{
    top:20px;
    transform:none;
}

.mpmcontactinput input:focus,
.mpmcontactinput select:focus,
.mpmcontactinput textarea:focus{
    background:#ffffff;
    border-color:#dd7436;
    box-shadow:0 0 0 4px rgba(244,180,0,.10);
}

.mpmcontactinput input::placeholder,
.mpmcontactinput textarea::placeholder{
    color:#9aa2ad;
}


/*==================================================
PRIVACY
==================================================*/

.mpmcontactprivacy{
    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;
}

.mpmcontactprivacy i{
    margin-top:4px;
    color:#173d69;
    font-size:13px;
}

.mpmcontactprivacy p{
    margin:0;
    color:#6b7280;
    font-size:12px;
    line-height:1.6;
    text-align:left;
}


/*==================================================
SUBMIT BUTTON
==================================================*/

.mpmcontactsubmit{
    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;
}

.mpmcontactsubmit i{
    transition:transform .35s ease;
}

.mpmcontactsubmit:hover{
    background:#dd7436;
    color:#173d69;
    transform:translateY(-3px);
}

.mpmcontactsubmit:hover i{
    transform:translateX(5px);
}


/*==================================================
TABLET LANDSCAPE
==================================================*/

@media(max-width:1199px){

    .mpmcontactpagelayout{
        grid-template-columns:
            minmax(0,.9fr)
            minmax(0,1.1fr);
        gap:25px;
    }

    .mpmcontactpageinfo{
        padding:40px 30px;
    }

    .mpmcontactformbox{
        padding:40px 32px;
    }

    .mpmcontactformbox::before{
        left:32px;
    }

    .mpmcontactpagehead h1{
        font-size:44px;
    }

}


/*==================================================
TABLET
==================================================*/

@media(max-width:991px){

    .mpmcontactpagesection{
        padding:80px 0;
    }

    .mpmcontactpagehead{
        margin-bottom:50px;
    }

    .mpmcontactpagehead h1{
        font-size:40px;
    }

    .mpmcontactpagelayout{
        grid-template-columns:1fr;
        gap:30px;
    }

    .mpmcontactpageinfo,
    .mpmcontactformbox{
        max-width:850px;
    }

    .mpmcontactpageinfo{
        padding:45px;
    }

    .mpmcontactformbox{
        padding:45px;
    }

    .mpmcontactformbox::before{
        left:45px;
    }

}


/*==================================================
MOBILE
==================================================*/

@media(max-width:767px){

    .mpmcontactpagesection{
        padding:60px 0;
    }

    .mpmcontactpagehead{
        margin-bottom:40px;
    }

    .mpmcontactpagelabel{
        margin-bottom:17px;
        padding:8px 15px;
        font-size:10px;
    }

    .mpmcontactpagehead h1{
        margin-bottom:18px;
        font-size:31px;
        line-height:1.3;
    }

    .mpmcontactpagehead p{
        font-size:15px;
        line-height:1.8;
    }

    .mpmcontactpageinfo{
        padding:35px 23px;
        border-radius:15px;
    }

    .mpmcontactpageinfotop h2{
        font-size:27px;
    }

    .mpmcontactdetailitem,
    div.mpmcontactdetailitem{
        grid-template-columns:52px minmax(0,1fr);
        gap:13px;
        padding:15px;
    }

    .mpmcontactdetailicon{
        width:52px;
        height:52px;
        min-width:52px;
        font-size:19px;
    }

    .mpmcontactdetailicon i{
        font-size:19px;
    }

    .mpmcontactdetailarrow{
        display:none;
    }

    .mpmcontactpagequick{
        flex-direction:column;
        align-items:flex-start;
    }

    .mpmcontactpagequick > a{
        width:100%;
    }

    .mpmcontactformbox{
        padding:38px 23px;
        border-radius:15px;
    }

    .mpmcontactformbox::before{
        left:23px;
    }

    .mpmcontactformhead h2{
        font-size:28px;
    }

    .mpmcontactform{
        grid-template-columns:1fr;
        gap:19px;
    }

    .mpmcontactfull{
        grid-column:auto;
    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media(max-width:480px){

    .mpmcontactpagehead h1{
        font-size:28px;
    }

    .mpmcontactpageinfo{
        padding:32px 18px;
    }

    .mpmcontactpageinfotop h2{
        font-size:24px;
    }

    .mpmcontactdetailitem,
    div.mpmcontactdetailitem{
        grid-template-columns:46px minmax(0,1fr);
        padding:14px 12px;
    }

    .mpmcontactdetailicon{
        width:46px;
        height:46px;
        min-width:46px;
    }

    .mpmcontactdetailcontent h3{
        font-size:14px;
    }

    .mpmcontactformbox{
        padding:35px 18px;
    }

    .mpmcontactformbox::before{
        left:18px;
    }

    .mpmcontactformhead h2{
        font-size:25px;
    }

    .mpmcontactinput input,
    .mpmcontactinput select,
    .mpmcontactinput textarea{
        font-size:13px;
    }

}

/*==================================================
CONTACT PAGE BREADCRUMB
==================================================*/

.mpmcontactbread{
    position:relative;
    width:100%;
    padding:85px 0;
    background:#173d69;
    overflow:hidden;
}


/*==================================================
BACKGROUND DECORATION
==================================================*/

.mpmcontactbread::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;
}


.mpmcontactbread::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
==================================================*/

.mpmcontactbreadwrap{
    position:relative;
    z-index:2;

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

    gap:50px;

    width:100%;
}


/*==================================================
LEFT CONTENT
==================================================*/

.mpmcontactbreadcontent{
    max-width:750px;
    text-align:left;
}


.mpmcontactbreadlabel{
    display:inline-flex;
    align-items:center;

    margin:0 0 16px;

    padding:8px 16px;

    background:rgba(244,180,0,.14);

    border-left:4px solid #dd7436;

    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
==================================================*/

.mpmcontactbreadcontent h1{
    margin:0 0 14px;
    padding:0;

    color:#ffffff;

    font-size:50px;
    font-weight:800;

    line-height:1.2;

    text-align:left;
}


/*==================================================
DESCRIPTION
==================================================*/

.mpmcontactbreadcontent 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
==================================================*/

.mpmcontactbreadcrumb{
    display:flex;
    align-items:center;
    justify-content:flex-start;

    flex-wrap:wrap;

    gap:12px;

    text-align:left;
}


.mpmcontactbreadcrumb 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;
}


.mpmcontactbreadcrumb a:hover{
    color:#dd7436;
}


.mpmcontactbreadcrumb a i{
    color:#dd7436;
    font-size:12px;
}


.mpmcontactbreadarrow{
    color:rgba(255,255,255,.35);

    font-size:9px;
}


.mpmcontactbreadcrumb > span{
    color:#dd7436;

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


/*==================================================
RIGHT CONTACT BOX
==================================================*/

.mpmcontactbreadside{
    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
==================================================*/

.mpmcontactbreadicon{
    width:62px;
    height:62px;

    min-width:62px;

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

    background:#dd7436;

    color:#173d69;

    border-radius:12px;

    font-size:25px;
}


.mpmcontactbreadicon i{
    color:#fff;

    font-size:25px;

    line-height:1;
}


/*==================================================
RIGHT TEXT
==================================================*/

.mpmcontactbreadsidetext{
    display:flex;
    flex-direction:column;
    align-items:flex-start;

    min-width:0;

    text-align:left;
}


.mpmcontactbreadsidetext span{
    display:block;

    margin:0 0 5px;

    color:rgba(255,255,255,.65);

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

    line-height:1.5;
}


.mpmcontactbreadsidetext a{
    color:#ffffff;

    text-decoration:none;

    font-size:20px;
    font-weight:800;

    line-height:1.4;

    white-space:nowrap;

    transition:color .3s ease;
}


.mpmcontactbreadsidetext a:hover{
    color:#dd7436;
}


/*==================================================
TABLET LANDSCAPE
==================================================*/

@media(max-width:1199px){

    .mpmcontactbread{
        padding:75px 0;
    }


    .mpmcontactbreadcontent h1{
        font-size:45px;
    }


    .mpmcontactbreadside{
        min-width:315px;

        padding:21px;
    }


    .mpmcontactbreadsidetext a{
        font-size:18px;
    }

}


/*==================================================
TABLET
==================================================*/

@media(max-width:991px){

    .mpmcontactbread{
        padding:65px 0;
    }


    .mpmcontactbreadwrap{
        align-items:flex-start;

        gap:35px;
    }


    .mpmcontactbreadcontent{
        flex:1;
    }


    .mpmcontactbreadcontent h1{
        font-size:40px;
    }


    .mpmcontactbreadside{
        min-width:290px;
    }


    .mpmcontactbreadicon{
        width:55px;
        height:55px;

        min-width:55px;

        font-size:21px;
    }


    .mpmcontactbreadicon i{
        font-size:21px;
    }


    .mpmcontactbreadsidetext a{
        font-size:16px;
    }

}


/*==================================================
MOBILE
==================================================*/

@media(max-width:767px){

    .mpmcontactbread{
        padding:55px 0;
    }


    .mpmcontactbreadwrap{
        flex-direction:column;

        align-items:stretch;

        gap:30px;
    }


    .mpmcontactbreadcontent{
        width:100%;
        max-width:100%;

        text-align:left;
    }


    .mpmcontactbreadlabel{
        margin-bottom:14px;

        padding:7px 14px;

        font-size:10px;
    }


    .mpmcontactbreadcontent h1{
        margin-bottom:12px;

        font-size:34px;

        line-height:1.3;
    }


    .mpmcontactbreadcontent p{
        margin-bottom:20px;

        font-size:14px;

        line-height:1.8;
    }


    .mpmcontactbreadside{
        width:100%;

        min-width:0;

        padding:19px;

        gap:14px;
    }


    .mpmcontactbreadicon{
        width:52px;
        height:52px;

        min-width:52px;

        border-radius:10px;
    }


    .mpmcontactbreadicon i{
        font-size:20px;
    }


    .mpmcontactbreadsidetext a{
        font-size:17px;
    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media(max-width:480px){

    .mpmcontactbread{
        padding:45px 0;
    }


    .mpmcontactbreadcontent h1{
        font-size:30px;
    }


    .mpmcontactbreadcontent p{
        font-size:13px;
    }


    .mpmcontactbreadcrumb{
        gap:9px;
    }


    .mpmcontactbreadcrumb a,
    .mpmcontactbreadcrumb > span{
        font-size:12px;
    }


    .mpmcontactbreadside{
        padding:17px 15px;
    }


    .mpmcontactbreadicon{
        width:48px;
        height:48px;

        min-width:48px;
    }


    .mpmcontactbreadsidetext span{
        font-size:10px;
    }


    .mpmcontactbreadsidetext a{
        font-size:16px;
    }

}

/*==================================================
REQUEST A QUOTE BREADCRUMB
==================================================*/

.mpmquotebread{
    position:relative;
    width:100%;
    padding:85px 0;
    background:#173d69;
    overflow:hidden;
}


/*==================================================
BACKGROUND DESIGN
==================================================*/

.mpmquotebread::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;
}


.mpmquotebread::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
==================================================*/

.mpmquotebreadwrap{
    position:relative;
    z-index:2;

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

    gap:55px;

    width:100%;
}


/*==================================================
LEFT CONTENT
==================================================*/

.mpmquotebreadcontent{
    flex:1;

    max-width:750px;

    min-width:0;

    text-align:left;
}


/*==================================================
LABEL
==================================================*/

.mpmquotebreadlabel{
    display:inline-flex;
    align-items:center;

    margin:0 0 16px;

    padding:8px 16px;

    background:rgba(244,180,0,.14);

    border-left:4px solid #dd7436;

    border-radius:0 5px 5px 0;

    color:#dd7436;

    font-size:11px;
    font-weight:800;

    letter-spacing:1px;

    line-height:1.5;

    text-transform:uppercase;
}


/*==================================================
HEADING
==================================================*/

.mpmquotebreadcontent h1{
    margin:0 0 14px;
    padding:0;

    color:#ffffff;

    font-size:50px;
    font-weight:800;

    line-height:1.2;

    text-align:left;
}


/*==================================================
DESCRIPTION
==================================================*/

.mpmquotebreadcontent 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
==================================================*/

.mpmquotebreadcrumb{
    display:flex;
    align-items:center;
    justify-content:flex-start;

    flex-wrap:wrap;

    gap:12px;

    text-align:left;
}


.mpmquotebreadcrumb 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;
}


.mpmquotebreadcrumb a:hover{
    color:#dd7436;
}


.mpmquotebreadcrumb a i{
    color:#dd7436;

    font-size:12px;

    line-height:1;
}


.mpmquotebreadarrow{
    color:rgba(255,255,255,.35);

    font-size:9px;
}


.mpmquotebreadcrumb > span{
    color:#dd7436;

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

    line-height:1.5;
}


/*==================================================
RIGHT QUOTE BOX
==================================================*/

.mpmquotebreadside{
    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
==================================================*/

.mpmquotebreadicon{
    width:68px;
    height:68px;

    min-width:68px;

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

    margin:0;
    padding:0;

    background:#dd7436;

    color:#173d69;

    border-radius:13px;

    font-size:27px;

    line-height:1;
}


.mpmquotebreadicon i{
    display:block;

    margin:0;
    padding:0;

    color:#173d69;

    font-size:27px;

    line-height:1;
}


/*==================================================
RIGHT TEXT
==================================================*/

.mpmquotebreadsidetext{
    display:flex;
    flex-direction:column;
    align-items:flex-start;

    min-width:0;

    text-align:left;
}


.mpmquotebreadsidetext > 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;
}


.mpmquotebreadsidetext h2{
    margin:0 0 8px;
    padding:0;

    color:#ffffff;

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

    line-height:1.4;

    text-align:left;
}


.mpmquotebreadsidetext a{
    display:inline-flex;
    align-items:center;

    gap:8px;

    color:#dd7436;

    text-decoration:none;

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

    line-height:1.5;

    transition:color .3s ease;
}


.mpmquotebreadsidetext a i{
    font-size:10px;

    transition:transform .3s ease;
}


.mpmquotebreadsidetext a:hover{
    color:#ffffff;
}


.mpmquotebreadsidetext a:hover i{
    transform:translateX(5px);
}


/*==================================================
DESKTOP / SMALL LAPTOP
==================================================*/

@media(max-width:1199px){

    .mpmquotebread{
        padding:75px 0;
    }


    .mpmquotebreadcontent h1{
        font-size:45px;
    }


    .mpmquotebreadside{
        max-width:350px;

        padding:22px;
    }


    .mpmquotebreadicon{
        width:62px;
        height:62px;

        min-width:62px;
    }


    .mpmquotebreadicon i{
        font-size:24px;
    }

}


/*==================================================
TABLET
==================================================*/

@media(max-width:991px){

    .mpmquotebread{
        padding:65px 0;
    }


    .mpmquotebreadwrap{
        align-items:flex-start;

        gap:35px;
    }


    .mpmquotebreadcontent h1{
        font-size:40px;
    }


    .mpmquotebreadcontent p{
        font-size:14px;
    }


    .mpmquotebreadside{
        max-width:315px;

        padding:20px;
    }


    .mpmquotebreadicon{
        width:56px;
        height:56px;

        min-width:56px;

        border-radius:10px;
    }


    .mpmquotebreadicon i{
        font-size:21px;
    }


    .mpmquotebreadsidetext h2{
        font-size:16px;
    }

}


/*==================================================
MOBILE
==================================================*/

@media(max-width:767px){

    .mpmquotebread{
        padding:55px 0;
    }


    .mpmquotebreadwrap{
        flex-direction:column;

        align-items:stretch;

        gap:30px;
    }


    .mpmquotebreadcontent{
        width:100%;

        max-width:100%;
    }


    .mpmquotebreadlabel{
        margin-bottom:14px;

        padding:7px 14px;

        font-size:10px;
    }


    .mpmquotebreadcontent h1{
        margin-bottom:12px;

        font-size:34px;

        line-height:1.3;
    }


    .mpmquotebreadcontent p{
        margin-bottom:20px;

        font-size:14px;

        line-height:1.8;
    }


    .mpmquotebreadside{
        width:100%;

        max-width:100%;

        padding:19px;

        gap:15px;
    }


    .mpmquotebreadicon{
        width:55px;
        height:55px;

        min-width:55px;
    }


    .mpmquotebreadicon i{
        font-size:21px;
    }


    .mpmquotebreadsidetext h2{
        font-size:16px;
    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media(max-width:480px){

    .mpmquotebread{
        padding:45px 0;
    }


    .mpmquotebreadcontent h1{
        font-size:30px;
    }


    .mpmquotebreadcontent p{
        font-size:13px;
    }


    .mpmquotebreadcrumb{
        gap:9px;
    }


    .mpmquotebreadcrumb a,
    .mpmquotebreadcrumb > span{
        font-size:12px;
    }


    .mpmquotebreadside{
        padding:17px 15px;

        gap:13px;
    }


    .mpmquotebreadicon{
        width:50px;
        height:50px;

        min-width:50px;
    }


    .mpmquotebreadicon i{
        font-size:19px;
    }


    .mpmquotebreadsidetext > span{
        font-size:9px;
    }


    .mpmquotebreadsidetext h2{
        margin-bottom:5px;

        font-size:15px;
    }


    .mpmquotebreadsidetext a{
        font-size:11px;
    }

}

/*==================================================
HOUSE PAGE GLOBAL
==================================================*/

.mpmhouseintro,
.mpmhouseprocess,
.mpmhouseitems,
.mpmhousewhy,
.mpmhousefaq,
.mpmhousecta,
.mpmhousebread{
    font-family:"Poppins",sans-serif;
}

.mpmhouseeyebrow{
    display:inline-block;
    margin:0 0 15px;
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}


/*==================================================
BREADCRUMB
==================================================*/

.mpmhousebread{
    position:relative;
    padding:85px 0;
    background:#173d69;
    overflow:hidden;
}

.mpmhousebread::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    top:-290px;
    right:-170px;
    border:75px solid rgba(255,255,255,.035);
    border-radius:50%;
}

.mpmhousebread::after{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    left:-170px;
    bottom:-210px;
    background:rgba(244,180,0,.09);
    border-radius:50%;
}

.mpmhousebreadwrap{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
}

.mpmhousebreadcontent{
    max-width:760px;
    text-align:left;
}

.mpmhousebreadlabel{
    display:inline-flex;
    margin-bottom:16px;
    padding:8px 16px;
    background:rgba(244,180,0,.14);
    border-left:4px solid #dd7436;
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    letter-spacing:.8px;
    text-transform:uppercase;
}

.mpmhousebreadcontent h1{
    margin:0 0 15px;
    color:#fff;
    font-size:48px;
    font-weight:800;
    line-height:1.2;
    text-align:left;
}

.mpmhousebreadcontent p{
    max-width:650px;
    margin:0 0 23px;
    color:rgba(255,255,255,.72);
    font-size:15px;
    line-height:1.8;
}

.mpmhousebreadcrumb{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:11px;
}

.mpmhousebreadcrumb a{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#fff;
    text-decoration:none;
    font-size:13px;
    font-weight:600;
}

.mpmhousebreadcrumb > i{
    color:rgba(255,255,255,.35);
    font-size:9px;
}

.mpmhousebreadcrumb span{
    color:#dd7436;
    font-size:13px;
    font-weight:700;
}

.mpmhousebreadbox{
    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;
}

.mpmhousebreadicon{
    width:65px;
    height:65px;
    min-width:65px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#173d69;
    border-radius:12px;
    font-size:25px;
}

.mpmhousebreadbox span{
    display:block;
    margin-bottom:3px;
    color:rgba(255,255,255,.6);
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
}

.mpmhousebreadbox h2{
    margin:0 0 6px;
    color:#fff;
    font-size:17px;
    font-weight:700;
}

.mpmhousebreadbox a{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#dd7436;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
}


/*==================================================
INTRO
==================================================*/

.mpmhouseintro{
    padding:100px 0;
    background:#fff;
}

.mpmhouseintrogrid{
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
    gap:65px;
    align-items:center;
}

.mpmhouseintrocontent{
    text-align:left;
}

.mpmhouseintrocontent h2,
.mpmhouseitemscontent h2,
.mpmhousewhytitle h2,
.mpmhousefaqintro h2{
    margin:0 0 23px;
    color:#173d69;
    font-size:43px;
    font-weight:800;
    line-height:1.25;
    text-align:left;
}

.mpmhouseintrocontent h2 span,
.mpmhouseitemscontent h2 span,
.mpmhousewhytitle h2 span,
.mpmhousefaqintro h2 span{
    color:#dd7436;
}

.mpmhouseintrocontent p,
.mpmhouseitemscontent p,
.mpmhousewhytitle p,
.mpmhousefaqintro p{
    margin:0 0 17px;
    color:#68717d;
    font-size:15px;
    line-height:1.9;
    text-align:left;
}

.mpmhouselead{
    color:#46505c !important;
    font-size:16px !important;
}

.mpmhousefeatures{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin:30px 0;
}

.mpmhousefeature{
    display:flex;
    align-items:center;
    gap:10px;
    color:#394451;
    font-size:13px;
    font-weight:600;
}

.mpmhousefeature 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;
}

.mpmhouseintroactions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:13px;
}

.mpmhouseprimarybtn,
.mpmhousecallbtn,
.mpmhouseitemsbtn{
    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;
}

.mpmhouseprimarybtn{
    background:#173d69;
    color:#fff;
}

.mpmhousecallbtn{
    background:#dd7436;
    color:#173d69;
}

.mpmhouseprimarybtn:hover,
.mpmhousecallbtn:hover,
.mpmhouseitemsbtn:hover{
    transform:translateY(-3px);
}


/*==================================================
SUMMARY
==================================================*/

.mpmhousesummary{
    padding:42px;
    background:#173d69;
    border-radius:20px;
    box-shadow:0 25px 60px rgba(23,61,105,.18);
}

.mpmhousesummarytag{
    display:block;
    margin-bottom:8px;
    color:#dd7436;
    font-size:10px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.mpmhousesummary > h3{
    margin:0 0 27px;
    color:#fff;
    font-size:27px;
    font-weight:800;
    line-height:1.4;
}

.mpmhousesummarylist{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.mpmhousesummaryitem{
    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;
}

.mpmhousesummaryitem > span{
    width:38px;
    height:38px;
    min-width:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#173d69;
    border-radius:7px;
    font-size:12px;
    font-weight:800;
}

.mpmhousesummaryitem h4{
    margin:0 0 4px;
    color:#fff;
    font-size:14px;
}

.mpmhousesummaryitem p{
    margin:0;
    color:rgba(255,255,255,.65);
    font-size:12px;
    line-height:1.6;
}

.mpmhousesummarycall{
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:25px;
    padding-top:23px;
    border-top:1px solid rgba(255,255,255,.14);
}

.mpmhousesummarycall > i{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:#173d69;
    border-radius:50%;
}

.mpmhousesummarycall span{
    display:block;
    color:rgba(255,255,255,.6);
    font-size:10px;
}

.mpmhousesummarycall a{
    color:#dd7436;
    font-size:15px;
    font-weight:700;
    text-decoration:none;
}


/*==================================================
PROCESS
==================================================*/

.mpmhouseprocess{
    padding:95px 0;
    background:#f5f7fa;
}

.mpmhouseheading{
    max-width:760px;
    margin:0 auto 55px;
    text-align:center;
}

.mpmhouseheading > span{
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.mpmhouseheading h2{
    margin:10px 0 16px;
    color:#173d69;
    font-size:42px;
    font-weight:800;
    line-height:1.3;
}

.mpmhouseheading h2 strong{
    color:#dd7436;
}

.mpmhouseheading p{
    margin:0;
    color:#707985;
    font-size:15px;
    line-height:1.8;
}

.mpmhouseprocessgrid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
}

.mpmhouseprocesscard{
    position:relative;
    padding:35px 25px;
    background:#fff;
    border:1px solid #e5eaf0;
    border-radius:14px;
    text-align:left;
    transition:.35s ease;
}

.mpmhouseprocesscard:hover{
    transform:translateY(-7px);
    box-shadow:0 20px 45px rgba(23,61,105,.10);
}

.mpmhouseprocessnumber{
    position:absolute;
    top:20px;
    right:20px;
    color:rgba(23,61,105,.08);
    font-size:42px;
    font-weight:800;
}

.mpmhouseprocessicon{
    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;
}

.mpmhouseprocesscard h3{
    margin:0 0 10px;
    color:#173d69;
    font-size:18px;
}

.mpmhouseprocesscard p{
    margin:0;
    color:#707985;
    font-size:13px;
    line-height:1.8;
}


/*==================================================
HOUSE ITEMS
==================================================*/

.mpmhouseitems{
    padding:100px 0;
    background:#fff;
}

.mpmhouseitemsgrid{
    display:grid;
    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
    gap:65px;
    align-items:center;
}

.mpmhouseitemsbtn{
    margin-top:10px;
    background:#173d69;
    color:#fff;
}

.mpmhouseitemlist{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

.mpmhouseitembox{
    display:flex;
    align-items:flex-start;
    gap:15px;
    padding:22px;
    background:#f7f9fb;
    border:1px solid #e5eaf0;
    border-radius:11px;
}

.mpmhouseitembox > 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;
}

.mpmhouseitembox h3{
    margin:0 0 5px;
    color:#173d69;
    font-size:15px;
}

.mpmhouseitembox p{
    margin:0;
    color:#707985;
    font-size:12px;
    line-height:1.7;
}


/*==================================================
WHY CHOOSE
==================================================*/

.mpmhousewhy{
    padding:100px 0;
    background:#f5f7fa;
}

.mpmhousewhygrid{
    display:grid;
    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
    gap:70px;
    align-items:center;
}

.mpmhousewhytitle .mpmhouseprimarybtn{
    margin-top:10px;
}

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

.mpmhousewhybox{
    padding:27px;
    background:#fff;
    border:1px solid #e5eaf0;
    border-radius:13px;
}

.mpmhousewhyicon{
    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;
}

.mpmhousewhybox h3{
    margin:0 0 9px;
    color:#173d69;
    font-size:17px;
}

.mpmhousewhybox p{
    margin:0;
    color:#707985;
    font-size:13px;
    line-height:1.8;
}


/*==================================================
FAQ
==================================================*/

.mpmhousefaq{
    padding:100px 0;
    background:#fff;
}

.mpmhousefaqgrid{
    display:grid;
    grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
    gap:70px;
    align-items:start;
}

.mpmhousefaqhelp{
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:30px;
    padding:20px;
    background:#173d69;
    border-radius:10px;
}

.mpmhousefaqhelp > i{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#173d69;
    border-radius:50%;
}

.mpmhousefaqhelp span{
    display:block;
    color:rgba(255,255,255,.65);
    font-size:10px;
}

.mpmhousefaqhelp a{
    color:#fff;
    font-size:18px;
    font-weight:800;
    text-decoration:none;
}

.mpmhousefaqlist{
    display:flex;
    flex-direction:column;
    gap:13px;
}

.mpmhousefaqitem{
    background:#f7f9fb;
    border:1px solid #e4e9ef;
    border-radius:9px;
    overflow:hidden;
}

.mpmhousefaqitem 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;
}

.mpmhousefaqitem summary::-webkit-details-marker{
    display:none;
}

.mpmhousefaqitem summary i{
    font-size:12px;
    transition:transform .3s ease;
}

.mpmhousefaqitem[open] summary i{
    transform:rotate(45deg);
}

.mpmhousefaqitem p{
    margin:0;
    padding:0 22px 21px;
    color:#707985;
    font-size:13px;
    line-height:1.8;
}


/*==================================================
CTA
==================================================*/

.mpmhousecta{
    padding:75px 0;
    background:#173d69;
}

.mpmhousectawrap{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:45px;
}

.mpmhousectacontent{
    max-width:720px;
    text-align:left;
}

.mpmhousectacontent > span{
    display:block;
    margin-bottom:7px;
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
}

.mpmhousectacontent h2{
    margin:0 0 10px;
    color:#fff;
    font-size:35px;
    font-weight:800;
    line-height:1.3;
}

.mpmhousectacontent p{
    margin:0;
    color:rgba(255,255,255,.7);
    font-size:14px;
    line-height:1.8;
}

.mpmhousectaactions{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:max-content;
}

.mpmhousectaprimary,
.mpmhousectacall{
    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;
}

.mpmhousectaprimary{
    background:#dd7436;
    color:#173d69;
}

.mpmhousectacall{
    background:#fff;
    color:#173d69;
}


/*==================================================
TABLET
==================================================*/

@media(max-width:991px){

    .mpmhousebreadwrap,
    .mpmhousectawrap{
        align-items:flex-start;
    }

    .mpmhousebreadcontent h1{
        font-size:40px;
    }

    .mpmhousebreadbox{
        max-width:310px;
    }

    .mpmhouseintrogrid,
    .mpmhouseitemsgrid,
    .mpmhousewhygrid,
    .mpmhousefaqgrid{
        grid-template-columns:1fr;
        gap:50px;
    }

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

    .mpmhouseintrocontent h2,
    .mpmhouseitemscontent h2,
    .mpmhousewhytitle h2,
    .mpmhousefaqintro h2,
    .mpmhouseheading h2{
        font-size:38px;
    }

    .mpmhousectawrap{
        flex-direction:column;
    }

}


/*==================================================
MOBILE
==================================================*/

@media(max-width:767px){

    .mpmhousebread{
        padding:55px 0;
    }

    .mpmhousebreadwrap{
        flex-direction:column;
        gap:30px;
    }

    .mpmhousebreadcontent h1{
        font-size:33px;
    }

    .mpmhousebreadbox{
        max-width:100%;
    }

    .mpmhouseintro,
    .mpmhouseitems,
    .mpmhousewhy,
    .mpmhousefaq{
        padding:65px 0;
    }

    .mpmhouseprocess{
        padding:65px 0;
    }

    .mpmhouseintrocontent h2,
    .mpmhouseitemscontent h2,
    .mpmhousewhytitle h2,
    .mpmhousefaqintro h2,
    .mpmhouseheading h2{
        font-size:30px;
    }

    .mpmhousefeatures,
    .mpmhouseprocessgrid,
    .mpmhouseitemlist,
    .mpmhousewhylist{
        grid-template-columns:1fr;
    }

    .mpmhousesummary{
        padding:32px 23px;
    }

    .mpmhouseintroactions{
        flex-direction:column;
        align-items:stretch;
    }

    .mpmhouseprimarybtn,
    .mpmhousecallbtn{
        width:100%;
    }

    .mpmhouseheading{
        margin-bottom:40px;
        text-align:left;
    }

    .mpmhouseheading h2,
    .mpmhouseheading p{
        text-align:left;
    }

    .mpmhousecta{
        padding:60px 0;
    }

    .mpmhousectacontent h2{
        font-size:28px;
    }

    .mpmhousectaactions{
        width:100%;
        min-width:0;
        flex-direction:column;
        align-items:stretch;
    }

    .mpmhousectaprimary,
    .mpmhousectacall{
        width:100%;
    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media(max-width:480px){

    .mpmhousebreadcontent h1{
        font-size:29px;
    }

    .mpmhousebreadbox{
        padding:18px 15px;
    }

    .mpmhousebreadicon{
        width:52px;
        height:52px;
        min-width:52px;
        font-size:20px;
    }

    .mpmhouseintrocontent h2,
    .mpmhouseitemscontent h2,
    .mpmhousewhytitle h2,
    .mpmhousefaqintro h2,
    .mpmhouseheading h2{
        font-size:27px;
    }

    .mpmhousesummary{
        padding:28px 18px;
    }

    .mpmhousesummary > h3{
        font-size:23px;
    }

    .mpmhouseprocesscard,
    .mpmhousewhybox{
        padding:25px 20px;
    }

    .mpmhouseitembox{
        padding:18px;
    }

    .mpmhousefaqitem summary{
        padding:18px;
        font-size:13px;
    }

    .mpmhousefaqitem p{
        padding:0 18px 19px;
    }

}

/*==================================================
OFFICE PAGE GLOBAL
==================================================*/

.mpmofficebread,
.mpmofficeintro,
.mpmofficegoods,
.mpmofficeprocess,
.mpmofficewhy,
.mpmofficetypes,
.mpmofficefaq,
.mpmofficecta{
    font-family:"Poppins",sans-serif;
}

.mpmofficeeyebrow{
    display:inline-block;
    margin:0 0 15px;
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
    line-height:1.5;
    text-transform:uppercase;
}


/*==================================================
BREADCRUMB
==================================================*/

.mpmofficebread{
    position:relative;
    width:100%;
    padding:85px 0;
    background:#173d69;
    overflow:hidden;
}

.mpmofficebread::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;
}

.mpmofficebread::after{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    left:-170px;
    bottom:-210px;
    background:rgba(244,180,0,.09);
    border-radius:50%;
    pointer-events:none;
}

.mpmofficebreadwrap{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
}

.mpmofficebreadcontent{
    flex:1;
    max-width:760px;
    min-width:0;
    text-align:left;
}

.mpmofficebreadlabel{
    display:inline-flex;
    align-items:center;
    margin:0 0 16px;
    padding:8px 16px;
    background:rgba(244,180,0,.14);
    border-left:4px solid #dd7436;
    border-radius:0 5px 5px 0;
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    letter-spacing:.8px;
    line-height:1.5;
    text-transform:uppercase;
}

.mpmofficebreadcontent h1{
    margin:0 0 15px;
    padding:0;
    color:#ffffff;
    font-size:48px;
    font-weight:800;
    line-height:1.2;
    text-align:left;
}

.mpmofficebreadcontent p{
    max-width:680px;
    margin:0 0 23px;
    color:rgba(255,255,255,.72);
    font-size:15px;
    line-height:1.8;
    text-align:left;
}

.mpmofficebreadcrumb{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:11px;
}

.mpmofficebreadcrumb a{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#ffffff;
    text-decoration:none;
    font-size:13px;
    font-weight:600;
}

.mpmofficebreadcrumb > i{
    color:rgba(255,255,255,.35);
    font-size:9px;
}

.mpmofficebreadcrumb > span{
    color:#dd7436;
    font-size:13px;
    font-weight:700;
}

.mpmofficebreadside{
    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;
}

.mpmofficebreadicon{
    width:66px;
    height:66px;
    min-width:66px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#173d69;
    border-radius:12px;
    font-size:25px;
}

.mpmofficebreadsidetext{
    min-width:0;
    text-align:left;
}

.mpmofficebreadsidetext > span{
    display:block;
    margin-bottom:3px;
    color:rgba(255,255,255,.60);
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
}

.mpmofficebreadsidetext h2{
    margin:0 0 7px;
    color:#ffffff;
    font-size:17px;
    font-weight:700;
    line-height:1.4;
}

.mpmofficebreadsidetext a{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#dd7436;
    text-decoration:none;
    font-size:12px;
    font-weight:700;
}


/*==================================================
INTRODUCTION
==================================================*/

.mpmofficeintro{
    padding:100px 0;
    background:#ffffff;
}

.mpmofficeintrogrid{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
    gap:65px;
    align-items:center;
}

.mpmofficeintrocontent{
    min-width:0;
    text-align:left;
}

.mpmofficeintrocontent h2,
.mpmofficeprocessintro h2,
.mpmofficewhyintro h2,
.mpmofficefaqintro h2{
    margin:0 0 23px;
    color:#173d69;
    font-size:43px;
    font-weight:800;
    line-height:1.25;
    text-align:left;
}

.mpmofficeintrocontent h2 span,
.mpmofficeprocessintro h2 span,
.mpmofficewhyintro h2 span,
.mpmofficefaqintro h2 span{
    color:#dd7436;
}

.mpmofficeintrocontent p,
.mpmofficeprocessintro > p,
.mpmofficewhyintro > p,
.mpmofficefaqintro > p{
    margin:0 0 17px;
    color:#68717d;
    font-size:15px;
    line-height:1.9;
    text-align:left;
}

.mpmofficelead{
    color:#46505c !important;
    font-size:16px !important;
}

.mpmofficehighlight{
    display:flex;
    align-items:flex-start;
    gap:16px;
    margin:28px 0;
    padding:20px;
    background:#f5f7fa;
    border-left:4px solid #dd7436;
    border-radius:0 9px 9px 0;
}

.mpmofficehighlighticon{
    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;
}

.mpmofficehighlight span{
    display:block;
    margin-bottom:4px;
    color:#173d69;
    font-size:14px;
    font-weight:700;
}

.mpmofficehighlight p{
    margin:0;
    color:#707985;
    font-size:12px;
    line-height:1.7;
}

.mpmofficeintroactions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:13px;
}

.mpmofficeprimarybtn,
.mpmofficecallbtn,
.mpmofficeplanbtn,
.mpmofficefaqbtn{
    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;
}

.mpmofficeprimarybtn{
    background:#173d69;
    color:#ffffff;
}

.mpmofficecallbtn{
    background:#dd7436;
    color:#173d69;
}

.mpmofficeprimarybtn:hover,
.mpmofficecallbtn:hover,
.mpmofficeplanbtn:hover,
.mpmofficefaqbtn:hover{
    transform:translateY(-3px);
}


/*==================================================
OFFICE PLANNING BOX
==================================================*/

.mpmofficeplan{
    position:relative;
    padding:42px;
    background:#173d69;
    border-radius:20px;
    box-shadow:0 25px 60px rgba(23,61,105,.18);
    overflow:hidden;
}

.mpmofficeplan::before{
    content:"";
    position:absolute;
    width:250px;
    height:250px;
    top:-160px;
    right:-150px;
    border:45px solid rgba(255,255,255,.035);
    border-radius:50%;
}

.mpmofficeplantop,
.mpmofficeplanlist,
.mpmofficeplanbtn{
    position:relative;
    z-index:2;
}

.mpmofficeplantop{
    margin-bottom:25px;
    text-align:left;
}

.mpmofficeplantop > span{
    display:block;
    margin-bottom:7px;
    color:#dd7436;
    font-size:10px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.mpmofficeplantop h3{
    margin:0 0 10px;
    color:#ffffff;
    font-size:27px;
    font-weight:800;
    line-height:1.4;
    text-align:left;
}

.mpmofficeplantop p{
    margin:0;
    color:rgba(255,255,255,.65);
    font-size:13px;
    line-height:1.8;
}

.mpmofficeplanlist{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.mpmofficeplanitem{
    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;
}

.mpmofficeplannumber{
    width:39px;
    height:39px;
    min-width:39px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#173d69;
    border-radius:7px;
    font-size:11px;
    font-weight:800;
}

.mpmofficeplanitem h4{
    margin:0 0 4px;
    color:#ffffff;
    font-size:14px;
    font-weight:700;
}

.mpmofficeplanitem p{
    margin:0;
    color:rgba(255,255,255,.64);
    font-size:12px;
    line-height:1.6;
}

.mpmofficeplanbtn{
    width:100%;
    margin-top:22px;
    background:#dd7436;
    color:#173d69;
}


/*==================================================
COMMON SECTION HEAD
==================================================*/

.mpmofficehead{
    max-width:760px;
    margin:0 auto 55px;
    text-align:center;
}

.mpmofficehead > span{
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.mpmofficehead h2{
    margin:10px 0 16px;
    color:#173d69;
    font-size:42px;
    font-weight:800;
    line-height:1.3;
}

.mpmofficehead h2 strong{
    color:#dd7436;
}

.mpmofficehead p{
    margin:0;
    color:#707985;
    font-size:15px;
    line-height:1.8;
}


/*==================================================
OFFICE GOODS
==================================================*/

.mpmofficegoods{
    padding:95px 0;
    background:#f5f7fa;
}

.mpmofficegoodsgrid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
}

.mpmofficegoodscard{
    position:relative;
    padding:32px 25px;
    background:#ffffff;
    border:1px solid #e5eaf0;
    border-radius:14px;
    text-align:left;
    overflow:hidden;
    transition:.35s ease;
}

.mpmofficegoodscard:hover{
    transform:translateY(-7px);
    box-shadow:0 20px 45px rgba(23,61,105,.10);
}

.mpmofficegoodsicon{
    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;
}

.mpmofficegoodscard h3{
    margin:0 0 10px;
    color:#173d69;
    font-size:18px;
    line-height:1.5;
}

.mpmofficegoodscard p{
    margin:0 0 20px;
    color:#707985;
    font-size:13px;
    line-height:1.8;
}

.mpmofficegoodscard > 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
==================================================*/

.mpmofficeprocess{
    padding:100px 0;
    background:#ffffff;
}

.mpmofficeprocessgrid{
    display:grid;
    grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
    gap:70px;
    align-items:center;
}

.mpmofficeprocessintro{
    text-align:left;
}

.mpmofficeprocessnote{
    display:flex;
    align-items:flex-start;
    gap:13px;
    margin:28px 0;
    padding:18px;
    background:#f5f7fa;
    border-left:4px solid #dd7436;
}

.mpmofficeprocessnote i{
    margin-top:5px;
    color:#173d69;
    font-size:15px;
}

.mpmofficeprocessnote p{
    margin:0;
    color:#68717d;
    font-size:12px;
    line-height:1.8;
}

.mpmofficesteps{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:17px;
}

.mpmofficesteps::before{
    content:"";
    position:absolute;
    top:45px;
    bottom:45px;
    left:34px;
    width:2px;
    background:#e2e7ed;
}

.mpmofficestep{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:68px minmax(0,1fr);
    gap:22px;
    align-items:center;
}

.mpmofficestepnumber{
    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;
}

.mpmofficestepcontent{
    padding:20px 23px;
    background:#f7f9fb;
    border:1px solid #e4e9ef;
    border-radius:10px;
    text-align:left;
}

.mpmofficestepcontent > span{
    display:block;
    margin-bottom:4px;
    color:#dd7436;
    font-size:9px;
    font-weight:800;
    letter-spacing:.8px;
}

.mpmofficestepcontent h3{
    margin:0 0 6px;
    color:#173d69;
    font-size:16px;
    font-weight:700;
}

.mpmofficestepcontent p{
    margin:0;
    color:#707985;
    font-size:12px;
    line-height:1.7;
}


/*==================================================
WHY CHOOSE
==================================================*/

.mpmofficewhy{
    padding:100px 0;
    background:#f5f7fa;
}

.mpmofficewhygrid{
    display:grid;
    grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
    gap:70px;
    align-items:center;
}

.mpmofficewhyintro{
    text-align:left;
}

.mpmofficewhycall{
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:30px;
    padding:20px;
    background:#173d69;
    border-radius:10px;
}

.mpmofficewhycallicon{
    width:50px;
    height:50px;
    min-width:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#173d69;
    border-radius:50%;
    font-size:18px;
}

.mpmofficewhycall span{
    display:block;
    color:rgba(255,255,255,.6);
    font-size:10px;
}

.mpmofficewhycall a{
    color:#ffffff;
    text-decoration:none;
    font-size:18px;
    font-weight:800;
}

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

.mpmofficewhybox{
    position:relative;
    padding:28px;
    background:#ffffff;
    border:1px solid #e5eaf0;
    border-radius:13px;
    text-align:left;
    overflow:hidden;
}

.mpmofficewhybox > span{
    position:absolute;
    top:18px;
    right:20px;
    color:rgba(23,61,105,.07);
    font-size:38px;
    font-weight:800;
}

.mpmofficewhyicon{
    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;
}

.mpmofficewhybox h3{
    margin:0 0 9px;
    color:#173d69;
    font-size:17px;
}

.mpmofficewhybox p{
    margin:0;
    color:#707985;
    font-size:13px;
    line-height:1.8;
}


/*==================================================
OFFICE TYPES
==================================================*/

.mpmofficetypes{
    padding:95px 0;
    background:#ffffff;
}

.mpmofficetypesgrid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}

.mpmofficetypeitem{
    padding:30px 24px;
    background:#173d69;
    border-bottom:5px solid #dd7436;
    border-radius:12px;
    text-align:left;
    transition:.35s ease;
}

.mpmofficetypeitem:hover{
    transform:translateY(-6px);
}

.mpmofficetypeitem > i{
    display:block;
    margin-bottom:20px;
    color:#dd7436;
    font-size:29px;
}

.mpmofficetypeitem h3{
    margin:0 0 9px;
    color:#ffffff;
    font-size:17px;
}

.mpmofficetypeitem p{
    margin:0;
    color:rgba(255,255,255,.68);
    font-size:12px;
    line-height:1.8;
}


/*==================================================
FAQ
==================================================*/

.mpmofficefaq{
    padding:100px 0;
    background:#f5f7fa;
}

.mpmofficefaqgrid{
    display:grid;
    grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
    gap:70px;
    align-items:start;
}

.mpmofficefaqintro{
    text-align:left;
}

.mpmofficefaqbtn{
    margin-top:15px;
    background:#173d69;
    color:#ffffff;
}

.mpmofficefaqlist{
    display:flex;
    flex-direction:column;
    gap:13px;
}

.mpmofficefaqitem{
    background:#ffffff;
    border:1px solid #e4e9ef;
    border-radius:9px;
    overflow:hidden;
}

.mpmofficefaqitem 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;

}

.mpmofficefaqitem summary::-webkit-details-marker{
    display:none;
}

.mpmofficefaqitem summary i{
    font-size:12px;
    transition:transform .3s ease;
}

.mpmofficefaqitem[open] summary i{
    transform:rotate(45deg);
}

.mpmofficefaqitem p{
    margin:0;
    padding:0 22px 21px;
    color:#707985;
    font-size:13px;
    line-height:1.8;
}


/*==================================================
CTA
==================================================*/

.mpmofficecta{
    position:relative;
    padding:75px 0;
    background:#173d69;
    overflow:hidden;
}

.mpmofficecta::after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    right:-150px;
    bottom:-190px;
    background:rgba(244,180,0,.08);
    border-radius:50%;
}

.mpmofficectawrap{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:45px;
}

.mpmofficectacontent{
    max-width:730px;
    text-align:left;
}

.mpmofficectacontent > span{
    display:block;
    margin-bottom:7px;
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
}

.mpmofficectacontent h2{
    margin:0 0 10px;
    color:#ffffff;
    font-size:35px;
    font-weight:800;
    line-height:1.3;
}

.mpmofficectacontent p{
    margin:0;
    color:rgba(255,255,255,.70);
    font-size:14px;
    line-height:1.8;
}

.mpmofficectaactions{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:max-content;
}

.mpmofficectaprimary,
.mpmofficectacall{
    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;
}

.mpmofficectaprimary{
    background:#dd7436;
    color:#173d69;
}

.mpmofficectacall{
    background:#ffffff;
    color:#173d69;
}

.mpmofficectaprimary:hover,
.mpmofficectacall:hover{
    transform:translateY(-3px);
}


/*==================================================
TABLET
==================================================*/

@media(max-width:991px){

    .mpmofficebreadwrap{
        align-items:flex-start;
        gap:35px;
    }

    .mpmofficebreadcontent h1{
        font-size:40px;
    }

    .mpmofficebreadside{
        max-width:310px;
    }

    .mpmofficeintrogrid,
    .mpmofficeprocessgrid,
    .mpmofficewhygrid,
    .mpmofficefaqgrid{
        grid-template-columns:1fr;
        gap:50px;
    }

    .mpmofficegoodsgrid,
    .mpmofficetypesgrid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .mpmofficeintrocontent h2,
    .mpmofficeprocessintro h2,
    .mpmofficewhyintro h2,
    .mpmofficefaqintro h2,
    .mpmofficehead h2{
        font-size:38px;
    }

    .mpmofficectawrap{
        flex-direction:column;
        align-items:flex-start;
    }

}


/*==================================================
MOBILE
==================================================*/

@media(max-width:767px){

    .mpmofficebread{
        padding:55px 0;
    }

    .mpmofficebreadwrap{
        flex-direction:column;
        align-items:stretch;
        gap:30px;
    }

    .mpmofficebreadcontent h1{
        font-size:33px;
    }

    .mpmofficebreadside{
        max-width:100%;
    }

    .mpmofficeintro,
    .mpmofficeprocess,
    .mpmofficewhy,
    .mpmofficefaq{
        padding:65px 0;
    }

    .mpmofficegoods,
    .mpmofficetypes{
        padding:65px 0;
    }

    .mpmofficeintrocontent h2,
    .mpmofficeprocessintro h2,
    .mpmofficewhyintro h2,
    .mpmofficefaqintro h2,
    .mpmofficehead h2{
        font-size:30px;
    }

    .mpmofficeintroactions{
        flex-direction:column;
        align-items:stretch;
    }

    .mpmofficeprimarybtn,
    .mpmofficecallbtn{
        width:100%;
    }

    .mpmofficeplan{
        padding:32px 23px;
    }

    .mpmofficegoodsgrid,
    .mpmofficewhyfeatures,
    .mpmofficetypesgrid{
        grid-template-columns:1fr;
    }

    .mpmofficehead{
        margin-bottom:40px;
        text-align:left;
    }

    .mpmofficehead h2,
    .mpmofficehead p{
        text-align:left;
    }

    .mpmofficestep{
        grid-template-columns:55px minmax(0,1fr);
        gap:14px;
    }

    .mpmofficesteps::before{
        left:27px;
    }

    .mpmofficestepnumber{
        width:55px;
        height:55px;
        border-width:5px;
        font-size:12px;
    }

    .mpmofficestepcontent{
        padding:18px;
    }

    .mpmofficecta{
        padding:60px 0;
    }

    .mpmofficectacontent h2{
        font-size:28px;
    }

    .mpmofficectaactions{
        width:100%;
        min-width:0;
        flex-direction:column;
        align-items:stretch;
    }

    .mpmofficectaprimary,
    .mpmofficectacall{
        width:100%;
    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media(max-width:480px){

    .mpmofficebreadcontent h1{
        font-size:29px;
    }

    .mpmofficebreadside{
        padding:18px 15px;
    }

    .mpmofficebreadicon{
        width:52px;
        height:52px;
        min-width:52px;
        font-size:20px;
    }

    .mpmofficeintrocontent h2,
    .mpmofficeprocessintro h2,
    .mpmofficewhyintro h2,
    .mpmofficefaqintro h2,
    .mpmofficehead h2{
        font-size:27px;
    }

    .mpmofficeplan{
        padding:28px 18px;
    }

    .mpmofficeplantop h3{
        font-size:23px;
    }

    .mpmofficegoodscard,
    .mpmofficewhybox,
    .mpmofficetypeitem{
        padding:25px 20px;
    }

    .mpmofficestep{
        grid-template-columns:48px minmax(0,1fr);
        gap:11px;
    }

    .mpmofficesteps::before{
        left:23px;
    }

    .mpmofficestepnumber{
        width:48px;
        height:48px;
        font-size:10px;
    }

    .mpmofficestepcontent{
        padding:16px 14px;
    }

    .mpmofficestepcontent h3{
        font-size:14px;
    }

    .mpmofficefaqitem summary{
        padding:18px;
        font-size:13px;
    }

    .mpmofficefaqitem p{
        padding:0 18px 19px;
    }

}

/*==================================================
VEHICLE PAGE GLOBAL
==================================================*/

.mpmvehiclebread,
.mpmvehicleintro,
.mpmvehicleservices,
.mpmvehicleprocess,
.mpmvehicleprepare,
.mpmvehiclewhy,
.mpmvehiclefaq,
.mpmvehiclecta{
    font-family:"Poppins",sans-serif;
}

.mpmvehicleeyebrow{
    display:inline-block;
    margin:0 0 15px;
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
    line-height:1.5;
    text-transform:uppercase;
}


/*==================================================
BREADCRUMB
==================================================*/

.mpmvehiclebread{
    position:relative;
    width:100%;
    padding:85px 0;
    background:#173d69;
    overflow:hidden;
}

.mpmvehiclebread::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;
}

.mpmvehiclebread::after{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    left:-170px;
    bottom:-210px;
    background:rgba(244,180,0,.09);
    border-radius:50%;
    pointer-events:none;
}

.mpmvehiclebreadwrap{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
}

.mpmvehiclebreadcontent{
    flex:1;
    max-width:760px;
    min-width:0;
    text-align:left;
}

.mpmvehiclebreadlabel{
    display:inline-flex;
    align-items:center;
    margin:0 0 16px;
    padding:8px 16px;
    background:rgba(244,180,0,.14);
    border-left:4px solid #dd7436;
    border-radius:0 5px 5px 0;
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    letter-spacing:.8px;
    text-transform:uppercase;
}

.mpmvehiclebreadcontent h1{
    margin:0 0 15px;
    color:#ffffff;
    font-size:48px;
    font-weight:800;
    line-height:1.2;
    text-align:left;
}

.mpmvehiclebreadcontent p{
    max-width:680px;
    margin:0 0 23px;
    color:rgba(255,255,255,.72);
    font-size:15px;
    line-height:1.8;
    text-align:left;
}

.mpmvehiclebreadcrumb{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:11px;
}

.mpmvehiclebreadcrumb a{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#ffffff;
    text-decoration:none;
    font-size:13px;
    font-weight:600;
}

.mpmvehiclebreadcrumb > i{
    color:rgba(255,255,255,.35);
    font-size:9px;
}

.mpmvehiclebreadcrumb > span{
    color:#dd7436;
    font-size:13px;
    font-weight:700;
}

.mpmvehiclebreadside{
    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;
}

.mpmvehiclebreadicon{
    width:66px;
    height:66px;
    min-width:66px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#173d69;
    border-radius:12px;
    font-size:25px;
}

.mpmvehiclebreadsidetext{
    min-width:0;
    text-align:left;
}

.mpmvehiclebreadsidetext > span{
    display:block;
    margin-bottom:3px;
    color:rgba(255,255,255,.6);
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
}

.mpmvehiclebreadsidetext h2{
    margin:0 0 7px;
    color:#ffffff;
    font-size:17px;
    font-weight:700;
    line-height:1.4;
}

.mpmvehiclebreadsidetext a{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#dd7436;
    text-decoration:none;
    font-size:12px;
    font-weight:700;
}


/*==================================================
INTRO
==================================================*/

.mpmvehicleintro{
    padding:100px 0;
    background:#ffffff;
}

.mpmvehicleintrogrid{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
    gap:65px;
    align-items:center;
}

.mpmvehicleintrocontent{
    text-align:left;
}

.mpmvehicleintrocontent h2,
.mpmvehicleprocessintro h2,
.mpmvehiclepreparecontent h2,
.mpmvehiclefaqintro h2{
    margin:0 0 23px;
    color:#173d69;
    font-size:43px;
    font-weight:800;
    line-height:1.25;
    text-align:left;
}

.mpmvehicleintrocontent h2 span,
.mpmvehicleprocessintro h2 span,
.mpmvehiclepreparecontent h2 span,
.mpmvehiclefaqintro h2 span{
    color:#dd7436;
}

.mpmvehicleintrocontent p,
.mpmvehicleprocessintro > p,
.mpmvehiclepreparecontent p,
.mpmvehiclefaqintro > p{
    margin:0 0 17px;
    color:#68717d;
    font-size:15px;
    line-height:1.9;
    text-align:left;
}

.mpmvehiclelead{
    color:#46505c !important;
    font-size:16px !important;
}

.mpmvehicleintrofeatures{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin:29px 0;
}

.mpmvehicleintrofeature{
    display:flex;
    align-items:center;
    gap:10px;
    color:#394451;
    font-size:13px;
    font-weight:600;
}

.mpmvehicleintrofeature 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;
}

.mpmvehicleintroactions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:13px;
}

.mpmvehicleprimarybtn,
.mpmvehiclecallbtn,
.mpmvehiclequickbtn{
    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;
}

.mpmvehicleprimarybtn{
    background:#173d69;
    color:#ffffff;
}

.mpmvehiclecallbtn{
    background:#dd7436;
    color:#173d69;
}

.mpmvehicleprimarybtn:hover,
.mpmvehiclecallbtn:hover,
.mpmvehiclequickbtn:hover{
    transform:translateY(-3px);
}


/*==================================================
QUICK BOX
==================================================*/

.mpmvehiclequickbox{
    position:relative;
    padding:42px;
    background:#173d69;
    border-radius:20px;
    box-shadow:0 25px 60px rgba(23,61,105,.18);
    overflow:hidden;
}

.mpmvehiclequickbox::before{
    content:"";
    position:absolute;
    width:250px;
    height:250px;
    top:-160px;
    right:-150px;
    border:45px solid rgba(255,255,255,.035);
    border-radius:50%;
}

.mpmvehiclequicktop{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:25px;
}

.mpmvehiclequickicon{
    width:60px;
    height:60px;
    min-width:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#173d69;
    border-radius:11px;
    font-size:22px;
}

.mpmvehiclequicktop span{
    display:block;
    margin-bottom:4px;
    color:#dd7436;
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
}

.mpmvehiclequicktop h3{
    margin:0;
    color:#ffffff;
    font-size:21px;
    font-weight:800;
    line-height:1.4;
}

.mpmvehiclequicklist{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    gap:12px;
}

.mpmvehiclequickitem{
    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;
}

.mpmvehiclequickitem > span{
    width:39px;
    height:39px;
    min-width:39px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#173d69;
    border-radius:7px;
    font-size:11px;
    font-weight:800;
}

.mpmvehiclequickitem h4{
    margin:0 0 4px;
    color:#ffffff;
    font-size:14px;
}

.mpmvehiclequickitem p{
    margin:0;
    color:rgba(255,255,255,.64);
    font-size:12px;
    line-height:1.6;
}

.mpmvehiclequickbtn{
    position:relative;
    z-index:2;
    width:100%;
    margin-top:22px;
    background:#dd7436;
    color:#173d69;
}


/*==================================================
COMMON HEADING
==================================================*/

.mpmvehicleheading{
    max-width:760px;
    margin:0 auto 55px;
    text-align:center;
}

.mpmvehicleheading > span{
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.mpmvehicleheading h2{
    margin:10px 0 16px;
    color:#173d69;
    font-size:42px;
    font-weight:800;
    line-height:1.3;
}

.mpmvehicleheading h2 strong{
    color:#dd7436;
}

.mpmvehicleheading p{
    margin:0;
    color:#707985;
    font-size:15px;
    line-height:1.8;
}


/*==================================================
CAR & BIKE SERVICES
==================================================*/

.mpmvehicleservices{
    padding:95px 0;
    background:#f5f7fa;
}

.mpmvehicleservicesgrid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:25px;
}

.mpmvehicleservicecard{
    padding:42px;
    background:#ffffff;
    border:1px solid #e4e9ef;
    border-top:5px solid #173d69;
    border-radius:15px;
    text-align:left;
    transition:.35s ease;
}

.mpmvehicleservicebike{
    border-top-color:#dd7436;
}

.mpmvehicleservicecard:hover{
    transform:translateY(-7px);
    box-shadow:0 20px 50px rgba(23,61,105,.1);
}

.mpmvehicleservicetop{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:25px;
}

.mpmvehicleserviceicon{
    width:62px;
    height:62px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#173d69;
    color:#ffffff;
    border-radius:11px;
    font-size:24px;
}

.mpmvehicleservicebike .mpmvehicleserviceicon{
    background:#dd7436;
    color:#173d69;
}

.mpmvehicleservicetop > span{
    color:#dd7436;
    font-size:10px;
    font-weight:800;
    letter-spacing:1px;
}

.mpmvehicleservicecard h3{
    margin:0 0 14px;
    color:#173d69;
    font-size:25px;
    font-weight:800;
    line-height:1.4;
}

.mpmvehicleservicecard > p{
    margin:0 0 23px;
    color:#707985;
    font-size:14px;
    line-height:1.9;
}

.mpmvehicleservicecard ul{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin:0 0 28px;
    padding:0;
    list-style:none;
}

.mpmvehicleservicecard li{
    display:flex;
    align-items:center;
    gap:10px;
    color:#46505c;
    font-size:13px;
    font-weight:600;
}

.mpmvehicleservicecard li i{
    color:#dd7436;
    font-size:14px;
}

.mpmvehicleservicecard > a{
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#173d69;
    text-decoration:none;
    font-size:13px;
    font-weight:800;
}


/*==================================================
PROCESS
==================================================*/

.mpmvehicleprocess{
    padding:100px 0;
    background:#ffffff;
}

.mpmvehicleprocessgrid{
    display:grid;
    grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
    gap:70px;
    align-items:center;
}

.mpmvehicleprocessintro{
    text-align:left;
}

.mpmvehicleprocesshelp{
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:30px;
    padding:20px;
    background:#173d69;
    border-radius:10px;
}

.mpmvehicleprocesshelpicon{
    width:50px;
    height:50px;
    min-width:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#173d69;
    border-radius:50%;
    font-size:18px;
}

.mpmvehicleprocesshelp span{
    display:block;
    color:rgba(255,255,255,.6);
    font-size:10px;
}

.mpmvehicleprocesshelp a{
    color:#ffffff;
    text-decoration:none;
    font-size:18px;
    font-weight:800;
}


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

.mpmvehicleprocessstep{
    position:relative;
    padding:25px;
    background:#f7f9fb;
    border:1px solid #e4e9ef;
    border-radius:13px;
    overflow:hidden;
}

.mpmvehicleprocessnumber{
    position:absolute;
    top:15px;
    right:18px;
    color:rgba(23,61,105,.07);
    font-size:42px;
    font-weight:800;
}

.mpmvehicleprocesscontent{
    position:relative;
    z-index:2;
    text-align:left;
}

.mpmvehicleprocessicon{
    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;
}

.mpmvehicleprocesscontent h3{
    margin:0 0 8px;
    color:#173d69;
    font-size:17px;
}

.mpmvehicleprocesscontent p{
    margin:0;
    color:#707985;
    font-size:12px;
    line-height:1.8;
}


/*==================================================
PREPARATION
==================================================*/

.mpmvehicleprepare{
    padding:100px 0;
    background:#f5f7fa;
}

.mpmvehiclepreparegrid{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    gap:70px;
    align-items:center;
}

.mpmvehiclechecklist{
    padding:38px;
    background:#173d69;
    border-radius:18px;
}

.mpmvehiclecheckhead{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:25px;
}

.mpmvehiclecheckhead > i{
    width:58px;
    height:58px;
    min-width:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#173d69;
    border-radius:11px;
    font-size:21px;
}

.mpmvehiclecheckhead span{
    display:block;
    margin-bottom:4px;
    color:#dd7436;
    font-size:9px;
    font-weight:800;
}

.mpmvehiclecheckhead h3{
    margin:0;
    color:#ffffff;
    font-size:22px;
}

.mpmvehiclecheckitems{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.mpmvehiclecheckitem{
    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;
}

.mpmvehiclecheckitem > i{
    width:28px;
    height:28px;
    min-width:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#173d69;
    border-radius:50%;
    font-size:10px;
}

.mpmvehiclecheckitem h4{
    margin:0 0 4px;
    color:#ffffff;
    font-size:14px;
}

.mpmvehiclecheckitem p{
    margin:0;
    color:rgba(255,255,255,.64);
    font-size:12px;
    line-height:1.7;
}

.mpmvehiclepreparecontent{
    text-align:left;
}


/*==================================================
WHY CHOOSE
==================================================*/

.mpmvehiclewhy{
    padding:95px 0;
    background:#173d69;
}

.mpmvehicleheadinglight h2{
    color:#ffffff;
}

.mpmvehicleheadinglight p{
    color:rgba(255,255,255,.68);
}

.mpmvehiclewhygrid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}

.mpmvehiclewhybox{
    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;
}

.mpmvehiclewhybox:hover{
    transform:translateY(-6px);
    background:rgba(255,255,255,.1);
}

.mpmvehiclewhybox > span{
    position:absolute;
    top:18px;
    right:20px;
    color:rgba(255,255,255,.07);
    font-size:39px;
    font-weight:800;
}

.mpmvehiclewhyicon{
    width:54px;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:21px;
    background:#dd7436;
    color:#173d69;
    border-radius:10px;
    font-size:20px;
}

.mpmvehiclewhybox h3{
    margin:0 0 9px;
    color:#ffffff;
    font-size:17px;
}

.mpmvehiclewhybox p{
    margin:0;
    color:rgba(255,255,255,.66);
    font-size:13px;
    line-height:1.8;
}


/*==================================================
FAQ
==================================================*/

.mpmvehiclefaq{
    padding:100px 0;
    background:#ffffff;
}

.mpmvehiclefaqgrid{
    display:grid;
    grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
    gap:70px;
    align-items:start;
}

.mpmvehiclefaqintro{
    text-align:left;
}

.mpmvehiclefaqcall{
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:30px;
    padding:20px;
    background:#173d69;
    border-radius:10px;
}

.mpmvehiclefaqcall > i{
    width:48px;
    height:48px;
    min-width:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#173d69;
    border-radius:50%;
}

.mpmvehiclefaqcall span{
    display:block;
    color:rgba(255,255,255,.6);
    font-size:10px;
}

.mpmvehiclefaqcall a{
    color:#ffffff;
    text-decoration:none;
    font-size:18px;
    font-weight:800;
}

.mpmvehiclefaqlist{
    display:flex;
    flex-direction:column;
    gap:13px;
}

.mpmvehiclefaqitem{
    background:#f7f9fb;
    border:1px solid #e4e9ef;
    border-radius:9px;
    overflow:hidden;
}

.mpmvehiclefaqitem 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;
}

.mpmvehiclefaqitem summary::-webkit-details-marker{
    display:none;
}

.mpmvehiclefaqitem summary i{
    font-size:12px;
    transition:transform .3s ease;
}

.mpmvehiclefaqitem[open] summary i{
    transform:rotate(45deg);
}

.mpmvehiclefaqitem p{
    margin:0;
    padding:0 22px 21px;
    color:#707985;
    font-size:13px;
    line-height:1.8;
}


/*==================================================
FINAL CTA
==================================================*/

.mpmvehiclecta{
    position:relative;
    padding:75px 0;
    background:#173d69;
    overflow:hidden;
}

.mpmvehiclecta::after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    right:-150px;
    bottom:-190px;
    background:rgba(244,180,0,.08);
    border-radius:50%;
}

.mpmvehiclectawrap{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:45px;
}

.mpmvehiclectacontent{
    max-width:730px;
    text-align:left;
}

.mpmvehiclectacontent > span{
    display:block;
    margin-bottom:7px;
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
}

.mpmvehiclectacontent h2{
    margin:0 0 10px;
    color:#ffffff;
    font-size:35px;
    font-weight:800;
    line-height:1.3;
}

.mpmvehiclectacontent p{
    margin:0;
    color:rgba(255,255,255,.7);
    font-size:14px;
    line-height:1.8;
}

.mpmvehiclectaactions{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:max-content;
}

.mpmvehiclectaprimary,
.mpmvehiclectacall{
    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;
}

.mpmvehiclectaprimary{
    background:#dd7436;
    color:#173d69;
}

.mpmvehiclectacall{
    background:#ffffff;
    color:#173d69;
}

.mpmvehiclectaprimary:hover,
.mpmvehiclectacall:hover{
    transform:translateY(-3px);
}


/*==================================================
TABLET
==================================================*/

@media(max-width:991px){

    .mpmvehiclebreadwrap{
        align-items:flex-start;
        gap:35px;
    }

    .mpmvehiclebreadcontent h1{
        font-size:40px;
    }

    .mpmvehiclebreadside{
        max-width:310px;
    }

    .mpmvehicleintrogrid,
    .mpmvehicleprocessgrid,
    .mpmvehiclepreparegrid,
    .mpmvehiclefaqgrid{
        grid-template-columns:1fr;
        gap:50px;
    }

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

    .mpmvehicleintrocontent h2,
    .mpmvehicleprocessintro h2,
    .mpmvehiclepreparecontent h2,
    .mpmvehiclefaqintro h2,
    .mpmvehicleheading h2{
        font-size:38px;
    }

    .mpmvehiclectawrap{
        flex-direction:column;
        align-items:flex-start;
    }

}


/*==================================================
MOBILE
==================================================*/

@media(max-width:767px){

    .mpmvehiclebread{
        padding:55px 0;
    }

    .mpmvehiclebreadwrap{
        flex-direction:column;
        align-items:stretch;
        gap:30px;
    }

    .mpmvehiclebreadcontent h1{
        font-size:33px;
    }

    .mpmvehiclebreadside{
        max-width:100%;
    }

    .mpmvehicleintro,
    .mpmvehicleservices,
    .mpmvehicleprocess,
    .mpmvehicleprepare,
    .mpmvehiclewhy,
    .mpmvehiclefaq{
        padding:65px 0;
    }

    .mpmvehicleintrocontent h2,
    .mpmvehicleprocessintro h2,
    .mpmvehiclepreparecontent h2,
    .mpmvehiclefaqintro h2,
    .mpmvehicleheading h2{
        font-size:30px;
    }

    .mpmvehicleintrofeatures,
    .mpmvehicleservicesgrid,
    .mpmvehicleprocesssteps,
    .mpmvehiclewhygrid{
        grid-template-columns:1fr;
    }

    .mpmvehicleintroactions{
        flex-direction:column;
        align-items:stretch;
    }

    .mpmvehicleprimarybtn,
    .mpmvehiclecallbtn{
        width:100%;
    }

    .mpmvehiclequickbox{
        padding:32px 23px;
    }

    .mpmvehicleheading{
        margin-bottom:40px;
        text-align:left;
    }

    .mpmvehicleheading h2,
    .mpmvehicleheading p{
        text-align:left;
    }

    .mpmvehicleservicecard{
        padding:32px 24px;
    }

    .mpmvehiclechecklist{
        padding:30px 22px;
    }

    .mpmvehiclecta{
        padding:60px 0;
    }

    .mpmvehiclectacontent h2{
        font-size:28px;
    }

    .mpmvehiclectaactions{
        width:100%;
        min-width:0;
        flex-direction:column;
        align-items:stretch;
    }

    .mpmvehiclectaprimary,
    .mpmvehiclectacall{
        width:100%;
    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media(max-width:480px){

    .mpmvehiclebreadcontent h1{
        font-size:29px;
    }

    .mpmvehiclebreadside{
        padding:18px 15px;
    }

    .mpmvehiclebreadicon{
        width:52px;
        height:52px;
        min-width:52px;
        font-size:20px;
    }

    .mpmvehicleintrocontent h2,
    .mpmvehicleprocessintro h2,
    .mpmvehiclepreparecontent h2,
    .mpmvehiclefaqintro h2,
    .mpmvehicleheading h2{
        font-size:27px;
    }

    .mpmvehiclequickbox{
        padding:28px 18px;
    }

    .mpmvehiclequicktop h3{
        font-size:19px;
    }

    .mpmvehicleservicecard{
        padding:28px 20px;
    }

    .mpmvehicleservicecard h3{
        font-size:22px;
    }

    .mpmvehicleprocessstep{
        padding:22px 19px;
    }

    .mpmvehiclechecklist{
        padding:27px 18px;
    }

    .mpmvehiclecheckhead h3{
        font-size:19px;
    }

    .mpmvehiclewhybox{
        padding:26px 21px;
    }

    .mpmvehiclefaqitem summary{
        padding:18px;
        font-size:13px;
    }

    .mpmvehiclefaqitem p{
        padding:0 18px 19px;
    }

}

/*==================================================
STORAGE GLOBAL
==================================================*/

.mpmstoragebread,
.mpmstorageintro,
.mpmstoragetypes,
.mpmstoragesituations,
.mpmstorageprocess,
.mpmstorageprepare,
.mpmstoragewhy,
.mpmstoragefaq,
.mpmstoragecta{
    font-family:"Poppins",sans-serif;
}

.mpmstorageeyebrow{
    display:inline-block;
    margin:0 0 15px;
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
    line-height:1.5;
    text-transform:uppercase;
}


/*==================================================
BREADCRUMB
==================================================*/

.mpmstoragebread{
    position:relative;
    width:100%;
    padding:85px 0;
    background:#173d69;
    overflow:hidden;
}

.mpmstoragebread::before{
    content:"";
    position:absolute;
    width:460px;
    height:460px;
    top:-310px;
    right:-180px;
    border:75px solid rgba(255,255,255,.035);
    border-radius:50%;
}

.mpmstoragebread::after{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    left:-170px;
    bottom:-210px;
    background:rgba(244,180,0,.09);
    border-radius:50%;
}

.mpmstoragebreadwrap{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
}

.mpmstoragebreadcontent{
    flex:1;
    max-width:760px;
    min-width:0;
    text-align:left;
}

.mpmstoragebreadlabel{
    display:inline-flex;
    align-items:center;
    margin-bottom:16px;
    padding:8px 16px;
    background:rgba(244,180,0,.14);
    border-left:4px solid #dd7436;
    border-radius:0 5px 5px 0;
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    letter-spacing:.8px;
    text-transform:uppercase;
}

.mpmstoragebreadcontent h1{
    margin:0 0 15px;
    color:#ffffff;
    font-size:48px;
    font-weight:800;
    line-height:1.2;
}

.mpmstoragebreadcontent p{
    max-width:680px;
    margin:0 0 23px;
    color:rgba(255,255,255,.72);
    font-size:15px;
    line-height:1.8;
}

.mpmstoragebreadcrumb{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:11px;
}

.mpmstoragebreadcrumb a{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#ffffff;
    text-decoration:none;
    font-size:13px;
    font-weight:600;
}

.mpmstoragebreadcrumb > i{
    color:rgba(255,255,255,.35);
    font-size:9px;
}

.mpmstoragebreadcrumb > span{
    color:#dd7436;
    font-size:13px;
    font-weight:700;
}

.mpmstoragebreadcard{
    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;
}

.mpmstoragebreadicon{
    width:66px;
    height:66px;
    min-width:66px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#173d69;
    border-radius:12px;
    font-size:25px;
}

.mpmstoragebreadcardtext span{
    display:block;
    margin-bottom:3px;
    color:rgba(255,255,255,.6);
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
}

.mpmstoragebreadcardtext h2{
    margin:0 0 7px;
    color:#ffffff;
    font-size:17px;
    font-weight:700;
    line-height:1.4;
}

.mpmstoragebreadcardtext a{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#dd7436;
    text-decoration:none;
    font-size:12px;
    font-weight:700;
}

/*==================================================
LEFT CONTENT
==================================================*/

.mpmstoragesituationsintro{
    width:100%;
    min-width:0;
    text-align:left;
}

.mpmstoragesituationsintro .mpmstorageeyebrow{
    display:inline-block;
    margin:0 0 15px;
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    line-height:1.5;
    letter-spacing:1px;
    text-transform:uppercase;
}

.mpmstoragesituationsintro h2{
    margin:0 0 22px;
    color:#173d69;
    font-size:43px;
    font-weight:800;
    line-height:1.25;
}

.mpmstoragesituationsintro h2 span{
    color:#dd7436;
}

.mpmstoragesituationsintro > p{
    margin:0 0 17px;
    color:#68717d;
    font-size:15px;
    font-weight:400;
    line-height:1.9;
}

.mpmstoragesituationsintro .mpmstorageprimarybtn{
    margin-top:15px;
}


/*==================================================
INTRO
==================================================*/

.mpmstorageintro{
    padding:100px 0;
    background:#ffffff;
}

.mpmstorageintrogrid{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
    gap:65px;
    align-items:center;
}

.mpmstorageintrocontent,
.mpmstoragesituationsintro,
.mpmstoragepreparecontent,
.mpmstoragewhyintro,
.mpmstoragefaqintro{
    text-align:left;
}

.mpmstorageintrocontent h2,
.mpmstoragesituationsintro h2,
.mpmstoragepreparecontent h2,
.mpmstoragewhyintro h2,
.mpmstoragefaqintro h2{
    margin:0 0 23px;
    color:#173d69;
    font-size:43px;
    font-weight:800;
    line-height:1.25;
}

.mpmstorageintrocontent h2 span,
.mpmstoragesituationsintro h2 span,
.mpmstoragepreparecontent h2 span,
.mpmstoragewhyintro h2 span,
.mpmstoragefaqintro h2 span{
    color:#dd7436;
}

.mpmstorageintrocontent p,
.mpmstoragesituationsintro > p,
.mpmstoragepreparecontent > p,
.mpmstoragewhyintro > p,
.mpmstoragefaqintro > p{
    margin:0 0 17px;
    color:#68717d;
    font-size:15px;
    line-height:1.9;
}

.mpmstoragelead{
    color:#46505c !important;
    font-size:16px !important;
}

.mpmstorageintroline{
    display:flex;
    align-items:flex-start;
    gap:16px;
    margin:28px 0;
    padding:20px;
    background:#f5f7fa;
    border-left:4px solid #dd7436;
    border-radius:0 9px 9px 0;
}

.mpmstorageintrolineicon{
    width:48px;
    height:48px;
    min-width:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#173d69;
    color:#ffffff;
    border-radius:9px;
}

.mpmstorageintroline span{
    display:block;
    margin-bottom:4px;
    color:#173d69;
    font-size:14px;
    font-weight:700;
}

.mpmstorageintroline p{
    margin:0;
    color:#707985;
    font-size:12px;
    line-height:1.7;
}

.mpmstorageintroactions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:13px;
}

.mpmstorageprimarybtn,
.mpmstoragecallbtn,
.mpmstoragerequirementbtn{
    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;
}

.mpmstorageprimarybtn{
    background:#173d69;
    color:#ffffff;
}

.mpmstoragecallbtn{
    background:#dd7436;
    color:#173d69;
}

.mpmstorageprimarybtn:hover,
.mpmstoragecallbtn:hover,
.mpmstoragerequirementbtn:hover{
    transform:translateY(-3px);
}


/*==================================================
STORAGE REQUIREMENT
==================================================*/

.mpmstoragerequirement{
    position:relative;
    padding:42px;
    background:#173d69;
    border-radius:20px;
    box-shadow:0 25px 60px rgba(23,61,105,.18);
    overflow:hidden;
}

.mpmstoragerequirement::before{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    top:-170px;
    right:-150px;
    border:45px solid rgba(255,255,255,.035);
    border-radius:50%;
}

.mpmstoragerequirementhead,
.mpmstoragerequirementlist,
.mpmstoragerequirementbtn{
    position:relative;
    z-index:2;
}

.mpmstoragerequirementhead{
    margin-bottom:25px;
}

.mpmstoragerequirementhead span{
    display:block;
    margin-bottom:6px;
    color:#dd7436;
    font-size:10px;
    font-weight:800;
    letter-spacing:1px;
}

.mpmstoragerequirementhead h3{
    margin:0 0 9px;
    color:#ffffff;
    font-size:27px;
    font-weight:800;
    line-height:1.4;
}

.mpmstoragerequirementhead p{
    margin:0;
    color:rgba(255,255,255,.64);
    font-size:13px;
    line-height:1.8;
}

.mpmstoragerequirementlist{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.mpmstoragerequirementitem{
    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;
}

.mpmstoragerequirementicon{
    width:42px;
    height:42px;
    min-width:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#173d69;
    border-radius:8px;
    font-size:15px;
}

.mpmstoragerequirementitem h4{
    margin:0 0 4px;
    color:#ffffff;
    font-size:14px;
}

.mpmstoragerequirementitem p{
    margin:0;
    color:rgba(255,255,255,.64);
    font-size:12px;
    line-height:1.6;
}

.mpmstoragerequirementbtn{
    width:100%;
    margin-top:22px;
    background:#dd7436;
    color:#173d69;
}


/*==================================================
COMMON HEADING
==================================================*/

.mpmstorageheading{
    max-width:760px;
    margin:0 auto 55px;
    text-align:center;
}

.mpmstorageheading > span{
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.mpmstorageheading h2{
    margin:10px 0 16px;
    color:#173d69;
    font-size:42px;
    font-weight:800;
    line-height:1.3;
}

.mpmstorageheading h2 strong{
    color:#dd7436;
}

.mpmstorageheading p{
    margin:0;
    color:#707985;
    font-size:15px;
    line-height:1.8;
}


/*==================================================
STORAGE TYPES
==================================================*/

.mpmstoragetypes{
    padding:95px 0;
    background:#f5f7fa;
}

.mpmstoragetypesgrid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
}

.mpmstoragetypecard{
    position:relative;
    padding:32px 25px;
    background:#ffffff;
    border:1px solid #e4e9ef;
    border-radius:14px;
    overflow:hidden;
    transition:.35s ease;
}

.mpmstoragetypecard:hover{
    transform:translateY(-7px);
    box-shadow:0 20px 45px rgba(23,61,105,.1);
}

.mpmstoragetypenumber{
    position:absolute;
    top:15px;
    right:18px;
    color:rgba(23,61,105,.06);
    font-size:42px;
    font-weight:800;
}

.mpmstoragetypeicon{
    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;
}

.mpmstoragetypecard h3{
    margin:0 0 11px;
    color:#173d69;
    font-size:18px;
    line-height:1.5;
}

.mpmstoragetypecard p{
    margin:0 0 20px;
    color:#707985;
    font-size:13px;
    line-height:1.8;
}

.mpmstoragetypecard a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#173d69;
    text-decoration:none;
    font-size:12px;
    font-weight:800;
}


/*==================================================
STORAGE SITUATIONS
==================================================*/

.mpmstoragesituations{
   position:relative;
    width:100%;
    padding:100px 0;
    background:#ffffff;
    overflow:hidden;;
}

.mpmstoragesituationsgrid{
display:grid;
    grid-template-columns:minmax(0, 0.80fr) minmax(0, 1.20fr);
    gap:70px;
    align-items:center;
}

.mpmstoragesituationlist{
  width:100%;
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:16px;
}

.mpmstoragesituationitem{
   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;
}
.mpmstoragesituationitem:hover{
    transform:translateY(-4px);
    background:#ffffff;
    border-color:rgba(244,180,0,.45);
    box-shadow:0 18px 40px rgba(23,61,105,.10);
}
.mpmstoragesituationitem > 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;
}

.mpmstoragesituationicon{
     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;
}
.mpmstoragesituationitem:hover .mpmstoragesituationicon{
    background:#dd7436;
    color:#173d69;

    transform:
        translateY(-50%)
        scale(1.05);
}
/*==================================================
CONTENT - IMPORTANT WIDTH FIX
==================================================*/

.mpmstoragesituationitem > div:last-child{
    display:block;

    width:100%;
    min-width:0;

    text-align:left;
}
.mpmstoragesituationitem 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;
}

.mpmstoragesituationitem 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){

    .mpmstoragesituations{
        padding:80px 0;
    }

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

    .mpmstoragesituationsintro{
        max-width:750px;
    }

    .mpmstoragesituationsintro h2{
        font-size:38px;
    }

    .mpmstoragesituationlist{
        width:100%;
    }

    .mpmstoragesituationitem{
        min-height:135px;
        padding:25px 75px 25px 100px;
    }

}


/*==================================================
MOBILE
==================================================*/

@media(max-width:767px){

    .mpmstoragesituations{
        padding:65px 0;
    }

    .mpmstoragesituationsgrid{
        gap:40px;
    }

    .mpmstoragesituationsintro h2{
        font-size:30px;
        line-height:1.3;
    }

    .mpmstoragesituationsintro > p{
        font-size:14px;
        line-height:1.8;
    }

    .mpmstoragesituationlist{
        gap:14px;
    }

    .mpmstoragesituationitem{
        min-height:auto;

        padding:
            24px
            55px
            24px
            88px;

        border-radius:12px;
    }

    .mpmstoragesituationicon{
        left:20px;

        width:52px;
        height:52px;

        font-size:18px;
    }

    .mpmstoragesituationitem > span{
        top:16px;
        right:17px;

        font-size:36px;
    }

    .mpmstoragesituationitem h3{
        font-size:17px;
    }

    .mpmstoragesituationitem p{
        font-size:12px;
        line-height:1.75;
    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media(max-width:480px){

    .mpmstoragesituationsintro h2{
        font-size:27px;
    }

    .mpmstoragesituationitem{
        padding:
            82px
            20px
            24px
            20px;
    }

    .mpmstoragesituationicon{
        top:20px;
        left:20px;

        transform:none;

        width:48px;
        height:48px;

        font-size:17px;
    }

    .mpmstoragesituationitem:hover .mpmstoragesituationicon{
        transform:scale(1.05);
    }

    .mpmstoragesituationitem > span{
        top:20px;
        right:20px;

        font-size:38px;
    }

    .mpmstoragesituationitem h3{
        padding-right:0;

        font-size:17px;
        line-height:1.45;
    }

    .mpmstoragesituationitem p{
        max-width:100%;

        font-size:13px;
        line-height:1.75;
    }

}


/*==================================================
STORAGE PROCESS
==================================================*/

.mpmstorageprocess{
    padding:95px 0;
    background:#173d69;
}

.mpmstorageheadinglight h2{
    color:#ffffff;
}

.mpmstorageheadinglight p{
    color:rgba(255,255,255,.67);
}

.mpmstorageprocessgrid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}

.mpmstorageprocessbox{
    position:relative;
    padding:30px 25px;
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.11);
    border-radius:13px;
    overflow:hidden;
}

.mpmstorageprocessnumber{
    position:absolute;
    top:17px;
    right:20px;
    color:rgba(255,255,255,.07);
    font-size:40px;
    font-weight:800;
}

.mpmstorageprocessicon{
    width:55px;
    height:55px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:21px;
    background:#dd7436;
    color:#173d69;
    border-radius:10px;
    font-size:20px;
}

.mpmstorageprocessbox h3{
    margin:0 0 9px;
    color:#ffffff;
    font-size:17px;
}

.mpmstorageprocessbox p{
    margin:0;
    color:rgba(255,255,255,.66);
    font-size:13px;
    line-height:1.8;
}


/*==================================================
STORAGE PREPARATION
==================================================*/

.mpmstorageprepare{
    padding:100px 0;
    background:#f5f7fa;
}

.mpmstoragepreparegrid{
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:70px;
    align-items:center;
}

.mpmstoragepreparenote{
    display:flex;
    align-items:flex-start;
    gap:13px;
    margin:27px 0;
    padding:18px;
    background:#ffffff;
    border-left:4px solid #dd7436;
}

.mpmstoragepreparenote i{
    margin-top:5px;
    color:#173d69;
}

.mpmstoragepreparenote p{
    margin:0;
    color:#68717d;
    font-size:12px;
    line-height:1.8;
}

.mpmstoragechecklist{
    padding:38px;
    background:#173d69;
    border-radius:18px;
}

.mpmstoragecheckhead{
    margin-bottom:25px;
}

.mpmstoragecheckhead span{
    display:block;
    margin-bottom:6px;
    color:#dd7436;
    font-size:10px;
    font-weight:800;
    letter-spacing:1px;
}

.mpmstoragecheckhead h3{
    margin:0;
    color:#ffffff;
    font-size:25px;
}

.mpmstoragecheckitems{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.mpmstoragecheckitem{
    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;
}

.mpmstoragecheckicon{
    width:29px;
    height:29px;
    min-width:29px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#173d69;
    border-radius:50%;
    font-size:10px;
}

.mpmstoragecheckitem h4{
    margin:0 0 4px;
    color:#ffffff;
    font-size:14px;
}

.mpmstoragecheckitem p{
    margin:0;
    color:rgba(255,255,255,.64);
    font-size:12px;
    line-height:1.7;
}


/*==================================================
WHY CHOOSE
==================================================*/

.mpmstoragewhy{
    padding:100px 0;
    background:#ffffff;
}

.mpmstoragewhygrid{
    display:grid;
    grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
    gap:70px;
    align-items:center;
}

.mpmstoragewhycall{
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:30px;
    padding:20px;
    background:#173d69;
    border-radius:10px;
}

.mpmstoragewhycallicon{
    width:50px;
    height:50px;
    min-width:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#173d69;
    border-radius:50%;
}

.mpmstoragewhycall span{
    display:block;
    color:rgba(255,255,255,.6);
    font-size:10px;
}

.mpmstoragewhycall a{
    color:#ffffff;
    text-decoration:none;
    font-size:18px;
    font-weight:800;
}

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

.mpmstoragewhybox{
    position:relative;
    padding:28px;
    background:#f7f9fb;
    border:1px solid #e4e9ef;
    border-radius:13px;
}

.mpmstoragewhybox > span{
    position:absolute;
    top:18px;
    right:20px;
    color:rgba(23,61,105,.07);
    font-size:38px;
    font-weight:800;
}

.mpmstoragewhybox > 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;
}

.mpmstoragewhybox h3{
    margin:0 0 9px;
    color:#173d69;
    font-size:17px;
}

.mpmstoragewhybox p{
    margin:0;
    color:#707985;
    font-size:13px;
    line-height:1.8;
}


/*==================================================
FAQ
==================================================*/

.mpmstoragefaq{
    padding:100px 0;
    background:#f5f7fa;
}

.mpmstoragefaqgrid{
    display:grid;
    grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
    gap:70px;
    align-items:start;
}

.mpmstoragefaqlist{
    display:flex;
    flex-direction:column;
    gap:13px;
}

.mpmstoragefaqitem{
    background:#ffffff;
    border:1px solid #e4e9ef;
    border-radius:9px;
    overflow:hidden;
}

.mpmstoragefaqitem 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;
}

.mpmstoragefaqitem summary::-webkit-details-marker{
    display:none;
}

.mpmstoragefaqitem summary i{
    font-size:12px;
    transition:transform .3s ease;
}

.mpmstoragefaqitem[open] summary i{
    transform:rotate(45deg);
}

.mpmstoragefaqitem p{
    margin:0;
    padding:0 22px 21px;
    color:#707985;
    font-size:13px;
    line-height:1.8;
}


/*==================================================
CTA
==================================================*/

.mpmstoragecta{
    position:relative;
    padding:75px 0;
    background:#173d69;
    overflow:hidden;
}

.mpmstoragecta::after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    right:-150px;
    bottom:-190px;
    background:rgba(244,180,0,.08);
    border-radius:50%;
}

.mpmstoragectawrap{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:45px;
}

.mpmstoragectacontent{
    max-width:730px;
}

.mpmstoragectacontent > span{
    display:block;
    margin-bottom:7px;
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
}

.mpmstoragectacontent h2{
    margin:0 0 10px;
    color:#ffffff;
    font-size:35px;
    font-weight:800;
    line-height:1.3;
}

.mpmstoragectacontent p{
    margin:0;
    color:rgba(255,255,255,.7);
    font-size:14px;
    line-height:1.8;
}

.mpmstoragectaactions{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:max-content;
}

.mpmstoragectaprimary,
.mpmstoragectacall{
    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;
}

.mpmstoragectaprimary{
    background:#dd7436;
    color:#173d69;
}

.mpmstoragectacall{
    background:#ffffff;
    color:#173d69;
}

.mpmstoragectaprimary:hover,
.mpmstoragectacall:hover{
    transform:translateY(-3px);
}


/*==================================================
TABLET
==================================================*/

@media(max-width:991px){

    .mpmstoragebreadwrap{
        align-items:flex-start;
        gap:35px;
    }

    .mpmstoragebreadcontent h1{
        font-size:40px;
    }

    .mpmstoragebreadcard{
        max-width:310px;
    }

    .mpmstorageintrogrid,
    .mpmstoragesituationsgrid,
    .mpmstoragepreparegrid,
    .mpmstoragewhygrid,
    .mpmstoragefaqgrid{
        grid-template-columns:1fr;
        gap:50px;
    }

    .mpmstoragetypesgrid,
    .mpmstorageprocessgrid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .mpmstorageintrocontent h2,
    .mpmstoragesituationsintro h2,
    .mpmstoragepreparecontent h2,
    .mpmstoragewhyintro h2,
    .mpmstoragefaqintro h2,
    .mpmstorageheading h2{
        font-size:38px;
    }

    .mpmstoragectawrap{
        flex-direction:column;
        align-items:flex-start;
    }

}


/*==================================================
MOBILE
==================================================*/

@media(max-width:767px){

    .mpmstoragebread{
        padding:55px 0;
    }

    .mpmstoragebreadwrap{
        flex-direction:column;
        align-items:stretch;
        gap:30px;
    }

    .mpmstoragebreadcontent h1{
        font-size:33px;
    }

    .mpmstoragebreadcard{
        max-width:100%;
    }

    .mpmstorageintro,
    .mpmstoragetypes,
    .mpmstoragesituations,
    .mpmstorageprocess,
    .mpmstorageprepare,
    .mpmstoragewhy,
    .mpmstoragefaq{
        padding:65px 0;
    }

    .mpmstorageintrocontent h2,
    .mpmstoragesituationsintro h2,
    .mpmstoragepreparecontent h2,
    .mpmstoragewhyintro h2,
    .mpmstoragefaqintro h2,
    .mpmstorageheading h2{
        font-size:30px;
    }

    .mpmstoragetypesgrid,
    .mpmstorageprocessgrid,
    .mpmstoragewhyfeatures{
        grid-template-columns:1fr;
    }

    .mpmstorageintroactions{
        flex-direction:column;
        align-items:stretch;
    }

    .mpmstorageprimarybtn,
    .mpmstoragecallbtn{
        width:100%;
    }

    .mpmstoragerequirement{
        padding:32px 23px;
    }

    .mpmstorageheading{
        margin-bottom:40px;
        text-align:left;
    }

    .mpmstorageheading h2,
    .mpmstorageheading p{
        text-align:left;
    }

    .mpmstoragesituationitem{
        padding:22px 20px 22px 82px;
    }

    .mpmstoragesituationicon{
        left:18px;
    }

    .mpmstoragechecklist{
        padding:30px 22px;
    }

    .mpmstoragecta{
        padding:60px 0;
    }

    .mpmstoragectacontent h2{
        font-size:28px;
    }

    .mpmstoragectaactions{
        width:100%;
        min-width:0;
        flex-direction:column;
        align-items:stretch;
    }

    .mpmstoragectaprimary,
    .mpmstoragectacall{
        width:100%;
    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media(max-width:480px){

    .mpmstoragebreadcontent h1{
        font-size:29px;
    }

    .mpmstoragebreadcard{
        padding:18px 15px;
    }

    .mpmstoragebreadicon{
        width:52px;
        height:52px;
        min-width:52px;
        font-size:20px;
    }

    .mpmstorageintrocontent h2,
    .mpmstoragesituationsintro h2,
    .mpmstoragepreparecontent h2,
    .mpmstoragewhyintro h2,
    .mpmstoragefaqintro h2,
    .mpmstorageheading h2{
        font-size:27px;
    }

    .mpmstoragerequirement{
        padding:28px 18px;
    }

    .mpmstoragerequirementhead h3{
        font-size:23px;
    }

    .mpmstoragetypecard,
    .mpmstorageprocessbox,
    .mpmstoragewhybox{
        padding:25px 20px;
    }

    .mpmstoragesituationitem{
        padding:75px 18px 20px;
    }

    .mpmstoragesituationicon{
        top:18px;
        left:18px;
        transform:none;
        width:45px;
        height:45px;
    }

    .mpmstoragechecklist{
        padding:27px 18px;
    }

    .mpmstoragecheckhead h3{
        font-size:21px;
    }

    .mpmstoragefaqitem summary{
        padding:18px;
        font-size:13px;
    }

    .mpmstoragefaqitem p{
        padding:0 18px 19px;
    }

}

/*==================================================
NETWORK GLOBAL
==================================================*/

.mpmnetworkbread,
.mpmnetworkintro,
.mpmnetworkregions,
.mpmnetworkroutes,
.mpmnetworkservices,
.mpmnetworkwhy,
.mpmnetworkfaq,
.mpmnetworkcta{
    font-family:"Poppins",sans-serif;
}

.mpmnetworkeyebrow{
    display:inline-block;
    margin:0 0 15px;
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
    line-height:1.5;
    text-transform:uppercase;
}


/*==================================================
BREADCRUMB
==================================================*/

.mpmnetworkbread{
    position:relative;
    width:100%;
    padding:85px 0;
    background:#173d69;
    overflow:hidden;
}

.mpmnetworkbread::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    top:-310px;
    right:-170px;
    border:75px solid rgba(255,255,255,.035);
    border-radius:50%;
}

.mpmnetworkbread::after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    left:-160px;
    bottom:-200px;
    background:rgba(244,180,0,.08);
    border-radius:50%;
}

.mpmnetworkbreadwrap{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
}

.mpmnetworkbreadcontent{
    flex:1;
    max-width:760px;
    min-width:0;
    text-align:left;
}

.mpmnetworkbreadlabel{
    display:inline-flex;
    align-items:center;
    margin-bottom:16px;
    padding:8px 16px;
    background:rgba(244,180,0,.14);
    border-left:4px solid #dd7436;
    border-radius:0 5px 5px 0;
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    letter-spacing:.8px;
    text-transform:uppercase;
}

.mpmnetworkbreadcontent h1{
    margin:0 0 15px;
    color:#ffffff;
    font-size:48px;
    font-weight:800;
    line-height:1.2;
}

.mpmnetworkbreadcontent p{
    max-width:680px;
    margin:0 0 23px;
    color:rgba(255,255,255,.72);
    font-size:15px;
    line-height:1.8;
}

.mpmnetworkbreadcrumb{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:11px;
}

.mpmnetworkbreadcrumb a{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#ffffff;
    text-decoration:none;
    font-size:13px;
    font-weight:600;
}

.mpmnetworkbreadcrumb > i{
    color:rgba(255,255,255,.35);
    font-size:9px;
}

.mpmnetworkbreadcrumb > span{
    color:#dd7436;
    font-size:13px;
    font-weight:700;
}

.mpmnetworkbreadpanel{
    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;
}

.mpmnetworkbreadicon{
    width:66px;
    height:66px;
    min-width:66px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#173d69;
    border-radius:12px;
    font-size:25px;
}

.mpmnetworkbreadpaneltext span{
    display:block;
    margin-bottom:3px;
    color:rgba(255,255,255,.6);
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
}

.mpmnetworkbreadpaneltext h2{
    margin:0 0 7px;
    color:#ffffff;
    font-size:17px;
    font-weight:700;
    line-height:1.4;
}

.mpmnetworkbreadpaneltext a{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#dd7436;
    text-decoration:none;
    font-size:12px;
    font-weight:700;
}


/*==================================================
INTRODUCTION
==================================================*/

.mpmnetworkintro{
    padding:100px 0;
    background:#ffffff;
}

.mpmnetworkintrogrid{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
    gap:65px;
    align-items:center;
}

.mpmnetworkintrocontent,
.mpmnetworkroutesintro,
.mpmnetworkwhyintro,
.mpmnetworkfaqintro{
    min-width:0;
    text-align:left;
}

.mpmnetworkintrocontent h2,
.mpmnetworkroutesintro h2,
.mpmnetworkwhyintro h2,
.mpmnetworkfaqintro h2{
    margin:0 0 23px;
    color:#173d69;
    font-size:43px;
    font-weight:800;
    line-height:1.25;
}

.mpmnetworkintrocontent h2 span,
.mpmnetworkroutesintro h2 span,
.mpmnetworkwhyintro h2 span,
.mpmnetworkfaqintro h2 span{
    color:#dd7436;
}

.mpmnetworkintrocontent p,
.mpmnetworkroutesintro > p,
.mpmnetworkwhyintro > p,
.mpmnetworkfaqintro > p{
    margin:0 0 17px;
    color:#68717d;
    font-size:15px;
    line-height:1.9;
}

.mpmnetworklead{
    color:#46505c !important;
    font-size:16px !important;
}

.mpmnetworkintrohighlight{
    display:flex;
    align-items:flex-start;
    gap:16px;
    margin:28px 0;
    padding:20px;
    background:#f5f7fa;
    border-left:4px solid #dd7436;
    border-radius:0 9px 9px 0;
}

.mpmnetworkintrohighlighticon{
    width:48px;
    height:48px;
    min-width:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#173d69;
    color:#ffffff;
    border-radius:9px;
}

.mpmnetworkintrohighlight span{
    display:block;
    margin-bottom:4px;
    color:#173d69;
    font-size:14px;
    font-weight:700;
}

.mpmnetworkintrohighlight p{
    margin:0;
    color:#707985;
    font-size:12px;
    line-height:1.7;
}

.mpmnetworkintroactions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:13px;
}

.mpmnetworkprimarybtn,
.mpmnetworkcallbtn,
.mpmnetworkcoveragebtn{
    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;
}

.mpmnetworkprimarybtn{
    background:#173d69;
    color:#ffffff;
}

.mpmnetworkcallbtn{
    background:#dd7436;
    color:#fff;
}

.mpmnetworkprimarybtn:hover,
.mpmnetworkcallbtn:hover,
.mpmnetworkcoveragebtn:hover{
    transform:translateY(-3px);
}


/*==================================================
NETWORK COVERAGE PANEL
==================================================*/

.mpmnetworkcoverage{
    position:relative;
    padding:42px;
    background:#173d69;
    border-radius:20px;
    box-shadow:0 25px 60px rgba(23,61,105,.18);
    overflow:hidden;
}

.mpmnetworkcoverage::before{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    top:-170px;
    right:-150px;
    border:45px solid rgba(255,255,255,.035);
    border-radius:50%;
}

.mpmnetworkcoveragehead,
.mpmnetworkcoveragelist,
.mpmnetworkcoveragebtn{
    position:relative;
    z-index:2;
}

.mpmnetworkcoveragehead{
    margin-bottom:25px;
}

.mpmnetworkcoveragehead span{
    display:block;
    margin-bottom:6px;
    color:#dd7436;
    font-size:10px;
    font-weight:800;
    letter-spacing:1px;
}

.mpmnetworkcoveragehead h3{
    margin:0 0 9px;
    color:#ffffff;
    font-size:27px;
    font-weight:800;
    line-height:1.4;
}

.mpmnetworkcoveragehead p{
    margin:0;
    color:rgba(255,255,255,.64);
    font-size:13px;
    line-height:1.8;
}

.mpmnetworkcoveragelist{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.mpmnetworkcoverageitem{
    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;
}

.mpmnetworkcoverageicon{
    width:42px;
    height:42px;
    min-width:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#fff;
    border-radius:8px;
    font-size:15px;
}

.mpmnetworkcoverageitem > div:last-child{
    width:100%;
    min-width:0;
}

.mpmnetworkcoverageitem h4{
    margin:0 0 4px;
    color:#ffffff;
    font-size:14px;
}

.mpmnetworkcoverageitem p{
    margin:0;
    color:rgba(255,255,255,.64);
    font-size:12px;
    line-height:1.6;
}

.mpmnetworkcoveragebtn{
    width:100%;
    margin-top:22px;
    background:#dd7436;
    color:#fff;
}


/*==================================================
COMMON HEADING
==================================================*/

.mpmnetworkheading{
    max-width:760px;
    margin:0 auto 55px;
    text-align:center;
}

.mpmnetworkheading > span{
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.mpmnetworkheading h2{
    margin:10px 0 16px;
    color:#173d69;
    font-size:42px;
    font-weight:800;
    line-height:1.3;
}

.mpmnetworkheading h2 strong{
    color:#dd7436;
}

.mpmnetworkheading p{
    margin:0;
    color:#707985;
    font-size:15px;
    line-height:1.8;
}


/*==================================================
REGIONS
==================================================*/

.mpmnetworkregions{
    padding:95px 0;
    background:#f5f7fa;
}

.mpmnetworkregionsgrid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
}

.mpmnetworkregioncard{
    position:relative;
    padding:32px;
    background:#ffffff;
    border:1px solid #e3e8ee;
    border-radius:15px;
    overflow:hidden;
    transition:.35s ease;
}

.mpmnetworkregioncard:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 45px rgba(23,61,105,.10);
}

.mpmnetworkregiontop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:22px;
}

.mpmnetworkregionicon{
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#173d69;
    color:#ffffff;
    border-radius:11px;
    font-size:21px;
}

.mpmnetworkregiontop > span{
    color:rgba(23,61,105,.10);
    font-size:31px;
    font-weight:800;
    letter-spacing:2px;
}

.mpmnetworkregioncard h3{
    margin:0 0 9px;
    color:#173d69;
    font-size:22px;
    font-weight:800;
}

.mpmnetworkregioncard > p{
    margin:0 0 22px;
    color:#707985;
    font-size:13px;
    line-height:1.8;
}

.mpmnetworkcitylist{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
}

.mpmnetworkcitylist 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;
}

.mpmnetworkcitylist span:hover{
    background:#dd7436;
    border-color:#dd7436;
}

.mpmnetworkregionwide{
    min-height:100%;
}


/*==================================================
POPULAR ROUTES
==================================================*/

.mpmnetworkroutes{
    padding:100px 0;
    background:#ffffff;
}

.mpmnetworkroutesgrid{
    display:grid;
    grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
    gap:70px;
    align-items:center;
}

.mpmnetworkroutelist{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.mpmnetworkrouteitem{
    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;
}

.mpmnetworkrouteitem:hover{
    background:#173d69;
    border-color:#173d69;
    transform:translateY(-3px);
}

.mpmnetworkroutefrom,
.mpmnetworkrouteto{
    color:#173d69;
    font-size:14px;
    font-weight:700;
}

.mpmnetworkrouteto{
    text-align:right;
}

.mpmnetworkroutearrow{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#fff;
    border-radius:50%;
    font-size:13px;
}

.mpmnetworkrouteitem:hover .mpmnetworkroutefrom,
.mpmnetworkrouteitem:hover .mpmnetworkrouteto{
    color:#ffffff;
}


/*==================================================
NETWORK SERVICES
==================================================*/

.mpmnetworkservices{
    padding:95px 0;
    background:#173d69;
}

.mpmnetworkheadinglight h2{
    color:#ffffff;
}

.mpmnetworkheadinglight p{
    color:rgba(255,255,255,.67);
}

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

.mpmnetworkservicebox{
    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;
}

.mpmnetworkservicebox:hover{
    background:rgba(255,255,255,.12);
    transform:translateY(-4px);
}

.mpmnetworkserviceicon{
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#fff;
    border-radius:10px;
    font-size:20px;
}

.mpmnetworkservicebox h3{
    margin:0 0 5px;
    color:#ffffff;
    font-size:17px;
}

.mpmnetworkservicebox p{
    margin:0;
    color:rgba(255,255,255,.63);
    font-size:12px;
    line-height:1.7;
}

.mpmnetworkservicebox > i{
    color:#dd7436;
}


/*==================================================
WHY NETWORK
==================================================*/

.mpmnetworkwhy{
    padding:100px 0;
    background:#ffffff;
}

.mpmnetworkwhygrid{
    display:grid;
    grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
    gap:70px;
    align-items:center;
}

.mpmnetworkwhycontact{
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:30px;
    padding:20px;
    background:#173d69;
    border-radius:10px;
}

.mpmnetworkwhycontacticon{
    width:50px;
    height:50px;
    min-width:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#173d69;
    border-radius:50%;
}

.mpmnetworkwhycontact span{
    display:block;
    color:rgba(255,255,255,.6);
    font-size:10px;
}

.mpmnetworkwhycontact a{
    color:#ffffff;
    text-decoration:none;
    font-size:18px;
    font-weight:800;
}

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

.mpmnetworkwhyitem{
    position:relative;
    display:block;
    min-width:0;
    padding:28px;
    background:#f7f9fb;
    border:1px solid #e4e9ef;
    border-radius:13px;
}

.mpmnetworkwhyitem > span{
    position:absolute;
    top:18px;
    right:20px;
    color:rgba(23,61,105,.07);
    font-size:38px;
    font-weight:800;
}

.mpmnetworkwhyicon{
    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;
}

.mpmnetworkwhyitem > div:last-child{
    width:100%;
    min-width:0;
}

.mpmnetworkwhyitem h3{
    margin:0 0 9px;
    color:#173d69;
    font-size:17px;
}

.mpmnetworkwhyitem p{
    margin:0;
    color:#707985;
    font-size:13px;
    line-height:1.8;
}


/*==================================================
FAQ
==================================================*/

.mpmnetworkfaq{
    padding:100px 0;
    background:#f5f7fa;
}

.mpmnetworkfaqgrid{
    display:grid;
    grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
    gap:70px;
    align-items:start;
}

.mpmnetworkfaqlist{
    display:flex;
    flex-direction:column;
    gap:13px;
}

.mpmnetworkfaqitem{
    background:#ffffff;
    border:1px solid #e4e9ef;
    border-radius:9px;
    overflow:hidden;
}

.mpmnetworkfaqitem 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;
}

.mpmnetworkfaqitem summary::-webkit-details-marker{
    display:none;
}

.mpmnetworkfaqitem summary i{
    font-size:12px;
    transition:transform .3s ease;
}

.mpmnetworkfaqitem[open] summary i{
    transform:rotate(45deg);
}

.mpmnetworkfaqitem p{
    margin:0;
    padding:0 22px 21px;
    color:#707985;
    font-size:13px;
    line-height:1.8;
}


/*==================================================
FINAL CTA
==================================================*/

.mpmnetworkcta{
    position:relative;
    padding:75px 0;
    background:#173d69;
    overflow:hidden;
}

.mpmnetworkcta::after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    right:-150px;
    bottom:-190px;
    background:rgba(244,180,0,.08);
    border-radius:50%;
}

.mpmnetworkctawrap{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:45px;
}

.mpmnetworkctacontent{
    max-width:730px;
    text-align:left;
}

.mpmnetworkctacontent > span{
    display:block;
    margin-bottom:7px;
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
}

.mpmnetworkctacontent h2{
    margin:0 0 10px;
    color:#ffffff;
    font-size:35px;
    font-weight:800;
    line-height:1.3;
}

.mpmnetworkctacontent p{
    margin:0;
    color:rgba(255,255,255,.7);
    font-size:14px;
    line-height:1.8;
}

.mpmnetworkctaactions{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:max-content;
}

.mpmnetworkctaprimary,
.mpmnetworkctacall{
    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;
}

.mpmnetworkctaprimary{
    background:#dd7436;
    color:#173d69;
}

.mpmnetworkctacall{
    background:#ffffff;
    color:#173d69;
}


/*==================================================
TABLET
==================================================*/

@media(max-width:991px){

    .mpmnetworkbreadwrap{
        align-items:flex-start;
        gap:35px;
    }

    .mpmnetworkbreadcontent h1{
        font-size:40px;
    }

    .mpmnetworkbreadpanel{
        max-width:320px;
    }

    .mpmnetworkintrogrid,
    .mpmnetworkroutesgrid,
    .mpmnetworkwhygrid,
    .mpmnetworkfaqgrid{
        grid-template-columns:1fr;
        gap:50px;
    }

    .mpmnetworkintrocontent h2,
    .mpmnetworkroutesintro h2,
    .mpmnetworkwhyintro h2,
    .mpmnetworkfaqintro h2,
    .mpmnetworkheading h2{
        font-size:38px;
    }

    .mpmnetworkctawrap{
        flex-direction:column;
        align-items:flex-start;
    }

}


/*==================================================
MOBILE
==================================================*/

@media(max-width:767px){

    .mpmnetworkbread{
        padding:55px 0;
    }

    .mpmnetworkbreadwrap{
        flex-direction:column;
        align-items:stretch;
        gap:30px;
    }

    .mpmnetworkbreadcontent h1{
        font-size:33px;
    }

    .mpmnetworkbreadpanel{
        max-width:100%;
    }

    .mpmnetworkintro,
    .mpmnetworkregions,
    .mpmnetworkroutes,
    .mpmnetworkservices,
    .mpmnetworkwhy,
    .mpmnetworkfaq{
        padding:65px 0;
    }

    .mpmnetworkintrocontent h2,
    .mpmnetworkroutesintro h2,
    .mpmnetworkwhyintro h2,
    .mpmnetworkfaqintro h2,
    .mpmnetworkheading h2{
        font-size:30px;
    }

    .mpmnetworkregionsgrid,
    .mpmnetworkroutelist,
    .mpmnetworkservicesgrid,
    .mpmnetworkwhylist{
        grid-template-columns:1fr;
    }

    .mpmnetworkintroactions{
        flex-direction:column;
        align-items:stretch;
    }

    .mpmnetworkprimarybtn,
    .mpmnetworkcallbtn{
        width:100%;
    }

    .mpmnetworkcoverage{
        padding:32px 23px;
    }

    .mpmnetworkheading{
        margin-bottom:40px;
        text-align:left;
    }

    .mpmnetworkheading h2,
    .mpmnetworkheading p{
        text-align:left;
    }

    .mpmnetworkregioncard{
        padding:27px 22px;
    }

    .mpmnetworkservicebox{
        grid-template-columns:52px minmax(0,1fr) 25px;
        gap:14px;
        padding:19px;
    }

    .mpmnetworkserviceicon{
        width:52px;
        height:52px;
    }

    .mpmnetworkcta{
        padding:60px 0;
    }

    .mpmnetworkctacontent h2{
        font-size:28px;
    }

    .mpmnetworkctaactions{
        width:100%;
        min-width:0;
        flex-direction:column;
        align-items:stretch;
    }

    .mpmnetworkctaprimary,
    .mpmnetworkctacall{
        width:100%;
    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media(max-width:480px){

    .mpmnetworkbreadcontent h1{
        font-size:29px;
    }

    .mpmnetworkbreadpanel{
        padding:18px 15px;
    }

    .mpmnetworkbreadicon{
        width:52px;
        height:52px;
        min-width:52px;
        font-size:20px;
    }

    .mpmnetworkintrocontent h2,
    .mpmnetworkroutesintro h2,
    .mpmnetworkwhyintro h2,
    .mpmnetworkfaqintro h2,
    .mpmnetworkheading h2{
        font-size:27px;
    }

    .mpmnetworkcoverage{
        padding:28px 18px;
    }

    .mpmnetworkcoveragehead h3{
        font-size:23px;
    }

    .mpmnetworkregiontop > span{
        font-size:23px;
    }

    .mpmnetworkcitylist{
        gap:7px;
    }

    .mpmnetworkcitylist span{
        min-height:32px;
        padding:7px 10px;
        font-size:10px;
    }

    .mpmnetworkrouteitem{
        grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);
        padding:15px;
    }

    .mpmnetworkroutearrow{
        width:36px;
        height:36px;
    }

    .mpmnetworkroutefrom,
    .mpmnetworkrouteto{
        font-size:12px;
    }

    .mpmnetworkservicebox{
        grid-template-columns:48px minmax(0,1fr);
    }

    .mpmnetworkservicebox > i{
        display:none;
    }

    .mpmnetworkserviceicon{
        width:48px;
        height:48px;
    }

    .mpmnetworkwhyitem{
        padding:25px 20px;
    }

    .mpmnetworkfaqitem summary{
        padding:18px;
        font-size:13px;
    }

    .mpmnetworkfaqitem p{
        padding:0 18px 19px;
    }

}

/*========================================
TRACK YOUR SHIPMENT BUTTON
========================================*/

.mpmdesktoptrack{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;

    padding:9px 17px;

    background:#dd7436;
    color:#173d69;

    border:1px solid #dd7436;
    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;
}

.mpmdesktoptrack i{
    font-size:14px;
}

.mpmdesktoptrack: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){

    .mpmdesktoptrack{
        padding:8px 14px;
        font-size:12px;
    }

}


/*========================================
MOBILE
========================================*/

@media(max-width:767px){

    .mpmdesktoptrack{
        padding:7px 11px;
        gap:6px;

        font-size:11px;
    }

    .mpmdesktoptrack i{
        font-size:12px;
    }

}


/*========================================
SMALL MOBILE
========================================*/

@media(max-width:480px){

    .mpmdesktoptrack{
        padding:7px 9px;
        font-size:10px;
    }

}

/*==================================================
SHIPMENT TRACKING SECTION
==================================================*/

.mpmtracksection{
    position:relative;
    width:100%;
    padding:100px 0;
    background:#f5f7fa;
    font-family:"Poppins",sans-serif;
    overflow:hidden;
}

.mpmtracksection::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    top:-280px;
    left:-250px;
    border:70px solid rgba(23,61,105,.025);
    border-radius:50%;
}

.mpmtracksection::after{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    right:-210px;
    bottom:-210px;
    background:rgba(244,180,0,.06);
    border-radius:50%;
}

.mpmtrackwrap{
    position:relative;
    z-index:2;

    display:grid;
    grid-template-columns:minmax(0,.90fr) minmax(0,1.10fr);
    gap:75px;

    align-items:center;
}


/*==================================================
LEFT CONTENT
==================================================*/

.mpmtrackcontent{
    width:100%;
    min-width:0;
    text-align:left;
}

.mpmtrackeyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;

    margin:0 0 17px;

    color:#dd7436;

    font-size:11px;
    font-weight:800;
    line-height:1.4;

    letter-spacing:1px;
    text-transform:uppercase;
}

.mpmtrackeyebrow i{
    font-size:14px;
}

.mpmtrackcontent h2{
    margin:0 0 22px;

    color:#173d69;

    font-size:45px;
    font-weight:800;
    line-height:1.22;
}

.mpmtrackcontent h2 span{
    display:block;
    color:#dd7436;
}

.mpmtracklead{
    max-width:570px;

    margin:0 0 33px;

    color:#68717d;

    font-size:15px;
    font-weight:400;
    line-height:1.9;
}


/*==================================================
TRACK FEATURES
==================================================*/

.mpmtrackfeatures{
    display:flex;
    flex-direction:column;
    gap:14px;

    max-width:570px;
}

.mpmtrackfeature{
    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;
}

.mpmtrackfeature:hover{
    transform:translateX(5px);

    border-color:rgba(244,180,0,.55);

    box-shadow:0 12px 30px rgba(23,61,105,.07);
}

.mpmtrackfeatureicon{
    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;
}

.mpmtrackfeature > div:last-child{
    width:100%;
    min-width:0;
}

.mpmtrackfeature h3{
    margin:0 0 5px;

    color:#173d69;

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

.mpmtrackfeature p{
    margin:0;

    color:#707985;

    font-size:12px;
    line-height:1.7;
}


/*==================================================
TRACKING BOX
==================================================*/

.mpmtrackbox{
    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;
}

.mpmtrackbox::before{
    content:"";

    position:absolute;

    width:230px;
    height:230px;

    top:-150px;
    right:-140px;

    background:rgba(244,180,0,.07);

    border-radius:50%;
}

.mpmtrackboxicon{
    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);
}

.mpmtrackboxtag{
    position:relative;
    z-index:2;

    display:block;

    margin-bottom:7px;

    color:#dd7436;

    font-size:10px;
    font-weight:800;

    letter-spacing:1px;
}

.mpmtrackbox h3{
    position:relative;
    z-index:2;

    margin:0 0 10px;

    color:#173d69;

    font-size:29px;
    font-weight:800;
    line-height:1.35;
}

.mpmtrackbox > p{
    position:relative;
    z-index:2;

    margin:0 0 28px;

    color:#707985;

    font-size:13px;
    line-height:1.8;
}


/*==================================================
TRACKING FORM
==================================================*/

.mpmtrackform{
    position:relative;
    z-index:2;

    width:100%;
}

.mpmtrackform label{
    display:block;

    margin-bottom:9px;

    color:#173d69;

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

.mpmtracksearch{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;

    gap:10px;

    width:100%;
}

.mpmtrackinputwrap{
    position:relative;

    width:100%;
    min-width:0;
}

.mpmtrackinputwrap > i{
    position:absolute;

    top:50%;
    left:18px;

    transform:translateY(-50%);

    color:#173d69;

    font-size:15px;

    pointer-events:none;
}


.mpmtrackinputwrap 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;
}

.mpmtrackinputwrap input::placeholder{
    color:#929ba5;
}

.mpmtrackinputwrap input:focus{
    background:#ffffff;

    border-color:#dd7436;

    box-shadow:0 0 0 4px rgba(244,180,0,.12);
}

.mpmtracksearch button{
    min-width:145px;
    height:58px;

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

    gap:9px;

    padding:0 23px;

    background:#dd7436;
    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;
}

.mpmtracksearch button:hover{
    background:#173d69;
    color:#ffffff;

    transform:translateY(-2px);

    box-shadow:0 10px 24px rgba(23,61,105,.18);
}


/*==================================================
HELP INFORMATION
==================================================*/

.mpmtrackhelp{
    position:relative;
    z-index:2;

    display:flex;
    align-items:flex-start;

    gap:10px;

    margin-top:16px;
}

.mpmtrackhelp i{
    margin-top:4px;

    color:#dd7436;

    font-size:13px;
}

.mpmtrackhelp p{
    margin:0;

    color:#818a94;

    font-size:11px;
    line-height:1.7;
}


/*==================================================
TRACK CONTACT
==================================================*/

.mpmtrackcontact{
    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;
}

.mpmtrackcontact span{
    color:#707985;

    font-size:11px;
    font-weight:500;
}

.mpmtrackcontact a{
    display:inline-flex;
    align-items:center;

    gap:7px;

    color:#173d69;

    text-decoration:none;

    font-size:13px;
    font-weight:800;

    white-space:nowrap;
}

.mpmtrackcontact a i{
    color:#dd7436;
}


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

@media(max-width:991px){

    .mpmtracksection{
        padding:80px 0;
    }

    .mpmtrackwrap{
        grid-template-columns:1fr;

        gap:50px;
    }

    .mpmtrackcontent{
        max-width:750px;
    }

    .mpmtrackcontent h2{
        font-size:39px;
    }

    .mpmtracklead,
    .mpmtrackfeatures{
        max-width:700px;
    }

    .mpmtrackbox{
        max-width:750px;
    }

}


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

@media(max-width:767px){

    .mpmtracksection{
        padding:65px 0;
    }

    .mpmtrackwrap{
        gap:40px;
    }

    .mpmtrackcontent h2{
        font-size:31px;
        line-height:1.3;
    }

    .mpmtracklead{
        margin-bottom:25px;

        font-size:14px;
        line-height:1.8;
    }

    .mpmtrackfeature{
        padding:16px;
    }

    .mpmtrackbox{
        padding:35px 25px 30px;

        border-radius:14px;
    }

    .mpmtrackboxicon{
        width:60px;
        height:60px;

        margin-bottom:20px;

        font-size:22px;
    }

    .mpmtrackbox h3{
        font-size:25px;
    }

    .mpmtracksearch{
        grid-template-columns:1fr;

        gap:11px;
    }

    .mpmtracksearch button{
        width:100%;
    }

    .mpmtrackcontact{
        align-items:flex-start;
        flex-direction:column;

        gap:8px;
    }

}


/*==================================================
SMALL MOBILE RESPONSIVE
==================================================*/

@media(max-width:480px){

    .mpmtracksection{
        padding:55px 0;
    }

    .mpmtrackcontent h2{
        font-size:27px;
    }

    .mpmtrackeyebrow{
        font-size:10px;
    }

    .mpmtrackfeature{
        gap:13px;

        padding:14px;
    }

    .mpmtrackfeatureicon{
        width:45px;
        height:45px;
        min-width:45px;

        font-size:16px;
    }

    .mpmtrackfeature h3{
        font-size:14px;
    }

    .mpmtrackfeature p{
        font-size:11px;
    }

    .mpmtrackbox{
        padding:30px 18px 27px;
    }

    .mpmtrackboxicon{
        width:55px;
        height:55px;

        font-size:20px;
    }

    .mpmtrackbox h3{
        font-size:22px;
    }

    .mpmtrackinputwrap input{
        height:55px;

        padding-left:44px;

        font-size:12px;
    }

    .mpmtrackinputwrap > i{
        left:16px;
    }

    .mpmtracksearch button{
        height:55px;

        font-size:12px;
    }

}

/*==================================================
TRACKING PAGE GLOBAL
==================================================*/

.mpmtrackpagebread,
.mpmtrackpagemain,
.mpmtrackpagesteps,
.mpmtrackpageservices,
.mpmtrackpagehelp,
.mpmtrackpagefaq{
    font-family:"Poppins",sans-serif;
}

.mpmtrackpageeyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin:0 0 15px;
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    line-height:1.5;
    letter-spacing:1px;
    text-transform:uppercase;
}


/*==================================================
BREADCRUMB
==================================================*/

.mpmtrackpagebread{
    position:relative;
    width:100%;
    padding:85px 0;
    background:#173d69;
    overflow:hidden;
}

.mpmtrackpagebread::before{
    content:"";
    position:absolute;
    width:430px;
    height:430px;
    top:-300px;
    right:-160px;
    border:70px solid rgba(255,255,255,.035);
    border-radius:50%;
}

.mpmtrackpagebread::after{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    left:-160px;
    bottom:-190px;
    background:rgba(244,180,0,.08);
    border-radius:50%;
}

.mpmtrackpagebreadwrap{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
}

.mpmtrackpagebreadcontent{
    flex:1;
    min-width:0;
    max-width:760px;
    text-align:left;
}

.mpmtrackpagebreadlabel{
    display:inline-flex;
    margin-bottom:16px;
    padding:8px 15px;
    background:rgba(244,180,0,.14);
    border-left:4px solid #dd7436;
    border-radius:0 5px 5px 0;
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    letter-spacing:.8px;
    text-transform:uppercase;
}

.mpmtrackpagebreadcontent h1{
    margin:0 0 15px;
    color:#ffffff;
    font-size:48px;
    font-weight:800;
    line-height:1.2;
}

.mpmtrackpagebreadcontent p{
    max-width:680px;
    margin:0 0 23px;
    color:rgba(255,255,255,.72);
    font-size:15px;
    line-height:1.8;
}

.mpmtrackpagebreadcrumb{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:11px;
}

.mpmtrackpagebreadcrumb a{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#ffffff;
    text-decoration:none;
    font-size:13px;
    font-weight:600;
}

.mpmtrackpagebreadcrumb > i{
    color:rgba(255,255,255,.35);
    font-size:9px;
}

.mpmtrackpagebreadcrumb > span{
    color:#dd7436;
    font-size:13px;
    font-weight:700;
}

.mpmtrackpagebreadcard{
    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;
}

.mpmtrackpagebreadicon{
    width:65px;
    height:65px;
    min-width:65px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#173d69;
    border-radius:12px;
    font-size:24px;
}

.mpmtrackpagebreadcard span{
    display:block;
    margin-bottom:3px;
    color:rgba(255,255,255,.58);
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
}

.mpmtrackpagebreadcard h2{
    margin:0 0 6px;
    color:#ffffff;
    font-size:17px;
    font-weight:700;
}

.mpmtrackpagebreadcard a{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#dd7436;
    text-decoration:none;
    font-size:13px;
    font-weight:700;
}


/*==================================================
MAIN TRACKING
==================================================*/

.mpmtrackpagemain{
    position:relative;
    padding:100px 0;
    background:#f5f7fa;
    overflow:hidden;
}

.mpmtrackpagegrid{
    display:grid;
    grid-template-columns:minmax(0,.90fr) minmax(0,1.10fr);
    gap:75px;
    align-items:center;
}

.mpmtrackpagecontent{
    min-width:0;
    text-align:left;
}

.mpmtrackpagecontent h2,
.mpmtrackpageservicesintro h2,
.mpmtrackpagefaqintro h2{
    margin:0 0 22px;
    color:#173d69;
    font-size:43px;
    font-weight:800;
    line-height:1.25;
}

.mpmtrackpagecontent h2 span,
.mpmtrackpageservicesintro h2 span,
.mpmtrackpagefaqintro h2 span{
    display:block;
    color:#dd7436;
}

.mpmtrackpagecontent > p,
.mpmtrackpageservicesintro > p,
.mpmtrackpagefaqintro > p{
    margin:0 0 17px;
    color:#68717d;
    font-size:15px;
    line-height:1.9;
}

.mpmtrackpagelead{
    color:#46505c !important;
    font-size:16px !important;
}

.mpmtrackpagepoints{
    display:flex;
    flex-direction:column;
    gap:13px;
    margin-top:30px;
}

.mpmtrackpagepoint{
    display:flex;
    align-items:flex-start;
    gap:15px;
    padding:17px;
    background:#ffffff;
    border:1px solid #e1e7ed;
    border-radius:10px;
}

.mpmtrackpagepointicon{
    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;
}

.mpmtrackpagepoint > div:last-child{
    width:100%;
    min-width:0;
}

.mpmtrackpagepoint h3{
    margin:0 0 4px;
    color:#173d69;
    font-size:15px;
    font-weight:700;
}

.mpmtrackpagepoint p{
    margin:0;
    color:#707985;
    font-size:12px;
    line-height:1.7;
}


/*==================================================
TRACKING CARD
==================================================*/

.mpmtrackpagecard{
    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;
}

.mpmtrackpagecard::before{
    content:"";
    position:absolute;
    width:240px;
    height:240px;
    top:-160px;
    right:-140px;
    background:rgba(244,180,0,.08);
    border-radius:50%;
}

.mpmtrackpagecardtop{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:22px;
}

.mpmtrackpagecardicon{
    width:65px;
    height:65px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#173d69;
    color:#ffffff;
    border-radius:13px;
    font-size:24px;
}

.mpmtrackpagecardtop > span{
    color:#dd7436;
    font-size:10px;
    font-weight:800;
    letter-spacing:1px;
}

.mpmtrackpagecard > h2{
    position:relative;
    z-index:2;
    margin:0 0 9px;
    color:#173d69;
    font-size:29px;
    font-weight:800;
}

.mpmtrackpagecarddesc{
    position:relative;
    z-index:2;
    margin:0 0 27px;
    color:#707985;
    font-size:13px;
    line-height:1.8;
}

.mpmtrackpageform{
    position:relative;
    z-index:2;
}

.mpmtrackpageform label{
    display:block;
    margin-bottom:9px;
    color:#173d69;
    font-size:12px;
    font-weight:700;
}

.mpmtrackpageinput{
    position:relative;
    width:100%;
}

.mpmtrackpageinput i{
    position:absolute;
    top:50%;
    left:18px;
    transform:translateY(-50%);
    color:#173d69;
    font-size:15px;
}

.mpmtrackpageinput 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;
}

.mpmtrackpageinput input:focus{
    background:#ffffff;
    border-color:#dd7436;
    box-shadow:0 0 0 4px rgba(244,180,0,.12);
}

.mpmtrackpagebtn{
    width:100%;
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-top:12px;
    padding:14px 22px;
    background:#dd7436;
    color:#173d69;
    border:0;
    border-radius:8px;
    cursor:pointer;
    font-family:"Poppins",sans-serif;
    font-size:13px;
    font-weight:800;
    transition:.35s ease;
}

.mpmtrackpagebtn:hover{
    background:#173d69;
    color:#ffffff;
    transform:translateY(-2px);
}

.mpmtrackpageinfo{
    display:flex;
    align-items:flex-start;
    gap:9px;
    margin-top:15px;
}

.mpmtrackpageinfo i{
    margin-top:4px;
    color:#dd7436;
    font-size:13px;
}

.mpmtrackpageinfo p{
    margin:0;
    color:#818a94;
    font-size:11px;
    line-height:1.7;
}

.mpmtrackpagecardhelp{
    display:flex;
    align-items:center;
    gap:13px;
    margin-top:25px;
    padding-top:21px;
    border-top:1px solid #e5eaf0;
}

.mpmtrackpagehelpicon{
    width:45px;
    height:45px;
    min-width:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#173d69;
    color:#ffffff;
    border-radius:50%;
}

.mpmtrackpagecardhelp span{
    display:block;
    color:#7a838d;
    font-size:10px;
}

.mpmtrackpagecardhelp a{
    color:#173d69;
    text-decoration:none;
    font-size:14px;
    font-weight:800;
}


/*==================================================
STEPS
==================================================*/

.mpmtrackpagesteps{
    padding:95px 0;
    background:#ffffff;
}

.mpmtrackpageheading{
    max-width:760px;
    margin:0 auto 55px;
    text-align:center;
}

.mpmtrackpageheading > span{
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.mpmtrackpageheading h2{
    margin:10px 0 16px;
    color:#173d69;
    font-size:42px;
    font-weight:800;
    line-height:1.3;
}

.mpmtrackpageheading h2 strong{
    color:#dd7436;
}

.mpmtrackpageheading p{
    margin:0;
    color:#707985;
    font-size:15px;
    line-height:1.8;
}

.mpmtrackpagestepsgrid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}

.mpmtrackpagestep{
    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;
}

.mpmtrackpagestep:hover{
    transform:translateY(-5px);
    background:#ffffff;
    box-shadow:0 18px 40px rgba(23,61,105,.09);
}

.mpmtrackpagestepnumber{
    position:absolute;
    top:17px;
    right:22px;
    color:rgba(23,61,105,.07);
    font-size:42px;
    font-weight:800;
}

.mpmtrackpagestepicon{
    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;
}

.mpmtrackpagestep h3{
    margin:0 0 9px;
    color:#173d69;
    font-size:18px;
    font-weight:700;
}

.mpmtrackpagestep p{
    margin:0;
    color:#707985;
    font-size:13px;
    line-height:1.8;
}


/*==================================================
TRACKABLE SERVICES
==================================================*/

.mpmtrackpageservices{
    padding:100px 0;
    background:#f5f7fa;
}

.mpmtrackpageservicesgrid{
    display:grid;
    grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
    gap:70px;
    align-items:center;
}

.mpmtrackpageservicesintro{
    min-width:0;
    text-align:left;
}

.mpmtrackpagecontactbtn{
    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;
}

.mpmtrackpageservicelist{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:17px;
}

.mpmtrackpageserviceitem{
    display:block;
    min-width:0;
    padding:27px;
    background:#ffffff;
    border:1px solid #e2e8ee;
    border-radius:12px;
    text-align:left;
}

.mpmtrackpageserviceicon{
    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;
}

.mpmtrackpageserviceitem h3{
    margin:0 0 8px;
    color:#173d69;
    font-size:16px;
    font-weight:700;
}

.mpmtrackpageserviceitem p{
    margin:0;
    color:#707985;
    font-size:12px;
    line-height:1.8;
}


/*==================================================
TRACKING HELP
==================================================*/

.mpmtrackpagehelp{
    position:relative;
    padding:75px 0;
    background:#173d69;
    overflow:hidden;
}

.mpmtrackpagehelp::after{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    right:-180px;
    bottom:-220px;
    background:rgba(244,180,0,.08);
    border-radius:50%;
}

.mpmtrackpagehelpwrap{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:45px;
}

.mpmtrackpagehelpcontent{
    max-width:720px;
    text-align:left;
}

.mpmtrackpagehelpcontent > span{
    display:block;
    margin-bottom:7px;
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
}

.mpmtrackpagehelpcontent h2{
    margin:0 0 10px;
    color:#ffffff;
    font-size:34px;
    font-weight:800;
    line-height:1.3;
}

.mpmtrackpagehelpcontent p{
    margin:0;
    color:rgba(255,255,255,.7);
    font-size:14px;
    line-height:1.8;
}

.mpmtrackpagehelpactions{
    display:flex;
    align-items:center;
    gap:11px;
    min-width:max-content;
}

.mpmtrackpagehelpcall,
.mpmtrackpagehelpwhatsapp{
    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;
}

.mpmtrackpagehelpcall{
    background:#dd7436;
    color:#173d69;
}

.mpmtrackpagehelpwhatsapp{
    background:#ffffff;
    color:#173d69;
}


/*==================================================
FAQ
==================================================*/

.mpmtrackpagefaq{
    padding:100px 0;
    background:#ffffff;
}

.mpmtrackpagefaqgrid{
    display:grid;
    grid-template-columns:minmax(0,.70fr) minmax(0,1.30fr);
    gap:70px;
    align-items:start;
}

.mpmtrackpagefaqintro{
    min-width:0;
    text-align:left;
}

.mpmtrackpagefaqlist{
    display:flex;
    flex-direction:column;
    gap:13px;
}

.mpmtrackpagefaqitem{
    background:#f7f9fb;
    border:1px solid #e2e8ee;
    border-radius:9px;
    overflow:hidden;
}

.mpmtrackpagefaqitem 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;
}

.mpmtrackpagefaqitem summary::-webkit-details-marker{
    display:none;
}

.mpmtrackpagefaqitem summary i{
    font-size:12px;
    transition:transform .3s ease;
}

.mpmtrackpagefaqitem[open] summary i{
    transform:rotate(45deg);
}

.mpmtrackpagefaqitem p{
    margin:0;
    padding:0 22px 21px;
    color:#707985;
    font-size:13px;
    line-height:1.8;
}


/*==================================================
TABLET
==================================================*/

@media(max-width:991px){

    .mpmtrackpagebreadwrap{
        align-items:flex-start;
        gap:35px;
    }

    .mpmtrackpagebreadcontent h1{
        font-size:40px;
    }

    .mpmtrackpagebreadcard{
        max-width:320px;
    }

    .mpmtrackpagegrid,
    .mpmtrackpageservicesgrid,
    .mpmtrackpagefaqgrid{
        grid-template-columns:1fr;
        gap:50px;
    }

    .mpmtrackpagecontent h2,
    .mpmtrackpageservicesintro h2,
    .mpmtrackpagefaqintro h2,
    .mpmtrackpageheading h2{
        font-size:38px;
    }

    .mpmtrackpagecard{
        max-width:760px;
    }

    .mpmtrackpagehelpwrap{
        flex-direction:column;
        align-items:flex-start;
    }

}


/*==================================================
MOBILE
==================================================*/

@media(max-width:767px){

    .mpmtrackpagebread{
        padding:55px 0;
    }

    .mpmtrackpagebreadwrap{
        flex-direction:column;
        align-items:stretch;
        gap:30px;
    }

    .mpmtrackpagebreadcontent h1{
        font-size:33px;
    }

    .mpmtrackpagebreadcard{
        max-width:100%;
    }

    .mpmtrackpagemain,
    .mpmtrackpagesteps,
    .mpmtrackpageservices,
    .mpmtrackpagefaq{
        padding:65px 0;
    }

    .mpmtrackpagecontent h2,
    .mpmtrackpageservicesintro h2,
    .mpmtrackpagefaqintro h2,
    .mpmtrackpageheading h2{
        font-size:30px;
    }

    .mpmtrackpagestepsgrid,
    .mpmtrackpageservicelist{
        grid-template-columns:1fr;
    }

    .mpmtrackpagecard{
        padding:35px 25px 30px;
        border-radius:14px;
    }

    .mpmtrackpagecard > h2{
        font-size:25px;
    }

    .mpmtrackpageheading{
        margin-bottom:40px;
        text-align:left;
    }

    .mpmtrackpageheading h2,
    .mpmtrackpageheading p{
        text-align:left;
    }

    .mpmtrackpagehelp{
        padding:60px 0;
    }

    .mpmtrackpagehelpcontent h2{
        font-size:28px;
    }

    .mpmtrackpagehelpactions{
        width:100%;
        min-width:0;
        flex-direction:column;
        align-items:stretch;
    }

    .mpmtrackpagehelpcall,
    .mpmtrackpagehelpwhatsapp{
        width:100%;
    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media(max-width:480px){

    .mpmtrackpagebreadcontent h1{
        font-size:29px;
    }

    .mpmtrackpagebreadcard{
        padding:18px 15px;
    }

    .mpmtrackpagebreadicon{
        width:52px;
        height:52px;
        min-width:52px;
        font-size:19px;
    }

    .mpmtrackpagecontent h2,
    .mpmtrackpageservicesintro h2,
    .mpmtrackpagefaqintro h2,
    .mpmtrackpageheading h2{
        font-size:27px;
    }

    .mpmtrackpagecard{
        padding:30px 18px 27px;
    }

    .mpmtrackpagecardicon{
        width:55px;
        height:55px;
        font-size:20px;
    }

    .mpmtrackpagecard > h2{
        font-size:22px;
    }

    .mpmtrackpageinput input{
        height:55px;
        padding-left:44px;
        font-size:12px;
    }

    .mpmtrackpagebtn{
        min-height:55px;
        font-size:12px;
    }

    .mpmtrackpagestep{
        padding:30px 22px;
    }

    .mpmtrackpageserviceitem{
        padding:24px 21px;
    }

    .mpmtrackpagefaqitem summary{
        padding:18px;
        font-size:13px;
    }

    .mpmtrackpagefaqitem p{
        padding:0 18px 19px;
    }

}

/*==================================================
PREMIUM SHIPMENT TRACKING
==================================================*/

.mpmshiptrack{
    position:relative;
    width:100%;
    padding:100px 0;
    background:#f5f7fa;
    font-family:"Poppins",sans-serif;
    overflow:hidden;
}

.mpmshiptrack::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    top:-310px;
    left:-270px;
    border:75px solid rgba(23,61,105,.025);
    border-radius:50%;
}

.mpmshiptrack::after{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    right:-190px;
    bottom:-210px;
    background:rgba(244,180,0,.07);
    border-radius:50%;
}

.mpmshiptrackwrap{
    position:relative;
    z-index:2;
    width:100%;
}


/*==================================================
SECTION HEADING
==================================================*/

.mpmshiptrackheading{
    width:100%;
    max-width:760px;
    margin:0 auto 45px;
    text-align:center;
}

.mpmshiptracktag{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    margin-bottom:14px;

    color:#dd7436;

    font-size:11px;
    font-weight:800;
    line-height:1.5;

    letter-spacing:1px;
    text-transform:uppercase;
}

.mpmshiptracktag i{
    font-size:14px;
}

.mpmshiptrackheading h2{
    margin:0 0 17px;

    color:#173d69;

    font-size:44px;
    font-weight:800;
    line-height:1.25;
}

.mpmshiptrackheading h2 span{
    color:#dd7436;
}

.mpmshiptrackheading p{
    max-width:650px;

    margin:0 auto;

    color:#68717d;

    font-size:15px;
    line-height:1.9;
}


/*==================================================
MAIN TRACKING PANEL
==================================================*/

.mpmshiptrackpanel{
    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;
}

.mpmshiptrackpanel::before{
    content:"";

    position:absolute;

    width:250px;
    height:250px;

    top:-170px;
    right:-140px;

    border:45px solid rgba(255,255,255,.035);

    border-radius:50%;
}

.mpmshiptrackpanel::after{
    content:"";

    position:absolute;

    width:160px;
    height:160px;

    left:-110px;
    bottom:-110px;

    background:rgba(244,180,0,.08);

    border-radius:50%;
}


/*==================================================
PANEL HEADING
==================================================*/

.mpmshiptrackpanelhead{
    position:relative;
    z-index:2;

    display:flex;
    align-items:center;

    gap:16px;

    margin-bottom:25px;
}

.mpmshiptrackpanelicon{
    width:58px;
    height:58px;
    min-width:58px;

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

    background:#dd7436;
    color:#173d69;

    border-radius:11px;

    font-size:21px;
}

.mpmshiptrackpanelhead > div:last-child{
    min-width:0;
}

.mpmshiptrackpanelhead span{
    display:block;

    margin-bottom:3px;

    color:#dd7436;

    font-size:10px;
    font-weight:800;

    letter-spacing:1px;
}

.mpmshiptrackpanelhead h3{
    margin:0;

    color:#ffffff;

    font-size:22px;
    font-weight:700;
    line-height:1.4;
}


/*==================================================
TRACKING FORM
==================================================*/

.mpmshiptrackform{
    position:relative;
    z-index:2;

    width:100%;
}

.mpmshiptracksearch{
   display:grid;

    grid-template-columns:minmax(0,1fr) 200px;

    gap:14px;

    width:100%;
}

.mpmshiptrackinput{
    position:relative;

    width:100%;
    min-width:0;
}

.mpmshiptrackinput > i{
     position:absolute;

    top:50%;
    left:23px;

    transform:translateY(-50%);

    color:#173d69;

    font-size:18px;

    pointer-events:none;
}

.mpmshiptrackinput 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;
    
}


.mpmshiptrackinput input::placeholder{
    color:#8c96a1;

    font-size:15px;
    font-weight:500;
}

.mpmshiptrackinput input:focus{
    border-color:#dd7436;

    box-shadow:0 0 0 4px rgba(244,180,0,.15);
}


/*==================================================
TRACK BUTTON
==================================================*/

.mpmshiptracksearch button{
    width:200px;
    height:72px;

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

    gap:9px;

    padding:0 20px;

    background:#dd7436;
    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;
}

.mpmshiptracksearch button:hover{
    background:#ffffff;
    color:#173d69;

    transform:translateY(-2px);

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



.mpmshiptracksearch button i:last-child{
    font-size:12px;

    transition:transform .3s ease;
}

.mpmshiptracksearch button:hover i:last-child{
    transform:translateX(4px);
}


/*==================================================
TRACK NOTE
==================================================*/

.mpmshiptracknote{
    position:relative;
    z-index:2;

    display:flex;
    align-items:flex-start;

    gap:9px;

    margin-top:14px;
}

.mpmshiptracknote i{
    margin-top:3px;

    color:#dd7436;

    font-size:12px;
}

.mpmshiptracknote span{
    color:rgba(255,255,255,.63);

    font-size:11px;
    line-height:1.7;
}


/*==================================================
TRACKING CARDS
==================================================*/

.mpmshiptrackcards{
    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;
}

.mpmshiptrackcard{
    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;
}

.mpmshiptrackcard:hover{
    transform:translateY(-5px);

    border-color:rgba(244,180,0,.55);

    box-shadow:0 18px 40px rgba(23,61,105,.10);
}

.mpmshiptracknumber{
    position:absolute;

    top:18px;
    right:21px;

    color:rgba(23,61,105,.07);

    font-size:42px;
    font-weight:800;
    line-height:1;
}

.mpmshiptrackcardicon{
    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;
}

.mpmshiptrackcard:hover .mpmshiptrackcardicon{
    background:#dd7436;
    color:#173d69;
}

.mpmshiptrackcardcontent{
    width:100%;
    min-width:0;

    text-align:left;
}

.mpmshiptrackcardcontent h3{
    margin:0 0 9px;

    color:#173d69;

    font-size:17px;
    font-weight:700;
    line-height:1.45;
}

.mpmshiptrackcardcontent p{
    margin:0;

    color:#707985;

    font-size:12px;
    line-height:1.8;
}


/*==================================================
SUPPORT STRIP
==================================================*/

.mpmshiptracksupport{
    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 #dd7436;

    border-radius:10px;

    box-shadow:0 10px 30px rgba(23,61,105,.06);
}

.mpmshiptracksupportleft{
    display:flex;
    align-items:center;

    gap:15px;

    min-width:0;
}

.mpmshiptracksupporticon{
    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;
}

.mpmshiptracksupportleft > div:last-child{
    min-width:0;
}

.mpmshiptracksupportleft span{
    display:block;

    margin-bottom:3px;

    color:#7a838d;

    font-size:10px;
    font-weight:600;
}

.mpmshiptracksupportleft h3{
    margin:0;

    color:#173d69;

    font-size:17px;
    font-weight:700;
    line-height:1.4;
}

.mpmshiptracksupportactions{
    display:flex;
    align-items:center;

    gap:10px;

    min-width:max-content;
}

.mpmshiptrackcall,
.mpmshiptrackwhatsapp{
    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;
}

.mpmshiptrackcall{
    background:#173d69;
    color:#ffffff;
}

.mpmshiptrackwhatsapp{
    background:#25d366;
    color:#ffffff;
}

.mpmshiptrackcall:hover,
.mpmshiptrackwhatsapp:hover{
    transform:translateY(-2px);

    box-shadow:0 8px 18px rgba(23,61,105,.15);
}


/*==================================================
TABLET
==================================================*/

@media(max-width:991px){

    .mpmshiptrack{
        padding:80px 0;
    }

    .mpmshiptrackheading h2{
        font-size:38px;
    }

    .mpmshiptrackpanel{
        padding:35px 32px 31px;
    }

    .mpmshiptrackcards{
        width:100%;
    }

    .mpmshiptracksupport{
        align-items:flex-start;
    }

}


/*==================================================
MOBILE
==================================================*/

@media(max-width:767px){

    .mpmshiptrack{
        padding:65px 0;
    }

    .mpmshiptrackheading{
        margin-bottom:35px;
        text-align:left;
    }

    .mpmshiptracktag{
        justify-content:flex-start;
    }

    .mpmshiptrackheading h2{
        font-size:30px;
        line-height:1.3;
    }

    .mpmshiptrackheading p{
        margin:0;

        font-size:14px;
        line-height:1.8;
    }

    .mpmshiptrackpanel{
        padding:30px 24px 27px;

        border-radius:14px;
    }

    .mpmshiptrackpanelhead{
        margin-bottom:22px;
    }

    .mpmshiptrackpanelhead h3{
        font-size:19px;
    }

    .mpmshiptracksearch{
        grid-template-columns:1fr;

        gap:11px;
    }

    .mpmshiptracksearch button{
        width:100%;
        min-width:0;
    }

    .mpmshiptrackcards{
        grid-template-columns:1fr;

        gap:14px;

        padding-top:25px;
    }

    .mpmshiptrackcard{
        min-height:auto;

        padding:25px 23px;
    }

    .mpmshiptracksupport{
        flex-direction:column;
        align-items:stretch;

        gap:22px;

        margin-top:25px;

        padding:22px;
    }

    .mpmshiptracksupportactions{
        width:100%;
        min-width:0;
    }

    .mpmshiptrackcall,
    .mpmshiptrackwhatsapp{
        flex:1;
    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media(max-width:480px){

    .mpmshiptrack{
        padding:55px 0;
    }

    .mpmshiptrackheading h2{
        font-size:27px;
    }

    .mpmshiptrackpanel{
        padding:26px 18px 24px;
    }

    .mpmshiptrackpanelhead{
        align-items:flex-start;

        gap:13px;
    }

    .mpmshiptrackpanelicon{
        width:50px;
        height:50px;
        min-width:50px;

        font-size:18px;
    }

    .mpmshiptrackpanelhead h3{
        font-size:17px;
    }

    .mpmshiptrackinput input{
        height:57px;

        padding-left:47px;

        font-size:12px;
    }

    .mpmshiptrackinput > i{
        left:17px;

        font-size:14px;
    }

    .mpmshiptracksearch button{
        height:57px;

        font-size:12px;
    }

    .mpmshiptrackcard{
        padding:23px 20px;
    }

    .mpmshiptrackcardicon{
        width:52px;
        height:52px;

        margin-bottom:18px;

        font-size:18px;
    }

    .mpmshiptrackcardcontent h3{
        font-size:16px;
    }

    .mpmshiptrackcardcontent p{
        font-size:12px;
    }

    .mpmshiptracksupportleft{
        align-items:flex-start;
    }

    .mpmshiptracksupporticon{
        width:46px;
        height:46px;
        min-width:46px;

        font-size:16px;
    }

    .mpmshiptracksupportleft h3{
        font-size:15px;
    }

    .mpmshiptracksupportactions{
        flex-direction:column;
    }

    .mpmshiptrackcall,
    .mpmshiptrackwhatsapp{
        width:100%;
    }

}

/*========================================
TABLET
========================================*/

@media(max-width:991px){

    .mpmshiptrackpanel{
        max-width:100%;

        padding:38px 35px 34px;
    }

    .mpmshiptracksearch{
        grid-template-columns:minmax(0,1fr) 190px;
    }

    .mpmshiptracksearch button{
        width:190px;
    }

}


/*========================================
MOBILE
========================================*/

@media(max-width:767px){

    .mpmshiptrackpanel{
        padding:30px 24px 27px;
    }

    .mpmshiptracksearch{
        grid-template-columns:1fr;

        gap:12px;
    }

    .mpmshiptrackinput input{
        height:65px;

        padding-left:54px;

        font-size:14px;
    }

    .mpmshiptrackinput input::placeholder{
        font-size:13px;
    }

    .mpmshiptrackinput > i{
        left:20px;

        font-size:16px;
    }

    .mpmshiptracksearch button{
        width:100%;
        height:62px;

        font-size:13px;
    }

}


/*========================================
SMALL MOBILE
========================================*/

@media(max-width:480px){

    .mpmshiptrackpanel{
        padding:27px 18px 24px;
    }

    .mpmshiptrackinput input{
        height:62px;

        padding:0 18px 0 50px;

        font-size:13px;
    }

    .mpmshiptrackinput > i{
        left:18px;

        font-size:15px;
    }

    .mpmshiptracksearch button{
        height:60px;
    }

}

/*==================================================
FIX TRACKING INPUT WIDTH - DESKTOP
==================================================*/

@media screen and (min-width: 992px){

    .mpmshiptrackpanel{
        width:100% !important;
        max-width:1280px !important;
        box-sizing:border-box !important;
    }

    .mpmshiptrackform{
        display:block !important;
        width:100% !important;
        max-width:none !important;
    }

    .mpmshiptracksearch{
        display:flex !important;
        align-items:center !important;
        width:100% !important;
        max-width:none !important;
        gap:15px !important;
    }

    .mpmshiptrackinput{
        display:block !important;
        flex:1 1 auto !important;
        width:auto !important;
        max-width:none !important;
        min-width:0 !important;
    }

    .mpmshiptrackinput 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;
    }

    .mpmshiptracksearch 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:#dd7436;

    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:#dd7436;
}

.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:#dd7436;

    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:#dd7436;

    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:#dd7436;

    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:#dd7436;
    color:#173d69;

    border-radius:10px;

    font-size:19px;
}

.bipmareabottomcontent > div{
    min-width:0;
}

.bipmareabottomcontent span{
    display:block;

    margin-bottom:4px;

    color:#dd7436;

    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:#dd7436;
    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
==================================================*/

.mpmaboutbreadcrumb{
    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;
}

.mpmaboutbreadcrumb,
.mpmaboutbreadcrumb *{
    box-sizing:border-box;
}


/*==================================================
BACKGROUND PATTERN
==================================================*/

.mpmaboutbreadcrumb::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;
}

.mpmaboutbreadcrumb::after{
    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:100%;
    height:5px;

    background:#dd7436;
}


/*==================================================
DECORATIVE SHAPES
==================================================*/

.mpmaboutbreadshape{
    position:absolute;

    border-radius:50%;

    pointer-events:none;
}

.mpmaboutbreadshapeone{
    width:420px;
    height:420px;

    top:-290px;
    right:-170px;

    border:65px solid rgba(255,255,255,.035);
}

.mpmaboutbreadshapetwo{
    width:250px;
    height:250px;

    left:-150px;
    bottom:-180px;

    background:rgba(244,180,0,.07);
}


/*==================================================
BREADCRUMB WRAPPER
==================================================*/

.mpmaboutbreadwrap{
    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
==================================================*/

.mpmaboutbreadcontent{
    width:100%;
    max-width:750px;

    text-align:left;
}


/*==================================================
TOP TAG
==================================================*/

.mpmaboutbreadtag{
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;

    gap:9px;

    margin-bottom:17px;

    color:#dd7436;

    font-size:11px;
    font-weight:800;
    line-height:1.5;

    letter-spacing:1px;
    text-transform:uppercase;
}

.mpmaboutbreadtag i{
    font-size:14px;
}


/*==================================================
TITLE
==================================================*/

.mpmaboutbreadcontent h1{
    margin:0 0 17px;

    color:#ffffff;

    font-size:55px;
    font-weight:800;
    line-height:1.15;

    letter-spacing:-1px;
}

.mpmaboutbreadcontent h1 span{
    color:#dd7436;
}


/*==================================================
DESCRIPTION
==================================================*/

.mpmaboutbreadcontent > 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
==================================================*/

.mpmaboutbreadnav{
    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);
}

.mpmaboutbreadnav a{
    display:inline-flex;
    align-items:center;

    gap:8px;

    color:#ffffff;

    text-decoration:none;

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

    transition:color .3s ease;
}

.mpmaboutbreadnav a:hover{
    color:#dd7436;
}

.mpmaboutbreadnav a i{
    color:#dd7436;

    font-size:11px;
}

.mpmaboutbreadseparator{
    color:rgba(255,255,255,.35);

    font-size:9px;
}

.mpmaboutbreadnav > span{
    color:#dd7436;

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


/*==================================================
RIGHT VISUAL
==================================================*/

.mpmaboutbreadvisual{
    display:flex;
    align-items:center;
    justify-content:flex-end;

    width:100%;
}


/*==================================================
VISUAL BOX
==================================================*/

.mpmaboutbreadiconbox{
    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;
}

.mpmaboutbreadiconbox::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:4px;

    background:#dd7436;
}

.mpmaboutbreadsmalltext{
    display:block;

    margin-bottom:22px;

    color:#dd7436;

    font-size:9px;
    font-weight:800;

    letter-spacing:1.2px;
}


/*==================================================
MAIN ICON
==================================================*/

.mpmaboutbreadmainicon{
    width:90px;
    height:90px;

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

    margin:0 auto 20px;

    background:#dd7436;
    color:#173d69;

    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);
}

.mpmaboutbreadiconbox strong{
    display:block;

    margin-bottom:8px;

    color:#ffffff;

    font-size:18px;
    font-weight:700;
    line-height:1.5;
}

.mpmaboutbreadiconbox p{
    margin:0;

    color:rgba(255,255,255,.60);

    font-size:11px;
    line-height:1.7;
}


/*==================================================
TABLET
==================================================*/

@media screen and (max-width:991px){

    .mpmaboutbreadcrumb{
        min-height:auto;

        padding:70px 0;
    }

    .mpmaboutbreadwrap{
        grid-template-columns:minmax(0,1fr) 280px;

        gap:40px;
    }

    .mpmaboutbreadcontent h1{
        font-size:46px;
    }

    .mpmaboutbreadiconbox{
        padding:30px 22px;
    }

    .mpmaboutbreadmainicon{
        width:78px;
        height:78px;

        font-size:29px;
    }

}


/*==================================================
MOBILE
==================================================*/

@media screen and (max-width:767px){

    .mpmaboutbreadcrumb{
        min-height:auto;

        padding:60px 0 65px;
    }

    .mpmaboutbreadwrap{
        grid-template-columns:1fr;

        gap:35px;
    }

    .mpmaboutbreadcontent{
        max-width:100%;
    }

    .mpmaboutbreadtag{
        margin-bottom:13px;

        font-size:10px;
    }

    .mpmaboutbreadcontent h1{
        margin-bottom:14px;

        font-size:38px;
        line-height:1.2;
    }

    .mpmaboutbreadcontent > p{
        margin-bottom:22px;

        font-size:14px;
        line-height:1.8;
    }

    .mpmaboutbreadvisual{
        justify-content:flex-start;
    }

    .mpmaboutbreadiconbox{
        max-width:100%;

        padding:29px 24px;
    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media screen and (max-width:480px){

    .mpmaboutbreadcrumb{
        padding:50px 0 55px;
    }

    .mpmaboutbreadcontent h1{
        font-size:33px;
    }

    .mpmaboutbreadcontent > p{
        font-size:13px;
    }

    .mpmaboutbreadnav{
        gap:10px;

        min-height:44px;

        padding:10px 14px;
    }

    .mpmaboutbreadnav a,
    .mpmaboutbreadnav > span{
        font-size:11px;
    }

    .mpmaboutbreadiconbox{
        padding:27px 20px;
    }

    .mpmaboutbreadmainicon{
        width:72px;
        height:72px;

        margin-bottom:18px;

        font-size:26px;
    }

    .mpmaboutbreadiconbox strong{
        font-size:16px;
    }

}

/*==================================================
VSPM TOP BAR + HEADER
PRIMARY : #173d69
ACCENT  : #dd7436
==================================================*/

/*html{
    overflow-x:hidden;
}

body{
    margin:0;
    overflow-x:hidden;
}*/

.vspmtopbar,
.vspmtopbar *,
.vspmheader,
.vspmheader *,
.vspmheadermobile,
.vspmheadermobile *{
    box-sizing:border-box;
}


/*==================================================
TOP BAR
==================================================*/

.vspmtopbar{
    position:relative;
    z-index:1001;

    width:100%;
    min-height:68px;

    display:flex;
    align-items:center;

    background:#173d69;

    font-family:"Poppins",sans-serif;

    overflow:hidden;
}

.vspmtopbar::before{
    content:"";

    position:absolute;
    top:0;
    left:0;

    width:36%;
    height:100%;

    background:linear-gradient(
        115deg,
        #dd7436 0%,
        #dd7436 92%,
        transparent 92%
    );
}

.vspmtopbarcontainer{
    position:relative;
    z-index:2;

    width:100%;
    max-width:1450px;

    margin:0 auto;

    padding:0 30px;
}

.vspmtopbarwrap{
    min-height:68px;

    display:grid;

    grid-template-columns:auto minmax(0,1fr) auto;

    align-items:center;

    gap:30px;
}

.vspmtopbarleft{
    display:flex;
    align-items:center;

    gap:25px;
}

.vspmtopbarphone{
    display:flex;
    align-items:center;

    gap:11px;

    color:#ffffff;

    text-decoration:none;

    white-space:nowrap;
}

.vspmtopbarphoneicon{
    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;
}

.vspmtopbarphonetext{
    display:block;

    color:#ffffff;

    font-size:14px;
    font-weight:700;
    line-height:1.35;
}

.vspmtopbarphonetext small{
    display:block;

    margin-bottom:2px;

    color:rgba(255,255,255,.78);

    font-size:10px;
    font-weight:500;

    text-transform:uppercase;

    letter-spacing:.5px;
}

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

    gap:20px;
}

.vspmtopbarservice,
.vspmtopbaremail{
    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;
}

.vspmtopbarservice i,
.vspmtopbaremail i{
    color:#dd7436;

    font-size:14px;
}

.vspmtopbardivider{
    width:1px;
    height:23px;

    background:rgba(255,255,255,.22);
}

.vspmtopbarright{
    display:flex;
    justify-content:flex-end;
}

.vspmtopbarquote{
    min-height:45px;

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

    gap:10px;

    padding:11px 21px;

    background:#dd7436;

    color:#ffffff;

    border:1px solid #dd7436;

    border-radius:7px;

    text-decoration:none;

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

    white-space:nowrap;

    transition:.3s ease;
}

.vspmtopbarquote:hover{
    background:#ffffff;

    color:#173d69;

    border-color:#ffffff;

    transform:translateY(-2px);
}


/*==================================================
HEADER
==================================================*/
.vspmheaderspace{
    width:100%;
    height:0;

    display:block;
}
.vspmheader{
    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;
}

.vspmheadercontainer{
    width:100%;
    max-width:1320px;

    margin:0 auto;

    padding:0 30px;
}

.vspmheaderwrap{
    width:100%;
    min-height:94px;

    display:grid;

    grid-template-columns:250px minmax(0,1fr) auto;

    align-items:center;

    gap:30px;
}


/*==================================================
LOGO
==================================================*/

.vspmheaderlogo{
    width:230px;
    height:75px;

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

    text-decoration:none;

    overflow:hidden;
}

.vspmheaderlogo .vspmheaderlogodark{
    display:block !important;

    width:auto;
    max-width:220px;
    max-height:70px;

    object-fit:contain;
}

.vspmheaderlogo .vspmheaderlogowhite{
    display:none !important;

    width:auto;
    max-width:220px;
    max-height:70px;

    object-fit:contain;
}


/*==================================================
DESKTOP NAV
==================================================*/

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

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

    gap:5px;

    margin:0;
    padding:0;

    list-style:none;
}

.vspmheadernavlist > li{
    position:relative;
}

.vspmheadernavlist > 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;
}

.vspmheadernavlist > li > a::after{
    content:"";

    position:absolute;

    left:16px;
    right:16px;
    bottom:24px;

    height:3px;

    background:#dd7436;

    border-radius:10px;

    transform:scaleX(0);

    transition:transform .3s ease;
}

.vspmheadernavlist > li > a:hover{
    color:#dd7436;
}

.vspmheadernavlist > li > a:hover::after{
    transform:scaleX(1);
}

.vspmheadernavlist > li > a i{
    font-size:11px;

    transition:transform .3s ease;
}

.vspmheaderhasdropdown:hover > a i{
    transform:rotate(180deg);
}


/*==================================================
DESKTOP DROPDOWN
==================================================*/

.vspmheaderdropdown{
    position:absolute;

    top:100%;
    left:0;

    z-index:3000;

    width:285px;

    margin:0;
    padding:10px;

    background:#ffffff;

    border-top:4px solid #dd7436;

    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;
}

.vspmheaderhasdropdown:hover > .vspmheaderdropdown{
    opacity:1;
    visibility:visible;

    transform:translateY(0);
}

.vspmheaderdropdown 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;
}

.vspmheaderdropdown li a i{
    width:22px;

    color:#dd7436;

    text-align:center;
}

.vspmheaderdropdown li a:hover{
    padding-left:20px;

    background:rgba(221,116,54,.09);

    color:#dd7436;
}


/*==================================================
HEADER CALL
==================================================*/

.vspmheaderright{
    display:flex;
    justify-content:flex-end;
}

.vspmheadercall{
    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;
}

.vspmheadercallicon{
    width:50px;
    height:50px;
    min-width:50px;

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

    background:#dd7436;

    color:#ffffff;

    border-radius:50%;

    font-size:17px;
}

.vspmheadercalltext{
    color:#173d69;

    font-size:15px;
    font-weight:700;
    line-height:1.35;
}

.vspmheadercalltext small{

    display:block;

    margin-bottom:2px;

    color:#758292;

    font-size:11px;
    font-weight:500;
}

.vspmheadercall:hover{
    border-color:#dd7436;

    transform:translateY(-2px);

    box-shadow:0 12px 28px rgba(23,61,105,.13);
}


/*==================================================
MOBILE TOGGLE
==================================================*/

.vspmheadertoggle{
    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;
}

.vspmheadertoggle span{
    display:block;

    width:24px;
    height:3px;

    background:#ffffff;

    border-radius:20px;

    pointer-events:none;

    transition:.3s ease;
}

.vspmheadertoggle span:nth-child(2){
    width:17px;

    margin-left:7px;

    background:#dd7436;
}


/*==================================================
OVERLAY
==================================================*/

.vspmheaderoverlay{
    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;
}

.vspmheaderoverlay.active{
    opacity:1;
    visibility:visible;

    pointer-events:auto;
}


/*==================================================
MOBILE SLIDE MENU
==================================================*/

.vspmheadermobile{
    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;
}

.vspmheadermobile.active{
    transform:translate3d(0,0,0);

    pointer-events:auto;
}


/*==================================================
MOBILE MENU HEAD
==================================================*/

.vspmheadermobilehead{
    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;
}

.vspmheadermobilelogo{
    display:flex;
    align-items:center;
}

.vspmheadermobilelogo img{
    display:block !important;

    width:auto;
    max-width:185px;
    max-height:65px;

    object-fit:contain;
}

.vspmheaderclose{
    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;
}

.vspmheaderclose:hover{
    background:#dd7436;

    transform:rotate(90deg);
}


/*==================================================
MOBILE NAV
==================================================*/

.vspmheadermobilenav{
    width:100%;

    flex:1;

    padding:20px;
}

.vspmheadermobilenav > ul{
    width:100%;

    margin:0;
    padding:0;

    list-style:none;
}

.vspmheadermobilenav > ul > li{
    width:100%;

    margin:0 0 8px;
}

.vspmheadermobilenav > ul > li > a,
.vspmheadermobileservicetoggle{
    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;
}

.vspmheadermobilenav > ul > li > a span,
.vspmheadermobileservicetoggle span{
    display:flex;
    align-items:center;

    gap:12px;
}

.vspmheadermobilenav > ul > li > a span i,
.vspmheadermobileservicetoggle span i{
    width:24px;

    color:#dd7436;

    font-size:16px;

    text-align:center;
}

.vspmheadermobilenav > ul > li > a:hover,
.vspmheadermobileservicetoggle:hover,
.vspmheadermobileservicetoggle.active{
    background:#173d69;

    color:#ffffff;

    border-color:#173d69;
}


/*==================================================
MOBILE SUBMENU
==================================================*/

.vspmheadermobilearrow{
    margin-left:auto;

    font-size:11px;

    transition:transform .3s ease;
}

.vspmheadermobileservicetoggle.active
.vspmheadermobilearrow{
    transform:rotate(180deg);
}

.vspmheadermobilesubmenu{
    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;
}

.vspmheadermobilesubmenu.active{
    max-height:500px;

    padding-top:9px;
    padding-bottom:5px;

    opacity:1;
}

.vspmheadermobilesubmenu li{
    margin:0 0 6px;
}

.vspmheadermobilesubmenu li a{
    display:block;

    width:100%;

    padding:13px 15px 13px 20px;

    background:#f7f9fb;

    color:#596979;

    border-left:3px solid #dd7436;

    border-radius:0 7px 7px 0;

    text-decoration:none;

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

.vspmheadermobilesubmenu li a:hover{
    color:#dd7436;

    background:rgba(221,116,54,.10);
}


/*==================================================
MOBILE CONTACT
==================================================*/

.vspmheadermobilecontact{
    width:100%;

    flex:0 0 auto;

    margin-top:auto;

    padding:25px 22px;

    background:#173d69;
}

.vspmheadermobilecontact span{
    display:block;

    margin-bottom:10px;

    color:rgba(255,255,255,.72);

    font-size:12px;
}

.vspmheadermobilecontact a{
    display:flex;
    align-items:center;

    gap:12px;

    color:#ffffff;

    text-decoration:none;

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

.vspmheadermobilecontact a i{
    width:42px;
    height:42px;
    min-width:42px;

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

    background:#dd7436;

    border-radius:50%;
}


/*==================================================
STICKY HEADER
==================================================*/

.vspmheader.vspmheadersticky{
    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:
        vspmStickyHeaderSlide .35s ease forwards;
}

.vspmheader.vspmheadersticky
.vspmheaderlogo .vspmheaderlogodark{
    display:none !important;
}

.vspmheader.vspmheadersticky
.vspmheaderlogo .vspmheaderlogowhite{
    display:block !important;
}

.vspmheader.vspmheadersticky
.vspmheadernavlist > li > a{
    color:#ffffff;
}
.vspmheader.vspmheadersticky
.vspmheadernavlist > li > a:hover{
    color:#dd7436 !important;
}


.vspmheader.vspmheadersticky
.vspmheadercall{
    background:rgba(255,255,255,.08);

    border-color:rgba(255,255,255,.20);
}

.vspmheader.vspmheadersticky
.vspmheadercalltext{
    color:#ffffff;
}

.vspmheader.vspmheadersticky
.vspmheadercalltext small{
    color:rgba(255,255,255,.70);
}

@keyframes vspmheaderdrop{

    from{
        transform:translateY(-100%);
    }

    to{
        transform:translateY(0);
    }

}

/*==================================================
STICKY MOBILE TOGGLE
==================================================*/

.vspmheader.vspmheadersticky
.vspmheadertoggle{
    background:#dd7436 !important;

    box-shadow:
        0 8px 22px rgba(0,0,0,.20) !important;
}


.vspmheader.vspmheadersticky
.vspmheadertoggle span{
    background:#ffffff !important;
}


.vspmheader.vspmheadersticky
.vspmheadertoggle span:nth-child(2){
    background:#173d69 !important;
}


/*==================================================
STICKY ANIMATION
==================================================*/

@keyframes vspmStickyHeaderSlide{

    from{

        transform:translateY(-100%);

        opacity:0;

    }

    to{

        transform:translateY(0);

        opacity:1;

    }

}
/*==================================================
SMALL DESKTOP
==================================================*/

@media screen and (max-width:1199px){

    .vspmtopbarcontainer,
    .vspmheadercontainer{
        padding-left:22px;
        padding-right:22px;
    }

    .vspmtopbarwrap{
        gap:18px;
    }

    .vspmtopbarleft{
        gap:15px;
    }

    .vspmtopbarphonetext{
        font-size:12px;
    }

    .vspmtopbarservice,
    .vspmtopbaremail{
        font-size:11px;
    }

    .vspmheaderwrap{
        min-height:86px;

        grid-template-columns:200px minmax(0,1fr) auto;

        gap:18px;
    }

    .vspmheaderlogo{
        width:190px;
        height:67px;
    }

    .vspmheaderlogo .vspmheaderlogodark,
    .vspmheaderlogo .vspmheaderlogowhite{
        max-width:185px;
        max-height:63px;
    }

    .vspmheadernavlist{
        gap:0;
    }

    .vspmheadernavlist > li > a{
        min-height:86px;

        padding:0 10px;

        font-size:13px;
    }

    .vspmheadercallicon{
        width:44px;
        height:44px;
        min-width:44px;
    }

    .vspmheadercalltext{
        font-size:13px;
    }

}


/*==================================================
TABLET
==================================================*/

@media screen and (max-width:991px){

    .vspmtopbar{
        min-height:62px;
    }

    .vspmtopbar::before{
        width:52%;
    }

    .vspmtopbarwrap{
        min-height:62px;

        grid-template-columns:auto minmax(0,1fr) auto;
    }

    .vspmtopbaraltphone{
        display:none;
    }

    .vspmtopbarservice{
        display:none;
    }

    .vspmtopbardivider{
        display:none;
    }

    .vspmtopbaremail{
        font-size:11px;
    }

    .vspmheadercontainer{
        padding:0 20px;
    }

    .vspmheaderwrap{
        min-height:82px;

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

        gap:20px;
    }

    .vspmheaderlogo{
        width:auto;
        height:65px;

        flex:1;
    }

    .vspmheaderlogo .vspmheaderlogodark,
    .vspmheaderlogo .vspmheaderlogowhite{
        max-width:200px;
        max-height:62px;
    }

    .vspmheadernav{
        display:none !important;
    }

    .vspmheaderright{
        display:none !important;
    }

    .vspmheadertoggle{
        display:flex !important;
    }

}


/*==================================================
MOBILE
==================================================*/

@media screen and (max-width:767px){

    .vspmtopbar{
        min-height:64px;
    }

    .vspmtopbar::before{
        display:none;
    }

    .vspmtopbarcontainer{
        padding:0 14px;
    }

    .vspmtopbarwrap{
        min-height:64px;

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

        gap:10px;
    }

    .vspmtopbarcenter{
        display:none;
    }

    .vspmtopbarleft{
        flex:1;

        min-width:0;
    }

    .vspmtopbaraltphone{
        display:none;
    }

    .vspmtopbarphoneicon{
        width:38px;
        height:38px;
        min-width:38px;

        color:#dd7436;

        background:rgba(221,116,54,.13);

        border-color:rgba(221,116,54,.45);
    }

    .vspmtopbarphonetext{
        font-size:14px;
    }

    .vspmtopbarphonetext small{
        font-size:8px;
    }

    .vspmtopbarquote{
        min-height:42px;

        padding:10px 14px;

        font-size:11px;
    }

    .vspmheadercontainer{
        padding:0 15px;
    }

    .vspmheaderwrap{
        min-height:75px;

        gap:15px;
    }

    .vspmheaderlogo{
        height:58px;
    }

    .vspmheaderlogo .vspmheaderlogodark,
    .vspmheaderlogo .vspmheaderlogowhite{
        max-width:170px;
        max-height:55px;
    }

    .vspmheadertoggle{
        width:46px;
        height:46px;
        min-width:46px;
    }

    .vspmheadermobile{
        width:350px;
        max-width:90%;
    }

    .vspmheadermobilehead{
        min-height:88px;

        padding:13px 17px;
    }

    .vspmheadermobilelogo img{
        max-width:160px;
        max-height:58px;
    }

    .vspmheadermobilenav{
        padding:15px;
    }

}


/*==================================================
VERY SMALL MOBILE
==================================================*/

@media screen and (max-width:380px){

    .vspmtopbarcontainer{
        padding:0 10px;
    }

    .vspmtopbarphoneicon{
        width:33px;
        height:33px;
        min-width:33px;

        font-size:11px;
    }

    .vspmtopbarphonetext{
        font-size:12px;
    }

    .vspmtopbarquote{
        padding:9px 10px;

        font-size:10px;
    }

    .vspmheaderlogo .vspmheaderlogodark,
    .vspmheaderlogo .vspmheaderlogowhite{
        max-width:145px;
    }

    .vspmheadertoggle{
        width:43px;
        height:43px;
        min-width:43px;
    }

    .vspmheadermobile{
        width:100%;
        max-width:94%;
    }

}

/*==================================================
VSPM MOBILE MENU FINAL FIX
IMPORTANT - KEEP AT BOTTOM OF STYLE.CSS
==================================================*/

@media screen and (max-width:991px){

    /* SHOW HAMBURGER */

    .vspmheadertoggle{
        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;
    }


    .vspmheadertoggle span{
        display:block !important;

        width:24px !important;
        height:3px !important;

        margin:0 !important;
        padding:0 !important;

        background:#ffffff !important;

        border-radius:50px !important;
    }


    .vspmheadertoggle span:nth-child(2){
        width:18px !important;

        margin-left:6px !important;

        background:#dd7436 !important;
    }


    /* HIDE DESKTOP NAV */

    .vspmheadernav{
        display:none !important;
    }


    .vspmheaderright{
        display:none !important;
    }


    /* MOBILE MENU */

    .vspmheadermobile{
        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 */

    .vspmheadermobile.active{
        transform:translate3d(0,0,0) !important;

        pointer-events:auto !important;
    }


    /* IMPORTANT - SHOW MOBILE NAV */

    nav.vspmheadermobilenav,
    .vspmheadermobilenav{
        display:block !important;

        width:100% !important;

        visibility:visible !important;

        opacity:1 !important;

        position:relative !important;

        flex:1 1 auto !important;

        padding:20px !important;
    }


    .vspmheadermobilenav > ul{
        display:block !important;

        width:100% !important;

        margin:0 !important;
        padding:0 !important;

        list-style:none !important;
    }


    .vspmheadermobilenav > ul > li{
        display:block !important;

        width:100% !important;

        margin:0 0 8px !important;
        padding:0 !important;
    }


    .vspmheadermobilenav > 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;
    }


    /* SERVICES BUTTON */

    .vspmheadermobileservicetoggle{
        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;
    }


    /* OVERLAY */

    .vspmheaderoverlay{
        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;
    }


    .vspmheaderoverlay.active{
        opacity:1 !important;

        visibility:visible !important;

        pointer-events:auto !important;
    }

}


/*==================================================
MOBILE
==================================================*/

@media screen and (max-width:575px){

    .vspmheadermobile{
        width:100% !important;

        max-width:92% !important;
    }


    .vspmheadertoggle{
        width:46px !important;
        height:46px !important;
        min-width:46px !important;

        flex-basis:46px !important;
    }


    .vspmheadermobilenav{
        padding:15px !important;
    }

}

/*==================================================
VSPM NEW HOME SERVICES
==================================================*/

.vspmnewservices,
.vspmnewservices *{
    box-sizing:border-box;
}

.vspmnewservices{
    position:relative;
    width:100%;
    padding:105px 0;
    background:#102f52;
    font-family:"Poppins",sans-serif;
    overflow:hidden;
}

.vspmnewservices::before{
    content:"";
    position:absolute;
    top:-250px;
    right:-180px;
    width:600px;
    height:600px;
    border:100px solid rgba(255,255,255,.025);
    border-radius:50%;
}

.vspmnewservices::after{
    content:"";
    position:absolute;
    left:-100px;
    bottom:-150px;
    width:350px;
    height:350px;
    background:rgba(221,116,54,.05);
    border-radius:50%;
}


/*==================================================
CONTAINER
==================================================*/

.vspmnewservicescontainer{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1400px;
    margin:0 auto;
    padding:0 30px;
}


/*==================================================
TOP
==================================================*/

.vspmnewservicestop{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(0,.75fr);
    align-items:end;
    gap:90px;
    margin-bottom:60px;
}


/*==================================================
TAG
==================================================*/

.vspmnewservicestag{
    display:inline-flex;
    align-items:center;
    gap:12px;
    margin-bottom:20px;
    color:#dd7436;
    font-size:15px;
    font-weight:700;
    line-height:1.4;
    text-transform:uppercase;
    letter-spacing:1.2px;
}

.vspmnewservicestag i{
    width:43px;
    height:43px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#ffffff;
    border-radius:7px;
    font-size:17px;
}


/*==================================================
HEADING
==================================================*/

.vspmnewservicesheading 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;
}

.vspmnewservicesheading h2 span{
    display:block;
    color:#dd7436;
}


/*==================================================
INTRO
==================================================*/

.vspmnewservicesintro{
    padding-left:25px;
    border-left:3px solid #dd7436;
    text-align:left;
}

.vspmnewservicesintro p{
    margin:0 0 20px;
    color:rgba(255,255,255,.72);
    font-size:17px;
    font-weight:400;
    line-height:1.8;
}

.vspmnewservicesintro > a{
    display:inline-flex;
    align-items:center;
    gap:11px;
    color:#ffffff;
    text-decoration:none;
    font-size:15px;
    font-weight:700;
}

.vspmnewservicesintro > a i{
    color:#dd7436;
    transition:transform .3s ease;
}

.vspmnewservicesintro > a:hover i{
    transform:translateX(6px);
}


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

.vspmnewservicesgrid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
}


/*==================================================
CARD
==================================================*/

.vspmnewservicecard{
    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;
}

.vspmnewservicecard:hover{
    transform:translateY(-10px);
    box-shadow:0 28px 60px rgba(0,0,0,.25);
}


/*==================================================
CARD TOP
==================================================*/

.vspmnewservicehead{
    position:relative;
    min-height:125px;
    display:flex;
    align-items:flex-end;
    padding:28px 27px 20px;
    background:#f4f7fa;
    border-bottom:1px solid #e5ebf0;
}

.vspmnewservicehead::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:70px;
    height:5px;
    background:#dd7436;
    transition:width .35s ease;
}

.vspmnewservicecard:hover
.vspmnewservicehead::after{
    width:100%;
}


/*==================================================
NUMBER
==================================================*/

.vspmnewservicenumber{
    position:absolute;
    top:16px;
    right:22px;
    color:rgba(23,61,105,.08);
    font-size:55px;
    font-weight:800;
    line-height:1;
}


/*==================================================
ICON
==================================================*/

.vspmnewserviceicon{
    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;
}

.vspmnewservicecard:hover
.vspmnewserviceicon{
    background:#dd7436;
    transform:rotate(-5deg);
}


/*==================================================
BODY
==================================================*/

.vspmnewservicebody{
    flex:1;
    padding:27px;
    text-align:left;
}

.vspmnewservicebody h3{
    margin:0 0 15px;
    color:#173d69;
    font-size:23px;
    font-weight:750;
    line-height:1.35;
}

.vspmnewservicebody > p{
    margin:0 0 24px;
    color:#637586;
    font-size:15px;
    font-weight:400;
    line-height:1.75;
}


/*==================================================
POINTS
==================================================*/

.vspmnewservicepoints{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.vspmnewservicepoints span{
    display:flex;
    align-items:flex-start;
    gap:10px;
    color:#344c63;
    font-size:14px;
    font-weight:600;
    line-height:1.5;
}

.vspmnewservicepoints 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:#dd7436;
    border-radius:50%;
    font-size:9px;
}


/*==================================================
FOOTER
==================================================*/

.vspmnewservicefooter{
    padding:0 27px 27px;
}

.vspmnewservicefooter > 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;
}

.vspmnewservicefooter > 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;
}

.vspmnewservicefooter > a:hover{
    background:#173d69;
    border-color:#173d69;
    color:#ffffff;
}

.vspmnewservicefooter > a:hover span{
    background:#dd7436;
}


/*==================================================
BOTTOM CTA
==================================================*/

.vspmnewservicescta{
    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;
}

.vspmnewservicescta::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:6px;
    height:100%;
    background:#dd7436;
}

.vspmnewservicesctaleft{
    display:flex;
    align-items:center;
    gap:18px;
}

.vspmnewservicesctaicon{
    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;
}

.vspmnewservicesctaleft span{
    display:block;
    margin-bottom:5px;
    color:#173d69;
    font-size:21px;
    font-weight:750;
    line-height:1.4;
}

.vspmnewservicesctaleft p{
    margin:0;
    color:#687989;
    font-size:15px;
    line-height:1.6;
}


/*==================================================
CTA ACTIONS
==================================================*/

.vspmnewservicesctaactions{
    display:flex;
    align-items:center;
    gap:12px;
}

.vspmnewservicescall,
.vspmnewservicesquote{
    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;
}

.vspmnewservicescall{
    background:#eef3f7;
    color:#173d69;
}

.vspmnewservicescall:hover{
    background:#173d69;
    color:#ffffff;
}

.vspmnewservicesquote{
    background:#dd7436;
    color:#ffffff;
}

.vspmnewservicesquote:hover{
    background:#173d69;
    color:#ffffff;
    transform:translateY(-3px);
}


/*==================================================
SMALL DESKTOP
==================================================*/

@media screen and (max-width:1199px){

    .vspmnewservices{
        padding:85px 0;
    }

    .vspmnewservicestop{
        gap:55px;
    }

    .vspmnewservicesheading h2{
        font-size:43px;
    }

    .vspmnewservicesgrid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:22px;
    }

    .vspmnewservicecard{
        min-height:500px;
    }

}


/*==================================================
TABLET
==================================================*/

@media screen and (max-width:991px){

    .vspmnewservices{
        padding:75px 0;
    }

    .vspmnewservicescontainer{
        padding:0 30px;
    }

    .vspmnewservicestop{
        grid-template-columns:1fr;
        gap:28px;
        margin-bottom:45px;
    }

    .vspmnewservicesheading h2{
        max-width:720px;
        font-size:43px;
    }

    .vspmnewservicesintro{
        max-width:750px;
    }

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

    .vspmnewservicecard{
        min-height:510px;
    }

    .vspmnewservicescta{
        align-items:flex-start;
        flex-direction:column;
    }

    .vspmnewservicesctaactions{
        padding-left:83px;
    }

}


/*==================================================
MOBILE
==================================================*/

@media screen and (max-width:767px){

    .vspmnewservices{
        padding:60px 0;
    }

    .vspmnewservicescontainer{
        padding:0 18px;
    }

    .vspmnewservicestop{
        gap:22px;
        margin-bottom:35px;
    }

    .vspmnewservicestag{
        margin-bottom:17px;
        font-size:13px;
        letter-spacing:.7px;
    }

    .vspmnewservicesheading h2{
        font-size:35px;
        line-height:1.22;
        letter-spacing:-.7px;
    }

    .vspmnewservicesintro{
        padding-left:18px;
    }

    .vspmnewservicesintro p{
        font-size:16px;
        line-height:1.75;
    }

    .vspmnewservicesgrid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .vspmnewservicecard{
        min-height:auto;
    }

    .vspmnewservicehead{
        min-height:115px;
        padding:25px 23px 18px;
    }

    .vspmnewserviceicon{
        width:65px;
        height:65px;
        font-size:24px;
    }

    .vspmnewservicenumber{
        font-size:48px;
    }

    .vspmnewservicebody{
        padding:24px 23px;
    }

    .vspmnewservicebody h3{
        font-size:23px;
    }

    .vspmnewservicebody > p{
        font-size:15px;
    }

    .vspmnewservicefooter{
        padding:0 23px 23px;
    }

    .vspmnewservicescta{
        gap:23px;
        margin-top:25px;
        padding:25px 23px;
    }

    .vspmnewservicesctaleft{
        align-items:flex-start;
    }

    .vspmnewservicesctaleft span{
        font-size:19px;
    }

    .vspmnewservicesctaactions{
        width:100%;
        padding-left:0;
        flex-direction:column;
    }

    .vspmnewservicescall,
    .vspmnewservicesquote{
        width:100%;
    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media screen and (max-width:480px){

    .vspmnewservices{
        padding:52px 0;
    }

    .vspmnewservicescontainer{
        padding:0 15px;
    }

    .vspmnewservicestag{
        font-size:12px;
    }

    .vspmnewservicestag i{
        width:39px;
        height:39px;
        font-size:15px;
    }

    .vspmnewservicesheading h2{
        font-size:30px;
        line-height:1.25;
    }

    .vspmnewservicesintro p{
        font-size:15px;
    }

    .vspmnewservicehead{
        min-height:105px;
        padding:22px 20px 17px;
    }

    .vspmnewserviceicon{
        width:60px;
        height:60px;
        font-size:22px;
    }

    .vspmnewservicenumber{
        top:17px;
        right:19px;
        font-size:44px;
    }

    .vspmnewservicebody{
        padding:22px 20px;
    }

    .vspmnewservicebody h3{
        font-size:21px;
    }

    .vspmnewservicebody > p{
        font-size:15px;
        line-height:1.7;
    }

    .vspmnewservicepoints span{
        font-size:14px;
    }

    .vspmnewservicefooter{
        padding:0 20px 20px;
    }

    .vspmnewservicescta{
        padding:22px 20px;
    }

    .vspmnewservicesctaleft{
        gap:13px;
    }

    .vspmnewservicesctaicon{
        width:55px;
        height:55px;
        min-width:55px;
        font-size:21px;
    }

    .vspmnewservicesctaleft span{
        font-size:18px;
    }

    .vspmnewservicesctaleft p{
        font-size:14px;
    }

}

/*==================================================
VSPM HOME WHY CHOOSE US
PRIMARY : #173d69
ACCENT  : #dd7436
==================================================*/

.vspmwhychoose,
.vspmwhychoose *{
    box-sizing:border-box;
}

.vspmwhychoose{
    position:relative;
    width:100%;
    padding:105px 0;
    background:#ffffff;
    font-family:"Poppins",sans-serif;
    overflow:hidden;
}

.vspmwhychoose::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;
}

.vspmwhychoose::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
==================================================*/

.vspmwhychoosecontainer{

    position:relative;
    z-index:2;
    width:100%;
    max-width:1400px;
    margin:0 auto;
    padding:0 30px;
}


/*==================================================
MAIN GRID
==================================================*/

.vspmwhychoosegrid{
    display:grid;
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    align-items:center;
    gap:85px;
}


/*==================================================
LEFT CONTENT
==================================================*/

.vspmwhychoosecontent{
    width:100%;
    text-align:left;
}


/*==================================================
TAG
==================================================*/

.vspmwhychoosetag{
    display:inline-flex;
    align-items:center;
    gap:12px;
    margin-bottom:20px;
    color:#dd7436;
    font-size:15px;
    font-weight:700;
    line-height:1.4;
    text-transform:uppercase;
    letter-spacing:1px;
}

.vspmwhychoosetag i{
    width:43px;
    height:43px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(221,116,54,.12);
    color:#dd7436;
    border-radius:7px;
    font-size:18px;
}


/*==================================================
HEADING
==================================================*/

.vspmwhychoosecontent 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;
}

.vspmwhychoosecontent h2 span{
    display:block;
    color:#dd7436;
}


/*==================================================
CONTENT TEXT
==================================================*/

.vspmwhychooselead{
    max-width:670px;
    margin:0 0 17px;
    color:#3e5266;
    font-size:18px;
    font-weight:500;
    line-height:1.8;
    text-align:left;
}

.vspmwhychoosedescription{
    max-width:680px;
    margin:0 0 32px;
    color:#697a8a;
    font-size:16px;
    font-weight:400;
    line-height:1.85;
    text-align:left;
}

.vspmwhychoosedescription strong{
    color:#173d69;
    font-weight:700;
}


/*==================================================
TRUST ROW
==================================================*/

.vspmwhychoosetrust{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:15px;
    margin-bottom:34px;
}

.vspmwhychoosetrustitem{
    display:flex;
    align-items:center;
    gap:14px;
    min-width:0;
    padding:17px;
    background:#f6f8fa;
    border:1px solid #e4eaf0;
    border-radius:8px;
}

.vspmwhychoosetrusticon{
    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;
}

.vspmwhychoosetrustitem strong{
    display:block;
    margin-bottom:4px;
    color:#173d69;
    font-size:15px;
    font-weight:700;
    line-height:1.4;
}


.vspmwhychoosetrustitem small{
    display:block;
    color:#748392;
    font-size:12px;
    font-weight:500;
    line-height:1.5;
}


/*==================================================
ACTIONS
==================================================*/

.vspmwhychooseactions{
    display:flex;
    align-items:center;
    gap:25px;
}


/*==================================================
QUOTE BUTTON
==================================================*/

.vspmwhychoosequote{
    min-height:58px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:15px 25px;
    background:#dd7436;
    color:#ffffff;
    border:2px solid #dd7436;
    border-radius:7px;
    text-decoration:none;
    font-size:15px;
    font-weight:700;
    transition:.3s ease;
}

.vspmwhychoosequote i{
    transition:transform .3s ease;
}

.vspmwhychoosequote:hover{
    background:#173d69;
    border-color:#173d69;
    color:#ffffff;
    transform:translateY(-3px);
}

.vspmwhychoosequote:hover i{
    transform:translateX(5px);
}


/*==================================================
CALL
==================================================*/

.vspmwhychoosecall{
    display:flex;
    align-items:center;
    gap:12px;
    color:#173d69;
    text-decoration:none;
}

.vspmwhychoosecall > 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;
}

.vspmwhychoosecall small{
    display:block;
    margin-bottom:3px;
    color:#788796;
    font-size:12px;
    font-weight:500;
}

.vspmwhychoosecall strong{
    display:block;
    color:#173d69;
    font-size:16px;
    font-weight:700;
}


/*==================================================
BENEFIT GRID
==================================================*/

.vspmwhychoosebenefits{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
}


/*==================================================
BENEFIT CARD
==================================================*/

.vspmwhychoosecard{
    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;
}

.vspmwhychoosecard:nth-child(2),
.vspmwhychoosecard:nth-child(4){
    transform:translateY(35px);
}

.vspmwhychoosecard:nth-child(2):hover,
.vspmwhychoosecard:nth-child(4):hover{
    transform:translateY(27px);
}

.vspmwhychoosecard:hover{
    transform:translateY(-8px);
    background:#ffffff;
    border-color:rgba(221,116,54,.45);
    box-shadow:0 22px 50px rgba(23,61,105,.12);
}

.vspmwhychoosecard::before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:0;
    height:4px;
    background:#dd7436;
    transition:width .4s ease;
}

.vspmwhychoosecard:hover::before{
    width:100%;
}


/*==================================================
CARD NUMBER
==================================================*/

.vspmwhychoosenumber{
    position:absolute;
    top:20px;
    right:22px;
    color:rgba(23,61,105,.07);
    font-size:52px;
    font-weight:800;
    line-height:1;
}


/*==================================================
CARD ICON
==================================================*/

.vspmwhychoosecardicon{
    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;
}

.vspmwhychoosecard:hover
.vspmwhychoosecardicon{
    background:#dd7436;
    transform:rotate(-5deg);
}


/*==================================================
CARD CONTENT
==================================================*/

.vspmwhychoosecard 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;
}

.vspmwhychoosecard 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
==================================================*/

.vspmwhychooseprocess{
    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;
}

.vspmwhychooseprocess::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
==================================================*/

.vspmwhychooseprocessintro{
    position:relative;
    z-index:2;
    padding-right:25px;
    border-right:1px solid rgba(255,255,255,.18);
}

.vspmwhychooseprocessintro span{
    display:block;
    margin-bottom:5px;
    color:#dd7436;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
}

.vspmwhychooseprocessintro strong{
    display:block;
    color:#ffffff;
    font-size:18px;
    font-weight:700;
    line-height:1.4;
}


/*==================================================
PROCESS STEP
==================================================*/

.vspmwhychoosestep{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:11px;
}

.vspmwhychoosestepnumber{
    width:42px;
    height:42px;
    min-width:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#ffffff;
    border-radius:50%;
    font-size:12px;
    font-weight:800;
}

.vspmwhychoosestep strong{
    display:block;
    margin-bottom:3px;
    color:#ffffff;
    font-size:14px;
    font-weight:700;
}

.vspmwhychoosestep small{
    display:block;
    color:rgba(255,255,255,.62);
    font-size:11px;
    line-height:1.4;
}


/*==================================================
ARROW
==================================================*/

.vspmwhychoosearrow{
    position:relative;
    z-index:2;
    color:#dd7436;
    font-size:15px;
}


/*==================================================
SMALL DESKTOP
==================================================*/

@media screen and (max-width:1199px){

    .vspmwhychoose{
        padding:85px 0;
    }

    .vspmwhychoosegrid{
        gap:55px;
    }

    .vspmwhychoosecontent h2{
        font-size:41px;
    }

    .vspmwhychoosetrust{
        grid-template-columns:1fr;
    }

    .vspmwhychooseactions{
        align-items:flex-start;
        flex-direction:column;
    }

    .vspmwhychoosecard{
        min-height:300px;
        padding:27px 24px;
    }

    .vspmwhychooseprocess{
        grid-template-columns:1fr 1fr 1fr 1fr;
    }

    .vspmwhychooseprocessintro{
        grid-column:1 / -1;
        padding:0 0 20px;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.18);
    }

    .vspmwhychoosearrow{
        display:none;
    }

}


/*==================================================
TABLET
==================================================*/

@media screen and (max-width:991px){

    .vspmwhychoose{
        padding:75px 0;
    }

    .vspmwhychoosecontainer{
        padding:0 30px;
    }

    .vspmwhychoosegrid{
        grid-template-columns:1fr;
        gap:60px;
    }

    .vspmwhychoosecontent{
        max-width:760px;
    }

    .vspmwhychoosecontent h2{
        max-width:700px;
        font-size:43px;
    }

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

    .vspmwhychooseactions{
        align-items:center;
        flex-direction:row;
    }

    .vspmwhychoosebenefits{
        max-width:800px;
    }

    .vspmwhychoosecard{
        min-height:275px;
    }

}


/*==================================================
MOBILE
==================================================*/

@media screen and (max-width:767px){

    .vspmwhychoose{
        padding:60px 0;
    }

    .vspmwhychoosecontainer{
        padding:0 18px;
    }

    .vspmwhychoosegrid{
        gap:42px;
    }

    .vspmwhychoosetag{
        margin-bottom:17px;
        font-size:13px;
        letter-spacing:.7px;
    }

    .vspmwhychoosecontent h2{
        margin-bottom:20px;
        font-size:35px;
        line-height:1.22;
        letter-spacing:-.7px;
    }

    .vspmwhychooselead{
        font-size:17px;
        line-height:1.75;
    }

    .vspmwhychoosedescription{
        margin-bottom:27px;
        font-size:15px;
        line-height:1.8;
    }

    .vspmwhychoosetrust{
        grid-template-columns:1fr;
        gap:12px;
    }

    .vspmwhychooseactions{
        align-items:flex-start;
        flex-direction:column;
        gap:22px;
    }

    .vspmwhychoosebenefits{
        grid-template-columns:1fr;
        gap:15px;
    }

    .vspmwhychoosecard,
    .vspmwhychoosecard:nth-child(2),
    .vspmwhychoosecard:nth-child(4){
        min-height:auto;
        padding:26px 23px;
        transform:none;
    }

    .vspmwhychoosecard:hover,
    .vspmwhychoosecard:nth-child(2):hover,
    .vspmwhychoosecard:nth-child(4):hover{
        transform:translateY(-5px);
    }

    .vspmwhychoosecardicon{
        width:60px;
        height:60px;
        margin-bottom:20px;
        font-size:22px;
    }

    .vspmwhychoosecard h3{
        font-size:20px;
    }

    .vspmwhychoosecard p{
        font-size:14px;
    }

    .vspmwhychooseprocess{
        grid-template-columns:1fr 1fr;
        gap:22px 15px;
        margin-top:35px;
        padding:25px 23px;
    }

    .vspmwhychooseprocessintro{
        grid-column:1 / -1;
    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media screen and (max-width:480px){

    .vspmwhychoose{
        padding:52px 0;
    }

    .vspmwhychoosecontainer{
        padding:0 15px;
    }

    .vspmwhychoosetag{
        font-size:12px;
    }

    .vspmwhychoosetag i{
        width:39px;
        height:39px;
        font-size:15px;
    }

    .vspmwhychoosecontent h2{
        font-size:30px;
        line-height:1.25;
    }

    .vspmwhychooselead{
        font-size:16px;
    }

    .vspmwhychoosedescription{
        font-size:15px;
    }

    .vspmwhychoosetrustitem{
        padding:15px;
    }

    .vspmwhychoosequote{
        width:100%;
    }

    .vspmwhychoosecard{
        padding:23px 20px;
    }

    .vspmwhychoosenumber{
        top:18px;
        right:18px;
        font-size:44px;
    }

    .vspmwhychoosecard h3{
        font-size:19px;
    }

    .vspmwhychooseprocess{
        grid-template-columns:1fr;
        padding:23px 20px;
    }

    .vspmwhychooseprocessintro{
        grid-column:auto;
    }

    .vspmwhychoosestep{
        padding:12px 0;
        border-bottom:1px solid rgba(255,255,255,.10);
    }

    .vspmwhychoosestep:last-child{
        border-bottom:0;
    }

    .vspmwhychoosestep strong{
        font-size:15px;
    }

    .vspmwhychoosestep small{
        font-size:12px;
    }

}

/*==================================================
VSPM HOME SURAT SERVICE AREAS
PRIMARY : #173d69
ACCENT  : #dd7436
==================================================*/

.vspmsuratareas,
.vspmsuratareas *{
    box-sizing:border-box;
}

.vspmsuratareas{
    position:relative;
    width:100%;
    padding:105px 0;
    background:#f5f7fa;
    font-family:"Poppins",sans-serif;
    overflow:hidden;
}

.vspmsuratareas::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;
}

.vspmsuratareas::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
==================================================*/

.vspmsuratareascontainer{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1400px;
    margin:0 auto;
    padding:0 30px;
}


/*==================================================
MAIN LAYOUT
==================================================*/

.vspmsuratareaslayout{
    display:grid;
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
    align-items:center;
    gap:80px;
}


/*==================================================
LEFT CONTENT
==================================================*/

.vspmsuratareascontent{
    width:100%;
    text-align:left;
}


/*==================================================
SECTION TAG
==================================================*/

.vspmsuratareastag{
    display:inline-flex;
    align-items:center;
    gap:12px;
    margin-bottom:20px;
    color:#dd7436;
    font-size:15px;
    font-weight:700;
    line-height:1.4;
    text-transform:uppercase;
    letter-spacing:1px;
}

.vspmsuratareastag i{
    width:43px;
    height:43px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(221,116,54,.12);
    color:#dd7436;
    border-radius:7px;
    font-size:18px;
}


/*==================================================
HEADING
==================================================*/

.vspmsuratareascontent 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;
}

.vspmsuratareascontent h2 span{
    display:block;
    color:#dd7436;
}


/*==================================================
CONTENT TEXT
==================================================*/

.vspmsuratareaslead{
    max-width:650px;
    margin:0 0 17px;
    color:#3f5367;
    font-size:18px;
    font-weight:500;
    line-height:1.8;
    text-align:left;
}

.vspmsuratareasdescription{
    max-width:650px;
    margin:0 0 30px;
    color:#697a8a;
    font-size:16px;
    font-weight:400;
    line-height:1.85;
    text-align:left;
}


/*==================================================
COVERAGE BOX
==================================================*/

.vspmsuratareascoverage{
    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 #dd7436;
    border-radius:8px;
    box-shadow:0 14px 35px rgba(23,61,105,.07);
}

.vspmsuratareascoverageicon{
    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;
}

.vspmsuratareascoverage strong{
    display:block;
    margin-bottom:5px;
    color:#173d69;
    font-size:17px;
    font-weight:700;
    line-height:1.4;
}

.vspmsuratareascoverage p{
    margin:0;
    color:#71808f;

    font-size:14px;
    font-weight:400;
    line-height:1.6;
}


/*==================================================
ACTION BUTTONS
==================================================*/

.vspmsuratareasactions{
    display:flex;
    align-items:center;
    gap:14px;
}

.vspmsuratareasquote,
.vspmsuratareascall{
    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;
}

.vspmsuratareasquote{
    background:#dd7436;
    color:#ffffff;
    border:2px solid #dd7436;
}

.vspmsuratareasquote i{
    transition:transform .3s ease;
}

.vspmsuratareasquote:hover{
    background:#173d69;
    border-color:#173d69;
    color:#ffffff;
    text-decoration:none;
    transform:translateY(-3px);
}

.vspmsuratareasquote:hover i{
    transform:translateX(5px);
}

.vspmsuratareascall{
    background:#ffffff;
    color:#173d69;
    border:2px solid #dce4eb;
}

.vspmsuratareascall:hover{
    background:#173d69;
    border-color:#173d69;
    color:#ffffff;
    text-decoration:none;
}


/*==================================================
RIGHT DIRECTORY
==================================================*/

.vspmsuratareasdirectory{
    position:relative;
    width:100%;
    padding:35px;
    background:#173d69;
    border-radius:12px;
    box-shadow:0 25px 60px rgba(23,61,105,.22);
    overflow:hidden;
}

.vspmsuratareasdirectory::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
==================================================*/

.vspmsuratareasdirectorytop{
    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);
}

.vspmsuratareasdirectoryicon{
    width:64px;
    height:64px;
    min-width:64px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#ffffff;
    border-radius:9px;
    font-size:25px;
}

.vspmsuratareasdirectorytop span{
    display:block;
    margin-bottom:5px;
    color:#dd7436;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
}

.vspmsuratareasdirectorytop h3{
    margin:0;
    color:#ffffff;
    font-size:25px;
    font-weight:750;
    line-height:1.4;
    text-align:left;
}


/*==================================================
AREA LINKS GRID
==================================================*/

.vspmsuratareaslist{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:11px;
}


/*==================================================
AREA LINK
==================================================*/

.vspmsuratareaitem{
    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;
}

.vspmsuratareaitem i{
    color:#dd7436;
    font-size:12px;
    transition:
        color .3s ease,
        transform .3s ease;
}

.vspmsuratareaitem span{
    min-width:0;
    color:inherit;
}


/*==================================================
AREA LINK HOVER
==================================================*/

.vspmsuratareaitem:hover{
    background:#dd7436;
    border-color:#dd7436;
    color:#ffffff;
    text-decoration:none;
    transform:translateY(-3px);
}

.vspmsuratareaitem:hover i{
    color:#ffffff;
    transform:translateX(3px);
}


/*==================================================
DIRECTORY BOTTOM
==================================================*/

.vspmsuratareasdirectorybottom{
    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);
}

.vspmsuratareasdirectorybottom i{
    margin-top:4px;
    color:#dd7436;
    font-size:17px;
}

.vspmsuratareasdirectorybottom 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){

    .vspmsuratareas{
        padding:85px 0;
    }

    .vspmsuratareaslayout{
        gap:55px;
    }

    .vspmsuratareascontent h2{
        font-size:42px;
    }

    .vspmsuratareaslead{
        font-size:17px;
    }

    .vspmsuratareasdirectory{
        padding:30px;
    }

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

}


/*==================================================
TABLET
==================================================*/

@media screen and (max-width:991px){

    .vspmsuratareas{
        padding:75px 0;
    }

    .vspmsuratareascontainer{
        padding:0 30px;
    }

    .vspmsuratareaslayout{
        grid-template-columns:1fr;
        gap:55px;
    }

    .vspmsuratareascontent{
        max-width:760px;
    }

    .vspmsuratareascontent h2{
        max-width:700px;
        font-size:43px;
    }

    .vspmsuratareaslead{
        font-size:18px;
    }

    .vspmsuratareascoverage{
        max-width:650px;
    }

    .vspmsuratareasdirectory{
        max-width:850px;
    }

    .vspmsuratareaslist{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

}


/*==================================================
MOBILE
==================================================*/

@media screen and (max-width:767px){

    .vspmsuratareas{
        padding:60px 0;
    }

    .vspmsuratareascontainer{
        padding:0 18px;
    }

    .vspmsuratareaslayout{
        gap:40px;
    }

    .vspmsuratareastag{
        margin-bottom:17px;
        font-size:13px;
        letter-spacing:.7px;
    }

    .vspmsuratareascontent h2{
        margin-bottom:20px;
        font-size:35px;
        line-height:1.22;
        letter-spacing:-.7px;
    }

    .vspmsuratareaslead{
        font-size:17px;
        line-height:1.75;
    }

    .vspmsuratareasdescription{
        margin-bottom:26px;
        font-size:15px;
        line-height:1.8;
    }

    .vspmsuratareascoverage{
        margin-bottom:27px;
        padding:17px;
    }

    .vspmsuratareascoverageicon{
        width:55px;
        height:55px;
        min-width:55px;
        font-size:21px;
    }

    .vspmsuratareasactions{
        align-items:stretch;
        flex-direction:column;
    }

    .vspmsuratareasquote,
    .vspmsuratareascall{
        width:100%;
    }

    .vspmsuratareasdirectory{
        padding:27px 23px;
        border-radius:9px;
    }

    .vspmsuratareasdirectorytop{
        align-items:flex-start;
    }

    .vspmsuratareasdirectoryicon{
        width:58px;
        height:58px;
        min-width:58px;
        font-size:22px;
    }

    .vspmsuratareasdirectorytop h3{
        font-size:22px;
    }

    .vspmsuratareaslist{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:9px;
    }

    .vspmsuratareaitem{
        min-height:48px;
        padding:10px 11px;
        font-size:13px;
    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media screen and (max-width:480px){

    .vspmsuratareas{
        padding:52px 0;
    }

    .vspmsuratareascontainer{
        padding:0 15px;
    }

    .vspmsuratareastag{
        font-size:12px;
    }

    .vspmsuratareastag i{
        width:39px;
        height:39px;
        font-size:15px;
    }

    .vspmsuratareascontent h2{
        font-size:30px;
        line-height:1.25;
    }

    .vspmsuratareaslead{
        font-size:16px;
    }

    .vspmsuratareasdescription{
        font-size:15px;
    }

    .vspmsuratareascoverage{
        align-items:flex-start;
        gap:13px;
        padding:15px;
    }

    .vspmsuratareascoverageicon{
        width:50px;
        height:50px;
        min-width:50px;
        font-size:19px;
    }

    .vspmsuratareascoverage strong{
        font-size:15px;
    }

    .vspmsuratareascoverage p{
        font-size:13px;
    }

    .vspmsuratareasdirectory{
        padding:23px 18px;
    }

    .vspmsuratareasdirectorytop{
        gap:13px;
        margin-bottom:22px;
        padding-bottom:20px;
    }

    .vspmsuratareasdirectoryicon{
        width:52px;
        height:52px;
        min-width:52px;
        font-size:20px;
    }

    .vspmsuratareasdirectorytop span{
        font-size:10px;
    }

    .vspmsuratareasdirectorytop h3{
        font-size:19px;
        line-height:1.4;
    }

    .vspmsuratareaslist{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }

    .vspmsuratareaitem{
        min-height:46px;
        gap:7px;
        padding:9px;
        font-size:12px;
    }

    .vspmsuratareaitem i{
        font-size:10px;
    }

    .vspmsuratareasdirectorybottom p{
        font-size:13px;
    }

}


/*==================================================
VERY SMALL MOBILE
==================================================*/

@media screen and (max-width:360px){

    .vspmsuratareaslist{
        grid-template-columns:1fr;
    }

    .vspmsuratareaitem{
        font-size:13px;
    }

}

/*==================================================
VSPM HOME CTA SECTION
PRIMARY : #173d69
ACCENT  : #dd7436
==================================================*/

.vspmhomecta,
.vspmhomecta *{
    box-sizing:border-box;
}

.vspmhomecta{
    position:relative;
    width:100%;
    padding:95px 0;
    background:#ffffff;
    font-family:"Poppins",sans-serif;
    overflow:hidden;
}


/*==================================================
BACKGROUND DECORATION
==================================================*/

.vspmhomecta::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;
}

.vspmhomecta::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
==================================================*/

.vspmhomectacontainer{
    position:relative;
    z-index:2;

    width:100%;
    max-width:1400px;

    margin:0 auto;

    padding:0 30px;
}


/*==================================================
CTA WRAPPER
==================================================*/

.vspmhomectawrap{
    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
==================================================*/

.vspmhomectawrap::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;
}

.vspmhomectawrap::after{
    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:38%;
    height:5px;

    background:#dd7436;

    pointer-events:none;
}


/*==================================================
LEFT CONTENT
==================================================*/

.vspmhomectacontent{
    position:relative;
    z-index:2;

    width:100%;

    text-align:left;
}


/*==================================================
TAG
==================================================*/

.vspmhomectatag{
    display:inline-flex;

    align-items:center;

    gap:11px;

    margin-bottom:20px;

    color:#dd7436;

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

    line-height:1.4;

    text-transform:uppercase;

    letter-spacing:1px;
}

.vspmhomectatag i{
    width:43px;
    height:43px;

    display:flex;

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

    background:#dd7436;

    color:#ffffff;

    border-radius:7px;

    font-size:17px;
}


/*==================================================
HEADING
==================================================*/

.vspmhomectacontent 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;
}

.vspmhomectacontent h2 span{
    display:block;

    color:#dd7436;
}


/*==================================================
DESCRIPTION
==================================================*/

.vspmhomectacontent > 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
==================================================*/

.vspmhomectapoints{
    display:flex;

    flex-direction:column;

    gap:13px;
}

.vspmhomectapoints span{
    display:flex;

    align-items:center;

    gap:11px;

    color:#ffffff;

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

    line-height:1.5;
}

.vspmhomectapoints span i{
    color:#dd7436;

    font-size:17px;
}


/*==================================================
RIGHT ACTION PANEL
==================================================*/

.vspmhomectaaction{
    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
==================================================*/

.vspmhomectaactionicon{
    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
==================================================*/

.vspmhomectaactiontag{
    display:block;

    margin-bottom:8px;

    color:#dd7436;

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

    line-height:1.4;

    text-transform:uppercase;

    letter-spacing:1px;
}


/*==================================================
ACTION HEADING
==================================================*/

.vspmhomectaaction h3{
    margin:0 0 14px;

    color:#173d69;

    font-size:28px;
    font-weight:800;

    line-height:1.35;

    text-align:left;
}


/*==================================================
ACTION TEXT
==================================================*/

.vspmhomectaaction > p{
    margin:0 0 25px;

    color:#697a8a;

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

    line-height:1.75;

    text-align:left;
}


/*==================================================
BUTTONS
==================================================*/

.vspmhomectabuttons{
    display:flex;

    flex-direction:column;

    gap:13px;
}


/*==================================================
QUOTE BUTTON
==================================================*/

.vspmhomectaquote{
    width:100%;

    min-height:58px;

    display:flex;

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

    gap:12px;

    padding:14px 22px;

    background:#dd7436;

    color:#ffffff;

    border:2px solid #dd7436;

    border-radius:7px;

    text-decoration:none;

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

    transition:
        background .3s ease,
        border-color .3s ease,
        transform .3s ease;
}

.vspmhomectaquote i{
    transition:transform .3s ease;
}

.vspmhomectaquote:hover{
    background:#173d69;

    border-color:#173d69;

    color:#ffffff;

    text-decoration:none;

    transform:translateY(-3px);
}

.vspmhomectaquote:hover i{
    transform:translateX(5px);
}


/*==================================================
CALL BUTTON
==================================================*/

.vspmhomectacall{
    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;
}

.vspmhomectacall > 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;
}

.vspmhomectacall small{
    display:block;

    margin-bottom:3px;

    color:#7a8997;

    font-size:11px;
    font-weight:500;

    line-height:1.3;
}

.vspmhomectacall strong{
    display:block;

    color:#173d69;

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

    line-height:1.4;
}

.vspmhomectacall:hover{
    background:#eef3f7;

    border-color:#cdd8e2;

    color:#173d69;

    text-decoration:none;
}

.vspmhomectacall:hover > span{
    background:#dd7436;

    transform:rotate(-5deg);
}


/*==================================================
HELP TEXT
==================================================*/

.vspmhomectahelp{
    display:flex;

    align-items:flex-start;

    gap:9px;

    margin-top:19px;

    padding-top:17px;

    border-top:1px solid #e2e8ed;
}

.vspmhomectahelp i{
    margin-top:4px;

    color:#dd7436;

    font-size:14px;
}

.vspmhomectahelp span{
    color:#748493;

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

    line-height:1.6;
}


/*==================================================
SMALL DESKTOP
==================================================*/

@media screen and (max-width:1199px){

    .vspmhomecta{
        padding:85px 0;
    }

    .vspmhomectawrap{
        grid-template-columns:
            minmax(0,1fr)
            minmax(380px,.75fr);

        gap:50px;

        padding:52px;
    }

    .vspmhomectacontent h2{
        font-size:44px;
    }

    .vspmhomectacontent > p{
        font-size:16px;
    }

}


/*==================================================
TABLET
==================================================*/

@media screen and (max-width:991px){

    .vspmhomecta{
        padding:75px 0;
    }

    .vspmhomectacontainer{
        padding:0 30px;
    }

    .vspmhomectawrap{
        grid-template-columns:1fr;

        gap:45px;

        padding:50px;
    }

    .vspmhomectacontent{
        max-width:750px;
    }

    .vspmhomectacontent h2{
        max-width:680px;

        font-size:44px;
    }

    .vspmhomectacontent > p{
        max-width:720px;

        font-size:17px;
    }

    .vspmhomectaaction{
        max-width:650px;
    }

}


/*==================================================
MOBILE
==================================================*/

@media screen and (max-width:767px){

    .vspmhomecta{
        padding:60px 0;
    }

    .vspmhomectacontainer{
        padding:0 18px;
    }

    .vspmhomectawrap{
        gap:37px;

        padding:38px 25px;

        border-radius:10px;
    }

    .vspmhomectatag{
        margin-bottom:17px;

        font-size:13px;

        letter-spacing:.6px;
    }

    .vspmhomectatag i{
        width:40px;
        height:40px;

        font-size:15px;
    }

    .vspmhomectacontent h2{
        margin-bottom:20px;

        font-size:36px;

        line-height:1.22;

        letter-spacing:-.7px;
    }

    .vspmhomectacontent > p{
        margin-bottom:25px;

        font-size:16px;

        line-height:1.75;
    }

    .vspmhomectapoints span{
        font-size:14px;
    }

    .vspmhomectaaction{
        padding:30px 25px;
    }

    .vspmhomectaactionicon{
        width:62px;
        height:62px;

        margin-bottom:20px;

        font-size:23px;
    }

    .vspmhomectaaction h3{
        font-size:25px;
    }

    .vspmhomectaaction > p{
        font-size:15px;
    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media screen and (max-width:480px){

    .vspmhomecta{
        padding:52px 0;
    }

    .vspmhomectacontainer{
        padding:0 15px;
    }

    .vspmhomectawrap{
        padding:32px 18px;
    }

    .vspmhomectatag{
        font-size:11px;

        letter-spacing:.4px;
    }

    .vspmhomectatag i{
        width:38px;
        height:38px;

        min-width:38px;
    }

    .vspmhomectacontent h2{
        font-size:30px;

        line-height:1.25;
    }

    .vspmhomectacontent > p{
        font-size:15px;
    }

    .vspmhomectapoints{
        gap:12px;
    }

    .vspmhomectapoints span{
        align-items:flex-start;

        font-size:14px;
    }

    .vspmhomectapoints span i{
        margin-top:3px;
    }

    .vspmhomectaaction{
        padding:25px 20px;

        border-radius:8px;
    }

    .vspmhomectaactionicon{
        width:57px;
        height:57px;

        font-size:21px;
    }

    .vspmhomectaactiontag{
        font-size:11px;
    }

    .vspmhomectaaction h3{
        font-size:22px;

        line-height:1.4;
    }

    .vspmhomectaaction > p{
        font-size:14px;

        line-height:1.7;
    }

    .vspmhomectaquote{
        min-height:55px;

        font-size:15px;
    }

    .vspmhomectacall{
        min-height:64px;
    }

    .vspmhomectacall strong{
        font-size:15px;
    }

}


/*==================================================
VERY SMALL MOBILE
==================================================*/

@media screen and (max-width:360px){

    .vspmhomectawrap{
        padding:28px 15px;
    }

    .vspmhomectacontent h2{
        font-size:27px;
    }

    .vspmhomectaaction{
        padding:22px 16px;
    }

    .vspmhomectacall{
        padding:9px 10px;
    }

    .vspmhomectacall > span{
        width:41px;
        height:41px;

        min-width:41px;
    }

    .vspmhomectacall strong{
        font-size:14px;
    }

}

/*==================================================
VSPM HOME MOVING APPROACH
PRIMARY : #173d69
ACCENT  : #dd7436
==================================================*/

.vspmjourney,
.vspmjourney *{
    box-sizing:border-box;
}

.vspmjourney{
    position:relative;
    width:100%;
    padding:105px 0;
    background:#f4f7fa;
    font-family:"Poppins",sans-serif;
    overflow:hidden;
}


/*==================================================
BACKGROUND DESIGN
==================================================*/

.vspmjourney::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;
}

.vspmjourney::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
==================================================*/

.vspmjourneycontainer{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1400px;
    margin:0 auto;
    padding:0 30px;
}


/*==================================================
MAIN GRID
==================================================*/

.vspmjourneygrid{
    display:grid;
    grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
    align-items:start;
    gap:145px;
}


/*==================================================
LEFT CONTENT
==================================================*/

.vspmjourneyleft{
    position:sticky;
    top:150px;
    width:100%;
    padding-top:5px;
    text-align:left;
}


/*==================================================
TAG
==================================================*/

.vspmjourneytag{
    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;
}

.vspmjourneytag i{
    color:#dd7436;
    font-size:15px;
}


/*==================================================
HEADING
==================================================*/

.vspmjourneyleft 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;
}

.vspmjourneyleft h2 span{
    color:#dd7436;
}


/*==================================================
CONTENT
==================================================*/

.vspmjourneylead{
    max-width:640px;
    margin:0 0 20px;
    color:#344b62;
    font-size:18px;
    font-weight:500;
    line-height:1.9;
    text-align:left;
}

.vspmjourneytext{
    max-width:640px;
    margin:0 0 32px;
    color:#687989;
    font-size:16px;
    font-weight:400;
    line-height:1.9;
    text-align:left;
}


/*==================================================
SERVICE PROMISE
==================================================*/

.vspmjourneypromise{
    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 #dd7436;
    border-radius:9px;
    box-shadow:0 15px 40px rgba(23,61,105,.07);
}

.vspmjourneypromiseicon{
    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;
}

.vspmjourneypromise span{
    display:block;
    margin-bottom:5px;
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    line-height:1.4;
    text-transform:uppercase;
    letter-spacing:1px;
}

.vspmjourneypromise h3{
    margin:0 0 8px;
    color:#173d69;
    font-size:19px;
    font-weight:750;
    line-height:1.5;
}

.vspmjourneypromise p{
    margin:0;
    color:#71808f;
    font-size:14px;
    font-weight:400;
    line-height:1.7;
}


/*==================================================
LEFT BUTTONS
==================================================*/

.vspmjourneyactions{
    display:flex;
    align-items:center;
    gap:14px;
}

.vspmjourneyquote,
.vspmjourneycall{
    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;
}

.vspmjourneyquote{
    background:#dd7436;
    color:#ffffff;
    border:2px solid #dd7436;
}

.vspmjourneyquote i{
    transition:transform .3s ease;
}

.vspmjourneyquote:hover{
    background:#173d69;
    border-color:#173d69;
    color:#ffffff;
    text-decoration:none;
    transform:translateY(-3px);
}

.vspmjourneyquote:hover i{
    transform:translateX(5px);
}

.vspmjourneycall{
    background:#ffffff;
    color:#173d69;
    border:2px solid #dce4eb;
}

.vspmjourneycall:hover{
    background:#173d69;
    border-color:#173d69;
    color:#ffffff;
    text-decoration:none;
}


/*==================================================
RIGHT STEPS
==================================================*/

.vspmjourneyright{
    position:relative;
    width:100%;
    display:flex;
    flex-direction:column;
    gap:25px;
}


/*==================================================
VERTICAL TIMELINE
==================================================*/

.vspmjourneyright::before{
    content:"";
    position:absolute;
    top:55px;
    bottom:55px;
    left:-59px;
    width:2px;
    background:rgba(221,116,54,.55);
}


/*==================================================
STEP
==================================================*/

.vspmjourneystep{
    position:relative;
    width:100%;
}


/*==================================================
NUMBER
==================================================*/

.vspmjourneynumber{
    position:absolute;
    top:50%;
    left:-88px;
    z-index:5;
    width:60px;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    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
==================================================*/

.vspmjourneycard{
    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;
}

.vspmjourneycard::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:4px;
    height:0;
    background:#dd7436;
    border-radius:14px 0 0 14px;
    transition:height .35s ease;
}

.vspmjourneystep:hover .vspmjourneycard{
    border-color:rgba(221,116,54,.32);
    transform:translateX(8px);
    box-shadow:0 20px 48px rgba(23,61,105,.10);
}

.vspmjourneystep:hover .vspmjourneycard::before{
    height:100%;
}


/*==================================================
CARD ICON
==================================================*/

.vspmjourneycardicon{
    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;
}

.vspmjourneystep:hover .vspmjourneycardicon{
    background:#173d69;
    color:#ffffff;
    transform:rotate(-4deg);
}


/*==================================================
CARD CONTENT
==================================================*/

.vspmjourneycardcontent{
    min-width:0;
    padding-top:2px;
}

.vspmjourneycardtag{
    display:block;
    margin-bottom:8px;
    color:#dd7436;
    font-size:11px;
    font-weight:800;
    line-height:1.4;
    text-transform:uppercase;
    letter-spacing:1px;
}

.vspmjourneycardcontent h3{
    margin:0 0 11px;
    color:#173d69;
    font-size:23px;
    font-weight:750;
    line-height:1.4;
    text-align:left;
}

.vspmjourneycardcontent 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){

    .vspmjourney{
        padding:85px 0;
    }

    .vspmjourneygrid{
        gap:110px;
    }

    .vspmjourneyleft h2{
        font-size:44px;
    }

    .vspmjourneylead{
        font-size:17px;
    }

    .vspmjourneyright::before{
        left:-45px;
    }

    .vspmjourneynumber{
        left:-74px;
    }

}


/*==================================================
TABLET
==================================================*/

@media screen and (max-width:991px){

    .vspmjourney{
        padding:75px 0;
    }

    .vspmjourneycontainer{
        padding:0 30px;
    }

    .vspmjourneygrid{
        grid-template-columns:1fr;
        gap:65px;
    }

    .vspmjourneyleft{
        position:relative;
        top:auto;
        max-width:800px;
    }

    .vspmjourneyleft h2{
        max-width:700px;
        font-size:45px;
    }

    .vspmjourneylead,
    .vspmjourneytext{
        max-width:760px;
    }

    .vspmjourneypromise{
        max-width:760px;
    }

    .vspmjourneyright{
        padding-left:75px;
    }

    .vspmjourneyright::before{
        left:29px;
    }

    .vspmjourneynumber{
        left:-75px;
    }

    .vspmjourneycard{
        min-height:160px;
    }

}


/*==================================================
MOBILE
==================================================*/

@media screen and (max-width:767px){

    .vspmjourney{
        padding:60px 0;
    }

    .vspmjourneycontainer{
        padding:0 18px;
    }

    .vspmjourneygrid{
        gap:48px;
    }

    .vspmjourneytag{
        min-height:41px;
        margin-bottom:20px;
        padding:9px 15px;
        font-size:12px;
    }

    .vspmjourneyleft h2{
        margin-bottom:23px;
        font-size:36px;
        line-height:1.22;
        letter-spacing:-.8px;
    }

    .vspmjourneylead{
        font-size:17px;
        line-height:1.8;
    }

    .vspmjourneytext{
        font-size:15px;
        line-height:1.8;
    }

    .vspmjourneypromise{
        gap:15px;
        padding:20px;
    }

    .vspmjourneypromiseicon{
        width:55px;
        height:55px;
        min-width:55px;
        font-size:21px;
    }

    .vspmjourneyactions{
        align-items:stretch;
        flex-direction:column;
    }

    .vspmjourneyquote,
    .vspmjourneycall{
        width:100%;
    }


    /*==============================================
    MOBILE TIMELINE
    ==============================================*/

    .vspmjourneyright{
        gap:20px;
        padding-left:0;
    }

    .vspmjourneyright::before{
        display:none;
    }

    .vspmjourneystep{
        padding-top:23px;
    }

    .vspmjourneynumber{
        top:0;
        left:22px;
        width:47px;
        height:47px;
        border:5px solid #f4f7fa;
        font-size:12px;
        transform:none;
    }

    .vspmjourneycard{
        min-height:0;
        grid-template-columns:60px minmax(0,1fr);
        gap:17px;
        padding:35px 21px 24px;
        border-radius:10px;
    }

    .vspmjourneystep:hover .vspmjourneycard{
        transform:translateY(-4px);
    }

    .vspmjourneycardicon{
        width:60px;
        height:60px;
        border-radius:9px;
        font-size:22px;
    }

    .vspmjourneycardcontent h3{
        font-size:21px;
    }

    .vspmjourneycardcontent p{
        font-size:14px;
        line-height:1.7;
    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media screen and (max-width:480px){

    .vspmjourney{
        padding:52px 0;
    }

    .vspmjourneycontainer{
        padding:0 15px;
    }

    .vspmjourneyleft h2{
        font-size:30px;
        line-height:1.25;
    }

    .vspmjourneylead{
        font-size:16px;
    }

    .vspmjourneytext{
        font-size:15px;
    }

    .vspmjourneypromise{
        align-items:flex-start;
        padding:17px;
    }

    .vspmjourneypromiseicon{
        width:50px;
        height:50px;
        min-width:50px;
        font-size:18px;
    }

    .vspmjourneypromise h3{
        font-size:16px;
    }

    .vspmjourneypromise p{
        font-size:13px;
    }

    .vspmjourneystep{
        padding-top:21px;
    }

    .vspmjourneynumber{
        left:18px;
        width:43px;
        height:43px;
        font-size:11px;
    }

    .vspmjourneycard{
        display:block;
        padding:35px 18px 22px;
    }

    .vspmjourneycardicon{
        width:57px;
        height:57px;
        margin-bottom:18px;
        font-size:21px;
    }

    .vspmjourneycardtag{
        font-size:10px;
    }

    .vspmjourneycardcontent h3{
        font-size:20px;
    }

    .vspmjourneycardcontent p{
        font-size:14px;
    }

}

/*==================================================
VSPM HOME TESTIMONIAL SLIDER
PRIMARY : #173d69
ACCENT  : #dd7436
==================================================*/

.vspmreviews,
.vspmreviews *{
    box-sizing:border-box;
}

.vspmreviews{
    position:relative;
    width:100%;
    padding:105px 0;
    background:#ffffff;
    font-family:"Poppins",sans-serif;
    overflow:hidden;
}

.vspmreviews::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;
}

.vspmreviews::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
==================================================*/

.vspmreviewscontainer{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1400px;
    margin:0 auto;
    padding:0 30px;
}


/*==================================================
SECTION HEADING
==================================================*/

.vspmreviewsheading{
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(320px,.65fr);
    align-items:end;
    gap:70px;
    margin-bottom:58px;
}

.vspmreviewsheadingcontent{
    min-width:0;
}

.vspmreviewstag{
    display:inline-flex;
    align-items:center;
    gap:11px;
    margin-bottom:19px;
    color:#dd7436;
    font-size:15px;
    font-weight:700;
    line-height:1.4;
    text-transform:uppercase;
    letter-spacing:1px;
}

.vspmreviewstag i{
    width:43px;
    height:43px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(221,116,54,.12);
    color:#dd7436;
    border-radius:7px;
    font-size:17px;
}

.vspmreviewsheading 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;
}

.vspmreviewsheading h2 span{
    display:block;
    color:#dd7436;
}

.vspmreviewsheadingtext{
    margin:0 0 5px;
    color:#697a8a;
    font-size:16px;
    font-weight:400;
    line-height:1.8;
    text-align:left;
}


/*==================================================
SLIDER
==================================================*/

.vspmreviewsslider{
    width:100%;
    overflow:hidden;
    touch-action:pan-y;
}

.vspmreviewstrack{
    display:flex;
    align-items:stretch;
    gap:24px;
    will-change:transform;
    transition:transform .6s cubic-bezier(.22,.61,.36,1);
}


/*==================================================
REVIEW CARD
==================================================*/

.vspmreviewcard{
    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;
}

.vspmreviewcard::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:#dd7436;
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .35s ease;
}

.vspmreviewcard::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;
}

.vspmreviewcard:hover{
    border-color:rgba(221,116,54,.30);
    transform:translateY(-7px);
    box-shadow:0 22px 50px rgba(23,61,105,.11);
}

.vspmreviewcard:hover::before{
    transform:scaleX(1);
}


/*==================================================
CARD TOP
==================================================*/

.vspmreviewcardtop{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:26px;
}

.vspmreviewquoteicon{
    width:59px;
    height:59px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#173d69;
    color:#ffffff;
    border-radius:9px;
    font-size:22px;
}

.vspmreviewstars{
    display:flex;
    align-items:center;
    gap:4px;
    color:#dd7436;
    font-size:15px;
}


/*==================================================
REVIEW TEXT
==================================================*/

.vspmreviewtext{
    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
==================================================*/

.vspmreviewcustomer{
    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;
}

.vspmreviewavatar{
    width:55px;
    height:55px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dd7436;
    color:#ffffff;
    border-radius:50%;
    font-size:15px;
    font-weight:800;
    letter-spacing:.5px;
}

.vspmreviewcustomerinfo{
    min-width:0;
}

.vspmreviewcustomerinfo h3{
    margin:0 0 5px;
    color:#173d69;
    font-size:17px;
    font-weight:750;
    line-height:1.4;
    text-align:left;
}

.vspmreviewcustomerinfo span{
    display:flex;
    align-items:center;
    gap:7px;
    color:#758594;
    font-size:12px;
    font-weight:500;
    line-height:1.5;
}

.vspmreviewcustomerinfo span i{
    color:#dd7436;
}

.vspmreviewverified{
    color:#173d69;
    font-size:20px;
}


/*==================================================
CONTROLS
==================================================*/

.vspmreviewscontrols{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    margin-top:38px;
}


/*==================================================
DOTS
==================================================*/

.vspmreviewsdots{
    display:flex;
    align-items:center;
    gap:8px;
}

.vspmreviewsdot{
    width:10px;
    height:10px;
    padding:0;
    background:#cbd5de;
    border:0;
    border-radius:50px;
    cursor:pointer;
    transition:
        width .3s ease,
        background .3s ease;
}

.vspmreviewsdot.active{
    width:34px;
    background:#dd7436;
}


/*==================================================
ARROWS
==================================================*/

.vspmreviewsarrows{
    display:flex;
    align-items:center;
    gap:10px;
}

.vspmreviewsprev,
.vspmreviewsnext{
    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;
}

.vspmreviewsprev:hover,
.vspmreviewsnext:hover{
    background:#173d69;
    border-color:#173d69;
    color:#ffffff;
    transform:translateY(-3px);
}

.vspmreviewsnext{
    background:#dd7436;
    border-color:#dd7436;
    color:#ffffff;
}

.vspmreviewsnext:hover{
    background:#173d69;
    border-color:#173d69;
}


/*==================================================
SMALL DESKTOP
==================================================*/

@media screen and (max-width:1199px){

    .vspmreviews{
        padding:85px 0;
    }

    .vspmreviewsheading{
        gap:50px;
    }

    .vspmreviewsheading h2{
        font-size:43px;
    }

    .vspmreviewcard{
        min-height:380px;
        padding:27px;
    }

    .vspmreviewtext{
        font-size:15px;
    }

}


/*==================================================
TABLET
==================================================*/

@media screen and (max-width:991px){

    .vspmreviews{
        padding:75px 0;
    }

    .vspmreviewscontainer{
        padding:0 30px;
    }

    .vspmreviewsheading{
        grid-template-columns:1fr;
        gap:20px;
        margin-bottom:48px;
    }

    .vspmreviewsheading h2{
        max-width:700px;
        font-size:43px;
    }

    .vspmreviewsheadingtext{
        max-width:720px;
        font-size:16px;
    }

    .vspmreviewcard{
        min-width:calc((100% - 24px) / 2);
        flex-basis:calc((100% - 24px) / 2);
        min-height:365px;
    }

}


/*==================================================
MOBILE
==================================================*/

@media screen and (max-width:767px){

    .vspmreviews{
        padding:60px 0;
    }

    .vspmreviewscontainer{
        padding:0 18px;
    }

    .vspmreviewsheading{
        margin-bottom:38px;
    }

    .vspmreviewstag{
        margin-bottom:17px;
        font-size:13px;
        letter-spacing:.7px;
    }

    .vspmreviewsheading h2{
        font-size:35px;
        line-height:1.22;
        letter-spacing:-.7px;
    }

    .vspmreviewsheadingtext{
        font-size:15px;
        line-height:1.75;
    }

    .vspmreviewstrack{
        gap:16px;
    }

    .vspmreviewcard{
        min-width:100%;
        flex-basis:100%;
        min-height:350px;
        padding:27px 24px;
        border-radius:9px;
    }

    .vspmreviewquoteicon{
        width:55px;
        height:55px;
        font-size:20px;
    }

    .vspmreviewtext{
        font-size:15px;
        line-height:1.8;
    }

    .vspmreviewscontrols{
        margin-top:28px;
    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media screen and (max-width:480px){

    .vspmreviews{
        padding:52px 0;
    }

    .vspmreviewscontainer{
        padding:0 15px;
    }

    .vspmreviewstag{
        font-size:12px;
    }

    .vspmreviewstag i{
        width:39px;
        height:39px;
        font-size:15px;
    }

    .vspmreviewsheading h2{
        font-size:30px;
        line-height:1.25;
    }

    .vspmreviewcard{
        min-height:365px;
        padding:24px 20px;
    }

    .vspmreviewcardtop{
        margin-bottom:22px;
    }

    .vspmreviewquoteicon{
        width:50px;
        height:50px;
        font-size:18px;
    }

    .vspmreviewstars{
        gap:3px;
        font-size:13px;
    }

    .vspmreviewtext{
        margin-bottom:25px;
        font-size:14px;
    }

    .vspmreviewcustomer{
        grid-template-columns:50px minmax(0,1fr) auto;
        gap:11px;
    }

    .vspmreviewavatar{
        width:50px;
        height:50px;
        font-size:13px;
    }

    .vspmreviewcustomerinfo h3{
        font-size:15px;
    }

    .vspmreviewcustomerinfo span{
        font-size:11px;
    }


    .vspmreviewscontrols{
        gap:15px;
    }

    .vspmreviewsprev,
    .vspmreviewsnext{
        width:48px;
        height:48px;
    }

}


/*==================================================
VERY SMALL MOBILE
==================================================*/

@media screen and (max-width:360px){

    .vspmreviewcustomer{
        grid-template-columns:46px minmax(0,1fr);
    }

    .vspmreviewverified{
        display:none;
    }

    .vspmreviewavatar{
        width:46px;
        height:46px;
    }

}

/*==================================================
VSPM HOME CONTACT INFORMATION
PRIMARY COLOR : #173d69
ACCENT COLOR  : #dd7436
==================================================*/

.vspmhomecontact,
.vspmhomecontact *{
    box-sizing:border-box;
}


.vspmhomecontact{
    position:relative;

    width:100%;

    padding:105px 0;

    background:#f4f7fa;

    font-family:"Poppins",sans-serif;

    overflow:hidden;
}


/*==================================================
BACKGROUND DESIGN
==================================================*/

.vspmhomecontact::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;
}


.vspmhomecontact::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
==================================================*/

.vspmhomecontactcontainer{
    position:relative;

    z-index:2;

    width:100%;

    max-width:1400px;

    margin:0 auto;

    padding:0 30px;
}


/*==================================================
MAIN WRAPPER
==================================================*/

.vspmhomecontactwrap{
    display:grid;

    grid-template-columns:
        minmax(0,.90fr)
        minmax(0,1.10fr);

    align-items:center;

    gap:85px;
}


/*==================================================
LEFT CONTENT
==================================================*/

.vspmhomecontactleft{
    width:100%;

    min-width:0;

    text-align:left;
}


/*==================================================
SECTION TAG
==================================================*/

.vspmhomecontacttag{
    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;
}


.vspmhomecontacttag i{
    color:#dd7436;

    font-size:16px;
}


/*==================================================
MAIN HEADING
==================================================*/

.vspmhomecontactleft 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;
}


.vspmhomecontactleft h2 span{
    display:block;

    color:#dd7436;
}


/*==================================================
CONTENT
==================================================*/

.vspmhomecontactlead{
    max-width:650px;

    margin:0 0 18px;

    color:#344c63;

    font-size:18px;

    font-weight:500;

    line-height:1.85;

    text-align:left;
}


.vspmhomecontacttext{
    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
==================================================*/

.vspmhomecontactsupport{
    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 #dd7436;

    border-radius:9px;

    box-shadow:
        0 15px 38px rgba(23,61,105,.065);
}


.vspmhomecontactsupporticon{
    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;
}


.vspmhomecontactsupportcontent{
    min-width:0;
}


.vspmhomecontactsupportcontent span{
    display:block;

    margin-bottom:5px;

    color:#dd7436;

    font-size:11px;

    font-weight:800;

    line-height:1.4;

    text-transform:uppercase;

    letter-spacing:1px;
}


.vspmhomecontactsupportcontent h3{
    margin:0 0 8px;

    color:#173d69;

    font-size:20px;

    font-weight:700;

    line-height:1.45;
}


.vspmhomecontactsupportcontent p{
    margin:0;

    color:#71818f;

    font-size:14px;

    font-weight:400;

    line-height:1.7;
}


/*==================================================
ACTION BUTTONS
==================================================*/

.vspmhomecontactactions{
    display:flex;

    align-items:center;

    gap:13px;
}


.vspmhomecontactcall,
.vspmhomecontactpage{
    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 */

.vspmhomecontactcall{
    background:#dd7436;

    color:#ffffff;

    border:2px solid #dd7436;
}


.vspmhomecontactcall:hover{
    background:#173d69;

    border-color:#173d69;

    color:#ffffff;

    text-decoration:none;

    transform:translateY(-3px);
}


/* CONTACT BUTTON */

.vspmhomecontactpage{
    background:#ffffff;

    color:#173d69;

    border:2px solid #dce4eb;
}


.vspmhomecontactpage i{
    transition:transform .3s ease;
}


.vspmhomecontactpage:hover{
    background:#173d69;

    border-color:#173d69;

    color:#ffffff;

    text-decoration:none;
}


.vspmhomecontactpage:hover i{
    transform:translateX(5px);
}


/*==================================================
RIGHT CONTACT PANEL
==================================================*/

.vspmhomecontactright{
    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;
}


.vspmhomecontactright::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
==================================================*/

.vspmhomecontactitem{
    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.vspmhomecontactitem:hover{
    color:inherit;

    text-decoration:none;

    transform:translateX(-7px);

    box-shadow:
        0 17px 38px rgba(0,0,0,.17);
}


/*==================================================
CONTACT ICON
==================================================*/

.vspmhomecontactitemicon{
    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.vspmhomecontactitem:hover
.vspmhomecontactitemicon{
    background:#dd7436;

    color:#ffffff;

    transform:rotate(-5deg);
}


/*==================================================
CONTACT CONTENT
==================================================*/

.vspmhomecontactitemcontent{
    width:100%;

    min-width:0;
}


.vspmhomecontactitemcontent span{
    display:block;

    margin-bottom:5px;

    color:#dd7436;

    font-size:11px;

    font-weight:800;

    line-height:1.4;

    text-transform:uppercase;

    letter-spacing:.8px;
}


.vspmhomecontactitemcontent 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;
}


.vspmhomecontactitemcontent p{
    width:100%;

    margin:0;

    color:#6e7f8e;

    font-size:14px;

    font-weight:400;

    line-height:1.65;

    text-align:left;

    overflow-wrap:anywhere;
}


/*==================================================
EMAIL
==================================================*/

.vspmhomecontactemail{
    font-size:19px !important;

    word-break:break-word;

    overflow-wrap:anywhere;
}


/*==================================================
ADDRESS CARD
==================================================*/

.vspmhomecontactaddress{
    min-height:155px;
}


/*==================================================
CONTACT ARROW
==================================================*/

.vspmhomecontactarrow{
    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.vspmhomecontactitem:hover
.vspmhomecontactarrow{
    background:#173d69;

    color:#ffffff;

    transform:rotate(8deg);
}


/*==================================================
SERVICE HOURS
==================================================*/

.vspmhomecontacthours{
    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    padding:19px 23px;

    background:#dd7436;

    border-radius:8px;
}


.vspmhomecontacthoursleft{
    display:flex;

    align-items:center;

    gap:10px;
}


.vspmhomecontacthours i{
    color:#ffffff;

    font-size:18px;
}


.vspmhomecontacthours span{
    color:#ffffff;

    font-size:14px;

    font-weight:600;
}


.vspmhomecontacthours strong{
    color:#ffffff;

    font-size:16px;

    font-weight:700;
}


/*==================================================
SMALL DESKTOP
==================================================*/

@media screen and (max-width:1199px){

    .vspmhomecontact{
        padding:85px 0;
    }


    .vspmhomecontactwrap{
        gap:55px;
    }


    .vspmhomecontactleft h2{
        font-size:44px;
    }


    .vspmhomecontactright{
        padding:22px;
    }


    .vspmhomecontactitem{
        grid-template-columns:
            60px
            minmax(0,1fr)
            40px;

        gap:15px;

        padding:20px;
    }


    .vspmhomecontactitemicon{
        width:60px;

        height:60px;

        min-width:60px;
    }


    .vspmhomecontactemail{
        font-size:17px !important;
    }

}


/*==================================================
TABLET
==================================================*/

@media screen and (max-width:991px){

    .vspmhomecontact{
        padding:75px 0;
    }


    .vspmhomecontactcontainer{
        padding:0 30px;
    }


    .vspmhomecontactwrap{
        grid-template-columns:1fr;

        gap:55px;
    }


    .vspmhomecontactleft{
        max-width:800px;
    }


    .vspmhomecontactleft h2{
        max-width:700px;

        font-size:44px;
    }


    .vspmhomecontactlead,
    .vspmhomecontacttext,
    .vspmhomecontactsupport{
        max-width:760px;
    }


    .vspmhomecontactright{
        max-width:850px;
    }


    .vspmhomecontactemail{
        font-size:20px !important;
    }

}


/*==================================================
MOBILE
==================================================*/

@media screen and (max-width:767px){

    .vspmhomecontact{
        padding:60px 0;
    }


    .vspmhomecontactcontainer{
        padding:0 18px;
    }


    .vspmhomecontactwrap{
        gap:43px;
    }


    .vspmhomecontacttag{
        min-height:41px;

        margin-bottom:20px;

        padding:9px 15px;

        font-size:12px;
    }


    .vspmhomecontactleft h2{
        margin-bottom:21px;

        font-size:35px;

        line-height:1.22;

        letter-spacing:-.7px;
    }


    .vspmhomecontactlead{
        font-size:17px;

        line-height:1.8;
    }


    .vspmhomecontacttext{
        font-size:15px;

        line-height:1.8;
    }


    /* SUPPORT */

    .vspmhomecontactsupport{
        gap:15px;

        padding:20px;
    }


    .vspmhomecontactsupporticon{
        width:55px;

        height:55px;

        min-width:55px;

        font-size:20px;
    }


    /* BUTTONS */

    .vspmhomecontactactions{
        align-items:stretch;

        flex-direction:column;
    }


    .vspmhomecontactcall,
    .vspmhomecontactpage{
        width:100%;
    }


    /* RIGHT PANEL */

    .vspmhomecontactright{
        gap:13px;

        padding:18px;

        border-radius:10px;
    }


    .vspmhomecontactitem{
        grid-template-columns:
            57px
            minmax(0,1fr)
            40px;

        gap:14px;

        min-height:120px;

        padding:19px;
    }


    .vspmhomecontactitemicon{
        width:57px;

        height:57px;

        min-width:57px;

        font-size:21px;
    }


    .vspmhomecontactitemcontent h3{
        font-size:19px;
    }


    .vspmhomecontactemail{
        font-size:17px !important;
    }


    .vspmhomecontactitemcontent p{
        font-size:13px;
    }


    .vspmhomecontactaddress{
        min-height:150px;
    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media screen and (max-width:480px){

    .vspmhomecontact{
        padding:52px 0;
    }


    .vspmhomecontactcontainer{
        padding:0 15px;
    }


    .vspmhomecontactleft h2{
        font-size:30px;

        line-height:1.25;
    }


    .vspmhomecontactlead{
        font-size:16px;
    }


    .vspmhomecontacttext{
        font-size:15px;
    }


    /* SUPPORT BOX */

    .vspmhomecontactsupport{
        align-items:flex-start;

        padding:17px;
    }


    .vspmhomecontactsupporticon{
        width:50px;

        height:50px;

        min-width:50px;

        font-size:18px;
    }


    .vspmhomecontactsupportcontent h3{
        font-size:17px;
    }


    .vspmhomecontactsupportcontent p{
        font-size:13px;
    }


    /* RIGHT PANEL */

    .vspmhomecontactright{
        padding:14px;
    }


    .vspmhomecontactitem{
        grid-template-columns:
            52px
            minmax(0,1fr);

        gap:13px;

        min-height:0;

        padding:18px 16px;
    }


    .vspmhomecontactitemicon{
        width:52px;

        height:52px;

        min-width:52px;

        font-size:19px;
    }


    .vspmhomecontactarrow{
        display:none;
    }


    .vspmhomecontactitemcontent span{
        font-size:10px;
    }


    .vspmhomecontactitemcontent h3{
        font-size:17px;

        line-height:1.5;
    }



    .vspmhomecontactemail{
        font-size:15px !important;

        line-height:1.6 !important;
    }


    .vspmhomecontactitemcontent p{
        font-size:13px;

        line-height:1.7;
    }


    .vspmhomecontactaddress{
        min-height:0;
    }


    /* SERVICE HOURS */

    .vspmhomecontacthours{
        align-items:flex-start;

        flex-direction:column;

        gap:7px;

        padding:17px;
    }


    .vspmhomecontacthours strong{
        padding-left:28px;

        font-size:15px;
    }

}


/*==================================================
VERY SMALL MOBILE
==================================================*/

@media screen and (max-width:360px){

    .vspmhomecontactsupport{
        display:block;
    }


    .vspmhomecontactsupporticon{
        margin-bottom:15px;
    }


    .vspmhomecontactitem{
        display:block;
    }


    .vspmhomecontactitemicon{
        margin-bottom:15px;
    }


    .vspmhomecontactemail{
        font-size:14px !important;
    }

}

/*==================================================
VSPM FLOATING CALL & WHATSAPP
==================================================*/

.vspmfloatcontact{
    position:fixed;
    right:22px;
    bottom:22px;
    z-index:9999;

    display:flex;
    flex-direction:column;
    gap:14px;
}


/* COMMON */

.vspmfloatcall,
.vspmfloatwhatsapp{

    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 */

.vspmfloatcall{

    background:#173d69;

    color:#fff;
}


/* WHATSAPP */

.vspmfloatwhatsapp{

    background:#25D366;

    color:#fff;
}


/* ICON */

.vspmfloaticon{

    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 */

.vspmfloattext{

    margin-left:15px;

    display:flex;
    flex-direction:column;
}


.vspmfloattext small{

    font-size:12px;

    font-weight:500;

    opacity:.85;

    line-height:1.3;
}


.vspmfloattext strong{

    font-size:17px;

    font-weight:700;

    line-height:1.4;
}


/* HOVER */

.vspmfloatcall:hover{

    background:#dd7436;

    color:#fff;

    transform:translateX(-6px);
}

.vspmfloatwhatsapp:hover{

    background:#1fb857;

    color:#fff;

    transform:translateX(-6px);
}

.vspmfloatcall:hover .vspmfloaticon,
.vspmfloatwhatsapp:hover .vspmfloaticon{

    transform:rotate(-12deg) scale(1.08);

    transition:.3s;
}


/*==================================================
PHONE ANIMATION
==================================================*/

.vspmfloatcall .vspmfloaticon{

    animation:vspmcallpulse 1.5s infinite;
}

@keyframes vspmcallpulse{

    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
==================================================*/

.vspmfloatwhatsapp .vspmfloaticon{

    animation:vspmwhatsapppulse 1.8s infinite;
}

@keyframes vspmwhatsapppulse{

    0%{
        transform:scale(1);
    }

    50%{
        transform:scale(1.12);
    }

    100%{
        transform:scale(1);
    }

}


/*==================================================
TABLET
==================================================*/

@media(max-width:991px){

.vspmfloatcall,
.vspmfloatwhatsapp{

    min-width:200px;
}

.vspmfloattext strong{

    font-size:15px;
}

}


/*==================================================
MOBILE
==================================================*/

@media(max-width:767px){

.vspmfloatcontact{

    right:14px;
    bottom:14px;

    gap:10px;
}

.vspmfloatcall,
.vspmfloatwhatsapp{

    min-width:auto;

    width:58px;
    height:58px;

    padding:0;

    justify-content:center;

    border-radius:50%;
}

.vspmfloaticon{

    width:58px;
    height:58px;

    margin:0;

    background:none;

    font-size:24px;
}

.vspmfloattext{

    display:none;
}

}


/*==================================================
SMALL MOBILE
==================================================*/

@media(max-width:480px){

.vspmfloatcall,
.vspmfloatwhatsapp{

    width:54px;
    height:54px;
}

.vspmfloaticon{

    width:54px;
    height:54px;

    font-size:22px;
}

}

/*==================================================
VSPM MAP SECTION
==================================================*/

.vspmmapsection{
    padding:100px 0;
    background:#f7f9fc;
    font-family:Poppins,sans-serif;
}

.vspmmapcontainer{
    width:100%;
    max-width:1400px;
    margin:auto;
    padding:0 20px;
}

/* HEADING */

.vspmmapheading{
    max-width:800px;
    margin:auto;
    text-align:center;
    margin-bottom:60px;
}

.vspmmaptag{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#fff;
    color:#dd7436;
    border:1px solid rgba(221,116,54,.3);
    padding:10px 18px;
    border-radius:40px;
    font-weight:600;
    margin-bottom:20px;
}

.vspmmapheading h2{
    font-size:48px;
    color:#173d69;
    font-weight:800;
    margin-bottom:20px;
}

.vspmmapheading h2 span{
    color:#dd7436;
}

.vspmmapheading p{
    font-size:17px;
    line-height:1.9;
    color:#687889;
}

/* GRID */

.vspmmapwrapper{

    display:grid;

    grid-template-columns:380px 1fr;

    gap:35px;

    align-items:stretch;

}

/* INFO */

.vspmmapinfo{

    display:flex;

    flex-direction:column;

    gap:18px;

}

/* CARD */

.vspmmapcard{

    display:flex;

    gap:18px;

    padding:25px;

    background:#fff;

    border-radius:14px;

    border-left:5px solid #dd7436;

    box-shadow:0 15px 35px rgba(0,0,0,.06);

    transition:.35s;

}

.vspmmapcard:hover{

    transform:translateY(-6px);

}

.vspmmapicon{

    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;

}

.vspmmapcard h3{

    font-size:22px;

    color:#173d69;

    margin-bottom:8px;

}

.vspmmapcard p{

    color:#667788;

    line-height:1.8;

    font-size:15px;

}

/* BUTTONS */

.vspmmapbuttons{

    display:flex;

    gap:15px;

    margin-top:10px;

}

.vspmmapbuttons a{

    flex:1;

    text-align:center;

    padding:16px;

    border-radius:8px;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

}

.vspmmapbuttons a:first-child{

    background:#173d69;

    color:#fff;

}

.vspmmapbuttons a:last-child{

    background:#dd7436;

    color:#fff;

}

.vspmmapbuttons a:hover{

    transform:translateY(-4px);

}

/* MAP */

.vspmmapbox{

    overflow:hidden;

    border-radius:18px;

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.vspmmapbox iframe{

    width:100%;

    height:100%;

    min-height:620px;

    border:0;

    display:block;

}

/*==========================
TABLET
==========================*/

@media(max-width:991px){

.vspmmapsection{

    padding:80px 0;

}

.vspmmapwrapper{

    grid-template-columns:1fr;

}

.vspmmapheading h2{

    font-size:40px;

}

.vspmmapbox iframe{

    min-height:500px;

}

}

/*==========================
MOBILE
==========================*/

@media(max-width:767px){

.vspmmapsection{

    padding:60px 0;

}

.vspmmapcontainer{

    padding:0 15px;

}

.vspmmapheading{

    margin-bottom:40px;

}

.vspmmapheading h2{

    font-size:32px;

}

.vspmmapheading p{

    font-size:15px;

}

.vspmmapcard{

    padding:18px;

}

.vspmmapicon{

    width:52px;
    height:52px;
    min-width:52px;

    font-size:20px;

}

.vspmmapcard h3{

    font-size:18px;

}

.vspmmapcard p{

    font-size:14px;

}

.vspmmapbuttons{

    flex-direction:column;

}

.vspmmapbox iframe{

    min-height:350px;

}

}

/*==================================================
VSPM OFFICE MAP
==================================================*/

.vspmofficemap{
    position:relative;
    width:100%;
    padding:100px 0;
    background:#ffffff;
}

.vspmofficemapcontainer{
    width:100%;
    max-width:1400px;
    margin:auto;
    padding:0 25px;
}

.vspmofficemapwrapper{
    position:relative;
    overflow:hidden;
    border-radius:22px;
    border:6px solid #fff;
    background:#fff;
    box-shadow:0 25px 60px rgba(23,61,105,.15);
}

/* Badge */

.vspmofficemapbadge{

    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);

}

.vspmofficemapbadge i{

    width:42px;
    height:42px;

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

    background:#dd7436;

    color:#fff;

    border-radius:50%;

    font-size:18px;

}

/* Map */

.vspmofficemapwrapper iframe{

    display:block;

    width:100%;

    height:620px;

    border:0;

}

/*======================
Large Desktop
======================*/

@media(max-width:1199px){

.vspmofficemapwrapper iframe{

    height:560px;

}

}

/*======================
Tablet
======================*/

@media(max-width:991px){

.vspmofficemap{

    padding:80px 0;

}

.vspmofficemapcontainer{

    padding:0 20px;

}

.vspmofficemapwrapper{

    border-radius:16px;

}

.vspmofficemapbadge{

    top:18px;
    left:18px;

    padding:12px 18px;

    font-size:14px;

}

.vspmofficemapbadge i{

    width:38px;
    height:38px;

    font-size:16px;

}

.vspmofficemapwrapper iframe{

    height:480px;

}

}

/*======================
Mobile
======================*/

@media(max-width:767px){

.vspmofficemap{

    padding:60px 0;

}

.vspmofficemapcontainer{

    padding:0 15px;

}

.vspmofficemapwrapper{

    border-radius:12px;

}

.vspmofficemapbadge{

    top:12px;
    left:12px;
    right:12px;

    justify-content:center;

    padding:10px 14px;

    font-size:12px;

    border-radius:8px;

}

.vspmofficemapbadge i{

    width:34px;
    height:34px;

    font-size:15px;

}

.vspmofficemapwrapper iframe{

    height:340px;

}

}

/*======================
Small Mobile
======================*/

@media(max-width:480px){

.vspmofficemap{

    padding:50px 0;

}

.vspmofficemapbadge{

    gap:8px;

    font-size:11px;

}

.vspmofficemapbadge i{

    width:30px;
    height:30px;

    font-size:13px;

}

.vspmofficemapwrapper iframe{

    height:300px;

}

}