/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

:root{
	--main-color: #1d3057;
	--secondary-color:#1B79BB;
	--tertiary-color: #CFD0D1;
	--main-color-subtle: #1442a0;
}

.dark .menu-link {
	color: var(--main-color);
}

.dark .menu-link:hover {
	color: var(--secondary-color);
}

.dark  .menu-item:hover > .dark  .menu-link, .dark  .menu-item.current > .menu-link, .menu-item:hover > .menu-link, .menu-item.current > .menu-link{
	color: var(--secondary-color);
}

.dark #footer, #footer.dark{
	background-color: var(--main-color);
}

a {
    text-decoration: none !important;
    color: var(--secondary-color);
}
.button{
  text-transform: none;
}
.footer-big-contacts {
	color: #333;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
}

.footer-big-contacts span {
	display: block;
	font-size: 80%;
	font-weight: 400;
	text-transform: uppercase;
	color: #888;
	letter-spacing: 2px;
}

.dark .footer-big-contacts, .dark .footer-big-contacts a { color: rgba(255,255,255,0.8) !important; }

.bold{
	font-weight: bold;
}


.whatsApp{
    position:fixed;
    bottom:40px;
    left:40px;
    cursor: pointer;
    z-index: 99999999;
}
.my-whatsApp{
    margin-top:16px;
}

.pricing-title h3 {
	color: var(--secondary-color);
}

#page-title.page-title-dark span{
	color: #FFF;
}


.title-bottom-border h4{
	border-color: var(--secondary-color);
  padding: 10px;
  display: inline-block;
  animation: borderColorCycle  2s infinite alternate;
}

.title-bottom-border h4:hover{
	border-color: var(--main-color);
}

 @keyframes borderColorCycle {
      0%   { border-color: var(--secondary-color);}
      50%  { border-color: var(--main-color) };
      100% { border-color: var(--main-color-subtle) };
 }

.si-dark{
	background-color: var(--tertiary-color);
}

.card-success{
	border: 2px solid var(--bs-success) !important;
}

.card-warning{
	border: 2px solid var(--bs-warning) !important;
}

.card-info{
	border: 2px solid var(--bs-info) !important;
}


.numbered-list {
  padding-left: 50px; 
}

.numbered-list li {
    padding-left: 16px;
    margin-top: 24px;
    position: relative;
    font-size: 16px;
    line-height: 20px;
  &:before {
      content: '';
      display: block;
      height: 42px;
      width: 42px;
      border-radius: 50%;
      border: 2px solid #ddd;
      position: absolute;
      top: -12px;
      left: -35px;
    }
}

.numbered-list.alternating-colors {
  li:nth-child(odd):before { border-color: var(--main-color); }
  li:nth-child(even):before { border-color: var(--main-color-subtle); }
}
.numbered-list.alternating-colors{
  text-align: left;
}

.button{
  background-color: var(--secondary-color);
}
.button.button-3d:hover{
  background-color: var(--main-color);
}

.face-button {
  height: 64px;
  display: inline-block;
  border: 3px solid var(--main-color);
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  color: var(--main-color);
  overflow: hidden;
  
  .icon {
    margin-right: 6px;
  }
  
  .face-primary,
  .face-secondary {
    display: block;
    padding: 0 32px;
    line-height: 64px;
    transition: margin .4s;
  }
  
  .face-primary {
    background-color: var(--main-color);
    color: #fff;
  }
  
  &:hover .face-primary {
    margin-top: -64px;
  }
}

.title{
  color: var(--main-color) !important;
}
.subtitle
{
  color: var(--secondary-color);
}

.skills li .progress{
  background-color: var(--secondary-color);
}

.heading-block h1,
.heading-block h2,
.heading-block h3,
.heading-block h4,
.emphasis-title h1,
.emphasis-title h2 {
	color:var(--main-color)
}

.sub-menu-container{
      min-width: 375px;
}

.download {
    cursor: pointer;
    background-color: var(--secondary-color);
    border: 2px solid var(--secondary-color);
    color: #FFF;
    padding: 3px 6px;
    margin-left: 10px;
    border-radius: 10px;
    line-height: 4.8rem;
}
.download:hover {
    /*transform: scale(1.15);*/
    border: 1px solid var(--main-color-subtle);
    color: #FFF;
}
.card-hover:hover{
  /*transform: translateY(-4px);*/
}

/* Slick */
.slick-dots li button:before{
  color: var(-main-color) !important;
}
.slick-dots li.slick-active button:before{
  color: var(--main-color-subtle) !important;
}

 .opacity-85,.opacity-85 img {
  opacity: 0.85;
 }

 .list-group li {
  margin-bottom: 15px;
  line-height: 1.5;
  text-align: justify;
 }

 /*
.sub-menu-container {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100vw;
  background: #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  z-index: 999;
}

.sub-menu:hover > .sub-menu-container {
  display: block;
}*/

/* Keep content aligned with Bootstrap container 
.sub-menu-container > .container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 15px;
}*/

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

.container-title {
  max-width: 500px;
  background: #FFF;
  opacity: 0.6;
}

#page-title .container-title  h1, #page-title .container-title  span 
{
    color: #000;
}

.accordion-button.no-arrow::after {
  background-image: none !important;
}

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