body{
    font-family:'DM Sans',sans-serif;
}
:root{

--sr-primary:#0A4DB3;
--sr-primary-dark:#063A84;
--sr-secondary:#2AA8FF;
--sr-accent:#FFC107;
--sr-white:#ffffff;
--sr-text:#1B2B4B;
--sr-light:#F5F9FF;

}
h1,h2,h3,h4,h5,h6,
.sr-topbar{
    font-family:'Outfit',sans-serif;
}
/*==========================================
 TOP BAR
 Swaraj Relocation Packers And Movers
==========================================*/

.sr-topbar{

    position:relative;

    width:100%;

background:linear-gradient(
90deg,
#081C4A,
#0B3D91,
#0A4DB3);

    overflow:hidden;

    z-index:999;

}

.sr-topbar::before{

    content:"";

    position:absolute;

    top:0;

    left:-100%;

    width:35%;

    height:100%;

     background:linear-gradient(
        120deg,
        transparent 0%,
        rgba(255,255,255,.08) 40%,
        transparent 80%
    );

    animation:srTopLight 8s linear infinite;

}

@keyframes srshine{

    100%{

        left:140%;

    }

}

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

.sr-topbar .container{

    max-width:1320px;

    margin:auto;

    padding:0 15px;

}

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

.sr-topbar-main{

    display:flex;

    justify-content:space-between;

    align-items:center;

    min-height:58px;

    gap:20px;

}

/*==================================
LEFT SIDE
==================================*/

.sr-topbar-left{

    display:flex;

    align-items:center;

    gap:22px;

    flex-wrap:wrap;

}

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

.sr-topbar-right{

    display:flex;

    align-items:center;

    gap:12px;

}

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

.sr-top-link{

    display:flex;

    align-items:center;

    gap:10px;

    color:#ffffff;

    text-decoration:none;

    font-size:14px;

    font-weight:500;

    transition:.35s;
	

}

.sr-top-link:hover{

    color:#FFD54F;

}

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

.sr-top-icon{

    width:34px;

    height:34px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

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

    border:1px solid rgba(255,255,255,.18);

    backdrop-filter:blur(8px);

    transition:.35s;

}

.sr-top-link:hover .sr-top-icon{

    background:#0A4DB3;

    color:#fff;

    transform:rotate(360deg);

}

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

.sr-top-text{

    white-space:nowrap;

}

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

.sr-rating{

    display:flex;

    align-items:center;

    gap:10px;

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

    border:1px solid rgba(255,255,255,.15);

    padding:8px 16px;

    border-radius:40px;

    color:#fff;

    backdrop-filter:blur(10px);

}

.sr-stars{

    color:#FFD54F;

    display:flex;

    gap:2px;

    font-size:12px;

}

.sr-rating span{

    font-size:14px;

    font-weight:600;

}

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

.sr-social{

    width:38px;

    height:38px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    text-decoration:none;

    color:#ffffff;

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

    border:1px solid rgba(255,255,255,.15);

    transition:.35s;

}

.sr-social:hover{

    background:#ffffff;

    color:#0A4DB3;

    transform:translateY(-4px);

}

/*==================================
WHATSAPP
==================================*/

.sr-whatsapp{

    display:flex;

    align-items:center;

    gap:8px;
 background:linear-gradient(135deg,#25D366,#119C4A);

    color:#fff;

    text-decoration:none;

    padding:11px 20px;

    border-radius:40px;

    font-size:14px;

    font-weight:700;

    transition:.35s;

    box-shadow:0 8px 20px rgba(0,0,0,.18);

}

.sr-whatsapp:hover{

    background:#14884A;

    color:#fff;
box-shadow:0 12px 25px rgba(37,211,102,.35);

    
    transform:translateY(-4px);

}

/*=====================================
Large Desktop
=====================================*/

@media (max-width:1199px){

.sr-topbar-main{

gap:15px;

}

.sr-topbar-left{

gap:14px;

}

}

/*=====================================
Tablet
=====================================*/

@media (max-width:991px){

.sr-topbar{

padding:8px 0;

}

.sr-topbar-main{

justify-content:space-between;

}

.sr-topbar-left{

gap:10px;

}

.sr-topbar-left .sr-top-link:nth-child(2),

.sr-topbar-left .sr-top-link:nth-child(3){

display:none;

}

.sr-social{

display:none;

}

.sr-rating{

padding:6px 12px;

font-size:13px;

}

.sr-rating span{

font-size:13px;

}

.sr-whatsapp{

padding:10px 14px;

font-size:13px;

}

}

/*=====================================
Mobile
=====================================*/

@media (max-width:767px){

.sr-topbar{

padding:8px 0;

}

.sr-topbar-main{

display:flex;

justify-content:space-between;

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

gap:10px;

}

.sr-topbar-left{

width:auto;

}

.sr-topbar-left .sr-top-link:not(:first-child){

display:none;

}

.sr-rating{

display:none;

}

.sr-social{

display:none;

}

.sr-whatsapp{

padding:10px 16px;

font-size:14px;

}

.sr-whatsapp span{

display:none;

}

.sr-whatsapp i{

margin:0;

font-size:18px;

}

.sr-top-text{

font-size:14px;

font-weight:600;

}

.sr-top-icon{

width:32px;

height:32px;

font-size:12px;

}

}

/*==============================
Mobile (480px)
==============================*/

@media (max-width:480px){

.sr-topbar-main{
    display:flex;
    justify-content:space-between;
    align-items:center;
    min-height:48px;
}

.sr-topbar-left{
    flex:1;
}

.sr-topbar-left .sr-top-link{
    gap:8px;
}

.sr-top-text{
    font-size:14px;
    font-weight:600;
}

.sr-whatsapp{

    width:42px;

    height:42px;

    min-width:42px;

    padding:0;

    border-radius:50%;

    justify-content:center;

    align-items:center;

}

.sr-whatsapp span{

    display:none;

}

.sr-whatsapp i{

    margin:0;

    font-size:20px;

}

}
/*=====================================
Mobile Top Bar
=====================================*/

.sr-mobile-action{

    display:none;

}

@media (max-width:767px){

    /* Hide desktop topbar */

    .sr-topbar-left,
    .sr-topbar-right{

        display:none;

    }

    .sr-mobile-action{

        display:flex;

        align-items:center;

        justify-content:space-between;

        width:100%;

        gap:12px;

        padding:8px 0;

    }

    .sr-mobile-call{

        flex:1;

        height:46px;

        display:flex;

        align-items:center;

        justify-content:center;

        gap:8px;

        background:#ffffff15;

        border:1px solid rgba(255,255,255,.15);

        border-radius:8px;

        color:#fff;

        text-decoration:none;

        font-size:14px;

        font-weight:700;

        transition:.35s;

    }

    .sr-mobile-call:hover{

        background:#ffffff;

        color:#b12725;

    }

    .sr-mobile-quote{

        min-width:140px;

        height:46px;

        display:flex;

        align-items:center;

        justify-content:center;

        gap:8px;

        background:#ffc107;

        color:#111;

        border-radius:8px;

        text-decoration:none;

        font-size:14px;

        font-weight:700;

        transition:.35s;

    }

    .sr-mobile-quote:hover{

        background:#fff;

        color:#b12725;

    }

}

@media (max-width:420px){

    .sr-mobile-call{

        font-size:13px;

    }

    .sr-mobile-quote{

        min-width:120px;

        font-size:13px;

    }

}


/*==================================================
   SWARAJ RELOCATION PREMIUM HEADER
==================================================*/

.srpmheader{

    position:sticky;

    top:0;

    left:0;

    width:100%;

    background:#ffffff;

    z-index:9999;

    border-bottom:1px solid #edf2f7;

    transition:.35s ease;

}

.srpmheader.sticky{

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

}

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

.srpmheader .container{

    max-width:1320px;

    margin:auto;

    padding:0 15px;

}

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

.srpmheader-main{

    display:flex;

    align-items:center;

    justify-content:space-between;

    min-height:95px;

}

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

.srpmheader-logo{

    flex-shrink:0;

}

.srpmheader-logo a{

    display:flex;

    align-items:center;

}

.srpmheader-logo img{

    height:72px;

    width:auto;

    display:block;

    transition:.35s;

}

.srpmheader.sticky .srpmheader-logo img{

    height:64px;

}

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

.srpmheader-nav{

    margin-left:40px;

    flex:1;

}

.srpmheader-menu{

    display:flex;

    justify-content:center;

    align-items:center;

    list-style:none;

    margin:0;

    padding:0;

    gap:6px;

}

.srpmheader-menu>li{

    position:relative;

}

.srpmheader-menu>li>a{

    display:flex;

    align-items:center;

    gap:6px;

    padding:34px 16px;

    text-decoration:none;

    color:#13294B;

    font-size:16px;

    font-weight:600;

    position:relative;

    transition:.35s;

}

/*==================================================
UNDERLINE EFFECT
==================================================*/

.srpmheader-menu>li>a::after{

    content:"";

    position:absolute;

    left:16px;

    bottom:18px;

    width:0;

    height:3px;

    border-radius:50px;

    background:#0057d9;

    transition:.35s;

}

.srpmheader-menu>li:hover>a{

    color:#0057d9;

}

.srpmheader-menu>li:hover>a::after{

    width:calc(100% - 32px);

}

.srpmheader-menu>li>a.active{

    color:#0057d9;

}

.srpmheader-menu>li>a.active::after{

    width:calc(100% - 32px);

}

/*==================================================
RIGHT AREA
==================================================*/

.srpmheader-right{

    display:flex;

    align-items:center;

    gap:18px;

    flex-shrink:0;

}

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

.srpmheader-call{

    display:flex;

    align-items:center;

    gap:12px;

    text-decoration:none;

    color:#222;

}

.srpmheader-call-icon{

    width:50px;

    height:50px;

    border-radius:50%;

    background:#eef5ff;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#0057d9;

    font-size:18px;

    transition:.35s;

}

.srpmheader-call:hover .srpmheader-call-icon{

    background:#0057d9;

    color:#fff;

    transform:rotate(360deg);

}

.srpmheader-call-text small{

    display:block;

    font-size:12px;

    color:#777;

}

.srpmheader-call-text strong{

    font-size:17px;

    color:#13294B;

}

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

.srpmheader-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:15px 28px;

    background:linear-gradient(135deg,#0057d9,#003f9e);

    color:#fff;

    text-decoration:none;

    border-radius:12px;

    font-weight:700;

    transition:.35s;

    white-space:nowrap;

}

.srpmheader-btn:hover{

    transform:translateY(-3px);

    box-shadow:0 15px 35px rgba(0,87,217,.28);

    color:#fff;

}

/*==================================================
HAMBURGER
==================================================*/
/*=========================================
PREMIUM MENU TOGGLE
=========================================*/

.srpmheader-toggle{

    width:56px;

    height:56px;

    border:none;

    border-radius:10px;

    background:linear-gradient(135deg,#0A4DB3,#003C8F);

    display:none;

    justify-content:center;

    align-items:center;

    flex-direction:column;

    gap:6px;

    cursor:pointer;

    position:relative;

    overflow:hidden;

    transition:.35s ease;

    box-shadow:0 12px 30px rgba(0,87,217,.25);

}

/* Shine Effect */

.srpmheader-toggle::before{

    content:"";

    position:absolute;

    top:0;

    left:-100%;

    width:60%;

    height:100%;

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

    transform:skewX(-25deg);

    transition:.6s;

}

.srpmheader-toggle:hover::before{

    left:140%;

}

.srpmheader-toggle:hover{

    transform:translateY(-3px);

}

.srpmheader-toggle span{

    width:24px;

    height:2.5px;

    border-radius:25px;

    background:#fff;

    transition:.35s;

}

/* Active */

.srpmheader-toggle.active span:nth-child(1){

    transform:translateY(8px) rotate(45deg);

}

.srpmheader-toggle.active span:nth-child(2){

    opacity:0;

}

.srpmheader-toggle.active span:nth-child(3){

    transform:translateY(-8px) rotate(-45deg);

}
/*==================================================
DROPDOWN MENU
==================================================*/

.srpmheader-dropdown{
    position:relative;
}

.srpmheader-submenu{

    position:absolute;

    top:115%;

    left:0;

    min-width:300px;

    background:#ffffff;

    border-radius:16px;

    padding:12px 0;

    margin:0;

    list-style:none;

    box-shadow:0 20px 60px rgba(0,0,0,.12);

    border-top:4px solid #0057d9;

    opacity:0;

    visibility:hidden;

    transform:translateY(20px);

    transition:.35s ease;

    z-index:999;

}

.srpmheader-dropdown:hover>.srpmheader-submenu{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

.srpmheader-submenu li{

    position:relative;

}

.srpmheader-submenu li a{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:15px 28px;

    color:#23324d;

    text-decoration:none;

    font-size:15px;

    font-weight:500;

    transition:.30s;

}

/* Blue Dot */

.srpmheader-submenu li a::before{

    content:"";

    width:8px;

    height:8px;

    border-radius:50%;

    background:#0057d9;

    margin-right:15px;

    transform:scale(0);

    transition:.30s;

}

/* Hover */

.srpmheader-submenu li:hover>a{

    padding-left:35px;

    background:#f3f8ff;

    color:#0057d9;

}

.srpmheader-submenu li:hover>a::before{

    transform:scale(1);

}

/* Small Arrow */

.srpmheader-submenu::before{

    content:"";

    position:absolute;

    top:-10px;

    left:35px;

    width:20px;

    height:20px;

    background:#fff;

    transform:rotate(45deg);

    border-top:4px solid #0057d9;

    border-left:4px solid #0057d9;

}
.srpmheader-dropdown>a i{

    transition:.30s;

    font-size:13px;

}

.srpmheader-dropdown:hover>a i{

    transform:rotate(180deg);

}

.srpmheader-btn{

    position:relative;

    overflow:hidden;

}

.srpmheader-btn::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:70%;

    height:100%;

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

    transform:skewX(-30deg);

    transition:.7s;

}

.srpmheader-btn:hover::before{

    left:150%;

}

.srpmheader-menu>li>a.active{

    color:#0057d9;

    font-weight:700;

}


.srpmheader{

    animation:srpmFade .5s ease;

}

@keyframes srpmFade{

    from{

        opacity:0;

        transform:translateY(-40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/*==================================================
Large Laptop (1400px)
==================================================*/

@media (max-width:1400px){

.srpmheader .container{

    max-width:1200px;

}

.srpmheader-menu{

    gap:2px;

}

.srpmheader-menu>li>a{

    padding:34px 12px;

    font-size:15px;

}

.srpmheader-call{

    margin-right:8px;

}

}


/*==================================================
Laptop (1200px)
==================================================*/

@media (max-width:1199px){

.srpmheader-main{

    min-height:88px;

}

.srpmheader-logo img{

    height:62px;

}

.srpmheader-nav{

    margin-left:20px;

}

.srpmheader-menu>li>a{

    font-size:15px;

    padding:30px 10px;

}

.srpmheader-call{

    display:none;

}

.srpmheader-btn{

    padding:13px 22px;

    font-size:14px;

}

}


/*==================================================
Tablet (991px)
==================================================*/

@media (max-width:991px){

.srpmheader{

    position:relative;

}

.srpmheader-main{

    min-height:80px;

}

.srpmheader-logo img{

    height:56px;

}

.srpmheader-nav{

    display:none;

}

.srpmheader-right{

    display:none;

}

.srpmheader-toggle{

    display:flex;

    justify-content:center;

    align-items:center;

    flex-direction:column;

}

}


/*==================================================
Mobile (767px)
==================================================*/

@media (max-width:767px){

.srpmheader-main{

    min-height:72px;

}

.srpmheader-logo img{

    height:48px;

}

.srpmheader{

    border-bottom:1px solid #eee;

}

.srpmheader-toggle{

    width:44px;

    height:44px;

}

.srpmheader-toggle span{

    width:20px;

}

}


/*==================================================
Small Mobile (576px)
==================================================*/

@media (max-width:576px){

.srpmheader .container{

    padding:0 15px;

}

.srpmheader-main{

    justify-content:space-between;

}

.srpmheader-logo img{

    height:44px;

}

.srpmheader-toggle{

    width:42px;

    height:42px;

}

}


/*==================================================
380px Devices
==================================================*/

@media (max-width:380px){

.srpmheader-logo img{

    height:40px;

}

.srpmheader-toggle{

    width:40px;

    height:40px;

}

.srpmheader-main{

    min-height:66px;

}

}

/*==================================================
OVERLAY
==================================================*/

.srpmheader-overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.55);

    opacity:0;

    visibility:hidden;

    transition:.35s;

    z-index:9998;

}

.srpmheader-overlay.active{

    opacity:1;

    visibility:visible;

}

/*==================================================
SIDEBAR
==================================================*/

.srpmheader-sidebar{

    position:fixed;

    left:-340px;

    top:0;

    width:320px;

    max-width:90%;

    height:100vh;

    background:#fff;

    transition:.35s;

    z-index:9999;

    overflow-y:auto;

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

}

.srpmheader-sidebar.active{

    left:0;

}

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

.srpmheader-sidebar-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:20px;

    border-bottom:1px solid #eee;

}

.srpmheader-sidebar-logo img{

    height:55px;

}

.srpmheader-close{

    width:42px;

    height:42px;

    border:none;

    background:#f3f6fb;

    border-radius:50%;

    cursor:pointer;

    color:#0057d9;

}

/*==================================================
MENU
==================================================*/

.srpmheader-mobile-menu{

    list-style:none;

    margin:0;

    padding:15px 0;

}

.srpmheader-mobile-menu>li{

    border-bottom:1px solid #f2f2f2;

}

.srpmheader-mobile-menu>li>a,

.srpmheader-mobile-dropdown>button{

    width:100%;

    padding:16px 20px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    background:none;

    border:none;

    color:#222;

    text-decoration:none;

    font-weight:600;

    cursor:pointer;

}

/* Submenu */

.srpmheader-mobile-dropdown ul{

    display:none;

    list-style:none;

    margin:0;

    padding:0;

    background:#f8fbff;

}

.srpmheader-mobile-dropdown.active ul{

    display:block;

}

.srpmheader-mobile-dropdown ul li a{

    display:block;

    padding:14px 40px;

    color:#555;

    text-decoration:none;

}

.srpmheader-mobile-dropdown ul li a:hover{

    background:#eef5ff;

    color:#0057d9;

}

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

.srpmheader-sidebar-contact{

    padding:20px;

    border-top:1px solid #eee;

}

.srpmheader-sidebar-contact a{

    display:block;

    margin-bottom:15px;

    color:#333;

    text-decoration:none;

}

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

.srpmheader-sidebar-buttons{

    padding:20px;

    display:grid;

    gap:12px;

}

.srpmheader-call-btn,

.srpmheader-quote-btn{

    display:flex;

    justify-content:center;

    align-items:center;

    height:48px;

    border-radius:8px;

    text-decoration:none;

    font-weight:700;

}

.srpmheader-call-btn{

    background:#eef5ff;

    color:#0057d9;

}

.srpmheader-quote-btn{

    background:#0057d9;

    color:#fff;

}


/*=========================================
 HERO SECTION
=========================================*/

.srpmhero{

    position:relative;

    background:url("../images/hero-bg.jpg") center center/cover no-repeat;

    min-height:820px;

    display:flex;

    align-items:center;

    overflow:hidden;

}

.srpmhero-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(90deg,
        rgba(7,24,52,.92) 0%,
        rgba(7,24,52,.75) 45%,
        rgba(7,24,52,.35) 100%);

}

.srpmhero .container{

    position:relative;

    z-index:2;

}

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

.srpmhero-main{

    display:grid;

    grid-template-columns:1.2fr .8fr;

    align-items:center;

    gap:70px;

    padding:80px 0;

}

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

.srpmhero-content{

    color:#fff;

}

.srpmhero-tag{

    margin-bottom:25px;

}

.srpmhero-tag span{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:50px;

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

    backdrop-filter:blur(12px);

    border:1px solid rgba(255,255,255,.18);

    font-size:15px;

    font-weight:600;

}

.srpmhero-tag i{

    color:#ffd33d;

}

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

.srpmhero-content h1{

    font-size:62px;

    line-height:1.15;

    font-weight:800;

    color:#fff;

    margin-bottom:25px;

}

.srpmhero-content h1 span{

    color:#39a2ff;

}

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

.srpmhero-content p{

    font-size:18px;

    line-height:32px;

    color:#d8e4ff;

    max-width:680px;

    margin-bottom:35px;

}

/*=========================================
TRUST BOX
=========================================*/

.srpmhero-trust{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

    margin-bottom:35px;

}

.srpmhero-trust div{

    min-width:155px;

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

    backdrop-filter:blur(10px);

    border:1px solid rgba(255,255,255,.15);

    border-radius:16px;

    padding:18px;

    transition:.35s;

}

.srpmhero-trust div:hover{

    transform:translateY(-6px);

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

}

.srpmhero-trust i{

    color:#ffd33d;

    font-size:22px;

    margin-bottom:10px;

}

.srpmhero-trust strong{

    display:block;

    font-size:28px;

    margin-bottom:5px;

}

.srpmhero-trust span{

    color:#d7e3ff;

    font-size:14px;

}

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

.srpmhero-features{

    display:flex;

    flex-wrap:wrap;

    gap:15px;

    margin-bottom:40px;

}

.srpmhero-features span{

    display:flex;

    align-items:center;

    gap:8px;

    padding:12px 18px;

    border-radius:50px;

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

    color:#fff;

    font-size:14px;

}

.srpmhero-features i{

    color:#22c55e;

}

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

.srpmhero-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

.srpmhero-call,

.srpmhero-quote{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:16px 34px;

    border-radius:12px;

    font-weight:700;

    text-decoration:none;

    transition:.35s;

}

.srpmhero-call{

    background:#0057d9;

    color:#fff;

}

.srpmhero-call:hover{

    background:#0042a7;

    color:#fff;

    transform:translateY(-4px);

}

.srpmhero-quote{

    background:#fff;

    color:#13294B;

}

.srpmhero-quote:hover{

    transform:translateY(-4px);

    color:#13294B;

}

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

.srpmhero-form{

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

    border-radius:24px;

    padding:35px;

    box-shadow:0 30px 80px rgba(0,0,0,.18);

    backdrop-filter:blur(18px);

}

.srpmhero-form h3{

    font-size:30px;

    color:#13294B;

    margin-bottom:10px;

}

.srpmhero-form p{

    color:#6b7280;

    margin-bottom:25px;

}

.srpmhero-form input,

.srpmhero-form select{

    width:100%;

    height:56px;

    margin-bottom:16px;

    border:1px solid #dfe7f5;

    border-radius:10px;

    padding:0 18px;

    font-size:15px;

    outline:none;

    transition:.3s;

}

.srpmhero-form input:focus,

.srpmhero-form select:focus{

    border-color:#0057d9;

    box-shadow:0 0 0 4px rgba(0,87,217,.10);

}

.srpmhero-form button{

    width:100%;

    height:56px;

    border:none;

    border-radius:10px;

    background:linear-gradient(135deg,#0057d9,#003f9e);

    color:#fff;

    font-size:16px;

    font-weight:700;

    cursor:pointer;

    transition:.35s;

}

.srpmhero-form button:hover{

    transform:translateY(-3px);

    box-shadow:0 18px 40px rgba(0,87,217,.25);

}

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

@media(max-width:991px){

.srpmhero{
 min-height:auto;

    padding:25px 0 60px;

}

.srpmhero-main{

      grid-template-columns:1fr;

    gap:35px;

    padding:20px 0 0;


}

.srpmhero-content{

    text-align:center;

}

.srpmhero-trust,

.srpmhero-features,

.srpmhero-buttons{

    justify-content:center;

}

.srpmhero-content h1{

    font-size:44px;

}

}
@media (max-width:767px){

.srpmhero{

    padding:20px 0 45px;

    min-height:auto;

}

.srpmhero-main{

    gap:30px;

    padding:10px 0 0;

}

.srpmhero-tag{

    margin-bottom:15px;

}

.srpmhero-content h1{

    font-size:34px;

    margin-bottom:18px;

}

.srpmhero-content p{

    font-size:16px;

    line-height:28px;

    margin-bottom:20px;

}

}
@media(max-width:576px){

.srpmhero{

    padding:15px 0 35px;

}

.srpmhero-main{

    padding-top:0;

}

.srpmhero-form{

    padding:22px;

}

.srpmhero-trust{

    gap:12px;

}

.srpmhero-trust div{

    width:100%;

}

.srpmhero-features{

    gap:10px;

}

.srpmhero-features span{

    width:100%;

    justify-content:center;

}

.srpmhero-call,
.srpmhero-quote{

    width:100%;

    justify-content:center;

}

}

/*==================================================
OUR SERVICES
==================================================*/

.srpmservices{

    position:relative;

    padding:100px 0;

    background:#f8fbff;

    overflow:hidden;

}

/* Background Shape */

.srpmservices::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    border-radius:50%;

    background:rgba(10,77,179,.04);

    top:-220px;

    right:-180px;

}

.srpmservices::after{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    border-radius:50%;

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

    left:-120px;

    bottom:-120px;

}

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

.srpmservices-heading{

    position:relative;

    max-width:760px;

    margin:auto;

    text-align:center;

    margin-bottom:70px;

    z-index:2;

}

.srpmservices-subtitle{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:50px;

    background:#eaf3ff;

    color:#0A4DB3;

    font-weight:700;

    margin-bottom:20px;

}

.srpmservices-subtitle i{

    color:#FFC107;

}

.srpmservices-heading h2{

    font-size:46px;

    font-weight:800;

    color:#13294B;

    line-height:1.25;

    margin-bottom:20px;

}

.srpmservices-heading p{

    font-size:17px;

    color:#667085;

    line-height:30px;

}

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

.srpmservices-grid{

    display:grid;

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

    gap:30px;

    position:relative;

    z-index:2;

}

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

.srpmservice-card{

    position:relative;

    background:#fff;

    border-radius:22px;

    padding:40px 35px;

    box-shadow:0 15px 45px rgba(0,0,0,.05);

    transition:.45s;

    overflow:hidden;

}

.srpmservice-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#0A4DB3,#2AA8FF);

    transform:scaleX(0);

    transform-origin:left;

    transition:.4s;

}

.srpmservice-card:hover::before{

    transform:scaleX(1);

}

.srpmservice-card:hover{

    transform:translateY(-15px);

    box-shadow:0 25px 60px rgba(10,77,179,.12);

}

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

.srpmservice-number{

    position:absolute;

    top:25px;

    right:25px;

    font-size:52px;

    font-weight:800;

    color:#eef4ff;

}

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

.srpmservice-icon{

    width:90px;

    height:90px;

    border-radius:22px;

    background:#eef5ff;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

    transition:.4s;

}


.srpmservice-icon i{

    font-size:42px;

    color:#0A4DB3;

    transition:.4s ease;

}

.srpmservice-card:hover .srpmservice-icon{

    background:#0A4DB3;

    transform:rotate(-8deg);
	animation:rotateIcon .7s;

}

.srpmservice-card:hover .srpmservice-icon i{

    color:#fff;

    transform:scale(1.15);

}


/*==================================================
TITLE
==================================================*/

.srpmservice-card h3{

    font-size:24px;

    color:#13294B;

    margin-bottom:15px;

}

.srpmservice-card p{

    color:#667085;

    line-height:28px;

    margin-bottom:25px;

}

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

.srpmservice-card a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#0A4DB3;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

}

.srpmservice-card a i{

    transition:.3s;

}

.srpmservice-card:hover a{

    color:#0050d8;

}

.srpmservice-card:hover a i{

    transform:translateX(8px);

}
/*==================================================
Responsive
==================================================*/

@media(max-width:1199px){

.srpmservices-grid{

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

}

}

@media(max-width:767px){

.srpmservices{

padding:70px 0;

}

.srpmservices-heading{

margin-bottom:45px;

}

.srpmservices-heading h2{

font-size:32px;

}

.srpmservices-heading p{

font-size:16px;

line-height:28px;

}

.srpmservices-grid{

grid-template-columns:1fr;

gap:25px;

}

.srpmservice-card{

padding:30px;

}

.srpmservice-icon{

width:75px;

height:75px;

}



.srpmservice-card h3{

font-size:22px;

}

.srpmservice-number{

font-size:42px;

}

}

/*==================================================
 WHY CHOOSE US
==================================================*/

.srpmwhy{

    position:relative;

    padding:110px 0;

    background:#ffffff;

    overflow:hidden;

}

.srpmwhy::before{

    content:"";

    position:absolute;

    top:-180px;

    left:-180px;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(10,77,179,.04);

}

.srpmwhy::after{

    content:"";

    position:absolute;

    right:-120px;

    bottom:-120px;

    width:300px;

    height:300px;

    border-radius:50%;

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

}

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

.srpmwhy-heading{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

    position:relative;

    z-index:2;

}

.srpmwhy-subtitle{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    background:#eef5ff;

    color:#0A4DB3;

    border-radius:50px;

    font-weight:700;

    margin-bottom:20px;

}

.srpmwhy-subtitle i{

    color:#FFC107;

}

.srpmwhy-heading h2{

    font-size:46px;

    font-weight:800;

    color:#13294B;

    line-height:1.25;

    margin-bottom:18px;

}

.srpmwhy-heading p{

    font-size:17px;

    line-height:30px;

    color:#667085;

}

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

.srpmwhy-main{

    display:grid;

    grid-template-columns:480px 1fr;

    gap:60px;

    align-items:center;

    position:relative;

    z-index:2;

}

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

.srpmwhy-image{

    position:relative;

    border-radius:26px;

    overflow:hidden;

}

.srpmwhy-image img{

    width:100%;

    display:block;

    border-radius:26px;

    transition:.45s ease;

}

.srpmwhy-image:hover img{

    transform:scale(1.06);

}

/*==================================================
EXPERIENCE BADGE
==================================================*/

.srpmwhy-exp{

    position:absolute;

    left:25px;

    bottom:25px;

    width:150px;

    height:150px;

    border-radius:50%;

    background:linear-gradient(135deg,#0A4DB3,#2AA8FF);

    color:#fff;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    box-shadow:0 20px 50px rgba(10,77,179,.30);

}

.srpmwhy-exp h3{

    font-size:42px;

    margin:0;

}

.srpmwhy-exp span{

    font-size:14px;

    text-align:center;

}

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

.srpmwhy-rating{

    position:absolute;

    right:25px;

    top:25px;

    background:#fff;

    border-radius:14px;

    padding:15px 20px;

    display:flex;

    align-items:center;

    gap:10px;

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

}

.srpmwhy-rating i{

    color:#FFC107;

    font-size:22px;

}

.srpmwhy-rating strong{

    color:#13294B;

    font-size:20px;

}

.srpmwhy-rating span{

    color:#667085;

    font-size:14px;

}

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

.srpmwhy-content{

    display:grid;

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

    gap:22px;

}

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

.srpmwhy-card{

    display:flex;

    gap:18px;

    align-items:flex-start;

    background:#fff;

    border:1px solid #eef2f7;

    border-radius:18px;

    padding:24px;

    transition:.35s ease;

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

}

.srpmwhy-card:hover{

    transform:translateY(-8px);

    background:linear-gradient(135deg,#0A4DB3,#2AA8FF);

    border-color:transparent;

    box-shadow:0 25px 55px rgba(10,77,179,.20);

}

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

.srpmwhy-icon{

    width:64px;

    height:64px;

    border-radius:16px;

    background:#eef5ff;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    transition:.35s;

}

.srpmwhy-icon i{

    font-size:28px;

    color:#0A4DB3;

    transition:.35s;

}

.srpmwhy-card:hover .srpmwhy-icon{

    background:#fff;

}

.srpmwhy-card:hover .srpmwhy-icon i{

    color:#0A4DB3;

}

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

.srpmwhy-card h3{

    font-size:20px;

    color:#13294B;

    margin-bottom:8px;

    transition:.35s;

}

.srpmwhy-card p{

    color:#667085;

    line-height:26px;

    margin:0;

    transition:.35s;

}

.srpmwhy-card:hover h3,

.srpmwhy-card:hover p{

    color:#fff;

}

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

.srpmwhy-btn{

    grid-column:1/-1;

    justify-self:start;

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:16px 34px;

    background:linear-gradient(135deg,#0A4DB3,#063A84);

    color:#fff;

    text-decoration:none;

    border-radius:12px;

    font-weight:700;

    transition:.35s;

}

.srpmwhy-btn:hover{

    transform:translateY(-4px);

    box-shadow:0 20px 45px rgba(10,77,179,.25);

    color:#fff;

}

.srpmwhy-btn i{

    transition:.35s;

}

.srpmwhy-btn:hover i{

    transform:translateX(6px);

}

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

@media(max-width:1199px){

.srpmwhy-main{

    grid-template-columns:1fr;

}

.srpmwhy-image{

    max-width:600px;

    margin:auto;

}

}

@media(max-width:767px){

.srpmwhy{

    padding:70px 0;

}

.srpmwhy-heading{

    margin-bottom:45px;

}

.srpmwhy-heading h2{

    font-size:32px;

}

.srpmwhy-heading p{

    font-size:16px;

    line-height:28px;

}

.srpmwhy-content{

    grid-template-columns:1fr;

}

.srpmwhy-card{

    padding:20px;

}

.srpmwhy-exp{

    width:110px;

    height:110px;

}

.srpmwhy-exp h3{

    font-size:30px;

}

.srpmwhy-rating{

    right:15px;

    top:15px;

    padding:12px 16px;

}

.srpmwhy-btn{

    width:100%;

    justify-content:center;

}

}

/*==================================================
PREMIUM BACKGROUND SHAPES
==================================================*/

.srpmwhy{

    position:relative;

    overflow:hidden;

}

.srpmwhy-shape-1{

    position:absolute;

    top:8%;

    left:2%;

    width:220px;

    height:220px;

    border-radius:50%;

    background:rgba(10,77,179,.05);

    filter:blur(70px);

    animation:srpmFloatOne 8s ease-in-out infinite;

}

.srpmwhy-shape-2{

    position:absolute;

    right:2%;

    bottom:10%;

    width:260px;

    height:260px;

    border-radius:50%;

    background:rgba(42,168,255,.08);

    filter:blur(80px);

    animation:srpmFloatTwo 10s ease-in-out infinite;

}

@keyframes srpmFloatOne{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-35px);

}

}

@keyframes srpmFloatTwo{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(35px);

}

}

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

.srpmwhy-card:hover .srpmwhy-icon{

    transform:rotate(-10deg) scale(1.08);

}

.srpmwhy-card:hover .srpmwhy-icon i{

    animation:srpmPulse .7s;

}

@keyframes srpmPulse{

0%{

transform:scale(1);

}

50%{

transform:scale(1.25);

}

100%{

transform:scale(1);

}

}

/*==================================================
IMAGE EFFECT
==================================================*/

.srpmwhy-image{

    overflow:hidden;

}

.srpmwhy-image img{

    transition:transform .7s ease;

}

.srpmwhy-image:hover img{

    transform:scale(1.08);

}

/*==================================================
BADGE FLOATING
==================================================*/

.srpmwhy-exp,

.srpmwhy-rating{

animation:srpmBadgeFloat 4s ease-in-out infinite;

}

@keyframes srpmBadgeFloat{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-8px);

}

}

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

.srpmwhy-btn{

position:relative;

overflow:hidden;

}

.srpmwhy-btn::before{

content:"";

position:absolute;

top:0;

left:-100%;

width:60%;

height:100%;

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

transform:skewX(-25deg);

transition:.7s;

}

.srpmwhy-btn:hover::before{

left:160%;

}

/*==================================================
ABOUT COMPANY
==================================================*/

.srpmabout{

    position:relative;

    padding:110px 0;

    background:#ffffff;

    overflow:hidden;

}

.srpmabout::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(10,77,179,.05);

    top:-180px;

    right:-180px;

}

.srpmabout::after{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    border-radius:50%;

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

    bottom:-120px;

    left:-120px;

}

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

.srpmabout-heading{

    max-width:760px;

    margin:auto;

    text-align:center;

    margin-bottom:70px;

}

.srpmabout-subtitle{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:50px;

    background:#eef5ff;

    color:#0A4DB3;

    font-weight:700;

    margin-bottom:20px;

}

