@import url("//fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap");

:root {
	--font: "Hanken Grotesk", sans-serif;  /*Font Family*/
	--radius: 0.5em; /*Border Radius*/

	--white: #FFFFFF;
	--blk: #242424;
	--primary: #038674;
	--primary1: #E8DC93;
}
body {
    color: var(--blk);
	font-family: var(--font);
	font-size: 	16px;
	background: none repeat scroll 0 0 transparent;
	font-weight: 400;	
}

.check-subscription-link a {
	color: var(--blk);
}
.check-subscription-link a:hover {
	color: var(--primary);
}
a:-webkit-any-link, a:-moz-any-link {
    color: var(--blk);
    text-decoration: none;
    cursor: auto;
}
.hyperlink, .disclaimer-box a, .cookies-box a {
	color: var(--blk);
	text-decoration: none;
}
.hyperlink:hover, .disclaimer-box a:hover, .cookies-box a:hover {
	color: var(--primary) !important;
	text-decoration: underline;
}
.wrapper {
    width: 100%;
    padding: 5px 0 10px 0px;
    margin: 0 auto;
    max-width: 1185px;
}
.service-name {
    position: relative;
    top: 3px;
}
.btn,
.btn:active,
.btn:focus {
    background: var(--primary);
    border-radius: 0.5em;
    color: var(--white);
    font-family: var(--font) !important;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0px;
    margin: 0 auto;
    padding: .75rem 1.25rem;
    border: 1px solid var(--primary)!important;
    /* text-transform: uppercase; */
    text-decoration: none;
    transition: background 0.5s ease 0s;
}
.btn:hover {
	 background: #038674e1;
	 border: 1px solid #038674e1 !important;
	 color: var(--white);
}
#dialogModal .btn-submit, #dialogModal .btn-ok, #dialogModal .btn-cancel {
    min-width: inherit;
}
.radio input, .checkbox input {
    height: 17px;
}

.form .row-control .input>* {
    width: 95%;
    border: 0.08em solid var(--primary);
    border-radius: 0.5em;
}
.row-control {
	padding: 0.5em 0;
	width: calc(100% / 3);
    display: inline-block;
}
/* Cumpolsory Field Labels */
.row-control[order="0"] .lable::before {
    content: "*";
    color: #f00;
    position: absolute;
    width: 5px;
    height: 5px;
    left: 3.7em;
}
#wrapper > div.subcription-wrapper.subscription-wrapper-single > div.subscription-form-single > form > div > div.form > div:nth-child(1) > div.input > span {
    display: none;
    color: #f00;
}
.form .lable { /* Form Label */
	width: 100%;
	font-weight: 450;
	/* text-transform: uppercase; */
}
.form input {
	appearance: none;
	-moz-appearance: none;
	background-color: #ffffff;
	border: 0.08em solid #E4EEEC;
	color: #585852;
	height: 36px;
    padding: 5px;
	border-radius: 0.5em;
}
.form select {
	appearance: none;
    -webkit-appearance: none;
	-moz-appearance: none;
    background-color: #ffffff;
    background-image: url("//tools.eurolandir.com/tools/SubscriptionCentre2/Config/Company/JE-FSFL/tick.svg");
    background-origin: content-box;
    background-position: calc(0px + 100%) 50%;
    background-repeat: no-repeat;
    background-size: 9px 6px;
	border-radius: 0px;
    padding: 5px;
    color: #585852;
    height: 36px;
	border: 0.08em solid #a8a9a3;
}

@media not all { 
	.form select  {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
	}
}
.form select > option{
	color: #585852;
    text-transform: capitalize;
}
.modal-content {
    
}

/*
@media (max-width: 480px) { 
	.button-inner {
		padding-top: 10px;
	}
}
*/
/********** Additional CSS **********/
/* Selection Services Checklist */
.subscription-wrapper-single .selection-services {
    border: 0px solid #c3d1ec;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.selection-services {
    padding-left: 0px;
	margin-bottom: 0px;
}
/* Form Styling */
.form .input {
	width: 100% !important;
}
/* Subscribe Button Styling */
.button-wrapper {
    margin-top: 40px;
    width: 65%;
    padding-left: 15px;
}
.button-wrapper .check-subscription-link, .button-wrapper .button-inner {
    margin-left: 0;
}
/* Footer */
.footer {
	font-size: 13px;
}
/* Google Recaptcha Disclaimer */
.google-recapcha {
	text-decoration: none;
    margin-top: 15px;
    text-align: left;
    font-size: 13px;
    color: var(--blk);
}
.google-recapcha a {
    text-decoration: none;
    color: inherit;
}
.google-recapcha a:hover{
    text-decoration: underline;
    color: var(--primary);
}
.cookies-box a[target="_blank"]:hover {
	text-decoration: underline;
    color: var(--primary) !important;
}
input[type="checkbox"] {
    opacity: 100 !important;
    accent-color: var(--primary);
    width: 20px !important;
    height: 20px !important;
    border-radius: 0.5rem;
    border-color: 0.08em solid var(--primary) !important;
    margin-right: 3px !important;
}
/* Privacy and Terms Modal*/
.subscribe-checking .button-wrapper .btn,
#dialogModal .privacy-policy-sector .btn {
    padding: .75rem 1.25rem;
    width: 13.8em;
    font-weight: 400;
    margin: 1px;
}
.privacy-policy a:hover {
    text-decoration: underline;
    color: var(--primary) !important;
}
.validator-error,
.compulsory-field {
    border: 0 solid #FFFFFF !important;
}
.modal-body .input {
    width: 100% !important;
}
/* Subscription Modal */
.subscribe-checking .row-control {
    width: 100%;
    margin: 0 auto;
}
.subscribe-checking .form .lable {
    width: 20%;
    padding-right: 5%;
    text-align: left;
}
.subscribe-checking .button-wrapper {
    margin: 0;
	text-align: center;
	width: 100%;
	padding: 0;
}
/* @media  (max-width: 528px) {
} */
 
/********** Media Query **********/
@media (min-width: 769px) and (max-width: 1225px){
    .subcription-wrapper.subscription-wrapper-single {
        margin-left: 16px;
    }
}
@media (min-width: 481px) and (max-width: 768px){
    .row-control {
        width: 50%;
        display: inline-block;
    }
    .subcription-wrapper.subscription-wrapper-single {
        margin-left: 16px;
    }
    .button-wrapper {
        text-align: left;
    }
}
@media (min-width: 0px) and (max-width: 480px){
    .main-heading, .sub-heading {
        margin-left: 16px;
    }
    #wrapper > div.subcription-wrapper.subscription-wrapper-single > div.row-control > strong > span {
        margin-left: 6px;
    }
    .row-control {
        width: 100%;
        display: inline;
    }
    .button-wrapper {
        text-align: left;
        margin-top: 5px;
        width: 65%;
        padding-left: 30px;
    }
    .subscribe-checking .button-wrapper {
        margin-top: 5px;
        margin: 5px 0;
        text-align: center;
        width: 100%;
        padding: 0;
    }
    .google-recapcha {
        margin-left: 14px
    }
}