/* ==== --------- (1.1) mixins start --------- ==== */
/* ==== --------- (1.1) mixins end --------- ==== */
/* ==== --------- (1.2) variables start --------- ==== */
/* ==== --------- (1.2) variables end --------- ==== */
/* ==== --------- (3.3) forms styles start --------- ==== */
 select {
	 -webkit-appearance: none;
	 padding: 10px 10px !important;
	 cursor: pointer;
	 background-color: transparent;
	 background: transparent;
	 padding: 10px 0px;
	 border: none;
	 cursor: pointer;
	 outline: none;
}
 .input input {
	 width: 100%;
	 padding: 14px 30px;
	 background-color: #28334f;
	 border-radius: 10px;
	 color: #fff;
	 border: 1px solid #fff 20;
}
 @media only screen and (max-width: 1199px) {
	 .input input {
		 padding: 12px 20px;
	}
}
 @media only screen and (max-width: 575px) {
	 .input input {
		 border-radius: 5px;
	}
}
 .input input::placeholder {
	 color: #fff 60;
}
 .input--secondary {
	 text-align: left;
	 margin-bottom: 19px;
}
 @media only screen and (max-width: 767px) {
	 .input--secondary {
		 margin-bottom: 14px;
	}
}
 .input--secondary label {
	 font-weight: 600;
	 margin-bottom: 6px;
}
 .input--secondary input, .input--secondary textarea {
	 padding: 15px 24px;
	 background-color: #fff;
	 color: #13216e;
	 border: 1px solid #c3c7e4;
}
 .input--secondary input::placeholder, .input--secondary textarea::placeholder {
	 color: rgba(19, 33, 110, 0.5);
}
 @media only screen and (max-width: 1199px) {
	 .input--secondary input, .input--secondary textarea {
		 padding: 10px 16px;
	}
}
 @media only screen and (max-width: 575px) {
	 .input--secondary input, .input--secondary textarea {
		 padding: 10px 12px;
	}
}
 .input--secondary textarea {
	 min-height: 160px;
	 width: 100%;
	 border-radius: 8px;
	 overflow-y: auto;
}
 @media only screen and (max-width: 767px) {
	 .input--secondary textarea {
		 border-radius: 4px;
		 min-height: 120px;
	}
}
 .checkbox {
	 text-align: left;
}
 .checkbox label {
	 color: #535d96;
	 cursor: pointer;
	 position: relative;
	 padding-left: 29px;
}
 .checkbox label a {
	 font-weight: 400;
	 color: #4508ed;
}
 .checkbox label a:hover {
	 color: #13216e;
}
 .checkbox input {
	 display: none;
}
 .checkbox .checkmark {
	 height: 19px;
	 width: 19px !important;
	 display: inline-block;
	 position: absolute;
	 top: 50%;
	 left: 0px;
	 transform: translateY(-50%);
	 background-color: #fff;
	 box-shadow: 0px 3px 19px 0px rgba(19, 33, 110, 0.25);
	 border-radius: 50%;
}

/* .checkbox input[type="checkbox"]:checked ~ .checkmark {
	background-color: #1657B6 !important;
	accent-color: #1657B6 !important;
}

 .checkbox [type="checkbox"]:checked ~ .checkmark:before {
	 content: "\0043";
	 font-weight: 900;
	 font-family: "custom";
	 position: absolute;
	 font-size: 16px;
	 top: 50%;
	 left: 50%;
	 color:  black;
	 transform: translate(-50%, -50%);
	 background-color: #1657B6 !important;
} */
 .input__button .button {
	 width: 100%;
	 margin-top: 30px;
}

input[type="checkbox"] { accent-color: #1657B6; }

@media only screen and (max-width: 767px) {
	 .input__button .button {
		 margin-top: 27px;
	}
}
 .input__alt {
	 text-align: left;
}
 .input__alt .input-group {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 border: 1px solid #c3c7e4;
	 border-radius: 10px;
}
 @media only screen and (max-width: 767px) {
	 .input__alt .input-group {
		 border-radius: 5px;
	}
}
 @media only screen and (max-width: 575px) {
	 .input__alt .input-group {
		 flex-direction: column;
	}
}
 .input__alt .input-group .input-group-prepend {
	 padding-right: 30px;
	 padding-left: 30px;
}
 .input__alt .input-group .input-group-prepend.select {
	 position: relative;
	 background-color: transparent;
	 display: flex;
	 align-items: center;
}
 .input__alt .input-group .input-group-prepend.select select {
	 height: 70px !important;
}
 @media only screen and (max-width: 1199px) {
	 .input__alt .input-group .input-group-prepend.select {
		 height: 56px !important;
	}
}
 .input__alt .input-group .input-group-prepend.select::after {
	 content: "";
	 vertical-align: 0;
	 background-image: url("../../../public/images/icons/menu-down.png");
	 background-repeat: no-repeat;
	 background-position: center;
	 width: 20px;
	 height: 100%;
	 position: absolute;
	 top: 0;
	 right: 10%;
}
 @media only screen and (max-width: 1199px) {
	 .input__alt .input-group .input-group-prepend.select::after {
		 right: 5%;
	}
}
 @media only screen and (max-width: 575px) {
	 .input__alt .input-group .input-group-prepend {
		 padding: 12px 15px;
		 width: 100%;
		 border-bottom: 1px solid #c3c7e4;
	}
}
 .input__alt .input-group input {
	 width: auto;
	 flex-grow: 1;
	 border: none;
	 border-left: 1px solid #c3c7e4;
	 font-weight: 600;
}
 @media only screen and (max-width: 575px) {
	 .input__alt .input-group input {
		 flex-grow: 0;
		 border-left: 0px;
		 width: 100%;
		 margin-bottom: 2px;
	}
}
 .input__alt .input-group input::placeholder {
	 font-weight: 600;
	 color: #13216e;
}
 .input__alt .input-group .current {
	 color: #13216e;
	 font-weight: 600;
	 text-transform: capitalize;
	 position: relative;
	 display: flex;
	 align-items: center;
}
 .input__alt .input-group .current::before {
	 content: "";
	 width: 30px;
	 height: 16px;
	 background-image: url("../../../public/images/flag.png");
	 background-size: cover;
	 color: #434e9e 80;
}
 @media only screen and (max-width: 575px) {
	 .input__alt .input-group .current::before {
		 width: 30px;
		 margin-right: 5px;
	}
}
 .input__file__wrapper p {
	 font-weight: 600;
	 margin-bottom: 7px;
}
 .input__file {
	 padding: 40px;
	 display: flex;
	 align-items: center;
	 justify-content: flex-start;
	 flex-wrap: wrap;
	 gap: 20px;
	 background-color: #f9faff;
	 border: 1px dashed #c3c7e4;
	 border-radius: 10px;
}
 @media only screen and (max-width: 1199px) {
	 .input__file {
		 padding: 40px 30px;
	}
}
 @media only screen and (max-width: 1199px) {
	 .input__file {
		 padding: 30px 20px;
	}
}
 .input__file span {
	 font-weight: 700;
	 color: #1657B6;
}
 .input__file .icon__box {
	 width: 70px;
	 height: 70px;
	 background-color: #d7defc;
	 border-radius: 50%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .input__file .icon__box img {
	 max-width: 90%;
	 height: auto;
}
/* ==== --------- (3.3) forms styles end --------- ==== */