#besleyandcopp-logo {
	width: 15rem;
	margin: auto;
	display: block;
}
#mc_embed_signup {
	max-width: 700px;
}
.primary-container {
	margin: auto;
	width: fit-content;
}
#page-title {
	font-family: Poppins-ExtraBold;
	text-align: center;
}
#mc-embedded-subscribe-form {
	font-family: Poppins-Regular;
}
strong {
	font-family: Poppins-Bold;
}
.semi-bold {
	font-family: Poppins-SemiBold;
}
#mc_embed_signup .mc-field-group.input-group ul li.focus-group {
	border: 1px solid #307fe2;
    border-radius: 8px;
    margin: 10px 0;
    padding: 10px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
#mc_embed_signup .mc-field-group.input-group ul li.focus-group:hover label {
	cursor: pointer;
}
label.subscription-option {
	width: fit-content;
	height: fit-content;
	padding: 5px;
}
#mc_embed_signup input {
	font-size: 20px;
}
#footer {
	margin-top: 5rem;
	margin-bottom: 2rem;
	font-family: Poppins-Regular;
	text-align: center;
}
#mc_embed_signup .button.a {
	background-color: #307fe2;
	font-family: Poppins-ExtraBold;
    text-align: center;
    background-image: linear-gradient(to right, #307fe2, #7ecbe8);
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    min-width: 190px;
    padding: 14px 26px;
    font-size: 20px;
    font-weight: 600;
    transition: all .25s ease-out;
    box-shadow: 1px 1px 10px 1px #0003;
    margin: auto;
    height: unset;
    display: block;
}
#mc_embed_signup .button.a:hover {
	box-shadow: 1px 1px 10px 1px #00000080;
}
#brandhub-note {
	display: inline-block;
	font-size: 10px;
	margin-top: 1rem;
}
#mc_embed_signup div#mce-responses {
	text-align: center;
}
#mc_embed_signup div.response.x {
	float: unset;
	width: unset;
}

@font-face {
 font-family: 'Poppins-ExtraBold';
 src: url(/assets/Poppins-ExtraBold-9ecd5efbf99f5c6762b14741db971fbed9c206c2e8d51bf57bad3a68aea6d0d6.ttf);
 font-display: swap;
}
@font-face {
 font-family: 'Poppins-Bold';
 src: url(/assets/Poppins-Bold-542ca15de37ab3bcf41f3ee5fdb9a8a4ba3346a27998196101a9a01a0f4ce0d8.ttf);
 font-display: swap;
}
@font-face {
 font-family: 'Poppins-SemiBold';
 src: url(/assets/Poppins-SemiBold-a27799af8da2e1b65bc12769eb5f8da47b0689e24f5cf655a4fb58db80bd90b7.ttf);
 font-display: swap;
}
@font-face {
 font-family: 'Poppins-Regular';
 src: url(/assets/Poppins-Regular-4132d2d2b9443d42422ebb2769b3113c157e0cf08c91cfe555a6da5ac0a9c762.ttf);
 font-display: swap;
}
@media all and (min-width: 1024px) { 
#form-holder {
	max-width: 50rem;
}
.form-input {
	font-size: 16px;
}
}
@media all and (min-width: 769px) and (max-width: 1023px) { 

}
@media all and (min-width: 481px) and (max-width: 768px) { 

}
@media all and (max-width: 480px) {

}
body {
	background-color: #684691;
	color: black;
	font-family: Lato, sans-serif;
}
#mayfair-logo-holder {
	margin: 3rem;
}
#mayfairintl-logo {
	display: block;
	margin: auto;
	max-width: 25rem;
}
#form-holder {
	background-color: white;
	border-radius: 20px;
	display: block;
	margin: auto auto 10rem auto;
	padding: 3rem 1rem;
}
.form-input {
    padding-block: 1px;
    padding-inline: 2px;
	padding: 0.5rem;
	margin: 1rem auto;
	font-family: Lato, sans-serif;
    text-indent: 2%;
}
.form-input.line {
	display: block;
	width: 50%;
}
.form-input.inline {
	display: inline-block;
}
#form-submit-button {
	font-family: Lato, sans-serif;
	background-color: #307fe2;
    text-align: center;
    background-image: linear-gradient(to right, #684691, #9575bd);
    color: white;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    min-width: 190px;
    padding: 14px 26px;
    font-size: 20px;
    font-weight: 600;
    transition: all .25s ease-out;
    box-shadow: 1px 1px 10px 1px #0003;
    margin: 2rem auto;
    height: unset;
    display: block;
}
#form-submit-button:hover {
	box-shadow: 1px 1px 10px 1px #00000080;
	cursor: pointer;
}
#upload-block {
	font-family: Lato, sans-serif;
	margin: 2rem auto auto auto;
	text-align: center;
	position: relative;
}
#address-block {
	border-top: 1px solid #684691;
	border-bottom: 1px solid #684691;
	margin: 5px 0 5px 0;
	padding: 5px 0 5px 0;
}
#password-block {
	border-top: 1px solid #684691;
	margin: 5px 0 5px 0;
	padding: 5px 0 5px 0;
}
.alert-message {
	display: block;
	text-align: center;
	font-size: 18px;
	color: red;
	margin: 1rem auto 3rem auto;
}

