@font-face {
    font-family: 'Kanit-Bold';
    src: url('../fonts/Kanit-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Kanit-Medium';
    src: url('../fonts/Kanit-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Kanit-Regular';
    src: url('../fonts/Kanit-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Kanit-SemiBold';
    src: url('../fonts/Kanit-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'nes_controller_cad';
    src: url('../fonts/nes_controller_cad.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }


body{overflow-x: hidden;}
button:focus{outline:0!important;}
button{border: 0;}

/*HOME PAGE CSS*/
.main-sec{background-color: #191919;}
.pink-btn{background-color: #FF227A;padding:10px 30px;color:#fff;font-size: 14px;font-family: 'Kanit-Medium';
clip-path: polygon(10% 0, 50% 0, 53% 11%, 56% 0, 100% 0, 100% 46%, 90% 100%, 12% 100%, 9% 90%, 6% 100%, 0 100%, 0 48%);}  
button.pink-btn a:hover,.pink-btn a{text-decoration: none;color:#fff;}
.blue-btn{background-color: #1A4DE1;padding:10px 30px;color:#fff;font-size: 14px;font-family: 'Kanit-Medium';
  clip-path: polygon(10% 0, 50% 0, 53% 11%, 56% 0, 100% 0, 100% 46%, 90% 100%, 12% 100%, 9% 90%, 6% 100%, 0 100%, 0 48%);}  
button.blue-btn a:hover,.blue-btn a{text-decoration: none;color:#fff;}

.header-n{background-color: #FF227A;padding:10px 10px 20px 10px;}  
.social-icons{display: flex;justify-content:center;align-items: center;padding-bottom: 10px;}
.m-btns {display: flex;padding-top:30px;}
.pink-sec{margin-right:20px;}
.aww-middle .m-left .heading h2{font-size:30px;color: #FCEE35;font-family: 'nes_controller_cad';line-height: 1;}
.aww-middle{background:url(../images/aww-middle.png);background-repeat: no-repeat;background-size: cover;
background-position: top center;padding:100px 50px 50px 50px;margin-top:-26px;height: 87vh;}
.m-left {display: flex;align-items: center;height: 100%;padding-left:60px;}
.footer-sec{background-color: #191919;padding:10px;border-top:1px solid #333;}
.footer-sec p{font-size: 13px;color: #fff;text-align: center;margin-bottom: 0;}
.aww-left-text {position: absolute;left: 0;top:68px;}
.social-icons img {margin: 0 7px;}
.aww-left-text img{height: 90vh;}


@media (min-width:1600px){
  .aww-middle .m-left .heading h2{font-size: 40px;}
  .m-right img {width: 480px;}
  .pink-btn,.blue-btn{padding:10px 40px;font-size: 17px;}
  .aww-middle-sec {display: flex;align-items: center;height:70vh;}
  .aww-middle{height: 89vh;}
  .aww-left-text img{height: 91vh;}

}

@media (max-width:480px){
  .aww-middle-sec{display: flex;flex-direction: column-reverse;}
  .aww-middle{padding:15px;}
  .m-right {padding: 25px;}
  .m-left{text-align: center;padding-left: 0;}
  .aww-middle .m-left .heading h2{font-size: 26px;line-height: 1;}
  .m-btns{display: block;padding-top:15px;}
  .pink-sec{margin-bottom:15px;}
  button.pink-btn,button.blue-btn {width: 100%;}
  .pink-btn,.blue-btn{padding:15px 20px;}
  .aww-left-text {display: none;}
}