@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(--color-blue); }
.btun-blue:hover { background-color: var(--blue); border-color: var(--blue); color: var(--white); }
/* green */
.btun-green, .btun-green.btun-outline:hover { color: var(--white); background-color: var(--green); border-color: var(--green); }
.btun-green.btun-outline { background-color:transparent; color: var(--green); }
.btun-green:hover { background-color: var(--green); border-color: var(--green); color: var(--white); }

/* orange */
.btun-orange, .btun-orange.btun-outline:hover { color: var(--white); background-color:var(--orange); border-color: var(--orange); }
.btun-orange.btun-outline { background-color:transparent; color: var(--orange); }
.btun-orange:hover { background-color: var(--color-orange); border-color: var(--orange); color: var(--white); }
 
/* red */
.btun-red, .btun-red.btun-outline:hover { color: var(--white); background-color: var(--red); border-color: var(--red); }
.btun-red.btun-outline { background-color:transparent; color: var(--red); }
.btun-red:hover { background-color: var(--red); border-color: var(--red); color: var(--white); } 
/* ltyellow */
.btun-yellow, .btun-yellow.btun-outline:hover { color: var(--black); background-color: var(--yellow); border-color: var(--yellow); font-weight: 500}
.btun-yellow.btun-outline { background-color:var(--white); color: var(--yellow); }
.btun-yellow:hover { background-color: var(--yellow); border-color: var(--yellow); color: var(--white); } 
/* red */
.btun.btun-radus {border-radius: 50px;}


/*=================================================================================
Grid CSS
=================================================================================*/
.ratings-group{display: flex; justify-content: flex-start;align-items: center;margin-top: 5px;}
.ratings-group .ratings{margin-right: 5px;}
.ratings-group span{color: var(--black);margin-right: 5px; font-size: 14px;}
.ratings-group span b{ color: var(--black); font-size: 14px;}
/*  Grid Started  */
.container, .container-fluid {width: 100%;padding-right: 15px; padding-left: 15px;margin-right: auto;margin-left: auto;}