input[type="file"]::file-selector-button {
	font-family: Lato, sans-serif;
  	border-radius: 4px;
  	padding: 0 16px;
  	height: 40px;
  	cursor: pointer;
  	color: white;
  	background-color: #684691;
  	border: 1px solid rgba(0, 0, 0, 0.16);
  	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
  	margin-right: 16px;
  	transition: background-color 200ms;
  	font-size: 16px;
}

/* file upload button hover state */
input[type="file"]::file-selector-button:hover {
  	background-color: #9575bd;
}

/* file upload button active state */
input[type="file"]::file-selector-button:active {
  	background-color: #e5e7eb;
}
#upload-label {
	margin: 1rem;
}
.passcode-field {
	border: 2px solid #684691;
	border-radius: 20px;
}
#successful-holder {
	font-family: Lato, sans-serif;
	display: block;
	text-align: center;
	padding: 5rem 3rem;
}
#successful-title {
	font-size: 28px;
	margin-bottom: 3rem;
}
#besleyandcopp-logo {
	width: 15rem;
	margin: auto;
	display: block;
}
footer {
	color: white;
	text-align: center;
}
#footer-support-email {
	margin-bottom: 1rem;
}
button {
	.button-enabled { display: initial; line-height: 2rem; }
	.button-disabled { display: none }

	&[disabled] {
		.button-enabled { display: none }
		.button-disabled { display: initial }
	}
}
.loading-spinner {
	max-width: 2rem;
    display: block;
    margin: auto;
}
.phone-input-group {
  display: flex;
  gap: 10px;
  margin-bottom: 1rem;
  align-items: center;
  width: 60%;
  margin: auto;
}

.country-code-select {
  width: 120px; /* Adjust as needed */
}

.phone-number-input {
  flex: 1; /* Take up remaining space */
}
#logo-dropzone {
	border: 2px dashed #684691;
	margin: 0 130px;
	border-radius: 10px;
	color: #684691;
	background-color: #efefef;
}
#dropzone-instructions {
	margin: auto;
	text-align: center;
	display: block;
	color: #684691;
	font-size: 12px;
	margin-bottom: 2rem;
}
.dropzone .dz-message {
    margin-bottom: 2em !important;
    margin-top: 10px !important;
}
.bi-upload {
	margin-top: 2rem;
}
.form-input.line.company-name {
	margin: 1rem auto 3rem auto;
}
#upload-block {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background-color: #f9f9f9;
  padding: 1.5rem;
  border: 2px dashed #c0c0c0;
  border-radius: 12px;
  max-width: 600px;
  margin: 1rem auto;
}

#upload-block label {
  display: flex;
  flex-direction: column;
  font-weight: 600;
  color: #333;
  cursor: pointer;
}

#upload-block input[type="file"] {
  margin-top: 0.5rem;
  padding: 0.6rem;
  border-radius: 8px;
  border: 1px solid #ccc;
  transition: border-color 0.2s, box-shadow 0.2s;
}

#upload-block input[type="file"]:hover {
  border-color: #0077cc;
  box-shadow: 0 0 5px rgba(0, 119, 204, 0.3);
}

#upload-block input[type="file"]:focus {
  outline: none;
  border-color: #005fa3;
  box-shadow: 0 0 0 3px rgba(0, 119, 204, 0.25);
}

#upload-instructions {
  font-size: 0.9rem;
  color: #666;
  margin-top: 0.5rem;
  text-align: center;
}
#brandhub-intro-block {
	text-align: center;
	padding: 1rem;
	max-width: 600px;
	padding: 1.5rem;
	margin: auto;
	border: 2px solid #684691;
	border-radius: 12px;
}
#brandhub-intro-block-title {
	color: #684691;
}

.grecaptcha-badge {
  right: auto !important;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */