/* Reset some default browser styles */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, a {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
.w-100 {width: 100%;}
	.w-75 {width: 75%;}
	.w-50 {width: 50%;}
	.w-25 {width: 25%;}

	.sec-pad {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
@media (min-width: 576px) {
	.w-sm-100 { width: 100% !important; }
	.w-sm-75 { width: 75% !important; }
	.w-sm-50 { width: 50% !important; }
	.w-sm-25 { width: 25% !important; }
  }
  
  /* Medium devices (md) */
  @media (min-width: 768px) {
	.w-md-100 { width: 100% !important; }
	.w-md-75 { width: 75% !important; }
	.w-md-50 { width: 50% !important; }
	.w-md-25 { width: 25% !important; }
  }
  
  /* Large devices (lg) */
  @media (min-width: 992px) {
	.w-lg-100 { width: 100% !important; }
	.w-lg-75 { width: 75% !important; }
	.w-lg-50 { width: 50% !important; }
	.w-lg-25 { width: 25% !important; }
    .top-10 { top: 10% !important;}
  }

/* Set a default font and background color */
body {
    background-color: #000000 !important;
}

@media (min-width: 990px) {
     .text-lg-justify {
   text-align: justify !important;
}
.text-justify {
   text-align: justify !important;
}

}
.ends-10 {
    right: 10% !important;
}



/* Main content styles */
main {
    padding: 0px;
    background: #000000;
}
.touch-btn, .touch-btn:hover {
    font-family: Lexend;
    font-weight: 600;
    font-size: calc(12px + (16 - 12) * (100vw - 428px) / (1440 - 428));
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    color:#fff;
    background-color:#FF6C2A;
    border-radius:8px;
}
.lp-sec-1 {
    overflow:hidden;
}
.text-box h1, .text-box span {
    font-family: Lexend;
    font-weight: 700;
    font-size: calc(32px + (60 - 32) * (100vw - 428px) / (1440 - 428));
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF;
    margin-bottom: 1.5rem;
}
.text-box span {
    color: #FF6C2A;
}
.text-box p {
    font-family: Lexend;
font-weight: 500;
font-size: calc(14px + (20 - 14) * (100vw - 428px) / (1440 - 428));
line-height: 150%;
letter-spacing: 0%;
 color: #D1D1D1;
 margin-bottom: 1.5rem;
}
.card {
    background: #1C1C1C80;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 20px;
    padding: 20px;
}
    .card-title {
        font-family: Lexend;
        font-weight: 600;
        font-size: calc(20px + (26 - 20) * (100vw - 428px) / (1440 - 428));
        line-height: 150%;
        letter-spacing: 0px;
        text-align: start;
        color: #FFFFFF;
    }
    .card-text {
    font-family: Lexend;
    font-weight: 300;
    font-size: calc(14px + (18 - 14) * (100vw - 428px) / (1440 - 428));
    line-height: 150%;
    letter-spacing: 0px;
    text-align: start;
    color: #FFFFFF;
    }
    
    .list-up {
    font-family: Lexend;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0%;
    color:#FF6C2A;
    }
    .list-up p {
        font-family: Lexend;
font-weight: 400;
font-size: 11px;
line-height: 150%;
letter-spacing: 0%;
color:#1C1C1C4D;
    }
    .list-down {
        background:#323232;
          font-family: Lexend;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0%;
    color:#FFFFFF;
     text-align: start;
    }
    .list-down p {
        font-family: Lexend;
    font-weight: 400;
    font-size: 11px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: right;
    color: #FFFFFFB2;

    }
    .text-box .people-name {
    font-family: Lexend;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0%;
    color:#FFFFFF;
    }
  .text-box  .people-client {
    font-family: Lexend;
    font-weight: 300;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0%;
    color:#FFFFFF;
    }
/* Footer styles */
footer {
    background: #333;
    color: #fff;
    text-align: center;
    padding: 30px 0;
    margin-top: 30px;
}
.h-420 {
    height: 420px;
    max-height: auto !important;
}
.borders, .list-group-item:first-child {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.bottom-left-radiuss, .list-group-item:last-child {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 0px;
}
.card-bg {
  background-color:#1C1C1C;
  /*margin-right: 40px;*/
}
.footbar {
    display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 1.5rem;
        padding-bottom: 20px;
        border-bottom: #fff solid 1px;
}
footer p {
   font-family: Lexend;
font-weight: 400;
font-size: calc(12px + (14 - 12) * (100vw - 428px) / (1440 - 428));
line-height: 150%;
letter-spacing: 0%;
color:#FFFFFF;

}
.mobile-column {
        display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    flex-direction: column;

}
.banner-container {
    background-image:url('Assets/mobile-banne.webp');
    background-size: cover;
    background-repeat: no-repeat;
    height:100vh;
}
 @media (min-width: 990px) {
.banner-container {
    background-image:url('Assets/kaaliBanner.webp');
    background-size: contain;
    background-repeat: no-repeat;
}
.mobile-column {
    align-items: end;
}
}
.peopleborder {
    border-radius:50%;
}