.elementor-261 .elementor-element.elementor-element-198e05b7:not(.elementor-motion-effects-element-type-background), .elementor-261 .elementor-element.elementor-element-198e05b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D5D5D5;background-image:url("https://titansroofingca.com/wp-content/uploads/2026/10/Roofing-Consultation-at-Sunset.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-261 .elementor-element.elementor-element-198e05b7 > .elementor-background-overlay{background-color:#000000;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-261 .elementor-element.elementor-element-198e05b7 > .elementor-container{min-height:95vh;}.elementor-261 .elementor-element.elementor-element-198e05b7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-70px;margin-bottom:-100px;padding:0px 0px -100px 0px;z-index:0;}.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-261 .elementor-element.elementor-element-201b6f41 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:19px;font-weight:900;text-transform:uppercase;color:#FFFFFF;}.elementor-261 .elementor-element.elementor-element-436264b7 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:60px;font-weight:900;text-transform:uppercase;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-261 .elementor-element.elementor-element-52766614{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:400;color:#ECECEC;}.elementor-261 .elementor-element.elementor-element-dd2a461:not(.elementor-motion-effects-element-type-background), .elementor-261 .elementor-element.elementor-element-dd2a461 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F5F2;}.elementor-261 .elementor-element.elementor-element-dd2a461{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 0px 80px 0px;}.elementor-261 .elementor-element.elementor-element-dd2a461 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-261 .elementor-element.elementor-element-24d3db36{text-align:start;}.elementor-261 .elementor-element.elementor-element-24d3db36 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:48px;font-weight:800;color:#151515;}.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-261 .elementor-element.elementor-element-14f54b49 .elementor-icon-list-icon i{color:#C65D1E;transition:color 0.3s;}.elementor-261 .elementor-element.elementor-element-14f54b49 .elementor-icon-list-icon svg{fill:#C65D1E;transition:fill 0.3s;}.elementor-261 .elementor-element.elementor-element-14f54b49{--e-icon-list-icon-size:25px;--icon-vertical-offset:0px;}.elementor-261 .elementor-element.elementor-element-14f54b49 .elementor-icon-list-icon{padding-inline-end:5px;}.elementor-261 .elementor-element.elementor-element-14f54b49 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-261 .elementor-element.elementor-element-14f54b49 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-261 .elementor-element.elementor-element-14f54b49 .elementor-icon-list-text{color:#444444;transition:color 0.3s;}.elementor-261 .elementor-element.elementor-element-3eb43eee:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-261 .elementor-element.elementor-element-3eb43eee > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-261 .elementor-element.elementor-element-3eb43eee > .elementor-element-populated, .elementor-261 .elementor-element.elementor-element-3eb43eee > .elementor-element-populated > .elementor-background-overlay, .elementor-261 .elementor-element.elementor-element-3eb43eee > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-261 .elementor-element.elementor-element-3eb43eee > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:035px 032px 035px 032px;}.elementor-261 .elementor-element.elementor-element-3eb43eee > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-261 .elementor-element.elementor-element-543442e9:not(.elementor-motion-effects-element-type-background), .elementor-261 .elementor-element.elementor-element-543442e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://titansroofingca.com/wp-content/uploads/2026/10/Commercial-Roofers-at-Golden-Hour-e1793034161628.png");background-position:center center;background-size:cover;}.elementor-261 .elementor-element.elementor-element-543442e9 > .elementor-background-overlay{background-color:#000000;opacity:0.54;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-261 .elementor-element.elementor-element-543442e9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:130px 0px 130px 0px;}.elementor-261 .elementor-element.elementor-element-4bf9a5ff{text-align:center;}.elementor-261 .elementor-element.elementor-element-4bf9a5ff .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:46px;font-weight:800;text-transform:uppercase;letter-spacing:-0.5px;color:#FFFFFF;}.elementor-261 .elementor-element.elementor-element-5133d399{text-align:center;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;color:#F5F5F5;}.elementor-261 .elementor-element.elementor-element-58aa5b94 > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:10px 10px 10px 10px;box-shadow:10px 10px 30px 0px rgba(0, 0, 0, 0.1);}.elementor-261 .elementor-element.elementor-element-58aa5b94 .eael-infobox .infobox-icon{align-self:center;}.elementor-261 .elementor-element.elementor-element-58aa5b94 .eael-infobox .infobox-icon i{font-size:30px;color:#F9914F;}.elementor-261 .elementor-element.elementor-element-58aa5b94 .eael-infobox .infobox-icon svg{height:30px;width:30px;fill:#F9914F;}.elementor-261 .elementor-element.elementor-element-58aa5b94 .eael-infobox .infobox-icon .infobox-icon-wrap img{height:30px;width:30px;}.elementor-261 .elementor-element.elementor-element-58aa5b94 .eael-infobox .infobox-icon .infobox-icon-wrap{width:80px;height:80px;background:#FFF3EB;}.elementor-261 .elementor-element.elementor-element-58aa5b94 .eael-infobox.icon-beside-title .infobox-content .title figure i{color:#F9914F;}.elementor-261 .elementor-element.elementor-element-58aa5b94 .eael-infobox .infobox-content .title{color:#080530;font-family:"Nunito", Sans-serif;font-size:1.2rem;font-weight:600;margin:0px 0px 0px 0px;}.elementor-261 .elementor-element.elementor-element-58aa5b94 .eael-infobox .infobox-content p{margin:5px 0px 0px 0px;color:#4d4d4d;}.elementor-261 .elementor-element.elementor-element-58aa5b94 .eael-infobox .infobox-content{padding:17px 0px 0px 15px;}.elementor-261 .elementor-element.elementor-element-58aa5b94 .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-261 .elementor-element.elementor-element-58aa5b94 .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-261 .elementor-element.elementor-element-57b76f1 > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:10px 10px 10px 10px;box-shadow:10px 10px 30px 0px rgba(0, 0, 0, 0.1);}.elementor-261 .elementor-element.elementor-element-57b76f1 .eael-infobox .infobox-icon{align-self:center;}.elementor-261 .elementor-element.elementor-element-57b76f1 .eael-infobox .infobox-icon i{font-size:30px;color:#F9914F;}.elementor-261 .elementor-element.elementor-element-57b76f1 .eael-infobox .infobox-icon svg{height:30px;width:30px;fill:#F9914F;}.elementor-261 .elementor-element.elementor-element-57b76f1 .eael-infobox .infobox-icon .infobox-icon-wrap img{height:30px;width:30px;}.elementor-261 .elementor-element.elementor-element-57b76f1 .eael-infobox .infobox-icon .infobox-icon-wrap{width:80px;height:80px;background:#FFF3EB;}.elementor-261 .elementor-element.elementor-element-57b76f1 .eael-infobox.icon-beside-title .infobox-content .title figure i{color:#F9914F;}.elementor-261 .elementor-element.elementor-element-57b76f1 .eael-infobox .infobox-content .title{color:#080530;font-family:"Nunito", Sans-serif;font-size:1.2rem;font-weight:600;margin:0px 0px 0px 0px;}.elementor-261 .elementor-element.elementor-element-57b76f1 .eael-infobox .infobox-content p{margin:5px 0px 0px 0px;color:#4d4d4d;}.elementor-261 .elementor-element.elementor-element-57b76f1 .eael-infobox .infobox-content{padding:17px 0px 0px 15px;}.elementor-261 .elementor-element.elementor-element-57b76f1 .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-261 .elementor-element.elementor-element-57b76f1 .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-261 .elementor-element.elementor-element-52e94b8b > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:10px 10px 10px 10px;box-shadow:10px 10px 30px 0px rgba(0, 0, 0, 0.1);}.elementor-261 .elementor-element.elementor-element-52e94b8b .eael-infobox .infobox-icon{align-self:center;}.elementor-261 .elementor-element.elementor-element-52e94b8b .eael-infobox .infobox-icon i{font-size:30px;color:#F9914F;}.elementor-261 .elementor-element.elementor-element-52e94b8b .eael-infobox .infobox-icon svg{height:30px;width:30px;fill:#F9914F;}.elementor-261 .elementor-element.elementor-element-52e94b8b .eael-infobox .infobox-icon .infobox-icon-wrap img{height:30px;width:30px;}.elementor-261 .elementor-element.elementor-element-52e94b8b .eael-infobox .infobox-icon .infobox-icon-wrap{width:80px;height:80px;background:#FFF3EB;}.elementor-261 .elementor-element.elementor-element-52e94b8b .eael-infobox.icon-beside-title .infobox-content .title figure i{color:#F9914F;}.elementor-261 .elementor-element.elementor-element-52e94b8b .eael-infobox .infobox-content .title{color:#080530;font-family:"Nunito", Sans-serif;font-size:1.2rem;font-weight:600;margin:0px 0px 0px 0px;}.elementor-261 .elementor-element.elementor-element-52e94b8b .eael-infobox .infobox-content p{margin:5px 0px 0px 0px;color:#4d4d4d;}.elementor-261 .elementor-element.elementor-element-52e94b8b .eael-infobox .infobox-content{padding:17px 0px 0px 15px;}.elementor-261 .elementor-element.elementor-element-52e94b8b .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-261 .elementor-element.elementor-element-52e94b8b .eael-infobox:hover .infobox-content p{transition:100ms;}@media(max-width:1024px){.elementor-261 .elementor-element.elementor-element-198e05b7{padding:0px 20px 0px 20px;}.elementor-261 .elementor-element.elementor-element-436264b7 .elementor-heading-title{font-size:65px;}}@media(max-width:767px){.elementor-261 .elementor-element.elementor-element-198e05b7 > .elementor-container{min-height:91vh;}.elementor-261 .elementor-element.elementor-element-436264b7 .elementor-heading-title{font-size:38px;}}@media(min-width:768px){.elementor-261 .elementor-element.elementor-element-7241c0b4{width:60.965%;}.elementor-261 .elementor-element.elementor-element-4ac41a3c{width:38.904%;}}@media(max-width:1024px) and (min-width:768px){.elementor-261 .elementor-element.elementor-element-7241c0b4{width:100%;}}/* Start custom CSS for heading, class: .elementor-element-24d3db36 */.elementor-261 .elementor-element.elementor-element-24d3db36 {
    color: #151515;
    font-size: 48px;
    font-weight: 800;
    line-height: 1.05;
    margin-bottom: 25px;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-14f54b49 */.elementor-261 .elementor-element.elementor-element-14f54b49 .elementor-icon-list-item {
    margin-bottom: 14px;
}

.elementor-261 .elementor-element.elementor-element-14f54b49 .elementor-icon-list-text {
    color: #444444;
    font-size: 17px;
    font-weight: 600;
}

.elementor-261 .elementor-element.elementor-element-14f54b49 .elementor-icon-list-icon {
    color: #C65D1E;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-1f25b9f1 */.elementor-261 .elementor-element.elementor-element-1f25b9f1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 20px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4c7d8e78 */.cg-contact-form {
    background: #FFFFFF;
    padding: 35px;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.cg-contact-form .cg-form-row {
    display: flex;
    gap: 14px;
}

.cg-contact-form .cg-field {
    margin-bottom: 14px;
}

.cg-contact-form .cg-form-row .cg-field {
    flex: 1;
}

.cg-contact-form input,
.cg-contact-form select,
.cg-contact-form textarea {
    width: 100%;
    box-sizing: border-box;
    background: #FAFAF9;
    border: 1px solid #D8D3CC;
    border-radius: 4px;
    padding: 13px 14px;
    font-size: 15px;
    color: #222222;
    font-family: inherit;
}

.cg-contact-form textarea {
    height: 110px;
    resize: vertical;
}

.cg-contact-form input::placeholder,
.cg-contact-form textarea::placeholder {
    color: #999999;
}

.cg-contact-form input:focus,
.cg-contact-form select:focus,
.cg-contact-form textarea:focus {
    border-color: #C65D1E;
    outline: none;
}

.cg-contact-form .cg-submit input[type="submit"] {
    width: 100%;
    background: #C65D1E !important;
    color: #FFFFFF !important;
    border: 0 !important;
    border-radius: 4px;
    padding: 14px 20px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .4px;
    cursor: pointer;
    transition: background-color .2s ease;
}

.cg-contact-form .cg-submit input[type="submit"]:hover {
    background: #9E4517 !important;
    color: #FFFFFF !important;
}

@media (max-width: 767px) {
    .cg-contact-form {
        padding: 25px 20px;
    }

    .cg-contact-form .cg-form-row {
        flex-direction: column;
        gap: 0;
    }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-3eb43eee */.cg-contact-form label {
    display: block;
    color: #333333;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
}

.cg-contact-form input,
.cg-contact-form select,
.cg-contact-form textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #D8D3CC;
    background: #FAFAF9;
    color: #222222;
    border-radius: 4px;
    padding: 13px 14px;
    font-size: 15px;
    outline: none;
}

.cg-contact-form input:focus,
.cg-contact-form select:focus,
.cg-contact-form textarea:focus {
    border-color: #C65D1E;
}

.cg-contact-form textarea {
    min-height: 120px;
    resize: vertical;
}

.cg-contact-form input::placeholder,
.cg-contact-form textarea::placeholder {
    color: #999999;
}

.cg-contact-form .cg-form-row {
    display: flex;
    gap: 15px;
}

.cg-contact-form .cg-form-row .cg-field {
    flex: 1;
}

.cg-contact-form .cg-field {
    margin-bottom: 16px;
}

.cg-contact-form input[type="submit"] {
    width: 100%;
    background: #C65D1E;
    color: #FFFFFF;
    border: none;
    border-radius: 4px;
    padding: 15px 20px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    cursor: pointer;
    transition: .25s ease;
}

.cg-contact-form input[type="submit"]:hover {
    background: #9E4517;
}/* End custom CSS */