/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader, section-padding etc)
    02. BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
	04. START ABOUT DESIGN
	05. START SERVICE DESIGN
	06. START GET-STRETED
	07. START TEAM DESIGN
	08. START FUN FACT DESIGN
	09. START WORK DESIGN
	10. START TESTIMONIAL DESIGN
	11. START PRICE PLAN DESIGN
	12. START BLOG DESIGN
	13. START CONTACT DESIGN
	14. START MAP DESIGN
	15. START FOOTER DESIGN
  =============================================================*/
/*01.GENERAL STYLE*/

body {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 1px;
    height: 100%;
    font-family: 'Raleway', sans-serif;
    color: #666;
}
html,
body {
    height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
a {
    font-family: "Montserrat", sans-serif;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
a:hover {
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
.no-padding {
    padding: 0;
}
/*SRAERT PRELOADER DESIGN*/

.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}
.status,
.status-mes {
    background-image: url(img/ajax-loader.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}
.status-mes h4 {
    color: #fff;
    margin-top: 30px;
    text-transform: uppercase;
}
/*END PRELOADER DESIGN*/
/*START SCROLL TO UP DESIGN*/

.scrollup {
    background: #00afef none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 30px;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 25px;
    height: 40px;
    line-height: 35px;
    position: fixed;
    right: 30px;
    text-align: center;
    width: 40px;
    z-index: 9;
}
.scrollup:hover {
    background: #17a158;
    -webkit-transition: .5s;
    transition: .5s;
}
/*END SCROLL TO UP DESIGN*/
/*START SECTION TITLE DESIGN*/

.section-title {
    margin-bottom: 50px;
}
.section-title h2 {
    font-size: 30px;
    font-weight: 600;
}
.section-title span {
    background: #00bcd4 none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 15px auto;
    width: 80px;
}
.section-padding {
    padding: 60px 0;
}
.gry-bg {
    background: #f6f6f6;
}
.footer-bg {
    background: #333;
}
.footer-bottom-bg {
    background: #222;
}
/*END SECTION TITLE DESIGN*/
/*01.END GENERAL STYLE*/
/*02.START MENU DESIGN AREA*/

.header-top-area {
    background: linear-gradient(180deg, rgba(3, 15, 24, 0.72), rgba(3, 15, 24, 0.14));
    backdrop-filter: blur(8px);
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    -webkit-transition: .4s;
    transition: .4s;
}
.logo a {
    color: #fff;
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.logo a span,
.logo a small {
    display: block;
}
.logo a small {
    color: rgba(255, 255, 255, 0.7);
    font-size: 10px;
    letter-spacing: 3px;
    margin-top: 4px;
}
.logo {
    padding-top: 29px;
}
.logo-brand-img {
    display: block;
    height: auto;
    max-height: 64px;
    max-width: min(100%, 280px);
    object-fit: contain;
    width: 100%;
}
.mainmenu .navbar-nav li a {
    color: #fff;
    font-weight: 400;
    padding: 30px 15px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    font-size: 13px;
}
.mainmenu .navbar-nav li a:hover {
    background: none;
    color: #00afef;
    -webkit-transition: .3s;
    transition: .3s;
}
.nav li a:hover,
.nav li a:focus {
    background: none;
    color: #00afef;
}
.menu-bg .navbar-nav li a:hover,
.menu-bg .navbar-nav li.active a {
    color: #00afef;
    -webkit-transition: .3s;
    transition: .3s;
}
.navbar {
    margin: 0;
}
.menu-bg {
    background: rgba(4, 20, 32, 0.86);
    backdrop-filter: blur(12px);
    z-index: 999;
}
.menu-bg .navbar-nav li a {
    color: #fff;
}
.menu-bg .mainmenu .navbar-nav li a {
    padding: 20px 15px;
    -webkit-transition: .3s;
    transition: .3s;
}
.menu-bg .logo {
    padding-top: 18px;
    -webkit-transition: .3s;
    transition: .3s;
}
.menu-bg .logo a {
    color: #00afef;
}
.menu-bg .mainmenu .navbar-nav li a:hover {
    color: #00afef;
}
/*02. END MENU DESIGN AREA*/
/*03.START HOME DESIGN AREA*/

.welcome-hero-area,
.welcome-slider-area,
.welcome-hero-area,
.welcome-slider-area div {
    height: auto;
}
.welcome-hero-area,
.welcome-slider-area,
#welcome-slide-carousel,
.welcome-slider-area .carousel-inner,
.welcome-slider-area .carousel-inner .item,
.welcome-slider-area .single-slide-item,
.welcome-slider-area .single-slide-item-table {
    min-height: 100vh;
}
.welcome-hero-area div.single-slide-item-table-cell,
.welcome-hero-area div.single-slide-item-table-cell div {
    height: auto;
}
.single-slide-item-table-cell {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}
.single-slide-item-table {
    display: table;
    width: 100%;
}
a.slide-btn {
    background: #00afef;
    border-radius: 999px;
    color: #fff;
    display: inline-block;
    font-weight: 400;
    margin: 0;
    padding: 13px 22px;
    text-transform: uppercase;
    width: auto;
    transition: .5s;
}
a.slide-btn:hover {
    background: #0896cb;
    color: #fff;
    border: none;
}
.single-slide-item h1,
.single-slide-item h2 {
    font-size: 54px;
    color: #fff;
    line-height: 1.08;
    margin-bottom: 18px;
}
.single-slide-item h2 span {
    color: #2980b9;
}
.single-slide-item p {
    color: #fff;
}
.slide-1 {
    background:url(../img/bg/slide-1.jpg);
    background-size: cover;
}
.single-slide-item {
    position: relative;
    z-index: 1;
}
.single-slide-item:after {
    background:
        radial-gradient(circle at 15% 25%, rgba(0, 175, 239, 0.3), transparent 26%),
        radial-gradient(circle at 88% 18%, rgba(255, 255, 255, 0.1), transparent 20%),
        linear-gradient(115deg, rgba(5, 16, 24, 0.9) 0%, rgba(8, 31, 47, 0.82) 45%, rgba(1, 19, 31, 0.72) 100%);
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
a.welcome-control:hover i,
a.welcome-control:focus {
    color: #00afef;
}
.single-slide-item p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 18px;
    line-height: 1.9;
    margin-bottom: 0;
    max-width: 640px;
}
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
.welcome-control {
    background: transparent none repeat scroll 0 0 !important;
    border: 1px solid #ddd;
    border-radius: 50%;
    color: #fff;
    font-size: 24px;
    height: 50px;
    left: 0;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    z-index: 20;
}
.right.welcome-control {
    left: auto;
    right: -52px;
}
.left.welcome-control {
    left: -52px;
}
.welcome-slider-area:hover .right.welcome-control {
    right: 30px;
    transition: .25s;
    -webkit-transition: .25s
}
.welcome-slider-area:hover .left.welcome-control {
    left: 30px;
    transition: .25s;
    -webkit-transition: .25s
}
/*03.END HOME DESIGN AREA*/
/*04.START ABOUT DESIGN AREA*/

.featured-area {
    overflow: hidden;
}
.single-featured {
    cursor: pointer;
}
.single-featured h4 {
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 10px;
}
.single-featured i {
    background: #687074 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 35px;
    height: 80px;
    line-height: 80px;
    margin: 0 auto 10px;
    text-align: center;
    width: 80px;
}
.single-featured:hover i {
    background: #00afef;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
}
.about-text h4,
.our-Expertise h4 {
    margin-bottom: 20px;
    margin-top: 50px;
}
.about-text span {
    color: #00afef;
}
.about-text > p {
    margin-bottom: 20px;
}
a.about-btn {
    background: #00afef;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 2px;
    padding: 8px 16px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
a.about-btn:hover {
    background: #17a158;
    color: #fff;
    transition: .5s;
    -webkit-transition: .5s;
}
.progress-bar-text > span {
    float: right;
}
.progress-bar-text {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 16px;
}
.progress-bar {
    background: #ddd none repeat scroll 0 0;
    box-shadow: 0 0 0;
    height: 10px;
    margin: 0 0 15px;
    position: relative;
    width: 100%;
}
.progress-bar > span {
    background: #00afef;
    display: block;
    height: 100%;
}
/*04.END ABOUT DESIGN AREA*/
/*05.START SERVICE DESIGN AREA*/

.single-service-box {
    background: #fff none repeat scroll 0 0;
    margin-top: 30px;
    padding: 30px;
    text-align: center;
    transition: .4s;
    cursor: pointer;
}
.service-content h4 {
    color: #666;
    letter-spacing: 2px;
    position: relative;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
}
.service-icon i {
    background: #687074 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 25px;
    height: 62px;
    line-height: 62px;
    margin-bottom: 10px;
    text-align: center;
    width: 62px;
    -webkit-transition: .4s;
    transition: .4s;
}
.single-service-box:hover {
    background: #00afef;
    color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
}
.single-service-box:hover .service-icon i {
    background: #fff;
    color: #00afef;
    -webkit-transition: .4s;
    transition: .4s;
}
.single-service-box:hover .service-content h4 {
    color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
}
/*05.END SERVICE DESIGN AREA*/
/*06. START GET-STRETED AREA*/

.great-started-text h4 {
    color: #fff;
    font-size: 16px;
}
.great-started {
    background: rgba(0, 0, 0, 0) url("img/bg/get-started-bg.jpg") repeat fixed 0 0 / cover;
    position: relative;
    z-index: 1;
}
.great-started-text > h2 {
    color: #fff;
    font-size: 20px;
    margin-top: 25px;
}
a.get-start-btn {
    background: #00afef none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin-top: 20px;
    padding: 12px 15px;
    text-transform: uppercase;
}
a.get-start-btn:hover {
    background: #17a158;
    -webkit-transition: .5s;
    transition: .5s;
}
.great-started:after {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
/*06. END GET-STRETED AREA*/
/*07. START TEAM DESIGN AREA*/

.our-team-area {
    background:
        radial-gradient(circle at 0% 10%, rgba(0, 175, 239, 0.12), transparent 30%),
        radial-gradient(circle at 100% 20%, rgba(15, 46, 69, 0.08), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #f3f9fd 100%);
    overflow: hidden;
    position: relative;
}
.team-intro-row {
    margin-bottom: 8px;
}
.team-intro-card {
    background: #fff;
    border: 1px solid #dceaf3;
    border-radius: 20px;
    box-shadow: 0 16px 32px rgba(16, 50, 74, 0.06);
    margin-top: 12px;
    padding: 26px 28px;
}
.team-intro-card strong {
    color: #10324a;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.team-intro-card p {
    margin-bottom: 0;
}
.team-grid {
    margin-top: 14px;
}
.team-card-shell {
    --team-accent: #00afef;
    --team-accent-deep: #0f2e45;
    margin-top: 30px;
    perspective: 1600px;
    position: relative;
}
.team-card-shell-secondary {
    --team-accent: #4ed8cf;
    --team-accent-deep: #123b58;
}
.single-team {
    --team-rotate-x: 0deg;
    --team-rotate-y: 0deg;
    --team-glow-x: 50%;
    --team-glow-y: 16%;
    --team-lift: 0px;
    background: linear-gradient(155deg, rgba(255, 255, 255, 0.96) 0%, rgba(237, 247, 252, 0.95) 100%);
    border: 1px solid rgba(16, 50, 74, 0.1);
    border-radius: 30px;
    box-shadow: 0 24px 50px rgba(16, 50, 74, 0.12);
    overflow: hidden;
    padding: 0 0 28px;
    position: relative;
    transform: perspective(1600px) rotateX(var(--team-rotate-x)) rotateY(var(--team-rotate-y)) translateY(var(--team-lift));
    transform-style: preserve-3d;
    transition: transform .18s ease-out, border-color .35s ease, box-shadow .35s ease;
    will-change: transform;
}
.single-team::before {
    background: radial-gradient(circle at var(--team-glow-x) var(--team-glow-y), rgba(255, 255, 255, 0.82), transparent 34%);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1;
}
.single-team::after {
    border: 1px solid rgba(255, 255, 255, 0.42);
    border-radius: 24px;
    content: "";
    inset: 16px;
    pointer-events: none;
    position: absolute;
    transform: translateZ(16px);
    z-index: 1;
}
.team-card-shell:hover .single-team,
.single-team.is-tilting {
    --team-lift: -12px;
    border-color: rgba(0, 175, 239, 0.28);
    box-shadow: 0 34px 72px rgba(16, 50, 74, 0.2);
}
.team-depth-layer {
    border-radius: 50%;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}
.team-depth-layer-one {
    background: rgba(0, 175, 239, 0.14);
    height: 230px;
    right: -84px;
    top: -88px;
    transform: translateZ(4px);
    width: 230px;
}
.team-depth-layer-two {
    background: rgba(15, 46, 69, 0.08);
    bottom: 60px;
    height: 170px;
    left: -50px;
    transform: translateZ(8px);
    width: 170px;
}
.team-photo-wrap {
    background: linear-gradient(145deg, var(--team-accent-deep) 0%, #134663 42%, var(--team-accent) 100%);
    padding: 26px 28px 24px;
    position: relative;
    text-align: center;
    transform: translateZ(34px);
    transform-style: preserve-3d;
    z-index: 2;
}
.team-presence-label {
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 999px;
    color: #fff;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    font-size: 11px;
    letter-spacing: 1.4px;
    margin-bottom: 20px;
    padding: 10px 14px;
    text-transform: uppercase;
    transform: translateZ(48px);
}
.team-photo-frame {
    margin: 0 auto;
    max-width: 372px;
    padding: 18px 18px 0;
    position: relative;
    transform: translateZ(58px);
    transform-style: preserve-3d;
}
.team-photo-frame::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0));
    border-radius: 28px;
    content: "";
    inset: 0;
    position: absolute;
    transform: translateZ(10px);
}
.team-photo-wrap img {
    backface-visibility: hidden;
    border-radius: 24px;
    display: inline-block;
    filter: contrast(1.04) saturate(1.05);
    height: auto;
    image-rendering: auto;
    image-rendering: -webkit-optimize-contrast;
    max-height: none;
    max-width: 424px;
    position: relative;
    box-shadow: 0 28px 45px rgba(0, 0, 0, 0.28);
    transform: translateZ(52px) translate3d(0, 0, 0);
    width: 100%;
    z-index: 2;
}
.team-floating-chip {
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 999px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 10px;
    left: 0;
    letter-spacing: 1.2px;
    padding: 10px 12px;
    position: absolute;
    text-transform: uppercase;
    transform: translateZ(96px);
    z-index: 3;
}
.team-floating-chip-left {
    left: -2px;
    top: 44px;
}
.team-floating-chip-right {
    bottom: 26px;
    right: -4px;
    left: auto;
}
.team-role-badge {
    background: #fff;
    border-radius: 999px;
    bottom: -18px;
    box-shadow: 0 16px 26px rgba(15, 46, 69, 0.2);
    color: var(--team-accent-deep);
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    left: 50%;
    letter-spacing: 1px;
    padding: 10px 16px;
    position: absolute;
    text-transform: uppercase;
    transform: translateX(-50%) translateZ(88px);
    z-index: 4;
}
.team-content {
    padding: 40px 28px 10px;
    position: relative;
    text-align: left;
    transform: translateZ(40px);
    z-index: 2;
}
.team-kicker {
    color: var(--team-accent);
    font-family: "Montserrat", sans-serif;
    font-size: 11px;
    letter-spacing: 2px;
    margin-bottom: 12px;
    text-transform: uppercase;
}
.team-member {
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 14px;
}
.team-description {
    color: #4c6678;
    line-height: 1.8;
    margin-bottom: 18px;
}
.team-focus-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.team-focus-pills span {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(16, 50, 74, 0.08);
    border-radius: 999px;
    box-shadow: 0 12px 24px rgba(16, 50, 74, 0.08);
    color: #10324a;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    font-size: 10px;
    letter-spacing: 1.2px;
    padding: 10px 12px;
    text-transform: uppercase;
}
ul.team-social {
    list-style: outside none none;
    margin-top: 18px;
    padding: 0 28px;
    position: relative;
    text-align: left;
    transform: translateZ(52px);
    z-index: 2;
}
ul.team-social > li {
    display: inline-block;
}
ul.team-social a {
    align-items: center;
    background: rgba(255, 255, 255, 0.92);
    border-radius: 50%;
    box-shadow: 0 16px 26px rgba(16, 50, 74, 0.1);
    color: #10324a;
    display: inline-flex;
    height: 42px;
    justify-content: center;
    margin: 0 6px;
    transition: background .3s ease, color .3s ease, transform .3s ease;
    width: 42px;
}
ul.team-social i {
    color: inherit;
    font-size: 16px;
    margin: 0;
}
.single-team h4 {
    color: #10324a;
    margin-top: 0;
}
ul.team-social a:hover {
    background: var(--team-accent);
    color: #fff;
    transform: translateY(-4px);
}
/*07. END TEAM AREA*/
/*08.START FUN FACT DESIGN AREA*/

.project-complete-area {
    background-attachment: fixed;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("img/bg/counter-bg.jpg");
    background-size: cover;
    padding: 60px 0;
    position: relative;
    z-index: 1;
}
.project-complete-area:after {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.single-project-complete {
    margin-top: 30px;
}
.single-project-complete h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 400;
    margin: 20px 0;
}
.single-project-complete i {
    color: #00afef;
    font-size: 45px;
}
/*08.START FUN FACT DESIGN AREA*/
/*09.START WORK DESIGN AREA*/

 .brands-intro-strip {
    margin-top: -5px;
    text-align: center;
}
.brands-intro-strip span {
    background: #fff;
    border: 1px solid #d9e8f2;
    border-radius: 999px;
    color: #10324a;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 6px;
    padding: 10px 14px;
    text-transform: uppercase;
}
ul.work {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
}
ul.work li {
    display: inline-block;
    font-size: 14px;
    padding: 8px 12px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    border: 1px solid #00afef;
    margin: 0 2px;
}
.single-work {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 16px 30px rgba(16, 50, 74, 0.08);
    margin-top: 30px;
    overflow: hidden;
    position: relative;
}
.single-work img {
    filter: none;
    transition: .4s;
}
.single-work:hover img {
    transform: scale(1.03);
}
ul.work li.active,
ul.work li:hover {
    background: #00afef;
    color: #fff;
    border: 1px solid #fff;
    transition: .5s;
    -webkit-transition: .5s;
}
.work-details {
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.overlay {
    background: rgba(1, 3, 7, 0.8);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    -webkit-transition: .5s;
    transition: .5s;
}
.work-info-text {
    margin-top: 32%;
    color: #fff;
}
.work-info-text span {
    color: rgba(255, 255, 255, 0.75);
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.work-info-text h5 {
    margin: 0 0 5px;
    color: #fff;
}
.work-info-text p {
    font-size: 12px;
    text-transform: uppercase;
}
.single-work:hover .work-details {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .5s;
    transition: .5s;
}
.work-inner .mix {
    display: none;
}
.brands-footer p {
    color: #10324a;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 1px;
    margin-bottom: 18px;
    text-transform: uppercase;
}
/*09.END WORK DESIGN AREA*/
.owl-carousel .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
    
    ;
}
.owl-carousel .owl-controls {
    text-align: center;
}
.owl-carousel .owl-page span {
    display: block;
    background: #fff;
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    border-radius: 20px;
    color: #fff;
}
.owl-carousel .owl-page.active span,
.owl-controls.clickable .owl-page:hover span {
    background: #00afef;
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*10.END TESTIMONIAL DESIGN AREA*/
/*11. START PRICE PLAN DESIGN AREA */

.single-price-box {
    border: 1px solid #f0f0f0;
    margin-top: 30px;
    transition: background 0.5s ease 0s;
    -webkit-transition: background 0.5s ease 0s;
}
.package-title {
    background: #f7f7f7 none repeat scroll 0 0;
    display: block;
    font-size: 20px;
    font-weight: 700;
    padding: 30px 20px;
    text-transform: uppercase;
}
.package-value {
    background: #ddd;
    padding: 20px;
}
.package-price {
    color: #1ac6ff;
    font-family: Montserrat;
    font-size: 50px;
    font-weight: 400;
    line-height: 50px;
}
.package-price sub {
    font-size: 26px;
    left: 10px;
    margin: 0;
    padding: 0;
    top: -15px;
}
.plan-month span {
    font-size: 18px;
    text-transform: lowarecase;
}
.package-detail {
    padding: 20px 20px 30px;
    background: #f7f7f7;
}
.package-detail li {
    border-bottom: 1px dashed #ddd;
    padding: 10px 0;
}
.package-detail ul.list-unstyled {
    margin-bottom: 30px;
}
.package-btn {
    background: transparent none repeat scroll 0 0 !important;
    border: 1px solid #1ac6ff;
    color: #1ac6ff;
    display: inline-block;
    font-size: 14px;
    padding: 8px 20px;
    text-transform: uppercase;
}
.package-btn:hover {
    background: #fff !important;
    color: #23acdb !important;
}
.single-price-box:hover .package-title,
.single-price-box:hover .package-detail {
    background: #00afef;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
}
.single-price-box:hover .package-value {
    background: #00afef;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
}
.single-price-box:hover .package-price,
.single-price-box:hover .package-btn {
    color: #fff;
    transition: .5s;
    border-color: #fff;
}
/*11.END PRICE PLAN DESIGN AREA */
/*12.START BLOG DESIGN AREA*/
.logo-bg {
    background: #fff;
    border-radius: 12px;
    display: block;
    height: auto;
    max-width: 240px;
    padding: 0.4em;
    width: 100%;
}
.footer-logo {
    margin: 0 0 18px;
    max-width: 240px;
}
.test {
    margin: 0 auto;
}
.color-light {
    color: #00afef;
    letter-spacing: 0.6em;
}
.meet-team {
    display: flex;
    justify-content: center;
}
ul.post-meta {
    list-style: outside none none;
}
ul.post-meta li {
    display: inline-block;
}
.post-meta a {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    margin-right: 10px;
}
.post-meta i {
    color: #00afef;
    margin-right: 5px;
}
.single-blog-post {
    margin-top: 30px
}
.single-post-content {
    background: #fff;
}
.single-post-content a {
    color: #666;
}
.single-post-content h4 {
    margin-top: 15px;
}
.single-post-content h4:hover a {
    color: #00afef;
}
a.blog-btn {
    background: #00afef none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    padding: 8px 12px;
    text-transform: uppercase;
}
.blog-btn:hover {
    background: #00b8ff;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
}
.single-post-content {
    padding: 20px;
}
.single-blog-post:hover {
    box-shadow: 0 0 10px 1px rgba(76, 76, 76, 0.41);
    -webkit-transition: .5s;
    transition: .5s;
}
.single-post-content p {
    margin-bottom: 20px;
}
/*12.END BLOG DESIGN AREA*/
/*13.START CONTACT DESIGN AREA*/

.contact-from {
    margin-top: 30px;
}
.contact-from .form-control {
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    color: #555;
    display: block;
    font-size: 18px;
    height: 50px;
    line-height: 1.42857;
    padding: 6px 12px;
    -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.contact-from textarea.form-control {
    height: 200px;
    resize: none;
}
.contact-from button {
    background: #00afef;
    border: medium none;
    box-shadow: 0 0 0;
    color: #fff;
    display: block;
    padding: 8px 12px;
    text-transform: uppercase;
    border: 1px solid #00afef;
}
.contact-from button:hover {
    background: #00b8ff;
    color: #fff;
    transition: .5s;
}
.contact-from input {
    font-size: 14px;
}
.success {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #fff;
  margin-left:15px;
  margin-right:15px;
  background-color: #00a774;
  border: 1px solid #d6e9c6;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.error {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #b94a48;
  margin-left:15px;
  margin-right:15px;
  background-color: #f2dede;
  border: 1px solid rgba(185, 74, 72, 0.3);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

/*13.END CONTACT DESIGN AREA*/
/*14.START MAP DESIGN AREA*/

.map {
    height: 386px;
    margin-top: 30px;
    max-width: 100%;
    overflow: hidden;
}
/*14.END MAP DESIGN AREA*/
/*15.START FOOTER DESIGN AREA*/

.footer-widget h4 {
    margin: 20px 0;
}
.footer-widget p {
    color: #fff;
}
.footer-widget span {
    color: #00afef;
}
.single-post h4 a {
    color: #666;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0;
}
.single-post span {
    margin: 0;
}
.contact-list ul {
    list-style: outside none none;
}
ul.contact-list {
    list-style: outside none none;
}
ul.contact-list li {
    display: block;
    margin-top: 10px;
}
ul.contact-list i {
    display: inline-block;
    font-size: 25px;
    line-height: 25px;
    margin-right: 10px;
}
.footer-menu ul {
    list-style: outside none none;
}
.footer-menu li a {
    border-bottom: 1px solid #ddd;
    color: #fff;
    display: block;
    font-size: 12px;
    padding: 10px 0;
    text-transform: uppercase;
}
.footer-menu li a:hover {
    color: #00afef;
}
.footer-menu i {
    margin-right: 3px;
}
.footer-widget h4 {
    color: #fff;
}
.footer-social {
    margin-top: 20px;
}
.footer-social ul {
    list-style: outside none none;
}
.footer-social li {
    display: inline-block;
}
.footer-social a {
    background: #666 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    margin-right: 5px;
    text-align: center;
    width: 35px;
}
.footer-social a:hover {
    background: #00afef;
    color: #fff;
    transition: .5s;
}
.single-contact-info i {
    background: #666 none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    margin-right: 10px;
    text-align: center;
    width: 35px;
}
.single-contact-info {
    margin-bottom: 15px;
    overflow: hidden;
}
.single-contact-info > p {
    color: #e7e7e7;
    font-size: 12px;
}
.single-contact-info h6 {
    margin: 0;
    color: #fff;
}
.footer-bottom-area {
    padding: 30px 0;
}
.footer-bottom-area p {
    margin-bottom: 0;
}
.text-muted {
    color: #ddd;
}
.text-muted span {
    color: #00afef;
}
/*15.END FOOTER DESIGN AREA*/

.nav-cta {
    background: linear-gradient(135deg, #00afef 0%, #0fd3bf 100%);
    border-radius: 999px;
    box-shadow: 0 14px 24px rgba(0, 175, 239, 0.28);
    color: #fff !important;
    margin-top: 18px;
    padding: 10px 18px !important;
}
.menu-bg .nav-cta {
    margin-top: 10px;
}
.hero-kicker {
    background: rgba(108, 227, 255, 0.12);
    border: 1px solid rgba(108, 227, 255, 0.22);
    border-radius: 999px;
    box-shadow: 0 18px 40px rgba(0, 175, 239, 0.12);
    color: #fff;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 22px;
    padding: 10px 18px;
    text-transform: uppercase;
}
.hero-cta-group {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}
.slide-btn-alt {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.36);
}
.slide-btn-alt:hover {
    background: #fff;
    color: #00afef;
}
.hero-highlights {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}
.hero-highlights span {
    background: rgba(8, 22, 34, 0.32);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    color: #fff;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    font-size: 11px;
    letter-spacing: 1.2px;
    margin: 0;
    padding: 10px 14px;
    text-transform: uppercase;
}
.hero-layout {
    align-items: flex-start;
    display: flex;
    gap: 34px;
    justify-content: space-between;
}
.hero-copy-block {
    max-width: 600px;
    padding: 26px 0 20px;
    position: relative;
    z-index: 2;
}
.hero-copy-block h4 {
    color: rgba(255, 255, 255, 0.82);
    font-size: 15px;
    letter-spacing: 0.24em;
    line-height: 1.6;
    margin: 0 0 18px;
}
.hero-proof-list {
    display: grid;
    gap: 12px;
    margin-top: 24px;
    max-width: 620px;
}
.hero-proof-item {
    align-items: flex-start;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 18px;
    display: flex;
    gap: 14px;
    padding: 14px 16px;
    box-shadow: 0 18px 35px rgba(0, 0, 0, 0.12);
}
.hero-proof-item i {
    align-items: center;
    background: linear-gradient(135deg, rgba(0, 175, 239, 0.28), rgba(15, 211, 191, 0.18));
    border: 1px solid rgba(108, 227, 255, 0.28);
    border-radius: 14px;
    color: #7de8ff;
    display: inline-flex;
    flex: 0 0 40px;
    font-size: 16px;
    height: 40px;
    justify-content: center;
}
.hero-proof-item span {
    color: rgba(255, 255, 255, 0.84);
    display: block;
    font-size: 14px;
    line-height: 1.75;
}
.hero-stage-card {
    margin-left: auto;
    max-width: 460px;
    padding: 50px 12px 64px 0;
    position: relative;
    width: 100%;
}
.hero-stage-panel {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.04)),
        linear-gradient(160deg, rgba(4, 22, 35, 0.92), rgba(9, 35, 50, 0.72));
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 30px;
    box-shadow: 0 34px 90px rgba(0, 0, 0, 0.28);
    overflow: hidden;
    padding: 28px;
    position: relative;
}
.hero-stage-panel::before {
    background:
        radial-gradient(circle at top right, rgba(108, 227, 255, 0.22), transparent 34%),
        linear-gradient(140deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0));
    content: "";
    inset: 0;
    position: absolute;
}
.hero-stage-heading {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 14px;
    justify-content: flex-start;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}
.hero-stage-kicker {
    color: #6ce3ff;
    font-family: "Montserrat", sans-serif;
    font-size: 11px;
    letter-spacing: 2px;
    margin-bottom: 10px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}
.hero-stage-panel h5 {
    color: #fff;
    font-size: 24px;
    line-height: 1.35;
    margin: 0;
    position: relative;
    text-transform: none;
    z-index: 1;
}
.hero-stage-mini-badge {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    max-width: 160px;
    min-width: 124px;
    padding: 14px 16px 12px;
    text-align: left;
}
.hero-stage-mini-badge span {
    color: rgba(255, 255, 255, 0.6);
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 10px;
    letter-spacing: 1.6px;
    margin-bottom: 6px;
    text-transform: uppercase;
}
.hero-stage-mini-badge strong {
    color: #fff;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 1.2;
}
.hero-stage-focus {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    margin-bottom: 18px;
    padding: 18px 20px;
    position: relative;
    z-index: 1;
}
.hero-stage-focus-label {
    color: #7de8ff;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    font-size: 10px;
    letter-spacing: 1.8px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.hero-stage-focus p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
    line-height: 1.8;
    margin: 0;
    max-width: none;
}
.hero-stage-glow {
    border-radius: 50%;
    pointer-events: none;
    position: absolute;
}
.hero-stage-glow-one {
    background: rgba(0, 175, 239, 0.32);
    filter: blur(18px);
    height: 180px;
    right: -5px;
    top: -25px;
    width: 180px;
}
.hero-stage-glow-two {
    background: rgba(255, 255, 255, 0.12);
    bottom: 10px;
    filter: blur(24px);
    height: 120px;
    left: 20px;
    width: 120px;
}
.hero-service-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    position: relative;
    z-index: 1;
}
.hero-service-tile {
    background: rgba(6, 27, 40, 0.58);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 18px;
    min-height: 158px;
    padding: 16px;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.hero-service-tile:hover {
    border-color: rgba(108, 227, 255, 0.28);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
    transform: translateY(-4px);
}
.hero-service-tile span {
    color: #6ce3ff;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 11px;
    letter-spacing: 2px;
    margin-bottom: 12px;
}
.hero-service-tile strong {
    color: #fff;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.hero-service-tile p {
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
    line-height: 1.7;
    margin: 0;
    max-width: none;
}
.hero-stage-footer {
    align-items: center;
    display: flex;
    gap: 14px;
    margin-top: 16px;
    position: relative;
    z-index: 1;
}
.hero-stage-badge,
.hero-stage-note {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    min-height: 82px;
    padding: 14px 16px;
}
.hero-stage-badge {
    min-width: 122px;
}
.hero-stage-badge strong {
    color: #fff;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 30px;
    line-height: 1;
    margin-bottom: 8px;
}
.hero-stage-badge span,
.hero-stage-note span {
    color: rgba(255, 255, 255, 0.75);
    display: block;
    font-size: 12px;
    line-height: 1.6;
}
.hero-stage-note {
    flex: 1;
}
.hero-floating-card {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 20px;
    box-shadow: 0 24px 55px rgba(0, 0, 0, 0.22);
    max-width: 196px;
    padding: 16px 18px;
    position: absolute;
    z-index: 3;
}
.hero-floating-card span {
    color: #00afef;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 10px;
    letter-spacing: 1.8px;
    margin-bottom: 7px;
    text-transform: uppercase;
}
.hero-floating-card strong {
    color: #06253a;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 6px;
}
.hero-floating-card p {
    color: #546675;
    font-size: 12px;
    line-height: 1.7;
    margin: 0;
    max-width: none;
}
.hero-floating-card-one {
    bottom: 16px;
    left: -18px;
}
.hero-floating-card-two {
    right: -64px;
    top: -56px;
}
.hero-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}
.hero-metric-card {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    min-height: 108px;
    flex: 1 1 176px;
    min-width: 0;
    padding: 18px 18px 16px;
}
.hero-metric-card strong {
    color: #fff;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 34px;
    line-height: 1;
    margin-bottom: 10px;
}
.hero-metric-card span {
    color: rgba(255, 255, 255, 0.74);
    display: block;
    font-size: 12px;
    line-height: 1.7;
}
.lead-strip {
    background: linear-gradient(135deg, #043b66 0%, #00afef 100%);
    color: #fff;
    padding: 35px 0;
}
.lead-strip h3,
.contact-conversion-box h3,
.contact-benefits-box h3,
.single-growth-step h4,
.contact-mini-card h4 {
    color: #fff;
}
.lead-strip p {
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 0;
}
.lead-strip-copy {
    padding-top: 8px;
}
.lead-strip-actions {
    padding-top: 8px;
}
.lead-strip-btn {
    background: #fff;
    border-radius: 30px;
    color: #043b66;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    margin: 6px;
    padding: 12px 22px;
    text-transform: uppercase;
}
.lead-strip-btn-alt {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.65);
    color: #fff;
}
.growth-process-area {
    background: #fff;
}
.single-growth-step {
    background: #f7fbfd;
    border: 1px solid #e1eef5;
    border-radius: 16px;
    min-height: 240px;
    padding: 28px 22px;
    text-align: left;
    transition: .3s;
}
.single-growth-step:hover {
    box-shadow: 0 18px 35px rgba(4, 59, 102, 0.12);
    transform: translateY(-6px);
}
.single-growth-step span {
    color: #00afef;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 30px;
    line-height: 1;
    margin-bottom: 20px;
}
.single-growth-step h4 {
    color: #10324a;
    font-size: 18px;
    margin-bottom: 12px;
}
.single-growth-step p {
    margin-bottom: 0;
}
.network-area {
    background: linear-gradient(180deg, #f9fcff 0%, #eef6fb 100%);
}
.network-summary-row {
    margin-bottom: 20px;
}
.network-summary-card {
    background: #fff;
    border: 1px solid #d9e8f2;
    border-radius: 18px;
    box-shadow: 0 16px 30px rgba(16, 50, 74, 0.06);
    margin-top: 30px;
    padding: 28px 20px;
    text-align: center;
}
.network-summary-card strong {
    color: #00afef;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 34px;
    line-height: 1;
    margin-bottom: 10px;
}
.network-summary-card span {
    color: #10324a;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.network-intro {
    margin: 20px auto 10px;
    max-width: 820px;
}
.network-intro p {
    font-size: 17px;
    line-height: 1.8;
}
.network-visual-row {
    margin-bottom: 10px;
}
.network-visual-copy {
    padding-top: 28px;
}
.network-visual-copy h3 {
    color: #10324a;
    font-size: 24px;
    margin-bottom: 16px;
}
.network-visual-copy p {
    margin-bottom: 18px;
}
.network-visual-points {
    list-style: none;
}
.network-visual-points li {
    color: #10324a;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    margin-bottom: 12px;
    padding-left: 24px;
    position: relative;
    text-transform: uppercase;
}
.network-visual-points li:before {
    color: #00afef;
    content: "\f111";
    font-family: FontAwesome;
    font-size: 10px;
    left: 0;
    position: absolute;
    top: 1px;
}
.india-coverage-card {
    background: radial-gradient(circle at center, rgba(0, 175, 239, 0.14) 0%, rgba(255, 255, 255, 0) 50%), #0f2e45;
    border-radius: 24px;
    box-shadow: 0 18px 36px rgba(16, 50, 74, 0.12);
    margin-top: 20px;
    min-height: 360px;
    overflow: hidden;
    position: relative;
}
.india-coverage-card:before,
.india-coverage-card:after {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 50%;
    content: "";
    position: absolute;
}
.india-coverage-card:before {
    height: 230px;
    left: -40px;
    top: -50px;
    width: 230px;
}
.india-coverage-card:after {
    bottom: -55px;
    height: 210px;
    right: -45px;
    width: 210px;
}
.coverage-badge {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 10px 14px;
    position: absolute;
    text-transform: uppercase;
}
.coverage-north {
    left: 50%;
    top: 34px;
    transform: translateX(-50%);
}
.coverage-west {
    left: 55px;
    top: 120px;
}
.coverage-central {
    left: 50%;
    top: 125px;
    transform: translateX(-50%);
}
.coverage-east {
    right: 55px;
    top: 120px;
}
.coverage-south {
    bottom: 42px;
    left: 50%;
    transform: translateX(-50%);
}
.coverage-ne {
    right: 42px;
    top: 60px;
}
.coverage-core {
    align-items: center;
    background: linear-gradient(135deg, #00afef 0%, #17a158 100%);
    border-radius: 50%;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 150px;
    justify-content: center;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
    z-index: 2;
}
.coverage-core strong {
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    margin-bottom: 6px;
    text-transform: uppercase;
}
.coverage-core small {
    color: rgba(255, 255, 255, 0.88);
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.coverage-core-ring {
    animation: coveragePulse 3s infinite;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    height: 190px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 190px;
}
@keyframes coveragePulse {
    0% {
        opacity: 0.8;
        transform: translate(-50%, -50%) scale(0.92);
    }
    70% {
        opacity: 0.15;
        transform: translate(-50%, -50%) scale(1.08);
    }
    100% {
        opacity: 0.05;
        transform: translate(-50%, -50%) scale(1.14);
    }
}
.network-grid {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}
.network-grid [class*="col-"] {
    display: flex;
}
.network-card {
    background: #fff;
    border: 1px solid #d9e8f2;
    border-radius: 18px;
    box-shadow: 0 14px 28px rgba(16, 50, 74, 0.06);
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 30px;
    min-height: 220px;
    padding: 28px 24px;
    transition: .3s;
    width: 100%;
}
.network-card:hover {
    border-color: #00afef;
    box-shadow: 0 18px 36px rgba(0, 175, 239, 0.12);
    transform: translateY(-5px);
}
.network-card h4 {
    color: #10324a;
    font-size: 18px;
    margin: 0 0 14px;
}
.network-state-tag {
    background: rgba(0, 180, 255, 0.09);
    border: 1px solid rgba(0, 180, 255, 0.14);
    border-radius: 999px;
    color: #12658f;
    display: inline-block;
    font-family: "Sora", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    margin-bottom: 14px;
    padding: 8px 11px;
    text-transform: uppercase;
}
.network-card p {
    flex: 1;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 0;
}
.network-card-cta {
    background: linear-gradient(135deg, #0f2e45 0%, #00afef 100%);
    border: none;
}
.network-card-cta h4,
.network-card-cta p {
    color: #fff;
}
.network-cta-btn {
    align-self: flex-start;
    background: #fff;
    border-radius: 30px;
    color: #0f2e45;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    margin-top: 18px;
    padding: 12px 18px;
    text-transform: uppercase;
}
.network-cta-btn:hover {
    background: #0f2e45;
    color: #fff;
}
.contact-conversion-box,
.contact-benefits-box {
    background: #0f2e45;
    border-radius: 18px;
    color: #d9e6ef;
    margin-top: 30px;
    min-height: 420px;
    padding: 35px 30px;
}
.contact-action-list {
    margin-top: 25px;
}
.contact-action-btn {
    align-items: center;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    color: #fff;
    display: flex;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    gap: 14px;
    margin-bottom: 14px;
    padding: 15px 18px;
    text-transform: uppercase;
}
.contact-action-btn i {
    background: #00afef;
    border-radius: 50%;
    font-size: 18px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    width: 42px;
}
.contact-action-btn:hover {
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
}
.contact-note p,
.contact-benefits-box p {
    color: #d9e6ef;
}
.contact-benefits-list {
    list-style: none;
    margin: 25px 0;
}
.contact-benefits-list li {
    color: #fff;
    margin-bottom: 14px;
    padding-left: 24px;
    position: relative;
}
.contact-benefits-list li:before {
    color: #00afef;
    content: "\f00c";
    font-family: FontAwesome;
    left: 0;
    position: absolute;
    top: 0;
}
.contact-benefit-note {
    border-top: 1px solid rgba(139, 221, 255, 0.14);
    color: #d9e6ef;
    line-height: 1.8;
    margin: 0;
    padding-top: 18px;
}
.contact-mini-card {
    background: rgba(255, 255, 255, 0.07);
    border-radius: 14px;
    padding: 20px;
}
.contact-mini-card p {
    margin-bottom: 0;
}
.floating-whatsapp {
    align-items: center;
    background: #25d366;
    border-radius: 999px;
    bottom: 24px;
    box-shadow: 0 12px 30px rgba(37, 211, 102, 0.28);
    color: #fff;
    display: inline-flex;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    gap: 10px;
    padding: 12px 16px;
    position: fixed;
    right: 18px;
    text-transform: uppercase;
    z-index: 99;
}
.floating-whatsapp i {
    font-size: 22px;
}
.floating-whatsapp:hover {
    color: #fff;
    opacity: 0.95;
}

/*16.START 2026 THEME REFRESH*/

:root {
    --theme-bg: #081725;
    --theme-bg-soft: #10273a;
    --theme-surface: #f6fbff;
    --theme-surface-deep: #edf4fb;
    --theme-text: #0f2f46;
    --theme-muted: #4b677a;
    --theme-accent: #00b4ff;
    --theme-accent-strong: #0bd9a0;
    --theme-border: rgba(16, 51, 74, 0.14);
    --theme-shadow-soft: 0 20px 44px rgba(9, 36, 56, 0.12);
    --theme-shadow-deep: 0 28px 70px rgba(8, 27, 44, 0.22);
    --header-spot-x: 78%;
    --header-spot-y: 25%;
}
body {
    background:
        radial-gradient(circle at 10% -10%, rgba(0, 180, 255, 0.18), transparent 30%),
        radial-gradient(circle at 88% 6%, rgba(11, 217, 160, 0.1), transparent 36%),
        var(--theme-surface);
    color: var(--theme-muted);
    font-family: "Manrope", sans-serif;
    line-height: 1.82;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--theme-text);
    font-family: "Sora", sans-serif;
    letter-spacing: 0.04em;
    text-transform: none;
}
.section-title h2 {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 0.03em;
}
.section-title span {
    background: linear-gradient(90deg, var(--theme-accent), var(--theme-accent-strong));
    border-radius: 999px;
    height: 4px;
    width: 96px;
}
.section-title p {
    color: var(--theme-muted);
    max-width: 760px;
    margin: 0 auto;
}
.section-padding {
    padding: 74px 0;
}
.gry-bg {
    background: linear-gradient(180deg, #f8fcff 0%, #f1f7fc 100%);
}

/* Header Revamp */

.header-top-area {
    background: transparent;
    overflow: hidden;
    padding-top: 4px;
}
.header-layer-glow,
.header-layer-grid {
    pointer-events: none;
    position: absolute;
}
.header-layer-glow {
    background: radial-gradient(circle at var(--header-spot-x) var(--header-spot-y), rgba(121, 228, 255, 0.2), transparent 34%);
    inset: 0;
}
.header-layer-grid {
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 38px 38px;
    inset: 0;
    opacity: 0.38;
}
.header-shell {
    backdrop-filter: blur(14px);
    background: linear-gradient(145deg, rgba(39, 84, 112, 0.78), rgba(28, 78, 107, 0.66));
    border: 1px solid rgba(158, 228, 249, 0.34);
    border-radius: 14px;
    box-shadow: 0 22px 58px rgba(8, 24, 38, 0.2);
    overflow: hidden;
    padding: 0 14px 0 14px;
    position: relative;
    transform: translate3d(0, 0, 0);
    transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease, padding .3s ease;
    z-index: 3;
}
.header-shell:hover {
    border-color: rgba(177, 236, 252, 0.46);
    box-shadow: 0 20px 50px rgba(8, 24, 38, 0.24);
    transform: translateY(-1px);
}
.header-scroll-line {
    background: rgba(255, 255, 255, 0.06);
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5;
}
.header-scroll-line span {
    background: linear-gradient(90deg, #1cd2ff, #0bd9a0);
    box-shadow: 0 0 20px rgba(28, 210, 255, 0.4);
    display: block;
    height: 100%;
    transition: width .2s ease;
    width: 0;
}
.menu-bg .header-shell {
    background: linear-gradient(145deg, rgba(18, 56, 80, 0.9), rgba(15, 63, 92, 0.8));
    box-shadow: 0 18px 46px rgba(5, 20, 32, 0.26);
}
.header-stripe {
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    justify-content: space-between;
    max-height: 40px;
    opacity: 1;
    padding: 8px 0 7px;
    transition: max-height .3s ease, opacity .3s ease, padding .3s ease;
}
.header-stripe p {
    color: rgba(229, 247, 255, 0.82);
    font-family: "Manrope", sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    margin: 0;
    text-transform: uppercase;
}
.header-stripe p i {
    color: #7ce5ff;
    margin-right: 8px;
}
.header-stripe-links {
    display: flex;
    gap: 10px;
}
.header-stripe-links a {
    align-items: center;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    color: #f4fcff;
    display: inline-flex;
    font-size: 10px;
    font-weight: 700;
    gap: 8px;
    letter-spacing: 0.08em;
    padding: 6px 10px;
    text-transform: uppercase;
}
.header-stripe-links a i {
    color: #7ce5ff;
}
.header-stripe-links a:hover {
    border-color: rgba(124, 229, 255, 0.52);
    color: #fff;
}
.header-main-row {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 14px;
    min-height: 50px;
    transition: min-height .3s ease;
}
.header-main-row > [class*="col-"] {
    float: none;
}
.header-brand-col {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    max-width: none;
    min-width: 0;
    width: clamp(118px, 12vw, 160px);
}
.header-nav-col {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    max-width: none;
    min-width: 0;
    width: auto;
}
.header-nav-col .mainmenu {
    text-align: right;
}
.header-nav-col .navbar {
    margin-bottom: 0;
}
.logo {
    padding-top: 0;
    width: 100%;
}
.logo a {
    align-items: center;
    color: #fff;
    display: block;
    flex-wrap: nowrap;
    font-family: "Sora", sans-serif;
    font-size: 15px;
    font-weight: 700;
    gap: 8px;
    letter-spacing: 0.06em;
    line-height: 0;
    white-space: nowrap;
    width: 100%;
}
.header-top-area .logo-brand-img {
    height: auto;
    max-height: 42px;
    max-width: 104px;
    object-fit: contain;
    width: auto;
}
.logo a em {
    color: #0fc6ff;
    display: block;
    font-family: "Sora", sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1.2;
    margin-left: 2px;
    text-transform: uppercase;
}
.header-top-area .logo a span.logo-mark {
    display: inline-flex;
}
.logo-mark {
    align-items: center;
    background:
        radial-gradient(circle at 28% 24%, rgba(255, 255, 255, 0.22), transparent 34%),
        linear-gradient(160deg, #071c2c 0%, #0d2d43 100%);
    border: 1px solid rgba(130, 228, 255, 0.2);
    border-radius: 12px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 10px 22px rgba(3, 16, 27, 0.22);
    display: inline-flex;
    flex: 0 0 28px;
    height: 28px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
    line-height: 1;
}
.logo-mark:after {
    background: linear-gradient(135deg, #12c8ff 0%, #129bf0 52%, #10d59f 52%, #16dfb0 100%);
    border-radius: 4px;
    bottom: -2px;
    content: "";
    height: 16px;
    position: absolute;
    right: -2px;
    transform: rotate(42deg);
    width: 12px;
}
.logo-mark-core {
    color: #f3fcff;
    font-family: "Sora", sans-serif;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    position: relative;
    transform: translateX(-1px);
    z-index: 1;
}
.logo-title {
    color: #fff;
    display: block;
    font-family: "Sora", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
}
.logo a:hover .logo-mark {
    border-color: rgba(130, 228, 255, 0.36);
    transform: translateY(-1px);
}
.mainmenu .navbar-nav {
    align-items: center;
    background: rgba(255, 255, 255, 0.13);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
    display: inline-flex;
    float: right;
    flex-wrap: nowrap;
    padding: 3px;
    white-space: nowrap;
}
.mainmenu .navbar-nav li a {
    border-radius: 999px;
    color: rgba(230, 247, 255, 0.85);
    font-family: "Manrope", sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin: 0 1px;
    padding: 7px 8px;
    position: relative;
}
.mainmenu .navbar-nav li a:after {
    background: linear-gradient(90deg, #32d7ff, #2bf0c2);
    border-radius: 999px;
    bottom: 3px;
    content: "";
    height: 2px;
    left: 12px;
    opacity: 0;
    position: absolute;
    right: 12px;
    transform: scaleX(.35);
    transform-origin: center;
    transition: transform .25s ease, opacity .25s ease;
}
.mainmenu .navbar-nav li a:hover,
.menu-bg .navbar-nav li.active a {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}
.mainmenu .navbar-nav li a:hover:after,
.menu-bg .navbar-nav li.active a:after {
    opacity: 1;
    transform: scaleX(1);
}
.menu-bg .mainmenu .navbar-nav li a {
    padding: 11px 14px;
}
.header-action-item {
    margin-left: 8px;
}
.mainmenu .navbar-nav li .header-action-btn {
    align-items: center;
    background: linear-gradient(135deg, var(--theme-accent), var(--theme-accent-strong));
    border-radius: 999px;
    box-shadow: 0 18px 35px rgba(0, 180, 255, 0.28);
    color: #082234;
    display: inline-flex;
    font-size: 10px;
    font-weight: 800;
    gap: 8px;
    letter-spacing: 0.11em;
    margin-top: 0;
    padding: 9px 14px;
}
.mainmenu .navbar-nav li .header-action-btn:hover {
    background: linear-gradient(135deg, #21dbff, #35f1c0);
    color: #052131;
}
.mainmenu .navbar-nav li .header-action-btn i {
    font-size: 13px;
}
.mainmenu .navbar-nav li .header-action-btn:after {
    display: none;
}
.header-meta {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    max-height: 42px;
    opacity: 1;
    padding: 8px 0 9px;
    transition: max-height .3s ease, opacity .3s ease, padding .3s ease;
}
.header-meta-pill {
    align-items: center;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(125, 232, 255, 0.2);
    border-radius: 999px;
    color: #eaf8ff;
    display: inline-flex;
    font-family: "Manrope", sans-serif;
    font-size: 9px;
    font-weight: 700;
    gap: 7px;
    letter-spacing: .1em;
    padding: 6px 10px;
    text-transform: uppercase;
    transition: background .25s ease, border-color .25s ease, transform .25s ease;
}
.header-meta-pill i {
    color: #7ce5ff;
}
.header-meta-pill:hover {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(125, 232, 255, 0.46);
    color: #fff;
    transform: translateY(-1px);
}
.header-mobile-actions {
    border-top: 1px solid rgba(255, 255, 255, 0.09);
    display: none;
    gap: 8px;
    padding: 10px 0 12px;
}
.header-mobile-actions a {
    align-items: center;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    color: #eaf8ff;
    display: inline-flex;
    flex: 1;
    font-family: "Manrope", sans-serif;
    font-size: 11px;
    font-weight: 700;
    gap: 8px;
    justify-content: center;
    letter-spacing: 0.09em;
    padding: 10px 12px;
    text-transform: uppercase;
}
.header-mobile-actions a i {
    color: #7ce5ff;
}
.header-mobile-actions a:hover {
    color: #fff;
}
.header-top-area.header-compact .header-shell {
    padding-bottom: 0;
}
.header-top-area.header-compact .header-stripe {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
}
.header-top-area.header-compact .header-main-row {
    min-height: 46px;
}
.header-top-area.header-compact .logo a {
    gap: 7px;
}
.header-top-area.header-compact .logo-mark {
    flex-basis: 26px;
    height: 26px;
}
.header-top-area.header-compact .logo-mark-core {
    font-size: 9px;
}
.header-top-area.header-compact .logo-title {
    font-size: 13px;
}
.header-top-area.header-compact .header-meta {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
}

/* Hero + Global surface polish */

.single-slide-item:after {
    background:
        radial-gradient(circle at 8% 18%, rgba(43, 219, 255, 0.26), transparent 30%),
        radial-gradient(circle at 85% 20%, rgba(17, 91, 131, 0.55), transparent 32%),
        linear-gradient(110deg, rgba(4, 16, 25, 0.95) 0%, rgba(5, 34, 54, 0.86) 45%, rgba(4, 24, 39, 0.86) 100%);
}
.single-slide-item-table-cell {
    padding: 206px 0 96px;
}
.hero-copy-block p,
.hero-stage-focus p,
.hero-service-tile p,
.hero-stage-note span,
.hero-metric-card span {
    font-family: "Manrope", sans-serif;
}
.hero-kicker,
.hero-stage-kicker,
.hero-highlights span,
.hero-proof-item span,
.hero-stage-focus-label,
.hero-service-tile span,
.hero-stage-mini-badge span {
    letter-spacing: 0.14em;
}
.hero-proof-item {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.04));
    border-color: rgba(125, 232, 255, 0.18);
    transform-style: preserve-3d;
}
.hero-proof-item i {
    box-shadow: 0 16px 26px rgba(1, 34, 52, 0.24);
}
.hero-stage-panel {
    --hero-tilt-x: 0deg;
    --hero-tilt-y: 0deg;
    --hero-tilt-scale: 1;
    transform: perspective(1600px) rotateX(var(--hero-tilt-x)) rotateY(var(--hero-tilt-y)) scale(var(--hero-tilt-scale));
    transition: transform .2s ease, box-shadow .35s ease, border-color .35s ease;
}

/* Whole-page polish */

.about-text,
.our-Expertise,
.single-service-box,
.single-growth-step,
.network-summary-card,
.network-card,
.contact-conversion-box,
.contact-benefits-box,
.team-intro-card {
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.96), rgba(236, 246, 252, 0.95));
    border: 1px solid var(--theme-border);
    border-radius: 22px;
    box-shadow: var(--theme-shadow-soft);
}
.about-text,
.our-Expertise {
    padding: 28px;
}
.about-text h4,
.our-Expertise h4 {
    margin-top: 0;
}
.progress-bar-text {
    color: var(--theme-text);
    font-size: 13px;
    letter-spacing: 0.06em;
}
.single-service-box,
.single-growth-step,
.network-card,
.contact-conversion-box,
.contact-benefits-box {
    position: relative;
    transform-style: preserve-3d;
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.single-service-box::before,
.single-growth-step::before,
.network-card::before,
.contact-conversion-box::before,
.contact-benefits-box::before {
    background: radial-gradient(circle at 10% 0%, rgba(0, 180, 255, 0.18), transparent 52%);
    border-radius: inherit;
    content: "";
    inset: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
}
.single-service-box:hover,
.single-growth-step:hover,
.network-card:hover,
.contact-conversion-box:hover,
.contact-benefits-box:hover {
    border-color: rgba(0, 180, 255, 0.34);
    box-shadow: var(--theme-shadow-deep);
    transform: translateY(-8px) rotateX(2deg);
}
.single-service-box:hover::before,
.single-growth-step:hover::before,
.network-card:hover::before,
.contact-conversion-box:hover::before,
.contact-benefits-box:hover::before {
    opacity: 1;
}
.single-service-box:hover,
.single-service-box:hover .service-content h4,
.single-service-box:hover .service-content p {
    color: var(--theme-text);
}
.service-content h4 {
    color: var(--theme-text);
    font-size: 19px;
    letter-spacing: 0.04em;
}
.service-content p,
.single-growth-step p,
.network-card p,
.contact-conversion-box p,
.contact-benefits-box p {
    color: var(--theme-muted);
}
.service-icon i {
    background: linear-gradient(135deg, var(--theme-accent), #17cbff);
    box-shadow: 0 14px 26px rgba(0, 180, 255, 0.28);
}
.single-growth-step span {
    background: rgba(0, 180, 255, 0.12);
    border-radius: 999px;
    color: var(--theme-text);
    display: inline-block;
    font-family: "Sora", sans-serif;
    font-size: 12px;
    font-weight: 700;
    padding: 9px 12px;
}
.network-summary-card strong,
.single-growth-step h4,
.network-card h4,
.contact-conversion-box h3,
.contact-benefits-box h3 {
    color: var(--theme-text);
}
.network-card-cta {
    background: linear-gradient(150deg, rgba(0, 180, 255, 0.18), rgba(11, 217, 160, 0.16));
}
.brands-intro-strip {
    background: linear-gradient(145deg, #f2f9ff, #eaf4fd);
    border: 1px solid var(--theme-border);
    border-radius: 18px;
    box-shadow: 0 14px 26px rgba(12, 47, 73, 0.1);
    padding: 16px 14px;
}
.brands-intro-strip span {
    background: #fff;
    border: 1px solid rgba(17, 63, 92, 0.12);
    color: #113f5c;
    font-family: "Manrope", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
}
.single-work {
    border-radius: 18px;
    box-shadow: 0 20px 42px rgba(11, 38, 57, 0.16);
    overflow: hidden;
    transform: translateZ(0);
    transition: transform .35s ease, box-shadow .35s ease;
}
.single-work:hover {
    box-shadow: 0 30px 56px rgba(10, 34, 52, 0.28);
    transform: translateY(-8px);
}
.footer-bg {
    background: linear-gradient(180deg, #0b1f30 0%, #081522 100%);
}
.footer-bottom-bg {
    background: #07111d;
}

/* Scroll reveal utility */

.fx-reveal {
    opacity: 0;
    transform: translate3d(0, 34px, 0) scale(0.98);
    transition: opacity .8s ease, transform .8s ease;
}
.fx-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
}
/*16.END 2026 THEME REFRESH*/

/*17.START FULL SITE REVAMP*/

.theme-premium .section-aura {
    overflow: hidden;
    position: relative;
}
.theme-premium .section-aura:before,
.theme-premium .section-aura:after {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: 1;
}
.theme-premium .section-aura:before {
    background: radial-gradient(circle at 12% 20%, rgba(0, 180, 255, 0.16), transparent 34%);
    height: 460px;
    left: -220px;
    top: -180px;
    width: 460px;
}
.theme-premium .section-aura:after {
    background: radial-gradient(circle at 50% 50%, rgba(11, 217, 160, 0.1), transparent 38%);
    bottom: -240px;
    height: 480px;
    right: -220px;
    width: 480px;
}
.theme-premium .section-aura > .container,
.theme-premium .section-aura > .container-fluid {
    position: relative;
    z-index: 2;
}
.theme-premium .section-aura-dark {
    background: linear-gradient(180deg, #071826 0%, #0a2234 100%);
}
.theme-premium .section-aura-cloud {
    background:
        radial-gradient(circle at 14% -8%, rgba(0, 180, 255, 0.14), transparent 34%),
        linear-gradient(180deg, #f4fbff 0%, #edf6fd 100%);
}
.theme-premium .section-aura-light {
    background:
        radial-gradient(circle at 100% -8%, rgba(11, 217, 160, 0.12), transparent 32%),
        linear-gradient(180deg, #ffffff 0%, #f3f9ff 100%);
}

.theme-premium .section-title h2 {
    color: #102f45;
    letter-spacing: 0.04em;
    margin-bottom: 14px;
}
.theme-premium .section-title p {
    font-size: 17px;
    line-height: 1.86;
}

.theme-premium .about-layout-row {
    align-items: stretch;
    margin-top: 4px;
}
.theme-premium .about-story-panel,
.theme-premium .about-proof-panel {
    background:
        radial-gradient(circle at 100% 0%, rgba(0, 180, 255, 0.14), transparent 42%),
        linear-gradient(160deg, #ffffff 0%, #edf6fd 100%);
    border: 1px solid rgba(15, 54, 80, 0.12);
    border-radius: 24px;
    box-shadow: 0 24px 52px rgba(11, 40, 60, 0.14);
    height: 100%;
    padding: 32px 30px;
}
.theme-premium .about-panel-kicker {
    color: #0b5b7f;
    font-family: "Sora", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    margin-bottom: 12px;
    text-transform: uppercase;
}
.theme-premium .about-story-panel h3 {
    color: #133951;
    font-size: 30px;
    letter-spacing: .02em;
    line-height: 1.3;
    margin: 0 0 16px;
}
.theme-premium .about-story-panel p {
    color: #46657b;
    font-size: 16px;
    line-height: 1.85;
    margin-bottom: 14px;
}
.theme-premium .about-principles {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 18px;
}
.theme-premium .about-principle-card {
    background: rgba(255, 255, 255, 0.84);
    border: 1px solid rgba(15, 61, 88, 0.1);
    border-radius: 16px;
    min-height: 142px;
    padding: 16px;
}
.theme-premium .about-principle-card h4 {
    color: #114261;
    font-family: "Sora", sans-serif;
    font-size: 17px;
    margin-bottom: 8px;
}
.theme-premium .about-principle-card p {
    color: #4a697e;
    font-size: 14px;
    line-height: 1.7;
    margin: 0;
}
.theme-premium .about-proof-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.theme-premium .about-proof-intro {
    background: linear-gradient(150deg, rgba(0, 180, 255, 0.12), rgba(11, 217, 160, 0.1));
    border: 1px solid rgba(15, 70, 99, 0.12);
    border-radius: 18px;
    margin-bottom: 18px;
    padding: 18px 18px 16px;
}
.theme-premium .about-proof-kicker {
    color: #0b5b7f;
    display: inline-block;
    font-family: "Sora", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.theme-premium .about-proof-intro p {
    color: #416278;
    font-family: "Manrope", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    margin: 0;
}
.theme-premium .about-proof-card {
    background: linear-gradient(150deg, rgba(0, 180, 255, 0.12), rgba(11, 217, 160, 0.1));
    border: 1px solid rgba(15, 70, 99, 0.12);
    border-radius: 16px;
    min-height: 126px;
    padding: 16px 14px;
}
.theme-premium .about-proof-card strong {
    color: #0f3e5d;
    display: block;
    font-family: "Sora", sans-serif;
    font-size: 34px;
    line-height: 1;
    margin-bottom: 8px;
}
.theme-premium .about-proof-card span {
    color: #3f6178;
    display: block;
    font-family: "Manrope", sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.65;
}
.theme-premium .about-why-block {
    margin-top: 18px;
}
.theme-premium .about-why-block h4 {
    color: #133f5d;
    font-family: "Sora", sans-serif;
    font-size: 19px;
    margin-bottom: 12px;
}
.theme-premium .about-why-list {
    list-style: none;
    margin: 0;
}
.theme-premium .about-why-list li {
    border-bottom: 1px solid rgba(16, 51, 74, 0.08);
    color: #315369;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.7;
    margin-bottom: 10px;
    padding: 0 0 10px 32px;
    position: relative;
}
.theme-premium .about-why-list li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.theme-premium .about-why-list li:before {
    align-items: center;
    background: linear-gradient(135deg, #00b4ff, #0bd9a0);
    border-radius: 50%;
    color: #022235;
    content: "\f00c";
    display: inline-flex;
    font-family: FontAwesome;
    font-size: 10px;
    font-weight: 700;
    height: 20px;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 2px;
    width: 20px;
}
.theme-premium .about-panel-cta {
    background: linear-gradient(135deg, #0ebeff, #18dcb0);
    border-radius: 999px;
    box-shadow: 0 14px 28px rgba(6, 151, 204, 0.24);
    color: #06283d;
    display: inline-flex;
    font-family: "Sora", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin-top: 18px;
    padding: 11px 16px;
    text-transform: uppercase;
}
.theme-premium .about-panel-cta:hover {
    color: #06283d;
    opacity: .95;
}
.theme-premium .about-city-strip {
    align-items: center;
    background: linear-gradient(145deg, #f2f9ff, #eaf4fd);
    border: 1px solid rgba(17, 63, 92, 0.12);
    border-radius: 18px;
    box-shadow: 0 16px 30px rgba(10, 42, 63, 0.1);
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin-top: 18px;
    padding: 12px;
}
.theme-premium .about-city-strip span {
    background: #fff;
    border: 1px solid rgba(17, 63, 92, 0.12);
    border-radius: 999px;
    color: #113f5c;
    display: inline-block;
    font-family: "Manrope", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    padding: 8px 11px;
    text-transform: uppercase;
}

.theme-premium .lead-strip {
    border-top: 1px solid rgba(132, 208, 242, 0.2);
    border-bottom: 1px solid rgba(132, 208, 242, 0.2);
    padding: 54px 0;
}
.theme-premium .lead-strip-copy h3 {
    color: #e9f6ff;
    font-size: 38px;
    line-height: 1.28;
}
.theme-premium .lead-strip-copy p {
    color: rgba(215, 237, 250, 0.82);
}
.theme-premium .lead-strip-btn {
    background: linear-gradient(135deg, #18c5ff, #14e4b4);
    border: 0;
    color: #042336;
    font-family: "Sora", sans-serif;
    font-weight: 700;
    letter-spacing: 0.08em;
}
.theme-premium .lead-strip-btn-alt {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(130, 211, 247, 0.34);
    color: #e6f8ff;
}

.theme-premium .project-complete-area {
    background: linear-gradient(180deg, #081b2a 0%, #0d2a3d 100%);
    padding: 78px 0;
}
.theme-premium .single-project-complete {
    background: linear-gradient(155deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.03));
    border: 1px solid rgba(138, 221, 255, 0.22);
    border-radius: 20px;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.24);
    min-height: 190px;
    padding: 28px 16px;
}
.theme-premium .single-project-complete i {
    color: #89e8ff;
    font-size: 30px;
    margin-bottom: 16px;
}
.theme-premium .single-project-complete h2 {
    color: #f4fcff;
    font-family: "Sora", sans-serif;
    font-size: 42px;
}
.theme-premium .single-project-complete .text-muted {
    color: rgba(203, 236, 252, 0.76);
    font-family: "Manrope", sans-serif;
    font-size: 12px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.theme-premium .single-service-box {
    background:
        radial-gradient(circle at 100% 0%, rgba(0, 180, 255, 0.18), transparent 42%),
        linear-gradient(160deg, #ffffff 0%, #edf6fd 100%);
    border: 1px solid rgba(15, 54, 80, 0.12);
    border-radius: 22px;
    box-shadow: 0 20px 44px rgba(10, 38, 58, 0.14);
    overflow: hidden;
    padding: 32px 28px;
    text-align: left;
}
.theme-premium .service-icon i {
    height: 58px;
    line-height: 58px;
    margin-bottom: 16px;
    width: 58px;
}
.theme-premium .service-content h4 {
    font-family: "Sora", sans-serif;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 12px;
}
.theme-premium .service-content p {
    font-family: "Manrope", sans-serif;
    font-size: 15px;
    line-height: 1.8;
}

.services-showcase-row {
    margin-top: 12px;
}
.services-intro-panel {
    background:
        radial-gradient(circle at 14% 0%, rgba(21, 196, 255, 0.18), transparent 34%),
        linear-gradient(165deg, #082133 0%, #10334b 55%, #123e5e 100%);
    border: 1px solid rgba(145, 220, 255, 0.18);
    border-radius: 28px;
    box-shadow: 0 24px 52px rgba(7, 28, 45, 0.26);
    min-height: 100%;
    overflow: hidden;
    padding: 34px 30px;
    position: relative;
}
.services-intro-panel:before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), transparent 42%);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
}
.services-intro-panel > * {
    position: relative;
    z-index: 1;
}
.services-kicker {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(154, 226, 255, 0.22);
    border-radius: 999px;
    color: #def6ff;
    display: inline-block;
    font-family: "Sora", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    margin-bottom: 18px;
    padding: 10px 14px;
    text-transform: uppercase;
}
.services-intro-panel h3 {
    color: #f5fcff;
    font-size: 30px;
    line-height: 1.25;
    margin: 0 0 16px;
}
.services-intro-panel p {
    color: rgba(223, 244, 255, 0.8);
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 0;
}
.services-focus-list {
    margin: 26px 0 0;
}
.services-focus-item {
    border-top: 1px solid rgba(154, 226, 255, 0.14);
    padding: 18px 0;
}
.services-focus-item:first-child {
    padding-top: 0;
    border-top: 0;
}
.services-focus-item strong {
    color: #f0fbff;
    display: block;
    font-family: "Sora", sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 6px;
}
.services-focus-item span {
    color: rgba(216, 239, 252, 0.76);
    display: block;
    line-height: 1.8;
}
.services-intro-footer {
    border-top: 1px solid rgba(154, 226, 255, 0.16);
    margin-top: 28px;
    padding-top: 20px;
}
.services-cta-link {
    color: #ffffff;
    display: inline-block;
    font-family: "Sora", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    position: relative;
    text-transform: uppercase;
}
.services-cta-link:after {
    content: "\f178";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    margin-left: 10px;
    transition: transform .25s ease;
}
.services-cta-link:hover,
.services-cta-link:focus {
    color: #9fe7ff;
}
.services-cta-link:hover:after,
.services-cta-link:focus:after {
    transform: translateX(4px);
}
.services-intro-footer p {
    margin-top: 14px;
}
.services-grid-row > div {
    margin-bottom: 30px;
}
.service-showcase-card {
    min-height: 100%;
    padding: 30px 26px 26px;
    text-align: left;
}
.service-card-meta {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 18px;
}
.service-card-number {
    color: rgba(18, 63, 92, 0.38);
    display: inline-block;
    font-family: "Sora", sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.04em;
}
.service-card-tag {
    background: rgba(0, 180, 255, 0.1);
    border: 1px solid rgba(0, 180, 255, 0.16);
    border-radius: 999px;
    color: #13648f;
    display: inline-block;
    font-family: "Sora", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    padding: 8px 11px;
    text-transform: uppercase;
}
.service-showcase-card .service-icon {
    margin-bottom: 10px;
}
.service-showcase-card .service-icon i {
    font-size: 23px;
}
.service-showcase-card .service-content h4 {
    margin-bottom: 10px;
}
.service-feature-list {
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
}
.service-feature-list li {
    color: #45677c;
    line-height: 1.8;
    margin-bottom: 10px;
    padding-left: 28px;
    position: relative;
}
.service-feature-list li:last-child {
    margin-bottom: 0;
}
.service-feature-list li:before {
    background: linear-gradient(135deg, rgba(0, 180, 255, 0.22), rgba(17, 205, 165, 0.2));
    border: 1px solid rgba(0, 180, 255, 0.18);
    border-radius: 50%;
    color: #0f5d87;
    content: "\f00c";
    font: normal normal normal 10px/20px FontAwesome;
    height: 20px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 3px;
    width: 20px;
}
.service-showcase-card-featured {
    background:
        radial-gradient(circle at 100% 0%, rgba(11, 217, 160, 0.16), transparent 44%),
        linear-gradient(160deg, #ffffff 0%, #e8f7f4 100%);
}
.theme-premium .services-intro-panel {
    transform-style: preserve-3d;
    transition: transform .2s ease-out, box-shadow .35s ease, border-color .35s ease;
    will-change: transform;
}
.theme-premium .services-intro-panel.is-depth-active {
    box-shadow: 0 32px 64px rgba(7, 28, 45, 0.32);
}
.theme-premium .service-showcase-card {
    background:
        radial-gradient(circle at 100% 0%, rgba(0, 180, 255, 0.16), transparent 42%),
        linear-gradient(160deg, #ffffff 0%, #edf6fd 100%);
    border: 1px solid rgba(15, 54, 80, 0.12);
    border-radius: 24px;
    box-shadow: 0 20px 44px rgba(10, 38, 58, 0.14);
    overflow: hidden;
}
.theme-premium .service-showcase-card .service-content p,
.theme-premium .service-feature-list li {
    color: #537388;
}

.theme-premium .single-growth-step {
    background:
        radial-gradient(circle at 0% 0%, rgba(0, 180, 255, 0.14), transparent 42%),
        linear-gradient(170deg, #fdfefe 0%, #ecf5fc 100%);
    border: 1px solid rgba(19, 66, 94, 0.12);
    border-radius: 22px;
    min-height: 250px;
    padding: 30px 22px;
}
.theme-premium .single-growth-step h4 {
    font-size: 22px;
    margin-top: 16px;
}
.theme-premium .single-growth-step p {
    font-size: 15px;
}

.theme-premium .our-team-area {
    background:
        radial-gradient(circle at 6% 0%, rgba(0, 180, 255, 0.14), transparent 32%),
        radial-gradient(circle at 94% 14%, rgba(11, 217, 160, 0.12), transparent 30%),
        linear-gradient(180deg, #f7fcff 0%, #ecf5fd 100%);
}

.theme-premium .network-summary-card {
    background: linear-gradient(160deg, #0a2740, #0d344f);
    border: 1px solid rgba(142, 224, 255, 0.28);
    border-radius: 20px;
    box-shadow: 0 20px 46px rgba(7, 29, 46, 0.28);
}
.theme-premium .network-summary-card strong,
.theme-premium .network-summary-card span {
    color: #f2fbff;
}
.theme-premium .network-card {
    background: linear-gradient(170deg, #ffffff 0%, #eef6fd 100%);
    border: 1px solid rgba(21, 67, 95, 0.12);
    border-radius: 20px;
    box-shadow: 0 18px 38px rgba(12, 42, 63, 0.14);
    min-height: 232px;
    padding: 24px 22px;
}
.theme-premium .network-card-cta {
    background: linear-gradient(150deg, rgba(2, 167, 237, 0.16), rgba(9, 211, 156, 0.16));
}
.theme-premium .network-cta-btn {
    background: linear-gradient(135deg, #0ebeff, #18dcb0);
    border-radius: 999px;
    box-shadow: 0 14px 28px rgba(6, 151, 204, 0.24);
    color: #06283d;
    font-family: "Sora", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    padding: 12px 18px;
}

.theme-premium .single-work {
    border: 1px solid rgba(22, 69, 97, 0.16);
    border-radius: 20px;
}
.brands-command-row {
    margin-top: 14px;
}
.brands-command-panel,
.brands-ledger-panel,
.brands-cta-ribbon {
    border-radius: 26px;
    min-height: 100%;
    position: relative;
}
.brands-command-panel {
    background:
        radial-gradient(circle at 0% 0%, rgba(19, 194, 255, 0.18), transparent 34%),
        linear-gradient(165deg, #081f31 0%, #0d314a 58%, #12435f 100%);
    border: 1px solid rgba(141, 219, 252, 0.22);
    box-shadow: 0 24px 56px rgba(6, 28, 43, 0.24);
    overflow: hidden;
    padding: 34px 30px;
}
.brands-command-panel:before,
.brands-ledger-panel:before,
.brands-cta-ribbon:before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 34%);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
}
.brands-command-panel > *,
.brands-ledger-panel > *,
.brands-cta-ribbon > * {
    position: relative;
    z-index: 1;
}
.brands-command-kicker {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(141, 219, 252, 0.2);
    border-radius: 999px;
    color: #e6f9ff;
    display: inline-block;
    font-family: "Sora", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    margin-bottom: 18px;
    padding: 10px 14px;
    text-transform: uppercase;
}
.brands-command-panel h3 {
    color: #f3fbff;
    font-size: 32px;
    line-height: 1.22;
    margin: 0 0 14px;
}
.brands-command-panel p {
    color: rgba(220, 242, 255, 0.8);
    line-height: 1.85;
    margin-bottom: 0;
}
.brands-command-metrics {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 24px;
}
.brands-command-metric {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(141, 219, 252, 0.14);
    border-radius: 18px;
    min-height: 100%;
    padding: 18px 14px;
}
.brands-command-metric strong,
.brands-command-metric span {
    display: block;
}
.brands-command-metric strong {
    color: #f4fbff;
    font-family: "Sora", sans-serif;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 8px;
}
.brands-command-metric span {
    color: rgba(214, 238, 251, 0.74);
    font-size: 11px;
    letter-spacing: 0.08em;
    line-height: 1.6;
    text-transform: uppercase;
}
.brands-ledger-panel {
    background:
        radial-gradient(circle at 100% 0%, rgba(11, 217, 160, 0.14), transparent 34%),
        linear-gradient(160deg, #ffffff 0%, #edf6fd 100%);
    border: 1px solid rgba(18, 66, 95, 0.12);
    box-shadow: 0 20px 44px rgba(10, 38, 58, 0.12);
    padding: 30px 28px;
}
.brands-ledger-heading strong {
    color: #103a57;
    display: block;
    font-family: "Sora", sans-serif;
    font-size: 13px;
    letter-spacing: 0.12em;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.brands-ledger-heading p {
    color: #577486;
    line-height: 1.85;
    margin-bottom: 0;
}
.brands-ledger-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 22px;
}
.brands-ledger-item {
    background: rgba(5, 148, 213, 0.05);
    border: 1px solid rgba(19, 84, 121, 0.1);
    border-radius: 18px;
    min-height: 100%;
    padding: 18px 16px;
}
.brands-ledger-item span {
    color: #103a57;
    display: block;
    font-family: "Sora", sans-serif;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 8px;
}
.brands-ledger-item p {
    color: #5d7888;
    line-height: 1.75;
    margin: 0;
}
.brands-ledger-note {
    border-top: 1px solid rgba(19, 84, 121, 0.12);
    margin-top: 22px;
    padding-top: 18px;
}
.brands-ledger-note span {
    color: #113d59;
    display: block;
    font-family: "Sora", sans-serif;
    font-size: 12px;
    letter-spacing: 0.11em;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.brands-ledger-note p {
    color: #5b7788;
    line-height: 1.8;
    margin: 0;
}
.brands-scope-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-top: 22px;
}
.brands-scope-strip span {
    background: linear-gradient(145deg, #ffffff, #ecf5fc);
    border: 1px solid rgba(17, 63, 92, 0.12);
    border-radius: 999px;
    color: #133f5d;
    display: inline-block;
    font-family: "Sora", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    padding: 10px 14px;
    text-transform: uppercase;
}
.brand-logo-carousel {
    margin-top: 34px;
}
.brand-logo-slide {
    padding: 0 12px 10px;
}
.brand-logo-carousel .single-work {
    align-items: center;
    background:
        radial-gradient(circle at 0% 0%, rgba(0, 180, 255, 0.09), transparent 28%),
        linear-gradient(165deg, #fbfdff 0%, #eef6fd 100%);
    display: flex;
    justify-content: center;
    margin-top: 0;
    min-height: 196px;
    padding: 18px;
}
.brand-logo-carousel .single-work img {
    display: block;
    filter: none;
    height: 128px;
    max-width: 100%;
    object-fit: contain;
    width: auto;
}
.brand-logo-carousel .work-info-text {
    color: #fff;
    left: 0;
    margin-top: 0;
    padding: 0 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.brand-logo-carousel .owl-pagination {
    margin-top: 14px;
    text-align: center;
}
.brand-logo-carousel .owl-page span {
    background: rgba(16, 50, 74, 0.2);
    border-radius: 999px;
    display: inline-block;
    height: 10px;
    margin: 0 5px;
    width: 10px;
}
.brand-logo-carousel .owl-page.active span {
    background: #00afef;
}
.brands-footer {
    padding-top: 44px;
}
.brands-cta-ribbon {
    align-items: center;
    background:
        radial-gradient(circle at 0% 0%, rgba(19, 194, 255, 0.16), transparent 34%),
        linear-gradient(160deg, #0b2b41, #123e5a);
    border: 1px solid rgba(141, 219, 252, 0.16);
    box-shadow: 0 22px 50px rgba(8, 32, 49, 0.22);
    display: flex;
    gap: 24px;
    justify-content: space-between;
    padding: 28px 30px;
}
.brands-cta-copy strong {
    color: #f2fbff;
    display: block;
    font-family: "Sora", sans-serif;
    font-size: 14px;
    letter-spacing: 0.12em;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.brands-cta-copy p {
    color: rgba(220, 241, 252, 0.8);
    font-family: "Manrope", sans-serif;
    line-height: 1.8;
    margin: 0;
}
.theme-premium .single-work img {
    filter: none;
    transition: transform .7s ease, filter .7s ease;
}
.theme-premium .single-work:hover img {
    filter: saturate(1.06) contrast(1.03);
    transform: scale(1.08) rotate(.8deg);
}
.theme-premium .brand-track-card:hover img {
    filter: saturate(1.04) contrast(1.02);
    transform: scale(1.04);
}
.theme-premium .work-details .overlay {
    background: linear-gradient(180deg, rgba(4, 22, 35, 0.12) 0%, rgba(6, 35, 54, 0.8) 100%);
}
.theme-premium .brands-command-panel,
.theme-premium .brands-ledger-panel,
.theme-premium .brands-cta-ribbon {
    transition: transform .2s ease-out, box-shadow .35s ease, border-color .35s ease;
    will-change: transform;
}
.theme-premium .brands-command-panel.is-depth-active,
.theme-premium .brands-ledger-panel.is-depth-active,
.theme-premium .brands-cta-ribbon.is-depth-active {
    box-shadow: 0 28px 60px rgba(9, 34, 52, 0.24);
}

.theme-premium .contact-us-area {
    background:
        radial-gradient(circle at 0% 0%, rgba(19, 194, 255, 0.18), transparent 30%),
        linear-gradient(180deg, #081a2a 0%, #0b283d 100%);
}
.theme-premium .contact-us-area .section-title h2,
.theme-premium .contact-us-area .section-title p {
    color: #eaf8ff;
}
.theme-premium .contact-conversion-box,
.theme-premium .contact-benefits-box {
    background: linear-gradient(155deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.04));
    border: 1px solid rgba(139, 221, 255, 0.24);
    border-radius: 24px;
    box-shadow: 0 24px 56px rgba(4, 16, 26, 0.32);
}
.theme-premium .contact-conversion-box h3,
.theme-premium .contact-benefits-box h3 {
    color: #f4fbff;
}
.theme-premium .contact-conversion-box p,
.theme-premium .contact-benefits-box p,
.theme-premium .contact-benefits-list li {
    color: rgba(226, 244, 255, 0.84);
}
.contact-layout-row {
    margin-top: 18px;
}
.contact-lead-panel,
.contact-strategy-panel,
.contact-office-panel {
    min-height: 100%;
    position: relative;
}
.contact-kicker {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(139, 221, 255, 0.26);
    border-radius: 999px;
    color: #e7f8ff;
    display: inline-block;
    font-family: "Sora", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    margin-bottom: 18px;
    padding: 9px 14px;
    text-transform: uppercase;
}
.contact-lead-panel h3 {
    font-size: 34px;
    line-height: 1.2;
    margin: 0 0 14px;
    max-width: 620px;
}
.contact-direct-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 28px;
}
.contact-direct-card {
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.06));
    border: 1px solid rgba(139, 221, 255, 0.18);
    border-radius: 18px;
    color: #ffffff;
    display: block;
    min-height: 188px;
    padding: 22px 20px;
    position: relative;
    transition: transform .3s ease, border-color .3s ease, background .3s ease;
}
.contact-direct-card i {
    align-items: center;
    background: linear-gradient(135deg, #11c7ff, #0f9df0);
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(14, 174, 243, 0.22);
    color: #06283d;
    display: inline-flex;
    font-size: 18px;
    height: 50px;
    justify-content: center;
    margin-bottom: 20px;
    width: 50px;
}
.contact-direct-card strong,
.contact-direct-card span,
.contact-direct-card em {
    display: block;
}
.contact-direct-card strong {
    color: #f4fbff;
    font-family: "Sora", sans-serif;
    font-size: 18px;
    line-height: 1.35;
    margin-bottom: 8px;
}
.contact-direct-card span {
    color: rgba(226, 244, 255, 0.9);
    line-height: 1.7;
}
.contact-direct-card em {
    color: rgba(194, 227, 244, 0.7);
    font-size: 13px;
    font-style: normal;
    line-height: 1.65;
    margin-top: 10px;
}
.contact-direct-card:hover,
.contact-direct-card:focus {
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.08));
    border-color: rgba(159, 231, 255, 0.4);
    color: #ffffff;
    transform: translateY(-4px);
}
.contact-direct-card-static {
    cursor: default;
}
.contact-direct-card-static:hover,
.contact-direct-card-static:focus {
    transform: none;
}
.contact-lead-footer {
    align-items: flex-start;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-top: 24px;
}
.contact-response-chip {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(139, 221, 255, 0.16);
    border-radius: 18px;
    flex: 1 1 0;
    padding: 18px 18px 16px;
}
.contact-response-chip strong,
.contact-response-chip span {
    display: block;
}
.contact-response-chip strong {
    color: #f3fbff;
    font-family: "Sora", sans-serif;
    font-size: 13px;
    letter-spacing: 0.08em;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.contact-response-chip span {
    color: rgba(220, 242, 255, 0.78);
    line-height: 1.7;
}
.contact-campaign-tags {
    display: flex;
    flex: 0 0 240px;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.contact-campaign-tags li {
    background: rgba(255, 255, 255, 0.09);
    border: 1px solid rgba(139, 221, 255, 0.16);
    border-radius: 999px;
    color: #e9f8ff;
    font-family: "Sora", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.11em;
    padding: 11px 14px;
    text-transform: uppercase;
}
.contact-side-stack {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 30px;
}
.contact-side-stack .contact-benefits-box {
    margin-top: 0;
}
.contact-proof-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 26px;
}
.contact-proof-card {
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(139, 221, 255, 0.12);
    border-radius: 16px;
    padding: 18px 14px;
    text-align: center;
}
.contact-proof-card strong,
.contact-proof-card span {
    display: block;
}
.contact-proof-card strong {
    color: #f6fcff;
    font-family: "Sora", sans-serif;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 8px;
}
.contact-proof-card span {
    color: rgba(214, 238, 251, 0.74);
    font-size: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.contact-office-line {
    border-top: 1px solid rgba(139, 221, 255, 0.14);
    padding: 16px 0;
}
.contact-office-line:first-of-type {
    border-top: 0;
    padding-top: 6px;
}
.contact-office-line span,
.contact-office-line strong {
    display: block;
}
.contact-office-line span {
    color: rgba(197, 230, 247, 0.66);
    font-family: "Sora", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.contact-office-line strong {
    color: #f4fbff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.7;
}
.contact-mini-card-soft {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(139, 221, 255, 0.14);
    margin-top: 18px;
}
.theme-premium .contact-lead-panel,
.theme-premium .contact-strategy-panel,
.theme-premium .contact-office-panel {
    background:
        radial-gradient(circle at 0% 0%, rgba(19, 194, 255, 0.16), transparent 30%),
        linear-gradient(155deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.04));
    border: 1px solid rgba(139, 221, 255, 0.24);
    border-radius: 24px;
    box-shadow: 0 24px 56px rgba(4, 16, 26, 0.32);
}
.theme-premium .contact-direct-card,
.theme-premium .contact-response-chip,
.theme-premium .contact-proof-card,
.theme-premium .contact-mini-card-soft {
    backdrop-filter: blur(10px);
}

/* Shared 3D card utility */

.theme-premium .js-depth-card {
    transition: transform .2s ease-out, box-shadow .35s ease, border-color .35s ease;
    will-change: transform;
}
.theme-premium .js-depth-card.is-depth-active {
    box-shadow: 0 28px 60px rgba(9, 34, 52, 0.24);
}
.theme-premium .single-service-box:hover,
.theme-premium .single-growth-step:hover,
.theme-premium .network-card:hover,
.theme-premium .single-work:hover,
.theme-premium .contact-conversion-box:hover,
.theme-premium .contact-benefits-box:hover {
    transform: none;
}
/*17.END FULL SITE REVAMP*/

/*18.START MP LANDING PAGE*/

.mp-header-shell {
    margin-bottom: 0;
}
.mp-landing-hero {
    padding-top: 208px;
}
.mp-landing-hero h1 {
    color: #eef8ff;
    font-size: 52px;
    line-height: 1.15;
    margin: 0 auto 18px;
    max-width: 920px;
}
.mp-landing-hero p {
    color: rgba(224, 244, 255, 0.86);
    font-size: 18px;
    line-height: 1.85;
    margin: 0 auto;
    max-width: 860px;
}
.mp-landing-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin: 24px 0 6px;
}
.mp-landing-badges span {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(148, 226, 255, 0.3);
    border-radius: 999px;
    color: #e8f8ff;
    display: inline-block;
    font-family: "Sora", sans-serif;
    font-size: 11px;
    letter-spacing: 0.11em;
    padding: 9px 14px;
    text-transform: uppercase;
}
.mp-services-grid {
    display: flex;
    flex-wrap: wrap;
}
.mp-services-grid [class*="col-"] {
    display: flex;
}
.mp-services-grid .single-service-box {
    min-height: 100%;
    width: 100%;
}
.mp-city-list div {
    margin-bottom: 12px;
}
.mp-city-list span {
    background: linear-gradient(145deg, #ffffff, #edf6fd);
    border: 1px solid rgba(17, 63, 92, 0.14);
    border-radius: 12px;
    color: #123f5c;
    display: block;
    font-family: "Sora", sans-serif;
    font-size: 13px;
    letter-spacing: 0.06em;
    padding: 12px 14px;
    text-align: center;
    text-transform: uppercase;
}
.mp-cta-strip {
    border-top: 1px solid rgba(141, 219, 252, 0.22);
}
.mp-cta-strip h2 {
    color: #eaf8ff;
    font-size: 36px;
    line-height: 1.3;
    margin-bottom: 14px;
}
.mp-cta-strip p {
    color: rgba(219, 242, 255, 0.82);
    margin: 0 auto;
    max-width: 760px;
}
.mp-landing-note {
    font-size: 13px;
    letter-spacing: 0.08em;
    margin-top: 22px;
    text-transform: uppercase;
}
.state-landing-copy {
    margin: 0 auto;
    max-width: 980px;
    text-align: center;
}
.state-landing-copy h1 {
    color: #eef8ff;
    font-size: 52px;
    line-height: 1.15;
    margin: 0 auto 18px;
    max-width: 920px;
}
.state-landing-copy p {
    color: rgba(224, 244, 255, 0.86);
    font-size: 18px;
    line-height: 1.85;
    margin: 0 auto;
    max-width: 860px;
}
/*18.END MP LANDING PAGE*/