.srpmabout-subtitle i{

    color:#FFC107;

}

.srpmabout-heading h2{

    font-size:46px;

    font-weight:800;

    color:#13294B;

    line-height:1.25;

    margin-bottom:20px;

}

.srpmabout-heading p{

    font-size:17px;

    color:#667085;

    line-height:30px;

}

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

.srpmabout-main{

    display:grid;

    grid-template-columns:520px 1fr;

    gap:70px;

    align-items:center;

}

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

.srpmabout-left{

    position:relative;

}

.srpmabout-image{

    border-radius:28px;

    overflow:hidden;

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

}

.srpmabout-image img{

    width:100%;

    display:block;

    transition:.6s;

}

.srpmabout-image:hover img{

    transform:scale(1.08);

}

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

.srpmabout-exp{

    position:absolute;

    left:-25px;

    bottom:35px;

    width:160px;

    height:160px;

    border-radius:50%;

    background:linear-gradient(135deg,#0A4DB3,#2AA8FF);

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    color:#fff;

    box-shadow:0 20px 50px rgba(10,77,179,.30);

}

.srpmabout-exp h3{

    font-size:46px;

    margin:0;

}

.srpmabout-exp span{

    font-size:14px;

    text-align:center;

}

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

.srpmabout-google{

    position:absolute;

    top:35px;

    right:-25px;

    background:#fff;

    padding:18px 24px;

    border-radius:18px;

    display:flex;

    align-items:center;

    gap:15px;

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

}

.srpmabout-google i{

    font-size:34px;

    color:#4285F4;

}

.srpmabout-google strong{

    display:block;

    color:#13294B;

}

.srpmabout-google span{

    color:#667085;

    font-size:14px;

}

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

.srpmabout-right h3{

    font-size:38px;

    line-height:1.35;

    color:#13294B;

    margin-bottom:20px;

}

.srpmabout-right p{

    color:#667085;

    font-size:17px;

    line-height:32px;

    margin-bottom:35px;

}

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

.srpmabout-features{

    display:grid;

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

    gap:18px;

    margin-bottom:40px;

}

.srpmabout-item{

    display:flex;

    align-items:center;

    gap:12px;

    padding:18px 20px;

    border-radius:16px;

    background:#F8FBFF;

    border:1px solid #edf2fa;

    transition:.35s;

    font-weight:600;

    color:#13294B;

}

.srpmabout-item i{

    color:#22C55E;

    font-size:20px;

}

.srpmabout-item:hover{

    background:#0A4DB3;

    color:#fff;

    transform:translateY(-6px);

    box-shadow:0 20px 45px rgba(10,77,179,.18);

}

.srpmabout-item:hover i{

    color:#FFC107;

}

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

.srpmabout-btns{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

}

.srpmabout-btn,

.srpmabout-call{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:16px 34px;

    border-radius:12px;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.srpmabout-btn{

    background:linear-gradient(135deg,#0A4DB3,#063A84);

    color:#fff;

}

.srpmabout-btn:hover{

    transform:translateY(-5px);

    color:#fff;

    box-shadow:0 18px 40px rgba(10,77,179,.25);

}

.srpmabout-call{

    background:#fff;

    border:2px solid #0A4DB3;

    color:#0A4DB3;

}

.srpmabout-call:hover{

    background:#0A4DB3;

    color:#fff;

}

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

@media(max-width:1199px){

.srpmabout-main{

grid-template-columns:1fr;

gap:60px;

}

.srpmabout-left{

max-width:650px;

margin:auto;

}

}

@media(max-width:767px){

.srpmabout{

padding:70px 0;

}

.srpmabout-heading{

margin-bottom:45px;

}

.srpmabout-heading h2{

font-size:32px;

}

.srpmabout-heading p{

font-size:16px;

line-height:28px;

}

.srpmabout-right h3{

font-size:30px;

}

.srpmabout-features{

grid-template-columns:1fr;

}

.srpmabout-google{

position:relative;

top:auto;

right:auto;

margin-top:20px;

}

.srpmabout-exp{

width:110px;

height:110px;

left:15px;

bottom:15px;

}

.srpmabout-exp h3{

font-size:30px;

}

.srpmabout-btn,

.srpmabout-call{

width:100%;

justify-content:center;

}

}

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

.srpmabout-glow-one,
.srpmabout-glow-two{

    position:absolute;

    border-radius:50%;

    filter:blur(80px);

    z-index:0;

}

.srpmabout-glow-one{

    width:260px;

    height:260px;

    background:rgba(10,77,179,.08);

    top:8%;

    left:2%;

    animation:srpmAboutFloatOne 8s ease-in-out infinite;

}

.srpmabout-glow-two{

    width:320px;

    height:320px;

    background:rgba(42,168,255,.08);

    bottom:5%;

    right:2%;

    animation:srpmAboutFloatTwo 10s ease-in-out infinite;

}

@keyframes srpmAboutFloatOne{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-30px);

}

}

@keyframes srpmAboutFloatTwo{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(30px);

}

}

/*==================================================
 INFORMATION SECTION
==================================================*/

.srpminfo-section{

    position:relative;

    padding:110px 0;

    background:#ffffff;

    overflow:hidden;

}

.srpminfo-section::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    border-radius:50%;

    background:rgba(10,77,179,.05);

    left:-220px;

    top:-220px;

}

.srpminfo-section::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

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

    right:-150px;

    bottom:-150px;

}

/*==================================================
LEFT SIDE
==================================================*/

.srpminfo-media{

    position:relative;

}

.srpminfo-image{

    overflow:hidden;

    border-radius:30px;

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

}

.srpminfo-image img{

    width:100%;

    display:block;

    transition:.6s;

}

.srpminfo-image:hover img{

    transform:scale(1.08);

}

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

.srpminfo-exp{

    position:absolute;

    left:-25px;

    top:40px;

    width:150px;

    height:150px;

    border-radius:50%;

    background:linear-gradient(135deg,#0A4DB3,#2AA8FF);

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    color:#fff;

    box-shadow:0 20px 45px rgba(10,77,179,.30);

}

.srpminfo-exp h3{

    font-size:42px;

    margin:0;

}

.srpminfo-exp span{

    font-size:14px;

    text-align:center;

}

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

.srpminfo-rating{

    position:absolute;

    right:-25px;

    top:35px;

    background:#fff;

    border-radius:18px;

    padding:18px 22px;

    display:flex;

    align-items:center;

    gap:15px;

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

}

.srpminfo-rating i{

    color:#4285F4;

    font-size:34px;

}

.srpminfo-rating strong{

    display:block;

    color:#13294B;

}

.srpminfo-rating span{

    color:#667085;

}

/*==================================================
COUNTER
==================================================*/

.srpminfo-counter{

    display:grid;

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

    background:#fff;

    border-radius:20px;

    margin-top:30px;

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

    overflow:hidden;

}

.srpminfo-counter div{

    padding:30px;

    text-align:center;

}

.srpminfo-counter div:not(:last-child){

    border-right:1px solid #edf2fa;

}

.srpminfo-counter h4{

    color:#0A4DB3;

    font-size:34px;

    margin-bottom:8px;

}

.srpminfo-counter span{

    color:#667085;

    font-size:15px;

}

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

.srpminfo-tag{

    display:inline-block;

    background:#eef5ff;

    color:#0A4DB3;

    padding:10px 22px;

    border-radius:40px;

    font-weight:700;

    margin-bottom:18px;

}

.srpminfo-content h2{

    font-size:48px;

    line-height:1.25;

    color:#13294B;

    font-weight:800;

    margin-bottom:20px;

}

.srpminfo-line{

    width:90px;

    height:4px;

    border-radius:50px;

    background:linear-gradient(90deg,#0A4DB3,#2AA8FF);

    margin-bottom:35px;

}

/*==================================================
TABS
==================================================*/

.srpminfo-tabs{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

    margin-bottom:35px;

}

.srpminfo-tab{

    border:none;

    background:#f5f9ff;

    padding:14px 26px;

    border-radius:40px;

    font-weight:700;

    color:#13294B;

    transition:.35s;

    cursor:pointer;

}

.srpminfo-tab.active,

.srpminfo-tab:hover{

    background:#0A4DB3;

    color:#fff;

}

/*==================================================
PANEL
==================================================*/

.srpminfo-panel{

    display:none;

    animation:fadePanel .45s;

}

.srpminfo-panel.active{

    display:block;

}

@keyframes fadePanel{

from{

opacity:0;

transform:translateY(20px);

}

to{

opacity:1;

transform:translateY(0);

}

}

.srpminfo-panel p{

    font-size:17px;

    line-height:32px;

    color:#667085;

}

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

.srpminfo-list,

.srpminfo-check{

    list-style:none;

    padding:0;

    margin:0;

}

.srpminfo-list li,

.srpminfo-check li{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:18px;

    font-size:17px;

    color:#13294B;

}

.srpminfo-list i{

    color:#0A4DB3;

    width:26px;

}

.srpminfo-check i{

    color:#22C55E;

}

/*==================================================
BENEFITS
==================================================*/

.srpminfo-benefit{

    background:#f8fbff;

    border-radius:18px;

    padding:24px;

    text-align:center;

    transition:.35s;

    border:1px solid #edf2fa;

}

.srpminfo-benefit:hover{

    background:#0A4DB3;

    color:#fff;

    transform:translateY(-8px);

}

.srpminfo-benefit i{

    font-size:38px;

    color:#FFC107;

    margin-bottom:15px;

}

.srpminfo-benefit h5{

    margin:0;

    font-size:19px;

}

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

.srpminfo-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

    margin-top:35px;

}

.srpminfo-btn,

.srpminfo-call{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:16px 34px;

    border-radius:12px;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.srpminfo-btn{

    background:linear-gradient(135deg,#0A4DB3,#063A84);

    color:#fff;

}

.srpminfo-btn:hover{

    color:#fff;

    transform:translateY(-4px);

}

.srpminfo-call{

    border:2px solid #0A4DB3;

    color:#0A4DB3;

}

.srpminfo-call:hover{

    background:#0A4DB3;

    color:#fff;

}

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

@media(max-width:1199px){

.srpminfo-section{

padding:80px 0;

}

.srpminfo-media{

max-width:650px;

margin:auto;

}

.srpminfo-exp{

left:20px;

top:20px;

width:120px;

height:120px;

}

.srpminfo-exp h3{

font-size:32px;

}

.srpminfo-rating{

right:20px;

top:20px;

}

.srpminfo-content{

margin-top:40px;

}

.srpminfo-content h2{

font-size:40px;

}

}

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

@media(max-width:767px){

.srpminfo-section{

padding:70px 0;

}

.srpminfo-content{

text-align:center;

}

.srpminfo-content h2{

font-size:32px;

line-height:1.3;

}

.srpminfo-line{

margin:20px auto 30px;

}

.srpminfo-tabs{

justify-content:center;

gap:10px;

}

.srpminfo-tab{

padding:12px 18px;

font-size:14px;

}

.srpminfo-counter{

grid-template-columns:1fr;

}

.srpminfo-counter div{

border-right:none!important;

border-bottom:1px solid #edf2fa;

}

.srpminfo-counter div:last-child{

border-bottom:none;

}

.srpminfo-buttons{

flex-direction:column;

}

.srpminfo-btn,

.srpminfo-call{

width:100%;

justify-content:center;

}

.srpminfo-rating{

position:relative;

right:auto;

top:auto;

margin:20px auto 0;

max-width:240px;

}

.srpminfo-exp{

width:95px;

height:95px;

left:15px;

top:15px;

}

.srpminfo-exp h3{

font-size:26px;

}

.srpminfo-exp span{

font-size:12px;

}

}

/*==================================================
PREMIUM HOVER
==================================================*/

.srpminfo-image{

position:relative;

}

.srpminfo-image::after{

content:"";

position:absolute;

inset:0;

background:linear-gradient(

180deg,

transparent,

rgba(10,77,179,.15)

);

opacity:0;

transition:.45s;

}

.srpminfo-image:hover::after{

opacity:1;

}

.srpminfo-image:hover{

box-shadow:0 30px 80px rgba(10,77,179,.20);

}

.srpminfo-benefit{

overflow:hidden;

position:relative;

}

.srpminfo-benefit::before{

content:"";

position:absolute;

top:-100%;

left:-100%;

width:60%;

height:250%;

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

transform:rotate(25deg);

transition:.8s;

}

.srpminfo-benefit:hover::before{

left:180%;

}

.srpminfo-tab{

position:relative;

overflow:hidden;

}

.srpminfo-tab::after{

content:"";

position:absolute;

left:-100%;

top:0;

width:60%;

height:100%;

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

transform:skewX(-25deg);

transition:.6s;

}

.srpminfo-tab:hover::after{

left:170%;

}

/*==========================================
SERVICE CARDS
==========================================*/

.srpminfo-service{

    display:flex;

    align-items:flex-start;

    gap:22px;

    padding:24px;

    margin-bottom:20px;

    border-radius:18px;

    background:#fff;

    border:1px solid #e9eef7;

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

    transition:.4s ease;

}

.srpminfo-service:hover{

    transform:translateY(-8px);

    border-color:#0A4DB3;

    box-shadow:0 20px 45px rgba(10,77,179,.15);

}

.srpminfo-service-icon{

    width:68px;

    height:68px;

    min-width:68px;

    border-radius:16px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#eef5ff;

    transition:.35s;

}

.srpminfo-service-icon i{

    font-size:26px;

    color:#0A4DB3;

    transition:.35s;

}

.srpminfo-service:hover .srpminfo-service-icon{

    background:linear-gradient(135deg,#0A4DB3,#2AA8FF);

}

.srpminfo-service:hover .srpminfo-service-icon i{

    color:#fff;

    transform:scale(1.15);

}

.srpminfo-service-content h4{

    font-size:22px;

    color:#13294B;

    margin-bottom:10px;

    font-weight:700;

}

.srpminfo-service-content p{

    margin:0;

    color:#667085;

    line-height:30px;

    font-size:16px;

}

.srpminfo-service:hover h4{

    color:#0A4DB3;

}

@media(max-width:767px){

.srpminfo-service{

    gap:16px;

    padding:18px;

}

.srpminfo-service-icon{

    width:56px;

    height:56px;

    min-width:56px;

}

.srpminfo-service-icon i{

    font-size:22px;

}

.srpminfo-service-content h4{

    font-size:19px;

}

.srpminfo-service-content p{

    font-size:15px;

    line-height:26px;

}

}

.srpminfo-intro{

    font-size:17px;

    color:#667085;

    line-height:32px;

    margin-bottom:30px;

}

.srpminfo-check-list{

    list-style:none;

    padding:0;

    margin:0;

}

.srpminfo-check-list li{

    display:flex;

    align-items:flex-start;

    gap:18px;

    margin-bottom:22px;

    padding:18px;

    border-radius:16px;

    background:#F8FBFF;

    border:1px solid #EAF0FA;

    transition:.35s;

}

.srpminfo-check-list li:hover{

    background:#0A4DB3;

    transform:translateX(8px);

    border-color:#0A4DB3;

}

.srpminfo-check-list i{

    color:#22C55E;

    font-size:22px;

    margin-top:4px;

    transition:.35s;

}

.srpminfo-check-list strong{

    display:block;

    color:#13294B;

    font-size:18px;

    margin-bottom:6px;

    transition:.35s;

}

.srpminfo-check-list span{

    color:#667085;

    line-height:28px;

    transition:.35s;
	font-size:17px;

}

.srpminfo-check-list li:hover strong,

.srpminfo-check-list li:hover span{

    color:#fff;

}

.srpminfo-check-list li:hover i{

    color:#FFC107;

}
#srpminfoImage{

    width:100%;

    display:block;

    transition:.4s ease;

}

/* Same height for all tab panels */

.srpminfo-content{

    display:flex;
    flex-direction:column;

}

.srpminfo-tab-content{

    position:relative;
    min-height:520px;   /* Adjust to fit your longest tab */
    overflow:hidden;

}

.srpminfo-panel{

    display:none;

}

.srpminfo-panel.active{

    display:block;
    animation:srpmFade .45s ease;

}

@keyframes srpmFade{

    from{

        opacity:0;
        transform:translateY(15px);

    }

    to{

        opacity:1;
        transform:translateY(0);

    }

}


/*==================================================
ABOUT COMPANY V2
==================================================*/

.srpmabout2{

    position:relative;

    padding:110px 0;

    background:#ffffff;

    overflow:hidden;

}

.srpmabout2::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(10,77,179,.05);

    top:-180px;

    left:-180px;

}

.srpmabout2::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

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

    right:-150px;

    bottom:-150px;

}

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

.srpmabout2-image{

    position:relative;

    overflow:hidden;

    border-radius:30px;

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

    height:100%;

}

.srpmabout2-image img{

    width:100%;

    height:720px;

    object-fit:cover;

    display:block;

    transition:.6s ease;

}

.srpmabout2-image:hover img{

    transform:scale(1.06);

}

/*==================================================
EXPERIENCE BADGE
==================================================*/

.srpmabout2-badge{

    position:absolute;

    left:25px;

    bottom:25px;

    width:150px;

    height:150px;

    border-radius:50%;

    background:linear-gradient(135deg,#0A4DB3,#2AA8FF);

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    color:#fff;

    box-shadow:0 20px 50px rgba(10,77,179,.30);

}

.srpmabout2-badge h3{

    font-size:44px;

    margin:0;

    font-weight:800;

}

.srpmabout2-badge span{

    font-size:14px;

    text-align:center;

    line-height:22px;

}

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

.srpmabout2-content{

    padding-left:25px;

}

.srpmabout2-subtitle{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:40px;

    background:#EEF5FF;

    color:#0A4DB3;

    font-size:15px;

    font-weight:700;

    margin-bottom:20px;

}

.srpmabout2-subtitle i{

    color:#FFC107;

}

.srpmabout2-content h2{

    font-size:48px;

    line-height:1.25;

    font-weight:800;

    color:#13294B;

    margin-bottom:30px;

}

.srpmabout2-content p{

    font-size:17px;

    line-height:32px;

    color:#667085;

    margin-bottom:22px;

}

.srpmabout2-content strong{

    color:#13294B;

}

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

.srpmabout2-btns{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

    margin-top:40px;

}

.srpmabout2-btn,

.srpmabout2-call{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:16px 34px;

    border-radius:12px;

    text-decoration:none;

    font-weight:700;

    transition:.35s ease;

}

.srpmabout2-btn{

    background:linear-gradient(135deg,#0A4DB3,#063A84);

    color:#fff;

}

.srpmabout2-btn:hover{

    color:#fff;

    transform:translateY(-5px);

    box-shadow:0 20px 45px rgba(10,77,179,.25);

}

.srpmabout2-call{

    border:2px solid #0A4DB3;

    color:#0A4DB3;

    background:#fff;

}

.srpmabout2-call:hover{

    background:#0A4DB3;

    color:#fff;

}

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

@media(max-width:1199px){

.srpmabout2{

padding:80px 0;

}

.srpmabout2-image img{

height:600px;

}

.srpmabout2-content{

padding-left:0;

margin-top:30px;

}

.srpmabout2-content h2{

font-size:40px;

}

}

@media(max-width:991px){

.srpmabout2-image{

max-width:600px;

margin:auto;

}

.srpmabout2-image img{

height:560px;

}

}

@media(max-width:767px){

.srpmabout2{

padding:70px 0;

}

.srpmabout2-image{

max-width:100%;

}

.srpmabout2-image img{

height:420px;

border-radius:20px;

}

.srpmabout2-badge{

width:95px;

height:95px;

left:15px;

bottom:15px;

}

.srpmabout2-badge h3{

font-size:28px;

}

.srpmabout2-badge span{

font-size:11px;

line-height:16px;

}

.srpmabout2-content{

text-align:center;

margin-top:35px;

}

.srpmabout2-content h2{

font-size:32px;

line-height:1.35;

}

.srpmabout2-content p{

font-size:16px;

line-height:29px;

}

.srpmabout2-btns{

flex-direction:column;

}

.srpmabout2-btn,

.srpmabout2-call{

width:100%;

justify-content:center;

}

}

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

.srpmcta{

    padding:40px 0;

    background:#fff;

}

.srpmcta-box{

    position:relative;

    overflow:hidden;

    padding:55px;

    border-radius:28px;

    background:linear-gradient(135deg,#0A4DB3,#0F66D8);

    box-shadow:0 30px 80px rgba(10,77,179,.22);

}

.srpmcta-box::before{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

    border-radius:50%;

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

    right:-100px;

    top:-100px;

}

.srpmcta-box::after{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    border-radius:50%;

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

    left:-70px;

    bottom:-70px;

}

.srpmcta-content{

    position:relative;

    z-index:2;

}

.srpmcta-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:40px;

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

    color:#fff;

    font-weight:700;

    margin-bottom:20px;

}

.srpmcta-tag i{

    color:#FFD54A;

}

.srpmcta-content h2{

    color:#fff;

    font-size:42px;

    font-weight:800;

    line-height:1.25;

    margin-bottom:20px;

}

.srpmcta-content p{

    color:#E8F2FF;

    font-size:17px;

    line-height:30px;

}

.srpmcta-phone{

    display:flex;

    flex-wrap:wrap;

    gap:20px;

    margin-top:25px;

}

.srpmcta-phone a{

    color:#fff;

    text-decoration:none;

    font-weight:700;

}

.srpmcta-phone i{

    color:#FFD54A;

    margin-right:8px;

}

.srpmcta-buttons{

    display:flex;

    flex-direction:column;

    gap:18px;

    justify-content:center;

    height:100%;

    position:relative;

    z-index:2;

}

.srpmcta-btn,

.srpmcta-call{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    height:58px;

    border-radius:12px;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.srpmcta-btn{

    background:#FFD54A;

    color:#13294B;

}

.srpmcta-btn:hover{

    transform:translateY(-4px);

    color:#13294B;

}

.srpmcta-call{

    border:2px solid rgba(255,255,255,.35);

    color:#fff;

}

.srpmcta-call:hover{

    background:#fff;

    color:#0A4DB3;

}

@media(max-width:991px){

.srpmcta-box{

padding:40px 30px;

text-align:center;

}

.srpmcta-content h2{

font-size:34px;

}

.srpmcta-phone{

justify-content:center;

}

.srpmcta-buttons{

margin-top:15px;

}

}

@media(max-width:767px){

.srpmcta{

padding:25px 0;

}

.srpmcta-box{

padding:30px 20px;

border-radius:20px;

}

.srpmcta-content h2{

font-size:28px;

}

.srpmcta-content p{

font-size:16px;

line-height:28px;

}

.srpmcta-phone{

flex-direction:column;

gap:12px;

}

.srpmcta-btn,

.srpmcta-call{

width:100%;

}

}

/*==================================================
FAQ SECTION
==================================================*/

.srpmfaq{

    position:relative;

    padding:110px 0;

    background:#F8FAFD;

    overflow:hidden;

}

.srpmfaq::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(10,77,179,.04);

    top:-180px;

    left:-180px;

}

.srpmfaq::after{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    border-radius:50%;

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

    right:-120px;

    bottom:-120px;

}

/*==================================================
LEFT SIDE
==================================================*/

.srpmfaq-left{

    position:sticky;

    top:100px;

}

.srpmfaq-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:40px;

    background:#EEF5FF;

    color:#0A4DB3;

    font-weight:700;

    margin-bottom:20px;

}

.srpmfaq-tag i{

    color:#FFC107;

}

.srpmfaq-left h2{

    font-size:46px;

    line-height:1.2;

    color:#13294B;

    font-weight:800;

    margin-bottom:20px;

}

.srpmfaq-left h2 span{

    color:#0A4DB3;

}

.srpmfaq-line{

    width:90px;

    height:4px;

    border-radius:50px;

    background:linear-gradient(90deg,#0A4DB3,#2AA8FF);

    margin-bottom:30px;

}

.srpmfaq-left p{

    font-size:17px;

    line-height:31px;

    color:#667085;

    margin-bottom:35px;

}

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

.srpmfaq-contact{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 15px 45px rgba(0,0,0,.06);

    margin-bottom:30px;

}

.srpmfaq-contact-item{

    display:flex;

    align-items:center;

    gap:18px;

    padding:22px;

    border-bottom:1px solid #EDF2FA;

    transition:.35s;

}

.srpmfaq-contact-item:last-child{

    border-bottom:none;

}

.srpmfaq-contact-item:hover{

    background:#F8FBFF;

}

.srpmfaq-icon{

    width:60px;

    height:60px;

    border-radius:16px;

    background:#EEF5FF;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s;

}

.srpmfaq-icon i{

    font-size:22px;

    color:#0A4DB3;

}

.srpmfaq-contact-item:hover .srpmfaq-icon{

    background:#0A4DB3;

}

.srpmfaq-contact-item:hover .srpmfaq-icon i{

    color:#fff;

}

.srpmfaq-contact small{

    display:block;

    color:#7A8699;

    text-transform:uppercase;

    font-weight:700;

    margin-bottom:4px;

}

.srpmfaq-contact h5{

    margin:0;

    color:#13294B;

    font-size:18px;

}

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

.srpmfaq-btn{

    width:100%;

    height:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    border-radius:14px;

    background:linear-gradient(135deg,#0A4DB3,#063A84);

    color:#fff;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.srpmfaq-btn:hover{

    color:#fff;

    transform:translateY(-4px);

    box-shadow:0 18px 40px rgba(10,77,179,.22);

}

/*==================================================
FAQ ACCORDION
==================================================*/

.srpmfaq-item{

    background:#fff;

    border-radius:18px;

    margin-bottom:18px;

    overflow:hidden;

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

    border:1px solid #EDF2FA;

    transition:.35s;

}

.srpmfaq-item.active{

    border-color:#0A4DB3;

}

.srpmfaq-question{

    width:100%;

    border:none;

    background:none;

    padding:24px 30px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    cursor:pointer;

    font-size:19px;

    font-weight:700;

    color:#13294B;

    text-align:left;

}

.srpmfaq-question i{

    width:42px;

    height:42px;

    border-radius:50%;

    background:#EEF5FF;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#0A4DB3;

    transition:.35s;

}

.srpmfaq-item.active .srpmfaq-question i{

    background:#0A4DB3;

    color:#fff;

    transform:rotate(45deg);

}

.srpmfaq-answer{

    max-height:0;

    overflow:hidden;

    transition:max-height .45s ease;

}

.srpmfaq-item.active .srpmfaq-answer{

    max-height:220px;

}

.srpmfaq-answer p{

    padding:0 30px 28px;

    margin:0;

    color:#667085;

    line-height:31px;

    font-size:17px;

}

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

@media(max-width:991px){

.srpmfaq{

padding:80px 0;

}

.srpmfaq-left{

position:relative;

top:auto;

margin-bottom:20px;

}

.srpmfaq-left h2{

font-size:38px;

}

}

@media(max-width:767px){

.srpmfaq{

padding:70px 0;

}

.srpmfaq-left{

/*text-align:center;*/

}

.srpmfaq-line{

margin:20px auto 30px;

}

.srpmfaq-left h2{

font-size:32px;

}

.srpmfaq-left p{

font-size:16px;

line-height:29px;

}

.srpmfaq-contact-item{

padding:18px;

gap:14px;

}

.srpmfaq-icon{

width:52px;

height:52px;

}

.srpmfaq-contact h5{

font-size:16px;

}

.srpmfaq-question{

padding:18px 20px;

font-size:17px;

}

.srpmfaq-answer p{

padding:0 20px 22px;

font-size:16px;

line-height:28px;

}

}

/*=========================================
FAQ HOVER EFFECT
=========================================*/

.srpmfaq-item{

    position:relative;

    overflow:hidden;

}

.srpmfaq-item::before{

    content:"";

    position:absolute;

    left:-100%;

    top:0;

    width:80px;

    height:100%;

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

    transform:skewX(-25deg);

    transition:.8s;

}

.srpmfaq-item:hover::before{

    left:120%;

}

.srpmfaq-item:hover{

    transform:translateY(-6px);

    box-shadow:0 25px 50px rgba(10,77,179,.12);

}
/*=========================================
CONTACT CARD
=========================================*/

.srpmfaq-contact-item{

    position:relative;

    overflow:hidden;

}

.srpmfaq-contact-item::after{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:4px;

    height:0;

    background:#0A4DB3;

    transition:.35s;

}

.srpmfaq-contact-item:hover::after{

    height:100%;

}

.srpmfaq-contact-item:hover{

    padding-left:30px;

}
/*==================================================
PAN INDIA NETWORK
==================================================*/

.srpmnetwork{

    padding:100px 0;

    background:#F8FAFD;

    position:relative;

    overflow:hidden;

}

.srpmnetwork::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    border-radius:50%;

    background:rgba(10,77,179,.04);

    left:-180px;

    top:-180px;

}

.srpmnetwork::after{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    border-radius:50%;

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

    right:-120px;

    bottom:-120px;

}

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

.srpmnetwork-card,

.srpmnetwork-pack{

    height:100%;

    border-radius:26px;

    padding:40px;

    position:relative;

    overflow:hidden;

    transition:.35s;

}

.srpmnetwork-card{

    background:#fff;

    border:1px solid #E8EDF6;

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

}

.srpmnetwork-pack{

    background:linear-gradient(135deg,#13294B,#0A4DB3);

    color:#fff;

    box-shadow:0 25px 60px rgba(10,77,179,.18);

}

.srpmnetwork-card:hover,

.srpmnetwork-pack:hover{

    transform:translateY(-8px);

}

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

.srpmnetwork-head{

    display:flex;

    align-items:flex-start;

    gap:18px;

    margin-bottom:28px;

}

.srpmnetwork-icon{

    width:62px;

    height:62px;

    min-width:62px;

    border-radius:16px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#EEF5FF;

}

.srpmnetwork-pack .srpmnetwork-icon{

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

}

.srpmnetwork-icon i{

    font-size:24px;

    color:#0A4DB3;

}

.srpmnetwork-pack .srpmnetwork-icon i{

    color:#FFC107;

}

.srpmnetwork-tag{

    display:inline-block;

    padding:8px 18px;

    border-radius:30px;

    background:#EEF5FF;

    color:#0A4DB3;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:12px;

}

.srpmnetwork-tag.dark{

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

    color:#fff;

}

.srpmnetwork-head h2{

    font-size:30px;

    font-weight:700;

    line-height:1.35;

    margin:0;

    color:#13294B;

}

.srpmnetwork-pack h2{

    color:#fff;

}

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

.srpmnetwork-card p,

.srpmnetwork-pack p{

    font-size:16px;

    line-height:30px;

    margin-bottom:30px;

}

.srpmnetwork-card p{

    color:#667085;

}

.srpmnetwork-pack p{

    color:#D7E5FF;

}

/*==================================================
CITY TAGS
==================================================*/

.srpmnetwork-cities{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    margin-bottom:35px;

}

.srpmnetwork-cities a{

    text-decoration:none;

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:12px 18px;

    border-radius:40px;

    background:#fff;

    border:1px solid #E5EBF5;

    color:#13294B;

    font-size:15px;

    font-weight:600;

    transition:.35s;

}

.srpmnetwork-cities a::before{

    content:"";

    width:8px;

    height:8px;

    border-radius:50%;

    background:#0A4DB3;

}

.srpmnetwork-cities a:hover{

    background:#0A4DB3;

    color:#fff;

    border-color:#0A4DB3;

}

.srpmnetwork-cities a:hover::before{

    background:#FFC107;

}

/*==================================================
STATS
==================================================*/

.srpmnetwork-stats{

    display:grid;

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

    gap:20px;

    margin-top:auto;

}

.srpmnetwork-stat{

    text-align:center;

    background:#F8FBFF;

    border-radius:16px;

    padding:22px 15px;

}

.srpmnetwork-stat h3{

    font-size:30px;

    color:#0A4DB3;

    margin-bottom:8px;

    font-weight:800;

}

.srpmnetwork-stat span{

    font-size:14px;

    color:#667085;

}
/*==================================================
PACKING LIST
==================================================*/

.srpmnetwork-list{

    display:flex;

    flex-direction:column;

    gap:16px;

}

.srpmnetwork-item{

    display:flex;

    align-items:center;

    gap:16px;

    padding:18px 20px;

    border-radius:16px;

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

    border:1px solid rgba(255,255,255,.08);

    transition:.35s;

}

.srpmnetwork-item:hover{

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

    transform:translateX(8px);

}

.srpmnetwork-item i{

    width:42px;

    height:42px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

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

    color:#22C55E;

    font-size:18px;

}

.srpmnetwork-item strong{

    display:block;

    font-size:18px;

    margin-bottom:5px;

    color:#fff;

}

.srpmnetwork-item span{

    color:#D7E5FF;

    font-size:15px;

}

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

@media (max-width:1199px){

.srpmnetwork{

padding:80px 0;

}

.srpmnetwork-card,
.srpmnetwork-pack{

padding:35px;

}

.srpmnetwork-head h2{

font-size:26px;

}

.srpmnetwork-stats{

gap:15px;

}

.srpmnetwork-stat h3{

font-size:26px;

}

}

/*==================================================
991px
==================================================*/

@media (max-width:991px){

.srpmnetwork-card,
.srpmnetwork-pack{

height:auto;

}

.srpmnetwork-pack{

margin-top:20px;

}

.srpmnetwork-head{

align-items:flex-start;

}

.srpmnetwork-head h2{

font-size:24px;

}

.srpmnetwork-stats{

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

margin-top:30px;

}

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

@media (max-width:767px){

.srpmnetwork{

padding:70px 0;

}

.srpmnetwork-card,
.srpmnetwork-pack{

padding:25px;

border-radius:20px;

}

.srpmnetwork-head{

gap:15px;

margin-bottom:20px;

}

.srpmnetwork-icon{

width:50px;

height:50px;

min-width:50px;

border-radius:12px;

}

.srpmnetwork-icon i{

font-size:20px;

}

.srpmnetwork-tag{

font-size:12px;

padding:7px 15px;

}

.srpmnetwork-head h2{

font-size:22px;

line-height:1.4;

}

.srpmnetwork-card p,
.srpmnetwork-pack p{

font-size:15px;

line-height:28px;

margin-bottom:25px;

}

.srpmnetwork-cities{

gap:10px;

}

.srpmnetwork-cities a{

padding:10px 15px;

font-size:14px;

}

.srpmnetwork-stats{

grid-template-columns:1fr;

gap:15px;

}

.srpmnetwork-stat{

padding:18px;

}

.srpmnetwork-stat h3{

font-size:24px;

}

.srpmnetwork-list{

gap:14px;

}

.srpmnetwork-item{

padding:15px;

gap:14px;

}

.srpmnetwork-item strong{

font-size:16px;

}

.srpmnetwork-item span{

font-size:14px;

}

}
/*==================================================
CARD HOVER
==================================================*/

.srpmnetwork-card,
.srpmnetwork-pack{

position:relative;

}

.srpmnetwork-card::before,
.srpmnetwork-pack::before{

content:"";

position:absolute;

top:0;

left:-120%;

width:60%;

height:100%;

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

transform:skewX(-25deg);

transition:.8s;

}

.srpmnetwork-card:hover::before,
.srpmnetwork-pack:hover::before{

left:180%;

}
/*==================================================
FLOATING ICON
==================================================*/

.srpmnetwork-icon{

animation:srpmFloatIcon 5s ease-in-out infinite;

}

@keyframes srpmFloatIcon{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-6px);

}

}

/*==================================================
MOVING PROCESS SECTION
==================================================*/

.srpmprocess{

    position:relative;

    padding:110px 0;

    background:#F8FAFD;

    overflow:hidden;

}

.srpmprocess::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(10,77,179,.04);

    left:-180px;

    top:-180px;

}

.srpmprocess::after{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    border-radius:50%;

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

    right:-150px;

    bottom:-150px;

}

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

.srpmprocess-left{

    position:sticky;

    top:100px;

}

.srpmprocess-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:40px;

    background:#EEF5FF;

    color:#0A4DB3;

    font-size:14px;

    font-weight:700;

    letter-spacing:.5px;

    margin-bottom:22px;

}

.srpmprocess-tag i{

    color:#F59E0B;

}

.srpmprocess-left h2{

    font-size:48px;

    font-weight:800;

    line-height:1.2;

    color:#13294B;

    margin-bottom:28px;

}

.srpmprocess-left h2 span{

    color:#0A4DB3;

}

.srpmprocess-left p{

    font-size:17px;

    line-height:31px;

    color:#667085;

    margin-bottom:22px;

}

.srpmprocess-left strong{

    color:#13294B;

}

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

.srpmprocess-promise{

    display:flex;

    gap:20px;

    margin-top:35px;

    padding:28px;

    border-radius:22px;

    background:#fff;

    border:1px solid #E8EEF7;

    box-shadow:0 20px 45px rgba(0,0,0,.05);

}

.srpmprocess-promise-icon{

    width:70px;

    height:70px;

    min-width:70px;

    border-radius:18px;

    background:linear-gradient(135deg,#0A4DB3,#2AA8FF);

    display:flex;

    justify-content:center;

    align-items:center;

}

.srpmprocess-promise-icon i{

    font-size:28px;

    color:#fff;

}

.srpmprocess-promise small{

    display:block;

    color:#0A4DB3;

    font-size:13px;

    font-weight:700;

    margin-bottom:8px;

    letter-spacing:1px;

}

.srpmprocess-promise h4{

    font-size:22px;

    color:#13294B;

    margin-bottom:12px;

}

.srpmprocess-promise p{

    margin:0;

    font-size:16px;

    line-height:28px;

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

.srpmprocess-btns{

    display:flex;

    gap:18px;

    margin-top:35px;

    flex-wrap:wrap;

}

.srpmprocess-btn,

.srpmprocess-call{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:16px 34px;

    border-radius:12px;

    font-weight:700;

    text-decoration:none;

    transition:.35s;

}

.srpmprocess-btn{

    background:linear-gradient(135deg,#0A4DB3,#063A84);

    color:#fff;

}

.srpmprocess-btn:hover{

    color:#fff;

    transform:translateY(-5px);

}

.srpmprocess-call{

    border:2px solid #0A4DB3;

    color:#0A4DB3;

    background:#fff;

}

.srpmprocess-call:hover{

    background:#0A4DB3;

    color:#fff;

}

/*==================================================
TIMELINE
==================================================*/

.srpmprocess-timeline{

    position:relative;

    padding-left:70px;

}

.srpmprocess-timeline::before{

    content:"";

    position:absolute;

    left:26px;

    top:0;

    bottom:0;

    width:3px;

    background:linear-gradient(

    #0A4DB3,

    #2AA8FF

    );

}

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

.srpmprocess-step{

    position:relative;

    margin-bottom:35px;

}

.srpmprocess-number{

    position:absolute;

    left:-70px;

    top:25px;

    width:56px;

    height:56px;

    border-radius:50%;

    background:#0A4DB3;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:18px;

    font-weight:800;

    border:5px solid #fff;

    box-shadow:0 10px 30px rgba(10,77,179,.25);

}

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

.srpmprocess-card{

    display:flex;

    gap:22px;

    padding:30px;

    background:#fff;

    border-radius:22px;

    border:1px solid #E8EEF7;

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

    transition:.35s;

}

.srpmprocess-card:hover{

    transform:translateY(-8px);

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

}

.srpmprocess-icon{

    width:70px;

    height:70px;

    min-width:70px;

    border-radius:18px;

    background:#EEF5FF;

    display:flex;

    justify-content:center;

    align-items:center;

}

.srpmprocess-icon i{

    font-size:30px;

    color:#0A4DB3;

}

.srpmprocess-card small{

    display:block;

    color:#0A4DB3;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:8px;

}

.srpmprocess-card h3{

    font-size:27px;

    font-weight:700;

    color:#13294B;

    margin-bottom:14px;

}

.srpmprocess-card p{

    margin:0;

    color:#667085;

    font-size:16px;

    line-height:30px;

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

@media(max-width:1199px){

.srpmprocess{

padding:90px 0;

}

.srpmprocess-left{

position:relative;

top:auto;

}

.srpmprocess-left h2{

font-size:42px;

}

.srpmprocess-card{

padding:25px;

}

.srpmprocess-card h3{

font-size:24px;

}

}

/*==================================================
991px
==================================================*/

@media(max-width:991px){

.srpmprocess{

padding:80px 0;

}

.srpmprocess-left{

margin-bottom:40px;

}

.srpmprocess-timeline{

padding-left:60px;

}

.srpmprocess-number{

left:-60px;

}

}

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

@media(max-width:767px){

.srpmprocess{

padding:70px 0;

}

.srpmprocess-left{

text-align:center;

}

.srpmprocess-left h2{

font-size:34px;

line-height:1.3;

}

.srpmprocess-left p{

font-size:16px;

line-height:29px;

}

.srpmprocess-promise{

flex-direction:column;

text-align:center;

padding:22px;

}

.srpmprocess-promise-icon{

margin:auto;

}

.srpmprocess-btns{

flex-direction:column;

}

.srpmprocess-btn,

.srpmprocess-call{

width:100%;

justify-content:center;

}

.srpmprocess-timeline{

padding-left:0;

}

.srpmprocess-timeline::before{

display:none;

}

.srpmprocess-step{

margin-bottom:25px;

}

.srpmprocess-number{

position:relative;

left:auto;

top:auto;

margin:0 auto 15px;

}

.srpmprocess-card{

flex-direction:column;

text-align:center;

padding:22px;

}

.srpmprocess-icon{

margin:auto;

}

.srpmprocess-card h3{

font-size:22px;

}

.srpmprocess-card p{

font-size:15px;

line-height:28px;

}

}

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

.srpmprocess-card{

position:relative;

overflow:hidden;

}

.srpmprocess-card::before{

content:"";

position:absolute;

top:0;

left:-120%;

width:60%;

height:100%;

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

transform:skewX(-25deg);

transition:.8s;

}

.srpmprocess-card:hover::before{

left:180%;

}

.srpmprocess-promise{

transition:.35s;

}

.srpmprocess-promise:hover{

transform:translateY(-8px);

box-shadow:0 25px 55px rgba(10,77,179,.12);

}

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

.srpmprocess-number{

animation:srpmStepFloat 4s ease-in-out infinite;

}

@keyframes srpmStepFloat{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-6px);

}

}

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

.srpmprocess-card:hover .srpmprocess-icon{

background:linear-gradient(135deg,#0A4DB3,#2AA8FF);

transform:rotate(-8deg);

}

.srpmprocess-card:hover .srpmprocess-icon i{

color:#fff;

transform:scale(1.15);

}

.srpmprocess-icon{

transition:.35s;

}

.srpmprocess-icon i{

transition:.35s;

}
/*==================================================
BACKGROUND GLOW
==================================================*/

.srpmprocess-glow1,

.srpmprocess-glow2{

position:absolute;

border-radius:50%;

filter:blur(80px);

z-index:0;

}

.srpmprocess-glow1{

width:220px;

height:220px;

background:rgba(10,77,179,.06);

top:5%;

left:2%;

animation:srpmGlowOne 8s ease-in-out infinite;

}

.srpmprocess-glow2{

width:280px;

height:280px;

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

bottom:5%;

right:2%;

animation:srpmGlowTwo 10s ease-in-out infinite;

}

@keyframes srpmGlowOne{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-20px);

}

}

@keyframes srpmGlowTwo{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(20px);

}

}
/*==================================================
TRUST & CERTIFICATIONS
==================================================*/

.srpmcert{

    position:relative;

    padding:110px 0;

    background:#F8FAFD;

    overflow:hidden;

}

.srpmcert::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(10,77,179,.04);

    top:-180px;

    left:-180px;

}

