@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Sansita:ital,wght@0,400;0,700;0,800;0,900;1,400;1,700;1,800;1,900&display=swap');

*{
  color:#fff;
  font-family: "Montserrat", sans-serif!important;
}

:root {
  --bg: #003E1A;
  --text: #0B9444;
  --hover: #326342;
  --features: #f89900;
  --c-features: #fd7e14;
}

body{
  background-color: #f8f8f8;
  font-family: "Montserrat", sans-serif!important;
}

.main-nav a{
  color:#fff;
  font-weight: bold;
}

.main-header-desktop .btn-signin{
  color:#fff;
border-radius: 100px;
padding: 10px 22px;
box-sizing: content-box;
border:3px solid #f4e683;
background-color: #044223;
}

body.landing-home, .sub-page{
  background-image: url(../images/bg-hex.png);
  background-repeat: repeat-y;
  background-size: contain;
}

body.sub-page.sign-in{
  background-image: url(../images/bg-signin.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}


.bg-lace{
  background-image: url(../images/bg-lace.png);
  background-repeat: no-repeat;
  background-size: contain;
}

header.hero{
  background-image: url(../images/bg-hero.png);
  background-size: cover;
  height: 100vh;
}

.main-header-desktop{
  background-image: url(../images/banner-hero.png);
  background-repeat: no-repeat;
  background-size: cover;
}


 .gold-text {
  background: #856220;
  background: linear-gradient(to left, #856220 0%, #F4E683 50%, #BF923D 50%, #F4E683 100%);
  -webkit-background-clip: text!important;
  -webkit-text-fill-color: transparent!important;
  text-shadow: none!important; 
}

.main-nav a.nav-link.active, .main-nav a.nav-link:hover, .gold-text{
  color:#BF923D;
  background-color: transparent!important;
}


.main-nav li.nav-item a img{
  width: 20px!important;
  display: inline-block;
  margin-right: 5px;
}

.hero-banner{
  color:#fff;
  padding-top: 140px;
}

.hero-banner form{
  padding: 0px;
}

.border-gradient{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  color: #fff;
  padding: 0.5rem 1rem;
    background: linear-gradient(#044223, #044223) padding-box,
                linear-gradient(to right, #856220, #F4E683) border-box;
    border-radius: 50em;
    border: 4px solid transparent;
  
}

.border-gradient-table{
  color: #fff!important;
  padding: 0.5rem 1rem;
  background: linear-gradient(#044223, #044223) padding-box,
                linear-gradient(to right, #856220, #F4E683) border-box;
  border: 4px solid transparent;
  font-size: 20px;
}

.border-gradient:hover{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  color: #fff;
    background: linear-gradient(#044223, #044223) padding-box,
                linear-gradient(to right, #F4E683, #856220) border-box;
    border-radius: 50em;
    border: 4px solid transparent;
  
}

input.plate-number{
  background: linear-gradient(#000, #000) padding-box,
                linear-gradient(to right, #856220, #F4E683) border-box!important;
  color:#fff;
  width: 60%;
  padding: 15px 10px;
}

.hero-banner h2{
  font-size: 65px;
  text-shadow: 0px 0px 10px rgba(0,0,0,0.6);
}

.hero-banner p{
  font-size: 25px;
  font-style: italic;
  text-shadow: 0px 0px 10px rgba(0,0,0,0.6);
}

.btn-main{
  padding: 15px 20px;
}


.gold-plate{
  background: linear-gradient(to right, #856220, #F4E683) padding-box;
  width: 400px;
  height: 200px;
  border-radius: 30px;
  position: absolute;
  z-index: -1;
}

.yt-vid{
  padding-left: 30px;
  padding-top: 30px;
  border-radius: 60px;
}

.sec-what-is{
  padding: 150px 0px;
  color:#fff;
  background-image: url(../images/lace-whatis.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 150px;
  margin:0px 0px 250px 0;
}

.what-is-lace{
  margin-top: -200px;
  z-index: -10;
    position: relative;
}

.sec-snap{
  color:#fff;
  margin-bottom: 100px;
}

.sec-comparative h3, .sec-optimum h3, .sec-boxes h3{
  color:#fff!important;
  font-size: 40px;
  font-weight: bold;
}

.sec-comparative table td, .sec-comparative table th{
  padding: 10px;
  background-color: #1E1E1E;
}

.sec-comparative table tr:last-child td:last-child{
  border: none!important;
}


.sec-comparative table td, .sec-comparative table th{
  padding:20px;
  color:#fff;
}

.sec-comparative table td.bg-gray{
  background-color: #292929;
}

.sec-comparative table td{
  font-size: 14px;
}

.sec-optimum{
  background-image: url(../images/lace-optimum.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin:150px 0px;
}

.box-op{
  text-align: center;
  color: #fff;
  border-radius: 20px;
  background: rgba(41, 41, 41, 0.70);
  backdrop-filter: blur(8.899999618530273px);
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px;
}

.gold-box{
  color: #fff;
  cursor: pointer;
    background: linear-gradient(#044223, #044223) padding-box,
                linear-gradient(to right, #856220, #F4E683) border-box;
    border: 4px solid transparent;
  
}

.quote-request input.border-gradient, .signin-form input.border-gradient, input.border-gradient, div.border-gradient{
  width: 100%!important;
  background: linear-gradient(#000, #000) padding-box,
                linear-gradient(to right, #856220, #F4E683) border-box!important;
  margin-bottom: 10px;
}

/* div.border-gradient{
  width: 100%!important;
  color: #6f3138;
  background: linear-gradient(#f8d7da, #f8d7da) padding-box,
                linear-gradient(to right, #856220, #F4E683) border-box!important;
  margin-bottom: 10px;
} */

.gold-box{
  background: linear-gradient(#000, #000) padding-box,
                linear-gradient(to right, #856220, #F4E683) border-box!important;
}

.sec-quote{
  color:#fff;
}

.sec-quote .iti{
  width: 100%;
}

.sec-quote .iti__country{
  color:#000;
}

.foot-wrap{
  border-top: 1px solid var(--gold-final, #856220);
background: rgba(33, 33, 34, 0.70);
}

.main-footer{
  font-size: 12px;
  background-image: url(../images/lace-footer.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 200px;
}

.sec-testi{
  margin:100px 0 200px 0;
}

.testi-wrap{
  background-color: rgba(41, 41, 41, 0.70);
    backdrop-filter: blur(8.899999618530273px);
  background-image: url(../images/img-quote.png);
  background-position: top right;
  background-repeat: no-repeat;
  border-radius: 20px;
  padding: 20px;
}

.testi-wrap figure{
  margin-bottom: 0px;
}

.testi-desc p{
  font-size: 14px;
}

.testi-author{
  margin-bottom: 10px;
  gap: 10px;
}

.carousel-control-prev{
  top: -350px;
  right: 60px;
  left: auto;
}

.carousel-control-next{
  top: -350px;
  right: 0px;
  left: auto;
}

.carousel-control-prev, .carousel-control-next{
  display: block!important;
  width: auto!important;
}

.main-header-mobile .navbar, .main-header-mobile .offcanvas{
  background-image: url(../images/bg-hex.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.main-header-mobile .offcanvas a{
  color:#fff!important;
}

.sec-what-is .gold-text{
  font-size: 50px;font-weight: bold;margin-bottom: 10px;
}

.iti__country-name, .iti__dial-code{
  color:#000;
}

@media (max-width: 576px) {
  .step-box{
    margin-top: 0px!important;
  }
  .step-divider{
    margin: 0!important;
  }
  .sec-boxes{
    padding-top: 130px!important;
  }
  .gold-plate{
    width: 50%;
  }
  .yt-vid{
    width: 100%;
  }

  .sec-what-is{
    margin-bottom: 50px;
  }

  .hero-banner h2{
    font-size: 45px;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.6);
  }
  
  .hero-banner p{
    font-size: 15px;
    font-style: italic;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.6);
  }

  h3{
    font-size: 24px!important;
  }
  h4{
    font-size: 22px!important;
  }

  .border-gradient-table{
    font-size: 18px;
  }
  .sec-what-is .gold-text{
    font-size: 24px;
  }

  .carousel-control-prev{
    top: -790px;
    right: 60px;
    left: auto;
  }
  
  .carousel-control-next{
    top: -790px;
    right: 0px;
    left: auto;
  }
}

.testi-author img{
  width: 100px;
}

.christmas-ribbon {
  background-image: url(../images/ribbon.png);
  background-repeat: repeat-x;
  height: 100px;
  z-index: -9999;
  margin-bottom: -80px;
}

.promo{
	background-color: #4f2294;
	position: fixed;
	bottom: 0px;
	width: 100%;
	z-index: 999999;
	color:#fff;
	padding:10px 0px;
}

.promo .container{
  width: 80%;
}

.c-button {
	display: inline-block;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
	min-width:100px;
	padding: 15px 33px;
	
	font-size: 26px;
	line-height: 26px;
	text-decoration: none;
	color: #FFF;
	text-shadow: 0 1px 2px rgba(0,0,0,0.75);
	background: #5e0d0c;
	outline: none;
	border-radius: 15px;
	border: 1px solid #4c0300;
	box-shadow:
		inset 1px 1px 0px rgba(255,255,255,0.25), /* highlight */
		inset 0 0 6px #a23227, /* inner glow */
		inset 0 80px 80px -40px #ac3223, /* gradient */
		1px 1px 3px rgba(0,0,0,0.75); /* shadow */
		
	position: relative;
	overflow: visible; /* IE9 & 10 */
	-webkit-transition: 500ms linear;
	   -moz-transition: 500ms linear;
	     -o-transition: 500ms linear;
					transition: 500ms linear;
}

.c-button::before {
	content: '';
	display: block;
	position: absolute;
	top: -7px;
	left: -3px;
	right: 0;
	height: 23px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAXCAYAAACS5bYWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABFpJREFUeNrUV0tIo1cUvpkYjQ4xxSA6DxuNqG0dtaUKOgs3s6i0dFd3pSsXdjeIixakiGA34sZuXCkoONLFwJTK4GMYLYXg29gatTpiXurkbd7vv9/5ub+IxuhA7eiFQ5Kbc8/57ne/e87/ywRBYLdl3GG3aNwqsLJ0k0tLS+fmcnNzWUVFBVMoFGx2djarvLxcm5OTw+bm5iytra2xc4ExNjY27iqVyvvwK6CpeDzuCYVC1urq6qDA9UcfPp+PHR4esmAwKK6tr68/l5/8rgQ2Ozub1dbWyiYmJooaGxt/VqvV38jlchX9l0qlwoFA4DWS/RKLxRxFRUVf5+XlPcaaT2AP0sVPJBL2SCRiAPBpu93+vKamZo/Ae71eZjabWV1dXVqw7CKwp43ksrCw8Bhg7MJ/PLDZ5PHx8cz29vYT5JGD/bSYLgTrcDgYdk6siSc6NjZWDaAe4ZoHQL+cmZnRpZPnhWDpD8kw7uKo9ML/NMCsd2tr61vkzboMrEyv138M7TyLRqMWMBsX3sMgaZhMpp+AR5EJrCocDpuEGzKg4x8khs+CVWxubvZfR9JkMik4nU7BarUKLpeLmLsKuwIqTLynp4fqmIzASrqQT09Pf1VVVfX0KsWZ6uHBwQHTaDSsoKAgo6/H4xHLEcrVyRwuEisrKzs5XrrIVAVwiUVDKRRrL+YI32ewdVhMApuHWvcj6vids6J2u90MF4yBHUZNgKoEBaRBQalJqFSqtJfUYrGIlQX+ydXVVTN+u0tKSjQNDQ1axJVl2iTypebn55d7e3v/kqoDgZU1NTU9LCws/Py0M+2ekuGincxJ3yF+18jIyHJLS0slQJUWFxczrBeBE0vE5tHRkbixlZWVfSR8gTX/0P5gH7S1tX3Z3t7+BW8qAvwSfr8/jA0EIRM/qoFtampqbW9vTw+XA+ojUruVd3Z2tvb19T2TQFEim81GgVJoCvvj4+NLOJZgaWmpemdn5y3a6BbcnJDAw8HBwac6ne6eqCW5XDwB3qVSqM9/DAwMUNy/eVLabT7sI25qwgujThCBhWE+mAt2yNc4SQKSZrOQQE1HS22VJkmPAGTr7+//fX19fRk+Zgq0trbGeFAKEAQT98BSqKOj47vm5uaa/Px8JeIk4GcaHh6eWlxcfAU/A8xG67BxAX3fwdcbYUpSDJ06Z49Ak8ZC3OL8f3YiA4PBYKdLQ2AJ9OTk5GpXV9cQiCVh79M94QtlPLDUE/1gPNrd3f0W33W4cBoco48zQuy/IZYAMnGqlSc4c66L9JruQUaSARXeT8HGKzxAqFBekni6+h46+pMzGiJGMgTOJh1yU/KNEGDvZWvfBawkA9ppwGg0mrRa7SOI2g+gxOgbJIpdFpj72PnxSnPX8vqRxTURgBQWKisrH+GThOm+CtAzoK/9/Uiqq/6hoaHfdnd3jaOjo7/yY7yxbwqkWy3sQzpS2C6YirwvUJk0y7hurfyGRrnduPGvAAMASmo8wzeVwfsAAAAASUVORK5CYII=) no-repeat 0 0,
	url(data:image/png;base64,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) no-repeat 50% 0,
	url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAXCAYAAACFxybfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAodJREFUeNrsVb1rWlEUv2pN/GqspKRSKFYXWzEloIWif0Fn6dJChQ7OQil0qd3EzcEpg0OgdHDr4CQODk7VRlLMEIVqApX4We0zflR9/Z1Ui4T34ksaaAYP/Hzc673n/M6550PG8zz73yKjn0wm83fDYDAwo9HINBrNnwOQg4MDs0ql2lQqlfdAWont7ng8Pjw+Ps44nc4G1pI9EXWaSOzt7TGO42aH5Pv7+08ajUZ0MBiUeXEZd7vdL5VK5fX29rZ+5tQiEmdxKrlcjsEYczgcynK5/BKKv/IXFNz/XiqVXkHdjUuRIA9SqdRD8or/R8Ez9fr9fqHVakUR4c2z0REjIQuHw2ZcrPBXLCA0RHTezEdHjIQqkUhEr9I4HOILhQLf6/VoOUFEvDMiQiToDx1Cdz+bzZ6bUFarlel0OkkVUK/XWbvdPoVer5fh3ntsfwJ+CJ2XA4p0Op1bpBgJyxDehQQ6nQ5DZXHBYDBZq9V+EhFUndnr9drEqoc2bwJbwGPgtohuVSwWe2Gz2TZMJpNgRKi6qtUqg2EWj8dTgUDgo0KhWPN4PC70EvXOzs67fD6/S6kiRIKeZA1YJ2MiJNbdbvfTUCjkV6vVK2hcDF8GI2w0GrGTkxM2HA5PDxaLxSOfz/cWEfk81X0XIMMFgJJ/srBjCgk8IdcfuVyuZ36//7nFYtkQyAMumUzuRiKRD0jMFLa+AZOpYwqgB/ziBVqmVBKUO7eAB/R0WG/Z7XaTVqtdbTabHJL6EK2djBaBPHA0NSqpbUsiMUeEBgpF4Q5AbZrmSJ/yEWgBTaBNHl9kdkgmMUeG7qwAq9PqovceTA3zlxlgsuswyuXsGsiSxJLEkoSY/BZgAEjRodi+uBruAAAAAElFTkSuQmCC) no-repeat 100% 0;
	
}
.c-button:hover {
	background: #a61715;
	color:#fff;
	box-shadow:
		inset 1px 1px 0px rgba(255,255,255,0.25), /* highlight */
		inset 0 0 6px #da3b2c, /* inner glow */
		inset 0 80px 80px -40px #dd4330, /* gradient */
		1px 1px 3px rgba(0,0,0,0.75); /* shadow */
	text-decoration: none;
		
}
.c-button:focus {
	outline: none; /*FF*/
}
.c-button:active {
	box-shadow:
		inset 1px 1px 0px rgba(255,255,255,0.25), /* highlight */
		inset 0 0 6px #da3b2c, /* inner glow */
		inset 0 80px 80px -40px #dd4330, /* gradient */
		0px 1px 0px rgba(255,255,255,0.25); /* shadow */
		
	-webkit-transition: 50ms linear;
	   -moz-transition: 50ms linear;
	     -o-transition: 50ms linear;
	        transition: 50ms linear;
}

.step-img img{
  border-radius: 20px;
}

.step-box{
  margin-bottom: 150px;
  margin-top: -150px;
}

.signin-form{
  text-align: center;
  color: #fff;
  border-radius: 20px;
  background: rgba(41, 41, 41, 0.70);
  backdrop-filter: blur(8.899999618530273px);
  max-width: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px;
}

.quick-view-form{
  text-align: center;
  color: #fff;
  border-radius: 20px;
  background: rgba(41, 41, 41, 0.70);
  backdrop-filter: blur(8.899999618530273px);

  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px;
}

.otpInput input {
  height: 50px;
  width: 50px!important;
  text-align: center;
  font-weight: bold;
  margin: 5px;
  border-radius: 10px!important;
}

.component{
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 30px;
}

.component figure{
  min-width: 66px;
}

.sub-page .main-header-desktop{
  background-image: none;
}

.gold-text-green{
  background: linear-gradient(#044223, #044223) padding-box, linear-gradient(to right, #856220, #F4E683) border-box;;
}