{"id":16,"date":"2024-10-17T03:55:20","date_gmt":"2024-10-17T03:55:20","guid":{"rendered":"https:\/\/www.radiustheme.com\/demo\/wordpress\/themes\/kariez\/?page_id=16"},"modified":"2026-10-29T11:28:18","modified_gmt":"2026-10-29T11:28:18","slug":"home","status":"publish","type":"page","link":"https:\/\/perspectiwitty.in\/cms\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24fbb38 e-con-full e-flex rt-parallax-bg-no e-con e-parent\" data-id=\"24fbb38\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28c5b90 elementor-widget elementor-widget-html\" data-id=\"28c5b90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,700;0,9..40,800&display=swap');\r\n\r\n\r\n.sl-root{\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n.elementor-widget-html,\r\n.elementor-widget-container{\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n.elementor-element-24fbb38{\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n}\r\n\r\nbody{\r\n    margin: 0;\r\n}\r\n*{margin:0;padding:0;box-sizing:border-box;}\r\n\r\n.sl-root{\r\n  position:relative;\r\n  width:100vw;\r\n  height:100vh;\r\n  min-height:750px;\r\n  overflow:hidden;\r\n  margin-left:calc(-50vw + 50%);\r\n  \/*margin-top:50px;*\/\r\n  font-family:'DM Sans',sans-serif;\r\n}\r\n\r\n.sl-slide{\r\n  position:absolute;\r\n  inset:0;\r\n  opacity:0;\r\n  transform:translateX(60px);\r\n  transition:opacity 1s cubic-bezier(0.77,0,0.18,1), transform 1s cubic-bezier(0.77,0,0.18,1);\r\n  pointer-events:none;\r\n  will-change:transform,opacity;\r\n}\r\n.sl-slide.active{\r\n  opacity:1;\r\n  transform:translateX(0);\r\n  pointer-events:all;\r\n}\r\n.sl-slide.exit{\r\n  opacity:1;\r\n  transform:translateX(-60px);\r\n  pointer-events:none;\r\n}\r\n\r\n@keyframes kenburns {\r\n  from { transform: scale(1); }\r\n  to   { transform: scale(1.08); }\r\n}\r\n\r\n.sl-bg{\r\n  position:absolute;\r\n  inset:0;\r\n  background-size:cover;\r\n  background-position:center;\r\n  transform:scale(1);\r\n  will-change:transform;\r\n}\r\n.sl-slide.active .sl-bg{\r\n  animation: kenburns 6.5s ease-out forwards;\r\n}\r\n\r\n.sl-overlay{\r\n  position:absolute;\r\n  inset:0;\r\n  \/*background:linear-gradient(*\/\r\n  \/*  100deg,*\/\r\n  \/*  rgba(255,255,255,.82) 0%,*\/\r\n  \/*  rgba(255,255,255,.60) 32%,*\/\r\n  \/*  rgba(255,255,255,.18) 58%,*\/\r\n  \/*  rgba(255,255,255,0) 75%*\/\r\n  \/*);*\/\r\n  background: linear-gradient(\r\n  100deg,\r\n  rgba(255, 255, 255, 0.75) 0%,\r\n  rgba(255, 255, 255, 0.65) 30%,\r\n  rgba(255, 255, 255, 0.4) 55%,\r\n  rgba(255, 255, 255, 0.15) 75%,\r\n  rgba(255, 255, 255, 0) 90%\r\n)\r\n}\r\n\r\n.sl-left{\r\n  position:absolute;\r\n  left:7%;\r\n  top:50%;\r\n  transform:translateY(-50%);\r\n  z-index:3;\r\n  max-width:500px;\r\n}\r\n\r\n.sl-tag{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  font-size:11px;\r\n  font-weight:500;\r\n  letter-spacing:3px;\r\n  text-transform:uppercase;\r\n  color:#63ab2b;\r\n  margin-bottom:22px;\r\n  opacity:1;\r\n  transform:translateY(14px);\r\n  transition:opacity .5s,transform .5s;\r\n}\r\n.sl-tag::before{\r\n  content:'';\r\n  width:26px;height:2px;\r\n  background:#63ab2b;\r\n  flex-shrink:0;\r\n}\r\n.sl-slide.active .sl-tag{\r\n  opacity:1;transform:translateY(0);\r\n  transition-delay:.3s;\r\n}\r\n\r\n.sl-title{\r\n  font-family:'DM Sans',sans-serif;\r\n  font-size:clamp(42px,6vw,50px);\r\n  font-weight:800;\r\n  line-height:.97;\r\n  letter-spacing:-2px;\r\n  color:#111;\r\n  margin-bottom:20px;\r\n  opacity:1;\r\n  transform:translateY(28px);\r\n  transition:opacity .7s,transform .7s;\r\n}\r\n.sl-title em{\r\n  font-style:normal;\r\n  color:#63ab2b;\r\n}\r\n.sl-slide.active .sl-title{\r\n  opacity:1;transform:translateY(0);\r\n  transition-delay:.45s;\r\n}\r\n\r\n.sl-desc{\r\n  font-size:clamp(13px,1.3vw,15px);\r\n  font-weight:300;\r\n  color:#555;\r\n  line-height:1.8;\r\n  max-width:380px;\r\n  margin-bottom:36px;\r\n  opacity:1;\r\n  transform:translateY(16px);\r\n  transition:opacity .6s,transform .6s;\r\n}\r\n.sl-slide.active .sl-desc{\r\n  opacity:1;transform:translateY(0);\r\n  transition-delay:.6s;\r\n}\r\n\r\n.sl-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  text-decoration: none;\r\n  color: #fff !important;\r\n  background: linear-gradient(135deg, #63ab2b ,#63ab2b);\r\n  padding: 12px 22px;\r\n  border-radius: 50px;\r\n  box-shadow: 0 6px 18px rgba(99,171,43,0.35);\r\n  opacity: 0;\r\n  transform: translateY(20px) scale(0.95);\r\n  transition: opacity 0.5s ease, transform 0.5s ease, box-shadow 0.3s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.sl-btn::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0; left: -75%;\r\n  width: 50%; height: 100%;\r\n  background: rgba(255,255,255,0.25);\r\n  transform: skewX(-25deg);\r\n  transition: left 0.6s ease;\r\n}\r\n.sl-btn::after {\r\n  content: '\u2192';\r\n  font-size: 14px;\r\n  transition: transform 0.3s ease;\r\n}\r\n.sl-btn:hover {\r\n  transform: translateY(-3px) scale(1.03) !important;\r\n  box-shadow: 0 12px 28px rgba(99,171,43,0.45);\r\n}\r\n.sl-btn:hover::before { left: 120%; }\r\n.sl-btn:hover::after { transform: translateX(6px); }\r\n.sl-btn:active {\r\n  transform: scale(0.96) !important;\r\n  box-shadow: 0 4px 12px rgba(99,171,43,0.3);\r\n}\r\n.sl-slide.active .sl-btn {\r\n  opacity: 1;\r\n  transform: translateY(0) scale(1);\r\n  transition-delay: 0.75s;\r\n}\r\n\r\n\r\n.sl-bottom{\r\n  position:absolute;\r\n  bottom:36px;left:7%;\r\n  z-index:5;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:20px;\r\n}\r\n\r\n.sl-dots{display:flex;gap:8px;align-items:center;}\r\n.sl-dot{\r\n  width:8px;height:8px;\r\n  border-radius:50%;\r\n  background:rgba(0,0,0,.2);\r\n  border:none;outline:none;\r\n  cursor:pointer;\r\n  padding:0;\r\n  transition:background .3s,transform .3s;\r\n}\r\n.sl-dot.active{background:#63ab2b;transform:scale(1.35);}\r\n\r\n.sl-progress{\r\n  width:80px;height:1px;\r\n  background:rgba(0,0,0,.15);\r\n  position:relative;overflow:hidden;\r\n}\r\n.sl-pfill{\r\n  position:absolute;\r\n  top:0;left:0;bottom:0;\r\n  background:#63ab2b;\r\n  width:0;\r\n}\r\n\r\n.sl-count{\r\n  font-family:'DM Sans',sans-serif;\r\n  font-size:11px;\r\n  letter-spacing:2px;\r\n  color:rgba(0,0,0,.35);\r\n}\r\n.sl-count b{color:#111;font-weight:500;}\r\n\r\n.sl-navs{\r\n  position:absolute;\r\n  bottom:28px;right:7%;\r\n  z-index:5;\r\n  display:flex;gap:8px;\r\n}\r\n.sl-nav{\r\n  width: 60px; height: 60px;\r\n  border:1px solid rgba(0,0,0,.15);\r\n  background:rgba(255,255,255,.7);\r\n  backdrop-filter:blur(6px);\r\n  cursor:pointer;\r\n  display:flex;align-items:center;justify-content:center;\r\n  border-radius:4px;\r\n  transition:border-color .3s,background .3s;\r\n}\r\n.sl-nav:hover{\r\n  border-color:#63ab2b;\r\n  background:rgba(255,255,255,.95);\r\n}\r\n.sl-nav svg{\r\n  width: 22px; height: 22px;\r\n  stroke: #1a1a1a;\r\n  stroke-width: 2.5;\r\n\r\n}\r\n.sl-nav:hover svg{stroke:#63ab2b;}\r\n\r\n@media (max-width:768px){\r\n\r\n  .sl-nav{\r\n      width:50px !important;\r\n      height:50px !important;\r\n      \/*background:#fff !important;*\/\r\n      \/*border:2px solid red !important;*\/\r\n      opacity:1 !important;\r\n      visibility:visible !important;\r\n      display:flex !important;\r\n      align-items:center !important;\r\n      justify-content:center !important;\r\n  }\r\n\r\n  .sl-nav svg{\r\n      display:block !important;\r\n      width:30px !important;\r\n      height:30px !important;\r\n      stroke:#000 !important;\r\n      fill:none !important;\r\n      opacity:1 !important;\r\n      visibility:visible !important;\r\n  }\r\n\r\n  .sl-nav path{\r\n      stroke:#000 !important;\r\n      stroke-width:3 !important;\r\n      fill:none !important;\r\n  }\r\n}\r\n@media (max-width: 768px) {\r\n  .sl-root {\r\n    height: auto !important;\r\n    min-height: unset !important;\r\n    position: relative;\r\n  }\r\n  .sl-slide {\r\n    position: relative !important;\r\n    inset: unset !important;\r\n    opacity: 0;\r\n    height: 0;\r\n    overflow: hidden;\r\n    transform: translateX(40px);\r\n  }\r\n  .sl-slide.active {\r\n    opacity: 1;\r\n    height: auto;\r\n    overflow: visible;\r\n    transform: translateX(0);\r\n  }\r\n  .sl-slide.exit {\r\n    transform: translateX(-40px);\r\n  }\r\n  .sl-bg {\r\n    position: relative !important;\r\n    width: 100%;\r\n    height: auto;\r\n    aspect-ratio: 4\/5;\r\n    background-size: cover !important;\r\n    background-repeat: no-repeat !important;\r\n    background-position: center center !important;\r\n  }\r\n  .sl-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(\r\n      1deg,\r\n      rgba(255,255,255,0.90) 0%,\r\n      rgba(255,255,255,0.60) 35%,\r\n      rgba(255,255,255,0) 65%,\r\n      rgba(0,0,0,0.25) 100%\r\n    );\r\n  }\r\n  .sl-left {\r\n    position: absolute;\r\n    left: 5%; right: 5%;\r\n    top: 60%;\r\n    transform: translateY(-60%) !important;\r\n    max-width: 90%;\r\n  }\r\n  .sl-title { font-size: clamp(28px,8vw,42px); letter-spacing:-1px; margin-bottom:10px; }\r\n  .sl-desc { font-size:13px; margin-bottom:18px; max-width:100%; color: #000; }\r\n  .sl-tag { font-size:10px; margin-bottom:12px; }\r\n  .sl-btn { font-size:11px; padding:10px 18px; }\r\n  .sl-bottom {\r\n    position: absolute !important;\r\n    bottom: 16px !important; left: 5% !important;\r\n    background: transparent !important;\r\n    padding: 0 !important; gap: 12px; z-index: 10;\r\n  }\r\n  .sl-navs {\r\n    position: absolute !important;\r\n    bottom: 10px !important; right: 5% !important;\r\n    background: transparent !important; padding: 0 !important;\r\n  }\r\n  .sl-dot { background: rgba(255,255,255,0.5); }\r\n  .sl-dot.active { background: #63ab2b; }\r\n  .sl-count { color: rgba(255,255,255,0.8); }\r\n  .sl-count b { color: #fff; }\r\n  .sl-progress { background: rgba(255,255,255,0.3); }\r\n  .sl-nav { width:36px; height:36px; background:rgba(255,255,255,0.25); border-color:rgba(255,255,255,0.4); }\r\n  .sl-nav svg { stroke: #fff; }\r\n}\r\n\r\n.ab7-root{\r\n  width:100%;\r\n  font-family:'DM Sans',sans-serif;\r\n  padding:96px 7%;\r\n  margin-left:calc(-50vw + 50%);\r\n  margin-right:calc(-50vw + 50%);\r\n  max-width:100vw;\r\n  box-sizing:border-box;\r\n}\r\n\r\n.ab7-wrap{\r\n  display:grid;\r\n  grid-template-columns:1fr 1.1fr;\r\n  gap:80px;\r\n  align-items:center;\r\n  max-width:1400px;\r\n  margin:0 auto;\r\n}\r\n\r\n.ab7-anim{\r\n  opacity:1;\r\n  transform:translateY(22px);\r\n  transition:opacity .65s ease, transform .65s ease;\r\n}\r\n.ab7-anim.on{opacity:1;transform:translateY(0);}\r\n.ab7-anim:nth-child(1){transition-delay:.05s;}\r\n.ab7-anim:nth-child(2){transition-delay:.18s;}\r\n.ab7-anim:nth-child(3){transition-delay:.32s;}\r\n.ab7-anim:nth-child(4){transition-delay:.46s;}\r\n.ab7-anim:nth-child(5){transition-delay:.6s;}\r\n\r\n.ab7-label{\r\n  display:inline-flex;align-items:center;gap:10px;\r\n  font-size:11px;font-weight:500;\r\n  letter-spacing:3.5px;text-transform:uppercase;\r\n  color:#63ab2b;margin-bottom:16px;\r\n}\r\n.ab7-label::before{content:'';width:24px;height:2px;background:#63ab2b;flex-shrink:0;}\r\n\r\n.ab7-title{\r\n  font-size:clamp(36px,3.8vw,54px);\r\n  font-weight:800;line-height:1.0;\r\n  letter-spacing:-2px;color:#111;\r\n  margin-bottom:24px;\r\n}\r\n.ab7-title span{color:#63ab2b;}\r\n\r\n.ab7-desc{\r\n  font-size:15px;font-weight:300;\r\n  line-height:1.9;color:#555;\r\n  margin-bottom:36px;\r\n}\r\n\r\n.ab7-bottom-row{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:16px;\r\n  flex-wrap:wrap;\r\n}\r\n\r\n.ab7-badge{\r\n  display:inline-flex;align-items:center;gap:8px;\r\n  background:#fff;border:1px solid #e0e0e0;\r\n  padding:12px 20px;width:fit-content;\r\n}\r\n.ab7-badge-dot{width:7px;height:7px;background:#63ab2b;border-radius:50%;flex-shrink:0;}\r\n.ab7-badge-txt{font-size:11px;font-weight:600;color:#444;letter-spacing:1.5px;text-transform:uppercase;}\r\n.ab7-badge-txt span{color:#63ab2b;}\r\n\r\n.ab7-btn{\r\n  display:inline-flex;align-items:center;\r\n  font-size:12px;font-weight:600;\r\n  letter-spacing:2px;text-transform:uppercase;\r\n  text-decoration:none;\r\n  background:#63ab2b;\r\n  color:#fff !important;\r\n  padding:14px 28px;\r\n  transition:background .3s,transform .3s;\r\n}\r\n.ab7-btn:hover{background:#4d8a22;transform:translateY(-2px);}\r\n\r\n.ab7-right{\r\n  position:relative;\r\n  height:540px;\r\n}\r\n\r\n.ab7-img1,\r\n.ab7-img2{\r\n  overflow:hidden;\r\n  position:absolute;\r\n}\r\n\r\n.ab7-img1::after,\r\n.ab7-img2::after{\r\n  content:'';\r\n  position:absolute;\r\n  top:0;\r\n  left:-80%;\r\n  width:50%;\r\n  height:100%;\r\n  background:linear-gradient(\r\n    120deg,\r\n    rgba(255,255,255,0) 0%,\r\n    rgba(255,255,255,0.45) 50%,\r\n    rgba(255,255,255,0) 100%\r\n  );\r\n  transform:skewX(-20deg);\r\n  transition:left .7s ease;\r\n  z-index:3;\r\n  pointer-events:none;\r\n}\r\n\r\n.ab7-img1:hover::after,\r\n.ab7-img2:hover::after{\r\n  left:130%;\r\n}\r\n.ab7-img1{\r\n  top:0;right:0;\r\n  width:100%;height:100%;\r\n  opacity:1;transform:translateY(24px);\r\n  transition:opacity .75s ease,transform .75s ease;\r\n  transition-delay:.2s;\r\n  z-index: 1;\r\n}\r\n\r\n.ab7-img1.on{opacity:1;transform:translateY(0);}\r\n.ab7-img1 img{\r\n  width:100%;height:100%;\r\n  object-fit:cover;display:block;\r\n  transition:transform .7s ease;\r\n}\r\n.ab7-img1:hover img{transform:scale(1.05);}\r\n.ab7-img1-bar{\r\n  position:absolute;\r\n  top:0;left:0;right:0;height:4px;\r\n  background:#63ab2b;z-index:4;\r\n  pointer-events:none;\r\n}\r\n\r\n.ab7-img2{\r\n  bottom:0;right:0;\r\n  width:66%;height:240px;\r\n  opacity:1;transform:translateY(24px);\r\n  transition:opacity .75s ease,transform .75s ease;\r\n  transition-delay:.4s;\r\n}\r\n.ab7-img2.on{opacity:1;transform:translateY(0);}\r\n.ab7-img2 img{\r\n  width:100%;height:100%;\r\n  object-fit:cover;display:block;\r\n  transition:transform .7s ease;\r\n}\r\n.ab7-img2:hover img{transform:scale(1.05);}\r\n\r\n.ab7-card{\r\n  position:absolute;\r\n  bottom:0px;left:0;\r\n  width:200px;\r\n  background:#fff;\r\n  padding:30px 30px 26px;\r\n  box-shadow:0 16px 48px rgba(0,0,0,.10);\r\n  z-index:10;\r\n  border-left:4px solid #63ab2b;\r\n  opacity:1;transform:translateY(20px) scale(.96);\r\n  transition:opacity .65s ease,transform .65s ease;\r\n  transition-delay:.65s;\r\n  z-index: 10;\r\n}\r\n.ab7-card.on{opacity:1;transform:translateY(0) scale(1);}\r\n\r\n.ab7-card-num{\r\n  font-size:56px;font-weight:800;\r\n  color:#63ab2b;letter-spacing:-3px;\r\n  line-height:1;\r\n  display:flex;align-items:flex-start;\r\n}\r\n.ab7-card-num sup{\r\n  font-size:24px;font-weight:800;\r\n  margin-top:9px;letter-spacing:0;\r\n  color:#63ab2b;\r\n}\r\n\r\n.ab7-card-lbl{\r\n  font-size:10px;font-weight:500;\r\n  letter-spacing:2.5px;text-transform:uppercase;\r\n  color:#999;margin-top:10px;line-height:1.6;\r\n}\r\n\r\n@media(max-width:900px){\r\n  .ab7-root{padding:72px 6%;}\r\n  .ab7-wrap{grid-template-columns:1fr;gap:56px;}\r\n  .ab7-right{height:440px;}\r\n  .ab7-img1{width:88%;height:268px;}\r\n  .ab7-img2{width:70%;height:200px;}\r\n  .ab7-card{width:170px;padding:22px;bottom:44px;}\r\n  .ab7-card-num{font-size:44px;}\r\n}\r\n@media(max-width:560px){\r\n  .ab7-root{padding:56px 6%;}\r\n  .ab7-right{height:340px;}\r\n  .ab7-img1{width:90%;height:210px;}\r\n  .ab7-img2{width:72%;height:160px;}\r\n  .ab7-card{width:148px;padding:18px;bottom:36px;}\r\n  .ab7-card-num{font-size:36px;}\r\n  .ab7-bottom-row{flex-direction:column;align-items:flex-start;}\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .ab7-root {\r\n    padding: 56px 5%;\r\n  }\r\n  .ab7-wrap {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n  }\r\n  .ab7-title {\r\n    font-size: clamp(36px, 10vw, 52px);\r\n    letter-spacing: -1.5px;\r\n    margin-bottom: 16px;\r\n  }\r\n  .ab7-desc {\r\n    font-size: 14px;\r\n    line-height: 1.8;\r\n    margin-bottom: 28px;\r\n  }\r\n  .ab7-bottom-row {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n  }\r\n  .ab7-btn {\r\n    width: 100%;\r\n    justify-content: center;\r\n    padding: 14px 20px;\r\n  }\r\n  .ab7-right {\r\n    height: 320px;\r\n    width: 100%;\r\n  }\r\n  .ab7-img1 {\r\n    width: 85%;\r\n    height: 200px;\r\n    top: 0;\r\n    right: 0;\r\n  }\r\n  .ab7-img2 {\r\n    width: 65%;\r\n    height: 150px;\r\n    bottom: 0;\r\n    right: 0;\r\n  }\r\n  .ab7-card {\r\n    width: 140px;\r\n    padding: 16px;\r\n    bottom: 30px;\r\n    left: 0;\r\n  }\r\n  .ab7-card-num {\r\n    font-size: 34px;\r\n  }\r\n  .ab7-card-num sup {\r\n    font-size: 16px;\r\n    margin-top: 6px;\r\n  }\r\n  .ab7-card-lbl {\r\n    font-size: 9px;\r\n    margin-top: 8px;\r\n  }\r\n}\r\n\r\n@media (max-width: 400px) {\r\n  .ab7-right {\r\n    height: 280px;\r\n  }\r\n  .ab7-img1 {\r\n    width: 88%;\r\n    height: 175px;\r\n  }\r\n  .ab7-img2 {\r\n    width: 68%;\r\n    height: 130px;\r\n  }\r\n  .ab7-card {\r\n    width: 125px;\r\n    padding: 14px;\r\n  }\r\n  .ab7-card-num {\r\n    font-size: 30px;\r\n  }\r\n}\r\n\r\n.sv2-root{\r\n  width:100%;\r\n  font-family:'DM Sans',sans-serif;\r\n  padding:96px 7%;\r\n}\r\n\r\n.sv2-top{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:50px;\r\n  align-items:start;\r\n  margin-bottom:64px;\r\n}\r\n\r\n.sv2-label{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  font-size:11px;\r\n  font-weight:500;\r\n  letter-spacing:3.5px;\r\n  text-transform:uppercase;\r\n  color:#63ab2b;\r\n  margin-bottom:16px;\r\n}\r\n.sv2-label::before{\r\n  content:'';\r\n  width:24px;height:2px;\r\n  background:#63ab2b;\r\n  flex-shrink:0;\r\n}\r\n\r\n.sv2-title{\r\n  font-family:'DM Sans',sans-serif;\r\n  font-size:clamp(36px,4vw,58px);\r\n  font-weight:800;\r\n  line-height:1.0;\r\n  color:#111;\r\n  letter-spacing:-1.5px;\r\n}\r\n.sv2-title span{color:#63ab2b;}\r\n\r\n.sv2-right-top {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n    align-items: flex-end;\r\n    gap: 24px;\r\n    padding-top: 52px;\r\n}\r\n\r\n.sv2-desc {\r\n    font-size: 15px;\r\n    font-weight: 300;\r\n    color: #666;\r\n    line-height: 1.8;\r\n    max-width: 420px;\r\n    text-align: right;\r\n    margin-left: auto;\r\n}\r\n\r\n.sv2-viewall{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  font-size:12px;\r\n  font-weight:500;\r\n  letter-spacing:2px;\r\n  text-transform:uppercase;\r\n  text-decoration:none;\r\n  color:#111;\r\n  width:fit-content;\r\n  transition:color .3s;\r\n}\r\n.sv2-viewall-line{\r\n  width:32px;height:1px;\r\n  background:#63ab2b;\r\n  transition:width .3s;\r\n}\r\n.sv2-viewall:hover{color:#63ab2b;}\r\n.sv2-viewall:hover .sv2-viewall-line{width:48px;}\r\n\r\n.sv2-cards{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:24px;\r\n}\r\n\r\n.sv2-card{\r\n  position:relative;\r\n  background:#f8f8f6;\r\n  overflow:hidden;\r\n  display:flex;\r\n  flex-direction:column;\r\n  cursor:pointer;\r\n  transition:box-shadow .4s ease, transform .4s ease;\r\n}\r\n.sv2-card:hover{\r\n  box-shadow:0 28px 64px rgba(0,0,0,.22), 0 8px 24px rgba(0,0,0,.12);\r\n  transform:translateY(-4px);\r\n}\r\n\r\n.sv2-card-img{\r\n  width:100%;\r\n  height:260px;\r\n  overflow:hidden;\r\n  position:relative;\r\n}\r\n.sv2-card-img img{\r\n  width:100%;height:100%;\r\n  object-fit:cover;\r\n  display:block;\r\n  transform:scale(1);\r\n  transition:transform .7s ease;\r\n}\r\n.sv2-card:hover .sv2-card-img img{\r\n  transform:scale(1.07);\r\n}\r\n\r\n.sv2-card-badge{\r\n  position:absolute;\r\n  top:20px;left:20px;\r\n  width:40px;height:40px;\r\n  background:#fff;\r\n  display:flex;align-items:center;justify-content:center;\r\n  font-family:'DM Sans',sans-serif;\r\n  font-size:12px;\r\n  font-weight:700;\r\n  color:#111;\r\n  letter-spacing:1px;\r\n  z-index:2;\r\n}\r\n\r\n.sv2-card-img::after{\r\n  content:'';\r\n  position:absolute;\r\n  bottom:0;left:0;right:0;\r\n  height:3px;\r\n  background:#63ab2b;\r\n  transform:scaleX(0);\r\n  transform-origin:left;\r\n  transition:transform .5s ease;\r\n  z-index:2;\r\n}\r\n.sv2-card:hover .sv2-card-img::after{\r\n  transform:scaleX(1);\r\n}\r\n\r\n.sv2-card-body{\r\n  padding:28px 28px 32px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  flex:1;\r\n  background:#fff;\r\n  border-top:1px solid #f0f0f0;\r\n}\r\n\r\n.sv2-card-tag{\r\n  font-size:11px;\r\n  font-weight:500;\r\n  letter-spacing:2px;\r\n  text-transform:uppercase;\r\n  color:#63ab2b;\r\n  margin-bottom:10px;\r\n}\r\n\r\n.sv2-card-title{\r\n  font-family:'DM Sans',sans-serif;\r\n  font-size:22px;\r\n  font-weight:700;\r\n  color:#111;\r\n  line-height:1.2;\r\n  margin-bottom:16px;\r\n  letter-spacing:-0.5px;\r\n}\r\n\r\n.sv2-card-desc{\r\n  font-size:13px;\r\n  font-weight:300;\r\n  color:#888;\r\n  line-height:1.75;\r\n  margin-bottom:24px;\r\n  flex:1;\r\n}\r\n\r\n.sv2-card-link{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  font-family:'DM Sans',sans-serif;\r\n  font-size:12px;\r\n  font-weight:500;\r\n  letter-spacing:1.5px;\r\n  text-transform:uppercase;\r\n  text-decoration:none;\r\n  color:#111;\r\n  transition:color .3s;\r\n  width:fit-content;\r\n}\r\n.sv2-card-link-arrow{\r\n  width:28px;height:28px;\r\n  background:#63ab2b;\r\n  display:flex;align-items:center;justify-content:center;\r\n  border-radius:50%;\r\n  transition:transform .3s;\r\n  flex-shrink:0;\r\n}\r\n.sv2-card-link-arrow svg{\r\n  width:12px;height:12px;\r\n  stroke:#fff;\r\n  stroke-width:2.5;\r\n  fill:none;\r\n}\r\n.sv2-card:hover .sv2-card-link{color:#4d8a22;}\r\n.sv2-card:hover .sv2-card-link-arrow{transform:translateX(4px);}\r\n\r\n@media (max-width: 768px) {\r\n  .sv2-root {\r\n    padding: 56px 5%;\r\n  }\r\n  .sv2-top {\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n    margin-bottom: 40px;\r\n  }\r\n  .sv2-right-top {\r\n    align-items: flex-start;\r\n    padding-top: 0;\r\n  }\r\n  .sv2-desc {\r\n    text-align: left;\r\n    margin-left: 0;\r\n    max-width: 100% !important;\r\n    width: 100%;\r\n    overflow-wrap: break-word;\r\n  }\r\n  .sv2-title {\r\n    font-size: clamp(34px, 10vw, 48px);\r\n    letter-spacing: -1px;\r\n  }\r\n  .sv2-cards {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n  }\r\n  .sv2-card-img {\r\n    height: 220px;\r\n  }\r\n  .sv2-card-body {\r\n    padding: 20px 20px 24px;\r\n  }\r\n  .sv2-card-title {\r\n    font-size: 20px;\r\n  }\r\n  .sv2-card-desc {\r\n    font-size: 13px;\r\n  }\r\n}\r\n\r\n@media (max-width: 400px) {\r\n  .sv2-card-img {\r\n    height: 190px;\r\n  }\r\n  .sv2-card-title {\r\n    font-size: 18px;\r\n  }\r\n}\r\n\r\n.cs-root{\r\n  width:100%;\r\n  font-family:'DM Sans',sans-serif;\r\n  padding:96px 7%;\r\n}\r\n\r\n.cs-head{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:48px;\r\n  align-items:end;\r\n  margin-bottom:56px;\r\n}\r\n.cs-label{\r\n  display:inline-flex;align-items:center;gap:10px;\r\n  font-size:11px;font-weight:500;\r\n  letter-spacing:3.5px;text-transform:uppercase;\r\n  color:#63ab2b;margin-bottom:14px;\r\n}\r\n.cs-label::before{content:'';width:24px;height:2px;background:#63ab2b;flex-shrink:0;}\r\n.cs-title{\r\n  font-size:clamp(32px,3.8vw,52px);\r\n  font-weight:800;line-height:1.0;\r\n  letter-spacing:-2px;color:#111;\r\n}\r\n.cs-title span{color:#63ab2b;}\r\n.cs-subtitle{\r\n  font-size:15px;font-weight:300;\r\n  color:#777;line-height:1.75;\r\n  align-self:end;\r\n  text-align:right;\r\n}\r\n\r\n.cs-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(5,1fr);\r\n  gap:15px;\r\n}\r\n\r\n.cs-card{\r\n  position:relative;\r\n  overflow:hidden;\r\n  background:#fff;\r\n  border-radius:0;\r\n  display:flex;\r\n  flex-direction:column;\r\n  box-shadow:0 4px 20px rgba(0,0,0,.07);\r\n  opacity:1;\r\n  transform:translateY(24px);\r\n  transition:opacity .6s ease, transform .6s ease, box-shadow .4s ease;\r\n}\r\n.cs-card.on{opacity:1;transform:translateY(0);}\r\n.cs-card:nth-child(1){transition-delay:.05s;}\r\n.cs-card:nth-child(2){transition-delay:.18s;}\r\n.cs-card:nth-child(3){transition-delay:.31s;}\r\n.cs-card:nth-child(4){transition-delay:.44s;}\r\n\r\n.cs-card:hover{\r\n  box-shadow:0 24px 56px rgba(0,0,0,.16), 0 6px 18px rgba(0,0,0,.08);\r\n}\r\n.cs-card.on:hover{transform:translateY(-5px);}\r\n\r\n.cs-card-img{\r\n  width:100%;\r\n  height:180px;\r\n  overflow:hidden;\r\n  position:relative;\r\n  flex-shrink:0;\r\n  display:flex;\r\n}\r\n.cs-card-icon{\r\n  width:38%;\r\n  flex-shrink:0;\r\n  background:#63ab2b;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.cs-card-icon::before{\r\n  content:'';\r\n  position:absolute;\r\n  inset:0;\r\n  background:repeating-linear-gradient(\r\n    45deg,\r\n    rgba(255,255,255,.04) 0px,\r\n    rgba(255,255,255,.04) 1px,\r\n    transparent 1px,\r\n    transparent 8px\r\n  );\r\n}\r\n.cs-card-icon svg{\r\n  width:60px;height:60px;\r\n  stroke:#fff;\r\n  stroke-width:1.4;\r\n  fill:none;\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n\r\n.cs-card-photo{\r\n  flex:1;\r\n  overflow:hidden;\r\n  position:relative;\r\n}\r\n.cs-card-photo img{\r\n  width:100%;height:100%;\r\n  object-fit:cover;display:block;\r\n  transition:transform .7s ease;\r\n}\r\n.cs-card:hover .cs-card-photo img{transform:scale(1.08);}\r\n\r\n.cs-card-photo::after{\r\n  content:'';\r\n  position:absolute;\r\n  top:0;left:-80%;width:50%;height:100%;\r\n  background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.35) 50%,rgba(255,255,255,0) 100%);\r\n  transform:skewX(-20deg);\r\n  transition:left .7s ease;\r\n  z-index:3;pointer-events:none;\r\n}\r\n.cs-card:hover .cs-card-photo::after{left:130%;}\r\n\r\n.cs-card-body{\r\n  padding:24px 22px 28px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  flex:1;\r\n  border-top:3px solid transparent;\r\n  transition:border-color .3s;\r\n  position:relative;\r\n}\r\n.cs-card:hover .cs-card-body{border-top-color:#63ab2b;}\r\n\r\n.cs-card-watermark{\r\n  position:absolute;\r\n  bottom:-10px;right:14px;\r\n  font-size:80px;font-weight:800;\r\n  color:rgba(99,171,43,.05);\r\n  letter-spacing:-4px;line-height:1;\r\n  pointer-events:none;user-select:none;\r\n}\r\n\r\n.cs-card-num{\r\n  font-size:11px;font-weight:700;\r\n  letter-spacing:3px;color:#63ab2b;\r\n  margin-bottom:10px;\r\n}\r\n\r\n.cs-card-title{\r\n  font-size:16px;font-weight:700;\r\n  color:#111;line-height:1.3;\r\n  letter-spacing:-0.4px;\r\n  margin-bottom:10px;\r\n  transition:color .3s;\r\n}\r\n.cs-card:hover .cs-card-title{color:#63ab2b;}\r\n\r\n.cs-card-desc{\r\n  font-size:13px;font-weight:300;\r\n  color:#888;line-height:1.75;\r\n}\r\n\r\n.cs-card-divider{\r\n  height:1px;\r\n  background:#ebebeb;\r\n  margin:20px 0 0;\r\n}\r\n\r\n@media(max-width:900px){\r\n  .cs-head{grid-template-columns:1fr;}\r\n  .cs-grid{grid-template-columns:repeat(2,1fr);}\r\n}\r\n@media(max-width:560px){\r\n  .cs-root{padding:64px 6%;}\r\n  .cs-grid{grid-template-columns:1fr;}\r\n  .cs-card-img{height:160px;}\r\n}\r\n\r\n.mq-root{\r\n  width:100%;\r\n  font-family:'DM Sans',sans-serif;\r\n  padding:72px 0 64px;\r\n  overflow:hidden;\r\n}\r\n\r\n.mq-head{\r\n  text-align:center;\r\n  margin-bottom:48px;\r\n  padding:0 7%;\r\n}\r\n\r\n.mq-label{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  font-size:11px;\r\n  font-weight:500;\r\n  letter-spacing:3.5px;\r\n  text-transform:uppercase;\r\n  color:#63ab2b;\r\n  margin-bottom:14px;\r\n  justify-content:center;\r\n}\r\n.mq-label::before{content:'';width:24px;height:2px;background:#63ab2b;flex-shrink:0;}\r\n.mq-label::after{content:'';width:24px;height:2px;background:#63ab2b;flex-shrink:0;}\r\n\r\n.mq-title{\r\n  font-size:clamp(28px,3vw,42px);\r\n  font-weight:800;\r\n  letter-spacing:-1.5px;\r\n  color:#111;\r\n  line-height:1;\r\n}\r\n.mq-title span{color:#63ab2b;}\r\n\r\n.mq-rows{\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:0;\r\n}\r\n\r\n.mq-row{\r\n  position:relative;\r\n  overflow:hidden;\r\n  border-bottom:1px solid rgba(0,0,0,.06);\r\n  padding:0;\r\n}\r\n\r\n.mq-row::before,\r\n.mq-row::after{\r\n  content:'';\r\n  position:absolute;\r\n  top:0;bottom:0;\r\n  width:160px;\r\n  z-index:2;\r\n  pointer-events:none;\r\n}\r\n.mq-row::before{\r\n  left:0;\r\n  background:linear-gradient(90deg,#f4f4f0 0%,rgba(244,244,240,0) 100%);\r\n}\r\n.mq-row::after{\r\n  right:0;\r\n  background:linear-gradient(270deg,#f4f4f0 0%,rgba(244,244,240,0) 100%);\r\n}\r\n\r\n.mq-track{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:0;\r\n  width:max-content;\r\n}\r\n.mq-track.fwd{\r\n  animation:mq-scroll-fwd 32s linear infinite;\r\n}\r\n.mq-track.rev{\r\n  animation:mq-scroll-rev 36s linear infinite;\r\n}\r\n.mq-track:hover{\r\n  animation-play-state:paused;\r\n}\r\n\r\n@keyframes mq-scroll-fwd{\r\n  0%{transform:translateX(0);}\r\n  100%{transform:translateX(-50%);}\r\n}\r\n@keyframes mq-scroll-rev{\r\n  0%{transform:translateX(-50%);}\r\n  100%{transform:translateX(0);}\r\n}\r\n\r\n.mq-card{\r\n  min-width:220px;\r\n  height:140px;\r\n  background:#fff;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding:20px 32px;\r\n  border-right:1px solid rgba(0,0,0,.05);\r\n  flex-shrink:0;\r\n  transition:background .3s;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.mq-card:hover{\r\n  background:#f5faf0;\r\n}\r\n\r\n.mq-card::after{\r\n  content:'';\r\n  position:absolute;\r\n  bottom:0;left:0;right:0;\r\n  height:2px;\r\n  background:#63ab2b;\r\n  transform:scaleX(0);\r\n  transform-origin:left;\r\n  transition:transform .35s ease;\r\n}\r\n.mq-card:hover::after{transform:scaleX(1);}\r\n\r\n.mq-card img{\r\n  max-height:100px;\r\n  max-width:180px;\r\n  width:auto;\r\n  height:auto;\r\n  object-fit:contain;\r\n  filter:none;\r\n  transition:transform .3s;\r\n}\r\n.mq-card:hover img{\r\n  transform:scale(1.06);\r\n}\r\n\r\n.me-head{\r\n  width:100%;\r\n  font-family:'DM Sans',sans-serif;\r\n  padding:80px 7% 40px;\r\n}\r\n\r\n.me-inner{\r\n  display:flex;\r\n  align-items:flex-end;\r\n  justify-content:space-between;\r\n  gap:32px;\r\n  flex-wrap:wrap;\r\n  max-width:1400px;\r\n  margin:0 auto;\r\n  padding-bottom: 0;\r\n}\r\n\r\n.me-label{\r\n  display:inline-flex;align-items:center;gap:10px;\r\n  font-size:11px;font-weight:500;\r\n  letter-spacing:3.5px;text-transform:uppercase;\r\n  color:#63ab2b;margin-bottom:14px;\r\n}\r\n.me-label::before{content:'';width:24px;height:2px;background:#63ab2b;flex-shrink:0;}\r\n\r\n.me-title{\r\n  font-size:clamp(32px,3.8vw,52px);\r\n  font-weight:800;line-height:1.0;\r\n  letter-spacing:-2px;color:#111;\r\n  margin:0;\r\n}\r\n.me-title span{color:#63ab2b;}\r\n\r\n.me-right{\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:flex-end;\r\n  gap:16px;\r\n}\r\n\r\n.me-desc{\r\n  font-size:15px;font-weight:300;\r\n  color:#777;line-height:1.7;\r\n  max-width:360px;\r\n  text-align:right;\r\n}\r\n\r\n.me-count{\r\n  display:inline-flex;align-items:center;gap:10px;\r\n  font-size:11px;font-weight:600;\r\n  letter-spacing:2px;text-transform:uppercase;\r\n  color:#63ab2b;\r\n}\r\n.me-count::before{\r\n  content:'';\r\n  width:8px;height:8px;\r\n  background:#63ab2b;\r\n  border-radius:50%;\r\n  animation:me-blink 1.5s ease-in-out infinite;\r\n}\r\n@keyframes me-blink{\r\n  0%,100%{opacity:1;}\r\n  50%{opacity:.3;}\r\n}\r\n\r\n@media(max-width:768px){\r\n  .me-head{padding:56px 6% 32px;}\r\n  .me-inner{flex-direction:column;align-items:flex-start;}\r\n  .me-right{align-items:flex-start;}\r\n  .me-desc{text-align:left;}\r\n}\r\n\r\n.vg2-root {\r\n  width: 100%;\r\n  font-family: 'DM Sans', sans-serif;\r\n  padding: 96px 7%;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.vg2-inner {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.6fr;\r\n  gap: 72px;\r\n  align-items: center;\r\n}\r\n\r\n.vg2-left {}\r\n\r\n.vg2-label {\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n  font-size: 10px; font-weight: 700;\r\n  letter-spacing: 3.5px; text-transform: uppercase;\r\n  color: #63ab2b; margin-bottom: 18px;\r\n}\r\n.vg2-label::before { content: ''; width: 26px; height: 2px; background: #63ab2b; flex-shrink: 0; }\r\n\r\n.vg2-title {\r\n  font-size: clamp(32px, 3.6vw, 52px);\r\n  font-weight: 800; line-height: .95;\r\n  letter-spacing: -2.5px; color: #111;\r\n  margin-bottom: 24px;\r\n}\r\n.vg2-title span { color: #63ab2b; }\r\n\r\n.vg2-rule { width: 40px; height: 2px; background: #63ab2b; margin-bottom: 22px; }\r\n\r\n.vg2-desc {\r\n  font-size: 14px; font-weight: 300;\r\n  color: #777; line-height: 1.9;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.vg2-btn {\r\n  display: inline-flex; align-items: center; gap: 14px;\r\n  font-size: 10px; font-weight: 700;\r\n  letter-spacing: 3px; text-transform: uppercase;\r\n  text-decoration: none; color: #fff;\r\n  background: #111; padding: 15px 28px;\r\n  transition: background .3s;\r\n}\r\n.vg2-btn:hover { background: #63ab2b; }\r\n.vg2-btn svg {\r\n  width: 13px; height: 13px;\r\n  stroke: currentColor; fill: none;\r\n  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\r\n  transition: transform .3s;\r\n}\r\n.vg2-btn:hover svg { transform: translateX(4px); }\r\n\r\n.vg2-right { position: relative; }\r\n\r\n.vg2-video-wrap {\r\n  position: relative;\r\n  width: 100%;\r\n  padding-bottom: 56.25%;\r\n  background: #111;\r\n  overflow: hidden;\r\n}\r\n\r\n.vg2-video-wrap iframe {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%; height: 100%;\r\n  border: none;\r\n  display: block;\r\n}\r\n\r\n.vg2-thumb {\r\n  position: absolute;\r\n  inset: 0;\r\n  cursor: pointer;\r\n  z-index: 2;\r\n  overflow: hidden;\r\n}\r\n.vg2-thumb img {\r\n  width: 100%; height: 100%;\r\n  object-fit: cover; display: block;\r\n  transition: transform .6s ease, filter .4s;\r\n}\r\n.vg2-thumb:hover img {\r\n  transform: scale(1.03);\r\n  filter: brightness(.85);\r\n}\r\n\r\n.vg2-thumb::before {\r\n  content: '';\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(to top, rgba(0,0,0,.6) 0%, rgba(0,0,0,.1) 60%);\r\n  z-index: 1;\r\n}\r\n\r\n.vg2-play {\r\n  position: absolute;\r\n  top: 50%; left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 72px; height: 72px;\r\n  background: #63ab2b;\r\n  border-radius: 50%;\r\n  display: flex; align-items: center; justify-content: center;\r\n  z-index: 3;\r\n  transition: transform .3s, background .3s;\r\n  box-shadow: 0 8px 32px rgba(99,171,43,.4);\r\n}\r\n.vg2-thumb:hover .vg2-play {\r\n  transform: translate(-50%, -50%) scale(1.1);\r\n  background: #4d8a22;\r\n}\r\n.vg2-play svg {\r\n  width: 24px; height: 24px;\r\n  fill: #fff;\r\n  margin-left: 4px;\r\n}\r\n\r\n.vg2-video-meta {\r\n  background: #fff;\r\n  border-left: 3px solid #63ab2b;\r\n  padding: 16px 20px;\r\n  margin-top: 3px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 16px;\r\n}\r\n.vg2-video-title {\r\n  font-size: 13px; font-weight: 600;\r\n  color: #111; letter-spacing: -.2px;\r\n}\r\n.vg2-video-tag {\r\n  font-size: 9px; font-weight: 700;\r\n  letter-spacing: 2.5px; text-transform: uppercase;\r\n  color: #63ab2b; flex-shrink: 0;\r\n}\r\n\r\n.vg2-reveal {\r\n  opacity: 0; transform: translateY(20px);\r\n  transition: opacity .6s, transform .6s;\r\n}\r\n.vg2-reveal.on { opacity: 1; transform: translateY(0); }\r\n.vg2-reveal:nth-child(1) { transition-delay: .05s; }\r\n.vg2-reveal:nth-child(2) { transition-delay: .15s; }\r\n.vg2-reveal:nth-child(3) { transition-delay: .25s; }\r\n.vg2-reveal:nth-child(4) { transition-delay: .35s; }\r\n\r\n.vg2-right-reveal {\r\n  opacity: 0; transform: translateX(24px);\r\n  transition: opacity .7s, transform .7s;\r\n  transition-delay: .2s;\r\n}\r\n.vg2-right-reveal.on { opacity: 1; transform: translateX(0); }\r\n\r\n@media (max-width: 900px) {\r\n  .vg2-inner { grid-template-columns: 1fr; gap: 48px; }\r\n  .vg2-right-reveal { transform: translateY(20px); }\r\n}\r\n@media (max-width: 560px) {\r\n  .vg2-root { padding: 64px 6%; }\r\n  .vg2-play { width: 56px; height: 56px; }\r\n}\r\n\r\n.blog-head {\r\n  text-align: center;\r\n  margin-bottom: 48px;\r\n  padding: 0 7%;\r\n}\r\n\r\n.blog-label {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n  letter-spacing: 3.5px;\r\n  text-transform: uppercase;\r\n  color: #63ab2b;\r\n  margin-bottom: 14px;\r\n  justify-content: center;\r\n}\r\n.blog-label::before { content: ''; width: 24px; height: 2px; background: #63ab2b; flex-shrink: 0; }\r\n.blog-label::after  { content: ''; width: 24px; height: 2px; background: #63ab2b; flex-shrink: 0; }\r\n\r\n.blog-title {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: clamp(28px, 3vw, 42px);\r\n  font-weight: 800;\r\n  letter-spacing: -1.5px;\r\n  color: #111;\r\n  line-height: 1;\r\n}\r\n.blog-title span { color: #63ab2b; }\r\n\r\n.hfe-posts-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  padding: 0;\r\n}\r\n\r\n.hfe-post-card {\r\n  background: #fff;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-shadow: 0 4px 20px rgba(0,0,0,.07);\r\n  overflow: hidden;\r\n  transition: box-shadow .4s ease, transform .4s ease;\r\n  position: relative;\r\n}\r\n.hfe-post-card:hover {\r\n  box-shadow: 0 24px 56px rgba(0,0,0,.16), 0 6px 18px rgba(0,0,0,.08);\r\n  transform: translateY(-5px);\r\n}\r\n\r\n.hfe-post-image {\r\n  overflow: hidden;\r\n  position: relative;\r\n  height: 220px;\r\n  flex-shrink: 0;\r\n}\r\n.hfe-post-image a {\r\n  display: block;\r\n  height: 100%;\r\n}\r\n.hfe-post-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform .7s ease;\r\n}\r\n.hfe-post-card:hover .hfe-post-image img {\r\n  transform: scale(1.07);\r\n}\r\n\r\n.hfe-post-image::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: -80%; width: 50%; height: 100%;\r\n  background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.35) 50%, rgba(255,255,255,0) 100%);\r\n  transform: skewX(-20deg);\r\n  transition: left .7s ease;\r\n  z-index: 3;\r\n  pointer-events: none;\r\n}\r\n.hfe-post-card:hover .hfe-post-image::after {\r\n  left: 130%;\r\n}\r\n\r\n.hfe-post-content {\r\n  padding: 24px 24px 28px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n  border-top: 3px solid transparent;\r\n  transition: border-color .3s;\r\n  position: relative;\r\n}\r\n.hfe-post-card:hover .hfe-post-content {\r\n  border-top-color: #63ab2b;\r\n}\r\n\r\n.hfe-post-meta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  font-size: 10px;\r\n  font-weight: 500;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 10px;\r\n}\r\n.hfe-post-date,\r\n.hfe-post-author {\r\n  color: #63ab2b;\r\n}\r\n.hfe-meta-separator {\r\n  color: #ccc;\r\n  font-weight: 300;\r\n}\r\n\r\n.hfe-post-title {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 17px;\r\n  font-weight: 700;\r\n  line-height: 1.3;\r\n  letter-spacing: -0.4px;\r\n  margin: 0 0 12px;\r\n}\r\n.hfe-post-title a {\r\n  text-decoration: none;\r\n  color: #111;\r\n  transition: color .3s;\r\n}\r\n.hfe-post-card:hover .hfe-post-title a {\r\n  color: #63ab2b;\r\n}\r\n\r\n.hfe-post-excerpt {\r\n  font-size: 13px;\r\n  font-weight: 300;\r\n  color: #888;\r\n  line-height: 1.75;\r\n  flex: 1;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.hfe-post-content::before {\r\n  content: '';\r\n  display: block;\r\n  height: 1px;\r\n  background: #ebebeb;\r\n  margin-bottom: 18px;\r\n  order: 10;\r\n}\r\n\r\n.hfe-read-more {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  text-decoration: none;\r\n  color: #111;\r\n  transition: color .3s;\r\n  order: 11;\r\n  width: fit-content;\r\n  border-bottom: 2px solid #63ab2b;\r\n  padding-bottom: 4px;\r\n}\r\n.hfe-read-more::after {\r\n  display: none;\r\n}\r\n.hfe-post-card:hover .hfe-read-more {\r\n  color: #63ab2b;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .hfe-posts-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 560px) {\r\n  .hfe-posts-grid { grid-template-columns: 1fr; }\r\n  .hfe-post-image { height: 180px; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .hfe-posts-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n    margin-left: 20px;\r\n    margin-right: 20px;\r\n  }\r\n  .hfe-post-title {\r\n    font-size: 18px;\r\n  }\r\n  .hfe-post-excerpt {\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n  }\r\n  .hfe-read-more {\r\n    margin-top: 10px;\r\n    display: inline-block;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .hfe-posts-grid {\r\n    gap: 15px;\r\n  }\r\n  .hfe-post-title {\r\n    font-size: 16px;\r\n  }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9702d06 elementor-widget elementor-widget-html\" data-id=\"9702d06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- PRELOAD -->\r\n<link rel=\"preload\" as=\"image\" href=\"https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/08\/packaging-3.png\">\r\n<link rel=\"preload\" as=\"image\" href=\"https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/08\/lashing-banner.png\">\r\n<link rel=\"preload\" as=\"image\" href=\"https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/10\/lifting.png\">\r\n<link rel=\"preload\" as=\"image\" href=\"https:\/\/orchidin.com\/wp-content\/uploads\/2026\/04\/New-Banners-1V4.png\">\r\n<link rel=\"preload\" as=\"image\" href=\"https:\/\/orchidin.com\/wp-content\/uploads\/2026\/04\/Banner-5.png\">\r\n<link rel=\"preload\" as=\"image\" href=\"https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/08\/trading-banner-1.jpeg\">\r\n<link rel=\"preload\" as=\"image\" href=\"https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/08\/Warehousing_V-01.png\">\r\n\r\n<div class=\"sl-root\" id=\"slRoot\">\r\n\r\n  <!-- Slide 1 -->\r\n  <div class=\"sl-slide active\">\r\n    <div class=\"sl-bg\"\r\n       data-img-desktop=\"https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/08\/packaging-3.png\"\r\n       data-img-mobile=\"https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/08\/packaging-mobile-1.png\"\r\n       style=\"background-image:url('https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/08\/packaging-3.png')\">\r\n    <\/div>\r\n    <div class=\"sl-overlay\"><\/div>\r\n    <div class=\"sl-left\">\r\n      <div class=\"sl-tag\">Packaging<\/div>\r\n      <h1 class=\"sl-title\">Pack<em>Your Cargo<br><\/em>Against Damage<\/h1>\r\n      <!--<p class=\"sl-desc\">Seamless reach delivering your supply chain success.<\/p>-->\r\n      <!--<a href=\"https:\/\/orchidin.com\/get-your-freight-quote\/\" class=\"sl-btn\">Get a Freight Quote<\/a>-->\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Slide 2 -->\r\n  <div class=\"sl-slide\">\r\n    <div class=\"sl-bg\"\r\n       data-img-desktop=\"https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/08\/lashing-banner.png\"\r\n       data-img-mobile=\"https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/08\/mobile-lashing.png\"\r\n       style=\"background-image:url('https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/08\/lashing-banner.png')\"><\/div>\r\n    <div class=\"sl-overlay\"><\/div>\r\n    <div class=\"sl-left\">\r\n      <div class=\"sl-tag\">Lashing<\/div>\r\n      <h1 class=\"sl-title\">Lash Out<br><em>Against<\/em><br>Unruly Cargo<\/h1>\r\n      <!--<p class=\"sl-desc\">Smiling teams ensuring every shipment shines.<\/p>-->\r\n      <!--<a href=\"https:\/\/orchidin.com\/get-your-freight-quote\/\" class=\"sl-btn\">Get a Freight Quote<\/a>-->\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Slide 3 -->\r\n  <div class=\"sl-slide\">\r\n    <div class=\"sl-bg\"\r\n       data-img-desktop=\"https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/10\/lifting.png\"\r\n       data-img-mobile=\"https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/10\/lifting-mobile.png\"\r\n       style=\"background-image:url('https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/10\/lifting.png')\"><\/div>\r\n    <div class=\"sl-overlay\"><\/div>\r\n    <div class=\"sl-left\">\r\n      <div class=\"sl-tag\">Lifting<\/div>\r\n      <h1 class=\"sl-title\">Lift <em>Your Cargo<br><\/em>Above The Ordinary<\/h1>\r\n      <!--<p class=\"sl-desc\">OOG\/break bulk masters turning complex into simple.<\/p>-->\r\n      <!--<a href=\"https:\/\/orchidin.com\/get-your-freight-quote\/\" class=\"sl-btn\">Get a Freight Quote<\/a>-->\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Slide 4 -->\r\n  <div class=\"sl-slide\">\r\n    <div class=\"sl-bg\"\r\n       data-img-desktop=\"https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/08\/trading-banner-1.jpeg\"\r\n       data-img-mobile=\"https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/08\/trading-mobile-banner.jpeg\"\r\n       style=\"background-image:url('https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/08\/trading-banner-1.jpeg')\"><\/div>\r\n    <div class=\"sl-overlay\"><\/div>\r\n    <div class=\"sl-left\">\r\n      <div class=\"sl-tag\">Trading<\/div>\r\n      <h1 class=\"sl-title\">Trade <em>Cargo<br><\/em>With Precision<\/h1>\r\n      <!--<p class=\"sl-desc\">Engineered Excellence, Delivered with Joy.<\/p>-->\r\n      <!--<a href=\"https:\/\/orchidin.com\/get-your-freight-quote\/\" class=\"sl-btn\">Get a Freight Quote<\/a>-->\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Slide 5 -->\r\n  <div class=\"sl-slide\">\r\n    <div class=\"sl-bg\"\r\n       data-img-desktop=\"https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/08\/Warehousing_V-01.png\"\r\n       data-img-mobile=\"https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/08\/Warehousing-Mobile_V-01.png\"\r\n       style=\"background-image:url('https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/08\/Warehousing_V-01.png')\"><\/div>\r\n    <div class=\"sl-overlay\"><\/div>\r\n    <div class=\"sl-left\">\r\n      <div class=\"sl-tag\">Warehousing<\/div>\r\n      <h1 class=\"sl-title\">Secure Storage,<br><em>Total Control<\/em><\/h1>\r\n      <!--<p class=\"sl-desc\">Connecting the World, Streamlining Logistics.<\/p>-->\r\n      <!--<a href=\"https:\/\/orchidin.com\/get-your-freight-quote\/\" class=\"sl-btn\">Get a Freight Quote<\/a>-->\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Slide 6 -->\r\n  <!--<div class=\"sl-slide\">-->\r\n  <!--  <div class=\"sl-bg\"-->\r\n  <!--     data-img-desktop=\"https:\/\/orchidin.com\/wp-content\/uploads\/2026\/04\/Banner-6.png\"-->\r\n  <!--     data-img-mobile=\"https:\/\/orchidin.com\/wp-content\/uploads\/2026\/04\/New-banner-6.png\"-->\r\n  <!--     style=\"background-image:url('https:\/\/orchidin.com\/wp-content\/uploads\/2026\/04\/Banner-6.png')\"><\/div>-->\r\n  <!--  <div class=\"sl-overlay\"><\/div>-->\r\n  <!--  <div class=\"sl-left\">-->\r\n  <!--    <div class=\"sl-tag\">Project Cargo<\/div>-->\r\n  <!--    <h1 class=\"sl-title\">Project<br><em>Pioneers<\/em><br>Forever<\/h1>-->\r\n  <!--    <p class=\"sl-desc\">Turn Towering Challenges into Easy Wins.<\/p>-->\r\n  <!--    <a href=\"https:\/\/orchidin.com\/get-your-freight-quote\/\" class=\"sl-btn\">Get a Freight Quote<\/a>-->\r\n  <!--  <\/div>-->\r\n  <!--<\/div>-->\r\n\r\n  <!-- Slide 7 -->\r\n  <!--<div class=\"sl-slide\">-->\r\n  <!--  <div class=\"sl-bg\"-->\r\n  <!--     data-img-desktop=\"https:\/\/orchidin.com\/wp-content\/uploads\/2026\/04\/New-Banners-7-V2.png\"-->\r\n  <!--     data-img-mobile=\"https:\/\/orchidin.com\/wp-content\/uploads\/2026\/04\/Banner-7-mobile-V2.png\"-->\r\n  <!--     style=\"background-image:url('https:\/\/orchidin.com\/wp-content\/uploads\/2026\/04\/New-Banners-7-V2.png')\"><\/div>-->\r\n  <!--  <div class=\"sl-overlay\"><\/div>-->\r\n  <!--  <div class=\"sl-left\">-->\r\n  <!--    <div class=\"sl-tag\">Air & Ocean<\/div>-->\r\n  <!--    <h1 class=\"sl-title\">Air & Ocean<br><em>Mastery<\/em><br>24\/7<\/h1>-->\r\n  <!--    <p class=\"sl-desc\">24\/7 Door-to-Door Speed, Zero Delays.<\/p>-->\r\n  <!--    <a href=\"https:\/\/orchidin.com\/get-your-freight-quote\/\" class=\"sl-btn\">Get a Freight Quote<\/a>-->\r\n  <!--  <\/div>-->\r\n  <!--<\/div>-->\r\n\r\n  <!-- BOTTOM CONTROLS -->\r\n  <div class=\"sl-bottom\">\r\n    <div class=\"sl-dots\" id=\"slDots\"><\/div>\r\n    <div class=\"sl-progress\"><div class=\"sl-pfill\" id=\"slFill\"><\/div><\/div>\r\n    <div class=\"sl-count\"><b id=\"slCur\">01<\/b> \/ 05<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"sl-navs\">\r\n    <button class=\"sl-nav\" onclick=\"sl.prev()\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <path d=\"M19 12H5M11 6l-6 6 6 6\"\/>\r\n      <\/svg>\r\n    <\/button>\r\n    <button class=\"sl-nav\" onclick=\"sl.next()\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n      <\/svg>\r\n    <\/button>\r\n  <\/div>\r\n\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1562216 e-con-full e-flex rt-parallax-bg-no e-con e-parent\" data-id=\"1562216\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a7d117 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3a7d117\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ab7-root\" id=\"ab7Root\">\r\n  <div class=\"ab7-wrap\">\r\n\r\n    <div class=\"ab7-left\">\r\n      <div class=\"ab7-anim ab7-label\">About Us<\/div>\r\n      <h2 class=\"ab7-anim ab7-title\">Ceekay<br><span>Multi Services<\/span><\/h2>\r\n      <p class=\"ab7-anim ab7-desc\">Ceekay Multiservices (CMS) is a trusted provider of packaging, lashing, cargo securing, lifting, and storage solutions for project, industrial, offshore, and heavy cargo clients across the Middle East and India. <br>CMS operates from its owned facility in Jebel Ali Free Zone South, Dubai, developed as an integrated operational hub to support end-to-end cargo handling requirements under one roof. In India, CMS also operates from its facility at Jasai, near JNPT, strategically located to support industrial packaging, cargo securing, lashing, storage, and project logistics requirements.<\/p>\r\n      <div class=\"ab7-anim ab7-bottom-row\">\r\n        <a href=\"https:\/\/perspectiwitty.in\/cms\/ceekay-multiservices\/\" class=\"ab7-btn\">Read More<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ab7-right\">\r\n\r\n      <div class=\"ab7-img1\" id=\"ab7Img1\">\r\n        <div class=\"ab7-img1-bar\"><\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/08\/about-cms.png\" alt=\"Orchid Shipping\">\r\n      <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed4158f e-con-full e-flex rt-parallax-bg-no e-con e-parent\" data-id=\"ed4158f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51b4ddd elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"51b4ddd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"gb-section\">\r\n  <div class=\"gb-left\">\r\n    <div class=\"gb-eyebrow\"><span class=\"gb-eyebrow-dash\"><\/span>OUR SERVICES<\/div>\r\n    <h2 class=\"gb-title\">Our<br><span>Solutions<\/span><\/h2>\r\n    <div class=\"gb-left-divider\"><\/div>\r\n    <p class=\"gb-desc\">Our fleet serves key clients such as the Indian Navy, oil and gas exploration companies, and their EPC contractors across India and the Middle East.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"gb-right\">\r\n\r\n    <div class=\"gb-card gb-active\" data-gb-card>\r\n      <button class=\"gb-card-header\" data-gb-toggle>\r\n        <h3 class=\"gb-card-title\">Industrial & Project Cargo Packaging<\/h3>\r\n        <span class=\"gb-chevron\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n        <\/span>\r\n      <\/button>\r\n\r\n      <div class=\"gb-card-panel\" data-gb-panel>\r\n        <div class=\"gb-card-panel-inner\">\r\n          <div class=\"gb-card-text\">\r\n            <p class=\"gb-card-desc\">Cargo moving across global supply chains faces multiple risks such as moisture, vibration, temperature fluctuations, contamination, and handling damage.<\/p>\r\n            <div class=\"gb-cta-row\">\r\n              <a href=\"https:\/\/perspectiwitty.in\/cms\/industrial-project-cargo-packaging\/\" class=\"gb-btn\">Know More<\/a>\r\n              <a href=\"https:\/\/perspectiwitty.in\/cms\/industrial-project-cargo-packaging\/\" class=\"gb-arrow\" aria-label=\"Learn more\">\u2192<\/a>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"gb-card-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/07\/Industrial-Project-Cargo-Packaging-2.png\" alt=\"Industrial & Project Cargo Packaging\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gb-card\" data-gb-card>\r\n      <button class=\"gb-card-header\" data-gb-toggle>\r\n        <h3 class=\"gb-card-title\">Cargo Lashing & Engineered Securing<\/h3>\r\n        <span class=\"gb-chevron\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n        <\/span>\r\n      <\/button>\r\n\r\n      <div class=\"gb-card-panel\" data-gb-panel>\r\n        <div class=\"gb-card-panel-inner\">\r\n          <div class=\"gb-card-text\">\r\n            <p class=\"gb-card-desc\">Safe transportation of industrial cargo requires precise securing methods to prevent shifting, vibration, or damage during transit.<\/p>\r\n            <div class=\"gb-cta-row\">\r\n              <a href=\"https:\/\/perspectiwitty.in\/cms\/cargo-lashing-engineered-securing\/\" class=\"gb-btn\">Know More<\/a>\r\n              <a href=\"https:\/\/perspectiwitty.in\/cms\/cargo-lashing-engineered-securing\/\" class=\"gb-arrow\" aria-label=\"Learn more\">\u2192<\/a>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"gb-card-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/07\/Cargo-Lashing-Engineered-Securing-1.png\" alt=\"Cargo Lashing & Engineered Securing\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gb-card\" data-gb-card>\r\n      <button class=\"gb-card-header\" data-gb-toggle>\r\n        <h3 class=\"gb-card-title\">Specialized Lifting & Cargo Handling<\/h3>\r\n        <span class=\"gb-chevron\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n        <\/span>\r\n      <\/button>\r\n\r\n      <div class=\"gb-card-panel\" data-gb-panel>\r\n        <div class=\"gb-card-panel-inner\">\r\n          <div class=\"gb-card-text\">\r\n            <p class=\"gb-card-desc\">Industrial cargo often requires precise lifting, positioning, and installation at specific locations.<\/p>\r\n            <div class=\"gb-cta-row\">\r\n              <a href=\"https:\/\/perspectiwitty.in\/cms\/specialized-lifting-cargo-handling\/\" class=\"gb-btn\">Know More<\/a>\r\n              <a href=\"https:\/\/perspectiwitty.in\/cms\/specialized-lifting-cargo-handling\/\" class=\"gb-arrow\" aria-label=\"Learn more\">\u2192<\/a>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"gb-card-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/07\/Specialized-Lifting-Cargo-Handling-1.png\" alt=\"Specialized Lifting & Cargo Handling\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gb-card\" data-gb-card>\r\n      <button class=\"gb-card-header\" data-gb-toggle>\r\n        <h3 class=\"gb-card-title\">Trading Materials<\/h3>\r\n        <span class=\"gb-chevron\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n        <\/span>\r\n      <\/button>\r\n\r\n      <div class=\"gb-card-panel\" data-gb-panel>\r\n        <div class=\"gb-card-panel-inner\">\r\n          <div class=\"gb-card-text\">\r\n            <p class=\"gb-card-desc\">Efficient cargo packaging, securing, and lifting operations require reliable tools and high quality materials.<\/p>\r\n            <div class=\"gb-cta-row\">\r\n              <a href=\"https:\/\/perspectiwitty.in\/cms\/industrial-supplies-for-maritime-logistics\/\" class=\"gb-btn\">Know More<\/a>\r\n              <a href=\"https:\/\/perspectiwitty.in\/cms\/industrial-supplies-for-maritime-logistics\/\" class=\"gb-arrow\" aria-label=\"Learn more\">\u2192<\/a>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"gb-card-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/08\/Trading-Materials-01.png\" alt=\"Industrial Supplies for Maritime & Logistics\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gb-card\" data-gb-card>\r\n      <button class=\"gb-card-header\" data-gb-toggle>\r\n        <h3 class=\"gb-card-title\">Warehousing & Open Yard Storage<\/h3>\r\n        <span class=\"gb-chevron\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n        <\/span>\r\n      <\/button>\r\n\r\n      <div class=\"gb-card-panel\" data-gb-panel>\r\n        <div class=\"gb-card-panel-inner\">\r\n          <div class=\"gb-card-text\">\r\n            <p class=\"gb-card-desc\">At Ceekay Multi Services (CMS), warehousing and storage form an integral part of our integrated logistics solutions.<\/p>\r\n            <div class=\"gb-cta-row\">\r\n              <a href=\"https:\/\/perspectiwitty.in\/cms\/warehousing-open-yard-storage\/\" class=\"gb-btn\">Know More<\/a>\r\n              <a href=\"https:\/\/perspectiwitty.in\/cms\/warehousing-open-yard-storage\/\" class=\"gb-arrow\" aria-label=\"Learn more\">\u2192<\/a>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"gb-card-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/08\/warehouse-open-yard.png\" alt=\"Warehousing & Open Yard Storage\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n<style>\r\n    .gb-section{\r\n  display:flex;\r\n  gap:60px;\r\n  background:#f7f5f2;\r\n  padding:90px 70px;\r\n  align-items:flex-start;\r\n}\r\n\r\n\/* LEFT *\/\r\n.gb-left{ width:28%; flex-shrink:0; padding-top:6px; }\r\n.gb-eyebrow{\r\n  display:flex; align-items:center; gap:14px;\r\n  font-size:13px; font-weight:700; letter-spacing:1.5px;\r\n  color:#63ab2b; margin-bottom:26px;\r\n}\r\n.gb-eyebrow-dash{ width:28px; height:2px; background:#63ab2b; display:inline-block; }\r\n.gb-title{ font-size:56px; font-weight:800; line-height:1.05; color:#111; margin:0 0 28px; }\r\n.gb-title span{ color:#63ab2b; }\r\n.gb-left-divider{ width:90px; height:3px; background:#63ab2b; margin-bottom:26px; }\r\n.gb-desc{ font-size:17px; line-height:1.6; color:#6b6b6b; margin:0; }\r\n\r\n\/* RIGHT - accordion shell *\/\r\n.gb-right{\r\n  flex:1;\r\n  display:flex;\r\n  flex-direction:column;\r\n  overflow:hidden;\r\n  box-shadow:0 12px 40px rgba(0,0,0,0.06);\r\n  background:#ffffff;\r\n  border:1px solid #e8e6e2;\r\n}\r\n.gb-card + .gb-card{ border-top:1px solid #e8e6e2; }\r\n\r\n\/* Header *\/\r\n.gb-card-header{\r\n  width:100%;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:20px;\r\n  background:#ffffff;\r\n  border:none;\r\n  border-left:3px solid transparent;\r\n  cursor:pointer;\r\n  padding:24px 30px;\r\n  text-align:left;\r\n  font:inherit;\r\n  transition:background .2s ease, border-color .2s ease;\r\n}\r\n.gb-card-header:hover{ background:#faf9f7; }\r\n.gb-active .gb-card-header{\r\n  background:#faf9f7;\r\n  border-left-color:#63ab2b;\r\n}\r\n\r\n.gb-card-title{\r\n  font-size:19px;\r\n  font-weight:700;\r\n  color:#161616;\r\n  margin:0;\r\n}\r\n\r\n.gb-chevron{\r\n  width:18px; height:18px; flex-shrink:0;\r\n  color:#b0aeaa;\r\n  transition:transform .3s ease, color .2s ease;\r\n}\r\n.gb-chevron svg{ width:100%; height:100%; }\r\n.gb-active .gb-chevron{ transform:rotate(180deg); color:#63ab2b; }\r\n\r\n\/* Collapsible panel *\/\r\n.gb-card-panel{\r\n  max-height:0;\r\n  overflow:hidden;\r\n  transition:max-height .45s ease;\r\n}\r\n.gb-active .gb-card-panel{ max-height:360px; }\r\n\r\n.gb-card-panel-inner{\r\n  display:flex;\r\n  align-items:stretch;\r\n  border-left:3px solid #63ab2b;\r\n}\r\n.gb-card-text{\r\n  width:38%;\r\n  padding:30px 34px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n}\r\n.gb-card-desc{ font-size:15px; line-height:1.7; color:#5c5c5c; margin:0 0 20px; }\r\n\r\n.gb-cta-row{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:16px;\r\n}\r\n.gb-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  color:#63ab2b;\r\n  font-size:14px;\r\n  font-weight:700;\r\n  letter-spacing:.02em;\r\n  text-decoration:none;\r\n  border-bottom:1px solid transparent;\r\n  transition:border-color .2s ease, color .2s ease;\r\n}\r\n.gb-btn:hover{\r\n  color:#4d8a1f;\r\n  border-bottom-color:#4d8a1f;\r\n}\r\n.gb-arrow{\r\n  align-self:center;\r\n  color:#63ab2b; font-size:20px; font-weight:700;\r\n  text-decoration:none; transition:transform .2s ease;\r\n}\r\n.gb-arrow:hover{ transform:translateX(6px); }\r\n\r\n\/* IMAGE *\/\r\n.gb-card-img{\r\n  width:62%;\r\n  aspect-ratio:16\/7;\r\n  overflow:hidden;\r\n  background:#eee;\r\n}\r\n.gb-card-img img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  object-position:center;\r\n  display:block;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width:900px){\r\n  .gb-section{ flex-direction:column; padding:50px 24px; }\r\n  .gb-left{ width:100%; }\r\n  .gb-card-panel-inner{ flex-direction:column; }\r\n  .gb-card-text{ width:100%; padding:24px; }\r\n  .gb-card-img{ width:100%; aspect-ratio:16\/10; }\r\n  .gb-active .gb-card-panel{ max-height:700px; }\r\n}\r\n<\/style>\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function () {\r\n  var toggles = document.querySelectorAll('[data-gb-toggle]');\r\n\r\n  toggles.forEach(function (btn) {\r\n    btn.addEventListener('click', function () {\r\n      var card = btn.closest('[data-gb-card]');\r\n      var isActive = card.classList.contains('gb-active');\r\n\r\n      document.querySelectorAll('[data-gb-card]').forEach(function (c) {\r\n        c.classList.remove('gb-active');\r\n      });\r\n\r\n      if (!isActive) {\r\n        card.classList.add('gb-active');\r\n      }\r\n    });\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4774aa1 e-con-full e-flex rt-parallax-bg-no e-con e-parent\" data-id=\"4774aa1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3f849e elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e3f849e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"sv2-root\">\r\n\r\n  <div class=\"sv2-top\">\r\n    <div>\r\n      <div class=\"sv2-label\">Sector Coverage<\/div>\r\n      <h2 class=\"sv2-title\">Industries We <span>Serve<\/span><\/h2>\r\n    <\/div>\r\n    <div class=\"sv2-right-top\">\r\n      <p class=\"sv2-desc\">Ceekay Multi Services (CMS) leverages its operational expertise and industry knowledge to deliver efficient and customized cargo handling solutions across a wide range of sectors. Our specialized services support industries that require precision, safety, and reliability in handling complex and high-value cargo.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"sv2-cards\">\r\n\r\n    <div class=\"sv2-card\">\r\n      <div class=\"sv2-card-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/07\/Oil-Gas-01.png\" alt=\"Oil & Gas\">\r\n      <\/div>\r\n      <div class=\"sv2-card-body\">\r\n        <div class=\"sv2-card-title\">Oil &amp; Gas<\/div>\r\n        <div class=\"sv2-card-desc\">Handling of rig components, pipelines and drilling equipment under strict safety protocols.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sv2-card\">\r\n      <div class=\"sv2-card-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/08\/trading-homepage.png\" alt=\"Power & Energy\">\r\n      <\/div>\r\n      <div class=\"sv2-card-body\">\r\n        <div class=\"sv2-card-title\">Power &amp; Energy<\/div>\r\n        <div class=\"sv2-card-desc\">Movement of turbines, transformers and generation equipment for critical infrastructure.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sv2-card\">\r\n      <div class=\"sv2-card-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/07\/Marine-Manufacturing-01.png\" alt=\"Marine & Manufacturing\">\r\n      <\/div>\r\n      <div class=\"sv2-card-body\">\r\n        <div class=\"sv2-card-title\">Marine &amp; Manufacturing<\/div>\r\n        <div class=\"sv2-card-desc\">Port-side and factory-floor cargo movement for shipbuilding and production units.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sv2-card\">\r\n      <div class=\"sv2-card-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/07\/Aerospace-Defense-01.png\" alt=\"Aerospace & Defense\">\r\n      <\/div>\r\n      <div class=\"sv2-card-body\">\r\n        <div class=\"sv2-card-title\">Aerospace &amp; Defense<\/div>\r\n        <div class=\"sv2-card-desc\">Precision handling of sensitive, high-value components under controlled conditions.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sv2-card\">\r\n      <div class=\"sv2-card-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/08\/automative-industry.png\" alt=\"Automotive Industry\">\r\n      <\/div>\r\n      <div class=\"sv2-card-body\">\r\n        <div class=\"sv2-card-title\">Automotive Industry<\/div>\r\n        <div class=\"sv2-card-desc\">Time-critical logistics for components, assemblies and finished vehicle cargo.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sv2-card\">\r\n      <div class=\"sv2-card-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/perspectiwitty.in\/cms\/wp-content\/uploads\/2026\/07\/Earthmoving-Equipment-Industry-01.png\" alt=\"Earthmoving Equipment Industry\">\r\n      <\/div>\r\n      <div class=\"sv2-card-body\">\r\n        <div class=\"sv2-card-title\">Earthmoving Equipment Industry<\/div>\r\n        <div class=\"sv2-card-desc\">Heavy machinery and oversized load handling built for weight and scale.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d3ff2f8 e-con-full e-flex rt-parallax-bg-no e-con e-parent\" data-id=\"d3ff2f8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfda1d6 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"bfda1d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<div class=\"vg2-root\" id=\"vg2Root\">\r\n  <div class=\"vg2-inner\">\r\n\r\n    <!-- LEFT -->\r\n    <div class=\"vg2-left\">\r\n      <div class=\"vg2-reveal vg2-label\">Project Videos<\/div>\r\n      <h2 class=\"vg2-reveal vg2-title\">Engineering Every Move <span><br>From Planning to Execution<\/span><\/h2>\r\n      <div class=\"vg2-reveal vg2-rule\"><\/div>\r\n      <p class=\"vg2-reveal vg2-desc\">Watch how Ceekay Multi Services delivers complex cargo solutions through expert planning, secure handling, and flawless execution across every stage of the logistics journey.<\/p>\r\n      <a class=\"vg2-reveal vg2-btn\" href=\"https:\/\/youtube.com\/@ceekaymultiservices?si=JDTwXUlpGILeCQ0Y\">\r\n  View All Projects\r\n  <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n<\/a>\r\n    <\/div>\r\n\r\n    <!-- RIGHT: featured video -->\r\n    <div class=\"vg2-right vg2-right-reveal\">\r\n      <div class=\"vg2-video-wrap\" id=\"vg2VideoWrap\">\r\n\r\n         <!--\u270f\ufe0f Replace with your YouTube embed URL -->\r\n        <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/9y3-bYBrWAQ?si=nXVlg0uTuF17FIyy\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\r\n\r\n        <!-- Thumbnail overlay -->\r\n    <!--    <div class=\"vg2-thumb\" id=\"vg2Thumb\" onclick=\"vg2Play()\">-->\r\n          <!-- \u270f\ufe0f Replace with your video thumbnail image -->\r\n    <!--      <img decoding=\"async\" src=\"https:\/\/orchidin.com\/wp-content\/uploads\/2026\/03\/AIR-OCEAN-MASTERY.png\" alt=\"Project Video\">-->\r\n    <!--      <div class=\"vg2-play\">-->\r\n    <!--        <svg viewBox=\"0 0 24 24\"><polygon points=\"5,3 19,12 5,21\"\/><\/svg>-->\r\n    <!--      <\/div>-->\r\n    <!--    <\/div>-->\r\n\r\n    <!--  <\/div>-->\r\n    <!--  <div class=\"vg2-video-meta\">-->\r\n    <!--    <span class=\"vg2-video-title\">Heavy Lift & Project Cargo \u2014 Orchid Shipping<\/span>-->\r\n    <!--    <span class=\"vg2-video-tag\">Featured<\/span>-->\r\n    <!--  <\/div>-->\r\n    <!--<\/div>-->\r\n<!--    <div class=\"vg2-video-wrap\" id=\"vg2VideoWrap\">-->\r\n<!--  <iframe -->\r\n<!--    src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:ugcPost:7457388861917323264?compact=1\" -->\r\n<!--    height=\"399\" -->\r\n<!--    width=\"504\" -->\r\n<!--    frameborder=\"0\" -->\r\n<!--    allowfullscreen=\"\" -->\r\n<!--    title=\"Embedded post\">-->\r\n<!--  <\/iframe>-->\r\n<!--<\/div>-->\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction vg2Play() {\r\n  var thumb = document.getElementById('vg2Thumb');\r\n  var iframe = document.getElementById('vg2Iframe');\r\n  iframe.src = iframe.getAttribute('data-src');\r\n  iframe.style.display = 'block';\r\n  thumb.style.display = 'none';\r\n}\r\n\r\n(function(){\r\n  let fired = false;\r\n  new IntersectionObserver(function(entries){\r\n    if (fired) return;\r\n    entries.forEach(function(e){\r\n      if (!e.isIntersecting) return;\r\n      fired = true;\r\n      document.querySelectorAll('.vg2-reveal').forEach(function(el){ el.classList.add('on'); });\r\n      document.querySelector('.vg2-right-reveal').classList.add('on');\r\n    });\r\n  }, { threshold: 0.1 }).observe(document.getElementById('vg2Root'));\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8879da9 e-flex e-con-boxed rt-parallax-bg-no e-con e-parent\" data-id=\"8879da9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf5a30b elementor-widget elementor-widget-html\" data-id=\"cf5a30b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\n(function () {\r\n  const MOBILE_BP = 768;\r\n  function applyImages() {\r\n    const isMobile = window.innerWidth <= MOBILE_BP;\r\n    document.querySelectorAll('.sl-bg[data-img-mobile]').forEach(el => {\r\n      const src = isMobile\r\n        ? el.getAttribute('data-img-mobile')\r\n        : el.getAttribute('data-img-desktop');\r\n      if (src) el.style.backgroundImage = `url('${src}')`;\r\n    });\r\n  }\r\n  applyImages();\r\n  let resizeTimer;\r\n  window.addEventListener('resize', function () {\r\n    clearTimeout(resizeTimer);\r\n    resizeTimer = setTimeout(applyImages, 150);\r\n  });\r\n})();\r\n\r\nconst sl = (function(){\r\n  const slides = document.querySelectorAll('.sl-slide');\r\n  const dotsEl = document.getElementById('slDots');\r\n  const fill   = document.getElementById('slFill');\r\n  const curEl  = document.getElementById('slCur');\r\n  const total  = slides.length;\r\n  let cur = 0, timer, isAnimating = false;\r\n\r\n  const dots = Array.from({length:total}, (_,i) => {\r\n    const d = document.createElement('button');\r\n    d.className = 'sl-dot' + (i===0 ? ' active' : '');\r\n    d.onclick = () => goTo(i);\r\n    dotsEl.appendChild(d);\r\n    return d;\r\n  });\r\n\r\n  function startFill(){\r\n    fill.style.transition = 'none';\r\n    fill.style.width = '0';\r\n    requestAnimationFrame(() => requestAnimationFrame(() => {\r\n      fill.style.transition = 'width 6s linear';\r\n      fill.style.width = '100%';\r\n    }));\r\n  }\r\n\r\n  function restartKenBurns(slideEl) {\r\n    const bg = slideEl.querySelector('.sl-bg');\r\n    bg.style.animation = 'none';\r\n    bg.offsetHeight;\r\n    bg.style.animation = '';\r\n  }\r\n\r\n  function goTo(n, direction){\r\n    if(isAnimating) return;\r\n    if(n === cur) return;\r\n    isAnimating = true;\r\n\r\n    const prev = cur;\r\n    cur = (n + total) % total;\r\n    const dir = direction || (cur > prev ? 1 : -1);\r\n\r\n    clearInterval(timer);\r\n    dots[prev].classList.remove('active');\r\n    dots[cur].classList.add('active');\r\n    curEl.textContent = String(cur + 1).padStart(2, '0');\r\n\r\n    \/* position incoming slide off-screen in the right direction *\/\r\n    slides[cur].style.transition = 'none';\r\n    slides[cur].style.transform = `translateX(${dir > 0 ? '60px' : '-60px'})`;\r\n    slides[cur].style.opacity = '0';\r\n    slides[cur].offsetHeight; \/* force reflow *\/\r\n\r\n    \/* exit current *\/\r\n    slides[prev].style.transition = 'opacity 1s cubic-bezier(0.77,0,0.18,1), transform 1s cubic-bezier(0.77,0,0.18,1)';\r\n    slides[prev].style.transform = `translateX(${dir > 0 ? '-60px' : '60px'})`;\r\n    slides[prev].style.opacity = '0';\r\n    slides[prev].classList.remove('active');\r\n\r\n    \/* enter new *\/\r\n    slides[cur].style.transition = 'opacity 1s cubic-bezier(0.77,0,0.18,1), transform 1s cubic-bezier(0.77,0,0.18,1)';\r\n    slides[cur].style.transform = 'translateX(0)';\r\n    slides[cur].style.opacity = '1';\r\n    slides[cur].classList.add('active');\r\n\r\n    restartKenBurns(slides[cur]);\r\n    startFill();\r\n\r\n    setTimeout(() => {\r\n      \/* reset exited slide for next time *\/\r\n      slides[prev].style.transition = 'none';\r\n      slides[prev].style.transform = 'translateX(60px)';\r\n      slides[prev].style.opacity = '0';\r\n      isAnimating = false;\r\n    }, 1050);\r\n\r\n    timer = setInterval(() => goTo((cur + 1) % total, 1), 6000);\r\n  }\r\n\r\n  \/* init *\/\r\n  restartKenBurns(slides[0]);\r\n  startFill();\r\n  timer = setInterval(() => goTo((cur + 1) % total, 1), 6000);\r\n\r\n  return {\r\n    next(){ goTo((cur + 1) % total, 1); },\r\n    prev(){ goTo((cur - 1 + total) % total, -1); }\r\n  };\r\n})();\r\n\r\n\r\n\/\/ About\r\n\r\n\/\/ <script>\r\n(function(){\r\n  function animCount(el, target, dur){\r\n    const s = performance.now();\r\n    (function tick(now){\r\n      const p = Math.min((now-s)\/dur,1);\r\n      el.textContent = Math.floor((1-Math.pow(1-p,3))*target);\r\n      if(p<1) requestAnimationFrame(tick);\r\n      else el.textContent = target;\r\n    })(performance.now());\r\n  }\r\n\r\n  let fired = false;\r\n  new IntersectionObserver(function(entries){\r\n    if(fired) return;\r\n    entries.forEach(function(e){\r\n      if(!e.isIntersecting) return;\r\n      fired = true;\r\n      document.querySelectorAll('.ab7-anim').forEach(function(el){el.classList.add('on');});\r\n      document.getElementById('ab7Img1').classList.add('on');\r\n    \/\/   document.getElementById('ab7Img2').classList.add('on');\r\n      document.getElementById('ab7Card').classList.add('on');\r\n      setTimeout(function(){\r\n        animCount(document.getElementById('ab7Count'), 15, 2000);\r\n      }, 700);\r\n    });\r\n  },{threshold:0.15}).observe(document.getElementById('ab7Root'));\r\n})();\r\n\r\n\/\/ Core strength\r\n(function(){\r\n  let fired = false;\r\n  new IntersectionObserver(function(entries){\r\n    if(fired) return;\r\n    entries.forEach(function(e){\r\n      if(!e.isIntersecting) return;\r\n      fired = true;\r\n      document.querySelectorAll('.cs-card').forEach(function(el){el.classList.add('on');});\r\n    });\r\n  },{threshold:0.1}).observe(document.getElementById('csRoot'));\r\n})();\r\n\r\n\r\n\r\n\r\n\/\/ youtube\r\n\r\nfunction vg2Play() {\r\n  var thumb = document.getElementById('vg2Thumb');\r\n  var iframe = document.getElementById('vg2Iframe');\r\n  iframe.src = iframe.getAttribute('data-src');\r\n  iframe.style.display = 'block';\r\n  thumb.style.display = 'none';\r\n}\r\n\r\n(function(){\r\n  let fired = false;\r\n  new IntersectionObserver(function(entries){\r\n    if (fired) return;\r\n    entries.forEach(function(e){\r\n      if (!e.isIntersecting) return;\r\n      fired = true;\r\n      document.querySelectorAll('.vg2-reveal').forEach(function(el){ el.classList.add('on'); });\r\n      document.querySelector('.vg2-right-reveal').classList.add('on');\r\n    });\r\n  }, { threshold: 0.1 }).observe(document.getElementById('vg2Root'));\r\n})();\r\n<\/script>\r\n\r\n\r\n<!--<\/script>-->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0eff9e7 e-con-full e-flex rt-parallax-bg-no e-con e-parent\" data-id=\"0eff9e7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd04ed2 elementor-widget__width-inherit elementor-invisible elementor-widget elementor-widget-rt-title\" data-id=\"cd04ed2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"rt-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"section-title-wrapper section-title-wrapper-layout-1\">\r\n\t<div class=\"title-inner-wrapper\">\r\n\t\t<!--Top Sub Title-->\r\n\t\t\r\n\t\t<!--Main Title-->\r\n\t\t        <div class=\"wow-off fadeInUp\" data-wow-delay=\"400ms\" data-wow-duration=\"1200ms\">\r\n            <h2 class=\"main-title\">\r\n            Looking for Reliable Industrial\nPackaging &amp; Cargo Solutions?        <\/h2>\r\n        <\/div>\r\n        \r\n        <!--Description-->\r\n                    <div class=\"description wow-off fadeInUp\" data-wow-delay=\"600ms\" data-wow-duration=\"1200ms\"><p>Partner with Ceekay Multi Services for safe, engineered, and dependable logistics support.<\/p><\/div>\r\n                \r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0460961 elementor-invisible elementor-widget elementor-widget-rt-button\" data-id=\"0460961\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"rt-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<div class=\"rt-button wow-off fadeInUp\" data-wow-delay=\"200ms\" data-wow-duration=\"1200ms\">\r\n\t        <a class=\"btn button-1 \" href=\"https:\/\/perspectiwitty.in\/cms\/contact\/\" aria-label=\"button link\">\r\n            <span class=\"button-text\">Get In Touch<\/span>\r\n            <span class=\"btn-round-shape\">\r\n                <i class=\"icon-arrow-right\"><\/i>            <\/span>\r\n        <\/a>\r\n\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Packaging PackYour CargoAgainst Damage Lashing Lash OutAgainstUnruly Cargo Lifting Lift Your CargoAbove The Ordinary Trading Trade CargoWith Precision Warehousing Secure Storage,Total Control 01 \/ 05 About Us CeekayMulti Services Ceekay Multiservices (CMS) is a trusted provider of packaging, lashing, cargo securing, lifting, and storage solutions for project, industrial, offshore, and heavy cargo clients across the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/perspectiwitty.in\/cms\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/perspectiwitty.in\/cms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/perspectiwitty.in\/cms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/perspectiwitty.in\/cms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/perspectiwitty.in\/cms\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":754,"href":"https:\/\/perspectiwitty.in\/cms\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":14524,"href":"https:\/\/perspectiwitty.in\/cms\/wp-json\/wp\/v2\/pages\/16\/revisions\/14524"}],"wp:attachment":[{"href":"https:\/\/perspectiwitty.in\/cms\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}