.srpmcert::after{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

    border-radius:50%;

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

    right:-120px;

    bottom:-120px;

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

.srpmcert-heading{

    text-align:center;

    margin-bottom:60px;

}

.srpmcert-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    background:#EEF5FF;

    color:#0A4DB3;

    border-radius:40px;

    font-size:14px;

    font-weight:700;

    margin-bottom:20px;

}

.srpmcert-tag i{

    color:#FFC107;

}

.srpmcert-heading h2{

    font-size:44px;

    font-weight:800;

    color:#13294B;

    line-height:1.25;

    margin-bottom:20px;

}

.srpmcert-heading h2 span{

    color:#0A4DB3;

}

.srpmcert-heading p{

    max-width:760px;

    margin:auto;

    font-size:17px;

    line-height:31px;

    color:#667085;

}
/*==================================================
CERTIFICATE CARD
==================================================*/

.srpmcert-card{

    height:100%;

    background:#fff;

    border:1px solid #E8EEF7;

    border-radius:22px;

    padding:35px;

    text-align:center;

    box-shadow:0 15px 45px rgba(0,0,0,.05);

    transition:.35s;

    position:relative;

    overflow:hidden;

}

.srpmcert-card:hover{

    transform:translateY(-10px);

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

    border-color:#0A4DB3;

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

.srpmcert-icon{

    width:85px;

    height:85px;

    margin:0 auto 25px;

    border-radius:22px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:linear-gradient(135deg,#EEF5FF,#D9EAFF);

    transition:.35s;

}

.srpmcert-icon i{

    font-size:34px;

    color:#0A4DB3;

    transition:.35s;

}

.srpmcert-card:hover .srpmcert-icon{

    background:linear-gradient(135deg,#0A4DB3,#2AA8FF);

    transform:rotate(-8deg);

}

.srpmcert-card:hover .srpmcert-icon i{

    color:#fff;

}
/*==================================================
CARD CONTENT
==================================================*/

.srpmcert-card h3{

    font-size:24px;

    color:#13294B;

    font-weight:700;

    margin-bottom:16px;

}

.srpmcert-card p{

    font-size:16px;

    color:#667085;

    line-height:29px;

    margin-bottom:25px;

}

.srpmcert-card span{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:10px 18px;

    border-radius:30px;

    background:#EEF5FF;

    color:#0A4DB3;

    font-size:14px;

    font-weight:600;

}

.srpmcert-card span i{

    color:#22C55E;

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

.srpmcert-bottom{

    margin-top:70px;

    padding:40px;

    border-radius:24px;

    background:linear-gradient(135deg,#0A4DB3,#1D7AF2);

    color:#fff;

    box-shadow:0 25px 60px rgba(10,77,179,.18);

}

.srpmcert-bottom h4{

    font-size:30px;

    font-weight:700;

    margin-bottom:12px;

}

.srpmcert-bottom p{

    margin:0;

    color:#E6F0FF;

    font-size:16px;

    line-height:30px;

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

.srpmcert-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:16px 34px;

    border-radius:12px;

    background:#fff;

    color:#0A4DB3;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.srpmcert-btn:hover{

    color:#0A4DB3;

    transform:translateY(-5px);

    box-shadow:0 15px 35px rgba(255,255,255,.20);

}

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

@media (max-width:1199px){

.srpmcert{

padding:90px 0;

}

.srpmcert-heading{

margin-bottom:50px;

}

.srpmcert-heading h2{

font-size:38px;

}

.srpmcert-card{

padding:30px;

}

.srpmcert-bottom{

padding:35px;

}

.srpmcert-bottom h4{

font-size:28px;

}

}

/*==================================================
991px
==================================================*/

@media (max-width:991px){

.srpmcert{

padding:80px 0;

}

.srpmcert-bottom{

text-align:center;

}

.srpmcert-btn{

margin-top:25px;

}

}

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

@media (max-width:767px){

.srpmcert{

padding:70px 0;

}

.srpmcert-heading{

margin-bottom:40px;

}

.srpmcert-tag{

font-size:13px;

padding:8px 18px;

}

.srpmcert-heading h2{

font-size:30px;

line-height:1.35;

}

.srpmcert-heading p{

font-size:15px;

line-height:28px;

}

.srpmcert-card{

padding:25px 20px;

border-radius:18px;

}

.srpmcert-icon{

width:70px;

height:70px;

margin-bottom:20px;

border-radius:18px;

}

.srpmcert-icon i{

font-size:28px;

}

.srpmcert-card h3{

font-size:20px;

}

.srpmcert-card p{

font-size:15px;

line-height:27px;

}

.srpmcert-card span{

font-size:13px;

padding:9px 15px;

}

.srpmcert-bottom{

padding:28px 20px;

text-align:center;

margin-top:45px;

}

.srpmcert-bottom h4{

font-size:24px;

line-height:1.4;

}

.srpmcert-bottom p{

font-size:15px;

line-height:28px;

margin-bottom:20px;

}

.srpmcert-btn{

width:100%;

justify-content:center;

}

}


/*==================================================
GOOGLE REVIEW SECTION
==================================================*/

.srpmreview{

    position:relative;

    padding:110px 0;

    background:#F8FAFD;

    overflow:hidden;

}

.srpmreview::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(10,77,179,.04);

    top:-180px;

    left:-180px;

}

.srpmreview::after{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

    border-radius:50%;

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

    right:-120px;

    bottom:-120px;

}

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

.srpmreview-heading{

    max-width:760px;

    margin:0 auto 55px;

}

.srpmreview-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    background:#EEF5FF;

    border-radius:40px;

    color:#0A4DB3;

    font-size:14px;

    font-weight:700;

    margin-bottom:20px;

}

.srpmreview-tag i{

    color:#4285F4;

}

.srpmreview-heading h2{

    font-size:44px;

    font-weight:800;

    color:#13294B;

    line-height:1.25;

    margin-bottom:20px;

}

.srpmreview-heading h2 span{

    color:#0A4DB3;

}

.srpmreview-heading p{

    font-size:17px;

    line-height:31px;

    color:#667085;

}

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

.srpmreview-rating{

    max-width:420px;

    margin:0 auto 60px;

    background:#fff;

    border-radius:22px;

    padding:25px;

    display:flex;

    align-items:center;

    gap:20px;

    box-shadow:0 18px 45px rgba(0,0,0,.05);

    border:1px solid #E8EEF7;

}

.srpmreview-google{

    width:70px;

    height:70px;

    border-radius:18px;

    background:#EEF5FF;

    display:flex;

    justify-content:center;

    align-items:center;

}

.srpmreview-google i{

    font-size:34px;

    color:#4285F4;

}

.srpmreview-rating h3{

    font-size:30px;

    color:#13294B;

    margin-bottom:6px;

}

.srpmreview-rating span{

    color:#667085;

    font-size:14px;

}

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

.srpmreview-stars{

    display:flex;

    gap:4px;

    margin:10px 0;

}

.srpmreview-stars i{

    color:#FFC107;

    font-size:15px;

}

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

.srpmreview-card{

    background:#fff;

    border-radius:22px;

    padding:32px;

    border:1px solid #E8EEF7;

    box-shadow:0 15px 45px rgba(0,0,0,.05);

    transition:.35s;

     height:100%;

    min-height:340px; /* Adjust as needed */
	 display:flex;

    flex-direction:column;

    width:100%;

}

.srpmreview-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(10,77,179,.12);

}

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

.srpmreview-top{

    
    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    margin-bottom:20px;

    flex-shrink:0;

}

.srpmreview-user{

    display:flex;

    align-items:center;

    gap:15px;

}

.srpmreview-user img{

    width:60px;

    height:60px;

    border-radius:50%;

    object-fit:cover;

}

.srpmreview-user h4{

    font-size:20px;

    color:#13294B;

    margin-bottom:5px;

    font-weight:700;

}

.srpmreview-user span{

    color:#22C55E;

    font-size:14px;

    font-weight:600;

}

.srpmreview-top>.fa-google{

    font-size:30px;

    color:#4285F4;

}

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

.srpmreview-card p{

    font-size:16px;

    color:#667085;

    line-height:30px;

    margin:0;

}



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

@media (max-width:1199px){

.srpmreview{

padding:90px 0;

}

.srpmreview-heading h2{

font-size:38px;

}

.srpmreview-card{

padding:28px;

}

.srpmreview-user h4{

font-size:18px;

}

}

/*==================================================
991px
==================================================*/

@media (max-width:991px){

.srpmreview{

padding:80px 0;

}

.srpmreview-rating{

max-width:100%;

}

.srpmreview-prev,

.srpmreview-next{

display:none;

}

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

@media (max-width:767px){

.srpmreview{

padding:70px 0;

}

.srpmreview-heading{

margin-bottom:35px;

}

.srpmreview-tag{

font-size:13px;

padding:8px 18px;

}

.srpmreview-heading h2{

font-size:30px;

line-height:1.35;

}

.srpmreview-heading p{

font-size:15px;

line-height:28px;

}

.srpmreview-rating{

padding:20px;

gap:15px;

margin-bottom:35px;

}

.srpmreview-google{

width:60px;

height:60px;

}

.srpmreview-google i{

font-size:28px;

}

.srpmreview-rating h3{

font-size:24px;

}

.srpmreview-card{

padding:22px;

border-radius:18px;

}

.srpmreview-top{

margin-bottom:16px;

}

.srpmreview-user{

gap:12px;

}

.srpmreview-user img{

width:52px;

height:52px;

}

.srpmreview-user h4{

font-size:17px;

}

.srpmreview-user span{

font-size:13px;

}

.srpmreview-top>.fa-google{

font-size:24px;

}

.srpmreview-stars{

margin:8px 0 14px;
flex-shrink:0;

}

.srpmreview-stars i{

font-size:14px;

}

.srpmreview-card p{

font-size:15px;

line-height:27px;
flex:1;

}

}
/*==================================================
AVATAR
==================================================*/

.srpmreview-user img{

transition:.35s;

border:3px solid #EEF5FF;

}

.srpmreview-card:hover .srpmreview-user img{

transform:scale(1.08);

border-color:#0A4DB3;

}

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

.srpmreview-google,

.srpmreview-top>.fa-google{

transition:.35s;

}

.srpmreview-card:hover .fa-google{

transform:rotate(-10deg) scale(1.15);

}

.srpmreview-rating:hover .srpmreview-google{

transform:rotate(8deg);

}

/*==================================================
SWIPER NAVIGATION
==================================================*/

.srpmreview-slider{

    position:relative;

    padding:0 70px 60px;

}

.srpmreview-prev,
.srpmreview-next{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    width:54px;

    height:54px;

    border-radius:50%;

    background:#fff;

    border:1px solid #E8EEF7;

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

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

    transition:.35s;

    z-index:20;

}

.srpmreview-prev{

    left:8px;

}

.srpmreview-next{

    right:8px;

}

.srpmreview-prev i,
.srpmreview-next i{

    color:#0A4DB3;

    font-size:18px;

    transition:.35s;

}

.srpmreview-prev:hover,
.srpmreview-next:hover{

    background:#0A4DB3;

    border-color:#0A4DB3;

    transform:translateY(-50%) scale(1.08);

}

.srpmreview-prev:hover i,
.srpmreview-next:hover i{

    color:#fff;

}

/*==================================================
CUSTOMER AVATAR
==================================================*/

.srpmreview-avatar{

    width:62px;

    height:62px;

    min-width:62px;

    border-radius:50%;

    background:linear-gradient(135deg,#0A4DB3,#2AA8FF);

    display:flex;

    align-items:center;

    justify-content:center;

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

    transition:.35s;

}

.srpmreview-avatar i{

    font-size:24px;

    color:#fff;

    transition:.35s;

}

/* Hover */

.srpmreview-card:hover .srpmreview-avatar{

    transform:scale(1.08) rotate(-8deg);

    box-shadow:0 15px 35px rgba(10,77,179,.35);

}

.srpmreview-card:hover .srpmreview-avatar i{

    transform:scale(1.15);

}

.srpmreview-user span{

    display:flex;

    align-items:center;

    gap:6px;

    font-size:14px;

    color:#22C55E;

    font-weight:600;

}

.srpmreview-user span i{

    font-size:13px;

}

@media(max-width:767px){

.srpmreview-avatar{

    width:52px;

    height:52px;

    min-width:52px;

}

.srpmreview-avatar i{

    font-size:20px;

}

}

/*=========================================
BOTTOM NAVIGATION
=========================================*/

.srpmreview-bottom{

    margin-top:40px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

}

/*=========================================
PAGINATION
=========================================*/

.srpmreview-bottom .swiper-pagination{

    position:relative;

    width:auto;

    display:flex;

    align-items:center;

    gap:10px;

    margin:0;

}

.srpmreview-bottom .swiper-pagination-bullet{

    width:12px;

    height:12px;

    margin:0 !important;

    background:#C7D5EB;

    opacity:1;

    transition:.35s;

}

.srpmreview-bottom .swiper-pagination-bullet-active{

    width:34px;

    border-radius:30px;

    background:#0A4DB3;

}

/*=========================================
RIGHT NAVIGATION
=========================================*/

.srpmreview-navigation{

    display:flex;

    align-items:center;

    gap:15px;

}

.srpmreview-prev,

.srpmreview-next{

    position:relative;

    top:auto;

    left:auto;

    right:auto;

    transform:none;

    width:52px;

    height:52px;

    border-radius:50%;

    background:#fff;

    border:1px solid #E6ECF5;

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

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

    transition:.35s;

}

.srpmreview-prev i,

.srpmreview-next i{

    color:#0A4DB3;

    font-size:18px;

}

.srpmreview-prev:hover,

.srpmreview-next:hover{

    background:#0A4DB3;

    border-color:#0A4DB3;

    transform:translateY(-3px);

}

.srpmreview-prev:hover i,

.srpmreview-next:hover i{

    color:#fff;

}
@media(max-width:767px){

.srpmreview-bottom{

display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    margin-top:25px;

}

.srpmreview-bottom .swiper-pagination{

  position:relative;

    width:auto;

    margin:0;

    display:flex;

    align-items:center;

    justify-content:flex-start;

    flex:1;

}

.srpmreview-navigation{

 display:flex;

    align-items:center;

    justify-content:flex-end;

    gap:10px;

}

.srpmreview-prev,

.srpmreview-next{

    width:42px;

    height:42px;

    position:relative;

    top:auto;

    left:auto;

    right:auto;

    transform:none;

    flex-shrink:0;
}
.srpmreview-prev i,
.srpmreview-next i{

    font-size:15px;

}

.srpmreview .swiper-pagination-bullet{

    width:10px;

    height:10px;

}

.srpmreview .swiper-pagination-bullet-active{

    width:28px;

}
}

/*=========================================
EQUAL HEIGHT REVIEW CARD
=========================================*/

.srpmreview-slider .swiper-wrapper{

    align-items:stretch;

}

.srpmreview-slider .swiper-slide{

    height:auto;

    display:flex;

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

.srpmfooter{

    position:relative;

    background:#0B1F3A;

    color:#fff;

    overflow:hidden;

}

.srpmfooter::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

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

    top:-180px;

    right:-180px;

}

.srpmfooter::after{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    border-radius:50%;

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

    left:-120px;

    bottom:-120px;

}

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

.srpmfooter-top{

    background:linear-gradient(135deg,#0A4DB3,#1D7AF2);

    padding:45px 0;

}

.srpmfooter-top-content span{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:40px;

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

    font-size:14px;

    font-weight:700;

    margin-bottom:18px;

}

.srpmfooter-top-content span i{

    color:#FFD54A;

}

.srpmfooter-top-content h2{

    font-size:34px;

    font-weight:700;

    line-height:1.3;

    margin-bottom:12px;

}

.srpmfooter-top-content p{

    margin:0;

    color:#E5EEFF;

    font-size:16px;

    line-height:28px;

}

.srpmfooter-top-btn{

    text-align:right;

}

.srpmfooter-top-btn a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:16px 34px;

    background:#fff;

    color:#0A4DB3;

    text-decoration:none;

    border-radius:12px;

    font-weight:700;

    transition:.35s;

}

.srpmfooter-top-btn a:hover{

    transform:translateY(-5px);

}

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

.srpmfooter-main{

    padding:80px 0 55px;

}

.srpmfooter-widget{

    position:relative;

}

.srpmfooter-logo img{

    max-width:220px;

    margin-bottom:25px;

}

.srpmfooter-widget p{

    color:#C5D2E5;

    font-size:15px;

    line-height:29px;

    margin-bottom:30px;

}

.srpmfooter-widget h4{

    font-size:22px;

    font-weight:700;

    margin-bottom:28px;

    position:relative;

    padding-bottom:12px;

}

.srpmfooter-widget h4::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:55px;

    height:3px;

    background:#2AA8FF;

    border-radius:30px;

}

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

.srpmfooter-rating{

    display:flex;

    align-items:center;

    gap:18px;

    padding:18px;

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

    border:1px solid rgba(255,255,255,.08);

    border-radius:18px;

    margin-bottom:28px;

}

.srpmfooter-rating i{

    font-size:34px;

    color:#4285F4;

}

.srpmfooter-rating strong{

    display:block;

    font-size:17px;

    margin-bottom:5px;

}

.srpmfooter-rating span{

    color:#C5D2E5;

    font-size:14px;

}

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

.srpmfooter-social{

    display:flex;

    gap:14px;

}

.srpmfooter-social a{

    width:46px;

    height:46px;

    border-radius:50%;

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

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    text-decoration:none;

    transition:.35s;

}

.srpmfooter-social a:hover{

    background:#0A4DB3;

    transform:translateY(-5px);

}

/*==================================================
LINKS
==================================================*/

.srpmfooter-widget ul{

    margin:0;

    padding:0;

    list-style:none;

}

.srpmfooter-widget ul li{

    margin-bottom:14px;

}

.srpmfooter-widget ul li a{

    color:#C5D2E5;

    text-decoration:none;

    transition:.35s;

    font-size:15px;

}

.srpmfooter-widget ul li a:hover{

    color:#fff;

    padding-left:10px;

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

.srpmfooter-contact{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.srpmfooter-contact div{

   display:flex;

    align-items:flex-start;

    gap:15px;

    margin-bottom:20px;


}

.srpmfooter-contact i{

    width:42px;

    height:42px;

    min-width:42px;

    display:flex;

    align-items:center;

    justify-content:center;

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

    border-radius:12px;

    color:#F58220;

    font-size:17px;

}

.srpmfooter-contact span{

   line-height:28px;

    color:#D9E3F0;

    font-size:15px;

}
.srpmfooter-contact a{

    color:#D9E3F0;

    text-decoration:none;

    transition:.3s;

}

.srpmfooter-contact a:hover{

    color:#F58220;

}
.srpmfooter-contact strong{

    color:#ffffff;

    font-weight:600;

}
/*==================================================
BOTTOM
==================================================*/

.srpmfooter-bottom{

    border-top:1px solid rgba(255,255,255,.08);

    padding:22px 0;

}

.srpmfooter-bottom p{

    margin:0;

    color:#C5D2E5;

    font-size:15px;

}

.srpmfooter-bottom-links{

    display:flex;

    justify-content:flex-end;

    gap:25px;

}

.srpmfooter-bottom-links a{

    color:#C5D2E5;

    text-decoration:none;

    font-size:15px;

    transition:.35s;

}

.srpmfooter-bottom-links a:hover{

    color:#fff;

}

/*==================================================
SCROLL TOP
==================================================*/

.srpm-scrolltop{

    position:fixed;

    right:25px;

    bottom:25px;

    width:52px;

    height:52px;

    border-radius:50%;

    background:linear-gradient(135deg,#0A4DB3,#2AA8FF);

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    font-size:18px;

    box-shadow:0 15px 35px rgba(10,77,179,.30);

    transition:.35s;

    z-index:999;

}

.srpm-scrolltop:hover{

    color:#fff;

    transform:translateY(-6px);

}

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

@media(max-width:1199px){

.srpmfooter-main{

padding:70px 0 50px;

}

.srpmfooter-top-content h2{

font-size:30px;

}

.srpmfooter-widget h4{

font-size:20px;

}

}

/*==================================================
991px
==================================================*/

@media(max-width:991px){

.srpmfooter-top{

text-align:center;

}

.srpmfooter-top-btn{

text-align:center;

margin-top:25px;

}

.srpmfooter-main{

padding:65px 0 45px;

}

.srpmfooter-widget{

margin-bottom:20px;

}

.srpmfooter-bottom{

text-align:center;

}

.srpmfooter-bottom-links{

justify-content:center;

margin-top:15px;

flex-wrap:wrap;

}

}

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

@media (max-width:767px){

.srpmfooter-top{

    padding:35px 0;
    text-align:center;

}

.srpmfooter-top-content h2{

    font-size:26px;
    line-height:1.4;

}

.srpmfooter-top-btn{

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

}

.srpmfooter-top-btn a{

    width:100%;
    justify-content:center;

}

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

.srpmfooter-main{

    padding:55px 0 35px;

}

/* Company Widget */

.srpmfooter-widget{

    text-align:left;
    margin-bottom:35px;

}

.srpmfooter-logo{

    display:block;

}

.srpmfooter-logo img{

    max-width:180px;

}

/* Heading */

.srpmfooter-widget h4{

    font-size:20px;

}

.srpmfooter-widget h4::after{

    left:0;
    transform:none;

}

/* Description */

.srpmfooter-widget p{

    text-align:left;

}

/* Google Rating */

.srpmfooter-rating{

    flex-direction:row;
    align-items:center;
    text-align:left;

}

/* Social Icons */

.srpmfooter-social{

    justify-content:flex-start;

}

/* Links */

.srpmfooter-widget ul{

    text-align:left;

}

.srpmfooter-widget ul li{

    text-align:left;

}

/* Contact */

.srpmfooter-contact{

    align-items:flex-start;

}

.srpmfooter-contact div{

    justify-content:flex-start;
    align-items:flex-start;
    text-align:left;

}

.srpmfooter-contact span{

    text-align:left;

}

/* Copyright */

.srpmfooter-bottom{

    text-align:center;

}

.srpmfooter-bottom-links{

    justify-content:center;
    gap:12px;
    flex-wrap:wrap;
    margin-top:12px;

}

.srpmfooter-bottom p{

    font-size:14px;
    line-height:24px;

}

/* Scroll Button */

.srpm-scrolltop{

    width:46px;
    height:46px;
    right:15px;
    bottom:15px;

}

}
/*==================================================
FOOTER HOVER
==================================================*/

.srpmfooter-widget{

transition:.35s;

}

.srpmfooter-widget:hover{

transform:translateY(-6px);

}

.srpmfooter-widget ul li{

transition:.35s;

}

.srpmfooter-widget ul li:hover{

padding-left:8px;

}

.srpmfooter-contact div{

transition:.35s;

}

.srpmfooter-contact div:hover{

transform:translateX(8px);

}

.srpmfooter-contact div:hover i{

background:#0A4DB3;

color:#fff;

}

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

.srpmfooter-social a{

position:relative;

overflow:hidden;

}

.srpmfooter-social a::before{

content:"";

position:absolute;

width:0;

height:0;

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

border-radius:50%;

transition:.45s;

}

.srpmfooter-social a:hover::before{

width:100%;

height:100%;

}

.srpmfooter-social a i{

position:relative;

z-index:2;

transition:.35s;

}

.srpmfooter-social a:hover i{

transform:rotate(360deg);

}

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

.srpmfooter-social a{

position:relative;

overflow:hidden;

}

.srpmfooter-social a::before{

content:"";

position:absolute;

width:0;

height:0;

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

border-radius:50%;

transition:.45s;

}

.srpmfooter-social a:hover::before{

width:100%;

height:100%;

}

.srpmfooter-social a i{

position:relative;

z-index:2;

transition:.35s;

}

.srpmfooter-social a:hover i{

transform:rotate(360deg);

}


/*==================================================
SERVICE AREA SECTION
==================================================*/

.srpmarea{

    position:relative;

    padding:110px 0;

    background:#F8FAFD;

    overflow:hidden;

}

.srpmarea::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(10,77,179,.04);

    top:-180px;

    left:-180px;

}

.srpmarea::after{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    border-radius:50%;

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

    bottom:-140px;

    right:-140px;

}

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

.srpmarea-content{

    position:relative;

    z-index:2;

}

.srpmarea-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    background:#EEF5FF;

    color:#0A4DB3;

    border-radius:40px;

    font-size:14px;

    font-weight:700;

    margin-bottom:22px;

}

.srpmarea-tag i{

    color:#F58220;

}

.srpmarea-content h2{

    font-size:50px;

    font-weight:800;

    line-height:1.2;

    color:#13294B;

    margin-bottom:25px;

}

.srpmarea-content h2 span{

    display:block;

    color:#F58220;

}

.srpmarea-content p{

    font-size:17px;

    line-height:32px;

    color:#667085;

    margin-bottom:22px;

}

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

.srpmarea-info{

    display:flex;

    gap:20px;

    align-items:center;

    background:#fff;

    border-left:5px solid #F58220;

    border-radius:18px;

    padding:24px;

    margin:35px 0;

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

}

.srpmarea-info-icon{

    width:70px;

    height:70px;

    min-width:70px;

    border-radius:16px;

    background:#173D69;

    display:flex;

    align-items:center;

    justify-content:center;

}

.srpmarea-info-icon i{

    color:#fff;

    font-size:28px;

}

.srpmarea-info h4{

    font-size:24px;

    font-weight:700;

    color:#173D69;

    margin-bottom:8px;

}

.srpmarea-info p{

    margin:0;

    font-size:15px;

    line-height:28px;

}

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

.srpmarea-buttons{

    display:flex;

    gap:16px;

    flex-wrap:wrap;

}

.srpmarea-btn,

.srpmarea-call{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:16px 30px;

    border-radius:12px;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.srpmarea-btn{

    background:#F58220;

    color:#fff;

}

.srpmarea-btn:hover{

    background:#d96c0d;

    color:#fff;

    transform:translateY(-4px);

}

.srpmarea-call{

    background:#fff;

    color:#173D69;

    border:2px solid #D9E5F5;

}

.srpmarea-call:hover{

    background:#173D69;

    color:#fff;

    border-color:#173D69;

}

/*==================================================
RIGHT PANEL
==================================================*/

.srpmarea-box{

    position:relative;

    background:linear-gradient(135deg,#173D69,#0E2C52);

    border-radius:28px;

    padding:35px;

    color:#fff;

    overflow:hidden;

    box-shadow:0 30px 70px rgba(23,61,105,.20);

}

.srpmarea-box::before{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    border-radius:50%;

    border:50px solid rgba(255,255,255,.03);

    top:-120px;

    right:-90px;

}

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

.srpmarea-header{

    display:flex;

    align-items:center;

    gap:18px;

    margin-bottom:30px;

    padding-bottom:25px;

    border-bottom:1px solid rgba(255,255,255,.12);

}

.srpmarea-header-icon{

    width:70px;

    height:70px;

    border-radius:18px;

    background:#F58220;

    display:flex;

    align-items:center;

    justify-content:center;

}

.srpmarea-header-icon i{

    font-size:30px;

    color:#fff;

}

.srpmarea-header span{

    color:#F58220;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

}

.srpmarea-header h3{

    margin-top:6px;

    font-size:34px;

    font-weight:700;

}

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

.srpmarea-city{

    display:flex;

    align-items:center;

    gap:10px;

    height:58px;

    padding:0 18px;

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

    border:1px solid rgba(255,255,255,.10);

    border-radius:10px;

    font-size:16px;

    font-weight:600;

    transition:.35s;

}

.srpmarea-city i{

    color:#F58220;

    font-size:13px;

}

.srpmarea-city:hover{

    background:#F58220;

    transform:translateY(-4px);

}

.srpmarea-city:hover i,

.srpmarea-city:hover{

    color:#fff;

}

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

.srpmarea-bottom{

    margin-top:35px;

    padding-top:25px;

    border-top:1px solid rgba(255,255,255,.12);

    display:flex;

    align-items:flex-start;

    gap:12px;

    color:#D8E4F5;

    font-size:15px;

    line-height:28px;

}

.srpmarea-bottom i{

    color:#F58220;

    margin-top:4px;

}

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

@media(max-width:1199px){

.srpmarea{

    padding:90px 0;

}

.srpmarea-content h2{

    font-size:42px;

}

.srpmarea-box{

    padding:30px;

}

.srpmarea-header h3{

    font-size:28px;

}

.srpmarea-info h4{

    font-size:21px;

}

}

/*==================================================
991px
==================================================*/

@media(max-width:991px){

.srpmarea{

    padding:80px 0;

}

.srpmarea-content{

    margin-bottom:20px;

}

.srpmarea-box{

    margin-top:20px;

}

.srpmarea-buttons{

    justify-content:center;

}

.srpmarea-header{

    margin-bottom:25px;

}

}

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

@media(max-width:767px){

.srpmarea{

    padding:70px 0;

}

.srpmarea-tag{

    font-size:13px;

    padding:8px 18px;

}

.srpmarea-content h2{

    font-size:32px;

    line-height:1.35;

}

.srpmarea-content p{

    font-size:15px;

    line-height:28px;

}

.srpmarea-info{

    padding:18px;

    gap:15px;

}

.srpmarea-info-icon{

    width:55px;

    height:55px;

    min-width:55px;

}

.srpmarea-info-icon i{

    font-size:22px;

}

.srpmarea-info h4{

    font-size:18px;

}

.srpmarea-info p{

    font-size:14px;

    line-height:24px;

}

.srpmarea-buttons{

    flex-direction:column;

}

.srpmarea-btn,

.srpmarea-call{

    width:100%;

    justify-content:center;

}

.srpmarea-box{

    padding:22px;

    border-radius:22px;

}

.srpmarea-header{

    gap:14px;

    padding-bottom:18px;

    margin-bottom:20px;

}

.srpmarea-header-icon{

    width:55px;

    height:55px;

    border-radius:14px;

}

.srpmarea-header-icon i{

    font-size:24px;

}

.srpmarea-header h3{

    font-size:22px;

    line-height:1.4;

}

.srpmarea-header span{

    font-size:12px;

}

.srpmarea-city{

    height:48px;

    padding:0 14px;

    font-size:14px;

    border-radius:8px;

}

.srpmarea-city i{

    font-size:11px;

}

.srpmarea-bottom{

    font-size:14px;

    line-height:24px;

    margin-top:25px;

    padding-top:20px;

}

}

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

.srpmarea-glow1,

.srpmarea-glow2{

    position:absolute;

    border-radius:50%;

    filter:blur(90px);

    pointer-events:none;

    z-index:0;

}

.srpmarea-glow1{

    width:220px;

    height:220px;

    background:rgba(245,130,32,.08);

    top:5%;

    left:3%;

    animation:areaGlowOne 8s ease-in-out infinite;

}

.srpmarea-glow2{

    width:260px;

    height:260px;

    background:rgba(23,61,105,.08);

    right:2%;

    bottom:5%;

    animation:areaGlowTwo 10s ease-in-out infinite;

}

@keyframes areaGlowOne{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-20px);

}

}

@keyframes areaGlowTwo{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(20px);

}

}

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

.srpmareas{

    position:relative;

    padding:110px 0;

    background:#f8fbff;

    overflow:hidden;

}

.srpmareas::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    border-radius:50%;

    background:rgba(23,61,105,.04);

    top:-180px;

    left:-180px;

}

.srpmareas::after{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    border-radius:50%;

    background:rgba(245,130,32,.05);

    right:-150px;

    bottom:-150px;

}

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

.srpmareas-heading{

    max-width:760px;

    margin:0 auto 65px;

}

.srpmareas-heading span{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    background:#EEF5FF;

    color:#173D69;

    border-radius:40px;

    font-size:14px;

    font-weight:700;

}

.srpmareas-heading span i{

    color:#F58220;

}

.srpmareas-heading h2{

    margin:22px 0;

    font-size:48px;

    font-weight:800;

    color:#173D69;

    line-height:1.25;

}

.srpmareas-heading h2 span{

    display:block;

    background:none;

    padding:0;

    color:#F58220;

    font-size:48px;

}

.srpmareas-heading p{

    font-size:17px;

    line-height:31px;

    color:#667085;

}

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

.srpmareas-card{

    background:#fff;

    border-radius:22px;

    padding:32px;

    border:1px solid #E8EEF7;

    height:100%;

    box-shadow:0 15px 45px rgba(0,0,0,.05);

    transition:.35s;

    position:relative;

    overflow:hidden;

}

.srpmareas-card:hover{

    transform:translateY(-8px);

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

}

.srpmareas-card::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:60%;

    height:100%;

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

    transform:skewX(-25deg);

    transition:.8s;

}

.srpmareas-card:hover::before{

    left:180%;

}

/*==================================================
TITLE
==================================================*/

.srpmareas-title{

    display:flex;

    align-items:center;

    gap:16px;

    margin-bottom:28px;

}

.srpmareas-title i{

    width:62px;

    height:62px;

    border-radius:16px;

    background:linear-gradient(135deg,#173D69,#285b96);

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

}

.srpmareas-title h3{

    margin:0;

    font-size:28px;

    color:#173D69;

    font-weight:700;

}

/*==================================================
LINKS
==================================================*/

.srpmareas-links{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

}
.srpmareas-links a::before{

    font-family:"Font Awesome 6 Free";

    font-weight:900;

    content:"\f3c5";

    color:#F58220;

    margin-right:8px;

}

.srpmareas-links a:hover::before{

    color:#fff;

}
.srpmareas-links a{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:12px 18px;

    text-decoration:none;

    border-radius:50px;

    background:#F4F8FD;

    color:#173D69;

    font-size:15px;

    font-weight:600;

    transition:.35s;

}

.srpmareas-links a i{

    color:#F58220;

    font-size:13px;

    transition:.3s;

}

.srpmareas-links a:hover i{

    color:#fff;

}
.srpmareas-links a:hover{

    background:#F58220;

    color:#fff;

    transform:translateY(-3px);

}

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

@media(max-width:991px){

.srpmareas{

padding:85px 0;

}

.srpmareas-heading{

margin-bottom:50px;

}

.srpmareas-heading h2{

font-size:38px;

}

.srpmareas-heading h2 span{

font-size:38px;

}

.srpmareas-card{

padding:28px;

}

.srpmareas-title h3{

font-size:24px;

}

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

@media(max-width:767px){

.srpmareas{

padding:70px 0;

}

.srpmareas-heading{

margin-bottom:40px;

}

.srpmareas-heading span{

font-size:13px;

padding:8px 18px;

}

.srpmareas-heading h2{

font-size:30px;

line-height:1.35;

margin:18px 0;

}

.srpmareas-heading h2 span{

font-size:30px;

}

.srpmareas-heading p{

font-size:15px;

line-height:28px;

}

.srpmareas-card{

padding:22px;

border-radius:18px;

}

.srpmareas-title{

gap:12px;

margin-bottom:20px;

}

.srpmareas-title i{

width:50px;

height:50px;

font-size:20px;

border-radius:12px;

}

.srpmareas-title h3{

font-size:20px;

}

.srpmareas-links{

gap:10px;

}

.srpmareas-links a{

font-size:14px;

padding:10px 14px;

}

}

.srpmareas-title small{

display:block;

margin-top:4px;

font-size:13px;

font-weight:600;

color:#F58220;

letter-spacing:.4px;

text-transform:uppercase;

}


/*=========================================
PAN INDIA NETWORK
==========================================*/

.srpnet{

    position:relative;

    padding:110px 0;

    background:#f7f9fc;

    overflow:hidden;

}

.srpnet::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(23,61,105,.04);

    top:-180px;

    left:-180px;

}

.srpnet::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(245,130,32,.05);

    right:-120px;

    bottom:-120px;

}

/*=========================================
LEFT SIDE
==========================================*/

.srpnet-left{

    position:relative;

    z-index:2;

}

.srpnet-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    background:#EEF5FF;

    color:#173D69;

    padding:10px 22px;

    border-radius:40px;

    font-size:14px;

    font-weight:700;

    margin-bottom:25px;

}

