/* CSS Document */

body{
    font-size: 18px;
    font-family: sans-serif;
}
.logo{
    width: 130px;
    margin: auto;
}
.h1, .h2, .h3, .h4, .h5{
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-transform: inherit;
    font-family: "DM Serif Text", serif;
}
hr{    border: solid 1px #000;}
.bg-\[\#f0991d\]{
    background-color: #f0991d;
    
}
.brand_sec{
    
}
.content{
    width: 100%;
    position: absolute;
}
.brand_logo{
   
    display: inline;
    padding: 5px;
    filter: grayscale(100%);
  
}
.bx-wrapper{
    margin-bottom: 0px;
}
.brand_logo:hover {
    filter: grayscale(0);
}
.load_more{
    text-align: right;
}
.lg-right{
    text-align: right;
}

.reverse-bg{
    padding: 5px;
    background-color: #000000;
    color: #ffffff;
}

.works .h2{padding-left: 30px;}
.group{overflow: hidden;}
.group img{border-radius: 25px;width: 100%;}

.pb-\[230px\] {
    padding-bottom: 230px;
}

.translate-y-\[225px\] {
    --tw-translate-y: 225px;

transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.teamcard{
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
min-height: 430px;
    }

#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    cursor: pointer;
    background: transparent url(../img/up-arrow.png) center center no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
}

@media (max-width: 768px) {
    .HeroImageTrailBrands{position: inherit;}
    
    footer{text-align: center;}
    .lg-right{text-align: inherit;}
    .ira_logo{width: 40%;}
}
@media (min-width: 1024px) {
    
    .lg\:translate-y-\[100px\]{
       --tw-translate-y:100px;
    }
    .lg\:translate-y-\[200px\]{
       --tw-translate-y:200px;
    }
    
    
    .lg\:translate-y-\[300px\]{
    --tw-translate-y:300px;
     
    }
    
.lg\:translate-y-\[400px\]{
    --tw-translate-y:400px;     
    }
    
       .lg\:pb-\[405px\] {
       padding-bottom: 405px;
    }
    
}