:root {
    --ticketman-orange: #ED1C24;
    --ticketman-faded: #4F4F4F;
    --ticketman-blue: #56CCF2;
    --ticketman-grey: #BDBDBD;


}

body{
    color: #333333;
    font-family: Inter;
    font-style: normal;
}

*{
    color: #333333;
    font-family: Inter;

}


#content{
    background: #E5E5E5;
    padding-bottom: 5em;
}

h1{
    font-style: normal;
    font-weight: 600;
    font-size: 64px;
    line-height: 72px;
}

h2{
    font-style: normal;
    font-weight: 600;
    font-size: 64px;
    line-height: 72px;
}

h3{
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 48px;
}

h5{
    font-weight: 600;
    font-size: 36px;
    line-height: 48px;
}

article{
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 28px;
}

p{
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 32px;
    /* or 133% */
    }


    .m-6{
        margin: 6em;
    }

.t-orange-color{
  color: var(--ticketman-orange);
}

.bg-light {
    background-color: #ffffff!important;
}

.navbar-light .navbar-nav .nav-link {
    font-family: Inter;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */
color: #333333;
margin-right: 2em;
}

.nav-item.active .nav-link{
    color:  #ED1C24 !important;
}
.navbar-nav{
    padding-left: 28%;
}
#header{
    padding: 1em 4em;

}

#content>header{
    padding: 6em 1em 1em 6em;

}

#content>article{
    padding:1em 6em;
}
#content>section#idea{
    font-weight: normal;
    font-size: 34px;
    line-height: 44px;
    text-align: center;
    background: #4f4f4f15;
    /* opacity: 0.2; */
    margin-top: 2em;
    padding: 2em calc(25%);
    color:var(--ticketman-faded)
}

#content>section#ease{
    position: relative;
    min-height: 80vh;
    background: url(../images/ease.png);
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
}

#content>section#ease>div{
    padding:3em 6em;
    background: #000000a9;
    min-height: 80vh;
    border-radius: 20px;
   
}

#content>section#ease>div p{
    margin-top: 3em;
    font-weight: 500;
    font-size: 38px;
    line-height: 46px;
    color: #ffffff;
}

#content>section#mission .col-md-6>div{
    box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 5em;
}

#content>section#mission .col-md-6>div.card-blue{
    background: #56cbf23a;
}

#content>section#mission .col-md-6>div.card-orange{
    background: #e31e0015;
}

#content>section#mission p{
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 32px; }


#content>section#product h3{
   margin-bottom: 1.5em;
}





#content>section#product p.small{
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
     }


#content>section#product .prod-image{
    position: relative;
    height: 100vh;
}
#content>section#product .prod-image img:nth-child(1){
    position: absolute;
    z-index: 3;
    top: 0%;
    right: 3%;
    height: 350px;
}
#content>section#product .prod-image img:nth-child(2){
    position: absolute;
    z-index: 3;
    top: 20%;
    left: 0%;
    height: 350px;

}
#content>section#product .prod-image img:nth-child(3){
    position: absolute;
    z-index: 3;
    bottom: 0%;
    right: 10%;
    height: 350px;

}
#content>section#growth button{
    color: #ffffff;
    background: linear-gradient(311.34deg, #ED1C24 4.2%, #F58220 77.2%) !important;
    border-radius: 4px;

}




#content>header>.row>div>h2{
    margin-top: 2em;
    color: var(--ticketman-grey);
}
#content>header>.row>div>p{
  
}

#content>header>.row>div.col-md-7{
    position: relative;
    height: 80vh;
    background: url(../images/header-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
}
#content>article div.col-md-7>ul>li{
    /* color: var(--ticketman-grey); */
    list-style-image: url();
    background: url(../images/list-image.png) no-repeat 7px 7px transparent;
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 1px 64px;
    vertical-align: middle;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 1.5em;
}

#content>article div.col-md-7>ul>li{
    /* color: var(--ticketman-grey); */
   
}

@media only screen and (max-width: 767px) {
    h1{
        font-style: normal;
        font-weight: 600;
        font-size: 34px;
        line-height: 72px;
    }
    
    h2{
        font-style: normal;
        font-weight: 600;
        font-size: 30px;
        line-height: 72px;
    }
    
    h3{
        font-style: normal;
        font-weight: 600;
        font-size: 26px;
        line-height: 48px;
    }

    h3{
        font-style: normal;
        font-weight: 600;
        font-size: 28px;
        line-height: 35px;
    }

    h4{
            margin-bottom: .5rem;
            font-weight: 500;
            line-height: 1.2;
            font-size: 18px;

    }

    h5{
        font-weight: 600;
        font-size: 16px;
        line-height: 28px;
    }
    
    article{
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 28px;
    }
    
    p{
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 32px;
        /* or 133% */
        }
    
    
        .m-6{
            margin: 2em;
        }
        .mt-6{
            margin-top: 1em;
        }
        
        .mb-6{
            margin-bottom: 1em;
        }

        #header {
            padding: 1em 1.5em;
        }

        .navbar-nav{
            padding-left: 0%;
        }

        #content>header>.row>div.col-md-7{
            height: 40vh;
        }
        #content>header{
            padding: 2em 1em 1em 1em;
        }

        #content>article{
            padding:1em 2em 1em .5em;
        }

        #content > article div.col-md-7 > ul > li {
            list-style-image: url(style.css);
            background: url(../images/list-image.png) 7px 7px no-repeat transparent;
            list-style-type: none;
            margin: 0px 0px 1.5em;
            padding: 0px 0px 1px 64px;
            vertical-align: middle;
            font-size: 16px;
            line-height: 28px;

        }

        #content > section#ease > div {
            padding: 2em 3em;
            background: rgba(0, 0, 0, 0.663);
            min-height: 80vh;
            border-radius: 20px;
        }

        #content > section#ease > div p {
            margin-top: 3em;
            font-weight: 500;
            font-size: 17px;
            line-height: 46px;
            color: rgb(255, 255, 255);
        }

        #content > section#mission .col-md-6 > div {
            border-radius: 20px;
            padding: 2em;
            margin-bottom: 1.5em;
        }
        

        #content > section#mission p {
            font-size: 18px;
            line-height: 30px;
        }

        #content > section#product p.small {     
    font-size: 16px;
    line-height: 28px;    
        }

        #content > section#product h3 {
            font-size: 33px;
            line-height: 30px;
            margin-bottom: 0em !important;
        }

        .hide-on-mobile{
            display: none;
        }

        #growth form {
            margin-left: 0em !important;
        }

        #growth form button {
            display: block;
            margin: auto;
        }
}

@media only screen and (max-width: 1024px) {
    .hide-on-tablet{
        display: none;
    }
}