.srpnet-tag i{

    color:#F58220;

}

.srpnet-left h2{

    font-size:50px;

    font-weight:800;

    color:#173D69;

    line-height:1.2;

    margin-bottom:25px;

}

.srpnet-left h2 span{

    display:block;

    color:#F58220;

}

.srpnet-left p{

    font-size:17px;

    line-height:31px;

    color:#667085;

    margin-bottom:18px;

}

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

.srpnet-highlight{

    display:flex;

    gap:18px;

    align-items:center;

    background:#fff;

    padding:25px;

    border-radius:18px;

    margin:35px 0;

    border-left:5px solid #F58220;

    box-shadow:0 20px 40px rgba(0,0,0,.05);

}

.srpnet-icon{

    width:70px;

    height:70px;

    min-width:70px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#173D69;

    color:#fff;

    border-radius:18px;

    font-size:28px;

}

.srpnet-highlight h4{

    margin-bottom:8px;

    font-size:22px;

    color:#173D69;

    font-weight:700;

}

.srpnet-highlight p{

    margin:0;

    font-size:15px;

}

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

.srpnet-buttons{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

}

.srpnet-btn,

.srpnet-call{

    display:inline-flex;

    align-items:center;

    gap:10px;

    text-decoration:none;

    padding:16px 28px;

    border-radius:12px;

    font-weight:700;

    transition:.35s;

}

.srpnet-btn{

    background:#F58220;

    color:#fff;

}

.srpnet-btn:hover{

    background:#d76d12;

    color:#fff;

    transform:translateY(-4px);

}

.srpnet-call{

    border:2px solid #173D69;

    color:#173D69;

    background:#fff;

}

.srpnet-call:hover{

    background:#173D69;

    color:#fff;

}

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

.srpnet-card{

    background:linear-gradient(135deg,#173D69,#0f2f58);

    border-radius:24px;

    padding:35px;

    color:#fff;

    position:relative;

    overflow:hidden;

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

}

.srpnet-card::before{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

    border-radius:50%;

    border:50px solid rgba(255,255,255,.03);

    top:-120px;

    right:-80px;

}

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

.srpnet-header{

    display:flex;

    gap:18px;

    align-items:center;

    margin-bottom:30px;

    padding-bottom:25px;

    border-bottom:1px solid rgba(255,255,255,.12);

}

.srpnet-header-icon{

    width:72px;

    height:72px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:18px;

    background:#F58220;

}

.srpnet-header-icon i{

    font-size:30px;

}

.srpnet-header span{

    color:#F9B25D;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

}

.srpnet-header h3{

    margin-top:5px;

    font-size:34px;

    font-weight:700;

}

/*=========================================
CITY LINKS
==========================================*/

.srpnet-city{

    display:flex;

    align-items:center;

    gap:10px;

    height:56px;

    padding:0 18px;

    text-decoration:none;

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

    border:1px solid rgba(255,255,255,.08);

    border-radius:10px;

    color:#fff;

    font-weight:600;

    transition:.35s;

}

.srpnet-city i{

    color:#F58220;

    font-size:13px;

}

.srpnet-city:hover{

    background:#F58220;

    color:#fff;

    transform:translateY(-4px);

}

.srpnet-city:hover i{

    color:#fff;

}

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

.srpnet-footer{

    
    margin-top:30px;

    padding-top:25px;

    border-top:1px solid rgba(255,255,255,.12);

    display:flex;

    align-items:flex-start;

    gap:14px;

    color:#DCE7F8;

}

.srpnet-footer i{

    color:#F58220;

    font-size:18px;

    margin-top:5px;

    flex-shrink:0;

}

.srpnet-footer p{

    margin:0;

    font-size:16px;

    line-height:30px;

    color:#DCE7F8;

}
.srpnet-footer strong{

    color:#FFFFFF;

    font-weight:700;

}

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

@media(max-width:991px){

.srpnet{

padding:90px 0;

}

.srpnet-left h2{

font-size:40px;

}

.srpnet-card{

margin-top:20px;

}

}

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

@media(max-width:767px){

.srpnet{

padding:70px 0;

}

.srpnet-left h2{

font-size:32px;

}

.srpnet-left p{

font-size:15px;

line-height:28px;

}

.srpnet-highlight{

padding:18px;

gap:15px;

}

.srpnet-icon{

width:55px;

height:55px;

min-width:55px;

font-size:22px;

}

.srpnet-highlight h4{

font-size:18px;

}

.srpnet-buttons{

flex-direction:column;

}

.srpnet-btn,

.srpnet-call{

width:100%;

justify-content:center;

}

.srpnet-card{

padding:22px;

border-radius:18px;

}

.srpnet-header{

gap:12px;

margin-bottom:22px;

padding-bottom:18px;

}

.srpnet-header-icon{

width:55px;

height:55px;

border-radius:14px;

}

.srpnet-header-icon i{

font-size:22px;

}

.srpnet-header h3{

font-size:22px;

}

.srpnet-city{

height:46px;

padding:0 14px;

font-size:14px;

}

.srpnet-footer{

font-size:14px;

line-height:24px;
 gap:12px;

}
.srpnet-footer p{

    font-size:14px;

    line-height:26px;

}

.srpnet-footer i{

    font-size:16px;

}
}

/*=========================================
PAN INDIA NETWORK
==========================================*/

.srpnet{

    position:relative;

    padding:110px 0;

    background:#f7f9fc;

    overflow:hidden;

}

.srpnet::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(23,61,105,.04);

    top:-180px;

    left:-180px;

}

.srpnet::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(245,130,32,.05);

    right:-120px;

    bottom:-120px;

}

/*=========================================
LEFT SIDE
==========================================*/

.srpnet-left{

    position:relative;

    z-index:2;

}

.srpnet-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    background:#EEF5FF;

    color:#173D69;

    padding:10px 22px;

    border-radius:40px;

    font-size:14px;

    font-weight:700;

    margin-bottom:25px;

}

.srpnet-tag i{

    color:#F58220;

}

.srpnet-left h2{

    font-size:50px;

    font-weight:800;

    color:#173D69;

    line-height:1.2;

    margin-bottom:25px;

}

.srpnet-left h2 span{

    display:block;

    color:#F58220;

}

.srpnet-left p{

    font-size:17px;

    line-height:31px;

    color:#667085;

    margin-bottom:18px;

}

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

.srpnet-highlight{

    display:flex;

    gap:18px;

    align-items:center;

    background:#fff;

    padding:25px;

    border-radius:18px;

    margin:35px 0;

    border-left:5px solid #F58220;

    box-shadow:0 20px 40px rgba(0,0,0,.05);

}

.srpnet-icon{

    width:70px;

    height:70px;

    min-width:70px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#173D69;

    color:#fff;

    border-radius:18px;

    font-size:28px;

}

.srpnet-highlight h4{

    margin-bottom:8px;

    font-size:22px;

    color:#173D69;

    font-weight:700;

}

.srpnet-highlight p{

    margin:0;

    font-size:15px;

}

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

.srpnet-buttons{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

}

.srpnet-btn,

.srpnet-call{

    display:inline-flex;

    align-items:center;

    gap:10px;

    text-decoration:none;

    padding:16px 28px;

    border-radius:12px;

    font-weight:700;

    transition:.35s;

}

.srpnet-btn{

    background:#F58220;

    color:#fff;

}

.srpnet-btn:hover{

    background:#d76d12;

    color:#fff;

    transform:translateY(-4px);

}

.srpnet-call{

    border:2px solid #173D69;

    color:#173D69;

    background:#fff;

}

.srpnet-call:hover{

    background:#173D69;

    color:#fff;

}

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

.srpnet-card{

    background:linear-gradient(135deg,#173D69,#0f2f58);

    border-radius:24px;

    padding:35px;

    color:#fff;

    position:relative;

    overflow:hidden;

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

}

.srpnet-card::before{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

    border-radius:50%;

    border:50px solid rgba(255,255,255,.03);

    top:-120px;

    right:-80px;

}

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

.srpnet-header{

    display:flex;

    gap:18px;

    align-items:center;

    margin-bottom:30px;

    padding-bottom:25px;

    border-bottom:1px solid rgba(255,255,255,.12);

}

.srpnet-header-icon{

    width:72px;

    height:72px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:18px;

    background:#F58220;

}

.srpnet-header-icon i{

    font-size:30px;

}

.srpnet-header span{

    color:#F9B25D;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

}

.srpnet-header h3{

    margin-top:5px;

    font-size:34px;

    font-weight:700;

}

/*=========================================
CITY LINKS
==========================================*/

.srpnet-city{

    display:flex;

    align-items:center;

    gap:10px;

    height:56px;

    padding:0 18px;

    text-decoration:none;

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

    border:1px solid rgba(255,255,255,.08);

    border-radius:10px;

    color:#fff;

    font-weight:600;

    transition:.35s;

}

.srpnet-city i{

    color:#F58220;

    font-size:13px;

}

.srpnet-city:hover{

    background:#F58220;

    color:#fff;

    transform:translateY(-4px);

}

.srpnet-city:hover i{

    color:#fff;

}

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

.srpnet-footer{

    margin-top:30px;

    padding-top:25px;

    border-top:1px solid rgba(255,255,255,.12);

    display:flex;

    gap:12px;

    align-items:flex-start;

    color:#DCE7F8;

    line-height:28px;

    font-size:15px;

}

.srpnet-footer i{

    color:#F58220;

    margin-top:5px;

}

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

@media(max-width:991px){

.srpnet{

padding:90px 0;

}

.srpnet-left h2{

font-size:40px;

}

.srpnet-card{

margin-top:20px;

}

}

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

@media(max-width:767px){

.srpnet{

padding:70px 0;

}

.srpnet-left h2{

font-size:32px;

}

.srpnet-left p{

font-size:15px;

line-height:28px;

}

.srpnet-highlight{

padding:18px;

gap:15px;

}

.srpnet-icon{

width:55px;

height:55px;

min-width:55px;

font-size:22px;

}

.srpnet-highlight h4{

font-size:18px;

}

.srpnet-buttons{

flex-direction:column;

}

.srpnet-btn,

.srpnet-call{

width:100%;

justify-content:center;

}

.srpnet-card{

padding:22px;

border-radius:18px;

}

.srpnet-header{

gap:12px;

margin-bottom:22px;

padding-bottom:18px;

}

.srpnet-header-icon{

width:55px;

height:55px;

border-radius:14px;

}

.srpnet-header-icon i{

font-size:22px;

}

.srpnet-header h3{

font-size:22px;

}

.srpnet-city{

height:46px;

padding:0 14px;

font-size:14px;

}

.srpnet-footer{

font-size:14px;

line-height:24px;

}

}

/*=========================================
PACKING MATERIAL FEATURES
==========================================*/

.srpnet-features{

    display:grid;

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

    gap:18px;

    margin:35px 0;

}

.srpnet-feature{

    display:flex;

    align-items:flex-start;

    gap:15px;

    background:#fff;

    border:1px solid #E8EEF7;

    border-radius:16px;

    padding:18px;

    transition:.35s;

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

}

.srpnet-feature:hover{

    transform:translateY(-5px);

    border-color:#F58220;

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

}

.srpnet-feature-icon{

    width:52px;

    height:52px;

    min-width:52px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:14px;

    background:linear-gradient(135deg,#173D69,#285B96);

}

.srpnet-feature-icon i{

    color:#fff;

    font-size:20px;

}

.srpnet-feature h5{

    margin:0 0 6px;

    font-size:17px;

    font-weight:700;

    color:#173D69;

}

.srpnet-feature p{

    margin:0;

    font-size:14px;

    line-height:24px;

    color:#667085;

}

@media(max-width:767px){

.srpnet-features{

    grid-template-columns:1fr;

    gap:15px;

}

.srpnet-feature{

    padding:16px;

}

.srpnet-feature-icon{

    width:46px;

    height:46px;

    min-width:46px;

}

.srpnet-feature-icon i{

    font-size:18px;

}

.srpnet-feature h5{

    font-size:16px;

}

.srpnet-feature p{

    font-size:13px;

    line-height:22px;

}

}

/*=========================================
TRUST SECTION
==========================================*/

.srpmtrust{

    position:relative;

    padding:90px 0;

    background:#F8FAFD;

    overflow:hidden;

}

.srpmtrust::before{

    content:"";

    position:absolute;

    width:380px;

    height:380px;

    border-radius:50%;

    background:rgba(23,61,105,.04);

    top:-180px;

    left:-180px;

}

.srpmtrust::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(245,130,32,.05);

    bottom:-140px;

    right:-140px;

}

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

.srpmtrust-heading{

    width:100%;

    max-width:100%;

    margin:0 0 60px;

    text-align:left;

    position:relative;

    z-index:2;

}

.srpmtrust-tag{

       display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    background:#EEF5FF;

    color:#173D69;

    border-radius:50px;

    font-size:14px;

    font-weight:700;

    margin-bottom:20px;

}

.srpmtrust-tag i{

    color:#F58220;

}

.srpmtrust-heading h2{

    margin:0 0 18px;

    font-size:46px;

    font-weight:800;

    line-height:1.25;

    color:#173D69;

}

.srpmtrust-heading h2 span{

    display:block;

    color:#F58220;

}

.srpmtrust-heading p{

        max-width:100%;

    width:100%;

    margin:0;

    font-size:17px;

    line-height:30px;

    color:#667085;

}

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

.srpmtrust-card{

    position:relative;

    background:#fff;

    border-radius:20px;

    padding:35px 28px;

    text-align:center;

    height:100%;

    overflow:hidden;

    border:1px solid #E8EEF7;

    transition:.35s;

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

}

.srpmtrust-card:hover{

    transform:translateY(-8px);

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

}

.srpmtrust-card::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:60%;

    height:100%;

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

    transform:skewX(-25deg);

    transition:.8s;

}

.srpmtrust-card:hover::before{

    left:180%;

}

/*=========================================
TOP BORDER
==========================================*/

.srpmtrust-topline{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:6px;

    background:linear-gradient(90deg,#F58220,#FF3C30);

}

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

.srpmtrust-image{

    width:130px;

    height:130px;

    margin:0 auto 25px;

    display:flex;

    align-items:center;

    justify-content:center;

}

.srpmtrust-image img{

    max-width:100%;

    max-height:100%;

    transition:.35s;

}

.srpmtrust-card:hover .srpmtrust-image img{

    transform:scale(1.08);

}

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

.srpmtrust-card h3{

    font-size:36px;

    font-weight:800;

    color:#173D69;

    margin-bottom:8px;

}

.srpmtrust-card h4{

    font-size:24px;

    font-weight:700;

    color:#173D69;

    margin-bottom:16px;

}

.srpmtrust-card p{

    font-size:15px;

    line-height:28px;

    color:#667085;

    margin:0;

}

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

@media(max-width:1199px){

.srpmtrust{

padding:80px 0;

}

.srpmtrust-heading{

margin-bottom:50px;

}

.srpmtrust-heading h2{

font-size:40px;

}

.srpmtrust-image{

width:115px;

height:115px;

}

.srpmtrust-card{

padding:30px 24px;

}

.srpmtrust-card h3{

font-size:32px;

}

.srpmtrust-card h4{

font-size:22px;

}

}

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

@media(max-width:991px){

.srpmtrust{

padding:75px 0;

}

.srpmtrust-heading{

margin-bottom:45px;

}

.srpmtrust-heading h2{

font-size:36px;

line-height:1.3;

}

.srpmtrust-heading h2 span{

display:block;

}

.srpmtrust-heading p{

font-size:16px;

line-height:28px;

}

.srpmtrust-card{

padding:28px 22px;

}

.srpmtrust-image{

width:105px;

height:105px;

margin-bottom:20px;

}

.srpmtrust-card h3{

font-size:30px;

}

.srpmtrust-card h4{

font-size:21px;

}

}

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

@media(max-width:767px){

.srpmtrust{

padding:65px 0;

}

.srpmtrust-heading{

text-align:center;

margin:0 auto 35px;


}

.srpmtrust-tag{

font-size:12px;

padding:8px 16px;

}

.srpmtrust-heading h2{

font-size:28px;

line-height:1.4;

margin-bottom:15px;

}

.srpmtrust-heading p{

font-size:15px;

line-height:27px;

}

.srpmtrust-card{

padding:24px 18px;

border-radius:16px;

}

.srpmtrust-image{

width:90px;

height:90px;

margin-bottom:18px;

}

.srpmtrust-card h3{

font-size:28px;

margin-bottom:6px;

}

.srpmtrust-card h4{

font-size:20px;

margin-bottom:12px;

}

.srpmtrust-card p{

font-size:14px;

line-height:24px;

}

}

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

@media(max-width:575px){

.srpmtrust-card{

max-width:420px;

margin:auto;

}

}

/*=========================================
OUR FLEET
==========================================*/

.srpmfleet{

    position:relative;

    padding:110px 0;

    background:#f8fbff;

    overflow:hidden;

}

.srpmfleet::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(23,61,105,.04);

    top:-180px;

    left:-180px;

}

.srpmfleet::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(245,130,32,.05);

    right:-150px;

    bottom:-150px;

}

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

.srpmfleet-heading{

    width:100%;

    max-width:100%;

    margin:0 0 60px;

    text-align:left;

    position:relative;

    z-index:2;

}

.srpmfleet-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:50px;

    background:#EEF5FF;

    color:#173D69;

    font-size:14px;

    font-weight:700;

    margin-bottom:22px;

}

.srpmfleet-tag i{

    color:#F58220;

}

.srpmfleet-heading h2{

    font-size:48px;

    font-weight:800;

    color:#173D69;

    line-height:1.25;

    margin-bottom:18px;

}

.srpmfleet-heading h2 span{

    display:block;

    color:#F58220;

}

.srpmfleet-heading p{

    font-size:17px;

    line-height:31px;

    color:#667085;

  
	 width:100%;

    max-width:100%;

    margin:0;

}

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

.srpmfleet-card{

    background:#fff;

    border-radius:22px;

    overflow:hidden;

    height:100%;

    border:1px solid #E7EEF8;

    box-shadow:0 18px 45px rgba(0,0,0,.05);

    transition:.35s;

    position:relative;

}

.srpmfleet-card:hover{

    transform:translateY(-8px);

    box-shadow:0 30px 60px rgba(23,61,105,.12);

}

.srpmfleet-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#F58220,#ff4b3e);

}

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

.srpmfleet-image{

    background:#F8FAFD;

    padding:20px;

    height:220px;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

}

.srpmfleet-image img{

    max-width:100%;

    max-height:180px;

    transition:.35s;

}

.srpmfleet-card:hover .srpmfleet-image img{

    transform:scale(1.08);

}

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

.srpmfleet-badge{

    display:inline-block;

    margin:22px 25px 12px;

    padding:8px 16px;

    background:#EEF5FF;

    color:#173D69;

    border-radius:30px;

    font-size:13px;

    font-weight:700;

}

.srpmfleet-card h3{

    margin:0 25px 18px;

    font-size:26px;

    font-weight:700;

    color:#173D69;

}

.srpmfleet-card ul{

    list-style:none;

    padding:0 25px 25px;

    margin:0;

}

.srpmfleet-card ul li{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:14px;

    color:#667085;

    font-size:15px;

    line-height:24px;

}

.srpmfleet-card ul li:last-child{

    margin-bottom:0;

}

.srpmfleet-card ul li::before{

    content:"";

    width:8px;

    height:8px;

    border-radius:50%;

    background:#F58220;

    flex-shrink:0;

}
/*=========================================
CARD FOOTER
==========================================*/

.srpmfleet-footer{

    padding:18px 25px 25px;

    margin-top:auto;

    display:flex;

    justify-content:space-between;

    align-items:center;

    border-top:1px solid #EEF2F7;

}

.srpmfleet-capacity{

    display:flex;

    flex-direction:column;

}

.srpmfleet-capacity span{

    font-size:12px;

    color:#98A2B3;

    text-transform:uppercase;

    letter-spacing:.5px;

}

.srpmfleet-capacity strong{

    margin-top:3px;

    font-size:16px;

    color:#173D69;

    font-weight:700;

}

.srpmfleet-btn{

    display:inline-flex;

    align-items:center;

    gap:8px;

    text-decoration:none;

    background:#F58220;

    color:#fff;

    padding:12px 20px;

    border-radius:10px;

    font-size:14px;

    font-weight:700;

    transition:.35s;

}

.srpmfleet-btn:hover{

    background:#173D69;

    color:#fff;

}

.srpmfleet-btn i{

    font-size:13px;

}

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

@media(max-width:991px){

.srpmfleet{

padding:80px 0;

}

.srpmfleet-heading{

margin-bottom:45px;

}

.srpmfleet-heading h2{

font-size:38px;

}

.srpmfleet-image{

height:200px;

}

.srpmfleet-image img{

max-height:160px;

}

}

/*=========================================
PREMIUM EFFECT
==========================================*/

.srpmfleet-card{

    cursor:pointer;

}

.srpmfleet-card:hover .srpmfleet-badge{

    background:#F58220;

    color:#fff;

}

.srpmfleet-card:hover h3{

    color:#F58220;

}

.srpmfleet-card:hover{

    border-color:#F58220;

}

.srpmfleet-card{

transition:

transform .35s,

box-shadow .35s,

border-color .35s;

}

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

@media(max-width:767px){

.srpmfleet{

padding:65px 0;

}

.srpmfleet-heading{

margin-bottom:35px;

text-align:center;

}

.srpmfleet-tag{

font-size:12px;

padding:8px 16px;

}

.srpmfleet-heading h2{

font-size:28px;

line-height:1.35;

}

.srpmfleet-heading p{

font-size:15px;

line-height:27px;

}

.srpmfleet-card{

border-radius:18px;

}

.srpmfleet-image{

height:180px;

padding:15px;

}

.srpmfleet-image img{

max-height:145px;

}

.srpmfleet-badge{

margin:18px 18px 10px;

font-size:12px;

}

.srpmfleet-card h3{

margin:0 18px 15px;

font-size:22px;

}

.srpmfleet-card ul{

padding:0 18px 18px;

}

.srpmfleet-card ul li{

font-size:14px;

margin-bottom:10px;

}

.srpmfleet-footer{

padding:16px 18px 18px;

flex-direction:column;

align-items:flex-start;

gap:15px;

}

.srpmfleet-btn{

width:100%;

justify-content:center;

}

}
/*=========================================
VIDEO TESTIMONIAL
==========================================*/

.srpmvideo{

    position:relative;

    padding:110px 0;

    background:#F8FBFF;

    overflow:hidden;

}

.srpmvideo::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(23,61,105,.04);

    top:-180px;

    left:-180px;

}

.srpmvideo::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(245,130,32,.05);

    bottom:-120px;

    right:-120px;

}

/*=========================================
VIDEO BOX
==========================================*/

.srpmvideo-box{

    position:relative;

    border-radius:22px;

    overflow:hidden;

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

}

.srpmvideo-box img{

    width:100%;

    height:500px;

    object-fit:cover;

    display:block;

    transition:.5s;

}

.srpmvideo-box:hover img{

    transform:scale(1.08);

}

.srpmvideo-box::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(to top,rgba(0,0,0,.65),rgba(0,0,0,.05));

    z-index:1;

}

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

.srpmvideo-play{

    position:absolute;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%);

    width:90px;

    height:90px;

    border-radius:50%;

    background:#F58220;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    text-decoration:none;

    z-index:3;

    transition:.35s;

    animation:srpmplaypulse 2s infinite;

}

.srpmvideo-play:hover{

    background:#173D69;

    color:#fff;

    transform:translate(-50%,-50%) scale(1.08);

}

@keyframes srpmplaypulse{

0%{

box-shadow:0 0 0 0 rgba(245,130,32,.45);

}

70%{

box-shadow:0 0 0 25px rgba(245,130,32,0);

}

100%{

box-shadow:0 0 0 0 rgba(245,130,32,0);

}

}

/*=========================================
VIDEO OVERLAY
==========================================*/

.srpmvideo-overlay{

    position:absolute;

    left:35px;

    bottom:30px;

    z-index:2;

    color:#fff;

}

.srpmvideo-overlay span{

    display:inline-block;

    padding:8px 18px;

    border-radius:30px;

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

    backdrop-filter:blur(10px);

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:14px;

}

.srpmvideo-overlay h3{

    font-size:34px;

    font-weight:700;

    margin:0;

}

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

.srpmvideo-content{

    padding-left:30px;

}

.srpmvideo-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:40px;

    background:#EEF5FF;

    color:#173D69;

    font-size:14px;

    font-weight:700;

    margin-bottom:24px;

}

.srpmvideo-tag i{

    color:#F58220;

}

.srpmvideo-content h2{

    font-size:48px;

    font-weight:800;

    line-height:1.25;

    color:#173D69;

    margin-bottom:20px;

}

.srpmvideo-content h2 span{

    display:block;

    color:#F58220;

}

.srpmvideo-content p{

    font-size:17px;

    line-height:31px;

    color:#667085;

    margin-bottom:30px;

}

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

.srpmvideo-rating{

    display:flex;

    align-items:center;

    gap:18px;

    background:#fff;

    padding:22px;

    border-radius:18px;

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

    margin-bottom:28px;

}

.srpmvideo-google{

    width:70px;

    height:70px;

    min-width:70px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#F8FBFF;

    border-radius:16px;

}

.srpmvideo-google img{

    width:42px;

}

.srpmvideo-rating h4{

    margin:0 0 6px;

    color:#173D69;

    font-size:22px;

    font-weight:700;

}

.srpmvideo-rating p{

    margin:0;

    font-size:15px;

}

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

.srpmvideo-feature{

    display:flex;

    align-items:center;

    gap:12px;

    background:#fff;

    padding:16px 18px;

    border-radius:14px;

    border:1px solid #E8EEF7;

    font-weight:600;

    color:#173D69;

    transition:.3s;

}

.srpmvideo-feature:hover{

    border-color:#F58220;

    transform:translateY(-3px);

}

.srpmvideo-feature i{

    color:#22C55E;

    font-size:18px;

}

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

.srpmvideo-buttons{

    display:flex;

    gap:16px;

    flex-wrap:wrap;

    margin-top:35px;

}

.srpmvideo-btn,

.srpmvideo-call{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:16px 30px;

    border-radius:12px;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.srpmvideo-btn{

    background:#F58220;

    color:#fff;

}

.srpmvideo-btn:hover{

    background:#173D69;

    color:#fff;

}

.srpmvideo-call{

    background:#fff;

    color:#173D69;

    border:2px solid #173D69;

}

.srpmvideo-call:hover{

    background:#173D69;

    color:#fff;

}
/*=========================================
LARGE TABLET
==========================================*/

@media(max-width:1199px){

.srpmvideo{

padding:90px 0;

}

.srpmvideo-content{

padding-left:20px;

}

.srpmvideo-content h2{

font-size:42px;

}

.srpmvideo-box img{

height:450px;

}

}

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

@media(max-width:991px){

.srpmvideo{

padding:80px 0;

}

.srpmvideo-box{

margin-bottom:20px;

}

.srpmvideo-content{

padding-left:0;

}

.srpmvideo-content h2{

font-size:36px;

}

.srpmvideo-overlay h3{

font-size:28px;

}

.srpmvideo-box img{

height:400px;

}

}

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

@media(max-width:767px){

.srpmvideo{

padding:65px 0;

}

.srpmvideo-content{

text-align:center;

}

.srpmvideo-tag{

font-size:12px;

padding:8px 16px;

}

.srpmvideo-content h2{

font-size:28px;

line-height:1.35;

margin-bottom:18px;

}

.srpmvideo-content p{

font-size:15px;

line-height:28px;

}

.srpmvideo-box{

border-radius:18px;

}

.srpmvideo-box img{

height:280px;

}

.srpmvideo-play{

width:70px;

height:70px;

font-size:22px;

}

.srpmvideo-overlay{

left:20px;

right:20px;

bottom:20px;

text-align:left;

}

.srpmvideo-overlay span{

font-size:11px;

padding:7px 14px;

margin-bottom:10px;

}

.srpmvideo-overlay h3{

font-size:22px;

line-height:1.35;

}

.srpmvideo-rating{

padding:18px;

text-align:left;

}

.srpmvideo-google{

width:55px;

height:55px;

min-width:55px;

}

.srpmvideo-google img{

width:34px;

}

.srpmvideo-rating h4{

font-size:18px;

}

.srpmvideo-rating p{

font-size:14px;

}

.srpmvideo-feature{

font-size:14px;

justify-content:flex-start;

}

.srpmvideo-buttons{

flex-direction:column;

gap:14px;

}

.srpmvideo-btn,

.srpmvideo-call{

width:100%;

}

}

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

@media(max-width:575px){

.srpmvideo-overlay h3{

font-size:20px;

}

.srpmvideo-box img{

height:240px;

}

}
/*=========================================
FLOATING PLAY BUTTON
==========================================*/

@keyframes srpmVideoFloat{

0%{

transform:translate(-50%,-50%);

}

50%{

transform:translate(-50%,-58%);

}

100%{

transform:translate(-50%,-50%);

}

}

.srpmvideo-play{

animation:srpmVideoFloat 3s ease-in-out infinite,
srpmplaypulse 2s infinite;

}

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

.srpmfloat{

    position:fixed;

    left:22px;

    bottom:25px;

    display:flex;

    flex-direction:column;

    gap:15px;

    z-index:9999;

}

.srpmfloat a{

    display:flex;

    align-items:center;

    gap:12px;

    padding:14px 18px;

    text-decoration:none;

    color:#fff;

    border-radius:50px;

    font-size:15px;

    font-weight:700;

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

    transition:.35s;

}

.srpmfloat-call{

    background:#173D69;

}

.srpmfloat-whatsapp{

    background:#25D366;

}

.srpmfloat a i{

    width:44px;

    height:44px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

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

    font-size:20px;

}

.srpmfloat a:hover{

    transform:translateY(-4px);

    color:#fff;

}

.srpmfloat-call:hover{

    background:#0F2D52;

}

.srpmfloat-whatsapp:hover{

    background:#1EBE5A;

}

/* Pulse */

.srpmfloat-whatsapp{

    animation:srpmwhatsapp 2s infinite;

}

@keyframes srpmwhatsapp{

0%{

box-shadow:0 0 0 0 rgba(37,211,102,.45);

}

70%{

box-shadow:0 0 0 18px rgba(37,211,102,0);

}

100%{

box-shadow:0 0 0 0 rgba(37,211,102,0);

}

}
@media(max-width:767px){

.srpmfloat{

left:15px;

bottom:15px;

gap:12px;

}

.srpmfloat a{

padding:12px;

border-radius:50%;

}

.srpmfloat a span{

display:none;

}

.srpmfloat a i{

width:30px;

height:30px;

font-size:22px;

background:none;

}

}

/*=========================================
ABOUT BREADCRUMB
==========================================*/

.srpmaboutbread{

    position:relative;

    padding:120px 0 90px;

    background:linear-gradient(135deg,#173D69,#0E2D52);

    overflow:hidden;

}

.srpmaboutbread::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    border-radius:50%;

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

    left:-180px;

    top:-180px;

}

.srpmaboutbread::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(245,130,32,.08);

    right:-120px;

    bottom:-120px;

}

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

