@charset "utf-8";
/* CSS Document */

/* CSS Files Combined - Base / Component / Common / Slick  / Style */
/*=================================================================================
Base CSS
=================================================================================*/

/*********************************/
/*<!-- Color style variable declaration -->*/
/*********************************/ 
: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");
  /**/ 
}
/*********************************/
/*<!-- Reset Styles -->*/
/*********************************/
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(--grey); 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(--grey); border-color: var(--grey); }
.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(--blue); }
.btun-blue.btun-outline svg{ fill:var(--blue);}
.btun-blue.btun-outline:hover svg{ fill:var(--white);}

.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: var(--white); } 
/* 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: sticky; width: 100%;z-index: 9; top: 0;}
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("../images/sulekhalogo.svg") 0 0 no-repeat;background-position: left center;background-size: 100%;margin:0 10px}
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; padding: 0 0 5px 0; }
.rightsectionholder nav ul li:last-child{margin:0 1.5rem 0 0;}
.rightsectionholder nav ul li a{font-size:16px;color:#666666;font-weight:var(--weight-500); border-bottom:solid 2px #fff;}
.rightsectionholder nav ul li:hover a{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;}
.rightsectionholder nav ul li:hover .single-list{visibility: visible;opacity: 1;z-index: 1;transform: translateY(0%);transition-delay: 0s, 0s, 0.3s;}
.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{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{background-color:#f2f2f2;}
/**/ 

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;}

