.elementor-widget-ia_roof_systems_intro{contain:paint}@media(min-width: 60em){.elementor-widget-ia_roof_systems_intro{contain:unset}}@media(min-width: 75em){.elementor-widget-ia_roof_systems_intro.widget-box-padding{padding-bottom:2.1875rem}}.roof-systems-intro--heading{margin-top:0}.roof-systems-intro--switch{--ikoatelia-list-item-spacing: 0;list-style:none;display:flex;flex-direction:row;align-items:center;row-gap:0.625rem;border-radius:50%;margin:0.875rem 0 1.0625rem}.roof-systems-intro--switch--button{cursor:pointer;display:flex;flex-direction:row;align-items:center;-moz-column-gap:0.625rem;column-gap:0.625rem;height:3.25rem;padding-left:1.25rem;padding-right:3.75rem;border:none;margin-left:-3.125rem;background-color:#1d1d1b;border-radius:50px;transition:background-color .3s ease}@media(min-width: 30em){.roof-systems-intro--switch--button{padding-left:1.5625rem}}.roof-systems-intro--switch--button.has-icon{padding-left:0.375rem}.roof-systems-intro--switch--button:first-child{margin-left:0}.roof-systems-intro--switch--button:last-child{padding-right:1.25rem}@media(min-width: 30em){.roof-systems-intro--switch--button:last-child{padding-right:2.25rem}}.roof-systems-intro--switch--button:hover,.roof-systems-intro--switch--button:active{background-color:#7e6060}.roof-systems-intro--switch--button.active{background-color:#e30613}.roof-systems-intro--switch--icon{overflow:hidden;display:flex;justify-content:center;align-items:center;width:2.625rem;height:2.625rem;padding:0.59375rem;border-radius:50%;background-color:#fff}.roof-systems-intro--switch--title{font-weight:500;font-size:1rem;color:#fff}@media(min-width: 30em){.roof-systems-intro--switch--title{font-size:1.125rem}}.roof-systems-intro--content{max-width:47.5rem;width:100%}