*{margin:0;padding:0;font-family:'LG EI'!important;}
a{text-decoration:none;cursor:pointer}
:root{--c1:#f7d8d9;--c2:#cb2229;--c3:#323131;}
button{border:none;cursor:pointer}
ul{padding:0;list-style-type:none}
p,h1,h2,h3,h4,h5,a,button,li,label{font-family:'LG EI'!important;color:#fff}
p{color:var(--c3)}
a{color:#fff}
a:hover{text-decoration:none;color:var(--c1)}
svg{width:30px;height:30px}
h1{font-size:35px}
.modal-dialog{ max-width: 600px;}
.modal-content{ border-radius: 0px;}

header{width:100%;padding:10px 0;transition:ease all .5s;background:#fff;border-bottom: solid 2px #a50034;}
header.fixTop{background-color:rgba(255,255,255,0.9);padding:10px 0;box-shadow:0 0 30px -8px #000}

.logo img{width:115px;transition:ease all .5s}
.fixTop .logo img{width:115px}
.tagline{display:flex;align-items:center;justify-content:flex-end}
.tagline img{width:160px}
.inqForm { background: url("../images/bg-big.jpg") center top / 100% auto no-repeat, #f0ece4;}
.enquiry-form .btn-lg{ border-radius:50px; background: #a50034; text-transform: uppercase; border: 0px; padding: 7px 40px 5px; color:#fff;display: inline-block; font-weight: 400;text-align: center; vertical-align: middle;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.enquiry-form .btn-lg:hover{background-color: #52021b; }
.enquiry-form .btn-lg.reset-btn{background: #393939; margin-right: 5px;}
.enquiry-form .modal-title {color: #333; text-align: center; font-size: 35px; font-weight: bold; line-height: 38px; margin-bottom: 40px}
.modal-title span {font-size: 21px;font-weight: normal; line-height: 27px;display: inline-block; margin: 17px 0 0;}
.enquiry-form .form-group{ margin-bottom: 25px;}
.enquiry-form .form-group .invalid {color:#F20004; font-size:11px; }
.enquiry-form .form-group .form-control{ border: 1px solid #e0e2e5; border-radius: 3px; padding: 10px; height: auto;}
.form-group.pvs{ position: relative; display: flex;}
.form-group.pvs input[type="checkbox"] { padding: 0;height: 10px;width: 10px;margin-bottom: 0; border: 1px solid  #a50034;transform: scale(1.5); cursor: pointer;position: absolute; left:5px; top:5px;-webkit-appearance:none; -webkit-transition:box-shadow 200ms;}
.form-group.pvs input[type="checkbox"]:checked { border-color:#a50034;background-color:#a50034;}
.form-group.pvs input[type="checkbox"]:checked:before {content:'';display:block; width:4px;height:8px;border:solid #fff;
border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); transform:rotate(45deg); margin-left:2px; margin-top:0px;}
.massage-box{font-family:'LG EI'; width: 100%; height:100%;  display: none; font-size: 1rem; line-height:1.3rem; font-weight: 600; text-align: center;padding-bottom:15px;}
label.labe{padding-left:25px}
.form-group.pvs .invalid{ position: absolute; left: 9px;bottom:-17px;}
.form-group .tooltiptext{ position: absolute; background:#a90202; color:#fff; font-size: 11px; padding:2px 5px; z-index: 1;min-width: 100px; text-align: center; border-radius: 5px; bottom: -18px; left: 12px;}
.form-group .tooltiptext:before{ content:''; position: absolute;  top:-5px; left:10px; width: 0;height: 0;border-style: solid;border-width: 0 5px 8px 5px;border-color: transparent transparent #a90202 transparent;}
.enquiry-form .labe{  color:#333;}
.enquiry-form .labe a{color:#333;text-decoration: underline}
.enquiry-form .form-group select.form-control { color: #6c757d;}

.subForm {box-shadow: 0 0 37px -8px #ffb54d;margin: 40px 0 80px;border: 1px solid #E91E63;}
.formHead {text-align: center; width: 100%; margin: 40px 0 0;}
.formHead h1 {color: #333; font-weight: bold;}
.formHead .subHead {font-size: 22px; letter-spacing: 1px;}
.modal-title span { margin: 17px 0 25px;}
.enquiry-form .form-group .form-select { border: 1px solid #e0e2e5;border-radius: 3px; padding: 10px;height: auto;}
.enquiry-form .form-group .form-select:focus{ box-shadow: none; border: 1px solid #a50034;}
.enquiry-form .form-group .form-control:focus{ box-shadow: none; border: 1px solid #a50034;}
.enquiry-form .form-group { margin-bottom: 17px;position: relative;}
.enquiry-form .form-group .invalid{ position:  absolute; left: 16px;}
.form-group.pvs input[type="checkbox"] {left: 17px;}
.enquiry-form .btn-lg{padding: 14px 40px 12px;}
.subAppli{ display: flex; align-items: center;}
.subAppli input[type="checkbox"]{ margin-right: 10px;}
.subAppli .bgColor p{ margin-bottom: 0px;}
.er-first .invalid{     position: absolute !important;left: 1px !important; top: 80px}
.subAppli {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.subAppli input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px  solid #a50034;

}

/* On mouse-over, add a grey background color */
.subAppli:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.subAppli input:checked ~ .checkmark {
  background-color: #a50034;
}

/* Create the checkmark/indicator (hidden when not checked) */
.subAppli:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.subAppli input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.subAppli input:checked ~.checkmark:after {
 content:'';
  left: 6px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
   position: absolute;
}






footer{background:var(--c3);display:flex;align-items:center;padding:15px 0; border-top: 2px solid #a50034;}
footer .rt{display:flex;align-items:center;justify-content:flex-end}
footer .lft{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}
footer .lft ul{margin:0 0 5px}
footer .lft li{display:inline-block;padding:0 10px;border-right:solid 1px #fff;line-height:13px}
footer .lft li:first-child{padding-left:0}
footer .lft li:last-child{border:none}
footer .lft li a{font-size:12px}
footer p{color:#fff;font-size:12px;width:100%;display:block;margin:0}
.whatsapp{margin:0 10px 0 0}
.whatsapp img{width:15px;display:inline-block;vertical-align:top;margin:4px 0 0}
.qr img{width:65px}
.subForm {  background:#fff;   padding:  45px;  margin:80px 0 80px;  border-radius:30px;}
#tncPop .modal-content{ border-radius: 25px; background: #f0f0f2;}
#tncPop  .btn-cl{ opacity: 1; border-radius:50%; position:absolute; top:-12px; right:-12px; width: 15px; height: 15px; padding: 7px; border: 2px solid #dd0029; background: #a50034; display: flex; align-items: center;}
.btn-cl img {width: 15px;}
#tncPop h5 {text-align: center; text-transform: uppercase; font-weight: 600; margin-top: 10px; margin-bottom: 20px; border-bottom: solid 2px #ccc; padding: 0 0 10px;}
#tncPop h5 span{font-size: 1.5rem; text-transform: initial;line-height: 1.4rem;}
#tncPop .modal-content { border-radius: 4px;}
.tncCont {max-height: 450px; overflow-y: auto;font-size: 14px;}
.tncCont a { color: #a50034;}
.tncCont h4 {font-size: 1.2rem;text-transform: initial;line-height: 1.2rem;color: #000;margin: 15px 0 15px;display: inline-block;}
.tncCont ul {list-style-type: disc;float: left;color: #000;padding: 0 0 0 20px;}
.tncCont ul li {float: left;list-style-type: disc; color: #000;}


.cmp-text.c-notification-banner__text p {color: #fff;}

@media (max-width: 767px) {
h1{font-size:20px}
.logo img{width:100px}
.tagline img{width:120px}
.fixTop .logo img{width:100px}
.inqForm { background: url("../images/m-bg-big.jpg") center top / 100% 100% no-repeat, #f0ece4;}
.appliances .subHead{font-size:15px;line-height:20px}
.moreOption ul{text-align:center;margin:0}
.moreOption li{display:inline-block;min-width:auto;text-align:center;padding:12px;border-radius:14px}
.enquiry-form{padding: 15px 0px 10px 0px;}
.subForm{ border-radius: 20px; padding: 0px 15px  10px; margin: 20px 5px 50px;}
.tagline img {width: 140px;}
.formHead h1 {color: #333; font-weight: bold;  font-size: 28px; line-height: 1.8rem;}
.formHead .subHead{ letter-spacing: 0;}

.enquiry-form .modal-title {font-size: 24px; line-height: 27px;}
.er-first .invalid{     position: absolute !important;left: 1px !important; top:235px}
.modal-title span {font-size: 16px; line-height: 23px;}	
	
footer{text-align:center}
footer .lft ul{margin:0 auto 5px}
footer .rt{justify-content:center;margin:10px 0 0}

}