/* top banner*/ 
.rrsbannerbg {padding:70px 0 20px;position: relative; background: #ccecd5;}
/*.rrsbannerbg:before { background: #e6f7f1;  padding: 100px 0 80px 0;  margin-top: -100px;  transform: skewY(-5deg);  transform-origin: center;  content: ""; position: absolute;width: 100%; height: 100%;z-index: -1; }*/
.rrsbannerbg .row{align-items: center}
.rrsbannerbg figure{text-align: center; display: flex; align-content: center; justify-content: center; margin-bottom: -8px; padding: 41px 0 0;}
.rrsbannerbg figure img{ width: 70%;}


.rrsbannerbg .title1{ font-family: var(--poppins); font-size: 40px; font-weight: var(--fontweight600); line-height: 60px; color: #2b3940;}
.rrsbannerbg .title1 mark{ background-color: transparent;   padding: 0; position: relative; z-index: 2; color: #1347ca;}
.rrsbannerbg .title1 mark:before{background-image: url("../images/mark-heading.webp");content: "";  width: 100%;  position: absolute;  background-size: 100%;  background-repeat: no-repeat;  top: 70%;  height: 100%;  z-index: -1;}
.rrsbannerbg .title2{ font-family: var(--poppins); font-size: 18px; font-weight: var(--fontweight500);  color: #2b3940; padding: 15px 0 30px; line-height: 30px}


.rrsbannerbg .getalertag{display: flex;gap: 15px;flex-wrap: wrap;padding: 0px 0 25px;}
.rrsbannerbg .getalertag span{font-size: 16px;}
.rrsbannerbg .getalertag span i svg{fill: #00A441; width: 15px; height: 15px;}

/* top banner*/ 

.outplasbannerbg {  background: #ccecd5;}

.rrsbannerbg figure{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}

.rrsbannerbg .btun-lg{ font-size: 16px; margin-right: 5px;}



.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}

.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{display: block;color: var(--linkblue);padding: 12px 22px;}
.getalert figure{ width: 85%;}
/*
.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;}*/


/*  */
.job-categories-block { margin: 20px 0; display: flex; padding: 40px 30px; align-items: center; background-color: #fff; box-shadow: 0px 0px 14px rgba(56, 152, 226, 0.3);
  border-radius: 10px; position: relative; z-index: 1; transition: 0.5s all ease; overflow: hidden;}
.job-categories-block:after { width: 200px; height: 200px; position: absolute; left: -100px; bottom: -35px; content: ""; background-color: #3898e2; border-radius: 50%;
  opacity: 0.1; z-index: -1; transition: 0.5s all ease;}
.job-categories-block:before { width: 200px; height: 200px; position: absolute; left: -80px; bottom: -30px; content: ""; background-color: #3898e2; border-radius: 50%;
  opacity: 0.1; z-index: -1; transition: 0.5s all ease;}
.job-categories-block:hover:after { width: 500%; height: 500%; position: absolute; left: -50px; bottom: -50px; content: ""; background-color: #3898e2; border-radius: 50%;
  opacity: 0.05; z-index: -1; transition: 0.5s all ease;}
.job-categories-block:hover:before {opacity: 0;}

.categoriesimg{flex: 0;margin-right: 50px;}
.categoriesimg figure, .categoriesimg figure img{width:var(--size50); height:var(--size50);}
.resuminfowrp .title{font-weight:var(--fontweight600);color: var(--black);padding: 0 0 5px; font-size: 20px;}
.resuminfowrp .title a{color: var(--black)}
.resuminfowrp .resumdetalswarp p{ font-family: var(--poppins); font-size: 16px; font-weight: var(--fontweight400);  color: var(--black); line-height: 22px}
/*  */

/*  */
.lnwhoworklistwarp{  padding: 20px 0 40px; background: linear-gradient(101.18deg, rgb(244 169 30 / 10%) 0.08%, rgb(255 198 0 / 10%) 100.06%); }
.lnwinnerwarp{ margin: 0px 0px 20px; }
.lnwhoworklist{display: block; align-items: start;  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 78.12%);
  box-shadow: 0px 10px 54px rgba(38, 45, 118, 0.06);
  border-radius: 20px;
  padding: 45px 36px 45px;} 
.lnwhoworklist figure{display: flex;  align-items: center; margin: auto; width:100px; height: 100px; border-radius: 52px; background: #fff; border: solid 1px #824401; }
.lnwhoworklist figure img{ width:50px; display: block;  margin: auto;  }
.lnwhoworklist:hover figure { border-radius: 6px; background: #fff9e6; border: solid 1px #824401;}

.lnwhoworklist figure{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}




.lnwcontbgclr{flex: 1;  padding: 0px 15px 25px 50px;  border-radius: 20px 0px 20px 0px;  margin-left: -25px;}
.lnwcontbgclr .lptitle3 { font-family: var(--poppins);font-size: 18px; font-weight: var(--fontweight600); color:#212121; margin: 20px 0 10px;}
.lnwcontbgclr .lptitle4 { font-family: var(--poppins); font-size: 15px; font-weight: var(--fontweight400); color: #212121; line-height: 26px;}

.primarytitle{font-family: var(--poppins);font-size: 28px;font-weight: var(--fontweight600); color: #323232; text-align: center;padding: 30px 0}
.primarytitle h2{color:#000;}
.primarytitle .tagline {font-family: var(--poppins);font-size: 16px;color: #F8B200;font-weight: var(--fontweight400);}
.tagline{font-family: var(--poppins);font-size: 16px;color: #F8B200;font-weight: var(--fontweight400);}
.jointext{font-family: var(--poppins);font-size: 16px;color: #212121;font-weight: var(--fontweight400); padding: 0 0 20px;}

.primarytitle a{margin:0 10px;}
.lnwcontbgclr ul{margin-left: 20px;}
.lnwcontbgclr ul li{list-style-type: disc;font-size: 16px;padding: 10px 0;color: var(--black)}

/*  */

/* salary page start*/

.salrysearchbg{background-color: #fff; padding: 65px 0 60px; position: relative; }
.salrysearchbg .title1 { font-family: var(--poppins); font-size: 40px; font-weight: var(--fontweight600); line-height: 60px; color: #2b3940; margin:15px 0px 10px;}
.salrysearchbg .title1 mark {  background-color: transparent; padding: 0; position: relative; z-index: 2; color: #1347ca;}
.salrysearchbg .title1 mark:before{background-image: url("../images/mark-heading.webp");content: "";  width: 100%;  position: absolute;  background-size: 100%;  background-repeat: no-repeat;  top: 70%;  height: 15px;  z-index: -1;}
.salrysearchbg .title2 {  font-family: var(--poppins); font-size: 18px; font-weight: var(--fontweight500); color: #2b3940; padding: 0px 0 30px;  line-height: 30px;}
.salrysearchbg .title3 {  font-family: var(--poppins); font-size: 18px; font-weight: var(--fontweight500); color: #2b3940; padding: 20px 0 10px;  line-height: 30px;}
.salrysearch{ display: flex; flex-wrap: wrap; gap: 5px; padding: 5px; background: #e1c5c5; border-radius: 30px; margin: 0 8%;}
.salrysearch .scol1{ position: relative; width: 39.2%}
.salrysearch .scol1 input{ width: 100%; padding: 15px;   border-radius: 30px;}
.salrysearch .scol2{ width: 20%;}
.salrysearch .scol2 .btun { font-size: 16px; padding: 12px 30px; min-width: 100%; height: auto; display: inline-block;}
.salrysearch2{ margin: 0 auto; text-align: center;}

.botcall{ text-align: center;
  padding: 10px 15px 30px;
  border-radius: 4px;
  border-left: solid 3px #ea6031;
  background: #fff5ec;
  color: #000;
  font-size: 16px;
  line-height: 30px;
  display: block;}

/**/
.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; text-align: left;}
.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; tect-align:left;}
.drop-list ul li a:hover{background-color:#ff4242;color:#fff;}
.drop-list ul li a span { font-size: 13px; font-style: italic; font-weight: 400; color:var(--gray777);}

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;}

/**/

/* salary page start*/


/**/
/* 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); }
/* 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 { color: var(--gray666); 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 */

/**/
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);}
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;}
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;} 
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;}
/**/






/* ladnding page start */


/*---- mobile start ----*/ 

@media only screen and (max-width : 320px) {}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 568px) {}
/*----iphone---*/
@media (max-width : 640px) { }

@media only screen and (min-width : 569px) and (max-width : 640px) {
}
/*----high end windows phone---*/
@media only screen and (min-width : 641px) and (max-width : 768px) { 
}
/*----high end windows phone---*/
@media only screen and (max-width : 768px) {
  
}
/**/
@media (min-width: 992px) {}
/*----iphone---*/
@media (max-width: 991px) {}
/*----ipad---*/
/**/
@media only screen and (max-width : 1024px) { 
.outplasbannerbg  .btun{ margin-bottom: 15px;}
header .rightsectionholder nav { display: none;}
header .logo {margin: 8px 0;} 
header .logo a{background-position:left center;background-size:cover;width:30px;height:30px;}
header .rightsectionholder{margin-left:0px;}
.primarytitle a{margin:0 0 10px 0;}
.lphow { padding: 30px 0;}	
.getalert { padding: 0 15px;}
.getalert .title { font-size: 24px; line-height: normal;}	
.getalert p { padding: 15px 0 10px;}	
.lnwhoworklist { padding: 20px 15px 20px;}	
.salrysearchbg { padding: 15px 0 15px;}	
.salrysearch .scol1 { position: relative; width: 100%; margin: 0 0 5px;}
.salrysearch .scol2 { width: 100%;}
.salrysearch { padding: 7px; margin: 0 10px;}
.job-categories-block:after, .job-categories-block:before {  bottom: 0px;}	
.job-categories-block {  padding: 25px 30px;}
.rrsbannerbg { padding: 15px 0 20px;}	
.rrsbannerbg .title1 { font-size: 26px; line-height: 35px;}	
.rrsbannerbg .btun-lg{ margin: 0 5px 15px;}
	
}

/**/
@media only screen and (min-width : 769px) and (max-width : 1024px) {
}


@media only screen and (max-width : 1000px) {
	
}

/*----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) {}