/*
    Theme Name: Tema Virtual Office
    Theme URI: https://vog365.com
    Author: Alexander Rodriguez
    Author URI: https://tuweb.com
    Description: Tema para virtual office group C.A
    Version: 1.0
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Text Domain: vog
*/

:root{
    --bs-icon-link-transform: translate3d(0, -.125rem, 0);
    --bs-btn-bg: #005ee8 !important;
    --bs-btn-bg-secondary: #2a2a2a !important;
    --bs-btn-border-color: #005ee8 !important;

    --bs-bg: #000a28;
}

.btn-primary{

  border-color: var(--bs-btn-bg);
  background-color: var(--bs-btn-bg);
}

.btn-secondary{

  border-color: var(--bs-btn-bg-secondary);
  background-color: var(--bs-btn-bg-secondary);
}

.bg-primary{
  background-color: var(--bs-btn-bg);
}

body{

   scrollbar-width: thin;
}

@font-face {
    font-family: "Gotham Medium";
    src: url('./assets/webfonts/gotham-medium.woff');
}

@font-face {
    font-family: "Gotham Light";
    src: url('./assets/webfonts/gotham-light.woff');
}

h1,h2,h3,h4,h5,h6{
    font-family: "Gotham Medium";
}

p{
  font-family: "Gotham Light";
}

a{
  font-family: "Gotham Light";
}

.font-light{
  font-family: "Gotham Light" !important;
}
.font-medium{
  font-family: "Gotham Medium" !important;
}

option,select,input{
   font-family: "Gotham Light" !important;
}

button{
  font-family: "Gotham Medium";
}

body{
  font-family: "Gotham Medium";
  scroll-behavior: smooth;
}


.header-about{

    background: url("./assets/img/somos.webp");
    background-size: cover;
    background-repeat: no-repeat;
}

.header-services{

    background: url("../img/servicios.webp");
    background-size: cover;
    background-repeat: no-repeat;
}

.header-erp{
    background-size: cover;
    background-repeat: no-repeat;
     background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("./assets/img/erp.avif")
}

.header-crm{
    background-size: cover;
    background-repeat: no-repeat;
     background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("./assets/img/commerce.avif")
}

.header-ia{
    background-size: cover;
    background-repeat: no-repeat;
     background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("./assets/img/ia.avif")
}


.hero-expertos{
    background-size: cover;
    background-repeat: no-repeat;
    min-height: fit-content;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("./assets/img/microsoft-expert.avif")
}

.header-home{

    background: url("./assets/img/inicio.webp");
    background-size: cover;
    background-repeat: no-repeat;
}

.header-resources{

    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("./assets/img/recursos.avif");
    background-size: cover;
    background-repeat: no-repeat;
}

.hero-industrias{
     background-size: cover;
    background-repeat: no-repeat;
    min-height: fit-content;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("./assets/img/sector.avif")
}

.hero-customer{
     background-size: cover;
    background-repeat: no-repeat;
    min-height: fit-content;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("./assets/img/clientes.avif")
}

.hero-equipos{
     background-size: cover;
    background-repeat: no-repeat;
    min-height: fit-content;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("./assets/img/equipos.avif")
}

 .header-contact{

        background: url('./assets/img/contacto.webp');
        background-size: cover;
        background-repeat: no-repeat;
    }

.font-text-1{
    font-size: 1rem;
}

.font-text-1-1{
    font-size: 1.1rem;
}

.navbar-toggler{
    border: 0 !important;
}

.vh-50{

    height: 50vh !important;
}

.vw-50{
    width: 50vw;
}

.vw-25{
    width: 25vw;
}

@media (max-width: 576px) {

    .width-auto{
        width: auto !important;
    }

    .header-home{

        background: white;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .header-contact{

        background: white;
        background-size: cover;
        background-repeat: no-repeat;
    }
}

.accordion-button:not(.collapsed){
    border: 0;
    background-color: transparent;
    box-shadow: none;
}

.accordion-button:focus{

    box-shadow: none;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(300px);
  }
  to {
    opacity: 1;
  }
}

.animation-fade-in-right{
     animation: fadeInRight 0.7s ease-in-out;
}

.bs-timeline {
  max-width: 90%;
  padding-top: 20px;
  margin: 0 auto;
}

#tl-btn-1-thin::before,
#tl-btn-2-thin::before,
#tl-btn-3-thin::before,
#tl-btn-4-thin::before {
  content: "";
  display: block;
  position: absolute;
  width: 22px;
  height: 22px;
  padding: 0;
  margin: 0;
  left: -38px;
  border: 3px solid White;
  outline: 1px solid DimGrey;
  background-color: White;
  border-radius: 50%;
  transition: all 0.25s ease;
}

#tl-btn-1-thin:not(.collapsed) {
  color: DodgerBlue;
  background-color: White !important;
  border: 1px solid DodgerBlue;
  &::before {
    background-color: DodgerBlue;
    outline-color: DodgerBlue;
  }
  &::after {
    filter: invert(48%) sepia(32%) saturate(5795%) hue-rotate(192deg)
      brightness(101%) contrast(102%);
  }
}

#tl-btn-2-thin:not(.collapsed) {
  color: DodgerBlue;
  background-color: White !important;
  border: 1px solid DodgerBlue;
  &::before {
    background-color: DodgerBlue;
    outline-color: DodgerBlue;
  }
  &::after {
    filter: invert(48%) sepia(32%) saturate(5795%) hue-rotate(192deg)
      brightness(101%) contrast(102%);
  }
}

#tl-btn-3-thin:not(.collapsed) {
  color: DodgerBlue;
  background-color: White !important;
  border: 1px solid DodgerBlue;
  &::before {
    background-color: DodgerBlue;
    outline-color: DodgerBlue;
  }
  &::after {
    filter: invert(48%) sepia(32%) saturate(5795%) hue-rotate(192deg)
      brightness(101%) contrast(102%);
  }
}

#tl-btn-4-thin:not(.collapsed) {
  color: DodgerBlue;
  background-color: White !important;
  border: 1px solid DodgerBlue;
  &::before {
    background-color: DodgerBlue;
    outline-color: DodgerBlue;
  }
  &::after {
    filter: invert(48%) sepia(32%) saturate(5795%) hue-rotate(192deg)
      brightness(101%) contrast(102%);
  }
}

#item-1-thin,
#item-2-thin,
#item-3-thin,
#item-4-thin {
  border-left: 1.5px solid DimGrey;
  border-bottom: 0px;
  border-top: 0px;
  border-right: 0px;
  padding-left: 25px;
  padding-bottom: 20px;
  border-radius: 0px;
}


.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display:none;
    display: none;
    z-index: 100;
}

.carousel{
  min-width: 100%;
  min-height: 50vh;
}

@media (max-width: 767px) {

    .carousel{
        min-width: 100%;
         min-height: auto;
      }
}

.container-carousel{
  min-height: 45%;
}

.carousel-control-next, .carousel-control-prev{

  width: 30px ;
}