
/*body {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }

p {
  color: #b3b3b3;
  font-weight: 300; }
*/

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200&family=Roboto:wght@500&display=swap');

h1, .h2{
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0.3px;
}

h4, .h5, .h6,
.h3, .h4, .h5, .h6 {
  font-family: 'Oswald', sans-serif; }

a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; }
  /*a, a:hover {
    text-decoration: none !important; }*/

.content_carousel {
  padding: 3rem 0; }

  .content_carousel-wcard {
    padding: 3rem 0; }

.used-in{
	margin-left:1%;
	display:none;
	position:relative;
	background-color: transparent;
	border-radius: 8px;
	width: 98%;
	max-width:100vw;
	height:250px;
 /* box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1; 
}

.used-in-wcard{
	margin-left:1%;
	display:block;
	position:relative;
	background-color: transparent;
	border-radius: 8px;
	width: 98%;
	max-width:100vw;
	height:250px;
 /* box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1; 
}



h2 {
  font-size: 20px; }

  h1.op-carousel{
    font-size: 3vw;
    color: rgb(0, 0, 0);
    font-family: Helvetica;
    font-weight: 200;
    text-align: center;
    margin-top: 8%;
    
}

.bg-left-half {
  position: relative; }
  .bg-left-half:before {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    content: "";
    left:0;
    top: 0;
    background-color: #F1F1F1; 
  }


  .bg-left-half-wcard {
    position: relative; }
    .bg-left-half-wcard:before {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: -1;
      content: "";
      left:0;
      top: 0;
      background-color: #F1F1F1; 
    }
  

.media-29101 img {
  margin-top:10%;
  margin-left:10%;
  z-index:1;
     }


.media-29101 h3 {
  font-size: 18px;
  font-weight: 900 !important; }
  .media-29101 h3 a {
    color: #6c757d; }


.owl-2-style .owl-nav {
  display: none; }

.owl-2-style .owl-dots {
  text-align: center;
  position: relative;
  bottom: -30px; }
  .owl-2-style .owl-dots .owl-dot {
    display: inline-block; }
    .owl-2-style .owl-dots .owl-dot span {
      margin-top:15px;
      display: inline-block;
      width: 15px;
      height: 3px;
      border-radius: 0px;
      background: #cccccc;
      -webkit-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
      -o-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
      transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
      margin: 5px; }
    .owl-2-style .owl-dots .owl-dot.active span {
     background-color: rgb(25, 122, 30); }
    .owl-2-style .owl-dots .owl-dot:active, .owl-2-style .owl-dots .owl-dot:focus {
      outline: none; }
 
    
      

      @media screen and (max-width: 820px){
    
        .media-29101 img {
          margin-top:20%;
          margin-left:10%;
          z-index:1;
             }

             .content_carousel {
              padding: 0; }

              .used-in{
                max-width:100vw;
                height:150px;
                margin-left:1%;
                display:block;
                position:relative;
                background-color: transparent;
                border-radius: 8px;

               /* box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
                z-index:-1; 
              }

              .owl-2-style .owl-dots {
                display:none;}
               
}