@media (min-width: 576px) {
.container {max-width: 540px;}
}
@media (min-width: 768px) {
.container { max-width: 720px;}
}
@media (min-width: 992px) {
.container {max-width: 960px;}
}
@media (min-width: 1200px) {
.container {max-width: 1140px;}
}
@media (min-width: 1400px) {
.container {max-width: 1200px;}
}
.row {display: flex;flex-wrap: wrap;margin-left:-15px; margin-right: -15px;}
.row > * {flex-shrink: 0;width: 100%;max-width: 100%;padding-left: 15px;padding-right: 15px}
.col{flex:1 0 0}
.col-auto{flex:0 0 auto;width:auto}
.col-1{flex:0 0 auto;width:8.33333333%}
.col-2{flex:0 0 auto;width:16.66666667%}
.col-3{flex:0 0 auto;width:25%}
.col-4{flex:0 0 auto;width:33.33333333%}
.col-5{flex:0 0 auto;width:41.66666667%}
.col-6{flex:0 0 auto;width:50%}
.col-7{flex:0 0 auto;width:58.33333333%}
.col-8{flex:0 0 auto;width:66.66666667%}
.col-9{flex:0 0 auto;width:75%}
.col-10{flex:0 0 auto;width:83.33333333%}
.col-11{flex:0 0 auto;width:91.66666667%}
.col-12{flex:0 0 auto;width:100%}
@media (min-width: 576px) {
.col-sm{flex:1 0 0}
.col-sm-auto{flex:0 0 auto;width:auto}
.col-sm-1{flex:0 0 auto;width:8.33333333%}
.col-sm-2{flex:0 0 auto;width:16.66666667%}
.col-sm-3{flex:0 0 auto;width:25%}
.col-sm-4{flex:0 0 auto;width:33.33333333%}
.col-sm-5{flex:0 0 auto;width:41.66666667%}
.col-sm-6{flex:0 0 auto;width:50%}
.col-sm-7{flex:0 0 auto;width:58.33333333%}
.col-sm-8{flex:0 0 auto;width:66.66666667%}
.col-sm-9{flex:0 0 auto;width:75%}
.col-sm-10{flex:0 0 auto;width:83.33333333%}
.col-sm-11{flex:0 0 auto;width:91.66666667%}
.col-sm-12{flex:0 0 auto;width:100%}
}
@media (min-width: 768px) {
.col-md{flex:1 0 0}
.col-md-auto{flex:0 0 auto;width:auto}
.col-md-1{flex:0 0 auto;width:8.33333333%}
.col-md-2{flex:0 0 auto;width:16.66666667%}
.col-md-3{flex:0 0 auto;width:25%}
.col-md-4{flex:0 0 auto;width:33.33333333%}
.col-md-5{flex:0 0 auto;width:41.66666667%}
.col-md-6{flex:0 0 auto;width:50%}
.col-md-7{flex:0 0 auto;width:58.33333333%}
.col-md-8{flex:0 0 auto;width:66.66666667%}
.col-md-9{flex:0 0 auto;width:75%}
.col-md-10{flex:0 0 auto;width:83.33333333%}
.col-md-11{flex:0 0 auto;width:91.66666667%}
.col-md-12{flex:0 0 auto;width:100%}
}
@media (min-width: 992px) {
.col-lg {flex: 1 0 0%;}
.col-lg-auto {flex: 0 0 auto; width: auto;}
.col-lg-1 {flex: 0 0 auto; width: 8.33333333%;}
.col-lg-2 {flex: 0 0 auto; width: 16.66666667%;}
.col-lg-3 {flex: 0 0 auto; width: 25%;}
.col-lg-4 {flex: 0 0 auto; width: 33.33333333%;}
.col-lg-5 {flex: 0 0 auto; width: 41.66666667%;}
.col-lg-6 {flex: 0 0 auto; width: 50%;}
.col-lg-7 {flex: 0 0 auto; width: 58.33333333%;}
.col-lg-8 {flex: 0 0 auto; width: 66.66666667%;}
.col-lg-9 {flex: 0 0 auto; width: 75%;}
.col-lg-10 {flex: 0 0 auto; width: 83.33333333%;}
.col-lg-11 {flex: 0 0 auto; width: 91.66666667%;}
.col-lg-12 {flex: 0 0 auto; width: 100%;}
}
@media (min-width: 1200px) {
.col-xl {flex: 1 0 0%;}
.col-xl-auto {flex: 0 0 auto; width: auto;}
.col-xl-1 {flex: 0 0 auto; width: 8.33333333%;}
.col-xl-2 {flex: 0 0 auto; width: 16.66666667%;}
.col-xl-3 {flex: 0 0 auto; width: 25%;}
.col-xl-4 {flex: 0 0 auto;width: 33.33333333%;}
.col-xl-5 {flex: 0 0 auto;width: 41.66666667%;}
.col-xl-6 {flex: 0 0 auto;width: 50%;}
.col-xl-7 {flex: 0 0 auto; width: 58.33333333%;}
.col-xl-8 {flex: 0 0 auto; width: 66.66666667%;}
.col-xl-9 {flex: 0 0 auto; width: 75%;}
.col-xl-10 {flex: 0 0 auto;width: 83.33333333%;}
.col-xl-11 {flex: 0 0 auto; width: 91.66666667%;}
.col-xl-12 {flex: 0 0 auto; width: 100%;}
}
@media (min-width: 1400px) {
.col-xxl {flex: 1 0 0%;}
.col-xxl-auto {flex: 0 0 auto; width: auto;}
.col-xxl-1 {flex: 0 0 auto; width: 8.33333333%;}
.col-xxl-2 {flex: 0 0 auto; width: 16.66666667%;}
.col-xxl-3 {flex: 0 0 auto; width: 25%;}
.col-xxl-4 {flex: 0 0 auto; width: 33.33333333%;}
.col-xxl-5 {flex: 0 0 auto; width: 41.66666667%;}
.col-xxl-6 {flex: 0 0 auto; width: 50%;}
.col-xxl-7 {flex: 0 0 auto; width: 58.33333333%;}
.col-xxl-8 {flex: 0 0 auto; width: 66.66666667%;}
.col-xxl-9 {flex: 0 0 auto; width: 75%;}
.col-xxl-10 {flex: 0 0 auto; width: 83.33333333%;}
.col-xxl-11 {flex: 0 0 auto; width: 91.66666667%;}
.col-xxl-12 {flex: 0 0 auto; width: 100%;}
} 
 /*=================================================================================

Grid CSS end
=================================================================================*/
header{ background: var(--white);box-shadow: var(--boxshadow);position: fixed; width: 100%;z-index: 9;}
header .topblock, header .mainmenu, header .logo, header .rightsectionholder{align-items: center;display: flex;}
header .logo a{ height: 40px; width: 120px;text-indent: -9999px; background: url("../images/sulekhalogo.svg") 0 0 no-repeat;background-position: left center;background-size: 100%;}
header .mainmenu a{display: block;height: 20px;}
header .mainmenu .hamburger{-webkit-transition: background 0s 0.3s;transition: background 0s 0.3s;background:var(--black);display:inline-block;height: 2px;-webkit-border-radius: 1px;border-radius: 1px;background-clip: padding-box;position: relative; width: 25px; transform: rotate(180deg);}
header .mainmenu .hamburger:before, .mainmenu .hamburger:after {-webkit-transition-duration: 0.3s, 0.3s;transition-duration: 0.3s, 0.3s;-webkit-transition-delay: 0.3s, 0s;transition-delay: 0.3s, 0s;content: "";display: block;height: 2px;left: 0;position: absolute;width: 100%;-webkit-border-radius: 1px;border-radius: 1px;background-clip: padding-box;}
header .mainmenu .hamburger:before {-webkit-transition-property: top, -webkit-transform;transition-property: top, transform;top: -7px;width: 25px;background-color: var(--black);}
header .mainmenu .hamburger:after {-webkit-transition-property: bottom, -webkit-transform;transition-property: bottom, transform;bottom: -7px;width: 25px;background-color: var(--black);} 
header .rightsectionholder{margin-left: auto;gap:10px} 

header .rightsectionholder nav{font-family: var(--poppins);position: relative;font-size: 15px;padding: 20px 10px;display: flex;gap:var(--size20)}
header .rightsectionholder nav a{font-weight: var(--weight500);position: relative;color: var(--gray666);display: block;padding-bottom: 5px;}

/**/ 
.rightsectionholder nav{display:flex;flex-direction:row;}
.rightsectionholder nav ul{margin:0px;padding:0px;}
.rightsectionholder nav ul li{margin:0 20px 0 0;list-style:none;display:flex;flex-direction:row;flex-wrap:nowrap;float:left;position:relative; }
.rightsectionholder nav ul li:last-child{margin:0 1.5rem 0 0;}
.rightsectionholder nav ul li a{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:30px;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;}


.rightsectionholder nav ul li a i { color: var(--drakblue); } 

/**/ 

