/**
* Template Name: HeroBiz - v2.4.0
* Template URL: https://bootstrapmade.com/herobiz-bootstrap-business-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/**
* Check out variables.css for easy customization of colors, typography, and other repetitive properties
*/
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
:root {
  scroll-behavior: smooth;
}
a {
  /*color: var(--color-links);*/
  color: #e57139;
  text-decoration: none;
}

a:hover {
  color: var(--color-links-hover);
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-primary);
}
/* styles.css */

body {
  margin: 0;
  font-family: Arial, sans-serif;
  color: #4f5459 !important;
}

.mrgn{
  margin: 0px 79px 10px 5px;

}
.mrt10 {
	margin-top:10px;
	}
	
.mrt20 {
	margin-top:20px;
	}
  .mrt30 {
    margin-top:30px;
    }
.mrt15 {
	margin-top:15px;
	}
.mrb15 {
	margin-bottom:15px;
	}
.mrb20 {
	margin-bottom:20px;
	}
.mrb10 {
	margin-bottom:10px;
	}
  .mrb30 {
    margin-bottom:30px;
    }

.navbar-brand {
  width: 130px;
  height: 50px;
}

.navbar-expand-md .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin: 2px 8px 1px 10px !important;
}
.navbar-nav .nav-link.active {
  color: orange; /* or your preferred active color */
}
@media (min-width: 768px) {
  .bd-placeholder-img-lg {
      font-size: 3.5rem;
  }
}



.about{

  margin-top: 5px;
}
.abt-bg-img{

  background: url("../img/blog/hero-bg.png") center center;
}
.about-title
{
  border-bottom: 2px solid #e57139;
  color: #e48e65;
  font-size: 35px !important;
  font-weight: 300 !important;
}

.navbar-expand-sm .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  font-size: 19px !important;
  color: rgb(37 34 34 / 75%) !important;
  margin: 5px 5px 5px 25px !important;

}


.navbar-nav .nav-link:hover {
  color: var(--color-primary)!important;
}

.navbar-nav .nav-link {
  position: relative;
  color: inherit;
  text-decoration: none;
}

.navbar-nav .nav-link::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px; /* Adjust this value for the gap between text and underline */
  height: 2px;
  background-color: orange;
  transform: scaleX(0);
  transform-origin: unset;
  transition: transform 0.3s ease;
}

.navbar-nav .nav-link:hover::after {
  transform: scaleX(1);
  transform-origin: unset;
}

.navbar-nav .nav-link:hover {
  color: var(--color-primary)!important;
}


.hero-animated {
  width: 100%;
  min-height: 50vh;  
  background-size: cover;
  position: relative;
  padding: 20px 0 10px;
  padding-bottom: 0px !important;
}

.carousel-bottom {
  width: 100%;
  min-height: 50vh;
  background-size: cover;
  padding-bottom: 0px !important;
  padding: 40px 0 20px;
}
.carousel-bottom-1 {
  width: 100%;
  min-height: 35vh;
  background-size: cover;
  padding-bottom: 0px !important;
  padding: 00px 0 10px;
  margin-top: 20px;
}


.hero-animated h2 {
  margin: 50px 31px 14px 4px !important;
  font-size: 35px !important;
  font-weight: 400;
  color: #4f5459 !important;
}

.pillars {
   margin-top: 20px !important; 
  font-size: 35px !important;
  font-weight: 400;
  color: #4f5459 !important;
}


.hero-animated h2 span {
  color: #e48e65;
  font-size: 35px !important;
  font-weight: 300 !important;
}


.para p, ol, ul {
  color: #485664 !important;
  font-size: 16px;
  font-weight: 400;
}
.fontclr {
  font-family: Arial, sans-serif;
  color: #4f5459 !important;
  margin: 20px 10px 10px 10px !important;
  font-size: 17.5px;
  font-weight: 400;
}
.article-pg h2 {
  margin: 40px 12px 12px 12px !important;
  font-size: 35px !important;
  font-weight: 300 !important;
} 
.card{

  background-color: #e5f2f9 !important;
}

/*--------------------------------------------------------------
# Mobile Navigation
--------------------------------------------------------------*/
@media (max-width: 1279px) {
  .hero-animated h2 span {
    color: #e48e65;
    font-size: 23px !important;
    font-weight: 300 !important;
  }

  .hero-animated h2 {
    margin: 40px 12px 12px 12px !important;
    font-size: 23px !important;
    font-weight: 300 !important;
  }

 
  .carousel-bottom{
    border-radius: 5px !important;
    font-size: 15px !important;
    font-weight: 300 !important;
  }
  .carousel-bottom-1{
    border-radius: 5px !important;
    font-size: 15px !important;
    font-weight: 300 !important;
  }
  .sec-title{
    color: #4f5459 !important;
    border-radius: 5px !important;
    font-size: 15px !important;
    font-weight: 300 !important;
  }
  
}

/*--------------------------------------------------------------
# Mobile Navigation
--------------------------------------------------------------*/
@media (max-width: 799px) {
  .hero-animated h2 span {
    color: #e48e65;
    font-size: 20px !important;
    font-weight: 300 !important;
  }

  .hero-animated h2 {
    margin: 40px 4px 13px 4px !important;
    font-size: 20px !important;
    font-weight: 300 !important;
  }
  .carousel-bottom{
    border-radius: 5px !important;
    font-size: 15px !important;
    font-weight: 300 !important;
  }

  .carousel-bottom-1{
    border-radius: 5px !important;
    font-size: 15px !important;
    font-weight: 300 !important;
  }
  .sec-title h3{
    
    font-size: 18px !important;
    font-weight: 300 !important;
  }

  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    font-size: 14px !important;
    color: rgb(37 34 34 / 75%) !important;
    border-radius: 2px;
  
  }
  .navbar-toggler {
    padding: .25rem 3.75rem;
    font-size: 1.25rem;
  }

  .article-pg h2 {
    margin: 40px 12px 12px 12px !important;
    font-size: 20px !important;
    font-weight: 300 !important;
  } 

