File: /var/www/html/wpcurated/wp-content/themes/curated/css/form.css--bkp
@import url("https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&display=swap");
/*** all Mobile Screen (iphone 6,7,8) ***/
/*** mobile Landscape Size ***/
/*** medium devices (tablets, less than 992px) ***/
/*** iPad in landscape ***/
/**** smaller than desktop 1200 (devices and browsers) ***/
/*** laptop with MDPI (medium density per inch) resolution ***/
/*** laptop with HiDPI (High Dots Per Inch) resolution ***/
/*** WSXGA (Wide Super Extended Graphics Array) resolution ***/
/*** all Mobile Screen (iphone 6,7,8) ***/
/*** mobile Landscape Size ***/
/*** medium devices (tablets, less than 992px) ***/
/*** iPad in landscape ***/
/**** smaller than desktop 1200 (devices and browsers) ***/
/*** laptop with MDPI (medium density per inch) resolution ***/
/*** laptop with HiDPI (High Dots Per Inch) resolution ***/
/*** WSXGA (Wide Super Extended Graphics Array) resolution ***/
.form-sec {
padding: 60px 0px 100px 0px;
}
@media (max-width: 767px) {
.form-sec {
padding: 30px 0 60px 0;
}
}
.form-sec .form-outer {
background: #E6FAFF;
padding: 64px 53px;
border-radius: 16px;
}
@media (max-width: 1199px) {
.form-sec .form-outer {
padding: 30px 15px;
}
}
.form-sec .form-outer .top-sec {
padding-bottom: 30px;
}
.form-sec .form-outer .form-title {
font-size: 24px;
font-weight: 700;
line-height: 26.88px;
color: #00124D;
padding-bottom: 19px;
}
@media (max-width: 1679px) {
.form-sec .form-outer .form-title {
font-size: 22px;
}
}
@media (max-width: 1481px) {
.form-sec .form-outer .form-title {
font-size: 20px;
}
}
@media (max-width: 1199px) {
.form-sec .form-outer .form-title {
font-size: 18px;
}
}
@media (max-width: 991px) {
.form-sec .form-outer .form-title {
font-size: 16px;
}
}
@media (max-width: 767px) {
.form-sec .form-outer .form-title {
font-size: 14px;
}
}
.form-sec .form-outer .form-title span {
color: #014CB2;
}
.form-sec .form-outer .form-content {
font-size: 18px;
font-weight: 300;
line-height: 27.36px;
padding-bottom: 19px;
color: #313646;
font-weight: 300;
}
.form-sec .form-outer .form-content a {
color: #014CB2;
font-weight: 600;
}
@media (max-width: 1679px) {
.form-sec .form-outer .form-content {
font-size: 18px;
}
}
@media (max-width: 1481px) {
.form-sec .form-outer .form-content {
font-size: 16px;
}
}
@media (max-width: 991px) {
.form-sec .form-outer .form-content {
font-size: 14px;
}
}
.form-sec .form-outer .form-inner {
background-color: #fff;
padding: 30px 60px;
border-radius: 9px;
}
@media (max-width: 1199px) {
.form-sec .form-outer .form-inner {
padding: 20px 15px;
}
}
.form-sec .form-outer .form-inner .form-header {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 30px;
border-bottom: 1px solid #D9E2FF;
}
.form-sec .form-outer .form-inner .form-header .apply-title {
font-size: 32px;
font-weight: 700;
line-height: 48.64px;
}
@media (max-width: 1679px) {
.form-sec .form-outer .form-inner .form-header .apply-title {
font-size: 30px;
}
}
@media (max-width: 1481px) {
.form-sec .form-outer .form-inner .form-header .apply-title {
font-size: 28px;
}
}
@media (max-width: 1199px) {
.form-sec .form-outer .form-inner .form-header .apply-title {
font-size: 26px;
}
}
@media (max-width: 991px) {
.form-sec .form-outer .form-inner .form-header .apply-title {
font-size: 24px;
}
}
@media (max-width: 767px) {
.form-sec .form-outer .form-inner .form-header .apply-title {
font-size: 22px;
}
}
.form-sec .form-outer .form-inner .form-header .apply-title .light-blue {
color: #014CB2;
}
.form-sec .form-outer .form-inner .form-header .sub-sec {
font-size: 20px;
font-weight: 500;
line-height: 30.4px;
}
@media (max-width: 1679px) {
.form-sec .form-outer .form-inner .form-header .sub-sec {
font-size: 18px;
}
}
@media (max-width: 1481px) {
.form-sec .form-outer .form-inner .form-header .sub-sec {
font-size: 16px;
}
}
@media (max-width: 991px) {
.form-sec .form-outer .form-inner .form-header .sub-sec {
font-size: 14px;
}
}
.form-sec .form-outer .form-inner .form-header .sub-sec span {
color: #FF0040;
}
.form-sec .form-outer .form-inner form {
padding-top: 49px;
}
.form-sec .form-outer .form-inner form .form-label {
color: #203063;
font-size: 20px;
font-weight: 400;
line-height: 20.4px;
padding-bottom: 10px;
}
@media (max-width: 1679px) {
.form-sec .form-outer .form-inner form .form-label {
font-size: 18px;
}
}
@media (max-width: 1481px) {
.form-sec .form-outer .form-inner form .form-label {
font-size: 16px;
}
}
@media (max-width: 991px) {
.form-sec .form-outer .form-inner form .form-label {
font-size: 14px;
}
}
.form-sec .form-outer .form-inner form .form-label span {
color: #FF0040;
}
.form-sec .form-outer .form-inner form .form-control {
height: 82px;
border: 1px solid #BCC5D3;
border-radius: 14px;
padding-left: 33px;
margin-bottom: 20px;
}
@media (max-width: 1679px) {
.form-sec .form-outer .form-inner form .form-control {
height: 72px;
padding-left: 20px;
}
}
@media (max-width: 1481px) {
.form-sec .form-outer .form-inner form .form-control {
height: 62px;
}
}
@media (max-width: 1199px) {
.form-sec .form-outer .form-inner form .form-control {
height: 52px;
}
}
@media (max-width: 991px) {
.form-sec .form-outer .form-inner form .form-control {
height: 42px;
padding-left: 15px;
border-radius: 10px;
}
}
.form-sec .form-outer .form-inner form .form-control::placeholder {
font-size: 24px;
font-weight: 400;
line-height: 24.48px;
letter-spacing: -0.01em;
color: #A2A8BD;
}
@media (max-width: 1679px) {
.form-sec .form-outer .form-inner form .form-control::placeholder {
font-size: 18px;
}
}
@media (max-width: 1481px) {
.form-sec .form-outer .form-inner form .form-control::placeholder {
font-size: 16px;
line-height: 24px;
}
}
@media (max-width: 991px) {
.form-sec .form-outer .form-inner form .form-control::placeholder {
font-size: 14px;
line-height: 22px;
}
}
.form-sec .form-outer .form-inner form .cover-letter-sec {
border-bottom: 1px solid #D9E2FF;
padding-bottom: 82px;
}
@media (max-width: 767px) {
.form-sec .form-outer .form-inner form .cover-letter-sec {
padding-bottom: 50px;
}
}
.form-sec .form-outer .form-inner form .location {
padding-top: 46px;
}
.form-sec .form-outer .form-inner form .radio-sec {
border-bottom: 1px solid #D9E2FF;
padding-bottom: 72px;
}
@media (max-width: 1441px) {
.form-sec .form-outer .form-inner form .radio-sec {
padding-bottom: 40px;
}
}
.form-sec .form-outer .form-inner form .check-box-inner {
display: flex;
justify-content: space-between;
}
@media (max-width: 767px) {
.form-sec .form-outer .form-inner form .check-box-inner {
flex-wrap: wrap;
}
}
.form-sec .form-outer .form-inner .boxes {
width: calc(33.3333333333% - 40px);
}
@media (max-width: 991px) {
.form-sec .form-outer .form-inner .boxes {
width: calc(99.5% - 20px);
}
}
@media (max-width: 579px) {
.form-sec .form-outer .form-inner .boxes {
width: 100%;
}
}
.form-sec .form-outer .form-inner .chk-inner {
padding-top: 60px;
}
@media (max-width: 1679px) {
.form-sec .form-outer .form-inner .chk-inner {
padding-top: 50px;
}
}
@media (max-width: 1481px) {
.form-sec .form-outer .form-inner .chk-inner {
padding-top: 40px;
}
}
@media (max-width: 1199px) {
.form-sec .form-outer .form-inner .chk-inner {
padding-top: 30px;
}
}
@media (max-width: 991px) {
.form-sec .form-outer .form-inner .chk-inner {
padding-top: 20px;
}
}
.form-sec .form-outer .form-inner .chk-inner .form-label {
padding-bottom: 30px;
color: #203063;
position: relative;
padding-left: 30px;
}
.form-sec .form-outer .form-inner .chk-inner .form-label::before {
content: "";
position: absolute;
background-image: url(../img/diamond.png);
width: 15px;
height: 15px;
left: 0;
background-repeat: no-repeat;
top: 6px;
}
.form-sec .form-outer .form-inner .form-check {
padding-bottom: 20px;
}
@media (max-width: 767px) {
.form-sec .form-outer .form-inner .form-check {
padding-bottom: 10px;
}
}
.form-sec .form-outer .form-inner .form-check-label {
color: #000000;
font-size: 20px;
font-weight: 400;
line-height: 28.4px;
}
@media (max-width: 1679px) {
.form-sec .form-outer .form-inner .form-check-label {
font-size: 18px;
}
}
@media (max-width: 1481px) {
.form-sec .form-outer .form-inner .form-check-label {
font-size: 16px;
line-height: 24px;
}
}
@media (max-width: 991px) {
.form-sec .form-outer .form-inner .form-check-label {
font-size: 14px;
line-height: 22px;
}
}
.form-sec .form-outer .form-inner .form-check-input:checked {
background-color: #014CB2 !important;
box-shadow: none;
}
.form-sec .form-outer .form-inner .form-check-input:focus {
border: none;
box-shadow: none;
}
.form-sec .form-outer .sub-content {
padding-top: 34px;
color: #313646;
font-size: 24px;
font-weight: 400;
line-height: 34.08px;
}
@media (max-width: 1679px) {
.form-sec .form-outer .sub-content {
font-size: 18px;
}
}
@media (max-width: 1481px) {
.form-sec .form-outer .sub-content {
font-size: 16px;
}
}
@media (max-width: 991px) {
.form-sec .form-outer .sub-content {
font-size: 14px;
}
}
.form-sec .form-outer .radio-qust .form-label {
position: relative;
padding-left: 30px;
}
.form-sec .form-outer .radio-qust .form-label::before {
content: "";
position: absolute;
background-image: url(../img/diamond.png);
width: 15px;
height: 15px;
left: 0;
background-repeat: no-repeat;
top: 6px;
}
.custom-file-upload {
position: relative;
border: 1px dashed #014CB2;
height: 182px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
border-radius: 5px;
margin-bottom: 30px;
cursor: pointer;
background-color: #fff !important;
}
@media (max-width: 767px) {
.custom-file-upload {
height: 160px;
}
}
.custom-file-upload input[type=file] {
position: absolute;
opacity: 0;
cursor: pointer;
height: 100%;
width: 100%;
z-index: 2;
}
.custom-file-upload .file-types {
font-size: 12px;
color: #666;
margin-top: 5px;
}
.custom-file-upload .upload-inner {
display: flex;
align-items: center;
justify-content: center;
}
.custom-file-upload .upload-inner .upload-ico {
background: linear-gradient(180deg, #D3F8FF 0%, #DBCEFF 100%);
width: 80px;
height: 73px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 14px;
margin-right: 36px;
}
@media (max-width: 767px) {
.custom-file-upload .upload-inner .upload-ico {
max-width: 60px;
height: 60px;
}
}
@media (max-width: 579px) {
.custom-file-upload .upload-inner .upload-ico {
display: none;
}
}
.custom-file-upload .upload-inner .upload-ico img {
margin-bottom: 0px;
}
.custom-file-upload .upload-inner .txt {
font-size: 20px;
font-weight: 700;
line-height: 30.4px;
color: #000000;
margin-bottom: 0px;
}
@media (max-width: 1679px) {
.custom-file-upload .upload-inner .txt {
font-size: 18px;
}
}
@media (max-width: 1481px) {
.custom-file-upload .upload-inner .txt {
font-size: 16px;
}
}
@media (max-width: 991px) {
.custom-file-upload .upload-inner .txt {
font-size: 14px;
}
}
@media (max-width: 479px) {
.custom-file-upload .upload-inner .txt {
font-size: 12px;
}
}
.custom-file-upload .upload-inner .txt span {
color: #014CB2;
text-decoration: underline;
}
.custom-file-upload .upload-inner .file-types {
margin-bottom: 0px;
font-family: Funnel Display;
font-size: 16px;
font-weight: 400;
line-height: 16.32px;
color: #313646;
}
@media (max-width: 479px) {
.custom-file-upload .upload-inner .file-types {
font-size: 12px;
}
}
.cover-letter-sec .custom-file-upload {
margin-bottom: 0px;
}
/*# sourceMappingURL=form.css.map */