@charset "UTF-8";
/*
Theme Name: Denny Zimmerman Roofing
Author: Webdesign 309
Author URI: http://www.webdesign309.com/
Description: We are a full service webdesign and development company delivering high end design and development solution for our clients and delivering best solutions to attract more visibility and customization to your website.

Version: 2.0.0

Tags: peoria web development, chicago web development, custom wordpress development, advertising agency solutions, florida webdesign, chicago webdesign, illinois webdesign, custom webdesign development

*/
/*
--------------------------------------------------------------*/
/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */


@font-face { font-family: 'Helvetica'; src: url('font/Helvetica.eot'); src: url('font/Helvetica.eot?#iefix') format('embedded-opentype'), url('font/Helvetica.woff2') format('woff2'), url('font/Helvetica.woff') format('woff'), url('font/Helvetica.ttf') format('truetype'), url('font/Helvetica.svg#Helvetica') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Helvetica-bold'; src: url('font/Helvetica-Bold.eot'); src: url('font/Helvetica-Bold.eot?#iefix') format('embedded-opentype'), url('font/Helvetica-Bold.woff2') format('woff2'), url('font/Helvetica-Bold.woff') format('woff'), url('font/Helvetica-Bold.ttf') format('truetype'), url('font/Helvetica-Bold.svg#Helvetica-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Life'; src: url('font/Life-Roman.eot'); src: url('font/Life-Roman.eot?#iefix') format('embedded-opentype'), url('font/Life-Roman.woff2') format('woff2'), url('font/Life-Roman.woff') format('woff'), url('font/Life-Roman.ttf') format('truetype'), url('font/Life-Roman.svg#Life-Roman') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }


:root {
    --body-color:rgba(45, 45, 45, 70%); ;
    --header:rgba(45, 45, 45, 1);
    --primary-color:rgba(2, 159, 153, 1);
    --white-color: rgba(255, 255, 255, 1);
    --green-color:rgba(39, 159, 0, 1);
    --secondary-color:rgba(1, 42, 94, 1);
    --black-color:rgba(0, 0, 0, 1);


    --body-font: 'Helvetica';
    --heading-font: 'Helvetica-bold';
    --font-bold:'Life'
}


*:focus { outline: none ; }

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/
html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address, small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label, input, textarea, option, .nobox { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }
blockquote { quotes: none; }
br { height: 0; }
ul, ol, dl, li { margin: 0; padding: 0; list-style-type: none; }
ul, ol { margin: 0 0 0 0px; }

html, body { appearance: none; -webkit-appearance: none; border: none; -webkit-text-size-adjust: none; }


/* 2. Define Base Typography
------------------------------------------------------------------------------*/
body { padding: 0; margin: 0; font-family: var(--body-font); font-size: 20px; color: var(--body-color); line-height: 24px; box-sizing: border-box; overflow-x: hidden;}
section{ overflow: hidden; }

*, *:after, *:before { box-sizing: border-box; }

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 { margin: 0; color: var(--header); line-height: 1.2; font-weight: normal; font-family: var(--heading-font); text-transform: capitalize; }

/* Specific Header Settings */
h1, .h1 { font-size: 80px;}
h2, .h2 { font-size: 40px;}
h3, .h3 { font-size: 32px;} 
h4, .h4 { font-size: 24px;}
h5, .h5 { font-size: 22px; }
h6, .h6 { font-size: 20px; }

p{ word-wrap: break-word; margin-bottom: 20px; }


/* Other Typo */
strong { font-weight: bold; }
hr { border: 0 #000 solid; border-top-width: 1px; clear: both; height: 0; }
ol { list-style: decimal; }
ul { list-style: disc; }


/* Remove border around linked images */
img { max-width: 100%; border: 0; border-style: none; height: auto; }

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a { text-decoration: none; transition: 0.5s; display: inline-block; color: var(--primary-color);}
a:hover { color: var(--header); }

/* 5. Forms
------------------------------------------------------------------------------*/
.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] { text-transform: capitalize; font-family: var(--heading-font); font-weight: normal; margin: 0 0 0 0;  padding: 14px 16px; border-radius: 500px; background-color: var(--primary-color); border: 1px solid var(--primary-color); display: inline-block; vertical-align: middle; letter-spacing: 1; font-size: 24px; color: var(--white-color); line-height: 36px; position: relative; outline: none; box-shadow: none; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; overflow: hidden; position: relative; z-index: 0; cursor: pointer; }

/* .button:hover, a.button:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{ background-color: transparent; color: var(--header); border-color: var(--header); } */
.button:hover, a.button:hover, html input[type="button"]:hover, input[type="reset"]:hover, button[type="submit"]:hover { background-color: transparent; color: var(--primary-color); }

input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea { color: rgba(35, 35, 35, 0.8); padding: 24px 24px; background: rgba(250, 250, 250, 1); font-family: var(--body-font); font-size: 18px; letter-spacing: 0; width: 100%; filter: alpha(opacity=100); border: 1px solid rgba(250, 250, 250, 1); border-radius: 5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; line-height: 150%; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; outline: none !important; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; resize: none; caret-color: var(--primary-color); }

textarea{ padding: 16px 24px; min-height: 119px; background: rgba(250, 250, 250, 1); overflow-y: auto; resize: vertical; }

input::-webkit-input-placeholder { color: rgba(35, 35, 35, 1); opacity: 0.8; text-transform: capitalize; }
input:-moz-placeholder { color: rgba(35, 35, 35, 1); opacity: 0.8; }
input::-moz-placeholder { color: rgba(35, 35, 35, 1); opacity: 0.8; }
input:-ms-input-placeholder { color: rgba(35, 35, 35, 1); opacity: 0.8; }
textarea::-webkit-input-placeholder{color: rgba(35, 35, 35, 1); opacity: 0.8;  text-transform: capitalize; }
textarea:-moz-placeholder { color: rgba(35, 35, 35, 1); opacity: 0.8; }
textarea::-moz-placeholder { color: rgba(35, 35, 35, 1); opacity: 0.8; }
textarea:-ms-input-placeholder { color: rgba(35, 35, 35, 1); opacity: 0.8; }

/* container */
.container { max-width: 1500px; width: 100%; padding: 0 50px; margin: 0 auto;}

.col1{max-width: 100%; width: 100%;}
.col2{max-width: 50%; width: 100%;}
.col3{max-width: 33.33%;}
.col4{max-width: 25%;}

.d-flex { display: flex; }
.flex-wrap { flex-wrap: wrap; }
.justify-content-start { justify-content: flex-start; }
.justify-content-center { justify-content: center; }
.justify-content-end { justify-content: flex-end; }
.justify-content-between { justify-content: space-between; }
.align-items-start { align-items: flex-start; }
.align-items-center { align-items: center; }
.align-items-end { align-items: flex-end; }
.row-reverse { flex-direction: row-reverse; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.font-light { font-weight: 300; }

svg path, svg circle{ transition: 0.5s; }


/* header */
header{ position: absolute; width: 100%; top: 0; left: 0; z-index: 1; padding: 40px 0;  }
header>.container { max-width: 1700px; }
header.inner_header>.container { max-width: 1500px; }
.h-btn a.button{ letter-spacing: 7.5px; padding: 5px 15px;font-size: 24px; }
.header-nav .nav-top{ align-items: center; justify-content: flex-end; gap: 38px; }
.header-nav ul{ gap: 38px; align-items: center; justify-content: flex-end; font-size: 25px;  }
.header-nav ul li a{ font-size:26px; line-height: 36px; font-family: var(--heading-font); color: var(--black-color);text-transform: uppercase;position: relative; }
.header-nav ul li a:hover{ color: var(--primary-color); }
.header-logo{ width: 400px; line-height: 0; }
header.inner_header .header-logo { width: fit-content; line-height: 0; }
ul.social-icon { gap: 30px; }
ul.social-icon li a{ width: 52px; height: 52px; line-height: 0; }
ul.social-icon li a:hover{ transform: scale(1.1); }
.nav-bottom { padding: 15px 0 0; }
/* .h-btn{ display: flex; gap: 26px; flex-wrap: wrap; } */

/* banner */
.banner{ height: 100vh; position: relative;    box-shadow: inset 1px -15px 15px -10px rgba(0, 0, 0, 0.6); ; background-position: center; background-size: cover; }
.banner_content{ text-align: center; color: var(--white-color); position: absolute; bottom: 25px; left: 0; width: 100%; }
.banner_content h1{ text-align: center; font: normal normal normal 140px/170px Life; letter-spacing: 0px; color: #FFFFFF; text-shadow: 0px 3px 6px #000000; opacity: 1; }
.banner_content p{ margin-bottom: 0;font: normal normal normal 63px/77px Life; letter-spacing: 13.48px; color: #FFFFFF; text-shadow: 0px 3px 6px #000000; opacity: 1;text-transform: uppercase; }
.banner_content h2{ text-align: center; font: normal normal normal 102px/124px Life; letter-spacing: 0px; color: #FFFFFF; opacity: 1; }
.banner_content ul{ display: flex; align-items: center; justify-content: center; gap: 80px; padding: 10px 0; border-style: solid; border-color: var(--white-color); border-width: 5px 0 5px 0; MAX-WIDTH: 1200PX; MARGIN: 10px AUTO 0;}
.banner_content ul li{text-transform: uppercase; position: relative; text-align: center; font: normal normal bold 30px/36px Helvetica; letter-spacing: 7.5px; color: #FFFFFF; opacity: 1; }
.banner_content ul li::after{ content: ''; position: absolute; right: -40px; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; background-color: var(--white-color); border-radius: 50%;  }
.banner_content ul li:last-child:after{ display:none; }


/* bussiness */
.bussiness{padding: 30px 0 70px; position: relative ; background-color: var(--white-color);}
.bussiness h3{text-align: center;padding-bottom: 30px;font-size: 39px;color: var(--black-color);text-transform: uppercase;}
.bussiness p{color: var(--black-color);}
.bussiness .bussiness_in{gap: 50px;}
.bussiness .bussiness_in .bussiness_img{max-width: 71%; width: 100%;}
.bussiness .bussiness_in .bussiness_img img{width: 100%; height: 219px;object-fit: cover;}
.bussiness .bussiness_in .bussiness_img p { font-size: 30px; font-family: var(--font-bold); line-height: 36px; margin-bottom: 0; }
.bussiness .bussiness_in .bussiness_text{max-width: 29%; width: 100%;}




/* rooms */
.rooms{padding: 50px 0 50px ;background-color: rgb(227,227,227);position: relative;}
.rooms{padding: 50px 0 50px ;}
.rooms .rooms_in {margin: -15px -15px; flex-wrap: wrap;}
.rooms .rooms_in .card{padding: 15px 15px; max-width: 25%; width: 100%;line-height: 0;}
.rooms .rooms_in .card a{width: 100%;height: 100%; line-height: 0;}
.rooms .rooms_in .card_box{overflow: hidden; position: relative;border-radius: 8px;}

.card_box::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent); z-index: 0; border-radius: 12px; opacity: 0; transition: 0.4s all ease-in-out; }
.card_box:hover:before { opacity: 1; }
.rooms .rooms_in .card_box:hover .card_text{bottom: 90px;}
.rooms .rooms_in .card_box .card_img{height: 472px;overflow: hidden;}
.rooms .rooms_in .card_box .card_img img{height: 100%; width: 100%; object-fit: cover;}
.rooms .rooms_in .card_box .card_text{position:absolute; bottom: 40px; left: 50%; transform: translateX(-50%);text-align: center;transition: 0.4s all ;}
.rooms .rooms_in .card_box .card_text h3{color: var(--white-color);text-transform: uppercase;}

.neighbors_say{padding: 30px 0 50px;position: relative ; background-color: var(--white-color);}
.neighbors_say h3{text-align: center;padding-bottom: 35px;color: var(--black-color);text-transform: uppercase;font-size: 39px;}
/* .neighbors_say .neighbors_info{margin: -40px -40px;flex-wrap: wrap;} */
.neighbors_say .neighbors_info .neighbors_card{padding: 0px 33px; }
.neighbors_say button.slick-arrow { font-size: 0; padding: 0; line-height: 0; border: none; }
.neighbors_say .neighbors_info .neighbors_card .neighbors_box p { font-size: 29px; line-height: normal; color: var(--black-color); font-family: var(--font-bold); }
.neighbors_say .neighbors_info .neighbors_card .neighbors_box span { font-size: 29px; line-height: normal; color: var(--black-color); font-family: var(--font-bold); }

ul.slick-dots { display: flex; justify-content: center; gap: 15px; }
ul.slick-dots li button { font-size: 0; padding: 8px; line-height: 0; border: 2px solid var(--primary-color); background-color: transparent; }
ul.slick-dots li.slick-active button { background-color: var(--primary-color); }
footer{padding: 50px 0 20px; background-color: var(--black-color);color: var(--white-color);position: relative;}
footer .foorter_in{gap: 50px;}
footer .footer_logo{max-width: 45%; width: 100%;gap: 20px;}
footer .footer_logo .logo {max-width: 324px;}
footer .footer_logo .logo img{width: 100%; height: 100%;object-fit: cover;}
footer .footer_logo p{font-size: 24px;line-height:37px;margin-bottom: 0;}
footer .footer_nav{max-width: 28%; width: 100%; display: flex; justify-content: space-around;}
footer .footer_nav ul { display: grid; grid-template-rows: repeat(4, auto); grid-auto-flow: column; column-gap: 12px; row-gap: 15px; }
footer .footer_nav ul li{font-size: 20px;}
footer .footer_nav ul li.hand_icon {position: relative;overflow: visible;}
footer .footer_nav ul li.hand_icon::before { content: ""; position: absolute; top: -5px; left: 86px; background-image: url(images/hand.png); background-repeat: no-repeat; width: 100%; overflow: inherit; height: 146%; background-size: 35px; }
footer .footer_nav ul li a { text-transform: uppercase; color: var(--white-color); }
footer .footer_nav ul li a:hover{color: var(--green-color);}
.copyright-text p{ margin-bottom: 0; padding-top: 30px; text-align: center;}
.copyright-text p a:hover{color: var(--white-color);}


header.inner_header { background-color: var(--green-color); padding: 8px 0; }
header.inner_header .header-nav ul li a {position: relative; color: var(--white-color);    text-transform: uppercase; font-size: 25px;}
header.inner_header .header-nav ul li a:hover,header.inner_header .header-nav ul li.current-menu-parent.menu-item-has-children>a,header.inner_header .header-nav ul li.current-menu-parent.menu-item-has-children a::after { color: var(--black-color) ; }
header.inner_header .h-btn a.button { background-color: var(--white-color); color:#029F99;line-height: 18px;padding: 14px 16px; font-size: 24px; }
header.inner_header .h-btn a.button:hover { background-color: #029F99; color:var(--white-color);border: 1px solid var(--white-color); }
footer .footer_logo p a{ color: var(--white-color); }
footer .footer_logo p a:hover{ color: var(--green-color); }



/* about pages */
.about_banner{height: 450px; position: relative;background-attachment: scroll;background-image: url(images/about_us_banner.webp);}
.about_banner::before{position: absolute;content: ""; width: 100%; height: 100%; bottom: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 21%, rgba(0, 0, 0, 0.7) 100%); }
.about_banner .banner_content h1 {text-shadow: none; text-align: center; font-size: 80px; color: #FFFFFF; line-height: 75px; font-family: var(--font-bold); } 
.about_banner .banner_content { bottom: 60px; }



.more_info{padding: 80px 0;}
.more_info .more_info_in{gap: 100px;}
.more_info .img{max-width: 677px; width: 100%; height: 517px; line-height: 0;border-radius: 5px ; overflow: hidden;}
.more_info .img img{width: 100%; height: 100%; object-fit: cover;}
.more_info .text{max-width: 41%; width: 100%;}
.more_info .text h2{text-transform: none; line-height: 120%;padding-bottom: 24px;}
.more_info .text p{font-size: 16px;line-height: 160%;}
.more_info .more_info_in ul {padding: 12px 0 0;}


.blue_box{padding: 80px 0;text-align: center;background-color: var(--secondary-color);}
.blue_box h2{text-transform: none; color: var(--white-color);padding-bottom: 24px;line-height: 140%;}
.blue_box p{color: rgba(255, 255, 255, 0.7);font-size: 16px;}

.about_us_sect3 .more_info_in{flex-direction: row-reverse;}

.our_team{padding: 80px 0;}
.our_team .out_team_sect{margin: -25px -15px; flex-wrap: wrap;}
.our_team .out_team_sect .our_team_card{padding: 25px 15px;max-width: 33.33%; width: 100%;}
.our_team .out_team_sect .our_team_card .our_text h4{padding-bottom: 16px;line-height: 120%;}
.our_team .out_team_sect .our_team_card .our_text{text-align: center;}
.our_team .out_team_sect .our_team_card .our_img a{ border-radius: 5px; overflow: hidden; height: 100%; width: 100%; }
.our_team .out_team_sect .our_team_card .our_text p{margin-bottom: 0;font-size: 16px;line-height: 160%;}
.our_team .out_team_sect .our_team_card .our_img{border-radius: 5px; overflow: hidden;height: 412px;margin-bottom: 24px;}
.our_team .out_team_sect .our_team_card .our_img img{    transition: 0.3s all ease-in-out; height: 100%; width: 100%; object-fit: cover;}
.our_team .out_team_sect .our_team_card .our_img:hover img{transform: scale(1.1);}
.residential_shingles:last-of-type{padding: 80px 0 80px;}

.residential_shingles{padding: 80px 0 0;}

.contact_sect{padding: 80px 0 ;}
.contact_sect .contact_in{gap: 30px;}
.contact_sect .contact_in .contact_left{max-width: 25%; width: 100%;padding: 50px 32px;}
.contact_sect .contact_in .contact_form{max-width: 75%; width: 100%;padding: 50px ;box-shadow: 0px 14px 34px 0px rgba(209, 209, 209, 0.25); }
.contact_sect .contact_in .contact_form form .input_filed{padding: 14px 15px;}
.contact_sect .contact_in .contact_form form .input_filed textarea{min-height: 151px;}
.contact_sect .contact_in .contact_form form .input_filed.submit_btn {padding: 14px 15px;}
.contact_sect .contact_in .contact_form form{display: flex; flex-wrap: wrap;margin: -14px -15px;}
.contact_sect .contact_in .contact_form h3{padding-bottom: 28px;}
.contact_sect .contact_in .contact_left h3{padding-bottom: 24px;text-transform: none;}
.contact_sect .contact_in .contact_left ul{gap: 24px;flex-direction: column;}
.contact_sect .contact_in .contact_left ul li{display: flex;flex-direction: column;gap: 10px;}
.contact_sect .contact_in .contact_left ul li span{gap: 8px;color:rgba(35, 35, 35, 1);font-size: 18px;font-family: var(--heading-font);}
.contact_sect .contact_in .contact_left ul li a{color: rgba(35, 35, 35, 1);font-family: var(--body-font); font-size: 18px;line-height: 160%;}
.contact_sect .contact_in .contact_left ul li a:hover{color: var(--primary-color);}
.contact_sect .contact_in .contact_left ul li p{font-size: 18px;color:rgba(35, 35, 35, 1); margin-bottom: 0;}
.input_filed.col1.submit_btn input[type="submit"] { letter-spacing: 7.5px; font-size: 24px; line-height: 18px; }
.input_filed.col1.submit_btn input[type="submit"]:hover{color: var(--primary-color);background-color: transparent; border: 1px solid var(--primary-color);}


header.inner_header  ul li ul.sub-menu ,header  ul li ul.sub-menu{ visibility: hidden; white-space:nowrap;position:absolute;margin:10px 0 0;z-index:3;text-align:left;transform:scaleY(0);transition:.3s;transform-origin:top;padding-top:0}
header.inner_header  ul li:hover > ul.sub-menu,header  ul li:hover > ul.sub-menu{transform:scaleY(1); visibility: visible; }
header.inner_header  ul li ul.sub-menu li a,header  ul li ul.sub-menu li a, ul.sub-menu li > ul.sub-menu li a{ background:#fff;padding:12px 16px;display:block;color:var(--body_color);min-width:200px;transition:.4s ease-in-out;font-size:25px;line-height:25px;border-bottom:1px solid var(--body-color)}
header  ul li ul.sub-menu li a{font-size: 26px;}
header.inner_header  ul li ul.sub-menu li:last-child a ,header  ul li ul.sub-menu li:last-child a{border-bottom:0}
header.inner_header  ul li ul.sub-menu li,header  ul li ul.sub-menu li{margin:0;display:block}
header.inner_header  ul li ul.sub-menu li a:hover,header.inner_header  ul li ul.sub-menu li.current-menu-item a{color:var(--green-color) !important;border-bottom: 1px solid var(--green-color);}
header ul li ul.sub-menu li a:hover,.header ul li ul.sub-menu li.current_page_item a{color:var(--primary-color);border-bottom: 1px solid var(--primary-color);}
header.inner_header  ul li ul.sub-menu li a:hover:before,header  ul li ul.sub-menu li a:hover:before { transform: scaleX(0); }
header.inner_header  ul li.menu-item-has-children>a::after { content: ''; position: absolute; right: -18px; border-top: 3px solid var(--white-color); border-left: 3px solid var(--white-color); top: 9px; transform: rotate(-135deg); width: 12px; height: 12px; transition: 0.3s all ease-in-out }
header.inner_header  ul li.current-menu-item>a::after {border-color: var(--black-color);}
header  ul li.menu-item-has-children>a::after { content: ''; position: absolute; right: -18px; border-top: 3px solid var(--black-color); border-left: 3px solid var(--black-color); top: 9px; transform: rotate(-135deg); width: 12px; height: 12px; transition: 0.3s all ease-in-out }
header.inner_header .header-nav ul li a:hover::after,header.inner_header .header-nav ul li.current-menu-parent.menu-item-has-children a::after { border-color: var(--black-color); }
header .header-nav ul li a:hover::after { border-color: var(--primary-color); }
header.inner_header  ul li ul.sub-menu li:last-child a:hover,header  ul li ul.sub-menu li:last-child a:hover { border-bottom: 0; }
header.inner_header  ul li ul.sub-menu li:first-child > a,header  ul li ul.sub-menu li:first-child > a{ border-radius: 5px 5px 0 0; }
header.inner_header  ul li ul.sub-menu li:last-child > a,header  ul li ul.sub-menu li:last-child > a{ border-radius: 0 0 5px 5px; }
header.inner_header  ul li ul.sub-menu li:last-child > ul li:first-child a,header  ul li ul.sub-menu li:last-child > ul li:first-child a{ border-radius: 5px 5px 0 0; }
header.inner_header  ul li ul.sub-menu li:last-child > ul li:last-child a,header  ul li ul.sub-menu li:last-child > ul li:last-child a{ border-radius: 0px 0px 5px 5px; }
header.inner_header  ul li > ul li.menu-item-has-children> a::after,header  ul li > ul li.menu-item-has-children> a::after{ right: 8px; top: 12px; border-color: var(--red_color); }
ul li > ul li.current-menu-item > a, ul li > ul li.current-menu-parent > a{ color: var(--red_color) !important; }
ul li.current_page_item a::before, ul li.current-menu-parent a::before, ul li.current_page_ancestor a::before{ transform: scaleX(1) !important; }
.submit-btn { margin-top: 16px; }
header.inner_header  ul li ul.sub-menu li,header  ul li ul.sub-menu li{ position: relative; }
header.inner_header  ul li ul.sub-menu li > ul.sub-menu ,header  ul li ul.sub-menu li > ul.sub-menu { left: 101%; top: -10px; }
header.inner_header ul li a:hover, header.inner_header ul li.current_page_item a,  header.inner_header ul li.current_page_ancestor a { color: var(--black-color); }
header ul li a:hover, header ul li.current_page_item a, header ul li.current_page_ancestor a { color: var(--primary-color); }
footer ul li a:hover, footer ul li.current_page_item a{color: var(--green-color);}
/* def-page */ 
.def-page{padding: 80px 0px;}
.def-page p{ font-family: var(--body-font); color: var(--body-color); font-style: normal; font-weight: 400; margin-bottom: 15px;font-size: 16px; }
.def-page .right-img{float:right; margin:0 0 15px 40px; position: relative; z-index: 0; line-height: 0;}
.def-page .left-img{float:left; margin:0 40px 15px 0; position: relative; line-height: 0;}
.def-page .right-img img{border-radius: 0px;border-radius: 5px; position: relative; width: 100% ; height: auto;}
.def-page .left-img img{border-radius: 0px;border-radius: 5px; position: relative; width: 100% ; height: auto;}
.def-page h2, .def-page h3, .def-page h4, .def-page h5, .def-page h6{ margin: 0 0 15px 0; line-height: 1.3; font-family: var(--heading-font); padding: 0px; color: var(--header);}
.def-page h1{ font-size: 64px; line-height: 76px;} 
.def-page h2{ font-size: 40px; line-height: 50px;}
.def-page h3{ font-size: 32px; line-height: 43px;}
.def-page h4{ font-size: 24px; line-height: 34px;}
.def-page h5{ font-size:20px; line-height:28px; }
.def-page h6{font-size: 18px; line-height: 25px;}
.privacy-page > div > p{ padding-bottom: 0; }

.def-page ul {margin: 0; padding-bottom: 15px; overflow: hidden; max-width: inherit; width: inherit; padding-left: 0; }
.def-page ul li { list-style: none;font-size: 16px; color: var(--body-color); position: relative; padding: 5px 24px;;}
.def-page ul li:before {content: ""; position: absolute; top: 12px; left: 0; width: 10px; height: 10px;     background-color: var(--primary-color);
    border-radius: 50%;}
.def-page ol{padding-left: 0; padding-bottom: 15px;}
.def-page a:hover{color: var(--body-color);}
.def-page ol li {list-style-type:none;counter-increment:item;font-size: 16px; color: var(--body-color); padding:5px 0; }
.def-page ol li:before {display:inline-block; content: counter(item) ".";  color: var(--body-color);  padding-right:10px;}
.def-page ul.col-2, .def-page ul.col-3 { overflow: hidden }
.def-page ul.col-2 li {width: 50%;float: left;}
.def-page ul.col-3 li {width: 33.33%;float: left;}
.privacy-page ol { margin-bottom: 25px;}
.privacy-page ol>li:before { padding-right: 05px;}
.privacy-page .privacy-inner{ padding-left: 30px; margin-bottom: 20px;}
.privacy-page .privacy-inner ul{ margin-top: 05px; }
.privacy-page ul,.privacy-page ol{ margin-left:20px;}
.privacy-page ol li{padding: 5px 0px;}
.pagenotfound {width: 100%;display: block; padding: 70px 0px 80px; text-align: center;}
.pagenotfound h2 {font-size: 50px;font-weight: 600;}
.pagenotfound p{font-size: 16px;}
.thankyou {text-align: center;}
.thankyou h3 strong {font-size: 46px;}
.clearfix:after { clear: both; display: block; visibility: hidden; content: ""; }
.fl{float:left}.fr{float:right}.cl,.clear,.clr,.social_share, .clearfix{clear:both}.clearfix:after{clear:both;display:block;visibility:hidden;content:""}
ul.overflow {overflow: unset;}


/* pagination css */

.wp_pagination { width: 100%; padding: 30px 0 0px; }
.wp_pagination ul { display: flex; justify-content: center; align-items: center; gap: 20px; }
.pagination ul li a, .pagination ul li span { width: 45px; height: 45px; background-color: transparent; color: var(--theme-black); display: flex; align-items: center; justify-content: center; font-size: 20px; border-radius: 4px; border: 1px solid rgba(31, 31, 31, .3); }
.pagination ul li a.nextpostslink, .pagination ul li a.previouspostslink { position: relative; transition: .5s; }
.pagination ul li a.nextpostslink::before, .pagination ul li a.previouspostslink::before { content: ''; position: absolute; width: 10px; height: 10px; border-top: 2px solid var(--body-color); border-left: 2px solid var(--body-color); left: 14px; top: 16px; transform: rotate(136deg); }
.our_project .pagination ul li a:hover, .our_project .pagination ul li span, ul li a.active, .our_project ul li:hover a { background-color: var(--primary-color); color: var(--white-color); }
.pagination ul li a.previouspostslink::before { transform: rotate(-45deg); left: 18px; top: 16px; }
.pagination ul li span.current { background-color: var(--primary-color); color: var(--white-color); }
.pagination ul li a.nextpostslink:hover::before, .pagination ul li a.previouspostslink:hover::before { border-top: 2px solid var(--white-color); border-left: 2px solid var(--white-color); }

/* contact form css */
input.wpcf7-not-valid { border: 1px solid red !important; }
.wpcf7-not-valid-tip { color: #dc3232; font-size: 1em; font-weight: normal; display: block; }
.wpcf7-not-valid-tip { display: none; }
.cf7sr-recaptcha .wpcf7-not-valid-tip { display: block !important; font-size: 15px; }



/* 30-4-25 mahima */
.wpcf7-response-output { width: 100%; text-align: center;margin-top: 0; }
.input_filed.col1.submit_btn { display: flex; gap: 30px; }



/* 6-5-2025 */
.our_team{text-align: center;}
.our_team h2{padding-bottom: 24px;}
.our_team p{font-size: 16px;}
.page-id-24 .our_team{padding: 0px 0 80px;}
.page-id-169 img.mfp-img { max-height: 850px !important; }
.page-id-169 .mfp-content { margin: 0 70px; }
.page-id-169 .mfp-close { width: 42px; height: 42px; top: -10px; right: 0; opacity: 1; background: var(--primary-color); color: #fff; font-family: 'Montserrat'; font-weight: 500; font-size: 30px; border-radius: 4px; border: solid 2px var(--primary-color); line-height: 38px; text-align: center !important; padding-right: 0; }
.page-id-169 .mfp-close:hover { background: #fff; color: var(--primary-color); }

/* 7-5-2025 */
.more_info .text.full_width { max-width: 100%; width: 100%; }
.blue_box_in ul li{color: rgba(255, 255, 255, 0.7);padding-bottom: 15px;font-size: 16px;}
section ul li { color: var(--body-color); padding-bottom: 12px; font-size: 16px; padding-left: 24px; position: relative; text-align: left; }
section ul li::before { content: " "; position: absolute; width: 10px; height: 10px; background-color: var(--primary-color); top: 8px; left: 0; border-radius: 50%; }
.blue_box { text-align: left; }
ul.col-3 li { width: 33.33%; float: left; }
ul.col-2 li { width: 50%; float: left; }
ul.social-icon { gap: 30px; width: 388px; justify-content: center; margin-left: auto; }
ul.slick-dots li{padding: 0;}
ul.slick-dots li::before{ position: unset; display: none; }
.contact_sect ul li::before{display: none;}
.contact_sect ul li{padding: 0;}
.our_service  h2 { text-transform: none; line-height: 120%; padding-bottom: 24px; }
.our_service p { font-size: 16px; line-height: 160%; }
.banner_content ul li{padding: 0;}
.banner_content ul li::before { display: none; }
.mission_col { width: 25%; display: inline-block; vertical-align: top; margin-right: -3px; padding: 15px; }
.mission_div_inr { margin: 0 -15px; text-align: center; padding: 20px 0px; }
.mission_col_inr { background: #fff; padding: 25px; height: 100%; border-radius: 6px; box-shadow: 0px 2px 15px rgb(0 37 64 / 10%); }
.mission_txt { padding-top: 25px; }

section.more_info.residential_shingles.bottom_content p {
font-size: 16px;
}
section.more_info.residential_shingles.bottom_content h2{
padding-bottom: 24px;
    }


    .service_form_inr .contact_sect {
        padding: 50px 0 80px;
    }
    .service_form_inr .contact_form {margin: 0 auto;}
 .menu-toggle { display: none; }
 .our_project .out_team_sect .our_team_card .our_img { margin-bottom: 0px; }

.our_project ul li::before{display: none;}
.our_project ul li{ padding-left:0; padding-bottom: 0;}
 footer .h-btn a.button { letter-spacing: 2.5px; padding: 5px 15px; font-size: 16px; }
 .our_team.our_project .out_team_sect {
    margin: 0px -15px;
}
.our_team.our_project .out_team_sect .our_team_card {
    padding: 15px 15px;
  
}
.our_team.our_project.sub_service_sub_page {
    margin-bottom: -93px;
}

/* mahima 28-5-2025 */
section.main-banner { position: fixed; width: 100%; height: 100vh; top: 0; left: 0;background-position: center;}