@charset "UTF-8";
/*----------------------------------------------------

1. Global Area 
2. Header Section
=====================================================================*/
/*=========
Font load
===========*/
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,531;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,531;1,600;1,700;1,800;1,900&display=swap");
/*=========
Color Code
===========*/
/*global area*/
/*----------------------------------------------------*/
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  /* background: #f8f2ee; */
  background-color: #279cd3;
  color: #2f3146;
  font-family: "Jost", sans-serif;
  -moz-osx-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}
/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #a17d2f #f2f2f2;
}
.header-menu{
    
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
.sticky + .content {
  padding-top: 102px;
}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

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

*::-webkit-scrollbar-thumb {
  background-color: #a17d2f;
  border-radius: 20px;
  border: 3px solid #f2f2f2;
}
::-moz-selection {
  color: #fff;
  background-color: #a17d2f;
}

::selection {
  color: #fff;
  background-color: #a17d2f;
}

::-moz-selection {
  color: #fff;
  background-color: #a17d2f;
}
p{
/*  transform: translateY(300px);*/
/*animation: slideUp .8s ease-in-out forwards .8s;*/
}

@keyframes slideIn {
  0% {
    transform: translateX(500px) scale(.2);
  }
  100% {
    transform: translateX(0px) scale(1);
  }
}

@keyframes slideUp {
  0% {
    transform: translateY(300px);
  }
  100% {
    transform: translateY(0px);
  }
}

@keyframes expand {
  0% {
    transform: translateX(1400px);
  }
  100% {
    transform: translateX(0px);
  }
}
h1,h2,h3,h4,h5,h6 {
  /*transform: translateY(100px);*/
  /*animation: slideUp 1.90s ease forwards .5s;*/
}
.pt-100{
  padding-top: 100px;
}
.top-header{
  background-color: #279cd3;
}
.top-header ul.social-header li {
  padding: 0px 4px;
}
.top-header ul.social-header .fa {
  color: #fff;
}
.top-header ul.social-header li a {
  display: flex;
  align-self: center;
}
.coming-soon a.navbar-brand img {
    width: 245px;
}
.login-btn {
  font-size: 16px;
  line-height: 24px;
  padding: 12px 35px 12px 35px;
  background-color: #a17d2f;
  color: #fff;
  text-shadow: 0px 0px 0px rgba(0,0,0,0.3);
  font-weight: 500;
  border: 1px solid #8c4730;
  transition: all .3s;
  box-shadow: 0px 0px 6px #514430;
}
.login-btn:hover {
  background: white;
    color: #a17d2f;
    border: 1px solid #a17d2f;
}
.add-to-cart {
  margin: 5px;
  font-size: 16px;
  line-height: 24px;
  padding: 5px 20px 5px 20px;
  background-color: #fff;
  color: #8c4730;
  text-shadow: 0px 0px 0px rgba(0,0,0,0.3);
  font-weight: 500;
  border: 1px solid #8c4730;
  transition: all .3s;
}
.add-to-cart:hover {
  background: transparent;
  color: #8c4730;
}
.icon-nav .nav-link{
        padding-left: 10px !important;
    padding-right: 10px !important;
}
a.nav-link .fa {
    font-size: 25px;
    /*color: #289cd2;*/
    color:#000;
}
.top-header .fa {
  padding: 5px;
  font-size: 15px;
  width: 25px;
  height: 25px;
  display:flex;
    justify-content: center;
  text-align: center;
  text-decoration: none;
  margin: 0px 2px;
  border-radius:100px
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}
.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-instagram {
  background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  color: white;
}

.fa-whatsapp {
  background: #00b489;
  color: white;
}
/* Footer Starts */
.footer__social li {
  float: left;
}

.footer__social li a .icon {
  width: 25px;
  padding-right: 5px;
}
/* .modal-body .product-img {
  background-color: #a17d2f;
  height: 90%;
  margin: auto;
  border-radius: 20px 0 0 20px;
} */
.product-modal .modal-header {
  background-color: #a17d2f;
  color: #fff;
  padding: 5px 15px;
}
.product-modal .modal-body .info {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.product-modal .info h2 {
  font-size: 24px !important;
  line-height: 24px;
  color:#333;
}

.product-modal .info p {
  font-size: 16px !important;
  margin: 0 !important;
  color:#000;
}

.product-modal .info .price {
  font-size: 22px !important;
  font-weight: 500;
  margin: 10px 0;
}
.product-modal .close {
  color: #fff;
  opacity: 1.0 !important;
  position: relative;
}
.product-modal input[type="number"] {
  border: 2px solid #a17d2f;
  border-radius: 5px;
  padding: 5px;
}
@media (min-width: 576px){
  .product-modal .modal-dialog {
      max-width: 700px;
      margin: 1.75rem auto;
  }
}
ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
a:hover, a:focus {
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
}

button {
  cursor: pointer;
}
.title {
  color: #000;
  position: relative;
}
.title p {
  font-size: 26px;
  font-weight: 500;
}
.navbar-brand img{
  width: 140px;
  -webkit-filter: drop-shadow(0px 0px 30px #ffd26f);
    filter: drop-shadow(0px 0px 30px #ffd26f);
}
nav.navbar form {
  box-shadow: none;
  width: auto;
  margin: 0;
  padding: 0;height: auto;
}
span.navbar-toggler-icon .fa {
  font-size: 30px;
  color: #a17d2f;
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding-left: 20px;
  padding-right: 20px;
}
.navbar {
  z-index: 999;
  padding-top: 0;
  padding-bottom: 0;
}
section.bread-crumb {
  background-image: url('../img/Contact-us-banner.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0;
}
ol.breadcrumb {
  background-color: transparent;
  margin: 0;justify-content: center;
}
@media(max-width:768px){
  ul.social-header {
    justify-content: center !important;
  }
  .top-header .text p {
    font-size: 14px;
  }
  section.intro {
    background: #ffffff7a;
    border-radius: 20px;
    padding: 15px !important;}
    .terms-content{ background-image:none !important; }
    .product-modal .info h2 {
    font-size: 22px !important;}
}
section.intro {
  background: #ffffff7a;
  border-radius: 20px;
  padding: 30px; margin-bottom: 50px;
}
.intro .text-black{
  color:#000;margin: 0;    font-size: 16px;
}
.intro-img img {
  width: 245px;
}
section.intro-about {
  background-color: #fff;
  background-image: url('../img/H1_BG_01.webp');
    background-position: bottom left;
    background-repeat: no-repeat;
  padding: 50px 0;
}
section.intro-about-us {
  background-color: #fff;
  background-image: url('../img/H1_BG_01.webp');
    background-position: bottom left;
    background-repeat: no-repeat;
  padding: 50px 0;
}
.video-about{
  background-image: url('../img/business-intro-left.webp');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  height: 650px;
  width: 95%;
  align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}
section.intro-about-us .video-about{
  background-image: url('../img/about-us-left.webp');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  height: 650px;
  width: 95%;
  align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}
.video-about span {
  height: 68px;
    width: 68px;
    background-color: #fff;
    border-radius: 100px;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
}
.video-about span .fa {
  font-size: 80px;
  color: #a17d2f;
}
.video-content {
  width: 80%;
}
.video-content h4{
  color: #a07c2e;
    font-size: 55px;
    font-family: "Jackarta";
    position: relative;
}
.video-content p{
  font-size: 16px; text-align: justify;
}
.info-about-img {
  text-align: right;
}
.info-about-img img {
  width: 83%;
}
.info-about-content {
  padding: 50px 0 0 110px;
}
.info-about-content p{ text-align: justify;}
.info-about-content ul {
  padding-left: 20px;
}
.info-about-content ul li {
  list-style: disc;
}
section.contact-about-us {
  padding: 50px 0;
  background-color: #fff;
}
.contact-us-form {
  padding: 15px;
}
.contact-us-form form{
  width: 100%;
  background-color: #fff;
  border-radius: 0;
    box-shadow: none;
    padding: 0;
    margin-top: 20px;
}
.contact-us-form form textarea {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  color: #797979;
  background-color: transparent;
  border-color: #d1d1d1;
  border-width: 1px;
  border-radius: 0;
  padding: 12px 22px;
  margin-bottom: 15px;
}
.contact-us-form form input {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #797979;
    background-color: transparent;
    border-color: #d1d1d1;
    border-width: 1px;
    border-radius: 0;
    padding: 12px 22px;
    margin-bottom: 15px;
}
.contact-us-form button[type=submit] {
  border-color: #212121;
  border-width: 1px;
  border-style: solid;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  background-color: #212121;
  padding: 11px 52px;
  border-radius: 0;
  margin-top: 5px;
  color: #ffffff;
}
.contact-loc{ background-color: #fff; padding-bottom: 50px;}
.contact-loc .social ul { display: flex;}
.contact-loc .social ul li {
  padding: 0px 10px;
}
@media(max-width:768px){
  .video-about {
      height: 460px;    width: 100%;
  }
  section.intro-about-us .video-about{height: 460px;    width: 100%;}
  .video-content {
      width: 100%;
      padding-bottom: 50px;
  }
  .info-about-img img {
      width: 100%;
  }
  .info-about-content {
      padding: 50px 0 0 30px;
  }
  .info-about-content {
      padding: 50px 0 0 0px;
  }
  .contact-loc-img {
      margin-bottom: 30px;
  }
  .add h4 {
      padding-bottom: 15px;
  }
  .social {
      padding-bottom: 30px;
  }
  .social h4 {
      padding-bottom: 15px;
  }
}
.works-content p {
  font-size: 16px !important; margin: 0 !important; color:#2f3146 !important;
}
.works-content {
  display: flex;
  text-align: left;
  padding-left: 15px;
  flex-direction: column;
  justify-content: center;
}
.list-works .icon .fa {
  font-size: 36px;}
.list-works .icon {
  border: 2px solid #444;
  border-radius: 100px;
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-control:focus,
button:visited,
button.active,
button:hover,
button:focus,
input:visited,
input.active,
input:hover,
input:focus,
textarea:hover,
textarea:focus,
a:hover,
a:focus,
a:visited,
a.active,
select,
select:hover,
select:focus,
select:visited {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
  color: inherit;
}

.form-control {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.relative-position {
  position: relative;
}

p {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: "Jost", sans-serif;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-200 {
  padding-bottom: 200px;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-85 {
  margin-bottom: 85px !important;
}

.wrapper {
  margin: 0 auto;
}
footer hr {
  margin: 0;
}
footer ul.social li {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer ul.contact-list li {
  display: flex;
}

footer ul.contact-list li span {
  margin-right: 8px;
  width: 20px !important;
  display: flex;
  justify-content: center;
  float: left;
  height: 100%;
}
footer ul.contact-list li span .fa {
  margin-top: 3px;
}
.steps-area-fixed {
  position: fixed;
  width: 25% !important;
}
.steps-area-fixed .multisteps-form__progress {
  padding-top: 0;
}
.steps-area-fixed .steps {
  top: 70px;
}

.steps-area-fixed + .multisteps-form__form {
  /* margin-left: 500px; */
}
/* Testimonial */
@font-face {
	font-family: Jackarta;
	src: url('../font/Jackarta.ttf');
 }
section.testimonial {
	padding: 50px 0px 100px 0px;
	background-image: url('../img/customer-said.webp');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}
.sub-heading{
	padding: 20px 0px 0px 0px;
    background-image: url('../img/icons/testimonial-colon.webp');
    background-position: top center;
    background-repeat: no-repeat;
}
.testimonial h2.sub-title {
	color: #a07c2e;
	text-align: center;
	font-size: 55px;
	font-family: "Jackarta";
	position: relative;
}
.testimonial h2.title {
	color: #1b5e9d;
	text-align: center;
	text-transform: capitalize;
	font-family: "Jost", Sans-serif;
	font-weight: 500;
	position: relative;
}
.testimonial .col-center {
	margin: 0 auto;
	float: none !important;
}
.testimonial .carousel {
	padding: 0 70px;
}
.testimonial .carousel .carousel-item {
	color: #999;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
}
.testimonial .carousel .carousel-item .img-box {
	width: 135px;
	height: 135px;
	margin: 0 auto;
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 50%;
}
.testimonial .carousel .img-box img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
}
.testimonial .carousel .testimonial {
	padding: 30px 0 10px;font-size: 20px; color:#2f3146;font-style: italic;
}
.testimonial .carousel .overview {	
	color:#2f3146; font-size: 16px;font-weight: 400;
}
.testimonial .carousel .overview b {
	text-transform: uppercase;
	color: #7AA641;
}
.testimonial .carousel-control-prev, .carousel-control-next {
	width: 40px;
	height: 40px;
	margin-top: -20px;
	top: 50%;
	background: none;
}
.testimonial .carousel-control-prev i, .carousel-control-next i {
	font-size: 68px;
	line-height: 42px;
	position: absolute;
	display: inline-block;
	color: rgba(0, 0, 0, 0.8);
	text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
}
.testimonial .carousel-indicators {
	bottom: -40px;
}
.testimonial .carousel-indicators li, .carousel-indicators li.active {
	width: 12px;
	height: 12px;
	margin: 1px 3px;
	border-radius: 50%;
	border: none;
}
.testimonial .carousel-indicators li {	
	background: #999;
	border-color: transparent;
	box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
.testimonial .carousel-indicators li.active {	
	background: #555;		
	box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
/* Testimonial Ends*/
.make-india{background-color: #fff;    padding: 50px 0 50px;}
.make-india img{     width: 70%;filter: brightness(0);}
footer {
	/*background-color: #279cd3;*/
	background-image: linear-gradient(to right, #259acd, #2074b0, #1b5c9c);
    color: #fff;
}
footer .policies{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
footer .policies li{ word-break: break-word;  margin-right: calc(60px / 2); margin-left: calc(60px / 2);}
footer .policies li a{ 
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Jost", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
	 color: #fff;
	 transition: color 0.3s;
}
@media(max-width:768px){
	.testimonial .carousel-control-prev, .carousel-control-next{ display:none; }
	.testimonial .carousel { padding: 0; }
	.make-india img{     width: 100%;filter: brightness(0);}
	.make-india{padding: 20px 0 20px;}
	footer .policies li{ margin-right: calc(30px / 2); margin-left: calc(30px / 2);}
}
.main-wrapper{
  background-image: url(../img/bg-texture.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 800px;
    display: flex;
    align-items: center;
    justify-content: center;
    position:relative;
}
@media only screen and (min-width: 992px) {
  /*.main-wrapper{ min-height: 800px; }*/
  .main-wrapper{ min-height: 100vh; }
}
@media only screen and (min-width: 1200px) {
	.main-wrapper{ min-height: 100vh; }
}
.multisteps-form__panel.js-active {
  display: inline;
}
@media(max-width:768px){
  .main-wrapper{
    display: block;min-height: 920px;    background-position: 10% 50% !important;
  }
  .navbar {
    z-index: 1;
    position: relative;
  }
}
.main-wrapper .overlay{
  position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    /* background: #f8f2ee; */
    background-image: linear-gradient(#279cd3, #ffffff94);
  /*  background: url("../video/palimills-vid.mp4") top center;*/
  /*background-size: cover;*/
  /*background-position:center;*/
    opacity: 0.8;
}
.main-wrapper .title h2 {
  color:#a17d2f;
  font-size: 80px;
  font-weight: 700;
  filter: drop-shadow(0px 1px 1px black);
}
.boxed-version {
  max-width: 1400px;
  margin: auto;
  position: relative;
}
.boxed-version .wizard-forms {
  zoom: 0.8;
}
.boxed-version .form-content {
  padding-right: 2%;
  padding-left: 60px;
}
.boxed-version .actions {
  right: 0;
}

.dark-version.dark-version {
  background-color: #1a1a1a;
  color: #fff;
}
.dark-version.dark-version label,
.dark-version.dark-version p,
.dark-version.dark-version span {
  color: #fff !important;
}
.dark-version.dark-version button,
.dark-version.dark-version input,
.dark-version.dark-version optgroup,
.dark-version.dark-version select,
.dark-version.dark-version textarea {
  background-color: #1a1a1a !important;
}
.conditional {
  display: none;
  margin-top: 30px;
  margin-bottom: 15px;
}

.steps-area {
  float: left;
  width: 30%;
  overflow: hidden;
  max-width: 500px;
}
.steps-area .steps {
  top: 110px;
  z-index: 9;
  right: 80px;
  position: absolute;
}
.steps-area .steps li {
  margin-bottom: 85px;
  position: relative;
}
.steps-area .steps li:before {
  content: "";
  top: -8px;
  left: -8px;
  width: 55px;
  height: 55px;
  position: absolute;
  border-radius: 100%;
  border: 2px solid #a17d2f00;
  z-index: 3;
}
.steps-area .steps li span {
  width: 40px;
  color: #fff;
  height: 40px;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  border-radius: 50%;
  background: #bcbdbd;
  position: relative;
  text-align: center;
  display: inline-block;
  z-index: -1;
}
.steps-area .steps li span:before {
  content: "";
  width: 2px;
  height: 95px;
  background: #b8b9b9;
  position: absolute;
  right: 18px;
  top: 40px;
}
.steps-area .steps li span:after {
  content: "";
  width: 2px;
  height: 0;
  background: #a17d2f;
  position: absolute;
  right: 18px;
  top: 40px;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.steps-area .steps li.last span:before, .steps-area .steps li.last span:after {
  display: none;
}
.steps-area .steps li.js-active span {
  background: #a17d2f;
}
.steps-area .steps li.js-active span:after {
  height: 86px;
}
.steps-area .steps li.js-active:before {
  content: "";
  top: -8px;
  left: -8px;
  width: 55px;
  height: 55px;
  position: absolute;
  border-radius: 100%;
  border: 2px solid #a17d2f;
}
.steps-area .steps li.current span {
  background: #a17d2f;
}
.steps-area .steps li.current span:after {
  height: 50px;
}
.info_footer h4:after {
  content: '';
  display: block;
  height: 1px;
  width: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #111111;
}
.inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: block;
}
footer #logo {
  width: 135px;
  margin-bottom: 10px;
}
/* LOGIN STARTS */

.login-section {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("../img/fabric-bg.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.login-section .overlay {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: #f8f2ee;
    opacity: 0.8;
}

:where(.login-section .login-container, .login-section form, .login-section .input-field, .login-section header) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
    .login-container{
      background: #ffffffc2;
      padding: 65px 65px;
      border-radius: 12px;
      row-gap: 20px;
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    }
    
.login-container .icon {
        width: 80px;
        height: 80px;
        background: #6e93f7;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 45px;
        border-radius: 100px;
    }
 .login-container h4 {
  font-size: 1.25rem;
  color: #333;
  font-weight: 500;
}
.login-container form .input-field {
  flex-direction: row;
  column-gap: 10px;
}
.login-container .input-field input[type="text"] {
  width: 100%;
}
.login-container .input-field input {
  height: 45px;
  width: 42px;
  border-radius: 6px;
  outline: none;
  font-size: 1.125rem;
  text-align: center;
  border: 1px solid #ddd;
}
.login-container .input-field input:focus {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.login-container .input-field input::-webkit-inner-spin-button,
.login-container .input-field input::-webkit-outer-spin-button {
  display: none;
}
.login-container form button {
  margin-top: 25px;
  width: 100%;
  color: #fff;
  font-size: 1rem;
  border: none;
  padding: 9px 15px;
  cursor: pointer;
  border-radius: 6px;
  pointer-events: none;
  background: #6e93f7;
  transition: all 0.2s ease;
}
.login-container form button.active {
  background: #4070f4;
  pointer-events: auto;
}
.login-container form button:hover {
  background: #0e4bf1;
}
/* LOGIN ENDS */

.form-header {
  text-align: center;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: white;
  background-image: url("data:image/svg+xml;utf8,<svg fill='grey' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 99%;
  background-position-y: 16px;
}

.form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 18px;
}
.form-row .form-holder {
  width: 50%;
  margin-right: 30px;
}
.form-row .form-holder:last-child {
  margin-right: 0;
}
.form-row .form-holder.w-100 {
  width: 100%;
  margin-right: 0;
}
.form-row .select {
  width: 50%;
  margin-right: 30px;
}
.form-row .select .form-holder {
  width: 100%;
  margin-right: 0;
}

.form-holder {
  position: relative;
}
.form-holder i {
  position: absolute;
  bottom: 7px;
  right: 0;
  font-size: 17px;
}

.form-control {
  height: 37px;
  border: none;
  border-bottom: 2px solid #e6e6e6;
  width: 100%;
  color: #666;
}
.form-control:focus {
  border-color: #e9e0cf;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-moz-placeholder {
  color: #999;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control:-moz-placeholder {
  color: #999;
}

select.form-control {
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  color: #999;
}
select.form-control option[value=""][disabled] {
  display: none;
}

.actions {
  bottom: 0;
   position: relative;
  float: right;
  margin-bottom: 20px;
}
.actions ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.actions li span,
.actions li button {
  /* height: 75px;
  width: 210px; */
  color: #fff;
  display: block;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 500;
  border-radius: 5px;
  line-height: 24px;
  text-align: center;
  background-color: #a17d2f;
  border: 0;
  cursor: pointer;
  margin-left: 10px;
}
.actions li:first-child span {
  background: #ccc;
  color: #111;
}
.actions li[aria-disabled=true] span {
  opacity: 0;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  display: none;
}

.checkbox-tick label {
  cursor: pointer;
  display: inline-block;
  padding-left: 23px;
  position: relative;
}
.checkbox-tick label.male {
  margin-right: 26px;
}
.checkbox-tick input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkbox-tick input:checked ~ .checkmark {
  background: #999;
}
.checkbox-tick input:checked ~ .checkmark:after {
  display: block;
}
.checkbox-tick .checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 13px;
  width: 13px;
  border: 1px solid #999;
  border-radius: 50%;
  font-family: Material-Design-Iconic-Font;
  color: #fff;
  font-size: 11px;
}
.checkbox-tick .checkmark:after {
  top: 0;
  left: 2px;
  position: absolute;
  display: none;
  content: "";
}

.checkbox-circle {
  position: relative;
  padding-left: 23px;
  margin-top: 41px;
  width: 63%;
}
.checkbox-circle.mt-24 {
  margin-top: 24px;
}
.checkbox-circle label {
  cursor: pointer;
  color: #999;
  font-size: 13px;
  line-height: 1.9;
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
}
.checkbox-circle label a {
  color: #6d7f52;
}
.checkbox-circle label a:hover {
  color: #89b843;
}
.checkbox-circle input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkbox-circle input:checked ~ .checkmark:after {
  display: block;
}
.checkbox-circle .checkmark {
  position: absolute;
  top: 6px;
  left: 0;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  border: 1px solid #999;
}
.checkbox-circle .checkmark:after {
  content: "";
  top: 2px;
  left: 2px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #999;
  position: absolute;
  display: none;
}

.date-picker {
  margin-bottom: 3rem;
}
.date-picker span {
  border-radius: 0;
  position: absolute;
  top: 16px;
  right: 15px;
  display: block;
  min-width: 120px;
  text-align: center;
  background: #ececec;
  padding: 6px;
  color: #828282;
  cursor: pointer;
}

.datepicker td, .datepicker th {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 0.85rem;
}

/*---------------------------------------------------- */
/*wizard area*/
/*----------------------------------------------------*/
/* ==========================================================================
   multistep css
   ========================================================================== */
.multisteps-form__progress {
  padding-top: 60px;
  height: 100%;
}

.multisteps-form__progress-btn {
  position: relative;
  color: rgba(255, 255, 255, 0.7);
  border: none;
  background-color: transparent;
  outline: none !important;
  cursor: pointer;
  font-size: 20px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  z-index: 1;
}
.multisteps-form__progress-btn span {
  color: #fff;
}
.multisteps-form__progress-btn i {
  width: 50px;
  height: 50px;
  left: 0px;
  top: 0px;
  margin-right: 15px;
  line-height: 50px;
  position: relative;
  text-align: center;
  display: inline-block;
  border: 2px solid #fff;
  border-radius: 50%;
  z-index: -1;
}
.multisteps-form__progress-btn.js-active {
  color: #fff;
}
.multisteps-form__progress-btn.js-active span {
  color: #fff;
}
.multisteps-form__progress-btn.js-active i {
  color: #fff;
  border-color: #fff;
}
.multisteps-form__progress-btn.js-active:after {
  background-color: #fff;
}
.multisteps-form__form {
  position: relative;
  height: 500px !important;
  /* width: 70%; */
  width: 100%;
  float: left;
  overflow-y: scroll;
}
/* .multisteps-form__form {
  position: relative;
  height: 100vh !important;
  width: 100%;
  float: left;
} */
@media(max-width:768px){
.main-wrapper .multisteps-form__panel {
  position: relative;
}}

.multisteps-form__panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  overflow: hidden;
  height: 0;
}
.multisteps-form__panel.js-active {
  opacity: 1;
  visibility: visible;
  overflow: visible;
  /* height: auto; */
}
.multisteps-form__panel[data-animation=scaleOut] {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.multisteps-form__panel[data-animation=scaleOut].js-active {
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.multisteps-form__panel[data-animation=slideHorz] {
  left: -50px;
}
.multisteps-form__panel[data-animation=slideHorz].js-active {
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.25s;
       -o-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1.13, 0.38, 1.43);
       -o-transition-timing-function: cubic-bezier(0.2, 1.13, 0.38, 1.43);
          transition-timing-function: cubic-bezier(0.2, 1.13, 0.38, 1.43);
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  left: 0;
}
.multisteps-form__panel[data-animation=slideVert] {
  top: 30px;
}
.multisteps-form__panel[data-animation=slideVert].js-active {
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  top: 0;
}
.multisteps-form__panel[data-animation=fadeIn].js-active {
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}
.multisteps-form__panel[data-animation=scaleIn] {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}
.multisteps-form__panel[data-animation=scaleIn].js-active {
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.step-inner-content {
  padding-bottom: 115px;
  border-bottom: 2px solid #dfdfdf;
}

.form-content .step-no {
  font-size: 27px;color: #fff;
}
.form-content .bottom-line {
  border-bottom: 2px solid #a17d2f;
}
.form-content h2 {
  font-size: 50px;
  font-weight: 700;
  padding: 20px 0px 20px 0px;
  color: #fff;
}
.form-content p {
  color: #5f5f63;
  font-size: 25px;
}

.step-box {
  /* padding-top: 70px; */
}
.step-box h4 {
  color: #fff;
}
.step-fancyblouse {
  cursor: pointer;
  border-radius: 8px;
  border: 2px solid #e1e1e1;
  padding: 15px;
  display: block;
  min-height: 240px;
}
.step-fancyblouse .step-box-icon img{
  width:100% !important;
  height: 200px;
}
.step-box-content {
  cursor: pointer;
  border-radius: 8px;
  border: 2px solid #e1e1e1;
  padding: 55px 0px 35px 0px;
  display: block;
  min-height: 240px;
  /* transform: translateY(50px); */
  /* animation: slideIn 1.8s ease-in-out  forwards 1s; */
}
.step-box-content input {
  opacity: 1;
}
label.step-box-content:hover {
  border: 2px solid #8f620f;
}
.color-box .box-container{
  display: flex;margin-bottom: 15px;
}
ul.color-box li {
  float: left;
  margin-right: 15px;
}
.color-box .box-container .color-code{
  height:30px; width:30px; line-height: 30px; color: #fff;
}
.color-box .box-container #code-1{  background-color:#ef2021;  }
.color-box .box-container #code-2{  background-color:#6f172f;  }
.color-box .box-container #code-3{  background-color:#410c35;  }
.color-box .box-container #code-4{  background-color:#49a228;  }
.color-box .box-container #code-5{  background-color:#c02d1f;  }
.color-box .box-container #code-6{  background-color:#0a7d43;  }
.color-box .box-container #code-7{  background-color:#c31349;  }
.color-box .box-container #code-8{  background-color:#07216e;  }
.color-box .box-container #code-9{  background-color:#e00f11;  }
.color-box .box-container #code-10{  background-color:#733919;  }
.color-box .box-container #code-11{  background-color:#060818;  }
.color-box .box-container #code-12{  background-color:#d51c21;  }
.color-box .box-container #code-13{  background-color:#f4c31b;  }
.color-box .box-container #code-14{  background-color:#2f2e7f;  }
.color-box .box-container #code-15{  background-color:#9f521b;  }
.color-box .box-container #code-16{  background-color:#3e9d44;  }
.color-box .box-container #code-17{  background-color:#e1305a;  }
.color-box .box-container #code-18{  background-color:#4dc194;  }
.color-box .box-container #code-19{  background-color:#58600f;  }
.color-box .box-container #code-20{  background-color:#7c022a;  }
.color-box .box-container #code-21{  background-color:#c9213d;  }
.color-box .box-container #code-22{  background-color:#090909;  }
.color-box .box-container #code-23{  background-color:#7b224c;  }
.color-box .box-container #code-24{  background-color:#ce0504;  }
.color-box .box-container #code-25{  background-color:#e92411;  }
.color-box .box-container #code-26{  background-color:#33623b;  }
.color-box .box-container #code-27{  background-color:#a6502d;  }
.color-box .box-container #code-28{  background-color:#8a1112;  }
.color-box .box-container #code-29{  background-color:#287ea6;  }
.color-box .box-container #code-30{  background-color:#ba4e28;  }
.color-box .box-container #code-31{  background-color:#f93d54;  }
.color-box .box-container #code-32{  background-color:#17224b;  }
.color-box .box-container #code-33{  background-color:#034c27;  }
.color-box .box-container #code-34{  background-color:#299bc5;  }
.color-box .box-container #code-35{  background-color:#153b08;  }
.color-box .box-container #code-36{  background-color:#390324;  }
.color-box .box-container #code-37{  background-color:#0b461b;  }
.color-box .box-container #code-38{  background-color:#720b11;  }
.color-box .box-container #code-39{  background-color:#44342e;  }
.color-box .box-container #code-40{  background-color:#b5242e;  }
.color-box .box-container #code-41{  background-color:#d92550;  }
.color-box .box-container #code-42{  background-color:#2b8539;  }
.color-box .box-container #code-43{  background-color:#ec282b;  }
.color-box .box-container #code-44{  background-color:#7e0b2c;  }
.color-box .box-container #code-45{  background-color:#f96424;  }
.color-box .box-container #code-46{  background-color:#4c2c65;  }
.color-box .box-container #code-47{  background-color:#bc1a4b;  }
.color-box .box-container #code-48{  background-color:#297d72;  }
.color-box .box-container #code-49{  background-color:#ef8a28;  }
.color-box .box-container #code-50{  background-color:#831713;  }
.color-box .box-container #code-51{  background-color:#db3c3e;  }
.color-box .box-container #code-52{  background-color:#50c8f0;  }
.color-box .box-container #code-53{  background-color:#9b1e59;  }
.color-box .box-container #code-54{  background-color:#f14b0a;  }
.color-box .box-container #code-55{  background-color:#c38946;  }
.color-box .box-container #code-56{  background-color:#fdf1ad;  }
.color-box .box-container #code-57{  background-color:#ec538d;  }
.color-box .box-container #code-58{  background-color:#42b186;  }
.color-box .box-container #code-59{  background-color:#f65284;  }
.color-box .box-container #code-60{  background-color:#56652c;  }
.color-box .box-container #code-61{  background-color:#75713f;  }
.color-box .box-container #code-62{  background-color:#bc6c48;  }
.color-box .box-container #code-63{  background-color:#1984b6;  }
.color-box .box-container #code-64{  background-color:#ffd78d;  }
.color-box .box-container #code-65{  background-color:#f54c80;  }
.color-box .box-container #code-66{  background-color:#ffb144;  }
.color-box .box-container #code-67{  background-color:#fd7586;  }
.color-box .box-container #code-68{  background-color:#ea5f54;  }
.color-box .box-container #code-69{  background-color:#ddd7d9;  }
.color-box .box-container #code-70{  background-color:#d61623;  }
.color-box .box-container #code-71{  background-color:#944465;  }
.color-box .box-container #code-72{  background-color:#f5352b;  }
.color-box .box-container #code-73{  background-color:#a82831;  }
.color-box .box-container #code-74{  background-color:#bcf255;  }
.color-box .box-container #code-75{  background-color:#eca78a;  }
.color-box .box-container #code-76{  background-color:#30a673;  }
.color-box .box-container #code-77{  background-color:#a5082c;  }
.color-box .box-container #code-78{  background-color:#f0ddc7;  }
.color-box .box-container #code-79{  background-color:#a50a2c;  }
.color-box .box-container #code-80{  background-color:#d75f37;  }
.color-box .box-container #code-81{  background-color:#64d4a2;  }
.color-box .box-container #code-82{  background-color:#db1b4e;  }
.color-box .box-container #code-83{  background-color:#ff6435;  }
.color-box .box-container #code-84{  background-color:#df5c9a;  }
.color-box .box-container #code-85{  background-color:#f2b07c;  }
.color-box .box-container #code-86{  background-color:#4f4e54;  }
.color-box .box-container #code-87{  background-color:#976d31;  }
.color-box .box-container #code-88{  background-color:#57c2cc;  }
.color-box .box-container #code-89{  background-color:#b13911;  }
.color-box .box-container #code-90{  background-color:#d1cfb9;  }
.color-box .box-container #code-91{  background-color:#69397f;  }
.color-box .box-container #code-92{  background-color:#73a61e;  }
.color-box .box-container #code-93{  background-color:#ff4f54;  }
.color-box .box-container #code-94{  background-color:#b05310;  }
.color-box .box-container #code-95{  background-color:#575a8d;  }
.color-box .box-container #code-96{  background-color:#d29e54;  }
.color-box .box-container #code-97{  background-color:#fe672a;  }
.color-box .box-container #code-98{  background-color:#b25518;  }
.color-box .box-container #code-99{  background-color:#fdfdfd;  }
.color-box .box-container #code-100{  background-color:#ab2f1f;  }
.color-box .box-container #code-101{  background-color:#ee282b;  }
.color-box .box-container #code-102{  background-color:#c51d22;  }
.color-box .box-container #code-103{  background-color:#921b1b;  }
.color-box .box-container #code-104{  background-color:#bb282c;  }
.color-box .box-container #code-105{  background-color:#7f2728;  }
.color-box .box-container #code-106{  background-color:#015833;  }
.color-box .box-container #code-107{  background-color:#04503b;  }
.color-box .box-container #code-108{  background-color:#1f625d;  }
.color-box .box-container #code-109{  background-color:#397a70;  }
.color-box .box-container #code-110{  background-color:#154731;  }
.color-box .box-container #code-111{  background-color:#f1d3b5;  }
.color-box .box-container #code-112{  background-color:#e9cda9;  }
.color-box .box-container #code-113{  background-color:#d39f7c;  }
.color-box .box-container #code-114{  background-color:#d5b486;  }
.color-box .box-container #code-115{  background-color:#cfa07c;  }
.color-box .box-container #code-116{  background-color:#815d41;  }
.color-box .box-container #code-117{  background-color:#a07757;  }
.color-box .box-container #code-118{  background-color:#6e4a2e;  }
.color-box .box-container #code-119{  background-color:#dba181;  }
.color-box .box-container #code-120{  background-color:#bc835c;  }
.color-box .box-container #code-121{  background-color:#c91831;  }
.color-box .box-container #code-122{  background-color:#e12844;  }
.color-box .box-container #code-123{  background-color:#bf1c3c;  }
.color-box .box-container #code-124{  background-color:#8b0d2c;  }
.color-box .box-container #code-125{  background-color:#751026;  }
.color-box .box-container #code-126{  background-color:#fb8244;  }
.color-box .box-container #code-127{  background-color:#ff7f33;  }
.color-box .box-container #code-128{  background-color:#972308;  }
.color-box .box-container #code-129{  background-color:#8b3418;  }
.color-box .box-container #code-130{  background-color:#76402a;  }
.color-box .box-container #code-131{  background-color:#fcfcfc;  }
.color-box .box-container #code-132{  background-color:#f7f2ee;  }
.color-box .box-container #code-133{  background-color:#fdface;  }
.color-box .box-container #code-134{  background-color:#fae9bd;  }
.color-box .box-container #code-135{  background-color:#d0b468;  }
.color-box .box-container #code-136{  background-color:#a92350;  }
.color-box .box-container #code-137{  background-color:#a93461;  }
.color-box .box-container #code-138{  background-color:#5c282e;  }
.color-box .box-container #code-139{  background-color:#3a284c;  }
.color-box .box-container #code-140{  background-color:#342754;  }
.color-box .box-container #code-141{  background-color:#e6923c;  }
.color-box .box-container #code-142{  background-color:#965733;  }
.color-box .box-container #code-143{  background-color:#153f10;  }
.color-box .box-container #code-144{  background-color:#5a552d;  }
.color-box .box-container #code-145{  background-color:#de9d0c;  }
.color-box .box-container #code-146{  background-color:#ee781c;  }
.color-box .box-container #code-147{  background-color:#ff9343;  }
.color-box .box-container #code-148{  background-color:#f64a22;  }
.color-box .box-container #code-149{  background-color:#ff433a;  }
.color-box .box-container #code-150{  background-color:#f02e25;  }
.color-box .box-container #code-151{  background-color:#f34055;  }
.color-box .box-container #code-152{  background-color:#f83946;  }
.color-box .box-container #code-153{  background-color:#e8263f;  }
.color-box .box-container #code-154{  background-color:#e72d3e;  }
.color-box .box-container #code-155{  background-color:#e3283f;  }
.color-box .box-container #code-156{  background-color:#57b34a;  }
.color-box .box-container #code-157{  background-color:#348d36;  }
.color-box .box-container #code-158{  background-color:#317340;  }
.color-box .box-container #code-159{  background-color:#054206;  }
.color-box .box-container #code-160{  background-color:#173e1f;  }
.color-box .box-container #code-161{  background-color:#a4ffef;  }
.color-box .box-container #code-162{  background-color:#61caa1;  }
.color-box .box-container #code-163{  background-color:#2b9b87;  }
.color-box .box-container #code-164{  background-color:#3abaac;  }
.color-box .box-container #code-165{  background-color:#37b283;  }
.color-box .box-container #code-166{  background-color:#ed568e;  }
.color-box .box-container #code-167{  background-color:#d02c63;  }
.color-box .box-container #code-168{  background-color:#6c1035;  }
.color-box .box-container #code-169{  background-color:#620c39;  }
.color-box .box-container #code-170{  background-color:#440526;  }
.color-box .box-container #code-171{  background-color:#ffddf0;  }
.color-box .box-container #code-172{  background-color:#f475a6;  }
.color-box .box-container #code-173{  background-color:#ef4579;  }
.color-box .box-container #code-174{  background-color:#d9323c;  }
.color-box .box-container #code-175{  background-color:#42170e;  }
.color-box .box-container #code-176{  background-color:#5a3832;  }
.color-box .box-container #code-177{  background-color:#241917;  }
.color-box .box-container #code-178{  background-color:#777073;  }
.color-box .box-container #code-179{  background-color:#444444;  }
.color-box .box-container #code-180{  background-color:#4a6a70;  }
.color-box .box-container #code-181{  background-color:#1a3e7c;  }
.color-box .box-container #code-182{  background-color:#193368;  }
.color-box .box-container #code-183{  background-color:#202f82;  }
.color-box .box-container #code-184{  background-color:#0f0334;  }
.color-box .box-container #code-185{  background-color:#2d2a5f;  }
.color-box .box-container #code-186{  background-color:#ef9d40;  }
.color-box .box-container #code-187{  background-color:#f69820;  }
.color-box .box-container #code-188{  background-color:#fe9334;  }
.color-box .box-container #code-189{  background-color:#df6072;  }
.color-box .box-container #code-190{  background-color:#fd7475;  }
.color-box .box-container #code-191{  background-color:#e9b8a6;  }
.color-box .box-container #code-192{  background-color:#e7bf99;  }
.color-box .box-container #code-193{  background-color:#f7d9b7;  }
.color-box .box-container #code-194{  background-color:#efd2ae;  }
.color-box .box-container #code-195{  background-color:#e0b389;  }
.color-box .box-container #code-196{  background-color:#942f68;  }
.color-box .box-container #code-197{  background-color:#46164f;  }
.color-box .box-container #code-198{  background-color:#532a50;  }
.color-box .box-container #code-199{  background-color:#2b1220;  }
.color-box .box-container #code-200{  background-color:#442c55;  }

.color-box .box-container .num{
  width: 46px;
}
form {
  /* height: 300px;
    overflow-y: scroll;
  overflow-y: scroll; 
  width: 70%;*/
    margin: auto;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 1px 6px #b2b2b2;
    text-align: left;
}
.form-step-box form{
  height: 300px;
  overflow-y: scroll;
}
.form-step-box form select {
  background-position-y: 8px;
}
@media(max-width:768px){
  form {
    height: 600px;
    width: 100%;
  }
  .swatch-card-container {
      border: none !important;padding: 0px !important;
  }
}

.swatch-card-container {
  border-left: 5px dotted #a17d2f;
  padding-left: 30px;
}
.form-step-box {
  height: 300px;
}
.step-box-content span {
  display: block;
}

span.step-box-icon img {
  width: 135px;
}
.step-box-content .step-box-icon {
  margin-bottom: 20px;
    /*animation: slideUp 1.8s ease forwards .5s;*/
}
.step-box-content .step-box-text {
  font-size: 18px;
    font-weight: 500;
        text-transform: uppercase;
    margin-bottom: 10px;
    padding:10px 0;
        /*background-color:#279cd385;*/
        color:#fff;
        background-image: linear-gradient(to right, #259acd, #2074b0, #1b5c9c);
    /*background-image: linear-gradient(to right, #fdbd2d, #ef9a30, #d95515);*/
    /*transform: translateY(50px);*/
    /* animation: slideUp 1.8s ease-in-out  forwards 1s; */
}
/* COUNTER STARTS */
section.counter-sec {
  background-color: #f5f1ee;
  padding: 50px 0;
}
span.plus {
  font-size: 28px;
  padding: 0 5px;
}
.counter-section i { display:block; margin:0 0 10px; color: #1b5d9d;}
.counter-section span.counter { font-size:40px; color:#000; line-height:60px; display:block; font-family: "Oswald",sans-serif; letter-spacing: 2px}
.counter-title{ font-size:12px; letter-spacing:2px; text-transform: uppercase}
.counter-icon {top:25px; position:relative}
.counter-style2 .counter-title {letter-spacing: 0.55px; float: left;}
.counter-style2 span.counter {letter-spacing: 0.55px; float: left; margin-right: 10px;}
.counter-style2 i {float: right; line-height: 26px; margin: 0 10px 0 0}
.counter-subheadline span {float: right;}  

.medium-icon {
    font-size: 40px !important;
    margin-bottom: 15px !important;
} 
.float {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 20px;
    right: 20px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 31px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}
.my-float {
    background-color: transparent;
}
/* COUNTER ENDS */
.service-check-option span {
  top: 15px;
  right: 15px;
  width: 27px;
  height: 27px;
  display: block;
  position: absolute;
  border-radius: 100%;
  background-color: #f9f9f9;
  border: 2px solid #e1e1e1;
}
.service-check-option span:after {
  left: 3px;
  top: 3px;
  content: "";
  width: 17px;
  height: 17px;
  display: none;
  position: absolute;
  border-radius: 100%;
  background-color: #a17d2f;
}

.step-box-content.active .service-check-option span:after {
  display: block;
}

.step-progress {
  display: inline-block;
  width: 100%;
  max-width: 510px;
  margin-left: auto;
}
.step-progress span {
  font-size: 16px;
  color: #2f3146;
}
.step-progress .progress {
  margin-top: 5px;
  background-color: #fff;
  border: 2px solid #ededed;
  width: 100%;
  border-radius: 10px;
}
.step-progress .progress .progress-bar {
  background-color: #a17d2f;
  width: 20%;
  border-radius: 10px;
}

.form-inner-area input {
  width: 100%;
  height: 70px;
  padding-left: 30px;
  margin-bottom: 15px;
  border-radius: 3px;
  border: 2px solid #ededed;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.form-inner-area input:focus {
  -webkit-box-shadow: 0px 5px 35px 0px rgba(107, 89, 211, 0.17);
          box-shadow: 0px 5px 35px 0px rgba(107, 89, 211, 0.17);
  border: 2px solid #a17d2f;
}

.gender-selection {
  margin-top: 35px;
}
.gender-selection h3 {
  color: #5f5f63;
  font-size: 23px;
  font-weight: 700;
  padding-bottom: 6px;
}
.gender-selection label {
  font-size: 19px;
  font-weight: 600;
  margin-right: 40px;
  display: inline-block;
}

.upload-documents {
  margin-top: 30px;
}
.upload-documents h3 {
  color: #5f5f63;
  font-size: 23px;
  font-weight: 700;
  padding-bottom: 15px;
}
.upload-documents .upload-araa {
  width: 100%;
  padding: 25px 35px;
  display: inline-block;
  border: 2px solid #ededed;
}
.upload-documents .upload-icon {
  margin-right: 30px;
}
.upload-documents .upload-icon i {
  font-size: 60px;
  color: #d4d4d4;
}
.upload-documents .upload-text {
  float: left;
  margin-top: 8px;
  max-width: 250px;
  display: inline-block;
}
.upload-documents .upload-text span {
  font-size: 16px;
  color: #929292;
}
.upload-documents .upload-option {
  width: 245px;
  height: 45px;
  float: right;
  margin-top: 8px;
  line-height: 45px;
  border-radius: 4px;
  display: inline-block;
  background-color: #1dbe72;
}
.upload-documents .upload-option label {
  color: #fff;
  font-weight: 500;
}

.step-inner-content {
  border-bottom: none;
  padding-bottom: 40px;
}
.step-inner-content p {
  margin-bottom: 30px;color: #fff;
}

.services-select-option {
  margin-top: 30px;
}
.services-select-option li {
  width: 100%;
  min-height: 65px;
  color: #959595;
  font-size: 17px;
  position: relative;
  padding-left: 80px;
  border-radius: 4px;
  margin-bottom: 20px;
  cursor: pointer;
  border: 2px solid #ededed;
}
.services-select-option li input {
  opacity: 0;
}
.services-select-option li label {
  display: block;
  margin-bottom: 0;
  padding: 18px 0;
}
.services-select-option li:after {
  content: "";
  width: 23px;
  height: 23px;
  position: absolute;
  left: 35px;
  top: 20px;
  border-radius: 100%;
  border: 2px solid #ededed;
}
.services-select-option li:before {
  content: "";
  top: 26px;
  left: 41px;
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
  display: none;
  color: #a17d2f;
  font-family: "Font Awesome 5 Free";
  position: absolute;
}
.services-select-option li.active {
  border: 2px solid #a17d2f;
}
.services-select-option li.active:after {
  border: 2px solid #a17d2f;
}
.services-select-option li.active:before {
  display: block;
}

.language-select p {
  color: #636363;
  font-size: 18px;
  padding-bottom: 20px;
}
.language-select select {
  border: 2px solid #ededed;
  height: 60px;
  width: 100%;
  padding: 0px 30px;
}

.comment-box {
  padding-top: 35px;
}
.comment-box p {
  color: #000000;
  font-size: 18px;
  padding-bottom: 20px;
}
.comment-box textarea {
  width: 100%;
  height: 140px;
  border: 2px solid #ededed;
  padding: 20px 30px;
}

.step-inner-content {
  border-bottom: none;
}

.step-content-area {
  padding-top: 10px;
}
@media(min-width:767px){
  .budget-area {
      margin-bottom: 25px; 
      height: 300px;
      overflow-y: scroll;
    }
    .select-color{
      height: 180px;
    }
  }
  .select-color .opti-list li{
    width: 22% !important;
  }
@media(max-width:768px){
.budget-area {
    margin-bottom: 25px; 
    height: 500px;
    overflow-y: scroll;
  }
}
.budget-area p {
  color: #5f5f63;
  font-size: 23px;
  font-weight: 700;
  padding-bottom: 10px;
}
.budget-area select {
  width: 100%;
  height: 60px;
  border: 2px solid #ededed;
  padding: 0px 30px;
}
.budget-area .opti-list ul {
  flex-wrap: wrap;margin-top: 10px;
}
/* .budget-area .opti-list li {
  position: relative;
  display: inline-block;
  margin-right: 25px;
  font-size: 19px;
  color: #5f5f63;
  padding: 20px 20px 20px 60px;
  width: 33%;
  font-weight: 600;
  cursor: pointer;
  border: 2px solid #ededed;
} */
.budget-area .opti-list li {
  position: relative;
  display: flex;
  margin-right: 15px;
  margin-bottom: 15px;
  font-size: 18px;
  color: #000;
  padding: 5px 5px 5px 50px;
  width: 15%;
  font-weight: 600;
  cursor: pointer;
  border: 2px solid #ededed;
  align-items: center;
}
.budget-area .opti-list li:last-child {
  margin-right: 0;
}
/* .budget-area .opti-list li input {
  opacity: 0;
  position: absolute;
  left: 15px;
  top: 20px;
  width: 28px;
  height: 28px;
} */
/* .budget-area .opti-list li:after {
  content: "";
  position: absolute;
  height: 28px;
  left: 15px;
  top: 20px;
  width: 28px;
  border: 2px solid #ededed;
} */
/* .budget-area .opti-list li:before {
  content: "";
  top: 28px;
  left: 24px;
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
  display: none;
  color: #fff;
  z-index: 1;
  font-family: "Font Awesome 5 Free";
  position: absolute;
} */
input#quantity {
  opacity: 1;
  right: 15px !important;
  left: auto;
  width: 50px;
  height: 23px
}
.budget-area .opti-list li input {
  opacity: 0;
  position: absolute;
  left: 15px;
  /* top: 7px; */
  width: 24px;
  height: 18px;
}
.budget-area .opti-list li:after {
  content: "";
  position: absolute;
  height: 20px;
  left: 15px;
  /* top: 6px; */
  width: 25px;
  border: 2px solid #ededed;
}
.budget-area .opti-list li:before {
  content: "";
  /* top: 11px; */
  left: 24px;
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
  display: none;
  color: #fff;
  z-index: 1;
  font-family: "Font Awesome 5 Free";
  position: absolute;
}
.budget-area .opti-list li.active {
  border: 2px solid #a17d2f;
  -webkit-box-shadow: 0 0 15px 5px #6b58d317;
          box-shadow: 0 0 15px 5px #6b58d317;
}
.budget-area .opti-list li.active:after {
  border: 2px solid #a17d2f;
  background-color: #a17d2f;
}
.budget-area .opti-list li.active:before {
  display: block;
}

.step-inner-content {
  border-bottom: none;
}

.step-content-field {
  margin-top: 30px;
}
.step-content-field .date-picker {
  position: relative;
}
.step-content-field .date-picker input {
  height: 60px;
  width: 100%;
  padding-left: 120px;
  padding-right: 10px;
  border: 2px solid #ededed;
}
.step-content-field .date-picker:before {
  top: 15px;
  left: 25px;
  content: "";
  font-size: 20px;
  color: #959595;
  font-weight: 900;
  position: absolute;
  font-family: "Font Awesome 5 Free";
}
.step-content-field .date-picker:after {
  content: "";
  top: 24px;
  left: 80px;
  height: 20px;
  width: 2px;
  position: absolute;
  background-color: #e0e0e0;
}

.plan-area {
  padding-top: 40px;
}

.plan-icon-text {
  padding: 55px 60px;
  position: relative;
  border: 2px solid #ededed;
  width: 48%;
  float: left;
  margin-right: 4%;
  margin-bottom: 30px;
}
.plan-icon-text input {
  opacity: 0;
}
.plan-icon-text:last-of-type {
  margin-right: 0;
}
.plan-icon-text:before {
  top: 15px;
  left: 20px;
  display: none;
  color: #a17d2f;
  font-size: 30px;
  font-weight: 900;
  content: "";
  position: absolute;
  font-family: "Font Awesome 5 Free";
}
.plan-icon-text.active:before {
  display: block;
}
.plan-icon-text .plan-icon {
  padding-bottom: 20px;
}
.plan-icon-text .plan-icon i {
  font-size: 44px;
  color: #a17d2f;
}
.plan-icon-text .plan-text h3 {
  font-size: 26px;
  font-weight: 700;
  padding-bottom: 10px;
}
.plan-icon-text .plan-text p {
  font-size: 18px;
}
section.sample-banner {
    background-color: #fff;
}
/*---------------------------------------------------- */
/*wizard area*/
/*----------------------------------------------------*/
/* ==================================================
*	01 - media screen and (max-width: 1440px)
*	02 - media screen and (max-width: 1280px)
*	03 - media screen and (max-width: 1199px)
*	04 - media screen and (max-width: 991px)
*	05 - media screen and (max-width: 767px)
*	06 - media screen and (max-width: 680px)
*	07 - media screen and (max-width: 580px)
*	08 - media screen and (max-width: 480px)
*	09 - media screen and (max-width: 380px)
*	10 - media screen and (max-width: 320px)
================================================== */
@media screen and (min-width: 1441px) {
  .form-content {
    padding-top: 110px;
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media screen and (max-width: 1440px) {
  .steps-area-fixed {
    position: fixed;
  }

  .steps-area-fixed + .multisteps-form__form {
    /* margin-left: 360px; */
  }

  .steps {
    left: 250px;
  }

  .step-box-content .step-box-text h3 {
    font-size: 22px;
  }
  .main-wrapper .form-content{
    padding-top: 0px;
  }
  .form-content {
    padding-top: 135px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .actions {
    right: 4%;
    bottom: 0;
  }

  .form-content h2 {
    font-size: 42px;
  }

  .form-content p {
    font-size: 22px;
  }

  .image-holder {
    width: 490px;
    overflow: hidden;
  }
  .image-holder img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    -o-object-position: 79%;
       object-position: 79%;
  }
}
@media screen and (max-width: 1280px) {
  .form-content h2 {
    font-size: 40px;
  }

  .form-content p {
    font-size: 22px;
  }

  .budget-area .opti-list li {
    margin-right: 15px;
  }
  .budget-area .opti-list li:last-child {
    margin-right: 0;
  }
}
@media(min-width:767px){
  .steps-area.steps-area-fixed {
      display:none;
    }
   
  }
@media screen and (max-width: 1199px) {
  .steps-area-fixed {
    position: static;
    width: 100% !important;
  }

  .steps-area .steps {
    top: 65px;
    left: 0;
    width: 100%;
    text-align: center;
  }

  .steps-area-fixed + .multisteps-form__form {
    margin-left: 0;
  }

  .steps-area,
.multisteps-form__form {
    width: 100%;
    max-width: 100%;
  }

  .image-holder {
    width: 100%;
    height: 160px;
    display: block;
    overflow: hidden;
  }
  .image-holder img {
    height: auto;
    width: 100%;
  }

  .form-content {
    width: 100%;
    padding-right: 80px;
  }

  .inner {
    display: inline-block;
    width: 100%;
  }

  .steps li {
    display: inline-block;
    margin-right: 80px;
  }

  .steps li span:before {
    display: none;
  }

  .steps li.js-active span:after {
    width: 100px;
    height: 2px !important;
    right: -100px;
    top: 20px;
  }

  .actions {
    padding: 30px 0px 50px;
    position: static;
    margin-right: 80px;
    float: right;
  }

  .form-content h2 {
    padding: 20px 0px 20px 0px;
  }

  .actions ul {
    display: block;
  }
  .actions ul li {
    display: inline-block;
  }
}
@media screen and (max-width: 991px) {
  .pb-100, .pb-200 {
    padding-bottom: 30px;
  }

  .wizard {
    max-width: 100%;
  }

  .image-holder img {
    height: 521px;
    -o-object-fit: cover;
       object-fit: cover;
  }

  .actions {
    position: static;
    padding-right: 10px;
  }

  .steps {
    left: 0;
    right: 0;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .steps li {
    display: inline-block;
    margin-right: 30px;
    margin-left: 30px;
  }

  .form-content h2 {
    font-size: 26px;
  }

  .form-content p {
    font-size: 18px;
  }

  .step-box-content {
    margin-bottom: 30px;
  }

  .step-progress {
    margin-left: 0;
    margin-bottom: 30px;
  }

  .form-content .step-no {
    display: block;
    /* margin-bottom: 30px; */
  }

  .upload-documents .upload-option {
    float: none;
  }

  .budget-area .opti-list li {
    margin-bottom: 20px;
  }

  .plan-icon-text {
    margin-bottom: 20px;
  }

  .plan-icon-text {
    width: 100%;
  }

  .step-inner-content {
    padding-bottom: 50px;
  }

  .budget-area .opti-list li {
    font-size: 14px;    width: 60%;
  }

  .actions {
    position: static;
    padding-right: 0;
    margin-right: auto;
    margin-left: auto;
    float: none;
    padding: 0;
  }
  .actions ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .actions li span {
    height: 60px;
    width: 170px;
    line-height: 40px;
  }
   .product-img img {
        width: 50%;
    }
}
@media screen and (max-width: 580px) {
  .steps li {
    margin-right: 15px;
    margin-left: 15px;
  }

  .steps li.js-active span:after {
    width: 70px;
    height: 2px !important;
    right: -70px;
    top: 19px;
  }

  .form-content {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 460px) {
  .steps li {
    margin-right: 10px;
    margin-left: 10px;
  }

  .steps li.js-active span:after {
    width: 60px;
    right: -60px;
  }
}
/*---------------------------------------------------- */
/* COLOR CODE */
.code1{
  background-color:#eb2729;
}
.code2{
  background-color:#a8415e;
}
.code3{
  background-color:#56284f;
}
.code4{
  background-color:#5ab027;
}
.code5{
  background-color:#d54133;
}
.code6{
  background-color:#2e935b;
}
.code7{
  background-color:#fe4d7b;
}
.code8{
  background-color:#1a307c;
}
.code9{
  background-color:#f82c2d;
}
.code10{
  background-color:#793e1e;
}
.code11{
  background-color:#282b3c;
}
.code12{
  background-color:#ff5156;
}

button.btn-close {
  border: none;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 1.5rem;
}
/**//* Footer Starts */
.footer__social li {
  float: left;
}

.footer__social li a .icon {
  width: 25px;
  padding-right: 5px;
  color:#fff;
  filter: brightness(0) invert(1);
}
li.list-payment__item {
    float: left;
}
footer li {
    padding-right: 10px;
}
footer li .fa {
    background: transparent;
    width: 10px;
    right: 10px;
}
.coming-soon{
  position: relative;
}

.coming-soon video {
width: 100%;
height: 100%;
position: absolute;
object-fit: cover;
z-index: 0;
}
.coming-soon .title {
  color: #000;
  position: relative;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media(max-width:768px){
.main-wrapper .title h2 {
  font-size: 45px;
}}