@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

*{margin:0;padding:0}
body{margin:0;padding:0;font-family:"Mulish",sans-serif}
p{font-size:15px;line-height:25px}
@media(min-width:768px) and (max-width:1024px){p{font-size:17px;line-height:27px}}
@media(min-width:1025px){p{font-size:17px;line-height:28px}}

.nav-link{font-weight:800}
.nav-link.active{color:#CA1B20!important}
span{color:#CA1B20}
.logo-text{text-decoration: underline;text-decoration-color: red;}
.carousel-item{height:550px;position:relative}
.carousel-item::after{content:"";position:absolute;width:100%;height:100%;background:#00000005;left:0;top:0;z-index:1}

.carousel-caption{z-index:9;top:30%;left:50%;transform:translate(-50%,-50%);bottom:auto;background:rgba(0,0,0,0.5);padding:20px;border-radius:10px}
.our-locations{text-decoration: underline;text-decoration-color: #000;}
@media(min-width:768px) and (max-width:1024px){.carousel-caption{top:35%}}
@media(min-width:1025px){.carousel-caption{top:50%}}

.carousel-caption p{font-size:20px;font-weight:800}
.carousel-caption p span{color:#CA1B20}
.carousel-caption h1{font-size:40px;font-weight:800}
.carousel-caption button{background:#CA1B20;border-radius:50px;color:#fff;font-size:20px;font-weight:700;padding:15px 50px;margin-top:20px;border:2px solid #ffffff5d;box-sizing:border-box}
.carousel-caption button:hover{background:#CA1B20;border-color:#fff}

.ourProducts{background:#fff url("../images/screw-line.jpg") no-repeat center/cover;background-attachment:fixed;padding:30px 0;position:relative}
.ourProducts::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;opacity:0.5}

.sectionHead{text-align:center;position:relative;z-index:9}
.sectionHead h2{font-size:35px;font-weight:700}
@media(min-width:1025px){.sectionHead h2{font-size:40px;font-weight:800}}
.sectionHead h2 span{color:#CA1B20}

.partnerLogo{width:130px;height:150px}
.partnerLogo img{width:100%;height:100%;object-fit:contain;max-width:100%;transition:transform 0.3s ease}
.partnerLogo img:hover{transform:scale(1.05)}

.swiper{padding:30px 20px!important}
.swiper-slide{height:auto!important}
.card{height:100%}
.card-img-top{height:250px;width:100%;object-fit:cover;border:1px solid #0000003d}
.card-title{color:#CA1B20;font-weight:700;font-size:18px}
.card-text{font-size:14px;color:#686868}

footer{background:#b7b7b7}
ul{padding-left:1.2rem}

@media(max-width:575px){
  .carousel-caption h1{font-size:30px}
  .carousel-caption{width:90%}
}
.contact-btn,.contact-us{background-color:#CA1B20;font-size:15px;font-weight:600;color:#fff}
.copyright p{color:#000;font-weight:700}
.copyright p a{color:#000;font-size:15px;font-weight:700}

.whatsapp{position:fixed;bottom:30px;right:30px;z-index:9999;text-decoration:none;transition:.5s;background:#fff;padding:10px;border-radius:33px;overflow:hidden;width:50px;height:50px;display:flex;align-items:center;box-shadow:0 0 12px #00000040}
.whatsapp span{color:#000;font-size:14px;margin-left:10px;white-space:nowrap}
.whatsapp:hover{width:176px}
@media(min-width:768px) and (max-width:1024px){.whatsapp{bottom:40px;right:30px;z-index:10}}

.navbar-text{font-size:18px}
@media(min-width:768px){.navbar-text{font-size:18px}}
@media(min-width:992px){.navbar-text{font-size:25px}}

#banner{position:relative;height:40vh;overflow:hidden}
@media(min-width:768px) and (max-width:1024px){#banner{height:30vh}}
@media(min-width:1025px) and (max-width:1399px){#banner{height:85vh}}
@media(min-width:1400px){#banner{height:60vh}}

.banner-img{height:100vh;object-fit:cover}
.banner-caption{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}
.caption-box{background-color:rgba(0,0,0,0.6);color:#fff;text-align:center;padding:30px 20px;border-radius:10px;pointer-events:auto;max-width:90%;width:600px;z-index:1}

.sail-logo{height:100px;width:auto}
.distributor-text{font-size:1.6rem;font-weight:bold}
.tagline{font-size:1.1rem;font-weight:400;margin-top:10px}
@media(max-width:768px){
  .distributor-text{font-size:1.3rem}
  .tagline{font-size:1rem}
  .sail-logo{height:55px}
}
.error-message{margin-top:4px}