@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.eot');
    src: local('Montserrat Light'), local('Montserrat-Light'),
    url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Light.woff') format('woff'),
    url('../fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Thin.eot');
    src: local('Montserrat Thin'), local('Montserrat-Thin'),
    url('../fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Thin.woff') format('woff'),
    url('../fonts/Montserrat-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.eot');
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
    url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-SemiBold.woff') format('woff'),
    url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}


@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraLight.eot');
    src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'),
    url('../fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-ExtraLight.woff') format('woff'),
    url('../fonts/Montserrat-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.eot');
    src: local('Montserrat Bold'), local('Montserrat-Bold'),
    url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Bold.woff') format('woff'),
    url('../fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: local('Montserrat Regular'), local('Montserrat-Regular'),
    url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Regular.woff') format('woff'),
    url('../fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.eot');
    src: local('Montserrat Medium'), local('Montserrat-Medium'),
    url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Medium.woff') format('woff'),
    url('../fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.eot');
    src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'),
    url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
    url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Black.eot');
    src: local('Montserrat Black'), local('Montserrat-Black'),
    url('../fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Black.woff') format('woff'),
    url('../fonts/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}


h1,h2,h3,h4,h5,p,span,li,label{
	font-family: 'Montserrat', sans-serif;
}
h2{
	color: #1A1A1A;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 75%;
}
.content-div{
	padding: 24px 61px;
	border-radius: 40px;
	border: 1px solid  #BABABA;
	background: #F8F8F8;
	box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.20);
}

.price{
	background: linear-gradient(95deg, #775AFA 0.44%, rgba(119, 90, 250, 0.70) 23.27%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-align: center;
    line-height: 35px;
}
.form-control{
	border-radius: 60px;
border: 1px solid #BABABA;
background: #FFF;
}
button{
	border-radius: 60px;
	border: 0.4px solid #8F6CF8;
	background: linear-gradient(95deg, #775AFA 0.44%, rgba(119, 90, 250, 0.70) 23.27%);
	box-shadow: 4px 4px 4px 0px rgba(255, 255, 255, 0.25) inset;
	text-transform: uppercase;
}

/* timer */
.timer-div{
	    display: flex;
	    position: relative;
	    justify-content: center;
	    width: inherit;
	    margin: auto;
	}
	.timer--clock{
	  width: 182px;
      position: relative;
      margin: auto;
      padding-left: 6px;
      margin-top: 22px;
      overflow: hidden;
	
	}	

	.timer {
	   width: 100%;
	   /* height: 200px; */
	   display: block;
	   /* position: absolute; */
	   
	   color: #292929 !important;
   }
  .timer h3 {
      width: 100%;
      font-size: 26px;
      letter-spacing: 4px;
      text-align: center;
   }
   .clock-display-grp {
         width: 100%;
         position: relative;
		}
		 .number-grp {
            width: auto;
            display: block;
            height: 156px;
            float: left;
            overflow: hidden;
        }
         .number-grp {
            width: auto;
            display: block;
            height: 75px;
            float: left;
            overflow: hidden;
		}
        .number-grp-wrp {
            width: 100%;
            position: relative;
		}
        .num {
            width: 100%;
            position: relative;
            height: 156px;
        }
        .timer  p {
            width: auto;
            display: table;
            font-size: 60px;
            line-height: 50px;
            /* font-weight: bold; */
        }
        .clock-separator {
      	    width: auto;
         	float: left;
            display: block;
            height: 75px;
     }
     .clock-separator p{
     	 width: auto;
            display: table;
            font-size: 60px;
            line-height: 50px; 
            /* font-weight: bold; */
     }
     .error{
         color: red;
         font-size: 11px;
     }
/* timer end */
@media (max-width: 540px){
    .content-div{
        border-radius: 0;
            padding: 24px 20px
    }
    .container.mb-5{
        margin-bottom: 0;
    }
}