body .newform-1 .form-label,
body .newform-2 .form-label,
body .newform-3 .form-label,
body .newform-4 .form-label,
body .newform-5 .form-label {
font-weight: 700;
}
body .newform-1 .form-check .form-check-label,
body .newform-2 .form-check .form-check-label,
body .newform-3 .form-check .form-check-label,
body .newform-4 .form-check .form-check-label,
body .newform-5 .form-check .form-check-label {
font-weight: 400;
}
.file-select-set {
position: relative;
}
.file-select-set input:first-child {
z-index: 0;
padding: 10px 110px 10px 16px !important;
}
.file-select-set input[type=file] {
position: absolute;
right: 0;
width: 110px;
height: 100%;
opacity: 0;
z-index: 99;
}
.file-opc {
color: #fff !important;
position: absolute;
right: 0;
height: 100%;
width: 110px;
border-radius: 0 !important;
justify-content: center;
align-items: center;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-ms-border-radius: 0 !important;
-o-border-radius: 0 !important;
z-index: 0;
}
.file-opc i {
font-size: 16px;
}
.newform-1 #inputGroupFile02 {
z-index: unset;
background-color: transparent;
}
.newform-1 .card .card-header {
border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-ms-border-radius: 0 !important;
-o-border-radius: 0 !important;
padding: 15px 25px !important;
}
body .newform-1 .card .card-header h5 {
color: #fff;
font-size: 24px;
text-align: center;
width: 100%;
}
body .newform-1 .form-check .form-check-label {
color: #293240 !important;
font-weight: 400;
}
body.theme-1 .newform-1 .card .card-header {
background-color: #0CAF60;
}
body.theme-2 .newform-1 .card .card-header {
background-color: #584ED2;
}
body.theme-3 .newform-1 .card .card-header {
background-color: #6FD943;
}
body.theme-4 .newform-1 .card .card-header {
background-color: #145388;
}
body.theme-5 .newform-1 .card .card-header {
background-color: #B9406B;
}
body.theme-6 .newform-1 .card .card-header {
background-color: #008ECC;
}
body.theme-7 .newform-1 .card .card-header {
background-color: #922C88;
}
body.theme-8 .newform-1 .card .card-header {
background-color: #C0A145;
}
body.theme-9 .newform-1 .card .card-header {
background-color: #48494B;
}
body.theme-10 .newform-1 .card .card-header {
background-color: #0C7785;
}
body.theme-1 .newform-1 .form-group label {
color: #0CAF60;
}
body.theme-2 .newform-1 .form-group label {
color: #584ED2;
}
body.theme-3 .newform-1 .form-group label {
color: #6FD943;
}
body.theme-4 .newform-1 .form-group label {
color: #145388;
}
body.theme-5 .newform-1 .form-group label {
color: #B9406B;
}
body.theme-6 .newform-1 .form-group label {
color: #008ECC;
}
body.theme-7 .newform-1 .form-group label {
color: #922C88;
}
body.theme-8 .newform-1 .form-group label {
color: #C0A145;
}
body.theme-9 .newform-1 .form-group label {
color: #48494B;
}
body.theme-10 .newform-1 .form-group label {
color: #0C7785;
}
body.theme-1 .newform-1 .form-check-input:checked[type="checkbox"] {
background-image: url('data:image/svg+xml,');
}
body.theme-2 .newform-1 .form-check-input:checked[type="checkbox"] {
background-image: url('data:image/svg+xml,');
}
body.theme-3 .newform-1 .form-check-input:checked[type="checkbox"] {
background-image: url('data:image/svg+xml,');
}
body.theme-4 .newform-1 .form-check-input:checked[type="checkbox"] {
background-image: url('data:image/svg+xml,');
}
body.theme-5 .newform-1 .form-check-input:checked[type="checkbox"] {
background-image: url('data:image/svg+xml,');
}
body.theme-6 .newform-1 .form-check-input:checked[type="checkbox"] {
background-image: url('data:image/svg+xml,');
}
body.theme-7 .newform-1 .form-check-input:checked[type="checkbox"] {
background-image: url('data:image/svg+xml,');
}
body.theme-8 .newform-1 .form-check-input:checked[type="checkbox"] {
background-image: url('data:image/svg+xml,');
}
body.theme-9 .newform-1 .form-check-input:checked[type="checkbox"] {
background-image: url('data:image/svg+xml,');
}
body.theme-10 .newform-1 .form-check-input:checked[type="checkbox"] {
background-image: url('data:image/svg+xml,');
}
body .newform-1 .form-check-input:checked {
background-color: transparent;
border: 0;
}
body .newform-1 .form-check-input:focus {
box-shadow: none;
}
body.theme-1 .is-focused .choices__inner,
body.theme-1 .is-open .choices__inner {
border-color: #0CAF60;
}
body.theme-2 .is-focused .choices__inner,
body.theme-2 .is-open .choices__inner {
border-color: #584ED2;
}
body.theme-3 .is-focused .choices__inner,
body.theme-3 .is-open .choices__inner {
border-color: #6FD943;
}
body.theme-4 .is-focused .choices__inner,
body.theme-4 .is-open .choices__inner {
border-color: #145388;
}
body.theme-5 .is-focused .choices__inner,
body.theme-5 .is-open .choices__inner {
border-color: #B9406B;
}
body.theme-6 .is-focused .choices__inner,
body.theme-6 .is-open .choices__inner {
border-color: #008ECC;
}
body.theme-7 .is-focused .choices__inner,
body.theme-7 .is-open .choices__inner {
border-color: #922C88;
}
body.theme-8 .is-focused .choices__inner,
body.theme-8 .is-open .choices__inner {
border-color: #C0A145;
}
body.theme-9 .is-focused .choices__inner,
body.theme-9 .is-open .choices__inner {
border-color: #48494B;
}
body.theme-10 .is-focused .choices__inner,
body.theme-10 .is-open .choices__inner {
border-color: #0C7785;
}
body.theme-1 .newform-1 .form-check-input[type="radio"]:checked,
body.theme-1 .newform-2 .form-check-input[type="radio"]:checked {
background-color: #0CAF60;
border: 1px solid #0CAF60;
}
body.theme-2 .newform-1 .form-check-input[type="radio"]:checked,
body.theme-2 .newform-2 .form-check-input[type="radio"]:checked {
background-color: #584ED2;
border: 1px solid #584ED2;
}
body.theme-3 .newform-1 .form-check-input[type="radio"]:checked,
body.theme-3 .newform-2 .form-check-input[type="radio"]:checked {
background-color: #6FD943;
border: 1px solid #6FD943;
}
body.theme-4 .newform-1 .form-check-input[type="radio"]:checked,
body.theme-4 .newform-2 .form-check-input[type="radio"]:checked {
background-color: #145388;
border: 1px solid #145388;
}
body.theme-5 .newform-1 .form-check-input[type="radio"]:checked,
body.theme-5 .newform-2 .form-check-input[type="radio"]:checked {
background-color: #B9406B;
border: 1px solid #B9406B;
}
body.theme-6 .newform-1 .form-check-input[type="radio"]:checked,
body.theme-6 .newform-2 .form-check-input[type="radio"]:checked {
background-color: #008ECC;
border: 1px solid #008ECC;
}
body.theme-7 .newform-1 .form-check-input[type="radio"]:checked,
body.theme-7 .newform-2 .form-check-input[type="radio"]:checked {
background-color: #922C88;
border: 1px solid #922C88;
}
body.theme-8 .newform-1 .form-check-input[type="radio"]:checked,
body.theme-8 .newform-2 .form-check-input[type="radio"]:checked {
background-color: #C0A145;
border: 1px solid #C0A145;
}
body.theme-9 .newform-1 .form-check-input[type="radio"]:checked,
body.theme-9 .newform-2 .form-check-input[type="radio"]:checked {
background-color: #48494B;
border: 1px solid #48494B;
}
body.theme-10 .newform-1 .form-check-input[type="radio"]:checked,
body.theme-10 .newform-2 .form-check-input[type="radio"]:checked {
background-color: #0C7785;
border: 1px solid #0C7785;
}
/******************* form 2 css ******************/
.section-body.newform-2 {
background-image: url(./img/form2bg.png);
background-size: cover;
background-repeat: no-repeat;
}
.section-body.newform-2 p,
.section-body.newform-2 h1,
.section-body.newform-2 h2,
.section-body.newform-2 h3,
.section-body.newform-2 h4,
.section-body.newform-2 h5,
.section-body.newform-2 h6,
.section-body.newform-2 small,
.section-body.newform-2 i {
color: #fff;
}
.section-body.newform-2 .text-dark {
color: #fff !important;
}
.section-body.newform-2 .choices__inner {
background: rgba(255, 255, 255, 0.25);
box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05);
color: #fff;
border: 0;
}
.section-body.newform-2 .choices[data-type*="select-one"]:after {
border-color: #fff transparent transparent transparent;
}
body .newform-2 .card {
background-color: transparent;
}
body .newform-2 .card .card-header {
background: rgba(88, 78, 210, 0.65);
box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.07);
padding: 15px 25px;
border-radius: 18px 18px 0 0;
-webkit-border-radius: 18px 18px 0 0;
-moz-border-radius: 18px 18px 0 0;
-ms-border-radius: 18px 18px 0 0;
-o-border-radius: 18px 18px 0 0;
}
body .newform-2 .card .card-body {
background: rgba(255, 255, 255, 0.20);
backdrop-filter: blur(12.5px);
border-radius: 0 0 18px 18px;
-webkit-border-radius: 0 0 18px 18px;
-moz-border-radius: 0 0 18px 18px;
-ms-border-radius: 0 0 18px 18px;
-o-border-radius: 0 0 18px 18px;
}
body .newform-2 .card .card-header h5 {
text-align: center;
width: 100%;
}
body .newform-2 .card:first-child .card-body {
border-radius: unset;
}
body .newform-2 textarea::placeholder {
color: #fff;
}
body .newform-2 .card .card-header h5 {
color: #fff;
font-size: 24px;
}
body .newform-2 .card .card-header h5::after {
display: none;
}
body .newform-2 .card .card-footer {
background: rgba(255, 255, 255, 0.20);
}
body .newform-2 .form-group label {
color: #fff;
font-weight: 700;
}
body .newform-2 .form-check .form-check-label {
color: #fff !important;
font-weight: 400;
}
body .newform-2 .form-group input.form-control,
body .newform-2 canvas.form-control,
body .newform-2 .dropzone,
body .newform-2 .form-group textarea.form-control,
body .newform-2 .form-group select.form-control,
body .newform-2 .form-group select.form-select {
background: rgba(255, 255, 255, 0.25);
box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05);
color: #fff;
border: 0;
}
body .newform-2 input[type="date"]::-webkit-calendar-picker-indicator,
body .newform-2 input[type="datetime-local"]::-webkit-calendar-picker-indicator {
background-image: url('data:image/svg+xml;utf8,');
}
body .newform-2 .choices[data-type*="select-one"] .choices__input {
background: rgba(255, 255, 255, 0.25);
box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05);
}
body .newform-2 .form-group select.form-control option,
body .newform-2 .form-group select.form-select option {
color: #000;
}
body .newform-2 .choices__list--dropdown {
background-color: #ced4da;
}
body .newform-2 .form-group input::placeholder {
color: #fff;
}
body .newform-2 .file-opc {
border: 0;
background: rgba(100, 91, 225, 0.65) !important;
box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05) !important;
}
body .newform-2 .form-check-input[type="checkbox"],
body .newform-2 .form-check-input[type="radio"] {
background-color: transparent;
border-color: #fff;
}
body.theme-1 .newform-2 .form-control:focus,
body.theme-1 .newform-2 .form-select:focus {
border-color: #0CAF60;
box-shadow: 0 0 0 0.2rem rgba(12, 175, 96, 0.25);
}
body.theme-2 .newform-2 .form-control:focus,
body.theme-2 .newform-2 .form-select:focus {
border-color: #584ED2;
box-shadow: 0 0 0 0.2rem rgba(88, 78, 210, 0.25);
}
body.theme-3 .newform-2 .form-control:focus,
body.theme-3 .newform-2 .form-select:focus {
border-color: #6FD943;
box-shadow: 0 0 0 0.2rem rgba(111, 217, 67, 0.25);
}
body.theme-4 .newform-2 .form-control:focus,
body.theme-4 .newform-2 .form-select:focus {
border-color: #145388;
box-shadow: 0 0 0 0.2rem rgba(20, 83, 136, 0.25);
}
body.theme-5 .newform-2 .form-control:focus,
body.theme-5 .newform-2 .form-select:focus {
border-color: #B9406B;
box-shadow: 0 0 0 0.2rem rgba(185, 64, 107, 0.25);
}
body.theme-6 .newform-2 .form-control:focus,
body.theme-6 .newform-2 .form-select:focus {
border-color: #008ECC;
box-shadow: 0 0 0 0.2rem rgba(0, 142, 204, 0.25);
}
body.theme-7 .newform-2 .form-control:focus,
body.theme-7 .newform-2 .form-select:focus {
border-color: #922C88;
box-shadow: 0 0 0 0.2rem rgba(146, 44, 136, 0.25);
}
body.theme-8 .newform-2 .form-control:focus,
body.theme-8 .newform-2 .form-select:focus {
border-color: #C0A145;
box-shadow: 0 0 0 0.2rem rgba(192, 161, 69, 0.25);
}
body.theme-9 .newform-2 .form-control:focus,
body.theme-9 .newform-2 .form-select:focus {
border-color: #48494B;
box-shadow: 0 0 0 0.2rem rgba(72, 73, 75, 0.25);
}
body.theme-10 .newform-2 .form-control:focus,
body.theme-10 .newform-2 .form-select:focus {
border-color: #0C7785;
box-shadow: 0 0 0 0.2rem rgba(12, 119, 133, 0.25);
}
body.theme-1 .newform-2 .form-check-input[type="checkbox"]:checked {
background-color: #0CAF60;
border-color: #0CAF60;
}
body.theme-2 .newform-2 .form-check-input[type="checkbox"]:checked {
background-color: #645BE1;
border-color: #645BE1;
}
body.theme-3 .newform-2 .form-check-input[type="checkbox"]:checked {
background-color: #6FD943;
border-color: #6FD943;
}
body.theme-4 .newform-2 .form-check-input[type="checkbox"]:checked {
background-color: #145388;
border-color: #145388;
}
body.theme-5 .newform-2 .form-check-input[type="checkbox"]:checked {
background-color: #B9406B;
border-color: #B9406B;
}
body.theme-6 .newform-2 .form-check-input[type="checkbox"]:checked {
background-color: #008ECC;
border-color: #008ECC;
}
body.theme-7 .newform-2 .form-check-input[type="checkbox"]:checked {
background-color: #922C88;
border-color: #922C88;
}
body.theme-8 .newform-2 .form-check-input[type="checkbox"]:checked {
background-color: #C0A145;
border-color: #C0A145;
}
body.theme-9 .newform-2 .form-check-input[type="checkbox"]:checked {
background-color: #48494B;
border-color: #48494B;
}
body.theme-10 .newform-2 .form-check-input[type="checkbox"]:checked {
background-color: #0C7785;
border-color: #0C7785;
}
body .newform-2 .file-opc {
border: 0;
background: rgba(100, 91, 225, 0.65) !important;
box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05) !important;
}
body.theme-1 .newform-2 .card .card-header {
background: rgba(12, 175, 96, 0.65);
}
body.theme-3 .newform-2 .card .card-header {
background: rgba(111, 217, 67, 0.65);
}
body.theme-4 .newform-2 .card .card-header {
background: rgba(20, 83, 136, 0.65);
}
body.theme-5 .newform-2 .card .card-header {
background: rgba(185, 64, 107, 0.65);
}
body.theme-6 .newform-2 .card .card-header {
background: rgba(0, 142, 204, 0.65);
}
body.theme-7 .newform-2 .card .card-header {
background: rgba(146, 44, 136, 0.65);
}
body.theme-8 .newform-2 .card .card-header {
background: rgba(192, 161, 69, 0.65);
}
body.theme-9 .newform-2 .card .card-header {
background: rgba(72, 73, 75, 0.65);
}
body.theme-10 .newform-2 .card .card-header {
background: rgba(12, 119, 133, 0.65);
}
body.theme-11 .newform-2 .card .card-header {
background: rgba(81, 69, 157, 0.65);
}
body.theme-1 .newform-2 .file-opc {
background: rgba(12, 175, 96, 0.65) !important;
}
body.theme-3 .newform-2 .file-opc {
background: rgba(111, 217, 67, 0.65) !important;
}
body.theme-4 .newform-2 .file-opc {
background: rgba(20, 83, 136, 0.65) !important;
}
body.theme-5 .newform-2 .file-opc {
background: rgba(185, 64, 107, 0.65) !important;
}
body.theme-6 .newform-2 .file-opc {
background: rgba(0, 142, 204, 0.65) !important;
}
body.theme-7 .newform-2 .file-opc {
background: rgba(146, 44, 136, 0.65) !important;
}
body.theme-8 .newform-2 .file-opc {
background: rgba(192, 161, 69, 0.65) !important;
}
body.theme-9 .newform-2 .file-opc {
background: rgba(72, 73, 75, 0.65) !important;
}
body.theme-10 .newform-2 .file-opc {
background: rgba(12, 119, 133, 0.65) !important;
}
/********************* form 3 css ***********************/
/* body .newform-3{
background-color: #E4E4E4;
} */
body .newform-3 .card .card-header {
padding: 15px 25px;
border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-ms-border-radius: 10px 10px 0 0;
-o-border-radius: 10px 10px 0 0;
}
body.theme-1 .newform-3 .card .card-header {
background: linear-gradient(141.55deg, #0CAF60 3.46%, #0CAF60 99.86%), #0CAF60 !important;
}
body.theme-2 .newform-3 .card .card-header {
background: linear-gradient(141.55deg, #584ED2 3.46%, #584ED2 99.86%), #584ED2 !important;
}
body.theme-3 .newform-3 .card .card-header {
background: linear-gradient(141.55deg, rgba(240, 244, 243, 0) 3.46%, #f0f4f3 99.86%);
}
body.theme-4 .newform-3 .card .card-header {
background: linear-gradient(141.55deg, #145388 3.46%, #145388 99.86%), #145388 !important;
}
body.theme-5 .newform-3 .card .card-header {
background: linear-gradient(141.55deg, #B9406B 3.46%, #B9406B 99.86%), #B9406B !important;
}
body.theme-6 .newform-3 .card .card-header {
background: linear-gradient(141.55deg, #008ECC 3.46%, #008ECC 99.86%), #008ECC !important;
}
body.theme-7 .newform-3 .card .card-header {
background: linear-gradient(141.55deg, #922C88 3.46%, #922C88 99.86%), #922C88 !important;
}
body.theme-8 .newform-3 .card .card-header {
background: linear-gradient(141.55deg, #C0A145 3.46%, #C0A145 99.86%), #C0A145 !important;
}
body.theme-9 .newform-3 .card .card-header {
background: linear-gradient(141.55deg, #48494B 3.46%, #48494B 99.86%), #48494B !important;
}
body.theme-10 .newform-3 .card .card-header {
background: linear-gradient(141.55deg, #0C7785 3.46%, #0C7785 99.86%), #0C7785 !important;
}
body .newform-3 .card .card-header h5 {
font-size: 24px;
width: 100%;
color: #fff !important;
text-align: center;
width: 100%;
}
body .newform-3 .file-select-set input {
background-color: transparent;
padding-left: 33px !important;
}
body .newform-3 .file-select-set::before {
content: '';
display: block;
position: absolute;
width: 18px;
height: 16px;
background-image: url(./img/upload.png);
background-repeat: no-repeat;
background-size: contain;
top: 52%;
transform: translateY(-50%);
left: 10px;
}
body .newform-3 .email {
position: relative;
}
body .newform-3 .email input {
background-color: transparent;
padding-left: 33px !important;
}
body .newform-3 .email::before {
content: '';
display: block;
position: absolute;
width: 16px;
height: 16px;
background-image: url(./img/mail.png);
background-repeat: no-repeat;
background-size: contain;
top: 55%;
transform: translateY(-50%);
left: 25px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
body .newform-3 .user-name {
position: relative;
}
body .newform-3 .user-name input {
background-color: transparent;
padding-left: 33px !important;
}
body .newform-3 .user-name::before {
content: '';
display: block;
position: absolute;
width: 16px;
height: 16px;
background-image: url(./img/user1.png);
background-repeat: no-repeat;
background-size: contain;
top: 48%;
transform: translateY(-50%);
left: 23px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
body .newform-3 .comment {
position: relative;
}
body .newform-3 .comment textarea {
background-color: transparent;
padding-left: 33px !important;
}
body .newform-3 .comment::before {
content: '';
display: block;
position: absolute;
width: 16px;
height: 16px;
background-image: url(./img/textarea.png);
background-repeat: no-repeat;
background-size: contain;
top: 20px;
transform: translateY(-50%);
left: 10px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
/********************* form 3 circle css ***********************/
body .newform-3.circle .card {
border-radius: 50px 50px 15px 15px;
-webkit-border-radius: 50px 50px 15px 15px;
-moz-border-radius: 50px 50px 15px 15px;
-ms-border-radius: 50px 50px 15px 15px;
-o-border-radius: 50px 50px 15px 15px;
}
body .newform-3.circle .card .card-header {
filter: drop-shadow(0px 7px 18px rgba(100, 91, 225, 0.30));
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
-webkit-filter: drop-shadow(0px 7px 18px rgba(100, 91, 225, 0.30));
}
body .newform-3.circle .card .card-header h5::after {
display: none;
}
body .newform-3.circle input.form-control,
body .newform-3.circle input.form-control-lg,
body .newform-3.circle input.form-control-sm,
body .newform-3.circle select.form-control,
body .newform-3.circle select.form-select,
body .newform-3.circle .choices__inner {
border-radius: 50px !important;
-webkit-border-radius: 50px !important;
-moz-border-radius: 50px !important;
-ms-border-radius: 50px !important;
-o-border-radius: 50px !important;
}
body .newform-3.circle .file-opc {
border-radius: 50px !important;
-webkit-border-radius: 50px !important;
-moz-border-radius: 50px !important;
-ms-border-radius: 50px !important;
-o-border-radius: 50px !important;
}
/********************* form 3 circle css ***********************/
body .newform-3.circle-custom .card {
border-radius: 50px 50px 10px 10px;
-webkit-border-radius: 50px 50px 10px 10px;
-moz-border-radius: 50px 50px 10px 10px;
-ms-border-radius: 50px 50px 10px 10px;
-o-border-radius: 50px 50px 10px 10px;
}
body .newform-3.circle-custom .card .card-header {
filter: drop-shadow(0px 7px 18px rgba(100, 91, 225, 0.30));
border-radius: 35px 0 35px 0;
-webkit-border-radius: 35px 0 35px 0;
-moz-border-radius: 35px 0 35px 0;
-ms-border-radius: 35px 0 35px 0;
-o-border-radius: 35px 0 35px 0;
-webkit-filter: drop-shadow(0px 7px 18px rgba(100, 91, 225, 0.30));
}
body .newform-3.circle-custom .card .card-header h5::after {
display: none;
}
body .newform-3.circle-custom input.form-control,
body .newform-3.circle-custom input.form-control-lg,
body .newform-3.circle-custom input.form-control-sm,
body .newform-3.circle-custom select.form-control,
body .newform-3.circle-custom select.form-select,
body .newform-3.circle-custom .choices__inner {
border-radius: 20px 0 20px 0 !important;
-webkit-border-radius: 20px 0 20px 0 !important;
-moz-border-radius: 20px 0 20px 0 !important;
-ms-border-radius: 20px 0 20px 0 !important;
-o-border-radius: 20px 0 20px 0 !important;
}
body .newform-3.circle-custom .file-opc {
border-radius: 20px 0 20px 0 !important;
-webkit-border-radius: 20px 0 20px 0 !important;
-moz-border-radius: 20px 0 20px 0 !important;
-ms-border-radius: 20px 0 20px 0 !important;
-o-border-radius: 20px 0 20px 0 !important;
}
body .newform-3.circle-custom textarea {
border-radius: 20px 0 20px 0;
-webkit-border-radius: 20px 0 20px 0;
-moz-border-radius: 20px 0 20px 0;
-ms-border-radius: 20px 0 20px 0;
-o-border-radius: 20px 0 20px 0;
}
/********************* form 4 css ***********************/
body.theme-1 .newform-4 {
background: linear-gradient(to left, #0CAF60 66.3%, #fff 36%);
}
body.theme-2 .newform-4 {
background: linear-gradient(to left, #584ED2 66.3%, #fff 36%);
}
body.theme-3 .newform-4 {
background: linear-gradient(to left, #6FD943 66.3%, #fff 36%);
}
body.theme-4 .newform-4 {
background: linear-gradient(to left, #145388 66.3%, #fff 36%);
}
body.theme-5 .newform-4 {
background: linear-gradient(to left, #B9406B 66.3%, #fff 36%);
}
body.theme-6 .newform-4 {
background: linear-gradient(to left, #008ECC 66.3%, #fff 36%);
}
body.theme-7 .newform-4 {
background: linear-gradient(to left, #922C88 66.3%, #fff 36%);
}
body.theme-8 .newform-4 {
background: linear-gradient(to left, #C0A145 66.3%, #fff 36%);
}
body.theme-9 .newform-4 {
background: linear-gradient(to left, #48494B 66.3%, #fff 36%);
}
body.theme-10 .newform-4 {
background: linear-gradient(to left, #0C7785 66.3%, #fff 36%);
}
/********************* form 5 circle css ***********************/
body.theme-1 .newform-5 .card .card-header {
background: linear-gradient(141.55deg, #0CAF60 3.46%, #0CAF60 99.86%), #0CAF60 !important;
}
body.theme-2 .newform-5 .card .card-header {
background: linear-gradient(141.55deg, #584ED2 3.46%, #584ED2 99.86%), #584ED2 !important;
}
body.theme-3 .newform-5 .card .card-header {
background: linear-gradient(141.55deg, rgba(240, 244, 243, 0) 3.46%, #f0f4f3 99.86%);
}
body.theme-4 .newform-5 .card .card-header {
background: linear-gradient(141.55deg, #145388 3.46%, #145388 99.86%), #145388 !important;
}
body.theme-5 .newform-5 .card .card-header {
background: linear-gradient(141.55deg, #B9406B 3.46%, #B9406B 99.86%), #B9406B !important;
}
body.theme-6 .newform-5 .card .card-header {
background: linear-gradient(141.55deg, #008ECC 3.46%, #008ECC 99.86%), #008ECC !important;
}
body.theme-7 .newform-5 .card .card-header {
background: linear-gradient(141.55deg, #922C88 3.46%, #922C88 99.86%), #922C88 !important;
}
body.theme-8 .newform-5 .card .card-header {
background: linear-gradient(141.55deg, #C0A145 3.46%, #C0A145 99.86%), #C0A145 !important;
}
body.theme-9 .newform-5 .card .card-header {
background: linear-gradient(141.55deg, #48494B 3.46%, #48494B 99.86%), #48494B !important;
}
body.theme-10 .newform-5 .card .card-header {
background: linear-gradient(141.55deg, #0C7785 3.46%, #0C7785 99.86%), #0C7785 !important;
}
.newform-5 .file-select-set input[type=file] {
right: auto;
left: 0;
}
.newform-5 .file-opc {
right: auto;
left: 0;
}
.newform-5 .file-select-set input:first-child {
padding: 10px 16px 10px 120px !important;
background-color: transparent;
}
.newform-5 .form-check-input:checked {
margin-top: 1px;
}
.newform-5 .card {
border-radius: 50px 50px 10px 10px;
-webkit-border-radius: 50px 50px 10px 10px;
-moz-border-radius: 50px 50px 10px 10px;
-ms-border-radius: 50px 50px 10px 10px;
-o-border-radius: 50px 50px 10px 10px;
}
.newform-5 .card .card-header {
filter: drop-shadow(0px 7px 18px rgba(100, 91, 225, 0.30));
border-radius: 0 35px 0 35px;
-webkit-border-radius: 0 35px 0 35px;
-moz-border-radius: 0 35px 0 35px;
-ms-border-radius: 0 35px 0 35px;
-o-border-radius: 0 35px 0 35px;
-webkit-filter: drop-shadow(0px 7px 18px rgba(100, 91, 225, 0.30));
padding: 15px 25px;
}
.newform-5 .card .card-header h5 {
font-size: 24px;
width: 100%;
color: #fff !important;
text-align: center;
width: 100%;
}
.newform-5 .card .card-header h5::after {
display: none;
}
.newform-5 input.form-control,
.newform-5 input.form-control-lg,
.newform-5 input.form-control-sm,
.newform-5 select.form-control,
.newform-5 select.form-select,
.newform-5 .choices__inner {
border-radius: 0 20px 0 20px !important;
-webkit-border-radius: 0 20px 0 20px !important;
-moz-border-radius: 0 20px 0 20px !important;
-ms-border-radius: 0 20px 0 20px !important;
-o-border-radius: 0 20px 0 20px !important;
}
.newform-5 .file-opc {
border-radius: 0 20px 0 20px !important;
-webkit-border-radius: 0 20px 0 20px !important;
-moz-border-radius: 0 20px 0 20px !important;
-ms-border-radius: 0 20px 0 20px !important;
-o-border-radius: 0 20px 0 20px !important;
}
.newform-5 textarea {
border-radius: 0 20px 0 20px;
-webkit-border-radius: 0 20px 0 20px;
-moz-border-radius: 0 20px 0 20px;
-ms-border-radius: 0 20px 0 20px;
-o-border-radius: 0 20px 0 20px;
}
.newform-5 .form-group-text,
.newform-5 .form-group-text {
position: relative;
}
.newform-5 .form-group-text label,
.newform-5 .form-group-text label {
position: absolute;
width: 100px;
height: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0 20px;
color: #fff;
}
.newform-5 .form-group-text input[type="text"],
.newform-5 .form-group-text input[type="email"] {
padding-left: 110px;
}
.newform-5 .form-group-text .error-message {
position: absolute;
}
body.theme-1 .newform-5 .form-group-text label {
background: linear-gradient(141.55deg, #0CAF60 3.46%, #0CAF60 99.86%), #0CAF60 !important;
}
body.theme-2 .newform-5 .form-group-text label {
background: linear-gradient(141.55deg, #584ED2 3.46%, #584ED2 99.86%), #584ED2 !important;
}
body.theme-3 .newform-5 .form-group-text label {
background: linear-gradient(141.55deg, rgba(240, 244, 243, 0) 3.46%, #f0f4f3 99.86%);
}
body.theme-4 .newform-5 .form-group-text label {
background: linear-gradient(141.55deg, #145388 3.46%, #145388 99.86%), #145388 !important;
}
body.theme-5 .newform-5 .form-group-text label {
background: linear-gradient(141.55deg, #B9406B 3.46%, #B9406B 99.86%), #B9406B !important;
}
body.theme-6 .newform-5 .form-group-text label {
background: linear-gradient(141.55deg, #008ECC 3.46%, #008ECC 99.86%), #008ECC !important;
}
body.theme-7 .newform-5 .form-group-text label {
background: linear-gradient(141.55deg, #922C88 3.46%, #922C88 99.86%), #922C88 !important;
}
body.theme-8 .newform-5 .form-group-text label {
background: linear-gradient(141.55deg, #C0A145 3.46%, #C0A145 99.86%), #C0A145 !important;
}
body.theme-9 .newform-5 .form-group-text label {
background: linear-gradient(141.55deg, #48494B 3.46%, #48494B 99.86%), #48494B !important;
}
body.theme-10 .newform-5 .form-group-text label {
background: linear-gradient(141.55deg, #0C7785 3.46%, #0C7785 99.86%), #0C7785 !important;
}
.newform-1 input[type="file"],
.newform-2 input[type="file"],
.newform-3 input[type="file"],
.newform-4 input[type="file"] {
position: relative;
}
.newform-1 input[type="file"]::-webkit-file-upload-button,
.newform-2 input[type="file"]::-webkit-file-upload-button,
.newform-3 input[type="file"]::-webkit-file-upload-button,
.newform-4 input[type="file"]::-webkit-file-upload-button {
color: #fff;
position: absolute;
right: -17px;
}
.newform-3.circle input[type="file"]::-webkit-file-upload-button {
border-radius: 50px !important;
-webkit-border-radius: 50px !important;
-moz-border-radius: 50px !important;
-ms-border-radius: 50px !important;
-o-border-radius: 50px !important;
}
.newform-3.circle-custom input[type="file"]::-webkit-file-upload-button {
border-radius: 20px 0 20px 0 !important;
-webkit-border-radius: 20px 0 20px 0 !important;
-moz-border-radius: 20px 0 20px 0 !important;
-ms-border-radius: 20px 0 20px 0 !important;
-o-border-radius: 20px 0 20px 0 !important
}
.newform-5 input[type="file"]::-webkit-file-upload-button {
color: #fff;
border-radius: 0 20px;
font-weight: 700;
}
body.theme-1 .newform-1 input[type="file"]::-webkit-file-upload-button,
body.theme-1 .newform-2 input[type="file"]::-webkit-file-upload-button,
body.theme-1 .newform-3 input[type="file"]::-webkit-file-upload-button,
body.theme-1 .newform-4 input[type="file"]::-webkit-file-upload-button,
body.theme-1 .newform-5 input[type="file"]::-webkit-file-upload-button {
background-color: #0CAF60 !important;
}
body.theme-2 .newform-1 input[type="file"]::-webkit-file-upload-button,
body.theme-2 .newform-2 input[type="file"]::-webkit-file-upload-button,
body.theme-2 .newform-3 input[type="file"]::-webkit-file-upload-button,
body.theme-2 .newform-4 input[type="file"]::-webkit-file-upload-button,
body.theme-2 .newform-5 input[type="file"]::-webkit-file-upload-button {
background-color: #584ED2 !important;
}
body.theme-3 .newform-1 input[type="file"]::-webkit-file-upload-button,
body.theme-3 .newform-2 input[type="file"]::-webkit-file-upload-button,
body.theme-3 .newform-3 input[type="file"]::-webkit-file-upload-button,
body.theme-3 .newform-4 input[type="file"]::-webkit-file-upload-button,
body.theme-3 .newform-5 input[type="file"]::-webkit-file-upload-button {
background-color: #6FD943 !important;
}
body.theme-4 .newform-1 input[type="file"]::-webkit-file-upload-button,
body.theme-4 .newform-2 input[type="file"]::-webkit-file-upload-button,
body.theme-4 .newform-3 input[type="file"]::-webkit-file-upload-button,
body.theme-4 .newform-4 input[type="file"]::-webkit-file-upload-button,
body.theme-4 .newform-5 input[type="file"]::-webkit-file-upload-button {
background-color: #145388 !important;
}
body.theme-5 .newform-1 input[type="file"]::-webkit-file-upload-button,
body.theme-5 .newform-2 input[type="file"]::-webkit-file-upload-button,
body.theme-5 .newform-3 input[type="file"]::-webkit-file-upload-button,
body.theme-5 .newform-4 input[type="file"]::-webkit-file-upload-button,
body.theme-5 .newform-5 input[type="file"]::-webkit-file-upload-button {
background-color: #B9406B !important;
}
body.theme-6 .newform-1 input[type="file"]::-webkit-file-upload-button,
body.theme-6 .newform-2 input[type="file"]::-webkit-file-upload-button,
body.theme-6 .newform-3 input[type="file"]::-webkit-file-upload-button,
body.theme-6 .newform-4 input[type="file"]::-webkit-file-upload-button,
body.theme-6 .newform-5 input[type="file"]::-webkit-file-upload-button {
background-color: #008ECC !important;
}
body.theme-7 .newform-1 input[type="file"]::-webkit-file-upload-button,
body.theme-7 .newform-2 input[type="file"]::-webkit-file-upload-button,
body.theme-7 .newform-3 input[type="file"]::-webkit-file-upload-button,
body.theme-7 .newform-4 input[type="file"]::-webkit-file-upload-button,
body.theme-7 .newform-5 input[type="file"]::-webkit-file-upload-button {
background-color: #922C88 !important;
}
body.theme-8 .newform-1 input[type="file"]::-webkit-file-upload-button,
body.theme-8 .newform-2 input[type="file"]::-webkit-file-upload-button,
body.theme-8 .newform-3 input[type="file"]::-webkit-file-upload-button,
body.theme-8 .newform-4 input[type="file"]::-webkit-file-upload-button,
body.theme-8 .newform-5 input[type="file"]::-webkit-file-upload-button {
background-color: #C0A145 !important;
}
body.theme-9 .newform-1 input[type="file"]::-webkit-file-upload-button,
body.theme-9 .newform-2 input[type="file"]::-webkit-file-upload-button,
body.theme-9 .newform-3 input[type="file"]::-webkit-file-upload-button,
body.theme-9 .newform-4 input[type="file"]::-webkit-file-upload-button,
body.theme-9 .newform-5 input[type="file"]::-webkit-file-upload-button {
background-color: #48494B !important;
}
body.theme-10 .newform-1 input[type="file"]::-webkit-file-upload-button,
body.theme-10 .newform-2 input[type="file"]::-webkit-file-upload-button,
body.theme-10 .newform-3 input[type="file"]::-webkit-file-upload-button,
body.theme-10 .newform-4 input[type="file"]::-webkit-file-upload-button,
body.theme-10 .newform-5 input[type="file"]::-webkit-file-upload-button {
background-color: #0C7785 !important;
}
body.theme-1 .btn-primary:hover,
body.theme-1 .btn-primary:focus {
box-shadow: unset;
background-color: #0CAF60;
border-color: #0CAF60;
}
body.theme-2 .btn-primary:hover,
body.theme-2 .btn-primary:focus {
box-shadow: unset;
background-color: #584ED2;
border-color: #584ED2;
}
body.theme-3 .btn-primary:hover,
body.theme-3 .btn-primary:focus {
box-shadow: unset;
background-color: #6FD943;
border-color: #6FD943;
}
body.theme-4 .btn-primary:hover,
body.theme-4 .btn-primary:focus {
box-shadow: unset;
background-color: #145388;
border-color: #145388;
}
body.theme-5 .btn-primary:hover,
body.theme-5 .btn-primary:focus {
box-shadow: unset;
background-color: #B9406B;
border-color: #B9406B;
}
body.theme-6 .btn-primary:hover,
body.theme-6 .btn-primary:focus {
box-shadow: unset;
background-color: #008ECC;
border-color: #008ECC;
}
body.theme-7 .btn-primary:hover,
body.theme-7 .btn-primary:focus {
box-shadow: unset;
background-color: #922C88;
border-color: #922C88;
}
body.theme-8 .btn-primary:hover,
body.theme-8 .btn-primary:focus {
box-shadow: unset;
background-color: #C0A145;
border-color: #C0A145;
}
body.theme-9 .btn-primary:hover,
body.theme-9 .btn-primary:focus {
box-shadow: unset;
background-color: #48494B;
border-color: #48494B;
}
body.theme-10 .btn-primary:hover,
body.theme-10 .btn-primary:focus {
box-shadow: unset;
background-color: #0C7785;
border-color: #0C7785;
}