.career_select_wrap,
.footer_form-label_wrap,
.popup_form-control {
color: rgb(30 30 30 / .6);
font-size: 16px
}
.pop_up_wrap {
width: 1120px;
margin: auto;
padding: 118px 10px 10px;
max-width: 100%
}
.pop_up_wrap .modal-header {
padding: 0 !important;
border-bottom: none
}
.pop_up_wrap .popup_close {
width: 40px;
height: 40px;
box-shadow: 0 2px 5px 0 rgb(0 0 0 / .2);
border: 1px solid rgb(255 255 255);
background: rgb(255 255 255);
border-radius: 20px;
position: absolute;
right: -16px;
top: -16px;
color: #000;
z-index: 999;
opacity: inherit;
font-size: 16px
}
.popup_form_main {
border: 1px solid rgb(224 224 224);
padding: 20px 20px 0;
border-radius: 16px;
display: flex;
flex-direction: column
}
.popup_form-control {
width: 100%;
max-width: 100%;
border: 1px solid rgb(224 224 224);
height: 48px;
border-radius: 10px;
padding: 0 0 0 15px;
font-weight: 400;
outline: 0
}
.popup_mt_20 {
margin-top: 20px !important
}
.popup_form_main span {
margin: 0;
font-size: 26px;
font-weight: 700 !important
}
.career_select_wrap {
width: 100%;
height: 48px;
border: 1px solid #e0e0e0;
border-radius: 10px;
padding-left: 15px;
background: #fff;
outline: unset;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none
}
.col-md-6.popup_mt_20.associate_parent,
.material-input,
.popup_location,
.select-wrapper {
position: relative
}
.custom-icon {
position: absolute;
pointer-events: none;
top: 50%;
right: 14px;
transform: translateY(-50%);
fill: #1e1e1e
}
.footer_form-label_wrap {
font-weight: 400;
line-height: 22px;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
pointer-events: none
}
input:-webkit-autofill {
-webkit-text-fill-color: #787878 !important;
-webkit-box-shadow: inset 0 0 0 0 #787878 !important;
-webkit-background-clip: text !important
}
.custom-file-upload_file {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
position: relative;
border: 1px solid #e0e0e0;
border-radius: 10px;
padding-left: 15px;
height: 48px
}
.custom-file-upload_file span {
color: #333;
font-size: 10px;
font-weight: 400;
line-height: 12px;
padding-bottom: 8px
}
.upload-icon_file {
display: flex;
align-items: center;
position: absolute !important;
right: 8px !important;
top: 12px !important
}
.file_text_small {
position: absolute;
top: 50px;
left: 7px
}
textarea.text_area_wrap {
width: 100%;
margin-top: 10px;
border: 1px solid rgb(224 224 224);
border-radius: 10px;
padding-left: 15px;
padding-top: 6px;
font-size: 16px;
outline: 0
}
.popup_space .col-md-6 {
margin: 20px 0 0;
padding: 0 10px
}
.popup-button {
text-align: end;
padding-top: 15px;
display: flex;
justify-content: end
}
.single-post .popup-button {
padding-top: 8px
}
.popup-button button {
padding: 15px;
display: inline-block;
width: 100%;
max-width: 200px;
background: rgb(37 131 233);
border: 1px solid rgb(225 240 255);
border-radius: 10px;
color: rgb(255 255 255);
font-size: 20px;
margin: 0
}
.popup-button button:hover {
border: 1px solid rgb(37 131 233);
color: rgb(37 131 233);
background: #fff
}
.modal-footer.popup_footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
background: rgb(26 26 26);
margin: 0 15px 15px 20px;
border-radius: 20px
}
.popup_contact_info p,
.popup_location p {
text-align: left;
color: #fff;
font-size: 22px;
font-weight: 500;
margin: 0;
line-height: 150%
}
.popup_location:after {
content: "";
position: absolute;
border-right: 1px solid rgb(38 38 38);
top: -15px;
bottom: -14px
}
.popup_inner_card {
display: flex;
padding-top: 20px;
column-gap: 15px
}
.popup_india {
display: flex;
flex-direction: column;
align-items: flex-start
}
.pop_up_wrap .modal-content {
border-radius: 28px;
border: none;
padding-bottom: 1px
}
.bg_popup .owl-dot,
.bg_popup .swiper-pagination-bullet {
border-radius: 50%;
display: inline-block;
transition: background .3s;
width: 8px;
height: 8px
}
.popup_india span {
text-align: left;
padding-top: 14px;
color: rgb(255 255 255 / .8);
font-weight: 400;
font-size: 16px
}
.popup-social {
display: flex;
flex-wrap: wrap;
row-gap: 20px;
column-gap: 13px;
color: #fff;
padding-top: 20px
}
.popup-social a {
color: rgb(255 255 255 / .8);
font-size: 15px;
font-weight: 500;
text-decoration: none
}
.popup-social span {
padding-left: 10px
}
.popup_top_img img {
width: 100px;
object-fit: contain
}
.popup_top_img {
display: flex;
justify-content: center;
flex-wrap: wrap;
row-gap: 23px;
column-gap: 7px;
padding-top: 10px
}
.client_wrap_inner {
display: flex;
justify-content: space-between;
align-items: center
}
.pop_up_client_img {
display: flex;
align-items: center;
column-gap: 10px
}
.pop_up_client_img img {
width: 60px !important;
height: 60px
}
.client_name p {
font-size: 18px;
margin: 0;
font-weight: 500;
color: #fff
}
.client_name span {
font-size: 14px;
font-weight: 400;
color: #fff
}
.popup_client_slider {
padding: 20px;
background: rgb(36 36 36);
border-radius: 16px;
min-height: 400px;
max-height: 400px
}
.popup_client_slider p {
font-size: 18px;
line-height: 180%;
padding-top: 20px;
font-weight: 500;
color: #fff;
margin: 0;
padding: 0px;
}
.d_flex_popup {
display: flex;
flex-wrap: wrap
}
.bg_popup {
background-color: rgb(26 26 26);
border-radius: 16px;
height: 100%;
overflow: hidden
}
.client_flag span {
color: rgb(255 255 255);
font-size: 14px;
font-weight: 500
}
.client_flag {
display: flex;
column-gap: 5px;
align-items: center
}
.client_flag img {
width: 28px;
height: 28px
}
.min_height_300 {
min-height: 130px;
max-height: 130px
}
.bg_popup .owl-dots {
text-align: center;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
bottom: 20px
}
.bg_popup .owl-dot {
margin: 5px;
background: rgb(255 255 255 / .35) !important
}
.bg_popup .owl-dot.active {
background: rgb(255 255 255) !important;
width: 8px;
height: 8px
}
.validation_new {
border-color: red !important
}
.popup-social img {
width: 20px;
height: 20px
}
.col-lg-5.col-md-12.col-sm-12.col-12.mobile {
padding: 0 0 0 20px
}
.associated_mail {
font-size: 10px !important;
left: 19px !important;
color: rgb(30 30 30 / .45)
}
.popup_india p {
margin: 0;
font-size: 18px;
color: rgb(255 255 255);
line-height: 14px
}
.pop_up_wrap .custom-swiper-pagination {
position: absolute;
bottom: 149px !important;
z-index: 999
}
.popup_footer .col-lg-7 {
padding: 0
}
.bg_popup .swiper-pagination-bullet {
background: hsla(0, 0%, 100%, .35) !important
}
.bg_popup .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #fff !important;
width: 8px;
height: 8px
}
.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 20px;
line-height: 20px
}
@media screen and (max-width:1024px) {
.popup_inner_card {
column-gap: 30px
}
.popup_top_img img {
width: 90px;
object-fit: contain
}
.pop_up_wrap .popup_close {
width: 30px;
height: 30px;
box-shadow: 0 2px 5px 0 rgb(0 0 0 / .2);
border: 1px solid rgb(255 255 255);
background: rgb(255 255 255);
border-radius: 20px;
position: absolute;
right: -6px !important;
top: -8px !important;
color: #000;
z-index: 999;
opacity: inherit;
display: flex !important;
align-items: center !important;
justify-content: center !important
}
}
@media screen and (max-width:991.98px) {
.pop_up_wrap {
padding: 20px
}
.popup_client_slider {
min-height: 320px;
max-height: 320px
}
.popup_top_img {
padding-top: 20px;
padding-bottom: 20px
}
.d_flex_popup {
display: block
}
.popup_inner_card {
column-gap: 10px
}
.popup_location:after {
display: none
}
.col-lg-5.col-md-12.col-sm-12.col-12.mobile,
.col-lg-5.col-md-6.col-sm-12.col-12.mobile {
padding: 0 15px 15px
}
.popup_form_main {
padding: 20px 20px 0
}
.pop_up_wrap .popup_close {
width: 30px;
height: 30px;
right: -5px;
top: -9px
}
}
@media screen and (max-width:767px) {
.pop_up_wrap .col-lg-6.col-md-6.col-sm-12.col-12.mobile {
width: 100% !important
}
.popup_client_slider p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical
}
.popup_client_slider {
min-height: 370px
}
.popup_footer .col-lg-7 {
padding: 10px
}
}
@media screen and (max-width:567px) {
.pop_up_wrap .col-lg-6.col-md-6.col-sm-12.col-12.mobile {
width: 100% !important
}
.popup_top_img img {
width: 80px
}
.popup-button {
text-align: center
}
.pop_up_wrap .popup_close {
width: 30px;
height: 30px;
right: -8px;
top: -7px;
font-size: inherit !important
}
.pop_up_wrap {
padding: 10px
}
.popup_inner_card {
flex-direction: column;
row-gap: 15px;
padding-bottom: 10px
}
}
.validation_text {
color: red !important;
padding-top: 12px;
padding-left: 13px
}
@media screen and (max-width:1440px) {
.pop_up_wrap {
padding: 50px 10px 10px
}
}
.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
color: var(--bs-btn-active-color);
background-color: #2583e9 !important
}
#files3 {
visibility: hidden;
background: 0 0;
z-index: -13;
opacity: 0;
position: absolute;
width: 100%;
left: 0
}
.file_text_small.error {
color: red
}
.associate_parent .file_text_small.associated_mail {
top: 45px
}
.material-input input,
.material-input select,
.material-input textarea {
width: 100%;
border: 1px solid #ccc;
padding: 14px 12px;
font-size: 16px;
background: 0 0;
outline: 0;
border-radius: 6px;
transition: border-color .2s;
margin: 0
}
.material-input input:focus,
.material-input select:focus,
.material-input textarea:focus {
border: 1px solid #333
}
.material-input label {
position: absolute;
left: 14px;
top: 11px;
background: #fff;
padding: 0 2px;
color: rgba(30, 30, 30, .6);
font-size: 16px;
pointer-events: none;
transition: .2s;
font-weight: 600
}
.material-input input:focus+label,
.material-input input:not(:placeholder-shown)+label,
.material-input select:focus+label,
.material-input select:valid+label,
.material-input textarea:focus+label,
.material-input textarea:not(:placeholder-shown)+label {
top: -12px;
left: 12px;
font-size: 12px;
color: rgba(30, 30, 30, .6)
}
.material-input.messageaddclass {
margin-top: 10px
}
form#mtpl_home_contact_form {
margin-block-end: 1em
}
.iti {
display: block !important
}
.material-input_footer:has(input) .footer_form-label {
position: absolute;
left: 14px;
top: 11px;
background: #1a1a1a !important;
color: #d1d1d1;
font-size: 16px;
pointer-events: none;
transition: .2s;
font-weight: 500
}
.material-input_footer:has(input:focus) .footer_form-label,
.material-input_footer:has(input:not(:placeholder-shown)) .footer_form-label {
top: -13px;
left: 13px;
font-size: 14px;
color: #d1d1d1
}
.iti__flag-container {
display: none
}
.iti__country-list {
width: 320px;
overflow-x: hidden;
border-radius: 4px
}
.material-input.material-input_footer:has(input) .footer_form-label {
background: #fff !important;
color: #d1d1d1;
color: rgb(30 30 30 / .6) !important;
font-weight: 600
}
.material-input.material-input_footer .iti--allow-dropdown input {
padding-left: 15px
}
.call-back-form .iti--allow-dropdown input {
width: 100%;
padding-left: 15px !important
}
#calluspopupphonenumber-error {
color: #dc3545
}