html {
  scroll-behavior: smooth;
}

body{
    background:#FDFEFE ;
    /*font-family:"Raleway";*/
    padding:0;
    margin: 0;
}
/* * body{ padding: 0; margin: 0; }  */


/* border: size style color */
#ind,center{
  border-color: grey;
  box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
  padding-top:1rem;
}

/* Web / iOS / Android = #tabs */
center{
  border-top:none;
  border-bottom: none;

}

/* whole content of input */
#ind{
  background-color: #F5F5F5;
  padding-top: 1rem;
  border-top: none;
}




center p:last-child{
  margin: 0;
}




/* #Web-tab,#Web-tabs{
  background-color: #4fc7ff;
}

#iOS-tab, #iOS-tabs{
  background-color :#F4D03F;
}

#Android-tab,#Android-tabs{
  background-color :#03c9a9;
}

#Android-tab{
  padding-right:0;
}

.tab-space{
  padding-right: 50px;
  color:black;
}

.tab-space:last-child{
  padding-right: 10px;
}

header{
  position: sticky;
  top: 0%;
  background-color: white;
  z-index:1;
} */

.resize {
  width: 100%;
  /* height:300px; */
  border-radius: 50%;
}


button {
	/*font-family: 'Courier';*/
  font-size: 16px;
	background-color: #000;
	color: #fff;
	padding: 10px 20px;
	min-width: 200px;
	border: solid 0px;
	margin: 5px auto;
}


form{
	/*font-family: 'Courier';*/
  color:black;
}

.form-page {
	padding: 10px;
	text-align: center;

  margin:0 10px;
}

@media (min-width: 900px) {

  .form-page {
    padding: 25px;
    text-align: center;

    margin:0 20px;
  }

}

@media (min-width: 1300px) {

  .form-page {
    padding: 50px;
    text-align: center;

    margin:0 40px;
  }

}

.form-page label {
	margin: 20px;
  display: inline-block;
}



/* HIDE RADIO */
.image-choice [type=radio] {
  position: absolute;
  opacity: 0;
  border-radius: 300px;
}

/* IMAGE STYLES */
.image-choice [type=radio] + img {
  cursor: pointer;
}


#industry{
  background-color: white;
  margin-bottom: 10px;
  border-radius: 4px;
}

#engagement{
  background-color: white;
  margin-bottom: 10px;
  border-radius: 4px;
}

#appsize{
  background-color: white;
  margin-bottom :10px;
  border-radius: 4px;
}

#digital{
  background-color: white;
  margin-bottom :10px;
  border-radius: 4px;
}

#uilevel{
  background-color: white;
  margin-bottom :10px;
  border-radius: 4px;
}

#feature{
  background-color :white;
  margin-bottom :10px;
  border-radius: 4px;
}

#billing{
  background-color: white;
  margin-bottom :10px;
  border-radius: 4px;
}

#e{
  background-color:white;
  margin-bottom:10px;
  border-radius: 4px;
}

#secure{
  background-color:white;
  margin-bottom:20px;
  border-radius: 4px;
}

.totals {
  padding: 50px;
}

.well {
  min-height: 20px;
  padding: 19px;
  background-color: white;
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}

.form{
  background-color: white;
  border: 1px  grey ;
  box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
  padding:20px;
  margin-top: 20px;
  font-family:"Raleway";
  font:18px Lato,sans-serif;
  /*margin-bottom:50px;*/
}

.btn{
  background-color: #8cc152;
  margin-bottom:20px;
}

h2{
  font-family:inherit;
}


.checkmark {
  position: relative;
}

.resizes {
  display: none;
}

.checkmark > :first-child  {
  border:8px solid #7be891;
}

/*.resizes{*/
/*  width: 30%;*/
/*  height:30%;*/
/*  border-radius: 50%;*/
/*  right:0;*/
/*  position: absolute;*/
/*}*/

.checkmark .resizes{
  display:inline;
}

.img-div {
  cursor: pointer;
  height: 100%;
}

p{
  margin:0;
}