/**/
.nj-headerbg { background-color: #F6F4FC; padding: var(--size60) 0; overflow: hidden;}
  /* tab start */ 

 /* tab End */  
.primarytitle{font-family: var(--poppins);font-size: 28px;font-weight: var(--fontweight600);color: var(--black);text-align: center;padding: 30px 0}
.tagline{font-family: var(--poppins);font-size: 16px;color: var(--tagline);font-weight: var(--fontweight400);}

/*

/**/  
@keyframes hero-thumb-animation {
    0% {transform: translateY(-20px);}
    100% {transform: translateY(0px);}
} 
@keyframes hero-thumb-sm-animation {
    0% {-webkit-transform: translateY(-20px) translateX(50px);-moz-transform: translateY(-20px) translateX(50px);-ms-transform: translateY(-20px) translateX(50px);transform: translateY(-20px) translateX(50px);}
    100% {-webkit-transform: translateY(-20px) translateX(0px);-moz-transform: translateY(-20px) translateX(0px);-ms-transform: translateY(-20px) translateX(0px);transform: translateY(-20px) translateX(0px);}
}
@keyframes hero-thumb-sm-2-animation {
    0% {-webkit-transform: translateY(-50px);-moz-transform: translateY(-50px);-ms-transform: translateY(-50px);transform: translateY(-50px);}
    100% {-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);}
}
/**/
.shape-1 {-webkit-animation: hero-thumb-animation 2s linear infinite alternate;-moz-animation: hero-thumb-animation 2s linear infinite alternate;-o-animation: hero-thumb-animation 2s linear infinite alternate;animation: hero-thumb-animation 2s linear infinite alternate;}
.shape-2 {-webkit-animation: hero-thumb-sm-animation 4s linear infinite alternate;-moz-animation: hero-thumb-sm-animation 4s linear infinite alternate;-o-animation: hero-thumb-sm-animation 4s linear infinite alternate;animation: hero-thumb-sm-animation 4s linear infinite alternate;}
.shape-3 {-webkit-animation: hero-thumb-sm-2-animation 4s linear infinite alternate;-moz-animation: hero-thumb-sm-2-animation 4s linear infinite alternate;-o-animation: hero-thumb-sm-2-animation 4s linear infinite alternate;animation: hero-thumb-sm-2-animation 4s linear infinite alternate;} 
   /* animation end*/
.njspace{padding: var(--size100) 0}

