.elementor-229 .elementor-element.elementor-element-bbe6cc3:not(.elementor-motion-effects-element-type-background), .elementor-229 .elementor-element.elementor-element-bbe6cc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ae1418;}.elementor-229 .elementor-element.elementor-element-bbe6cc3 > .elementor-container{min-height:100px;}.elementor-229 .elementor-element.elementor-element-bbe6cc3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-229 .elementor-element.elementor-element-bbe6cc3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-229 .elementor-element.elementor-element-92f3779.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-229 .elementor-element.elementor-element-92f3779.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-229 .elementor-element.elementor-element-f32a2e3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-229 .elementor-element.elementor-element-f32a2e3{text-align:center;}.elementor-229 .elementor-element.elementor-element-f32a2e3 .wpr-logo{padding:0px 0px 0px 0px;border-radius:2px 2px 2px 2px;}.elementor-229 .elementor-element.elementor-element-f32a2e3 .wpr-logo-image{max-width:100px;}.elementor-229 .elementor-element.elementor-element-f32a2e3.wpr-logo-position-left .wpr-logo-image{margin-right:0px;}.elementor-229 .elementor-element.elementor-element-f32a2e3.wpr-logo-position-right .wpr-logo-image{margin-left:0px;}.elementor-229 .elementor-element.elementor-element-f32a2e3.wpr-logo-position-center .wpr-logo-image{margin-bottom:0px;}.elementor-229 .elementor-element.elementor-element-f32a2e3 .wpr-logo-image img{-webkit-transition-duration:0.7s;transition-duration:0.7s;}.elementor-229 .elementor-element.elementor-element-f32a2e3 .wpr-logo-title{color:#605BE5;margin:0 0 0px;}.elementor-229 .elementor-element.elementor-element-f32a2e3 .wpr-logo-description{color:#888888;}.elementor-bc-flex-widget .elementor-229 .elementor-element.elementor-element-8558a7c.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-229 .elementor-element.elementor-element-8558a7c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-menu-item.wpr-pointer-item{transition-duration:0.8s;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-menu-item.wpr-pointer-item:before{transition-duration:0.8s;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-menu-item.wpr-pointer-item:after{transition-duration:0.8s;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-mobile-toggle-wrap{text-align:center;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-nav-menu .wpr-menu-item, .elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-nav-menu > .menu-item-has-children > .wpr-sub-icon{color:#FFFFFF;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-nav-menu .wpr-menu-item:hover, .elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-nav-menu > .menu-item-has-children:hover > .wpr-sub-icon, .elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-nav-menu .wpr-menu-item.wpr-active-menu-item, .elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-nav-menu > .menu-item-has-children.current_page_item > .wpr-sub-icon{color:#FF5027;}.elementor-229 .elementor-element.elementor-element-6c7c5dd.wpr-pointer-line-fx .wpr-menu-item:before, .elementor-229 .elementor-element.elementor-element-6c7c5dd.wpr-pointer-line-fx .wpr-menu-item:after{background-color:#FF5027;}.elementor-229 .elementor-element.elementor-element-6c7c5dd.wpr-pointer-border-fx .wpr-menu-item:before{border-color:#FF5027;border-width:1px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd.wpr-pointer-background-fx .wpr-menu-item:before{background-color:#FF5027;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .menu-item-has-children .wpr-sub-icon{font-size:13px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd.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-229 .elementor-element.elementor-element-6c7c5dd.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-229 .elementor-element.elementor-element-6c7c5dd .wpr-nav-menu .wpr-menu-item,.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-mobile-nav-menu a,.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-mobile-toggle-text{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;letter-spacing:0.2px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd.wpr-pointer-underline .wpr-menu-item:after, .elementor-229 .elementor-element.elementor-element-6c7c5dd.wpr-pointer-overline .wpr-menu-item:before, .elementor-229 .elementor-element.elementor-element-6c7c5dd.wpr-pointer-double-line .wpr-menu-item:before, .elementor-229 .elementor-element.elementor-element-6c7c5dd.wpr-pointer-double-line .wpr-menu-item:after{height:1px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd.wpr-pointer-underline>nav>ul>li>.wpr-menu-item:after, .elementor-229 .elementor-element.elementor-element-6c7c5dd.wpr-pointer-overline>nav>ul>li>.wpr-menu-item:before, .elementor-229 .elementor-element.elementor-element-6c7c5dd.wpr-pointer-double-line>nav>ul>li>.wpr-menu-item:before, .elementor-229 .elementor-element.elementor-element-6c7c5dd.wpr-pointer-double-line>nav>ul>li>.wpr-menu-item:after{height:1px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd.wpr-pointer-border-fx>nav>ul>li>.wpr-menu-item:before{border-width:1px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd.wpr-pointer-underline>.elementor-widget-container>nav>ul>li>.wpr-menu-item:after, .elementor-229 .elementor-element.elementor-element-6c7c5dd.wpr-pointer-overline>.elementor-widget-container>nav>ul>li>.wpr-menu-item:before, .elementor-229 .elementor-element.elementor-element-6c7c5dd.wpr-pointer-double-line>.elementor-widget-container>nav>ul>li>.wpr-menu-item:before, .elementor-229 .elementor-element.elementor-element-6c7c5dd.wpr-pointer-double-line>.elementor-widget-container>nav>ul>li>.wpr-menu-item:after{height:1px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd.wpr-pointer-border-fx>.elementor-widget-container>nav>ul>li>.wpr-menu-item:before{border-width:1px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd:not(.wpr-pointer-border-fx) .wpr-menu-item.wpr-pointer-item:before{transform:translateY(-0px);}.elementor-229 .elementor-element.elementor-element-6c7c5dd:not(.wpr-pointer-border-fx) .wpr-menu-item.wpr-pointer-item:after{transform:translateY(0px);}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-nav-menu .wpr-menu-item{padding-left:8px;padding-right:8px;padding-top:10px;padding-bottom:10px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd.wpr-pointer-background:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-8px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd.wpr-pointer-border:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-8px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-nav-menu > .menu-item{margin-left:10px;margin-right:10px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-menu{margin-left:10px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd.wpr-main-menu-align-left .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{right:10px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd.wpr-main-menu-align-right .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{left:10px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-sub-menu .wpr-sub-menu-item, .elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-sub-menu > .menu-item-has-children .wpr-sub-icon{color:#333333;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-sub-menu .wpr-sub-menu-item{background-color:#ffffff;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-sub-menu .wpr-sub-menu-item:hover, .elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-sub-menu > .menu-item-has-children .wpr-sub-menu-item:hover .wpr-sub-icon, .elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-sub-menu .wpr-sub-menu-item.wpr-active-menu-item, .elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-sub-menu > .menu-item-has-children.current_page_item .wpr-sub-icon{color:#ffffff;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-sub-menu .wpr-sub-menu-item:hover, .elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-sub-menu .wpr-sub-menu-item.wpr-active-menu-item{background-color:#CC260A;}.elementor-229 .elementor-element.elementor-element-6c7c5dd.wpr-sub-divider-yes .wpr-sub-menu li:not(:last-child){border-bottom-color:#e8e8e8;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-sub-menu{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E8E8E8;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-mobile-nav-menu a, .elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-mobile-nav-menu .menu-item-has-children > a:after{color:#FFFFFF;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-mobile-nav-menu li{background-color:#FD3101C7;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-mobile-nav-menu li a:hover, .elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-mobile-nav-menu .menu-item-has-children > a:hover:after, .elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-mobile-nav-menu li a.wpr-active-menu-item, .elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-mobile-nav-menu .menu-item-has-children.current_page_item > a:hover:after{color:#ffffff;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-mobile-nav-menu a:hover, .elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-mobile-nav-menu a.wpr-active-menu-item{background-color:#FD3101;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-mobile-nav-menu a{padding-left:50px;padding-right:50px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-mobile-nav-menu .menu-item-has-children > a:after{margin-left:50px;margin-right:50px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-mobile-nav-menu .wpr-mobile-menu-item{padding-top:5px;padding-bottom:5px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-mobile-nav-menu .wpr-mobile-sub-menu-item{font-size:1px;padding-top:1px;padding-bottom:1px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-mobile-nav-menu{margin-top:8px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-mobile-toggle{border-color:#FD3101;width:40px;border-width:0px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-mobile-toggle-text{color:#FD3101;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-mobile-toggle-line{background-color:#FD3101;height:2px;margin-bottom:4px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-mobile-toggle:hover{border-color:#FFFFFF;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-mobile-toggle:hover .wpr-mobile-toggle-text{color:#FFFFFF;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-mobile-toggle:hover .wpr-mobile-toggle-line{background-color:#FFFFFF;}.elementor-bc-flex-widget .elementor-229 .elementor-element.elementor-element-446d9bb.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-229 .elementor-element.elementor-element-446d9bb.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-229 .elementor-element.elementor-element-740735a .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-229 .elementor-element.elementor-element-740735a [class*="elementor-animation"]:hover, .elementor-229 .elementor-element.elementor-element-740735a .wpr-button::before, .elementor-229 .elementor-element.elementor-element-740735a .wpr-button::after{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-astglobalcolor4 ) 0%, #1C87B4 100%);}.elementor-229 .elementor-element.elementor-element-740735a .wpr-button::before{-webkit-transition-duration:0.7s;transition-duration:0.7s;-webkit-animation-duration:0.7s;animation-duration:0.7s;}.elementor-229 .elementor-element.elementor-element-740735a .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-229 .elementor-element.elementor-element-740735a .wpr-button .wpr-button-icon{-webkit-transition-duration:0.7s;transition-duration:0.7s;}.elementor-229 .elementor-element.elementor-element-740735a .wpr-button .wpr-button-icon svg{-webkit-transition-duration:0.7s;transition-duration:0.7s;}.elementor-229 .elementor-element.elementor-element-740735a .wpr-button .wpr-button-text{-webkit-transition-duration:0.7s;transition-duration:0.7s;-webkit-animation-duration:0.7s;animation-duration:0.7s;}.elementor-229 .elementor-element.elementor-element-740735a .wpr-button .wpr-button-content{-webkit-transition-duration:0.7s;transition-duration:0.7s;-webkit-animation-duration:0.7s;animation-duration:0.7s;}.elementor-229 .elementor-element.elementor-element-740735a .wpr-button-wrap{max-width:200px;}.elementor-229 .elementor-element.elementor-element-740735a{text-align:right;}.elementor-229 .elementor-element.elementor-element-740735a .wpr-button-content{-webkit-justify-content:center;justify-content:center;}.elementor-229 .elementor-element.elementor-element-740735a .wpr-button-text{-webkit-justify-content:center;justify-content:center;color:#ffffff;}.elementor-229 .elementor-element.elementor-element-740735a .wpr-button-icon{font-size:18px;}.elementor-229 .elementor-element.elementor-element-740735a .wpr-button-icon svg{width:18px;height:18px;}.elementor-229 .elementor-element.elementor-element-740735a.wpr-button-icon-position-left .wpr-button-icon{margin-right:12px;}.elementor-229 .elementor-element.elementor-element-740735a.wpr-button-icon-position-right .wpr-button-icon{margin-left:12px;}.elementor-229 .elementor-element.elementor-element-740735a.wpr-button-icon-style-inline .wpr-button-icon{color:#ffffff;}.elementor-229 .elementor-element.elementor-element-740735a.wpr-button-icon-style-inline .wpr-button-icon svg{fill:#ffffff;}.elementor-229 .elementor-element.elementor-element-740735a .wpr-button-text,.elementor-229 .elementor-element.elementor-element-740735a .wpr-button::after{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;letter-spacing:0.3px;}.elementor-229 .elementor-element.elementor-element-740735a .wpr-button:hover .wpr-button-text{color:#ffffff;}.elementor-229 .elementor-element.elementor-element-740735a.wpr-button-icon-style-inline .wpr-button:hover .wpr-button-icon{color:#ffffff;}.elementor-229 .elementor-element.elementor-element-740735a.wpr-button-icon-style-inline .wpr-button:hover .wpr-button-icon svg{fill:#ffffff;}.elementor-229 .elementor-element.elementor-element-740735a .wpr-button:focus .wpr-button-text{color:#ffffff;}.elementor-229 .elementor-element.elementor-element-740735a.wpr-button-icon-style-inline .wpr-button:focus .wpr-button-icon{color:#ffffff;}.elementor-229 .elementor-element.elementor-element-740735a.wpr-button-icon-style-inline .wpr-button:focus .wpr-button-icon svg{fill:#ffffff;}.elementor-229 .elementor-element.elementor-element-740735a .wpr-button:hover{border-color:#E8E8E8;box-shadow:0px 0px 20px 0px rgba(156, 158, 186, 0.3215686274509804);}.elementor-229 .elementor-element.elementor-element-740735a.wpr-button-icon-style-inline .wpr-button{padding:10px 10px 10px 10px;}.elementor-229 .elementor-element.elementor-element-740735a.wpr-button-icon-style-block .wpr-button-text{padding:10px 10px 10px 10px;}.elementor-229 .elementor-element.elementor-element-740735a.wpr-button-icon-style-inline-block .wpr-button-content{padding:10px 10px 10px 10px;}.elementor-229 .elementor-element.elementor-element-876e663{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-229 .elementor-element.elementor-element-bbe6cc3{padding:0px 20px 0px 20px;}.elementor-bc-flex-widget .elementor-229 .elementor-element.elementor-element-8558a7c.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-229 .elementor-element.elementor-element-8558a7c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-229 .elementor-element.elementor-element-8558a7c{z-index:1;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-mobile-toggle-wrap{text-align:center;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-nav-menu .wpr-menu-item,.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-mobile-nav-menu a,.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-mobile-toggle-text{font-size:13px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-nav-menu .wpr-menu-item{padding-left:5px;padding-right:5px;padding-top:0px;padding-bottom:0px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd.wpr-pointer-background:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-5px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd.wpr-pointer-border:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-5px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-nav-menu > .menu-item{margin-left:0px;margin-right:0px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-menu{margin-left:0px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd.wpr-main-menu-align-left .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{right:0px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd.wpr-main-menu-align-right .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{left:0px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-sub-menu .wpr-sub-menu-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-sub-menu .wpr-sub-icon{right:0px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd.wpr-main-menu-align-right .wpr-nav-menu-vertical .wpr-sub-menu .wpr-sub-icon{left:0px;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-nav-menu-horizontal .wpr-nav-menu > li > .wpr-sub-menu{margin-top:0px;}.elementor-229 .elementor-element.elementor-element-740735a .wpr-button-text,.elementor-229 .elementor-element.elementor-element-740735a .wpr-button::after{font-size:13px;}}@media(max-width:767px){.elementor-229 .elementor-element.elementor-element-92f3779{width:50%;}.elementor-229 .elementor-element.elementor-element-f32a2e3{width:var( --container-widget-width, 166.4px );max-width:166.4px;--container-widget-width:166.4px;--container-widget-flex-grow:0;}.elementor-229 .elementor-element.elementor-element-8558a7c{width:50%;z-index:7;}.elementor-bc-flex-widget .elementor-229 .elementor-element.elementor-element-8558a7c.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-229 .elementor-element.elementor-element-8558a7c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-229 .elementor-element.elementor-element-6c7c5dd .wpr-mobile-toggle-wrap{text-align:right;}.elementor-229 .elementor-element.elementor-element-446d9bb{width:100%;}.elementor-229 .elementor-element.elementor-element-740735a{text-align:center;}}@media(min-width:768px){.elementor-229 .elementor-element.elementor-element-92f3779{width:12.455%;}.elementor-229 .elementor-element.elementor-element-8558a7c{width:65.192%;}.elementor-229 .elementor-element.elementor-element-446d9bb{width:22.017%;}}/* Start custom CSS for html, class: .elementor-element-3e222ea *//* ========================================================= SWASTIK AIRCON LG AC SERVICE & REPAIR PAGE CSS ONLY ========================================================= */ /* ========================================================= VARIABLES ========================================================= */ .sa-lg-page { --lg-red: #e4002b; --lg-red-dark: #c90025; --sa-red: #ed1c24; --sa-navy: #102d4d; --sa-navy-dark: #062440; --sa-blue: #31a8e8; --sa-green: #16b85b; --sa-text: #17334f; --sa-muted: #687b8e; --sa-pink: #fff3f5; --sa-light-blue: #eef9fd; --sa-border: #dce8ef; --sa-white: #ffffff; --sa-radius: 18px; width: 100%; overflow: hidden; color: var(--sa-text); background: #ffffff; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; box-sizing: border-box; } .sa-lg-page *, .sa-lg-page *::before, .sa-lg-page *::after { box-sizing: border-box; } .sa-lg-page img { display: block; max-width: 100%; height: auto; } .sa-lg-container { width: min( 1180px, calc(100% - 48px) ); margin-left: auto; margin-right: auto; } /* ========================================================= TYPOGRAPHY ========================================================= */ .sa-lg-page h1, .sa-lg-page h2, .sa-lg-page h3, .sa-lg-page p { margin-top: 0; } .sa-lg-page h1 { margin-bottom: 18px; color: var(--sa-navy); font-size: clamp(46px, 5vw, 72px); line-height: .98; letter-spacing: -2.5px; font-weight: 800; } .sa-lg-page h2 { margin-bottom: 18px; color: var(--sa-navy); font-size: clamp(32px, 4vw, 49px); line-height: 1.05; letter-spacing: -1.5px; font-weight: 800; } .sa-lg-page h3 { color: var(--sa-navy); font-weight: 700; } /* ========================================================= SECTION LABEL ========================================================= */ .sa-lg-section-label { display: flex; align-items: center; gap: 11px; margin-bottom: 13px; color: var(--lg-red); font-size: 12px; line-height: 1.2; font-weight: 800; letter-spacing: .3px; text-transform: uppercase; } .sa-lg-section-label > span { width: 31px; height: 3px; flex: 0 0 auto; background: var(--lg-red); } .sa-lg-label-white { color: #ffffff; } .sa-lg-label-white > span { background: #ffffff; } /* ========================================================= HERO ========================================================= */ .sa-lg-hero { position: relative; overflow: hidden; background: linear-gradient( 105deg, #ffffff 0%, #ffffff 43%, #fff7f8 100% ); } .sa-lg-hero-grid { display: grid; grid-template-columns: 47% 53%; min-height: 590px; align-items: stretch; } /* HERO CONTENT */ .sa-lg-hero-content { position: relative; z-index: 3; display: flex; flex-direction: column; justify-content: center; padding: 55px 30px 55px 0; } /* LG BRAND */ .sa-lg-brand { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 15px; } .sa-lg-brand-mark { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--lg-red); color: #ffffff; font-size: 15px; font-weight: 800; } .sa-lg-brand-text { color: #5b6877; font-size: 14px; font-weight: 700; } .sa-lg-hero-text { max-width: 510px; margin-bottom: 10px; color: var(--sa-navy); font-size: 20px; line-height: 1.4; font-weight: 600; } .sa-lg-hero-subtext { max-width: 530px; margin-bottom: 24px; color: var(--sa-muted); font-size: 14px; line-height: 1.6; } /* HERO FEATURES */ .sa-lg-hero-features { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; max-width: 570px; margin-bottom: 22px; } .sa-lg-hero-feature { display: flex; align-items: center; gap: 7px; } .sa-lg-feature-icon { width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; flex: 0 0 34px; border-radius: 50%; background: #fff0f2; color: var(--lg-red); font-size: 17px; font-weight: 800; } .sa-lg-hero-feature strong { color: var(--sa-navy); font-size: 10px; line-height: 1.25; } /* ========================================================= CTA BUTTONS ========================================================= */ .sa-lg-cta-row { display: flex; flex-wrap: wrap; gap: 9px; } .sa-lg-call-btn, .sa-lg-whatsapp-btn { min-height: 53px; display: inline-flex; align-items: center; gap: 9px; padding: 7px 17px; border-radius: 10px; color: #ffffff !important; text-decoration: none !important; transition: transform .2s ease, box-shadow .2s ease; } .sa-lg-call-btn { background: linear-gradient( 135deg, #f0183c, #d90029 ); } .sa-lg-whatsapp-btn { background: linear-gradient( 135deg, #17c866, #0ca957 ); } .sa-lg-call-btn:hover, .sa-lg-whatsapp-btn:hover { transform: translateY(-2px); box-shadow: 0 9px 22px rgba(0, 0, 0, .12); } .sa-lg-cta-icon { width: 31px; height: 31px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba( 255, 255, 255, .18 ); font-size: 15px; } .sa-lg-call-btn small, .sa-lg-call-btn strong, .sa-lg-whatsapp-btn small, .sa-lg-whatsapp-btn strong { display: block; } .sa-lg-call-btn small, .sa-lg-whatsapp-btn small { font-size: 9px; line-height: 1.2; } .sa-lg-call-btn strong, .sa-lg-whatsapp-btn strong { font-size: 11px; line-height: 1.3; } /* ========================================================= HERO IMAGE ========================================================= */ .sa-lg-hero-image { position: relative; min-height: 590px; overflow: hidden; } .sa-lg-hero-image::before { content: ""; position: absolute; left: -80px; top: 0; bottom: 0; z-index: 2; width: 150px; background: linear-gradient( 90deg, #ffffff, transparent ); } .sa-lg-hero-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 0 0 0 35px; } /* HERO FLOATING CARD */ .sa-lg-cool-card { position: absolute; z-index: 4; right: 22px; bottom: 25px; display: flex; align-items: center; gap: 10px; min-width: 170px; padding: 13px 16px; border-radius: 13px; background: #ffffff; box-shadow: 0 12px 35px rgba(20, 50, 75, .15); } .sa-lg-cool-icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #eaf8ff; color: #229ee0; font-size: 21px; } .sa-lg-cool-card strong, .sa-lg-cool-card small { display: block; } .sa-lg-cool-card strong { color: var(--sa-navy); font-size: 11px; } .sa-lg-cool-card small { color: var(--sa-muted); font-size: 9px; line-height: 1.35; } /* ========================================================= COMMON PROBLEMS ========================================================= */ .sa-lg-problems { padding: 0 0 55px; background: linear-gradient( 180deg, #fff6f7, #ffffff ); } .sa-lg-white-card { position: relative; z-index: 5; margin-top: -25px; padding: 30px 27px 25px; border-radius: 17px; background: #ffffff; box-shadow: 0 10px 35px rgba(40, 65, 85, .08); } .sa-lg-problem-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; } .sa-lg-problem-card { min-height: 105px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 10px; border: 1px solid #edf0f3; border-radius: 12px; background: #ffffff; box-shadow: 0 4px 13px rgba(20, 50, 70, .04); } .sa-lg-problem-icon { width: 39px; height: 39px; display: flex; align-items: center; justify-content: center; margin-bottom: 8px; border-radius: 50%; background: #f4f8fa; font-size: 21px; } .sa-lg-problem-icon.blue { color: #2aa5e8; } .sa-lg-problem-icon.red { color: var(--lg-red); } .sa-lg-problem-card strong, .sa-lg-problem-card > span:not(.sa-lg-problem-icon) { color: var(--sa-navy); font-size: 10px; line-height: 1.25; } /* ========================================================= LG SERVICES ========================================================= */ .sa-lg-services { padding: 60px 0 65px; background: #ffffff; } .sa-lg-section-description { margin-top: -5px; margin-bottom: 23px; color: var(--sa-muted); font-size: 14px; } .sa-lg-product-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; } .sa-lg-product-card { overflow: hidden; text-align: center; border: 1px solid #e4ebef; border-radius: 13px; background: #ffffff; box-shadow: 0 5px 16px rgba(30, 60, 80, .05); transition: transform .2s ease, box-shadow .2s ease; } .sa-lg-product-card:hover { transform: translateY(-3px); box-shadow: 0 12px 25px rgba(30, 60, 80, .1); } .sa-lg-product-image { height: 115px; overflow: hidden; background: #f0f3f5; } .sa-lg-product-image img { width: 100%; height: 100%; object-fit: cover; } .sa-lg-product-card h3 { margin: 10px 5px 2px; font-size: 11px; line-height: 1.25; } .sa-lg-product-card p { margin: 0 5px 11px; color: var(--sa-muted); font-size: 9px; line-height: 1.25; } /* ========================================================= SERVICE PROCESS ========================================================= */ .sa-lg-process { background: linear-gradient( 90deg, #edf9fd 0%, #fff4f6 100% ); } .sa-lg-process-grid { display: grid; grid-template-columns: 52% 48%; align-items: stretch; } .sa-lg-process-image { min-height: 475px; overflow: hidden; } .sa-lg-process-image img { width: 100%; height: 100%; object-fit: cover; } .sa-lg-process-content { display: flex; flex-direction: column; justify-content: center; padding: 45px 0 45px 45px; } .sa-lg-process-content h2 { margin-bottom: 24px; } .sa-lg-process-list { position: relative; margin: 0; padding: 0; list-style: none; } .sa-lg-process-list::before { content: ""; position: absolute; left: 20px; top: 20px; bottom: 20px; width: 2px; background: #e4dfe1; } .sa-lg-process-list li { position: relative; z-index: 2; display: flex; gap: 13px; margin-bottom: 13px; } .sa-lg-process-number { width: 40px; height: 40px; flex: 0 0 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--lg-red); color: #ffffff; font-size: 11px; font-weight: 800; } .sa-lg-process-list h3 { margin: 2px 0 3px; font-size: 14px; } .sa-lg-process-list p { margin: 0; color: var(--sa-muted); font-size: 11px; line-height: 1.4; } /* ========================================================= WHY CHOOSE ========================================================= */ .sa-lg-why { background: var(--sa-navy-dark); } .sa-lg-why-grid { display: grid; grid-template-columns: 50% 50%; min-height: 430px; } .sa-lg-why-content { padding: 50px 35px 50px 0; } .sa-lg-why-content h2 { margin-bottom: 28px; color: #ffffff; } .sa-lg-why-items { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px 30px; } .sa-lg-why-item { display: flex; gap: 11px; align-items: flex-start; } .sa-lg-why-icon { width: 41px; height: 41px; flex: 0 0 41px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--lg-red); color: #ffffff; font-size: 16px; } .sa-lg-why-item strong { display: block; margin-bottom: 4px; color: #ffffff; font-size: 12px; line-height: 1.25; } .sa-lg-why-item p { margin: 0; color: #c2d0da; font-size: 10px; line-height: 1.4; } .sa-lg-why-image { min-height: 430px; overflow: hidden; } .sa-lg-why-image img { width: 100%; height: 100%; object-fit: cover; } /* ========================================================= SPACE SOLUTIONS ========================================================= */ .sa-lg-spaces { padding: 55px 0 60px; background: #ffffff; } .sa-lg-space-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; } .sa-lg-space-card { overflow: hidden; border: 1px solid #e2e9ed; border-radius: 13px; background: #ffffff; box-shadow: 0 5px 17px rgba(20, 50, 70, .05); } .sa-lg-space-card > img { width: 100%; height: 145px; object-fit: cover; } .sa-lg-space-card > div { padding: 10px 12px 13px; } .sa-lg-space-card h3 { margin: 0 0 3px; font-size: 12px; } .sa-lg-space-card p { margin: 0; color: var(--sa-muted); font-size: 9px; line-height: 1.35; } /* ========================================================= TESTIMONIALS ========================================================= */ .sa-lg-testimonials { padding: 55px 0 60px; background: linear-gradient( 180deg, #fff5f7, #ffffff ); } .sa-lg-testimonial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; } .sa-lg-testimonial { padding: 20px; border: 1px solid #f0e5e8; border-radius: 14px; background: #ffffff; box-shadow: 0 5px 18px rgba(20, 50, 70, .05); } .sa-lg-testimonial-top { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; } .sa-lg-testimonial-top img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; } .sa-lg-stars { color: #f6a900; font-size: 13px; letter-spacing: 1px; } .sa-lg-testimonial blockquote { margin: 0 0 10px; color: #5d7183; font-size: 11px; line-height: 1.55; } .sa-lg-testimonial > strong { display: block; color: var(--sa-navy); font-size: 11px; } .sa-lg-testimonial > span { display: block; color: var(--sa-muted); font-size: 9px; } /* ========================================================= FINAL CTA ========================================================= */ .sa-lg-final-cta { background: linear-gradient( 90deg, #fff5f6, #f2f9fc ); } .sa-lg-final-grid { display: grid; grid-template-columns: 50% 50%; min-height: 410px; align-items: center; } .sa-lg-final-content { position: relative; z-index: 2; padding: 55px 25px 55px 0; } .sa-lg-final-content h2 { margin-bottom: 15px; } .sa-lg-final-content p { max-width: 490px; margin-bottom: 23px; color: var(--sa-muted); font-size: 14px; line-height: 1.55; } .sa-lg-final-buttons { display: flex; flex-wrap: wrap; gap: 10px; } .sa-lg-final-image { align-self: stretch; min-height: 410px; overflow: hidden; } .sa-lg-final-image img { width: 100%; height: 100%; object-fit: cover; } /* ========================================================= TRUST STRIP ========================================================= */ .sa-lg-trust-strip { padding: 17px 0; background: linear-gradient( 90deg, #d70029, #e90038 ); color: #ffffff; } .sa-lg-trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; } .sa-lg-trust-grid > div { display: flex; align-items: center; justify-content: center; gap: 8px; text-align: center; font-size: 10px; font-weight: 700; } .sa-lg-trust-grid span { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; font-size: 13px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 991px) { .sa-lg-container { width: min( calc(100% - 36px), 760px ); } /* HERO */ .sa-lg-hero-grid { grid-template-columns: 1fr; } .sa-lg-hero-content { padding: 50px 0 35px; } .sa-lg-hero-image { min-height: 480px; } .sa-lg-hero-image::before { display: none; } /* PROBLEMS */ .sa-lg-problem-grid { grid-template-columns: repeat(3, 1fr); } /* PRODUCTS */ .sa-lg-product-grid { grid-template-columns: repeat(3, 1fr); } /* PROCESS */ .sa-lg-process-grid { grid-template-columns: 1fr; } .sa-lg-process-image { min-height: 420px; } .sa-lg-process-content { padding: 40px 0 45px; } /* WHY */ .sa-lg-why-grid { grid-template-columns: 1fr; } .sa-lg-why-content { padding: 50px 0; } .sa-lg-why-image { min-height: 400px; } /* SPACE */ .sa-lg-space-grid { grid-template-columns: repeat(2, 1fr); } /* CTA */ .sa-lg-final-grid { grid-template-columns: 1fr; } .sa-lg-final-content { padding: 50px 0 35px; } .sa-lg-final-image { min-height: 400px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sa-lg-container { width: calc(100% - 28px); } /* TYPOGRAPHY */ .sa-lg-page h1 { font-size: 39px; line-height: 1.02; letter-spacing: -1.5px; } .sa-lg-page h2 { font-size: 29px; line-height: 1.08; letter-spacing: -.8px; } .sa-lg-section-label { font-size: 9px; gap: 8px; } .sa-lg-section-label > span { width: 24px; height: 2px; } /* HERO */ .sa-lg-hero-content { padding: 38px 0 28px; } .sa-lg-brand-mark { width: 34px; height: 34px; font-size: 13px; } .sa-lg-brand-text { font-size: 12px; } .sa-lg-hero-text { font-size: 16px; line-height: 1.45; } .sa-lg-hero-subtext { font-size: 12px; line-height: 1.55; } .sa-lg-hero-features { grid-template-columns: repeat(4, 1fr); gap: 5px; margin-bottom: 18px; } .sa-lg-hero-feature { flex-direction: column; gap: 4px; text-align: center; } .sa-lg-feature-icon { width: 29px; height: 29px; flex-basis: 29px; font-size: 14px; } .sa-lg-hero-feature strong { font-size: 8px; line-height: 1.2; } /* CTA */ .sa-lg-cta-row { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; } .sa-lg-call-btn, .sa-lg-whatsapp-btn { min-height: 51px; justify-content: center; padding: 6px 8px; gap: 5px; border-radius: 8px; } .sa-lg-cta-icon { width: 26px; height: 26px; flex: 0 0 26px; font-size: 12px; } .sa-lg-call-btn small, .sa-lg-whatsapp-btn small { font-size: 7px; } .sa-lg-call-btn strong, .sa-lg-whatsapp-btn strong { font-size: 8px; white-space: nowrap; } /* HERO IMAGE */ .sa-lg-hero-image { min-height: 330px; } .sa-lg-hero-image img { border-radius: 0; } .sa-lg-cool-card { right: 10px; bottom: 12px; min-width: 145px; padding: 9px 11px; } .sa-lg-cool-icon { width: 33px; height: 33px; font-size: 17px; } .sa-lg-cool-card strong { font-size: 9px; } .sa-lg-cool-card small { font-size: 7px; } /* PROBLEMS */ .sa-lg-problems { padding-bottom: 35px; } .sa-lg-white-card { margin-top: -18px; padding: 23px 12px 17px; border-radius: 13px; } .sa-lg-problem-grid { grid-template-columns: repeat(2, 1fr); gap: 7px; } .sa-lg-problem-card { min-height: 98px; padding: 8px 5px; } .sa-lg-problem-icon { width: 34px; height: 34px; margin-bottom: 6px; font-size: 18px; } .sa-lg-problem-card strong, .sa-lg-problem-card > span:not(.sa-lg-problem-icon) { font-size: 9px; } /* PRODUCTS */ .sa-lg-services { padding: 40px 0 45px; } .sa-lg-section-description { font-size: 11px; } .sa-lg-product-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; } .sa-lg-product-image { height: 110px; } .sa-lg-product-card h3 { font-size: 10px; } .sa-lg-product-card p { font-size: 8px; } /* PROCESS */ .sa-lg-process-image { min-height: 300px; } .sa-lg-process-content { padding: 30px 0 35px; } .sa-lg-process-content h2 { font-size: 29px; } .sa-lg-process-list::before { left: 17px; } .sa-lg-process-list li { gap: 10px; margin-bottom: 12px; } .sa-lg-process-number { width: 35px; height: 35px; flex-basis: 35px; font-size: 9px; } .sa-lg-process-list h3 { font-size: 12px; } .sa-lg-process-list p { font-size: 9px; } /* WHY */ .sa-lg-why-content { padding: 38px 0; } .sa-lg-why-content h2 { font-size: 31px; } .sa-lg-why-items { grid-template-columns: repeat(2, 1fr); gap: 20px 10px; } .sa-lg-why-item { gap: 7px; } .sa-lg-why-icon { width: 34px; height: 34px; flex-basis: 34px; font-size: 13px; } .sa-lg-why-item strong { font-size: 9px; } .sa-lg-why-item p { font-size: 8px; } .sa-lg-why-image { min-height: 310px; } /* SPACES */ .sa-lg-spaces { padding: 40px 0 45px; } .sa-lg-space-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; } .sa-lg-space-card > img { height: 105px; } .sa-lg-space-card > div { padding: 8px 8px 10px; } .sa-lg-space-card h3 { font-size: 10px; } .sa-lg-space-card p { font-size: 8px; } /* TESTIMONIALS */ .sa-lg-testimonials { padding: 40px 0 45px; } .sa-lg-testimonial-grid { grid-template-columns: 1fr; gap: 9px; } .sa-lg-testimonial { padding: 15px; } .sa-lg-testimonial-top img { width: 42px; height: 42px; } .sa-lg-testimonial blockquote { font-size: 10px; } /* FINAL CTA */ .sa-lg-final-content { padding: 40px 0 28px; } .sa-lg-final-content h2 { font-size: 31px; } .sa-lg-final-content p { font-size: 12px; } .sa-lg-final-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; } .sa-lg-final-image { min-height: 310px; } /* TRUST STRIP */ .sa-lg-trust-strip { padding: 14px 0; } .sa-lg-trust-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; } .sa-lg-trust-grid > div { justify-content: flex-start; text-align: left; font-size: 8px; } .sa-lg-trust-grid span { width: 24px; height: 24px; flex: 0 0 24px; font-size: 10px; } } /* ========================================================= VERY SMALL PHONES ========================================================= */ @media (max-width: 380px) { .sa-lg-container { width: calc(100% - 20px); } .sa-lg-page h1 { font-size: 34px; } .sa-lg-page h2 { font-size: 26px; } .sa-lg-hero-features { gap: 2px; } .sa-lg-hero-feature strong { font-size: 7px; } .sa-lg-product-grid { gap: 6px; } .sa-lg-product-image { height: 95px; } .sa-lg-space-grid { gap: 6px; } .sa-lg-final-buttons { grid-template-columns: 1fr; } .sa-lg-trust-grid { gap: 7px; } }/* End custom CSS */