@charset "UTF-8";
/*
Theme Name: Prairie State Siding and Window
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: 'Eras Bold ITC';
  src: url('fonts/ErasITC-Bold.eot');
  src: url('fonts/ErasITC-Bold.eot?#iefix') format('embedded-opentype'),
      url('fonts/ErasITC-Bold.woff2') format('woff2'),
      url('fonts/ErasITC-Bold.woff') format('woff'),
      url('fonts/ErasITC-Bold.ttf') format('truetype'),
      url('fonts/ErasITC-Bold.svg#ErasITC-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

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

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


:root{
  --body-font: 'Helvetica';
  --heading-font:'Eras Bold ITC';
  --sub-heading:'HelveticaNeue-Bold';

  --white-color:#FFFFFF;
  --black-color:#000000;
  --dark-red:#991111;
  --green-color:#119948;
  --body-color:rgba(45, 45, 45, 1);
  --primary-color:#F7901E;


  


}



*: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: 18px; color: var(--body-color); line-height: 160%; 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(--green-color); line-height: 1.2; font-weight: normal; font-family: var(--heading-font); text-transform: capitalize; }


/* Specific Header Settings */
h1, .h1 { font-size: 83px;}
h2, .h2 { font-size: 56px;}
h3, .h3 { font-size: 40px;} 
h4, .h4 { font-size: 32px;}
h5, .h5 { font-size: 25px; }
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(--body-color); }

/* 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: 12px 20px; border-radius: 8px; background-color: var(--green-color); border: 2px solid #B5B5B5;display: inline-block; vertical-align: middle; letter-spacing: 0px; font-size: 20px; color: var(--white-color); line-height: 23px; position: relative; outline: none; box-shadow:  inset -3px 4px 9px #FFFFFF;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: #095C2B; box-shadow: inset -3px 4px 9px #FFFFFF; }

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(244, 244, 242, 1); font-family: var(--body-font); font-size: 18px; letter-spacing: 0; width: 100%; filter: alpha(opacity=100); border: 1px solid rgba(181, 181, 181, 1); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; line-height: 100%; 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: 20px 24px; min-height: 107px; background: rgba(244, 244, 242, 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: 1740px; 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 */
.inner_header{position: unset;box-shadow: none;top: 0;left: 0; width: 100%; opacity: 1;; -webkit-backdrop-filter: blur(11px);background: #ffffffeb  url(images/feature_img12.webp) no-repeat padding-box;
background-size: cover;  
-webkit-backdrop-filter: blur(11px); 
background-blend-mode: overlay;    backdrop-filter: none;}

