html {
    scroll-behavior: smooth;
  }
  @font-face {
    font-family: 'Tw Cen MT Regular';
    src: url('font/tcm______1-webfont.woff') format('woff'),
         url('font/tcm______1-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
  
  }
  
body{
    background-color: black;
    font-family:'Tw Cen MT Regular';
}
.mt-100{
    margin-top: 100px;;
}

.text-para{
    color:#fff;
    font-size: 17px;;
}
.pt-50{
    padding-top: 40px;;
}
.navbar-expand-sm{
    margin-top: 3em;
}
.pb-10{
    padding-bottom: 10px;
}
.mb-100{
    margin-bottom: 100px;;
}
.form-label{
    color:#fff;
}
.form-heading{
 color:#fff;
}
a{
    color:#fff;
    text-decoration: none;
}
.pt-100{
    padding-top: 100px;
}

.video-text{
    color: #fff;
    padding-top: -2em!important;
}

@media only screen and (max-width: 768px) {
    .text-main{
        font-size: 60px;
    color: #fff;
    line-height: 63.6px;    
    }
    .mt-50{
        margin-top: 20px !important;;
    }
}
.mb-20{
    padding-bottom: 22px;
}
.mt-50{
    margin-top:40px;
}

@media screen and (min-width: 1600px) {
    #main-part {
      height: 40vh!important;;
    }
    #main-part-row{
        margin-top: 20vh;
    }
    #work {
        height: 70vh!important;;
      }
      #work-row  {
        margin-top: 20vh;
        margin-bottom: 20vh;
      }
      #contact {
        height: 80vh!important;;
      }
      #contact-row{
        margin-top: 30vh;
        margin-bottom: 30vh;
    }
  }


  only screen and (min-width:786px) and (max-width:1080px){

    .video-text{
        color: #fff;
        padding-top: -5em!important;
    }

    .text-main {
        font-size: 74px!important;
        color: #fff!important;
        line-height: 70px!important;
    }

    p {
        margin-top: -6em;
        color: #fff;
    }

  }

.nav-link{
    color: #fff;
}
.nav-link:hover{
    color: #f7c200;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    background-color: #f7c200;
}

@media screen and (min-width: 1200px) {
.text-main{
    font-size: 100px;
    color:#fff!important;
    line-height: 90px;
}
h1{
    color: #fff!important;
}}

.text-main{
    color:#fff!important;  
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #ffc107 #000000;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 16px;
  }

  *::-webkit-scrollbar-track {
    background: #000000;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #ffc107;
    border-radius: 10px;
    border: 3px solid #ffc14d;
  }