@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&family=Tilt+Warp&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

body{background-color: #ffffff;font-family: "Raleway", sans-serif; font-size: 14px;color: #272727;}
p{line-height: 22px;color: #181818;}

.bg-light-gray{background-color: #13007c;}

.dash::before{
    content: '';
    display: inline-block;
    border-top: .1rem solid black;
    width: 3.6rem;
    margin: 0 0.5rem;
    transform: translateY(-0.3rem);
}

#topNav{border-radius: 35px;margin-top: -35px; /*box-shadow: 0 -10px 20px #b9b9b9;*/}
.fixed-top#topNav{margin-top: 0;}
#navbarNav li{padding-right: 6px;}
#navbarNav a{color: #1a1a1a;font-weight: 500;font-size: 16px;}
#navbarNav a:hover{font-weight: 600;}
#navbarNav a.active{color: #df2100;}
.small-top{font-size: 14px;padding-bottom: 50px;padding-top: 20px;}

.nav-link-rounded{border-radius: 20px;color: #f3f3f3 !important;border: 2px solid #f7a000;}
.nav-link-rounded:hover{background-color: #f7a000;color: #000 !important;}

.main-logo{width: 150px;}
.social-links a{color: #f8f6f0; font-size: 18px; margin-left: 10px;padding: 0 5px;}

.slide{border-radius: 0px;object-fit: cover;height: 600px;}

.feature{ background-size: cover; height: 200px; border-radius: 0px;padding: 20px;display: block;text-decoration: none;position: relative;margin-bottom: 20px;}
.feature-2{background-image: url(../images/feature2.jpg);}
.feature h5{font-size: 1.6rem; font-weight: 700; text-transform: uppercase;}
.feature-3 h5 span,.feature-1 h5 span{font-size: 4rem;}
.feature .anchor{color: #f3f3f3;font-size: 20px;border-radius: 50px;padding: 15px 19px; border: 10px solid #f3f3f3;background-color: #000;position: absolute;bottom: -20px;right: 20px;}
.feature:hover .anchor{background-color: #f7a000;color: #000;}

.highlight .anchor{color: #f3f3f3;font-size: 20px;border-radius: 50px;padding: 15px 19px; border: 10px solid #f3f3f3;}

.product-slide{background-size: cover; height: 300px; border-radius: 0px;padding: 20px;display: block;text-decoration: none;position: relative;margin-bottom: 20px;margin-right: 20px;}
.product-slide .anchor{color: #f3f3f3;font-size: 20px;border-radius: 50px;padding: 15px 19px; border: 10px solid #f3f3f3;background-color: #000;position: absolute;bottom: -20px;right: 48px;transition: all 0.5s;}
.product-slide:hover .anchor{background-color: #f7a000;color: #000;right: 20px;}
.product-slide h5{text-shadow: 1px 1px 4px #000;position: absolute;bottom: 40px;left: 20px;font-size: 19px;font-weight: 600;}

.big-stat{display: block; position: relative;text-decoration: none;}
.big-stat span{font-size: 60px; font-weight: 600;color: #9e9e9e;}
.big-stat p{font-size: 22px; font-weight: 500;color: #646464;}

.small-subheading{font-size: 13px;}
.main-heading-1{font-size: 63px;font-weight: 400;}
.main-heading-2, h2.main-heading-2{font-size: 38px;font-weight: 500;line-height: 51px;margin-top: -18px;}
/*.main-heading-3{font-size: 34px; font-weight: 600;}*/
.main-heading-3{font-size: 22px;font-weight: 500;border-left: 6px solid #f1bb09; padding-left: 5px;}
.rounded-img{border-radius: 0px;}
.quality-block{padding: 5px 20px;}
.icon{font-size: 50px; color: #f7a000;margin-bottom: 20px;}
.very-small-text{font-size: 12px;line-height: 14px;}

.btn-custom-one{border-radius: 0;padding: 10px 25px;border-width: 2px;font-weight: 600;}

.list-content{padding: 0;list-style-position: inside; list-style: none;}
.list-content > li{margin-bottom: 10px;margin-bottom: 30px;}

.list-standard{padding: 18px;}
.list-standard > li{margin-bottom: 15px;list-style-image: url(../images/square-check-solid.svg); padding-inline-start: 3px;}


footer>div{border-radius: 35px 35px 0 0;}

.footer-social{color: #2e2c2c;font-size: 18px;padding-right: 20px;}
.footer-link{color: #141414;text-decoration: none;line-height: 26px;}
.footer-link:hover{color: #096df1;}

.hero-section{background-color: #000;border-radius: 20px;padding-top: 30px;padding-bottom: 30px;}
.big-link{font-size: 21px;font-weight: 500;text-decoration: none;}
.big-link .icon{font-size: 40px;}

.line-stat{font-size: 18px;line-height: 34px; font-weight: 600;}
.simple-list{list-style: none;padding-left: 0;}
.simple-list li{margin-bottom: 16px;}

.image-responsive-block{background-size:cover;background-position: center; border-radius:0px;}
#about-section-2{background-image: url(../images/leo.jpeg);}
#invisible-section-1{background-image: url(../images/products/shower-guard3.jpg);}
#home-makes-different-1{background-image: url(../images/glass_staircasex.jpg);}
@media screen and (max-width: 991px){
    .image-responsive-block{background: none !important;}
    #partnership-btn{margin:0 auto;display: block;}
}

.custom-form label{font-size: 14px;font-weight: 500;margin-top: 20px;}
.custom-form input[type=text],.custom-form input[type=email],.custom-form input[type=tel],.custom-form textarea, .custom-form select{border: 1px solid #555;padding: 10px 20px; border-radius: 20px;}

.link-card .img-container{width: 90%;height: 180px;overflow: hidden;display: block;}
.link-card img{object-fit: cover;width: 100%;height: 100%;transition: all 0.6s;}
.link-card img:hover{transform: scale(1.2);}
.link-card h3{padding-bottom: 10px;color: #fff;font-size: 21px;}
.link-card p{margin-bottom: 5px;color:#000}
.link-card a{text-decoration:none}
.link-card h4{color: #fff;text-shadow: 1px 1px 5px #000;position: absolute;z-index: 2;}
.link-card .desc-container{background-color: rgba(0,0,0,0.7);padding: 15px;display: block;margin-top: -100px;margin-left: 60px; position: relative;width: 220px;min-height: 124px;box-shadow: 1px 1px 10px #777;}

.page-banner .img-container{width: 100%;height: 550px;overflow: hidden;display: block;}
.page-banner img{object-fit: cover;width: 100%;height: 100%;transition: all 0.6s;}
.page-banner img:hover{transform: scale(1.2);}

.side-panel{padding: 10px; border: 1px solid #cfcfcf;border-radius: 25px;}
.side-panel h3{font-size: 21px;margin-top: 20px;}
.side-item-list{list-style: none;padding: 5px;}
.side-item-list li{padding: 0;}
.side-item-list li a:hover{background-color: #000;color: #ffb619;}
.side-item-list li a{display:block;text-decoration: none;color: #272727;font-size: 16px;padding: 15px;border-radius: 25px;}

.testi-user-img{width: 55px;}
.testimonial-slide{height: 450px;}

#edgeworks h4{font-size: 16px; font-weight: 600; padding-top: 15px;}
#theProcess h3{font-size: 18px; margin-top: 30px;}

.block-img{width: 100%;height: 58cqh; display: block; background-size: cover;text-decoration: none;color: #ffffff;background-position: center;transition: all 0.3s ease;}
.details{display: block;position: relative;text-shadow: 1px 0 10px #555;padding: 10px;transition: all 0.5s ease;}
.details h2{font-weight: 800;font-size: 40px;}
.details p{color: #fff;}
.block-img:hover{filter: brightness(1.2)}
.block-img:hover .details{background-color: rgba(0, 0, 0, 0.4);}

.big-text{font-size: 130px;line-height:120px; font-family: "Tilt Warp", sans-serif;background: url(../images/backx.jpg) 0 0 / 120% no-repeat;background-clip: text; -webkit-text-fill-color: transparent;animation: animatedBackground 12s alternate infinite;}
.under-text{font-size: 22px;font-weight: 800;white-space: nowrap;}

.numbered-ul{list-style: none;padding: 20px 0 10px 0;}
.numbered-ul li{padding-bottom: 12px;font-size: 14px;font-weight: 600;}
.numbered-ul .ul-number{font-weight: 500;color: #6e6d6d;}

#cursorfollower {
  width:40px;
  height:40px;
  background:transparent;
  border:1px solid #333;
  border-radius:50%;
  position:absolute;
  margin:0px;
  transition: all .4s ease-out;
  z-index: 1050;
  pointer-events: none;
}
#cursorfollowerone {
  width:10px;
  height:10px;
  background-color: #000;
  border:none;
  border-radius:50%;
  position:absolute;
  margin:0px;
  transition: all .9s ease-out;
  z-index: 1050;
  pointer-events: none;
}

/*Override*/
.carousel-caption{text-align: start;bottom:8rem}
.carousel-caption h3{font-size: 50px; font-weight: 300; text-shadow: 2px 2px 4px #000;}
#stockSheetAccordion .accordion-button, #faqAccordion .accordion-button{border: 1px solid #181818;color: #000; background-color: #e4e4e4; margin-top: 6px; border-radius: 0px;}
.accordion-button::after{color: #f3f3f3;}

@media screen and (max-width: 991px){
    [data-aos='fade-right'], [data-aos='fade-left'] {
      transform: translate3d(0, 800px, 0);
    }
    [data-aos='slide-right'], [data-aos='slide-left']{
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes animatedBackground {
    0% { background-position: 0 0; }
    40% { background-position: -50px -50px; }
    60% { background-position: -20px -30px; }
    80% { background-position: 0px 10px; }
    100% { background-position: -40px 10px; }
}