header{/*position:absolute;*/position: fixed; top: 0px; width: 100%;z-index: 2; background: #ffffffb1 0% 0% no-repeat padding-box; box-shadow: 0px 9px 16px #0000002b; opacity: 1; backdrop-filter: blur(11px); -webkit-backdrop-filter: blur(11px);}
/* header.sticky { position: fixed; } */
.header_in{padding: 21px 0 16px;}
.header_in .header_info{gap: 42px;}
.header_in .nav_top ul{gap: 74px;}
.header_in .header_menu{gap: 20px;}
.header_in .nav_top ul li a{font: normal normal normal 20px/23px var(--heading-font);color: var(--black-color);}
.header_in .nav_top ul li a:hover{color: var(--primary-color);}
.header_in .header_menu{flex-direction: column;}
.header_in  .header_btn{gap:47px;}
.h-btn.orange .button{background-color: #F7901E;}
.h-btn.orange .button:hover{background-color: #E07600;}
.header_in .header_info .header_contact_details a{font: normal normal normal 30px/35px var(--heading-font);color: var(--dark-red); text-shadow: -1px -1px 0 var(--white-color), 1px -1px 0 var(--white-color), -1px  1px 0 var(--white-color), 1px  1px 0 var(--white-color);}
.header_in .header_info .header_contact_details a:hover{ text-shadow: 1px 0 white, -1px 0 white, 0 1px white, 0 -1px white, 1px 1px white, -1px -1px white, 1px -1px white, -1px 1px white, 2px 0 white, -2px 0 white, 0 2px white, 0 -2px white, 2px 2px white, -2px -2px white, 2px -2px white, -2px 2px white, 3px 0 white, -3px 0 white, 0 3px white, 0 -3px white, 3px 3px white, -3px -3px white, 3px -3px white, -3px 3px white, 4px 0 white, -4px 0 white, 0 4px white, 0 -4px white, 4px 4px white, -4px -4px white, 4px -4px white, -4px 4px white}
.header_in .header_info .header_contact_details p{ text-shadow:   -1px -1px 0 var(--white-color), 1px -1px 0 var(--white-color), -1px  1px 0 var(--white-color), 1px  1px 0 var(--white-color); transition: all 0.3s ease; margin-bottom: 0; font: normal normal normal 20px/23px var(--heading-font);color: var(--dark-red);}
.header_logo{max-width: 224px;line-height: 0;}
.header_logo img{width: 100%; height: 100%; object-fit: cover;}



.banner{ position: relative; }
.banner_img { line-height: 0; height: 100vh; }
.banner_img  video { width: 100%; height: 100%; object-fit: cover; }
.banner_text { position: absolute; bottom: 17px; width: 100%; }
.slider-container { width: auto; height: 110px; overflow: hidden; display: inline-block  !important; padding: 0 10px; position: relative; bottom: 0px;width: 67%; }
.slider-container span { line-height:110px; }
/* .slider-container span{ line-height: 89px; } */
.text-slider { display: flex; flex-direction: column; position: relative; }
.banner_text_in > .banner_title{font-size: 83px; line-height: 110px; font-family: var(--heading-font); padding-bottom: 11px; color:#FFFFFF;text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.3), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);    }
.banner_text_in h1{text-align: end;display: block;  color:#FFFFFF;text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.3), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15); }
.banner_text_img{gap: 31px;}
.banner_text_img .img_group{height: 118px;line-height: 0;}
.banner_text_img .img_group a{height: 100%}
.banner_text_img  img{width: 100%; height: 100%;object-fit: cover;}
.product_information{padding: 25px 0 30px;box-shadow: 0px 3px 6px #000000;}
.product_information .product_in{column-gap: 135px;flex-wrap: wrap;text-align: start;}
.product_information .product_in h2 { font: normal normal bold 30px/25px Helvetica Neue; letter-spacing: 0px; color: var(--black-color); font-family: var(--sub-heading); padding-bottom: 5px; }
.product_information .product_in p{margin-bottom: 0; font: normal normal bold 20px/25px Helvetica Neue; letter-spacing: 0px; color:var(--black-color);font-family: var(--sub-heading); }
.what_we_do{padding: 30px 0 42px;color: var(--white-color);}
.what_we_do h3{color: var(--white-color); padding-bottom: 10px;line-height: 46px;}
.what_we_do p{font: normal normal bold 30px/37px var(--sub-heading); letter-spacing: 0px;}
.green_background{ background-color: rgba(17, 153, 71, 0.75); /* semi-transparent green */ background-image: url(images/back.png); background-size: contain; background-attachment: fixed; background-repeat: no-repeat;  text-align: center; }

.what_we_do_in{margin: 0 -8px;flex-wrap: wrap;}
.what_we_do_in .what_we_card{padding: 8px 8px;max-width: 25%; width: 100%;height: 265px; }
.what_we_do_in .what_we_card .what_we_box{position: relative;border-radius: 8px; overflow: hidden;line-height: 0;width: 100%; height: 100%;}
.what_we_do_in .what_we_card .what_we_box a img:hover{transform: scale(1.1);}
.what_we_do_in .what_we_card a { width: 100%; height: 100%; overflow: hidden; border-radius: 8px; }
.what_we_do_in .what_we_card .what_we_box  img{width: 100%; height: 100%;object-fit: cover;transition: 0.4s all ease-in-out;}
  .what_we_do_in .what_we_card .what_we_box h3{position: absolute;top: 10px;width: 100%;margin: auto;  text-shadow: 2px 2px 5px rgba(0, 0, 0, 1);font-family: var(--sub-heading);}


  .feature_pro{box-shadow: 0px 0px 11px #00000095;position: relative;z-index: 1; padding: 25px 0 50px;}
  .feature_pro h3{text-align: center;padding-bottom: 25px;}
  .feature_pro .feature_pro_in{margin: 0 -8px;flex-wrap: wrap;}
  .feature_pro .feature_pro_in .feature_pro_card{ padding: 0 8px;  width: 100%;}
  .feature_pro .feature_pro_in .feature_pro_card .feature_pro_box{ border-radius: 8px;overflow: hidden;flex-direction: column;gap: 8px;}
  .feature_pro .feature_pro_in .feature_pro_card .feature_pro_box .feature_img{line-height: 0;}
  .feature_pro .feature_pro_in .feature_pro_card .feature_pro_box .feature_img img{width: 100%; height: 100%;object-fit: cover;}
  .feature_pro .feature_pro_in .feature_pro_top ,.feature_pro_bottom{position: relative;}
    .feature_pro li{padding: 0;position: unset;}
  .feature_pro .feature_pro_in .feature_pro_top h3,    .feature_pro .feature_pro_in .feature_pro_bottom h3{ text-align: start;position: absolute;top: 10px;left: 10px;  text-shadow: 2px 2px 5px rgba(0, 0, 0, 1);font-family: var(--sub-heading);color: var(--white-color);}
.neighbors ul li{padding: 0;position: unset;}
  .neighbors{padding: 41px 0 35px; color: var(--white-color);backdrop-filter: blur(17px); -webkit-backdrop-filter: blur(17px);}
  .neighbors h3{color: var(--white-color); padding-bottom: 45px;}
  .neighbors h4 { color: var(--white-color); font-family: var(--sub-heading); font-size: 25px; } .neighbors p{color: var(--white-color);font: normal normal normal 20px/24px var(--body-font)}
  .neighbors .neighbors_head { gap: 20px; padding-bottom: 25px; }
  .neighbors .neighbors_card{text-align:start;}
    .neighbors button.slick-arrow,.feature_pro  button.slick-arrow { font-size: 0; line-height: 0; padding: 0; border: none; display: none !important; }
  .neighbors ul.slick-dots{ display: flex; align-items: center; justify-content: center; gap: 13px; }
  .feature_pro ul.slick-dots { display: flex ; align-items: center; justify-content: center; gap: 13px; width: 100%;padding-top: 30px; }
.neighbors .neighbors_in{padding-left: 132px; margin:0 0 0 -58px;text-align: start;}
.neighbors .neighbors_in .neighour_box{padding: 0 58px;}
.neighbors ul.slick-dots  button ,.feature_pro  ul.slick-dots  button{ width: 20px; height: 20px; border-radius: 50%; font-size: 0; padding: 0; background-color: var(--white-color); border: 1px solid #707070; box-shadow: none; }
.neighbors ul.slick-dots li.slick-active button,.feature_pro  ul.slick-dots  li.slick-active button{background-color: #F7901E;}

.ready{position: relative; padding: 29px 0 74px; text-align: center;box-shadow: 0px 0px 11px #00000095;}
.ready h3{font: normal normal normal 40px/46px var(--heading-font);padding-bottom: 12px;}
.ready p{font: normal normal bold 30px/37px var(--sub-heading);padding-bottom:43px;}
.ready .header_btn{gap: 164px;}
footer a:hover{color: var(--primary-color);}
footer { padding: 60px 0 0; background-image: url(images/back.png); background-attachment: fixed; background-repeat: no-repeat; background-size: contain; background-position: bottom; }
.footer_facebook .facebook a { width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; margin: auto; }
.footer_facebook  a:hover svg path{fill: #E07600;}
.footer_facebook a img{width: 100%; height: 100%; object-fit: cover;}
footer p{font: normal normal normal 20px/23px  var(--heading-font);color: #095C2B; margin-bottom: 0;}
.footer_logo { max-width: 304px; line-height: 0;}
.footer_in{padding-bottom: 43px;}
.footer_in  p{padding-top: 8px;}
.foot_nav > ul li{line-height: 23px;}
.footer_img{max-width: 19.33%; width: 100%;}
footer a{font: normal normal normal 20px/23px  var(--heading-font);color:#095C2B; margin-bottom: 0;}
.footer_logo a{ width: 100%; height: 100%;line-height: 0;}
.footer_logo a img{ width: 100%; height: 100%;object-fit: cover;}
.foot_nav > ul { column-count: 2; padding-bottom: 35px; column-gap: 81px; max-width: 94%; margin-left: auto; }
footer .banner_text_img { gap: 42px; }
.footer_copy{padding-bottom: 4px;}
.border_footer{box-shadow: inset 0px 9px 9px -11px #00000095; }
.footer_copy p{ text-align: center; font: normal normal normal 20px/23px var(--heading-font); letter-spacing: 0px; color: #095C2B;margin-bottom: 0;}




/* about us */
.about_us{padding: 50px 0;}
.about_us h1.h2{text-align: center;line-height: 120%;padding-bottom: 50px;}
.about_us_in{gap: 100px;}
.about_us_in .about_us_img{max-width: 42%; width: 100%;line-height: 0;border-radius: 8px;overflow: hidden;}
.about_us_in .about_us_img img{width: 100%;height: 100%; object-fit: cover;}
.about_us_in .about_us_text{max-width: 52%; width: 100%;}
.about_us_in .about_us_text h3{line-height: 120%;padding-bottom: 24px;}
.about_us_in .about_us_text h2{line-height: 120%;padding-bottom: 15px;}

.more_info{padding: 80px 0 80px; text-align: center;color: var(--white-color);background-color: var(--green-color);}
.more_info h3{padding-bottom: 24px;color: var(--white-color);}
/* .more_info p{margin-bottom: 0;} */
.home_tour .about_us_in{flex-direction: row-reverse;}

.service_sect{text-align: center;padding: 50px 0 50px;}
.service_sect h1.h2{line-height: 120%;padding-bottom: 16px;}
.service_sect .what_we_do_in .what_we_card .what_we_box h3 { color: var(--white-color); font-size: 65px; }
.service_sect .what_we_do_in .what_we_card { padding: 15px 15px; max-width: 50%; height: 414px;}
.what_we_do_in .what_we_card a{width: 100%; height: 100%; }
.what_we_do_in .what_we_card:hover a .what_we_box img{transform: scale(1.1);}
.what_we_do_in .what_we_card a .what_we_box img{ transition: 0.4s all ease-in-out;}
.service_sect .what_we_do_in { margin: 0 -16px; flex-wrap: wrap; }


.windows_door_sect h1.h2{padding-bottom: 16px;line-height: 120%;}
.windows_door_sect p{text-align: center;}
.about_us.windows_door_sect .survice_sub:nth-of-type(even) .about_us_in{ flex-direction: row-reverse;}
.windows_door_sect.about_us .about_us_in:nth-of-type(even) { flex-direction: row-reverse; }
/* .windows_door_sect.about_us .about_us_in:nth-of-type(even) .about_us_img { float: right;     margin: 0 0 15px 40px;clear: both;} */
.windows_door_sect.about_us .about_us_in .about_us_text p{text-align: start;}



.financing h1.h2{padding-bottom: 16px;line-height: 120%;}

.financing .about_us_in p{text-align: start;line-height: 160%;padding-bottom: 0;}
.financing .about_us_in ul li{padding-bottom: 20px;}
.financing .about_us_in a{color: var(--primary-color);color: var(--green-color);}
.financing .about_us_in a:hover{color: var(--primary-color);}

ul.tabs { margin: 0px; padding: 0px; list-style: none; gap: 30px; padding-bottom: 50px; }
ul.tabs li.current { background: var(--black-color); color: var(--white-color); }
ul.tabs li:hover { background: var(--black-color); color: var(--white-color); }
ul.tabs li {position: unset;padding: 0; transition: 0.3s all ease-in-out; background: rgba(244, 244, 242, 1); color: var(--black-color); font-size: 20px; line-height: 120%; font-family: var(--heading-font); display: inline-block;cursor: pointer; border-radius: 8px; border: 1px solid rgba(181, 181, 181, 1); }
.tab-content.current { display: flex; justify-content: center; flex-wrap: wrap; }
.tab-content .content_img { height: 314px; padding: 15px; line-height: 0; max-width: 33.33%; width: 100%; display: block; }
.tab-content .content_img  a { width: 100%; position: relative; overflow: hidden; height: 100%; border-radius: 8px; overflow: hidden; }
.tab-content .content_img img { width: 100%; height: 100%; object-fit: cover; }
.tab-content .content_img  a::after { content: ''; position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; transform: scale(0); -webkit-transform: scale(0); transform-origin: center; background: url(images/zoom-orange.png) center no-repeat rgba(27, 119, 28, .5); transition: .5s; }
.tab-content .content_img  a:hover::after { transform: scale(1); -webkit-transform: scale(1); }
.tab-content { display: none; margin: -15px -15px; }

.gallery{padding: 50px 0;text-align: center;}
.gallery h1.h2{padding-bottom: 16px;line-height: 120%;}
.gallery p{padding-bottom:30px;}
.location{padding: 50px 0;text-align: center;}
.location h1.h2{padding-bottom: 16px;line-height: 120%;}
.location p{padding-bottom:30px;}

.contact_sect h1.h2{padding-bottom: 16px;line-height: 120%;}
.contact_sect p{padding-bottom:30px;}
.contact_sect{padding: 50px 0;text-align: center;}
.location_in { width: 100%; height: 658px; border-radius: 8px; overflow: hidden; }
.location_in iframe{width: 100%;height: 100%;}

.contact_sect .contact_in { gap: 30px; text-align: start;}
.contact_sect .contact_in .contact_left { max-width: 20%; width: 100%; padding:32px 32px; border-radius: 8px; background-color: rgba(244, 244, 242, 1); border: 1px solid rgba(181, 181, 181, 1); height: fit-content; }
.contact_sect .contact_in .contact_form { max-width: 80%; width: 100%; padding: 32px; border-radius: 8px; box-shadow: 0px 14px 34px 0px rgba(209, 209, 209, 0.25); }
.contact_sect .contact_in .contact_left h4 { padding-bottom: 24px; text-transform: none; color: var(--black-color); line-height: 140%; }
.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; padding: 0;position: unset;}
.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 p { font-size: 18px; color: rgba(35, 35, 35, 1); margin-bottom: 0; }
.contact_sect .contact_in .contact_form h4 { padding-bottom: 28px; color: var(--black-color); }
.contact_sect .contact_in .contact_form form { display: flex; flex-wrap: wrap; margin: -14px -15px; }
.contact_sect .contact_in .contact_form form .input_filed { padding: 14px 15px; }
.contact_sect .contact_in .contact_form form .input_filed.submit_btn { padding: 14px 15px; }
.input_filed.col1.submit_btn input[type="submit"] { letter-spacing: 0px; font-size: 20px; line-height: 18px; box-shadow: none; padding: 12px 24px; border: 1px solid rgba(181, 181, 181, 1) }
.input_filed.col1.submit_btn input[type="submit"]:hover { border: 1px solid var(--green-color); color: var(--green-color); background-color: transparent; }
.contact_sect .contact_in .contact_left ul li a:hover { color: var(--green-color); }
.file-upload { background: rgba(244, 244, 242, 1); padding: 8px 8px 8px 24px; border: 1px solid rgba(181, 181, 181, 1); display: flex; align-items: center; justify-content: space-between; gap: 10px; border-radius: 4px; }
.file-btn { background-color:var(--black-color); color: #fff; padding: 10px 24px; border: 1px solid rgba(181, 181, 181, 1); border-radius: 8px; box-shadow: none; cursor: pointer; text-transform: none !important; }
.custom-file-input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.file-label { font-size: 18px; text-transform: none; color: rgba(35, 35, 35, 0.8); }


/* def-page */ 
.def_page_otr,.detail_page.def-page  {padding: 50px 0;}
.def-page p{ font-family: var(--body-font); color: var(--body-color); font-style: normal; font-weight: 400; margin-bottom: 15px; }
.def-page .right-img,.def-page .alignright{float:right; margin:0 0 15px 40px; position: relative; z-index: 0; line-height: 0;}
.def-page .left-img,.def-page .alignleft{float:left; margin:0 40px 15px 0; position: relative; line-height: 0;}
.def-page .right-img img,.def-page img.alignright {border-radius: 0px;border-radius: 8px; position: relative;    height: auto;}
.def-page .left-img img,.def-page img.alignleft{border-radius: 0px;border-radius: 8px; position: relative;    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; }
.def-page h2{ font-size: 42px; line-height: 52px;} 
.def-page h3{font-size: 32px; line-height: 42px;}
.def-page h4{font-size:24px; line-height:34px; }
.def-page h5{ font-size:22px; line-height:30px; }
.def-page h6{font-size: 18px; line-height: 26px;}
.privacy-page > div > p{ padding-bottom: 0; }

.def-page ul {list-style-type: none; padding-bottom: 15px; max-width: inherit; width: inherit; padding-left: 0px;  }
.def-page ul li { list-style: none;font-size: 18px; color: var(--body-color); position: relative; padding: 6px 18px;}
.def-page ol{padding-left: 0; padding-bottom: 15px ; list-style-type: disc;}
.def-page ul li::before {content: ''; position: absolute; background-color: var(--body-color); width: 6px; height: 6px; top: 18px; left: 0; border-radius: 50%;}
.def-page ol li {list-style-type:none;counter-increment:item;font-size: 18px; color: var(--body-color);padding: 5px 0;line-height: normal;}
.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;}
.def-page a:hover{color: var(--body-color);}
.def-page a.button:hover { color: var(--white-color); }
.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; text-align: center;}
.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{clear:both}.clearfix:after{clear:both;display:block;visibility:hidden;content:""}

/* 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; }

  header .header_in ul li.menu-item-has-children > a { position: relative; }
  header .header_in nav ul li ul.sub-menu{  white-space:nowrap;position:absolute;margin:5px 0 0;z-index:3;text-align:left;transform:scaleY(0);transition:.3s;transform-origin:top;padding-top:0;border-radius: 8px;    box-shadow: rgba(50, 50, 93, .25) 0 6px 12px -2px, rgba(0, 0, 0, .3) 0 3px 7px -3px;}
  header .header_in nav ul li:hover > ul.sub-menu{transform:scaleY(1); visibility: visible; }

  header .header_in nav ul li ul.sub-menu li >a, ul.sub-menu li > ul.sub-menu li >a{ background:#fff;padding:13px 27px;display:block;color:var(--body-color);min-width:200px;transition:.4s ease-in-out;border-bottom:1px solid var(--primary-color)}
  header .header_in nav ul li ul.sub-menu li:last-child >a{border-bottom:0}
  header .header_in nav ul li ul.sub-menu li{margin:0;display:block}
  header  .header_menu  nav ul li.current_page_item>a ,.foot_nav ul li.current_page_item>a{color: var(--primary-color);}
  header .header_in nav ul li ul.sub-menu li a:hover{color:var(--primary-color) !important;border-bottom: 1px solid var(--primary-color);}
  header .header_in nav ul li ul.sub-menu li a:hover:before { transform: scaleX(0); }
  header .header_in nav ul li.menu-item-has-children>a:hover:after{border-top: 3px solid var(--primary-color); border-left: 3px solid var(--primary-color);} 
  header .header_in nav ul li.menu-item-has-children>a::after { content: ''; position: absolute;transition: 0.3s all ease-in-out; right: -18px; border-top: 3px solid var(--black-color); border-left: 3px solid var(--black-color); top: 3px; transform: rotate(-135deg); width: 11px; height: 11px;}
  header .header_in ul li ul.sub-menu li:last-child>a{border-bottom:0 !important}
  header .header_menu ul li.current_page_ancestor a::after{    right: 17px; top: 16px;}
  header .header_in  ul li a:hover::after,header .header_in ul li.current-menu-parent.menu-item-has-children> a::after,header  .header_menu ul li.current_page_ancestor >a::after,header  .header_menu ul li > ul li.current_page_ancestor a::after   {     border-top: 3px solid var(--primary-color) !important; border-left: 3px solid var(--primary-color) !important; }
  header .header_in nav ul li > ul li.menu-item-has-children> a::after{ right: 8px; top: 12px; border-color: var(--red_color); }
  header .header_menu nav ul li.current_page_item>a::after{border-color: var(--primary-color);}
  ul li > ul li.current-menu-item > a,  header  .header_menu  nav  ul li.current-menu-parent > a , header  .header_menu  nav  ul li.current-menu-ancestor > a{ color: var(--primary-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; }
ul li ul.sub-menu li > ul.sub-menu { visibility: hidden; }
  header .header_in nav ul li ul.sub-menu li{ position: relative; }
  header .header_in nav ul li ul.sub-menu li > ul.sub-menu { left: 102%; top: 1px; margin-top: 0;}  
  header .header_in nav ul li ul.sub-menu li:last-child >a:hover { border-bottom: 0; }
.mfp-content { margin: 0px 80px; }
.home_tour .about_us_img { float: right; margin: 0 0 15px 40px; position: relative; z-index: 0; line-height: 0;max-width: 44%; }
.home_tour .about_us_text {max-width: 100%;}
ul.col-2,   ul.col-3{overflow: hidden;margin-bottom: 10PX;}
.home_tour .about_us_in {display: inline-block;}
  ul li{position: relative;padding:5px 5px 5px 20px;}
  ul.col-3 li { width: 33.33%; float: left;position: relative;text-align: start;padding:8px 8px 8px 20px; }
  ul.col-2 li { width: 50%; float: left;position: relative; text-align: start;padding:8px 8px 8px 20px;}
ul.col-2 li::before,ul.col-3 li::before { content: ''; position: absolute; background-color: var(--body-color); width: 6px; height: 6px; top: 18px; left: 0; border-radius: 50%; }
ul li::before { content: ''; position: absolute; background-color: var(--body-color); width: 6px; height: 6px; top: 14px; left: 0; border-radius: 50%; }
/* .more_info ul{padding: 10px 0;} */
.more_info ul li::before{background-color: var(--white-color);}
    .submit-btn { margin-top: 16px; }
.more_content{text-align: start;}
header ul li,footer ul li{padding: 0;}
header ul li::before,footer ul li::before{display: none;}
/* pagination css */

.pagination{width:100%;padding:30px 0 20px}
.pagination ul{display:flex;justify-content:center;align-items:center;gap:20px}
.pagination ul li:hover{ background-color: var(--green-color); border-radius: 4px; }
.pagination ul li:hover a{color: var(--white-color);background-color: var(--green-color);}
.pagination ul li{transition: 0.5s all ease-in-out;padding: 0;}
.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); }
.pagination ul li a,.pagination ul li span{width:45px;height:45px;background-color:var(--white-color);color:var(--black-color);;display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:4px;border: 1px solid rgba(31, 31, 31, 0.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{transition: 0.4s all ease-in-out; content:'';position:absolute;width:10px;height:10px;border-top:2px solid var(--black-color);border-left:2px solid var(--black-color);left:14px;top:16px;transform:rotate(136deg)}
.pagination ul li a.previouspostslink::before{transform:rotate(-45deg);left:18px;top:16px}
.pagination ul li span{background-color:var(--green-color);color:var(--white-color);}


.slider-container{text-align: start !important;display: inline-block !important;} 


/*CS*/

  :root {
--star-size: 30px;
--star-color: #ccc;
--star-background: #d2ab67;
}

.Stars {
--percent: calc(var(--rating) / 5 * 100%);

display: inline-block;
font-size: var(--star-size);
font-family: Times; 
line-height: 1;

&::before {
  content: '★★★★★';
  letter-spacing: 3px;
  background: linear-gradient(90deg, var(--primary-color) var(--percent), var(--star-color) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
}

.ser-area-map {
  width: 100%;
  height: 500px;
}
.custom-infowindow ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.custom-infowindow li {
  margin-bottom: 5px;
}
.custom-infowindow .phone a {
  text-decoration: none;
  color: #2491eb;
}
.ser-area-map {
  width: 100%;
  height: 800px;
  display: block;
  margin-bottom: 30px;
}
.windows_door_sect .about_us_in {
  padding-bottom: 50px;
  /*  */
  /* display: block; */
  
}
.windows_door_sect ul{margin-bottom: 10PX;}
/* .windows_door_sect .about_us_in  .about_us_img {    float: left;
  margin: 0 30px 40px 0px;
  position: relative;
  z-index: 0;
  line-height: 0;
  max-width: 43%;
} */
/* .windows_door_sect ul{display: table;}
.windows_door_sect .about_us_in .about_us_text {
  max-width: 100%;
  width: 100%;
} */
/* .windows_door_sect .about_us_in:last-child {
  padding-bottom: 0px;
} */
.about_us.windows_door_sect {
  padding: 50px 0 50px;
}



/* 20-5-2025 mahima */
.flip-container:hover .flipper, .flip-container.hover .flipper { -webkit-transform: rotateY(180deg); }

  .flipper{width: 100%; height: 100%;}
  .flipper { -webkit-transition: 1.5s; -webkit-transform-style: preserve-3d; position: relative; overflow: hidden;border-radius: 8px;}
  .front, .back { -webkit-backface-visibility: hidden; position: absolute; top: 0; left: 0; }
  .front { z-index: 2; }
  .back { -webkit-transform: rotateY(180deg); }
  #small-dialog { background: white; padding: 20px 30px; text-align: left; max-width: 400px; margin: 40px auto; position: relative; }
  ul.tabs li.current a{color: var(--white-color);}
  ul.tabs li:hover a { color: var(--white-color); }
  ul.tabs li a{ color: var(--black-color);  padding: 10px 24px; }
  .gallery-flip-pair { position: relative; display: inline-block; width: 100%; max-width: 33.33%; cursor: pointer; }
  .gallery-flip-pair img { border-radius: 8px; }
  .gallery-flip-pair a { padding: 15px; display: block; width: 100%; height: auto; }
  .gallery-flip-pair .after-img-wrapper { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; line-height: 0;}
  .gallery-flip-pair:hover .after-img-wrapper { opacity: 1; }
  .gallery-flip-pair .before-img { display: block; width: 100%; height: auto; }
  .gallery-flip-pair .after-img { width: 100%; height: auto; }
  .mfp-content .mfp-close { width: 42px; height: 42px; top: -12px; right: 0; opacity: 1; background-color: var(--green-color); color: #fff; font-family: 'Montserrat'; font-weight: 500; font-size: 30px; border-radius: 4px; border: solid 2px var(--green-color); line-height: 38px; }
  .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { text-align: center; padding-right: 0px;   }
  
  .cursor { display: inline-block; width: 3px; background: var(--primary-color); }
  .cursor.blink { animation: .8s ease-in-out infinite blink; }
  .banner_text_in h1 span.typed-text,.banner_text_in h1 span.cursor  { text-align: start; display: inline-block; }

/* Custom File Upload Label */
.file_upload_label { display: inline-block; background: #f4f4f2; border: 2px dashed #ccc; padding: 15px 20px; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; width: 100%; }

.file_upload_label:hover {
  border-color: #999;
}

/* File Upload Button */
.file_upload_button { background: #119948; color: #fff; padding: 10px 20px; border-radius: 5px; font-weight: bold; margin-right: 10px; transition: background 0.3s ease; }
.file_upload_button:hover { background-color: #095C2B; box-shadow: inset -3px 4px 9px #FFFFFF; }
/* File Upload Text */
.file_upload_text { color: #666; font-style: italic; }

/* Hide Default File Input */
.file_upload_input { display: none; }
/* Style for when a file is selected */



.file_upload_input:not(:placeholder-shown) + .file_upload_label .file_upload_text { color: #0073e6; font-style: normal; font-weight: bold; }
.submit-recaptcha.input_filed.col1 { display: flex; gap: 30px; }
.wpcf7-response-output { margin: 0em 0.5em 1em !important; width: 100%; text-align: center; }
.submit_btn { margin-top: 16px; }
.about_us .about_us_in  .full_width{max-width: 100%;}
input.wpcf7-submit:hover { background-color: #095C2B; box-shadow: inset -3px 4px 9px #FFFFFF; }
.inner_banner { padding: 50px 0 0; text-align: center; }
.inner_banner h1.h2{ line-height: 120%; padding-bottom: 16px; }
.inner_banner p:last-child{margin-bottom: 0;}
.survice_sub { padding-bottom: 50px; }
header .header_in nav ul li > ul li.menu-item-has-children> a::after { top: 16px; }
.windows_door_sect.about_us .about_us_in:last-of-type{ padding-bottom: 0; }
.menu-toggle { display: none; }
.mfp-title { text-transform: capitalize; font-family: var(--heading-font); font-weight: normal; margin: 0 0 0 0; padding: 12px 20px; background-color: #ed9221; display: inline-block; vertical-align: middle; letter-spacing: 0px; font-size: 20px; color: var(--white-color); line-height: 23px; position: relative; outline: 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; width: 100%; padding-right: 0; }
.mfp-bottom-bar { margin-top: -40px; }
.product_information { text-align: center; }


/* mahima 2-6-2025 */
/* .text-slider {
    height: 2.5rem;
    overflow: hidden;
    color: #007BFF;
    display: inline;
  }

  .text-slider span {
    display: inline-block;
    text-align: left;
  }
  .banner_text_in div{display: inline-block !important;}
  
  .slick-vertical .slick-slide {
    height: auto;
  }

  .slick-slide {
    animation: flipIn 0.6s ease-in-out;
  }
  

  @keyframes flipIn {
    from {
      transform: rotateX(90deg);
      opacity: 0;
    }
    to {
      transform: rotateX(0deg);
      opacity: 1;
    } */
  /* } */

  .slider-container {
display: inline-block;
vertical-align: top; 
}


/* mahima 2-6-2025 */
.industry-hover-text ul li::before{background-color: var(--white-color);    top: 16px;}
.industry-hover-text {text-align: start; font-family: var(--body-font); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: var(--white-color); width: 100%; height: auto; opacity: 0; z-index: 1; padding: 0 38px; line-height:22PX; transition: all 0.5s;font-size: 19PX; }
.what_we_box:hover .industry-hover-text { opacity: 1; }
.service_sect .what_we_card .what_we_box .what_we_text{transition: 0.3s all ease-in-out;}
.service_sect .what_we_card .what_we_box:hover .what_we_text{opacity: 0;}
.industry-title { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); width: 100%; text-align: center; z-index: 1; }
.what_we_box:hover .main-text { top: 20%; }
.service_sect .what_we_card .what_we_box{position: relative;}
.service_sect .what_we_card .what_we_box:hover:before { height: 100%; }
.service_sect .what_we_card .what_we_box::before { content: ''; position: absolute; bottom: 0; left: 0; background: rgba(21, 21, 21, 0.75); width: 100%; height: 0%; z-index: 1; border-radius: 7.5px; transition: all 0.4s; }
.more_content{text-align: start;}
.more_content p{text-align: start;}
.more_content h3{margin-bottom: 15px;}
.more_content h4,.more_content h5,.more_content h2{margin-bottom: 15px;}
.about_us_text h4{margin-bottom: 15px;}


/* Anjali (4-6-25) */
.contact_left ul li::before, .gallery_tab_in ul li::before {display: none;}
.feature_pro{box-shadow: 0px 0px 11px #00000095;position: relative;z-index: 1; padding: 25px 0 50px;}
.feature_pro .feature_pro_in {flex-wrap: wrap ; margin: -4px -8px;}
.feature_pro .feature_pro_in .feature_pro_top{ padding: 4px 8px; max-width: 33.33%;  width: 100%;}
.feature_pro h3{text-align: center;padding-bottom: 25px;}
.feature_pro .feature_pro_in .feature_img{line-height: 0; border-radius: 8px 8px 0 0;}
.feature_pro .feature_pro_in .feature_img img{width: 100%; height: 100%;object-fit: cover; border-radius: 8px 8px 0 0;}
.feature_pro .feature_pro_in .feature_pro_top{position: relative;}
.feature_pro li{padding: 0;position: unset;}
.feature_pro .feature_pro_in .feature_pro_top .feature_text h3{ text-align: start;position: absolute;top: 10px;left: 20px;  text-shadow: 2px 2px 5px rgba(0, 0, 0, 1);font-family: var(--sub-heading);color: var(--white-color);}
.feature_pro .feature_pro_in .feature_pro_top:nth-child(4) .feature_img,  .feature_pro .feature_pro_in .feature_pro_top:nth-child(5) .feature_img,  .feature_pro .feature_pro_in .feature_pro_top:nth-child(6) .feature_img{ border-radius: 0 0 8px 8px;}
.feature_pro .feature_pro_in .feature_pro_top:nth-child(4) .feature_img img, .feature_pro .feature_pro_in .feature_pro_top:nth-child(5) .feature_img img, .feature_pro .feature_pro_in .feature_pro_top:nth-child(6) .feature_img img{ border-radius: 0 0 8px 8px;}


.mfp-title {
  background: none;
}


/* mahima 12-6-2025 */

.page-id-106 .more_info ul li{
  width: 50%;
  text-align: center;
}
.page-id-106 .more_info ul.col-2, .page-id-106 .more_info ul.col-3 {
  
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  
  justify-self: center;
}
.page-id-106 .more_info ul li::before{left: auto;margin-left: -15px;}
/* mahima 12-6-2025 */
img.mfp-img {max-height:600px !important ;}