.elementor-178 .elementor-element.elementor-element-7d5a883:not(.elementor-motion-effects-element-type-background), .elementor-178 .elementor-element.elementor-element-7d5a883 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ae1418;}.elementor-178 .elementor-element.elementor-element-7d5a883 > .elementor-container{min-height:100px;}.elementor-178 .elementor-element.elementor-element-7d5a883{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-178 .elementor-element.elementor-element-7d5a883 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-178 .elementor-element.elementor-element-52f4ffe.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-178 .elementor-element.elementor-element-52f4ffe.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-178 .elementor-element.elementor-element-10c90ed.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-178 .elementor-element.elementor-element-10c90ed{text-align:center;}.elementor-178 .elementor-element.elementor-element-10c90ed .wpr-logo{padding:0px 0px 0px 0px;border-radius:2px 2px 2px 2px;}.elementor-178 .elementor-element.elementor-element-10c90ed .wpr-logo-image{max-width:100px;}.elementor-178 .elementor-element.elementor-element-10c90ed.wpr-logo-position-left .wpr-logo-image{margin-right:0px;}.elementor-178 .elementor-element.elementor-element-10c90ed.wpr-logo-position-right .wpr-logo-image{margin-left:0px;}.elementor-178 .elementor-element.elementor-element-10c90ed.wpr-logo-position-center .wpr-logo-image{margin-bottom:0px;}.elementor-178 .elementor-element.elementor-element-10c90ed .wpr-logo-image img{-webkit-transition-duration:0.7s;transition-duration:0.7s;}.elementor-178 .elementor-element.elementor-element-10c90ed .wpr-logo-title{color:#605BE5;margin:0 0 0px;}.elementor-178 .elementor-element.elementor-element-10c90ed .wpr-logo-description{color:#888888;}.elementor-bc-flex-widget .elementor-178 .elementor-element.elementor-element-a78ee1d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-178 .elementor-element.elementor-element-a78ee1d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-menu-item.wpr-pointer-item{transition-duration:0.8s;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-menu-item.wpr-pointer-item:before{transition-duration:0.8s;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-menu-item.wpr-pointer-item:after{transition-duration:0.8s;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-mobile-toggle-wrap{text-align:center;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-nav-menu .wpr-menu-item,
					 .elementor-178 .elementor-element.elementor-element-27d8094 .wpr-nav-menu > .menu-item-has-children > .wpr-sub-icon{color:#FFFFFF;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-nav-menu .wpr-menu-item:hover,
					 .elementor-178 .elementor-element.elementor-element-27d8094 .wpr-nav-menu > .menu-item-has-children:hover > .wpr-sub-icon,
					 .elementor-178 .elementor-element.elementor-element-27d8094 .wpr-nav-menu .wpr-menu-item.wpr-active-menu-item,
					 .elementor-178 .elementor-element.elementor-element-27d8094 .wpr-nav-menu > .menu-item-has-children.current_page_item > .wpr-sub-icon{color:#FF5027;}.elementor-178 .elementor-element.elementor-element-27d8094.wpr-pointer-line-fx .wpr-menu-item:before,
					 .elementor-178 .elementor-element.elementor-element-27d8094.wpr-pointer-line-fx .wpr-menu-item:after{background-color:#FF5027;}.elementor-178 .elementor-element.elementor-element-27d8094.wpr-pointer-border-fx .wpr-menu-item:before{border-color:#FF5027;border-width:1px;}.elementor-178 .elementor-element.elementor-element-27d8094.wpr-pointer-background-fx .wpr-menu-item:before{background-color:#FF5027;}.elementor-178 .elementor-element.elementor-element-27d8094 .menu-item-has-children .wpr-sub-icon{font-size:13px;}.elementor-178 .elementor-element.elementor-element-27d8094.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-178 .elementor-element.elementor-element-27d8094.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-178 .elementor-element.elementor-element-27d8094 .wpr-nav-menu .wpr-menu-item,.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-mobile-nav-menu a,.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-mobile-toggle-text{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;letter-spacing:0.2px;}.elementor-178 .elementor-element.elementor-element-27d8094.wpr-pointer-underline .wpr-menu-item:after,
					 .elementor-178 .elementor-element.elementor-element-27d8094.wpr-pointer-overline .wpr-menu-item:before,
					 .elementor-178 .elementor-element.elementor-element-27d8094.wpr-pointer-double-line .wpr-menu-item:before,
					 .elementor-178 .elementor-element.elementor-element-27d8094.wpr-pointer-double-line .wpr-menu-item:after{height:1px;}.elementor-178 .elementor-element.elementor-element-27d8094.wpr-pointer-underline>nav>ul>li>.wpr-menu-item:after,
					 .elementor-178 .elementor-element.elementor-element-27d8094.wpr-pointer-overline>nav>ul>li>.wpr-menu-item:before,
					 .elementor-178 .elementor-element.elementor-element-27d8094.wpr-pointer-double-line>nav>ul>li>.wpr-menu-item:before,
					 .elementor-178 .elementor-element.elementor-element-27d8094.wpr-pointer-double-line>nav>ul>li>.wpr-menu-item:after{height:1px;}.elementor-178 .elementor-element.elementor-element-27d8094.wpr-pointer-border-fx>nav>ul>li>.wpr-menu-item:before{border-width:1px;}.elementor-178 .elementor-element.elementor-element-27d8094.wpr-pointer-underline>.elementor-widget-container>nav>ul>li>.wpr-menu-item:after,
					 .elementor-178 .elementor-element.elementor-element-27d8094.wpr-pointer-overline>.elementor-widget-container>nav>ul>li>.wpr-menu-item:before,
					 .elementor-178 .elementor-element.elementor-element-27d8094.wpr-pointer-double-line>.elementor-widget-container>nav>ul>li>.wpr-menu-item:before,
					 .elementor-178 .elementor-element.elementor-element-27d8094.wpr-pointer-double-line>.elementor-widget-container>nav>ul>li>.wpr-menu-item:after{height:1px;}.elementor-178 .elementor-element.elementor-element-27d8094.wpr-pointer-border-fx>.elementor-widget-container>nav>ul>li>.wpr-menu-item:before{border-width:1px;}.elementor-178 .elementor-element.elementor-element-27d8094:not(.wpr-pointer-border-fx) .wpr-menu-item.wpr-pointer-item:before{transform:translateY(-0px);}.elementor-178 .elementor-element.elementor-element-27d8094:not(.wpr-pointer-border-fx) .wpr-menu-item.wpr-pointer-item:after{transform:translateY(0px);}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-nav-menu .wpr-menu-item{padding-left:8px;padding-right:8px;padding-top:10px;padding-bottom:10px;}.elementor-178 .elementor-element.elementor-element-27d8094.wpr-pointer-background:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-8px;}.elementor-178 .elementor-element.elementor-element-27d8094.wpr-pointer-border:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-8px;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-nav-menu > .menu-item{margin-left:10px;margin-right:10px;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-menu{margin-left:10px;}.elementor-178 .elementor-element.elementor-element-27d8094.wpr-main-menu-align-left .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{right:10px;}.elementor-178 .elementor-element.elementor-element-27d8094.wpr-main-menu-align-right .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{left:10px;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-sub-menu .wpr-sub-menu-item,
					 .elementor-178 .elementor-element.elementor-element-27d8094 .wpr-sub-menu > .menu-item-has-children .wpr-sub-icon{color:#333333;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-sub-menu .wpr-sub-menu-item{background-color:#ffffff;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-sub-menu .wpr-sub-menu-item:hover,
					 .elementor-178 .elementor-element.elementor-element-27d8094 .wpr-sub-menu > .menu-item-has-children .wpr-sub-menu-item:hover .wpr-sub-icon,
					 .elementor-178 .elementor-element.elementor-element-27d8094 .wpr-sub-menu .wpr-sub-menu-item.wpr-active-menu-item,
					 .elementor-178 .elementor-element.elementor-element-27d8094 .wpr-sub-menu > .menu-item-has-children.current_page_item .wpr-sub-icon{color:#ffffff;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-sub-menu .wpr-sub-menu-item:hover,
					 .elementor-178 .elementor-element.elementor-element-27d8094 .wpr-sub-menu .wpr-sub-menu-item.wpr-active-menu-item{background-color:#CC260A;}.elementor-178 .elementor-element.elementor-element-27d8094.wpr-sub-divider-yes .wpr-sub-menu li:not(:last-child){border-bottom-color:#e8e8e8;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-sub-menu{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E8E8E8;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-mobile-nav-menu a,
					 .elementor-178 .elementor-element.elementor-element-27d8094 .wpr-mobile-nav-menu .menu-item-has-children > a:after{color:#FFFFFF;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-mobile-nav-menu li{background-color:#FD3101C7;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-mobile-nav-menu li a:hover,
					 .elementor-178 .elementor-element.elementor-element-27d8094 .wpr-mobile-nav-menu .menu-item-has-children > a:hover:after,
					 .elementor-178 .elementor-element.elementor-element-27d8094 .wpr-mobile-nav-menu li a.wpr-active-menu-item,
					 .elementor-178 .elementor-element.elementor-element-27d8094 .wpr-mobile-nav-menu .menu-item-has-children.current_page_item > a:hover:after{color:#ffffff;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-mobile-nav-menu a:hover,
					 .elementor-178 .elementor-element.elementor-element-27d8094 .wpr-mobile-nav-menu a.wpr-active-menu-item{background-color:#FD3101;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-mobile-nav-menu a{padding-left:50px;padding-right:50px;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-mobile-nav-menu .menu-item-has-children > a:after{margin-left:50px;margin-right:50px;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-mobile-nav-menu .wpr-mobile-menu-item{padding-top:5px;padding-bottom:5px;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-mobile-nav-menu .wpr-mobile-sub-menu-item{font-size:1px;padding-top:1px;padding-bottom:1px;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-mobile-nav-menu{margin-top:8px;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-mobile-toggle{border-color:#FD3101;width:40px;border-width:0px;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-mobile-toggle-text{color:#FD3101;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-mobile-toggle-line{background-color:#FD3101;height:2px;margin-bottom:4px;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-mobile-toggle:hover{border-color:#FFFFFF;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-mobile-toggle:hover .wpr-mobile-toggle-text{color:#FFFFFF;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-mobile-toggle:hover .wpr-mobile-toggle-line{background-color:#FFFFFF;}.elementor-bc-flex-widget .elementor-178 .elementor-element.elementor-element-90b1027.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-178 .elementor-element.elementor-element-90b1027.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-178 .elementor-element.elementor-element-c1ce261 .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-178 .elementor-element.elementor-element-c1ce261 [class*="elementor-animation"]:hover,
								.elementor-178 .elementor-element.elementor-element-c1ce261 .wpr-button::before,
								.elementor-178 .elementor-element.elementor-element-c1ce261 .wpr-button::after{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-astglobalcolor4 ) 0%, #1C87B4 100%);}.elementor-178 .elementor-element.elementor-element-c1ce261 .wpr-button::before{-webkit-transition-duration:0.7s;transition-duration:0.7s;-webkit-animation-duration:0.7s;animation-duration:0.7s;}.elementor-178 .elementor-element.elementor-element-c1ce261 .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-178 .elementor-element.elementor-element-c1ce261 .wpr-button .wpr-button-icon{-webkit-transition-duration:0.7s;transition-duration:0.7s;}.elementor-178 .elementor-element.elementor-element-c1ce261 .wpr-button .wpr-button-icon svg{-webkit-transition-duration:0.7s;transition-duration:0.7s;}.elementor-178 .elementor-element.elementor-element-c1ce261 .wpr-button .wpr-button-text{-webkit-transition-duration:0.7s;transition-duration:0.7s;-webkit-animation-duration:0.7s;animation-duration:0.7s;}.elementor-178 .elementor-element.elementor-element-c1ce261 .wpr-button .wpr-button-content{-webkit-transition-duration:0.7s;transition-duration:0.7s;-webkit-animation-duration:0.7s;animation-duration:0.7s;}.elementor-178 .elementor-element.elementor-element-c1ce261 .wpr-button-wrap{max-width:200px;}.elementor-178 .elementor-element.elementor-element-c1ce261{text-align:right;}.elementor-178 .elementor-element.elementor-element-c1ce261 .wpr-button-content{-webkit-justify-content:center;justify-content:center;}.elementor-178 .elementor-element.elementor-element-c1ce261 .wpr-button-text{-webkit-justify-content:center;justify-content:center;color:#ffffff;}.elementor-178 .elementor-element.elementor-element-c1ce261 .wpr-button-icon{font-size:18px;}.elementor-178 .elementor-element.elementor-element-c1ce261 .wpr-button-icon svg{width:18px;height:18px;}.elementor-178 .elementor-element.elementor-element-c1ce261.wpr-button-icon-position-left .wpr-button-icon{margin-right:12px;}.elementor-178 .elementor-element.elementor-element-c1ce261.wpr-button-icon-position-right .wpr-button-icon{margin-left:12px;}.elementor-178 .elementor-element.elementor-element-c1ce261.wpr-button-icon-style-inline .wpr-button-icon{color:#ffffff;}.elementor-178 .elementor-element.elementor-element-c1ce261.wpr-button-icon-style-inline .wpr-button-icon svg{fill:#ffffff;}.elementor-178 .elementor-element.elementor-element-c1ce261 .wpr-button-text,.elementor-178 .elementor-element.elementor-element-c1ce261 .wpr-button::after{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;letter-spacing:0.3px;}.elementor-178 .elementor-element.elementor-element-c1ce261 .wpr-button:hover .wpr-button-text{color:#ffffff;}.elementor-178 .elementor-element.elementor-element-c1ce261.wpr-button-icon-style-inline .wpr-button:hover .wpr-button-icon{color:#ffffff;}.elementor-178 .elementor-element.elementor-element-c1ce261.wpr-button-icon-style-inline .wpr-button:hover .wpr-button-icon svg{fill:#ffffff;}.elementor-178 .elementor-element.elementor-element-c1ce261 .wpr-button:focus .wpr-button-text{color:#ffffff;}.elementor-178 .elementor-element.elementor-element-c1ce261.wpr-button-icon-style-inline .wpr-button:focus .wpr-button-icon{color:#ffffff;}.elementor-178 .elementor-element.elementor-element-c1ce261.wpr-button-icon-style-inline .wpr-button:focus .wpr-button-icon svg{fill:#ffffff;}.elementor-178 .elementor-element.elementor-element-c1ce261 .wpr-button:hover{border-color:#E8E8E8;box-shadow:0px 0px 20px 0px rgba(156, 158, 186, 0.3215686274509804);}.elementor-178 .elementor-element.elementor-element-c1ce261.wpr-button-icon-style-inline .wpr-button{padding:10px 10px 10px 10px;}.elementor-178 .elementor-element.elementor-element-c1ce261.wpr-button-icon-style-block .wpr-button-text{padding:10px 10px 10px 10px;}.elementor-178 .elementor-element.elementor-element-c1ce261.wpr-button-icon-style-inline-block .wpr-button-content{padding:10px 10px 10px 10px;}.elementor-178 .elementor-element.elementor-element-9ba70b0{--display:flex;}.elementor-178 .elementor-element.elementor-element-9ba70b0.e-con{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-178 .elementor-element.elementor-element-7d5a883{padding:0px 20px 0px 20px;}.elementor-bc-flex-widget .elementor-178 .elementor-element.elementor-element-a78ee1d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-178 .elementor-element.elementor-element-a78ee1d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-178 .elementor-element.elementor-element-a78ee1d{z-index:1;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-mobile-toggle-wrap{text-align:center;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-nav-menu .wpr-menu-item,.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-mobile-nav-menu a,.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-mobile-toggle-text{font-size:13px;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-nav-menu .wpr-menu-item{padding-left:5px;padding-right:5px;padding-top:0px;padding-bottom:0px;}.elementor-178 .elementor-element.elementor-element-27d8094.wpr-pointer-background:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-5px;}.elementor-178 .elementor-element.elementor-element-27d8094.wpr-pointer-border:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-5px;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-nav-menu > .menu-item{margin-left:0px;margin-right:0px;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-menu{margin-left:0px;}.elementor-178 .elementor-element.elementor-element-27d8094.wpr-main-menu-align-left .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{right:0px;}.elementor-178 .elementor-element.elementor-element-27d8094.wpr-main-menu-align-right .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{left:0px;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-sub-menu .wpr-sub-menu-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-sub-menu .wpr-sub-icon{right:0px;}.elementor-178 .elementor-element.elementor-element-27d8094.wpr-main-menu-align-right .wpr-nav-menu-vertical .wpr-sub-menu .wpr-sub-icon{left:0px;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-nav-menu-horizontal .wpr-nav-menu > li > .wpr-sub-menu{margin-top:0px;}.elementor-178 .elementor-element.elementor-element-c1ce261 .wpr-button-text,.elementor-178 .elementor-element.elementor-element-c1ce261 .wpr-button::after{font-size:13px;}}@media(max-width:767px){.elementor-178 .elementor-element.elementor-element-52f4ffe{width:50%;}.elementor-178 .elementor-element.elementor-element-10c90ed{width:var( --container-widget-width, 166.4px );max-width:166.4px;--container-widget-width:166.4px;--container-widget-flex-grow:0;}.elementor-178 .elementor-element.elementor-element-a78ee1d{width:50%;z-index:7;}.elementor-bc-flex-widget .elementor-178 .elementor-element.elementor-element-a78ee1d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-178 .elementor-element.elementor-element-a78ee1d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-178 .elementor-element.elementor-element-27d8094 .wpr-mobile-toggle-wrap{text-align:right;}.elementor-178 .elementor-element.elementor-element-90b1027{width:100%;}.elementor-178 .elementor-element.elementor-element-c1ce261{text-align:center;}}@media(min-width:768px){.elementor-178 .elementor-element.elementor-element-52f4ffe{width:12.455%;}.elementor-178 .elementor-element.elementor-element-a78ee1d{width:65.192%;}.elementor-178 .elementor-element.elementor-element-90b1027{width:22.017%;}}/* Start custom CSS for html, class: .elementor-element-c51f536 *//* =========================================================
   SWASTIK AIR CONDITIONING
   AC GAS REFILL SERVICE
   COMPLETE RESPONSIVE CSS
   HEADER / NAVIGATION NOT INCLUDED
========================================================= */


/* =========================================================
   VARIABLES
========================================================= */

.sw-ac-gas-page {

  --red: #e30613;
  --red-dark: #c8000c;
  --red-light: #fff1f2;

  --navy: #09243e;
  --navy-2: #123957;

  --text: #26394c;
  --muted: #657689;

  --white: #ffffff;
  --light: #f7f9fb;

  --border: #e2e8ee;

  --shadow:
    0 12px 35px rgba(9, 36, 62, 0.08);

  --container: 1180px;

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

  color: var(--text);

  line-height: 1.6;

  overflow: hidden;
}


/* =========================================================
   RESET
========================================================= */

.sw-ac-gas-page *,
.sw-ac-gas-page *::before,
.sw-ac-gas-page *::after {

  box-sizing: border-box;
}


.sw-ac-gas-page img {

  width: 100%;

  height: auto;

  display: block;
}


.sw-ac-gas-page a {

  text-decoration: none;
}


.sw-ac-gas-page h1,
.sw-ac-gas-page h2,
.sw-ac-gas-page h3,
.sw-ac-gas-page p {

  margin-top: 0;
}


/* =========================================================
   CONTAINER
========================================================= */

.gas-container {

  width:
    min(
      var(--container),
      calc(100% - 50px)
    );

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


/* =========================================================
   EYEBROW
========================================================= */

.gas-eyebrow {

  display: flex;

  align-items: center;

  gap: 12px;

  color: var(--navy);

  font-size: 12px;

  font-weight: 800;

  letter-spacing: 1.2px;

  margin-bottom: 20px;
}


.gas-eyebrow span {

  display: block;

  width: 40px;

  height: 3px;

  background: var(--red);
}


.gas-eyebrow.center {

  justify-content: center;
}


/* =========================================================
   HERO
========================================================= */

.gas-hero {

  background:

    linear-gradient(
      90deg,
      #ffffff 0%,
      #ffffff 36%,
      rgba(255,255,255,.94) 48%,
      rgba(255,255,255,.15) 78%,
      rgba(255,255,255,0) 100%
    );

}


.gas-hero-grid {

  min-height: 600px;

  display: grid;

  grid-template-columns:
    48% 52%;

  align-items: stretch;
}


/* HERO CONTENT */

.gas-hero-content {

  padding:

    75px
    20px
    50px
    0;

  position: relative;

  z-index: 2;
}


.gas-hero h1 {

  font-size:
    clamp(
      48px,
      5vw,
      72px
    );

  line-height: .98;

  letter-spacing: -3px;

  color: var(--navy);

  font-weight: 900;

  margin-bottom: 15px;
}


.gas-hero h1 strong {

  display: block;

  color: var(--red);
}


.gas-hero h2 {

  color: var(--navy);

  font-size: 23px;

  line-height: 1.25;

  margin-bottom: 18px;
}


.gas-hero p {

  max-width: 600px;

  color: var(--muted);

  font-size: 15px;

  line-height: 1.7;

  margin-bottom: 28px;
}


/* HERO BUTTONS */

.gas-hero-buttons {

  display: flex;

  gap: 12px;

  flex-wrap: wrap;
}


.gas-btn {

  min-height: 52px;

  padding:
    12px 20px;

  border-radius: 7px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 9px;

  font-size: 14px;

  font-weight: 800;

  transition:
    .25s ease;
}


.gas-btn-primary {

  background: var(--red);

  color: white;

  box-shadow:
    0 8px 20px
    rgba(227, 6, 19, .2);
}


.gas-btn-primary:hover {

  background: var(--red-dark);

  transform:
    translateY(-2px);
}


.gas-btn-outline {

  color: var(--red);

  background: white;

  border:
    2px solid var(--red);
}


.gas-btn-outline:hover {

  background:
    var(--red-light);
}


.gas-btn-outline small {

  display: block;

  font-size: 11px;

  color: var(--navy);

  margin-top: 2px;
}


/* HERO BENEFITS */

.gas-hero-benefits {

  display: grid;

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

  max-width: 620px;

  margin-top: 42px;
}


.gas-benefit {

  padding:
    0 12px;

  border-right:
    1px solid var(--border);
}


.gas-benefit:last-child {

  border-right: 0;
}


.gas-benefit-icon {

  width: 38px;

  height: 38px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  background:
    var(--red-light);

  color: var(--red);

  font-size: 18px;

  margin-bottom: 7px;
}


.gas-benefit strong {

  display: block;

  color: var(--navy);

  font-size: 12px;
}


.gas-benefit small {

  color: var(--muted);

  font-size: 11px;
}


/* HERO IMAGE */

.gas-hero-image {

  min-height: 600px;

  position: relative;

  overflow: hidden;
}


.gas-hero-image img {

  width: 100%;

  height: 100%;

  object-fit: cover;
}


.gas-handwriting {

  position: absolute;

  top: 45px;

  right: 35px;

  color: var(--navy);

  font-family: cursive;

  font-size: 23px;

  line-height: 1.25;

  transform:
    rotate(-5deg);
}


.gas-handwriting span {

  color: var(--red);
}


/* =========================================================
   TRUST BAR
========================================================= */

.gas-trust-bar {

  background:
    #fff7f7;

  border-top:
    1px solid #f2e5e5;

  border-bottom:
    1px solid #f2e5e5;
}


.gas-trust-grid {

  display: grid;

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

  min-height: 90px;
}


.gas-trust-box {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 13px;

  border-right:
    1px solid #eadede;
}


.gas-trust-box:last-child {

  border-right: 0;
}


.gas-trust-icon {

  color: var(--red);

  font-size: 25px;
}


.gas-trust-box strong {

  display: block;

  color: var(--navy);

  font-size: 15px;
}


.gas-trust-box span {

  display: block;

  color: var(--muted);

  font-size: 11px;
}


/* =========================================================
   WHY GAS
========================================================= */

.gas-why {

  padding:
    80px 0;

  background:
    white;
}


.gas-two-column {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 55px;

  align-items: center;
}


/* IMAGE */

.gas-why-image {

  height: 430px;

  position: relative;

  overflow: hidden;

  border-radius: 12px;

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


.gas-why-image > img {

  width: 100%;

  height: 100%;

  object-fit: cover;
}


.gas-low-badge {

  position: absolute;

  top: 22px;

  right: 22px;

  background:
    var(--red);

  color: white;

  padding:
    14px 18px;

  border-radius: 50%;

  width: 110px;

  height: 110px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  text-align: center;

  font-size: 12px;

  transform:
    rotate(5deg);

  box-shadow:
    0 8px 20px
    rgba(0,0,0,.15);
}


.gas-low-badge strong {

  font-size: 15px;
}


.gas-symptoms {

  position: absolute;

  left: 20px;

  bottom: 65px;

  background:
    rgba(255,255,255,.94);

  padding:
    12px 17px;

  border-radius: 7px;

  color: var(--navy);

  font-size: 12px;

  line-height: 1.8;
}


.gas-symptoms div::first-letter {

  color: var(--red);
}


.gas-image-bottom {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  background:
    var(--navy);

  color: white;

  padding:
    12px 15px;

  font-size: 13px;

  font-weight: 700;
}


/* CONTENT */

.gas-why-content h2 {

  color: var(--navy);

  font-size: 40px;

  line-height: 1.08;

  letter-spacing: -1.2px;

  font-weight: 900;

  margin-bottom: 18px;
}


.gas-why-content h2 strong {

  display: block;

  color: var(--red);
}


.gas-why-content p {

  color: var(--muted);

  font-size: 14px;

  line-height: 1.7;

  margin-bottom: 13px;
}


/* FEATURES */

.gas-feature-grid {

  display: grid;

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

  gap: 12px;

  margin-top: 28px;
}


.gas-feature {

  text-align: center;
}


.gas-feature div {

  width: 46px;

  height: 46px;

  margin:
    0 auto 9px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  background:
    var(--red-light);

  color: var(--red);

  font-size: 22px;

  font-weight: 900;
}


.gas-feature strong {

  color: var(--navy);

  font-size: 11px;

  line-height: 1.35;
}


/* =========================================================
   TYPES
========================================================= */

.gas-types {

  padding:
    80px 0;

  background:
    var(--light);
}


.gas-section-heading {

  text-align: center;

  max-width: 800px;

  margin:
    0 auto 40px;
}


.gas-section-heading h2 {

  color: var(--navy);

  font-size: 38px;

  line-height: 1.15;

  margin-bottom: 10px;

  font-weight: 900;
}


.gas-section-heading h2 strong {

  color: var(--red);
}


.gas-section-heading p {

  color: var(--muted);

  font-size: 14px;
}


/* TYPE CARDS */

.gas-type-grid {

  display: grid;

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

  gap: 20px;
}


.gas-type-card {

  background:
    white;

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

  border-radius: 10px;

  padding:
    22px 15px;

  text-align: center;

  box-shadow:
    0 7px 20px
    rgba(9,36,62,.05);

  transition:
    .25s ease;
}


.gas-type-card:hover {

  transform:
    translateY(-5px);

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


.gas-cylinder {

  height: 145px;

  margin-bottom: 10px;
}


.gas-cylinder img {

  height: 100%;

  object-fit: contain;
}


.gas-type-card h3 {

  color: var(--navy);

  font-size: 16px;

  margin-bottom: 5px;
}


.gas-type-card p {

  color: var(--muted);

  font-size: 12px;

  line-height: 1.5;

  margin: 0;
}


/* =========================================================
   PROCESS
========================================================= */

.gas-process {

  padding:
    80px 0;

  background:
    white;
}


.gas-process-grid {

  display: grid;

  grid-template-columns:
    1fr auto
    1fr auto
    1fr auto
    1fr;

  align-items: center;

  gap: 12px;
}


.gas-process-card {

  background:
    white;

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

  border-radius: 10px;

  padding:
    22px 20px;

  min-height: 225px;

  box-shadow:
    0 6px 20px
    rgba(9,36,62,.04);
}


.gas-step-number {

  color: var(--red);

  font-size: 16px;

  font-weight: 900;
}


.gas-step-icon {

  width: 46px;

  height: 46px;

  background:
    var(--red);

  color: white;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  margin:
    9px 0 13px;

  font-size: 21px;
}


.gas-process-card h3 {

  color: var(--navy);

  font-size: 15px;

  margin-bottom: 7px;
}


.gas-process-card p {

  color: var(--muted);

  font-size: 12px;

  line-height: 1.6;
}


.gas-process-arrow {

  color: var(--red);

  font-size: 27px;

  font-weight: 900;
}


/* =========================================================
   RED CTA
========================================================= */

.gas-red-cta {

  background:

    linear-gradient(
      110deg,
      #c9000c,
      #ed101d
    );

  color: white;

  overflow: hidden;
}


.gas-cta-grid {

  min-height: 210px;

  display: grid;

  grid-template-columns:
    170px 1fr auto;

  align-items: center;

  gap: 30px;
}


.gas-cta-technician {

  height: 210px;

  align-self: end;

  overflow: hidden;
}


.gas-cta-technician img {

  height: 100%;

  object-fit: contain;

  object-position:
    bottom center;
}


.gas-cta-content h2 {

  font-size: 29px;

  line-height: 1.15;

  margin-bottom: 8px;

  color: white;
}


.gas-cta-content h2 span {

  display: block;
}


.gas-cta-content p {

  margin: 0;

  font-size: 14px;

  opacity: .9;
}


.gas-cta-buttons {

  display: flex;

  gap: 10px;
}


.gas-white-btn {

  background:
    white;

  color:
    var(--red);
}


.gas-cta-call {

  border:
    1px solid white;

  color: white;

  background:
    transparent;
}


.gas-cta-call:hover {

  background:
    rgba(255,255,255,.1);
}


.gas-cta-call small {

  display: block;

  font-size: 10px;
}


/* =========================================================
   BRANDS
========================================================= */

.gas-brands {

  padding:
    55px 0;

  text-align: center;

  background:
    white;
}


.gas-brands h2 {

  color: var(--navy);

  font-size: 31px;

  margin-bottom: 27px;

  font-weight: 900;
}


.gas-brands h2 strong {

  color: var(--red);
}


.gas-brand-list {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-wrap: wrap;

  gap: 10px;
}


.gas-brand-list span {

  padding:
    11px 18px;

  background:
    #f7f9fb;

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

  color:
    var(--navy);

  font-size: 12px;

  font-weight: 900;

  border-radius: 6px;
}


/* =========================================================
   CONTACT / FAQ
========================================================= */

.gas-contact {

  padding:
    80px 0;

  background:
    #f8fafc;
}


.gas-contact-grid {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 45px;

  align-items: start;
}


/* FAQ */

.gas-faq h2 {

  color: var(--navy);

  font-size: 34px;

  line-height: 1.15;

  margin-bottom: 25px;
}


.gas-faq h2 strong {

  color: var(--red);
}


.gas-faq details {

  background:
    white;

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

  border-radius: 6px;

  margin-bottom: 9px;

  padding:
    0 17px;
}


.gas-faq summary {

  list-style: none;

  cursor: pointer;

  padding:
    15px 0;

  padding-right: 30px;

  color: var(--navy);

  font-size: 13px;

  font-weight: 700;

  position: relative;
}


.gas-faq summary::-webkit-details-marker {

  display: none;
}


.gas-faq summary::after {

  content: "+";

  position: absolute;

  right: 0;

  top: 12px;

  color: var(--navy);

  font-size: 20px;
}


.gas-faq details[open]
summary::after {

  content: "−";

  color: var(--red);
}


.gas-faq details p {

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

  color: var(--muted);

  font-size: 12px;

  padding:
    12px 0;

  margin: 0;
}


/* FORM */

.gas-form-box {

  background:
    #fff5f5;

  border-radius: 10px;

  padding:
    30px;
}


.gas-form-box h2 {

  color: var(--navy);

  font-size: 31px;

  line-height: 1.15;

  margin-bottom: 10px;
}


.gas-form-box h2 strong {

  display: block;

  color: var(--red);
}


.gas-form-box > p {

  color: var(--muted);

  font-size: 13px;

  margin-bottom: 20px;
}


.gas-form-row {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 10px;
}


.gas-form-box input,
.gas-form-box select,
.gas-form-box textarea {

  width: 100%;

  border:
    1px solid #dce3e9;

  background:
    white;

  border-radius: 5px;

  padding:
    13px 14px;

  margin-bottom: 10px;

  font-family:
    inherit;

  font-size: 13px;

  color:
    var(--navy);

  outline: none;
}


.gas-form-box input:focus,
.gas-form-box select:focus,
.gas-form-box textarea:focus {

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


.gas-form-box textarea {

  resize: vertical;
}


.gas-form-box button {

  width: 100%;

  border: 0;

  border-radius: 5px;

  background:
    var(--red);

  color: white;

  padding:
    14px;

  font-size: 14px;

  font-weight: 800;

  cursor: pointer;

  transition:
    .25s ease;
}


.gas-form-box button:hover {

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


/* =========================================================
   FINAL STRIP
========================================================= */

.gas-final-strip {

  background:
    var(--navy);

  color: white;

  display: grid;

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

  padding:
    25px 5%;

  gap: 20px;
}


.gas-final-strip > div {

  text-align: center;

  border-right:
    1px solid
    rgba(255,255,255,.18);
}


.gas-final-strip > div:last-child {

  border-right: 0;
}


.gas-final-strip strong {

  display: block;

  color: white;

  font-size: 20px;
}


.gas-final-strip span {

  display: block;

  color: #c1ced9;

  font-size: 11px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

  .gas-container {

    width:
      min(
        930px,
        calc(100% - 35px)
      );
  }


  .gas-hero-grid {

    grid-template-columns:
      1fr 1fr;
  }


  .gas-two-column {

    gap: 30px;
  }


  .gas-feature-grid {

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

    row-gap: 20px;
  }


  .gas-type-grid {

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


  .gas-process-grid {

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


  .gas-process-arrow {

    display: none;
  }


  .gas-cta-grid {

    grid-template-columns:
      140px 1fr;

    padding:
      0 0 20px;
  }


  .gas-cta-buttons {

    grid-column: 2;

    margin-top:
      -25px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

  .gas-container {

    width:
      calc(100% - 28px);
  }


  /* HERO */

  .gas-hero-grid {

    display: flex;

    flex-direction:
      column;
  }


  .gas-hero-content {

    padding:
      48px 0 30px;
  }


  .gas-hero h1 {

    font-size:
      46px;

    letter-spacing:
      -2px;
  }


  .gas-hero h2 {

    font-size:
      20px;
  }


  .gas-hero p {

    font-size:
      14px;
  }


  .gas-hero-buttons {

    flex-direction:
      column;
  }


  .gas-hero-buttons .gas-btn {

    width:
      100%;
  }


  .gas-hero-benefits {

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

    margin-top:
      30px;

    row-gap:
      20px;
  }


  .gas-benefit {

    border-right:
      0;

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

    padding-bottom:
      12px;
  }


  .gas-hero-image {

    height:
      430px;

    min-height:
      430px;
  }


  .gas-handwriting {

    top:
      25px;

    right:
      15px;

    font-size:
      18px;
  }


  /* TRUST */

  .gas-trust-grid {

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


  .gas-trust-box {

    min-height:
      80px;

    border-right:
      0;

    border-bottom:
      1px solid #eadede;
  }


  .gas-trust-box:nth-child(3),
  .gas-trust-box:nth-child(4) {

    border-bottom:
      0;
  }


  /* WHY */

  .gas-why {

    padding:
      55px 0;
  }


  .gas-two-column {

    display:
      flex;

    flex-direction:
      column;
  }


  .gas-why-image {

    width:
      100%;

    height:
      330px;
  }


  .gas-why-content h2 {

    font-size:
      32px;
  }


  .gas-feature-grid {

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


  /* TYPES */

  .gas-types {

    padding:
      55px 0;
  }


  .gas-section-heading h2 {

    font-size:
      31px;
  }


  .gas-type-grid {

    grid-template-columns:
      1fr;
  }


  .gas-cylinder {

    height:
      160px;
  }


  /* PROCESS */

  .gas-process {

    padding:
      55px 0;
  }


  .gas-process-grid {

    grid-template-columns:
      1fr;
  }


  .gas-process-card {

    min-height:
      auto;
  }


  /* CTA */

  .gas-cta-grid {

    display:
      flex;

    flex-direction:
      column;

    text-align:
      center;

    gap:
      8px;

    padding-top:
      20px;
  }


  .gas-cta-technician {

    width:
      160px;

    height:
      175px;
  }


  .gas-cta-content h2 {

    font-size:
      25px;
  }


  .gas-cta-buttons {

    width:
      100%;

    flex-direction:
      column;

    margin:
      15px 0 25px;
  }


  .gas-cta-buttons .gas-btn {

    width:
      100%;
  }


  /* BRANDS */

  .gas-brands {

    padding:
      45px 0;
  }


  .gas-brands h2 {

    font-size:
      28px;
  }


  .gas-brand-list {

    gap:
      7px;
  }


  .gas-brand-list span {

    padding:
      9px 11px;

    font-size:
      10px;
  }


  /* CONTACT */

  .gas-contact {

    padding:
      55px 0;
  }


  .gas-contact-grid {

    grid-template-columns:
      1fr;

    gap:
      35px;
  }


  .gas-faq h2 {

    font-size:
      30px;
  }


  .gas-form-box {

    padding:
      22px 17px;
  }


  .gas-form-box h2 {

    font-size:
      28px;
  }


  .gas-form-row {

    grid-template-columns:
      1fr;

    gap:
      0;
  }


  /* FINAL */

  .gas-final-strip {

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

    padding:
      20px 12px;
  }


  .gas-final-strip > div {

    border-right:
      0;

    border-bottom:
      1px solid
      rgba(255,255,255,.15);

    padding:
      10px;
  }


  .gas-final-strip > div:nth-child(3),
  .gas-final-strip > div:nth-child(4) {

    border-bottom:
      0;
  }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

  .gas-hero h1 {

    font-size:
      40px;
  }


  .gas-eyebrow {

    font-size:
      10px;
  }


  .gas-section-heading h2 {

    font-size:
      28px;
  }


  .gas-why-content h2 {

    font-size:
      29px;
  }


  .gas-trust-box strong {

    font-size:
      13px;
  }


  .gas-trust-box span {

    font-size:
      10px;
  }
}/* End custom CSS */