/* width */
::-webkit-scrollbar {width: 3px;}
/* track */
::-webkit-scrollbar-track { background: #ccc;}
/* handle */
::-webkit-scrollbar-thumb {background: #666;border-radius: 10px;}
/* handle on hover */
::-webkit-scrollbar-thumb:hover {background: #999;}
:root {
  --bgbody: #1a1a1a;
  --bgblack: #222;
  --bggrey: #2a2a2a;
  --bordergrey: #2f2f2f;
  --twhite: #e9e9e9;
  --tlightgrey: #9a9a9a;
  --bgmain: #d3682d;
  --bgmain-2: #de912f;
  --mainwidth: 100px;
  --mainheight: 100px;
  --frame: 10px;
}

* { box-sizing: border-box; }
html{scroll-behavior:smooth;}
html, body {background: var(--bgbody);color: var(--twhite);font-family: "Josefin Sans", sans-serif;font-weight: 300;margin: 0;-webkit-font-smoothing: antialiased;}
h1, h2, h3, h4, .display, .tslidetitle{font-family: "Commissioner", sans-serif;
font-weight: 700;letter-spacing: -0.01em;line-height: 1.05;color: #fff;}
a { color: inherit; text-decoration: none; }

/***common style starts***/
.tsubheading {font-size: 26px;font-weight: 700;line-height: 36px;color: var(--tlightgrey);}
.tsubheading01 {font-size: 24px;font-weight: 500;line-height: 34px;color: var(--tlightgrey);}
.tsubheading02 {font-size: 20px;font-weight: 500;line-height: 30px;color: var(--tlightgrey);}
.subheading-wrap{display:flex;flex-direction:column;gap:6px;padding:0 0 4px 0;border-left:3px solid var(--bgmain);padding-left:16px;}
.tsubheading-tag{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--bgmain);margin:0;}
/* stickyside heading */ 
.theading{font-size: clamp(32px, 3vw, 52px); font-weight: 700; color: #fff; margin-bottom: 16px; line-height: 1.1;}
.ttext {color:var(--tlightgrey); font-size: 16px; line-height: 26px; font-weight:500;}
.tlwhite{color: #d2d0d0;}
.iconwhatsapp{font-size:18px; line-height:18px; display: flex;align-items: center;
justify-content: center;}
.boxpadding { padding-bottom: 25px;}

/******* scroll image reveal animation starts *******/
.scroll-reveal { position: relative; overflow: hidden; opacity: 0; transform: translateY(30px); transition:transform 1s cubic-bezier(.65, 0, .35, 1), opacity 1s cubic-bezier(.65, 0, .35, 1);}
.scroll-reveal img {transition: clip-path 0.8s cubic-bezier(.65, 0, .35, 1);}
.scroll-reveal.visible { opacity: 1; transform: translateY(0);}
.scroll-reveal.visible img {clip-path: inset(0 0 0 0);}
.scroll-from-left img {clip-path: inset(0 0 0 100%);}
.scroll-from-right img { clip-path: inset(0 100% 0 0);}
.scroll-from-top img { clip-path: inset(100% 0 0 0); }
.scroll-from-bottom img {clip-path: inset(0 0 100% 0);}

/******* scroll image reveal animation ends *******/
/* animation */
.moveup{opacity: 0; transform: translateY(20px); transition: opacity 1.5s ease, transform 1.5s ease;}
.movedown{opacity: 0; transform: translateY(-20px); transition: opacity 1.5s ease, transform 1.5s ease;}
.animate-fadeInUp {opacity: 1 !important; transform: translateY(0) !important;}
.animate-fadeInDown {opacity: 1 !important; transform: translateY(0) !important; }

/***common style ends***/

/* ---------- left side panel ---------- */ 
.sidepanel{position: absolute; top: 0; left: 0; height: 100%; width: var(--mainwidth); background: var(--bgblack); border-right: 1px solid var(--bordergrey); z-index: 1040; display: flex; flex-direction: column; align-items: center; padding: 0 0 24px;}
.sidepanel-logo{width: var(--mainwidth); height: var(--mainheight); background: var(--bgmain); display: flex; align-items: center; justify-content: center; font-family: 'Barlow Condensed', sans-serif; font-weight: 800; color: #fff; font-size: 32px;}
.sidepanel-label{writing-mode: vertical-rl; transform: rotate(180deg); margin-top: 24px; letter-spacing: 4.4px; font-size: 11px; font-weight: 400; color: var(--tlightgrey);}

/* ---------- Top bar ---------- */ 
.topwrap{position: absolute; top: 0; left: var(--mainwidth); right: 0; height: var(--mainheight); background: var(--bgblack); border-bottom: 1px solid var(--bordergrey); display: flex; align-items: center; padding: 0 32px; gap: 32px; z-index: 1030;}
.topwrap-logo{display: flex; align-items: center; gap: 14px;}

/* ---------- Layout ---------- */ 
.main-wrap{margin: var(--frame); min-height: calc(100vh - (var(--frame) * 2)); position: relative; border-radius: 6px;}
.main-wrap > *:not(.sidepanel):not(.topwrap){margin-left: var(--mainwidth);}

/* ---------- menu starts ---------- */
.navbar{display: flex; gap: 36px; margin: 0px auto;}
.navbar a{font-size: 12px; letter-spacing: .25em; font-weight: 600; color: var(--tlightgrey); height: 100px; display: flex; align-items: center; border-top: 3px solid transparent; transition: color .2s; text-transform: uppercase; position: relative;}
.navbar a:hover{color: #fff;} 
/* Active underline indicator */
.navbar > a.active::after,
.navbar .menu-dropdown > a.active::after{content:'';height:3px;width:100%;position:absolute;bottom:0;left:0;background-color:var(--bgmain);}
/* Dropdown container */
.menu-dropdown {position: relative; }
/* Submenu */ 
.navbar-submenu{position: absolute; top:97%; left: 0; background: var(--bgblack); padding: 15px 0; min-width: 220px; display: none; flex-direction: column; border-top: 3px solid var(--bgmain); z-index: 999;}
/* Submenu links */ 
.navbar-submenu a{padding: 10px 20px; height:auto; font-size: 12px; letter-spacing: .15em; color: var(--tlightgrey); white-space: nowrap;}
.navbar-submenu a:hover{color: #fff; background: rgba(255,255,255,0.05);}
/* Show dropdown on hover */ 
.menu-dropdown:hover .navbar-submenu{display: flex;}
/* Active submenu item */
.navbar-submenu a.active{color:#fff;background:rgba(255,255,255,0.08);}
/* Optional: active for dropdown parent */ 
.navbar > a.active,
.menu-dropdown > a.active {border-top-color: var(--bgmain);}
.navbar-btn{display: flex; align-items: center; gap: 16px; margin-left: auto;}
.navbar + .navbar-btn{margin-left: 0;}
.navbar-searchbtn{background: transparent; border: 0; color: var(--twhite); width: 40px; height: 40px; border-radius: 50%; font-size: 34px; transition: background .2s;}
.navbar-searchbtn:hover{background: var(--bggrey);}

/* ---------- Mobile menu ---------- */
.mobilemenu {position: fixed; top: var(--mainheight); left: var(--mainwidth); right: 0;background: var(--bgblack); border-bottom: 1px solid var(--bordergrey);padding: 16px 24px; display: none; flex-direction: column; gap: 12px;z-index: 1020; }
.mobilemenu a { padding: 10px; font-size: 13px; line-height:23px; font-weight: 600; letter-spacing: .25em; text-transform: uppercase; color: var(--tlightgrey); }
.mobilemenu.show { display: flex; }
.mobilemenu a:hover { color: #fff; }
.mobile-dropdown {display: flex;flex-direction: column;}
.mobile-submenu { display: none;flex-direction: column;padding-left: 10px;}
.mobile-submenu a {font-size: 12px;padding: 8px 10px; border-bottom: 1px dotted var(--bordergrey);}
.mobile-dropdown > a{display:flex; align-items:center; justify-content:space-between;}
.mobile-arrow{transition:0.3s ease; display:flex; align-items:center;}
.mobile-dropdown.active .mobile-arrow{transform:rotate(180deg);}
.mobile-dropdown.active .mobile-submenu{display: flex;}

/* ---------- Buttons ---------- */
.btn-wrapper {display: inline-flex; align-items: center; justify-content: center; gap: 10px;padding: 14px 28px; font-size: 12px; line-height: 1; font-weight: 700;letter-spacing: .25em; text-transform: uppercase;border: 1px solid #fff; color: #fff; background: transparent;transition: all .25s; cursor: pointer;}
.btn-wrapper:hover { background: #fff; color: #1a1a1a; }
.btn-wrapper span { display: flex; align-items: center; line-height: 1; position: relative;top: 2px;}
.btn-wrapper-solid { background: var(--bgmain); border-color: var(--bgmain); }
.btn-wrapper-solid:hover { background: var(--bgmain-2); border-color: var(--bgmain-2); color: #fff; }
.btn-wrapper02{padding:10px 28px;}
.btn-wrapper03	{max-width: 200px;}

/***sidebar****/
.inndecor-dots-btn{display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;}
.inndecor-dot{display: block; width: 4px; height: 4px; background: var(--twhite); border-radius: 50%; transition: background 0.2s;}
.inndecor-dots-btn:hover .inndecor-dot{background: var(--bgmain);}

/* ── Overlay ── */
.sidepanel-overlay{display: none; position: fixed; background: rgba(0,0,0,0.6); z-index: 2000; opacity: 0; transition: opacity 0.3s ease;}
.sidepanel-overlay.active{display: block; opacity: 1;}

/* ── Sidebar ── */
.inndecor-sidebar{position: fixed; top: 0; right: -380px; width: 340px; height: 100vh; background: var(--bgblack); border-left: 1px solid var(--bordergrey); z-index: 2100; overflow-y: auto; padding: 60px 28px 40px; display: flex; flex-direction: column; transition: right 0.35s cubic-bezier(0.4, 0, 0.2, 1); scrollbar-width: thin; scrollbar-color: var(--bordergrey) transparent;}
.inndecor-sidebar.open{right: 0;}
.inndecor-sidebar::-webkit-scrollbar{width: 4px;}
.inndecor-sidebar::-webkit-scrollbar-thumb{background: var(--bordergrey); border-radius: 2px;}

/* Close button */
.inndecor-sidebar-close{position: absolute; top: 20px; right: 20px; background: none; border: none; color: var(--tlightgrey); font-size: 20px; cursor: pointer; line-height: 1; transition: color 0.2s;}
.inndecor-sidebar-close:hover{color: #fff;}

/* Section blocks */ 
.inndecor-sidebar-sec{padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid var(--bordergrey);}
.inndecor-sidebar-sec--last{border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
/* Section label */ 
.inndecor-sidebar-label{font-size: 13px; line-height:13px; letter-spacing: 0.35em; text-transform: uppercase; color: var(--tlightgrey); margin-bottom: 16px; font-weight: 600;}
/* Contact rows */ 
.inndecor-sidebar-row{display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 10px; font-size: 13px;}
.inndecor-sidebar-key{color: var(--tlightgrey); font-size: 12px; line-height:22px; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 600; flex-shrink: 0;}
.inndecor-sidebar-val{color: var(--twhite); text-align: right; line-height: 25px; font-size: 15px;}
/* Social icons */ 
.inndecor-sidebar-sicons{display: flex; gap: 10px; flex-wrap: wrap;}
.inndecor-sidebar-sicon{width: 36px; height: 36px; border: 1px solid var(--bordergrey); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--tlightgrey); font-size: 15px; line-height:15px; text-decoration: none; transition: border-color 0.2s, color 0.2s;}
.inndecor-sidebar-sicon i{display: flex;align-items: center;justify-content: center;}
.inndecor-sidebar-sicon:hover{border-color: var(--bgmain); color: var(--bgmain);}
/* Instagram grid */ 
.inndecor-sidebar-servgrid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px;}
.inndecor-sidebar-servcell{aspect-ratio: 1; background: var(--bggrey); border-radius: 3px; display: flex; align-items: center; justify-content: center; font-size: 30px; color: var(--tlightgrey); cursor: pointer; transition: opacity 0.2s;}
.inndecor-sidebar-servcell:hover{opacity: 0.7;}
/* Publications */ 
.inndecor-sidebar__pub{display: flex; gap: 14px; align-items: flex-start; padding: 12px 0; border-bottom: 1px solid var(--bordergrey); cursor: pointer; transition: opacity 0.2s;}
.inndecor-sidebar__pub:last-child{border-bottom: none; padding-bottom: 0;}
.inndecor-sidebar__pub:hover{opacity: 0.75;}
.inndecor-sidebar__pub-thumb{width: 58px; height: 50px; background: var(--bggrey); border-radius: 3px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 20px; color: var(--tlightgrey);}
.inndecor-sidebar__pub-title{font-size: 13px; color: var(--twhite); font-weight: 600; margin-bottom: 5px; line-height: 1.3;}
.inndecor-sidebar__pub-desc{font-size: 11px; color: var(--tlightgrey); line-height: 1.5;}


/* ---------- Hero slider ---------- */
.bannerwrapper{position: relative; height: calc(100vh - (var(--frame) * 2)); min-height: 560px; overflow: hidden !important;}
.bannerslide{position: absolute; inset: 0; opacity: 0; overflow: hidden; pointer-events: none; transition: opacity 1s ease;}
/* background layer (zoom happens here ONLY) */ .bannerslide::before{content: ""; position: absolute; inset: 0; background-image: var(--bg); background-size: cover; background-position: center; background-repeat: no-repeat; transform: scale(1); transition: transform 10s ease; will-change: transform;}
.bannerslide.active{opacity: 1; pointer-events: auto;}
.bannerslide.active::before{transform: scale(1.08);}

@keyframes bannerZoom {from{transform: scale(1);}
to{transform: scale(1.08);}
} .bannerslide::after{content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,.25) 60%, rgba(0,0,0,0) 100%);}
.bannerslide-content{position: relative; z-index: 2; height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 0 64px; max-width: 720px;}
/* ── Content elements — always start hidden/down ── */ 
.tslidetoptext, .tslidetitle, .tslidedivider, .tslidetext, .tslidecta{opacity: 0; transform: translateY(28px); transition: opacity .7s ease, transform .7s ease;}
.bannerslide.active .tslidetoptext{opacity: 1; transform: translateY(0); transition-delay: .30s;}
.bannerslide.active .tslidetitle{opacity: 1; transform: translateY(0); transition-delay: .45s;}
.bannerslide.active .tslidedivider{opacity: 1; transform: translateY(0); transition-delay: .60s;}
.bannerslide.active .tslidetext{opacity: 1; transform: translateY(0); transition-delay: .73s;}
.bannerslide.active .tslidecta{opacity: 1; transform: translateY(0); transition-delay: .85s;}
.tslidetoptext{font-size: 12px; letter-spacing: .4em; color: var(--bgmain); margin-bottom: 24px; text-transform: uppercase; font-weight: 600;}
.tslidetitle{font-size: clamp(40px, 4vw, 84px); margin-bottom: 28px;}
.tslidedivider{width: 80px; height: 2px; background: var(--bgmain); margin-bottom: 24px;}
.tslidetext{color: #fff; max-width: 520px; line-height: 28px; margin-bottom: 36px; font-size: 18px; font-weight: 500;}
.tslidecta{display: flex; gap: 14px; flex-wrap: wrap;}
.bannerslide-nav{position: absolute; bottom: 0; right: 0; z-index: 3; display: flex; background: rgba(0,0,0,.5); backdrop-filter: blur(6px);}
.bannerslide-nav button{background: transparent; border: 0; color: #fff; padding: 24px 40px; font-size: 11px; letter-spacing: .3em; font-weight: 600; text-transform: uppercase; cursor: pointer; border-left: 1px solid rgba(255,255,255,.1); display: flex; align-items: center; gap: 10px; transition: background .2s;}
.bannerslide-nav button:hover{background: var(--bgmain);}
.bannerslide-nav button:disabled{opacity: .35; cursor: not-allowed;}
.bannerslide-count{padding:24px 28px; color:#9a9a9a; font-size:11px; letter-spacing:.3em; display:flex; align-items:center; gap:10px;}
.tslidecount{font-weight:500;}

/* ── Full-width progress bar — absolute bottom of section ── */ .bannerslide-progressbar{position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: rgba(255,255,255,.12); z-index: 20; pointer-events: none;}
.bannerslide-progressfill{height: 100%; width: 0%; background: var(--bgmain); transition: width .4s ease;}

/***innerpage style starts****/
/* ========== RIGHT STICKY SIDEBAR - FIXED ========== */
.sticky-column{position: sticky; top: 0; height: 100vh; padding: 0; overflow: hidden;}
.stickyside{position: relative; height: 100vh; width: 100%; overflow: hidden;}
.bgstickyside{position: absolute; inset: 0; width: 140%; height: 100%; overflow: hidden; animation: sidebarpan 12s ease-in-out infinite alternate;} 
.bgstickyside-img{width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;}
/* ── Pan animation — moves container left ↔ right ── */
@keyframes sidebarpan {0%{transform: translateX(0%);}
100%{transform: translateX(-28.57%);}
/* 40/140 = 28.57% to pan full extra width */ } 
/* ── Dark overlay — keeps text readable ── */ 
.stickyoverlay{position: absolute; inset: 0; background: linear-gradient( to top, rgba(0, 0, 0, .80) 0%, rgba(0, 0, 0, .40) 50%, rgba(0, 0, 0, .20) 100% ); z-index: 1;}
.stickycontent{position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: space-between; padding: 40px 36px 48px; z-index:3; opacity:0; transform:translateY(30px); transition: all 1s ease; transition-delay:1s;}
.stickycontent.visible{opacity:1; transform:translateY(0);} 
.stickyscroll{position:relative; top:100px; align-self: flex-start; display: flex; flex-direction: column; align-items: center; gap: 12px;}
.stickyscroll-mouse{width: 22px; height: 36px; border: 2px solid var(--bgmain); border-radius: 11px; display: flex; justify-content: center; align-items: flex-start; padding-top: 5px;} 
.stickyscroll-dot{display: block; width: 3px; height: 7px; background: var(--bgmain, #ff7043); border-radius: 2px; animation: scrollbob 1.6s ease-in-out infinite;}

@keyframes scrollbob {0%, 100%{transform: translateY(0); opacity: 1;}
50%{transform: translateY(7px); opacity: .3;}
} 
/* Vertical label */ 
.tstickyscrolltext{writing-mode: vertical-rl; font-size: 10px; letter-spacing: .35em; text-transform: uppercase; color: #fff; font-weight: 600;}
.stickytextwrapper{display: flex; flex-direction: column; gap: 0;}
.headdivider{width: 110px; height: 2px; background: var(--bgmain, #ff7043); margin-bottom: 18px;}
.tstickytext{color: rgba(255, 255, 255, .75); max-width: 320px;} 
.innerpage-wrapper{position: relative; background: #fff; height: 100%;}
.innerpage-wrapper::before{content:"";position:absolute;inset:0;
background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.95) 20%,rgba(0,0,0,.88) 50%,rgba(0,0,0,.78) 100%);z-index:1;pointer-events:none;}
.innerpage-wrapper>*{position:relative;z-index:2;} 
.innerpage-content{padding: 140px 40px 40px 40px; min-height: calc(100vh - 100px);}
.bgaboutcont{position: absolute; left: 0; bottom: 28px; z-index: -1;}
/************************ about starts ************************/
/************************ counter starts ************************/
#counter{padding: 0px 25px; width: 1096px; max-width: 100%; margin: 0 auto; display: flex; justify-content: space-between; border-top: 1px solid rgba(82, 85, 90, 0.2); border-bottom: 1px solid rgba(82, 85, 90, 0.2);}
#counter li{flex: 1; text-align: center; font-size: 36px; font-weight:600; color: var(--tlightgrey); list-style:none; line-height: normal;}
#counter .count.percent:after{content: "+"; display: inline-block;}
#counter .count.percent01:after{content: "%"; display: inline-block;}
.tcounterhead{font-size: 20px; font-weight:400; color: var(--tlightgrey); letter-spacing: 1px;}
/************************ counter ends ************************/
.whychoose-img{width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease;}
.whychoose-col-center{position:relative;}
.whychoose-overlay{position: absolute; inset: 0; background: linear-gradient( to top, rgba(0, 0, 0, .82) 0%, rgba(0, 0, 0, .45) 50%, rgba(0, 0, 0, .10) 100% ); display: flex; flex-direction: column; justify-content: flex-end; padding: 32px 28px; transition: background .3s ease;}
.whychoose-col-center:hover .whychoose-overlay{background: linear-gradient( to top, rgba(0, 0, 0, .90) 0%, rgba(0, 0, 0, .55) 50%, rgba(0, 0, 0, .15) 100% );}
.iconborder{border-bottom: 1px solid rgba(82, 85, 90, 0.2);}
.innerpage-image img{width: 100%; display: block;}
.bgcta{background: linear-gradient(to right, rgba(80,80,80,0.35) 0%, rgba(40,40,40,0.75) 50%, rgba(0,0,0,0.95) 100%);}

.vis-mis-box{position: relative;overflow: hidden;}
.vis-mis-box:before {content: "";position: absolute;top: 0;bottom: -1px;left: -174px;width: 68%;background:#494746;border-radius: 50px;opacity: 0.9;transform: skewX(-32deg);z-index:2;}
.vis-mis-box02{position: relative;overflow: hidden;}
.vis-mis-box02:before{content: "";position: absolute;top: 0;bottom: 0;right:-174px;width: 68%;background: #494746;border-radius: 50px;opacity: 0.9;transform: skewX(28deg);z-index: 2;}
.vis-mis-box .vis-mis-boximg,
.vis-mis-box02 .vis-mis-boximg {position: relative;z-index: 0;}
.vis-mis-box .vis-mis-boximg > img,
.vis-mis-box02 .vis-mis-boximg > img {width: 100%;transition: 0.5s all;}
.vis-mis-box:hover .vis-mis-boximg > img,
.vis-mis-box02:hover .vis-mis-boximg > img {transform: scale(1.1);}
.vis-mis-box .vis-mis-box-body{position: absolute;top: 0;width: 50%;padding: 30px;z-index: 10;height:100%; display:flex;flex-direction:column;justify-content:center;}
.vis-mis-box02 .vis-mis-box-body02 {position: absolute;top: 0; right:0; width: 50%;padding: 30px;z-index: 10; height:100%; display:flex;flex-direction:column;justify-content:center;}
/* --- Left label box --- */
.whyus-labelbox{background: var(--bgmain);height: 100%;min-height: 320px;display: flex;flex-direction: column;justify-content: flex-end;padding: 32px 28px 32px 28px;position: relative;overflow: visible;}
.whyus-card{position: relative;overflow: hidden;cursor: pointer;height: 320px;}
.whyus-card-img{width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);}
.whyus-card:hover .whyus-card-img{transform: scale(1.08);}
.whyus-card-overlay{position: absolute;inset: 0;display: flex;flex-direction: column;justify-content: flex-end;padding: 28px 24px 28px 24px;background: linear-gradient(to top, rgba(0,0,0,0.90) 0%, rgba(0,0,0,0.55) 50%, rgba(0,0,0,0.10) 100%);transition: background 0.4s ease;}
.whyus-card:hover .whyus-card-overlay{background: rgba(0, 0, 0, 0.82);}
.whyus-card-top{display: flex;flex-direction: column;gap: 14px;padding: 0 0 12px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
.whyus-icon-wrap{width: 44px;height: 44px;border: 1px solid var(--bgmain);display: flex;align-items: center;justify-content: center;flex-shrink: 0;transition: background 0.3s ease;}
.whyus-card:hover .whyus-icon-wrap{background: var(--bgmain);}
.whyus-icon{font-size: 18px;color: var(--bgmain);transition: color 0.3s ease;}
.whyus-card:hover .whyus-icon{color: #fff;}
.whyus-card-body{padding: 14px 0 0 0;max-height: 0;overflow: hidden;opacity: 0;transform: translateY(10px);transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease 0.05s, transform 0.4s ease 0.05s;}
.whyus-card:hover .whyus-card-body{max-height: 120px;opacity: 1;transform: translateY(0);}

.industry-item{position:relative;overflow:hidden;border-right:1px solid var(--bordergrey);border-top:1px solid var(--bordergrey);transition:background 0.4s ease;cursor:default;}
.industry-item:last-child{border-right:none;}
.industry-item::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--bgmain);transform:scaleX(0);transform-origin:left;transition:transform 0.45s cubic-bezier(0.4,0,0.2,1);}
.industry-item:hover::before{transform:scaleX(1);}
.industry-item:hover{background:var(--bggrey);}
.industry-item-inner{padding:36px 28px 36px 28px;display:flex;flex-direction:column;gap:0;position:relative;z-index:2;min-height:330px;}
.industry-num{font-size:42px;font-weight:700;color:var(--bordergrey);line-height:1;padding:0 0 16px 0;transition:color 0.35s ease;letter-spacing:-0.03em;}
.industry-item:hover .industry-num{color:var(--bgmain);}
.industry-item:hover .tsubheading02{color:#fff;}
.industry-divider{width:32px;height:2px;background:var(--bordergrey);margin:0 0 20px 0;transition:width 0.4s ease,background 0.35s ease;}
.industry-item:hover .industry-divider{width:56px;background:var(--bgmain);}
.industry-icon-wrap{position:absolute;bottom:20px;right:20px;opacity:0.04;transition:opacity 0.4s ease,transform 0.4s ease;pointer-events:none;}
.industry-bigicon{font-size:96px;color:#fff;}
.industry-item:hover .industry-icon-wrap{opacity:0.07;transform:scale(1.1) rotate(-5deg);}

.certificate-grid { display: grid;grid-template-columns: repeat(auto-fill, minmax(180px,1fr));gap: 20px;}
.certificate-item {border: 1px solid var(--bordergrey);padding: 20px 20px;text-align: center;transition:0.35s ease;}
.certificate-item:hover {border-color: #6a6868;}

/*equipment starts*/
.equipment-list{padding:0;}
.equipment-list li{display:flex;gap:10px;align-items:flex-start;}
.equipment-list i{color: var(--bgmain);padding-top:2px; font-size:13px;}

/*product slider starts*/
.pslider-swiper{width:100%;overflow:hidden;}
.pslider-swiper .swiper-slide{height:auto;}
.pslider-card{position:relative;overflow:hidden;aspect-ratio:16/10;}
.pslider-img{width:100%;height:100%;display:block;transition:transform 0.65s cubic-bezier(0.4,0,0.2,1);}
.pslider-card:hover .pslider-img{transform:scale(1.05);}
.pslider-caption{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;transition:background 0.4s ease;}
.pslider-card:hover .pslider-caption{opacity:1;background:linear-gradient(to top,rgba(0,0,0,0.96)0%,rgba(0,0,0,0.68)55%,rgba(0,0,0,0.14)100%);}
.pslider-title{font-size:clamp(18px,1.8vw,22px);font-weight:500;line-height:1;color:var(--tlightgrey);margin:0;padding:0 32px 0 32px;transform:translateY(8px);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);}
.pslider-card:hover .pslider-title{transform:translateY(0);}
.pslider-sub{padding:0 32px 22px 32px;opacity:0;transform:translateY(6px);transition:opacity 0.35s ease 0.06s,transform 0.35s ease 0.06s;}
.pslider-sub::before{content:'';display:inline-block;width:10%;height:1px;background:var(--bgmain);flex-shrink:0;}
.pslider-card:hover .pslider-sub{opacity:1;transform:translateY(0);}
.pslider-controls{display:flex;flex-direction:column;gap:14px;padding:18px 0 0 0;}
.pslider-progressbar{width:100%;height:2px;background:var(--bordergrey);position:relative;}
.pslider-progressbar-fill{position:absolute;top:0;left:0;height:100%;width:0%;background:var(--bgmain);transition:width 0.5s cubic-bezier(0.4,0,0.2,1);}
.pslider-arrows{display:flex;align-items:center;gap:12px;}
.pslider-counter{font-family:"Commissioner",sans-serif;font-size:14px;font-weight:600;letter-spacing:0.08em;color:var(--tlightgrey);min-width:54px;text-align:center;}
.pslider-arrow{width:44px;height:44px;background:transparent;border:1px solid var(--bordergrey);color:var(--tlightgrey);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.25s ease,border-color 0.25s ease,color 0.25s ease;flex-shrink:0;}
.pslider-arrow:hover{background:var(--bgmain);border-color:var(--bgmain);color:#fff;}

/* --- services starts--- */
.svc-bridge{display:flex;gap:0;border:1px solid var(--bordergrey);}
.svc-bridge-left{flex-shrink:0;width:34%;background:var(--bgmain);padding:36px 32px 36px 32px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;position:relative;overflow:hidden;}
.svc-bridge-left::before{content:'';position:absolute;top:-40px;right:-40px;width:180px;height:180px;border:1px solid rgba(255,255,255,0.12);border-radius:50%;pointer-events:none;}
.svc-bridge-left::after{content:'';position:absolute;top:-10px;right:-10px;width:120px;height:120px;border:1px solid rgba(255,255,255,0.08);border-radius:50%;pointer-events:none;}
.svc-bridge-label{font-size:11px;font-weight:700;letter-spacing:0.30em;text-transform:uppercase;color:rgba(255,255,255,0.70);}
.svc-bridge-right{flex:1;display:flex;flex-direction:column;}
.svc-bridge-item{display:flex;align-items:center;gap:16px;padding:16px 24px 16px 24px;border-bottom:1px solid var(--bordergrey);text-decoration:none;transition:background 0.25s ease,padding-left 0.25s ease;cursor:pointer;}
.svc-bridge-item:last-child{border-bottom:none;}
.svc-bridge-item:hover{background:var(--bggrey);padding-left:30px;}
.svc-bridge-idx{font-size:14px;font-weight:700;color:var(--bgmain);flex-shrink:0;min-width:24px;letter-spacing:0.04em; position:relative; top:2px;}
.svc-bridge-name{font-size:14px;font-weight:600;letter-spacing:0.06em;color:var(--tlightgrey);flex:1;transition:color 0.25s ease;text-transform:uppercase; position:relative; top:2px;}
.svc-bridge-name span{position:relative; top:1px;}
.svc-bridge-item:hover .svc-bridge-name{color:var(--twhite);}
.svc-bridge-arrow{font-size:14px;color:var(--bordergrey);transition:color 0.25s ease,transform 0.25s ease;flex-shrink:0; position:relative; top:2px;}
.svc-bridge-item:hover .svc-bridge-arrow{color:var(--bgmain);transform:translateX(4px);}

.svc-headrow{display:flex;align-items:flex-end;gap:20px;padding:0 0 20px 0;border-bottom:1px solid var(--bordergrey);}
.svc-num{font-size:clamp(48px,5vw,64px);font-weight:700;line-height:1;color:var(--bordergrey);letter-spacing:-1px;flex-shrink:0;position:relative;top:6px;}
.svc-imgwrap{position:relative;overflow:hidden;}
.svc-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform 0.65s cubic-bezier(0.4,0,0.2,1);}
.svc-imgwrap:hover .svc-img{transform:scale(1.04);}
.svc-pills{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0 0 0;}
.svc-pill{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--tlightgrey);background:var(--bggrey);border:1px solid var(--bordergrey);padding:8px 14px 8px 10px;transition:border-color 0.25s ease,color 0.25s ease;}
.svc-pill:hover{border-color:var(--bgmain);color:var(--bgmain);}
.svc-pillcheck{font-size:13px;color:var(--bgmain);}
.svc-divider{height:1px;background:var(--bordergrey);margin:0 0 40px 0;}

/*projects starts*/
.proj-table-wrap{overflow-x:auto;border-radius:15px;}

.proj-table{width:100%;border-collapse:collapse; font-size: 16px; font-weight: 400; color:var(--tlightgrey);}
.proj-table th,.proj-table td{padding:14px 18px;vertical-align:middle}
.proj-table thead tr{background:var(--bgmain);}
.proj-table th{color:#fff;font-weight:600;text-align:left}
.proj-table tbody tr{border-bottom:1px solid var(--bordergrey);transition:.3s}
.proj-table tbody tr:hover{background:var(--bordergrey);}

.proj-th-num,.proj-td-num{width:85px;text-align:center}
.proj-th-scope,.proj-td-scope{width:180px;text-align:center}
.proj-th-name,.proj-td-name{text-align:left}

.proj-filters{display:flex;flex-wrap:wrap;gap:10px}
.proj-filter{padding:10px 20px;border:1px solid var(--bordergrey);border-radius:15px;background:transparent;font-size:16px; line-height:1; font-weight:500; color:var(--tlightgrey);cursor:pointer;transition:.3s}
.proj-filter:hover,.proj-filter-active{background:var(--bgmain);color:#fff;border-color:var(--bgmain);}

.proj-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px 5px 12px;border-radius:15px;font-size:12px; line-height:1; font-weight:600;text-transform:uppercase;}
.proj-badge-fitout,.proj-badge-fitoutonly{background:#4f4e4e;color:var(--twhite);}
.proj-badge-mep{background:var(--tlightgrey);color:var(--twhite)}
.proj-badge-joinery{background:#8c8989;color:var(--twhite);}
.proj-badge-gypsum{background:#71797e;color:#edeade;}
.proj-badge-civil{background:#c0c0c0;color:#575654;}
.proj-count{padding:40px 20px 0px 20px;font-size:14px;font-weight:500;display:flex; align-items:center; justify-content:space-between; }

.project-pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:20px 0;flex-wrap:wrap;}
.project-pagination a{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;text-decoration:none;font-weight:600;color:#d6d6d6;transition:.3s;border:1px solid rgba(255,255,255,.12);background:#202020;flex-shrink: 0;}
.project-pagination a:hover{background:#cf6a22;color:#fff;border-color:#cf6a22;}
.project-pagination .active{background:#cf6a22;color:#fff;border-color:#cf6a22;}
.page-arrow{font-size:13px;}
.page-arrow i {display:flex;justify-content:center;align-items:center;flex-shrink: 0;}

/*project gallery*/
.pt-gal-top{ padding-top:75px;}
.gallery-card{position:relative;overflow:hidden;perspective:1000px;cursor:pointer;transition:.3s;}
.gallery-card img{width:100%;display:block;object-fit:cover;height:auto;transition:transform .3s ease;}
.gallery-card:hover img{transform:scale(1.06);}

.gallery-card-single {spect-ratio: 4 / 3;}
.gallery-card-single img {width: 100%;height: 100%; object-fit: cover;}
.gallery-card-caption {position: absolute;bottom: 0;left: 0;right: 0;padding: 20px 20px 20px 20px;background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.60) 60%, rgba(0,0,0,0) 100%);display: flex;flex-direction: column;gap: 5px;transform: translateY(8px);transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), background 0.4s ease;}
.gallery-card:hover .gallery-card-caption {transform: translateY(0);background: linear-gradient(to top, rgba(0,0,0,0.98) 0%, rgba(0,0,0,0.75) 65%, rgba(0,0,0,0.10) 100%);
}
.tgallery-card-title {font-size: 15px;font-weight: 700;color: #d2d0d0;line-height: 1.3;margin: 0;}
.gallery-card-single::after {content: '';position: absolute;top: 0;left: 0;width: 3px;height: 100%;background: var(--bgmain);transform: scaleY(0);transform-origin: bottom;transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.gallery-card:hover .gallery-card-single::after {transform: scaleY(1);}

/*contact*/
.ct-split-row{align-items:stretch;}
.ct-box{background:var(--bggrey);border:1px solid var(--bordergrey);display:flex;flex-direction:column;height:100%;}
.ct-box-header{padding:32px 32px 28px;border-bottom:1px solid var(--bordergrey);border-left:3px solid var(--bgmain);display:flex;flex-direction:column;gap:6px;}
.ct-box-footer{padding:24px 32px 32px;border-top:1px solid var(--bordergrey);margin-top:auto;}

.ct-connector{padding:28px 32px 0;display:flex;flex-direction:column;}
.ct-connector-item{display:flex;align-items:flex-start;gap:18px;}

.ct-connector-track{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:42px;}
.ct-connector-dot{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--bordergrey);background:var(--bgbody);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px;color:var(--bgmain);transition:background .3s ease,border-color .3s ease,color .3s ease;position:relative;z-index:2;}
.ct-connector-dot i{display: flex;align-items: center;justify-content: center;}
.ct-connector-item:hover .ct-connector-dot{background:var(--bgmain);border-color:var(--bgmain);color:#fff;}
.ct-connector-line{width:1px;min-height:32px;flex:1;background:var(--bgmain);margin:4px 0;}

.ct-connector-body{padding:6px 0 28px;flex:1;}
.ct-connector-item--last .ct-connector-body{padding-bottom:28px;}
.ct-connector-label{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--bgmain);display:block;padding:0 0 8px;}
.ct-link{color:var(--tlightgrey);text-decoration:none;font-size:16px;font-weight:500;line-height:26px;transition:color .25s ease;}
.ct-link:hover{color:var(--bgmain);}

.ct-side-img{position:relative;overflow:hidden;height:100%;min-height:480px;}
.ct-side-img-el{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.4,0,.2,1);}
.ct-side-img:hover .ct-side-img-el{transform:scale(1.04);}

.ct-side-badge{position:absolute;bottom:28px;left:28px;background:var(--bgmain);display:flex;align-items:center;gap:12px;padding:14px 20px 14px 16px;}
.ct-side-badge-icon{font-size:24px;color:#fff;line-height:1;flex-shrink:0;}
.ct-side-badge>div{display:flex;flex-direction:column;gap:2px;}
.ct-side-badge-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.75);}
.ct-side-badge-loc{font-size:15px;font-weight:700;color:#fff;}
.ct-map-wrap{position:relative;overflow:hidden;border:1px solid var(--bordergrey);}
.ct-map-wrap iframe{width:100%;height:420px;border:none;display:block;filter:grayscale(60%) invert(92%) contrast(85%);opacity:.85;transition:filter .4s ease,opacity .4s ease;}
.ct-map-wrap:hover iframe{filter:grayscale(0%) invert(0%) contrast(100%);opacity:1;}

/*clients*/
.client-logo-grid {display: grid;grid-template-columns: repeat(6, 1fr);border-top: 1px solid var(--bordergrey);border-left: 1px solid var(--bordergrey);}
.client-logo-cell {border-right: 1px solid var(--bordergrey);border-bottom: 1px solid var(--bordergrey);display: flex;align-items: center;justify-content: center;padding: 10px 10px;min-height: 100px;overflow: hidden;transition: background-color 0.3s ease;}
.client-logo-img {max-width: 270px;max-height: 198px;width: 100%;height: auto;object-fit: contain;display: block;filter: grayscale(1) opacity(0.85);transition: filter 0.35s ease;}
.client-logo-cell:hover .client-logo-img {filter: grayscale(0) opacity(1);}


/******************************** Media Query Starts ********************************/
@media only screen and (min-device-width:320px) and (max-device-width:991px){
.mobilemenu{left:0; top:100px;}	
.bannerwrapper {height: calc(100dvh - (var(--frame) * 2));min-height: 400px;}
.innerpage-content{padding: 30px 30px 30px 30px;}
.tcounterhead { font-size: 17px; line-height:27px;}
.stickycontent{opacity:1;}
.vis-mis-box .vis-mis-box-body{padding:30px 30px 30px 15px;}
.vis-mis-box02 .vis-mis-box-body02{padding:30px 15px 30px 30px;}
.vis-mis-box02 .vis-mis-box-body02 .tsubheading01{text-align:end;}
.vis-mis-box .vis-mis-boximg > img, .vis-mis-box02 .vis-mis-boximg > img{min-height:120px;}
.pt-gal-top {padding-top: 0px;}
}
@media only screen and (min-device-width:320px) and (max-device-width:575px){
.vis-mis-box:before, .vis-mis-box02:before {width: 80%;}
.vis-mis-box .vis-mis-box-body, .vis-mis-box02 .vis-mis-box-body02{width: 80%; }
.client-logo-grid { grid-template-columns: repeat(2, 1fr); }
.svc-pill{align-items:start;}
.tslidecta {display: flex;flex-direction: column;gap: 14px;align-items: flex-start;}
.proj-count{padding: 30px 0 0 0; flex-direction: column;align-items: self-start;}
}
@media only screen and (min-device-width:576px) and (max-device-width:767px){
.vis-mis-box:before, .vis-mis-box02:before {width: 70%;}
.vis-mis-box .vis-mis-box-body, .vis-mis-box02 .vis-mis-box-body02{width: 60%; }
.ct-box-header { padding: 24px 20px 20px 20px; }
.ct-connector { padding: 20px 20px 0 20px; }
.ct-box-footer { padding: 20px 20px 24px 20px; }
.ct-connector-dot { width: 36px; height: 36px; font-size: 13px; }
.ct-connector-track { width: 36px; }
.ct-side-img { min-height: 280px; }
.ct-side-badge { bottom: 20px; left: 20px; padding: 10px 14px 10px 12px; }
.ct-map-wrap iframe { height: 260px; }
.client-logo-grid  { grid-template-columns: repeat(3, 1fr); }
.client-logo-cell  {  min-height: 80px; }
.client-logo-img   { max-width: 204px; max-height:150px; }
.proj-count{padding: 35px 0 0 0; }
}

@media only screen and (min-device-width:320px) and (max-device-width:767px){
:root {--frame: 0px;}
.mobilemenu	{padding-top: 26px;}
.sidepanel{display:none;}
.topwrap{left:0; justify-content: space-between;}
.bannerslide-content { padding: 0 24px; }
.bannerslide-nav button { padding: 16px 22px; }
.main-wrap > *:not(.sidepanel):not(.topwrap){margin-left: 0;}
#counter {display: block;}
.vis-mis-box:before{left: -80px;}
.vis-mis-box02:before{right: -80px;}
.industry-item {border-right: none;border-bottom: 1px solid var(--bordergrey);}
.industry-item:last-child {border-bottom: none;}
.industry-item-inner {min-height: auto;padding: 28px 24px 28px 24px;}
.industry-num { font-size: 40px; }
.industry-bigicon { font-size: 72px; }
.pslider-slide {flex: 0 0 100%;padding-right: 0;}
.pslider-title {padding: 0 20px 0px 20px; transform: translateY(0); }
.pslider-sub { padding: 0 20px 20px 20px; opacity: 1; transform: translateY(0); }
.svc-bridge { flex-direction: column; }
.svc-bridge-left { width: 100%; padding: 28px 24px; }
.svc-bridge-item { padding: 14px 16px; }
.proj-table th,.proj-table td{padding:12px}
.proj-filter{padding:8px 16px;font-size:15px}
.proj-count{text-align:center}
.proj-table,.proj-table thead,.proj-table tbody,.proj-table tr,.proj-table td{display:block;width:100%}
.proj-table thead{display:none}
.proj-table tr{margin:0 0 20px;border:1px solid #535151 !important;border-radius:20px;overflow:hidden;}
.proj-table td{display:flex; flex-direction:column; align-items:flex-start;justify-content:space-between;padding:12px 15px;border:none;border-bottom:1px solid #3d3d3d;text-align:left;}
.proj-table td:last-child{border-bottom:none}
.proj-table td:before{content:attr(data-label);font-weight:600;text-align:left;padding-right:15px;flex: 0 0 34px;}
.proj-td-name{word-break:break-word;}
.proj-th-num,.proj-td-num { display: none !important;}

}
/*** MD starts ***/
@media only screen and (min-device-width:768px) and (max-device-width:991px){
.mobilemenu	{padding-top: 36px;}
.topwrap{justify-content: space-between;}
.vis-mis-box:before, .vis-mis-box02:before {width: 60%;}
.vis-mis-box:before{left: -100px;}
.vis-mis-box02:before{right: -100px;}
.vis-mis-box .vis-mis-box-body, .vis-mis-box02 .vis-mis-box-body02{width: 60%; }
.industry-item:nth-child(2n) { border-right: none; }
.industry-item:nth-child(n+3) { border-top: 1px solid var(--bordergrey); }
.industry-item-inner { min-height: 260px; }
.industry-num { font-size: 44px; }
.pslider-sub{padding: 0px 32px 15px 32px;}
.svc-bridge-left { width: 40%; padding: 28px 24px; }
.ct-side-img { min-height: 400px; }
.ct-map-wrap iframe { height: 340px; }
}

@media only screen and (min-width: 768px) and (max-width: 1499px) {
.client-logo-grid { grid-template-columns: repeat(4, 1fr); }
}

/*** LG starts ***/
@media only screen and (min-device-width:992px) and (max-device-width:1199px){
.navbar{gap: 10px;}
.topwrap{padding: 0 14px;}
.navbar a{letter-spacing: normal;}
.bannerwrapper {height: calc(100vh - (var(--frame, 20px) * 2));min-height: 445px;}
.innerpage-content{padding: 30px 30px;}
.stickycontent{opacity:1;}
.vis-mis-box:before, .vis-mis-box02:before {width: 80%;}
.vis-mis-box .vis-mis-box-body, .vis-mis-box02 .vis-mis-box-body02{width: 55%;}
.vis-mis-box .vis-mis-boximg > img, .vis-mis-box02 .vis-mis-boximg > img{min-height:380px;}
.industry-item-inner { min-height: 280px; padding: 28px 22px; }
.industry-num { font-size: 44px; }
.industry-bigicon { font-size: 80px; }
.svc-bridge-left { padding: 32px 28px; }
.client-logo-grid { grid-template-columns: repeat(4, 1fr); }
.pt-gal-top {padding-top: 0px;}
}

/*** XL starts ***/
@media only screen and (min-device-width:1200px) and (max-device-width:1399px){
.vis-mis-box:before, .vis-mis-box02:before {width: 90%;}
.vis-mis-box .vis-mis-box-body, .vis-mis-box02 .vis-mis-box-body02{width: 60%;}
.vis-mis-box .vis-mis-boximg > img, .vis-mis-box02 .vis-mis-boximg > img{min-height:350px;}
.client-logo-grid { grid-template-columns: repeat(4, 1fr); }
}
@media only screen and (min-device-width:1200px) and (max-device-width:1299px){
.navbar{gap: 18px;}
}
@media only screen and (min-device-width:1300px) and (max-device-width:1399px){

}
/*** XXL starts ***/
@media only screen and (min-device-width:1400px) and (max-device-width:1499px){
.navbar{gap:32px;}
.navbar a{letter-spacing: .1em;}
.vis-mis-box:before, .vis-mis-box02:before {width: 90%;}
.vis-mis-box .vis-mis-box-body, .vis-mis-box02 .vis-mis-box-body02{width: 67%;}
.vis-mis-box .vis-mis-boximg > img, .vis-mis-box02 .vis-mis-boximg > img{min-height:300px;}
.industry-item-inner{min-height:424px;}
.client-logo-grid { grid-template-columns: repeat(5, 1fr); }
}
@media only screen and (min-width: 1500px) {
.client-logo-grid { grid-template-columns: repeat(5, 1fr); }
}
@media only screen and (min-device-width:1500px) and (max-device-width:1799px){
.vis-mis-box:before, .vis-mis-box02:before {width: 90%;}
.vis-mis-box .vis-mis-box-body, .vis-mis-box02 .vis-mis-box-body02{width: 70%;}
.industry-item-inner{min-height: 372px;}
}
@media only screen and (min-width:1800px){
.industry-item-inner{min-height:372px;}
.client-logo-grid { grid-template-columns: repeat(6, 1fr); }
}