/**================================
Frontend CSS file - by LWEGATECH
==================================**/
@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css');
:root {
	--ltc-font: "Instrument Sans", sans-serif;
	--ltc-font-2: "Roboto Flex", sans-serif;
	--ltc-font-3: "Inter", sans-serif;
	--ltc-base: #55575C;
	--ltc-base-rgb: 85, 87, 92;
	--ltc-client-red: #ED1C24;
	--ltc-client-red-rgb: 237, 28, 36;
	--ltc-gold: #F89711;
	--ltc-gold-rgb: 248, 151, 17;
	--ltc-yellow: #F9D949;
	--ltc-yellow-rgb: 249, 217, 73;
	--ltc-white: #ffffff;
	--ltc-white-rgb: 255, 255, 255;
	--ltc-black: #020334;
	--ltc-black-rgb: 2, 3, 52;
	--ltc-gray: #f7f7f7;
	--ltc-gray-rgb:247, 247, 247;
	--ltc-primary: #296DF4;
	--ltc-primary-rgb: 41, 109, 244;
	--ltc-font-size: 16px;
}
* {
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
  scrollbar-width: thin;
  font-optical-sizing: auto;
}
html,body{height: 100vh;font-family: var(--ltc-font);font-size:var(--ltc-font-size);line-height: 1.8;font-weight: 300;overflow-x:hidden;}
::selection {background:var(--ltc-client-red);color:var(--ltc-white);text-shadow:none;}
::-webkit-selection {background:var(--ltc-client-red);color:var(--ltc-white);text-shadow:none;}
::-moz-selection {background:var(--ltc-client-red);color:var(--ltc-white);text-shadow:none;}
::-webkit-scrollbar {width: 8px; background:var(--ltc-gold);}
::-webkit-scrollbar-thumb {	background: var(--ltc-client-red); }
h1, h2, h3, h4, h5, h6{font-family:var(--ltc-font-2);font-weight: 800;}
a,
a:hover,
a:visited,
a:active,
a:link {
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}
.btn-warning {color: var(--ltc-white) !important;background-color: var(--ltc-gold) !important;border-color: var(--ltc-gold) !important;}
.bg-warning{background-color: var(--ltc-gold) !important;}
.bg-danger{background-color: var(--ltc-client-red) !important;}
.btn-up {transition: transform 0.2s ease, box-shadow 0.2s ease !important;}
.btn-up:hover { transform: translateY(-3px) !important;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15) !important;}
 