.srpmaboutbread-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:40px;

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

    color:#fff;

    font-size:14px;

    font-weight:700;

    margin-bottom:22px;

}

.srpmaboutbread-tag i{

    color:#F58220;

}

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

.srpmaboutbread h1{

    color:#fff;

    font-size:54px;

    font-weight:800;

    line-height:1.2;

    margin-bottom:22px;

}

.srpmaboutbread h1 span{

    display:block;

    color:#F58220;

}

.srpmaboutbread p{

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

    font-size:17px;

    line-height:31px;

    margin-bottom:30px;

}

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

.srpmaboutbread-list{

    list-style:none;

    margin:0;

    padding:0;

    display:flex;

    flex-wrap:wrap;

    gap:18px;

}

.srpmaboutbread-list li{

    display:flex;

    align-items:center;

    gap:8px;

    color:#fff;

    font-size:15px;

    font-weight:600;

}

.srpmaboutbread-list i{

    color:#F58220;

}

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

.srpmaboutbread-path{

    display:flex;

    justify-content:flex-end;

}

.srpmaboutbread-path ul{

    list-style:none;

    display:inline-flex;

    align-items:center;

    gap:15px;

    padding:18px 28px;

    margin:0;

    border-radius:50px;

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

    backdrop-filter:blur(12px);

}

.srpmaboutbread-path a{

    color:#fff;

    text-decoration:none;

    font-weight:600;

}

.srpmaboutbread-path a:hover{

    color:#F58220;

}

.srpmaboutbread-path .active{

    color:#F58220;

    font-weight:700;

}

.srpmaboutbread-path i{

    color:#fff;

}

@media(max-width:991px){

.srpmaboutbread{

padding:90px 0 70px;

}

.srpmaboutbread h1{

font-size:42px;

}

.srpmaboutbread-path{

justify-content:flex-start;

margin-top:35px;

}

}

@media(max-width:767px){

.srpmaboutbread{

padding:70px 0 60px;

text-align:center;

}

.srpmaboutbread h1{

font-size:30px;

}

.srpmaboutbread p{

font-size:15px;

line-height:28px;

}

.srpmaboutbread-list{

justify-content:center;

gap:12px;

}

.srpmaboutbread-path{

justify-content:center;

margin-top:30px;

}

.srpmaboutbread-path ul{

padding:14px 20px;

font-size:14px;

}

}

/*=========================================
ABOUT PAGE
==========================================*/

.srpmaboutpag{

    position:relative;

    padding:110px 0;

    background:#ffffff;

    overflow:hidden;

}

.srpmaboutpag::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(23,61,105,.04);

    top:-180px;

    left:-180px;

}

.srpmaboutpag::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(245,130,32,.05);

    right:-120px;

    bottom:-120px;

}

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

.srpmaboutpag-content{

    position:relative;

    z-index:2;

}

.srpmaboutpag-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    background:#EEF5FF;

    color:#173D69;

    padding:10px 24px;

    border-radius:50px;

    font-size:14px;

    font-weight:700;

    margin-bottom:22px;

}

.srpmaboutpag-tag i{

    color:#F58220;

}

.srpmaboutpag-content h2{

    font-size:48px;

    font-weight:800;

    color:#173D69;

    line-height:1.2;

    margin-bottom:25px;

}

.srpmaboutpag-content h2 span{

    display:block;

    color:#F58220;

}

.srpmaboutpag-content p{

    font-size:17px;

    line-height:31px;

    color:#667085;

    margin-bottom:20px;

}

/*=========================================
FEATURE POINTS
==========================================*/

.srpmaboutpag-point{

    display:flex;

    align-items:center;

    gap:12px;

    background:#fff;

    padding:18px 20px;

    border-radius:15px;

    border:1px solid #E8EEF7;

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

    font-weight:600;

    color:#173D69;

    height:100%;

    transition:.35s;

}

.srpmaboutpag-point:hover{

    transform:translateY(-5px);

    border-color:#F58220;

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

}

.srpmaboutpag-point i{

    color:#22C55E;

    font-size:18px;

    flex-shrink:0;

}

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

.srpmaboutpag-card{

    position:relative;

    background:linear-gradient(135deg,#173D69,#0F2F58);

    border-radius:24px;

    padding:40px;

    color:#fff;

    overflow:hidden;

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

}

.srpmaboutpag-card::before{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    border-radius:50%;

    border:45px solid rgba(255,255,255,.04);

    top:-120px;

    right:-100px;

}

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

.srpmaboutpag-icon{

    width:85px;

    height:85px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:20px;

    background:#F58220;

    color:#fff;

    font-size:34px;

    margin-bottom:25px;

}

.srpmaboutpag-card h3{

    font-size:34px;

    font-weight:700;

    margin-bottom:18px;

}

.srpmaboutpag-card p{

    color:#DCE7F8;

    font-size:16px;

    line-height:30px;

    margin-bottom:35px;

}

/*=========================================
STATISTICS
==========================================*/

.srpmaboutpag-stats{

    display:grid;

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

    gap:18px;

    margin-bottom:35px;

}

.srpmaboutpag-stat{

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

    border:1px solid rgba(255,255,255,.08);

    border-radius:16px;

    padding:22px 18px;

    text-align:center;

    transition:.35s;

}

.srpmaboutpag-stat:hover{

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

    transform:translateY(-5px);

}

.srpmaboutpag-stat h4{

    color:#F58220;

    font-size:34px;

    font-weight:800;

    margin-bottom:8px;

}

.srpmaboutpag-stat span{

    color:#fff;

    font-size:15px;

    line-height:24px;

}

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

.srpmaboutpag-btn{

    width:100%;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:17px 25px;

    background:#F58220;

    color:#fff;

    text-decoration:none;

    border-radius:14px;

    font-size:16px;

    font-weight:700;

    transition:.35s;

}

.srpmaboutpag-btn:hover{

    background:#fff;

    color:#173D69;

    transform:translateY(-3px);

}

.srpmaboutpag-btn i{

    font-size:16px;

}

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

@media(max-width:1199px){

.srpmaboutpag{

padding:90px 0;

}

.srpmaboutpag-content h2{

font-size:42px;

}

.srpmaboutpag-card{

padding:35px;

}

.srpmaboutpag-card h3{

font-size:30px;

}

}

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

@media(max-width:991px){

.srpmaboutpag{

padding:80px 0;

}

.srpmaboutpag-content{

margin-bottom:15px;

}

.srpmaboutpag-content h2{

font-size:36px;

line-height:1.3;

}

.srpmaboutpag-content p{

font-size:16px;

line-height:30px;

}

.srpmaboutpag-card{

padding:35px 30px;

margin-top:15px;

}

.srpmaboutpag-icon{

width:75px;

height:75px;

font-size:30px;

margin-bottom:20px;

}

.srpmaboutpag-card h3{

font-size:30px;

}

.srpmaboutpag-stats{

gap:15px;

}

.srpmaboutpag-stat h4{

font-size:30px;

}

}

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

@media(max-width:767px){

.srpmaboutpag{

padding:65px 0;

}

.srpmaboutpag-tag{

font-size:12px;

padding:8px 16px;

margin-bottom:18px;

}

.srpmaboutpag-content h2{

font-size:28px;

line-height:1.35;

margin-bottom:18px;

}

.srpmaboutpag-content p{

font-size:15px;

line-height:28px;

margin-bottom:18px;

}

.srpmaboutpag-point{

padding:15px;

font-size:14px;

gap:10px;

}

.srpmaboutpag-point i{

font-size:16px;

}

.srpmaboutpag-card{

padding:25px 20px;

border-radius:18px;

margin-top:20px;

}

.srpmaboutpag-icon{

width:65px;

height:65px;

font-size:26px;

border-radius:16px;

margin-bottom:18px;

}

.srpmaboutpag-card h3{

font-size:24px;

margin-bottom:15px;

}

.srpmaboutpag-card p{

font-size:15px;

line-height:27px;

margin-bottom:25px;

}

.srpmaboutpag-stats{

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

gap:12px;

margin-bottom:25px;

}

.srpmaboutpag-stat{

padding:18px 12px;

border-radius:14px;

}

.srpmaboutpag-stat h4{

font-size:26px;

margin-bottom:6px;

}

.srpmaboutpag-stat span{

font-size:13px;

line-height:20px;

}

.srpmaboutpag-btn{

padding:15px;

font-size:15px;

}

}

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

@media(max-width:480px){

.srpmaboutpag-content h2{

font-size:25px;

}

.srpmaboutpag-stats{

grid-template-columns:1fr;

}

.srpmaboutpag-point{

font-size:13px;

}

}

/*=========================================
MISSION & VISION
==========================================*/

.srpmmission{

    position:relative;

    padding:110px 0;

    background:#F8FBFF;

    overflow:hidden;

}

.srpmmission::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(23,61,105,.04);

    top:-180px;

    left:-180px;

}

.srpmmission::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(245,130,32,.05);

    right:-120px;

    bottom:-120px;

}

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

.srpmmission-heading{

   width:100%;

    max-width:100%;

    margin:0 0 60px;

    text-align:left;

    position:relative;

    z-index:2;

}

.srpmmission-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 24px;

    border-radius:50px;

    background:#EEF5FF;

    color:#173D69;

    font-size:14px;

    font-weight:700;

    margin-bottom:22px;

}

.srpmmission-tag i{

    color:#F58220;

}

.srpmmission-heading h2{

    font-size:48px;

    font-weight:800;

    color:#173D69;

    line-height:1.2;

    margin-bottom:22px;

}

.srpmmission-heading h2 span{

    display:inline;

    color:#F58220;

}

.srpmmission-heading p{

      width:100%;

    max-width:100%;

    margin:0;


    font-size:17px;

    line-height:31px;

    color:#667085;

}

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

.srpmmission-card{

    position:relative;

    background:#fff;

    border-radius:22px;

    padding:40px;

    height:100%;

    border:1px solid #E7EEF8;

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

    transition:.4s;

    overflow:hidden;

}

.srpmmission-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#173D69,#F58220);

}

.srpmmission-card:hover{

    transform:translateY(-8px);

    border-color:#F58220;

    box-shadow:0 30px 70px rgba(23,61,105,.12);

}

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

.srpmmission-icon{

    width:85px;

    height:85px;

    border-radius:20px;

    background:#173D69;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:34px;

    margin-bottom:28px;

    transition:.35s;

}

.srpmmission-card:hover .srpmmission-icon{

    background:#F58220;

    transform:rotate(-8deg);

}

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

.srpmmission-card h3{

    font-size:32px;

    font-weight:700;

    color:#173D69;

    margin-bottom:18px;

}

.srpmmission-card p{

    font-size:16px;

    line-height:30px;

    color:#667085;

    margin-bottom:28px;

}

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

.srpmmission-card ul{

    margin:0;

    padding:0;

    list-style:none;

}

.srpmmission-card ul li{

    display:flex;

    align-items:flex-start;

    gap:12px;

    margin-bottom:18px;

    color:#173D69;

    font-weight:600;

    line-height:26px;

}

.srpmmission-card ul li:last-child{

    margin-bottom:0;

}

.srpmmission-card ul li i{

    color:#22C55E;

    font-size:18px;

    margin-top:3px;

    flex-shrink:0;

}

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

@media(max-width:991px){

.srpmmission{

padding:85px 0;

}

.srpmmission-heading{

margin-bottom:45px;

}

.srpmmission-heading h2{

font-size:38px;

}

.srpmmission-card{

padding:30px;

}

.srpmmission-icon{

width:75px;

height:75px;

font-size:30px;

margin-bottom:22px;

}

.srpmmission-card h3{

font-size:28px;

}

}

@media(max-width:767px){

.srpmmission{

padding:65px 0;

}

.srpmmission-heading{

 text-align:left;

    margin-bottom:35px;

}

.srpmmission-tag{

font-size:12px;

padding:8px 16px;

}

.srpmmission-heading h2{

font-size:28px;

line-height:1.35;

}

.srpmmission-heading p{

font-size:15px;

line-height:28px;

}

.srpmmission-card{

padding:24px 20px;

border-radius:18px;

}

.srpmmission-icon{

width:65px;

height:65px;

font-size:26px;

border-radius:16px;

margin-bottom:18px;

}

.srpmmission-card h3{

font-size:24px;

}

.srpmmission-card p{

font-size:15px;

line-height:27px;

}

.srpmmission-card ul li{

font-size:14px;

line-height:24px;

margin-bottom:14px;

}

}

/*=========================================
ABOUT WHY CHOOSE US
==========================================*/

.srpmaboutwhy{

    position:relative;

    padding:110px 0;

    background:#F8FBFF;

    overflow:hidden;

}

.srpmaboutwhy::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(23,61,105,.04);

    top:-180px;

    left:-180px;

}

.srpmaboutwhy::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(245,130,32,.05);

    right:-120px;

    bottom:-120px;

}

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

.srpmaboutwhy-heading{

    position:relative;

    z-index:2;

    margin-bottom:60px;

    text-align:left;

}

.srpmaboutwhy-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 24px;

    border-radius:40px;

    background:#EEF5FF;

    color:#173D69;

    font-size:14px;

    font-weight:700;

    margin-bottom:22px;

}

.srpmaboutwhy-tag i{

    color:#F58220;

}

.srpmaboutwhy-heading h2{

    font-size:48px;

    font-weight:800;

    color:#173D69;

    line-height:1.2;

    margin-bottom:20px;

}

.srpmaboutwhy-heading h2 span{

    display:block;

    color:#F58220;

}

.srpmaboutwhy-heading p{

    max-width:850px;

    margin:0;

    color:#667085;

    font-size:17px;

    line-height:31px;

}

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

.srpmaboutwhy-card{

    position:relative;

    background:#ffffff;

    border-radius:20px;

    padding:35px 30px;

    height:100%;

    border:1px solid #E8EEF7;

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

    transition:.4s;

    overflow:hidden;

}

.srpmaboutwhy-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#173D69,#F58220);

}

.srpmaboutwhy-card::after{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:60%;

    height:100%;

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

    transform:skewX(-25deg);

    transition:.8s;

}

.srpmaboutwhy-card:hover::after{

    left:180%;

}

.srpmaboutwhy-card:hover{

    transform:translateY(-10px);

    border-color:#F58220;

    box-shadow:0 30px 70px rgba(23,61,105,.12);

}

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

.srpmaboutwhy-icon{

    width:80px;

    height:80px;

    border-radius:18px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#173D69;

    color:#fff;

    font-size:30px;

    margin-bottom:25px;

    transition:.35s;

}

.srpmaboutwhy-card:hover .srpmaboutwhy-icon{

    background:#F58220;

    transform:rotate(-8deg) scale(1.08);

}

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

.srpmaboutwhy-card h3{

    color:#173D69;

    font-size:26px;

    font-weight:700;

    margin-bottom:16px;

    transition:.3s;

}

.srpmaboutwhy-card:hover h3{

    color:#F58220;

}

.srpmaboutwhy-card p{

    color:#667085;

    font-size:15px;

    line-height:29px;

    margin:0;

}

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

@media(max-width:991px){

.srpmaboutwhy{

padding:90px 0;

}

.srpmaboutwhy-heading{

margin-bottom:45px;

}

.srpmaboutwhy-heading h2{

font-size:40px;

}

.srpmaboutwhy-card{

padding:28px;

}

.srpmaboutwhy-icon{

width:70px;

height:70px;

font-size:28px;

margin-bottom:20px;

}

.srpmaboutwhy-card h3{

font-size:23px;

}

}

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

@media(max-width:767px){

.srpmaboutwhy{

padding:70px 0;

}

.srpmaboutwhy-heading{

margin-bottom:35px;

}

.srpmaboutwhy-tag{

font-size:12px;

padding:8px 16px;

}

.srpmaboutwhy-heading h2{

font-size:30px;

line-height:1.35;

margin-bottom:15px;

}

.srpmaboutwhy-heading p{

font-size:15px;

line-height:28px;

}

.srpmaboutwhy-card{

padding:24px 20px;

border-radius:18px;

}

.srpmaboutwhy-icon{

width:60px;

height:60px;

font-size:24px;

border-radius:16px;

margin-bottom:18px;

}

.srpmaboutwhy-card h3{

font-size:21px;

margin-bottom:12px;

}

.srpmaboutwhy-card p{

font-size:14px;

line-height:25px;

}

}

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

@media(max-width:480px){

.srpmaboutwhy-heading h2{

font-size:26px;

}

.srpmaboutwhy-card{

padding:22px 18px;

}

.srpmaboutwhy-icon{

width:55px;

height:55px;

font-size:22px;

}

}

/*=========================================
PACKING MATERIAL QUALITY
==========================================*/

.srpmpacking{

    position:relative;

    padding:110px 0;

    background:#F8FBFF;

    overflow:hidden;

}

.srpmpacking::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(23,61,105,.04);

    top:-180px;

    left:-180px;

}

.srpmpacking::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(245,130,32,.05);

    right:-120px;

    bottom:-120px;

}

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

.srpmpacking-heading{

    position:relative;

    z-index:2;

    margin-bottom:60px;

    text-align:left;

}

.srpmpacking-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 24px;

    border-radius:40px;

    background:#EEF5FF;

    color:#173D69;

    font-size:14px;

    font-weight:700;

    margin-bottom:22px;

}

.srpmpacking-tag i{

    color:#F58220;

}

.srpmpacking-heading h2{

    font-size:48px;

    font-weight:800;

    color:#173D69;

    line-height:1.2;

    margin-bottom:20px;

}

.srpmpacking-heading h2 span{

    display:block;

    color:#F58220;

}

.srpmpacking-heading p{

    max-width:900px;

    font-size:17px;

    line-height:31px;

    color:#667085;

    margin:0;

}

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

.srpmpacking-card{

    position:relative;

    background:#fff;

    border:1px solid #E8EEF7;

    border-radius:22px;

    padding:35px 28px;

    height:100%;

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

    transition:.4s;

    overflow:hidden;

}

.srpmpacking-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#173D69,#F58220);

}

.srpmpacking-card::after{

    content:"";

    position:absolute;

    left:-120%;

    top:0;

    width:60%;

    height:100%;

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

    transform:skewX(-25deg);

    transition:.8s;

}

.srpmpacking-card:hover::after{

    left:180%;

}

.srpmpacking-card:hover{

    transform:translateY(-10px);

    border-color:#F58220;

    box-shadow:0 30px 70px rgba(23,61,105,.12);

}

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

.srpmpacking-icon{

    width:78px;

    height:78px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#173D69;

    color:#fff;

    border-radius:20px;

    font-size:30px;

    margin-bottom:24px;

    transition:.35s;

}

.srpmpacking-card:hover .srpmpacking-icon{

    background:#F58220;

    transform:rotate(-8deg) scale(1.08);

}

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

.srpmpacking-card h3{

    color:#173D69;

    font-size:24px;

    font-weight:700;

    margin-bottom:15px;

    transition:.3s;

}

.srpmpacking-card:hover h3{

    color:#F58220;

}

.srpmpacking-card p{

    margin:0;

    color:#667085;

    font-size:15px;

    line-height:28px;

}

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

@media(max-width:991px){

.srpmpacking{

padding:90px 0;

}

.srpmpacking-heading{

margin-bottom:45px;

}

.srpmpacking-heading h2{

font-size:40px;

}

.srpmpacking-card{

padding:30px 24px;

}

.srpmpacking-icon{

width:70px;

height:70px;

font-size:28px;

margin-bottom:20px;

}

.srpmpacking-card h3{

font-size:22px;

}

}

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

@media(max-width:767px){

.srpmpacking{

padding:70px 0;

}

.srpmpacking-heading{

margin-bottom:35px;

text-align:left;

}

.srpmpacking-tag{

font-size:12px;

padding:8px 16px;

}

.srpmpacking-heading h2{

font-size:30px;

line-height:1.35;

margin-bottom:15px;

}

.srpmpacking-heading p{

font-size:15px;

line-height:28px;

}

.srpmpacking-card{

padding:24px 20px;

border-radius:18px;

}

.srpmpacking-icon{

width:60px;

height:60px;

font-size:24px;

border-radius:16px;

margin-bottom:18px;

}

.srpmpacking-card h3{

font-size:20px;

margin-bottom:12px;

}

.srpmpacking-card p{

font-size:14px;

line-height:25px;

}

}

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

@media(max-width:480px){

.srpmpacking-heading h2{

font-size:26px;

}

.srpmpacking-card{

padding:22px 18px;

}

.srpmpacking-icon{

width:55px;

height:55px;

font-size:22px;

}

}

/*=========================================
ABOUT PAGE CTA
==========================================*/

.srpmaboutcta{

    position:relative;

    padding:110px 0;

    background:#ffffff;

    overflow:hidden;

}

.srpmaboutcta-wrap{

    position:relative;

    background:linear-gradient(135deg,#173D69,#0F2F58);

    border-radius:30px;

    padding:70px;

    overflow:hidden;

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

}

.srpmaboutcta-wrap::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

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

    top:-220px;

    right:-160px;

}

.srpmaboutcta-wrap::after{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    border-radius:50%;

    border:45px solid rgba(255,255,255,.04);

    bottom:-140px;

    left:-100px;

}

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

.srpmaboutcta-content{

    position:relative;

    z-index:2;

}

.srpmaboutcta-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:40px;

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

    border:1px solid rgba(255,255,255,.10);

    color:#fff;

    font-size:14px;

    font-weight:700;

    margin-bottom:24px;

}

.srpmaboutcta-tag i{

    color:#F58220;

}

.srpmaboutcta-content h2{

    font-size:52px;

    font-weight:800;

    color:#fff;

    line-height:1.2;

    margin-bottom:22px;

}

.srpmaboutcta-content h2 span{

    display:block;

    color:#F58220;

}

.srpmaboutcta-content p{

    color:#DCE7F8;

    font-size:17px;

    line-height:31px;

    margin-bottom:35px;

}

/*=========================================
HIGHLIGHTS
==========================================*/

.srpmaboutcta-highlights{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

}

.srpmaboutcta-highlights div{

    display:flex;

    align-items:center;

    gap:10px;

    color:#fff;

    font-weight:600;

    font-size:15px;

}

.srpmaboutcta-highlights i{

    color:#22C55E;

}

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

.srpmaboutcta-card{

    position:relative;

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

    backdrop-filter:blur(16px);

    border:1px solid rgba(255,255,255,.10);

    border-radius:22px;

    padding:40px 30px;

    text-align:center;

    z-index:2;

    transition:.35s;

}

.srpmaboutcta-card:hover{

    transform:translateY(-8px);

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

}

.srpmaboutcta-icon{

    width:90px;

    height:90px;

    margin:auto;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:22px;

    background:#F58220;

    color:#fff;

    font-size:34px;

    margin-bottom:25px;

    transition:.35s;

}

.srpmaboutcta-card:hover .srpmaboutcta-icon{

    transform:rotate(-8deg);

}

.srpmaboutcta-card h3{

    color:#fff;

    font-size:30px;

    font-weight:700;

    margin-bottom:15px;

}

.srpmaboutcta-card p{

    color:#DCE7F8;

    font-size:15px;

    line-height:28px;

    margin-bottom:25px;

}

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

.srpmaboutcta-call,

.srpmaboutcta-btn{

    width:100%;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    text-decoration:none;

    border-radius:14px;

    padding:16px;

    font-weight:700;

    transition:.35s;

}

.srpmaboutcta-call{

    background:#fff;

    color:#173D69;

    margin-bottom:15px;

}

.srpmaboutcta-call:hover{

    background:#F58220;

    color:#fff;

}

.srpmaboutcta-btn{

    background:#F58220;

    color:#fff;

}

.srpmaboutcta-btn:hover{

    background:#fff;

    color:#173D69;

}

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

@media(max-width:991px){

.srpmaboutcta{

padding:90px 0;

}

.srpmaboutcta-wrap{

padding:50px 40px;

}

.srpmaboutcta-content{

margin-bottom:35px;

}

.srpmaboutcta-content h2{

font-size:42px;

}

}

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

@media(max-width:767px){

.srpmaboutcta{

padding:70px 0;

}

.srpmaboutcta-wrap{

padding:35px 25px;

border-radius:22px;

}

.srpmaboutcta-tag{

font-size:12px;

padding:8px 16px;

}

.srpmaboutcta-content h2{

font-size:30px;

line-height:1.35;

margin-bottom:18px;

}

.srpmaboutcta-content p{

font-size:15px;

line-height:28px;

margin-bottom:25px;

}

.srpmaboutcta-highlights{

flex-direction:column;

gap:14px;

}

.srpmaboutcta-highlights div{

font-size:14px;

}

.srpmaboutcta-card{

padding:30px 22px;

border-radius:18px;

}

.srpmaboutcta-icon{

width:70px;

height:70px;

font-size:28px;

border-radius:18px;

margin-bottom:20px;

}

.srpmaboutcta-card h3{

font-size:24px;

}

.srpmaboutcta-card p{

font-size:14px;

line-height:25px;

}

.srpmaboutcta-call,

.srpmaboutcta-btn{

padding:14px;

font-size:15px;

}

}

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

.srpmcontacthero{

    position:relative;

    padding:120px 0 90px;

    background:linear-gradient(135deg,#173D69,#0F2F58);

    overflow:hidden;

}

.srpmcontacthero::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    border-radius:50%;

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

    top:-220px;

    left:-220px;

}

.srpmcontacthero::after{

    content:"";

    position:absolute;

    width:340px;

    height:340px;

    border-radius:50%;

    background:rgba(245,130,32,.08);

    right:-140px;

    bottom:-140px;

}

/* Decorative Dots */

.srpmcontacthero-content{

    position:relative;

    z-index:2;

}

.srpmcontacthero-content::before{

    content:"";

    position:absolute;

    right:30px;

    top:10px;

    width:110px;

    height:110px;

    background-image:radial-gradient(rgba(255,255,255,.12) 2px,transparent 2px);

    background-size:18px 18px;

    opacity:.8;

}

/*=========================================
TAG
==========================================*/

.srpmcontacthero-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:50px;

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

    border:1px solid rgba(255,255,255,.10);

    backdrop-filter:blur(10px);

    color:#fff;

    font-size:14px;

    font-weight:700;

    margin-bottom:25px;

}

.srpmcontacthero-tag i{

    color:#F58220;

}

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

.srpmcontacthero-content h1{

    font-size:56px;

    font-weight:800;

    color:#fff;

    line-height:1.15;

    margin-bottom:22px;

}

.srpmcontacthero-content h1 span{

    display:block;

    color:#F58220;

}

.srpmcontacthero-content p{

    color:#DCE7F8;

    font-size:17px;

    line-height:31px;

    max-width:760px;

    margin-bottom:35px;

}

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

.srpmcontacthero-features{

    display:flex;

    flex-wrap:wrap;

    gap:20px;

}

.srpmcontacthero-features div{

    display:flex;

    align-items:center;

    gap:10px;

    color:#fff;

    font-size:15px;

    font-weight:600;

}

.srpmcontacthero-features i{

    color:#22C55E;

}

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

.srpmcontacthero-breadcrumb{

    position:relative;

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

    border:1px solid rgba(255,255,255,.10);

    backdrop-filter:blur(15px);

    border-radius:24px;

    padding:40px 35px;

    text-align:center;

    box-shadow:0 25px 60px rgba(0,0,0,.12);

    transition:.35s;

    z-index:2;

}

.srpmcontacthero-breadcrumb:hover{

    transform:translateY(-8px);

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

}

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

.srpmcontacthero-icon{

    width:85px;

    height:85px;

    margin:auto;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:22px;

    background:#F58220;

    color:#fff;

    font-size:34px;

    margin-bottom:25px;

    transition:.35s;

}

.srpmcontacthero-breadcrumb:hover .srpmcontacthero-icon{

    transform:rotate(-8deg);

}

.srpmcontacthero-breadcrumb h4{

    color:#fff;

    font-size:28px;

    font-weight:700;

    margin-bottom:25px;

}

/*=========================================
BREADCRUMB
==========================================*/

.srpmcontacthero-breadcrumb ul{

    list-style:none;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    margin:0;

    padding:0;

    flex-wrap:wrap;

}

.srpmcontacthero-breadcrumb ul li{

    color:#fff;

    font-size:15px;

    font-weight:600;

}

.srpmcontacthero-breadcrumb ul li a{

    color:#fff;

    text-decoration:none;

    transition:.3s;

}

.srpmcontacthero-breadcrumb ul li a:hover{

    color:#F58220;

}

.srpmcontacthero-breadcrumb ul li i{

    color:#F58220;

}

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

@media(max-width:991px){

.srpmcontacthero{

padding:90px 0 70px;

}

.srpmcontacthero-content{

margin-bottom:35px;

}

.srpmcontacthero-content h1{

font-size:42px;

}

.srpmcontacthero-breadcrumb{

padding:35px 30px;

}

}

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

@media(max-width:767px){

.srpmcontacthero{

padding:70px 0 60px;

}

.srpmcontacthero-tag{

font-size:12px;

padding:8px 16px;

margin-bottom:18px;

}

.srpmcontacthero-content h1{

font-size:30px;

line-height:1.35;

margin-bottom:15px;

}

.srpmcontacthero-content p{

font-size:15px;

line-height:28px;

margin-bottom:25px;

}

.srpmcontacthero-features{

flex-direction:column;

gap:14px;

}

.srpmcontacthero-features div{

font-size:14px;

}

.srpmcontacthero-breadcrumb{

padding:25px 20px;

border-radius:18px;

}

.srpmcontacthero-icon{

width:65px;

height:65px;

font-size:26px;

border-radius:16px;

margin-bottom:18px;

}

.srpmcontacthero-breadcrumb h4{

font-size:22px;

margin-bottom:18px;

}

.srpmcontacthero-breadcrumb ul{

justify-content:center;

}

}

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

.srpmcontactinfo{

    position:relative;

    padding:110px 0;

    background:#F8FBFF;

    overflow:hidden;

}

.srpmcontactinfo::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(23,61,105,.04);

    top:-180px;

    left:-180px;

}

.srpmcontactinfo::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(245,130,32,.05);

    right:-120px;

    bottom:-120px;

}

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

.srpmcontactinfo-heading{

    position:relative;

    z-index:2;

    margin-bottom:60px;

    text-align:left;

}

.srpmcontactinfo-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:40px;

    background:#EEF5FF;

    color:#173D69;

    font-size:14px;

    font-weight:700;

    margin-bottom:22px;

}

.srpmcontactinfo-tag i{

    color:#F58220;

}

.srpmcontactinfo-heading h2{

    font-size:48px;

    font-weight:800;

    color:#173D69;

    line-height:1.2;

    margin-bottom:20px;

}

.srpmcontactinfo-heading h2 span{

    display:block;

    color:#F58220;

}

.srpmcontactinfo-heading p{

    max-width:880px;

    color:#667085;

    font-size:17px;

    line-height:31px;

    margin:0;

}

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

.srpmcontactinfo-card{

    position:relative;

    background:#fff;

    border-radius:22px;

    padding:35px 30px;

    height:100%;

    border:1px solid #E8EEF7;

    overflow:hidden;

    transition:.4s;

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

}

.srpmcontactinfo-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#173D69,#F58220);

}

.srpmcontactinfo-card::after{

    content:"";

    position:absolute;

    left:-120%;

    top:0;

    width:60%;

    height:100%;

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

    transform:skewX(-25deg);

    transition:.8s;

}

.srpmcontactinfo-card:hover::after{

    left:180%;

}

.srpmcontactinfo-card:hover{

    transform:translateY(-10px);

    border-color:#F58220;

    box-shadow:0 30px 70px rgba(23,61,105,.12);

}

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

.srpmcontactinfo-icon{

    width:78px;

    height:78px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:20px;

    background:#173D69;

    color:#fff;

    font-size:30px;

    margin-bottom:25px;

    transition:.35s;

}

.srpmcontactinfo-card:hover .srpmcontactinfo-icon{

    background:#F58220;

    transform:rotate(-8deg) scale(1.08);

}

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

.srpmcontactinfo-card span{

    display:block;

    color:#F58220;

    font-size:13px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:1px;

    margin-bottom:12px;

}

.srpmcontactinfo-card h3{

    color:#173D69;

    font-size:24px;

    font-weight:700;

    line-height:1.4;

    margin-bottom:15px;

    word-break:break-word;

    transition:.3s;

}

.srpmcontactinfo-card:hover h3{

    color:#F58220;

}

.srpmcontactinfo-card p{

    color:#667085;

    font-size:15px;

    line-height:28px;

    margin-bottom:25px;

}

.srpmcontactinfo-card a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#173D69;

    text-decoration:none;

    font-weight:700;

    transition:.3s;

}

.srpmcontactinfo-card a:hover{

    color:#F58220;

}

.srpmcontactinfo-card a i{

    transition:.3s;

}

.srpmcontactinfo-card a:hover i{

    transform:translateX(5px);

}

/*=========================================
BOTTOM STRIP
==========================================*/

.srpmcontactinfo-strip{

    background:#173D69;

    border-radius:22px;

    padding:30px 35px;

    display:flex;

    justify-content:space-between;

    gap:25px;

    flex-wrap:wrap;

    color:#fff;

}

.srpmcontactinfo-strip div{

    display:flex;

    align-items:center;

    gap:12px;

    font-size:15px;

    font-weight:500;

}

.srpmcontactinfo-strip strong{

    color:#fff;

}

.srpmcontactinfo-strip i{

    color:#F58220;

    font-size:20px;

}

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

@media(max-width:991px){

.srpmcontactinfo{

padding:90px 0;

}

.srpmcontactinfo-heading{

margin-bottom:45px;

}

.srpmcontactinfo-heading h2{

font-size:40px;

}

.srpmcontactinfo-card{

padding:30px 25px;

}

.srpmcontactinfo-icon{

width:70px;

height:70px;

font-size:28px;

margin-bottom:20px;

}

.srpmcontactinfo-card h3{

font-size:21px;

}

.srpmcontactinfo-strip{

padding:25px;

}

}

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