.navbar-nav .nav-link:hover {
  color: orange!important;
}

.navbar-nav .nav-link {
  position: relative;
  color: inherit;
  text-decoration: none;
}

.navbar-nav .nav-link::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px; /* Adjust this value for the gap between text and underline */
  height: 2px;
  background-color: orange;
  transform: scaleX(0);
  transform-origin: unset;
  transition: transform 0.3s ease;
}

.navbar-nav .nav-link:hover::after {
  transform: scaleX(1);
  transform-origin: unset;
}

.navbar-nav .nav-link:hover {
  color: var(--color-primary)!important;
}

}

@media (max-width: 576px) {
  .navbar-nav .nav-link {
      border: 1px solid #ccc; /* Add border to the menu items */
      border-radius: 5px;
      margin-bottom: 2px; /* Add space between the menu items */
      margin-top: 2px; /* Add space between the menu items */

  }

  .navbar-nav .nav-link:hover {
      background-color: #f8f9fa; /* Optional: Change background color on hover */
  }
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {
  color: var(--color-white);
  font-size: 14px;
  background-color: #485664; 
}

.footer .footer-content {
  background: var(--color-secondary);
  padding: 60px 0 30px 0;
}

.footer .footer-content .footer-info {
  margin-bottom: 30px;
}

.footer .footer-content .footer-info h3 {
  font-size: 28px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

.footer .footer-content .footer-info h3 span {
  color: var(--color-primary);
}

.footer .footer-content .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: var(--font-primary);
  color: var(--color-white);
}

.footer .footer-content h4 {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-white);
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 15px;
}

.footer .footer-content h4::after {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  height: 2px;
  background: var(--color-primary);
  bottom: 0;
  left: 0;
}

.footer .footer-content .footer-links {
  margin-bottom: 30px;
}

.footer .footer-content .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer .footer-content .footer-links ul i {
  padding-right: 2px;
  color: var(--color-white);
  font-size: 12px;
  line-height: 1;
}

.footer .footer-content .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

.footer .footer-content .footer-links ul li:first-child {
  padding-top: 0;
}

.footer .footer-content .footer-links ul a {
  color: rgba(var(--color-white-rgb), 0.7);
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}

.footer .footer-content .footer-links ul a:hover {
  color: var(--color-white);
}

.footer .footer-content .footer-newsletter form {
  margin-top: 30px;
  background: var(--color-white);
  padding: 6px 10px;
  position: relative;
  border-radius: 4px;
}

.footer .footer-content .footer-newsletter form input[type=email] {
  border: 0;
  padding: 4px;
  width: calc(100% - 110px);
}

.footer .footer-content .footer-newsletter form input[type=email]:focus-visible {
  outline: none;
}

.footer .footer-content .footer-newsletter form input[type=submit] {
  position: absolute;
  top: 0;
  right: -2px;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: var(--color-primary);
  color: var(--color-white);
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
}

.footer .footer-content .footer-newsletter form input[type=submit]:hover {
  background: rgba(var(--color-primary-rgb), 0.85);
}

.footer .footer-legal {
  padding: 30px 0;
  background: var(--color-secondary-dark);
}

.footer .footer-legal .credits {
  padding-top: 4px;
  font-size: 13px;
  color: var(--color-white);
}

.footer .footer-legal .credits a {
  color: var(--color-primary-light);
}

.footer .footer-legal .social-links a {
  font-size: 18px;
  display: inline-block;
  background: rgba(var(--color-white-rgb), 0.1);
  color: var(--color-white);
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 4px;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

.footer .footer-legal .social-links a:hover {
  background: var(--color-primary);
  text-decoration: none;
}

.horizontal-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.horizontal-list li {

display: inline;
padding: 1px 5px;
list-style-type: none;
border-right: 1px solid #efefef;

}

.horizontal-list li:last-child {
  border-right: none;
  
  }

.horizontal-list li a {
  text-decoration: none;
  color: #e57139;
}

ul.bread {
  margin: 40px 0px;
  padding: 0px;
}

.detail ul.bread li {
  display: inline-block;
  padding: 0px 10px 0px 0px;
} 

.detail ul.bread li + li {
border-left: 1px solid #D9D9D9;
padding-left: 10px;
}

ul.bread li.yelbold{
font-family: var(--intermedium);
color: #E86020;
font-size: 18px;
}

ul.bread li.small{
font-family: var(--inter);
color: #132649;
font-size: 16px;
}

.copyright{
      color: rgb(252, 252, 245);
    font-size: 14px;
}
/*DK*/
.col-lg-6.position-relative {
    padding: 10px;
    background-color: #2c343c;
}

.position-relative {  
  font-size: 15px;
  font-family: Arial, sans-serif;
  color: #485664; 
}

img.img-fluid {
    height: 230px;
    border-radius: 10px; /* Rounded corners (optional) */
    /* margin: 10px 5px 5px 15px !important; */

}

/*--------------------------------------------------------------
# Scroll top button
--------------------------------------------------------------*/
.scroll-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 995;
  background: var(--color-primary);
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.scroll-top i {
  font-size: 24px;
  color: var(--color-white);
  line-height: 0;
}

.scroll-top:hover {
  background: rgba(var(--color-primary-rgb), 0.85);
  color: var(--color-white);
}

.scroll-top.active {
  visibility: visible;
  opacity: 1;
}


.slider img {
  width: 100%;
  height: auto;
}