@charset "utf-8";
/* CSS Document */

/* CSS Document © 2025 ENVINTO */


@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');


@font-face {
    font-family: 'FlyTrap';
    src: url('');
    src: 
        url('../fonts/FlyTrapExtended.woff2') format('woff2'),
        url('../fonts/FlyTrapExtended.woff') format('woff'),
        url('../fonts/FlyTrapExtended.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


::-moz-selection{ background:#7b7d7f; color:var(--global); text-shadow:none;}
::selection { background:#7b7d7f; color:var(--global); text-shadow:none;}
*,
*:before, *:after{-webkit-box-sizing:  border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, textarea, input { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; outline:none;  font-family: "Plus Jakarta Sans", sans-serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {color:#000000; background: #F3F4F6; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow:hidden; overflow-y: scroll; scroll-behavior: smooth;}
:root { --primary: #0242C8; --secondary:#6B7280; --global: #ffffff;}
a { text-decoration:none; transition:all 0.25s ease-out 0s; outline: none; box-shadow: none;}
a:hover{text-decoration: none;}
h1, h2, h3 , h4, h5, h6, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{ font-family: 'FlyTrap';}
p, p span { font-family: "Plus Jakarta Sans", sans-serif;}
img { border:0px;}
ol, ul, li{ list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
* {-webkit-appearance: none;}
::-webkit-input-placeholder {
  color:var(--secondary);
}
::-moz-placeholder { 
  color:var(--secondary);
}
:-ms-input-placeholder {
  color:var(--secondary);
}
:-moz-placeholder {
  color:var(--secondary);
}

section, header, footer {width: 100%; float: left;}

img{max-width: 100%; display: block;}

strong{font-weight: bold;}

.container{max-width: 1320px; margin: 0 auto;padding: 0px 15px;width: 95%;}


strong{font-weight: bold;}


.error-page-section {background: var(--primary);}
.error-page-row {max-width: 800px; margin: 50px auto;}
.error-page-col1 h1 {font-size: 40px;color: #000;}
.error-page-col1 h2 {font-size: 40px;font-weight: 800;margin: 0 0 20px;color: #000;}
.error-page-col1 p {font-size: 16px;font-weight: 600;line-height: 1.67;margin: 0 0 22px;color: #000;}
.search-form { width: 100%; display: flex; align-items: center;}
.search-form input {width: 197px;height: 45px;border: 1px solid #000;margin: 0 7px 0 0;padding: 0 10px;color: #000;outline: none;box-shadow: none;display: inline-block;border-radius: 80px;}
.search-form .search-submit {width: auto;height: 45px;display: inline-block;padding: 0 25px;color: #ffff;border: 1px solid #000;background: #000;transition all 0.25s ease-in-out;border-radius: 80px;}
.search-form .search-submit .screen-reader-text { position: relative !important;  display: block;  height: auto;  width: auto;  color: #ffff;  clip-path: none;  transition: all 0.25s ease-in-out;}
.search-form .search-submit:hover { color: #000; background: none;}
.search-form .search-submit:hover .screen-reader-text { color: #000;}
.search-form input::placeholder { color: #000;}
.search-page-section {padding: 80px 0px;background: #ffff;}
.search-page-row {  max-width: 1320px;  margin: 0 auto;}
.search-page-row .page-header .page-title {font-size: 40px;margin: 0 0 35px;display: flex;color: #000;font-weight: 500;}
.search-page-card {  margin: 0 0 50px;}
.search-page-content { padding: 0; max-width: inherit;  width: 100%;  text-align: left;  flex: 1 0 0;}
.search-page-content h3 {font-size: 32px;color: #000;font-weight: 500;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid var(--primary);}
.search-page-content p {font-size: 16px;font-weight: 500;line-height: 1.67;margin: 0 0 22px;color: #000;}
.search-btn1 {padding: 12px 24px;background-color: #000;border-radius: 80px;color: #ffffff;border: 1px solid #000;transition: 0.3s all ease-in-out;font-size: 16px;font-weight: 400;display: inline-block;margin: 10px auto 0;}
.search-btn1:hover {background-color: #ffffff;color: #000;}



.defualt-page-section {padding: 60px 0; background: #fff;}
.content-wrap h2 { font-size: 46px; font-weight: 500; color: var(--primary); margin: 0 0 20px;}
.content-wrap p { font-size: 16px; color: var(--secondary); line-height: 1.56; margin: 0 0 20px;}
.content-wrap ul {width: 100%; margin: 0 0 20px;}
.content-wrap ul li { font-size: 16px; line-height: 1.56; color: var(--primary); padding-left: 10px; position: relative;}
.content-wrap ul li:before { content: "\2022"; position: absolute; left: 0; top: 0;}
.content-wrap ol { width: 100%;float: none; counter-reset: my-awesome-counter; margin: 0 auto 28px;position: relative;}
.content-wrap ol li {font-size: 16px; line-height: 1.56; color: var(--primary); padding-left: 20px;position: relative;counter-increment: step-counter;}
.content-wrap ol li:before { content: counter(step-counter) '.'; margin-right: 0px; position: absolute; left: -4px; top: 0;}
.content-wrap p a, .content-wrap ul li a, .content-wrap ol li a{color:var(--primary);}
.content-wrap p a:hover, .content-wrap ul li a:hover, .content-wrap ol li a:hover{color: #000000;}



.whatsup-icon { position: fixed; bottom: 50px; right: 10px; z-index: 9999;background: #fff;padding: 15px;border-radius: 11px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.whatsup-icon img { width: 50px; height: 50px; }
.whatsup-icon  h3{font-size: 12px;text-align: center;color: var(--primary);margin: 0 0 10px;}



.slick-prev, .slick-next{display: none !important;}
.overlay{display: none;}
.burger-btn{display: none;}


.header-wrap.sticky{position: fixed;top: 0;left: 0;z-index: 999;background:#fff;animation: .7s slide-down;box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px;}
.header-wrap.sticky .menu-list ul li a{color:var(--global);}
.header-wrap.sticky .header-sec{padding: 0;margin: 10px 0px;}
.header-wrap.sticky .header-sec .header-col .logo img{height: 50px;}



.header-row{margin: 23px 0px;display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 99;}
.header-menu ul{display: flex;align-items: center;gap: 8px;padding: 6px;}
.header-menu ul li{padding: 8px 16px;border-radius: 9999px;}
.header-menu ul li.active{padding: 8px 16px;background-color: #F3F4F6;border-radius: 9999px;}
.header-menu ul li a{font-size: 14px;line-height: 20px;color: #6B7280;font-weight: 500;}
.header-menu ul li.active a{color: #000;}
.header-col2{background-color: #fff;padding: 6px;box-shadow: 0px 1px 2px 0px #0000000D;border-radius: 60px;}



.banner-section{height: 830px;margin-top: -110px;position: relative;}
.banner-images{display: flex;align-items:stretch;justify-content: space-between;gap: 13px;}
.banner-img{width: 25%;height: 100%;}
.banner-img img{width: 100%;height: 805px;object-fit: cover;}
.banner-content{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;}
.banner-content h1{font-size: 72px;color: #fff;}
.banner-content h1 span{color: var(--primary);line-height: 1.5;}
.banner-content p{font-size: 20px;color: var(--global);font-weight: 500;}
.glass-btn{display:flex;align-items:center;gap:10px;padding:5px 10px;color:white;text-decoration:none;border-radius:39px;border:1px solid rgb(255, 255, 255);font-size:14px;font-weight:400;transition:0.3s ease;}
.glass-btn:hover{background:rgba(255,255,255,0.18);}
.icon{ font-size:18px;}
.banner-pilles{display: flex;align-items: center;gap: 8px;margin-top: 20px;justify-content: center;}




.solution-section{padding:30px 0;}
.solution-head h2{font-size:32px;color:var(--secondary);margin-bottom:5px;}
.solution-head h2 span{color:var(--primary);}
.solution-head p{color:var(--secondary);}
.solution-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:33px;}
.solution-card{position:relative;height:600px;overflow:hidden;border-radius:22px;cursor:pointer;}
.main-img,.hover-img{position:absolute;width:100%;height:100%;object-fit:cover;transition:.8s ease;}
.hover-img{opacity:0;}
.solution-card:hover .hover-img{opacity:1;transform:scale(1.05);}
.solution-card:hover .main-img{opacity:0;transform:scale(1.05);}
/* .solution-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.1));z-index:1;} */
.card-content{position:absolute;inset:0;z-index:2;padding:25px;display:flex;align-items:flex-end;}
.default-content,.hover-content{position:absolute;bottom:25px;left:25px;transition:.8s ease;}
.default-content h3,.hover-content h3{color:#fff;font-size:34px;font-weight:700;line-height:1.1;font-family:"Plus Jakarta Sans",sans-serif;}
.hover-content p{color:#fff;font-size:15px;line-height:1.6;margin-top:12px;max-width:280px;}
.hover-content{opacity:0;transform:translateY(20px);}
.solution-card:hover .hover-content{opacity:1;transform:translateY(0);}
.solution-card:hover .default-content{opacity:0;transform:translateY(20px);}
.solution-arrow{display: flex;align-items: center;justify-content: center;height: 46px;width: 46px;border-radius: 50%;background-color: #fff;position: absolute;top: 0;right:0;z-index: 55;top: 14px;right: 15px;}



.who-we-section{padding:60px 0;}
.who-tag{text-align:center;margin-bottom:30px;}
.who-tag span{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;background:#fff;border-radius:50px;font-size:18px;font-weight:600;color:#121826;font-family:"Plus Jakarta Sans",sans-serif;}
.who-content{text-align:center;padding: 0px 40px;}
.who-content h2{font-size:32px;line-height:1.45;font-weight:700;color:#111827;font-family:"Plus Jakarta Sans",sans-serif;line-height: 62px;}
.highlight-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;background:var(--primary);color:#fff;border-radius:60px;font-size:35px;font-weight:700;margin:0 10px;vertical-align:middle;line-height:1;font-family:"Plus Jakarta Sans",sans-serif;}
.highlight-badge span{width: 30px;height: 30px;border-radius: 50%;background-color: #fff;color: var(--primary);display: flex;align-items: center;justify-content:center;font-size: 30px;}
.blue-text{color:var(--primary);font-family:"Plus Jakarta Sans",sans-serif;}


.transform-section{padding:60px 0;background:#f3f3f5;}
.performance-grid{margin-top: 33px;height: 700px;}
.performance-grid {  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  gap: 15px 15px;
  grid-auto-flow: row;
  grid-template-areas:
    "main-image main-image main-image main-image secondone secondone fivthone fivthone"
    "main-image main-image main-image main-image secondone secondone fivthone fivthone"
    "main-image main-image main-image main-image secondone secondone fivthone fivthone"
    "main-image main-image main-image main-image secondone secondone fivthone fivthone"
    "main-image main-image main-image main-image thierdone thierdone sixthone sixthone"
    "main-image main-image main-image main-image thierdone thierdone sixthone sixthone"
    "main-image main-image main-image main-image fourthone fourthone sixthone sixthone"
    "main-image main-image main-image main-image fourthone fourthone sixthone sixthone";
}
.performance-grid img{height: 100%;width: 100%;object-fit: cover;}
.main-image { grid-area: main-image;}
.main-image img{width: 100%;height: 100%;object-fit: cover;border-radius: 35px;}
.secondone { grid-area: secondone;background-color: #fff;padding: 15px;border-radius: 24px;}
.secondone img{height: 160px;width: 100%;object-fit: cover;border-radius: 10px 10px 0px 0px;}
.secondone-content{margin-top: 10px;}
.secondone-content h3{font-family:"Plus Jakarta Sans",sans-serif;font-weight: 700;font-size: 32px;line-height: 40px;}
.secondone-content p{color: #6B7280;margin-top: 10px;font-size: 20px;font-weight: 400;}
.thierdone{background-color: #fff;display: flex;align-items: center;padding: 15px;border-radius: 24px; grid-area: thierdone; }
.thierdone-content h3{font-family:"Plus Jakarta Sans",sans-serif;font-weight: 700;font-size: 32px;line-height: 40px;}
.thierdone-content p{color: #6B7280;margin-top: 10px;font-size: 20px;font-weight: 400;}
.fourthone { grid-area: fourthone;background-color: #fff;display: flex;align-items: center;padding: 15px;border-radius: 24px;}
.fourthone-content h3{font-family:"Plus Jakarta Sans",sans-serif;font-weight: 700;font-size: 32px;line-height: 40px;}
.fourthone-content p{color: #6B7280;margin-top: 10px;font-size: 20px;font-weight: 400;}
.fivthone { grid-area: fivthone;}
.fivthone img{border-radius: 24px;}
.sixthone { grid-area: sixthone;background-color: #fff;padding: 15px;border-radius: 24px;}
.sixthone img{height: 160px;width: 100%;object-fit: cover;border-radius: 10px 10px 0px 0px;}
.sixthone-content{margin-top: 10px;}
.sixthone-content h3{font-family:"Plus Jakarta Sans",sans-serif;font-weight: 700;font-size: 32px;line-height: 40px;}
.sixthone-content p{color: #6B7280;margin-top: 10px;font-size: 20px;font-weight: 400;}



.estimate-section{padding:60px 0;}
.estimate-section .es-subtext{font-size:14px;color:#6b7280;margin-bottom:32px;font-family:"Plus Jakarta Sans",sans-serif;}
.estimate-section .es-card{border-radius:35px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;margin-top: 30px;gap: 21px;}
.estimate-section .es-form-col{padding:73px 64px;background:#fff;border-radius: 20px;}
.estimate-section .es-client-tag{display:inline-flex;align-items:center;padding:8px 16px;border:1px solid #C4C7C7;border-radius:9999px;font-size:12px;font-weight:600;color:#444748;letter-spacing:.06em;text-transform:uppercase;margin-bottom:24px;font-family:"Plus Jakarta Sans",sans-serif;}
.estimate-section .es-form-col h3{font-size:40px;font-weight:700;color:#111827;font-family:"Plus Jakarta Sans",sans-serif;line-height:1.25;margin-bottom:15px;}
.estimate-section .es-form-col p{font-size:16px;color:#444748;line-height:1.6;margin-bottom:24px;font-family:"Plus Jakarta Sans",sans-serif;font-weight: 400;max-width: 450px;}
.estimate-section .es-field{margin-bottom:24px;}
.estimate-section .es-field label{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#444748;margin-bottom:8px;font-family:"Plus Jakarta Sans",sans-serif;}
.estimate-section .es-field input,.estimate-section .es-field select,.estimate-section .es-field textarea{width:100%;border:1px solid #C4C7C7;border-radius:9999px;padding:15px 24px;font-size:16px;color:#444748;font-family:"Plus Jakarta Sans",sans-serif;outline:none;transition:border-color .2s;}
.estimate-section .es-field textarea{border-radius: 0;}
.estimate-section .es-field input::placeholder,.estimate-section .es-field textarea::placeholder{color:#6B7280;}
.estimate-section .es-field input:focus,.estimate-section .es-field select:focus,.estimate-section .es-field textarea:focus{border-color:var(--primary);}
.estimate-section .es-field select{appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right 14px center;background-color:#fff;color:#444748;}
.estimate-section .es-field textarea{resize:vertical;min-height:114px;}
.estimate-section .es-submit-btn{width:100%;background:var(--primary);color:#fff;border:none;border-radius:9999px;padding:18px;font-size:14px;font-weight:400;cursor:pointer;transition:background .2s;margin-top:4px; font-family: 'FlyTrap';letter-spacing: 1px;border: 1px solid var(--primary);}
.estimate-section .es-submit-btn:hover{background: #fff;color: var(--primary);}
.estimate-section .es-image-col{position:relative;overflow:hidden;}
.estimate-section .es-image-col .es-banner-image img{width:100%;height:600px ;object-fit:cover;display:block;}
.estimate-section .es-info-box{position:relative;padding:24px 10px;}
.estimate-section .es-info-box h4{font-size:32px;font-weight:700;color:#111827;margin-bottom:4px;font-family:"Plus Jakarta Sans",sans-serif;}
.estimate-section .es-info-box .es-address{font-size:16px;color:#6b7280;line-height:1.6;margin-bottom:30px;font-family:"Plus Jakarta Sans",sans-serif;}
.es-contact-icon{display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;object-fit: cover;border: 1px solid #C4C7C7;border-radius: 50%;}
.es-contact-icon img{height: 18px;width: 18px;object-fit: contain;}
.estimate-section .es-contact-row{display:flex;flex-direction:column;gap:25px;}
.estimate-section .es-contact-item{display:flex;align-items:center;gap:10px;}
.estimate-section .es-contact-detail span{display:block;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#444748;font-family:"Plus Jakarta Sans",sans-serif;margin-bottom: 5px;}
.estimate-section .es-contact-detail strong{font-size:18px;font-weight:600;color:#000000;font-family:"Plus Jakarta Sans",sans-serif;}




.site-footer .container{background:#fff;border-top:1px solid #e5e7eb;border-radius: 50px;}
.site-footer .sf-inner{max-width:1200px;margin:0 auto;padding:70px;}
.site-footer .sf-top{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:flex-start;padding-bottom:40px;}
.site-footer .sf-brand{max-width:500px;}
.site-footer .sf-logo{display:flex;align-items:center;gap:10px;margin-bottom:14px;text-decoration:none;}
.site-footer .sf-logo img{width:44px;height:44px;object-fit:contain;}
.site-footer .sf-logo span{font-size:22px;font-weight:700;color:var(--primary);font-family:"Plus Jakarta Sans",sans-serif;}
.site-footer .sf-tagline{font-size:14px;color:#6b7280;line-height:1.65;font-family:"Plus Jakarta Sans",sans-serif;}
.site-footer .sf-links{display:grid;grid-template-columns:repeat(3,1fr);gap:0 30px;}
.site-footer .sf-col h5{font-size:16px;font-weight:700;color:#111827;font-family:"Plus Jakarta Sans",sans-serif;margin-bottom:20px;letter-spacing:.01em;}
.site-footer .sf-col ul{list-style:none;}
.site-footer .sf-col ul li{margin-bottom:10px;}
.site-footer .sf-col ul li a{font-size:13.5px;color:#6b7280;text-decoration:none;font-family:"Plus Jakarta Sans",sans-serif;transition:color .2s;}
.site-footer .sf-col ul li a:hover{color:var(--primary);}
.site-footer .sf-bottom{border-top:1px solid #e5e7eb;padding:18px 0;display:flex;align-items:center;justify-content:space-between;}
.site-footer .sf-copy{font-size:12.5px;color:#9ca3af;font-family:"Plus Jakarta Sans",sans-serif;}
.site-footer .sf-credit{font-size:12.5px;color:#9ca3af;font-family:"Plus Jakarta Sans",sans-serif;}
.site-footer .sf-credit a{color:var(--primary);text-decoration:none;font-weight:600;}
.site-footer .sf-credit a:hover{text-decoration:underline;}
.logo-overlay{margin-top: -46px;z-index: -1;position: relative;}




.hero-banner{position:relative;width:100%;display:flex;align-items:center;overflow:hidden;border-radius:16px;height: 750px;margin-top: -120px;}
.hero-banner .hb-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center right;z-index:0;}
.hero-banner .hb-back-btn{position:absolute;top:150px;left:100px;z-index:3;display:inline-flex;align-items:center;gap:6px;backdrop-filter:blur(8px);border:1px solid #FFFFFF;border-radius:30px;padding:7px 16px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;text-decoration:none;transition:background .2s;color: #555555;}
.hero-banner .hb-back-btn:hover{background:#FFFFFF;}
.hero-banner .hb-back-btn svg{width:14px;height:14px;stroke:#fff;fill:none;}
.hero-banner .hb-content{position:relative;z-index:2;padding:120px 48px 60px;width: 100%;}
.hero-banner .hb-content h2{font-size:64px;font-weight:800;color:#fff;line-height:1.3;margin-bottom:16px;letter-spacing: 2px;}
.hero-banner .hb-content h2 span{color:var(--primary);}
.hero-banner .hb-content p{font-size:18px;color:rgba(255,255,255,.8);line-height:1.7;margin-bottom:28px;font-family:"Plus Jakarta Sans",sans-serif;max-width:600px;}
.hero-banner .hb-btns{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.hero-banner .hb-btn-primary{display:inline-flex;align-items:center;padding:15px 32px;background:var(--primary);color:#fff;border:none;border-radius:44px;font-size:14px;font-weight:600;font-family:"Plus Jakarta Sans",sans-serif;cursor:pointer;text-decoration:none;transition:background .2s;}
.hero-banner .hb-btn-primary:hover{background:var(--global);color: var(--primary);}
.hero-banner .hb-btn-outline{display:inline-flex;align-items:center;padding:15px 32px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6);border-radius:44px;font-size:14px;font-weight:600;font-family:"Plus Jakarta Sans",sans-serif;cursor:pointer;text-decoration:none;transition:border-color .2s,background .2s;}
.hero-banner .hb-btn-outline:hover{border-color:#fff;background:rgba(255,255,255,.08);}
.hero-banner.white-banner .hb-back-btn{background-color: #fff;}


.sc-section{padding: 60px 0px 0px;}
.sc-row{overflow:hidden;display:grid;grid-template-columns:1fr 1fr;}
.sc-image-col{position:relative;height:700px;overflow:hidden;}
.sc-image-col img{width:100%;height:100%;object-fit:cover;display:block;border-radius: 35px;}
.sc-image-col.decore {height: 950px;}
.sc-content-col{padding:40px 36px;display:flex;flex-direction:column;}
.sc-content-col h2{font-size:28px;font-weight:400;color:#030304;line-height:1.5;}
.sc-content-col h2 span{color:var(--primary);}
.sc-subtitle{font-size:22px;font-weight:600;color:#5D5E60;margin-bottom:14px;font-family:"Plus Jakarta Sans",sans-serif;}
.sc-desc{font-size:14px;color:#46464A;line-height:1.7;font-family:"Plus Jakarta Sans",sans-serif;}
.sc-card{background:#f8f9fb;border-radius:12px;overflow:hidden;position:relative;display:flex;flex-direction:column;}
.sc-card.has-img img{width:100%;flex:1;object-fit:cover;display:block;min-height:100px;}
.sc-card-text{padding:10px 13px;}
.sc-card-text h4{font-size:14px;font-weight:700;color:#111827;font-family:"Plus Jakarta Sans",sans-serif;margin-bottom:2px;}
.sc-card-text p{font-size:11.5px;color:#6b7280;font-family:"Plus Jakarta Sans",sans-serif;}
.sc-card.stat-card{display:flex;flex-direction:column;justify-content:center;padding:16px;}
.sc-card.stat-card strong{display:block;font-size:30px;font-weight:800;color:#111827;font-family:"Plus Jakarta Sans",sans-serif;line-height:1;margin-bottom:4px;}
.sc-card.stat-card span{font-size:12.5px;color:#6b7280;font-family:"Plus Jakarta Sans",sans-serif;}
.sc-card.text-only{display:flex;flex-direction:column;justify-content:center;padding:16px;}
.sc-card.text-only h4{font-size:14px;font-weight:700;color:#111827;font-family:"Plus Jakarta Sans",sans-serif;margin-bottom:3px;}
.sc-card.text-only p{font-size:11.5px;color:#6b7280;font-family:"Plus Jakarta Sans",sans-serif;}
.sc-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:135px 120px 135px;gap:18px;margin-top: 10px;}
.sc-card{background:#fff;border-radius:24px;overflow:hidden;position:relative;}
.sc-one{grid-column:1/2;grid-row:1/2;padding:32px 24px;display:flex;flex-direction:column;justify-content:flex-start;}
.sc-two{grid-column:2/3;grid-row:1/3;padding:14px;}
.sc-three{grid-column:1/2;grid-row:2/4;padding:14px;}
.sc-four{grid-column:2/3;grid-row:3/4;padding:32px 24px;display:flex;flex-direction:column;justify-content:flex-start;}
.sc-two img,.sc-three img{width:100%;height:170px;object-fit:cover;border-radius:14px;display:block;}
.sc-card-text{padding-top:14px;}
.sc-card-text h4,.sc-one h4,.sc-four h4{font-size:26px;font-weight:700;line-height:1.1;color:#111827;font-family:"Plus Jakarta Sans",sans-serif;margin-bottom:4px;}
.sc-card-text p,.sc-one p,.sc-four p{font-size:16px;color:#6b7280;font-family:"Plus Jakarta Sans",sans-serif;line-height:1.3;}.sc-grid-row{display:flex;flex-direction:column;gap:20px;margin-top:35px;}
.security-card{background:#fff;border-radius:18px;padding:10px 20px;display:flex;align-items:center;gap:18px;box-shadow:0 2px 10px rgba(0,0,0,.06);border:1px solid #e8e8e8;}
.security-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.security-icon img{height: 100%;width: 100%;object-fit: contain;}
.security-content h4{font-size:16px;font-weight:700;color:#111827;font-family:"Plus Jakarta Sans",sans-serif;margin-bottom:6px;line-height:1.2;}
.security-content p{font-size:14px;color:#5f636f;font-family:"Plus Jakarta Sans",sans-serif;line-height:1.5;}
.decor-card{background:#fff;border-radius:22px;padding:12px;overflow:hidden;}
.decor-card img{width: 100%;object-fit: cover;}
.decor-img{height:170px;border-radius:16px;overflow:hidden;margin-bottom:14px;}
.decor-img img{width:100%;height:100%;object-fit:cover;display:block;}
.decor-content{padding: 24px 0px;}
.decor-content h4{font-size:24px;font-weight:700;color:#111827;font-family:"Plus Jakarta Sans",sans-serif;margin-bottom:8px;line-height:1.1;}
.decor-content p{font-size:16px;line-height:1.5;color:#6b7280;font-family:"Plus Jakarta Sans",sans-serif;max-width:95%;}



.future-section{padding:60px 0;background:#f3f3f3;}
.future-card{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:24px;overflow:hidden;}
.future-image{height:550px;}
.future-image img{width:100%;height:100%;object-fit:cover;display:block;}
.future-content{padding:60px 50px;display:flex;flex-direction:column;justify-content:center;}
.future-tag{font-size:14px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:#111827;font-family:"Plus Jakarta Sans",sans-serif;margin-bottom:22px;display:block;}
.future-content h2{font-size:48px;line-height:1.05;font-weight:700;color:#111827;font-family:"Plus Jakarta Sans",sans-serif;max-width:520px;margin-bottom:26px;}
.future-content p{font-size:16px;line-height:1.7;color:#444748;font-family:"Plus Jakarta Sans",sans-serif;max-width:450px;margin-bottom:38px;}
.future-content a{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#111827;text-decoration:none;font-family:"Plus Jakarta Sans",sans-serif;transition:.3s ease;width:fit-content;}
.future-content a span{transition:.3s ease;}
.future-content a:hover span{transform:translateX(5px);}



.insight-section{padding:60px 0;}
.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.insight-card{display:flex;flex-direction:column;display: inline-block;}
.insight-img{height:280px;margin-bottom:22px;overflow: hidden;}
.insight-img img{width:100%;height:100%;object-fit:cover;display:block;transition:.4s ease;}
.insight-card:hover .insight-img img{transform:scale(1.04);}
.insight-content{display:flex;flex-direction:column;}
.insight-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.insight-top span,.insight-top p{font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:#6b7280;font-family:"Plus Jakarta Sans",sans-serif;}
.insight-content h3{font-size:24px;line-height:1.15;font-weight:700;color:#111827;font-family:"Plus Jakarta Sans",sans-serif;margin-bottom:18px;}
.insight-desc{font-size:16px;line-height:1.7;color:#5c6068;font-family:"Plus Jakarta Sans",sans-serif;margin-bottom:34px;max-width:95%;}
.read-more-btn{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#111827;text-decoration:none;font-family:"Plus Jakarta Sans",sans-serif;transition:.3s ease;width:fit-content;position: relative;}
.read-more-btn::after{border: solid black;border-width: 0 3px 3px 0;display: inline-block;padding: 3px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);position: absolute;content: "";right: -20px;transition: 0.3s all ease-in-out;}
.read-more-btn:hover{color: var(--primary);}
.read-more-btn:hover::after{border-color: var(--primary);}




.blog-detail-section{margin-top: -120px;}
.blog-banner{position:relative;height:730px;overflow:hidden;}
.blog-banner img{width:100%;height:100%;object-fit:cover;display:block;}
.blog-banner-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.1),#F3F4F6);}
.blog-banner .container{position:absolute;left:0;right:0;bottom:70px;}
.blog-banner-content h2{font-size:48px;font-weight:700;color:#111827;margin-bottom:24px;width: 100%;line-height: 57px;}
.blog-meta{display:flex;align-items:center;gap:26px;}
.blog-author,.blog-date{display:flex;align-items:center;gap:8px;}
.blog-author img{height: 15px;width: 15px;}
.blog-date img {height: 15px;width: 15px;}
.blog-author span,.blog-date span{font-size:14px;font-weight:500;color:#111827;font-family:"Plus Jakarta Sans",sans-serif;}
.blog-content-wrap{padding:50px 0 50px;}
.blog-content{margin:auto;}
.blog-content p{font-size:16px;line-height:1.9;color:#4b5563;font-family:"Plus Jakarta Sans",sans-serif;margin-bottom:38px;}
.blog-content h3{font-size:26px;font-weight:700;color:#111827;font-family:"Plus Jakarta Sans",sans-serif;margin-bottom:18px;}
.blog-image-box{border:1px solid #d7d7d7;background:#fff;height: 400px;}
.blog-image-box img{width:100%;height:100%;object-fit: cover;}
.blog-image-box span{display:block;padding:14px 18px;font-size:13px;color:#6b7280;font-family:"Plus Jakarta Sans",sans-serif;border-top:1px solid #d7d7d7;background: #EEEDF3;}
.blog-author-box{display:flex;align-items:flex-start;gap:20px;margin-top:120px;border-top:1px solid #d7d7d7;padding-top: 40px;}
.author-image{width:72px;height:72px;border-radius:12px;overflow:hidden;flex-shrink:0;}
.author-image img{width:100%;height:100%;object-fit:cover;display:block;}
.author-content h4{font-size:20px;font-weight:700;color:#111827;font-family:"Plus Jakarta Sans",sans-serif;margin-bottom:10px;}
.author-content p{font-size:15px;line-height:1.8;color:#6b7280;font-family:"Plus Jakarta Sans",sans-serif;margin:0;max-width:720px;}
.blog-banner .hb-back-btn{position:absolute;top:150px;left:100px;z-index:3;display:inline-flex;align-items:center;gap:6px;backdrop-filter:blur(8px);border:1px solid #FFFFFF;border-radius:30px;padding:7px 16px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;text-decoration:none;transition:background .2s;color: #555555;}
.blog-banner .hb-back-btn:hover{background:#FFFFFF;}
.blog-banner.white-banner .hb-back-btn{background-color: #fff;}



@media(max-width:1300px){
  .banner-content h1{font-size: 60px;}
  .blog-banner-content h2,.hero-banner .hb-content h2{font-size: 50px;}
  .sc-content-col h2 br{display: none;}
  .sc-card-text h4, .sc-one h4, .sc-four h4{font-size: 20px;}
}

@media(max-width:1199px){
  .banner-content{width: 100%;}
  .banner-content h1 br{display: none;}
  .solution-card{height: 500px;}
  .who-content h2{font-size: 27px;}
  .secondone-content h3,.thierdone-content h3,.sixthone-content h3{font-size: 27px;}
  .estimate-section .es-form-col{padding: 30px;}
  .estimate-section .es-image-col .es-banner-image img{height: 500px;}
  .site-footer .sf-inner{padding: 30px;}
  .blog-banner-content h2,.hero-banner .hb-content h2{font-size: 40px;}
  .future-content h2{font-size: 30px;}
  .future-image{height: 400px;}
  .insight-content h3{font-size: 20px;}
  .future-content{padding: 20px;}
  .sc-card-text{padding: 0;padding-top: 10px;}
  .sc-three,.sc-two{padding: 10px;}
  .sc-one,.sc-four{padding: 10px;justify-content: center;}
  .sc-content-col h2{font-size: 22px;line-height: 1.3;}
  .sc-subtitle{font-size: 20px;}
  .sc-image-col.decore{height: 880px;}
}

@media(max-width:991px){
  .banner-img img{height: 550px;}
  .banner-images{gap: 5px;}
  .banner-content h1{font-size: 40px;}
  .hero-banner .hb-content{padding: 0;}
  .hero-banner .hb-content{margin-top:120px;}
  .blog-banner-content h2,.hero-banner .hb-content h2{font-size: 35px;}
  .hero-banner .hb-back-btn{left: 20px;}
  .hero-banner{height: 600px;}
  .banner-section{height: 550px;}
  .solution-cards{grid-template-columns:repeat(2,1fr)}
  .solution-card{height: 400px;}
   .performance-grid {
    height: 980px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas:
      "main-image main-image"
      "secondone sixthone"
      "thierdone fourthone"
      "fivthone fivthone";
  }
  .main-image,.fivthone{height: 300px;}
  .who-content{padding: 0;}
  .who-we-section{padding: 40px 0px;}
  .solution-head h2{font-size: 28px;}
  .who-content h2{font-size: 20px;line-height: 40px;}
  .default-content h3, .hover-content h3{font-size: 28px;}
  .highlight-badge{font-size: 30px;}
  .transform-section{padding: 40px 0px;}
  .estimate-section .es-form-col h3{font-size: 28px;}
  .estimate-section .es-form-col p{font-size: 14px;}
  .estimate-section .es-info-box h4{font-size: 28px;}
  .estimate-section .es-info-box .es-address{font-size: 14px;}
  .estimate-section .es-contact-detail strong{font-size: 16px;}
  .estimate-section .es-image-col .es-banner-image img{height: 450px;}
  .site-footer .sf-tagline br{display: none;}
  .site-footer .sf-logo span{font-size: 16px;}
  .solution-card{height: 350px;}
  .blog-banner{height: 600px;}
  .blog-banner .hb-back-btn{left: 20px;}
  .insight-grid{grid-template-columns:repeat(2,1fr);gap: 10px;}
  .sc-row{grid-template-columns:auto}
  .sc-image-col{height: 400px;object-fit: cover;}
  .sc-content-col{padding: 40px 0px;}
  .sc-image-col.decore{height: 400px;}
}


@media(max-width:767px){
  .estimate-section .es-card{grid-template-columns:1fr}
  .estimate-section .es-image-col .es-banner-image img{height: 300px;}
  .header-col2{display: none;}
  .secondone-content h3, .thierdone-content h3, .sixthone-content h3,.fourthone-content h3{font-size: 25px;}
  .site-footer .sf-top{grid-template-columns:auto;}
  .estimate-section{padding: 40px 0px;}
  .blog-banner-content h2 br{display: none;}
  .blog-banner-content h2{font-size: 30px;line-height: 1.4;}
  .blog-content-wrap{padding: 30px 0px;}
  .blog-image-box{height: 300px;}
  .blog-author-box{margin-top: 60px;padding-top: 20px;}
  .blog-banner{height: 500px;}
  .blog-banner .hb-back-btn{display: none;}
  .hero-banner.white-banner .hb-back-btn{display: none;}
  .future-content h2{font-size: 25px;}
  .hero-banner{height: 500px;}
  .insight-top{flex-direction: column;justify-content: flex-start;align-items: flex-start;}
  .hero-banner .hb-back-btn{display: none;}
  .hero-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0, 0, 0, 0.282));z-index:1;}
  .hero-banner .hb-content p{font-size: 16px;}
  .blog-banner-content h2, .hero-banner .hb-content h2{font-size: 30px;}
  .hero-banner .hb-content{margin-top: 80px;}
}


@media(max-width:600px){
  .banner-pilles{flex-wrap: wrap;}
  .banner-content h1{font-size: 30px;}
  .banner-section{height: 480px;}
  .banner-img img{height: 480px;}
  .default-content h3, .hover-content h3{font-size: 20px;}
  .card-content{padding: 10px;}
  .solution-head p{font-size: 14px;line-height: 1.5;}
  .solution-card{height: 300px;}
  .main-image, .fivthone{height: 250px;}
  .performance-grid{height: 950px;}
  .site-footer .sf-bottom{flex-wrap: wrap;justify-content: center;}
  .site-footer .sf-inner{padding: 15px;}
  .estimate-section .es-form-col{padding: 15px;}
  .thierdone-content h3{line-height: normal;}
  .secondone-content h3, .thierdone-content h3, .sixthone-content h3, .fourthone-content h3{line-height: normal;}
  .blog-banner{height: 450px;}
 .blog-banner-content h2, .hero-banner .hb-content h2{font-size: 26px;}
 .hero-banner .hb-content p{font-size: 16px;line-height: 1.5;}
  .blog-content p{font-size: 14px;}
  .blog-content h3{font-size: 22px;}
  .blog-content-wrap{padding: 30px 0px 0px;}
  .hero-banner{height: 500px;}
  .future-card{grid-template-columns:auto;}
  .future-image{height: 250px;}
  .insight-desc{font-size: 14px;}
  .insight-content h3{font-size: 17px;}
  .future-section{padding: 30px 0px;}
  .insight-section{padding: 30px 0px;}
  .future-content h2{font-size: 18px;margin-bottom: 10px;}
  .future-content p{font-size: 14px;}
  .insight-top{margin-bottom: 10px;}
  .insight-content h3{margin-bottom: 10px;}
  .insight-desc{margin-bottom: 10px;}
  .insight-card{margin-bottom: 30px;}
  .hero-banner .hb-btn-outline,.hero-banner .hb-btn-primary{padding: 10px 20px;font-size: 14px;}
  .sc-content-col h2{font-size: 18px;}
  .sc-subtitle{font-size: 16px;margin-top: 10px;}
  .sc-subtitle br{display: none;}
  .sc-grid{display: flex;flex-wrap: wrap;}
  .sc-grid > div{width: 100%;}
  .sc-card-text p, .sc-one p, .sc-four p{font-size: 14px;}
  .sc-one, .sc-four{padding: 15px;}
  .sc-content-col{padding: 40px 0px 0px;}
  .sc-image-col{height: 300px;}
  .sc-card-text h4, .sc-one h4, .sc-four h4{font-size: 18px;}
  .sc-card-text p, .sc-one p, .sc-four p{font-size: 12px;}
  .estimate-section .es-form-col h3{font-size: 25px;}
  .security-content p{font-size: 12px;}
  .security-card{gap: 8px;padding: 10px;}
  .security-icon{height: 25px;width: 25px;}
  .security-content h4{margin-bottom: 0px;}
  .sc-image-col.decore{height: 300px;}
  .decor-content h4{font-size: 20px;}
  .decor-content p{font-size: 12px;}
  .decor-content{padding: 10px 0px;}
}

@media(max-width:480px){
  .banner-content{z-index: 55;}
  .banner-content p{font-size: 15px;}
  .banner-images::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0, 0, 0, 0.282));z-index:1;}
  .solution-cards{grid-template-columns:repeat(1,1fr)}
  .solution-head h2{font-size: 22px;}
  .who-content h2{font-size: 16px;line-height: 30px;}
  .who-tag{margin-bottom: 10px;}
  .highlight-badge{font-size: 18px;}
  .highlight-badge span{width: 23px;height: 23px;font-size: 20px;}
  .performance-grid{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;height: 1100px;}
  .performance-grid > div{width: 100%;}
  .estimate-section .es-info-box h4{font-size: 24px;}
  .site-footer .sf-links{grid-template-columns:repeat(1,1fr)}
  .site-footer .sf-links .sf-col{margin-bottom: 20px;}
  .site-footer .sf-top{padding-bottom: 10px;}
  .main-image, .fivthone{height: 200px;}
  .secondone img,.sixthone img{height: 130px;}
  .solution-card{height: 230px;}
  .default-content h3 br, .hover-content h3 br{display: none;}
  .banner-content h1{font-size: 28px;}
  .who-we-section{padding: 20px 0px;}
  .transform-section{padding: 20px 0px;}
  .secondone-content h3, .thierdone-content h3, .sixthone-content h3, .fourthone-content h3{font-size: 18px;}
  .secondone-content p,.thierdone-content p,.fourthone-content p,.sixthone-content p{font-size: 14px;}
  .secondone,.sixthone{padding: 10px;}
  .estimate-section .es-submit-btn{font-size: 12px;}
  .estimate-section .es-field input, .estimate-section .es-field select, .estimate-section .es-field textarea{font-size: 14px;}
 .blog-banner-content h2, .hero-banner .hb-content h2{font-size: 20px;}
  .blog-meta{gap: 10px;}
  .blog-banner{height: 400px;}
  .blog-author-box{margin-top: 80px;flex-direction: column;}
  .hero-banner .hb-content p{font-size: 12px;}
    .insight-grid{grid-template-columns:repeat(1,1fr);}
}