.getalert{padding: 0  50px;}
.getalert .title{ font-size: 36px; font-weight:var(--fontweight600);color: var(--black);line-height: 51px;}
.getalert p{font-size: 18px;padding: 25px 0 10px;line-height: 31px;}
.getalert ul{margin-left: 20px;}
.getalert ul li{list-style-type: disc;font-size: 16px;padding: 10px 0;color: var(--black)}
.getalert .getalertag{display: flex;gap: 15px;flex-wrap: wrap;padding: 25px 0 0}
.getalert .getalertag span{background: var(--white);border-radius: var(--borderradius20);border: solid 1px var(--linkblue);font-size: 16px;}
.getalert .getalertag span a{display: block;color: var(--linkblue);padding: 12px 22px;}
.getalert .rgtcont{ margin: 10px 0 0 0;}
.getalert .rgtcont .title1{ font-size: 18px; color: #0167ff;}
.getalert .rgtcont p{padding: 15px 0 10px;}

/**/

 /**/
.getjobs-left {position: relative;z-index: 1;margin-bottom: 30px}
.getjobs-left .media {position: relative;z-index: 1;width: 550px;height: 550px;}
.getjobs-left .media img {margin: 0px auto;display: block;position: relative;z-index: 5;}
.getjobs-left .mediacircle {width: 70%;height: 70%;background-color: #002860;border-radius: 50%;position: absolute;left: 50%;top: 50%;z-index: 2;transform: translate(-50%, -50%);box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);}
.getjobs-left .mediacircle2 {width: 85%;height: 85%;border-radius: 50%;content: "";position: absolute;left: 50%;top: 50%;z-index: 1;transform: translate(-50%, -50%);background-color: rgba(234, 241, 251, 0.4);}
.getjobs-left .mediacircle3 {width: 100%;height: 100%;border-radius: 50%;content: "";position: absolute;left: 50%;top: 50%;z-index: 1;transform: translate(-50%, -50%);border: 1px solid #d3deee;}
.getjobs-left .mediacircle3 .rotate-center {width: 100%;height: 100%;border-radius: 50%;border: 1px solid transparent;position: absolute;}
.rotate-center {-webkit-animation: rotate-center 15s linear infinite;animation: rotate-center 15s linear infinite;}
@keyframes rotate-center {
	0% {-webkit-transform: rotate(0);transform: rotate(0);	}
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
  }
.getjobs-left .mediacircle3 .ring1 {width:15px;height:15px;border-radius: 50%;background-color: #1967d2;right: 7.5%;top: 20%;}
.getjobs-left .mediacircle3 span {display: inline-block;position: absolute;}
.getjobs-left .mediacircle3 .ring2 {width:12px;height: 12px;border-radius: 50%;background-color: #f7b05b;right: 26%;bottom: 4%;}
.getjobs-left .mediacircle3 .ring3 {width: 10px;height: 10px;border-radius: 50%;background-color: #f7d2ff;left: 0.5%;top: 36%;}

.getjobs-left .topicontent.one{z-index: 9;background: transparent;box-shadow: none;padding: 0;left: -90px;top: 38%;width: auto;}
.getjobs-left .topicontent.two{z-index: 9;align-items: center;padding: var(--size10);bottom: 60px;right: 100px;left: auto;width: 185px;background: var(--white);}
.getjobs-left .topicontent.two b{color: var(--black)}
.getjobs-left .topicontent.two .icon i {background: #FFDBD8;border-radius: 50%;width: var(--size40);height: var(--size40);}
.getjobs-left .topicontent.three{z-index: 9;align-items: center;padding: var(--size10);width: 220px;bottom: 50%;}

.getjobs-left .topicontent.ls{z-index: 9;background: transparent;box-shadow: none;padding: 0;left: 24px; top: 19%;width: auto;}
.getjobs-left .topicontent.it{z-index: 9;background: transparent;box-shadow: none;padding: 0;left: 78px;top: 72%;width: auto;}
.getjobs-left .topicontent.astro{z-index: 9;background: transparent;box-shadow: none;padding: 0;right: 95px;top: 17%;width: auto;}

  /**/

/*Header start*/
.topicontent{    background: rgb(255 255 255/90%); border-radius: var(--size10);position: relative;box-shadow: var(--boxshadow);display: flex;align-items: center;padding: var(--size10);gap: var(--size10);position: absolute}
.topicontent b{color: var(--green); font-size: 16px;font-weight: var(--fontweight600);padding-bottom: 5px;display: block}
.topicontent i svg{fill:none}     
.topicontent .icon i{width: var(--size60);height:  var(--size60);display: block;display: flex;align-items: center;justify-content: center}     
.topicontent.one{padding: 15px;padding-left: var(--size30);width: 250px;left: 90px;top: 20px;}
.topicontent.one .icon i{width: var(--size60);height:  var(--size60);border-radius: 8px;background: var(--white);display: block;position: absolute;left: -30px;top: -30px;box-shadow: var(--boxshadow);display: flex;align-items: center;justify-content: center}     
.topicontent.two{width: 220px;bottom: 0;left: 0}
.topicontent.two b{color:#EC4758}
.topicontent.two .icon i{background: #FFDBD8;border-radius: 50%;width: var(--size50);height:  var(--size50);}
.topicontent.two .icon i svg{fill:#EF4455}
.topicontent.three{flex-direction: column;width: 210px;align-items: flex-start;padding: var(--size20);bottom: 70px;right: -40px}
.topicontent.three b{color:#5265FF;padding: 0;}
.topicontent .twmpics {margin-left: 15px;margin-right: 15px;display: flex;align-items: center;}
.topicontent .twmpics span {display: inline-block;width: var(--size40);height:var(--size40);border-radius: 50%;border: 2px solid #fff;overflow: hidden;margin-left: -15px;}
.shape1{animation:hero-thumb-animation 2.5s linear infinite alternate;-webkit-animation:hero-thumb-animation 2.5s linear infinite alternate;-moz-animation:hero-thumb-animation 2.5s linear infinite alternate;-o-animation:hero-thumb-animation 2.5s linear infinite alternate}
.shape2{animation:hero-thumb1-animation 2.5s linear infinite alternate;-webkit-animation:hero-thumb1-animation 2.5s linear infinite alternate;-moz-animation:hero-thumb1-animation 2.5s linear infinite alternate;-o-animation:hero-thumb1-animation 2.5s linear infinite alternate}
.shape3{animation:hero-thumb2-animation 2.5s linear infinite alternate;-webkit-animation:hero-thumb2-animation 2.5s linear infinite alternate;-moz-animation:hero-thumb2-animation 2.5s linear infinite alternate;-o-animation:hero-thumb2-animation 2.5s linear infinite alternate}

@keyframes hero-thumb-animation{
0%{transform:translateY(-20px)}
to{transform:translateY(0)}
}
@keyframes hero-thumb1-animation{
0%{transform:translateY(-20px) translateX(50px)}
to{transform:translateY(-20px) translateX(0)}
}
@keyframes hero-thumb2-animation{
0%{transform:translateY(-50px)}
to{transform:translateY(0)}
}
/*Header end*/
 
/**/
.leftaboutone{background:url("../images/dream-jobs.png") no-repeat; background-size: 100%;width: 418px;height: 422px;position: relative}
.leftaboutone .topicontent{background: var(--white)}
.leftaboutone .four{background: transparent;box-shadow: none;padding: 0;right: -50px;top: 40px;}
.leftaboutone .five{right: -40px;top: 50%;}
.leftaboutone .six{flex-direction: column;bottom: -70px;left: 90px;}
.leftaboutone .six b{color: #5265FF;padding-bottom: 0}

.leftaboutone .topicontent {border-radius: 0;-webkit-border-top-left-radius: 20px;-webkit-border-bottom-right-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-bottomright: 20px;border-top-left-radius: 20px;border-bottom-right-radius: 20px;}
.leftaboutone .six{border-radius: 0;-webkit-border-top-right-radius: 20px;-webkit-border-bottom-left-radius: 20px;-moz-border-radius-topright: 20px;-moz-border-radius-bottomleft: 20px;border-top-right-radius: 20px;border-bottom-left-radius: 20px;}
.leftaboutone .five .icon i {background: #FFDBD8;border-radius: 50%;width: var(--size40);height: var(--size40);}
.leftaboutone .five b{color: var(--black)}
/**/

/* Accordion Menu */
.accordionmenu, .accordionmenu ul, .accordionmenu li, .accordionmenu a { margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal; text-decoration: none; line-height: 1; font-size: 14px; position: relative; }
.accordionmenu { padding:15px; width: 100%; margin:0; }  
.accordionmenu ul { border-top:0; }
.accordionmenu ul li { border-bottom:solid 1px rgba(255, 255, 255, 0.1); margin-bottom:5px; padding:0 0 3px; } 
.accordionmenu ul li a { font-size: 16px; color:var(--white); display: block; padding:10px 0; line-height: 1.3;display: flex;justify-content: space-between}
.accordionmenu ul li a:hover { text-decoration: none; }
.accordionmenu ul li.active a {color:var(--white);border-bottom:solid 1px rgba(255, 255, 255, 0.1); transition: none}
.accordionmenu ul li a i {color:var(--black); -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -ms-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-in; font-size:16px; }
.accordionmenu ul li a i svg{fill:var(--gray999)}
.accordionmenu ul li.active a i svg{fill:var(--gray999)}
.accordionmenu ul li.active a i { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
/* 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 */

/*============================================ 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; opacity: 0.25; cursor: all-scroll; }
.owl-carousel .owl-item img { display:block; width:100% }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display:none }
.no-js .owl-carousel, .owl-carousel.owl-loaded { display:block }
.owl-carousel .owl-dot { cursor:pointer; cursor:hand; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.owl-carousel .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent;margin-top: 35px;}
.owl-carousel .owl-dots .owl-dot{display:inline-block;zoom:1}
.owl-carousel .owl-dots .owl-dot span{width:15px;height:15px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}
.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span{background:#f89714} 
.owl-theme .owl-nav .disabled { opacity:0; }  
.owl-carousel .owl-nav div {background-color: rgba(0, 0, 0, 0.5); background-size:70%; display: block; height: 50px; overflow: hidden; padding: 0; position: absolute; text-indent: -9999px; top: 30%; background-clip: padding-box; background-repeat:no-repeat; background-position:50%; vertical-align:middle; width:50px; cursor:pointer;box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24);-webkit-appearance: none;-webkit-border-radius: 0;background-color: rgba(255,255,255,.75);border-radius: 50%;transition: opacity .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);transition: background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);will-change: background-color,box-shadow;}
.owl-carousel .owl-nav div img{height: 42px;width: 42px;}
.owl-carousel .owl-nav div:hover{box-shadow: 0 10px 10px 0 rgba(0,0,0,.19), 0 6px 3px 0 rgba(0,0,0,.23);background-color: rgba(255,255,255,.9);cursor: pointer; background-color: rgba(255,255,255,.9)}
.owl-carousel .owl-nav div.owl-next { background-image: url(https://d3aew4oo17ml6.cloudfront.net/astrosite/keyboard-arrow.svg); right:0;-ms-transform: rotate(90deg);transform: rotate(90deg); }
.owl-carousel .owl-nav div.owl-prev { background-image: url(https://d3aew4oo17ml6.cloudfront.net/astrosite/keyboard-arrow.svg); left:0;-ms-transform: rotate(-90deg);transform: rotate(-90deg); }
.owl-carousel.owl-loading { opacity:0; display:block }
.owl-carousel.owl-hidden { opacity:0 }
.owl-carousel.owl-refresh .owl-item { visibility:hidden }
.owl-carousel.owl-drag .owl-item { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.owl-carousel.owl-grab { cursor:move; cursor:grab }
.owl-carousel.owl-rtl { direction:rtl }
.owl-carousel.owl-rtl .owl-item { float:right }
.owl-carousel .animated { animation-duration:1s; animation-fill-mode:both }
.owl-carousel .owl-animated-in { z-index:0 }
.owl-carousel .owl-animated-out { z-index:1 }
.owl-carousel .fadeOut { animation-name:fadeOut }
@keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height { transition:height .5s ease-in-out }
.owl-carousel .owl-item .owl-lazy { opacity:0; transition:opacity .4s ease }
.owl-carousel .owl-item img.owl-lazy { transform-style:preserve-3d }
.owl-carousel .owl-video-wrapper { position:relative; height:100%; background:#000 }
.owl-carousel .owl-video-play-icon { position:absolute; height:80px; width:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px; background:url(owl.video.play.png) no-repeat; cursor:pointer; z-index:1; -webkit-backface-visibility:hidden; transition:transform .1s ease }
.owl-carousel .owl-video-play-icon:hover { -ms-transform:scale(1.3, 1.3); transform:scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display:none }
.owl-carousel .owl-video-tn { opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; background-size:contain; transition:opacity .4s ease }
.owl-carousel .owl-video-frame { position:relative; z-index:1; height:100%; width:100% }
 
/*============================================ owl carousel end ============================================*/
/**/
footer{padding: 15px 0 0;background-color: rgb(12, 18, 28);color: var(--white)}
footer .footer-menu{padding: 10px 0;border-bottom: solid 1px var(--garyddd)}
footer .footer-menu a{padding: 0 5px;color: var(--black);font-weight: var(--weight600);}
footer .copyrite{color:var(--gray666);font-size: 13px;padding: 15px 0 15px;text-align: center;    border-top: 1px solid rgba(255, 255, 255, 0.2);margin-top: 15px}
footer .ftmenutwo{}
footer .ftmenutwo ul{}
footer .ftmenutwo ul li{border-bottom:solid 1px rgba(255, 255, 255, 0.1); margin-bottom:5px; padding:10px 0; }
footer .ftmenutwo ul li b{display: inline-block;margin-right: 10px;}
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 .ftmenutwo ul li .share.pi {	background: #bd081c;}
footer .ftmenutwo ul li .share.yt {	background: #bd081c;}

footer .aboutlinks{display: flex;flex-wrap: wrap;}
footer .aboutlinks a{padding: 0 10px; border-right: solid 1px #ddd;color: var(--white)}
footer .aboutlinks a:hover{color: var(--link)}
footer .aboutlinks a:first-child{padding-left: 0}
footer .aboutlinks a:last-child{padding-right: 0;border-right: 0}
 
footer .storeslist {display: flex;gap:10px;margin-top: 10px;} 
footer .storeslist figure{width: 80px;}
footer .storeslist img{width: 120px}
footer .storesscan{display: -webkit-flex;display: -moz-box;display: flex;-webkit-align-items: center;-moz-box-align: center;align-items: center;gap: 10px;padding: 10px; margin-top: 10px;}
footer .storesscan figure img{width: 80px; height: 80px;}
footer .storesscan .storeinfo{flex: 1}
footer .storesscan .storeinfo h3{font-size: 14px;font-weight: 600;color: var(--black);align-items: center;}
footer .storesscan .storeinfo p{font-size: 13px; padding-top: 5px; display: block}
footer .copyrite {color:var(--gray666);font-size: 11px;padding: 15px 0 15px;text-align: center;}
/**/

.furebanner{padding: 15px 0;margin: 55px 0 55px;}
.furebanner .owl-carousel .owl-nav div.disabled{opacity: 0;cursor: auto!important}
.furebanner .owl-carousel .owl-nav div{top:-50px;border-radius: 4px;height:var(--size30); width: var(--size30);background-size: 100%;box-shadow: none;border: solid 1px #ddd;}
.furebanner .owl-carousel .owl-nav div.owl-prev{right:var(--size40);left: auto}
.furebanner .owl-carousel .owl-nav div.owl-next{right: 0}

.ourbanner{padding: 15px 0;margin: 30px 0 55px;}
.ourbanner .owl-carousel .owl-nav div.disabled{opacity: 0;cursor: auto!important}
.ourbanner .owl-carousel .owl-nav div{top:-50px;border-radius: 4px;height:var(--size30); width: var(--size30);background-size: 100%;box-shadow: none;border: solid 1px #ddd;}
.ourbanner .owl-carousel .owl-nav div.owl-prev{right:var(--size40);left: auto}
.ourbanner .owl-carousel .owl-nav div.owl-next{right: 0}
.ourbanner .item{padding: 22px;/* height:80px;*/display: flex;align-items: center; margin: 10px;  justify-content: center; }
.ourbanner .item a{display:block}
.ourbanner .item img, .ourbanner .item a img{object-fit: fill;height: 100%; }
/**/

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;}

input[type="text"].searchalert::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#ff4242;}
input[type="text"].searchalert:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#ff4242;opacity:  1;}
input[type="text"].searchalert::-moz-placeholder { /* Mozilla Firefox 19+ */color:#ff4242; opacity:  1;}
input[type="text"].searchalert:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#ff4242;}
input[type="text"].searchalert::-ms-input-placeholder { /* Microsoft Edge */color:#ff4242;}
input[type="text"].searchalert::placeholder { /* Most modern browsers support this now. */color:#ff4242;} 
 
/* Muru End */


/*App ladnding page start*/

.appltoppg{height: 730px; position: relative;}

.appltoppg:before { height: 730px;  background: rgb(107,148,253); background: linear-gradient(90deg, rgba(107,148,253,1) 0%, rgba(116,66,227,1) 100%);  content: ""; position: absolute; right: 0; top: 0; width: 50%; z-index: 0;}
.appltoppg:after { height: 730px; background: #F6F4FC;    content: "";  position: absolute; left: 0; top: 0; width: 50%; z-index: 0;}

.appltoppg .appltopbanner { position: relative; z-index: 1; padding: 100px 0 0 0;}

.appltoppg .appltopbanner .appvideobg{ max-width: 300px; text-align: center; margin: 0 auto;}
.appltoppg .appltopbanner .appvideobg .iphone-mask {
  z-index: 10;
  object-fit: cover;
  display: flex;  
  position: relative;
  width: 100%;
  overflow: hidden;
	
}
.mask-img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  z-index: 10;
  transition: all 400ms ease-in 0s;
	
}
.video-wrap {
  vertical-align: baseline;
  position: absolute;
  height: 100%;
  box-sizing: border-box;
  top: 0px;
  font: inherit;
  padding: 13px;
  overflow: hidden;
  background: url("../images/app-bg.png") no-repeat center top; 
  background-size: 100%;
	

}
.video-wrap video {
  transform-style: preserve-3d;
  text-align: center;
  height: 100%;
  max-width: 100%;
  margin: 0 auto;
/*  background: white;*/
  border-radius: 10px;
}

.appltopbanner .lftcont { margin: 25% 0 0 0;}
.appltopbanner .lftcont .title2 { font-size: 18px; line-height: normal; font-weight: var(--fontweight600); }
.appltopbanner .lftcont .title3 { font-size: 20px; line-height: normal;}
.appltopbanner .lftcont .title1 { font-family: var(--poppins); font-size: 50px; font-weight: var(--fontweight600); line-height: 60px; color: var(--black); padding: 0 0 15px 0}
.appltopbanner .lftcont .title1 mark{ background-color: transparent;   padding: 0; position: relative; z-index: 2;}
.appltopbanner .lftcont .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;}

.appltopbanner .rgtcont { margin: 15% 0 0 0;}
.appltopbanner .rgtcont .title1 { font-family: var(--poppins); font-size: 30px; font-weight: var(--fontweight600); line-height: 40px; color: var(--white);}
.appltopbanner .rgtcont p{ margin: 15px 0;}

.appltopbanner .rgtcont .nriapp{ margin-bottom: 40px; }
.appltopbanner .rgtcont .eventapp{ margin-bottom: 40px; }
.appltopbanner .rgtcont .title2 { font-family: var(--poppins); font-size: 26px; font-weight: var(--fontweight600); line-height: 40px; color: var(--white);}

.applphow{ padding: 90px 0;}
.applptitle1{ font-family: var(--poppins); font-size: 36px; font-weight: var(--fontweight600); line-height: 60px; color: var(--black);}
.applptitle2{ font-family: var(--poppins); font-size: 18px; font-weight: var(--fontweight400);  color: var(--black); padding: 15px 0 30px; line-height: 30px}
.applptitle3{ font-family: var(--poppins); font-size: 20px; font-weight: var(--fontweight600);  color: var(--black);  line-height: 30px}
.applptitle4{ font-family: var(--poppins); font-size: 16px; font-weight: var(--fontweight400);  color: var(--black); line-height: 26px}


.app_howorklistwarp{ margin: 20px 20px; }
.app_howorklist{display: flex;align-items: center;} 
.app_howorklist figure{background:var(--white); border: solid 2px #F9AB00;padding: 15px; border-radius:60px 0px 60px 60px; position: relative;}
.app_howorklist:hover figure{ background-color: #FFF4DD; border-radius:60px 60px 0px 60px;}
.app_howorklist figure img{ width:50px;}
.app_contbgclr{flex: 1; padding: 25px 15px 25px 50px;  border-radius: 20px;  margin-left: -25px;}

.app_startimg{ margin: 20% 0 0 0;}

.screenshotswrap { padding: 0 30px; position: relative;}

.iphone-frame {
  position: absolute;
  top: 87px;
  width: 360px;
  z-index: 2;
left: 40.8%;	
}
.iphone-frame img {
  max-width: 352px;
  margin: 0 auto;
  display: block;
}

.owl-item.active.center {
	opacity: 1 !important;
}

/*------------ animations ----------------------*/

.animated { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; }
 @-webkit-keyframes fadeInUp { 0% {
 opacity: 0;
 -webkit-transform: translateY(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
 @keyframes fadeInUp { 0% {
 opacity: 0;
 transform: translateY(20px);
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
 @-webkit-keyframes fadeInLeft { 0% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInLeft { 0% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 -ms-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 -ms-transform: none;
 transform: none;
}
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
 @-webkit-keyframes fadeInLeftBig { 0% {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @-webkit-keyframes fadeInRight { 0% {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInRight { 0% {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 -ms-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 -ms-transform: none;
 transform: none;
}
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
 @-webkit-keyframes zoomInUp {  0% {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
 @keyframes zoomInUp {  0% {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }
 @-webkit-keyframes zoomInLeft {  0% {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
 @keyframes zoomInLeft {  0% {
 opacity: 0;
 -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }
 @-webkit-keyframes fadeInRightBig { 0% {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }
 @-webkit-keyframes fadeInDown { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInDown { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 -ms-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 -ms-transform: none;
 transform: none;
}
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
 @-webkit-keyframes fadeInDownBig { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @-webkit-keyframes swing { 20% {
 -webkit-transform: rotate3d(0, 0, 1, 15deg);
 transform: rotate3d(0, 0, 1, 15deg);
}
 40% {
 -webkit-transform: rotate3d(0, 0, 1, -10deg);
 transform: rotate3d(0, 0, 1, -10deg);
}
 60% {
 -webkit-transform: rotate3d(0, 0, 1, 5deg);
 transform: rotate3d(0, 0, 1, 5deg);
}
 80% {
 -webkit-transform: rotate3d(0, 0, 1, -5deg);
 transform: rotate3d(0, 0, 1, -5deg);
}
to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }
}
 @keyframes swing { 20% {
 -webkit-transform: rotate3d(0, 0, 1, 15deg);
 transform: rotate3d(0, 0, 1, 15deg);
}
 40% {
 -webkit-transform: rotate3d(0, 0, 1, -10deg);
 transform: rotate3d(0, 0, 1, -10deg);
}
 60% {
 -webkit-transform: rotate3d(0, 0, 1, 5deg);
 transform: rotate3d(0, 0, 1, 5deg);
}
 80% {
 -webkit-transform: rotate3d(0, 0, 1, -5deg);
 transform: rotate3d(0, 0, 1, -5deg);
}
to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }
}
.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }
/*------------ animations ----------------------*/


.breadcrumb { padding:15px 0; font-size: 12px; line-height: 13px; color:#212121; display:block; z-index:2; }
.breadcrumb a { color:#4e6786; font-weight: 600; }
.breadcrumb a:after { display: inline-block; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "/"; padding:0 5px; color: #212121;}
.qrimg img{ width: 108px;}




.eventappall{ padding: 30px 0; background: #FFF1E3;}
.eventappall .eventapp{ padding: 30px 0; display: flex;}
.eventappall .eventorgapp{ padding: 30px 0; display: flex; }		
.eventappall .eventapp .col1{ width: 60%; }
.eventappall .eventapp .col2{ margin-right: -50px; z-index: 2; align-items: center;  display: flex; width: 40%; }	
.eventappall .eventorgapp .col1{  width: 60%; padding: 0 0 0 15px; }
.eventappall .eventorgapp .col2{ transition: 0.8s; margin-left: -50px; align-items: center;  display: flex;  width: 40%; }
.eventappall .eventorgapp .col2 .eventoappimg{ transform: perspective(500px) rotateY(30deg); -webkit-transition: 0.6s;	-webkit-transform-style: preserve-3d;
	-moz-transition: 0.6s;	-moz-transform-style: preserve-3d;  -o-transition: 0.6s;	-o-transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d;
	position: relative;}
.eventappall .eventorgapp:hover .col2{ z-index: 3; }
.eventappall .eventorgapp:hover .col2 .eventoappimg{  transform: perspective(500px) rotateY(0deg); }		
.eventappall .eventapp .eventappimg{ transform: perspective(500px) rotateY(-30deg);   -webkit-transition: 0.6s;	-webkit-transform-style: preserve-3d;
	-moz-transition: 0.6s;	-moz-transform-style: preserve-3d;  -o-transition: 0.6s; -o-transform-style: preserve-3d; transition: 0.6s;	transform-style: preserve-3d;
	position: relative;}
.eventappall .eventapp:hover .eventappimg{ transform: perspective(500px) rotateY(0deg);}		
.eventappall .eventapp .title, .eventappall .eventorgapp .title { font-size: 30px; font-weight: var(--fontweight600); color: var(--black); line-height: 45px;}
.eventappall .eventapp .title mark, .eventappall .eventorgapp .title mark { background-color: transparent;   padding: 0; position: relative; z-index: 2;}
.eventappall .eventapp .title mark:before, .eventappall .eventorgapp .title 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;}
.eventappall .eventapp p, .eventappall .eventorgapp p  { font-size: 18px; padding: 25px 0 10px; line-height: 26px;}
.eventappall .eventapp ul, .eventappall .eventorgapp ul{margin-left: 20px;}
.eventappall .eventapp ul li, .eventappall .eventorgapp ul li{list-style-type: disc;font-size: 16px;padding: 10px 0;color: var(--black)}



/*App ladnding page end*/



@media only screen and (max-width : 320px) {}
/* Smartphones (portrait) ----------- */

@media only screen and (min-width : 321px) and (max-width : 390px) {}

@media only screen and (min-width : 391px) and (max-width : 430px) {}

@media only screen and (min-width : 431px) and (max-width : 568px) {}

@media only screen and (max-width : 568px) {}


/*----iphone---*/
@media (max-width : 640px) {
 /* wizard  start */
.mobilehide{display: none}
/*header .topblock{padding: 10px 15px;}*/
.hearoheaderbg{padding-top: 80px;}
.carerlist ul{grid-template-columns: repeat(1,1fr);}
.resuminfowrp .resumdetalswarp{flex-direction: column}
.getjobs-left .media{width: 100%;height: auto}
.tag1 {display: flex;flex-wrap: wrap;gap: 10px;} 
}

@media only screen and (min-width : 569px) and (max-width : 640px) {	
 .carerlist ul{grid-template-columns: repeat(2,1fr);}
}
/*----high end windows phone---*/
@media only screen and (min-width : 641px) and (max-width : 768px) { 
 .carerlist ul{grid-template-columns: repeat(2,1fr);}
}
/*----high end windows phone---*/
@media only screen and (max-width : 768px) {
header .logo a{margin: 0 var(--size10);}
.getalert, .furebanner, .primarytitle, .ourbanner{margin-bottom: 0;padding: 15px;}
	/*.funclist {flex-wrap: nowrap;justify-content: flex-start;white-space: nowrap;overflow-x: scroll;overflow-y: hidden;margin: 0 15px;padding-bottom: 40px}*/
 
.getalert .title br{display: none}
.primarytitle, .getalert .title{font-size: 26px;line-height: 34px;}
.lastblockwarp .tab{margin: 0 auto;margin-bottom: 20px;}
.toprecrtrs, .njspace{padding: var(--size20) 0} 
}
/**/
@media (min-width: 992px) {}
/*----iphone---*/
@media (max-width: 991px) {}
/*----ipad---*/
/**/
@media only screen and (max-width : 1024px) {
.tab{align-items: center;white-space: nowrap;overflow-x: scroll;overflow-y: hidden;margin:0 auto; margin-bottom: 20px}
 header {padding: 10px}
header .rightsectionholder nav{display: none}
}
/**/
@media only screen and (min-width : 769px) and (max-width : 1024px) {
 .carerlist ul{grid-template-columns: repeat(3,1fr);}
 .topicontent.one{left: 0}
 .topicontent.two{bottom: 100px;}
 .topicontent.three{right: 0;bottom: 210px;}
 .headertwarp { width: 375px;height: 450px; } 

.iphone-frame {  top: 98px;  width: 279px;  left: 35%;}	
.iphone-frame img { max-width: 298px;}	
.appltopbanner .lftcont .title1 {  font-size: 36px;}
.getalert .title { font-size: 28px;   line-height: 42px;}	
	
}
@media only screen and (max-width : 1000px) {
	.lpcounter { display: block;}
	.lpcounter .countercol {  width: 100%;}			
	.appltoppg { height: auto; position: relative;}
	.appltoppg .appltopbanner { padding: 100px 15px 0 15px;}	
	.appltoppg:before { height: 100%; width: 100%;}
	.appltoppg:after { height: 50%; width: 100%;}
	.appltopbanner .lftcont { margin: 10px 0 20px 0;}	
	.appltopbanner .lftcont .title1 { font-size: 30px; line-height: 45px;}
	.appltopbanner .lftcont .title3 { font-size: 16px;}
	.appltopbanner .rgtcont p { margin: 15px 0; text-align: center; display: block ruby;}
	.appltopbanner .rgtcont .title1 { font-size: 28px; line-height: 38px; text-align: center;}	
	
	.iphone-frame{ display: none;}
	.owl-carousel .owl-dots{ margin-top: 0px;}
	
	.applptitle1 { font-size: 23px; line-height: 36px;}
	.app_howorklist figure img { width: 26px;}
	.applptitle3 { font-size: 15px; line-height: 22px;}
	.applptitle4 { font-size: 14px; line-height: 24px; }
	
	.app_howorklistwarp { margin: 0px 20px;}
	
	.ourbanner .item{ padding: 10px 0 0 0;}
	.ourbanner{ margin: 0px 0 55px; padding:0 15px; }
	.applphow {  padding: 40px 0;}
	.app_startimg {  margin: 0;}
	.nj-headerbg {   padding: 10px 0;}
	
	.eventappall .eventapp .col1, .eventappall .eventorgapp .col1{ width: 100%;}
	.eventappall .eventapp .col2, .eventappall .eventorgapp .col2 {  display: none;}
	
}

/*----netbook---*/
@media only screen and (min-width : 769px) and (max-width : 1024px) {	
	
}

/*----ultrabook---*/
@media only screen and (min-width : 1025px) and (max-width : 1280px) {	
	.iphone-frame { top: 78px; width: 420px; left: 33%;}
	.iphone-frame img {max-width: 433px; width: 389px;}
	.owl-carousel .owl-dots { margin-top: 60px;}
}

/*----ultrabook---*/
@media only screen and (min-width : 1281px) and (max-width : 1366px) {	
	.iphone-frame {top: 67px; width: 481px;left: 32%;}
	.iphone-frame img {max-width: 433px; width: 433px;}
	.owl-carousel .owl-dots { margin-top: 60px;}
}
/*   */

@media only screen and (min-width : 1367px) and (max-width : 1440px) {
	
	.iphone-frame {top: 110px;  left: 40.1%; width: 280px;}
	.iphone-frame img { max-width: 250px;}
}

/*----large desktop---*/
@media only screen and (min-width : 1441px) and (max-width : 1680px) {	
	.iphone-frame { top: 100px; left: 39%;}
	.iphone-frame img { max-width: 302px; }	
}

@media only screen and (min-width : 1681px) and (max-width : 1920px) {
		
}

@media only screen and (min-width : 1921px) and (max-width : 2520px) {

}


