.elementor-97 .elementor-element.elementor-element-dd9376c:not(.elementor-motion-effects-element-type-background), .elementor-97 .elementor-element.elementor-element-dd9376c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ae1418;}.elementor-97 .elementor-element.elementor-element-dd9376c > .elementor-container{min-height:100px;}.elementor-97 .elementor-element.elementor-element-dd9376c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-97 .elementor-element.elementor-element-dd9376c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-97 .elementor-element.elementor-element-a25ae46.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-97 .elementor-element.elementor-element-a25ae46.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-97 .elementor-element.elementor-element-6282700.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-97 .elementor-element.elementor-element-6282700{text-align:center;}.elementor-97 .elementor-element.elementor-element-6282700 .wpr-logo{padding:0px 0px 0px 0px;border-radius:2px 2px 2px 2px;}.elementor-97 .elementor-element.elementor-element-6282700 .wpr-logo-image{max-width:100px;}.elementor-97 .elementor-element.elementor-element-6282700.wpr-logo-position-left .wpr-logo-image{margin-right:0px;}.elementor-97 .elementor-element.elementor-element-6282700.wpr-logo-position-right .wpr-logo-image{margin-left:0px;}.elementor-97 .elementor-element.elementor-element-6282700.wpr-logo-position-center .wpr-logo-image{margin-bottom:0px;}.elementor-97 .elementor-element.elementor-element-6282700 .wpr-logo-image img{-webkit-transition-duration:0.7s;transition-duration:0.7s;}.elementor-97 .elementor-element.elementor-element-6282700 .wpr-logo-title{color:#605BE5;margin:0 0 0px;}.elementor-97 .elementor-element.elementor-element-6282700 .wpr-logo-description{color:#888888;}.elementor-bc-flex-widget .elementor-97 .elementor-element.elementor-element-6d9d28a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-97 .elementor-element.elementor-element-6d9d28a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-menu-item.wpr-pointer-item{transition-duration:0.8s;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-menu-item.wpr-pointer-item:before{transition-duration:0.8s;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-menu-item.wpr-pointer-item:after{transition-duration:0.8s;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-mobile-toggle-wrap{text-align:center;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-nav-menu .wpr-menu-item,
					 .elementor-97 .elementor-element.elementor-element-082874d .wpr-nav-menu > .menu-item-has-children > .wpr-sub-icon{color:#FFFFFF;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-nav-menu .wpr-menu-item:hover,
					 .elementor-97 .elementor-element.elementor-element-082874d .wpr-nav-menu > .menu-item-has-children:hover > .wpr-sub-icon,
					 .elementor-97 .elementor-element.elementor-element-082874d .wpr-nav-menu .wpr-menu-item.wpr-active-menu-item,
					 .elementor-97 .elementor-element.elementor-element-082874d .wpr-nav-menu > .menu-item-has-children.current_page_item > .wpr-sub-icon{color:#FF5027;}.elementor-97 .elementor-element.elementor-element-082874d.wpr-pointer-line-fx .wpr-menu-item:before,
					 .elementor-97 .elementor-element.elementor-element-082874d.wpr-pointer-line-fx .wpr-menu-item:after{background-color:#FF5027;}.elementor-97 .elementor-element.elementor-element-082874d.wpr-pointer-border-fx .wpr-menu-item:before{border-color:#FF5027;border-width:1px;}.elementor-97 .elementor-element.elementor-element-082874d.wpr-pointer-background-fx .wpr-menu-item:before{background-color:#FF5027;}.elementor-97 .elementor-element.elementor-element-082874d .menu-item-has-children .wpr-sub-icon{font-size:13px;}.elementor-97 .elementor-element.elementor-element-082874d.wpr-pointer-background:not(.wpr-sub-icon-none) .wpr-nav-menu-horizontal .menu-item-has-children .wpr-pointer-item{padding-right:calc(13px + 8px);}.elementor-97 .elementor-element.elementor-element-082874d.wpr-pointer-border:not(.wpr-sub-icon-none) .wpr-nav-menu-horizontal .menu-item-has-children .wpr-pointer-item{padding-right:calc(13px + 8px);}.elementor-97 .elementor-element.elementor-element-082874d .wpr-nav-menu .wpr-menu-item,.elementor-97 .elementor-element.elementor-element-082874d .wpr-mobile-nav-menu a,.elementor-97 .elementor-element.elementor-element-082874d .wpr-mobile-toggle-text{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;letter-spacing:0.2px;}.elementor-97 .elementor-element.elementor-element-082874d.wpr-pointer-underline .wpr-menu-item:after,
					 .elementor-97 .elementor-element.elementor-element-082874d.wpr-pointer-overline .wpr-menu-item:before,
					 .elementor-97 .elementor-element.elementor-element-082874d.wpr-pointer-double-line .wpr-menu-item:before,
					 .elementor-97 .elementor-element.elementor-element-082874d.wpr-pointer-double-line .wpr-menu-item:after{height:1px;}.elementor-97 .elementor-element.elementor-element-082874d.wpr-pointer-underline>nav>ul>li>.wpr-menu-item:after,
					 .elementor-97 .elementor-element.elementor-element-082874d.wpr-pointer-overline>nav>ul>li>.wpr-menu-item:before,
					 .elementor-97 .elementor-element.elementor-element-082874d.wpr-pointer-double-line>nav>ul>li>.wpr-menu-item:before,
					 .elementor-97 .elementor-element.elementor-element-082874d.wpr-pointer-double-line>nav>ul>li>.wpr-menu-item:after{height:1px;}.elementor-97 .elementor-element.elementor-element-082874d.wpr-pointer-border-fx>nav>ul>li>.wpr-menu-item:before{border-width:1px;}.elementor-97 .elementor-element.elementor-element-082874d.wpr-pointer-underline>.elementor-widget-container>nav>ul>li>.wpr-menu-item:after,
					 .elementor-97 .elementor-element.elementor-element-082874d.wpr-pointer-overline>.elementor-widget-container>nav>ul>li>.wpr-menu-item:before,
					 .elementor-97 .elementor-element.elementor-element-082874d.wpr-pointer-double-line>.elementor-widget-container>nav>ul>li>.wpr-menu-item:before,
					 .elementor-97 .elementor-element.elementor-element-082874d.wpr-pointer-double-line>.elementor-widget-container>nav>ul>li>.wpr-menu-item:after{height:1px;}.elementor-97 .elementor-element.elementor-element-082874d.wpr-pointer-border-fx>.elementor-widget-container>nav>ul>li>.wpr-menu-item:before{border-width:1px;}.elementor-97 .elementor-element.elementor-element-082874d:not(.wpr-pointer-border-fx) .wpr-menu-item.wpr-pointer-item:before{transform:translateY(-0px);}.elementor-97 .elementor-element.elementor-element-082874d:not(.wpr-pointer-border-fx) .wpr-menu-item.wpr-pointer-item:after{transform:translateY(0px);}.elementor-97 .elementor-element.elementor-element-082874d .wpr-nav-menu .wpr-menu-item{padding-left:8px;padding-right:8px;padding-top:10px;padding-bottom:10px;}.elementor-97 .elementor-element.elementor-element-082874d.wpr-pointer-background:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-8px;}.elementor-97 .elementor-element.elementor-element-082874d.wpr-pointer-border:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-8px;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-nav-menu > .menu-item{margin-left:10px;margin-right:10px;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-menu{margin-left:10px;}.elementor-97 .elementor-element.elementor-element-082874d.wpr-main-menu-align-left .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{right:10px;}.elementor-97 .elementor-element.elementor-element-082874d.wpr-main-menu-align-right .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{left:10px;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-sub-menu .wpr-sub-menu-item,
					 .elementor-97 .elementor-element.elementor-element-082874d .wpr-sub-menu > .menu-item-has-children .wpr-sub-icon{color:#333333;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-sub-menu .wpr-sub-menu-item{background-color:#ffffff;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-sub-menu .wpr-sub-menu-item:hover,
					 .elementor-97 .elementor-element.elementor-element-082874d .wpr-sub-menu > .menu-item-has-children .wpr-sub-menu-item:hover .wpr-sub-icon,
					 .elementor-97 .elementor-element.elementor-element-082874d .wpr-sub-menu .wpr-sub-menu-item.wpr-active-menu-item,
					 .elementor-97 .elementor-element.elementor-element-082874d .wpr-sub-menu > .menu-item-has-children.current_page_item .wpr-sub-icon{color:#ffffff;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-sub-menu .wpr-sub-menu-item:hover,
					 .elementor-97 .elementor-element.elementor-element-082874d .wpr-sub-menu .wpr-sub-menu-item.wpr-active-menu-item{background-color:#CC260A;}.elementor-97 .elementor-element.elementor-element-082874d.wpr-sub-divider-yes .wpr-sub-menu li:not(:last-child){border-bottom-color:#e8e8e8;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-sub-menu{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E8E8E8;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-mobile-nav-menu a,
					 .elementor-97 .elementor-element.elementor-element-082874d .wpr-mobile-nav-menu .menu-item-has-children > a:after{color:#FFFFFF;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-mobile-nav-menu li{background-color:#FD3101C7;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-mobile-nav-menu li a:hover,
					 .elementor-97 .elementor-element.elementor-element-082874d .wpr-mobile-nav-menu .menu-item-has-children > a:hover:after,
					 .elementor-97 .elementor-element.elementor-element-082874d .wpr-mobile-nav-menu li a.wpr-active-menu-item,
					 .elementor-97 .elementor-element.elementor-element-082874d .wpr-mobile-nav-menu .menu-item-has-children.current_page_item > a:hover:after{color:#ffffff;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-mobile-nav-menu a:hover,
					 .elementor-97 .elementor-element.elementor-element-082874d .wpr-mobile-nav-menu a.wpr-active-menu-item{background-color:#FD3101;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-mobile-nav-menu a{padding-left:50px;padding-right:50px;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-mobile-nav-menu .menu-item-has-children > a:after{margin-left:50px;margin-right:50px;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-mobile-nav-menu .wpr-mobile-menu-item{padding-top:5px;padding-bottom:5px;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-mobile-nav-menu .wpr-mobile-sub-menu-item{font-size:1px;padding-top:1px;padding-bottom:1px;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-mobile-nav-menu{margin-top:8px;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-mobile-toggle{border-color:#FD3101;width:40px;border-width:0px;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-mobile-toggle-text{color:#FD3101;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-mobile-toggle-line{background-color:#FD3101;height:2px;margin-bottom:4px;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-mobile-toggle:hover{border-color:#FFFFFF;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-mobile-toggle:hover .wpr-mobile-toggle-text{color:#FFFFFF;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-mobile-toggle:hover .wpr-mobile-toggle-line{background-color:#FFFFFF;}.elementor-bc-flex-widget .elementor-97 .elementor-element.elementor-element-493f9f9.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-97 .elementor-element.elementor-element-493f9f9.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-97 .elementor-element.elementor-element-55d9942 .wpr-button{background-color:transparent;-webkit-transition-duration:0.7s;transition-duration:0.7s;-webkit-animation-duration:0.7s;animation-duration:0.7s;background-image:linear-gradient(180deg, #E30505 0%, #FF003F 100%);border-color:#E8E8E8;border-style:none;border-radius:4px 4px 4px 4px;}	.elementor-97 .elementor-element.elementor-element-55d9942 [class*="elementor-animation"]:hover,
								.elementor-97 .elementor-element.elementor-element-55d9942 .wpr-button::before,
								.elementor-97 .elementor-element.elementor-element-55d9942 .wpr-button::after{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-astglobalcolor4 ) 0%, #1C87B4 100%);}.elementor-97 .elementor-element.elementor-element-55d9942 .wpr-button::before{-webkit-transition-duration:0.7s;transition-duration:0.7s;-webkit-animation-duration:0.7s;animation-duration:0.7s;}.elementor-97 .elementor-element.elementor-element-55d9942 .wpr-button::after{-webkit-transition-duration:0.7s;transition-duration:0.7s;-webkit-animation-duration:0.7s;animation-duration:0.7s;color:#ffffff;padding:10px 10px 10px 10px;}.elementor-97 .elementor-element.elementor-element-55d9942 .wpr-button .wpr-button-icon{-webkit-transition-duration:0.7s;transition-duration:0.7s;}.elementor-97 .elementor-element.elementor-element-55d9942 .wpr-button .wpr-button-icon svg{-webkit-transition-duration:0.7s;transition-duration:0.7s;}.elementor-97 .elementor-element.elementor-element-55d9942 .wpr-button .wpr-button-text{-webkit-transition-duration:0.7s;transition-duration:0.7s;-webkit-animation-duration:0.7s;animation-duration:0.7s;}.elementor-97 .elementor-element.elementor-element-55d9942 .wpr-button .wpr-button-content{-webkit-transition-duration:0.7s;transition-duration:0.7s;-webkit-animation-duration:0.7s;animation-duration:0.7s;}.elementor-97 .elementor-element.elementor-element-55d9942 .wpr-button-wrap{max-width:200px;}.elementor-97 .elementor-element.elementor-element-55d9942{text-align:right;}.elementor-97 .elementor-element.elementor-element-55d9942 .wpr-button-content{-webkit-justify-content:center;justify-content:center;}.elementor-97 .elementor-element.elementor-element-55d9942 .wpr-button-text{-webkit-justify-content:center;justify-content:center;color:#ffffff;}.elementor-97 .elementor-element.elementor-element-55d9942 .wpr-button-icon{font-size:18px;}.elementor-97 .elementor-element.elementor-element-55d9942 .wpr-button-icon svg{width:18px;height:18px;}.elementor-97 .elementor-element.elementor-element-55d9942.wpr-button-icon-position-left .wpr-button-icon{margin-right:12px;}.elementor-97 .elementor-element.elementor-element-55d9942.wpr-button-icon-position-right .wpr-button-icon{margin-left:12px;}.elementor-97 .elementor-element.elementor-element-55d9942.wpr-button-icon-style-inline .wpr-button-icon{color:#ffffff;}.elementor-97 .elementor-element.elementor-element-55d9942.wpr-button-icon-style-inline .wpr-button-icon svg{fill:#ffffff;}.elementor-97 .elementor-element.elementor-element-55d9942 .wpr-button-text,.elementor-97 .elementor-element.elementor-element-55d9942 .wpr-button::after{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;letter-spacing:0.3px;}.elementor-97 .elementor-element.elementor-element-55d9942 .wpr-button:hover .wpr-button-text{color:#ffffff;}.elementor-97 .elementor-element.elementor-element-55d9942.wpr-button-icon-style-inline .wpr-button:hover .wpr-button-icon{color:#ffffff;}.elementor-97 .elementor-element.elementor-element-55d9942.wpr-button-icon-style-inline .wpr-button:hover .wpr-button-icon svg{fill:#ffffff;}.elementor-97 .elementor-element.elementor-element-55d9942 .wpr-button:focus .wpr-button-text{color:#ffffff;}.elementor-97 .elementor-element.elementor-element-55d9942.wpr-button-icon-style-inline .wpr-button:focus .wpr-button-icon{color:#ffffff;}.elementor-97 .elementor-element.elementor-element-55d9942.wpr-button-icon-style-inline .wpr-button:focus .wpr-button-icon svg{fill:#ffffff;}.elementor-97 .elementor-element.elementor-element-55d9942 .wpr-button:hover{border-color:#E8E8E8;box-shadow:0px 0px 20px 0px rgba(156, 158, 186, 0.3215686274509804);}.elementor-97 .elementor-element.elementor-element-55d9942.wpr-button-icon-style-inline .wpr-button{padding:10px 10px 10px 10px;}.elementor-97 .elementor-element.elementor-element-55d9942.wpr-button-icon-style-block .wpr-button-text{padding:10px 10px 10px 10px;}.elementor-97 .elementor-element.elementor-element-55d9942.wpr-button-icon-style-inline-block .wpr-button-content{padding:10px 10px 10px 10px;}.elementor-97 .elementor-element.elementor-element-13e5e7d{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-97 .elementor-element.elementor-element-dd9376c{padding:0px 20px 0px 20px;}.elementor-bc-flex-widget .elementor-97 .elementor-element.elementor-element-6d9d28a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-97 .elementor-element.elementor-element-6d9d28a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-97 .elementor-element.elementor-element-6d9d28a{z-index:1;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-mobile-toggle-wrap{text-align:center;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-nav-menu .wpr-menu-item,.elementor-97 .elementor-element.elementor-element-082874d .wpr-mobile-nav-menu a,.elementor-97 .elementor-element.elementor-element-082874d .wpr-mobile-toggle-text{font-size:13px;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-nav-menu .wpr-menu-item{padding-left:5px;padding-right:5px;padding-top:0px;padding-bottom:0px;}.elementor-97 .elementor-element.elementor-element-082874d.wpr-pointer-background:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-5px;}.elementor-97 .elementor-element.elementor-element-082874d.wpr-pointer-border:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-5px;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-nav-menu > .menu-item{margin-left:0px;margin-right:0px;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-menu{margin-left:0px;}.elementor-97 .elementor-element.elementor-element-082874d.wpr-main-menu-align-left .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{right:0px;}.elementor-97 .elementor-element.elementor-element-082874d.wpr-main-menu-align-right .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{left:0px;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-sub-menu .wpr-sub-menu-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-sub-menu .wpr-sub-icon{right:0px;}.elementor-97 .elementor-element.elementor-element-082874d.wpr-main-menu-align-right .wpr-nav-menu-vertical .wpr-sub-menu .wpr-sub-icon{left:0px;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-nav-menu-horizontal .wpr-nav-menu > li > .wpr-sub-menu{margin-top:0px;}.elementor-97 .elementor-element.elementor-element-55d9942 .wpr-button-text,.elementor-97 .elementor-element.elementor-element-55d9942 .wpr-button::after{font-size:13px;}}@media(max-width:767px){.elementor-97 .elementor-element.elementor-element-a25ae46{width:50%;}.elementor-97 .elementor-element.elementor-element-6282700{width:var( --container-widget-width, 166.4px );max-width:166.4px;--container-widget-width:166.4px;--container-widget-flex-grow:0;}.elementor-97 .elementor-element.elementor-element-6d9d28a{width:50%;z-index:7;}.elementor-bc-flex-widget .elementor-97 .elementor-element.elementor-element-6d9d28a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-97 .elementor-element.elementor-element-6d9d28a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-97 .elementor-element.elementor-element-082874d .wpr-mobile-toggle-wrap{text-align:right;}.elementor-97 .elementor-element.elementor-element-493f9f9{width:100%;}.elementor-97 .elementor-element.elementor-element-55d9942{text-align:center;}}@media(min-width:768px){.elementor-97 .elementor-element.elementor-element-a25ae46{width:12.455%;}.elementor-97 .elementor-element.elementor-element-6d9d28a{width:65.192%;}.elementor-97 .elementor-element.elementor-element-493f9f9{width:22.017%;}}/* Start custom CSS for html, class: .elementor-element-2d85729 *//* =====================================================
   SWASTIK AIRCON PROJECTS PAGE
   COMMERCIAL & INDUSTRIAL HVAC PROJECTS

   RESPONSIVE CSS
   Desktop | Tablet | Mobile

   Prefix: sw-
===================================================== */


/* =====================================================
   1. GLOBAL VARIABLES & RESET
===================================================== */

.sw-projects-page {

  --sw-red: #e50914;
  --sw-red-dark: #c90812;
  --sw-navy: #14253e;
  --sw-navy-light: #203a57;
  --sw-text: #20324b;
  --sw-muted: #65758a;
  --sw-white: #ffffff;
  --sw-light: #f5faff;
  --sw-border: #e5edf4;
  --sw-shadow: 0 8px 28px rgba(20, 37, 62, 0.07);

  font-family: Arial, Helvetica, sans-serif;
  color: var(--sw-text);
  background: var(--sw-white);
  line-height: 1.6;

  width: 100%;
  overflow: hidden;

  box-sizing: border-box;

}

.sw-projects-page *,
.sw-projects-page *::before,
.sw-projects-page *::after {

  box-sizing: border-box;

}

.sw-projects-page img {

  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;

}

.sw-projects-page a {

  text-decoration: none;
  color: inherit;

}

.sw-projects-page h1,
.sw-projects-page h2,
.sw-projects-page h3,
.sw-projects-page p {

  margin-top: 0;

}

.sw-projects-page h1,
.sw-projects-page h2,
.sw-projects-page h3 {

  line-height: 1.15;

}


/* =====================================================
   2. CONTAINER
===================================================== */

.sw-project-container {

  width: min(100% - 80px, 1280px);
  margin-inline: auto;

}


/* =====================================================
   3. COMMON BUTTONS
===================================================== */

.sw-btn {

  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-height: 54px;

  padding: 14px 24px;

  border-radius: 6px;

  font-size: 14px;
  font-weight: 700;

  text-align: center;

  cursor: pointer;

  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease,
    transform 0.25s ease;

}

.sw-btn:hover {

  transform: translateY(-2px);

}

.sw-btn-primary {

  background: var(--sw-red);
  color: var(--sw-white);

  border: 1px solid var(--sw-red);

}

.sw-btn-primary:hover {

  background: var(--sw-red-dark);
  color: var(--sw-white);

}

.sw-btn-outline {

  background: var(--sw-white);
  color: var(--sw-red);

  border: 1px solid var(--sw-red);

}

.sw-btn-outline:hover {

  background: var(--sw-red);
  color: var(--sw-white);

}


/* =====================================================
   4. SECTION LABEL
===================================================== */

.sw-section-label {

  display: inline-block;

  color: var(--sw-red);

  font-size: 12px;
  font-weight: 800;

  letter-spacing: 0.8px;

  margin-bottom: 20px;

  position: relative;

}

.sw-section-label::before {

  content: "";

  display: inline-block;

  width: 28px;
  height: 3px;

  background: var(--sw-red);

  margin-right: 12px;

  vertical-align: middle;

}


/* =====================================================
   5. HERO SECTION
===================================================== */

.sw-project-hero {

  padding: 72px 0 52px;

  background:

    linear-gradient(
      90deg,
      #ffffff 0%,
      #ffffff 35%,
      #f3f8fc 100%
    );

}

.sw-hero-grid {

  display: grid;

  grid-template-columns: 0.95fr 1.05fr;

  align-items: center;

  gap: 45px;

}

.sw-hero-content {

  position: relative;
  z-index: 2;

}

.sw-hero-content h1 {

  font-size: clamp(36px, 4vw, 64px);

  font-weight: 900;

  letter-spacing: -1.8px;

  color: var(--sw-navy);

  margin-bottom: 24px;

}

.sw-hero-content h1 span {

  color: var(--sw-red);

}

.sw-hero-content p {

  max-width: 520px;

  font-size: 15px;

  line-height: 1.75;

  color: var(--sw-muted);

  margin-bottom: 28px;

}


/* Hero Benefits */

.sw-hero-benefits {

  display: flex;

  flex-wrap: wrap;

  gap: 22px;

  margin-bottom: 28px;

}

.sw-hero-benefit {

  display: flex;

  align-items: center;

  gap: 9px;

}

.sw-benefit-icon {

  width: 34px;
  height: 34px;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  font-size: 21px;

  color: var(--sw-navy);

}

.sw-hero-benefit strong {

  font-size: 11px;

  line-height: 1.4;

  color: var(--sw-text);

}


/* Hero Buttons */

.sw-hero-buttons {

  display: flex;

  flex-wrap: wrap;

  gap: 12px;

}


/* Hero Image */

.sw-hero-image {

  position: relative;

  min-width: 0;

}

.sw-hero-image img {

  width: 100%;

  aspect-ratio: 1 / 0.95;

  object-fit: cover;

  border-radius: 0;

}

.sw-experience-badge {

  position: absolute;

  top: -20px;
  right: 10px;

  width: 120px;
  height: 120px;

  display: flex;

  flex-direction: column;

  align-items: center;
  justify-content: center;

  background: var(--sw-red);

  color: var(--sw-white);

  border: 5px solid var(--sw-white);

  border-radius: 50%;

  text-align: center;

  box-shadow: 0 4px 12px rgba(0,0,0,0.08);

}

.sw-experience-badge strong {

  font-size: 32px;

  line-height: 1;

  font-weight: 900;

}

.sw-experience-badge span {

  font-size: 9px;

  font-weight: 800;

  line-height: 1.4;

  margin-top: 6px;

}


/* =====================================================
   6. PROJECT TYPE SWITCHER
===================================================== */

.sw-project-switcher-section {

  padding: 10px 0 35px;

  background: var(--sw-white);

}

.sw-project-switcher {

  display: flex;

  align-items: center;

  justify-content: center;

  width: min(100%, 960px);

  margin-inline: auto;

  padding: 4px;

  background: #edf5fa;

  border-radius: 50px;

}

.sw-project-tab {

  flex: 1;

  display: flex;

  align-items: center;
  justify-content: center;

  gap: 10px;

  min-height: 50px;

  padding: 12px 20px;

  border-radius: 50px;

  color: var(--sw-text);

  font-size: 14px;

  font-weight: 700;

  transition: all 0.25s ease;

}

.sw-project-tab-active {

  background: var(--sw-red);

  color: var(--sw-white);

}

.sw-project-tab:hover {

  color: var(--sw-white);

  background: var(--sw-red);

}


/* =====================================================
   7. INDUSTRIAL PROJECTS SECTION
===================================================== */

.sw-projects-section {

  padding: 42px 0 75px;

  background: var(--sw-white);

}

.sw-section-heading-row {

  display: grid;

  grid-template-columns: 1fr 1fr;

  align-items: end;

  gap: 40px;

  margin-bottom: 34px;

}

.sw-section-heading h2 {

  margin-bottom: 0;

  font-size: clamp(30px, 3.2vw, 44px);

  font-weight: 900;

  letter-spacing: -1px;

  color: var(--sw-navy);

}

.sw-section-heading h2 span {

  color: var(--sw-red);

}

.sw-section-description p {

  color: var(--sw-muted);

  font-size: 14px;

  line-height: 1.75;

  margin-bottom: 0;

}


/* Project Cards */

.sw-project-cards-grid {

  display: grid;

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

  gap: 24px;

}

.sw-project-card {

  background: var(--sw-white);

  border: 1px solid var(--sw-border);

  border-radius: 7px;

  overflow: hidden;

  box-shadow: var(--sw-shadow);

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;

}

.sw-project-card:hover {

  transform: translateY(-5px);

  box-shadow: 0 15px 35px rgba(20, 37, 62, 0.12);

}

.sw-card-image {

  overflow: hidden;

  aspect-ratio: 1.35 / 1;

}

.sw-card-image img {

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition: transform 0.4s ease;

}

.sw-project-card:hover .sw-card-image img {

  transform: scale(1.04);

}

.sw-card-content {

  padding: 20px 16px 22px;

}

.sw-card-content h3 {

  color: var(--sw-navy);

  font-size: 16px;

  font-weight: 800;

  margin-bottom: 12px;

}

.sw-card-content p {

  color: var(--sw-muted);

  font-size: 13px;

  line-height: 1.6;

  min-height: 63px;

  margin-bottom: 16px;

}

.sw-card-link {

  display: inline-block;

  color: var(--sw-red);

  font-size: 13px;

  font-weight: 800;

}

.sw-card-link:hover {

  color: var(--sw-red-dark);

}


/* =====================================================
   8. INDUSTRIES WE SERVE
===================================================== */

.sw-industries-section {

  padding: 75px 0;

  background: #f3faff;

}

.sw-industries-grid {

  display: grid;

  grid-template-columns: 1fr 1.1fr;

  align-items: center;

  gap: 55px;

}

.sw-industries-content h2 {

  font-size: clamp(30px, 3vw, 44px);

  font-weight: 900;

  letter-spacing: -1px;

  color: var(--sw-navy);

  margin-bottom: 24px;

}

.sw-industries-content h2 span {

  color: var(--sw-red);

}

.sw-industries-content p {

  max-width: 470px;

  color: var(--sw-muted);

  font-size: 14px;

  line-height: 1.8;

  margin-bottom: 26px;

}


/* Industry Icons */

.sw-industry-icons-grid {

  display: grid;

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

  gap: 12px;

}

.sw-industry-item {

  display: flex;

  flex-direction: column;

  align-items: center;
  justify-content: center;

  gap: 8px;

  min-height: 100px;

  padding: 15px 10px;

  background: var(--sw-white);

  border: 1px solid #eaf0f5;

  border-radius: 10px;

  text-align: center;

  box-shadow: 0 5px 18px rgba(20, 37, 62, 0.03);

}

.sw-industry-item span {

  color: var(--sw-red);

  font-size: 25px;

  line-height: 1;

}

.sw-industry-item strong {

  font-size: 11px;

  line-height: 1.35;

  color: var(--sw-text);

}


/* =====================================================
   9. PROCESS SECTION
===================================================== */

.sw-process-section {

  padding: 75px 0 85px;

  background: var(--sw-white);

}

.sw-process-heading {

  text-align: center;

  max-width: 760px;

  margin: 0 auto 55px;

}

.sw-process-heading .sw-section-label {

  margin-bottom: 20px;

}

.sw-process-heading h2 {

  font-size: clamp(30px, 3.5vw, 44px);

  color: var(--sw-navy);

  font-weight: 900;

  margin-bottom: 14px;

}

.sw-process-heading p {

  font-size: 14px;

  color: var(--sw-muted);

  margin-bottom: 0;

}


/* Process Steps */

.sw-process-grid {

  display: flex;

  align-items: flex-start;

  justify-content: center;

  gap: 10px;

}

.sw-process-step {

  flex: 1;

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

  min-width: 0;

}

.sw-process-icon {

  width: 68px;
  height: 68px;

  display: flex;

  align-items: center;
  justify-content: center;

  border: 2px solid #e5edf4;

  border-radius: 50%;

  color: var(--sw-red);

  font-size: 26px;

  margin-bottom: 12px;

  background: var(--sw-white);

}

.sw-process-number {

  color: var(--sw-muted);

  font-size: 12px;

  font-weight: 800;

  margin-bottom: 6px;

}

.sw-process-step h3 {

  color: var(--sw-text);

  font-size: 12px;

  font-weight: 800;

  line-height: 1.4;

  margin-bottom: 0;

}

.sw-process-arrow {

  flex: 0 0 auto;

  padding-top: 24px;

  color: #98a8b8;

  font-size: 20px;

}


/* =====================================================
   10. CTA SECTION
===================================================== */

.sw-project-cta {

  position: relative;

  padding: 65px 0;

  background:

    linear-gradient(
      rgba(8, 32, 53, 0.92),
      rgba(8, 32, 53, 0.92)
    ),

    url("YOUR-CTA-BACKGROUND-IMAGE.webp")
    center / cover no-repeat;

  color: var(--sw-white);

}

.sw-cta-grid {

  display: grid;

  grid-template-columns: 1.2fr 0.8fr;

  align-items: center;

  gap: 40px;

}

.sw-cta-label {

  display: inline-block;

  color: var(--sw-white);

  font-size: 12px;

  font-weight: 800;

  letter-spacing: 1px;

  margin-bottom: 18px;

}

.sw-cta-label::after {

  content: "";

  display: inline-block;

  width: 30px;
  height: 3px;

  background: var(--sw-red);

  margin-left: 14px;

  vertical-align: middle;

}

.sw-cta-content h2 {

  font-size: clamp(32px, 4vw, 48px);

  font-weight: 900;

  letter-spacing: -1px;

  line-height: 1.15;

  color: var(--sw-white);

  margin-bottom: 18px;

}

.sw-cta-content p {

  max-width: 490px;

  color: #e0e9f0;

  font-size: 14px;

  line-height: 1.7;

  margin-bottom: 0;

}

.sw-cta-buttons {

  display: flex;

  flex-direction: column;

  gap: 12px;

  max-width: 330px;

  width: 100%;

  margin-left: auto;

}

.sw-cta-buttons .sw-btn {

  width: 100%;

}

.sw-btn-cta-outline {

  color: var(--sw-white);

  background: transparent;

  border: 1px solid rgba(255,255,255,0.8);

}

.sw-btn-cta-outline:hover {

  background: var(--sw-white);

  color: var(--sw-navy);

}


/* =====================================================
   11. STATISTICS SECTION
===================================================== */

.sw-statistics-section {

  padding: 35px 0 55px;

  background: var(--sw-white);

}

.sw-statistics-grid {

  display: grid;

  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 0;

  padding: 26px 20px;

  border-radius: 10px;

  background: #f4faff;

}

.sw-stat-item {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 13px;

  padding: 8px 20px;

  border-right: 1px solid #dfeaf3;

}

.sw-stat-item:last-child {

  border-right: 0;

}

.sw-stat-icon {

  width: 46px;
  height: 46px;

  display: flex;

  align-items: center;
  justify-content: center;

  flex-shrink: 0;

  border-radius: 50%;

  background: var(--sw-white);

  color: var(--sw-red);

  font-size: 23px;

}

.sw-stat-item div {

  display: flex;

  flex-direction: column;

}

.sw-stat-item strong {

  color: var(--sw-navy);

  font-size: 22px;

  font-weight: 900;

  line-height: 1.2;

}

.sw-stat-item div span {

  color: var(--sw-muted);

  font-size: 11px;

  line-height: 1.5;

  margin-top: 5px;

}


/* =====================================================
   12. TABLET RESPONSIVE
   MAX WIDTH: 1024PX
===================================================== */

@media (max-width: 1024px) {


  .sw-project-container {

    width: min(100% - 48px, 1280px);

  }


  .sw-project-hero {

    padding: 55px 0 45px;

  }


  .sw-hero-grid {

    grid-template-columns: 1fr 1fr;

    gap: 28px;

  }


  .sw-hero-content h1 {

    font-size: 42px;

    letter-spacing: -1px;

  }


  .sw-hero-benefits {

    gap: 12px;

  }


  .sw-section-heading-row {

    gap: 25px;

  }


  .sw-project-cards-grid {

    gap: 16px;

  }


  .sw-card-content {

    padding: 18px 14px;

  }


  .sw-industries-grid {

    gap: 30px;

  }


  .sw-industry-icons-grid {

    gap: 10px;

  }


  .sw-statistics-grid {

    padding: 20px 10px;

  }


  .sw-stat-item {

    padding: 8px 12px;

    gap: 8px;

  }


  .sw-stat-item strong {

    font-size: 20px;

  }


}


/* =====================================================
   13. MOBILE RESPONSIVE
   MAX WIDTH: 767PX
===================================================== */

@media (max-width: 767px) {


  .sw-project-container {

    width: calc(100% - 32px);

    max-width: 100%;

  }


  /* Common */

  .sw-section-label {

    font-size: 10px;

    letter-spacing: 0.5px;

    margin-bottom: 14px;

  }

  .sw-section-label::before {

    width: 22px;

    height: 2px;

    margin-right: 8px;

  }


  .sw-btn {

    width: 100%;

    min-height: 50px;

    padding: 13px 18px;

    font-size: 13px;

  }


  /* Hero */

  .sw-project-hero {

    padding: 38px 0 30px;

  }


  .sw-hero-grid {

    display: flex;

    flex-direction: column;

    gap: 35px;

  }


  .sw-hero-content {

    width: 100%;

  }


  .sw-hero-content h1 {

    font-size: clamp(30px, 9vw, 42px);

    line-height: 1.12;

    letter-spacing: -0.8px;

    margin-bottom: 18px;

  }


  .sw-hero-content p {

    font-size: 13px;

    line-height: 1.7;

    margin-bottom: 22px;

  }


  .sw-hero-benefits {

    justify-content: space-between;

    gap: 10px;

    margin-bottom: 24px;

  }


  .sw-hero-benefit {

    flex: 1;

    gap: 4px;

    min-width: 0;

  }


  .sw-benefit-icon {

    width: 25px;
    height: 25px;

    font-size: 17px;

  }


  .sw-hero-benefit strong {

    font-size: 9px;

  }


  .sw-hero-buttons {

    flex-direction: column;

    gap: 10px;

  }


  .sw-hero-image {

    width: 100%;

  }


  .sw-hero-image img {

    aspect-ratio: 1 / 1;

    object-fit: cover;

  }


  .sw-experience-badge {

    width: 90px;
    height: 90px;

    top: -12px;
    right: -5px;

    border-width: 3px;

  }


  .sw-experience-badge strong {

    font-size: 24px;

  }


  .sw-experience-badge span {

    font-size: 7px;

  }


  /* Switcher */

  .sw-project-switcher-section {

    padding: 10px 0 25px;

  }


  .sw-project-switcher {

    border-radius: 30px;

    padding: 3px;

  }


  .sw-project-tab {

    min-height: 45px;

    padding: 10px 7px;

    gap: 5px;

    font-size: 10px;

    text-align: center;

  }


  /* Project Section */

  .sw-projects-section {

    padding: 30px 0 50px;

  }


  .sw-section-heading-row {

    display: flex;

    flex-direction: column;

    gap: 15px;

    margin-bottom: 25px;

  }


  .sw-section-heading h2 {

    font-size: 30px;

    line-height: 1.18;

  }


  .sw-section-description p {

    font-size: 13px;

    line-height: 1.7;

  }


  .sw-project-cards-grid {

    grid-template-columns: 1fr;

    gap: 18px;

  }


  .sw-card-image {

    aspect-ratio: 1.5 / 1;

  }


  .sw-card-content {

    padding: 20px 18px 22px;

  }


  .sw-card-content h3 {

    font-size: 17px;

  }


  .sw-card-content p {

    font-size: 13px;

    min-height: auto;

    margin-bottom: 15px;

  }


  /* Industries */

  .sw-industries-section {

    padding: 45px 0;

  }


  .sw-industries-grid {

    display: flex;

    flex-direction: column;

    gap: 30px;

  }


  .sw-industries-content h2 {

    font-size: 30px;

    line-height: 1.2;

    margin-bottom: 18px;

  }


  .sw-industries-content p {

    font-size: 13px;

    line-height: 1.7;

    margin-bottom: 22px;

  }


  .sw-industry-icons-grid {

    width: 100%;

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

    gap: 8px;

  }


  .sw-industry-item {

    min-height: 90px;

    padding: 10px 4px;

    gap: 7px;

    border-radius: 8px;

  }


  .sw-industry-item span {

    font-size: 22px;

  }


  .sw-industry-item strong {

    font-size: 9px;

    line-height: 1.3;

  }


  /* Process */

  .sw-process-section {

    padding: 45px 0 55px;

  }


  .sw-process-heading {

    margin-bottom: 35px;

  }


  .sw-process-heading h2 {

    font-size: 30px;

    line-height: 1.2;

  }


  .sw-process-heading p {

    font-size: 13px;

    line-height: 1.7;

  }


  .sw-process-grid {

    display: grid;

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

    gap: 30px 15px;

  }


  .sw-process-step {

    width: 100%;

  }


  .sw-process-icon {

    width: 58px;
    height: 58px;

    font-size: 23px;

  }


  .sw-process-number {

    font-size: 11px;

  }


  .sw-process-step h3 {

    font-size: 11px;

    max-width: 130px;

  }


  .sw-process-arrow {

    display: none;

  }


  /* CTA */

  .sw-project-cta {

    padding: 45px 0;

  }


  .sw-cta-grid {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 30px;

  }


  .sw-cta-content h2 {

    font-size: 32px;

    line-height: 1.2;

    margin-bottom: 16px;

  }


  .sw-cta-content p {

    font-size: 13px;

    line-height: 1.7;

  }


  .sw-cta-buttons {

    max-width: 100%;

    margin-left: 0;

  }


  .sw-cta-label {

    font-size: 10px;

    line-height: 1.5;

  }


  /* Statistics */

  .sw-statistics-section {

    padding: 25px 0 35px;

  }


  .sw-statistics-grid {

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

    gap: 0;

    padding: 15px 8px;

  }


  .sw-stat-item {

    justify-content: flex-start;

    padding: 16px 8px;

    gap: 8px;

    border-right: 0;

  }


  .sw-stat-item:nth-child(odd) {

    border-right: 1px solid #dfeaf3;

  }


  .sw-stat-item:nth-child(-n+2) {

    border-bottom: 1px solid #dfeaf3;

  }


  .sw-stat-icon {

    width: 35px;
    height: 35px;

    font-size: 17px;

  }


  .sw-stat-item strong {

    font-size: 18px;

  }


  .sw-stat-item div span {

    font-size: 9px;

    margin-top: 3px;

  }


}


/* =====================================================
   14. SMALL MOBILE
   MAX WIDTH: 380PX
===================================================== */

@media (max-width: 380px) {


  .sw-project-container {

    width: calc(100% - 24px);

  }


  .sw-hero-content h1 {

    font-size: 29px;

  }


  .sw-hero-benefit strong {

    font-size: 8px;

  }


  .sw-section-heading h2,
  .sw-industries-content h2,
  .sw-process-heading h2 {

    font-size: 27px;

  }


  .sw-industry-item {

    min-height: 84px;

  }


  .sw-industry-item strong {

    font-size: 8px;

  }


  .sw-statistics-grid {

    padding: 10px 5px;

  }


  .sw-stat-item {

    padding: 12px 5px;

  }


  .sw-stat-item strong {

    font-size: 16px;

  }


}


/* =====================================================
   15. ACCESSIBILITY & REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {

  .sw-projects-page *,
  .sw-projects-page *::before,
  .sw-projects-page *::after {

    transition-duration: 0.01ms !important;

    animation-duration: 0.01ms !important;

    scroll-behavior: auto !important;

  }

}/* End custom CSS */