@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/*
@media only screen and (min-width: 550px) {
    .logo-ftr-md{
        display: none;
    }
}

@media only screen and (max-width: 549px) {
    .logo-ftr-lg img{
        display: none;
		width: 100%
    }
}
*/

@media only screen and (min-width: 300px) and (max-width:992px) {
    .logo-lg{
        width: 100% !important;
        max-width: 100% !important;
    }
}

.logo-lg{
    object-fit: contain;
    width: 50%;
    padding: 10px 0;
}

.image-center{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.x-topbar {
    background-color: var(--primary);
    text-align: right;
}

.x-topbar i{
    color: var(--secondary);
    font-size: 30px;
    margin: 10px;
    transition: ease all 0.3s;
}

.x-topbar i:hover{
    color: white;
    cursor: pointer;
}

.krttx-hgl{
    background-color: var(--secondary);
    color: var(--primary);
    padding: 5px 10px;
    border-radius: 10px;
}

.parallax {
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.krttx-bg-img {
    background-image: url(../img/bg-1.jpg);
}

.krttx-bg-img2 {
    background-image: linear-gradient(45deg, rgb(242,252,5) 0%, rgb(242,252,5) 6%,rgb(242,246,19) 6%, rgb(242,246,19) 19%,rgb(240,223,32) 19%, rgb(240,223,32) 41%,rgb(233,235,46) 41%, rgb(233,235,46) 55%,rgb(59,184,229) 55%, rgb(59,184,229) 94%,rgb(51,141,223) 94%, rgb(51,141,223) 100%);
}

hr {
    border: solid 1px orange;
    border-color: var(--primary);
    margin: 30px 0;
}

.ftr-link a:hover{
    color: #CEBD20 !important;
}

.service-item {
    width: 100%;
    margin-top: 60px;
}

.krttx-hghl {
    padding: 30px 0 8px;
    position: relative;
    color: var(--secondary);
}

.krttx-hghl::before {
    content: "";
    position: absolute;
    bottom: 16px;
    width: 100%;
    height: 14px;
    background: var(--primary);
    z-index: -1;
}

.krttx-ani {
    will-change: transform;
    transition: transform 450ms;
  }
  
  .krttx-ani:hover {
    transition: transform 125ms;
    transform: translateY(-10px);
  }

/* uwu stuff */

.uwu-img {
    width: 50%
}

.uwu-ul li{
    margin-bottom: 15px;
}

.uwu-ul ul{
    margin-bottom: 25px;
}


.uwu-ul {
    font-family:'Poppins';
    color: #212121;
    font-weight: 700;
    text-align: left;
}

.uwu-span span {
	colour: darkblue
}

.page-header-contact {
	    background: linear-gradient(rgba(4, 15, 40, .7), rgba(4, 15, 40, .7)), url("../backgroundhomepage/home2.jpg") center center no-repeat;
}

.page-header-roadmachines {
	    background: linear-gradient(rgba(4, 15, 40, .7), rgba(4, 15, 40, .7)), url("../backgroundhomepage/home2.jpg") center center no-repeat;
}

.page-header-companyprofile {
	    background: linear-gradient(rgba(4, 15, 40, .7), rgba(4, 15, 40, .7)), url("../companyprofile/company1.jpg") center center no-repeat;
}      


@media only screen and (min-width: 0px) and (max-width: 480px) {
    
.uwu-img {
    width: 100%
}
    
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    
.uwu-img {
    width: 100%
}
    
}

@media only screen and (max-width: 992px) {
    
    .topicon.hide {
        visibility: hidden;
        opacity: 0;
      }
	.bg-white2{
		padding: 1rem;
	}
        
    }

.uwu-topicon   {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        top: 0;
}

.topicon {
	display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    position: absolute;
    top: 35px;
}

/* .topicon{
	position: absolute;
	top: 50px;
	right: 0;
	z-index: 9999;
} */

@media only screen and (max-width: 999px) {
    
.topicon {
   display: flex!important;
   top: 0px;
   left: 0px;
	/* margin-right: auto;
    margin-left: auto; */
    justify-content: center;
    align-items: center;
}

.uwu-nav {
    padding-top: 3rem !important;
    padding-bottom: 1rem !important;
}
    
}

@media only screen and (min-width: 1000px) and (max-width: 1279px) {
    
    .topicon {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        position: absolute;
        top: 0px;
    }

    .uwu-nav {
        padding-top: 3rem !important;
        padding-bottom: 1rem !important;
    }
    
}

.bg-white2{
	background-color: white;
	margin-top: 30px;
/*	padding:30px 0;*/
	
}

.justify-text{
	text-align: justify;
}


.cert-img img{
	width: 100%;
	padding: 10px;
	border: 1px solid grey;
	
}

.cert-img h4{
	padding-top: 10px;
}

.cert-img {
	padding: 25px;
}

.manu-img img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	/* margin: 2rem 0; */
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.mapz{
	width: 100%;
}

 /* #uwu-map{
    overflow:hidden;
    clip-path: polygon(0 10%, 100% 10%, 100% 100%, 0% 100%);
} */

 #uwu-map{
  position: relative;
  clip-path: polygon(0% 12%, 100% 12%, 100% 100%, 0% 100%);
  top: -1em;
  border: inherit;
}

@media screen and (max-width:992px){
	
/*
	.navbar{
	padding-top: 4.5rem;
    padding-bottom: 3.5rem;
	}
*/
	
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.logo-ftr-lg{
	width: 100%;
}


@media only screen and (min-width: 0px) and (max-width: 480px){
	
	.text{
		font-size: 1.5em;
	    font-weight: 700;
    line-height: 1.2;
	}
	
	.uwu-images img{
	width: 100%;
	height: auto;
}
	
	.uwu-row {
	display: flex;
	flex-direction: column;
}
	
	.uwu-images-1 img{
	width: 100%;
	height: auto;
}
	.logo-ftr-lg {
	width: 100% !important;
}
/*
	.topicon {
	position: absolute;
    top: -16px;
    right: 24px;
    z-index: 9999;	
	}
*/
	
}
	
@media only screen and (min-width: 1200px) and (max-width: 2400px){

.text{
    font-size: 2em;
    font-weight: 700;
line-height: 1.2;
}

.uwu-images img{
width: 100%;
height: auto;
}
	
.uwu-row {
	display: flex;
	flex-direction: row;
}
	
.uwu-images-1 img{
	width: 50%;
	height: auto;
}
	
}	


body,html {
	overflow-x: hidden;
	width: 100%;
}

.uwu-nav {
	position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.service-item1 {
    width: 95%;
    margin-top: 60px;
}