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

/*********************************/
/*<!-- Color style variable declaration -->*/
/*********************************/ 
:root {
 /* Font Variables */ 
--roboto:'Roboto', sans-serif;
--poppins: 'Poppins', sans-serif;
--fontsize: 14px; 
 /*font weight*/
 --weight100:100;
--weight300:300;
--weight400:400;
--weight500:500;
--weight600:600;
--weight700:700;
--weight800:800;
--weight900:900;
/*  button color*/
 --white:#fff;
 --drakblack:#000; 
 --black:#212121; 
 --blue:#1b70e9;
 --green:#08a182;
 --orange:#ff7e00;
 --red:#ec4758;
 --yellow:#FDBA17; 
 --yellowa:#ff0; 
 
 --grayeee: #eee;
 --grayccc: #ccc;
 --grayddd: #ddd; 
 --gray333: #333; 
 --gray555: #555;
 --gray666: #666;
 --gray777: #777;
 --gray888: #888;
 --gray999: #999;
 
 --gray-a: #f5f5f5;
 --gray-b: #F4F4F4;
 --gray-c: #F7F7F7;
 --gray-d: #E6E6E6;
 --gray-e: #E5E5E5;
 --gray-f: #CECECE;
 --gray-g: #C7C7C7;
 --gray-h: #E0E0E0;
 --gray-i: #D9D9D9;
 --gray-j: #5B5B5B; 
 --gray-k: #f2f2f2;
 --drakblue: #425066;
 --tag:#007475;
 
 --link:#0167ff;
 
 --boxshadow: 0 0 10px rgb(137 173 255 / 35%);
 --borderradius:5px;
 --circle:50%;
  --downarrow: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2458 0.290792C10.0584 0.104542 9.80498 0 9.5408 0C9.27661 0 9.02316 0.104542 8.8358 0.290792L5.2458 3.83079L1.7058 0.290792C1.51844 0.104542 1.26498 0 1.0008 0C0.736612 0 0.483161 0.104542 0.295798 0.290792C0.20207 0.383755 0.127675 0.494356 0.0769067 0.616216C0.026138 0.738075 0 0.868781 0 1.00079C0 1.1328 0.026138 1.26351 0.0769067 1.38537C0.127675 1.50723 0.20207 1.61783 0.295798 1.71079L4.5358 5.95079C4.62876 6.04452 4.73936 6.11891 4.86122 6.16968C4.98308 6.22045 5.11379 6.24659 5.2458 6.24659C5.37781 6.24659 5.50852 6.22045 5.63037 6.16968C5.75223 6.11891 5.86283 6.04452 5.9558 5.95079L10.2458 1.71079C10.3395 1.61783 10.4139 1.50723 10.4647 1.38537C10.5155 1.26351 10.5416 1.1328 10.5416 1.00079C10.5416 0.868781 10.5155 0.738075 10.4647 0.616216C10.4139 0.494356 10.3395 0.383755 10.2458 0.290792Z' fill='%231AA260'/%3E%3C/svg%3E%0A"); 
 
}
/* Reset css starts here */
/* browser reset */
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; }
html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
html, body { height:100%; }
body { line-height:1; }
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; }
#map_canvas img, .google-maps img { max-width:none; }
/* 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(--link); 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(--black); font: 400 14px/1 "Poppins", sans-serif !important;}
/* Note: Use meta tag with viewport-fit=cover in order to use the full available screen for phones that have notch like iPhone <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">   along with the env() variables to define padding respectively. */
body {padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) env(safe-area-inset-bottom, 20px) env(safe-area-inset-left, 20px);}


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;}
/* input reset */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;-moz-appearance: textfield;}
input[type=number]{-moz-appearance: textfield!important;}
input[type="text"], input[type="date"], input[type="time"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], input.form-text, textarea { font-family: Helvetica, Arial, sans-serif; font-size: 15px; font-weight: normal; background: var(--white); border: 1px solid var(--grayddd); color:var(--black); 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: 15px;border-radius: var(--borderradius);}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input.form-text:focus, textarea:focus { color: #000; -webkit-transition: color 0.25s, background 0.25s, border 0.25s; -moz-transition: color 0.25s, background 0.25s, border 0.25s; transition: color 0.25s, background 0.25s, border 0.25s; -ms-transition: color 0.25s, background 0.25s, border 0.25s; -o-transition: color 0.25s, background 0.25s, border 0.25s; }
input[type="text"]:focus + label, input[type="password"]:focus + label, input[type="email"]:focus + label, input.form-text:focus + label, textarea:focus + label { color: #000; }
input[type="text"]:disabled, input[type="password"]:disabled, input[type="email"]:disabled, input.form-text:disabled, textarea:disabled { background: #000; opacity: 0.5; }
input[type="text"]:-ms-clear, input[type="password"]:-ms-clear, input[type="email"]:-ms-clear, input.form-text:-ms-clear, textarea:-ms-clear {height: 0;width: 0;}
textarea { padding: 10px;} 
input::-webkit-input-placeholder {color: #a8a8a8;font-size: 14px;}
input:-moz-placeholder {color: #a8a8a8;font-size: 14px;}
input::-moz-placeholder { color: #a8a8a8;font-size: 14px;}
input:-ms-input-placeholder {color: #a8a8a8;font-size: 14px;}

textarea::-webkit-input-placeholder {color: #a8a8a8;font-size: 13.5px; }
textarea:-moz-placeholder {color: #a8a8a8;font-size: 13.5px;}
textarea::-moz-placeholder {color: #a8a8a8; font-size: 13.5px;}
textarea:-ms-input-placeholder {color: #a8a8a8;font-size: 13.5px;}
textarea::placeholder {color: #a8a8a8; font-size: 13.5px;}
select{ border-radius:var(--borderradius) ; border: 1px solid var(--grayddd); padding: 12px 10px;-ms-appearance: none;-o-appearance: none;appearance: none;    background: url(https://d3aew4oo17ml6.cloudfront.net/common/images/other/down-new.jpg) right 50% no-repeat #fff;   /* Add custom arrow */}
/* Custom Scroll Bar :: BEGIN */
*::-webkit-scrollbar, *::-webkit-scrollbar-thumb { width: 5px;height: 0;border-radius: 13px;background-clip: padding-box;}
*::-webkit-scrollbar-thumb {box-shadow: inset 0 0 0 10px;color: transparent;}
*:hover::-webkit-scrollbar-thumb {color: rgba(0, 0, 0, 0.5);}
* {scrollbar-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.1);scrollbar-width: thin;}
/* print */
@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; }
} 
.otherhide{display: none;}
/*============================================  ============================================*/
.margin20t{margin-top: 20px;}
.margin20b{margin-bottom: 20px;}
.margin20tb{margin: 20px 0;}
.hide{display: none !important; }
.show{display: block!important;}
.center{text-align: center}
.relative { position:relative;}
.absolute { position:absolute;}
.norelative, .noabsolute { position:static !important; } 
.count{color: var(--gray999); font-size: 12px;font-family: var(--roboto);position: absolute;bottom:-18px;right: 0;background: var(--grayddd);padding: 0 5px}
.count span{ color: var(--black); }
/*loader*/
.loader {border: 2px dotted #000;border-radius: 50%; width: 15px;height: 15px; display: inline-block;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;}
@-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }
}
/**/
.blur body, .bodyfix body, .blurbody body{overflow: hidden}
.bodyfix .backdrop{display: block}
.open.bodyfix .navoverlay {position: fixed;left: 0;top: 0;height: 100%;z-index: 999;width: 100%;transform: translateX(-100%);background: rgba(0,0,0,.8); } 
.bodyfix .navoverlay {position: fixed;left: 0;top: 0;height: 100%;z-index: 999;width: 100%;background: rgba(0,0,0,.8); } 

.backdrop {position: fixed;left: 0;right: 0;bottom: 0;top: 0;background-color: #000;z-index: 998;opacity: 0.5;filter: alpha(opacity=80);display: none;   }
@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}

/**/
/*============================================ 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: var(--grayccc) !important; border: 0; }
.btun { display: inline-block; 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: "Roboto", sans-serif;}
/*.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: var(--white); }
.btun-white.btun-outline { background-color:transparent }
.btun-white:hover { color: var(--black); background-color: var(--grey); border-color: var(--white); }
/* 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(--grayddd); }
.btun-grey.btun-outline { background-color:transparent }
.btun-grey:hover { color: var(--black); background-color: var(--white); border-color: var(--white); }
/* 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: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(--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(--black); } 
/* 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:0!important; margin:4px!important; width:16px !important; height:16px!important; z-index:0!important; transition:.28s ease }
.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 #5a5a5a }
.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 }
.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 #dc1f26 }
.inputfield [type="radio"]:checked+label:after, .inputfield [type="radio"].with-gap:checked+label:after { background-color:#dc1f26; 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 #5a5a5a; 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 #dc1f26; background-color:#dc1f26; 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
=================================================================================*/
/*  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: 1500px;}
}
.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%;}
} 
/**/
#newsignin {background-color: rgba(0, 0, 0, 0.8);}
.frame-width {top: 50px;left: 50%;margin-left: -205px;min-height: 614px;width: 410px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.modal {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;animation: fadeIn 0.2s linear;}
.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}
/**/
/*============================================ 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-nav div {opacity: 1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; background-color:var(--white); background-size:50%; display: block; height: 50px; overflow: hidden; margin: -15px 0 0; padding: 0; position: absolute; text-indent: -9999px; top: 50%; background-clip: padding-box; background-repeat:no-repeat; background-position:50%; vertical-align:middle; width:50px; cursor:pointer; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; box-shadow:var(--boxshadow);border-radius: 50%}
.owl-carousel .owl-nav div.disabled{display: none}

.owl-theme .owl-nav .disabled { opacity:0; }
.owl-carousel.owl-theme:hover .owl-nav .disabled { opacity:0.5 !important }
.owl-carousel:hover .owl-nav div { opacity:1 }
.owl-carousel .owl-nav div.owl-next { background-image: url(../images/arrow-blc-rt.svg); right:0 }
.owl-carousel .owl-nav div.owl-prev { background-image: url(../images/arrow-blc-lt.svg); left:0 }
.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 ============================================*/
/*=================================================================================
header start
=================================================================================*/

#header{background:var(--white);box-shadow: var(--boxshadow);align-items: center;padding: 0}
header{display: flex; justify-content: space-between;align-items: center;padding: 5px 0}
.logo a, .logo{display: block; height: 40px; width: 120px;}
.logo a{text-indent: -9999px; background: url("../images/sulekhalogo.svg") 0 0 no-repeat;background-position: left center;background-size: 100%; display: block;}
.loginwrp {/*border-left: solid 1px var(--grayccc);*/}
.loginwrp ul{ display: flex; justify-content: flex-end;align-items: center}
.loginwrp ul li{position: relative;padding: 10px;font-size: 15px;font-weight: var(--weight500);}
.loginwrp ul li i{fill:var(--white);padding-left: 5px;}
.loginwrp ul li.active i svg{fill:var(--white);-webkit-transform: rotate(180deg);transform: rotate(180deg);}

/**/
.afterlogin{ background: var(--white);position: absolute;right: 0;min-width: 250px;z-index: 2;border-radius: var(--borderradius);box-shadow: 0 0 10px rgb(137 173 255 / 35%);}
.afterlogin .username{padding: 15px;color: var(--gray666);border-bottom: solid 1px var(--grayddd);font-weight: var(--weight400)}
.afterlogin ul{display: block}
.afterlogin ul li{font-family: var(--poppins);padding: 0}
.afterlogin ul li a{padding:10px 15px; display: block; color: var(--black)}
.afterlogin ul li a:hover {background: var(--yellow);color: var(--white);}
.afterlogin .logoutwrp {padding: 15px;color: var(--gray666);border-top: solid 1px var(--grayddd);justify-content:space-between; display: flex;font-weight: var(--weight400);}
.afterlogin .logoutwrp a {color: var(--gray666);}


.topblockwarp{background:var(--gray-a);border-bottom: solid 1px rgb(137 173 255 / 25%)}
.topblock{ display: flex; justify-content: space-between;align-items: center}
nav{font-family: var(--poppins);display: flex;justify-content: space-between;align-items: center;position: relative; font-size: 15px;}
nav a{font-weight:var(--weight500);padding:20px 10px;position: relative;color: var(--drakblue); display: block}
nav a i{margin-left: 3px;} 
nav span{position: relative} 
nav span svg{-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;}
nav span:hover a i svg{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
nav span:hover .submenu{display: block}
nav .submenu{background: var(--white); position: absolute;box-shadow: 0 0 10px rgb(137 173 255 / 35%);z-index: 2;border-radius: 4px;display: none;min-width: 250px;left: 0}
nav span:last-child .submenu {right: 0;left: auto;}
nav .submenu ul{margin: 10px 0 0;max-height: 300px;overflow-y: auto;overflow-x: hidden;width: 100%;}
nav .submenu ul li{margin: 0 0 5px;}
nav .submenu ul li a:hover{background: var(--yellow);color: var(--white);border: 0}
nav .submenu ul li a{display: block;padding: 10px;margin: 0;color: var(--gray666);border: 0}

.hamburger{-webkit-transition: background 0s 0.3s;transition: background 0s 0.3s;background:var(--black);display:inline-block;height: 4px;-webkit-border-radius: 1px;border-radius: 1px;background-clip: padding-box;position: relative; width: 25px; transform: rotate(180deg);}
.hamburgerwrp{}
.hamburger:before, .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: 4px;left: 0;position: absolute;width: 100%;-webkit-border-radius: 1px;border-radius: 1px;background-clip: padding-box;}
.hamburger:before {-webkit-transition-property: top, -webkit-transform;transition-property: top, transform;top: -7px;width: 25px;background-color: var(--black);}
.hamburger:after {-webkit-transition-property: bottom, -webkit-transform;transition-property: bottom, transform;bottom: -7px;width: 25px;background-color: var(--black);}
.sulnav a{ display: flex;align-items: center;gap:10px;background: #ebebeb}
.msite-nav{background-color: #fff;width: 280px;display: flex;flex-direction: column;z-index: 500;transform: translateX(-790px);overflow-y: hidden;transition: all .3s ease;position: fixed;left: 0;top: 0;height: 100%;overflow: auto; z-index: 999}
.msite-nav ul{}
.msite-nav ul li{font-size: 14px; border-bottom: solid 1px var(--grayddd)}
.msite-nav ul li a{padding:15px;position: relative;color: var(--gray777); display: flex}
.msite-nav ul li svg{margin-left: auto}
.navoverlay {position: fixed;left: 0;top: 0;height: 100%;z-index: 499;width: 100%;transform: translateX(-100%);background: rgba(0,0,0,.8); } 
.open .navoverlay, .open .msite-nav{transform: translateX(0);}
.closewarp{padding: 10px;text-align: right;position: absolute;right: 0;top: 5px;}
.msite-nav b{padding: 15px 10px; background: var(--gray-a);font-weight:var(--weight500); color: var(--drakblue); font-size: 16px;display: flex;justify-content: space-between;}
/**/
.mobinav {display: none}
.logowarp{display: flex; align-items: center}
.logowarp span{margin-right: 10px;}
/**/
.logomainwarp{display: flex;align-items: center;}
.mainsearch{position: relative;width: 400px}
.searchwarp{margin-left: 10px;}
.searchwarp input[type="text"]{padding: 10px;width:100%;border-radius: 50px;}
.searchwarp 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;}
.searchwarp i svg{fill: var(--white)}
     
.search-sugges{left: 0;background: var(--white); position: absolute;box-shadow: 0 0 18px rgb(0 0 0 / 15%);z-index: 2;border-radius: 4px;min-width: 100%; padding: 10px 0;max-height: 420px;overflow-y: auto;overflow-x: hidden;width: 100%;}
.search-sugges label{padding: 10px; color: var(--red);font-weight: 500}
.search-sugges ul{margin: 10px 0}
.search-sugges ul li{} 
.search-sugges ul li a:hover{background: #FDBA17;color: var(--white);border: 0}
.search-sugges ul li a{display: block;padding:10px 15px;margin: 0;color: var(--gray666);border: 0}
.search-sugges ul li.active a{background: #FDBA17;color: var(--white);border: 0} 
.search-sugges ul li a i{position: static;width: auto;height: auto;display: block;background: transparent;border-radius: 0;}

.search-suggest-hd { background: #fff; border: none; border-radius: 0 0 3px 3px; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2); min-width: 160px; margin: 0; padding-bottom: 1px; text-align: left; width: 100%; top: 39px; right: auto; bottom: auto; left: 0; position: absolute; z-index:2;font-family: var(--roboto);max-height: 420px;    overflow-y: auto;overflow-x: hidden;width: 100%;}
.search-suggest-hd .wraper { max-height: 420px; overflow-y: auto; overflow-x: hidden; width: 100%; }
.search-suggest-hd:before, .search-suggest-hd:after { content: ''; border: solid transparent; left: 50%; pointer-events: none; position: absolute; top: -17px; }
.search-suggest-hd:before { border-width: 10px; border-bottom-color: #e6e6e6; margin: -2px 0 0 -1px; }
.search-suggest-hd:after { border-width: 9px; border-bottom-color: #f4f4f4; }
.search-suggest-hd .sugg { background: #f4f4f4; border-top: solid 1px #e6e6e6; display: block; color: #999; font-size: 11px; line-height: 36px; padding: 0 15px; text-align: center; }
.search-suggest-hd label { color: #ff837e; cursor: default; display: block; font-family:var(--roboto); font-size: 11px; margin: 10px 0 0 0; padding-left: 15px; position: relative;line-height: 30px; text-transform: uppercase; z-index: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-weight: 500}
.search-suggest-hd label:before { content: ''; display: block; border-bottom: 1px solid #f4f4f4; width: 100%; top: 50%; position: absolute; z-index: -2; top: 50%; right: auto; bottom: auto; left: 20px; position: absolute; }
.search-suggest-hd label b { background-color: #fff; padding-right: 20px;font-family: var(--roboto)}
.search-suggest-hd ul li { font-size: 12px; line-height: 34px; cursor: pointer; }
.search-suggest-hd ul li.active a { background-color: #ff4242; color: #fff; }
.search-suggest-hd ul li a { color: #333; display: block; padding: 5px 15px; cursor: pointer; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease;line-height: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.search-suggest-hd ul li a i { display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: static;width: auto;height: auto;border-radius: 0;background: transparent;}
.search-suggest-hd ul li a b { color: #999; display: block; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.search-suggest-hd ul li a:hover { background-color: #ff4242; color: #fff; }
.search-suggest-hd ul li a:hover b { color: #6f0909; }
.search-suggest-hd ul.v2 li { font-weight: bold;line-height: 22px;}
.search-suggest-hd ul.v2 li b { font-weight: normal; } 
.other-cons-link { background-color:#e4e4e4; padding:10px; margin:10px 0 0 0; }
.other-cons-link ul { margin:0px; padding:0px;display: flex}
.other-cons-link ul li { margin:0px; padding:0 10px 0 0;font-size:13px; line-height:20px; color:#666; letter-spacing:0.5px; }
.other-cons-link ul li.active a { background-color:#ff4242; border:solid 1px #ff4242; }
.other-cons-link ul li a { display:block; font-size:14px; line-height:20px; color:#212121; border:solid 1px #ccc; background-color:#fff; padding:4px 8px; }
.other-cons-link ul li a b { position:static; margin:0px; font-weight:normal; font-size:13px; color:#212121; }
.other-cons-link ul li a:hover span { color:#fff; }
.other-cons-link ul li.active a b { color:#fff; }
/**/

.mobilesearch{display: none;}
/**/
.buzzlocation{margin: 0 8px 0 15px;border: 1px solid #d4e5ff;border-radius: 4px;background:var(--white);}
.buzzlocation a{display: flex;align-items: center;gap:5px;color: var(--black); font-weight: 500;padding: 10px;}
.buzzlocation i svg{fill:#8d95a7}
.mobilesearch i svg{fill:#8d95a7}
/**/
.flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 1.33333em; line-height: 1em;margin-right: 3px; }
.flag-icon:before { content: '\00a0'; }
.flag-icon-ae { background-image: url(../images/flags/ae.svg); } 
.flag-icon-us { background-image: url(../images/flags/us.svg); } 
.flag-icon-in { background-image: url(../images/flags/in.svg); } 
.flag-icon-gb { background-image: url(../images/flags/gb.svg); } 
.flag-icon-ca { background-image: url(../images/flags/ca.svg); }
  
.pannelwarp {z-index: 1111; border-radius: 4px;background-color:var(--white);width: 650px;padding: 0;margin: 80px auto;position: relative;-webkit-box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);padding: 0; animation: fadeIn 0.4s cubic-bezier(.4, 0, .2, 1);font-family: var(--roboto);}
.pannelwarp .close {padding: 10px;}
.panneltitle {display: flex; align-items: center;gap:10px;padding:5px 15px;width: 100%;border-bottom: solid 1px #D4E5FF;justify-content: space-between;font-weight: 500;font-size: 16px;background: #f5f6f7;border-bottom: solid 1px #e6e6e6;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.pannelhd {display: flex; align-items: center;gap:10px;padding: 15px;width: 100%;border-bottom: solid 1px #D4E5FF}
.pannelhd .citiselect{flex: 1 1 auto;position: relative;display: flex;gap:5px;}
.pannelhd .citiselect select{width: 20%;height: 45px;padding: 10px;}
.pannelhd .citiselect .citiwarp{width: 100%;position: relative}
.pannelhd .citiselect input[type="text"]{width: 100%;height: 45px;padding: 10px;padding-left: 40px;}
.pannelhd .citiselect i{position: absolute;width:43px;height: 43px;display: flex;align-items: center;justify-content: center;z-index: 2;}
.pannelhd .citiselect i svg{fill:#707070}
.pannelbd{background: #f5f6f7;padding: 15px;display: flex;justify-content: space-between;gap:10px;}
.pannelbd .citimetrowrp {flex-basis: 50%;}
.pannelbd .citimetrowrp .citilist{background: var(--white);border-radius: 4px;border:solid 1px var(--grayddd);padding: 10px 0;scroll-behavior: smooth;overscroll-behavior: none;max-height: 320px;overflow-y: auto;overflow-x: hidden;}
.pannelbd .citimetrowrp .citilist ul{}
.pannelbd .citimetrowrp .citilist ul li{padding: 13px;border-bottom:solid 1px var(--grayddd); font-family: var(--roboto);font-size: 15px;}
.pannelbd .citimetrowrp .citilist ul li a{color: var(--gray666)}
.pannelbd .citimetrowrp .citilist ul li:hover a{color: var(--black)}
.pannelbd .citimetrowrp span{display: block;padding: 10px 0;background: #f5f6f7;font-family: var(--roboto); font-weight: 500;font-size: 16px;}

.pannelft{}
.pannelft .gotoother{padding: 15px;}
.pannelft .gotoother ul{display: flex;justify-content: flex-start; gap:15px; flex-wrap: wrap}
.pannelft .gotoother ul li{font-family: var(--roboto); font-size: 12px; margin-right: 10px;}
.pannelft .gotoother ul li a{color: var(--gray666)}
.pannelft .gotoother ul li a:hover{text-decoration: underline;color: var(--link)}
.pannelft .gotoother ul li i{margin-right: 5px;}

.drop-result-wraper { background: #fff; border: none; border-top: solid 1px #e6e6e6; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2); display: none; min-width: 100px; margin: 0; padding-bottom: 1px; text-align: left; width: 100%; z-index: 2; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; top: 100%; right: auto; bottom: auto; left: 0; position: absolute; }
.drop-result-wraper .wraprelate { position: relative; width: 100%; }
.drop-result-wraper .wraprelate:before, .drop-result-wraper .wraprelate:after { content: ''; border: solid transparent; left: 45%; pointer-events: none; position: absolute; top: -18px; }
.drop-result-wraper .wraprelate:before { border-width: 10px; border-bottom-color: #e6e6e6; margin: -2px 0 0 -1px; }
.drop-result-wraper .wraprelate:after { border-width: 9px; border-bottom-color: #fff; }
.drop-result-wraper .wraprelate li { cursor: pointer; }
.drop-result-wraper .wraper { height: 235px; position: relative; overflow-y: auto; overflow-x: hidden; width: 100%; }
.drop-result-wraper .wraper label { color: #ff837e; cursor: default; display: block; font-size: 11px; margin: 10px 0 0 0; padding-left: 15px; position: relative; letter-spacing: 1px; line-height: 30px; text-transform: uppercase; z-index: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.drop-result-wraper .wraper label:before { content: ''; display: block; border-bottom: 1px solid #f4f4f4; width: 100%; top: 50%; position: absolute; z-index: -2; top: 50%; right: auto; bottom: auto; left: 20px; position: absolute; }
.drop-result-wraper .wraper label b { background-color: #fff; padding-right: 20px; }
.drop-result-wraper ul li { font-size: 13px; }
.drop-result-wraper ul li.active a { background-color: #ff4242; color: #fff; }
.drop-result-wraper ul li a { color: #333; display: block; padding: 8px 15px; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease; }
.drop-result-wraper ul li a i { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.drop-result-wraper ul li a b { color: #999; font-size: 11px; display: block; line-height: 18px; }
.drop-result-wraper ul li a:hover { background-color: #ff4242; color: #fff; }
.drop-result-wraper ul li a:hover b { color: #333; }



.dialog{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;}
.dialogcontent {border-radius: 3px;width: 500px;padding: 0;margin: 80px auto;position: relative;-webkit-box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);}
.dialogcontentwarp .close{position: static;color: var(--color-black); font-size: 16px;text-align: right}
.dialogcontentwarp .close a{color: var(--color-black);text-align: right}
.dialogcontentwarp {width: 650px;padding: 0;margin: 80px auto;position: relative;padding: 45px 35px 25px;} 

/*new job header*/
/**/
.rightsectionholder {display: flex;align-items: center;gap: 15px;}
.rightsectionholder .menulist {display: flex;gap: 10px;}
.rightsectionholder .menulist ul {margin: 0px;padding: 0px;display: flex;flex-direction: row;}
.rightsectionholder .menulist ul li {list-style: none;margin: 0 10px;padding: 0px;position: relative;}
.rightsectionholder .menulist ul li a {font-size: 15px;color: #000;font-weight: 500;}
.rightsectionholder .menulist ul li .single-list {position: absolute;left: 0;top: 18px;background-color: var(--white);z-index: 1002;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 15px 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;width: 250px;visibility: hidden;opacity: 0;transform: translateY(-2em);z-index: 2;transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;}
.rightsectionholder .menulist ul li .single-list ul {margin: 0px;padding: 0px;display: flex;flex-direction: column;}
.rightsectionholder .menulist ul li .single-list ul li {list-style: none;margin: 0px;padding: 0px;display: flex;flex-direction: column;justify-content: flex-start;}
.rightsectionholder .menulist ul li .single-list ul li a {font-size: 14px;margin: 0px;padding: 8px 10px;font-weight: var(--weight-400);border: none;transition: 1s;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.rightsectionholder .menulist ul li:hover .single-list {visibility: visible;opacity: 1;z-index: 1000;transform: translateY(0%);transition-delay: 0s, 0s, 0.3s;}
.rightsectionholder .menulist ul li .single-list ul li a:hover {background-color: #f2f2f2;}
/*=================================================================================
header End
=================================================================================*/
/*footer*/
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;}
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.pi {background: #bd081c;}
footer .ftmenutwo ul li .share.yt {background: #bd081c;}
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;}
/*=================================================================================
footer End
=================================================================================*/


/* 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 */

/*resume upload*/
.resumupload-warp{background-color: #F5F5F5;}
.resumupload-package{position: relative;top: 20px;}
.resumupload{width: 100%;padding:60px 0px 100px 0px;}
.resumupload:before{display: inline-block;height: 300px;width: 100%; content: '';background: rgb(19,201,255);background: linear-gradient(83deg, rgba(19,201,255,1) 0%, rgba(67,116,255,1) 100%, rgba(2,0,36,1) 1000%);position: absolute;}
.resume-formwarp,.resum-pricewrap{background-color: #fff;border-radius: 10px;padding: 20px;}
.resumstepwrap{display: flex;margin: 20px 0px;gap:80px;padding: 0px 80px;position: relative;top: 12px;} 
.resumstepwrap:before{background:url("../images/resume-up1.png")no-repeat;content: '';width: 210px;height: 190px;position: absolute;left: -192px;
top: 40px;} 
.resumstepwrap:after{background:url("../images/resume-up2.png")no-repeat;content: '';width: 210px;height: 185px;position: absolute;left: 1492px;    top: 40px;} 
.resumstep {text-align: center;display: flex;align-items: center;background-color: #fff;border-radius: 10px;}    
.resumstep figure{position: relative; width: 150px;height: 100px;display: flex;align-items: center;justify-content: center;border-right: #30a6ff solid 5px;} 
.resumstep figure:after{display: inline-block;position: absolute;bottom: 25px;right: -42px;border-bottom: 22px solid transparent;border-left: 15px solid #30a6ff;border-right: 22px solid transparent;border-top: 22px solid transparent;content: '';}
.resumstep figure img{width: 50px;height: 50px;}   
.resumstep span{background-color: #fff;border-radius: 5px;padding: 0 20px;}    
.resumetitle h1{font-size: 22px;color: #363848;font-weight: 600;padding: 10px 10px 15px;border-bottom: #ddd solid 2px;}
.resumetitle h2{font-size: 22px;color: #363848;font-weight: 600;padding: 10px 10px 15px;border-bottom: #ddd solid 2px;}
    
.resume-formwarp{}
.resume-formwarp .resumeform {display: flex;padding: 30px 0px 0px;justify-content: space-between;}
.resume-formwarp .resumeform .resum-inuput{padding: 10px 0px;display: flex;flex-direction: column;position: relative;}
.resume-formwarp .resumeform .resum-inuput .inuput-drop{position: absolute;padding: 10px;background-color: #fff;z-index: 1;width: 100%;max-height: 306px;overflow-x: hidden;overflow-y: auto;top: 88px;box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2);border:1px #ddd solid;}
.resume-formwarp .resumeform .resum-inuput .inuput-droptop{top: 50px;}
.resume-formwarp .resumeform .resum-inuput .inuput-drop ul{}
.resume-formwarp .resumeform .resum-inuput .inuput-drop ul li{padding: 5px;}
.resume-formwarp .resumeform .resum-inuput .inuput-drop ul li a{padding: 10px;color: #212121;display: block;border-radius: 5px;font-size: 16px;}
.resume-formwarp .resumeform .resum-inuput .inuput-drop ul li a:hover{background-color: #EE2B00;color: #fff;}
.resume-formwarp .resumeform .resum-inuput label{font-size: 18px;color: #363848;font-weight: 500;padding-bottom: 10px;}
.resume-formwarp .resumeform .resum-inuput label em{color: #EE2B00;}
.resume-formwarp .resumeform .resum-inuput i{cursor: pointer;position: absolute;border-right: 1px #ddd solid;left: 18px;top: 48px; width: 30px;   height: 30px;display: flex;align-items: center; justify-content: center;padding-right: 10px;}
.resume-formwarp .resumeform .resum-inuput i svg{fill:#fff;width: 20px;height: 20px;}

#usa-city-list4 li a span, #canada-city-list4 li a span {appearance: initial;width: auto;border-radius: 0;border: none;padding: 0;}
.resume-formwarp .resumeform .resum-inuput input,.resume-formwarp .resumeform .resum-inuput span{appearance: none;width: 450px; border-radius: 50px;border: 1px #ddd solid;padding: 15px 20px 15px 60px;}
.resume-formwarp .resumeform .resum-inuput input:last-child,.resume-formwarp .resumeform .resum-inuput span:last-child{width: 160px!important;}
.resume-formwarp .resumeform .resum-inuput figure{position: absolute;right: 20px;top: 60px;}
.resume-formwarp .resumeform .resum-inuput figure svg{fill:#363848}
.resume-formwarp .resumeform .not-verify input{border: 1px #EE2B00 solid;}
.resume-formwarp .resumeform .not-verify span{color: #EE2B00;font-size: 14px;padding: 5px 10px;border: 0;}
.resume-formwarp .resumeform .verifyed .cont{color: #009C51;font-size: 14px;display: block;border: 0;padding: 20px 10px 0px;}
.resume-formwarp .resumeform .resum-inuput .resum-call span{width: 130px;padding: 16px;}  
.resume-formwarp .resumeform .resum-inuput .resum-call input{width: 310px;}  
.resume-formwarp .resumeform .resum-inuput:last-child .resum-call{display: flex;position: relative;}  
.resume-formwarp .resumeform .resum-inuput:last-child .resum-call figure{right: 20px;top: 20px;}
.resume-formwarp .resumeform .resum-inuput .verify-btn {padding: 10px;}
.resume-formwarp .resumeform .resum-inuput .verify-btn a{display: inline-block;background-color: #009C51;color: #fff;}
.resume-formwarp .resumeform .resum-inuput .call{display: flex;gap:10px;align-items: center;}
.resume-formwarp .resumeform .resum-inuput .call .callicon i{right: 15px;top: 10px;}

.resum-otpwrap{border: #009C51 solid 1px;padding: 20px;border-radius: 5px;}
.resum-otpwrap span,.resum-otpwrap .resum-otp span,.resum-upldwrp span{display: block; font-size: 18px;color: #363848;font-weight: 500;padding: 10px 0px 20px;}
.resum-otpwrap .resum-otp .worng-otp{color:#EE2B00;padding: 10px 0px 0px;}
.resum-otpwrap .resum-otp p{font-size: 16px;font-weight: 400;padding-top: 20px;}
.resum-otpwrap .resum-otp p a{color: #297CE3;font-weight: 600;}
.resum-otpwrap p{font-size: 16px;color: #555555;font-weight: 400;padding-bottom: 20px;line-height: 25px;}
.resum-otpwrap a{font-size: 16px;color: #297CE3;font-weight: 500;text-decoration: underline;}
.resum-otpwrap .resum-otp{text-align: center;}
.resum-otpwrap .resum-otp .verify-btn a{display: inline-block;margin-top: 20px; background-color: #009C51;color: #fff;text-decoration: none;font-size: 14px;}
.resum-otpwrap .resum-otp .otptext{display: flex;justify-content: center;gap: 10px;align-items: center;}   
.resum-otpwrap .resum-otp .otptext input{text-align: center;font-size: 20px;width: 45px;height: 45px; border-radius: 5px;border: #ddd solid 1px;}   
.resum-upldwrp .upld{display: flex;gap:30px;}   
.resum-upldwrp .upld .resum-upld{background-color: #f5f5f5;border: 2px #ddd dashed;border-radius: 10px;display: flex;padding: 10px;width: 350px;cursor: pointer;}    
.resum-upldwrp .upld .resum-upld input{display: none;}    
.resum-upldwrp .upld .resum-upld aside{display: flex;align-items: center;}      
.resum-upldwrp .upld .resum-upld aside b{font-size: 16px;color: #363848;font-weight: 600;padding-bottom: 5px;overflow: hidden;    display: block;text-align: left;line-height: 25px;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;}    
.resum-upldwrp .upld .resum-upld aside p{font-size: 14px;color: #363848;font-weight: 400;text-align: left;}    
.resum-upldwrp .upld .resum-upld aside i{padding: 20px;background-color: #5F4BDB;border-radius: 20px;}    
.resum-upldwrp .upld .resum-upld aside i svg{width: 30px;height: 28px;fill:#5F4BDB;}    
.resum-upldwrp .upld .uplded {border: 1px #5F4BDB solid;position: relative;cursor: text;} 
.resum-upldwrp .upld .uplded aside i{background-color: #ead9fd;} 
.resum-upldwrp .upld .uplded .resum-close {position: absolute;right: -8px;top: -8px;cursor: pointer;} 
.resum-upldwrp .upld .uplded .resum-close i{width: 20px;height: 20px;display: flex; background-color: #EE2B00;border-radius: 30px;padding: 0;  align-items: center; justify-content: center;} 
.resum-upldwrp .upld .uplded .resum-close i svg{width: 10px;height: 10px;} 
.resum-upldwrp .resum-submit{text-align: center;padding-top: 20px;}    
.resum-upldwrp .resum-submit a{background-color: #EE2B00; display: inline-block;font-size: 18px;font-weight: 500;padding: 7px 30px;}    
    
.resum-succes{border: #009C51 solid 1px;padding: 20px;border-radius: 5px;margin-top: 20px;}
.resum-succes span{display: inline-block;vertical-align: middle;color: #009C51;line-height: 30px;font-size: 18px;text-align: center;font-weight: 600;}
.resum-succes p{vertical-align: middle;color: #333;line-height: 30px;font-size: 16px;text-align: center;margin-top: 20px;}
.resum-succes p a{background-color: #EE2B00;font-size: 16px;font-weight: 600;}
.resum-succes span a{color: #30A4EA;text-decoration: underline;font-weight: 500;}
.resum-succes span i{margin-right: 5px;}
.resum-succes span i svg{width: 18px;height: 18px;fill:#fff;}

.resum-tab{ padding: 20px 10px 5px;display: flex;justify-content: center;}
.resum-tab ul{margin: 0 auto;display: flex;border-radius: 50px;background-color: #fff;border: 1px #ddd solid;}
.resum-dtls ul li.bg1{background-color: #def9ed;}
.resum-dtls ul li.bg2{background-color: #fbe1fd;}
.resum-dtls ul li.bg3{background-color: #fff1d2;}
.resum-tab ul li:hover a{background-color: #EE2B00;color: #fff;border-radius: 50px;}
.resum-tab ul li.active a{background-color: #EE2B00;color: #fff;border-radius: 50px;}
.resum-tab ul li a{padding: 12px;color: #333;text-align: center;font-size: 14px;font-weight: 500;display: block;}
.resum-dtls ul li.price-cardwrp{padding: 10px;margin: 15px 0px;border-radius: 10px;}
.resum-dtls ul .price-card {padding:10px 5px;display: flex; justify-content: space-between;align-items: center; gap: 50px;}
.resum-dtls ul .price-card .price{display: flex;flex-direction: column;gap:5px;}
 
.bg1 .price .inputfield [type="radio"].with-gap:checked+label:before {border: #009C51 2px solid;}   
.bg1 .price .inputfield [type="radio"]:checked+label:after {background-color: #009C51;border: 1px solid #009C51;}
.bg2 .price .inputfield [type="radio"].with-gap:checked+label:before {border: #B718C5 2px solid;}   
.bg2 .price .inputfield [type="radio"]:checked+label:after {background-color: #B718C5;border: 1px solid #B718C5;}
.bg3 .price .inputfield [type="radio"].with-gap:checked+label:before {border: #F0A700 2px solid;}   
.bg3 .price .inputfield [type="radio"]:checked+label:after {background-color: #F0A700;border: 1px solid #F0A700;}
    
.resum-dtls ul .price-card .price .inputfield [type="radio"]+label:before, .inputfield [type="radio"]+label:after {content: '' !important;    position: absolute !important;left: 0 !important;top: 0 !important;margin: 4px !important;width: 20px !important;height: 20px !important;z-index: 0 !important;transition: .28s ease;}
.resum-dtls ul .price-card .price .inputfield label{padding-left: 40px;font-weight: 600;color: #212121;}
.resum-dtls ul .price-card .price p{padding-left: 55px;font-size: 14px;line-height: 20px;font-weight: 300;color: #666;}
    
.resum-dtls ul .price-card .price-num span {padding-right: 10px;font-size: 20px;color: #212121;font-weight: 600;}
.resum-dtls ul .price-card .price-num b {font-size: 14px;color: #888;text-decoration: line-through;}
.resum-dtls .resum-submit{text-align: center;padding-top: 20px;}    
.resum-dtls .resum-submit a{background-color: #EE2B00; display: inline-block;font-size: 18px;font-weight: 500;padding: 7px 30px;}    

.price-benifits{display: block;padding: 0px 25px;background-color: #fff;border-radius:5px;position: relative;}
.bg2 .price-benifits{border: 1px #b718c5 solid;}
.bg1 .price-benifits{border: 1px #009C51 solid;}
.bg3 .price-benifits{border: 1px #F0A700 solid;}

.price-benifits b{padding: 10px 0px 0px;text-align: center;font-size: 16px;font-weight: 500;color: #333;display: block;}
.price-benifits ul{padding: 10px;}
.price-benifits ul li{list-style: circle;padding: 5px 0px;line-height: 20px;font-size: 12px;color: #777;}
.uplded-file{display: block!important;padding: 10px;}

/*resume upload End*/

/*resume mediaqury*/
/**/
@media (max-width : 640px) and (min-width: 320px){ 
.resumstepwrap{display: none;}
.resumupload{background-image: none;padding: 0;}    
.resumupload-package{margin-top: 50px;}    
.resume-formwarp .resumeform{flex-direction: column;}    
.resume-formwarp .resumeform .resum-inuput input, .resume-formwarp .resumeform .resum-inuput span{width: 100%!important;}
.resume-formwarp .resumeform .resum-inuput .resum-call input, .resume-formwarp .resumeform .resum-inuput .resum-call span{width: 100%!important;} 
.resume-formwarp .resumeform .resum-inuput:last-child .resum-call{width: 100%;}
.resume-formwarp .resumeform .resum-inuput:last-child .resum-call input,.resum-call span {width: 100%;}
.resume-formwarp .resumeform .resum-inuput:last-child .resum-call figure{left: auto;right: 20px;}
.resum-upldwrp .upld .resum-upld{width: 100%;} 
.resum-upldwrp .upld {flex-direction: column;} 
.resume-formwarp .resumeform {padding: 10px 0px;}  
.resum-upldwrp .upld .resum-upld aside i{padding: 10px;}    
.resum-succes span{font-size: 16px;}    
.resume-formwarp .resumeform .resum-inuput .call{flex-direction: column;}    
.resumstepwrap:before{display: none;} 
.resumstepwrap:after{display: none;} 
}
/*ipad*/
@media only screen and (max-width: 1024px) {
.resumstepwrap{gap:10px;}
.resume-formwarp .resumeform .resum-inuput input, .resume-formwarp .resumeform .resum-inuput span{width: 100%!important;}
.resume-formwarp .resumeform .resum-inuput:last-child .resum-call{width: 100%;}
.resume-formwarp .resumeform .resum-inuput:last-child .resum-call input,.resum-call span {width: 100%;}
.resume-formwarp .resumeform,.resume-formwarp .resumeform .resum-inuput .call{flex-direction: column;padding: 10px 0px;}
.resumstepwrap:before{display: none;} 
.resumstepwrap:after{display: none;} 
}

 
/*resume mediaqury end*/


/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 568px) {
.msite-nav{width: 80%}
}
/*----iphone---*/
@media (max-width : 640px) {
.pannelwarp{width: 100%;border-radius: 0;margin: 0;height: 100%;}
.buzzlocation span, .mobilesearch span{display: none}
 .logo a, .logo{width: 100px}
 .loginwrp ul li{padding: 0}
}
/*----high end windows phone---*/
@media only screen and (min-width : 641px) and (max-width : 768px) {
.resumstepwrap{display: none;}
}
/*----high end windows phone---*/
@media only screen and (max-width : 768px) {
.mobilehide {  display: none !important }
.mobileview {  display: block !important }
.mobilesearch{display: flex;border: 1px solid #d4e5ff;border-radius: 4px;background: var(--white);}
.mobilesearch a{display: flex;align-items: center;gap: 5px;color: var(--black);font-weight: 500;padding: 10px;} 
.searchwarp .mobilesearch i{position: static}
.searchwarp{display: none}
.searchwarp{width: 100%}

.col-sm-12 .buzzdetalwarp{width: 100%}
.evelistbd .eventlinkwarp span.location{display: block}
    
.resumupload{background-image: none;padding: 10px 0px;} 
}
/*----iphone---*/
@media (max-width: 991px) {
.mobilehide {display: none !important }
.mobileview {display: block !important }
.mainsearch{padding: 15px;width: 100%}
.searchwarp i{top: 20px;right: 20px;}
.searchwarp  { position: fixed!important; right: -30px; top:0; width: 100%; z-index: 9999; 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;}
.searchwarp.open { 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;} 
.searchwarp .search-sugges {box-shadow: none;min-width: 500px;position: static;} 
.searchwarp .mobilesearch{border-bottom: solid 1px #ebebeb;padding: 15px;display: flex;justify-content: space-between;align-items: center;} 
.searchwarp.open .hdsearch{border-radius: 0;padding: 10px;margin: 10px;width: 95%;}
.searchwarp.open a.btun{display: none} 
.searchwarp .dialogtitle {font-size: 20px;font-weight: 600;letter-spacing: .5px;text-align: left;color: var(--black);}
}
/*----ipad---*/
/**/
@media only screen and (max-width : 1024px) {
.padhide{display: none }
.rightsectionholder .menulist, .mainnavwarp{display: none;}

.mobinav{display: block;}
.mobinav .submenu { background:#f1faff}
.mobinav .submenu ul{padding: 5px 0}
.mobinav .submenu ul li{ border-bottom: 0}
.mobinav .submenu ul li a{padding: 10px 15px;}
.logowarp span { display: block} 
 

.resumstepwrap:before{display: none;} 
.resumstepwrap:after{display: none;}
}
/*----netbook---*/
@media only screen and (min-width : 1024px) and (max-width : 1280px) {}
/*----ultrabook---*/
@media only screen and (min-width : 1025px) and (max-width : 1280px) {
.rightsectionholder{gap: 10px;}
.rightsectionholder .menumain{gap: 5px;}
.rightsectionholder .menumain span{font-size: 14px;}
.loginwrp ul li{padding-right: 0}
.searchwarp{margin-left: 10px;}
.mainsearch{width: 300px}
    
.resume-formwarp .resumeform .resum-inuput input, .resume-formwarp .resumeform .resum-inuput span {width: 340px;}
.resume-formwarp .resumeform .resum-inuput .resum-call input {width: 200px;}
.resumstepwrap{padding: 0 15px;}
.resumstepwrap:before{display: none;} 
.resumstepwrap:after{display: none;} 
}
/*----ultrabook---*/
@media only screen and (min-width : 1281px) and (max-width : 1366px) { 
.rightsectionholder{gap: 10px;}
.rightsectionholder .menumain{gap: 5px;}
.rightsectionholder .menumain span{font-size: 14px;}
.loginwrp ul li{padding-right: 0}
.searchwarp{margin-left: 10px;}
.mainsearch{width: 300px}
    
.resume-formwarp .resumeform .resum-inuput input, .resume-formwarp .resumeform .resum-inuput span {width: 340px;}
.resume-formwarp .resumeform .resum-inuput .resum-call input {width: 200px;}
.resumstepwrap{padding: 0 15px;}
.resumstepwrap:before{display: none;} 
.resumstepwrap:after{display: none;} 
}
/*   */
@media only screen and (min-width : 1367px) and (max-width : 1512px) {
  .resume-formwarp .resumeform .resum-inuput input, .resume-formwarp .resumeform .resum-inuput span{width: 420px;}
    .resume-formwarp .resumeform .resum-inuput .resum-call input{width: 280px;}
}
/*   */
@media only screen and (min-width : 1367px) and (max-width : 1440px) {
  
.resume-formwarp .resumeform .resum-inuput input, .resume-formwarp .resumeform .resum-inuput span{width: 420px;}
.resumstepwrap:before{display: none;} 
.resumstepwrap:after{display: none;} 
}
/*----large desktop---*/
@media only screen and (min-width : 1367px) and (max-width : 1680px) {
    .resumstepwrap:before{display: none;} 
.resumstepwrap:after{display: none;} 

}