body { font-family: "Manrope", sans-serif; } @font-face { font-family: Basier Circle; font-style: normal; font-weight: 400; src: url('../fonts/basiercircle-regular-webfont.cfe0987f.woff2') format("woff2") } @font-face { font-family: Basier Circle; font-style: normal; font-weight: 500; src: url('../fonts/basiercircle-medium-webfont.5b1bbb96.woff2') format("woff2") } @font-face { font-family: Basier Circle; font-style: normal; font-weight: 600; src: url('../fonts/basiercircle-semibold-webfont.f1b12b2e.woff2') format("woff2") } @font-face { font-family: Basier Circle; font-style: normal; font-weight: 700; src: url('../fonts/basiercircle-bold-webfont.4b94980a.woff2') format("woff2") } @font-face { font-family: Basier Circle; font-style: italic; font-weight: 400; src: url('../fonts/basiercircle-regularitalic-webfont.b7fb363b.woff2') format("woff2") } @font-face { font-family: Basier Circle; font-style: italic; font-weight: 500; src: url('../fonts/basiercircle-mediumitalic-webfont.90b1cf1f.woff2') format("woff2") } @font-face { font-family: Basier Circle; font-style: italic; font-weight: 600; src: url('../fonts/basiercircle-semibolditalic-webfont.c7f67cac.woff2') format("woff2") } @font-face { font-family: Basier Circle; font-style: italic; font-weight: 700; src: url('../fonts/basiercircle-bolditalic-webfont.3b4ab9e4.woff2') format("woff2") } .apply_now { padding: 0px 0 30px; } .side_bar { width: 100%; height: fit-content; border: 1px solid #dedfe3; box-sizing: border-box; position: relative; border-radius: 15px; background: #fff; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25); } .side_head { margin-top: 20px; transform: perspective(200px) rotateX(3deg); border-radius: 10px; /* z-index: 1; */ height: 50px; font-size: 1rem; line-height: 1.5rem; font-weight: 400; background-color: rgb(192 32 38); position: relative; /* width: 100%; */ margin: 6px -0.5rem; } .side_head:before { content: ''; left: 6px; transform: rotate(-39deg); /* background-color: #373ff5; */ position: absolute; width: 10px; height: 10px; bottom: -4px; z-index: -1; } .side_head:after { content: ''; right: 6px; transform: rotate(-34deg); /* background-color: #373ff5; */ position: absolute; width: 10px; height: 10px; bottom: -4px; z-index: 0; } input.ins_exper { width: 20px; height: 16px; margin-top: 5px; } .side_head .visa_gr { display: flex; justify-content: center; align-items: center; height: 100%; gap: 10px; z-index: 4; position: relative; } .side_head .visa_gr svg { width: 30px; height: 30px; } .side_head .visa_gr p { margin: 0; font-size: 17px; font-weight: 600; } .side_head .visa_gr p span { font-weight: 600; } /* .side_details { padding: 15px 15px; padding-top: 1rem; position: relative; } .side_details .travel { border-bottom: 1px solid #eee; } .side_details .travel .travel_s { display: flex; align-items: center; gap: 0.5rem; padding-bottom: 0.5rem; border-color: rgb(202 202 202); border-bottom-width: 0.5px; } .side_details .travel .travel_s svg {} .side_details .travel .travel_s p{ margin: 0; font-size: 17px; line-height: 1.5rem; color: #000; flex: 1 1 0%; } .side_details .travel .travel_s .qty  { display: flex; gap: 0.5rem; align-items: center; } .side_details .travel .travel_s .qty span { border-radius: 50px; width: 20px; height: 20px; border: 1px solid #eee; font-size: 20px; font-weight: 600; color: #000; line-height: 13px; text-align: center; } .side_details .travel .travel_s .qty input {width: 1.5rem;padding: 0;border: 0;text-align: center;background: #0000;color: #000;font-weight: 600;} */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } .side_prices { padding: 0 15px 15px; position: relative; } .side_price { border-radius: 0.75rem; background-color: rgb(80 87 234); } .side_price_br { background-color: #fff; } .side_price p { /* font-weight: 600; */ /* color: #000; */ /* margin-bottom: 0.5rem; */ } .side_price_br svg { } .flex { display: flex; } .flex-1 { flex: 1 1 0%; } .relative { position: relative; } .outline-none { outline: 2px solid transparent; outline-offset: 2px; background: #0000; border: none; font-weight: 600; margin-bottom: 5px; display: block; font-size: 13px; color: #000; } .outline-none .underline { text-decoration-line: underline; } .font-semibold { font-size: 14px; font-weight: 600; } .font-normal { font-weight: 400; } .whitespace-nowrap { white-space: nowrap; } .pl-2 { padding-left: 0.5rem; } .py-1\.5 { padding-bottom: 0.375rem; padding-top: 0.375rem; } .text_blue_bg { /* background-color: rgb(244 244 254); */ /* border-radius: 5px; */ /* margin-top: 3px; */ /* padding: 6px; */ } .text_blue_bg p { /* color: rgb(81 88 237); */ /* letter-spacing: -.025em; */ /* font-size: 13px; */ /* line-height: 1.25rem; */ /* text-align: center; */ /* margin: 0; */ } .text_blue_bg p b { font-weight: 600 } .dr_hight { position: relative } .dr_hight:after { content: ''; /* border-top: 10px solid #fff0; */ /* border-right: 10px solid #4e4e4e00; */ /* border-bottom: 10px solid #f4f4fe; */ /* border-left: 10px solid #0000; */ /* position: absolute; */ /* bottom: -13px; */ /* right: 8px; */ } .total_amt { display: flex; justify-content: space-between; padding: 5px 0 15px 0; } .total_amt p { font-size: 18px; margin: 0; font-weight: 600; } .btn_yellow { background: rgb(46 45 45); color: #fff; font-weight: 600; width: 100%; text-align: center; border: navajowhite; border-radius: 6px; padding: 8px; } .rounded-brands { background-color: rgb(46 45 45); padding: 10px; display: flex; align-items: flex-start; border-radius: 5px; margin-top: 15px; gap: 11px; } .on-time-badge-3d { /* background: linear-gradient(0deg, #5057ea, #4148de); */ /* background-clip: padding-box; */ /* border: 3px solid hsla(0, 0%, 100%, .15); */ /* border-radius: 16px; */ /* border-radius: 50%; */ /* box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 6px 0 rgba(0,0,0,.3), 1px 3px 3px 2px #565ef8, 0 0 0 7px #474fe375; */ font-size: 18px; line-height: 1; /* padding: 8px; */ position: relative; /* text-align: center; */ /* width: 80px; */ /* height: 80px; */ } .on-time-badge-3d p { margin: 0; color: #fff; font-size: 10px; line-height: 12px; } .on-time-badge-3d p { } .on_time_white { } .on_time_white p.bold { color: #fff; font-size: 16px; font-weight: 600; margin: 0; line-height: normal; } .on_time_white p { color: #fff; line-height: normal; font-size: 11px; margin-bottom: 0; } /*-------------------------------------------*/ .all_set { } .banner { position: relative; height: 160px; overflow: hidden; border-radius: 5px; margin-bottom: 0px; } .banner img { width: 100%; height: 100%; object-fit: cover; } .banner .had_title { position: absolute; bottom: 0; background: #2f2e2e99; width: 100%; padding: 5px 10px; } .banner .had_title h3 { margin: 0; font-size: 18px; font-weight: 600; color: #fff; } .bnr_top { position: absolute; top: 10px; background: #2f2e2e99; width: auto; padding: 5px 10px; right: 10px; border-radius: 6px; } .bnr_top p { color: #fff; margin: 0; line-height: normal; font-size: 13px; } .com_flg { position: absolute; top: 10px; background: #2f2e2e99; width: auto; padding: 3px; left: 10px; border-radius: 6px; width: 50px; height: 40px; display: flex; justify-content: center; align-items: center; } .com_flg img { width: 100%; object-fit: contain; } .form_select p.trv { font-size: 15px; color: rgb(67 104 115); font-weight: 600; font-size: 15px; text-align: right; } /*-------------------------------------------*/ .sel_visa_list { display: flex; /* align-items: center; */ border: 1px solid #eee; border-radius: 10px; padding: 20px 10px 10px 0; justify-content: space-between; margin-bottom: 15px; position: relative; } .sel_visa_list .sel_visa_box { position: relative; padding: 10px 6px 10px 15px; width: 22%; } .sel_visa_list .sel_visa_box:before { content: ''; border-bottom-right-radius: 6px; border-top-right-radius: 6px; height: 100%; left: 0; position: absolute; top: 0; width: 4px; background: #c02026; } .sel_visa_list .sel_visa_box h3 { font-size: 20px; margin: 0; } .sel_visa_list .sel_visa_box p { margin: 0; color: #c02026; font-size: 15px; font-weight: 600; } /*----------------------------*/ .sel_visa_list .list { width: calc(100% - 22%); /* position: relative; */ display: flex; align-items: center; /* position: relative; */ } .visa_list { list-style: none; display: flex; padding: 0; margin: 0; flex-wrap: wrap; gap: 8px; /* justify-content: end; */ } .visa_list li.active { border: 1px solid #00af13; } .visa_list li { list-style-type: none; width: 49%; border: 1px solid #f1f1f1; line-height: normal; font-size: 14px; padding: 6px 6px 6px 26px; border-radius: 31px; position: relative; cursor: pointer; color: #5a5a5a; } .visa_list li.active:before { color: #00af13; } .visa_list li:before { content: "\f058"; font-family: FontAwesome; position: absolute; left: 6px; top: 6px; font-size: 16px; color: #d2d2d2; } .visa_list li label { display: block; cursor: pointer; overflow: hidden; /* text-overflow: ellipsis; */ display: -webkit-box; /* -webkit-line-clamp: 1; */ /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; color:#000; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; } .visa_list li span { display: none; position: absolute; right: 0; left: 100%; } .visa_list li.active2 { list-style-type: none; color: green; text-decoration: underline; } /*----------------------------*/ .pad_applic { /* border: 1px solid #eee; */ /* border-radius: 10px; */ padding: 10px; margin-bottom: 15px; } .pad_applic .row { --bs-gutter-x: 10px; } .pad_applic .form-group { margin-bottom: 15px; } .pad_applic .form-group label { font-weight: 600; margin-bottom: 5px; display: block; font-size: 13px; color: #000; text-indent: 0; } .pad_applic .form-group input, .pad_applic .form-group select { height: 35px; border: 1px solid #f1f1f1; border-radius: 3px; font-size: 13px; width: 100%; border-radius: 37px; padding: 5px 9px; border: 1px solid rgb(121 148 155); background-color: #fff; position: relative; outline: navajowhite; line-height: inherit; } .pad_applic .form-group.pd_remove { margin-bottom: 0 } .form_title { } .form_title h3 { display: block; font-size: 18px; color: rgb(64 99 110); font-weight: 600; margin-bottom: 5px; text-decoration: underline; } .disPl_Y_fL_x { display: flex; flex-flow: nowrap; align-items: center; white-space: nowrap; gap: 15px; } .disPl_Y_fL_x.jh { display: block; } .wrapper.day_month_year { display: flex; width: 100%; gap: 7px; } .wrapper.day_month_year select { padding: 0 4px; } .add_more_btn { display: flex; justify-content: end; margin-bottom: 10px; justify-content: space-between; } .add_more_btn button { background: rgb(46 45 45); color: #fff; font-weight: 600; text-align: center; border: navajowhite; border-radius: 6px; padding: 8px 15px; } .msg_show { padding: 15px; box-sizing: border-box; background: rgb(244 244 254); border: solid 0px #eee; border-right: navajowhite; border-left: none; margin-top: 0; border-radius: 5px; } .msg_show p { font-size: 14px; color: #000; text-align: center; margin: 0; } .hover_effect { position: absolute; background: #fff; width: 220px; top: 20px; z-index: 1; border: 1px solid rgb(121 148 155); border-radius: 8px; padding: 10px; display: none; } .hover_effect h3 { font-weight: 600; font-family: Basier Circle; font-size: .875rem; line-height: 1.25rem; } .hover_effect p { display: block; color: rgb(64 99 110); font-weight: 500; margin-bottom: 5px; font-family: Basier Circle; font-size: .875rem; line-height: 1.25rem; } .hover_sh:hover .hover_effect { display: block } .visa_list_hover_effect { position: absolute; background: #fff; width: 220px; top: 30px; z-index: 1; border: 1px solid #f1f1f1; border-radius: 8px; padding: 10px; display: none; } .visa_list_hover_effect h3 { font-weight: 600; /* font-family: Basier Circle; */ font-size: .875rem; line-height: 1.25rem; color: #5a5a5a; margin-bottom: 0; } .visa_list_hover_effect h6 { color: #c02026; font-size: 15px; } .visa_list_hover_effect p { display: block; color: #5a5a5a; font-weight: 500; margin-bottom: 5px; /* font-family: Basier Circle; */ font-size: 14px; line-height: 21px; } .visa_list li:hover .visa_list_hover_effect { display: block } .pos_rel_del { position: relative; } .add_div_m { display: none; } .add_div_m.show { display: block; } .del_tab { position: absolute; width: fit-content; right: 0; } .del_tab i { color: #c02026; } .left-side { height: fit-content; float: left; position: sticky; top: 95px; } .pad_applic.Pre_view { } .pad_applic.Pre_view input { list-style-type: none; border: 1px solid rgb(121 148 155); line-height: normal; font-size: 14px; border-radius: 31px; position: relative; cursor: pointer; display: block; font-size: 14px; color: rgb(64 99 110); font-weight: 500; margin-bottom: 5px; } .title_mid { text-align: center; margin-bottom: 20px; } .title_mid h3 { font-size: 25px; font-weight: 900; } .title_mid h3 span { color: rgb(192 32 38); } /*---------------------------*/ .track_order { padding: 30px 0; min-height: calc(100vh - 142px); display: flex; align-items: center; } .track_app { } .track_app .head { text-align: center; margin-bottom: 20px; } .track_app .head h3 { font-size: 25px; font-weight: 900; } .track_app .head h3 span { color: rgb(192 32 38); } .track_app .head p { display: block; font-size: 14px; color: rgb(64 99 110); font-weight: 600; margin-bottom: 5px; } .form_track { background: #eee; padding: 20px 30px; list-style-type: none; border: 1px solid #d7d7d7; line-height: normal; border-radius: 5px; position: relative; cursor: pointer; display: flex ; font-size: 14px; color: rgb(64 99 110); font-weight: 500; margin-bottom: 5px; gap: 15px; margin-bottom: 50px; } .form_track input { padding: 8px 15px; list-style-type: none; border: 1px solid #d7d7d7; line-height: normal; border-radius: 3px; position: relative; cursor: pointer; display: block; font-size: 14px; color: rgb(74 74 74); font-weight: 500; width: 100%; outline: none; } .form_track button { background: rgb(46 45 45); color: #fff; font-weight: 600; text-align: center; border: navajowhite; border-radius: 4px; padding: 13px 20px; } #customers { width: 100%; } #customers td, #customers th { border: 1px solid #ddd; padding: 8px; font-size: 14px; color: rgb(64 99 110); font-weight: 600; margin-bottom: 5px; text-wrap-mode: nowrap; } #customers tr:nth-child(even) { background-color: #f2f2f2; } #customers tr:hover { background-color: #ddd; } #customers th { padding-top: 10px; padding-bottom: 10px; background-color: #c02026; color: white; font-size: 14px; font-weight: 600; margin-bottom: 5px; } .track_tble { overflow-x: scroll; margin-bottom: 20px; } /*---------------------------*/ .cou_border { position: relative; margin-top: 0 !important; margin-bottom: 0 !important; padding: 18px 10px 10px 20px; margin-right: 0; font-size: 15px; z-index: 1; cursor: pointer; border: 1px solid rgb(120 147 155); border-radius: 10px !important; height: 58px; background: #fff; } .cou_border #cout_pos_main, .cou_border #cout_pos_main1 {display:flex;align-items: center;gap: 10px;} .cou_border h6 { margin: 0; font-weight: 600; margin-bottom: 0; display: block; font-size: 13px; color: #000; font-family: rubik,sans-serif; } .cou_border h3 { margin: 0; font-weight: 600; margin-bottom: 0; display: block; font-size: 13px; color: #000; font-family: rubik,sans-serif; } .cou_border img.selct { /* position: absolute; */ width: 30px; left: 20px; top: 18px; height: 30px; object-fit: fill; border-radius: 4px; border-radius: 32px; } .cout_pos, .cout_pos_passport { position: absolute; width: 100%; left: 0; background: #fff; box-shadow: 0px 0px 10px #eee; z-index: 9; display: none; border: 1px solid #F6E9E3 !important; box-shadow: 0px 10px 31px rgba(230, 94, 56, 0.14); border-radius: 10px !important; top: 57px; } .cout_pos .myuldest, .cout_pos_passport .myuldest { max-height: 250px; overflow: hidden; overflow-y: scroll; } .cout_pos_close, .cout_pos_pass_close { position: absolute; width: 20px; height: 20px; display: flex; background: #c02026; justify-content: center; align-items: center; color: #fff; border-radius: 32px; font-size: 11px; right: 10px; top: 5px; z-index: 9999; } .cout_pos .list_cont, .cout_pos_passport .list_cont { position: relative; z-index: 99; padding: 4px; display: flex; align-items: center; gap: 10px; cursor: pointer; padding: 6px; user-select: none; -webkit-user-select: none; border-radius: 10px !important; } .cout_pos .list_cont a { color: #000; font-weight: 500; font-size: 15px; display:block; width: 100%; border-radius: 6px; } .cout_pos ul li.list_cont:hover { background: #5e94f2; color:#fff } .cout_pos .list_cont:hover a{ color:#fff } .cout_pos .list_cont img, .cout_pos_passport .list_cont img { width: 25px; margin-right: 10px; } .cout_pos .list_cont span, .cout_pos_passport .list_cont span { width: calc(100% - 40px); } .slider { width: 100px; height: 50px; background-color: grey; transition: transform 0.3s ease; /* Add smooth transition effect */ } .slider.slide { transform: translateX(50px); /* Move slider to the right */ } img { text-indent: 100%; white-space: nowrap; overflow: hidden; } #myULDest, #myUL { padding: 0 } .pad_applic .form-group:last-child { margin-bottom: 10px; } .iti { position: relative; display: inline-block; width: 100%; } .forn_ad_title { display: none } .forn_ad_title h3 { text-align: center; font-size: 16px; margin-top: -26px; } .apply_now_suc { padding-top: 70px; background-color: #eee; padding-bottom: 20px; } .than_ky { background: #fff; padding: 35px; border-radius: 15px; width: 90%; margin: 0 auto; } .than_ky h1 { color: #2a971f; font-size: 35px; font-weight: 600; text-align: center; } .mesg_desc { background: #ffffff; border: 1px solid #ebebeb; border-radius: 6px; padding: 15px; } .mesg_desc ul { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #dddddd; border-radius: 5px 0px 5px 5px; margin-top: 0; background: #f3f3f3; /* box-shadow: 0px 0px 10px #e7e7e7; */ } .mesg_desc ul li{ border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; padding: 10px; font-size: 14px; } .mesg_desc ul li:nth-child(3), .mesg_desc ul li:nth-child(4) { border-bottom: none; } .mesg_desc ul li:nth-child(2), .mesg_desc ul li:nth-child(4) { border-right: none; } .mesg_desc ul li b{ font-weight: 600; } .than_ky p { text-align: center; /* margin-bottom: 7px; */ font-size: 16px; color: #000; line-height: 30px; font-weight: 400; margin-bottom: 0px; } .tack_ap {text-align: center;} .tack_ap .btnff{ display: block; background: #0d6efd; margin: 0 auto; width: fit-content; color: #fff; padding: 4px 9px; border-radius: 40px; font-weight: 500; font-size: 13px; } .than_ky p:last-child { margin-bottom: 0; } h2.upload-tite { font-size: 20px; margin-top: 9px; margin-bottom: 12px; } .upload-for { border: 0px solid #8080808a; padding: 10px; background: #ffffff; border: 1px solid #ebebeb; border-radius: 0 0 6px 6px; /* overflow: hidden; */ margin-bottom: 15px; padding-top: 20px; } .uploads-docs .form-box .form-group { position: relative; } .uploads-docs .form-box .form-group label { display: block; text-align: left; margin-bottom: 17px; } .upload-for input[type="text"] { padding: 8px 0px 7px 8px; /* border: none; */ border: 1px solid; border-color: hsl(204deg 4% 77%); border-radius: 5px; width: 100%; } .upload-for input[type="text"] { padding: 8px; /* border: none; */ } .uploads-docs .form-box .form-group .laBEl_name { display: block; text-align: left; position: relative; margin-bottom: 5px; display: flex; align-items: center; font-size: 15px; font-family: sans-serif; } .hover_ex_img { font-size: 12px; position: absolute; right: 0; bottom: 0; color: #ce1127; font-style: italic; text-decoration: underline; cursor: pointer; } .uploads-docs .form-box .form-group .file label { /* background: #f7f7ff; */ margin-bottom: 0px; color: #000; display: flex ; align-items: center; gap: 5px; border-color: hsl(204deg 4% 77%); border-radius: 5px; width: 100%; flex: 1; justify-content: space-between; padding-left: 106px; cursor: pointer; z-index: 3; } .uploads-docs .form-box .form-group .file label i { } .uploads-docs .form-box .form-group label.appc { height: 30px; margin-bottom: 5px; } .uploads-docs .form-box .form-group label { display: block; text-align: left; /* margin-bottom: 5px; */ } .file > input[type='file'] { visibility: hidden; position: absolute; top: 50%; width: 100%; } .file--upload > label { color: hsl(204deg 2% 3%); border-color: hsl(204deg 4% 78%); } .file > label { font-size: 13px; font-weight: 300; cursor: pointer; outline: 0; user-select: none; border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186); border-style: solid; border-radius: 4px; border-width: 1px; background-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 29%); padding-left: 8px; padding-right: 8px; padding-top: 10px; padding-bottom: 10px; display: flex; justify-content: center; align-items: center; } img.siz_upl_s { height: 100%; width: 50px; border-radius: 0px; object-fit: cover; } .form-box.row { } .mt20f { padding: 20px 0; } .comon_css.show { background: #000000b8; display: block; } .comon_css .modal-body a.pull-right { position: absolute; right: -15px; top: -15px; background: #d00; width: 30px; height: 30px; border-radius: 35px; display: flex; justify-content: center; align-items: center; opacity: 1; font-size: 15px; color: #fff; } .comon_css .img_show_pop { } .comon_css .img_show_pop img { width: 100%; } /*---------------------*/ .new_phone_list { height: 40px; border: 1px solid rgb(120 147 155); border-radius: 5px; font-size: 13px; display: flex; position: relative; } .new_phone_list input.call.bg-cc {    border: 0px !important; height: 100% !important;} .new_phone_list .flg_cd{ background: #f2f2f2; padding: 7px; border-radius: 6px 0 0 6px; } .new_phone_list .flg_cd span{ display: flex; height: 100%; align-items: center; line-height: 10px; font-size: 15px; padding-right: 10px; position: relative; cursor: pointer; } .new_phone_list .flg_cd span:after { content: "\f0d7"; font-family: FontAwesome; font-size: 10px; color: #5e5e5e; position: absolute; right: 0; } .new_phone_list .flg_cd span img{ width: 20px; height: 100%; object-fit: contain; margin-right: 6px; } .new_phone_list .flg_cd ul{ /* position: absolute; */ z-index: 3; /* background: aquamarine; */ max-height: 50vh; overflow-y: scroll; } .new_phone_list .flg_cd ul li{ position: relative; border-bottom: 1px solid #eee; padding-bottom: 5px; margin: 6px 0; } .new_phone_list .flg_cd ul li img{ width: 30px; box-shadow: 0px 0px 10px #c1b5b5; margin-right: 10px; } .flg_cd_fli { position: absolute; z-index: 3; background: white; left: 0; top: 40px; padding: 5px; border: 1px solid #eee; } .flg_cd_fli input{ margin-bottom: 6px; } /*---------------------*/ /*--------------apply_now_failed-----------------*/ .apply_now_failed { padding-top: 80px; background-color: #eee; padding-bottom: 20px; } .apply_now_failed .all_set { box-shadow: 0px 0px 10px #c1c1c1; background: #fff; border-radius: 10px; padding: 45px; } .apply_now_failed .title_mid img { width: 110px; margin-bottom: 10px; } .pdfu p{ font-size: 16px; } .pdfu p a { font-weight: 600; color: red; } .pdfu p span{color:red} .link_btn { display: flex; justify-content: center; margin-bottom: 10px; } .link_btn a{ background: #da2c46; color: #fff; display: block; padding: 10px 20px; font-weight: 600; font-family: system-ui; border-radius: 5px; } /*--------------apply_now_failed-----------------*/ .nine_width {        flex: 0 0 auto; width: 70% !important;} .three_width {        flex: 0 0 auto; width: 30% !important;} .keep_doc { margin-top: 10px; border: 1px solid #f1f1f1; padding: 10px; display: flex; justify-content: space-between; margin-bottom: 10px; } .keep_doc p { font-weight: 600; font-size: 18px; margin: 0; display: flex; gap: 6px; } .keep_doc p span {} .keep_doc p span svg{fill: #727272;width: 20px;height: 20px;} .keep_doc ul { display: flex; gap: 30px; } .keep_doc ul li { font-weight: 600; font-size: 17px; margin: 0; color: #727272; display: flex; align-items: center; gap: 6px; } .keep_doc ul li svg { width: 20px; height: 20px; margin-right: 7px; } .keep_doc ul li img {width: 23px;} .keep_doc p span.trick_sfdf {position:relative;cursor: pointer;} .keep_doc p span.trick_sfdf:hover {display:block} .keep_doc p span.trick_sfdf:hover .trick_sf { display: block; width: 500px; border: 1px solid #e3e3e3; padding: 15px; border-radius: 5px; top: 15px; left: 12px; background: #fff; } .note_new {} .note_new p{ margin-bottom: 0; font-size: 14px; } .keep_doc p span.trick_sfdf .trick_sf {position:absolute;display: none;z-index: 3;} /* start css for old process aplicaiton */ .ongoingCss{ background-color: white padding: 7px 7px 7px 7px; border-radius: 5px; color: rgb(46 45 45); font-size: 15px; font-weight: 600; cursor: default; } .submitOngoingButton{ display:none; } @media screen and (max-width: 1199px) { .submitOngoingButton{ display:block; } .addApplicantOngoingButton{ display:none; } } @media screen and (min-width: 1200px) { .addApplicantOngoingButton{ display:block; } } /* end css for old process aplicaiton */ .side_prices .click_policy{ font-size: 15px; text-align: justify; line-height: 21px; margin-top: 10px; margin-bottom: 0; color: black; } .uploa_fdf { background: #ffffff; border-radius: 6px; padding: 0; margin-top: 15px; /* overflow: hidden; */ } .uploa_fdf form { /* padding: 10px; */ } .uploa_fdf h4{ background: #f3f3f3; padding: 9px 10px; margin: 0; font-size: 17px; text-align: center; border-radius: 6px 6px 0 0; } .uploa_fdf h4 span{ font-size: 12px; font-weight: 600; } .hove_pad { position: relative; display: flex; align-items: center; gap: 13px; } .hove_pad .hover_exa{ position: absolute; width: 335px; top: 24px; border: 1px solid #cfcfcf; background: #eeeeee; right: -66px; display: none; padding: 8px; z-index: 31; border-radius: 5px; } .hove_pad:hover .hover_exa{ display: block; } .hove_pad .hover_exa p{ font-size: 14px; line-height: 20px; } .hove_pad .qes_ddt{ display: flex; background: #000; color: #ffffff; width: 15px; height: 15px; position: relative; border-radius: 15px; justify-content: center; align-items: center; cursor: pointer; font-size: 11px; } .tack_ap .btn_Success {background: #28a928 !important;width: 200px;padding: 10px;border-radius: 55px;font-size: 18px;font-weight: 600;color: #fff;} .pre_ap_df {border: 1px solid #f3f3f3;border-radius: 5px;padding: 10px;} .pre_ap_df .pre_fic_label{position: relative;width: fit-content;margin-top: -20px;background: #eeeeee;border-radius: 5px;padding: 0 6px;margin-bottom: 10px;} .pre_ap_df .pre_fic_label p{ font-size: 15px; } .pre_ap_df .pre_fic_label p span{font-weight: 600;} .fe_upload { margin-bottom: 0px; color: #000; display: flex; gap: 24px; border: 1px solid #f3f3f3; border-radius: 5px; width: 100%; height: 50px; overflow: hidden; } .upload-for hr {border-bottom: 1px solid #919191;} .pre_ap_df .form-box {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 13px;} #passport_BACK1 .modal-content  { } .modal-content .img_show_pop { } .dsf { display: block; } .dsf p{ margin: 0; line-height: 20px; } .dsf p span {color: #ff0000;font-weight: 600;} .uploads-docs .form-box .form-group .file { border: 1px solid #f3f3f3; padding: 4px; border-radius: 5px; } .track_app_link { display: flex; justify-content: end; margin-top: 10px; } .track_app_link p{ font-size: 15px; } .track_app_link p .ds_track{ background: #0d6efd; display: block; color: #fff; font-weight: 600; border-radius: 5px 5px 0px 0; padding: 0 15px; } .ceh_pay { display: flex; justify-content: center; margin-bottom: 20px; align-items: center; gap: 6px; } .ceh_pay img{ width: 25px; height: 25px; object-fit: cover; } .ceh_pay h1{ margin: 0; } .str.hove_pad small { display: flex; align-items: center; } .str.hove_pad small span { background: #000; width: 15px; height: 15px; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 48px; font-size: 12px; } .uploads-docs .form-box .form-group .file label .up_icon { width: 30px; } .sd_vjf { margin-bottom: 0px; color: #000; overflow: hidden; align-items: center; gap: 40px; border-radius: 5px; width: 100%; justify-content: space-between; display: flex; border: 1px solid #f3f3f3; height: 45px; position: relative; /* padding-left: 70px; */ } .sd_vjf .img_six{ height: 100%; border-radius: 0 5px 5px 0; overflow: hidden; position: absolute; left: 0; } .sd_vjf .img_six img{} .dsfsf { display: flex; justify-content: end; gap: 12px; align-items: anchor-center; } .dsfsf .form-check { background: #2e2d2d; display: flex; color: #fff; gap: 8px; padding: 5px 10px; align-items: center; border-radius: 5px; margin-bottom: 0; align-items: center; appearance: none; background-image: radial-gradient(100% 100% at 100% 0, #7c7c7c 0, #2e2d2d 100%); border: 0; border-radius: 6px; box-shadow: rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, rgba(58, 65, 111, .5) 0 -3px 0 inset; box-sizing: border-box; color: #fff; cursor: pointer; display: inline-flex; height: 40px; justify-content: center; line-height: 1; list-style: none; overflow: hidden; padding-left: 16px; padding-right: 16px; position: relative; text-align: left; text-decoration: none; transition: box-shadow .15s, transform .15s; user-select: none; -webkit-user-select: none; touch-action: manipulation; white-space: nowrap; will-change: box-shadow, transform; font-size: 18px; } .dsfsf .form-check input.form-check-input{ position: relative; margin: 0; } .dsfsf .form-check label{ margin-top: 0; font-size: 18px; font-weight: 400; } .dspi { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; } .dspi h4 { margin: 0; font-size: 25px; } .ap_d { display: flex; justify-content: end; gap: 12px; } .ap_d .setPaymenturllink {padding: 6px 10px;height: 36px;font-size: 20px;font-weight: 400;line-height: normal;align-items: center;appearance: none;background-image: radial-gradient(100% 100% at 100% 0, #86ce9b 0, #1d7536 100%);border: 0;border-radius: 6px;box-shadow: rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, rgba(58, 65, 111, .5) 0 -3px 0 inset;box-sizing: border-box;color: #fff;cursor: pointer;display: inline-flex;height: 48px;justify-content: center;line-height: 1;list-style: none;overflow: hidden;padding-left: 16px;padding-right: 16px;position: relative;text-align: left;text-decoration: none;transition: box-shadow .15s, transform .15s;user-select: none;-webkit-user-select: none;touch-action: manipulation;white-space: nowrap;will-change: box-shadow, transform;font-size: 18px;} .dsfsf .form-check .form-check-input:checked { background-color: #ffffff; border-color: #ffffff; } .dsfsf .form-check .form-check-input:checked[type=checkbox] { background-image: url('../img/download.svg'); } .ple_ase_sle { position: absolute; top: 0; width: 100%; text-align: center; left: 0; margin-top: 0; } .ple_ase_sle p{ margin: 0; font-weight: 600; margin-bottom: 5px; display: block; font-size: 13px; color: #000; text-indent: 0; } /*---------------faq------------------*/ .faqs_ques {} .faqs_ques .main_faq {} .faqs_ques .main_faq .df_box{ border: 1px solid #eee; margin-bottom: 9px; border-radius: 6px; overflow: hidden; } .faqs_ques .main_faq .df_box .ques{ background: #f5f5f5; display: flex; padding: 4px 10px; cursor: pointer; justify-content: space-between; align-items: flex-start; } .faqs_ques .main_faq .df_box .ques h3{ font-size: 15px; font-weight: 600; line-height: 30px; color: #484848; margin: 0; flex: 1; } .faqs_ques .main_faq .df_box .ques span{ font-family: FontAwesome; background: #ebebeb; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 100; border-radius: 50px; color: #000; margin-top: 2px; } .faqs_ques .main_faq .df_box .ques span:before{content:''} .faqs_ques .main_faq .df_box.active .ques span:before{content: "\f068";} .faqs_ques .main_faq .df_box .ques span:before{content: "\f067";} .faqs_ques .main_faq .df_box .answer{display: none;transition: all 0.3s ease;padding: 10px;} .faqs_ques .main_faq .df_box.active .answer{ display: block; } .faqs_ques .main_faq .df_box .answer p{content:''} .faqs_ques {padding:30px 0} .faqs_ques .heading_all{    text-align: center; margin-bottom: 30px;} .faqs_ques .heading_all h3{} /*---------------faq------------------*/ .Any_active {margin-bottom: 0;position: relative;} .pad_applic .form-group .Any_active label{/* margin-bottom:0; */} .resident-confirmation233 { display: flex; align-items: center; font-size: 13px; gap: 8px; transition: transform 0.3s ease; /* margin-top: 10px; */ } .saudibasedcountry {margin-top:-26px;    width: 195px;} /* Shift up when the "Yes" radio is checked */ .resident-confirmation233:has(#yes:checked) { transform: translateY(-10px); margin-top: 0; } .applicante_details .pad_applic .form-group .resident-confirmation233    label { cursor: pointer; } .applicante_details .pad_applic .form-group .resident-confirmation233   input[type="radio"] { margin-right: 4px; } .applicante_details .pad_applic .form-group .resident-confirmation233 label {display: flex;align-items: center;font-size: 13px;margin-bottom:0px} .applicante_details .pad_applic .form-group .resident-confirmation233 input{height: fit-content;} .mf_df {margin-bottom:18px !important} .term_atag .con_c { display: flex; position: relative; cursor: pointer; user-select: none; font-weight: 500; letter-spacing: -.005em; margin-top: 10px; margin-bottom: 4px; font-size: 13px; font-style: normal; gap: 6px; align-items: center; } .term_atag .con_c a { color:#1335fb} .fsdfg{display:flex;height: 40px;} .Any_active.mf_df .saudibasedcountry { margin-top: 0; width: 195px; margin-left: 20px; } .Any_active.mf_df .saudibasedcountry .form-group {margin-bottom:0} .resident-confirmation233:has(#yes:checked) { transform: none; margin-top: 0; } .sidebar__logo  a img{ width: 100%; }