body {
    font-family: 'Rubik', sans-serif;
  }

.nav-numbers .slider-number-a{
  text-decoration:none !important;  
}
  
  .nav-numbers{
    position: absolute;
    z-index: 999;
    top: 150px;
    left: 20px;
    cursor: pointer;
  }

  .nav-numbers .slider-number-a{
  
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    color: rgba(0,0,0,0.2);
    transition: 0.3s;
    padding-left: 40px;
    border-left: 3px solid rgba(23,70,123,0);
    
  }

  .nav-numbers .slider-number-a.active{
    color: #17467B;
    font-weight: bold;
    opacity: 1;
    border-left: 3px solid rgb(23,70,123);
  }

  
  .nav-numbers .slider-number-a:hover{
    color: rgb(23,70,123);
    opacity: 1;
    
  }

  .cv-carousel{
   
    position: relative !important;
  }
  
  .cv-carousel .row{
    position: relative !important;
  }

  .custom-item.item{
    position: relative !important;
  }


  /* General */

  @media only screen and (max-width: 374px) {
  
    .cv-carousel{
      height: 100vh !important;
    }
    
    .custom-item.item{
      height: 100vh !important;
  
    }
  
    .custom-item{
      text-align: center !important;
      width: 100%;
      height: 100vh;
      position: relative;
      margin-right: 0px;
      margin-left: 0px;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
    }
  
    .custom-item .text-container{
      position: absolute;
      top: 250px !important;
    }
  
    .custom-item .image-container{
      position: absolute;
      right: 50px !important;
      top: 0px !important;
      
    }
  
    .custom-item .image-container img{
      width: 200px !important;
    }
  
    .custom-item h2{
      
      font-size: 24px;
      font-weight: 600;
      color: #262626;
  
    }
  
    .custom-item p{
      font-size: 14px;
      color: #4a4a4a;
      font-weight: 400;
      line-height: 26px;
    }
  
    .custom-item .btn-default{
      background-color: transparent;
      border: 1px solid black;
      position: relative;
      margin-top: 10px !important;
      font-size: 10px;
      font-weight: 500;
      color: black;
      width: 150px;
      padding-top: 12px;
      padding-bottom: 12px;
      border-radius: 2px;
    }

    .nav-numbers{
      position: absolute;
      z-index: 999;
      top: 20px !important;
      left: 20px;
      cursor: pointer;
    }
  
    .nav-numbers .slider-number-a{
    
      display: block;
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 20px;
      color: rgba(0,0,0,0.2);
      transition: 0.3s;
      padding-left: 10px !important; 
      border-left: 3px solid rgba(23,70,123,0);
      
    }
  
  }


  @media only screen and (min-width: 375px) and (max-width: 539px) {
  
    .cv-carousel{
      height: 90vh !important;
    }
    
    .custom-item.item{
      height: 90vh !important;
  
    }
  
    .custom-item{
      text-align: center !important;
      width: 100%;
      height: 90vh;
      position: relative;
      margin-right: 0px;
      margin-left: 0px;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
    }
  
    .custom-item .text-container{
      position: absolute;
      top: 320px !important;
    }
  
    .custom-item .image-container{
      position: absolute;
      right: 60px !important;
      top: 0px !important;
      
    }
  
    .custom-item .image-container img{
      width: 250px !important;
    }
  
    .custom-item h2{
      
      font-size: 24px;
      font-weight: 600;
      color: #262626;
  
    }
  
    .custom-item p{
      font-size: 14px;
      color: #4a4a4a;
      font-weight: 400;
      line-height: 26px;
    }
  
    .custom-item .btn-default{
      background-color: transparent;
      border: 1px solid black;
      position: relative;
      margin-top: 10px !important;
      font-size: 10px;
      font-weight: 500;
      color: black;
      width: 150px;
      padding-top: 12px;
      padding-bottom: 12px;
      border-radius: 2px;
    }
  


    .nav-numbers{
      position: absolute;
      z-index: 999;
      top: 20px !important;
      left: 20px;
      cursor: pointer;
    }
  
    .nav-numbers .slider-number-a{
    
      display: block;
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 20px;
      color: rgba(0,0,0,0.2);
      transition: 0.3s;
      padding-left: 10px !important; 
      border-left: 3px solid rgba(23,70,123,0);
      
    }

  }



  @media only screen and (min-width: 540px) and (max-width: 767px) {
  
    .cv-carousel{
      height: 90vh !important;
    }
    
    .custom-item.item{
      height: 90vh !important;
  
    }
  
    .custom-item{
      text-align: center !important;
      width: 100%;
      height: 90vh;
      position: relative;
      margin-right: 0px;
      margin-left: 0px;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
    }
  
    .custom-item .text-container{
      position: absolute;
      top: 310px !important;
    }
  
    .custom-item .image-container{
      position: absolute;
      right: 150px !important;
      top: 0px !important;
      
    }
  
    .custom-item .image-container img{
      width: 250px !important;
    }
  
    .custom-item h2{
      
      font-size: 24px;
      font-weight: 600;
      color: #262626;
  
    }
  
    .custom-item p{
      font-size: 14px;
      color: #4a4a4a;
      font-weight: 400;
      line-height: 26px;
    }
  
    .custom-item .btn-default{
      background-color: transparent;
      border: 1px solid black;
      position: relative;
      margin-top: 10px !important;
      font-size: 10px;
      font-weight: 500;
      color: black;
      width: 150px;
      padding-top: 12px;
      padding-bottom: 12px;
      border-radius: 2px;
    }
  


    .nav-numbers{
      position: absolute;
      z-index: 999;
      top: 20px !important;
      left: 20px;
      cursor: pointer;
    }
  
    .nav-numbers .slider-number-a{
    
      display: block;
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 20px;
      color: rgba(0,0,0,0.2);
      transition: 0.3s;
      padding-left: 10px !important; 
      border-left: 3px solid rgba(23,70,123,0);
      
    }

  }


  @media only screen and (min-width: 768px) and (max-width: 1023px) {
	  
	  .cv-carousel{
      height: 550px !important;
    } 
    
    .custom-item.item{
      height: 550px !important;
  
    }
  
    .custom-item{
  
      width: 100%;
      height: 450px !important;
      position: relative;
      margin-right: 0px;
      margin-left: 0px;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
    }
  
    .custom-item .text-container{
      position: absolute;
      top: 70px !important;
    }
  
    .custom-item .image-container{
      position: absolute;
      right: 20px;
      top: 90px !important;
      
    }
  
    .custom-item .image-container img{
      width: 350px !important;
    }
  
    .custom-item h2{
      
      font-size: 24px;
      font-weight: 600;
      color: #262626;
  
    }
  
    .custom-item p{
      font-size: 14px;
      color: #4a4a4a;
      font-weight: 400;
      line-height: 26px;
    }
  
    .custom-item .btn-default{
      background-color: transparent;
      border: 1px solid black;
      position: relative;
      margin-top: 20px !important;
      font-size: 10px;
      font-weight: 500;
      color: black;
      width: 150px;
      padding-top: 12px;
      padding-bottom: 12px;
      border-radius: 2px;
    }

    .nav-numbers{
      position: absolute;
      z-index: 999;
      top: 30px !important;
      cursor: pointer;
      left: 90vw;
    }
  
    .nav-numbers .slider-number-a{
    
      display: block;
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 20px;
      color: rgba(0,0,0,0.2);
      transition: 0.3s;
      padding-left: 10px !important; 
      border-left: 3px solid rgba(23,70,123,0);
      
    }
 
  }
  
  
  
  @media only screen and (min-width: 1024px) and (max-width: 1365px) {
	  
	  .cv-carousel{
      height: 650px !important;
    } 
    
    .custom-item.item{
      height: 650px !important;
  
    }
  
    .custom-item{
  
      width: 100%;
      height: 650px !important;
      position: relative;
      margin-right: 0px;
      margin-left: 0px;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
    }
  
    .custom-item .text-container{
      position: absolute;
      top: 70px !important;
    }
  
    .custom-item .image-container{
      position: absolute;
      right: 10px;
      top: 90px !important;
      
    }
  
    .custom-item .image-container img{
      width: 500px !important;
    }
  
    .custom-item h2{
      
      font-size: 24px;
      font-weight: 600;
      color: #262626;
  
    }
  
    .custom-item p{
      font-size: 14px;
      color: #4a4a4a;
      font-weight: 400;
      line-height: 26px;
    }
  
    .custom-item .btn-default{
      background-color: transparent;
      border: 1px solid black;
      position: relative;
      margin-top: 20px !important;
      font-size: 10px;
      font-weight: 500;
      color: black;
      width: 150px;
      padding-top: 12px;
      padding-bottom: 12px;
      border-radius: 2px;
    }

    .nav-numbers{
      position: absolute;
      z-index: 999;
      top: 30px !important;
      cursor: pointer;
      left: 90vw;
    }
  
    .nav-numbers .slider-number-a{
    
      display: block;
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 20px;
      color: rgba(0,0,0,0.2);
      transition: 0.3s;
      padding-left: 10px !important; 
      border-left: 3px solid rgba(23,70,123,0);
      
    }
 
  }


  

  @media only screen and (min-width: 1366px) and (max-width: 19219px){
    .cv-carousel{
      height: 450px;
    }
    
    .custom-item.item{
      height: 450px;
  
    }
  
    .custom-item{
  
      width: 100%;
      height: 450px;
      position: relative;
      margin-right: 0px;
      margin-left: 0px;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
    }
  
    .custom-item .text-container{
      position: absolute;
         top: 100px;
		left: 0%;
    }
  
    .custom-item .image-container{
      position: absolute;
      right: 50px;
      top: -30px;
      
    }
  
   .custom-item .image-container img {
		width: 60%;
		margin-top: 3%;
		position: relative;
		left: 10%;
	}
  
    .custom-item h2{
      
      font-size: 24px;
      font-weight: 600;
      color: #262626;
  
    }
  
    .custom-item p{
      font-size: 14px;
      color: #4a4a4a;
      font-weight: 400;
      line-height: 26px;
    }
  
    .custom-item .btn-default{
      background-color: transparent;
      border: 1px solid black;
      position: relative;
      margin-top: 30px;
      font-size: 10px;
      font-weight: 500;
      color: black;
      width: 150px;
      padding-top: 12px;
      padding-bottom: 12px;
      border-radius: 2px;
    }
  
    .nav-numbers{
      position: absolute;
      z-index: 999;
      top: 120px !important;
      cursor: pointer;
      left: 60px;
    }
  
    .nav-numbers .slider-number-a{
    
      display: block;
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 20px;
      color: rgba(0,0,0,0.2);
      transition: 0.3s;
      padding-left: 20px !important; 
      border-left: 3px solid rgba(23,70,123,0);
      
    }

  }

  

  @media only screen and (min-width: 1920px){
    .cv-carousel{
      height: 450px;
    }
    
    .custom-item.item{
      height: 450px;
  
    }
  
    .custom-item{
  
      width: 100%;
      height: 450px;
      position: relative;
      margin-right: 0px;
      margin-left: 0px;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
    }
  
    .custom-item .text-container{
      position: absolute;
      top: 100px;
    }
  
    .custom-item .image-container{
      position: absolute;
      right: 50px;
      top: -30px;
      
    }
  
    .custom-item .image-container img{
      width: 400px;
    }
  
    .custom-item h2{
      
      font-size: 24px;
      font-weight: 600;
      color: #262626;
  
    }
  
    .custom-item p{
      font-size: 14px;
      color: #4a4a4a;
      font-weight: 400;
      line-height: 26px;
    }
  
    .custom-item .btn-default{
      background-color: transparent;
      border: 1px solid black;
      position: relative;
      margin-top: 30px;
      font-size: 10px;
      font-weight: 500;
      color: black;
      width: 150px;
      padding-top: 12px;
      padding-bottom: 12px;
      border-radius: 2px;
    }
  
    .nav-numbers{
      position: absolute;
      z-index: 999;
      top: 80px !important;
      cursor: pointer;
      left: 30px;
    }
  
    .nav-numbers .slider-number-a{
    
      display: block;
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 20px;
      color: rgba(0,0,0,0.2);
      transition: 0.3s;
      padding-left: 20px !important; 
      border-left: 3px solid rgba(23,70,123,0);
      
    }

  }
  
  
 .cv-carousel{
      height: 80vh;
    }
    
    .custom-item.item{
      height: 80vh;
  
    }