 :root {
     --main_primary: #003E51;
     --light_primary: #E8F0FE;
     --main_secondary: #BE8A5F;
     --gray: #333333;
     --light_gray: #CCCCCC;
}
 body{
     font-family: "Manrope", sans-serif;
     font-size: 16px;
     color: #333333;
}
 h1,h2,h3,h4,h5,h6,p {
     margin: 0px;
     padding: 0px;
}
 h1{
     font-size: 50px;
}
 h2{
     font-size: 40px;
}
 h3{
     font-size: 32px;
}
 h4{
     font-size: 24px;
}
 h5{
     font-size: 22px;
}
 h6 {
     font-size: 18px;
}
 p {
     margin: 0px;
}
 .bg_primary {
     background-color: var(--main_primary);
}
 .bg_secondary {
     background-color: var(--main_secondary);
}
 .color_primary {
     color: var(--main_primary);
}
 .color_secondary {
     color: var(--main_secondary);
}
 .color_gray {
     color: var(--gray);
}
 .text_white {
     color: #fff;
}
 .shadow_light{
     box-shadow: 0px 0px 10px #d3d3d3;
}
 .border_gray {
     border: var(--light_gray);
}
 .radius_10{
     border-radius: 10px;
}
 .radius_20{
     border-radius: 20px;
}
 .radius_30{
     border-radius: 30px;
}
 .cursor_pointer {
     cursor: pointer;
}
 .btn {
     padding: 8px 16px;
     font-size: 16px;
     font-weight: 500;
     cursor: pointer;
     border-radius: 5px;
     text-decoration: none;
     box-shadow: none;
     border: none;
}
 button.btn.bg_primary:hover {
     background-color: var(--main_primary);
     color: inherit;
}
 button.btn.bg_secondary:hover {
     background-color: #DAA65D;
     color: var(--main_primary);
}
 .font_13 {
     font-size: 13px;
}
 .font_14 {
     font-size: 14px;
}
 input {
     border: 1px solid var(--light_gray);
}
 .form-control:focus {
     box-shadow: none;
     outline: none;
     border: 1px solid rgba(0,0,0,0.3);
}
 .form-check-input[type=checkbox] {
     border-radius: .25em;
     background: #E8F0FE;
}
 .form-check-input {
     width: 16px;
     height: 16px;
}
 .form-check-input:checked[type=checkbox] {
     --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
     color: red;
}
 .custom-checkbox-wrapper {
     display: flex;
     align-items: center;
     gap: 0.5rem;
}
 .custom-checkbox {
     appearance: none;
     width: 1.3rem;
     height: 1.3rem;
     border: 2px solid var(--light_gray);
     border-radius: 0.25rem;
     position: relative;
     cursor: pointer;
     background-color: #E8F0FE;
}
 .custom-checkbox:checked {
     background-color: var(--main_primary);
     border-color: var(--main_primary);
}
 .custom-checkbox:checked::before {
     content: "\f00c";
     font-family: 'Font Awesome 6 Pro';
     font-weight: 900;
     color: white;
     font-size: 0.8rem;
     position: absolute;
     top: 0px;
     left: 0.22rem;
}
 .icon-circle {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     background-color: #F6F6F6;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 1px solid var(--light_gray);
     margin: auto;
     margin-top: 24px;
}
 .client_logo img {
     max-width: 400px;
     width: 100%;
}
