@import url('https://fonts.googleapis.com');
@import url('https://fonts.gstatic.com');
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@700&family=Poppins&display=swap');
@import url('https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css');
@import url('https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css');

.abt-indi-span::before,header{border-bottom:3px solid var(--primary)}.about-company-image,.abt-indi-span{position:relative}.call-icon,.circle-icon,.fist-icon,.foot-icon,.material-button-toggle,.mobile-icon .material-button-anim,.owl-nav,.submit-btn{text-align:center}.suburb li,li,ul{list-style:none}:root{--primary:#ec1d26;--secondary:#444}body{font-family:Poppins,sans-serif;font-size:15px;color:#696969}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Mulish,sans-serif;color:var(--secondary)}li,ul{padding:0;margin:0}.qrcode{max-width:70%}.tel-size{font-size:30px}.primary-color{color:var(--primary)}.primary-bg{background-color:var(--primary)}.secondary-color{color:var(--secondary)}.book-appointment,.secondary-bg{background-color:var(--secondary)}.navbar-light .navbar-nav .nav-link{color:#000;font-size:18px;text-transform:uppercase}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:#fff;background-color:var(--primary)}.h1-heading{font-size:2.5rem}.h2-heading{font-size:2rem}.h3-heading{font-size:1.75rem}.h4-heading{font-size:1.5rem}.h5-heading{font-size:1.25rem}.call-icon i,.circle-icon,.social-icon a{font-size:24px}.navbar-expand-lg .navbar-nav .nav-link{padding-right:1rem;padding-left:1rem}header{padding:10px 0}.logo{width:75%}.social-icon{gap:6px;margin-top:9.7%}.carousel-control-next-icon,.carousel-control-prev-icon{background-color:var(--primary);width:40px;height:55px}.aft-ban-inn{border:1px solid var(--secondary)}.aft-ban{width:100px}.about-indi-wrapper,.testimonials-wrapper{background:url(../images/abt-indi.webp) center center/cover no-repeat}.abt-indi-span{margin-left:6%}.abt-indi-span::before{content:''}.call-icon{width:56px;height:56px;line-height:30px;border:1px solid #000;padding:8%;border-radius:50%;margin-right:20px}.roofing-tiles,.who-are-we-roofing{width:100%;object-fit:cover;border-radius:3px}.year-experience{background:url(../images/icon/years-bg2.png) center center,linear-gradient(270deg,#fa5f22 15%,#ec0101 100%)}.roofing-tiles{height:570px}.who-are-we-roofing{height:430px}.dap{background-color:#fff!important}.call-us-now{background:url(../images/banner-bg-ctg.webp) right top no-repeat,var(--primary)}.fist-icon i{font-size:34px}.fist-icon{border:2px solid #fff;width:70px;height:70px;line-height:70px;border-radius:50%}.why-image{width:65px;height:60px}.listing-list{border:1px solid var(--primary);padding:2%}.free-contact.text-white{background-color:var(--primary);padding:10px 40px;margin-top:20px;display:inline-block}.mid-banner{background:url(../images/34.webp) left bottom/cover no-repeat fixed}.mid-banner-inner{background-color:rgba(0,0,0,.8);padding:10% 0}.book-form-wrapper{background:url(../images/booking.webp) center center/cover no-repeat}.book-form-inner{background-color:rgba(0,0,0,.8);padding:3%}.testimonials-wrapper .form-control{background-color:rgba(255,255,255,.6)}.submit-btn{display:inline-block;padding:10px 40px;border:1px solid #fff}.top-file{background-color:#eaeaea;padding:2%;border:1px solid silver}.owl-next,.owl-prev{background-color:#ec1d26!important;width:50px;height:50px;border-radius:50%;margin:10px 5px}.owl-next i,.owl-prev i{color:#fff!important}.testimonials-slider i{color:#edb416}.footer-top,footer{background-color:#1e1e1e}.footer-inner,footer{padding:2% 0}.footer-inner{border-bottom:1px solid #f1f1f1}.footer-logo{width:40%}.foot-icon{border:1px solid #fff;width:40px;height:40px;border-radius:50%;line-height:40px}footer span{width:40px;display:inline-block}footer li{margin-bottom:8px}.hide-desktop{display:none!important}.foot-address{border-top:1px solid #fff;padding-top:20px;margin-top:10px}.aft-ban-inn{padding:10px}.about-banner{background:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.75)) 0 0/cover,url(../images/abt-cover.jpg) center center/cover no-repeat}.services-banner{background:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.75)) 0 0/cover,url(../images/ser-cover.webp) center center/cover no-repeat}.gallery-banner{background:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.75)) 0 0/cover,url(../images/gal-cover.jpg) center center/cover no-repeat}.contact-banner{background:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.75)) 0 0/cover,url(../images/con-cover.jpg) center center/cover no-repeat}.mid-banner-act{background:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.75)) 0 0/cover fixed,url(../images/mid.jpg) center center/cover no-repeat fixed;padding:8% 0}.ex-years,.quick-contact{background-color:var(--primary)}.black-hub{color:#444}.ex-years{position:absolute;top:25%;left:25%;padding:10%;border:7px solid #fff}.quick-contact{padding:7% 15%;border:1px solid #fff}.bg-grey{background-color:#f1f1f1}.img-wrap-inner-gallery,.pitch-red{border:1px solid var(--primary)}.get-heading{border-bottom:1px solid var(--primary)}.circle-icon{background-color:var(--primary);width:60px;height:60px;border-radius:50%;line-height:60px}.pitch-red{border:none;padding:1% 2% 0}.form-control:focus{color:#495057;background-color:#ec1d26;border-color:#80bdff;outline:0}.form-control:focus,.form-control:focus::placeholder{color:#dcdbdb!important}.mobile-icon,.mobile-icon .email{display:block}#cd-top,.mobile-icon .mobile{display:none}.mobile-icon .material-button-anim{position:fixed;bottom:2%;left:20px;padding:5px;max-width:320px;z-index:999999999999}.mobile-icon1 .material-button-anim{position:fixed;bottom:-1%;right:0;padding:127px 16px 27px;text-align:center;max-width:320px;z-index:999999999999999}.material-button{position:relative;top:0;z-index:1;width:70px;height:70px;font-size:1.5em;color:#fff;background:var(--primary);border:1px solid #fff;border-radius:50%;box-shadow:0 3px 6px rgba(0,0,0,.275);outline:0}.material-button-toggle{z-index:3;width:50px;height:50px;margin:0 auto;line-height:50px}@keyframes bounce{0%,100%{margin-top:0}50%{margin-top:-15px;margin-bottom:15px}}@keyframes roket-roket-circle-anim{0%{transform:rotate(0) scale(1) skew(0);opacity:.1}30%{transform:rotate(0) scale(1.25) skew(0);opacity:.25}100%{transform:rotate(0) scale(1.5) skew(0);opacity:0}}.material-button-toggle:not(:hover):not(:focus):not(:active){transition:.25s!important;animation:2.25s infinite bounce!important}.material-anim{width:100%;height:100%;text-indent:-9999px;z-index:0;position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:none}.material-anim.one{-webkit-animation:1.2s ease-in-out infinite roket-roket-circle-anim!important;-moz-animation:1.2s ease-in-out infinite roket-roket-circle-anim!important;-ms-animation:roket-roket-circle-anim 1.2s infinite ease-in-out!important;-o-animation:1.2s ease-in-out infinite roket-roket-circle-anim!important;animation:1.2s ease-in-out infinite roket-roket-circle-anim!important;-webkit-transition:.5s!important;-moz-transition:.5s!important;-o-transition:.5s!important;transition:.5s!important}.material-anim.two{border:2px solid #ff3e41!important;opacity:.1!important;background:0 0!important;-webkit-animation:1.9s ease-in-out infinite roket-roket-circle-anim!important;-moz-animation:1.9s ease-in-out infinite roket-roket-circle-anim!important;-ms-animation:roket-roket-circle-anim 1.9s infinite ease-in-out!important;-o-animation:1.9s ease-in-out infinite roket-roket-circle-anim!important;animation:1.9s ease-in-out infinite roket-roket-circle-anim!important;-webkit-transition:.5s!important;-moz-transition:.5s!important;-o-transition:.5s!important;transition:.5s!important}iframe{width:100%}.btn-lg-square,.btn-sm-square,.btn-square{padding:0;display:flex;align-items:center;justify-content:center;font-weight:400;border-radius:2px}.back-to-top,.back-to-top:active,.back-to-top:hover{background:#ec1d26;border:1px solid #fff}.btn-lg-square{width:48px;height:48px}.back-to-top{position:fixed;display:none;right:45px;bottom:45px;z-index:99}.fa-solid.fa-arrow-up{margin-top:12px}.blog-img{border:1px solid #ec1d26}.suduko{padding:2% 3%!important;height:225px}.blog-btn{margin-top:10px;display:inherit}.blog-tag{color:#2b2a2a}.blog-list li::before{content:"\f0da";font-family:"Font Awesome 5 Free";font-weight:900;color:#ec1d26}.blog-list li{margin-bottom:6px}.abt-indi-span::before{position:absolute;content:'';border-bottom:none;top:45%;height:2px;width:5%;left:0}@media(max-width:767px){.call-icon,.navbar{padding:0}.logo{width:40%;margin:0 auto}.navbar,.qrcode{margin-top:10px}.dap{background-color:#fff!important}.qrcode{max-width:45%;margin-left:0!important;margin-bottom:10px}.hide-desktop,.mobile-icon .mobile{display:block}.hide-me,.mobile-icon .email{display:none}.navbar-toggler{width:100%}h1{font-size:29px}.roofing-tiles{height:auto}.navbar-light .navbar-toggler{border-color:#ec1d26}.carousel-control-next-icon,.carousel-control-prev-icon{background-color:var(--primary);width:18px;height:55px}.call-icon i{margin-top:14px}.year-experience{padding:5px!important}.why-choose-us-wrapper h2{font-size:22px}.why-choose-us-wrapper h4{font-size:20px}.call-us-now{background:none,var(--primary);background-color:var(--primary)}.fist-icon{width:85px;line-height:76px}.services-indi-wrapper h2{font-size:24px}.mid-banner h2{font-size:34px}.contact-info,.navbar-nav.mx-auto{text-align:center}.circle-icon{margin:0 auto}.banner-cover .display-4{font-size:2rem;font-weight:300;line-height:1.2}}@media(max-width:414px){.call-abt-us{display:block!important}.call-us-indi{justify-content:center}.year-experience{margin-top:10px;text-align:center}.abt-abt-call .year-experiencee{display:none}}.suburb{border-bottom:1px solid #fff;padding:10px 0}.suburb a{color:#fff}.suburb ul{display:flex;gap:8px;justify-content:center;margin:0;padding:0}.roof{margin-left:100px}
.heading2
{
  color: #ec1d26;   
}
.a .seo
{
  color: #ec1d26;   
}

.size{
    font-size: 20px;
}

.services-details-wrap{
    margin-top:-5px;
}
.heading3
{
  color: #ec1d26; 
  font-size:23px;
}

summary {
    display: list-item;
    cursor: pointer;
    background: #ec1d26;
    color: #fff;
    padding: 10px;
    font-size: 18px; /* Adjust font size */
  list-style-position: inside; /* Default is outside */
  direction: rtl; /* Moves marker to the right */
  text-align: left; /* Keeps text aligned left */


}

summary::marker{
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: end !important;
    text-align-last: auto !important;
}

details p{
    padding: 10px;
    border: 1px solid #9b9b9b;
    margin-top: 5px;
}