.contact-form-holder .contact-form textarea {
    width: 100%;
}
.jcf-select {
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: #fff;
	margin: 0 0 12px;
	min-width: 150px;
	height: 26px
}

.jcf-select .jcf-select-text {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	line-height: 18px
}

.jcf-select .jcf-select-text span {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block
}

.countries-form .jcf-select .jcf-select-text span {
	width: calc(100% - 100px)
}

.jcf-select .jcf-select-opener {
	position: absolute;
	text-align: center;
	background: #aaa;
	width: 26px;
	bottom: 0;
	right: 0;
	top: 0
}

.jcf-radio {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid #777;
  border-radius: 9px;
  margin: 0 3px 0 0;
  height: 16px;
  width: 16px
}

.jcf-radio.jcf-checked span {
  display: block
}

.jcf-radio span {
  display: none;
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  background: #777;
  border-radius: 100%
}

.jcf-radio input[type="radio"] {
  position: absolute;
  height: 100%;
  width: 100%;
  border: 0;
  margin: 0;
  left: 0;
  top: 0;
  cursor: pointer
}

.jcf-select .jcf-select-drop {
	position: absolute;
	margin-top: 0;
	z-index: 9999;
	top: 100%;
	left: -1px;
	right: -1px
}

.jcf-list {
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: #fff;
	line-height: 14px;
	font-size: 12px;
	width: 100%
}
label {
  display: inline-block;
}

.jcf-list .jcf-list-content {
	vertical-align: top;
	display: inline-block;
	overflow: auto;
	width: 100%
}

.jcf-list ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.jcf-list ul li {
	overflow: hidden;
	display: block;
	padding-left: 0
}

.jcf-list ul li:before {
	display: none
}

.jcf-list .jcf-option {
	overflow: hidden;
	cursor: default;
	display: block;
	padding: 5px 9px;
	color: #656565;
	height: 1%
}

.jcf-select-drop .jcf-hover {
	background: #e6e6e6;
	color: #000
}

.countries-form {
	font-size: .75rem;
	font-weight: 600;
    margin-bottom: 2.575rem;
}

@media (min-width:768px) {
	.countries-form {
		font-size: 1rem
	}
}

.countries-form .jcf-select,
.countries-form select {
	position: relative;
	max-width: 18.75rem;
	margin: 0 auto;
	border: 1px solid #e0e0e3!important;
	border-radius: 4px;
	border: 0;
	background-color: #fff;
	height: 2.625rem;
	padding: .5rem 0 .5rem .6875rem
}

@media (min-width:768px) {
	.countries-form .jcf-select,
	.countries-form select {
		max-width: 22.375rem;
		height: 3.125rem;
		padding: .5625rem 0 .5625rem .875rem
	}
}

.countries-form .jcf-select:before,
.countries-form select:before {
	content: "";
	position: absolute;
	left: 3.75rem;
	top: 0;
	bottom: 0;
	width: .0625rem;
	background: #ececee
}

@media (min-width:768px) {
	.countries-form .jcf-select:before,
	.countries-form select:before {
		width: .125rem;
		left: 4.375rem
	}
}

.countries-form .jcf-select .jcf-select-text {
	line-height: 31px;
	font-size: 1rem;
	font-weight: 600
}

.countries-form .jcf-list ul {
	font-size: .75rem;
	line-height: 1.0625rem
}

@media (min-width:768px) {
	.countries-form .jcf-list ul {
		font-size: .8125rem
	}
}

@media (min-width:992px) {
	.countries-form .jcf-list ul {
		font-size: 16px
	}
}

.countries-form .jcf-list li {
	position: relative
}

.countries-form .jcf-list img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 14px
}

.countries-form .jcf-list .jcf-option {
	padding: .625rem .625rem .625rem 4.375rem
}

@media (min-width:768px) {
	.countries-form .jcf-list .jcf-option {
		font-size: 1rem;
		padding: 1.0625rem .875rem 1.0625rem 5.3125rem
	}
}

@media (min-width:992px) {
	.countries-form span.jcf-select {
		font-size: 16px
	}
}

.countries-form span.jcf-select img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 1.5rem;
	width: 2.1875rem
}

@media (min-width:768px) {
	.countries-form span.jcf-select img {
		width: 2.625rem;
		margin-right: 1.75rem
	}
}

.countries-form .jcf-select-text {
	margin: 0;
	color: #494a5b
}

.countries-form .jcf-select-text>span {
	display: inline-block;
	vertical-align: bottom
}

