body,
p,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
.key-contacts-v3 .header h2,
.popup-modal .popup-form .checkbox-field label *    {font: unset; font-family: 'Roobert', sans-serif !important}

.key-contacts-v3 .header h2 {font-weight: 300; font-size: 35px;}

strong  {font-weight: 700}


img.dcs-cc-logo {max-width: 100%; height: auto !important; width: 100%; max-width: 273px;}

.header-and-details { display: flex; flex-direction: column; gap: 0; }

.btn-green { background-color: #243508; border-color: #243508; color: #ffffff;}
.btn-green:hover { background-color: transparent; color: #243508; }

section.details {padding: 49px 0 43px}

section.details .details-panels { display: grid; gap: 20px; grid-template-columns: 1fr 1fr; }

section.details .details-panel { background-color: #F3EFEC; padding: 25px 38px; }

.details-panel h3   {color: #243508; margin-bottom: 0.75em; font-family: 'Roobert', sans-serif; font-size: 30px; font-weight: 300 }
.details-panel      {font-size: 18px;}

.details-panel.info ul,
.details-panel.benefits ul { list-style: none; margin: 0; }

.details-panel.info ul li,
.details-panel.benefits ul li { color: #243508; margin-bottom: 0.75em;  display: flex; flex-direction: row; gap: 20px; }

.details-panel.benefits ul li strong    {font-weight: 600}

.details-panel.info ul li:before,
.details-panel.benefits ul li:before { content: ""; flex-shrink: 0; display: block; width: 32px; height: 23px; transform: translateY(1px); background-image: url("/compliance-club/_assets/icon-tick-new.png"); background-position: center bottom; background-size: contain; background-repeat: no-repeat; }

.details-panel.benefits p,
.details-panel.info p { color: #243508; }

.details-panel .btn-green:hover { color: #243508; }


.btn-standard       {font-size: 15px; font-weight: 500; font-family: 'Roobert', sans-serif; padding: 0.75em 2em;}
.btn-white          {border-color: #ffffff;}    
.btn-white:hover    {color: #243508; border-color: #243508; background-color: transparent;}



@media (max-width: 740px) {
   section.details .details-panels { grid-template-columns: 1fr; }
}

@media (max-width: 440px) {
	#pnlCaptcha {position: relative; left: -30px;transform: scale(0.9);}
}

@media (max-width: 340px) {
	#pnlCaptcha {position: relative; left: -45px;transform: scale(0.75);}
}