.elementor-1278 .elementor-element.elementor-element-b3feead{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.85;--padding-top:130px;--padding-bottom:130px;--padding-left:0px;--padding-right:0px;}.elementor-1278 .elementor-element.elementor-element-b3feead:not(.elementor-motion-effects-element-type-background), .elementor-1278 .elementor-element.elementor-element-b3feead > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-92af7dd );background-image:url("https://cmroofrestorations.com.au/wp-content/uploads/2022/08/why-choose-two-bg.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1278 .elementor-element.elementor-element-b3feead::before, .elementor-1278 .elementor-element.elementor-element-b3feead > .elementor-background-video-container::before, .elementor-1278 .elementor-element.elementor-element-b3feead > .e-con-inner > .elementor-background-video-container::before, .elementor-1278 .elementor-element.elementor-element-b3feead > .elementor-background-slideshow::before, .elementor-1278 .elementor-element.elementor-element-b3feead > .e-con-inner > .elementor-background-slideshow::before, .elementor-1278 .elementor-element.elementor-element-b3feead > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-92af7dd );--background-overlay:'';}.elementor-1278 .elementor-element.elementor-element-8da2486{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;}.elementor-1278 .elementor-element.elementor-element-8da2486.e-con{--align-self:center;}.elementor-1278 .elementor-element.elementor-element-82ed2cd{--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;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1278 .elementor-element.elementor-element-82ed2cd.e-con{--flex-grow:0;--flex-shrink:0;}.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-1278 .elementor-element.elementor-element-294d11a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1278 .elementor-element.elementor-element-294d11a .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1278 .elementor-element.elementor-element-294d11a .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1278 .elementor-element.elementor-element-294d11a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1278 .elementor-element.elementor-element-294d11a .elementor-icon-list-item > a{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;}.elementor-1278 .elementor-element.elementor-element-294d11a .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.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-1278 .elementor-element.elementor-element-086578c{width:100%;max-width:100%;}.elementor-1278 .elementor-element.elementor-element-086578c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1278 .elementor-element.elementor-element-086578c .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:48px;font-weight:800;text-transform:capitalize;color:#FFFFFF;}.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-1278 .elementor-element.elementor-element-1a19b2a{color:var( --e-global-color-9b370c9 );}.elementor-1278 .elementor-element.elementor-element-50d22a3{--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;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1278 .elementor-element.elementor-element-ad90342{width:100%;max-width:100%;}.elementor-1278 .elementor-element.elementor-element-aaaa2d7{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1278 .elementor-element.elementor-element-aaaa2d7.e-con{--align-self:center;}.elementor-1278 .elementor-element.elementor-element-d82af2e{width:100%;max-width:100%;text-align:center;}.elementor-1278 .elementor-element.elementor-element-d82af2e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1278 .elementor-element.elementor-element-d82af2e .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:48px;font-weight:800;text-transform:capitalize;color:#FFFFFF;}.elementor-1278 .elementor-element.elementor-element-b7e522e{--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;--flex-wrap:wrap;--margin-top:35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-1278 .elementor-element.elementor-element-c5b5bd1{width:var( --container-widget-width, 49% );max-width:49%;padding:10px 10px 10px 10px;--container-widget-width:49%;--container-widget-flex-grow:0;border-style:dotted;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:6px 6px 6px 6px;box-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.08);}.elementor-1278 .elementor-element.elementor-element-c5b5bd1 .elementor-icon-box-wrapper{gap:15px;}.elementor-1278 .elementor-element.elementor-element-c5b5bd1 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-1278 .elementor-element.elementor-element-c5b5bd1.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-1278 .elementor-element.elementor-element-c5b5bd1.elementor-view-framed .elementor-icon, .elementor-1278 .elementor-element.elementor-element-c5b5bd1.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-1278 .elementor-element.elementor-element-c5b5bd1.elementor-view-framed:has(:hover) .elementor-icon, .elementor-1278 .elementor-element.elementor-element-c5b5bd1.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-1278 .elementor-element.elementor-element-c5b5bd1.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-1278 .elementor-element.elementor-element-c5b5bd1.elementor-view-stacked:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;}.elementor-1278 .elementor-element.elementor-element-c5b5bd1 .elementor-icon{font-size:36px;padding:12px;}.elementor-1278 .elementor-element.elementor-element-c5b5bd1 .elementor-icon-box-title, .elementor-1278 .elementor-element.elementor-element-c5b5bd1 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:800;text-transform:capitalize;}.elementor-1278 .elementor-element.elementor-element-c5b5bd1:has(:hover) .elementor-icon-box-title, .elementor-1278 .elementor-element.elementor-element-c5b5bd1:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-1278 .elementor-element.elementor-element-c5b5bd1 .elementor-icon-box-description{color:#E1E1E1;}.elementor-1278 .elementor-element.elementor-element-bdca536{width:var( --container-widget-width, 49% );max-width:49%;padding:10px 10px 10px 10px;--container-widget-width:49%;--container-widget-flex-grow:0;border-style:dotted;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:6px 6px 6px 6px;box-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.08);}.elementor-1278 .elementor-element.elementor-element-bdca536 .elementor-icon-box-wrapper{gap:15px;}.elementor-1278 .elementor-element.elementor-element-bdca536 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-1278 .elementor-element.elementor-element-bdca536.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-1278 .elementor-element.elementor-element-bdca536.elementor-view-framed .elementor-icon, .elementor-1278 .elementor-element.elementor-element-bdca536.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-1278 .elementor-element.elementor-element-bdca536.elementor-view-framed:has(:hover) .elementor-icon, .elementor-1278 .elementor-element.elementor-element-bdca536.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-1278 .elementor-element.elementor-element-bdca536.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-1278 .elementor-element.elementor-element-bdca536.elementor-view-stacked:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;}.elementor-1278 .elementor-element.elementor-element-bdca536 .elementor-icon{font-size:36px;padding:12px;}.elementor-1278 .elementor-element.elementor-element-bdca536 .elementor-icon-box-title, .elementor-1278 .elementor-element.elementor-element-bdca536 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:800;text-transform:capitalize;}.elementor-1278 .elementor-element.elementor-element-bdca536:has(:hover) .elementor-icon-box-title, .elementor-1278 .elementor-element.elementor-element-bdca536:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-1278 .elementor-element.elementor-element-bdca536 .elementor-icon-box-description{color:#E1E1E1;}.elementor-1278 .elementor-element.elementor-element-70bf171{width:var( --container-widget-width, 49% );max-width:49%;padding:10px 10px 10px 10px;--container-widget-width:49%;--container-widget-flex-grow:0;border-style:dotted;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:6px 6px 6px 6px;box-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.08);}.elementor-1278 .elementor-element.elementor-element-70bf171 .elementor-icon-box-wrapper{gap:15px;}.elementor-1278 .elementor-element.elementor-element-70bf171 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-1278 .elementor-element.elementor-element-70bf171.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-1278 .elementor-element.elementor-element-70bf171.elementor-view-framed .elementor-icon, .elementor-1278 .elementor-element.elementor-element-70bf171.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-1278 .elementor-element.elementor-element-70bf171.elementor-view-framed:has(:hover) .elementor-icon, .elementor-1278 .elementor-element.elementor-element-70bf171.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-1278 .elementor-element.elementor-element-70bf171.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-1278 .elementor-element.elementor-element-70bf171.elementor-view-stacked:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;}.elementor-1278 .elementor-element.elementor-element-70bf171 .elementor-icon{font-size:36px;padding:12px;}.elementor-1278 .elementor-element.elementor-element-70bf171 .elementor-icon-box-title, .elementor-1278 .elementor-element.elementor-element-70bf171 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:800;text-transform:capitalize;}.elementor-1278 .elementor-element.elementor-element-70bf171:has(:hover) .elementor-icon-box-title, .elementor-1278 .elementor-element.elementor-element-70bf171:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-1278 .elementor-element.elementor-element-70bf171 .elementor-icon-box-description{color:#E1E1E1;}.elementor-1278 .elementor-element.elementor-element-8ba49c5{width:var( --container-widget-width, 49% );max-width:49%;padding:10px 10px 10px 10px;--container-widget-width:49%;--container-widget-flex-grow:0;border-style:dotted;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:6px 6px 6px 6px;box-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.08);}.elementor-1278 .elementor-element.elementor-element-8ba49c5 .elementor-icon-box-wrapper{gap:15px;}.elementor-1278 .elementor-element.elementor-element-8ba49c5 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-1278 .elementor-element.elementor-element-8ba49c5.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-1278 .elementor-element.elementor-element-8ba49c5.elementor-view-framed .elementor-icon, .elementor-1278 .elementor-element.elementor-element-8ba49c5.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-1278 .elementor-element.elementor-element-8ba49c5.elementor-view-framed:has(:hover) .elementor-icon, .elementor-1278 .elementor-element.elementor-element-8ba49c5.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-1278 .elementor-element.elementor-element-8ba49c5.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-1278 .elementor-element.elementor-element-8ba49c5.elementor-view-stacked:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;}.elementor-1278 .elementor-element.elementor-element-8ba49c5 .elementor-icon{font-size:36px;padding:12px;}.elementor-1278 .elementor-element.elementor-element-8ba49c5 .elementor-icon-box-title, .elementor-1278 .elementor-element.elementor-element-8ba49c5 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:800;text-transform:capitalize;}.elementor-1278 .elementor-element.elementor-element-8ba49c5:has(:hover) .elementor-icon-box-title, .elementor-1278 .elementor-element.elementor-element-8ba49c5:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-1278 .elementor-element.elementor-element-8ba49c5 .elementor-icon-box-description{color:#E1E1E1;}.elementor-1278 .elementor-element.elementor-element-ca34bba{margin-top:0px;margin-bottom:130px;}@media(max-width:1024px){.elementor-1278 .elementor-element.elementor-element-b3feead{--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1278 .elementor-element.elementor-element-8da2486{--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;}.elementor-1278 .elementor-element.elementor-element-8da2486.e-con{--align-self:center;}.elementor-1278 .elementor-element.elementor-element-086578c .elementor-heading-title{font-size:35px;line-height:1.1em;}.elementor-1278 .elementor-element.elementor-element-50d22a3{--margin-top:-65px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1278 .elementor-element.elementor-element-ad90342 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1278 .elementor-element.elementor-element-aaaa2d7{--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1278 .elementor-element.elementor-element-d82af2e{text-align:center;}.elementor-1278 .elementor-element.elementor-element-d82af2e .elementor-heading-title{font-size:35px;line-height:1.1em;}.elementor-1278 .elementor-element.elementor-element-b7e522e{--justify-content:center;}.elementor-1278 .elementor-element.elementor-element-c5b5bd1{--container-widget-width:48%;--container-widget-flex-grow:0;width:var( --container-widget-width, 48% );max-width:48%;}.elementor-1278 .elementor-element.elementor-element-bdca536{--container-widget-width:48%;--container-widget-flex-grow:0;width:var( --container-widget-width, 48% );max-width:48%;}.elementor-1278 .elementor-element.elementor-element-70bf171{--container-widget-width:48%;--container-widget-flex-grow:0;width:var( --container-widget-width, 48% );max-width:48%;}.elementor-1278 .elementor-element.elementor-element-8ba49c5{--container-widget-width:48%;--container-widget-flex-grow:0;width:var( --container-widget-width, 48% );max-width:48%;}}@media(max-width:767px){.elementor-1278 .elementor-element.elementor-element-c5b5bd1{width:100%;max-width:100%;}.elementor-1278 .elementor-element.elementor-element-bdca536{width:100%;max-width:100%;}.elementor-1278 .elementor-element.elementor-element-70bf171{width:100%;max-width:100%;}.elementor-1278 .elementor-element.elementor-element-8ba49c5{width:100%;max-width:100%;}}@media(min-width:768px){.elementor-1278 .elementor-element.elementor-element-b3feead{--width:100%;}.elementor-1278 .elementor-element.elementor-element-8da2486{--width:1180px;}.elementor-1278 .elementor-element.elementor-element-82ed2cd{--width:50%;}.elementor-1278 .elementor-element.elementor-element-aaaa2d7{--width:1180px;}}@media(max-width:1024px) and (min-width:768px){.elementor-1278 .elementor-element.elementor-element-8da2486{--width:98%;}.elementor-1278 .elementor-element.elementor-element-82ed2cd{--width:100%;}.elementor-1278 .elementor-element.elementor-element-aaaa2d7{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-50d22a3 *//* =============================== PARENT CONTAINER ================================ */ .my-service-box { position: relative; overflow: hidden; background-color: white; transition: background-color 0.5s ease; } .my-service-box:hover { background-color: #2A2930; } /* =============================== ELEMENTOR ICON COLOR ================================ */ .my-service-box .elementor-icon, .my-service-box .elementor-icon i, .my-service-box .elementor-icon svg { transition: color 0.5s ease, fill 0.5s ease, border-color 0.5s ease, background-color 0.5s ease; } .my-service-box:hover .elementor-icon, .my-service-box:hover .elementor-icon i, .my-service-box:hover .elementor-icon svg { color: #d40034 !important; fill: #d40034 !important; border-color: #d40034 !important; } /* =============================== TITLE & DESCRIPTION HOVER ================================ */ .my-service-box .elementor-icon-box-title, .my-service-box .elementor-icon-box-description { transition: color 0.5s ease; } .my-service-box:hover .elementor-icon-box-title { color: white !important; } .my-service-box:hover .elementor-icon-box-description { color: #e4e4e4 !important; } /* =============================== IMAGE WIDGET FIXED HEIGHT + ZOOM ================================ */ .my-service-box .elementor-widget-image { overflow: hidden; height: 350px; position: relative; } .my-service-box .elementor-widget-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; transform: scale(1); } .my-service-box:hover .elementor-widget-image img { transform: scale(1.22); }/* End custom CSS */