.card{
  margin:40px;
  margin-bottom:0px;
  margin-top :0px;
  margin-right: 10px;
  margin-left:10px;
}

h2{
  font-family:inherit;
  font-weight: 700;
}

p{
  font-size:20px;
  padding-top: 1rem;
}


  body {
  accent-color: blue;
}

input[type=radio] {
  border-radius: 100%;
  border: 3px solid #FFF;
  cursor:pointer;
}

input[type=checkbox] {
  cursor:pointer;
}



table.responsive-table td {
  line-height: 2em;
  border-collapse: collapse;
  width: 100%;
}

input {
text-align: center;
}

input[type=text], select, textarea, input[type=tel] {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;


}

  .iti__flag {background-image: url("/template/mitech/assets/images/estimate/flags.png");}
.iti { width: 100%; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {background-image: url("/template/mitech/assets/images/estimate/flags@2x.png");}
}


/* data tooltip design */
[data-tooltip] {
  position: relative;
}
[data-tooltip]::before,
[data-tooltip]::after {
  position: absolute;
  display: none;
  opacity: 0.95;
}
[data-tooltip]::before {
  /*
   * using data-tooltip instead of title so we
   * don't have the real tooltip overlapping
   */
  content: attr(data-tooltip);
  background: black;
  color: #fff;
  font-size: 15px;
  padding: 8px;
  border-radius: 5px;
  /* we don't want the text to wrap */
  /* white-space: nowrap;
  text-decoration: none; */
}
[data-tooltip]::after {
  width: 0;
  height: 0;
  border: 6px solid transparent;
  content: '';
}

[data-tooltip]:hover::before,
[data-tooltip]:hover::after {

  z-index: 1;
  display: block;

}


/* bottom tooltip */
[data-tooltip][data-placement="bottom"]::before {
  top: 100%;
  left: 10;
   margin-top: 10px;
}
[data-tooltip][data-placement="bottom"]::after {
  border-bottom-color: #000;
  border-top: none;
  top: 100%;
  left: 10px;
  margin-top: 4px;

}

.whatsapp {
  border-radius: 8px solid #25D366;
  width: 100%;
}

.btn-whatsapp:before{
  content:"\0000a0";
  display:inline-flex;
  height:24px;
  width:24px;
  line-height:24px;
  margin:0px 10px 0px 0px;
  position:relative;
  top:0px;
  left:0px;
  background:url(https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg) no-repeat left ;
  background-size:100% 100%;
}

