.elementor-8 .elementor-element.elementor-element-f04c0d7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.25;--padding-top:96px;--padding-bottom:96px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-f04c0d7:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-f04c0d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(120deg, #FAFAFA 66%, #000000 94%);}.elementor-8 .elementor-element.elementor-element-f04c0d7::before, .elementor-8 .elementor-element.elementor-element-f04c0d7 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-f04c0d7 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-f04c0d7 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-f04c0d7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-f04c0d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;background-image:url("http://okcpergolaroof.com/wp-content/uploads/2026/04/home-hero.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-654063e{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8 .elementor-element.elementor-element-b8b31cb .elementor-button{background-color:#E6E4E3;font-family:"Poppins", Sans-serif;font-weight:600;text-transform:uppercase;fill:#8F5F3D;color:#8F5F3D;border-radius:20px 20px 20px 20px;}.elementor-8 .elementor-element.elementor-element-b8b31cb .elementor-button-content-wrapper{flex-direction:row;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8 .elementor-element.elementor-element-0c0727b{text-align:start;}.elementor-8 .elementor-element.elementor-element-0c0727b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:72px;font-weight:700;text-transform:uppercase;color:#22252A;}.elementor-8 .elementor-element.elementor-element-bd36af6{text-align:start;}.elementor-8 .elementor-element.elementor-element-bd36af6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:72px;font-weight:700;text-transform:uppercase;line-height:20px;color:#8F5F3D;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8 .elementor-element.elementor-element-34a3a66{width:var( --container-widget-width, 50% );max-width:50%;padding:30px 0px 0px 0px;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:start;font-family:"Lato", Sans-serif;font-size:20px;font-weight:400;color:#5C6370;}.elementor-8 .elementor-element.elementor-element-4d58cd3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-76be5ce .elementor-button{background-color:#8F5F3D;font-family:"Poppins", Sans-serif;font-weight:600;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;border-radius:3px 3px 3px 3px;}.elementor-8 .elementor-element.elementor-element-7724088 .elementor-button{background-color:#FFFFFF;font-family:"Poppins", Sans-serif;font-weight:600;text-transform:uppercase;fill:#8F5F3D;color:#8F5F3D;border-radius:3px 3px 3px 3px;}.elementor-8 .elementor-element.elementor-element-c6e5caa{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:38px;--padding-bottom:38px;--padding-left:40px;--padding-right:40px;}.elementor-8 .elementor-element.elementor-element-c6e5caa:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-c6e5caa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E0E4EB;}.elementor-8 .elementor-element.elementor-element-8d9227d{--display:flex;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-8 .elementor-element.elementor-element-c047a94 .elementor-icon-box-wrapper{gap:15px;}.elementor-8 .elementor-element.elementor-element-c047a94.elementor-view-stacked .elementor-icon{background-color:#FAFAFA;fill:#8F5F3D;color:#8F5F3D;}.elementor-8 .elementor-element.elementor-element-c047a94.elementor-view-framed .elementor-icon, .elementor-8 .elementor-element.elementor-element-c047a94.elementor-view-default .elementor-icon{fill:#FAFAFA;color:#FAFAFA;border-color:#FAFAFA;}.elementor-8 .elementor-element.elementor-element-c047a94.elementor-view-framed .elementor-icon{background-color:#8F5F3D;}.elementor-8 .elementor-element.elementor-element-c047a94 .elementor-icon{font-size:25px;border-radius:15px 15px 15px 15px;}.elementor-8 .elementor-element.elementor-element-c047a94 .elementor-icon-box-title, .elementor-8 .elementor-element.elementor-element-c047a94 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;}.elementor-8 .elementor-element.elementor-element-c047a94 .elementor-icon-box-title{color:#22252A;}.elementor-8 .elementor-element.elementor-element-c047a94:has(:hover) .elementor-icon-box-title,
					 .elementor-8 .elementor-element.elementor-element-c047a94:has(:focus) .elementor-icon-box-title{color:#5C6370;}.elementor-8 .elementor-element.elementor-element-c047a94 .elementor-icon-box-description{font-family:"Lato", Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;color:#5C6370;}.elementor-8 .elementor-element.elementor-element-b0b2a83{--display:flex;}.elementor-8 .elementor-element.elementor-element-cd58c76 .elementor-icon-box-wrapper{gap:15px;}.elementor-8 .elementor-element.elementor-element-cd58c76.elementor-view-stacked .elementor-icon{background-color:#FAFAFA;fill:#8F5F3D;color:#8F5F3D;}.elementor-8 .elementor-element.elementor-element-cd58c76.elementor-view-framed .elementor-icon, .elementor-8 .elementor-element.elementor-element-cd58c76.elementor-view-default .elementor-icon{fill:#FAFAFA;color:#FAFAFA;border-color:#FAFAFA;}.elementor-8 .elementor-element.elementor-element-cd58c76.elementor-view-framed .elementor-icon{background-color:#8F5F3D;}.elementor-8 .elementor-element.elementor-element-cd58c76 .elementor-icon{font-size:25px;border-radius:15px 15px 15px 15px;}.elementor-8 .elementor-element.elementor-element-cd58c76 .elementor-icon-box-title, .elementor-8 .elementor-element.elementor-element-cd58c76 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;}.elementor-8 .elementor-element.elementor-element-cd58c76 .elementor-icon-box-title{color:#22252A;}.elementor-8 .elementor-element.elementor-element-cd58c76:has(:hover) .elementor-icon-box-title,
					 .elementor-8 .elementor-element.elementor-element-cd58c76:has(:focus) .elementor-icon-box-title{color:#5C6370;}.elementor-8 .elementor-element.elementor-element-cd58c76 .elementor-icon-box-description{font-family:"Lato", Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;color:#5C6370;}.elementor-8 .elementor-element.elementor-element-4c94bec{--display:flex;}.elementor-8 .elementor-element.elementor-element-63cc576 .elementor-icon-box-wrapper{gap:15px;}.elementor-8 .elementor-element.elementor-element-63cc576.elementor-view-stacked .elementor-icon{background-color:#FAFAFA;fill:#8F5F3D;color:#8F5F3D;}.elementor-8 .elementor-element.elementor-element-63cc576.elementor-view-framed .elementor-icon, .elementor-8 .elementor-element.elementor-element-63cc576.elementor-view-default .elementor-icon{fill:#FAFAFA;color:#FAFAFA;border-color:#FAFAFA;}.elementor-8 .elementor-element.elementor-element-63cc576.elementor-view-framed .elementor-icon{background-color:#8F5F3D;}.elementor-8 .elementor-element.elementor-element-63cc576 .elementor-icon{font-size:25px;border-radius:15px 15px 15px 15px;}.elementor-8 .elementor-element.elementor-element-63cc576 .elementor-icon-box-title, .elementor-8 .elementor-element.elementor-element-63cc576 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;}.elementor-8 .elementor-element.elementor-element-63cc576 .elementor-icon-box-title{color:#22252A;}.elementor-8 .elementor-element.elementor-element-63cc576:has(:hover) .elementor-icon-box-title,
					 .elementor-8 .elementor-element.elementor-element-63cc576:has(:focus) .elementor-icon-box-title{color:#5C6370;}.elementor-8 .elementor-element.elementor-element-63cc576 .elementor-icon-box-description{font-family:"Lato", Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;color:#5C6370;}.elementor-8 .elementor-element.elementor-element-8def3eb{--display:flex;}.elementor-8 .elementor-element.elementor-element-cfe6179 .elementor-icon-box-wrapper{gap:15px;}.elementor-8 .elementor-element.elementor-element-cfe6179.elementor-view-stacked .elementor-icon{background-color:#FAFAFA;fill:#8F5F3D;color:#8F5F3D;}.elementor-8 .elementor-element.elementor-element-cfe6179.elementor-view-framed .elementor-icon, .elementor-8 .elementor-element.elementor-element-cfe6179.elementor-view-default .elementor-icon{fill:#FAFAFA;color:#FAFAFA;border-color:#FAFAFA;}.elementor-8 .elementor-element.elementor-element-cfe6179.elementor-view-framed .elementor-icon{background-color:#8F5F3D;}.elementor-8 .elementor-element.elementor-element-cfe6179 .elementor-icon{font-size:25px;border-radius:15px 15px 15px 15px;}.elementor-8 .elementor-element.elementor-element-cfe6179 .elementor-icon-box-title, .elementor-8 .elementor-element.elementor-element-cfe6179 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;}.elementor-8 .elementor-element.elementor-element-cfe6179 .elementor-icon-box-title{color:#22252A;}.elementor-8 .elementor-element.elementor-element-cfe6179:has(:hover) .elementor-icon-box-title,
					 .elementor-8 .elementor-element.elementor-element-cfe6179:has(:focus) .elementor-icon-box-title{color:#5C6370;}.elementor-8 .elementor-element.elementor-element-cfe6179 .elementor-icon-box-description{font-family:"Lato", Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;color:#5C6370;}.elementor-8 .elementor-element.elementor-element-47356e7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:96px;--padding-bottom:96px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-47356e7:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-47356e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-8 .elementor-element.elementor-element-82f696d{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-8 .elementor-element.elementor-element-3b538f7{text-align:start;}.elementor-8 .elementor-element.elementor-element-3b538f7 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:600;color:#8F5F3D;}.elementor-8 .elementor-element.elementor-element-e715ddb{text-align:start;}.elementor-8 .elementor-element.elementor-element-e715ddb .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:36px;font-weight:700;color:#22252A;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-8 .elementor-element.elementor-element-d3c11a0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-8 .elementor-element.elementor-element-d3c11a0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-8 .elementor-element.elementor-element-d3c11a0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-8 .elementor-element.elementor-element-d3c11a0 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-8 .elementor-element.elementor-element-d3c11a0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-8 .elementor-element.elementor-element-d3c11a0 .elementor-icon-list-icon i{color:#8F5F3D;transition:color 0.3s;}.elementor-8 .elementor-element.elementor-element-d3c11a0 .elementor-icon-list-icon svg{fill:#8F5F3D;transition:fill 0.3s;}.elementor-8 .elementor-element.elementor-element-d3c11a0{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-8 .elementor-element.elementor-element-d3c11a0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8 .elementor-element.elementor-element-d3c11a0 .elementor-icon-list-item > a{font-family:"Lato", Sans-serif;font-size:16px;font-weight:400;}.elementor-8 .elementor-element.elementor-element-d3c11a0 .elementor-icon-list-text{color:#22252A;transition:color 0.3s;}.elementor-8 .elementor-element.elementor-element-4338a53 .elementor-button{background-color:#FFFFFF;font-family:"Poppins", Sans-serif;font-weight:600;text-transform:uppercase;fill:#8F5F3D;color:#8F5F3D;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:3px 3px 3px 3px;padding:20px 20px 20px 20px;}.elementor-8 .elementor-element.elementor-element-4338a53{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-4338a53 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-8 .elementor-element.elementor-element-4338a53 .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-8 .elementor-element.elementor-element-1f215c3{--display:flex;--min-height:450px;--overlay-opacity:0.75;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-1f215c3:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-1f215c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #000000 75%, #FFFFFF 100%);}.elementor-8 .elementor-element.elementor-element-1f215c3::before, .elementor-8 .elementor-element.elementor-element-1f215c3 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-1f215c3 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-1f215c3 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-1f215c3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-1f215c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("http://okcpergolaroof.com/wp-content/uploads/2026/05/fitting.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-1f215c3.e-con:hover{--e-con-transform-rotateX:0.02deg;--e-con-transform-perspective:20px;}.elementor-8 .elementor-element.elementor-element-b9e6678{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:96px;--padding-bottom:96px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-b9e6678:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-b9e6678 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-9deee0e{--display:flex;}.elementor-8 .elementor-element.elementor-element-4fe38bc{text-align:start;}.elementor-8 .elementor-element.elementor-element-4fe38bc .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:600;color:#8F5F3D;}.elementor-8 .elementor-element.elementor-element-8adbd43{text-align:start;}.elementor-8 .elementor-element.elementor-element-8adbd43 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:36px;font-weight:700;color:#22252A;}.elementor-8 .elementor-element.elementor-element-33df20e{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;font-family:"Lato", Sans-serif;font-size:18px;font-weight:400;}.elementor-8 .elementor-element.elementor-element-fbe6868{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-033ffde{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-033ffde.e-con:hover{--e-con-transform-rotateX:0.02deg;--e-con-transform-perspective:20px;}.elementor-8 .elementor-element.elementor-element-9df87db{--display:flex;--min-height:350px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-9df87db:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-9df87db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://okcpergolaroof.com/wp-content/uploads/2026/04/service-retrofits.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-3091f67{--display:flex;--border-radius:0px 0px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-8 .elementor-element.elementor-element-3091f67:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-3091f67 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-8 .elementor-element.elementor-element-87c8ea0{text-align:start;}.elementor-8 .elementor-element.elementor-element-87c8ea0 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;color:#22252A;}.elementor-8 .elementor-element.elementor-element-a634a09{text-align:start;font-family:"Lato", Sans-serif;font-size:16px;font-weight:400;}.elementor-8 .elementor-element.elementor-element-1513ef8 .elementor-button{background-color:#FFFFFF;font-family:"Poppins", Sans-serif;font-weight:600;text-transform:uppercase;fill:#8F5F3D;color:#8F5F3D;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:3px 3px 3px 3px;}.elementor-8 .elementor-element.elementor-element-1513ef8 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-8 .elementor-element.elementor-element-1513ef8 .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-8 .elementor-element.elementor-element-a17a98f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-a17a98f.e-con:hover{--e-con-transform-rotateX:0.02deg;--e-con-transform-perspective:20px;}.elementor-8 .elementor-element.elementor-element-47c1da1{--display:flex;--min-height:350px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-47c1da1:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-47c1da1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://okcpergolaroof.com/wp-content/uploads/2026/04/service-design-build.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-9cbc39f{--display:flex;--border-radius:0px 0px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-8 .elementor-element.elementor-element-9cbc39f:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-9cbc39f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-8 .elementor-element.elementor-element-ed6e215{text-align:start;}.elementor-8 .elementor-element.elementor-element-ed6e215 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;color:#22252A;}.elementor-8 .elementor-element.elementor-element-c80c790{text-align:start;font-family:"Lato", Sans-serif;font-size:16px;font-weight:400;}.elementor-8 .elementor-element.elementor-element-3feb805 .elementor-button{background-color:#FFFFFF;font-family:"Poppins", Sans-serif;font-weight:600;text-transform:uppercase;fill:#8F5F3D;color:#8F5F3D;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:3px 3px 3px 3px;}.elementor-8 .elementor-element.elementor-element-3feb805 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-8 .elementor-element.elementor-element-3feb805 .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-8 .elementor-element.elementor-element-934ecff{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-934ecff.e-con:hover{--e-con-transform-rotateX:0.02deg;--e-con-transform-perspective:20px;}.elementor-8 .elementor-element.elementor-element-f500071{--display:flex;--min-height:350px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-f500071:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-f500071 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://okcpergolaroof.com/wp-content/uploads/2026/04/service-patio.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-1bbef07{--display:flex;--border-radius:0px 0px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-8 .elementor-element.elementor-element-1bbef07:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-1bbef07 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-8 .elementor-element.elementor-element-44fa513{text-align:start;}.elementor-8 .elementor-element.elementor-element-44fa513 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;color:#22252A;}.elementor-8 .elementor-element.elementor-element-53342c8{text-align:start;font-family:"Lato", Sans-serif;font-size:16px;font-weight:400;}.elementor-8 .elementor-element.elementor-element-1062edf .elementor-button{background-color:#FFFFFF;font-family:"Poppins", Sans-serif;font-weight:600;text-transform:uppercase;fill:#8F5F3D;color:#8F5F3D;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:3px 3px 3px 3px;}.elementor-8 .elementor-element.elementor-element-1062edf .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-8 .elementor-element.elementor-element-1062edf .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-8 .elementor-element.elementor-element-7991eae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:96px;--padding-bottom:96px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-7991eae:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-7991eae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-8 .elementor-element.elementor-element-acf0f73{text-align:center;}.elementor-8 .elementor-element.elementor-element-acf0f73 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:600;color:#8F5F3D;}.elementor-8 .elementor-element.elementor-element-8925fd0{text-align:center;}.elementor-8 .elementor-element.elementor-element-8925fd0 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:36px;font-weight:700;color:#22252A;}.elementor-8 .elementor-element.elementor-element-fa9a11b{text-align:center;font-family:"Lato", Sans-serif;font-size:18px;font-weight:400;}.elementor-8 .elementor-element.elementor-element-009231b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-edf2d52{--display:flex;--min-height:350px;--justify-content:flex-end;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.24;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:20px;--padding-left:50px;--padding-right:50px;}.elementor-8 .elementor-element.elementor-element-edf2d52:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-edf2d52 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://okcpergolaroof.com/wp-content/uploads/2026/05/Herculis.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-edf2d52::before, .elementor-8 .elementor-element.elementor-element-edf2d52 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-edf2d52 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-edf2d52 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-edf2d52 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-edf2d52 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-8 .elementor-element.elementor-element-edf2d52.e-con:hover{--e-con-transform-rotateX:0.02deg;--e-con-transform-perspective:20px;}.elementor-8 .elementor-element.elementor-element-813ffc8{text-align:start;}.elementor-8 .elementor-element.elementor-element-813ffc8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:700;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-b992cda{text-align:start;font-family:"Lato", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFFCC;}.elementor-8 .elementor-element.elementor-element-f7886c7{--display:flex;--min-height:350px;--justify-content:flex-end;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.24;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:20px;--padding-left:50px;--padding-right:50px;}.elementor-8 .elementor-element.elementor-element-f7886c7:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-f7886c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://okcpergolaroof.com/wp-content/uploads/2026/05/apolo.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-f7886c7::before, .elementor-8 .elementor-element.elementor-element-f7886c7 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-f7886c7 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-f7886c7 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-f7886c7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-f7886c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-8 .elementor-element.elementor-element-f7886c7.e-con:hover{--e-con-transform-rotateX:0.02deg;--e-con-transform-perspective:20px;}.elementor-8 .elementor-element.elementor-element-87de43c{text-align:start;}.elementor-8 .elementor-element.elementor-element-87de43c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:700;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-f094653{text-align:start;font-family:"Lato", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFFCC;}.elementor-8 .elementor-element.elementor-element-4160ac5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-c142514{--display:flex;--min-height:350px;--justify-content:flex-end;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.24;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:20px;--padding-left:50px;--padding-right:50px;}.elementor-8 .elementor-element.elementor-element-c142514:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-c142514 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://okcpergolaroof.com/wp-content/uploads/2026/04/generated_image_0.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-c142514::before, .elementor-8 .elementor-element.elementor-element-c142514 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-c142514 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-c142514 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-c142514 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-c142514 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-8 .elementor-element.elementor-element-c142514.e-con:hover{--e-con-transform-rotateX:0.02deg;--e-con-transform-perspective:20px;}.elementor-8 .elementor-element.elementor-element-162423d{text-align:start;}.elementor-8 .elementor-element.elementor-element-162423d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:700;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-8741bc8{text-align:start;font-family:"Lato", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFFCC;}.elementor-8 .elementor-element.elementor-element-3288ed7{--display:flex;--min-height:350px;--justify-content:flex-end;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.24;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:20px;--padding-left:50px;--padding-right:50px;}.elementor-8 .elementor-element.elementor-element-3288ed7:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-3288ed7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://okcpergolaroof.com/wp-content/uploads/2026/04/generated_image_1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-3288ed7::before, .elementor-8 .elementor-element.elementor-element-3288ed7 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-3288ed7 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-3288ed7 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-3288ed7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-3288ed7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-8 .elementor-element.elementor-element-3288ed7.e-con:hover{--e-con-transform-rotateX:0.02deg;--e-con-transform-perspective:20px;}.elementor-8 .elementor-element.elementor-element-a2ecf7e{text-align:start;}.elementor-8 .elementor-element.elementor-element-a2ecf7e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:700;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-75f1371{text-align:start;font-family:"Lato", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFFCC;}.elementor-8 .elementor-element.elementor-element-cc9d85f{--display:flex;--min-height:450px;--justify-content:flex-end;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.24;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:20px;--padding-left:50px;--padding-right:50px;}.elementor-8 .elementor-element.elementor-element-cc9d85f:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-cc9d85f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://okcpergolaroof.com/wp-content/uploads/2026/04/generated_image_2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-cc9d85f::before, .elementor-8 .elementor-element.elementor-element-cc9d85f > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-cc9d85f > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-cc9d85f > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-cc9d85f > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-cc9d85f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-8 .elementor-element.elementor-element-cc9d85f.e-con:hover{--e-con-transform-rotateX:0.02deg;--e-con-transform-perspective:20px;}.elementor-8 .elementor-element.elementor-element-a066479{text-align:start;}.elementor-8 .elementor-element.elementor-element-a066479 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:700;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-6d603b4{text-align:start;font-family:"Lato", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFFCC;}.elementor-8 .elementor-element.elementor-element-bad0356{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.3;--padding-top:96px;--padding-bottom:96px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-bad0356::before, .elementor-8 .elementor-element.elementor-element-bad0356 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-bad0356 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-bad0356 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-bad0356 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-bad0356 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8 .elementor-element.elementor-element-be276c7{text-align:center;}.elementor-8 .elementor-element.elementor-element-be276c7 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:48px;font-weight:700;color:#FAFAFA;}.elementor-8 .elementor-element.elementor-element-1736c26{text-align:center;font-family:"Lato", Sans-serif;font-size:20px;font-weight:400;line-height:1.8px;color:#EDEFF2;}.elementor-8 .elementor-element.elementor-element-96f0273{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-8 .elementor-element.elementor-element-05b8371 .elementor-button{background-color:#8F5F3D;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-style:solid;border-width:1px 1px 1px 1px;border-color:#8F5F3D;border-radius:6px 6px 6px 6px;padding:20px 20px 20px 20px;}.elementor-8 .elementor-element.elementor-element-05b8371 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-8 .elementor-element.elementor-element-05b8371 .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-8 .elementor-element.elementor-element-92a3132 .elementor-button{background-color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;fill:#8F5F3D;color:#8F5F3D;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:6px 6px 6px 6px;padding:20px 20px 20px 20px;}.elementor-8 .elementor-element.elementor-element-92a3132 .elementor-button-content-wrapper{flex-direction:row;}.elementor-8 .elementor-element.elementor-element-92a3132 .elementor-button .elementor-button-content-wrapper{gap:11px;}@media(max-width:1024px){.elementor-8 .elementor-element.elementor-element-1f215c3{--min-height:250px;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-b8b31cb .elementor-button{font-size:14px;}.elementor-8 .elementor-element.elementor-element-0c0727b .elementor-heading-title{font-size:48px;}.elementor-8 .elementor-element.elementor-element-bd36af6 .elementor-heading-title{font-size:48px;line-height:1em;}.elementor-8 .elementor-element.elementor-element-34a3a66{width:100%;max-width:100%;}.elementor-8 .elementor-element.elementor-element-76be5ce{width:100%;max-width:100%;}.elementor-8 .elementor-element.elementor-element-7724088{width:100%;max-width:100%;}.elementor-8 .elementor-element.elementor-element-47356e7{--padding-top:86px;--padding-bottom:96px;--padding-left:20px;--padding-right:20px;}.elementor-8 .elementor-element.elementor-element-4338a53{width:100%;max-width:100%;}.elementor-8 .elementor-element.elementor-element-1513ef8{width:100%;max-width:100%;}.elementor-8 .elementor-element.elementor-element-3feb805{width:100%;max-width:100%;}.elementor-8 .elementor-element.elementor-element-1062edf{width:100%;max-width:100%;}.elementor-8 .elementor-element.elementor-element-05b8371{width:100%;max-width:100%;}.elementor-8 .elementor-element.elementor-element-92a3132{width:100%;max-width:100%;}}/* Start custom CSS for container, class: .elementor-element-bad0356 */#sec-bg {
  position: relative;
  overflow: hidden;
}

#sec-bg::before {
  content: "";
  position: absolute;
  inset: 0;

  background-image: url("https://okcpergolaroof.com/wp-content/uploads/2026/04/gallery-wide.png");
  background-size: cover;
  background-position: center;

  filter: blur(12px);
  transform: scale(1.1);

  z-index: 0;
}

#sec-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.65); /* overlay */
  z-index: 1;
}

#sec-bg > * {
  position: relative;
  z-index: 2;
}/* End custom CSS */