.sec0_title {
         font-family: 'Rowdies', cursive;
         font-size: 62px !important;
         margin-bottom: 30px;
         color: #000 !important;
         margin-top: 20px;
         font-weight:bold;
		 line-height: 65px;
         }
         .sec0_sub {
         font-family: 'Rowdies', cursive;
         font-size: 36px !important;
         margin-bottom: 0px;
         color: #000 !important;
         margin-top: 40px;
         font-weight:bold;
         }
         .sec0_title_var1 {
         font-family: 'Calistoga', cursive;
         font-size: 62px !important;
         margin-bottom: 30px;
         color: #000 !important;
         margin-top: 40px;
         font-weight:bold;
         }
		 .weeklyupdate{
	font-size: 21px;
    font-weight: 900;
    color: #ff7400;
    padding-top: 5px;
		 }
		 .footer-launch-text {
        color: #4b4b4b;
    font-size: 16px;
    font-family: 'Rowdies';
}
.bannerintrotext{
font-family: 'Bubblegum Sans', cursive; font-size: 36px !important; margin-bottom: 15px;
}
.bannertitle{
font-family: 'Bubblegum Sans', cursive; font-size:130px !important; margin-bottom: 40px;
}
.bannersub{
font-family: 'Bubblegum Sans', cursive; font-size: 62px !important; margin-bottom: 40px;
}
.sec1_title{
font-family: 'Bubblegum Sans', cursive; font-size: 92px !important; margin-bottom: 40px;
}
.sec1_sub{
font-family: 'Bubblegum Sans', cursive; font-size: 36px !important; margin-bottom: 40px;
}
.sec2_title{
font-family: 'Changa One', cursive; font-size: 82px !important; margin-bottom: 30px;
}
.sec2_sub{
font-family: 'Bubblegum Sans', cursive; font-size: 46px !important; margin-bottom: 15px;
}
.sec3_title{
font-family: 'Bubblegum Sans', cursive; font-size: 96px !important; margin-bottom: 40px;
}
.curve-2{
	background-color:#ffffff; transform: rotate(180deg); height:300px;
}
.sec4_title{
font-family: 'Bubblegum Sans'; font-weight:bold; font-size: 82px !important; margin-bottom: 30px;
}
.sec4_sub{
font-family: 'Bubblegum Sans', cursive; font-size: 46px !important; margin-bottom: 15px; color:#7221f1 !important;
}
.sec5_title{
    font-family: 'Bubblegum Sans';
    font-size: 92px !important;
    margin-bottom: 30px;
    color: #fff;
    background-color: #00000063;
}
.sec6_title{
font-family: 'Bubblegum Sans'; font-weight:bold; font-size: 82px !important; margin-bottom: 30px;
}
.sec6_bloghead {
    font-size: 21px !important;
    margin-bottom: 15px;
    font-weight: 500;
    line-height: 35px;

}
.sec6_bloghead:hover{
    font-size: 21px !important;
    margin-bottom: 15px;
    font-weight: 500;
    line-height: 35px;
	color:#853BF7;
	 text-decoration:underline;
}
.pb-homeblog{
	padding-bottom: 100px !important;
    padding-top: 100px;
	
}
.pb-blogs{
	padding-bottom: 100px !important;
    padding-top: 0px;
	
}
.blogs-head {
    line-height: 35px;
    font-size: 24px !important;
}
.blogs-head:hover{
    color:#000;
	text-decoration:underline;
}
.curvedesign{
background-color:#ffffff; height: 200px;
}
.flip-card {
  background-color: transparent;
    width: 100%;
    height: 520px;
    perspective: 1000px;
    display: inline-block;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
border-radius: 30px;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
border-radius: 30px;
}

.flip-card-front {
  color: #000000;
  border-radius: 30px;
}
.flip-card-front img {
    height: 550px;
    box-shadow: 0px 0px 30px 0px #ffffff7d;
}

