/*
    COLORS
yellow - #FEF0C1
blue - #2260AB

*/

html {
  font-size: 14px;
}

html, body {
    font-family: Arial, Helvetica, sans-serif;
}

a {
    text-decoration:none;
  }

footer { position:unset !important; margin-top: 20px; }

footer > div > div, footer .social_links{ display:inline-block; }
footer .social_links { float:right; margin-top: 0px }
footer .social_links a { color:#000; margin: 0 5px; text-decoration: none;  font-size: 20px; /* Size of icon */}
footer .social_links a:hover { /*color: #007bff;*/ color:#000; /* Highlight color on hover */}

/*a {
    color: white;
    text-align: center;
    text-decoration:none;
    width:100%;
  }
     
a:hover,.list-item a:active {
    color: white;
    text-align: center;
    text-decoration:none;
  }
*/

 nav { /*margin-bottom: 1px !important;*/ padding: 0px !important; }
.navbar { background-color: #000 !important; color:#fff; }
.navbar a {  color:#fff; /*font-size:20px;*/ }
.navbar-brand img { width:100px; }



.header { font-weight:bold; }

.kk_alert { text-align:center; background-color: #2260AB; color: #fff; font-size: 20px; }
.kk_alert i { padding-right: 5px; }
.kk_alert i::after { content: 'this is an alert test';  }
.kk_alert { display:none; }

body > main { margin-top: 20px; }

.home .content { margin-top: 20px; }
.home .content > div > div > div:not(:last-child) { font-weight:bold; }
.home .content > div > div > div:last-child { font-weight:bold; text-align: center; font-size: 20px; }
.home ul > li > div > div:first-child  { font-weight:bold; }

  .home .content > div:nth-child(2) { margin-top:50px; }


/*
.home .content2 > div:not(:last-child) {  width: 33%; display:inline-grid; border: 1px solid #000;  }
.home .content2 > div > div div { height: 150px; }

.home .content2 > div:last-child { text-align:center; border: 1px solid #000; }

*/

.products .header + div  { font-size:20px; }

.products .list_products { margin-top: 40px; }

.products .list_products .card { /*display:inline-block; width:30%; */     margin-bottom: 40px !important; }

.products .list_products .card:nth-child(2) { margin-left: 5px; margin-right: 5px; }
.products .list_products .kk_card_group:not(:first-child) { margin-top: 50px;}
.products .list_products .card img { height: 215px; }

.products .need_quote { margin: auto;  width: 50%; background-color:#FEF0C1; text-align:center; }
.products .need_quote > div { padding-top:20px; padding-bottom:20px; }
.products .need_quote div a::before,.products .need_quote div a::after {
  display:inline;
  color: #000;
  font-family: "bootstrap-icons"; 
}

.products .need_quote div > div  { display:inline-block; }
.products .need_quote div > div > div:nth-child(2) a:first-child::before { content: '\F5C1'; margin-right:5px; }
.products .need_quote div > div > div:nth-child(4) a:first-child::after { content: '\F138';  margin-left:5px; }
/*.products .need_quote div > div > a:nth-child(2)::after { content: '\F138';  margin-left:5px; }*/

.abouts_us .content > div { /*margin-top: 20px;*/ }

.contact_us .content > div { margin-top: 10px; }

.contact_us .content > div > div:nth-child(1) > div:nth-child(2)  { /*margin-left: 30px;*/ }
.contact_us .content > div > div:nth-child(2) { margin-top: 10px; margin-bottom: 10px;  }

.contact_us .form > div { margin-top: 10px; }
.contact_us .form input, .contact_us .form textarea { width:100%; }
.contact_us .form textarea { height: 200px; }
.contact_us .content i { padding-right:3px; }
.contact_us .content table > tbody > tr:nth-child(1)  > td  { padding-right: 5px; }
.contact_us .form div { margin-bottom: 5px; } 


/* style.css */
.contact_us .emailstatus {
    font-weight: bold;
    margin-top: 10px;
    color: red; /* For error messages */
}

.contact_us .emailstatus.success {
    color: green; /* For error messages */
}


@media all and (max-width: 768px) 
{
  html {
    font-size: 16px;
  }

  
  footer > div > div, footer .social_links{ display:block; text-align: center; }
  footer .social_links { float:unset; }

  .navbar-toggler-icon { background-color: #2260AB; }

  .home .content > div> div  { display:block; }
  .home .content > div > div:nth-child(2)  { display: inline-table; }
  .home .content img { width :100%; }  
  .home .content > div:nth-child(2) { margin-top:20px; }
  
  .products .list_products .card { margin-bottom: 10px !important; }

  .products .need_quote { width: unset; }  
  .products .need_quote div > div  { display:block; }

  .contact_us .content { margin-bottom: 30px; }
  .contact_us .content > div { margin-top: 10px; }
  
  .abouts_us .kk_card_group > div:first-child { margin-top: 25px; }
  .abouts_us .card { margin-top: 5px;}
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}