@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!important;background:#e9e9e9}

.text-xs{
    font-size: 12px;
}
header{
    transition: background-color 0.3s, box-shadow 0.3s;
    z-index: 999999;
}
header.fixed {
    background-image: none !important; /* removes gradient */
    background-color: #790000d1 !important;

    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.main-serve-box , .main-serve-box p {
    transition: all 0.5s ease;
    cursor: pointer;
}
.main-news-section , .main-news-section img{
    transition: all 0.5s ease;
}
.main-news-section:hover img{
    transform: scale(1.1);
}
.main-news-section{
    overflow: hidden!important;
    display: block;
}
.main-serve-box:hover p{
    transition: all 0.5s ease;
    transform:translateY(-20px)
}
.service-section .service-link:hover i{
    transform: translateX(10px);
    transition: all 0.2s ease;
}

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

.gradient-btn:hover{
    background: linear-gradient(360deg,rgba(116, 1, 9, 1) 0%, rgba(215, 38, 45, 1) 60%);
}

.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: linear-gradient(360deg,rgba(116, 1, 9, 1) 0%, rgba(215, 38, 45, 1) 60%);

    /* background: url('../images/whytkpl_bg.webp');
    
    background-size: cover; */
}

header .nav-link::after{
    content:"";
    position: absolute;
    bottom: -7px;
    height: 2px;
    width: 0;
    left: 0;
    background-color: #fff;
    transition:all 0.5s ease;
}
header .nav-link:hover::after{
    transition: all 0.5s ease;
    width: 100%;
}
/* 
.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; 
    bottom: 0;
    height: 50px;
    width: 100%;
    background: linear-gradient(0deg, rgb(56 56 56) 0%, rgba(0, 0, 0, 0.64) 60%);
    z-index: 0;
    opacity: 0.8;
    transition: all 0.5s ease;
}

.main-serve-box:hover::after{
    background:linear-gradient(0deg, rgb(56 56 56) 0%, rgb(0 0 0 / 78%) 60%);
    opacity: 1;
    height: 100%;
    transition: all 0.5s ease;
}

.banner-bg::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height:100%;
    width:100%;
    background: linear-gradient(99deg,rgba(116, 1, 9, 1) 0%, rgba(255, 255, 255, 0.64) 100%);
    z-index: 0;
    opacity: 0.8;
}