@charset "utf-8";/* CSS Document *//* CSS Files Combined - Base / Component / Common / Slick / Style *//*=================================================================================Base CSS=================================================================================*//*********************************//**//*********************************/:root {/* Font Variables */--googlesans: 'Google Sans', sans-serif;--roboto: 'Roboto', sans-serif;--poppins: 'Poppins', sans-serif;--fontsize: 14px;/*font weight*/--fontweight200: 200;--fontweight300: 300;--fontweight400: 400;--fontweight500: 500;--fontweight600: 600;--fontweight700: 700;--fontweight800: 800;/* button color*/--white: #fff;--drakblack: #000;--black: #212121;--blue: #1b70e9;--linkblue: #007BFF;--green: #4DB529;--orange: #ff7e00;--red: #ec4758;--yellow: #FDBA17;--yellowa: #ff0;--grayaaa: #aaa;--grayccc: #ccc;--grayddd: #ddd;--gray333: #333;--gray666: #666;--gray777: #777;--gray888: #888;--gray999: #999;--graya: #F2F2F2;--grayb: #F4F4F4;--grayc: #F7F7F7;--grayd: #E6E6E6;--gray100: #E5E5E5;--gray200: #CECECE;--gray110: #C7C7C7;--gray120: #E0E0E0;--gray130: #D9D9D9;--gray140: #5B5B5B;--drakblue: #4E6786;--tagline: #707070;--borderradius20: 20px;--size10: 10px;--size20: 20px;--size30: 30px;--size40: 40px;--size50: 50px;--size60: 60px;--size70: 70px;--size80: 80px;--size90: 90px;--size100: 100px;--boxshadow: 0 0 10px rgb(137 173 255 / 35%);--blue-shade-F2F3F8: #F2F3F8;--border-e7e7e7: #e7e7e7;--yellow-clr: #fbad00;/*Rating star image*/--star-rating: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 45' overflow='visible' xml:space='preserve'%3E%3Cpath fill='none' d='M7.5,15l2.3,5l5.3,0.7l-3.9,3.8l1,5.5l-4.6-2.7L2.9,30l1-5.5L0,20.7L5.3,20L7.5,15z'/%3E%3Cpath fill='%23666666' d='M7.5,17.5l-1.3,3L5.9,21L5.4,21l-3.2,0.4l2.4,2.4l0.4,0.4l-0.1,0.5l-0.6,3.3L7,26.5l0.5-0.3L8,26.5l2.8,1.6 l-0.6-3.3l-0.1-0.5l0.4-0.4l2.4-2.4L9.6,21L9.1,21l-0.2-0.5L7.5,17.5 M7.5,15l2.3,5l5.3,0.7l-3.9,3.8l1,5.5l-4.6-2.7L2.9,30l1-5.5 L0,20.7L5.3,20L7.5,15z'/%3E%3Cpath fill='%23FEB42B' d='M2.9,15l4.6-2.7l4.6,2.7l-1-5.5L15,5.7L9.8,5L7.5,0L5.3,5L0,5.7l3.9,3.8L2.9,15z M12.2,35.4L9.8,35l-2.3-5 l-2.3,5L0,35.7l0,0l0,0l3.9,3.8l-1,5.5l0,0v0l4.6-2.7l4.6,2.7v0l0,0l-0.4-2.2l-0.6-3.2l2.4-2.4l1.4-1.4l0,0l0,0L12.2,35.4z M10.4,38.8l-0.4,0.4l0.1,0.5l0.6,3.3L8,41.5l-0.5-0.3v-8.7l1.3,3L9.1,36L9.6,36l3.2,0.4L10.4,38.8z'/%3E%3C/svg%3E");/**/}/*********************************//**//*********************************/html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}img {color: transparent;font-size: 0;vertical-align: middle;-ms-interpolation-mode: bicubic;width: auto\9;height: auto;max-width: 100%;}ol, ul, li {list-style: none;}table {border-collapse: collapse;border-spacing: 0;}th, td, caption {font-weight: normal;vertical-align: top;text-align: left;}q {quotes: none;}q:before, q:after { content: ""; content: none;}sub, sup, small {font-size: 75%;}sub, sup {line-height: 0;position: relative;vertical-align: baseline;}sub {bottom: -0.25em;}sup {top: -0.5em;}svg {overflow: hidden;}/* text reset */pre, code {font-family: "DejaVu Sans Mono", Menlo, Consolas, monospace;}hr {border: 0 solid var(--grayccc);border-top-width: 1px;clear: both;height: 0;}ol {list-style: decimal;}html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}a {color: var(--blue);text-decoration: none;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;cursor: pointer}a:hover { color: var(--black); text-decoration: none;}a:focus { outline: thin dotted var(--gray333); outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}a:hover, a:active, a:focus { outline: 0;}body {color: var(--drakblue);font: 400 14px/1 "Poppins", sans-serif !important;}input, button, select, textarea {font-family: inherit;font-size: inherit;line-height: inherit;}a:focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}figure {margin: 0;}img {vertical-align: middle;}[role="button"] {cursor: pointer;}p {line-height: 18px;/*color: var(--black)*/}button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}button, input {overflow: visible;outline: 0;}button, select {text-transform: none;outline: 0;border: 0;}textarea {overflow: auto;}img {display: block;max-width: 100%;height: auto}[type="checkbox"], [type="radio"] {box-sizing: border-box;padding: 0;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}/* Search field close button hide */input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {-webkit-appearance: none;}/*Remove up/down arrow from input*/input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {opacity: 0;}input[type=number] {-moz-appearance: textfield;}/* Custom Scroll Bar :: BEGIN */*::-webkit-scrollbar, *::-webkit-scrollbar-thumb {width: 6px;height: 0;border-radius: 13px;background-clip: padding-box;}*::-webkit-scrollbar-thumb {box-shadow: inset 0 0 0 10px;color: rgba(0, 0, 0, 0.5);}* {/*scrollbar-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.1);*/scrollbar-width: thin;}@media (max-width: 768px) {*::-webkit-scrollbar { display: none;}}/* Custom Scroll Bar :: END */@media print {* { color: #000 !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important;}a, a:visited { text-decoration: underline;}a[href]:after { content: " (" attr(href) ")"; }abbr[title]:after { content: " (" attr(title) ")";}.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: "";}pre, blockquote { border: 1px solid #999; page-break-inside: avoid;}thead { display: table-header-group;}tr, img { page-break-inside: avoid;}img { max-width: 100% !important;}@page { margin: 0.5cm;}p, h2, h3 { orphans: 3; widows: 3;}h2, h3 { page-break-after: avoid;}}/**/.bodyfix body, .searchmenu body, .blurbody body {overflow: hidden}.bodyfix .backdrop {display: block}.backdrop {position: fixed;left: 0;right: 0;bottom: 0;top: 0;background-color: #000;z-index: 998;opacity: 0.6;filter: alpha(opacity=80);display: none;}/**/.hide {display: none !important;}.show {display: block !important;}.otherhide {display: none}.clr, .clear, .clearfix:before, .clearfix:after, .container:before, .container-fluid:before, .container:after, .container-fluid:after, .row:before, .row:after {content: " ";display: table}.clr, .clear, .clearfix:after, .container:after, .container-fluid:after, .row:after {clear: both}/*============================================ Buttons Start ============================================*/.disabled, a.disabled, .btun.disabled, button:disabled, input[type="submit"]:disabled, button[readonly], button.disabled {opacity: 0.6;cursor: not-allowed !important;background: #999 !important;}.btun {display: inline-flex;padding: 7px 20px;margin-bottom: 0;font-size: 13px;font-weight: normal;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 3px;min-width: 100px;letter-spacing: normal;font-family: var(--poppins);align-items: center;gap: 5px}.btun:hover, .btun:focus, .btun.focus { color: #333; text-decoration: none;}/* Sizes */.btun-lg {padding: 10px 16px;font-size: 18px;line-height: 1.3333333;}.btun-sm {padding: 2px 10px;font-size: 11.9px;line-height: 1.7;}.btun-mi {padding: 1px 5px;font-size: 11px;line-height: 1.5;}.btun-block {display: block;width: 100%;}/* disabled */.btun.disabled, .btun[disabled], fieldset[disabled] .btun {cursor: not-allowed;filter: alpha(opacity=45);-webkit-box-shadow: none;box-shadow: none;opacity: .45;}/* white */.btun-white, .btun-white.btun-outline:hover {color: var(--black);background-color: var(--white);border-color: #e7eaec;}.btun-white.btun-outline { background-color: transparent}.btun-white:hover { color: var(--black); background-color: var(--gray); border-color: #d2d2d2;}/* black */.btun-black, .btun-black.btun-outline:hover {color: var(--white);background-color: var(--black);border-color: var(--black);}.btun-black.btun-outline { background-color: transparent; color: var(--black)}.btun-black:hover { color: var(--white); background-color: var(--black); border-color: var(--black);}/* grey */.btun-grey, .btun-grey.btun-outline:hover {color: var(--black);background-color: var(--grayddd);border-color: var(--grayccc);}.btun-grey.btun-outline { background-color: transparent}.btun-grey:hover { color: var(--black); background-color: var(--white); border-color: #e7eaec;}/* blue */.btun-blue, .btun-blue.btun-outline:hover {color: var(--white);background-color: var(--blue);border-color: var(--blue);}.btun-blue.btun-outline { background-color: transparent; color: var(--color-blue);}.btun-blue:hover { background-color: var(--blue); border-color: var(--blue); color: var(--white);}/* green */.btun-green, .btun-green.btun-outline:hover {color: var(--white);background-color: var(--green);border-color: var(--green);}.btun-green.btun-outline { background-color: transparent; color: var(--green);}.btun-green:hover { background-color: var(--green); border-color: var(--green); color: var(--white);}/* orange */.btun-orange, .btun-orange.btun-outline:hover {color: var(--white);background-color: var(--orange);border-color: var(--orange);}.btun-orange.btun-outline { background-color: transparent; color: var(--orange);}.btun-orange:hover { background-color: var(--color-orange); border-color: var(--orange); color: var(--white);}/* red */.btun-red, .btun-red.btun-outline:hover {color: var(--white);background-color: var(--red);border-color: var(--red);}.btun-red.btun-outline { background-color: transparent; color: var(--red);}.btun-red:hover { background-color: var(--red); border-color: var(--red); color: var(--white);}/* ltyellow */.btun-yellow, .btun-yellow.btun-outline:hover {color: var(--black);background-color: var(--yellow);border-color: var(--yellow);font-weight: 500}.btun-yellow.btun-outline { background-color: var(--white); color: var(--yellow);}.btun-yellow:hover { background-color: var(--yellow); border-color: var(--yellow); color: #333;}/* red */.btun.btun-radus {border-radius: 50px;}/*============================================ checkbox & radio Start ============================================*/.inputfield [type="radio"]:not(:checked), .inputfield [type="radio"]:checked {position: absolute;left: -9999px;opacity: 0}.inputfield [type="radio"]:not(:checked) + label, .inputfield [type="radio"]:checked + label { position: relative; padding-left: 35px; cursor: pointer; display: inline-block; /* height:25px; */ line-height: 25px; font-size: 1rem; transition: .28s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; left: 15px}.inputfield [type="radio"] + label:before, .inputfield [type="radio"] + label:after {content: '' !important;position: absolute !important;left: 0 !important;top: 2px !important;width: 22px !important;height: 22px !important;z-index: 0 !important;transition: .28s ease;-webkit-transition: .28s ease;-moz-transition: .28s ease;-ms-transition: .28s ease;-o-transition: .28s ease;background: var(--gray-c);}.inputfield [type="radio"]:not(:checked) + label:before, .inputfield [type="radio"]:not(:checked) + label:after, .inputfield [type="radio"]:checked + label:before, .inputfield [type="radio"]:checked + label:after, .inputfield [type="radio"].with-gap:checked + label:before, .inputfield [type="radio"].with-gap:checked + label:after {border-radius: 50%}.inputfield [type="radio"]:not(:checked) + label:before, .inputfield [type="radio"]:not(:checked) + label:after {border: 2px solid #d9d9d9}.inputfield [type="radio"]:not(:checked) + label:after {z-index: -1;-webkit-transform: scale(0);transform: scale(0)}.inputfield [type="radio"]:checked + label:before {border: 2px solid transparent;background-color: var(--white);}.inputfield [type="radio"]:checked + label:after, .inputfield [type="radio"].with-gap:checked + label:before, .inputfield [type="radio"].with-gap:checked + label:after {border: 2px solid #6B5AD0}.inputfield [type="radio"]:checked + label:after, .inputfield [type="radio"].with-gap:checked + label:after {background-color: #6B5AD0;z-index: 0;content: ""}.inputfield [type="radio"]:checked + label:after {-webkit-transform: scale(1.02);transform: scale(1.02)}.inputfield [type="radio"].with-gap:checked + label:after {-webkit-transform: scale(0.5);transform: scale(0.5)}.inputfield [type="radio"].tabbed:focus + label:before {box-shadow: 0 0 0 10px rgba(0,0,0,0.1)}.inputfield [type="radio"].with-gap:disabled:checked + label:before {border: 2px solid rgba(0,0,0,0.26)}.inputfield [type="radio"].with-gap:disabled:checked + label:after {border: none;background-color: rgba(0,0,0,0.26)}.inputfield [type="radio"]:disabled:not(:checked) + label:before, .inputfield [type="radio"]:disabled:checked + label:before {background-color: transparent;border-color: rgba(0,0,0,0.26)}.inputfield [type="radio"]:disabled + label {color: rgba(0,0,0,0.26)}.inputfield [type="radio"]:disabled:not(:checked) + label:before {border-color: rgba(0,0,0,0.26)}.inputfield [type="radio"]:disabled:checked + label:after {background-color: rgba(0,0,0,0.26);border-color: #BDBDBD}.inputfield [type="checkbox"]:not(:checked), .inputfield [type="checkbox"]:checked {position: absolute;left: -9999px;opacity: 0}.inputfield [type="checkbox"] + label {position: relative !important;left: 15px !important;padding-left: 35px !important;cursor: pointer !important;display: block; /*height:25px;*/line-height: 20px;font-size: 14px;-webkit-user-select: none;-moz-user-select: none;-khtml-user-select: none;-ms-user-select: none;color: #333}.inputfield [type="checkbox"] + label:before, .inputfield [type="checkbox"]:not(.filled-in) + label:after { content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; z-index: 0; border: 2px solid #d9d9d9; border-radius: 1px; margin-top: 2px; transition: .2s}.inputfield [type="checkbox"]:not(.filled-in) + label:after {border: 0;-webkit-transform: scale(0);transform: scale(0)}.inputfield [type="checkbox"]:not(:checked):disabled + label:before {border: none;background-color: rgba(0,0,0,0.26)}.inputfield [type="checkbox"].tabbed:focus + label:after {-webkit-transform: scale(1);transform: scale(1);border: 0;border-radius: 50%;box-shadow: 0 0 0 10px rgba(0,0,0,0.1);background-color: rgba(0,0,0,0.1)}.inputfield [type="checkbox"]:checked + label:before {top: -4px;left: -5px;width: 12px;height: 22px;border-top: 2px solid transparent;border-left: 2px solid transparent;border-right: 2px solid #26a69a;border-bottom: 2px solid #26a69a;-webkit-transform: rotate(40deg);transform: rotate(40deg);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform-origin: 100% 100%;transform-origin: 100% 100%}.inputfield [type="checkbox"]:checked:disabled + label:before {border-right: 2px solid rgba(0,0,0,0.26);border-bottom: 2px solid rgba(0,0,0,0.26)}.inputfield [type="checkbox"]:indeterminate + label:before {top: -11px;left: -12px;width: 10px;height: 22px;border-top: none;border-left: none;border-right: 2px solid #26a69a;border-bottom: none;-webkit-transform: rotate(90deg);transform: rotate(90deg);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform-origin: 100% 100%;transform-origin: 100% 100%}.inputfield [type="checkbox"]:indeterminate:disabled + label:before {border-right: 2px solid rgba(0,0,0,0.26);background-color: transparent}.inputfield [type="checkbox"].filled-in + label:before, .inputfield [type="checkbox"].filled-in + label:after {content: '';left: 0;position: absolute;transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;z-index: 1}.inputfield [type="checkbox"].filled-in:not(:checked) + label:before {width: 0;height: 0;border: 3px solid transparent;left: 6px;top: 10px;-webkit-transform: rotateZ(37deg);transform: rotateZ(37deg);-webkit-transform-origin: 20% 40%;transform-origin: 100% 100%}.inputfield [type="checkbox"].filled-in:not(:checked) + label:after {height: 20px;width: 20px;background-color: transparent;border: 2px solid #808080;top: 0px;z-index: 0;border-radius: 2px;opacity: 9;transform: none}.inputfield [type="checkbox"].filled-in + span:not(.lever):after {border-radius: 2px;}.inputfield [type="checkbox"].filled-in:checked + label:before {top: 0 !important;left: 0 !important;width: 8px !important;height: 14px !important;border-top: 2px solid transparent !important;border-left: 2px solid transparent !important;border-right: 2px solid #fff !important;border-bottom: 2px solid #fff !important;-webkit-transform: rotateZ(37deg) !important;transform: rotateZ(37deg) !important;-webkit-transform-origin: 100% 100% !important;transform-origin: 100% 100% !important}.inputfield [type="checkbox"].filled-in:checked + label:after {top: 0;width: 20px;height: 20px;border: 2px solid #6B5AD0;background-color: #6B5AD0;z-index: 0;border-radius: 2px;}.inputfield [type="checkbox"].filled-in.tabbed:focus + label:after {border-radius: 2px;border-color: #808080;background-color: rgba(0,0,0,0.1)}.inputfield [type="checkbox"].filled-in.tabbed:checked:focus + label:after {border-radius: 2px;background-color: #26a69a;border-color: #26a69a}.inputfield [type="checkbox"].filled-in:disabled:not(:checked) + label:before {background-color: transparent;border: 2px solid transparent}.inputfield [type="checkbox"].filled-in:disabled:not(:checked) + label:after {border-color: transparent;background-color: #BDBDBD}.inputfield [type="checkbox"].filled-in:disabled:checked + label:before {background-color: transparent}.inputfield [type="checkbox"].filled-in:disabled:checked + label:after {background-color: #BDBDBD;border-color: #BDBDBD}.inputfield input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after, .inputfield input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after {box-shadow: 0 1px 3px 1px rgba(0,0,0,0.4), 0 0 0 15px rgba(38,166,154,0.1)}.inputfield input[type=checkbox]:not(:disabled) ~ .lever:active:after, .inputfield input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::after {box-shadow: 0 1px 3px 1px rgba(0,0,0,0.4), 0 0 0 15px rgba(0,0,0,0.08)}/*============================================ checkbox & radio End ============================================*/ /*=================================================================================Grid CSS=================================================================================*/.ratings-group {display: flex;justify-content: flex-start;align-items: center;margin-top: 5px;}.ratings-group .ratings { margin-right: 5px;}.ratings-group span { color: var(--black); margin-right: 5px; font-size: 14px;}.ratings-group span b { color: var(--black); font-size: 14px; }/* Grid Started */.container, .container-fluid {width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}@media (min-width: 576px) {.container { max-width: 540px;}}@media (min-width: 768px) {.container { max-width: 720px;}}@media (min-width: 992px) {.container { max-width: 960px;}}@media (min-width: 1200px) {.container { max-width: 1140px;}}@media (min-width: 1400px) {.container { max-width: 1200px;}}.row {display: flex;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;}.row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-left: 15px; padding-right: 15px}.col {flex: 1 0 0}.col-auto {flex: 0 0 auto;width: auto}.col-1 {flex: 0 0 auto;width: 8.33333333%}.col-2 {flex: 0 0 auto;width: 16.66666667%}.col-3 {flex: 0 0 auto;width: 25%}.col-4 {flex: 0 0 auto;width: 33.33333333%}.col-5 {flex: 0 0 auto;width: 41.66666667%}.col-6 {flex: 0 0 auto;width: 50%}.col-7 {flex: 0 0 auto;width: 58.33333333%}.col-8 {flex: 0 0 auto;width: 66.66666667%}.col-9 {flex: 0 0 auto;width: 75%}.col-10 {flex: 0 0 auto;width: 83.33333333%}.col-11 {flex: 0 0 auto;width: 91.66666667%}.col-12 {flex: 0 0 auto;width: 100%}@media (min-width: 576px) {.col-sm { flex: 1 0 0}.col-sm-auto { flex: 0 0 auto; width: auto}.col-sm-1 { flex: 0 0 auto; width: 8.33333333%}.col-sm-2 { flex: 0 0 auto; width: 16.66666667%}.col-sm-3 { flex: 0 0 auto; width: 25%}.col-sm-4 { flex: 0 0 auto; width: 33.33333333%}.col-sm-5 { flex: 0 0 auto; width: 41.66666667%}.col-sm-6 { flex: 0 0 auto; width: 50%}.col-sm-7 { flex: 0 0 auto; width: 58.33333333%}.col-sm-8 { flex: 0 0 auto; width: 66.66666667%}.col-sm-9 { flex: 0 0 auto; width: 75%}.col-sm-10 { flex: 0 0 auto; width: 83.33333333%}.col-sm-11 { flex: 0 0 auto; width: 91.66666667%}.col-sm-12 { flex: 0 0 auto; width: 100%}}@media (min-width: 768px) {.col-md { flex: 1 0 0}.col-md-auto { flex: 0 0 auto; width: auto}.col-md-1 { flex: 0 0 auto; width: 8.33333333%}.col-md-2 { flex: 0 0 auto; width: 16.66666667%}.col-md-3 { flex: 0 0 auto; width: 25%}.col-md-4 { flex: 0 0 auto; width: 33.33333333%}.col-md-5 { flex: 0 0 auto; width: 41.66666667%}.col-md-6 { flex: 0 0 auto; width: 50%}.col-md-7 { flex: 0 0 auto; width: 58.33333333%}.col-md-8 { flex: 0 0 auto; width: 66.66666667%}.col-md-9 { flex: 0 0 auto; width: 75%}.col-md-10 { flex: 0 0 auto; width: 83.33333333%}.col-md-11 { flex: 0 0 auto; width: 91.66666667%}.col-md-12 { flex: 0 0 auto; width: 100%}}@media (min-width: 992px) {.col-lg { flex: 1 0 0%;}.col-lg-auto { flex: 0 0 auto; width: auto;}.col-lg-1 { flex: 0 0 auto; width: 8.33333333%;}.col-lg-2 { flex: 0 0 auto; width: 16.66666667%;}.col-lg-3 { flex: 0 0 auto; width: 25%;}.col-lg-4 { flex: 0 0 auto; width: 33.33333333%;}.col-lg-5 { flex: 0 0 auto; width: 41.66666667%;}.col-lg-6 { flex: 0 0 auto; width: 50%;}.col-lg-7 { flex: 0 0 auto; width: 58.33333333%;}.col-lg-8 { flex: 0 0 auto; width: 66.66666667%;}.col-lg-9 { flex: 0 0 auto; width: 75%;}.col-lg-10 { flex: 0 0 auto; width: 83.33333333%;}.col-lg-11 { flex: 0 0 auto; width: 91.66666667%;}.col-lg-12 { flex: 0 0 auto; width: 100%;}}@media (min-width: 1200px) {.col-xl { flex: 1 0 0%;}.col-xl-auto { flex: 0 0 auto; width: auto;}.col-xl-1 { flex: 0 0 auto; width: 8.33333333%;}.col-xl-2 { flex: 0 0 auto; width: 16.66666667%;}.col-xl-3 { flex: 0 0 auto; width: 25%;}.col-xl-4 { flex: 0 0 auto; width: 33.33333333%;}.col-xl-5 { flex: 0 0 auto; width: 41.66666667%;}.col-xl-6 { flex: 0 0 auto; width: 50%;}.col-xl-7 { flex: 0 0 auto; width: 58.33333333%;}.col-xl-8 { flex: 0 0 auto; width: 66.66666667%;}.col-xl-9 { flex: 0 0 auto; width: 75%;}.col-xl-10 { flex: 0 0 auto; width: 83.33333333%;}.col-xl-11 { flex: 0 0 auto; width: 91.66666667%;}.col-xl-12 { flex: 0 0 auto; width: 100%;}}@media (min-width: 1400px) {.col-xxl { flex: 1 0 0%;}.col-xxl-auto { flex: 0 0 auto; width: auto;}.col-xxl-1 { flex: 0 0 auto; width: 8.33333333%;}.col-xxl-2 { flex: 0 0 auto; width: 16.66666667%;}.col-xxl-3 { flex: 0 0 auto; width: 25%;}.col-xxl-4 { flex: 0 0 auto; width: 33.33333333%;}.col-xxl-5 { flex: 0 0 auto; width: 41.66666667%;}.col-xxl-6 { flex: 0 0 auto; width: 50%;}.col-xxl-7 { flex: 0 0 auto; width: 58.33333333%;}.col-xxl-8 { flex: 0 0 auto; width: 66.66666667%;}.col-xxl-9 { flex: 0 0 auto; width: 75%;}.col-xxl-10 { flex: 0 0 auto; width: 83.33333333%;}.col-xxl-11 { flex: 0 0 auto; width: 91.66666667%;}.col-xxl-12 { flex: 0 0 auto; width: 100%;}}/*=================================================================================Grid CSS end=================================================================================*/header {background: var(--white);box-shadow: var(--boxshadow);position: fixed;width: 100%;z-index: 9;}header .topblock, header .mainmenu, header .logo, header .rightsectionholder { align-items: center; display: flex;}header .logo a { height: 40px; width: 120px; text-indent: -9999px; background: url("https://us.sulekha.com/jobs/common/images/jobs_logo.png") 0 0 no-repeat; background-position: left center; background-size: 100%; margin: 0 var(--size30) }header .mainmenu a { display: block; height: 20px; }header .mainmenu .hamburger { -webkit-transition: background 0s 0.3s; transition: background 0s 0.3s; background: var(--black); display: inline-block; height: 2px; -webkit-border-radius: 1px; border-radius: 1px; background-clip: padding-box; position: relative; width: 25px; transform: rotate(180deg); } header .mainmenu .hamburger:before, .mainmenu .hamburger:after { -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; content: ""; display: block; height: 2px; left: 0; position: absolute; width: 100%; -webkit-border-radius: 1px; border-radius: 1px; background-clip: padding-box; } header .mainmenu .hamburger:before { -webkit-transition-property: top, -webkit-transform; transition-property: top, transform; top: -7px; width: 25px; background-color: var(--black); } header .mainmenu .hamburger:after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform; bottom: -7px; width: 25px; background-color: var(--black); }header .rightsectionholder { margin-left: auto; gap: 10px}header .rightsectionholder nav { font-family: var(--poppins); position: relative; font-size: 15px; padding: 20px 10px; display: flex; gap: var(--size20) } header .rightsectionholder nav a { font-weight: var(--weight500); position: relative; color: var(--gray666); display: block; padding-bottom: 5px; }/**/.rightsectionholder nav {display: flex;flex-direction: row;}.rightsectionholder nav ul { margin: 0px; padding: 0px;}.rightsectionholder nav ul li { margin: 0 20px 0 0; list-style: none; display: flex; flex-direction: row; flex-wrap: nowrap; float: left; position: relative; } .rightsectionholder nav ul li:last-child { margin: 0 1.5rem 0 0; } .rightsectionholder nav ul li a, .rightsectionholder nav ul li i { font-size: 16px; color: #666666; font-weight: var(--weight-500); border-bottom: solid 2px #fff; padding: 0 0 5px 0; display: block; } .rightsectionholder nav ul li:hover a, .rightsectionholder nav ul li:hover i { border-bottom: solid 2px var(--yellow-clr); } .rightsectionholder nav ul li .single-list { position: absolute; left: 0; top: 23px; background-color: var(--white); z-index: 1002; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; padding: 10px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-width: 250px; visibility: hidden; opacity: 0; transform: translateY(-2em); z-index: -1; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; display:none } .rightsectionholder nav ul li:hover .single-list { visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s; display:block } .rightsectionholder nav ul li .single-list ul { margin: 0px; padding: 0px; display: flex; flex-direction: column; } .rightsectionholder nav ul li .single-list ul li { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; justify-content: flex-start; } .rightsectionholder nav ul li .single-list ul li a, .rightsectionholder nav ul li .single-list ul li span { font-size: 14px; margin: 0px; padding: 0.6rem 1rem; font-weight: var(--weight-400); border: none; transition: 1s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .rightsectionholder nav ul li .single-list ul li a:hover, .rightsectionholder nav ul li .single-list ul li span:hover { background-color: #f2f2f2; }/**/header .headersearch {position: relative}.headersearchwarp {opacity: 0}.innerheader .headersearchwarp {opacity: 1}.sticky .headersearchwarp {opacity: 1}.headersearchwarp {display: flex;width: 280px;position: relative}.headersearchwarp input[type="text"] { padding: 10px; border: solid 1px var(--grayddd); width: 250px; padding-left: 30px; height: 40px; margin-left: -1px}header .headersearch input[type="text"] {width: 350px;}.headersearchwarp .searchexp input[type="text"] {width: 200px;}.headersearch {}.headersearch input[type="text"] { border-radius: 8px;}.headersearchwarp i {position: absolute;top: 10px;left: 10px;}.herosearch .searchbg .close {position: absolute;top: 22px;right: 15px;left: auto}.headersearchwarp .close {position: absolute;top: 14px;right: 20px;left: auto;}.searchsubmit a {height: 40px;}.seachexpandwarp {position: relative;margin-left: -5px;background-color: #fff;}.seachexpand {display: flex;opacity: 0;z-index: 9;flex-direction: row;align-items: center;width: 0;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;position: relative;visibility: hidden}.seachexpand > * { position: relative}.searchopen .seachexpand {width: 760px;transition: width .3s;opacity: 1;visibility: visible}.searchopen .seachexpand .searchlocation input[type="text"] { margin: 0;}/**/.hearoheaderbg .col-lg-7 {position: relative;}.herosearch {display: flex;margin: 20px 0;position: relative;width: 580px;background: var(--white);box-shadow: 0px 4px 4px 0px rgba(10, 116, 243, 0.25);border-radius: 30px;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;z-index: 8}.herosearch .searchbg { width: 100%}.herosearch .searchbg, .herosearch .heroseachexpand > * { position: relative;}.herosearch .searchbg input[type="text"] { border: 0; padding: 20px 110px 20px 45px; width: 100%; border-radius: 30px; }.herosearch .searchbg svg { position: absolute; left: 20px; top: 20px; -webkit-transform: rotate(90deg); transform: rotate(90deg); fill: var(--grayaaa) }.herosearch .btun { position: absolute; right: 5px; font-size: 16px; padding: 10px 30px; top: 5px;}/**/.herosearch .heroseachexpand { display: none; opacity: 0; z-index: 9; flex-direction: row; align-items: center; width: 0; position: relative;}.herosearch .heroseachexpand input[type="text"] { border: 0; padding: 20px 110px 20px 45px; width: 250px; }.herosearch .searchlocation input[type="text"] { border-radius: 0; border-left: solid 1px var(--grayaaa)}.herosearch .searchexp input[type="text"] { border-left: solid 1px var(--grayaaa); width: 180px}.herosearch .heroseachexpand i { position: absolute; left: 20px; top: 20px; fill: var(--grayaaa);}.herosearch .searchsubmit { position: absolute; right: 0; z-index: 9;}.herosearch .searchsubmit a { height: auto }.herosearch .heroseachexpand input[type="text"], .searchopena .herosearch .searchbg input[type="text"] { padding: 20px 20px 20px 45px}/**/.searchopena .herosearch {width: 950px;z-index: 9999;}.searchopena .herosearch .heroseachexpand { width: 760px; transition: width .3s; opacity: 1; display: flex}.searchopena .herosearch .searchbg, .searchopena .herosearch .searchbg input[type="text"] { width: 390px;}/*header .headersearch input[type="text"]{padding:10px;border: solid 1px var(--grayddd);border-radius: 50px;width:280px} header .headersearch i{background: var(--red);width: 30px;height: 30px;border-radius: 50%;position: absolute;top: 5px;right: 5px;align-items: center;display: flex;justify-content: center;}header .headersearch i svg{fill: var(--white)} */header .loginwrp a {min-width: inherit}header .loginuser {background: var(--yellow);border-radius: 50%;width: var(--size40);height: var(--size40);display: flex;align-items: center;justify-content: center;}.loginuser {position: relative;}.loginuser .single-list2 { position: absolute; right: 0; top: 42px; background-color: var(--white); z-index: 1002; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; padding: 10px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-width: 250px; visibility: hidden; opacity: 0; transform: translateY(-2em); z-index: -1; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;}.loginuser:hover .single-list2 { visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s;}.loginuser .single-list2 ul { margin: 0px; padding: 0px; display: flex; flex-direction: column;}.loginuser .single-list2 ul li { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; justify-content: flex-start; } .loginuser .single-list2 ul li a { font-size: 14px; margin: 0px; padding: 0.6rem 1rem; font-weight: var(--weight-400); border: none; transition: 1s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #666 } .loginuser .single-list2 ul li a:hover { background-color: #f2f2f2; }/**/.nj-headerbg {background-color: #F6F4FC;padding: var(--size60) 0;}/* tab start */.tab {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border: 1px solid #7c8dff;max-width: -webkit-max-content;max-width: -moz-max-content;max-width: max-content;border-radius: var(--size60);padding: 5px 8px;margin: 0 auto var(--size40);background: var(--white)}.tab li { margin: 0 3px; line-height: 24px; font-size: 15px; color: var(--black); background-color: transparent; border-radius: var(--size30); cursor: pointer; -webkit-transition: 0.3s ease; transition: 0.3s ease; position: relative; z-index: 1; white-space: nowrap;}.tab li:before { position: absolute; content: ''; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 0; height: 100%; border-radius: var(--size30); -webkit-transition: 0.3s ease; transition: 0.3s ease; background-color: #E0E4FF; z-index: -1; }.tab li:first-child { margin-left: 0 }.tab li:last-child { margin-right: 0 }.tab li.active:before, .tab li:hover:before { width: 100%; }/*.tab li a { color: var(--gray777); padding: 14px 26px; display: block }.tab li.active a { color: #162dc8; }*/ .tab li span { color: var(--gray777); padding: 14px 26px; display: block }.tab li.active span { color: #162dc8; }/* tab End */.primarytitle {font-family: var(--poppins);font-size: 28px;font-weight: var(--fontweight600);color: var(--black);text-align: center;padding: 30px 0}.tagline {font-family: var(--poppins);font-size: 16px;color: var(--tagline);font-weight: var(--fontweight400);}.funclist {display: flex;flex-wrap: wrap;gap: 20px;justify-content: center;padding: 0 0 80px;}.funclist li { background: var(--white); border-radius: var(--borderradius20); border: solid 1px var(--drakblue); display: inline-flex; gap: 10px; font-size: 16px;}.funclist li:hover { background: #F5F6FF }.funclist li a, .funclist li .rec-outer { display: block; color: var(--drakblue); padding: 12px 22px }.rec-center {display: flex;justify-content: center;} /*.funclist li:last-child{border-color: var(--grayddd);}.funclist li:last-child a{color: var(--tagline)}.funclist li:last-child a:hover{color: var(--blue);text-decoration: underline}*/.funclist li svg { fill: #AEB3C0 }/**/.lastblockwarp {}.lastblockwarp .navtab { text-align: center; display: flex; justify-content: center; margin-bottom: 20px;}.lastblockwarp .navtab nav { background: #E0E4FF; border-radius: 50px; padding: 10px; display: flex; gap: 10px } .lastblockwarp .navtab nav span.active { background: var(--white); border-radius: 50px; } .lastblockwarp .navtab nav span.active a { color: var(--blue) } .lastblockwarp .navtab nav span a { display: block; padding: 15px 30px; color: var(--black); font-weight: var(--fontweight500) }/**/.cardbg {background: var(--white);border-radius: 8px;border: solid 1px var(--grayddd);margin-bottom: 30px}.cardbd {padding: 15px 15px 10px;}.cardft {border-top: solid 1px var(--grayddd);padding: 15px;display: flex;justify-content: space-between;align-items: center}.listtitle {color: var(--black);font-weight: var(--fontweight600);padding: 0 0 5px}.listtitle a { color: var(--black); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}.listtitle a:hover { color: var(--blue) }/**/.listitem {}.listitem li { padding: 7px 0; color: var(--drakblue); display: flex; align-items: center; gap: 10px}.listitem li a { color: var(--drakblue); display: inline-flex; gap: 10px }.listitem li i { align-items: center }.listitem li svg { fill: #AEB3C0 }/**/.pricetag {}.pricetag b { color: var(--green); font-size: 16px; font-weight: var(--fontweight600)}.pricetag em { font-family: var(--roboto); color: var(--gray666)}/**/.morewarp {text-align: center}.morewarp .btun { font-size: 16px; padding: 10px 25px}/* animation start*/.banner-imgs {padding: 55px 50px 0px 0px;position: relative;}.banner-imgs .union-icon { position: absolute; top: 10%; left: -80px;}.banner-imgs .congratulation-icon { position: absolute; top: 30%; left: -190px;}.banner-imgs .docs-icon { position: absolute; bottom: 1%; left: -75px;}.banner-imgs .course-icon { position: absolute; top: 14%; right: -60px;}.banner-imgs .web-dev-icon { position: absolute; top: 50%; right: -60px;}.banner-imgs .tick-icon { position: absolute; top: 80%; right: -60px;}/**/@keyframes hero-thumb-animation {0% { transform: translateY(-20px);}100% { transform: translateY(0px);}}@keyframes hero-thumb-sm-animation {0% { -webkit-transform: translateY(-20px) translateX(50px); -moz-transform: translateY(-20px) translateX(50px); -ms-transform: translateY(-20px) translateX(50px); transform: translateY(-20px) translateX(50px);}100% { -webkit-transform: translateY(-20px) translateX(0px); -moz-transform: translateY(-20px) translateX(0px); -ms-transform: translateY(-20px) translateX(0px); transform: translateY(-20px) translateX(0px);}}@keyframes hero-thumb-sm-2-animation {0% { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px);}100% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);}}/**/.shape-1 {-webkit-animation: hero-thumb-animation 2s linear infinite alternate;-moz-animation: hero-thumb-animation 2s linear infinite alternate;-o-animation: hero-thumb-animation 2s linear infinite alternate;animation: hero-thumb-animation 2s linear infinite alternate;}.shape-2 {-webkit-animation: hero-thumb-sm-animation 4s linear infinite alternate;-moz-animation: hero-thumb-sm-animation 4s linear infinite alternate;-o-animation: hero-thumb-sm-animation 4s linear infinite alternate;animation: hero-thumb-sm-animation 4s linear infinite alternate;}.shape-3 {-webkit-animation: hero-thumb-sm-2-animation 4s linear infinite alternate;-moz-animation: hero-thumb-sm-2-animation 4s linear infinite alternate;-o-animation: hero-thumb-sm-2-animation 4s linear infinite alternate;animation: hero-thumb-sm-2-animation 4s linear infinite alternate;}/* animation end*/.njspace {padding: var(--size100) 0}.getalert {padding: 0 50px;}.getalert .title { font-size: 36px; font-weight: var(--fontweight600); color: var(--black); line-height: 51px;}.getalert p { font-size: 18px; padding: 25px 0 10px; line-height: 31px;}.getalert ul { margin-left: 20px;}.getalert ul li { list-style-type: disc; font-size: 16px; padding: 10px 0; color: var(--black) }.getalert .getalertag { display: flex; gap: 15px; flex-wrap: wrap; padding: 25px 0 0}.getalert .getalertag span { background: var(--white); border-radius: var(--borderradius20); border: solid 1px var(--linkblue); font-size: 16px; } .getalert .getalertag span a, .getalert .getalertag span i { display: block; color: var(--linkblue); padding: 12px 22px; }/**/.toprecrtrs {background: #EFF6F3;padding: var(--size100) 0}.recrtrsinfo .title {font-weight: var(--fontweight600);color: var(--black);padding: 0 0 5px;}.recrtrsinfowarp {display: flex;gap: 10px;padding: 15px 15px 10px;align-items: center}.recrtrsinfowarp figure { width: var(--size100); height: var(--size100); background: var(--graya); border-radius: 100%;}.recrtrsinfowarp figure img { width: 100%; height: 100%; object-fit: cover; border-radius: 100%; }/**/.recntresmewarp {}.resumlistwarp {background: var(--white);border-radius: 8px;border: solid 1px var(--grayddd);display: flex;align-items: center;gap: 10px;padding: 15px;margin-bottom: 30px;}.resumimg {flex: 0;margin-right: 10px;}.resumimg figure, .resumimg figure img { width: var(--size80); height: var(--size80); border-radius: var(--size50);}.resuminfowrp {flex: 1;}.resuminfowrp .title { font-weight: var(--fontweight600); color: var(--black); padding: 0 0 5px;}.resuminfowrp .title a { color: var(--black) }.resuminfowrp .resumdetalswarp { display: flex; align-items: center}.resuminfowrp .resumdetalswarp .resumdetals { flex: 1 }/**/.getjobs-left {position: relative;z-index: 1;margin-bottom: 30px}.getjobs-left .media { position: relative; z-index: 1; width: 550px; height: 550px;}.getjobs-left .media img { margin: 0px auto; display: block; position: relative; z-index: 5; }.getjobs-left .mediacircle { width: 70%; height: 70%; background-color: #002860; border-radius: 50%; position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%, -50%); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);}.getjobs-left .mediacircle2 { width: 85%; height: 85%; border-radius: 50%; content: ""; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%); background-color: rgba(234, 241, 251, 0.4);}.getjobs-left .mediacircle3 { width: 100%; height: 100%; border-radius: 50%; content: ""; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%); border: 1px solid #d3deee;}.getjobs-left .mediacircle3 .rotate-center { width: 100%; height: 100%; border-radius: 50%; border: 1px solid transparent; position: absolute; }.rotate-center {-webkit-animation: rotate-center 15s linear infinite;animation: rotate-center 15s linear infinite;}@keyframes rotate-center {0% { -webkit-transform: rotate(0); transform: rotate(0);}100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}}.getjobs-left .mediacircle3 .ring1 {width: var(--size30);height: var(--size30);border-radius: 50%;background-color: #1967d2;right: 6%;top: 20%;}.getjobs-left .mediacircle3 span {display: inline-block;position: absolute;}.getjobs-left .mediacircle3 .ring2 {width: var(--size20);height: var(--size20);border-radius: 50%;background-color: #f7b05b;right: 25%;bottom: 4%;}.getjobs-left .mediacircle3 .ring3 {width: 12px;height: 12px;border-radius: 50%;background-color: #f7d2ff;left: 0.5%;top: 36%;}.getjobs-left .topicontent.one {z-index: 9;background: transparent;box-shadow: none;padding: 0;left: -90px;top: 38%;width: auto;}.getjobs-left .topicontent.two {z-index: 9;align-items: center;padding: var(--size10);bottom: 60px;right: 100px;left: auto;width: 170px;background: var(--white);}.getjobs-left .topicontent.two b { color: var(--black)}.getjobs-left .topicontent.two .icon i { background: #FFDBD8; border-radius: 50%; width: var(--size40); height: var(--size40);}.getjobs-left .topicontent.three {z-index: 9;align-items: center;padding: var(--size10);width: 220px;bottom: 50%;}/**/.carerconerwarp {}.carerconerwarp .carerconerlist { background: var(--white); border-radius: 8px; border: solid 1px var(--grayddd); padding: 10px; margin-bottom: 30px;}.carerconerwarp .carerconerlist figure { height: 200px; margin-bottom: 10px; } /*.carerconerwarp .carerconerlist figure img { width: 100%; height: 100%; object-fit: cover; }*/.carerconerwarp .carerconerlist figure img {width: 100%;height: 100%;}.carerconerwarp .carerconerlist .title { font-weight: var(--fontweight600); color: var(--black); padding: 0 0 10px; font-size: 16px; line-height: 20px; }.carerconerwarp .carerconerlist p { font-size: 14px; padding-bottom: 20px; color: var(--gray777); line-height: 24px; }.carerconerwarp .carerconerlist .moreread { text-align: center; margin: 0 0 10px; text-decoration: none; color: var(--blue); text-align: right; display: block } .carerconerwarp .carerconerlist .moreread i svg { -webkit-transform: rotate(268deg); transform: rotate(268deg); fill: var(--blue); }/**/.testimonialwarp {}.testimonialwarp .testimonial { ackground: var(--white); border-radius: 8px; border: solid 1px var(--grayddd); margin-bottom: 30px;}.testimonialwarp .testimonial .testimonialhd { display: flex; align-items: center; border-bottom: solid 1px var(--grayddd); padding: 10px; } .testimonialwarp .testimonial .testimonialhd figure { width: var(--size50); height: var(--size50); border-radius: 50%; background: var(--grayddd); margin-right: 10px; overflow: hidden } .testimonialwarp .testimonial .testimonialhd .author span { display: block } .testimonialwarp .testimonial .testimonialhd .author .name { font-weight: var(--fontweight600); color: var(--black); padding: 0 0 5px; } .testimonialwarp .testimonial .testimonialhd .author .jobtitle { }.testimonialwarp .testimonial .testimonialbd { position: relative; padding: 10px; } .testimonialwarp .testimonial .testimonialbd .quots { width: var(--size60); height: var(--size60); display: flex; align-items: center; justify-content: center; border-radius: 50%; border: solid 1px var(--grayddd); position: absolute; right: 15px; top: -35px; background: var(--white) } .testimonialwarp .testimonial .testimonialbd .quots svg { fill: #AEB3C0 } .testimonialwarp .testimonial .testimonialbd .ratings-group { margin-top: var(--size20) } .testimonialwarp .testimonial .testimonialbd p { font-size: 14px; padding-bottom: var(--size20); color: var(--gray777); line-height: 24px; margin-top: var(--size20) }/**/.carerlist {margin-bottom: var(--size30)}.carerlist ul { display: grid; grid-template-columns: repeat(4,1fr); gap: var(--size10)}.carerlist ul li { font-size: 15px; color: var(--gray777); padding: var(--size10) 0 } .carerlist ul li a { color: var(--gray777) } .carerlist ul li a:hover { color: var(--linkblue); text-decoration: underline }/*Header start*/.hearoheaderbg { background-color: #F6F4FC; padding:0 0 var(--size30);padding-top: 110px;}.hearoheaderbg .title1, .hearoheaderbg .title2, .hearoheaderbg .title3 { font-family: var(--poppins); font-size: 40px; font-weight: var(--fontweight600); line-height: 60px; color: var(--black);}.hearoheaderbg .title1 mark { background-color: transparent; padding: 0; position: relative; z-index: 2; } .hearoheaderbg .title1 mark:before { background-image: url("https://us.sulekha.com/jobs/common/images/mark-heading.webp"); content: ""; width: 100%; position: absolute; background-size: 100%; background-repeat: no-repeat; top: 70%; height: 100%; z-index: -1; }.hearoheaderbg .title2 { font-size: 18px; line-height: normal;}.hearoheaderbg .title3 { font-size: 16px; line-height: normal; font-weight: var(--fontweight500);}.tag1 {font-size: 14px;color: var(--black);padding: 15px 0;}.tag1 span { border-radius: 20px; border: 0.5px solid #DDD; background: #FFF; padding: 4px 15px; color: #5265FF; margin: 0 3px;}.tag1 span a { color: #5265FF; }.tag2 {font-size: 14px;color: var(--black);padding: 15px 0;}.tag2 span { border-radius: 20px; border: 0.5px solid #DDD; background: #FFF; padding: 10px 22px; color: #470BA8; margin: 0 3px; font-weight: var(--fontweight500); display: inline-flex}.tag2 span a { color: var(--black); }.headertwarp {background: url("https://us.sulekha.com/jobs/common/images/localjobs-banner.webp")0 0 no-repeat;background-size: 100%;width: 495px;height: 450px;position: relative}.topicontent {background: rgb(255 255 255/90%);border-radius: var(--size10);position: relative;box-shadow: var(--boxshadow);display: flex;align-items: center;padding: var(--size10);gap: var(--size10);position: absolute}.topicontent b { color: var(--green); font-size: 16px; font-weight: var(--fontweight600); padding-bottom: 5px; display: block}.topicontent i svg { fill: none}.topicontent .icon i { width: var(--size60); height: var(--size60); display: block; display: flex; align-items: center; justify-content: center}.topicontent.one { padding: 15px; padding-left: var(--size30); width: 250px; left: 90px; top: 20px;}.topicontent.one .icon i { width: var(--size60); height: var(--size60); border-radius: 8px; background: var(--white); display: block; position: absolute; left: -30px; top: -30px; box-shadow: var(--boxshadow); display: flex; align-items: center; justify-content: center }.topicontent.two { width: 220px; bottom: 0; left: 0}.topicontent.two b { color: #EC4758 }.topicontent.two .icon i { background: #FFDBD8; border-radius: 50%; width: var(--size50); height: var(--size50); } .topicontent.two .icon i svg { fill: #EF4455 }.topicontent.three { flex-direction: column; width: 210px; align-items: flex-start; padding: var(--size20); bottom: 70px; right: -40px}.topicontent.three b { color: #5265FF; padding: 0; }.topicontent .twmpics { margin-left: 15px; margin-right: 15px; display: flex; align-items: center;}.topicontent .twmpics span { display: inline-block; width: var(--size40); height: var(--size40); border-radius: 50%; border: 2px solid #fff; overflow: hidden; margin-left: -15px; }.shape1 {animation: hero-thumb-animation 2.5s linear infinite alternate;-webkit-animation: hero-thumb-animation 2.5s linear infinite alternate;-moz-animation: hero-thumb-animation 2.5s linear infinite alternate;-o-animation: hero-thumb-animation 2.5s linear infinite alternate}.shape2 {animation: hero-thumb1-animation 2.5s linear infinite alternate;-webkit-animation: hero-thumb1-animation 2.5s linear infinite alternate;-moz-animation: hero-thumb1-animation 2.5s linear infinite alternate;-o-animation: hero-thumb1-animation 2.5s linear infinite alternate}.shape3 {animation: hero-thumb2-animation 2.5s linear infinite alternate;-webkit-animation: hero-thumb2-animation 2.5s linear infinite alternate;-moz-animation: hero-thumb2-animation 2.5s linear infinite alternate;-o-animation: hero-thumb2-animation 2.5s linear infinite alternate}@keyframes hero-thumb-animation {0% { transform: translateY(-20px)}to { transform: translateY(0)}}@keyframes hero-thumb1-animation {0% { transform: translateY(-20px) translateX(50px)}to { transform: translateY(-20px) translateX(0)}}@keyframes hero-thumb2-animation {0% { transform: translateY(-50px)}to { transform: translateY(0)}}/*Header end*//**/.leftaboutone {background: url("https://us.sulekha.com/jobs/common/images/dream-jobs.png") no-repeat;background-size: 100%;width: 418px;height: 422px;position: relative}.leftaboutone .topicontent { background: var(--white)}.leftaboutone .four { background: transparent; box-shadow: none; padding: 0; right: -50px; top: 40px;}.leftaboutone .five { right: -40px; top: 50%;}.leftaboutone .six { flex-direction: column; bottom: -70px; left: 90px;}.leftaboutone .six b { color: #5265FF; padding-bottom: 0 }.leftaboutone .topicontent { border-radius: 0; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomright: 20px; border-top-left-radius: 20px; border-bottom-right-radius: 20px;}.leftaboutone .six { border-radius: 0; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomleft: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px;}.leftaboutone .five .icon i { background: #FFDBD8; border-radius: 50%; width: var(--size40); height: var(--size40);}.leftaboutone .five b { color: var(--black)}/**//* Accordion Menu */.accordionmenu, .accordionmenu ul, .accordionmenu li, .accordionmenu a {margin: 0;padding: 0;border: 0;list-style: none;font-weight: normal;text-decoration: none;line-height: 1;font-size: 14px;position: relative;}.accordionmenu {padding: 15px;width: 100%;margin: 0;}.accordionmenu ul { border-top: 0;}.accordionmenu ul li { border-bottom: solid 1px rgba(255, 255, 255, 0.1); margin-bottom: 5px; padding: 0 0 3px; } /*.accordionmenu ul li a { font-size: 16px; color: var(--white); display: block; padding: 10px 0; line-height: 1.3; display: flex; justify-content: space-between } .accordionmenu ul li a:hover { text-decoration: none; } .accordionmenu ul li.active a { color: var(--white); border-bottom: solid 1px rgba(255, 255, 255, 0.1); transition: none } .accordionmenu ul li a i { color: var(--black); -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -ms-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-in; font-size: 16px; } .accordionmenu ul li a i svg { fill: var(--gray999) } .accordionmenu ul li.active a i svg { fill: var(--gray999) } .accordionmenu ul li.active a i { -webkit-transform: rotate(180deg); transform: rotate(180deg); }*/ .accordionmenu ul li span { font-size: 16px; color: var(--white); display: block; padding: 10px 0; line-height: 1.3; display: flex; justify-content: space-between } .accordionmenu ul li span:hover { text-decoration: none; } .accordionmenu ul li.active span { color: var(--white); border-bottom: solid 1px rgba(255, 255, 255, 0.1); transition: none } .accordionmenu ul li span i { color: var(--black); -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -ms-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-in; font-size: 16px; } .accordionmenu ul li span i svg { fill: var(--gray999) } .accordionmenu ul li.active span i svg { fill: var(--gray999) } .accordionmenu ul li.active span i { -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* Sub menu */ .accordionmenu ul div { padding: 5px 12px; display: none; }.accordionmenu ul li .acc { padding: 0; } .accordionmenu ul li .acc.inline ul { display: grid; grid-template-columns: repeat(2, 1fr); }.accordionmenu ul .acc ul { margin: 10px 0 0; }.accordionmenu ul li .acc ul li { list-style-type: none; margin: 0; padding: 5px 0; border-bottom: 0; color: #666; display: block } .accordionmenu ul li .acc ul li a, .accordionmenu ul li .acc ul li span { color: #fff; background: none; padding: 0; border-bottom: 0; display: inline-block; font-size: 14px; } .accordionmenu ul li .acc ul li a:hover { color: var(--white) }/* Accordion Menu *//*============================================ owl carousel Start ============================================*//* new owl-carousel start*/.owl-theme .owl-dots, .owl-theme .owl-nav {text-align: center;-webkit-tap-highlight-color: transparent}.owl-theme .owl-nav {margin-top: 10px}.owl-theme .owl-nav .disabled { opacity: .5; cursor: default}.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px }.owl-theme .owl-dots .owl-dot {display: inline-block;zoom: 1}.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px}.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791}.owl-carousel, .owl-carousel .owl-item {-webkit-tap-highlight-color: transparent;position: relative}.owl-carousel {display: none;width: 100%;z-index: 1}.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden}.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0)}.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0)}.owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none}.owl-carousel .owl-item img { display: block; width: 100% }.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none}.no-js .owl-carousel, .owl-carousel.owl-loaded { display: block}.owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}.owl-carousel .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; margin-top: 15px;}.owl-carousel .owl-dots .owl-dot { display: inline-block; zoom: 1 } .owl-carousel .owl-dots .owl-dot span { width: 15px; height: 15px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px } .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span { background: #f89714 }.owl-theme .owl-nav .disabled {opacity: 0;}.owl-carousel .owl-nav div {background-color: rgba(0, 0, 0, 0.5);background-size: 70%;display: block;height: 50px;overflow: hidden;padding: 0;position: absolute;text-indent: -9999px;top: 30%;background-clip: padding-box;background-repeat: no-repeat;background-position: 50%;vertical-align: middle;width: 50px;cursor: pointer;box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24);-webkit-appearance: none;-webkit-border-radius: 0;background-color: rgba(255,255,255,.75);border-radius: 50%;transition: opacity .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);transition: background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);will-change: background-color,box-shadow;}.owl-carousel .owl-nav div img { height: 42px; width: 42px;}.owl-carousel .owl-nav div:hover { box-shadow: 0 10px 10px 0 rgba(0,0,0,.19), 0 6px 3px 0 rgba(0,0,0,.23); background-color: rgba(255,255,255,.9); cursor: pointer; background-color: rgba(255,255,255,.9)}.owl-carousel .owl-nav div.owl-next { background-image: url(https://d3aew4oo17ml6.cloudfront.net/astrosite/keyboard-arrow.svg); right: 0; -ms-transform: rotate(90deg); transform: rotate(90deg);}.owl-carousel .owl-nav div.owl-prev { background-image: url(https://d3aew4oo17ml6.cloudfront.net/astrosite/keyboard-arrow.svg); left: 0; -ms-transform: rotate(-90deg); transform: rotate(-90deg);}.owl-carousel.owl-loading {opacity: 0;display: block}.owl-carousel.owl-hidden {opacity: 0}.owl-carousel.owl-refresh .owl-item {visibility: hidden}.owl-carousel.owl-drag .owl-item {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}.owl-carousel.owl-grab {cursor: move;cursor: grab}.owl-carousel.owl-rtl {direction: rtl}.owl-carousel.owl-rtl .owl-item { float: right}.owl-carousel .animated {animation-duration: 1s;animation-fill-mode: both}.owl-carousel .owl-animated-in {z-index: 0}.owl-carousel .owl-animated-out {z-index: 1}.owl-carousel .fadeOut {animation-name: fadeOut}@keyframes fadeOut {0% { opacity: 1}100% { opacity: 0}}.owl-height {transition: height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy {opacity: 0;transition: opacity .4s ease}.owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d}.owl-carousel .owl-video-wrapper {position: relative;height: 100%;background: #000}.owl-carousel .owl-video-play-icon {position: absolute;height: 80px;width: 80px;left: 50%;top: 50%;margin-left: -40px;margin-top: -40px;background: url(owl.video.play.png) no-repeat;cursor: pointer;z-index: 1;-webkit-backface-visibility: hidden;transition: transform .1s ease}.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {display: none}.owl-carousel .owl-video-tn {opacity: 0;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: contain;transition: opacity .4s ease}.owl-carousel .owl-video-frame {position: relative;z-index: 1;height: 100%;width: 100%}/*============================================ owl carousel end ============================================*//**/footer {padding: 15px 0 0;background-color: rgb(12, 18, 28);color: var(--white)}footer .footer-menu { padding: 10px 0; border-bottom: solid 1px var(--garyddd)}footer .footer-menu a { padding: 0 5px; color: var(--black); font-weight: var(--weight600); }footer .copyrite { color: var(--gray666); font-size: 13px; padding: 15px 0 15px; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.2); margin-top: 15px}footer .ftmenutwo {}footer .ftmenutwo ul { } footer .ftmenutwo ul li { border-bottom: solid 1px rgba(255, 255, 255, 0.1); margin-bottom: 5px; padding: 10px 0; } footer .ftmenutwo ul li b { display: inline-block; margin-right: 10px; }.ftmenutwo ul li b a {color: var(--white);} footer .ftmenutwo ul li .share { background: var(--white); display: inline-flex; align-items: center; margin-right: 10px; width: 30px; height: 30px; text-align: center; border-radius: 50%; justify-content: center } footer .ftmenutwo ul li .share a { } footer .ftmenutwo ul li .phone svg { margin-right: 5px; fill: var(--gray999) } footer .ftmenutwo ul li .app { margin-right: 10px; } footer .ftmenutwo ul li .app img { width: 120px; } footer .ftmenutwo ul li .share svg { fill: var(--white) } footer .ftmenutwo ul li .share.fb { background: #3E5A99; } footer .ftmenutwo ul li .share.in { background: rgb(255,208,89); background: linear-gradient(22deg, rgba(255,208,89,1) 0%, rgba(253,86,39,1) 40%, rgba(190,43,188,1) 80%, rgba(1,67,223,1) 100%); } footer .ftmenutwo ul li .share.tw { background: var(--white); } footer .ftmenutwo ul li .share.wt { background: #0E9F16; } /*manoj*/ footer .ftmenutwo ul li .share.pi { background: #bd081c; } footer .ftmenutwo ul li .share.yt { background: #bd081c; } /*manoj*/ footer .ftmenutwo ul li .share.tw svg { fill: var(--black); }footer .aboutlinks { display: flex; flex-wrap: wrap;}footer .aboutlinks a { padding: 0 10px; border-right: solid 1px #ddd; color: var(--white) } footer .aboutlinks a:hover { color: var(--link) } footer .aboutlinks a:first-child { padding-left: 0 } footer .aboutlinks a:last-child { padding-right: 0; border-right: 0 }footer .storeslist { display: flex; gap: 10px; margin-top: 10px;}footer .storeslist figure { width: 80px; }footer .storeslist img { width: 120px }footer .storesscan { display: -webkit-flex; display: -moz-box; display: flex; -webkit-align-items: center; -moz-box-align: center; align-items: center; gap: 10px; padding: 10px; margin-top: 10px;}footer .storesscan figure img { width: 80px; height: 80px; }footer .storesscan .storeinfo { flex: 1 } footer .storesscan .storeinfo h3 { font-size: 14px; font-weight: 600; color: var(--black); align-items: center; } footer .storesscan .storeinfo p { font-size: 13px; padding-top: 5px; display: block }footer .copyrite { color: var(--gray666); font-size: 11px; padding: 15px 0 15px; text-align: center;}/**/.furebanner {padding: 15px 0;margin: 55px 0 55px;}.furebanner .owl-carousel .owl-nav div.disabled { opacity: 0; cursor: auto !important}.furebanner .owl-carousel .owl-nav div { top: -50px; border-radius: 4px; height: var(--size30); width: var(--size30); background-size: 100%; box-shadow: none; border: solid 1px #ddd;}.furebanner .owl-carousel .owl-nav div.owl-prev { right: var(--size40); left: auto }.furebanner .owl-carousel .owl-nav div.owl-next { right: 0 }.ourbanner {padding: 15px 0;margin: 20px 0 55px;}.ourbanner .owl-carousel .owl-nav div.disabled { opacity: 0; cursor: auto !important}.ourbanner .owl-carousel .owl-nav div { top: -50px; border-radius: 4px; height: var(--size30); width: var(--size30); background-size: 100%; box-shadow: none; border: solid 1px #ddd;}.ourbanner .owl-carousel .owl-nav div.owl-prev { right: var(--size40); left: auto }.ourbanner .owl-carousel .owl-nav div.owl-next { right: 0 }.ourbanner .item { padding: 8px; height: 80px; display: flex; align-items: center; box-shadow: var(--boxshadow); margin: 10px; border-radius: 4px; justify-content: center; background: var(--white)}.ourbanner .item a { display: block } .ourbanner .item img, .ourbanner .item a img { object-fit: fill; height: 100%; max-height: 80px; }/**/.drop-list {width: 100%;height: 200px;overflow-y: scroll;position: absolute;left: 0;background-color: var(--white);z-index: 50;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 10px 15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;transform-origin: top;transform: perspective(1000px) rotateX(-90deg);transition: 0.5s;}.drop-list.active { transform: perspective(1000px) rotateX(0deg);}.drop-list ul { margin: 0px; padding: 0px; display: flex; flex-direction: column; justify-content: flex-start;}.drop-list ul li { list-style: none; margin: 0; padding: 0; } .drop-list ul li a { display: block; font-size: 14px; color: #333; padding: 8px 10px; transition: 1s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /*.drop-list ul li a:hover { background-color: #ff4242; color: #fff; }*/ .drop-list ul li a:hover { background-color: #f0f4ff; color: #212121; } .drop-list ul li a span { font-size: 13px; font-style: italic; font-weight: 400; color: var(--gray777); }/**/.filter-overlay {width: 100%;position: absolute;left: 0;background-color: var(--white);z-index: 50;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 0 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}.filter-overlay.all { right: 0; left: auto;}.filter-overlay.active { transform: perspective(1000px) rotateX(0deg);}.filter-overlay .search-outer { padding: 0 0 1rem 0; position: relative;}.filter-overlay .search-outer input[type="text"] { padding: 10px 10px 10px 25px; width: 300px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: solid 1px var(--grayddd); }.filter-overlay .search-outer i { position: absolute; left: 0.4rem; top: 1rem; }.filter-overlay .list-outer { padding: 15px 0 15px 0; overflow-y: scroll; position: relative;}.filter-overlay .list-outer.max-height { height: 40rem; }.filter-overlay .btn-outer { z-index: 20; background-color: var(--white); position: absolute; bottom: 0px; left: 0px; width: 100%; display: flex; flex-direction: row; justify-content: space-between; padding: 1rem; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}.filter-overlay .btn-outer a.reset { background: none; }.filter-overlay .list-outer h4 { font-size: 1.5rem; color: var(--black); padding: 0 0 1rem 0; margin: 0px;}.filter-overlay .list-outer ul { margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 0;}.filter-overlay .list-outer ul li { margin: 0 0 10px 0; padding: 0; list-style: none; position: relative; } .filter-overlay .list-outer ul li input[type=checkbox] { position: absolute; visibility: hidden; } .filter-overlay .list-outer ul li label { display: block; position: relative; font-weight: 400; font-size: 14px; padding: 0px 38px 5px 10px; margin: 0 auto; height: auto; z-index: 9; cursor: pointer; -webkit-transition: all 0.25s linear; pointer-events: auto; top: 4px; color: #888; left: 0px; } .filter-overlay .list-outer ul li:hover label { color: #666; } .filter-overlay .list-outer ul li .check { display: none; position: absolute; border: 1px solid #aaa; height: 20px; width: 20px; top: 3px; left: 0px; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear; } .filter-overlay .list-outer ul li:hover .check { border: 1px solid #333; } .filter-overlay .list-outer ul li.sen-ren label { color: #333; } .filter-overlay .list-outer ul li .check::before { display: block; font-family: robotobold; position: absolute; content: ''; border-radius: 100%; height: 10px; width: 10px; top: 0px; left: 2px; font-size: 13px; color: var(--black); margin: auto; transition: background 0.25s linear; -webkit-transition: background 0.25s linear; font-weight: bold; } .filter-overlay .list-outer ul li input[type=checkbox]:checked ~ .check { display:none; border: 1px solid var(--yellow); background-color: var(--yellow) } .filter-overlay .list-outer ul li input[type=checkbox]:checked ~ .check::before { font-size: 13px; content: "\f00c"; font-family: 'FontAwesome'; } .filter-overlay .list-outer ul li input[type=checkbox]:checked ~ label { color: var(--black); } .filter-overlay .list-outer ul li input[type="checkbox"]:not(:checked) + label:before, .filter-overlay .list-outer ul li input[type="checkbox"]:checked + label:before { opacity: 0; border: #fff; } .filter-overlay .list-outer ul li input[type="checkbox"]:checked + label:before, .filter-overlay .list-outer ul li input[type="radio"]:checked + label:before, .filter-overlay .list-outer ul li input[type="checkbox"] + label:hover:before, .filter-overlay .list-outer ul li input[type="radio"] + label:hover:before { display: none; } .filter-overlay .list-outer ul li input[type="checkbox"]:checked + label:after, .filter-overlay .list-outer ul li input[type="checkbox"]:checked + label:after { opacity: 0; border: #fff; } .filter-overlay .list-outer ul li .numbers { position: absolute; right: 5px; top: 5px; text-align: right; font-size: 12px; color: var(--gray888); }.filter-overlay .list-outer .filters-list {}.filter-overlay .list-outer .filters-list ul { margin: 0px; padding: 0px; display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; } .filter-overlay .list-outer .filters-list ul li { margin: 0 1rem 1rem 0; padding: 0.5rem; list-style: none; font-size: 1.2rem; line-height: 1.3rem; color: var(--text-clr-one); border: solid 1px var(--yellow-clr); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .filter-overlay .list-outer .filters-list ul li a { font-size: 1.2rem; line-height: 1.3rem; background-color: var(--white); border: none; color: var(--black); display: inline-block; padding: 0 0 0 0.5rem; margin: 0px; }.filter-overlay .list-outer .show-more { display: flex; flex-direction: column; justify-content: center; align-items: center; border-bottom: dashed 1px var(--border-ccc); padding: 0 0 0.5rem 0; margin: 0 1rem 1rem 1rem;}.filter-overlay .list-outer .show-more a { font-size: 1.3rem; border: none; background: none; margin: 0 auto; padding: 0; }.filter-overlay .selected-filters { position: relative; padding: 1rem 0; margin: 0 0 1rem 0; border-bottom: solid 1px var(--border-ccc);}.filter-overlay .selected-filters .reset { position: absolute; right: 0; top: 1rem; } .filter-overlay .selected-filters .reset a { font-size: 1.4rem; color: var(--blue); background: none; border: none; padding: 0; margin: 0; }.filter-overlay .selected-filters h3 { font-size: 1.6rem; color: var(--black); }.filter-overlay .selected-filters .filters-list { } .filter-overlay .selected-filters .filters-list ul { margin: 0px; padding: 0px; display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; } .filter-overlay .selected-filters .filters-list ul li { margin: 0px; padding: 0.5rem; list-style: none; font-size: 1.2rem; line-height: 1.3rem; color: var(--text-clr-one); border: solid 1px var(--yellow-clr); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .filter-overlay .selected-filters .filters-list ul li a { font-size: 1.2rem; line-height: 1.3rem; background-color: var(--white); border: none; color: var(--black); display: inline-block; padding: 0 0 0 0.5rem; margin: 0px; }/**/.slide-menu-outer {z-index: 1000;}.fulloverlay {width: 100%;height: 100vh;position: fixed;background-color: rgba(0,0,0,0.6);z-index: 1002;top: 0;left: 0;display: none;}.open .slide-menu-outer .sidenav {width: 250px;}.slide-menu-outer .sidenav {height: 100%;width: 0;position: fixed;z-index: 1005;top: 0;left: 0;background-color: var(--white);overflow-x: hidden;transition: 0.5s;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}.slide-menu-outer .sidenav .close-txt { position: absolute; right: 5px; top: 0;}.slide-menu-outer .sidenav .close-txt .closewarp { font-size: 20px; weight: var(--weight400); color: var(--black); cursor:pointer; }.slide-menu-outer .sidenav .welcome-blk { background-color: var(--blue-shade-F2F3F8);}.slide-menu-outer .sidenav .welcome-blk .top-blk { padding: 15px; border-bottom: solid 1px var(--border-e7e7e7); } .slide-menu-outer .sidenav .welcome-blk .top-blk p { font-size: 16px; font-weight: var(--weight600); } .slide-menu-outer .sidenav .welcome-blk .top-blk p span { display: block; font-size: 13px; font-weight: var(--weight300); padding: 0 0 10px 0; }.slide-menu-outer .sidenav .welcome-blk .lgin-outer { border-top: solid 1px var(--white); display: flex; flex-direction: column; justify-content: flex-start; padding: 15px; } .slide-menu-outer .sidenav .welcome-blk .lgin-outer a { display: flex; font-size: 14px; color: var(--black); padding: 0 0 10px 0; } .slide-menu-outer .sidenav .welcome-blk .lgin-outer a i { margin: 0 10px 0 0; }.slide-menu-outer .sidenav .menu-list { padding: 15px;}.slide-menu-outer .sidenav .menu-list .accordionmenu, .slide-menu-outer .sidenav .menu-list .accordionmenu ul, .slide-menu-outer .sidenav .menu-list .accordionmenu li, .slide-menu-outer .sidenav .menu-list .accordionmenu a { margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal; text-decoration: none; line-height: 1; font-size: 14px; position: relative; }.slide-menu-outer .sidenav .menu-list .accordionmenu { width: 100%; margin: 0; padding: 0; } .slide-menu-outer .sidenav .menu-list .accordionmenu ul { border-top: 0; } .slide-menu-outer .sidenav .menu-list .accordionmenu ul li { border-bottom: solid 1px rgba(255, 255, 255, 0.1); margin-bottom: 5px; padding: 0 0 3px; } .slide-menu-outer .sidenav .menu-list .accordionmenu ul li span { font-size: 16px; color: var(--black); display: block; padding: 10px 0; line-height: 1.3; display: flex; justify-content: space-between } .slide-menu-outer .sidenav .menu-list .accordionmenu ul li span:hover { text-decoration: none; } .slide-menu-outer .sidenav .menu-list .accordionmenu ul li.active span { color: var(--black); border-bottom: solid 1px rgba(255, 255, 255, 0.1); transition: none } .slide-menu-outer .sidenav .menu-list.accordionmenu ul li a i { color: var(--black); -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -ms-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-in; font-size: 16px; } .slide-menu-outer .sidenav .menu-list .accordionmenu ul li a i svg { fill: var(--gray999) } .slide-menu-outer .sidenav .menu-list .accordionmenu ul li.active a i svg { fill: var(--black) } .slide-menu-outer .sidenav .menu-list .accordionmenu ul li.active a i { -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* Sub menu */ .slide-menu-outer .sidenav .menu-list .accordionmenu ul div { padding: 5px 12px; display: none; } .slide-menu-outer .sidenav .menu-list .accordionmenu ul li .acc { padding: 0; } .slide-menu-outer .sidenav .menu-list .accordionmenu ul li .acc.inline ul { display: flex; flex-direction: column; } .slide-menu-outer .sidenav .menu-list .accordionmenu ul .acc ul { margin: 10px 0 0; } .slide-menu-outer .sidenav .menu-list .accordionmenu ul li .acc ul li { list-style-type: none; margin: 0; padding: 5px 0; border-bottom: 0; color: #666; display: block } .slide-menu-outer .sidenav .menu-list .accordionmenu ul li .acc ul li a { color: var(--gray666); background: none; padding: 0; border-bottom: 0; display: flex; justify-content: space-between; font-size: 14px; } .slide-menu-outer .sidenav .menu-list .accordionmenu ul li .acc ul li a:hover { color: var(--black) } .slide-menu-outer .sidenav .menu-list .accordionmenu ul .acc ul li ul { margin: 10px 0 0; background-color: #f5f5f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .slide-menu-outer .sidenav .menu-list .accordionmenu ul li .acc ul li ul li { list-style-type: disc !important; margin: 0; padding: 5px 0 5px 10px; border-bottom: 0; color: #666; display: list-item; list-style-position: outside; } .slide-menu-outer .sidenav .menu-list .accordionmenu ul li .acc ul li ul li a { color: var(--gray666); background: none; padding: 0; border-bottom: 0; display: inline-block; font-size: 14px; } .slide-menu-outer .sidenav .menu-list .accordionmenu ul li .acc ul li ul li a:hover { color: var(--black) }/**/input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], input.form-text, textarea {font-family: 'Roboto', sans-serif;font-size: 15px;font-weight: normal;background: #fff;border: 1px solid #ddd;color: #212121;margin: 0;outline: none;resize: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;-webkit-border-radius: 0;border-radius: 0;background-clip: padding-box;-webkit-transition: color 0.45s, background 0.45s, border 0.45s;-moz-transition: color 0.45s, background 0.45s, border 0.45s;transition: color 0.45s, background 0.45s, border 0.45s;padding: 10px;}/**/.apply-job-outer .fulloverlay {z-index: 999}.frmopen .apply-job-outer .jobapply {width: 500px}.frmopena .apply-job-outer .contact {width: 500px}.resumeupd .apply-job-outer .resumeupd {width: 500px}.jobalert .apply-job-outer .jobalert {width: 500px}.apply-job-outer .apply-jobs {height: 100%;width: 0;position: fixed;z-index: 1000;top: 0;right: 0;background-color: var(--white);overflow-x: hidden;transition: .5s;box-shadow: rgba(0,0,0,.15) 1.95px 1.95px 2.6px}.apply-job-outer .apply-jobs .title-txt { font-size: 16px; padding: 40px 15px 15px 15px; color: var(--gray333)}.apply-job-outer .apply-jobs .title-txt span { display: block; font-size: 12px; color: var(--gray999) }.apply-job-outer .apply-jobs .close-txt { position: absolute; left: 10px; top: 0}.apply-job-outer .apply-jobs .close-txt span { font-size: 30px; font-weight: var(--fontweight400); color: var(--black); cursor:pointer; }.apply-job-outer .apply-jobs .tabs-outer { margin: 3px 15px 0 15px}.apply-job-outer .apply-jobs .tabs-outer ul { margin: 0; padding: 0; display: flex; flex-direction: row; justify-content: flex-start; width: 100% } .apply-job-outer .apply-jobs .tabs-outer ul li { margin: 0; padding: 0; list-style: none; width: 50% } .apply-job-outer .apply-jobs .tabs-outer ul li a { display: block; padding: 10px 20px; font-size: 15px; color: var(--gray333); background-color: var(--white); border-bottom: solid 3px var(--white); text-align: center; transition: 1s } .apply-job-outer .apply-jobs .tabs-outer ul li a.active, .apply-job-outer .apply-jobs .tabs-outer ul li a:hover { border-bottom: solid 3px var(--yellow-clr); background-color: var(--white) }.apply-job-outer .apply-jobs .apply-job-content { background-color: var(--blue-shade-F2F3F8); padding: 10px; margin: 0 15px}.apply-job-outer .apply-jobs .apply-job-content .frm-outer { background-color: var(--white); margin: 5px; padding: 20px; box-sizing: border-box } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .alert-txt { margin: 0 0 5px 0; color: #c71585; font-size: 11px; height: 16px } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld { position: relative; margin: 0 0 5px 0 } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld label { font-size: 12px; color: var(--gray333); display: block; font-weight: var(--fontweight500); margin-bottom: 5px; } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld input[type=email], .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld input[type=text] { width: 100%; border: solid 1px var(--grayccc); padding: 10px; } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld textarea { width: 100%; height: 60px; padding: 10px; border: solid 1px var(--grayccc) } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld span.count { position: absolute; left: 0; bottom: -2px; background-color: var(--border-e4e4e4); color: var(--black-shade-666); padding: 2px; font-size: 12px } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld .alert-txt { color: #c71585; margin: 0; font-size: 11px; height: 16px; margin: 5px 0 } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld .two-sel ul { margin: 0; padding: 0 } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld .two-sel ul li { margin: 0; padding: 0; float: left; position: relative } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld .two-sel ul li input[type=radio] { position: absolute; visibility: hidden } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld .two-sel ul li label { display: block; position: relative; font-size: 12px; padding: 0 25px 5px 25px; margin: 0 auto; height: auto; z-index: 9; cursor: pointer; -webkit-transition: all .25s linear; pointer-events: auto; top: 4px; color: var(--clr-primary-black) } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld .two-sel ul li:hover label { color: #333 } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld .two-sel ul li .check { display: block; position: absolute; border: 2px solid #aaa; border-radius: 100%; height: 20px; width: 20px; top: 4px; left: 0; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld .two-sel ul li:hover .check { border: 2px solid #333 } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld .two-sel ul li .check::before { display: block; font-family: robotobold; position: absolute; content: ''; border-radius: 100%; height: 10px; width: 10px; top: 3px; left: 3px; margin: auto; transition: background .25s linear; -webkit-transition: background .25s linear } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld .two-sel ul li input[type=radio]:checked ~ .check { border: 2px solid #5bc199 } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld .two-sel ul li input[type=radio]:checked ~ .check::before { background: #5bc199 } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld .two-sel ul li input[type=radio]:checked ~ label { color: #5bc199 } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld .two-sel ul li input[type=radio]:checked + label:before, .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld .two-sel ul li input[type=radio]:not(:checked) + label:before { opacity: 0 } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld .two-sel ul li input[type=checkbox]:checked + label:after, .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld .two-sel ul li input[type=radio]:checked + label:after { opacity: 0 } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .btn-outer { margin: 15px 0 0 0 } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .tandc-apply { text-align: right; margin: 10px 0 0 0 } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .tandc-apply a { font-size: 11px; color: var(--gray999) } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld .drop-list { position: absolute; left: 0; top: 35px; width: 100%; height: 150px; backbround-color: var(--white); z-index: 2 } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld .drop-list ul { margin: 0; padding: 0 } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld .drop-list ul li { margin: 0; padding: 0; list-style: none } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld .drop-list ul li a { font-size: 14px } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .double-fld { position: relative; margin: 0; display: flex; flex-direction: row } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .double-fld label { font-size: 12px; color: var(--gray333); display: block; font-weight: var(--fontweight500) } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .double-fld .first { width: 40%; margin: 0 5% 0 0 } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .double-fld .first select { width: 100%; height: 40px; border: solid 1px var(--grayccc) } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .double-fld .second { width: 60%; margin: 0 } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .double-fld .second input[type=text], .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld input[type=email] { width: 100%; border: solid 1px var(--grayccc) } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld .drop-list { width: 100%; height: 150px; overflow-y: scroll; position: absolute; left: 0; top: 60px; background-color: var(--white); z-index: 50; box-shadow: rgba(0,0,0,.24) 0 3px 8px; padding: 10px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld .drop-list.active { transform: perspective(1000px) rotateX(0) } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld .drop-list ul { margin: 0; padding: 0; display: flex; flex-direction: column; justify-content: flex-start } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld .drop-list ul li { list-style: none; margin: 0; padding: 0 } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld .drop-list ul li a { display: block; font-size: 14px; line-height: 18px; color: #333; padding: 8px 10px; transition: 1s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .apply-job-outer .apply-jobs .apply-job-content .frm-outer .single-fld .drop-list ul li a:hover { background-color: #ff4242; color: #fff }.apply-job-outer .apply-jobs .apply-job-content .thank-you-outer { background-color: var(--white); margin: 5px; padding: 20px; box-sizing: border-box } .apply-job-outer .apply-jobs .apply-job-content .thank-you-outer .thumb { display: flex; justify-content: center; align-items: center } .apply-job-outer .apply-jobs .apply-job-content .thank-you-outer .thumb figure { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; padding: 12px 15px; box-shadow: rgba(0,0,0,.15) 0 15px 25px,rgba(0,0,0,.05) 0 5px 10px } .apply-job-outer .apply-jobs .apply-job-content .thank-you-outer .thumb figure i { font-size: 30px; font-size: 24px; color: var(--green) } .apply-job-outer .apply-jobs .apply-job-content .thank-you-outer .thanks-det-outer { padding: 15px } .apply-job-outer .apply-jobs .apply-job-content .thank-you-outer .thanks-det-outer .single { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 15px 10px; margin: 0 0 15px 0; background-color: #f9f9f9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: rgba(0,0,0,.1) 0 1px 3px 0,rgba(0,0,0,.06) 0 1px 2px 0 } .apply-job-outer .apply-jobs .apply-job-content .thank-you-outer .thanks-det-outer .single p { font-size: 14px; line-height: 18px; color: #000 } .apply-job-outer .apply-jobs .apply-job-content .thank-you-outer .thanks-det-outer .single .btn-outer { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 10px 0 0 0 }.sul-button {display: flex;justify-content: center;align-items: center;padding: 10px 16px;background-color: var(--yellow-clr);border-radius: 8px;border: none;font-size: 14px;line-height: 14px;font-weight: var(--weight500);color: var(--black);white-space: nowrap;}.sul-big-button {display: inline-flex;justify-content: center;align-items: center;padding: 20px 16px;background-color: var(--yellow-clr);border-radius: 8px;border: none;font-size: 14px;font-weight: var(--weight500);height: 24px;color: var(--black);}.sul-big-button.dis-blk { display: flex;}.sul-button-border {display: flex;justify-content: center;align-items: center;padding: 10px 16px;color: var(--yellow-clr);border-radius: 8px;border: solid 1px var(--yellow-clr);font-size: 14px;font-weight: var(--weight500);background-color: var(--white);transition: 1s;line-height: 14px;}.sul-button-border:hover { background-color: var(--yellow-clr); color: var(--black);}.sul-button-gray-border {display: flex;justify-content: center;align-items: center;padding: 10px 16px;color: var(--gray666);border-radius: 8px;border: solid 1px var(--gray999);font-size: 14px;font-weight: var(--weight500);transition: 1s;}.sul-button-gray-border:hover { background-color: var(--gray999); color: var(--white);}.sul-button a i {display: flex;}/* modal css starts here */.login-modal {background-color: rgba(0, 0, 0, 0.8);height: 100%;overflow-x: hidden;overflow-y: auto;width: 100%;z-index: 1000000;top: 0;right: 0;bottom: 0;left: 0;position: fixed;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}.login-modal .login-modal-content-area { width: 500px; margin: 20px auto 50px auto; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: "Roboto","Google Sans","Arial",sans-serif; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative;}.login-modal .login-modal-content-area .close-txt { color: #000; cursor: pointer; font-size: 20px; line-height: 20px; position: absolute; right: 21px; top: 5px; text-align: center; font-family: "Google Sans",Arial,sans-serif; z-index: 99; background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; padding: 2px 6px; }.iframe-back2 {width: 100%;background-color: #fff;border: none;}.login-modal .login-modal-content-area .jobs-modal-listing {padding: 50px 15px 15px 15px;}.login-modal .login-modal-content-area .jobs-modal-listing .title-txt { font-size: 18px; line-height: 22px; color: #666; margin: 0 0 10px 0;}.login-modal .login-modal-content-area .jobs-modal-listing .promo-listing { padding: 20px 0;}.login-modal .login-modal-content-area .jobs-modal-listing .promo-listing ul { padding: 0px; margin: 0px; } .login-modal .login-modal-content-area .jobs-modal-listing .promo-listing ul li { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 10px 15px; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 0 2rem 0; } .login-modal .login-modal-content-area .jobs-modal-listing .promo-listing ul li .lt-blk { width: 70%; } .login-modal .login-modal-content-area .jobs-modal-listing .promo-listing ul li .lt-blk h3 { font-size: 1.5rem; line-height: 2rem; color: #666; padding: 0 0 0.8rem 0; } .login-modal .login-modal-content-area .jobs-modal-listing .promo-listing ul li .lt-blk h3 a { font-size: 17px; line-height: 2rem; color: #666; font-weight: 500; } .login-modal .login-modal-content-area .jobs-modal-listing .promo-listing ul li .lt-blk .city-txt { font-size: 1.4rem; color: #888; margin: 0 0 5px 0; display: flex; flex-direction: row; } .login-modal .login-modal-content-area .jobs-modal-listing .promo-listing ul li .lt-blk .city-txt a { font-size: 14px; color: #009fff; display: flex; } .login-modal .login-modal-content-area .jobs-modal-listing .promo-listing ul li .lt-blk .city-txt a i { margin: 0 0.5rem 0 0; color: #999; display: inline-flex; align-items: center; } .login-modal .login-modal-content-area .jobs-modal-listing .promo-listing ul li .lt-blk .tags-list { padding: 0 0 5px 0; } .login-modal .login-modal-content-area .jobs-modal-listing .promo-listing ul li .lt-blk .tags-list ul { margin: 0px; padding: 0px; display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; } .login-modal .login-modal-content-area .jobs-modal-listing .promo-listing ul li .lt-blk .tags-list ul li { list-style: none; padding: 0 1rem 0 0; margin: 0 0 0.5rem 0; font-size: 14px; display: flex; flex-direction: row; box-shadow: unset; width: auto; } .login-modal .login-modal-content-area .jobs-modal-listing .promo-listing ul li .lt-blk .tags-list ul li i { margin: 0 0.5rem 0 0; padding: 0; color: #999; display: inline-flex; align-items: center; } .login-modal .login-modal-content-area .jobs-modal-listing .promo-listing ul li .lt-blk .tags-list ul li span { display: flex; flex-wrap: nowrap; white-space: nowrap; } .login-modal .login-modal-content-area .jobs-modal-listing .promo-listing ul li .rt-blk { width: 30%; }.login-modal .login-modal-content-area .jobs-modal-listing .promo-listing .vmore { display: flex; flex-direction: row; justify-content: center; } .login-modal .login-modal-content-area .jobs-modal-listing .promo-listing .vmore a { font-size: 14px; line-height: 1.5rem; font-weight: 500; padding: 10px; color: #009fff; }.main-content .inner-content .detail-outer .listing-value .rt-content .on-off-switch {padding: 5px;}.main-content .inner-content .detail-outer .listing-value .rt-content .on-off-switch ul { display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}.main-content .inner-content .detail-outer .listing-value .rt-content .on-off-switch ul li { margin: 0 10px 0 0; padding: 0 0 5px 0; } .main-content .inner-content .detail-outer .listing-value .rt-content .on-off-switch ul li input[type=checkbox] { height: 0; width: 0; visibility: hidden; } .main-content .inner-content .detail-outer .listing-value .rt-content .on-off-switch ul li label { cursor: pointer; text-indent: -9999px; width: 60px; height: 30px; background: grey; display: block; border-radius: 100px; position: relative; } .main-content .inner-content .detail-outer .listing-value .rt-content .on-off-switch ul li label:after { content: ''; position: absolute; top: 5px; left: 5px; width: 20px; height: 20px; background: #fff; border-radius: 90px; transition: 0.5s; } .main-content .inner-content .detail-outer .listing-value .rt-content .on-off-switch ul li input:checked + label { background: #bada55; } .main-content .inner-content .detail-outer .listing-value .rt-content .on-off-switch ul li input:checked + label:after { left: calc(100% - 5px); transform: translateX(-100%); } .main-content .inner-content .detail-outer .listing-value .rt-content .on-off-switch ul li label:active:after { width: 130px; }.mob-but-sticy {display: none;}/* modal css end here */.subscribetxt {text-align: center;padding: 0px 0 20px;}.subscribetxt p { font-size: 18px; font-weight: 500; color: var(--blue); padding: 10px 0 30px; line-height: 32px;}.subscribetxt img { width: 200px; display: inline-block;}.headersearchwarp .title, .mobilesearch {display: none}.alert-text {color: #ff4242;font-size: 11px;position: absolute;left: 30px;}input[type="text"].searchalert::-webkit-input-placeholder { /* WebKit, Blink, Edge */color: #ff4242;}input[type="text"].searchalert:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #ff4242;opacity: 1;}input[type="text"].searchalert::-moz-placeholder { /* Mozilla Firefox 19+ */color: #ff4242;opacity: 1;}input[type="text"].searchalert:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #ff4242;}input[type="text"].searchalert::-ms-input-placeholder { /* Microsoft Edge */color: #ff4242;}input[type="text"].searchalert::placeholder { /* Most modern browsers support this now. */color: #ff4242;}.single-fld a.uplodbtun {background-color: #f2f3f8;padding: 20px 15px;width: 100%;display: block;text-align: center;border-radius: 4px;}.single-fld a input[type="file"] {opacity: 0;position: absolute;width: 100%;cursor: pointer;margin-bottom: 10px}.helptext{font-size: 12px;line-height: 18px;display: block;color: #999;word-wrap: break-word;}.frame-width {top: 10px;left: 50%;margin-left: -205px;min-height: 614px;width: 410px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}.active-job {color: var(--green);font-size: 16px;font-weight: var(--fontweight500);}.cattag {display: inline-block;margin: 10px 0;color: var(--white);font-size: 13px;}.cattag b { background: #007475; border-radius: 4px; padding: 2px 10px;}.cattag b a { color: var(--white); }/* jobseeker ladnding page start */.lpagebannerbg {padding-top: 65px;position: relative}.lpagebannerbg:before { background: rgba(21, 11, 72, 1); padding: 100px 0 80px 0; margin-top: -100px; transform: skewY(-5deg); transform-origin: center; content: ""; position: absolute; width: 100%; height: 100%; z-index: -1;}.lpagebannerbg .row { align-items: center}.lpagebannerbg figure { text-align: center; display: flex; align-content: center; justify-content: center; margin-bottom: -8px; padding: 41px 0 0;}.lpagebannerbg .title1 { font-family: var(--poppins); font-size: 40px; font-weight: var(--fontweight600); line-height: 60px; color: var(--white);}.lpagebannerbg .helptext { color: var(--white); font-size: 20px; font-weight: var(--fontweight400); display: block;}.lpagebannerbg .title1 mark { background-color: transparent; padding: 0; position: relative; z-index: 2; color: var(--white); } .lpagebannerbg .title1 mark:before { background-image: url("https://us.sulekha.com/jobs/common/images/mark-heading.webp"); content: ""; width: 100%; position: absolute; background-size: 100%; background-repeat: no-repeat; top: 70%; height: 100%; z-index: -1; }.lpagebannerbg .title2 { font-family: var(--poppins); font-size: 18px; font-weight: var(--fontweight500); color: var(--white); padding: 15px 0 30px; line-height: 30px}.lphow {padding: 90px 0;}.lptitle1 {font-family: var(--poppins);font-size: 36px;font-weight: var(--fontweight600);line-height: 60px;color: var(--black);}.lptitle2 {font-family: var(--poppins);font-size: 18px;font-weight: var(--fontweight400);color: var(--black);padding: 15px 0 30px;line-height: 30px}.lptitle3 {font-family: var(--poppins);font-size: 20px;font-weight: var(--fontweight600);color: var(--black);line-height: 30px}.lptitle4 {font-family: var(--poppins);font-size: 16px;font-weight: var(--fontweight400);color: var(--black);line-height: 26px}.howorklistwarp {margin: 20px 20px;}.howorklist {display: flex;align-items: center;}.howorklist figure { background: var(--white); border: solid 2px #F9AB00; padding: 15px; border-radius: 20px; position: relative;}.howorklist figure:hover { background-color: #FFF4DD; }.howorklist figure img { width: 50px; }.contbgclr {flex: 1;background: #F8F8F6;padding: 25px 15px 25px 50px;border-radius: 20px;margin-left: -25px;}.resuminfowrp .resumdetalswarp p {font-family: var(--poppins);font-size: 14px;font-weight: var(--fontweight400);color: var(--black);line-height: 22px}.lpcounter {padding: 10px 0;display: flex;}.lpcounter .countercol { text-align: center; width: 25%;}.lpcounter .countercol .countercont { border-radius: 50%; height: 150px; width: 150px; text-align: center; border: 1px dashed #c8c8c8; background-color: #fff; line-height: 150px; font-size: 28px; color: #00075C; margin: 0 auto; }.lpcounter .countercol .countercont2 { font-size: 16px; padding: 15px; line-height: 22px; }.nj-headerbg1 {padding: 50px 0;}.sel-pack-outer .title-txt {font-size: 1.8rem;line-height: 2.2rem;color: #000;padding: 0 0 1.5rem 0;font-weight: 500;}.sel-pack-outer ul {margin: 0px;padding: 0px;}.sel-pack-outer ul li { position: relative; list-style: none; margin: 0 0 4rem 0; padding: 1rem; display: flex; flex-direction: row; justify-content: space-between; align-items: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: solid 1px #fff; transition: 1s;}.sel-pack-outer ul li .fea-benifits { position: absolute; left: 0px; bottom: -2.1rem; } .sel-pack-outer ul li .fea-benifits a { font-size: 1.2rem; line-height: 1.rem; letter-spacing: 0.5px; color: #297ce3; }.sel-pack-outer ul li:hover { background-color: #FFF0F0; border: solid 1px #e23d4d; }.sel-pack-outer ul li.active { background-color: #FFF0F0; border: solid 1px #e23d4d; }.sel-pack-outer ul li .lt-content { display: flex; flex-direction: column; } .sel-pack-outer ul li .lt-content .sel-package { position: relative; } .sel-pack-outer ul li .lt-content .sel-package input[type=radio] { position: absolute; visibility: hidden; } .sel-pack-outer ul li .lt-content .sel-package label { display: block; position: relative; font-weight: 600; font-size: 1.4rem; padding: 0px 25px 5px 25px; margin: 0 auto; height: auto; z-index: 9; cursor: pointer; -webkit-transition: all 0.25s linear; pointer-events: auto; top: 4px; color: var(--clr-primary-black); } .sel-pack-outer ul li .lt-content .sel-package:hover label { color: #333; } .sel-pack-outer ul li .lt-content .sel-package .check { display: block; position: absolute; border: 2px solid #aaa; border-radius: 100%; height: 20px; width: 20px; top: 4px; left: 0; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear; } .sel-pack-outer ul li .lt-content .sel-package:hover .check { border: 2px solid #333; } .sel-pack-outer ul li .lt-content .sel-package .check::before { display: block; font-family: robotobold; position: absolute; content: ''; border-radius: 100%; height: 10px; width: 10px; top: 3px; left: 3px; margin: auto; transition: background 0.25s linear; -webkit-transition: background 0.25s linear; } .sel-pack-outer ul li .lt-content .sel-package input[type=radio]:checked ~ .check { border: 2px solid #e23d4d; } .sel-pack-outer ul li .lt-content .sel-package input[type=radio]:checked ~ .check::before { background: #e23d4d; } .sel-pack-outer ul li .lt-content .sel-package input[type=radio]:checked ~ label { color: #e23d4d; } .sel-pack-outer ul li .lt-content .sel-package input[type="radio"]:not(:checked) + label:before, .sel-pack-outer ul li .lt-content .sel-package input[type="radio"]:checked + label:before { opacity: 0; } .sel-pack-outer ul li .lt-content .sel-package input[type="radio"]:checked + label:after, .sel-pack-outer ul li .lt-content .sel-package input[type="checkbox"]:checked + label:after { opacity: 0; } .sel-pack-outer ul li .lt-content p { padding: 0 0 0 2.5rem; font-size: 1.2rem; line-height: 1.6rem; font-weight: 300; letter-spacing: 0.5px; color: #666; }.sel-pack-outer ul li .rt-content { font-size: 2rem; line-height: 2rem; text-align: right; font-weight: 600; color: #e23d4d; }.sel-pack-outer .btn-outer {margin: 2rem 0 1rem 0;}.sel-pack-outer ul .fea-list {margin: 1rem 0;background-color: #f7f7f7;padding: 1rem;position: relative;}.sel-pack-outer ul .fea-list .close-txt { position: absolute; right: -1rem; top: 0; font-size: 1.5rem; color: #000; background-color: #f7f7f7;}.sel-pack-outer ul .fea-list .close-txt a { color: #000; font-weight: 600; }.sel-pack-outer ul .fea-list p {}.sel-pack-outer ul .fea-list ul { margin: 0px; padding: 0px;}.sel-pack-outer ul .fea-list ul li { display: list-item; font-size: 1.4rem; line-height: 1.6rem; color: #333; padding: 0px; margin: 0 0 1rem 2rem; list-style: circle; border: none; background-color: transparent; box-shadow: none; }.packagewarp {background: var(--white);margin-bottom: var(--size20);box-shadow: var(--boxshadow);border-radius: 4px;}.packagewarp .packagehd { display: flex; align-items: center; padding: var(--size20);}/*one*/.packagewarp .one { border-left: 3px solid #0136F1;}.packagewarp .one .inputfield [type="radio"]:checked + label:after, .packagewarp .one .inputfield [type="radio"].with-gap:checked + label:after { background-color: #0136F1; }.packagewarp .one .inputfield [type="radio"].with-gap:checked + label:before, .packagewarp .one .inputfield [type="radio"].with-gap:checked + label:after { border-color: #0136F1 }.packagewarp .one .inputfield [type="radio"]:not(:checked) + label, .packagewarp .one .inputfield [type="radio"]:checked + label { color: #0136F1 }/*two*/.packagewarp .two { border-left: 3px solid #9600CB;}.packagewarp .two .inputfield [type="radio"]:checked + label:after, .packagewarp .two .inputfield [type="radio"].with-gap:checked + label:after { background-color: #9600CB; }.packagewarp .two .inputfield [type="radio"].with-gap:checked + label:before, .packagewarp .two .inputfield [type="radio"].with-gap:checked + label:after { border-color: #9600CB }.packagewarp .two .inputfield [type="radio"]:not(:checked) + label, .packagewarp .two .inputfield [type="radio"]:checked + label { color: #9600CB }/*three*/.packagewarp .three { border-left: 3px solid #9F4D00;}.packagewarp .three .inputfield [type="radio"]:checked + label:after, .packagewarp .three .inputfield [type="radio"].with-gap:checked + label:after { background-color: #9F4D00; }.packagewarp .three .inputfield [type="radio"].with-gap:checked + label:before, .packagewarp .three .inputfield [type="radio"].with-gap:checked + label:after { border-color: #9F4D00 }.packagewarp .three .inputfield [type="radio"]:not(:checked) + label, .packagewarp .three .inputfield [type="radio"]:checked + label { color: #9F4D00 }.packagewarp .packagehd .pricedays { margin-left: auto; display: inline-flex; gap: 5px; align-items: center;}.packagewarp .packagehd .pricedays big { font-family: var(--googlesans); color: var(--green); font-size: 20px; font-weight: var(--fontweight700) }.packagewarp .packagehd .pricedays small { font-size: 14px; }.packagewarp .packagehd .inputfield [type="radio"]:not(:checked) + label, .packagewarp .packagehd .inputfield [type="radio"]:checked + label { font-weight: var(--fontweight500); font-size: var(--size20); left: 0}.packagewarp.active .packagelist { display: block}.packagewarp .packagelist { display: none; padding: 10px 20px 20px}.packagewarp .packagelist ul { } .packagewarp .packagelist ul li { display: block; font-size: 16px; padding: 15px 0 0 } .packagewarp .packagelist ul li:first-child { padding-top: 0 } .packagewarp .packagelist ul li:last-child { padding-bottom: 0 }.getalert .subtitle {font-size: 18px;font-weight: 600;color: #212121;padding: 10px 0;}.getalert .small_text {padding: 0;}.getalert .small_text2 {font-weight: 600;padding: 10px 0;font-size: 16px;}/* jobseeker ladnding page End */@media (max-width: 768px) {.frame-width { top: 0; left: 0; margin-left: 0; min-height: 670px; width: 100%;}}/* Muru End */@media only screen and (max-width : 320px) {}/* Smartphones (portrait) ----------- */@media only screen and (max-width : 568px) {}/*----iphone---*/@media (max-width : 640px) {/* wizard start */.mobilehide { display: none}/*header .topblock{padding: 10px 15px;}*/.hearoheaderbg { padding-top: 80px;}.herosearch .heroseachexpand, .searchopena .herosearch, .herosearch { width: 100%; flex-direction: column; gap: 10px;}.herosearch { border-radius: 4px; padding: 15px; z-index: 8}.searchopena .herosearch .heroseachexpand, .searchopena .herosearch .searchbg, .searchopena .herosearch .searchbg input[type="text"] { width: 100%}.searchopena .herosearch .heroseachexpand { flex-direction: column}.herosearch .searchbg input[type="text"], .herosearch .searchlocation input[type="text"] { border: solid 1px var(--grayaaa); border-radius: 4px; padding:20px 20px 20px 45px;}.herosearch .heroseachexpand { opacity: 1}.herosearch .searchexp input[type="text"], .herosearch .heroseachexpand input[type="text"] { width: 100%; border: solid 1px var(--grayaaa); border-radius: 4px; }.herosearch .searchsubmit a, .herosearch .searchsubmit { position: static; text-align: center}.herosearch .heroseachexpand > *, .headersearchwarp { width: 100%}.headersearchwarp { display: none}.carerlist ul { grid-template-columns: repeat(1,1fr);}.resuminfowrp .resumdetalswarp { flex-direction: column}.getjobs-left .media { width: 100%; height: auto}.tag1 { display: flex; flex-wrap: wrap; gap: 10px;}.promoblackwarp {flex-direction: column;}}@media only screen and (min-width : 569px) and (max-width : 640px) {.carerlist ul { grid-template-columns: repeat(2,1fr);}}/*----high end windows phone---*/@media only screen and (min-width : 641px) and (max-width : 768px) {.carerlist ul { grid-template-columns: repeat(2,1fr);}}/*----high end windows phone---*/@media only screen and (max-width : 768px) {header .logo a { margin: 0 var(--size10);}.getalert, .furebanner, .primarytitle, .ourbanner { margin-bottom: 0; padding: 15px;}/*.funclist {flex-wrap: nowrap;justify-content: flex-start;white-space: nowrap;overflow-x: scroll;overflow-y: hidden;margin: 0 15px;padding-bottom: 40px}*/.funclist {}.getalert .title br { display: none}.primarytitle, .getalert .title { font-size: 26px; line-height: 28px;}.lastblockwarp .tab { margin: 0 auto; margin-bottom: 20px;}.toprecrtrs, .njspace { padding: var(--size20) 0}}/**/@media (min-width: 992px) {}/*----iphone---*/@media (max-width: 1000px) {.frmopen .apply-job-outer .jobapply { width: 100%;} .frmopena .apply-job-outer .contact { width: 100%}.resumeupd .apply-job-outer .resumeupd { width: 100%} .jobalert .apply-job-outer .jobalert {width: 100% } .apply-job-outer .apply-jobs .close-txt { position: static; padding: 5px 15px; background: #f5f5f5;}.apply-job-outer .apply-jobs .close-txt a{padding:0;line-height:20px}}/*----ipad---*//**/@media only screen and (max-width : 1024px) {.tab { align-items: center; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; margin: 0 auto; margin-bottom: 20px}header { padding: 10px}header .rightsectionholder nav { display: none }/**/.mobilesearch {}.sticky .mobilesearch { display: block;}.sticky .mobilesearch a { background: #E2DEF0; border-radius: 50%; width: var(--size40); height: var(--size40); align-items: center; justify-content: center; display: flex }.sticky .headersearchwarp .title { opacity: 1}.sticky .headersearchwarp { opacity: 0}.headersearchwarp { position: fixed !important; right: -30px; top: 0; width: 100%; z-index: 8; background-color: #fff; color: #7f7f7f; height: 100%; display: block; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); transform: translateX(800px); -webkit-transform: translateX(800px); -moz-transform: translateX(800px); -ms-transform: translateX(800px); -o-transform: translateX(800px); transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; border-top: 1px solid rgba(51, 51, 51, 0.25); overflow-x: hidden; overflow-y: auto; display: block !important; margin-top: 0; z-index: 999;}.searchopen .headersearchwarp .title { background: var(--graya); padding: var(--size20); font-weight: 500; color: var(--black); display: block}.searchopen .headersearchwarp .title a { color: var(--black); display: flex; gap: var(--size10) }.searchopen .headersearchwarp .title svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); }.searchopen .headersearchwarp { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); right: 0; top: 0; margin: 0; box-shadow: none; border: 0; opacity: 1}.searchopen .headersearchwarp .seachexpand { opacity: 1; flex-direction: column; visibility: visible; width: 100%; gap: 10px; } .searchopen .headersearchwarp .seachexpand > * { width: 100%; }.searchopen .headersearchwarp input[type="text"], .headersearchwarp.open .searchexp input[type="text"] { width: 100%; border-radius: 8px; }.searchopen .headersearchwarp .seachexpandwarp { margin: 10px 0 0 }.searchopen .headersearchwarp .seachexpand { text-align: center }.searchopen .headersearchwarp .headersearch { margin: 15px 15px 0 }.searchopen .headersearchwarp .seachexpandwarp { padding: 0 15px 15px }/**/}/**/@media only screen and (min-width : 769px) and (max-width : 1024px) {.carerlist ul { grid-template-columns: repeat(3,1fr);}.topicontent.one { left: 0}.topicontent.two { bottom: 100px;}.topicontent.three { right: 0; bottom: 210px;}.headertwarp { width: 375px; height: 450px;}}/*----netbook---*/@media only screen and (min-width : 1024px) and (max-width : 1280px) {}/*----ultrabook---*/@media only screen and (min-width : 1025px) and (max-width : 1280px) {}/*----ultrabook---*/@media only screen and (min-width : 1281px) and (max-width : 1366px) {}/* */@media only screen and (min-width : 1367px) and (max-width : 1512px) {}/*----large desktop---*/@media only screen and (min-width : 1367px) and (max-width : 1680px) {}/*modal added by manoj*/.modal {background-color: rgba(0, 0, 0, 0.8);display: none;height: 100%;overflow-x: hidden;overflow-y: auto;width: 100%;z-index: 1000000;top: 0;right: 0;bottom: 0;left: 0;position: fixed;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}.modal-dialog {position: relative;margin: 30px auto;width: 500px;}.modal-content {background: var(--white);border-radius: 5px;}.modaltitle {font-size: 16px;font-weight: 600;padding: 25px 15px 5px;}.modalhd {display: flex;flex-shrink: 0;align-items: center;padding: 15px;box-shadow: 0 0 0.5rem 0 rgb(137 173 255 / 35%);position: relative;font-size: 20px;gap: 10px;font-weight: 600;}.modalhd figure { width: 70px; height: 70px; border-radius: 50%; border: 5px solid var(--white); box-shadow: 0 1px 4px rgb(32 33 36 / 28%); -moz-box-shadow: 0 1px 4px rgba(32, 33, 36, .28); -webkit-box-shadow: 0 1px 4px rgb(32 33 36 / 28%); background-color: #40a8ca; overflow: hidden}.modalheadwrp {box-shadow: 0 0 0.5rem 0 rgb(137 173 255 / 35%);padding-bottom: 15px}.modalhead {display: flex;flex-shrink: 0;align-items: center;padding: 15px;position: relative;font-size: 20px;gap: 10px;font-weight: 600;}.modalhead figure { width: 60px; height: 60px; border-radius: 50%; border: 5px solid var(--white); box-shadow: 0 1px 4px rgb(32 33 36 / 28%); -moz-box-shadow: 0 1px 4px rgba(32, 33, 36, .28); -webkit-box-shadow: 0 1px 4px rgb(32 33 36 / 28%); background-color: #40a8ca; overflow: hidden}.absolute {position: absolute;}/**//*modal added by manoj end*//*nandhu start*/.landing-bg2 {background-color: #fff;width: 100%;background-image: url("https://us.sulekha.com/jobs/common/images/header-bg-1.png");background-repeat: no-repeat;padding: 60px 0px 100px 0px;}.landing-bg {background-color: #fff;padding-top: 0px;}.jobs-landing-header {width: 1522px;height: 100%;position: relative;top: -5px;font-family: var(--`);}.landing-header-cont {padding: 10px 20px;font-family: var(--poppins);margin-top: 20px;}.header-cont1 {color: #101828;font-family: var(--poppins);font-size: 34px;font-weight: 600;padding: 15px 0px;line-height: 50px;}.header-cont2 {color: #667085;font-family: var(--poppins);font-size: 16px;font-weight: 400;line-height: 30px;padding: 15px 0px;}.header-cont3 {font-size: 14px;padding: 15px 0;display: grid;grid-template-columns: repeat(4, 1fr);gap: 60px;}.header-cont3 span { padding: 0px; font-size: 23px; font-weight: 600;}.header-cont3 span b { color: #101828; padding: 5px 0px; display: block; }.header-cont3 span p { color: #667085; font-size: 16px; font-weight: 400; line-height: 20px; }.landing-header-image {}.jobs-landing-collaboration {font-family: var(--poppins);margin-bottom: 50px;}.collaboration-image {position: relative;padding: 0px 80px;}.collaboration-image:after { background-image: url("https://us.sulekha.com/jobs/common/images/shape-1.png"); background-repeat: no-repeat;}.collaboration-image-cont {box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);background-color: #fff;padding: 20px;width: 160px;border-radius: 30px;display: flex;flex-direction: column;justify-content: center;position: absolute;right: 100px;bottom: -50px;animation: hero-thumb1-animation 2.5s linear infinite alternate;-webkit-animation: hero-thumb1-animation 2.5s linear infinite alternate;-moz-animation: hero-thumb1-animation 2.5s linear infinite alternate;-o-animation: hero-thumb1-animation 2.5s linear infinite alternate;}.collaboration-image-cont b { color: #333; text-align: center; font-size: 20px; font-weight: 500; line-height: 25px; padding-bottom: 10px;}.collaboration-image-cont strong { color: #19A340; text-align: center; font-size: 35px; font-weight: 600;}.collaboration-image-bg:before {content: "";position: absolute;left: 0;top: 0;background-repeat: no-repeat;background-image: url("https://us.sulekha.com/jobs/common/images/shape-1.png");animation: hero-thumb1-animation 2.5s linear infinite alternate;-webkit-animation: hero-thumb1-animation 2.5s linear infinite alternate;-moz-animation: hero-thumb1-animation 2.5s linear infinite alternate;-o-animation: hero-thumb1-animation 2.5s linear infinite alternate;width: 121px;height: 121px;}.landing-title {}.landing-maintitle {font-family: var(--poppins);padding: 10px 0px;font-size: 32px;color: #212121;font-weight: 600;}.landing-subtitle {font-family: var(--poppins);line-height: 30px;color: #888;font-size: 16px;padding: 0px 0px 10px;font-weight: 400;}.collaboration-five {font-family: var(--poppins);}.collaboration-five ul {}.collaboration-five ul li { padding: 10px; } .collaboration-five ul li .collaboration-list { background-color: #F6F4FC; border-radius: 30px; padding: 10px; } .collaboration-five ul li .collaboration-list-all { width: 100%; display: flex; align-items: center; cursor:pointer; } .collaboration-five ul li .collaboration-list span { width: 80%; } .collaboration-five ul li .collaboration-list span.list-plus { text-align: right; width: 20%; } .collaboration-five ul li .collaboration-list span.list-plus i svg { width: 25px; height: 25px; } .collaboration-five ul li .collaboration-list span b { color: #212121; font-size: 20px; font-weight: 400; padding-left: 5px; } .collaboration-five ul li .collaboration-list span i { padding: 0px 10px; } .collaboration-five ul li .collaboration-list span i svg { width: 32px; height: 42px; vertical-align: middle; }.collaboration-list-cont {padding-top: 10px;}.collaboration-list-cont span { border-top: 1px #777 solid; font-size: 14px; color: #777; line-height: 30px; padding: 10px; display: block; width: 100% !important;}.jobs-landing-sm {margin: 30px 0px;display: flex;}.sm-cont {}.jobs-landing-sm .col-lg-5 {display: flex;align-items: center;}.cont-head {padding: 10px 0px;}.cont-head b { border-radius: 20px; font-size: 18px; color: #212121; background-color: #BEE1E6; padding: 10px 15px; display: inline-block;}.sm-image {border-radius: 20px;}.sm-image img {}.smb-block {padding: 15px 0px;}.smb-block ul {}.smb-block ul li { display: flex; padding: 10px 0px; } .smb-block ul li .smb-block-icon { } .smb-block ul li .smb-block-icon i { align-items: center; } .smb-block ul li .smb-block-icon i svg { width: 15px; height: 15px; fill: #00A441; }.smb-block-cont {padding-left: 20px;}.smb-block .landing-maintitle {font-size: 20px;color: #212121;padding: 0 0 5px;font-weight: 500;}.smb-block .landing-subtitle {font-size: 16px;line-height: 25px;}.sm-bg {background-color: #F6F4FC;margin: 30px 0px 0px;;padding: 20px;}.staffing-agencies {padding: 50px 0px;display: block;margin: 10px 0px 20px;}.staffing-agencies-image {position: relative;display: flex;}.staffing-image {bottom: -60px;left: 45px;position: absolute;background-repeat: no-repeat;background-image: url("https://us.sulekha.com/jobs/common/images/dots.png");animation: hero-thumb1-animation 2.5s linear infinite alternate;-webkit-animation: hero-thumb2-animation 2.5s linear infinite alternate;-moz-animation: hero-thumb1-animation 2.5s linear infinite alternate;-o-animation: hero-thumb1-animation 2.5s linear infinite alternate;width: 200px;height: 105px;}.staffing-image1 {top: 35px;left: 290px;}.staffing-agencies-image span {padding: 10px;}.staffing-agencies-image span img { border-radius: 10px;}.staffing-agencies-image span:last-child { margin-top: 80px;}.staffing-image:after {background-image: url("https://us.sulekha.com/jobs/common/images/dots.png");background-repeat: no-repeat;}.staffing-agencies-cont {padding: 10px 0;}.staffing-agencies-block {padding-top: 20px;}.staffing-agencies-block ul {}.staffing-agencies-block ul li { display: flex; } .staffing-agencies-block ul li .staffing-block-icon { width: 15%; } .staffing-agencies-block ul li .staffing-block-icon i { background-color: #E4E7EC; border-radius: 40px; width: 75px; height: 75px; align-items: center; display: flex; justify-content: center; } .staffing-agencies-block ul li .staffing-block-icon i svg { width: 37px; height: 37px; }.staffing-block-cont {width: 85%;padding-left: 20px;margin-top: 15px;}.staffing-block-cont .landing-maintitle { font-size: 18px; color: #212121; padding: 0 0 5px; font-weight: 500;}.staffing-block-cont .landing-subtitle { font-size: 14px; line-height: 25px;}.staffing-step-block {margin: 50px 0px;font-family: var(--poppins);}.staffing-step-block .landing-title .landing-maintitle { text-align: center;}.staffing-step-block .landing-title .landing-subtitle { text-align: center;}.staffing-step {padding: 30px 0px;}.staffing-step ul { display: flex; justify-content: space-between; align-items: flex-start;}.staffing-step ul li .icon-step { display: flex; text-align: center; width: 140px; height: 140px; border-radius: 50%; align-items: center; justify-content: center; } .staffing-step ul li .icon-step:before { background-image: url("https://us.sulekha.com/jobs/common/images/aero.png"); position: absolute; content: ""; width: 75px; height: 10px; left: 180px; top: 90px; animation: hero-thumb1-animation 2.5s linear infinite alternate; -webkit-animation: hero-thumb1-animation 2.5s linear infinite alternate; -moz-animation: hero-thumb1-animation 2.5s linear infinite alternate; -o-animation: hero-thumb1-animation 2.5s linear infinite alternate; }.staffing-step ul li:last-child .icon-step:before { display: none; }.staffing-step ul li { position: relative; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; } .staffing-step ul li span { margin: 0 auto; background-color: #fff; border-radius: 50%; width: 130px; height: 130px; display: flex; align-items: center; justify-content: center; } .staffing-step ul li span.step-yellow { border: #FFBA12 4px solid; } .staffing-step ul li span.step-yellow i svg { fill: #FFBA12; } .staffing-step ul li .icon-step-yellow { background: #FFE3BE; } .staffing-step ul li span.step-purple { border: #936DFF 4px solid; } .staffing-step ul li span.step-purple i svg { fill: #936DFF; } .staffing-step ul li .icon-step-purple { background: #E6E0F5; } .staffing-step ul li span.step-coldlight { border: #01bbff 4px solid; } .staffing-step ul li span.step-coldlight i svg { fill: #01bbff; } .staffing-step ul li .icon-step-coldlight { background: #01bbff26; } .staffing-step ul li span.step-pink { border: #FF708D 4px solid; } .staffing-step ul li span.step-pink i svg { fill: #FF708D; } .staffing-step ul li .icon-step-pink { background: #FFD8E2; } .staffing-step ul li b { font-family: var(--poppins); line-height: 25px; color: #888; font-size: 16px; font-weight: 500; display: block; padding: 10px 0px; text-align: center; } .staffing-step ul li span i { display: block; } .staffing-step ul li span i svg { width: 60px; height: 60px; }.jobs-landing-price {position: relative;z-index: 2;}/*.jobs-landing-price:before{background-color: #1462FF;content: "";width: 1909px;height:100%;border-style: solid;border-width: 200px 1909px 0 0;border-color: #1462FF transparent transparent transparent; transform: rotate(0deg);position: absolute;top: 114px;z-index: 1;}*/.jobs-landing-price:before { background: #1462FF; padding: 100px 0 80px 0; margin-top: -30px; transform: skewY(0deg); transform-origin: center; content: ""; position: absolute; width: 100%; height: 500px; z-index: -1;}.jobs-landing-price .landing-title { padding: 10px 0px;}.jobs-landing-price .landing-title .landing-maintitle { color: #fff; text-align: center; }.jobs-landing-price .landing-title .landing-subtitle { color: #fff; text-align: center; }.landing-price-tab {padding: 10px;display: flex;justify-content: center;}.landing-price-tab ul { margin: 0 auto; display: flex; gap: 20px; border-radius: 50px; background-color: #BBE2FF; padding: 10px;}.landing-price-tab ul li { padding: 5px 10px; } .landing-price-tab ul li:hover { background-color: #fff; color: #104C9D; box-shadow: 0px 0px 5px 0px rgba(82, 101, 255, 0.25); border-radius: 50px; } .landing-price-tab ul li.price-active { background-color: #fff; color: #104C9D; box-shadow: 0px 0px 5px 0px rgba(82, 101, 255, 0.25); border-radius: 50px; } .landing-price-tab ul li a { padding: 10px; color: #104C9D; text-align: center; font-size: 14px; font-weight: 500; display: block; }.landing-price-block {display: block;padding: 20px;width: 90%;margin: 0 auto;}.price-dtls-block {background-color: #fff;border-radius: 5px;box-shadow: 0px 0px 8px 0px rgba(10, 116, 243, 0.25);margin: 10px 0px;}.landing-price-block .price-dtls-block .landing-title .landing-maintitle {color: #104C9D;font-size: 30px;padding: 10px 0px 0px;}.landing-price-block .price-dtls-block .landing-title .landing-subtitle {color: #104C9D;font-size: 18px;}.landing-price-block .price-dtls-block .price {background-color: #F7F7F7;padding: 10px;text-align: center;}.landing-price-block .price-dtls-block .price .landing-maintitle { color: #104C9D; font-size: 40px; padding: 10px 0px 0px;}.landing-price-block .price-dtls-block .price .landing-subtitle { color: #104C9D; font-size: 14px;}.price-cont {display: inline-block;}.price-cont ul {}.price-cont ul li { vertical-align: middle; text-align: left; border-bottom: 1px #E3E3E3 solid; padding: 10px 20px; } .price-cont ul li p { line-height: 25px; color: #333; font-size: 14px; display: inline; } .price-cont ul li i { padding-right: 15px; vertical-align: middle; } .price-cont ul li i svg { width: 15px; height: 15px; fill: #00A441; } .price-cont ul li.price-disabled p { color: #ddd; } .price-cont ul li.price-disabled i svg { fill: #ddd; } .price-cont ul li span { font-size: 12px; display: block; padding-left: 30px; }.pricebtun {background-color: #6FA4EF;border-radius: 50px;margin: 20px;text-align: center;display: block;}.price-dtls-block:hover .pricebtun {background-color: #196BDB;}.pricebtun a {color: #fff;font-size: 18px;padding: 15px 0px;display: block;}.job-landing-btun {margin: 10px 0px;}.job-landing-btun span { text-align: center; padding: 10px 15px; border-radius: 4px; border-left: solid 3px #ea6031; background: #fff5ec; color: #000; font-size: 16px; line-height: 30px; display: block;}.job-landing-btun .landing-btun { margin: 20px 0px; display: flex; gap: 50px; justify-content: center;}.job-landing-btun .landing-btun a { padding: 15px 80px; border: 1px #EF3030 solid; border-radius: 30px; background-color: #fff; color: #EF3030; }.landpage-addon {padding: 30px;}.addon-blk {display: flex;gap: 25px;border-bottom: 2px #ddd solid;padding: 20px 0px;}.addon-price {}.addon-price span { background-color: #d9fff2; width: 100px; height: 100px; display: flex; border-radius: 50%; align-items: center; justify-content: center; flex-direction: column;}.addon-price b { font-size: 30px; text-align: center; display: block; font-weight: 600; color: #217404;}.addon-cont {}.addon-cont .landing-maintitle { font-size: 20px;}.addon-cont .landing-subtitle { font-size: 16px;}.landpage-addon .landing-title .landing-maintitle {color: #212121;}/*----iphone---*/@media (max-width : 640px) and (min-width: 320px) {.landing-bg2 { background-color: #f5f5f5; background-image: none; padding: 60px 0px 0px;}.header-cont1 { font-size: 26px; line-height: 30px;}.header-cont2 { line-height: 25px; font-size: 14px; padding: 0px;}.header-cont3 { grid-template-columns: repeat(2, 1fr); gap: 30px;}.landing-header-image { display: none;}.jobs-landing-header {}.landing-header-cont { padding: 10px 0px;}.collaboration-image-bg:before { display: none;}.collaboration-image { padding: 10px 50px;}.collaboration-image-cont { width: 140px; right: 40px; bottom: -20px; height: 100px; border-radius: 10px;}.collaboration-image-cont b { font-size: 16px; line-height: 25px; }.collaboration-image-cont strong { font-size: 25px; }.collaboration-cont { padding-top: 20px;}.collaboration-five ul li .collaboration-list { border-radius: 5px;}.collaboration-five ul li { padding: 10px 0px;}.staffing-agencies-block ul li .staffing-block-icon { width: 20%;}.staffing-agencies-block ul li .staffing-block-cont { width: 80%;}.collaboration-five ul li .collaboration-list span i svg { width: 25px; height: 25px;}.collaboration-five ul li .collaboration-list span b { font-size: 16px;}.collaboration-five ul li .collaboration-list span.list-plus i svg { width: 20px; height: 20px;}.landing-maintitle { font-size: 24px; line-height: 30px;}.landing-subtitle { font-size: 14px; line-height: 25px;}.sm-cont { padding: 0;}.jobs-landing-sm { margin: 0;}.staffing-agencies-cont { padding: 10px;}.staffing-agencies-image { display: none;}.staffing-agencies-block ul li .staffing-block-icon i { width: 60px; height: 60px;}.staffing-block-cont .landing-maintitle { font-size: 16px; line-height: 20px;}.staffing-block-cont .landing-subtitle { font-size: 12px;}.staffing-step-block { display: flex; justify-content: center; margin: 0;}.staffing-step ul { flex-direction: column; align-items: center;}.staffing-step ul li { margin-bottom: 20px; } .staffing-step ul li .icon-step:before { display: none; }.landing-price-tab { padding: 0;}.landing-price-tab ul { gap: 10px; } .landing-price-tab ul li a { padding: 0; font-size: 12px; }.landing-price-block { width: 100%;}.price-cont ul li { width: 100%; display: inline-block;}.job-landing-btun span { font-size: 14px; line-height: 25px;}.job-landing-btun .landing-btun { display: grid; gap: 20px; justify-content: center;}.addon-blk { display: block;}.addon-price span { margin: 0 auto;}.addon-cont { text-align: center;}}@media (min-width: 768px) and (max-width : 640px) {.price-cont ul li { width: 100%; display: inline-block;}}.lpagebannerbg figure img {width: 70%;}@media only screen and (max-width : 1000px) {.lpcounter{ display: block;}.lpcounter .countercol , .login-modal .login-modal-content-area { width: 100%;}.tag2 span {margin: 0 3px 10px; }}.marglr10 {margin: 0 10px;}/*.nj-tag {background-color: #d6e5f7;padding: 5px 10px;border-radius: 15px;border: 1px solid #b5c8df;color: #2a496f;}*/.nj-tag {background-color: #ebecf0;padding: 3px 6px;border-radius: 15px;border: 1px solid #b5c8df;color: #2a496f;font-size: 13px;cursor: pointer;}.nj-tag:hover .moreutilities { display: block}.nj-tag:hover { background-color: #ebecf0}.moreutilities {position: absolute;background: #fff;box-shadow: 0 1px 6px rgba(32,33,36,.28);right: 0;top: 18px;padding: 0 15px;margin-top: 10px;max-width: 100%;display: none;z-index: 99}.moreutilities ul { display: inline-block; padding: 10px;}.moreutilities ul li { padding: 3px 5px; display: inline-block; margin: 5px 0px; background-color: #ebecf0; border-radius: 4px; }.recrtrsinfowarp2 {padding: 15px 15px 10px;}.listitem2 {}.listitem2 li { padding: 5px 0; color: var(--drakblue); display: flex; align-items: center; gap: 10px; position: relative;}.listitem2 li span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block }.listitem2 li a { color: var(--drakblue); display: inline-flex; gap: 10px }.listitem2 li i { align-items: center }.listitem2 li svg { fill: #AEB3C0 }.topbannertl {font-size: 18px;font-weight: 500;padding: 0 0 20px;}.drop-list ul li b {font-weight: 600;}.pointer {cursor: pointer;}.mainmenu .pointer {height: 20px;}.back-top {cursor: pointer;position: fixed !important;bottom: 157px;right: 40px;display: block;z-index: 99;visibility: hidden;opacity: 0;-webkit-transform: translateY(50%);transform: translateY(50%);-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background: rgb(241 231 219);color: #066ac9;border-radius: 10%;width: 52px;height: 52px;line-height: 65px;text-align: center;}.back-top svg{-webkit-transform: rotate(270deg);transform: rotate(270deg);}.back-top.back-top-show {visibility: visible;opacity: 1;-webkit-transform: translateY(0%);transform: translateY(0%);}.promoblackwarp{display: flex;gap:20px;margin-top: 15px;} .promoblackwarp .promolist{margin-right: 15px;}.promoblackwarp .promolist:last-child{margin-right: 0}.promoblackwarp .promolist a{display: flex;flex-direction: row;gap:20px;align-items: center}.promoblackwarp .promolist figure{width: 60px; height: 60px;background: var(--white); border-radius: 50%;align-items: center;display: inline-flex;justify-content: center;box-shadow: var(--boxshadow)}.promoblackwarp .promolist .promoinfo{display: flex;flex-direction: column;gap:5px;}.promoblackwarp .promolist .promoinfo big{ font-size: 18px; color: var(--black); font-weight:var(--fontweight500) }.promoblackwarp .promolist .promoinfo small{font-size: 14px; color: var(--gray777)} .fa-chevron-down:before {content: "\f078";} .viewno { margin: 15px; } .viewno_text { font-size: 18px; color: #0543d7; padding: 15px 0 10px 0; line-height: 24px; } .viewno_text2 { font-size: 16px; color: #028010; padding: 0px 0 10px 0; } .viewno_text2 strong { font-weight: bold; } .usernotify { background-color: #fff; margin: 0; border-top: 1px solid #cdcdcd } .usernotify ul { margin: 20px 20px 5px } .usernotify ul li { padding: 0 0 5px; width: 25%; float: left; } .usernotify ul li figure { float: left; height: 50px; margin-right: 10px; width: 50px; border-radius: 50px; color: #fff; line-height: 50px; text-align: center; } .usernotify ul li figure.color1 { background-color: #826ce7; font-size: 22px; } .usernotify ul li figure.color2 { background-color: #03ae8f; font-size: 22px; } .usernotify ul li figure.color3 { background-color: #4783fd; font-size: 22px; } .usernotify ul li figure.color4 { background-color: #c03304; font-size: 22px; } .usernotify ul li p { color: #666; margin-right: 10px; font-size: 16px; padding-top: 14px } .usernotify ul li p a { text-decoration: none } .usernotify .usertitle { font-size: 20px; font-weight: bold; color: #212121; padding: 15px 0 5px 0; margin: 0 20px 0px 20px; } .usernotify .usertitle2 { font-size: 14px; color: #666; margin: 0 20px 0px 20px; } .usernotify ul li figure svg { fill: #fff; margin: 10px 0 0 2px; width: 30px; height: 30px; } @media (max-width:767px) { .usernotify ul { display: flex; overflow-x: scroll; overflow-y: auto; gap: 15px; margin: 20px 0; } .usernotify ul li { white-space: nowrap; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #f5f5f5; border-radius: 8px; width: auto; padding: 15px; } .usernotify ul li p { font-size: 14px; } } /*----New LCF leaderboard start----*/ .newlcfalertwrp { width: 60%; margin: 20px auto; background: #E7F2FF; border: solid 5px #fff; box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24); position: relative; display: flex; gap: 20px; justify-content: space-between; align-items: center; } .newlcfalertwrp .banner-img-1 { animation: 25s linear 0s infinite normal none running slideup } .newlcfalertwrp .banner-img-2 { animation: 25s linear 0s infinite normal none running slideDown } .newlcfalertinfo { padding: 10px; display: flex; flex-direction: column; gap: 10px; width: 60%; text-align: center } .newlcfalertinfo big { font-size: 20px; font-weight: 500 } .newlcfalertinfo small { font-size: 16px; font-weight: 400; color: #777 } .newlcfalertinfo span a { overflow: hidden; position: relative; transform: translateZ(0); background-color: #1b70e9; border-color: #1b70e9; border-radius: 4px; padding: 8px 16px; font-size: 16px; } .newlcfalertinfo span a:hover { background-color: #1b70e9; border-color: #1b70e9; } .newlcfimag, .newslide-iconswarp { width: 20%; text-align: center } .newlcfimag img, .newslide-iconswarp img { width: 100px; } .newlcfalertinfo span a.btun-red:after, .newlcfalertinfo span a.btun-red:before { animation: 2s linear infinite; background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .4) 46%, rgba(255, 255, 255, 0) 100%); content: ""; height: 100%; left: auto; opacity: 1; position: absolute; right: auto; transform: skewX(15deg); width: 15%; top: 0 } .newlcfalertinfo span a.btun-red:before { animation-name: animate } .newlcfalertinfo span a.btun-red:after { animation-name: animates } @keyframes animate { 0% { left: 50% } to { left: -150% } } @keyframes animates { 0% { right: 50% } to { right: -150% } } /*----New LCF leaderboard end----*/