@media(max-width:767px){

.srpmcontactinfo{

padding:70px 0;

}

.srpmcontactinfo-heading{

margin-bottom:35px;

}

.srpmcontactinfo-tag{

font-size:12px;

padding:8px 16px;

}

.srpmcontactinfo-heading h2{

font-size:30px;

line-height:1.35;

margin-bottom:15px;

}

.srpmcontactinfo-heading p{

font-size:15px;

line-height:28px;

}

.srpmcontactinfo-card{

padding:24px 20px;

border-radius:18px;

}

.srpmcontactinfo-icon{

width:60px;

height:60px;

font-size:24px;

border-radius:16px;

margin-bottom:18px;

}

.srpmcontactinfo-card span{

font-size:12px;

}

.srpmcontactinfo-card h3{

font-size:19px;

}

.srpmcontactinfo-card p{

font-size:14px;

line-height:25px;

margin-bottom:18px;

}

.srpmcontactinfo-strip{

padding:20px;

border-radius:18px;

flex-direction:column;

gap:18px;

}

.srpmcontactinfo-strip div{

align-items:flex-start;

font-size:14px;

}

}

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

@media(max-width:480px){

.srpmcontactinfo-heading h2{

font-size:26px;

}

.srpmcontactinfo-card{

padding:22px 18px;

}

.srpmcontactinfo-icon{

width:55px;

height:55px;

font-size:22px;

}

}

/*=========================================
GET FREE QUOTE
==========================================*/

.srpmquote{

    position:relative;

    padding:110px 0;

    background:#ffffff;

    overflow:hidden;

}

.srpmquote::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(23,61,105,.04);

    top:-180px;

    left:-180px;

}

.srpmquote::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(245,130,32,.05);

    right:-120px;

    bottom:-120px;

}

/*=========================================
LEFT FORM
==========================================*/

.srpmquote-formbox{

    position:relative;

    z-index:2;

    background:#fff;

    border:1px solid #E8EEF7;

    border-radius:24px;

    padding:45px;

    box-shadow:0 20px 60px rgba(0,0,0,.06);

}

.srpmquote-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:40px;

    background:#EEF5FF;

    color:#173D69;

    font-size:14px;

    font-weight:700;

    margin-bottom:20px;

}

.srpmquote-tag i{

    color:#F58220;

}

.srpmquote-formbox h2{

    font-size:46px;

    font-weight:800;

    color:#173D69;

    line-height:1.2;

    margin-bottom:18px;

}

.srpmquote-formbox h2 span{

    display:block;

    color:#F58220;

}

.srpmquote-formbox p{

    color:#667085;

    font-size:17px;

    line-height:30px;

    margin-bottom:35px;

}

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

.srpmquote-form input,

.srpmquote-form select,

.srpmquote-form textarea{

    width:100%;

    height:58px;

    border:1px solid #E3EAF5;

    border-radius:14px;

    padding:0 18px;

    background:#F9FBFE;

    color:#173D69;

    font-size:15px;

    outline:none;

    transition:.3s;

}

.srpmquote-form textarea{

    height:150px;

    resize:none;

    padding:18px;

}

.srpmquote-form input:focus,

.srpmquote-form select:focus,

.srpmquote-form textarea:focus{

    border-color:#F58220;

    background:#fff;

    box-shadow:0 0 0 4px rgba(245,130,32,.08);

}

.srpmquote-form button{

    border:none;

    background:#F58220;

    color:#fff;

    width:100%;

    height:60px;

    border-radius:14px;

    font-size:16px;

    font-weight:700;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    transition:.35s;

}

.srpmquote-form button:hover{

    background:#173D69;

}

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

.srpmquote-info{

    background:linear-gradient(135deg,#173D69,#0F2F58);

    border-radius:24px;

    padding:45px 35px;

    color:#fff;

    position:relative;

    overflow:hidden;

    height:100%;

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

}

.srpmquote-info::before{

    content:"";

    position:absolute;

    width:250px;

    height:250px;

    border-radius:50%;

    border:45px solid rgba(255,255,255,.04);

    right:-120px;

    top:-120px;

}

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

.srpmquote-infoicon{

    width:80px;

    height:80px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:20px;

    background:#F58220;

    font-size:30px;

    margin-bottom:25px;

}

.srpmquote-info h3{

    font-size:32px;

    font-weight:700;

    margin-bottom:15px;

}

.srpmquote-info>p{

    color:#DCE7F8;

    line-height:30px;

    margin-bottom:30px;

}

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

.srpmquote-list{

    display:flex;

    flex-direction:column;

    gap:18px;

    margin-bottom:30px;

}

.srpmquote-list div{

    display:flex;

    align-items:flex-start;

    gap:15px;

}

.srpmquote-list i{

    width:42px;

    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

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

    border-radius:12px;

    color:#F58220;

    flex-shrink:0;

}

.srpmquote-list span{

    line-height:28px;

    color:#fff;

}

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

.srpmquote-rating{

    display:flex;

    align-items:center;

    gap:15px;

    padding:20px;

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

    border-radius:18px;

    margin-bottom:25px;

}

.srpmquote-rating i{

    font-size:40px;

    color:#F58220;

}

.srpmquote-rating strong{

    display:block;

    margin-bottom:5px;

}

.srpmquote-rating span{

    color:#DCE7F8;

}

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

.srpmquote-buttons{

    display:flex;

    gap:15px;

}

.srpmquote-call,

.srpmquote-whatsapp{

    flex:1;

    height:55px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    border-radius:14px;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.srpmquote-call{

    background:#fff;

    color:#173D69;

}

.srpmquote-call:hover{

    background:#F58220;

    color:#fff;

}

.srpmquote-whatsapp{

    background:#25D366;

    color:#fff;

}

.srpmquote-whatsapp:hover{

    background:#1aa84f;

    color:#fff;

}

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

@media(max-width:991px){

.srpmquote{

padding:90px 0;

}

.srpmquote-formbox{

padding:35px;

margin-bottom:25px;

}

.srpmquote-formbox h2{

font-size:38px;

}

.srpmquote-info{

padding:35px;

}

}

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

@media(max-width:767px){

.srpmquote{

padding:70px 0;

}

.srpmquote-formbox{

padding:25px 20px;

border-radius:18px;

}

.srpmquote-tag{

font-size:12px;

padding:8px 16px;

}

.srpmquote-formbox h2{

font-size:30px;

line-height:1.35;

}

.srpmquote-formbox p{

font-size:15px;

line-height:28px;

margin-bottom:25px;

}

.srpmquote-form input,

.srpmquote-form select{

height:52px;

font-size:14px;

}

.srpmquote-form textarea{

height:120px;

font-size:14px;

}

.srpmquote-form button{

height:54px;

font-size:15px;

}

.srpmquote-info{

padding:25px 20px;

border-radius:18px;

}

.srpmquote-infoicon{

width:65px;

height:65px;

font-size:24px;

margin-bottom:18px;

}

.srpmquote-info h3{

font-size:24px;

}

.srpmquote-buttons{

flex-direction:column;

}

.srpmquote-call,

.srpmquote-whatsapp{

width:100%;

}

}
/*=========================================
GOOGLE MAP
==========================================*/

.srpmgooglemap{

    position:relative;

    padding:110px 0 0;

    background:#F8FBFF;

    overflow:hidden;

}

.srpmgooglemap-heading{

    margin-bottom:60px;

    text-align:left;

}

.srpmgooglemap-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    background:#EEF5FF;

    color:#173D69;

    border-radius:40px;

    font-size:14px;

    font-weight:700;

    margin-bottom:22px;

}

.srpmgooglemap-tag i{

    color:#F58220;

}

.srpmgooglemap-heading h2{

    font-size:48px;

    font-weight:800;

    color:#173D69;

    line-height:1.2;

    margin-bottom:20px;

}

.srpmgooglemap-heading h2 span{

    display:block;

    color:#F58220;

}

.srpmgooglemap-heading p{

    max-width:900px;

    color:#667085;

    font-size:17px;

    line-height:31px;

    margin:0;

}

/*=========================================
MAP
==========================================*/

.srpmgooglemap-frame{

    width:100%;

    height:550px;

    overflow:hidden;

}

.srpmgooglemap-frame iframe{

    width:100%;

    height:100%;

    border:0;

    display:block;

    filter:grayscale(8%);

}

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

@media(max-width:991px){

.srpmgooglemap{

padding:90px 0 0;

}

.srpmgooglemap-heading{

margin-bottom:45px;

}

.srpmgooglemap-heading h2{

font-size:40px;

}

.srpmgooglemap-frame{

height:450px;

}

}

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

@media(max-width:767px){

.srpmgooglemap{

padding:70px 0 0;

}

.srpmgooglemap-heading{

margin-bottom:35px;

}

.srpmgooglemap-tag{

font-size:12px;

padding:8px 16px;

}

.srpmgooglemap-heading h2{

font-size:30px;

line-height:1.35;

margin-bottom:15px;

}

.srpmgooglemap-heading p{

font-size:15px;

line-height:28px;

}

.srpmgooglemap-frame{

height:350px;

}

}

/*=========================================
LOCATIONS HERO
==========================================*/

.srpmlocationhero{

    position:relative;

    padding:120px 0 80px;

    background:linear-gradient(135deg,#173D69 0%,#0E2F59 100%);

    overflow:hidden;

}

.srpmlocationhero::before{

    content:"";

    position:absolute;

    width:480px;

    height:480px;

    border-radius:50%;

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

    left:-220px;

    top:-220px;

}

.srpmlocationhero::after{

    content:"";

    position:absolute;

    width:360px;

    height:360px;

    border-radius:50%;

    background:rgba(245,130,32,.08);

    right:-160px;

    bottom:-160px;

}

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

.srpmlocationhero-content{

    position:relative;

    z-index:2;

}

.srpmlocationhero-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

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

    border:1px solid rgba(255,255,255,.10);

    backdrop-filter:blur(10px);

    border-radius:40px;

    color:#fff;

    font-size:14px;

    font-weight:700;

    margin-bottom:25px;

}

.srpmlocationhero-tag i{

    color:#F58220;

}

.srpmlocationhero-content h1{

    font-size:58px;

    font-weight:800;

    line-height:1.15;

    color:#fff;

    margin-bottom:25px;

}

.srpmlocationhero-content h1 span{

    display:block;

    color:#F58220;

}

.srpmlocationhero-content p{

    max-width:760px;

    color:#DCE7F8;

    font-size:17px;

    line-height:31px;

    margin-bottom:35px;

}

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

.srpmlocationhero-features{

    display:flex;

    flex-wrap:wrap;

    gap:20px;

}

.srpmlocationhero-features div{

    display:flex;

    align-items:center;

    gap:10px;

    color:#fff;

    font-size:15px;

    font-weight:600;

}

.srpmlocationhero-features i{

    color:#22C55E;

}

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

.srpmlocationhero-card{

    position:relative;

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

    border:1px solid rgba(255,255,255,.12);

    backdrop-filter:blur(15px);

    border-radius:24px;

    padding:40px 35px;

    color:#fff;

    overflow:hidden;

    transition:.35s;

    box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.srpmlocationhero-card:hover{

    transform:translateY(-8px);

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

}

.srpmlocationhero-icon{

    width:85px;

    height:85px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#F58220;

    color:#fff;

    border-radius:22px;

    font-size:34px;

    margin-bottom:25px;

    transition:.35s;

}

.srpmlocationhero-card:hover .srpmlocationhero-icon{

    transform:rotate(-8deg);

}

.srpmlocationhero-card h3{

    font-size:30px;

    font-weight:700;

    margin-bottom:15px;

}

.srpmlocationhero-card p{

    color:#DCE7F8;

    line-height:29px;

    margin-bottom:25px;

}

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

.srpmlocationhero-card ul{

    list-style:none;

    margin:0 0 30px;

    padding:0;

}

.srpmlocationhero-card ul li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:18px;

    color:#fff;

    font-weight:500;

}

.srpmlocationhero-card ul li i{

    color:#F58220;

    width:20px;

}

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

.srpmlocationhero-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    width:100%;

    height:58px;

    background:#F58220;

    color:#fff;

    text-decoration:none;

    font-weight:700;

    border-radius:14px;

    transition:.35s;

}

.srpmlocationhero-btn:hover{

    background:#fff;

    color:#173D69;

}

/*=========================================
BREADCRUMB
==========================================*/

.srpmlocationhero-breadcrumb{

    margin-top:60px;

    display:flex;

    align-items:center;

    gap:15px;

    flex-wrap:wrap;

}

.srpmlocationhero-breadcrumb a{

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.srpmlocationhero-breadcrumb a:hover{

    color:#F58220;

}

.srpmlocationhero-breadcrumb a i{

    color:#F58220;

    margin-right:6px;

}

.srpmlocationhero-breadcrumb span{

    color:#DCE7F8;

}

.srpmlocationhero-breadcrumb .active{

    color:#F58220;

    font-weight:700;

}

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

@media(max-width:991px){

.srpmlocationhero{

padding:90px 0 70px;

}

.srpmlocationhero-content{

margin-bottom:40px;

}

.srpmlocationhero-content h1{

font-size:44px;

}

.srpmlocationhero-card{

padding:35px 30px;

}

}

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

@media(max-width:767px){

.srpmlocationhero{

padding:70px 0 55px;

}

.srpmlocationhero-tag{

font-size:12px;

padding:8px 16px;

margin-bottom:18px;

}

.srpmlocationhero-content h1{

font-size:30px;

line-height:1.35;

margin-bottom:15px;

}

.srpmlocationhero-content p{

font-size:15px;

line-height:28px;

margin-bottom:25px;

}

.srpmlocationhero-features{

flex-direction:column;

gap:14px;

}

.srpmlocationhero-features div{

font-size:14px;

}

.srpmlocationhero-card{

padding:25px 20px;

border-radius:18px;

}

.srpmlocationhero-icon{

width:65px;

height:65px;

font-size:26px;

border-radius:16px;

margin-bottom:18px;

}

.srpmlocationhero-card h3{

font-size:24px;

}

.srpmlocationhero-card p{

font-size:14px;

line-height:26px;

}

.srpmlocationhero-btn{

height:52px;

font-size:15px;

}

.srpmlocationhero-breadcrumb{

margin-top:35px;

gap:10px;

font-size:14px;

}

}

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

@media(max-width:480px){

.srpmlocationhero-content h1{

font-size:26px;

}

.srpmlocationhero-card{

padding:22px 18px;

}

.srpmlocationhero-icon{

width:58px;

height:58px;

font-size:22px;

}

}
/*=========================================
NAVI MUMBAI & THANE
==========================================*/

.srpmnaviarea{

    position:relative;

    padding:110px 0;

    background:#ffffff;

    overflow:hidden;

}

.srpmnaviarea::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(23,61,105,.04);

    left:-180px;

    top:-180px;

}

.srpmnaviarea::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(245,130,32,.05);

    right:-120px;

    bottom:-120px;

}

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

.srpmnaviarea-heading{

    margin-bottom:60px;

    text-align:left;

}

.srpmnaviarea-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    background:#EEF5FF;

    color:#173D69;

    border-radius:40px;

    font-size:14px;

    font-weight:700;

    margin-bottom:22px;

}

.srpmnaviarea-tag i{

    color:#F58220;

}

.srpmnaviarea-heading h2{

    font-size:48px;

    font-weight:800;

    color:#173D69;

    line-height:1.2;

    margin-bottom:20px;

}

.srpmnaviarea-heading h2 span{

    display:block;

    color:#F58220;

}

.srpmnaviarea-heading p{

    max-width:900px;

    color:#667085;

    font-size:17px;

    line-height:31px;

    margin:0;

}

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

.srpmnaviarea-card{

    background:#fff;

    border:1px solid #E8EEF7;

    border-radius:24px;

    overflow:hidden;

    height:100%;

    transition:.35s;

    box-shadow:0 18px 45px rgba(0,0,0,.05);

}

.srpmnaviarea-card:hover{

    transform:translateY(-8px);

    box-shadow:0 30px 70px rgba(23,61,105,.12);

    border-color:#F58220;

}

/*=========================================
TITLE
==========================================*/

.srpmnaviarea-title{

    background:linear-gradient(135deg,#173D69,#0F2F58);

    color:#fff;

    padding:20px 25px;

    font-size:22px;

    font-weight:700;

    display:flex;

    align-items:center;

    gap:12px;

}

.srpmnaviarea-title i{

    width:46px;

    height:46px;

    border-radius:12px;

    background:#F58220;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    flex-shrink:0;

}

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

.srpmnaviarea-grid{

    display:grid;

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

    gap:15px;

    padding:30px;

}

/*=========================================
LINKS
==========================================*/

.srpmnaviarea-grid a{

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    min-height:55px;

    padding:14px;

    background:#F8FBFF;

    border:1px solid #E5EDF8;

    border-radius:12px;

    text-decoration:none;

    color:#173D69;

    font-size:15px;

    font-weight:600;

    transition:.35s;

}

.srpmnaviarea-grid a:hover{

    background:#173D69;

    color:#fff;

    border-color:#173D69;

    transform:translateY(-4px);

}

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

@media(max-width:991px){

.srpmnaviarea{

padding:90px 0;

}

.srpmnaviarea-heading{

margin-bottom:45px;

}

.srpmnaviarea-heading h2{

font-size:40px;

}

.srpmnaviarea-grid{

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

padding:25px;

}

}

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

@media(max-width:767px){

.srpmnaviarea{

padding:70px 0;

}

.srpmnaviarea-tag{

font-size:12px;

padding:8px 16px;

margin-bottom:18px;

}

.srpmnaviarea-heading{

margin-bottom:35px;

}

.srpmnaviarea-heading h2{

font-size:30px;

line-height:1.35;

margin-bottom:15px;

}

.srpmnaviarea-heading p{

font-size:15px;

line-height:28px;

}

.srpmnaviarea-card{

border-radius:18px;

}

.srpmnaviarea-title{

padding:18px 20px;

font-size:20px;

}

.srpmnaviarea-title i{

width:40px;

height:40px;

font-size:18px;

}

.srpmnaviarea-grid{

grid-template-columns:1fr;

padding:20px;

gap:12px;

}

.srpmnaviarea-grid a{

min-height:50px;

font-size:14px;

padding:12px;

}

}

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

@media(max-width:480px){

.srpmnaviarea-heading h2{

font-size:26px;

}

.srpmnaviarea-title{

font-size:18px;

}

}
/*=========================================
MUMBAI LOCATION DIRECTORY
==========================================*/

.srpmlocationsarea{

    position:relative;

    padding:110px 0;

    background:#F8FBFF;

    overflow:hidden;

}

.srpmlocationsarea::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    border-radius:50%;

    background:rgba(23,61,105,.04);

    top:-220px;

    left:-220px;

}

.srpmlocationsarea::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(245,130,32,.05);

    right:-120px;

    bottom:-120px;

}

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

.srpmlocationsarea-heading{

    margin-bottom:60px;

    text-align:left;

}

.srpmlocationsarea-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    background:#EEF5FF;

    color:#173D69;

    border-radius:40px;

    font-size:14px;

    font-weight:700;

    margin-bottom:22px;

}

.srpmlocationsarea-tag i{

    color:#F58220;

}

.srpmlocationsarea-heading h2{

    font-size:48px;

    font-weight:800;

    color:#173D69;

    line-height:1.2;

    margin-bottom:20px;

}

.srpmlocationsarea-heading h2 span{

    display:block;

    color:#F58220;

}

.srpmlocationsarea-heading p{

    max-width:900px;

    color:#667085;

    font-size:17px;

    line-height:31px;

    margin:0;

}

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

.srpmlocationsarea-card{

    background:#fff;

    border:1px solid #E7EEF8;

    border-radius:24px;

    overflow:hidden;

    height:100%;

    transition:.35s;

    box-shadow:0 18px 45px rgba(0,0,0,.05);

}

.srpmlocationsarea-card:hover{

    transform:translateY(-8px);

    border-color:#F58220;

    box-shadow:0 30px 70px rgba(23,61,105,.12);

}

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

.srpmlocationsarea-title{

    display:flex;

    align-items:center;

    gap:15px;

    padding:22px 28px;

    background:linear-gradient(135deg,#173D69,#0F2F58);

    color:#fff;

    font-size:24px;

    font-weight:700;

}

.srpmlocationsarea-title i{

    width:52px;

    height:52px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#F58220;

    border-radius:14px;

    color:#fff;

    font-size:22px;

    flex-shrink:0;

}

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

.srpmlocationsarea-grid{

    display:grid;

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

    gap:14px;

    padding:30px;

}

/*=========================================
LOCATION LINKS
==========================================*/

.srpmlocationsarea-grid a{

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    min-height:52px;

    padding:12px 14px;

    background:#F8FBFF;

    border:1px solid #E4ECF7;

    border-radius:12px;

    text-decoration:none;

    color:#173D69;

    font-size:14px;

    font-weight:600;

    transition:.35s;

}

.srpmlocationsarea-grid a:hover{

    background:#173D69;

    color:#fff;

    border-color:#173D69;

    transform:translateY(-4px);

}

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

@media(max-width:991px){

.srpmlocationsarea{

padding:90px 0;

}

.srpmlocationsarea-heading{

margin-bottom:45px;

}

.srpmlocationsarea-heading h2{

font-size:40px;

}

.srpmlocationsarea-grid{

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

padding:25px;

}

.srpmlocationsarea-title{

font-size:22px;

padding:20px 24px;

}

}

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

@media(max-width:767px){

.srpmlocationsarea{

padding:70px 0;

}

.srpmlocationsarea-heading{

margin-bottom:35px;

}

.srpmlocationsarea-tag{

font-size:12px;

padding:8px 16px;

}

.srpmlocationsarea-heading h2{

font-size:30px;

line-height:1.35;

margin-bottom:15px;

}

.srpmlocationsarea-heading p{

font-size:15px;

line-height:28px;

}

.srpmlocationsarea-card{

border-radius:18px;

}

.srpmlocationsarea-title{

padding:18px 20px;

font-size:20px;

}

.srpmlocationsarea-title i{

width:42px;

height:42px;

font-size:18px;

border-radius:12px;

}

.srpmlocationsarea-grid{

grid-template-columns:1fr;

padding:20px;

gap:12px;

}

.srpmlocationsarea-grid a{

font-size:14px;

min-height:48px;

}

}

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

@media(max-width:480px){

.srpmlocationsarea-heading h2{

font-size:26px;

}

.srpmlocationsarea-title{

font-size:18px;

}

}

/*=========================================
QUOTE HERO
==========================================*/

.srpmquotehero{

    position:relative;

    padding:120px 0 80px;

    background:linear-gradient(135deg,#173D69 0%,#0F2F58 100%);

    overflow:hidden;

}

.srpmquotehero::before{

    content:"";

    position:absolute;

    width:480px;

    height:480px;

    border-radius:50%;

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

    top:-220px;

    left:-220px;

}

.srpmquotehero::after{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    border-radius:50%;

    background:rgba(245,130,32,.08);

    bottom:-180px;

    right:-180px;

}

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

.srpmquotehero-content{

    position:relative;

    z-index:2;

}

.srpmquotehero-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:40px;

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

    border:1px solid rgba(255,255,255,.10);

    backdrop-filter:blur(12px);

    color:#fff;

    font-size:14px;

    font-weight:700;

    margin-bottom:25px;

}

.srpmquotehero-tag i{

    color:#F58220;

}

.srpmquotehero-content h1{

    font-size:58px;

    font-weight:800;

    color:#fff;

    line-height:1.15;

    margin-bottom:22px;

}

.srpmquotehero-content h1 span{

    display:block;

    color:#F58220;

}

.srpmquotehero-content p{

    max-width:760px;

    color:#DCE7F8;

    font-size:17px;

    line-height:31px;

    margin-bottom:35px;

}

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

.srpmquotehero-features{

    display:flex;

    flex-wrap:wrap;

    gap:22px;

}

.srpmquotehero-features div{

    display:flex;

    align-items:center;

    gap:10px;

    color:#fff;

    font-size:15px;

    font-weight:600;

}

.srpmquotehero-features i{

    color:#22C55E;

}

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

.srpmquotehero-card{

    position:relative;

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

    border:1px solid rgba(255,255,255,.12);

    backdrop-filter:blur(18px);

    border-radius:24px;

    padding:40px 35px;

    color:#fff;

    overflow:hidden;

    transition:.35s;

    box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.srpmquotehero-card:hover{

    transform:translateY(-8px);

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

}

.srpmquotehero-icon{

    width:85px;

    height:85px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#F58220;

    border-radius:22px;

    color:#fff;

    font-size:34px;

    margin-bottom:25px;

    transition:.35s;

}

.srpmquotehero-card:hover .srpmquotehero-icon{

    transform:rotate(-8deg);

}

.srpmquotehero-card h3{

    font-size:30px;

    font-weight:700;

    margin-bottom:15px;

}

.srpmquotehero-card p{

    color:#DCE7F8;

    line-height:29px;

    margin-bottom:25px;

}

.srpmquotehero-card ul{

    list-style:none;

    margin:0;

    padding:0;

    margin-bottom:30px;

}

.srpmquotehero-card ul li{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:16px;

    font-size:15px;

    color:#fff;

}

.srpmquotehero-card ul li i{

    color:#22C55E;

}

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

.srpmquotehero-btn{

    width:100%;

    height:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    background:#F58220;

    color:#fff;

    text-decoration:none;

    border-radius:14px;

    font-weight:700;

    transition:.35s;

}

.srpmquotehero-btn:hover{

    background:#fff;

    color:#173D69;

}

/*=========================================
BREADCRUMB
==========================================*/

.srpmquotehero-breadcrumb{

    margin-top:60px;

    display:flex;

    align-items:center;

    gap:15px;

    flex-wrap:wrap;

}

.srpmquotehero-breadcrumb a{

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.srpmquotehero-breadcrumb a:hover{

    color:#F58220;

}

.srpmquotehero-breadcrumb a i{

    color:#F58220;

    margin-right:6px;

}

.srpmquotehero-breadcrumb span{

    color:#DCE7F8;

}

.srpmquotehero-breadcrumb .active{

    color:#F58220;

    font-weight:700;

}

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

@media(max-width:991px){

.srpmquotehero{

padding:90px 0 70px;

}

.srpmquotehero-content{

margin-bottom:40px;

}

.srpmquotehero-content h1{

font-size:44px;

}

.srpmquotehero-card{

padding:35px 30px;

}

}

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

@media(max-width:767px){

.srpmquotehero{

padding:70px 0 55px;

}

.srpmquotehero-tag{

font-size:12px;

padding:8px 16px;

margin-bottom:18px;

}

.srpmquotehero-content h1{

font-size:30px;

line-height:1.35;

margin-bottom:15px;

}

.srpmquotehero-content p{

font-size:15px;

line-height:28px;

margin-bottom:25px;

}

.srpmquotehero-features{

flex-direction:column;

gap:14px;

}

.srpmquotehero-features div{

font-size:14px;

}

.srpmquotehero-card{

padding:25px 20px;

border-radius:18px;

}

.srpmquotehero-icon{

width:65px;

height:65px;

font-size:26px;

border-radius:16px;

margin-bottom:18px;

}

.srpmquotehero-card h3{

font-size:24px;

}

.srpmquotehero-card p{

font-size:14px;

line-height:26px;

}

.srpmquotehero-btn{

height:52px;

font-size:15px;

}

.srpmquotehero-breadcrumb{

margin-top:35px;

gap:10px;

font-size:14px;

}

}

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

@media(max-width:480px){

.srpmquotehero-content h1{

font-size:26px;

}

.srpmquotehero-card{

padding:22px 18px;

}

.srpmquotehero-icon{

width:58px;

height:58px;

font-size:22px;

}

}

/*=========================================
GALLERY HERO
==========================================*/

.srpmgalleryhero{

    position:relative;

    padding:120px 0 80px;

    background:linear-gradient(135deg,#173D69 0%,#0F2F58 100%);

    overflow:hidden;

}

.srpmgalleryhero::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    border-radius:50%;

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

    left:-220px;

    top:-220px;

}

.srpmgalleryhero::after{

    content:"";

    position:absolute;

    width:360px;

    height:360px;

    border-radius:50%;

    background:rgba(245,130,32,.08);

    right:-180px;

    bottom:-180px;

}

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

.srpmgalleryhero-content{

    position:relative;

    z-index:2;

}

.srpmgalleryhero-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

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

    border:1px solid rgba(255,255,255,.12);

    backdrop-filter:blur(12px);

    border-radius:40px;

    color:#fff;

    font-size:14px;

    font-weight:700;

    margin-bottom:25px;

}

.srpmgalleryhero-tag i{

    color:#F58220;

}

.srpmgalleryhero-content h1{

    font-size:58px;

    font-weight:800;

    color:#fff;

    line-height:1.15;

    margin-bottom:22px;

}

.srpmgalleryhero-content h1 span{

    display:block;

    color:#F58220;

}

.srpmgalleryhero-content p{

    max-width:760px;

    color:#DCE7F8;

    font-size:17px;

    line-height:31px;

    margin-bottom:35px;

}

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

.srpmgalleryhero-features{

    display:flex;

    flex-wrap:wrap;

    gap:20px;

}

.srpmgalleryhero-features div{

    display:flex;

    align-items:center;

    gap:10px;

    color:#fff;

    font-size:15px;

    font-weight:600;

}

.srpmgalleryhero-features i{

    color:#22C55E;

}

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

.srpmgalleryhero-card{

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

    border:1px solid rgba(255,255,255,.12);

    backdrop-filter:blur(18px);

    border-radius:24px;

    padding:40px 35px;

    color:#fff;

    box-shadow:0 25px 60px rgba(0,0,0,.12);

    transition:.35s;

}

.srpmgalleryhero-card:hover{

    transform:translateY(-8px);

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

}

.srpmgalleryhero-icon{

    width:85px;

    height:85px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#F58220;

    color:#fff;

    font-size:34px;

    border-radius:22px;

    margin-bottom:25px;

    transition:.35s;

}

.srpmgalleryhero-card:hover .srpmgalleryhero-icon{

    transform:rotate(-8deg);

}

.srpmgalleryhero-card h3{

    font-size:30px;

    font-weight:700;

    margin-bottom:15px;

}

.srpmgalleryhero-card p{

    color:#DCE7F8;

    line-height:29px;

    margin-bottom:25px;

}

.srpmgalleryhero-card ul{

    margin:0;

    padding:0;

    list-style:none;

    margin-bottom:30px;

}

.srpmgalleryhero-card ul li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:16px;

    color:#fff;

    font-size:15px;

}

.srpmgalleryhero-card ul li i{

    color:#F58220;

    width:20px;

}

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

.srpmgalleryhero-btn{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    width:100%;

    height:58px;

    background:#F58220;

    color:#fff;

    text-decoration:none;

    font-weight:700;

    border-radius:14px;

    transition:.35s;

}

.srpmgalleryhero-btn:hover{


    background:#fff;

    color:#173D69;

}

.srpmgalleryhero-btn i{

    transition:.3s;

}

.srpmgalleryhero-btn:hover i{

    transform:translateX(5px);

}

/*=========================================
BREADCRUMB
==========================================*/

.srpmgalleryhero-breadcrumb{

    margin-top:60px;

    display:flex;

    align-items:center;

    gap:15px;

    flex-wrap:wrap;

}

.srpmgalleryhero-breadcrumb a{

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.srpmgalleryhero-breadcrumb a:hover{

    color:#F58220;

}

.srpmgalleryhero-breadcrumb a i{

    margin-right:6px;

    color:#F58220;

}

.srpmgalleryhero-breadcrumb span{

    color:#DCE7F8;

}

.srpmgalleryhero-breadcrumb .active{

    color:#F58220;

    font-weight:700;

}

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

@media(max-width:991px){

.srpmgalleryhero{

padding:90px 0 70px;

}

.srpmgalleryhero-content{

margin-bottom:40px;

}

.srpmgalleryhero-content h1{

font-size:44px;

}

.srpmgalleryhero-card{

padding:35px 30px;

}

}

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

@media(max-width:767px){

.srpmgalleryhero{

padding:70px 0 55px;

}

.srpmgalleryhero-tag{

font-size:12px;

padding:8px 16px;

margin-bottom:18px;

}

.srpmgalleryhero-content h1{

font-size:30px;

line-height:1.35;

margin-bottom:15px;

}

.srpmgalleryhero-content p{

font-size:15px;

line-height:28px;

margin-bottom:25px;

}

.srpmgalleryhero-features{

flex-direction:column;

gap:14px;

}

.srpmgalleryhero-features div{

font-size:14px;

}

.srpmgalleryhero-card{

padding:25px 20px;

border-radius:18px;

}

.srpmgalleryhero-icon{

width:65px;

height:65px;

font-size:26px;

border-radius:16px;

margin-bottom:18px;

}

.srpmgalleryhero-card h3{

font-size:24px;

}

.srpmgalleryhero-card p{

font-size:14px;

line-height:26px;

}

.srpmgalleryhero-btn{

height:52px;

font-size:15px;

}

.srpmgalleryhero-breadcrumb{

margin-top:35px;

gap:10px;

font-size:14px;

}

}

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

@media(max-width:480px){

.srpmgalleryhero-content h1{

font-size:26px;

}

.srpmgalleryhero-card{

padding:22px 18px;

}

.srpmgalleryhero-icon{

width:58px;

height:58px;

font-size:22px;

}

}

/*=========================================
PREMIUM IMAGE GALLERY
==========================================*/

.srpmgallerygrid{

    position:relative;

    padding:110px 0;

    background:#F8FBFF;

    overflow:hidden;

}

.srpmgallerygrid::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(23,61,105,.04);

    top:-180px;

    left:-180px;

}

.srpmgallerygrid::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(245,130,32,.05);

    right:-120px;

    bottom:-120px;

}

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

.srpmgallerygrid-heading{

    position:relative;

    z-index:2;

    text-align:left;

    margin-bottom:60px;

}

.srpmgallerygrid-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    background:#EEF5FF;

    color:#173D69;

    border-radius:40px;

    font-size:14px;

    font-weight:700;

    margin-bottom:22px;

}

.srpmgallerygrid-tag i{

    color:#F58220;

}

.srpmgallerygrid-heading h2{

    font-size:48px;

    font-weight:800;

    color:#173D69;

    line-height:1.2;

    margin-bottom:20px;

}

.srpmgallerygrid-heading h2 span{

    display:block;

    color:#F58220;

}

.srpmgallerygrid-heading p{

    max-width:900px;

    color:#667085;

    font-size:17px;

    line-height:31px;

    margin:0;

}

/*=========================================
GALLERY ITEM
==========================================*/

.srpmgallerygrid-item{

    position:relative;

    overflow:hidden;

    border-radius:22px;

    background:#fff;

    box-shadow:0 20px 45px rgba(0,0,0,.06);

    transition:.4s;

    height:100%;

}

.srpmgallerygrid-item:hover{

    transform:translateY(-10px);

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

}

.srpmgallerygrid-item a{

    display:block;

    position:relative;

    overflow:hidden;

}

.srpmgallerygrid-item img{

    width:100%;

    height:320px;

    object-fit:cover;

    display:block;

    transition:.6s;

}

.srpmgallerygrid-item:hover img{

    transform:scale(1.12);

}

/*=========================================
OVERLAY
==========================================*/

.srpmgallerygrid-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(to top,
    rgba(23,61,105,.95),
    rgba(23,61,105,.15));

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    padding:30px;

    opacity:0;

    transition:.4s;

}

.srpmgallerygrid-item:hover .srpmgallerygrid-overlay{

    opacity:1;

}

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

.srpmgallerygrid-icon{

    position:absolute;

    top:25px;

    right:25px;

    width:60px;

    height:60px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#F58220;

    color:#fff;

    font-size:20px;

    transform:scale(.5) rotate(-90deg);

    transition:.45s;

}

.srpmgallerygrid-item:hover .srpmgallerygrid-icon{

    transform:scale(1) rotate(0);

}

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

.srpmgallerygrid-overlay span{

    display:inline-block;

    color:#FFD67A;

    font-size:14px;

    font-weight:600;

    margin-bottom:10px;

    letter-spacing:.5px;

}

.srpmgallerygrid-overlay h4{

    color:#fff;

    font-size:26px;

    font-weight:700;

    margin:0;

    line-height:1.3;

}

/*=========================================
HOVER LINE
==========================================*/

.srpmgallerygrid-overlay::before{

    content:"";

    position:absolute;

    left:30px;

    bottom:90px;

    width:0;

    height:3px;

    background:#F58220;

    transition:.4s;

}

.srpmgallerygrid-item:hover .srpmgallerygrid-overlay::before{

    width:70px;

}

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

@media(max-width:991px){

.srpmgallerygrid{

padding:90px 0;

}

.srpmgallerygrid-heading{

margin-bottom:45px;

}

.srpmgallerygrid-heading h2{

font-size:40px;

}

.srpmgallerygrid-item img{

height:280px;

}

.srpmgallerygrid-overlay{

padding:24px;

}

.srpmgallerygrid-overlay h4{

font-size:22px;

}

}

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

@media(max-width:767px){

.srpmgallerygrid{

padding:70px 0;

}

.srpmgallerygrid-heading{

margin-bottom:35px;

}

.srpmgallerygrid-tag{

font-size:12px;

padding:8px 16px;

}

.srpmgallerygrid-heading h2{

font-size:30px;

line-height:1.35;

margin-bottom:15px;

}

.srpmgallerygrid-heading p{

font-size:15px;

line-height:28px;

}

.srpmgallerygrid-item{

border-radius:18px;

}

.srpmgallerygrid-item img{

height:240px;

}

.srpmgallerygrid-overlay{

padding:20px;

}

.srpmgallerygrid-icon{

width:50px;

height:50px;

font-size:16px;

top:18px;

right:18px;

}

.srpmgallerygrid-overlay span{

font-size:13px;

}

.srpmgallerygrid-overlay h4{

font-size:20px;

}

}

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

@media(max-width:480px){

.srpmgallerygrid-heading h2{

font-size:26px;

}

.srpmgallerygrid-item img{

height:220px;

}

.srpmgallerygrid-overlay{

padding:18px;

}

.srpmgallerygrid-overlay h4{

font-size:18px;

}

}
/*=========================================
GLIGHTBOX CUSTOM
==========================================*/

.goverlay{

    background:rgba(7,18,38,.96)!important;

}

.gslide-description{

    background:transparent!important;

    color:#fff!important;

    padding-top:20px!important;

    text-align:center;

}

.gslide-title{

    color:#ffffff!important;

    font-size:28px!important;

    font-weight:700!important;

}

.gslide-desc{

    color:#D5DDE9!important;

    font-size:15px!important;

}

.gclose,

.gnext,

.gprev{

    width:55px!important;

    height:55px!important;

    border-radius:50%!important;

    background:#F58220!important;

    transition:.35s!important;

}

.gclose:hover,

.gnext:hover,

.gprev:hover{

    background:#173D69!important;

}

.gcounter{

    color:#ffffff!important;

    font-size:16px!important;

    font-weight:700!important;

}
/*=========================================
HOUSEHOLD HERO
==========================================*/

.srpmhousehero{

    position:relative;

    padding:120px 0 80px;

    overflow:hidden;

    background:linear-gradient(135deg,#173d69 0%,#0b2f57 100%);

}

.srpmhousehero::before{

    content:"";

    position:absolute;

    width:520px;

    height:520px;

    border-radius:50%;

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

    top:-240px;

    left:-220px;

}

.srpmhousehero::after{

    content:"";

    position:absolute;

    width:380px;

    height:380px;

    border-radius:50%;

    background:rgba(245,130,32,.08);

    right:-170px;

    bottom:-170px;

}

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

.srpmhousehero-content{

    position:relative;

    z-index:2;

}

.srpmhousehero-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:50px;

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

    border:1px solid rgba(255,255,255,.12);

    backdrop-filter:blur(15px);

    color:#fff;

    font-size:14px;

    font-weight:700;

    margin-bottom:22px;

}

.srpmhousehero-tag i{

    color:#F58220;

}

.srpmhousehero-content h1{

    font-size:58px;

    font-weight:800;

    line-height:1.15;

    color:#fff;

    margin-bottom:20px;

}

.srpmhousehero-content h1 span{

    display:block;

    color:#F58220;

}

.srpmhousehero-content p{

    color:#dbe7f5;

    font-size:17px;

    line-height:31px;

    max-width:760px;

    margin-bottom:35px;

}

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

.srpmhousehero-features{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

    margin-bottom:40px;

}

.srpmhousehero-features div{

    display:flex;

    align-items:center;

    gap:10px;

    color:#fff;

    font-weight:600;

    font-size:15px;

}

.srpmhousehero-features i{

    color:#3ED97A;

}

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

.srpmhousehero-buttons{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

}

.srpmhousehero-btn1,

.srpmhousehero-btn2{

    height:58px;

    padding:0 28px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    border-radius:14px;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.srpmhousehero-btn1{

    background:#F58220;

    color:#fff;

}

.srpmhousehero-btn1:hover{

    background:#fff;

    color:#173d69;

}

.srpmhousehero-btn2{

    border:2px solid rgba(255,255,255,.15);

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

    color:#fff;

    backdrop-filter:blur(12px);

}

.srpmhousehero-btn2:hover{

    background:#fff;

    color:#173d69;

}

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

.srpmhousehero-card{

    position:relative;

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

    border:1px solid rgba(255,255,255,.12);

    backdrop-filter:blur(18px);

    border-radius:26px;

    padding:40px 35px;

    color:#fff;

    overflow:hidden;

    transition:.4s;

    box-shadow:0 20px 60px rgba(0,0,0,.15);

}

.srpmhousehero-card:hover{

    transform:translateY(-10px);

}

.srpmhousehero-icon{

    width:85px;

    height:85px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#F58220;

    border-radius:22px;

    font-size:34px;

    color:#fff;

    margin-bottom:25px;

    transition:.4s;

}

.srpmhousehero-card:hover .srpmhousehero-icon{

    transform:rotate(-10deg);

}

.srpmhousehero-card h3{

    font-size:30px;

    font-weight:700;

    margin-bottom:15px;

}

.srpmhousehero-card p{

    color:#dbe7f5;

    line-height:29px;

    margin-bottom:25px;

}

.srpmhousehero-card ul{

    list-style:none;

    padding:0;

    margin:0 0 30px;

}

.srpmhousehero-card li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:15px;

}

.srpmhousehero-card li i{

    color:#F58220;

    width:20px;

}

.srpmhousehero-contact a{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    width:100%;

    height:56px;

    background:#F58220;

    color:#fff;

    text-decoration:none;

    border-radius:14px;

    font-weight:700;

    transition:.35s;

}

.srpmhousehero-contact a:hover{

    background:#fff;

    color:#173d69;

}

/*=========================================
BREADCRUMB
==========================================*/

.srpmhousehero-breadcrumb{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:12px;

    margin-top:55px;

}

.srpmhousehero-breadcrumb a{

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.srpmhousehero-breadcrumb a:hover{

    color:#F58220;

}

.srpmhousehero-breadcrumb a i{

    color:#F58220;

    margin-right:6px;

}

.srpmhousehero-breadcrumb span{

    color:#dbe7f5;

}

.srpmhousehero-breadcrumb .active{

    color:#F58220;

    font-weight:700;

}

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

@media(max-width:991px){

.srpmhousehero{

padding:90px 0 70px;

}

.srpmhousehero-content{

margin-bottom:45px;

}

.srpmhousehero-content h1{

font-size:44px;

}

.srpmhousehero-card{

padding:35px 30px;

}

}

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

@media(max-width:767px){

.srpmhousehero{

padding:70px 0 55px;

}

.srpmhousehero-tag{

font-size:12px;

padding:8px 16px;

margin-bottom:18px;

}

.srpmhousehero-content h1{

font-size:30px;

line-height:1.35;

margin-bottom:15px;

}

.srpmhousehero-content p{

font-size:15px;

line-height:28px;

margin-bottom:25px;

}

.srpmhousehero-features{

flex-direction:column;

gap:14px;

margin-bottom:30px;

}

.srpmhousehero-features div{

font-size:14px;

}

.srpmhousehero-buttons{

flex-direction:column;

}

.srpmhousehero-btn1,

.srpmhousehero-btn2{

width:100%;

height:52px;

font-size:15px;

}

.srpmhousehero-card{

padding:25px 20px;

border-radius:20px;

margin-top:40px;

}

.srpmhousehero-icon{

width:65px;

height:65px;

font-size:26px;

border-radius:16px;

margin-bottom:18px;

}

.srpmhousehero-card h3{

font-size:24px;

}

.srpmhousehero-card p{

font-size:14px;

line-height:26px;

}

.srpmhousehero-breadcrumb{

margin-top:35px;

font-size:14px;

gap:8px;

}

}

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

@media(max-width:480px){

.srpmhousehero-content h1{

font-size:26px;

}

.srpmhousehero-card{

padding:22px 18px;

}

.srpmhousehero-icon{

width:58px;

height:58px;

font-size:22px;

}

}
/*=========================================
HOUSE ABOUT SECTION
==========================================*/

.srpmhouseabout{

    position:relative;

    padding:110px 0;

    background:#ffffff;

    overflow:hidden;

}

.srpmhouseabout::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    border-radius:50%;

    background:rgba(23,61,105,.04);

    left:-220px;

    top:-220px;

}

.srpmhouseabout::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(245,130,32,.05);

    right:-140px;

    bottom:-140px;

}

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

.srpmhouseabout-content{

    position:relative;

    z-index:2;

}

.srpmhouseabout-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    background:#EEF5FF;

    color:#173D69;

    border-radius:40px;

    font-size:14px;

    font-weight:700;

    margin-bottom:22px;

}

.srpmhouseabout-tag i{

    color:#F58220;

}

.srpmhouseabout-content h2{

    font-size:46px;

    font-weight:800;

    color:#173D69;

    line-height:1.25;

    margin-bottom:25px;

}

.srpmhouseabout-content h2 span{

    display:block;

    color:#F58220;

}

.srpmhouseabout-content p{

    color:#667085;

    font-size:16px;

    line-height:31px;

    margin-bottom:22px;

    text-align:justify;

}

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

.srpmhouseabout-right{

    display:grid;

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

    gap:22px;

}

.srpmhouseabout-card{

    position:relative;

    background:#fff;

    border:1px solid #E7EDF6;

    border-radius:22px;

    padding:35px 28px;

    transition:.4s;

    overflow:hidden;

    height:100%;

    box-shadow:0 15px 45px rgba(0,0,0,.05);

}

.srpmhouseabout-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#173D69,#F58220);

}

.srpmhouseabout-card:hover{

    transform:translateY(-10px);

    border-color:#F58220;

    box-shadow:0 30px 70px rgba(23,61,105,.12);

}

.srpmhouseabout-icon{

    width:75px;

    height:75px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#173D69;

    color:#fff;

    border-radius:20px;

    font-size:30px;

    margin-bottom:22px;

    transition:.35s;

}

.srpmhouseabout-card:hover .srpmhouseabout-icon{

    background:#F58220;

    transform:rotate(-8deg);

}

.srpmhouseabout-card h3{

    font-size:22px;

    font-weight:700;

    color:#173D69;

    margin-bottom:15px;

    line-height:1.35;

}

.srpmhouseabout-card p{

    margin:0;

    color:#667085;

    font-size:15px;

    line-height:28px;

    text-align:left;

}

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

@media(max-width:991px){

.srpmhouseabout{

padding:90px 0;

}

.srpmhouseabout-content{

margin-bottom:50px;

}

.srpmhouseabout-content h2{

font-size:38px;

}

.srpmhouseabout-right{

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

gap:20px;

}

}

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

@media(max-width:767px){

.srpmhouseabout{

padding:70px 0;

}

.srpmhouseabout-tag{

font-size:12px;

padding:8px 16px;

margin-bottom:18px;

}

.srpmhouseabout-content h2{

font-size:30px;

line-height:1.35;

margin-bottom:18px;

}

.srpmhouseabout-content p{

font-size:15px;

line-height:28px;

text-align:left;

}

.srpmhouseabout-right{

grid-template-columns:1fr;

gap:18px;

}

.srpmhouseabout-card{


padding:28px 22px;

border-radius:18px;

}

.srpmhouseabout-icon{

width:65px;

height:65px;

font-size:26px;

border-radius:16px;

margin-bottom:18px;

}

.srpmhouseabout-card h3{

font-size:20px;

}

.srpmhouseabout-card p{

font-size:14px;

line-height:25px;

}

}

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

@media(max-width:480px){

.srpmhouseabout-content h2{

font-size:26px;

}

.srpmhouseabout-card{

padding:24px 18px;

}

.srpmhouseabout-icon{

width:58px;

height:58px;

font-size:22px;

}

}

/*=========================================
HOUSE CTA
==========================================*/

.srpmhousecta{

    padding:110px 0;

    background:#ffffff;

}

.srpmhousecta-wrapper{

    position:relative;

    overflow:hidden;

    text-align:center;

    padding:70px 60px;

    border-radius:30px;

    background:linear-gradient(135deg,#173D69,#0F2F58);

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

}

.srpmhousecta-wrapper::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    border-radius:50%;

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

    top:-180px;

    left:-180px;

}

.srpmhousecta-wrapper::after{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    border-radius:50%;

    background:rgba(245,130,32,.10);

    right:-120px;

    bottom:-120px;

}

.srpmhousecta-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:40px;

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

    border:1px solid rgba(255,255,255,.10);

    color:#fff;

    font-size:14px;

    font-weight:700;

    margin-bottom:25px;

}

.srpmhousecta-tag i{

    color:#F58220;

}

.srpmhousecta h2{

    font-size:48px;

    font-weight:800;

    color:#fff;

    margin-bottom:20px;

}

.srpmhousecta p{

    max-width:850px;

    margin:0 auto 35px;

    color:#D8E5F5;

    font-size:17px;

    line-height:31px;

}

.srpmhousecta-features{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:18px;

    margin-bottom:40px;

}

.srpmhousecta-features div{

    display:flex;

    align-items:center;

    gap:10px;

    color:#fff;

    font-weight:600;

}

.srpmhousecta-features i{

    color:#32D583;

}

.srpmhousecta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

.srpmhousecta-btn1,

.srpmhousecta-btn2{

    height:58px;

    padding:0 34px;

    display:inline-flex;

    align-items:center;

    gap:10px;

    text-decoration:none;

    border-radius:14px;

    font-weight:700;

    transition:.35s;

}

.srpmhousecta-btn1{

    background:#F58220;

    color:#fff;

}

.srpmhousecta-btn1:hover{

    background:#fff;

    color:#173D69;

}

.srpmhousecta-btn2{

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

    border:2px solid rgba(255,255,255,.15);

    color:#fff;

}

.srpmhousecta-btn2:hover{

    background:#fff;

    color:#173D69;

}

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

@media(max-width:991px){

.srpmhousecta{

padding:90px 0;

}

.srpmhousecta-wrapper{

padding:55px 35px;

}

.srpmhousecta h2{

font-size:40px;

}

}

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

@media(max-width:767px){

.srpmhousecta{

padding:70px 0;

}

.srpmhousecta-wrapper{

padding:40px 20px;

border-radius:22px;

}

.srpmhousecta-tag{

font-size:12px;

padding:8px 16px;

}

.srpmhousecta h2{

font-size:30px;

line-height:1.35;

}

.srpmhousecta p{

font-size:15px;

line-height:28px;

}

.srpmhousecta-features{

flex-direction:column;

align-items:flex-start;

margin-bottom:30px;

}

.srpmhousecta-buttons{

flex-direction:column;

}

.srpmhousecta-btn1,

.srpmhousecta-btn2{

width:100%;

justify-content:center;

height:52px;

}

}

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

@media(max-width:480px){

.srpmhousecta h2{

font-size:26px;

}

}
/*=========================================
OFFICE HERO
==========================================*/

.srpmofficehero{

    position:relative;

    padding:120px 0 80px;

    overflow:hidden;

    background:linear-gradient(135deg,#173D69 0%,#0F2F58 100%);

}

.srpmofficehero::before{

    content:"";

    position:absolute;

    width:520px;

    height:520px;

    border-radius:50%;

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

    top:-250px;

    left:-220px;

}

.srpmofficehero::after{

    content:"";

    position:absolute;

    width:380px;

    height:380px;

    border-radius:50%;

    background:rgba(245,130,32,.08);

    right:-170px;

    bottom:-170px;

}

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

.srpmofficehero-content{

    position:relative;

    z-index:2;

}

.srpmofficehero-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:40px;

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

    border:1px solid rgba(255,255,255,.12);

    backdrop-filter:blur(14px);

    color:#fff;

    font-size:14px;

    font-weight:700;

    margin-bottom:22px;

}

.srpmofficehero-tag i{

    color:#F58220;

}

.srpmofficehero-content h1{

    font-size:58px;

    font-weight:800;

    line-height:1.15;

    color:#fff;

    margin-bottom:20px;

}

.srpmofficehero-content h1 span{

    display:block;

    color:#F58220;

}

.srpmofficehero-content p{

    max-width:760px;

    color:#DCE7F8;

    font-size:17px;

    line-height:31px;

    margin-bottom:35px;

}

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

.srpmofficehero-features{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

    margin-bottom:40px;

}

.srpmofficehero-features div{

    display:flex;

    align-items:center;

    gap:10px;

    color:#fff;

    font-size:15px;

    font-weight:600;

}

.srpmofficehero-features i{

    color:#32D583;

}

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

.srpmofficehero-buttons{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

}

.srpmofficehero-btn1,

.srpmofficehero-btn2{

    height:58px;

    padding:0 30px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    border-radius:14px;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.srpmofficehero-btn1{

    background:#F58220;

    color:#fff;

}

.srpmofficehero-btn1:hover{

    background:#fff;

    color:#173D69;

}

.srpmofficehero-btn2{

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

    border:2px solid rgba(255,255,255,.15);

    backdrop-filter:blur(10px);

    color:#fff;

}

.srpmofficehero-btn2:hover{

    background:#fff;

    color:#173D69;

}

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

.srpmofficehero-card{

    position:relative;

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

    border:1px solid rgba(255,255,255,.12);

    backdrop-filter:blur(18px);

    border-radius:26px;

    padding:40px 35px;

    overflow:hidden;

    color:#fff;

    transition:.4s;

    box-shadow:0 20px 60px rgba(0,0,0,.15);

}

.srpmofficehero-card:hover{

    transform:translateY(-10px);

}

.srpmofficehero-icon{

    width:85px;

    height:85px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#F58220;

    color:#fff;

    font-size:34px;

    border-radius:22px;

    margin-bottom:25px;

    transition:.35s;

}

.srpmofficehero-card:hover .srpmofficehero-icon{

    transform:rotate(-8deg);

}

.srpmofficehero-card h3{

    font-size:30px;

    font-weight:700;

    margin-bottom:15px;


}

.srpmofficehero-card p{

    color:#DCE7F8;

    line-height:29px;

    margin-bottom:25px;

}

.srpmofficehero-card ul{

    list-style:none;

    padding:0;

    margin:0 0 30px;

}

.srpmofficehero-card li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:16px;

    color:#fff;

    font-size:15px;

}

.srpmofficehero-card li i{

    width:20px;

    color:#F58220;

}

.srpmofficehero-contact a{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    width:100%;

    height:56px;

    border-radius:14px;

    background:#F58220;

    color:#fff;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.srpmofficehero-contact a:hover{

    background:#fff;

    color:#173D69;

}

/*=========================================
BREADCRUMB
==========================================*/

.srpmofficehero-breadcrumb{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:12px;

    margin-top:55px;

}

.srpmofficehero-breadcrumb a{

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.srpmofficehero-breadcrumb a:hover{

    color:#F58220;

}

.srpmofficehero-breadcrumb a i{

    margin-right:6px;

    color:#F58220;

}

.srpmofficehero-breadcrumb span{

    color:#DCE7F8;

}

.srpmofficehero-breadcrumb .active{

    color:#F58220;

    font-weight:700;

}

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

@media(max-width:991px){

.srpmofficehero{

padding:90px 0 70px;

}

.srpmofficehero-content{

margin-bottom:45px;

}

.srpmofficehero-content h1{

font-size:44px;

}

.srpmofficehero-card{

padding:35px 30px;

}

}

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

@media(max-width:767px){

.srpmofficehero{

padding:70px 0 55px;

}

.srpmofficehero-tag{

font-size:12px;

padding:8px 16px;

margin-bottom:18px;

}

.srpmofficehero-content h1{

font-size:30px;

line-height:1.35;

margin-bottom:15px;

}

.srpmofficehero-content p{

font-size:15px;

line-height:28px;

margin-bottom:25px;

}

.srpmofficehero-features{

flex-direction:column;

gap:14px;

margin-bottom:30px;

}

.srpmofficehero-buttons{

flex-direction:column;

}

.srpmofficehero-btn1,

.srpmofficehero-btn2{

width:100%;

height:52px;

}

.srpmofficehero-card{

padding:25px 20px;

margin-top:40px;

border-radius:20px;

}

.srpmofficehero-icon{

width:65px;

height:65px;

font-size:26px;

border-radius:16px;

margin-bottom:18px;

}

.srpmofficehero-card h3{

font-size:24px;

}

.srpmofficehero-card p{

font-size:14px;

line-height:26px;

}

.srpmofficehero-breadcrumb{

margin-top:35px;

font-size:14px;

gap:8px;

}

}

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

@media(max-width:480px){

.srpmofficehero-content h1{

font-size:26px;

}

.srpmofficehero-card{

padding:22px 18px;

}

.srpmofficehero-icon{

width:58px;

height:58px;

font-size:22px;

}

}
/*=========================================
OFFICE ABOUT
==========================================*/

.srpmofficeabout{

    position:relative;

    padding:110px 0;

    background:#ffffff;

    overflow:hidden;

}

.srpmofficeabout::before{

    content:"";

    position:absolute;

    width:430px;

    height:430px;

    border-radius:50%;

    background:rgba(23,61,105,.04);

    top:-180px;

    left:-180px;

}

.srpmofficeabout::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(245,130,32,.05);

    bottom:-140px;

    right:-140px;

}

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

.srpmofficeabout-content{

    position:relative;

    z-index:2;

}

.srpmofficeabout-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    background:#EEF5FF;

    color:#173D69;

    border-radius:40px;

    font-size:14px;

    font-weight:700;

    margin-bottom:22px;

}

.srpmofficeabout-tag i{

    color:#F58220;

}

.srpmofficeabout-content h2{

    font-size:46px;

    font-weight:800;

    color:#173D69;

    line-height:1.2;

    margin-bottom:22px;

}

.srpmofficeabout-content h2 span{

    display:block;

    color:#F58220;

}

.srpmofficeabout-content p{

    font-size:16px;

    color:#667085;

    line-height:31px;

    margin-bottom:22px;

    text-align:justify;

}

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

.srpmofficeabout-right{

    display:grid;

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

    gap:22px;

}

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

.srpmofficeabout-card{

    position:relative;

    background:#fff;

    border-radius:22px;

    padding:35px 28px;

    border:1px solid #E8EEF7;

    overflow:hidden;

    transition:.4s;

    height:100%;

    box-shadow:0 18px 45px rgba(0,0,0,.05);

}

.srpmofficeabout-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#173D69,#F58220);

}

.srpmofficeabout-card::after{

    content:"";

    position:absolute;

    width:120px;

    height:120px;

    border-radius:50%;

    background:rgba(245,130,32,.06);

    right:-60px;

    top:-60px;

    transition:.4s;

}

.srpmofficeabout-card:hover{

    transform:translateY(-10px);

    border-color:#F58220;

    box-shadow:0 30px 70px rgba(23,61,105,.12);

}

.srpmofficeabout-card:hover::after{

    transform:scale(1.5);

}

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

.srpmofficeabout-icon{

    width:75px;

    height:75px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#173D69;

    border-radius:20px;

    color:#fff;

    font-size:30px;

    margin-bottom:22px;

    transition:.35s;

}

.srpmofficeabout-card:hover .srpmofficeabout-icon{

    background:#F58220;

    transform:rotate(-8deg);

}

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

.srpmofficeabout-card h3{

    font-size:22px;

    color:#173D69;

    font-weight:700;

    margin-bottom:15px;

    line-height:1.35;

}

.srpmofficeabout-card p{

    margin:0;

    font-size:15px;

    color:#667085;

    line-height:28px;

    text-align:left;

}

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

@media(max-width:991px){

.srpmofficeabout{

padding:90px 0;

}

.srpmofficeabout-content{

margin-bottom:50px;

}

.srpmofficeabout-content h2{

font-size:38px;

}

.srpmofficeabout-right{

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

gap:20px;

}

}

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

@media(max-width:767px){

.srpmofficeabout{

padding:70px 0;

}

.srpmofficeabout-tag{

font-size:12px;

padding:8px 16px;

margin-bottom:18px;

}

.srpmofficeabout-content h2{

font-size:30px;

line-height:1.35;

margin-bottom:18px;

}

.srpmofficeabout-content p{

font-size:15px;

line-height:28px;

text-align:left;

}

.srpmofficeabout-right{

grid-template-columns:1fr;

gap:18px;

}

.srpmofficeabout-card{

padding:28px 22px;

border-radius:18px;

}

.srpmofficeabout-icon{

width:65px;

height:65px;

font-size:26px;

border-radius:16px;

margin-bottom:18px;

}

.srpmofficeabout-card h3{

font-size:20px;

}

.srpmofficeabout-card p{

font-size:14px;

line-height:25px;

}

}

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

@media(max-width:480px){

.srpmofficeabout-content h2{

font-size:26px;

}

.srpmofficeabout-card{

padding:24px 18px;

}

.srpmofficeabout-icon{

width:58px;

height:58px;

font-size:22px;

}

}
/*=========================================
OFFICE CTA
==========================================*/

.srpmofficecta{

    padding:110px 0;

    background:#fff;

}

.srpmofficecta-wrapper{

    position:relative;

    overflow:hidden;

    text-align:center;

    padding:70px 60px;

    border-radius:30px;

    background:linear-gradient(135deg,#173D69,#0B2F57);

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

}

.srpmofficecta-wrapper::before{

    content:"";

    position:absolute;

    width:380px;

    height:380px;

    border-radius:50%;

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

    left:-180px;

    top:-180px;

}

.srpmofficecta-wrapper::after{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

    border-radius:50%;

    background:rgba(245,130,32,.10);

    right:-120px;

    bottom:-120px;

}

.srpmofficecta-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:40px;

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

    border:1px solid rgba(255,255,255,.12);

    color:#fff;

    font-size:14px;

    font-weight:700;

    margin-bottom:25px;

}

.srpmofficecta-tag i{

    color:#F58220;

}

.srpmofficecta h2{

    color:#fff;

    font-size:48px;

    font-weight:800;

    margin-bottom:20px;

    line-height:1.2;

}

.srpmofficecta p{

    max-width:850px;

    margin:0 auto 35px;

    color:#DCE7F8;

    font-size:17px;

    line-height:31px;

}

.srpmofficecta-features{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:20px;

    margin-bottom:40px;

}

.srpmofficecta-features div{

    display:flex;

    align-items:center;

    gap:10px;

    color:#fff;

    font-weight:600;

}

.srpmofficecta-features i{

    color:#32D583;

}

.srpmofficecta-buttons{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:20px;

}

.srpmofficecta-btn1,

.srpmofficecta-btn2{

    height:58px;

    padding:0 34px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    border-radius:14px;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.srpmofficecta-btn1{

    background:#F58220;

    color:#fff;

}

.srpmofficecta-btn1:hover{

    background:#fff;

    color:#173D69;

}

.srpmofficecta-btn2{

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

    border:2px solid rgba(255,255,255,.15);

    color:#fff;

}

.srpmofficecta-btn2:hover{

    background:#fff;

    color:#173D69;

}

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

@media(max-width:991px){

.srpmofficecta{

padding:90px 0;

}

.srpmofficecta-wrapper{

padding:55px 35px;

}

.srpmofficecta h2{

font-size:40px;

}

}

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

@media(max-width:767px){

.srpmofficecta{

padding:70px 0;

}

.srpmofficecta-wrapper{

padding:40px 20px;

border-radius:22px;

}

.srpmofficecta-tag{

font-size:12px;

padding:8px 16px;

}

.srpmofficecta h2{

font-size:30px;

line-height:1.35;

}

.srpmofficecta p{

font-size:15px;

line-height:28px;

}

.srpmofficecta-features{

flex-direction:column;

align-items:flex-start;

margin-bottom:30px;

}

.srpmofficecta-buttons{

flex-direction:column;

}

.srpmofficecta-btn1,

.srpmofficecta-btn2{

width:100%;

height:52px;

}

}

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

@media(max-width:480px){

.srpmofficecta h2{

font-size:26px;

}

}
/*=========================================
CAR HERO
==========================================*/

.srpmcarhero{

    position:relative;

    padding:120px 0 80px;

    overflow:hidden;

    background:linear-gradient(135deg,#173D69 0%,#0B2F57 100%);

}

.srpmcarhero::before{

    content:"";

    position:absolute;

    width:520px;

    height:520px;

    border-radius:50%;

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

    top:-240px;

    left:-220px;

}

.srpmcarhero::after{

    content:"";

    position:absolute;

    width:380px;

    height:380px;

    border-radius:50%;

    background:rgba(245,130,32,.08);

    right:-170px;

    bottom:-170px;

}

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

.srpmcarhero-content{

    position:relative;

    z-index:2;

}

.srpmcarhero-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:40px;

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

    border:1px solid rgba(255,255,255,.12);

    backdrop-filter:blur(15px);

    color:#fff;

    font-size:14px;

    font-weight:700;

    margin-bottom:22px;

}

.srpmcarhero-tag i{

    color:#F58220;

}

.srpmcarhero-content h1{

    font-size:58px;

    font-weight:800;

    line-height:1.15;

    color:#fff;

    margin-bottom:20px;

}

.srpmcarhero-content h1 span{

    display:block;

    color:#F58220;

}

.srpmcarhero-content p{

    max-width:760px;

    color:#DCE7F8;

    font-size:17px;

    line-height:31px;

    margin-bottom:35px;

}

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

.srpmcarhero-features{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

    margin-bottom:40px;

}

.srpmcarhero-features div{

    display:flex;

    align-items:center;

    gap:10px;

    color:#fff;

    font-weight:600;

    font-size:15px;

}

.srpmcarhero-features i{

    color:#32D583;

}

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

.srpmcarhero-buttons{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

}

.srpmcarhero-btn1,

.srpmcarhero-btn2{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    height:58px;

    padding:0 30px;

    border-radius:14px;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.srpmcarhero-btn1{

    background:#F58220;

    color:#fff;

}

.srpmcarhero-btn1:hover{

    background:#fff;

    color:#173D69;

}

.srpmcarhero-btn2{

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

    border:2px solid rgba(255,255,255,.15);

    backdrop-filter:blur(10px);

    color:#fff;

}

.srpmcarhero-btn2:hover{

    background:#fff;

    color:#173D69;

}

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

.srpmcarhero-card{

    position:relative;

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

    border:1px solid rgba(255,255,255,.12);

    backdrop-filter:blur(18px);

    border-radius:26px;

    padding:40px 35px;

    color:#fff;

    overflow:hidden;

    transition:.4s;

    box-shadow:0 20px 60px rgba(0,0,0,.15);

}

.srpmcarhero-card:hover{

    transform:translateY(-10px);

}

.srpmcarhero-icon{

    width:85px;

    height:85px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#F58220;

    border-radius:22px;

    color:#fff;

    font-size:34px;

    margin-bottom:25px;

    transition:.35s;

}

.srpmcarhero-card:hover .srpmcarhero-icon{

    transform:rotate(-8deg);

}

.srpmcarhero-card h3{

    font-size:30px;

    font-weight:700;

    margin-bottom:15px;

}

.srpmcarhero-card p{

    color:#DCE7F8;

    line-height:29px;


    margin-bottom:25px;

}

.srpmcarhero-card ul{

    list-style:none;

    padding:0;

    margin:0 0 30px;

}

.srpmcarhero-card li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:16px;

    color:#fff;

    font-size:15px;

}

.srpmcarhero-card li i{

    width:20px;

    color:#F58220;

}

.srpmcarhero-contact a{

    width:100%;

    height:56px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    background:#F58220;

    color:#fff;

    text-decoration:none;

    border-radius:14px;

    font-weight:700;

    transition:.35s;

}

.srpmcarhero-contact a:hover{

    background:#fff;

    color:#173D69;

}

/*=========================================
BREADCRUMB
==========================================*/

.srpmcarhero-breadcrumb{

    margin-top:55px;

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:12px;

}

.srpmcarhero-breadcrumb a{

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.srpmcarhero-breadcrumb a:hover{

    color:#F58220;

}

.srpmcarhero-breadcrumb a i{

    color:#F58220;

    margin-right:6px;

}

.srpmcarhero-breadcrumb span{

    color:#DCE7F8;

}

.srpmcarhero-breadcrumb .active{

    color:#F58220;

    font-weight:700;

}

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

@media(max-width:991px){

.srpmcarhero{

padding:90px 0 70px;

}

.srpmcarhero-content{

margin-bottom:45px;

}

.srpmcarhero-content h1{

font-size:44px;

}

.srpmcarhero-card{

padding:35px 30px;

}

}

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

@media(max-width:767px){

.srpmcarhero{

padding:70px 0 55px;

}

.srpmcarhero-tag{

font-size:12px;

padding:8px 16px;

margin-bottom:18px;

}

.srpmcarhero-content h1{

font-size:30px;

line-height:1.35;

margin-bottom:15px;

}

.srpmcarhero-content p{

font-size:15px;

line-height:28px;

margin-bottom:25px;

}

.srpmcarhero-features{

flex-direction:column;

gap:14px;

margin-bottom:30px;

}

.srpmcarhero-buttons{

flex-direction:column;

}

.srpmcarhero-btn1,

.srpmcarhero-btn2{

width:100%;

height:52px;

}

.srpmcarhero-card{

padding:25px 20px;

border-radius:20px;

margin-top:40px;

}

.srpmcarhero-icon{

width:65px;

height:65px;

font-size:26px;

border-radius:16px;

margin-bottom:18px;

}

.srpmcarhero-card h3{

font-size:24px;

}

.srpmcarhero-card p{

font-size:14px;

line-height:26px;

}

.srpmcarhero-breadcrumb{

margin-top:35px;

gap:8px;

font-size:14px;

}

}

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

@media(max-width:480px){

.srpmcarhero-content h1{

font-size:26px;

}

.srpmcarhero-card{

padding:22px 18px;

}

.srpmcarhero-icon{

width:58px;

height:58px;

font-size:22px;

}

}
/*=========================================
CAR ABOUT
==========================================*/

.srpmcarabout{

    position:relative;

    padding:110px 0;

    background:#ffffff;

    overflow:hidden;

}

.srpmcarabout::before{

    content:"";

    position:absolute;

    width:430px;

    height:430px;

    border-radius:50%;

    background:rgba(23,61,105,.04);

    top:-180px;

    left:-180px;

}

.srpmcarabout::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(245,130,32,.05);

    right:-140px;

    bottom:-140px;

}

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

.srpmcarabout-content{

    position:relative;

    z-index:2;

}

.srpmcarabout-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    background:#EEF5FF;

    color:#173D69;

    border-radius:40px;

    font-size:14px;

    font-weight:700;

    margin-bottom:22px;

}

.srpmcarabout-tag i{

    color:#F58220;

}

.srpmcarabout-content h2{

    font-size:46px;

    font-weight:800;

    color:#173D69;

    line-height:1.2;

    margin-bottom:22px;

}

.srpmcarabout-content h2 span{

    display:block;

    color:#F58220;

}

.srpmcarabout-content p{

    font-size:16px;

    color:#667085;

    line-height:31px;

    text-align:justify;

    margin-bottom:22px;

}

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

.srpmcarabout-right{

    display:grid;

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

    gap:22px;

}

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

.srpmcarabout-card{

    position:relative;

    background:#fff;

    border:1px solid #E7EDF6;

    border-radius:22px;

    padding:35px 28px;

    overflow:hidden;

    transition:.4s;

    height:100%;

    box-shadow:0 18px 45px rgba(0,0,0,.05);

}

.srpmcarabout-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#173D69,#F58220);

}

.srpmcarabout-card::after{

    content:"";

    position:absolute;

    width:120px;

    height:120px;

    border-radius:50%;

    background:rgba(245,130,32,.06);

    right:-60px;

    top:-60px;

    transition:.4s;

}

.srpmcarabout-card:hover{

    transform:translateY(-10px);

    border-color:#F58220;

    box-shadow:0 30px 70px rgba(23,61,105,.12);

}