.flip-card-back {
  color: white;
  transform: rotateY(180deg);
   border-radius: 30px;
}
.flip-card-back img {
 width:400px;
 height:550px;
  box-shadow: 0px 0px 30px 0px #ffffff7d;
}
.bg-dark {
    background-color: #000000 !important;
}
	.btn-success {
    color: #ffffff !important;
    background-color: #7221f1;
    border-color: #7221f1;
	}
		.btn-success::active{
    color: #ffffff !important;
    background-color: #9C9B36;
    border-color: #9C9B36;
	}
	.btn-success::selected{
    color: #ffffff !important;
    background-color: #9C9B36;
    border-color: #9C9B36;
	}
		.navbar {
		padding:10px 0px !important;
		background-color: #fff;
    }
	.btn-success:hover {
    background-color: #9C9B36;
    border-color: #9C9B36;
}
.footer li a{
color:#fff !important;
font-family: 'Bubblegum Sans', cursive;
font-size: 22px;
}
.footer .footertitle{
    color: #ffcd00;
    font-size: 28px !important;
    font-weight: bold;
    font-family: 'Rowdies';
}
.footercopyright{
color:#fff;
font-size: 18px !important;
}
.bg-intro{
position: relative;
			width: 100%;
			height: 750px;
			background-image: url('https://munchkin.ai/assets/img/intro1.jpg');
			background-size: cover;
			background-position: center;
}
.bg-stats{
position: relative;
			width: 100%;
			height: 650px;
			background-image: url('https://munchkin.ai/assets/img/Stats.png');
			   background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.bg-marketplace{
position: relative;
			width: 100%;
			height: 750px;
			background-image: url('https://munchkin.ai/assets/img/intro-banner1.jpg');
			background-size: cover;
			background-position: center;
}
.clip {
  display: inline-block;
  clip-path: circle(100% at 50% -50%);
}
.banbutton{
    background-color: #7221f1;
    color: #fff !important;
    border: 2px solid #7221f1 !important;
    padding: 0.7rem 1rem;
}
.banbutton:hover{
    background-color: #4100a6;
    color: #fff !important;
    border: 2px solid #4100a6 !important;
    padding: 0.7rem 1rem;
}
.scrollbar {
    margin-left: 30px;
    float: left;
    height: 413px;
    width: 238px;
    background: #F5F5F5;
    overflow-y: scroll;
    margin-bottom: 25px;
}
.force-overflow
{
	min-height: 450px;
}
#style-8::-webkit-scrollbar-track
{
	border: 1px solid black;
	background-color: #F5F5F5;
}

#style-8::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#style-8::-webkit-scrollbar-thumb
{
	background-color: #316CF7;	
}
.iti {
         position: relative;
         display: inline-block;
         width: 80%;
         margin-bottom: 15px;
         }
         .iti input{
         border-radius: 5px;
         background-color: #fdfdfd;
         }
         .iti input:focus {
         outline: none;
         box-shadow: 0 0 0 3px hsla(220, 100%, 50%, 80%);
         }
         .dm-width {
         width: 360px;
         margin: 0 auto;
         }
         .iphone-mockup {
         position: relative;
         z-index: 5;
         }
         .dm-device {
         position: relative;
         width: 100%;
         padding-bottom:203.477897%;
         margin-bottom: 20px;
         }
         .device {
         position: absolute;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         width: 100%;
         height: 100%;
         -webkit-background-size: 100% 100%;
         background-repeat: no-repeat;
         background-image: url("https://munchkin.ai/assets/img/Signup-Page-Mobile.png");
         background-size: cover;
         background-position: center center;
         }
         .screen1 {
         overflow: hidden;
         position: absolute;
         top: 18.1%;
         bottom: 20.6%;
         left: 12.49%;
         right: 17.4%;
         }
         .slide {
         width: 320px;
         height: 650px;
         overflow: hidden;
         position: relative;
         }
         .slide > div {
         width: 80%;
         height: 100%;
         background-size: contain;
         position: absolute;
         animation: slide 25s infinite;
         opacity: 0;
         }
         .slide > div:nth-child(2) {
         animation-delay: 5s;
         }
         .slide > div:nth-child(3) {
         animation-delay: 10s;
         }
         .slide > div:nth-child(4) {
         animation-delay: 15s;
         }
         .slide > div:nth-child(5) {
         animation-delay: 20s;
         }
         .scroll-down {
         height: 50px;
         width: 30px;
         border: 2px solid black;
         position: absolute;
         left: 50%;
         bottom: 80px;
         border-radius: 50px;
         cursor: pointer;
         }
         .scroll-down::before,
         .scroll-down::after {
         content: "";
         position: absolute;
         top: 20%;
         left: 50%;
         height: 10px;
         width: 10px;
         transform: translate(-50%, -100%) rotate(45deg);
         border: 2px solid black;
         border-top: transparent;
         border-left: transparent;
         animation: scroll-down 1s ease-in-out infinite;
         }
         .scroll-down::before {
         top: 30%;
         animation-delay: 0.3s;
         /* animation: scroll-down 1s ease-in-out infinite; */
         }
		 		 .slider-flip {
  height: 100%;
}
.slider-flip div {
  height: 100%;
}
         @keyframes slide {
         10% {
         opacity: 1;
         }
         20% {
         opacity: 1;
         }
         30% {
         opacity: 0;
         }
         40% {
         transform: scale(1.1);
         }
         }
         @keyframes scroll-down {
         0% {
         /* top:20%; */
         opacity: 0;
         }
         30% {
         opacity: 1;
         }
         60% {
         opacity: 1;
         }
         100% {
         top: 90%;
         opacity: 0;
         }
         }
@media only screen and (min-width: 320px) and (max-width: 768px){
.sec0_title {
    font-family: 'Rowdies', cursive;
    font-size: 46px !important;
    margin-bottom: 30px;
    color: #000 !important;
    margin-top: 0px;
    font-weight: bold;
    line-height: 50px;
}
.sec0_sub {
font-family: 'Rowdies', cursive;
    font-size: 26px !important;
    margin-bottom: 10px;
    color: #000 !important;
    margin-top: 20px;
    font-weight: bold;
}
    .scroll-down {
         height: 50px;
         width: 30px;
         border: 2px solid black;
         position: absolute;
         left: 50%;
         bottom: 20px;
         border-radius: 50px;
         cursor: pointer;
         }
.px-5 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}
.mt-5 {
    margin-top: 2rem !important;
}
.iti {
    width: 100%;
}
.formarea {
    padding-bottom: 100px;
}
.device {
    left: 10px;
	width:98%;
}
.dm-device {
    margin-bottom: 0px;
}
.bannerintrotext{
font-family: 'Bubblegum Sans', cursive; font-size: 32px !important; margin-bottom: 15px;
}
.bannertitle{
font-family: 'Bubblegum Sans', cursive; font-size:80px !important; margin-bottom: 40px;
}
.bannersub{
font-family: 'Bubblegum Sans', cursive; font-size: 36px !important; margin-bottom: 40px;
}
.sec1_title{
font-family: 'Bubblegum Sans', cursive; font-size: 86px !important; margin-bottom: 40px;
}
.sec1_phone_label{
font-size:15px;
}
.sec2_title{
font-family: 'Changa One', cursive;
    font-size: 52px !important;
    margin-bottom: 30px;
    text-align: center;
    padding-top: 50px;
}
.blogheadtext{
	
}
.sec2_sub{
font-family: 'Bubblegum Sans', cursive; font-size: 44px !important; text-align:center; margin-bottom: 15px;
}
.sec3_title{
font-family: 'Bubblegum Sans', cursive; font-size: 50px !important; margin-bottom: 40px;
}
.curve-2{
	background-color:#ffffff; transform: rotate(180deg); height:120px;
}
.sec4_title{
font-family: 'Bubblegum Sans'; font-weight:bold; font-size: 46px !important; margin-bottom: 30px;
}
.sec4_sub{
font-family: 'Bubblegum Sans', cursive; font-size: 42px !important; margin-bottom: 15px;
}
.sec5_title{
font-family: 'Bubblegum Sans';
    font-size: 60px !important;
    margin-bottom: 30px;
    color: #fff;
    background-color: #00000063;
    padding: 20px;
}
.curvedesign{
background-color:#ffffff; height: 0px;
}
.banbutton {
    background-color: #7221f1;
    color: #fff !important;
    border: 2px solid #7221f1 !important;
    padding: 0.7rem 1rem;
    width: 80% !important;
    margin: 0 auto;
    margin-bottom: 10px;
}
}