.countries-form .jcf-select-text img {
	width: 2.1875rem;
	margin-right: 1.5rem
}

@media (min-width:768px) {
	.countries-form .jcf-select-text img {
		width: 2.625rem
	}
}

input[type=text],
span.jcf-select,
input[type=tel] {
	font-size: 12px;
	line-height: 17px;
	outline: 0;
	border: 1px solid #e0e0e3;
	padding: .625rem 1.1875rem;
	color: #626375;
	height: 2.5rem;
	display: block;
	width: 100%;
	border-radius: .25rem;
	box-shadow: none;
	-webkit-appearance: none;
	font-weight: 300
}

@media (min-width:768px) {
	input[type=text],
	span.jcf-select {
		font-size: 13px
	}
}

input[type=text]::-webkit-input-placeholder,
span.jcf-select::-webkit-input-placeholder {
	color: #626375;
	text-transform: capitalize
}

input[type=text]::-moz-placeholder,
span.jcf-select::-moz-placeholder {
	opacity: 1;
	color: #626375;
	text-transform: capitalize
}

input[type=text]:-moz-placeholder,
span.jcf-select:-moz-placeholder {
	color: #626375;
	text-transform: capitalize
}

input[type=text]:-ms-input-placeholder,
span.jcf-select:-ms-input-placeholder {
	color: #626375;
	text-transform: capitalize
}

input[type=text]:focus,
span.jcf-select:focus {
	border-color: #03a94a
}

select {
	cursor: pointer
}

span.jcf-select {
	cursor: pointer!important;
	margin-bottom: 0
}

span.jcf-select .jcf-select-opener {
	position: absolute;
	text-align: center;
	background: #fff;
	width: 1.625rem;
	bottom: 0;
	right: 0;
	top: 0;
	color: #626375;
	border-radius: 4px;
	font-size: .375rem;
	line-height: 1
}

span.jcf-select .jcf-select-opener:after {
	position: absolute;
    right: -0.1875rem!important;
    top: 38px;
	transform: translateY(-50%);
	content: "";
    background-image: url('../images/Triangle-dropdown.svg');
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
}

@media (min-width:992px) {
	span.jcf-select .jcf-select-opener:after {
		right: 20px;
		font-size: 8px
	}
}

.jcf-select-text {
	color: #626375
}

.jcf-list-content {
	font-size: 12px;
	color: #626375
}

@media (min-width:768px) {
	.jcf-list-content {
		font-size: 13px
	}
}
.contact-form-holder {
    padding: 1rem;
    margin: 0 0 1.9375rem;
    background: #f7f9fb;
    height:650px!important;
    box-shadow: 9px 13px 45px 4px rgba(204,213,222,.24),-9px -13px 45px 4px rgba(149,168,187,.24)
}

.contact-form-holder .contact-form {
    text-align: left;
}

.contact-form-holder .contact-form label {
    margin: 0 0 .3rem;
    color: #333;
    display: block;
    font-size: 14px
}

.contact-form-holder .contact-form .row-box {
    margin-bottom: 1.5rem;
    width: 100%
}

.contact-form-holder .contact-form .row-box.input-error .invalid-feedback {
    display: block
}

.contact-form-holder .contact-form input,.contact-form-holder .contact-form textarea {
    text-transform: none;
    color: #333;
    font-size: 1rem;
    border-color: #fff;
    font-family: soleil
}

.invalid-feedback {
    display: none;
    position: absolute
}

.contact-form-holder .contact-form input::placeholder,.contact-form-holder .contact-form textarea::placeholder {
    color: #999
}

.contact-form-holder .contact-form input::-webkit-input-placeholder,.contact-form-holder .contact-form textarea::-webkit-input-placeholder {
    text-transform: none;
    color: #999;
    font-size: 1rem
}

.contact-form-holder .contact-form input::-moz-placeholder,.contact-form-holder .contact-form textarea::-moz-placeholder {
    opacity: 1;
    text-transform: none;
    color: #999;
    font-size: 1rem
}

.contact-form-holder .contact-form input:-moz-placeholder,.contact-form-holder .contact-form textarea:-moz-placeholder {
    text-transform: none;
    color: #999;
    font-size: 1rem
}

.contact-form-holder .contact-form input:-ms-input-placeholder,.contact-form-holder .contact-form textarea:-ms-input-placeholder {
    text-transform: none;
    color: #999;
    font-size: 1rem
}