.srpmcarabout-card:hover::after{

    transform:scale(1.5);

}

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

.srpmcarabout-icon{

    width:75px;

    height:75px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#173D69;

    color:#fff;

    border-radius:20px;

    font-size:30px;

    margin-bottom:22px;

    transition:.35s;

}

.srpmcarabout-card:hover .srpmcarabout-icon{

    background:#F58220;

    transform:rotate(-8deg);

}

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

.srpmcarabout-card h3{

    font-size:22px;

    color:#173D69;

    font-weight:700;

    margin-bottom:15px;

    line-height:1.35;

}

.srpmcarabout-card p{

    margin:0;

    font-size:15px;

    color:#667085;

    line-height:28px;

    text-align:left;

}

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

@media(max-width:991px){

.srpmcarabout{

padding:90px 0;

}

.srpmcarabout-content{

margin-bottom:50px;

}

.srpmcarabout-content h2{

font-size:38px;

}

.srpmcarabout-right{

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

gap:20px;

}


}

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

@media(max-width:767px){

.srpmcarabout{

padding:70px 0;

}

.srpmcarabout-tag{

font-size:12px;

padding:8px 16px;

margin-bottom:18px;

}

.srpmcarabout-content h2{

font-size:30px;

line-height:1.35;

margin-bottom:18px;

}

.srpmcarabout-content p{

font-size:15px;

line-height:28px;

text-align:left;

}

.srpmcarabout-right{

grid-template-columns:1fr;

gap:18px;

}

.srpmcarabout-card{

padding:28px 22px;

border-radius:18px;

}

.srpmcarabout-icon{

width:65px;

height:65px;

font-size:26px;

border-radius:16px;

margin-bottom:18px;

}

.srpmcarabout-card h3{

font-size:20px;

}

.srpmcarabout-card p{

font-size:14px;

line-height:25px;

}

}

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

@media(max-width:480px){

.srpmcarabout-content h2{

font-size:26px;

}

.srpmcarabout-card{

padding:24px 18px;

}

.srpmcarabout-icon{

width:58px;

height:58px;

font-size:22px;

}

}
/*=========================================
BIKE HERO
==========================================*/

.srpmbikehero{

    position:relative;

    padding:120px 0 80px;

    overflow:hidden;

    background:linear-gradient(135deg,#173D69 0%,#0B2F57 100%);

}

.srpmbikehero::before{

    content:"";

    position:absolute;

    width:520px;

    height:520px;

    border-radius:50%;

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

    top:-240px;

    left:-220px;

}

.srpmbikehero::after{

    content:"";

    position:absolute;

    width:380px;

    height:380px;

    border-radius:50%;

    background:rgba(245,130,32,.08);

    right:-170px;

    bottom:-170px;

}

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

.srpmbikehero-content{

    position:relative;

    z-index:2;

}

.srpmbikehero-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

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

    border:1px solid rgba(255,255,255,.12);

    backdrop-filter:blur(14px);

    border-radius:40px;

    color:#fff;

    font-size:14px;

    font-weight:700;

    margin-bottom:22px;

}

.srpmbikehero-tag i{

    color:#F58220;

}

.srpmbikehero-content h1{

    font-size:58px;

    font-weight:800;

    color:#fff;

    line-height:1.15;

    margin-bottom:20px;

}

.srpmbikehero-content h1 span{

    display:block;

    color:#F58220;

}

.srpmbikehero-content p{

    max-width:760px;

    color:#DCE7F8;

    font-size:17px;

    line-height:31px;

    margin-bottom:35px;

}

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

.srpmbikehero-features{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

    margin-bottom:40px;

}

.srpmbikehero-features div{

    display:flex;

    align-items:center;

    gap:10px;

    color:#fff;

    font-size:15px;

    font-weight:600;

}

.srpmbikehero-features i{

    color:#32D583;

}

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

.srpmbikehero-buttons{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

}

.srpmbikehero-btn1,

.srpmbikehero-btn2{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    height:58px;

    padding:0 30px;

    border-radius:14px;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.srpmbikehero-btn1{

    background:#F58220;

    color:#fff;

}

.srpmbikehero-btn1:hover{

    background:#fff;

    color:#173D69;

}

.srpmbikehero-btn2{

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

    border:2px solid rgba(255,255,255,.15);

    backdrop-filter:blur(10px);

    color:#fff;

}

.srpmbikehero-btn2:hover{

    background:#fff;

    color:#173D69;

}

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

.srpmbikehero-card{

    position:relative;

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

    border:1px solid rgba(255,255,255,.12);

    backdrop-filter:blur(18px);

    border-radius:26px;

    padding:40px 35px;

    color:#fff;

    overflow:hidden;

    transition:.4s;

    box-shadow:0 20px 60px rgba(0,0,0,.15);

}

.srpmbikehero-card:hover{

    transform:translateY(-10px);

}

.srpmbikehero-icon{

    width:85px;

    height:85px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#F58220;

    color:#fff;

    border-radius:22px;

    font-size:34px;

    margin-bottom:25px;

    transition:.35s;

}

.srpmbikehero-card:hover .srpmbikehero-icon{

    transform:rotate(-8deg);

}

.srpmbikehero-card h3{

    font-size:30px;

    font-weight:700;

    margin-bottom:15px;

}

.srpmbikehero-card p{

    color:#DCE7F8;


    line-height:29px;

    margin-bottom:25px;

}

.srpmbikehero-card ul{

    list-style:none;

    padding:0;

    margin:0 0 30px;

}

.srpmbikehero-card li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:16px;

    color:#fff;

    font-size:15px;

}

.srpmbikehero-card li i{

    width:20px;

    color:#F58220;

}

.srpmbikehero-contact a{

    width:100%;

    height:56px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    background:#F58220;

    color:#fff;

    text-decoration:none;

    border-radius:14px;

    font-weight:700;

    transition:.35s;

}

.srpmbikehero-contact a:hover{

    background:#fff;

    color:#173D69;

}

/*=========================================
BREADCRUMB
==========================================*/

.srpmbikehero-breadcrumb{

    margin-top:55px;

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:12px;

}

.srpmbikehero-breadcrumb a{

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.srpmbikehero-breadcrumb a:hover{

    color:#F58220;

}

.srpmbikehero-breadcrumb a i{

    color:#F58220;

    margin-right:6px;

}

.srpmbikehero-breadcrumb span{

    color:#DCE7F8;

}

.srpmbikehero-breadcrumb .active{

    color:#F58220;

    font-weight:700;

}

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

@media(max-width:991px){

.srpmbikehero{

padding:90px 0 70px;

}

.srpmbikehero-content{

margin-bottom:45px;

}

.srpmbikehero-content h1{

font-size:44px;

}

.srpmbikehero-card{

padding:35px 30px;

}

}

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

@media(max-width:767px){

.srpmbikehero{

padding:70px 0 55px;

}

.srpmbikehero-tag{

font-size:12px;

padding:8px 16px;

margin-bottom:18px;

}

.srpmbikehero-content h1{

font-size:30px;

line-height:1.35;

margin-bottom:15px;

}

.srpmbikehero-content p{

font-size:15px;

line-height:28px;

margin-bottom:25px;

}

.srpmbikehero-features{

flex-direction:column;

gap:14px;

margin-bottom:30px;

}

.srpmbikehero-buttons{

flex-direction:column;

}

.srpmbikehero-btn1,

.srpmbikehero-btn2{

width:100%;

height:52px;

}

.srpmbikehero-card{

padding:25px 20px;

border-radius:20px;

margin-top:40px;

}

.srpmbikehero-icon{

width:65px;

height:65px;

font-size:26px;

border-radius:16px;

margin-bottom:18px;

}

.srpmbikehero-card h3{

font-size:24px;

}

.srpmbikehero-card p{

font-size:14px;

line-height:26px;

}

.srpmbikehero-breadcrumb{

margin-top:35px;

font-size:14px;

gap:8px;

}

}

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

@media(max-width:480px){

.srpmbikehero-content h1{

font-size:26px;

}

.srpmbikehero-card{

padding:22px 18px;

}

.srpmbikehero-icon{

width:58px;

height:58px;

font-size:22px;

}

}
/*=========================================
BIKE ABOUT
==========================================*/

.srpmbikeabout{

    position:relative;

    padding:110px 0;

    background:#ffffff;

    overflow:hidden;

}

.srpmbikeabout::before{

    content:"";

    position:absolute;

    width:430px;

    height:430px;

    border-radius:50%;

    background:rgba(23,61,105,.04);

    top:-180px;

    left:-180px;

}

.srpmbikeabout::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(245,130,32,.05);

    bottom:-140px;

    right:-140px;

}

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

.srpmbikeabout-content{

    position:relative;

    z-index:2;

}

.srpmbikeabout-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    background:#EEF5FF;

    color:#173D69;

    border-radius:40px;

    font-size:14px;

    font-weight:700;

    margin-bottom:22px;

}

.srpmbikeabout-tag i{

    color:#F58220;

}

.srpmbikeabout-content h2{

    font-size:46px;

    font-weight:800;

    color:#173D69;

    line-height:1.2;

    margin-bottom:22px;

}

.srpmbikeabout-content h2 span{

    display:block;

    color:#F58220;

}

.srpmbikeabout-content p{

    font-size:16px;

    color:#667085;

    line-height:31px;

    margin-bottom:22px;

    text-align:justify;

}

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

.srpmbikeabout-right{

    display:grid;

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

    gap:22px;

}

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

.srpmbikeabout-card{

    position:relative;

    background:#fff;

    border:1px solid #E8EEF7;

    border-radius:22px;

    padding:35px 28px;

    overflow:hidden;

    transition:.4s;

    height:100%;

    box-shadow:0 18px 45px rgba(0,0,0,.05);

}

.srpmbikeabout-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#173D69,#F58220);

}

.srpmbikeabout-card::after{

    content:"";

    position:absolute;

    width:120px;

    height:120px;

    border-radius:50%;

    background:rgba(245,130,32,.06);

    top:-60px;

    right:-60px;

    transition:.4s;

}

.srpmbikeabout-card:hover{

    transform:translateY(-10px);

    border-color:#F58220;

    box-shadow:0 30px 70px rgba(23,61,105,.12);

}

.srpmbikeabout-card:hover::after{

    transform:scale(1.5);

}

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

.srpmbikeabout-icon{

    width:75px;

    height:75px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#173D69;

    color:#fff;

    border-radius:20px;

    font-size:30px;

    margin-bottom:22px;

    transition:.35s;

}

.srpmbikeabout-card:hover .srpmbikeabout-icon{

    background:#F58220;

    transform:rotate(-8deg);

}

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

.srpmbikeabout-card h3{

    font-size:22px;

    color:#173D69;

    font-weight:700;

    line-height:1.35;

    margin-bottom:15px;

}

.srpmbikeabout-card p{

    margin:0;

    font-size:15px;

    color:#667085;

    line-height:28px;

    text-align:left;

}

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

@media(max-width:991px){

.srpmbikeabout{

padding:90px 0;

}

.srpmbikeabout-content{

margin-bottom:50px;

}

.srpmbikeabout-content h2{

font-size:38px;

}

.srpmbikeabout-right{

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

gap:20px;

}

}

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

@media(max-width:767px){

.srpmbikeabout{

padding:70px 0;

}

.srpmbikeabout-tag{

font-size:12px;

padding:8px 16px;

margin-bottom:18px;

}

.srpmbikeabout-content h2{

font-size:30px;

line-height:1.35;

margin-bottom:18px;

}

.srpmbikeabout-content p{

font-size:15px;

line-height:28px;

text-align:left;

}

.srpmbikeabout-right{

grid-template-columns:1fr;

gap:18px;

}

.srpmbikeabout-card{

padding:28px 22px;

border-radius:18px;

}

.srpmbikeabout-icon{

width:65px;

height:65px;

font-size:26px;

border-radius:16px;

margin-bottom:18px;

}

.srpmbikeabout-card h3{

font-size:20px;

}

.srpmbikeabout-card p{

font-size:14px;

line-height:25px;

}

}

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

@media(max-width:480px){

.srpmbikeabout-content h2{

font-size:26px;

}

.srpmbikeabout-card{

padding:24px 18px;

}

.srpmbikeabout-icon{

width:58px;

height:58px;

font-size:22px;

}

}
/*=========================================
WAREHOUSING HERO
==========================================*/

.srpmstoragehero{

    position:relative;

    padding:120px 0 80px;

    overflow:hidden;

    background:linear-gradient(135deg,#173D69 0%,#0B2F57 100%);

}

.srpmstoragehero::before{

    content:"";

    position:absolute;

    width:520px;

    height:520px;

    border-radius:50%;

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

    top:-240px;

    left:-220px;

}

.srpmstoragehero::after{

    content:"";

    position:absolute;

    width:380px;

    height:380px;

    border-radius:50%;

    background:rgba(245,130,32,.08);

    right:-170px;

    bottom:-170px;

}

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

.srpmstoragehero-content{

    position:relative;

    z-index:2;

}

.srpmstoragehero-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

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

    border:1px solid rgba(255,255,255,.12);

    backdrop-filter:blur(15px);

    border-radius:40px;

    color:#fff;

    font-size:14px;

    font-weight:700;

    margin-bottom:22px;

}

.srpmstoragehero-tag i{

    color:#F58220;

}

.srpmstoragehero-content h1{

    font-size:58px;

    font-weight:800;

    color:#fff;

    line-height:1.15;

    margin-bottom:20px;

}

.srpmstoragehero-content h1 span{

    display:block;

    color:#F58220;

}

.srpmstoragehero-content p{

    max-width:760px;

    color:#DCE7F8;

    font-size:17px;

    line-height:31px;

    margin-bottom:35px;

}

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

.srpmstoragehero-features{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

    margin-bottom:40px;

}

.srpmstoragehero-features div{

    display:flex;

    align-items:center;

    gap:10px;

    color:#fff;

    font-size:15px;

    font-weight:600;

}

.srpmstoragehero-features i{

    color:#32D583;

}

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

.srpmstoragehero-buttons{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

}

.srpmstoragehero-btn1,

.srpmstoragehero-btn2{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    height:58px;

    padding:0 30px;

    border-radius:14px;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.srpmstoragehero-btn1{

    background:#F58220;

    color:#fff;

}

.srpmstoragehero-btn1:hover{

    background:#fff;

    color:#173D69;

}

.srpmstoragehero-btn2{

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

    border:2px solid rgba(255,255,255,.15);

    color:#fff;

}

.srpmstoragehero-btn2:hover{

    background:#fff;

    color:#173D69;

}

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

.srpmstoragehero-card{

    position:relative;

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

    border:1px solid rgba(255,255,255,.12);

    backdrop-filter:blur(18px);

    border-radius:26px;

    padding:40px 35px;

    color:#fff;

    overflow:hidden;

    transition:.4s;

    box-shadow:0 20px 60px rgba(0,0,0,.15);

}

.srpmstoragehero-card:hover{

    transform:translateY(-10px);

}

.srpmstoragehero-icon{

    width:85px;

    height:85px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#F58220;

    border-radius:22px;

    color:#fff;

    font-size:34px;

    margin-bottom:25px;

    transition:.35s;

}

.srpmstoragehero-card:hover .srpmstoragehero-icon{

    transform:rotate(-8deg);

}

.srpmstoragehero-card h3{

    font-size:30px;

    font-weight:700;

    margin-bottom:15px;

}


.srpmstoragehero-card p{

    color:#DCE7F8;

    line-height:29px;

    margin-bottom:25px;

}

.srpmstoragehero-card ul{

    list-style:none;

    padding:0;

    margin:0 0 30px;

}

.srpmstoragehero-card li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:16px;

    font-size:15px;

}

.srpmstoragehero-card li i{

    width:20px;

    color:#F58220;

}

.srpmstoragehero-contact a{

    width:100%;

    height:56px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    background:#F58220;

    color:#fff;

    text-decoration:none;

    border-radius:14px;

    font-weight:700;

    transition:.35s;

}

.srpmstoragehero-contact a:hover{

    background:#fff;

    color:#173D69;

}

/*=========================================
BREADCRUMB
==========================================*/

.srpmstoragehero-breadcrumb{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:12px;

    margin-top:55px;

}

.srpmstoragehero-breadcrumb a{

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.srpmstoragehero-breadcrumb a:hover{

    color:#F58220;

}

.srpmstoragehero-breadcrumb a i{

    color:#F58220;

    margin-right:6px;

}

.srpmstoragehero-breadcrumb span{

    color:#DCE7F8;

}

.srpmstoragehero-breadcrumb .active{

    color:#F58220;

    font-weight:700;

}

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

@media(max-width:991px){

.srpmstoragehero{

padding:90px 0 70px;

}

.srpmstoragehero-content{

margin-bottom:45px;

}

.srpmstoragehero-content h1{

font-size:44px;

}

.srpmstoragehero-card{

padding:35px 30px;

}

}

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

@media(max-width:767px){

.srpmstoragehero{

padding:70px 0 55px;

}

.srpmstoragehero-tag{

font-size:12px;

padding:8px 16px;

margin-bottom:18px;

}

.srpmstoragehero-content h1{

font-size:30px;

line-height:1.35;

margin-bottom:15px;

}

.srpmstoragehero-content p{

font-size:15px;

line-height:28px;

margin-bottom:25px;

}

.srpmstoragehero-features{

flex-direction:column;

gap:14px;

margin-bottom:30px;

}

.srpmstoragehero-buttons{

flex-direction:column;

}

.srpmstoragehero-btn1,

.srpmstoragehero-btn2{

width:100%;

height:52px;

}

.srpmstoragehero-card{

padding:25px 20px;

border-radius:20px;

margin-top:40px;

}

.srpmstoragehero-icon{

width:65px;

height:65px;

font-size:26px;

border-radius:16px;

margin-bottom:18px;

}

.srpmstoragehero-card h3{

font-size:24px;

}

.srpmstoragehero-card p{

font-size:14px;

line-height:26px;

}

.srpmstoragehero-breadcrumb{

margin-top:35px;

font-size:14px;

gap:8px;

}

}

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

@media(max-width:480px){

.srpmstoragehero-content h1{

font-size:26px;

}

.srpmstoragehero-card{

padding:22px 18px;

}

.srpmstoragehero-icon{

width:58px;

height:58px;

font-size:22px;

}

}
/*=========================================
WAREHOUSING ABOUT
==========================================*/

.srpmstorageabout{

    position:relative;

    padding:110px 0;

    background:#ffffff;

    overflow:hidden;

}

.srpmstorageabout::before{

    content:"";

    position:absolute;

    width:430px;

    height:430px;

    border-radius:50%;

    background:rgba(23,61,105,.04);

    left:-180px;

    top:-180px;

}

.srpmstorageabout::after{

    content:"";

    position:absolute;

    width:340px;

    height:340px;

    border-radius:50%;

    background:rgba(245,130,32,.05);

    right:-160px;

    bottom:-160px;

}

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

.srpmstorageabout-content{

    position:relative;

    z-index:2;

}

.srpmstorageabout-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    background:#EEF5FF;

    color:#173D69;

    border-radius:40px;

    font-size:14px;

    font-weight:700;

    margin-bottom:22px;

}

.srpmstorageabout-tag i{

    color:#F58220;

}

.srpmstorageabout-content h2{

    font-size:46px;

    font-weight:800;

    line-height:1.2;

    color:#173D69;

    margin-bottom:25px;

}

.srpmstorageabout-content h2 span{

    display:block;

    color:#F58220;

}

.srpmstorageabout-content p{

    font-size:16px;

    line-height:31px;

    color:#667085;

    text-align:justify;

    margin-bottom:22px;

}

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

.srpmstorageabout-right{

    display:grid;

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

    gap:22px;

}

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

.srpmstorageabout-card{

    position:relative;

    background:#fff;

    border:1px solid #E8EEF7;

    border-radius:22px;

    padding:35px 28px;

    overflow:hidden;

    transition:.4s;

    height:100%;

    box-shadow:0 18px 45px rgba(0,0,0,.05);

}

.srpmstorageabout-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#173D69,#F58220);

}

.srpmstorageabout-card::after{

    content:"";

    position:absolute;

    width:120px;

    height:120px;

    border-radius:50%;

    background:rgba(245,130,32,.06);

    right:-60px;

    top:-60px;

    transition:.4s;

}

.srpmstorageabout-card:hover{

    transform:translateY(-10px);

    border-color:#F58220;

    box-shadow:0 30px 70px rgba(23,61,105,.12);

}

.srpmstorageabout-card:hover::after{

    transform:scale(1.4);

}

.srpmstorageabout-icon{

    width:75px;

    height:75px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#173D69;

    color:#fff;

    border-radius:20px;

    font-size:30px;

    margin-bottom:22px;

    transition:.35s;

}

.srpmstorageabout-card:hover .srpmstorageabout-icon{

    background:#F58220;

    transform:rotate(-8deg);

}

.srpmstorageabout-card h3{

    color:#173D69;

    font-size:22px;

    font-weight:700;

    margin-bottom:15px;

    line-height:1.35;

}

.srpmstorageabout-card p{

    margin:0;

    color:#667085;

    font-size:15px;

    line-height:28px;

    text-align:left;

}

/*=========================================
BOTTOM HIGHLIGHTS
==========================================*/

.srpmstorageabout-highlight{

    position:relative;

    background:#fff;

    border:1px solid #E8EEF7;

    border-radius:22px;

    text-align:center;

    padding:35px 25px;

    height:100%;

    overflow:hidden;

    transition:.4s;

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

}

.srpmstorageabout-highlight::before{


    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:linear-gradient(90deg,#173D69,#F58220);

}

.srpmstorageabout-highlight:hover{

    transform:translateY(-10px);

    border-color:#F58220;

    box-shadow:0 28px 60px rgba(23,61,105,.12);

}

.srpmstorageabout-highlight i{

    width:75px;

    height:75px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:0 auto 20px;

    background:#173D69;

    color:#fff;

    font-size:30px;

    border-radius:50%;

    transition:.35s;

}

.srpmstorageabout-highlight:hover i{

    background:#F58220;

    transform:scale(1.1);

}

.srpmstorageabout-highlight h4{

    font-size:22px;

    font-weight:700;

    color:#173D69;

    margin-bottom:15px;

}

.srpmstorageabout-highlight p{

    font-size:15px;

    color:#667085;

    line-height:28px;

    margin:0;

}

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

@media(max-width:991px){

.srpmstorageabout{

padding:90px 0;

}

.srpmstorageabout-content{

margin-bottom:50px;

}

.srpmstorageabout-content h2{

font-size:38px;

}

.srpmstorageabout-right{

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

gap:20px;

}

.srpmstorageabout-highlight{

padding:30px 20px;

}

}

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

@media(max-width:767px){

.srpmstorageabout{

padding:70px 0;

}

.srpmstorageabout-tag{

font-size:12px;

padding:8px 16px;

margin-bottom:18px;

}

.srpmstorageabout-content h2{

font-size:30px;

line-height:1.35;

margin-bottom:18px;

}

.srpmstorageabout-content p{

font-size:15px;

line-height:28px;

text-align:left;

}

.srpmstorageabout-right{

grid-template-columns:1fr;

gap:18px;

}

.srpmstorageabout-card{

padding:28px 22px;

border-radius:18px;

}

.srpmstorageabout-icon{

width:65px;

height:65px;

font-size:26px;

border-radius:16px;

margin-bottom:18px;

}

.srpmstorageabout-card h3{

font-size:20px;

}

.srpmstorageabout-card p{

font-size:14px;

line-height:25px;

}

.srpmstorageabout-highlight{

padding:28px 20px;

}

.srpmstorageabout-highlight i{

width:65px;

height:65px;

font-size:24px;

}

.srpmstorageabout-highlight h4{

font-size:20px;

}

.srpmstorageabout-highlight p{

font-size:14px;

line-height:24px;

}

}

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

@media(max-width:480px){

.srpmstorageabout-content h2{

font-size:26px;

}

.srpmstorageabout-card{

padding:24px 18px;

}

.srpmstorageabout-icon{

width:58px;

height:58px;

font-size:22px;

}

.srpmstorageabout-highlight{

padding:24px 18px;

}

.srpmstorageabout-highlight i{

width:58px;

height:58px;

font-size:22px;

}

.srpmstorageabout-highlight h4{

font-size:18px;

}

}
/*=========================================
INTERNATIONAL HERO
==========================================*/

.srpminternationalhero{

    position:relative;

    padding:120px 0 80px;

    overflow:hidden;

    background:linear-gradient(135deg,#173D69 0%,#0B2F57 100%);

}

.srpminternationalhero::before{

    content:"";

    position:absolute;

    width:520px;

    height:520px;

    border-radius:50%;

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

    top:-240px;

    left:-220px;

}

.srpminternationalhero::after{

    content:"";

    position:absolute;

    width:380px;

    height:380px;

    border-radius:50%;

    background:rgba(245,130,32,.08);

    right:-170px;

    bottom:-170px;

}

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

.srpminternationalhero-content{

    position:relative;

    z-index:2;

}

.srpminternationalhero-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

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

    border:1px solid rgba(255,255,255,.12);

    backdrop-filter:blur(14px);

    border-radius:40px;

    color:#fff;

    font-size:14px;

    font-weight:700;

    margin-bottom:22px;

}

.srpminternationalhero-tag i{

    color:#F58220;

}

.srpminternationalhero-content h1{

    font-size:58px;

    font-weight:800;

    color:#fff;

    line-height:1.15;

    margin-bottom:20px;

}

.srpminternationalhero-content h1 span{

    display:block;

    color:#F58220;

}

.srpminternationalhero-content p{

    max-width:760px;

    color:#DCE7F8;

    font-size:17px;

    line-height:31px;

    margin-bottom:35px;

}

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

.srpminternationalhero-features{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

    margin-bottom:40px;

}

.srpminternationalhero-features div{

    display:flex;

    align-items:center;

    gap:10px;

    color:#fff;

    font-size:15px;

    font-weight:600;

}

.srpminternationalhero-features i{

    color:#32D583;

}

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

.srpminternationalhero-buttons{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

}

.srpminternationalhero-btn1,

.srpminternationalhero-btn2{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    height:58px;

    padding:0 30px;

    border-radius:14px;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.srpminternationalhero-btn1{

    background:#F58220;

    color:#fff;

}

.srpminternationalhero-btn1:hover{

    background:#fff;

    color:#173D69;

}

.srpminternationalhero-btn2{

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

    border:2px solid rgba(255,255,255,.15);

    color:#fff;

}

.srpminternationalhero-btn2:hover{

    background:#fff;

    color:#173D69;

}

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

.srpminternationalhero-card{

    position:relative;

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

    border:1px solid rgba(255,255,255,.12);

    backdrop-filter:blur(18px);

    border-radius:26px;

    padding:40px 35px;

    color:#fff;

    overflow:hidden;

    transition:.4s;

    box-shadow:0 20px 60px rgba(0,0,0,.15);

}

.srpminternationalhero-card:hover{

    transform:translateY(-10px);

}

.srpminternationalhero-icon{

    width:85px;

    height:85px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#F58220;

    color:#fff;

    border-radius:22px;

    font-size:34px;

    margin-bottom:25px;

    transition:.35s;

}

.srpminternationalhero-card:hover .srpminternationalhero-icon{

    transform:rotate(-8deg);

}

.srpminternationalhero-card h3{

    font-size:30px;

    font-weight:700;

    margin-bottom:15px;

}

.srpminternationalhero-card p{

    color:#DCE7F8;

    line-height:29px;

    margin-bottom:25px;

}

.srpminternationalhero-card ul{

    list-style:none;

    padding:0;

    margin:0 0 30px;

}

.srpminternationalhero-card li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:16px;

    font-size:15px;

}

.srpminternationalhero-card li i{

    width:20px;

    color:#F58220;

}

.srpminternationalhero-contact a{

    width:100%;

    height:56px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    background:#F58220;

    color:#fff;

    text-decoration:none;

    border-radius:14px;

    font-weight:700;

    transition:.35s;

}

.srpminternationalhero-contact a:hover{

    background:#fff;

    color:#173D69;

}

/*=========================================
BREADCRUMB
==========================================*/

.srpminternationalhero-breadcrumb{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:12px;

    margin-top:55px;

}

.srpminternationalhero-breadcrumb a{

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.srpminternationalhero-breadcrumb a:hover{

    color:#F58220;

}

.srpminternationalhero-breadcrumb a i{

    color:#F58220;

    margin-right:6px;

}

.srpminternationalhero-breadcrumb span{

    color:#DCE7F8;

}

.srpminternationalhero-breadcrumb .active{

    color:#F58220;

    font-weight:700;

}

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

@media(max-width:991px){

.srpminternationalhero{

padding:90px 0 70px;

}

.srpminternationalhero-content{

margin-bottom:45px;

}

.srpminternationalhero-content h1{

font-size:44px;

}

.srpminternationalhero-card{

padding:35px 30px;

}

}

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

@media(max-width:767px){

.srpminternationalhero{

padding:70px 0 55px;

}

.srpminternationalhero-tag{

font-size:12px;

padding:8px 16px;

margin-bottom:18px;

}

.srpminternationalhero-content h1{

font-size:30px;

line-height:1.35;

margin-bottom:15px;

}

.srpminternationalhero-content p{

font-size:15px;

line-height:28px;

margin-bottom:25px;

}

.srpminternationalhero-features{

flex-direction:column;

gap:14px;

margin-bottom:30px;

}

.srpminternationalhero-buttons{

flex-direction:column;

}

.srpminternationalhero-btn1,

.srpminternationalhero-btn2{

width:100%;

height:52px;

}

.srpminternationalhero-card{

padding:25px 20px;

border-radius:20px;

margin-top:40px;

}

.srpminternationalhero-icon{

width:65px;

height:65px;

font-size:26px;

border-radius:16px;

margin-bottom:18px;

}

.srpminternationalhero-card h3{

font-size:24px;

}

.srpminternationalhero-card p{

font-size:14px;

line-height:26px;

}

.srpminternationalhero-breadcrumb{

margin-top:35px;

font-size:14px;

gap:8px;

}

}

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

@media(max-width:480px){

.srpminternationalhero-content h1{

font-size:26px;

}

.srpminternationalhero-card{

padding:22px 18px;

}

.srpminternationalhero-icon{

width:58px;

height:58px;

font-size:22px;

}

}
/*=========================================
INTERNATIONAL ABOUT
==========================================*/

.srpminternationalabout{

    position:relative;

    padding:110px 0;

    background:#ffffff;

    overflow:hidden;

}

.srpminternationalabout::before{

    content:"";

    position:absolute;

    width:430px;

    height:430px;

    border-radius:50%;

    background:rgba(23,61,105,.04);

    left:-180px;

    top:-180px;

}

.srpminternationalabout::after{

    content:"";

    position:absolute;

    width:340px;

    height:340px;

    border-radius:50%;

    background:rgba(245,130,32,.05);

    right:-160px;

    bottom:-160px;

}

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

.srpminternationalabout-content{

    position:relative;

    z-index:2;

}

.srpminternationalabout-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    background:#EEF5FF;

    color:#173D69;

    border-radius:40px;

    font-size:14px;

    font-weight:700;

    margin-bottom:22px;

}

.srpminternationalabout-tag i{

    color:#F58220;

}

.srpminternationalabout-content h2{

    font-size:46px;

    font-weight:800;

    color:#173D69;

    line-height:1.2;

    margin-bottom:25px;

}

.srpminternationalabout-content h2 span{

    display:block;

    color:#F58220;

}

.srpminternationalabout-content p{

    font-size:16px;

    color:#667085;

    line-height:31px;

    text-align:justify;

    margin-bottom:22px;

}

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

.srpminternationalabout-right{

    display:grid;

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

    gap:22px;

}

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

.srpminternationalabout-card{

    position:relative;

    background:#fff;

    border:1px solid #E8EEF7;

    border-radius:22px;

    padding:35px 28px;

    overflow:hidden;

    transition:.4s;

    height:100%;

    box-shadow:0 18px 45px rgba(0,0,0,.05);

}

.srpminternationalabout-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#173D69,#F58220);

}

.srpminternationalabout-card::after{

    content:"";

    position:absolute;

    width:120px;

    height:120px;

    border-radius:50%;

    background:rgba(245,130,32,.06);

    right:-60px;

    top:-60px;

    transition:.4s;

}

.srpminternationalabout-card:hover{

    transform:translateY(-10px);

    border-color:#F58220;

    box-shadow:0 30px 70px rgba(23,61,105,.12);

}

.srpminternationalabout-card:hover::after{

    transform:scale(1.5);

}

.srpminternationalabout-icon{

    width:75px;

    height:75px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#173D69;

    color:#fff;

    border-radius:20px;

    font-size:30px;

    margin-bottom:22px;

    transition:.35s;

}

.srpminternationalabout-card:hover .srpminternationalabout-icon{

    background:#F58220;

    transform:rotate(-8deg);

}

.srpminternationalabout-card h3{

    font-size:22px;

    color:#173D69;

    font-weight:700;

    line-height:1.35;

    margin-bottom:15px;

}

.srpminternationalabout-card p{

    margin:0;

    font-size:15px;

    color:#667085;

    line-height:28px;

    text-align:left;

}

/*=========================================
BOTTOM HIGHLIGHTS
==========================================*/

.srpminternationalabout-highlight{

    position:relative;

    background:#fff;

    border:1px solid #E8EEF7;

    border-radius:22px;

    text-align:center;

    padding:35px 25px;

    height:100%;

    overflow:hidden;

    transition:.4s;

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

}

.srpminternationalabout-highlight::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:linear-gradient(90deg,#173D69,#F58220);

}

.srpminternationalabout-highlight:hover{

    transform:translateY(-10px);

    border-color:#F58220;

    box-shadow:0 28px 60px rgba(23,61,105,.12);

}

.srpminternationalabout-highlight i{

    width:75px;

    height:75px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:0 auto 20px;

    background:#173D69;

    color:#fff;

    font-size:30px;

    border-radius:50%;

    transition:.35s;

}

.srpminternationalabout-highlight:hover i{

    background:#F58220;

    transform:scale(1.08);

}

.srpminternationalabout-highlight h4{

    font-size:22px;

    font-weight:700;

    color:#173D69;

    margin-bottom:15px;

}

.srpminternationalabout-highlight p{

    font-size:15px;

    color:#667085;

    line-height:28px;

    margin:0;

}

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

@media(max-width:991px){

.srpminternationalabout{

padding:90px 0;

}

.srpminternationalabout-content{

margin-bottom:50px;

}

.srpminternationalabout-content h2{

font-size:38px;

}

.srpminternationalabout-right{

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

gap:20px;

}

.srpminternationalabout-highlight{

padding:30px 20px;

}

}

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

@media(max-width:767px){

.srpminternationalabout{

padding:70px 0;

}

.srpminternationalabout-tag{

font-size:12px;

padding:8px 16px;

margin-bottom:18px;

}

.srpminternationalabout-content h2{

font-size:30px;

line-height:1.35;

margin-bottom:18px;

}

.srpminternationalabout-content p{

font-size:15px;

line-height:28px;

text-align:left;

}

.srpminternationalabout-right{

grid-template-columns:1fr;

gap:18px;

}

.srpminternationalabout-card{

padding:28px 22px;

border-radius:18px;

}

.srpminternationalabout-icon{

width:65px;

height:65px;

font-size:26px;

border-radius:16px;

margin-bottom:18px;

}

.srpminternationalabout-card h3{

font-size:20px;

}

.srpminternationalabout-card p{

font-size:14px;

line-height:25px;

}

.srpminternationalabout-highlight{

padding:28px 20px;

}

.srpminternationalabout-highlight i{

width:65px;

height:65px;

font-size:26px;

}

.srpminternationalabout-highlight h4{

font-size:20px;

}

.srpminternationalabout-highlight p{

font-size:14px;

line-height:24px;

}

}

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

@media(max-width:480px){

.srpminternationalabout-content h2{

font-size:26px;

}

.srpminternationalabout-card{

padding:24px 18px;

}

.srpminternationalabout-icon{

width:58px;

height:58px;

font-size:22px;

}

.srpminternationalabout-highlight{

padding:24px 18px;

}

.srpminternationalabout-highlight i{

width:58px;

height:58px;

font-size:22px;

}

.srpminternationalabout-highlight h4{

font-size:18px;

}

}