@charset "UTF-8";
/*
Theme Name: Beyond Build Power
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: 3.0.0
Tags: peoria web development, chicago web development, custom wordpress development, advertising agency solutions, florida webdesign, chicago webdesign, illinois webdesign, custom webdesign development
*/

@font-face {
    font-family: 'AvenirLight';
    src: url('fonts/AvenirLight.eot');
    src: url('fonts/AvenirLight.eot') format('embedded-opentype'),
         url('fonts/AvenirLight.woff2') format('woff2'),
         url('fonts/AvenirLight.woff') format('woff'),
         url('fonts/AvenirLight.ttf') format('truetype'),
         url('fonts/AvenirLight.svg#AvenirLight') format('svg');
}
@font-face {
    font-family: 'AvenirRegular';
    src: url('fonts/AvenirRegular.eot');
    src: url('fonts/AvenirRegular.eot') format('embedded-opentype'),
         url('fonts/AvenirRegular.woff2') format('woff2'),
         url('fonts/AvenirRegular.woff') format('woff'),
         url('fonts/AvenirRegular.ttf') format('truetype'),
         url('fonts/AvenirRegular.svg#AvenirRegular') format('svg');
}
@font-face {
    font-family: 'AvenirBook';
    src: url('fonts/AvenirBook.eot');
    src: url('fonts/AvenirBook.eot') format('embedded-opentype'),
         url('fonts/AvenirBook.woff2') format('woff2'),
         url('fonts/AvenirBook.woff') format('woff'),
         url('fonts/AvenirBook.ttf') format('truetype'),
         url('fonts/AvenirBook.svg#AvenirBook') format('svg');
}
@font-face {
    font-family: 'Avenir Medium';
    src: url('fonts/fonts/Avenir-Medium.eot');
    src: url('fonts/fonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/fonts/Avenir-Medium.woff2') format('woff2'),
         url('fonts/fonts/Avenir-Medium.woff') format('woff'),
         url('fonts/fonts/Avenir-Medium.ttf')  format('truetype'),
         url('fonts/fonts/Avenir-Medium.svg#Avenir Medium') format('svg');
}
@font-face {
    font-family: 'AvenirBlack';
    src: url('fonts/AvenirBlack.eot');
    src: url('fonts/AvenirBlack.eot') format('embedded-opentype'),
         url('fonts/AvenirBlack.woff2') format('woff2'),
         url('fonts/AvenirBlack.woff') format('woff'),
         url('fonts/AvenirBlack.ttf') format('truetype'),
         url('fonts/AvenirBlack.svg#AvenirBlack') format('svg');
}
@font-face {
    font-family: 'AvenirHeavy';
    src: url('fonts/AvenirHeavy.eot');
    src: url('fonts/AvenirHeavy.eot') format('embedded-opentype'),
         url('fonts/AvenirHeavy.woff2') format('woff2'),
         url('fonts/AvenirHeavy.woff') format('woff'),
         url('fonts/AvenirHeavy.ttf') format('truetype'),
         url('fonts/AvenirHeavy.svg#AvenirHeavy') format('svg');
}



:root {
    --heading-color: #06264B;
    --body-color:#333333;
    --white-color: #FFFFFF;
    --btn:#0076FF;
    --yellow-color:#FFB200;

    --body-font: 'AvenirRegular';
    --heading-font: 'AvenirHeavy';
    --avenir-light:'AvenirLight';
    --font-medium: 'AvenirBook';
    --font-regular: 'AvenirBlack';
}


*: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(--font-medium); font-size: 20px; color: var(--body-color); line-height: 27px; 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(--heading-color); line-height: 1.2; font-weight: normal; font-family: var(--font-regular);text-transform: capitalize; }

/* Specific Header Settings */
h1, .h1 { font-size: 100px;}
h2, .h2 { font-size: 60px;}
h3, .h3 { font-size: 50px;}
h4, .h4 { font-size: 40px;} 
h5, .h5 { font-size: 30px;}
h6, .h6 { font-size: 24px; }

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


/* 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(--btn);}
a:hover { color: var(--body-color); }

/* 5. Forms
------------------------------------------------------------------------------*/
.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"], .new_btn { text-transform: capitalize; font-family: var(--body-font); font-weight: normal; margin: 0;  padding: 10px 37px; border-radius: 33px; background-color: var(--btn); display: inline-block; vertical-align: middle; letter-spacing: 0; font-size: 20px; color: var(--white-color); line-height: 20px; position: relative; outline: none; box-shadow: none; text-align: center; text-decoration: none; -webkit-transition: 0.3s ease-in-out; transition: 0.4s ease-in-out; overflow: hidden; position: relative; z-index: 0; cursor: pointer; border: 1px solid #FFFFFF; font-weight: 900; }

