.elementor-17 .elementor-element.elementor-element-e0d196d:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-e0d196d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ae1418;}.elementor-17 .elementor-element.elementor-element-e0d196d > .elementor-container{min-height:100px;}.elementor-17 .elementor-element.elementor-element-e0d196d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-17 .elementor-element.elementor-element-e0d196d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-17 .elementor-element.elementor-element-657ba37.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-17 .elementor-element.elementor-element-657ba37.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-17 .elementor-element.elementor-element-dd85dd6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-17 .elementor-element.elementor-element-dd85dd6{text-align:center;}.elementor-17 .elementor-element.elementor-element-dd85dd6 .wpr-logo{padding:0px 0px 0px 0px;border-radius:2px 2px 2px 2px;}.elementor-17 .elementor-element.elementor-element-dd85dd6 .wpr-logo-image{max-width:100px;}.elementor-17 .elementor-element.elementor-element-dd85dd6.wpr-logo-position-left .wpr-logo-image{margin-right:0px;}.elementor-17 .elementor-element.elementor-element-dd85dd6.wpr-logo-position-right .wpr-logo-image{margin-left:0px;}.elementor-17 .elementor-element.elementor-element-dd85dd6.wpr-logo-position-center .wpr-logo-image{margin-bottom:0px;}.elementor-17 .elementor-element.elementor-element-dd85dd6 .wpr-logo-image img{-webkit-transition-duration:0.7s;transition-duration:0.7s;}.elementor-17 .elementor-element.elementor-element-dd85dd6 .wpr-logo-title{color:#605BE5;margin:0 0 0px;}.elementor-17 .elementor-element.elementor-element-dd85dd6 .wpr-logo-description{color:#888888;}.elementor-bc-flex-widget .elementor-17 .elementor-element.elementor-element-12fa1a3.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-17 .elementor-element.elementor-element-12fa1a3.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-menu-item.wpr-pointer-item{transition-duration:0.8s;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-menu-item.wpr-pointer-item:before{transition-duration:0.8s;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-menu-item.wpr-pointer-item:after{transition-duration:0.8s;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-mobile-toggle-wrap{text-align:center;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-nav-menu .wpr-menu-item,
					 .elementor-17 .elementor-element.elementor-element-df327ff .wpr-nav-menu > .menu-item-has-children > .wpr-sub-icon{color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-nav-menu .wpr-menu-item:hover,
					 .elementor-17 .elementor-element.elementor-element-df327ff .wpr-nav-menu > .menu-item-has-children:hover > .wpr-sub-icon,
					 .elementor-17 .elementor-element.elementor-element-df327ff .wpr-nav-menu .wpr-menu-item.wpr-active-menu-item,
					 .elementor-17 .elementor-element.elementor-element-df327ff .wpr-nav-menu > .menu-item-has-children.current_page_item > .wpr-sub-icon{color:#FF5027;}.elementor-17 .elementor-element.elementor-element-df327ff.wpr-pointer-line-fx .wpr-menu-item:before,
					 .elementor-17 .elementor-element.elementor-element-df327ff.wpr-pointer-line-fx .wpr-menu-item:after{background-color:#FF5027;}.elementor-17 .elementor-element.elementor-element-df327ff.wpr-pointer-border-fx .wpr-menu-item:before{border-color:#FF5027;border-width:1px;}.elementor-17 .elementor-element.elementor-element-df327ff.wpr-pointer-background-fx .wpr-menu-item:before{background-color:#FF5027;}.elementor-17 .elementor-element.elementor-element-df327ff .menu-item-has-children .wpr-sub-icon{font-size:13px;}.elementor-17 .elementor-element.elementor-element-df327ff.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-17 .elementor-element.elementor-element-df327ff.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-17 .elementor-element.elementor-element-df327ff .wpr-nav-menu .wpr-menu-item,.elementor-17 .elementor-element.elementor-element-df327ff .wpr-mobile-nav-menu a,.elementor-17 .elementor-element.elementor-element-df327ff .wpr-mobile-toggle-text{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;letter-spacing:0.2px;}.elementor-17 .elementor-element.elementor-element-df327ff.wpr-pointer-underline .wpr-menu-item:after,
					 .elementor-17 .elementor-element.elementor-element-df327ff.wpr-pointer-overline .wpr-menu-item:before,
					 .elementor-17 .elementor-element.elementor-element-df327ff.wpr-pointer-double-line .wpr-menu-item:before,
					 .elementor-17 .elementor-element.elementor-element-df327ff.wpr-pointer-double-line .wpr-menu-item:after{height:1px;}.elementor-17 .elementor-element.elementor-element-df327ff.wpr-pointer-underline>nav>ul>li>.wpr-menu-item:after,
					 .elementor-17 .elementor-element.elementor-element-df327ff.wpr-pointer-overline>nav>ul>li>.wpr-menu-item:before,
					 .elementor-17 .elementor-element.elementor-element-df327ff.wpr-pointer-double-line>nav>ul>li>.wpr-menu-item:before,
					 .elementor-17 .elementor-element.elementor-element-df327ff.wpr-pointer-double-line>nav>ul>li>.wpr-menu-item:after{height:1px;}.elementor-17 .elementor-element.elementor-element-df327ff.wpr-pointer-border-fx>nav>ul>li>.wpr-menu-item:before{border-width:1px;}.elementor-17 .elementor-element.elementor-element-df327ff.wpr-pointer-underline>.elementor-widget-container>nav>ul>li>.wpr-menu-item:after,
					 .elementor-17 .elementor-element.elementor-element-df327ff.wpr-pointer-overline>.elementor-widget-container>nav>ul>li>.wpr-menu-item:before,
					 .elementor-17 .elementor-element.elementor-element-df327ff.wpr-pointer-double-line>.elementor-widget-container>nav>ul>li>.wpr-menu-item:before,
					 .elementor-17 .elementor-element.elementor-element-df327ff.wpr-pointer-double-line>.elementor-widget-container>nav>ul>li>.wpr-menu-item:after{height:1px;}.elementor-17 .elementor-element.elementor-element-df327ff.wpr-pointer-border-fx>.elementor-widget-container>nav>ul>li>.wpr-menu-item:before{border-width:1px;}.elementor-17 .elementor-element.elementor-element-df327ff:not(.wpr-pointer-border-fx) .wpr-menu-item.wpr-pointer-item:before{transform:translateY(-0px);}.elementor-17 .elementor-element.elementor-element-df327ff:not(.wpr-pointer-border-fx) .wpr-menu-item.wpr-pointer-item:after{transform:translateY(0px);}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-nav-menu .wpr-menu-item{padding-left:8px;padding-right:8px;padding-top:10px;padding-bottom:10px;}.elementor-17 .elementor-element.elementor-element-df327ff.wpr-pointer-background:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-8px;}.elementor-17 .elementor-element.elementor-element-df327ff.wpr-pointer-border:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-8px;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-nav-menu > .menu-item{margin-left:10px;margin-right:10px;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-menu{margin-left:10px;}.elementor-17 .elementor-element.elementor-element-df327ff.wpr-main-menu-align-left .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{right:10px;}.elementor-17 .elementor-element.elementor-element-df327ff.wpr-main-menu-align-right .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{left:10px;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-sub-menu .wpr-sub-menu-item,
					 .elementor-17 .elementor-element.elementor-element-df327ff .wpr-sub-menu > .menu-item-has-children .wpr-sub-icon{color:#333333;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-sub-menu .wpr-sub-menu-item{background-color:#ffffff;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-sub-menu .wpr-sub-menu-item:hover,
					 .elementor-17 .elementor-element.elementor-element-df327ff .wpr-sub-menu > .menu-item-has-children .wpr-sub-menu-item:hover .wpr-sub-icon,
					 .elementor-17 .elementor-element.elementor-element-df327ff .wpr-sub-menu .wpr-sub-menu-item.wpr-active-menu-item,
					 .elementor-17 .elementor-element.elementor-element-df327ff .wpr-sub-menu > .menu-item-has-children.current_page_item .wpr-sub-icon{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-sub-menu .wpr-sub-menu-item:hover,
					 .elementor-17 .elementor-element.elementor-element-df327ff .wpr-sub-menu .wpr-sub-menu-item.wpr-active-menu-item{background-color:#CC260A;}.elementor-17 .elementor-element.elementor-element-df327ff.wpr-sub-divider-yes .wpr-sub-menu li:not(:last-child){border-bottom-color:#e8e8e8;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-sub-menu{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E8E8E8;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-mobile-nav-menu a,
					 .elementor-17 .elementor-element.elementor-element-df327ff .wpr-mobile-nav-menu .menu-item-has-children > a:after{color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-mobile-nav-menu li{background-color:#FD3101C7;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-mobile-nav-menu li a:hover,
					 .elementor-17 .elementor-element.elementor-element-df327ff .wpr-mobile-nav-menu .menu-item-has-children > a:hover:after,
					 .elementor-17 .elementor-element.elementor-element-df327ff .wpr-mobile-nav-menu li a.wpr-active-menu-item,
					 .elementor-17 .elementor-element.elementor-element-df327ff .wpr-mobile-nav-menu .menu-item-has-children.current_page_item > a:hover:after{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-mobile-nav-menu a:hover,
					 .elementor-17 .elementor-element.elementor-element-df327ff .wpr-mobile-nav-menu a.wpr-active-menu-item{background-color:#FD3101;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-mobile-nav-menu a{padding-left:50px;padding-right:50px;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-mobile-nav-menu .menu-item-has-children > a:after{margin-left:50px;margin-right:50px;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-mobile-nav-menu .wpr-mobile-menu-item{padding-top:5px;padding-bottom:5px;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-mobile-nav-menu .wpr-mobile-sub-menu-item{font-size:1px;padding-top:1px;padding-bottom:1px;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-mobile-nav-menu{margin-top:8px;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-mobile-toggle{border-color:#FD3101;width:40px;border-width:0px;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-mobile-toggle-text{color:#FD3101;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-mobile-toggle-line{background-color:#FD3101;height:2px;margin-bottom:4px;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-mobile-toggle:hover{border-color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-mobile-toggle:hover .wpr-mobile-toggle-text{color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-mobile-toggle:hover .wpr-mobile-toggle-line{background-color:#FFFFFF;}.elementor-bc-flex-widget .elementor-17 .elementor-element.elementor-element-ec1d211.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-17 .elementor-element.elementor-element-ec1d211.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-17 .elementor-element.elementor-element-18201df .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-17 .elementor-element.elementor-element-18201df [class*="elementor-animation"]:hover,
								.elementor-17 .elementor-element.elementor-element-18201df .wpr-button::before,
								.elementor-17 .elementor-element.elementor-element-18201df .wpr-button::after{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-astglobalcolor4 ) 0%, #1C87B4 100%);}.elementor-17 .elementor-element.elementor-element-18201df .wpr-button::before{-webkit-transition-duration:0.7s;transition-duration:0.7s;-webkit-animation-duration:0.7s;animation-duration:0.7s;}.elementor-17 .elementor-element.elementor-element-18201df .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-17 .elementor-element.elementor-element-18201df .wpr-button .wpr-button-icon{-webkit-transition-duration:0.7s;transition-duration:0.7s;}.elementor-17 .elementor-element.elementor-element-18201df .wpr-button .wpr-button-icon svg{-webkit-transition-duration:0.7s;transition-duration:0.7s;}.elementor-17 .elementor-element.elementor-element-18201df .wpr-button .wpr-button-text{-webkit-transition-duration:0.7s;transition-duration:0.7s;-webkit-animation-duration:0.7s;animation-duration:0.7s;}.elementor-17 .elementor-element.elementor-element-18201df .wpr-button .wpr-button-content{-webkit-transition-duration:0.7s;transition-duration:0.7s;-webkit-animation-duration:0.7s;animation-duration:0.7s;}.elementor-17 .elementor-element.elementor-element-18201df .wpr-button-wrap{max-width:200px;}.elementor-17 .elementor-element.elementor-element-18201df{text-align:right;}.elementor-17 .elementor-element.elementor-element-18201df .wpr-button-content{-webkit-justify-content:center;justify-content:center;}.elementor-17 .elementor-element.elementor-element-18201df .wpr-button-text{-webkit-justify-content:center;justify-content:center;color:#ffffff;}.elementor-17 .elementor-element.elementor-element-18201df .wpr-button-icon{font-size:18px;}.elementor-17 .elementor-element.elementor-element-18201df .wpr-button-icon svg{width:18px;height:18px;}.elementor-17 .elementor-element.elementor-element-18201df.wpr-button-icon-position-left .wpr-button-icon{margin-right:12px;}.elementor-17 .elementor-element.elementor-element-18201df.wpr-button-icon-position-right .wpr-button-icon{margin-left:12px;}.elementor-17 .elementor-element.elementor-element-18201df.wpr-button-icon-style-inline .wpr-button-icon{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-18201df.wpr-button-icon-style-inline .wpr-button-icon svg{fill:#ffffff;}.elementor-17 .elementor-element.elementor-element-18201df .wpr-button-text,.elementor-17 .elementor-element.elementor-element-18201df .wpr-button::after{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;letter-spacing:0.3px;}.elementor-17 .elementor-element.elementor-element-18201df .wpr-button:hover .wpr-button-text{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-18201df.wpr-button-icon-style-inline .wpr-button:hover .wpr-button-icon{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-18201df.wpr-button-icon-style-inline .wpr-button:hover .wpr-button-icon svg{fill:#ffffff;}.elementor-17 .elementor-element.elementor-element-18201df .wpr-button:focus .wpr-button-text{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-18201df.wpr-button-icon-style-inline .wpr-button:focus .wpr-button-icon{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-18201df.wpr-button-icon-style-inline .wpr-button:focus .wpr-button-icon svg{fill:#ffffff;}.elementor-17 .elementor-element.elementor-element-18201df .wpr-button:hover{border-color:#E8E8E8;box-shadow:0px 0px 20px 0px rgba(156, 158, 186, 0.3215686274509804);}.elementor-17 .elementor-element.elementor-element-18201df.wpr-button-icon-style-inline .wpr-button{padding:10px 10px 10px 10px;}.elementor-17 .elementor-element.elementor-element-18201df.wpr-button-icon-style-block .wpr-button-text{padding:10px 10px 10px 10px;}.elementor-17 .elementor-element.elementor-element-18201df.wpr-button-icon-style-inline-block .wpr-button-content{padding:10px 10px 10px 10px;}.elementor-17 .elementor-element.elementor-element-734f40a{--display:flex;}.elementor-17 .elementor-element.elementor-element-817be2e{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-e0d196d{padding:0px 20px 0px 20px;}.elementor-bc-flex-widget .elementor-17 .elementor-element.elementor-element-12fa1a3.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-17 .elementor-element.elementor-element-12fa1a3.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-17 .elementor-element.elementor-element-12fa1a3{z-index:1;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-mobile-toggle-wrap{text-align:center;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-nav-menu .wpr-menu-item,.elementor-17 .elementor-element.elementor-element-df327ff .wpr-mobile-nav-menu a,.elementor-17 .elementor-element.elementor-element-df327ff .wpr-mobile-toggle-text{font-size:13px;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-nav-menu .wpr-menu-item{padding-left:5px;padding-right:5px;padding-top:0px;padding-bottom:0px;}.elementor-17 .elementor-element.elementor-element-df327ff.wpr-pointer-background:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-5px;}.elementor-17 .elementor-element.elementor-element-df327ff.wpr-pointer-border:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-5px;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-nav-menu > .menu-item{margin-left:0px;margin-right:0px;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-menu{margin-left:0px;}.elementor-17 .elementor-element.elementor-element-df327ff.wpr-main-menu-align-left .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{right:0px;}.elementor-17 .elementor-element.elementor-element-df327ff.wpr-main-menu-align-right .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{left:0px;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-sub-menu .wpr-sub-menu-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-sub-menu .wpr-sub-icon{right:0px;}.elementor-17 .elementor-element.elementor-element-df327ff.wpr-main-menu-align-right .wpr-nav-menu-vertical .wpr-sub-menu .wpr-sub-icon{left:0px;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-nav-menu-horizontal .wpr-nav-menu > li > .wpr-sub-menu{margin-top:0px;}.elementor-17 .elementor-element.elementor-element-18201df .wpr-button-text,.elementor-17 .elementor-element.elementor-element-18201df .wpr-button::after{font-size:13px;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-657ba37{width:50%;}.elementor-17 .elementor-element.elementor-element-dd85dd6{width:var( --container-widget-width, 166.4px );max-width:166.4px;--container-widget-width:166.4px;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-12fa1a3{width:50%;z-index:7;}.elementor-bc-flex-widget .elementor-17 .elementor-element.elementor-element-12fa1a3.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-17 .elementor-element.elementor-element-12fa1a3.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-17 .elementor-element.elementor-element-df327ff .wpr-mobile-toggle-wrap{text-align:right;}.elementor-17 .elementor-element.elementor-element-ec1d211{width:100%;}.elementor-17 .elementor-element.elementor-element-18201df{text-align:center;}}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-657ba37{width:12.455%;}.elementor-17 .elementor-element.elementor-element-12fa1a3{width:65.192%;}.elementor-17 .elementor-element.elementor-element-ec1d211{width:22.017%;}}/* Start custom CSS for html, class: .elementor-element-ee1184d *//* =========================================================
   SWASTIK AIRCON
   ABOUT US PAGE CSS
   Responsive: Desktop / Tablet / Mobile
   Header intentionally NOT included
========================================================= */


/* =========================================================
   01. GLOBAL VARIABLES
========================================================= */

.sa-about-page {

  --sa-red: #e30613;
  --sa-red-dark: #c9000b;

  --sa-navy: #122942;
  --sa-navy-dark: #081c30;

  --sa-blue: #1975b9;
  --sa-light-blue: #f1f8fc;
  --sa-pale-blue: #f7fbfe;

  --sa-text: #24384d;
  --sa-muted: #68798b;

  --sa-white: #ffffff;

  --sa-border: #e2eaf0;

  --sa-shadow:
    0 8px 25px rgba(18, 41, 66, 0.07);

  width: 100%;
  overflow: hidden;

  background: var(--sa-white);

  color: var(--sa-text);

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  line-height: 1.6;

  box-sizing: border-box;

}


.sa-about-page *,
.sa-about-page *::before,
.sa-about-page *::after {

  box-sizing: border-box;

}


.sa-about-page img {

  display: block;

  width: 100%;

  max-width: 100%;

  height: auto;

}


.sa-about-page a {

  text-decoration: none;

}


.sa-about-page h1,
.sa-about-page h2,
.sa-about-page h3,
.sa-about-page p {

  margin-top: 0;

}


.sa-about-page h1,
.sa-about-page h2,
.sa-about-page h3 {

  color: var(--sa-navy);

  line-height: 1.15;

}


/* =========================================================
   02. MAIN CONTAINER
========================================================= */

.sa-about-container {

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

  margin-left: auto;
  margin-right: auto;

}


/* =========================================================
   03. COMMON SECTION LABEL
========================================================= */

.sa-section-label {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 14px;

  color: var(--sa-red);

  font-size: 12px;

  font-weight: 800;

  letter-spacing: 1px;

  line-height: 1.3;

  text-transform: uppercase;

}


.sa-section-label::before {

  content: "";

  width: 30px;

  height: 3px;

  flex: 0 0 30px;

  background: var(--sa-red);

}


.sa-about-page h2 {

  margin-bottom: 24px;

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

  font-weight: 900;

  letter-spacing: -0.7px;

}


/* =========================================================
   04. BUTTONS
========================================================= */

.sa-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 9px;

  min-height: 50px;

  padding:
    12px 22px;

  border-radius: 5px;

  border: 1px solid transparent;

  font-size: 13px;

  font-weight: 800;

  text-align: center;

  transition:
    all 0.25s ease;

}


.sa-btn span {

  font-size: 17px;

  line-height: 1;

}


.sa-btn-primary {

  background: var(--sa-red);

  color: var(--sa-white);

  border-color: var(--sa-red);

}


.sa-btn-primary:hover {

  background: var(--sa-red-dark);

  border-color: var(--sa-red-dark);

  color: var(--sa-white);

  transform:
    translateY(-2px);

}


.sa-btn-outline {

  background: var(--sa-white);

  color: var(--sa-red);

  border-color: var(--sa-red);

}


.sa-btn-outline:hover {

  background: var(--sa-red);

  color: var(--sa-white);

  transform:
    translateY(-2px);

}


.sa-btn-dark-outline {

  background: transparent;

  color: var(--sa-white);

  border-color:
    rgba(255,255,255,0.75);

}


.sa-btn-dark-outline:hover {

  background: var(--sa-white);

  color: var(--sa-navy);

}


.sa-btn-large {

  min-width: 230px;

}


/* =========================================================
   05. HERO
========================================================= */

.sa-about-hero {

  padding:
    70px 0 55px;

  background:

    linear-gradient(
      90deg,
      #ffffff 0%,
      #ffffff 40%,
      #eef7fc 100%
    );

}


.sa-hero-grid {

  display: grid;

  grid-template-columns:
    0.95fr 1.05fr;

  align-items: center;

  gap: 55px;

}


.sa-hero-content {

  position: relative;

  z-index: 2;

}


.sa-hero-content h1 {

  margin-bottom: 22px;

  font-size:
    clamp(
      36px,
      4.5vw,
      62px
    );

  font-weight: 900;

  letter-spacing: -1.5px;

}


.sa-hero-content h1 span {

  display: block;

  color: var(--sa-red);

}


.sa-hero-description {

  max-width: 570px;

  margin-bottom: 26px;

  color: var(--sa-muted);

  font-size: 15px;

  line-height: 1.75;

}


.sa-hero-buttons {

  display: flex;

  flex-wrap: wrap;

  gap: 12px;

  margin-bottom: 32px;

}


/* Hero image */

.sa-hero-image {

  overflow: hidden;

  min-width: 0;

}


.sa-hero-image img {

  width: 100%;

  height: 500px;

  object-fit: cover;

  border-radius: 4px;

}


/* Hero benefits */

.sa-hero-benefits {

  display: grid;

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

  gap: 10px;

}


.sa-hero-benefit {

  display: flex;

  align-items: center;

  gap: 8px;

  min-width: 0;

}


.sa-benefit-icon {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 34px;

  height: 34px;

  flex: 0 0 34px;

  border-radius: 50%;

  color: var(--sa-red);

  font-size: 19px;

}


.sa-hero-benefit strong,
.sa-hero-benefit span {

  display: block;

}


.sa-hero-benefit strong {

  color: var(--sa-navy);

  font-size: 11px;

  line-height: 1.2;

}


.sa-hero-benefit span {

  color: var(--sa-muted);

  font-size: 10px;

  line-height: 1.2;

}


/* =========================================================
   06. WHO WE ARE
========================================================= */

.sa-who-section {

  padding:
    70px 0;

  background:
    var(--sa-white);

}


.sa-who-grid {

  display: grid;

  grid-template-columns:
    1fr 1.1fr 0.7fr;

  align-items: start;

  gap: 30px;

}


.sa-company-image {

  overflow: hidden;

  border-radius: 5px;

}


.sa-company-image img {

  width: 100%;

  height: 280px;

  object-fit: cover;

}


.sa-who-content {

  padding:
    5px 0;

}


.sa-who-content h2 {

  margin-bottom: 18px;

}


.sa-who-content p {

  margin-bottom: 13px;

  color: var(--sa-muted);

  font-size: 13px;

  line-height: 1.7;

}


.sa-who-content p:last-child {

  margin-bottom: 0;

}


/* =========================================================
   07. COMPANY TIMELINE
========================================================= */

.sa-company-timeline {

  position: relative;

  padding-left: 30px;

}


.sa-timeline-line {

  position: absolute;

  top: 8px;

  bottom: 8px;

  left: 7px;

  width: 2px;

  background: var(--sa-red);

}


.sa-timeline-item {

  position: relative;

  display: grid;

  grid-template-columns:
    45px 1fr;

  gap: 10px;

  margin-bottom: 17px;

}


.sa-timeline-item::before {

  content: "";

  position: absolute;

  top: 5px;

  left: -27px;

  width: 9px;

  height: 9px;

  border-radius: 50%;

  background: var(--sa-red);

  border: 2px solid var(--sa-white);

}


.sa-timeline-year {

  color: var(--sa-red);

  font-size: 12px;

  font-weight: 900;

}


.sa-timeline-year-text {

  font-size: 15px;

}


.sa-timeline-content strong {

  display: block;

  color: var(--sa-navy);

  font-size: 10px;

  line-height: 1.35;

}


.sa-timeline-content span {

  display: block;

  margin-top: 3px;

  color: var(--sa-muted);

  font-size: 9px;

  line-height: 1.4;

}


/* =========================================================
   08. MISSION & VISION
========================================================= */

.sa-mission-section {

  padding:
    50px 0;

  background:
    var(--sa-light-blue);

}


.sa-mission-grid {

  display: grid;

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

  gap: 25px;

}


.sa-mission-card {

  display: flex;

  align-items: flex-start;

  gap: 18px;

  padding: 28px;

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

  border-radius: 8px;

  background: var(--sa-white);

  box-shadow:
    0 5px 18px
    rgba(18,41,66,0.03);

}


.sa-mission-icon {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 55px;

  height: 55px;

  flex: 0 0 55px;

  border-radius: 50%;

  background:
    #fff4f4;

  color: var(--sa-red);

  font-size: 29px;

}


.sa-mission-card h3 {

  margin-bottom: 8px;

  font-size: 18px;

}


.sa-mission-card p {

  margin-bottom: 0;

  color: var(--sa-muted);

  font-size: 13px;

  line-height: 1.65;

}


/* =========================================================
   09. SERVICES
========================================================= */

.sa-services-section {

  padding:
    70px 0;

  background:
    var(--sa-white);

}


.sa-services-section > .sa-about-container > h2 {

  margin-bottom: 30px;

}


.sa-services-grid {

  display: grid;

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

  gap: 18px;

}


.sa-service-card {

  overflow: hidden;

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

  border-radius: 7px;

  background:
    var(--sa-white);

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

}


.sa-service-image {

  overflow: hidden;

}


.sa-service-image img {

  width: 100%;

  height: 165px;

  object-fit: cover;

}


.sa-service-content {

  padding: 18px;

}


.sa-service-content h3 {

  margin-bottom: 13px;

  font-size: 16px;

}


.sa-service-content ul {

  list-style: none;

  margin: 0;

  padding: 0;

}


.sa-service-content li {

  position: relative;

  margin-bottom: 7px;

  padding-left: 13px;

  color: var(--sa-muted);

  font-size: 11px;

  line-height: 1.45;

}


.sa-service-content li::before {

  content: "›";

  position: absolute;

  left: 0;

  color: var(--sa-red);

  font-weight: 900;

}


/* =========================================================
   10. WHY CHOOSE US
========================================================= */

.sa-why-section {

  padding:
    60px 0;

  background:
    var(--sa-pale-blue);

}


.sa-why-section h2 {

  margin-bottom: 30px;

}


.sa-why-grid {

  display: grid;

  grid-template-columns:
    repeat(6, 1fr);

  gap: 12px;

}


.sa-why-card {

  min-height: 150px;

  padding: 20px 12px;

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

  border-radius: 7px;

  background:
    var(--sa-white);

  text-align: center;

}


.sa-why-icon {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 42px;

  height: 42px;

  margin:
    0 auto 12px;

  color: var(--sa-red);

  font-size: 23px;

}


.sa-why-card h3 {

  margin-bottom: 8px;

  font-size: 12px;

  line-height: 1.3;

}


.sa-why-card p {

  margin-bottom: 0;

  color: var(--sa-muted);

  font-size: 10px;

  line-height: 1.45;

}


/* =========================================================
   11. EXPERTISE
========================================================= */

.sa-expertise-section {

  padding:
    70px 0;

  background:
    var(--sa-white);

}


.sa-expertise-grid {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 45px;

}


.sa-expertise-grid h2 {

  font-size:
    clamp(
      25px,
      2.6vw,
      37px
    );

}


.sa-expertise-grid-items {

  display: grid;

  grid-template-columns:
    repeat(5, 1fr);

  gap: 10px;

}


.sa-expertise-item {

  text-align: center;

}


.sa-expertise-item img {

  width: 100%;

  height: 65px;

  object-fit: contain;

  margin-bottom: 6px;

}


.sa-expertise-item span {

  display: block;

  color: var(--sa-text);

  font-size: 9px;

  font-weight: 700;

  line-height: 1.3;

}


/* Industries */

.sa-industries-grid {

  display: grid;

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

  gap: 8px;

}


.sa-industry-card {

  overflow: hidden;

  border-radius: 5px;

  background:
    var(--sa-light-blue);

}


.sa-industry-card img {

  width: 100%;

  height: 65px;

  object-fit: cover;

}


.sa-industry-card span {

  display: block;

  padding: 7px 4px;

  color: var(--sa-text);

  font-size: 8px;

  font-weight: 700;

  line-height: 1.25;

  text-align: center;

}


/* =========================================================
   12. PROCESS
========================================================= */

.sa-process-section {

  padding:
    70px 0;

  background:
    var(--sa-pale-blue);

}


.sa-process-heading {

  text-align: center;

  margin-bottom: 45px;

}


.sa-process-heading .sa-section-label {

  justify-content: center;

}


.sa-process-heading h2 {

  margin-bottom: 0;

}


.sa-process-grid {

  display: flex;

  align-items: flex-start;

  justify-content: center;

  gap: 8px;

}


.sa-process-step {

  flex:
    1 1 0;

  min-width: 0;

  text-align: center;

}


.sa-process-icon {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 64px;

  height: 64px;

  margin:
    0 auto 10px;

  border:
    2px solid #e1eaf1;

  border-radius: 50%;

  background:
    var(--sa-white);

  color: var(--sa-red);

  font-size: 25px;

}


.sa-process-step > span {

  display: block;

  margin-bottom: 4px;

  color: var(--sa-red);

  font-size: 10px;

  font-weight: 900;

}


.sa-process-step h3 {

  margin-bottom: 3px;

  font-size: 11px;

}


.sa-process-step p {

  margin-bottom: 0;

  color: var(--sa-muted);

  font-size: 9px;

  line-height: 1.4;

}


.sa-process-arrow {

  flex:
    0 0 auto;

  padding-top: 20px;

  color: #93a4b4;

  font-size: 20px;

}


/* =========================================================
   13. QUALITY + ACHIEVEMENTS
========================================================= */

.sa-quality-section {

  padding:
    70px 0;

  background:
    var(--sa-white);

}


.sa-quality-grid {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 45px;

}


.sa-quality-column h2,
.sa-achievements-column h2 {

  font-size:
    clamp(
      25px,
      2.7vw,
      37px
    );

}


.sa-quality-content {

  display: grid;

  grid-template-columns:
    0.85fr 1.15fr;

  gap: 20px;

  align-items: start;

}


.sa-quality-image {

  overflow: hidden;

  border-radius: 6px;

}


.sa-quality-image img {

  width: 100%;

  height: 190px;

  object-fit: cover;

}


.sa-quality-list {

  list-style: none;

  margin: 0;

  padding: 0;

}


.sa-quality-list li {

  position: relative;

  margin-bottom: 9px;

  padding-left: 19px;

  color: var(--sa-muted);

  font-size: 10px;

  line-height: 1.45;

}


.sa-quality-list li::before {

  content: "✓";

  position: absolute;

  left: 0;

  color: var(--sa-red);

  font-weight: 900;

}


/* Achievements */

.sa-achievement-grid {

  display: grid;

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

  gap: 12px;

}


.sa-achievement-card {

  min-height: 140px;

  padding: 18px;

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

  border-radius: 7px;

  background:
    var(--sa-pale-blue);

  text-align: center;

}


.sa-achievement-icon {

  margin-bottom: 7px;

  color: var(--sa-red);

  font-size: 23px;

}


.sa-achievement-card strong {

  display: block;

  margin-bottom: 5px;

  color: var(--sa-navy);

  font-size: 24px;

  font-weight: 900;

}


.sa-achievement-card > span {

  display: block;

  color: var(--sa-muted);

  font-size: 9px;

  line-height: 1.4;

}


.sa-achievement-card small {

  display: block;

  font-size: 8px;

}


/* =========================================================
   14. BRANDS
========================================================= */

.sa-brands-section {

  padding:
    55px 0;

  background:
    var(--sa-pale-blue);

}


.sa-brands-grid {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 45px;

}


.sa-brand-list,
.sa-client-list {

  display: grid;

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

  gap: 10px;

}


.sa-brand-box,
.sa-client-box {

  display: flex;

  align-items: center;

  justify-content: center;

  min-height: 75px;

  padding: 12px;

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

  border-radius: 6px;

  background:
    var(--sa-white);

}


.sa-brand-box img,
.sa-client-box img {

  width: 100%;

  max-height: 42px;

  object-fit: contain;

}


.sa-client-list {

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

}


.sa-client-image {

  overflow: hidden;

  min-height: 75px;

  border-radius: 6px;

}


.sa-client-image img {

  width: 100%;

  height: 100%;

  min-height: 75px;

  object-fit: cover;

}


/* =========================================================
   15. TESTIMONIALS
========================================================= */

.sa-testimonials-section {

  padding:
    65px 0;

  background:
    var(--sa-white);

}


.sa-testimonials-grid {

  display: grid;

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

  gap: 18px;

}


.sa-testimonial-card {

  display: grid;

  grid-template-columns:
    58px 1fr;

  gap: 14px;

  padding: 22px;

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

  border-radius: 8px;

  background:
    var(--sa-white);

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

}


.sa-testimonial-avatar {

  width: 55px;

  height: 55px;

  overflow: hidden;

  border-radius: 50%;

  background:
    #edf4f8;

}


.sa-testimonial-avatar img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}


.sa-quote-mark {

  margin-bottom: -8px;

  color: var(--sa-red);

  font-family: Georgia, serif;

  font-size: 36px;

  font-weight: 900;

  line-height: 1;

}


.sa-testimonial-card p {

  margin-bottom: 12px;

  color: var(--sa-muted);

  font-size: 11px;

  line-height: 1.6;

}


.sa-testimonial-card strong {

  display: block;

  color: var(--sa-navy);

  font-size: 10px;

}


.sa-testimonial-card > div:last-child > span {

  display: block;

  color: var(--sa-muted);

  font-size: 9px;

}


/* =========================================================
   16. LOCATIONS
========================================================= */

.sa-location-section {

  padding:
    65px 0;

  background:
    var(--sa-pale-blue);

}


.sa-location-grid {

  display: grid;

  grid-template-columns:
    1.1fr 0.9fr;

  gap: 45px;

}


.sa-branch-grid {

  display: grid;

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

  gap: 14px;

}


.sa-branch-card {

  overflow: hidden;

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

  border-radius: 7px;

  background:
    var(--sa-white);

}


.sa-branch-image {

  overflow: hidden;

}


.sa-branch-image img {

  width: 100%;

  height: 125px;

  object-fit: cover;

}


.sa-branch-content {

  padding: 13px;

}


.sa-branch-content h3 {

  margin-bottom: 5px;

  font-size: 12px;

}


.sa-branch-content p {

  margin-bottom: 0;

  color: var(--sa-muted);

  font-size: 9px;

  line-height: 1.45;

}


/* Service area */

.sa-area-map {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  align-items: center;

  gap: 20px;

}


.sa-map-placeholder {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  min-height: 230px;

  border-radius: 8px;

  background:
    #eaf4f9;

  overflow: hidden;

}


.sa-map-shape {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 150px;

  height: 180px;

  border-radius:
    45% 35% 50% 30%;

  background:
    #d6e9f2;

  color:
    #7e9bad;

  font-size: 16px;

  font-weight: 900;

  transform:
    rotate(-10deg);

}


.sa-map-pin {

  position: absolute;

  z-index: 2;

  color: var(--sa-red);

  font-size: 23px;

}


.sa-map-pin-ahmedabad {

  top: 45px;

  right: 75px;

}


.sa-map-pin-mundra {

  bottom: 65px;

  left: 65px;

}


.sa-area-list {

  list-style: none;

  margin: 0;

  padding: 0;

}


.sa-area-list li {

  position: relative;

  margin-bottom: 13px;

  padding-left: 18px;

  color: var(--sa-muted);

  font-size: 11px;

  line-height: 1.45;

}


.sa-area-list li::before {

  content: "•";

  position: absolute;

  left: 0;

  color: var(--sa-red);

  font-size: 19px;

  line-height: 1;

}


/* =========================================================
   17. FINAL CTA
========================================================= */

.sa-final-cta {

  padding:
    65px 0;

  background:

    linear-gradient(
      rgba(7, 29, 48, 0.92),
      rgba(7, 29, 48, 0.92)
    ),

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

}


.sa-final-cta-grid {

  display: grid;

  grid-template-columns:
    1.2fr 0.8fr;

  align-items: center;

  gap: 40px;

}


.sa-cta-small-label {

  display: inline-flex;

  align-items: center;

  gap: 12px;

  margin-bottom: 14px;

  color: var(--sa-white);

  font-size: 10px;

  font-weight: 800;

  letter-spacing: 1px;

}


.sa-cta-small-label::after {

  content: "";

  width: 30px;

  height: 3px;

  background: var(--sa-red);

}


.sa-final-cta h2 {

  max-width: 650px;

  margin-bottom: 18px;

  color: var(--sa-white);

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

  font-weight: 900;

}


.sa-final-cta h2 span {

  display: block;

  color: var(--sa-white);

}


.sa-final-cta p {

  max-width: 570px;

  margin-bottom: 0;

  color:
    rgba(255,255,255,0.78);

  font-size: 13px;

  line-height: 1.7;

}


.sa-final-cta-buttons {

  display: flex;

  flex-direction: column;

  gap: 12px;

  max-width: 320px;

  margin-left: auto;

}


/* =========================================================
   18. TABLET
========================================================= */

@media (max-width: 1100px) {

  .sa-about-container {

    width:
      calc(100% - 50px);

  }


  .sa-hero-grid {

    gap: 35px;

  }


  .sa-hero-content h1 {

    font-size: 45px;

  }


  .sa-who-grid {

    grid-template-columns:
      1fr 1.2fr;

  }


  .sa-company-timeline {

    grid-column:
      1 / -1;

    display: grid;

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

    gap: 10px 20px;

  }


  .sa-timeline-line {

    display: none;

  }


  .sa-timeline-item {

    margin-bottom: 5px;

  }


  .sa-timeline-item::before {

    display: none;

  }


  .sa-services-grid {

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

  }


  .sa-why-grid {

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

  }


  .sa-expertise-grid {

    gap: 30px;

  }


  .sa-quality-grid {

    gap: 30px;

  }

}


/* =========================================================
   19. MOBILE
========================================================= */

@media (max-width: 767px) {

  .sa-about-container {

    width:
      calc(100% - 30px);

  }


  /* COMMON */

  .sa-section-label {

    font-size: 10px;

    letter-spacing: 0.6px;

    margin-bottom: 11px;

  }


  .sa-section-label::before {

    width: 22px;

    flex-basis: 22px;

    height: 2px;

  }


  .sa-about-page h2 {

    font-size: 29px;

    line-height: 1.18;

  }


  .sa-btn {

    width: 100%;

    min-height: 48px;

    font-size: 12px;

  }


  /* HERO */

  .sa-about-hero {

    padding:
      38px 0 35px;

  }


  .sa-hero-grid {

    display: flex;

    flex-direction: column;

    gap: 28px;

  }


  .sa-hero-content h1 {

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

    letter-spacing: -0.7px;

  }


  .sa-hero-description {

    font-size: 13px;

    line-height: 1.65;

  }


  .sa-hero-buttons {

    flex-direction: column;

    margin-bottom: 25px;

  }


  .sa-hero-benefits {

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

    gap: 13px;

  }


  .sa-hero-image img {

    height: 330px;

  }


  /* WHO WE ARE */

  .sa-who-section {

    padding:
      45px 0;

  }


  .sa-who-grid {

    display: flex;

    flex-direction: column;

    gap: 25px;

  }


  .sa-company-image {

    width: 100%;

  }


  .sa-company-image img {

    height: 220px;

  }


  .sa-who-content p {

    font-size: 12px;

  }


  .sa-company-timeline {

    display: flex;

    flex-direction: column;

    gap: 0;

    padding-left: 28px;

  }


  .sa-timeline-line {

    display: block;

  }


  .sa-timeline-item {

    grid-template-columns:
      42px 1fr;

    margin-bottom: 15px;

  }


  .sa-timeline-item::before {

    display: block;

    left: -26px;

  }


  .sa-timeline-content strong {

    font-size: 10px;

  }


  .sa-timeline-content span {

    font-size: 9px;

  }


  /* MISSION */

  .sa-mission-section {

    padding:
      42px 0;

  }


  .sa-mission-grid {

    grid-template-columns:
      1fr;

    gap: 12px;

  }


  .sa-mission-card {

    padding: 20px;

  }


  .sa-mission-card p {

    font-size: 12px;

  }


  /* SERVICES */

  .sa-services-section {

    padding:
      48px 0;

  }


  .sa-services-grid {

    grid-template-columns:
      1fr;

    gap: 16px;

  }


  .sa-service-image img {

    height: 190px;

  }


  .sa-service-content {

    padding: 18px;

  }


  /* WHY CHOOSE */

  .sa-why-section {

    padding:
      45px 0;

  }


  .sa-why-grid {

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

    gap: 10px;

  }


  .sa-why-card {

    min-height: 140px;

    padding: 17px 9px;

  }


  .sa-why-card h3 {

    font-size: 11px;

  }


  .sa-why-card p {

    font-size: 9px;

  }


  /* EXPERTISE */

  .sa-expertise-section {

    padding:
      48px 0;

  }


  .sa-expertise-grid {

    display: flex;

    flex-direction: column;

    gap: 45px;

  }


  .sa-expertise-grid-items {

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

    gap: 15px 8px;

  }


  .sa-expertise-item img {

    height: 80px;

  }


  .sa-expertise-item span {

    font-size: 9px;

  }


  .sa-industries-grid {

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

    gap: 9px;

  }


  .sa-industry-card img {

    height: 90px;

  }


  .sa-industry-card span {

    min-height: 32px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 9px;

  }


  /* PROCESS */

  .sa-process-section {

    padding:
      48px 0;

  }


  .sa-process-heading {

    margin-bottom: 32px;

  }


  .sa-process-grid {

    display: grid;

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

    gap: 28px 12px;

  }


  .sa-process-arrow {

    display: none;

  }


  .sa-process-icon {

    width: 58px;

    height: 58px;

    font-size: 22px;

  }


  /* QUALITY */

  .sa-quality-section {

    padding:
      48px 0;

  }


  .sa-quality-grid {

    display: flex;

    flex-direction: column;

    gap: 45px;

  }


  .sa-quality-content {

    grid-template-columns:
      1fr;

    gap: 18px;

  }


  .sa-quality-image img {

    height: 230px;

  }


  .sa-quality-list li {

    font-size: 10px;

  }


  .sa-achievement-grid {

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

  }


  .sa-achievement-card {

    min-height: 125px;

  }


  /* BRANDS */

  .sa-brands-section {

    padding:
      48px 0;

  }


  .sa-brands-grid {

    display: flex;

    flex-direction: column;

    gap: 40px;

  }


  .sa-brand-list {

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

  }


  .sa-client-list {

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

  }


  .sa-client-image {

    grid-column:
      1 / -1;

  }


  /* TESTIMONIALS */

  .sa-testimonials-section {

    padding:
      48px 0;

  }


  .sa-testimonials-grid {

    grid-template-columns:
      1fr;

    gap: 13px;

  }


  .sa-testimonial-card {

    padding: 18px;

  }


  /* LOCATIONS */

  .sa-location-section {

    padding:
      48px 0;

  }


  .sa-location-grid {

    display: flex;

    flex-direction: column;

    gap: 42px;

  }


  .sa-branch-grid {

    grid-template-columns:
      1fr;

  }


  .sa-branch-image img {

    height: 190px;

  }


  .sa-area-map {

    grid-template-columns:
      1fr;

  }


  .sa-map-placeholder {

    min-height: 250px;

  }


  /* FINAL CTA */

  .sa-final-cta {

    padding:
      48px 0;

  }


  .sa-final-cta-grid {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 28px;

  }


  .sa-final-cta h2 {

    font-size:
      31px;

  }


  .sa-final-cta-buttons {

    width: 100%;

    max-width: none;

    margin-left: 0;

  }

}


/* =========================================================
   20. VERY SMALL PHONES
========================================================= */

@media (max-width: 380px) {

  .sa-about-container {

    width:
      calc(100% - 24px);

  }


  .sa-hero-content h1 {

    font-size: 29px;

  }


  .sa-hero-benefit {

    gap: 5px;

  }


  .sa-benefit-icon {

    width: 28px;

    height: 28px;

    flex-basis: 28px;

    font-size: 16px;

  }


  .sa-hero-benefit strong {

    font-size: 9px;

  }


  .sa-hero-benefit span {

    font-size: 8px;

  }


  .sa-about-page h2 {

    font-size: 27px;

  }


  .sa-why-grid {

    gap: 7px;

  }


  .sa-why-card {

    min-height: 135px;

    padding:
      14px 7px;

  }


  .sa-expertise-grid-items {

    gap: 12px 6px;

  }


  .sa-industry-card img {

    height: 75px;

  }


  .sa-statistics-grid {

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

  }

}


/* =========================================================
   21. ACCESSIBILITY / REDUCED MOTION
========================================================= */

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

  .sa-about-page *,
  .sa-about-page *::before,
  .sa-about-page *::after {

    transition:
      none !important;

    animation:
      none !important;

  }

}/* End custom CSS */