.contact-form-holder .contact-form input.placeholder,.contact-form-holder .contact-form textarea.placeholder {
    text-transform: none;
    color: #999;
    font-size: 1rem
}

.contact-form-holder .contact-form textarea {
    padding: .7rem .625rem
}

.contact-form-holder .contact-form input {
    height: 2.625rem;
    padding: 0 .625rem
}

.contact-form-holder .contact-form span.jcf-select {
    font-size: 1rem;
    padding: 0 .625rem;
    height: 2.625rem;
    line-height: 2.5rem
}

.contact-form-holder .contact-form span.jcf-select .jcf-select-opener {
    color: #494a5b
}

.contact-form-holder .contact-form span.jcf-select .jcf-select-opener:after {
    right: .875rem;
    font-size: .4375rem
}

.contact-form-holder .contact-form span.jcf-select .jcf-select-text {
    color: #999;
    line-height: 2.5rem
}

.contact-form-holder .contact-form .jcf-select-drop .jcf-option-hidden {
    display: none
}

.contact-form-holder .contact-form .tel-holder {
    display: -ms-flexbox;
    display: flex
}

.contact-form-holder .contact-form .tel-holder span.jcf-select {
    width: 5rem;
    border-width: 1px 0 1px 1px;
    border-radius: 4px 0 0 4px;
    min-width: 0;
    padding-right: 0
}

.contact-form-holder .contact-form .tel-holder span.jcf-select.jcf-focus,.contact-form-holder .contact-form .tel-holder span.jcf-select:focus {
    border-color: #e0e0e3!important
}

.contact-form-holder .contact-form .tel-holder span.jcf-select img {
    width: 1.625rem;
    margin-right: .625rem
}

.contact-form-holder .contact-form .tel-holder span.jcf-select .jcf-select-text {
    line-height: 2.25rem
}

.contact-form-holder .contact-form .tel-holder span.jcf-select .jcf-select-text span {
    display: inline-block;
    vertical-align: middle;
    color: #333
}

.contact-form-holder .contact-form .tel-holder span.jcf-select .jcf-select-opener {
    display: none
}

.contact-form-holder .contact-form .tel-holder input {
    width: calc(100% - 81px);
    border-radius: 0 4px 4px 0;
    border-left-color: #d2d7de
}

.contact-form-holder .contact-form .invalid-feedback {
    color: #ff4646;
    font-size: .75rem
}

.braces {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    left: -11%
}

.braces .img {
    padding-right: 1rem
}

.contact-form-holder .contact-form .btn {
    width: 100%;
    font-family: soleil
}

@media (min-width: 768px) {
    .contact-form-holder .contact-form .btn {
        margin-left:auto;
        display: block;
        width: 170px;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem
    }

    .p-right {
        padding-right: 3rem
    }
}

button {
    outline: 0
}

input[type=email],input[type=text] {
    font-size: 12px;
    line-height: 17px;
    outline: 0;
    border: 1px solid #e0e0e3;
    padding: .625rem 1.1875rem;
    color: #626375;
    height: 2.5rem;
    display: block;
    width: 100%;
    border-radius: .25rem;
    box-shadow: none;
    -webkit-appearance: none;
    font-weight: 300
}

@media (min-width: 768px) {
    input[type=email],input[type=text] {
        font-size:13px
    }
}

input[type=email]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder {
    color: #626375;
    font-family: Soleil
}

.invalid-feedback {
    color: #ff4646;
    font-size: .75rem
}

input[type=email]::-moz-placeholder,input[type=text]::-moz-placeholder {
    opacity: 1;
    color: #626375;
    text-transform: capitalize
}

input[type=email]:-moz-placeholder,input[type=text]:-moz-placeholder {
    color: #626375;
    text-transform: capitalize
}

input[type=email]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder {
    color: #626375;
    text-transform: capitalize
}
#form-success-message .h1 {
    font-size: 24px!important;
    margin: 40px 0px 21px 0px;
    color: #05006D!important;
    font-weight: 500!important;
}
#form-success-message .h2 {
    font-size: 16px;
    font-weight: 400;
    color: #333;
}
p.thank-you-link {
    width: 70%;
    margin: 40px auto;
}
.product-overlay{
    height: unset!important;
}
.thankyou-msg-ic{
    margin: 0 auto;
}
form input:focus-visible, form textarea:focus-visible{
    outline: none;
}
form input:focus-visible, form textarea:focus-visible{
    border-color: #03a94a!important;
}