.button:hover, a.button:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .new_btn:hover{ color: var(--heading-color); background-color: var(--yellow-color);}

input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea { color: #999999; padding: 7px 11px; background: #fff; backdrop-filter: blur(24px); font-family: var(--body-font); font-size: 20px; letter-spacing: 0; width: 100%; filter: alpha(opacity=100); border: 1px solid #333333; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; line-height: 27px; 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; }

textarea{  min-height: 75px; overflow-y: auto; resize: vertical; resize: none; }

input::-webkit-input-placeholder { color: #999999; }
input:-moz-placeholder { color: #999999; }
input::-moz-placeholder { color: #999999; }
input:-ms-input-placeholder { color: #999999; }
textarea::-webkit-input-placeholder { color: #999999; }
textarea:-moz-placeholder { color: #999999; }
textarea::-moz-placeholder { color: #999999; }
textarea:-ms-input-placeholder { color: #999999; }

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

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

.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; }

div > img, div > svg path {
    line-height: 0;
}

/* header */
header { position: absolute; top: 0; width: 100%; z-index: 1; background: transparent linear-gradient(180deg, #FFFFFF 62%, #FFFFFF 0%, #FFFFFF00 100%, #FFFFFF00 100%) 0% 0% no-repeat }
/* header::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 12%, #FFFFFF00 34%, #FFFFFF00 100%) 0% 0%;} */
.header-top {padding: 30px 0 10px 0;}
.header-contact-details, .header-logo {max-width: 33.33%; width: 100%;}
.header-contact-details p {text-transform: uppercase; font-family: var(--heading-font); color: var(--heading-color); margin-bottom: 4px; font-weight: 900;}
 .header-logo {line-height: 0;}
 .header-btn {padding-top: 15px;margin-left: auto;}
  ul.header-menu-list {gap: 90px;}
 ul.header-menu-list li a {text-transform: uppercase; color: var(--heading-color); font-family: var(--body-font);transition: 0.3s all ease-in-out; text-shadow: 0 0 0 rgba(0, 0, 0, 0);}
  ul.header-menu-list li a:hover { text-shadow: 
        0px -1px 0 rgba(6, 38, 75, 0.2),
        1px -1px 0 rgba(6, 38, 75, 0.2),
       -1px  1px 0 rgba(6, 38, 75, 0.2),
        1px  1px 0 rgba(6, 38, 75, 0.2),
       -1px  0px 0 rgba(6, 38, 75, 0.2),
        1px  0px 0 rgba(6, 38, 75, 0.2),
        0px  1px 0 rgba(6, 38, 75, 0.2),
        0px -1px 0 rgba(6, 38, 75, 0.2);}

 /* banner */
 .banner {position: relative;}
 .banner-img { line-height: 0; }
 .banner-text {position: absolute; bottom: 16%; right: 8%;}
 .banner-text h1 {text-transform: uppercase; text-align: right; line-height: 100px; color: #fff; text-shadow: 0px 3px 6px #000000, -1px -1px 0 #06264B, 1px -1px 0 #06264B, -1px  1px 0 #06264B, 1px  1px 0 #06264B; }
 .banner-btn {text-align: right; padding-top: 10px;}


/* common css */
.beyond-builders, .we-build {padding: 50px 0;}
.beyond-builders-inr h2, .build-beyond-heading h2, .we-build-inr h2, .our_client h2, .contact-info-heading h2,.frequently_qus_heading h2 {text-align: center; font-family: var(--font-regular); font-weight: 900; padding-bottom: 10px; }
.img-container img, .build-beyond-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 8px;}
.beyond-builders-text ul li, .build-beyond-text ul li,  .we-build-inr ul li { padding: 12px 0 12px 15px; position: relative;}
.beyond-builders-text ul li::before, .build-beyond-text ul li::before,  .we-build-inr ul li::before {content: ""; position: absolute; width: 6px; height: 6px; top: 22px; left: 0;  border-radius: 50%; background-color: var(--body-color);}


 /* beyond-builders */
 .beyond-builders-content { gap: 110px;}
 .beyond-builders-text {max-width: 14%; width: 100%;}
  .beyond-builders-text ul {margin: -12px 0;}
 .beyond-builders-img {margin: 0 -15px; max-width: 86%; width: 100%;}
 .img-container {padding: 0 15px; max-width: 25%; width: 100%; border-radius: 8px; line-height: 0;}
.beyond-builders-text ul li, .build-beyond-text ul li strong {font-family: var(--font-regular);}

 /* build-beyond */
 .build-beyond {padding: 30px 0 55px; background-color: #E8E8E8;}
 .build-beyond-inr {padding: 22px 0 0 150px; gap: 65px;}
 .build-beyond-img {max-width: 40%; width: 100%; line-height: 0; border-radius: 8px;}
 .build-beyond-text {max-width: 60%; width: 100%;}
 .build-beyond-text h3 {padding-bottom: 16px;}
 .build-beyond-text ul li strong {padding-right: 10px;}


  /* our-cilent */
  
  .our_client{padding: 39px 0 56px;}
 .review .review_in{padding: 20px 45px 0 45px;}
.review .review_in { margin: 0px -45px 0 0px; }
 .review h2{padding-bottom: 0;}
 .slick-list.draggable { padding-left: 0 !important; }
 .review button.slick-arrow { font-size: 0; background-color: var(--yellow-color);  border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); width: 55px; height: 55px; background-repeat: no-repeat; background-position: center; background-size: 30px; z-index: 1; cursor: pointer; transition: .5s; border: 1px solid #707070; padding: 0; }
 .review button.slick-prev.slick-arrow { left: -5%; background-image: url(images/arrow.svg); }
 .review button.slick-next.slick-arrow { right: -5%; background-image: url(images/right_arrow.svg); }


 /* we-build */
 .we-build {background: url(./images/we-build-img.webp)no-repeat center center / cover;position: relative;z-index: 1;    backdrop-filter: blur(3px)}
  .we-build-inr ul.col-5 {overflow: hidden; padding-top: 10px;}
 .we-build-inr ul.col-5 li {width: 20%; display: inline-block; float: left; font-family: var(--font-regular);}

.we-build::before { position: absolute; content: ""; width: 100%; height: 100%; background-color: #ffffffb0; top: 0; left: 0; z-index: -1; backdrop-filter: blur(6px); }
 /* contact-info */
 .contact-info {padding: 30px 0 70px;}
 .contact-info-inr {padding-top: 32px; gap: 90px;}
 .contact-info-text,.contact-info-form {max-width: 50%; width: 100%;}
 .contact-info-text a {font-family: var(--font-regular); color: var(--btn); text-decoration: underline; }
 .wpcf7-list-item-label a{ text-decoration: underline;   }
 .contact-info-text a:hover {color: var(--yellow-color);}
 .contact-info-form {border: 6px solid #333333; background: #E8E8E8; padding: 32px;border-radius: 8px;}
 .contact-input-dtls { padding-top: 18px;  clear: both; }
 .contact-info-form .h5{ color: var(--body-color);line-height: 41px;font-family: var(--body-font);}
.contact-input-dtls .input_field.col-2 { width: 50%;  display: inline-block; float: left; }
.contact-input-dtls .input_field { padding: 6px 7px; overflow: hidden; }
.contact-input-dtls .more_info .input_field {max-width: 67%; width: 100%; }
.contact-input-dtls .more_info .contact-dtls {max-width: 33%; width: 100%; }
.contact-input-dtls .more_info .contact-dtls input[type="submit"]{ width: 100%;font-family:var(--body-font);font-size: 20px; text-transform: uppercase; }

 .contact-input-dtls .more_info{gap: 10px;}





 /* frequently_qus */
.frequently_qus{padding: 38px 0 59px 0;background-color: #E8E8E8;}
.frequently_qus .frequently_qus_heading h4{    text-align: center; font-family: var(--font-regular); font-weight: 900; padding-bottom: 23px;}
.frequently_qus ul{gap: 24px  118px; flex-wrap: wrap;}
.frequently_qus ul li{position: relative; max-width: 46%; width: 100%; gap: 118px 24px; text-align: center;padding: 21px 22px 22px 22px; border-radius: 59px;font-size: 27px;z-index: 2; line-height: normal;font-family: var(--body-font);color: var(--body-color);}
/* .frequently_qus ul li:hover{box-shadow: inset 0 0 0 8px var(--btn);} */
/* .frequently_qus ul li::before{content: " ";left: 0;z-index: -1; top: 0;background-color: #fff; border-radius: 59px;  position: absolute; border: 1px solid #0076FF; width: 100%; height: 100%;}
.frequently_qus ul li:hover::before{width: 70vw;box-shadow: inset 0 0 0 8px var(--btn);}
 */

/* footer */
footer p{margin: 0;font-family: var(--font-medium);}
footer { text-align: center; color: var(--white-color); background-color: var(--heading-color); position: relative; z-index: 1; }
footer::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url('./images/footer_logo.webp')no-repeat center center/cover; text-align: center; mix-blend-mode: overlay; opacity: 0.80; background-size: auto; z-index: -1; }
footer .footer_copy p{text-transform: uppercase;margin: 0;font-family: var(--font-medium)}
footer .mobile-info {flex-direction: row;gap: 78px;padding: 8px 0 13px;}
footer .mobile-info p{margin: 0;}
footer A:hover{color: var(--yellow-color) !important;}
footer .mobile-info a{color: var(--white-color); font-size: 20px;line-height: 27px; font-family:var(--font-regular);}
footer .footer_copy{padding: 13px 0 28px;}
.footer-inr .footer-logo{max-width: 317px;margin: 0 auto;}
.footer-inr .footer-logo img{width: 100%; height: 100%; object-fit: cover;}
.footer-inr .footer-nav  li{position: relative; padding: 0 15px;}
.footer-inr .footer-nav  li::before { content: ""; position: absolute; height: 18px; background-color: #fff; top: 4px; right: 0; width: 1px; }
.footer-inr .footer-nav li a{ color: var(--white-color); font-size: 20px;line-height:27px ;}
.footer-inr .footer-nav  li:last-of-type{border: none;}





/*common banner*/
.common-banner{padding: 50px 0;text-align: center;}
.common-banner .common_banner_in h1{text-transform: uppercase;}

.header-inner{position: unset;padding-bottom:20px ;border-bottom: 1px solid #CFCFCF;}
 
/* craftsmanship */
.craftsmanship .craftsmanship_out{gap: 60px;}
.craftsmanship .craftsmanship_in{padding: 50px 0;  }
.craftsmanship .craftsmanship_in .crafts_text h4{padding-bottom: 30px;}
.craftsmanship .craftsmanship_in:first-child{padding: 0px 0 50px;  }
.craftsmanship .craftsmanship_in:nth-child(even){background-color:#E8E8E8; }
.craftsmanship .craftsmanship_in:nth-child(even) .craftsmanship_out{ flex-direction: row-reverse;}
.craftsmanship .craftsmanship_out .crafts_img{border-radius: 3px; overflow: hidden; width: 100%; max-width: 53%;line-height: 0;}
.craftsmanship .craftsmanship_out .crafts_img img{ width: 100%; height: 100%; object-fit: cover;}
.craftsmanship .craftsmanship_out .crafts_text{width: 100%; max-width: 47%;}

/* service page */
.service_text{text-align: center; padding-bottom: 70px;}
.service_text h4{padding-bottom: 30px;}
.building_dream_in { max-width: 1438px; width: 100%; text-align: center; margin: 0 auto; padding:50px 0px; }
.service_card{padding-bottom: 40px;}
.building_dream{ background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(images/building_dream1.png) no-repeat center center; background-size: cover;color: var(--white-color); }
.building_dream_in h2{color: var(--white-color);padding-bottom: 30px;}


/* service_detilas */
.service_detilas .craftsmanship_in:nth-child(even){background-color: transparent;padding: 0 0 50px;}
.service_detilas .craftsmanship_in{padding: 0 0 50px;}
.service_detilas .craftsmanship_in:nth-child(odd) .craftsmanship_out{    flex-direction: row-reverse;}
.service_detilas .craftsmanship_in:nth-child(even) .craftsmanship_out{    flex-direction:row;}
.why_choose_header{text-align: center;}
 .why_choose_header h4{padding-bottom: 30px;}
.why_choose_in{margin: 0 -20px;}
.why_choose_card{padding: 0 20px ; height: 100% !important;
  display: flex;
  flex-direction: column;}
.why_choose_card .why_choose_text{height: 100%; position: relative; background-color: #F5F5F5; padding: 30px 23px 20px 30px; margin: -50px 30px 0 30px;}
.why_choose_card .why_choose_text h5{text-transform: none; padding-bottom: 30px; color: #000000;}
.why_choose{padding-bottom: 70px;}
.why_choose button.slick-arrow { font-size: 0; background-color: var(--yellow-color);  border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); width: 55px; height: 55px; background-repeat: no-repeat; background-position: center; background-size: 30px; z-index: 1; cursor: pointer; transition: .5s; border: 1px solid #707070; padding: 0; }
 .why_choose button.slick-prev.slick-arrow { left: -5%; background-image: url(images/arrow.svg); }
 .why_choose button.slick-next.slick-arrow { right: -5%; background-image: url(images/right_arrow.svg); }


.why_choose_in .slick-track { display: flex !important; align-items: stretch !important; }
.slick-slide { height: auto !important; display: flex !important; }

.new_home .new_home_in{margin-bottom: 40px; position: relative; box-shadow: 0px 4px 6px 0px #00000040;padding: 40px 40px 15px 80px; }
.new_home .new_home_in .numbers{width: 96px; height: 96px; border-radius: 50%;
background-color: var(--btn);color: var(--white-color); font-size: 60px;font-family: var(--heading-font); display: flex; align-items: center; justify-content: center;top: 50%;transform: translateY(-50%) ; left: -48px; position: absolute; }
.new_home .new_home_in .new_home_card h4{padding-bottom: 42px; color: #000000;}
.new_home .new_home_in .new_home_card h5{padding-bottom: 20px;color:var(--body-color); font-size: 27px;}

.new_home .new_home_in .new_home_card p{margin: 0;padding-bottom: 15px;color: #000000;}


.videos_sect{padding-bottom: 70px;}
.videos_sect .video_sect_out{margin:-15px -15px;flex-wrap: wrap;}
.videos_sect .video_sect_out .video_in{max-width: 16.66%; width: 100%; padding: 15px 15px;height: 396px;}
.videos_sect .video_sect_out .video_in video{width: 100%;object-fit: cover; height: 100%;}


/* contact us information */
.contact_us_info{padding-bottom: 50px;}
.contact_info_in{gap: 60px;}
.contact_info_heading h3{padding-bottom: 30px;}
.contact_info_heading p{padding-bottom: 45px;}
.contact_us_info{padding-bottom: 50px;}

.contact_info_form{    padding: 30px 30px 30px 30px;    border: 6px solid #333333; background: #E8E8E8; border-radius: 8px;}
/* .contact_info_form .form{margin: -10px -30px;} */
.contact_card{ border: 1px solid #E8E8E8; padding: 30px 60px;margin-bottom: 30px;gap: 30px;}
.contact_card h6{font-size: 20px; font-family: var(--body-font); padding-bottom: 10px; color: var(--body-color);}
.contact_card p ,.contact_card a{font-size: 16px; margin-bottom: 0;}
.contact_card a{color: var(--body-color);}
.contact_card a:hover{color: var(--btn);}
.contact_info_in .contact_info_left{max-width: 60%; width: 100%;}
.contact_info_in .contact_info_right{max-width: 60%; width: 100%;}
.contact_info_in .contact_info_right{max-width: 60%; width: 100%;}
.contact_info_form form{    display: flex ; flex-wrap: wrap; margin: -10px -30px;}
.contact_info_form form textarea{ min-height: 133PX;  }
 .input_field { padding: 10px 30px; }
 .more_info.d-flex.align-items-center { gap: 30px; padding: 10px 30px; align-items: start !important; }
.wpcf7-list-item { display: inline-block; margin: 0 0 18px 0; }
.contact_card:last-child { margin-bottom: 0; }
.location .location_in{height: 297px;line-height: 0;}
.location .location_in iframe{width: 100%; height: 100%;}
.input_field .wpcf7-list-item input{display: none;}
.input_field  .wpcf7-list-item span.wpcf7-list-item-label { position: relative; padding-left: 40px; cursor: pointer; display: inline-block; font-size: 16px; }
.contact-dtls { margin-top: 18px; }
.checkbox-field  .wpcf7-list-item { margin: 0 0 0px 0; }
.contact_icon  svg path { fill:#0076ff ; }
.input_field .wpcf7-list-item input:checked+span.wpcf7-list-item-label::after { content: ''; display: block; position: absolute; top: 4px; left: 7px; width: 7px; height: 14px; border: solid var(--btn); border-width: 0 2px 2px 0; transform: rotate(45deg); }
.input_field  .wpcf7-list-item span.wpcf7-list-item-label::before { content: ''; -webkit-appearance: none; width: 20px; height: 20px; background-color: #fff; border-radius: 0px; display: inline-block; position: absolute; left: 0; top: 13px; transform: translateY(-50%); cursor: pointer; }
.wpcf7 form .wpcf7-response-output { margin: 0em 30px 1em; width: 100%; text-align: center; }
/* def-page */ 
.def-page { padding-bottom: 50px; }
 .def_page_otr {padding: 80px 0;}
 .def-page p{ font-family: var(--font-medium); color: var(--body-color); font-style: normal; font-weight: 400; margin-bottom: 15px; }
 .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(--font-regular); 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 li.none::before { content: none; }
 .def-page ul {list-style-type: none; padding-bottom: 15px; max-width: inherit; width: inherit; margin: 0; }
.def-page ul li { list-style: none; font-size: 20px; color: var(--body-color); position: relative; padding: 6px 18px; overflow: hidden;font-family: var(--font-medium); }
 .def-page ul li::before {content: ''; position: absolute; background-color: var(--body-color); width: 6px; height: 6px; top: 16px; left: 0; border-radius: 50%;}
 .def-page ol{padding-left: 0; padding-bottom: 15px ; }
 .def-page ol li {list-style-type:none;counter-increment:item;font-size: 20px; color: var(--body-color); padding:5px 0;font-family: var(--font-medium);  }
.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; 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; }

    ul li ul.sub-menu li > ul.sub-menu { visibility: hidden; }
    header ul li.menu-item-has-children > a { position: relative; }
    header  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  ul li:hover > ul.sub-menu{transform:scaleY(1); visibility: visible; }
 
   header  ul li ul.sub-menu li >a, ul.sub-menu li > ul.sub-menu li >a { background: #fff; padding: 8px 20px; display: block; font-size: 18px; color: var(--heading-color); min-width: 200px; transition: .4s ease-in-out; border-bottom: 1px solid var(--heading-color); }
 header  ul li ul.sub-menu li:last-child >a{border-bottom:0}
    header  ul li ul.sub-menu li{margin:0;display:block}
    ul.footer-nav  li.current_page_item>a{color: var(--yellow-color);}
    header    ul li.current_page_item>a ,.foot_ ul li.current_page_item>a{     text-shadow: 0px -1px 0 rgba(6, 38, 75, 0.2), 1px -1px 0 rgba(6, 38, 75, 0.2), -1px  1px 0 rgba(6, 38, 75, 0.2), 1px  1px 0 rgba(6, 38, 75, 0.2), -1px  0px 0 rgba(6, 38, 75, 0.2), 1px  0px 0 rgba(6, 38, 75, 0.2), 0px  1px 0 rgba(6, 38, 75, 0.2), 0px -1px 0 rgba(6, 38, 75, 0.2);}
    header  ul li ul.sub-menu li a:hover{    text-shadow: 0px -1px 0 rgba(6, 38, 75, 0.2), 1px -1px 0 rgba(6, 38, 75, 0.2), -1px  1px 0 rgba(6, 38, 75, 0.2), 1px  1px 0 rgba(6, 38, 75, 0.2), -1px  0px 0 rgba(6, 38, 75, 0.2), 1px  0px 0 rgba(6, 38, 75, 0.2), 0px  1px 0 rgba(6, 38, 75, 0.2), 0px -1px 0 rgba(6, 38, 75, 0.2) !important;border-bottom: 1px solid var(--heading-color);}
    header  ul li ul.sub-menu li a:hover:before { transform: scaleX(0); }
    header  ul li.menu-item-has-children>a:hover:after{border-top: 3px solid var(--heading-color); border-left: 3px solid var(--heading-color);} 
    header  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(--heading-color); border-left: 3px solid var(--heading-color); top: 3px; transform: rotate(-135deg); width: 11px; height: 11px;}
    header ul li ul.sub-menu li:last-child>a{border-bottom:0 !important}
    /* header ul li.current_page_ancestor a::after{    right: 17px; top: 16px;} */
    header  ul li a:hover::after,header ul li.current-menu-parent.menu-item-has-children> a::after,header  ul li.current_page_ancestor >a::after,header  ul li > ul li.current_page_ancestor a::after   {     border-top: 3px solid var(--heading-color) !important; border-left: 3px solid var(--heading-color) !important; }
    header  ul li > ul li.menu-item-has-children>a::after{ right: 8px; top: 18px; border-color: var(--heading-color); }
    header  ul li.current_page_item>a::after{border-color: var(--heading-color);}
   ul li > ul li.current-menu-item > a,  header     ul li.current-menu-parent > a , header     ul li.current-menu-ancestor > a{    text-shadow: 0px -1px 0 rgba(6, 38, 75, 0.2), 1px -1px 0 rgba(6, 38, 75, 0.2), -1px  1px 0 rgba(6, 38, 75, 0.2), 1px  1px 0 rgba(6, 38, 75, 0.2), -1px  0px 0 rgba(6, 38, 75, 0.2), 1px  0px 0 rgba(6, 38, 75, 0.2), 0px  1px 0 rgba(6, 38, 75, 0.2), 0px -1px 0 rgba(6, 38, 75, 0.2) !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; }
   header  ul li ul.sub-menu li{ position: relative; }
   header  ul li ul.sub-menu li > ul.sub-menu { left: 102%; top: 1px; margin-top: 0;}  
   header  ul li ul.sub-menu li:last-child >a:hover { border-bottom: 0; }
   header  ul.sub-menu li:hover > ul.sub-menu{transform:scaleY(1); visibility: visible; }
 

 
  /*****cs FAQS*****/
    .accordion {
      
      margin: 0 auto;
    }

    .accordion-item {
      border: 1px solid var(--btn);
      border-radius: 59px;
      margin-bottom: 30px;
      overflow: hidden;
      transition: all 0.3s ease;
    }

    .accordion-header {
       
      padding: 27px 30px;
     
      cursor: pointer;
      display: flex;
      position: relative;
      justify-content: space-between;
      align-items: center;
    }
/* .accordion-item.active .accordion-header {
  padding: 32px 32px;
} */
      .accordion-header h5 {
      font-size: 20px;
      line-height: 28px;
      font-weight: 700;
     font-family: var(--font-regular);
    color: var(--heading-color);
      
    }
    .frequently_qus .accordion-header h5  {
   
    font-size: 27px;
    z-index: 2;
    line-height: 37px;
    font-family: var(--font-regular);
    color: var(--heading-color);
}

.accordion-header::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
    margin-left: 10px;
    position: absolute;
    right: 20px;
}

.accordion-item.active .accordion-header::after {
  transform: rotate(-135deg);
}
.accordion-item.active .accordion-header{
 background-color: #ededed;
}

    .accordion-content {
      background-color: #ffffff;
      
      padding: 0px 30px;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease;
    }

  .accordion-content p {
    font-size: 18px;
    line-height: 32px;
   
    margin: 0 0 12px;
}

    .accordion-item.active .accordion-content {
      max-height: 500px;
    }
    .faq-page { padding: 10px 0px 47px;}
    .frequently_qus .accordion-header {
        background: #fff;
        position: relative;
            padding: 21px 22px 22px 22px;
    }
      .frequently_qus .accordion-header::after{position: absolute;RIGHT: 18px;}
    /* .frequently_qus .accordion-item {

    overflow: hidden;
    transition: all 0.3s ease;
    flex: 1 1 calc(50% - 20px);
    max-width: calc(50% - 20px);

} */

.frequently_qus .accordion {
    display: flex;
    flex-wrap: wrap;
       gap: 24px 118px;
    justify-content: center;
}

/***** cs. blog css *****/



   
.blog-card {
    margin-bottom: 70px;
    gap: 80px;
}

   .blog-date {
    font-size: 20px;
    line-height: 25px;
    padding-bottom: 20px;
    color: #000;
    display: flex;
    align-items: center;
    gap: 5px;
}
    .blog-content h4{font-size: 30px;padding-bottom: 20px;transition: 0.3s all ease-in-out;}
    .blog-content h4:hover{color: var(--btn);}

    .news_detail_page .blog-date{margin-bottom: 10px;}
    .blog-date svg {
      width: 20px;
      height: 20px;
      fill: var(--btn);
    }

    .blog-image {
        
    width: 43%;
    line-height: 0;
}

    .blog-image img {
        border-radius: 0px;
    }
.blog-content{width: 57%;}
   .new_btn a { color: #fff;}
.blog-page {
    padding: 0px 0 50px;
}
.news_content.text-center { padding-bottom: 25px; }

.pagination-box {
  margin-top: 40px;
  text-align: center;
}

.wp-pagenavi {
  display: inline-flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

.wp-pagenavi a,
.wp-pagenavi a, .wp-pagenavi span {
    background: #ededed;
    display: inline-block;
    padding: 10px 19px;
    font-size: 18px;
    color:#000000;
    text-decoration: none;
    border: 1px solid #ddd;
    border-radius: 33px;
    transition: all 0.3s ease;
}
.wp-pagenavi a:hover {
  background-color: var(--btn);
  color: #fff;
  border-color:var(--btn);
}

.wp-pagenavi .current {
  background-color:var(--btn);
  color: #fff;
  font-weight: bold;
  border-color:var(--btn);
}

.wp-pagenavi .nextpostslink {
  font-weight: bold;
}



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

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

  display: inline-block;
  font-size: var(--star-size);
  font-family: Times; // make sure ★ appears correctly
  line-height: 1;

  &::before {
    content: '★★★★★';
    letter-spacing: 3px;
    background: linear-gradient(90deg, var(--yellow-color) var(--percent), var(--star-color) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.frequently_qus .accordion-item {
    overflow: hidden;
    transition: all 0.3s ease;
    flex: 1 1 calc(50% - 20px);
    max-width: calc(47% - 20px);
    height: min-content;
}


/* mahima 18-6-2025 */
.contact_icon { width: 32px; }
.footer-inr .footer-nav  li:last-of-type::before {
 display: none;
}
footer .footer_copy a  {
    color: var(--white-color);
}
.frequently_qus .accordion-item {
       border: 1px solid #0076FF;
       margin-bottom: 0;
}
.accordion-item {
 border-radius: 59px;
}
.comman_faq .content-section {
padding: 20px 0;
}
/* .comman_faq .content-section ul li{} */
.comman_faq .content-section ul.col-2,.comman_faq .content-section ul.col-3 ,.service_detilas ul.col-3 ,.service_detilas ul.col-2{overflow: hidden;}
.comman_faq .content-section ul.col-2 li ,.service_detilas ul.col-2 li {width: 50%;float: left;}
.comman_faq .content-section ul.col-3 li,.service_detilas ul.col-3 li {width: 33.33%;float: left;}
.comman_faq .content-section ul li ,.service_detilas ul li{ list-style: none; font-size: 18px; color: var(--body-color); position: relative; padding: 8px 15px; overflow: hidden; text-align: start;}
.comman_faq .content-section ul li::before ,.service_detilas ul li::before{content: ''; position: absolute; background-color: var(--body-color); width: 6px; height: 6px; top: 18px; left: 0; border-radius: 50%;}
.footer-nav  li a{text-transform: uppercase;}
.craftsmanship .craftsmanship_out .crafts_text.full_width{max-width: 100%;}
.contact-info .contact-input-dtls form{ display: flex; flex-wrap: wrap; margin: -6px -7px; }
.contact-info .container_small .more_info { gap: 30px; padding: 0 6px; align-items: start !important; }
.contact-info .container_small .wpcf7 form .wpcf7-response-output { margin:10px 6px 1em; width: 100%; text-align: center; padding: 0.2em 0em; }
.contact-info .container_small  .more_info .contact-dtls { display: flex; align-items: center; gap: 15px; }
.contact-info .container_small .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; opacity: 0.75; width: 66px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 0px; position: relative; }
.contact-info .container_small  form.submitting .wpcf7-spinner { visibility: visible; }

.gallery-inner { margin: -15px -15px;
    display: flex
;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position: relative; }
.gallery-boxs_text {

    line-height: 0;
    padding: 0px;
    max-width: 25%;
    width: 100%;

}
.gallery-page{padding-bottom: 50px;}
.gallery-box { padding: 20px 15px; max-width: 100%; width: 100%; line-height: 0; }
.gallery-box a{     width: 100%;
    border-radius: 5px;
    overflow: hidden;
    border: 3px solid transparent;
    transition: all 0.5s;height: 100%;position: relative;}
.gallery-box 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-yellow.png) center no-repeat rgba(0, 119, 255, 0.485);
    transition: .5s;
    background-size: 40px;
}
.gallery-box a:hover { border: 3px solid var(--btn); }
.gallery-box img{ width: 100%; height: 100%; object-fit: cover;    border-radius: 5px;
    transition: all 0.5s; }
.gallery-box a:hover img { transform: scale(1.1); }
 .gallery-page .wp-pagenavi {
    
width: 100%;

}
 .gallery-page .pagination {
    margin-top: 40px;
    text-align: center;
}
.gallery-box a:hover:after {
    transform: scale(1);
    -webkit-transform: scale(1);
}
.banner .banner-text .banner-btn a{text-transform: uppercase;}
.banner .banner-text .banner-btn a:hover{box-shadow: 0 0 0 0px var(--body-color), 0 0 0 3px #fff;}
.frequent_container {max-width: 1734px; width: 100%; padding: 0 50px ; margin:  0 auto;}
.service_text_in P:last-child{margin-bottom: 0;}
img.mfp-img { max-height: 550px !important; }
/* 19-6-2025 */
/* .page-id-133 .craftsmanship .craftsmanship_in:nth-child(odd):last-child { padding-bottom: 0; } */
.frequently_qus .accordion-content {
   
    padding: 0px 22px;
 
}
.beyond-builders-text  li a{ color: var(--body-color); }
.beyond-builders-text  li a:hover { color: var(--btn); }
.news_content h3 {
    padding-bottom: 25px;
}
.service_detilas .craftsmanship .craftsmanship_in {
    padding: 0px 0 30px;
}