@media only screen and (max-width:991px) {

  label{
    display: flex !important;
  }

  .resize{
    width: 100px;
    flex: 1;
  }

  .Ecommerce{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .Education{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .Healthcare{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .SocialNetworking{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .Travel{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .OtherIndustry{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .Web{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .IOS{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .Android{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .SmallSize{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .MediumSize{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .LargeSize{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .Admin{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .Moderator{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .Visitor{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .RegisteredUser{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .OtherDigitalProduct{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .Mvp{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .Basic{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .Polish{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .Dashboard{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .Media{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .ActivityFeed{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .RatingSystem{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .Booking{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .ReferralSystem{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .Calendar{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .Barcodes{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .Cms{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .ELearning{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .OtherFeatures{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .SubscriptionPlans{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .paymentGateway{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .paymentApproval{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .shoppingCart{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .CommissionModel{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .productManagement{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .moreServices{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .Api{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .smsMessaging{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .sslCertificate{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .dosProtection{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }

  .twoFactor{
    display: inline-block;
    flex: 2;
    text-align: left;
    margin-left: 25px;
  }



  .resizes{
    width: 30%;
    border-radius: 50%;
    right:0;
    position: absolute;
  }

  input[type=tel]{
    width: 100%;
  }


}

@media only screen and (min-width:992px) {



  .resizes{
    width: 30%;
    border-radius: 50%;
    right:0;
    position: absolute;
  }


  .Ecommerce{
    display: none;
  }

  .Education{
    display: none;
  }

  .Healthcare{
    display: none;
  }

  .SocialNetworking{
    display: none;
  }

  .Travel{
    display: none;
  }

  .OtherIndustry{
    display: none;
  }

  .Web{
    display: none;
  }

  .IOS{
    display: none;
  }

  .Android{
    display: none;
  }

  .SmallSize{
    display: none;
  }

  .MediumSize{
    display: none;
  }

  .LargeSize{
    display: none;
  }

  .Admin{
    display: none;
  }

  .Moderator{
    display: none;
  }

  .Visitor{
    display: none;
  }

  .RegisteredUser{
    display: none;
  }

  .OtherDigitalProduct{
    display: none;
  }

  .Mvp{
    display: none;
  }

  .Basic{
    display: none;
  }

  .Polish{
    display: none;
  }

  .Dashboard{
    display: none;
  }

  .Media{
    display: none;
  }

  .ActivityFeed{
    display: none;
  }

  .RatingSystem{
    display: none;
  }

  .Booking{
    display: none;
  }

  .ReferralSystem{
    display: none;
  }

  .Calendar{
    display: none;
  }

  .Barcodes{
    display: none;
  }

  .Cms{
    display: none;
  }

  .ELearning{
    display: none;
  }

  .OtherFeatures{
    display: none;
  }

  .SubscriptionPlans{
    display: none;
  }

  .paymentGateway{
    display: none;
  }

  .paymentApproval{
    display: none;
  }

  .shoppingCart{
    display: none;
  }

  .CommissionModel{
    display: none;
  }

  .productManagement{
    display: none;
  }

  .moreServices{
    display: none;
  }

  .Api{
    display: none;
  }

  .smsMessaging{
    display: none;
  }

  .sslCertificate{
    display: none;
  }

  .dosProtection{
    display: none;
  }

  .twoFactor{
    display: none;
  }

  input[type=tel]{
    width: 100%;
  }



}

.header-area .is-sticky .navigation-menu--text_white > ul > li:hover > a > span {
  color:white;
}
/*input[type=tel]{*/
/*  width: 100%;*/
/*}*/




/*input[type=text] {*/
/*  width: 100%;*/
/*  padding: 12px 20px;*/
/*  !*margin: 8px 0;*!*/
/*  !*box-sizing: border-box;*!*/
/*  border: 3px solid #ccc;*/
/*  !*-webkit-transition: 0.5s;*!*/
/*  !*transition: 0.5s;*!*/
/*  outline: none;*/
/*  color: black;*/
/*}*/

/*input[type=text]:focus {*/
/*  border: 2px solid black;*/
/*  color: black;*/
/*}*/

/*input[type=tel] {*/
/*  width: 100%;*/
/*  padding: 12px 20px;*/
/*  margin: 8px 0;*/
/*  box-sizing: border-box;*/
/*  border: 3px solid #ccc;*/
/*  -webkit-transition: 0.5s;*/
/*  transition: 0.5s;*/
/*  outline: none;*/
/*  color: black;*/
/*}*/

/*input[type=tel]:focus {*/
/*  border: 2px solid black;*/
/*  color: black;*/
/*}*/


/*#start {*/
/*  width: 100%;*/
/*  padding: 12px 20px;*/
/*  margin: 8px 0;*/
/*  box-sizing: border-box;*/
/*  border: 3px solid #ccc;*/
/*  -webkit-transition: 0.5s;*/
/*  transition: 0.5s;*/
/*  outline: none;*/
/*  color: black;*/
/*}*/

/*#start  {*/
/*  border: 2px solid black;*/
/*  color: black;*/
/*}*/



/*@media only screen and (max-width:992px) {*/
/*  .sectionfeatures {*/
/*    margin-bottom: 10px;*/
/*    padding: 10px;*/
/*    background-color: #e3e3e3;*/
/*    border-radius: 2px;*/
/*  }*/
/*}*/





@media only screen and (max-width : 991px) {
  [data-tooltip]:hover::before, [data-tooltip]:hover::after {
    display: none !important;
  }
}

small{
  margin-top: -13px;
  margin-bottom: 14px;
}