/**=======================================================
HEADER  & MENU
===========================================================***/
.menu-section { position: relative;  color: var(--ltc-black);	width: 100%;background: linear-gradient(to top, rgba(248, 151, 17, 0.05), rgba(248, 151, 17, 0.08));min-height: 70px;display: flex;}
.menu-section  img {height: 60px;object-fit: contain;padding-top:5px;}
.menu-section .navbar-nav {height: 100%;align-items: center;}
.menu-section .navbar {padding: 0 !important;width: 100%;height: 100%;}
.menu-section .nav-item .nav-link {font-size: 16px;font-weight: 400;color: var(--kpy-white);padding: 0 1rem;  height: 70px;display: flex;align-items: center;transition: all 0.3s ease;}
.menu-section .nav-item:hover .nav-link {background-color:var(--ltc-white);color: var(--ltc-black)}
.menu-section .dropdown-toggle::after{content: "\F282";display: inline-block; font-family: bootstrap-icons !important; font-style: normal; font-weight: 600 !important; font-variant: normal;text-transform: none;line-height: 1; vertical-align: -.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right: .5rem; border:none!important;margin-left: .3rem;
}
.menu-section .dropdown-menu{border-radius: 0px;border:0; width: 230px;}
.menu-section .dropdown-item{list-style:none;min-width: 100% !important;height:auto;padding-top:10px; padding-bottom: 10px; transition: .2s ease all;font-size: 14px;}
.menu-section .dropdown-item:hover{background:var(--ltc-client-red);border-bottom:0px solid rgba(42, 42, 134,0.4);color: #fff;transition: .3s ease-in-out;padding-left:5px}
.menu-section .dropdown-item.active, .dropdown-item:active{background:var(--ltc-client-red);color: var(--ltc-white);}
.menu-section .dropdown-item li {  font-weight: 400;  font-size: 16px; padding: 7px 20px;margin-bottom: 0;}
.menu-section .nav-item:hover > .dropdown-menu {display: block;}

.menu-section .search i{color:var(--ltc-black);font-size: 22px;}
.menu-section .callus{color: #f4de2f;font-size: 12px;text-align: center;}
.menu-section .number{font-size: 17px; letter-spacing: 1px;position: absolute;right: 20px;font-weight: 600;}

.sticky-header {position: fixed;top: 0;width: 100%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.21);background-color: var(--kpy-base-dark); z-index: 1000; padding-top:10px;color:var(--kpy-white);}
.sticky-header img {height: 50px;margin-top:0px;}
.sticky-header .nav-item .nav-link{font-size: 15px; font-weight: 400;color:var(--kpy-white);padding-right: 10px !important;}
.sticky-header .nav-item .nav-link.active,
.sticky-header .nav-item .nav-link:hover{color:var(--kpy-gold)}

/** ======================================================================
SLIDE SECTION
=========================================================================**/
#careerSlider [data-aos] {animation: none !important;opacity: 1 !important;transform: none !important;}
.slider-section{background-color: var(--ltc-client-red);background-image: url();padding-top:20px;padding-bottom: 30px;min-height: 400px;}
#careerSlider {background-color: transparent; }
.carousel-inner {padding: 20px 0;}
.slider-text {padding: 2rem;}
.slider-title {font-size: 45px;font-weight: 800;margin-bottom: 1rem;line-height: 1.0;color: var(--ltc-black);  font-family: var(--ltc-font-2);}
 
.slider-description {font-size: 19px;margin-bottom: 1.5rem;color: var(--ltc-base);}
 
.slider-extras {margin-bottom: 2rem;}
.slider-extras span {display: block;font-size: 24px;margin-bottom: 0.5rem;font-weight: 500;background-color: rgba(var(--ltc-client-red-rgb),0.08);padding: 5px 10px;border-radius: 15px;border: 0px var(--ltc-client-red) solid;}
 
.slider-image-container {height: 400px;overflow: hidden;border-radius: 8px;box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.slider-image-container img {width: 100%;height: 400px;object-fit: cover;object-position: center;}
.slider-link {padding: 0.8rem 2rem;font-size: 1rem;font-weight: 600;border-radius: 30px;transition: all 0.3s ease;
  background-color: var(--ltc-gold);border: none;}
.slider-link:hover {transform: translateY(-3px);box-shadow: 0 5px 15px rgba(248, 151, 17, 0.4);background-color: var(--ltc-gold);}
.carousel-item.active .slider-link {animation: fadeIn 0.5s ease 1.4s both, pulse 1s ease 2s 2;}
.carousel-indicators {bottom: -40px;}
.carousel-indicators button {width: 12px;height: 12px;border-radius: 50%;margin: 0 8px;background-color: rgba(0, 0, 0, 0.8) !important;border: none;}
.carousel-indicators button.active {background-color: var(--ltc-gold) !important;}
.carousel-control-prev,
.carousel-control-next {
  display: none;
}
 /* Custom slider animations - won't conflict with AOS */
.slider-fade-up {animation: sliderFadeUp 0.8s ease 1.4s both;}
.slider-fade-left {animation: sliderFadeLeft 1.1s ease 1.4s both;}
.slider-fade-right {animation: sliderFadeRight 1.2s ease 1.6s both;}
@keyframes sliderFadeUp {
    0% { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes sliderFadeLeft {
    0% { opacity: 0; transform: translateX(-20px); }
    100% { opacity: 1; transform: translateX(0); }
}

@keyframes sliderFadeRight {
    0% { opacity: 0; transform: translateX(20px); }
    100% { opacity: 1; transform: translateX(0); }
}

.fade-up {opacity: 0;transform: translateY(20px);transition: opacity 0.6s ease-out, transform 0.6s ease-out;    will-change: opacity, transform;}
.fade-up.active {opacity: 1;transform: translateY(0);}
.fade-up.delay-1 { transition-delay: 0.2s; }
.fade-up.delay-2 { transition-delay: 0.4s; }
.fade-up.delay-3 { transition-delay: 0.6s; }
/** ======================================================================
HOME PAGE
=========================================================================**/
.home-services{padding-top: 50px;padding-bottom:30px;background-color: rgba(241, 241, 241, 0.429);}
.home-services .card{padding: 30px;background-color: var(--ltc-white);border-radius: 30px; min-height: 350px;transition: .1s all;border:0px; border-bottom:2px solid rgba(var(--ltc-client-red-rgb),0.3);animation: fadeInUp 0.8s ease 0.3s both;}

.icon-circle {background-color: rgba(var(--ltc-yellow-rgb),0.5);border-radius: 50%;justify-content: center;align-items: center;width: 3.5rem;height: 3.5rem;display: flex;}
.icon-embed-medium img{flex-direction: column;justify-content: center;align-items: center;width: 2.5rem;height: 2.5rem;	display: flex;object-fit: cover;border-radius: 50%;opacity: 0.5;}
.home-services .card h3{margin-top: 1rem; margin-bottom: 1rem;color:var(--ltc-black);font-weight: 600;font-size: 25px;}
.home-services p{color:var(--ltc-base);line-height: 1.3;font-size: 96%;}
.home-services .read-more{margin-top:1rem;color:var(--ltc-black);text-decoration:underline;}
.home-services .card:hover{border-bottom: 3px solid var(--ltc-client-red);transition: .3s ease-in-out;cursor: pointer;background-color: rgba(var(--ltc-yellow-rgb),0.1);}
.home-services .card:hover .read-more:hover{color:var(--ltc-client-red);text-decoration: none;}

.home-intro{position: relative;min-height: 300px;padding-top:50px;padding-bottom: 30px;}
.home-intro::before {content: '';position: absolute;top: 0;left: 0;width: 30%;height: 100%;background-color: var(--ltc-client-red);z-index: -1;}
.home-intro::after {content: '';position: absolute;top: 0;left: 30%;width: 70%;height: 100%;background-color: rgba(var(--ltc-gold-rgb),0.3);z-index: -1;}
.home-intro img{height: 450px;width: 400px; object-fit: cover;}
.home-intro .content{margin-right: 50px;}
.home-news{background-color: rgba(226, 227, 229, 0.4);padding-top:50px;padding-bottom: 30px;}
.home-directory{background:#2e94f7;border:0px;text-align: center;height: 400px;justify-content: space-evenly;}
.home-directory h2{color:var(--ltc-white)}
.home-directory img{opacity: 0.65;}
.home-directory p{line-height: 1.1;color:var(--ltc-white);font-size: 85%;margin-top:0.6rem;margin-bottom:1rem;}
.home-news .hn-title{font-weight: 600;font-size: 24px;width:70%;}
.ltc-news{padding:10px;border:0px;}
.ltc-news img{height:150px;width: 100%;object-fit: cover;}
.ltc-news h3{font-size: 18px;color:var(--ltc-black); line-height: 1.3;margin: 25px 0 10px;font-weight: 500;overflow: hidden;  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical;}

/** =============================================================
* INNER PAGES
*==================================================================**/
.header-services{min-height:500px;position:relative;overflow:hidden;} 
.header-services .overlay {position:absolute;height:100%;width:100%;top:0;left:0;background:linear-gradient(to right, rgba(70, 31, 14, 0.451), rgba(70, 31, 14, 0.12));color:white;display:flex;align-items:center;justify-content:center;padding:0 0 0 70px;box-sizing:border-box;z-index: 9;}
.header-services h1{font-weight: 700;text-shadow: 0 0 20px #000;width: 100%;}
.header-services p{text-shadow: 0 0 20px #000;}
.header-services .breadcrumb{font-size: 12px;color: var(--ltc-yellow);}
.header-dir{min-height:300px;position:relative;overflow:hidden;} 
.header-dir .overlay {position:absolute;height:100%;width:100%;top:0;left:0;background:linear-gradient(to right, rgba(70, 31, 14, 0.451), rgba(70, 31, 14, 0.12));color:white;display:flex;align-items:end;padding:0 0 0 70px;box-sizing:border-box;z-index: 9;}
.header-dir .logo{border-radius: 50%;height: 150px;width: 150px;border:5px solid var(--ltc-white);object-fit: cover;}
.header-dir h1{font-weight: 700;text-shadow: 0 0 20px #000;width: 100%;}
.header-dir p{text-shadow: 0 0 20px #000;font-size: 80%;}
.header-dir .breadcrumb{font-size: 12px;color: var(--ltc-yellow);}
.header-dir .breadcrumb a{color:var(--ltc-gold);}
.directory-page{background-color:rgba(102, 102, 102, 0.05);padding-top:30px;padding-bottom:20px;}
.directory-page h3{font-size:24px;}
.directory-page h3::after{content:"";display: block;height:5px;background: var(--ltc-client-red);border-bottom:0px solid var(--ltc-client-red);width:60px;margin-top:5px;}

.side-stay{position: sticky;top: 100px;}
.prodts .card{transition: all 0.3s ease;}
.prodts .card:hover{transform: translateY(-5px);box-shadow: 0 15px 35px rgba(0, 87, 183, 0.12);}
.prodts .cover-photo{height: 180px;width: 100%;object-fit: cover;}
.prodts .logo{height: 60px;width: 60px; object-fit:cover;object-position:left; border-radius: 50%;border:2px solid #fff;margin-top:-70px;margin-left:10px;background-color: #fff;}
.prodts h4{font-size: 18px;color: var(--ltc-black);font-weight: 600;}
.prodts h6{font-size:10px;color:#55575C;font-weight: 300;margin-left:5px;}
.prodts .descr{ font-size: 12px;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;
    -webkit-box-orient: vertical;}
.accordion-item:first-of-type .accordion-button{border-radius:0px !important;}
.accordion-button:focus {z-index: 3;border-color: unset !important;outline: 0;box-shadow: unset !important;}
.accordion-button .collapsed{border-color: transparent !important;}
.accordion-button:not(.collapsed) {color: #fff;background-color: rgba(var(--ltc-client-red-rgb),0.9);box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color);}
.accordion-button:not(.collapsed)::after {background-image: unset;transform: var(--bs-accordion-btn-icon-transform);}
.subcategory-list {list-style: none;padding: 0;margin: 0;}
.subcategory-list li {font-size: small;border-bottom: 1px solid #ebe5e5;background-color: #71040812;  height: 35px;line-height: 35px;align-self: center;padding-left: 10px;}
.subcategory-list li:hover{background-color: cornsilk;}
.subcategory-list li a {color:#000;text-decoration: none;}
.subcategory-list li a:hover {text-decoration: none;}

.services-area, .about-intro, .about-mid, .news-area{padding-top:50px;padding-bottom: 30px;}
.about-intro .container-md{width: 60% !important;}
.about-mid{position: relative;min-height: 300px;padding-top:50px;padding-bottom: 30px;}
.about-mid::before {content: '';position: absolute;top: 0;left: 0;width: 45%;height: 100%;background-color: var(--ltc-black);z-index: -1;}
.about-mid::after {content: '';position: absolute;top: 0;left: 45%;width: 55%;height: 100%;background-color: var(--ltc-gray);z-index: -1;}
.about-mid h1{padding-left:40px;color:var(--ltc-white);}
.about-mid h1 strong {font-size: 160px;line-height: 120px;display: block;margin-bottom: 20px;color: var(--ltc-gold); position: relative;}
.about-mid .card{border-radius:15px;background-color:rgba(233,233,233,0.98);border-bottom:3px solid var(--ltc-client-red) !important;}
.about-mid-inner{background: var(--ltc-gray);margin-top: 30px;padding:30px;border-radius:15px;}
.news-header{padding-top:40px;padding-bottom:30px;}
.news-header h1{color: var(--ltc-gray);}
.news-area .content-block{padding-top:5px}
.news-area .sticky-sidebar{position: sticky; top: 20px;height: fit-content; overflow-y: hidden;}
.news-area h3{color:var(--ltc-black);margin-top: 0;font-size: 25px;font-weight:700;transition: 3s all;}
.news-area h3:hover{color: var(--ltc-client-red);transition: 2s ease-out;}
.news-area a{color: var(--ltc-client-red);}
.meta{margin-bottom: 1rem;}
.meta ul {padding-left: 0;list-style: none;margin-bottom: 0;display: flex;}
.meta ul li, .meta ul li a {color: #666666;font-weight: 400;margin-right: 15px;text-transform: capitalize;font-size: 12px;}
.related-news img {height: 60px;width: 60px;object-fit: cover;object-position: center;border-radius: 5px;}
.related-news h5 {font-size: 16px;font-weight: 400;overflow: hidden;  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical;}
.related-news a{color: var(--ltc-black);transition: 1s all;}
.related-news a:hover{color: var(--ltc-client-red);transition: 2s ease-out;text-decoration:underline;}

/** ======================================================================
* FOOTER
*=========================================================================**/
.footer{padding-top:50px;padding-bottom: 30px;background:var(--ltc-black);min-height: 300px;color:rgba(var(--ltc-white-rgb),0.6);}
.footer h4{font-weight:600;font-size:20px;color:rgba(var(--ltc-white-rgb),0.8);}
.footer .phone{font-size: 30px;color:var(--ltc-gold);font-weight:700;}
.footer .email, .footer .add{font-size: 14px;margin-bottom:0px;padding-bottom:0px;}
.footer .email i, .footer .add i{font-size:10px;color:var(--ltc-gold);}
.footer ul{padding-left:0px;}
.footer ul li{list-style-type:none;}
.footer ul li a{color:rgba(var(--ltc-white-rgb),0.5);transition:0.2s ease-out;}
.footer ul li a::before{content:"\F26E";font-family:"bootstrap-icons";margin-right:5px;}
.footer ul li a:hover{color:var(--ltc-gold);transition:0.3s ease-in-out;}
.footer-social ul{padding-left:0px;margin-top:0.5rem;}
.footer-social ul li {display: inline-block;text-align: center;margin-right: 10px;}
.footer-social ul li a {text-align: center;font-size: 14px;color: var(--ltc-white);background: var(--ltc-black);width: 35px;height: 35px;line-height: 35px;display: block;
transition: all 0.3s ease-in-out;}
.footer-social ul li a {text-align: center;font-size: 14px;color: var(--ltc-white);line-height: 35px;}
.footer-social ul li a::before{content:"";font-family:"bootstrap-icons";margin-right:0px;}
.footer-social ul li a:hover{background: var(--ltc-gold);color:var(--ltc-black);}
.copyright{color:rgba(var(--ltc-white-rgb),0.4);font-size: 70%;}
.copyright a{color:rgba(var(--ltc-white-rgb),0.5);}
.copyright a:hover{text-decoration: line-through;color:var(--ltc-yellow);}

/*===========================================================
# Back to top button
===========================================================*/
.back-to-top {  position: fixed;  visibility: hidden;  opacity: 0;  right: 15px;  bottom: 15px;  z-index: 99999;  background: #CC0001;  width: 40px;  height: 40px;  border-radius: 4px;  transition: all 0.4s;}
.back-to-top i {  font-size: 24px;  color: #fff;  line-height: 0;}
.back-to-top:hover {background: #ee7a3f;  color: #fff;}
.back-to-top.active {visibility: visible;  opacity: 1;}

/** ===========================================
* Mobile Version
*============================================***/
@media (max-width: 576px){ }

@media (max-width: 768px) { 
  .slider-image-container {height: 300px;margin-top: 2rem;}
 .slider-title {font-size: 30px;}
.slider-description {font-size: 1rem;}
.slider-extras span {font-size: 0.9rem;}
.header-dir .overlay, .header-services .overlay{padding: 0 0 0 0px;font-size: 80%;}
.header-dir .logo {border-radius: 50%;height: 80px;width: 80px;border: 5px solid var(--ltc-white);object-fit: cover;}

}

@media (min-width: 992px) { 
  
 }

@media (min-width: 1200px) {  }

@media (min-width: 1400px) {  }




