@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
*{box-sizing: border-box;padding:0;margin:0;}
body{font-family: "Montserrat", sans-serif;overflow-x: hidden;}

.text-xs{
    font-size: 12px;
}
header{
    transition: background-color 0.3s, box-shadow 0.3s;
    z-index: 999999;
}

.gradient-btn{
    background: linear-gradient(90deg,rgba(116, 1, 9, 1) 0%, rgba(215, 38, 45, 1) 60%);
    color: #fff;
    display: inline-block;
}

.service-section::after{
    content:"";
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    height: 100%;
    width:100%;
    background-color: #000000c9;
    z-index: 0;
}

.why-tkpl{
    background: url('../images/whytkpl.png');
}

.why-tkpl::after{
    content:"";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #790000c2;
    z-index: 0;
}

.main-serve-box::after{
    content:"";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg, rgb(56 56 56) 0%, rgba(0, 0, 0, 0.64) 60%);

    z-index: 0;
}